body {
    color: #343a40;
     background-color: #f5f5f5;
}
 a {
    color: #0173d5;
}
 a.link-fx::before {
    background-color: #0173d5;
}
 a:hover {
    color: #711319;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #212529;
}
 .content-heading {
    border-bottom-color: #ebebeb;
}
 hr {
    border-top-color: #ebebeb;
}
 .text-primary {
    color: white !important;
}
 a.text-primary.link-fx::before {
    background-color: #0173d5 !important;
}
 a.text-primary:hover, a.text-primary:focus {
    color: #9d1a23 !important;
}
 .text-primary-dark {
    color: #9d1a23 !important;
}
 a.text-primary-dark.link-fx::before {
    background-color: #9d1a23 !important;
}
 a.text-primary-dark:hover, a.text-primary-dark:focus {
    color: #711319 !important;
}
 .text-primary-darker {
    color: #711319 !important;
}
 a.text-primary-darker.link-fx::before {
    background-color: #711319 !important;
}
 a.text-primary-darker:hover, a.text-primary-darker:focus {
    color: #460b10 !important;
}
 .text-primary-light {
    color: #e3545e !important;
}
 a.text-primary-light.link-fx::before {
    background-color: #e3545e !important;
}
 a.text-primary-light:hover, a.text-primary-light:focus {
    color: #dc2835 !important;
}
 .text-primary-lighter {
    color: #f1abb0 !important;
}
 a.text-primary-lighter.link-fx::before {
    background-color: #f1abb0 !important;
}
 a.text-primary-lighter:hover, a.text-primary-lighter:focus {
    color: #ea7f87 !important;
}
 .text-body-bg {
    color: #f5f5f5 !important;
}
 a.text-body-bg.link-fx::before {
    background-color: #f5f5f5 !important;
}
 a.text-body-bg:hover, a.text-body-bg:focus {
    color: gainsboro !important;
}
 .text-body-bg-light {
    color: #fafafa !important;
}
 a.text-body-bg-light.link-fx::before {
    background-color: #fafafa !important;
}
 a.text-body-bg-light:hover, a.text-body-bg-light:focus {
    color: #e1e1e1 !important;
}
 .text-body-bg-dark {
    color: #ebebeb !important;
}
 a.text-body-bg-dark.link-fx::before {
    background-color: #ebebeb !important;
}
 a.text-body-bg-dark:hover, a.text-body-bg-dark:focus {
    color: #d1d1d1 !important;
}
 .text-body-color {
    color: #343a40 !important;
}
 a.text-body-color.link-fx::before {
    background-color: #343a40 !important;
}
 a.text-body-color:hover, a.text-body-color:focus {
    color: #1d2124 !important;
}
 .text-body-color-dark {
    color: #212529 !important;
}
 a.text-body-color-dark.link-fx::before {
    background-color: #212529 !important;
}
 a.text-body-color-dark:hover, a.text-body-color-dark:focus {
    color: #0a0c0d !important;
}
 .text-body-color-light {
    color: #ebebeb !important;
}
 a.text-body-color-light.link-fx::before {
    background-color: #ebebeb !important;
}
 a.text-body-color-light:hover, a.text-body-color-light:focus {
    color: #d1d1d1 !important;
}
 .text-dual {
    color: #9d1a23 !important;
}
 a.text-dual.link-fx::before {
    background-color: #9d1a23 !important;
}
 a.text-dual:hover, a.text-dual:focus {
    color: #711319 !important;
}
 .page-header-dark #page-header .text-dual, .sidebar-dark #sidebar .text-dual {
    color: #ebebeb !important;
}
 .page-header-dark #page-header a.text-dual.link-fx::before, .sidebar-dark #sidebar a.text-dual.link-fx::before {
    background-color: #ebebeb !important;
}
 .page-header-dark #page-header a.text-dual:hover, .page-header-dark #page-header a.text-dual:focus, .sidebar-dark #sidebar a.text-dual:hover, .sidebar-dark #sidebar a.text-dual:focus {
    color: #d1d1d1 !important;
}
 .bg-primary {
    background-color: #0173d5 !important;
}
 a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #9d1a23 !important;
}
 .bg-primary-op {
    background-color: rgba(201, 33, 45, 0.75) !important;
}
 a.bg-primary-op:hover, a.bg-primary-op:focus, button.bg-primary-op:hover, button.bg-primary-op:focus {
    background-color: rgba(157, 26, 35, 0.75) !important;
}
 .bg-primary-dark {
    background-color: #9d1a23 !important;
}
 a.bg-primary-dark:hover, a.bg-primary-dark:focus, button.bg-primary-dark:hover, button.bg-primary-dark:focus {
    background-color: #711319 !important;
}
 .bg-primary-dark-op {
    background-color: rgba(157, 26, 35, 0.8) !important;
}
 a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus, button.bg-primary-dark-op:hover, button.bg-primary-dark-op:focus {
    background-color: rgba(113, 19, 25, 0.8) !important;
}
 .bg-primary-darker {
    background-color: #711319 !important;
}
 a.bg-primary-darker:hover, a.bg-primary-darker:focus, button.bg-primary-darker:hover, button.bg-primary-darker:focus {
    background-color: #460b10 !important;
}
 .bg-primary-light {
    background-color: #e3545e !important;
}
 a.bg-primary-light:hover, a.bg-primary-light:focus, button.bg-primary-light:hover, button.bg-primary-light:focus {
    background-color: #dc2835 !important;
}
 .bg-primary-lighter {
    background-color: #f1abb0 !important;
}
 a.bg-primary-lighter:hover, a.bg-primary-lighter:focus, button.bg-primary-lighter:hover, button.bg-primary-lighter:focus {
    background-color: #ea7f87 !important;
}
 .bg-body {
    background-color: #f5f5f5 !important;
}
 a.bg-body:hover, a.bg-body:focus, button.bg-body:hover, button.bg-body:focus {
    background-color: gainsboro !important;
}
 .bg-body-light {
    background-color: #fafafa !important;
}
 a.bg-body-light:hover, a.bg-body-light:focus, button.bg-body-light:hover, button.bg-body-light:focus {
    background-color: #e1e1e1 !important;
}
 .bg-body-dark {
    background-color: #ebebeb !important;
}
 a.bg-body-dark:hover, a.bg-body-dark:focus, button.bg-body-dark:hover, button.bg-body-dark:focus {
    background-color: #d1d1d1 !important;
}
 .bg-header-light {
    background-color: #fff !important;
}
 a.bg-header-light:hover, a.bg-header-light:focus, button.bg-header-light:hover, button.bg-header-light:focus {
    background-color: #e6e6e6 !important;
}
 .bg-header-dark {
    background-color: #0173d5 !important;
}
 a.bg-header-dark:hover, a.bg-header-dark:focus, button.bg-header-dark:hover, button.bg-header-dark:focus {
    background-color: #89171f !important;
}
 .bg-sidebar-light {
    background-color: #fff !important;
}
 a.bg-sidebar-light:hover, a.bg-sidebar-light:focus, button.bg-sidebar-light:hover, button.bg-sidebar-light:focus {
    background-color: #e6e6e6 !important;
}
 .bg-sidebar-dark {
    background-color:var(--color-1) !important;
}
 a.bg-sidebar-dark:hover, a.bg-sidebar-dark:focus, button.bg-sidebar-dark:hover, button.bg-sidebar-dark:focus {
    background-color: black !important;
}
 .logo-svg-blaze {
    fill: #0173d5;
}
 .logo-svg-historic {
    fill: #0173d5;
}
 .logo-svg-path {
    fill: #0173d5;
}
 .logo-svg-path-2 {
    fill: #0173d5;
}
 .logo-svg-path-3 {
    fill: #0173d5;
}
 .sidebar-logo-svg-blaze {
    fill: white;
}
 .sidebar-logo-svg-historic {
    fill: white;
}
 .sidebar-logo-svg-path {
    fill: white;
}
 .sidebar-logo-svg-path-2 {
    fill: white;
}
 .sidebar-logo-svg-path-3 {
    fill: white;
}
 .toggle-chat-button-styled {
    position: fixed;
     bottom: 20px;
     right: 20px;
     background-color: #0173d5;
     border: none;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     font-size: 18px;
     text-align: center;
     line-height: 60px;
     cursor: pointer;
     z-index: 999;
     transition: all 0.5s ease;
}
 .toggle-chat-button-styled:hover {
    background-color: #df3e49;
     transform: scale(1.1);
}
 .crashes-entries {
    display: flex;
     position: relative;
}
 .crashes-entries .crash-single {
    cursor: pointer;
     background: #e6e6e6;
     margin-right: 5px;
     margin-bottom: 10px;
     border-radius: 4px;
     transition: all 0.5s ease;
     position: relative;
}
 .crashes-entries .crash-single:hover {
    transform: translateY(-2px);
     z-index: 3;
}
 .crashes-entries .crash-single .sm-box:has(.border-gray) {
    background-color: #fff !important;
     color: #000;
}
 .crashes-entries .crash-single .crash-header {
    background: gainsboro;
}
 .crashes-entries .crash-single .crash-fotter {
    background: gainsboro;
     padding: 5px 0px;
     font-size: 15px;
}
 .crashes-entries .entry {
    display: flex;
     position: relative;
     justify-content: center;
}
 .crashes-entries .entry .roulette-tile {
    display: flex;
     align-items: center;
     justify-content: center;
}
 .crashes-entries .entry .roulette-tile .time {
    font-size: 16px;
     margin-top: 5px;
     color: #fff;
}
 .crashes-entries .entry .roulette-tile .sm-box {
    height: 48px;
     width: 70px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2;
     transition: all 0.2s ease-in-out;
}
 .crashes-entries .entry .roulette-tile .sm-box:hover {
    transform: translateY(-2px);
     z-index: 3;
}
 .crashes-entries .entry .roulette-tile .sm-box.good {
    background-color: #0173d5;
}
 .crashes-entries .entry .roulette-tile .sm-box.good .number {
    color: #f1abb0;
}
 .crashes-entries .entry .roulette-tile .sm-box.bad {
    background-color: #525252;
}
 .crashes-entries .entry .roulette-tile .sm-box.bad .number {
    color: #ebebeb;
}
 .crashes-entries .entry .roulette-tile .sm-box.any {
    background-color: #3c90df;
}
 .crashes-entries .entry .roulette-tile .sm-box.any .number {
    color: white;
}
 .crashes-entries .entry .roulette-tile .sm-box .number {
    font-weight: 700;
     font-size: 14px;
     letter-spacing: -0.5px;
     padding: 0;
}
 .entries {
    display: flex;
     position: relative;
}
 .entries .double-single {
    cursor: pointer;
     background: #e6e6e6;
     margin-right: 5px;
     margin-bottom: 10px;
     border-radius: 4px;
     transition: all 0.5s ease;
     position: relative;
}
 .entries .double-single:hover {
    transform: translateY(-2px);
     z-index: 3;
}
 .entries .double-single .sm-box:has(.border-gray) {
    background-color: #fff !important;
     color: #000;
}
 .entries .double-single .double-header {
    background: gainsboro;
}
 .entries .double-single .double-fotter {
    background: gainsboro;
     padding: 5px 0px;
     font-size: 15px;
}
 .entries .entry {
    display: flex;
     position: relative;
     justify-content: center;
}
 .entries .entry .roulette-tile {
    display: flex;
     align-items: center;
     justify-content: center;
}
 .entries .entry .roulette-tile .time {
    font-size: 16px;
     margin-top: 5px;
     color: #000;
}
 .entries .entry .roulette-tile .sm-box {
    height: 48px;
     width: 48px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2;
}
 .entries .entry .roulette-tile .sm-box .zero-img {
    height: 32px;
}
 .entries .entry .roulette-tile .sm-box.red {
    background-color: #0173d5;
}
 .entries .entry .roulette-tile .sm-box.red .number {
    color: #f1abb0;
     border: 2px solid #f1abb0;
}
 .entries .entry .roulette-tile .sm-box.white {
    background-color: #f0f3f8;
}
 .entries .entry .roulette-tile .sm-box.white .number {
    color: #000;
     border: none;
}
 .entries .entry .roulette-tile .sm-box.black {
    background-color: #525252;
}
 .entries .entry .roulette-tile .sm-box.black .number {
    color: #ebebeb;
     border: 2px solid #ebebeb;
}
 .entries .entry .roulette-tile .sm-box.any {
    background-color: #3c90df;
}
 .entries .entry .roulette-tile .sm-box.any .number {
    color: #f1abb0;
     border: 2px solid #f1abb0;
}
 .entries .entry .roulette-tile .sm-box .number {
    font-weight: bold;
     font-size: 13px;
     letter-spacing: -0.5px;
     padding: 0;
     width: 32px;
     height: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: -1px;
     border-radius: 50%
}
 #tabs-select>div>ul>li>a.active {
    color: #000 !important;
}
 #tabs-select>div>ul>li>a.active i {
    color: #0173d5 !important;
     opacity: 1 !important;
}
 #stats::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar, .scrollable-horizontal::-webkit-scrollbar, .color-streaks-scroll::-webkit-scrollbar, .block-overflow::-webkit-scrollbar {
    height: 16px;
}
 #stats::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track, .scrollable-horizontal::-webkit-scrollbar-track, .color-streaks-scroll::-webkit-scrollbar-track, .block-overflow::-webkit-scrollbar-track {
    background: gainsboro;
     border-radius: 8px;
}
 #stats::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb, .scrollable-horizontal::-webkit-scrollbar-thumb, .color-streaks-scroll::-webkit-scrollbar-thumb, .block-overflow::-webkit-scrollbar-thumb {
    background: #0173d5;
     border-radius: 8px;
}
 #stats::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover, .scrollable-horizontal::-webkit-scrollbar-thumb:hover, .color-streaks-scroll::-webkit-scrollbar-thumb:hover, .block-overflow::-webkit-scrollbar-thumb:hover {
    background: #af1d27;
     border-radius: 8px;
}
 #stats .counters-divider, .offcanvas-body .counters-divider, .scrollable-horizontal .counters-divider, .color-streaks-scroll .counters-divider, .block-overflow .counters-divider {
    border-left: 1px solid #ebebeb;
}
 .call-divider .block .block-content {
    overflow-x: auto !important;
}
 .call-divider .block .block-content::-webkit-scrollbar {
    height: 16px;
}
 .call-divider .block .block-content::-webkit-scrollbar-track {
    background: gainsboro;
     border-radius: 8px;
}
 .call-divider .block .block-content::-webkit-scrollbar-thumb {
    background: #0173d5;
     border-radius: 8px;
}
 .call-divider .block .block-content::-webkit-scrollbar-thumb:hover {
    background: #af1d27;
     border-radius: 8px;
}
 .dev {
    color: #000000 !important;
     animation: blink_dev 12s infinite;
}
 .moderator {
    color: #93f773 !important;
     animation: blink_mod 12s infinite;
}
 @keyframes blink_dev {
    20%, 24%, 55% {
        color: #000;
         text-shadow: none;
    }
     0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
         color: #fff6a9;
    }
}
 @keyframes blink_mod {
    20%, 24%, 55% {
        color: #000;
         text-shadow: none;
    }
     0%, 19%, 21%, 25%, 54%, 56%, 100% {
        text-shadow: 0 0 5px #04d47c, 0 0 15px #ccff9e, 0 0 20px #ccff9e, 0 0 40px #ccff9e, 0 0 60px #fb00ff, 0 0 10px #fb00ff, 0 0 98px #fb00ff;
         color: #FFF;
    }
}
 @keyframes neonmoderator {
    0% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #FF9E9E, 0 0 40px #FF9E9E, 0 0 50px #FF9E9E, 0 0 70px #FF9E9E, 0 0 100px #FF9E9E, 0 0 200px #FF9E9E;
    }
     50% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 5px #ffffff, 0 0 15px #ffffff, 0 0 25px #ffffff, 0 0 40px #FF9E9E, 0 0 50px #FF9E9E, 0 0 60px #FF9E9E, 0 0 80px #FF9E9E, 0 0 110px #FF9E9E, 0 0 210px #FF9E9E;
    }
     100% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #FF9E9E, 0 0 40px #FF9E9E, 0 0 50px #FF9E9E, 0 0 70px #FF9E9E, 0 0 100px #FF9E9E, 0 0 200px #FF9E9E;
    }
}
 @keyframes neondev {
    0% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 70px #ffcc00, 0 0 100px #ffcc00, 0 0 200px #ffcc00;
    }
     50% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 5px #ffffff, 0 0 15px #ffffff, 0 0 25px #ffffff, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 60px #ffcc00, 0 0 80px #ffcc00, 0 0 110px #ffcc00, 0 0 210px #ffcc00;
    }
     100% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 70px #ffcc00, 0 0 100px #ffcc00, 0 0 200px #ffcc00;
    }
}
 .bg-gd-primary {
    background: #0173d5 linear-gradient(135deg, #0173d5 0%, #e3545e 100%) !important;
}
 .btn-link {
    color: #0173d5;
}
 .btn-link:hover {
    color: #711319;
}
 .btn-primary {
    color: #fff;
     background-color: #0173d5;
     border-color: #0173d5;
}
 .btn-primary:hover {
    color: #fff;
     background-color: #a11a24;
     border-color: #971922;
}
 .btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
     background-color: #a11a24;
     border-color: #971922;
     box-shadow: 0 0 0 0.25rem rgba(209, 66, 77, 0.5);
}
 .btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
     background-color: #a11a24;
     border-color: #971922;
}
 .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: 0 0 0 0.25rem rgba(209, 66, 77, 0.5);
}
 .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
     background-color: #0173d5;
     border-color: #0173d5;
}
 .btn-outline-primary {
    color: #0173d5;
     border-color: #0173d5;
}
 .btn-outline-primary:hover {
    color: #fff;
     background-color: #0173d5;
     border-color: #0173d5;
}
 .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
    /*box-shadow: 0 0 0 0.25rem rgba(201, 33, 45, 0.5);
    */
}
 .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: #fff;
     background-color: #0173d5;
     border-color: #0173d5;
}
 .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: 0 0 0 0.25rem rgba(201, 33, 45, 0.5);
    */
}
 .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #0173d5;
     background-color: transparent;
}
 .btn-alt-primary {
    color: #79141b;
     background-color: #f2c8cb;
     border-color: #f2c8cb;
}
 .btn-alt-primary:hover {
    color: #500d12;
     background-color: #e49096;
     border-color: #e49096;
}
 .btn-check:focus+.btn-alt-primary, .btn-alt-primary:focus {
    color: #500d12;
     background-color: #e49096;
     border-color: #e49096;
     box-shadow: 0 0 0 0.25rem rgba(224, 173, 177, 0.5);
}
 .btn-check:checked+.btn-alt-primary, .btn-check:active+.btn-alt-primary, .btn-alt-primary:active, .btn-alt-primary.active, .show>.btn-alt-primary.dropdown-toggle {
    color: #000;
     background-color: #f5d3d5;
     border-color: #f3ced0;
}
 .btn-check:checked+.btn-alt-primary:focus, .btn-check:active+.btn-alt-primary:focus, .btn-alt-primary:active:focus, .btn-alt-primary.active:focus, .show>.btn-alt-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(224, 173, 177, 0.5);
}
 .btn-alt-primary:disabled, .btn-alt-primary.disabled {
    color: #000;
     background-color: #f2c8cb;
     border-color: #f2c8cb;
}
 .btn-alt-secondary {
    color: #212529;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
}
 .btn-alt-secondary:hover {
    color: #1c1f23;
     background-color: #dddddd;
     border-color: #dddddd;
}
 .btn-check:focus+.btn-alt-secondary, .btn-alt-secondary:focus {
    color: #1c1f23;
     background-color: #dddddd;
     border-color: #dddddd;
     box-shadow: 0 0 0 0.25rem rgba(213, 214, 214, 0.5);
}
 .btn-check:checked+.btn-alt-secondary, .btn-check:active+.btn-alt-secondary, .btn-alt-secondary:active, .btn-alt-secondary.active, .show>.btn-alt-secondary.dropdown-toggle {
    color: #000;
     background-color: #f7f7f7;
     border-color: #f6f6f6;
}
 .btn-check:checked+.btn-alt-secondary:focus, .btn-check:active+.btn-alt-secondary:focus, .btn-alt-secondary:active:focus, .btn-alt-secondary.active:focus, .show>.btn-alt-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(213, 214, 214, 0.5);
}
 .btn-alt-secondary:disabled, .btn-alt-secondary.disabled {
    color: #000;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
}
.btn:hover,
.btn:focus,
.btn:active {
    /*border: none!important;*/
    /*outline: none!important;*/
    /*box-shadow: none!important;*/
}
 .p/*age-header-dark #page-header .btn-alt-secondary, .sidebar-dark #sidebar .btn-alt-secondary, #sidebar .bg-header-dark .content-header .btn-alt-secondary, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary {
    color: #fff;
     background-color: #08477d;
     border-color: #08477d;
}*/
 /*.page-header-dark #page-header .btn-alt-secondary:hover, .sidebar-dark #sidebar .btn-alt-secondary:hover, #sidebar .bg-header-dark .content-header .btn-alt-secondary:hover, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary:hover {
    color: #fff;
     background-color: #043c6c;
     border-color: #043c6c;
}*/
/* .btn-check:focus+.page-header-dark #page-header .btn-alt-secondary, .page-header-dark #page-header .btn-alt-secondary:focus, .btn-check:focus+.sidebar-dark #sidebar .btn-alt-secondary, .sidebar-dark #sidebar .btn-alt-secondary:focus, .btn-check:focus+#sidebar .bg-header-dark .content-header .btn-alt-secondary, #sidebar .bg-header-dark .content-header .btn-alt-secondary:focus, .btn-check:focus+.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary:focus {
    color: #fff;
     background-color: #043c6c;
     border-color: #043c6c;
     box-shadow: 0 0 0 0.25rem rgba(201, 93, 100, 0.5);
}
 .btn-check:checked+.page-header-dark #page-header .btn-alt-secondary, .btn-check:active+.page-header-dark #page-header .btn-alt-secondary, .page-header-dark #page-header .btn-alt-secondary:active, .page-header-dark #page-header .btn-alt-secondary.active, .show>.page-header-dark #page-header .btn-alt-secondary.dropdown-toggle, .btn-check:checked+.sidebar-dark #sidebar .btn-alt-secondary, .btn-check:active+.sidebar-dark #sidebar .btn-alt-secondary, .sidebar-dark #sidebar .btn-alt-secondary:active, .sidebar-dark #sidebar .btn-alt-secondary.active, .show>.sidebar-dark #sidebar .btn-alt-secondary.dropdown-toggle, .btn-check:checked+#sidebar .bg-header-dark .content-header .btn-alt-secondary, .btn-check:active+#sidebar .bg-header-dark .content-header .btn-alt-secondary, #sidebar .bg-header-dark .content-header .btn-alt-secondary:active, #sidebar .bg-header-dark .content-header .btn-alt-secondary.active, .show>#sidebar .bg-header-dark .content-header .btn-alt-secondary.dropdown-toggle, .btn-check:checked+.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary, .btn-check:active+.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary:active, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary.active, .show>.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary.dropdown-toggle {
    color: #fff;
     background-color: #9a333a;
     border-color: #903037;
}
 .btn-check:checked+.page-header-dark #page-header .btn-alt-secondary:focus, .btn-check:active+.page-header-dark #page-header .btn-alt-secondary:focus, .page-header-dark #page-header .btn-alt-secondary:active:focus, .page-header-dark #page-header .btn-alt-secondary.active:focus, .show>.page-header-dark #page-header .btn-alt-secondary.dropdown-toggle:focus, .btn-check:checked+.sidebar-dark #sidebar .btn-alt-secondary:focus, .btn-check:active+.sidebar-dark #sidebar .btn-alt-secondary:focus, .sidebar-dark #sidebar .btn-alt-secondary:active:focus, .sidebar-dark #sidebar .btn-alt-secondary.active:focus, .show>.sidebar-dark #sidebar .btn-alt-secondary.dropdown-toggle:focus, .btn-check:checked+#sidebar .bg-header-dark .content-header .btn-alt-secondary:focus, .btn-check:active+#sidebar .bg-header-dark .content-header .btn-alt-secondary:focus, #sidebar .bg-header-dark .content-header .btn-alt-secondary:active:focus, #sidebar .bg-header-dark .content-header .btn-alt-secondary.active:focus, .show>#sidebar .bg-header-dark .content-header .btn-alt-secondary.dropdown-toggle:focus, .btn-check:checked+.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary:focus, .btn-check:active+.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary:focus, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary:active:focus, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary.active:focus, .show>.page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary.dropdown-toggle:focus {
    box-shadow: none;
}*/
 /*.page-header-dark #page-header .btn-alt-secondary:disabled, .page-header-dark #page-header .btn-alt-secondary.disabled, .sidebar-dark #sidebar .btn-alt-secondary:disabled, .sidebar-dark #sidebar .btn-alt-secondary.disabled, #sidebar .bg-header-dark .content-header .btn-alt-secondary:disabled, #sidebar .bg-header-dark .content-header .btn-alt-secondary.disabled, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary:disabled, .page-header-dark.page-header-glass:not(.page-header-scroll) #page-header .btn-alt-secondary.disabled {
    color: #fff;
     background-color: #08477d;
     border-color: #08477d;
}*/
 .alert-primary {
    color: #9d1a23;
     background-color: #f1abb0;
     border-color: #f1abb0;
}
 .alert-primary .alert-link {
    color: #7e151c;
}
 .progress-bar {
    background-color: #0173d5;
}
 .nav-link:hover, .nav-link:focus {
    color: #0173d5;
}
 .nav-pills .nav-link {
    color: #0173d5;
}
 .nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
    background-color: #f5f5f5;
}
 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #0173d5;
}
 .nav-tabs {
    border-bottom-color: #ebebeb;
}
 .nav-tabs .nav-link {
    color: #0173d5;
}
 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #ebebeb #ebebeb #ebebeb;
}
 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #ebebeb #ebebeb #fff;
}
 .nav-tabs-block {
    background-color: #fafafa;
}
 .nav-tabs-block .nav-link {
    border-color: transparent;
}
 .nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus {
    color: #0173d5;
     background-color: #f5f5f5;
     border-color: transparent;
}
 .nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link {
    color: #343a40;
     background-color: #fff;
     border-color: transparent;
}
 .nav-tabs-alt {
    border-bottom-color: #ebebeb;
}
 .nav-tabs-alt .nav-link {
    background-color: transparent;
     border-color: transparent;
}
 .nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus {
    color: #0173d5;
     background-color: transparent;
     border-color: transparent;
     box-shadow: inset 0 -3px #0173d5;
}
 .nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link {
    color: #343a40;
     background-color: transparent;
     border-color: transparent;
     box-shadow: inset 0 -3px #0173d5;
}
 .nav-items a {
    border-bottom-color: #f5f5f5;
}
 .nav-items a:hover {
    background-color: #fafafa;
}
 .nav-items a:active {
    background-color: #f5f5f5;
}
 .nav-items>li:last-child>a {
    border-bottom: none;
}
 .page-item.active .page-link {
    background-color: #0173d5;
     border-color: #0173d5;
}
 .page-link {
    color: #343a40;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
}
 .page-link:hover {
    color: #343a40;
     background-color: #d1d1d1;
     border-color: #d1d1d1;
}
 .page-link:focus {
    background-color: #ebebeb;
     border-color: #ebebeb;
}
 .list-group-item-action {
    color: #343a40;
}
 .list-group-item-action:hover, .list-group-item-action:focus {
    color: #343a40;
     background-color: #fafafa;
}
 .list-group-item-action:active {
    color: #343a40;
     background-color: #ebebeb;
}
 .list-group-item {
    border-color: #ebebeb;
}
 .list-group-item.active {
    color: #fff;
     background-color: #0173d5;
     border-color: #0173d5;
}
 .popover {
    border-color: #ebebeb;
}
 .bs-popover-top .popover-arrow::before, .bs-popover-auto[x-placement^=top] .popover-arrow::before {
    border-top-color: #ebebeb;
}
 .bs-popover-top .popover-arrow::after, .bs-popover-auto[x-placement^=top] .popover-arrow::after {
    border-top-color: #fff;
}
 .bs-popover-end .popover-arrow::before, .bs-popover-auto[x-placement^=right] .popover-arrow::before {
    border-right-color: #ebebeb;
}
 .bs-popover-end .popover-arrow::after, .bs-popover-auto[x-placement^=right] .popover-arrow::after {
    border-right-color: #fff;
}
 .bs-popover-bottom .popover-arrow::before, .bs-popover-auto[x-placement^=bottom] .popover-arrow::before {
    border-bottom-color: #ebebeb;
}
 .bs-popover-bottom .popover-arrow::after, .bs-popover-auto[x-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #fff;
}
 .bs-popover-start .popover-arrow::before, .bs-popover-auto[x-placement^=left] .popover-arrow::before {
    border-left-color: #ebebeb;
}
 .bs-popover-start .popover-arrow::after, .bs-popover-auto[x-placement^=left] .popover-arrow::after {
    border-left-color: #fff;
}
 .modal-header {
    border-bottom-color: #ebebeb;
}
 .modal-footer {
    border-top-color: #ebebeb;
}
 .dropdown-menu {
    border-color: #ebebeb;
}
 .dropdown-divider {
    border-top-color: #f5f5f5;
}
 .dropdown-item {
    color: #343a40;
}
 .dropdown-item:hover, .dropdown-item:focus {
    color: #212529;
     background-color: #f5f5f5;
}
 .dropdown-item.active, .dropdown-item:active {
    color: #fff;
     background-color: #0173d5;
}
 .dropdown-header {
    color: #212529;
}
 .table {
    --bs-table-striped-bg: #f9f9f9;
     --bs-table-active-bg: #f5f5f5;
     --bs-table-hover-bg: #f1f1f1;
     border-color: #ebebeb;
}
 .table>:not(:last-child)>:last-child>* {
    border-bottom-color: #ebebeb;
}
 .table-primary {
    --bs-table-bg: #f1abb0;
     --bs-table-striped-bg: #e5a2a7;
     --bs-table-striped-color: #000;
     --bs-table-active-bg: #d99a9e;
     --bs-table-active-color: #000;
     --bs-table-hover-bg: #df9ea3;
     --bs-table-hover-color: #000;
     color: #000;
     border-color: #d99a9e;
}
 .form-control, .form-select {
   color: #343a40;
   border-color: var(--color-6)!important;
   background: transparent!important;
   cursor: text;
}
 .form-control:focus, .form-select:focus {
    color: #212529;
     background-color: transparent;
     border-color: var(--color-6);
     /*box-shadow: 0 0 0 0.25rem rgba(234, 127, 135, 0.25);*/
}
 .form-control:disabled, .form-control[readonly], .form-select:disabled, .form-select[readonly] {
    background-color: #e9ecef;
}
 .form-select:focus::-ms-value {
    color: #343a40;
     background-color: #fff;
}
 .form-control.form-control-alt, .form-select.form-control-alt {
    border-color: #f5f5f5;
     background-color: #f5f5f5;
}
 .form-control.form-control-alt:focus, .form-select.form-control-alt:focus {
    border-color: #ebebeb;
     background-color: #ebebeb;
     box-shadow: none;
}
 .valid-feedback {
    display: none;
     width: 100%;
     margin-top: 0.375rem;
     font-size: 0.875rem;
     color: #04d47c;
}
 .valid-tooltip {
    position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: 0.1rem;
     font-size: 0.875rem;
     color: #000;
     background-color: rgba(4, 212, 124, 0.9);
     border-radius: 0.375rem;
}
 .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip {
    display: block;
}
 .was-validated .form-control:valid, .form-control.is-valid {
    border-color: #04d47c;
}
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #04d47c;
     box-shadow: 0 0 0 0.25rem rgba(4, 212, 124, 0.25);
}
 .was-validated .form-select:valid, .form-select.is-valid {
    border-color: #04d47c;
}
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
    border-color: #04d47c;
     box-shadow: 0 0 0 0.25rem rgba(4, 212, 124, 0.25);
}
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #04d47c;
}
 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: #04d47c;
}
 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(4, 212, 124, 0.25);
}
 .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label {
    color: #04d47c;
}
 .form-check-inline .form-check-input~.valid-feedback {
    margin-left: 0.5em;
}
 .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid {
    z-index: 1;
}
 .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus {
    z-index: 3;
}
 .invalid-feedback {
    display: none;
     width: 100%;
     margin-top: 0.375rem;
     font-size: 0.875rem;
     color: #be4141;
}
 .invalid-tooltip {
    position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: 0.1rem;
     font-size: 0.875rem;
     color: #fff;
     background-color: rgba(190, 65, 65, 0.9);
     border-radius: 0.375rem;
}
 .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip {
    display: block;
}
 .was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #be4141;
}
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #be4141;
     box-shadow: 0 0 0 0.25rem rgba(190, 65, 65, 0.25);
}
 .was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: #be4141;
}
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
    border-color: #be4141;
     box-shadow: 0 0 0 0.25rem rgba(190, 65, 65, 0.25);
}
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #be4141;
}
 .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: #be4141;
}
 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(190, 65, 65, 0.25);
}
 .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label {
    color: #be4141;
}
 .form-check-inline .form-check-input~.invalid-feedback {
    margin-left: 0.5em;
}
 .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid {
    z-index: 2;
}
 .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus {
    z-index: 3;
}
 .input-group-text {
    color: #343a40;
     background-color: #f5f5f5;
     border-color: #e1e1e1;
}
 .input-group-text.input-group-text-alt {
    background-color: #ebebeb;
     border-color: #ebebeb;
}
 .form-check-input {
    border-color: gainsboro;
}
 .form-check-input:focus {
    border-color: #0173d5;
     box-shadow: 0 0 0 0.25rem rgba(201, 33, 45, 0.25);
}
 .form-check-input:checked {
    background-color: #0173d5;
     border-color: #0173d5;
}
 .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='gainsboro'/%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='%230173d5'/%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-block .form-check-label {
    border-color: #ebebeb;
}
 .form-block .form-check-label:hover {
    border-color: #dedede;
}
 .form-block .form-check-label::before {
    background-color: #0173d5;
}
 .form-block .form-check-input:checked~.form-check-label {
    border-color: #0173d5;
}
 .form-block .form-check-input:focus~.form-check-label {
    border-color: #0173d5;
     box-shadow: 0 0 0 0.25rem rgba(201, 33, 45, 0.25);
}
 .form-block .form-check-input:disabled:not([checked])+.form-check-label:hover, .form-block .form-check-input[readonly]:not([checked])+.form-check-label:hover {
    border-color: #ebebeb;
}
 .border {
    border-color: #ebebeb !important;
}
 .border-top {
    border-top-color: #ebebeb !important;
}
 .border-end {
    border-right-color: #ebebeb !important;
}
 .border-bottom {
    border-bottom-color: #ebebeb !important;
}
 .border-start {
    border-left-color: #ebebeb !important;
}
 .border-primary {
    border-color: #0665d0 !important;
}
 .border-secondary {
    border-color: #6a5a5a !important;
}
 .border-success {
    border-color: #04d47c !important;
}
 .border-info {
    border-color: #3c90df !important;
}
 .border-warning {
    border-color: #F1C40F !important;
}
 .border-danger {
    border-color: #be4141 !important;
}
 .border-light {
    border-color: #f0f3f8 !important;
}
 .border-dark {
    border-color: #1a1a1a !important;
}
 .border-primary {
    border-color: #0173d5 !important;
}
 .border-white {
    border-color: #fff !important;
}
 .border-white-op {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
 .border-black-op {
    border-color: rgba(0, 0, 0, 0.1) !important;
}
 #page-header {
    background-color: #fff;
}
 #sidebar {
    background-color: #fff;
}
 #side-overlay {
    background-color: #fff;
}
 #page-container.page-header-dark #page-header {
    color: #d6d6d6;
     background-color: #0173d5;
}
 #page-container.page-header-glass #page-header {
    background-color: transparent;
}
 #page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header {
    background-color: rgba(255, 255, 255, 0.9);
}
 #page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-dark #page-header {
    background-color: rgba(181, 30, 41, 0.9);
}
 #page-container.sidebar-dark #sidebar {
    color: #ebebeb;
     background-color:var(--color-1);
}
 #page-container.sidebar-dark #sidebar .bg-header {
    background-color: #0f0f0f;
}
 .block {
    box-shadow: 0 1px 3px rgba(228, 228, 228, 0.5), 0 1px 2px rgba(228, 228, 228, 0.5);
}
 .block-header-default {
    background-color: #fafafa;
}
 .block.block-bordered {
    border-color: #ebebeb;
}
 .block.block-themed>.block-header {
    background-color: #0173d5;
}
 .block.block-mode-loading::after {
    color: #0173d5;
}
 .block.block-mode-loading.block-mode-loading-dark::after {
    background-color: #9d1a23;
}
 a.block {
    color: #343a40;
}
 a.block:hover {
    color: #343a40;
}
 a.block.block-link-pop:hover {
    box-shadow: 0 0.5rem 2rem #e1e1e1;
}
 a.block.block-link-pop:active {
    box-shadow: 0 0.25rem 0.75rem #f2f2f2;
}
 a.block.block-link-shadow:hover {
    box-shadow: 0 0 2.25rem #e1e1e1;
}
 a.block.block-link-shadow:active {
    box-shadow: 0 0 1.125rem #ebebeb;
}
 .block.block-fx-shadow {
    box-shadow: 0 0 2.25rem #e1e1e1;
}
 .block.block-fx-pop {
    box-shadow: 0 0.5rem 2rem #e1e1e1;
}
 .btn-block-option {
    color: #0173d5;
}
 .btn-block-option:hover {
    color: #e3545e;
}
 a.btn-block-option:focus, .active>a.btn-block-option, .show>button.btn-block-option {
    color: #e3545e;
}
 .btn-block-option:active {
    color: #f1abb0;
}
 #page-loader {
    background-color: #0173d5;
}
 .nav-main-heading {
    color: #6d7a86;
}
 .nav-main-link {
    color: #3f474e;
    padding: 10px;
}
 .nav-main-link .nav-main-link-icon {
    color: rgba(201, 33, 45, 0.7);
}
 .nav-main-link:hover, .nav-main-link.active {
    color: #000;
     background-color: #fbe4e6;
}
 .nav-main-submenu {
    background-color: var(--color-3);
}
 .nav-main-submenu .nav-main-link {
    color: #626d78;
}
 .nav-main-submenu .nav-main-link:hover, .nav-main-submenu .nav-main-link.active {
    color: #23272b;
     background-color: transparent;
}
 .nav-main-item.open>.nav-main-link-submenu {
    color: #000;
     background-color: #fbe4e6;
}
 .nav-main-submenu .nav-main-item.open .nav-main-link {
    background-color: transparent;
}
 @media (min-width: 992px) {
    .nav-main-horizontal.nav-main-hover .nav-main-item: hover>.nav-main-link-submenu {
        color: #000;
         background-color: #fbe4e6;
    }
}
 .nav-main-dark .nav-main-heading, .sidebar-dark #sidebar .nav-main-heading, .page-header-dark #page-header .nav-main-heading, .dark-mode #side-overlay .nav-main-heading, .dark-mode #main-container .nav-main-heading {
    color: #646464;
}
 .nav-main-dark .nav-main-link, .sidebar-dark #sidebar .nav-main-link, .page-header-dark #page-header .nav-main-link, .dark-mode #side-overlay .nav-main-link, .dark-mode #main-container .nav-main-link {
    color: #a3a3a3;
}
 .nav-main-dark .nav-main-link>.nav-main-link-icon, .sidebar-dark #sidebar .nav-main-link>.nav-main-link-icon, .page-header-dark #page-header .nav-main-link>.nav-main-link-icon, .dark-mode #side-overlay .nav-main-link>.nav-main-link-icon, .dark-mode #main-container .nav-main-link>.nav-main-link-icon {
    color: #4a4a4a;
}
 .nav-main-dark .nav-main-link:hover, .nav-main-dark .nav-main-link.active, .sidebar-dark #sidebar .nav-main-link:hover, .sidebar-dark #sidebar .nav-main-link.active, .page-header-dark #page-header .nav-main-link:hover, .page-header-dark #page-header .nav-main-link.active, .dark-mode #side-overlay .nav-main-link:hover, .dark-mode #side-overlay .nav-main-link.active, .dark-mode #main-container .nav-main-link:hover, .dark-mode #main-container .nav-main-link.active {
    color: #fff;
     background-color: var(--color-3);
}
 .nav-main-dark .nav-main-submenu, .sidebar-dark #sidebar .nav-main-submenu, .page-header-dark #page-header .nav-main-submenu, .dark-mode #side-overlay .nav-main-submenu, .dark-mode #main-container .nav-main-submenu {
    background-color: #0f0f0f;
}
 .nav-main-dark .nav-main-submenu .nav-main-link, .sidebar-dark #sidebar .nav-main-submenu .nav-main-link, .page-header-dark #page-header .nav-main-submenu .nav-main-link, .dark-mode #side-overlay .nav-main-submenu .nav-main-link, .dark-mode #main-container .nav-main-submenu .nav-main-link {
    color: #8a8a8a;
}
 .nav-main-dark .nav-main-submenu .nav-main-link:hover, .nav-main-dark .nav-main-submenu .nav-main-link.active, .sidebar-dark #sidebar .nav-main-submenu .nav-main-link:hover, .sidebar-dark #sidebar .nav-main-submenu .nav-main-link.active, .page-header-dark #page-header .nav-main-submenu .nav-main-link:hover, .page-header-dark #page-header .nav-main-submenu .nav-main-link.active, .dark-mode #side-overlay .nav-main-submenu .nav-main-link:hover, .dark-mode #side-overlay .nav-main-submenu .nav-main-link.active, .dark-mode #main-container .nav-main-submenu .nav-main-link:hover, .dark-mode #main-container .nav-main-submenu .nav-main-link.active {
    color: #fff;
     background-color: transparent;
}
 .nav-main-dark .nav-main-item.open>.nav-main-link-submenu, .sidebar-dark #sidebar .nav-main-item.open>.nav-main-link-submenu, .page-header-dark #page-header .nav-main-item.open>.nav-main-link-submenu, .dark-mode #side-overlay .nav-main-item.open>.nav-main-link-submenu, .dark-mode #main-container .nav-main-item.open>.nav-main-link-submenu {
    color: #fff;
     background-color: var(--color-3);
}
 .nav-main-dark .nav-main-item.open>.nav-main-submenu, .sidebar-dark #sidebar .nav-main-item.open>.nav-main-submenu, .page-header-dark #page-header .nav-main-item.open>.nav-main-submenu, .dark-mode #side-overlay .nav-main-item.open>.nav-main-submenu, .dark-mode #main-container .nav-main-item.open>.nav-main-submenu {
    background-color: var(--color-3);
}
 .nav-main-dark .nav-main-submenu .nav-main-item.open .nav-main-link, .sidebar-dark #sidebar .nav-main-submenu .nav-main-item.open .nav-main-link, .page-header-dark #page-header .nav-main-submenu .nav-main-item.open .nav-main-link, .dark-mode #side-overlay .nav-main-submenu .nav-main-item.open .nav-main-link, .dark-mode #main-container .nav-main-submenu .nav-main-item.open .nav-main-link {
    background-color: transparent;
}
 @media (min-width: 992px) {
    .nav-main-dark.nav-main-horizontal .nav-main-heading, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-heading, .page-header-dark #page-header .nav-main-horizontal .nav-main-heading {
        color: rgba(255, 255, 255, 0.5);
    }
     .nav-main-dark.nav-main-horizontal .nav-main-link, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-link, .page-header-dark #page-header .nav-main-horizontal .nav-main-link {
        color: rgba(255, 255, 255, 0.75);
    }
     .nav-main-dark.nav-main-horizontal .nav-main-link>.nav-main-link-icon, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-link>.nav-main-link-icon, .page-header-dark #page-header .nav-main-horizontal .nav-main-link>.nav-main-link-icon {
        color: rgba(255, 255, 255, 0.4);
    }
     .nav-main-dark.nav-main-horizontal .nav-main-link:hover, .nav-main-dark.nav-main-horizontal .nav-main-link.active, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-link:hover, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-link.active, .page-header-dark #page-header .nav-main-horizontal .nav-main-link:hover, .page-header-dark #page-header .nav-main-horizontal .nav-main-link.active {
        color: #fff;
         background-color: #0a0a0a;
    }
     .nav-main-dark.nav-main-horizontal .nav-main-item.open>.nav-main-link-submenu, .nav-main-dark.nav-main-horizontal .nav-main-item:hover>.nav-main-link-submenu, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open>.nav-main-link-submenu, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover>.nav-main-link-submenu, .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open>.nav-main-link-submenu, .page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover>.nav-main-link-submenu {
        color: #fff;
         background-color: #0a0a0a;
    }
     .nav-main-dark.nav-main-horizontal .nav-main-item.open>.nav-main-submenu, .nav-main-dark.nav-main-horizontal .nav-main-item:hover>.nav-main-submenu, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open>.nav-main-submenu, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover>.nav-main-submenu, .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open>.nav-main-submenu, .page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover>.nav-main-submenu {
        background-color: #0a0a0a;
    }
     .nav-main-dark.nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link, .sidebar-dark #sidebar .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link, .page-header-dark #page-header .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link {
        background-color: transparent;
    }
     .page-header-dark #page-header .nav-main-horizontal .nav-main-link:hover, .page-header-dark #page-header .nav-main-horizontal .nav-main-link.active {
        background-color: #9f1a24;
    }
     .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open>.nav-main-link-submenu, .page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover>.nav-main-link-submenu {
        background-color: #9f1a24;
    }
     .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open>.nav-main-submenu, .page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover>.nav-main-submenu {
        background-color: #9f1a24;
    }
     .page-header-dark #page-header .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link {
        background-color: transparent;
    }
}
 .nav-items a {
    border-bottom-color: #f5f5f5;
}
 .nav-items a:hover {
    background-color: #fafafa;
}
 .list-activity>li {
    border-bottom-color: #f5f5f5;
}
 .timeline-event-icon {
    box-shadow: 0 0.375rem 1.5rem #e1e1e1;
}
 .ribbon-light .ribbon-box {
    color: #343a40;
     background-color: #ebebeb;
}
 .ribbon-light.ribbon-bookmark .ribbon-box::before {
    border-color: #ebebeb;
     border-left-color: transparent;
}
 .ribbon-light.ribbon-bookmark.ribbon-left .ribbon-box::before {
    border-color: #ebebeb;
     border-right-color: transparent;
}
 .ribbon-primary .ribbon-box {
    color: #fff;
     background-color: #0173d5;
}
 .ribbon-primary.ribbon-bookmark .ribbon-box::before {
    border-color: #0173d5;
     border-left-color: transparent;
}
 .ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before {
    border-color: #0173d5;
     border-right-color: transparent;
}
 .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .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.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-color: #0173d5;
     border-color: #0173d5;
}
 .cke_chrome, .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused), .ck.ck-toolbar {
    border-color: #ebebeb !important;
}
 .cke_top, .ck.ck-toolbar {
    border-bottom-color: #ebebeb !important;
     background: #fafafa !important;
}
 .ck.ck-toolbar .ck.ck-toolbar__separator {
    background: #ebebeb !important;
}
 .cke_bottom {
    border-top-color: #ebebeb !important;
     background: #fafafa !important;
}
 .dropzone {
    background-color: #fafafa;
     border-color: #e1e1e1;
}
 .dropzone .dz-message {
    color: #343a40;
}
 .dropzone:hover {
    background-color: #fff;
     border-color: #0173d5;
}
 .dropzone:hover .dz-message {
    color: #0173d5;
}
 .fc-theme-standard a {
    color: #343a40;
}
 .fc-theme-standard .fc-button-primary {
    color: #343a40;
     background-color: #ebebeb;
     border-color: #ebebeb;
}
 .fc-theme-standard .fc-button-primary:not(:disabled):hover {
    color: #343a40;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
}
 .fc-theme-standard .fc-button-primary.fc-button-active:not(:disabled), .fc-theme-standard .fc-button-primary:not(:disabled):active {
    color: #343a40;
     background-color: #fafafa;
     border-color: #fafafa;
}
 .fc-theme-standard .fc-button-primary:focus, .fc-theme-standard .fc-button-primary.fc-button-active:not(:disabled):focus, .fc-theme-standard .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 33, 45, 0.4);
}
 .fc-theme-standard th, .fc-theme-standard td, .fc-theme-standard .fc-scrollgrid, .fc-theme-standard .fc-list {
    border-color: #ebebeb;
}
 .fc-theme-standard .fc-h-event {
    background-color: #0173d5;
     border: #0173d5;
}
 .fc-theme-standard .fc-col-header-cell, .fc-theme-standard .fc-list-day-cushion {
    background-color: #fafafa;
}
 .irs.irs--round .irs-min, .irs.irs--round .irs-max, .irs.irs--round .irs-line, .irs.irs--round .irs-grid-pol {
    background: #f5f5f5;
}
 .irs.irs--round .irs-handle {
    border-color: #0173d5;
}
 .irs.irs--round .irs-from:before, .irs.irs--round .irs-to:before, .irs.irs--round .irs-single:before {
    border-top-color: #0173d5;
}
 .irs.irs--round .irs-bar, .irs.irs--round .irs-from, .irs.irs--round .irs-to, .irs.irs--round .irs-single {
    background: #0173d5;
}
 .select2-container--default .select2-selection--single {
    border-color: #e1e1e1;
}
 .select2-container--default .select2-selection--multiple {
    border-color: #e1e1e1;
}
 .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #ea7f87;
     box-shadow: 0 0 0 0.25rem rgba(201, 33, 45, 0.25);
}
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0173d5;
}
 .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e1e1e1;
}
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0173d5;
}
 .select2-container--default .select2-dropdown .select2-search__field:focus {
    border-color: #ea7f87;
     box-shadow: 0 0 0 0.25rem rgba(201, 33, 45, 0.25);
}
 .simplebar-scrollbar::before {
    background: rgba(70, 11, 16, 0.75);
}
 .slick-slider .slick-prev::before, .slick-slider .slick-next::before {
    color: #9d1a23;
}
 .editor-toolbar {
    border-color: #ebebeb;
     background-color: #fafafa;
}
 .CodeMirror {
    border-color: #ebebeb;
}
 .dd-handle {
    color: #343a40;
     background: #fafafa;
     border-color: #ebebeb;
}
 .dd-handle:hover {
    color: #212529;
}
 .dd-empty, .dd-placeholder {
    border-color: #711319;
     background: #f1abb0;
}
 .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    border-color: #0173d5;
     background: #0173d5;
}
 .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #0173d5;
}
 .jvectormap-tip {
    background: #9d1a23;
}
 .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    background: #9d1a23;
}
 .dark-mode, .dark-mode #side-overlay, .dark-mode #page-loader {
    background-color: #030303 !important;
     color: #8a8a8a;
}
 .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h4, .dark-mode .h5, .dark-mode .h6 {
    color: #ebebeb;
}
 .dark-mode .content-heading {
    border-bottom-color: #1a1a1a;
}
 .dark-mode hr {
    border-top-color: #1a1a1a;
}
 .dark-mode code {
    color: #e685b5;
}
 .dark-mode .story p, .dark-mode p.story {
    color: #707070;
}
 .dark-mode a:not(.alert-link):not(.text-info-light):not(.text-warning-light):not(.text-danger-light):not(.text-success-light):not(.fc-event):not(.close):not(.list-group-item-action):not(.nav-main-link):not(.page-link):not(.nav-link):not(.dropdown-item):not(.block):not(.btn-block-option):not(.btn):not(.badge) {
    color: #df3e49;
}
 .dark-mode a.link-fx:not(.nav-main-link)::before:not(.text-info-light):not(.text-warning-light):not(.text-danger-light):not(.text-success-light):not(.fc-event):not(.close):not(.list-group-item-action):not(.alert-link):not(.page-link):not(.nav-link):not(.dropdown-item):not(.block):not(.btn-block-option):not(.btn):not(.badge) {
    background-color: #df3e49;
}
 .dark-mode a:not(.nav-main-link):hover:not(.text-info-light):not(.text-warning-light):not(.text-danger-light):not(.text-success-light):not(.fc-event):not(.close):not(.list-group-item-action):not(.alert-link):not(.page-link):not(.nav-link):not(.dropdown-item):not(.block):not(.btn-block-option):not(.btn):not(.badge) {
    color: #0173d5;
}
 .dark-mode .bg-body {
    background-color: #030303 !important;
}
 .dark-mode a.bg-body:hover, .dark-mode a.bg-body:focus, .dark-mode button.bg-body:hover, .dark-mode button.bg-body:focus {
    background-color: black !important;
}
 .dark-mode .bg-body-light {
    background-color: var(--color-1) !important;
}
 .dark-mode a.bg-body-light:hover, .dark-mode a.bg-body-light:focus, .dark-mode button.bg-body-light:hover, .dark-mode button.bg-body-light:focus {
    background-color: black !important;
}
 .dark-mode .bg-body-dark {
    background-color: black !important;
}
 .dark-mode a.bg-body-dark:hover, .dark-mode a.bg-body-dark:focus, .dark-mode button.bg-body-dark:hover, .dark-mode button.bg-body-dark:focus {
    background-color: black !important;
}
 .dark-mode .bg-body-extra-light {
    background-color: #0a0a0a !important;
}
 .dark-mode a.bg-body-extra-light:hover, .dark-mode a.bg-body-extra-light:focus, .dark-mode button.bg-body-extra-light:hover, .dark-mode button.bg-body-extra-light:focus {
    background-color: black !important;
}
 .dark-mode .bg-muted {
    background-color: #aeaeae !important;
}
 .dark-mode a.bg-muted:hover, .dark-mode a.bg-muted:focus, .dark-mode button.bg-muted:hover, .dark-mode button.bg-muted:focus {
    background-color: #949494 !important;
}
 .dark-mode .text-primary {
    color: #dc2835 !important;
}
 .dark-mode a.text-primary.link-fx::before {
    background-color: #dc2835 !important;
}
 .dark-mode a.text-primary:hover, .dark-mode a.text-primary:focus {
    color: #b31d28 !important;
}
 .dark-mode .text-success {
    color: #04ed8b !important;
}
 .dark-mode a.text-success.link-fx::before {
    background-color: #04ed8b !important;
}
 .dark-mode a.text-success:hover, .dark-mode a.text-success:focus {
    color: #04bb6d !important;
}
 .dark-mode .text-warning {
    color: #f2ca27 !important;
}
 .dark-mode a.text-warning.link-fx::before {
    background-color: #f2ca27 !important;
}
 .dark-mode a.text-warning:hover, .dark-mode a.text-warning:focus {
    color: #dab10d !important;
}
 .dark-mode .text-info {
    color: #529ce3 !important;
}
 .dark-mode a.text-info.link-fx::before {
    background-color: #529ce3 !important;
}
 .dark-mode a.text-info:hover, .dark-mode a.text-info:focus {
    color: #2684db !important;
}
 .dark-mode .text-danger {
    color: #c55454 !important;
}
 .dark-mode a.text-danger.link-fx::before {
    background-color: #c55454 !important;
}
 .dark-mode a.text-danger:hover, .dark-mode a.text-danger:focus {
    color: #ab3b3b !important;
}
 .dark-mode .text-body-bg {
    color: #030303 !important;
}
 .dark-mode a.text-body-bg.link-fx::before {
    background-color: #030303 !important;
}
 .dark-mode a.text-body-bg:hover, .dark-mode a.text-body-bg:focus {
    color: black !important;
}
 .dark-mode .text-body-bg-dark {
    color: black !important;
}
 .dark-mode a.text-body-bg-dark.link-fx::before {
    background-color: black !important;
}
 .dark-mode a.text-body-bg-dark:hover, .dark-mode a.text-body-bg-dark:focus {
    color: black !important;
}
 .dark-mode .text-body-bg-light {
    color: #121212 !important;
}
 .dark-mode a.text-body-bg-light.link-fx::before {
    background-color: #121212 !important;
}
 .dark-mode a.text-body-bg-light:hover, .dark-mode a.text-body-bg-light:focus {
    color: black !important;
}
 .dark-mode .text-body-color {
    color: #8a8a8a !important;
}
 .dark-mode a.text-body-color.link-fx::before {
    background-color: #8a8a8a !important;
}
 .dark-mode a.text-body-color:hover, .dark-mode a.text-body-color:focus {
    color: #707070 !important;
}
 .dark-mode .text-body-color-dark {
    color: #646464 !important;
}
 .dark-mode a.text-body-color-dark.link-fx::before {
    background-color: #646464 !important;
}
 .dark-mode a.text-body-color-dark:hover, .dark-mode a.text-body-color-dark:focus {
    color: #4a4a4a !important;
}
 .dark-mode .text-body-color-light {
    color: #b0b0b0 !important;
}
 .dark-mode a.text-body-color-light.link-fx::before {
    background-color: #b0b0b0 !important;
}
 .dark-mode a.text-body-color-light:hover, .dark-mode a.text-body-color-light:focus {
    color: #979797 !important;
}
 .dark-mode .text-dark {
    color: #b8b8b8 !important;
}
 .dark-mode a.text-dark.link-fx::before {
    background-color: #b8b8b8 !important;
}
 .dark-mode a.text-dark:hover, .dark-mode a.text-dark:focus {
    color: #9e9e9e !important;
}
 .dark-mode .text-muted {
    color: #646464 !important;
}
 .dark-mode a.text-muted.link-fx::before {
    background-color: #646464 !important;
}
 .dark-mode a.text-muted:hover, .dark-mode a.text-muted:focus {
    color: #4a4a4a !important;
}
 .dark-mode .logo-svg-blaze {
    fill: white;
}
 .dark-mode .logo-svg-historic {
    fill: white;
}
 .dark-mode .logo-svg-path {
    fill: #0173d5;
}
 .dark-mode .logo-svg-path-2 {
    fill: white;
}
 .dark-mode .logo-svg-path-3 {
    fill: white;
}
 .dark-mode .sidebar-logo-svg-blaze {
    fill: white;
}
 .dark-mode .sidebar-logo-svg-historic {
    fill: white;
}
 .dark-mode .sidebar-logo-svg-path {
    fill: white;
}
 .dark-mode .sidebar-logo-svg-path-2 {
    fill: white;
}
 .dark-mode .sidebar-logo-svg-path-3 {
    fill: white;
}
 .dark-mode .toggle-chat-button-styled {
    position: fixed;
     bottom: 20px;
     right: 20px;
     background-color: #0173d5;
     border: none;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     font-size: 18px;
     text-align: center;
     line-height: 60px;
     cursor: pointer;
     z-index: 999;
     transition: all 0.5s ease;
}
 .dark-mode .toggle-chat-button-styled:hover {
    background-color: #df3e49;
     transform: scale(1.1);
}
 .dark-mode .crashes-entries {
    display: flex;
     position: relative;
}
 .dark-mode .crashes-entries .crash-single {
    cursor: pointer;
     background: black;
     margin-right: 5px;
     margin-bottom: 10px;
     border-radius: 4px;
     transition: all 0.5s ease;
     position: relative;
}
 .dark-mode .crashes-entries .crash-single:hover {
    transform: translateY(-2px);
     z-index: 3;
    /*border-color: rgba(201, 33, 45, 0.5) !important;
    */
}
 .dark-mode .crashes-entries .crash-single .sm-box:has(.border-gray) {
    background-color: #fff !important;
     color: #000;
}
 .dark-mode .crashes-entries .crash-single .crash-header {
    background: #121212 !important;
}
 .dark-mode .crashes-entries .crash-single .crash-fotter {
    background: #0f0f0f !important;
     padding: 5px 0px;
     font-size: 15px;
}
 .dark-mode .crashes-entries .entry {
    display: flex;
     position: relative;
     justify-content: center;
}
 .dark-mode .crashes-entries .entry .roulette-tile {
    display: flex;
     align-items: center;
     justify-content: center;
}
 .dark-mode .crashes-entries .entry .roulette-tile .time {
    font-size: 16px;
     margin-top: 5px;
     color: #fff;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box {
    height: 48px;
     width: 70px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2;
     transition: all 0.2s ease-in-out;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box:hover {
    transform: translateY(-2px);
     z-index: 3;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box.good {
    background-color: #0173d5;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box.good .number {
    color: white;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box.bad {
    background-color: #313131;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box.bad .number {
    color: #cacaca;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box.any {
    background-color: #3c90df;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box.any .number {
    color: white;
}
 .dark-mode .crashes-entries .entry .roulette-tile .sm-box .number {
    font-weight: 700;
     font-size: 14px;
     letter-spacing: -0.5px;
     padding: 0;
}
 .dark-mode .entries {
    display: flex;
     position: relative;
}
 .dark-mode .entries .double-single {
    cursor: pointer;
     background: black;
     margin-right: 5px;
     margin-bottom: 10px;
     border-radius: 4px;
     transition: all 0.5s ease;
     position: relative;
}
 .dark-mode .entries .double-single:hover {
    /*transform: translateY(-2px);
    */
    /*z-index: 3;
    */
    /*border-color: rgba(201, 33, 45, 0.5) !important;
    */
}
 .dark-mode .entries .double-single .sm-box:has(.border-gray) {
    background-color: #fff !important;
     color: #000;
}
 .dark-mode .entries .double-single .double-header {
    background: #121212 !important;
}
 .dark-mode .entries .double-single .double-fotter {
    background-color:var(--color-1) !important;
     padding: 0px;
     font-size: 15px;
     border-radius: 4px;
     margin: 2px;
     /*margin-top: 4px;*/
}
 .dark-mode .entries .entry {
    display: flex;
     position: relative;
     justify-content: center;
}
 .dark-mode .entries .entry .roulette-tile {
    display: flex;
     align-items: center;
     justify-content: center;
}
 .dark-mode .entries .entry .roulette-tile .time {
    font-size: 16px;
     margin-top: 5px;
     color: #fff;
}
 .dark-mode .entries .entry .roulette-tile .sm-box {
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2;
     transition: all 0.2s ease-in-out;
}
 .dark-mode .entries .entry .roulette-tile .sm-box:hover {
    /* transform: translateY(0px);
    */
    /*z-index: 3;
    */
}
 .dark-mode .entries .entry .roulette-tile .sm-box .zero-img {
    height: 25px;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.red {
    background-color: #0173d5;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.red .number {
    color: white;
     border: 3px solid white;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.white {
    background-color: #f0f3f8;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.white .number {
    color: #000;
     border: none;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.black {
    background-color: #313131;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.black .number {
    color: white;
     border: 3px solid #cacaca;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.any {
    background-color: #3c90df;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.any .number {
    color: white;
     border: 3px solid white;
}
 .dark-mode .entries .entry .roulette-tile .sm-box .number {
    font-weight: bold;
     font-size: 13px;
     letter-spacing: -0.5px;
     padding: 0;
     width: 32px;
     height: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 0px;
     border-radius: 50% 
}
 .dark-mode #tabs-select>div>ul>li>a.active {
    color: #fff !important;
}
 .dark-mode #tabs-select>div>ul>li>a.active i {
    color: #0173d5 !important;
     opacity: 1 !important;
}
 .dark-mode #stats::-webkit-scrollbar, .dark-mode .offcanvas-body::-webkit-scrollbar, .dark-mode .scrollable-horizontal::-webkit-scrollbar, .dark-mode .color-streaks-scroll::-webkit-scrollbar, .dark-mode .block-overflow::-webkit-scrollbar {
    width: 10px;
     height: 10px;
}
 .dark-mode #stats::-webkit-scrollbar-track, .dark-mode .offcanvas-body::-webkit-scrollbar-track, .dark-mode .scrollable-horizontal::-webkit-scrollbar-track, .dark-mode .color-streaks-scroll::-webkit-scrollbar-track, .dark-mode .block-overflow::-webkit-scrollbar-track {
    background: #0a0a0a;
}
 .dark-mode #stats::-webkit-scrollbar-thumb, .dark-mode .offcanvas-body::-webkit-scrollbar-thumb, .dark-mode .scrollable-horizontal::-webkit-scrollbar-thumb, .dark-mode .color-streaks-scroll::-webkit-scrollbar-thumb, .dark-mode .block-overflow::-webkit-scrollbar-thumb {
    background: #0173d5;
     border-radius: 8px;
}
 .dark-mode #stats::-webkit-scrollbar-thumb:hover, .dark-mode .offcanvas-body::-webkit-scrollbar-thumb:hover, .dark-mode .scrollable-horizontal::-webkit-scrollbar-thumb:hover, .dark-mode .color-streaks-scroll::-webkit-scrollbar-thumb:hover, .dark-mode .block-overflow::-webkit-scrollbar-thumb:hover {
    background: #af1d27;
}
 .dark-mode #stats .counters-divider, .dark-mode .offcanvas-body .counters-divider, .dark-mode .scrollable-horizontal .counters-divider, .dark-mode .color-streaks-scroll .counters-divider, .dark-mode .block-overflow .counters-divider {
    border-left: 1px solid #1a1a1a;
}
 .dark-mode .call-divider .block .block-content {
    overflow-x: auto !important;
}
 .dark-mode .call-divider .block .block-content::-webkit-scrollbar {
    width: 8px;
     height: 8px;
}
 .dark-mode .call-divider .block .block-content::-webkit-scrollbar-track {
    background: #0a0a0a;
}
 .dark-mode .call-divider .block .block-content::-webkit-scrollbar-thumb {
    background: #0173d5;
     border-radius: 8px;
}
 .dark-mode .call-divider .block .block-content::-webkit-scrollbar-thumb:hover {
    background: #af1d27;
}
 .dark-mode .dev {
    color: #fff6a9 !important;
     animation: blink_dev 12s infinite;
}
 .dark-mode .moderator {
    color: #fff !important;
     animation: blink_mod 12s infinite;
}
 @keyframes blink_dev {
    20%, 24%, 55% {
        color: #000;
         text-shadow: none;
    }
     0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
         color: #fff6a9;
    }
}
 @keyframes blink_mod {
    20%, 24%, 55% {
        color: #000;
         text-shadow: none;
    }
     0%, 19%, 21%, 25%, 54%, 56%, 100% {
        text-shadow: 0 0 5px #51d327, 0 0 15px #ccff9e, 0 0 20px #ccff9e, 0 0 40px #ccff9e, 0 0 60px #00ff08, 0 0 10px #00ff08, 0 0 98px #00ff08;
         color: #FFF;
    }
}
 @keyframes neonmoderator {
    0% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #FF9E9E, 0 0 40px #FF9E9E, 0 0 50px #FF9E9E, 0 0 70px #FF9E9E, 0 0 100px #FF9E9E, 0 0 200px #FF9E9E;
    }
     50% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 5px #ffffff, 0 0 15px #ffffff, 0 0 25px #ffffff, 0 0 40px #FF9E9E, 0 0 50px #FF9E9E, 0 0 60px #FF9E9E, 0 0 80px #FF9E9E, 0 0 110px #FF9E9E, 0 0 210px #FF9E9E;
    }
     100% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #FF9E9E, 0 0 40px #FF9E9E, 0 0 50px #FF9E9E, 0 0 70px #FF9E9E, 0 0 100px #FF9E9E, 0 0 200px #FF9E9E;
    }
}
 @keyframes neondev {
    0% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 70px #ffcc00, 0 0 100px #ffcc00, 0 0 200px #ffcc00;
    }
     50% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 5px #ffffff, 0 0 15px #ffffff, 0 0 25px #ffffff, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 60px #ffcc00, 0 0 80px #ffcc00, 0 0 110px #ffcc00, 0 0 210px #ffcc00;
    }
     100% {
        text-shadow: -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffcc00, 0 0 40px #ffcc00, 0 0 50px #ffcc00, 0 0 70px #ffcc00, 0 0 100px #ffcc00, 0 0 200px #ffcc00;
    }
}
 .dark-mode .btn-secondary, .dark-mode .btn-alt-secondary {
    color: #fff;
     background-color:var(--color-1);
     border-color:var(--color-1);
}
 .dark-mode .btn-secondary:hover, .dark-mode .btn-alt-secondary:hover {
    color: #fff;
     background-color: black;
     border-color: black;
}
 .btn-check:focus+.dark-mode .btn-secondary, .dark-mode .btn-secondary:focus, .btn-check:focus+.dark-mode .btn-alt-secondary, .dark-mode .btn-alt-secondary:focus {
    color: #fff;
     background-color: black;
     border-color: black;
     box-shadow: 0 0 0 0.25rem rgba(58, 58, 58, 0.5);
}
 .btn-check:checked+.dark-mode .btn-secondary, .btn-check:active+.dark-mode .btn-secondary, .dark-mode .btn-secondary:active, .dark-mode .btn-secondary.active, .show>.dark-mode .btn-secondary.dropdown-toggle, .btn-check:checked+.dark-mode .btn-alt-secondary, .btn-check:active+.dark-mode .btn-alt-secondary, .dark-mode .btn-alt-secondary:active, .dark-mode .btn-alt-secondary.active, .show>.dark-mode .btn-alt-secondary.dropdown-toggle {
    color: #fff;
     background-color: #121212;
     border-color: #111111;
}
 .btn-check:checked+.dark-mode .btn-secondary:focus, .btn-check:active+.dark-mode .btn-secondary:focus, .dark-mode .btn-secondary:active:focus, .dark-mode .btn-secondary.active:focus, .show>.dark-mode .btn-secondary.dropdown-toggle:focus, .btn-check:checked+.dark-mode .btn-alt-secondary:focus, .btn-check:active+.dark-mode .btn-alt-secondary:focus, .dark-mode .btn-alt-secondary:active:focus, .dark-mode .btn-alt-secondary.active:focus, .show>.dark-mode .btn-alt-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(58, 58, 58, 0.5);
}
 .dark-mode .btn-secondary:disabled, .dark-mode .btn-secondary.disabled, .dark-mode .btn-alt-secondary:disabled, .dark-mode .btn-alt-secondary.disabled {
    color: #fff;
     background-color:var(--color-1);
     border-color:var(--color-1);
}
 .dark-mode .nav-link {
    color: #d1d1d1;
}
 .dark-mode .nav-link:hover, .dark-mode .nav-link:focus {
    color: #0173d5;
}
 .dark-mode .nav-pills .nav-link {
    color: #9e9e9e;
}
 .dark-mode .nav-pills .nav-link:hover, .dark-mode .nav-pills .nav-link:focus {
    background-color: #1f1f1f;
}
 .dark-mode .nav-pills .nav-link.active, .dark-mode .nav-pills .show>.nav-link {
    color: #fff;
     background-color: #0173d5;
}
 .dark-mode .nav-tabs {
    border-bottom-color: #1a1a1a;
}
 .dark-mode .nav-tabs .nav-link:hover, .dark-mode .nav-tabs .nav-link:focus {
    border-color: #1a1a1a #1a1a1a #1a1a1a;
}
 .dark-mode .nav-tabs .nav-link.active, .dark-mode .nav-tabs .nav-item.show .nav-link {
    color: #d1d1d1;
     background-color: transparent;
     border-color: #1a1a1a #1a1a1a #0a0a0a;
}
 .dark-mode .nav-tabs-block {
    background-color: #1a1a1a;
}
 .dark-mode .nav-tabs-block .nav-link {
    border-color: transparent;
     color: #d1d1d1;
}
 .dark-mode .nav-tabs-block .nav-link:hover, .dark-mode .nav-tabs-block .nav-link:focus {
    color: #0173d5;
     background-color: #121212;
     border-color: transparent;
}
 .dark-mode .nav-tabs-block .nav-link.active, .dark-mode .nav-tabs-block .nav-item.show .nav-link {
    color: #d1d1d1;
     background-color: #0a0a0a;
     border-color: transparent;
}
 .dark-mode .nav-tabs-alt {
    border-bottom-color: #121212;
}
 .dark-mode .nav-tabs-alt .nav-link {
    color: #d1d1d1;
     background-color: transparent;
     border-color: transparent;
}
 .dark-mode .nav-tabs-alt .nav-link:hover, .dark-mode .nav-tabs-alt .nav-link:focus {
    color: #0173d5;
     background-color: transparent;
     border-color: transparent;
     box-shadow: inset 0 -3px #0173d5;
}
 .dark-mode .nav-tabs-alt .nav-link.active, .dark-mode .nav-tabs-alt .nav-item.show .nav-link {
    color: #d1d1d1;
     background-color: transparent;
     border-color: transparent;
     box-shadow: inset 0 -3px #0173d5;
}
 .dark-mode .nav-items a:hover {
    background-color: #1f1f1f;
}
 .dark-mode .nav-items a:active {
    background-color: transparent;
}
 .dark-mode .nav-items>li:not(:last-child)>a {
    border-bottom-color: #1a1a1a;
}
 .dark-mode .page-link {
    color: #9e9e9e;
     background-color: #030303;
     border-color: #030303;
}
 .dark-mode .page-link:hover {
    color: #9e9e9e;
     background-color: black;
     border-color: black;
}
 .dark-mode .page-link:focus {
    background-color: black;
     border-color: black;
}
 .dark-mode .page-item.active .page-link {
    background-color: #0173d5;
     border-color: #0173d5;
}
 .dark-mode .page-item.disabled .page-link {
    color: #6b6b6b;
     background-color: transparent;
     border-color: transparent;
}
 .dark-mode .list-group-item-action {
    color: #d1d1d1;
}
 .dark-mode .list-group-item-action:hover, .dark-mode .list-group-item-action:focus {
    color: #d1d1d1;
     background-color: #161616;
}
 .dark-mode .list-group-item-action:active {
    color: #d1d1d1;
     background-color: #030303;
}
 .dark-mode .list-group-item-action.disabled {
    color: #858585;
}
 .dark-mode .list-group-item {
    color: #d1d1d1;
     background-color: #121212;
     border-color: black;
}
 .dark-mode .list-group-item.active {
    color: #fff;
     background-color: #0173d5;
     border-color: #0173d5;
}
 .dark-mode .popover {
    border-color: black;
     background-color: #121212;
     box-shadow: 0px 0px 20px 10px rgba(201, 33, 45, 0.1);
    /*border-color: rgba(201, 33, 45, 0.5) !important;
    */
     border-width: 2px;
}
 .dark-mode .bs-popover-top .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=top] .popover-arrow::before {
    border-top-color: #555454 !important;
}
 .dark-mode .bs-popover-top .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=top] .popover-arrow::after {
    border-top-color: #555454 !important;
}
 .dark-mode .bs-popover-end .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=right] .popover-arrow::before {
    border-right-color: #555454 !important;
}
 .dark-mode .bs-popover-end .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=right] .popover-arrow::after {
    border-right-color: #555454 !important;
}
 .dark-mode .bs-popover-bottom .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=bottom] .popover-arrow::before {
    border-bottom-color: #555454 !important;
}
 .dark-mode .bs-popover-bottom .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #555454 !important;
}
 .dark-mode .bs-popover-start .popover-arrow::before, .dark-mode .bs-popover-auto[x-placement^=left] .popover-arrow::before {
    border-left-color: #555454 !important;
}
 .dark-mode .bs-popover-start .popover-arrow::after, .dark-mode .bs-popover-auto[x-placement^=left] .popover-arrow::after {
    border-left-color: #555454 !important;
}
 .dark-mode .popover-header {
    color: #ebebeb;
     background-color: #121212;
     border-bottom-color: black;
}
 .dark-mode .popover-body {
    color: #d1d1d1;
     background-color: #121212;
}
 .dark-mode .dropdown-menu {
    color: #d1d1d1;
     background-color: var(--color-1);
     border-color: #121212;
     box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25);
}
 .dark-mode .dropdown-menu .dropdown-item {
    color: #c5c5c5;
}
 .dark-mode .dropdown-menu .dropdown-item:hover, .dark-mode .dropdown-menu .dropdown-item:focus {
    color: #d1d1d1;
     background-color: #1f1f1f;
}
 .dark-mode .dropdown-menu .dropdown-item.active, .dark-mode .dropdown-menu .dropdown-item:active {
    color: #dedede;
     background-color: #292929;
}
 .dark-mode .dropdown-menu .dropdown-item.disabled, .dark-mode .dropdown-menu .dropdown-item:disabled {
    color: #6b6b6b;
}
 .dark-mode .dropdown-menu .dropdown-divider {
    border-color: #242424;
}
 .dark-mode .dropdown-menu .dropdown-item-text {
    color: #d1d1d1;
}
 .dark-mode .dropdown-menu .dropdown-header {
    color: #ababab !important;
}
 .dark-mode .table {
    --bs-table-striped-color: #fafafa;
     --bs-table-striped-bg: #060606;
     --bs-table-active-color: #fafafa;
     --bs-table-active-bg: #1a1a1a;
     --bs-table-hover-color: #fafafa;
     --bs-table-hover-bg: #040404;
     color: #fafafa;
     border-color: black;
}
 .dark-mode .table>:not(:last-child)>:last-child>* {
    border-bottom-color: black;
}
 .dark-mode .table-dark {
    --bs-table-bg: rgba(0, 0, 0, 0.75);
     --bs-table-striped-bg: rgba(21, 21, 21, 0.7625);
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: rgba(40, 40, 40, 0.775);
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: rgba(30, 30, 30, 0.76875);
     --bs-table-hover-color: #fff;
     color: #fff;
     border-color: rgba(40, 40, 40, 0.775);
}
 .dark-mode .table-primary {
    --bs-table-bg: rgba(161, 26, 36, 0.75);
     --bs-table-striped-bg: rgba(169, 44, 54, 0.7625);
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: rgba(176, 62, 70, 0.775);
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: rgba(172, 53, 62, 0.76875);
     --bs-table-hover-color: #fff;
     color: #fff;
     border-color: rgba(176, 62, 70, 0.775);
}
 .dark-mode .table-info {
    --bs-table-bg: rgba(30, 58, 138, 0.75);
     --bs-table-striped-bg: rgba(48, 74, 147, 0.7625);
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: rgba(65, 89, 156, 0.775);
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: rgba(57, 81, 152, 0.76875);
     --bs-table-hover-color: #fff;
     color: #fff;
     border-color: rgba(65, 89, 156, 0.775);
}
 .dark-mode .table-success {
    --bs-table-bg: rgba(20, 83, 45, 0.75);
     --bs-table-striped-bg: rgba(39, 97, 62, 0.7625);
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: rgba(57, 110, 78, 0.775);
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: rgba(48, 103, 70, 0.76875);
     --bs-table-hover-color: #fff;
     color: #fff;
     border-color: rgba(57, 110, 78, 0.775);
}
 .dark-mode .table-danger {
    --bs-table-bg: rgba(127, 29, 29, 0.75);
     --bs-table-striped-bg: rgba(137, 47, 47, 0.7625);
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: rgba(147, 64, 64, 0.775);
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: rgba(142, 56, 56, 0.76875);
     --bs-table-hover-color: #fff;
     color: #fff;
     border-color: rgba(147, 64, 64, 0.775);
}
 .dark-mode .table-warning {
    --bs-table-bg: rgba(113, 63, 18, 0.75);
     --bs-table-striped-bg: rgba(124, 78, 37, 0.7625);
     --bs-table-striped-color: #fff;
     --bs-table-active-bg: rgba(135, 93, 55, 0.775);
     --bs-table-active-color: #fff;
     --bs-table-hover-bg: rgba(130, 86, 46, 0.76875);
     --bs-table-hover-color: #fff;
     color: #fff;
     border-color: rgba(135, 93, 55, 0.775);
}
 .dark-mode .form-text {
    color: #646464;
}
 .dark-mode .form-control::placeholder {
    color: #646464;
}
 .dark-mode .form-floating>.form-control::placeholder {
    color: transparent;
}
 .dark-mode .form-control, .dark-mode .form-select {
    color: #d1d1d1;
     background-color: black;
     border-color: #1f1f1f;
}
 .dark-mode .form-control:focus, .dark-mode .form-select:focus {
    color: #fff;
     background-color: black;
     border-color: #0173d5;
}
 .dark-mode .form-control:disabled, .dark-mode .form-control[readonly], .dark-mode .form-select:disabled, .dark-mode .form-select[readonly] {
    background-color: #0f0f0f;
     border-color: #0f0f0f;
}
 .dark-mode .form-select:focus::-ms-value {
    color: #d1d1d1;
     background-color: black;
}
 .dark-mode .form-control-plaintext {
    color: #d1d1d1;
}
 .dark-mode .valid-feedback {
    display: none;
     width: 100%;
     margin-top: 0.375rem;
     font-size: 0.875rem;
     color: #11fb98;
}
 .dark-mode .valid-tooltip {
    position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: 0.1rem;
     font-size: 0.875rem;
     color: #000;
     background-color: rgba(17, 251, 152, 0.9);
     border-radius: 0.375rem;
}
 .was-validated .dark-mode:valid~.valid-feedback, .was-validated .dark-mode:valid~.valid-tooltip, .dark-mode.is-valid~.valid-feedback, .dark-mode.is-valid~.valid-tooltip {
    display: block;
}
 .was-validated .dark-mode .form-control:valid, .dark-mode .form-control.is-valid {
    border-color: #11fb98;
}
 .was-validated .dark-mode .form-control:valid:focus, .dark-mode .form-control.is-valid:focus {
    border-color: #11fb98;
     box-shadow: 0 0 0 0.25rem rgba(17, 251, 152, 0.25);
}
 .was-validated .dark-mode .form-select:valid, .dark-mode .form-select.is-valid {
    border-color: #11fb98;
}
 .was-validated .dark-mode .form-select:valid:focus, .dark-mode .form-select.is-valid:focus {
    border-color: #11fb98;
     box-shadow: 0 0 0 0.25rem rgba(17, 251, 152, 0.25);
}
 .was-validated .dark-mode .form-check-input:valid, .dark-mode .form-check-input.is-valid {
    border-color: #11fb98;
}
 .was-validated .dark-mode .form-check-input:valid:checked, .dark-mode .form-check-input.is-valid:checked {
    background-color: #11fb98;
}
 .was-validated .dark-mode .form-check-input:valid:focus, .dark-mode .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(17, 251, 152, 0.25);
}
 .was-validated .dark-mode .form-check-input:valid~.form-check-label, .dark-mode .form-check-input.is-valid~.form-check-label {
    color: #11fb98;
}
 .dark-mode .form-check-inline .form-check-input~.valid-feedback {
    margin-left: 0.5em;
}
 .was-validated .dark-mode .input-group .form-control:valid, .dark-mode .input-group .form-control.is-valid, .was-validated .dark-mode .input-group .form-select:valid, .dark-mode .input-group .form-select.is-valid {
    z-index: 1;
}
 .was-validated .dark-mode .input-group .form-control:valid:focus, .dark-mode .input-group .form-control.is-valid:focus, .was-validated .dark-mode .input-group .form-select:valid:focus, .dark-mode .input-group .form-select.is-valid:focus {
    z-index: 3;
}
 .dark-mode .invalid-feedback {
    display: none;
     width: 100%;
     margin-top: 0.375rem;
     font-size: 0.875rem;
     color: #d27a7a;
}
 .dark-mode .invalid-tooltip {
    position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: 0.1rem;
     font-size: 0.875rem;
     color: #fff;
     background-color: rgba(210, 122, 122, 0.9);
     border-radius: 0.375rem;
}
 .was-validated .dark-mode:invalid~.invalid-feedback, .was-validated .dark-mode:invalid~.invalid-tooltip, .dark-mode.is-invalid~.invalid-feedback, .dark-mode.is-invalid~.invalid-tooltip {
    display: block;
}
 .was-validated .dark-mode .form-control:invalid, .dark-mode .form-control.is-invalid {
    border-color: #d27a7a;
}
 .was-validated .dark-mode .form-control:invalid:focus, .dark-mode .form-control.is-invalid:focus {
    border-color: #d27a7a;
     box-shadow: 0 0 0 0.25rem rgba(210, 122, 122, 0.25);
}
 .was-validated .dark-mode .form-select:invalid, .dark-mode .form-select.is-invalid {
    border-color: #d27a7a;
}
 .was-validated .dark-mode .form-select:invalid:focus, .dark-mode .form-select.is-invalid:focus {
    border-color: #d27a7a;
     box-shadow: 0 0 0 0.25rem rgba(210, 122, 122, 0.25);
}
 .was-validated .dark-mode .form-check-input:invalid, .dark-mode .form-check-input.is-invalid {
    border-color: #d27a7a;
}
 .was-validated .dark-mode .form-check-input:invalid:checked, .dark-mode .form-check-input.is-invalid:checked {
    background-color: #d27a7a;
}
 .was-validated .dark-mode .form-check-input:invalid:focus, .dark-mode .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(210, 122, 122, 0.25);
}
 .was-validated .dark-mode .form-check-input:invalid~.form-check-label, .dark-mode .form-check-input.is-invalid~.form-check-label {
    color: #d27a7a;
}
 .dark-mode .form-check-inline .form-check-input~.invalid-feedback {
    margin-left: 0.5em;
}
 .was-validated .dark-mode .input-group .form-control:invalid, .dark-mode .input-group .form-control.is-invalid, .was-validated .dark-mode .input-group .form-select:invalid, .dark-mode .input-group .form-select.is-invalid {
    z-index: 2;
}
 .was-validated .dark-mode .input-group .form-control:invalid:focus, .dark-mode .input-group .form-control.is-invalid:focus, .was-validated .dark-mode .input-group .form-select:invalid:focus, .dark-mode .input-group .form-select.is-invalid:focus {
    z-index: 3;
}
 .dark-mode .form-control.form-control-alt {
    color: #d1d1d1;
     border-color: #030303;
     background-color: #030303;
}
 .dark-mode .form-control.form-control-alt:focus {
    color: #fff;
     border-color: black;
     background-color: black;
     box-shadow: none;
}
 .dark-mode .form-control.form-control-alt.is-valid {
    border-color: rgba(20, 83, 45, 0.85);
     background-color: rgba(20, 83, 45, 0.85);
}
 .dark-mode .form-control.form-control-alt.is-valid::placeholder {
    color: #646464;
}
 .dark-mode .form-control.form-control-alt.is-valid:focus {
    border-color: #14532d;
     background-color: #14532d;
}
 .dark-mode .form-control.form-control-alt.is-invalid {
    border-color: rgba(127, 29, 29, 0.85);
     background-color: rgba(127, 29, 29, 0.85);
}
 .dark-mode .form-control.form-control-alt.is-invalid::placeholder {
    color: #646464;
}
 .dark-mode .form-control.form-control-alt.is-invalid:focus {
    border-color: #7f1d1d;
     background-color: #7f1d1d;
}
 .dark-mode .input-group-text {
    color: #d1d1d1;
     background-color: #030303;
     border-color: #1f1f1f;
}
 .dark-mode .input-group-text.input-group-text-alt {
    background-color: black;
     border-color: black;
}
 .dark-mode .is-valid~.valid-feedback, .dark-mode .is-valid~.valid-tooltip, .dark-mode .was-validated :valid~.valid-feedback, .dark-mode .was-validated :valid~.valid-tooltip, .dark-mode .is-invalid~.invalid-feedback, .dark-mode .is-invalid~.invalid-tooltip, .dark-mode .was-validated :invalid~.invalid-feedback, .dark-mode .was-validated :invalid~.invalid-tooltip {
    display: block;
}
 .dark-mode .form-check-input {
    background-color: #030303;
     border-color: #1f1f1f;
}
 .dark-mode .form-check-input:focus {
    border-color: #0173d5;
}
 .dark-mode .form-check-input:checked {
    background-color: #0173d5;
     border-color: #0173d5;
}
 .dark-mode .form-block .form-check-label {
    border-color: #1f1f1f;
}
 .dark-mode .form-block .form-check-label:hover {
    border-color: #222222;
}
 .dark-mode .form-block .form-check-label::before {
    background-color: #0173d5;
}
 .dark-mode .form-block .form-check-input:checked~.form-check-label {
    border-color: #0173d5;
}
 .dark-mode .form-block .form-check-input:focus~.form-check-label {
    border-color: #0173d5;
     box-shadow: 0 0 0 0.25rem rgba(201, 33, 45, 0.25);
}
 .dark-mode .form-block .form-check-input:disabled:not([checked])+.form-check-label:hover, .dark-mode .form-block .form-check-input[readonly]:not([checked])+.form-check-label:hover {
    border-color: black;
}
 .dark-mode .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.15);
}
 .dark-mode .breadcrumb.breadcrumb-alt .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.15);
}
 .dark-mode .alert-primary {
    color: #fff;
     background-color: #0173d5;
     border-color: #0173d5;
}
 .dark-mode .alert-primary .alert-link {
    color: #cccccc;
}
 .dark-mode .alert-secondary {
    color: #fff;
     background-color: #1a1a1a;
     border-color: #1a1a1a;
}
 .dark-mode .alert-secondary .alert-link {
    color: #cccccc;
}
 .dark-mode .alert-success {
    color: #fff;
     background-color: #039f5d;
     border-color: #039f5d;
}
 .dark-mode .alert-success .alert-link {
    color: #cccccc;
}
 .dark-mode .alert-info {
    color: #fff;
     background-color: #2d6ca7;
     border-color: #2d6ca7;
}
 .dark-mode .alert-info .alert-link {
    color: #cccccc;
}
 .dark-mode .alert-warning {
    color: #fff;
     background-color: #b5930b;
     border-color: #b5930b;
}
 .dark-mode .alert-warning .alert-link {
    color: #cccccc;
}
 .dark-mode .alert-danger {
    color: #fff;
     background-color: #8f3131;
     border-color: #8f3131;
}
 .dark-mode .alert-danger .alert-link {
    color: #cccccc;
}
 .dark-mode .alert-dark {
    color: #fff;
     background-color: black;
     border-color: black;
}
 .dark-mode .alert-dark .alert-link {
    color: #cccccc;
}
 .dark-mode .alert-light {
    color: #fff;
     background-color: #292929;
     border-color: #292929;
}
 .dark-mode .alert-light .alert-link {
    color: #cccccc;
}
 .dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
 .dark-mode .progress {
    background-color: black;
}
 .dark-mode .list-activity>li:not(:last-child) {
    border-bottom-color: black;
}
 .dark-mode .modal-header {
    border-bottom-color: #1a1a1a;
}
 .dark-mode .modal-content {
    background: #0a0a0a;
}
 .dark-mode .modal-footer {
    border-top-color: #1a1a1a;
}
 .dark-mode .toast {
    background-color: #0a0a0a;
}
 .dark-mode .toast-header {
    color: #d1d1d1;
     background-color: #1a1a1a;
}
 .dark-mode .border {
    border-color: #1a1a1a !important;
}
 .dark-mode .border-top {
   border-bottom:0px;
   border-top-color: transparent!important;
}
 .dark-mode .border-end {
    border-right-color: #1a1a1a !important;
}
 .dark-mode .border-bottom {
   border-bottom:0px;
   border-bottom-color: transparent!important;
}
 .dark-mode .border-start {
    border-left-color: #1a1a1a !important;
}
 .dark-mode .border-primary {
    border-color: #0173d5 !important;
}
 .dark-mode .border-white {
    border-color: #fff !important;
}
 .dark-mode .border-white-op {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
 .dark-mode .border-black-op {
    border-color: rgba(0, 0, 0, 0.1) !important;
}
 .dark-mode .block {
    background-color: #0a0a0a;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.5);
}
 .dark-mode .block.block-bordered {
    border: 1px solid #1a1a1a;
     box-shadow: none;
}
 .dark-mode .block .block-header-default {
    background-color: #030303 !important;
    border: 0;
}
 .dark-mode .block .block-title small {
    color: #aeaeae;
}
 .dark-mode .block.block-mode-loading::before {
    background-color: rgba(26, 26, 26, 0.85);
}
 .dark-mode .block.block-mode-loading::after {
    color: #fff;
}
 .dark-mode .block.block-transparent {
    background-color: transparent;
     box-shadow: none;
}
 .dark-mode .block.block-mode-fullscreen.block-transparent {
    background-color: #0a0a0a;
}
 .dark-mode .block .block, .dark-mode .content-side .block {
    box-shadow: none;
}
 .dark-mode a.block {
    color: #d1d1d1;
}
 .dark-mode a.block.block-link-pop:hover {
    box-shadow: 0 0.5rem 2.5rem black;
}
 .dark-mode a.block.block-link-pop:active {
    box-shadow: 0 0.375rem 0.55rem #080808;
}
 .dark-mode a.block.block-link-shadow:hover {
    box-shadow: 0 0 1.5rem black;
}
 .dark-mode a.block.block-link-shadow:active {
    box-shadow: 0 0 0.75rem black;
}
 .dark-mode .btn-block-option {
    color: #aeaeae;
}
 .block-header-default .dark-mode .btn-block-option {
    color: #a1a1a1;
}
 .dark-mode .btn-block-option:hover, .dark-mode .btn-block-option:focus {
    color: #949494;
}
 .dark-mode .btn-block-option:active {
    color: #aeaeae;
}
 .dark-mode a.btn-block-option:focus, .dark-mode .active>a.btn-block-option, .dark-mode .show>button.btn-block-option {
    color: #949494;
}
 .dark-mode .block.block-themed .btn-block-option, .dark-mode .block.block-themed .btn-block-option:hover, .dark-mode .block.block-themed .btn-block-option:focus, .dark-mode .block.block-themed .btn-block-option:active, .dark-mode .block.block-themed a.btn-block-option:focus, .dark-mode .block.block-themed .active>a.btn-block-option, .dark-mode .block.block-themed .show>button.btn-block-option {
    color: #fff;
}
 .dark-mode .timeline::before {
    background-color: #1a1a1a;
}
 .dark-mode .timeline-event-icon {
    border-color: #1a1a1a;
     box-shadow: 0 0.375rem 1.5rem #0a0a0a;
}
 .dark-mode .timeline-event-icon::before {
    border-left-color: #1a1a1a;
}
 @media (min-width: 1200px) {
    .dark-mode .timeline-centered .timeline-event-time {
        background-color: #1a1a1a;
    }
     .dark-mode .timeline-centered .timeline-event-icon::before {
        border-right-color: #1a1a1a;
    }
     .dark-mode .timeline-centered.timeline-alt .timeline-event:nth-child(even) .timeline-event-icon::before, .dark-mode .timeline-centered .timeline-event.timeline-event-alt .timeline-event-icon::before {
        border-left-color: #1a1a1a;
    }
}
 .dark-mode .img-thumb {
    background-color: black;
}
 .dark-mode .swal2-popup {
    background-color: #0a0a0a;
}
 .dark-mode .swal2-html-container {
    color: #d1d1d1;
}
 .dark-mode .jvectormap-container {
    background-color: #0a0a0a !important;
}
 .dark-mode .ck.ck-editor {
    color: #343a40;
}
 .dark-mode .dropzone {
    background-color: #121212;
     border-color: #1a1a1a;
}
 .dark-mode .dropzone .dz-message {
    color: #d1d1d1;
}
 .dark-mode .dropzone:hover {
    background-color: #1a1a1a;
     border-color: #0173d5;
}
 .dark-mode .dropzone:hover .dz-message {
    color: #0173d5;
}
 .dark-mode .dropzone .dz-preview.dz-image-preview {
    background-color: transparent;
}
 .dark-mode .fc-theme-standard a {
    color: #c5c5c5;
}
 .dark-mode .fc-theme-standard .fc-button-primary {
    color: #c5c5c5;
     background-color: black;
     border-color: black;
}
 .dark-mode .fc-theme-standard .fc-button-primary:not(:disabled):hover {
    color: #d1d1d1;
     background-color: #121212;
     border-color: #121212;
}
 .dark-mode .fc-theme-standard .fc-button-primary.fc-button-active:not(:disabled), .dark-mode .fc-theme-standard .fc-button-primary:not(:disabled):active {
    color: #d1d1d1;
     background-color: #121212;
     border-color: #121212;
}
 .dark-mode .fc-theme-standard .fc-button-primary:focus, .dark-mode .fc-theme-standard .fc-button-primary.fc-button-active:not(:disabled):focus, .dark-mode .fc-theme-standard .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 33, 45, 0.4);
}
 .dark-mode .fc-theme-standard .fc-list, .dark-mode .fc-theme-standard .fc-scrollgrid, .dark-mode .fc-theme-standard th, .dark-mode .fc-theme-standard td {
    border-color: black;
}
 .dark-mode .fc-theme-standard .fc-list-day-cushion, .dark-mode .fc-theme-standard .fc-col-header-cell {
    background-color: #121212;
}
 .dark-mode .fc-theme-standard .fc-list-event:hover td {
    background-color: #040404;
}
 .dark-mode .irs, .dark-mode .irs--round .irs-grid-text {
    color: #d1d1d1;
}
 .dark-mode .irs.irs--round .irs-min, .dark-mode .irs.irs--round .irs-max, .dark-mode .irs.irs--round .irs-line, .dark-mode .irs.irs--round .irs-grid-pol, .dark-mode .irs.irs--round .irs-handle {
    color: #d1d1d1;
     background: #030303;
}
 .dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #646464;
}
 .dark-mode .select2-container--default .select2-selection--single, .dark-mode .select2-container--default .select2-selection--multiple {
    background-color: black;
     border-color: #1f1f1f;
}
 .dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple, .dark-mode .select2-container--default.select2-container--focus .select2-selection--single, .dark-mode .select2-container--default.select2-container--open .select2-selection--multiple, .dark-mode .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #0173d5;
}
 .dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #d1d1d1;
}
 .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #1f1f1f;
}
 .dark-mode .select2-container--default .select2-dropdown .select2-search__field:focus {
    border-color: #0173d5;
}
 .dark-mode .select2-container--default .select2-dropdown {
    background-color: black;
     border-color: #1f1f1f;
}
 .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    color: #d1d1d1;
     background-color: black;
     border-color: #1f1f1f;
}
 .dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
     background-color: #0173d5;
}
 .dark-mode .select2-container--default .select2-search__field::placeholder {
    color: #646464;
}
 .dark-mode .is-valid+.select2-container--default .select2-selection--single, .dark-mode .is-valid+.select2-container--default .select2-selection--multiple, .dark-mode .is-valid+.select2-container--default.select2-container--focus .select2-selection--single, .dark-mode .is-valid+.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #11fb98;
}
 .dark-mode .is-valid+.select2-container--default.select2-container--focus .select2-selection--single, .dark-mode .is-valid+.select2-container--default.select2-container--focus .select2-selection--multiple, .dark-mode .is-valid+.select2-container--default.select2-container--open .select2-selection--single, .dark-mode .is-valid+.select2-container--default.select2-container--open .select2-selection--multiple {
    box-shadow: 0 0 0 0.25rem rgba(17, 251, 152, 0.25);
}
 .dark-mode .is-invalid+.select2-container--default .select2-selection--single, .dark-mode .is-invalid+.select2-container--default .select2-selection--multiple, .dark-mode .is-invalid+.select2-container--default.select2-container--focus .select2-selection--single, .dark-mode .is-invalid+.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #cb6767;
}
 .dark-mode .is-invalid+.select2-container--default.select2-container--focus .select2-selection--single, .dark-mode .is-invalid+.select2-container--default.select2-container--focus .select2-selection--multiple, .dark-mode .is-invalid+.select2-container--default.select2-container--open .select2-selection--single, .dark-mode .is-invalid+.select2-container--default.select2-container--open .select2-selection--multiple {
    box-shadow: 0 0 0 0.25rem rgba(203, 103, 103, 0.25);
}
 .dark-mode .datepicker .datepicker-switch:hover, .dark-mode .datepicker .next:hover, .dark-mode .datepicker .prev:hover, .dark-mode .datepicker tfoot tr th:hover, .dark-mode .datepicker table tr td.day:hover, .dark-mode .datepicker table tr td.focused {
    background-color: black;
}
 .dark-mode .datepicker table tr td.selected, .dark-mode .datepicker table tr td.selected.highlighted {
    color: #fff;
     background-color: black;
     border-color: black;
}
 .dark-mode .datepicker table tr td.range {
    color: #d1d1d1;
     background-color: black;
     border-color: black;
}
 .dark-mode .datepicker table tr td.active:hover, .dark-mode .datepicker table tr td.active:hover:hover, .dark-mode .datepicker table tr td.active.disabled:hover, .dark-mode .datepicker table tr td.active.disabled:hover:hover, .dark-mode .datepicker table tr td.active:focus, .dark-mode .datepicker table tr td.active:hover:focus, .dark-mode .datepicker table tr td.active.disabled:focus, .dark-mode .datepicker table tr td.active.disabled:hover:focus, .dark-mode .datepicker table tr td.active:active, .dark-mode .datepicker table tr td.active:hover:active, .dark-mode .datepicker table tr td.active.disabled:active, .dark-mode .datepicker table tr td.active.disabled:hover:active, .dark-mode .datepicker table tr td.active.active, .dark-mode .datepicker table tr td.active.active:hover, .dark-mode .datepicker table tr td.active.disabled.active, .dark-mode .datepicker table tr td.active.disabled.active:hover, .dark-mode .open .dropdown-toggle.datepicker table tr td.active, .dark-mode .open .dropdown-toggle.datepicker table tr td.active:hover, .dark-mode .open .dropdown-toggle.datepicker table tr td.active.disabled, .dark-mode .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dark-mode .datepicker table tr td span.active:hover, .dark-mode .datepicker table tr td span.active:hover:hover, .dark-mode .datepicker table tr td span.active.disabled:hover, .dark-mode .datepicker table tr td span.active.disabled:hover:hover, .dark-mode .datepicker table tr td span.active:focus, .dark-mode .datepicker table tr td span.active:hover:focus, .dark-mode .datepicker table tr td span.active.disabled:focus, .dark-mode .datepicker table tr td span.active.disabled:hover:focus, .dark-mode .datepicker table tr td span.active:active, .dark-mode .datepicker table tr td span.active:hover:active, .dark-mode .datepicker table tr td span.active.disabled:active, .dark-mode .datepicker table tr td span.active.disabled:hover:active, .dark-mode .datepicker table tr td span.active.active, .dark-mode .datepicker table tr td span.active.active:hover, .dark-mode .datepicker table tr td span.active.disabled.active, .dark-mode .datepicker table tr td span.active.disabled.active:hover, .dark-mode .open .dropdown-toggle.datepicker table tr td span.active, .dark-mode .open .dropdown-toggle.datepicker table tr td span.active:hover, .dark-mode .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dark-mode .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-color: #0173d5;
     border-color: #0173d5;
}
 .dark-mode .flatpickr-input.form-control:disabled, .dark-mode .flatpickr-input.form-control[readonly], .dark-mode .input.form-control:disabled, .dark-mode .input.form-control[readonly] {
    color: #d1d1d1;
     background-color: black;
     border-color: #1f1f1f;
}
 .dark-mode .flatpickr-day.selected, .dark-mode .flatpickr-day.startRange, .dark-mode .flatpickr-day.endRange, .dark-mode .flatpickr-day.selected.inRange, .dark-mode .flatpickr-day.startRange.inRange, .dark-mode .flatpickr-day.endRange.inRange, .dark-mode .flatpickr-day.selected:focus, .dark-mode .flatpickr-day.startRange:focus, .dark-mode .flatpickr-day.endRange:focus, .dark-mode .flatpickr-day.selected:hover, .dark-mode .flatpickr-day.startRange:hover, .dark-mode .flatpickr-day.endRange:hover, .dark-mode .flatpickr-day.selected.prevMonthDay, .dark-mode .flatpickr-day.startRange.prevMonthDay, .dark-mode .flatpickr-day.endRange.prevMonthDay, .dark-mode .flatpickr-day.selected.nextMonthDay, .dark-mode .flatpickr-day.startRange.nextMonthDay, .dark-mode .flatpickr-day.endRange.nextMonthDay {
    border-color: #0173d5;
     background: #0173d5;
}
 .dark-mode .flatpickr-months .flatpickr-prev-month:hover svg, .dark-mode .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #0173d5;
}
 .dark-mode .dd-handle {
    color: #d1d1d1;
     background: #121212;
     border-color: black;
}
 .dark-mode .dd-handle:hover {
    color: #b8b8b8;
}
 .dark-mode .dd-empty, .dark-mode .dd-placeholder {
    border-color: #f1abb0;
     background: #0a0a0a;
}
 #blaze-doubles.hide_roll .roll_0{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_1{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_2{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_3{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_4{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_5{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_6{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_7{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_8{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_9{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_10{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_11{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_12{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_13{
    opacity: 0.2;
}
 #blaze-doubles.hide_roll .roll_14{
    opacity: 0.2;
}
 #blaze-doubles.show_roll_0 .roll_0{
    opacity: 1;
}
 #blaze-doubles.show_roll_1 .roll_1{
    opacity: 1;
}
 #blaze-doubles.show_roll_2 .roll_2{
    opacity: 1;
}
 #blaze-doubles.show_roll_3 .roll_3{
    opacity: 1;
}
 #blaze-doubles.show_roll_4 .roll_4{
    opacity: 1;
}
 #blaze-doubles.show_roll_5 .roll_5{
    opacity: 1;
}
 #blaze-doubles.show_roll_6 .roll_6{
    opacity: 1;
}
 #blaze-doubles.show_roll_7 .roll_7{
    opacity: 1;
}
 #blaze-doubles.show_roll_8 .roll_8{
    opacity: 1;
}
 #blaze-doubles.show_roll_9 .roll_9{
    opacity: 1;
}
 #blaze-doubles.show_roll_10 .roll_10{
    opacity: 1;
}
 #blaze-doubles.show_roll_11 .roll_11{
    opacity: 1;
}
 #blaze-doubles.show_roll_12 .roll_12{
    opacity: 1;
}
 #blaze-doubles.show_roll_13 .roll_13{
    opacity: 1;
}
 #blaze-doubles.show_roll_14 .roll_14{
    opacity: 1;
}
 #blaze-doubles.hide_roll .item_disabled{
    opacity: 0.2;
}
 .dark-mode .entries .entry .roulette-tile .sm-box {
    height: 48px;
     width: 48px;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2;
     transition: all 0.2s ease-in-out;
     padding: 2px!important;
         border: 1px solid var(--color-1);
}
 .h-100 {
    width: 100% !important;
}
 .dark-mode .entries .double-single {
    cursor: pointer;
     background: black;
     margin-right: 2px;
     margin-bottom: 10px;
     border-radius: 4px;
     transition: all 0.5s ease;
     position: relative;
     /*width: calc( 6% - 2px);*/
     border: transparent!important;
}
 .fixed .entries .double-single {
    cursor: pointer;
     background: black;
     margin-right: 2px;
     margin-bottom: 10px;
     border-radius: 4px;
     transition: all 0.5s ease;
     position: relative;
     width: calc( 5% - 2px)!important;
}
 .no_fixed #fixed-columns-view{
    display: none;
}
 .fixed #fixed-columns-view{
    display: initial;
}
 #blaze-doubles{
    min-width: 1020px;
     width: 100%;
     overflow-x: hidden;
     margin-top: 10px;
}
 .fixed #blaze-doubles{
    min-width: 1000px!important;
    /*width: 100%;
    */
    /*overflow-x: hidden;
    */
    /*margin-top: 10px;
    */
}
 #blaze-doubles .entry{
    height: auto!important;
}
 .dark-mode .entries .double-single .double-fotter .time-compact{
    font-size: 14px;
     letter-spacing: -1px;
}
 #results-front-taber{
    overflow-x: scroll;
}
 #fixed-columns-view{
    min-width: 1000px;
     width: 100%;
     position: relative;
     float: left;
     background-color: rgb(7, 14, 24);
     border-radius: 5px;
     color: #fff;
     margin-bottom: 10px;
     height: 40px;
}
 #fixed-columns-view .fixed-item{
    float: right;
     width: 10%;
     text-align: center;
     border-right: 1px solid white;
     height: 40px;
     padding-top: 7px;
     font-size: 13pt;
}
 #fixed-columns-view .fixed-item:last-child{
    border-right: 0px solid white;
}
 .reverse #fixed-columns-view{
    transform: rotatey(180deg)!important;
}
 .reverse #fixed-columns-view .fixed-item{
    transform: rotatey(180deg)!important;
}
 .reverse #blaze-doubles{
    transform: rotatey(180deg)!important;
}
 .reverse .double-single{
    /*transform: rotatey(180deg);
    */
}
 .reverse .double-single .number{
    transform: rotatey(180deg);
}
 .reverse .double-single .time-compact{
    transform: rotatey(180deg);
}
 .dark-mode .entries .double-single:hover{
    border-color: rgb(1, 115, 213) !important;
     transform: translateY(0px)!important;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.red{
    background:#c9212d;
}
 .form-check-input:focus{
    box-shadow: initial;
}
 .settings-inverter input{
    cursor: pointer;
}
.form-search{
   width: 100%;
}
.form-search .form-line{
   width: 100%;
   float: left;
}
 .form-search input{
    background: none;
     border-radius: 5px;
     width: 100%;
     color: #fff;
     padding: 0px 5px 0px 5px;
     border-color: #fff;
     outline: none;
     font-size: 12pt;
     height: 40px;
}
.form-search select{
    background: transparent;
     border-radius: 5px;
     width: 100%;
     color: #fff;
     padding: 0px 5px 0px 5px;
     border-color: #fff;
     outline: none;
     font-size: 12pt;
     height: 40px;
}
 .form-search label{
    float: left;
     margin-right: 15px;
   width: calc(20% - 15px);
}
 .form-search{
    padding: 0!important;
}
 .bg-blue{
    background: #0173d5!important;
}
 .table-scroll{
    max-height: 200px;
     overflow-y: scroll;
}
 .nav-main-item .angle{
    width: 15px;
     position: absolute;
     right: 10px;
     transform: rotate(90deg);
     transition: 1;
}
 .nav-main-item.open .angle{
    transform: rotate(0deg);
}
 .dark-mode .entries .entry .roulette-tile .sm-box.empty{
    border: 1px solid white;
}
 .dark-mode .entries .entry .roulette-tile .sm-box.empty .number{
    border: 1px solid white;
}
 #blaze-doubles{
    transition: transform 0.3s ease-in-out;
}
 #blaze-doubles.hide_roll .empty_item{
    opacity: 0.3!important;
}
 #results-front-taber .empty_item{
    display: none;
}
 #results-front-taber.fixed .empty_item{
    display: block;
}
 #fixed-columns-view .fixed-item{
    b 
}
 .d-none{
    display: none;
}
 #results-front-taber{
    opacity: 0;
}
 .bg-header-dark{
    background: #0173d5!important;
}
 *{
    font-family: Barlow !important
}
 .bg-header-dark{
    background: #0173d5!important;
}
 .nav-main-item.open .top-menu{
    background-color: transparent;
}
 #sidebar.close{
    transform: translateX(-100%) 
}
 #page-container{
    transition: transform 0.45s cubic-bezier(0.2, 0.61, 0.42, 0.97);
}
 .close-menu{
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
     display: none;
}
 @media (min-width: 992px) {
    #page-container.open{
        transition: transform 0.45s cubic-bezier(0.2, 0.61, 0.42, 0.97);
         padding-left: 0px;
    }
}
 @media (max-width: 991px) {
    .mx-1{
        min-width: 300px;
    }
     #page-container.open .close-menu{
        display: block;
    }
     #page-container.open #sidebar{
        transform: translateX(0%);
         width: 100%;
    }
     #sidebar{
        position: absolute;
    }
}
 .scrollable-horizontal{
    overflow-x: scroll;
}
 .nav-main-link{
    cursor: pointer;
}
 header .content-header{
    background-color: var(--color-1) !important;
}
header .logo{
	scale: 1.2;
}
header .logo-text{
	left: -20px;
	position: relative;
}
 .container-fluid{
    margin-top: 10px;
}
 .datepicker-days .day{
    text-align: center;
     cursor: pointer;
}
 .date-search{
    cursor: pointer;
}
 .datepicker-days .day:hover{
    background: #055bbb;
     color:white;
     border-radius: 5px;
}
 .datepicker-days .disabled.day{
    opacity: 0.3;
     cursor: auto;
     background: var(--color-1);
     color:black;
}
.datepicker-days{
   background: var(--color-1)!important;
   color: white;
}
 .datepicker-days .active.day{
    background: green;
     color:white;
     border-radius: 5px;
}
.datepicker-days .prev{
   cursor: pointer;
}
.datepicker-days .next{
   cursor: pointer;
}
.datepicker-days.dropdown-menu{
   background-color: var(--color-1)!important;
}
 #myProgress{
    display: block;
}
 #myBar {
    width: 45%;
     height: 5px;
     background-color: #0173d5;
}
 .bg-red{
    background: red !important;
     background-color: red !important;
}
 .fixed.line-none{
    display: none;
}
 .empty_item.line-none{
    display: none!important;
}
 .form-check-input{
    cursor: pointer;
}
.stats_functions .enabled {
    width: 45px;
     height: 22px;
     border-radius: 22px;
     position: relative;
     top: 4px;
     background: rgb(0 123 255);
     border: 0;
     padding: 1px;
     cursor: pointer;
}
 .stats_functions .disabled {
    background: gray;
}
 .stats_functions .enabled span {
    background: black;
     width: 20px;
     height: 20px;
     border-radius: 100%;
     display: block;
     float: right;
}
 .stats_functions .disabled .ball_disabled {
    float: left;
}
 .stats_functions .enabled span {
    background: black;
     width: 20px;
     height: 20px;
     border-radius: 100%;
     display: block;
     float: right;
}
.stats_functions{
    margin-right:20px
}
 .dark-mode .blaze-catalog .empty_item .entry .roulette-tile .sm-box.white {
    background-color: #ffffff;
     background-image: url(../images/logo-blaze-black.png);
     background-size: 30px;
     background-position: center;
     background-repeat: no-repeat;
}
 .dark-mode .jonbet-catalog .empty_item .entry .roulette-tile .sm-box.white {
    background-color: #ffffff;
     background-image: url(../images/logo-jonbet-black.png);
     background-size: 30px;
     background-position: center;
     background-repeat: no-repeat;
}
/* width */
 ::-webkit-scrollbar {
    width: 5px;
     height: 5px;
     border-radius: 20px;
}
/* Track */
 ::-webkit-scrollbar-track {
    background: #fff;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
    background: var(--color-1);
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
    background: var(--color-2);
}
 .reverse .date-time-roll{
    transform: rotatey(180deg);
}
 .date-time-roll{
    position: absolute;
     top: -40px;
     left: -97.5px;
     width: 250px;
     height: 35px;
     padding: 5px;
     background: #151c23 !important;
     border-radius: 5px;
     z-index: 9999;
     border: 1px solid white;
     text-align: center;
     transition: 0.2s;
    z-index: 99999 
}
 .date-time-roll:after {
    content: '';
     position: absolute;
     left: 120px;
     bottom: -15px;
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-left: 10px solid white;
     border-bottom: 10px solid transparent;
     z-index: 99999;
    transform: rotate(90deg);
}
.premium-sidebar{

}
.premium-sidebar .title{
	padding: 10px; text-align: center;
	font-size: 12pt;
	margin-bottom: 0;
}
.premium-sidebar .text{
	text-align: center;
	font-size: 10pt;
	padding: ;
}
.premium-sidebar button{
	padding: 5px; border: 0; border-radius: 5px; width: 150px; background: var(--color-3); color: white; font-size: 10pt;
}
.hover:hover{
	opacity: 0.9;
	transition: 0.3s;
}
.copyright{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 8pt;
}
.f-600{
    font-weight: 600!important;
}
.f-700{
    font-weight: 700!important;
}
.f-800{
    font-weight: 800!important;
}
.nav-main-link-name.f-bold{
    font-weight: 800!important;
}
.nav-main-link-name.active{
	font-weight: 800!important;
}
#page-header .btn-invictus{
    background-color: var(--color-4)!important;
    border: none;
}
#page-header .platform{
	float: left;
}
.btn-svg{
	cursor:pointer;display:flex;align-items:center;
}
.btn-svg svg{
	float:left;width:24px;height:24px;
	width: 20px;
}
.btn-svg span{
	line-height:24px;
}
#page-header .platform{
	display:flex;align-items:center;gap:8px;
}
#page-header .platform .platform-chose{
	font-size:16px;
	background: #0f0f0f;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
    min-width: 120px;
}

