@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../Fonts/Open Sans/Open Sans Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../Fonts/Open Sans/Open Sans SemiBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../Fonts/Open Sans/Open Sans Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Libre Barcode 39';
    font-style: normal;
    font-weight: 400;
    src: local('Libre Barcode 39 Regular'), local('LibreBarcode39-Regular'), url('../Fonts/Libre Barcode 39/Libre Barcode 39 Regular.woff2') format('woff2');
}
div.dataTables_filter {
    position: sticky; /* Fix to the top */
}
/* ----- Shared ----- */
body { width: 100%; font-family: 'Open Sans', sans-serif; color: #000; }

.font-weight-semibold { font-weight: 600; }
.font-weight-bold { font-weight: bold; }
.bg-transparent { background: transparent; }
.bg-gold { background: #f3bc24; }
.bg-lightblue { background: #cbcbea; }
.bg-mediumblue { background: #1139b7; }
.bg-navy { background: #171853; }
.bg-lightgray { background: #DDD; }
.bg-mediumgray { background: #888; }
.bg-dark hr { border-color: #555; }
.bg-orange { background: #FF7F00 !important; }
.bg-striped::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../Images/bg-striped.png');
    content: '';
}
.bg-NA {
    background: repeating-linear-gradient(45deg, #d6d6d6, #d6d6d6 5px, #FFFFFF 5px, #FFFFFF 10px) !important;
}
.spinner { position: absolute; left: 50%; top: 50%; width: 100px; margin-left: -50px; margin-top: -50px; }
.barcode1 {
    font-family: 'Libre Barcode 39';
    font-size: 38px;
}
.required {
    border:1px solid red !important;
}

.barcode { font-family: 'Libre Barcode 39'; font-size: 60px; line-height: 30px; margin-bottom: 105px; padding-top: 15px; transform: scaleY(4); transform-origin: center top; overflow: hidden; }
.printbarcode { margin-right: .125in; padding: .125in .3in 0; float: left; text-align: center; overflow: hidden; border: 1px solid black; border-radius: 10px; }

.rounded-lg { border-radius: .35rem; }
.rounded-xl { border-radius: .45rem; }

.l-0 { left: 0; }
.t-0 { top: 0; }
.r-0 { right: 0; }
.b-0 { bottom: 0; }

.min-h-100 { min-height: 100%; }

.mb-n3 { margin-bottom: -40px; }

table th, label { font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; }
label { display: block; margin-bottom: 5px; }

.form-control-underlined { border-left: none; border-top: none; border-right: none; border-radius: 0; background: transparent; }
.checkbox-lg { width: 15px; height: 15px; vertical-align: middle; }
.checkbox-xl { width: 20px; height: 20px; vertical-align: middle; }

.cursor-pointer { cursor: pointer; }
.cursor-move { cursor: move; }
.hover-bold:hover { font-weight: bold; }

.letter-spaced-0 { letter-spacing: 0; }
.letter-spaced { letter-spacing: 1px; }
.letter-spaced-md { letter-spacing: 2px; }
.letter-spaced-lg { letter-spacing: 3px; }
.letter-spaced-xl { letter-spacing: 5px; }

.overflow-hidden { overflow: hidden; }

.nav-pills { padding: 10px; background: #EEF2F5; border-radius: .25rem; }
.nav-pills .nav-link { color: var(--gray); }
.nav-pills .nav-link:hover { color: var(--blue); }
.nav-pills .nav-link.active { background: #FFF; color: var(--blue); }

.border { border-color: rgba(0, 0, 0, 0.15) !important; }
.border-top { border-color: rgba(0, 0, 0, 0.15) !important; }
.border-bottom { border-color: rgba(0, 0, 0, 0.15) !important; }
.border-left { border-color: rgba(0, 0, 0, 0.15) !important; }
.border-right { border-color: rgba(0, 0, 0, 0.15) !important; }

/* ----- Layout ----- */

.sitewide-filters {
    top: 65px;
    right: 30px;
    width: 100%;
    z-index: 900;
    margin-top: 0;
    padding: 10px;
    padding: 10px;

}
@media(max-width: 992px){
    .sitewide-filters {
        position: fixed;
        top: 65px;
        right: 30px;
        width: 320px;
        background: #FFF;
        z-index: 900;
        margin-top: 0;
        padding: 10px;
        border-radius: 3px;
        border-top-right-radius: 0;
        border: 1px solid #CCC;
    }
    .sitewide-filters > a{
        text-align: left;
    }

        .sitewide-filters::before,
        .sitewide-filters::after {
            content: '';
            position: absolute;
            top: -20px;
            right: -1px;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-bottom: 20px solid #CCC;
        }

        .sitewide-filters::after {
            right: 0;
            top: -18px;
            border-bottom-color: #FFF;
        }
    .sitewide-filters .form-control,
    .sitewide-filters .dropdown-toggle
     {
        width: 200px !important;
        margin-bottom: 5px;
    }
    #btn-set-active-locations{
        width: 200px;
    }
    .multiselect{
        margin-left: 0px!important;
    }
}

/*        .sitewide-filters::after {
            right: 0;
            top: -18px;
        }*/

/*        .sitewide-filters .dropdown-toggle {
            width: 300px !important;
            height: 30px !important;
            margin-bottom: 5px;
            max-width: 400px !important;
        }*/
#btn-set-active-locations {
    height: 30px !important;
    background-color: white !important;
    border-color: #CED4DA !important;
}
.fc-event-scheduled {
    background: repeating-linear-gradient(-45deg, #3CB371, #3CB371 5px, #EEE, 5px, #EEE 10px );
}

button.multiselect {
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    height: 31px !important;
    text-align: center !important;
    font-size: 14px !important;
    background-color: white !important;
    border-color: #ced4da !important;
    color: #495057 !important;
    margin-bottom: 3px !important;
    width: 400px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sitewide-filters select {
    display: none;
}
.multiselect {
/*    margin-left: 2px !important;*/
white-space: nowrap !important;
}
.multiselect-container > li > a > label {
    padding-left: 20px !important;
    text-align: left !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #6c757d !important;
    text-overflow: ellipsis;
}
.multiselect-container > li {
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 100% !important;
    float: left !important;
}

.multiselect-container .multiselect-all > label,
.multiselect-container .multiselect-group label {
    padding-left: 10px !important;
}

.multiselect-container {
    position: absolute !important;
    z-index: 10000 !important;
}

#btn-properties { display: none; }
#properties { position: fixed; right: 0; top: 50px; bottom: 0; width: 320px; z-index: 1000; }
#properties .card .card-header { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; text-align: center; padding: 5px; cursor: pointer; transition: 200ms; }
#properties .card .card-header:hover { background: #EEE; }
#properties .card .card-body { overflow-y: scroll; }

#formNav {    position: fixed;    left: 0;    top: 50px;    bottom: 0;    width: 320px;    z-index: 1000;}
    #formNav .card .card-header {        font-weight: bold;        text-transform: uppercase;        letter-spacing: 1px;        font-size: 12px;        text-align: center;        padding: 5px;        cursor: pointer;        transition: 200ms;    }

        #formNav .card .card-header:hover {
            background: #EEE;
        }

    #formNav .card .card-body {
        overflow-y: scroll !important;
    }

#page { margin: 50px 0 0 250px; }
#properties + #page { margin-right: 320px; }
#formNav + #page {
    margin-right: 320px;
}

@media print {
    body { background: transparent; }
    #nav-left, #nav-top, #properties { display: none; }
    #page { margin: 0!important; padding: 0!important; }
    #page > .container { padding: 0!important; max-width: 100%!important; }
    .no-print {
        display: none;
    }
}

/* ------ Modals ------ */
.modal-header { display: block; text-align: center; font-size: 26px; }
.modal-footer { display: block; text-align: right; position:relative }

/* ----- DataTables ----- */
.dataTables_wrapper .btn-group { margin-right: 10px; }
.dataTables_wrapper .btn-group:empty { display: none; }
.dataTables_wrapper .dataTable { margin-top: 0 !important; }
.dataTables_wrapper .dt-buttons { margin-bottom: 10px; }
div.dataTables_wrapper div.dataTables_filter label {    text-align: right;}

/* ----- TinyMCE ----- */
.mce-tinymce.mce-container.mce-panel {
    box-shadow: none;
    border: 1px solid #CED4DA;
    border-radius: 3px;
}

/* ----- jQuery UI ----- */
.ui-front {
    z-index: 9999;
}
.ui-autocomplete {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
}
@media(min-width: 1000px){
    .navbar {
        padding-top: 0px;
    }
}
@media(max-width: 600px){
    td {
        font-size: 10px;
    }
    th {
        font-size: 10px!important;
    }
    td > div > .btn{
        font-size: 10px!important;
    }
    .multiselect-container{
        overflow-x:auto;
    }

}

@media(max-width: 1250px){
    #btn-properties {
        display: block;
    }

    #properties {
        right: -320px;
        transition: right 200ms;
    }

        #properties.properties-show {
            right: 0;
        }

        #properties + #page {
            margin-right: 0;
        }
}
@media(max-width: 999px){
    .navbar {
        padding-top: 10px;
    }
    .navbar-form > .navbar-nav{
        float: left;
    }
    .nextServiceAlert{
        font-size: 11px!important;
    }
}
.dtSearchBar {
    overflow: hidden;
    display: inline-block;
    float: right;
}
.btn-outline-primary {
    border-color: #0047AB !important;
    color: #0047AB !important;
}
    .btn-outline-primary.active, .btn-outline-primary:hover {
        background-color: #0047AB !important;
        color: white !important;
    }
.btn-primary {
    background-color: #0047AB !important;
    border-color: #0047AB !important;
}