.app.dark-theme {
    --primary: #4638c2;
    --secondary: #4c4f54;
    --success: #45a164;
    --info: #4799eb;
    --warning: #e1a82d;
    --danger: #d16767;
    --light: #6c6e7e;
    --dark: #0e0e15;
    color: rgba(255, 255, 255, .87);
    background-color: #1e1e22;
    --color: rgba(255, 255, 255, 0.87);
    --elevation-base-color: 0, 0, 0
}

body.dark-theme {
    color: rgba(255, 255, 255, .87);
    background-color: #181924
}

.dark-theme a {
    color: #7267d3
}

@media(hover:hover), (-ms-high-contrast:none) {

    .dark-theme a:hover {
        color: #7267d3
    }
}

.dark-theme .tippy-box[data-theme~=cpopover] {
    background-color: #3b3c45;
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=top] > .tippy-arrow::before {
    border-top-color: rgba(255, 255, 255, .125)
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=top] > .tippy-arrow::after {
    border-top-color: #3b3c45
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=bottom] > .tippy-arrow::before {
    border-bottom-color: rgba(255, 255, 255, .125)
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=left] > .tippy-arrow::before {
    border-left-color: rgba(255, 255, 255, .125)
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=left] > .tippy-arrow::after {
    border-left-color: #3b3c45
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=bottom] > .tippy-arrow::after {
    border-bottom-color: #3b3c45
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=right] > .tippy-arrow::before {
    border-right-color: rgba(255, 255, 255, .125)
}

.dark-theme .tippy-box[data-theme~=cpopover][data-placement^=right] > .tippy-arrow::after {
    border-right-color: #3b3c45
}

.dark-theme .alert-primary {
    color: #241d6f;
    background-color: #dad7f3;
    border-color: #cbc7ee
}

    .dark-theme .alert-primary hr {
        border-top-color: #b9b3e8
    }

    .dark-theme .alert-primary .alert-link {
        color: #171247
    }

.dark-theme .alert-secondary {
    color: #282936;
    background-color: #dbdcdd;
    border-color: #cdcecf
}

    .dark-theme .alert-secondary hr {
        border-top-color: #c0c1c3
    }

    .dark-theme .alert-secondary .alert-link {
        color: #121319
    }

.dark-theme .alert-success {
    color: #24543e;
    background-color: #daece0;
    border-color: #cbe5d4
}

    .dark-theme .alert-success hr {
        border-top-color: #baddc6
    }

    .dark-theme .alert-success .alert-link {
        color: #153024
    }

.dark-theme .alert-info {
    color: #255084;
    background-color: #daebfb;
    border-color: #cce2f9
}

    .dark-theme .alert-info hr {
        border-top-color: #b5d5f6
    }

    .dark-theme .alert-info .alert-link {
        color: #1a385c
    }

.dark-theme .alert-warning {
    color: #755721;
    background-color: #f9eed5;
    border-color: #f7e7c4
}

    .dark-theme .alert-warning hr {
        border-top-color: #f4deae
    }

    .dark-theme .alert-warning .alert-link {
        color: #4d3916
    }

.dark-theme .alert-danger {
    color: #6d3540;
    background-color: #f6e1e1;
    border-color: #f2d4d4
}

    .dark-theme .alert-danger hr {
        border-top-color: #ecc0c0
    }

    .dark-theme .alert-danger .alert-link {
        color: #4b242c
    }

.dark-theme .alert-light {
    color: #38394c;
    background-color: #e2e2e5;
    border-color: #d6d6db
}

    .dark-theme .alert-light hr {
        border-top-color: #c8c8cf
    }

    .dark-theme .alert-light .alert-link {
        color: #22232f
    }

.dark-theme .alert-dark {
    color: #070715;
    background-color: #cfcfd0;
    border-color: #bbbcbd
}

    .dark-theme .alert-dark hr {
        border-top-color: #aeafb0
    }

    .dark-theme .alert-dark .alert-link {
        color: #000
    }


.dark-theme .badge-primary {
    color: #fff;
    background-color: #4638c2
}

.dark-theme a.badge-primary:hover,
.dark-theme a.badge-primary:focus {
    color: #fff;
    background-color: #382d9a
}

.dark-theme a.badge-primary:focus,
.dark-theme a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(70, 56, 194, .5)
}

.dark-theme .badge-secondary {
    color: #fff;
    background-color: #4c4f54
}

.dark-theme a.badge-secondary:hover,
.dark-theme a.badge-secondary:focus {
    color: #fff;
    background-color: #343639
}

.dark-theme a.badge-secondary:focus,
.dark-theme a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(76, 79, 84, .5)
}

.dark-theme .badge-success {
    color: #fff;
    background-color: #45a164
}

.dark-theme a.badge-success:hover,
.dark-theme a.badge-success:focus {
    color: #fff;
    background-color: #367d4e
}

.dark-theme a.badge-success:focus,
.dark-theme a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(69, 161, 100, .5)
}

.dark-theme .badge-info {
    color: #fff;
    background-color: #4799eb
}

.dark-theme a.badge-info:hover,
.dark-theme a.badge-info:focus {
    color: #fff;
    background-color: #1a80e6
}

.dark-theme a.badge-info:focus,
.dark-theme a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(71, 153, 235, .5)
}

.dark-theme .badge-warning {
    color: #4f5d73;
    background-color: #e1a82d
}

.dark-theme a.badge-warning:hover,
.dark-theme a.badge-warning:focus {
    color: #4f5d73;
    background-color: #c08c1b
}

.dark-theme a.badge-warning:focus,
.dark-theme a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(225, 168, 45, .5)
}

.dark-theme .badge-danger {
    color: #fff;
    background-color: #d16767
}

.dark-theme a.badge-danger:hover,
.dark-theme a.badge-danger:focus {
    color: #fff;
    background-color: #c54040
}

.dark-theme a.badge-danger:focus,
.dark-theme a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(209, 103, 103, .5)
}

.dark-theme .badge-light {
    color: #fff;
    background-color: #6c6e7e
}

.dark-theme a.badge-light:hover,
.dark-theme a.badge-light:focus {
    color: #fff;
    background-color: #555662
}

.dark-theme a.badge-light:focus,
.dark-theme a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 110, 126, .5)
}

.dark-theme .badge-dark {
    color: #fff;
    background-color: #0e0e15
}

.dark-theme a.badge-dark:hover,
.dark-theme a.badge-dark:focus {
    color: #fff;
    background-color: #000
}

.dark-theme a.badge-dark:focus,
.dark-theme a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(14, 14, 21, .5)
}


.dark-theme .breadcrumb-menu .btn {
    color: rgba(255, 255, 255, .6)
}


.dark-theme .breadcrumb {
    background-color: transparent;
    border-color: #23282c;
}

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

.dark-theme .breadcrumb-item.active {
    color: rgba(255, 255, 255, .6)
}


.dark-theme .btn-primary {
    color: #fff;
    background-color: #4638c2;
    border-color: #4638c2
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-primary:hover {
        color: #fff;
        background-color: #3b2fa4;
        border-color: #382d9a
    }
}

.dark-theme .btn-primary:focus,
.dark-theme .btn-primary.focus {
    color: #fff;
    background-color: #3b2fa4;
    border-color: #382d9a;
    box-shadow: 0 0 0 .2rem rgba(98, 86, 203, .5)
}

.dark-theme .btn-primary.disabled,
.dark-theme .btn-primary:disabled {
    color: #fff;
    background-color: #4638c2;
    border-color: #4638c2
}

.dark-theme .btn-primary:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #382d9a;
    border-color: #342a91
}

    .dark-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(98, 86, 203, .5)
    }

.dark-theme .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #382d9a;
    border-color: #342a91
}

    .dark-theme .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(98, 86, 203, .5)
    }

.dark-theme .btn-secondary {
    color: #fff;
    background-color: #4c4f54;
    border-color: #4c4f54
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-secondary:hover {
        color: #fff;
        background-color: #3a3c40;
        border-color: #343639
    }
}

.dark-theme .btn-secondary:focus,
.dark-theme .btn-secondary.focus {
    color: #fff;
    background-color: #3a3c40;
    border-color: #343639;
    box-shadow: 0 0 0 .2rem rgba(103, 105, 110, .5)
}

.dark-theme .btn-secondary.disabled,
.dark-theme .btn-secondary:disabled {
    color: #fff;
    background-color: #4c4f54;
    border-color: #4c4f54
}

.dark-theme .btn-secondary:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #343639;
    border-color: #2e3033
}

    .dark-theme .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(103, 105, 110, .5)
    }

.dark-theme .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #343639;
    border-color: #2e3033
}

    .dark-theme .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(103, 105, 110, .5)
    }

.dark-theme .btn-success {
    color: #fff;
    background-color: #45a164;
    border-color: #45a164
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-success:hover {
        color: #fff;
        background-color: #3a8653;
        border-color: #367d4e
    }
}

.dark-theme .btn-success:focus,
.dark-theme .btn-success.focus {
    color: #fff;
    background-color: #3a8653;
    border-color: #367d4e;
    box-shadow: 0 0 0 .2rem rgba(97, 175, 123, .5)
}

.dark-theme .btn-success.disabled,
.dark-theme .btn-success:disabled {
    color: #fff;
    background-color: #45a164;
    border-color: #45a164
}

.dark-theme .btn-success:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #367d4e;
    border-color: #327448
}

    .dark-theme .btn-success:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(97, 175, 123, .5)
    }

.dark-theme .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #367d4e;
    border-color: #327448
}

    .dark-theme .show > .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(97, 175, 123, .5)
    }

.dark-theme .btn-info {
    color: #fff;
    background-color: #4799eb;
    border-color: #4799eb
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-info:hover {
        color: #fff;
        background-color: #2586e7;
        border-color: #1a80e6
    }
}

.dark-theme .btn-info:focus,
.dark-theme .btn-info.focus {
    color: #fff;
    background-color: #2586e7;
    border-color: #1a80e6;
    box-shadow: 0 0 0 .2rem rgba(99, 168, 238, .5)
}

.dark-theme .btn-info.disabled,
.dark-theme .btn-info:disabled {
    color: #fff;
    background-color: #4799eb;
    border-color: #4799eb
}

.dark-theme .btn-info:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #1a80e6;
    border-color: #1879da
}

    .dark-theme .btn-info:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(99, 168, 238, .5)
    }

.dark-theme .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #1a80e6;
    border-color: #1879da
}

    .dark-theme .show > .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(99, 168, 238, .5)
    }

.dark-theme .btn-warning {
    color: #4f5d73;
    background-color: #e1a82d;
    border-color: #e1a82d
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-warning:hover {
        color: #4f5d73;
        background-color: #cb941d;
        border-color: #c08c1b
    }
}

.dark-theme .btn-warning:focus,
.dark-theme .btn-warning.focus {
    color: #4f5d73;
    background-color: #cb941d;
    border-color: #c08c1b;
    box-shadow: 0 0 0 .2rem rgba(203, 157, 56, .5)
}

.dark-theme .btn-warning.disabled,
.dark-theme .btn-warning:disabled {
    color: #4f5d73;
    background-color: #e1a82d;
    border-color: #e1a82d
}

.dark-theme .btn-warning:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c08c1b;
    border-color: #b4841a
}

    .dark-theme .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(203, 157, 56, .5)
    }

.dark-theme .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c08c1b;
    border-color: #b4841a
}

    .dark-theme .show > .btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(203, 157, 56, .5)
    }

.dark-theme .btn-danger {
    color: #fff;
    background-color: #d16767;
    border-color: #d16767
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-danger:hover {
        color: #fff;
        background-color: #c84949;
        border-color: #c54040
    }
}

