/*
 * Tradaxia - Theme Color Configuration
 * Primary Color: #0044FF (Blue)
 */

:root {
    --base-h: 224;
    --base-s: 100%;
    --base-l: 50%;
    --base: var(--base-h) var(--base-s) var(--base-l);
}

.btn--base,
.badge--base,
.bg--base {
    background-color: hsl(var(--base)) !important;
}

.text--base {
    color: hsl(var(--base)) !important;
}

.border--base {
    border-color: hsl(var(--base)) !important;
}

.btn--base:hover {
    background-color: hsl(var(--base-h) var(--base-s) 45%) !important;
}

a:hover,
.menu > li > a:hover,
.header-bottom-area .navbar-collapse .main-menu li a:hover,
.header-bottom-area .navbar-collapse .main-menu li a:focus {
    color: hsl(var(--base));
}

.header-bottom-area .navbar-collapse .main-menu li.active a {
    color: hsl(var(--base));
}

.btn--outline-base {
    border-color: hsl(var(--base));
    color: hsl(var(--base));
}

.btn--outline-base:hover {
    background-color: hsl(var(--base));
    color: #fff;
}

.social-links li a:hover {
    background-color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.section-header .section-title span {
    color: hsl(var(--base));
}

.preloader .candle-wrapper .candle-chart .candle {
    background-color: transparent;
}

.scroll-to-top {
    background-color: hsl(var(--base));
}

.scroll-to-top:hover {
    background-color: hsl(var(--base-h) var(--base-s) 45%);
}

.form--control:focus {
    border-color: hsl(var(--base));
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: hsl(var(--base)) transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent hsl(var(--base)) transparent;
}

.odometer-digit {
    color: hsl(var(--base));
}

.trade-tab .nav-item .nav-link.active {
    background-color: hsl(var(--base));
}

.trade-item:hover {
    border-color: hsl(var(--base));
}

.trade-item__thumb {
    background-color: hsl(var(--base) / 0.1);
}

.footer-widget .social-links li a:hover {
    background-color: hsl(var(--base));
}

.footer-widget__list li a:hover {
    color: hsl(var(--base));
}

.contact-info__icon {
    color: hsl(var(--base));
}

.cookie-card .btn--base {
    background-color: hsl(var(--base));
}

.language-box .select2-container--default .select2-selection--single {
    border-color: hsl(var(--base));
}

.banner-content__title span {
    color: hsl(var(--base));
}

.feature-item__icon {
    color: hsl(var(--base));
}

.stat-item__icon {
    background-color: hsl(var(--base) / 0.1);
    color: hsl(var(--base));
}

.how-work-item__icon {
    background-color: hsl(var(--base));
}

.investor-item:hover .investor-item__content {
    background-color: hsl(var(--base));
}

.blog-item:hover .blog-item__title {
    color: hsl(var(--base));
}

.blog-item__meta li i {
    color: hsl(var(--base));
}

.page-breadcrumb li a:hover {
    color: hsl(var(--base));
}

.account-wrapper .account-form-wrapper .account-form .form--control:focus {
    border-color: hsl(var(--base));
}

.account-wrapper .account-form-wrapper .account-form .btn--base {
    background-color: hsl(var(--base));
}

.account-wrapper .account-thumb img {
    border-color: hsl(var(--base));
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.table thead th {
    background-color: hsl(var(--base));
}

.pagination .page-item.active .page-link {
    background-color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.pagination .page-link:hover {
    background-color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.custom--accordion .accordion-button:not(.collapsed) {
    background-color: hsl(var(--base) / 0.1);
    color: hsl(var(--base));
}

.custom--accordion .accordion-button:focus {
    border-color: hsl(var(--base));
}

.form-check-input:checked {
    background-color: hsl(var(--base));
    border-color: hsl(var(--base));
}

.form-check-input:focus {
    border-color: hsl(var(--base));
    box-shadow: 0 0 0 0.25rem hsl(var(--base) / 0.25);
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem hsl(var(--base) / 0.25);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: hsl(var(--base) / 0.1);
    color: hsl(var(--base));
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: hsl(var(--base));
}

.badge--success {
    background-color: #28c76f;
}

.badge--danger {
    background-color: #ea5455;
}

.badge--warning {
    background-color: #ff9f43;
}

.badge--info {
    background-color: #00cfe8;
}

.badge--primary {
    background-color: #7367f0;
}

.text--success {
    color: #28c76f;
}

.text--danger {
    color: #ea5455;
}

.text--warning {
    color: #ff9f43;
}

.text--info {
    color: #00cfe8;
}

.text--primary {
    color: #7367f0;
}