body.dark-theme {
    background-color: #0f172a;
    color: rgba(234, 234, 255, 0.87);
}
.dark-theme a {
    color: rgba(234, 234, 255, 0.87);
}
.dark-theme h6, .dark-theme .h6, .dark-theme h5, .dark-theme .h5, .dark-theme h4, .dark-theme .h4, .dark-theme h3, .dark-theme .h3, .dark-theme h2, .dark-theme .h2, .dark-theme h1, .dark-theme .h1 {
    color: rgba(234, 234, 255, 0.87) !important;
}
.dark-theme .layout-navbar {
    background-color: #1f293b !important;
}
.dark-theme .bg-menu-theme {
    background-color: #1f293b !important;
}
.dark-theme .bg-menu-theme .menu-link, .dark-theme  .bg-menu-theme .menu-horizontal-prev, .dark-theme .bg-menu-theme .menu-horizontal-next {
    color: rgba(234, 234, 255, 0.87);
}
html:not(.layout-menu-collapsed) .dark-theme .bg-menu-theme .menu-inner .menu-item.open>.menu-link, .dark-theme .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open>.menu-link, html:not(.layout-menu-collapsed) .dark-theme .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover, .dark-theme .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover {
    background-color: rgba(234, 234, 255, 0.05);
}
.dark-theme .bg-menu-theme .menu-inner>.menu-item.active>.menu-link {
    color: #ffffff;
    background-color: #334155 !important;
}
.dark-theme .bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: transparent;
    color: white;
}
.dark-theme .bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
    background-color: #cbd5e1 !important;
    border: 3px solid #475061 !important;
}
.dark-theme .bg-menu-theme .menu-inner>.menu-item.open .menu-item.open>.menu-toggle::before, .dark-theme .bg-menu-theme .menu-inner>.menu-item.open .menu-item.active>.menu-link::before {
    box-shadow: 0 0 0 2px #475061;
}
.dark-theme .bg-menu-theme .menu-item.open:not(.menu-item-closing)>.menu-toggle, .dark-theme .bg-menu-theme .menu-item.active>.menu-link {
    color: white;
}
.dark-theme .btn-light, .dark-theme .btn-light:hover, .dark-theme .btn-light:active {
    background-color: #0f172a;
    border-color: #0f172a;
}
.dark-theme .btn-primary,
.dark-theme .btn-primary:hover,
.dark-theme .btn-primary:active,
.dark-theme .btn-secondary,
.dark-theme .btn-secondary:hover,
.dark-theme .btn-secondary:active,
.dark-theme .btn-success,
.dark-theme .btn-success:hover,
.dark-theme .btn-success:active,
.dark-theme .btn-danger,
.dark-theme .btn-danger:hover,
.dark-theme .btn-danger:active,
.dark-theme .btn-warning,
.dark-theme .btn-warning:hover,
.dark-theme .btn-warning:active,
.dark-theme .btn-info,
.dark-theme .btn-info:hover,
.dark-theme .btn-info:active,
.dark-theme .btn-light,
.dark-theme .btn-light:hover,
.dark-theme .btn-light:active,
.dark-theme .btn-outline-primary,
.dark-theme .btn-outline-primary:hover,
.dark-theme .btn-outline-primary:active,
.dark-theme .btn-outline-secondary,
.dark-theme .btn-outline-secondary:hover,
.dark-theme .btn-outline-secondary:active,
.dark-theme .btn-outline-success,
.dark-theme .btn-outline-success:hover,
.dark-theme .btn-outline-success:active,
.dark-theme .btn-outline-danger,
.dark-theme .btn-outline-danger:hover,
.dark-theme .btn-outline-danger:active,
.dark-theme .btn-outline-warning,
.dark-theme .btn-outline-warning:hover,
.dark-theme .btn-outline-warning:active,
.dark-theme .btn-outline-info,
.dark-theme .btn-outline-info:hover,
.dark-theme .btn-outline-info:active,
.dark-theme .btn-outline-light,
.dark-theme .btn-outline-light:hover,
.dark-theme .btn-outline-light:active {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}
.dark-theme .card {
    --bs-card-bg: #1f293b;
}
.dark-theme .card hr {
    color: #334155;
}
.dark-theme .card .row-bordered>[class*=" col "],
.dark-theme .card .row-bordered>[class$=" col"],
.dark-theme .card .row-bordered>[class*=" col "]::before,
.dark-theme .card .row-bordered>[class*=" col "]::after,
.dark-theme .card .row-bordered>[class^="col "],
.dark-theme .card .row-bordered>[class$=" col"],
.dark-theme .card .row-bordered>[class^="col "]::before,
.dark-theme .card .row-bordered>[class^="col "]::after,
.dark-theme .card .row-bordered>[class*=" col-"],
.dark-theme .card .row-bordered>[class$=" col"],
.dark-theme .card .row-bordered>[class*=" col-"]::before,
.dark-theme .card .row-bordered>[class*=" col-"]::after,
.dark-theme .card .row-bordered>[class^="col-"],
.dark-theme .card .row-bordered>[class$=" col"],
.dark-theme .card .row-bordered>[class^="col-"]::before,
.dark-theme .card .row-bordered>[class^="col-"]::after,
.dark-theme .card .row-bordered>[class=col],
.dark-theme .card .row-bordered>[class$=" col"],
.dark-theme .card .row-bordered>[class=col]::before,
.dark-theme .card .row-bordered>[class=col]::after {
    border-color: #334155;
}
.dark-theme .col-form-label {
    color: #cbd5e1;
}
.dark-theme .dropdown-menu {
    --bs-dropdown-color: rgba(234, 234, 255, 0.87);
    --bs-dropdown-bg: #1f293b;
    --bs-dropdown-divider-bg: #334155;
    --bs-dropdown-box-shadow: 0 0.25rem 1rem rgba(0,0,0,.2);
    --bs-dropdown-link-color: rgba(234, 234, 255, 0.87);
    --bs-dropdown-link-hover-color: rgba(234, 234, 255, 0.87);
    --bs-dropdown-link-hover-bg: #2d3b4d;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: rgba(105, 108, 255, 0.08);
    --bs-dropdown-link-disabled-color: #c7cdd4;
}
.dark-theme .form-control {
    color: rgba(234, 234, 255, 0.87);
    background-color: #0f172a;
    border: 1px solid #334155;
}
.dark-theme .form-select {
    color: rgba(234, 234, 255, 0.87);
    background-color: #0f172a;
    border: 1px solid #334155;
}
.dark-theme .form-control:hover:not([disabled]):not([focus]), .dark-theme .form-select:hover:not([disabled]):not([focus])  {
    border-color: #71758c;
}
.dark-theme .shadow {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1) !important;
}
.dark-theme .border, .dark-theme .border-top, .dark-theme .border-bottom, .dark-theme .border-start, .dark-theme .border-end {
    border-color: rgb(51 65 85) !important;
}
.dark-theme .input-group-text {
    background-color: #0f172a;
    border-color: #334155;
}
.dark-theme .input-group:hover .input-group-text, .dark-theme .input-group:hover .form-control {
    border-color: #c7cdd4;
}
.dark-theme hr {
    color: rgba(234, 234, 255, 0.22);
}
.dark-theme .bg-label-primary {
    color: rgb(70, 105, 250) !important;
    background-color: rgba(70, 105, 250, 0.12) !important;
}
.dark-theme .bg-label-secondary {
    background-color: #393c50 !important;
    color: #8592a3 !important
}

