@media only screen and (max-width:1920px) {}

@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1440px) {}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width : 1200px) {}

@media only screen and (max-width:1080px) {}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width : 992px) {}

@media only screen and (max-width : 991px) {}

@media only screen and (max-width : 980px) {}

@media only screen and (max-width : 960px) {}

@media only screen and (max-width : 950px) {}

@media only screen and (max-width : 900px) {}

@media only screen and (max-width:800px) {
    .layout-xs-column {
        display: flex;
        flex-direction: column;
        align-items: start;
        min-height: 80px;
        height: 140px;
        justify-content: space-around;
    }

    .workpermit-table .flex-inline {
        display: block;
    }

    .flex-inline .layout-xs-column {
        height: inherit;
    }
}

@media only screen and (max-width:773px) {}

@media only screen and (max-width:768px) {
    #header div.bg-white {
        padding: 5px;
    }
}

@media only screen and (max-width : 767px) {
    .facility-detail .panel-default-main-contact-info .col-client-info {
        border-left: none !important;
    }

    .facility-detail .col-client-info .inner-section {
        text-align: center !important;
        padding: 0 !important;
    }

    .facility-detail .panel-body {
        padding: 8px !important;
    }
    
    ul.nav.navbar-nav.navbar-left.facility-cntr li {
        padding: 5px;
    }
}

@media only screen and (max-width:736px) {}

@media only screen and (max-width:731px) {}

@media only screen and (max-width:667px) {}

@media only screen and (max-width:640px) {}

@media only screen and (max-width:600px) {

    .dashboard-height {
        height: 39vh !important;
    }

    .radio-inline+.radio-inline,
    .checkbox-inline+.checkbox-inline {
        margin-left: 0;
    }

    .layout-xs-column .form-group {
        padding: 0px;
    }

    .workpermit-table .flex-inline {
        display: block;
    }
}

@media only screen and (max-width:568px) {}

@media only screen and (max-width:540px) {
    #menu {
        margin-top: 40px;
    }

    .content-wrapper {
        margin-top: 85px;
    }

    #header {
        height: 40px !important;
    }

    #header a.pad>i {
        transform: scale(1.75);
    }

    #header div.bg-white {
        display: flex;
        border: 1px solid lightgray;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    div#building-detail form[name="facility_information"] div div.layout-column:nth-child(1),
    div.layout-column:nth-child(2) {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .violations-box span.no-violation {
        line-height: 1.66 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    div#building-detail form[name="facility_information"] div.flex div.layout-column:nth-child(3)>div {
        width: 50%;
        margin-right: 10px;
    }

    div#building-detail form[name="facility_information"] div div.layout-column:nth-child(3) {
        flex-direction: row;
        width: 100%;
    }
}

@media only screen and (max-width:480px) {}

@media only screen and (max-width:435px) {

    .facility-detail .panel-body.main,
    .facility-detail .panel-body.inner {
        padding: 10px !important;
    }

    .ag-theme-fresh .ag-paging-panel>span {
        margin-left: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 435px) {
    div[ref="south"]>div>div.ag-paging-panel.ag-font-style {
        padding: 0 !important;
        flex-wrap: wrap;
        margin-right: auto;
        justify-content: center;
        height: inherit;
    }

    .spcc-table .input-group {
        display: flex;
        flex-direction: column;
    }



    ul.nav.navbar-nav.navbar-left.facility-cntr>div.display-center li div.multiselect-parent button,
    ul.nav.navbar-nav.navbar-left.facility-cntr>div.display-center li div.multiselect-parent ul.dropdown-menu-form {
        width: 235px !important;
    }

    ul.nav.navbar-nav.navbar-left.facility-cntr>div.display-center li div.multiselect-parent ul.dropdown-menu-form div.dropdown-header>input {
        height: 26px !important;
    }

    .dropdown-menu .divider {
        margin: 0 ! important;
    }
}

@media only screen and (min-width:540px) and (max-width: 991px) {
    .content-wrapper {
        margin-top: 100px;
    }
}

@media only screen and (max-width:414px) {}

@media only screen and (max-width:411px) {
    .spcc-table td.layout-row div.display-items-center .form-control1 {
        width: inherit;
    }

    .spcc-table td.layout-column div.display-items-center>b {
        width: 10%;
    }
}

@media only screen and (max-width:384px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:360px) {
    .facility-detail1 .form-control1 {
        min-width: 130px;
        width: 165px;
    }
}

@media only screen and (max-width:320px) {
    textarea {
        width: 170px;
    }

    a[href='#!/my-profile'] {
        font-size: 12px;
    }
}

.div_span
{
    float: right;
    position: absolute;

}

.spcc_div{
    float: left;
}