:root {
    --bs-primary: #295DFA;
    --bs-primary-rgb: 41, 93, 250;

    --bs-text-primary: var(--bs-primary);

    --bs-menu-link-color-hover: var(--bs-primary);
    --bs-menu-link-color-show: var(--bs-primary);
    --bs-menu-link-color-here: var(--bs-primary);
    --bs-menu-link-color-active: var(--bs-primary);

    --app-usdt-color: #26A17B;
    --app-btc-color: #F7931A;

    --app-tier-bronze: linear-gradient(135deg, #b88b4a, #8c6239);
    --app-tier-bronze-text: #fff;

    --app-tier-silver: linear-gradient(135deg, #d9d9d9, #a6a6a6);
    --app-tier-silver-text: #000;

    --app-tier-gold: linear-gradient(135deg, #ffd700, #bfa100);
    --app-tier-gold-text: #000;

    --app-tier-platinum: linear-gradient(135deg, #f0f0f0, #cfcfcf);
    --app-tier-platinum-text: #000;

    --app-tier-diamond: linear-gradient(135deg, #d4f1ff, #aee1f9);
    --app-tier-diamond-text: #000;

    --app-tier-sapphire: linear-gradient(135deg, #3b5998, #1e3c72);
    --app-tier-sapphire-text: #fff;

    --app-tier-emerald: linear-gradient(135deg, #50c878, #2e8b57);
    --app-tier-emerald-text: #fff;

    --app-tier-ruby: linear-gradient(135deg, #9b111e, #600308);
    --app-tier-ruby-text: #fff;

    --app-tier-titanium: linear-gradient(135deg, #8a8d8f, #5a5c5d);
    --app-tier-titanium-text: #fff;
}

:root {
    --iti-hover-color: var(--bs-primary-light);
    --iti-border-color: var(--bs-gray-300);
    --iti-dropdown-bg: var(--bs-body-bg);
}

[data-kt-app-layout="light-sidebar"] .app-header { background: var(--bs-white); }
[data-kt-app-layout*="sidebar"] .app-sidebar .app-sidebar-logo { border-bottom: none; }
[data-kt-app-layout*="sidebar"] .app-sidebar .line .inner { height: 1px; background-image: linear-gradient(90deg, #2053C2 21.31%, #F7931A 100%); margin: 0 12px; }
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon i { color: var(--bs-gray-800); }
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title { color: var(--bs-gray-800); }
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon i { color: var(--bs-gray-700); }
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title { color: var(--bs-gray-700); }
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { color: var(--bs-primary); }
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { color: var(--bs-primary); }
[data-kt-app-layout*="sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet,
[data-kt-app-layout*="sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { background-color: var(--bs-primary); }
[data-kt-app-layout*="sidebar"] .app-sidebar .menu .menu-item .menu-link.active { background-color: var(--bs-primary); }
[data-kt-app-layout*="sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout*="sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout*="sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i { color: var(--bs-white); }
[data-kt-app-layout*="sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-title { color: var(--bs-white); }
[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] .app-sidebar:not(:hover) .line { margin-right: 0; }
[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] .app-sidebar:not(:hover) .app-sidebar-footer { padding-left: 0 !important; padding-right: 0 !important; }
[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] .app-sidebar:not(:hover) .app-sidebar-footer .btn-hide { display: none; }

.app-header { transition: left .3s ease, right .3s ease; }
.app-content { overflow: hidden; }

html { min-width: 320px; font-variant-numeric: tabular-nums; }
html:not(.signed-in) .page, .page-auth { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--bs-app-bg-color); z-index: 1000; overflow-y: auto; }
html:not(.priv-admin) .for-admin { display: none; }
html:not(.priv-user) .for-user { display: none; }
html.priv-admin .for-admin { display: flex; }
html.priv-user .for-user { display: flex; }
html.has-orders .page [data-info-locked] { display: none !important; }

body { touch-action: manipulation; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

.btn { display: flex; justify-content: center; align-items: center; }
.btn[data-kt-indicator="on"] .indicator-progress { display: flex; justify-content: center; align-items: center; }

.text-gradient { background: linear-gradient(0deg, #2053C2 21.31%, #F7931A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-btc { color: var(--app-btc-color); }
.text-usdt { color: var(--app-usdt-color); }

.cursor-default { cursor: default !important; }

.chart-holder { margin-left: -20px; margin-right: -30px; }
.chart-holder-s { margin-left: -17px; margin-right: -10px; }

.seperator-full::before, .seperator-full::after { margin: 0 !important; }

.swal2-popup .swal2-title { color: var(--bs-text-gray-900); }

.stepper { --bs-stepper-icon-bg-color-completed: var(--bs-success-light) !important; --bs-stepper-icon-check-color-completed: var(--bs-success) !important; }

.dt-empty { padding-top: 48px !important; }
.dtr-details { width: 100%; }
.dtr-details li:last-of-type > span { border-bottom: 0; }
.dtr-title { text-align: start !important; }
.dtr-data { text-align: end !important; }
.dtr-data .d-flex { justify-content: end; }

.iti { width: 100%; }
.iti__selected-country-primary { border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 14px; }
.iti__dropdown-content { border-radius: .475rem; overflow: hidden; }
.iti__search-input { background: none; outline: none; padding: .775rem 1rem; }
.iti__country { padding-left: 14px; }
.iti__flag { box-shadow: none; }

#g-recaptcha { width: 302px; height: 76px; overflow: hidden; }

#map div.gm-style-iw-ch { padding-top: 12px !important; }
#map button.gm-ui-hover-effect { display: none !important; }

.page { display: flex; flex-grow: 1; flex-direction: column; }

.page-product [data-gallery-thumb] { border: 2px solid transparent; border-radius: .625rem; cursor: pointer; }
.page-product [data-gallery-thumb]:hover, .page-product [data-gallery-thumb].active { border-color: var(--bs-primary); }
.page-product .green-energy { height: 80%; top: 10px; z-index: 5; }
.page-product .select2 .form-select { --bs-form-select-bg-img: url(/i/select-arrow.svg); }
.page-product #calcBtcSlider .noUi-connects { border-top-left-radius: 0; border-top-right-radius: 0; }

.page-termly .card { --bs-body-bg: #1c1f25; }

@media (min-width: 576px) {
    .dtr-details { width: 50%; max-width: 400px; }
}

@media (min-width: 768px) {
    .dt-empty { padding-top: 75px !important; padding-bottom: 0 !important; }

    .page-product .green-energy { top: 14px; }
}

@media (min-width: 1400px) {
    .page-product .green-energy { height: 90%; top: 20px; }
}