.dark-theme .border-label-secondary {
    border: 3px solid #646e7a
}

.dark-theme .border-light-secondary {
    border: 3px solid rgba(133,146,163,.08)
}

.dark-theme .bg-label-success {
    background-color: #36483f !important;
    color: #71dd37 !important
}

.dark-theme .border-label-success {
    border: 3px solid #55a629
}

.dark-theme .border-light-success {
    border: 3px solid rgba(113,221,55,.08)
}

.dark-theme .bg-label-info {
    background-color: #25445c !important;
    color: #03c3ec !important
}

.dark-theme .border-label-info {
    border: 3px solid #0292b1
}

.dark-theme .border-light-info {
    border: 3px solid rgba(3,195,236,.08)
}

.dark-theme .bg-label-warning {
    background-color: #4d4036 !important;
    color: #ffab00 !important
}

.dark-theme .border-label-warning {
    border: 3px solid #bf8000
}

.dark-theme .border-light-warning {
    border: 3px solid rgba(255,171,0,.08)
}

.dark-theme .bg-label-danger {
    background-color: #4d2f3a !important;
    color: #ff3e1d !important
}

.dark-theme .border-label-danger {
    border: 3px solid #bf2f16
}

.dark-theme .border-light-danger {
    border: 3px solid rgba(255,62,29,.08)
}