.dark-theme .btn-danger:focus,
.dark-theme .btn-danger.focus {
    color: #fff;
    background-color: #c84949;
    border-color: #c54040;
    box-shadow: 0 0 0 .2rem rgba(216, 126, 126, .5)
}

.dark-theme .btn-danger.disabled,
.dark-theme .btn-danger:disabled {
    color: #fff;
    background-color: #d16767;
    border-color: #d16767
}

.dark-theme .btn-danger:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c54040;
    border-color: #bf3939
}

    .dark-theme .btn-danger:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(216, 126, 126, .5)
    }

.dark-theme .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c54040;
    border-color: #bf3939
}

    .dark-theme .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(216, 126, 126, .5)
    }

.dark-theme .btn-light {
    color: #fff;
    background-color: #6c6e7e;
    border-color: #6c6e7e
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-light:hover {
        color: #fff;
        background-color: #5a5c69;
        border-color: #555662
    }
}

.dark-theme .btn-light:focus,
.dark-theme .btn-light.focus {
    color: #fff;
    background-color: #5a5c69;
    border-color: #555662;
    box-shadow: 0 0 0 .2rem rgba(130, 132, 145, .5)
}

.dark-theme .btn-light.disabled,
.dark-theme .btn-light:disabled {
    color: #fff;
    background-color: #6c6e7e;
    border-color: #6c6e7e
}

.dark-theme .btn-light:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-light.dropdown-toggle {
    color: #fff;
    background-color: #555662;
    border-color: #4f505c
}

    .dark-theme .btn-light:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(130, 132, 145, .5)
    }

.dark-theme .show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: #555662;
    border-color: #4f505c
}

    .dark-theme .show > .btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(130, 132, 145, .5)
    }

.dark-theme .btn-dark {
    color: #fff;
    background-color: #0e0e15;
    border-color: #0e0e15
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-dark:hover {
        color: #fff;
        background-color: #000;
        border-color: #000
    }
}

.dark-theme .btn-dark:focus,
.dark-theme .btn-dark.focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: 0 0 0 .2rem rgba(50, 50, 56, .5)
}

.dark-theme .btn-dark.disabled,
.dark-theme .btn-dark:disabled {
    color: #fff;
    background-color: #0e0e15;
    border-color: #0e0e15
}

.dark-theme .btn-dark:not(:disabled):not(.disabled):active,
.show > .dark-theme .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

    .dark-theme .btn-dark:not(:disabled):not(.disabled):active:focus,
    .show > .dark-theme .btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(50, 50, 56, .5)
    }

.dark-theme .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

    .dark-theme .show > .btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(50, 50, 56, .5)
    }


.dark-theme .btn-outline-primary {
    color: #4638c2;
    border-color: #4638c2
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-primary:hover {
        color: #fff;
        background-color: #4638c2;
        border-color: #4638c2
    }
}

.dark-theme .btn-outline-primary:focus,
.dark-theme .btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(70, 56, 194, .5)
}

.dark-theme .btn-outline-primary.disabled,
.dark-theme .btn-outline-primary:disabled {
    color: #4638c2;
    background-color: transparent
}

.dark-theme .btn-outline-primary:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #4638c2;
    border-color: #4638c2
}

    .dark-theme .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(70, 56, 194, .5)
    }

.dark-theme .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #4638c2;
    border-color: #4638c2
}

    .dark-theme .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(70, 56, 194, .5)
    }

.dark-theme .btn-outline-secondary {
    color: #4c4f54;
    border-color: #4c4f54
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-secondary:hover {
        color: #fff;
        background-color: #4c4f54;
        border-color: #4c4f54
    }
}

.dark-theme .btn-outline-secondary:focus,
.dark-theme .btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(76, 79, 84, .5)
}

.dark-theme .btn-outline-secondary.disabled,
.dark-theme .btn-outline-secondary:disabled {
    color: #4c4f54;
    background-color: transparent
}

.dark-theme .btn-outline-secondary:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #4c4f54;
    border-color: #4c4f54
}

    .dark-theme .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(76, 79, 84, .5)
    }

.dark-theme .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #4c4f54;
    border-color: #4c4f54
}

    .dark-theme .show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(76, 79, 84, .5)
    }

.dark-theme .btn-outline-success {
    color: #45a164;
    border-color: #45a164
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-success:hover {
        color: #fff;
        background-color: #45a164;
        border-color: #45a164
    }
}

.dark-theme .btn-outline-success:focus,
.dark-theme .btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem rgba(69, 161, 100, .5)
}

.dark-theme .btn-outline-success.disabled,
.dark-theme .btn-outline-success:disabled {
    color: #45a164;
    background-color: transparent
}

.dark-theme .btn-outline-success:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #45a164;
    border-color: #45a164
}

    .dark-theme .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-success:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(69, 161, 100, .5)
    }

.dark-theme .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #45a164;
    border-color: #45a164
}

    .dark-theme .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(69, 161, 100, .5)
    }

.dark-theme .btn-outline-info {
    color: #4799eb;
    border-color: #4799eb
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-info:hover {
        color: #fff;
        background-color: #4799eb;
        border-color: #4799eb
    }
}

.dark-theme .btn-outline-info:focus,
.dark-theme .btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem rgba(71, 153, 235, .5)
}

.dark-theme .btn-outline-info.disabled,
.dark-theme .btn-outline-info:disabled {
    color: #4799eb;
    background-color: transparent
}

.dark-theme .btn-outline-info:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #4799eb;
    border-color: #4799eb
}

    .dark-theme .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-info:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(71, 153, 235, .5)
    }

.dark-theme .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #4799eb;
    border-color: #4799eb
}

    .dark-theme .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(71, 153, 235, .5)
    }

.dark-theme .btn-outline-warning {
    color: #e1a82d;
    border-color: #e1a82d
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-warning:hover {
        color: #4f5d73;
        background-color: #e1a82d;
        border-color: #e1a82d
    }
}

.dark-theme .btn-outline-warning:focus,
.dark-theme .btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(225, 168, 45, .5)
}

.dark-theme .btn-outline-warning.disabled,
.dark-theme .btn-outline-warning:disabled {
    color: #e1a82d;
    background-color: transparent
}

.dark-theme .btn-outline-warning:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #4f5d73;
    background-color: #e1a82d;
    border-color: #e1a82d
}

    .dark-theme .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(225, 168, 45, .5)
    }

.dark-theme .show > .btn-outline-warning.dropdown-toggle {
    color: #4f5d73;
    background-color: #e1a82d;
    border-color: #e1a82d
}

    .dark-theme .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(225, 168, 45, .5)
    }

.dark-theme .btn-outline-danger {
    color: #d16767;
    border-color: #d16767
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-danger:hover {
        color: #fff;
        background-color: #d16767;
        border-color: #d16767
    }
}

.dark-theme .btn-outline-danger:focus,
.dark-theme .btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(209, 103, 103, .5)
}

.dark-theme .btn-outline-danger.disabled,
.dark-theme .btn-outline-danger:disabled {
    color: #d16767;
    background-color: transparent
}

.dark-theme .btn-outline-danger:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #d16767;
    border-color: #d16767
}

    .dark-theme .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(209, 103, 103, .5)
    }

.dark-theme .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d16767;
    border-color: #d16767
}

    .dark-theme .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(209, 103, 103, .5)
    }

.dark-theme .btn-outline-light {
    color: #6c6e7e;
    border-color: #6c6e7e
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-light:hover {
        color: #fff;
        background-color: #6c6e7e;
        border-color: #6c6e7e
    }
}

.dark-theme .btn-outline-light:focus,
.dark-theme .btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem rgba(108, 110, 126, .5)
}

.dark-theme .btn-outline-light.disabled,
.dark-theme .btn-outline-light:disabled {
    color: #6c6e7e;
    background-color: transparent
}

.dark-theme .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-light:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #6c6e7e;
    border-color: #6c6e7e
}

    .dark-theme .btn-outline-light:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-light:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 110, 126, .5)
    }

.dark-theme .show > .btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #6c6e7e;
    border-color: #6c6e7e
}

    .dark-theme .show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 110, 126, .5)
    }

.dark-theme .btn-outline-dark {
    color: #FFFFFF;
    border-color: black;
    background-color: black;
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .btn-outline-dark:hover {
        color: #fff;
        background-color: #0e0e15;
        border-color: #0e0e15
    }
}

.dark-theme .btn-outline-dark:focus,
.dark-theme .btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(14, 14, 21, .5)
}

.dark-theme .btn-outline-dark.disabled,
.dark-theme .btn-outline-dark:disabled {
    color: #0e0e15;
    background-color: transparent
}

.dark-theme .btn-outline-dark:not(:disabled):not(.disabled):active,
.dark-theme .btn-outline-dark:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #0e0e15;
    border-color: #0e0e15
}

    .dark-theme .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    .dark-theme .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 .2rem rgba(14, 14, 21, .5)
    }

.dark-theme .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #0e0e15;
    border-color: #0e0e15
}

    .dark-theme .show > .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(14, 14, 21, .5)
    }


.dark-theme .btn-ghost-primary {
    color: #4638c2;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-primary:hover {
        color: #fff;
        background-color: #4638c2;
        border-color: #4638c2
    }

    .dark-theme .btn-ghost-primary:focus,
    .dark-theme .btn-ghost-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(70, 56, 194, .5)
    }

    .dark-theme .btn-ghost-primary.disabled,
    .dark-theme .btn-ghost-primary:disabled {
        color: #4638c2;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-primary:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #4638c2;
        border-color: #4638c2
    }

        .dark-theme .btn-ghost-primary:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-primary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(70, 56, 194, .5)
        }

.dark-theme .show > .btn-ghost-primary.dropdown-toggle {
    color: #fff;
    background-color: #4638c2;
    border-color: #4638c2
}

    .dark-theme .show > .btn-ghost-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(70, 56, 194, .5)
    }

.dark-theme .btn-ghost-secondary {
    color: #4c4f54;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-secondary:hover {
        color: #fff;
        background-color: #4c4f54;
        border-color: #4c4f54
    }

    .dark-theme .btn-ghost-secondary:focus,
    .dark-theme .btn-ghost-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(76, 79, 84, .5)
    }

    .dark-theme .btn-ghost-secondary.disabled,
    .dark-theme .btn-ghost-secondary:disabled {
        color: #4c4f54;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-secondary:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #4c4f54;
        border-color: #4c4f54
    }

        .dark-theme .btn-ghost-secondary:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-secondary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(76, 79, 84, .5)
        }

.dark-theme .show > .btn-ghost-secondary.dropdown-toggle {
    color: #fff;
    background-color: #4c4f54;
    border-color: #4c4f54
}

    .dark-theme .show > .btn-ghost-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(76, 79, 84, .5)
    }

.dark-theme .btn-ghost-success {
    color: #45a164;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-success:hover {
        color: #fff;
        background-color: #45a164;
        border-color: #45a164
    }

    .dark-theme .btn-ghost-success:focus,
    .dark-theme .btn-ghost-success.focus {
        box-shadow: 0 0 0 .2rem rgba(69, 161, 100, .5)
    }

    .dark-theme .btn-ghost-success.disabled,
    .dark-theme .btn-ghost-success:disabled {
        color: #45a164;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-success:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #45a164;
        border-color: #45a164
    }

        .dark-theme .btn-ghost-success:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(69, 161, 100, .5)
        }

.dark-theme .show > .btn-ghost-success.dropdown-toggle {
    color: #fff;
    background-color: #45a164;
    border-color: #45a164
}

    .dark-theme .show > .btn-ghost-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(69, 161, 100, .5)
    }