/* Container do dropdown */
#page-header .platform  .custom-select {
  position: relative;
  display: inline-block;
  width: 200px;
  font-family: sans-serif;
}

/* Botão que mostra a opção selecionada */
#page-header .platform  .custom-select .select-selected {
  background-color:var(--color-4);
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  min-height: 40px;
}

/* Lista de opções */
#page-header .platform  .custom-select .select-items {
  position: absolute;
  background-color:var(--color-4);
  border-top: none;
  width: 100%;
  z-index: 99;
  display: none;
  flex-direction: column;
  border-radius: 5px;
}

/* Cada item da lista */
#page-header .platform  .custom-select .select-items div {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px;
}

#page-header .platform  .custom-select .select-items div:hover {
  /*background-color: #f1f1f1;*/
  opacity: 0.9;
}
#page-header .platform  .custom-select .svg{
	width: 15px;
    height: 15px;
    flex-shrink: 0;
    position: absolute;
    right: 10px;
    transform: rotate(180deg);
}
.select-items .svg{
	display: none;
}
#page-header .profile {
  display: flex;
  align-items: center;
  width: auto;
  border-radius: 5px;
  overflow: hidden;
  font-family: sans-serif;
  position: relative;
}

/* Imagem de perfil */
#page-header .profile .profile-img {
  object-fit: cover;
  border-radius: 100%;
  border: 1px solid white;
}

