/* Minification failed. Returning unminified contents.
(1056,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1060,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1064,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1068,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1072,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1076,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1080,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1085,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1120,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1124,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1128,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1132,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1136,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1140,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1144,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1148,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1152,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1156,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1164,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1168,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1172,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1176,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1180,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1184,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1188,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1192,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning'
(1196,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1200,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1204,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1208,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1212,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1216,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1220,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1224,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(1228,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1232,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1236,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1240,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1244,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1248,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1252,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1256,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1260,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1264,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1268,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1272,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1276,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1280,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1284,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1288,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(1292,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1296,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1300,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1304,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1308,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1312,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1316,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1320,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(1324,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1328,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1332,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1336,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1340,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1344,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1348,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1352,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(1356,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1360,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1361,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1365,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1369,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1373,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1377,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1381,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1385,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1389,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1393,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1397,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1401,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1405,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1409,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1413,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1417,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark'
(1421,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
 */
.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-text {
    padding-right: 0.5rem;
}

a.nav-link {
    color: #ffffff;
    color: rgba(255, 255, 255, 0.5);
}

    a.nav-link:hover {
        color: #ffffff;
        color: rgba(255, 255, 255, 0.75);
    }

@media (min-width: 1400px) {
    .navbar-expand-md {
        padding-left: 1%;
        padding-right: 1%;
    }
}

@media (min-width: 1400px) {
    .navbar-expand-sm {
        padding-left: 1%;
        padding-right: 1%;
    }
}


@media (min-width: 1400px) {
    .navbar-expand-lg {
        padding-left: 1%;
        padding-right: 1%;
    }
}

@media (min-width: 1400px) {
    .container, .modal-bs {
        max-width: 1360px;
    }
}

@media (min-width: 1500px) {
    .container, .modal-bs {
        max-width: 1440px;
    }
}

@media (min-width: 1700px) {
    .container, .modal-bs {
        max-width: 1680px;
    }
}

@media (min-width: 1850px) {
    .container, .modal-bs {
        max-width: 1840px;
    }
}

@media (min-width: 1400px) {
    .container, .modal-bss {
        max-width: 1160px;
    }
}

@media (min-width: 1500px) {
    .container, .modal-bss {
        max-width: 1240px;
    }
}

@media (min-width: 1700px) {
    .container, .modal-bss {
        max-width: 1480px;
    }
}

@media (min-width: 1850px) {
    .container, .modal-bss {
        max-width: 1640px;
    }
}

.modal {
    z-index: 25000;
    background: rgba(209, 236, 241, 0.3);
}

    .modalplus1 {
        z-index: 25001;
    }

    .modalplus2 {
        z-index: 25002;
    }

    .modalplus3 {
        z-index: 25003;
    }

    .modalplus4 {
        z-index: 25004;
    }

.modal.buzy {
    z-index: 30002;
}

    .modal.alert-info {
        z-index: 30000;
    }

    .modal.alert-success {
        z-index: 30001;
        background: rgba(212, 237, 218, 0.3);
    }

    .modal.alert-warning {
        z-index: 30004;
        background: rgba(255, 243, 205, 0.3);
    }

    .modal.alert-danger {
        z-index: 30005;
        background: rgba(248, 215, 218, 0.3);
    }
.text-label-list {
    font-size: 1.2rem;
    color: #8a6d3b !important;
}

.text-list {
    font-size: 1.2rem;
}

a.text-label-list:hover, a.text-label-list:focus {
    color: #66512c !important;
}

.text-label-color {
    color: #8a6d3b !important;
}

a.text-label-color:hover, a.text-label-color:focus {
    color: #66512c !important;
}

.btn-sm, .btn-group-sm > .btn {
    padding-bottom: 0.3rem;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

dl.row {
    margin: 0;
} 

label {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0.1rem;
}

div select.form-control {
    padding-top: 0.25rem;
}

.control-label {
    float: left;
    padding-left: 0;
    padding-top: 0.5rem;
}

.control-label-input {
    float: left;
    padding-left: 0;
}

.form-group {
    margin-bottom: 0.2rem;
}

a {
    color: #428bca;
}

td p {
    margin-bottom: 0;
}

.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title {
    background-color: inherit;
    border-color: #dedede;
}

.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
    background-color: inherit;
    border: none;
}