.dark-theme .btn-ghost-info {
    color: #4799eb;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-info:hover {
        color: #fff;
        background-color: #4799eb;
        border-color: #4799eb
    }

    .dark-theme .btn-ghost-info:focus,
    .dark-theme .btn-ghost-info.focus {
        box-shadow: 0 0 0 .2rem rgba(71, 153, 235, .5)
    }

    .dark-theme .btn-ghost-info.disabled,
    .dark-theme .btn-ghost-info:disabled {
        color: #4799eb;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-info:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #4799eb;
        border-color: #4799eb
    }

        .dark-theme .btn-ghost-info:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-info:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(71, 153, 235, .5)
        }

.dark-theme .show > .btn-ghost-info.dropdown-toggle {
    color: #fff;
    background-color: #4799eb;
    border-color: #4799eb
}

    .dark-theme .show > .btn-ghost-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(71, 153, 235, .5)
    }

.dark-theme .btn-ghost-warning {
    color: #e1a82d;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-warning:hover {
        color: #4f5d73;
        background-color: #e1a82d;
        border-color: #e1a82d
    }

    .dark-theme .btn-ghost-warning:focus,
    .dark-theme .btn-ghost-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(225, 168, 45, .5)
    }

    .dark-theme .btn-ghost-warning.disabled,
    .dark-theme .btn-ghost-warning:disabled {
        color: #e1a82d;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-warning:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-warning:not(:disabled):not(.disabled).active {
        color: #4f5d73;
        background-color: #e1a82d;
        border-color: #e1a82d
    }

        .dark-theme .btn-ghost-warning:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-warning:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(225, 168, 45, .5)
        }

.dark-theme .show > .btn-ghost-warning.dropdown-toggle {
    color: #4f5d73;
    background-color: #e1a82d;
    border-color: #e1a82d
}

    .dark-theme .show > .btn-ghost-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(225, 168, 45, .5)
    }

.dark-theme .btn-ghost-danger {
    color: #d16767;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-danger:hover {
        color: #fff;
        background-color: #d16767;
        border-color: #d16767
    }

    .dark-theme .btn-ghost-danger:focus,
    .dark-theme .btn-ghost-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(209, 103, 103, .5)
    }

    .dark-theme .btn-ghost-danger.disabled,
    .dark-theme .btn-ghost-danger:disabled {
        color: #d16767;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-danger:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-danger:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #d16767;
        border-color: #d16767
    }

        .dark-theme .btn-ghost-danger:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-danger:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(209, 103, 103, .5)
        }

.dark-theme .show > .btn-ghost-danger.dropdown-toggle {
    color: #fff;
    background-color: #d16767;
    border-color: #d16767
}

    .dark-theme .show > .btn-ghost-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(209, 103, 103, .5)
    }

.dark-theme .btn-ghost-light {
    color: #6c6e7e;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-light:hover {
        color: #fff;
        background-color: #6c6e7e;
        border-color: #6c6e7e
    }

    .dark-theme .btn-ghost-light:focus,
    .dark-theme .btn-ghost-light.focus {
        box-shadow: 0 0 0 .2rem rgba(108, 110, 126, .5)
    }

    .dark-theme .btn-ghost-light.disabled,
    .dark-theme .btn-ghost-light:disabled {
        color: #6c6e7e;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-light:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-light:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #6c6e7e;
        border-color: #6c6e7e
    }

        .dark-theme .btn-ghost-light:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-light:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(108, 110, 126, .5)
        }

.dark-theme .show > .btn-ghost-light.dropdown-toggle {
    color: #fff;
    background-color: #6c6e7e;
    border-color: #6c6e7e
}

    .dark-theme .show > .btn-ghost-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 110, 126, .5)
    }

.dark-theme .btn-ghost-dark {
    color: #0e0e15;
    background-color: transparent;
    background-image: none;
    border-color: transparent
}

    .dark-theme .btn-ghost-dark:hover {
        color: #fff;
        background-color: #0e0e15;
        border-color: #0e0e15
    }

    .dark-theme .btn-ghost-dark:focus,
    .dark-theme .btn-ghost-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(14, 14, 21, .5)
    }

    .dark-theme .btn-ghost-dark.disabled,
    .dark-theme .btn-ghost-dark:disabled {
        color: #0e0e15;
        background-color: transparent;
        border-color: transparent
    }

    .dark-theme .btn-ghost-dark:not(:disabled):not(.disabled):active,
    .dark-theme .btn-ghost-dark:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #0e0e15;
        border-color: #0e0e15
    }

        .dark-theme .btn-ghost-dark:not(:disabled):not(.disabled):active:focus,
        .dark-theme .btn-ghost-dark:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 .2rem rgba(14, 14, 21, .5)
        }

.dark-theme .show > .btn-ghost-dark.dropdown-toggle {
    color: #fff;
    background-color: #0e0e15;
    border-color: #0e0e15
}

    .dark-theme .show > .btn-ghost-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(14, 14, 21, .5)
    }


html:not([dir=rtl]) .dark-theme .callout-primary {
    border-left-color: #4638c2
}

*[dir=rtl] .dark-theme .callout-primary {
    border-right-color: #4638c2
}

.dark-theme .callout-primary h4 {
    color: #4638c2
}

html:not([dir=rtl]) .dark-theme .callout-secondary {
    border-left-color: #4c4f54
}

*[dir=rtl] .dark-theme .callout-secondary {
    border-right-color: #4c4f54
}

.dark-theme .callout-secondary h4 {
    color: #4c4f54
}

html:not([dir=rtl]) .dark-theme .callout-success {
    border-left-color: #45a164
}

*[dir=rtl] .dark-theme .callout-success {
    border-right-color: #45a164
}

.dark-theme .callout-success h4 {
    color: #45a164
}

html:not([dir=rtl]) .dark-theme .callout-info {
    border-left-color: #4799eb
}

*[dir=rtl] .dark-theme .callout-info {
    border-right-color: #4799eb
}

.dark-theme .callout-info h4 {
    color: #4799eb
}

html:not([dir=rtl]) .dark-theme .callout-warning {
    border-left-color: #e1a82d
}

*[dir=rtl] .dark-theme .callout-warning {
    border-right-color: #e1a82d
}

.dark-theme .callout-warning h4 {
    color: #e1a82d
}

html:not([dir=rtl]) .dark-theme .callout-danger {
    border-left-color: #d16767
}

*[dir=rtl] .dark-theme .callout-danger {
    border-right-color: #d16767
}

.dark-theme .callout-danger h4 {
    color: #d16767
}

html:not([dir=rtl]) .dark-theme .callout-light {
    border-left-color: #6c6e7e
}

*[dir=rtl] .dark-theme .callout-light {
    border-right-color: #6c6e7e
}

.dark-theme .callout-light h4 {
    color: #6c6e7e
}

html:not([dir=rtl]) .dark-theme .callout-dark {
    border-left-color: #0e0e15
}

*[dir=rtl] .dark-theme .callout-dark {
    border-right-color: #0e0e15
}

.dark-theme .callout-dark h4 {
    color: #0e0e15
}


.dark-theme .card {
    background-color: #24252f;
    border-color: rgba(255, 255, 255, .075)
}
.dark-theme .card-header {
    background-color: #282933;
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .card-footer {
    background-color: #282933;
    border-color: rgba(255, 255, 255, .075)
}
.dark-theme .card-header-icon-bg {
    border-right: rgba(255, 255, 255, .075)
}
.dark-theme .card-accent-primary {
    border-top: 2px solid #4638c2 !important
}

.dark-theme .card-accent-secondary {
    border-top: 2px solid #4c4f54 !important
}

.dark-theme .card-accent-success {
    border-top: 2px solid #45a164 !important
}

.dark-theme .card-accent-info {
    border-top: 2px solid #4799eb !important
}

.dark-theme .card-accent-warning {
    border-top: 2px solid #e1a82d !important
}

.dark-theme .card-accent-danger {
    border-top: 2px solid #d16767 !important
}

.dark-theme .card-accent-light {
    border-top: 2px solid #6c6e7e !important
}

.dark-theme .card-accent-dark {
    border-top: 2px solid #0e0e15 !important
}

.dark-theme .close {
    color: #fff;
    text-shadow: 0 1px 0 #000015
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .close:hover {
        color: #fff
    }
}


.dark-theme .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #4638c2;
    background-color: #4638c2
}
.dark-theme .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: rgba(255, 255, 255, .2)
}

.dark-theme .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #c4c0ed;
    border-color: #c4c0ed
}


.dark-theme .custom-control-input[disabled] ~ .custom-control-label,
.dark-theme .custom-control-input:disabled ~ .custom-control-label {
    color: rgba(255, 255, 255, .38)
}


    .dark-theme .custom-control-input[disabled] ~ .custom-control-label::before,
    .dark-theme .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: rgba(255, 255, 255, .1)
    }

.dark-theme .custom-control-label::before {
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(0, 0, 21, .3)
}
.dark-theme .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #4638c2
}

.dark-theme .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(70, 56, 194, .5)
}
.dark-theme .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(70, 56, 194, .5)
}

.dark-theme .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(70, 56, 194, .5)
}


.dark-theme .custom-switch .custom-control-label::after {
    background-color: rgba(0, 0, 21, .3)
}
.dark-theme .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: rgba(255, 255, 255, .05)
}
.dark-theme .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(70, 56, 194, .5)
}

.dark-theme .custom-select {
    color: rgba(255, 255, 255, .87);
    background: rgba(255, 255, 255, 0.05) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23636f83' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border-color: rgba(0, 0, 21, .3)
}
.dark-theme .custom-select:focus {
    border-color: rgba(255, 255, 255, .2)
}

.dark-theme .custom-select:focus::-ms-value {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05)
}
.dark-theme .custom-select:disabled {
    color: rgba(255, 255, 255, .38);
    background-color: rgba(255, 255, 255, .1)
}
.dark-theme .custom-file-input:focus ~ .custom-file-label {
    border-color: rgba(255, 255, 255, .2)
}
.dark-theme .custom-file-input[disabled] ~ .custom-file-label,
.dark-theme .custom-file-input:disabled ~ .custom-file-label {
    background-color: rgba(255, 255, 255, .1)
}

.dark-theme .custom-file-label {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(0, 0, 21, .3)
}

.dark-theme .custom-file-label::after {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .09)
}
.dark-theme .custom-range::-webkit-slider-thumb {
    background-color: #4638c2
}
.dark-theme .custom-range::-webkit-slider-thumb:active {
    background-color: #c4c0ed
}
.dark-theme .custom-range::-webkit-slider-runnable-track {
    background-color: #c4c9d0
}
.dark-theme .custom-range::-moz-range-thumb {
    background-color: #4638c2
}

.dark-theme .custom-range::-moz-range-thumb:active {
    background-color: #c4c0ed
}
.dark-theme .custom-range::-moz-range-track {
    background-color: #c4c9d0
}

.dark-theme .custom-range::-ms-thumb {
    background-color: #4638c2
}
.dark-theme .custom-range::-ms-thumb:active {
    background-color: #c4c0ed
}

.dark-theme .custom-range::-ms-fill-lower {
    background-color: #c4c9d0
}
.dark-theme .custom-range::-ms-fill-upper {
    background-color: #c4c9d0
}

.dark-theme .custom-range:disabled::-webkit-slider-thumb {
    background-color: #9da5b1
}

.dark-theme .custom-range:disabled::-moz-range-thumb {
    background-color: #9da5b1
}
.dark-theme .custom-range:disabled::-ms-thumb {
    background-color: #9da5b1
}
.dark-theme .dropdown-menu {
    color: rgba(255, 255, 255, .87);
    background-color: #34353e;
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, .075)
}
.dark-theme .dropdown-item {
    color: rgba(255, 255, 255, .87)
}