/* Conteúdo à direita da imagem */
#page-header .profile .profile-info {
  flex: 1;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Nome e plano */
#page-header .profile .profile-info .name {
  font-weight: bold;
  font-size: 16px;
  margin-right: 30px;
}

#page-header .profile .profile-info .plan {
  font-size: 12px;
  color: #fff;
}

/* Container da seta */
#page-header .profile .profile-arrow {
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
  position: relative;
}

/* Dropdown */
#page-header .profile .profile-dropdown {
	position: fixed;
	top: 60px;
	right: 0px;
  background-color: var(--color-1) !important;
  border-radius: 5px;
  width: 280px;
  display: none;
  flex-direction: column;
  z-index: 10;
}

/* Itens do dropdown */
#page-header .profile .profile-dropdown a {
  padding: 10px;
  text-decoration: none;
  color: white;
  font-size: 14px;
  text-align: center;
}

#page-header .profile .profile-dropdown a:hover {
  opacity: 0.8;
}

/* Ícone da seta */
#page-header .profile .profile-arrow .angle {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.arrow img{

}
#page-header .profile .svg{
	width: 15px;
    height: 15px;
    flex-shrink: 0;
    position: absolute;
    right: 10px;
    transform: rotate(180deg);
}
#main-container .block-1{
	width: 100%!important;
	float: left;
	display: grid;
	position: relative;
	padding: 10px;
}
#main-container .block-2{
	width: 50%!important;
	float: left;
	display: grid;
	position: relative;
	padding: 10px;
}
#main-container .block-3{
	width: 33.3333%!important;
	float: left;
	display: grid;
	position: relative;
	padding: 10px;
}
#main-container .block-4{
	width: 25%!important;
	float: left;
	display: grid;
	position: relative;
	padding: 10px;
}
#main-container .block-5{
	width: 20%!important;
	float: left;
	display: grid;
	position: relative;
	padding: 10px;
}
#main-container .block-fixed{
	width: 300px!important;
	float: left;
	display: grid;
	position: relative;
	padding: 10px;
}
#main-container .block-full{
   width: 100%!important;
   float: left;
   display: inline;
   position: relative;
   padding: 10px;
}
#main-container{
	padding: 10px;
   padding-top: 0px;
}
#main-container .block-content{
	height: 150px;
	padding: 10px;
	background-color: var(--color-2);
}
#main-container .border-top{
   border-radius: 5px 5px 0px 0px;
}
#main-container .border-bottom{
   border-radius: 0px 0px 5px 5px;
}
#main-container .border-full{
   border-radius: 5px 5px 5px 5px;
}
#main-container .title{
	width: 100%;
	background-color: var(--color-1);
	padding: 10px;
}
#main-container .content{
	width: 100%;
    background-color: var(--color-2);

}
#main-container .block-padd{
	padding: 10px;
}
#main-container .block-content #validator-content{
	width: 100%!important;
}
.dark-mode .block{
	background-color: initial!important;
}
#main-container .block-content #validator-number{
	background-color: initial;
}
#main-container #validator-content .double-single{
	background-color: initial!important;
}

