/*FOR LAPTOP*/
@media screen and (max-width: 1280px) {
    body {
        line-height: 150%;
    }

    #header-bar-bottom {
        display: none;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > thead > tr > th {
        padding: .5rem;
    }

    .table.table-horizontal-wide tr th {
        margin-top: -15px;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
    }
}

/*FOR LAPTOP AND SOME TABLET*/
@media screen and (max-width: 1000px) {
    .container-fluid.content-bar {
        margin: 10px 0px;
    }

    .container-fluid {
        min-width: 400px;
    }

    .container-fluid.content-bar > .row > .col {
        min-width: 350px;
    }
}

/*FOR TABLET*/
@media only screen and (max-width: 600px) {
    .container-fluid.content-bar > .row > .col {
        min-width: auto;
    }

    .selectpicker + .dropdown-toggle + .dropdown-menu {
        max-height: 90vh;
        max-width: 90vw;
        min-width: 100px !important;
    }

    .bootstrap-select button.dropdown-toggle, .bootstrap-select button.dropdown-toggle:hover, .bootstrap-select button.dropdown-toggle:active {
        min-width: 100px;
    }
}

/*FOR PHONE*/
@media only screen and (max-width: 400px) {
    .container-fluid {
        min-width: 360px;
    }

    .btn-group-lg > .btn, .btn-lg {
        font-size: 1rem;
    }

    .selectpicker + .dropdown-toggle + .dropdown-menu {
        max-height: 90vh;
        max-width: 90vw;
        min-width: 100px !important;
    }

    .bootstrap-select button.dropdown-toggle, .bootstrap-select button.dropdown-toggle:hover, .bootstrap-select button.dropdown-toggle:active {
        min-width: 100px;
    }
}

@media print {
    body {
        height: 500px;
        overflow: hidden;
    }

    body *:not(.print-area-document-inner) {
        display: none !important;
    }

    .print-area-document {
        display: block !important;
        background-color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1500;
    }

    @page {
        size: portrait;
        margin: 12mm;
    }

    .ui-dialog,
    .ui-dialog .ui-dialog-content {
        position: unset !important;
        visibility: hidden;
    }

    .print-area-document table { break-after:auto; }
    .print-area-document tr    { page-break-inside:auto;break-after:auto; }
    .print-area-document td    { page-break-inside:auto;break-after:auto; }
    .print-area-document thead { display:table-header-group; }
    .print-area-document tfoot { display:table-footer-group; }
}