.dark-theme .dropdown-item:hover,
.dark-theme .dropdown-item:focus {
    color: rgba(255, 255, 255, .87);
    background-color: #3b3c45
}

.dark-theme .dropdown-item.active,
.dark-theme .dropdown-item:active {
    color: #fff;
    background-color: #4638c2
}

.dark-theme .dropdown-item.disabled,
.dark-theme .dropdown-item:disabled {
    color: rgba(255, 255, 255, .6)
}
.dark-theme .dropdown-header {
    background: #333333;
    color: rgba(255, 255, 255, .87)
}



.dark-theme .dropdown-item-text {
    color: rgba(255, 255, 255, .87)
}

.dark-theme .footer {
    color: rgba(255, 255, 255, .87);
    background: #2a2b36;
    border-top: 0
}


.dark-theme .form-control {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .09)
}


.dark-theme .form-control:focus {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .2)
}

.dark-theme .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.dark-theme .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.dark-theme .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.dark-theme .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.dark-theme .form-control::placeholder {
    color: rgba(255, 255, 255, .6)
}


.dark-theme .form-control:disabled,
.dark-theme .form-control[readonly] {
    background-color: rgba(255, 255, 255, .1)
}

.dark-theme select.form-control:focus::-ms-value {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05)
}

.dark-theme select.form-control option {
    background-color: #34353e
}


.dark-theme .form-control-plaintext {
    color: rgba(255, 255, 255, .87)
}

.dark-theme .form-check-input[disabled] ~ .form-check-label,
.dark-theme .form-check-input:disabled ~ .form-check-label {
    color: rgba(255, 255, 255, .6)
}

.dark-theme .header {
    background: #2a2b36;
    border-bottom: 0
}

    .dark-theme .header .subheader {
        margin-top: -1px;
        border-top: 1px solid rgba(255, 255, 255, .075)
    }

    .dark-theme .header .header-brand {
        color: #fff;
        background-color: transparent
    }

        .dark-theme .header .header-brand:hover,
        .dark-theme .header .header-brand:focus {
            color: #fff
        }

    .dark-theme .header .header-nav .header-nav-link,
    .dark-theme .header .header-nav .header-nav-btn {
        color: rgba(255, 255, 255, .75)
    }

        .dark-theme .header .header-nav .header-nav-link:hover,
        .dark-theme .header .header-nav .header-nav-link:focus,
        .dark-theme .header .header-nav .header-nav-btn:hover,
        .dark-theme .header .header-nav .header-nav-btn:focus {
            color: rgba(255, 255, 255, .9)
        }

        .dark-theme .header .header-nav .header-nav-link.disabled,
        .dark-theme .header .header-nav .header-nav-btn.disabled {
            color: rgba(255, 255, 255, .25)
        }

        .dark-theme .header .header-nav .show > .header-nav-link,
        .dark-theme .header .header-nav .active > .header-nav-link,
        .dark-theme .header .header-nav .header-nav-link.show,
        .dark-theme .header .header-nav .header-nav-link.active {
            color: #fff
        }

    .dark-theme .header .header-toggler {
        color: rgba(255, 255, 255, .75);
        border-color: rgba(255, 255, 255, .1)
    }

    .dark-theme .header .header-toggler-icon {
        background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNzUpJyBzdHJva2Utd2lkdGg9JzIuMjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyBkPSdNNCA3aDIyTTQgMTVoMjJNNCAyM2gyMicvPjwvc3ZnPg==)
    }

        .dark-theme .header .header-toggler-icon:hover {
            background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSknIHN0cm9rZS13aWR0aD0nMi4yNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
        }

    .dark-theme .header .header-text {
        color: rgba(255, 255, 255, .75)
    }

        .dark-theme .header .header-text a,
        .dark-theme .header .header-text a:hover,
        .dark-theme .header .header-text a:focus {
            color: #fff
        }

.dark-theme .input-group-text {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .09);
    border-color: rgba(255, 255, 255, .09)
}

.dark-theme .jumbotron {
    background-color: rgba(255, 255, 255, .1)
}

.dark-theme .list-group-item-action {
    color: rgba(255, 255, 255, .87)
}

.dark-theme .list-group-item-action:hover,
.dark-theme .list-group-item-action:focus {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .1)
}

.dark-theme .list-group-item-action:active {
    color: rgba(255, 255, 255, .87);
    background-color: #4f5d73
}


.dark-theme .list-group-item {
    color: rgba(255, 255, 255, .87);
    background-color: inherit;
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .list-group-item.disabled,
.dark-theme .list-group-item:disabled {
    color: rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .8)
}


.dark-theme .list-group-item.active {
    color: #fff;
    background-color: #4638c2;
    border-color: #4638c2
}

.dark-theme .list-group-item-primary {
    color: #241d6f;
    background-color: #cbc7ee
}

    .dark-theme .list-group-item-primary.list-group-item-action:hover,
    .dark-theme .list-group-item-primary.list-group-item-action:focus {
        color: #241d6f;
        background-color: #b9b3e8
    }

    .dark-theme .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #241d6f;
        border-color: #241d6f
    }

.dark-theme .list-group-item-secondary {
    color: #282936;
    background-color: #cdcecf
}

    .dark-theme .list-group-item-secondary.list-group-item-action:hover,
    .dark-theme .list-group-item-secondary.list-group-item-action:focus {
        color: #282936;
        background-color: #c0c1c3
    }

    .dark-theme .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #282936;
        border-color: #282936
    }

.dark-theme .list-group-item-success {
    color: #24543e;
    background-color: #cbe5d4
}

    .dark-theme .list-group-item-success.list-group-item-action:hover,
    .dark-theme .list-group-item-success.list-group-item-action:focus {
        color: #24543e;
        background-color: #baddc6
    }

    .dark-theme .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #24543e;
        border-color: #24543e
    }

.dark-theme .list-group-item-info {
    color: #255084;
    background-color: #cce2f9
}

    .dark-theme .list-group-item-info.list-group-item-action:hover,
    .dark-theme .list-group-item-info.list-group-item-action:focus {
        color: #255084;
        background-color: #b5d5f6
    }

    .dark-theme .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #255084;
        border-color: #255084
    }

.dark-theme .list-group-item-warning {
    color: #755721;
    background-color: #f7e7c4
}

    .dark-theme .list-group-item-warning.list-group-item-action:hover,
    .dark-theme .list-group-item-warning.list-group-item-action:focus {
        color: #755721;
        background-color: #f4deae
    }

    .dark-theme .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #755721;
        border-color: #755721
    }

.dark-theme .list-group-item-danger {
    color: #6d3540;
    background-color: #f2d4d4
}

    .dark-theme .list-group-item-danger.list-group-item-action:hover,
    .dark-theme .list-group-item-danger.list-group-item-action:focus {
        color: #6d3540;
        background-color: #ecc0c0
    }

    .dark-theme .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #6d3540;
        border-color: #6d3540
    }

.dark-theme .list-group-item-light {
    color: #38394c;
    background-color: #d6d6db
}

    .dark-theme .list-group-item-light.list-group-item-action:hover,
    .dark-theme .list-group-item-light.list-group-item-action:focus {
        color: #38394c;
        background-color: #c8c8cf
    }

    .dark-theme .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #38394c;
        border-color: #38394c
    }

.dark-theme .list-group-item-dark {
    color: #070715;
    background-color: #bbbcbd
}

    .dark-theme .list-group-item-dark.list-group-item-action:hover,
    .dark-theme .list-group-item-dark.list-group-item-action:focus {
        color: #070715;
        background-color: #aeafb0
    }

    .dark-theme .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #070715;
        border-color: #070715
    }

.dark-theme .list-group-accent .list-group-item.list-group-item-divider::before {
    background-color: rgba(255, 255, 255, .075)
}

.dark-theme .list-group-item-accent-primary {
    border-left: 4px solid #4638c2
}

.dark-theme .list-group-item-accent-secondary {
    border-left: 4px solid #4c4f54
}

.dark-theme .list-group-item-accent-success {
    border-left: 4px solid #45a164
}

.dark-theme .list-group-item-accent-info {
    border-left: 4px solid #4799eb
}

.dark-theme .list-group-item-accent-warning {
    border-left: 4px solid #e1a82d
}

.dark-theme .list-group-item-accent-danger {
    border-left: 4px solid #d16767
}

.dark-theme .list-group-item-accent-light {
    border-left: 4px solid #6c6e7e
}

.dark-theme .list-group-item-accent-dark {
    border-left: 4px solid #0e0e15
}

.dark-theme .modal-content {
    background-color: #3d3e47;
    border-color: rgba(0, 0, 0, .2)
}

.dark-theme .modal-header {
    border-color: rgba(0, 0, 0, .2)
}

.dark-theme .modal-footer {
    border-color: rgba(0, 0, 0, .2)
}

.dark-theme .modal-primary .modal-content {
    border-color: #4638c2
}

.dark-theme .modal-primary .modal-header {
    color: #fff;
    background-color: #4638c2
}

.dark-theme .modal-secondary .modal-content {
    border-color: #4c4f54
}

.dark-theme .modal-secondary .modal-header {
    color: #fff;
    background-color: #4c4f54
}

.dark-theme .modal-success .modal-content {
    border-color: #45a164
}

.dark-theme .modal-success .modal-header {
    color: #fff;
    background-color: #45a164
}

.dark-theme .modal-info .modal-content {
    border-color: #4799eb
}

.dark-theme .modal-info .modal-header {
    color: #fff;
    background-color: #4799eb
}

.dark-theme .modal-warning .modal-content {
    border-color: #e1a82d
}

.dark-theme .modal-warning .modal-header {
    color: #fff;
    background-color: #e1a82d
}

.dark-theme .modal-danger .modal-content {
    border-color: #d16767
}

.dark-theme .modal-danger .modal-header {
    color: #fff;
    background-color: #d16767
}

.dark-theme .modal-light .modal-content {
    border-color: #6c6e7e
}

.dark-theme .modal-light .modal-header {
    color: #fff;
    background-color: #6c6e7e
}

.dark-theme .modal-dark .modal-content {
    border-color: #0e0e15
}

.dark-theme .modal-dark .modal-header {
    color: #fff;
    background-color: #0e0e15
}

.dark-theme .nav-link.disabled {
    color: rgba(255, 255, 255, .38)
}

.dark-theme .nav-tabs {
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .nav-tabs .nav-link:hover,
.dark-theme .nav-tabs .nav-link:focus {
    border-color: rgba(255, 255, 255, .075) rgba(255, 255, 255, .075) rgba(255, 255, 255, .075)
}

.dark-theme .nav-tabs .nav-link.disabled {
    color: rgba(255, 255, 255, .38)
}

.dark-theme .nav-tabs .nav-link.active,
.dark-theme .nav-tabs .nav-item.show .nav-link {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .075);
    border-color: transparent
}


.dark-theme .nav-tabs-boxed .nav-tabs .nav-link.active {
    background-color: #282933;
    border-bottom-color: #282933
}

.dark-theme .nav-tabs-boxed .tab-content {
    color: rgba(255, 255, 255, .87);
    background-color: #282933;
    border-color: #282933
}

.dark-theme .nav-tabs-boxed.nav-tabs-boxed-right .nav-link.active {
    border-color: #282933 #282933 #282933 #282933
}

.dark-theme .nav-pills .nav-link.active,
.dark-theme .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #4638c2
}


