/*
                        _______
                       /       \
                      .==.    .==.
                     ((  ))==((  ))
                    / "=="    "=="\
                   /____|| || ||___\
       ________     ____    ________  ___    ___
       |  ___  \   /    \   |  ___  \ |  |  /  /
       |  |  \  \ /  /\  \  |  |  \  \|  |_/  /
       |  |   )  /  /__\  \ |  |__/  /|  ___  \
       |  |__/  /  ______  \|  ____  \|  |  \  \
_______|_______/__/ ____ \__\__|___\__\__|___\__\____
|  ___  \ |  ____/ /    \   |  ___  \ |  ____|  ___  \
|  |  \  \|  |___ /  /\  \  |  |  \  \|  |___|  |  \  \
|  |__/  /|  ____/  /__\  \ |  |   )  |  ____|  |__/  /
|  ____  \|  |__/  ______  \|  |__/  /|  |___|  ____  \
|__|   \__\____/__/      \__\_______/ |______|__|   \__\
                https://darkreader.org
*/

/*! Dark reader generated CSS | Licensed under MIT https://github.com/darkreader/darkreader/blob/master/LICENSE */

/* User-Agent Style */
html {
    background-color: #181a1b !important;
}
html, body, input, textarea, select, button {
    background-color: #181a1b;
}
html, body, input, textarea, select, button {
    border-color: #696969;
    color: #ffffff;
}
a {
    color: #3391ff;
}
table {
    border-color: #545b5e;
}
::placeholder {
    color: #b2b2b2;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #555b00 !important;
    color: #ffffff !important;
}
::-webkit-scrollbar {
    background-color: #202324;
    color: #a9a9a9;
}
::-webkit-scrollbar-thumb {
    background-color: #454a4d;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #575e62;
}
::-webkit-scrollbar-thumb:active {
    background-color: #484e51;
}
::-webkit-scrollbar-corner {
    background-color: #181a1b;
}
::selection {
    background-color: #004daa !important;
    color: #ffffff !important;
}
::-moz-selection {
    background-color: #004daa !important;
    color: #ffffff !important;
}

/* Invert Style */
.jfk-bubble.gtx-bubble, .captcheck_answer_label > input + img, span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], span[data-href^="https://www.hcaptcha.com/"] > #icon, #bit-notification-bar-iframe, ::-webkit-calendar-picker-indicator {
    filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
}

/* Variables Style */
:root {
   --darkreader-neutral-background: #131516;
   --darkreader-neutral-text: #ffffff;
   --darkreader-selection-background: #004daa;
   --darkreader-selection-text: #ffffff;
}