.horizontal-scroll {
    display: flex;           /* Mantém os elementos em linha */
    /*overflow-x: auto;        /* Habilita scroll horizontal */*/
    /*white-space: nowrap;     /* Impede quebra de linha */*/
    /*width: fit-content;*/
}
.block.block-rounded{
	/*overflow-x: scroll ;*/
}
#main-container .block-header-default .header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

#main-container .block-header-default .left-section {
    display: flex;
    align-items: center;
    gap: 8px;
}

#main-container .block-header-default .icon {
    height: 28px;
    width: 28px;
    object-fit: contain;
}
#main-container .block-header-default .icon-config{
    height: 25px;
    width: 25px;
    object-fit: contain;
}
#main-container .block-header-default .left-section .text {
    font-size: 15px;
    color: #fff;
}

#main-container .block-header-default .blaze-color {
    color: #ff3b3b;
}
#main-container .block-header-default .jonbet-color {
    color: rgb(11, 214, 30)!important;
}
#main-container .jonbet-platform .switches-container{
   scrollbar-width: thin;
   scrollbar-color: rgb(11, 214, 30) transparent !important;
}
#main-container .blaze-platform .switches-container{
   scrollbar-width: thin;
   scrollbar-color: #ff3b3b transparent!important;
}
#main-container .block-header-default .right-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