.dark-theme .nav-underline {
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .nav-underline-primary .nav-link.active,
.dark-theme .nav-underline-primary .show > .nav-link {
    color: #4638c2;
    border-color: #4638c2
}

.dark-theme .nav-underline-secondary .nav-link.active,
.dark-theme .nav-underline-secondary .show > .nav-link {
    color: #4c4f54;
    border-color: #4c4f54
}

.dark-theme .nav-underline-success .nav-link.active,
.dark-theme .nav-underline-success .show > .nav-link {
    color: #45a164;
    border-color: #45a164
}

.dark-theme .nav-underline-info .nav-link.active,
.dark-theme .nav-underline-info .show > .nav-link {
    color: #4799eb;
    border-color: #4799eb
}

.dark-theme .nav-underline-warning .nav-link.active,
.dark-theme .nav-underline-warning .show > .nav-link {
    color: #e1a82d;
    border-color: #e1a82d
}

.dark-theme .nav-underline-danger .nav-link.active,
.dark-theme .nav-underline-danger .show > .nav-link {
    color: #d16767;
    border-color: #d16767
}

.dark-theme .nav-underline-light .nav-link.active,
.dark-theme .nav-underline-light .show > .nav-link {
    color: #6c6e7e;
    border-color: #6c6e7e
}

.dark-theme .nav-underline-dark .nav-link.active,
.dark-theme .nav-underline-dark .show > .nav-link {
    color: #0e0e15;
    border-color: #0e0e15
}

.dark-theme .popover {
    background-color: #3b3c45;
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .popover[data-popper-placement^=top] > .popover-arrow::before {
    border-top-color: rgba(255, 255, 255, .125)
}

.dark-theme .popover[data-popper-placement^=top] > .popover-arrow::after {
    border-top-color: #3b3c45
}


.dark-theme .popover[data-popper-placement^=right] > .popover-arrow::before {
    border-right-color: rgba(255, 255, 255, .125)
}

.dark-theme .popover[data-popper-placement^=right] > .popover-arrow::after {
    border-right-color: #3b3c45
}


.dark-theme .popover[data-popper-placement^=bottom] > .popover-arrow::before {
    border-bottom-color: rgba(255, 255, 255, .125)
}

.dark-theme .popover[data-popper-placement^=bottom] > .popover-arrow::after {
    border-bottom-color: #3b3c45
}

.dark-theme .popover[data-popper-placement^=bottom] .popover-header::before {
    border-bottom-color: #3b3c45
}

.dark-theme .popover[data-popper-placement^=left] > .popover-arrow::before {
    border-left-color: rgba(255, 255, 255, .125)
}

.dark-theme .popover[data-popper-placement^=left] > .popover-arrow::after {
    border-left-color: #3b3c45
}

.dark-theme .popover-header {
    color: rgba(255, 255, 255, .87);
    background-color: #3b3c45;
    border-bottom-color: #2f3037
}


.dark-theme .popover-body {
    color: rgba(255, 255, 255, .87)
}


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


.dark-theme .progress-bar {
    color: #fff;
    background-color: #4638c2
}

html:not([dir=rtl]) .dark-theme .sidebar.sidebar-right,
*[dir=rtl] .dark-theme .sidebar,
*[dir=rtl] .dark-theme .sidebar.sidebar-right {
    border: 0
}

.dark-theme .sidebar .sidebar-close {
    color: rgba(255, 255, 255, .87)
}

.dark-theme .sidebar .sidebar-brand,
.dark-theme .sidebar .sidebar-header {
    background: rgba(0, 0, 21, .2)
}

.dark-theme .sidebar .sidebar-form .form-control {
    color: #fff;
    background: rgba(0, 0, 21, .1);
    border: 0
}

    .dark-theme .sidebar .sidebar-form .form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar .sidebar-form .form-control::-moz-placeholder {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar .sidebar-form .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar .sidebar-form .form-control::-ms-input-placeholder {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar .sidebar-form .form-control::placeholder {
        color: rgba(255, 255, 255, .7)
    }

.dark-theme .sidebar .sidebar-nav-title {
    color: rgba(255, 255, 255, .6)
}

.dark-theme .sidebar .sidebar-nav-link,
.dark-theme .sidebar .sidebar-nav-dropdown-toggle {
    color: rgba(255, 255, 255, .8);
    background: 0 0
}

    .dark-theme .sidebar .sidebar-nav-link .sidebar-nav-icon,
    .dark-theme .sidebar .sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .6)
    }

    .dark-theme .sidebar .sidebar-nav-link.active,
    .dark-theme .sidebar .active.sidebar-nav-dropdown-toggle {
        color: #fff;
        background: rgba(255, 255, 255, .05)
    }

        .dark-theme .sidebar .sidebar-nav-link.active .sidebar-nav-icon,
        .dark-theme .sidebar .active.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
            color: #fff
        }

    .dark-theme .sidebar .sidebar-nav-link:focus,
    .dark-theme .sidebar .sidebar-nav-dropdown-toggle:focus {
        outline: none
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .sidebar .sidebar-nav-link:hover,
    .dark-theme .sidebar .sidebar-nav-dropdown-toggle:hover {
        color: #fff;
        background: #4638c2
    }

        .dark-theme .sidebar .sidebar-nav-link:hover .sidebar-nav-icon,
        .dark-theme .sidebar .sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

        .dark-theme .sidebar .sidebar-nav-link:hover.sidebar-nav-dropdown-toggle::after,
        .dark-theme .sidebar :hover.sidebar-nav-dropdown-toggle::after {
            background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMSAxNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTkuMTQ4IDIuMzUybC00LjE0OCA0LjE0OCA0LjE0OCA0LjE0OHEwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJsLTEuMjk3IDEuMjk3cS0wLjE0OCAwLjE0OC0wLjM1MiAwLjE0OHQtMC4zNTItMC4xNDhsLTUuNzk3LTUuNzk3cS0wLjE0OC0wLjE0OC0wLjE0OC0wLjM1MnQwLjE0OC0wLjM1Mmw1Ljc5Ny01Ljc5N3EwLjE0OC0wLjE0OCAwLjM1Mi0wLjE0OHQwLjM1MiAwLjE0OGwxLjI5NyAxLjI5N3EwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJ6Jy8+PC9zdmc+)
        }
}

.dark-theme .sidebar .sidebar-nav-link.disabled,
.dark-theme .sidebar .disabled.sidebar-nav-dropdown-toggle {
    color: #b3b2b2;
    background: 0 0
}

    .dark-theme .sidebar .sidebar-nav-link.disabled .sidebar-nav-icon,
    .dark-theme .sidebar .disabled.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .6)
    }

    .dark-theme .sidebar .sidebar-nav-link.disabled:hover,
    .dark-theme .sidebar .disabled.sidebar-nav-dropdown-toggle:hover {
        color: #b3b2b2
    }

        .dark-theme .sidebar .sidebar-nav-link.disabled:hover .sidebar-nav-icon,
        .dark-theme .sidebar .disabled.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: rgba(255, 255, 255, .6)
        }

        .dark-theme .sidebar .sidebar-nav-link.disabled:hover.sidebar-nav-dropdown-toggle::after,
        .dark-theme .sidebar .disabled:hover.sidebar-nav-dropdown-toggle::after {
            background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMSAxNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTkuMTQ4IDIuMzUybC00LjE0OCA0LjE0OCA0LjE0OCA0LjE0OHEwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJsLTEuMjk3IDEuMjk3cS0wLjE0OCAwLjE0OC0wLjM1MiAwLjE0OHQtMC4zNTItMC4xNDhsLTUuNzk3LTUuNzk3cS0wLjE0OC0wLjE0OC0wLjE0OC0wLjM1MnQwLjE0OC0wLjM1Mmw1Ljc5Ny01Ljc5N3EwLjE0OC0wLjE0OCAwLjM1Mi0wLjE0OHQwLjM1MiAwLjE0OGwxLjI5NyAxLjI5N3EwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJ6Jy8+PC9zdmc+)
        }

.dark-theme .sidebar .sidebar-nav-dropdown-toggle {
    position: relative
}

    .dark-theme .sidebar .sidebar-nav-dropdown-toggle::after {
        background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMSAxNCc+PHBhdGggZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpJyBkPSdNOS4xNDggMi4zNTJsLTQuMTQ4IDQuMTQ4IDQuMTQ4IDQuMTQ4cTAuMTQ4IDAuMTQ4IDAuMTQ4IDAuMzUydC0wLjE0OCAwLjM1MmwtMS4yOTcgMS4yOTdxLTAuMTQ4IDAuMTQ4LTAuMzUyIDAuMTQ4dC0wLjM1Mi0wLjE0OGwtNS43OTctNS43OTdxLTAuMTQ4LTAuMTQ4LTAuMTQ4LTAuMzUydDAuMTQ4LTAuMzUybDUuNzk3LTUuNzk3cTAuMTQ4LTAuMTQ4IDAuMzUyLTAuMTQ4dDAuMzUyIDAuMTQ4bDEuMjk3IDEuMjk3cTAuMTQ4IDAuMTQ4IDAuMTQ4IDAuMzUydC0wLjE0OCAwLjM1MnonLz48L3N2Zz4=)
    }

.dark-theme .sidebar .sidebar-nav-dropdown.show {
    background: rgba(0, 0, 0, .2)
}

    .dark-theme .sidebar .sidebar-nav-dropdown.show .sidebar-nav-link,
    .dark-theme .sidebar .sidebar-nav-dropdown.show .sidebar-nav-dropdown-toggle {
        color: #fff
    }

        .dark-theme .sidebar .sidebar-nav-dropdown.show .sidebar-nav-link.disabled,
        .dark-theme .sidebar .sidebar-nav-dropdown.show .disabled.sidebar-nav-dropdown-toggle {
            color: #b3b2b2;
            background: 0 0
        }

            .dark-theme .sidebar .sidebar-nav-dropdown.show .sidebar-nav-link.disabled:hover,
            .dark-theme .sidebar .sidebar-nav-dropdown.show .disabled.sidebar-nav-dropdown-toggle:hover {
                color: #b3b2b2
            }

                .dark-theme .sidebar .sidebar-nav-dropdown.show .sidebar-nav-link.disabled:hover .sidebar-nav-icon,
                .dark-theme .sidebar .sidebar-nav-dropdown.show .disabled.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon,
                .dark-theme .sidebar .sidebar-nav-label {
                    color: rgba(255, 255, 255, .6)
                }

                    .dark-theme .sidebar .sidebar-nav-label:hover {
                        color: rgba(255, 255, 255, .87)
                    }

                    .dark-theme .sidebar .sidebar-nav-label .sidebar-nav-icon {
                        color: rgba(255, 255, 255, .6)
                    }

.dark-theme .sidebar .progress {
    background-color: #4b4d61 !important
}

.dark-theme .sidebar .sidebar-footer {
    background: rgba(0, 0, 21, .2)
}

