/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

@media (max-width: 767px) {

    .table-container,
    .dataTables_wrapper,
    .table-responsive {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch;
    }

    #tableServicesList {
        min-width: 900px !important;
        width: 900px !important;
    }

    #tableServicesList th,
    #tableServicesList td {
        white-space: nowrap !important;
    }

    .dataTables_filter {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .dataTables_filter input {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}