ul.fancytree-container,
.fancytree-plain span.fancytree-selected span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title,
.fancytree-plain span.fancytree-node:hover span.fancytree-title {
    border: none;
}

.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title {
    border: 1px solid rgb(153, 153, 153);
}

.fancytree-ico-c.noItem span.fancytree-icon,
.fancytree-ico-e.noItem span.fancytree-icon,
.fancytree-ico-c.noItem span.fancytree-icon:hover,
.fancytree-ico-e.noItem span.fancytree-icon:hover {
    background-image: url("/Images/16x16/funnel_warning.png");
    background-position: 0 0;
}

.fancytree-ico-cf.hasItem span.fancytree-icon,
.fancytree-ico-ef.hasItem span.fancytree-icon,
.fancytree-ico-cf.hasItem span.fancytree-icon:hover,
.fancytree-ico-ef.hasItem span.fancytree-icon:hover {
    background-image: url("/Images/16x16/funnel.png");
    background-position: 0 0;
}

.fancytree-ico-c.isItem span.fancytree-icon,
.fancytree-ico-e.isItem span.fancytree-icon,
.fancytree-ico-c.isItem span.fancytree-icon:hover,
.fancytree-ico-e.isItem span.fancytree-icon:hover {
    background-image: url("/Images/16x16/battery.png");
    background-repeat: no-repeat;
    background-size: contain;
}

table.dataTable tbody tr.preferred-item.even, table.dataTable tbody tr.even.preferred-item td,
table.dataTable tbody tr.preferred-item.even, table.dataTable tbody tr.even.preferred-item td.sorting_1,
table.dataTable tbody tr.preferred-item.even.hover, table.dataTable.display tbody tr.preferred-item.even.hover,
table.dataTable tbody tr.preferred-item.even:hover, table.dataTable.display tbody tr.preferred-item.even:hover,
table.dataTable tbody tr.preferred-item.even.hover td, table.dataTable.display tbody tr.preferred-item.even.hover td,
table.dataTable tbody tr.preferred-item.even:hover td, table.dataTable.display tbody tr.preferred-item.even:hover td,
table.dataTable tbody tr.preferred-item.even.hover td.sorting_1, table.dataTable.display tbody tr.preferred-item.even.hover td.sorting_1,
table.dataTable tbody tr.preferred-item.even:hover td.sorting_1, table.dataTable.display tbody tr.preferred-item.even:hover td.sorting_1 {
    background-color: limegreen;
    border-color: limegreen;
}

table.dataTable tbody tr.preferred-item.odd, table.dataTable tbody tr.odd.preferred-item td,
table.dataTable tbody tr.preferred-item.odd, table.dataTable tbody tr.odd.preferred-item td.sorting_1,
table.dataTable tbody tr.preferred-item.odd.hover, table.dataTable.display tbody tr.preferred-item.odd.hover,
table.dataTable tbody tr.preferred-item.odd:hover, table.dataTable.display tbody tr.preferred-item.odd:hover,
table.dataTable tbody tr.preferred-item.odd.hover td, table.dataTable.display tbody tr.preferred-item.odd.hover td,
table.dataTable tbody tr.preferred-item.odd:hover td, table.dataTable.display tbody tr.preferred-item.odd:hover td,
table.dataTable tbody tr.preferred-item.odd.hover td.sorting_1, table.dataTable.display tbody tr.preferred-item.odd.hover td.sorting_1,
table.dataTable tbody tr.preferred-item.odd:hover td.sorting_1, table.dataTable.display tbody tr.preferred-item.odd:hover td.sorting_1 {
    background-color: rgb(88, 205, 88);
    border-color: rgb(88, 205, 88);
}