.dark-theme .sidebar .sidebar-minimizer {
    background-color: rgba(0, 0, 21, .2)
}

    .dark-theme .sidebar .sidebar-minimizer::before {
        background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMSAxNCc+PHBhdGggZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpJyBkPSdNOS4xNDggMi4zNTJsLTQuMTQ4IDQuMTQ4IDQuMTQ4IDQuMTQ4cTAuMTQ4IDAuMTQ4IDAuMTQ4IDAuMzUydC0wLjE0OCAwLjM1MmwtMS4yOTcgMS4yOTdxLTAuMTQ4IDAuMTQ4LTAuMzUyIDAuMTQ4dC0wLjM1Mi0wLjE0OGwtNS43OTctNS43OTdxLTAuMTQ4LTAuMTQ4LTAuMTQ4LTAuMzUydDAuMTQ4LTAuMzUybDUuNzk3LTUuNzk3cTAuMTQ4LTAuMTQ4IDAuMzUyLTAuMTQ4dDAuMzUyIDAuMTQ4bDEuMjk3IDEuMjk3cTAuMTQ4IDAuMTQ4IDAuMTQ4IDAuMzUydC0wLjE0OCAwLjM1MnonLz48L3N2Zz4=)
    }

    .dark-theme .sidebar .sidebar-minimizer:focus,
    .dark-theme .sidebar .sidebar-minimizer.focus {
        outline: 0
    }

    .dark-theme .sidebar .sidebar-minimizer:hover {
        background-color: rgba(0, 0, 0, .3)
    }

        .dark-theme .sidebar .sidebar-minimizer:hover::before {
            background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMSAxNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTkuMTQ4IDIuMzUybC00LjE0OCA0LjE0OCA0LjE0OCA0LjE0OHEwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJsLTEuMjk3IDEuMjk3cS0wLjE0OCAwLjE0OC0wLjM1MiAwLjE0OHQtMC4zNTItMC4xNDhsLTUuNzk3LTUuNzk3cS0wLjE0OC0wLjE0OC0wLjE0OC0wLjM1MnQwLjE0OC0wLjM1Mmw1Ljc5Ny01Ljc5N3EwLjE0OC0wLjE0OCAwLjM1Mi0wLjE0OHQwLjM1MiAwLjE0OGwxLjI5NyAxLjI5N3EwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJ6Jy8+PC9zdmc+)
        }

.dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .sidebar-nav-link,
.dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .sidebar-nav-dropdown-toggle {
    background: #4638c2
}

    .dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .sidebar-nav-link .sidebar-nav-icon,
    .dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: #fff
    }

    .dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .sidebar-nav-link.disabled,
    .dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .disabled.sidebar-nav-dropdown-toggle {
        background: #2a2b36
    }

        .dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .sidebar-nav-link.disabled .sidebar-nav-icon,
        .dark-theme .sidebar.sidebar-minimized .sidebar-nav-item:hover > .disabled.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
            color: rgba(255, 255, 255, .6)
        }

.dark-theme .sidebar.sidebar-minimized .sidebar-nav > .sidebar-nav-dropdown > .sidebar-nav-dropdown-items {
    background: #2a2b36
}

.dark-theme .sidebar.sidebar-minimized .sidebar-nav > .sidebar-nav-dropdown:hover {
    background: #4638c2
}


.dark-theme .sidebar-nav-link.sidebar-nav-link-primary,
.dark-theme .sidebar-nav-link-primary.sidebar-nav-dropdown-toggle {
    background: #4638c2
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-primary .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-primary.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-primary:hover,
    .dark-theme .sidebar-nav-link-primary.sidebar-nav-dropdown-toggle:hover {
        background: #3f32ae
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-primary:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-primary.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .sidebar-nav-link.sidebar-nav-link-secondary,
.dark-theme .sidebar-nav-link-secondary.sidebar-nav-dropdown-toggle {
    background: #4c4f54
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-secondary .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-secondary.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-secondary:hover,
    .dark-theme .sidebar-nav-link-secondary.sidebar-nav-dropdown-toggle:hover {
        background: #404247
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-secondary:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-secondary.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .sidebar-nav-link.sidebar-nav-link-success,
.dark-theme .sidebar-nav-link-success.sidebar-nav-dropdown-toggle {
    background: #45a164
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-success .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-success.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-success:hover,
    .dark-theme .sidebar-nav-link-success.sidebar-nav-dropdown-toggle:hover {
        background: #3d8f59
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-success:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-success.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .sidebar-nav-link.sidebar-nav-link-info,
.dark-theme .sidebar-nav-link-info.sidebar-nav-dropdown-toggle {
    background: #4799eb
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-info .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-info.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-info:hover,
    .dark-theme .sidebar-nav-link-info.sidebar-nav-dropdown-toggle:hover {
        background: #308ce8
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-info:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-info.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .sidebar-nav-link.sidebar-nav-link-warning,
.dark-theme .sidebar-nav-link-warning.sidebar-nav-dropdown-toggle {
    background: #e1a82d
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-warning .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-warning.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-warning:hover,
    .dark-theme .sidebar-nav-link-warning.sidebar-nav-dropdown-toggle:hover {
        background: #d69c1f
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-warning:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-warning.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .sidebar-nav-link.sidebar-nav-link-danger,
.dark-theme .sidebar-nav-link-danger.sidebar-nav-dropdown-toggle {
    background: #d16767
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-danger .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-danger.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-danger:hover,
    .dark-theme .sidebar-nav-link-danger.sidebar-nav-dropdown-toggle:hover {
        background: #cb5353
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-danger:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-danger.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .sidebar-nav-link.sidebar-nav-link-light,
.dark-theme .sidebar-nav-link-light.sidebar-nav-dropdown-toggle {
    background: #6c6e7e
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-light .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-light.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-light:hover,
    .dark-theme .sidebar-nav-link-light.sidebar-nav-dropdown-toggle:hover {
        background: #606270
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-light:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-light.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .sidebar-nav-link.sidebar-nav-link-dark,
.dark-theme .sidebar-nav-link-dark.sidebar-nav-dropdown-toggle {
    background: #0e0e15
}

    .dark-theme .sidebar-nav-link.sidebar-nav-link-dark .sidebar-nav-icon,
    .dark-theme .sidebar-nav-link-dark.sidebar-nav-dropdown-toggle .sidebar-nav-icon {
        color: rgba(255, 255, 255, .7)
    }

    .dark-theme .sidebar-nav-link.sidebar-nav-link-dark:hover,
    .dark-theme .sidebar-nav-link-dark.sidebar-nav-dropdown-toggle:hover {
        background: #040405
    }

        .dark-theme .sidebar-nav-link.sidebar-nav-link-dark:hover .sidebar-nav-icon,
        .dark-theme .sidebar-nav-link-dark.sidebar-nav-dropdown-toggle:hover .sidebar-nav-icon {
            color: #fff
        }

.dark-theme .subheader {
    background: #2a2b36;
    border-bottom: 0
}

    .dark-theme .subheader .subheader-nav .subheader-nav-link,
    .dark-theme .subheader .subheader-nav .subheader-nav-btn {
        color: rgba(255, 255, 255, .75)
    }

        .dark-theme .subheader .subheader-nav .subheader-nav-link:hover,
        .dark-theme .subheader .subheader-nav .subheader-nav-link:focus,
        .dark-theme .subheader .subheader-nav .subheader-nav-btn:hover,
        .dark-theme .subheader .subheader-nav .subheader-nav-btn:focus {
            color: rgba(255, 255, 255, .9)
        }

        .dark-theme .subheader .subheader-nav .subheader-nav-link.disabled,
        .dark-theme .subheader .subheader-nav .subheader-nav-btn.disabled {
            color: rgba(255, 255, 255, .25)
        }

        .dark-theme .subheader .subheader-nav .show > .subheader-nav-link,
        .dark-theme .subheader .subheader-nav .active > .subheader-nav-link,
        .dark-theme .subheader .subheader-nav .subheader-nav-link.show,
        .dark-theme .subheader .subheader-nav .subheader-nav-link.active {
            color: #fff
        }

    .dark-theme .subheader .subheader-text {
        color: rgba(255, 255, 255, .75)
    }

        .dark-theme .subheader .subheader-text a,
        .dark-theme .subheader .subheader-text a:hover,
        .dark-theme .subheader .subheader-text a:focus {
            color: #fff
        }

.dark-theme .switch-slider {
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .09)
}

.dark-theme .switch-input:focus ~ .switch-slider {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .2)
}


.dark-theme .switch-primary .switch-input:checked + .switch-slider {
    background-color: #4638c2;
    border-color: #382d9a
}

    .dark-theme .switch-primary .switch-input:checked + .switch-slider::before {
        border-color: #382d9a
    }

.dark-theme .switch-3d-primary .switch-input:checked + .switch-slider {
    background-color: #4638c2
}

.dark-theme .switch-outline-primary .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #4638c2
}

    .dark-theme .switch-outline-primary .switch-input:checked + .switch-slider::before {
        border-color: #4638c2
    }

    .dark-theme .switch-outline-primary .switch-input:checked + .switch-slider::after {
        color: #4638c2
    }

.dark-theme .switch-opposite-primary .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #4638c2
}

    .dark-theme .switch-opposite-primary .switch-input:checked + .switch-slider::before {
        background-color: #4638c2;
        border-color: #4638c2
    }

    .dark-theme .switch-opposite-primary .switch-input:checked + .switch-slider::after {
        color: #4638c2
    }

.dark-theme .switch-secondary .switch-input:checked + .switch-slider {
    background-color: #4c4f54;
    border-color: #343639
}

    .dark-theme .switch-secondary .switch-input:checked + .switch-slider::before {
        border-color: #343639
    }

.dark-theme .switch-3d-secondary .switch-input:checked + .switch-slider {
    background-color: #4c4f54
}

.dark-theme .switch-outline-secondary .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #4c4f54
}

    .dark-theme .switch-outline-secondary .switch-input:checked + .switch-slider::before {
        border-color: #4c4f54
    }

    .dark-theme .switch-outline-secondary .switch-input:checked + .switch-slider::after {
        color: #4c4f54
    }

.dark-theme .switch-opposite-secondary .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #4c4f54
}

    .dark-theme .switch-opposite-secondary .switch-input:checked + .switch-slider::before {
        background-color: #4c4f54;
        border-color: #4c4f54
    }

    .dark-theme .switch-opposite-secondary .switch-input:checked + .switch-slider::after {
        color: #4c4f54
    }

.dark-theme .switch-success .switch-input:checked + .switch-slider {
    background-color: #45a164;
    border-color: #367d4e
}

    .dark-theme .switch-success .switch-input:checked + .switch-slider::before {
        border-color: #367d4e
    }

.dark-theme .switch-3d-success .switch-input:checked + .switch-slider {
    background-color: #45a164
}

.dark-theme .switch-outline-success .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #45a164
}

    .dark-theme .switch-outline-success .switch-input:checked + .switch-slider::before {
        border-color: #45a164
    }

    .dark-theme .switch-outline-success .switch-input:checked + .switch-slider::after {
        color: #45a164
    }

.dark-theme .switch-opposite-success .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #45a164
}

    .dark-theme .switch-opposite-success .switch-input:checked + .switch-slider::before {
        background-color: #45a164;
        border-color: #45a164
    }

    .dark-theme .switch-opposite-success .switch-input:checked + .switch-slider::after {
        color: #45a164
    }

.dark-theme .switch-info .switch-input:checked + .switch-slider {
    background-color: #4799eb;
    border-color: #1a80e6
}

    .dark-theme .switch-info .switch-input:checked + .switch-slider::before {
        border-color: #1a80e6
    }

.dark-theme .switch-3d-info .switch-input:checked + .switch-slider {
    background-color: #4799eb
}

.dark-theme .switch-outline-info .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #4799eb
}

    .dark-theme .switch-outline-info .switch-input:checked + .switch-slider::before {
        border-color: #4799eb
    }

    .dark-theme .switch-outline-info .switch-input:checked + .switch-slider::after {
        color: #4799eb
    }

.dark-theme .switch-opposite-info .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #4799eb
}

    .dark-theme .switch-opposite-info .switch-input:checked + .switch-slider::before {
        background-color: #4799eb;
        border-color: #4799eb
    }

    .dark-theme .switch-opposite-info .switch-input:checked + .switch-slider::after {
        color: #4799eb
    }

.dark-theme .switch-warning .switch-input:checked + .switch-slider {
    background-color: #e1a82d;
    border-color: #c08c1b
}

    .dark-theme .switch-warning .switch-input:checked + .switch-slider::before {
        border-color: #c08c1b
    }

.dark-theme .switch-3d-warning .switch-input:checked + .switch-slider {
    background-color: #e1a82d
}

.dark-theme .switch-outline-warning .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #e1a82d
}

    .dark-theme .switch-outline-warning .switch-input:checked + .switch-slider::before {
        border-color: #e1a82d
    }

    .dark-theme .switch-outline-warning .switch-input:checked + .switch-slider::after {
        color: #e1a82d
    }

.dark-theme .switch-opposite-warning .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #e1a82d
}

    .dark-theme .switch-opposite-warning .switch-input:checked + .switch-slider::before {
        background-color: #e1a82d;
        border-color: #e1a82d
    }

    .dark-theme .switch-opposite-warning .switch-input:checked + .switch-slider::after {
        color: #e1a82d
    }

.dark-theme .switch-danger .switch-input:checked + .switch-slider {
    background-color: #d16767;
    border-color: #c54040
}

    .dark-theme .switch-danger .switch-input:checked + .switch-slider::before {
        border-color: #c54040
    }

.dark-theme .switch-3d-danger .switch-input:checked + .switch-slider {
    background-color: #d16767
}

.dark-theme .switch-outline-danger .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #d16767
}

    .dark-theme .switch-outline-danger .switch-input:checked + .switch-slider::before {
        border-color: #d16767
    }

    .dark-theme .switch-outline-danger .switch-input:checked + .switch-slider::after {
        color: #d16767
    }

.dark-theme .switch-opposite-danger .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #d16767
}

    .dark-theme .switch-opposite-danger .switch-input:checked + .switch-slider::before {
        background-color: #d16767;
        border-color: #d16767
    }

    .dark-theme .switch-opposite-danger .switch-input:checked + .switch-slider::after {
        color: #d16767
    }

