@media (prefers-color-scheme: dark) {
    @layer {
        html {
            background-color: #242525 !important;
        }
        html {
            color-scheme: dark !important;
        }
        iframe {
            color-scheme: initial;
        }
        html, body {
            background-color: #242525;
        }
        html, body {
            border-color: #776f62;
            color: #e5e0d8;
        }
        a {
            color: #4791e6;
        }
        table {
            border-color: #5c6060;
        }
        mark {
            color: #e5e0d8;
        }
        ::placeholder {
            color: #b2aa9e;
        }
        input:-webkit-autofill,
        textarea:-webkit-autofill,
        select:-webkit-autofill {
            background-color: #484a12 !important;
            color: #e5e0d8 !important;
        }
        ::selection {
            background-color: #15539c !important;
            color: #e5e0d8 !important;
        }
        ::-moz-selection {
            background-color: #15539c !important;
            color: #e5e0d8 !important;
        }
    }

    /* Variables Style */
    :root {
        --darkreader-neutral-background: #242525;
        --darkreader-neutral-text: #e5e0d8;
        --darkreader-selection-background: #15539c;
        --darkreader-selection-text: #e5e0d8;
    }

    /* Modified CSS */
    .fa-border {
        border-color: rgb(63, 65, 65);
    }
    .fa-inverse {
        color: #d1d7e0;
    }
    .sr-only {
        border-color: currentcolor;
    }
    :root {
        --blue: #007bff;
        --breakpoint-lg: 992px;
        --breakpoint-md: 768px;
        --breakpoint-sm: 576px;
        --breakpoint-xl: 1200px;
        --breakpoint-xs: 0;
        --cyan: #17a2b8;
        --danger: #dc3545;
        --dark: #343a40;
        --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --font-family-sans-serif: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        --gray: #6c757d;
        --gray-dark: #343a40;
        --green: #28a745;
        --indigo: #6610f2;
        --info: #17a2b8;
        --light: #f8f9fa;
        --orange: #fd7e14;
        --pink: #e83e8c;
        --primary: #007bff;
        --purple: #6f42c1;
        --red: #dc3545;
        --secondary: #6c757d;
        --success: #28a745;
        --teal: #20c997;
        --warning: #ffc107;
        --white: #fff;
        --yellow: #ffc107;
    }
    body {
        background-color: #202831;
        color: #d1d7e0;
    }
    [tabindex="-1"]:focus:not(:focus-visible) {
        outline-color: currentcolor !important;
    }
    abbr[data-original-title],
    abbr[title] {
        border-bottom-color: currentcolor;
        text-decoration-color: currentcolor;
    }
    a {
        background-color: transparent;
        color: rgb(72, 160, 231);
        text-decoration-color: currentcolor;
    }
    a:hover {
        color: rgb(112, 179, 233);
        text-decoration-color: currentcolor;
    }
    a:not([href]):not([class]) {
        color: inherit;
        text-decoration-color: currentcolor;
    }
    a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration-color: currentcolor;
    }
    caption {
        color: rgb(159, 151, 136);
    }
    button:focus:not(:focus-visible) {
        outline-color: currentcolor;
    }
    fieldset {
        border-color: currentcolor;
    }
    legend {
        color: inherit;
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: inherit;
    }
    hr {
        border-color: rgba(143, 132, 117, 0.1) currentcolor currentcolor;
    }
    .mark,
    mark {
        background-color: rgb(56, 49, 20);
    }
    .list-unstyled {
        list-style-image: none;
    }
    .list-inline {
        list-style-image: none;
    }
    .blockquote-footer {
        color: rgb(159, 151, 136);
    }
    .img-thumbnail {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        box-shadow: rgba(13, 13, 13, 0.07) 0px 1px 2px;
    }
    .figure-caption {
        color: rgb(159, 151, 136);
    }
    code {
        color: rgb(218, 87, 143);
    }
    a > code {
        color: inherit;
    }
    kbd {
        background-color: rgb(39, 41, 40);
        box-shadow: rgba(13, 13, 13, 0.25) 0px -0.1rem 0px inset;
        color: #d1d7e0;
    }
    kbd kbd {
        box-shadow: none;
    }
    pre {
        color: #d1d7e0;
    }
    pre code {
        color: inherit;
    }
    .table {
        background-color: transparent;
        color: #d1d7e0;
    }
    .table td,
    .table th {
        border-top-color: rgb(66, 69, 69);
    }
    .table thead th {
        border-bottom-color: rgb(66, 69, 69);
    }
    .table tbody + tbody {
        border-top-color: rgb(66, 69, 69);
    }
    .table-bordered {
        border-color: rgb(66, 69, 69);
    }
    .table-bordered td,
    .table-bordered th {
        border-color: rgb(66, 69, 69);
    }
    .table-borderless tbody + tbody,
    .table-borderless td,
    .table-borderless th,
    .table-borderless thead th {
        border-color: currentcolor;
    }
    .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: rgba(13, 13, 13, 0.05);
    }
    .table-hover tbody tr:hover {
        background-color: rgba(13, 13, 13, 0.07);
        color: #d1d7e0;
    }
    .table-primary,
    .table-primary > td,
    .table-primary > th {
        background-color: rgb(55, 57, 57);
    }
    .table-primary tbody + tbody,
    .table-primary td,
    .table-primary th,
    .table-primary thead th {
        border-color: rgb(20, 74, 133);
    }
    .table-hover .table-primary:hover {
        background-color: rgb(61, 63, 63);
    }
    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: rgb(61, 63, 63);
    }
    .table-secondary,
    .table-secondary > td,
    .table-secondary > th {
        background-color: rgb(56, 59, 58);
    }
    .table-secondary tbody + tbody,
    .table-secondary td,
    .table-secondary th,
    .table-secondary thead th {
        border-color: rgb(77, 81, 81);
    }
    .table-hover .table-secondary:hover {
        background-color: #9198a1;
    }
    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #9198a1;
    }
    .table-success,
    .table-success > td,
    .table-success > th {
        background-color: rgb(44, 77, 56);
    }
    .table-success tbody + tbody,
    .table-success td,
    .table-success th,
    .table-success thead th {
        border-color: rgb(58, 108, 66);
    }
    .table-hover .table-success:hover {
        background-color: rgb(49, 87, 62);
    }
    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: rgb(49, 87, 62);
    }
    .table-info,
    .table-info > td,
    .table-info > th {
        background-color: rgb(40, 77, 81);
    }
    .table-info tbody + tbody,
    .table-info td,
    .table-info th,
    .table-info thead th {
        border-color: rgb(52, 106, 112);
    }
    .table-hover .table-info:hover {
        background-color: rgb(44, 86, 90);
    }
    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: rgb(44, 86, 90);
    }
    .table-warning,
    .table-warning > td,
    .table-warning > th {
        background-color: rgb(75, 61, 17);
    }
    .table-warning tbody + tbody,
    .table-warning td,
    .table-warning th,
    .table-warning thead th {
        border-color: rgb(140, 110, 21);
    }
    .table-hover .table-warning:hover {
        background-color: rgb(86, 69, 18);
    }
    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: rgb(86, 69, 18);
    }
    .table-danger,
    .table-danger > td,
    .table-danger > th {
        background-color: rgb(80, 28, 32);
    }
    .table-danger tbody + tbody,
    .table-danger td,
    .table-danger th,
    .table-danger thead th {
        border-color: rgb(116, 35, 40);
    }
    .table-hover .table-danger:hover {
        background-color: rgb(92, 30, 35);
    }
    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: rgb(92, 30, 35);
    }
    .table-light,
    .table-light > td,
    .table-light > th {
        background-color: rgb(37, 38, 38);
    }
    .table-light tbody + tbody,
    .table-light td,
    .table-light th,
    .table-light thead th {
        border-color: rgb(59, 62, 62);
    }
    .table-hover .table-light:hover {
        background-color: rgb(43, 45, 45);
    }
    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: rgb(43, 45, 45);
    }
    .table-dark,
    .table-dark > td,
    .table-dark > th {
        background-color: rgb(65, 68, 68);
    }
    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: rgb(86, 89, 90);
    }
    .table-hover .table-dark:hover {
        background-color: rgb(71, 74, 75);
    }
    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: rgb(71, 74, 75);
    }
    .table-active,
    .table-active > td,
    .table-active > th {
        background-color: rgba(13, 13, 13, 0.07);
    }
    .table-hover .table-active:hover {
        background-color: rgba(13, 13, 13, 0.07);
    }
    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(13, 13, 13, 0.07);
    }
    .table .thead-dark th {
        background-color: rgb(39, 41, 40);
        border-color: rgb(123, 115, 101);
        color: #d1d7e0;
    }
    .table .thead-light th {
        background-color: rgb(46, 48, 47);
        border-color: rgb(66, 69, 69);
        color: #9198a1;
    }
    .table-dark {
        background-color: rgb(39, 41, 40);
        color: #d1d7e0;
    }
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: rgb(123, 115, 101);
    }
    .table-dark.table-bordered {
        border-color: currentcolor;
    }
    .table-dark.table-striped tbody tr:nth-of-type(2n+1) {
        background-color: rgba(36, 37, 37, 0.05);
    }
    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(36, 37, 37, 0.07);
        color: #d1d7e0;
    }
    @media (max-width: 575.98px) {
        .table-responsive-sm > .table-bordered {
            border-color: currentcolor;
        }
    }
    @media (max-width: 767.98px) {
        .table-responsive-md > .table-bordered {
            border-color: currentcolor;
        }
    }
    @media (max-width: 991.98px) {
        .table-responsive-lg > .table-bordered {
            border-color: currentcolor;
        }
    }
    @media (max-width: 1199.98px) {
        .table-responsive-xl > .table-bordered {
            border-color: currentcolor;
        }
    }
    .table-responsive > .table-bordered {
        border-color: currentcolor;
    }
    .form-control {
        background-color: #202831;
        border-color: rgb(70, 73, 73);
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset;
        color: #9198a1;
    }
    .form-control:focus-visible {
        color: transparent;
        text-shadow: rgb(70, 73, 73) 0px 0px 0px;
    }
    .form-control:focus {
        background-color: #202831;
        border-color: rgb(20, 74, 131);
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset;
        color: #9198a1;
        outline-color: currentcolor;
    }
    .form-control::-webkit-input-placeholder {
        color: rgb(170, 161, 148);
    }
    .form-control::placeholder {
        color: rgb(170, 161, 148);
    }
    .form-control::placeholder {
        color: rgb(170, 161, 148);
    }
    .form-control:disabled,
    .form-control[readonly] {
        background-color: rgb(46, 48, 47);
    }
    .form-control-plaintext {
        background-color: transparent;
        border-color: transparent;
        color: #d1d7e0;
    }
    .form-check-input:disabled ~ .form-check-label,
    .form-check-input[disabled] ~ .form-check-label {
        color: rgb(159, 151, 136);
    }
    .valid-feedback {
        color: rgb(112, 207, 127);
    }
    .valid-tooltip {
        background-color: rgba(50, 132, 65, 0.9);
        color: #d1d7e0;
    }
    .form-control.is-valid,
    .was-validated .form-control:valid {
        border-color: rgb(56, 151, 74);
    }
    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: rgb(56, 151, 74);
        box-shadow: rgba(50, 132, 65, 0.25) 0px 0px 0px 0px;
    }
    .custom-select.is-valid,
    .was-validated .custom-select:valid {
        background-color: #202831;
        border-color: rgb(56, 151, 74);
    }
    .custom-select.is-valid:focus,
    .was-validated .custom-select:valid:focus {
        border-color: rgb(56, 151, 74);
        box-shadow: rgba(50, 132, 65, 0.25) 0px 0px 0px 0px;
    }
    .form-check-input.is-valid ~ .form-check-label,
    .was-validated .form-check-input:valid ~ .form-check-label {
        color: rgb(112, 207, 127);
    }
    .custom-control-input.is-valid ~ .custom-control-label,
    .was-validated .custom-control-input:valid ~ .custom-control-label {
        color: rgb(112, 207, 127);
    }
    .custom-control-input.is-valid ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        border-color: rgb(56, 151, 74);
    }
    .custom-control-input.is-valid:checked ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
        background-color: rgb(59, 158, 96);
        border-color: rgb(54, 140, 69);
    }
    .custom-control-input.is-valid:focus ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
        box-shadow: rgba(50, 132, 65, 0.25) 0px 0px 0px 0px;
    }
    .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(56, 151, 74);
    }
    .custom-file-input.is-valid ~ .custom-file-label,
    .was-validated .custom-file-input:valid ~ .custom-file-label {
        border-color: rgb(56, 151, 74);
    }
    .custom-file-input.is-valid:focus ~ .custom-file-label,
    .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
        border-color: rgb(56, 151, 74);
        box-shadow: rgba(50, 132, 65, 0.25) 0px 0px 0px 0px;
    }
    .invalid-feedback {
        color: rgb(208, 82, 91);
    }
    .invalid-tooltip {
        background-color: rgba(155, 44, 53, 0.9);
        color: #d1d7e0;
    }
    .form-control.is-invalid,
    .was-validated .form-control:invalid {
        border-color: rgb(141, 41, 48);
    }
    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: rgb(141, 41, 48);
        box-shadow: rgba(155, 44, 53, 0.25) 0px 0px 0px 0px;
    }
    .custom-select.is-invalid,
    .was-validated .custom-select:invalid {
        background-color: #202831;
        border-color: rgb(141, 41, 48);
    }
    .custom-select.is-invalid:focus,
    .was-validated .custom-select:invalid:focus {
        border-color: rgb(141, 41, 48);
        box-shadow: rgba(155, 44, 53, 0.25) 0px 0px 0px 0px;
    }
    .form-check-input.is-invalid ~ .form-check-label,
    .was-validated .form-check-input:invalid ~ .form-check-label {
        color: rgb(208, 82, 91);
    }
    .custom-control-input.is-invalid ~ .custom-control-label,
    .was-validated .custom-control-input:invalid ~ .custom-control-label {
        color: rgb(208, 82, 91);
    }
    .custom-control-input.is-invalid ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        border-color: rgb(141, 41, 48);
    }
    .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
        background-color: rgb(133, 39, 46);
        border-color: rgb(129, 38, 45);
    }
    .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
        box-shadow: rgba(155, 44, 53, 0.25) 0px 0px 0px 0px;
    }
    .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(141, 41, 48);
    }
    .custom-file-input.is-invalid ~ .custom-file-label,
    .was-validated .custom-file-input:invalid ~ .custom-file-label {
        border-color: rgb(141, 41, 48);
    }
    .custom-file-input.is-invalid:focus ~ .custom-file-label,
    .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
        border-color: rgb(141, 41, 48);
        box-shadow: rgba(155, 44, 53, 0.25) 0px 0px 0px 0px;
    }
    .btn {
        background-color: transparent;
        border-color: transparent;
        color: #d1d7e0;
    }
    .btn:hover {
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    .btn.focus,
    .btn:focus {
        box-shadow: none;
        outline-color: currentcolor;
    }
    .btn.disabled,
    .btn:disabled {
        box-shadow: none;
    }
    .btn:not(:disabled):not(.disabled).active,
    .btn:not(:disabled):not(.disabled):active {
        box-shadow: none;
    }
    .btn-primary {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        box-shadow: none;
        color: #d1d7e0;
    }
    .btn-primary:hover {
        background-color: rgb(22, 89, 160);
        border-color: rgb(23, 97, 177);
        color: #d1d7e0;
    }
    .btn-primary.focus,
    .btn-primary:focus {
        background-color: rgb(22, 89, 160);
        border-color: rgb(23, 97, 177);
        box-shadow: rgba(22, 92, 166, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        background-color: rgb(21, 83, 150);
        border-color: rgb(23, 99, 180);
        color: #d1d7e0;
    }
    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: rgba(22, 92, 166, 0.5) 0px 0px 0px 0px;
    }
    .btn-secondary {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        box-shadow: none;
        color: #d1d7e0;
    }
    .btn-secondary:hover {
        background-color: rgb(82, 85, 86);
        border-color: rgb(115, 107, 94);
        color: #d1d7e0;
    }
    .btn-secondary.focus,
    .btn-secondary:focus {
        background-color: rgb(82, 85, 86);
        border-color: rgb(115, 107, 94);
        box-shadow: rgba(98, 103, 103, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .btn-secondary.disabled,
    .btn-secondary:disabled {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: rgb(78, 81, 81);
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: rgba(98, 103, 103, 0.5) 0px 0px 0px 0px;
    }
    .btn-success {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        box-shadow: none;
        color: #d1d7e0;
    }
    .btn-success:hover {
        background-color: rgb(43, 110, 56);
        border-color: rgb(60, 162, 78);
        color: #d1d7e0;
    }
    .btn-success.focus,
    .btn-success:focus {
        background-color: rgb(43, 110, 56);
        border-color: rgb(60, 162, 78);
        box-shadow: rgba(74, 142, 85, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .btn-success.disabled,
    .btn-success:disabled {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        color: #d1d7e0;
    }
    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show > .btn-success.dropdown-toggle {
        background-color: rgb(41, 102, 53);
        border-color: rgb(61, 164, 80);
        color: #d1d7e0;
    }
    .btn-success:not(:disabled):not(.disabled).active:focus,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .show > .btn-success.dropdown-toggle:focus {
        box-shadow: rgba(74, 142, 85, 0.5) 0px 0px 0px 0px;
    }
    .btn-info {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        box-shadow: none;
        color: #d1d7e0;
    }
    .btn-info:hover {
        background-color: rgb(35, 108, 117);
        border-color: rgb(47, 159, 174);
        color: #d1d7e0;
    }
    .btn-info.focus,
    .btn-info:focus {
        background-color: rgb(35, 108, 117);
        border-color: rgb(47, 159, 174);
        box-shadow: rgba(64, 140, 149, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .btn-info.disabled,
    .btn-info:disabled {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        color: #d1d7e0;
    }
    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show > .btn-info.dropdown-toggle {
        background-color: rgb(34, 101, 109);
        border-color: rgb(48, 161, 176);
        color: #d1d7e0;
    }
    .btn-info:not(:disabled):not(.disabled).active:focus,
    .btn-info:not(:disabled):not(.disabled):active:focus,
    .show > .btn-info.dropdown-toggle:focus {
        box-shadow: rgba(64, 140, 149, 0.5) 0px 0px 0px 0px;
    }
    .btn-warning {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        box-shadow: none;
        color: rgb(202, 195, 185);
    }
    .btn-warning:hover {
        background-color: rgb(174, 135, 23);
        border-color: rgb(185, 145, 24);
        color: rgb(202, 195, 185);
    }
    .btn-warning.focus,
    .btn-warning:focus {
        background-color: rgb(174, 135, 23);
        border-color: rgb(185, 145, 24);
        box-shadow: rgba(173, 138, 33, 0.5) 0px 0px 0px 0px;
        color: rgb(202, 195, 185);
    }
    .btn-warning.disabled,
    .btn-warning:disabled {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        color: rgb(202, 195, 185);
    }
    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show > .btn-warning.dropdown-toggle {
        background-color: rgb(165, 128, 23);
        border-color: rgb(189, 147, 25);
        color: rgb(202, 195, 185);
    }
    .btn-warning:not(:disabled):not(.disabled).active:focus,
    .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
        box-shadow: rgba(173, 138, 33, 0.5) 0px 0px 0px 0px;
    }
    .btn-danger {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        box-shadow: none;
        color: #d1d7e0;
    }
    .btn-danger:hover {
        background-color: rgb(151, 43, 52);
        border-color: rgb(151, 43, 52);
        color: #d1d7e0;
    }
    .btn-danger.focus,
    .btn-danger:focus {
        background-color: rgb(151, 43, 52);
        border-color: rgb(151, 43, 52);
        box-shadow: rgba(140, 41, 49, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .btn-danger.disabled,
    .btn-danger:disabled {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0;
    }
    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show > .btn-danger.dropdown-toggle {
        background-color: rgb(143, 41, 49);
        border-color: rgb(155, 44, 52);
        color: #d1d7e0;
    }
    .btn-danger:not(:disabled):not(.disabled).active:focus,
    .btn-danger:not(:disabled):not(.disabled):active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: rgba(140, 41, 49, 0.5) 0px 0px 0px 0px;
    }
    .btn-light {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        box-shadow: none;
        color: rgb(202, 195, 185);
    }
    .btn-light:hover {
        background-color: rgb(49, 51, 51);
        border-color: rgb(67, 70, 70);
        color: rgb(202, 195, 185);
    }
    .btn-light.focus,
    .btn-light:focus {
        background-color: rgb(49, 51, 51);
        border-color: rgb(67, 70, 70);
        box-shadow: rgba(55, 57, 57, 0.5) 0px 0px 0px 0px;
        color: rgb(202, 195, 185);
    }
    .btn-light.disabled,
    .btn-light:disabled {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active,
    .show > .btn-light.dropdown-toggle {
        background-color: rgb(53, 54, 54);
        border-color: rgb(69, 72, 71);
        color: rgb(202, 195, 185);
    }
    .btn-light:not(:disabled):not(.disabled).active:focus,
    .btn-light:not(:disabled):not(.disabled):active:focus,
    .show > .btn-light.dropdown-toggle:focus {
        box-shadow: rgba(55, 57, 57, 0.5) 0px 0px 0px 0px;
    }
    .btn-dark {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        box-shadow: none;
        color: #d1d7e0;
    }
    .btn-dark:hover {
        background-color: rgb(40, 42, 42);
        border-color: rgb(132, 123, 109);
        color: #d1d7e0;
    }
    .btn-dark.focus,
    .btn-dark:focus {
        background-color: rgb(40, 42, 42);
        border-color: rgb(132, 123, 109);
        box-shadow: rgba(75, 78, 79, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .btn-dark.disabled,
    .btn-dark:disabled {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show > .btn-dark.dropdown-toggle {
        background-color: rgb(36, 38, 38);
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .btn-dark:not(:disabled):not(.disabled).active:focus,
    .btn-dark:not(:disabled):not(.disabled):active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
        box-shadow: rgba(75, 78, 79, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-primary {
        border-color: rgb(22, 91, 164);
        color: rgb(72, 160, 231);
    }
    .btn-outline-primary:hover {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: rgba(23, 102, 185, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        background-color: transparent;
        color: rgb(72, 160, 231);
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-primary.dropdown-toggle {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: rgba(23, 102, 185, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-secondary {
        border-color: rgb(107, 99, 88);
        color: rgb(159, 151, 136);
    }
    .btn-outline-secondary:hover {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: rgba(96, 100, 101, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        background-color: transparent;
        color: rgb(159, 151, 136);
    }
    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-secondary.dropdown-toggle {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: rgba(96, 100, 101, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-success {
        border-color: rgb(56, 151, 74);
        color: rgb(112, 207, 127);
    }
    .btn-outline-success:hover {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        color: #d1d7e0;
    }
    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: rgba(50, 132, 65, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        background-color: transparent;
        color: rgb(112, 207, 127);
    }
    .btn-outline-success:not(:disabled):not(.disabled).active,
    .btn-outline-success:not(:disabled):not(.disabled):active,
    .show > .btn-outline-success.dropdown-toggle {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        color: #d1d7e0;
    }
    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: rgba(50, 132, 65, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-info {
        border-color: rgb(44, 148, 161);
        color: rgb(100, 204, 216);
    }
    .btn-outline-info:hover {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        color: #d1d7e0;
    }
    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: rgba(40, 129, 140, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        background-color: transparent;
        color: rgb(100, 204, 216);
    }
    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show > .btn-outline-info.dropdown-toggle {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        color: #d1d7e0;
    }
    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: rgba(40, 129, 140, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-warning {
        border-color: rgb(171, 134, 23);
        color: rgb(243, 195, 53);
    }
    .btn-outline-warning:hover {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        color: rgb(202, 195, 185);
    }
    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: rgba(148, 115, 22, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        background-color: transparent;
        color: rgb(243, 195, 53);
    }
    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show > .btn-outline-warning.dropdown-toggle {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        color: rgb(202, 195, 185);
    }
    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: rgba(148, 115, 22, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-danger {
        border-color: rgb(141, 41, 48);
        color: rgb(208, 82, 91);
    }
    .btn-outline-danger:hover {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0;
    }
    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
        box-shadow: rgba(155, 44, 53, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        background-color: transparent;
        color: rgb(208, 82, 91);
    }
    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show > .btn-outline-danger.dropdown-toggle {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0;
    }
    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: rgba(155, 44, 53, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-light {
        border-color: rgb(60, 63, 63);
        color: rgb(225, 221, 212);
    }
    .btn-outline-light:hover {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .btn-outline-light.focus,
    .btn-outline-light:focus {
        box-shadow: rgba(39, 40, 40, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        background-color: transparent;
        color: rgb(225, 221, 212);
    }
    .btn-outline-light:not(:disabled):not(.disabled).active,
    .btn-outline-light:not(:disabled):not(.disabled):active,
    .show > .btn-outline-light.dropdown-toggle {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .btn-outline-light:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: rgba(39, 40, 40, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-dark {
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .btn-outline-dark:hover {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
        box-shadow: rgba(54, 56, 56, 0.5) 0px 0px 0px 0px;
    }
    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        background-color: transparent;
        color: #d1d7e0;
    }
    .btn-outline-dark:not(:disabled):not(.disabled).active,
    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show > .btn-outline-dark.dropdown-toggle {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: rgba(54, 56, 56, 0.5) 0px 0px 0px 0px;
    }
    .btn-link {
        color: rgb(72, 160, 231);
        text-decoration-color: currentcolor;
    }
    .btn-link:hover {
        color: rgb(112, 179, 233);
        text-decoration-color: currentcolor;
    }
    .btn-link.focus,
    .btn-link:focus {
        text-decoration-color: currentcolor;
    }
    .btn-link.disabled,
    .btn-link:disabled {
        color: rgb(159, 151, 136);
    }
    .dropdown-toggle::after {
        border-color: currentcolor transparent;
    }
    .dropdown-menu {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.15);
        box-shadow: rgba(13, 13, 13, 0.17) 0px 0.5rem 1rem;
        color: #d1d7e0;
        list-style-image: none;
    }
    .dropup .dropdown-toggle::after {
        border-color: currentcolor transparent;
    }
    .dropright .dropdown-toggle::after {
        border-color: transparent currentcolor;
    }
    .dropleft .dropdown-toggle::before {
        border-bottom-color: transparent;
        border-right-color: currentcolor;
        border-top-color: transparent;
    }
    .dropdown-divider {
        border-top-color: #9198a1;
    }
    .dropdown-item {
        background-color: transparent;
        border-color: currentcolor;
        color: #d1d7e0;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgb(39, 40, 40);
        color: rgb(215, 209, 199);
        text-decoration-color: currentcolor;
    }
    .dropdown-item.active,
    .dropdown-item:active {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    .dropdown-item.disabled,
    .dropdown-item:disabled {
        background-color: transparent;
        color: rgb(159, 151, 136);
    }
    .dropdown-header {
        color: rgb(159, 151, 136);
    }
    .dropdown-item-text {
        color: #d1d7e0;
    }
    .btn-group.show .dropdown-toggle {
        box-shadow: none;
    }
    .btn-group.show .dropdown-toggle.btn-link {
        box-shadow: none;
    }
    .input-group-text {
        background-color: rgb(46, 48, 47);
        border-color: rgb(70, 73, 73);
        color: #9198a1;
    }
    .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        box-shadow: none;
        color: #d1d7e0;
    }
    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(20, 74, 131);
    }
    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(55, 58, 58);
        border-color: rgb(19, 66, 118);
        box-shadow: none;
        color: #d1d7e0;
    }
    .custom-control-input:disabled ~ .custom-control-label,
    .custom-control-input[disabled] ~ .custom-control-label {
        color: rgb(159, 151, 136);
    }
    .custom-control-input:disabled ~ .custom-control-label::before,
    .custom-control-input[disabled] ~ .custom-control-label::before {
        background-color: rgb(46, 48, 47);
    }
    .custom-control-label::before {
        background-color: rgb(51, 53, 53);
        border-color: rgb(78, 82, 82);
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.25rem 0.25rem inset;
    }
    .custom-control-label::after {
        background-color: rgba(13, 13, 13, 0);
        background-image: none;
    }
    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        box-shadow: none;
    }
    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(23, 102, 185, 0.5);
    }
    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgba(23, 102, 185, 0.5);
    }
    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(23, 102, 185, 0.5);
    }
    .custom-switch .custom-control-label::after {
        background-color: rgb(75, 78, 79);
    }
    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(51, 53, 53);
    }
    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(23, 102, 185, 0.5);
    }
    .custom-select {
        background-color: #202831;
        border-color: rgb(70, 73, 73);
        box-shadow: rgba(13, 13, 13, 0.07) 0px 1px 2px inset;
        color: #9198a1;
    }
    .custom-select:focus {
        border-color: rgb(20, 74, 131);
        box-shadow: rgba(13, 13, 13, 0.07) 0px 1px 2px inset;
        outline-color: currentcolor;
    }
    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        background-image: none;
    }
    .custom-select:disabled {
        background-color: rgb(46, 48, 47);
        color: rgb(159, 151, 136);
    }
    .custom-select:focus-visible {
        color: transparent;
        text-shadow: rgb(70, 73, 73) 0px 0px 0px;
    }
    .custom-file-input:focus ~ .custom-file-label {
        border-color: rgb(20, 74, 131);
        box-shadow: none;
    }
    .custom-file-input:disabled ~ .custom-file-label,
    .custom-file-input[disabled] ~ .custom-file-label {
        background-color: rgb(46, 48, 47);
    }
    .custom-file-label {
        background-color: #202831;
        border-color: rgb(70, 73, 73);
        box-shadow: none;
        color: #9198a1;
    }
    .custom-file-label::after {
        background-color: rgb(46, 48, 47);
        border-left-color: inherit;
        color: #9198a1;
    }
    .custom-range {
        background-color: transparent;
    }
    .custom-range:focus {
        outline-color: currentcolor;
    }
    .custom-range:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-range:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-range::-webkit-slider-thumb {
        background-color: rgb(23, 102, 185);
        border-color: currentcolor;
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.1rem 0.25rem;
    }
    .custom-range::-webkit-slider-runnable-track {
        background-color: rgb(51, 53, 53);
        border-color: transparent;
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.25rem 0.25rem inset;
        color: transparent;
    }
    .custom-range::-moz-range-thumb {
        background-color: rgb(23, 102, 185);
        border-color: currentcolor;
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.1rem 0.25rem;
    }
    .custom-range::-moz-range-thumb:active {
        background-color: rgb(55, 58, 58);
    }
    .custom-range::-moz-range-track {
        background-color: rgb(51, 53, 53);
        border-color: transparent;
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.25rem 0.25rem inset;
        color: transparent;
    }
    .custom-range:disabled::-webkit-slider-thumb {
        background-color: rgb(75, 78, 79);
    }
    .custom-range:disabled::-moz-range-thumb {
        background-color: rgb(75, 78, 79);
    }
    .nav {
        list-style-image: none;
    }
    .nav-link:focus,
    .nav-link:hover {
        text-decoration-color: currentcolor;
    }
    .nav-link.disabled {
        color: rgb(159, 151, 136);
    }
    .nav-tabs {
        border-bottom-color: rgb(66, 69, 69);
    }
    .nav-tabs .nav-link {
        border-color: transparent;
    }
    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: #9198a1 #9198a1 rgb(66, 69, 69);
    }
    .nav-tabs .nav-link.disabled {
        background-color: transparent;
        border-color: transparent;
        color: rgb(159, 151, 136);
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background-color: #202831;
        border-color: rgb(66, 69, 69) rgb(66, 69, 69) rgb(58, 61, 61);
        color: #9198a1;
    }
    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration-color: currentcolor;
    }
    .navbar-nav {
        list-style-image: none;
    }
    .navbar-toggler {
        background-color: transparent;
        border-color: transparent;
    }
    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration-color: currentcolor;
    }
    .navbar-toggler-icon {
        background-color: rgba(13, 13, 13, 0);
        background-image: none;
    }
    .navbar-light .navbar-brand {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(229, 224, 216, 0.5);
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #d1d7e0;
    }
    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(229, 224, 216, 0.3);
    }
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-light .navbar-toggler {
        border-color: rgba(143, 132, 117, 0.1);
        color: rgba(229, 224, 216, 0.5);
    }
    .navbar-light .navbar-text {
        color: rgba(229, 224, 216, 0.5);
    }
    .navbar-light .navbar-text a {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-light .navbar-text a:focus,
    .navbar-light .navbar-text a:hover {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-dark .navbar-brand {
        color: #d1d7e0;
    }
    .navbar-dark .navbar-brand:focus,
    .navbar-dark .navbar-brand:hover {
        color: #d1d7e0;
    }
    .navbar-dark .navbar-nav .nav-link {
        color: rgba(229, 224, 216, 0.75);
    }
    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #d1d7e0;
    }
    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(229, 224, 216, 0.25);
    }
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show > .nav-link {
        color: #d1d7e0;
    }
    .navbar-dark .navbar-toggler {
        border-color: rgba(58, 61, 61, 0.1);
        color: rgba(229, 224, 216, 0.75);
    }
    .navbar-dark .navbar-text {
        color: rgba(229, 224, 216, 0.75);
    }
    .navbar-dark .navbar-text a {
        color: #d1d7e0;
    }
    .navbar-dark .navbar-text a:focus,
    .navbar-dark .navbar-text a:hover {
        color: #d1d7e0;
    }
    .card {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.13);
    }
    .card > .list-group {
        border-bottom-color: inherit;
        border-top-color: inherit;
    }
    .card > .card-header + .list-group,
    .card > .list-group + .card-footer {
        border-top-color: currentcolor;
    }
    .card-link:hover {
        text-decoration-color: currentcolor;
    }
    .card-header {
        background-color: rgba(13, 13, 13, 0.03);
        border-bottom-color: rgba(143, 132, 117, 0.13);
    }
    .card-footer {
        background-color: rgba(13, 13, 13, 0.03);
        border-top-color: rgba(143, 132, 117, 0.13);
    }
    .card-header-tabs {
        border-bottom-color: currentcolor;
    }
    @media (min-width: 576px) {
        .card-group > .card + .card {
            border-left-color: currentcolor;
        }
    }
    .accordion > .card:not(:last-of-type) {
        border-bottom-color: currentcolor;
    }
    .breadcrumb {
        background-color: rgb(46, 48, 47);
        list-style-image: none;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        color: rgb(159, 151, 136);
    }
    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration-color: currentcolor;
    }
    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration-color: currentcolor;
    }
    .breadcrumb-item.active {
        color: rgb(159, 151, 136);
    }
    .pagination {
        list-style-image: none;
    }
    .page-link {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(72, 160, 231);
    }
    .page-link:hover {
        background-color: rgb(46, 48, 47);
        border-color: rgb(66, 69, 69);
        color: rgb(112, 179, 233);
        text-decoration-color: currentcolor;
    }
    .page-link:focus {
        box-shadow: rgba(23, 102, 185, 0.25) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .page-item.active .page-link {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .page-item.disabled .page-link {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    a.badge:focus,
    a.badge:hover {
        text-decoration-color: currentcolor;
    }
    .badge-primary {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    a.badge-primary:focus,
    a.badge-primary:hover {
        background-color: rgb(21, 83, 150);
        color: #d1d7e0;
    }
    a.badge-primary.focus,
    a.badge-primary:focus {
        box-shadow: rgba(23, 102, 185, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-secondary {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    a.badge-secondary:focus,
    a.badge-secondary:hover {
        background-color: rgb(78, 81, 81);
        color: #d1d7e0;
    }
    a.badge-secondary.focus,
    a.badge-secondary:focus {
        box-shadow: rgba(96, 100, 101, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-success {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    a.badge-success:focus,
    a.badge-success:hover {
        background-color: rgb(41, 102, 53);
        color: #d1d7e0;
    }
    a.badge-success.focus,
    a.badge-success:focus {
        box-shadow: rgba(50, 132, 65, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-info {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    a.badge-info:focus,
    a.badge-info:hover {
        background-color: rgb(34, 101, 109);
        color: #d1d7e0;
    }
    a.badge-info.focus,
    a.badge-info:focus {
        box-shadow: rgba(40, 129, 140, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-warning {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    a.badge-warning:focus,
    a.badge-warning:hover {
        background-color: rgb(165, 128, 23);
        color: rgb(202, 195, 185);
    }
    a.badge-warning.focus,
    a.badge-warning:focus {
        box-shadow: rgba(148, 115, 22, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-danger {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    a.badge-danger:focus,
    a.badge-danger:hover {
        background-color: rgb(143, 41, 49);
        color: #d1d7e0;
    }
    a.badge-danger.focus,
    a.badge-danger:focus {
        box-shadow: rgba(155, 44, 53, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-light {
        background-color: rgb(39, 40, 40);
        color: rgb(202, 195, 185);
    }
    a.badge-light:focus,
    a.badge-light:hover {
        background-color: rgb(53, 54, 54);
        color: rgb(202, 195, 185);
    }
    a.badge-light.focus,
    a.badge-light:focus {
        box-shadow: rgba(39, 40, 40, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-dark {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    a.badge-dark:focus,
    a.badge-dark:hover {
        background-color: rgb(36, 38, 38);
        color: #d1d7e0;
    }
    a.badge-dark.focus,
    a.badge-dark:focus {
        box-shadow: rgba(54, 56, 56, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .jumbotron {
        background-color: rgb(46, 48, 47);
    }
    .alert {
        border-color: transparent;
    }
    .alert-heading {
        color: inherit;
    }
    .alert-dismissible .close,
    .alert-dismissible .mailbox-attachment-close {
        color: inherit;
    }
    .alert-primary {
        background-color: rgb(49, 51, 51);
        border-color: rgb(19, 66, 117);
        color: rgb(136, 191, 235);
    }
    .alert-primary hr {
        border-top-color: rgb(20, 70, 123);
    }
    .alert-primary .alert-link {
        color: rgb(205, 199, 188);
    }
    .alert-secondary {
        background-color: rgb(51, 52, 52);
        border-color: rgb(69, 72, 71);
        color: rgb(193, 186, 174);
    }
    .alert-secondary hr {
        border-top-color: rgb(72, 75, 75);
    }
    .alert-secondary .alert-link {
        color: rgb(208, 202, 192);
    }
    .alert-success {
        background-color: rgb(40, 68, 50);
        border-color: rgb(52, 93, 59);
        color: rgb(161, 221, 168);
    }
    .alert-success hr {
        border-top-color: rgb(54, 99, 61);
    }
    .alert-success .alert-link {
        color: rgb(212, 206, 196);
    }
    .alert-info {
        background-color: rgb(35, 66, 71);
        border-color: rgb(46, 93, 97);
        color: rgb(153, 219, 225);
    }
    .alert-info hr {
        border-top-color: rgb(48, 97, 103);
    }
    .alert-info .alert-link {
        color: rgb(212, 206, 196);
    }
    .alert-warning {
        background-color: rgb(68, 55, 16);
        border-color: rgb(124, 97, 20);
        color: rgb(242, 210, 121);
    }
    .alert-warning hr {
        border-top-color: rgb(130, 103, 21);
    }
    .alert-warning .alert-link {
        color: rgb(204, 197, 187);
    }
    .alert-danger {
        background-color: rgb(71, 26, 29);
        border-color: rgb(103, 32, 38);
        color: rgb(215, 139, 142);
    }
    .alert-danger hr {
        border-top-color: rgb(108, 34, 40);
    }
    .alert-danger .alert-link {
        color: #d1d7e0;
    }
    .alert-light {
        background-color: rgb(37, 38, 38);
        border-color: rgb(45, 45, 72);
        color: rgb(155, 145, 131);
    }
    .alert-light hr {
        border-top-color: rgb(46, 46, 77);
    }
    .alert-light .alert-link {
        color: rgb(167, 159, 145);
    }
    .alert-dark {
        background-color: rgb(56, 59, 59);
        border-color: rgb(73, 76, 76);
        color: rgb(211, 205, 196);
    }
    .alert-dark hr {
        border-top-color: rgb(76, 80, 79);
    }
    .alert-dark .alert-link {
        color: rgb(226, 221, 213);
    }
    .progress {
        background-color: rgb(46, 48, 47);
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.1rem 0.1rem inset;
    }
    .progress-bar {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.15) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.15) 50%, rgba(36, 37, 37, 0.15) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .list-group-item-action {
        color: #9198a1;
    }
    .list-group-item-action:focus,
    .list-group-item-action:hover {
        background-color: rgb(39, 40, 40);
        color: #9198a1;
        text-decoration-color: currentcolor;
    }
    .list-group-item-action:active {
        background-color: rgb(46, 48, 47);
        color: #d1d7e0;
    }
    .list-group-item {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.13);
    }
    .list-group-item.disabled,
    .list-group-item:disabled {
        background-color: #202831;
        color: rgb(159, 151, 136);
    }
    .list-group-item.active {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .list-group-item-primary {
        background-color: rgb(55, 57, 57);
        color: rgb(136, 191, 235);
    }
    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        background-color: rgb(61, 63, 63);
        color: rgb(136, 191, 235);
    }
    .list-group-item-primary.list-group-item-action.active {
        background-color: rgb(19, 59, 102);
        border-color: rgb(24, 107, 194);
        color: #d1d7e0;
    }
    .list-group-item-secondary {
        background-color: rgb(56, 59, 58);
        color: rgb(193, 186, 174);
    }
    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        background-color: #9198a1;
        color: rgb(193, 186, 174);
    }
    .list-group-item-secondary.list-group-item-action.active {
        background-color: rgb(56, 58, 58);
        border-color: rgb(124, 115, 102);
        color: #d1d7e0;
    }
    .list-group-item-success {
        background-color: rgb(44, 77, 56);
        color: rgb(161, 221, 168);
    }
    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        background-color: rgb(49, 87, 62);
        color: rgb(161, 221, 168);
    }
    .list-group-item-success.list-group-item-action.active {
        background-color: rgb(33, 75, 40);
        border-color: rgb(63, 172, 83);
        color: #d1d7e0;
    }
    .list-group-item-info {
        background-color: rgb(40, 77, 81);
        color: rgb(153, 219, 225);
    }
    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        background-color: rgb(44, 86, 90);
        color: rgb(153, 219, 225);
    }
    .list-group-item-info.list-group-item-action.active {
        background-color: rgb(28, 73, 79);
        border-color: rgb(50, 168, 184);
        color: #d1d7e0;
    }
    .list-group-item-warning {
        background-color: rgb(75, 61, 17);
        color: rgb(242, 210, 121);
    }
    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        background-color: rgb(86, 69, 18);
        color: rgb(242, 210, 121);
    }
    .list-group-item-warning.list-group-item-action.active {
        background-color: rgb(108, 86, 22);
        border-color: rgb(200, 156, 30);
        color: #d1d7e0;
    }
    .list-group-item-danger {
        background-color: rgb(80, 28, 32);
        color: rgb(215, 139, 142);
    }
    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        background-color: rgb(92, 30, 35);
        color: rgb(215, 139, 142);
    }
    .list-group-item-danger.list-group-item-action.active {
        background-color: rgb(92, 35, 40);
        border-color: rgb(162, 56, 63);
        color: #d1d7e0;
    }
    .list-group-item-light {
        background-color: rgb(37, 38, 38);
        color: rgb(155, 145, 131);
    }
    .list-group-item-light.list-group-item-action:focus,
    .list-group-item-light.list-group-item-action:hover {
        background-color: rgb(43, 45, 45);
        color: rgb(155, 145, 131);
    }
    .list-group-item-light.list-group-item-action.active {
        background-color: rgb(102, 107, 108);
        border-color: rgb(91, 95, 96);
        color: #d1d7e0;
    }
    .list-group-item-dark {
        background-color: rgb(65, 68, 68);
        color: rgb(211, 205, 196);
    }
    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        background-color: rgb(71, 74, 75);
        color: rgb(211, 205, 196);
    }
    .list-group-item-dark.list-group-item-action.active {
        background-color: rgb(35, 35, 35);
        border-color: rgb(133, 124, 110);
        color: #d1d7e0;
    }
    .close,
    .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: #202831 0px 1px 0px;
    }
    .close:hover,
    .mailbox-attachment-close:hover {
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    button.close,
    button.mailbox-attachment-close {
        background-color: transparent;
        border-color: currentcolor;
    }
    .toast {
        background-color: rgba(36, 37, 37, 0.85);
        border-color: rgba(143, 132, 117, 0.1);
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.25rem 0.75rem;
    }
    .toast-header {
        background-color: rgba(36, 37, 37, 0.85);
        border-bottom-color: rgba(143, 132, 117, 0.05);
        color: rgb(159, 151, 136);
    }
    .modal {
        outline-color: currentcolor;
    }
    .modal-content {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.2);
        box-shadow: rgba(13, 13, 13, 0.5) 0px 0.25rem 0.5rem;
        outline-color: currentcolor;
    }
    .modal-backdrop {
        background-color: rgb(13, 13, 13);
    }
    .modal-header {
        border-bottom-color: #9198a1;
    }
    .modal-footer {
        border-top-color: #9198a1;
    }
    @media (min-width: 576px) {
        .modal-content {
            box-shadow: rgba(13, 13, 13, 0.5) 0px 0.5rem 1rem;
        }
    }
    .tooltip {
        text-decoration-color: currentcolor;
        text-shadow: none;
    }
    .tooltip .arrow::before {
        border-color: transparent;
    }
    .bs-tooltip-auto[x-placement^="top"] .arrow::before,
    .bs-tooltip-top .arrow::before {
        border-top-color: rgb(143, 132, 117);
    }
    .bs-tooltip-auto[x-placement^="right"] .arrow::before,
    .bs-tooltip-right .arrow::before {
        border-right-color: rgb(143, 132, 117);
    }
    .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
    .bs-tooltip-bottom .arrow::before {
        border-bottom-color: rgb(143, 132, 117);
    }
    .bs-tooltip-auto[x-placement^="left"] .arrow::before,
    .bs-tooltip-left .arrow::before {
        border-left-color: rgb(143, 132, 117);
    }
    .tooltip-inner {
        background-color: rgb(13, 13, 13);
        color: #d1d7e0;
    }
    .popover {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.2);
        box-shadow: rgba(13, 13, 13, 0.2) 0px 0.25rem 0.5rem;
        text-decoration-color: currentcolor;
        text-shadow: none;
    }
    .popover .arrow::after,
    .popover .arrow::before {
        border-color: transparent;
    }
    .bs-popover-auto[x-placement^="top"] > .arrow::before,
    .bs-popover-top > .arrow::before {
        border-top-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="top"] > .arrow::after,
    .bs-popover-top > .arrow::after {
        border-top-color: rgb(58, 61, 61);
    }
    .bs-popover-auto[x-placement^="right"] > .arrow::before,
    .bs-popover-right > .arrow::before {
        border-right-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="right"] > .arrow::after,
    .bs-popover-right > .arrow::after {
        border-right-color: rgb(58, 61, 61);
    }
    .bs-popover-auto[x-placement^="bottom"] > .arrow::before,
    .bs-popover-bottom > .arrow::before {
        border-bottom-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
    .bs-popover-bottom > .arrow::after {
        border-bottom-color: rgb(58, 61, 61);
    }
    .bs-popover-auto[x-placement^="bottom"] .popover-header::before,
    .bs-popover-bottom .popover-header::before {
        border-bottom-color: rgb(60, 63, 63);
    }
    .bs-popover-auto[x-placement^="left"] > .arrow::before,
    .bs-popover-left > .arrow::before {
        border-left-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="left"] > .arrow::after,
    .bs-popover-left > .arrow::after {
        border-left-color: rgb(58, 61, 61);
    }
    .popover-header {
        background-color: rgb(40, 41, 41);
        border-bottom-color: rgb(64, 66, 66);
        color: inherit;
    }
    .popover-body {
        color: #d1d7e0;
    }
    .carousel-control-next,
    .carousel-control-prev {
        color: #d1d7e0;
    }
    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        color: #d1d7e0;
        outline-color: currentcolor;
        text-decoration-color: currentcolor;
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        background-color: rgba(13, 13, 13, 0);
        background-image: none;
    }
    .carousel-indicators {
        list-style-image: none;
    }
    .carousel-indicators li {
        background-color: #202831;
        border-bottom-color: transparent;
        border-top-color: transparent;
    }
    .carousel-caption {
        color: #d1d7e0;
    }
    .spinner-border {
        border-color: currentcolor transparent currentcolor currentcolor;
    }
    .spinner-grow {
        background-color: currentcolor;
    }
    .bg-primary {
        background-color: rgb(23, 102, 185) !important;
    }
    a.bg-primary:focus,
    a.bg-primary:hover,
    button.bg-primary:focus,
    button.bg-primary:hover {
        background-color: rgb(21, 83, 150) !important;
    }
    .bg-secondary {
        background-color: rgb(96, 100, 101) !important;
    }
    a.bg-secondary:focus,
    a.bg-secondary:hover,
    button.bg-secondary:focus,
    button.bg-secondary:hover {
        background-color: rgb(78, 81, 81) !important;
    }
    .bg-success {
        background-color: rgb(50, 132, 65) !important;
    }
    a.bg-success:focus,
    a.bg-success:hover,
    button.bg-success:focus,
    button.bg-success:hover {
        background-color: rgb(41, 102, 53) !important;
    }
    .bg-info {
        background-color: rgb(40, 129, 140) !important;
    }
    a.bg-info:focus,
    a.bg-info:hover,
    button.bg-info:focus,
    button.bg-info:hover {
        background-color: rgb(34, 101, 109) !important;
    }
    .bg-warning {
        background-color: rgb(148, 115, 22) !important;
    }
    a.bg-warning:focus,
    a.bg-warning:hover,
    button.bg-warning:focus,
    button.bg-warning:hover {
        background-color: rgb(165, 128, 23) !important;
    }
    .bg-danger {
        background-color: rgb(155, 44, 53) !important;
    }
    a.bg-danger:focus,
    a.bg-danger:hover,
    button.bg-danger:focus,
    button.bg-danger:hover {
        background-color: rgb(143, 41, 49) !important;
    }
    .bg-light {
        background-color: rgb(39, 40, 40) !important;
    }
    a.bg-light:focus,
    a.bg-light:hover,
    button.bg-light:focus,
    button.bg-light:hover {
        background-color: rgb(53, 54, 54) !important;
    }
    .bg-dark {
        background-color: rgb(54, 56, 56) !important;
    }
    a.bg-dark:focus,
    a.bg-dark:hover,
    button.bg-dark:focus,
    button.bg-dark:hover {
        background-color: rgb(36, 38, 38) !important;
    }
    .bg-white {
        background-color: #202831 !important;
    }
    .bg-transparent {
        background-color: transparent !important;
    }
    .border {
        border-color: rgb(66, 69, 69) !important;
    }
    .border-top {
        border-top-color: rgb(66, 69, 69) !important;
    }
    .border-right {
        border-right-color: rgb(66, 69, 69) !important;
    }
    .border-bottom {
        border-bottom-color: rgb(66, 69, 69) !important;
    }
    .border-left {
        border-left-color: rgb(66, 69, 69) !important;
    }
    .border-0 {
        border-color: currentcolor !important;
    }
    .border-top-0 {
        border-top-color: currentcolor !important;
    }
    .border-right-0 {
        border-right-color: currentcolor !important;
    }
    .border-bottom-0 {
        border-bottom-color: currentcolor !important;
    }
    .border-left-0 {
        border-left-color: currentcolor !important;
    }
    .border-primary {
        border-color: rgb(22, 91, 164) !important;
    }
    .border-secondary {
        border-color: rgb(107, 99, 88) !important;
    }
    .border-success {
        border-color: rgb(56, 151, 74) !important;
    }
    .border-info {
        border-color: rgb(44, 148, 161) !important;
    }
    .border-warning {
        border-color: rgb(171, 134, 23) !important;
    }
    .border-danger {
        border-color: rgb(141, 41, 48) !important;
    }
    .border-light {
        border-color: rgb(60, 63, 63) !important;
    }
    .border-dark {
        border-color: rgb(125, 116, 102) !important;
    }
    .border-white {
        border-color: rgb(58, 61, 61) !important;
    }
    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        border-color: currentcolor;
    }
    .sr-only {
        border-color: currentcolor;
    }
    .shadow-sm {
        box-shadow: rgba(13, 13, 13, 0.07) 0px 0.125rem 0.25rem !important;
    }
    .shadow {
        box-shadow: rgba(13, 13, 13, 0.15) 0px 0.5rem 1rem !important;
    }
    .shadow-lg {
        box-shadow: rgba(13, 13, 13, 0.17) 0px 1rem 3rem !important;
    }
    .shadow-none {
        box-shadow: none !important;
    }
    .stretched-link::after {
        background-color: rgba(13, 13, 13, 0);
    }
    .text-white {
        color: #d1d7e0 !important;
    }
    .text-primary {
        color: rgb(72, 160, 231) !important;
    }
    a.text-primary:focus,
    a.text-primary:hover {
        color: rgb(112, 179, 233) !important;
    }
    .text-secondary {
        color: rgb(159, 151, 136) !important;
    }
    a.text-secondary:focus,
    a.text-secondary:hover {
        color: rgb(182, 175, 163) !important;
    }
    .text-success {
        color: rgb(112, 207, 127) !important;
    }
    a.text-success:focus,
    a.text-success:hover {
        color: rgb(150, 219, 159) !important;
    }
    .text-info {
        color: rgb(100, 204, 216) !important;
    }
    a.text-info:focus,
    a.text-info:hover {
        color: rgb(142, 215, 223) !important;
    }
    .text-warning {
        color: rgb(243, 195, 53) !important;
    }
    a.text-warning:focus,
    a.text-warning:hover {
        color: rgb(244, 204, 90) !important;
    }
    .text-danger {
        color: rgb(208, 82, 91) !important;
    }
    a.text-danger:focus,
    a.text-danger:hover {
        color: rgb(213, 105, 111) !important;
    }
    .text-light {
        color: rgb(225, 221, 212) !important;
    }
    a.text-light:focus,
    a.text-light:hover {
        color: rgb(203, 196, 186) !important;
    }
    .text-dark {
        color: #d1d7e0 !important;
    }
    a.text-dark:focus,
    a.text-dark:hover {
        color: rgb(217, 211, 203) !important;
    }
    .text-body {
        color: #d1d7e0 !important;
    }
    .text-muted {
        color: rgb(159, 151, 136) !important;
    }
    .text-black-50 {
        color: rgba(229, 224, 216, 0.5) !important;
    }
    .text-white-50 {
        color: rgba(229, 224, 216, 0.5) !important;
    }
    .text-hide {
        background-color: transparent;
        border-color: currentcolor;
        color: transparent;
        text-shadow: none;
    }
    .text-decoration-none {
        text-decoration-color: currentcolor !important;
    }
    .text-reset {
        color: inherit !important;
    }
    .dark-mode :root {
        --blue: #3f6791;
        --cyan: #3498db;
        --danger: #e74c3c;
        --dark: #343a40;
        --fuchsia: #f672d8;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --green: #00bc8c;
        --indigo: #6610f2;
        --info: #3498db;
        --light: #f8f9fa;
        --lightblue: #86bad8;
        --lime: #67ffa9;
        --maroon: #ed6c9b;
        --navy: #002c59;
        --olive: #74c8a3;
        --orange: #fd7e14;
        --pink: #e83e8c;
        --primary: #3f6791;
        --purple: #6f42c1;
        --red: #e74c3c;
        --secondary: #6c757d;
        --success: #00bc8c;
        --teal: #20c997;
        --warning: #f39c12;
        --white: #fff;
        --yellow: #f39c12;
    }
    .preloader {
        background-color: rgb(40, 41, 41);
    }
    .dark-mode .preloader {
        background-color: rgb(68, 71, 71) !important;
        color: #d1d7e0;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    @media (min-width: 576px) {
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    @media (min-width: 768px) {
        .layout-md-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    @media (min-width: 992px) {
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    @media (min-width: 1200px) {
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    .content-wrapper {
        background-color: #151b23;
    }
    .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar,
    .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar::before {
        box-shadow: none !important;
    }
    @media (max-width: 767.98px) {
        .main-sidebar,
        .main-sidebar::before {
            box-shadow: none !important;
        }
    }
    .layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-thumb {
        background-color: rgb(82, 85, 86);
    }
    .layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-corner {
        background-color: transparent;
    }
    .layout-fixed .control-sidebar .control-sidebar-content {
        scrollbar-color: rgb(178, 170, 158) rgb(82, 85, 86);
    }
    .main-footer {
        background-color: #151b23;
        border-top-color: white;
        /*! color: rgb(163, 154, 140); */
    }
    .content-header .breadcrumb {
        background-color: transparent;
    }
    .dark-mode {
        background-color: rgb(68, 71, 71) !important;
        color: #d1d7e0;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: rgb(54, 56, 56);
    }
    .layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #202831;
    }
    @media (min-width: 576px) {
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    @media (min-width: 768px) {
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    @media (min-width: 992px) {
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    @media (min-width: 1200px) {
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
            background-color: rgb(54, 56, 56);
        }
        .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
            background-color: #202831;
        }
    }
    .dark-mode .breadcrumb-item + .breadcrumb-item::before,
    .dark-mode .breadcrumb-item.active {
        color: rgb(185, 177, 166);
    }
    .dark-mode .main-footer {
        background-color: rgb(54, 56, 56);
        border-color: rgb(117, 109, 96);
    }
    .dark-mode .content-wrapper {
        background-color: rgb(68, 71, 71);
        color: #d1d7e0;
    }
    .dark-mode .content-wrapper .content-header {
        color: #d1d7e0;
    }
    .main-header {
        border-bottom-color: rgb(66, 69, 69);
    }
    .btn-navbar {
        background-color: transparent;
    }
    .navbar-dark .btn-navbar,
    .navbar-dark .form-control-navbar {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
    }
    .navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-dark .form-control-navbar:focus,
    .navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(70, 73, 73);
        border-color: rgb(107, 99, 88) !important;
        color: rgb(204, 197, 187);
    }
    .navbar-light .btn-navbar,
    .navbar-light .form-control-navbar {
        background-color: rgb(53, 55, 55);
        border-color: rgb(70, 73, 73);
    }
    .navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-light .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-light .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-light .form-control-navbar:focus,
    .navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(55, 58, 58);
        border-color: rgb(71, 74, 75) !important;
        color: rgb(204, 197, 187);
    }
    .navbar-light .navbar-search-block .form-control-navbar:focus,
    .navbar-light .navbar-search-block .form-control-navbar:focus + .input-group-append .btn-navbar {
        color: rgba(229, 224, 216, 0.6);
    }
    .navbar-search-block {
        background-color: initial;
    }
    .brand-link:hover {
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    [class*="sidebar-dark"] .brand-link {
        border-bottom-color: rgb(117, 109, 96);
    }
    [class*="sidebar-dark"] .brand-link,
    [class*="sidebar-dark"] .brand-link .pushmenu {
        color: rgba(229, 224, 216, 0.8);
    }
    [class*="sidebar-dark"] .brand-link .pushmenu:hover,
    [class*="sidebar-dark"] .brand-link:hover {
        color: #d1d7e0;
    }
    [class*="sidebar-light"] .brand-link {
        border-bottom-color: #151b23;
    }
    [class*="sidebar-light"] .brand-link,
    [class*="sidebar-light"] .brand-link .pushmenu {
        color: rgba(229, 224, 216, 0.8);
    }
    [class*="sidebar-light"] .brand-link .pushmenu:hover,
    [class*="sidebar-light"] .brand-link:hover {
        color: #d1d7e0;
    }
    .brand-link .brand-link {
        border-bottom-color: currentcolor;
    }
    .main-sidebar a:focus-visible {
        border-color: currentcolor;
        outline-color: currentcolor;
    }
    .sidebar::-webkit-scrollbar-thumb {
        background-color: rgb(82, 85, 86);
    }
    .sidebar::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .sidebar::-webkit-scrollbar-corner {
        background-color: transparent;
    }
    .sidebar {
        scrollbar-color: rgb(178, 170, 158) rgb(82, 85, 86);
    }
    [class*="sidebar-dark"] .user-panel {
        border-bottom-color: rgb(116, 108, 95);
    }
    [class*="sidebar-light"] .user-panel {
        border-bottom-color: rgb(66, 69, 69);
    }
    .nav-sidebar .nav-treeview {
        list-style-image: none;
    }
    #sidebar-overlay {
        background-color: rgba(13, 13, 13, 0.1);
    }
    [class*="sidebar-light-"] {
        background-color: #151b23;
    }
    [class*="sidebar-light-"] .user-panel a:hover {
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .user-panel .status {
        background-color: rgba(13, 13, 13, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .user-panel .status:active,
    [class*="sidebar-light-"] .user-panel .status:focus,
    [class*="sidebar-light-"] .user-panel .status:hover {
        background-color: rgba(13, 13, 13, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .user-panel .dropdown-menu {
        border-color: rgba(143, 132, 117, 0.1);
        box-shadow: rgba(13, 13, 13, 0.4) 0px 2px 4px;
    }
    [class*="sidebar-light-"] .user-panel .dropdown-item {
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:active,
    [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:focus {
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
    [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
        background-color: rgba(46, 46, 46, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active {
        box-shadow: rgba(13, 13, 13, 0.12) 0px 1px 3px, rgba(13, 13, 13, 0.24) 0px 1px 2px;
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview {
        background-color: transparent;
    }
    [class*="sidebar-light-"] .nav-header {
        background-color: inherit;
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .sidebar a {
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .sidebar a:hover {
        text-decoration-color: currentcolor;
    }
    [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
        color: rgb(158, 149, 135);
    }
    [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus,
    [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
        background-color: rgba(13, 13, 13, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active,
    [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
        background-color: rgba(13, 13, 13, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
        background-color: rgba(13, 13, 13, 0.1);
    }
    [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
        border-color: rgba(143, 132, 117, 0.1);
    }
    [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link,
    [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
        border-color: rgba(143, 132, 117, 0.1);
    }
    [class*="sidebar-dark-"] {
        background-color: rgb(54, 56, 56);
    }
    [class*="sidebar-dark-"] .user-panel a:hover {
        color: #d1d7e0;
    }
    [class*="sidebar-dark-"] .user-panel .status {
        background-color: rgba(36, 37, 37, 0.1);
        color: rgb(197, 190, 179);
    }
    [class*="sidebar-dark-"] .user-panel .status:active,
    [class*="sidebar-dark-"] .user-panel .status:focus,
    [class*="sidebar-dark-"] .user-panel .status:hover {
        background-color: rgba(40, 41, 41, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-dark-"] .user-panel .dropdown-menu {
        border-color: rgba(62, 64, 64, 0.1);
        box-shadow: rgba(13, 13, 13, 0.4) 0px 2px 4px;
    }
    [class*="sidebar-dark-"] .user-panel .dropdown-item {
        color: #d1d7e0;
    }
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active {
        color: rgb(197, 190, 179);
    }
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
        background-color: rgba(36, 37, 37, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
        box-shadow: rgba(13, 13, 13, 0.12) 0px 1px 3px, rgba(13, 13, 13, 0.24) 0px 1px 2px;
        color: #d1d7e0;
    }
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview {
        background-color: transparent;
    }
    [class*="sidebar-dark-"] .nav-header {
        background-color: inherit;
        color: rgb(205, 199, 188);
    }
    [class*="sidebar-dark-"] .sidebar a {
        color: rgb(197, 190, 179);
    }
    [class*="sidebar-dark-"] .sidebar a:focus,
    [class*="sidebar-dark-"] .sidebar a:hover {
        text-decoration-color: currentcolor;
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
        color: rgb(197, 190, 179);
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus,
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover {
        background-color: rgba(36, 37, 37, 0.1);
        color: #d1d7e0;
    }
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus,
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
        background-color: rgba(36, 37, 37, 0.9);
        color: #d1d7e0;
    }
    [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
        border-color: rgba(58, 61, 61, 0.9);
    }
    [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link,
    [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
        border-color: rgba(58, 61, 61, 0.9);
    }
    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(22, 91, 164);
    }
    .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(107, 99, 88);
    }
    .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(56, 151, 74);
    }
    .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(44, 148, 161);
    }
    .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(171, 134, 23);
    }
    .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(141, 41, 48);
    }
    .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(39, 40, 40);
        color: rgb(202, 195, 185);
    }
    .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(60, 63, 63);
    }
    .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(125, 116, 102);
    }
    .sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(64, 115, 143);
        color: #d1d7e0;
    }
    .sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(60, 106, 131);
    }
    .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(16, 36, 55);
        color: #d1d7e0;
    }
    .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(133, 123, 109);
    }
    .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(65, 122, 94);
        color: #d1d7e0;
    }
    .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(70, 135, 103);
    }
    .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(29, 192, 119);
        color: rgb(202, 195, 185);
    }
    .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(27, 169, 85);
    }
    .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(177, 32, 141);
        color: #d1d7e0;
    }
    .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(157, 30, 126);
    }
    .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(162, 39, 81);
        color: #d1d7e0;
    }
    .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(153, 37, 77);
    }
    .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(22, 91, 164);
    }
    .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(76, 26, 153);
    }
    .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(83, 56, 127);
    }
    .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(142, 35, 81);
    }
    .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(141, 41, 48);
    }
    .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(164, 87, 21);
    }
    .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(171, 134, 23);
    }
    .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(56, 151, 74);
    }
    .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(47, 155, 120);
    }
    .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(44, 148, 161);
    }
    .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(58, 61, 61);
    }
    .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(107, 99, 88);
    }
    .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
    .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(125, 116, 102);
    }
    .nav-flat.nav-child-indent .nav-treeview .nav-treeview {
        border-left-color: currentcolor;
    }
    .nav-flat.nav-sidebar > .nav-item .nav-treeview,
    .nav-flat.nav-sidebar > .nav-item > .nav-treeview {
        background-color: rgba(36, 37, 37, 0.05);
    }
    .nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link,
    .nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
        border-left-color: currentcolor;
    }
    .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
        background-color: inherit;
        border-left-color: transparent;
        box-shadow: none;
    }
    [class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
    [class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
        background-color: rgba(36, 37, 37, 0.05);
    }
    [class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
        color: #d1d7e0;
    }
    [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active,
    [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus,
    [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
        background-color: transparent;
        color: #d1d7e0;
    }
    [class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
    [class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
        background-color: rgba(13, 13, 13, 0.05);
    }
    [class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
        color: #d1d7e0;
    }
    [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active,
    [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus,
    [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
        background-color: transparent;
        color: #d1d7e0;
    }
    [class*="sidebar-dark"] .btn-sidebar,
    [class*="sidebar-dark"] .form-control-sidebar {
        background-color: #9198a1;
        border-color: rgb(113, 106, 93);
        color: #d1d7e0;
    }
    [class*="sidebar-dark"] .btn-sidebar:focus,
    [class*="sidebar-dark"] .form-control-sidebar:focus {
        border-color: rgb(90, 95, 95);
    }
    [class*="sidebar-dark"] .btn-sidebar:hover {
        background-color: rgb(68, 71, 71);
    }
    [class*="sidebar-dark"] .btn-sidebar:focus {
        background-color: rgb(72, 75, 76);
    }
    [class*="sidebar-dark"] .list-group-item {
        background-color: rgb(68, 71, 71);
        border-color: rgb(113, 106, 93);
        color: rgb(197, 190, 179);
    }
    [class*="sidebar-dark"] .list-group-item:hover {
        background-color: rgb(72, 75, 76);
    }
    [class*="sidebar-dark"] .list-group-item:focus {
        background-color: rgb(77, 80, 80);
    }
    [class*="sidebar-dark"] .list-group-item .search-path {
        color: rgb(185, 177, 166);
    }
    [class*="sidebar-light"] .btn-sidebar,
    [class*="sidebar-light"] .form-control-sidebar {
        background-color: rgb(42, 44, 44);
        border-color: rgb(69, 72, 71);
        color: rgb(202, 195, 185);
    }
    [class*="sidebar-light"] .btn-sidebar:focus,
    [class*="sidebar-light"] .form-control-sidebar:focus {
        border-color: rgb(78, 82, 82);
    }
    [class*="sidebar-light"] .btn-sidebar:hover {
        background-color: rgb(46, 48, 47);
    }
    [class*="sidebar-light"] .btn-sidebar:focus {
        background-color: rgb(49, 51, 51);
    }
    [class*="sidebar-light"] .list-group-item {
        border-color: rgb(69, 72, 71);
    }
    [class*="sidebar-light"] .list-group-item:hover {
        background-color: rgb(46, 48, 47);
    }
    [class*="sidebar-light"] .list-group-item:focus {
        background-color: rgb(49, 51, 51);
    }
    [class*="sidebar-light"] .list-group-item .search-path {
        color: rgb(159, 151, 136);
    }
    .sidebar-search-results .list-group > .list-group-item:focus-visible {
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-top-color: currentcolor;
    }
    .sidebar-search-results .list-group > .list-group-item:first-child {
        border-top-color: currentcolor;
    }
    [class*="sidebar-dark"] .sidebar-custom {
        border-top-color: rgb(116, 108, 95);
    }
    [class*="sidebar-light"] .sidebar-custom {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(39, 40, 40);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(60, 63, 63);
    }
    .dark-mode .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(51, 89, 109);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(52, 90, 111);
    }
    .dark-mode .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(17, 45, 73);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(129, 120, 106);
    }
    .dark-mode .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(63, 121, 98);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(61, 116, 88);
    }
    .dark-mode .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(24, 138, 87);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(25, 143, 72);
    }
    .dark-mode .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(128, 26, 102);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(132, 27, 106);
    }
    .dark-mode .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(129, 32, 65);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(130, 33, 66);
    }
    .dark-mode .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(76, 26, 153);
    }
    .dark-mode .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(83, 56, 127);
    }
    .dark-mode .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(142, 35, 81);
    }
    .dark-mode .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(164, 87, 21);
    }
    .dark-mode .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(47, 155, 120);
    }
    .dark-mode .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .dark-mode .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
    .dark-mode .sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode [class*="sidebar-light-"] .sidebar a {
        color: #d1d7e0;
    }
    .dark-mode [class*="sidebar-light-"] .sidebar a:hover {
        text-decoration-color: currentcolor;
    }
    @media (max-width: 991.98px) {
        .sidebar-mini.sidebar-collapse .main-sidebar {
            box-shadow: none !important;
        }
    }
    @media (max-width: 767.98px) {
        .sidebar-mini-md.sidebar-collapse .main-sidebar {
            box-shadow: none !important;
        }
    }
    .sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-thumb,
    .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-thumb,
    .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-thumb,
    .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar::-webkit-scrollbar-thumb,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-thumb,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar::-webkit-scrollbar-thumb {
        background-color: rgb(82, 85, 86);
    }
    .sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-track,
    .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-track,
    .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-track,
    .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar::-webkit-scrollbar-track,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-track,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-corner,
    .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar::-webkit-scrollbar-corner,
    .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-corner,
    .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar::-webkit-scrollbar-corner,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar::-webkit-scrollbar-corner,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar::-webkit-scrollbar-corner {
        background-color: transparent;
    }
    .sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .sidebar,
    .sidebar-collapse.sidebar-mini .main-sidebar:hover .sidebar,
    .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .sidebar,
    .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .sidebar,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .sidebar,
    .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .sidebar {
        scrollbar-color: rgb(178, 170, 158) rgb(82, 85, 86);
    }
    .control-sidebar-dark {
        background-color: rgb(54, 56, 56);
    }
    .control-sidebar-dark,
    .control-sidebar-dark .nav-link,
    .control-sidebar-dark a {
        color: rgb(197, 190, 179);
    }
    .control-sidebar-dark a:hover {
        color: #d1d7e0;
    }
    .control-sidebar-dark h1,
    .control-sidebar-dark h2,
    .control-sidebar-dark h3,
    .control-sidebar-dark h4,
    .control-sidebar-dark h5,
    .control-sidebar-dark h6,
    .control-sidebar-dark label {
        color: #d1d7e0;
    }
    .control-sidebar-dark .nav-tabs {
        background-color: rgba(36, 37, 37, 0.1);
        border-bottom-color: currentcolor;
    }
    .control-sidebar-dark .nav-tabs .nav-link,
    .control-sidebar-dark .nav-tabs .nav-link.active,
    .control-sidebar-dark .nav-tabs .nav-link:active,
    .control-sidebar-dark .nav-tabs .nav-link:focus,
    .control-sidebar-dark .nav-tabs .nav-link:hover {
        border-color: currentcolor;
    }
    .control-sidebar-dark .nav-tabs .nav-link.active,
    .control-sidebar-dark .nav-tabs .nav-link:active,
    .control-sidebar-dark .nav-tabs .nav-link:focus,
    .control-sidebar-dark .nav-tabs .nav-link:hover {
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        color: #d1d7e0;
    }
    .control-sidebar-dark .nav-tabs .nav-link.active {
        background-color: rgb(54, 56, 56);
    }
    .control-sidebar-light {
        background-color: #202831;
        border-left-color: rgb(66, 69, 69);
        color: rgb(179, 172, 159);
    }
    .dropdown-submenu > a::after {
        border-color: transparent currentcolor;
    }
    @media (max-width: 767.98px) {
        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
            background-color: #202831;
            border-color: rgb(68, 70, 70);
        }
    }
    .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
        border-color: rgba(58, 61, 61, 0.2);
    }
    .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        border-bottom-color: rgb(118, 110, 97);
        border-top-color: rgb(66, 69, 69);
    }
    @media (min-width: 576px) {
        .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
            background-color: #202831 !important;
            color: #9198a1 !important;
        }
    }
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
        background-color: rgb(39, 40, 40);
    }
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
        color: rgb(159, 151, 136);
    }
    @media (min-width: 576px) {
        .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
            background-color: rgb(39, 40, 40);
        }
    }
    .dark-mode .dropdown-menu {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .dropdown-item {
        color: #d1d7e0;
    }
    .dark-mode .dropdown-item:focus,
    .dark-mode .dropdown-item:hover {
        background-color: #9198a1;
    }
    .dark-mode .dropdown-divider {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
        background-color: rgb(59, 62, 62);
        color: #d1d7e0;
    }
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
        color: #d1d7e0;
    }
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus,
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
        background-color: #9198a1;
        color: rgb(212, 206, 196);
    }
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
        background-color: rgb(68, 71, 71);
    }
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background-color: transparent !important;
        color: #d1d7e0 !important;
    }
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:focus,
    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover {
        color: rgb(204, 197, 187) !important;
    }
    .nav-pills .nav-link {
        color: rgb(159, 151, 136);
    }
    .nav-pills .nav-link:not(.active):hover {
        color: rgb(72, 160, 231);
    }
    .nav-pills .nav-item.dropdown.show .nav-link:hover {
        color: #d1d7e0;
    }
    .nav-tabs.flex-column {
        border-bottom-color: currentcolor;
        border-right-color: rgb(66, 69, 69);
    }
    .nav-tabs.flex-column .nav-link:focus,
    .nav-tabs.flex-column .nav-link:hover {
        border-color: #9198a1 transparent #9198a1 #9198a1;
    }
    .nav-tabs.flex-column .nav-item.show .nav-link,
    .nav-tabs.flex-column .nav-link.active {
        border-color: rgb(66, 69, 69) transparent rgb(66, 69, 69) rgb(66, 69, 69);
    }
    .nav-tabs.flex-column.nav-tabs-right {
        border-left-color: rgb(66, 69, 69);
        border-right-color: currentcolor;
    }
    .nav-tabs.flex-column.nav-tabs-right .nav-link:focus,
    .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
        border-color: #9198a1 #9198a1 #9198a1 transparent;
    }
    .nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link,
    .nav-tabs.flex-column.nav-tabs-right .nav-link.active {
        border-color: rgb(66, 69, 69) rgb(66, 69, 69) rgb(66, 69, 69) transparent;
    }
    .navbar-light {
        background-color: #151b23;
    }
    .navbar-dark {
        background-color: rgb(54, 56, 56);
        border-color: rgb(117, 109, 96);
    }
    .navbar-primary {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-primary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-primary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-primary.navbar-light .form-control-navbar,
    .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(23, 94, 171);
        border-color: rgb(23, 97, 175);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-primary.navbar-light .form-control-navbar:focus,
    .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(22, 93, 168);
        border-color: rgb(23, 97, 175) !important;
        color: #d1d7e0;
    }
    .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-primary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-primary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-primary.navbar-dark .form-control-navbar,
    .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(23, 97, 175);
        border-color: rgb(22, 85, 152);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-primary.navbar-dark .form-control-navbar:focus,
    .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(23, 94, 171);
        border-color: rgb(22, 85, 152) !important;
        color: #d1d7e0;
    }
    .navbar-secondary {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-secondary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-secondary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-secondary.navbar-light .form-control-navbar,
    .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(88, 93, 93);
        border-color: rgb(114, 106, 94);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-light .form-control-navbar:focus,
    .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 90, 91);
        border-color: rgb(114, 106, 94) !important;
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-secondary.navbar-dark .form-control-navbar,
    .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-secondary.navbar-dark .form-control-navbar:focus,
    .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94) !important;
        color: #d1d7e0;
    }
    .navbar-success {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-success.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-success.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-success.navbar-light .form-control-navbar,
    .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(47, 120, 60);
        border-color: rgb(60, 161, 78);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-success.navbar-light .form-control-navbar:focus,
    .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(46, 117, 59);
        border-color: rgb(60, 161, 78) !important;
        color: #d1d7e0;
    }
    .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-success.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-success.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-success.navbar-dark .form-control-navbar,
    .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(54, 142, 71);
        border-color: rgb(54, 141, 69);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-success.navbar-dark .form-control-navbar:focus,
    .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(55, 146, 72);
        border-color: rgb(54, 141, 69) !important;
        color: #d1d7e0;
    }
    .navbar-info {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-info.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-info.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-info.navbar-light .form-control-navbar,
    .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(38, 118, 128);
        border-color: rgb(47, 158, 172);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-info.navbar-light .form-control-navbar:focus,
    .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(37, 115, 125);
        border-color: rgb(47, 158, 172) !important;
        color: #d1d7e0;
    }
    .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-info.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-info.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-info.navbar-dark .form-control-navbar,
    .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(43, 140, 153);
        border-color: rgb(42, 138, 151);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-info.navbar-dark .form-control-navbar:focus,
    .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(44, 143, 157);
        border-color: rgb(42, 138, 151) !important;
        color: #d1d7e0;
    }
    .navbar-warning {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-warning.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-warning.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-warning.navbar-light .form-control-navbar,
    .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(187, 146, 24);
        border-color: rgb(184, 144, 24);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-warning.navbar-light .form-control-navbar:focus,
    .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(184, 143, 24);
        border-color: rgb(184, 144, 24) !important;
        color: #d1d7e0;
    }
    .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-warning.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-warning.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-warning.navbar-dark .form-control-navbar,
    .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(140, 110, 21);
        border-color: rgb(159, 124, 23);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-warning.navbar-dark .form-control-navbar:focus,
    .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(137, 107, 21);
        border-color: rgb(159, 124, 23) !important;
        color: #d1d7e0;
    }
    .navbar-danger {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-danger.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-danger.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-danger.navbar-light .form-control-navbar,
    .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(161, 45, 54);
        border-color: rgb(150, 43, 51);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-danger.navbar-light .form-control-navbar:focus,
    .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(159, 45, 53);
        border-color: rgb(150, 43, 51) !important;
        color: #d1d7e0;
    }
    .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-danger.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-danger.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-danger.navbar-dark .form-control-navbar,
    .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(146, 42, 50);
        border-color: rgb(130, 38, 45);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-danger.navbar-dark .form-control-navbar:focus,
    .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(144, 41, 49);
        border-color: rgb(130, 38, 45) !important;
        color: #d1d7e0;
    }
    .navbar-lightblue {
        background-color: rgb(64, 115, 143);
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lightblue.navbar-light .form-control-navbar,
    .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(60, 106, 132);
        border-color: rgb(63, 113, 140);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-light .form-control-navbar:focus,
    .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(59, 105, 130);
        border-color: rgb(63, 113, 140) !important;
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lightblue.navbar-dark .form-control-navbar,
    .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(63, 114, 142);
        border-color: rgb(56, 99, 123);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lightblue.navbar-dark .form-control-navbar:focus,
    .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(63, 112, 139);
        border-color: rgb(56, 99, 123) !important;
        color: #d1d7e0;
    }
    .navbar-navy {
        background-color: rgb(16, 36, 55);
        color: #d1d7e0;
    }
    .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-navy.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-navy.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-navy.navbar-light .form-control-navbar,
    .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(15, 28, 41);
        border-color: rgb(140, 130, 115);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-navy.navbar-light .form-control-navbar:focus,
    .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(15, 26, 38);
        border-color: rgb(140, 130, 115) !important;
        color: #d1d7e0;
    }
    .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-navy.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-navy.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-navy.navbar-dark .form-control-navbar,
    .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(17, 43, 68);
        border-color: rgb(25, 112, 200);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-navy.navbar-dark .form-control-navbar:focus,
    .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(17, 45, 73);
        border-color: rgb(25, 112, 200) !important;
        color: #d1d7e0;
    }
    .navbar-olive {
        background-color: rgb(65, 122, 94);
        color: #d1d7e0;
    }
    .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-olive.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-olive.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-olive.navbar-light .form-control-navbar,
    .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(59, 112, 86);
        border-color: rgb(74, 144, 109);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-olive.navbar-light .form-control-navbar:focus,
    .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(58, 110, 84);
        border-color: rgb(74, 144, 109) !important;
        color: #d1d7e0;
    }
    .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-olive.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-olive.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-olive.navbar-dark .form-control-navbar,
    .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(70, 133, 101);
        border-color: rgb(66, 127, 96);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-olive.navbar-dark .form-control-navbar:focus,
    .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(70, 136, 103);
        border-color: rgb(66, 127, 96) !important;
        color: #d1d7e0;
    }
    .navbar-lime {
        background-color: rgb(29, 192, 119);
        color: rgb(202, 195, 185);
    }
    .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lime.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lime.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lime.navbar-light .form-control-navbar,
    .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(28, 179, 89);
        border-color: rgb(28, 182, 91);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lime.navbar-light .form-control-navbar:focus,
    .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(27, 176, 88);
        border-color: rgb(28, 182, 91) !important;
        color: #d1d7e0;
    }
    .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lime.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lime.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lime.navbar-dark .form-control-navbar,
    .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(28, 181, 112);
        border-color: rgb(26, 157, 80);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-lime.navbar-dark .form-control-navbar:focus,
    .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(28, 179, 110);
        border-color: rgb(26, 157, 80) !important;
        color: #d1d7e0;
    }
    .navbar-fuchsia {
        background-color: rgb(177, 32, 141);
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-fuchsia.navbar-light .form-control-navbar,
    .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(167, 30, 133);
        border-color: rgb(169, 31, 134);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-light .form-control-navbar:focus,
    .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(164, 30, 131);
        border-color: rgb(169, 31, 134) !important;
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar,
    .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(168, 30, 133);
        border-color: rgb(146, 28, 117);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-fuchsia.navbar-dark .form-control-navbar:focus,
    .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(165, 30, 132);
        border-color: rgb(146, 28, 117) !important;
        color: #d1d7e0;
    }
    .navbar-maroon {
        background-color: rgb(162, 39, 81);
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-maroon.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-maroon.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-maroon.navbar-light .form-control-navbar,
    .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(149, 36, 75);
        border-color: rgb(163, 39, 82);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-light .form-control-navbar:focus,
    .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(146, 35, 74);
        border-color: rgb(163, 39, 82) !important;
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-maroon.navbar-dark .form-control-navbar,
    .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(166, 39, 82);
        border-color: rgb(142, 35, 72);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-maroon.navbar-dark .form-control-navbar:focus,
    .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(163, 39, 82);
        border-color: rgb(142, 35, 72) !important;
        color: #d1d7e0;
    }
    .navbar-blue {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-blue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-blue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-blue.navbar-light .form-control-navbar,
    .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(23, 94, 171);
        border-color: rgb(23, 97, 175);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-blue.navbar-light .form-control-navbar:focus,
    .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(22, 93, 168);
        border-color: rgb(23, 97, 175) !important;
        color: #d1d7e0;
    }
    .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-blue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-blue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-blue.navbar-dark .form-control-navbar,
    .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(23, 97, 175);
        border-color: rgb(22, 85, 152);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-blue.navbar-dark .form-control-navbar:focus,
    .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(23, 94, 171);
        border-color: rgb(22, 85, 152) !important;
        color: #d1d7e0;
    }
    .navbar-indigo {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-indigo.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-indigo.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-indigo.navbar-light .form-control-navbar,
    .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(80, 27, 163);
        border-color: rgb(80, 27, 164);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-light .form-control-navbar:focus,
    .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(79, 27, 160);
        border-color: rgb(80, 27, 164) !important;
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-indigo.navbar-dark .form-control-navbar,
    .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(80, 27, 163);
        border-color: rgb(71, 25, 142);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-indigo.navbar-dark .form-control-navbar:focus,
    .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(79, 27, 160);
        border-color: rgb(71, 25, 142) !important;
        color: #d1d7e0;
    }
    .navbar-purple {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-purple.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-purple.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-purple.navbar-light .form-control-navbar,
    .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(88, 59, 135);
        border-color: rgb(88, 60, 135);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-purple.navbar-light .form-control-navbar:focus,
    .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 58, 133);
        border-color: rgb(88, 60, 135) !important;
        color: #d1d7e0;
    }
    .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-purple.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-purple.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-purple.navbar-dark .form-control-navbar,
    .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(87, 59, 134);
        border-color: rgb(76, 53, 117);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-purple.navbar-dark .form-control-navbar:focus,
    .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 58, 132);
        border-color: rgb(76, 53, 117) !important;
        color: #d1d7e0;
    }
    .navbar-pink {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-pink.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-pink.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-pink.navbar-light .form-control-navbar,
    .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(162, 37, 92);
        border-color: rgb(153, 36, 87);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-pink.navbar-light .form-control-navbar:focus,
    .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(164, 38, 94);
        border-color: rgb(153, 36, 87) !important;
        color: #d1d7e0;
    }
    .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-pink.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-pink.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-pink.navbar-dark .form-control-navbar,
    .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(143, 35, 82);
        border-color: rgb(131, 32, 75);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-pink.navbar-dark .form-control-navbar:focus,
    .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(141, 34, 80);
        border-color: rgb(131, 32, 75) !important;
        color: #d1d7e0;
    }
    .navbar-red {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-red.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-red.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-red.navbar-light .form-control-navbar,
    .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(161, 45, 54);
        border-color: rgb(150, 43, 51);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-red.navbar-light .form-control-navbar:focus,
    .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(159, 45, 53);
        border-color: rgb(150, 43, 51) !important;
        color: #d1d7e0;
    }
    .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-red.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-red.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-red.navbar-dark .form-control-navbar,
    .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(146, 42, 50);
        border-color: rgb(130, 38, 45);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-red.navbar-dark .form-control-navbar:focus,
    .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(144, 41, 49);
        border-color: rgb(130, 38, 45) !important;
        color: #d1d7e0;
    }
    .navbar-orange {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-orange.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-orange.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-orange.navbar-light .form-control-navbar,
    .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(189, 100, 24);
        border-color: rgb(176, 93, 23);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-orange.navbar-light .form-control-navbar:focus,
    .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(185, 98, 23);
        border-color: rgb(176, 93, 23) !important;
        color: #d1d7e0;
    }
    .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-orange.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-orange.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-orange.navbar-dark .form-control-navbar,
    .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(171, 91, 23);
        border-color: rgb(152, 82, 22);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-orange.navbar-dark .form-control-navbar:focus,
    .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(169, 90, 23);
        border-color: rgb(152, 82, 22) !important;
        color: #d1d7e0;
    }
    .navbar-yellow {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-yellow.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-yellow.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-yellow.navbar-light .form-control-navbar,
    .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(187, 146, 24);
        border-color: rgb(184, 144, 24);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-yellow.navbar-light .form-control-navbar:focus,
    .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(184, 143, 24);
        border-color: rgb(184, 144, 24) !important;
        color: #d1d7e0;
    }
    .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-yellow.navbar-dark .form-control-navbar,
    .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(140, 110, 21);
        border-color: rgb(159, 124, 23);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-yellow.navbar-dark .form-control-navbar:focus,
    .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(137, 107, 21);
        border-color: rgb(159, 124, 23) !important;
        color: #d1d7e0;
    }
    .navbar-green {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-green.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-green.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-green.navbar-light .form-control-navbar,
    .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(47, 120, 60);
        border-color: rgb(60, 161, 78);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-green.navbar-light .form-control-navbar:focus,
    .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(46, 117, 59);
        border-color: rgb(60, 161, 78) !important;
        color: #d1d7e0;
    }
    .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-green.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-green.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-green.navbar-dark .form-control-navbar,
    .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(54, 142, 71);
        border-color: rgb(54, 141, 69);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-green.navbar-dark .form-control-navbar:focus,
    .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(55, 146, 72);
        border-color: rgb(54, 141, 69) !important;
        color: #d1d7e0;
    }
    .navbar-teal {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-teal.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-teal.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-teal.navbar-light .form-control-navbar,
    .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(45, 143, 111);
        border-color: rgb(51, 165, 128);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-teal.navbar-light .form-control-navbar:focus,
    .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(44, 140, 108);
        border-color: rgb(51, 165, 128) !important;
        color: #d1d7e0;
    }
    .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-teal.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-teal.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-teal.navbar-dark .form-control-navbar,
    .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(51, 168, 129);
        border-color: rgb(46, 144, 112);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-teal.navbar-dark .form-control-navbar:focus,
    .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(51, 168, 138);
        border-color: rgb(46, 144, 112) !important;
        color: #d1d7e0;
    }
    .navbar-cyan {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-cyan.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-cyan.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-cyan.navbar-light .form-control-navbar,
    .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(38, 118, 128);
        border-color: rgb(47, 158, 172);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-light .form-control-navbar:focus,
    .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(37, 115, 125);
        border-color: rgb(47, 158, 172) !important;
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-cyan.navbar-dark .form-control-navbar,
    .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(43, 140, 153);
        border-color: rgb(42, 138, 151);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-cyan.navbar-dark .form-control-navbar:focus,
    .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(44, 143, 157);
        border-color: rgb(42, 138, 151) !important;
        color: #d1d7e0;
    }
    .navbar-white {
        background-color: #151b23;
        color: rgb(202, 195, 185);
    }
    .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-white.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-white.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-white.navbar-light .form-control-navbar,
    .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: inherit;
        border-color: rgb(64, 67, 67);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-white.navbar-light .form-control-navbar:focus,
    .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(42, 44, 44);
        border-color: rgb(64, 67, 67) !important;
        color: #d1d7e0;
    }
    .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-white.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-white.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-white.navbar-dark .form-control-navbar,
    .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-white.navbar-dark .form-control-navbar:focus,
    .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: #202831;
        border-color: rgb(58, 61, 61) !important;
        color: #d1d7e0;
    }
    .navbar-gray {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray.navbar-light .form-control-navbar,
    .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(88, 93, 93);
        border-color: rgb(114, 106, 94);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray.navbar-light .form-control-navbar:focus,
    .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 90, 91);
        border-color: rgb(114, 106, 94) !important;
        color: #d1d7e0;
    }
    .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray.navbar-dark .form-control-navbar,
    .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray.navbar-dark .form-control-navbar:focus,
    .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94) !important;
        color: #d1d7e0;
    }
    .navbar-gray-dark {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray-dark.navbar-light .form-control-navbar,
    .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(47, 49, 49);
        border-color: rgb(131, 122, 109);
        color: rgba(194, 188, 176, 0.8);
    }
    .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-light .form-control-navbar:focus,
    .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(45, 47, 47);
        border-color: rgb(131, 122, 109) !important;
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar,
    .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(61, 63, 64);
        border-color: rgb(118, 109, 97);
        color: rgba(229, 224, 216, 0.8);
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .navbar-gray-dark.navbar-dark .form-control-navbar:focus,
    .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: #9198a1;
        border-color: rgb(118, 109, 97) !important;
        color: #d1d7e0;
    }
    .dark-mode .nav-pills .nav-link {
        color: rgb(204, 197, 187);
    }
    .dark-mode .nav-tabs {
        border-color: rgb(113, 106, 93);
    }
    .dark-mode .nav-tabs .nav-link:focus,
    .dark-mode .nav-tabs .nav-link:hover {
        border-color: rgb(113, 106, 93);
    }
    .dark-mode .nav-tabs .nav-item.show .nav-link,
    .dark-mode .nav-tabs .nav-link.active {
        background-color: rgb(54, 56, 56);
        border-color: rgb(113, 106, 93) rgb(113, 106, 93) transparent;
        color: #d1d7e0;
    }
    .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active,
    .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus,
    .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
    .dark-mode .nav-tabs.flex-column .nav-link.active,
    .dark-mode .nav-tabs.flex-column .nav-link:focus,
    .dark-mode .nav-tabs.flex-column .nav-link:hover {
        border-color: rgb(113, 106, 93) transparent rgb(113, 106, 93) rgb(113, 106, 93);
    }
    .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus,
    .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
    .dark-mode .nav-tabs.flex-column .nav-link:focus,
    .dark-mode .nav-tabs.flex-column .nav-link:hover {
        background-color: #9198a1;
    }
    .dark-mode .nav-tabs.flex-column.nav-tabs-right {
        border-color: rgb(113, 106, 93);
    }
    .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active,
    .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus,
    .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
        border-color: rgb(113, 106, 93) rgb(113, 106, 93) rgb(113, 106, 93) transparent;
    }
    .dark-mode .navbar-light {
        background-color: rgb(39, 40, 40);
    }
    .dark-mode .navbar-dark {
        background-color: rgb(54, 56, 56);
        border-color: rgb(117, 109, 96);
    }
    .dark-mode .navbar-primary {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar,
    .dark-mode .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(59, 81, 104);
        border-color: rgb(75, 106, 137);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(57, 79, 101);
        border-color: rgb(75, 106, 137) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar,
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(68, 95, 123);
        border-color: rgb(67, 94, 121);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(70, 98, 125);
        border-color: rgb(67, 94, 121) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar,
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(88, 93, 93);
        border-color: rgb(114, 106, 94);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 90, 91);
        border-color: rgb(114, 106, 94) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar,
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-success {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar,
    .dark-mode .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(24, 131, 101);
        border-color: rgb(31, 200, 154);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(24, 128, 99);
        border-color: rgb(31, 200, 154) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar,
    .dark-mode .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(27, 160, 123);
        border-color: rgb(28, 176, 134);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-success.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(27, 164, 125);
        border-color: rgb(28, 176, 134) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-info {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar,
    .dark-mode .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(49, 116, 159);
        border-color: rgb(47, 110, 149);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(49, 114, 156);
        border-color: rgb(47, 110, 149) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar,
    .dark-mode .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(46, 107, 146);
        border-color: rgb(42, 95, 129);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-info.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(46, 105, 143);
        border-color: rgb(42, 95, 129) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar,
    .dark-mode .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(176, 120, 31);
        border-color: rgb(175, 119, 30);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(173, 118, 30);
        border-color: rgb(175, 119, 30) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar,
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(173, 118, 30);
        border-color: rgb(151, 103, 28);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(170, 116, 30);
        border-color: rgb(151, 103, 28) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar,
    .dark-mode .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(162, 49, 36);
        border-color: rgb(152, 47, 35);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(165, 50, 37);
        border-color: rgb(152, 47, 35) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar,
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(144, 46, 34);
        border-color: rgb(131, 42, 31);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(142, 44, 33);
        border-color: rgb(131, 42, 31) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue {
        background-color: rgb(51, 89, 109);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar,
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(55, 95, 117);
        border-color: rgb(56, 97, 120);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(55, 97, 119);
        border-color: rgb(56, 97, 120) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar,
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(48, 83, 101);
        border-color: rgb(48, 84, 102);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(47, 81, 99);
        border-color: rgb(48, 84, 102) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy {
        background-color: rgb(17, 45, 73);
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar,
    .dark-mode .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(16, 37, 58);
        border-color: rgb(136, 126, 111);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(16, 36, 55);
        border-color: rgb(136, 126, 111) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar,
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(18, 52, 86);
        border-color: rgb(24, 109, 194);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(18, 54, 90);
        border-color: rgb(24, 109, 194) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive {
        background-color: rgb(63, 121, 98);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar,
    .dark-mode .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(67, 128, 104);
        border-color: rgb(65, 125, 95);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(68, 130, 106);
        border-color: rgb(65, 125, 95) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar,
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(60, 112, 91);
        border-color: rgb(57, 107, 81);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(59, 110, 90);
        border-color: rgb(57, 107, 81) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime {
        background-color: rgb(24, 138, 87);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar,
    .dark-mode .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(25, 149, 93);
        border-color: rgb(26, 154, 79);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(26, 151, 95);
        border-color: rgb(26, 154, 79) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar,
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(23, 127, 81);
        border-color: rgb(23, 131, 67);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(23, 125, 79);
        border-color: rgb(23, 131, 67) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia {
        background-color: rgb(128, 26, 102);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar,
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(137, 27, 109);
        border-color: rgb(144, 28, 115);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(140, 27, 112);
        border-color: rgb(144, 28, 115) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar,
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(118, 25, 95);
        border-color: rgb(122, 25, 97);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(115, 24, 92);
        border-color: rgb(122, 25, 97) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon {
        background-color: rgb(129, 32, 65);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar,
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(137, 34, 70);
        border-color: rgb(140, 34, 70);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(140, 34, 71);
        border-color: rgb(140, 34, 70) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar,
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(119, 31, 62);
        border-color: rgb(119, 31, 61);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(117, 31, 60);
        border-color: rgb(119, 31, 61) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar,
    .dark-mode .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(59, 81, 104);
        border-color: rgb(75, 106, 137);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(57, 79, 101);
        border-color: rgb(75, 106, 137) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar,
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(68, 95, 123);
        border-color: rgb(67, 94, 121);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(70, 98, 125);
        border-color: rgb(67, 94, 121) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar,
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(80, 27, 163);
        border-color: rgb(80, 27, 164);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(79, 27, 160);
        border-color: rgb(80, 27, 164) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar,
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(80, 27, 163);
        border-color: rgb(71, 25, 142);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(79, 27, 160);
        border-color: rgb(71, 25, 142) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar,
    .dark-mode .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(88, 59, 135);
        border-color: rgb(88, 60, 135);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 58, 133);
        border-color: rgb(88, 60, 135) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar,
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(87, 59, 134);
        border-color: rgb(76, 53, 117);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 58, 132);
        border-color: rgb(76, 53, 117) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar,
    .dark-mode .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(162, 37, 92);
        border-color: rgb(153, 36, 87);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(164, 38, 94);
        border-color: rgb(153, 36, 87) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar,
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(143, 35, 82);
        border-color: rgb(131, 32, 75);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(141, 34, 80);
        border-color: rgb(131, 32, 75) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-red {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar,
    .dark-mode .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(162, 49, 36);
        border-color: rgb(152, 47, 35);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(165, 50, 37);
        border-color: rgb(152, 47, 35) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar,
    .dark-mode .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(144, 46, 34);
        border-color: rgb(131, 42, 31);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-red.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(142, 44, 33);
        border-color: rgb(131, 42, 31) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar,
    .dark-mode .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(189, 100, 24);
        border-color: rgb(176, 93, 23);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(185, 98, 23);
        border-color: rgb(176, 93, 23) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar,
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(171, 91, 23);
        border-color: rgb(152, 82, 22);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(169, 90, 23);
        border-color: rgb(152, 82, 22) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar,
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(176, 120, 31);
        border-color: rgb(175, 119, 30);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(173, 118, 30);
        border-color: rgb(175, 119, 30) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar,
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(173, 118, 30);
        border-color: rgb(151, 103, 28);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(170, 116, 30);
        border-color: rgb(151, 103, 28) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-green {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar,
    .dark-mode .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(24, 131, 101);
        border-color: rgb(31, 200, 154);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(24, 128, 99);
        border-color: rgb(31, 200, 154) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar,
    .dark-mode .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(27, 160, 123);
        border-color: rgb(28, 176, 134);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-green.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(27, 164, 125);
        border-color: rgb(28, 176, 134) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar,
    .dark-mode .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(45, 143, 111);
        border-color: rgb(51, 165, 128);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(44, 140, 108);
        border-color: rgb(51, 165, 128) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar,
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(51, 168, 129);
        border-color: rgb(46, 144, 112);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(51, 168, 138);
        border-color: rgb(46, 144, 112) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar,
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(49, 116, 159);
        border-color: rgb(47, 110, 149);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(49, 114, 156);
        border-color: rgb(47, 110, 149) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar,
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(46, 107, 146);
        border-color: rgb(42, 95, 129);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(46, 105, 143);
        border-color: rgb(42, 95, 129) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-white {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar,
    .dark-mode .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(41, 42, 42);
        border-color: rgb(64, 67, 67);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-white.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(42, 44, 44);
        border-color: rgb(64, 67, 67) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar,
    .dark-mode .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-white.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: #202831;
        border-color: rgb(58, 61, 61) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar,
    .dark-mode .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(88, 93, 93);
        border-color: rgb(114, 106, 94);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(86, 90, 91);
        border-color: rgb(114, 106, 94) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar,
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(102, 107, 108);
        border-color: rgb(89, 93, 94) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar,
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(47, 49, 49);
        border-color: rgb(131, 122, 109);
        color: rgba(194, 188, 176, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus,
    .dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: rgb(45, 47, 47);
        border-color: rgb(131, 122, 109) !important;
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar,
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: rgb(61, 63, 64);
        border-color: rgb(118, 109, 97);
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
        color: #d1d7e0;
    }
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus,
    .dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: #9198a1;
        border-color: rgb(118, 109, 97) !important;
        color: #d1d7e0;
    }
    .pagination-month .page-item .page-link {
        box-shadow: none;
    }
    .dark-mode .page-item.disabled .page-link,
    .dark-mode .page-item.disabled a {
        background-color: rgb(59, 62, 62) !important;
        border-color: rgb(107, 99, 88) !important;
        color: rgb(159, 151, 136);
    }
    .dark-mode .page-item .page-link {
        color: rgb(140, 168, 190);
    }
    .dark-mode .page-item.active .page-link {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .page-item.active .page-link:focus,
    .dark-mode .page-item.active .page-link:hover {
        color: rgb(204, 197, 187) !important;
    }
    .dark-mode .page-item:not(.active) .page-link {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .page-item:not(.active) .page-link:focus,
    .dark-mode .page-item:not(.active) .page-link:hover {
        background-color: #9198a1;
        color: rgb(131, 162, 185);
    }
    .form-group.has-icon .form-icon {
        background-color: transparent;
        border-color: currentcolor;
    }
    .warning-feedback {
        color: rgb(243, 195, 53);
    }
    .warning-tooltip {
        background-color: rgba(148, 115, 22, 0.9);
        color: rgb(202, 195, 185);
    }
    .form-control.is-warning {
        border-color: rgb(171, 134, 23);
    }
    .form-control.is-warning:focus {
        border-color: rgb(171, 134, 23);
        box-shadow: rgba(148, 115, 22, 0.25) 0px 0px 0px 0px;
    }
    .custom-select.is-warning {
        border-color: rgb(171, 134, 23);
    }
    .custom-select.is-warning:focus {
        border-color: rgb(171, 134, 23);
        box-shadow: rgba(148, 115, 22, 0.25) 0px 0px 0px 0px;
    }
    .form-check-input.is-warning ~ .form-check-label {
        color: rgb(243, 195, 53);
    }
    .custom-control-input.is-warning ~ .custom-control-label {
        color: rgb(243, 195, 53);
    }
    .custom-control-input.is-warning ~ .custom-control-label::before {
        border-color: rgb(171, 134, 23);
    }
    .custom-control-input.is-warning:checked ~ .custom-control-label::before {
        background-color: rgb(127, 100, 20);
        border-color: rgb(158, 124, 22);
    }
    .custom-control-input.is-warning:focus ~ .custom-control-label::before {
        box-shadow: rgba(148, 115, 22, 0.25) 0px 0px 0px 0px;
    }
    .custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(171, 134, 23);
    }
    .custom-file-input.is-warning ~ .custom-file-label {
        border-color: rgb(171, 134, 23);
    }
    .custom-file-input.is-warning:focus ~ .custom-file-label {
        border-color: rgb(171, 134, 23);
        box-shadow: rgba(148, 115, 22, 0.25) 0px 0px 0px 0px;
    }
    .custom-select.form-control-border,
    .form-control.form-control-border {
        border-left-color: currentcolor;
        border-right-color: currentcolor;
        border-top-color: currentcolor;
        box-shadow: inherit;
    }
    .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(24, 104, 189);
    }
    .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(18, 58, 99);
    }
    .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(24, 104, 189);
    }
    .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(19, 62, 107);
    }
    .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(51, 52, 53);
    }
    .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(69, 72, 71);
    }
    .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(63, 173, 84);
    }
    .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(27, 58, 33);
    }
    .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(63, 173, 84);
    }
    .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(45, 114, 71);
    }
    .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(51, 169, 184);
    }
    .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(24, 58, 62);
    }
    .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(51, 169, 184);
    }
    .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(36, 111, 121);
    }
    .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(199, 155, 25);
    }
    .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(110, 87, 19);
    }
    .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(199, 155, 25);
    }
    .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(86, 69, 18);
    }
    .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(163, 45, 55);
    }
    .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(98, 31, 36);
    }
    .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(163, 45, 55);
    }
    .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(88, 28, 34);
    }
    .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(73, 76, 77);
    }
    .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(67, 74, 81);
    }
    .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(73, 76, 77);
    }
    .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #202831;
    }
    .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(13, 13, 13);
    }
    .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(100, 105, 105);
    }
    .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(64, 115, 143);
        border-color: rgb(67, 122, 152);
    }
    .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(64, 115, 143, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(38, 63, 76);
    }
    .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(64, 115, 143);
        border-color: rgb(67, 122, 152);
    }
    .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(64, 115, 143, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(43, 73, 90);
    }
    .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(16, 36, 55);
        border-color: rgb(143, 132, 117);
    }
    .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(16, 36, 55, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(13, 13, 13);
    }
    .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(16, 36, 55);
        border-color: rgb(143, 132, 117);
    }
    .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(16, 36, 55, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(22, 90, 159);
    }
    .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(65, 122, 94);
        border-color: rgb(79, 154, 118);
    }
    .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(65, 122, 94, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(34, 58, 45);
    }
    .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(65, 122, 94);
        border-color: rgb(79, 154, 118);
    }
    .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(65, 122, 94, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(54, 101, 82);
    }
    .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(29, 192, 119);
        border-color: rgb(29, 197, 97);
    }
    .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(29, 192, 119, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(21, 103, 55);
    }
    .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(29, 192, 119);
        border-color: rgb(29, 197, 97);
    }
    .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(29, 192, 119, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(22, 112, 71);
    }
    .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(177, 32, 141);
        border-color: rgb(182, 32, 145);
    }
    .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(177, 32, 141, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(98, 22, 79);
    }
    .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(177, 32, 141);
        border-color: rgb(182, 32, 145);
    }
    .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(177, 32, 141, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(103, 24, 82);
    }
    .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(162, 39, 81);
        border-color: rgb(176, 41, 87);
    }
    .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(162, 39, 81, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(84, 25, 46);
    }
    .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(162, 39, 81);
        border-color: rgb(176, 41, 87);
    }
    .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(162, 39, 81, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(105, 29, 55);
    }
    .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(24, 104, 189);
    }
    .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(18, 58, 99);
    }
    .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(24, 104, 189);
    }
    .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(19, 62, 107);
    }
    .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(86, 28, 178);
    }
    .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(50, 21, 95);
    }
    .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(86, 28, 178);
    }
    .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(62, 64, 64);
    }
    .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(95, 63, 146);
    }
    .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(54, 38, 80);
    }
    .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(95, 63, 146);
    }
    .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(62, 64, 64);
    }
    .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(166, 38, 94);
    }
    .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(116, 30, 67);
    }
    .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(166, 38, 94);
    }
    .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(81, 25, 49);
    }
    .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(163, 45, 55);
    }
    .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(98, 31, 36);
    }
    .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(163, 45, 55);
    }
    .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(88, 28, 34);
    }
    .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(191, 100, 23);
    }
    .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(114, 63, 19);
    }
    .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(191, 100, 23);
    }
    .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(101, 56, 18);
    }
    .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(199, 155, 25);
    }
    .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(110, 87, 19);
    }
    .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(199, 155, 25);
    }
    .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(86, 69, 18);
    }
    .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(63, 173, 84);
    }
    .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(27, 58, 33);
    }
    .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(63, 173, 84);
    }
    .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(45, 114, 71);
    }
    .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(54, 178, 137);
    }
    .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(28, 78, 61);
    }
    .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(54, 178, 137);
    }
    .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(37, 109, 91);
    }
    .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(51, 169, 184);
    }
    .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(24, 58, 62);
    }
    .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(51, 169, 184);
    }
    .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(36, 111, 121);
    }
    .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
    }
    .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(70, 73, 73);
    }
    .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
    }
    .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #202831;
    }
    .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(51, 52, 53);
    }
    .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(69, 72, 71);
    }
    .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(13, 13, 13);
    }
    .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(100, 105, 105);
    }
    .custom-range.custom-range-primary:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-primary:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-primary::-webkit-slider-thumb {
        background-color: rgb(23, 102, 185);
    }
    .custom-range.custom-range-primary::-moz-range-thumb {
        background-color: rgb(23, 102, 185);
    }
    .custom-range.custom-range-primary::-moz-range-thumb:active {
        background-color: rgb(55, 58, 58);
    }
    .custom-range.custom-range-secondary:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-secondary:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-secondary::-webkit-slider-thumb {
        background-color: rgb(96, 100, 101);
    }
    .custom-range.custom-range-secondary::-moz-range-thumb {
        background-color: rgb(96, 100, 101);
    }
    .custom-range.custom-range-secondary::-moz-range-thumb:active {
        background-color: rgb(62, 64, 64);
    }
    .custom-range.custom-range-success:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-success:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-success:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-success::-webkit-slider-thumb {
        background-color: rgb(50, 132, 65);
    }
    .custom-range.custom-range-success::-moz-range-thumb {
        background-color: rgb(50, 132, 65);
    }
    .custom-range.custom-range-success::-moz-range-thumb:active {
        background-color: rgb(41, 103, 64);
    }
    .custom-range.custom-range-info:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-info:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-info:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-info::-webkit-slider-thumb {
        background-color: rgb(40, 129, 140);
    }
    .custom-range.custom-range-info::-moz-range-thumb {
        background-color: rgb(40, 129, 140);
    }
    .custom-range.custom-range-info::-moz-range-thumb:active {
        background-color: rgb(34, 101, 110);
    }
    .custom-range.custom-range-warning:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-warning:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-warning::-webkit-slider-thumb {
        background-color: rgb(148, 115, 22);
    }
    .custom-range.custom-range-warning::-moz-range-thumb {
        background-color: rgb(148, 115, 22);
    }
    .custom-range.custom-range-warning::-moz-range-thumb:active {
        background-color: rgb(75, 61, 17);
    }
    .custom-range.custom-range-danger:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-danger:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-danger::-webkit-slider-thumb {
        background-color: rgb(155, 44, 53);
    }
    .custom-range.custom-range-danger::-moz-range-thumb {
        background-color: rgb(155, 44, 53);
    }
    .custom-range.custom-range-danger::-moz-range-thumb:active {
        background-color: rgb(76, 27, 31);
    }
    .custom-range.custom-range-light:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-light:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-light:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-light::-webkit-slider-thumb {
        background-color: rgb(39, 40, 40);
    }
    .custom-range.custom-range-light::-moz-range-thumb {
        background-color: rgb(39, 40, 40);
    }
    .custom-range.custom-range-light::-moz-range-thumb:active {
        background-color: #202831;
    }
    .custom-range.custom-range-dark:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-dark:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-dark::-webkit-slider-thumb {
        background-color: rgb(54, 56, 56);
    }
    .custom-range.custom-range-dark::-moz-range-thumb {
        background-color: rgb(54, 56, 56);
    }
    .custom-range.custom-range-dark::-moz-range-thumb:active {
        background-color: rgb(93, 97, 98);
    }
    .custom-range.custom-range-lightblue:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(64, 115, 143, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(64, 115, 143, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-lightblue::-webkit-slider-thumb {
        background-color: rgb(64, 115, 143);
    }
    .custom-range.custom-range-lightblue::-moz-range-thumb {
        background-color: rgb(64, 115, 143);
    }
    .custom-range.custom-range-lightblue::-moz-range-thumb:active {
        background-color: rgb(57, 60, 60);
    }
    .custom-range.custom-range-navy:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(16, 36, 55, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-navy:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(16, 36, 55, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-navy::-webkit-slider-thumb {
        background-color: rgb(16, 36, 55);
    }
    .custom-range.custom-range-navy::-moz-range-thumb {
        background-color: rgb(16, 36, 55);
    }
    .custom-range.custom-range-navy::-moz-range-thumb:active {
        background-color: rgb(23, 99, 177);
    }
    .custom-range.custom-range-olive:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(65, 122, 94, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-olive:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(65, 122, 94, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-olive::-webkit-slider-thumb {
        background-color: rgb(65, 122, 94);
    }
    .custom-range.custom-range-olive::-moz-range-thumb {
        background-color: rgb(65, 122, 94);
    }
    .custom-range.custom-range-olive::-moz-range-thumb:active {
        background-color: rgb(49, 91, 74);
    }
    .custom-range.custom-range-lime:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(29, 192, 119, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-lime:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(29, 192, 119, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-lime::-webkit-slider-thumb {
        background-color: rgb(29, 192, 119);
    }
    .custom-range.custom-range-lime::-moz-range-thumb {
        background-color: rgb(29, 192, 119);
    }
    .custom-range.custom-range-lime::-moz-range-thumb:active {
        background-color: rgb(21, 98, 62);
    }
    .custom-range.custom-range-fuchsia:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(177, 32, 141, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(177, 32, 141, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
        background-color: rgb(177, 32, 141);
    }
    .custom-range.custom-range-fuchsia::-moz-range-thumb {
        background-color: rgb(177, 32, 141);
    }
    .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
        background-color: rgb(91, 21, 73);
    }
    .custom-range.custom-range-maroon:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(162, 39, 81, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-maroon:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(162, 39, 81, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-maroon::-webkit-slider-thumb {
        background-color: rgb(162, 39, 81);
    }
    .custom-range.custom-range-maroon::-moz-range-thumb {
        background-color: rgb(162, 39, 81);
    }
    .custom-range.custom-range-maroon::-moz-range-thumb:active {
        background-color: rgb(93, 27, 49);
    }
    .custom-range.custom-range-blue:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-blue:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(23, 102, 185, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-blue::-webkit-slider-thumb {
        background-color: rgb(23, 102, 185);
    }
    .custom-range.custom-range-blue::-moz-range-thumb {
        background-color: rgb(23, 102, 185);
    }
    .custom-range.custom-range-blue::-moz-range-thumb:active {
        background-color: rgb(55, 58, 58);
    }
    .custom-range.custom-range-indigo:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-indigo:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-indigo::-webkit-slider-thumb {
        background-color: rgb(84, 27, 173);
    }
    .custom-range.custom-range-indigo::-moz-range-thumb {
        background-color: rgb(84, 27, 173);
    }
    .custom-range.custom-range-indigo::-moz-range-thumb:active {
        background-color: rgb(55, 58, 58);
    }
    .custom-range.custom-range-purple:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-purple:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-purple::-webkit-slider-thumb {
        background-color: rgb(92, 62, 142);
    }
    .custom-range.custom-range-purple::-moz-range-thumb {
        background-color: rgb(92, 62, 142);
    }
    .custom-range.custom-range-purple::-moz-range-thumb:active {
        background-color: rgb(55, 57, 57);
    }
    .custom-range.custom-range-pink:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-pink:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-pink::-webkit-slider-thumb {
        background-color: rgb(152, 36, 87);
    }
    .custom-range.custom-range-pink::-moz-range-thumb {
        background-color: rgb(152, 36, 87);
    }
    .custom-range.custom-range-pink::-moz-range-thumb:active {
        background-color: rgb(70, 23, 43);
    }
    .custom-range.custom-range-red:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-red:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-red:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(155, 44, 53, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-red::-webkit-slider-thumb {
        background-color: rgb(155, 44, 53);
    }
    .custom-range.custom-range-red::-moz-range-thumb {
        background-color: rgb(155, 44, 53);
    }
    .custom-range.custom-range-red::-moz-range-thumb:active {
        background-color: rgb(76, 27, 31);
    }
    .custom-range.custom-range-orange:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-orange:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-orange::-webkit-slider-thumb {
        background-color: rgb(182, 96, 23);
    }
    .custom-range.custom-range-orange::-moz-range-thumb {
        background-color: rgb(182, 96, 23);
    }
    .custom-range.custom-range-orange::-moz-range-thumb:active {
        background-color: rgb(89, 49, 17);
    }
    .custom-range.custom-range-yellow:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-yellow:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(148, 115, 22, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-yellow::-webkit-slider-thumb {
        background-color: rgb(148, 115, 22);
    }
    .custom-range.custom-range-yellow::-moz-range-thumb {
        background-color: rgb(148, 115, 22);
    }
    .custom-range.custom-range-yellow::-moz-range-thumb:active {
        background-color: rgb(75, 61, 17);
    }
    .custom-range.custom-range-green:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-green:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-green:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(50, 132, 65, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-green::-webkit-slider-thumb {
        background-color: rgb(50, 132, 65);
    }
    .custom-range.custom-range-green::-moz-range-thumb {
        background-color: rgb(50, 132, 65);
    }
    .custom-range.custom-range-green::-moz-range-thumb:active {
        background-color: rgb(41, 103, 64);
    }
    .custom-range.custom-range-teal:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-teal:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-teal::-webkit-slider-thumb {
        background-color: rgb(48, 156, 120);
    }
    .custom-range.custom-range-teal::-moz-range-thumb {
        background-color: rgb(48, 156, 120);
    }
    .custom-range.custom-range-teal::-moz-range-thumb:active {
        background-color: rgb(35, 97, 81);
    }
    .custom-range.custom-range-cyan:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-cyan:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(40, 129, 140, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-cyan::-webkit-slider-thumb {
        background-color: rgb(40, 129, 140);
    }
    .custom-range.custom-range-cyan::-moz-range-thumb {
        background-color: rgb(40, 129, 140);
    }
    .custom-range.custom-range-cyan::-moz-range-thumb:active {
        background-color: rgb(34, 101, 110);
    }
    .custom-range.custom-range-white:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-white:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-white:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-white::-webkit-slider-thumb {
        background-color: #202831;
    }
    .custom-range.custom-range-white::-moz-range-thumb {
        background-color: #202831;
    }
    .custom-range.custom-range-white::-moz-range-thumb:active {
        background-color: #202831;
    }
    .custom-range.custom-range-gray:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-gray:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-gray::-webkit-slider-thumb {
        background-color: rgb(96, 100, 101);
    }
    .custom-range.custom-range-gray::-moz-range-thumb {
        background-color: rgb(96, 100, 101);
    }
    .custom-range.custom-range-gray::-moz-range-thumb:active {
        background-color: rgb(62, 64, 64);
    }
    .custom-range.custom-range-gray-dark:focus {
        outline-color: currentcolor;
    }
    .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
        background-color: rgb(54, 56, 56);
    }
    .custom-range.custom-range-gray-dark::-moz-range-thumb {
        background-color: rgb(54, 56, 56);
    }
    .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
        background-color: rgb(93, 97, 98);
    }
    .custom-control-input-primary:checked ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
    }
    .custom-control-input-primary:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(23, 102, 185, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(20, 74, 131);
    }
    .custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(55, 58, 58);
        border-color: rgb(19, 66, 118);
    }
    .custom-control-input-secondary:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .custom-control-input-secondary:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(96, 100, 101, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(78, 82, 82);
    }
    .custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(62, 64, 64);
        border-color: rgb(71, 74, 75);
    }
    .custom-control-input-success:checked ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
    }
    .custom-control-input-success:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(50, 132, 65, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(48, 124, 62);
    }
    .custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(41, 103, 64);
        border-color: rgb(45, 112, 57);
    }
    .custom-control-input-info:checked ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
    }
    .custom-control-input-info:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(40, 129, 140, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(38, 121, 132);
    }
    .custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(34, 101, 110);
        border-color: rgb(36, 110, 120);
    }
    .custom-control-input-warning:checked ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
    }
    .custom-control-input-warning:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(148, 115, 22, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(137, 107, 21);
    }
    .custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(75, 61, 17);
        border-color: rgb(124, 97, 20);
    }
    .custom-control-input-danger:checked ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
    }
    .custom-control-input-danger:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(155, 44, 53, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(112, 34, 39);
    }
    .custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(76, 27, 31);
        border-color: rgb(100, 32, 37);
    }
    .custom-control-input-light:checked ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
    }
    .custom-control-input-light:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(39, 40, 40, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(58, 61, 61);
    }
    .custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .custom-control-input-dark:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .custom-control-input-dark:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(54, 56, 56, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(106, 98, 87);
    }
    .custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(93, 97, 98);
        border-color: rgb(87, 91, 91);
    }
    .custom-control-input-lightblue:checked ~ .custom-control-label::before {
        background-color: rgb(64, 115, 143);
        border-color: rgb(60, 106, 131);
    }
    .custom-control-input-lightblue:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(64, 115, 143, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(50, 86, 106);
    }
    .custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(57, 60, 60);
        border-color: rgb(46, 78, 96);
    }
    .custom-control-input-navy:checked ~ .custom-control-label::before {
        background-color: rgb(16, 36, 55);
        border-color: rgb(133, 123, 109);
    }
    .custom-control-input-navy:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(16, 36, 55, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(23, 101, 180);
    }
    .custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(23, 99, 177);
        border-color: rgb(23, 94, 167);
    }
    .custom-control-input-olive:checked ~ .custom-control-label::before {
        background-color: rgb(65, 122, 94);
        border-color: rgb(70, 135, 103);
    }
    .custom-control-input-olive:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(65, 122, 94, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(59, 111, 85);
    }
    .custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(49, 91, 74);
        border-color: rgb(54, 101, 77);
    }
    .custom-control-input-lime:checked ~ .custom-control-label::before {
        background-color: rgb(29, 192, 119);
        border-color: rgb(27, 169, 85);
    }
    .custom-control-input-lime:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(29, 192, 119, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(24, 136, 70);
    }
    .custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(21, 98, 62);
        border-color: rgb(23, 123, 62);
    }
    .custom-control-input-fuchsia:checked ~ .custom-control-label::before {
        background-color: rgb(177, 32, 141);
        border-color: rgb(157, 30, 126);
    }
    .custom-control-input-fuchsia:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(177, 32, 141, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(126, 26, 101);
    }
    .custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(91, 21, 73);
        border-color: rgb(114, 24, 91);
    }
    .custom-control-input-maroon:checked ~ .custom-control-label::before {
        background-color: rgb(162, 39, 81);
        border-color: rgb(153, 37, 77);
    }
    .custom-control-input-maroon:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(162, 39, 81, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(123, 32, 63);
    }
    .custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(93, 27, 49);
        border-color: rgb(111, 30, 58);
    }
    .custom-control-input-blue:checked ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
    }
    .custom-control-input-blue:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(23, 102, 185, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(20, 74, 131);
    }
    .custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(55, 58, 58);
        border-color: rgb(19, 66, 118);
    }
    .custom-control-input-indigo:checked ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
    }
    .custom-control-input-indigo:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(84, 27, 173, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(62, 23, 123);
    }
    .custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(55, 58, 58);
        border-color: rgb(57, 22, 110);
    }
    .custom-control-input-purple:checked ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
    }
    .custom-control-input-purple:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(92, 62, 142, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(67, 47, 101);
    }
    .custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(55, 57, 57);
        border-color: rgb(62, 43, 92);
    }
    .custom-control-input-pink:checked ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
    }
    .custom-control-input-pink:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(152, 36, 87, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(112, 29, 65);
    }
    .custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(70, 23, 43);
        border-color: rgb(100, 27, 60);
    }
    .custom-control-input-red:checked ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
    }
    .custom-control-input-red:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(155, 44, 53, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(112, 34, 39);
    }
    .custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(76, 27, 31);
        border-color: rgb(100, 32, 37);
    }
    .custom-control-input-orange:checked ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
    }
    .custom-control-input-orange:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(182, 96, 23, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(131, 70, 20);
    }
    .custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(89, 49, 17);
        border-color: rgb(118, 64, 18);
    }
    .custom-control-input-yellow:checked ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
    }
    .custom-control-input-yellow:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(148, 115, 22, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(137, 107, 21);
    }
    .custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(75, 61, 17);
        border-color: rgb(124, 97, 20);
    }
    .custom-control-input-green:checked ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
    }
    .custom-control-input-green:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(50, 132, 65, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(48, 124, 62);
    }
    .custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(41, 103, 64);
        border-color: rgb(45, 112, 57);
    }
    .custom-control-input-teal:checked ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
    }
    .custom-control-input-teal:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(48, 156, 120, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(41, 125, 97);
    }
    .custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(35, 97, 81);
        border-color: rgb(39, 113, 88);
    }
    .custom-control-input-cyan:checked ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
    }
    .custom-control-input-cyan:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(40, 129, 140, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(38, 121, 132);
    }
    .custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(34, 101, 110);
        border-color: rgb(36, 110, 120);
    }
    .custom-control-input-white:checked ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .custom-control-input-white:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(36, 37, 37, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(58, 61, 61);
    }
    .custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .custom-control-input-gray:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .custom-control-input-gray:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(96, 100, 101, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(78, 82, 82);
    }
    .custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(62, 64, 64);
        border-color: rgb(71, 74, 75);
    }
    .custom-control-input-gray-dark:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .custom-control-input-gray-dark:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(54, 56, 56, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(106, 98, 87);
    }
    .custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(93, 97, 98);
        border-color: rgb(87, 91, 91);
    }
    .custom-control-input-outline ~ .custom-control-label::before {
        background-color: transparent !important;
        box-shadow: none;
    }
    .custom-control-input-outline:checked ~ .custom-control-label::before {
        background-color: transparent;
    }
    .navbar-dark .btn-navbar,
    .navbar-dark .form-control-navbar {
        background-color: #9198a1;
        border-color: rgb(113, 106, 93);
        color: #d1d7e0;
    }
    .navbar-dark .btn-navbar:hover {
        background-color: rgb(68, 71, 71);
    }
    .navbar-dark .btn-navbar:focus {
        background-color: rgb(72, 75, 76);
    }
    .navbar-dark .form-control-navbar + .input-group-append > .btn-navbar,
    .navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar {
        background-color: #9198a1;
        border-color: rgb(113, 106, 93) rgb(113, 106, 93) rgb(113, 106, 93) currentcolor;
        color: #d1d7e0;
    }
    .dark-mode .custom-control-label::before,
    .dark-mode .custom-file-label,
    .dark-mode .custom-file-label::after,
    .dark-mode .custom-select,
    .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),
    .dark-mode .input-group-text {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .custom-file-label,
    .dark-mode .custom-file-label::after,
    .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus) {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode select {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .input-group-text {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .custom-control-input:disabled ~ .custom-control-label::before,
    .dark-mode .custom-control-input[disabled] ~ .custom-control-label::before {
        background-color: #9198a1;
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .custom-range::-webkit-slider-runnable-track {
        background-color: rgb(68, 71, 71);
    }
    .dark-mode .custom-range::-moz-range-track {
        background-color: rgb(68, 71, 71);
    }
    .dark-mode .custom-range.custom-range-primary:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb {
        background-color: rgb(63, 88, 113);
    }
    .dark-mode .custom-range.custom-range-primary::-moz-range-thumb {
        background-color: rgb(63, 88, 113);
    }
    .dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active {
        background-color: rgb(51, 70, 88);
    }
    .dark-mode .custom-range.custom-range-secondary:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb {
        background-color: rgb(96, 100, 101);
    }
    .dark-mode .custom-range.custom-range-secondary::-moz-range-thumb {
        background-color: rgb(96, 100, 101);
    }
    .dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active {
        background-color: rgb(62, 64, 64);
    }
    .dark-mode .custom-range.custom-range-success:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-success::-webkit-slider-thumb {
        background-color: rgb(25, 145, 112);
    }
    .dark-mode .custom-range.custom-range-success::-moz-range-thumb {
        background-color: rgb(25, 145, 112);
    }
    .dark-mode .custom-range.custom-range-success::-moz-range-thumb:active {
        background-color: rgb(25, 134, 110);
    }
    .dark-mode .custom-range.custom-range-info:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-info::-webkit-slider-thumb {
        background-color: rgb(48, 113, 154);
    }
    .dark-mode .custom-range.custom-range-info::-moz-range-thumb {
        background-color: rgb(48, 113, 154);
    }
    .dark-mode .custom-range.custom-range-info::-moz-range-thumb:active {
        background-color: rgb(52, 53, 54);
    }
    .dark-mode .custom-range.custom-range-warning:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb {
        background-color: rgb(183, 125, 31);
    }
    .dark-mode .custom-range.custom-range-warning::-moz-range-thumb {
        background-color: rgb(183, 125, 31);
    }
    .dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active {
        background-color: rgb(92, 65, 21);
    }
    .dark-mode .custom-range.custom-range-danger:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb {
        background-color: rgb(153, 47, 35);
    }
    .dark-mode .custom-range.custom-range-danger::-moz-range-thumb {
        background-color: rgb(153, 47, 35);
    }
    .dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active {
        background-color: rgb(72, 27, 22);
    }
    .dark-mode .custom-range.custom-range-light:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-light::-webkit-slider-thumb {
        background-color: rgb(39, 40, 40);
    }
    .dark-mode .custom-range.custom-range-light::-moz-range-thumb {
        background-color: rgb(39, 40, 40);
    }
    .dark-mode .custom-range.custom-range-light::-moz-range-thumb:active {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-dark:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .custom-range.custom-range-dark::-moz-range-thumb {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active {
        background-color: rgb(93, 97, 98);
    }
    .dark-mode .custom-range.custom-range-lightblue:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(51, 89, 109, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(51, 89, 109, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb {
        background-color: rgb(51, 89, 109);
    }
    .dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb {
        background-color: rgb(51, 89, 109);
    }
    .dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-navy:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(17, 45, 73, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(17, 45, 73, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb {
        background-color: rgb(17, 45, 73);
    }
    .dark-mode .custom-range.custom-range-navy::-moz-range-thumb {
        background-color: rgb(17, 45, 73);
    }
    .dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active {
        background-color: rgb(23, 101, 179);
    }
    .dark-mode .custom-range.custom-range-olive:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 121, 98, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 121, 98, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb {
        background-color: rgb(63, 121, 98);
    }
    .dark-mode .custom-range.custom-range-olive::-moz-range-thumb {
        background-color: rgb(63, 121, 98);
    }
    .dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active {
        background-color: rgb(30, 52, 44);
    }
    .dark-mode .custom-range.custom-range-lime:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(24, 138, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(24, 138, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb {
        background-color: rgb(24, 138, 87);
    }
    .dark-mode .custom-range.custom-range-lime::-moz-range-thumb {
        background-color: rgb(24, 138, 87);
    }
    .dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-fuchsia:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(128, 26, 102, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(128, 26, 102, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
        background-color: rgb(128, 26, 102);
    }
    .dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb {
        background-color: rgb(128, 26, 102);
    }
    .dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-maroon:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(129, 32, 65, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(129, 32, 65, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb {
        background-color: rgb(129, 32, 65);
    }
    .dark-mode .custom-range.custom-range-maroon::-moz-range-thumb {
        background-color: rgb(129, 32, 65);
    }
    .dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-blue:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb {
        background-color: rgb(63, 88, 113);
    }
    .dark-mode .custom-range.custom-range-blue::-moz-range-thumb {
        background-color: rgb(63, 88, 113);
    }
    .dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active {
        background-color: rgb(51, 70, 88);
    }
    .dark-mode .custom-range.custom-range-indigo:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb {
        background-color: rgb(84, 27, 173);
    }
    .dark-mode .custom-range.custom-range-indigo::-moz-range-thumb {
        background-color: rgb(84, 27, 173);
    }
    .dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active {
        background-color: rgb(55, 58, 58);
    }
    .dark-mode .custom-range.custom-range-purple:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb {
        background-color: rgb(92, 62, 142);
    }
    .dark-mode .custom-range.custom-range-purple::-moz-range-thumb {
        background-color: rgb(92, 62, 142);
    }
    .dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active {
        background-color: rgb(55, 57, 57);
    }
    .dark-mode .custom-range.custom-range-pink:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb {
        background-color: rgb(152, 36, 87);
    }
    .dark-mode .custom-range.custom-range-pink::-moz-range-thumb {
        background-color: rgb(152, 36, 87);
    }
    .dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active {
        background-color: rgb(70, 23, 43);
    }
    .dark-mode .custom-range.custom-range-red:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-red::-webkit-slider-thumb {
        background-color: rgb(153, 47, 35);
    }
    .dark-mode .custom-range.custom-range-red::-moz-range-thumb {
        background-color: rgb(153, 47, 35);
    }
    .dark-mode .custom-range.custom-range-red::-moz-range-thumb:active {
        background-color: rgb(72, 27, 22);
    }
    .dark-mode .custom-range.custom-range-orange:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb {
        background-color: rgb(182, 96, 23);
    }
    .dark-mode .custom-range.custom-range-orange::-moz-range-thumb {
        background-color: rgb(182, 96, 23);
    }
    .dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active {
        background-color: rgb(89, 49, 17);
    }
    .dark-mode .custom-range.custom-range-yellow:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb {
        background-color: rgb(183, 125, 31);
    }
    .dark-mode .custom-range.custom-range-yellow::-moz-range-thumb {
        background-color: rgb(183, 125, 31);
    }
    .dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active {
        background-color: rgb(92, 65, 21);
    }
    .dark-mode .custom-range.custom-range-green:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-green::-webkit-slider-thumb {
        background-color: rgb(25, 145, 112);
    }
    .dark-mode .custom-range.custom-range-green::-moz-range-thumb {
        background-color: rgb(25, 145, 112);
    }
    .dark-mode .custom-range.custom-range-green::-moz-range-thumb:active {
        background-color: rgb(25, 134, 110);
    }
    .dark-mode .custom-range.custom-range-teal:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb {
        background-color: rgb(48, 156, 120);
    }
    .dark-mode .custom-range.custom-range-teal::-moz-range-thumb {
        background-color: rgb(48, 156, 120);
    }
    .dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active {
        background-color: rgb(35, 97, 81);
    }
    .dark-mode .custom-range.custom-range-cyan:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb {
        background-color: rgb(48, 113, 154);
    }
    .dark-mode .custom-range.custom-range-cyan::-moz-range-thumb {
        background-color: rgb(48, 113, 154);
    }
    .dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active {
        background-color: rgb(52, 53, 54);
    }
    .dark-mode .custom-range.custom-range-white:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-white::-webkit-slider-thumb {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-white::-moz-range-thumb {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-white::-moz-range-thumb:active {
        background-color: #202831;
    }
    .dark-mode .custom-range.custom-range-gray:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb {
        background-color: rgb(96, 100, 101);
    }
    .dark-mode .custom-range.custom-range-gray::-moz-range-thumb {
        background-color: rgb(96, 100, 101);
    }
    .dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active {
        background-color: rgb(62, 64, 64);
    }
    .dark-mode .custom-range.custom-range-gray-dark:focus {
        outline-color: currentcolor;
    }
    .dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
        background-color: rgb(93, 97, 98);
    }
    .dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(80, 112, 148);
    }
    .dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(32, 42, 52);
    }
    .dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(80, 112, 148);
    }
    .dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(55, 77, 98);
    }
    .dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(51, 52, 53);
    }
    .dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(69, 72, 71);
    }
    .dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(130, 121, 106);
    }
    .dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(17, 56, 45);
    }
    .dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(130, 121, 106);
    }
    .dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(26, 147, 121);
    }
    .dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(50, 118, 162);
    }
    .dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(35, 73, 97);
    }
    .dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(50, 118, 162);
    }
    .dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(189, 128, 32);
    }
    .dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(104, 72, 22);
    }
    .dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(189, 128, 32);
    }
    .dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(105, 74, 23);
    }
    .dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(165, 51, 37);
    }
    .dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(114, 38, 28);
    }
    .dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(165, 51, 37);
    }
    .dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(83, 30, 24);
    }
    .dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(73, 76, 77);
    }
    .dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(67, 74, 81);
    }
    .dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(73, 76, 77);
    }
    .dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(39, 40, 40, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #202831;
    }
    .dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(13, 13, 13);
    }
    .dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(100, 105, 105);
    }
    .dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(51, 89, 109);
        border-color: rgb(60, 106, 131);
    }
    .dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(51, 89, 109, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(59, 105, 130);
    }
    .dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(51, 89, 109);
        border-color: rgb(60, 106, 131);
    }
    .dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(51, 89, 109, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(30, 42, 47);
    }
    .dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(17, 45, 73);
        border-color: rgb(143, 132, 117);
    }
    .dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(17, 45, 73, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(13, 13, 13);
    }
    .dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(17, 45, 73);
        border-color: rgb(143, 132, 117);
    }
    .dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(17, 45, 73, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(23, 99, 177);
    }
    .dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(63, 121, 98);
        border-color: rgb(70, 135, 103);
    }
    .dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 121, 98, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(58, 110, 84);
    }
    .dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(63, 121, 98);
        border-color: rgb(70, 135, 103);
    }
    .dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 121, 98, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(36, 61, 50);
    }
    .dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(24, 138, 87);
        border-color: rgb(27, 169, 85);
    }
    .dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(24, 138, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(27, 176, 88);
    }
    .dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(24, 138, 87);
        border-color: rgb(27, 169, 85);
    }
    .dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(24, 138, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #202831;
    }
    .dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(128, 26, 102);
        border-color: rgb(157, 30, 126);
    }
    .dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(128, 26, 102, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(164, 30, 131);
    }
    .dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(128, 26, 102);
        border-color: rgb(157, 30, 126);
    }
    .dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(128, 26, 102, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #202831;
    }
    .dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(129, 32, 65);
        border-color: rgb(153, 37, 77);
    }
    .dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(129, 32, 65, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(146, 35, 74);
    }
    .dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(129, 32, 65);
        border-color: rgb(153, 37, 77);
    }
    .dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(129, 32, 65, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(59, 19, 34);
    }
    .dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(80, 112, 148);
    }
    .dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(32, 42, 52);
    }
    .dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(80, 112, 148);
    }
    .dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(63, 88, 113, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(55, 77, 98);
    }
    .dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(86, 28, 178);
    }
    .dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(50, 21, 95);
    }
    .dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(86, 28, 178);
    }
    .dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(84, 27, 173, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(62, 64, 64);
    }
    .dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(95, 63, 146);
    }
    .dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(54, 38, 80);
    }
    .dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(95, 63, 146);
    }
    .dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(92, 62, 142, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(62, 64, 64);
    }
    .dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(166, 38, 94);
    }
    .dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(116, 30, 67);
    }
    .dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(166, 38, 94);
    }
    .dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(152, 36, 87, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(81, 25, 49);
    }
    .dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(165, 51, 37);
    }
    .dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(114, 38, 28);
    }
    .dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(165, 51, 37);
    }
    .dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(153, 47, 35, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(83, 30, 24);
    }
    .dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(191, 100, 23);
    }
    .dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(114, 63, 19);
    }
    .dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(191, 100, 23);
    }
    .dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(182, 96, 23, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(101, 56, 18);
    }
    .dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(189, 128, 32);
    }
    .dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(104, 72, 22);
    }
    .dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(189, 128, 32);
    }
    .dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(183, 125, 31, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(105, 74, 23);
    }
    .dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(130, 121, 106);
    }
    .dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(17, 56, 45);
    }
    .dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(130, 121, 106);
    }
    .dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(25, 145, 112, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(26, 147, 121);
    }
    .dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(54, 178, 137);
    }
    .dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(28, 78, 61);
    }
    .dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(54, 178, 137);
    }
    .dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 156, 120, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(37, 109, 91);
    }
    .dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(50, 118, 162);
    }
    .dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(35, 73, 97);
    }
    .dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(50, 118, 162);
    }
    .dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(48, 113, 154, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
    }
    .dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(70, 73, 73);
    }
    .dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
    }
    .dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(36, 37, 37, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #202831;
    }
    .dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(51, 52, 53);
    }
    .dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(96, 100, 101, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(69, 72, 71);
    }
    .dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
        background-color: rgb(13, 13, 13);
    }
    .dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
        box-shadow: #202831 0px 0px 0px 1px, rgba(54, 56, 56, 0.25) 0px 0px 0px 2px;
    }
    .dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
        background-color: rgb(100, 105, 105);
    }
    .dark-mode .custom-control-input-primary:checked ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .custom-control-input-primary:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(63, 88, 113, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(51, 70, 88);
        border-color: rgb(55, 76, 97);
    }
    .dark-mode .custom-control-input-secondary:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .custom-control-input-secondary:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(96, 100, 101, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(62, 64, 64);
        border-color: rgb(71, 74, 75);
    }
    .dark-mode .custom-control-input-success:checked ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .custom-control-input-success:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(25, 145, 112, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(25, 134, 110);
        border-color: rgb(25, 141, 108);
    }
    .dark-mode .custom-control-input-info:checked ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .custom-control-input-info:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(48, 113, 154, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(52, 53, 54);
        border-color: rgb(35, 74, 100);
    }
    .dark-mode .custom-control-input-warning:checked ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .custom-control-input-warning:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(183, 125, 31, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(92, 65, 21);
        border-color: rgb(118, 81, 23);
    }
    .dark-mode .custom-control-input-danger:checked ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .custom-control-input-danger:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(153, 47, 35, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(72, 27, 22);
        border-color: rgb(102, 34, 25);
    }
    .dark-mode .custom-control-input-light:checked ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
    }
    .dark-mode .custom-control-input-light:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(39, 40, 40, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-dark:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .custom-control-input-dark:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(54, 56, 56, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(93, 97, 98);
        border-color: rgb(87, 91, 91);
    }
    .dark-mode .custom-control-input-lightblue:checked ~ .custom-control-label::before {
        background-color: rgb(51, 89, 109);
        border-color: rgb(52, 90, 111);
    }
    .dark-mode .custom-control-input-lightblue:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(51, 89, 109, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(42, 71, 86);
    }
    .dark-mode .custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-navy:checked ~ .custom-control-label::before {
        background-color: rgb(17, 45, 73);
        border-color: rgb(129, 120, 106);
    }
    .dark-mode .custom-control-input-navy:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(17, 45, 73, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(23, 97, 173);
    }
    .dark-mode .custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(23, 101, 179);
        border-color: rgb(22, 91, 161);
    }
    .dark-mode .custom-control-input-olive:checked ~ .custom-control-label::before {
        background-color: rgb(63, 121, 98);
        border-color: rgb(61, 116, 88);
    }
    .dark-mode .custom-control-input-olive:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(63, 121, 98, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(50, 91, 70);
    }
    .dark-mode .custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(30, 52, 44);
        border-color: rgb(43, 83, 64);
    }
    .dark-mode .custom-control-input-lime:checked ~ .custom-control-label::before {
        background-color: rgb(24, 138, 87);
        border-color: rgb(25, 143, 72);
    }
    .dark-mode .custom-control-input-lime:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(24, 138, 87, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(22, 109, 56);
    }
    .dark-mode .custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-fuchsia:checked ~ .custom-control-label::before {
        background-color: rgb(128, 26, 102);
        border-color: rgb(132, 27, 106);
    }
    .dark-mode .custom-control-input-fuchsia:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(128, 26, 102, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(103, 22, 80);
    }
    .dark-mode .custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-maroon:checked ~ .custom-control-label::before {
        background-color: rgb(129, 32, 65);
        border-color: rgb(130, 33, 66);
    }
    .dark-mode .custom-control-input-maroon:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(129, 32, 65, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(100, 27, 51);
    }
    .dark-mode .custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-blue:checked ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .custom-control-input-blue:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(63, 88, 113, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(51, 70, 88);
        border-color: rgb(55, 76, 97);
    }
    .dark-mode .custom-control-input-indigo:checked ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
    }
    .dark-mode .custom-control-input-indigo:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(84, 27, 173, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(62, 23, 123);
    }
    .dark-mode .custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(55, 58, 58);
        border-color: rgb(57, 22, 110);
    }
    .dark-mode .custom-control-input-purple:checked ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
    }
    .dark-mode .custom-control-input-purple:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(92, 62, 142, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(67, 47, 101);
    }
    .dark-mode .custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(55, 57, 57);
        border-color: rgb(62, 43, 92);
    }
    .dark-mode .custom-control-input-pink:checked ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
    }
    .dark-mode .custom-control-input-pink:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(152, 36, 87, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(112, 29, 65);
    }
    .dark-mode .custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(70, 23, 43);
        border-color: rgb(100, 27, 60);
    }
    .dark-mode .custom-control-input-red:checked ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .custom-control-input-red:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(153, 47, 35, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(72, 27, 22);
        border-color: rgb(102, 34, 25);
    }
    .dark-mode .custom-control-input-orange:checked ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
    }
    .dark-mode .custom-control-input-orange:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(182, 96, 23, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(131, 70, 20);
    }
    .dark-mode .custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(89, 49, 17);
        border-color: rgb(118, 64, 18);
    }
    .dark-mode .custom-control-input-yellow:checked ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .custom-control-input-yellow:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(183, 125, 31, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(92, 65, 21);
        border-color: rgb(118, 81, 23);
    }
    .dark-mode .custom-control-input-green:checked ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .custom-control-input-green:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(25, 145, 112, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(25, 134, 110);
        border-color: rgb(25, 141, 108);
    }
    .dark-mode .custom-control-input-teal:checked ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
    }
    .dark-mode .custom-control-input-teal:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(48, 156, 120, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(41, 125, 97);
    }
    .dark-mode .custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(35, 97, 81);
        border-color: rgb(39, 113, 88);
    }
    .dark-mode .custom-control-input-cyan:checked ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .custom-control-input-cyan:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(48, 113, 154, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(52, 53, 54);
        border-color: rgb(35, 74, 100);
    }
    .dark-mode .custom-control-input-white:checked ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-white:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(36, 37, 37, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .custom-control-input-gray:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .custom-control-input-gray:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(96, 100, 101, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(62, 64, 64);
        border-color: rgb(71, 74, 75);
    }
    .dark-mode .custom-control-input-gray-dark:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .custom-control-input-gray-dark:focus ~ .custom-control-label::before {
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset, rgba(54, 56, 56, 0.25) 0px 0px 0px 0.2rem;
    }
    .dark-mode .custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(93, 97, 98);
        border-color: rgb(87, 91, 91);
    }
    .progress {
        box-shadow: none;
    }
    .dark-mode .progress {
        background-color: rgb(68, 71, 71);
        background-image: none;
    }
    .card-primary:not(.card-outline) > .card-header {
        background-color: rgb(23, 102, 185);
    }
    .card-primary:not(.card-outline) > .card-header,
    .card-primary:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-primary:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-primary.card-outline {
        border-top-color: rgb(22, 91, 164);
    }
    .card-primary.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-primary.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(22, 91, 164);
    }
    .bg-gradient-primary > .card-header .btn-tool,
    .bg-primary > .card-header .btn-tool,
    .card-primary:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-primary > .card-header .btn-tool:hover,
    .bg-primary > .card-header .btn-tool:hover,
    .card-primary:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th,
    .card.bg-primary .bootstrap-datetimepicker-widget .table td,
    .card.bg-primary .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(22, 87, 157);
        color: #d1d7e0;
    }
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
    .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(22, 88, 159);
        color: #d1d7e0;
    }
    .card-secondary:not(.card-outline) > .card-header {
        background-color: rgb(96, 100, 101);
    }
    .card-secondary:not(.card-outline) > .card-header,
    .card-secondary:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-secondary:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-secondary.card-outline {
        border-top-color: rgb(107, 99, 88);
    }
    .card-secondary.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-secondary.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(107, 99, 88);
    }
    .bg-gradient-secondary > .card-header .btn-tool,
    .bg-secondary > .card-header .btn-tool,
    .card-secondary:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-secondary > .card-header .btn-tool:hover,
    .bg-secondary > .card-header .btn-tool:hover,
    .card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th,
    .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
    .card.bg-secondary .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(81, 84, 85);
        color: #d1d7e0;
    }
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
    .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .card-success:not(.card-outline) > .card-header {
        background-color: rgb(50, 132, 65);
    }
    .card-success:not(.card-outline) > .card-header,
    .card-success:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-success:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-success.card-outline {
        border-top-color: rgb(56, 151, 74);
    }
    .card-success.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-success.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(56, 151, 74);
    }
    .bg-gradient-success > .card-header .btn-tool,
    .bg-success > .card-header .btn-tool,
    .card-success:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-success > .card-header .btn-tool:hover,
    .bg-success > .card-header .btn-tool:hover,
    .card-success:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th,
    .card.bg-success .bootstrap-datetimepicker-widget .table td,
    .card.bg-success .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(43, 108, 55);
        color: #d1d7e0;
    }
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-success .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-success .bootstrap-datetimepicker-widget table td.active,
    .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(59, 158, 96);
        color: #d1d7e0;
    }
    .card-info:not(.card-outline) > .card-header {
        background-color: rgb(40, 129, 140);
    }
    .card-info:not(.card-outline) > .card-header,
    .card-info:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-info:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-info.card-outline {
        border-top-color: rgb(44, 148, 161);
    }
    .card-info.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-info.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(44, 148, 161);
    }
    .bg-gradient-info > .card-header .btn-tool,
    .bg-info > .card-header .btn-tool,
    .card-info:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-info > .card-header .btn-tool:hover,
    .bg-info > .card-header .btn-tool:hover,
    .card-info:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th,
    .card.bg-info .bootstrap-datetimepicker-widget .table td,
    .card.bg-info .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(34, 106, 115);
        color: #d1d7e0;
    }
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-info .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-info .bootstrap-datetimepicker-widget table td.active,
    .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(46, 154, 169);
        color: #d1d7e0;
    }
    .card-warning:not(.card-outline) > .card-header {
        background-color: rgb(148, 115, 22);
    }
    .card-warning:not(.card-outline) > .card-header,
    .card-warning:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .card-warning:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-warning.card-outline {
        border-top-color: rgb(171, 134, 23);
    }
    .card-warning.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-warning.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(171, 134, 23);
    }
    .bg-gradient-warning > .card-header .btn-tool,
    .bg-warning > .card-header .btn-tool,
    .card-warning:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .bg-gradient-warning > .card-header .btn-tool:hover,
    .bg-warning > .card-header .btn-tool:hover,
    .card-warning:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th,
    .card.bg-warning .bootstrap-datetimepicker-widget .table td,
    .card.bg-warning .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(172, 135, 23);
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
    .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(127, 100, 20);
        color: rgb(202, 195, 185);
    }
    .card-danger:not(.card-outline) > .card-header {
        background-color: rgb(155, 44, 53);
    }
    .card-danger:not(.card-outline) > .card-header,
    .card-danger:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-danger:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-danger.card-outline {
        border-top-color: rgb(141, 41, 48);
    }
    .card-danger.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-danger.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(141, 41, 48);
    }
    .bg-danger > .card-header .btn-tool,
    .bg-gradient-danger > .card-header .btn-tool,
    .card-danger:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-danger > .card-header .btn-tool:hover,
    .bg-gradient-danger > .card-header .btn-tool:hover,
    .card-danger:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-danger .bootstrap-datetimepicker-widget .table td,
    .card.bg-danger .bootstrap-datetimepicker-widget .table th,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(149, 42, 51);
        color: #d1d7e0;
    }
    .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
    .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(133, 39, 46);
        color: #d1d7e0;
    }
    .card-light:not(.card-outline) > .card-header {
        background-color: rgb(39, 40, 40);
    }
    .card-light:not(.card-outline) > .card-header,
    .card-light:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .card-light:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-light.card-outline {
        border-top-color: rgb(60, 63, 63);
    }
    .card-light.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-light.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(60, 63, 63);
    }
    .bg-gradient-light > .card-header .btn-tool,
    .bg-light > .card-header .btn-tool,
    .card-light:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .bg-gradient-light > .card-header .btn-tool:hover,
    .bg-light > .card-header .btn-tool:hover,
    .card-light:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th,
    .card.bg-light .bootstrap-datetimepicker-widget .table td,
    .card.bg-light .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(50, 52, 52);
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-light .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-light .bootstrap-datetimepicker-widget table td.active,
    .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .card-dark:not(.card-outline) > .card-header {
        background-color: rgb(54, 56, 56);
    }
    .card-dark:not(.card-outline) > .card-header,
    .card-dark:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-dark:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-dark.card-outline {
        border-top-color: rgb(125, 116, 102);
    }
    .card-dark.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-dark.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(125, 116, 102);
    }
    .bg-dark > .card-header .btn-tool,
    .bg-gradient-dark > .card-header .btn-tool,
    .card-dark:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-dark > .card-header .btn-tool:hover,
    .bg-gradient-dark > .card-header .btn-tool:hover,
    .card-dark:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-dark .bootstrap-datetimepicker-widget .table td,
    .card.bg-dark .bootstrap-datetimepicker-widget .table th,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(40, 41, 41);
        color: #d1d7e0;
    }
    .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
    .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(72, 75, 76);
        color: #d1d7e0;
    }
    .card-lightblue:not(.card-outline) > .card-header {
        background-color: rgb(64, 115, 143);
    }
    .card-lightblue:not(.card-outline) > .card-header,
    .card-lightblue:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-lightblue:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-lightblue.card-outline {
        border-top-color: rgb(60, 106, 131);
    }
    .card-lightblue.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-lightblue.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(60, 106, 131);
    }
    .bg-gradient-lightblue > .card-header .btn-tool,
    .bg-lightblue > .card-header .btn-tool,
    .card-lightblue:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-lightblue > .card-header .btn-tool:hover,
    .bg-lightblue > .card-header .btn-tool:hover,
    .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th,
    .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
    .card.bg-lightblue .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(56, 98, 122);
        color: #d1d7e0;
    }
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
    .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(59, 104, 130);
        color: #d1d7e0;
    }
    .card-navy:not(.card-outline) > .card-header {
        background-color: rgb(16, 36, 55);
    }
    .card-navy:not(.card-outline) > .card-header,
    .card-navy:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-navy:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-navy.card-outline {
        border-top-color: rgb(133, 123, 109);
    }
    .card-navy.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-navy.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(133, 123, 109);
    }
    .bg-gradient-navy > .card-header .btn-tool,
    .bg-navy > .card-header .btn-tool,
    .card-navy:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-navy > .card-header .btn-tool:hover,
    .bg-navy > .card-header .btn-tool:hover,
    .card-navy:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th,
    .card.bg-navy .bootstrap-datetimepicker-widget .table td,
    .card.bg-navy .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(14, 21, 28);
        color: #d1d7e0;
    }
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
    .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(18, 54, 90);
        color: #d1d7e0;
    }
    .card-olive:not(.card-outline) > .card-header {
        background-color: rgb(65, 122, 94);
    }
    .card-olive:not(.card-outline) > .card-header,
    .card-olive:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-olive:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-olive.card-outline {
        border-top-color: rgb(70, 135, 103);
    }
    .card-olive.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-olive.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(70, 135, 103);
    }
    .bg-gradient-olive > .card-header .btn-tool,
    .bg-olive > .card-header .btn-tool,
    .card-olive:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-olive > .card-header .btn-tool:hover,
    .bg-olive > .card-header .btn-tool:hover,
    .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th,
    .card.bg-olive .bootstrap-datetimepicker-widget .table td,
    .card.bg-olive .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(54, 102, 78);
        color: #d1d7e0;
    }
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
    .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(73, 139, 114);
        color: #d1d7e0;
    }
    .card-lime:not(.card-outline) > .card-header {
        background-color: rgb(29, 192, 119);
    }
    .card-lime:not(.card-outline) > .card-header,
    .card-lime:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .card-lime:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-lime.card-outline {
        border-top-color: rgb(27, 169, 85);
    }
    .card-lime.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-lime.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(27, 169, 85);
    }
    .bg-gradient-lime > .card-header .btn-tool,
    .bg-lime > .card-header .btn-tool,
    .card-lime:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .bg-gradient-lime > .card-header .btn-tool:hover,
    .bg-lime > .card-header .btn-tool:hover,
    .card-lime:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th,
    .card.bg-lime .bootstrap-datetimepicker-widget .table td,
    .card.bg-lime .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(26, 164, 83);
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
    .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(27, 165, 103);
        color: rgb(202, 195, 185);
    }
    .card-fuchsia:not(.card-outline) > .card-header {
        background-color: rgb(177, 32, 141);
    }
    .card-fuchsia:not(.card-outline) > .card-header,
    .card-fuchsia:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-fuchsia:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-fuchsia.card-outline {
        border-top-color: rgb(157, 30, 126);
    }
    .card-fuchsia.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-fuchsia.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(157, 30, 126);
    }
    .bg-fuchsia > .card-header .btn-tool,
    .bg-gradient-fuchsia > .card-header .btn-tool,
    .card-fuchsia:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-fuchsia > .card-header .btn-tool:hover,
    .bg-gradient-fuchsia > .card-header .btn-tool:hover,
    .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
    .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(154, 29, 123);
        color: #d1d7e0;
    }
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
    .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(152, 29, 121);
        color: #d1d7e0;
    }
    .card-maroon:not(.card-outline) > .card-header {
        background-color: rgb(162, 39, 81);
    }
    .card-maroon:not(.card-outline) > .card-header,
    .card-maroon:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-maroon:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-maroon.card-outline {
        border-top-color: rgb(153, 37, 77);
    }
    .card-maroon.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-maroon.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(153, 37, 77);
    }
    .bg-gradient-maroon > .card-header .btn-tool,
    .bg-maroon > .card-header .btn-tool,
    .card-maroon:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-maroon > .card-header .btn-tool:hover,
    .bg-maroon > .card-header .btn-tool:hover,
    .card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th,
    .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
    .card.bg-maroon .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(137, 34, 70);
        color: #d1d7e0;
    }
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
    .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(152, 37, 76);
        color: #d1d7e0;
    }
    .card-blue:not(.card-outline) > .card-header {
        background-color: rgb(23, 102, 185);
    }
    .card-blue:not(.card-outline) > .card-header,
    .card-blue:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-blue:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-blue.card-outline {
        border-top-color: rgb(22, 91, 164);
    }
    .card-blue.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-blue.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(22, 91, 164);
    }
    .bg-blue > .card-header .btn-tool,
    .bg-gradient-blue > .card-header .btn-tool,
    .card-blue:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-blue > .card-header .btn-tool:hover,
    .bg-gradient-blue > .card-header .btn-tool:hover,
    .card-blue:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-blue .bootstrap-datetimepicker-widget .table td,
    .card.bg-blue .bootstrap-datetimepicker-widget .table th,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(22, 87, 157);
        color: #d1d7e0;
    }
    .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
    .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(22, 88, 159);
        color: #d1d7e0;
    }
    .card-indigo:not(.card-outline) > .card-header {
        background-color: rgb(84, 27, 173);
    }
    .card-indigo:not(.card-outline) > .card-header,
    .card-indigo:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-indigo:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-indigo.card-outline {
        border-top-color: rgb(76, 26, 153);
    }
    .card-indigo.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-indigo.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(76, 26, 153);
    }
    .bg-gradient-indigo > .card-header .btn-tool,
    .bg-indigo > .card-header .btn-tool,
    .card-indigo:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-indigo > .card-header .btn-tool:hover,
    .bg-indigo > .card-header .btn-tool:hover,
    .card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th,
    .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
    .card.bg-indigo .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(74, 25, 150);
        color: #d1d7e0;
    }
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
    .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(73, 25, 149);
        color: #d1d7e0;
    }
    .card-purple:not(.card-outline) > .card-header {
        background-color: rgb(92, 62, 142);
    }
    .card-purple:not(.card-outline) > .card-header,
    .card-purple:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-purple:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-purple.card-outline {
        border-top-color: rgb(83, 56, 127);
    }
    .card-purple.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-purple.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(83, 56, 127);
    }
    .bg-gradient-purple > .card-header .btn-tool,
    .bg-purple > .card-header .btn-tool,
    .card-purple:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-purple > .card-header .btn-tool:hover,
    .bg-purple > .card-header .btn-tool:hover,
    .card-purple:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th,
    .card.bg-purple .bootstrap-datetimepicker-widget .table td,
    .card.bg-purple .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(81, 55, 124);
        color: #d1d7e0;
    }
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
    .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(80, 54, 122);
        color: #d1d7e0;
    }
    .card-pink:not(.card-outline) > .card-header {
        background-color: rgb(152, 36, 87);
    }
    .card-pink:not(.card-outline) > .card-header,
    .card-pink:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-pink:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-pink.card-outline {
        border-top-color: rgb(142, 35, 81);
    }
    .card-pink.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-pink.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(142, 35, 81);
    }
    .bg-gradient-pink > .card-header .btn-tool,
    .bg-pink > .card-header .btn-tool,
    .card-pink:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-pink > .card-header .btn-tool:hover,
    .bg-pink > .card-header .btn-tool:hover,
    .card-pink:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th,
    .card.bg-pink .bootstrap-datetimepicker-widget .table td,
    .card.bg-pink .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(169, 39, 95);
        color: #d1d7e0;
    }
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
    .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(129, 32, 74);
        color: #d1d7e0;
    }
    .card-red:not(.card-outline) > .card-header {
        background-color: rgb(155, 44, 53);
    }
    .card-red:not(.card-outline) > .card-header,
    .card-red:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-red:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-red.card-outline {
        border-top-color: rgb(141, 41, 48);
    }
    .card-red.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-red.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(141, 41, 48);
    }
    .bg-gradient-red > .card-header .btn-tool,
    .bg-red > .card-header .btn-tool,
    .card-red:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-red > .card-header .btn-tool:hover,
    .bg-red > .card-header .btn-tool:hover,
    .card-red:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th,
    .card.bg-red .bootstrap-datetimepicker-widget .table td,
    .card.bg-red .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(149, 42, 51);
        color: #d1d7e0;
    }
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-red .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-red .bootstrap-datetimepicker-widget table td.active,
    .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(133, 39, 46);
        color: #d1d7e0;
    }
    .card-orange:not(.card-outline) > .card-header {
        background-color: rgb(182, 96, 23);
    }
    .card-orange:not(.card-outline) > .card-header,
    .card-orange:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .card-orange:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-orange.card-outline {
        border-top-color: rgb(164, 87, 21);
    }
    .card-orange.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-orange.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(164, 87, 21);
    }
    .bg-gradient-orange > .card-header .btn-tool,
    .bg-orange > .card-header .btn-tool,
    .card-orange:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .bg-gradient-orange > .card-header .btn-tool:hover,
    .bg-orange > .card-header .btn-tool:hover,
    .card-orange:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th,
    .card.bg-orange .bootstrap-datetimepicker-widget .table td,
    .card.bg-orange .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(175, 93, 23);
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
    .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(154, 83, 22);
        color: rgb(202, 195, 185);
    }
    .card-yellow:not(.card-outline) > .card-header {
        background-color: rgb(148, 115, 22);
    }
    .card-yellow:not(.card-outline) > .card-header,
    .card-yellow:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .card-yellow:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-yellow.card-outline {
        border-top-color: rgb(171, 134, 23);
    }
    .card-yellow.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-yellow.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(171, 134, 23);
    }
    .bg-gradient-yellow > .card-header .btn-tool,
    .bg-yellow > .card-header .btn-tool,
    .card-yellow:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .bg-gradient-yellow > .card-header .btn-tool:hover,
    .bg-yellow > .card-header .btn-tool:hover,
    .card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th,
    .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
    .card.bg-yellow .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(172, 135, 23);
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
    .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(127, 100, 20);
        color: rgb(202, 195, 185);
    }
    .card-green:not(.card-outline) > .card-header {
        background-color: rgb(50, 132, 65);
    }
    .card-green:not(.card-outline) > .card-header,
    .card-green:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-green:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-green.card-outline {
        border-top-color: rgb(56, 151, 74);
    }
    .card-green.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-green.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(56, 151, 74);
    }
    .bg-gradient-green > .card-header .btn-tool,
    .bg-green > .card-header .btn-tool,
    .card-green:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-green > .card-header .btn-tool:hover,
    .bg-green > .card-header .btn-tool:hover,
    .card-green:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th,
    .card.bg-green .bootstrap-datetimepicker-widget .table td,
    .card.bg-green .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(43, 108, 55);
        color: #d1d7e0;
    }
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-green .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-green .bootstrap-datetimepicker-widget table td.active,
    .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(59, 158, 96);
        color: #d1d7e0;
    }
    .card-teal:not(.card-outline) > .card-header {
        background-color: rgb(48, 156, 120);
    }
    .card-teal:not(.card-outline) > .card-header,
    .card-teal:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-teal:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-teal.card-outline {
        border-top-color: rgb(47, 155, 120);
    }
    .card-teal.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-teal.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(47, 155, 120);
    }
    .bg-gradient-teal > .card-header .btn-tool,
    .bg-teal > .card-header .btn-tool,
    .card-teal:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-teal > .card-header .btn-tool:hover,
    .bg-teal > .card-header .btn-tool:hover,
    .card-teal:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th,
    .card.bg-teal .bootstrap-datetimepicker-widget .table td,
    .card.bg-teal .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(42, 131, 102);
        color: #d1d7e0;
    }
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
    .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(49, 156, 129);
        color: #d1d7e0;
    }
    .card-cyan:not(.card-outline) > .card-header {
        background-color: rgb(40, 129, 140);
    }
    .card-cyan:not(.card-outline) > .card-header,
    .card-cyan:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-cyan:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-cyan.card-outline {
        border-top-color: rgb(44, 148, 161);
    }
    .card-cyan.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-cyan.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(44, 148, 161);
    }
    .bg-cyan > .card-header .btn-tool,
    .bg-gradient-cyan > .card-header .btn-tool,
    .card-cyan:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-cyan > .card-header .btn-tool:hover,
    .bg-gradient-cyan > .card-header .btn-tool:hover,
    .card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
    .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(34, 106, 115);
        color: #d1d7e0;
    }
    .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
    .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(46, 154, 169);
        color: #d1d7e0;
    }
    .card-white:not(.card-outline) > .card-header {
        background-color: #202831;
    }
    .card-white:not(.card-outline) > .card-header,
    .card-white:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .card-white:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-white.card-outline {
        border-top-color: rgb(58, 61, 61);
    }
    .card-white.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-white.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(58, 61, 61);
    }
    .bg-gradient-white > .card-header .btn-tool,
    .bg-white > .card-header .btn-tool,
    .card-white:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .bg-gradient-white > .card-header .btn-tool:hover,
    .bg-white > .card-header .btn-tool:hover,
    .card-white:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th,
    .card.bg-white .bootstrap-datetimepicker-widget .table td,
    .card.bg-white .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(46, 48, 48);
        color: rgb(202, 195, 185);
    }
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-white .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-white .bootstrap-datetimepicker-widget table td.active,
    .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .card-gray:not(.card-outline) > .card-header {
        background-color: rgb(96, 100, 101);
    }
    .card-gray:not(.card-outline) > .card-header,
    .card-gray:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-gray:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-gray.card-outline {
        border-top-color: rgb(107, 99, 88);
    }
    .card-gray.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-gray.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(107, 99, 88);
    }
    .bg-gradient-gray > .card-header .btn-tool,
    .bg-gray > .card-header .btn-tool,
    .card-gray:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-gray > .card-header .btn-tool:hover,
    .bg-gray > .card-header .btn-tool:hover,
    .card-gray:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th,
    .card.bg-gray .bootstrap-datetimepicker-widget .table td,
    .card.bg-gray .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(81, 84, 85);
        color: #d1d7e0;
    }
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .card-gray-dark:not(.card-outline) > .card-header {
        background-color: rgb(54, 56, 56);
    }
    .card-gray-dark:not(.card-outline) > .card-header,
    .card-gray-dark:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .card-gray-dark:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .card-gray-dark.card-outline {
        border-top-color: rgb(125, 116, 102);
    }
    .card-gray-dark.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card-gray-dark.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(125, 116, 102);
    }
    .bg-gradient-gray-dark > .card-header .btn-tool,
    .bg-gray-dark > .card-header .btn-tool,
    .card-gray-dark:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .bg-gradient-gray-dark > .card-header .btn-tool:hover,
    .bg-gray-dark > .card-header .btn-tool:hover,
    .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(40, 41, 41);
        color: #d1d7e0;
    }
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
    .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(72, 75, 76);
        color: #d1d7e0;
    }
    .card {
        box-shadow: rgba(13, 13, 13, 0.13) 0px 0px 1px, rgba(13, 13, 13, 0.2) 0px 1px 3px;
    }
    .card.bg-dark .card-header {
        border-color: rgb(123, 115, 101);
    }
    .card.bg-dark,
    .card.bg-dark .card-body {
        color: #d1d7e0;
    }
    .card .nav.flex-column > li {
        border-bottom-color: rgba(143, 132, 117, 0.13);
    }
    .card .nav.flex-column > li:last-of-type {
        border-bottom-color: currentcolor;
    }
    .card .border-right {
        border-right-color: rgba(143, 132, 117, 0.13);
    }
    .card .border-left {
        border-left-color: rgba(143, 132, 117, 0.13);
    }
    .card.card-tabs:not(.card-outline) > .card-header {
        border-bottom-color: currentcolor;
    }
    .card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
        border-left-color: transparent;
    }
    .card.card-tabs.card-outline .nav-item {
        border-bottom-color: currentcolor;
    }
    .card.card-tabs.card-outline .nav-item:first-child .nav-link {
        border-left-color: currentcolor;
    }
    .card.card-tabs:not(.expanding-card).collapsed-card .card-header {
        border-bottom-color: currentcolor;
    }
    .card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
        border-bottom-color: currentcolor;
    }
    .card.card-outline-tabs {
        border-top-color: currentcolor;
    }
    .card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
        border-left-color: currentcolor;
    }
    .card.card-outline-tabs .card-header a {
        border-top-color: transparent;
    }
    .card.card-outline-tabs .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
        border-bottom-color: currentcolor;
    }
    .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
        border-bottom-color: currentcolor;
    }
    .card-header {
        background-color: transparent;
        border-bottom-color: rgba(143, 132, 117, 0.13);
    }
    .collapsed-card .card-header {
        border-bottom-color: currentcolor;
    }
    .btn-tool {
        background-color: transparent;
        color: rgb(185, 177, 166);
    }
    .btn-group.show .btn-tool,
    .btn-tool:hover {
        color: #9198a1;
    }
    .btn-tool:focus,
    .show .btn-tool {
        box-shadow: none !important;
    }
    .chart-legend {
        list-style-image: none;
    }
    .card-comments {
        background-color: rgb(39, 40, 40);
    }
    .card-comments .card-comment {
        border-bottom-color: #9198a1;
    }
    .card-comments .card-comment:last-of-type {
        border-bottom-color: currentcolor;
    }
    .card-comments .comment-text {
        color: rgb(156, 146, 132);
    }
    .card-comments .username {
        color: #9198a1;
    }
    .todo-list {
        list-style-image: none;
    }
    .todo-list > li {
        background-color: rgb(39, 40, 40);
        border-left-color: #9198a1;
        color: #9198a1;
    }
    .todo-list > li .tools {
        color: rgb(208, 82, 91);
    }
    .todo-list > li.done {
        color: rgb(159, 150, 136);
    }
    .todo-list > li.done .text {
        text-decoration-color: currentcolor;
    }
    .todo-list > li.done .badge {
        background-color: rgb(75, 78, 79) !important;
    }
    .todo-list .primary {
        border-left-color: rgb(22, 91, 164);
    }
    .todo-list .secondary {
        border-left-color: rgb(107, 99, 88);
    }
    .todo-list .success {
        border-left-color: rgb(56, 151, 74);
    }
    .todo-list .info {
        border-left-color: rgb(44, 148, 161);
    }
    .todo-list .warning {
        border-left-color: rgb(171, 134, 23);
    }
    .todo-list .danger {
        border-left-color: rgb(141, 41, 48);
    }
    .todo-list .light {
        border-left-color: rgb(60, 63, 63);
    }
    .todo-list .dark {
        border-left-color: rgb(125, 116, 102);
    }
    .todo-list .lightblue {
        border-left-color: rgb(60, 106, 131);
    }
    .todo-list .navy {
        border-left-color: rgb(133, 123, 109);
    }
    .todo-list .olive {
        border-left-color: rgb(70, 135, 103);
    }
    .todo-list .lime {
        border-left-color: rgb(27, 169, 85);
    }
    .todo-list .fuchsia {
        border-left-color: rgb(157, 30, 126);
    }
    .todo-list .maroon {
        border-left-color: rgb(153, 37, 77);
    }
    .todo-list .blue {
        border-left-color: rgb(22, 91, 164);
    }
    .todo-list .indigo {
        border-left-color: rgb(76, 26, 153);
    }
    .todo-list .purple {
        border-left-color: rgb(83, 56, 127);
    }
    .todo-list .pink {
        border-left-color: rgb(142, 35, 81);
    }
    .todo-list .red {
        border-left-color: rgb(141, 41, 48);
    }
    .todo-list .orange {
        border-left-color: rgb(164, 87, 21);
    }
    .todo-list .yellow {
        border-left-color: rgb(171, 134, 23);
    }
    .todo-list .green {
        border-left-color: rgb(56, 151, 74);
    }
    .todo-list .teal {
        border-left-color: rgb(47, 155, 120);
    }
    .todo-list .cyan {
        border-left-color: rgb(44, 148, 161);
    }
    .todo-list .white {
        border-left-color: rgb(58, 61, 61);
    }
    .todo-list .gray {
        border-left-color: rgb(107, 99, 88);
    }
    .todo-list .gray-dark {
        border-left-color: rgb(125, 116, 102);
    }
    .card-default .nav-item:first-child .nav-link {
        border-left-color: currentcolor;
    }
    .dark-mode .card-primary:not(.card-outline) > .card-header {
        background-color: rgb(63, 88, 113);
    }
    .dark-mode .card-primary:not(.card-outline) > .card-header,
    .dark-mode .card-primary:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-primary:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-primary.card-outline {
        border-top-color: rgb(71, 100, 129);
    }
    .dark-mode .card-primary.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-primary.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(71, 100, 129);
    }
    .dark-mode .bg-gradient-primary > .card-header .btn-tool,
    .dark-mode .bg-primary > .card-header .btn-tool,
    .dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-primary > .card-header .btn-tool:hover,
    .dark-mode .bg-primary > .card-header .btn-tool:hover,
    .dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(54, 73, 94);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(74, 104, 135);
        color: #d1d7e0;
    }
    .dark-mode .card-secondary:not(.card-outline) > .card-header {
        background-color: rgb(96, 100, 101);
    }
    .dark-mode .card-secondary:not(.card-outline) > .card-header,
    .dark-mode .card-secondary:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-secondary:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-secondary.card-outline {
        border-top-color: rgb(107, 99, 88);
    }
    .dark-mode .card-secondary.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-secondary.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(107, 99, 88);
    }
    .dark-mode .bg-gradient-secondary > .card-header .btn-tool,
    .dark-mode .bg-secondary > .card-header .btn-tool,
    .dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-secondary > .card-header .btn-tool:hover,
    .dark-mode .bg-secondary > .card-header .btn-tool:hover,
    .dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(81, 84, 85);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .card-success:not(.card-outline) > .card-header {
        background-color: rgb(25, 145, 112);
    }
    .dark-mode .card-success:not(.card-outline) > .card-header,
    .dark-mode .card-success:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-success:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-success.card-outline {
        border-top-color: rgb(29, 189, 144);
    }
    .dark-mode .card-success.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-success.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(29, 189, 144);
    }
    .dark-mode .bg-gradient-success > .card-header .btn-tool,
    .dark-mode .bg-success > .card-header .btn-tool,
    .dark-mode .card-success:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-success > .card-header .btn-tool:hover,
    .dark-mode .bg-success > .card-header .btn-tool:hover,
    .dark-mode .card-success:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(23, 117, 91);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(29, 182, 139);
        color: #d1d7e0;
    }
    .dark-mode .card-info:not(.card-outline) > .card-header {
        background-color: rgb(48, 113, 154);
    }
    .dark-mode .card-info:not(.card-outline) > .card-header,
    .dark-mode .card-info:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-info:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-info.card-outline {
        border-top-color: rgb(45, 102, 140);
    }
    .dark-mode .card-info.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-info.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(45, 102, 140);
    }
    .dark-mode .bg-gradient-info > .card-header .btn-tool,
    .dark-mode .bg-info > .card-header .btn-tool,
    .dark-mode .card-info:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-info > .card-header .btn-tool:hover,
    .dark-mode .bg-info > .card-header .btn-tool:hover,
    .dark-mode .card-info:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(47, 108, 147);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(42, 97, 132);
        color: #d1d7e0;
    }
    .dark-mode .card-warning:not(.card-outline) > .card-header {
        background-color: rgb(183, 125, 31);
    }
    .dark-mode .card-warning:not(.card-outline) > .card-header,
    .dark-mode .card-warning:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-warning:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-warning.card-outline {
        border-top-color: rgb(163, 111, 29);
    }
    .dark-mode .card-warning.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-warning.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(163, 111, 29);
    }
    .dark-mode .bg-gradient-warning > .card-header .btn-tool,
    .dark-mode .bg-warning > .card-header .btn-tool,
    .dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-warning > .card-header .btn-tool:hover,
    .dark-mode .bg-warning > .card-header .btn-tool:hover,
    .dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(163, 111, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(157, 107, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-danger:not(.card-outline) > .card-header {
        background-color: rgb(153, 47, 35);
    }
    .dark-mode .card-danger:not(.card-outline) > .card-header,
    .dark-mode .card-danger:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-danger:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-danger.card-outline {
        border-top-color: rgb(142, 45, 33);
    }
    .dark-mode .card-danger.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-danger.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(142, 45, 33);
    }
    .dark-mode .bg-danger > .card-header .btn-tool,
    .dark-mode .bg-gradient-danger > .card-header .btn-tool,
    .dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-danger > .card-header .btn-tool:hover,
    .dark-mode .bg-gradient-danger > .card-header .btn-tool:hover,
    .dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(167, 51, 37);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(130, 42, 30);
        color: #d1d7e0;
    }
    .dark-mode .card-light:not(.card-outline) > .card-header {
        background-color: rgb(39, 40, 40);
    }
    .dark-mode .card-light:not(.card-outline) > .card-header,
    .dark-mode .card-light:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-light:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-light.card-outline {
        border-top-color: rgb(60, 63, 63);
    }
    .dark-mode .card-light.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-light.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(60, 63, 63);
    }
    .dark-mode .bg-gradient-light > .card-header .btn-tool,
    .dark-mode .bg-light > .card-header .btn-tool,
    .dark-mode .card-light:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-light > .card-header .btn-tool:hover,
    .dark-mode .bg-light > .card-header .btn-tool:hover,
    .dark-mode .card-light:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(50, 52, 52);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-dark:not(.card-outline) > .card-header {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .card-dark:not(.card-outline) > .card-header,
    .dark-mode .card-dark:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-dark:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-dark.card-outline {
        border-top-color: rgb(125, 116, 102);
    }
    .dark-mode .card-dark.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-dark.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(125, 116, 102);
    }
    .dark-mode .bg-dark > .card-header .btn-tool,
    .dark-mode .bg-gradient-dark > .card-header .btn-tool,
    .dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-dark > .card-header .btn-tool:hover,
    .dark-mode .bg-gradient-dark > .card-header .btn-tool:hover,
    .dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(40, 41, 41);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(72, 75, 76);
        color: #d1d7e0;
    }
    .dark-mode .card-lightblue:not(.card-outline) > .card-header {
        background-color: rgb(51, 89, 109);
    }
    .dark-mode .card-lightblue:not(.card-outline) > .card-header,
    .dark-mode .card-lightblue:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-lightblue:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-lightblue.card-outline {
        border-top-color: rgb(52, 90, 111);
    }
    .dark-mode .card-lightblue.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-lightblue.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(52, 90, 111);
    }
    .dark-mode .bg-gradient-lightblue > .card-header .btn-tool,
    .dark-mode .bg-lightblue > .card-header .btn-tool,
    .dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-lightblue > .card-header .btn-tool:hover,
    .dark-mode .bg-lightblue > .card-header .btn-tool:hover,
    .dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(58, 101, 125);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(43, 73, 90);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-navy:not(.card-outline) > .card-header {
        background-color: rgb(17, 45, 73);
    }
    .dark-mode .card-navy:not(.card-outline) > .card-header,
    .dark-mode .card-navy:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-navy:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-navy.card-outline {
        border-top-color: rgb(129, 120, 106);
    }
    .dark-mode .card-navy.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-navy.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(129, 120, 106);
    }
    .dark-mode .bg-gradient-navy > .card-header .btn-tool,
    .dark-mode .bg-navy > .card-header .btn-tool,
    .dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-navy > .card-header .btn-tool:hover,
    .dark-mode .bg-navy > .card-header .btn-tool:hover,
    .dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(15, 29, 45);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(19, 63, 107);
        color: #d1d7e0;
    }
    .dark-mode .card-olive:not(.card-outline) > .card-header {
        background-color: rgb(63, 121, 98);
    }
    .dark-mode .card-olive:not(.card-outline) > .card-header,
    .dark-mode .card-olive:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-olive:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-olive.card-outline {
        border-top-color: rgb(61, 116, 88);
    }
    .dark-mode .card-olive.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-olive.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(61, 116, 88);
    }
    .dark-mode .bg-gradient-olive > .card-header .btn-tool,
    .dark-mode .bg-olive > .card-header .btn-tool,
    .dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-olive > .card-header .btn-tool:hover,
    .dark-mode .bg-olive > .card-header .btn-tool:hover,
    .dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(71, 136, 111);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(54, 101, 82);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-lime:not(.card-outline) > .card-header {
        background-color: rgb(24, 138, 87);
    }
    .dark-mode .card-lime:not(.card-outline) > .card-header,
    .dark-mode .card-lime:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-lime:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-lime.card-outline {
        border-top-color: rgb(25, 143, 72);
    }
    .dark-mode .card-lime.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-lime.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(25, 143, 72);
    }
    .dark-mode .bg-gradient-lime > .card-header .btn-tool,
    .dark-mode .bg-lime > .card-header .btn-tool,
    .dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-lime > .card-header .btn-tool:hover,
    .dark-mode .bg-lime > .card-header .btn-tool:hover,
    .dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(26, 160, 100);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(22, 112, 71);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-fuchsia:not(.card-outline) > .card-header {
        background-color: rgb(128, 26, 102);
    }
    .dark-mode .card-fuchsia:not(.card-outline) > .card-header,
    .dark-mode .card-fuchsia:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-fuchsia:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-fuchsia.card-outline {
        border-top-color: rgb(132, 27, 106);
    }
    .dark-mode .card-fuchsia.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(132, 27, 106);
    }
    .dark-mode .bg-fuchsia > .card-header .btn-tool,
    .dark-mode .bg-gradient-fuchsia > .card-header .btn-tool,
    .dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-fuchsia > .card-header .btn-tool:hover,
    .dark-mode .bg-gradient-fuchsia > .card-header .btn-tool:hover,
    .dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(147, 28, 117);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(103, 24, 82);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-maroon:not(.card-outline) > .card-header {
        background-color: rgb(129, 32, 65);
    }
    .dark-mode .card-maroon:not(.card-outline) > .card-header,
    .dark-mode .card-maroon:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-maroon:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-maroon.card-outline {
        border-top-color: rgb(130, 33, 66);
    }
    .dark-mode .card-maroon.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-maroon.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(130, 33, 66);
    }
    .dark-mode .bg-gradient-maroon > .card-header .btn-tool,
    .dark-mode .bg-maroon > .card-header .btn-tool,
    .dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-maroon > .card-header .btn-tool:hover,
    .dark-mode .bg-maroon > .card-header .btn-tool:hover,
    .dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(147, 35, 75);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(105, 29, 55);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-blue:not(.card-outline) > .card-header {
        background-color: rgb(63, 88, 113);
    }
    .dark-mode .card-blue:not(.card-outline) > .card-header,
    .dark-mode .card-blue:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-blue:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-blue.card-outline {
        border-top-color: rgb(71, 100, 129);
    }
    .dark-mode .card-blue.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-blue.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(71, 100, 129);
    }
    .dark-mode .bg-blue > .card-header .btn-tool,
    .dark-mode .bg-gradient-blue > .card-header .btn-tool,
    .dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-blue > .card-header .btn-tool:hover,
    .dark-mode .bg-gradient-blue > .card-header .btn-tool:hover,
    .dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(54, 73, 94);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(74, 104, 135);
        color: #d1d7e0;
    }
    .dark-mode .card-indigo:not(.card-outline) > .card-header {
        background-color: rgb(84, 27, 173);
    }
    .dark-mode .card-indigo:not(.card-outline) > .card-header,
    .dark-mode .card-indigo:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-indigo:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-indigo.card-outline {
        border-top-color: rgb(76, 26, 153);
    }
    .dark-mode .card-indigo.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-indigo.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(76, 26, 153);
    }
    .dark-mode .bg-gradient-indigo > .card-header .btn-tool,
    .dark-mode .bg-indigo > .card-header .btn-tool,
    .dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-indigo > .card-header .btn-tool:hover,
    .dark-mode .bg-indigo > .card-header .btn-tool:hover,
    .dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(74, 25, 150);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(73, 25, 149);
        color: #d1d7e0;
    }
    .dark-mode .card-purple:not(.card-outline) > .card-header {
        background-color: rgb(92, 62, 142);
    }
    .dark-mode .card-purple:not(.card-outline) > .card-header,
    .dark-mode .card-purple:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-purple:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-purple.card-outline {
        border-top-color: rgb(83, 56, 127);
    }
    .dark-mode .card-purple.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-purple.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(83, 56, 127);
    }
    .dark-mode .bg-gradient-purple > .card-header .btn-tool,
    .dark-mode .bg-purple > .card-header .btn-tool,
    .dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-purple > .card-header .btn-tool:hover,
    .dark-mode .bg-purple > .card-header .btn-tool:hover,
    .dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(81, 55, 124);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(80, 54, 122);
        color: #d1d7e0;
    }
    .dark-mode .card-pink:not(.card-outline) > .card-header {
        background-color: rgb(152, 36, 87);
    }
    .dark-mode .card-pink:not(.card-outline) > .card-header,
    .dark-mode .card-pink:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-pink:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-pink.card-outline {
        border-top-color: rgb(142, 35, 81);
    }
    .dark-mode .card-pink.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-pink.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(142, 35, 81);
    }
    .dark-mode .bg-gradient-pink > .card-header .btn-tool,
    .dark-mode .bg-pink > .card-header .btn-tool,
    .dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-pink > .card-header .btn-tool:hover,
    .dark-mode .bg-pink > .card-header .btn-tool:hover,
    .dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(169, 39, 95);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(129, 32, 74);
        color: #d1d7e0;
    }
    .dark-mode .card-red:not(.card-outline) > .card-header {
        background-color: rgb(153, 47, 35);
    }
    .dark-mode .card-red:not(.card-outline) > .card-header,
    .dark-mode .card-red:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-red:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-red.card-outline {
        border-top-color: rgb(142, 45, 33);
    }
    .dark-mode .card-red.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-red.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(142, 45, 33);
    }
    .dark-mode .bg-gradient-red > .card-header .btn-tool,
    .dark-mode .bg-red > .card-header .btn-tool,
    .dark-mode .card-red:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-red > .card-header .btn-tool:hover,
    .dark-mode .bg-red > .card-header .btn-tool:hover,
    .dark-mode .card-red:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(167, 51, 37);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(130, 42, 30);
        color: #d1d7e0;
    }
    .dark-mode .card-orange:not(.card-outline) > .card-header {
        background-color: rgb(182, 96, 23);
    }
    .dark-mode .card-orange:not(.card-outline) > .card-header,
    .dark-mode .card-orange:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-orange:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-orange.card-outline {
        border-top-color: rgb(164, 87, 21);
    }
    .dark-mode .card-orange.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-orange.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(164, 87, 21);
    }
    .dark-mode .bg-gradient-orange > .card-header .btn-tool,
    .dark-mode .bg-orange > .card-header .btn-tool,
    .dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-orange > .card-header .btn-tool:hover,
    .dark-mode .bg-orange > .card-header .btn-tool:hover,
    .dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(175, 93, 23);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(154, 83, 22);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-yellow:not(.card-outline) > .card-header {
        background-color: rgb(183, 125, 31);
    }
    .dark-mode .card-yellow:not(.card-outline) > .card-header,
    .dark-mode .card-yellow:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-yellow:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-yellow.card-outline {
        border-top-color: rgb(163, 111, 29);
    }
    .dark-mode .card-yellow.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-yellow.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(163, 111, 29);
    }
    .dark-mode .bg-gradient-yellow > .card-header .btn-tool,
    .dark-mode .bg-yellow > .card-header .btn-tool,
    .dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-yellow > .card-header .btn-tool:hover,
    .dark-mode .bg-yellow > .card-header .btn-tool:hover,
    .dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(163, 111, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(157, 107, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-green:not(.card-outline) > .card-header {
        background-color: rgb(25, 145, 112);
    }
    .dark-mode .card-green:not(.card-outline) > .card-header,
    .dark-mode .card-green:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-green:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-green.card-outline {
        border-top-color: rgb(29, 189, 144);
    }
    .dark-mode .card-green.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-green.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(29, 189, 144);
    }
    .dark-mode .bg-gradient-green > .card-header .btn-tool,
    .dark-mode .bg-green > .card-header .btn-tool,
    .dark-mode .card-green:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-green > .card-header .btn-tool:hover,
    .dark-mode .bg-green > .card-header .btn-tool:hover,
    .dark-mode .card-green:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(23, 117, 91);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(29, 182, 139);
        color: #d1d7e0;
    }
    .dark-mode .card-teal:not(.card-outline) > .card-header {
        background-color: rgb(48, 156, 120);
    }
    .dark-mode .card-teal:not(.card-outline) > .card-header,
    .dark-mode .card-teal:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-teal:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-teal.card-outline {
        border-top-color: rgb(47, 155, 120);
    }
    .dark-mode .card-teal.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-teal.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(47, 155, 120);
    }
    .dark-mode .bg-gradient-teal > .card-header .btn-tool,
    .dark-mode .bg-teal > .card-header .btn-tool,
    .dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-teal > .card-header .btn-tool:hover,
    .dark-mode .bg-teal > .card-header .btn-tool:hover,
    .dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(42, 131, 102);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(49, 156, 129);
        color: #d1d7e0;
    }
    .dark-mode .card-cyan:not(.card-outline) > .card-header {
        background-color: rgb(48, 113, 154);
    }
    .dark-mode .card-cyan:not(.card-outline) > .card-header,
    .dark-mode .card-cyan:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-cyan:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-cyan.card-outline {
        border-top-color: rgb(45, 102, 140);
    }
    .dark-mode .card-cyan.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-cyan.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(45, 102, 140);
    }
    .dark-mode .bg-cyan > .card-header .btn-tool,
    .dark-mode .bg-gradient-cyan > .card-header .btn-tool,
    .dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-cyan > .card-header .btn-tool:hover,
    .dark-mode .bg-gradient-cyan > .card-header .btn-tool:hover,
    .dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(47, 108, 147);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(42, 97, 132);
        color: #d1d7e0;
    }
    .dark-mode .card-white:not(.card-outline) > .card-header {
        background-color: #202831;
    }
    .dark-mode .card-white:not(.card-outline) > .card-header,
    .dark-mode .card-white:not(.card-outline) > .card-header a {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-white:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-white.card-outline {
        border-top-color: rgb(58, 61, 61);
    }
    .dark-mode .card-white.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-white.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(58, 61, 61);
    }
    .dark-mode .bg-gradient-white > .card-header .btn-tool,
    .dark-mode .bg-white > .card-header .btn-tool,
    .dark-mode .card-white:not(.card-outline) > .card-header .btn-tool {
        color: rgba(202, 195, 185, 0.8);
    }
    .dark-mode .bg-gradient-white > .card-header .btn-tool:hover,
    .dark-mode .bg-white > .card-header .btn-tool:hover,
    .dark-mode .card-white:not(.card-outline) > .card-header .btn-tool:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(46, 48, 48);
        color: rgb(202, 195, 185);
    }
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(129, 120, 106);
    }
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-gray:not(.card-outline) > .card-header {
        background-color: rgb(96, 100, 101);
    }
    .dark-mode .card-gray:not(.card-outline) > .card-header,
    .dark-mode .card-gray:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-gray:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-gray.card-outline {
        border-top-color: rgb(107, 99, 88);
    }
    .dark-mode .card-gray.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-gray.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(107, 99, 88);
    }
    .dark-mode .bg-gradient-gray > .card-header .btn-tool,
    .dark-mode .bg-gray > .card-header .btn-tool,
    .dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-gray > .card-header .btn-tool:hover,
    .dark-mode .bg-gray > .card-header .btn-tool:hover,
    .dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(81, 84, 85);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .card-gray-dark:not(.card-outline) > .card-header {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .card-gray-dark:not(.card-outline) > .card-header,
    .dark-mode .card-gray-dark:not(.card-outline) > .card-header a {
        color: #d1d7e0;
    }
    .dark-mode .card-gray-dark:not(.card-outline) > .card-header a.active {
        color: rgb(202, 195, 185);
    }
    .dark-mode .card-gray-dark.card-outline {
        border-top-color: rgb(125, 116, 102);
    }
    .dark-mode .card-gray-dark.card-outline-tabs > .card-header a:hover {
        border-top-color: rgb(66, 69, 69);
    }
    .dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active {
        border-top-color: rgb(125, 116, 102);
    }
    .dark-mode .bg-gradient-gray-dark > .card-header .btn-tool,
    .dark-mode .bg-gray-dark > .card-header .btn-tool,
    .dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool {
        color: rgba(229, 224, 216, 0.8);
    }
    .dark-mode .bg-gradient-gray-dark > .card-header .btn-tool:hover,
    .dark-mode .bg-gray-dark > .card-header .btn-tool:hover,
    .dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th {
        border-color: currentcolor;
    }
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: rgb(40, 41, 41);
        color: #d1d7e0;
    }
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
        border-bottom-color: rgb(58, 61, 61);
    }
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
    .dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: rgb(72, 75, 76);
        color: #d1d7e0;
    }
    .dark-mode .card {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .card .card {
        background-color: #9198a1;
        color: #d1d7e0;
    }
    .dark-mode .card .nav.flex-column > li {
        border-bottom-color: rgb(107, 99, 88);
    }
    .dark-mode .card .card-footer {
        background-color: rgba(13, 13, 13, 0.1);
    }
    .dark-mode .card.card-outline-tabs .card-header a:hover {
        border-color: rgb(107, 99, 88) rgb(107, 99, 88) transparent;
    }
    .dark-mode .card:not(.card-outline) > .card-header a.active {
        color: #d1d7e0;
    }
    .dark-mode .card-comments {
        background-color: rgb(56, 59, 59);
    }
    .dark-mode .card-comments .username {
        color: rgb(204, 197, 187);
    }
    .dark-mode .card-comments .card-comment {
        border-bottom-color: rgb(119, 110, 98);
    }
    .dark-mode .todo-list > li {
        background-color: #9198a1;
        border-color: rgb(119, 110, 98);
        color: #d1d7e0;
    }
    .dark-mode .todo-list .primary {
        border-left-color: rgb(71, 100, 129);
    }
    .dark-mode .todo-list .secondary {
        border-left-color: rgb(107, 99, 88);
    }
    .dark-mode .todo-list .success {
        border-left-color: rgb(29, 189, 144);
    }
    .dark-mode .todo-list .info {
        border-left-color: rgb(45, 102, 140);
    }
    .dark-mode .todo-list .warning {
        border-left-color: rgb(163, 111, 29);
    }
    .dark-mode .todo-list .danger {
        border-left-color: rgb(142, 45, 33);
    }
    .dark-mode .todo-list .light {
        border-left-color: rgb(60, 63, 63);
    }
    .dark-mode .todo-list .dark {
        border-left-color: rgb(125, 116, 102);
    }
    .dark-mode .todo-list .lightblue {
        border-left-color: rgb(52, 90, 111);
    }
    .dark-mode .todo-list .navy {
        border-left-color: rgb(129, 120, 106);
    }
    .dark-mode .todo-list .olive {
        border-left-color: rgb(61, 116, 88);
    }
    .dark-mode .todo-list .lime {
        border-left-color: rgb(25, 143, 72);
    }
    .dark-mode .todo-list .fuchsia {
        border-left-color: rgb(132, 27, 106);
    }
    .dark-mode .todo-list .maroon {
        border-left-color: rgb(130, 33, 66);
    }
    .dark-mode .todo-list .blue {
        border-left-color: rgb(71, 100, 129);
    }
    .dark-mode .todo-list .indigo {
        border-left-color: rgb(76, 26, 153);
    }
    .dark-mode .todo-list .purple {
        border-left-color: rgb(83, 56, 127);
    }
    .dark-mode .todo-list .pink {
        border-left-color: rgb(142, 35, 81);
    }
    .dark-mode .todo-list .red {
        border-left-color: rgb(142, 45, 33);
    }
    .dark-mode .todo-list .orange {
        border-left-color: rgb(164, 87, 21);
    }
    .dark-mode .todo-list .yellow {
        border-left-color: rgb(163, 111, 29);
    }
    .dark-mode .todo-list .green {
        border-left-color: rgb(29, 189, 144);
    }
    .dark-mode .todo-list .teal {
        border-left-color: rgb(47, 155, 120);
    }
    .dark-mode .todo-list .cyan {
        border-left-color: rgb(45, 102, 140);
    }
    .dark-mode .todo-list .white {
        border-left-color: rgb(58, 61, 61);
    }
    .dark-mode .todo-list .gray {
        border-left-color: rgb(107, 99, 88);
    }
    .dark-mode .todo-list .gray-dark {
        border-left-color: rgb(125, 116, 102);
    }
    .modal-dialog .overlay {
        background-color: rgba(13, 13, 13, 0.7);
        color: rgb(164, 155, 141);
    }
    .modal-content.bg-warning .modal-footer,
    .modal-content.bg-warning .modal-header {
        border-color: rgb(125, 116, 102);
    }
    .modal-content.bg-danger .close,
    .modal-content.bg-danger .mailbox-attachment-close,
    .modal-content.bg-info .close,
    .modal-content.bg-info .mailbox-attachment-close,
    .modal-content.bg-primary .close,
    .modal-content.bg-primary .mailbox-attachment-close,
    .modal-content.bg-secondary .close,
    .modal-content.bg-secondary .mailbox-attachment-close,
    .modal-content.bg-success .close,
    .modal-content.bg-success .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .modal-footer,
    .dark-mode .modal-header {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .modal-content {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .modal-content.bg-warning .modal-footer,
    .dark-mode .modal-content.bg-warning .modal-header {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .modal-content.bg-warning .close,
    .dark-mode .modal-content.bg-warning .mailbox-attachment-close {
        color: #d1d7e0 !important;
        text-shadow: rgb(70, 73, 73) 0px 1px 0px !important;
    }
    .dark-mode .modal-content.bg-danger .modal-footer,
    .dark-mode .modal-content.bg-danger .modal-header,
    .dark-mode .modal-content.bg-info .modal-footer,
    .dark-mode .modal-content.bg-info .modal-header,
    .dark-mode .modal-content.bg-primary .modal-footer,
    .dark-mode .modal-content.bg-primary .modal-header,
    .dark-mode .modal-content.bg-secondary .modal-footer,
    .dark-mode .modal-content.bg-secondary .modal-header,
    .dark-mode .modal-content.bg-success .modal-footer,
    .dark-mode .modal-content.bg-success .modal-header {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .toast {
        background-color: rgba(54, 56, 56, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast .toast-header {
        background-color: rgba(54, 56, 56, 0.7);
        color: rgb(225, 221, 212);
    }
    .dark-mode .toast.bg-primary {
        background-color: rgba(63, 88, 113, 0.9) !important;
    }
    .dark-mode .toast.bg-primary .close,
    .dark-mode .toast.bg-primary .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-primary .toast-header {
        background-color: rgba(63, 88, 113, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-secondary {
        background-color: rgba(96, 100, 101, 0.9) !important;
    }
    .dark-mode .toast.bg-secondary .close,
    .dark-mode .toast.bg-secondary .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-secondary .toast-header {
        background-color: rgba(96, 100, 101, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-success {
        background-color: rgba(25, 145, 112, 0.9) !important;
    }
    .dark-mode .toast.bg-success .close,
    .dark-mode .toast.bg-success .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-success .toast-header {
        background-color: rgba(25, 145, 112, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-info {
        background-color: rgba(48, 113, 154, 0.9) !important;
    }
    .dark-mode .toast.bg-info .close,
    .dark-mode .toast.bg-info .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-info .toast-header {
        background-color: rgba(48, 113, 154, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-warning {
        background-color: rgba(183, 125, 31, 0.9) !important;
    }
    .dark-mode .toast.bg-warning .toast-header {
        background-color: rgba(183, 125, 31, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-danger {
        background-color: rgba(153, 47, 35, 0.9) !important;
    }
    .dark-mode .toast.bg-danger .close,
    .dark-mode .toast.bg-danger .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-danger .toast-header {
        background-color: rgba(153, 47, 35, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-light {
        background-color: rgba(39, 40, 40, 0.9) !important;
    }
    .dark-mode .toast.bg-light .toast-header {
        background-color: rgba(39, 40, 40, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-dark {
        background-color: rgba(54, 56, 56, 0.9) !important;
    }
    .dark-mode .toast.bg-dark .close,
    .dark-mode .toast.bg-dark .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-dark .toast-header {
        background-color: rgba(54, 56, 56, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-lightblue {
        background-color: rgba(51, 89, 109, 0.9) !important;
    }
    .dark-mode .toast.bg-lightblue .toast-header {
        background-color: rgba(51, 89, 109, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-navy {
        background-color: rgba(17, 45, 73, 0.9) !important;
    }
    .dark-mode .toast.bg-navy .close,
    .dark-mode .toast.bg-navy .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-navy .toast-header {
        background-color: rgba(17, 45, 73, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-olive {
        background-color: rgba(63, 121, 98, 0.9) !important;
    }
    .dark-mode .toast.bg-olive .toast-header {
        background-color: rgba(63, 121, 98, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-lime {
        background-color: rgba(24, 138, 87, 0.9) !important;
    }
    .dark-mode .toast.bg-lime .toast-header {
        background-color: rgba(24, 138, 87, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-fuchsia {
        background-color: rgba(128, 26, 102, 0.9) !important;
    }
    .dark-mode .toast.bg-fuchsia .toast-header {
        background-color: rgba(128, 26, 102, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-maroon {
        background-color: rgba(129, 32, 65, 0.9) !important;
    }
    .dark-mode .toast.bg-maroon .toast-header {
        background-color: rgba(129, 32, 65, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-blue {
        background-color: rgba(63, 88, 113, 0.9) !important;
    }
    .dark-mode .toast.bg-blue .close,
    .dark-mode .toast.bg-blue .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-blue .toast-header {
        background-color: rgba(63, 88, 113, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-indigo {
        background-color: rgba(84, 27, 173, 0.9) !important;
    }
    .dark-mode .toast.bg-indigo .close,
    .dark-mode .toast.bg-indigo .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-indigo .toast-header {
        background-color: rgba(84, 27, 173, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-purple {
        background-color: rgba(92, 62, 142, 0.9) !important;
    }
    .dark-mode .toast.bg-purple .close,
    .dark-mode .toast.bg-purple .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-purple .toast-header {
        background-color: rgba(92, 62, 142, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-pink {
        background-color: rgba(152, 36, 87, 0.9) !important;
    }
    .dark-mode .toast.bg-pink .close,
    .dark-mode .toast.bg-pink .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-pink .toast-header {
        background-color: rgba(152, 36, 87, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-red {
        background-color: rgba(153, 47, 35, 0.9) !important;
    }
    .dark-mode .toast.bg-red .close,
    .dark-mode .toast.bg-red .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-red .toast-header {
        background-color: rgba(153, 47, 35, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-orange {
        background-color: rgba(182, 96, 23, 0.9) !important;
    }
    .dark-mode .toast.bg-orange .toast-header {
        background-color: rgba(182, 96, 23, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-yellow {
        background-color: rgba(183, 125, 31, 0.9) !important;
    }
    .dark-mode .toast.bg-yellow .toast-header {
        background-color: rgba(183, 125, 31, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-green {
        background-color: rgba(25, 145, 112, 0.9) !important;
    }
    .dark-mode .toast.bg-green .close,
    .dark-mode .toast.bg-green .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-green .toast-header {
        background-color: rgba(25, 145, 112, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-teal {
        background-color: rgba(48, 156, 120, 0.9) !important;
    }
    .dark-mode .toast.bg-teal .close,
    .dark-mode .toast.bg-teal .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-teal .toast-header {
        background-color: rgba(48, 156, 120, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-cyan {
        background-color: rgba(48, 113, 154, 0.9) !important;
    }
    .dark-mode .toast.bg-cyan .close,
    .dark-mode .toast.bg-cyan .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-cyan .toast-header {
        background-color: rgba(48, 113, 154, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-white {
        background-color: rgba(36, 37, 37, 0.9) !important;
    }
    .dark-mode .toast.bg-white .toast-header {
        background-color: rgba(36, 37, 37, 0.85);
        color: rgb(202, 195, 185);
    }
    .dark-mode .toast.bg-gray {
        background-color: rgba(96, 100, 101, 0.9) !important;
    }
    .dark-mode .toast.bg-gray .close,
    .dark-mode .toast.bg-gray .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-gray .toast-header {
        background-color: rgba(96, 100, 101, 0.85);
        color: #d1d7e0;
    }
    .dark-mode .toast.bg-gray-dark {
        background-color: rgba(54, 56, 56, 0.9) !important;
    }
    .dark-mode .toast.bg-gray-dark .close,
    .dark-mode .toast.bg-gray-dark .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .dark-mode .toast.bg-gray-dark .toast-header {
        background-color: rgba(54, 56, 56, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-primary {
        background-color: rgba(23, 102, 185, 0.9) !important;
    }
    .toast.bg-primary .close,
    .toast.bg-primary .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-primary .toast-header {
        background-color: rgba(23, 102, 185, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-secondary {
        background-color: rgba(96, 100, 101, 0.9) !important;
    }
    .toast.bg-secondary .close,
    .toast.bg-secondary .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-secondary .toast-header {
        background-color: rgba(96, 100, 101, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-success {
        background-color: rgba(50, 132, 65, 0.9) !important;
    }
    .toast.bg-success .close,
    .toast.bg-success .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-success .toast-header {
        background-color: rgba(50, 132, 65, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-info {
        background-color: rgba(40, 129, 140, 0.9) !important;
    }
    .toast.bg-info .close,
    .toast.bg-info .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-info .toast-header {
        background-color: rgba(40, 129, 140, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-warning {
        background-color: rgba(148, 115, 22, 0.9) !important;
    }
    .toast.bg-warning .toast-header {
        background-color: rgba(148, 115, 22, 0.85);
        color: rgb(202, 195, 185);
    }
    .toast.bg-danger {
        background-color: rgba(155, 44, 53, 0.9) !important;
    }
    .toast.bg-danger .close,
    .toast.bg-danger .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-danger .toast-header {
        background-color: rgba(155, 44, 53, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-light {
        background-color: rgba(39, 40, 40, 0.9) !important;
    }
    .toast.bg-light .toast-header {
        background-color: rgba(39, 40, 40, 0.85);
        color: rgb(202, 195, 185);
    }
    .toast.bg-dark {
        background-color: rgba(54, 56, 56, 0.9) !important;
    }
    .toast.bg-dark .close,
    .toast.bg-dark .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-dark .toast-header {
        background-color: rgba(54, 56, 56, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-lightblue {
        background-color: rgba(64, 115, 143, 0.9) !important;
    }
    .toast.bg-lightblue .close,
    .toast.bg-lightblue .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-lightblue .toast-header {
        background-color: rgba(64, 115, 143, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-navy {
        background-color: rgba(16, 36, 55, 0.9) !important;
    }
    .toast.bg-navy .close,
    .toast.bg-navy .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-navy .toast-header {
        background-color: rgba(16, 36, 55, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-olive {
        background-color: rgba(65, 122, 94, 0.9) !important;
    }
    .toast.bg-olive .close,
    .toast.bg-olive .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-olive .toast-header {
        background-color: rgba(65, 122, 94, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-lime {
        background-color: rgba(29, 192, 119, 0.9) !important;
    }
    .toast.bg-lime .toast-header {
        background-color: rgba(29, 192, 119, 0.85);
        color: rgb(202, 195, 185);
    }
    .toast.bg-fuchsia {
        background-color: rgba(177, 32, 141, 0.9) !important;
    }
    .toast.bg-fuchsia .close,
    .toast.bg-fuchsia .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-fuchsia .toast-header {
        background-color: rgba(177, 32, 141, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-maroon {
        background-color: rgba(162, 39, 81, 0.9) !important;
    }
    .toast.bg-maroon .close,
    .toast.bg-maroon .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-maroon .toast-header {
        background-color: rgba(162, 39, 81, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-blue {
        background-color: rgba(23, 102, 185, 0.9) !important;
    }
    .toast.bg-blue .close,
    .toast.bg-blue .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-blue .toast-header {
        background-color: rgba(23, 102, 185, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-indigo {
        background-color: rgba(84, 27, 173, 0.9) !important;
    }
    .toast.bg-indigo .close,
    .toast.bg-indigo .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-indigo .toast-header {
        background-color: rgba(84, 27, 173, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-purple {
        background-color: rgba(92, 62, 142, 0.9) !important;
    }
    .toast.bg-purple .close,
    .toast.bg-purple .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-purple .toast-header {
        background-color: rgba(92, 62, 142, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-pink {
        background-color: rgba(152, 36, 87, 0.9) !important;
    }
    .toast.bg-pink .close,
    .toast.bg-pink .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-pink .toast-header {
        background-color: rgba(152, 36, 87, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-red {
        background-color: rgba(155, 44, 53, 0.9) !important;
    }
    .toast.bg-red .close,
    .toast.bg-red .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-red .toast-header {
        background-color: rgba(155, 44, 53, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-orange {
        background-color: rgba(182, 96, 23, 0.9) !important;
    }
    .toast.bg-orange .toast-header {
        background-color: rgba(182, 96, 23, 0.85);
        color: rgb(202, 195, 185);
    }
    .toast.bg-yellow {
        background-color: rgba(148, 115, 22, 0.9) !important;
    }
    .toast.bg-yellow .toast-header {
        background-color: rgba(148, 115, 22, 0.85);
        color: rgb(202, 195, 185);
    }
    .toast.bg-green {
        background-color: rgba(50, 132, 65, 0.9) !important;
    }
    .toast.bg-green .close,
    .toast.bg-green .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-green .toast-header {
        background-color: rgba(50, 132, 65, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-teal {
        background-color: rgba(48, 156, 120, 0.9) !important;
    }
    .toast.bg-teal .close,
    .toast.bg-teal .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-teal .toast-header {
        background-color: rgba(48, 156, 120, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-cyan {
        background-color: rgba(40, 129, 140, 0.9) !important;
    }
    .toast.bg-cyan .close,
    .toast.bg-cyan .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-cyan .toast-header {
        background-color: rgba(40, 129, 140, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-white {
        background-color: rgba(36, 37, 37, 0.9) !important;
    }
    .toast.bg-white .toast-header {
        background-color: rgba(36, 37, 37, 0.85);
        color: rgb(202, 195, 185);
    }
    .toast.bg-gray {
        background-color: rgba(96, 100, 101, 0.9) !important;
    }
    .toast.bg-gray .close,
    .toast.bg-gray .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-gray .toast-header {
        background-color: rgba(96, 100, 101, 0.85);
        color: #d1d7e0;
    }
    .toast.bg-gray-dark {
        background-color: rgba(54, 56, 56, 0.9) !important;
    }
    .toast.bg-gray-dark .close,
    .toast.bg-gray-dark .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: rgb(13, 13, 13) 0px 1px 0px;
    }
    .toast.bg-gray-dark .toast-header {
        background-color: rgba(54, 56, 56, 0.85);
        color: #d1d7e0;
    }
    .btn.btn-flat {
        box-shadow: none;
    }
    .btn.btn-file > input[type="file"] {
        background-color: #202831;
        outline-color: currentcolor;
    }
    .btn-default {
        background-color: rgb(39, 40, 40);
        border-color: rgb(68, 70, 70);
        color: #9198a1;
    }
    .btn-default.hover,
    .btn-default:active,
    .btn-default:hover {
        background-color: rgb(46, 48, 47);
        color: rgb(204, 197, 187);
    }
    .btn-app {
        background-color: rgb(39, 40, 40);
        border-color: rgb(68, 70, 70);
        color: rgb(159, 151, 136);
    }
    .btn-app:hover {
        background-color: rgb(39, 40, 40);
        border-color: rgb(81, 84, 85);
        color: #9198a1;
    }
    .btn-app:active,
    .btn-app:focus {
        box-shadow: rgba(13, 13, 13, 0.13) 0px 3px 5px inset;
    }
    .dark-mode .btn-app,
    .dark-mode .btn-default {
        background-color: rgb(59, 62, 62);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .btn-app:focus,
    .dark-mode .btn-app:hover,
    .dark-mode .btn-default:focus,
    .dark-mode .btn-default:hover {
        background-color: #9198a1;
        border-color: rgb(105, 98, 87);
        color: rgb(212, 206, 196);
    }
    .dark-mode .btn-light {
        background-color: rgb(68, 71, 71);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .btn-light:focus,
    .dark-mode .btn-light:hover {
        background-color: rgb(72, 75, 76);
        border-color: rgb(92, 96, 96);
        color: rgb(212, 206, 196);
    }
    .dark-mode .btn-primary {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        box-shadow: none;
        color: #d1d7e0;
    }
    .dark-mode .btn-primary:hover {
        background-color: rgb(54, 74, 94);
        border-color: rgb(77, 107, 138);
        color: #d1d7e0;
    }
    .dark-mode .btn-primary.focus,
    .dark-mode .btn-primary:focus {
        background-color: rgb(54, 74, 94);
        border-color: rgb(77, 107, 138);
        box-shadow: rgba(85, 105, 126, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .dark-mode .btn-primary.disabled,
    .dark-mode .btn-primary:disabled {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        color: #d1d7e0;
    }
    .dark-mode .btn-primary:not(:disabled):not(.disabled).active,
    .dark-mode .btn-primary:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-primary.dropdown-toggle {
        background-color: rgb(51, 70, 88);
        border-color: rgb(77, 108, 140);
        color: #d1d7e0;
    }
    .dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-primary.dropdown-toggle:focus {
        box-shadow: rgba(85, 105, 126, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-secondary {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        box-shadow: none;
        color: #d1d7e0;
    }
    .dark-mode .btn-secondary:hover {
        background-color: rgb(82, 85, 86);
        border-color: rgb(115, 107, 94);
        color: #d1d7e0;
    }
    .dark-mode .btn-secondary.focus,
    .dark-mode .btn-secondary:focus {
        background-color: rgb(82, 85, 86);
        border-color: rgb(115, 107, 94);
        box-shadow: rgba(98, 103, 103, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .dark-mode .btn-secondary.disabled,
    .dark-mode .btn-secondary:disabled {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .btn-secondary:not(:disabled):not(.disabled).active,
    .dark-mode .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-secondary.dropdown-toggle {
        background-color: rgb(78, 81, 81);
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-secondary.dropdown-toggle:focus {
        box-shadow: rgba(98, 103, 103, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-success {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        box-shadow: none;
        color: #d1d7e0;
    }
    .dark-mode .btn-success:hover {
        background-color: rgb(23, 119, 92);
        border-color: rgb(31, 202, 154);
        color: #d1d7e0;
    }
    .dark-mode .btn-success.focus,
    .dark-mode .btn-success:focus {
        background-color: rgb(23, 119, 92);
        border-color: rgb(31, 202, 154);
        box-shadow: rgba(52, 154, 125, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .dark-mode .btn-success.disabled,
    .dark-mode .btn-success:disabled {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        color: #d1d7e0;
    }
    .dark-mode .btn-success:not(:disabled):not(.disabled).active,
    .dark-mode .btn-success:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-success.dropdown-toggle {
        background-color: rgb(22, 110, 85);
        border-color: rgb(31, 206, 157);
        color: #d1d7e0;
    }
    .dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-success:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-success.dropdown-toggle:focus {
        box-shadow: rgba(52, 154, 125, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-info {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        box-shadow: none;
        color: #d1d7e0;
    }
    .dark-mode .btn-info:hover {
        background-color: rgb(47, 109, 148);
        border-color: rgb(47, 110, 151);
        color: #d1d7e0;
    }
    .dark-mode .btn-info.focus,
    .dark-mode .btn-info:focus {
        background-color: rgb(47, 109, 148);
        border-color: rgb(47, 110, 151);
        box-shadow: rgba(45, 102, 139, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .dark-mode .btn-info.disabled,
    .dark-mode .btn-info:disabled {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        color: #d1d7e0;
    }
    .dark-mode .btn-info:not(:disabled):not(.disabled).active,
    .dark-mode .btn-info:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-info.dropdown-toggle {
        background-color: rgb(45, 103, 141);
        border-color: rgb(48, 112, 153);
        color: #d1d7e0;
    }
    .dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-info:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-info.dropdown-toggle:focus {
        box-shadow: rgba(45, 102, 139, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-warning {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        box-shadow: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-warning:hover {
        background-color: rgb(164, 112, 29);
        border-color: rgb(176, 120, 30);
        color: #d1d7e0;
    }
    .dark-mode .btn-warning.focus,
    .dark-mode .btn-warning:focus {
        background-color: rgb(164, 112, 29);
        border-color: rgb(176, 120, 30);
        box-shadow: rgba(164, 115, 38, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .dark-mode .btn-warning.disabled,
    .dark-mode .btn-warning:disabled {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-warning:not(:disabled):not(.disabled).active,
    .dark-mode .btn-warning:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-warning.dropdown-toggle {
        background-color: rgb(156, 107, 28);
        border-color: rgb(179, 122, 31);
        color: #d1d7e0;
    }
    .dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-warning.dropdown-toggle:focus {
        box-shadow: rgba(164, 115, 38, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-danger {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        box-shadow: none;
        color: #d1d7e0;
    }
    .dark-mode .btn-danger:hover {
        background-color: rgb(168, 51, 37);
        border-color: rgb(154, 48, 35);
        color: #d1d7e0;
    }
    .dark-mode .btn-danger.focus,
    .dark-mode .btn-danger:focus {
        background-color: rgb(168, 51, 37);
        border-color: rgb(154, 48, 35);
        box-shadow: rgba(138, 44, 32, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .dark-mode .btn-danger.disabled,
    .dark-mode .btn-danger:disabled {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        color: #d1d7e0;
    }
    .dark-mode .btn-danger:not(:disabled):not(.disabled).active,
    .dark-mode .btn-danger:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-danger.dropdown-toggle {
        background-color: rgb(161, 49, 36);
        border-color: rgb(156, 49, 36);
        color: #d1d7e0;
    }
    .dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-danger.dropdown-toggle:focus {
        box-shadow: rgba(138, 44, 32, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-light {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        box-shadow: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-light:hover {
        background-color: rgb(49, 51, 51);
        border-color: rgb(67, 70, 70);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-light.focus,
    .dark-mode .btn-light:focus {
        background-color: rgb(49, 51, 51);
        border-color: rgb(67, 70, 70);
        box-shadow: rgba(55, 57, 57, 0.5) 0px 0px 0px 0px;
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-light.disabled,
    .dark-mode .btn-light:disabled {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-light:not(:disabled):not(.disabled).active,
    .dark-mode .btn-light:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-light.dropdown-toggle {
        background-color: rgb(53, 54, 54);
        border-color: rgb(69, 72, 71);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-light:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-light.dropdown-toggle:focus {
        box-shadow: rgba(55, 57, 57, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-dark {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        box-shadow: none;
        color: #d1d7e0;
    }
    .dark-mode .btn-dark:hover {
        background-color: rgb(40, 42, 42);
        border-color: rgb(132, 123, 109);
        color: #d1d7e0;
    }
    .dark-mode .btn-dark.focus,
    .dark-mode .btn-dark:focus {
        background-color: rgb(40, 42, 42);
        border-color: rgb(132, 123, 109);
        box-shadow: rgba(75, 78, 79, 0.5) 0px 0px 0px 0px;
        color: #d1d7e0;
    }
    .dark-mode .btn-dark.disabled,
    .dark-mode .btn-dark:disabled {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .btn-dark:not(:disabled):not(.disabled).active,
    .dark-mode .btn-dark:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-dark.dropdown-toggle {
        background-color: rgb(36, 38, 38);
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-dark.dropdown-toggle:focus {
        box-shadow: rgba(75, 78, 79, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-primary {
        border-color: rgb(71, 100, 129);
        color: rgb(140, 168, 190);
    }
    .dark-mode .btn-outline-primary:hover {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-primary.focus,
    .dark-mode .btn-outline-primary:focus {
        box-shadow: rgba(63, 88, 113, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-primary.disabled,
    .dark-mode .btn-outline-primary:disabled {
        background-color: transparent;
        color: rgb(140, 168, 190);
    }
    .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-primary.dropdown-toggle {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: rgba(63, 88, 113, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-secondary {
        border-color: rgb(107, 99, 88);
        color: rgb(159, 151, 136);
    }
    .dark-mode .btn-outline-secondary:hover {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-secondary.focus,
    .dark-mode .btn-outline-secondary:focus {
        box-shadow: rgba(96, 100, 101, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-secondary.disabled,
    .dark-mode .btn-outline-secondary:disabled {
        background-color: transparent;
        color: rgb(159, 151, 136);
    }
    .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-secondary.dropdown-toggle {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: rgba(96, 100, 101, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-success {
        border-color: rgb(29, 189, 144);
        color: rgb(95, 241, 198);
    }
    .dark-mode .btn-outline-success:hover {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-success.focus,
    .dark-mode .btn-outline-success:focus {
        box-shadow: rgba(25, 145, 112, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-success.disabled,
    .dark-mode .btn-outline-success:disabled {
        background-color: transparent;
        color: rgb(95, 241, 198);
    }
    .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-success:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-success.dropdown-toggle {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-success.dropdown-toggle:focus {
        box-shadow: rgba(25, 145, 112, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-info {
        border-color: rgb(45, 102, 140);
        color: rgb(87, 159, 205);
    }
    .dark-mode .btn-outline-info:hover {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-info.focus,
    .dark-mode .btn-outline-info:focus {
        box-shadow: rgba(48, 113, 154, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-info.disabled,
    .dark-mode .btn-outline-info:disabled {
        background-color: transparent;
        color: rgb(87, 159, 205);
    }
    .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-info:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-info.dropdown-toggle {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-info.dropdown-toggle:focus {
        box-shadow: rgba(48, 113, 154, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-warning {
        border-color: rgb(163, 111, 29);
        color: rgb(232, 165, 60);
    }
    .dark-mode .btn-outline-warning:hover {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-outline-warning.focus,
    .dark-mode .btn-outline-warning:focus {
        box-shadow: rgba(183, 125, 31, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-warning.disabled,
    .dark-mode .btn-outline-warning:disabled {
        background-color: transparent;
        color: rgb(232, 165, 60);
    }
    .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-warning.dropdown-toggle {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: rgba(183, 125, 31, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-danger {
        border-color: rgb(142, 45, 33);
        color: rgb(218, 98, 83);
    }
    .dark-mode .btn-outline-danger:hover {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-danger.focus,
    .dark-mode .btn-outline-danger:focus {
        box-shadow: rgba(153, 47, 35, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-danger.disabled,
    .dark-mode .btn-outline-danger:disabled {
        background-color: transparent;
        color: rgb(218, 98, 83);
    }
    .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-danger.dropdown-toggle {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: rgba(153, 47, 35, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-light {
        border-color: rgb(60, 63, 63);
        color: rgb(225, 221, 212);
    }
    .dark-mode .btn-outline-light:hover {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-outline-light.focus,
    .dark-mode .btn-outline-light:focus {
        box-shadow: rgba(39, 40, 40, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-light.disabled,
    .dark-mode .btn-outline-light:disabled {
        background-color: transparent;
        color: rgb(225, 221, 212);
    }
    .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-light:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-light.dropdown-toggle {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-light.dropdown-toggle:focus {
        box-shadow: rgba(39, 40, 40, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-dark {
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-dark:hover {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-dark.focus,
    .dark-mode .btn-outline-dark:focus {
        box-shadow: rgba(54, 56, 56, 0.5) 0px 0px 0px 0px;
    }
    .dark-mode .btn-outline-dark.disabled,
    .dark-mode .btn-outline-dark:disabled {
        background-color: transparent;
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
    .dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show > .dark-mode .btn-outline-dark.dropdown-toggle {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    .show > .dark-mode .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: rgba(54, 56, 56, 0.5) 0px 0px 0px 0px;
    }
    .callout {
        background-color: #202831;
        border-left-color: #9198a1;
        box-shadow: rgba(13, 13, 13, 0.12) 0px 1px 3px, rgba(13, 13, 13, 0.24) 0px 1px 2px;
    }
    .callout a {
        color: #9198a1;
        text-decoration-color: currentcolor;
    }
    .callout a:hover {
        color: rgb(218, 212, 203);
    }
    .callout.callout-danger {
        border-left-color: rgb(151, 43, 52);
    }
    .callout.callout-warning {
        border-left-color: rgb(185, 145, 24);
    }
    .callout.callout-info {
        border-left-color: rgb(47, 159, 174);
    }
    .callout.callout-success {
        border-left-color: rgb(60, 162, 78);
    }
    .dark-mode .callout {
        background-color: #9198a1;
    }
    .dark-mode .callout.callout-danger {
        border-left-color: rgb(130, 42, 30);
    }
    .dark-mode .callout.callout-warning {
        border-left-color: rgb(149, 102, 28);
    }
    .dark-mode .callout.callout-info {
        border-left-color: rgb(42, 94, 129);
    }
    .dark-mode .callout.callout-success {
        border-left-color: rgb(28, 175, 134);
    }
    .alert .close,
    .alert .mailbox-attachment-close {
        color: #d1d7e0;
    }
    .alert a {
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    .alert-primary {
        background-color: rgb(23, 102, 185);
        border-color: rgb(23, 94, 170);
        color: #d1d7e0;
    }
    .alert-default-primary {
        background-color: rgb(49, 51, 51);
        border-color: rgb(19, 66, 117);
        color: rgb(136, 191, 235);
    }
    .alert-default-primary hr {
        border-top-color: rgb(20, 70, 123);
    }
    .alert-default-primary .alert-link {
        color: rgb(205, 199, 188);
    }
    .alert-secondary {
        background-color: rgb(96, 100, 101);
        border-color: rgb(111, 103, 91);
        color: #d1d7e0;
    }
    .alert-default-secondary {
        background-color: rgb(51, 52, 52);
        border-color: rgb(69, 72, 71);
        color: rgb(193, 186, 174);
    }
    .alert-default-secondary hr {
        border-top-color: rgb(72, 75, 75);
    }
    .alert-default-secondary .alert-link {
        color: rgb(208, 202, 192);
    }
    .alert-success {
        background-color: rgb(50, 132, 65);
        border-color: rgb(59, 156, 77);
        color: #d1d7e0;
    }
    .alert-default-success {
        background-color: rgb(40, 68, 50);
        border-color: rgb(52, 93, 59);
        color: rgb(161, 221, 168);
    }
    .alert-default-success hr {
        border-top-color: rgb(54, 99, 61);
    }
    .alert-default-success .alert-link {
        color: rgb(212, 206, 196);
    }
    .alert-info {
        background-color: rgb(40, 129, 140);
        border-color: rgb(46, 153, 168);
        color: #d1d7e0;
    }
    .alert-default-info {
        background-color: rgb(35, 66, 71);
        border-color: rgb(46, 93, 97);
        color: rgb(153, 219, 225);
    }
    .alert-default-info hr {
        border-top-color: rgb(48, 97, 103);
    }
    .alert-default-info .alert-link {
        color: rgb(212, 206, 196);
    }
    .alert-warning {
        background-color: rgb(148, 115, 22);
        border-color: rgb(178, 138, 24);
        color: rgb(202, 195, 185);
    }
    .alert-default-warning {
        background-color: rgb(68, 55, 16);
        border-color: rgb(124, 97, 20);
        color: rgb(242, 210, 121);
    }
    .alert-default-warning hr {
        border-top-color: rgb(130, 103, 21);
    }
    .alert-default-warning .alert-link {
        color: rgb(204, 197, 187);
    }
    .alert-danger {
        background-color: rgb(155, 44, 53);
        border-color: rgb(146, 42, 50);
        color: #d1d7e0;
    }
    .alert-default-danger {
        background-color: rgb(71, 26, 29);
        border-color: rgb(103, 32, 38);
        color: rgb(215, 139, 142);
    }
    .alert-default-danger hr {
        border-top-color: rgb(108, 34, 40);
    }
    .alert-default-danger .alert-link {
        color: #d1d7e0;
    }
    .alert-light {
        background-color: rgb(39, 40, 40);
        border-color: #9198a1;
        color: rgb(202, 195, 185);
    }
    .alert-default-light {
        background-color: rgb(37, 38, 38);
        border-color: rgb(45, 45, 72);
        color: rgb(155, 145, 131);
    }
    .alert-default-light hr {
        border-top-color: rgb(46, 46, 77);
    }
    .alert-default-light .alert-link {
        color: rgb(167, 159, 145);
    }
    .alert-dark {
        background-color: rgb(54, 56, 56);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .alert-default-dark {
        background-color: rgb(56, 59, 59);
        border-color: rgb(73, 76, 76);
        color: rgb(211, 205, 196);
    }
    .alert-default-dark hr {
        border-top-color: rgb(76, 80, 79);
    }
    .alert-default-dark .alert-link {
        color: rgb(226, 221, 213);
    }
    .dark-mode .alert-primary {
        background-color: rgb(63, 88, 113);
        border-color: rgb(74, 103, 134);
        color: #d1d7e0;
    }
    .dark-mode .alert-default-primary {
        background-color: rgb(49, 51, 51);
        border-color: rgb(19, 66, 117);
        color: rgb(136, 191, 235);
    }
    .dark-mode .alert-default-primary hr {
        border-top-color: rgb(20, 70, 123);
    }
    .dark-mode .alert-default-primary .alert-link {
        color: rgb(205, 199, 188);
    }
    .dark-mode .alert-secondary {
        background-color: rgb(96, 100, 101);
        border-color: rgb(111, 103, 91);
        color: #d1d7e0;
    }
    .dark-mode .alert-default-secondary {
        background-color: rgb(51, 52, 52);
        border-color: rgb(69, 72, 71);
        color: rgb(193, 186, 174);
    }
    .dark-mode .alert-default-secondary hr {
        border-top-color: rgb(72, 75, 75);
    }
    .dark-mode .alert-default-secondary .alert-link {
        color: rgb(208, 202, 192);
    }
    .dark-mode .alert-success {
        background-color: rgb(25, 145, 112);
        border-color: rgb(30, 195, 148);
        color: #d1d7e0;
    }
    .dark-mode .alert-default-success {
        background-color: rgb(40, 68, 50);
        border-color: rgb(52, 93, 59);
        color: rgb(161, 221, 168);
    }
    .dark-mode .alert-default-success hr {
        border-top-color: rgb(54, 99, 61);
    }
    .dark-mode .alert-default-success .alert-link {
        color: rgb(212, 206, 196);
    }
    .dark-mode .alert-info {
        background-color: rgb(48, 113, 154);
        border-color: rgb(46, 106, 145);
        color: #d1d7e0;
    }
    .dark-mode .alert-default-info {
        background-color: rgb(35, 66, 71);
        border-color: rgb(46, 93, 97);
        color: rgb(153, 219, 225);
    }
    .dark-mode .alert-default-info hr {
        border-top-color: rgb(48, 97, 103);
    }
    .dark-mode .alert-default-info .alert-link {
        color: rgb(212, 206, 196);
    }
    .dark-mode .alert-warning {
        background-color: rgb(183, 125, 31);
        border-color: rgb(170, 115, 30);
        color: rgb(202, 195, 185);
    }
    .dark-mode .alert-default-warning {
        background-color: rgb(68, 55, 16);
        border-color: rgb(124, 97, 20);
        color: rgb(242, 210, 121);
    }
    .dark-mode .alert-default-warning hr {
        border-top-color: rgb(130, 103, 21);
    }
    .dark-mode .alert-default-warning .alert-link {
        color: rgb(204, 197, 187);
    }
    .dark-mode .alert-danger {
        background-color: rgb(153, 47, 35);
        border-color: rgb(148, 46, 34);
        color: #d1d7e0;
    }
    .dark-mode .alert-default-danger {
        background-color: rgb(71, 26, 29);
        border-color: rgb(103, 32, 38);
        color: rgb(215, 139, 142);
    }
    .dark-mode .alert-default-danger hr {
        border-top-color: rgb(108, 34, 40);
    }
    .dark-mode .alert-default-danger .alert-link {
        color: #d1d7e0;
    }
    .dark-mode .alert-light {
        background-color: rgb(39, 40, 40);
        border-color: #9198a1;
        color: rgb(202, 195, 185);
    }
    .dark-mode .alert-default-light {
        background-color: rgb(37, 38, 38);
        border-color: rgb(45, 45, 72);
        color: rgb(155, 145, 131);
    }
    .dark-mode .alert-default-light hr {
        border-top-color: rgb(46, 46, 77);
    }
    .dark-mode .alert-default-light .alert-link {
        color: rgb(167, 159, 145);
    }
    .dark-mode .alert-dark {
        background-color: rgb(54, 56, 56);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .dark-mode .alert-default-dark {
        background-color: rgb(56, 59, 59);
        border-color: rgb(73, 76, 76);
        color: rgb(211, 205, 196);
    }
    .dark-mode .alert-default-dark hr {
        border-top-color: rgb(76, 80, 79);
    }
    .dark-mode .alert-default-dark .alert-link {
        color: rgb(226, 221, 213);
    }
    .table:not(.table-dark) {
        color: inherit;
    }
    .table.table-head-fixed thead tr:nth-child(1) th {
        background-color: #202831;
        border-bottom-color: currentcolor;
        box-shadow: rgb(51, 53, 53) 0px 1px 0px inset, rgb(51, 53, 53) 0px -1px 0px inset;
    }
    .table.table-head-fixed.table-dark thead tr:nth-child(1) th {
        background-color: rgb(39, 41, 40);
        box-shadow: rgb(57, 60, 60) 0px 1px 0px inset, rgb(57, 60, 60) 0px -1px 0px inset;
    }
    .table.no-border,
    .table.no-border td,
    .table.no-border th {
        border-color: currentcolor;
    }
    .table-hover tbody tr.expandable-body:hover {
        background-color: inherit !important;
    }
    .expandable-body .table tr:first-child td,
    .expandable-body .table tr:first-child th {
        border-top-color: currentcolor;
    }
    .dark-mode .table-bordered,
    .dark-mode .table-bordered td,
    .dark-mode .table-bordered th {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .table-hover tbody tr:hover {
        background-color: rgb(59, 62, 62);
        border-color: rgb(107, 99, 88);
        color: rgb(212, 206, 196);
    }
    .dark-mode .table thead th {
        border-bottom-color: rgb(107, 99, 88);
    }
    .dark-mode .table td,
    .dark-mode .table th {
        border-top-color: rgb(107, 99, 88);
    }
    .dark-mode .table.table-head-fixed thead tr:nth-child(1) th {
        background-color: #9198a1;
    }
    .close,
    .mailbox-attachment-close {
        color: #d1d7e0;
        text-shadow: #202831 0px 1px 0px;
    }
    .close:hover,
    .mailbox-attachment-close:hover {
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    .close:focus,
    .mailbox-attachment-close:focus {
        outline-color: currentcolor;
    }
    button.close,
    button.mailbox-attachment-close {
        background-color: transparent;
        border-color: currentcolor;
    }
    .small-box {
        box-shadow: rgba(13, 13, 13, 0.13) 0px 0px 1px, rgba(13, 13, 13, 0.2) 0px 1px 3px;
    }
    .small-box > .small-box-footer {
        background-color: rgba(13, 13, 13, 0.1);
        color: rgba(229, 224, 216, 0.8);
        text-decoration-color: currentcolor;
    }
    .small-box > .small-box-footer:hover {
        background-color: rgba(13, 13, 13, 0.15);
        color: #d1d7e0;
    }
    .small-box p > small {
        color: rgb(225, 221, 212);
    }
    .small-box .icon {
        color: rgba(229, 224, 216, 0.15);
    }
    .small-box:hover {
        text-decoration-color: currentcolor;
    }
    .info-box {
        background-color: #202831;
        box-shadow: rgba(13, 13, 13, 0.13) 0px 0px 1px, rgba(13, 13, 13, 0.2) 0px 1px 3px;
    }
    .info-box .progress {
        background-color: rgba(13, 13, 13, 0.13);
    }
    .info-box .progress .progress-bar {
        background-color: #202831;
    }
    .info-box .info-box .bg-gradient-primary,
    .info-box .info-box .bg-primary {
        color: #d1d7e0;
    }
    .info-box .info-box .bg-gradient-primary .progress-bar,
    .info-box .info-box .bg-primary .progress-bar {
        background-color: #202831;
    }
    .info-box .info-box .bg-gradient-secondary,
    .info-box .info-box .bg-secondary {
        color: #d1d7e0;
    }
    .info-box .info-box .bg-gradient-secondary .progress-bar,
    .info-box .info-box .bg-secondary .progress-bar {
        background-color: #202831;
    }
    .info-box .info-box .bg-gradient-success,
    .info-box .info-box .bg-success {
        color: #d1d7e0;
    }
    .info-box .info-box .bg-gradient-success .progress-bar,
    .info-box .info-box .bg-success .progress-bar {
        background-color: #202831;
    }
    .info-box .info-box .bg-gradient-info,
    .info-box .info-box .bg-info {
        color: #d1d7e0;
    }
    .info-box .info-box .bg-gradient-info .progress-bar,
    .info-box .info-box .bg-info .progress-bar {
        background-color: #202831;
    }
    .info-box .info-box .bg-gradient-warning,
    .info-box .info-box .bg-warning {
        color: rgb(202, 195, 185);
    }
    .info-box .info-box .bg-gradient-warning .progress-bar,
    .info-box .info-box .bg-warning .progress-bar {
        background-color: rgb(38, 46, 55);
    }
    .info-box .info-box .bg-danger,
    .info-box .info-box .bg-gradient-danger {
        color: #d1d7e0;
    }
    .info-box .info-box .bg-danger .progress-bar,
    .info-box .info-box .bg-gradient-danger .progress-bar {
        background-color: #202831;
    }
    .info-box .info-box .bg-gradient-light,
    .info-box .info-box .bg-light {
        color: rgb(202, 195, 185);
    }
    .info-box .info-box .bg-gradient-light .progress-bar,
    .info-box .info-box .bg-light .progress-bar {
        background-color: rgb(38, 46, 55);
    }
    .info-box .info-box .bg-dark,
    .info-box .info-box .bg-gradient-dark {
        color: #d1d7e0;
    }
    .info-box .info-box .bg-dark .progress-bar,
    .info-box .info-box .bg-gradient-dark .progress-bar {
        background-color: #202831;
    }
    .dark-mode .info-box {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .info-box .info-box .bg-gradient-primary,
    .dark-mode .info-box .info-box .bg-primary {
        color: #d1d7e0;
    }
    .dark-mode .info-box .info-box .bg-gradient-primary .progress-bar,
    .dark-mode .info-box .info-box .bg-primary .progress-bar {
        background-color: #202831;
    }
    .dark-mode .info-box .info-box .bg-gradient-secondary,
    .dark-mode .info-box .info-box .bg-secondary {
        color: #d1d7e0;
    }
    .dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar,
    .dark-mode .info-box .info-box .bg-secondary .progress-bar {
        background-color: #202831;
    }
    .dark-mode .info-box .info-box .bg-gradient-success,
    .dark-mode .info-box .info-box .bg-success {
        color: #d1d7e0;
    }
    .dark-mode .info-box .info-box .bg-gradient-success .progress-bar,
    .dark-mode .info-box .info-box .bg-success .progress-bar {
        background-color: #202831;
    }
    .dark-mode .info-box .info-box .bg-gradient-info,
    .dark-mode .info-box .info-box .bg-info {
        color: #d1d7e0;
    }
    .dark-mode .info-box .info-box .bg-gradient-info .progress-bar,
    .dark-mode .info-box .info-box .bg-info .progress-bar {
        background-color: #202831;
    }
    .dark-mode .info-box .info-box .bg-gradient-warning,
    .dark-mode .info-box .info-box .bg-warning {
        color: rgb(202, 195, 185);
    }
    .dark-mode .info-box .info-box .bg-gradient-warning .progress-bar,
    .dark-mode .info-box .info-box .bg-warning .progress-bar {
        background-color: rgb(38, 46, 55);
    }
    .dark-mode .info-box .info-box .bg-danger,
    .dark-mode .info-box .info-box .bg-gradient-danger {
        color: #d1d7e0;
    }
    .dark-mode .info-box .info-box .bg-danger .progress-bar,
    .dark-mode .info-box .info-box .bg-gradient-danger .progress-bar {
        background-color: #202831;
    }
    .dark-mode .info-box .info-box .bg-gradient-light,
    .dark-mode .info-box .info-box .bg-light {
        color: rgb(202, 195, 185);
    }
    .dark-mode .info-box .info-box .bg-gradient-light .progress-bar,
    .dark-mode .info-box .info-box .bg-light .progress-bar {
        background-color: rgb(38, 46, 55);
    }
    .dark-mode .info-box .info-box .bg-dark,
    .dark-mode .info-box .info-box .bg-gradient-dark {
        color: #d1d7e0;
    }
    .dark-mode .info-box .info-box .bg-dark .progress-bar,
    .dark-mode .info-box .info-box .bg-gradient-dark .progress-bar {
        background-color: #202831;
    }
    .timeline::before {
        background-color: rgb(51, 53, 53);
    }
    .timeline > div > .timeline-item {
        background-color: #202831;
        box-shadow: rgba(13, 13, 13, 0.13) 0px 0px 1px, rgba(13, 13, 13, 0.2) 0px 1px 3px;
        color: #9198a1;
    }
    .timeline > div > .timeline-item > .time {
        color: #9198a1;
    }
    .timeline > div > .timeline-item > .timeline-header {
        border-bottom-color: rgba(143, 132, 117, 0.13);
        color: #9198a1;
    }
    .timeline > div > .timeline-item > .timeline-footer > a {
        color: #d1d7e0;
    }
    .timeline > div > .fa,
    .timeline > div > .fab,
    .timeline > div > .fad,
    .timeline > div > .fal,
    .timeline > div > .far,
    .timeline > div > .fas,
    .timeline > div > .ion,
    .timeline > div > .svg-inline--fa {
        background-color: rgb(75, 78, 79);
    }
    .timeline > .time-label > span {
        background-color: #202831;
    }
    .timeline-inverse > div > .timeline-item {
        background-color: rgb(39, 40, 40);
        border-color: rgb(66, 69, 69);
        box-shadow: none;
    }
    .timeline-inverse > div > .timeline-item > .timeline-header {
        border-bottom-color: rgb(66, 69, 69);
    }
    .dark-mode .timeline::before {
        background-color: rgb(96, 100, 101);
    }
    .dark-mode .timeline > div > .timeline-item {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .timeline > div > .timeline-item > .timeline-header {
        border-color: rgb(107, 99, 88);
        color: rgb(204, 197, 187);
    }
    .dark-mode .timeline > div > .timeline-item > .time {
        color: rgb(204, 197, 187);
    }
    .products-list {
        list-style-image: none;
    }
    .products-list > .item {
        background-color: #202831;
    }
    .products-list .product-description {
        color: rgb(159, 151, 136);
    }
    .product-list-in-card > .item {
        border-bottom-color: rgba(143, 132, 117, 0.13);
    }
    .dark-mode .products-list > .item {
        background-color: rgb(54, 56, 56);
        border-bottom-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .product-description {
        color: rgb(204, 197, 187);
    }
    .direct-chat.timestamp-light .direct-chat-timestamp {
        color: rgb(168, 185, 197);
    }
    .direct-chat.timestamp-dark .direct-chat-timestamp {
        color: rgb(199, 192, 181);
    }
    .direct-chat-text {
        background-color: rgb(56, 59, 59);
        border-color: rgb(69, 72, 71);
        color: #9198a1;
    }
    .direct-chat-text::after,
    .direct-chat-text::before {
        border-color: transparent rgb(69, 72, 71) transparent transparent;
    }
    .right .direct-chat-text::after,
    .right .direct-chat-text::before {
        border-left-color: rgb(69, 72, 71);
        border-right-color: transparent;
    }
    .direct-chat-timestamp {
        color: rgb(159, 150, 136);
    }
    .direct-chat-contacts {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .direct-chat-contacts-light {
        background-color: rgb(39, 40, 40);
    }
    .direct-chat-contacts-light .contacts-list-name {
        color: #9198a1;
    }
    .direct-chat-contacts-light .contacts-list-date {
        color: rgb(159, 151, 136);
    }
    .direct-chat-contacts-light .contacts-list-msg {
        color: rgb(175, 167, 154);
    }
    .contacts-list {
        list-style-image: none;
    }
    .contacts-list > li {
        border-bottom-color: rgba(143, 132, 117, 0.2);
    }
    .contacts-list > li:last-of-type {
        border-bottom-color: currentcolor;
    }
    .contacts-list-info {
        color: #d1d7e0;
    }
    .contacts-list-date {
        color: rgb(204, 197, 187);
    }
    .contacts-list-msg {
        color: rgb(189, 181, 169);
    }
    .direct-chat-primary .right > .direct-chat-text {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .direct-chat-primary .right > .direct-chat-text::after,
    .direct-chat-primary .right > .direct-chat-text::before {
        border-left-color: rgb(22, 91, 164);
    }
    .direct-chat-secondary .right > .direct-chat-text {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .direct-chat-secondary .right > .direct-chat-text::after,
    .direct-chat-secondary .right > .direct-chat-text::before {
        border-left-color: rgb(107, 99, 88);
    }
    .direct-chat-success .right > .direct-chat-text {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        color: #d1d7e0;
    }
    .direct-chat-success .right > .direct-chat-text::after,
    .direct-chat-success .right > .direct-chat-text::before {
        border-left-color: rgb(56, 151, 74);
    }
    .direct-chat-info .right > .direct-chat-text {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        color: #d1d7e0;
    }
    .direct-chat-info .right > .direct-chat-text::after,
    .direct-chat-info .right > .direct-chat-text::before {
        border-left-color: rgb(44, 148, 161);
    }
    .direct-chat-warning .right > .direct-chat-text {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        color: rgb(202, 195, 185);
    }
    .direct-chat-warning .right > .direct-chat-text::after,
    .direct-chat-warning .right > .direct-chat-text::before {
        border-left-color: rgb(171, 134, 23);
    }
    .direct-chat-danger .right > .direct-chat-text {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0;
    }
    .direct-chat-danger .right > .direct-chat-text::after,
    .direct-chat-danger .right > .direct-chat-text::before {
        border-left-color: rgb(141, 41, 48);
    }
    .direct-chat-light .right > .direct-chat-text {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .direct-chat-light .right > .direct-chat-text::after,
    .direct-chat-light .right > .direct-chat-text::before {
        border-left-color: rgb(60, 63, 63);
    }
    .direct-chat-dark .right > .direct-chat-text {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .direct-chat-dark .right > .direct-chat-text::after,
    .direct-chat-dark .right > .direct-chat-text::before {
        border-left-color: rgb(125, 116, 102);
    }
    .direct-chat-lightblue .right > .direct-chat-text {
        background-color: rgb(64, 115, 143);
        border-color: rgb(60, 106, 131);
        color: #d1d7e0;
    }
    .direct-chat-lightblue .right > .direct-chat-text::after,
    .direct-chat-lightblue .right > .direct-chat-text::before {
        border-left-color: rgb(60, 106, 131);
    }
    .direct-chat-navy .right > .direct-chat-text {
        background-color: rgb(16, 36, 55);
        border-color: rgb(133, 123, 109);
        color: #d1d7e0;
    }
    .direct-chat-navy .right > .direct-chat-text::after,
    .direct-chat-navy .right > .direct-chat-text::before {
        border-left-color: rgb(133, 123, 109);
    }
    .direct-chat-olive .right > .direct-chat-text {
        background-color: rgb(65, 122, 94);
        border-color: rgb(70, 135, 103);
        color: #d1d7e0;
    }
    .direct-chat-olive .right > .direct-chat-text::after,
    .direct-chat-olive .right > .direct-chat-text::before {
        border-left-color: rgb(70, 135, 103);
    }
    .direct-chat-lime .right > .direct-chat-text {
        background-color: rgb(29, 192, 119);
        border-color: rgb(27, 169, 85);
        color: rgb(202, 195, 185);
    }
    .direct-chat-lime .right > .direct-chat-text::after,
    .direct-chat-lime .right > .direct-chat-text::before {
        border-left-color: rgb(27, 169, 85);
    }
    .direct-chat-fuchsia .right > .direct-chat-text {
        background-color: rgb(177, 32, 141);
        border-color: rgb(157, 30, 126);
        color: #d1d7e0;
    }
    .direct-chat-fuchsia .right > .direct-chat-text::after,
    .direct-chat-fuchsia .right > .direct-chat-text::before {
        border-left-color: rgb(157, 30, 126);
    }
    .direct-chat-maroon .right > .direct-chat-text {
        background-color: rgb(162, 39, 81);
        border-color: rgb(153, 37, 77);
        color: #d1d7e0;
    }
    .direct-chat-maroon .right > .direct-chat-text::after,
    .direct-chat-maroon .right > .direct-chat-text::before {
        border-left-color: rgb(153, 37, 77);
    }
    .direct-chat-blue .right > .direct-chat-text {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .direct-chat-blue .right > .direct-chat-text::after,
    .direct-chat-blue .right > .direct-chat-text::before {
        border-left-color: rgb(22, 91, 164);
    }
    .direct-chat-indigo .right > .direct-chat-text {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
        color: #d1d7e0;
    }
    .direct-chat-indigo .right > .direct-chat-text::after,
    .direct-chat-indigo .right > .direct-chat-text::before {
        border-left-color: rgb(76, 26, 153);
    }
    .direct-chat-purple .right > .direct-chat-text {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
        color: #d1d7e0;
    }
    .direct-chat-purple .right > .direct-chat-text::after,
    .direct-chat-purple .right > .direct-chat-text::before {
        border-left-color: rgb(83, 56, 127);
    }
    .direct-chat-pink .right > .direct-chat-text {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
        color: #d1d7e0;
    }
    .direct-chat-pink .right > .direct-chat-text::after,
    .direct-chat-pink .right > .direct-chat-text::before {
        border-left-color: rgb(142, 35, 81);
    }
    .direct-chat-red .right > .direct-chat-text {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0;
    }
    .direct-chat-red .right > .direct-chat-text::after,
    .direct-chat-red .right > .direct-chat-text::before {
        border-left-color: rgb(141, 41, 48);
    }
    .direct-chat-orange .right > .direct-chat-text {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
        color: rgb(202, 195, 185);
    }
    .direct-chat-orange .right > .direct-chat-text::after,
    .direct-chat-orange .right > .direct-chat-text::before {
        border-left-color: rgb(164, 87, 21);
    }
    .direct-chat-yellow .right > .direct-chat-text {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        color: rgb(202, 195, 185);
    }
    .direct-chat-yellow .right > .direct-chat-text::after,
    .direct-chat-yellow .right > .direct-chat-text::before {
        border-left-color: rgb(171, 134, 23);
    }
    .direct-chat-green .right > .direct-chat-text {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        color: #d1d7e0;
    }
    .direct-chat-green .right > .direct-chat-text::after,
    .direct-chat-green .right > .direct-chat-text::before {
        border-left-color: rgb(56, 151, 74);
    }
    .direct-chat-teal .right > .direct-chat-text {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
        color: #d1d7e0;
    }
    .direct-chat-teal .right > .direct-chat-text::after,
    .direct-chat-teal .right > .direct-chat-text::before {
        border-left-color: rgb(47, 155, 120);
    }
    .direct-chat-cyan .right > .direct-chat-text {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        color: #d1d7e0;
    }
    .direct-chat-cyan .right > .direct-chat-text::after,
    .direct-chat-cyan .right > .direct-chat-text::before {
        border-left-color: rgb(44, 148, 161);
    }
    .direct-chat-white .right > .direct-chat-text {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
        color: rgb(202, 195, 185);
    }
    .direct-chat-white .right > .direct-chat-text::after,
    .direct-chat-white .right > .direct-chat-text::before {
        border-left-color: rgb(58, 61, 61);
    }
    .direct-chat-gray .right > .direct-chat-text {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .direct-chat-gray .right > .direct-chat-text::after,
    .direct-chat-gray .right > .direct-chat-text::before {
        border-left-color: rgb(107, 99, 88);
    }
    .direct-chat-gray-dark .right > .direct-chat-text {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .direct-chat-gray-dark .right > .direct-chat-text::after,
    .direct-chat-gray-dark .right > .direct-chat-text::before {
        border-left-color: rgb(125, 116, 102);
    }
    .dark-mode .direct-chat-text {
        background-color: rgb(68, 71, 71);
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-text::after,
    .dark-mode .direct-chat-text::before {
        border-right-color: rgb(117, 109, 96);
    }
    .dark-mode .direct-chat-timestamp {
        color: rgb(185, 177, 166);
    }
    .dark-mode .right > .direct-chat-text::after,
    .dark-mode .right > .direct-chat-text::before {
        border-right-color: transparent;
    }
    .dark-mode .direct-chat-primary .right > .direct-chat-text {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-primary .right > .direct-chat-text::after,
    .dark-mode .direct-chat-primary .right > .direct-chat-text::before {
        border-left-color: rgb(71, 100, 129);
    }
    .dark-mode .direct-chat-secondary .right > .direct-chat-text {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-secondary .right > .direct-chat-text::after,
    .dark-mode .direct-chat-secondary .right > .direct-chat-text::before {
        border-left-color: rgb(107, 99, 88);
    }
    .dark-mode .direct-chat-success .right > .direct-chat-text {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-success .right > .direct-chat-text::after,
    .dark-mode .direct-chat-success .right > .direct-chat-text::before {
        border-left-color: rgb(29, 189, 144);
    }
    .dark-mode .direct-chat-info .right > .direct-chat-text {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-info .right > .direct-chat-text::after,
    .dark-mode .direct-chat-info .right > .direct-chat-text::before {
        border-left-color: rgb(45, 102, 140);
    }
    .dark-mode .direct-chat-warning .right > .direct-chat-text {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-warning .right > .direct-chat-text::after,
    .dark-mode .direct-chat-warning .right > .direct-chat-text::before {
        border-left-color: rgb(163, 111, 29);
    }
    .dark-mode .direct-chat-danger .right > .direct-chat-text {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-danger .right > .direct-chat-text::after,
    .dark-mode .direct-chat-danger .right > .direct-chat-text::before {
        border-left-color: rgb(142, 45, 33);
    }
    .dark-mode .direct-chat-light .right > .direct-chat-text {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-light .right > .direct-chat-text::after,
    .dark-mode .direct-chat-light .right > .direct-chat-text::before {
        border-left-color: rgb(60, 63, 63);
    }
    .dark-mode .direct-chat-dark .right > .direct-chat-text {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-dark .right > .direct-chat-text::after,
    .dark-mode .direct-chat-dark .right > .direct-chat-text::before {
        border-left-color: rgb(125, 116, 102);
    }
    .dark-mode .direct-chat-lightblue .right > .direct-chat-text {
        background-color: rgb(51, 89, 109);
        border-color: rgb(52, 90, 111);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-lightblue .right > .direct-chat-text::after,
    .dark-mode .direct-chat-lightblue .right > .direct-chat-text::before {
        border-left-color: rgb(52, 90, 111);
    }
    .dark-mode .direct-chat-navy .right > .direct-chat-text {
        background-color: rgb(17, 45, 73);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-navy .right > .direct-chat-text::after,
    .dark-mode .direct-chat-navy .right > .direct-chat-text::before {
        border-left-color: rgb(129, 120, 106);
    }
    .dark-mode .direct-chat-olive .right > .direct-chat-text {
        background-color: rgb(63, 121, 98);
        border-color: rgb(61, 116, 88);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-olive .right > .direct-chat-text::after,
    .dark-mode .direct-chat-olive .right > .direct-chat-text::before {
        border-left-color: rgb(61, 116, 88);
    }
    .dark-mode .direct-chat-lime .right > .direct-chat-text {
        background-color: rgb(24, 138, 87);
        border-color: rgb(25, 143, 72);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-lime .right > .direct-chat-text::after,
    .dark-mode .direct-chat-lime .right > .direct-chat-text::before {
        border-left-color: rgb(25, 143, 72);
    }
    .dark-mode .direct-chat-fuchsia .right > .direct-chat-text {
        background-color: rgb(128, 26, 102);
        border-color: rgb(132, 27, 106);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::after,
    .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::before {
        border-left-color: rgb(132, 27, 106);
    }
    .dark-mode .direct-chat-maroon .right > .direct-chat-text {
        background-color: rgb(129, 32, 65);
        border-color: rgb(130, 33, 66);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-maroon .right > .direct-chat-text::after,
    .dark-mode .direct-chat-maroon .right > .direct-chat-text::before {
        border-left-color: rgb(130, 33, 66);
    }
    .dark-mode .direct-chat-blue .right > .direct-chat-text {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-blue .right > .direct-chat-text::after,
    .dark-mode .direct-chat-blue .right > .direct-chat-text::before {
        border-left-color: rgb(71, 100, 129);
    }
    .dark-mode .direct-chat-indigo .right > .direct-chat-text {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-indigo .right > .direct-chat-text::after,
    .dark-mode .direct-chat-indigo .right > .direct-chat-text::before {
        border-left-color: rgb(76, 26, 153);
    }
    .dark-mode .direct-chat-purple .right > .direct-chat-text {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-purple .right > .direct-chat-text::after,
    .dark-mode .direct-chat-purple .right > .direct-chat-text::before {
        border-left-color: rgb(83, 56, 127);
    }
    .dark-mode .direct-chat-pink .right > .direct-chat-text {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-pink .right > .direct-chat-text::after,
    .dark-mode .direct-chat-pink .right > .direct-chat-text::before {
        border-left-color: rgb(142, 35, 81);
    }
    .dark-mode .direct-chat-red .right > .direct-chat-text {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-red .right > .direct-chat-text::after,
    .dark-mode .direct-chat-red .right > .direct-chat-text::before {
        border-left-color: rgb(142, 45, 33);
    }
    .dark-mode .direct-chat-orange .right > .direct-chat-text {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-orange .right > .direct-chat-text::after,
    .dark-mode .direct-chat-orange .right > .direct-chat-text::before {
        border-left-color: rgb(164, 87, 21);
    }
    .dark-mode .direct-chat-yellow .right > .direct-chat-text {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-yellow .right > .direct-chat-text::after,
    .dark-mode .direct-chat-yellow .right > .direct-chat-text::before {
        border-left-color: rgb(163, 111, 29);
    }
    .dark-mode .direct-chat-green .right > .direct-chat-text {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-green .right > .direct-chat-text::after,
    .dark-mode .direct-chat-green .right > .direct-chat-text::before {
        border-left-color: rgb(29, 189, 144);
    }
    .dark-mode .direct-chat-teal .right > .direct-chat-text {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-teal .right > .direct-chat-text::after,
    .dark-mode .direct-chat-teal .right > .direct-chat-text::before {
        border-left-color: rgb(47, 155, 120);
    }
    .dark-mode .direct-chat-cyan .right > .direct-chat-text {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-cyan .right > .direct-chat-text::after,
    .dark-mode .direct-chat-cyan .right > .direct-chat-text::before {
        border-left-color: rgb(45, 102, 140);
    }
    .dark-mode .direct-chat-white .right > .direct-chat-text {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
        color: rgb(202, 195, 185);
    }
    .dark-mode .direct-chat-white .right > .direct-chat-text::after,
    .dark-mode .direct-chat-white .right > .direct-chat-text::before {
        border-left-color: rgb(58, 61, 61);
    }
    .dark-mode .direct-chat-gray .right > .direct-chat-text {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-gray .right > .direct-chat-text::after,
    .dark-mode .direct-chat-gray .right > .direct-chat-text::before {
        border-left-color: rgb(107, 99, 88);
    }
    .dark-mode .direct-chat-gray-dark .right > .direct-chat-text {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::after,
    .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::before {
        border-left-color: rgb(125, 116, 102);
    }
    .users-list {
        list-style-image: none;
    }
    .users-list > li > a:hover,
    .users-list > li > a:hover .users-list-name {
        color: #9198a1;
    }
    .users-list-name {
        color: #9198a1;
    }
    .users-list-date {
        color: rgb(155, 145, 131);
    }
    .dark-mode .users-list-name {
        color: rgb(204, 197, 187);
    }
    .dark-mode .users-list-date {
        color: rgb(185, 177, 166);
    }
    .card-widget {
        border-color: currentcolor;
    }
    .widget-user .widget-user-username {
        text-shadow: rgba(13, 13, 13, 0.2) 0px 1px 1px;
    }
    .widget-user .widget-user-image > img {
        border-color: rgb(58, 61, 61);
    }
    .mailbox-controls.with-border {
        border-bottom-color: rgba(143, 132, 117, 0.13);
    }
    .mailbox-read-info {
        border-bottom-color: rgba(143, 132, 117, 0.13);
    }
    .mailbox-read-time {
        color: #9198a1;
    }
    .mailbox-attachments {
        list-style-image: none;
    }
    .mailbox-attachments li {
        border-color: rgb(63, 65, 65);
    }
    .mailbox-attachment-name {
        color: #9198a1;
    }
    .mailbox-attachment-info {
        background-color: rgb(39, 40, 40);
    }
    .mailbox-attachment-size {
        color: #9198a1;
    }
    .mailbox-attachment-icon {
        color: #9198a1;
    }
    .lockscreen {
        background-color: rgb(46, 48, 47);
    }
    .lockscreen-logo a {
        color: #9198a1;
    }
    .lockscreen-item {
        background-color: #202831;
    }
    .lockscreen-image {
        background-color: #202831;
    }
    .lockscreen-credentials .form-control {
        border-color: currentcolor;
    }
    .lockscreen-credentials .btn {
        background-color: #202831;
        border-color: currentcolor;
    }
    .dark-mode .lockscreen-item {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .lockscreen-logo a {
        color: #d1d7e0;
    }
    .dark-mode .lockscreen-credentials .btn {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .lockscreen-image {
        background-color: rgb(96, 100, 101);
    }
    .login-logo a,
    .register-logo a {
        color: #9198a1;
    }
    .login-page,
    .register-page {
        background-color: rgb(46, 48, 47);
    }
    .login-card-body,
    .register-card-body {
        background-color: #202831;
        border-top-color: currentcolor;
        color: #9198a1;
    }
    .login-card-body .input-group .form-control,
    .register-card-body .input-group .form-control {
        border-right-color: currentcolor;
    }
    .login-card-body .input-group .form-control:focus,
    .register-card-body .input-group .form-control:focus {
        box-shadow: none;
    }
    .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
    .login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
    .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
    .register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text {
        border-color: rgb(20, 74, 131);
    }
    .login-card-body .input-group .form-control.is-valid:focus,
    .register-card-body .input-group .form-control.is-valid:focus {
        box-shadow: none;
    }
    .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
    .login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
    .register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
    .register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text {
        border-color: rgb(56, 151, 74);
    }
    .login-card-body .input-group .form-control.is-invalid:focus,
    .register-card-body .input-group .form-control.is-invalid:focus {
        box-shadow: none;
    }
    .login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
    .register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
        border-color: rgb(141, 41, 48);
    }
    .login-card-body .input-group .input-group-text,
    .register-card-body .input-group .input-group-text {
        background-color: transparent;
        border-left-color: currentcolor;
        color: rgb(158, 149, 135);
    }
    .dark-mode .login-card-body,
    .dark-mode .register-card-body {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .login-logo a,
    .dark-mode .register-logo a {
        color: #d1d7e0;
    }
    .invoice {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.13);
    }
    .dark-mode .invoice {
        background-color: rgb(54, 56, 56);
    }
    .profile-user-img {
        border-color: rgb(78, 82, 82);
    }
    .post {
        border-bottom-color: rgb(78, 82, 82);
        color: #9198a1;
    }
    .post:last-of-type {
        border-bottom-color: currentcolor;
    }
    .dark-mode .post {
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .product-image-thumb {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        box-shadow: rgba(13, 13, 13, 0.07) 0px 1px 2px;
    }
    .content-wrapper.iframe-mode .btn-iframe-close {
        color: rgb(208, 82, 91);
    }
    .content-wrapper.iframe-mode .tab-loading {
        background-color: rgb(40, 41, 41);
    }
    .content-wrapper.iframe-mode iframe {
        border-color: currentcolor;
    }
    .content-wrapper.kanban .btn-tool.btn-link {
        text-decoration-color: currentcolor;
    }
    .fc-button {
        background-color: rgb(39, 40, 40);
        background-image: none;
        border-color: rgb(68, 70, 70);
        color: #9198a1;
    }
    .fc-button.hover,
    .fc-button:active,
    .fc-button:hover {
        background-color: rgb(47, 49, 49);
    }
    .fc-header-title h2 {
        color: #9198a1;
    }
    .fc-widget-header {
        background-color: rgb(39, 40, 39);
        background-image: none;
    }
    .fc-grid {
        border-color: currentcolor;
    }
    .fc-widget-content:first-of-type,
    .fc-widget-header:first-of-type {
        border-left-color: currentcolor;
        border-right-color: currentcolor;
    }
    .fc-widget-content:last-of-type,
    .fc-widget-header:last-of-type {
        border-right-color: currentcolor;
    }
    .fc-color-picker {
        list-style-image: none;
    }
    .external-event {
        box-shadow: rgba(13, 13, 13, 0.13) 0px 0px 1px, rgba(13, 13, 13, 0.2) 0px 1px 3px;
    }
    .external-event:hover {
        box-shadow: rgba(13, 13, 13, 0.2) 0px 0px 90px inset;
    }
    .select2-container--default .select2-selection--single {
        border-color: rgb(70, 73, 73);
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #d1d7e0 !important;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single {
        background-color: inherit !important;
        border: 1px solid #aaa;
        border-radius: 4px;
    }

    .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(20, 74, 131);
    }
    .select2-container--default .select2-dropdown {
        border-color: rgb(70, 73, 73);
    }
    .select2-container--default .select2-dropdown .select2-search__field,
    .select2-container--default .select2-search--inline .select2-search__field {
        border-color: rgb(70, 73, 73);
    }
    .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-search--inline .select2-search__field:focus {
        border-color: rgb(20, 74, 131);
        outline-color: currentcolor;
    }
    .select2-container--default .select2-dropdown.select2-dropdown--below {
        border-top-color: currentcolor;
    }
    .select2-container--default .select2-dropdown.select2-dropdown--above {
        border-bottom-color: currentcolor;
    }
    .select2-container--default .select2-results__option[aria-disabled="true"] {
        color: rgb(159, 151, 136);
    }
    .select2-container--default .select2-results__option[aria-selected="true"] {
        background-color: rgb(51, 53, 53);
    }
    .select2-container--default .select2-results__option[aria-selected="true"],
    .select2-container--default .select2-results__option[aria-selected="true"]:hover {
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(23, 97, 175);
        color: #d1d7e0;
    }
    .select2-container--default .select2-selection--multiple {
        border-color: rgb(70, 73, 73);
    }
    .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(20, 74, 131);
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
        border-color: currentcolor;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(23, 102, 185);
        border-color: rgb(23, 94, 170);
        color: #d1d7e0;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(20, 74, 131);
    }
    .select2-container--default.select2-container--focus .select2-search__field {
        border-color: currentcolor;
    }
    .select2-container--bootstrap4.select2-container--focus .select2-selection {
        box-shadow: none;
    }
    .select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(20, 74, 131);
    }
    .select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(20, 74, 131);
    }
    .select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,
    .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(20, 74, 131);
    }
    .select2-container--default .select2-primary .select2-results__option--highlighted,
    .select2-primary .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
    .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(23, 97, 175);
        color: #d1d7e0;
    }
    .select2-container--default .select2-primary .select2-selection--multiple:focus,
    .select2-primary .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(20, 74, 131);
    }
    .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,
    .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(23, 102, 185);
        border-color: rgb(23, 94, 170);
        color: #d1d7e0;
    }
    .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
    .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple,
    .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(20, 74, 131);
    }
    .select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,
    .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(78, 82, 82);
    }
    .select2-container--default .select2-secondary .select2-results__option--highlighted,
    .select2-secondary .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
    .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(90, 95, 95);
        color: #d1d7e0;
    }
    .select2-container--default .select2-secondary .select2-selection--multiple:focus,
    .select2-secondary .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(78, 82, 82);
    }
    .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice,
    .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(96, 100, 101);
        border-color: rgb(111, 103, 91);
        color: #d1d7e0;
    }
    .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
    .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple,
    .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(78, 82, 82);
    }
    .select2-success + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(48, 124, 62);
    }
    .select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(48, 124, 62);
    }
    .select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,
    .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(48, 124, 62);
    }
    .select2-container--default .select2-success .select2-results__option--highlighted,
    .select2-success .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover,
    .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(48, 123, 61);
        color: #d1d7e0;
    }
    .select2-container--default .select2-success .select2-selection--multiple:focus,
    .select2-success .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(48, 124, 62);
    }
    .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice,
    .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(50, 132, 65);
        border-color: rgb(59, 156, 77);
        color: #d1d7e0;
    }
    .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove,
    .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-success.select2-container--focus .select2-selection--multiple,
    .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(48, 124, 62);
    }
    .select2-info + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(38, 121, 132);
    }
    .select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(38, 121, 132);
    }
    .select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,
    .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(38, 121, 132);
    }
    .select2-container--default .select2-info .select2-results__option--highlighted,
    .select2-info .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover,
    .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(38, 120, 131);
        color: #d1d7e0;
    }
    .select2-container--default .select2-info .select2-selection--multiple:focus,
    .select2-info .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(38, 121, 132);
    }
    .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice,
    .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(40, 129, 140);
        border-color: rgb(46, 153, 168);
        color: #d1d7e0;
    }
    .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove,
    .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-info.select2-container--focus .select2-selection--multiple,
    .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(38, 121, 132);
    }
    .select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(137, 107, 21);
    }
    .select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(137, 107, 21);
    }
    .select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,
    .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(137, 107, 21);
    }
    .select2-container--default .select2-warning .select2-results__option--highlighted,
    .select2-warning .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
    .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(191, 148, 25);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-warning .select2-selection--multiple:focus,
    .select2-warning .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(137, 107, 21);
    }
    .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice,
    .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(148, 115, 22);
        border-color: rgb(178, 138, 24);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
    .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple,
    .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(137, 107, 21);
    }
    .select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(112, 34, 39);
    }
    .select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(112, 34, 39);
    }
    .select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,
    .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(112, 34, 39);
    }
    .select2-container--default .select2-danger .select2-results__option--highlighted,
    .select2-danger .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
    .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(162, 45, 54);
        color: #d1d7e0;
    }
    .select2-container--default .select2-danger .select2-selection--multiple:focus,
    .select2-danger .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(112, 34, 39);
    }
    .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice,
    .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(155, 44, 53);
        border-color: rgb(146, 42, 50);
        color: #d1d7e0;
    }
    .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
    .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple,
    .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(112, 34, 39);
    }
    .select2-light + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,
    .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(58, 61, 61);
    }
    .select2-container--default .select2-light .select2-results__option--highlighted,
    .select2-light .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(39, 40, 40);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover,
    .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(43, 44, 45);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-light .select2-selection--multiple:focus,
    .select2-light .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(58, 61, 61);
    }
    .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice,
    .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(39, 40, 40);
        border-color: #9198a1;
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove,
    .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-light.select2-container--focus .select2-selection--multiple,
    .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(58, 61, 61);
    }
    .select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,
    .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(106, 98, 87);
    }
    .select2-container--default .select2-dark .select2-results__option--highlighted,
    .select2-dark .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
    .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(49, 51, 51);
        color: #d1d7e0;
    }
    .select2-container--default .select2-dark .select2-selection--multiple:focus,
    .select2-dark .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(106, 98, 87);
    }
    .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice,
    .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(54, 56, 56);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
    .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple,
    .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(106, 98, 87);
    }
    .select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(50, 86, 106);
    }
    .select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(50, 86, 106);
    }
    .select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus,
    .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(50, 86, 106);
    }
    .select2-container--default .select2-lightblue .select2-results__option--highlighted,
    .select2-lightblue .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(64, 115, 143);
        color: #d1d7e0;
    }
    .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
    .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(61, 109, 135);
        color: #d1d7e0;
    }
    .select2-container--default .select2-lightblue .select2-selection--multiple:focus,
    .select2-lightblue .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(50, 86, 106);
    }
    .select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice,
    .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(64, 115, 143);
        border-color: rgb(62, 110, 136);
        color: #d1d7e0;
    }
    .select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
    .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple,
    .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(50, 86, 106);
    }
    .select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(23, 101, 180);
    }
    .select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(23, 101, 180);
    }
    .select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,
    .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(23, 101, 180);
    }
    .select2-container--default .select2-navy .select2-results__option--highlighted,
    .select2-navy .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(16, 36, 55);
        color: #d1d7e0;
    }
    .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
    .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(15, 29, 45);
        color: #d1d7e0;
    }
    .select2-container--default .select2-navy .select2-selection--multiple:focus,
    .select2-navy .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(23, 101, 180);
    }
    .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice,
    .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(16, 36, 55);
        border-color: rgb(137, 127, 112);
        color: #d1d7e0;
    }
    .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
    .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple,
    .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(23, 101, 180);
    }
    .select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(59, 111, 85);
    }
    .select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(59, 111, 85);
    }
    .select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,
    .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(59, 111, 85);
    }
    .select2-container--default .select2-olive .select2-results__option--highlighted,
    .select2-olive .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(65, 122, 94);
        color: #d1d7e0;
    }
    .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
    .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(61, 115, 87);
        color: #d1d7e0;
    }
    .select2-container--default .select2-olive .select2-selection--multiple:focus,
    .select2-olive .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(59, 111, 85);
    }
    .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice,
    .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(65, 122, 94);
        border-color: rgb(73, 140, 106);
        color: #d1d7e0;
    }
    .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
    .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple,
    .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(59, 111, 85);
    }
    .select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(24, 136, 70);
    }
    .select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(24, 136, 70);
    }
    .select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,
    .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(24, 136, 70);
    }
    .select2-container--default .select2-lime .select2-results__option--highlighted,
    .select2-lime .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(29, 192, 119);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
    .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(28, 183, 91);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-lime .select2-selection--multiple:focus,
    .select2-lime .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(24, 136, 70);
    }
    .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice,
    .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(29, 192, 119);
        border-color: rgb(27, 176, 88);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
    .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple,
    .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(24, 136, 70);
    }
    .select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(126, 26, 101);
    }
    .select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(126, 26, 101);
    }
    .select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,
    .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(126, 26, 101);
    }
    .select2-container--default .select2-fuchsia .select2-results__option--highlighted,
    .select2-fuchsia .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(177, 32, 141);
        color: #d1d7e0;
    }
    .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
    .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(170, 30, 136);
        color: #d1d7e0;
    }
    .select2-container--default .select2-fuchsia .select2-selection--multiple:focus,
    .select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(126, 26, 101);
    }
    .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
    .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(177, 32, 141);
        border-color: rgb(163, 30, 130);
        color: #d1d7e0;
    }
    .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
    .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple,
    .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(126, 26, 101);
    }
    .select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(123, 32, 63);
    }
    .select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(123, 32, 63);
    }
    .select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,
    .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(123, 32, 63);
    }
    .select2-container--default .select2-maroon .select2-results__option--highlighted,
    .select2-maroon .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(162, 39, 81);
        color: #d1d7e0;
    }
    .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
    .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(153, 37, 77);
        color: #d1d7e0;
    }
    .select2-container--default .select2-maroon .select2-selection--multiple:focus,
    .select2-maroon .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(123, 32, 63);
    }
    .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice,
    .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(162, 39, 81);
        border-color: rgb(159, 38, 79);
        color: #d1d7e0;
    }
    .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
    .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple,
    .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(123, 32, 63);
    }
    .select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(20, 74, 131);
    }
    .select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(20, 74, 131);
    }
    .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus {
        border-color: rgb(20, 74, 131);
    }
    .select2-blue .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .select2-blue .select2-results__option--highlighted {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(23, 97, 175);
        color: #d1d7e0;
    }
    .select2-blue .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .select2-blue .select2-selection--multiple:focus {
        border-color: rgb(20, 74, 131);
    }
    .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(23, 102, 185);
        border-color: rgb(23, 94, 170);
        color: #d1d7e0;
    }
    .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple {
        border-color: rgb(20, 74, 131);
    }
    .select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(62, 23, 123);
    }
    .select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(62, 23, 123);
    }
    .select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,
    .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(62, 23, 123);
    }
    .select2-container--default .select2-indigo .select2-results__option--highlighted,
    .select2-indigo .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
    .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(81, 27, 166);
        color: #d1d7e0;
    }
    .select2-container--default .select2-indigo .select2-selection--multiple:focus,
    .select2-indigo .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(62, 23, 123);
    }
    .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice,
    .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(84, 27, 173);
        border-color: rgb(78, 27, 160);
        color: #d1d7e0;
    }
    .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
    .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple,
    .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(62, 23, 123);
    }
    .select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(67, 47, 101);
    }
    .select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(67, 47, 101);
    }
    .select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,
    .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(67, 47, 101);
    }
    .select2-container--default .select2-purple .select2-results__option--highlighted,
    .select2-purple .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
    .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(89, 60, 138);
        color: #d1d7e0;
    }
    .select2-container--default .select2-purple .select2-selection--multiple:focus,
    .select2-purple .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(67, 47, 101);
    }
    .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice,
    .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(92, 62, 142);
        border-color: rgb(86, 58, 131);
        color: #d1d7e0;
    }
    .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
    .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple,
    .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(67, 47, 101);
    }
    .select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(112, 29, 65);
    }
    .select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(112, 29, 65);
    }
    .select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,
    .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(112, 29, 65);
    }
    .select2-container--default .select2-pink .select2-results__option--highlighted,
    .select2-pink .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
    .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(160, 37, 91);
        color: #d1d7e0;
    }
    .select2-container--default .select2-pink .select2-selection--multiple:focus,
    .select2-pink .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(112, 29, 65);
    }
    .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice,
    .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(152, 36, 87);
        border-color: rgb(148, 36, 85);
        color: #d1d7e0;
    }
    .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
    .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple,
    .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(112, 29, 65);
    }
    .select2-red + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(112, 34, 39);
    }
    .select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(112, 34, 39);
    }
    .select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,
    .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(112, 34, 39);
    }
    .select2-container--default .select2-red .select2-results__option--highlighted,
    .select2-red .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover,
    .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(162, 45, 54);
        color: #d1d7e0;
    }
    .select2-container--default .select2-red .select2-selection--multiple:focus,
    .select2-red .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(112, 34, 39);
    }
    .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice,
    .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(155, 44, 53);
        border-color: rgb(146, 42, 50);
        color: #d1d7e0;
    }
    .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove,
    .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-red.select2-container--focus .select2-selection--multiple,
    .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(112, 34, 39);
    }
    .select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(131, 70, 20);
    }
    .select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(131, 70, 20);
    }
    .select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,
    .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(131, 70, 20);
    }
    .select2-container--default .select2-orange .select2-results__option--highlighted,
    .select2-orange .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
    .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(190, 100, 24);
        color: #d1d7e0;
    }
    .select2-container--default .select2-orange .select2-selection--multiple:focus,
    .select2-orange .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(131, 70, 20);
    }
    .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice,
    .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(182, 96, 23);
        border-color: rgb(170, 91, 22);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
    .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple,
    .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(131, 70, 20);
    }
    .select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(137, 107, 21);
    }
    .select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(137, 107, 21);
    }
    .select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,
    .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(137, 107, 21);
    }
    .select2-container--default .select2-yellow .select2-results__option--highlighted,
    .select2-yellow .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
    .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(191, 148, 25);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-yellow .select2-selection--multiple:focus,
    .select2-yellow .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(137, 107, 21);
    }
    .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice,
    .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(148, 115, 22);
        border-color: rgb(178, 138, 24);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
    .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple,
    .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(137, 107, 21);
    }
    .select2-green + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(48, 124, 62);
    }
    .select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(48, 124, 62);
    }
    .select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,
    .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(48, 124, 62);
    }
    .select2-container--default .select2-green .select2-results__option--highlighted,
    .select2-green .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover,
    .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(48, 123, 61);
        color: #d1d7e0;
    }
    .select2-container--default .select2-green .select2-selection--multiple:focus,
    .select2-green .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(48, 124, 62);
    }
    .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice,
    .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(50, 132, 65);
        border-color: rgb(59, 156, 77);
        color: #d1d7e0;
    }
    .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove,
    .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-green.select2-container--focus .select2-selection--multiple,
    .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(48, 124, 62);
    }
    .select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(41, 125, 97);
    }
    .select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(41, 125, 97);
    }
    .select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,
    .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(41, 125, 97);
    }
    .select2-container--default .select2-teal .select2-results__option--highlighted,
    .select2-teal .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
    .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(46, 146, 113);
        color: #d1d7e0;
    }
    .select2-container--default .select2-teal .select2-selection--multiple:focus,
    .select2-teal .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(41, 125, 97);
    }
    .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice,
    .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(48, 156, 120);
        border-color: rgb(49, 161, 124);
        color: #d1d7e0;
    }
    .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
    .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple,
    .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(41, 125, 97);
    }
    .select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(38, 121, 132);
    }
    .select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(38, 121, 132);
    }
    .select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,
    .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(38, 121, 132);
    }
    .select2-container--default .select2-cyan .select2-results__option--highlighted,
    .select2-cyan .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
    .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(38, 120, 131);
        color: #d1d7e0;
    }
    .select2-container--default .select2-cyan .select2-selection--multiple:focus,
    .select2-cyan .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(38, 121, 132);
    }
    .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice,
    .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(40, 129, 140);
        border-color: rgb(46, 153, 168);
        color: #d1d7e0;
    }
    .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
    .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple,
    .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(38, 121, 132);
    }
    .select2-white + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,
    .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(58, 61, 61);
    }
    .select2-container--default .select2-white .select2-results__option--highlighted,
    .select2-white .select2-container--default .select2-results__option--highlighted {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover,
    .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(40, 41, 41);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-white .select2-selection--multiple:focus,
    .select2-white .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(58, 61, 61);
    }
    .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice,
    .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #202831;
        border-color: rgb(62, 64, 64);
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove,
    .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .select2-container--default .select2-white.select2-container--focus .select2-selection--multiple,
    .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(58, 61, 61);
    }
    .select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,
    .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(78, 82, 82);
    }
    .select2-container--default .select2-gray .select2-results__option--highlighted,
    .select2-gray .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
    .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(90, 95, 95);
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray .select2-selection--multiple:focus,
    .select2-gray .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(78, 82, 82);
    }
    .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice,
    .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(96, 100, 101);
        border-color: rgb(111, 103, 91);
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
    .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple,
    .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(78, 82, 82);
    }
    .select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,
    .select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,
    .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus,
    .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus {
        border-color: rgb(106, 98, 87);
    }
    .select2-container--default .select2-gray-dark .select2-results__option--highlighted,
    .select2-gray-dark .select2-container--default .select2-results__option--highlighted {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
    .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(49, 51, 51);
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray-dark .select2-selection--multiple:focus,
    .select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
        border-color: rgb(106, 98, 87);
    }
    .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
    .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(54, 56, 56);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
    .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple,
    .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-selection {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .select2-container--disabled .select2-selection--single {
        background-color: rgb(68, 71, 71);
    }
    .dark-mode .select2-selection--single {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .select2-selection--single .select2-selection__rendered {
        color: #d1d7e0;
    }
    .dark-mode .select2-dropdown .select2-search__field,
    .dark-mode .select2-search--inline .select2-search__field {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .select2-dropdown {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .select2-results__option[aria-selected="true"] {
        background-color: #9198a1 !important;
        color: rgb(212, 206, 196);
    }
    .dark-mode .select2-container .select2-search--inline .select2-search__field {
        background-color: transparent;
        color: #d1d7e0;
    }
    .dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
        color: #d1d7e0;
    }
    .dark-mode .select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(59, 82, 105);
        color: #d1d7e0;
    }
    .dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(63, 88, 113);
        border-color: rgb(74, 103, 134);
        color: #d1d7e0;
    }
    .dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(90, 95, 95);
        color: #d1d7e0;
    }
    .dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(96, 100, 101);
        border-color: rgb(111, 103, 91);
        color: #d1d7e0;
    }
    .dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-success + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-success .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(25, 135, 104);
        color: #d1d7e0;
    }
    .dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(25, 145, 112);
        border-color: rgb(30, 195, 148);
        color: #d1d7e0;
    }
    .dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-info + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-info .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(49, 117, 161);
        color: #d1d7e0;
    }
    .dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(48, 113, 154);
        border-color: rgb(46, 106, 145);
        color: #d1d7e0;
    }
    .dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(180, 122, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(183, 125, 31);
        border-color: rgb(170, 115, 30);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(161, 49, 36);
        color: #d1d7e0;
    }
    .dark-mode .select2-danger .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-danger .select2-selection--multiple:focus {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(153, 47, 35);
        border-color: rgb(148, 46, 34);
        color: #d1d7e0;
    }
    .dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-danger.select2-container--focus .select2-selection--multiple {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-light + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-light .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-light .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-light.select2-dropdown .select2-search__field:focus {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-light .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-light .select2-results__option--highlighted {
        background-color: rgb(39, 40, 40);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(43, 44, 45);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-light .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-light .select2-selection--multiple:focus {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(39, 40, 40);
        border-color: #9198a1;
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-light.select2-container--focus .select2-selection--multiple {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-dark .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-dark .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-dark.select2-dropdown .select2-search__field:focus {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(49, 51, 51);
        color: #d1d7e0;
    }
    .dark-mode .select2-dark .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-dark .select2-selection--multiple:focus {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(54, 56, 56);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-dark.select2-container--focus .select2-selection--multiple {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(42, 71, 86);
    }
    .dark-mode .select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(42, 71, 86);
    }
    .dark-mode .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-lightblue .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-lightblue .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-lightblue.select2-dropdown .select2-search__field:focus {
        border-color: rgb(42, 71, 86);
    }
    .dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted {
        background-color: rgb(51, 89, 109);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(53, 93, 116);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple:focus {
        border-color: rgb(42, 71, 86);
    }
    .dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(51, 89, 109);
        border-color: rgb(54, 94, 117);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-lightblue.select2-container--focus .select2-selection--multiple {
        border-color: rgb(42, 71, 86);
    }
    .dark-mode .select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(23, 97, 173);
    }
    .dark-mode .select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(23, 97, 173);
    }
    .dark-mode .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-navy .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-navy .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-navy.select2-dropdown .select2-search__field:focus {
        border-color: rgb(23, 97, 173);
    }
    .dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted {
        background-color: rgb(17, 45, 73);
        color: #d1d7e0;
    }
    .dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(16, 39, 62);
        color: #d1d7e0;
    }
    .dark-mode .select2-navy .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-navy .select2-selection--multiple:focus {
        border-color: rgb(23, 97, 173);
    }
    .dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(17, 45, 73);
        border-color: rgb(133, 123, 109);
        color: #d1d7e0;
    }
    .dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-navy.select2-container--focus .select2-selection--multiple {
        border-color: rgb(23, 97, 173);
    }
    .dark-mode .select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(50, 91, 70);
    }
    .dark-mode .select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(50, 91, 70);
    }
    .dark-mode .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-olive .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-olive .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-olive.select2-dropdown .select2-search__field:focus {
        border-color: rgb(50, 91, 70);
    }
    .dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted {
        background-color: rgb(63, 121, 98);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(67, 126, 103);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-olive .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-olive .select2-selection--multiple:focus {
        border-color: rgb(50, 91, 70);
    }
    .dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(63, 121, 98);
        border-color: rgb(64, 120, 92);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-olive.select2-container--focus .select2-selection--multiple {
        border-color: rgb(50, 91, 70);
    }
    .dark-mode .select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(22, 109, 56);
    }
    .dark-mode .select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(22, 109, 56);
    }
    .dark-mode .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-lime .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-lime .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-lime.select2-dropdown .select2-search__field:focus {
        border-color: rgb(22, 109, 56);
    }
    .dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted {
        background-color: rgb(24, 138, 87);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(25, 146, 91);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lime .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-lime .select2-selection--multiple:focus {
        border-color: rgb(22, 109, 56);
    }
    .dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(24, 138, 87);
        border-color: rgb(25, 149, 75);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-lime.select2-container--focus .select2-selection--multiple {
        border-color: rgb(22, 109, 56);
    }
    .dark-mode .select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(103, 22, 80);
    }
    .dark-mode .select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(103, 22, 80);
    }
    .dark-mode .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-fuchsia .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-fuchsia .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-fuchsia.select2-dropdown .select2-search__field:focus {
        border-color: rgb(103, 22, 80);
    }
    .dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted {
        background-color: rgb(128, 26, 102);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(135, 27, 108);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple:focus {
        border-color: rgb(103, 22, 80);
    }
    .dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(128, 26, 102);
        border-color: rgb(139, 27, 111);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-fuchsia.select2-container--focus .select2-selection--multiple {
        border-color: rgb(103, 22, 80);
    }
    .dark-mode .select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(100, 27, 51);
    }
    .dark-mode .select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(100, 27, 51);
    }
    .dark-mode .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-maroon .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-maroon .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-maroon.select2-dropdown .select2-search__field:focus {
        border-color: rgb(100, 27, 51);
    }
    .dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted {
        background-color: rgb(129, 32, 65);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(135, 34, 69);
        color: #d1d7e0;
    }
    .dark-mode .select2-maroon .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-maroon .select2-selection--multiple:focus {
        border-color: rgb(100, 27, 51);
    }
    .dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(129, 32, 65);
        border-color: rgb(135, 34, 69);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-maroon.select2-container--focus .select2-selection--multiple {
        border-color: rgb(100, 27, 51);
    }
    .dark-mode .select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-blue .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-blue .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-blue.select2-dropdown .select2-search__field:focus {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(59, 82, 105);
        color: #d1d7e0;
    }
    .dark-mode .select2-blue .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-blue .select2-selection--multiple:focus {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(63, 88, 113);
        border-color: rgb(74, 103, 134);
        color: #d1d7e0;
    }
    .dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-blue.select2-container--focus .select2-selection--multiple {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(62, 23, 123);
    }
    .dark-mode .select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(62, 23, 123);
    }
    .dark-mode .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-indigo .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-indigo .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-indigo.select2-dropdown .select2-search__field:focus {
        border-color: rgb(62, 23, 123);
    }
    .dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(81, 27, 166);
        color: #d1d7e0;
    }
    .dark-mode .select2-indigo .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-indigo .select2-selection--multiple:focus {
        border-color: rgb(62, 23, 123);
    }
    .dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(84, 27, 173);
        border-color: rgb(78, 27, 160);
        color: #d1d7e0;
    }
    .dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-indigo.select2-container--focus .select2-selection--multiple {
        border-color: rgb(62, 23, 123);
    }
    .dark-mode .select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(67, 47, 101);
    }
    .dark-mode .select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(67, 47, 101);
    }
    .dark-mode .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-purple .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-purple .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-purple.select2-dropdown .select2-search__field:focus {
        border-color: rgb(67, 47, 101);
    }
    .dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(89, 60, 138);
        color: #d1d7e0;
    }
    .dark-mode .select2-purple .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-purple .select2-selection--multiple:focus {
        border-color: rgb(67, 47, 101);
    }
    .dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(92, 62, 142);
        border-color: rgb(86, 58, 131);
        color: #d1d7e0;
    }
    .dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-purple.select2-container--focus .select2-selection--multiple {
        border-color: rgb(67, 47, 101);
    }
    .dark-mode .select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(112, 29, 65);
    }
    .dark-mode .select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(112, 29, 65);
    }
    .dark-mode .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-pink .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-pink .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-pink.select2-dropdown .select2-search__field:focus {
        border-color: rgb(112, 29, 65);
    }
    .dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(160, 37, 91);
        color: #d1d7e0;
    }
    .dark-mode .select2-pink .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-pink .select2-selection--multiple:focus {
        border-color: rgb(112, 29, 65);
    }
    .dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(152, 36, 87);
        border-color: rgb(148, 36, 85);
        color: #d1d7e0;
    }
    .dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-pink.select2-container--focus .select2-selection--multiple {
        border-color: rgb(112, 29, 65);
    }
    .dark-mode .select2-red + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-red .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-red .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-red.select2-dropdown .select2-search__field:focus {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-red .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-red .select2-results__option--highlighted {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(161, 49, 36);
        color: #d1d7e0;
    }
    .dark-mode .select2-red .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-red .select2-selection--multiple:focus {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(153, 47, 35);
        border-color: rgb(148, 46, 34);
        color: #d1d7e0;
    }
    .dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-red.select2-container--focus .select2-selection--multiple {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(131, 70, 20);
    }
    .dark-mode .select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(131, 70, 20);
    }
    .dark-mode .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-orange .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-orange .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-orange.select2-dropdown .select2-search__field:focus {
        border-color: rgb(131, 70, 20);
    }
    .dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(190, 100, 24);
        color: #d1d7e0;
    }
    .dark-mode .select2-orange .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-orange .select2-selection--multiple:focus {
        border-color: rgb(131, 70, 20);
    }
    .dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(182, 96, 23);
        border-color: rgb(170, 91, 22);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-orange.select2-container--focus .select2-selection--multiple {
        border-color: rgb(131, 70, 20);
    }
    .dark-mode .select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-yellow .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-yellow .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-yellow.select2-dropdown .select2-search__field:focus {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(180, 122, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-yellow .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-yellow .select2-selection--multiple:focus {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(183, 125, 31);
        border-color: rgb(170, 115, 30);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-yellow.select2-container--focus .select2-selection--multiple {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .select2-green + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-green .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-green .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-green.select2-dropdown .select2-search__field:focus {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-green .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-green .select2-results__option--highlighted {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(25, 135, 104);
        color: #d1d7e0;
    }
    .dark-mode .select2-green .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-green .select2-selection--multiple:focus {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(25, 145, 112);
        border-color: rgb(30, 195, 148);
        color: #d1d7e0;
    }
    .dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-green.select2-container--focus .select2-selection--multiple {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(41, 125, 97);
    }
    .dark-mode .select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(41, 125, 97);
    }
    .dark-mode .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-teal .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-teal .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-teal.select2-dropdown .select2-search__field:focus {
        border-color: rgb(41, 125, 97);
    }
    .dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(46, 146, 113);
        color: #d1d7e0;
    }
    .dark-mode .select2-teal .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-teal .select2-selection--multiple:focus {
        border-color: rgb(41, 125, 97);
    }
    .dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(48, 156, 120);
        border-color: rgb(49, 161, 124);
        color: #d1d7e0;
    }
    .dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-teal.select2-container--focus .select2-selection--multiple {
        border-color: rgb(41, 125, 97);
    }
    .dark-mode .select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-cyan .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-cyan .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-cyan.select2-dropdown .select2-search__field:focus {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(49, 117, 161);
        color: #d1d7e0;
    }
    .dark-mode .select2-cyan .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-cyan .select2-selection--multiple:focus {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(48, 113, 154);
        border-color: rgb(46, 106, 145);
        color: #d1d7e0;
    }
    .dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-cyan.select2-container--focus .select2-selection--multiple {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .select2-white + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-white .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-white .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-white.select2-dropdown .select2-search__field:focus {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-white .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-white .select2-results__option--highlighted {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(40, 41, 41);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-white .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-white .select2-selection--multiple:focus {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice {
        background-color: #202831;
        border-color: rgb(62, 64, 64);
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(202, 195, 185, 0.7);
    }
    .dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: rgb(202, 195, 185);
    }
    .dark-mode .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-white.select2-container--focus .select2-selection--multiple {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-gray .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-gray .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-gray.select2-dropdown .select2-search__field:focus {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(90, 95, 95);
        color: #d1d7e0;
    }
    .dark-mode .select2-gray .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-gray .select2-selection--multiple:focus {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(96, 100, 101);
        border-color: rgb(111, 103, 91);
        color: #d1d7e0;
    }
    .dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-gray.select2-container--focus .select2-selection--multiple {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
    .dark-mode .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus,
    .dark-mode .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-gray-dark .select2-dropdown .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-gray-dark .select2-search--inline .select2-search__field:focus,
    .select2-container--default .dark-mode .select2-gray-dark.select2-dropdown .select2-search__field:focus {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted,
    .select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
    .select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected],
    .select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover {
        background-color: rgb(49, 51, 51);
        color: #d1d7e0;
    }
    .dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple:focus,
    .select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple:focus {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(54, 56, 56);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove {
        color: #d1d7e0;
    }
    .dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #d1d7e0;
    }
    .dark-mode .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .dark-mode .select2-gray-dark.select2-container--focus .select2-selection--multiple {
        border-color: rgb(106, 98, 87);
    }
    .slider-primary .slider .slider-selection {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .slider-secondary .slider .slider-selection {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .slider-success .slider .slider-selection {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .slider-info .slider .slider-selection {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .slider-warning .slider .slider-selection {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .slider-danger .slider .slider-selection {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .slider-light .slider .slider-selection {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .slider-dark .slider .slider-selection {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .slider-lightblue .slider .slider-selection {
        background-color: rgb(64, 115, 143);
        background-image: none;
    }
    .slider-navy .slider .slider-selection {
        background-color: rgb(16, 36, 55);
        background-image: none;
    }
    .slider-olive .slider .slider-selection {
        background-color: rgb(65, 122, 94);
        background-image: none;
    }
    .slider-lime .slider .slider-selection {
        background-color: rgb(29, 192, 119);
        background-image: none;
    }
    .slider-fuchsia .slider .slider-selection {
        background-color: rgb(177, 32, 141);
        background-image: none;
    }
    .slider-maroon .slider .slider-selection {
        background-color: rgb(162, 39, 81);
        background-image: none;
    }
    .slider-blue .slider .slider-selection {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .slider-indigo .slider .slider-selection {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .slider-purple .slider .slider-selection {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .slider-pink .slider .slider-selection {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .slider-red .slider .slider-selection {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .slider-orange .slider .slider-selection {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .slider-yellow .slider .slider-selection {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .slider-green .slider .slider-selection {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .slider-teal .slider .slider-selection {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .slider-cyan .slider .slider-selection {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .slider-white .slider .slider-selection {
        background-color: #202831;
        background-image: none;
    }
    .slider-gray .slider .slider-selection {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .slider-gray-dark .slider .slider-selection {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .dark-mode .slider-track {
        background-color: rgb(72, 75, 76);
        background-image: none;
    }
    .dark-mode .slider-primary .slider .slider-selection {
        background-color: rgb(63, 88, 113);
        background-image: none;
    }
    .dark-mode .slider-secondary .slider .slider-selection {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .dark-mode .slider-success .slider .slider-selection {
        background-color: rgb(25, 145, 112);
        background-image: none;
    }
    .dark-mode .slider-info .slider .slider-selection {
        background-color: rgb(48, 113, 154);
        background-image: none;
    }
    .dark-mode .slider-warning .slider .slider-selection {
        background-color: rgb(183, 125, 31);
        background-image: none;
    }
    .dark-mode .slider-danger .slider .slider-selection {
        background-color: rgb(153, 47, 35);
        background-image: none;
    }
    .dark-mode .slider-light .slider .slider-selection {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .dark-mode .slider-dark .slider .slider-selection {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .dark-mode .slider-lightblue .slider .slider-selection {
        background-color: rgb(51, 89, 109);
        background-image: none;
    }
    .dark-mode .slider-navy .slider .slider-selection {
        background-color: rgb(17, 45, 73);
        background-image: none;
    }
    .dark-mode .slider-olive .slider .slider-selection {
        background-color: rgb(63, 121, 98);
        background-image: none;
    }
    .dark-mode .slider-lime .slider .slider-selection {
        background-color: rgb(24, 138, 87);
        background-image: none;
    }
    .dark-mode .slider-fuchsia .slider .slider-selection {
        background-color: rgb(128, 26, 102);
        background-image: none;
    }
    .dark-mode .slider-maroon .slider .slider-selection {
        background-color: rgb(129, 32, 65);
        background-image: none;
    }
    .dark-mode .slider-blue .slider .slider-selection {
        background-color: rgb(63, 88, 113);
        background-image: none;
    }
    .dark-mode .slider-indigo .slider .slider-selection {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .dark-mode .slider-purple .slider .slider-selection {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .dark-mode .slider-pink .slider .slider-selection {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .dark-mode .slider-red .slider .slider-selection {
        background-color: rgb(153, 47, 35);
        background-image: none;
    }
    .dark-mode .slider-orange .slider .slider-selection {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .dark-mode .slider-yellow .slider .slider-selection {
        background-color: rgb(183, 125, 31);
        background-image: none;
    }
    .dark-mode .slider-green .slider .slider-selection {
        background-color: rgb(25, 145, 112);
        background-image: none;
    }
    .dark-mode .slider-teal .slider .slider-selection {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .dark-mode .slider-cyan .slider .slider-selection {
        background-color: rgb(48, 113, 154);
        background-image: none;
    }
    .dark-mode .slider-white .slider .slider-selection {
        background-color: #202831;
        background-image: none;
    }
    .dark-mode .slider-gray .slider .slider-selection {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .dark-mode .slider-gray-dark .slider .slider-selection {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(22, 91, 164);
    }
    .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(22, 91, 164);
    }
    .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-primary > input:first-child:checked + label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
    }
    .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(107, 99, 88);
    }
    .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(107, 99, 88);
    }
    .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-secondary > input:first-child:checked + label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(56, 151, 74);
    }
    .icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(56, 151, 74);
    }
    .icheck-success > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-success > input:first-child:checked + label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
    }
    .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(44, 148, 161);
    }
    .icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(44, 148, 161);
    }
    .icheck-info > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-info > input:first-child:checked + label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
    }
    .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(171, 134, 23);
    }
    .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(171, 134, 23);
    }
    .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-warning > input:first-child:checked + label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
    }
    .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(141, 41, 48);
    }
    .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(141, 41, 48);
    }
    .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-danger > input:first-child:checked + label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
    }
    .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(60, 63, 63);
    }
    .icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(60, 63, 63);
    }
    .icheck-light > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-light > input:first-child:checked + label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
    }
    .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(125, 116, 102);
    }
    .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(125, 116, 102);
    }
    .icheck-dark > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-dark > input:first-child:checked + label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(60, 106, 131);
    }
    .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(60, 106, 131);
    }
    .icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-lightblue > input:first-child:checked + label::before {
        background-color: rgb(64, 115, 143);
        border-color: rgb(60, 106, 131);
    }
    .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(133, 123, 109);
    }
    .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(133, 123, 109);
    }
    .icheck-navy > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-navy > input:first-child:checked + label::before {
        background-color: rgb(16, 36, 55);
        border-color: rgb(133, 123, 109);
    }
    .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(70, 135, 103);
    }
    .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(70, 135, 103);
    }
    .icheck-olive > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-olive > input:first-child:checked + label::before {
        background-color: rgb(65, 122, 94);
        border-color: rgb(70, 135, 103);
    }
    .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(27, 169, 85);
    }
    .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(27, 169, 85);
    }
    .icheck-lime > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-lime > input:first-child:checked + label::before {
        background-color: rgb(29, 192, 119);
        border-color: rgb(27, 169, 85);
    }
    .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(157, 30, 126);
    }
    .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(157, 30, 126);
    }
    .icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-fuchsia > input:first-child:checked + label::before {
        background-color: rgb(177, 32, 141);
        border-color: rgb(157, 30, 126);
    }
    .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(153, 37, 77);
    }
    .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(153, 37, 77);
    }
    .icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-maroon > input:first-child:checked + label::before {
        background-color: rgb(162, 39, 81);
        border-color: rgb(153, 37, 77);
    }
    .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(22, 91, 164);
    }
    .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(22, 91, 164);
    }
    .icheck-blue > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-blue > input:first-child:checked + label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
    }
    .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(76, 26, 153);
    }
    .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(76, 26, 153);
    }
    .icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-indigo > input:first-child:checked + label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
    }
    .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(83, 56, 127);
    }
    .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(83, 56, 127);
    }
    .icheck-purple > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-purple > input:first-child:checked + label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
    }
    .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(142, 35, 81);
    }
    .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(142, 35, 81);
    }
    .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-pink > input:first-child:checked + label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
    }
    .icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(141, 41, 48);
    }
    .icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(141, 41, 48);
    }
    .icheck-red > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-red > input:first-child:checked + label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
    }
    .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(164, 87, 21);
    }
    .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(164, 87, 21);
    }
    .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-orange > input:first-child:checked + label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
    }
    .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(171, 134, 23);
    }
    .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(171, 134, 23);
    }
    .icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-yellow > input:first-child:checked + label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
    }
    .icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(56, 151, 74);
    }
    .icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(56, 151, 74);
    }
    .icheck-green > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-green > input:first-child:checked + label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
    }
    .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(47, 155, 120);
    }
    .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(47, 155, 120);
    }
    .icheck-teal > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-teal > input:first-child:checked + label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
    }
    .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(44, 148, 161);
    }
    .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(44, 148, 161);
    }
    .icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-cyan > input:first-child:checked + label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
    }
    .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(58, 61, 61);
    }
    .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(58, 61, 61);
    }
    .icheck-white > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-white > input:first-child:checked + label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(107, 99, 88);
    }
    .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(107, 99, 88);
    }
    .icheck-gray > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-gray > input:first-child:checked + label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(125, 116, 102);
    }
    .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(125, 116, 102);
    }
    .icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before,
    .icheck-gray-dark > input:first-child:checked + label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .dark-mode [class*="icheck-"] > input:first-child:not(:checked) + input[type="hidden"] + label::before,
    .dark-mode [class*="icheck-"] > input:first-child:not(:checked) + label::before {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-primary > input:first-child:checked + label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-secondary > input:first-child:checked + label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .icheck-success > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-success > input:first-child:checked + label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .icheck-info > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-info > input:first-child:checked + label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-warning > input:first-child:checked + label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-danger > input:first-child:checked + label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(60, 63, 63);
    }
    .dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(60, 63, 63);
    }
    .dark-mode .icheck-light > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-light > input:first-child:checked + label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
    }
    .dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .icheck-dark > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-dark > input:first-child:checked + label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(52, 90, 111);
    }
    .dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(52, 90, 111);
    }
    .dark-mode .icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-lightblue > input:first-child:checked + label::before {
        background-color: rgb(51, 89, 109);
        border-color: rgb(52, 90, 111);
    }
    .dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(129, 120, 106);
    }
    .dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(129, 120, 106);
    }
    .dark-mode .icheck-navy > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-navy > input:first-child:checked + label::before {
        background-color: rgb(17, 45, 73);
        border-color: rgb(129, 120, 106);
    }
    .dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(61, 116, 88);
    }
    .dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(61, 116, 88);
    }
    .dark-mode .icheck-olive > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-olive > input:first-child:checked + label::before {
        background-color: rgb(63, 121, 98);
        border-color: rgb(61, 116, 88);
    }
    .dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(25, 143, 72);
    }
    .dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(25, 143, 72);
    }
    .dark-mode .icheck-lime > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-lime > input:first-child:checked + label::before {
        background-color: rgb(24, 138, 87);
        border-color: rgb(25, 143, 72);
    }
    .dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(132, 27, 106);
    }
    .dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(132, 27, 106);
    }
    .dark-mode .icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-fuchsia > input:first-child:checked + label::before {
        background-color: rgb(128, 26, 102);
        border-color: rgb(132, 27, 106);
    }
    .dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(130, 33, 66);
    }
    .dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(130, 33, 66);
    }
    .dark-mode .icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-maroon > input:first-child:checked + label::before {
        background-color: rgb(129, 32, 65);
        border-color: rgb(130, 33, 66);
    }
    .dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .icheck-blue > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-blue > input:first-child:checked + label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
    }
    .dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(76, 26, 153);
    }
    .dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(76, 26, 153);
    }
    .dark-mode .icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-indigo > input:first-child:checked + label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
    }
    .dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(83, 56, 127);
    }
    .dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(83, 56, 127);
    }
    .dark-mode .icheck-purple > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-purple > input:first-child:checked + label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
    }
    .dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(142, 35, 81);
    }
    .dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(142, 35, 81);
    }
    .dark-mode .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-pink > input:first-child:checked + label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
    }
    .dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .icheck-red > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-red > input:first-child:checked + label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
    }
    .dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(164, 87, 21);
    }
    .dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(164, 87, 21);
    }
    .dark-mode .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-orange > input:first-child:checked + label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
    }
    .dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-yellow > input:first-child:checked + label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
    }
    .dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .icheck-green > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-green > input:first-child:checked + label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
    }
    .dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(47, 155, 120);
    }
    .dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(47, 155, 120);
    }
    .dark-mode .icheck-teal > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-teal > input:first-child:checked + label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
    }
    .dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-cyan > input:first-child:checked + label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
    }
    .dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .icheck-white > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-white > input:first-child:checked + label::before {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .icheck-gray > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-gray > input:first-child:checked + label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
    .dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before,
    .dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode .icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before,
    .dark-mode .icheck-gray-dark > input:first-child:checked + label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
    }
    .mapael .mapTooltip {
        background-color: rgb(13, 13, 13);
        color: #d1d7e0;
        text-decoration-color: currentcolor;
        text-shadow: none;
    }
    .mapael .myLegend {
        background-color: rgb(39, 40, 40);
        border-color: rgb(78, 82, 82);
    }
    .mapael .zoomButton {
        background-color: rgb(39, 40, 40);
        border-color: rgb(68, 70, 70);
        color: #9198a1;
    }
    .mapael .zoomButton.hover,
    .mapael .zoomButton:active,
    .mapael .zoomButton:hover {
        background-color: rgb(46, 48, 47);
        color: rgb(204, 197, 187);
    }
    .jqvmap-zoomin,
    .jqvmap-zoomout {
        background-color: rgb(39, 40, 40);
        border-color: rgb(68, 70, 70);
        color: #9198a1;
    }
    .jqvmap-zoomin.hover,
    .jqvmap-zoomin:active,
    .jqvmap-zoomin:hover,
    .jqvmap-zoomout.hover,
    .jqvmap-zoomout:active,
    .jqvmap-zoomout:hover {
        background-color: rgb(46, 48, 47);
        color: rgb(204, 197, 187);
    }
    .swal2-icon.swal2-info {
        color: rgb(100, 204, 216);
    }
    .swal2-icon.swal2-warning {
        color: rgb(243, 195, 53);
    }
    .swal2-icon.swal2-error {
        color: rgb(208, 82, 91);
    }
    .swal2-icon.swal2-question {
        color: rgb(159, 151, 136);
    }
    .swal2-icon.swal2-success {
        color: rgb(112, 207, 127);
    }
    .swal2-icon.swal2-success [class^="swal2-success-line"] {
        background-color: rgb(50, 132, 65);
    }
    .dark-mode .swal2-popup {
        background-color: rgb(54, 56, 56);
        color: rgb(218, 212, 203);
    }
    .dark-mode .swal2-popup .swal2-content,
    .dark-mode .swal2-popup .swal2-title {
        color: rgb(218, 212, 203);
    }
    #toast-container .toast {
        background-color: rgb(23, 102, 185);
    }
    #toast-container .toast-success {
        background-color: rgb(50, 132, 65);
    }
    #toast-container .toast-error {
        background-color: rgb(155, 44, 53);
    }
    #toast-container .toast-info {
        background-color: rgb(40, 129, 140);
    }
    #toast-container .toast-warning {
        background-color: rgb(148, 115, 22);
    }
    .pace-primary .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-barber-shop-primary .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-primary .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-barber-shop-primary .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-primary .pace .pace-progress::after {
        color: rgba(72, 160, 231, 0.2);
    }
    .pace-bounce-primary .pace .pace-activity {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-center-atom-primary .pace-progress::before {
        background-color: rgb(23, 102, 185);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-primary .pace-activity {
        border-color: rgb(22, 91, 164);
    }
    .pace-center-atom-primary .pace-activity::after,
    .pace-center-atom-primary .pace-activity::before {
        border-color: rgb(22, 91, 164);
    }
    .pace-center-circle-primary .pace .pace-progress {
        background-color: rgba(23, 102, 185, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-primary .pace .pace-activity {
        border-color: rgb(22, 91, 164) transparent transparent;
    }
    .pace-center-radar-primary .pace .pace-activity::before {
        border-color: rgb(22, 91, 164) transparent transparent;
    }
    .pace-center-simple-primary .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(22, 91, 164);
    }
    .pace-center-simple-primary .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-material-primary .pace {
        color: rgb(72, 160, 231);
    }
    .pace-corner-indicator-primary .pace .pace-activity {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-corner-indicator-primary .pace .pace-activity::after,
    .pace-corner-indicator-primary .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-primary .pace .pace-activity::before {
        border-left-color: rgba(22, 91, 164, 0.2);
        border-right-color: rgba(22, 91, 164, 0.2);
    }
    .pace-corner-indicator-primary .pace .pace-activity::after {
        border-bottom-color: rgba(22, 91, 164, 0.2);
        border-top-color: rgba(22, 91, 164, 0.2);
    }
    .pace-fill-left-primary .pace .pace-progress {
        background-color: rgba(23, 102, 185, 0.2);
    }
    .pace-flash-primary .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-flash-primary .pace .pace-progress-inner {
        box-shadow: rgb(23, 102, 185) 0px 0px 10px, rgb(23, 102, 185) 0px 0px 5px;
    }
    .pace-flash-primary .pace .pace-activity {
        border-left-color: rgb(22, 91, 164);
        border-top-color: rgb(22, 91, 164);
    }
    .pace-loading-bar-primary .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(72, 160, 231);
    }
    .pace-loading-bar-primary .pace .pace-activity {
        box-shadow: rgb(23, 102, 185) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-primary .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        box-shadow: rgb(23, 102, 185) -1px 0px inset, rgb(23, 102, 185) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-primary .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-primary .pace-progress {
        color: rgb(72, 160, 231);
    }
    .pace-secondary .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-barber-shop-secondary .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-secondary .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-barber-shop-secondary .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-secondary .pace .pace-progress::after {
        color: rgba(159, 151, 136, 0.2);
    }
    .pace-bounce-secondary .pace .pace-activity {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-center-atom-secondary .pace-progress::before {
        background-color: rgb(96, 100, 101);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-secondary .pace-activity {
        border-color: rgb(107, 99, 88);
    }
    .pace-center-atom-secondary .pace-activity::after,
    .pace-center-atom-secondary .pace-activity::before {
        border-color: rgb(107, 99, 88);
    }
    .pace-center-circle-secondary .pace .pace-progress {
        background-color: rgba(96, 100, 101, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-secondary .pace .pace-activity {
        border-color: rgb(107, 99, 88) transparent transparent;
    }
    .pace-center-radar-secondary .pace .pace-activity::before {
        border-color: rgb(107, 99, 88) transparent transparent;
    }
    .pace-center-simple-secondary .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(107, 99, 88);
    }
    .pace-center-simple-secondary .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-material-secondary .pace {
        color: rgb(159, 151, 136);
    }
    .pace-corner-indicator-secondary .pace .pace-activity {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-corner-indicator-secondary .pace .pace-activity::after,
    .pace-corner-indicator-secondary .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-secondary .pace .pace-activity::before {
        border-left-color: rgba(107, 99, 88, 0.2);
        border-right-color: rgba(107, 99, 88, 0.2);
    }
    .pace-corner-indicator-secondary .pace .pace-activity::after {
        border-bottom-color: rgba(107, 99, 88, 0.2);
        border-top-color: rgba(107, 99, 88, 0.2);
    }
    .pace-fill-left-secondary .pace .pace-progress {
        background-color: rgba(96, 100, 101, 0.2);
    }
    .pace-flash-secondary .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-flash-secondary .pace .pace-progress-inner {
        box-shadow: rgb(96, 100, 101) 0px 0px 10px, rgb(96, 100, 101) 0px 0px 5px;
    }
    .pace-flash-secondary .pace .pace-activity {
        border-left-color: rgb(107, 99, 88);
        border-top-color: rgb(107, 99, 88);
    }
    .pace-loading-bar-secondary .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(159, 151, 136);
    }
    .pace-loading-bar-secondary .pace .pace-activity {
        box-shadow: rgb(96, 100, 101) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-secondary .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        box-shadow: rgb(96, 100, 101) -1px 0px inset, rgb(96, 100, 101) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-secondary .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-secondary .pace-progress {
        color: rgb(159, 151, 136);
    }
    .pace-success .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-barber-shop-success .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-success .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-barber-shop-success .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-success .pace .pace-progress::after {
        color: rgba(112, 207, 127, 0.2);
    }
    .pace-bounce-success .pace .pace-activity {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-center-atom-success .pace-progress::before {
        background-color: rgb(50, 132, 65);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-success .pace-activity {
        border-color: rgb(56, 151, 74);
    }
    .pace-center-atom-success .pace-activity::after,
    .pace-center-atom-success .pace-activity::before {
        border-color: rgb(56, 151, 74);
    }
    .pace-center-circle-success .pace .pace-progress {
        background-color: rgba(50, 132, 65, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-success .pace .pace-activity {
        border-color: rgb(56, 151, 74) transparent transparent;
    }
    .pace-center-radar-success .pace .pace-activity::before {
        border-color: rgb(56, 151, 74) transparent transparent;
    }
    .pace-center-simple-success .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(56, 151, 74);
    }
    .pace-center-simple-success .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-material-success .pace {
        color: rgb(112, 207, 127);
    }
    .pace-corner-indicator-success .pace .pace-activity {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-corner-indicator-success .pace .pace-activity::after,
    .pace-corner-indicator-success .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-success .pace .pace-activity::before {
        border-left-color: rgba(56, 151, 74, 0.2);
        border-right-color: rgba(56, 151, 74, 0.2);
    }
    .pace-corner-indicator-success .pace .pace-activity::after {
        border-bottom-color: rgba(56, 151, 74, 0.2);
        border-top-color: rgba(56, 151, 74, 0.2);
    }
    .pace-fill-left-success .pace .pace-progress {
        background-color: rgba(50, 132, 65, 0.2);
    }
    .pace-flash-success .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-flash-success .pace .pace-progress-inner {
        box-shadow: rgb(50, 132, 65) 0px 0px 10px, rgb(50, 132, 65) 0px 0px 5px;
    }
    .pace-flash-success .pace .pace-activity {
        border-left-color: rgb(56, 151, 74);
        border-top-color: rgb(56, 151, 74);
    }
    .pace-loading-bar-success .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(112, 207, 127);
    }
    .pace-loading-bar-success .pace .pace-activity {
        box-shadow: rgb(50, 132, 65) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-success .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        box-shadow: rgb(50, 132, 65) -1px 0px inset, rgb(50, 132, 65) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-success .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-success .pace-progress {
        color: rgb(112, 207, 127);
    }
    .pace-info .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-barber-shop-info .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-info .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-barber-shop-info .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-info .pace .pace-progress::after {
        color: rgba(100, 204, 216, 0.2);
    }
    .pace-bounce-info .pace .pace-activity {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-center-atom-info .pace-progress::before {
        background-color: rgb(40, 129, 140);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-info .pace-activity {
        border-color: rgb(44, 148, 161);
    }
    .pace-center-atom-info .pace-activity::after,
    .pace-center-atom-info .pace-activity::before {
        border-color: rgb(44, 148, 161);
    }
    .pace-center-circle-info .pace .pace-progress {
        background-color: rgba(40, 129, 140, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-info .pace .pace-activity {
        border-color: rgb(44, 148, 161) transparent transparent;
    }
    .pace-center-radar-info .pace .pace-activity::before {
        border-color: rgb(44, 148, 161) transparent transparent;
    }
    .pace-center-simple-info .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(44, 148, 161);
    }
    .pace-center-simple-info .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-material-info .pace {
        color: rgb(100, 204, 216);
    }
    .pace-corner-indicator-info .pace .pace-activity {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-corner-indicator-info .pace .pace-activity::after,
    .pace-corner-indicator-info .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-info .pace .pace-activity::before {
        border-left-color: rgba(44, 148, 161, 0.2);
        border-right-color: rgba(44, 148, 161, 0.2);
    }
    .pace-corner-indicator-info .pace .pace-activity::after {
        border-bottom-color: rgba(44, 148, 161, 0.2);
        border-top-color: rgba(44, 148, 161, 0.2);
    }
    .pace-fill-left-info .pace .pace-progress {
        background-color: rgba(40, 129, 140, 0.2);
    }
    .pace-flash-info .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-flash-info .pace .pace-progress-inner {
        box-shadow: rgb(40, 129, 140) 0px 0px 10px, rgb(40, 129, 140) 0px 0px 5px;
    }
    .pace-flash-info .pace .pace-activity {
        border-left-color: rgb(44, 148, 161);
        border-top-color: rgb(44, 148, 161);
    }
    .pace-loading-bar-info .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(100, 204, 216);
    }
    .pace-loading-bar-info .pace .pace-activity {
        box-shadow: rgb(40, 129, 140) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-info .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        box-shadow: rgb(40, 129, 140) -1px 0px inset, rgb(40, 129, 140) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-info .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-info .pace-progress {
        color: rgb(100, 204, 216);
    }
    .pace-warning .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-barber-shop-warning .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
    }
    .pace-barber-shop-warning .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-barber-shop-warning .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(38, 46, 55, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(38, 46, 55, 0.2) 50%, rgba(38, 46, 55, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-warning .pace .pace-progress::after {
        color: rgba(243, 195, 53, 0.2);
    }
    .pace-bounce-warning .pace .pace-activity {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-center-atom-warning .pace-progress::before {
        background-color: rgb(148, 115, 22);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-atom-warning .pace-activity {
        border-color: rgb(171, 134, 23);
    }
    .pace-center-atom-warning .pace-activity::after,
    .pace-center-atom-warning .pace-activity::before {
        border-color: rgb(171, 134, 23);
    }
    .pace-center-circle-warning .pace .pace-progress {
        background-color: rgba(148, 115, 22, 0.8);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-radar-warning .pace .pace-activity {
        border-color: rgb(171, 134, 23) transparent transparent;
    }
    .pace-center-radar-warning .pace .pace-activity::before {
        border-color: rgb(171, 134, 23) transparent transparent;
    }
    .pace-center-simple-warning .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
        border-color: rgb(171, 134, 23);
    }
    .pace-center-simple-warning .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-material-warning .pace {
        color: rgb(243, 195, 53);
    }
    .pace-corner-indicator-warning .pace .pace-activity {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-corner-indicator-warning .pace .pace-activity::after,
    .pace-corner-indicator-warning .pace .pace-activity::before {
        border-color: rgb(129, 120, 106);
    }
    .pace-corner-indicator-warning .pace .pace-activity::before {
        border-left-color: rgba(171, 134, 23, 0.2);
        border-right-color: rgba(171, 134, 23, 0.2);
    }
    .pace-corner-indicator-warning .pace .pace-activity::after {
        border-bottom-color: rgba(171, 134, 23, 0.2);
        border-top-color: rgba(171, 134, 23, 0.2);
    }
    .pace-fill-left-warning .pace .pace-progress {
        background-color: rgba(148, 115, 22, 0.2);
    }
    .pace-flash-warning .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-flash-warning .pace .pace-progress-inner {
        box-shadow: rgb(148, 115, 22) 0px 0px 10px, rgb(148, 115, 22) 0px 0px 5px;
    }
    .pace-flash-warning .pace .pace-activity {
        border-left-color: rgb(171, 134, 23);
        border-top-color: rgb(171, 134, 23);
    }
    .pace-loading-bar-warning .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
        box-shadow: rgb(38, 46, 55) 120px 0px, rgb(38, 46, 55) 240px 0px;
        color: rgb(243, 195, 53);
    }
    .pace-loading-bar-warning .pace .pace-activity {
        box-shadow: rgb(148, 115, 22) 0px 0px 0px 2px inset, rgb(38, 46, 55) 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-warning .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        box-shadow: rgb(148, 115, 22) -1px 0px inset, rgb(148, 115, 22) 0px -1px inset, rgba(38, 46, 55, 0.5) 0px 2px inset, rgba(38, 46, 55, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-warning .pace .pace-activity {
        background-image: radial-gradient(rgba(38, 46, 55, 0.65) 0px, rgba(38, 46, 55, 0.15) 100%);
    }
    .pace-progress-color-warning .pace-progress {
        color: rgb(243, 195, 53);
    }
    .pace-danger .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-barber-shop-danger .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-danger .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-barber-shop-danger .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-danger .pace .pace-progress::after {
        color: rgba(208, 82, 91, 0.2);
    }
    .pace-bounce-danger .pace .pace-activity {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-center-atom-danger .pace-progress::before {
        background-color: rgb(155, 44, 53);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-danger .pace-activity {
        border-color: rgb(141, 41, 48);
    }
    .pace-center-atom-danger .pace-activity::after,
    .pace-center-atom-danger .pace-activity::before {
        border-color: rgb(141, 41, 48);
    }
    .pace-center-circle-danger .pace .pace-progress {
        background-color: rgba(155, 44, 53, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-danger .pace .pace-activity {
        border-color: rgb(141, 41, 48) transparent transparent;
    }
    .pace-center-radar-danger .pace .pace-activity::before {
        border-color: rgb(141, 41, 48) transparent transparent;
    }
    .pace-center-simple-danger .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(141, 41, 48);
    }
    .pace-center-simple-danger .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-material-danger .pace {
        color: rgb(208, 82, 91);
    }
    .pace-corner-indicator-danger .pace .pace-activity {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-corner-indicator-danger .pace .pace-activity::after,
    .pace-corner-indicator-danger .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-danger .pace .pace-activity::before {
        border-left-color: rgba(141, 41, 48, 0.2);
        border-right-color: rgba(141, 41, 48, 0.2);
    }
    .pace-corner-indicator-danger .pace .pace-activity::after {
        border-bottom-color: rgba(141, 41, 48, 0.2);
        border-top-color: rgba(141, 41, 48, 0.2);
    }
    .pace-fill-left-danger .pace .pace-progress {
        background-color: rgba(155, 44, 53, 0.2);
    }
    .pace-flash-danger .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-flash-danger .pace .pace-progress-inner {
        box-shadow: rgb(155, 44, 53) 0px 0px 10px, rgb(155, 44, 53) 0px 0px 5px;
    }
    .pace-flash-danger .pace .pace-activity {
        border-left-color: rgb(141, 41, 48);
        border-top-color: rgb(141, 41, 48);
    }
    .pace-loading-bar-danger .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(208, 82, 91);
    }
    .pace-loading-bar-danger .pace .pace-activity {
        box-shadow: rgb(155, 44, 53) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-danger .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        box-shadow: rgb(155, 44, 53) -1px 0px inset, rgb(155, 44, 53) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-danger .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-danger .pace-progress {
        color: rgb(208, 82, 91);
    }
    .pace-light .pace .pace-progress {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .pace-barber-shop-light .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
    }
    .pace-barber-shop-light .pace .pace-progress {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .pace-barber-shop-light .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(38, 46, 55, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(38, 46, 55, 0.2) 50%, rgba(38, 46, 55, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-light .pace .pace-progress::after {
        color: rgba(225, 221, 212, 0.2);
    }
    .pace-bounce-light .pace .pace-activity {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .pace-center-atom-light .pace-progress::before {
        background-color: rgb(39, 40, 40);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-atom-light .pace-activity {
        border-color: rgb(60, 63, 63);
    }
    .pace-center-atom-light .pace-activity::after,
    .pace-center-atom-light .pace-activity::before {
        border-color: rgb(60, 63, 63);
    }
    .pace-center-circle-light .pace .pace-progress {
        background-color: rgba(39, 40, 40, 0.8);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-radar-light .pace .pace-activity {
        border-color: rgb(60, 63, 63) transparent transparent;
    }
    .pace-center-radar-light .pace .pace-activity::before {
        border-color: rgb(60, 63, 63) transparent transparent;
    }
    .pace-center-simple-light .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
        border-color: rgb(60, 63, 63);
    }
    .pace-center-simple-light .pace .pace-progress {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .pace-material-light .pace {
        color: rgb(225, 221, 212);
    }
    .pace-corner-indicator-light .pace .pace-activity {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .pace-corner-indicator-light .pace .pace-activity::after,
    .pace-corner-indicator-light .pace .pace-activity::before {
        border-color: rgb(129, 120, 106);
    }
    .pace-corner-indicator-light .pace .pace-activity::before {
        border-left-color: rgba(60, 63, 63, 0.2);
        border-right-color: rgba(60, 63, 63, 0.2);
    }
    .pace-corner-indicator-light .pace .pace-activity::after {
        border-bottom-color: rgba(60, 63, 63, 0.2);
        border-top-color: rgba(60, 63, 63, 0.2);
    }
    .pace-fill-left-light .pace .pace-progress {
        background-color: rgba(39, 40, 40, 0.2);
    }
    .pace-flash-light .pace .pace-progress {
        background-color: rgb(39, 40, 40);
        background-image: none;
    }
    .pace-flash-light .pace .pace-progress-inner {
        box-shadow: rgb(39, 40, 40) 0px 0px 10px, rgb(39, 40, 40) 0px 0px 5px;
    }
    .pace-flash-light .pace .pace-activity {
        border-left-color: rgb(60, 63, 63);
        border-top-color: rgb(60, 63, 63);
    }
    .pace-loading-bar-light .pace .pace-progress {
        background-color: rgb(39, 40, 40);
        background-image: none;
        box-shadow: rgb(38, 46, 55) 120px 0px, rgb(38, 46, 55) 240px 0px;
        color: rgb(225, 221, 212);
    }
    .pace-loading-bar-light .pace .pace-activity {
        box-shadow: rgb(39, 40, 40) 0px 0px 0px 2px inset, rgb(38, 46, 55) 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-light .pace .pace-progress {
        background-color: rgb(39, 40, 40);
        box-shadow: rgb(39, 40, 40) -1px 0px inset, rgb(39, 40, 40) 0px -1px inset, rgba(38, 46, 55, 0.5) 0px 2px inset, rgba(38, 46, 55, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-light .pace .pace-activity {
        background-image: radial-gradient(rgba(38, 46, 55, 0.65) 0px, rgba(38, 46, 55, 0.15) 100%);
    }
    .pace-progress-color-light .pace-progress {
        color: rgb(225, 221, 212);
    }
    .pace-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-barber-shop-dark .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-barber-shop-dark .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-dark .pace .pace-progress::after {
        color: rgba(194, 188, 176, 0.2);
    }
    .pace-bounce-dark .pace .pace-activity {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-center-atom-dark .pace-progress::before {
        background-color: rgb(54, 56, 56);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-dark .pace-activity {
        border-color: rgb(125, 116, 102);
    }
    .pace-center-atom-dark .pace-activity::after,
    .pace-center-atom-dark .pace-activity::before {
        border-color: rgb(125, 116, 102);
    }
    .pace-center-circle-dark .pace .pace-progress {
        background-color: rgba(54, 56, 56, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-dark .pace .pace-activity {
        border-color: rgb(125, 116, 102) transparent transparent;
    }
    .pace-center-radar-dark .pace .pace-activity::before {
        border-color: rgb(125, 116, 102) transparent transparent;
    }
    .pace-center-simple-dark .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(125, 116, 102);
    }
    .pace-center-simple-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-material-dark .pace {
        color: #d1d7e0;
    }
    .pace-corner-indicator-dark .pace .pace-activity {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-corner-indicator-dark .pace .pace-activity::after,
    .pace-corner-indicator-dark .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-dark .pace .pace-activity::before {
        border-left-color: rgba(125, 116, 102, 0.2);
        border-right-color: rgba(125, 116, 102, 0.2);
    }
    .pace-corner-indicator-dark .pace .pace-activity::after {
        border-bottom-color: rgba(125, 116, 102, 0.2);
        border-top-color: rgba(125, 116, 102, 0.2);
    }
    .pace-fill-left-dark .pace .pace-progress {
        background-color: rgba(54, 56, 56, 0.2);
    }
    .pace-flash-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-flash-dark .pace .pace-progress-inner {
        box-shadow: rgb(54, 56, 56) 0px 0px 10px, rgb(54, 56, 56) 0px 0px 5px;
    }
    .pace-flash-dark .pace .pace-activity {
        border-left-color: rgb(125, 116, 102);
        border-top-color: rgb(125, 116, 102);
    }
    .pace-loading-bar-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: #d1d7e0;
    }
    .pace-loading-bar-dark .pace .pace-activity {
        box-shadow: rgb(54, 56, 56) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        box-shadow: rgb(54, 56, 56) -1px 0px inset, rgb(54, 56, 56) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-dark .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-dark .pace-progress {
        color: #d1d7e0;
    }
    .pace-lightblue .pace .pace-progress {
        background-color: rgb(64, 115, 143);
        background-image: none;
    }
    .pace-barber-shop-lightblue .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-lightblue .pace .pace-progress {
        background-color: rgb(64, 115, 143);
        background-image: none;
    }
    .pace-barber-shop-lightblue .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-lightblue .pace .pace-progress::after {
        color: rgba(99, 156, 188, 0.2);
    }
    .pace-bounce-lightblue .pace .pace-activity {
        background-color: rgb(64, 115, 143);
        background-image: none;
    }
    .pace-center-atom-lightblue .pace-progress::before {
        background-color: rgb(64, 115, 143);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-lightblue .pace-activity {
        border-color: rgb(60, 106, 131);
    }
    .pace-center-atom-lightblue .pace-activity::after,
    .pace-center-atom-lightblue .pace-activity::before {
        border-color: rgb(60, 106, 131);
    }
    .pace-center-circle-lightblue .pace .pace-progress {
        background-color: rgba(64, 115, 143, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-lightblue .pace .pace-activity {
        border-color: rgb(60, 106, 131) transparent transparent;
    }
    .pace-center-radar-lightblue .pace .pace-activity::before {
        border-color: rgb(60, 106, 131) transparent transparent;
    }
    .pace-center-simple-lightblue .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(60, 106, 131);
    }
    .pace-center-simple-lightblue .pace .pace-progress {
        background-color: rgb(64, 115, 143);
        background-image: none;
    }
    .pace-material-lightblue .pace {
        color: rgb(99, 156, 188);
    }
    .pace-corner-indicator-lightblue .pace .pace-activity {
        background-color: rgb(64, 115, 143);
        background-image: none;
    }
    .pace-corner-indicator-lightblue .pace .pace-activity::after,
    .pace-corner-indicator-lightblue .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-lightblue .pace .pace-activity::before {
        border-left-color: rgba(60, 106, 131, 0.2);
        border-right-color: rgba(60, 106, 131, 0.2);
    }
    .pace-corner-indicator-lightblue .pace .pace-activity::after {
        border-bottom-color: rgba(60, 106, 131, 0.2);
        border-top-color: rgba(60, 106, 131, 0.2);
    }
    .pace-fill-left-lightblue .pace .pace-progress {
        background-color: rgba(64, 115, 143, 0.2);
    }
    .pace-flash-lightblue .pace .pace-progress {
        background-color: rgb(64, 115, 143);
        background-image: none;
    }
    .pace-flash-lightblue .pace .pace-progress-inner {
        box-shadow: rgb(64, 115, 143) 0px 0px 10px, rgb(64, 115, 143) 0px 0px 5px;
    }
    .pace-flash-lightblue .pace .pace-activity {
        border-left-color: rgb(60, 106, 131);
        border-top-color: rgb(60, 106, 131);
    }
    .pace-loading-bar-lightblue .pace .pace-progress {
        background-color: rgb(64, 115, 143);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(99, 156, 188);
    }
    .pace-loading-bar-lightblue .pace .pace-activity {
        box-shadow: rgb(64, 115, 143) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-lightblue .pace .pace-progress {
        background-color: rgb(64, 115, 143);
        box-shadow: rgb(64, 115, 143) -1px 0px inset, rgb(64, 115, 143) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-lightblue .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-lightblue .pace-progress {
        color: rgb(99, 156, 188);
    }
    .pace-navy .pace .pace-progress {
        background-color: rgb(16, 36, 55);
        background-image: none;
    }
    .pace-barber-shop-navy .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-navy .pace .pace-progress {
        background-color: rgb(16, 36, 55);
        background-image: none;
    }
    .pace-barber-shop-navy .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-navy .pace .pace-progress::after {
        color: rgba(210, 204, 195, 0.2);
    }
    .pace-bounce-navy .pace .pace-activity {
        background-color: rgb(16, 36, 55);
        background-image: none;
    }
    .pace-center-atom-navy .pace-progress::before {
        background-color: rgb(16, 36, 55);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-navy .pace-activity {
        border-color: rgb(133, 123, 109);
    }
    .pace-center-atom-navy .pace-activity::after,
    .pace-center-atom-navy .pace-activity::before {
        border-color: rgb(133, 123, 109);
    }
    .pace-center-circle-navy .pace .pace-progress {
        background-color: rgba(16, 36, 55, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-navy .pace .pace-activity {
        border-color: rgb(133, 123, 109) transparent transparent;
    }
    .pace-center-radar-navy .pace .pace-activity::before {
        border-color: rgb(133, 123, 109) transparent transparent;
    }
    .pace-center-simple-navy .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(133, 123, 109);
    }
    .pace-center-simple-navy .pace .pace-progress {
        background-color: rgb(16, 36, 55);
        background-image: none;
    }
    .pace-material-navy .pace {
        color: #9198a1;
    }
    .pace-corner-indicator-navy .pace .pace-activity {
        background-color: rgb(16, 36, 55);
        background-image: none;
    }
    .pace-corner-indicator-navy .pace .pace-activity::after,
    .pace-corner-indicator-navy .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-navy .pace .pace-activity::before {
        border-left-color: rgba(133, 123, 109, 0.2);
        border-right-color: rgba(133, 123, 109, 0.2);
    }
    .pace-corner-indicator-navy .pace .pace-activity::after {
        border-bottom-color: rgba(133, 123, 109, 0.2);
        border-top-color: rgba(133, 123, 109, 0.2);
    }
    .pace-fill-left-navy .pace .pace-progress {
        background-color: rgba(16, 36, 55, 0.2);
    }
    .pace-flash-navy .pace .pace-progress {
        background-color: rgb(16, 36, 55);
        background-image: none;
    }
    .pace-flash-navy .pace .pace-progress-inner {
        box-shadow: rgb(16, 36, 55) 0px 0px 10px, rgb(16, 36, 55) 0px 0px 5px;
    }
    .pace-flash-navy .pace .pace-activity {
        border-left-color: rgb(133, 123, 109);
        border-top-color: rgb(133, 123, 109);
    }
    .pace-loading-bar-navy .pace .pace-progress {
        background-color: rgb(16, 36, 55);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: #9198a1;
    }
    .pace-loading-bar-navy .pace .pace-activity {
        box-shadow: rgb(16, 36, 55) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-navy .pace .pace-progress {
        background-color: rgb(16, 36, 55);
        box-shadow: rgb(16, 36, 55) -1px 0px inset, rgb(16, 36, 55) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-navy .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-navy .pace-progress {
        color: #9198a1;
    }
    .pace-olive .pace .pace-progress {
        background-color: rgb(65, 122, 94);
        background-image: none;
    }
    .pace-barber-shop-olive .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-olive .pace .pace-progress {
        background-color: rgb(65, 122, 94);
        background-image: none;
    }
    .pace-barber-shop-olive .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-olive .pace .pace-progress::after {
        color: rgba(123, 192, 156, 0.2);
    }
    .pace-bounce-olive .pace .pace-activity {
        background-color: rgb(65, 122, 94);
        background-image: none;
    }
    .pace-center-atom-olive .pace-progress::before {
        background-color: rgb(65, 122, 94);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-olive .pace-activity {
        border-color: rgb(70, 135, 103);
    }
    .pace-center-atom-olive .pace-activity::after,
    .pace-center-atom-olive .pace-activity::before {
        border-color: rgb(70, 135, 103);
    }
    .pace-center-circle-olive .pace .pace-progress {
        background-color: rgba(65, 122, 94, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-olive .pace .pace-activity {
        border-color: rgb(70, 135, 103) transparent transparent;
    }
    .pace-center-radar-olive .pace .pace-activity::before {
        border-color: rgb(70, 135, 103) transparent transparent;
    }
    .pace-center-simple-olive .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(70, 135, 103);
    }
    .pace-center-simple-olive .pace .pace-progress {
        background-color: rgb(65, 122, 94);
        background-image: none;
    }
    .pace-material-olive .pace {
        color: rgb(123, 192, 156);
    }
    .pace-corner-indicator-olive .pace .pace-activity {
        background-color: rgb(65, 122, 94);
        background-image: none;
    }
    .pace-corner-indicator-olive .pace .pace-activity::after,
    .pace-corner-indicator-olive .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-olive .pace .pace-activity::before {
        border-left-color: rgba(70, 135, 103, 0.2);
        border-right-color: rgba(70, 135, 103, 0.2);
    }
    .pace-corner-indicator-olive .pace .pace-activity::after {
        border-bottom-color: rgba(70, 135, 103, 0.2);
        border-top-color: rgba(70, 135, 103, 0.2);
    }
    .pace-fill-left-olive .pace .pace-progress {
        background-color: rgba(65, 122, 94, 0.2);
    }
    .pace-flash-olive .pace .pace-progress {
        background-color: rgb(65, 122, 94);
        background-image: none;
    }
    .pace-flash-olive .pace .pace-progress-inner {
        box-shadow: rgb(65, 122, 94) 0px 0px 10px, rgb(65, 122, 94) 0px 0px 5px;
    }
    .pace-flash-olive .pace .pace-activity {
        border-left-color: rgb(70, 135, 103);
        border-top-color: rgb(70, 135, 103);
    }
    .pace-loading-bar-olive .pace .pace-progress {
        background-color: rgb(65, 122, 94);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(123, 192, 156);
    }
    .pace-loading-bar-olive .pace .pace-activity {
        box-shadow: rgb(65, 122, 94) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-olive .pace .pace-progress {
        background-color: rgb(65, 122, 94);
        box-shadow: rgb(65, 122, 94) -1px 0px inset, rgb(65, 122, 94) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-olive .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-olive .pace-progress {
        color: rgb(123, 192, 156);
    }
    .pace-lime .pace .pace-progress {
        background-color: rgb(29, 192, 119);
        background-image: none;
    }
    .pace-barber-shop-lime .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
    }
    .pace-barber-shop-lime .pace .pace-progress {
        background-color: rgb(29, 192, 119);
        background-image: none;
    }
    .pace-barber-shop-lime .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(38, 46, 55, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(38, 46, 55, 0.2) 50%, rgba(38, 46, 55, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-lime .pace .pace-progress::after {
        color: rgba(55, 238, 129, 0.2);
    }
    .pace-bounce-lime .pace .pace-activity {
        background-color: rgb(29, 192, 119);
        background-image: none;
    }
    .pace-center-atom-lime .pace-progress::before {
        background-color: rgb(29, 192, 119);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-atom-lime .pace-activity {
        border-color: rgb(27, 169, 85);
    }
    .pace-center-atom-lime .pace-activity::after,
    .pace-center-atom-lime .pace-activity::before {
        border-color: rgb(27, 169, 85);
    }
    .pace-center-circle-lime .pace .pace-progress {
        background-color: rgba(29, 192, 119, 0.8);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-radar-lime .pace .pace-activity {
        border-color: rgb(27, 169, 85) transparent transparent;
    }
    .pace-center-radar-lime .pace .pace-activity::before {
        border-color: rgb(27, 169, 85) transparent transparent;
    }
    .pace-center-simple-lime .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
        border-color: rgb(27, 169, 85);
    }
    .pace-center-simple-lime .pace .pace-progress {
        background-color: rgb(29, 192, 119);
        background-image: none;
    }
    .pace-material-lime .pace {
        color: rgb(55, 238, 129);
    }
    .pace-corner-indicator-lime .pace .pace-activity {
        background-color: rgb(29, 192, 119);
        background-image: none;
    }
    .pace-corner-indicator-lime .pace .pace-activity::after,
    .pace-corner-indicator-lime .pace .pace-activity::before {
        border-color: rgb(129, 120, 106);
    }
    .pace-corner-indicator-lime .pace .pace-activity::before {
        border-left-color: rgba(27, 169, 85, 0.2);
        border-right-color: rgba(27, 169, 85, 0.2);
    }
    .pace-corner-indicator-lime .pace .pace-activity::after {
        border-bottom-color: rgba(27, 169, 85, 0.2);
        border-top-color: rgba(27, 169, 85, 0.2);
    }
    .pace-fill-left-lime .pace .pace-progress {
        background-color: rgba(29, 192, 119, 0.2);
    }
    .pace-flash-lime .pace .pace-progress {
        background-color: rgb(29, 192, 119);
        background-image: none;
    }
    .pace-flash-lime .pace .pace-progress-inner {
        box-shadow: rgb(29, 192, 119) 0px 0px 10px, rgb(29, 192, 119) 0px 0px 5px;
    }
    .pace-flash-lime .pace .pace-activity {
        border-left-color: rgb(27, 169, 85);
        border-top-color: rgb(27, 169, 85);
    }
    .pace-loading-bar-lime .pace .pace-progress {
        background-color: rgb(29, 192, 119);
        background-image: none;
        box-shadow: rgb(38, 46, 55) 120px 0px, rgb(38, 46, 55) 240px 0px;
        color: rgb(55, 238, 129);
    }
    .pace-loading-bar-lime .pace .pace-activity {
        box-shadow: rgb(29, 192, 119) 0px 0px 0px 2px inset, rgb(38, 46, 55) 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-lime .pace .pace-progress {
        background-color: rgb(29, 192, 119);
        box-shadow: rgb(29, 192, 119) -1px 0px inset, rgb(29, 192, 119) 0px -1px inset, rgba(38, 46, 55, 0.5) 0px 2px inset, rgba(38, 46, 55, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-lime .pace .pace-activity {
        background-image: radial-gradient(rgba(38, 46, 55, 0.65) 0px, rgba(38, 46, 55, 0.15) 100%);
    }
    .pace-progress-color-lime .pace-progress {
        color: rgb(55, 238, 129);
    }
    .pace-fuchsia .pace .pace-progress {
        background-color: rgb(177, 32, 141);
        background-image: none;
    }
    .pace-barber-shop-fuchsia .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-fuchsia .pace .pace-progress {
        background-color: rgb(177, 32, 141);
        background-image: none;
    }
    .pace-barber-shop-fuchsia .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-fuchsia .pace .pace-progress::after {
        color: rgba(223, 59, 182, 0.2);
    }
    .pace-bounce-fuchsia .pace .pace-activity {
        background-color: rgb(177, 32, 141);
        background-image: none;
    }
    .pace-center-atom-fuchsia .pace-progress::before {
        background-color: rgb(177, 32, 141);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-fuchsia .pace-activity {
        border-color: rgb(157, 30, 126);
    }
    .pace-center-atom-fuchsia .pace-activity::after,
    .pace-center-atom-fuchsia .pace-activity::before {
        border-color: rgb(157, 30, 126);
    }
    .pace-center-circle-fuchsia .pace .pace-progress {
        background-color: rgba(177, 32, 141, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-fuchsia .pace .pace-activity {
        border-color: rgb(157, 30, 126) transparent transparent;
    }
    .pace-center-radar-fuchsia .pace .pace-activity::before {
        border-color: rgb(157, 30, 126) transparent transparent;
    }
    .pace-center-simple-fuchsia .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(157, 30, 126);
    }
    .pace-center-simple-fuchsia .pace .pace-progress {
        background-color: rgb(177, 32, 141);
        background-image: none;
    }
    .pace-material-fuchsia .pace {
        color: rgb(223, 59, 182);
    }
    .pace-corner-indicator-fuchsia .pace .pace-activity {
        background-color: rgb(177, 32, 141);
        background-image: none;
    }
    .pace-corner-indicator-fuchsia .pace .pace-activity::after,
    .pace-corner-indicator-fuchsia .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-fuchsia .pace .pace-activity::before {
        border-left-color: rgba(157, 30, 126, 0.2);
        border-right-color: rgba(157, 30, 126, 0.2);
    }
    .pace-corner-indicator-fuchsia .pace .pace-activity::after {
        border-bottom-color: rgba(157, 30, 126, 0.2);
        border-top-color: rgba(157, 30, 126, 0.2);
    }
    .pace-fill-left-fuchsia .pace .pace-progress {
        background-color: rgba(177, 32, 141, 0.2);
    }
    .pace-flash-fuchsia .pace .pace-progress {
        background-color: rgb(177, 32, 141);
        background-image: none;
    }
    .pace-flash-fuchsia .pace .pace-progress-inner {
        box-shadow: rgb(177, 32, 141) 0px 0px 10px, rgb(177, 32, 141) 0px 0px 5px;
    }
    .pace-flash-fuchsia .pace .pace-activity {
        border-left-color: rgb(157, 30, 126);
        border-top-color: rgb(157, 30, 126);
    }
    .pace-loading-bar-fuchsia .pace .pace-progress {
        background-color: rgb(177, 32, 141);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(223, 59, 182);
    }
    .pace-loading-bar-fuchsia .pace .pace-activity {
        box-shadow: rgb(177, 32, 141) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-fuchsia .pace .pace-progress {
        background-color: rgb(177, 32, 141);
        box-shadow: rgb(177, 32, 141) -1px 0px inset, rgb(177, 32, 141) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-fuchsia .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-fuchsia .pace-progress {
        color: rgb(223, 59, 182);
    }
    .pace-maroon .pace .pace-progress {
        background-color: rgb(162, 39, 81);
        background-image: none;
    }
    .pace-barber-shop-maroon .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-maroon .pace .pace-progress {
        background-color: rgb(162, 39, 81);
        background-image: none;
    }
    .pace-barber-shop-maroon .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-maroon .pace .pace-progress::after {
        color: rgba(214, 73, 121, 0.2);
    }
    .pace-bounce-maroon .pace .pace-activity {
        background-color: rgb(162, 39, 81);
        background-image: none;
    }
    .pace-center-atom-maroon .pace-progress::before {
        background-color: rgb(162, 39, 81);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-maroon .pace-activity {
        border-color: rgb(153, 37, 77);
    }
    .pace-center-atom-maroon .pace-activity::after,
    .pace-center-atom-maroon .pace-activity::before {
        border-color: rgb(153, 37, 77);
    }
    .pace-center-circle-maroon .pace .pace-progress {
        background-color: rgba(162, 39, 81, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-maroon .pace .pace-activity {
        border-color: rgb(153, 37, 77) transparent transparent;
    }
    .pace-center-radar-maroon .pace .pace-activity::before {
        border-color: rgb(153, 37, 77) transparent transparent;
    }
    .pace-center-simple-maroon .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(153, 37, 77);
    }
    .pace-center-simple-maroon .pace .pace-progress {
        background-color: rgb(162, 39, 81);
        background-image: none;
    }
    .pace-material-maroon .pace {
        color: rgb(214, 73, 121);
    }
    .pace-corner-indicator-maroon .pace .pace-activity {
        background-color: rgb(162, 39, 81);
        background-image: none;
    }
    .pace-corner-indicator-maroon .pace .pace-activity::after,
    .pace-corner-indicator-maroon .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-maroon .pace .pace-activity::before {
        border-left-color: rgba(153, 37, 77, 0.2);
        border-right-color: rgba(153, 37, 77, 0.2);
    }
    .pace-corner-indicator-maroon .pace .pace-activity::after {
        border-bottom-color: rgba(153, 37, 77, 0.2);
        border-top-color: rgba(153, 37, 77, 0.2);
    }
    .pace-fill-left-maroon .pace .pace-progress {
        background-color: rgba(162, 39, 81, 0.2);
    }
    .pace-flash-maroon .pace .pace-progress {
        background-color: rgb(162, 39, 81);
        background-image: none;
    }
    .pace-flash-maroon .pace .pace-progress-inner {
        box-shadow: rgb(162, 39, 81) 0px 0px 10px, rgb(162, 39, 81) 0px 0px 5px;
    }
    .pace-flash-maroon .pace .pace-activity {
        border-left-color: rgb(153, 37, 77);
        border-top-color: rgb(153, 37, 77);
    }
    .pace-loading-bar-maroon .pace .pace-progress {
        background-color: rgb(162, 39, 81);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(214, 73, 121);
    }
    .pace-loading-bar-maroon .pace .pace-activity {
        box-shadow: rgb(162, 39, 81) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-maroon .pace .pace-progress {
        background-color: rgb(162, 39, 81);
        box-shadow: rgb(162, 39, 81) -1px 0px inset, rgb(162, 39, 81) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-maroon .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-maroon .pace-progress {
        color: rgb(214, 73, 121);
    }
    .pace-blue .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-barber-shop-blue .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-blue .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-barber-shop-blue .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-blue .pace .pace-progress::after {
        color: rgba(72, 160, 231, 0.2);
    }
    .pace-bounce-blue .pace .pace-activity {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-center-atom-blue .pace-progress::before {
        background-color: rgb(23, 102, 185);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-blue .pace-activity {
        border-color: rgb(22, 91, 164);
    }
    .pace-center-atom-blue .pace-activity::after,
    .pace-center-atom-blue .pace-activity::before {
        border-color: rgb(22, 91, 164);
    }
    .pace-center-circle-blue .pace .pace-progress {
        background-color: rgba(23, 102, 185, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-blue .pace .pace-activity {
        border-color: rgb(22, 91, 164) transparent transparent;
    }
    .pace-center-radar-blue .pace .pace-activity::before {
        border-color: rgb(22, 91, 164) transparent transparent;
    }
    .pace-center-simple-blue .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(22, 91, 164);
    }
    .pace-center-simple-blue .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-material-blue .pace {
        color: rgb(72, 160, 231);
    }
    .pace-corner-indicator-blue .pace .pace-activity {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-corner-indicator-blue .pace .pace-activity::after,
    .pace-corner-indicator-blue .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-blue .pace .pace-activity::before {
        border-left-color: rgba(22, 91, 164, 0.2);
        border-right-color: rgba(22, 91, 164, 0.2);
    }
    .pace-corner-indicator-blue .pace .pace-activity::after {
        border-bottom-color: rgba(22, 91, 164, 0.2);
        border-top-color: rgba(22, 91, 164, 0.2);
    }
    .pace-fill-left-blue .pace .pace-progress {
        background-color: rgba(23, 102, 185, 0.2);
    }
    .pace-flash-blue .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
    }
    .pace-flash-blue .pace .pace-progress-inner {
        box-shadow: rgb(23, 102, 185) 0px 0px 10px, rgb(23, 102, 185) 0px 0px 5px;
    }
    .pace-flash-blue .pace .pace-activity {
        border-left-color: rgb(22, 91, 164);
        border-top-color: rgb(22, 91, 164);
    }
    .pace-loading-bar-blue .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(72, 160, 231);
    }
    .pace-loading-bar-blue .pace .pace-activity {
        box-shadow: rgb(23, 102, 185) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-blue .pace .pace-progress {
        background-color: rgb(23, 102, 185);
        box-shadow: rgb(23, 102, 185) -1px 0px inset, rgb(23, 102, 185) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-blue .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-blue .pace-progress {
        color: rgb(72, 160, 231);
    }
    .pace-indigo .pace .pace-progress {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .pace-barber-shop-indigo .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-indigo .pace .pace-progress {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .pace-barber-shop-indigo .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-indigo .pace .pace-progress::after {
        color: rgba(119, 54, 217, 0.2);
    }
    .pace-bounce-indigo .pace .pace-activity {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .pace-center-atom-indigo .pace-progress::before {
        background-color: rgb(84, 27, 173);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-indigo .pace-activity {
        border-color: rgb(76, 26, 153);
    }
    .pace-center-atom-indigo .pace-activity::after,
    .pace-center-atom-indigo .pace-activity::before {
        border-color: rgb(76, 26, 153);
    }
    .pace-center-circle-indigo .pace .pace-progress {
        background-color: rgba(84, 27, 173, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-indigo .pace .pace-activity {
        border-color: rgb(76, 26, 153) transparent transparent;
    }
    .pace-center-radar-indigo .pace .pace-activity::before {
        border-color: rgb(76, 26, 153) transparent transparent;
    }
    .pace-center-simple-indigo .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(76, 26, 153);
    }
    .pace-center-simple-indigo .pace .pace-progress {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .pace-material-indigo .pace {
        color: rgb(119, 54, 217);
    }
    .pace-corner-indicator-indigo .pace .pace-activity {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .pace-corner-indicator-indigo .pace .pace-activity::after,
    .pace-corner-indicator-indigo .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-indigo .pace .pace-activity::before {
        border-left-color: rgba(76, 26, 153, 0.2);
        border-right-color: rgba(76, 26, 153, 0.2);
    }
    .pace-corner-indicator-indigo .pace .pace-activity::after {
        border-bottom-color: rgba(76, 26, 153, 0.2);
        border-top-color: rgba(76, 26, 153, 0.2);
    }
    .pace-fill-left-indigo .pace .pace-progress {
        background-color: rgba(84, 27, 173, 0.2);
    }
    .pace-flash-indigo .pace .pace-progress {
        background-color: rgb(84, 27, 173);
        background-image: none;
    }
    .pace-flash-indigo .pace .pace-progress-inner {
        box-shadow: rgb(84, 27, 173) 0px 0px 10px, rgb(84, 27, 173) 0px 0px 5px;
    }
    .pace-flash-indigo .pace .pace-activity {
        border-left-color: rgb(76, 26, 153);
        border-top-color: rgb(76, 26, 153);
    }
    .pace-loading-bar-indigo .pace .pace-progress {
        background-color: rgb(84, 27, 173);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(119, 54, 217);
    }
    .pace-loading-bar-indigo .pace .pace-activity {
        box-shadow: rgb(84, 27, 173) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-indigo .pace .pace-progress {
        background-color: rgb(84, 27, 173);
        box-shadow: rgb(84, 27, 173) -1px 0px inset, rgb(84, 27, 173) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-indigo .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-indigo .pace-progress {
        color: rgb(119, 54, 217);
    }
    .pace-purple .pace .pace-progress {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .pace-barber-shop-purple .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-purple .pace .pace-progress {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .pace-barber-shop-purple .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-purple .pace .pace-progress::after {
        color: rgba(128, 93, 183, 0.2);
    }
    .pace-bounce-purple .pace .pace-activity {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .pace-center-atom-purple .pace-progress::before {
        background-color: rgb(92, 62, 142);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-purple .pace-activity {
        border-color: rgb(83, 56, 127);
    }
    .pace-center-atom-purple .pace-activity::after,
    .pace-center-atom-purple .pace-activity::before {
        border-color: rgb(83, 56, 127);
    }
    .pace-center-circle-purple .pace .pace-progress {
        background-color: rgba(92, 62, 142, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-purple .pace .pace-activity {
        border-color: rgb(83, 56, 127) transparent transparent;
    }
    .pace-center-radar-purple .pace .pace-activity::before {
        border-color: rgb(83, 56, 127) transparent transparent;
    }
    .pace-center-simple-purple .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(83, 56, 127);
    }
    .pace-center-simple-purple .pace .pace-progress {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .pace-material-purple .pace {
        color: rgb(128, 93, 183);
    }
    .pace-corner-indicator-purple .pace .pace-activity {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .pace-corner-indicator-purple .pace .pace-activity::after,
    .pace-corner-indicator-purple .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-purple .pace .pace-activity::before {
        border-left-color: rgba(83, 56, 127, 0.2);
        border-right-color: rgba(83, 56, 127, 0.2);
    }
    .pace-corner-indicator-purple .pace .pace-activity::after {
        border-bottom-color: rgba(83, 56, 127, 0.2);
        border-top-color: rgba(83, 56, 127, 0.2);
    }
    .pace-fill-left-purple .pace .pace-progress {
        background-color: rgba(92, 62, 142, 0.2);
    }
    .pace-flash-purple .pace .pace-progress {
        background-color: rgb(92, 62, 142);
        background-image: none;
    }
    .pace-flash-purple .pace .pace-progress-inner {
        box-shadow: rgb(92, 62, 142) 0px 0px 10px, rgb(92, 62, 142) 0px 0px 5px;
    }
    .pace-flash-purple .pace .pace-activity {
        border-left-color: rgb(83, 56, 127);
        border-top-color: rgb(83, 56, 127);
    }
    .pace-loading-bar-purple .pace .pace-progress {
        background-color: rgb(92, 62, 142);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(128, 93, 183);
    }
    .pace-loading-bar-purple .pace .pace-activity {
        box-shadow: rgb(92, 62, 142) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-purple .pace .pace-progress {
        background-color: rgb(92, 62, 142);
        box-shadow: rgb(92, 62, 142) -1px 0px inset, rgb(92, 62, 142) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-purple .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-purple .pace-progress {
        color: rgb(128, 93, 183);
    }
    .pace-pink .pace .pace-progress {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .pace-barber-shop-pink .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-pink .pace .pace-progress {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .pace-barber-shop-pink .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-pink .pace .pace-progress::after {
        color: rgba(218, 87, 143, 0.2);
    }
    .pace-bounce-pink .pace .pace-activity {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .pace-center-atom-pink .pace-progress::before {
        background-color: rgb(152, 36, 87);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-pink .pace-activity {
        border-color: rgb(142, 35, 81);
    }
    .pace-center-atom-pink .pace-activity::after,
    .pace-center-atom-pink .pace-activity::before {
        border-color: rgb(142, 35, 81);
    }
    .pace-center-circle-pink .pace .pace-progress {
        background-color: rgba(152, 36, 87, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-pink .pace .pace-activity {
        border-color: rgb(142, 35, 81) transparent transparent;
    }
    .pace-center-radar-pink .pace .pace-activity::before {
        border-color: rgb(142, 35, 81) transparent transparent;
    }
    .pace-center-simple-pink .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(142, 35, 81);
    }
    .pace-center-simple-pink .pace .pace-progress {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .pace-material-pink .pace {
        color: rgb(218, 87, 143);
    }
    .pace-corner-indicator-pink .pace .pace-activity {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .pace-corner-indicator-pink .pace .pace-activity::after,
    .pace-corner-indicator-pink .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-pink .pace .pace-activity::before {
        border-left-color: rgba(142, 35, 81, 0.2);
        border-right-color: rgba(142, 35, 81, 0.2);
    }
    .pace-corner-indicator-pink .pace .pace-activity::after {
        border-bottom-color: rgba(142, 35, 81, 0.2);
        border-top-color: rgba(142, 35, 81, 0.2);
    }
    .pace-fill-left-pink .pace .pace-progress {
        background-color: rgba(152, 36, 87, 0.2);
    }
    .pace-flash-pink .pace .pace-progress {
        background-color: rgb(152, 36, 87);
        background-image: none;
    }
    .pace-flash-pink .pace .pace-progress-inner {
        box-shadow: rgb(152, 36, 87) 0px 0px 10px, rgb(152, 36, 87) 0px 0px 5px;
    }
    .pace-flash-pink .pace .pace-activity {
        border-left-color: rgb(142, 35, 81);
        border-top-color: rgb(142, 35, 81);
    }
    .pace-loading-bar-pink .pace .pace-progress {
        background-color: rgb(152, 36, 87);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(218, 87, 143);
    }
    .pace-loading-bar-pink .pace .pace-activity {
        box-shadow: rgb(152, 36, 87) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-pink .pace .pace-progress {
        background-color: rgb(152, 36, 87);
        box-shadow: rgb(152, 36, 87) -1px 0px inset, rgb(152, 36, 87) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-pink .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-pink .pace-progress {
        color: rgb(218, 87, 143);
    }
    .pace-red .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-barber-shop-red .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-red .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-barber-shop-red .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-red .pace .pace-progress::after {
        color: rgba(208, 82, 91, 0.2);
    }
    .pace-bounce-red .pace .pace-activity {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-center-atom-red .pace-progress::before {
        background-color: rgb(155, 44, 53);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-red .pace-activity {
        border-color: rgb(141, 41, 48);
    }
    .pace-center-atom-red .pace-activity::after,
    .pace-center-atom-red .pace-activity::before {
        border-color: rgb(141, 41, 48);
    }
    .pace-center-circle-red .pace .pace-progress {
        background-color: rgba(155, 44, 53, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-red .pace .pace-activity {
        border-color: rgb(141, 41, 48) transparent transparent;
    }
    .pace-center-radar-red .pace .pace-activity::before {
        border-color: rgb(141, 41, 48) transparent transparent;
    }
    .pace-center-simple-red .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(141, 41, 48);
    }
    .pace-center-simple-red .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-material-red .pace {
        color: rgb(208, 82, 91);
    }
    .pace-corner-indicator-red .pace .pace-activity {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-corner-indicator-red .pace .pace-activity::after,
    .pace-corner-indicator-red .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-red .pace .pace-activity::before {
        border-left-color: rgba(141, 41, 48, 0.2);
        border-right-color: rgba(141, 41, 48, 0.2);
    }
    .pace-corner-indicator-red .pace .pace-activity::after {
        border-bottom-color: rgba(141, 41, 48, 0.2);
        border-top-color: rgba(141, 41, 48, 0.2);
    }
    .pace-fill-left-red .pace .pace-progress {
        background-color: rgba(155, 44, 53, 0.2);
    }
    .pace-flash-red .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
    }
    .pace-flash-red .pace .pace-progress-inner {
        box-shadow: rgb(155, 44, 53) 0px 0px 10px, rgb(155, 44, 53) 0px 0px 5px;
    }
    .pace-flash-red .pace .pace-activity {
        border-left-color: rgb(141, 41, 48);
        border-top-color: rgb(141, 41, 48);
    }
    .pace-loading-bar-red .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(208, 82, 91);
    }
    .pace-loading-bar-red .pace .pace-activity {
        box-shadow: rgb(155, 44, 53) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-red .pace .pace-progress {
        background-color: rgb(155, 44, 53);
        box-shadow: rgb(155, 44, 53) -1px 0px inset, rgb(155, 44, 53) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-red .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-red .pace-progress {
        color: rgb(208, 82, 91);
    }
    .pace-orange .pace .pace-progress {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .pace-barber-shop-orange .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
    }
    .pace-barber-shop-orange .pace .pace-progress {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .pace-barber-shop-orange .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(38, 46, 55, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(38, 46, 55, 0.2) 50%, rgba(38, 46, 55, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-orange .pace .pace-progress::after {
        color: rgba(237, 141, 58, 0.2);
    }
    .pace-bounce-orange .pace .pace-activity {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .pace-center-atom-orange .pace-progress::before {
        background-color: rgb(182, 96, 23);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-atom-orange .pace-activity {
        border-color: rgb(164, 87, 21);
    }
    .pace-center-atom-orange .pace-activity::after,
    .pace-center-atom-orange .pace-activity::before {
        border-color: rgb(164, 87, 21);
    }
    .pace-center-circle-orange .pace .pace-progress {
        background-color: rgba(182, 96, 23, 0.8);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-radar-orange .pace .pace-activity {
        border-color: rgb(164, 87, 21) transparent transparent;
    }
    .pace-center-radar-orange .pace .pace-activity::before {
        border-color: rgb(164, 87, 21) transparent transparent;
    }
    .pace-center-simple-orange .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
        border-color: rgb(164, 87, 21);
    }
    .pace-center-simple-orange .pace .pace-progress {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .pace-material-orange .pace {
        color: rgb(237, 141, 58);
    }
    .pace-corner-indicator-orange .pace .pace-activity {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .pace-corner-indicator-orange .pace .pace-activity::after,
    .pace-corner-indicator-orange .pace .pace-activity::before {
        border-color: rgb(129, 120, 106);
    }
    .pace-corner-indicator-orange .pace .pace-activity::before {
        border-left-color: rgba(164, 87, 21, 0.2);
        border-right-color: rgba(164, 87, 21, 0.2);
    }
    .pace-corner-indicator-orange .pace .pace-activity::after {
        border-bottom-color: rgba(164, 87, 21, 0.2);
        border-top-color: rgba(164, 87, 21, 0.2);
    }
    .pace-fill-left-orange .pace .pace-progress {
        background-color: rgba(182, 96, 23, 0.2);
    }
    .pace-flash-orange .pace .pace-progress {
        background-color: rgb(182, 96, 23);
        background-image: none;
    }
    .pace-flash-orange .pace .pace-progress-inner {
        box-shadow: rgb(182, 96, 23) 0px 0px 10px, rgb(182, 96, 23) 0px 0px 5px;
    }
    .pace-flash-orange .pace .pace-activity {
        border-left-color: rgb(164, 87, 21);
        border-top-color: rgb(164, 87, 21);
    }
    .pace-loading-bar-orange .pace .pace-progress {
        background-color: rgb(182, 96, 23);
        background-image: none;
        box-shadow: rgb(38, 46, 55) 120px 0px, rgb(38, 46, 55) 240px 0px;
        color: rgb(237, 141, 58);
    }
    .pace-loading-bar-orange .pace .pace-activity {
        box-shadow: rgb(182, 96, 23) 0px 0px 0px 2px inset, rgb(38, 46, 55) 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-orange .pace .pace-progress {
        background-color: rgb(182, 96, 23);
        box-shadow: rgb(182, 96, 23) -1px 0px inset, rgb(182, 96, 23) 0px -1px inset, rgba(38, 46, 55, 0.5) 0px 2px inset, rgba(38, 46, 55, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-orange .pace .pace-activity {
        background-image: radial-gradient(rgba(38, 46, 55, 0.65) 0px, rgba(38, 46, 55, 0.15) 100%);
    }
    .pace-progress-color-orange .pace-progress {
        color: rgb(237, 141, 58);
    }
    .pace-yellow .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-barber-shop-yellow .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
    }
    .pace-barber-shop-yellow .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-barber-shop-yellow .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(38, 46, 55, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(38, 46, 55, 0.2) 50%, rgba(38, 46, 55, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-yellow .pace .pace-progress::after {
        color: rgba(243, 195, 53, 0.2);
    }
    .pace-bounce-yellow .pace .pace-activity {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-center-atom-yellow .pace-progress::before {
        background-color: rgb(148, 115, 22);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-atom-yellow .pace-activity {
        border-color: rgb(171, 134, 23);
    }
    .pace-center-atom-yellow .pace-activity::after,
    .pace-center-atom-yellow .pace-activity::before {
        border-color: rgb(171, 134, 23);
    }
    .pace-center-circle-yellow .pace .pace-progress {
        background-color: rgba(148, 115, 22, 0.8);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-radar-yellow .pace .pace-activity {
        border-color: rgb(171, 134, 23) transparent transparent;
    }
    .pace-center-radar-yellow .pace .pace-activity::before {
        border-color: rgb(171, 134, 23) transparent transparent;
    }
    .pace-center-simple-yellow .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
        border-color: rgb(171, 134, 23);
    }
    .pace-center-simple-yellow .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-material-yellow .pace {
        color: rgb(243, 195, 53);
    }
    .pace-corner-indicator-yellow .pace .pace-activity {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-corner-indicator-yellow .pace .pace-activity::after,
    .pace-corner-indicator-yellow .pace .pace-activity::before {
        border-color: rgb(129, 120, 106);
    }
    .pace-corner-indicator-yellow .pace .pace-activity::before {
        border-left-color: rgba(171, 134, 23, 0.2);
        border-right-color: rgba(171, 134, 23, 0.2);
    }
    .pace-corner-indicator-yellow .pace .pace-activity::after {
        border-bottom-color: rgba(171, 134, 23, 0.2);
        border-top-color: rgba(171, 134, 23, 0.2);
    }
    .pace-fill-left-yellow .pace .pace-progress {
        background-color: rgba(148, 115, 22, 0.2);
    }
    .pace-flash-yellow .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
    }
    .pace-flash-yellow .pace .pace-progress-inner {
        box-shadow: rgb(148, 115, 22) 0px 0px 10px, rgb(148, 115, 22) 0px 0px 5px;
    }
    .pace-flash-yellow .pace .pace-activity {
        border-left-color: rgb(171, 134, 23);
        border-top-color: rgb(171, 134, 23);
    }
    .pace-loading-bar-yellow .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        background-image: none;
        box-shadow: rgb(38, 46, 55) 120px 0px, rgb(38, 46, 55) 240px 0px;
        color: rgb(243, 195, 53);
    }
    .pace-loading-bar-yellow .pace .pace-activity {
        box-shadow: rgb(148, 115, 22) 0px 0px 0px 2px inset, rgb(38, 46, 55) 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-yellow .pace .pace-progress {
        background-color: rgb(148, 115, 22);
        box-shadow: rgb(148, 115, 22) -1px 0px inset, rgb(148, 115, 22) 0px -1px inset, rgba(38, 46, 55, 0.5) 0px 2px inset, rgba(38, 46, 55, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-yellow .pace .pace-activity {
        background-image: radial-gradient(rgba(38, 46, 55, 0.65) 0px, rgba(38, 46, 55, 0.15) 100%);
    }
    .pace-progress-color-yellow .pace-progress {
        color: rgb(243, 195, 53);
    }
    .pace-green .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-barber-shop-green .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-green .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-barber-shop-green .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-green .pace .pace-progress::after {
        color: rgba(112, 207, 127, 0.2);
    }
    .pace-bounce-green .pace .pace-activity {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-center-atom-green .pace-progress::before {
        background-color: rgb(50, 132, 65);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-green .pace-activity {
        border-color: rgb(56, 151, 74);
    }
    .pace-center-atom-green .pace-activity::after,
    .pace-center-atom-green .pace-activity::before {
        border-color: rgb(56, 151, 74);
    }
    .pace-center-circle-green .pace .pace-progress {
        background-color: rgba(50, 132, 65, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-green .pace .pace-activity {
        border-color: rgb(56, 151, 74) transparent transparent;
    }
    .pace-center-radar-green .pace .pace-activity::before {
        border-color: rgb(56, 151, 74) transparent transparent;
    }
    .pace-center-simple-green .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(56, 151, 74);
    }
    .pace-center-simple-green .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-material-green .pace {
        color: rgb(112, 207, 127);
    }
    .pace-corner-indicator-green .pace .pace-activity {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-corner-indicator-green .pace .pace-activity::after,
    .pace-corner-indicator-green .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-green .pace .pace-activity::before {
        border-left-color: rgba(56, 151, 74, 0.2);
        border-right-color: rgba(56, 151, 74, 0.2);
    }
    .pace-corner-indicator-green .pace .pace-activity::after {
        border-bottom-color: rgba(56, 151, 74, 0.2);
        border-top-color: rgba(56, 151, 74, 0.2);
    }
    .pace-fill-left-green .pace .pace-progress {
        background-color: rgba(50, 132, 65, 0.2);
    }
    .pace-flash-green .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
    }
    .pace-flash-green .pace .pace-progress-inner {
        box-shadow: rgb(50, 132, 65) 0px 0px 10px, rgb(50, 132, 65) 0px 0px 5px;
    }
    .pace-flash-green .pace .pace-activity {
        border-left-color: rgb(56, 151, 74);
        border-top-color: rgb(56, 151, 74);
    }
    .pace-loading-bar-green .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(112, 207, 127);
    }
    .pace-loading-bar-green .pace .pace-activity {
        box-shadow: rgb(50, 132, 65) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-green .pace .pace-progress {
        background-color: rgb(50, 132, 65);
        box-shadow: rgb(50, 132, 65) -1px 0px inset, rgb(50, 132, 65) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-green .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-green .pace-progress {
        color: rgb(112, 207, 127);
    }
    .pace-teal .pace .pace-progress {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .pace-barber-shop-teal .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-teal .pace .pace-progress {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .pace-barber-shop-teal .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-teal .pace .pace-progress::after {
        color: rgba(91, 215, 173, 0.2);
    }
    .pace-bounce-teal .pace .pace-activity {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .pace-center-atom-teal .pace-progress::before {
        background-color: rgb(48, 156, 120);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-teal .pace-activity {
        border-color: rgb(47, 155, 120);
    }
    .pace-center-atom-teal .pace-activity::after,
    .pace-center-atom-teal .pace-activity::before {
        border-color: rgb(47, 155, 120);
    }
    .pace-center-circle-teal .pace .pace-progress {
        background-color: rgba(48, 156, 120, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-teal .pace .pace-activity {
        border-color: rgb(47, 155, 120) transparent transparent;
    }
    .pace-center-radar-teal .pace .pace-activity::before {
        border-color: rgb(47, 155, 120) transparent transparent;
    }
    .pace-center-simple-teal .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(47, 155, 120);
    }
    .pace-center-simple-teal .pace .pace-progress {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .pace-material-teal .pace {
        color: rgb(91, 215, 173);
    }
    .pace-corner-indicator-teal .pace .pace-activity {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .pace-corner-indicator-teal .pace .pace-activity::after,
    .pace-corner-indicator-teal .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-teal .pace .pace-activity::before {
        border-left-color: rgba(47, 155, 120, 0.2);
        border-right-color: rgba(47, 155, 120, 0.2);
    }
    .pace-corner-indicator-teal .pace .pace-activity::after {
        border-bottom-color: rgba(47, 155, 120, 0.2);
        border-top-color: rgba(47, 155, 120, 0.2);
    }
    .pace-fill-left-teal .pace .pace-progress {
        background-color: rgba(48, 156, 120, 0.2);
    }
    .pace-flash-teal .pace .pace-progress {
        background-color: rgb(48, 156, 120);
        background-image: none;
    }
    .pace-flash-teal .pace .pace-progress-inner {
        box-shadow: rgb(48, 156, 120) 0px 0px 10px, rgb(48, 156, 120) 0px 0px 5px;
    }
    .pace-flash-teal .pace .pace-activity {
        border-left-color: rgb(47, 155, 120);
        border-top-color: rgb(47, 155, 120);
    }
    .pace-loading-bar-teal .pace .pace-progress {
        background-color: rgb(48, 156, 120);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(91, 215, 173);
    }
    .pace-loading-bar-teal .pace .pace-activity {
        box-shadow: rgb(48, 156, 120) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-teal .pace .pace-progress {
        background-color: rgb(48, 156, 120);
        box-shadow: rgb(48, 156, 120) -1px 0px inset, rgb(48, 156, 120) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-teal .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-teal .pace-progress {
        color: rgb(91, 215, 173);
    }
    .pace-cyan .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-barber-shop-cyan .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-cyan .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-barber-shop-cyan .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-cyan .pace .pace-progress::after {
        color: rgba(100, 204, 216, 0.2);
    }
    .pace-bounce-cyan .pace .pace-activity {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-center-atom-cyan .pace-progress::before {
        background-color: rgb(40, 129, 140);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-cyan .pace-activity {
        border-color: rgb(44, 148, 161);
    }
    .pace-center-atom-cyan .pace-activity::after,
    .pace-center-atom-cyan .pace-activity::before {
        border-color: rgb(44, 148, 161);
    }
    .pace-center-circle-cyan .pace .pace-progress {
        background-color: rgba(40, 129, 140, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-cyan .pace .pace-activity {
        border-color: rgb(44, 148, 161) transparent transparent;
    }
    .pace-center-radar-cyan .pace .pace-activity::before {
        border-color: rgb(44, 148, 161) transparent transparent;
    }
    .pace-center-simple-cyan .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(44, 148, 161);
    }
    .pace-center-simple-cyan .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-material-cyan .pace {
        color: rgb(100, 204, 216);
    }
    .pace-corner-indicator-cyan .pace .pace-activity {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-corner-indicator-cyan .pace .pace-activity::after,
    .pace-corner-indicator-cyan .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-cyan .pace .pace-activity::before {
        border-left-color: rgba(44, 148, 161, 0.2);
        border-right-color: rgba(44, 148, 161, 0.2);
    }
    .pace-corner-indicator-cyan .pace .pace-activity::after {
        border-bottom-color: rgba(44, 148, 161, 0.2);
        border-top-color: rgba(44, 148, 161, 0.2);
    }
    .pace-fill-left-cyan .pace .pace-progress {
        background-color: rgba(40, 129, 140, 0.2);
    }
    .pace-flash-cyan .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
    }
    .pace-flash-cyan .pace .pace-progress-inner {
        box-shadow: rgb(40, 129, 140) 0px 0px 10px, rgb(40, 129, 140) 0px 0px 5px;
    }
    .pace-flash-cyan .pace .pace-activity {
        border-left-color: rgb(44, 148, 161);
        border-top-color: rgb(44, 148, 161);
    }
    .pace-loading-bar-cyan .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(100, 204, 216);
    }
    .pace-loading-bar-cyan .pace .pace-activity {
        box-shadow: rgb(40, 129, 140) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-cyan .pace .pace-progress {
        background-color: rgb(40, 129, 140);
        box-shadow: rgb(40, 129, 140) -1px 0px inset, rgb(40, 129, 140) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-cyan .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-cyan .pace-progress {
        color: rgb(100, 204, 216);
    }
    .pace-white .pace .pace-progress {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-white .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
    }
    .pace-barber-shop-white .pace .pace-progress {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-white .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(38, 46, 55, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(38, 46, 55, 0.2) 50%, rgba(38, 46, 55, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-white .pace .pace-progress::after {
        color: rgba(229, 224, 216, 0.2);
    }
    .pace-bounce-white .pace .pace-activity {
        background-color: #202831;
        background-image: none;
    }
    .pace-center-atom-white .pace-progress::before {
        background-color: #202831;
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-atom-white .pace-activity {
        border-color: rgb(58, 61, 61);
    }
    .pace-center-atom-white .pace-activity::after,
    .pace-center-atom-white .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-center-circle-white .pace .pace-progress {
        background-color: rgba(36, 37, 37, 0.8);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .pace-center-radar-white .pace .pace-activity {
        border-color: rgb(58, 61, 61) transparent transparent;
    }
    .pace-center-radar-white .pace .pace-activity::before {
        border-color: rgb(58, 61, 61) transparent transparent;
    }
    .pace-center-simple-white .pace {
        background-color: rgb(38, 46, 55);
        background-image: none;
        border-color: rgb(58, 61, 61);
    }
    .pace-center-simple-white .pace .pace-progress {
        background-color: #202831;
        background-image: none;
    }
    .pace-material-white .pace {
        color: #d1d7e0;
    }
    .pace-corner-indicator-white .pace .pace-activity {
        background-color: #202831;
        background-image: none;
    }
    .pace-corner-indicator-white .pace .pace-activity::after,
    .pace-corner-indicator-white .pace .pace-activity::before {
        border-color: rgb(129, 120, 106);
    }
    .pace-corner-indicator-white .pace .pace-activity::before {
        border-left-color: rgba(58, 61, 61, 0.2);
        border-right-color: rgba(58, 61, 61, 0.2);
    }
    .pace-corner-indicator-white .pace .pace-activity::after {
        border-bottom-color: rgba(58, 61, 61, 0.2);
        border-top-color: rgba(58, 61, 61, 0.2);
    }
    .pace-fill-left-white .pace .pace-progress {
        background-color: rgba(36, 37, 37, 0.2);
    }
    .pace-flash-white .pace .pace-progress {
        background-color: #202831;
        background-image: none;
    }
    .pace-flash-white .pace .pace-progress-inner {
        box-shadow: #202831 0px 0px 10px, #202831 0px 0px 5px;
    }
    .pace-flash-white .pace .pace-activity {
        border-left-color: rgb(58, 61, 61);
        border-top-color: rgb(58, 61, 61);
    }
    .pace-loading-bar-white .pace .pace-progress {
        background-color: #202831;
        background-image: none;
        box-shadow: rgb(38, 46, 55) 120px 0px, rgb(38, 46, 55) 240px 0px;
        color: #d1d7e0;
    }
    .pace-loading-bar-white .pace .pace-activity {
        box-shadow: #202831 0px 0px 0px 2px inset, rgb(38, 46, 55) 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-white .pace .pace-progress {
        background-color: #202831;
        box-shadow: #202831 -1px 0px inset, #202831 0px -1px inset, rgba(38, 46, 55, 0.5) 0px 2px inset, rgba(38, 46, 55, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-white .pace .pace-activity {
        background-image: radial-gradient(rgba(38, 46, 55, 0.65) 0px, rgba(38, 46, 55, 0.15) 100%);
    }
    .pace-progress-color-white .pace-progress {
        color: #d1d7e0;
    }
    .pace-gray .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-barber-shop-gray .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-gray .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-barber-shop-gray .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-gray .pace .pace-progress::after {
        color: rgba(159, 151, 136, 0.2);
    }
    .pace-bounce-gray .pace .pace-activity {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-center-atom-gray .pace-progress::before {
        background-color: rgb(96, 100, 101);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-gray .pace-activity {
        border-color: rgb(107, 99, 88);
    }
    .pace-center-atom-gray .pace-activity::after,
    .pace-center-atom-gray .pace-activity::before {
        border-color: rgb(107, 99, 88);
    }
    .pace-center-circle-gray .pace .pace-progress {
        background-color: rgba(96, 100, 101, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-gray .pace .pace-activity {
        border-color: rgb(107, 99, 88) transparent transparent;
    }
    .pace-center-radar-gray .pace .pace-activity::before {
        border-color: rgb(107, 99, 88) transparent transparent;
    }
    .pace-center-simple-gray .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(107, 99, 88);
    }
    .pace-center-simple-gray .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-material-gray .pace {
        color: rgb(159, 151, 136);
    }
    .pace-corner-indicator-gray .pace .pace-activity {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-corner-indicator-gray .pace .pace-activity::after,
    .pace-corner-indicator-gray .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-gray .pace .pace-activity::before {
        border-left-color: rgba(107, 99, 88, 0.2);
        border-right-color: rgba(107, 99, 88, 0.2);
    }
    .pace-corner-indicator-gray .pace .pace-activity::after {
        border-bottom-color: rgba(107, 99, 88, 0.2);
        border-top-color: rgba(107, 99, 88, 0.2);
    }
    .pace-fill-left-gray .pace .pace-progress {
        background-color: rgba(96, 100, 101, 0.2);
    }
    .pace-flash-gray .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
    }
    .pace-flash-gray .pace .pace-progress-inner {
        box-shadow: rgb(96, 100, 101) 0px 0px 10px, rgb(96, 100, 101) 0px 0px 5px;
    }
    .pace-flash-gray .pace .pace-activity {
        border-left-color: rgb(107, 99, 88);
        border-top-color: rgb(107, 99, 88);
    }
    .pace-loading-bar-gray .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: rgb(159, 151, 136);
    }
    .pace-loading-bar-gray .pace .pace-activity {
        box-shadow: rgb(96, 100, 101) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-gray .pace .pace-progress {
        background-color: rgb(96, 100, 101);
        box-shadow: rgb(96, 100, 101) -1px 0px inset, rgb(96, 100, 101) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-gray .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-gray .pace-progress {
        color: rgb(159, 151, 136);
    }
    .pace-gray-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-barber-shop-gray-dark .pace {
        background-color: #202831;
        background-image: none;
    }
    .pace-barber-shop-gray-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-barber-shop-gray-dark .pace .pace-activity {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.2) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.2) 50%, rgba(36, 37, 37, 0.2) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .pace-big-counter-gray-dark .pace .pace-progress::after {
        color: rgba(194, 188, 176, 0.2);
    }
    .pace-bounce-gray-dark .pace .pace-activity {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-center-atom-gray-dark .pace-progress::before {
        background-color: rgb(54, 56, 56);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-atom-gray-dark .pace-activity {
        border-color: rgb(125, 116, 102);
    }
    .pace-center-atom-gray-dark .pace-activity::after,
    .pace-center-atom-gray-dark .pace-activity::before {
        border-color: rgb(125, 116, 102);
    }
    .pace-center-circle-gray-dark .pace .pace-progress {
        background-color: rgba(54, 56, 56, 0.8);
        background-image: none;
        color: #d1d7e0;
    }
    .pace-center-radar-gray-dark .pace .pace-activity {
        border-color: rgb(125, 116, 102) transparent transparent;
    }
    .pace-center-radar-gray-dark .pace .pace-activity::before {
        border-color: rgb(125, 116, 102) transparent transparent;
    }
    .pace-center-simple-gray-dark .pace {
        background-color: #202831;
        background-image: none;
        border-color: rgb(125, 116, 102);
    }
    .pace-center-simple-gray-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-material-gray-dark .pace {
        color: #d1d7e0;
    }
    .pace-corner-indicator-gray-dark .pace .pace-activity {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-corner-indicator-gray-dark .pace .pace-activity::after,
    .pace-corner-indicator-gray-dark .pace .pace-activity::before {
        border-color: rgb(58, 61, 61);
    }
    .pace-corner-indicator-gray-dark .pace .pace-activity::before {
        border-left-color: rgba(125, 116, 102, 0.2);
        border-right-color: rgba(125, 116, 102, 0.2);
    }
    .pace-corner-indicator-gray-dark .pace .pace-activity::after {
        border-bottom-color: rgba(125, 116, 102, 0.2);
        border-top-color: rgba(125, 116, 102, 0.2);
    }
    .pace-fill-left-gray-dark .pace .pace-progress {
        background-color: rgba(54, 56, 56, 0.2);
    }
    .pace-flash-gray-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .pace-flash-gray-dark .pace .pace-progress-inner {
        box-shadow: rgb(54, 56, 56) 0px 0px 10px, rgb(54, 56, 56) 0px 0px 5px;
    }
    .pace-flash-gray-dark .pace .pace-activity {
        border-left-color: rgb(125, 116, 102);
        border-top-color: rgb(125, 116, 102);
    }
    .pace-loading-bar-gray-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        background-image: none;
        box-shadow: #202831 120px 0px, #202831 240px 0px;
        color: #d1d7e0;
    }
    .pace-loading-bar-gray-dark .pace .pace-activity {
        box-shadow: rgb(54, 56, 56) 0px 0px 0px 2px inset, #202831 0px 0px 0px 7px inset;
    }
    .pace-mac-osx-gray-dark .pace .pace-progress {
        background-color: rgb(54, 56, 56);
        box-shadow: rgb(54, 56, 56) -1px 0px inset, rgb(54, 56, 56) 0px -1px inset, rgba(36, 37, 37, 0.5) 0px 2px inset, rgba(36, 37, 37, 0.3) 0px 6px inset;
    }
    .pace-mac-osx-gray-dark .pace .pace-activity {
        background-image: radial-gradient(rgba(36, 37, 37, 0.65) 0px, rgba(36, 37, 37, 0.15) 100%);
    }
    .pace-progress-color-gray-dark .pace-progress {
        color: #d1d7e0;
    }
    .bootstrap-switch {
        border-color: rgb(70, 73, 73);
    }
    .bootstrap-switch:focus-within {
        box-shadow: rgba(23, 102, 185, 0.25) 0px 0px 0px 0.2rem;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
        background-color: rgb(46, 48, 47);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
        background-color: rgb(23, 102, 185);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
        background-color: rgb(96, 100, 101);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
        background-color: rgb(50, 132, 65);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
        background-color: rgb(40, 129, 140);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
        background-color: rgb(148, 115, 22);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
        background-color: rgb(155, 44, 53);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light {
        background-color: rgb(39, 40, 40);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark {
        background-color: rgb(54, 56, 56);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue {
        background-color: rgb(64, 115, 143);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy {
        background-color: rgb(16, 36, 55);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive {
        background-color: rgb(65, 122, 94);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime {
        background-color: rgb(29, 192, 119);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia {
        background-color: rgb(177, 32, 141);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon {
        background-color: rgb(162, 39, 81);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue {
        background-color: rgb(23, 102, 185);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo {
        background-color: rgb(84, 27, 173);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple {
        background-color: rgb(92, 62, 142);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink {
        background-color: rgb(152, 36, 87);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red {
        background-color: rgb(155, 44, 53);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange {
        background-color: rgb(182, 96, 23);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow {
        background-color: rgb(148, 115, 22);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green {
        background-color: rgb(50, 132, 65);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal {
        background-color: rgb(48, 156, 120);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan {
        background-color: rgb(40, 129, 140);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white {
        background-color: #202831;
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray {
        background-color: rgb(96, 100, 101);
        background-image: none;
        color: #d1d7e0;
    }
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark,
    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark {
        background-color: rgb(54, 56, 56);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
        background-color: rgb(59, 62, 62);
        border-color: rgb(119, 110, 98);
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
        background-color: rgb(63, 88, 113);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
        background-color: rgb(96, 100, 101);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
        background-color: rgb(25, 145, 112);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
        background-color: rgb(48, 113, 154);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
        background-color: rgb(183, 125, 31);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
        background-color: rgb(153, 47, 35);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light {
        background-color: rgb(39, 40, 40);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark {
        background-color: rgb(54, 56, 56);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue {
        background-color: rgb(51, 89, 109);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy {
        background-color: rgb(17, 45, 73);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive {
        background-color: rgb(63, 121, 98);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime {
        background-color: rgb(24, 138, 87);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia {
        background-color: rgb(128, 26, 102);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon {
        background-color: rgb(129, 32, 65);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue {
        background-color: rgb(63, 88, 113);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo {
        background-color: rgb(84, 27, 173);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple {
        background-color: rgb(92, 62, 142);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink {
        background-color: rgb(152, 36, 87);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red {
        background-color: rgb(153, 47, 35);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange {
        background-color: rgb(182, 96, 23);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow {
        background-color: rgb(183, 125, 31);
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green {
        background-color: rgb(25, 145, 112);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal {
        background-color: rgb(48, 156, 120);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan {
        background-color: rgb(48, 113, 154);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white {
        background-color: #202831;
        background-image: none;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray {
        background-color: rgb(96, 100, 101);
        background-image: none;
        color: #d1d7e0;
    }
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark,
    .dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark {
        background-color: rgb(54, 56, 56);
        background-image: none;
        color: #d1d7e0;
    }
    .ui-helper-hidden-accessible {
        border-color: currentcolor;
    }
    .sort-highlight {
        background-color: rgb(39, 40, 40);
        background-image: none;
        border-color: rgb(66, 69, 69);
    }
    .dark-mode .irs--flat .irs-line {
        background-color: rgb(72, 75, 76);
    }
    .dark-mode .jsgrid-alt-row > .jsgrid-cell,
    .dark-mode .jsgrid-edit-row > .jsgrid-cell,
    .dark-mode .jsgrid-filter-row > .jsgrid-cell,
    .dark-mode .jsgrid-grid-body,
    .dark-mode .jsgrid-grid-header,
    .dark-mode .jsgrid-header-row > .jsgrid-header-cell,
    .dark-mode .jsgrid-insert-row > .jsgrid-cell,
    .dark-mode .jsgrid-row > .jsgrid-cell {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .jsgrid-header-row > .jsgrid-header-cell,
    .dark-mode .jsgrid-row > .jsgrid-cell {
        background-color: rgb(54, 56, 56);
    }
    .dark-mode .jsgrid-alt-row > .jsgrid-cell {
        background-color: rgb(59, 62, 62);
    }
    .dark-mode .jsgrid-selected-row > .jsgrid-cell {
        background-color: #9198a1;
    }
    .border-transparent {
        border-color: transparent !important;
    }
    .list-group-unbordered > .list-group-item {
        border-left-color: currentcolor;
        border-right-color: currentcolor;
    }
    .list-header {
        color: rgb(159, 151, 136);
    }
    .list-seperator {
        background-color: rgba(13, 13, 13, 0.13);
    }
    .list-link > a {
        color: rgb(159, 151, 136);
    }
    .list-link > a:hover {
        color: #d1d7e0;
    }
    .user-block .description {
        color: rgb(159, 151, 136);
    }
    .img-bordered {
        border-color: rgb(78, 82, 82);
    }
    .img-bordered-sm {
        border-color: rgb(78, 82, 82);
    }
    .attachment-block {
        background-color: rgb(39, 40, 40);
        border-color: rgba(143, 132, 117, 0.13);
    }
    .attachment-block .attachment-text {
        color: #9198a1;
    }
    .card .overlay,
    .info-box .overlay,
    .overlay-wrapper .overlay,
    .small-box .overlay {
        background-color: rgba(36, 37, 37, 0.7);
    }
    .card .overlay > .fa,
    .card .overlay > .fab,
    .card .overlay > .fad,
    .card .overlay > .fal,
    .card .overlay > .far,
    .card .overlay > .fas,
    .card .overlay > .ion,
    .card .overlay > .svg-inline--fa,
    .info-box .overlay > .fa,
    .info-box .overlay > .fab,
    .info-box .overlay > .fad,
    .info-box .overlay > .fal,
    .info-box .overlay > .far,
    .info-box .overlay > .fas,
    .info-box .overlay > .ion,
    .info-box .overlay > .svg-inline--fa,
    .overlay-wrapper .overlay > .fa,
    .overlay-wrapper .overlay > .fab,
    .overlay-wrapper .overlay > .fad,
    .overlay-wrapper .overlay > .fal,
    .overlay-wrapper .overlay > .far,
    .overlay-wrapper .overlay > .fas,
    .overlay-wrapper .overlay > .ion,
    .overlay-wrapper .overlay > .svg-inline--fa,
    .small-box .overlay > .fa,
    .small-box .overlay > .fab,
    .small-box .overlay > .fad,
    .small-box .overlay > .fal,
    .small-box .overlay > .far,
    .small-box .overlay > .fas,
    .small-box .overlay > .ion,
    .small-box .overlay > .svg-inline--fa {
        color: #d1d7e0;
    }
    .card .overlay.dark,
    .info-box .overlay.dark,
    .overlay-wrapper .overlay.dark,
    .small-box .overlay.dark {
        background-color: rgba(13, 13, 13, 0.5);
    }
    .card .overlay.dark > .fa,
    .card .overlay.dark > .fab,
    .card .overlay.dark > .fad,
    .card .overlay.dark > .fal,
    .card .overlay.dark > .far,
    .card .overlay.dark > .fas,
    .card .overlay.dark > .ion,
    .card .overlay.dark > .svg-inline--fa,
    .info-box .overlay.dark > .fa,
    .info-box .overlay.dark > .fab,
    .info-box .overlay.dark > .fad,
    .info-box .overlay.dark > .fal,
    .info-box .overlay.dark > .far,
    .info-box .overlay.dark > .fas,
    .info-box .overlay.dark > .ion,
    .info-box .overlay.dark > .svg-inline--fa,
    .overlay-wrapper .overlay.dark > .fa,
    .overlay-wrapper .overlay.dark > .fab,
    .overlay-wrapper .overlay.dark > .fad,
    .overlay-wrapper .overlay.dark > .fal,
    .overlay-wrapper .overlay.dark > .far,
    .overlay-wrapper .overlay.dark > .fas,
    .overlay-wrapper .overlay.dark > .ion,
    .overlay-wrapper .overlay.dark > .svg-inline--fa,
    .small-box .overlay.dark > .fa,
    .small-box .overlay.dark > .fab,
    .small-box .overlay.dark > .fad,
    .small-box .overlay.dark > .fal,
    .small-box .overlay.dark > .far,
    .small-box .overlay.dark > .fas,
    .small-box .overlay.dark > .ion,
    .small-box .overlay.dark > .svg-inline--fa {
        color: rgb(204, 197, 187);
    }
    .tab-pane > .overlay-wrapper > .overlay.dark {
        color: #d1d7e0;
    }
    .ribbon-wrapper .ribbon {
        box-shadow: rgba(13, 13, 13, 0.3) 0px 0px 3px;
        text-shadow: rgba(13, 13, 13, 0.4) 0px -1px 0px;
    }
    .ribbon-wrapper .ribbon::after,
    .ribbon-wrapper .ribbon::before {
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: rgb(84, 88, 88);
    }
    .back-to-top:focus {
        box-shadow: none;
    }
    blockquote {
        background-color: #202831;
        border-left-color: rgb(22, 91, 164);
    }
    .box blockquote {
        background-color: rgb(46, 48, 47);
    }
    blockquote h1,
    blockquote h2,
    blockquote h3,
    blockquote h4,
    blockquote h5,
    blockquote h6 {
        color: rgb(72, 160, 231);
    }
    blockquote.quote-primary {
        border-color: rgb(22, 91, 164);
    }
    blockquote.quote-primary h1,
    blockquote.quote-primary h2,
    blockquote.quote-primary h3,
    blockquote.quote-primary h4,
    blockquote.quote-primary h5,
    blockquote.quote-primary h6 {
        color: rgb(72, 160, 231);
    }
    blockquote.quote-secondary {
        border-color: rgb(107, 99, 88);
    }
    blockquote.quote-secondary h1,
    blockquote.quote-secondary h2,
    blockquote.quote-secondary h3,
    blockquote.quote-secondary h4,
    blockquote.quote-secondary h5,
    blockquote.quote-secondary h6 {
        color: rgb(159, 151, 136);
    }
    blockquote.quote-success {
        border-color: rgb(56, 151, 74);
    }
    blockquote.quote-success h1,
    blockquote.quote-success h2,
    blockquote.quote-success h3,
    blockquote.quote-success h4,
    blockquote.quote-success h5,
    blockquote.quote-success h6 {
        color: rgb(112, 207, 127);
    }
    blockquote.quote-info {
        border-color: rgb(44, 148, 161);
    }
    blockquote.quote-info h1,
    blockquote.quote-info h2,
    blockquote.quote-info h3,
    blockquote.quote-info h4,
    blockquote.quote-info h5,
    blockquote.quote-info h6 {
        color: rgb(100, 204, 216);
    }
    blockquote.quote-warning {
        border-color: rgb(171, 134, 23);
    }
    blockquote.quote-warning h1,
    blockquote.quote-warning h2,
    blockquote.quote-warning h3,
    blockquote.quote-warning h4,
    blockquote.quote-warning h5,
    blockquote.quote-warning h6 {
        color: rgb(243, 195, 53);
    }
    blockquote.quote-danger {
        border-color: rgb(141, 41, 48);
    }
    blockquote.quote-danger h1,
    blockquote.quote-danger h2,
    blockquote.quote-danger h3,
    blockquote.quote-danger h4,
    blockquote.quote-danger h5,
    blockquote.quote-danger h6 {
        color: rgb(208, 82, 91);
    }
    blockquote.quote-light {
        border-color: rgb(60, 63, 63);
    }
    blockquote.quote-light h1,
    blockquote.quote-light h2,
    blockquote.quote-light h3,
    blockquote.quote-light h4,
    blockquote.quote-light h5,
    blockquote.quote-light h6 {
        color: rgb(225, 221, 212);
    }
    blockquote.quote-dark {
        border-color: rgb(125, 116, 102);
    }
    blockquote.quote-dark h1,
    blockquote.quote-dark h2,
    blockquote.quote-dark h3,
    blockquote.quote-dark h4,
    blockquote.quote-dark h5,
    blockquote.quote-dark h6 {
        color: #d1d7e0;
    }
    blockquote.quote-lightblue {
        border-color: rgb(60, 106, 131);
    }
    blockquote.quote-lightblue h1,
    blockquote.quote-lightblue h2,
    blockquote.quote-lightblue h3,
    blockquote.quote-lightblue h4,
    blockquote.quote-lightblue h5,
    blockquote.quote-lightblue h6 {
        color: rgb(99, 156, 188);
    }
    blockquote.quote-navy {
        border-color: rgb(133, 123, 109);
    }
    blockquote.quote-navy h1,
    blockquote.quote-navy h2,
    blockquote.quote-navy h3,
    blockquote.quote-navy h4,
    blockquote.quote-navy h5,
    blockquote.quote-navy h6 {
        color: #9198a1;
    }
    blockquote.quote-olive {
        border-color: rgb(70, 135, 103);
    }
    blockquote.quote-olive h1,
    blockquote.quote-olive h2,
    blockquote.quote-olive h3,
    blockquote.quote-olive h4,
    blockquote.quote-olive h5,
    blockquote.quote-olive h6 {
        color: rgb(123, 192, 156);
    }
    blockquote.quote-lime {
        border-color: rgb(27, 169, 85);
    }
    blockquote.quote-lime h1,
    blockquote.quote-lime h2,
    blockquote.quote-lime h3,
    blockquote.quote-lime h4,
    blockquote.quote-lime h5,
    blockquote.quote-lime h6 {
        color: rgb(55, 238, 129);
    }
    blockquote.quote-fuchsia {
        border-color: rgb(157, 30, 126);
    }
    blockquote.quote-fuchsia h1,
    blockquote.quote-fuchsia h2,
    blockquote.quote-fuchsia h3,
    blockquote.quote-fuchsia h4,
    blockquote.quote-fuchsia h5,
    blockquote.quote-fuchsia h6 {
        color: rgb(223, 59, 182);
    }
    blockquote.quote-maroon {
        border-color: rgb(153, 37, 77);
    }
    blockquote.quote-maroon h1,
    blockquote.quote-maroon h2,
    blockquote.quote-maroon h3,
    blockquote.quote-maroon h4,
    blockquote.quote-maroon h5,
    blockquote.quote-maroon h6 {
        color: rgb(214, 73, 121);
    }
    blockquote.quote-blue {
        border-color: rgb(22, 91, 164);
    }
    blockquote.quote-blue h1,
    blockquote.quote-blue h2,
    blockquote.quote-blue h3,
    blockquote.quote-blue h4,
    blockquote.quote-blue h5,
    blockquote.quote-blue h6 {
        color: rgb(72, 160, 231);
    }
    blockquote.quote-indigo {
        border-color: rgb(76, 26, 153);
    }
    blockquote.quote-indigo h1,
    blockquote.quote-indigo h2,
    blockquote.quote-indigo h3,
    blockquote.quote-indigo h4,
    blockquote.quote-indigo h5,
    blockquote.quote-indigo h6 {
        color: rgb(119, 54, 217);
    }
    blockquote.quote-purple {
        border-color: rgb(83, 56, 127);
    }
    blockquote.quote-purple h1,
    blockquote.quote-purple h2,
    blockquote.quote-purple h3,
    blockquote.quote-purple h4,
    blockquote.quote-purple h5,
    blockquote.quote-purple h6 {
        color: rgb(128, 93, 183);
    }
    blockquote.quote-pink {
        border-color: rgb(142, 35, 81);
    }
    blockquote.quote-pink h1,
    blockquote.quote-pink h2,
    blockquote.quote-pink h3,
    blockquote.quote-pink h4,
    blockquote.quote-pink h5,
    blockquote.quote-pink h6 {
        color: rgb(218, 87, 143);
    }
    blockquote.quote-red {
        border-color: rgb(141, 41, 48);
    }
    blockquote.quote-red h1,
    blockquote.quote-red h2,
    blockquote.quote-red h3,
    blockquote.quote-red h4,
    blockquote.quote-red h5,
    blockquote.quote-red h6 {
        color: rgb(208, 82, 91);
    }
    blockquote.quote-orange {
        border-color: rgb(164, 87, 21);
    }
    blockquote.quote-orange h1,
    blockquote.quote-orange h2,
    blockquote.quote-orange h3,
    blockquote.quote-orange h4,
    blockquote.quote-orange h5,
    blockquote.quote-orange h6 {
        color: rgb(237, 141, 58);
    }
    blockquote.quote-yellow {
        border-color: rgb(171, 134, 23);
    }
    blockquote.quote-yellow h1,
    blockquote.quote-yellow h2,
    blockquote.quote-yellow h3,
    blockquote.quote-yellow h4,
    blockquote.quote-yellow h5,
    blockquote.quote-yellow h6 {
        color: rgb(243, 195, 53);
    }
    blockquote.quote-green {
        border-color: rgb(56, 151, 74);
    }
    blockquote.quote-green h1,
    blockquote.quote-green h2,
    blockquote.quote-green h3,
    blockquote.quote-green h4,
    blockquote.quote-green h5,
    blockquote.quote-green h6 {
        color: rgb(112, 207, 127);
    }
    blockquote.quote-teal {
        border-color: rgb(47, 155, 120);
    }
    blockquote.quote-teal h1,
    blockquote.quote-teal h2,
    blockquote.quote-teal h3,
    blockquote.quote-teal h4,
    blockquote.quote-teal h5,
    blockquote.quote-teal h6 {
        color: rgb(91, 215, 173);
    }
    blockquote.quote-cyan {
        border-color: rgb(44, 148, 161);
    }
    blockquote.quote-cyan h1,
    blockquote.quote-cyan h2,
    blockquote.quote-cyan h3,
    blockquote.quote-cyan h4,
    blockquote.quote-cyan h5,
    blockquote.quote-cyan h6 {
        color: rgb(100, 204, 216);
    }
    blockquote.quote-white {
        border-color: rgb(58, 61, 61);
    }
    blockquote.quote-white h1,
    blockquote.quote-white h2,
    blockquote.quote-white h3,
    blockquote.quote-white h4,
    blockquote.quote-white h5,
    blockquote.quote-white h6 {
        color: #d1d7e0;
    }
    blockquote.quote-gray {
        border-color: rgb(107, 99, 88);
    }
    blockquote.quote-gray h1,
    blockquote.quote-gray h2,
    blockquote.quote-gray h3,
    blockquote.quote-gray h4,
    blockquote.quote-gray h5,
    blockquote.quote-gray h6 {
        color: rgb(159, 151, 136);
    }
    blockquote.quote-gray-dark {
        border-color: rgb(125, 116, 102);
    }
    blockquote.quote-gray-dark h1,
    blockquote.quote-gray-dark h2,
    blockquote.quote-gray-dark h3,
    blockquote.quote-gray-dark h4,
    blockquote.quote-gray-dark h5,
    blockquote.quote-gray-dark h6 {
        color: #d1d7e0;
    }
    .tab-custom-content {
        border-top-color: rgb(66, 69, 69);
    }
    .nav + .tab-custom-content {
        border-bottom-color: rgb(66, 69, 69);
        border-top-color: currentcolor;
    }
    .dark-mode a:not(.btn):hover {
        color: rgb(81, 164, 232);
    }
    .dark-mode .attachment-block {
        background-color: rgb(61, 63, 64);
    }
    .dark-mode .attachment-block .attachment-text {
        color: rgb(204, 197, 187);
    }
    .dark-mode blockquote {
        background-color: #9198a1;
    }
    .dark-mode blockquote.quote-primary {
        border-color: rgb(22, 91, 164);
    }
    .dark-mode blockquote.quote-primary h1,
    .dark-mode blockquote.quote-primary h2,
    .dark-mode blockquote.quote-primary h3,
    .dark-mode blockquote.quote-primary h4,
    .dark-mode blockquote.quote-primary h5,
    .dark-mode blockquote.quote-primary h6 {
        color: rgb(72, 160, 231);
    }
    .dark-mode blockquote.quote-secondary {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode blockquote.quote-secondary h1,
    .dark-mode blockquote.quote-secondary h2,
    .dark-mode blockquote.quote-secondary h3,
    .dark-mode blockquote.quote-secondary h4,
    .dark-mode blockquote.quote-secondary h5,
    .dark-mode blockquote.quote-secondary h6 {
        color: rgb(159, 151, 136);
    }
    .dark-mode blockquote.quote-success {
        border-color: rgb(56, 151, 74);
    }
    .dark-mode blockquote.quote-success h1,
    .dark-mode blockquote.quote-success h2,
    .dark-mode blockquote.quote-success h3,
    .dark-mode blockquote.quote-success h4,
    .dark-mode blockquote.quote-success h5,
    .dark-mode blockquote.quote-success h6 {
        color: rgb(112, 207, 127);
    }
    .dark-mode blockquote.quote-info {
        border-color: rgb(44, 148, 161);
    }
    .dark-mode blockquote.quote-info h1,
    .dark-mode blockquote.quote-info h2,
    .dark-mode blockquote.quote-info h3,
    .dark-mode blockquote.quote-info h4,
    .dark-mode blockquote.quote-info h5,
    .dark-mode blockquote.quote-info h6 {
        color: rgb(100, 204, 216);
    }
    .dark-mode blockquote.quote-warning {
        border-color: rgb(171, 134, 23);
    }
    .dark-mode blockquote.quote-warning h1,
    .dark-mode blockquote.quote-warning h2,
    .dark-mode blockquote.quote-warning h3,
    .dark-mode blockquote.quote-warning h4,
    .dark-mode blockquote.quote-warning h5,
    .dark-mode blockquote.quote-warning h6 {
        color: rgb(243, 195, 53);
    }
    .dark-mode blockquote.quote-danger {
        border-color: rgb(141, 41, 48);
    }
    .dark-mode blockquote.quote-danger h1,
    .dark-mode blockquote.quote-danger h2,
    .dark-mode blockquote.quote-danger h3,
    .dark-mode blockquote.quote-danger h4,
    .dark-mode blockquote.quote-danger h5,
    .dark-mode blockquote.quote-danger h6 {
        color: rgb(208, 82, 91);
    }
    .dark-mode blockquote.quote-light {
        border-color: rgb(60, 63, 63);
    }
    .dark-mode blockquote.quote-light h1,
    .dark-mode blockquote.quote-light h2,
    .dark-mode blockquote.quote-light h3,
    .dark-mode blockquote.quote-light h4,
    .dark-mode blockquote.quote-light h5,
    .dark-mode blockquote.quote-light h6 {
        color: rgb(225, 221, 212);
    }
    .dark-mode blockquote.quote-dark {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode blockquote.quote-dark h1,
    .dark-mode blockquote.quote-dark h2,
    .dark-mode blockquote.quote-dark h3,
    .dark-mode blockquote.quote-dark h4,
    .dark-mode blockquote.quote-dark h5,
    .dark-mode blockquote.quote-dark h6 {
        color: #d1d7e0;
    }
    .dark-mode blockquote.quote-lightblue {
        border-color: rgb(60, 106, 131);
    }
    .dark-mode blockquote.quote-lightblue h1,
    .dark-mode blockquote.quote-lightblue h2,
    .dark-mode blockquote.quote-lightblue h3,
    .dark-mode blockquote.quote-lightblue h4,
    .dark-mode blockquote.quote-lightblue h5,
    .dark-mode blockquote.quote-lightblue h6 {
        color: rgb(99, 156, 188);
    }
    .dark-mode blockquote.quote-navy {
        border-color: rgb(133, 123, 109);
    }
    .dark-mode blockquote.quote-navy h1,
    .dark-mode blockquote.quote-navy h2,
    .dark-mode blockquote.quote-navy h3,
    .dark-mode blockquote.quote-navy h4,
    .dark-mode blockquote.quote-navy h5,
    .dark-mode blockquote.quote-navy h6 {
        color: #9198a1;
    }
    .dark-mode blockquote.quote-olive {
        border-color: rgb(70, 135, 103);
    }
    .dark-mode blockquote.quote-olive h1,
    .dark-mode blockquote.quote-olive h2,
    .dark-mode blockquote.quote-olive h3,
    .dark-mode blockquote.quote-olive h4,
    .dark-mode blockquote.quote-olive h5,
    .dark-mode blockquote.quote-olive h6 {
        color: rgb(123, 192, 156);
    }
    .dark-mode blockquote.quote-lime {
        border-color: rgb(27, 169, 85);
    }
    .dark-mode blockquote.quote-lime h1,
    .dark-mode blockquote.quote-lime h2,
    .dark-mode blockquote.quote-lime h3,
    .dark-mode blockquote.quote-lime h4,
    .dark-mode blockquote.quote-lime h5,
    .dark-mode blockquote.quote-lime h6 {
        color: rgb(55, 238, 129);
    }
    .dark-mode blockquote.quote-fuchsia {
        border-color: rgb(157, 30, 126);
    }
    .dark-mode blockquote.quote-fuchsia h1,
    .dark-mode blockquote.quote-fuchsia h2,
    .dark-mode blockquote.quote-fuchsia h3,
    .dark-mode blockquote.quote-fuchsia h4,
    .dark-mode blockquote.quote-fuchsia h5,
    .dark-mode blockquote.quote-fuchsia h6 {
        color: rgb(223, 59, 182);
    }
    .dark-mode blockquote.quote-maroon {
        border-color: rgb(153, 37, 77);
    }
    .dark-mode blockquote.quote-maroon h1,
    .dark-mode blockquote.quote-maroon h2,
    .dark-mode blockquote.quote-maroon h3,
    .dark-mode blockquote.quote-maroon h4,
    .dark-mode blockquote.quote-maroon h5,
    .dark-mode blockquote.quote-maroon h6 {
        color: rgb(214, 73, 121);
    }
    .dark-mode blockquote.quote-blue {
        border-color: rgb(22, 91, 164);
    }
    .dark-mode blockquote.quote-blue h1,
    .dark-mode blockquote.quote-blue h2,
    .dark-mode blockquote.quote-blue h3,
    .dark-mode blockquote.quote-blue h4,
    .dark-mode blockquote.quote-blue h5,
    .dark-mode blockquote.quote-blue h6 {
        color: rgb(72, 160, 231);
    }
    .dark-mode blockquote.quote-indigo {
        border-color: rgb(76, 26, 153);
    }
    .dark-mode blockquote.quote-indigo h1,
    .dark-mode blockquote.quote-indigo h2,
    .dark-mode blockquote.quote-indigo h3,
    .dark-mode blockquote.quote-indigo h4,
    .dark-mode blockquote.quote-indigo h5,
    .dark-mode blockquote.quote-indigo h6 {
        color: rgb(119, 54, 217);
    }
    .dark-mode blockquote.quote-purple {
        border-color: rgb(83, 56, 127);
    }
    .dark-mode blockquote.quote-purple h1,
    .dark-mode blockquote.quote-purple h2,
    .dark-mode blockquote.quote-purple h3,
    .dark-mode blockquote.quote-purple h4,
    .dark-mode blockquote.quote-purple h5,
    .dark-mode blockquote.quote-purple h6 {
        color: rgb(128, 93, 183);
    }
    .dark-mode blockquote.quote-pink {
        border-color: rgb(142, 35, 81);
    }
    .dark-mode blockquote.quote-pink h1,
    .dark-mode blockquote.quote-pink h2,
    .dark-mode blockquote.quote-pink h3,
    .dark-mode blockquote.quote-pink h4,
    .dark-mode blockquote.quote-pink h5,
    .dark-mode blockquote.quote-pink h6 {
        color: rgb(218, 87, 143);
    }
    .dark-mode blockquote.quote-red {
        border-color: rgb(141, 41, 48);
    }
    .dark-mode blockquote.quote-red h1,
    .dark-mode blockquote.quote-red h2,
    .dark-mode blockquote.quote-red h3,
    .dark-mode blockquote.quote-red h4,
    .dark-mode blockquote.quote-red h5,
    .dark-mode blockquote.quote-red h6 {
        color: rgb(208, 82, 91);
    }
    .dark-mode blockquote.quote-orange {
        border-color: rgb(164, 87, 21);
    }
    .dark-mode blockquote.quote-orange h1,
    .dark-mode blockquote.quote-orange h2,
    .dark-mode blockquote.quote-orange h3,
    .dark-mode blockquote.quote-orange h4,
    .dark-mode blockquote.quote-orange h5,
    .dark-mode blockquote.quote-orange h6 {
        color: rgb(237, 141, 58);
    }
    .dark-mode blockquote.quote-yellow {
        border-color: rgb(171, 134, 23);
    }
    .dark-mode blockquote.quote-yellow h1,
    .dark-mode blockquote.quote-yellow h2,
    .dark-mode blockquote.quote-yellow h3,
    .dark-mode blockquote.quote-yellow h4,
    .dark-mode blockquote.quote-yellow h5,
    .dark-mode blockquote.quote-yellow h6 {
        color: rgb(243, 195, 53);
    }
    .dark-mode blockquote.quote-green {
        border-color: rgb(56, 151, 74);
    }
    .dark-mode blockquote.quote-green h1,
    .dark-mode blockquote.quote-green h2,
    .dark-mode blockquote.quote-green h3,
    .dark-mode blockquote.quote-green h4,
    .dark-mode blockquote.quote-green h5,
    .dark-mode blockquote.quote-green h6 {
        color: rgb(112, 207, 127);
    }
    .dark-mode blockquote.quote-teal {
        border-color: rgb(47, 155, 120);
    }
    .dark-mode blockquote.quote-teal h1,
    .dark-mode blockquote.quote-teal h2,
    .dark-mode blockquote.quote-teal h3,
    .dark-mode blockquote.quote-teal h4,
    .dark-mode blockquote.quote-teal h5,
    .dark-mode blockquote.quote-teal h6 {
        color: rgb(91, 215, 173);
    }
    .dark-mode blockquote.quote-cyan {
        border-color: rgb(44, 148, 161);
    }
    .dark-mode blockquote.quote-cyan h1,
    .dark-mode blockquote.quote-cyan h2,
    .dark-mode blockquote.quote-cyan h3,
    .dark-mode blockquote.quote-cyan h4,
    .dark-mode blockquote.quote-cyan h5,
    .dark-mode blockquote.quote-cyan h6 {
        color: rgb(100, 204, 216);
    }
    .dark-mode blockquote.quote-white {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode blockquote.quote-white h1,
    .dark-mode blockquote.quote-white h2,
    .dark-mode blockquote.quote-white h3,
    .dark-mode blockquote.quote-white h4,
    .dark-mode blockquote.quote-white h5,
    .dark-mode blockquote.quote-white h6 {
        color: #d1d7e0;
    }
    .dark-mode blockquote.quote-gray {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode blockquote.quote-gray h1,
    .dark-mode blockquote.quote-gray h2,
    .dark-mode blockquote.quote-gray h3,
    .dark-mode blockquote.quote-gray h4,
    .dark-mode blockquote.quote-gray h5,
    .dark-mode blockquote.quote-gray h6 {
        color: rgb(159, 151, 136);
    }
    .dark-mode blockquote.quote-gray-dark {
        border-color: rgb(125, 116, 102);
    }
    .dark-mode blockquote.quote-gray-dark h1,
    .dark-mode blockquote.quote-gray-dark h2,
    .dark-mode blockquote.quote-gray-dark h3,
    .dark-mode blockquote.quote-gray-dark h4,
    .dark-mode blockquote.quote-gray-dark h5,
    .dark-mode blockquote.quote-gray-dark h6 {
        color: #d1d7e0;
    }
    .dark-mode .close,
    .dark-mode .mailbox-attachment-close {
        color: rgb(185, 177, 166);
        text-shadow: rgb(70, 73, 73) 0px 1px 0px;
    }
    .dark-mode .tab-custom-content {
        border-color: rgb(107, 99, 88);
    }
    .dark-mode .list-group-item {
        background-color: rgb(54, 56, 56);
        border-color: rgb(107, 99, 88);
    }
    .text-lightblue {
        color: rgb(99, 156, 188) !important;
    }
    .text-navy {
        color: #9198a1 !important;
    }
    .text-olive {
        color: rgb(123, 192, 156) !important;
    }
    .text-lime {
        color: rgb(55, 238, 129) !important;
    }
    .text-fuchsia {
        color: rgb(223, 59, 182) !important;
    }
    .text-maroon {
        color: rgb(214, 73, 121) !important;
    }
    .text-blue {
        color: rgb(72, 160, 231) !important;
    }
    .text-indigo {
        color: rgb(119, 54, 217) !important;
    }
    .text-purple {
        color: rgb(128, 93, 183) !important;
    }
    .text-pink {
        color: rgb(218, 87, 143) !important;
    }
    .text-red {
        color: rgb(208, 82, 91) !important;
    }
    .text-orange {
        color: rgb(237, 141, 58) !important;
    }
    .text-yellow {
        color: rgb(243, 195, 53) !important;
    }
    .text-green {
        color: rgb(112, 207, 127) !important;
    }
    .text-teal {
        color: rgb(91, 215, 173) !important;
    }
    .text-cyan {
        color: rgb(100, 204, 216) !important;
    }
    .text-white {
        color: #d1d7e0 !important;
    }
    .text-gray {
        color: rgb(159, 151, 136) !important;
    }
    .text-gray-dark {
        color: #d1d7e0 !important;
    }
    .dark-mode .text-muted {
        color: rgb(185, 177, 166) !important;
    }
    .dark-mode .text-lightblue {
        color: rgb(141, 182, 201) !important;
    }
    .dark-mode .text-navy {
        color: rgb(203, 196, 186) !important;
    }
    .dark-mode .text-olive {
        color: rgb(132, 195, 162) !important;
    }
    .dark-mode .text-lime {
        color: rgb(117, 241, 164) !important;
    }
    .dark-mode .text-fuchsia {
        color: rgb(232, 118, 200) !important;
    }
    .dark-mode .text-maroon {
        color: rgb(224, 116, 150) !important;
    }
    .dark-mode .text-blue {
        color: rgb(140, 168, 190) !important;
    }
    .dark-mode .text-indigo {
        color: rgb(119, 54, 217) !important;
    }
    .dark-mode .text-purple {
        color: rgb(128, 93, 183) !important;
    }
    .dark-mode .text-pink {
        color: rgb(218, 87, 143) !important;
    }
    .dark-mode .text-red {
        color: rgb(218, 98, 83) !important;
    }
    .dark-mode .text-orange {
        color: rgb(237, 141, 58) !important;
    }
    .dark-mode .text-yellow {
        color: rgb(232, 165, 60) !important;
    }
    .dark-mode .text-green {
        color: rgb(95, 241, 198) !important;
    }
    .dark-mode .text-teal {
        color: rgb(91, 215, 173) !important;
    }
    .dark-mode .text-cyan {
        color: rgb(87, 159, 205) !important;
    }
    .dark-mode .text-white {
        color: #d1d7e0 !important;
    }
    .dark-mode .text-gray {
        color: rgb(159, 151, 136) !important;
    }
    .dark-mode .text-gray-dark {
        color: #d1d7e0 !important;
    }
    .elevation-0 {
        box-shadow: none !important;
    }
    .elevation-1 {
        box-shadow: rgba(13, 13, 13, 0.12) 0px 1px 3px, rgba(13, 13, 13, 0.24) 0px 1px 2px !important;
    }
    .elevation-2 {
        box-shadow: rgba(13, 13, 13, 0.16) 0px 3px 6px, rgba(13, 13, 13, 0.23) 0px 3px 6px !important;
    }
    .elevation-3 {
        box-shadow: rgba(13, 13, 13, 0.19) 0px 10px 20px, rgba(13, 13, 13, 0.23) 0px 6px 6px !important;
    }
    .elevation-4 {
        box-shadow: rgba(13, 13, 13, 0.25) 0px 14px 28px, rgba(13, 13, 13, 0.22) 0px 10px 10px !important;
    }
    .elevation-5 {
        box-shadow: rgba(13, 13, 13, 0.3) 0px 19px 38px, rgba(13, 13, 13, 0.22) 0px 15px 12px !important;
    }
    .bg-primary {
        background-color: rgb(23, 102, 185) !important;
    }
    .bg-primary,
    .bg-primary > a {
        color: #d1d7e0 !important;
    }
    .bg-primary.btn:hover {
        border-color: rgb(23, 97, 177);
        color: rgb(218, 212, 203);
    }
    .bg-primary.btn.active,
    .bg-primary.btn:active,
    .bg-primary.btn:not(:disabled):not(.disabled).active,
    .bg-primary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(21, 83, 150) !important;
        border-color: rgb(23, 99, 180);
        color: #d1d7e0;
    }
    .bg-secondary {
        background-color: rgb(96, 100, 101) !important;
    }
    .bg-secondary,
    .bg-secondary > a {
        color: #d1d7e0 !important;
    }
    .bg-secondary.btn:hover {
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .bg-secondary.btn.active,
    .bg-secondary.btn:active,
    .bg-secondary.btn:not(:disabled):not(.disabled).active,
    .bg-secondary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(78, 81, 81) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .bg-success {
        background-color: rgb(50, 132, 65) !important;
    }
    .bg-success,
    .bg-success > a {
        color: #d1d7e0 !important;
    }
    .bg-success.btn:hover {
        border-color: rgb(60, 162, 78);
        color: rgb(218, 212, 203);
    }
    .bg-success.btn.active,
    .bg-success.btn:active,
    .bg-success.btn:not(:disabled):not(.disabled).active,
    .bg-success.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(41, 102, 53) !important;
        border-color: rgb(61, 164, 80);
        color: #d1d7e0;
    }
    .bg-info {
        background-color: rgb(40, 129, 140) !important;
    }
    .bg-info,
    .bg-info > a {
        color: #d1d7e0 !important;
    }
    .bg-info.btn:hover {
        border-color: rgb(47, 159, 174);
        color: rgb(218, 212, 203);
    }
    .bg-info.btn.active,
    .bg-info.btn:active,
    .bg-info.btn:not(:disabled):not(.disabled).active,
    .bg-info.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(34, 101, 109) !important;
        border-color: rgb(48, 161, 176);
        color: #d1d7e0;
    }
    .bg-warning {
        background-color: rgb(148, 115, 22) !important;
    }
    .bg-warning,
    .bg-warning > a {
        color: rgb(202, 195, 185) !important;
    }
    .bg-warning.btn:hover {
        border-color: rgb(185, 145, 24);
        color: rgb(213, 207, 197);
    }
    .bg-warning.btn.active,
    .bg-warning.btn:active,
    .bg-warning.btn:not(:disabled):not(.disabled).active,
    .bg-warning.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(165, 128, 23) !important;
        border-color: rgb(189, 147, 25);
        color: rgb(202, 195, 185);
    }
    .bg-danger {
        background-color: rgb(155, 44, 53) !important;
    }
    .bg-danger,
    .bg-danger > a {
        color: #d1d7e0 !important;
    }
    .bg-danger.btn:hover {
        border-color: rgb(151, 43, 52);
        color: rgb(218, 212, 203);
    }
    .bg-danger.btn.active,
    .bg-danger.btn:active,
    .bg-danger.btn:not(:disabled):not(.disabled).active,
    .bg-danger.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(143, 41, 49) !important;
        border-color: rgb(155, 44, 52);
        color: #d1d7e0;
    }
    .bg-light {
        background-color: rgb(39, 40, 40) !important;
    }
    .bg-light,
    .bg-light > a {
        color: rgb(202, 195, 185) !important;
    }
    .bg-light.btn:hover {
        border-color: rgb(67, 70, 70);
        color: rgb(213, 207, 197);
    }
    .bg-light.btn.active,
    .bg-light.btn:active,
    .bg-light.btn:not(:disabled):not(.disabled).active,
    .bg-light.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(53, 54, 54) !important;
        border-color: rgb(69, 72, 71);
        color: rgb(202, 195, 185);
    }
    .bg-dark {
        background-color: rgb(54, 56, 56) !important;
    }
    .bg-dark,
    .bg-dark > a {
        color: #d1d7e0 !important;
    }
    .bg-dark.btn:hover {
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .bg-dark.btn.active,
    .bg-dark.btn:active,
    .bg-dark.btn:not(:disabled):not(.disabled).active,
    .bg-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(36, 38, 38) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .bg-lightblue {
        background-color: rgb(64, 115, 143) !important;
    }
    .bg-lightblue,
    .bg-lightblue > a {
        color: #d1d7e0 !important;
    }
    .bg-lightblue.btn:hover {
        border-color: rgb(64, 114, 141);
        color: rgb(218, 212, 203);
    }
    .bg-lightblue.btn.active,
    .bg-lightblue.btn:active,
    .bg-lightblue.btn:not(:disabled):not(.disabled).active,
    .bg-lightblue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(54, 94, 116) !important;
        border-color: rgb(65, 115, 143);
        color: #d1d7e0;
    }
    .bg-navy {
        background-color: rgb(16, 36, 55) !important;
    }
    .bg-navy,
    .bg-navy > a {
        color: #d1d7e0 !important;
    }
    .bg-navy.btn:hover {
        border-color: rgb(141, 131, 115);
        color: rgb(218, 212, 203);
    }
    .bg-navy.btn.active,
    .bg-navy.btn:active,
    .bg-navy.btn:not(:disabled):not(.disabled).active,
    .bg-navy.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(14, 18, 21) !important;
        border-color: rgb(143, 132, 117);
        color: #d1d7e0;
    }
    .bg-olive {
        background-color: rgb(65, 122, 94) !important;
    }
    .bg-olive,
    .bg-olive > a {
        color: #d1d7e0 !important;
    }
    .bg-olive.btn:hover {
        border-color: rgb(74, 145, 109);
        color: rgb(218, 212, 203);
    }
    .bg-olive.btn.active,
    .bg-olive.btn:active,
    .bg-olive.btn:not(:disabled):not(.disabled).active,
    .bg-olive.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(52, 97, 74) !important;
        border-color: rgb(76, 147, 113);
        color: #d1d7e0;
    }
    .bg-lime {
        background-color: rgb(29, 192, 119) !important;
    }
    .bg-lime,
    .bg-lime > a {
        color: rgb(202, 195, 185) !important;
    }
    .bg-lime.btn:hover {
        border-color: rgb(28, 183, 92);
        color: rgb(213, 207, 197);
    }
    .bg-lime.btn.active,
    .bg-lime.btn:active,
    .bg-lime.btn:not(:disabled):not(.disabled).active,
    .bg-lime.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(26, 157, 80) !important;
        border-color: rgb(28, 186, 93);
        color: #d1d7e0;
    }
    .bg-fuchsia {
        background-color: rgb(177, 32, 141) !important;
    }
    .bg-fuchsia,
    .bg-fuchsia > a {
        color: #d1d7e0 !important;
    }
    .bg-fuchsia.btn:hover {
        border-color: rgb(170, 30, 136);
        color: rgb(218, 212, 203);
    }
    .bg-fuchsia.btn.active,
    .bg-fuchsia.btn:active,
    .bg-fuchsia.btn:not(:disabled):not(.disabled).active,
    .bg-fuchsia.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(148, 28, 118) !important;
        border-color: rgb(172, 31, 137);
        color: #d1d7e0;
    }
    .bg-maroon {
        background-color: rgb(162, 39, 81) !important;
    }
    .bg-maroon,
    .bg-maroon > a {
        color: #d1d7e0 !important;
    }
    .bg-maroon.btn:hover {
        border-color: rgb(165, 39, 82);
        color: rgb(218, 212, 203);
    }
    .bg-maroon.btn.active,
    .bg-maroon.btn:active,
    .bg-maroon.btn:not(:disabled):not(.disabled).active,
    .bg-maroon.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(131, 33, 67) !important;
        border-color: rgb(167, 39, 84);
        color: #d1d7e0;
    }
    .bg-blue {
        background-color: rgb(23, 102, 185) !important;
    }
    .bg-blue,
    .bg-blue > a {
        color: #d1d7e0 !important;
    }
    .bg-blue.btn:hover {
        border-color: rgb(23, 97, 177);
        color: rgb(218, 212, 203);
    }
    .bg-blue.btn.active,
    .bg-blue.btn:active,
    .bg-blue.btn:not(:disabled):not(.disabled).active,
    .bg-blue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(21, 83, 150) !important;
        border-color: rgb(23, 99, 180);
        color: #d1d7e0;
    }
    .bg-indigo {
        background-color: rgb(84, 27, 173) !important;
    }
    .bg-indigo,
    .bg-indigo > a {
        color: #d1d7e0 !important;
    }
    .bg-indigo.btn:hover {
        border-color: rgb(80, 27, 165);
        color: rgb(218, 212, 203);
    }
    .bg-indigo.btn.active,
    .bg-indigo.btn:active,
    .bg-indigo.btn:not(:disabled):not(.disabled).active,
    .bg-indigo.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(71, 25, 144) !important;
        border-color: rgb(82, 27, 169);
        color: #d1d7e0;
    }
    .bg-purple {
        background-color: rgb(92, 62, 142) !important;
    }
    .bg-purple,
    .bg-purple > a {
        color: #d1d7e0 !important;
    }
    .bg-purple.btn:hover {
        border-color: rgb(88, 59, 136);
        color: rgb(218, 212, 203);
    }
    .bg-purple.btn.active,
    .bg-purple.btn:active,
    .bg-purple.btn:not(:disabled):not(.disabled).active,
    .bg-purple.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(78, 53, 120) !important;
        border-color: rgb(90, 60, 139);
        color: #d1d7e0;
    }
    .bg-pink {
        background-color: rgb(152, 36, 87) !important;
    }
    .bg-pink,
    .bg-pink > a {
        color: #d1d7e0 !important;
    }
    .bg-pink.btn:hover {
        border-color: rgb(154, 36, 87);
        color: rgb(218, 212, 203);
    }
    .bg-pink.btn.active,
    .bg-pink.btn:active,
    .bg-pink.btn:not(:disabled):not(.disabled).active,
    .bg-pink.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(163, 38, 93) !important;
        border-color: rgb(156, 37, 89);
        color: #d1d7e0;
    }
    .bg-red {
        background-color: rgb(155, 44, 53) !important;
    }
    .bg-red,
    .bg-red > a {
        color: #d1d7e0 !important;
    }
    .bg-red.btn:hover {
        border-color: rgb(151, 43, 52);
        color: rgb(218, 212, 203);
    }
    .bg-red.btn.active,
    .bg-red.btn:active,
    .bg-red.btn:not(:disabled):not(.disabled).active,
    .bg-red.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(143, 41, 49) !important;
        border-color: rgb(155, 44, 52);
        color: #d1d7e0;
    }
    .bg-orange {
        background-color: rgb(182, 96, 23) !important;
    }
    .bg-orange,
    .bg-orange > a {
        color: rgb(202, 195, 185) !important;
    }
    .bg-orange.btn:hover {
        border-color: rgb(177, 94, 23);
        color: rgb(213, 207, 197);
    }
    .bg-orange.btn.active,
    .bg-orange.btn:active,
    .bg-orange.btn:not(:disabled):not(.disabled).active,
    .bg-orange.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(168, 89, 23) !important;
        border-color: rgb(180, 95, 23);
        color: #d1d7e0;
    }
    .bg-yellow {
        background-color: rgb(148, 115, 22) !important;
    }
    .bg-yellow,
    .bg-yellow > a {
        color: rgb(202, 195, 185) !important;
    }
    .bg-yellow.btn:hover {
        border-color: rgb(185, 145, 24);
        color: rgb(213, 207, 197);
    }
    .bg-yellow.btn.active,
    .bg-yellow.btn:active,
    .bg-yellow.btn:not(:disabled):not(.disabled).active,
    .bg-yellow.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(165, 128, 23) !important;
        border-color: rgb(189, 147, 25);
        color: rgb(202, 195, 185);
    }
    .bg-green {
        background-color: rgb(50, 132, 65) !important;
    }
    .bg-green,
    .bg-green > a {
        color: #d1d7e0 !important;
    }
    .bg-green.btn:hover {
        border-color: rgb(60, 162, 78);
        color: rgb(218, 212, 203);
    }
    .bg-green.btn.active,
    .bg-green.btn:active,
    .bg-green.btn:not(:disabled):not(.disabled).active,
    .bg-green.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(41, 102, 53) !important;
        border-color: rgb(61, 164, 80);
        color: #d1d7e0;
    }
    .bg-teal {
        background-color: rgb(48, 156, 120) !important;
    }
    .bg-teal,
    .bg-teal > a {
        color: #d1d7e0 !important;
    }
    .bg-teal.btn:hover {
        border-color: rgb(51, 167, 129);
        color: rgb(218, 212, 203);
    }
    .bg-teal.btn.active,
    .bg-teal.btn:active,
    .bg-teal.btn:not(:disabled):not(.disabled).active,
    .bg-teal.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(40, 125, 96) !important;
        border-color: rgb(51, 169, 131);
        color: #d1d7e0;
    }
    .bg-cyan {
        background-color: rgb(40, 129, 140) !important;
    }
    .bg-cyan,
    .bg-cyan > a {
        color: #d1d7e0 !important;
    }
    .bg-cyan.btn:hover {
        border-color: rgb(47, 159, 174);
        color: rgb(218, 212, 203);
    }
    .bg-cyan.btn.active,
    .bg-cyan.btn:active,
    .bg-cyan.btn:not(:disabled):not(.disabled).active,
    .bg-cyan.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(34, 101, 109) !important;
        border-color: rgb(48, 161, 176);
        color: #d1d7e0;
    }
    .bg-white {
        background-color: #202831 !important;
    }
    .bg-white,
    .bg-white > a {
        color: rgb(202, 195, 185) !important;
    }
    .bg-white.btn:hover {
        border-color: rgb(65, 68, 68);
        color: rgb(213, 207, 197);
    }
    .bg-white.btn.active,
    .bg-white.btn:active,
    .bg-white.btn:not(:disabled):not(.disabled).active,
    .bg-white.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(49, 51, 51) !important;
        border-color: rgb(67, 70, 70);
        color: rgb(202, 195, 185);
    }
    .bg-gray {
        background-color: rgb(96, 100, 101) !important;
    }
    .bg-gray,
    .bg-gray > a {
        color: #d1d7e0 !important;
    }
    .bg-gray.btn:hover {
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .bg-gray.btn.active,
    .bg-gray.btn:active,
    .bg-gray.btn:not(:disabled):not(.disabled).active,
    .bg-gray.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(78, 81, 81) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .bg-gray-dark {
        background-color: rgb(54, 56, 56) !important;
    }
    .bg-gray-dark,
    .bg-gray-dark > a {
        color: #d1d7e0 !important;
    }
    .bg-gray-dark.btn:hover {
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .bg-gray-dark.btn.active,
    .bg-gray-dark.btn:active,
    .bg-gray-dark.btn:not(:disabled):not(.disabled).active,
    .bg-gray-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(36, 38, 38) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .bg-gray {
        background-color: rgb(75, 78, 79);
        color: rgb(202, 195, 185);
    }
    .bg-gray-light {
        background-color: rgb(40, 44, 45);
        color: rgb(202, 195, 185) !important;
    }
    .bg-black {
        background-color: rgb(13, 13, 13);
        color: #d1d7e0 !important;
    }
    .bg-white {
        background-color: #202831;
        color: rgb(202, 195, 185) !important;
    }
    .bg-gradient-primary {
        background-color: rgb(23, 102, 185) !important;
        background-image: linear-gradient(rgb(22, 92, 166), rgb(23, 102, 185)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-primary.btn.disabled,
    .bg-gradient-primary.btn:disabled,
    .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-primary.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-primary.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-primary.btn:hover {
        background-color: rgb(23, 102, 185) !important;
        background-image: linear-gradient(rgb(46, 102, 161), rgb(22, 89, 160)) !important;
        border-color: rgb(23, 97, 177);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-primary.btn.active,
    .bg-gradient-primary.btn:active,
    .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-primary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(23, 102, 185) !important;
        background-image: linear-gradient(rgb(48, 102, 158), rgb(21, 83, 150)) !important;
        border-color: rgb(23, 99, 180);
        color: #d1d7e0;
    }
    .bg-gradient-secondary {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(98, 103, 103), rgb(96, 100, 101)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-secondary.btn.disabled,
    .bg-gradient-secondary.btn:disabled,
    .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-secondary.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-secondary.btn:hover {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(99, 104, 103), rgb(82, 85, 86)) !important;
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-secondary.btn.active,
    .bg-gradient-secondary.btn:active,
    .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(95, 99, 100), rgb(78, 81, 81)) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .bg-gradient-success {
        background-color: rgb(50, 132, 65) !important;
        background-image: linear-gradient(rgb(74, 142, 85), rgb(50, 132, 65)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-success.btn.disabled,
    .bg-gradient-success.btn:disabled,
    .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-success.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-success.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-success.btn:hover {
        background-color: rgb(50, 132, 65) !important;
        background-image: linear-gradient(rgb(68, 123, 77), rgb(43, 110, 56)) !important;
        border-color: rgb(60, 162, 78);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-success.btn.active,
    .bg-gradient-success.btn:active,
    .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-success.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(50, 132, 65) !important;
        background-image: linear-gradient(rgb(65, 117, 74), rgb(41, 102, 53)) !important;
        border-color: rgb(61, 164, 80);
        color: #d1d7e0;
    }
    .bg-gradient-info {
        background-color: rgb(40, 129, 140) !important;
        background-image: linear-gradient(rgb(64, 140, 149), rgb(40, 129, 140)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-info.btn.disabled,
    .bg-gradient-info.btn:disabled,
    .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-info.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-info.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-info.btn:hover {
        background-color: rgb(40, 129, 140) !important;
        background-image: linear-gradient(rgb(60, 122, 129), rgb(35, 108, 117)) !important;
        border-color: rgb(47, 159, 174);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-info.btn.active,
    .bg-gradient-info.btn:active,
    .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-info.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(40, 129, 140) !important;
        background-image: linear-gradient(rgb(59, 116, 122), rgb(34, 101, 109)) !important;
        border-color: rgb(48, 161, 176);
        color: #d1d7e0;
    }
    .bg-gradient-warning {
        background-color: rgb(148, 115, 22) !important;
        background-image: linear-gradient(rgb(133, 104, 21), rgb(148, 115, 22)) !important;
        color: rgb(202, 195, 185);
    }
    .bg-gradient-warning.btn.disabled,
    .bg-gradient-warning.btn:disabled,
    .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-warning.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-warning.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-warning.btn:hover {
        background-color: rgb(148, 115, 22) !important;
        background-image: linear-gradient(rgb(132, 107, 34), rgb(174, 135, 23)) !important;
        border-color: rgb(185, 145, 24);
        color: rgb(213, 207, 197);
    }
    .bg-gradient-warning.btn.active,
    .bg-gradient-warning.btn:active,
    .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-warning.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(148, 115, 22) !important;
        background-image: linear-gradient(rgb(131, 107, 39), rgb(165, 128, 23)) !important;
        border-color: rgb(189, 147, 25);
        color: rgb(202, 195, 185);
    }
    .bg-gradient-danger {
        background-color: rgb(155, 44, 53) !important;
        background-image: linear-gradient(rgb(140, 41, 49), rgb(155, 44, 53)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-danger.btn.disabled,
    .bg-gradient-danger.btn:disabled,
    .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-danger.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-danger.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-danger.btn:hover {
        background-color: rgb(155, 44, 53) !important;
        background-image: linear-gradient(rgb(146, 52, 59), rgb(151, 43, 52)) !important;
        border-color: rgb(151, 43, 52);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-danger.btn.active,
    .bg-gradient-danger.btn:active,
    .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-danger.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(155, 44, 53) !important;
        background-image: linear-gradient(rgb(147, 58, 65), rgb(143, 41, 49)) !important;
        border-color: rgb(155, 44, 52);
        color: #d1d7e0;
    }
    .bg-gradient-light {
        background-color: rgb(39, 40, 40) !important;
        background-image: linear-gradient(rgb(39, 40, 39), rgb(39, 40, 40)) !important;
        color: rgb(202, 195, 185);
    }
    .bg-gradient-light.btn.disabled,
    .bg-gradient-light.btn:disabled,
    .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-light.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-light.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-light.btn:hover {
        background-color: rgb(39, 40, 40) !important;
        background-image: linear-gradient(rgb(47, 49, 49), rgb(49, 51, 51)) !important;
        border-color: rgb(67, 70, 70);
        color: rgb(213, 207, 197);
    }
    .bg-gradient-light.btn.active,
    .bg-gradient-light.btn:active,
    .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-light.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(39, 40, 40) !important;
        background-image: linear-gradient(rgb(50, 52, 52), rgb(53, 54, 54)) !important;
        border-color: rgb(69, 72, 71);
        color: rgb(202, 195, 185);
    }
    .bg-gradient-dark {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(75, 78, 79), rgb(54, 56, 56)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-dark.btn.disabled,
    .bg-gradient-dark.btn:disabled,
    .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-dark.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-dark.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-dark.btn:hover {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(64, 66, 67), rgb(40, 42, 42)) !important;
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-dark.btn.active,
    .bg-gradient-dark.btn:active,
    .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(60, 63, 63), rgb(36, 38, 38)) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .bg-gradient-lightblue {
        background-color: rgb(64, 115, 143) !important;
        background-image: linear-gradient(rgb(62, 107, 132), rgb(64, 115, 143)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-lightblue.btn.disabled,
    .bg-gradient-lightblue.btn:disabled,
    .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-lightblue.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-lightblue.btn:hover {
        background-color: rgb(64, 115, 143) !important;
        background-image: linear-gradient(rgb(78, 115, 133), rgb(57, 99, 123)) !important;
        border-color: rgb(64, 114, 141);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-lightblue.btn.active,
    .bg-gradient-lightblue.btn:active,
    .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(64, 115, 143) !important;
        background-image: linear-gradient(rgb(76, 109, 128), rgb(54, 94, 116)) !important;
        border-color: rgb(65, 115, 143);
        color: #d1d7e0;
    }
    .bg-gradient-navy {
        background-color: rgb(16, 36, 55) !important;
        background-image: linear-gradient(rgb(43, 60, 77), rgb(16, 36, 55)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-navy.btn.disabled,
    .bg-gradient-navy.btn:disabled,
    .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-navy.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-navy.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-navy.btn:hover {
        background-color: rgb(16, 36, 55) !important;
        background-image: linear-gradient(rgb(42, 49, 54), rgb(14, 22, 30)) !important;
        border-color: rgb(141, 131, 115);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-navy.btn.active,
    .bg-gradient-navy.btn:active,
    .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-navy.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(16, 36, 55) !important;
        background-image: linear-gradient(rgb(43, 45, 45), rgb(14, 18, 21)) !important;
        border-color: rgb(143, 132, 117);
        color: #d1d7e0;
    }
    .bg-gradient-olive {
        background-color: rgb(65, 122, 94) !important;
        background-image: linear-gradient(rgb(83, 132, 112), rgb(65, 122, 94)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-olive.btn.disabled,
    .bg-gradient-olive.btn:disabled,
    .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-olive.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-olive.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-olive.btn:hover {
        background-color: rgb(65, 122, 94) !important;
        background-image: linear-gradient(rgb(78, 118, 96), rgb(55, 103, 79)) !important;
        border-color: rgb(74, 145, 109);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-olive.btn.active,
    .bg-gradient-olive.btn:active,
    .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-olive.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(65, 122, 94) !important;
        background-image: linear-gradient(rgb(75, 112, 93), rgb(52, 97, 74)) !important;
        border-color: rgb(76, 147, 113);
        color: #d1d7e0;
    }
    .bg-gradient-lime {
        background-color: rgb(29, 192, 119) !important;
        background-image: linear-gradient(rgb(27, 172, 107), rgb(29, 192, 119)) !important;
        color: rgb(202, 195, 185);
    }
    .bg-gradient-lime.btn.disabled,
    .bg-gradient-lime.btn:disabled,
    .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-lime.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-lime.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-lime.btn:hover {
        background-color: rgb(29, 192, 119) !important;
        background-image: linear-gradient(rgb(49, 168, 114), rgb(27, 166, 83)) !important;
        border-color: rgb(28, 183, 92);
        color: rgb(213, 207, 197);
    }
    .bg-gradient-lime.btn.active,
    .bg-gradient-lime.btn:active,
    .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-lime.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(29, 192, 119) !important;
        background-image: linear-gradient(rgb(52, 164, 96), rgb(26, 157, 80)) !important;
        border-color: rgb(28, 186, 93);
        color: #d1d7e0;
    }
    .bg-gradient-fuchsia {
        background-color: rgb(177, 32, 141) !important;
        background-image: linear-gradient(rgb(159, 30, 127), rgb(177, 32, 141)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-fuchsia.btn.disabled,
    .bg-gradient-fuchsia.btn:disabled,
    .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-fuchsia.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-fuchsia.btn:hover {
        background-color: rgb(177, 32, 141) !important;
        background-image: linear-gradient(rgb(158, 49, 130), rgb(156, 29, 124)) !important;
        border-color: rgb(170, 30, 136);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-fuchsia.btn.active,
    .bg-gradient-fuchsia.btn:active,
    .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(177, 32, 141) !important;
        background-image: linear-gradient(rgb(156, 54, 129), rgb(148, 28, 118)) !important;
        border-color: rgb(172, 31, 137);
        color: #d1d7e0;
    }
    .bg-gradient-maroon {
        background-color: rgb(162, 39, 81) !important;
        background-image: linear-gradient(rgb(152, 43, 80), rgb(162, 39, 81)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-maroon.btn.disabled,
    .bg-gradient-maroon.btn:disabled,
    .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-maroon.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-maroon.btn:hover {
        background-color: rgb(162, 39, 81) !important;
        background-image: linear-gradient(rgb(148, 59, 89), rgb(139, 34, 71)) !important;
        border-color: rgb(165, 39, 82);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-maroon.btn.active,
    .bg-gradient-maroon.btn:active,
    .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(162, 39, 81) !important;
        background-image: linear-gradient(rgb(141, 58, 86), rgb(131, 33, 67)) !important;
        border-color: rgb(167, 39, 84);
        color: #d1d7e0;
    }
    .bg-gradient-blue {
        background-color: rgb(23, 102, 185) !important;
        background-image: linear-gradient(rgb(22, 92, 166), rgb(23, 102, 185)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-blue.btn.disabled,
    .bg-gradient-blue.btn:disabled,
    .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-blue.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-blue.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-blue.btn:hover {
        background-color: rgb(23, 102, 185) !important;
        background-image: linear-gradient(rgb(46, 102, 161), rgb(22, 89, 160)) !important;
        border-color: rgb(23, 97, 177);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-blue.btn.active,
    .bg-gradient-blue.btn:active,
    .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-blue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(23, 102, 185) !important;
        background-image: linear-gradient(rgb(48, 102, 158), rgb(21, 83, 150)) !important;
        border-color: rgb(23, 99, 180);
        color: #d1d7e0;
    }
    .bg-gradient-indigo {
        background-color: rgb(84, 27, 173) !important;
        background-image: linear-gradient(rgb(76, 26, 155), rgb(84, 27, 173)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-indigo.btn.disabled,
    .bg-gradient-indigo.btn:disabled,
    .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-indigo.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-indigo.btn:hover {
        background-color: rgb(84, 27, 173) !important;
        background-image: linear-gradient(rgb(89, 46, 154), rgb(75, 26, 151)) !important;
        border-color: rgb(80, 27, 165);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-indigo.btn.active,
    .bg-gradient-indigo.btn:active,
    .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(84, 27, 173) !important;
        background-image: linear-gradient(rgb(91, 51, 151), rgb(71, 25, 144)) !important;
        border-color: rgb(82, 27, 169);
        color: #d1d7e0;
    }
    .bg-gradient-purple {
        background-color: rgb(92, 62, 142) !important;
        background-image: linear-gradient(rgb(84, 56, 128), rgb(92, 62, 142)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-purple.btn.disabled,
    .bg-gradient-purple.btn:disabled,
    .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-purple.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-purple.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-purple.btn:hover {
        background-color: rgb(92, 62, 142) !important;
        background-image: linear-gradient(rgb(93, 71, 130), rgb(82, 56, 126)) !important;
        border-color: rgb(88, 59, 136);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-purple.btn.active,
    .bg-gradient-purple.btn:active,
    .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-purple.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(92, 62, 142) !important;
        background-image: linear-gradient(rgb(97, 75, 131), rgb(78, 53, 120)) !important;
        border-color: rgb(90, 60, 139);
        color: #d1d7e0;
    }
    .bg-gradient-pink {
        background-color: rgb(152, 36, 87) !important;
        background-image: linear-gradient(rgb(137, 34, 79), rgb(152, 36, 87)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-pink.btn.disabled,
    .bg-gradient-pink.btn:disabled,
    .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-pink.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-pink.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-pink.btn:hover {
        background-color: rgb(152, 36, 87) !important;
        background-image: linear-gradient(rgb(152, 36, 87), rgb(170, 39, 96)) !important;
        border-color: rgb(154, 36, 87);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-pink.btn.active,
    .bg-gradient-pink.btn:active,
    .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-pink.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(152, 36, 87) !important;
        background-image: linear-gradient(rgb(153, 42, 90), rgb(163, 38, 93)) !important;
        border-color: rgb(156, 37, 89);
        color: #d1d7e0;
    }
    .bg-gradient-red {
        background-color: rgb(155, 44, 53) !important;
        background-image: linear-gradient(rgb(140, 41, 49), rgb(155, 44, 53)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-red.btn.disabled,
    .bg-gradient-red.btn:disabled,
    .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-red.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-red.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-red.btn:hover {
        background-color: rgb(155, 44, 53) !important;
        background-image: linear-gradient(rgb(146, 52, 59), rgb(151, 43, 52)) !important;
        border-color: rgb(151, 43, 52);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-red.btn.active,
    .bg-gradient-red.btn:active,
    .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-red.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(155, 44, 53) !important;
        background-image: linear-gradient(rgb(147, 58, 65), rgb(143, 41, 49)) !important;
        border-color: rgb(155, 44, 52);
        color: #d1d7e0;
    }
    .bg-gradient-orange {
        background-color: rgb(182, 96, 23) !important;
        background-image: linear-gradient(rgb(162, 86, 22), rgb(182, 96, 23)) !important;
        color: rgb(202, 195, 185);
    }
    .bg-gradient-orange.btn.disabled,
    .bg-gradient-orange.btn:disabled,
    .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-orange.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-orange.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-orange.btn:hover {
        background-color: rgb(182, 96, 23) !important;
        background-image: linear-gradient(rgb(168, 95, 34), rgb(176, 94, 23)) !important;
        border-color: rgb(177, 94, 23);
        color: rgb(213, 207, 197);
    }
    .bg-gradient-orange.btn.active,
    .bg-gradient-orange.btn:active,
    .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-orange.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(182, 96, 23) !important;
        background-image: linear-gradient(rgb(167, 99, 41), rgb(168, 89, 23)) !important;
        border-color: rgb(180, 95, 23);
        color: #d1d7e0;
    }
    .bg-gradient-yellow {
        background-color: rgb(148, 115, 22) !important;
        background-image: linear-gradient(rgb(133, 104, 21), rgb(148, 115, 22)) !important;
        color: rgb(202, 195, 185);
    }
    .bg-gradient-yellow.btn.disabled,
    .bg-gradient-yellow.btn:disabled,
    .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-yellow.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-yellow.btn:hover {
        background-color: rgb(148, 115, 22) !important;
        background-image: linear-gradient(rgb(132, 107, 34), rgb(174, 135, 23)) !important;
        border-color: rgb(185, 145, 24);
        color: rgb(213, 207, 197);
    }
    .bg-gradient-yellow.btn.active,
    .bg-gradient-yellow.btn:active,
    .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(148, 115, 22) !important;
        background-image: linear-gradient(rgb(131, 107, 39), rgb(165, 128, 23)) !important;
        border-color: rgb(189, 147, 25);
        color: rgb(202, 195, 185);
    }
    .bg-gradient-green {
        background-color: rgb(50, 132, 65) !important;
        background-image: linear-gradient(rgb(74, 142, 85), rgb(50, 132, 65)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-green.btn.disabled,
    .bg-gradient-green.btn:disabled,
    .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-green.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-green.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-green.btn:hover {
        background-color: rgb(50, 132, 65) !important;
        background-image: linear-gradient(rgb(68, 123, 77), rgb(43, 110, 56)) !important;
        border-color: rgb(60, 162, 78);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-green.btn.active,
    .bg-gradient-green.btn:active,
    .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-green.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(50, 132, 65) !important;
        background-image: linear-gradient(rgb(65, 117, 74), rgb(41, 102, 53)) !important;
        border-color: rgb(61, 164, 80);
        color: #d1d7e0;
    }
    .bg-gradient-teal {
        background-color: rgb(48, 156, 120) !important;
        background-image: linear-gradient(rgb(58, 151, 127), rgb(48, 156, 120)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-teal.btn.disabled,
    .bg-gradient-teal.btn:disabled,
    .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-teal.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-teal.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-teal.btn:hover {
        background-color: rgb(48, 156, 120) !important;
        background-image: linear-gradient(rgb(67, 143, 117), rgb(43, 132, 103)) !important;
        border-color: rgb(51, 167, 129);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-teal.btn.active,
    .bg-gradient-teal.btn:active,
    .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-teal.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(48, 156, 120) !important;
        background-image: linear-gradient(rgb(64, 136, 112), rgb(40, 125, 96)) !important;
        border-color: rgb(51, 169, 131);
        color: #d1d7e0;
    }
    .bg-gradient-cyan {
        background-color: rgb(40, 129, 140) !important;
        background-image: linear-gradient(rgb(64, 140, 149), rgb(40, 129, 140)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-cyan.btn.disabled,
    .bg-gradient-cyan.btn:disabled,
    .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-cyan.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-cyan.btn:hover {
        background-color: rgb(40, 129, 140) !important;
        background-image: linear-gradient(rgb(60, 122, 129), rgb(35, 108, 117)) !important;
        border-color: rgb(47, 159, 174);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-cyan.btn.active,
    .bg-gradient-cyan.btn:active,
    .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(40, 129, 140) !important;
        background-image: linear-gradient(rgb(59, 116, 122), rgb(34, 101, 109)) !important;
        border-color: rgb(48, 161, 176);
        color: #d1d7e0;
    }
    .bg-gradient-white {
        background-color: #202831 !important;
        background-image: linear-gradient(#202831, #202831) !important;
        color: rgb(202, 195, 185);
    }
    .bg-gradient-white.btn.disabled,
    .bg-gradient-white.btn:disabled,
    .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-white.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-white.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-white.btn:hover {
        background-color: #202831 !important;
        background-image: linear-gradient(rgb(44, 46, 46), rgb(46, 48, 47)) !important;
        border-color: rgb(65, 68, 68);
        color: rgb(213, 207, 197);
    }
    .bg-gradient-white.btn.active,
    .bg-gradient-white.btn:active,
    .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-white.btn:not(:disabled):not(.disabled):active {
        background-color: #202831 !important;
        background-image: linear-gradient(rgb(47, 49, 49), rgb(49, 51, 51)) !important;
        border-color: rgb(67, 70, 70);
        color: rgb(202, 195, 185);
    }
    .bg-gradient-gray {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(98, 103, 103), rgb(96, 100, 101)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-gray.btn.disabled,
    .bg-gradient-gray.btn:disabled,
    .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-gray.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-gray.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-gray.btn:hover {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(99, 104, 103), rgb(82, 85, 86)) !important;
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-gray.btn.active,
    .bg-gradient-gray.btn:active,
    .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-gray.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(95, 99, 100), rgb(78, 81, 81)) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .bg-gradient-gray-dark {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(75, 78, 79), rgb(54, 56, 56)) !important;
        color: #d1d7e0;
    }
    .bg-gradient-gray-dark.btn.disabled,
    .bg-gradient-gray-dark.btn:disabled,
    .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,
    .show > .bg-gradient-gray-dark.btn.dropdown-toggle {
        background-image: none !important;
    }
    .bg-gradient-gray-dark.btn:hover {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(64, 66, 67), rgb(40, 42, 42)) !important;
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .bg-gradient-gray-dark.btn.active,
    .bg-gradient-gray-dark.btn:active,
    .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
    .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(60, 63, 63), rgb(36, 38, 38)) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    a.text-muted:hover {
        color: rgb(72, 160, 231) !important;
    }
    .link-muted {
        color: rgb(167, 158, 145);
    }
    .link-muted:focus,
    .link-muted:hover {
        color: rgb(182, 175, 162);
    }
    .link-black {
        color: rgb(159, 151, 136);
    }
    .link-black:focus,
    .link-black:hover {
        color: rgb(215, 210, 200);
    }
    .accent-primary .btn-link,
    .accent-primary .nav-tabs .nav-link,
    .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(72, 160, 231);
    }
    .accent-primary .btn-link:hover,
    .accent-primary .nav-tabs .nav-link:hover,
    .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(112, 179, 233);
    }
    .accent-primary .dropdown-item.active,
    .accent-primary .dropdown-item:active {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .accent-primary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(24, 104, 189);
    }
    .accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-primary .custom-file-input:focus ~ .custom-file-label,
    .accent-primary .custom-select:focus,
    .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(20, 74, 131);
    }
    .accent-primary .page-item .page-link {
        color: rgb(72, 160, 231);
    }
    .accent-primary .page-item.active .page-link,
    .accent-primary .page-item.active a {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .accent-primary .page-item.disabled .page-link,
    .accent-primary .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-primary .page-item .page-link:focus,
    .dark-mode.accent-primary .page-item .page-link:hover {
        color: rgb(66, 157, 231);
    }
    .accent-secondary .btn-link,
    .accent-secondary .nav-tabs .nav-link,
    .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(159, 151, 136);
    }
    .accent-secondary .btn-link:hover,
    .accent-secondary .nav-tabs .nav-link:hover,
    .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(182, 175, 163);
    }
    .accent-secondary .dropdown-item.active,
    .accent-secondary .dropdown-item:active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-secondary .custom-file-input:focus ~ .custom-file-label,
    .accent-secondary .custom-select:focus,
    .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(78, 82, 82);
    }
    .accent-secondary .page-item .page-link {
        color: rgb(159, 151, 136);
    }
    .accent-secondary .page-item.active .page-link,
    .accent-secondary .page-item.active a {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .accent-secondary .page-item.disabled .page-link,
    .accent-secondary .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-secondary .page-item .page-link:focus,
    .dark-mode.accent-secondary .page-item .page-link:hover {
        color: rgb(154, 145, 130);
    }
    .accent-success .btn-link,
    .accent-success .nav-tabs .nav-link,
    .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(112, 207, 127);
    }
    .accent-success .btn-link:hover,
    .accent-success .nav-tabs .nav-link:hover,
    .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(150, 219, 159);
    }
    .accent-success .dropdown-item.active,
    .accent-success .dropdown-item:active {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .accent-success .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(63, 173, 84);
    }
    .accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-success .custom-file-input:focus ~ .custom-file-label,
    .accent-success .custom-select:focus,
    .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(48, 124, 62);
    }
    .accent-success .page-item .page-link {
        color: rgb(112, 207, 127);
    }
    .accent-success .page-item.active .page-link,
    .accent-success .page-item.active a {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        color: #d1d7e0;
    }
    .accent-success .page-item.disabled .page-link,
    .accent-success .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-success .page-item .page-link:focus,
    .dark-mode.accent-success .page-item .page-link:hover {
        color: rgb(99, 204, 118);
    }
    .accent-info .btn-link,
    .accent-info .nav-tabs .nav-link,
    .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(100, 204, 216);
    }
    .accent-info .btn-link:hover,
    .accent-info .nav-tabs .nav-link:hover,
    .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(142, 215, 223);
    }
    .accent-info .dropdown-item.active,
    .accent-info .dropdown-item:active {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .accent-info .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(51, 169, 184);
    }
    .accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-info .custom-file-input:focus ~ .custom-file-label,
    .accent-info .custom-select:focus,
    .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(38, 121, 132);
    }
    .accent-info .page-item .page-link {
        color: rgb(100, 204, 216);
    }
    .accent-info .page-item.active .page-link,
    .accent-info .page-item.active a {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        color: #d1d7e0;
    }
    .accent-info .page-item.disabled .page-link,
    .accent-info .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-info .page-item .page-link:focus,
    .dark-mode.accent-info .page-item .page-link:hover {
        color: rgb(86, 200, 214);
    }
    .accent-warning .btn-link,
    .accent-warning .nav-tabs .nav-link,
    .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(243, 195, 53);
    }
    .accent-warning .btn-link:hover,
    .accent-warning .nav-tabs .nav-link:hover,
    .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(244, 204, 90);
    }
    .accent-warning .dropdown-item.active,
    .accent-warning .dropdown-item:active {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .accent-warning .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(199, 155, 25);
    }
    .accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-warning .custom-file-input:focus ~ .custom-file-label,
    .accent-warning .custom-select:focus,
    .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(137, 107, 21);
    }
    .accent-warning .page-item .page-link {
        color: rgb(243, 195, 53);
    }
    .accent-warning .page-item.active .page-link,
    .accent-warning .page-item.active a {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        color: #d1d7e0;
    }
    .accent-warning .page-item.disabled .page-link,
    .accent-warning .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-warning .page-item .page-link:focus,
    .dark-mode.accent-warning .page-item .page-link:hover {
        color: rgb(244, 199, 69);
    }
    .accent-danger .btn-link,
    .accent-danger .nav-tabs .nav-link,
    .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(208, 82, 91);
    }
    .accent-danger .btn-link:hover,
    .accent-danger .nav-tabs .nav-link:hover,
    .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(213, 105, 111);
    }
    .accent-danger .dropdown-item.active,
    .accent-danger .dropdown-item:active {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .accent-danger .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(163, 45, 55);
    }
    .accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-danger .custom-file-input:focus ~ .custom-file-label,
    .accent-danger .custom-select:focus,
    .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(112, 34, 39);
    }
    .accent-danger .page-item .page-link {
        color: rgb(208, 82, 91);
    }
    .accent-danger .page-item.active .page-link,
    .accent-danger .page-item.active a {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0;
    }
    .accent-danger .page-item.disabled .page-link,
    .accent-danger .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-danger .page-item .page-link:focus,
    .dark-mode.accent-danger .page-item .page-link:hover {
        color: rgb(212, 96, 104);
    }
    .accent-light .btn-link,
    .accent-light .nav-tabs .nav-link,
    .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(225, 221, 212);
    }
    .accent-light .btn-link:hover,
    .accent-light .nav-tabs .nav-link:hover,
    .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(203, 196, 186);
    }
    .accent-light .dropdown-item.active,
    .accent-light .dropdown-item:active {
        background-color: rgb(39, 40, 40);
        color: rgb(202, 195, 185);
    }
    .accent-light .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(73, 76, 77);
    }
    .accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-light .custom-file-input:focus ~ .custom-file-label,
    .accent-light .custom-select:focus,
    .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(58, 61, 61);
    }
    .accent-light .page-item .page-link {
        color: rgb(225, 221, 212);
    }
    .accent-light .page-item.active .page-link,
    .accent-light .page-item.active a {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: #d1d7e0;
    }
    .accent-light .page-item.disabled .page-link,
    .accent-light .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-light .page-item .page-link:focus,
    .dark-mode.accent-light .page-item .page-link:hover {
        color: #d1d7e0;
    }
    .accent-dark .btn-link,
    .accent-dark .nav-tabs .nav-link,
    .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #d1d7e0;
    }
    .accent-dark .btn-link:hover,
    .accent-dark .nav-tabs .nav-link:hover,
    .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(217, 211, 203);
    }
    .accent-dark .dropdown-item.active,
    .accent-dark .dropdown-item:active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .accent-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-dark .custom-file-input:focus ~ .custom-file-label,
    .accent-dark .custom-select:focus,
    .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(106, 98, 87);
    }
    .accent-dark .page-item .page-link {
        color: #d1d7e0;
    }
    .accent-dark .page-item.active .page-link,
    .accent-dark .page-item.active a {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .accent-dark .page-item.disabled .page-link,
    .accent-dark .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-dark .page-item .page-link:focus,
    .dark-mode.accent-dark .page-item .page-link:hover {
        color: rgb(187, 180, 168);
    }
    .accent-lightblue .btn-link,
    .accent-lightblue .nav-tabs .nav-link,
    .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(99, 156, 188);
    }
    .accent-lightblue .btn-link:hover,
    .accent-lightblue .nav-tabs .nav-link:hover,
    .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(135, 179, 200);
    }
    .accent-lightblue .dropdown-item.active,
    .accent-lightblue .dropdown-item:active {
        background-color: rgb(64, 115, 143);
        color: #d1d7e0;
    }
    .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(64, 115, 143);
        border-color: rgb(67, 122, 152);
    }
    .accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-lightblue .custom-file-input:focus ~ .custom-file-label,
    .accent-lightblue .custom-select:focus,
    .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(50, 86, 106);
    }
    .accent-lightblue .page-item .page-link {
        color: rgb(99, 156, 188);
    }
    .accent-lightblue .page-item.active .page-link,
    .accent-lightblue .page-item.active a {
        background-color: rgb(64, 115, 143);
        border-color: rgb(60, 106, 131);
        color: #d1d7e0;
    }
    .accent-lightblue .page-item.disabled .page-link,
    .accent-lightblue .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-lightblue .page-item .page-link:focus,
    .dark-mode.accent-lightblue .page-item .page-link:hover {
        color: rgb(105, 160, 190);
    }
    .accent-navy .btn-link,
    .accent-navy .nav-tabs .nav-link,
    .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #9198a1;
    }
    .accent-navy .btn-link:hover,
    .accent-navy .nav-tabs .nav-link:hover,
    .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: #d1d7e0;
    }
    .accent-navy .dropdown-item.active,
    .accent-navy .dropdown-item:active {
        background-color: rgb(16, 36, 55);
        color: #d1d7e0;
    }
    .accent-navy .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(16, 36, 55);
        border-color: rgb(143, 132, 117);
    }
    .accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-navy .custom-file-input:focus ~ .custom-file-label,
    .accent-navy .custom-select:focus,
    .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(23, 101, 180);
    }
    .accent-navy .page-item .page-link {
        color: #9198a1;
    }
    .accent-navy .page-item.active .page-link,
    .accent-navy .page-item.active a {
        background-color: rgb(16, 36, 55);
        border-color: rgb(133, 123, 109);
        color: #d1d7e0;
    }
    .accent-navy .page-item.disabled .page-link,
    .accent-navy .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-navy .page-item .page-link:focus,
    .dark-mode.accent-navy .page-item .page-link:hover {
        color: rgb(203, 196, 186);
    }
    .accent-olive .btn-link,
    .accent-olive .nav-tabs .nav-link,
    .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(123, 192, 156);
    }
    .accent-olive .btn-link:hover,
    .accent-olive .nav-tabs .nav-link:hover,
    .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(158, 206, 179);
    }
    .accent-olive .dropdown-item.active,
    .accent-olive .dropdown-item:active {
        background-color: rgb(65, 122, 94);
        color: #d1d7e0;
    }
    .accent-olive .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(65, 122, 94);
        border-color: rgb(79, 154, 118);
    }
    .accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-olive .custom-file-input:focus ~ .custom-file-label,
    .accent-olive .custom-select:focus,
    .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(59, 111, 85);
    }
    .accent-olive .page-item .page-link {
        color: rgb(123, 192, 156);
    }
    .accent-olive .page-item.active .page-link,
    .accent-olive .page-item.active a {
        background-color: rgb(65, 122, 94);
        border-color: rgb(70, 135, 103);
        color: #d1d7e0;
    }
    .accent-olive .page-item.disabled .page-link,
    .accent-olive .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-olive .page-item .page-link:focus,
    .dark-mode.accent-olive .page-item .page-link:hover {
        color: rgb(113, 187, 148);
    }
    .accent-lime .btn-link,
    .accent-lime .nav-tabs .nav-link,
    .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(55, 238, 129);
    }
    .accent-lime .btn-link:hover,
    .accent-lime .nav-tabs .nav-link:hover,
    .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(99, 240, 154);
    }
    .accent-lime .dropdown-item.active,
    .accent-lime .dropdown-item:active {
        background-color: rgb(29, 192, 119);
        color: rgb(202, 195, 185);
    }
    .accent-lime .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(29, 192, 119);
        border-color: rgb(29, 197, 97);
    }
    .accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-lime .custom-file-input:focus ~ .custom-file-label,
    .accent-lime .custom-select:focus,
    .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(24, 136, 70);
    }
    .accent-lime .page-item .page-link {
        color: rgb(55, 238, 129);
    }
    .accent-lime .page-item.active .page-link,
    .accent-lime .page-item.active a {
        background-color: rgb(29, 192, 119);
        border-color: rgb(27, 169, 85);
        color: #d1d7e0;
    }
    .accent-lime .page-item.disabled .page-link,
    .accent-lime .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-lime .page-item .page-link:focus,
    .dark-mode.accent-lime .page-item .page-link:hover {
        color: rgb(70, 239, 138);
    }
    .accent-fuchsia .btn-link,
    .accent-fuchsia .nav-tabs .nav-link,
    .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(223, 59, 182);
    }
    .accent-fuchsia .btn-link:hover,
    .accent-fuchsia .nav-tabs .nav-link:hover,
    .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(229, 100, 195);
    }
    .accent-fuchsia .dropdown-item.active,
    .accent-fuchsia .dropdown-item:active {
        background-color: rgb(177, 32, 141);
        color: #d1d7e0;
    }
    .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(177, 32, 141);
        border-color: rgb(182, 32, 145);
    }
    .accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-fuchsia .custom-file-input:focus ~ .custom-file-label,
    .accent-fuchsia .custom-select:focus,
    .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(126, 26, 101);
    }
    .accent-fuchsia .page-item .page-link {
        color: rgb(223, 59, 182);
    }
    .accent-fuchsia .page-item.active .page-link,
    .accent-fuchsia .page-item.active a {
        background-color: rgb(177, 32, 141);
        border-color: rgb(157, 30, 126);
        color: #d1d7e0;
    }
    .accent-fuchsia .page-item.disabled .page-link,
    .accent-fuchsia .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-fuchsia .page-item .page-link:focus,
    .dark-mode.accent-fuchsia .page-item .page-link:hover {
        color: rgb(226, 74, 187);
    }
    .accent-maroon .btn-link,
    .accent-maroon .nav-tabs .nav-link,
    .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(214, 73, 121);
    }
    .accent-maroon .btn-link:hover,
    .accent-maroon .nav-tabs .nav-link:hover,
    .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(223, 115, 149);
    }
    .accent-maroon .dropdown-item.active,
    .accent-maroon .dropdown-item:active {
        background-color: rgb(162, 39, 81);
        color: #d1d7e0;
    }
    .accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(162, 39, 81);
        border-color: rgb(176, 41, 87);
    }
    .accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-maroon .custom-file-input:focus ~ .custom-file-label,
    .accent-maroon .custom-select:focus,
    .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(123, 32, 63);
    }
    .accent-maroon .page-item .page-link {
        color: rgb(214, 73, 121);
    }
    .accent-maroon .page-item.active .page-link,
    .accent-maroon .page-item.active a {
        background-color: rgb(162, 39, 81);
        border-color: rgb(153, 37, 77);
        color: #d1d7e0;
    }
    .accent-maroon .page-item.disabled .page-link,
    .accent-maroon .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-maroon .page-item .page-link:focus,
    .dark-mode.accent-maroon .page-item .page-link:hover {
        color: rgb(214, 74, 121);
    }
    .accent-blue .btn-link,
    .accent-blue .nav-tabs .nav-link,
    .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(72, 160, 231);
    }
    .accent-blue .btn-link:hover,
    .accent-blue .nav-tabs .nav-link:hover,
    .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(112, 179, 233);
    }
    .accent-blue .dropdown-item.active,
    .accent-blue .dropdown-item:active {
        background-color: rgb(23, 102, 185);
        color: #d1d7e0;
    }
    .accent-blue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(23, 102, 185);
        border-color: rgb(24, 104, 189);
    }
    .accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-blue .custom-file-input:focus ~ .custom-file-label,
    .accent-blue .custom-select:focus,
    .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(20, 74, 131);
    }
    .accent-blue .page-item .page-link {
        color: rgb(72, 160, 231);
    }
    .accent-blue .page-item.active .page-link,
    .accent-blue .page-item.active a {
        background-color: rgb(23, 102, 185);
        border-color: rgb(22, 91, 164);
        color: #d1d7e0;
    }
    .accent-blue .page-item.disabled .page-link,
    .accent-blue .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-blue .page-item .page-link:focus,
    .dark-mode.accent-blue .page-item .page-link:hover {
        color: rgb(66, 157, 231);
    }
    .accent-indigo .btn-link,
    .accent-indigo .nav-tabs .nav-link,
    .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(119, 54, 217);
    }
    .accent-indigo .btn-link:hover,
    .accent-indigo .nav-tabs .nav-link:hover,
    .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(148, 96, 223);
    }
    .accent-indigo .dropdown-item.active,
    .accent-indigo .dropdown-item:active {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(86, 28, 178);
    }
    .accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-indigo .custom-file-input:focus ~ .custom-file-label,
    .accent-indigo .custom-select:focus,
    .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(62, 23, 123);
    }
    .accent-indigo .page-item .page-link {
        color: rgb(119, 54, 217);
    }
    .accent-indigo .page-item.active .page-link,
    .accent-indigo .page-item.active a {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
        color: #d1d7e0;
    }
    .accent-indigo .page-item.disabled .page-link,
    .accent-indigo .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-indigo .page-item .page-link:focus,
    .dark-mode.accent-indigo .page-item .page-link:hover {
        color: rgb(129, 70, 219);
    }
    .accent-purple .btn-link,
    .accent-purple .nav-tabs .nav-link,
    .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(128, 93, 183);
    }
    .accent-purple .btn-link:hover,
    .accent-purple .nav-tabs .nav-link:hover,
    .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(155, 126, 196);
    }
    .accent-purple .dropdown-item.active,
    .accent-purple .dropdown-item:active {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .accent-purple .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(95, 63, 146);
    }
    .accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-purple .custom-file-input:focus ~ .custom-file-label,
    .accent-purple .custom-select:focus,
    .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(67, 47, 101);
    }
    .accent-purple .page-item .page-link {
        color: rgb(128, 93, 183);
    }
    .accent-purple .page-item.active .page-link,
    .accent-purple .page-item.active a {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
        color: #d1d7e0;
    }
    .accent-purple .page-item.disabled .page-link,
    .accent-purple .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-purple .page-item .page-link:focus,
    .dark-mode.accent-purple .page-item .page-link:hover {
        color: rgb(138, 106, 188);
    }
    .accent-pink .btn-link,
    .accent-pink .nav-tabs .nav-link,
    .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(218, 87, 143);
    }
    .accent-pink .btn-link:hover,
    .accent-pink .nav-tabs .nav-link:hover,
    .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(218, 87, 143);
    }
    .accent-pink .dropdown-item.active,
    .accent-pink .dropdown-item:active {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .accent-pink .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(166, 38, 94);
    }
    .accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-pink .custom-file-input:focus ~ .custom-file-label,
    .accent-pink .custom-select:focus,
    .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(112, 29, 65);
    }
    .accent-pink .page-item .page-link {
        color: rgb(218, 87, 143);
    }
    .accent-pink .page-item.active .page-link,
    .accent-pink .page-item.active a {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
        color: #d1d7e0;
    }
    .accent-pink .page-item.disabled .page-link,
    .accent-pink .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-pink .page-item .page-link:focus,
    .dark-mode.accent-pink .page-item .page-link:hover {
        color: rgb(222, 101, 152);
    }
    .accent-red .btn-link,
    .accent-red .nav-tabs .nav-link,
    .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(208, 82, 91);
    }
    .accent-red .btn-link:hover,
    .accent-red .nav-tabs .nav-link:hover,
    .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(213, 105, 111);
    }
    .accent-red .dropdown-item.active,
    .accent-red .dropdown-item:active {
        background-color: rgb(155, 44, 53);
        color: #d1d7e0;
    }
    .accent-red .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(155, 44, 53);
        border-color: rgb(163, 45, 55);
    }
    .accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-red .custom-file-input:focus ~ .custom-file-label,
    .accent-red .custom-select:focus,
    .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(112, 34, 39);
    }
    .accent-red .page-item .page-link {
        color: rgb(208, 82, 91);
    }
    .accent-red .page-item.active .page-link,
    .accent-red .page-item.active a {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0;
    }
    .accent-red .page-item.disabled .page-link,
    .accent-red .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-red .page-item .page-link:focus,
    .dark-mode.accent-red .page-item .page-link:hover {
        color: rgb(212, 96, 104);
    }
    .accent-orange .btn-link,
    .accent-orange .nav-tabs .nav-link,
    .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(237, 141, 58);
    }
    .accent-orange .btn-link:hover,
    .accent-orange .nav-tabs .nav-link:hover,
    .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(239, 154, 82);
    }
    .accent-orange .dropdown-item.active,
    .accent-orange .dropdown-item:active {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .accent-orange .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(191, 100, 23);
    }
    .accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-orange .custom-file-input:focus ~ .custom-file-label,
    .accent-orange .custom-select:focus,
    .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(131, 70, 20);
    }
    .accent-orange .page-item .page-link {
        color: rgb(237, 141, 58);
    }
    .accent-orange .page-item.active .page-link,
    .accent-orange .page-item.active a {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
        color: #d1d7e0;
    }
    .accent-orange .page-item.disabled .page-link,
    .accent-orange .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-orange .page-item .page-link:focus,
    .dark-mode.accent-orange .page-item .page-link:hover {
        color: rgb(238, 150, 73);
    }
    .accent-yellow .btn-link,
    .accent-yellow .nav-tabs .nav-link,
    .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(243, 195, 53);
    }
    .accent-yellow .btn-link:hover,
    .accent-yellow .nav-tabs .nav-link:hover,
    .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(244, 204, 90);
    }
    .accent-yellow .dropdown-item.active,
    .accent-yellow .dropdown-item:active {
        background-color: rgb(148, 115, 22);
        color: rgb(202, 195, 185);
    }
    .accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(148, 115, 22);
        border-color: rgb(199, 155, 25);
    }
    .accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-yellow .custom-file-input:focus ~ .custom-file-label,
    .accent-yellow .custom-select:focus,
    .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(137, 107, 21);
    }
    .accent-yellow .page-item .page-link {
        color: rgb(243, 195, 53);
    }
    .accent-yellow .page-item.active .page-link,
    .accent-yellow .page-item.active a {
        background-color: rgb(148, 115, 22);
        border-color: rgb(171, 134, 23);
        color: #d1d7e0;
    }
    .accent-yellow .page-item.disabled .page-link,
    .accent-yellow .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-yellow .page-item .page-link:focus,
    .dark-mode.accent-yellow .page-item .page-link:hover {
        color: rgb(244, 199, 69);
    }
    .accent-green .btn-link,
    .accent-green .nav-tabs .nav-link,
    .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(112, 207, 127);
    }
    .accent-green .btn-link:hover,
    .accent-green .nav-tabs .nav-link:hover,
    .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(150, 219, 159);
    }
    .accent-green .dropdown-item.active,
    .accent-green .dropdown-item:active {
        background-color: rgb(50, 132, 65);
        color: #d1d7e0;
    }
    .accent-green .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(50, 132, 65);
        border-color: rgb(63, 173, 84);
    }
    .accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-green .custom-file-input:focus ~ .custom-file-label,
    .accent-green .custom-select:focus,
    .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(48, 124, 62);
    }
    .accent-green .page-item .page-link {
        color: rgb(112, 207, 127);
    }
    .accent-green .page-item.active .page-link,
    .accent-green .page-item.active a {
        background-color: rgb(50, 132, 65);
        border-color: rgb(56, 151, 74);
        color: #d1d7e0;
    }
    .accent-green .page-item.disabled .page-link,
    .accent-green .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-green .page-item .page-link:focus,
    .dark-mode.accent-green .page-item .page-link:hover {
        color: rgb(99, 204, 118);
    }
    .accent-teal .btn-link,
    .accent-teal .nav-tabs .nav-link,
    .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(91, 215, 173);
    }
    .accent-teal .btn-link:hover,
    .accent-teal .nav-tabs .nav-link:hover,
    .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(131, 223, 190);
    }
    .accent-teal .dropdown-item.active,
    .accent-teal .dropdown-item:active {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .accent-teal .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(54, 178, 137);
    }
    .accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-teal .custom-file-input:focus ~ .custom-file-label,
    .accent-teal .custom-select:focus,
    .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(41, 125, 97);
    }
    .accent-teal .page-item .page-link {
        color: rgb(91, 215, 173);
    }
    .accent-teal .page-item.active .page-link,
    .accent-teal .page-item.active a {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
        color: #d1d7e0;
    }
    .accent-teal .page-item.disabled .page-link,
    .accent-teal .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-teal .page-item .page-link:focus,
    .dark-mode.accent-teal .page-item .page-link:hover {
        color: rgb(81, 212, 169);
    }
    .accent-cyan .btn-link,
    .accent-cyan .nav-tabs .nav-link,
    .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(100, 204, 216);
    }
    .accent-cyan .btn-link:hover,
    .accent-cyan .nav-tabs .nav-link:hover,
    .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(142, 215, 223);
    }
    .accent-cyan .dropdown-item.active,
    .accent-cyan .dropdown-item:active {
        background-color: rgb(40, 129, 140);
        color: #d1d7e0;
    }
    .accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(40, 129, 140);
        border-color: rgb(51, 169, 184);
    }
    .accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-cyan .custom-file-input:focus ~ .custom-file-label,
    .accent-cyan .custom-select:focus,
    .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(38, 121, 132);
    }
    .accent-cyan .page-item .page-link {
        color: rgb(100, 204, 216);
    }
    .accent-cyan .page-item.active .page-link,
    .accent-cyan .page-item.active a {
        background-color: rgb(40, 129, 140);
        border-color: rgb(44, 148, 161);
        color: #d1d7e0;
    }
    .accent-cyan .page-item.disabled .page-link,
    .accent-cyan .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-cyan .page-item .page-link:focus,
    .dark-mode.accent-cyan .page-item .page-link:hover {
        color: rgb(86, 200, 214);
    }
    .accent-white .btn-link,
    .accent-white .nav-tabs .nav-link,
    .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #d1d7e0;
    }
    .accent-white .btn-link:hover,
    .accent-white .nav-tabs .nav-link:hover,
    .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(207, 200, 190);
    }
    .accent-white .dropdown-item.active,
    .accent-white .dropdown-item:active {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .accent-white .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
    }
    .accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-white .custom-file-input:focus ~ .custom-file-label,
    .accent-white .custom-select:focus,
    .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(58, 61, 61);
    }
    .accent-white .page-item .page-link {
        color: #d1d7e0;
    }
    .accent-white .page-item.active .page-link,
    .accent-white .page-item.active a {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
        color: #d1d7e0;
    }
    .accent-white .page-item.disabled .page-link,
    .accent-white .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-white .page-item .page-link:focus,
    .dark-mode.accent-white .page-item .page-link:hover {
        color: #d1d7e0;
    }
    .accent-gray .btn-link,
    .accent-gray .nav-tabs .nav-link,
    .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(159, 151, 136);
    }
    .accent-gray .btn-link:hover,
    .accent-gray .nav-tabs .nav-link:hover,
    .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(182, 175, 163);
    }
    .accent-gray .dropdown-item.active,
    .accent-gray .dropdown-item:active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .accent-gray .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-gray .custom-file-input:focus ~ .custom-file-label,
    .accent-gray .custom-select:focus,
    .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(78, 82, 82);
    }
    .accent-gray .page-item .page-link {
        color: rgb(159, 151, 136);
    }
    .accent-gray .page-item.active .page-link,
    .accent-gray .page-item.active a {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .accent-gray .page-item.disabled .page-link,
    .accent-gray .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-gray .page-item .page-link:focus,
    .dark-mode.accent-gray .page-item .page-link:hover {
        color: rgb(154, 145, 130);
    }
    .accent-gray-dark .btn-link,
    .accent-gray-dark .nav-tabs .nav-link,
    .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #d1d7e0;
    }
    .accent-gray-dark .btn-link:hover,
    .accent-gray-dark .nav-tabs .nav-link:hover,
    .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(217, 211, 203);
    }
    .accent-gray-dark .dropdown-item.active,
    .accent-gray-dark .dropdown-item:active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .accent-gray-dark .custom-file-input:focus ~ .custom-file-label,
    .accent-gray-dark .custom-select:focus,
    .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(106, 98, 87);
    }
    .accent-gray-dark .page-item .page-link {
        color: #d1d7e0;
    }
    .accent-gray-dark .page-item.active .page-link,
    .accent-gray-dark .page-item.active a {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .accent-gray-dark .page-item.disabled .page-link,
    .accent-gray-dark .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode.accent-gray-dark .page-item .page-link:focus,
    .dark-mode.accent-gray-dark .page-item .page-link:hover {
        color: rgb(187, 180, 168);
    }
    [class*="accent-"] a.btn-primary {
        color: #d1d7e0;
    }
    [class*="accent-"] a.btn-secondary {
        color: #d1d7e0;
    }
    [class*="accent-"] a.btn-success {
        color: #d1d7e0;
    }
    [class*="accent-"] a.btn-info {
        color: #d1d7e0;
    }
    [class*="accent-"] a.btn-warning {
        color: rgb(202, 195, 185);
    }
    [class*="accent-"] a.btn-danger {
        color: #d1d7e0;
    }
    [class*="accent-"] a.btn-light {
        color: rgb(202, 195, 185);
    }
    [class*="accent-"] a.btn-dark {
        color: #d1d7e0;
    }
    .dark-mode .bg-light {
        background-color: rgb(68, 71, 71) !important;
        color: #d1d7e0 !important;
    }
    .dark-mode .link-black,
    .dark-mode .link-dark,
    .dark-mode .text-black,
    .dark-mode .text-dark {
        color: rgb(204, 197, 187);
    }
    .dark-mode .bg-primary {
        background-color: rgb(63, 88, 113) !important;
    }
    .dark-mode .bg-primary,
    .dark-mode .bg-primary > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-primary.btn:hover {
        border-color: rgb(77, 107, 138);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-primary.btn.active,
    .dark-mode .bg-primary.btn:active,
    .dark-mode .bg-primary.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-primary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(51, 70, 88) !important;
        border-color: rgb(77, 108, 140);
        color: #d1d7e0;
    }
    .dark-mode .bg-secondary {
        background-color: rgb(96, 100, 101) !important;
    }
    .dark-mode .bg-secondary,
    .dark-mode .bg-secondary > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-secondary.btn:hover {
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-secondary.btn.active,
    .dark-mode .bg-secondary.btn:active,
    .dark-mode .bg-secondary.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-secondary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(78, 81, 81) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .dark-mode .bg-success {
        background-color: rgb(25, 145, 112) !important;
    }
    .dark-mode .bg-success,
    .dark-mode .bg-success > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-success.btn:hover {
        border-color: rgb(31, 202, 154);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-success.btn.active,
    .dark-mode .bg-success.btn:active,
    .dark-mode .bg-success.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-success.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(22, 110, 85) !important;
        border-color: rgb(31, 206, 157);
        color: #d1d7e0;
    }
    .dark-mode .bg-info {
        background-color: rgb(48, 113, 154) !important;
    }
    .dark-mode .bg-info,
    .dark-mode .bg-info > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-info.btn:hover {
        border-color: rgb(47, 110, 151);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-info.btn.active,
    .dark-mode .bg-info.btn:active,
    .dark-mode .bg-info.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-info.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(45, 103, 141) !important;
        border-color: rgb(48, 112, 153);
        color: #d1d7e0;
    }
    .dark-mode .bg-warning {
        background-color: rgb(183, 125, 31) !important;
    }
    .dark-mode .bg-warning,
    .dark-mode .bg-warning > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-warning.btn:hover {
        border-color: rgb(176, 120, 30);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-warning.btn.active,
    .dark-mode .bg-warning.btn:active,
    .dark-mode .bg-warning.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-warning.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(156, 107, 28) !important;
        border-color: rgb(179, 122, 31);
        color: #d1d7e0;
    }
    .dark-mode .bg-danger {
        background-color: rgb(153, 47, 35) !important;
    }
    .dark-mode .bg-danger,
    .dark-mode .bg-danger > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-danger.btn:hover {
        border-color: rgb(154, 48, 35);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-danger.btn.active,
    .dark-mode .bg-danger.btn:active,
    .dark-mode .bg-danger.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-danger.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(161, 49, 36) !important;
        border-color: rgb(156, 49, 36);
        color: #d1d7e0;
    }
    .dark-mode .bg-light {
        background-color: rgb(39, 40, 40) !important;
    }
    .dark-mode .bg-light,
    .dark-mode .bg-light > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-light.btn:hover {
        border-color: rgb(67, 70, 70);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-light.btn.active,
    .dark-mode .bg-light.btn:active,
    .dark-mode .bg-light.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-light.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(53, 54, 54) !important;
        border-color: rgb(69, 72, 71);
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-dark {
        background-color: rgb(54, 56, 56) !important;
    }
    .dark-mode .bg-dark,
    .dark-mode .bg-dark > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-dark.btn:hover {
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-dark.btn.active,
    .dark-mode .bg-dark.btn:active,
    .dark-mode .bg-dark.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(36, 38, 38) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .dark-mode .bg-lightblue {
        background-color: rgb(51, 89, 109) !important;
    }
    .dark-mode .bg-lightblue,
    .dark-mode .bg-lightblue > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-lightblue.btn:hover {
        border-color: rgb(56, 98, 121);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-lightblue.btn.active,
    .dark-mode .bg-lightblue.btn:active,
    .dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(59, 104, 130) !important;
        border-color: rgb(57, 100, 123);
        color: #d1d7e0;
    }
    .dark-mode .bg-navy {
        background-color: rgb(17, 45, 73) !important;
    }
    .dark-mode .bg-navy,
    .dark-mode .bg-navy > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-navy.btn:hover {
        border-color: rgb(137, 127, 112);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-navy.btn.active,
    .dark-mode .bg-navy.btn:active,
    .dark-mode .bg-navy.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-navy.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(15, 26, 38) !important;
        border-color: rgb(139, 129, 114);
        color: #d1d7e0;
    }
    .dark-mode .bg-olive {
        background-color: rgb(63, 121, 98) !important;
    }
    .dark-mode .bg-olive,
    .dark-mode .bg-olive > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-olive.btn:hover {
        border-color: rgb(66, 125, 96);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-olive.btn.active,
    .dark-mode .bg-olive.btn:active,
    .dark-mode .bg-olive.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-olive.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(73, 139, 114) !important;
        border-color: rgb(67, 128, 97);
        color: #d1d7e0;
    }
    .dark-mode .bg-lime {
        background-color: rgb(24, 138, 87) !important;
    }
    .dark-mode .bg-lime,
    .dark-mode .bg-lime > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-lime.btn:hover {
        border-color: rgb(26, 156, 79);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-lime.btn.active,
    .dark-mode .bg-lime.btn:active,
    .dark-mode .bg-lime.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-lime.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(27, 165, 103) !important;
        border-color: rgb(26, 160, 81);
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-fuchsia {
        background-color: rgb(128, 26, 102) !important;
    }
    .dark-mode .bg-fuchsia,
    .dark-mode .bg-fuchsia > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-fuchsia.btn:hover {
        border-color: rgb(145, 28, 116);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-fuchsia.btn.active,
    .dark-mode .bg-fuchsia.btn:active,
    .dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(152, 29, 121) !important;
        border-color: rgb(148, 28, 118);
        color: #d1d7e0;
    }
    .dark-mode .bg-maroon {
        background-color: rgb(129, 32, 65) !important;
    }
    .dark-mode .bg-maroon,
    .dark-mode .bg-maroon > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-maroon.btn:hover {
        border-color: rgb(141, 35, 71);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-maroon.btn.active,
    .dark-mode .bg-maroon.btn:active,
    .dark-mode .bg-maroon.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-maroon.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(152, 37, 76) !important;
        border-color: rgb(144, 35, 72);
        color: #d1d7e0;
    }
    .dark-mode .bg-blue {
        background-color: rgb(63, 88, 113) !important;
    }
    .dark-mode .bg-blue,
    .dark-mode .bg-blue > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-blue.btn:hover {
        border-color: rgb(77, 107, 138);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-blue.btn.active,
    .dark-mode .bg-blue.btn:active,
    .dark-mode .bg-blue.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-blue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(51, 70, 88) !important;
        border-color: rgb(77, 108, 140);
        color: #d1d7e0;
    }
    .dark-mode .bg-indigo {
        background-color: rgb(84, 27, 173) !important;
    }
    .dark-mode .bg-indigo,
    .dark-mode .bg-indigo > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-indigo.btn:hover {
        border-color: rgb(80, 27, 165);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-indigo.btn.active,
    .dark-mode .bg-indigo.btn:active,
    .dark-mode .bg-indigo.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-indigo.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(71, 25, 144) !important;
        border-color: rgb(82, 27, 169);
        color: #d1d7e0;
    }
    .dark-mode .bg-purple {
        background-color: rgb(92, 62, 142) !important;
    }
    .dark-mode .bg-purple,
    .dark-mode .bg-purple > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-purple.btn:hover {
        border-color: rgb(88, 59, 136);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-purple.btn.active,
    .dark-mode .bg-purple.btn:active,
    .dark-mode .bg-purple.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-purple.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(78, 53, 120) !important;
        border-color: rgb(90, 60, 139);
        color: #d1d7e0;
    }
    .dark-mode .bg-pink {
        background-color: rgb(152, 36, 87) !important;
    }
    .dark-mode .bg-pink,
    .dark-mode .bg-pink > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-pink.btn:hover {
        border-color: rgb(154, 36, 87);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-pink.btn.active,
    .dark-mode .bg-pink.btn:active,
    .dark-mode .bg-pink.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-pink.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(163, 38, 93) !important;
        border-color: rgb(156, 37, 89);
        color: #d1d7e0;
    }
    .dark-mode .bg-red {
        background-color: rgb(153, 47, 35) !important;
    }
    .dark-mode .bg-red,
    .dark-mode .bg-red > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-red.btn:hover {
        border-color: rgb(154, 48, 35);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-red.btn.active,
    .dark-mode .bg-red.btn:active,
    .dark-mode .bg-red.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-red.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(161, 49, 36) !important;
        border-color: rgb(156, 49, 36);
        color: #d1d7e0;
    }
    .dark-mode .bg-orange {
        background-color: rgb(182, 96, 23) !important;
    }
    .dark-mode .bg-orange,
    .dark-mode .bg-orange > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-orange.btn:hover {
        border-color: rgb(177, 94, 23);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-orange.btn.active,
    .dark-mode .bg-orange.btn:active,
    .dark-mode .bg-orange.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-orange.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(168, 89, 23) !important;
        border-color: rgb(180, 95, 23);
        color: #d1d7e0;
    }
    .dark-mode .bg-yellow {
        background-color: rgb(183, 125, 31) !important;
    }
    .dark-mode .bg-yellow,
    .dark-mode .bg-yellow > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-yellow.btn:hover {
        border-color: rgb(176, 120, 30);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-yellow.btn.active,
    .dark-mode .bg-yellow.btn:active,
    .dark-mode .bg-yellow.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-yellow.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(156, 107, 28) !important;
        border-color: rgb(179, 122, 31);
        color: #d1d7e0;
    }
    .dark-mode .bg-green {
        background-color: rgb(25, 145, 112) !important;
    }
    .dark-mode .bg-green,
    .dark-mode .bg-green > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-green.btn:hover {
        border-color: rgb(31, 202, 154);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-green.btn.active,
    .dark-mode .bg-green.btn:active,
    .dark-mode .bg-green.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-green.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(22, 110, 85) !important;
        border-color: rgb(31, 206, 157);
        color: #d1d7e0;
    }
    .dark-mode .bg-teal {
        background-color: rgb(48, 156, 120) !important;
    }
    .dark-mode .bg-teal,
    .dark-mode .bg-teal > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-teal.btn:hover {
        border-color: rgb(51, 167, 129);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-teal.btn.active,
    .dark-mode .bg-teal.btn:active,
    .dark-mode .bg-teal.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-teal.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(40, 125, 96) !important;
        border-color: rgb(51, 169, 131);
        color: #d1d7e0;
    }
    .dark-mode .bg-cyan {
        background-color: rgb(48, 113, 154) !important;
    }
    .dark-mode .bg-cyan,
    .dark-mode .bg-cyan > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-cyan.btn:hover {
        border-color: rgb(47, 110, 151);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-cyan.btn.active,
    .dark-mode .bg-cyan.btn:active,
    .dark-mode .bg-cyan.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-cyan.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(45, 103, 141) !important;
        border-color: rgb(48, 112, 153);
        color: #d1d7e0;
    }
    .dark-mode .bg-white {
        background-color: #202831 !important;
    }
    .dark-mode .bg-white,
    .dark-mode .bg-white > a {
        color: rgb(202, 195, 185) !important;
    }
    .dark-mode .bg-white.btn:hover {
        border-color: rgb(65, 68, 68);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-white.btn.active,
    .dark-mode .bg-white.btn:active,
    .dark-mode .bg-white.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-white.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(49, 51, 51) !important;
        border-color: rgb(67, 70, 70);
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gray {
        background-color: rgb(96, 100, 101) !important;
    }
    .dark-mode .bg-gray,
    .dark-mode .bg-gray > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-gray.btn:hover {
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gray.btn.active,
    .dark-mode .bg-gray.btn:active,
    .dark-mode .bg-gray.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gray.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(78, 81, 81) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .dark-mode .bg-gray-dark {
        background-color: rgb(54, 56, 56) !important;
    }
    .dark-mode .bg-gray-dark,
    .dark-mode .bg-gray-dark > a {
        color: #d1d7e0 !important;
    }
    .dark-mode .bg-gray-dark.btn:hover {
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gray-dark.btn.active,
    .dark-mode .bg-gray-dark.btn:active,
    .dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(36, 38, 38) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-primary {
        background-color: rgb(63, 88, 113) !important;
        background-image: linear-gradient(rgb(85, 105, 126), rgb(63, 88, 113)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-primary.btn.disabled,
    .dark-mode .bg-gradient-primary.btn:disabled,
    .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-primary.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-primary.btn:hover {
        background-color: rgb(63, 88, 113) !important;
        background-image: linear-gradient(rgb(77, 93, 110), rgb(54, 74, 94)) !important;
        border-color: rgb(77, 107, 138);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-primary.btn.active,
    .dark-mode .bg-gradient-primary.btn:active,
    .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(63, 88, 113) !important;
        background-image: linear-gradient(rgb(74, 89, 104), rgb(51, 70, 88)) !important;
        border-color: rgb(77, 108, 140);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-secondary {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(98, 103, 103), rgb(96, 100, 101)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-secondary.btn.disabled,
    .dark-mode .bg-gradient-secondary.btn:disabled,
    .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-secondary.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-secondary.btn:hover {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(99, 104, 103), rgb(82, 85, 86)) !important;
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-secondary.btn.active,
    .dark-mode .bg-gradient-secondary.btn:active,
    .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(95, 99, 100), rgb(78, 81, 81)) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-success {
        background-color: rgb(25, 145, 112) !important;
        background-image: linear-gradient(rgb(52, 154, 125), rgb(25, 145, 112)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-success.btn.disabled,
    .dark-mode .bg-gradient-success.btn:disabled,
    .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-success.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-success.btn:hover {
        background-color: rgb(25, 145, 112) !important;
        background-image: linear-gradient(rgb(50, 131, 107), rgb(23, 119, 92)) !important;
        border-color: rgb(31, 202, 154);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-success.btn.active,
    .dark-mode .bg-gradient-success.btn:active,
    .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(25, 145, 112) !important;
        background-image: linear-gradient(rgb(49, 124, 102), rgb(22, 110, 85)) !important;
        border-color: rgb(31, 206, 157);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-info {
        background-color: rgb(48, 113, 154) !important;
        background-image: linear-gradient(rgb(45, 102, 139), rgb(48, 113, 154)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-info.btn.disabled,
    .dark-mode .bg-gradient-info.btn:disabled,
    .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-info.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-info.btn:hover {
        background-color: rgb(48, 113, 154) !important;
        background-image: linear-gradient(rgb(57, 111, 145), rgb(47, 109, 148)) !important;
        border-color: rgb(47, 110, 151);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-info.btn.active,
    .dark-mode .bg-gradient-info.btn:active,
    .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(48, 113, 154) !important;
        background-image: linear-gradient(rgb(63, 113, 144), rgb(45, 103, 141)) !important;
        border-color: rgb(48, 112, 153);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-warning {
        background-color: rgb(183, 125, 31) !important;
        background-image: linear-gradient(rgb(164, 112, 29), rgb(183, 125, 31)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-warning.btn.disabled,
    .dark-mode .bg-gradient-warning.btn:disabled,
    .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-warning.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-warning.btn:hover {
        background-color: rgb(183, 125, 31) !important;
        background-image: linear-gradient(rgb(164, 119, 47), rgb(164, 112, 29)) !important;
        border-color: rgb(176, 120, 30);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-warning.btn.active,
    .dark-mode .bg-gradient-warning.btn:active,
    .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(183, 125, 31) !important;
        background-image: linear-gradient(rgb(162, 121, 54), rgb(156, 107, 28)) !important;
        border-color: rgb(179, 122, 31);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-danger {
        background-color: rgb(153, 47, 35) !important;
        background-image: linear-gradient(rgb(138, 44, 32), rgb(153, 47, 35)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-danger.btn.disabled,
    .dark-mode .bg-gradient-danger.btn:disabled,
    .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-danger.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-danger.btn:hover {
        background-color: rgb(153, 47, 35) !important;
        background-image: linear-gradient(rgb(152, 47, 35), rgb(168, 51, 37)) !important;
        border-color: rgb(154, 48, 35);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-danger.btn.active,
    .dark-mode .bg-gradient-danger.btn:active,
    .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(153, 47, 35) !important;
        background-image: linear-gradient(rgb(152, 54, 42), rgb(161, 49, 36)) !important;
        border-color: rgb(156, 49, 36);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-light {
        background-color: rgb(39, 40, 40) !important;
        background-image: linear-gradient(rgb(39, 40, 39), rgb(39, 40, 40)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-light.btn.disabled,
    .dark-mode .bg-gradient-light.btn:disabled,
    .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-light.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-light.btn:hover {
        background-color: rgb(39, 40, 40) !important;
        background-image: linear-gradient(rgb(47, 49, 49), rgb(49, 51, 51)) !important;
        border-color: rgb(67, 70, 70);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-light.btn.active,
    .dark-mode .bg-gradient-light.btn:active,
    .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(39, 40, 40) !important;
        background-image: linear-gradient(rgb(50, 52, 52), rgb(53, 54, 54)) !important;
        border-color: rgb(69, 72, 71);
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-dark {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(75, 78, 79), rgb(54, 56, 56)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-dark.btn.disabled,
    .dark-mode .bg-gradient-dark.btn:disabled,
    .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-dark.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-dark.btn:hover {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(64, 66, 67), rgb(40, 42, 42)) !important;
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-dark.btn.active,
    .dark-mode .bg-gradient-dark.btn:active,
    .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(60, 63, 63), rgb(36, 38, 38)) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-lightblue {
        background-color: rgb(51, 89, 109) !important;
        background-image: linear-gradient(rgb(47, 81, 99), rgb(51, 89, 109)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-lightblue.btn.disabled,
    .dark-mode .bg-gradient-lightblue.btn:disabled,
    .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-lightblue.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-lightblue.btn:hover {
        background-color: rgb(51, 89, 109) !important;
        background-image: linear-gradient(rgb(52, 92, 112), rgb(57, 100, 124)) !important;
        border-color: rgb(56, 98, 121);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-lightblue.btn.active,
    .dark-mode .bg-gradient-lightblue.btn:active,
    .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(51, 89, 109) !important;
        background-image: linear-gradient(rgb(54, 94, 117), rgb(59, 104, 130)) !important;
        border-color: rgb(57, 100, 123);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-navy {
        background-color: rgb(17, 45, 73) !important;
        background-image: linear-gradient(rgb(44, 68, 90), rgb(17, 45, 73)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-navy.btn.disabled,
    .dark-mode .bg-gradient-navy.btn:disabled,
    .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-navy.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-navy.btn:hover {
        background-color: rgb(17, 45, 73) !important;
        background-image: linear-gradient(rgb(43, 56, 69), rgb(15, 31, 47)) !important;
        border-color: rgb(137, 127, 112);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-navy.btn.active,
    .dark-mode .bg-gradient-navy.btn:active,
    .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(17, 45, 73) !important;
        background-image: linear-gradient(rgb(42, 52, 61), rgb(15, 26, 38)) !important;
        border-color: rgb(139, 129, 114);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-olive {
        background-color: rgb(63, 121, 98) !important;
        background-image: linear-gradient(rgb(58, 109, 89), rgb(63, 121, 98)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-olive.btn.disabled,
    .dark-mode .bg-gradient-olive.btn:disabled,
    .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-olive.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-olive.btn:hover {
        background-color: rgb(63, 121, 98) !important;
        background-image: linear-gradient(rgb(64, 121, 99), rgb(70, 135, 109)) !important;
        border-color: rgb(66, 125, 96);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-olive.btn.active,
    .dark-mode .bg-gradient-olive.btn:active,
    .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(63, 121, 98) !important;
        background-image: linear-gradient(rgb(66, 126, 103), rgb(73, 139, 114)) !important;
        border-color: rgb(67, 128, 97);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-lime {
        background-color: rgb(24, 138, 87) !important;
        background-image: linear-gradient(rgb(23, 126, 80), rgb(24, 138, 87)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-lime.btn.disabled,
    .dark-mode .bg-gradient-lime.btn:disabled,
    .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-lime.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-lime.btn:hover {
        background-color: rgb(24, 138, 87) !important;
        background-image: linear-gradient(rgb(25, 143, 90), rgb(26, 158, 99)) !important;
        border-color: rgb(26, 156, 79);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-lime.btn.active,
    .dark-mode .bg-gradient-lime.btn:active,
    .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(24, 138, 87) !important;
        background-image: linear-gradient(rgb(25, 149, 94), rgb(27, 165, 103)) !important;
        border-color: rgb(26, 160, 81);
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-fuchsia {
        background-color: rgb(128, 26, 102) !important;
        background-image: linear-gradient(rgb(117, 25, 94), rgb(128, 26, 102)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-fuchsia.btn.disabled,
    .dark-mode .bg-gradient-fuchsia.btn:disabled,
    .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-fuchsia.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-fuchsia.btn:hover {
        background-color: rgb(128, 26, 102) !important;
        background-image: linear-gradient(rgb(132, 27, 106), rgb(146, 28, 116)) !important;
        border-color: rgb(145, 28, 116);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-fuchsia.btn.active,
    .dark-mode .bg-gradient-fuchsia.btn:active,
    .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(128, 26, 102) !important;
        background-image: linear-gradient(rgb(138, 27, 110), rgb(152, 29, 121)) !important;
        border-color: rgb(148, 28, 118);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-maroon {
        background-color: rgb(129, 32, 65) !important;
        background-image: linear-gradient(rgb(117, 31, 61), rgb(129, 32, 65)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-maroon.btn.disabled,
    .dark-mode .bg-gradient-maroon.btn:disabled,
    .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-maroon.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-maroon.btn:hover {
        background-color: rgb(129, 32, 65) !important;
        background-image: linear-gradient(rgb(132, 33, 67), rgb(146, 36, 74)) !important;
        border-color: rgb(141, 35, 71);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-maroon.btn.active,
    .dark-mode .bg-gradient-maroon.btn:active,
    .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(129, 32, 65) !important;
        background-image: linear-gradient(rgb(136, 34, 69), rgb(152, 37, 76)) !important;
        border-color: rgb(144, 35, 72);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-blue {
        background-color: rgb(63, 88, 113) !important;
        background-image: linear-gradient(rgb(85, 105, 126), rgb(63, 88, 113)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-blue.btn.disabled,
    .dark-mode .bg-gradient-blue.btn:disabled,
    .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-blue.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-blue.btn:hover {
        background-color: rgb(63, 88, 113) !important;
        background-image: linear-gradient(rgb(77, 93, 110), rgb(54, 74, 94)) !important;
        border-color: rgb(77, 107, 138);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-blue.btn.active,
    .dark-mode .bg-gradient-blue.btn:active,
    .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(63, 88, 113) !important;
        background-image: linear-gradient(rgb(74, 89, 104), rgb(51, 70, 88)) !important;
        border-color: rgb(77, 108, 140);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-indigo {
        background-color: rgb(84, 27, 173) !important;
        background-image: linear-gradient(rgb(76, 26, 155), rgb(84, 27, 173)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-indigo.btn.disabled,
    .dark-mode .bg-gradient-indigo.btn:disabled,
    .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-indigo.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-indigo.btn:hover {
        background-color: rgb(84, 27, 173) !important;
        background-image: linear-gradient(rgb(89, 46, 154), rgb(75, 26, 151)) !important;
        border-color: rgb(80, 27, 165);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-indigo.btn.active,
    .dark-mode .bg-gradient-indigo.btn:active,
    .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(84, 27, 173) !important;
        background-image: linear-gradient(rgb(91, 51, 151), rgb(71, 25, 144)) !important;
        border-color: rgb(82, 27, 169);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-purple {
        background-color: rgb(92, 62, 142) !important;
        background-image: linear-gradient(rgb(84, 56, 128), rgb(92, 62, 142)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-purple.btn.disabled,
    .dark-mode .bg-gradient-purple.btn:disabled,
    .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-purple.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-purple.btn:hover {
        background-color: rgb(92, 62, 142) !important;
        background-image: linear-gradient(rgb(93, 71, 130), rgb(82, 56, 126)) !important;
        border-color: rgb(88, 59, 136);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-purple.btn.active,
    .dark-mode .bg-gradient-purple.btn:active,
    .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(92, 62, 142) !important;
        background-image: linear-gradient(rgb(97, 75, 131), rgb(78, 53, 120)) !important;
        border-color: rgb(90, 60, 139);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-pink {
        background-color: rgb(152, 36, 87) !important;
        background-image: linear-gradient(rgb(137, 34, 79), rgb(152, 36, 87)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-pink.btn.disabled,
    .dark-mode .bg-gradient-pink.btn:disabled,
    .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-pink.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-pink.btn:hover {
        background-color: rgb(152, 36, 87) !important;
        background-image: linear-gradient(rgb(152, 36, 87), rgb(170, 39, 96)) !important;
        border-color: rgb(154, 36, 87);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-pink.btn.active,
    .dark-mode .bg-gradient-pink.btn:active,
    .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(152, 36, 87) !important;
        background-image: linear-gradient(rgb(153, 42, 90), rgb(163, 38, 93)) !important;
        border-color: rgb(156, 37, 89);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-red {
        background-color: rgb(153, 47, 35) !important;
        background-image: linear-gradient(rgb(138, 44, 32), rgb(153, 47, 35)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-red.btn.disabled,
    .dark-mode .bg-gradient-red.btn:disabled,
    .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-red.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-red.btn:hover {
        background-color: rgb(153, 47, 35) !important;
        background-image: linear-gradient(rgb(152, 47, 35), rgb(168, 51, 37)) !important;
        border-color: rgb(154, 48, 35);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-red.btn.active,
    .dark-mode .bg-gradient-red.btn:active,
    .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(153, 47, 35) !important;
        background-image: linear-gradient(rgb(152, 54, 42), rgb(161, 49, 36)) !important;
        border-color: rgb(156, 49, 36);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-orange {
        background-color: rgb(182, 96, 23) !important;
        background-image: linear-gradient(rgb(162, 86, 22), rgb(182, 96, 23)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-orange.btn.disabled,
    .dark-mode .bg-gradient-orange.btn:disabled,
    .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-orange.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-orange.btn:hover {
        background-color: rgb(182, 96, 23) !important;
        background-image: linear-gradient(rgb(168, 95, 34), rgb(176, 94, 23)) !important;
        border-color: rgb(177, 94, 23);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-orange.btn.active,
    .dark-mode .bg-gradient-orange.btn:active,
    .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(182, 96, 23) !important;
        background-image: linear-gradient(rgb(167, 99, 41), rgb(168, 89, 23)) !important;
        border-color: rgb(180, 95, 23);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-yellow {
        background-color: rgb(183, 125, 31) !important;
        background-image: linear-gradient(rgb(164, 112, 29), rgb(183, 125, 31)) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-yellow.btn.disabled,
    .dark-mode .bg-gradient-yellow.btn:disabled,
    .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-yellow.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-yellow.btn:hover {
        background-color: rgb(183, 125, 31) !important;
        background-image: linear-gradient(rgb(164, 119, 47), rgb(164, 112, 29)) !important;
        border-color: rgb(176, 120, 30);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-yellow.btn.active,
    .dark-mode .bg-gradient-yellow.btn:active,
    .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(183, 125, 31) !important;
        background-image: linear-gradient(rgb(162, 121, 54), rgb(156, 107, 28)) !important;
        border-color: rgb(179, 122, 31);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-green {
        background-color: rgb(25, 145, 112) !important;
        background-image: linear-gradient(rgb(52, 154, 125), rgb(25, 145, 112)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-green.btn.disabled,
    .dark-mode .bg-gradient-green.btn:disabled,
    .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-green.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-green.btn:hover {
        background-color: rgb(25, 145, 112) !important;
        background-image: linear-gradient(rgb(50, 131, 107), rgb(23, 119, 92)) !important;
        border-color: rgb(31, 202, 154);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-green.btn.active,
    .dark-mode .bg-gradient-green.btn:active,
    .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(25, 145, 112) !important;
        background-image: linear-gradient(rgb(49, 124, 102), rgb(22, 110, 85)) !important;
        border-color: rgb(31, 206, 157);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-teal {
        background-color: rgb(48, 156, 120) !important;
        background-image: linear-gradient(rgb(58, 151, 127), rgb(48, 156, 120)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-teal.btn.disabled,
    .dark-mode .bg-gradient-teal.btn:disabled,
    .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-teal.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-teal.btn:hover {
        background-color: rgb(48, 156, 120) !important;
        background-image: linear-gradient(rgb(67, 143, 117), rgb(43, 132, 103)) !important;
        border-color: rgb(51, 167, 129);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-teal.btn.active,
    .dark-mode .bg-gradient-teal.btn:active,
    .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(48, 156, 120) !important;
        background-image: linear-gradient(rgb(64, 136, 112), rgb(40, 125, 96)) !important;
        border-color: rgb(51, 169, 131);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-cyan {
        background-color: rgb(48, 113, 154) !important;
        background-image: linear-gradient(rgb(45, 102, 139), rgb(48, 113, 154)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-cyan.btn.disabled,
    .dark-mode .bg-gradient-cyan.btn:disabled,
    .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-cyan.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-cyan.btn:hover {
        background-color: rgb(48, 113, 154) !important;
        background-image: linear-gradient(rgb(57, 111, 145), rgb(47, 109, 148)) !important;
        border-color: rgb(47, 110, 151);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-cyan.btn.active,
    .dark-mode .bg-gradient-cyan.btn:active,
    .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(48, 113, 154) !important;
        background-image: linear-gradient(rgb(63, 113, 144), rgb(45, 103, 141)) !important;
        border-color: rgb(48, 112, 153);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-white {
        background-color: #202831 !important;
        background-image: linear-gradient(#202831, #202831) !important;
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-white.btn.disabled,
    .dark-mode .bg-gradient-white.btn:disabled,
    .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-white.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-white.btn:hover {
        background-color: #202831 !important;
        background-image: linear-gradient(rgb(44, 46, 46), rgb(46, 48, 47)) !important;
        border-color: rgb(65, 68, 68);
        color: rgb(213, 207, 197);
    }
    .dark-mode .bg-gradient-white.btn.active,
    .dark-mode .bg-gradient-white.btn:active,
    .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active {
        background-color: #202831 !important;
        background-image: linear-gradient(rgb(47, 49, 49), rgb(49, 51, 51)) !important;
        border-color: rgb(67, 70, 70);
        color: rgb(202, 195, 185);
    }
    .dark-mode .bg-gradient-gray {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(98, 103, 103), rgb(96, 100, 101)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-gray.btn.disabled,
    .dark-mode .bg-gradient-gray.btn:disabled,
    .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-gray.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-gray.btn:hover {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(99, 104, 103), rgb(82, 85, 86)) !important;
        border-color: rgb(115, 107, 94);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-gray.btn.active,
    .dark-mode .bg-gradient-gray.btn:active,
    .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(96, 100, 101) !important;
        background-image: linear-gradient(rgb(95, 99, 100), rgb(78, 81, 81)) !important;
        border-color: rgb(117, 109, 96);
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-gray-dark {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(75, 78, 79), rgb(54, 56, 56)) !important;
        color: #d1d7e0;
    }
    .dark-mode .bg-gradient-gray-dark.btn.disabled,
    .dark-mode .bg-gradient-gray-dark.btn:disabled,
    .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,
    .show > .dark-mode .bg-gradient-gray-dark.btn.dropdown-toggle {
        background-image: none !important;
    }
    .dark-mode .bg-gradient-gray-dark.btn:hover {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(64, 66, 67), rgb(40, 42, 42)) !important;
        border-color: rgb(132, 123, 109);
        color: rgb(218, 212, 203);
    }
    .dark-mode .bg-gradient-gray-dark.btn.active,
    .dark-mode .bg-gradient-gray-dark.btn:active,
    .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
    .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active {
        background-color: rgb(54, 56, 56) !important;
        background-image: linear-gradient(rgb(60, 63, 63), rgb(36, 38, 38)) !important;
        border-color: rgb(134, 125, 110);
        color: #d1d7e0;
    }
    .dark-mode .accent-primary .btn-link,
    .dark-mode .accent-primary .nav-tabs .nav-link,
    .dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(140, 168, 190);
    }
    .dark-mode .accent-primary .btn-link:hover,
    .dark-mode .accent-primary .nav-tabs .nav-link:hover,
    .dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(169, 189, 203);
    }
    .dark-mode .accent-primary .dropdown-item.active,
    .dark-mode .accent-primary .dropdown-item:active {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(80, 112, 148);
    }
    .dark-mode .accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-primary .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-primary .custom-select:focus,
    .dark-mode .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .accent-primary .page-item .page-link {
        color: rgb(140, 168, 190);
    }
    .dark-mode .accent-primary .page-item.active .page-link,
    .dark-mode .accent-primary .page-item.active a {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        color: #d1d7e0;
    }
    .dark-mode .accent-primary .page-item.disabled .page-link,
    .dark-mode .accent-primary .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-primary .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-primary .page-item .page-link:hover {
        color: rgb(131, 162, 185);
    }
    .dark-mode .accent-secondary .btn-link,
    .dark-mode .accent-secondary .nav-tabs .nav-link,
    .dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-secondary .btn-link:hover,
    .dark-mode .accent-secondary .nav-tabs .nav-link:hover,
    .dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(182, 175, 163);
    }
    .dark-mode .accent-secondary .dropdown-item.active,
    .dark-mode .accent-secondary .dropdown-item:active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .dark-mode .accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-secondary .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-secondary .custom-select:focus,
    .dark-mode .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .accent-secondary .page-item .page-link {
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-secondary .page-item.active .page-link,
    .dark-mode .accent-secondary .page-item.active a {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .accent-secondary .page-item.disabled .page-link,
    .dark-mode .accent-secondary .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-secondary .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-secondary .page-item .page-link:hover {
        color: rgb(154, 145, 130);
    }
    .dark-mode .accent-success .btn-link,
    .dark-mode .accent-success .nav-tabs .nav-link,
    .dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(95, 241, 198);
    }
    .dark-mode .accent-success .btn-link:hover,
    .dark-mode .accent-success .nav-tabs .nav-link:hover,
    .dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(141, 243, 210);
    }
    .dark-mode .accent-success .dropdown-item.active,
    .dark-mode .accent-success .dropdown-item:active {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(130, 121, 106);
    }
    .dark-mode .accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-success .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-success .custom-select:focus,
    .dark-mode .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .accent-success .page-item .page-link {
        color: rgb(95, 241, 198);
    }
    .dark-mode .accent-success .page-item.active .page-link,
    .dark-mode .accent-success .page-item.active a {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        color: #d1d7e0;
    }
    .dark-mode .accent-success .page-item.disabled .page-link,
    .dark-mode .accent-success .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-success .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-success .page-item .page-link:hover {
        color: rgb(80, 240, 193);
    }
    .dark-mode .accent-info .btn-link,
    .dark-mode .accent-info .nav-tabs .nav-link,
    .dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(87, 159, 205);
    }
    .dark-mode .accent-info .btn-link:hover,
    .dark-mode .accent-info .nav-tabs .nav-link:hover,
    .dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(110, 172, 210);
    }
    .dark-mode .accent-info .dropdown-item.active,
    .dark-mode .accent-info .dropdown-item:active {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(50, 118, 162);
    }
    .dark-mode .accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-info .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-info .custom-select:focus,
    .dark-mode .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .accent-info .page-item .page-link {
        color: rgb(87, 159, 205);
    }
    .dark-mode .accent-info .page-item.active .page-link,
    .dark-mode .accent-info .page-item.active a {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        color: #d1d7e0;
    }
    .dark-mode .accent-info .page-item.disabled .page-link,
    .dark-mode .accent-info .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-info .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-info .page-item .page-link:hover {
        color: rgb(101, 166, 208);
    }
    .dark-mode .accent-warning .btn-link,
    .dark-mode .accent-warning .nav-tabs .nav-link,
    .dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(232, 165, 60);
    }
    .dark-mode .accent-warning .btn-link:hover,
    .dark-mode .accent-warning .nav-tabs .nav-link:hover,
    .dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(235, 182, 96);
    }
    .dark-mode .accent-warning .dropdown-item.active,
    .dark-mode .accent-warning .dropdown-item:active {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(189, 128, 32);
    }
    .dark-mode .accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-warning .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-warning .custom-select:focus,
    .dark-mode .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .accent-warning .page-item .page-link {
        color: rgb(232, 165, 60);
    }
    .dark-mode .accent-warning .page-item.active .page-link,
    .dark-mode .accent-warning .page-item.active a {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        color: #d1d7e0;
    }
    .dark-mode .accent-warning .page-item.disabled .page-link,
    .dark-mode .accent-warning .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-warning .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-warning .page-item .page-link:hover {
        color: rgb(233, 172, 74);
    }
    .dark-mode .accent-danger .btn-link,
    .dark-mode .accent-danger .nav-tabs .nav-link,
    .dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(218, 98, 83);
    }
    .dark-mode .accent-danger .btn-link:hover,
    .dark-mode .accent-danger .nav-tabs .nav-link:hover,
    .dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(218, 100, 85);
    }
    .dark-mode .accent-danger .dropdown-item.active,
    .dark-mode .accent-danger .dropdown-item:active {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(165, 51, 37);
    }
    .dark-mode .accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-danger .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-danger .custom-select:focus,
    .dark-mode .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .accent-danger .page-item .page-link {
        color: rgb(218, 98, 83);
    }
    .dark-mode .accent-danger .page-item.active .page-link,
    .dark-mode .accent-danger .page-item.active a {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        color: #d1d7e0;
    }
    .dark-mode .accent-danger .page-item.disabled .page-link,
    .dark-mode .accent-danger .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-danger .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-danger .page-item .page-link:hover {
        color: rgb(221, 112, 97);
    }
    .dark-mode .accent-light .btn-link,
    .dark-mode .accent-light .nav-tabs .nav-link,
    .dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(225, 221, 212);
    }
    .dark-mode .accent-light .btn-link:hover,
    .dark-mode .accent-light .nav-tabs .nav-link:hover,
    .dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(203, 196, 186);
    }
    .dark-mode .accent-light .dropdown-item.active,
    .dark-mode .accent-light .dropdown-item:active {
        background-color: rgb(39, 40, 40);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(39, 40, 40);
        border-color: rgb(73, 76, 77);
    }
    .dark-mode .accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-light .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-light .custom-select:focus,
    .dark-mode .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .accent-light .page-item .page-link {
        color: rgb(225, 221, 212);
    }
    .dark-mode .accent-light .page-item.active .page-link,
    .dark-mode .accent-light .page-item.active a {
        background-color: rgb(39, 40, 40);
        border-color: rgb(60, 63, 63);
        color: #d1d7e0;
    }
    .dark-mode .accent-light .page-item.disabled .page-link,
    .dark-mode .accent-light .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-light .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-light .page-item .page-link:hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-dark .btn-link,
    .dark-mode .accent-dark .nav-tabs .nav-link,
    .dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #d1d7e0;
    }
    .dark-mode .accent-dark .btn-link:hover,
    .dark-mode .accent-dark .nav-tabs .nav-link:hover,
    .dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(217, 211, 203);
    }
    .dark-mode .accent-dark .dropdown-item.active,
    .dark-mode .accent-dark .dropdown-item:active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .dark-mode .accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-dark .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-dark .custom-select:focus,
    .dark-mode .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .accent-dark .page-item .page-link {
        color: #d1d7e0;
    }
    .dark-mode .accent-dark .page-item.active .page-link,
    .dark-mode .accent-dark .page-item.active a {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .accent-dark .page-item.disabled .page-link,
    .dark-mode .accent-dark .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-dark .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-dark .page-item .page-link:hover {
        color: rgb(187, 180, 168);
    }
    .dark-mode [class*="accent-"] a.btn-primary {
        color: #d1d7e0;
    }
    .dark-mode [class*="accent-"] a.btn-secondary {
        color: #d1d7e0;
    }
    .dark-mode [class*="accent-"] a.btn-success {
        color: #d1d7e0;
    }
    .dark-mode [class*="accent-"] a.btn-info {
        color: #d1d7e0;
    }
    .dark-mode [class*="accent-"] a.btn-warning {
        color: rgb(202, 195, 185);
    }
    .dark-mode [class*="accent-"] a.btn-danger {
        color: #d1d7e0;
    }
    .dark-mode [class*="accent-"] a.btn-light {
        color: rgb(202, 195, 185);
    }
    .dark-mode [class*="accent-"] a.btn-dark {
        color: #d1d7e0;
    }
    .dark-mode .accent-lightblue .btn-link,
    .dark-mode .accent-lightblue .nav-tabs .nav-link,
    .dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(141, 182, 201);
    }
    .dark-mode .accent-lightblue .btn-link:hover,
    .dark-mode .accent-lightblue .nav-tabs .nav-link:hover,
    .dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(105, 160, 190);
    }
    .dark-mode .accent-lightblue .dropdown-item.active,
    .dark-mode .accent-lightblue .dropdown-item:active {
        background-color: rgb(51, 89, 109);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(51, 89, 109);
        border-color: rgb(60, 106, 131);
    }
    .dark-mode .accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-lightblue .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-lightblue .custom-select:focus,
    .dark-mode .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(42, 71, 86);
    }
    .dark-mode .accent-lightblue .page-item .page-link {
        color: rgb(141, 182, 201);
    }
    .dark-mode .accent-lightblue .page-item.active .page-link,
    .dark-mode .accent-lightblue .page-item.active a {
        background-color: rgb(51, 89, 109);
        border-color: rgb(52, 90, 111);
        color: #d1d7e0;
    }
    .dark-mode .accent-lightblue .page-item.disabled .page-link,
    .dark-mode .accent-lightblue .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-lightblue .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-lightblue .page-item .page-link:hover {
        color: rgb(153, 188, 205);
    }
    .dark-mode .accent-navy .btn-link,
    .dark-mode .accent-navy .nav-tabs .nav-link,
    .dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(203, 196, 186);
    }
    .dark-mode .accent-navy .btn-link:hover,
    .dark-mode .accent-navy .nav-tabs .nav-link:hover,
    .dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(225, 221, 212);
    }
    .dark-mode .accent-navy .dropdown-item.active,
    .dark-mode .accent-navy .dropdown-item:active {
        background-color: rgb(17, 45, 73);
        color: #d1d7e0;
    }
    .dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(17, 45, 73);
        border-color: rgb(143, 132, 117);
    }
    .dark-mode .accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-navy .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-navy .custom-select:focus,
    .dark-mode .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(23, 97, 173);
    }
    .dark-mode .accent-navy .page-item .page-link {
        color: rgb(203, 196, 186);
    }
    .dark-mode .accent-navy .page-item.active .page-link,
    .dark-mode .accent-navy .page-item.active a {
        background-color: rgb(17, 45, 73);
        border-color: rgb(129, 120, 106);
        color: #d1d7e0;
    }
    .dark-mode .accent-navy .page-item.disabled .page-link,
    .dark-mode .accent-navy .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-navy .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-navy .page-item .page-link:hover {
        color: rgb(146, 196, 235);
    }
    .dark-mode .accent-olive .btn-link,
    .dark-mode .accent-olive .nav-tabs .nav-link,
    .dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(132, 195, 162);
    }
    .dark-mode .accent-olive .btn-link:hover,
    .dark-mode .accent-olive .nav-tabs .nav-link:hover,
    .dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(113, 187, 148);
    }
    .dark-mode .accent-olive .dropdown-item.active,
    .dark-mode .accent-olive .dropdown-item:active {
        background-color: rgb(63, 121, 98);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(63, 121, 98);
        border-color: rgb(70, 135, 103);
    }
    .dark-mode .accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-olive .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-olive .custom-select:focus,
    .dark-mode .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(50, 91, 70);
    }
    .dark-mode .accent-olive .page-item .page-link {
        color: rgb(132, 195, 162);
    }
    .dark-mode .accent-olive .page-item.active .page-link,
    .dark-mode .accent-olive .page-item.active a {
        background-color: rgb(63, 121, 98);
        border-color: rgb(61, 116, 88);
        color: #d1d7e0;
    }
    .dark-mode .accent-olive .page-item.disabled .page-link,
    .dark-mode .accent-olive .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-olive .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-olive .page-item .page-link:hover {
        color: rgb(145, 200, 170);
    }
    .dark-mode .accent-lime .btn-link,
    .dark-mode .accent-lime .nav-tabs .nav-link,
    .dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(117, 241, 164);
    }
    .dark-mode .accent-lime .btn-link:hover,
    .dark-mode .accent-lime .nav-tabs .nav-link:hover,
    .dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(70, 239, 138);
    }
    .dark-mode .accent-lime .dropdown-item.active,
    .dark-mode .accent-lime .dropdown-item:active {
        background-color: rgb(24, 138, 87);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(24, 138, 87);
        border-color: rgb(27, 169, 85);
    }
    .dark-mode .accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-lime .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-lime .custom-select:focus,
    .dark-mode .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(22, 109, 56);
    }
    .dark-mode .accent-lime .page-item .page-link {
        color: rgb(117, 241, 164);
    }
    .dark-mode .accent-lime .page-item.active .page-link,
    .dark-mode .accent-lime .page-item.active a {
        background-color: rgb(24, 138, 87);
        border-color: rgb(25, 143, 72);
        color: #d1d7e0;
    }
    .dark-mode .accent-lime .page-item.disabled .page-link,
    .dark-mode .accent-lime .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-lime .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-lime .page-item .page-link:hover {
        color: rgb(132, 242, 173);
    }
    .dark-mode .accent-fuchsia .btn-link,
    .dark-mode .accent-fuchsia .nav-tabs .nav-link,
    .dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(232, 118, 200);
    }
    .dark-mode .accent-fuchsia .btn-link:hover,
    .dark-mode .accent-fuchsia .nav-tabs .nav-link:hover,
    .dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(226, 74, 187);
    }
    .dark-mode .accent-fuchsia .dropdown-item.active,
    .dark-mode .accent-fuchsia .dropdown-item:active {
        background-color: rgb(128, 26, 102);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(128, 26, 102);
        border-color: rgb(157, 30, 126);
    }
    .dark-mode .accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-fuchsia .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-fuchsia .custom-select:focus,
    .dark-mode .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(103, 22, 80);
    }
    .dark-mode .accent-fuchsia .page-item .page-link {
        color: rgb(232, 118, 200);
    }
    .dark-mode .accent-fuchsia .page-item.active .page-link,
    .dark-mode .accent-fuchsia .page-item.active a {
        background-color: rgb(128, 26, 102);
        border-color: rgb(132, 27, 106);
        color: #d1d7e0;
    }
    .dark-mode .accent-fuchsia .page-item.disabled .page-link,
    .dark-mode .accent-fuchsia .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-fuchsia .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-fuchsia .page-item .page-link:hover {
        color: rgb(234, 133, 205);
    }
    .dark-mode .accent-maroon .btn-link,
    .dark-mode .accent-maroon .nav-tabs .nav-link,
    .dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(224, 116, 150);
    }
    .dark-mode .accent-maroon .btn-link:hover,
    .dark-mode .accent-maroon .nav-tabs .nav-link:hover,
    .dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(214, 74, 121);
    }
    .dark-mode .accent-maroon .dropdown-item.active,
    .dark-mode .accent-maroon .dropdown-item:active {
        background-color: rgb(129, 32, 65);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(129, 32, 65);
        border-color: rgb(153, 37, 77);
    }
    .dark-mode .accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-maroon .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-maroon .custom-select:focus,
    .dark-mode .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(100, 27, 51);
    }
    .dark-mode .accent-maroon .page-item .page-link {
        color: rgb(224, 116, 150);
    }
    .dark-mode .accent-maroon .page-item.active .page-link,
    .dark-mode .accent-maroon .page-item.active a {
        background-color: rgb(129, 32, 65);
        border-color: rgb(130, 33, 66);
        color: #d1d7e0;
    }
    .dark-mode .accent-maroon .page-item.disabled .page-link,
    .dark-mode .accent-maroon .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-maroon .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-maroon .page-item .page-link:hover {
        color: rgb(227, 130, 160);
    }
    .dark-mode .accent-blue .btn-link,
    .dark-mode .accent-blue .nav-tabs .nav-link,
    .dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(140, 168, 190);
    }
    .dark-mode .accent-blue .btn-link:hover,
    .dark-mode .accent-blue .nav-tabs .nav-link:hover,
    .dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(169, 189, 203);
    }
    .dark-mode .accent-blue .dropdown-item.active,
    .dark-mode .accent-blue .dropdown-item:active {
        background-color: rgb(63, 88, 113);
        color: #d1d7e0;
    }
    .dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(63, 88, 113);
        border-color: rgb(80, 112, 148);
    }
    .dark-mode .accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-blue .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-blue .custom-select:focus,
    .dark-mode .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(60, 83, 106);
    }
    .dark-mode .accent-blue .page-item .page-link {
        color: rgb(140, 168, 190);
    }
    .dark-mode .accent-blue .page-item.active .page-link,
    .dark-mode .accent-blue .page-item.active a {
        background-color: rgb(63, 88, 113);
        border-color: rgb(71, 100, 129);
        color: #d1d7e0;
    }
    .dark-mode .accent-blue .page-item.disabled .page-link,
    .dark-mode .accent-blue .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-blue .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-blue .page-item .page-link:hover {
        color: rgb(131, 162, 185);
    }
    .dark-mode .accent-indigo .btn-link,
    .dark-mode .accent-indigo .nav-tabs .nav-link,
    .dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(119, 54, 217);
    }
    .dark-mode .accent-indigo .btn-link:hover,
    .dark-mode .accent-indigo .nav-tabs .nav-link:hover,
    .dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(148, 96, 223);
    }
    .dark-mode .accent-indigo .dropdown-item.active,
    .dark-mode .accent-indigo .dropdown-item:active {
        background-color: rgb(84, 27, 173);
        color: #d1d7e0;
    }
    .dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(84, 27, 173);
        border-color: rgb(86, 28, 178);
    }
    .dark-mode .accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-indigo .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-indigo .custom-select:focus,
    .dark-mode .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(62, 23, 123);
    }
    .dark-mode .accent-indigo .page-item .page-link {
        color: rgb(119, 54, 217);
    }
    .dark-mode .accent-indigo .page-item.active .page-link,
    .dark-mode .accent-indigo .page-item.active a {
        background-color: rgb(84, 27, 173);
        border-color: rgb(76, 26, 153);
        color: #d1d7e0;
    }
    .dark-mode .accent-indigo .page-item.disabled .page-link,
    .dark-mode .accent-indigo .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-indigo .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-indigo .page-item .page-link:hover {
        color: rgb(129, 70, 219);
    }
    .dark-mode .accent-purple .btn-link,
    .dark-mode .accent-purple .nav-tabs .nav-link,
    .dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(128, 93, 183);
    }
    .dark-mode .accent-purple .btn-link:hover,
    .dark-mode .accent-purple .nav-tabs .nav-link:hover,
    .dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(155, 126, 196);
    }
    .dark-mode .accent-purple .dropdown-item.active,
    .dark-mode .accent-purple .dropdown-item:active {
        background-color: rgb(92, 62, 142);
        color: #d1d7e0;
    }
    .dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(92, 62, 142);
        border-color: rgb(95, 63, 146);
    }
    .dark-mode .accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-purple .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-purple .custom-select:focus,
    .dark-mode .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(67, 47, 101);
    }
    .dark-mode .accent-purple .page-item .page-link {
        color: rgb(128, 93, 183);
    }
    .dark-mode .accent-purple .page-item.active .page-link,
    .dark-mode .accent-purple .page-item.active a {
        background-color: rgb(92, 62, 142);
        border-color: rgb(83, 56, 127);
        color: #d1d7e0;
    }
    .dark-mode .accent-purple .page-item.disabled .page-link,
    .dark-mode .accent-purple .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-purple .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-purple .page-item .page-link:hover {
        color: rgb(138, 106, 188);
    }
    .dark-mode .accent-pink .btn-link,
    .dark-mode .accent-pink .nav-tabs .nav-link,
    .dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(218, 87, 143);
    }
    .dark-mode .accent-pink .btn-link:hover,
    .dark-mode .accent-pink .nav-tabs .nav-link:hover,
    .dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(218, 87, 143);
    }
    .dark-mode .accent-pink .dropdown-item.active,
    .dark-mode .accent-pink .dropdown-item:active {
        background-color: rgb(152, 36, 87);
        color: #d1d7e0;
    }
    .dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(152, 36, 87);
        border-color: rgb(166, 38, 94);
    }
    .dark-mode .accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-pink .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-pink .custom-select:focus,
    .dark-mode .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(112, 29, 65);
    }
    .dark-mode .accent-pink .page-item .page-link {
        color: rgb(218, 87, 143);
    }
    .dark-mode .accent-pink .page-item.active .page-link,
    .dark-mode .accent-pink .page-item.active a {
        background-color: rgb(152, 36, 87);
        border-color: rgb(142, 35, 81);
        color: #d1d7e0;
    }
    .dark-mode .accent-pink .page-item.disabled .page-link,
    .dark-mode .accent-pink .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-pink .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-pink .page-item .page-link:hover {
        color: rgb(222, 101, 152);
    }
    .dark-mode .accent-red .btn-link,
    .dark-mode .accent-red .nav-tabs .nav-link,
    .dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(218, 98, 83);
    }
    .dark-mode .accent-red .btn-link:hover,
    .dark-mode .accent-red .nav-tabs .nav-link:hover,
    .dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(218, 100, 85);
    }
    .dark-mode .accent-red .dropdown-item.active,
    .dark-mode .accent-red .dropdown-item:active {
        background-color: rgb(153, 47, 35);
        color: #d1d7e0;
    }
    .dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(153, 47, 35);
        border-color: rgb(165, 51, 37);
    }
    .dark-mode .accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-red .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-red .custom-select:focus,
    .dark-mode .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(112, 37, 28);
    }
    .dark-mode .accent-red .page-item .page-link {
        color: rgb(218, 98, 83);
    }
    .dark-mode .accent-red .page-item.active .page-link,
    .dark-mode .accent-red .page-item.active a {
        background-color: rgb(153, 47, 35);
        border-color: rgb(142, 45, 33);
        color: #d1d7e0;
    }
    .dark-mode .accent-red .page-item.disabled .page-link,
    .dark-mode .accent-red .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-red .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-red .page-item .page-link:hover {
        color: rgb(221, 112, 97);
    }
    .dark-mode .accent-orange .btn-link,
    .dark-mode .accent-orange .nav-tabs .nav-link,
    .dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(237, 141, 58);
    }
    .dark-mode .accent-orange .btn-link:hover,
    .dark-mode .accent-orange .nav-tabs .nav-link:hover,
    .dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(239, 154, 82);
    }
    .dark-mode .accent-orange .dropdown-item.active,
    .dark-mode .accent-orange .dropdown-item:active {
        background-color: rgb(182, 96, 23);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(182, 96, 23);
        border-color: rgb(191, 100, 23);
    }
    .dark-mode .accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-orange .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-orange .custom-select:focus,
    .dark-mode .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(131, 70, 20);
    }
    .dark-mode .accent-orange .page-item .page-link {
        color: rgb(237, 141, 58);
    }
    .dark-mode .accent-orange .page-item.active .page-link,
    .dark-mode .accent-orange .page-item.active a {
        background-color: rgb(182, 96, 23);
        border-color: rgb(164, 87, 21);
        color: #d1d7e0;
    }
    .dark-mode .accent-orange .page-item.disabled .page-link,
    .dark-mode .accent-orange .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-orange .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-orange .page-item .page-link:hover {
        color: rgb(238, 150, 73);
    }
    .dark-mode .accent-yellow .btn-link,
    .dark-mode .accent-yellow .nav-tabs .nav-link,
    .dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(232, 165, 60);
    }
    .dark-mode .accent-yellow .btn-link:hover,
    .dark-mode .accent-yellow .nav-tabs .nav-link:hover,
    .dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(235, 182, 96);
    }
    .dark-mode .accent-yellow .dropdown-item.active,
    .dark-mode .accent-yellow .dropdown-item:active {
        background-color: rgb(183, 125, 31);
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(183, 125, 31);
        border-color: rgb(189, 128, 32);
    }
    .dark-mode .accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-yellow .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-yellow .custom-select:focus,
    .dark-mode .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(131, 90, 26);
    }
    .dark-mode .accent-yellow .page-item .page-link {
        color: rgb(232, 165, 60);
    }
    .dark-mode .accent-yellow .page-item.active .page-link,
    .dark-mode .accent-yellow .page-item.active a {
        background-color: rgb(183, 125, 31);
        border-color: rgb(163, 111, 29);
        color: #d1d7e0;
    }
    .dark-mode .accent-yellow .page-item.disabled .page-link,
    .dark-mode .accent-yellow .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-yellow .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-yellow .page-item .page-link:hover {
        color: rgb(233, 172, 74);
    }
    .dark-mode .accent-green .btn-link,
    .dark-mode .accent-green .nav-tabs .nav-link,
    .dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(95, 241, 198);
    }
    .dark-mode .accent-green .btn-link:hover,
    .dark-mode .accent-green .nav-tabs .nav-link:hover,
    .dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(141, 243, 210);
    }
    .dark-mode .accent-green .dropdown-item.active,
    .dark-mode .accent-green .dropdown-item:active {
        background-color: rgb(25, 145, 112);
        color: #d1d7e0;
    }
    .dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(25, 145, 112);
        border-color: rgb(130, 121, 106);
    }
    .dark-mode .accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-green .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-green .custom-select:focus,
    .dark-mode .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(26, 154, 118);
    }
    .dark-mode .accent-green .page-item .page-link {
        color: rgb(95, 241, 198);
    }
    .dark-mode .accent-green .page-item.active .page-link,
    .dark-mode .accent-green .page-item.active a {
        background-color: rgb(25, 145, 112);
        border-color: rgb(29, 189, 144);
        color: #d1d7e0;
    }
    .dark-mode .accent-green .page-item.disabled .page-link,
    .dark-mode .accent-green .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-green .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-green .page-item .page-link:hover {
        color: rgb(80, 240, 193);
    }
    .dark-mode .accent-teal .btn-link,
    .dark-mode .accent-teal .nav-tabs .nav-link,
    .dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(91, 215, 173);
    }
    .dark-mode .accent-teal .btn-link:hover,
    .dark-mode .accent-teal .nav-tabs .nav-link:hover,
    .dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(131, 223, 190);
    }
    .dark-mode .accent-teal .dropdown-item.active,
    .dark-mode .accent-teal .dropdown-item:active {
        background-color: rgb(48, 156, 120);
        color: #d1d7e0;
    }
    .dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 156, 120);
        border-color: rgb(54, 178, 137);
    }
    .dark-mode .accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-teal .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-teal .custom-select:focus,
    .dark-mode .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(41, 125, 97);
    }
    .dark-mode .accent-teal .page-item .page-link {
        color: rgb(91, 215, 173);
    }
    .dark-mode .accent-teal .page-item.active .page-link,
    .dark-mode .accent-teal .page-item.active a {
        background-color: rgb(48, 156, 120);
        border-color: rgb(47, 155, 120);
        color: #d1d7e0;
    }
    .dark-mode .accent-teal .page-item.disabled .page-link,
    .dark-mode .accent-teal .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-teal .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-teal .page-item .page-link:hover {
        color: rgb(81, 212, 169);
    }
    .dark-mode .accent-cyan .btn-link,
    .dark-mode .accent-cyan .nav-tabs .nav-link,
    .dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(87, 159, 205);
    }
    .dark-mode .accent-cyan .btn-link:hover,
    .dark-mode .accent-cyan .nav-tabs .nav-link:hover,
    .dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(110, 172, 210);
    }
    .dark-mode .accent-cyan .dropdown-item.active,
    .dark-mode .accent-cyan .dropdown-item:active {
        background-color: rgb(48, 113, 154);
        color: #d1d7e0;
    }
    .dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(48, 113, 154);
        border-color: rgb(50, 118, 162);
    }
    .dark-mode .accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-cyan .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-cyan .custom-select:focus,
    .dark-mode .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(38, 83, 111);
    }
    .dark-mode .accent-cyan .page-item .page-link {
        color: rgb(87, 159, 205);
    }
    .dark-mode .accent-cyan .page-item.active .page-link,
    .dark-mode .accent-cyan .page-item.active a {
        background-color: rgb(48, 113, 154);
        border-color: rgb(45, 102, 140);
        color: #d1d7e0;
    }
    .dark-mode .accent-cyan .page-item.disabled .page-link,
    .dark-mode .accent-cyan .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-cyan .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-cyan .page-item .page-link:hover {
        color: rgb(101, 166, 208);
    }
    .dark-mode .accent-white .btn-link,
    .dark-mode .accent-white .nav-tabs .nav-link,
    .dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #d1d7e0;
    }
    .dark-mode .accent-white .btn-link:hover,
    .dark-mode .accent-white .nav-tabs .nav-link:hover,
    .dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(207, 200, 190);
    }
    .dark-mode .accent-white .dropdown-item.active,
    .dark-mode .accent-white .dropdown-item:active {
        background-color: #202831;
        color: rgb(202, 195, 185);
    }
    .dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
    }
    .dark-mode .accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-white .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-white .custom-select:focus,
    .dark-mode .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(58, 61, 61);
    }
    .dark-mode .accent-white .page-item .page-link {
        color: #d1d7e0;
    }
    .dark-mode .accent-white .page-item.active .page-link,
    .dark-mode .accent-white .page-item.active a {
        background-color: #202831;
        border-color: rgb(58, 61, 61);
        color: #d1d7e0;
    }
    .dark-mode .accent-white .page-item.disabled .page-link,
    .dark-mode .accent-white .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-white .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-white .page-item .page-link:hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-gray .btn-link,
    .dark-mode .accent-gray .nav-tabs .nav-link,
    .dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-gray .btn-link:hover,
    .dark-mode .accent-gray .nav-tabs .nav-link:hover,
    .dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(182, 175, 163);
    }
    .dark-mode .accent-gray .dropdown-item.active,
    .dark-mode .accent-gray .dropdown-item:active {
        background-color: rgb(96, 100, 101);
        color: #d1d7e0;
    }
    .dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(96, 100, 101);
        border-color: rgb(122, 114, 101);
    }
    .dark-mode .accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-gray .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-gray .custom-select:focus,
    .dark-mode .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(78, 82, 82);
    }
    .dark-mode .accent-gray .page-item .page-link {
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-gray .page-item.active .page-link,
    .dark-mode .accent-gray .page-item.active a {
        background-color: rgb(96, 100, 101);
        border-color: rgb(107, 99, 88);
        color: #d1d7e0;
    }
    .dark-mode .accent-gray .page-item.disabled .page-link,
    .dark-mode .accent-gray .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-gray .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-gray .page-item .page-link:hover {
        color: rgb(154, 145, 130);
    }
    .dark-mode .accent-gray-dark .btn-link,
    .dark-mode .accent-gray-dark .nav-tabs .nav-link,
    .dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
        color: #d1d7e0;
    }
    .dark-mode .accent-gray-dark .btn-link:hover,
    .dark-mode .accent-gray-dark .nav-tabs .nav-link:hover,
    .dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
        color: rgb(217, 211, 203);
    }
    .dark-mode .accent-gray-dark .dropdown-item.active,
    .dark-mode .accent-gray-dark .dropdown-item:active {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(54, 56, 56);
        border-color: rgb(141, 131, 115);
    }
    .dark-mode .accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
    .dark-mode .accent-gray-dark .custom-file-input:focus ~ .custom-file-label,
    .dark-mode .accent-gray-dark .custom-select:focus,
    .dark-mode .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid) {
        border-color: rgb(106, 98, 87);
    }
    .dark-mode .accent-gray-dark .page-item .page-link {
        color: #d1d7e0;
    }
    .dark-mode .accent-gray-dark .page-item.active .page-link,
    .dark-mode .accent-gray-dark .page-item.active a {
        background-color: rgb(54, 56, 56);
        border-color: rgb(125, 116, 102);
        color: #d1d7e0;
    }
    .dark-mode .accent-gray-dark .page-item.disabled .page-link,
    .dark-mode .accent-gray-dark .page-item.disabled a {
        background-color: #202831;
        border-color: rgb(66, 69, 69);
        color: rgb(159, 151, 136);
    }
    .dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: rgb(197, 190, 179);
    }
    .dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
        color: #d1d7e0;
    }
    .dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
        color: #d1d7e0;
    }
    .dark-mode .dark-mode.accent-gray-dark .page-item .page-link:focus,
    .dark-mode .dark-mode.accent-gray-dark .page-item .page-link:hover {
        color: rgb(187, 180, 168);
    }
    :root {
        --blue: #007bff;
        --breakpoint-lg: 992px;
        --breakpoint-md: 768px;
        --breakpoint-sm: 576px;
        --breakpoint-xl: 1200px;
        --breakpoint-xs: 0;
        --cyan: #009cdc;
        --danger: #fc3939;
        --dark: #17141f;
        --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --gray: #868e96;
        --gray-dark: #343a40;
        --green: #13b955;
        --indigo: #6610f2;
        --info: #009cdc;
        --light: #f9f8fc;
        --orange: #fd7e14;
        --pink: #e83e8c;
        --primary: #593196;
        --purple: #593196;
        --red: #fc3939;
        --secondary: #a991d4;
        --success: #13b955;
        --teal: #20c997;
        --warning: #efa31d;
        --white: #fff;
        --yellow: #efa31d;
    }
    body {
        background-color: #202831;
        color: #9198a1;
    }
    [tabindex="-1"]:focus:not(:focus-visible) {
        outline-color: currentcolor !important;
    }
    abbr[data-original-title],
    abbr[title] {
        border-bottom-color: currentcolor;
        text-decoration-color: currentcolor;
    }
    a {
        background-color: transparent;
        color: rgb(151, 119, 193);
        text-decoration-color: currentcolor;
    }
    a:hover {
        color: rgb(151, 119, 193);
        text-decoration-color: currentcolor;
    }
    a:not([href]):not([class]) {
        color: inherit;
        text-decoration-color: currentcolor;
    }
    a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration-color: currentcolor;
    }
    caption {
        color: rgb(162, 153, 139);
    }
    button:focus:not(:focus-visible) {
        outline-color: currentcolor;
    }
    fieldset {
        border-color: currentcolor;
    }
    legend {
        color: inherit;
    }
    hr {
        border-color: rgba(143, 132, 117, 0.1) currentcolor currentcolor;
    }
    .mark,
    mark {
        background-color: rgb(56, 49, 20);
    }
    .list-unstyled {
        list-style-image: none;
    }
    .list-inline {
        list-style-image: none;
    }
    .blockquote-footer {
        color: rgb(162, 153, 139);
    }
    .img-thumbnail {
        background-color: #202831;
        border-color: #9198a1;
    }
    .figure-caption {
        color: rgb(162, 153, 139);
    }
    code {
        color: rgb(218, 87, 143);
    }
    a > code {
        color: inherit;
    }
    kbd {
        background-color: rgb(30, 28, 34);
        color: #d1d7e0;
    }
    pre {
        color: rgb(214, 209, 198);
    }
    pre code {
        color: inherit;
    }
    .table {
        color: #9198a1;
    }
    .table td,
    .table th {
        border-top-color: rgba(143, 132, 117, 0.05);
    }
    .table thead th {
        border-bottom-color: rgba(143, 132, 117, 0.05);
    }
    .table tbody + tbody {
        border-top-color: rgba(143, 132, 117, 0.05);
    }
    .table-bordered {
        border-color: rgba(143, 132, 117, 0.05);
    }
    .table-bordered td,
    .table-bordered th {
        border-color: rgba(143, 132, 117, 0.05);
    }
    .table-borderless tbody + tbody,
    .table-borderless td,
    .table-borderless th,
    .table-borderless thead th {
        border-color: currentcolor;
    }
    .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: rgba(13, 13, 13, 0.05);
    }
    .table-hover tbody tr:hover {
        background-color: rgba(13, 13, 13, 0.07);
        color: #9198a1;
    }
    .table-primary,
    .table-primary > td,
    .table-primary > th {
        background-color: rgb(59, 62, 62);
    }
    .table-primary tbody + tbody,
    .table-primary td,
    .table-primary th,
    .table-primary thead th {
        border-color: rgb(78, 61, 98);
    }
    .table-hover .table-primary:hover {
        background-color: rgb(65, 50, 81);
    }
    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: rgb(65, 50, 81);
    }
    .table-secondary,
    .table-secondary > td,
    .table-secondary > th {
        background-color: rgb(47, 49, 49);
    }
    .table-secondary tbody + tbody,
    .table-secondary td,
    .table-secondary th,
    .table-secondary thead th {
        border-color: rgb(63, 47, 90);
    }
    .table-hover .table-secondary:hover {
        background-color: rgb(54, 56, 56);
    }
    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: rgb(54, 56, 56);
    }
    .table-success,
    .table-success > td,
    .table-success > th {
        background-color: rgb(40, 83, 61);
    }
    .table-success tbody + tbody,
    .table-success td,
    .table-success th,
    .table-success thead th {
        border-color: rgb(51, 116, 74);
    }
    .table-hover .table-success:hover {
        background-color: rgb(43, 94, 69);
    }
    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: rgb(43, 94, 69);
    }
    .table-info,
    .table-info > td,
    .table-info > th {
        background-color: rgb(29, 71, 88);
    }
    .table-info tbody + tbody,
    .table-info td,
    .table-info th,
    .table-info thead th {
        border-color: rgb(37, 101, 125);
    }
    .table-hover .table-info:hover {
        background-color: rgb(32, 80, 100);
    }
    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: rgb(32, 80, 100);
    }
    .table-warning,
    .table-warning > td,
    .table-warning > th {
        background-color: rgb(90, 65, 22);
    }
    .table-warning tbody + tbody,
    .table-warning td,
    .table-warning th,
    .table-warning thead th {
        border-color: rgb(130, 93, 27);
    }
    .table-hover .table-warning:hover {
        background-color: rgb(102, 73, 24);
    }
    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: rgb(102, 73, 24);
    }
    .table-danger,
    .table-danger > td,
    .table-danger > th {
        background-color: rgb(84, 17, 16);
    }
    .table-danger tbody + tbody,
    .table-danger td,
    .table-danger th,
    .table-danger thead th {
        border-color: rgb(124, 20, 18);
    }
    .table-hover .table-danger:hover {
        background-color: rgb(96, 17, 16);
    }
    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: rgb(96, 17, 16);
    }
    .table-light,
    .table-light > td,
    .table-light > th {
        background-color: rgb(37, 38, 38);
    }
    .table-light tbody + tbody,
    .table-light td,
    .table-light th,
    .table-light thead th {
        border-color: rgb(61, 46, 72);
    }
    .table-hover .table-light:hover {
        background-color: rgb(43, 45, 45);
    }
    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: rgb(43, 45, 45);
    }
    .table-dark,
    .table-dark > td,
    .table-dark > th {
        background-color: rgb(70, 73, 73);
    }
    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: rgb(90, 94, 95);
    }
    .table-hover .table-dark:hover {
        background-color: rgb(76, 80, 80);
    }
    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: rgb(76, 80, 80);
    }
    .table-active,
    .table-active > td,
    .table-active > th {
        background-color: rgba(13, 13, 13, 0.07);
    }
    .table-hover .table-active:hover {
        background-color: rgba(13, 13, 13, 0.07);
    }
    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(13, 13, 13, 0.07);
    }
    .table .thead-dark th {
        background-color: rgb(54, 56, 56);
        border-color: rgb(119, 110, 98);
        color: #d1d7e0;
    }
    .table .thead-light th {
        background-color: rgb(39, 40, 39);
        border-color: rgba(143, 132, 117, 0.05);
        color: #9198a1;
    }
    .table-dark {
        background-color: rgb(54, 56, 56);
        color: #d1d7e0;
    }
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: rgb(119, 110, 98);
    }
    .table-dark.table-bordered {
        border-color: currentcolor;
    }
    .table-dark.table-striped tbody tr:nth-of-type(2n+1) {
        background-color: rgba(36, 37, 37, 0.05);
    }
    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(36, 37, 37, 0.07);
        color: #d1d7e0;
    }
    @media (max-width: 575.98px) {
        .table-responsive-sm > .table-bordered {
            border-color: currentcolor;
        }
    }
    @media (max-width: 767.98px) {
        .table-responsive-md > .table-bordered {
            border-color: currentcolor;
        }
    }
    @media (max-width: 991.98px) {
        .table-responsive-lg > .table-bordered {
            border-color: currentcolor;
        }
    }
    @media (max-width: 1199.98px) {
        .table-responsive-xl > .table-bordered {
            border-color: currentcolor;
        }
    }
    .table-responsive > .table-bordered {
        border-color: currentcolor;
    }
    .form-control {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
        color: #9198a1;
    }
    .form-control:focus-visible {
        color: transparent;
        text-shadow: rgb(61, 63, 64) 0px 0px 0px;
    }
    .form-control:focus {
        background-color: #202831;
        border-color: rgb(93, 60, 138);
        box-shadow: rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
        color: #9198a1;
        outline-color: currentcolor;
    }
    .form-control::-webkit-input-placeholder {
        color: rgb(162, 153, 139);
    }
    .form-control::placeholder {
        color: rgb(162, 153, 139);
    }
    .form-control::placeholder {
        color: rgb(162, 153, 139);
    }
    .form-control:disabled,
    .form-control[readonly] {
        background-color: rgb(39, 40, 39);
    }
    .form-control-plaintext {
        background-color: transparent;
        border-color: transparent;
        color: #9198a1;
    }
    .form-check-input:disabled ~ .form-check-label,
    .form-check-input[disabled] ~ .form-check-label {
        color: rgb(162, 153, 139);
    }
    .valid-feedback {
        color: rgb(99, 224, 143);
    }
    .valid-tooltip {
        background-color: rgba(37, 144, 76, 0.9);
        color: #d1d7e0;
    }
    .form-control.is-valid,
    .was-validated .form-control:valid {
        border-color: rgb(42, 168, 88);
    }
    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: rgb(42, 168, 88);
        box-shadow: rgba(37, 144, 76, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-select.is-valid,
    .was-validated .custom-select:valid {
        background-color: #202831;
        border-color: rgb(42, 168, 88);
    }
    .custom-select.is-valid:focus,
    .was-validated .custom-select:valid:focus {
        border-color: rgb(42, 168, 88);
        box-shadow: rgba(37, 144, 76, 0.25) 0px 0px 0px 0.2rem;
    }
    .form-check-input.is-valid ~ .form-check-label,
    .was-validated .form-check-input:valid ~ .form-check-label {
        color: rgb(99, 224, 143);
    }
    .custom-control-input.is-valid ~ .custom-control-label,
    .was-validated .custom-control-input:valid ~ .custom-control-label {
        color: rgb(99, 224, 143);
    }
    .custom-control-input.is-valid ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        border-color: rgb(42, 168, 88);
    }
    .custom-control-input.is-valid:checked ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
        background-color: rgb(44, 177, 112);
        border-color: rgb(40, 156, 82);
    }
    .custom-control-input.is-valid:focus ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
        box-shadow: rgba(37, 144, 76, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
    .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(42, 168, 88);
    }
    .custom-file-input.is-valid ~ .custom-file-label,
    .was-validated .custom-file-input:valid ~ .custom-file-label {
        border-color: rgb(42, 168, 88);
    }
    .custom-file-input.is-valid:focus ~ .custom-file-label,
    .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
        border-color: rgb(42, 168, 88);
        box-shadow: rgba(37, 144, 76, 0.25) 0px 0px 0px 0.2rem;
    }
    .invalid-feedback {
        color: rgb(232, 79, 76);
    }
    .invalid-tooltip {
        background-color: rgba(156, 21, 19, 0.9);
        color: #d1d7e0;
    }
    .form-control.is-invalid,
    .was-validated .form-control:invalid {
        border-color: rgb(149, 20, 18);
    }
    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: rgb(149, 20, 18);
        box-shadow: rgba(156, 21, 19, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-select.is-invalid,
    .was-validated .custom-select:invalid {
        background-color: #202831;
        border-color: rgb(149, 20, 18);
    }
    .custom-select.is-invalid:focus,
    .was-validated .custom-select:invalid:focus {
        border-color: rgb(149, 20, 18);
        box-shadow: rgba(156, 21, 19, 0.25) 0px 0px 0px 0.2rem;
    }
    .form-check-input.is-invalid ~ .form-check-label,
    .was-validated .form-check-input:invalid ~ .form-check-label {
        color: rgb(232, 79, 76);
    }
    .custom-control-input.is-invalid ~ .custom-control-label,
    .was-validated .custom-control-input:invalid ~ .custom-control-label {
        color: rgb(232, 79, 76);
    }
    .custom-control-input.is-invalid ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        border-color: rgb(149, 20, 18);
    }
    .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
        background-color: rgb(131, 19, 18);
        border-color: rgb(136, 19, 18);
    }
    .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
        box-shadow: rgba(156, 21, 19, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(149, 20, 18);
    }
    .custom-file-input.is-invalid ~ .custom-file-label,
    .was-validated .custom-file-input:invalid ~ .custom-file-label {
        border-color: rgb(149, 20, 18);
    }
    .custom-file-input.is-invalid:focus ~ .custom-file-label,
    .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
        border-color: rgb(149, 20, 18);
        box-shadow: rgba(156, 21, 19, 0.25) 0px 0px 0px 0.2rem;
    }
    .btn {
        background-color: transparent;
        border-color: transparent;
        color: #9198a1;
    }
    .btn:hover {
        color: #9198a1;
        text-decoration-color: currentcolor;
    }
    .btn.focus,
    .btn:focus {
        box-shadow: rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .btn-primary {
        background-color: rgb(78, 51, 115);
        border-color: rgb(93, 60, 138);
        color: #d1d7e0;
    }
    .btn-primary:hover {
        background-color: rgb(66, 44, 95);
        border-color: rgb(99, 63, 148);
        color: #d1d7e0;
    }
    .btn-primary.focus,
    .btn-primary:focus {
        background-color: rgb(66, 44, 95);
        border-color: rgb(99, 63, 148);
        box-shadow: rgba(97, 74, 127, 0.5) 0px 0px 0px 0.2rem;
        color: #d1d7e0;
    }
    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: rgb(78, 51, 115);
        border-color: rgb(93, 60, 138);
        color: #d1d7e0;
    }
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        background-color: rgb(62, 41, 89);
        border-color: rgb(100, 64, 151);
        color: #d1d7e0;
    }
    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: rgba(97, 74, 127, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-secondary {
        background-color: rgb(71, 51, 101);
        border-color: rgb(73, 53, 103);
        color: rgb(214, 209, 198);
    }
    .btn-secondary:hover {
        background-color: rgb(80, 58, 115);
        border-color: rgb(78, 57, 114);
        color: #d1d7e0;
    }
    .btn-secondary.focus,
    .btn-secondary:focus {
        background-color: rgb(80, 58, 115);
        border-color: rgb(78, 57, 114);
        box-shadow: rgba(85, 69, 108, 0.5) 0px 0px 0px 0.2rem;
        color: #d1d7e0;
    }
    .btn-secondary.disabled,
    .btn-secondary:disabled {
        background-color: rgb(71, 51, 101);
        border-color: rgb(73, 53, 103);
        color: rgb(214, 209, 198);
    }
    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: rgb(83, 59, 120);
        border-color: rgb(80, 58, 115);
        color: #d1d7e0;
    }
    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: rgba(85, 69, 108, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-success {
        background-color: rgb(37, 144, 76);
        border-color: rgb(42, 168, 88);
        color: #d1d7e0;
    }
    .btn-success:hover {
        background-color: rgb(33, 119, 64);
        border-color: rgb(44, 181, 94);
        color: #d1d7e0;
    }
    .btn-success.focus,
    .btn-success:focus {
        background-color: rgb(33, 119, 64);
        border-color: rgb(44, 181, 94);
        box-shadow: rgba(62, 153, 94, 0.5) 0px 0px 0px 0.2rem;
        color: #d1d7e0;
    }
    .btn-success.disabled,
    .btn-success:disabled {
        background-color: rgb(37, 144, 76);
        border-color: rgb(42, 168, 88);
        color: #d1d7e0;
    }
    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show > .btn-success.dropdown-toggle {
        background-color: rgb(31, 111, 60);
        border-color: rgb(45, 183, 95);
        color: #d1d7e0;
    }
    .btn-success:not(:disabled):not(.disabled).active:focus,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .show > .btn-success.dropdown-toggle:focus {
        box-shadow: rgba(62, 153, 94, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-info {
        background-color: rgb(25, 125, 163);
        border-color: rgb(26, 133, 174);
        color: #d1d7e0;
    }
    .btn-info:hover {
        background-color: rgb(23, 105, 138);
        border-color: rgb(27, 142, 187);
        color: #d1d7e0;
    }
    .btn-info.focus,
    .btn-info:focus {
        background-color: rgb(23, 105, 138);
        border-color: rgb(27, 142, 187);
        box-shadow: rgba(46, 131, 163, 0.5) 0px 0px 0px 0.2rem;
        color: #d1d7e0;
    }
    .btn-info.disabled,
    .btn-info:disabled {
        background-color: rgb(25, 125, 163);
        border-color: rgb(26, 133, 174);
        color: #d1d7e0;
    }
    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .show > .btn-info.dropdown-toggle {
        background-color: rgb(22, 99, 128);
        border-color: rgb(27, 145, 191);
        color: #d1d7e0;
    }
    .btn-info:not(:disabled):not(.disabled).active:focus,
    .btn-info:not(:disabled):not(.disabled):active:focus,
    .show > .btn-info.dropdown-toggle:focus {
        box-shadow: rgba(46, 131, 163, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-warning {
        background-color: rgb(177, 125, 34);
        border-color: rgb(159, 112, 32);
        color: rgb(214, 209, 198);
    }
    .btn-warning:hover {
        background-color: rgb(167, 118, 32);
        border-color: rgb(172, 122, 33);
        color: #d1d7e0;
    }
    .btn-warning.focus,
    .btn-warning:focus {
        background-color: rgb(167, 118, 32);
        border-color: rgb(172, 122, 33);
        box-shadow: rgba(162, 118, 41, 0.5) 0px 0px 0px 0.2rem;
        color: #d1d7e0;
    }
    .btn-warning.disabled,
    .btn-warning:disabled {
        background-color: rgb(177, 125, 34);
        border-color: rgb(159, 112, 32);
        color: rgb(214, 209, 198);
    }
    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show > .btn-warning.dropdown-toggle {
        background-color: rgb(158, 112, 31);
        border-color: rgb(174, 123, 34);
        color: #d1d7e0;
    }
    .btn-warning:not(:disabled):not(.disabled).active:focus,
    .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
        box-shadow: rgba(162, 118, 41, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-danger {
        background-color: rgb(156, 21, 19);
        border-color: rgb(149, 20, 18);
        color: #d1d7e0;
    }
    .btn-danger:hover {
        background-color: rgb(176, 22, 20);
        border-color: rgb(161, 21, 20);
        color: #d1d7e0;
    }
    .btn-danger.focus,
    .btn-danger:focus {
        background-color: rgb(176, 22, 20);
        border-color: rgb(161, 21, 20);
        box-shadow: rgba(141, 20, 19, 0.5) 0px 0px 0px 0.2rem;
        color: #d1d7e0;
    }
    .btn-danger.disabled,
    .btn-danger:disabled {
        background-color: rgb(156, 21, 19);
        border-color: rgb(149, 20, 18);
        color: #d1d7e0;
    }
    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .show > .btn-danger.dropdown-toggle {
        background-color: rgb(182, 22, 20);
        border-color: rgb(164, 21, 20);
        color: #d1d7e0;
    }
    .btn-danger:not(:disabled):not(.disabled).active:focus,
    .btn-danger:not(:disabled):not(.disabled):active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: rgba(141, 20, 19, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-light {
        background-color: rgb(39, 40, 39);
        border-color: rgb(52, 42, 76);
        color: rgb(214, 209, 198);
    }
    .btn-light:hover {
        background-color: rgb(49, 51, 50);
        border-color: rgb(57, 46, 85);
        color: rgb(214, 209, 198);
    }
    .btn-light.focus,
    .btn-light:focus {
        background-color: rgb(49, 51, 50);
        border-color: rgb(57, 46, 85);
        box-shadow: rgba(56, 59, 58, 0.5) 0px 0px 0px 0.2rem;
        color: rgb(214, 209, 198);
    }
    .btn-light.disabled,
    .btn-light:disabled {
        background-color: rgb(39, 40, 39);
        border-color: rgb(52, 42, 76);
        color: rgb(214, 209, 198);
    }
    .btn-light:not(:disabled):not(.disabled).active,
    .btn-light:not(:disabled):not(.disabled):active,
    .show > .btn-light.dropdown-toggle {
        background-color: rgb(52, 54, 54);
        border-color: rgb(60, 48, 87);
        color: rgb(214, 209, 198);
    }
    .btn-light:not(:disabled):not(.disabled).active:focus,
    .btn-light:not(:disabled):not(.disabled):active:focus,
    .show > .btn-light.dropdown-toggle:focus {
        box-shadow: rgba(56, 59, 58, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-dark {
        background-color: rgb(30, 28, 34);
        border-color: rgb(135, 125, 111);
        color: #d1d7e0;
    }
    .btn-dark:hover {
        background-color: rgb(18, 17, 18);
        border-color: rgb(143, 132, 117);
        color: #d1d7e0;
    }
    .btn-dark.focus,
    .btn-dark:focus {
        background-color: rgb(18, 17, 18);
        border-color: rgb(143, 132, 117);
        box-shadow: rgba(55, 58, 58, 0.5) 0px 0px 0px 0.2rem;
        color: #d1d7e0;
    }
    .btn-dark.disabled,
    .btn-dark:disabled {
        background-color: rgb(30, 28, 34);
        border-color: rgb(135, 125, 111);
        color: #d1d7e0;
    }
    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show > .btn-dark.dropdown-toggle {
        background-color: rgb(13, 13, 13);
        border-color: rgb(143, 132, 117);
        color: #d1d7e0;
    }
    .btn-dark:not(:disabled):not(.disabled).active:focus,
    .btn-dark:not(:disabled):not(.disabled):active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
        box-shadow: rgba(55, 58, 58, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-primary {
        border-color: rgb(93, 60, 138);
        color: rgb(151, 119, 193);
    }
    .btn-outline-primary:hover {
        background-color: rgb(78, 51, 115);
        border-color: rgb(93, 60, 138);
        color: #d1d7e0;
    }
    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: rgba(78, 51, 115, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        background-color: transparent;
        color: rgb(151, 119, 193);
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-primary.dropdown-toggle {
        background-color: rgb(78, 51, 115);
        border-color: rgb(93, 60, 138);
        color: #d1d7e0;
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: rgba(78, 51, 115, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-secondary {
        border-color: rgb(73, 53, 103);
        color: rgb(167, 144, 197);
    }
    .btn-outline-secondary:hover {
        background-color: rgb(71, 51, 101);
        border-color: rgb(73, 53, 103);
        color: rgb(214, 209, 198);
    }
    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: rgba(71, 51, 101, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        background-color: transparent;
        color: rgb(167, 144, 197);
    }
    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-secondary.dropdown-toggle {
        background-color: rgb(71, 51, 101);
        border-color: rgb(73, 53, 103);
        color: rgb(214, 209, 198);
    }
    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: rgba(71, 51, 101, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-success {
        border-color: rgb(42, 168, 88);
        color: rgb(99, 224, 143);
    }
    .btn-outline-success:hover {
        background-color: rgb(37, 144, 76);
        border-color: rgb(42, 168, 88);
        color: #d1d7e0;
    }
    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: rgba(37, 144, 76, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        background-color: transparent;
        color: rgb(99, 224, 143);
    }
    .btn-outline-success:not(:disabled):not(.disabled).active,
    .btn-outline-success:not(:disabled):not(.disabled):active,
    .show > .btn-outline-success.dropdown-toggle {
        background-color: rgb(37, 144, 76);
        border-color: rgb(42, 168, 88);
        color: #d1d7e0;
    }
    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: rgba(37, 144, 76, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-info {
        border-color: rgb(105, 108, 109);
        color: #9198a1;
    }
    .btn-outline-info:hover {
        background-color: rgb(25, 125, 163);
        border-color: rgb(26, 133, 174);
        color: #d1d7e0;
    }
    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: rgba(25, 125, 163, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        background-color: transparent;
        color: rgb(73, 188, 233);
    }
    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show > .btn-outline-info.dropdown-toggle {
        background-color: rgb(25, 125, 163);
        border-color: rgb(26, 133, 174);
        color: #d1d7e0;
    }
    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: rgba(25, 125, 163, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-warning {
        border-color: rgb(159, 112, 32);
        color: rgb(229, 170, 67);
    }
    .btn-outline-warning:hover {
        background-color: rgb(177, 125, 34);
        border-color: rgb(159, 112, 32);
        color: rgb(214, 209, 198);
    }
    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: rgba(177, 125, 34, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        background-color: transparent;
        color: rgb(229, 170, 67);
    }
    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show > .btn-outline-warning.dropdown-toggle {
        background-color: rgb(177, 125, 34);
        border-color: rgb(159, 112, 32);
        color: rgb(214, 209, 198);
    }
    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: rgba(177, 125, 34, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-danger {
        border-color: rgb(149, 20, 18);
        color: rgb(232, 79, 76);
    }
    .btn-outline-danger:hover {
        background-color: rgb(156, 21, 19);
        border-color: rgb(149, 20, 18);
        color: #d1d7e0;
    }
    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
        box-shadow: rgba(156, 21, 19, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        background-color: transparent;
        color: rgb(232, 79, 76);
    }
    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .show > .btn-outline-danger.dropdown-toggle {
        background-color: rgb(156, 21, 19);
        border-color: rgb(149, 20, 18);
        color: #d1d7e0;
    }
    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: rgba(156, 21, 19, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-light {
        border-color: rgb(52, 42, 76);
        color: rgb(218, 210, 224);
    }
    .btn-outline-light:hover {
        background-color: rgb(39, 40, 39);
        border-color: rgb(52, 42, 76);
        color: rgb(214, 209, 198);
    }
    .btn-outline-light.focus,
    .btn-outline-light:focus {
        box-shadow: rgba(39, 40, 39, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        background-color: transparent;
        color: rgb(218, 210, 224);
    }
    .btn-outline-light:not(:disabled):not(.disabled).active,
    .btn-outline-light:not(:disabled):not(.disabled):active,
    .show > .btn-outline-light.dropdown-toggle {
        background-color: rgb(39, 40, 39);
        border-color: rgb(52, 42, 76);
        color: rgb(214, 209, 198);
    }
    .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .btn-outline-light:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: rgba(39, 40, 39, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-dark {
        border-color: rgb(135, 125, 111);
        color: rgb(214, 209, 198);
    }
    .btn-outline-dark:hover {
        background-color: rgb(30, 28, 34);
        border-color: rgb(135, 125, 111);
        color: #d1d7e0;
    }
    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
        box-shadow: rgba(30, 28, 34, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        background-color: transparent;
        color: rgb(214, 209, 198);
    }
    .btn-outline-dark:not(:disabled):not(.disabled).active,
    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show > .btn-outline-dark.dropdown-toggle {
        background-color: rgb(30, 28, 34);
        border-color: rgb(135, 125, 111);
        color: #d1d7e0;
    }
    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: rgba(30, 28, 34, 0.5) 0px 0px 0px 0.2rem;
    }
    .btn-link {
        color: rgb(151, 119, 193);
        text-decoration-color: currentcolor;
    }
    .btn-link:hover {
        color: rgb(151, 119, 193);
        text-decoration-color: currentcolor;
    }
    .btn-link.focus,
    .btn-link:focus {
        text-decoration-color: currentcolor;
    }
    .btn-link.disabled,
    .btn-link:disabled {
        color: rgb(162, 153, 139);
    }
    .dropdown-toggle::after {
        border-color: currentcolor transparent;
    }
    .dropdown-menu {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.15);
        color: #9198a1;
        list-style-image: none;
    }
    .dropup .dropdown-toggle::after {
        border-color: currentcolor transparent;
    }
    .dropright .dropdown-toggle::after {
        border-color: transparent currentcolor;
    }
    .dropleft .dropdown-toggle::before {
        border-bottom-color: transparent;
        border-right-color: currentcolor;
        border-top-color: transparent;
    }
    .dropdown-divider {
        border-top-color: rgb(52, 42, 76);
    }
    .dropdown-item {
        background-color: transparent;
        border-color: currentcolor;
        color: #9198a1;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgb(78, 51, 115);
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    .dropdown-item.active,
    .dropdown-item:active {
        background-color: rgb(78, 51, 115);
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    .dropdown-item.disabled,
    .dropdown-item:disabled {
        background-color: transparent;
        color: rgb(185, 177, 166);
    }
    .dropdown-header {
        color: rgb(162, 153, 139);
    }
    .dropdown-item-text {
        color: #9198a1;
    }
    .input-group-text {
        background-color: rgb(39, 40, 39);
        border-color: rgb(72, 75, 75);
        color: #9198a1;
    }
    .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgb(78, 51, 115);
        border-color: rgb(93, 60, 138);
        color: #d1d7e0;
    }
    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: rgb(93, 60, 138);
    }
    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: rgb(67, 44, 96);
        border-color: rgb(72, 47, 104);
        color: #d1d7e0;
    }
    .custom-control-input:disabled ~ .custom-control-label,
    .custom-control-input[disabled] ~ .custom-control-label {
        color: rgb(162, 153, 139);
    }
    .custom-control-input:disabled ~ .custom-control-label::before,
    .custom-control-input[disabled] ~ .custom-control-label::before {
        background-color: rgb(39, 40, 39);
    }
    .custom-control-label::before {
        background-color: #202831;
        border-color: rgb(78, 82, 82);
    }
    .custom-control-label::after {
        background-color: rgba(13, 13, 13, 0);
        background-image: none;
    }
    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
        background-color: rgb(78, 51, 115);
        border-color: rgb(93, 60, 138);
    }
    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(78, 51, 115, 0.5);
    }
    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgba(78, 51, 115, 0.5);
    }
    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(78, 51, 115, 0.5);
    }
    .custom-switch .custom-control-label::after {
        background-color: rgb(75, 78, 79);
    }
    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #202831;
    }
    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(78, 51, 115, 0.5);
    }
    .custom-select {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
        color: #9198a1;
    }
    .custom-select:focus {
        border-color: rgb(93, 60, 138);
        box-shadow: rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        background-image: none;
    }
    .custom-select:disabled {
        background-color: rgb(39, 40, 39);
        color: rgb(162, 153, 139);
    }
    .custom-select:focus-visible {
        color: transparent;
        text-shadow: rgb(61, 63, 64) 0px 0px 0px;
    }
    .custom-file-input:focus ~ .custom-file-label {
        border-color: rgb(93, 60, 138);
        box-shadow: rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-file-input:disabled ~ .custom-file-label,
    .custom-file-input[disabled] ~ .custom-file-label {
        background-color: rgb(39, 40, 39);
    }
    .custom-file-label {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
        color: #9198a1;
    }
    .custom-file-label::after {
        background-color: rgb(39, 40, 39);
        border-left-color: inherit;
        color: #9198a1;
    }
    .custom-range {
        background-color: transparent;
    }
    .custom-range:focus {
        outline-color: currentcolor;
    }
    .custom-range:focus::-webkit-slider-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-range:focus::-moz-range-thumb {
        box-shadow: #202831 0px 0px 0px 1px, rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
    }
    .custom-range::-webkit-slider-thumb {
        background-color: rgb(78, 51, 115);
        border-color: currentcolor;
    }
    .custom-range::-webkit-slider-runnable-track {
        background-color: rgb(45, 47, 47);
        border-color: transparent;
        color: transparent;
    }
    .custom-range::-moz-range-thumb {
        background-color: rgb(78, 51, 115);
        border-color: currentcolor;
    }
    .custom-range::-moz-range-thumb:active {
        background-color: rgb(67, 44, 96);
    }
    .custom-range::-moz-range-track {
        background-color: rgb(45, 47, 47);
        border-color: transparent;
        color: transparent;
    }
    .custom-range:disabled::-webkit-slider-thumb {
        background-color: rgb(75, 78, 79);
    }
    .custom-range:disabled::-moz-range-thumb {
        background-color: rgb(75, 78, 79);
    }
    .nav {
        list-style-image: none;
    }
    .nav-link:focus,
    .nav-link:hover {
        text-decoration-color: currentcolor;
    }
    .nav-link.disabled {
        color: rgb(162, 153, 139);
    }
    .nav-tabs {
        border-bottom-color: #9198a1;
    }
    .nav-tabs .nav-link {
        border-color: transparent;
    }
    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: rgb(93, 60, 138);
    }
    .nav-tabs .nav-link.disabled {
        background-color: transparent;
        border-color: transparent;
        color: rgb(162, 153, 139);
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background-color: #202831;
        border-color: #9198a1 #9198a1 rgb(58, 61, 61);
        color: #9198a1;
    }
    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: rgb(78, 51, 115);
        color: #d1d7e0;
    }
    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration-color: currentcolor;
    }
    .navbar-nav {
        list-style-image: none;
    }
    .navbar-toggler {
        background-color: transparent;
        border-color: transparent;
    }
    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration-color: currentcolor;
    }
    .navbar-toggler-icon {
        background-color: rgba(13, 13, 13, 0);
        background-image: none;
    }
    .navbar-light .navbar-brand {
        color: #d1d7e0;
    }
    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover {
        color: #d1d7e0;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #d1d7e0;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #d1d7e0;
    }
    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(229, 224, 216, 0.2);
    }
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        color: #d1d7e0;
    }
    .navbar-light .navbar-toggler {
        border-color: rgba(143, 132, 117, 0.1);
        color: #d1d7e0;
    }
    .navbar-light .navbar-text {
        color: #d1d7e0;
    }
    .navbar-light .navbar-text a {
        color: #d1d7e0;
    }
    .navbar-light .navbar-text a:focus,
    .navbar-light .navbar-text a:hover {
        color: #d1d7e0;
    }
    .navbar-dark .navbar-brand {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-dark .navbar-brand:focus,
    .navbar-dark .navbar-brand:hover {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-dark .navbar-nav .nav-link {
        color: rgba(229, 224, 216, 0.5);
    }
    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(229, 224, 216, 0.25);
    }
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show > .nav-link {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-dark .navbar-toggler {
        border-color: rgba(58, 61, 61, 0.1);
        color: rgba(229, 224, 216, 0.5);
    }
    .navbar-dark .navbar-text {
        color: rgba(229, 224, 216, 0.5);
    }
    .navbar-dark .navbar-text a {
        color: rgba(229, 224, 216, 0.9);
    }
    .navbar-dark .navbar-text a:focus,
    .navbar-dark .navbar-text a:hover {
        color: rgba(229, 224, 216, 0.9);
    }
    .card {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.13);
    }
    .card > .list-group {
        border-bottom-color: inherit;
        border-top-color: inherit;
    }
    .card > .card-header + .list-group,
    .card > .list-group + .card-footer {
        border-top-color: currentcolor;
    }
    .card-link:hover {
        text-decoration-color: currentcolor;
    }
    .card-header {
        background-color: rgba(13, 13, 13, 0.03);
        border-bottom-color: rgba(143, 132, 117, 0.13);
    }
    .card-footer {
        background-color: rgba(13, 13, 13, 0.03);
        border-top-color: rgba(143, 132, 117, 0.13);
    }
    .card-header-tabs {
        border-bottom-color: currentcolor;
    }
    @media (min-width: 576px) {
        .card-group > .card + .card {
            border-left-color: currentcolor;
        }
    }
    .accordion > .card:not(:last-of-type) {
        border-bottom-color: currentcolor;
    }
    .breadcrumb {
        background-color: rgb(39, 40, 39);
        list-style-image: none;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        color: rgb(162, 153, 139);
    }
    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration-color: currentcolor;
    }
    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration-color: currentcolor;
    }
    .breadcrumb-item.active {
        color: rgb(162, 153, 139);
    }
    .pagination {
        list-style-image: none;
    }
    .page-link {
        background-color: #202831;
        border-color: #9198a1;
        color: rgb(151, 119, 193);
    }
    .page-link:hover {
        background-color: rgb(39, 40, 39);
        border-color: #9198a1;
        color: rgb(151, 119, 193);
        text-decoration-color: currentcolor;
    }
    .page-link:focus {
        box-shadow: rgba(78, 51, 115, 0.25) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .page-item.active .page-link {
        background-color: rgb(78, 51, 115);
        border-color: rgb(93, 60, 138);
        color: #d1d7e0;
    }
    .page-item.disabled .page-link {
        background-color: #202831;
        border-color: #9198a1;
        color: rgb(162, 153, 139);
    }
    a.badge:focus,
    a.badge:hover {
        text-decoration-color: currentcolor;
    }
    .badge-primary {
        background-color: rgb(78, 51, 115);
        color: #d1d7e0;
    }
    a.badge-primary:focus,
    a.badge-primary:hover {
        background-color: rgb(62, 41, 89);
        color: #d1d7e0;
    }
    a.badge-primary.focus,
    a.badge-primary:focus {
        box-shadow: rgba(78, 51, 115, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-secondary {
        background-color: rgb(71, 51, 101);
        color: rgb(214, 209, 198);
    }
    a.badge-secondary:focus,
    a.badge-secondary:hover {
        background-color: rgb(83, 59, 120);
        color: rgb(214, 209, 198);
    }
    a.badge-secondary.focus,
    a.badge-secondary:focus {
        box-shadow: rgba(71, 51, 101, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-success {
        background-color: rgb(37, 144, 76);
        color: #d1d7e0;
    }
    a.badge-success:focus,
    a.badge-success:hover {
        background-color: rgb(31, 111, 60);
        color: #d1d7e0;
    }
    a.badge-success.focus,
    a.badge-success:focus {
        box-shadow: rgba(37, 144, 76, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-info {
        background-color: rgb(25, 125, 163);
        color: #d1d7e0;
    }
    a.badge-info:focus,
    a.badge-info:hover {
        background-color: rgb(22, 99, 128);
        color: #d1d7e0;
    }
    a.badge-info.focus,
    a.badge-info:focus {
        box-shadow: rgba(25, 125, 163, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-warning {
        background-color: rgb(177, 125, 34);
        color: rgb(214, 209, 198);
    }
    a.badge-warning:focus,
    a.badge-warning:hover {
        background-color: rgb(158, 112, 31);
        color: rgb(214, 209, 198);
    }
    a.badge-warning.focus,
    a.badge-warning:focus {
        box-shadow: rgba(177, 125, 34, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-danger {
        background-color: rgb(156, 21, 19);
        color: #d1d7e0;
    }
    a.badge-danger:focus,
    a.badge-danger:hover {
        background-color: rgb(182, 22, 20);
        color: #d1d7e0;
    }
    a.badge-danger.focus,
    a.badge-danger:focus {
        box-shadow: rgba(156, 21, 19, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-light {
        background-color: rgb(39, 40, 39);
        color: rgb(214, 209, 198);
    }
    a.badge-light:focus,
    a.badge-light:hover {
        background-color: rgb(52, 54, 54);
        color: rgb(214, 209, 198);
    }
    a.badge-light.focus,
    a.badge-light:focus {
        box-shadow: rgba(39, 40, 39, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .badge-dark {
        background-color: rgb(30, 28, 34);
        color: #d1d7e0;
    }
    a.badge-dark:focus,
    a.badge-dark:hover {
        background-color: rgb(13, 13, 13);
        color: #d1d7e0;
    }
    a.badge-dark.focus,
    a.badge-dark:focus {
        box-shadow: rgba(30, 28, 34, 0.5) 0px 0px 0px 0.2rem;
        outline-color: currentcolor;
    }
    .jumbotron {
        background-color: rgb(39, 40, 39);
    }
    .alert {
        border-color: transparent;
    }
    .alert-heading {
        color: inherit;
    }
    .alert-dismissible .close {
        color: inherit;
    }
    .alert-primary {
        background-color: rgb(53, 54, 54);
        border-color: rgb(68, 54, 86);
        color: rgb(186, 164, 210);
    }
    .alert-primary hr {
        border-top-color: rgb(72, 56, 91);
    }
    .alert-primary .alert-link {
        color: rgb(214, 208, 198);
    }
    .alert-secondary {
        background-color: rgb(44, 45, 46);
        border-color: rgb(60, 44, 84);
        color: rgb(175, 166, 153);
    }
    .alert-secondary hr {
        border-top-color: rgb(63, 46, 88);
    }
    .alert-secondary .alert-link {
        color: rgb(190, 182, 171);
    }
    .alert-success {
        background-color: rgb(36, 73, 54);
        border-color: rgb(46, 100, 64);
        color: rgb(153, 232, 177);
    }
    .alert-success hr {
        border-top-color: rgb(48, 106, 69);
    }
    .alert-success .alert-link {
        color: rgb(213, 207, 197);
    }
    .alert-info {
        background-color: rgb(27, 63, 77);
        border-color: rgb(34, 88, 108);
        color: rgb(137, 210, 236);
    }
    .alert-info hr {
        border-top-color: rgb(35, 91, 113);
    }
    .alert-info .alert-link {
        color: #9198a1;
    }
    .alert-warning {
        background-color: rgb(80, 59, 21);
        border-color: rgb(116, 82, 25);
        color: rgb(231, 194, 129);
    }
    .alert-warning hr {
        border-top-color: rgb(122, 87, 26);
    }
    .alert-warning .alert-link {
        color: rgb(203, 197, 186);
    }
    .alert-danger {
        background-color: rgb(76, 17, 16);
        border-color: rgb(112, 18, 17);
        color: rgb(213, 128, 124);
    }
    .alert-danger hr {
        border-top-color: rgb(119, 19, 17);
    }
    .alert-danger .alert-link {
        color: rgb(222, 153, 149);
    }
    .alert-light {
        background-color: rgb(37, 38, 38);
        border-color: rgb(45, 45, 72);
        color: rgb(155, 145, 131);
    }
    .alert-light hr {
        border-top-color: rgb(46, 46, 77);
    }
    .alert-light .alert-link {
        color: rgb(167, 158, 145);
    }
    .alert-dark {
        background-color: rgb(60, 63, 63);
        border-color: rgb(75, 79, 79);
        color: rgb(222, 216, 207);
    }
    .alert-dark hr {
        border-top-color: rgb(79, 83, 82);
    }
    .alert-dark .alert-link {
        color: #d1d7e0;
    }
    .progress {
        background-color: rgb(45, 47, 47);
    }
    .progress-bar {
        background-color: rgb(78, 51, 115);
        color: #d1d7e0;
    }
    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(36, 37, 37, 0.15) 25%, rgba(13, 13, 13, 0) 25%, rgba(13, 13, 13, 0) 50%, rgba(36, 37, 37, 0.15) 50%, rgba(36, 37, 37, 0.15) 75%, rgba(13, 13, 13, 0) 75%, rgba(13, 13, 13, 0));
    }
    .list-group-item-action {
        color: #9198a1;
    }
    .list-group-item-action:focus,
    .list-group-item-action:hover {
        background-color: rgb(48, 43, 56);
        color: #9198a1;
        text-decoration-color: currentcolor;
    }
    .list-group-item-action:active {
        background-color: rgb(39, 40, 39);
        color: #9198a1;
    }
    .list-group-item {
        background-color: rgb(30, 28, 34);
        border-color: transparent;
    }
    .list-group-item.disabled,
    .list-group-item:disabled {
        background-color: rgb(30, 28, 34);
        color: #9198a1;
    }
    .list-group-item.active {
        background-color: rgb(30, 28, 34);
        border-color: rgb(135, 125, 111);
        color: #d1d7e0;
    }
    .list-group-item-primary {
        background-color: rgb(59, 62, 62);
        color: rgb(186, 164, 210);
    }
    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        background-color: rgb(65, 50, 81);
        color: rgb(186, 164, 210);
    }
    .list-group-item-primary.list-group-item-action.active {
        background-color: rgb(47, 33, 65);
        border-color: rgb(104, 66, 157);
        color: #d1d7e0;
    }
    .list-group-item-secondary {
        background-color: rgb(47, 49, 49);
        color: rgb(175, 166, 153);
    }
    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        background-color: rgb(54, 56, 56);
        color: rgb(175, 166, 153);
    }
    .list-group-item-secondary.list-group-item-action.active {
        background-color: rgb(78, 69, 90);
        border-color: rgb(115, 107, 94);
        color: #d1d7e0;
    }
    .list-group-item-success {
        background-color: rgb(40, 83, 61);
        color: rgb(153, 232, 177);
    }
    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        background-color: rgb(43, 94, 69);
        color: rgb(153, 232, 177);
    }
    .list-group-item-success.list-group-item-action.active {
        background-color: rgb(26, 81, 45);
        border-color: rgb(47, 191, 99);
        color: #d1d7e0;
    }
    .list-group-item-info {
        background-color: rgb(29, 71, 88);
        color: rgb(137, 210, 236);
    }
    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        background-color: rgb(32, 80, 100);
        color: rgb(137, 210, 236);
    }
    .list-group-item-info.list-group-item-action.active {
        background-color: rgb(19, 71, 91);
        border-color: rgb(28, 153, 202);
        color: #d1d7e0;
    }
    .list-group-item-warning {
        background-color: rgb(90, 65, 22);
        color: rgb(231, 194, 129);
    }
    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        background-color: rgb(102, 73, 24);
        color: rgb(231, 194, 129);
    }
    .list-group-item-warning.list-group-item-action.active {
        background-color: rgb(102, 76, 28);
        border-color: rgb(183, 133, 42);
        color: #d1d7e0;
    }
    .list-group-item-danger {
        background-color: rgb(84, 17, 16);
        color: rgb(213, 128, 124);
    }
    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        background-color: rgb(96, 17, 16);
        color: rgb(213, 128, 124);
    }
    .list-group-item-danger.list-group-item-action.active {
        background-color: rgb(104, 38, 36);
        border-color: rgb(159, 53, 51);
        color: #d1d7e0;
    }
    .list-group-item-light {
        background-color: rgb(37, 38, 38);
        color: rgb(155, 145, 131);
    }
    .list-group-item-light.list-group-item-action:focus,
    .list-group-item-light.list-group-item-action:hover {
        background-color: rgb(43, 45, 45);
        color: rgb(155, 145, 131);
    }
    .list-group-item-light.list-group-item-action.active {
        background-color: rgb(102, 107, 107);
        border-color: rgb(91, 95, 96);
        color: #d1d7e0;
    }
    .list-group-item-dark {
        background-color: rgb(70, 73, 73);
        color: rgb(222, 216, 207);
    }
    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        background-color: rgb(76, 80, 80);
        color: rgb(222, 216, 207);
    }
    .list-group-item-dark.list-group-item-action.active {
        background-color: rgb(22, 20, 24);
        border-color: rgb(139, 129, 113);
        color: #d1d7e0;
    }
    .close {
        color: #d1d7e0;
        text-shadow: #202831 0px 1px 0px;
    }
    .close:hover {
        color: #d1d7e0;
        text-decoration-color: currentcolor;
    }
    button.close {
        background-color: transparent;
        border-color: currentcolor;
    }
    .toast {
        background-color: rgba(36, 37, 37, 0.85);
        border-color: rgba(143, 132, 117, 0.1);
        box-shadow: rgba(13, 13, 13, 0.1) 0px 0.25rem 0.75rem;
    }
    .toast-header {
        background-color: rgba(36, 37, 37, 0.85);
        border-bottom-color: rgba(143, 132, 117, 0.05);
        color: rgb(162, 153, 139);
    }
    .modal {
        outline-color: currentcolor;
    }
    .modal-content {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.2);
        outline-color: currentcolor;
    }
    .modal-backdrop {
        background-color: rgb(13, 13, 13);
    }
    .modal-header {
        border-bottom-color: #9198a1;
    }
    .modal-footer {
        border-top-color: #9198a1;
    }
    .tooltip {
        text-decoration-color: currentcolor;
        text-shadow: none;
    }
    .tooltip .arrow::before {
        border-color: transparent;
    }
    .bs-tooltip-auto[x-placement^="top"] .arrow::before,
    .bs-tooltip-top .arrow::before {
        border-top-color: rgb(143, 132, 117);
    }
    .bs-tooltip-auto[x-placement^="right"] .arrow::before,
    .bs-tooltip-right .arrow::before {
        border-right-color: rgb(143, 132, 117);
    }
    .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
    .bs-tooltip-bottom .arrow::before {
        border-bottom-color: rgb(143, 132, 117);
    }
    .bs-tooltip-auto[x-placement^="left"] .arrow::before,
    .bs-tooltip-left .arrow::before {
        border-left-color: rgb(143, 132, 117);
    }
    .tooltip-inner {
        background-color: rgb(13, 13, 13);
        color: #d1d7e0;
    }
    .popover {
        background-color: #202831;
        border-color: rgba(143, 132, 117, 0.2);
        text-decoration-color: currentcolor;
        text-shadow: none;
    }
    .popover .arrow::after,
    .popover .arrow::before {
        border-color: transparent;
    }
    .bs-popover-auto[x-placement^="top"] > .arrow::before,
    .bs-popover-top > .arrow::before {
        border-top-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="top"] > .arrow::after,
    .bs-popover-top > .arrow::after {
        border-top-color: rgb(58, 61, 61);
    }
    .bs-popover-auto[x-placement^="right"] > .arrow::before,
    .bs-popover-right > .arrow::before {
        border-right-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="right"] > .arrow::after,
    .bs-popover-right > .arrow::after {
        border-right-color: rgb(58, 61, 61);
    }
    .bs-popover-auto[x-placement^="bottom"] > .arrow::before,
    .bs-popover-bottom > .arrow::before {
        border-bottom-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
    .bs-popover-bottom > .arrow::after {
        border-bottom-color: rgb(58, 61, 61);
    }
    .bs-popover-auto[x-placement^="bottom"] .popover-header::before,
    .bs-popover-bottom .popover-header::before {
        border-bottom-color: rgb(60, 63, 63);
    }
    .bs-popover-auto[x-placement^="left"] > .arrow::before,
    .bs-popover-left > .arrow::before {
        border-left-color: rgba(143, 132, 117, 0.25);
    }
    .bs-popover-auto[x-placement^="left"] > .arrow::after,
    .bs-popover-left > .arrow::after {
        border-left-color: rgb(58, 61, 61);
    }
    .popover-header {
        background-color: rgb(40, 41, 41);
        border-bottom-color: rgb(64, 66, 66);
    }
    .popover-body {
        color: #9198a1;
    }
    .carousel-control-next,
    .carousel-control-prev {
        color: #d1d7e0;
    }
    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        color: #d1d7e0;
        outline-color: currentcolor;
        text-decoration-color: currentcolor;
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        background-color: rgba(13, 13, 13, 0);
        background-image: none;
    }
    .carousel-indicators {
        list-style-image: none;
    }
    .carousel-indicators li {
        background-color: #202831;
        border-bottom-color: transparent;
        border-top-color: transparent;
    }
    .carousel-caption {
        color: #d1d7e0;
    }
    .spinner-border {
        border-color: currentcolor transparent currentcolor currentcolor;
    }
    .spinner-grow {
        background-color: currentcolor;
    }
    .bg-primary {
        background-color: rgb(78, 51, 115) !important;
    }
    a.bg-primary:focus,
    a.bg-primary:hover,
    button.bg-primary:focus,
    button.bg-primary:hover {
        background-color: rgb(62, 41, 89) !important;
    }
    .bg-secondary {
        background-color: rgb(71, 51, 101) !important;
    }
    a.bg-secondary:focus,
    a.bg-secondary:hover,
    button.bg-secondary:focus,
    button.bg-secondary:hover {
        background-color: rgb(83, 59, 120) !important;
    }
    .bg-success {
        background-color: rgb(37, 144, 76) !important;
    }
    a.bg-success:focus,
    a.bg-success:hover,
    button.bg-success:focus,
    button.bg-success:hover {
        background-color: rgb(31, 111, 60) !important;
    }
    .bg-info {
        background-color: rgb(25, 125, 163) !important;
    }
    a.bg-info:focus,
    a.bg-info:hover,
    button.bg-info:focus,
    button.bg-info:hover {
        background-color: rgb(22, 99, 128) !important;
    }
    .bg-warning {
        background-color: rgb(177, 125, 34) !important;
    }
    a.bg-warning:focus,
    a.bg-warning:hover,
    button.bg-warning:focus,
    button.bg-warning:hover {
        background-color: rgb(158, 112, 31) !important;
    }
    .bg-danger {
        background-color: rgb(156, 21, 19) !important;
    }
    a.bg-danger:focus,
    a.bg-danger:hover,
    button.bg-danger:focus,
    button.bg-danger:hover {
        background-color: rgb(182, 22, 20) !important;
    }
    .bg-light {
        background-color: rgb(39, 40, 39) !important;
    }
    a.bg-light:focus,
    a.bg-light:hover,
    button.bg-light:focus,
    button.bg-light:hover {
        background-color: rgb(52, 54, 54) !important;
    }
    .bg-dark {
        background-color: rgb(30, 28, 34) !important;
    }
    a.bg-dark:focus,
    a.bg-dark:hover,
    button.bg-dark:focus,
    button.bg-dark:hover {
        background-color: rgb(13, 13, 13) !important;
    }
    .bg-white {
        background-color: #202831 !important;
    }
    .bg-transparent {
        background-color: transparent !important;
    }
    .border {
        border-color: #9198a1 !important;
    }
    .border-top {
        border-top-color: #9198a1 !important;
    }
    .border-right {
        border-right-color: #9198a1 !important;
    }
    .border-bottom {
        border-bottom-color: #9198a1 !important;
    }
    .border-left {
        border-left-color: #9198a1 !important;
    }
    .border-0 {
        border-color: currentcolor !important;
    }
    .border-top-0 {
        border-top-color: currentcolor !important;
    }
    .border-right-0 {
        border-right-color: currentcolor !important;
    }
    .border-bottom-0 {
        border-bottom-color: currentcolor !important;
    }
    .border-left-0 {
        border-left-color: currentcolor !important;
    }
    .border-primary {
        border-color: rgb(93, 60, 138) !important;
    }
    .border-secondary {
        border-color: rgb(73, 53, 103) !important;
    }
    .border-success {
        border-color: rgb(42, 168, 88) !important;
    }
    .border-info {
        border-color: rgb(26, 133, 174) !important;
    }
    .border-warning {
        border-color: rgb(159, 112, 32) !important;
    }
    .border-danger {
        border-color: rgb(149, 20, 18) !important;
    }
    .border-light {
        border-color: rgb(52, 42, 76) !important;
    }
    .border-dark {
        border-color: rgb(135, 125, 111) !important;
    }
    .border-white {
        border-color: rgb(58, 61, 61) !important;
    }
    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        border-color: currentcolor;
    }
    .sr-only {
        border-color: currentcolor;
    }
    .shadow-sm {
        box-shadow: rgba(13, 13, 13, 0.07) 0px 0.125rem 0.25rem !important;
    }
    .shadow {
        box-shadow: rgba(13, 13, 13, 0.15) 0px 0.5rem 1rem !important;
    }
    .shadow-lg {
        box-shadow: rgba(13, 13, 13, 0.17) 0px 1rem 3rem !important;
    }
    .shadow-none {
        box-shadow: none !important;
    }
    .stretched-link::after {
        background-color: rgba(13, 13, 13, 0);
    }
    .text-white {
        color: #d1d7e0 !important;
    }
    .text-primary {
        color: rgb(151, 119, 193) !important;
    }
    a.text-primary:focus,
    a.text-primary:hover {
        color: rgb(180, 155, 206) !important;
    }
    .text-secondary {
        color: rgb(167, 144, 197) !important;
    }
    a.text-secondary:focus,
    a.text-secondary:hover {
        color: rgb(139, 110, 182) !important;
    }
    .text-success {
        color: rgb(99, 224, 143) !important;
    }
    a.text-success:focus,
    a.text-success:hover {
        color: rgb(141, 231, 170) !important;
    }
    .text-info {
        color: rgb(73, 188, 233) !important;
    }
    a.text-info:focus,
    a.text-info:hover {
        color: rgb(119, 204, 235) !important;
    }
    .text-warning {
        color: rgb(229, 170, 67) !important;
    }
    a.text-warning:focus,
    a.text-warning:hover {
        color: rgb(232, 183, 95) !important;
    }
    .text-danger {
        color: rgb(232, 79, 76) !important;
    }
    a.text-danger:focus,
    a.text-danger:hover {
        color: rgb(230, 60, 57) !important;
    }
    .text-light {
        color: rgb(218, 210, 224) !important;
    }
    a.text-light:focus,
    a.text-light:hover {
        color: rgb(188, 177, 208) !important;
    }
    .text-dark {
        color: rgb(214, 209, 198) !important;
    }
    a.text-dark:focus,
    a.text-dark:hover {
        color: #d1d7e0 !important;
    }
    .text-body {
        color: #9198a1 !important;
    }
    .text-muted {
        color: rgb(162, 153, 139) !important;
    }
    .text-black-50 {
        color: rgba(229, 224, 216, 0.5) !important;
    }
    .text-white-50 {
        color: rgba(229, 224, 216, 0.5) !important;
    }
    .text-hide {
        background-color: transparent;
        border-color: currentcolor;
        color: transparent;
        text-shadow: none;
    }
    .text-decoration-none {
        text-decoration-color: currentcolor !important;
    }
    .text-reset {
        color: inherit !important;
    }
    .btn.active:focus,
    .btn:active,
    .btn:active:focus,
    .btn:focus {
        outline-color: currentcolor;
    }
    .btn-secondary {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
        color: rgb(214, 209, 198);
    }
    .btn-secondary:hover {
        background-color: rgb(45, 47, 47);
        border-color: rgb(78, 82, 82);
        color: rgb(214, 209, 198);
    }
    .btn-secondary.disabled {
        background-color: #202831;
        border-color: rgb(69, 72, 71);
        color: rgb(207, 200, 189);
    }
    .btn-warning {
        color: #d1d7e0;
    }
    .btn-primary:focus {
        box-shadow: rgb(95, 62, 141) 0px 0px 5px;
    }
    .btn-secondary:focus {
        box-shadow: rgb(63, 65, 65) 0px 0px 5px;
    }
    .btn-success:focus {
        box-shadow: rgb(44, 177, 112) 0px 0px 5px;
    }
    .btn-info:focus {
        box-shadow: rgb(26, 135, 179) 0px 0px 5px;
    }
    .btn-warning:focus {
        box-shadow: rgb(151, 107, 30) 0px 0px 5px;
    }
    .btn-danger:focus {
        box-shadow: rgb(131, 19, 18) 0px 0px 5px;
    }
    .btn.disabled:focus {
        box-shadow: none;
    }
    .table .thead-dark th {
        background-color: rgb(71, 51, 101);
        border-color: rgba(143, 132, 117, 0.05);
    }
    .form-control:focus {
        box-shadow: rgba(87, 63, 125, 0.4) 0px 0px 5px;
    }
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-link.active:focus,
    .nav-tabs .nav-link.active:hover,
    .nav-tabs .nav-link:hover {
        border-bottom-color: #d1d7e0 !important;
    }
    .breadcrumb-item.active {
        color: #9198a1;
    }
    .badge-secondary,
    .badge-warning {
        color: #d1d7e0;
    }
    .list-group-item {
        color: rgba(229, 224, 216, 0.8);
    }
    .list-group-item.active,
    .list-group-item:focus,
    .list-group-item:hover {
        color: #d1d7e0;
    }
    .list-group-item.active:hover {
        background-color: rgb(48, 43, 56);
    }
    .list-group-item.disabled:hover {
        color: #9198a1;
    }
    [class*="sidebar-dark-"] .nav-header {
        color: rgba(229, 224, 216, 0.3);
    }
    .table thead th {
        border-bottom-color: currentcolor;
        color: rgb(158, 149, 135);
    }
    .inline-related .tabular {
        background-color: #202831;
        box-shadow: rgba(13, 13, 13, 0.1) 0px 1px 1px;
    }
    .object-tools li {
        list-style-image: none;
    }
    .object-tools .historylink {
        background-color: rgb(64, 115, 143);
        color: #d1d7e0;
    }
    .related-widget-wrapper select {
        background-color: #202831;
        border-color: rgb(70, 73, 73);
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset;
    }
    .select2-container .select2-selection--single {
        border-color: rgb(70, 73, 73) !important;
    }
    .select2-container--default .select2-selection--single {
        border-color: rgb(70, 73, 73);
    }

    .vTextField,
    .vLargeTextField,
    .vURLField,
    .vIntegerField,
    .vBigIntegerField,
    .vForeignKeyRawIdAdminField,
    .vDateField,
    .vTimeField,
    input[type="number"],
    input[type="text"] {
        background-color: inherit;
        border-color: rgb(70, 73, 73);
        box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px inset;
        color: #9198a1;
    }
    .vLargeTextField {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
        color: rgb(178, 171, 158);
    }
    .calendarbox,
    .clockbox {
        background-color: #202831;
        background-image: none;
        border-color: rgb(68, 70, 70);
        box-shadow: rgba(13, 13, 13, 0.15) 0px 2px 4px;
    }
    .calendar table {
        background-color: #202831;
        background-image: none;
    }
    .calendar caption,
    .calendarbox h2,
    .clockbox h2 {
        background-color: rgb(112, 98, 26);
        background-image: none;
        border-top-color: currentcolor;
        color: rgb(199, 192, 181);
    }
    .calendar th {
        background-color: rgb(39, 41, 40);
        background-image: none;
        border-bottom-color: rgb(68, 70, 70);
        color: #9198a1;
    }
    .calendar td {
        border-bottom-color: currentcolor;
        border-top-color: rgb(63, 65, 65);
    }
    .calendar td.selected a {
        background-color: rgb(64, 115, 143);
        background-image: none;
        color: #d1d7e0 !important;
    }
    .calendar td.nonday {
        background-color: rgb(39, 41, 40);
        background-image: none;
    }
    .calendar td a,
    .timelist a {
        color: #9198a1;
        text-decoration-color: currentcolor;
    }
    .calendar td a:focus,
    .timelist a:focus,
    .calendar td a:hover,
    .timelist a:hover {
        background-color: rgb(64, 115, 143);
        background-image: none;
        color: #d1d7e0;
    }
    .calendar td a:active,
    .timelist a:active {
        background-color: rgb(64, 115, 143);
        background-image: none;
        color: #d1d7e0;
    }
    .calendarnav {
        color: rgb(199, 192, 181);
    }
    .calendarnav a:link,
    #calendarnav a:visited,
    #calendarnav a:focus,
    #calendarnav a:hover {
        color: #9198a1;
    }
    .calendar-shortcuts {
        background-color: #202831;
        background-image: none;
        border-top-color: rgb(63, 65, 65);
        color: rgb(199, 192, 181);
    }
    .calendarnav-previous {
        background-color: rgba(13, 13, 13, 0);
    }
    .calendarnav-next {
        background-color: rgba(13, 13, 13, 0);
    }
    .calendar-cancel {
        background-color: rgb(45, 46, 46);
        background-image: none;
        border-top-color: rgb(68, 70, 70);
        color: rgb(199, 192, 181);
    }
    .calendar-cancel:focus,
    .calendar-cancel:hover {
        background-color: rgb(54, 56, 56);
        background-image: none;
    }
    .calendar-cancel a {
        color: #d1d7e0;
    }
    .selector-available h2,
    .selector-chosen h2 {
        border-color: rgb(72, 75, 75);
    }
    .selector-chosen h2 {
        background-color: rgb(23, 102, 185);
        background-image: none;
        color: #d1d7e0;
    }
    .selector .selector-available h2 {
        background-color: rgb(39, 41, 40);
        background-image: none;
        color: #9198a1;
    }
    .selector .selector-filter {
        background-color: #202831;
        background-image: none;
        border-color: rgb(72, 75, 75);
        color: #9198a1;
    }
    .selector-filter input {
        background-color: #202831;
        border-color: rgb(72, 75, 75);
        color: rgb(178, 171, 158);
    }
    .selector ul.selector-chooser {
        background-color: rgb(45, 46, 46);
    }
    .selector-add {
        background-color: rgba(13, 13, 13, 0);
    }
    .selector-remove {
        background-color: rgba(13, 13, 13, 0);
    }
    a.selector-chooseall,
    a.selector-clearall {
        color: #9198a1;
        text-decoration-color: currentcolor;
    }
    a.active.selector-chooseall:focus,
    a.active.selector-clearall:focus,
    a.active.selector-chooseall:hover,
    a.active.selector-clearall:hover {
        color: rgb(122, 163, 181);
    }
    a.selector-chooseall {
        background-color: rgba(13, 13, 13, 0);
    }
    a.selector-clearall {
        background-color: rgba(13, 13, 13, 0);
    }
    .help-block,
    .timezonewarning {
        color: rgb(162, 154, 140);
    }
    .dashboard tbody tr:first-child td {
        border-top-color: currentcolor;
    }
    .vCheckboxLabel.inline {
        color: rgb(231, 44, 42);
    }
    .ui-customiser .menu-items div.active {
        border-color: rgb(58, 61, 61);
    }
    .breadcrumb {
        background-color: transparent;
        background-image: none;
    }
    #jazzy-collapsible .collapsible-header:hover {
        background-color: rgb(23, 102, 185);
        background-image: none;
        color: #d1d7e0;
    }
    #jazzy-carousel .carousel-indicators li {
        background-color: rgb(23, 102, 184);
    }
    .main-footer {
        color: rgb(163, 154, 140);
    }
    a.inline-deletelink:hover {
        background-color: rgb(151, 43, 52);
        border-color: rgb(151, 43, 52);
    }
    a.inline-deletelink {
        background-color: rgb(155, 44, 53);
        border-color: rgb(141, 41, 48);
        color: #d1d7e0 !important;
    }
    .callout {
        color: #d1d7e0;
    }
    .link {
        text-decoration-color: currentcolor;
    }
    .env-badge {
        color: #d1d7e0;
    }
    .production {
        background-color: rgb(156, 21, 19);
    }
    .development {
        background-color: rgb(38, 128, 68);
    }

    .markdownx .markdownx-preview h1,
    .markdownx .markdownx-preview h2,
    .markdownx .markdownx-preview h3,
    .markdownx .markdownx-preview h4,
    .markdownx .markdownx-preview h5,
    .markdownx .markdownx-preview h6 {
        font-weight:400;
        color: inherit !important;;
        margin-top:.75em;
        margin-bottom:.75em;
        padding:0;
        background:0 0
    }

}