#main-container .block-header-default .action-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    transition: 0.2s ease;
    height: 40px;
    font-weight: 600;
}

#main-container .block-header-default .action-btn:hover {
    background: rgba(255, 255, 255, 0.1);
}

#main-container .block-header-default .action-btn i {
    font-size: 16px;
}
#main-container .right-section .hide-btn-config{
   /*color:#365072;*/
   /*border-color: #365072;*/

}
#main-container .content-form{
   background-color: var(--color-2);
   padding: 20px;
}
#main-container .p-2 {
   padding: 20px!important;
}
#main-container .m-2 {
   margin: 10px!important;
}
#main-container .form-line .block-header-default .header-content{
   padding-left: 0;
   padding-right: 0;
}
#main-container .form-line .title{
   margin-top: 20px;
}
#main-container #formSearch button{
   width: 230px;
    display: flex;
    align-items: center;   /* alinha verticalmente */
    justify-content: center; /* centraliza horizontalmente */
    gap: 6px;              /* espaçamento entre ícone e texto */
    padding: 6px 12px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s ease;
}
#main-container .form-line .title{
   padding-left: 0;
   padding-right: 0;
}
#main-container .form-line .right-section .limpar{
   background-color: #f02d4d!important;
   color: #fff;
   border-color: #f02d4d!important;
}
#main-container .form-line .right-section .exportar{
   color: #f02d4d!important;
   border-color: #f02d4d!important;
}
#main-container .form-line .right-section .destacar{
   color: #4b98ea!important;
   border-color: #4b98ea!important;
}
#main-container .form-line .right-section .filtrar{
   background-color: #4b98ea!important;
   border-color: #4b98ea!important;
}