.dark-theme .switch-light .switch-input:checked + .switch-slider {
    background-color: #6c6e7e;
    border-color: #555662
}

    .dark-theme .switch-light .switch-input:checked + .switch-slider::before {
        border-color: #555662
    }

.dark-theme .switch-3d-light .switch-input:checked + .switch-slider {
    background-color: #6c6e7e
}

.dark-theme .switch-outline-light .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #6c6e7e
}

    .dark-theme .switch-outline-light .switch-input:checked + .switch-slider::before {
        border-color: #6c6e7e
    }

    .dark-theme .switch-outline-light .switch-input:checked + .switch-slider::after {
        color: #6c6e7e
    }

.dark-theme .switch-opposite-light .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #6c6e7e
}

    .dark-theme .switch-opposite-light .switch-input:checked + .switch-slider::before {
        background-color: #6c6e7e;
        border-color: #6c6e7e
    }

    .dark-theme .switch-opposite-light .switch-input:checked + .switch-slider::after {
        color: #6c6e7e
    }

.dark-theme .switch-dark .switch-input:checked + .switch-slider {
    background-color: #0e0e15;
    border-color: #000
}

    .dark-theme .switch-dark .switch-input:checked + .switch-slider::before {
        border-color: #000
    }

.dark-theme .switch-3d-dark .switch-input:checked + .switch-slider {
    background-color: #0e0e15
}

.dark-theme .switch-outline-dark .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #0e0e15
}

    .dark-theme .switch-outline-dark .switch-input:checked + .switch-slider::before {
        border-color: #0e0e15
    }

    .dark-theme .switch-outline-dark .switch-input:checked + .switch-slider::after {
        color: #0e0e15
    }

.dark-theme .switch-opposite-dark .switch-input:checked + .switch-slider {
    background-color: inherit;
    border-color: #0e0e15
}

    .dark-theme .switch-opposite-dark .switch-input:checked + .switch-slider::before {
        background-color: #0e0e15;
        border-color: #0e0e15
    }

    .dark-theme .switch-opposite-dark .switch-input:checked + .switch-slider::after {
        color: #0e0e15
    }

.dark-theme .table {
    color: rgba(255, 255, 255, .87);
    background-color: transparent
}

.dark-theme .table th,
.dark-theme .table td {
    border-top-color: rgba(255, 255, 255, .1)
}

.dark-theme .table thead th {
    border-bottom-color: rgba(255, 255, 255, .1)
}

.dark-theme .table tbody + tbody {
    border-top-color: rgba(255, 255, 255, .1)
}

.dark-theme .table-bordered {
    border-color: rgba(255, 255, 255, .1)
}

.dark-theme .table-bordered th,
.dark-theme .table-bordered td {
    border-color: rgba(255, 255, 255, .1)
}

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 21, .05)
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover tbody tr:hover {
        color: rgba(255, 255, 255, .87);
        background-color: rgba(255, 255, 255, .1)
    }
}

.dark-theme .table-primary,
.dark-theme .table-primary > th,
.dark-theme .table-primary > td {
    color: #0a0b18;
    background-color: #cbc7ee
}

    .dark-theme .table-primary th,
    .dark-theme .table-primary td,
    .dark-theme .table-primary thead th,
    .dark-theme .table-primary tbody + tbody {
        border-color: #9f98df
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-primary:hover,
    .dark-theme .table-hover .table-primary:hover > td,
    .dark-theme .table-hover .table-primary:hover > th {
        background-color: #b9b3e8
    }
}

.dark-theme .table-secondary,
.dark-theme .table-secondary > th,
.dark-theme .table-secondary > td {
    color: #0a0b18;
    background-color: #cdcecf
}

    .dark-theme .table-secondary th,
    .dark-theme .table-secondary td,
    .dark-theme .table-secondary thead th,
    .dark-theme .table-secondary tbody + tbody {
        border-color: #a2a3a6
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-secondary:hover,
    .dark-theme .table-hover .table-secondary:hover > td,
    .dark-theme .table-hover .table-secondary:hover > th {
        background-color: #c0c1c3
    }
}

.dark-theme .table-success,
.dark-theme .table-success > th,
.dark-theme .table-success > td {
    color: #0a0b18;
    background-color: #cbe5d4
}

    .dark-theme .table-success th,
    .dark-theme .table-success td,
    .dark-theme .table-success thead th,
    .dark-theme .table-success tbody + tbody {
        border-color: #9eceae
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-success:hover,
    .dark-theme .table-hover .table-success:hover > td,
    .dark-theme .table-hover .table-success:hover > th {
        background-color: #baddc6
    }
}

.dark-theme .table-info,
.dark-theme .table-info > th,
.dark-theme .table-info > td {
    color: #0a0b18;
    background-color: #cce2f9
}

    .dark-theme .table-info th,
    .dark-theme .table-info td,
    .dark-theme .table-info thead th,
    .dark-theme .table-info tbody + tbody {
        border-color: #a0caf4
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-info:hover,
    .dark-theme .table-hover .table-info:hover > td,
    .dark-theme .table-hover .table-info:hover > th {
        background-color: #b5d5f6
    }
}

.dark-theme .table-warning,
.dark-theme .table-warning > th,
.dark-theme .table-warning > td {
    color: #0a0b18;
    background-color: #f7e7c4
}

    .dark-theme .table-warning th,
    .dark-theme .table-warning td,
    .dark-theme .table-warning thead th,
    .dark-theme .table-warning tbody + tbody {
        border-color: #efd292
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-warning:hover,
    .dark-theme .table-hover .table-warning:hover > td,
    .dark-theme .table-hover .table-warning:hover > th {
        background-color: #f4deae
    }
}

.dark-theme .table-danger,
.dark-theme .table-danger > th,
.dark-theme .table-danger > td {
    color: #0a0b18;
    background-color: #f2d4d4
}

    .dark-theme .table-danger th,
    .dark-theme .table-danger td,
    .dark-theme .table-danger thead th,
    .dark-theme .table-danger tbody + tbody {
        border-color: #e7b0b0
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-danger:hover,
    .dark-theme .table-hover .table-danger:hover > td,
    .dark-theme .table-hover .table-danger:hover > th {
        background-color: #ecc0c0
    }
}

.dark-theme .table-light,
.dark-theme .table-light > th,
.dark-theme .table-light > td {
    color: #0a0b18;
    background-color: #d6d6db
}

    .dark-theme .table-light th,
    .dark-theme .table-light td,
    .dark-theme .table-light thead th,
    .dark-theme .table-light tbody + tbody {
        border-color: #b3b4bc
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-light:hover,
    .dark-theme .table-hover .table-light:hover > td,
    .dark-theme .table-hover .table-light:hover > th {
        background-color: #c8c8cf
    }
}

.dark-theme .table-dark,
.dark-theme .table-dark > th,
.dark-theme .table-dark > td {
    color: #0a0b18;
    background-color: #bbbcbd
}

    .dark-theme .table-dark th,
    .dark-theme .table-dark td,
    .dark-theme .table-dark thead th,
    .dark-theme .table-dark tbody + tbody {
        border-color: #828285
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-dark:hover,
    .dark-theme .table-hover .table-dark:hover > td,
    .dark-theme .table-hover .table-dark:hover > th {
        background-color: #aeafb0
    }
}

.dark-theme .table-active,
.dark-theme .table-active > th,
.dark-theme .table-active > td {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(0, 0, 21, .2)
}

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-active:hover,
    .dark-theme .table-hover .table-active:hover > td,
    .dark-theme .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, .2)
    }
}

.dark-theme .table-selected,
.dark-theme .table-selected > th,
.dark-theme .table-selected > td {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(0, 0, 21, .2)
}

    .dark-theme .table-selected th,
    .dark-theme .table-selected td,
    .dark-theme .table-selected thead th,
    .dark-theme .table-selected tbody + tbody {
        border-color: rgba(0, 0, 21, .2)
    }

@media(hover:hover), (-ms-high-contrast:none) {
    .dark-theme .table-hover .table-selected:hover,
    .dark-theme .table-hover .table-selected:hover > td,
    .dark-theme .table-hover .table-selected:hover > th {
        background-color: rgba(0, 0, 0, .2)
    }
}

.dark-theme .table tbody tr:focus {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .1)
}

.dark-theme .table .thead-dark th {
    color: #fff;
    background-color: rgba(0, 0, 21, .5);
    border-color: rgba(0, 0, 21, .9)
}

.dark-theme .table .thead-light th {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .1)
}

.dark-theme .table-dark {
    color: #fff;
    background-color: rgba(0, 0, 21, .5)
}

.dark-theme .table-dark th,
.dark-theme .table-dark td,
.dark-theme .table-dark thead th {
    border-color: rgba(0, 0, 21, .9)
}


.table-dark.table-striped tbody tr:nth-of-type(odd),
.legacy-theme .table-dark.table-striped tbody tr:nth-of-type(odd),
.dark-theme .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

