@charset "UTF-8";
:root {
    --dark-700: #1c0808 !important;
}
.alert:is(.dark *){
    border-color: #503636 !important;
}
.dark tr, .table-list tbody td:is(.dark *), .table-list tbody th:is(.dark *),.table-list thead td:is(.dark *), .table-list thead th:is(.dark *){
    border: 1px solid #503636 !important;
}
.modal-header>button>div>svg,.offcanvas-header>button>div>svg{
    width: 25px !important;
    height: 25px !important;
}
.report-card.box {
    background-color: transparent !important;
}
.report-card-value>span,.report-card-value>div, .report-card-title, .report-card-title>div>div>div>span:nth-child(2), .report-card-title > div > div > span:nth-child(2) > a {
    color: #fff !important;
}
.report-card-heading>div{
    color: #fff !important;
}
div.divider{
    color: rgb(195, 195, 195) !important;
}
.dark table, .offcanvas{
    background: #200303 !important;
}
body {
    background: #200303 !important;
}
:is(.dark .dropdown-heading){background-color: #1c0808 !important;}

:is(.dark .box), .dark .discount-wrapper {
    background-color: #1c0808 !important;
}
.layout-menu,
.menu,
.menu-inner {
    overflow-y: auto !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.layout-menu::-webkit-scrollbar,
.menu::-webkit-scrollbar,
.menu-inner::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}
.layout-menu-mobile .menu-heading, .tippy-box, .popover-body {
    background-color: #1c0808 !important;
}

.layout-menu-mobile .menu._is-opened {
    background-color: #1c0808 !important;
}

.peer:checked ~ .form-switcher-toggler {
    background-color: #730707 !important;
}

:is(.dark .form-switcher-toggler) {
    background-color: rgb(27, 1, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.accordion-content:is(.dark *) {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
.form-group-expansion .expansion:not(:first-child), .form-group-expansion .expansion-custom:not(:first-child) {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.layout-menu-mobile .menu-inner-item._is-active {
    background-color: transparent !important;
}
.layout-menu-mobile .menu-inner-item._is-active a {
    color: rgb(244, 244, 244) !important;
}

:is(.dark .box-title) {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

@media (max-width: 768px) {
    .menu-inner-item:first-child {
        margin-top: 10px !important;
    }
}
:is(.dark .layout-navigation) {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

:is(.dark .layout-page) {
    background: #190303 !important;
    box-shadow: 0 0 6px -2px #fff !important;
}

:is(.dark hr) {
    background: rgba(255, 255, 255, 0.15) !important;
}

:is(.dark tr) {
    background: #220101 !important;
    box-shadow: 0 0 5px -3px #fff !important;
}

:is(.dark .account-table) {
    background: #220101 !important;
    box-shadow: 0 0 5px -3px #fff !important;
    padding: 0 10px !important;
}

:is(.dark .column-dashboard) {
    background: #220101 !important;
    box-shadow: 0 0 7px 0 #505050 !important;
}

:is(.dark .menu .menu-inner-link) {
    box-shadow: 0 0 4px -3px !important;
    margin-left: 5px !important;
    background-color: #1a0707 !important;
}
:is(.dark .menu .menu-inner-link):hover {
    animation: nav 0.3s ease forwards !important;
}
:is(.dark .menu .menu-inner-link):hover .fill-current {
    animation: navImg 0.3s ease forwards !important;
    fill: rgb(255, 255, 255) !important;
}
:is(.dark .menu .menu-inner-link):hover .badge-purple {
    background-color: #300606 !important;
    box-shadow: 0 0 5px -2px !important;
    color: rgb(255, 255, 255) !important;
}
:is(.dark .menu .menu-inner-link) .badge-purple {
    color: rgb(244, 244, 244) !important;
    background-color: #300101 !important;
}

:is(.dark .choices .choices__inner, .border-dark-200, .layout-menu .menu-heading) {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

:is(.dark .progress) {
    background-color: #220101 !important;
}

:is(.dark .progress-bar--primary) {
    background: #7a0404 !important;
}

:is(.dark .choices .choices__inner) {
    background-color: #220101 !important;
}

:is(.dark .choices .choices__list--dropdown), :is(.dark .choices .choices__list[aria-expanded]) {
    background-color: #220101 !important;
}

:is(.dark .choices .choices__list--dropdown .choices__item--selectable.is-highlighted), :is(.dark .choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted) {
    background-color: #1c0202 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.dark\:bg-gray-800:is(.dark *) {
    background: #1c0808 !important;
}
:is(.dark ._is-active .menu-inner-link) {
    background: #440000 !important;
}
:is(.dark ._is-active .menu-inner-link) .fill-current {
    fill: rgb(255, 255, 255) !important;
}

.layout-content .box {
    box-shadow: 0 0 5px -3px !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

:is(.dark .layout-menu .menu-inner-item)._is-active {
    background: transparent !important;
}

:is(.dark .layout-menu .menu-inner-item._is-active):before, :is(.dark .layout-menu .menu-inner-item._is-active):after {
    background: none !important;
}

:is(.dark .layout-menu .menu-inner-link):after {
    background: none !important;
}

:is(.dark .tabs-list) {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

@keyframes nav {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes navImg {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
:is(.dark .btn-start, .btn, .btn-pass) {
    box-shadow: 0 0 5px -3px !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    background-color: rgb(25, 0, 0) !important;
    color: rgb(244, 244, 244) !important;
}
:is(.dark .btn-start, .btn, .btn-pass):hover {
    background-color: rgb(44, 1, 1) !important;
    color: rgb(255, 255, 255) !important;
}
:is(.dark .btn-start, .btn, .btn-pass):hover .fill-current {
    fill: rgb(163, 5, 5) !important;
}

.btn-main {
    background: url(https://infernalbattle.com//assets/panel/images/btn-download.png) !important;
    font-size: 11px !important;
    width: 261px !important;
    height: 47px !important;
    border: none !important;
}
.btn-main:hover {
    background: url(https://infernalbattle.com//assets/panel/images/btn-download.png) !important;
}

.fill-current {
    transition: all 0.3s ease !important;
    fill: #8b0000 !important;
}

:is(.dark .form-input), :is(.dark .form-textarea), :is(.dark .form-select), :is(.dark .form-multiselect), :is(.dark .form-file-upload) {
    background-color: #160202 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

:is(.dark .text-purple-500) {
    color: #aba7a7 !important;
}

:is(.dark .text-gray-50) {
    color: #aba7a7 !important;
}

:is(.dark .badge-purple), :is(.dark a.badge-purple), :is(.dark .badge), :is(.dark .badge-primary) {
    color: rgb(244, 244, 244) !important;
    background-color: #300101 !important;
}

.irs--round .irs-handle {
    border: 4px solid #870707 !important;
}

.irs--round .irs-bar {
    background-color: #870707 !important;
}

:is(.dark .text-amber-300) {
    color: rgb(244, 244, 244) !important;
}

:is(.dark .modal) {
    background: rgba(44, 3, 3, 0.4196078431) !important;
}

:is(.dark .modal-content, .modal-header, .dropdown-body, .bg-ava) {
    background-color: #270000 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

:is(.dark .bgs-ava:hover) {
    background-color: rgb(44, 1, 1) !important;
}

:is(.dark .bg-gray-100) {
    background-color: rgb(44, 1, 1) !important;
}

:is(.dark .text-slate-500) {
    color: rgba(255, 255, 255, 0.25) !important;
}

/* Для веб-кит-браузеров */
/* Для Firefox */
* {
    scrollbar-width: thin !important; /* Толщина скроллбара: auto, thin */
    scrollbar-color: #510202 #020202 !important; /* Цвет ползунка и фона */
}

/* Ползунок (Range Slider) */
.irs--round .irs-min, .irs--round .irs-max {
    margin-top: 10px !important;
    background: rgba(133, 17, 0, 0.8) !important; /* Красный фон с прозрачностью */
    color: #fff !important;
    box-shadow: 0 0 8px 2px rgba(128, 2, 2, 0.7) !important; /* Оранжевая тень */
    border-radius: 4px !important;
}

.irs--round .irs-bar {
    background: linear-gradient(90deg, #800101, #701700) !important; /* Градиент для заполненного ползунка */
    box-shadow: 0 0 5px #7c0606 !important;
}

.irs--round .irs-handle {
    border: 2px solid #510202 !important;
    background-color: #1a0505 !important;
    box-shadow: 0 0 10px 2px #531702 !important;
}

/* Стили для карточек оплаты */
.payment-img {
    cursor: pointer !important;
    border: 2px solid transparent !important;
    padding: 5px !important;
    opacity: 0.8 !important;
    box-shadow: 0 0 10px -1px #4c1804 !important; /* Оранжевая тень */
    background: rgba(50, 0, 0, 0.8) !important; /* Темно-красный фон */
    border-radius: 5px !important;
    height: 63px !important;
    min-width: 145px !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
}

.payment-img:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 15px 3px #671605 !important; /* Более насыщенная тень */
}

input[type=radio]:checked + img {
    opacity: 1 !important;
    box-shadow: 0 0 15px 3px #6c0808 !important;
    background: rgba(60, 10, 10, 0.9) !important;
}

/* Заголовки */
h1, h2, h3 {
    color: rgb(244, 244, 244) !important; /* Ярко-красный цвет заголовков */
    text-shadow: 0 0 10px #511102 !important;
}

/* Кнопки */
.btn {
    background: linear-gradient(90deg, #800000, #6c0505) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    box-shadow: 0 0 15px #650404 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    transition: box-shadow 0.3s, transform 0.3s !important;
}

.btn:hover {
    box-shadow: 0 0 20px 5px #470e02 !important;
    transform: scale(1.05) !important;
}

/* Адаптив для маленьких экранов */
@media (max-width: 1278px) {
    .grid-container {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        flex-wrap: wrap !important;
    }
    .payment-img {
        justify-content: center !important;
    }
}

/*# sourceMappingURL=theme.css.map */