:root,
[data-bs-theme=light] {
    --tinymce-icon-color: #33354d;
    --tinymce-background: 255, 255, 255, 1;
    --tinymce-border-color: #d4d7e5;
    --tinymce-editor-background: #fff;
    --bootstrap-select-background: 255, 255, 255, 1;
}

[data-bs-theme=dark] {
    --tinymce-icon-color: #fff;
    --tinymce-background: 255, 255, 255, .02;
    --tinymce-border-color: rgba(255, 255, 255, .18);
    --tinymce-editor-background: #10141E;
    --bootstrap-select-background: 255, 255, 255, .02;
}

.bootstrap-select > button {
    border: var(--si-border-width) solid var(--tinymce-border-color) !important;
    border-radius: var(--si-border-radius-lg) !important;
    box-shadow: var(--si-box-shadow-inset) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    background-color: rgba(var(--bootstrap-select-background)) !important;
}

.tox-tinymce {
    border: var(--si-border-width) solid var(--tinymce-border-color) !important;
    border-radius: var(--si-border-radius-lg) !important;
    box-shadow: var(--si-box-shadow-inset) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: rgba(var(--tinymce-background)) !important;
    box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .1), 0 8px 8px -4px rgba(34, 47, 62, .07) !important;
    padding: 0px 0px !important;
}

.tox .tox-tbtn:hover {
    background: #707a7b !important;
}

.tox .tox-tbtn svg {
    fill: var(--tinymce-icon-color) !important
}

.tox .tox-tbtn:hover svg {
    fill: #fff !important;
}

.tox .tox-editor-header {
    background-color: transparent !important;
}

    .tox .tox-editor-header .tox-toolbar-overlord {
        background-color: transparent !important;
    }

        .tox .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
            background-color: transparent !important;
        }

.tox .tox-statusbar {
    display: none !important;
}

.tox-sidebar-wrap {
    background-color: transparent !important;
}

.tox-edit-area {
    background-color: transparent !important
}

/*bootstrap-select*/
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #B7BACB !important;
    font-weight: 400 !important;
}

/*logo*/
@media (max-width: 625px) {
    .forlatezaNavbarLogo {
        height: 25px !important;
    }
}

.avatar-m {
    height: 2rem;
    width: 2rem;
}

.avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.bootstrap-select.lg > button {
    min-height: calc(1.6em + 1.57rem + calc(var(--si-border-width)* 2)) !important;
    padding: .785rem 1.125rem !important;
    font-size: 1rem !important;
    border-radius: var(--si-border-radius-lg) !important;
}

[data-bs-theme=dark] .filter-option-inner-inner {
    color: rgba(255, 255, 255, .7) !important;
    font-weight: 400 !important;
}

[data-bs-theme=light] .filter-option-inner-inner {
    color: #565973 !important;
    font-weight: 400 !important;
}

[data-bs-theme=dark] .bs-placeholder .filter-option-inner-inner {
    color: #65676E !important;
}

[data-bs-theme=light] .bs-placeholder .filter-option-inner-inner {
    color: #B9BCCD !important;
}

.btn-orange {
    --si-btn-color: #000;
    --si-btn-bg: #EF7A23;
    --si-btn-border-color: #EF7A23;
    --si-btn-hover-color: #000;
    --si-btn-hover-bg: #7a7df3;
    --si-btn-hover-border-color: d76d1f;
    --si-btn-focus-shadow-rgb: 84, 87, 205;
    --si-btn-active-color: #000;
    --si-btn-active-bg: #f2944e;
    --si-btn-active-border-color: d76d1f;
    --si-btn-active-shadow: unset;
    --si-btn-disabled-color: #000;
    --si-btn-disabled-bg: #EF7A23;
    --si-btn-disabled-border-color: #EF7A23;
}

.btn-orange {
    --si-btn-hover-color: #fff;
    --si-btn-active-color: #fff;
    --si-btn-hover-bg: #f08738;
    --si-btn-active-bg: #f08738;
    --si-btn-hover-border-color: #f08738;
    --si-btn-active-border-color: #f08738;
    --si-btn-disabled-color: #fff;
}

.standbyDate {
    background: #EF7A23 !important;
    color: white !important;
    border-radius: 15% !important;
    border-color: #fff !important;
}

.calendarContainer {
    width: 100%;
    max-width: 200px;
}