@media(hover:hover), (-ms-high-contrast:none) {

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


.dark-theme .table-outline {
    border-color: rgba(255, 255, 255, .1)
}


.dark-theme .toast {
    color: rgba(255, 255, 255, .87);
    background-color: #37373d;
    border-color: transparent
}


.dark-theme .toast-header {
    color: rgba(255, 255, 255, .87);
    background-color: #37373d;
    border-color: rgba(0, 0, 21, .2)
}

.dark-theme .toast-primary {
    color: #fff;
    background-color: #4638c2;
    border-color: #382d9a
}

    .dark-theme .toast-primary .toast-header {
        color: #fff;
        background-color: #3f32ae;
        border-color: #382d9a
    }

.dark-theme .toast-secondary {
    color: #fff;
    background-color: #4c4f54;
    border-color: #343639
}

    .dark-theme .toast-secondary .toast-header {
        color: #fff;
        background-color: #404247;
        border-color: #343639
    }

.dark-theme .toast-success {
    color: #fff;
    background-color: #45a164;
    border-color: #367d4e
}

    .dark-theme .toast-success .toast-header {
        color: #fff;
        background-color: #3d8f59;
        border-color: #367d4e
    }

.dark-theme .toast-info {
    color: #fff;
    background-color: #4799eb;
    border-color: #1a80e6
}

    .dark-theme .toast-info .toast-header {
        color: #fff;
        background-color: #308ce8;
        border-color: #1a80e6
    }

.dark-theme .toast-warning {
    color: #4f5d73;
    background-color: #e1a82d;
    border-color: #c08c1b
}

    .dark-theme .toast-warning .toast-header {
        color: #4f5d73;
        background-color: #d69c1f;
        border-color: #c08c1b
    }

.dark-theme .toast-danger {
    color: #fff;
    background-color: #d16767;
    border-color: #c54040
}

    .dark-theme .toast-danger .toast-header {
        color: #fff;
        background-color: #cb5353;
        border-color: #c54040
    }

.dark-theme .toast-light {
    color: #fff;
    background-color: #6c6e7e;
    border-color: #555662
}

    .dark-theme .toast-light .toast-header {
        color: #fff;
        background-color: #606270;
        border-color: #555662
    }

.dark-theme .toast-dark {
    color: #fff;
    background-color: #0e0e15;
    border-color: #000
}

    .dark-theme .toast-dark .toast-header {
        color: #fff;
        background-color: #040405;
        border-color: #000
    }

.dark-theme hr {
    border-color: rgba(255, 255, 255, .075)
}


.dark-theme .vr {
    background-color: rgba(255, 255, 255, .075)
}


.dark-theme .multi-select {
    color: rgba(255, 255, 255, .87);
    background: rgba(255, 255, 255, 0.05) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23636f83' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border-color: rgba(255, 255, 255, .09)
}

.dark-theme .multi-select:disabled,
.dark-theme .multi-select.disabled {
    color: rgba(255, 255, 255, .38);
    background-color: rgba(255, 255, 255, .1)
}

.dark-theme .multi-select-selection-cleaner {
    color: #fff;
    text-shadow: 0 1px 0 #000015
}

@media(hover:hover), (-ms-high-contrast:none) {

    .dark-theme .multi-select-selection-cleaner:hover {
        color: #fff
    }
}

.dark-theme .multi-select-search {
    color: rgba(255, 255, 255, .87);
    background-color: transparent
}

.dark-theme .multi-select-options {
    color: rgba(255, 255, 255, .87);
    background-color: #34353e;
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .multi-select-option:hover,
.dark-theme .multi-select-option:focus {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .04)
}

.dark-theme .multi-select-option.disabled,
.dark-theme .multi-select-option:disabled {
    color: #8a93a2
}

.dark-theme .multi-select-option::before {
    background-color: rgba(255, 255, 255, .05);
    border-color: #9da5b1
}

.dark-theme .multi-select-option.multi-selected {
    background-color: rgba(255, 255, 255, .04)
}


.dark-theme .multi-select-option.multi-selected::before {
    color: #fff;
    border-color: #4638c2;
    background-color: #4638c2
}

.multi-select-option.multi-selected::after,
.dark-theme .multi-select-option.multi-selected::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+)
}

.dark-theme .multi-select-tag {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .multi-select.show {
    color: rgba(255, 255, 255, .87);
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .2)
}

.dark-theme .multi-select-inline {
    background: rgba(255, 255, 255, .05)
}


.dark-theme .multi-select-inline .multi-select-search {
    border-color: rgba(255, 255, 255, .09)
}


.dark-theme .bg-primary {
    background-color: #4638c280 !important;
}

.dark-theme a.bg-primary:hover,
.dark-theme a.bg-primary:focus,
.dark-theme button.bg-primary:hover,
.dark-theme button.bg-primary:focus {
    background-color: #382d9a !important
}

.dark-theme .bg-secondary {
    background-color: #4c4f5480 !important
}

.dark-theme a.bg-secondary:hover,
.dark-theme a.bg-secondary:focus,
.dark-theme button.bg-secondary:hover,
.dark-theme button.bg-secondary:focus {
    background-color: #343639 !important
}

.dark-theme .bg-success {
    background-color: #45a16480 !important
}

.dark-theme a.bg-success:hover,
.dark-theme a.bg-success:focus,
.dark-theme button.bg-success:hover,
.dark-theme button.bg-success:focus {
    background-color: #367d4e !important
}

.dark-theme .bg-info {
    background-color: #4799eb80 !important
}

.dark-theme a.bg-info:hover,
.dark-theme a.bg-info:focus,
.dark-theme button.bg-info:hover,
.dark-theme button.bg-info:focus {
    background-color: #1a80e6 !important
}

.dark-theme .bg-warning {
    background-color: #e1a82d80 !important
}

.dark-theme a.bg-warning:hover,
.dark-theme a.bg-warning:focus,
.dark-theme button.bg-warning:hover,
.dark-theme button.bg-warning:focus {
    background-color: #c08c1b !important
}

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

.dark-theme a.bg-danger:hover,
.dark-theme a.bg-danger:focus,
.dark-theme button.bg-danger:hover,
.dark-theme button.bg-danger:focus {
    background-color: #c54040 !important
}

.dark-theme .bg-light {
    background-color: #6c6e7e80 !important
}

.dark-theme a.bg-light:hover,
.dark-theme a.bg-light:focus,
.dark-theme button.bg-light:hover,
.dark-theme button.bg-light:focus {
    background-color: #555662 !important
}

.dark-theme .bg-white {
    background-color: #1e1e1e80 !important
}

.dark-theme .bg-dark {
    background-color: #0e0e1580 !important
}

.dark-theme .bg-gray-500 {
    background-color: #8f9ba680 !important
}

.dark-theme a.bg-dark:hover,
.dark-theme a.bg-dark:focus,
.dark-theme button.bg-dark:hover,
.dark-theme button.bg-dark:focus {
    background-color: #000 !important
}

.dark-theme .bg-gradient-primary {
    background: #2d2587 !important;
    background: linear-gradient(45deg, #4638c2 0%, #2d2587 100%) !important;
    border-color: #2d2587 !important
}

.dark-theme .bg-gradient-secondary {
    background: #fff !important;
    background: linear-gradient(45deg, #d1d2d3 0%, white 100%) !important;
    border-color: #fff !important
}

.dark-theme .bg-gradient-success {
    background: #2e8c47 !important;
    background: linear-gradient(45deg, #45a164 0%, #2e8c47 100%) !important;
    border-color: #2e8c47 !important
}

.dark-theme .bg-gradient-info {
    background: #4280b4 !important;
    background: linear-gradient(45deg, #4799eb 0%, #4280b4 100%) !important;
    border-color: #4280b4 !important
}

.dark-theme .bg-gradient-warning {
    background: #dd9124 !important;
    background: linear-gradient(45deg, #e1a82d 0%, #dd9124 100%) !important;
    border-color: #dd9124 !important
}

.dark-theme .bg-gradient-danger {
    background: #c14f4f !important;
    background: linear-gradient(45deg, #d16767 0%, #c14f4f 100%) !important;
    border-color: #c14f4f !important
}

.dark-theme .bg-gradient-light {
    background: #fff !important;
    background: linear-gradient(45deg, #e8e8e8 0%, white 100%) !important;
    border-color: #fff !important
}

.dark-theme .bg-gradient-dark {
    background: #292a2b !important;
    background: linear-gradient(45deg, #4c4f54 0%, #292a2b 100%) !important;
    border-color: #292a2b !important
}

.dark-theme .border {
    border: 1px solid rgba(255, 255, 255, .075) !important
}

.dark-theme .border-top {
    border-top: 1px solid rgba(255, 255, 255, .075) !important
}

.dark-theme .border-right {
    border-right: 1px solid rgba(255, 255, 255, .075) !important
}

.dark-theme .border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, .075) !important
}

.dark-theme .border-left {
    border-left: 1px solid rgba(255, 255, 255, .075) !important
}

.dark-theme .border-primary {
    border: 1px solid !important;
    border-color: #4638c2 !important
}

.dark-theme .border-secondary {
    border: 1px solid !important;
    border-color: #4c4f54 !important
}

.dark-theme .border-success {
    border: 1px solid !important;
    border-color: #45a164 !important
}

.dark-theme .border-info {
    border: 1px solid !important;
    border-color: #4799eb !important
}

.dark-theme .border-warning {
    border: 1px solid !important;
    border-color: #e1a82d !important
}

.dark-theme .border-danger {
    border: 1px solid !important;
    border-color: #d16767 !important
}

.dark-theme .border-light {
    border: 1px solid !important;
    border-color: #6c6e7e !important
}

.dark-theme .border-dark {
    border: 1px solid !important;
    border-color: #0e0e15 !important
}

.d-xxl-down-none,
.default-theme .d-default-none,
.app:not(.dark-theme):not(.legacy-theme) .d-default-none,
.dark-theme .d-dark-none,
.legacy-theme .d-legacy-none {
    display: none !important
}

.dark-theme .text-primary {
    color: #4638c2 !important
}

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

.dark-theme .text-secondary {
    color: #4c4f54 !important
}

.dark-theme a.text-secondary:hover,
.dark-theme a.text-secondary:focus {
    color: #28292c !important
}

.dark-theme .text-success {
    color: #45a164 !important
}

.dark-theme a.text-success:hover,
.dark-theme a.text-success:focus {
    color: #2e6b43 !important
}

.dark-theme .text-info {
    color: #4799eb !important
}

.dark-theme a.text-info:hover,
.dark-theme a.text-info:focus {
    color: #1773cf !important
}

.dark-theme .text-warning {
    color: #e1a82d !important
}

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

.dark-theme .text-danger {
    color: #d16767 !important
}

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

.dark-theme .text-light {
    color: #6c6e7e !important
}

.dark-theme a.text-light:hover,
.dark-theme a.text-light:focus {
    color: #494a55 !important
}

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

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


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


.dark-theme .email-app {
    background-color: #23242d
}

.dark-theme .email-app .toolbar {
    border-color: rgba(255, 255, 255, .075)
}

.dark-theme .email-app .message {
    color: rgba(255, 255, 255, .87)
}


.dark-theme .email-app .message.message-read {
    color: rgba(179, 178, 178, .87)
}


.dark-theme .email-app .message-details {
    border-color: rgba(255, 255, 255, .075)
}


.dark-theme .app-footer {
    background-color: transparent;
    color: white;
    border-color: #23282c;
}

.dark-theme .app-header {
    background-color: #4c4f54;
    color: white;
    border-color: #23282c;
}

.dark-theme .autocomplete-suggestion {
    background: black;
}


.dark-theme .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #20a8d8;
    background-color: #4c4f54;
    border: 1px solid #0e0e15;
}

.dark-theme .page-item.disabled .page-link {
    color: #73818f;
    pointer-events: none;
    cursor: auto;
    background-color: #4c4f54;
    border-color: #0e0e15;
}
/************BTN-APP*****************/
.dark-theme .btn-app-group {
    color: rgb(80, 95, 121);
}
    /*Btn-app Hover*/
    .dark-theme .btn-app-group:hover > .btn-app {
        box-shadow: #4799eb 0px 0px 5px 0px, #4799eb 0px 0px 4px;
        color: #4799eb
    }

    .dark-theme .btn-app-group:hover > .btn-app-span {
        color: #4799eb
    }

    .dark-theme .btn-app-group.btn-app-danger:hover > .btn-app {
        box-shadow: #ff0000 0px 0px 5px 0px, #ff0000 0px 0px 1px;
        color: #f86c6b;
    }

    .dark-theme .btn-app-group.btn-app-danger:hover > .btn-app-span {
        color: #f86c6b;
    }
/*Btn-app Hover End*/

.dark-theme .btn-app {
    color: white;
    background-color: #4c4f54;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
}

.dark-theme .btn-app-span {
    color: white;
}