/* Modified CSS */
table.dataTable thead th:active,
table.dataTable thead td:active {
    outline-color: initial;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top-color: rgb(122, 122, 122);
}
table.dataTable thead .sorting {
    background-image: url("https://dotaworkshop.com/assets/images/sort_both.png");
}
table.dataTable thead .sorting_asc {
    background-image: url("https://dotaworkshop.com/assets/images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
    background-image: url("https://dotaworkshop.com/assets/images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
    background-image: url("https://dotaworkshop.com/assets/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
    background-image: url("https://dotaworkshop.com/assets/images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
    background-color: rgb(24, 26, 27);
}
table.dataTable tbody tr.selected {
    background-color: rgb(39, 54, 82);
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top-color: rgb(58, 62, 65);
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top-color: initial;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top-color: rgb(58, 62, 65);
    border-right-color: rgb(58, 62, 65);
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left-color: rgb(58, 62, 65);
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top-color: initial;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: rgb(27, 30, 31);
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: rgb(43, 57, 83);
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: rgb(29, 32, 33);
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
    background-color: rgb(46, 58, 84);
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    background-color: rgb(27, 29, 30);
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: rgb(42, 56, 84);
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: rgb(32, 35, 36);
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: rgb(31, 33, 35);
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: rgb(30, 32, 33);
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: rgb(48, 62, 86);
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: rgb(47, 60, 85);
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: rgb(45, 59, 85);
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: rgb(27, 29, 30);
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: rgb(26, 28, 29);
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: rgb(25, 27, 28);
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: rgb(42, 56, 84);
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: rgb(42, 56, 82);
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: rgb(40, 55, 82);
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: rgb(36, 39, 40);
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: rgb(35, 38, 39);
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: rgb(33, 36, 37);
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: rgb(53, 64, 88);
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: rgb(51, 64, 87);
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: rgb(50, 62, 86);
}
table.dataTable.no-footer {
    border-bottom-color: rgb(122, 122, 122);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: transparent;
    text-decoration-color: initial !important;
    color: rgb(209, 209, 209) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-color: rgb(77, 84, 87);
    background-image: linear-gradient(rgb(24, 26, 27) 0%,
    rgb(44, 47, 49) 100%);
    background-color: initial;
    color: rgb(209, 209, 209) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border-color: transparent;
    background-image: initial;
    background-color: transparent;
    box-shadow: none;
    color: rgb(163, 163, 163) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: rgb(122, 122, 122);
    background-image: linear-gradient(rgb(66, 72, 75) 0%,
    rgb(13, 14, 14) 100%);
    background-color: initial;
    color: rgb(255, 255, 255) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline-color: initial;
    background-image: linear-gradient(rgb(32, 35, 36) 0%,
    rgb(9, 10, 10) 100%);
    background-color: initial;
    box-shadow: rgb(13, 14, 14) 0px 0px 3px inset;
}
.dataTables_wrapper .dataTables_processing {
    background-image: linear-gradient(to right,
    rgba(24, 26, 27, 0) 0%,
    rgba(24, 26, 27, 0.9) 25%,
    rgba(24, 26, 27, 0.9) 75%,
    rgba(24, 26, 27, 0) 100%);
    background-color: initial;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: rgb(209, 209, 209);
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom-color: rgb(122, 122, 122);
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom-color: initial;
}
#edge-translate-panel-body {
    color: var(--darkreader-text--darkreader-neutral-text) !important;
}
#loader {
    background-image: initial;
    background-color: rgb(24, 26, 27);
}
.spinner {
    background-color: rgb(38, 42, 43);
}
a:link {
    color: rgb(81, 180, 238);
    background-color: transparent;
    text-decoration-color: initial;
}
a:visited {
    color: rgb(81, 180, 238);
    background-color: transparent;
    text-decoration-color: initial;
}
a:hover {
    color: rgb(143, 213, 253);
    background-color: transparent;
    text-decoration-color: initial;
}
a:active {
    color: rgb(143, 213, 253);
    background-color: transparent;
    text-decoration-color: initial;
}
h1 {
    color: rgb(95, 201, 251);
}
h2 {
    color: rgb(255, 26, 26);
}
h2 a {
    color: rgb(255, 26, 26);
    text-decoration-color: initial;
}
hr {
    color: inherit;
    background-color: currentcolor;
    border-color: initial;
}
.blue {
    color: rgb(150, 207, 233);
}
.yellow {
    color: rgb(255, 249, 85);
}
.container th h1 {
    color: rgb(150, 207, 233);
}
.container td {
    box-shadow: rgb(11, 14, 20) 0px 2px 2px -2px;
}
.text-block {
    color: rgb(255, 255, 255); 
}
:root {
    --bs-blue: #2196f3; --bs-indigo: #3f51b5; --bs-purple: #9c27b0; --bs-pink: #e91e63; --bs-red: #f44336; --bs-orange: #ff9800; --bs-yellow: #ffeb3b; --bs-green: #4caf50; --bs-teal: #009688; --bs-cyan: #00bcd4; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #2196f3; --bs-secondary: #6c757d; --bs-success: #4caf50; --bs-info: #00bcd4; --bs-warning: #ffeb3b; --bs-danger: #f44336; --bs-light: #f8f9fa; --bs-dark: #212529; --darkreader-bg--bs-primary-rgb: 33, 150, 243; --darkreader-text--bs-primary-rgb: 33, 150, 243; --darkreader-bg--bs-secondary-rgb: 108, 117, 125; --darkreader-text--bs-secondary-rgb: 108, 117, 125; --darkreader-bg--bs-success-rgb: 76, 175, 80; --darkreader-text--bs-success-rgb: 76, 175, 80; --darkreader-bg--bs-info-rgb: 0, 188, 212; --darkreader-text--bs-info-rgb: 0, 188, 212; --darkreader-bg--bs-warning-rgb: 255, 235, 59; --darkreader-text--bs-warning-rgb: 255, 235, 59; --darkreader-bg--bs-danger-rgb: 244, 67, 54; --darkreader-text--bs-danger-rgb: 244, 67, 54; --darkreader-bg--bs-light-rgb: 248, 249, 250; --darkreader-text--bs-light-rgb: 248, 249, 250; --darkreader-bg--bs-dark-rgb: 33, 37, 41; --darkreader-text--bs-dark-rgb: 33, 37, 41; --darkreader-bg--bs-white-rgb: 255, 255, 255; --darkreader-text--bs-white-rgb: 255, 255, 255; --darkreader-bg--bs-black-rgb: 0, 0, 0; --darkreader-text--bs-black-rgb: 0, 0, 0; --darkreader-text--bs-body-color-rgb: 33, 37, 41; --darkreader-bg--bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
    --darkreader-bgimg--bs-gradient: linear-gradient(180deg,
    rgba(24, 26, 27, 0.15),
    rgba(24, 26, 27, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --darkreader-text--bs-body-color: #dedede;
    --darkreader-bg--bs-body-bg: #181a1b;
}
body {
    color: var(--darkreader-text--bs-body-color);
    background-color: var(--darkreader-bg--bs-body-bg);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
hr {
    color: inherit;
    background-color: currentcolor;
    border-color: initial;
}
abbr[title],
abbr[data-bs-original-title] {
    text-decoration-color: initial;
}
mark,
.mark {
    background-color: rgb(63, 54, 7);
}
a {
    color: rgb(55, 164, 244);
    text-decoration-color: initial;
}
a:hover {
    color: rgb(100, 177, 234);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration-color: initial;
}
pre code {
    color: inherit;
}
code {
    color: rgb(235, 53, 115);
}
a > code {
    color: inherit;
}
kbd {
    color: rgb(255, 255, 255);
    background-color: rgb(28, 30, 31);
}
caption {
    color: rgb(150, 150, 150);
}
thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
}
button:focus:not(.focus-visible) {
    outline-color: initial;
}
button:focus:not(:focus-visible) {
    outline-color: initial;
}
fieldset {
    border-color: initial;
}
iframe {
    border-color: initial;
}
.list-unstyled {
    list-style-image: initial;
}
.list-inline {
    list-style-image: initial;
}
.blockquote-footer {
    color: rgb(150, 150, 150);
}
.img-thumbnail {
    background-color: rgb(24, 26, 27);
    border-color: rgb(56, 61, 63);
}
.figure-caption {
    color: rgb(150, 150, 150);
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}
.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 768px) {
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 992px) {
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1200px) {
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1400px) {
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}
.table {
    --darkreader-bg--bs-table-bg: rgba(0, 0, 0, 0);
    --darkreader-bg--bs-table-accent-bg: rgba(0, 0, 0, 0);
    --darkreader-text--bs-table-striped-color: #dedede;
    --darkreader-bg--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --darkreader-text--bs-table-active-color: #dedede;
    --darkreader-bg--bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --darkreader-text--bs-table-hover-color: #dedede;
    --darkreader-bg--bs-table-hover-bg: rgba(0, 0, 0, 0.07);
    color: rgb(222, 222, 222);
    border-color: rgba(128, 128, 128, 0.06);
}
.table > :not(caption) > * > * {
    background-color: var(--darkreader-bg--bs-table-bg);
    box-shadow: inset 0 0 0 9999px var(--darkreader-bg--bs-table-accent-bg);
}
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentcolor;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    --darkreader-bg--bs-table-accent-bg: var(--darkreader-bg--bs-table-striped-bg);
    color: var(--darkreader-text--bs-table-striped-color);
}
.table-active {
    --darkreader-bg--bs-table-accent-bg: var(--darkreader-bg--bs-table-active-bg);
    color: var(--darkreader-text--bs-table-active-color);
}
.table-hover > tbody > tr:hover {
    --darkreader-bg--bs-table-accent-bg: var(--darkreader-bg--bs-table-hover-bg);
    color: var(--darkreader-text--bs-table-hover-color);
}
.table-primary {
    --darkreader-bg--bs-table-bg: #25282a;
    --darkreader-bg--bs-table-striped-bg: #2c2f31;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #323638;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #2f3335;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(38, 68, 92);
}
.table-secondary {
    --darkreader-bg--bs-table-bg: #282b2c;
    --darkreader-bg--bs-table-striped-bg: #2e3233;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #35393b;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #313537;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(62, 67, 70);
}
.table-success {
    --darkreader-bg--bs-table-bg: #193922;
    --darkreader-bg--bs-table-striped-bg: #243c2b;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #2d4133;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #293e2f;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(62, 67, 70);
}
.table-info {
    --darkreader-bg--bs-table-bg: #0d444a;
    --darkreader-bg--bs-table-striped-bg: #1a464b;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #254a4d;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #1f474c;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(43, 86, 90);
}
.table-warning {
    --darkreader-bg--bs-table-bg: #4a4300;
    --darkreader-bg--bs-table-striped-bg: #464112;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #49441e;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #474218;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(91, 85, 37);
}
.table-danger {
    --darkreader-bg--bs-table-bg: #490704;
    --darkreader-bg--bs-table-striped-bg: #461715;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #482120;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #471d1b;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(89, 41, 39);
}
.table-light {
    --darkreader-bg--bs-table-bg: #1b1e1f;
    --darkreader-bg--bs-table-striped-bg: #222526;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #2a2d2f;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #26292b;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(57, 61, 64);
}
.table-dark {
    --darkreader-bg--bs-table-bg: #1c1e1f;
    --darkreader-bg--bs-table-striped-bg: #242729;
    --darkreader-text--bs-table-striped-color: #ffffff;
    --darkreader-bg--bs-table-active-bg: #2c3032;
    --darkreader-text--bs-table-active-color: #ffffff;
    --darkreader-bg--bs-table-hover-bg: #282c2d;
    --darkreader-text--bs-table-hover-color: #ffffff;
    color: rgb(255, 255, 255);
    border-color: rgb(110, 110, 110);
}
.form-text {
    color: rgb(150, 150, 150);
}
.form-control {
    color: rgb(222, 222, 222);
    background-color: rgb(24, 26, 27);
    border-color: rgb(60, 65, 68);
}
.form-control:focus {
    color: rgb(222, 222, 222);
    background-color: rgb(24, 26, 27);
    border-color: rgb(7, 76, 130);
    outline-color: initial;
    box-shadow: rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.form-control::-webkit-input-placeholder {
    color: rgb(150, 150, 150);
}
.form-control::placeholder {
    color: rgb(150, 150, 150);
}
.form-control:disabled,
.form-control[readonly] {
    background-color: rgb(35, 38, 39);
}
.form-control::file-selector-button {
    color: rgb(222, 222, 222);
    background-color: rgb(35, 38, 39);
    border-color: inherit;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: rgb(42, 45, 47);
}
.form-control::-webkit-file-upload-button {
    color: rgb(222, 222, 222);
    background-color: rgb(35, 38, 39);
    border-color: inherit;
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: rgb(42, 45, 47);
}
.form-control-plaintext {
    color: rgb(222, 222, 222);
    background-color: transparent;
    border-color: transparent;
}
.form-select {
    color: rgb(222, 222, 222);
    background-color: rgb(24, 26, 27);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border-color: rgb(60, 65, 68);
}
.form-select:focus {
    border-color: rgb(7, 76, 130);
    outline-color: initial;
    box-shadow: rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
    background-image: none;
}
.form-select:disabled {
    background-color: rgb(35, 38, 39);
}
.form-check-input {
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.25);
}
.form-check-input:focus {
    border-color: rgb(7, 76, 130);
    outline-color: initial;
    box-shadow: rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.form-check-input:checked {
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163); 
}
.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); 
}
.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); 
}
.form-check-input[type="checkbox"]:indeterminate {
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390cbf9'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-range {
    background-color: transparent;
}
.form-range:focus {
    outline-color: initial;
}
.form-range:focus::-webkit-slider-thumb {
    box-shadow: rgb(24, 26, 27) 0px 0px 0px 1px,
    rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.form-range::-webkit-slider-thumb {
    background-color: rgb(10, 106, 182);
    border-color: initial;
}
.form-range::-webkit-slider-thumb:active {
    background-color: rgb(44, 48, 50);
}
.form-range::-webkit-slider-runnable-track {
    color: transparent;
    background-color: rgb(40, 44, 45);
    border-color: transparent;
}
.form-range:disabled::-webkit-slider-thumb {
    background-color: rgb(66, 71, 74);
}
.form-floating > label {
    border-color: transparent;
}
.form-floating > .form-control::-webkit-input-placeholder {
    color: transparent;
}
.form-floating > .form-control::placeholder {
    color: transparent;
}
.input-group-text {
    color: rgb(222, 222, 222);
    background-color: rgb(35, 38, 39);
    border-color: rgb(60, 65, 68);
}
.valid-feedback {
    color: rgb(98, 187, 101);
}
.valid-tooltip {
    color: rgb(255, 255, 255);
    background-color: rgba(61, 140, 64, 0.9);
}
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: rgb(54, 125, 57);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: rgb(54, 125, 57);
    box-shadow: rgba(61, 140, 64, 0.25) 0px 0px 0px 0.25rem;
}
.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: rgb(54, 125, 57);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: rgb(54, 125, 57);
    box-shadow: rgba(61, 140, 64, 0.25) 0px 0px 0px 0.25rem;
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: rgb(54, 125, 57);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: rgb(61, 140, 64);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: rgba(61, 140, 64, 0.25) 0px 0px 0px 0.25rem;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: rgb(98, 187, 101);
}
.invalid-feedback {
    color: rgb(245, 86, 74);
}
.invalid-tooltip {
    color: rgb(255, 255, 255);
    background-color: rgba(169, 20, 9, 0.9);
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: rgb(157, 19, 9);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e");
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: rgb(157, 19, 9);
    box-shadow: rgba(169, 20, 9, 0.25) 0px 0px 0px 0.25rem;
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: rgb(157, 19, 9);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e");
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: rgb(157, 19, 9);
    box-shadow: rgba(169, 20, 9, 0.25) 0px 0px 0px 0.25rem;
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: rgb(157, 19, 9);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: rgb(169, 20, 9);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: rgba(169, 20, 9, 0.25) 0px 0px 0px 0.25rem;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: rgb(245, 86, 74);
}
.btn {
    color: rgb(222, 222, 222);
    text-decoration-color: initial;
    background-color: transparent;
    border-color: transparent;
}
.btn:hover {
    color: rgb(222, 222, 222);
}
.btn-check:focus + .btn,
.btn:focus {
    outline-color: initial;
    box-shadow: rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.btn-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163);
}
.btn-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(9, 94, 162);
    border-color: rgb(9, 92, 157);
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(9, 94, 162);
    border-color: rgb(9, 92, 157);
    box-shadow: rgba(22, 102, 166, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(9, 91, 155);
    border-color: rgb(9, 92, 157);
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: rgba(22, 102, 166, 0.5) 0px 0px 0px 0.25rem;
}
.btn-primary:disabled,
.btn-primary.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163);
}
.btn-secondary {
    color: rgb(255, 255, 255);
    background-color: rgb(88, 95, 99);
    border-color: rgb(93, 93, 93);
}
.btn-secondary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(75, 81, 84);
    border-color: rgb(100, 100, 100);
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(75, 81, 84);
    border-color: rgb(100, 100, 100);
    box-shadow: rgba(90, 98, 102, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(70, 76, 79);
    border-color: rgb(101, 101, 101);
}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: rgba(90, 98, 102, 0.5) 0px 0px 0px 0.25rem;
}
.btn-secondary:disabled,
.btn-secondary.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(88, 95, 99);
    border-color: rgb(93, 93, 93);
}
.btn-success {
    color: rgb(255, 255, 255);
    background-color: rgb(61, 140, 64);
    border-color: rgb(54, 125, 57);
}
.btn-success:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 126, 76);
    border-color: rgb(53, 119, 56);
}
.btn-check:focus + .btn-success,
.btn-success:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 126, 76);
    border-color: rgb(53, 119, 56);
    box-shadow: rgba(52, 119, 54, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(54, 121, 73);
    border-color: rgb(53, 119, 56);
}
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: rgba(52, 119, 54, 0.5) 0px 0px 0px 0.25rem;
}
.btn-success:disabled,
.btn-success.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(61, 140, 64);
    border-color: rgb(54, 125, 57);
}
.btn-info {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 150, 170);
    border-color: rgb(0, 170, 191);
}
.btn-info:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(30, 158, 174);
    border-color: rgb(20, 147, 163);
}
.btn-check:focus + .btn-info,
.btn-info:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(30, 158, 174);
    border-color: rgb(20, 147, 163);
    box-shadow: rgba(0, 128, 144, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info,
.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(28, 150, 166);
    border-color: rgb(20, 147, 163);
}
.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: rgba(0, 128, 144, 0.5) 0px 0px 0px 0.25rem;
}
.btn-info:disabled,
.btn-info.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 150, 170);
    border-color: rgb(0, 170, 191);
}
.btn-warning {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 151, 0);
    border-color: rgb(161, 144, 0);
}
.btn-warning:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(151, 136, 0);
    border-color: rgb(155, 139, 0);
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(151, 136, 0);
    border-color: rgb(155, 139, 0);
    box-shadow: rgba(166, 152, 31, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(145, 130, 0);
    border-color: rgb(155, 139, 0);
}
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: rgba(166, 152, 31, 0.5) 0px 0px 0px 0.25rem;
}
.btn-warning:disabled,
.btn-warning.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 151, 0);
    border-color: rgb(161, 144, 0);
}
.btn-danger {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 20, 9);
    border-color: rgb(157, 19, 9);
}
.btn-danger:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(151, 18, 8);
    border-color: rgb(151, 18, 8);
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(151, 18, 8);
    border-color: rgb(151, 18, 8);
    box-shadow: rgba(166, 46, 37, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(145, 18, 8);
    border-color: rgb(151, 18, 8);
}
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: rgba(166, 46, 37, 0.5) 0px 0px 0px 0.25rem;
}
.btn-danger:disabled,
.btn-danger.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 20, 9);
    border-color: rgb(157, 19, 9);
}
.btn-light {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 30, 31);
    border-color: rgb(50, 54, 56);
}
.btn-light:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 29, 30);
    border-color: rgb(49, 54, 56);
}
.btn-check:focus + .btn-light,
.btn-light:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 29, 30);
    border-color: rgb(49, 54, 56);
    box-shadow: rgba(48, 52, 54, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-light,
.btn-check:active + .btn-light,
.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 29, 30);
    border-color: rgb(49, 54, 56);
}
.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: rgba(48, 52, 54, 0.5) 0px 0px 0px 0.25rem;
}
.btn-light:disabled,
.btn-light.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 30, 31);
    border-color: rgb(50, 54, 56);
}
.btn-dark {
    color: rgb(255, 255, 255);
    background-color: rgb(28, 30, 31);
    border-color: rgb(116, 116, 116);
}
.btn-dark:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(24, 26, 27);
    border-color: rgb(119, 119, 119);
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(24, 26, 27);
    border-color: rgb(119, 119, 119);
    box-shadow: rgba(52, 57, 59, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark,
.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(22, 24, 25);
    border-color: rgb(119, 119, 119);
}
.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: rgba(52, 57, 59, 0.5) 0px 0px 0px 0.25rem;
}
.btn-dark:disabled,
.btn-dark.disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(28, 30, 31);
    border-color: rgb(116, 116, 116);
}
.btn-outline-primary {
    color: rgb(55, 164, 244);
    border-color: rgb(9, 95, 163);
}
.btn-outline-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163);
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: rgba(10, 106, 182, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163);
}
.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: rgba(10, 106, 182, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: rgb(55, 164, 244);
    background-color: transparent;
}
.btn-outline-secondary {
    color: rgb(150, 150, 150);
    border-color: rgb(93, 93, 93);
}
.btn-outline-secondary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(88, 95, 99);
    border-color: rgb(93, 93, 93);
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: rgba(88, 95, 99, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(88, 95, 99);
    border-color: rgb(93, 93, 93);
}
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: rgba(88, 95, 99, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    color: rgb(150, 150, 150);
    background-color: transparent;
}
.btn-outline-success {
    color: rgb(98, 187, 101);
    border-color: rgb(54, 125, 57);
}
.btn-outline-success:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(61, 140, 64);
    border-color: rgb(54, 125, 57);
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
    box-shadow: rgba(61, 140, 64, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(61, 140, 64);
    border-color: rgb(54, 125, 57);
}
.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: rgba(61, 140, 64, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-success:disabled,
.btn-outline-success.disabled {
    color: rgb(98, 187, 101);
    background-color: transparent;
}
.btn-outline-info {
    color: rgb(64, 233, 255);
    border-color: rgb(0, 170, 191);
}
.btn-outline-info:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 150, 170);
    border-color: rgb(0, 170, 191);
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
    box-shadow: rgba(0, 150, 170, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 150, 170);
    border-color: rgb(0, 170, 191);
}
.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: rgba(0, 150, 170, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-info:disabled,
.btn-outline-info.disabled {
    color: rgb(64, 233, 255);
    background-color: transparent;
}
.btn-outline-warning {
    color: rgb(255, 237, 79);
    border-color: rgb(161, 144, 0);
}
.btn-outline-warning:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 151, 0);
    border-color: rgb(161, 144, 0);
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: rgba(169, 151, 0, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 151, 0);
    border-color: rgb(161, 144, 0);
}
.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: rgba(169, 151, 0, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
    color: rgb(255, 237, 79);
    background-color: transparent;
}
.btn-outline-danger {
    color: rgb(245, 86, 74);
    border-color: rgb(157, 19, 9);
}
.btn-outline-danger:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 20, 9);
    border-color: rgb(157, 19, 9);
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: rgba(169, 20, 9, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 20, 9);
    border-color: rgb(157, 19, 9);
}
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: rgba(169, 20, 9, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
    color: rgb(245, 86, 74);
    background-color: transparent;
}
.btn-outline-light {
    color: rgb(250, 250, 250);
    border-color: rgb(50, 54, 56);
}
.btn-outline-light:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 30, 31);
    border-color: rgb(50, 54, 56);
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
    box-shadow: rgba(27, 30, 31, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 30, 31);
    border-color: rgb(50, 54, 56);
}
.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: rgba(27, 30, 31, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-light:disabled,
.btn-outline-light.disabled {
    color: rgb(250, 250, 250);
    background-color: transparent;
}
.btn-outline-dark {
    color: rgb(222, 222, 222);
    border-color: rgb(116, 116, 116);
}
.btn-outline-dark:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(28, 30, 31);
    border-color: rgb(116, 116, 116);
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: rgba(28, 30, 31, 0.5) 0px 0px 0px 0.25rem;
}
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
    color: rgb(255, 255, 255);
    background-color: rgb(28, 30, 31);
    border-color: rgb(116, 116, 116);
}
.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: rgba(28, 30, 31, 0.5) 0px 0px 0px 0.25rem;
}
.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
    color: rgb(222, 222, 222);
    background-color: transparent;
}
.btn-link {
    color: rgb(55, 164, 244);
    text-decoration-color: initial;
}
.btn-link:hover {
    color: rgb(100, 177, 234);
}
.btn-link:disabled,
.btn-link.disabled {
    color: rgb(150, 150, 150);
}
.dropdown-toggle::after {
    border-top-color: initial;
    border-right-color: transparent;
    border-bottom-color: initial;
    border-left-color: transparent;
}
.dropdown-menu {
    color: rgb(222, 222, 222);
    list-style-image: initial;
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.15);
}
.dropdown-menu-start {
    --bs-position: start;
}
.dropdown-menu-end {
    --bs-position: end;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }
    .dropdown-menu-sm-end {
        --bs-position: end;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }
    .dropdown-menu-md-end {
        --bs-position: end;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }
    .dropdown-menu-lg-end {
        --bs-position: end;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }
    .dropdown-menu-xl-end {
        --bs-position: end;
    }
}
@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }
    .dropdown-menu-xxl-end {
        --bs-position: end;
    }
}
.dropup .dropdown-toggle::after {
    border-top-color: initial;
    border-right-color: transparent;
    border-bottom-color: initial;
    border-left-color: transparent;
}
.dropend .dropdown-toggle::after {
    border-top-color: transparent;
    border-right-color: initial;
    border-bottom-color: transparent;
    border-left-color: initial;
}
.dropstart .dropdown-toggle::before {
    border-top-color: transparent;
    border-right-color: initial;
    border-bottom-color: transparent;
}
.dropdown-divider {
    border-top-color: rgba(128, 128, 128, 0.15);
}
.dropdown-item {
    color: rgb(222, 222, 222);
    text-decoration-color: initial;
    background-color: transparent;
    border-color: initial;
}
.dropdown-item:hover,
.dropdown-item:focus {
    color: rgb(225, 225, 225);
    background-color: rgb(35, 38, 39);
}
.dropdown-item.active,
.dropdown-item:active {
    color: rgb(255, 255, 255);
    text-decoration-color: initial;
    background-color: rgb(10, 106, 182);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: rgb(188, 188, 188);
    background-color: transparent;
}
.dropdown-header {
    color: rgb(150, 150, 150);
}
.dropdown-item-text {
    color: rgb(222, 222, 222);
}
.dropdown-menu-dark {
    color: rgb(229, 229, 229);
    background-color: rgb(44, 47, 49);
    border-color: rgba(128, 128, 128, 0.15);
}
.dropdown-menu-dark .dropdown-item {
    color: rgb(229, 229, 229);
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
    color: rgb(255, 255, 255);
    background-color: rgba(24, 26, 27, 0.15);
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
    color: rgb(188, 188, 188);
}
.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(128, 128, 128, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
    color: rgb(229, 229, 229);
}
.dropdown-menu-dark .dropdown-header {
    color: rgb(188, 188, 188);
}
.nav {
    list-style-image: initial;
}
.nav-link {
    color: rgb(55, 164, 244);
    text-decoration-color: initial;
}
.nav-link:hover,
.nav-link:focus {
    color: rgb(100, 177, 234);
}
.nav-link.disabled {
    color: rgb(150, 150, 150);
}
.nav-tabs {
    border-bottom-color: rgb(56, 61, 63);
}
.nav-tabs .nav-link {
    background-image: none;
    background-color: initial;
    border-color: transparent;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: rgb(53, 58, 60) rgb(53, 58, 60) rgb(56, 61, 63);
}
.nav-tabs .nav-link.disabled {
    color: rgb(150, 150, 150);
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: rgb(183, 183, 183);
    background-color: rgb(24, 26, 27);
    border-color: rgb(56, 61, 63) rgb(56, 61, 63) rgb(48, 52, 54);
}
.nav-pills .nav-link {
    background-image: none;
    background-color: initial;
    border-color: initial;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
}
.navbar-brand {
    text-decoration-color: initial;
}
.navbar-nav {
    list-style-image: initial;
}
.navbar-toggler {
    background-color: transparent;
    border-color: transparent;
}
.navbar-toggler:hover {
    text-decoration-color: initial;
}
.navbar-toggler:focus {
    text-decoration-color: initial;
    outline-color: initial;
}
@media (min-width: 576px) {
    .navbar-expand-sm .offcanvas {
        background-color: transparent;
        border-right-color: initial;
        border-left-color: initial;
    }
    .navbar-expand-sm .offcanvas-top,
    .navbar-expand-sm .offcanvas-bottom {
        border-top-color: initial;
        border-bottom-color: initial;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md .offcanvas {
        background-color: transparent;
        border-right-color: initial;
        border-left-color: initial;
    }
    .navbar-expand-md .offcanvas-top,
    .navbar-expand-md .offcanvas-bottom {
        border-top-color: initial;
        border-bottom-color: initial;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .offcanvas {
        background-color: transparent;
        border-right-color: initial;
        border-left-color: initial;
    }
    .navbar-expand-lg .offcanvas-top,
    .navbar-expand-lg .offcanvas-bottom {
        border-top-color: initial;
        border-bottom-color: initial;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl .offcanvas {
        background-color: transparent;
        border-right-color: initial;
        border-left-color: initial;
    }
    .navbar-expand-xl .offcanvas-top,
    .navbar-expand-xl .offcanvas-bottom {
        border-top-color: initial;
        border-bottom-color: initial;
    }
}
@media (min-width: 1400px) {
    .navbar-expand-xxl .offcanvas {
        background-color: transparent;
        border-right-color: initial;
        border-left-color: initial;
    }
    .navbar-expand-xxl .offcanvas-top,
    .navbar-expand-xxl .offcanvas-bottom {
        border-top-color: initial;
        border-bottom-color: initial;
    }
}
.navbar-expand .offcanvas {
    background-color: transparent;
    border-right-color: initial;
    border-left-color: initial;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
    border-top-color: initial;
    border-bottom-color: initial;
}
.navbar-light .navbar-brand {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(128, 128, 128, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(255, 255, 255, 0.9);
}
.navbar-dark .navbar-brand {
    color: rgb(255, 255, 255);
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: rgb(255, 255, 255);
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
    color: rgb(255, 255, 255);
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(48, 52, 54, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: rgb(255, 255, 255);
}
.card {
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.13);
}
.card > .list-group {
    border-top-color: inherit;
    border-bottom-color: inherit;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top-color: initial;
}
.card-header {
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom-color: rgba(128, 128, 128, 0.13);
}
.card-footer {
    background-color: rgba(0, 0, 0, 0.03);
    border-top-color: rgba(128, 128, 128, 0.13);
}
.card-header-tabs {
    border-bottom-color: initial;
}
@media (min-width: 576px) {
    .card-group > .card + .card {
        border-left-color: initial;
    }
}
.accordion-button {
    color: rgb(222, 222, 222);
    background-color: rgb(24, 26, 27);
    border-color: initial;
}
.accordion-button:not(.collapsed) {
    color: rgb(80, 166, 231);
    background-color: rgb(30, 33, 34);
    box-shadow: rgba(0, 0, 0, 0.13) 0px -1px 0px inset;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231e87db'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {
    border-color: rgb(7, 76, 130);
    outline-color: initial;
    box-shadow: rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.accordion-item {
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.13);
}
.accordion-item:not(:first-of-type) {
    border-top-color: initial;
}
.accordion-flush .accordion-item {
    border-right-color: initial;
    border-left-color: initial;
}
.accordion-flush .accordion-item:first-child {
    border-top-color: initial;
}
.accordion-flush .accordion-item:last-child {
    border-bottom-color: initial;
}
.breadcrumb {
    list-style-image: initial;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: rgb(150, 150, 150);
}
.breadcrumb-item.active {
    color: rgb(150, 150, 150);
}
.pagination {
    list-style-image: initial;
}
.page-link {
    color: rgb(55, 164, 244);
    text-decoration-color: initial;
    background-color: rgb(24, 26, 27);
    border-color: rgb(56, 61, 63);
}
.page-link:hover {
    color: rgb(100, 177, 234);
    background-color: rgb(35, 38, 39);
    border-color: rgb(56, 61, 63);
}
.page-link:focus {
    color: rgb(100, 177, 234);
    background-color: rgb(35, 38, 39);
    outline-color: initial;
    box-shadow: rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.page-item.active .page-link {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163);
}
.page-item.disabled .page-link {
    color: rgb(150, 150, 150);
    background-color: rgb(24, 26, 27);
    border-color: rgb(56, 61, 63);
}
.badge {
    color: rgb(255, 255, 255);
}
.alert {
    border-color: transparent;
}
.alert-heading {
    color: inherit;
}
.alert-primary {
    color: rgb(138, 196, 239);
    background-color: rgb(37, 40, 42);
    border-color: rgb(7, 69, 116);
}
.alert-primary .alert-link {
    color: rgb(161, 208, 242);
}
.alert-secondary {
    color: rgb(192, 192, 192);
    background-color: rgb(40, 43, 44);
    border-color: rgb(60, 65, 67);
}
.alert-secondary .alert-link {
    color: rgb(205, 205, 205);
}
.alert-success {
    color: rgb(161, 214, 162);
    background-color: rgb(25, 57, 34);
    border-color: rgb(39, 87, 42);
}
.alert-success .alert-link {
    color: rgb(179, 222, 180);
}
.alert-info {
    color: rgb(141, 242, 255);
    background-color: rgb(13, 68, 74);
    border-color: rgb(19, 100, 110);
}
.alert-info .alert-link {
    color: rgb(163, 244, 255);
}
.alert-warning {
    color: rgb(233, 226, 163);
    background-color: rgb(74, 67, 0);
    border-color: rgb(120, 108, 0);
}
.alert-warning .alert-link {
    color: rgb(210, 210, 210);
}
.alert-danger {
    color: rgb(226, 131, 124);
    background-color: rgb(73, 7, 4);
    border-color: rgb(115, 13, 6);
}
.alert-danger .alert-link {
    color: rgb(232, 155, 150);
}
.alert-light {
    color: rgb(165, 165, 165);
    background-color: rgb(25, 27, 28);
    border-color: rgb(34, 34, 69);
}
.alert-light .alert-link {
    color: rgb(183, 183, 183);
}
.alert-dark {
    color: rgb(235, 235, 235);
    background-color: rgb(49, 53, 55);
    border-color: rgb(66, 72, 75);
}
.alert-dark .alert-link {
    color: rgb(239, 239, 239);
}
.progress {
    background-color: rgb(35, 38, 39);
}
.progress-bar {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,
    rgba(24, 26, 27, 0.15) 25%,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0) 50%,
    rgba(24, 26, 27, 0.15) 50%,
    rgba(24, 26, 27, 0.15) 75%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0));
}
.list-group-item-action {
    color: rgb(183, 183, 183);
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    color: rgb(183, 183, 183);
    text-decoration-color: initial;
    background-color: rgb(27, 30, 31);
}
.list-group-item-action:active {
    color: rgb(222, 222, 222);
    background-color: rgb(35, 38, 39);
}
.list-group-item {
    color: rgb(222, 222, 222);
    text-decoration-color: initial;
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.13);
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: rgb(150, 150, 150);
    background-color: rgb(24, 26, 27);
}
.list-group-item.active {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 106, 182);
    border-color: rgb(9, 95, 163);
}
.list-group-item-primary {
    color: rgb(138, 196, 239);
    background-color: rgb(37, 40, 42);
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: rgb(138, 196, 239);
    background-color: rgb(50, 54, 56);
}
.list-group-item-primary.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(16, 72, 117);
    border-color: rgb(25, 111, 180);
}
.list-group-item-secondary {
    color: rgb(192, 192, 192);
    background-color: rgb(40, 43, 44);
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: rgb(192, 192, 192);
    background-color: rgb(53, 57, 59);
}
.list-group-item-secondary.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(53, 57, 59);
    border-color: rgb(107, 107, 107);
}
.list-group-item-success {
    color: rgb(161, 214, 162);
    background-color: rgb(25, 57, 34);
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: rgb(161, 214, 162);
    background-color: rgb(45, 65, 51);
}
.list-group-item-success.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(37, 84, 38);
    border-color: rgb(64, 146, 67);
}
.list-group-item-info {
    color: rgb(141, 242, 255);
    background-color: rgb(13, 68, 74);
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: rgb(141, 242, 255);
    background-color: rgb(37, 74, 77);
}
.list-group-item-info.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 90, 102);
    border-color: rgb(0, 193, 217);
}
.list-group-item-warning {
    color: rgb(233, 226, 163);
    background-color: rgb(74, 67, 0);
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: rgb(233, 226, 163);
    background-color: rgb(73, 68, 30);
}
.list-group-item-warning.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(82, 75, 19);
    border-color: rgb(176, 162, 41);
}
.list-group-item-danger {
    color: rgb(226, 131, 124);
    background-color: rgb(73, 7, 4);
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: rgb(226, 131, 124);
    background-color: rgb(72, 33, 32);
}
.list-group-item-danger.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(117, 32, 26);
    border-color: rgb(165, 45, 36);
}
.list-group-item-light {
    color: rgb(165, 165, 165);
    background-color: rgb(25, 27, 28);
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: rgb(165, 165, 165);
    background-color: rgb(39, 42, 44);
}
.list-group-item-light.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(75, 81, 84);
    border-color: rgb(98, 98, 98);
}
.list-group-item-dark {
    color: rgb(235, 235, 235);
    background-color: rgb(49, 53, 55);
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: rgb(235, 235, 235);
    background-color: rgb(60, 65, 68);
}
.list-group-item-dark.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(17, 18, 19);
    border-color: rgb(121, 121, 121);
}
.btn-close {
    color: rgb(255, 255, 255);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCI+PGRlZnM+PGZpbHRlciBpZD0iZGFya3JlYWRlci1pbWFnZS1maWx0ZXIiPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwLjI0OSAtMC42MTQgLTAuNjcyIDAuMDAwIDEuMDM1IC0wLjY0NiAwLjI4OCAtMC42NjQgMC4wMDAgMS4wMjAgLTAuNjM2IC0wLjYwOSAwLjI1MCAwLjAwMCAwLjk5NCAwLjAwMCAwLjAwMCAwLjAwMCAxLjAwMCAwLjAwMCIgLz48L2ZpbHRlcj48L2RlZnM+PGltYWdlIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiBmaWx0ZXI9InVybCgjZGFya3JlYWRlci1pbWFnZS1maWx0ZXIpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDE2IDE2JyBmaWxsPSclMjMwMDAnJTNlJTNjcGF0aCBkPSdNLjI5My4yOTNhMSAxIDAgMDExLjQxNCAwTDggNi41ODYgMTQuMjkzLjI5M2ExIDEgMCAxMTEuNDE0IDEuNDE0TDkuNDE0IDhsNi4yOTMgNi4yOTNhMSAxIDAgMDEtMS40MTQgMS40MTRMOCA5LjQxNGwtNi4yOTMgNi4yOTNhMSAxIDAgMDEtMS40MTQtMS40MTRMNi41ODYgOCAuMjkzIDEuNzA3YTEgMSAwIDAxMC0xLjQxNHonLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+");
    background-color: transparent;
    border-color: initial;
}
.btn-close:hover {
    color: rgb(255, 255, 255);
    text-decoration-color: initial;
}
.btn-close:focus {
    outline-color: initial;
    box-shadow: rgba(10, 106, 182, 0.25) 0px 0px 0px 0.25rem;
}
.toast {
    background-color: rgba(24, 26, 27, 0.85);
    border-color: rgba(128, 128, 128, 0.1);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
}
.toast-header {
    color: rgb(150, 150, 150);
    background-color: rgba(24, 26, 27, 0.85);
    border-bottom-color: rgba(128, 128, 128, 0.05);
}
.modal {
    outline-color: initial;
}
.modal-content {
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.2);
    outline-color: initial;
}
.modal-backdrop {
    background-color: rgb(0, 0, 0);
}
.modal-header {
    border-bottom-color: rgba(128, 128, 128, 0.06);
}
.modal-footer {
    border-top-color: rgba(128, 128, 128, 0.06);
}
.modal-fullscreen .modal-content {
    border-color: initial;
}
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down .modal-content {
        border-color: initial;
    }
}
@media (max-width: 767.98px) {
    .modal-fullscreen-md-down .modal-content {
        border-color: initial;
    }
}
@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down .modal-content {
        border-color: initial;
    }
}
@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down .modal-content {
        border-color: initial;
    }
}
@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down .modal-content {
        border-color: initial; 
    }
}
.tooltip {
    text-decoration-color: initial; text-shadow: none; 
}
.tooltip .tooltip-arrow::before {
    border-color: transparent; 
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: rgb(128, 128, 128); 
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: rgb(128, 128, 128); 
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: rgb(128, 128, 128); 
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: rgb(128, 128, 128);
}
.tooltip-inner {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}
.popover {
    text-decoration-color: initial;
    text-shadow: none;
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.2); 
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
    border-color: transparent; 
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
    border-top-color: rgba(128, 128, 128, 0.25); 
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
    border-top-color: rgb(48, 52, 54); 
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
    border-right-color: rgba(128, 128, 128, 0.25); 
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
    border-right-color: rgb(48, 52, 54); 
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
    border-bottom-color: rgba(128, 128, 128, 0.25); 
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
    border-bottom-color: rgb(48, 52, 54); 
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    border-bottom-color: rgb(52, 57, 59); 
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
    border-left-color: rgba(128, 128, 128, 0.25); 
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
    border-left-color: rgb(48, 52, 54);
}
.popover-header {
    background-color: rgb(32, 35, 37);
    border-bottom-color: rgba(128, 128, 128, 0.2);
}
.popover-body {
    color: rgb(222, 222, 222);
}
.carousel-control-prev,
.carousel-control-next {
    color: rgb(255, 255, 255);
    background-image: none;
    background-color: initial;
    border-color: initial;
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: rgb(255, 255, 255);
    text-decoration-color: initial;
    outline-color: initial;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
    list-style-image: initial;
}
.carousel-indicators [data-bs-target] {
    background-color: rgb(24, 26, 27);
    border-right-color: initial;
    border-left-color: initial;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.carousel-caption {
    color: rgb(255, 255, 255);
}
.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: rgb(0, 0, 0);
}
.carousel-dark .carousel-caption {
    color: rgb(255, 255, 255);
}
.spinner-border {
    border-color: currentcolor transparent currentcolor currentcolor;
}
.spinner-grow {
    background-color: currentcolor;
}
.offcanvas {
    background-color: rgb(24, 26, 27);
    outline-color: initial;
}
.offcanvas-backdrop {
    background-color: rgb(0, 0, 0);
}
.offcanvas-start {
    border-right-color: rgba(128, 128, 128, 0.2);
}
.offcanvas-end {
    border-left-color: rgba(128, 128, 128, 0.2);
}
.offcanvas-top {
    border-bottom-color: rgba(128, 128, 128, 0.2);
}
.offcanvas-bottom {
    border-top-color: rgba(128, 128, 128, 0.2);
}
.placeholder {
    background-color: currentcolor;
}
.link-primary {
    color: rgb(55, 164, 244);
}
.link-primary:hover,
.link-primary:focus {
    color: rgb(95, 182, 246);
}
.link-secondary {
    color: rgb(150, 150, 150);
}
.link-secondary:hover,
.link-secondary:focus {
    color: rgb(171, 171, 171);
}
.link-success {
    color: rgb(98, 187, 101);
}
.link-success:hover,
.link-success:focus {
    color: rgb(126, 197, 129);
}
.link-info {
    color: rgb(64, 233, 255);
}
.link-info:hover,
.link-info:focus {
    color: rgb(71, 206, 224);
}
.link-warning {
    color: rgb(255, 237, 79);
}
.link-warning:hover,
.link-warning:focus {
    color: rgb(255, 241, 114);
}
.link-danger {
    color: rgb(245, 86, 74);
}
.link-danger:hover,
.link-danger:focus {
    color: rgb(247, 120, 110);
}
.link-light {
    color: rgb(250, 250, 250);
}
.link-light:hover,
.link-light:focus {
    color: rgb(251, 251, 251);
}
.link-dark {
    color: rgb(222, 222, 222);
}
.link-dark:hover,
.link-dark:focus {
    color: rgb(228, 228, 228);
}
.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not([focus-within]) {
    border-color: initial !important;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    border-color: initial !important;
}
.vr {
    background-color: currentcolor;
}
.shadow {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;
}
.shadow-sm {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 0.125rem 0.25rem !important;
}
.shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.18) 0px 1rem 3rem !important;
}
.shadow-none {
    box-shadow: none !important;
}
.border {
    border-color: rgba(128, 128, 128, 0.06) !important;
}
.border-0 {
    border-color: initial !important;
}
.border-top {
    border-top-color: rgba(128, 128, 128, 0.06) !important;
}
.border-top-0 {
    border-top-color: initial !important;
}
.border-end {
    border-right-color: rgba(128, 128, 128, 0.06) !important;
}
.border-end-0 {
    border-right-color: initial !important;
}
.border-bottom {
    border-bottom-color: rgba(128, 128, 128, 0.06) !important;
}
.border-bottom-0 {
    border-bottom-color: initial !important;
}
.border-start {
    border-left-color: rgba(128, 128, 128, 0.06) !important;
}
.border-start-0 {
    border-left-color: initial !important;
}
.border-primary {
    border-color: rgb(9, 95, 163) !important;
}
.border-secondary {
    border-color: rgb(93, 93, 93) !important;
}
.border-success {
    border-color: rgb(54, 125, 57) !important;
}
.border-info {
    border-color: rgb(0, 170, 191) !important;
}
.border-warning {
    border-color: rgb(161, 144, 0) !important;
}
.border-danger {
    border-color: rgb(157, 19, 9) !important;
}
.border-light {
    border-color: rgb(50, 54, 56) !important;
}
.border-dark {
    border-color: rgb(116, 116, 116) !important;
}
.border-white {
    border-color: rgb(48, 52, 54) !important;
}
.text-decoration-none {
    text-decoration-color: initial !important;
}
.text-decoration-underline {
    text-decoration-color: initial !important;
}
.text-decoration-line-through {
    text-decoration-color: initial !important;
}
.text-primary {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(55, 164, 244) !important;
}
.text-secondary {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(150, 150, 150) !important;
}
.text-success {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(98, 187, 101) !important;
}
.text-info {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(64, 233, 255) !important;
}
.text-warning {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(255, 237, 79) !important;
}
.text-danger {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(245, 86, 74) !important;
}
.text-light {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(250, 250, 250) !important;
}
.text-dark {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(222, 222, 222) !important;
}
.text-black {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(255, 255, 255) !important;
}
.text-white {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(255, 255, 255) !important;
}
.text-body {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(222, 222, 222) !important;
}
.text-muted {
    --darkreader-text--bs-text-opacity: 1;
    color: rgb(150, 150, 150) !important;
}
.text-black-50 {
    --darkreader-text--bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-white-50 {
    --darkreader-text--bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    --darkreader-text--bs-text-opacity: 1;
    color: inherit !important;
}
.text-opacity-25 {
    --darkreader-text--bs-text-opacity: 0.25;
}
.text-opacity-50 {
    --darkreader-text--bs-text-opacity: 0.5;
}
.text-opacity-75 {
    --darkreader-text--bs-text-opacity: 0.75;
}
.text-opacity-100 {
    --darkreader-text--bs-text-opacity: 1;
}
.bg-primary {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(10, 106, 182) !important;
}
.bg-secondary {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(88, 95, 99) !important;
}
.bg-success {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(61, 140, 64) !important;
}
.bg-info {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(0, 150, 170) !important;
}
.bg-warning {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(169, 151, 0) !important;
}
.bg-danger {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(169, 20, 9) !important;
}
.bg-light {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(27, 30, 31) !important;
}
.bg-dark {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(28, 30, 31) !important;
}
.bg-black {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(0, 0, 0) !important;
}
.bg-white {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(24, 26, 27) !important;
}
.bg-body {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: rgb(24, 26, 27) !important;
}
.bg-transparent {
    --darkreader-bg--bs-bg-opacity: 1;
    background-color: transparent !important;
}
.bg-opacity-10 {
    --darkreader-bg--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
    --darkreader-bg--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
    --darkreader-bg--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
    --darkreader-bg--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
    --darkreader-bg--bs-bg-opacity: 1;
}
.bg-gradient {
    background-image: var(--darkreader-bgimg--bs-gradient) !important;
}
a {
    text-decoration-color: initial;
}
body {
    color: rgb(149, 149, 149);
}
h1 small,
.h1 small,
h1 .small,
.h1 .small,
h2 small,
.h2 small,
h2 .small,
.h2 .small,
h3 small,
.h3 small,
h3 .small,
.h3 .small,
h4 small,
.h4 small,
h4 .small,
.h4 .small,
h5 small,
.h5 small,
h5 .small,
.h5 .small,
h6 small,
.h6 small,
h6 .small,
.h6 .small {
    color: rgb(198, 198, 198);
}
a {
    color: rgb(41, 166, 242);
}
a:hover,
a:focus {
    text-decoration-color: initial;
    color: rgb(84, 184, 244);
}
a:focus {
    outline-color: initial;
}
a.text-gray:hover,
a.text-gray:focus,
a.text-gray.active {
    color: rgb(209, 209, 209) !important;
}
:focus {
    outline-color: initial;
}
hr {
    border-top-color: rgba(128, 128, 128, 0.06);
}
a.btn {
    color: rgb(255, 255, 255);
}
a.btn:hover {
    color: rgb(255, 255, 255);
}
.btn-color {
    color: rgb(255, 255, 255);
}
.btn-color:hover {
    color: rgb(255, 255, 255);
}
.sidebar {
    background-color: rgb(24, 26, 27);
}
@media screen and (min-width: 992px) and (max-width: 1439px) {
    .sidebar .sidebar-inner .sidebar-logo {
        border-bottom-color: transparent;
    }
    .sidebar:hover .sidebar-inner .sidebar-logo {
        border-bottom-color: rgba(128, 128, 128, 0.06);
    }
}
.sidebar-logo {
    border-bottom-color: rgba(128, 128, 128, 0.06);
    border-right-color: rgba(128, 128, 128, 0.06);
}
.sidebar-logo a .logo-text {
    color: rgb(209, 209, 209);
}
.sidebar-logo .mobile-toggle a {
    color: rgb(149, 149, 149);
}
.sidebar-menu {
    border-right-color: rgba(128, 128, 128, 0.06);
    list-style-image: initial;
}
.sidebar-menu .sidebar-link.actived::before {
    background-image: initial;
    background-color: rgb(10, 106, 182);
}
.sidebar-menu li.dropdown.open > a {
    color: rgb(209, 209, 209);
}
.sidebar-menu li.dropdown.open > a .icon-holder {
    color: rgb(41, 166, 242);
}
.sidebar-menu li a {
    color: rgb(149, 149, 149);
}
.sidebar-menu li a:hover,
.sidebar-menu li a:focus {
    color: rgb(209, 209, 209);
    text-decoration-color: initial;
}
.sidebar-menu li a:hover .icon-holder,
.sidebar-menu li a:focus .icon-holder {
    color: rgb(41, 166, 242);
}
.sidebar-menu > li.dropdown ul.dropdown-menu {
    background-color: transparent;
    border-color: initial;
    box-shadow: none;
}
.sidebar-menu > li.dropdown ul.dropdown-menu > li > a:hover,
.sidebar-menu > li.dropdown ul.dropdown-menu > li > a:focus {
    background-color: transparent;
    color: rgb(209, 209, 209);
}
.sidebar-menu > li.dropdown ul.dropdown-menu > li.actived a {
    color: rgb(209, 209, 209);
}
@media screen and (min-width: 1440px) {
    .is-collapsed .sidebar .sidebar-inner .sidebar-logo {
        border-bottom-color: transparent;
    }
    .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo {
        border-bottom-color: rgba(128, 128, 128, 0.06);
    }
}
@media screen and (min-width: 992px) and (max-width: 1439px) {
    .is-collapsed .sidebar .sidebar-inner .sidebar-logo {
        border-bottom-color: rgba(128, 128, 128, 0.06);
    }
}
.header {
    background-color: rgb(24, 26, 27);
    border-bottom-color: rgba(128, 128, 128, 0.06);
}
.header .header-container .nav-left,
.header .header-container .nav-right {
    list-style-image: initial;
}
.header .header-container .nav-left > li > a,
.header .header-container .nav-right > li > a {
    color: rgb(149, 149, 149);
}
.header .header-container .nav-left > li > a:hover,
.header .header-container .nav-left > li > a:focus,
.header .header-container .nav-right > li > a:hover,
.header .header-container .nav-right > li > a:focus {
    color: rgb(209, 209, 209);
    text-decoration-color: initial;
}
.header .header-container .nav-left .notifications .counter,
.header .header-container .nav-right .notifications .counter {
    background-color: rgb(168, 0, 57);
    color: rgb(255, 255, 255);
}
.header .header-container .dropdown-menu .divider {
    border-bottom-color: rgba(128, 128, 128, 0.06);
}
.header .search-input input {
    background-color: transparent;
    border-color: initial;
    box-shadow: none;
    outline-color: initial;
}
.header .search-input input::-webkit-input-placeholder {
    color: rgb(178, 178, 178);
}
.progress {
    background-color: rgb(33, 36, 37);
}
.checkbox label::before {
    border-color: rgb(43, 54, 71);
    background-color: rgb(24, 26, 27);
}
.checkbox label::after {
    color: rgb(202, 202, 202); 
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline-color: rgb(186, 123, 0); 
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: rgb(44, 48, 50); 
}
.checkbox-primary input[type="checkbox"]:checked + label::before {

    border-color: rgb(25, 22, 129); 
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255); 
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: rgb(168, 0, 57);
    border-color: rgb(161, 0, 54); 
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255); 
}
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: rgb(12, 123, 190);
    border-color: rgb(11, 109, 168); 
}
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255); 
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: rgb(204, 163, 0);
    border-color: rgb(179, 143, 0); 
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255); 
}
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: rgb(73, 161, 43);
    border-color: rgb(39, 141, 38); 
}
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: rgb(255, 255, 255);
}
.radio label::before {
    border-color: rgb(62, 68, 70);
    background-color: rgb(24, 26, 27);
}
.radio label::after {
    background-color: rgb(64, 69, 72); 
}
.radio input[type="radio"]:focus + label::before {
    outline-color: rgb(186, 123, 0); 
}
.radio-primary input[type="radio"] + label::after {
    background-color: rgb(43, 102, 153); 
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: rgb(38, 91, 136); 
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: rgb(43, 102, 153); 
}
.radio-danger input[type="radio"] + label::after {
    background-color: rgb(148, 35, 32); 
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: rgb(137, 33, 30); 
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: rgb(148, 35, 32); 
}
.radio-info input[type="radio"] + label::after {
    background-color: rgb(28, 115, 141); 
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: rgb(27, 110, 134); 
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: rgb(28, 115, 141); 
}
.radio-warning input[type="radio"] + label::after {
    background-color: rgb(153, 95, 13); 
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: rgb(147, 91, 12); 
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: rgb(153, 95, 13); 
}
.radio-success input[type="radio"] + label::after {
    background-color: rgb(77, 133, 58); 
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: rgb(52, 120, 52); 
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: rgb(77, 133, 58);
}
.spinner {
    background-color: rgb(38, 42, 43);
}
.email-app .email-side-nav {
    background-image: initial;
    background-color: rgb(24, 26, 27);
    border-right-color: rgba(128, 128, 128, 0.06);
}
.email-app .email-wrapper .email-list {
    background-color: rgb(24, 26, 27);
}
@media screen and (min-width: 992px) {
    .email-app .email-wrapper .email-list {
        border-right-color: rgba(128, 128, 128, 0.06);
    }
}
.email-app .email-wrapper .email-content {
    background-color: rgb(24, 26, 27);
}
.lis-n {
    list-style-image: initial;
}
.td-n {
    text-decoration-color: initial !important;
}
.td-o {
    text-decoration-color: initial !important;
}
.td-lt {
    text-decoration-color: initial !important;
}
.td-u {
    text-decoration-color: initial !important;
}
.bd {
    border-color: rgba(128, 128, 128, 0.06) !important;
}
.bdT {
    border-top-color: rgba(128, 128, 128, 0.06) !important;
}
.bdR {
    border-right-color: rgba(128, 128, 128, 0.06) !important;
}
.bdB {
    border-bottom-color: rgba(128, 128, 128, 0.06) !important;
}
.bdL {
    border-left-color: rgba(128, 128, 128, 0.06) !important;
}
.c-white,
.cH-white:hover {
    color: rgb(255, 255, 255) !important;
}
.bgc-white,
.bgcH-white:hover {
    background-color: rgb(24, 26, 27) !important;
}
.bdc-white,
.bdcH-white:hover {
    border-color: rgb(48, 52, 54) !important;
}
.fill-white,
.fillH-white:hover {
    fill: rgb(255, 255, 255) !important;
}
.str-white,
.strH-white:hover {
    stroke: rgb(255, 255, 255) !important;
}
.c-red-50,
.cH-red-50:hover {
    color: rgb(255, 237, 240) !important;
}
.bgc-red-50,
.bgcH-red-50:hover {
    background-color: rgb(63, 0, 9) !important;
}
.bdc-red-50,
.bdcH-red-50:hover {
    border-color: rgb(108, 0, 16) !important;
}
.fill-red-50,
.fillH-red-50:hover {
    fill: rgb(255, 237, 240) !important;
}
.str-red-50,
.strH-red-50:hover {
    stroke: rgb(255, 237, 240) !important;
}
.c-red-100,
.cH-red-100:hover {
    color: rgb(255, 210, 215) !important;
}
.bgc-red-100,
.bgcH-red-100:hover {
    background-color: rgb(81, 0, 8) !important;
}
.bdc-red-100,
.bdcH-red-100:hover {
    border-color: rgb(117, 0, 12) !important;
}
.fill-red-100,
.fillH-red-100:hover {
    fill: rgb(255, 210, 215) !important;
}
.str-red-100,
.strH-red-100:hover {
    stroke: rgb(255, 210, 215) !important;
}
.c-red-200,
.cH-red-200:hover {
    color: rgb(241, 164, 164) !important;
}
.bgc-red-200,
.bgcH-red-200:hover {
    background-color: rgb(105, 17, 17) !important;
}
.bdc-red-200,
.bdcH-red-200:hover {
    border-color: rgb(118, 19, 19) !important;
}
.fill-red-200,
.fillH-red-200:hover {
    fill: rgb(241, 164, 164) !important;
}
.str-red-200,
.strH-red-200:hover {
    stroke: rgb(241, 164, 164) !important;
}
.c-red-300,
.cH-red-300:hover {
    color: rgb(232, 129, 129) !important;
}
.bgc-red-300,
.bgcH-red-300:hover {
    background-color: rgb(127, 24, 24) !important;
}
.bdc-red-300,
.bdcH-red-300:hover {
    border-color: rgb(128, 24, 24) !important;
}
.fill-red-300,
.fillH-red-300:hover {
    fill: rgb(232, 129, 129) !important;
}
.str-red-300,
.strH-red-300:hover {
    stroke: rgb(232, 129, 129) !important;
}
.c-red-400,
.cH-red-400:hover {
    color: rgb(241, 100, 98) !important;
}
.bgc-red-400,
.bgcH-red-400:hover {
    background-color: rgb(152, 16, 14) !important;
}
.bdc-red-400,
.bdcH-red-400:hover {
    border-color: rgb(146, 16, 13) !important;
}
.fill-red-400,
.fillH-red-400:hover {
    fill: rgb(241, 100, 98) !important;
}
.str-red-400,
.strH-red-400:hover {
    stroke: rgb(241, 100, 98) !important;
}
.c-red-500,
.cH-red-500:hover {
    color: rgb(245, 86, 74) !important;
}
.bgc-red-500,
.bgcH-red-500:hover {
    background-color: rgb(169, 20, 9) !important;
}
.bdc-red-500,
.bdcH-red-500:hover {
    border-color: rgb(157, 19, 9) !important;
}
.fill-red-500,
.fillH-red-500:hover {
    fill: rgb(245, 86, 74) !important;
}
.str-red-500,
.strH-red-500:hover {
    stroke: rgb(245, 86, 74) !important;
}
.c-red-600,
.cH-red-600:hover {
    color: rgb(232, 77, 73) !important;
}
.bgc-red-600,
.bgcH-red-600:hover {
    background-color: rgb(166, 25, 21) !important;
}
.bdc-red-600,
.bdcH-red-600:hover {
    border-color: rgb(151, 22, 19) !important;
}
.fill-red-600,
.fillH-red-600:hover {
    fill: rgb(232, 77, 73) !important;
}
.str-red-600,
.strH-red-600:hover {
    stroke: rgb(232, 77, 73) !important;
}
.c-red-700,
.cH-red-700:hover {
    color: rgb(215, 68, 68) !important;
}
.bgc-red-700,
.bgcH-red-700:hover {
    background-color: rgb(167, 35, 35) !important;
}
.bdc-red-700,
.bdcH-red-700:hover {
    border-color: rgb(147, 31, 31) !important;
}
.fill-red-700,
.fillH-red-700:hover {
    fill: rgb(215, 68, 68) !important;
}
.str-red-700,
.strH-red-700:hover {
    stroke: rgb(215, 68, 68) !important;
}
.c-red-800,
.cH-red-800:hover {
    color: rgb(219, 77, 77) !important;
}
.bgc-red-800,
.bgcH-red-800:hover {
    background-color: rgb(158, 32, 32) !important;
}
.bdc-red-800,
.bdcH-red-800:hover {
    border-color: rgb(153, 31, 31) !important;
}
.fill-red-800,
.fillH-red-800:hover {
    fill: rgb(219, 77, 77) !important;
}
.str-red-800,
.strH-red-800:hover {
    stroke: rgb(219, 77, 77) !important;
}
.c-red-900,
.cH-red-900:hover {
    color: rgb(230, 90, 90) !important;
}
.bgc-red-900,
.bgcH-red-900:hover {
    background-color: rgb(146, 22, 22) !important;
}
.bdc-red-900,
.bdcH-red-900:hover {
    border-color: rgb(166, 25, 25) !important;
}
.fill-red-900,
.fillH-red-900:hover {
    fill: rgb(230, 90, 90) !important;
}
.str-red-900,
.strH-red-900:hover {
    stroke: rgb(230, 90, 90) !important;
}
.c-red-a100,
.cH-red-a100:hover {
    color: rgb(255, 150, 141) !important;
}
.bgc-red-a100,
.bgcH-red-a100:hover {
    background-color: rgb(127, 10, 0) !important;
}
.bdc-red-a100,
.bdcH-red-a100:hover {
    border-color: rgb(140, 11, 0) !important;
}
.fill-red-a100,
.fillH-red-a100:hover {
    fill: rgb(255, 150, 141) !important;
}
.str-red-a100,
.strH-red-a100:hover {
    stroke: rgb(255, 150, 141) !important;
}
.c-red-a200,
.cH-red-a200:hover {
    color: rgb(255, 99, 99) !important;
}
.bgc-red-a200,
.bgcH-red-a200:hover {
    background-color: rgb(155, 0, 0) !important;
}
.bdc-red-a200,
.bdcH-red-a200:hover {
    border-color: rgb(154, 0, 0) !important;
}
.fill-red-a200,
.fillH-red-a200:hover {
    fill: rgb(255, 99, 99) !important;
}
.str-red-a200,
.strH-red-a200:hover {
    stroke: rgb(255, 99, 99) !important;
}
.c-red-a400,
.cH-red-a400:hover {
    color: rgb(255, 46, 87) !important;
}
.bgc-red-a400,
.bgcH-red-a400:hover {
    background-color: rgb(190, 0, 37) !important;
}
.bdc-red-a400,
.bdcH-red-a400:hover {
    border-color: rgb(172, 0, 33) !important;
}
.fill-red-a400,
.fillH-red-a400:hover {
    fill: rgb(255, 46, 87) !important;
}
.str-red-a400,
.strH-red-a400:hover {
    stroke: rgb(255, 46, 87) !important;
}
.c-red-a700,
.cH-red-a700:hover {
    color: rgb(255, 63, 63) !important;
}
.bgc-red-a700,
.bgcH-red-a700:hover {
    background-color: rgb(170, 0, 0) !important;
}
.bdc-red-a700,
.bdcH-red-a700:hover {
    border-color: rgb(191, 0, 0) !important;
}
.fill-red-a700,
.fillH-red-a700:hover {
    fill: rgb(255, 63, 63) !important;
}
.str-red-a700,
.strH-red-a700:hover {
    stroke: rgb(255, 63, 63) !important;
}
.c-pink-50,
.cH-pink-50:hover {
    color: rgb(252, 231, 238) !important;
}
.bgc-pink-50,
.bgcH-pink-50:hover {
    background-color: rgb(62, 7, 25) !important;
}
.bdc-pink-50,
.bdcH-pink-50:hover {
    border-color: rgb(100, 11, 41) !important;
}
.fill-pink-50,
.fillH-pink-50:hover {
    fill: rgb(252, 231, 238) !important;
}
.str-pink-50,
.strH-pink-50:hover {
    stroke: rgb(252, 231, 238) !important;
}
.c-pink-100,
.cH-pink-100:hover {
    color: rgb(249, 194, 213) !important;
}
.bgc-pink-100,
.bgcH-pink-100:hover {
    background-color: rgb(87, 9, 36) !important;
}
.bdc-pink-100,
.bdcH-pink-100:hover {
    border-color: rgb(113, 12, 46) !important;
}
.fill-pink-100,
.fillH-pink-100:hover {
    fill: rgb(249, 194, 213) !important;
}
.str-pink-100,
.strH-pink-100:hover {
    stroke: rgb(249, 194, 213) !important;
}
.c-pink-200,
.cH-pink-200:hover {
    color: rgb(245, 154, 185) !important;
}
.bgc-pink-200,
.bgcH-pink-200:hover {
    background-color: rgb(114, 11, 46) !important;
}
.bdc-pink-200,
.bdcH-pink-200:hover {
    border-color: rgb(126, 12, 51) !important;
}
.fill-pink-200,
.fillH-pink-200:hover {
    fill: rgb(245, 154, 185) !important;
}
.str-pink-200,
.strH-pink-200:hover {
    stroke: rgb(245, 154, 185) !important;
}
.c-pink-300,
.cH-pink-300:hover {
    color: rgb(242, 114, 157) !important;
}
.bgc-pink-300,
.bgcH-pink-300:hover {
    background-color: rgb(141, 13, 56) !important;
}
.bdc-pink-300,
.bdcH-pink-300:hover {
    border-color: rgb(140, 13, 56) !important;
}
.fill-pink-300,
.fillH-pink-300:hover {
    fill: rgb(242, 114, 157) !important;
}
.str-pink-300,
.strH-pink-300:hover {
    stroke: rgb(242, 114, 157) !important;
}
.c-pink-400,
.cH-pink-400:hover {
    color: rgb(238, 83, 135) !important;
}
.bgc-pink-400,
.bgcH-pink-400:hover {
    background-color: rgb(161, 16, 65) !important;
}
.bdc-pink-400,
.bdcH-pink-400:hover {
    border-color: rgb(150, 15, 60) !important;
}
.fill-pink-400,
.fillH-pink-400:hover {
    fill: rgb(238, 83, 135) !important;
}
.str-pink-400,
.strH-pink-400:hover {
    stroke: rgb(238, 83, 135) !important;
}
.c-pink-500,
.cH-pink-500:hover {
    color: rgb(235, 53, 115) !important;
}
.bgc-pink-500,
.bgcH-pink-500:hover {
    background-color: rgb(181, 18, 73) !important;
}
.bdc-pink-500,
.bdcH-pink-500:hover {
    border-color: rgb(160, 16, 65) !important;
}
.fill-pink-500,
.fillH-pink-500:hover {
    fill: rgb(235, 53, 115) !important;
}
.str-pink-500,
.strH-pink-500:hover {
    stroke: rgb(235, 53, 115) !important;
}
.c-pink-600,
.cH-pink-600:hover {
    color: rgb(231, 61, 123) !important;
}
.bgc-pink-600,
.bgcH-pink-600:hover {
    background-color: rgb(173, 22, 77) !important;
}
.bdc-pink-600,
.bdcH-pink-600:hover {
    border-color: rgb(162, 20, 72) !important;
}
.fill-pink-600,
.fillH-pink-600:hover {
    fill: rgb(231, 61, 123) !important;
}
.str-pink-600,
.strH-pink-600:hover {
    stroke: rgb(231, 61, 123) !important;
}
.c-pink-700,
.cH-pink-700:hover {
    color: rgb(233, 80, 141) !important;
}
.bgc-pink-700,
.bgcH-pink-700:hover {
    background-color: rgb(155, 19, 73) !important;
}
.bdc-pink-700,
.bdcH-pink-700:hover {
    border-color: rgb(169, 21, 79) !important;
}
.fill-pink-700,
.fillH-pink-700:hover {
    fill: rgb(233, 80, 141) !important;
}
.str-pink-700,
.strH-pink-700:hover {
    stroke: rgb(233, 80, 141) !important;
}
.c-pink-800,
.cH-pink-800:hover {
    color: rgb(237, 99, 160) !important;
}
.bgc-pink-800,
.bgcH-pink-800:hover {
    background-color: rgb(138, 16, 70) !important;
}
.bdc-pink-800,
.bdcH-pink-800:hover {
    border-color: rgb(177, 20, 89) !important;
}
.fill-pink-800,
.fillH-pink-800:hover {
    fill: rgb(237, 99, 160) !important;
}
.str-pink-800,
.strH-pink-800:hover {
    stroke: rgb(237, 99, 160) !important;
}
.c-pink-900,
.cH-pink-900:hover {
    color: rgb(242, 133, 191) !important;
}
.bgc-pink-900,
.bgcH-pink-900:hover {
    background-color: rgb(109, 11, 63) !important;
}
.bdc-pink-900,
.bdcH-pink-900:hover {
    border-color: rgb(190, 20, 111) !important;
}
.fill-pink-900,
.fillH-pink-900:hover {
    fill: rgb(242, 133, 191) !important;
}
.str-pink-900,
.strH-pink-900:hover {
    stroke: rgb(242, 133, 191) !important;
}
.c-pink-a100,
.cH-pink-a100:hover {
    color: rgb(255, 141, 179) !important;
}
.bgc-pink-a100,
.bgcH-pink-a100:hover {
    background-color: rgb(127, 0, 43) !important;
}
.bdc-pink-a100,
.bdcH-pink-a100:hover {
    border-color: rgb(140, 0, 47) !important;
}
.fill-pink-a100,
.fillH-pink-a100:hover {
    fill: rgb(255, 141, 179) !important;
}
.str-pink-a100,
.strH-pink-a100:hover {
    stroke: rgb(255, 141, 179) !important;
}
.c-pink-a200,
.cH-pink-a200:hover {
    color: rgb(255, 83, 142) !important;
}
.bgc-pink-a200,
.bgcH-pink-a200:hover {
    background-color: rgb(166, 0, 56) !important;
}
.bdc-pink-a200,
.bdcH-pink-a200:hover {
    border-color: rgb(159, 0, 54) !important;
}
.fill-pink-a200,
.fillH-pink-a200:hover {
    fill: rgb(255, 83, 142) !important;
}
.str-pink-a200,
.strH-pink-a200:hover {
    stroke: rgb(255, 83, 142) !important;
}
.c-pink-a400,
.cH-pink-a400:hover {
    color: rgb(255, 34, 113) !important;
}
.bgc-pink-a400,
.bgcH-pink-a400:hover {
    background-color: rgb(196, 0, 70) !important;
}
.bdc-pink-a400,
.bdcH-pink-a400:hover {
    border-color: rgb(182, 0, 64) !important;
}
.fill-pink-a400,
.fillH-pink-a400:hover {
    fill: rgb(255, 34, 113) !important;
}
.str-pink-a400,
.strH-pink-a400:hover {
    stroke: rgb(255, 34, 113) !important;
}
.c-pink-a700,
.cH-pink-a700:hover {
    color: rgb(240, 78, 151) !important;
}
.bgc-pink-a700,
.bgcH-pink-a700:hover {
    background-color: rgb(158, 14, 78) !important;
}
.bdc-pink-a700,
.bdcH-pink-a700:hover {
    border-color: rgb(176, 15, 87) !important;
}
.fill-pink-a700,
.fillH-pink-a700:hover {
    fill: rgb(240, 78, 151) !important;
}
.str-pink-a700,
.strH-pink-a700:hover {
    stroke: rgb(240, 78, 151) !important;
}
.c-purple-50,
.cH-purple-50:hover {
    color: rgb(244, 232, 246) !important;
}
.bgc-purple-50,
.bgcH-purple-50:hover {
    background-color: rgb(48, 20, 52) !important;
}
.bdc-purple-50,
.bdcH-purple-50:hover {
    border-color: rgb(75, 31, 81) !important;
}
.fill-purple-50,
.fillH-purple-50:hover {
    fill: rgb(244, 232, 246) !important;
}
.str-purple-50,
.strH-purple-50:hover {
    stroke: rgb(244, 232, 246) !important;
}
.c-purple-100,
.cH-purple-100:hover {
    color: rgb(228, 196, 233) !important;
}
.bgc-purple-100,
.bgcH-purple-100:hover {
    background-color: rgb(69, 28, 76) !important;
}
.bdc-purple-100,
.bdcH-purple-100:hover {
    border-color: rgb(85, 35, 94) !important;
}
.fill-purple-100,
.fillH-purple-100:hover {
    fill: rgb(228, 196, 233) !important;
}
.str-purple-100,
.strH-purple-100:hover {
    stroke: rgb(228, 196, 233) !important;
}
.c-purple-200,
.cH-purple-200:hover {
    color: rgb(211, 158, 220) !important;
}
.bgc-purple-200,
.bgcH-purple-200:hover {
    background-color: rgb(93, 37, 102) !important;
}
.bdc-purple-200,
.bdcH-purple-200:hover {
    border-color: rgb(97, 39, 107) !important;
}
.fill-purple-200,
.fillH-purple-200:hover {
    fill: rgb(211, 158, 220) !important;
}
.str-purple-200,
.strH-purple-200:hover {
    stroke: rgb(211, 158, 220) !important;
}
.c-purple-300,
.cH-purple-300:hover {
    color: rgb(193, 119, 206) !important;
}
.bgc-purple-300,
.bgcH-purple-300:hover {
    background-color: rgb(116, 47, 128) !important;
}
.bdc-purple-300,
.bdcH-purple-300:hover {
    border-color: rgb(109, 44, 120) !important;
}
.fill-purple-300,
.fillH-purple-300:hover {
    fill: rgb(193, 119, 206) !important;
}
.str-purple-300,
.strH-purple-300:hover {
    stroke: rgb(193, 119, 206) !important;
}
.c-purple-400,
.cH-purple-400:hover {
    color: rgb(179, 89, 195) !important;
}
.bgc-purple-400,
.bgcH-purple-400:hover {
    background-color: rgb(134, 54, 148) !important;
}
.bdc-purple-400,
.bdcH-purple-400:hover {
    border-color: rgb(118, 47, 130) !important;
}
.fill-purple-400,
.fillH-purple-400:hover {
    fill: rgb(179, 89, 195) !important;
}
.str-purple-400,
.strH-purple-400:hover {
    stroke: rgb(179, 89, 195) !important;
}
.c-purple-500,
.cH-purple-500:hover {
    color: rgb(202, 97, 220) !important;
}
.bgc-purple-500,
.bgcH-purple-500:hover {
    background-color: rgb(125, 31, 141) !important;
}
.bdc-purple-500,
.bdcH-purple-500:hover {
    border-color: rgb(138, 35, 156) !important;
}
.fill-purple-500,
.fillH-purple-500:hover {
    fill: rgb(202, 97, 220) !important;
}
.str-purple-500,
.strH-purple-500:hover {
    stroke: rgb(202, 97, 220) !important;
}
.c-purple-600,
.cH-purple-600:hover {
    color: rgb(197, 102, 223) !important;
}
.bgc-purple-600,
.bgcH-purple-600:hover {
    background-color: rgb(114, 29, 136) !important;
}
.bdc-purple-600,
.bdcH-purple-600:hover {
    border-color: rgb(133, 34, 159) !important;
}
.fill-purple-600,
.fillH-purple-600:hover {
    fill: rgb(197, 102, 223) !important;
}
.str-purple-600,
.strH-purple-600:hover {
    stroke: rgb(197, 102, 223) !important;
}
.c-purple-700,
.cH-purple-700:hover {
    color: rgb(192, 109, 227) !important;
}
.bgc-purple-700,
.bgcH-purple-700:hover {
    background-color: rgb(98, 25, 130) !important;
}
.bdc-purple-700,
.bdcH-purple-700:hover {
    border-color: rgb(126, 32, 165) !important;
}
.fill-purple-700,
.fillH-purple-700:hover {
    fill: rgb(192, 109, 227) !important;
}
.str-purple-700,
.strH-purple-700:hover {
    stroke: rgb(192, 109, 227) !important;
}
.c-purple-800,
.cH-purple-800:hover {
    color: rgb(187, 116, 231) !important;
}
.bgc-purple-800,
.bgcH-purple-800:hover {
    background-color: rgb(85, 22, 123) !important;
}
.bdc-purple-800,
.bdcH-purple-800:hover {
    border-color: rgb(118, 30, 171) !important;
}
.fill-purple-800,
.fillH-purple-800:hover {
    fill: rgb(187, 116, 231) !important;
}
.str-purple-800,
.strH-purple-800:hover {
    stroke: rgb(187, 116, 231) !important;
}
.c-purple-900,
.cH-purple-900:hover {
    color: rgb(178, 129, 237) !important;
}
.bgc-purple-900,
.bgcH-purple-900:hover {
    background-color: rgb(59, 16, 112) !important;
}
.bdc-purple-900,
.bdcH-purple-900:hover {
    border-color: rgb(96, 26, 181) !important;
}
.fill-purple-900,
.fillH-purple-900:hover {
    fill: rgb(178, 129, 237) !important;
}
.str-purple-900,
.strH-purple-900:hover {
    stroke: rgb(178, 129, 237) !important;
}
.c-purple-a100,
.cH-purple-a100:hover {
    color: rgb(236, 141, 252) !important;
}
.bgc-purple-a100,
.bgcH-purple-a100:hover {
    background-color: rgb(108, 3, 126) !important;
}
.bdc-purple-a100,
.bdcH-purple-a100:hover {
    border-color: rgb(118, 3, 138) !important;
}
.fill-purple-a100,
.fillH-purple-a100:hover {
    fill: rgb(236, 141, 252) !important;
}
.str-purple-a100,
.strH-purple-a100:hover {
    stroke: rgb(236, 141, 252) !important;
}
.c-purple-a200,
.cH-purple-a200:hover {
    color: rgb(227, 83, 251) !important;
}
.bgc-purple-a200,
.bgcH-purple-a200:hover {
    background-color: rgb(141, 3, 165) !important;
}
.bdc-purple-a200,
.bdcH-purple-a200:hover {
    border-color: rgb(135, 3, 157) !important;
}
.fill-purple-a200,
.fillH-purple-a200:hover {
    fill: rgb(227, 83, 251) !important;
}
.str-purple-a200,
.strH-purple-a200:hover {
    stroke: rgb(227, 83, 251) !important;
}
.c-purple-a400,
.cH-purple-a400:hover {
    color: rgb(223, 31, 255) !important;
}
.bgc-purple-a400,
.bgcH-purple-a400:hover {
    background-color: rgb(170, 0, 199) !important;
}
.bdc-purple-a400,
.bdcH-purple-a400:hover {
    border-color: rgb(154, 0, 180) !important;
}
.fill-purple-a400,
.fillH-purple-a400:hover {
    fill: rgb(223, 31, 255) !important;
}
.str-purple-a400,
.strH-purple-a400:hover {
    stroke: rgb(223, 31, 255) !important;
}
.c-purple-a700,
.cH-purple-a700:hover {
    color: rgb(179, 26, 255) !important;
}
.bgc-purple-a700,
.bgcH-purple-a700:hover {
    background-color: rgb(136, 0, 204) !important;
}
.bdc-purple-a700,
.bdcH-purple-a700:hover {
    border-color: rgb(119, 0, 179) !important;
}
.fill-purple-a700,
.fillH-purple-a700:hover {
    fill: rgb(179, 26, 255) !important;
}
.str-purple-a700,
.strH-purple-a700:hover {
    stroke: rgb(179, 26, 255) !important;
}
.c-deep-purple-50,
.cH-deep-purple-50:hover {
    color: rgb(239, 233, 247) !important;
}
.bgc-deep-purple-50,
.bgcH-deep-purple-50:hover {
    background-color: rgb(33, 36, 37) !important;
}
.bdc-deep-purple-50,
.bdcH-deep-purple-50:hover {
    border-color: rgb(51, 31, 81) !important;
}
.fill-deep-purple-50,
.fillH-deep-purple-50:hover {
    fill: rgb(239, 233, 247) !important;
}
.str-deep-purple-50,
.strH-deep-purple-50:hover {
    stroke: rgb(239, 233, 247) !important;
}
.c-deep-purple-100,
.cH-deep-purple-100:hover {
    color: rgb(214, 202, 235) !important;
}
.bgc-deep-purple-100,
.bgcH-deep-purple-100:hover {
    background-color: rgb(47, 51, 53) !important;
}
.bdc-deep-purple-100,
.bdcH-deep-purple-100:hover {
    border-color: rgb(55, 34, 92) !important;
}
.fill-deep-purple-100,
.fillH-deep-purple-100:hover {
    fill: rgb(214, 202, 235) !important;
}
.str-deep-purple-100,
.strH-deep-purple-100:hover {
    stroke: rgb(214, 202, 235) !important;
}
.c-deep-purple-200,
.cH-deep-purple-200:hover {
    color: rgb(187, 167, 223) !important;
}
.bgc-deep-purple-200,
.bgcH-deep-purple-200:hover {
    background-color: rgb(57, 35, 96) !important;
}
.bdc-deep-purple-200,
.bdcH-deep-purple-200:hover {
    border-color: rgb(62, 38, 104) !important;
}
.fill-deep-purple-200,
.fillH-deep-purple-200:hover {
    fill: rgb(187, 167, 223) !important;
}
.str-deep-purple-200,
.strH-deep-purple-200:hover {
    stroke: rgb(187, 167, 223) !important;
}
.c-deep-purple-300,
.cH-deep-purple-300:hover {
    color: rgb(160, 131, 210) !important;
}
.bgc-deep-purple-300,
.bgcH-deep-purple-300:hover {
    background-color: rgb(71, 44, 120) !important;
}
.bdc-deep-purple-300,
.bdcH-deep-purple-300:hover {
    border-color: rgb(69, 42, 116) !important;
}
.fill-deep-purple-300,
.fillH-deep-purple-300:hover {
    fill: rgb(160, 131, 210) !important;
}
.str-deep-purple-300,
.strH-deep-purple-300:hover {
    stroke: rgb(160, 131, 210) !important;
}
.c-deep-purple-400,
.cH-deep-purple-400:hover {
    color: rgb(139, 104, 200) !important;
}
.bgc-deep-purple-400,
.bgcH-deep-purple-400:hover {
    background-color: rgb(82, 50, 138) !important;
}
.bdc-deep-purple-400,
.bdcH-deep-purple-400:hover {
    border-color: rgb(75, 45, 125) !important;
}
.fill-deep-purple-400,
.fillH-deep-purple-400:hover {
    fill: rgb(139, 104, 200) !important;
}
.str-deep-purple-400,
.strH-deep-purple-400:hover {
    stroke: rgb(139, 104, 200) !important;
}
.c-deep-purple-500,
.cH-deep-purple-500:hover {
    color: rgb(131, 90, 203) !important;
}
.bgc-deep-purple-500,
.bgcH-deep-purple-500:hover {
    background-color: rgb(82, 46, 146) !important;
}
.bdc-deep-purple-500,
.bdcH-deep-purple-500:hover {
    border-color: rgb(78, 44, 139) !important;
}
.fill-deep-purple-500,
.fillH-deep-purple-500:hover {
    fill: rgb(131, 90, 203) !important;
}
.str-deep-purple-500,
.strH-deep-purple-500:hover {
    stroke: rgb(131, 90, 203) !important;
}
.c-deep-purple-600,
.cH-deep-purple-600:hover {
    color: rgb(133, 96, 207) !important;
}
.bgc-deep-purple-600,
.bgcH-deep-purple-600:hover {
    background-color: rgb(75, 42, 142) !important;
}
.bdc-deep-purple-600,
.bdcH-deep-purple-600:hover {
    border-color: rgb(76, 43, 143) !important;
}
.fill-deep-purple-600,
.fillH-deep-purple-600:hover {
    fill: rgb(133, 96, 207) !important;
}
.str-deep-purple-600,
.strH-deep-purple-600:hover {
    stroke: rgb(133, 96, 207) !important;
}
.c-deep-purple-700,
.cH-deep-purple-700:hover {
    color: rgb(136, 104, 214) !important;
}
.bgc-deep-purple-700,
.bgcH-deep-purple-700:hover {
    background-color: rgb(65, 36, 134) !important;
}
.bdc-deep-purple-700,
.bdcH-deep-purple-700:hover {
    border-color: rgb(73, 40, 151) !important;
}
.fill-deep-purple-700,
.fillH-deep-purple-700:hover {
    fill: rgb(136, 104, 214) !important;
}
.str-deep-purple-700,
.strH-deep-purple-700:hover {
    stroke: rgb(136, 104, 214) !important;
}
.c-deep-purple-800,
.cH-deep-purple-800:hover {
    color: rgb(138, 111, 220) !important;
}
.bgc-deep-purple-800,
.bgcH-deep-purple-800:hover {
    background-color: rgb(55, 31, 128) !important;
}
.bdc-deep-purple-800,
.bdcH-deep-purple-800:hover {
    border-color: rgb(68, 38, 157) !important;
}
.fill-deep-purple-800,
.fillH-deep-purple-800:hover {
    fill: rgb(138, 111, 220) !important;
}
.str-deep-purple-800,
.strH-deep-purple-800:hover {
    stroke: rgb(138, 111, 220) !important;
}
.c-deep-purple-900,
.cH-deep-purple-900:hover {
    color: rgb(143, 124, 231) !important;
}
.bgc-deep-purple-900,
.bgcH-deep-purple-900:hover {
    background-color: rgb(39, 22, 117) !important;
}
.bdc-deep-purple-900,
.bdcH-deep-purple-900:hover {
    border-color: rgb(58, 32, 171) !important;
}
.fill-deep-purple-900,
.fillH-deep-purple-900:hover {
    fill: rgb(143, 124, 231) !important;
}
.str-deep-purple-900,
.strH-deep-purple-900:hover {
    stroke: rgb(143, 124, 231) !important;
}
.c-deep-purple-a100,
.cH-deep-purple-a100:hover {
    color: rgb(187, 148, 255) !important;
}
.bgc-deep-purple-a100,
.bgcH-deep-purple-a100:hover {
    background-color: rgb(44, 0, 122) !important;
}
.bdc-deep-purple-a100,
.bdcH-deep-purple-a100:hover {
    border-color: rgb(50, 0, 138) !important;
}
.fill-deep-purple-a100,
.fillH-deep-purple-a100:hover {
    fill: rgb(187, 148, 255) !important;
}
.str-deep-purple-a100,
.strH-deep-purple-a100:hover {
    stroke: rgb(187, 148, 255) !important;
}
.c-deep-purple-a200,
.cH-deep-purple-a200:hover {
    color: rgb(137, 95, 255) !important;
}
.bgc-deep-purple-a200,
.bgcH-deep-purple-a200:hover {
    background-color: rgb(42, 0, 158) !important;
}
.bdc-deep-purple-a200,
.bdcH-deep-purple-a200:hover {
    border-color: rgb(41, 0, 155) !important;
}
.fill-deep-purple-a200,
.fillH-deep-purple-a200:hover {
    fill: rgb(137, 95, 255) !important;
}
.str-deep-purple-a200,
.strH-deep-purple-a200:hover {
    stroke: rgb(137, 95, 255) !important;
}
.c-deep-purple-a400,
.cH-deep-purple-a400:hover {
    color: rgb(116, 53, 255) !important;
}
.bgc-deep-purple-a400,
.bgcH-deep-purple-a400:hover {
    background-color: rgb(58, 0, 185) !important;
}
.bdc-deep-purple-a400,
.bdcH-deep-purple-a400:hover {
    border-color: rgb(53, 0, 169) !important;
}
.fill-deep-purple-a400,
.fillH-deep-purple-a400:hover {
    fill: rgb(116, 53, 255) !important;
}
.str-deep-purple-a400,
.strH-deep-purple-a400:hover {
    stroke: rgb(116, 53, 255) !important;
}
.c-deep-purple-a700,
.cH-deep-purple-a700:hover {
    color: rgb(133, 44, 255) !important;
}
.bgc-deep-purple-a700,
.bgcH-deep-purple-a700:hover {
    background-color: rgb(78, 0, 187) !important;
}
.bdc-deep-purple-a700,
.bdcH-deep-purple-a700:hover {
    border-color: rgb(77, 0, 185) !important;
}
.fill-deep-purple-a700,
.fillH-deep-purple-a700:hover {
    fill: rgb(133, 44, 255) !important;
}
.str-deep-purple-a700,
.strH-deep-purple-a700:hover {
    stroke: rgb(133, 44, 255) !important;
}
.c-indigo-50,
.cH-indigo-50:hover {
    color: rgb(234, 240, 247) !important;
}
.bgc-indigo-50,
.bgcH-indigo-50:hover {
    background-color: rgb(33, 36, 37) !important;
}
.bdc-indigo-50,
.bdcH-indigo-50:hover {
    border-color: rgb(31, 38, 80) !important;
}
.fill-indigo-50,
.fillH-indigo-50:hover {
    fill: rgb(234, 240, 247) !important;
}
.str-indigo-50,
.strH-indigo-50:hover {
    stroke: rgb(234, 240, 247) !important;
}
.c-indigo-100,
.cH-indigo-100:hover {
    color: rgb(203, 216, 235) !important;
}
.bgc-indigo-100,
.bgcH-indigo-100:hover {
    background-color: rgb(47, 50, 52) !important;
}
.bdc-indigo-100,
.bdcH-indigo-100:hover {
    border-color: rgb(35, 43, 91) !important;
}
.fill-indigo-100,
.fillH-indigo-100:hover {
    fill: rgb(203, 216, 235) !important;
}
.str-indigo-100,
.strH-indigo-100:hover {
    stroke: rgb(203, 216, 235) !important;
}
.c-indigo-200,
.cH-indigo-200:hover {
    color: rgb(169, 191, 222) !important;
}
.bgc-indigo-200,
.bgcH-indigo-200:hover {
    background-color: rgb(36, 45, 94) !important;
}
.bdc-indigo-200,
.bdcH-indigo-200:hover {
    border-color: rgb(39, 49, 102) !important;
}
.fill-indigo-200,
.fillH-indigo-200:hover {
    fill: rgb(169, 191, 222) !important;
}
.str-indigo-200,
.strH-indigo-200:hover {
    stroke: rgb(169, 191, 222) !important;
}
.c-indigo-300,
.cH-indigo-300:hover {
    color: rgb(134, 166, 208) !important;
}
.bgc-indigo-300,
.bgcH-indigo-300:hover {
    background-color: rgb(45, 57, 117) !important;
}
.bdc-indigo-300,
.bdcH-indigo-300:hover {
    border-color: rgb(44, 55, 114) !important;
}
.fill-indigo-300,
.fillH-indigo-300:hover {
    fill: rgb(134, 166, 208) !important;
}
.str-indigo-300,
.strH-indigo-300:hover {
    stroke: rgb(134, 166, 208) !important;
}
.c-indigo-400,
.cH-indigo-400:hover {
    color: rgb(108, 146, 198) !important;
}
.bgc-indigo-400,
.bgcH-indigo-400:hover {
    background-color: rgb(52, 64, 135) !important;
}
.bdc-indigo-400,
.bdcH-indigo-400:hover {
    border-color: rgb(47, 59, 122) !important;
}
.fill-indigo-400,
.fillH-indigo-400:hover {
    fill: rgb(108, 146, 198) !important;
}
.str-indigo-400,
.strH-indigo-400:hover {
    stroke: rgb(108, 146, 198) !important;
}
.c-indigo-500,
.cH-indigo-500:hover {
    color: rgb(110, 150, 205) !important;
}
.bgc-indigo-500,
.bgcH-indigo-500:hover {
    background-color: rgb(50, 65, 145) !important;
}
.bdc-indigo-500,
.bdcH-indigo-500:hover {
    border-color: rgb(47, 60, 135) !important;
}
.fill-indigo-500,
.fillH-indigo-500:hover {
    fill: rgb(110, 150, 205) !important;
}
.str-indigo-500,
.strH-indigo-500:hover {
    stroke: rgb(110, 150, 205) !important;
}
.c-indigo-600,
.cH-indigo-600:hover {
    color: rgb(118, 156, 209) !important;
}
.bgc-indigo-600,
.bgcH-indigo-600:hover {
    background-color: rgb(46, 58, 137) !important;
}
.bdc-indigo-600,
.bdcH-indigo-600:hover {
    border-color: rgb(47, 60, 140) !important;
}
.fill-indigo-600,
.fillH-indigo-600:hover {
    fill: rgb(118, 156, 209) !important;
}
.str-indigo-600,
.strH-indigo-600:hover {
    stroke: rgb(118, 156, 209) !important;
}
.c-indigo-700,
.cH-indigo-700:hover {
    color: rgb(128, 165, 217) !important;
}
.bgc-indigo-700,
.bgcH-indigo-700:hover {
    background-color: rgb(38, 50, 127) !important;
}
.bdc-indigo-700,
.bdcH-indigo-700:hover {
    border-color: rgb(45, 59, 148) !important;
}
.fill-indigo-700,
.fillH-indigo-700:hover {
    fill: rgb(128, 165, 217) !important;
}
.str-indigo-700,
.strH-indigo-700:hover {
    stroke: rgb(128, 165, 217) !important;
}
.c-indigo-800,
.cH-indigo-800:hover {
    color: rgb(137, 173, 223) !important;
}
.bgc-indigo-800,
.bgcH-indigo-800:hover {
    background-color: rgb(32, 42, 118) !important;
}
.bdc-indigo-800,
.bdcH-indigo-800:hover {
    border-color: rgb(43, 56, 156) !important;
}
.fill-indigo-800,
.fillH-indigo-800:hover {
    fill: rgb(137, 173, 223) !important;
}
.str-indigo-800,
.strH-indigo-800:hover {
    stroke: rgb(137, 173, 223) !important;
}
.c-indigo-900,
.cH-indigo-900:hover {
    color: rgb(154, 186, 234) !important;
}
.bgc-indigo-900,
.bgcH-indigo-900:hover {
    background-color: rgb(21, 28, 101) !important;
}
.bdc-indigo-900,
.bdcH-indigo-900:hover {
    border-color: rgb(36, 48, 174) !important;
}
.fill-indigo-900,
.fillH-indigo-900:hover {
    fill: rgb(154, 186, 234) !important;
}
.str-indigo-900,
.strH-indigo-900:hover {
    stroke: rgb(154, 186, 234) !important;
}
.c-indigo-a100,
.cH-indigo-a100:hover {
    color: rgb(152, 195, 255) !important;
}
.bgc-indigo-a100,
.bgcH-indigo-a100:hover {
    background-color: rgb(0, 19, 120) !important;
}
.bdc-indigo-a100,
.bdcH-indigo-a100:hover {
    border-color: rgb(0, 21, 137) !important;
}
.fill-indigo-a100,
.fillH-indigo-a100:hover {
    fill: rgb(152, 195, 255) !important;
}
.str-indigo-a100,
.strH-indigo-a100:hover {
    stroke: rgb(152, 195, 255) !important;
}
.c-indigo-a200,
.cH-indigo-a200:hover {
    color: rgb(100, 165, 254) !important;
}
.bgc-indigo-a200,
.bgcH-indigo-a200:hover {
    background-color: rgb(1, 24, 154) !important;
}
.bdc-indigo-a200,
.bdcH-indigo-a200:hover {
    border-color: rgb(1, 24, 153) !important;
}
.fill-indigo-a200,
.fillH-indigo-a200:hover {
    fill: rgb(100, 165, 254) !important;
}
.str-indigo-a200,
.strH-indigo-a200:hover {
    stroke: rgb(100, 165, 254) !important;
}
.c-indigo-a400,
.cH-indigo-a400:hover {
    color: rgb(80, 154, 254) !important;
}
.bgc-indigo-a400,
.bgcH-indigo-a400:hover {
    background-color: rgb(1, 26, 167) !important;
}
.bdc-indigo-a400,
.bdcH-indigo-a400:hover {
    border-color: rgb(1, 25, 160) !important;
}
.fill-indigo-a400,
.fillH-indigo-a400:hover {
    fill: rgb(80, 154, 254) !important;
}
.str-indigo-a400,
.strH-indigo-a400:hover {
    stroke: rgb(80, 154, 254) !important;
}
.c-indigo-a700,
.cH-indigo-a700:hover {
    color: rgb(69, 147, 254) !important;
}
.bgc-indigo-a700,
.bgcH-indigo-a700:hover {
    background-color: rgb(1, 27, 175) !important;
}
.bdc-indigo-a700,
.bdcH-indigo-a700:hover {
    border-color: rgb(1, 25, 164) !important;
}
.fill-indigo-a700,
.fillH-indigo-a700:hover {
    fill: rgb(69, 147, 254) !important;
}
.str-indigo-a700,
.strH-indigo-a700:hover {
    stroke: rgb(69, 147, 254) !important;
}
.c-blue-50,
.cH-blue-50:hover {
    color: rgb(230, 243, 253) !important;
}
.bgc-blue-50,
.bgcH-blue-50:hover {
    background-color: rgb(32, 35, 37) !important;
}
.bdc-blue-50,
.bdcH-blue-50:hover {
    border-color: rgb(7, 63, 104) !important;
}
.fill-blue-50,
.fillH-blue-50:hover {
    fill: rgb(230, 243, 253) !important;
}
.str-blue-50,
.strH-blue-50:hover {
    stroke: rgb(230, 243, 253) !important;
}
.c-blue-100,
.cH-blue-100:hover {
    color: rgb(194, 227, 251) !important;
}
.bgc-blue-100,
.bgcH-blue-100:hover {
    background-color: rgb(44, 48, 50) !important;
}
.bdc-blue-100,
.bdcH-blue-100:hover {
    border-color: rgb(7, 67, 117) !important;
}
.fill-blue-100,
.fillH-blue-100:hover {
    fill: rgb(194, 227, 251) !important;
}
.str-blue-100,
.strH-blue-100:hover {
    stroke: rgb(194, 227, 251) !important;
}
.c-blue-200,
.cH-blue-200:hover {
    color: rgb(155, 209, 250) !important;
}
.bgc-blue-200,
.bgcH-blue-200:hover {
    background-color: rgb(6, 66, 115) !important;
}
.bdc-blue-200,
.bdcH-blue-200:hover {
    border-color: rgb(7, 75, 130) !important;
}
.fill-blue-200,
.fillH-blue-200:hover {
    fill: rgb(155, 209, 250) !important;
}
.str-blue-200,
.strH-blue-200:hover {
    stroke: rgb(155, 209, 250) !important;
}
.c-blue-300,
.cH-blue-300:hover {
    color: rgb(116, 191, 247) !important;
}
.bgc-blue-300,
.bgcH-blue-300:hover {
    background-color: rgb(8, 82, 141) !important;
}
.bdc-blue-300,
.bdcH-blue-300:hover {
    border-color: rgb(8, 83, 143) !important;
}
.fill-blue-300,
.fillH-blue-300:hover {
    fill: rgb(116, 191, 247) !important;
}
.str-blue-300,
.strH-blue-300:hover {
    stroke: rgb(116, 191, 247) !important;
}
.c-blue-400,
.cH-blue-400:hover {
    color: rgb(85, 177, 246) !important;
}
.bgc-blue-400,
.bgcH-blue-400:hover {
    background-color: rgb(9, 93, 162) !important;
}
.bdc-blue-400,
.bdcH-blue-400:hover {
    border-color: rgb(8, 89, 154) !important;
}
.fill-blue-400,
.fillH-blue-400:hover {
    fill: rgb(85, 177, 246) !important;
}
.str-blue-400,
.strH-blue-400:hover {
    stroke: rgb(85, 177, 246) !important;
}
.c-blue-500,
.cH-blue-500:hover {
    color: rgb(55, 164, 244) !important;
}
.bgc-blue-500,
.bgcH-blue-500:hover {
    background-color: rgb(10, 106, 182) !important;
}
.bdc-blue-500,
.bdcH-blue-500:hover {
    border-color: rgb(9, 95, 163) !important;
}
.fill-blue-500,
.fillH-blue-500:hover {
    fill: rgb(55, 164, 244) !important;
}
.str-blue-500,
.strH-blue-500:hover {
    stroke: rgb(55, 164, 244) !important;
}
.c-blue-600,
.cH-blue-600:hover {
    color: rgb(53, 154, 232) !important;
}
.bgc-blue-600,
.bgcH-blue-600:hover {
    background-color: rgb(21, 106, 181) !important;
}
.bdc-blue-600,
.bdcH-blue-600:hover {
    border-color: rgb(18, 93, 159) !important;
}
.fill-blue-600,
.fillH-blue-600:hover {
    fill: rgb(53, 154, 232) !important;
}
.str-blue-600,
.strH-blue-600:hover {
    stroke: rgb(53, 154, 232) !important;
}
.c-blue-700,
.cH-blue-700:hover {
    color: rgb(87, 169, 235) !important;
}
.bgc-blue-700,
.bgcH-blue-700:hover {
    background-color: rgb(20, 94, 168) !important;
}
.bdc-blue-700,
.bdcH-blue-700:hover {
    border-color: rgb(20, 93, 165) !important;
}
.fill-blue-700,
.fillH-blue-700:hover {
    fill: rgb(87, 169, 235) !important;
}
.str-blue-700,
.strH-blue-700:hover {
    stroke: rgb(87, 169, 235) !important;
}
.c-blue-800,
.cH-blue-800:hover {
    color: rgb(101, 175, 238) !important;
}
.bgc-blue-800,
.bgcH-blue-800:hover {
    background-color: rgb(17, 81, 154) !important;
}
.bdc-blue-800,
.bdcH-blue-800:hover {
    border-color: rgb(19, 91, 172) !important;
}
.fill-blue-800,
.fillH-blue-800:hover {
    fill: rgb(101, 175, 238) !important;
}
.str-blue-800,
.strH-blue-800:hover {
    stroke: rgb(101, 175, 238) !important;
}
.c-blue-900,
.cH-blue-900:hover {
    color: rgb(126, 187, 245) !important;
}
.bgc-blue-900,
.bgcH-blue-900:hover {
    background-color: rgb(10, 57, 129) !important;
}
.bdc-blue-900,
.bdcH-blue-900:hover {
    border-color: rgb(15, 83, 188) !important;
}
.fill-blue-900,
.fillH-blue-900:hover {
    fill: rgb(126, 187, 245) !important;
}
.str-blue-900,
.strH-blue-900:hover {
    stroke: rgb(126, 187, 245) !important;
}
.c-blue-a100,
.cH-blue-a100:hover {
    color: rgb(143, 199, 255) !important;
}
.bgc-blue-a100,
.bgcH-blue-a100:hover {
    background-color: rgb(0, 47, 126) !important;
}
.bdc-blue-a100,
.bdcH-blue-a100:hover {
    border-color: rgb(0, 52, 140) !important;
}
.fill-blue-a100,
.fillH-blue-a100:hover {
    fill: rgb(143, 199, 255) !important;
}
.str-blue-a100,
.strH-blue-a100:hover {
    stroke: rgb(143, 199, 255) !important;
}
.c-blue-a200,
.cH-blue-a200:hover {
    color: rgb(87, 172, 255) !important;
}
.bgc-blue-a200,
.bgcH-blue-a200:hover {
    background-color: rgb(0, 61, 163) !important;
}
.bdc-blue-a200,
.bdcH-blue-a200:hover {
    border-color: rgb(0, 59, 158) !important;
}
.fill-blue-a200,
.fillH-blue-a200:hover {
    fill: rgb(87, 172, 255) !important;
}
.str-blue-a200,
.strH-blue-a200:hover {
    stroke: rgb(87, 172, 255) !important;
}
.c-blue-a400,
.cH-blue-a400:hover {
    color: rgb(62, 160, 255) !important;
}
.bgc-blue-a400,
.bgcH-blue-a400:hover {
    background-color: rgb(0, 67, 179) !important;
}
.bdc-blue-a400,
.bdcH-blue-a400:hover {
    border-color: rgb(0, 62, 166) !important;
}
.fill-blue-a400,
.fillH-blue-a400:hover {
    fill: rgb(62, 160, 255) !important;
}
.str-blue-a400,
.strH-blue-a400:hover {
    stroke: rgb(62, 160, 255) !important;
}
.c-blue-a700,
.cH-blue-a700:hover {
    color: rgb(62, 152, 255) !important;
}
.bgc-blue-a700,
.bgcH-blue-a700:hover {
    background-color: rgb(0, 48, 179) !important;
}
.bdc-blue-a700,
.bdcH-blue-a700:hover {
    border-color: rgb(0, 44, 166) !important;
}
.fill-blue-a700,
.fillH-blue-a700:hover {
    fill: rgb(62, 152, 255) !important;
}
.str-blue-a700,
.strH-blue-a700:hover {
    stroke: rgb(62, 152, 255) !important;
}
.c-light-blue-50,
.cH-light-blue-50:hover {
    color: rgb(228, 246, 254) !important;
}
.bgc-light-blue-50,
.bgcH-light-blue-50:hover {
    background-color: rgb(2, 47, 67) !important;
}
.bdc-light-blue-50,
.bdcH-light-blue-50:hover {
    border-color: rgb(4, 75, 108) !important;
}
.fill-light-blue-50,
.fillH-light-blue-50:hover {
    fill: rgb(228, 246, 254) !important;
}
.str-light-blue-50,
.strH-light-blue-50:hover {
    stroke: rgb(228, 246, 254) !important;
}
.c-light-blue-100,
.cH-light-blue-100:hover {
    color: rgb(187, 232, 252) !important;
}
.bgc-light-blue-100,
.bgcH-light-blue-100:hover {
    background-color: rgb(4, 66, 95) !important;
}
.bdc-light-blue-100,
.bdcH-light-blue-100:hover {
    border-color: rgb(5, 84, 121) !important;
}
.fill-light-blue-100,
.fillH-light-blue-100:hover {
    fill: rgb(187, 232, 252) !important;
}
.str-light-blue-100,
.strH-light-blue-100:hover {
    stroke: rgb(187, 232, 252) !important;
}
.c-light-blue-200,
.cH-light-blue-200:hover {
    color: rgb(142, 216, 251) !important;
}
.bgc-light-blue-200,
.bgcH-light-blue-200:hover {
    background-color: rgb(5, 87, 125) !important;
}
.bdc-light-blue-200,
.bdcH-light-blue-200:hover {
    border-color: rgb(5, 95, 136) !important;
}
.fill-light-blue-200,
.fillH-light-blue-200:hover {
    fill: rgb(142, 216, 251) !important;
}
.str-light-blue-200,
.strH-light-blue-200:hover {
    stroke: rgb(142, 216, 251) !important;
}
.c-light-blue-300,
.cH-light-blue-300:hover {
    color: rgb(97, 201, 248) !important;
}
.bgc-light-blue-300,
.bgcH-light-blue-300:hover {
    background-color: rgb(7, 109, 154) !important;
}
.bdc-light-blue-300,
.bdcH-light-blue-300:hover {
    border-color: rgb(7, 106, 150) !important;
}
.fill-light-blue-300,
.fillH-light-blue-300:hover {
    fill: rgb(97, 201, 248) !important;
}
.str-light-blue-300,
.strH-light-blue-300:hover {
    stroke: rgb(97, 201, 248) !important;
}
.c-light-blue-400,
.cH-light-blue-400:hover {
    color: rgb(62, 189, 247) !important;
}
.bgc-light-blue-400,
.bgcH-light-blue-400:hover {
    background-color: rgb(7, 124, 177) !important;
}
.bdc-light-blue-400,
.bdcH-light-blue-400:hover {
    border-color: rgb(7, 114, 162) !important;
}
.fill-light-blue-400,
.fillH-light-blue-400:hover {
    fill: rgb(62, 189, 247) !important;
}
.str-light-blue-400,
.strH-light-blue-400:hover {
    stroke: rgb(62, 189, 247) !important;
}
.c-light-blue-500,
.cH-light-blue-500:hover {
    color: rgb(35, 185, 252) !important;
}
.bgc-light-blue-500,
.bgcH-light-blue-500:hover {
    background-color: rgb(2, 135, 195) !important;
}
.bdc-light-blue-500,
.bdcH-light-blue-500:hover {
    border-color: rgb(2, 124, 179) !important;
}
.fill-light-blue-500,
.fillH-light-blue-500:hover {
    fill: rgb(35, 185, 252) !important;
}
.str-light-blue-500,
.strH-light-blue-500:hover {
    stroke: rgb(35, 185, 252) !important;
}
.c-light-blue-600,
.cH-light-blue-600:hover {
    color: rgb(49, 186, 252) !important;
}
.bgc-light-blue-600,
.bgcH-light-blue-600:hover {
    background-color: rgb(2, 124, 183) !important;
}
.bdc-light-blue-600,
.bdcH-light-blue-600:hover {
    border-color: rgb(2, 124, 183) !important;
}
.fill-light-blue-600,
.fillH-light-blue-600:hover {
    fill: rgb(49, 186, 252) !important;
}
.str-light-blue-600,
.strH-light-blue-600:hover {
    stroke: rgb(49, 186, 252) !important;
}
.c-light-blue-700,
.cH-light-blue-700:hover {
    color: rgb(67, 188, 253) !important;
}
.bgc-light-blue-700,
.bgcH-light-blue-700:hover {
    background-color: rgb(2, 109, 167) !important;
}
.bdc-light-blue-700,
.bdcH-light-blue-700:hover {
    border-color: rgb(2, 124, 190) !important;
}
.fill-light-blue-700,
.fillH-light-blue-700:hover {
    fill: rgb(67, 188, 253) !important;
}
.str-light-blue-700,
.strH-light-blue-700:hover {
    stroke: rgb(67, 188, 253) !important;
}
.c-light-blue-800,
.cH-light-blue-800:hover {
    color: rgb(85, 190, 253) !important;
}
.bgc-light-blue-800,
.bgcH-light-blue-800:hover {
    background-color: rgb(2, 95, 151) !important;
}
.bdc-light-blue-800,
.bdcH-light-blue-800:hover {
    border-color: rgb(2, 123, 196) !important;
}
.fill-light-blue-800,
.fillH-light-blue-800:hover {
    fill: rgb(85, 190, 253) !important;
}
.str-light-blue-800,
.strH-light-blue-800:hover {
    stroke: rgb(85, 190, 253) !important;
}
.c-light-blue-900,
.cH-light-blue-900:hover {
    color: rgb(131, 202, 254) !important;
}
.bgc-light-blue-900,
.bgcH-light-blue-900:hover {
    background-color: rgb(1, 70, 124) !important;
}
.bdc-light-blue-900,
.bdcH-light-blue-900:hover {
    border-color: rgb(1, 116, 207) !important;
}
.fill-light-blue-900,
.fillH-light-blue-900:hover {
    fill: rgb(131, 202, 254) !important;
}
.str-light-blue-900,
.strH-light-blue-900:hover {
    stroke: rgb(131, 202, 254) !important;
}
.c-light-blue-a100,
.cH-light-blue-a100:hover {
    color: rgb(141, 220, 255) !important;
}
.bgc-light-blue-a100,
.bgcH-light-blue-a100:hover {
    background-color: rgb(0, 88, 127) !important;
}
.bdc-light-blue-a100,
.bdcH-light-blue-a100:hover {
    border-color: rgb(0, 97, 140) !important;
}
.fill-light-blue-a100,
.fillH-light-blue-a100:hover {
    fill: rgb(141, 220, 255) !important;
}
.str-light-blue-a100,
.strH-light-blue-a100:hover {
    stroke: rgb(141, 220, 255) !important;
}
.c-light-blue-a200,
.cH-light-blue-a200:hover {
    color: rgb(83, 202, 255) !important;
}
.bgc-light-blue-a200,
.bgcH-light-blue-a200:hover {
    background-color: rgb(0, 114, 166) !important;
}
.bdc-light-blue-a200,
.bdcH-light-blue-a200:hover {
    border-color: rgb(0, 110, 159) !important;
}
.fill-light-blue-a200,
.fillH-light-blue-a200:hover {
    fill: rgb(83, 202, 255) !important;
}
.str-light-blue-a200,
.strH-light-blue-a200:hover {
    stroke: rgb(83, 202, 255) !important;
}
.c-light-blue-a400,
.cH-light-blue-a400:hover {
    color: rgb(26, 184, 255) !important;
}
.bgc-light-blue-a400,
.bgcH-light-blue-a400:hover {
    background-color: rgb(0, 141, 204) !important;
}
.bdc-light-blue-a400,
.bdcH-light-blue-a400:hover {
    border-color: rgb(0, 123, 179) !important;
}
.fill-light-blue-a400,
.fillH-light-blue-a400:hover {
    fill: rgb(26, 184, 255) !important;
}
.str-light-blue-a400,
.strH-light-blue-a400:hover {
    stroke: rgb(26, 184, 255) !important;
}
.c-light-blue-a700,
.cH-light-blue-a700:hover {
    color: rgb(44, 175, 255) !important;
}
.bgc-light-blue-a700,
.bgcH-light-blue-a700:hover {
    background-color: rgb(0, 116, 187) !important;
}
.bdc-light-blue-a700,
.bdcH-light-blue-a700:hover {
    border-color: rgb(0, 115, 185) !important;
}
.fill-light-blue-a700,
.fillH-light-blue-a700:hover {
    fill: rgb(44, 175, 255) !important;
}
.str-light-blue-a700,
.strH-light-blue-a700:hover {
    stroke: rgb(44, 175, 255) !important;
}
.c-cyan-50,
.cH-cyan-50:hover {
    color: rgb(227, 248, 251) !important;
}
.bgc-cyan-50,
.bgcH-cyan-50:hover {
    background-color: rgb(10, 56, 63) !important;
}
.bdc-cyan-50,
.bdcH-cyan-50:hover {
    border-color: rgb(16, 88, 97) !important;
}
.fill-cyan-50,
.fillH-cyan-50:hover {
    fill: rgb(227, 248, 251) !important;
}
.str-cyan-50,
.strH-cyan-50:hover {
    stroke: rgb(227, 248, 251) !important;
}
.c-cyan-100,
.cH-cyan-100:hover {
    color: rgb(186, 237, 243) !important;
}
.bgc-cyan-100,
.bgcH-cyan-100:hover {
    background-color: rgb(15, 82, 90) !important;
}
.bdc-cyan-100,
.bdcH-cyan-100:hover {
    border-color: rgb(19, 100, 110) !important;
}
.fill-cyan-100,
.fillH-cyan-100:hover {
    fill: rgb(186, 237, 243) !important;
}
.str-cyan-100,
.strH-cyan-100:hover {
    stroke: rgb(186, 237, 243) !important;
}
.c-cyan-200,
.cH-cyan-200:hover {
    color: rgb(141, 225, 236) !important;
}
.bgc-cyan-200,
.bgcH-cyan-200:hover {
    background-color: rgb(20, 109, 120) !important;
}
.bdc-cyan-200,
.bdcH-cyan-200:hover {
    border-color: rgb(21, 114, 126) !important;
}
.fill-cyan-200,
.fillH-cyan-200:hover {
    fill: rgb(141, 225, 236) !important;
}
.str-cyan-200,
.strH-cyan-200:hover {
    stroke: rgb(141, 225, 236) !important;
}
.c-cyan-300,
.cH-cyan-300:hover {
    color: rgb(95, 213, 228) !important;
}
.bgc-cyan-300,
.bgcH-cyan-300:hover {
    background-color: rgb(25, 136, 150) !important;
}
.bdc-cyan-300,
.bdcH-cyan-300:hover {
    border-color: rgb(24, 127, 141) !important;
}
.fill-cyan-300,
.fillH-cyan-300:hover {
    fill: rgb(95, 213, 228) !important;
}
.str-cyan-300,
.strH-cyan-300:hover {
    stroke: rgb(95, 213, 228) !important;
}
.c-cyan-400,
.cH-cyan-400:hover {
    color: rgb(60, 204, 222) !important;
}
.bgc-cyan-400,
.bgcH-cyan-400:hover {
    background-color: rgb(30, 158, 174) !important;
}
.bdc-cyan-400,
.bdcH-cyan-400:hover {
    border-color: rgb(26, 138, 152) !important;
}
.fill-cyan-400,
.fillH-cyan-400:hover {
    fill: rgb(60, 204, 222) !important;
}
.str-cyan-400,
.strH-cyan-400:hover {
    stroke: rgb(60, 204, 222) !important;
}
.c-cyan-500,
.cH-cyan-500:hover {
    color: rgb(64, 233, 255) !important;
}
.bgc-cyan-500,
.bgcH-cyan-500:hover {
    background-color: rgb(0, 150, 170) !important;
}
.bdc-cyan-500,
.bdcH-cyan-500:hover {
    border-color: rgb(0, 170, 191) !important;
}
.fill-cyan-500,
.fillH-cyan-500:hover {
    fill: rgb(64, 233, 255) !important;
}
.str-cyan-500,
.strH-cyan-500:hover {
    stroke: rgb(64, 233, 255) !important;
}
.c-cyan-600,
.cH-cyan-600:hover {
    color: rgb(81, 236, 255) !important;
}
.bgc-cyan-600,
.bgcH-cyan-600:hover {
    background-color: rgb(0, 138, 154) !important;
}
.bdc-cyan-600,
.bdcH-cyan-600:hover {
    border-color: rgb(0, 176, 197) !important;
}
.fill-cyan-600,
.fillH-cyan-600:hover {
    fill: rgb(81, 236, 255) !important;
}
.str-cyan-600,
.strH-cyan-600:hover {
    stroke: rgb(81, 236, 255) !important;
}
.c-cyan-700,
.cH-cyan-700:hover {
    color: rgb(105, 241, 255) !important;
}
.bgc-cyan-700,
.bgcH-cyan-700:hover {
    background-color: rgb(0, 121, 134) !important;
}
.bdc-cyan-700,
.bdcH-cyan-700:hover {
    border-color: rgb(0, 185, 205) !important;
}
.fill-cyan-700,
.fillH-cyan-700:hover {
    fill: rgb(105, 241, 255) !important;
}
.str-cyan-700,
.strH-cyan-700:hover {
    stroke: rgb(105, 241, 255) !important;
}
.c-cyan-800,
.cH-cyan-800:hover {
    color: rgb(126, 244, 255) !important;
}
.bgc-cyan-800,
.bgcH-cyan-800:hover {
    background-color: rgb(0, 105, 114) !important;
}
.bdc-cyan-800,
.bdcH-cyan-800:hover {
    border-color: rgb(0, 194, 212) !important;
}
.fill-cyan-800,
.fillH-cyan-800:hover {
    fill: rgb(126, 244, 255) !important;
}
.str-cyan-800,
.strH-cyan-800:hover {
    stroke: rgb(126, 244, 255) !important;
}
.c-cyan-900,
.cH-cyan-900:hover {
    color: rgb(210, 210, 210) !important;
}
.bgc-cyan-900,
.bgcH-cyan-900:hover {
    background-color: rgb(0, 77, 80) !important;
}
.bdc-cyan-900,
.bdcH-cyan-900:hover {
    border-color: rgb(113, 113, 113) !important;
}
.fill-cyan-900,
.fillH-cyan-900:hover {
    fill: rgb(210, 210, 210) !important;
}
.str-cyan-900,
.strH-cyan-900:hover {
    stroke: rgb(210, 210, 210) !important;
}
.c-cyan-a100,
.cH-cyan-a100:hover {
    color: rgb(144, 255, 255) !important;
}
.bgc-cyan-a100,
.bgcH-cyan-a100:hover {
    background-color: rgb(0, 125, 125) !important;
}
.bdc-cyan-a100,
.bdcH-cyan-a100:hover {
    border-color: rgb(0, 139, 139) !important;
}
.fill-cyan-a100,
.fillH-cyan-a100:hover {
    fill: rgb(144, 255, 255) !important;
}
.str-cyan-a100,
.strH-cyan-a100:hover {
    stroke: rgb(144, 255, 255) !important;
}
.c-cyan-a200,
.cH-cyan-a200:hover {
    color: rgb(47, 255, 255) !important;
}
.bgc-cyan-a200,
.bgcH-cyan-a200:hover {
    background-color: rgb(0, 190, 190) !important;
}
.bdc-cyan-a200,
.bdcH-cyan-a200:hover {
    border-color: rgb(0, 171, 171) !important;
}
.fill-cyan-a200,
.fillH-cyan-a200:hover {
    fill: rgb(47, 255, 255) !important;
}
.str-cyan-a200,
.strH-cyan-a200:hover {
    stroke: rgb(47, 255, 255) !important;
}
.c-cyan-a400,
.cH-cyan-a400:hover {
    color: rgb(26, 232, 255) !important;
}
.bgc-cyan-a400,
.bgcH-cyan-a400:hover {
    background-color: rgb(0, 183, 204) !important;
}
.bdc-cyan-a400,
.bdcH-cyan-a400:hover {
    border-color: rgb(0, 160, 179) !important;
}
.fill-cyan-a400,
.fillH-cyan-a400:hover {
    fill: rgb(26, 232, 255) !important;
}
.str-cyan-a400,
.strH-cyan-a400:hover {
    stroke: rgb(26, 232, 255) !important;
}
.c-cyan-a700,
.cH-cyan-a700:hover {
    color: rgb(64, 230, 255) !important;
}
.bgc-cyan-a700,
.bgcH-cyan-a700:hover {
    background-color: rgb(0, 147, 170) !important;
}
.bdc-cyan-a700,
.bdcH-cyan-a700:hover {
    border-color: rgb(0, 166, 191) !important;
}
.fill-cyan-a700,
.fillH-cyan-a700:hover {
    fill: rgb(64, 230, 255) !important;
}
.str-cyan-a700,
.strH-cyan-a700:hover {
    stroke: rgb(64, 230, 255) !important;
}
.c-teal-50,
.cH-teal-50:hover {
    color: rgb(227, 243, 242) !important;
}
.bgc-teal-50,
.bgcH-teal-50:hover {
    background-color: rgb(23, 55, 53) !important;
}
.bdc-teal-50,
.bdcH-teal-50:hover {
    border-color: rgb(34, 81, 79) !important;
}
.fill-teal-50,
.fillH-teal-50:hover {
    fill: rgb(227, 243, 242) !important;
}
.str-teal-50,
.strH-teal-50:hover {
    stroke: rgb(227, 243, 242) !important;
}
.c-teal-100,
.cH-teal-100:hover {
    color: rgb(186, 226, 223) !important;
}
.bgc-teal-100,
.bgcH-teal-100:hover {
    background-color: rgb(34, 82, 79) !important;
}
.bdc-teal-100,
.bdcH-teal-100:hover {
    border-color: rgb(40, 95, 90) !important;
}
.fill-teal-100,
.fillH-teal-100:hover {
    fill: rgb(186, 226, 223) !important;
}
.str-teal-100,
.strH-teal-100:hover {
    stroke: rgb(186, 226, 223) !important;
}
.c-teal-200,
.cH-teal-200:hover {
    color: rgb(141, 208, 202) !important;
}
.bgc-teal-200,
.bgcH-teal-200:hover {
    background-color: rgb(46, 112, 108) !important;
}
.bdc-teal-200,
.bdcH-teal-200:hover {
    border-color: rgb(45, 110, 104) !important;
}
.fill-teal-200,
.fillH-teal-200:hover {
    fill: rgb(141, 208, 202) !important;
}
.str-teal-200,
.strH-teal-200:hover {
    stroke: rgb(141, 208, 202) !important;
}
.c-teal-300,
.cH-teal-300:hover {
    color: rgb(95, 189, 180) !important;
}
.bgc-teal-300,
.bgcH-teal-300:hover {
    background-color: rgb(59, 143, 137) !important;
}
.bdc-teal-300,
.bdcH-teal-300:hover {
    border-color: rgb(52, 126, 119) !important;
}
.fill-teal-300,
.fillH-teal-300:hover {
    fill: rgb(95, 189, 180) !important;
}
.str-teal-300,
.strH-teal-300:hover {
    stroke: rgb(95, 189, 180) !important;
}
.c-teal-400,
.cH-teal-400:hover {
    color: rgb(106, 221, 210) !important;
}
.bgc-teal-400,
.bgcH-teal-400:hover {
    background-color: rgb(30, 133, 123) !important;
}
.bdc-teal-400,
.bdcH-teal-400:hover {
    border-color: rgb(36, 158, 146) !important;
}
.fill-teal-400,
.fillH-teal-400:hover {
    fill: rgb(106, 221, 210) !important;
}
.str-teal-400,
.strH-teal-400:hover {
    stroke: rgb(106, 221, 210) !important;
}
.c-teal-500,
.cH-teal-500:hover {
    color: rgb(120, 255, 242) !important;
}
.bgc-teal-500,
.bgcH-teal-500:hover {
    background-color: rgb(0, 120, 109) !important;
}
.bdc-teal-500,
.bdcH-teal-500:hover {
    border-color: rgb(0, 210, 190) !important;
}
.fill-teal-500,
.fillH-teal-500:hover {
    fill: rgb(120, 255, 242) !important;
}
.str-teal-500,
.strH-teal-500:hover {
    stroke: rgb(120, 255, 242) !important;
}
.c-teal-600,
.cH-teal-600:hover {
    color: rgb(132, 255, 242) !important;
}
.bgc-teal-600,
.bgcH-teal-600:hover {
    background-color: rgb(0, 110, 98) !important;
}
.bdc-teal-600,
.bdcH-teal-600:hover {
    border-color: rgb(0, 214, 192) !important;
}
.fill-teal-600,
.fillH-teal-600:hover {
    fill: rgb(132, 255, 242) !important;
}
.str-teal-600,
.strH-teal-600:hover {
    stroke: rgb(132, 255, 242) !important;
}
.c-teal-700,
.cH-teal-700:hover {
    color: rgb(146, 255, 242) !important;
}
.bgc-teal-700,
.bgcH-teal-700:hover {
    background-color: rgb(0, 97, 86) !important;
}
.bdc-teal-700,
.bdcH-teal-700:hover {
    border-color: rgb(0, 219, 193) !important;
}
.fill-teal-700,
.fillH-teal-700:hover {
    fill: rgb(146, 255, 242) !important;
}
.str-teal-700,
.strH-teal-700:hover {
    stroke: rgb(146, 255, 242) !important;
}
.c-teal-800,
.cH-teal-800:hover {
    color: rgb(161, 255, 243) !important;
}
.bgc-teal-800,
.bgcH-teal-800:hover {
    background-color: rgb(0, 84, 74) !important;
}
.bdc-teal-800,
.bdcH-teal-800:hover {
    border-color: rgb(0, 224, 196) !important;
}
.fill-teal-800,
.fillH-teal-800:hover {
    fill: rgb(161, 255, 243) !important;
}
.str-teal-800,
.strH-teal-800:hover {
    stroke: rgb(161, 255, 243) !important;
}
.c-teal-900,
.cH-teal-900:hover {
    color: rgb(220, 220, 220) !important;
}
.bgc-teal-900,
.bgcH-teal-900:hover {
    background-color: rgb(0, 62, 51) !important;
}
.bdc-teal-900,
.bdcH-teal-900:hover {
    border-color: rgb(116, 116, 116) !important;
}
.fill-teal-900,
.fillH-teal-900:hover {
    fill: rgb(220, 220, 220) !important;
}
.str-teal-900,
.strH-teal-900:hover {
    stroke: rgb(220, 220, 220) !important;
}
.c-teal-a100,
.cH-teal-a100:hover {
    color: rgb(176, 255, 237) !important;
}
.bgc-teal-a100,
.bgcH-teal-a100:hover {
    background-color: rgb(0, 104, 86) !important;
}
.bdc-teal-a100,
.bdcH-teal-a100:hover {
    border-color: rgb(0, 128, 99) !important;
}
.fill-teal-a100,
.fillH-teal-a100:hover {
    fill: rgb(176, 255, 237) !important;
}
.str-teal-a100,
.strH-teal-a100:hover {
    stroke: rgb(176, 255, 237) !important;
}
.c-teal-a200,
.cH-teal-a200:hover {
    color: rgb(115, 255, 222) !important;
}
.bgc-teal-a200,
.bgcH-teal-a200:hover {
    background-color: rgb(0, 144, 118) !important;
}
.bdc-teal-a200,
.bdcH-teal-a200:hover {
    border-color: rgb(0, 149, 113) !important;
}
.fill-teal-a200,
.fillH-teal-a200:hover {
    fill: rgb(115, 255, 222) !important;
}
.str-teal-a200,
.strH-teal-a200:hover {
    stroke: rgb(115, 255, 222) !important;
}
.c-teal-a400,
.cH-teal-a400:hover {
    color: rgb(52, 235, 189) !important;
}
.bgc-teal-a400,
.bgcH-teal-a400:hover {
    background-color: rgb(18, 182, 151) !important;
}
.bdc-teal-a400,
.bdcH-teal-a400:hover {
    border-color: rgb(16, 161, 124) !important;
}
.fill-teal-a400,
.fillH-teal-a400:hover {
    fill: rgb(52, 235, 189) !important;
}
.str-teal-a400,
.strH-teal-a400:hover {
    stroke: rgb(52, 235, 189) !important;
}
.c-teal-a700,
.cH-teal-a700:hover {
    color: rgb(83, 255, 232) !important;
}
.bgc-teal-a700,
.bgcH-teal-a700:hover {
    background-color: rgb(0, 153, 132) !important;
}
.bdc-teal-a700,
.bdcH-teal-a700:hover {
    border-color: rgb(0, 198, 171) !important;
}
.fill-teal-a700,
.fillH-teal-a700:hover {
    fill: rgb(83, 255, 232) !important;
}
.str-teal-a700,
.strH-teal-a700:hover {
    stroke: rgb(83, 255, 232) !important;
}
.c-green-50,
.cH-green-50:hover {
    color: rgb(234, 246, 235) !important;
}
.bgc-green-50,
.bgcH-green-50:hover {
    background-color: rgb(21, 49, 30) !important;
}
.bdc-green-50,
.bdcH-green-50:hover {
    border-color: rgb(34, 78, 37) !important;
}
.fill-green-50,
.fillH-green-50:hover {
    fill: rgb(234, 246, 235) !important;
}
.str-green-50,
.strH-green-50:hover {
    stroke: rgb(234, 246, 235) !important;
}
.c-green-100,
.cH-green-100:hover {
    color: rgb(206, 233, 206) !important;
}
.bgc-green-100,
.bgcH-green-100:hover {
    background-color: rgb(31, 68, 41) !important;
}
.bdc-green-100,
.bdcH-green-100:hover {
    border-color: rgb(39, 87, 41) !important;
}
.fill-green-100,
.fillH-green-100:hover {
    fill: rgb(206, 233, 206) !important;
}
.str-green-100,
.strH-green-100:hover {
    stroke: rgb(206, 233, 206) !important;
}
.c-green-200,
.cH-green-200:hover {
    color: rgb(174, 218, 176) !important;
}
.bgc-green-200,
.bgcH-green-200:hover {
    background-color: rgb(41, 89, 54) !important;
}
.bdc-green-200,
.bdcH-green-200:hover {
    border-color: rgb(44, 97, 46) !important;
}
.fill-green-200,
.fillH-green-200:hover {
    fill: rgb(174, 218, 176) !important;
}
.str-green-200,
.strH-green-200:hover {
    stroke: rgb(174, 218, 176) !important;
}
.c-green-300,
.cH-green-300:hover {
    color: rgb(142, 205, 144) !important;
}
.bgc-green-300,
.bgcH-green-300:hover {
    background-color: rgb(49, 111, 67) !important;
}
.bdc-green-300,
.bdcH-green-300:hover {
    border-color: rgb(48, 108, 51) !important;
}
.fill-green-300,
.fillH-green-300:hover {
    fill: rgb(142, 205, 144) !important;
}
.str-green-300,
.strH-green-300:hover {
    stroke: rgb(142, 205, 144) !important;
}
.c-green-400,
.cH-green-400:hover {
    color: rgb(117, 194, 121) !important;
}
.bgc-green-400,
.bgcH-green-400:hover {
    background-color: rgb(56, 127, 77) !important;
}
.bdc-green-400,
.bdcH-green-400:hover {
    border-color: rgb(52, 117, 55) !important;
}
.fill-green-400,
.fillH-green-400:hover {
    fill: rgb(117, 194, 121) !important;
}
.str-green-400,
.strH-green-400:hover {
    stroke: rgb(117, 194, 121) !important;
}
.c-green-500,
.cH-green-500:hover {
    color: rgb(98, 187, 101) !important;
}
.bgc-green-500,
.bgcH-green-500:hover {
    background-color: rgb(61, 140, 64) !important;
}
.bdc-green-500,
.bdcH-green-500:hover {
    border-color: rgb(54, 125, 57) !important;
}
.fill-green-500,
.fillH-green-500:hover {
    fill: rgb(98, 187, 101) !important;
}
.str-green-500,
.strH-green-500:hover {
    stroke: rgb(98, 187, 101) !important;
}
.c-green-600,
.cH-green-600:hover {
    color: rgb(111, 195, 115) !important;
}
.bgc-green-600,
.bgcH-green-600:hover {
    background-color: rgb(54, 128, 57) !important;
}
.bdc-green-600,
.bdcH-green-600:hover {
    border-color: rgb(55, 132, 58) !important;
}
.fill-green-600,
.fillH-green-600:hover {
    fill: rgb(111, 195, 115) !important;
}
.str-green-600,
.strH-green-600:hover {
    stroke: rgb(111, 195, 115) !important;
}
.c-green-700,
.cH-green-700:hover {
    color: rgb(127, 205, 131) !important;
}
.bgc-green-700,
.bgcH-green-700:hover {
    background-color: rgb(45, 114, 48) !important;
}
.bdc-green-700,
.bdcH-green-700:hover {
    border-color: rgb(55, 140, 59) !important;
}
.fill-green-700,
.fillH-green-700:hover {
    fill: rgb(127, 205, 131) !important;
}
.str-green-700,
.strH-green-700:hover {
    stroke: rgb(127, 205, 131) !important;
}
.c-green-800,
.cH-green-800:hover {
    color: rgb(143, 214, 146) !important;
}
.bgc-green-800,
.bgcH-green-800:hover {
    background-color: rgb(37, 100, 40) !important;
}
.bdc-green-800,
.bdcH-green-800:hover {
    border-color: rgb(55, 149, 60) !important;
}
.fill-green-800,
.fillH-green-800:hover {
    fill: rgb(143, 214, 146) !important;
}
.str-green-800,
.strH-green-800:hover {
    stroke: rgb(143, 214, 146) !important;
}
.c-green-900,
.cH-green-900:hover {
    color: rgb(170, 231, 175) !important;
}
.bgc-green-900,
.bgcH-green-900:hover {
    background-color: rgb(22, 75, 26) !important;
}
.bdc-green-900,
.bdcH-green-900:hover {
    border-color: rgb(49, 170, 58) !important;
}
.fill-green-900,
.fillH-green-900:hover {
    fill: rgb(170, 231, 175) !important;
}
.str-green-900,
.strH-green-900:hover {
    stroke: rgb(170, 231, 175) !important;
}
.c-green-a100,
.cH-green-a100:hover {
    color: rgb(192, 247, 207) !important;
}
.bgc-green-a100,
.bgcH-green-a100:hover {
    background-color: rgb(11, 87, 46) !important;
}
.bdc-green-a100,
.bdcH-green-a100:hover {
    border-color: rgb(14, 111, 41) !important;
}
.fill-green-a100,
.fillH-green-a100:hover {
    fill: rgb(192, 247, 207) !important;
}
.str-green-a100,
.strH-green-a100:hover {
    stroke: rgb(192, 247, 207) !important;
}
.c-green-a200,
.cH-green-a200:hover {
    color: rgb(120, 242, 182) !important;
}
.bgc-green-a200,
.bgcH-green-a200:hover {
    background-color: rgb(14, 136, 91) !important;
}
.bdc-green-a200,
.bdcH-green-a200:hover {
    border-color: rgb(14, 138, 77) !important;
}
.fill-green-a200,
.fillH-green-a200:hover {
    fill: rgb(120, 242, 182) !important;
}
.str-green-a200,
.strH-green-a200:hover {
    stroke: rgb(120, 242, 182) !important;
}
.c-green-a400,
.cH-green-a400:hover {
    color: rgb(48, 255, 154) !important;
}
.bgc-green-a400,
.bgcH-green-a400:hover {
    background-color: rgb(0, 184, 94) !important;
}
.bdc-green-a400,
.bdcH-green-a400:hover {
    border-color: rgb(0, 186, 95) !important;
}
.fill-green-a400,
.fillH-green-a400:hover {
    fill: rgb(48, 255, 154) !important;
}
.str-green-a400,
.strH-green-a400:hover {
    stroke: rgb(48, 255, 154) !important;
}
.c-green-a700,
.cH-green-a700:hover {
    color: rgb(75, 255, 150) !important;
}
.bgc-green-a700,
.bgcH-green-a700:hover {
    background-color: rgb(0, 160, 66) !important;
}
.bdc-green-a700,
.bdcH-green-a700:hover {
    border-color: rgb(0, 195, 81) !important;
}
.fill-green-a700,
.fillH-green-a700:hover {
    fill: rgb(75, 255, 150) !important;
}
.str-green-a700,
.strH-green-a700:hover {
    stroke: rgb(75, 255, 150) !important;
}
.c-light-green-50,
.cH-light-green-50:hover {
    color: rgb(242, 249, 235) !important;
}
.bgc-light-green-50,
.bgcH-light-green-50:hover {
    background-color: rgb(40, 52, 17) !important;
}
.bdc-light-green-50,
.bdcH-light-green-50:hover {
    border-color: rgb(57, 84, 27) !important;
}
.fill-light-green-50,
.fillH-light-green-50:hover {
    fill: rgb(242, 249, 235) !important;
}
.str-light-green-50,
.strH-light-green-50:hover {
    stroke: rgb(242, 249, 235) !important;
}
.c-light-green-100,
.cH-light-green-100:hover {
    color: rgb(224, 239, 206) !important;
}
.bgc-light-green-100,
.bgcH-light-green-100:hover {
    background-color: rgb(55, 71, 23) !important;
}
.bdc-light-green-100,
.bdcH-light-green-100:hover {
    border-color: rgb(64, 93, 31) !important;
}
.fill-light-green-100,
.fillH-light-green-100:hover {
    fill: rgb(224, 239, 206) !important;
}
.str-light-green-100,
.strH-light-green-100:hover {
    stroke: rgb(224, 239, 206) !important;
}
.c-light-green-200,
.cH-light-green-200:hover {
    color: rgb(203, 228, 174) !important;
}
.bgc-light-green-200,
.bgcH-light-green-200:hover {
    background-color: rgb(71, 92, 31) !important;
}
.bdc-light-green-200,
.bdcH-light-green-200:hover {
    border-color: rgb(71, 104, 35) !important;
}
.fill-light-green-200,
.fillH-light-green-200:hover {
    fill: rgb(203, 228, 174) !important;
}
.str-light-green-200,
.strH-light-green-200:hover {
    stroke: rgb(203, 228, 174) !important;
}
.c-light-green-300,
.cH-light-green-300:hover {
    color: rgb(182, 217, 142) !important;
}
.bgc-light-green-300,
.bgcH-light-green-300:hover {
    background-color: rgb(87, 114, 38) !important;
}
.bdc-light-green-300,
.bdcH-light-green-300:hover {
    border-color: rgb(79, 114, 38) !important;
}
.fill-light-green-300,
.fillH-light-green-300:hover {
    fill: rgb(182, 217, 142) !important;
}
.str-light-green-300,
.strH-light-green-300:hover {
    stroke: rgb(182, 217, 142) !important;
}
.c-light-green-400,
.cH-light-green-400:hover {
    color: rgb(166, 209, 116) !important;
}
.bgc-light-green-400,
.bgcH-light-green-400:hover {
    background-color: rgb(100, 131, 43) !important;
}
.bdc-light-green-400,
.bdcH-light-green-400:hover {
    border-color: rgb(85, 123, 41) !important;
}
.fill-light-green-400,
.fillH-light-green-400:hover {
    fill: rgb(166, 209, 116) !important;
}
.str-light-green-400,
.strH-light-green-400:hover {
    stroke: rgb(166, 209, 116) !important;
}
.c-light-green-500,
.cH-light-green-500:hover {
    color: rgb(151, 201, 92) !important;
}
.bgc-light-green-500,
.bgcH-light-green-500:hover {
    background-color: rgb(113, 147, 49) !important;
}
.bdc-light-green-500,
.bdcH-light-green-500:hover {
    border-color: rgb(90, 131, 43) !important;
}
.fill-light-green-500,
.fillH-light-green-500:hover {
    fill: rgb(151, 201, 92) !important;
}
.str-light-green-500,
.strH-light-green-500:hover {
    stroke: rgb(151, 201, 92) !important;
}
.c-light-green-600,
.cH-light-green-600:hover {
    color: rgb(146, 196, 94) !important;
}
.bgc-light-green-600,
.bgcH-light-green-600:hover {
    background-color: rgb(99, 143, 53) !important;
}
.bdc-light-green-600,
.bdcH-light-green-600:hover {
    border-color: rgb(92, 133, 49) !important;
}
.fill-light-green-600,
.fillH-light-green-600:hover {
    fill: rgb(146, 196, 94) !important;
}
.str-light-green-600,
.strH-light-green-600:hover {
    stroke: rgb(146, 196, 94) !important;
}
.c-light-green-700,
.cH-light-green-700:hover {
    color: rgb(155, 205, 112) !important;
}
.bgc-light-green-700,
.bgcH-light-green-700:hover {
    background-color: rgb(83, 127, 45) !important;
}
.bdc-light-green-700,
.bdcH-light-green-700:hover {
    border-color: rgb(92, 141, 50) !important;
}
.fill-light-green-700,
.fillH-light-green-700:hover {
    fill: rgb(155, 205, 112) !important;
}
.str-light-green-700,
.strH-light-green-700:hover {
    stroke: rgb(155, 205, 112) !important;
}
.c-light-green-800,
.cH-light-green-800:hover {
    color: rgb(164, 213, 130) !important;
}
.bgc-light-green-800,
.bgcH-light-green-800:hover {
    background-color: rgb(68, 111, 38) !important;
}
.bdc-light-green-800,
.bdcH-light-green-800:hover {
    border-color: rgb(91, 149, 50) !important;
}
.fill-light-green-800,
.fillH-light-green-800:hover {
    fill: rgb(164, 213, 130) !important;
}
.str-light-green-800,
.strH-light-green-800:hover {
    stroke: rgb(164, 213, 130) !important;
}
.c-light-green-900,
.cH-light-green-900:hover {
    color: rgb(179, 228, 161) !important;
}
.bgc-light-green-900,
.bgcH-light-green-900:hover {
    background-color: rgb(41, 84, 24) !important;
}
.bdc-light-green-900,
.bdcH-light-green-900:hover {
    border-color: rgb(81, 167, 48) !important;
}
.fill-light-green-900,
.fillH-light-green-900:hover {
    fill: rgb(179, 228, 161) !important;
}
.str-light-green-900,
.strH-light-green-900:hover {
    stroke: rgb(179, 228, 161) !important;
}
.c-light-green-a100,
.cH-light-green-a100:hover {
    color: rgb(209, 255, 155) !important;
}
.bgc-light-green-a100,
.bgcH-light-green-a100:hover {
    background-color: rgb(77, 118, 0) !important;
}
.bdc-light-green-a100,
.bdcH-light-green-a100:hover {
    border-color: rgb(73, 135, 0) !important;
}
.fill-light-green-a100,
.fillH-light-green-a100:hover {
    fill: rgb(209, 255, 155) !important;
}
.str-light-green-a100,
.strH-light-green-a100:hover {
    stroke: rgb(209, 255, 155) !important;
}
.c-light-green-a200,
.cH-light-green-a200:hover {
    color: rgb(186, 255, 106) !important;
}
.bgc-light-green-a200,
.bgcH-light-green-a200:hover {
    background-color: rgb(98, 151, 0) !important;
}
.bdc-light-green-a200,
.bdcH-light-green-a200:hover {
    border-color: rgb(81, 152, 0) !important;
}
.fill-light-green-a200,
.fillH-light-green-a200:hover {
    fill: rgb(186, 255, 106) !important;
}
.str-light-green-a200,
.strH-light-green-a200:hover {
    stroke: rgb(186, 255, 106) !important;
}
.c-light-green-a400,
.cH-light-green-a400:hover {
    color: rgb(132, 255, 28) !important;
}
.bgc-light-green-a400,
.bgcH-light-green-a400:hover {
    background-color: rgb(120, 202, 0) !important;
}
.bdc-light-green-a400,
.bdcH-light-green-a400:hover {
    border-color: rgb(81, 178, 0) !important;
}
.fill-light-green-a400,
.fillH-light-green-a400:hover {
    fill: rgb(132, 255, 28) !important;
}
.str-light-green-a400,
.strH-light-green-a400:hover {
    stroke: rgb(132, 255, 28) !important;
}
.c-light-green-a700,
.cH-light-green-a700:hover {
    color: rgb(125, 234, 56) !important;
}
.bgc-light-green-a700,
.bgcH-light-green-a700:hover {
    background-color: rgb(80, 177, 18) !important;
}
.bdc-light-green-a700,
.bdcH-light-green-a700:hover {
    border-color: rgb(75, 165, 17) !important;
}
.fill-light-green-a700,
.fillH-light-green-a700:hover {
    fill: rgb(125, 234, 56) !important;
}
.str-light-green-a700,
.strH-light-green-a700:hover {
    stroke: rgb(125, 234, 56) !important;
}
.c-lime-50,
.cH-lime-50:hover {
    color: rgb(250, 251, 233) !important;
}
.bgc-lime-50,
.bgcH-lime-50:hover {
    background-color: rgb(54, 58, 10) !important;
}
.bdc-lime-50,
.bdcH-lime-50:hover {
    border-color: rgb(87, 95, 16) !important;
}
.fill-lime-50,
.fillH-lime-50:hover {
    fill: rgb(250, 251, 233) !important;
}
.str-lime-50,
.strH-lime-50:hover {
    stroke: rgb(250, 251, 233) !important;
}
.c-lime-100,
.cH-lime-100:hover {
    color: rgb(242, 245, 201) !important;
}
.bgc-lime-100,
.bgcH-lime-100:hover {
    background-color: rgb(75, 79, 15) !important;
}
.bdc-lime-100,
.bdcH-lime-100:hover {
    border-color: rgb(97, 104, 19) !important;
}
.fill-lime-100,
.fillH-lime-100:hover {
    fill: rgb(242, 245, 201) !important;
}
.str-lime-100,
.strH-lime-100:hover {
    stroke: rgb(242, 245, 201) !important;
}
.c-lime-200,
.cH-lime-200:hover {
    color: rgb(233, 240, 166) !important;
}
.bgc-lime-200,
.bgcH-lime-200:hover {
    background-color: rgb(97, 103, 18) !important;
}
.bdc-lime-200,
.bdcH-lime-200:hover {
    border-color: rgb(107, 117, 20) !important;
}
.fill-lime-200,
.fillH-lime-200:hover {
    fill: rgb(233, 240, 166) !important;
}
.str-lime-200,
.strH-lime-200:hover {
    stroke: rgb(233, 240, 166) !important;
}
.c-lime-300,
.cH-lime-300:hover {
    color: rgb(224, 233, 131) !important;
}
.bgc-lime-300,
.bgcH-lime-300:hover {
    background-color: rgb(119, 126, 22) !important;
}
.bdc-lime-300,
.bdcH-lime-300:hover {
    border-color: rgb(118, 128, 22) !important;
}
.fill-lime-300,
.fillH-lime-300:hover {
    fill: rgb(224, 233, 131) !important;
}
.str-lime-300,
.strH-lime-300:hover {
    stroke: rgb(224, 233, 131) !important;
}
.c-lime-400,
.cH-lime-400:hover {
    color: rgb(216, 228, 104) !important;
}
.bgc-lime-400,
.bgcH-lime-400:hover {
    background-color: rgb(136, 144, 26) !important;
}
.bdc-lime-400,
.bdcH-lime-400:hover {
    border-color: rgb(126, 137, 24) !important;
}
.fill-lime-400,
.fillH-lime-400:hover {
    fill: rgb(216, 228, 104) !important;
}
.str-lime-400,
.strH-lime-400:hover {
    stroke: rgb(216, 228, 104) !important;
}
.c-lime-500,
.cH-lime-500:hover {
    color: rgb(210, 224, 77) !important;
}
.bgc-lime-500,
.bgcH-lime-500:hover {
    background-color: rgb(153, 162, 29) !important;
}
.bdc-lime-500,
.bdcH-lime-500:hover {
    border-color: rgb(135, 146, 26) !important;
}
.fill-lime-500,
.fillH-lime-500:hover {
    fill: rgb(210, 224, 77) !important;
}
.str-lime-500,
.strH-lime-500:hover {
    stroke: rgb(210, 224, 77) !important;
}
.c-lime-600,
.cH-lime-600:hover {
    color: rgb(200, 209, 73) !important;
}
.bgc-lime-600,
.bgcH-lime-600:hover {
    background-color: rgb(154, 162, 41) !important;
}
.bdc-lime-600,
.bdcH-lime-600:hover {
    border-color: rgb(136, 143, 36) !important;
}
.fill-lime-600,
.fillH-lime-600:hover {
    fill: rgb(200, 209, 73) !important;
}
.str-lime-600,
.strH-lime-600:hover {
    stroke: rgb(200, 209, 73) !important;
}
.c-lime-700,
.cH-lime-700:hover {
    color: rgb(212, 216, 93) !important;
}
.bgc-lime-700,
.bgcH-lime-700:hover {
    background-color: rgb(140, 144, 34) !important;
}
.bdc-lime-700,
.bdcH-lime-700:hover {
    border-color: rgb(148, 152, 36) !important;
}
.fill-lime-700,
.fillH-lime-700:hover {
    fill: rgb(212, 216, 93) !important;
}
.str-lime-700,
.strH-lime-700:hover {
    stroke: rgb(212, 216, 93) !important;
}
.c-lime-800,
.cH-lime-800:hover {
    color: rgb(223, 222, 113) !important;
}
.bgc-lime-800,
.bgcH-lime-800:hover {
    background-color: rgb(126, 126, 29) !important;
}
.bdc-lime-800,
.bdcH-lime-800:hover {
    border-color: rgb(160, 159, 37) !important;
}
.fill-lime-800,
.fillH-lime-800:hover {
    fill: rgb(223, 222, 113) !important;
}
.str-lime-800,
.strH-lime-800:hover {
    stroke: rgb(223, 222, 113) !important;
}
.c-lime-900,
.cH-lime-900:hover {
    color: rgb(234, 224, 138) !important;
}
.bgc-lime-900,
.bgcH-lime-900:hover {
    background-color: rgb(104, 95, 18) !important;
}
.bdc-lime-900,
.bdcH-lime-900:hover {
    border-color: rgb(178, 163, 31) !important;
}
.fill-lime-900,
.fillH-lime-900:hover {
    fill: rgb(234, 224, 138) !important;
}
.str-lime-900,
.strH-lime-900:hover {
    stroke: rgb(234, 224, 138) !important;
}
.c-lime-a100,
.cH-lime-a100:hover {
    color: rgb(245, 255, 142) !important;
}
.bgc-lime-a100,
.bgcH-lime-a100:hover {
    background-color: rgb(118, 127, 0) !important;
}
.bdc-lime-a100,
.bdcH-lime-a100:hover {
    border-color: rgb(128, 140, 0) !important;
}
.fill-lime-a100,
.fillH-lime-a100:hover {
    fill: rgb(245, 255, 142) !important;
}
.str-lime-a100,
.strH-lime-a100:hover {
    stroke: rgb(245, 255, 142) !important;
}
.c-lime-a200,
.cH-lime-a200:hover {
    color: rgb(240, 255, 84) !important;
}
.bgc-lime-a200,
.bgcH-lime-a200:hover {
    background-color: rgb(154, 165, 0) !important;
}
.bdc-lime-a200,
.bdcH-lime-a200:hover {
    border-color: rgb(145, 159, 0) !important;
}
.fill-lime-a200,
.fillH-lime-a200:hover {
    fill: rgb(240, 255, 84) !important;
}
.str-lime-a200,
.strH-lime-a200:hover {
    stroke: rgb(240, 255, 84) !important;
}
.c-lime-a400,
.cH-lime-a400:hover {
    color: rgb(204, 255, 26) !important;
}
.bgc-lime-a400,
.bgcH-lime-a400:hover {
    background-color: rgb(170, 204, 0) !important;
}
.bdc-lime-a400,
.bdcH-lime-a400:hover {
    border-color: rgb(139, 179, 0) !important;
}
.fill-lime-a400,
.fillH-lime-a400:hover {
    fill: rgb(204, 255, 26) !important;
}
.str-lime-a400,
.strH-lime-a400:hover {
    stroke: rgb(204, 255, 26) !important;
}
.c-lime-a700,
.cH-lime-a700:hover {
    color: rgb(201, 255, 44) !important;
}
.bgc-lime-a700,
.bgcH-lime-a700:hover {
    background-color: rgb(139, 187, 0) !important;
}
.bdc-lime-a700,
.bdcH-lime-a700:hover {
    border-color: rgb(137, 185, 0) !important;
}
.fill-lime-a700,
.fillH-lime-a700:hover {
    fill: rgb(201, 255, 44) !important;
}
.str-lime-a700,
.strH-lime-a700:hover {
    stroke: rgb(201, 255, 44) !important;
}
.c-yellow-50,
.cH-yellow-50:hover {
    color: rgb(255, 253, 233) !important;
}
.bgc-yellow-50,
.bgcH-yellow-50:hover {
    background-color: rgb(65, 60, 0) !important;
}
.bdc-yellow-50,
.bdcH-yellow-50:hover {
    border-color: rgb(109, 100, 0) !important;
}
.fill-yellow-50,
.fillH-yellow-50:hover {
    fill: rgb(255, 253, 233) !important;
}
.str-yellow-50,
.strH-yellow-50:hover {
    stroke: rgb(255, 253, 233) !important;
}
.c-yellow-100,
.cH-yellow-100:hover {
    color: rgb(255, 250, 202) !important;
}
.bgc-yellow-100,
.bgcH-yellow-100:hover {
    background-color: rgb(86, 78, 0) !important;
}
.bdc-yellow-100,
.bdcH-yellow-100:hover {
    border-color: rgb(120, 108, 0) !important;
}
.fill-yellow-100,
.fillH-yellow-100:hover {
    fill: rgb(255, 250, 202) !important;
}
.str-yellow-100,
.strH-yellow-100:hover {
    stroke: rgb(255, 250, 202) !important;
}
.c-yellow-200,
.cH-yellow-200:hover {
    color: rgb(255, 246, 167) !important;
}
.bgc-yellow-200,
.bgcH-yellow-200:hover {
    background-color: rgb(110, 99, 0) !important;
}
.bdc-yellow-200,
.bdcH-yellow-200:hover {
    border-color: rgb(131, 118, 0) !important;
}
.fill-yellow-200,
.fillH-yellow-200:hover {
    fill: rgb(255, 246, 167) !important;
}
.str-yellow-200,
.strH-yellow-200:hover {
    stroke: rgb(255, 246, 167) !important;
}
.c-yellow-300,
.cH-yellow-300:hover {
    color: rgb(255, 242, 132) !important;
}
.bgc-yellow-300,
.bgcH-yellow-300:hover {
    background-color: rgb(133, 120, 0) !important;
}
.bdc-yellow-300,
.bdcH-yellow-300:hover {
    border-color: rgb(143, 128, 0) !important;
}
.fill-yellow-300,
.fillH-yellow-300:hover {
    fill: rgb(255, 242, 132) !important;
}
.str-yellow-300,
.strH-yellow-300:hover {
    stroke: rgb(255, 242, 132) !important;
}
.c-yellow-400,
.cH-yellow-400:hover {
    color: rgb(255, 240, 105) !important;
}
.bgc-yellow-400,
.bgcH-yellow-400:hover {
    background-color: rgb(151, 136, 0) !important;
}
.bdc-yellow-400,
.bdcH-yellow-400:hover {
    border-color: rgb(152, 137, 0) !important;
}
.fill-yellow-400,
.fillH-yellow-400:hover {
    fill: rgb(255, 240, 105) !important;
}
.str-yellow-400,
.strH-yellow-400:hover {
    stroke: rgb(255, 240, 105) !important;
}
.c-yellow-500,
.cH-yellow-500:hover {
    color: rgb(255, 237, 79) !important;
}
.bgc-yellow-500,
.bgcH-yellow-500:hover {
    background-color: rgb(169, 151, 0) !important;
}
.bdc-yellow-500,
.bdcH-yellow-500:hover {
    border-color: rgb(161, 144, 0) !important;
}
.fill-yellow-500,
.fillH-yellow-500:hover {
    fill: rgb(255, 237, 79) !important;
}
.str-yellow-500,
.strH-yellow-500:hover {
    stroke: rgb(255, 237, 79) !important;
}
.c-yellow-600,
.cH-yellow-600:hover {
    color: rgb(253, 220, 73) !important;
}
.bgc-yellow-600,
.bgcH-yellow-600:hover {
    background-color: rgb(172, 140, 2) !important;
}
.bdc-yellow-600,
.bdcH-yellow-600:hover {
    border-color: rgb(162, 132, 2) !important;
}
.fill-yellow-600,
.fillH-yellow-600:hover {
    fill: rgb(253, 220, 73) !important;
}
.str-yellow-600,
.strH-yellow-600:hover {
    stroke: rgb(253, 220, 73) !important;
}
.c-yellow-700,
.cH-yellow-700:hover {
    color: rgb(251, 198, 66) !important;
}
.bgc-yellow-700,
.bgcH-yellow-700:hover {
    background-color: rgb(176, 127, 3) !important;
}
.bdc-yellow-700,
.bdcH-yellow-700:hover {
    border-color: rgb(163, 117, 3) !important;
}
.fill-yellow-700,
.fillH-yellow-700:hover {
    fill: rgb(251, 198, 66) !important;
}
.str-yellow-700,
.strH-yellow-700:hover {
    stroke: rgb(251, 198, 66) !important;
}
.c-yellow-800,
.cH-yellow-800:hover {
    color: rgb(250, 177, 59) !important;
}
.bgc-yellow-800,
.bgcH-yellow-800:hover {
    background-color: rgb(180, 113, 5) !important;
}
.bdc-yellow-800,
.bdcH-yellow-800:hover {
    border-color: rgb(165, 103, 5) !important;
}
.fill-yellow-800,
.fillH-yellow-800:hover {
    fill: rgb(250, 177, 59) !important;
}
.str-yellow-800,
.strH-yellow-800:hover {
    stroke: rgb(250, 177, 59) !important;
}
.c-yellow-900,
.cH-yellow-900:hover {
    color: rgb(246, 140, 46) !important;
}
.bgc-yellow-900,
.bgcH-yellow-900:hover {
    background-color: rgb(188, 92, 8) !important;
}
.bdc-yellow-900,
.bdcH-yellow-900:hover {
    border-color: rgb(167, 82, 7) !important;
}
.fill-yellow-900,
.fillH-yellow-900:hover {
    fill: rgb(246, 140, 46) !important;
}
.str-yellow-900,
.strH-yellow-900:hover {
    stroke: rgb(246, 140, 46) !important;
}
.c-yellow-a100,
.cH-yellow-a100:hover {
    color: rgb(255, 255, 152) !important;
}
.bgc-yellow-a100,
.bgcH-yellow-a100:hover {
    background-color: rgb(119, 119, 0) !important;
}
.bdc-yellow-a100,
.bdcH-yellow-a100:hover {
    border-color: rgb(136, 136, 0) !important;
}
.fill-yellow-a100,
.fillH-yellow-a100:hover {
    fill: rgb(255, 255, 152) !important;
}
.str-yellow-a100,
.strH-yellow-a100:hover {
    stroke: rgb(255, 255, 152) !important;
}
.c-yellow-a200,
.cH-yellow-a200:hover {
    color: rgb(255, 255, 26) !important;
}
.bgc-yellow-a200,
.bgcH-yellow-a200:hover {
    background-color: rgb(204, 204, 0) !important;
}
.bdc-yellow-a200,
.bdcH-yellow-a200:hover {
    border-color: rgb(179, 179, 0) !important;
}
.fill-yellow-a200,
.fillH-yellow-a200:hover {
    fill: rgb(255, 255, 26) !important;
}
.str-yellow-a200,
.strH-yellow-a200:hover {
    stroke: rgb(255, 255, 26) !important;
}
.c-yellow-a400,
.cH-yellow-a400:hover {
    color: rgb(255, 236, 26) !important;
}
.bgc-yellow-a400,
.bgcH-yellow-a400:hover {
    background-color: rgb(204, 187, 0) !important;
}
.bdc-yellow-a400,
.bdcH-yellow-a400:hover {
    border-color: rgb(179, 164, 0) !important;
}
.fill-yellow-a400,
.fillH-yellow-a400:hover {
    fill: rgb(255, 236, 26) !important;
}
.str-yellow-a400,
.strH-yellow-a400:hover {
    stroke: rgb(255, 236, 26) !important;
}
.c-yellow-a700,
.cH-yellow-a700:hover {
    color: rgb(255, 218, 26) !important;
}
.bgc-yellow-a700,
.bgcH-yellow-a700:hover {
    background-color: rgb(204, 171, 0) !important;
}
.bdc-yellow-a700,
.bdcH-yellow-a700:hover {
    border-color: rgb(179, 150, 0) !important;
}
.fill-yellow-a700,
.fillH-yellow-a700:hover {
    fill: rgb(255, 218, 26) !important;
}
.str-yellow-a700,
.strH-yellow-a700:hover {
    stroke: rgb(255, 218, 26) !important;
}
.c-amber-50,
.cH-amber-50:hover {
    color: rgb(255, 249, 228) !important;
}
.bgc-amber-50,
.bgcH-amber-50:hover {
    background-color: rgb(69, 53, 0) !important;
}
.bdc-amber-50,
.bdcH-amber-50:hover {
    border-color: rgb(111, 85, 0) !important;
}
.fill-amber-50,
.fillH-amber-50:hover {
    fill: rgb(255, 249, 228) !important;
}
.str-amber-50,
.strH-amber-50:hover {
    stroke: rgb(255, 249, 228) !important;
}
.c-amber-100,
.cH-amber-100:hover {
    color: rgb(255, 238, 187) !important;
}
.bgc-amber-100,
.bgcH-amber-100:hover {
    background-color: rgb(97, 72, 0) !important;
}
.bdc-amber-100,
.bdcH-amber-100:hover {
    border-color: rgb(125, 94, 0) !important;
}
.fill-amber-100,
.fillH-amber-100:hover {
    fill: rgb(255, 238, 187) !important;
}
.str-amber-100,
.strH-amber-100:hover {
    stroke: rgb(255, 238, 187) !important;
}
.c-amber-200,
.cH-amber-200:hover {
    color: rgb(255, 227, 143) !important;
}
.bgc-amber-200,
.bgcH-amber-200:hover {
    background-color: rgb(126, 95, 0) !important;
}
.bdc-amber-200,
.bdcH-amber-200:hover {
    border-color: rgb(140, 105, 0) !important;
}
.fill-amber-200,
.fillH-amber-200:hover {
    fill: rgb(255, 227, 143) !important;
}
.str-amber-200,
.strH-amber-200:hover {
    stroke: rgb(255, 227, 143) !important;
}
.c-amber-300,
.cH-amber-300:hover {
    color: rgb(255, 217, 97) !important;
}
.bgc-amber-300,
.bgcH-amber-300:hover {
    background-color: rgb(157, 119, 0) !important;
}
.bdc-amber-300,
.bdcH-amber-300:hover {
    border-color: rgb(155, 118, 0) !important;
}
.fill-amber-300,
.fillH-amber-300:hover {
    fill: rgb(255, 217, 97) !important;
}
.str-amber-300,
.strH-amber-300:hover {
    stroke: rgb(255, 217, 97) !important;
}
.c-amber-400,
.cH-amber-400:hover {
    color: rgb(255, 207, 62) !important;
}
.bgc-amber-400,
.bgcH-amber-400:hover {
    background-color: rgb(180, 136, 0) !important;
}
.bdc-amber-400,
.bdcH-amber-400:hover {
    border-color: rgb(167, 125, 0) !important;
}
.fill-amber-400,
.fillH-amber-400:hover {
    fill: rgb(255, 207, 62) !important;
}
.str-amber-400,
.strH-amber-400:hover {
    stroke: rgb(255, 207, 62) !important;
}
.c-amber-500,
.cH-amber-500:hover {
    color: rgb(255, 199, 32) !important;
}
.bgc-amber-500,
.bgcH-amber-500:hover {
    background-color: rgb(200, 150, 0) !important;
}
.bdc-amber-500,
.bdcH-amber-500:hover {
    border-color: rgb(176, 132, 0) !important;
}
.fill-amber-500,
.fillH-amber-500:hover {
    fill: rgb(255, 199, 32) !important;
}
.str-amber-500,
.strH-amber-500:hover {
    stroke: rgb(255, 199, 32) !important;
}
.c-amber-600,
.cH-amber-600:hover {
    color: rgb(255, 187, 26) !important;
}
.bgc-amber-600,
.bgcH-amber-600:hover {
    background-color: rgb(204, 143, 0) !important;
}
.bdc-amber-600,
.bdcH-amber-600:hover {
    border-color: rgb(179, 125, 0) !important;
}
.fill-amber-600,
.fillH-amber-600:hover {
    fill: rgb(255, 187, 26) !important;
}
.str-amber-600,
.strH-amber-600:hover {
    stroke: rgb(255, 187, 26) !important;
}
.c-amber-700,
.cH-amber-700:hover {
    color: rgb(255, 170, 26) !important;
}
.bgc-amber-700,
.bgcH-amber-700:hover {
    background-color: rgb(204, 128, 0) !important;
}
.bdc-amber-700,
.bdcH-amber-700:hover {
    border-color: rgb(179, 112, 0) !important;
}
.fill-amber-700,
.fillH-amber-700:hover {
    fill: rgb(255, 170, 26) !important;
}
.str-amber-700,
.strH-amber-700:hover {
    stroke: rgb(255, 170, 26) !important;
}
.c-amber-800,
.cH-amber-800:hover {
    color: rgb(255, 154, 26) !important;
}
.bgc-amber-800,
.bgcH-amber-800:hover {
    background-color: rgb(204, 114, 0) !important;
}
.bdc-amber-800,
.bdcH-amber-800:hover {
    border-color: rgb(179, 100, 0) !important;
}
.fill-amber-800,
.fillH-amber-800:hover {
    fill: rgb(255, 154, 26) !important;
}
.str-amber-800,
.strH-amber-800:hover {
    stroke: rgb(255, 154, 26) !important;
}
.c-amber-900,
.cH-amber-900:hover {
    color: rgb(255, 125, 26) !important;
}
.bgc-amber-900,
.bgcH-amber-900:hover {
    background-color: rgb(204, 89, 0) !important;
}
.bdc-amber-900,
.bdcH-amber-900:hover {
    border-color: rgb(179, 78, 0) !important;
}
.fill-amber-900,
.fillH-amber-900:hover {
    fill: rgb(255, 125, 26) !important;
}
.str-amber-900,
.strH-amber-900:hover {
    stroke: rgb(255, 125, 26) !important;
}
.c-amber-a100,
.cH-amber-a100:hover {
    color: rgb(255, 232, 140) !important;
}
.bgc-amber-a100,
.bgcH-amber-a100:hover {
    background-color: rgb(128, 102, 0) !important;
}
.bdc-amber-a100,
.bdcH-amber-a100:hover {
    border-color: rgb(140, 112, 0) !important;
}
.fill-amber-a100,
.fillH-amber-a100:hover {
    fill: rgb(255, 232, 140) !important;
}
.str-amber-a100,
.strH-amber-a100:hover {
    stroke: rgb(255, 232, 140) !important;
}
.c-amber-a200,
.cH-amber-a200:hover {
    color: rgb(255, 219, 83) !important;
}
.bgc-amber-a200,
.bgcH-amber-a200:hover {
    background-color: rgb(166, 131, 0) !important;
}
.bdc-amber-a200,
.bdcH-amber-a200:hover {
    border-color: rgb(159, 126, 0) !important;
}
.fill-amber-a200,
.fillH-amber-a200:hover {
    fill: rgb(255, 219, 83) !important;
}
.str-amber-a200,
.strH-amber-a200:hover {
    stroke: rgb(255, 219, 83) !important;
}
.c-amber-a400,
.cH-amber-a400:hover {
    color: rgb(255, 202, 26) !important;
}
.bgc-amber-a400,
.bgcH-amber-a400:hover {
    background-color: rgb(204, 157, 0) !important;
}
.bdc-amber-a400,
.bdcH-amber-a400:hover {
    border-color: rgb(179, 137, 0) !important;
}
.fill-amber-a400,
.fillH-amber-a400:hover {
    fill: rgb(255, 202, 26) !important;
}
.str-amber-a400,
.strH-amber-a400:hover {
    stroke: rgb(255, 202, 26) !important;
}
.c-amber-a700,
.cH-amber-a700:hover {
    color: rgb(255, 179, 26) !important;
}
.bgc-amber-a700,
.bgcH-amber-a700:hover {
    background-color: rgb(204, 137, 0) !important;
}
.bdc-amber-a700,
.bdcH-amber-a700:hover {
    border-color: rgb(179, 120, 0) !important;
}
.fill-amber-a700,
.fillH-amber-a700:hover {
    fill: rgb(255, 179, 26) !important;
}
.str-amber-a700,
.strH-amber-a700:hover {
    stroke: rgb(255, 179, 26) !important;
}
.c-orange-50,
.cH-orange-50:hover {
    color: rgb(255, 244, 227) !important;
}
.bgc-orange-50,
.bgcH-orange-50:hover {
    background-color: rgb(70, 43, 0) !important;
}
.bdc-orange-50,
.bdcH-orange-50:hover {
    border-color: rgb(111, 68, 0) !important;
}
.fill-orange-50,
.fillH-orange-50:hover {
    fill: rgb(255, 244, 227) !important;
}
.str-orange-50,
.strH-orange-50:hover {
    stroke: rgb(255, 244, 227) !important;
}
.c-orange-100,
.cH-orange-100:hover {
    color: rgb(255, 227, 186) !important;
}
.bgc-orange-100,
.bgcH-orange-100:hover {
    background-color: rgb(97, 58, 0) !important;
}
.bdc-orange-100,
.bdcH-orange-100:hover {
    border-color: rgb(125, 75, 0) !important;
}
.fill-orange-100,
.fillH-orange-100:hover {
    fill: rgb(255, 227, 186) !important;
}
.str-orange-100,
.strH-orange-100:hover {
    stroke: rgb(255, 227, 186) !important;
}
.c-orange-200,
.cH-orange-200:hover {
    color: rgb(255, 209, 141) !important;
}
.bgc-orange-200,
.bgcH-orange-200:hover {
    background-color: rgb(127, 76, 0) !important;
}
.bdc-orange-200,
.bdcH-orange-200:hover {
    border-color: rgb(140, 84, 0) !important;
}
.fill-orange-200,
.fillH-orange-200:hover {
    fill: rgb(255, 209, 141) !important;
}
.str-orange-200,
.strH-orange-200:hover {
    stroke: rgb(255, 209, 141) !important;
}
.c-orange-300,
.cH-orange-300:hover {
    color: rgb(255, 190, 95) !important;
}
.bgc-orange-300,
.bgcH-orange-300:hover {
    background-color: rgb(158, 94, 0) !important;
}
.bdc-orange-300,
.bdcH-orange-300:hover {
    border-color: rgb(155, 93, 0) !important;
}
.fill-orange-300,
.fillH-orange-300:hover {
    fill: rgb(255, 190, 95) !important;
}
.str-orange-300,
.strH-orange-300:hover {
    stroke: rgb(255, 190, 95) !important;
}
.c-orange-400,
.cH-orange-400:hover {
    color: rgb(255, 176, 60) !important;
}
.bgc-orange-400,
.bgcH-orange-400:hover {
    background-color: rgb(181, 108, 0) !important;
}
.bdc-orange-400,
.bdcH-orange-400:hover {
    border-color: rgb(167, 99, 0) !important;
}
.fill-orange-400,
.fillH-orange-400:hover {
    fill: rgb(255, 176, 60) !important;
}
.str-orange-400,
.strH-orange-400:hover {
    stroke: rgb(255, 176, 60) !important;
}
.c-orange-500,
.cH-orange-500:hover {
    color: rgb(255, 162, 26) !important;
}
.bgc-orange-500,
.bgcH-orange-500:hover {
    background-color: rgb(204, 122, 0) !important;
}
.bdc-orange-500,
.bdcH-orange-500:hover {
    border-color: rgb(179, 106, 0) !important;
}
.fill-orange-500,
.fillH-orange-500:hover {
    fill: rgb(255, 162, 26) !important;
}
.str-orange-500,
.strH-orange-500:hover {
    stroke: rgb(255, 162, 26) !important;
}
.c-orange-600,
.cH-orange-600:hover {
    color: rgb(255, 155, 29) !important;
}
.bgc-orange-600,
.bgcH-orange-600:hover {
    background-color: rgb(201, 112, 0) !important;
}
.bdc-orange-600,
.bdcH-orange-600:hover {
    border-color: rgb(180, 100, 0) !important;
}
.fill-orange-600,
.fillH-orange-600:hover {
    fill: rgb(255, 155, 29) !important;
}
.str-orange-600,
.strH-orange-600:hover {
    stroke: rgb(255, 155, 29) !important;
}
.c-orange-700,
.cH-orange-700:hover {
    color: rgb(255, 146, 34) !important;
}
.bgc-orange-700,
.bgcH-orange-700:hover {
    background-color: rgb(196, 99, 0) !important;
}
.bdc-orange-700,
.bdcH-orange-700:hover {
    border-color: rgb(182, 92, 0) !important;
}
.fill-orange-700,
.fillH-orange-700:hover {
    fill: rgb(255, 146, 34) !important;
}
.str-orange-700,
.strH-orange-700:hover {
    stroke: rgb(255, 146, 34) !important;
}
.c-orange-800,
.cH-orange-800:hover {
    color: rgb(255, 137, 40) !important;
}
.bgc-orange-800,
.bgcH-orange-800:hover {
    background-color: rgb(191, 86, 0) !important;
}
.bdc-orange-800,
.bdcH-orange-800:hover {
    border-color: rgb(183, 83, 0) !important;
}
.fill-orange-800,
.fillH-orange-800:hover {
    fill: rgb(255, 137, 40) !important;
}
.str-orange-800,
.strH-orange-800:hover {
    stroke: rgb(255, 137, 40) !important;
}
.c-orange-900,
.cH-orange-900:hover {
    color: rgb(255, 121, 48) !important;
}
.bgc-orange-900,
.bgcH-orange-900:hover {
    background-color: rgb(184, 65, 0) !important;
}
.bdc-orange-900,
.bdcH-orange-900:hover {
    border-color: rgb(186, 66, 0) !important;
}
.fill-orange-900,
.fillH-orange-900:hover {
    fill: rgb(255, 121, 48) !important;
}
.str-orange-900,
.strH-orange-900:hover {
    stroke: rgb(255, 121, 48) !important;
}
.c-orange-a100,
.cH-orange-a100:hover {
    color: rgb(255, 214, 141) !important;
}
.bgc-orange-a100,
.bgcH-orange-a100:hover {
    background-color: rgb(127, 81, 0) !important;
}
.bdc-orange-a100,
.bdcH-orange-a100:hover {
    border-color: rgb(140, 89, 0) !important;
}
.fill-orange-a100,
.fillH-orange-a100:hover {
    fill: rgb(255, 214, 141) !important;
}
.str-orange-a100,
.strH-orange-a100:hover {
    stroke: rgb(255, 214, 141) !important;
}
.c-orange-a200,
.cH-orange-a200:hover {
    color: rgb(255, 179, 83) !important;
}
.bgc-orange-a200,
.bgcH-orange-a200:hover {
    background-color: rgb(166, 93, 0) !important;
}
.bdc-orange-a200,
.bdcH-orange-a200:hover {
    border-color: rgb(159, 89, 0) !important;
}
.fill-orange-a200,
.fillH-orange-a200:hover {
    fill: rgb(255, 179, 83) !important;
}
.str-orange-a200,
.strH-orange-a200:hover {
    stroke: rgb(255, 179, 83) !important;
}
.c-orange-a400,
.cH-orange-a400:hover {
    color: rgb(255, 156, 26) !important;
}
.bgc-orange-a400,
.bgcH-orange-a400:hover {
    background-color: rgb(204, 116, 0) !important;
}
.bdc-orange-a400,
.bdcH-orange-a400:hover {
    border-color: rgb(179, 102, 0) !important;
}
.fill-orange-a400,
.fillH-orange-a400:hover {
    fill: rgb(255, 156, 26) !important;
}
.str-orange-a400,
.strH-orange-a400:hover {
    stroke: rgb(255, 156, 26) !important;
}
.c-orange-a700,
.cH-orange-a700:hover {
    color: rgb(255, 124, 26) !important;
}
.bgc-orange-a700,
.bgcH-orange-a700:hover {
    background-color: rgb(204, 87, 0) !important;
}
.bdc-orange-a700,
.bdcH-orange-a700:hover {
    border-color: rgb(179, 76, 0) !important;
}
.fill-orange-a700,
.fillH-orange-a700:hover {
    fill: rgb(255, 124, 26) !important;
}
.str-orange-a700,
.strH-orange-a700:hover {
    stroke: rgb(255, 124, 26) !important;
}
.c-deep-orange-50,
.cH-deep-orange-50:hover {
    color: rgb(251, 235, 233) !important;
}
.bgc-deep-orange-50,
.bgcH-deep-orange-50:hover {
    background-color: rgb(58, 15, 10) !important;
}
.bdc-deep-orange-50,
.bdcH-deep-orange-50:hover {
    border-color: rgb(95, 24, 16) !important;
}
.fill-deep-orange-50,
.fillH-deep-orange-50:hover {
    fill: rgb(251, 235, 233) !important;
}
.str-deep-orange-50,
.strH-deep-orange-50:hover {
    stroke: rgb(251, 235, 233) !important;
}
.c-deep-orange-100,
.cH-deep-orange-100:hover {
    color: rgb(255, 209, 195) !important;
}
.bgc-deep-orange-100,
.bgcH-deep-orange-100:hover {
    background-color: rgb(91, 22, 0) !important;
}
.bdc-deep-orange-100,
.bdcH-deep-orange-100:hover {
    border-color: rgb(122, 29, 0) !important;
}
.fill-deep-orange-100,
.fillH-deep-orange-100:hover {
    fill: rgb(255, 209, 195) !important;
}
.str-deep-orange-100,
.strH-deep-orange-100:hover {
    stroke: rgb(255, 209, 195) !important;
}
.c-deep-orange-200,
.cH-deep-orange-200:hover {
    color: rgb(255, 179, 156) !important;
}
.bgc-deep-orange-200,
.bgcH-deep-orange-200:hover {
    background-color: rgb(117, 28, 0) !important;
}
.bdc-deep-orange-200,
.bdcH-deep-orange-200:hover {
    border-color: rgb(135, 32, 0) !important;
}
.fill-deep-orange-200,
.fillH-deep-orange-200:hover {
    fill: rgb(255, 179, 156) !important;
}
.str-deep-orange-200,
.strH-deep-orange-200:hover {
    stroke: rgb(255, 179, 156) !important;
}
.c-deep-orange-300,
.cH-deep-orange-300:hover {
    color: rgb(255, 150, 116) !important;
}
.bgc-deep-orange-300,
.bgcH-deep-orange-300:hover {
    background-color: rgb(143, 34, 0) !important;
}
.bdc-deep-orange-300,
.bdcH-deep-orange-300:hover {
    border-color: rgb(148, 36, 0) !important;
}
.fill-deep-orange-300,
.fillH-deep-orange-300:hover {
    fill: rgb(255, 150, 116) !important;
}
.str-deep-orange-300,
.strH-deep-orange-300:hover {
    stroke: rgb(255, 150, 116) !important;
}
.c-deep-orange-400,
.cH-deep-orange-400:hover {
    color: rgb(255, 126, 86) !important;
}
.bgc-deep-orange-400,
.bgcH-deep-orange-400:hover {
    background-color: rgb(164, 39, 0) !important;
}
.bdc-deep-orange-400,
.bdcH-deep-orange-400:hover {
    border-color: rgb(158, 38, 0) !important;
}
.fill-deep-orange-400,
.fillH-deep-orange-400:hover {
    fill: rgb(255, 126, 86) !important;
}
.str-deep-orange-400,
.strH-deep-orange-400:hover {
    stroke: rgb(255, 126, 86) !important;
}
.c-deep-orange-500,
.cH-deep-orange-500:hover {
    color: rgb(255, 104, 56) !important;
}
.bgc-deep-orange-500,
.bgcH-deep-orange-500:hover {
    background-color: rgb(184, 44, 0) !important;
}
.bdc-deep-orange-500,
.bdcH-deep-orange-500:hover {
    border-color: rgb(168, 40, 0) !important;
}
.fill-deep-orange-500,
.fillH-deep-orange-500:hover {
    fill: rgb(255, 104, 56) !important;
}
.str-deep-orange-500,
.strH-deep-orange-500:hover {
    stroke: rgb(255, 104, 56) !important;
}
.c-deep-orange-600,
.cH-deep-orange-600:hover {
    color: rgb(245, 98, 52) !important;
}
.bgc-deep-orange-600,
.bgcH-deep-orange-600:hover {
    background-color: rgb(184, 51, 9) !important;
}
.bdc-deep-orange-600,
.bdcH-deep-orange-600:hover {
    border-color: rgb(165, 45, 8) !important;
}
.fill-deep-orange-600,
.fillH-deep-orange-600:hover {
    fill: rgb(245, 98, 52) !important;
}
.str-deep-orange-600,
.strH-deep-orange-600:hover {
    stroke: rgb(245, 98, 52) !important;
}
.c-deep-orange-700,
.cH-deep-orange-700:hover {
    color: rgb(233, 92, 48) !important;
}
.bgc-deep-orange-700,
.bgcH-deep-orange-700:hover {
    background-color: rgb(184, 59, 20) !important;
}
.bdc-deep-orange-700,
.bdcH-deep-orange-700:hover {
    border-color: rgb(161, 52, 17) !important;
}
.fill-deep-orange-700,
.fillH-deep-orange-700:hover {
    fill: rgb(233, 92, 48) !important;
}
.str-deep-orange-700,
.strH-deep-orange-700:hover {
    stroke: rgb(233, 92, 48) !important;
}
.c-deep-orange-800,
.cH-deep-orange-800:hover {
    color: rgb(236, 102, 61) !important;
}
.bgc-deep-orange-800,
.bgcH-deep-orange-800:hover {
    background-color: rgb(173, 54, 17) !important;
}
.bdc-deep-orange-800,
.bdcH-deep-orange-800:hover {
    border-color: rgb(168, 52, 16) !important;
}
.fill-deep-orange-800,
.fillH-deep-orange-800:hover {
    fill: rgb(236, 102, 61) !important;
}
.str-deep-orange-800,
.strH-deep-orange-800:hover {
    stroke: rgb(236, 102, 61) !important;
}
.c-deep-orange-900,
.cH-deep-orange-900:hover {
    color: rgb(244, 121, 83) !important;
}
.bgc-deep-orange-900,
.bgcH-deep-orange-900:hover {
    background-color: rgb(153, 43, 10) !important;
}
.bdc-deep-orange-900,
.bdcH-deep-orange-900:hover {
    border-color: rgb(183, 52, 11) !important;
}
.fill-deep-orange-900,
.fillH-deep-orange-900:hover {
    fill: rgb(244, 121, 83) !important;
}
.str-deep-orange-900,
.strH-deep-orange-900:hover {
    stroke: rgb(244, 121, 83) !important;
}
.c-deep-orange-a100,
.cH-deep-orange-a100:hover {
    color: rgb(255, 168, 141) !important;
}
.bgc-deep-orange-a100,
.bgcH-deep-orange-a100:hover {
    background-color: rgb(127, 30, 0) !important;
}
.bdc-deep-orange-a100,
.bdcH-deep-orange-a100:hover {
    border-color: rgb(140, 33, 0) !important;
}
.fill-deep-orange-a100,
.fillH-deep-orange-a100:hover {
    fill: rgb(255, 168, 141) !important;
}
.str-deep-orange-a100,
.strH-deep-orange-a100:hover {
    stroke: rgb(255, 168, 141) !important;
}
.c-deep-orange-a200,
.cH-deep-orange-a200:hover {
    color: rgb(255, 125, 83) !important;
}
.bgc-deep-orange-a200,
.bgcH-deep-orange-a200:hover {
    background-color: rgb(166, 40, 0) !important;
}
.bdc-deep-orange-a200,
.bdcH-deep-orange-a200:hover {
    border-color: rgb(159, 38, 0) !important;
}
.fill-deep-orange-a200,
.fillH-deep-orange-a200:hover {
    fill: rgb(255, 125, 83) !important;
}
.str-deep-orange-a200,
.strH-deep-orange-a200:hover {
    stroke: rgb(255, 125, 83) !important;
}
.c-deep-orange-a400,
.cH-deep-orange-a400:hover {
    color: rgb(255, 80, 26) !important;
}
.bgc-deep-orange-a400,
.bgcH-deep-orange-a400:hover {
    background-color: rgb(204, 49, 0) !important;
}
.bdc-deep-orange-a400,
.bdcH-deep-orange-a400:hover {
    border-color: rgb(179, 43, 0) !important;
}
.fill-deep-orange-a400,
.fillH-deep-orange-a400:hover {
    fill: rgb(255, 80, 26) !important;
}
.str-deep-orange-a400,
.strH-deep-orange-a400:hover {
    stroke: rgb(255, 80, 26) !important;
}
.c-deep-orange-a700,
.cH-deep-orange-a700:hover {
    color: rgb(255, 96, 56) !important;
}
.bgc-deep-orange-a700,
.bgcH-deep-orange-a700:hover {
    background-color: rgb(177, 35, 0) !important;
}
.bdc-deep-orange-a700,
.bdcH-deep-orange-a700:hover {
    border-color: rgb(189, 38, 0) !important;
}
.fill-deep-orange-a700,
.fillH-deep-orange-a700:hover {
    fill: rgb(255, 96, 56) !important;
}
.str-deep-orange-a700,
.strH-deep-orange-a700:hover {
    stroke: rgb(255, 96, 56) !important;
}
.c-brown-50,
.cH-brown-50:hover {
    color: rgb(238, 238, 238) !important;
}
.bgc-brown-50,
.bgcH-brown-50:hover {
    background-color: rgb(43, 35, 31) !important;
}
.bdc-brown-50,
.bdcH-brown-50:hover {
    border-color: rgb(53, 58, 60) !important;
}
.fill-brown-50,
.fillH-brown-50:hover {
    fill: rgb(238, 238, 238) !important;
}
.str-brown-50,
.strH-brown-50:hover {
    stroke: rgb(238, 238, 238) !important;
}
.c-brown-100,
.cH-brown-100:hover {
    color: rgb(212, 212, 212) !important;
}
.bgc-brown-100,
.bgcH-brown-100:hover {
    background-color: rgb(63, 50, 45) !important;
}
.bdc-brown-100,
.bdcH-brown-100:hover {
    border-color: rgb(61, 67, 69) !important;
}
.fill-brown-100,
.fillH-brown-100:hover {
    fill: rgb(212, 212, 212) !important;
}
.str-brown-100,
.strH-brown-100:hover {
    stroke: rgb(212, 212, 212) !important;
}
.c-brown-200,
.cH-brown-200:hover {
    color: rgb(184, 184, 184) !important;
}
.bgc-brown-200,
.bgcH-brown-200:hover {
    background-color: rgb(84, 67, 62) !important;
}
.bdc-brown-200,
.bdcH-brown-200:hover {
    border-color: rgb(70, 76, 79) !important;
}
.fill-brown-200,
.fillH-brown-200:hover {
    fill: rgb(184, 184, 184) !important;
}
.str-brown-200,
.strH-brown-200:hover {
    stroke: rgb(184, 184, 184) !important;
}
.c-brown-300,
.cH-brown-300:hover {
    color: rgb(155, 155, 155) !important;
}
.bgc-brown-300,
.bgcH-brown-300:hover {
    background-color: rgb(106, 85, 78) !important;
}
.bdc-brown-300,
.bdcH-brown-300:hover {
    border-color: rgb(79, 86, 89) !important;
}
.fill-brown-300,
.fillH-brown-300:hover {
    fill: rgb(155, 155, 155) !important;
}
.str-brown-300,
.strH-brown-300:hover {
    stroke: rgb(155, 155, 155) !important;
}
.c-brown-400,
.cH-brown-400:hover {
    color: rgb(147, 147, 147) !important;
}
.bgc-brown-400,
.bgcH-brown-400:hover {
    background-color: rgb(113, 88, 79) !important;
}
.bdc-brown-400,
.bdcH-brown-400:hover {
    border-color: rgb(92, 92, 92) !important;
}
.fill-brown-400,
.fillH-brown-400:hover {
    fill: rgb(147, 147, 147) !important;
}
.str-brown-400,
.strH-brown-400:hover {
    stroke: rgb(147, 147, 147) !important;
}
.c-brown-500,
.cH-brown-500:hover {
    color: rgb(190, 158, 146) !important;
}
.bgc-brown-500,
.bgcH-brown-500:hover {
    background-color: rgb(97, 68, 58) !important;
}
.bdc-brown-500,
.bdcH-brown-500:hover {
    border-color: rgb(124, 87, 74) !important;
}
.fill-brown-500,
.fillH-brown-500:hover {
    fill: rgb(190, 158, 146) !important;
}
.str-brown-500,
.strH-brown-500:hover {
    stroke: rgb(190, 158, 146) !important;
}
.c-brown-600,
.cH-brown-600:hover {
    color: rgb(197, 167, 157) !important;
}
.bgc-brown-600,
.bgcH-brown-600:hover {
    background-color: rgb(87, 61, 52) !important;
}
.bdc-brown-600,
.bdcH-brown-600:hover {
    border-color: rgb(127, 89, 76) !important;
}
.fill-brown-600,
.fillH-brown-600:hover {
    fill: rgb(197, 167, 157) !important;
}
.str-brown-600,
.strH-brown-600:hover {
    stroke: rgb(197, 167, 157) !important;
}
.c-brown-700,
.cH-brown-700:hover {
    color: rgb(206, 179, 171) !important;
}
.bgc-brown-700,
.bgcH-brown-700:hover {
    background-color: rgb(74, 51, 44) !important;
}
.bdc-brown-700,
.bdcH-brown-700:hover {
    border-color: rgb(132, 91, 78) !important;
}
.fill-brown-700,
.fillH-brown-700:hover {
    fill: rgb(206, 179, 171) !important;
}
.str-brown-700,
.strH-brown-700:hover {
    stroke: rgb(206, 179, 171) !important;
}
.c-brown-800,
.cH-brown-800:hover {
    color: rgb(214, 190, 185) !important;
}
.bgc-brown-800,
.bgcH-brown-800:hover {
    background-color: rgb(62, 42, 37) !important;
}
.bdc-brown-800,
.bdcH-brown-800:hover {
    border-color: rgb(137, 91, 81) !important;
}
.fill-brown-800,
.fillH-brown-800:hover {
    fill: rgb(214, 190, 185) !important;
}
.str-brown-800,
.strH-brown-800:hover {
    stroke: rgb(214, 190, 185) !important;
}
.c-brown-900,
.cH-brown-900:hover {
    color: rgb(211, 211, 211) !important;
}
.bgc-brown-900,
.bgcH-brown-900:hover {
    background-color: rgb(50, 31, 28) !important;
}
.bdc-brown-900,
.bdcH-brown-900:hover {
    border-color: rgb(113, 113, 113) !important;
}
.fill-brown-900,
.fillH-brown-900:hover {
    fill: rgb(211, 211, 211) !important;
}
.str-brown-900,
.strH-brown-900:hover {
    stroke: rgb(211, 211, 211) !important;
}
.c-grey-50,
.cH-grey-50:hover {
    color: rgb(251, 251, 251) !important;
}
.bgc-grey-50,
.bgcH-grey-50:hover {
    background-color: rgb(27, 29, 30) !important;
}
.bdc-grey-50,
.bdcH-grey-50:hover {
    border-color: rgb(49, 54, 56) !important;
}
.fill-grey-50,
.fillH-grey-50:hover {
    fill: rgb(251, 251, 251) !important;
}
.str-grey-50,
.strH-grey-50:hover {
    stroke: rgb(251, 251, 251) !important;
}
.c-grey-100,
.cH-grey-100:hover {
    color: rgb(246, 246, 246) !important;
}
.bgc-grey-100,
.bgcH-grey-100:hover {
    background-color: rgb(30, 32, 33) !important;
}
.bdc-grey-100,
.bdcH-grey-100:hover {
    border-color: rgb(51, 55, 57) !important;
}
.fill-grey-100,
.fillH-grey-100:hover {
    fill: rgb(246, 246, 246) !important;
}
.str-grey-100,
.strH-grey-100:hover {
    stroke: rgb(246, 246, 246) !important;
}
.c-grey-200,
.cH-grey-200:hover {
    color: rgb(240, 240, 240) !important;
}
.bgc-grey-200,
.bgcH-grey-200:hover {
    background-color: rgb(34, 36, 38) !important;
}
.bdc-grey-200,
.bdcH-grey-200:hover {
    border-color: rgb(53, 57, 59) !important;
}
.fill-grey-200,
.fillH-grey-200:hover {
    fill: rgb(240, 240, 240) !important;
}
.str-grey-200,
.strH-grey-200:hover {
    stroke: rgb(240, 240, 240) !important;
}
.c-grey-300,
.cH-grey-300:hover {
    color: rgb(227, 227, 227) !important;
}
.bgc-grey-300,
.bgcH-grey-300:hover {
    background-color: rgb(42, 45, 47) !important;
}
.bdc-grey-300,
.bdcH-grey-300:hover {
    border-color: rgb(57, 61, 64) !important;
}
.fill-grey-300,
.fillH-grey-300:hover {
    fill: rgb(227, 227, 227) !important;
}
.str-grey-300,
.strH-grey-300:hover {
    stroke: rgb(227, 227, 227) !important;
}
.c-grey-400,
.cH-grey-400:hover {
    color: rgb(196, 196, 196) !important;
}
.bgc-grey-400,
.bgcH-grey-400:hover {
    background-color: rgb(61, 66, 69) !important;
}
.bdc-grey-400,
.bdcH-grey-400:hover {
    border-color: rgb(67, 72, 75) !important;
}
.fill-grey-400,
.fillH-grey-400:hover {
    fill: rgb(196, 196, 196) !important;
}
.str-grey-400,
.strH-grey-400:hover {
    stroke: rgb(196, 196, 196) !important;
}
.c-grey-500,
.cH-grey-500:hover {
    color: rgb(168, 168, 168) !important;
}
.bgc-grey-500,
.bgcH-grey-500:hover {
    background-color: rgb(79, 85, 89) !important;
}
.bdc-grey-500,
.bdcH-grey-500:hover {
    border-color: rgb(75, 82, 85) !important;
}
.fill-grey-500,
.fillH-grey-500:hover {
    fill: rgb(168, 168, 168) !important;
}
.str-grey-500,
.strH-grey-500:hover {
    stroke: rgb(168, 168, 168) !important;
}
.c-grey-600,
.cH-grey-600:hover {
    color: rgb(150, 150, 150) !important;
}
.bgc-grey-600,
.bgcH-grey-600:hover {
    background-color: rgb(88, 95, 99) !important;
}
.bdc-grey-600,
.bdcH-grey-600:hover {
    border-color: rgb(92, 92, 92) !important;
}
.fill-grey-600,
.fillH-grey-600:hover {
    fill: rgb(150, 150, 150) !important;
}
.str-grey-600,
.strH-grey-600:hover {
    stroke: rgb(150, 150, 150) !important;
}
.c-grey-700,
.cH-grey-700:hover {
    color: rgb(168, 168, 168) !important;
}
.bgc-grey-700,
.bgcH-grey-700:hover {
    background-color: rgb(73, 79, 82) !important;
}
.bdc-grey-700,
.bdcH-grey-700:hover {
    border-color: rgb(98, 98, 98) !important;
}
.fill-grey-700,
.fillH-grey-700:hover {
    fill: rgb(168, 168, 168) !important;
}
.str-grey-700,
.strH-grey-700:hover {
    stroke: rgb(168, 168, 168) !important;
}
.c-grey-800,
.cH-grey-800:hover {
    color: rgb(196, 196, 196) !important;
}
.bgc-grey-800,
.bgcH-grey-800:hover {
    background-color: rgb(50, 54, 56) !important;
}
.bdc-grey-800,
.bdcH-grey-800:hover {
    border-color: rgb(108, 108, 108) !important;
}
.fill-grey-800,
.fillH-grey-800:hover {
    fill: rgb(196, 196, 196) !important;
}
.str-grey-800,
.strH-grey-800:hover {
    stroke: rgb(196, 196, 196) !important;
}
.c-grey-900,
.cH-grey-900:hover {
    color: rgb(225, 225, 225) !important;
}
.bgc-grey-900,
.bgcH-grey-900:hover {
    background-color: rgb(25, 27, 28) !important;
}
.bdc-grey-900,
.bdcH-grey-900:hover {
    border-color: rgb(118, 118, 118) !important;
}
.fill-grey-900,
.fillH-grey-900:hover {
    fill: rgb(225, 225, 225) !important;
}
.str-grey-900,
.strH-grey-900:hover {
    stroke: rgb(225, 225, 225) !important;
}
.c-blue-grey-50,
.cH-blue-grey-50:hover {
    color: rgb(240, 240, 240) !important;
}
.bgc-blue-grey-50,
.bgcH-blue-grey-50:hover {
    background-color: rgb(33, 36, 37) !important;
}
.bdc-blue-grey-50,
.bdcH-blue-grey-50:hover {
    border-color: rgb(53, 57, 59) !important;
}
.fill-blue-grey-50,
.fillH-blue-grey-50:hover {
    fill: rgb(240, 240, 240) !important;
}
.str-blue-grey-50,
.strH-blue-grey-50:hover {
    stroke: rgb(240, 240, 240) !important;
}
.c-blue-grey-100,
.cH-blue-grey-100:hover {
    color: rgb(218, 218, 218) !important;
}
.bgc-blue-grey-100,
.bgcH-blue-grey-100:hover {
    background-color: rgb(43, 53, 58) !important;
}
.bdc-blue-grey-100,
.bdcH-blue-grey-100:hover {
    border-color: rgb(60, 65, 67) !important;
}
.fill-blue-grey-100,
.fillH-blue-grey-100:hover {
    fill: rgb(218, 218, 218) !important;
}
.str-blue-grey-100,
.strH-blue-grey-100:hover {
    stroke: rgb(218, 218, 218) !important;
}
.c-blue-grey-200,
.cH-blue-grey-200:hover {
    color: rgb(193, 193, 193) !important;
}
.bgc-blue-grey-200,
.bgcH-blue-grey-200:hover {
    background-color: rgb(56, 70, 77) !important;
}
.bdc-blue-grey-200,
.bdcH-blue-grey-200:hover {
    border-color: rgb(67, 73, 76) !important;
}
.fill-blue-grey-200,
.fillH-blue-grey-200:hover {
    fill: rgb(193, 193, 193) !important;
}
.str-blue-grey-200,
.strH-blue-grey-200:hover {
    stroke: rgb(193, 193, 193) !important;
}
.c-blue-grey-300,
.cH-blue-grey-300:hover {
    color: rgb(169, 169, 169) !important;
}
.bgc-blue-grey-300,
.bgcH-blue-grey-300:hover {
    background-color: rgb(70, 87, 96) !important;
}
.bdc-blue-grey-300,
.bdcH-blue-grey-300:hover {
    border-color: rgb(75, 81, 84) !important;
}
.fill-blue-grey-300,
.fillH-blue-grey-300:hover {
    fill: rgb(169, 169, 169) !important;
}
.str-blue-grey-300,
.strH-blue-grey-300:hover {
    stroke: rgb(169, 169, 169) !important;
}
.c-blue-grey-400,
.cH-blue-grey-400:hover {
    color: rgb(150, 150, 150) !important;
}
.bgc-blue-grey-400,
.bgcH-blue-grey-400:hover {
    background-color: rgb(81, 101, 110) !important;
}
.bdc-blue-grey-400,
.bdcH-blue-grey-400:hover {
    border-color: rgb(81, 88, 91) !important;
}
.fill-blue-grey-400,
.fillH-blue-grey-400:hover {
    fill: rgb(150, 150, 150) !important;
}
.str-blue-grey-400,
.strH-blue-grey-400:hover {
    stroke: rgb(150, 150, 150) !important;
}
.c-blue-grey-500,
.cH-blue-grey-500:hover {
    color: rgb(149, 149, 149) !important;
}
.bgc-blue-grey-500,
.bgcH-blue-grey-500:hover {
    background-color: rgb(77, 100, 111) !important;
}
.bdc-blue-grey-500,
.bdcH-blue-grey-500:hover {
    border-color: rgb(92, 92, 92) !important;
}
.fill-blue-grey-500,
.fillH-blue-grey-500:hover {
    fill: rgb(149, 149, 149) !important;
}
.str-blue-grey-500,
.strH-blue-grey-500:hover {
    stroke: rgb(149, 149, 149) !important;
}
.c-blue-grey-600,
.cH-blue-grey-600:hover {
    color: rgb(162, 162, 162) !important;
}
.bgc-blue-grey-600,
.bgcH-blue-grey-600:hover {
    background-color: rgb(67, 88, 98) !important;
}
.bdc-blue-grey-600,
.bdcH-blue-grey-600:hover {
    border-color: rgb(97, 97, 97) !important;
}
.fill-blue-grey-600,
.fillH-blue-grey-600:hover {
    fill: rgb(162, 162, 162) !important;
}
.str-blue-grey-600,
.strH-blue-grey-600:hover {
    stroke: rgb(162, 162, 162) !important;
}
.c-blue-grey-700,
.cH-blue-grey-700:hover {
    color: rgb(179, 179, 179) !important;
}
.bgc-blue-grey-700,
.bgcH-blue-grey-700:hover {
    background-color: rgb(55, 72, 80) !important;
}
.bdc-blue-grey-700,
.bdcH-blue-grey-700:hover {
    border-color: rgb(102, 102, 102) !important;
}
.fill-blue-grey-700,
.fillH-blue-grey-700:hover {
    fill: rgb(179, 179, 179) !important;
}
.str-blue-grey-700,
.strH-blue-grey-700:hover {
    stroke: rgb(179, 179, 179) !important;
}
.c-blue-grey-800,
.cH-blue-grey-800:hover {
    color: rgb(195, 195, 195) !important;
}
.bgc-blue-grey-800,
.bgcH-blue-grey-800:hover {
    background-color: rgb(44, 57, 63) !important;
}
.bdc-blue-grey-800,
.bdcH-blue-grey-800:hover {
    border-color: rgb(107, 107, 107) !important;
}
.fill-blue-grey-800,
.fillH-blue-grey-800:hover {
    fill: rgb(195, 195, 195) !important;
}
.str-blue-grey-800,
.strH-blue-grey-800:hover {
    stroke: rgb(195, 195, 195) !important;
}
.c-blue-grey-900,
.cH-blue-grey-900:hover {
    color: rgb(213, 213, 213) !important;
}
.bgc-blue-grey-900,
.bgcH-blue-grey-900:hover {
    background-color: rgb(30, 40, 45) !important;
}
.bdc-blue-grey-900,
.bdcH-blue-grey-900:hover {
    border-color: rgb(113, 113, 113) !important;
}
.fill-blue-grey-900,
.fillH-blue-grey-900:hover {
    fill: rgb(213, 213, 213) !important;
}
.str-blue-grey-900,
.strH-blue-grey-900:hover {
    stroke: rgb(213, 213, 213) !important;
}
.c-grey-100,
.cH-grey-100:hover {
    color: rgb(251, 251, 251) !important;
}
.bgc-grey-100,
.bgcH-grey-100:hover {
    background-color: rgb(27, 29, 30) !important;
}
.bdc-grey-100,
.bdcH-grey-100:hover {
    border-color: rgb(49, 54, 56) !important;
}
.fill-grey-100,
.fillH-grey-100:hover {
    fill: rgb(251, 251, 251) !important;
}
.str-grey-100,
.strH-grey-100:hover {
    stroke: rgb(251, 251, 251) !important;
}
.c-grey-200,
.cH-grey-200:hover {
    color: rgb(245, 245, 245) !important;
}
.bgc-grey-200,
.bgcH-grey-200:hover {
    background-color: rgb(30, 33, 34) !important;
}
.bdc-grey-200,
.bdcH-grey-200:hover {
    border-color: rgb(51, 56, 58) !important;
}
.fill-grey-200,
.fillH-grey-200:hover {
    fill: rgb(245, 245, 245) !important;
}
.str-grey-200,
.strH-grey-200:hover {
    stroke: rgb(245, 245, 245) !important;
}
.c-grey-300,
.cH-grey-300:hover {
    color: rgb(233, 237, 242) !important;
}
.bgc-grey-300,
.bgcH-grey-300:hover {
    background-color: rgb(35, 38, 40) !important;
}
.bdc-grey-300,
.bdcH-grey-300:hover {
    border-color: rgb(43, 54, 71) !important;
}
.fill-grey-300,
.fillH-grey-300:hover {
    fill: rgb(233, 237, 242) !important;
}
.str-grey-300,
.strH-grey-300:hover {
    stroke: rgb(233, 237, 242) !important;
}
.c-grey-400,
.cH-grey-400:hover {
    color: rgb(223, 223, 223) !important;
}
.bgc-grey-400,
.bgcH-grey-400:hover {
    background-color: rgb(44, 48, 50) !important;
}
.bdc-grey-400,
.bdcH-grey-400:hover {
    border-color: rgb(58, 63, 65) !important;
}
.fill-grey-400,
.fillH-grey-400:hover {
    fill: rgb(223, 223, 223) !important;
}
.str-grey-400,
.strH-grey-400:hover {
    stroke: rgb(223, 223, 223) !important;
}
.c-grey-500,
.cH-grey-500:hover {
    color: rgb(202, 202, 202) !important;
}
.bgc-grey-500,
.bgcH-grey-500:hover {
    background-color: rgb(49, 58, 73) !important;
}
.bdc-grey-500,
.bdcH-grey-500:hover {
    border-color: rgb(65, 70, 73) !important;
}
.fill-grey-500,
.fillH-grey-500:hover {
    fill: rgb(202, 202, 202) !important;
}
.str-grey-500,
.strH-grey-500:hover {
    stroke: rgb(202, 202, 202) !important;
}
.c-grey-600,
.cH-grey-600:hover {
    color: rgb(148, 148, 148) !important;
}
.bgc-grey-600,
.bgcH-grey-600:hover {
    background-color: rgb(91, 98, 102) !important;
}
.bdc-grey-600,
.bdcH-grey-600:hover {
    border-color: rgb(81, 88, 92) !important;
}
.fill-grey-600,
.fillH-grey-600:hover {
    fill: rgb(148, 148, 148) !important;
}
.str-grey-600,
.strH-grey-600:hover {
    stroke: rgb(148, 148, 148) !important;
}
.c-grey-700,
.cH-grey-700:hover {
    color: rgb(149, 149, 149) !important;
}
.bgc-grey-700,
.bgcH-grey-700:hover {
    background-color: rgb(89, 96, 100) !important;
}
.bdc-grey-700,
.bdcH-grey-700:hover {
    border-color: rgb(92, 92, 92) !important;
}
.fill-grey-700,
.fillH-grey-700:hover {
    fill: rgb(149, 149, 149) !important;
}
.str-grey-700,
.strH-grey-700:hover {
    stroke: rgb(149, 149, 149) !important;
}
.c-grey-800,
.cH-grey-800:hover {
    color: rgb(175, 175, 175) !important;
}
.bgc-grey-800,
.bgcH-grey-800:hover {
    background-color: rgb(67, 73, 75) !important;
}
.bdc-grey-800,
.bdcH-grey-800:hover {
    border-color: rgb(101, 101, 101) !important;
}
.fill-grey-800,
.fillH-grey-800:hover {
    fill: rgb(175, 175, 175) !important;
}
.str-grey-800,
.strH-grey-800:hover {
    stroke: rgb(175, 175, 175) !important;
}
.c-grey-900,
.cH-grey-900:hover {
    color: rgb(209, 209, 209) !important;
}
.bgc-grey-900,
.bgcH-grey-900:hover {
    background-color: rgb(38, 42, 43) !important;
}
.bdc-grey-900,
.bdcH-grey-900:hover {
    border-color: rgb(112, 112, 112) !important;
}
.fill-grey-900,
.fillH-grey-900:hover {
    fill: rgb(209, 209, 209) !important;
}
.str-grey-900,
.strH-grey-900:hover {
    stroke: rgb(209, 209, 209) !important;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    background-color: transparent;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: rgb(34, 36, 38);
}
.ps__thumb-x {
    background-color: rgb(72, 78, 81);
}
.ps__thumb-y {
    background-color: rgb(72, 78, 81);
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: rgb(82, 88, 92);
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgb(82, 88, 92);
}
.fa-border {
    border-color: rgb(53, 57, 59);
}
.fa-inverse {
    color: rgb(255, 255, 255);
}
.sr-only {
    border-color: initial;
}
table.dataTable.no-footer {
    border-bottom-color: rgba(128, 128, 128, 0.06);
}
.sorting_asc:focus {
    outline-color: initial;
}
.dataTables_wrapper .dataTables_length {
    color: rgb(209, 209, 209);
}
.dataTables_wrapper .dataTables_length select {
    border-color: rgba(128, 128, 128, 0.06);
    box-shadow: none;
    color: rgb(149, 149, 149);
}
.dataTables_wrapper .dataTables_filter {
    color: rgb(209, 209, 209);
}
.dataTables_wrapper .dataTables_filter input {
    border-color: rgba(128, 128, 128, 0.06);
    box-shadow: none;
    color: rgb(149, 149, 149);
}
.dataTables_wrapper .dataTables_info {
    color: rgb(149, 149, 149);
}
.dataTables_wrapper .dataTables_processing {
    color: rgb(209, 209, 209);
}
.dataTables_wrapper .dataTables_paginate {
    color: rgb(149, 149, 149);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    text-decoration-color: initial;
    color: rgb(149, 149, 149) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    text-decoration-color: initial;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.first:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.last:focus {
    color: rgb(255, 255, 255) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-image: initial;

    color: rgb(255, 255, 255) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-image: initial;

    color: rgb(255, 255, 255) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-image: initial;

    color: rgb(255, 255, 255) !important;
}
.fc {
    background-color: rgb(24, 26, 27);
    border-color: rgba(128, 128, 128, 0.06);
}
.fc th {
    background-color: transparent;
    color: rgb(149, 149, 149);
}
.fc button {
    background-color: rgb(24, 26, 27);
    background-image: none;
    color: rgb(172, 172, 172);
}
.fc button.fc-state-default {
    border-color: rgba(128, 128, 128, 0.06);
    box-shadow: none;
}
.fc button.fc-state-active {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.06);
}
.fc-view,
.fc-view > table {
    background-color: rgb(24, 26, 27);
}
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: rgba(128, 128, 128, 0.06);
}
.fc-unthemed .fc-today {
    background-color: transparent;
}
.fc-basic-view .fc-day-number.fc-today {
    background-color: rgb(12, 123, 190);
    color: rgb(255, 255, 255);
}
.fc-event-container .fc-event {
    border-color: initial;
    background-color: rgb(32, 35, 36);
    color: rgb(41, 166, 242) !important;
}
.datepicker {
    box-shadow: none;
    border-color: rgba(128, 128, 128, 0.06);
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    color: rgb(255, 255, 255);

    border-color: transparent;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background-image: initial;

    color: rgb(255, 255, 255);
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background-image: initial;

    color: rgb(255, 255, 255);
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background-image: initial;

    color: rgb(255, 255, 255);
}
.daterangepicker {
    box-shadow: none;
    border-color: rgba(128, 128, 128, 0.06);
}
.daterangepicker .input-mini.active {
    border-color: rgb(9, 90, 140);
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-image: initial;

    color: rgb(255, 255, 255);
}
.daterangepicker td.in-range {
    background-color: transparent;
    color: rgb(130, 167, 233);
}
.daterangepicker td.active {

    border-color: transparent;
    color: rgb(255, 255, 255);
}
.daterangepicker td.active:hover {

    border-color: transparent;
    color: rgb(255, 255, 255);
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    border-color: rgba(128, 128, 128, 0.06);
}
.fc-unselectable {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.fc a[data-navlink]:hover {
    text-decoration-color: initial;
}
.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid var(--darkreader-border--fc-border-color, #e0e0e0);
}
.fc .fc-button:focus {
    outline-color: rgb(186, 123, 0);
}
.fc .fc-button {
    background-color: transparent;
    border-color: transparent;
}
.fc .fc-button:hover {
    text-decoration-color: initial;
}
.fc .fc-button:focus {
    outline-color: initial;
    box-shadow: rgba(35, 50, 64, 0.25) 0px 0px 0px 0.2rem;
}
.fc .fc-button-primary {
    color: var(--darkreader-text--fc-button-text-color, #ffffff);
    background-color: var(--darkreader-bg--fc-button-bg-color, #233240);
    border-color: var(--darkreader-border--fc-button-border-color, #bfcfdc);
}
.fc .fc-button-primary:hover {
    color: var(--darkreader-text--fc-button-text-color, #ffffff);
    background-color: var(--darkreader-bg--fc-button-hover-bg-color, #18222c);
    border-color: var(--darkreader-border--fc-button-hover-border-color, #dedede);
}
.fc .fc-button-primary:disabled {
    color: var(--darkreader-text--fc-button-text-color, #ffffff);
    background-color: var(--darkreader-bg--fc-button-bg-color, #233240);
    border-color: var(--darkreader-border--fc-button-border-color, #bfcfdc);
}
.fc .fc-button-primary:focus {
    box-shadow: rgba(61, 73, 85, 0.5) 0px 0px 0px 0.2rem;
}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
    color: var(--darkreader-text--fc-button-text-color, #ffffff);
    background-color: var(--darkreader-bg--fc-button-active-bg-color, #151e26);
    border-color: var(--darkreader-border--fc-button-active-border-color, #e4e4e4);
}
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: rgba(61, 73, 85, 0.5) 0px 0px 0px 0.2rem;
}
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid var(--darkreader-border--fc-border-color, #e0e0e0);
}
.fc .fc-scrollgrid-section-sticky > * {
    background: var(--darkreader-bg--fc-page-bg-color, #181a1b);
}
.fc .fc-non-business {
    background: var(--fc-non-business-color,
    rgba(215, 215, 215, 0.3));
}
.fc .fc-bg-event {
    background: var(--fc-bg-event-color,
    rgb(143, 223, 130));
}
.fc .fc-highlight {
    background: var(--fc-highlight-color,
    rgba(188, 232, 241, 0.3));
}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
    background: var(--darkreader-bg--fc-neutral-bg-color,
    rgba(51, 55, 57, 0.3));
}
a.fc-event,
a.fc-event:hover {
    text-decoration-color: initial;
}
.fc-event-dragging.fc-event-selected {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 7px;
}
.fc-event-selected .fc-event-resizer {
    border-color: inherit;
    background: var(--darkreader-bg--fc-page-bg-color, #181a1b) ;
}
.fc-event-selected {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
}
.fc-event-selected::after {
    background: var(--fc-event-selected-overlay-color,
    rgba(0, 0, 0, 0.25));
}
.fc-h-event {
    background-color: var(--darkreader-bg--fc-event-bg-color, #2062a3);
    border: 1px solid var(--darkreader-border--fc-event-border-color, #4b9bdc);
}
.fc-h-event .fc-event-main {
    color: var(--darkreader-text--fc-event-text-color, #ffffff);
}
.fc .fc-popover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;
}
.fc-theme-standard .fc-popover {
    background: var(--darkreader-bg--fc-page-bg-color, #181a1b);
    border: 1px solid var(--darkreader-border--fc-border-color, #e0e0e0);
}
.fc-theme-standard .fc-popover-header {
    background: var(--darkreader-bg--fc-neutral-bg-color,
    rgba(51, 55, 57, 0.3));
}
:root {
    --darkreader-border--fc-daygrid-event-dot-width: 8px;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--darkreader-bg--fc-today-bg-color,
    rgba(180, 151, 0, 0.15));
}
.fc .fc-daygrid-week-number {
    background-color: var(--darkreader-bg--fc-neutral-bg-color,
    rgba(51, 55, 57, 0.3));
    color: var(--darkreader-text--fc-neutral-text-color, #8d8d8d);
}
.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
    background-image: initial;
    background-color: rgba(0, 0, 0, 0.1);
}
.fc-daygrid-event-dot {
    border: calc(var(--darkreader-border--fc-daygrid-event-dot-width, 8px) / 2) solid var(--darkreader-border--fc-event-border-color, #4b9bdc);
}
.fc-v-event {
    background-color: var(--darkreader-bg--fc-event-bg-color, #2062a3);
    border: 1px solid var(--darkreader-border--fc-event-border-color, #4b9bdc);
}
.fc-v-event .fc-event-main {
    color: var(--darkreader-text--fc-event-text-color, #ffffff);
}
.fc .fc-timegrid-slot {
    border-bottom-color: initial;
}
.fc .fc-timegrid-col.fc-day-today {
    background-color: var(--darkreader-bg--fc-today-bg-color,
    rgba(180, 151, 0, 0.15));
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
    box-shadow: 0px 0px 0px 1px var(--darkreader-bg--fc-page-bg-color, #181a1b);
}
.fc-timegrid-more-link {
    color: var(--darkreader-text--fc-more-link-text-color, inherit);
    background: var(--fc-more-link-bg-color, #d0d0d0);
}
.fc .fc-timegrid-now-indicator-line {
    border-color: var(--darkreader-border--fc-now-indicator-color, #ff1a1a);
}
.fc .fc-timegrid-now-indicator-arrow {
    border-color: var(--darkreader-border--fc-now-indicator-color, #ff1a1a);
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    border-top-color: transparent;
    border-bottom-color: transparent;
}
:root {
    --darkreader-border--fc-list-event-dot-width: 10px;
    --darkreader-bg--fc-list-event-hover-bg-color: #1e2021;
}
.fc-theme-standard .fc-list {
    border: 1px solid var(--darkreader-border--fc-border-color, #e0e0e0);
}
.fc .fc-list-empty {
    background-color: var(--darkreader-bg--fc-neutral-bg-color,
    rgba(51, 55, 57, 0.3));
}
.fc .fc-list-table tr > * {
    border-left-color: initial;
    border-right-color: initial;
}
.fc .fc-list-sticky .fc-list-day > * {
    background: var(--darkreader-bg--fc-page-bg-color, #181a1b);
}
.fc-theme-standard .fc-list-day-cushion {
    background-color: var(--darkreader-bg--fc-neutral-bg-color,
    rgba(51, 55, 57, 0.3));
}
.fc .fc-list-event:hover td {
    background-color: var(--darkreader-bg--fc-list-event-hover-bg-color, #1e2021);
}
.fc .fc-list-event-dot {
    border: calc(var(--darkreader-border--fc-list-event-dot-width, 10px) / 2) solid var(--darkreader-border--fc-event-border-color, #4b9bdc);
}
.fc .fc-list-event-title a {
    color: inherit;
    text-decoration-color: initial;
}
.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration-color: initial;
}
.jvectormap-tip {
    border-color: rgb(62, 67, 70);
    background-image: initial;
    background-color: rgb(31, 33, 35);
    color: rgb(255, 255, 255);
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
    background-image: initial;
    background-color: rgb(31, 33, 35);
    color: rgb(255, 255, 255);
}
.jvectormap-spinner {
    background-image: url("data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==");
    background-color: initial;
}
.jvectormap-legend {
    background-image: initial;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}
.datepicker-dropdown::before {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: initial;
    border-bottom-color: rgba(128, 128, 128, 0.2);
}
.datepicker-dropdown::after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: rgb(48, 52, 54);
    border-top-color: initial;
}
.datepicker-dropdown.datepicker-orient-top::before {
    border-bottom-color: initial;
    border-top-color: rgb(77, 83, 86);
}
.datepicker-dropdown.datepicker-orient-top::after {
    border-bottom-color: initial;
    border-top-color: rgb(48, 52, 54);
}
.datepicker td,
.datepicker th {
    border-color: initial;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background-image: initial;
    background-color: rgb(34, 36, 38);
}
.datepicker table tr td.new,
.datepicker table tr td.old {
    color: rgb(163, 163, 163);
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background-image: initial;
    background-color: initial;
    color: rgb(163, 163, 163);
}
.datepicker table tr td.highlighted {
    background-image: initial;
    background-color: rgb(14, 48, 65);
}
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: rgb(111, 80, 2);
    background-image: linear-gradient(rgb(111, 66, 2),
    rgb(111, 102, 2));
    border-color: rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.25);
    color: rgb(255, 255, 255);
}
.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: rgb(111, 102, 2);
}
.datepicker table tr td.today:hover:hover {
    color: rgb(255, 255, 255);
}
.datepicker table tr td.today.active:hover {
    color: rgb(255, 255, 255);
}
.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background-image: initial;
    background-color: rgb(34, 36, 38);
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
    background-color: rgb(127, 94, 11);
    background-image: linear-gradient(rgb(127, 79, 11),
    rgb(127, 117, 11));
    border-color: rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.25);
}
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
    background-color: rgb(127, 117, 11);
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color: rgb(79, 85, 89);
    background-image: linear-gradient(rgb(67, 72, 75),
    rgb(96, 104, 108));
    border-color: rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.25);
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
}
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
    background-color: rgb(96, 104, 108);
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: rgb(0, 87, 163);
    background-image: linear-gradient(rgb(0, 109, 163),
    rgb(0, 54, 163));
    border-color: rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.25);
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: rgb(0, 54, 163);
}
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background-image: initial;
    background-color: rgb(34, 36, 38);
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background-image: initial;
    background-color: initial;
    color: rgb(163, 163, 163);
}
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: rgb(0, 87, 163);
    background-image: linear-gradient(rgb(0, 109, 163),
    rgb(0, 54, 163));
    border-color: rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.1) rgba(128, 128, 128, 0.25);
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: rgb(0, 54, 163);
}
.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: rgb(163, 163, 163);
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background-image: initial;
    background-color: rgb(34, 36, 38);
}
.input-daterange .add-on {
    text-shadow: rgb(24, 26, 27) 0px 1px 0px;
    background-color: rgb(34, 36, 38);
    border-color: rgb(62, 68, 70);
}
.jqstooltip {
    background-color: rgba(0, 0, 0, 0.6);
    color: rgb(255, 255, 255);
    border-color: rgb(48, 52, 54);
}
.jqsfield {
    color: rgb(255, 255, 255);
}

/* Override Style */
.vimvixen-hint {
    background-color: #7b5300 !important;
    border-color: #d8b013 !important;
    color: #f3e8c8 !important;
}
::placeholder {
    opacity: 0.5 !important;
}
a[href="https://coinmarketcap.com/"] > svg[width="94"][height="16"] > path {
    fill: var(--darkreader-neutral-text) !important;
}
#edge-translate-panel-body {
    color: var(--darkreader-neutral-text) !important;
}
gr-main-header {
    background-color: #0f3a48 !important;
}
embed[type="application/pdf"] { filter: invert(100%) contrast(90%); }