table.dataTable tbody tr.preferred-item:hover,
table.dataTable tbody tr.preferred-item.selected:hover,
table.dataTable tbody tr.lineStatus:hover table.dataTable tbody tr.lineStatus.selected:hover table.dataTable.row-border tbody tr.preferred-item:hover,
table.dataTable.row-border tbody tr.preferred-item.selected:hover {
    opacity: 0.75;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle;
}

    table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after {
        bottom: auto;
        display: inline;
        vertical-align: middle;
    }

    .attachment {
        text-decoration: underline;
    }

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-buttonset .ui-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .ui-dialog-buttonset .ui-button:focus,
    .ui-dialog-buttonset .ui-button:active:focus,
    .ui-dialog-buttonset .ui-button.active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .ui-dialog-buttonset .ui-button:hover,
    .ui-dialog-buttonset .ui-button:focus {
        color: #333;
        text-decoration: none;
    }

    .ui-dialog-buttonset .ui-button:active,
    .ui-dialog-buttonset .ui-button.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

.ui-widget-header {
    background-color: transparent;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border-color: #d58512;
        background-color: #EC971F;
        border-radius: 4px;
    }

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
    border-radius: 4px;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
        border-radius: 4px;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
            border-radius: 4px;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
            border-radius: 4px;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
        .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
        .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
            cursor: text;
        }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    border-width: 1px;
    border-color: #EC971F;
    padding: 0 1.4em;
    border-radius: 4px;
}

.nav-tabs .nav-link {
    border-width: 1px;
    border-radius: 0.4rem;
}

.nav-link.btn-warning {
    background-color: #f0ad4e;
    color: #fff;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: white;
    background-color: #EC971F;
    border-color: #d58512;
}

.tab-content > .active {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #EC971F;
    border-radius: 0.25rem;
    overflow: auto;
    margin-bottom: 0.25rem;
}

.ui-wi .ui-tabs-panel {
    display: block;
    border-width: 1px;
    border-color: #EC971F;
    padding: 0 1.4em;
    background: none;
    border-radius: 4px;
}

.card iframe {
    width: 100%;
    height: 100%;
    margin: 2px;
    overflow: hidden;
}

.marquee {
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
    border-radius: 0.3rem;
    background-color: #e9ecef;
    box-sizing: border-box;
}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: white /*#e6e6e6{bgColorDefault}*/;
    font-weight: normal /*{fwDefault}*/;
}

.ui-state-hover {
    background: #ced4da;
}

.toggleButton {
    color: #ffffff;
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    border: 0;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    padding-top: 0.5rem;
}

.toggleButton:hover {
    color: #ffffff;
    color: rgba(255, 255, 255, 0.75);
}

.ui-multiselect {
    background-color: white;
    font-size: 0.75rem;
    font-weight: 200;
    padding: 0.1rem 0 0.1rem 4px;
    text-align: left;
}

    .ui-multiselect span.ui-icon {
        float: right
    }
    
    .ui-multiselect .ui-multiselect-open {
        margin-top: 0.2rem;
    }

.ui-multiselect-single .ui-multiselect-checkboxes input {
    left: -9999px;
    position: absolute !important;
    top: auto !important;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    font-size: 0.75rem;
    padding: 0.1rem !important;
    margin-bottom: 0.1rem;
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 0
}

    .ui-multiselect-header ul {
        font-size: 0.9em;
        list-style-type: none
    }

        .ui-multiselect-header ul li {
            float: left;
            font-weight: normal;
            list-style-type: none;
            padding: 0 0 0 0;
        }

    .ui-multiselect-header a {
        text-decoration: none
    }

        .ui-multiselect-header a:hover {
            text-decoration: underline
        }

    .ui-multiselect-header span.ui-icon {
        float: left
    }

    .ui-multiselect-header li.ui-multiselect-close {
        display: none;
        float: left;
        padding-right: 0;
        text-align: left;
        padding-bottom: 0.2rem;
    }

.ui-multiselect-menu {
    background-color: white;
    border: 1px solid #ced4da;
    display: none;
    padding: 0.1rem;
    position: absolute;
    text-align: left;
    z-index: 10000;
}

