/* Variables */
:root { --primary-color: #004288; --secondary-color: #68af22; }

html ::-webkit-scrollbar-track { background-color: #FFF }
html ::-webkit-scrollbar { width: 5px; background-color: #FFF }
html ::-webkit-scrollbar-thumb { background-color: var(--primary-color); }

.header__pane { display: none; }

select[multiple] + .form-control { background: #FFF !important; }
select[multiple] + .form-control .filter-option-inner, select[multiple] + .form-control .filter-option-inner-inner { height: 100%; }
.bootstrap-select .dropdown-toggle .filter-option { font-size: 1rem; font-weight: 400; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { content: "▼"; transform: rotate(-90deg); }

table.dataTable td { transition: background 0.3s linear; }

.app-header .app-header__logo { display: inline-flex !important; }
.app-header__logo > svg { width: 180px; height: auto; }
.app-header__logo > svg path.leaf-light { fill: #c9dfb1; }
.app-header__logo > svg path.leaf-dark { fill: #57B033; }
.app-header__logo > svg g.cateringross > * { fill: var(--primary-color); }

.dropdown-menu-header { margin-bottom: 0; }
.dropdown-menu.dropdown-menu-lg { margin-bottom: 0; padding-bottom: 0; }

.vertical-nav-menu li a.disabled { pointer-events: none; }

.btn-icon-vertical { display: inline-flex; flex-direction: column; align-items: center; }

.header-user-avatar { width: 42px; height: 42px; background: var(--primary-color); color: #FFF; font-size: 1rem; display: inline-flex; align-items: center; justify-content: center; }

.blockPage { transform: translate(-50%, -50%); }

[data-toggle="collapse"] { cursor: pointer; }

.avatar-container { display: flex; align-items: center; }
.avatar-initials { width: 42px; height: 42px; font-size: 1rem; background: var(--secondary-color); display: inline-flex; align-items: center; justify-content: center; color: #FFF; }

.widget-content .widget-content-left .widget-subheading { opacity: 1; }

.vertical-nav-menu ul > li > a { color: #343a40; }
.vertical-nav-menu > li > a { font-weight: 700; }
.vertical-nav-menu li.active > a { background: #e0f3ff; text-decoration: none; }
.vertical-nav-menu li.disabled > a { pointer-events: none; opacity: 0.6; }
.vertical-nav-menu i.metismenu-state-icon { opacity: 0.6; }

.card-body-collapsable { padding-block: 0; }
.card-body-collapsable .collapse { padding-block: 1.25rem }

.chartjs-graph { height: 400px; position: relative; }
.row-dashboard-barcode-scanner .chartjs-graph { height: 600px; }

.card-filter-wrapper [data-toggle="collapse"] > i { transition: 0.3s linear; }
.card-filter-wrapper [data-toggle="collapse"][aria-expanded="true"] > i { transform: rotate(180deg); }
.card-filter-wrapper .card-body-collapsable .collapse { padding-block: 0; }
.card-filter-wrapper .card-body-collapsable { padding-inline: 0; }
.card-filter-wrapper .accordion-wrapper { border: 0; }

.tabs-animated .nav-link::before { background: var(--secondary-color); }

button[data-toggle="collapse"] i { display: inline-block; transition: 0.3s linear; }
button[data-toggle="collapse"][aria-expanded="true"] i { transform: rotate(180deg); }

.badge-dashboard-area-title { background: var(--secondary-color); }

@media (max-width:991px) {
    .app-header .app-header__content .app-header-right { margin-right: auto; }
}

@media (max-width:767px) {
    .row-dashboard-barcode-scanner .chartjs-graph { height: 400px; }
    div .dataTables_wrapper div.dataTables_paginate { margin-top: 10px; }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; }
}

@media (max-width: 767.98px) {
    .body-tabs .nav-item .nav-link { padding-block: 12px; }
}

@media (max-width:480px) {
    .pagination .paginate_button:not(.previous):not(.next) { display: none; }
}