html.dark-mode body {
    color: #f2f9ff
}

html[dir].dark-mode body {
    background-color: #1d2126
}

html.dark-mode .link-color,html.dark-mode a:not([class]) {
    color: rgba(242,249,255,.7)
}

html.dark-mode .link-color:hover,html.dark-mode a:not([class]):hover {
    color: rgba(242,249,255,.5)
}

html.dark-mode .h1,html.dark-mode .h2,html.dark-mode .h3,html.dark-mode .h4,html.dark-mode .h5,html.dark-mode .h6,html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,html.dark-mode h4,html.dark-mode h5,html.dark-mode h6 {
    color: #e4a93c;
}

html[dir].dark-mode .bg-body {
    background-color: #1d2126!important
}

html[dir].dark-mode .bg-alt {
    background: #1d2126
}

html.dark-mode .text-body {
    color: #f2f9ff!important
}

html.dark-mode .text-20 {
    color: rgba(242,249,255,.2)!important
}

html.dark-mode .text-50,html.dark-mode .text-muted {
    color: rgba(242,249,255,.5)!important
}

html.dark-mode .text-70 {
    color: rgba(242,249,255,.7)!important
}

html.dark-mode .text-100 {
    color: #f2f9ff!important
}

html[dir].dark-mode .border-1 {
    border-color: #19191a!important
}

html[dir=ltr].dark-mode .border-left-1 {
    border-left-color: #19191a!important
}

html[dir=ltr].dark-mode .border-right-1,html[dir=rtl].dark-mode .border-left-1 {
    border-right-color: #19191a!important
}

html[dir=rtl].dark-mode .border-right-1 {
    border-left-color: #19191a!important
}

html[dir].dark-mode .border-top-1 {
    border-top-color: #19191a!important
}

html[dir].dark-mode .border-bottom-1 {
    border-bottom-color: #19191a!important
}

html[dir].dark-mode .border-2 {
    border-color: #19191a!important
}

html[dir=ltr].dark-mode .border-left-2 {
    border-left-color: #19191a!important
}

html[dir=ltr].dark-mode .border-right-2,html[dir=rtl].dark-mode .border-left-2 {
    border-right-color: #19191a!important
}

html[dir=rtl].dark-mode .border-right-2 {
    border-left-color: #19191a!important
}

html[dir].dark-mode .border-top-2 {
    border-top-color: #19191a!important
}

html[dir].dark-mode .border-bottom-2 {
    border-bottom-color: #19191a!important
}

html[dir].dark-mode .border-3 {
    border-color: #19191a!important
}

html[dir=ltr].dark-mode .border-left-3 {
    border-left-color: #19191a!important
}

html[dir=ltr].dark-mode .border-right-3,html[dir=rtl].dark-mode .border-left-3 {
    border-right-color: #19191a!important
}

html[dir=rtl].dark-mode .border-right-3 {
    border-left-color: #19191a!important
}

html[dir].dark-mode .border-top-3 {
    border-top-color: #19191a!important
}

html[dir].dark-mode .border-bottom-3 {
    border-bottom-color: #19191a!important
}

html[dir].dark-mode .border-4 {
    border-color: #19191a!important
}

html[dir=ltr].dark-mode .border-left-4 {
    border-left-color: #19191a!important
}

html[dir=ltr].dark-mode .border-right-4,html[dir=rtl].dark-mode .border-left-4 {
    border-right-color: #19191a!important
}

html[dir=rtl].dark-mode .border-right-4 {
    border-left-color: #19191a!important
}

html[dir].dark-mode .border-top-4 {
    border-top-color: #19191a!important
}

html[dir].dark-mode .border-bottom-4 {
    border-bottom-color: #19191a!important
}

