@media only screen and (max-width: 600px) {
    .card-body-facility table {
        width: 600px;
    }

    .card-header-room table {
        width: 600px;
    }

    .card-header-room ul li:first-child, .card-header-room ul li:last-child {
        width: 50% !important;
    }

    .button-submit-customer {
        margin-top: 5px;
    }
    .bootstrap-datetimepicker-widget{
        position: relative !important;
        left: 0 !important;
        top: 0px !important;
        z-index: 99999999999 !important;
    }
}

@media only screen and (max-width: 330px) {
    .button-list-facility {
        margin-top: 5px;
    }

    .button-list-last {
        margin-top: 5px;
    }
    .btn-delete-customer-room{
        margin-top: 0px !important;
        margin-bottom: 3px;
    }
}

@media only screen and (max-width: 991px) {
    .button-submit-csv-customer {
        margin-top: 5px;
    }
}
@media only screen and (min-width: 767px) {
    .navbar-expand-md .navbar-toggler {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .dropdown-hamburger {
        justify-content:flex-end;
    }
    .nav-link-response {
        float:right;
    }
    .show-on-mobile {
        display:block !important;
        flex-basis: 0% !important;
        flex-grow: 0 !important;
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .cleansing-group-index-description {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cleansing-group-show {
        max-width: 50%;
        text-align: left !important;
        flex: 0 0 50%;
    }
    .card-header-cleansing-group ul.nav-tabs li:first-of-type, .card-header-tab-cleansing ul.nav-tabs li:first-of-type {
        width: 50%;
    }
    .card-header-cleansing-group ul.nav-tabs li:last-of-type, .card-header-tab-cleansing ul.nav-tabs li:last-of-type {
        width: 50%;
    }
    .modal-content-comment, .div-confirm-modal{
        width: 100%  !important;
        height: auto !important;
        padding-bottom: 15px;
    }
    .background-thead-table th{
        width: 150px;
    }
    .action-export-facility {
        flex-wrap: wrap;
    }
    .action-export-facility a, .action-export-facility form,.action-export-facility input {
        width: 100%;
        margin-top: 10px;
    }
    .action-export-facility input {
        margin:0;
    }
    .card-header-room .tab-content table {
        width: 1080px;
    }
    .input-group-append {
        margin-left: -3px;
    }
}
@media only screen and (min-width: 435px) {
    .show-on-mobile {
        display:block !important;
        flex-basis: 55% !important;
        flex-grow: 0 !important;
    }
    .show-name-on-mobile {
        display: none;
    }
    .show-name-on-desktop {
        display: block;
    }
}
@media only screen and (max-width: 435px) {
    .name-application {
        font-size:16px;
    }
    .show-on-mobile {
        display:block !important;
        flex-basis: 50% !important;
        flex-grow: 0 !important;
    }
    .show-name-on-mobile{
        display: block;
    }
    .show-name-on-desktop {
        display: none;
    }

}