.ui-multiselect-checkboxes {
    overflow-y: auto;
    position: relative /* fixes bug in IE6/7 */;
}

    .ui-multiselect-checkboxes label {
        border: 1px solid transparent;
        cursor: default;
        display: block;
        font-size: 1em;
        font-weight: 100;
        padding: 0 1px;
    }

        .ui-multiselect-checkboxes label input {
            margin-right: 0.25rem;
            position: relative;
            top: 1px
        }

    .ui-multiselect-checkboxes li {
        clear: both;
        font-size: 0.9em;
        list-style-type: none;
        padding-right: 3px;
    }

        .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
            border-bottom: 1px solid;
            font-weight: bold;
            text-align: center;
        }

            .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
                display: block;
                margin: 1px 0;
                padding: 3px;
                text-decoration: none
            }

    /* remove label borders in IE6 because IE6 does not support transparency */

    * html .ui-multiselect-checkboxes label {
        border: none
    }

.ui-multiselect-hasfilter ul {
    padding-bottom: 1px;
    position: relative;
}

.ui-multiselect-filter {
    float: left;
    font-size: 0.8rem;
    font-weight: normal;
    margin-right: 0;
    box-sizing: border-box;
    border: 1px solid #ced4da;
    background-color: #ced4da;
    border-radius: 0.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    display: inline-flex;
}

    .ui-multiselect-filter input {
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        font-size: 1rem;
        height: 28px;
        margin-left: 5px;
        padding: 0;
        padding-left: 0.4rem;
        max-width: 75%;
        width: 75%;
    }

    .ui-multiselect-filter label {
        display: inline-flex;
        align-items: center;
        font-size: 1rem;
        height: 30px;
        margin-left: 5px;
        width: 100%;
    }

.dataTables_filter input.datatable_button,
input.datatable_button {
    background-color: #fff;
    background-repeat: no-repeat;
    border: none;
    height: 10px;
    margin-left: 3px;
    margin-top: -27px;
    position: absolute;
}

.svg-inline--fa.fa-w-16 {
    border: none;
    margin-top: 0.2rem;
    height: 1.2em;
    width: 1.2em;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
}

.buttonbar {
    display: inline-block;
    background: inherit;
    vertical-align: middle;
    align-items: center;
   /* margin-top: 0.25rem;
    margin-bottom: 0.25rem;*/
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    overflow: auto
}

.buttonbar.datatable {
    display: inline-flex;
    justify-content: space-between;
}

    .buttonbar.datatable label, .buttonbar.datatable label .form-control {
        float: right;
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
        margin-left: 0.5rem;
        margin-right: 0.25rem;
    }

.dataTables_length {
    display: inline-flex;
    align-items: center;
    float: left;
}

    .dataTables_length label, .dataTables_length label select {
        vertical-align: middle;
        display: inline-flex;
        align-items: center;
        margin-left: 0.5rem;
        margin-right: 0.25rem;
    }

        .dataTables_length label select {
            width: 70px;
            margin-top: 0.2rem;
            margin-bottom: 0.2rem;
        }

.tab-pane > h2, .tab-pane > div > h2 {
    margin: 0.5rem;
    padding-bottom: 1rem;
}

.card.control-label {
    padding-top: 0;
}