@media (min-width: 576px) {
    html[dir].dark-mode .border-sm {
        border-color:#19191a!important
    }

    html[dir].dark-mode .border-top-sm {
        border-top-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-right-sm {
        border-right-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-right-sm {
        border-left-color: #19191a!important
    }

    html[dir].dark-mode .border-bottom-sm {
        border-bottom-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-left-sm {
        border-left-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-left-sm {
        border-right-color: #19191a!important
    }
}

@media (min-width: 768px) {
    html[dir].dark-mode .border-md {
        border-color:#19191a!important
    }

    html[dir].dark-mode .border-top-md {
        border-top-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-right-md {
        border-right-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-right-md {
        border-left-color: #19191a!important
    }

    html[dir].dark-mode .border-bottom-md {
        border-bottom-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-left-md {
        border-left-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-left-md {
        border-right-color: #19191a!important
    }
}

@media (min-width: 992px) {
    html[dir].dark-mode .border-lg {
        border-color:#19191a!important
    }

    html[dir].dark-mode .border-top-lg {
        border-top-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-right-lg {
        border-right-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-right-lg {
        border-left-color: #19191a!important
    }

    html[dir].dark-mode .border-bottom-lg {
        border-bottom-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-left-lg {
        border-left-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-left-lg {
        border-right-color: #19191a!important
    }
}

@media (min-width: 1200px) {
    html[dir].dark-mode .border-xl {
        border-color:#19191a!important
    }

    html[dir].dark-mode .border-top-xl {
        border-top-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-right-xl {
        border-right-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-right-xl {
        border-left-color: #19191a!important
    }

    html[dir].dark-mode .border-bottom-xl {
        border-bottom-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-left-xl {
        border-left-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-left-xl {
        border-right-color: #19191a!important
    }
}

@media (min-width: 1366px) {
    html[dir].dark-mode .border-xxl {
        border-color:#19191a!important
    }

    html[dir].dark-mode .border-top-xxl {
        border-top-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-right-xxl {
        border-right-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-right-xxl {
        border-left-color: #19191a!important
    }

    html[dir].dark-mode .border-bottom-xxl {
        border-bottom-color: #19191a!important
    }

    html[dir=ltr].dark-mode .border-left-xxl {
        border-left-color: #19191a!important
    }

    html[dir=rtl].dark-mode .border-left-xxl {
        border-right-color: #19191a!important
    }
}

html[dir].dark-mode .border {
    border-color: #19191a!important
}

html[dir].dark-mode .border-top {
    border-top-color: #19191a!important
}

html[dir=ltr].dark-mode .border-right {
    border-right-color: #19191a!important
}

html[dir=rtl].dark-mode .border-right {
    border-left-color: #19191a!important
}

html[dir].dark-mode .border-bottom {
    border-bottom-color: #19191a!important
}

html[dir=ltr].dark-mode .border-left {
    border-left-color: #19191a!important
}

html[dir=rtl].dark-mode .border-left {
    border-right-color: #19191a!important
}

html[dir].dark-mode .alert-soft-warning {
    background-color: rgba(228,169,60,.05);
    border-color: rgba(228,169,60,.3)
}

html.dark-mode .breadcrumb,html.dark-mode .breadcrumb-item.active,html.dark-mode .page-separator {
    color: rgba(242,249,255,.5)
}

html[dir].dark-mode .page-separator:before {
    background-color: #403f3e;
}

html.dark-mode .page-separator__text {
    color: #f2f9ff
}

html[dir].dark-mode .page-separator__bg-bottom,html[dir].dark-mode .page-separator__bg-top,html[dir].dark-mode .page-separator__text {
    background-color: #1d2126;
}

html.dark-mode .accordion__toggle {
    color: #f2f9ff
}

html.dark-mode .accordion__menu-link {
    color: rgba(242,249,255,.7)
}

html.dark-mode .accordion__menu-link:hover {
    color: rgba(242,249,255,.5)
}

html.dark-mode .accordion__menu-link.active {
    color: #f2f9ff
}

html[dir].dark-mode .accordion__menu-link:not(:last-child) {
    border-bottom-color: #19191a
}

html[dir].dark-mode .accordion--boxed .accordion__item {
    border-color: #19191a;
    background-color: #22282e;
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.04),0 1px 8px 0 rgba(0,0,0,.02)
}

html[dir].dark-mode .mdk-reveal__content {
    background-color: #22282e
}

html[dir].dark-mode .mdk-reveal__partial {
    background: linear-gradient(180deg,rgba(34,40,46,0) 60%,rgba(34,40,46,.95) 80%,#22282e)
}

html[dir].dark-mode .stack:after,html[dir].dark-mode .stack:before {
    background: #22282e;
    box-shadow: inset 0 2px 0 #1e2328,0 2px 0 #1e2328
}

html[dir].dark-mode .popover {
    background-color: #22282e;
    border-color: #19191a
}

html[dir].dark-mode .popover-lg {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.1),0 10px 14px 1px rgba(0,0,0,.04),0 4px 18px 3px rgba(0,0,0,.02)
}

html[dir].dark-mode .bs-popover-top>.arrow:before {
    border-top-color: #19191a
}

html[dir].dark-mode .bs-popover-top>.arrow:after {
    border-top-color: #22282e
}

html[dir=ltr].dark-mode .bs-popover-right>.arrow:before {
    border-right-color: #19191a
}

html[dir=rtl].dark-mode .bs-popover-right>.arrow:before {
    border-left-color: #19191a
}

html[dir=ltr].dark-mode .bs-popover-right>.arrow:after {
    border-right-color: #22282e
}

html[dir=rtl].dark-mode .bs-popover-right>.arrow:after {
    border-left-color: #22282e
}

html[dir].dark-mode .bs-popover-bottom>.arrow:before {
    border-bottom-color: #19191a
}

html[dir].dark-mode .bs-popover-bottom>.arrow:after {
    border-bottom-color: #22282e
}

html[dir=ltr].dark-mode .bs-popover-left>.arrow:before {
    border-left-color: #19191a
}

html[dir=rtl].dark-mode .bs-popover-left>.arrow:before {
    border-right-color: #19191a
}

html[dir=ltr].dark-mode .bs-popover-left>.arrow:after {
    border-left-color: #22282e
}

html[dir=rtl].dark-mode .bs-popover-left>.arrow:after {
    border-right-color: #22282e
}

html[dir].dark-mode .card {
    border-color: #19191a;
    background-color: #262a2e;
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.04),0 1px 8px 0 rgba(0,0,0,.02)
}

html.dark-mode .card-title {
    color: #f2f9ff
}

html[dir].dark-mode .card-header {
    background-color: transparent;
    border-bottom-color: #19191a
}

html[dir].dark-mode .card-footer {
    background-color: transparent;
    border-top-color: #19191a
}

html[dir].dark-mode .card-body+.card-body {
    border-top-color: #19191a
}

html[dir].dark-mode .card--elevated:hover {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 5px 8px 0 rgba(0,0,0,.04),0 1px 14px 0 rgba(0,0,0,.02)
}

html[dir].dark-mode .card--raised {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.1),0 10px 14px 1px rgba(0,0,0,.04),0 4px 18px 3px rgba(0,0,0,.02)
}

html[dir].dark-mode .card--connect:after {
    background-color: #19191a
}

html[dir].dark-mode .card-feedback:after,html[dir].dark-mode .card-feedback:before {
    border-top-color: #19191a
}

html[dir].dark-mode .card-feedback:after {
    border-top-color: #22282e
}

html[dir=ltr].dark-mode .blockquote {
    border-left-color: #19191a
}

html[dir=rtl].dark-mode .blockquote {
    border-right-color: #19191a
}

html[dir=ltr].dark-mode .blockquote--reverse {
    border-left: none;
    border-right-color: #19191a
}

html[dir=rtl].dark-mode .blockquote--reverse {
    border-right: none;
    border-left-color: #19191a
}

html.dark-mode .chart-legend-item {
    color: rgba(242,249,255,.5)
}

html[dir].dark-mode .chart-legend-item {
    border-color: #19191a
}

html.dark-mode #chart-tooltip .popover-body {
    color: rgba(242,249,255,.7)
}

html[dir].dark-mode .progress {
    background-color: #202224
}

html[dir].dark-mode .avatar-group .avatar-img,html[dir].dark-mode .avatar-group .avatar-title {
    border-color: #22282e
}

html.dark-mode .table {
    color: #ffffff;
}

html[dir].dark-mode .table td,html[dir].dark-mode .table th {
    border-top-color: #19191a
}

html[dir].dark-mode .table tbody+tbody {
    border-top-color: #19191a
}

html.dark-mode .table thead th {
    color: rgb(242 249 255) !important;
}

html[dir].dark-mode .table tbody .selected>td {
    background-color: rgba(29,33,38,.5)
}

html.dark-mode .table .sort.asc,html.dark-mode .table .sort.desc {
    color: #f2f9ff
}

html[dir].dark-mode .table-bordered,html[dir].dark-mode .table-bordered td,html[dir].dark-mode .table-bordered th {
    border-color: #9fa0a3;
}

html.dark-mode .dashboard-area-tabs__tab,html.dark-mode .dashboard-area-tabs__tab * {
    color: aliceblue;
}

html[dir].dark-mode .dashboard-area-tabs__tab:not(.active) {
    /* background-color: #1d2126; */
}

html.dark-mode .dashboard-area-tabs__tab:not(.active),html.dark-mode .dashboard-area-tabs__tab:not(.active) * {
    color: #817171;
}

html[dir].dark-mode .navbar-shadow {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.1),0 10px 14px 1px rgba(0,0,0,.04),0 4px 18px 3px rgba(0,0,0,.02);
    background-color: #2c2e30 !important;
}

html[dir].dark-mode .form-image-group :not(:checked)~label {
    border-color: #19191a
}

html.dark-mode .form-label {
    color: #ffffff;
}

html[dir].dark-mode .card-form__body {
    background-color: #1f2429
}

html.dark-mode .card-form__body label:not([class]) {
    text-transform: uppercase;
    font-size: .707rem;
    color: rgba(242,249,255,.7)
}

html.dark-mode .card-header-tabs-basic a {
    color: rgba(242,249,255,.54)
}

html.dark-mode .card-header-tabs-basic a:hover {
    color: rgba(242,249,255,.84)
}

html.dark-mode .card-header-tabs-basic .active {
    color: #f2f9ff
}

html.dark-mode .page-link {
    color: rgba(242,249,255,.7)
}

html[dir].dark-mode .page-link {
    background-color: #22282e;
    border-color: #19191a
}

html.dark-mode .page-link:hover {
    color: rgba(191,225,255,.7)
}

html[dir].dark-mode .page-link:hover {
    background-color: #171b1f;
    border-color: #0d0d0d
}


html[dir].dark-mode .page-nav:before {
    background-color: #19191a
}

html.dark-mode .page-nav .page-nav__menu a {
    color: rgba(242,249,255,.7)
}

html[dir].dark-mode .page-nav .page-nav__menu a:not(.active):before {
    background-color: #282e34;
    border-color: #19191a
}

html[dir].dark-mode .page-nav .page-nav__menu a.active:before {
    border-color: #262627
}

html[dir].dark-mode .list-group:not(.list-group-flush) {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)
}

html[dir].dark-mode .list-group-item {
    background-color: #22282e;
    border-color: #19191a
}

html[dir].dark-mode .footer {
    background-color: #1d2126
}

html.dark-mode .menu-modal .menu .nav-link:not(.active) {
    color: rgba(242,249,255,.7)
}

html.dark-mode .menu-modal .menu .nav-link.active:hover {
    color: rgba(39,44,51,.7)
}

html[dir].dark-mode .sidebar {
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.04),0 1px 8px 0 rgba(0,0,0,.02)
}

html[dir].dark-mode .layout-boxed .page-content {
    background-color: #1d2126
}

@media (min-width: 992px) {
    html[dir].dark-mode .layout-boxed .page-content {
        box-shadow:0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.04),0 1px 8px 0 rgba(0,0,0,.02)
    }
}

html[dir].dark-mode .layout-boxed #default-drawer .sidebar-brand {
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.04),0 1px 8px 0 rgba(0,0,0,.02)
}

html[dir].dark-mode .layout-boxed .page-separator__text {
    background-color: #1d2126
}

.breadcrumb-item+.breadcrumb-item:before {
    color: #adb0b4;
}

html[dir].dark-mode .card:hover {
}

html[dir].dark-mode .thirdSection {
	text-transform: uppercase;
	background: inherit;
}