#main-container .block-header-default .switches-container {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding: 10px 0;
    scrollbar-width: thin;
    scrollbar-color: #444 transparent;
    margin: 0 auto;
}

/* cada conjunto (chave + texto) */
#main-container .block-header-default .switch {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    flex-shrink: 0;
    user-select: none;
    color: #fff;
    font-size: 14px;
    width: auto;
}

/* botão da chave */
#main-container .block-header-default .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

#main-container .block-header-default .slider {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    background-color: #777;
    border-radius: 26px;
    transition: 0.3s;
    flex-shrink: 0;
}

#main-container .block-header-default .slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

/* ativado */
#main-container .block-header-default .switch input:checked + .slider {
    background-color: #2196f3;
}

#main-container .block-header-default .switch input:checked + .slider::before {
    transform: translateX(22px);
}

/* Quando ativado */
.theme-blaze .block-header-default .switch input:checked + .slider {
    background-color: #ff3b3b!important;
}
.theme-jonbet .block-header-default .switch input:checked + .slider {
    background-color: rgb(11, 214, 30)!important;
}
.theme-invictus .block-header-default .switch input:checked + .slider {
    background-color: #527088!important;
}

#main-container .block-header-default .switch input:checked + .slider::before {
    transform: translateX(22px);
}
.main-container{
   float: left;
   position: relative;
}
#main-container .block-header-default .clean-line {
    display: block;
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background: transparent;
}
#catalog_itens{
    width: 1040px;
    margin: 0 auto;
    padding-top: 0!important;
}
.no_fixed #catalog_itens{
    width: 1000px;
    margin: 0 auto;
}
.no_fixed #blaze-doubles{
   min-width: auto ;
}
.fixed .entries .double-single{
   border: transparent!important;
}
#main-container #blaze-doubles .p-2{
   padding: 0px!important;
}
#catalog_itens{
   padding: 10px;
}

