/*
|--------------------------------------------------------------------------
| CashInWall Dashboard Modern Dark UI
| Replace file: public_html/dashboard/assets/css/custom.css
|--------------------------------------------------------------------------
*/

html body,
body.kt-page--loading-enabled,
.kt-page,
.kt-wrapper,
.kt-body,
.kt-content,
#kt_body,
#kt_content {
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        radial-gradient(circle at 8% 10%, rgba(16, 93, 255, .42), transparent 30%),
        radial-gradient(circle at 46% 0%, rgba(96, 30, 170, .35), transparent 34%),
        radial-gradient(circle at 96% 10%, rgba(0, 214, 170, .34), transparent 30%),
        linear-gradient(135deg, #06070d 0%, #0b0913 55%, #07110f 100%) !important;
    background-size: 80px 80px, 80px 80px, auto, auto, auto, auto !important;
    background-position: center top !important;
    color: #f7f7fb !important;
}

body:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 176, 0, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 230px);
}

.kt-grid.kt-grid--hor.kt-grid--root,
.kt-wrapper,
.kt-body,
.kt-content {
    position: relative;
    z-index: 1;
}

/* Header */
.kt-header,
#kt_header,
.kt-header-mobile,
#kt_header_mobile {
    background: rgba(8, 8, 14, .90) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

.kt-header .kt-container,
.kt-header-mobile {
    min-height: 72px !important;
}

.kt-header__brand-logo img,
.kt-header-mobile__logo img {
    max-height: 34px !important;
    filter: drop-shadow(0 0 14px rgba(36, 242, 209, .22));
}