.dark-theme .bg-label-light {
    background-color: #313244 !important;
    color: #4f505c !important
}

.dark-theme .border-label-light {
    border: 3px solid #3b3c45
}

.dark-theme .bg-light {
     background-color: #334155 !important;
}
.dark-theme .bg-overlay {
    background-color: rgb(15 23 42 / 95%);
}
.dark-theme .toggle-switch {
    background: #0f172a;
    border: 1px solid #334155;
}
.dark-theme .toggle-switch:before {
    top: 3px;
}
.dark-theme .popover {
    --bs-popover-bg: #1f293b;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-header-color: #566a7f;
    --bs-popover-body-color: #697a8d;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    background-color: var(--bs-popover-bg);
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
}
.dark-theme .border {
    border-color: #2a374b !important;
}
.dark-theme .accordion {
    --bs-accordion-color: #94a3b8;
    --bs-accordion-bg: #1e293b;
    --bs-accordion-transition: all 0.2s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: #d9dee3;
    --bs-accordion-btn-color: #566a7f;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-focus-border-color: rgba(249, 249, 255, 0.54);
    --bs-accordion-active-color: white;
    --bs-accordion-active-bg: #1e293b;
}
.dark-theme .alert-info {
    background-color: #0ae7fa;
    border-color: #0ae7fa;
    color: white;
}
.dark-theme .theme-toggle-icon.dark {
    display: flex
}
.dark-theme .theme-toggle-icon.light {
    display: none;
}
.dark-theme .table>:not(caption)>*>* {
    border-color: #334155;
}
.dark-theme .table th {
    background-color: #334155;
}
.dark-theme .nav-tabs-none-bg .nav-item .nav-link.active {
    color: rgba(234, 234, 255, 0.87) !important;
    border-bottom: 2px solid #3c82f6 !important
}
.dark-theme .simplebar-scrollbar:before {
    background: rgb(51 65 85 / 1);
}

.dark-theme .avatar-chain, .dark-theme .avatar-chain.lg {
    border-color: #494e60;
}

/** Editor **/

.dark-theme .editor-container {
    background-color: #17191a;
}
.dark-theme .editor-header {
    background-color: #0f172a;
}
.dark-theme .bg-form-control {
    background-color: #0f172a;
}
.dark-theme .modal-content {
    background-color: #1f293b;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
.dark-theme .modal .btn-close {
    color: white;
    background-color: #141d2e;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
.dark-theme .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.8em auto no-repeat;
}
.dark-theme .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
    background: #17191a !important;
    border-bottom: 1px solid;
    border-color: #3f3f40 !important;
}
.dark-theme .ck.ck-toolbar .ck.ck-toolbar__separator {
    background: #3f3f40 !important;
}
.dark-theme .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
    border-bottom: 1px solid #3f3f40;
}
.dark-theme .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
    color: white !important;
}
.dark-theme .ck.ck-icon.ck-icon_inherit-color, .dark-theme .ck.ck-icon.ck-icon_inherit-color * {
    color: white !important;
    fill: white !important;
}
.dark-theme  .ck.ck-editor {
    border-top: 1px solid;
    border-color: #3f3f40 !important;
}
.dark-theme .shape svg {
    fill: #30344e;
}
.dark-theme .ck.ck-content {
    background: #17191a !important;
}
.dark-theme .ck.ck-dropdown__panel, .dark-theme .ck.ck-dropdown__panel .ck.ck-list {
    background: #0d172a !important;
    border: 0;
}
.dark-theme .ck.ck-list__item .ck-button .ck-button__label {
    color: white;
}
.dark-theme .ck.ck-toolbar .ck-button {
    outline: 0;
    box-shadow: none;
}
.dark-theme .ck.ck-toolbar .ck-button.ck-on, .dark-theme .ck.ck-toolbar .ck-button:hover {
    background: #3c82f6 !important;
}