@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');
}

/* ----- Shared ----- */
body { width: 100%; font-family: 'Open Sans', sans-serif; color: #000; background: #F7F9FA; }

.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: '';
}
.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; }

.dataTables_filter label{
    display: inline-block;
}
.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 ----- */
#btn-nav-left { display: none; }
#nav-left { position: fixed; z-index: 1000; left: 0; top: 0; bottom: 0; width: 250px; }
#nav-left .scroll-container { position: absolute; left: 0; top: 100px; bottom: 75px; width: 100%; overflow-y: auto; }
#nav-left .nav-primary .nav-link { color: #CCC; font-size: 16px; }
#nav-left .nav-primary .nav-link:hover { color: #FFF; }
#nav-left .nav-secondary .nav-link { color: #AAA; font-size: 14px; padding: 5px 0 5px 0; }
#nav-left .nav-secondary .nav-link:hover { color: #DDD; }

#nav-left .input-group-search { background: rgba(255, 255, 255, 0.1); color: #FFF; }
#nav-left .input-group-search .input-group-text { color: #AAA; }
#nav-left .input-group-search .form-control-search { color: #FFF; outline: none; box-shadow: none; }
#nav-left .input-group-search .form-control-search::-webkit-input-placeholder { color: #AAA; }
#nav-left .input-group-search .form-control-search:-ms-input-placeholder { color: #AAA; }

#nav-left .nav-bottom { position: absolute; left: 10px; bottom: 10px; right: 10px; }
#nav-left .profile { height: 40px; box-sizing: content-box; color: #AAA; cursor: pointer !important; }
#nav-left .profile:hover, #nav-left .profile.show { background: rgba(255, 255, 255, 0.1); }
#nav-left .profile .avatar { width: 40px; height: 40px; text-align: center; line-height: 40px; color: #CCC; }
#nav-left .profile .dropdown-toggle::after { display: none; }
#nav-left .profile .dropdown-menu { margin-left: -8px; width: 230px; }
#nav-left .profile:hover small, #nav-left .profile.show small { color: #AAA !important; }
#nav-left .profile:hover .span-name, #nav-left .profile.show .span-name { color: #EEE; }

#nav-top { position: fixed; z-index: 1000; left: 250px; top: 0; right: 0; height: 50px; }

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

        .sitewide-filters::before,
        .sitewide-filters::after {
            content: '';
            top: -20px;
            right: -1px;
            width: 0;
            height: 0;

        }

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

        .sitewide-filters .dropdown-toggle {
            width: 400px !important;
            margin-bottom: 5px;
            max-width: 400px !important;
        }

.sitewide-filters select {
    display: none;
}

#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; }

#page { margin: 50px 0 0 250px; }
#properties + #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; }


/* ----- 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(max-width: 1600px) {
    #nav-top .breadcrumb .breadcrumb-item { line-height: 16px; }
    #nav-top .breadcrumb .breadcrumb-item::before { vertical-align: middle; }
    #nav-top .breadcrumb .breadcrumb-item a { line-height: 16px; display: inline-block; vertical-align: middle; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

@media(max-width: 1475px) {
    #btn-nav-left { display: block; }
    #nav-left { top: 50px; left: -250px; transition: left 200ms; }
    #nav-left.nav-left-show { left: 0; }
    #nav-top { left: 0; }
    #page { margin-left: 0; }
}

@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: 800px){
    #nav-top .breadcrumb {
        display: none;
    }

}

@media(max-height: 600px){
    .modal-dialog {
        transform: scale(.85) !important;
        transform-origin: left top !important;
    }
}
@media(max-height: 600px) and (max-width: 800px) {
    .modal-footer {
        bottom: 200px !important;
    }
}
.dtSearchBar {
    overflow: hidden;
    display: inline-block;
    float: right;
}
.btn-dark{

}