/* Menu */
.kt-header-menu .kt-menu__nav > .kt-menu__item {
    margin: 0 4px !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    min-height: 42px !important;
    padding: 0 15px !important;
    border-radius: 14px !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text,
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon i,
.kt-header__topbar,
.kt-header__topbar *,
.topbar-username {
    color: #f5f6ff !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon svg g [fill] {
    fill: #f5f6ff !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link,
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link,
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link {
    background: linear-gradient(135deg, rgba(255,191,36,.22), rgba(255,122,0,.12)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,191,36,.16) !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text,
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text,
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link .kt-menu__link-text {
    color: #ffbf24 !important;
}

/* Title area */
.kt-subheader {
    background: transparent !important;
    padding-top: 34px !important;
    padding-bottom: 18px !important;
}

.kt-subheader__title {
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
}

.kt-subheader__breadcrumbs,
.kt-subheader__breadcrumbs a,
.kt-subheader__breadcrumbs i {
    color: rgba(255,255,255,.72) !important;
}

.kt-subheader__btn-secondary,
.kt-subheader .btn {
    background: linear-gradient(135deg, #ffbf24, #ff8a00) !important;
    color: #111 !important;
    border: 0 !important;
    border-radius: 14px !important;
    font-weight: 900 !important;
    padding: 12px 20px !important;
    box-shadow: 0 16px 32px rgba(255,159,10,.24) !important;
}

/* Cards */
.kt-portlet,
.kt-widget,
.dropdown-menu,
.kt-login__form {
    background: rgba(18, 19, 31, .94) !important;
    color: #f7f7fb !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
    overflow: hidden !important;
}

.kt-portlet {
    margin-bottom: 24px !important;
}

.kt-portlet__head {
    background: rgba(255,255,255,.035) !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    min-height: 64px !important;
}

.kt-portlet__head-title,
.kt-portlet__head-label h3,
.kt-widget26__number,
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* Stats */
.row-full-height > [class*="col-"] .kt-portlet {
    min-height: 176px !important;
    background:
        radial-gradient(circle at 85% 10%, rgba(255,255,255,.12), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
    transition: all .22s ease !important;
}

.row-full-height > [class*="col-"] .kt-portlet:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255,191,36,.30) !important;
}

.kt-widget26__number {
    color: #ffffff !important;
    display: block !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
}

.kt-widget26__desc {
    color: #a9adbf !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.kt-portlet--border-bottom-success { border-bottom: 4px solid #20d6a3 !important; }
.kt-portlet--border-bottom-brand { border-bottom: 4px solid #5d7cff !important; }
.kt-portlet--border-bottom-danger { border-bottom: 4px solid #ff4fa3 !important; }
.kt-portlet--border-bottom-warning { border-bottom: 4px solid #ffbf24 !important; }

/* Offerwall tabs */
.nav-tabs.nav-tabs-line {
    border-bottom: 0 !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.nav-tabs.nav-tabs-line .nav-item {
    margin: 0 !important;
}

.nav-tabs.nav-tabs-line .nav-link {
    background: rgba(255,255,255,.05) !important;
    color: #a9adbf !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 999px !important;
    padding: 10px 15px !important;
    font-weight: 800 !important;
}

.nav-tabs.nav-tabs-line .nav-link i {
    color: #ffbf24 !important;
    margin-right: 6px !important;
}

.nav-tabs.nav-tabs-line .nav-link.active,
.nav-tabs.nav-tabs-line .nav-link:hover {
    background: linear-gradient(135deg, #ffbf24, #ff8a00) !important;
    color: #111111 !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(255,159,10,.22) !important;
}

.nav-tabs.nav-tabs-line .nav-link.active i,
.nav-tabs.nav-tabs-line .nav-link:hover i {
    color: #111 !important;
}

iframe {
    border-radius: 18px !important;
    background: #070b18 !important;
}

/* Recent payouts */
.kt-widget4__item {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    padding: 15px 0 !important;
}

.kt-widget4__item:last-child {
    border-bottom: 0 !important;
}

.kt-widget4__username {
    color: #fff !important;
    font-weight: 800 !important;
}

.kt-widget4__text,
.kt-widget4__info p,
.kt-widget4__info span,
.text-muted,
.kt-font-secondary {
    color: #a9adbf !important;
}

.btn-label-brand,
.kt-widget4__item .btn {
    background: rgba(255,191,36,.14) !important;
    color: #ffbf24 !important;
    border: 1px solid rgba(255,191,36,.22) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Buttons */
.btn,
.kt-btn,
.btn-primary,
.btn-brand {
    border-radius: 14px !important;
    font-weight: 900 !important;
}

.btn-primary,
.btn-brand {
    background: linear-gradient(135deg, #ffbf24, #ff8a00) !important;
    color: #111 !important;
    border: 0 !important;
    box-shadow: 0 16px 32px rgba(255,159,10,.24) !important;
}

/* Forms */
.form-control,
input,
select,
textarea {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #fff !important;
    border-radius: 14px !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(255,191,36,.50) !important;
    box-shadow: 0 0 0 4px rgba(255,191,36,.10) !important;
}

.form-control::placeholder {
    color: rgba(255,255,255,.48) !important;
}

/* Tables */
.table,
.table th,
.table td,
.kt-datatable,
.kt-datatable th,
.kt-datatable td {
    color: #f7f7fb !important;
    border-color: rgba(255,255,255,.08) !important;
}

.table thead th,
.kt-datatable thead th {
    background: rgba(255,255,255,.04) !important;
    color: #fff !important;
}

/* Footer */
.footer,
.kt-footer {
    background: rgba(8,8,14,.92) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.kt-footer,
.kt-footer a {
    color: rgba(255,255,255,.72) !important;
}

/* Mobile */
@media (max-width: 1024px) {
    .kt-header-menu-wrapper {
        background: rgba(8,8,14,.98) !important;
    }

    .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link {
        border-radius: 12px !important;
        margin: 4px 12px !important;
    }
}

@media (max-width: 767px) {
    .kt-subheader .kt-container {
        display: block !important;
    }

    .kt-subheader__toolbar {
        margin-top: 14px !important;
    }

    .kt-portlet__body {
        padding: 18px !important;
    }

    iframe {
        min-height: 900px !important;
    }
}