#main-container .block-header-default .carousel-container {
    position: relative;
    width: 100%;
    background-color: rgb(7, 14, 24);
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

#main-container .block-header-default .carousel-slide {
    display: none;
    position: relative;
}

/*#main-container .block-header-default .carousel-slide img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}
*/
/* texto sobre a imagem */
#main-container .block-header-default .caption {
    position: absolute;
    bottom: 30px;
    left: 100px;
    color: white;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
}

#main-container .block-header-default .caption h2 {
    margin: 0;
    font-size: 1.6rem;
}

#main-container .block-header-default .caption p {
    margin: 6px 0 10px;
}

#main-container .block-header-default .btn {
    display: inline-block;
    padding: 6px 12px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    text-decoration: none;
}

/* setas */
.arrow {
    width: 50px;             /* largura do círculo */
    height: 50px;            /* altura do círculo */
    background-color: rgba(0,0,0,0.5); /* cor de fundo */
    color: white;            /* cor da seta */
    display: flex;           /* para centralizar conteúdo */
    align-items: center;     /* centraliza vertical */
    justify-content: center; /* centraliza horizontal */
    border-radius: 50%;      /* deixa redondo */
    font-size: 24px;         /* tamanho da seta */
    cursor: pointer;
    user-select: none;       /* impede seleção da seta */
    position: absolute;      /* caso queira posicionar sobre o slide */
    top: 50%;                /* centraliza vertical no slide */
    transform: translateY(-50%);
    z-index: 10;             /* para ficar sobre o conteúdo */
}