.card-body {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.ui-widget.ui-widget-content {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.typeahead {
    position: absolute;
    right: 40%;
    top: 8px;
    text-align: start;
    height: 1px;
    color: rgba(73, 80,87, 0.5);
}

.slider-label {
    border: 0;
    color: #f6931f;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 0.5rem;
}

.multi-column-dropdown {
    list-style: none;
    padding-inline-start: 0;
}

.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
}

.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

.multi-column .row {
    margin-left: 0;
    margin-right: 0;
}

.col-sm {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
}

.dropdown-menu.columns-1 {
    min-width: 300px;
}

.dropdown-menu.columns-2 {
    min-width: 600px;
}

.dropdown-menu.columns-3 {
    min-width: 750px;
}

.dropdown-menu.columns-4 {
    min-width: 1000px;
}

.dropdown-menu.columns-5 {
    min-width: 1250px;
}

.dropdown-menu.columns-6 {
    min-width: 1500px;
    left: -280px;
}

.dropdown-item {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 0.1rem;
    font-size: 0.95rem;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li.active {
    background-color: black;
}

.carousel-indicators [data-bs-target] {
    background-color: grey;
}

/*.ui-tooltip {
    overflow-y: auto;
    white-space: pre-wrap;
    max-height: 400px;
}*/

.popover {
    max-height: none;
    max-width: 600px;
    width: auto;
}

.popover-body {
    overflow-y: auto;
    white-space: pre-wrap;
    max-height: 420px;
}

dd {
    margin-bottom: 0.1rem;
}

.shopping-cart-dropdown {
    position: relative;
    display: inline-block;
    margin: 0.5rem;
}

.shopping-cart-dropdown-content {
    font-size: 1rem;
    display: none;
    position: absolute;
    width: 380px;
    max-width: 380px;
    z-index: 100;
    right: 0;
    top: 2rem
}
    
label.filter-label {
    font-size: 0.9rem;
    padding-left: 0;
    padding-right: 0;
}

div.form-group.filter-form-group {
    width: 100%;
    margin-bottom: 0.1rem;
}

div.form-group.filter-form-group button{
    width: 100%;
}

.form-control.filter-form-control {
    font-size: 0.75rem;
}

.filter-slider-label {
    border: 0;
    color: #f6931f;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

a.filter-slider-reset {
    padding-left: 0;
    padding-right: 0;
}

div.filter {
    float: left;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin: 0;
    align-items: center;
}

.form-control {
    max-width: 500px;
}

.fa-shopping-cart {
    color: rgba(255, 255, 255, 0.5) !important;
}
.fa-shopping-cart:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

.fa-power-off {
    color: rgba(255, 255, 255, 0.5) !important;
    margin-left: 0.4rem;
}

    .fa-power-off:hover {
        color: rgba(255, 255, 255, 0.75) !important;
        margin-left: 0.4rem;
    }
    
.form-check.form-check-inline {
    padding-right: 2.5rem;
}

.form-check-inline .form-check-input {
    margin-right: 0.55rem;
}

.card-body p,
.card-body div p {
    margin-bottom:0;
}

hr {
    margin : 0.1rem;
}

.dataTables_wrapper {
    margin-bottom: 0.25rem;
}

div.row.cart-row {
    margin-left: 0;
    margin-right: 0;
}

.modal-card {
    max-width: 90%;
}

.dataTable.display.table-max-row-height tr {
    max-height: 42px;
}

.dataTable.display.table-max-row-height td {
    max-height: 42px;
}

span {
    display: inline-flex;
    align-items: center;
}

span .badge {
    margin-left: 0.25rem;
}

.file-preview-card {
    height: 23rem;
    width: 13rem;
    margin: 2px;
}

.file-preview-card.wider {
    width: 20rem;
}

.file-preview-card.smaller {
    height: 18rem;
    width: 11rem;
}

.file-preview-card.smaller .card-header {
    min-height: 7.2rem;
}

.card.file-preview-card .card-body {
    padding: 0.25rem;
    display: flex;
    align-items: center;
}

.card-title {
    text-decoration: none;
}

.card-header.preferred-item {
    background-color: rgba(174, 234, 174, 0.3);
}

.card-header.red {
    background-color: rgba(255, 51, 0, 0.3);
}

.card-body embed {
    height: 16.2rem;
    width: 100%;
    cursor: zoom-in;
}

.file-preview-card.smaller .card-body embed {
    height: 10rem;
}

.card-title {
    font-size: 1rem;
}

.tooltip-inner {
    background-color: var(--bs-warning) !important;
}

.tooltip-inner {
    background-color: var(--bs-warning) !important;
}

.tooltip-arrow {
    color: var(--bs-warning) !important;
}

.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-warning) !important;
}

.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-warning) !important;
}

.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-warning) !important;
}

.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-warning) !important;
}

.tooltip.show {
    z-index: 50000;
    color: var(--bs-warning) !important;
}

.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
    z-index: 26000;
}

.d-inline-flex {
    align-items: center;
}

