:root {
    --primary-color: #13B5DB;
    --primary-color-opacity: #000021;
    --primary-color-border: #000021;
    --primary-color-overlay: #13B5DB;
    --primary-color-gradient-1: #13B5DB;
    --primary-color-gradient-2: #7928ca;
}

.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.dark-version .ui-state-active,
.dark-version .ui-widget-content .ui-state-active,
.dark-version .ui-widget-header .ui-state-active,
.dark-version a.ui-button:active,
.dark-version .ui-button:active,
.dark-version .ui-button.ui-state-active:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
    border: none !important;
}

.navbar-vertical .navbar-nav > .menu-active .icon {
    background-image: linear-gradient(310deg, var(--primary-color), var(--primary-color)) !important;
    color: #fff;
    font-size: 13px;
}

.checklist-item-primary::before, .checklist-item::before,
.btn-primary,
.btn-primary:hover, .btn.bg-gradient-primary:hover
{
    background-color: var(--primary-color) !important;
}

.bg-gradient-primary {
    background-image: linear-gradient(310deg,var(--primary-color-gradient-2),var(--primary-color-gradient-1));
}