/* Se quiser um efeito de hover */
.arrow:hover {
    opacity: 0.5;
}
#main-container .block-header-default .arrow.left {
    left: 15px;
}
#main-container .block-header-default .arrow.right {
    right: 15px;
}

/* animação suave no fade */
#main-container .block-header-default .fade {
    animation: fadeEffect 7s;
}
@keyframes fadeEffect {
    from { opacity: 1; }
    to { opacity: 1; }
}
.m-b-10{
   margin-bottom: 10px;
}
.block-strategy .itens{
     background: var(--color-2);
     width: 100%;
     float: left;
     display: flex;
     flex-direction: column;
     max-height: 300px;     /* limite de altura */
     overflow-y: auto;      /* scroll vertical se passar do limite */
     overflow-x: hidden;    /* evita scroll lateral */
     scrollbar-width: thin; /* scrollbar fina (Firefox) */
 }
 .block-strategy .item-stats{
     width: 100%;
     float: left;
     background: var(--color-2);
     padding: 10px;
     border-right: 1px solid var(--color-1);
     border-left: 1px solid var(--color-1);
 }
 .block-strategy .itens .item-line{
     border: 1px solid var(--color-1);
     display: flex;
     width: 100%;
     height: 48px;
     border-bottom: 1px solid var(--color-1); /* opcional, só pra separar linhas */
 }

 .block-strategy .itens .item-line > div {
     display: flex;
     align-items: center;
     justify-content: center; /* centraliza conteúdo */
     padding: 8px 0;
 }

 .block-strategy .itens .item-line .item-color {
     width: 30%;
     border-right: 1px solid var(--color-1);
 }

 .block-strategy .itens .item-line .item-time {
     width: 65%;
     border-right: 1px solid var(--color-1);
     font-size: 12pt;
     position: relative;
 }
 .block-strategy .itens .item-line .item-time .sub-item-time{
   float: right;
   margin-left: 2px;
   margin-right: 2px;
 }

 .block-strategy .itens .item-line .item-result {
     width: 15%;
 }
 .block-strategy .itens .item-line .item-result img{
     width: 20px;
 }
 .block-strategy .itens .item-line img {
     width: 30px;
     height: auto;
 }
 .subtitle{
     display: flex;
     align-items: center;
     justify-content: center; /* centraliza conteúdo */
     padding: 8px 0;
 }
 .scroll-v {
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-width: thin; /* Firefox */
     scrollbar-color: var(--color-2) var(--color-1);
 }

 /* ====== Navegadores WebKit (Chrome, Edge, Safari) ====== */
 .scroll-v::-webkit-scrollbar {
     width: 6px;              /* barra fina */
 }


 #loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /*background: rgba(0,0,0,0.6);*/
    /*backdrop-filter: blur(4px);*/
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transform: transition 0.5s;
}

.loader {
    width: 140px;
    height: 140px;
    border: 12px solid var(--color-1);
    bordert-op: 12px solid var(--color-2);
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    box-shadow: 0 0 20px var(--color-2), 0 0 40px var(--color-2), 0 0 60px var(--color-2);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.title-top{
   font-size: 18pt;
}
.block-header-default.block-carousel{
   padding: 10px!important;
   margin-bottom: 0!important;
   padding-bottom: 0!important;
}
#item-carousel{
   opacity: 0;
}
.reverse #fixed-columns-view{
   margin-bottom: 20px;
}

/* Para telas mobile */
@media (max-width: 768px) {
    #main-container .block-3{
        width: 100%!important; /* ocupa toda a largura da tela */
        box-sizing: border-box; /* garante que padding e border não quebrem o layout */
    }
    #main-container{
      overflow: hidden;
      padding: 0!important;
    }
    #main-container .title{
    }
}

.theme-blaze .border-theme-platform{
   border: 2px solid #C92128 !important;
   border-radius: 4px;
   box-shadow: 0 0 10px #c9212d;
}
.theme-jonbet .border-theme-platform{
   border: 2px solid #0BD61E !important;
   border-radius: 4px;
   box-shadow: 0 0 10px #0BD61E;
}
.theme-invictus .border-theme-platform{
   border: 2px solid #527088 !important;
   border-radius: 4px;
   box-shadow: 0 0 10px #527088;
}
.theme-blaze .border-theme-platform-bottom{
   border-bottom: 2px solid #C92128 !important;
   /*border-radius: 4px;*/
   box-shadow: 0 0 10px #c9212d;
}
.theme-jonbet .border-theme-platform-bottom{
   border-bottom: 2px solid #0BD61E !important;
   /*border-radius: 4px;*/
   box-shadow: 0 0 10px #0BD61E;
}
.theme-invictus .border-theme-platform-bottom{
   border-bottom: 2px solid #527088 !important;
   /*border-radius: 4px;*/
   box-shadow: 0 0 10px #527088;
}
.theme-blaze .border-theme-platform-right{
   border-right: 2px solid #C92128 !important;
   /*border-radius: 4px;*/
   box-shadow: 0 0 10px #c9212d;
}
.theme-jonbet .border-theme-platform-right{
   border-right: 2px solid #0BD61E !important;
   /*border-radius: 4px;*/
   box-shadow: 0 0 10px #0BD61E;
}
.theme-invictus .border-theme-platform-right{
   border-right: 2px solid #527088 !important;
   /*border-radius: 4px;*/
   box-shadow: 0 0 10px #527088;
}
.theme-invictus .border-theme-platform-none{
   border: 0px solid #527088 !important;
   border-radius: 4px;
   box-shadow: none;
}
/*.block-header-default{
   border: 2px solid #C92128 !important;
   border-radius: 4px;
   box-shadow: 0 0 10px #c9212d;
}*/

#menu_action{
   cursor: pointer;
   position: relative;
   float: left;
}
body .show-after-load {
   opacity: 0; /* começa invisível */
   transition: opacity 1s ease; /* transição suave */
   display: none; /* não aparece até a função rodar */
}
.configuracoes_div .form-content-config{
   margin-top: 20px!important;
   float: left;
}
.configuracoes_div{
   float: left;
   width: 100%;
}
body div{
   color: white!important;
}

.color-slider-container {
   margin-bottom: 20px;
   font-family: sans-serif;
}

.color-slider {
   width: 100%;
   height: 20px;
   border-radius: 10px;
   appearance: none;
   background: linear-gradient(to right, #C92128, #FFA500, #0BD61E, #1E90FF, #800080);
   cursor: pointer;
}

.color-slider::-webkit-slider-thumb {
   appearance: none;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: #fff;
   border: 2px solid #000;
   cursor: pointer;
   margin-top: -3px;
}

.border-theme-platform.demo-box {
   margin-top: 20px;
   padding: 20px;
   border: 2px solid #C92128;
   border-radius: 4px;
   box-shadow: 0 0 10px #C92128;
   text-align: center;
   font-weight: bold;
   transition: border-color 0.3s, box-shadow 0.3s;
}
.btn-invictus-theme{
   background-color: var(--color-6)!important;
   border-radius: 5px;
}
/* Botão tema Invictus — todos os estados com fundo e bordas var(--color-6) */
.btn-invictus-theme,
button.btn-invictus-theme,
a.btn-invictus-theme,
input[type="button"].btn-invictus-theme,
input[type="submit"].btn-invictus-theme {
              /* texto em branco para contraste */
   background-color: var(--color-6);      /* fundo pedido */
   border: 1px solid var(--color-6);      /* borda pedida */
   
}

/* hover */
.btn-invictus-theme:hover,
a.btn-invictus-theme:hover {
   background-color: var(--color-6);
   border-color: var(--color-6);
   text-decoration: none;
}

/* focus (para teclados) */
.btn-invictus-theme:focus,
a.btn-invictus-theme:focus,
button.btn-invictus-theme:focus,
input.btn-invictus-theme:focus {
   background-color: var(--color-6);
   border-color: var(--color-6);
   outline: 2px solid transparent; /* remove outline default */
   box-shadow: 0 0 0 3px rgba(81,108,131,0.12); /* foco visível sem alterar borda */
}

/* focus-visible (navegadores com indicação de foco por teclado) */
.btn-invictus-theme:focus-visible {
   background-color: var(--color-6);
   border-color: var(--color-6);
   box-shadow: 0 0 0 3px rgba(81,108,131,0.16);
}

/* active / pressed */
.btn-invictus-theme:active,
a.btn-invictus-theme:active,
button.btn-invictus-theme:active {
   background-color: var(--color-6);
   border-color: var(--color-6);
   transform: translateY(1px) scale(.998);
}

/* visited — aplicável a <a> */
a.btn-invictus-theme:visited {
   background-color: var(--color-6);
   border-color: var(--color-6);
   color: #ffffff;
}

/* disabled / desativado */
.btn-invictus-theme:disabled,
button.btn-invictus-theme:disabled,
input.btn-invictus-theme:disabled,
.btn-invictus-theme[disabled] {
   background-color: var(--color-6);
   border-color: var(--color-6);
   opacity: .6;
   cursor: not-allowed;
   pointer-events: none;
}

/* quando o botão pode ser foco + hover (garante consistência) */
.btn-invictus-theme:focus:hover,
.btn-invictus-theme:focus-visible:hover {
   background-color: var(--color-6);
   border-color: var(--color-6);
}

/* estado "aria-pressed" ou checked (para toggles) */
.btn-invictus-theme[aria-pressed="true"],
.btn-invictus-theme.is-active,
.btn-invictus-theme.checked {
   background-color: var(--color-6);
   border-color: var(--color-6);
}

/* pequeno helper para versões icon-only */
.btn-invictus-theme.icon-only {
   padding: .4rem;
   width: 2.6rem;
   height: 2.6rem;
}

/* Optionais: reduzir movimento em preferência por redução de movimento */
@media (prefers-reduced-motion: reduce) {
   .btn-invictus-theme {
      transition: none;
   }
}
.btn-primary{
    transition: .2s ease!important;
}

.toggle-senha {
   position: absolute;
   top: 50%;
   right: 1rem;
   transform: translateY(-50%);
   cursor: pointer;
   color: var(--color-6);
   font-size: 1.2rem;
   z-index: 10;
}
.toggle-senha:hover {
   color: #2d3b49;
}
#minha_conta .item-payment .form-control{
   /*border: 0!important;*/
   border-radius: 0!important;
}
#minha_conta .item-payment{
   /*padding: 10px;*/
    width: 100%;
    float: left;
    border: 2px solid var(--color-6);
    border-radius: 5px;
    margin-top: 30px;
}
a.btn-invictus-theme{
   background-color: var(--color-6);  
}




/* ===============================
   GRID INVICUTS - CSS PURO
   =============================== */

.grid {
   display: flex;
   flex-wrap: wrap;
   /*margin-left: -10px;*/
   /*margin-right: -10px;*/
}

.grid > [class*="c-"] {
   /*padding-left: 10px;*/
   /*padding-right: 10px;*/
   /*box-sizing: border-box;*/
}

/* ======== COLUNAS BASE (MOBILE FIRST) ======== */
/* Cada coluna é uma fração de 12 */
.c-1  { flex: 0 0 8.333%;  max-width: 8.333%; }
.c-2  { flex: 0 0 16.666%; max-width: 16.666%; }
.c-3  { flex: 0 0 25%;     max-width: 25%; }
.c-4  { flex: 0 0 33.333%; max-width: 33.333%; }
.c-5  { flex: 0 0 41.666%; max-width: 41.666%; }
.c-6  { flex: 0 0 50%;     max-width: 50%; }
.c-7  { flex: 0 0 58.333%; max-width: 58.333%; }
.c-8  { flex: 0 0 66.666%; max-width: 66.666%; }
.c-9  { flex: 0 0 75%;     max-width: 75%; }
.c-10 { flex: 0 0 83.333%; max-width: 83.333%; }
.c-11 { flex: 0 0 91.666%; max-width: 91.666%; }
.c-12 { flex: 0 0 100%;    max-width: 100%; }

/* ======== TABLET (>=768px) ======== */
@media (min-width: 768px) {
   .c-md-1  { flex: 0 0 8.333%;  max-width: 8.333%; }
   .c-md-2  { flex: 0 0 16.666%; max-width: 16.666%; }
   .c-md-3  { flex: 0 0 25%;     max-width: 25%; }
   .c-md-4  { flex: 0 0 33.333%; max-width: 33.333%; }
   .c-md-5  { flex: 0 0 41.666%; max-width: 41.666%; }
   .c-md-6  { flex: 0 0 50%;     max-width: 50%; }
   .c-md-7  { flex: 0 0 58.333%; max-width: 58.333%; }
   .c-md-8  { flex: 0 0 66.666%; max-width: 66.666%; }
   .c-md-9  { flex: 0 0 75%;     max-width: 75%; }
   .c-md-10 { flex: 0 0 83.333%; max-width: 83.333%; }
   .c-md-11 { flex: 0 0 91.666%; max-width: 91.666%; }
   .c-md-12 { flex: 0 0 100%;    max-width: 100%; }
}

/* ======== DESKTOP (>=1024px) ======== */
@media (min-width: 1024px) {
   .c-lg-1  { flex: 0 0 8.333%;  max-width: 8.333%; }
   .c-lg-2  { flex: 0 0 16.666%; max-width: 16.666%; }
   .c-lg-3  { flex: 0 0 25%;     max-width: 25%; }
   .c-lg-4  { flex: 0 0 33.333%; max-width: 33.333%; }
   .c-lg-5  { flex: 0 0 41.666%; max-width: 41.666%; }
   .c-lg-6  { flex: 0 0 50%;     max-width: 50%; }
   .c-lg-7  { flex: 0 0 58.333%; max-width: 58.333%; }
   .c-lg-8  { flex: 0 0 66.666%; max-width: 66.666%; }
   .c-lg-9  { flex: 0 0 75%;     max-width: 75%; }
   .c-lg-10 { flex: 0 0 83.333%; max-width: 83.333%; }
   .c-lg-11 { flex: 0 0 91.666%; max-width: 91.666%; }
   .c-lg-12 { flex: 0 0 100%;    max-width: 100%; }
}
.min-height-350{
   min-height: 360px!important;
}
.clean-line{
    display: block;
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background: transparent;
    float: left;
}
.item-strategy{
   display: block;
   width: auto;
   height: auto;
}



#stats-column{
    min-width: 1000px;
     width: 100%;
     position: relative;
     float: left;
     background-color: rgb(7, 14, 24);
     border-radius: 5px;
     color: #fff;
     margin-bottom: 10px;
     height: 90px;
}
 #stats-column .fixed-item{
    float: right;
     width: 10%;
     text-align: center;
      padding: 1px;
     font-size: 13pt;
}
 #stats-column .fixed-item:last-child{
    border-right: 0px solid white;
}
#stats-column .item_coluna_red{
   background-color: var(--blaze-red);
   border-radius: 4px 4px 0px 0px;
}
#stats-column .item_coluna_black{
   background-color: var(--blaze-black);
}
#stats-column .item_coluna_white{
   background-color: var(--blaze-white);
   color: #000!important;
   border-radius: 0px 0px 4px 4px;
}

.theme-blaze .item_coluna_red{
   background-color: var(--blaze-red)!important;
}
.theme-jonbet .item_coluna_red{
   background-color: var(--jonbet-red)!important;
   color: #000!important;
}

 .theme-jonbet .entries .entry .roulette-tile .sm-box.red {
    background-color: var(--jonbet-red)!important;
}
 .theme-jonbet .entries .entry .roulette-tile .sm-box.red .number {
    color: var(--jonbet-black)!important;
     border: 3px solid var(--jonbet-black)!important;
}

 .dark-mode .entries .entry .roulette-tile .sm-box.red{background: #e21d48; } .dark-mode .entries .entry .roulette-tile .sm-box.black{background: #292524; } .dark-mode .entries .entry .roulette-tile .sm-box.red .number{border: 0.15625rem solid white; } .dark-mode .entries .entry .roulette-tile .sm-box.black .number{border: 0.15625rem solid white; } .dark-mode .entries .entry .roulette-tile .sm-box .number{width: 30px; height: 30px; font-size: 10pt!important; font-weight: 600; font-family: Arial !important; font-weight: 700; } .dark-mode .entries .double-single .double-fotter .time-compact{font-size: 9pt!important; font-weight: 600; font-family: Arial !important; font-weight: 700; letter-spacing: 0.01rem; } .dark-mode .entries .double-single .double-fotter{margin:0px; background-color: transparent!important; font-family: Arial !important; font-size: 8pt !important; font-weight: 700; } .dark-mode .entries .double-single{margin-bottom: 3px; } .fixed .entries .double-single{margin-right: 0px; width: calc(5%) !important; } .dark-mode .entries .entry .roulette-tile .sm-box{width: 50px; height: 50px; } .dark-mode .entries .entry .roulette-tile .sm-box.empty{width: 48px; height: 48px; margin-top: 1px; margin-bottom: 1px; border: 0.15625rem solid white; } .dark-mode .entries .entry .roulette-tile .sm-box.empty .number{border: 0.15625rem solid white; } .date-time-roll{line-height: normal; top: -50px; left: -18px; width: 80px; height: 42px; font-size: 10pt; font-family: Arial !important; } .date-time-roll:after{left: 30px; }

 .loader-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
}

.loader-spinner {
   width: 80px;
   height: 80px;
   border: 8px solid #f3f3f3;
   border-top: 8px solid #3498db;
   border-radius: 50%;
   animation: spin 1s linear infinite;
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}