.radio-label, .checkbox-label {
    padding-left: 0.25rem;
    align-items: center;
    display: inline-flex;
}

    .radio-label.normal, .checkbox-label.normal {
        font-weight: 400;
        font-size: 1rem;
    }

input[type="radio"], input[type="checkbox"] {
    align-items: center;
    display: inline-flex;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: 0;
    margin-bottom: 0;
}

.awesomefont-button {
    padding: 0;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    color: var(--bs-secondary);
}

.awesomefont-button-color {
    color: var(--bs-secondary);
}

    .awesomefont-button-color .tooltip-inner {
        background-color: var(--bs-secondary) !important;
    }

    .awesomefont-button-color .tooltip-inner {
        background-color: var(--bs-secondary) !important;
    }

    .awesomefont-button-color .tooltip-arrow {
        color: var(--bs-secondary) !important;
    }

    .awesomefont-button-color.bs-tooltip-top .tooltip-arrow::before {
        border-top-color: var(--bs-secondary) !important;
    }

    .awesomefont-button-color.bs-tooltip-bottom .tooltip-arrow::before {
        border-bottom-color: var(--bs-secondary) !important;
    }

    .awesomefont-button-color.bs-tooltip-start .tooltip-arrow::before {
        border-left-color: var(--bs-secondary) !important;
    }

    .awesomefont-button-color.bs-tooltip-end .tooltip-arrow::before {
        border-right-color: var(--bs-secondary) !important;
    }

    .awesomefont-button-color .tooltip.show {
        color: var(--bs-secondary) !important;
    }

.text-green-color {
    color: #198754 !important;
}

.text-warning-color {
    color: var(--bs-warning) !important;
}

.text-warning .tooltip-inner {
    background-color: var(--bs-warning) !important;
}

.text-warning .tooltip-arrow {
    color: var(--bs-warning) !important;
}

.text-warning.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-warning) !important;
}

.text-warning.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-warning) !important;
}

.text-warning.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-warning) !important;
}

.text-warning.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-warning) !important;
}

.text-warning .tooltip.show {
    color: var(--bs-warning) !important;
}

.text-secondary-color {
    color: var(--bs-secondary) !important;
}

.text-secondary .tooltip-inner {
    background-color: var(--bs-secondary) !important;
}

.text-secondary .tooltip-arrow {
    color: var(--bs-secondary) !important;
}

.text-secondary.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-secondary) !important;
}

.text-secondary.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-secondary) !important;
}

.text-secondary.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-secondary) !important;
}

.text-secondary.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-secondary) !important;
}

.text-secondary .tooltip.show {
    color: var(--bs-secondary) !important;
}

.text-primary-color {
    color: var(--bs-primary) !important;
}

.text-primary .tooltip-inner {
    background-color: var(--bs-primary) !important;
}

.text-primary .tooltip-arrow {
    color: var(--bs-primary) !important;
}

.text-primary.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-primary) !important;
}

.text-primary.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-primary) !important;
}

.text-primary.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-primary) !important;
}

.text-primary.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-primary) !important;
}

.text-primary .tooltip.show {
    color: var(--bs-primary) !important;
}

.text-success-color {
    color: var(--bs-success) !important;
}

.text-success .tooltip-inner {
    background-color: var(--bs-success) !important;
}

.text-success .tooltip-arrow {
    color: var(--bs-success) !important;
}

.text-success.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-success) !important;
}

.text-success.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-success) !important;
}

.text-success.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-success) !important;
}

.text-success.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-success) !important;
}

.text-success .tooltip.show {
    color: var(--bs-success) !important;
}

.text-info-color {
    color: var(--bs-info) !important;
}

.text-info .tooltip-inner {
    background-color: var(--bs-info) !important;
}

.text-info .tooltip-arrow {
    color: var(--bs-info) !important;
}

.text-info.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-info) !important;
}

.text-info.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-info) !important;
}

.text-info.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-info) !important;
}

.text-info.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-info) !important;
}

.text-info .tooltip.show {
    color: var(--bs-info) !important;
}

.text-danger-color {
    color: var(--bs-danger) !important;
}

.text-danger .tooltip-inner {
    background-color: var(--bs-danger) !important;
}

