/* fix modal greyed out issue */

.modal-backdrop {
    display: none;
}

.modal {
    background: rgba(0, 0, 0, 0.5);
}

.clickable {
    cursor: pointer;
}

.custom-select-sm {
    width: 10% !important;
}

a.bg-holiday {
    background-color: gray;
    color: white !important;
}

.jumbotron-buttons {
    display: inline-block;
}

.modal-header .close[dir=rtl] {
    margin: 0 !important;
}

/* /fix modal greyed out issue */

/* Loader */
.loader {
    width: 60px;
    height: 60px;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid var(--admin-brand, var(--primary-color));
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media print {
    .app-body .sidebar {
        display: none;
    }
}

@font-face {
    font-family: aptos;
    src: url(../fonts/aptos.ttf);
}

@font-face {
    font-family: aptos;
    src: url(../fonts/aptos-bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: aptos;
    src: url(../fonts/aptos-italic.ttf);
    font-style: italic;
}

.crud-action-menu {
    display: inline-block;
}

.crud-action-menu__trigger {
    border: 0;
}

.crud-action-menu .crud-action-menu__menu {
    --bs-dropdown-min-width: 13.5rem;
    max-height: min(70vh, 32rem);
    overflow-y: auto;
}

.crud-action-menu__item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin: 0.2rem 0.35rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.5rem;
    color: var(--admin-text);
    font-weight: 500;
    white-space: nowrap;
    transition: background-color 150ms ease, color 150ms ease;
}

.crud-action-menu .crud-action-menu__item:hover,
.crud-action-menu .crud-action-menu__item:focus {
    background-color: rgba(var(--admin-action-rgb), 0.12) !important;
    color: var(--admin-action) !important;
}

.crud-action-menu__icon {
    width: 1rem;
    text-align: center;
    transition: color 150ms ease;
}

.crud-action-menu .crud-action-menu__item:hover .crud-action-menu__icon,
.crud-action-menu .crud-action-menu__item:focus .crud-action-menu__icon {
    color: var(--admin-action);
}


/* fix modal greyed out issue */

.modal-backdrop {
    display: none;
}

.modal {
    background: rgba(0, 0, 0, 0.5);
}

.clickable {
    cursor: pointer;
}

.custom-select-sm {
    width: 10% !important;
}

a.bg-holiday {
    background-color: gray;
    color: white !important;
}

.jumbotron-buttons {
    display: inline-block;
}

.modal-header .close[dir=rtl] {
    margin: 0 !important;
}

/* /fix modal greyed out issue */

/* Loader */
.loader {
    width: 60px;
    height: 60px;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid var(--admin-brand, var(--primary-color));
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media print {
    .app-body .sidebar {
        display: none;
    }
}

@font-face {
    font-family: aptos;
    src: url(../fonts/aptos.ttf);
}

@font-face {
    font-family: aptos;
    src: url(../fonts/aptos-bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: aptos;
    src: url(../fonts/aptos-italic.ttf);
    font-style: italic;
}

.crud-action-menu {
    display: inline-block;
}

.crud-action-menu__trigger {
    border: 0;
}

.crud-action-menu .crud-action-menu__menu {
    --bs-dropdown-min-width: 13.5rem;
    max-height: min(70vh, 32rem);
    overflow-y: auto;
}

.crud-action-menu__item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin: 0.2rem 0.35rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.5rem;
    color: var(--admin-text);
    font-weight: 500;
    white-space: nowrap;
    transition: background-color 150ms ease, color 150ms ease;
}

.crud-action-menu .crud-action-menu__item:hover,
.crud-action-menu .crud-action-menu__item:focus {
    background-color: rgba(var(--admin-action-rgb), 0.12) !important;
    color: var(--admin-action) !important;
}

.crud-action-menu__icon {
    width: 1rem;
    text-align: center;
    transition: color 150ms ease;
}

.crud-action-menu .crud-action-menu__item:hover .crud-action-menu__icon,
.crud-action-menu .crud-action-menu__item:focus .crud-action-menu__icon {
    color: var(--admin-action);
}


body,
.app-page,
.app-wrapper,
.app-main,
.app-content {
    background-color: var(--admin-background);
    color: var(--admin-text);
}
.card {
    --bs-card-bg: var(--admin-surface);
    --bs-card-border-color: var(--admin-border);
}
.card > .card-header {
    box-shadow: inset 0 2px 0 rgba(var(--admin-brand-rgb), .35);
}
.modal-content {
    --bs-modal-bg: var(--admin-surface);
    --bs-modal-border-color: var(--admin-border);
}
.dropdown-menu,
.menu-sub-dropdown {
    --bs-dropdown-bg: var(--admin-surface);
    --bs-dropdown-border-color: var(--admin-border);
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
}
.form-control,
.form-select,
.input-group-text {
    background-color: var(--admin-surface);
    border-color: var(--admin-border-strong);
    color: var(--admin-text);
}
.form-control::placeholder,
.select2-search__field::placeholder {
    color: var(--admin-text) !important;
    opacity: .52;
}
.form-control:disabled,
.form-select:disabled,
.backstrap-file-input:disabled ~ .backstrap-file-label {
    background-color: var(--admin-background) !important;
    color: var(--admin-text) !important;
    opacity: .7;
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.dataTables_filter input:focus,
.backstrap-file-input:focus-visible ~ .backstrap-file-label {
    border-color: var(--admin-action) !important;
    box-shadow: none !important;
    outline: 2px solid var(--admin-focus-ring) !important;
    outline-offset: 1px;
}
.form-check-input {
    background-color: var(--admin-surface);
    border-color: var(--admin-border-strong);
}
.form-check-input:checked {
    background-color: var(--admin-action);
    border-color: var(--admin-action);
}
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--admin-action);
}
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--admin-action) !important;
    border-color: var(--admin-action) !important;
}
.btn-file {
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border-strong) !important;
    color: var(--admin-text) !important;
}
.btn-file:hover {
    border-color: var(--admin-action) !important;
    color: var(--admin-action) !important;
}
.btn-file:focus-within {
    border-color: var(--admin-action) !important;
    outline: 2px solid var(--admin-focus-ring);
    outline-offset: 1px;
}
.backstrap-file-label {
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border-strong) !important;
    color: var(--admin-text) !important;
}
.backstrap-file-label::after {
    background-color: var(--admin-background) !important;
    color: var(--admin-text) !important;
}
.existing-file {
    border-color: var(--admin-border) !important;
}
.admin-accent-surface .text-white {
    color: var(--admin-accent-text) !important;
}
.app-footer {
    background-color: var(--admin-sidebar-bg);
    border-top-color: var(--admin-sidebar-border);
    color: var(--admin-sidebar-text);
}
.app-footer .text-white,
.app-footer a,
.app-footer .footer-link {
    color: var(--admin-sidebar-text) !important;
}
#kt_app_sidebar,
#kt_app_sidebar_logo,
.app-sidebar {
    background-color: var(--admin-sidebar-bg) !important;
}
#kt_app_sidebar,
.app-sidebar {
    border-right: 1px solid var(--admin-sidebar-border) !important;
}
#kt_app_sidebar_menu_scroll {
    --admin-sidebar-scrollbar: color-mix(in srgb, var(--admin-sidebar-text) 32%, var(--admin-sidebar-bg));
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}
#kt_app_sidebar_menu_scroll::-webkit-scrollbar-track,
#kt_app_sidebar_menu_scroll::-webkit-scrollbar-corner {
    background-color: transparent !important;
}
#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb {
    background-color: transparent !important;
}
#kt_app_sidebar_menu_scroll:hover {
    scrollbar-color: var(--admin-sidebar-scrollbar) transparent !important;
}
#kt_app_sidebar_menu_scroll:hover::-webkit-scrollbar-thumb {
    background-color: var(--admin-sidebar-scrollbar) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2 .menu-title {
    color: var(--admin-sidebar-text) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2 .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2 .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2 .menu-icon i {
    color: var(--admin-sidebar-icon) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2.active,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link {
    background-color: var(--admin-sidebar-active-bg) !important;
    color: var(--admin-sidebar-active-text) !important;
    position: relative;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2.active {
    position: relative;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active::before,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2.active::before,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link::before,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link::before {
    background-color: var(--admin-sidebar-indicator);
    border-radius: 3px;
    content: "";
    inset-block: .45rem;
    inset-inline-start: 0;
    position: absolute;
    width: 3px;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2.active .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2.active .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link2.active .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.here > .menu-link .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-icon i {
    color: var(--admin-sidebar-active-text) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link2:hover:not(.disabled):not(.active):not(.here) {
    background-color: var(--admin-sidebar-hover-bg) !important;
    color: var(--admin-sidebar-text) !important;
}
.btn.btn-primary,
.btn-primary {
    --bs-btn-color: var(--admin-button-text);
    --bs-btn-bg: var(--admin-action);
    --bs-btn-border-color: var(--admin-action);
    --bs-btn-hover-color: var(--admin-button-hover-text);
    --bs-btn-hover-bg: var(--admin-action-hover);
    --bs-btn-hover-border-color: var(--admin-action-hover);
    --bs-btn-focus-shadow-rgb: var(--admin-action-rgb);
    --bs-btn-active-color: var(--admin-button-active-text);
    --bs-btn-active-bg: var(--admin-action-active);
    --bs-btn-active-border-color: var(--admin-action-active);
    --bs-btn-disabled-color: var(--admin-button-text);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
    color: var(--admin-button-text) !important;
    background: var(--admin-action) !important;
    background-color: var(--admin-action) !important;
    border-color: var(--admin-action) !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:hover:not(.btn-active),
.btn-primary:hover,
.btn-primary:hover:not(.btn-active) {
    color: var(--admin-button-hover-text) !important;
    background: var(--admin-action-hover) !important;
    background-color: var(--admin-action-hover) !important;
    border-color: var(--admin-action-hover) !important;
}
.btn.btn-primary:focus,
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:focus-visible,
.btn.btn-primary:focus-visible:not(.btn-active),
.btn-primary:focus,
.btn-primary:focus:not(.btn-active),
.btn-primary:focus-visible,
.btn-primary:focus-visible:not(.btn-active),
.btn-check:focus + .btn-primary {
    color: var(--admin-button-hover-text) !important;
    background: var(--admin-action-hover) !important;
    background-color: var(--admin-action-hover) !important;
    border-color: var(--admin-action-hover) !important;
    box-shadow: none !important;
    outline: 2px solid var(--admin-focus-ring) !important;
    outline-offset: 2px;
}
.btn.btn-primary:active,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-active),
.btn.btn-primary.active,
.btn.btn-primary.active:not(.btn-active),
.btn.btn-primary.show,
.btn.btn-primary.dropdown-toggle.show,
.btn-primary:active,
.btn-primary:active:not(.btn-active),
.btn-primary:not(:disabled):not(.disabled):active:not(.btn-active),
.btn-primary.active,
.btn-primary.active:not(.btn-active),
.btn-primary.show,
.btn-primary.dropdown-toggle.show,
.btn-check:checked + .btn-primary {
    color: var(--admin-button-active-text) !important;
    background: var(--admin-action-active) !important;
    background-color: var(--admin-action-active) !important;
    border-color: var(--admin-action-active) !important;
}
.btn.btn-primary:disabled,
.btn.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary.disabled {
    color: var(--admin-button-text) !important;
    background: var(--admin-action) !important;
    background-color: var(--admin-action) !important;
    border-color: var(--admin-action) !important;
}
#saveActions .dropdown-item:hover,
#saveActions .dropdown-item:focus {
    color: var(--admin-action) !important;
    background-color: rgba(var(--admin-action-rgb), .12) !important;
}
#saveActions .dropdown-item:active,
#saveActions .dropdown-item.active {
    color: var(--admin-button-text) !important;
    background-color: var(--primary-color) !important;
}
.btn.btn-active-color-primary:hover:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show {
    color: var(--admin-action) !important;
}
.ls-n2 {
    letter-spacing: 0 !important;
}
.app-body {
    overflow-x: visible;
    font-size: 15px;
}
.table {
    --bs-table-color: var(--admin-text);
    --bs-table-border-color: var(--admin-border);
    color: var(--admin-text);
}
.table-hover tbody tr:hover {
    color: var(--admin-text);
}
.card .card-header {
    min-height: 40px;
    line-height: 40px;
}
.required:after{
    display: none;
}
.form-control {
    padding: 0rem 1rem;
    min-height: 36px;
}
/*form .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    width: 32%;
    overflow: hidden;
}*/
.main .container-fluid { padding: 0; }
.breadcrumb .breadcrumb-item:after { content: "-"; }
.dataTables_filter input { border-radius: .425rem;}
.table td, .table th { padding: 0 0.425rem;}
.input-group-text { padding: .375rem .75rem;}
.dropdown-menu { --bs-dropdown-min-width: 20rem; }
#crudTable_wrapper #crudTable .sorting:before, #crudTable_wrapper #crudTable .sorting_asc:before, #crudTable_wrapper #crudTable .sorting_asc_disabled:before, #crudTable_wrapper #crudTable .sorting_desc:before, #crudTable_wrapper #crudTable .sorting_desc_disabled:before {
    top: 0.5em;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    background: unset;
    border: unset;
    padding: 2px;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear {
    margin: 0;
}
.select2-container--bootstrap {
    max-width: 100%;
}
.select2-container--bootstrap .select2-selection.select2-selection--multiple {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: auto;
    padding: 4px 28px 4px 4px;
}
.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    width: 100% !important;
    min-width: 0;
    white-space: normal;
}
.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-search--inline {
    display: block;
    float: none;
    flex: 1 0 100%;
    width: 100%;
    min-width: 0;
    margin-top: 4px;
}
.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 100% !important;
    min-width: 0;
    margin: 0;
    padding: 6px 8px;
    border: 1px solid var(--admin-border-strong);
    border-radius: 3px;
    background-color: var(--admin-surface);
    color: var(--admin-text);
    font-family: inherit;
}
.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 8px;
    top: 4px;
    margin: 0;
}
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field {
    font-size: 16px !important;
    line-height: 1.25 !important;
}
.select2-container--bootstrap .select2-selection.select2-selection--multiple .select2-selection__choice {
    float: unset;
    display: inline-block;
    max-width: 100%;
    margin: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}
.select2-results__option:before {
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border-strong) !important;
}
.select2-results__option--selected:before,
.select2-results__option[aria-selected=true]:not(.select2-results__option--selectable):before {
    background-color: var(--admin-action) !important;
    border-color: var(--admin-action) !important;
    color: var(--admin-button-text) !important;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: var(--admin-action) !important;
    color: var(--admin-button-text) !important;
}
.select2-container--bootstrap .select2-results__option--highlighted:before {
    background-color: var(--admin-action) !important;
    border: 1px solid var(--admin-button-text) !important;
}
.select2-container--bootstrap .select2-results__option.select2-results__option--selected{
    background-color: var(--admin-background) !important;
    color: var(--admin-text) !important;
}
.select2-container--bootstrap .select2-results__option.select2-results__option--selected:before {
    font-family: fontAwesome;
    content: '\2713';
    color: var(--admin-button-text) !important;
    background-color: var(--admin-action) !important;
    border: 1px solid;
    display: inline-block;
    padding-left: 3px;
}
.select2-container--bootstrap .select2-results__option.select2-results__option--selected.select2-results__option--highlighted[aria-selected] {
    background-color: var(--admin-action) !important;
    color: var(--admin-button-text) !important;
}
.select2-container--bootstrap .select2-selection,
.select2-container--default .select2-selection,
.select2-dropdown {
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border-strong) !important;
    color: var(--admin-text) !important;
}
.select2-container .select2-selection__choice,
.select2-container .select2-selection__choice__remove {
    background-color: var(--admin-action) !important;
    border-color: var(--admin-action) !important;
    color: var(--admin-button-text) !important;
}
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--open .select2-selection {
    border-color: var(--admin-action) !important;
    box-shadow: none !important;
    outline: 2px solid var(--admin-focus-ring) !important;
    outline-offset: 1px;
}
.page-item.active .page-link,
.pagination .active > .page-link {
    background-color: var(--admin-action) !important;
    border-color: var(--admin-action) !important;
    color: var(--admin-button-text) !important;
}
.page-link,
.nav-link {
    color: var(--admin-action);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-bottom-color: var(--admin-brand);
    color: var(--admin-brand) !important;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 2rem;
    }
}
@media print{
    .app-header{
        display: none;
    }
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: unset;
}

@media (min-width: 992px) {
    html[dir="rtl"] [data-kt-app-sidebar-fixed=true] .app-sidebar {
        left: auto;
        right: 0;
    }
    html[dir="rtl"] [data-kt-app-sidebar-fixed=true] .app-wrapper {
        margin-right: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px));
        margin-left: 0;
    }
    html[dir="rtl"] [data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header, [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
        right: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px));
        left: 0;
    }
}
html[dir="rtl"] body, html[dir="rtl"] {
    font-family: Almarai, sans-serif;
}