/* Trimmed from theme-src/style-dark.css by scripts/trim-theme.mjs; edit that, not this. */
/*Color variables*/
/*gradient variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
/*alerts*/
/*navigation*/
/*dark colors*/
/*---FONTS IMPORT --- */
body.dark-theme {
    color: #eaecf3;
    background: #111315;
}

.dark-theme .action-btn{
  background: #181a1d;
  color:#fff;
}

.dark-theme .action-btn:hover{
  background: #181a1d;
  transform: translateY(-1px);
}


/* icon */

input[type=range]::-webkit-slider-thumb {
    background: #d20007;
}

input[type=range]::-moz-range-thumb {
    background: #d20007;
}

input[type=range]::-ms-thumb {
    background: #d20007;
}

.dark-theme .form-control:focus {
    border-color: var(--primary-bg-color);
}

.dark-theme .card {
    background-color: #181a1d !important;
    border-color: #404353 !important;
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
}

.dark-theme .main-header {
    background: #181a1d;
    border-bottom: 1px solid #404353;
    box-shadow: none;
}

.dark-theme .header-icons .new.nav-link {
    color: #fff;
}

.dark-theme .card-header {
    background-color: #181a1d;
    border-bottom: 0;
}

.dark-theme .border-bottom {
    border-bottom: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .border {
    border: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .table tbody tr {
    background-color: #181a1d;
}

.dark-theme .table {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid #3c3f50;
}

.dark-theme .progress {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-theme .main-footer {
    background-color: #181a1d;
    border-top: 1px solid #404353;
}

.dark-theme .form-control {
    color: #fff;
    background-color: #181a1d;
    border: 1px solid #404353;
}

.dark-theme .main-header form[role=search].active input {
    background: #181a1d;
}

.dark-theme .main-header form[role=search] button[type=reset] {
    background: transparent;
}

.dark-theme .dropdown-menu {
    color: #fff;
    background-color: #242424;
    border: 1px solid rgba(138, 153, 191, 0.125);
}

.dark-theme .form-select {
    color: #ffffe3;
    background-color: #181a1d;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border: 1px solid #444566;
}

.dark-theme .table th,
.dark-theme .table td {
    border-top: 1px solid #404353;
}

.dark-theme .app-sidebar {
    background: #181a1d;
    border-top: 0;
    box-shadow: 0 0 10px rgba(20, 28, 43, 0.8);
    border-right: 1px solid #404353;
}

.dark-theme .side-menu__label {
    color: #a9abbd;
    fill: #a9abbd;
}

.dark-theme .side-menu h3 {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-theme .app-sidebar .slide.active .side-menu__item {
    background: transparent;
}

.dark-theme .slide a {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .slide.is-expanded {
    background: transparent;
}

.dark-theme .slide.is-expanded a {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .side-menu__item {
    color: rgba(255, 255, 255, 0.7);
}

.dark-theme .slide.is-expanded:before {
    background: #404353;
}

.dark-theme .slide-menu .slide-item:before {
    border-color: #6d7582;
}

.dark-theme .main-logo.dark-theme {
    display: block;
}

.dark-theme .desktop-logo {
    margin: 0 auto;
    display: none;
}

.dark-theme .angle {
    color: #a9abbd !important;
}

.dark-theme .btn-light {
    color: #fff;
    background-color: transparent;
    /* background-color: #404353; */
    border-color: rgba(189, 198, 214, 0.2);
}

.dark-theme .table> :not(:last-child)> :last-child>* {
    border-bottom-color: #3c3f50;
}

/*----- Left-Sidemenu -----*/

.dark-theme .card-header,
.dark-theme .card-footer {
    position: relative;
    border-color: #404353;
}

.dark-theme hr {
    border-color: rgb(89, 90, 118);
}

.dark-theme .form-label {
    color: #fff;
}

.dark-theme .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

.dark-theme .table thead th {
    border-bottom: 1px solid #404353;
    border-top: 0 !important;
    color: #fff;
}

.dark-theme .table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.119) !important;
}

.dark-theme select option {
    background: #181a1d;
    color: #eaecf3;
}

.dark-theme .example {
    padding: 1rem;
    border: 1px solid rgba(225, 230, 241, 0.1);
}

.dark-theme .token {
    color: #dc2a2a;
}


.dark-theme .token.string {
    color: #4e9cf1;
}


.dark-theme .token.url {
    color: #ecc494;
    background: rgba(255, 255, 255, 0.1);
}


.dark-theme.style .token.string {
    color: #ecc494;
    background: rgba(255, 255, 255, 0.1);
}

.dark-theme .highlight {
    border: 1px solid rgb(20, 27, 45) !important;
    background: #191f3a;
}

.dark-theme .dropdown-item {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .dropdown-item:hover,
.dark-theme .dropdown-item:focus {
    background: rgba(255, 255, 255, 0.05);
}

.dark-theme .nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .nav-pills .nav-link:hover,
.dark-theme .nav-pills .nav-link:focus {
    color: #fff;
}

.dark-theme .nav-pills .nav-link.active {
    color: #fff !important;
}

.dark-theme .tag {
    color: #fff;
    background-color: rgba(239, 239, 245, 0.1);
}

.dark-theme .modal-content {
    background-color: #181a1d;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.dark-theme .modal-header {
    border-bottom: 1px solid #404353;
}

.dark-theme .modal-title {
    color: #fff;
}

.dark-theme .modal-footer {
    border-top: 1px solid #404353;
}

.dark-theme .btn-outline-light {
    border-color: #595e6d;
    color: #97a3b9;
}

.dark-theme .btn-outline-light:hover,
.dark-theme .btn-outline-light:focus {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #595e6d !important;
    box-shadow: none !important;
    color: #fff !important;
}

.dark-theme .card-body+.card-body {
    border-top: 1px solid #404353;
}

.dark-theme .input-group-text {
    color: rgb(230, 226, 226);
    background-color: var(--primary02);
    border: 1px solid #484863;
}

.dark-theme .main-card-signin {
    background-color: transparent;
    border: 0px solid rgba(227, 227, 227, 0.1);
}

.dark-theme .main-signin-footer a {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .sidebar {
    background: #181a1d;
}

.dark-theme .breadcrumb {
    background-color: #404353;
}

/*----- Horizontal-menu -----*/

.dark-theme .main-profile-menu .dropdown-item+.dropdown-item {
    border-top: 1px solid rgba(226, 234, 249, 0.2);
}

.dark-theme .form-control::placeholder {
    color: rgba(212, 218, 236, 0.4) !important;
    opacity: 1;
}

.dark-theme .btn-light:focus,
.dark-theme .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(165, 175, 191, 0.5);
}

.dark-theme .btn-light:not(:disabled):not(.disabled):active,
.dark-theme .btn-light:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #404353;
    border-color: rgba(189, 198, 214, 0.2);
}

.dark-theme .show>.btn-light.dropdown-toggle {
    color: #fff;
    background-color: #404353;
    border-color: rgba(189, 198, 214, 0.2);
}

.dark-theme .modal-dialog {
    box-shadow: none;
}

.dark-theme .chat .dropdown-menu li {
    padding: 7px;
    color: #dde2e8;
}

.dark-theme .chat .dropdown-menu li:hover {
    color: var(--primary-bg-color);
    background: rgba(238, 238, 247, 0.06);
}

.dark-theme .bg-danger {
    background-color: #d20007 !important;
}

.dark-theme .bg-primary {
    background-color: var(--primary-bg-color) !important;
}

.dark-theme .bg-secondary {
    background-color: #f74f75 !important;
}

.dark-theme .bg-success {
    background-color: #267732 !important;
}

@media only screen and (max-width: 991px) {

    .dark-theme .main-header {
        box-shadow: 0 0 10px rgba(5, 6, 9, 0.8) !important;
    }
}

@media only screen and (min-width: 992px) {

    .dark-theme .main-header {
        background: #181a1d;
        border-bottom: 1px solid #404353;
        box-shadow: none;
    }
}

.dark-theme .main-card-signin {
    box-shadow: none;
}


.dark-theme .slide.is-expanded .angle {
    color: var(--primary-bg-color) !important;
}

.dark-theme .slide.is-expanded .side-menu__label,
.dark-theme .slide.is-expanded .angle {
    color: #a9abbd !important;
}

.dark-theme .slide-item.active,
.dark-theme .slide-item:hover,
.dark-theme .slide-item:focus {
    color: var(--primary-bg-color) !important;
}

.dark-theme .side-menu .slide.active .side-menu__label {
    color: var(--primary-bg-color) !important;
}

.dark-theme .slide:hover .side-menu__label,
.dark-theme .slide:hover .angle {
    color: var(--primary-bg-color);
}

.dark-theme .side-menu .slide .side-menu__item.active {
    background-color: transparent;
}

.dark-theme .card-footer {
    background-color: #181a1d;
}

.dark-theme .card .box {
    box-shadow: 0 0 25px #181a1d;
    border: 0;
}

.dark-theme .header-icons .new.nav-link {
    background: transparent;
}

.dark-theme .main-profile-menu .profile-user img {
    background: #242424;
    box-shadow: 0px 1px 6px 0px #3b3b3b;
}

.dark-theme ul.timeline:before {
    background: #4e4e6b;
}

.dark-theme .slide.is-expanded a {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .table-hover>tbody>tr:hover {
    --bs-table-accent-bg: $primary-02;
    color: #bfbcc3;
}

.dark-theme a {
    color: #faf9fa;
}

.dark-theme .btn a {
    color: #f2eeee;
}

.dark-theme .card-sigin {
    background: #181a1d;
    color: #d6d6d7;
}

.dark-theme .form-control {
    color: #c0c2c7;
    background-color: #181a1d;
    border: 1px solid #484863;
}

.dark-theme .btn:hover {
    color: #faf9fa;
}

.dark-theme .btn-close {
    box-sizing: content-box;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
    padding: 5px;
    line-height: 1;
    font-size: 24px;
    background-image: none;
    color: white;
}

.dark-theme .btn-light:not(:disabled):not(.disabled):active:focus,
.dark-theme .btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem #45456a;
}

.dark-theme input:focus-visible {
    outline-offset: #2e3954;
}

.dark-theme .text-dark {
    color: #fcfcfc !important;
}

.dark-theme .nav-link.icon i {
    color: #a9abbd !important;
}

@media (max-width: 991.98px) {
    .dark-theme .responsive-navbar.navbar .navbar-collapse {
        background: #181a1d;
        box-shadow: 5px 6px 6px -3px #18181d;
    }
}

@media (max-width: 991.98px) {

    .dark-theme .responsive-logo .header-logo .mobile-logo.logo-1 {
        display: none;
    }
}

.dark-theme .light-layout {
    display: block;
}

.dark-theme .dark-layout {
    display: none;
}

.dark-theme .card-title {
    color: #FFFFFF;
}

.dark-theme .sidebar {
    border-left: 1px solid #3d4152;
}

.dark-theme .panel-body {
    border: 1px solid #3d4152;
}

.dark-theme .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .dropdown-menu {
    box-shadow: 0px 16px 18px rgba(28, 28, 39, 0.2) !important;
}

.dark-theme .tag {
    border: 1px solid #3d4152;
}

.dark-theme code {
    color: #c9c9c9;
}

.dark-theme ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 991.98px) {
    .dark-theme .responsive-navbar.navbar .navbar-collapse {
        border-bottom: 1px solid #3c3f50;
        border-top: 1px solid #3c3f50;
    }
}

.dark-theme .btn-light svg {
    fill: rgba(255, 255, 255, 0.5);
}

.dark-theme .form-check-input:checked {
    background-color: var(--primary-bg-color);
    border: 1px solid rgba(0, 0, 0, 0.25);
}

@media (min-width: 1135px) {
    .dark-theme .main-header-left .form-control {
        width: 280px;
    }
}

@media (min-width: 992px) {
    .dark-theme .main-header-left .btn {
        background-color: transparent;
        border: 0px solid rgba(255, 255, 255, 0.1);
    }
}

.dark-theme .main-header .dropdown-menu {
    border: 1px solid #404353 !important;
}

@media (max-width: 991px) {
    .dark-theme .responsive-logo .mobile-logo {
        margin-top: 3px !important;
    }
}

.dark-theme form[role=search].active input {
    box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.4);
}

.dark-theme .side-menu .slide .side-menu__item.active .side-menu__label {
    color: #eaecf3 !important;
}

.dark-theme .btn-light:focus,
.dark-theme .btn-light.focus {
    background-color: #181a1d !important;
    box-shadow: none;
    border-color: #3d4152 !important;
}

.dark-theme .btn-outline-light:not(:disabled):not(.disabled):active {
    background-color: #181a1d;
    color: #a9abbd;
    border-color: #3d4152;
}

.dark-theme .dropdown-item.active,
.dark-theme .dropdown-item:active {
    background-color: #181a1d;
}

.dark-theme .dropdown-menu>li>a:focus {
    background: #272738;
}

.dark-theme .theme-container button {
    color: #fff !important;
    background-color: #1d1d2a;
    border: 1px solid #404353;
}

.dark-theme .theme-container1 button {
    color: #fff !important;
    background-color: #1d1d2a;
    border: 1px solid #404353;
}

.dark-theme .theme-container2 button {
    color: #fff !important;
    background-color: #1d1d2a;
    border: 1px solid #404353;
}

.dark-theme .main-signup-header label {
    color: #eaecf3;
}

.dark-theme .main-signup-header .form-control:focus {
    border-color: #484863;
}

.dark-theme .table-hover>tbody>tr:hover>* {
    color: #ffffff !important;
}

.dark-theme .main-header-right .dropdown-menu:before {
    background: #272738;
    border-top: 1px solid #484863;
    border-left: 1px solid #484863;
}

.dark-theme .form-control:disabled {
    background-color: #242424;
    opacity: 0.5;
}

.dark-theme .form-control[readonly] {
    background-color: #242424;
}

.dark-theme .dropdown-item.disabled,
.dark-theme .dropdown-item:disabled {
    color: rgba(255, 255, 255, 0.3) !important;
}

.dark-theme a.text-dark:hover,
.dark-theme a.text-dark:focus {
    color: #fff !important;
}

/* Summernote dark theme */

/* =============================================
   Guide System: Dark Theme Overrides
   ============================================= */

/* Driver.js dark theme — same as base since base targets dark */

.dark-theme .theme-text {
    color: rgba(255, 255, 255, 0.7);
}

.dark-theme .theme-text-full {
    color: rgba(255, 255, 255, 1);
}

.dark-theme .theme-card {
    border: none;
    background-color: #464646 !important;
}