.text-danger .tooltip-arrow {
    color: var(--bs-danger) !important;
}

.text-danger.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-danger) !important;
}

.text-danger.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-danger) !important;
}

.text-danger.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-danger) !important;
}

.text-danger.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-danger) !important;
}

.text-danger .tooltip.show {
    color: var(--bs-danger) !important;
}

.text-light-color {
    color: var(--bs-light) !important;
}

.text-light .tooltip-inner {
    color: var(--bs-dark) !important;
    background-color: var(--bs-light) !important;
}

.text-light .tooltip-arrow {
    color: var(--bs-light) !important;
}

.text-light.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-light) !important;
}

.text-light.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-light) !important;
}

.text-light.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-light) !important;
}

.text-light.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-light) !important;
}

.text-light .tooltip.show {
    color: var(--bs-light) !important;
}

.text-dark-color {
    color: var(--bs-dark) !important;
}

.text-dark .tooltip-inner {
    background-color: var(--bs-dark) !important;
}

.text-dark .tooltip-arrow {
    color: var(--bs-dark) !important;
}

.text-dark.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--bs-dark) !important;
}

.text-dark.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--bs-dark) !important;
}

.text-dark.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--bs-dark) !important;
}

.text-dark.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--bs-dark) !important;
}

.text-dark .tooltip.show {
    color: var(--bs-dark) !important;
}

.text-till-end-of-stock {
    color: var(--bs-danger) !important;
    font-weight: bold;
}

.text-item-info {
    animation: PULSE-INFO 1.25s infinite;
}

@keyframes PULSE-INFO {
    0% {
        color: cyan;
    }

    110% {
        color: black;
    }
}

.dataTables_scrollHeadInner {
    width: 100%;
}

.dialog-splitter-bottom {
    width: 100%;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 2rem;
}

.spinner-border.buzy
{
    width: 4rem;
    height: 4rem;
    border-width: 0.35rem;
    border-style: inset;
}

img.tumbnail {
    padding: 0.5rem;
    max-width: 20rem;
}

.btn-success {
    color: white;
}

.btn-bs-small {
    max-height: 24px;
    padding-top: 0;
}

.btn-bs-width {
    max-width: 70px;
    min-width: 60px;
}

.order-item-group {
    align-items: flex-end;
}

.card-header.row {
    padding-left: 0.2rem;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

    .card-header.row .col-1, .card-header.row .col-10 {
        padding-left: 0.2rem;
        padding-right: 0;
    }


.dropdown > .button-300 {
    max-width: 300px;
    min-width: 300px;
}

.dropdown.button-300 > div {
    padding: 0.2rem;
    min-width: 100%;
}

.ui-icon {
    display: inline-flex;
}

.select-options-list {
    overflow: auto;
    max-height: 150px;
}

li label.ui-corner-all {
    display: inline-block;
    width: 100%
}

.dropdown > .button-max {
    max-width: 100%;
    min-width: 100%;
}

.dropdown.button-max > div {
    padding: 0.2rem;
    min-width: 100%;
}

li.li-option-sm {
    font-size: 0.75rem !important;
    padding: 0.1rem !important;
    margin-bottom: 0.1rem;
}

.order-block {
    font-weight: 500;
    margin-left:0;
    margin-right:0;
}

.order-block-cell {
    min-width: 140px;
}


.order-block-flagcell {
    min-width: 82px;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    min-width: 70px;
}

.item-code {
    max-width: 340px;
    min-width: 240px;
}

.document-item-code {
    min-width: 400px;
    max-width: 400px;
    width: 400px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control a, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control a {
    margin-left:1.2rem;
}

img.logo {
    height: 3rem;
}

div.zoom-file {
    width: 100%;
    height: 800px;
}

iframe.zoom-file {
    width: 100%;
    height: 100%;
}

.landing-search-button {
    height: 300px;
}

.landing-card {
    max-width: 300px;
    height: 360px;
}

    .landing-card:hover {
        border-color: #6c757d;
    }

.landing-card .card-body {
    height: 60px;
    max-height: 60px;
    vertical-align: bottom;
}