:root {
    --primary: #ccd6d4;
    --primary-hover: #dae1e0;
    --primary-active: #c1cdca;
    --primary-rgb: rgb(204, 214, 212);
    --primary-rgb-5: rgba(204, 214, 212, 0.5);
    --primary-rgb-65: rgba(204, 214, 212, 0.65);
    --primary-rgb-7: rgba(204, 214, 212, 0.7);
    --primary-rgb-12: rgba(204, 214, 212, 0.12);
}

html .pace .pace-progress {
    background: var(--primary);
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-hover);
}

.btn-primary {
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;
}

.btn-outline-primary {
    color: var(--primary);
    border: 1px solid var(--primary) !important;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--primary);
}

.btn-outline-primary:hover:not(.disabled):not(:disabled) {
    color: var(--primary);
}

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

.page-item .page-link:hover {
    color: var(--primary);
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: var(--primary);
}

.main-menu.menu-dark .navigation > li.active > a {
    background: linear-gradient(118deg, var(--primary), var(--primary-rgb-7));
    box-shadow: 0 0 10px 1px var(--primary-rgb-7);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--primary);
    background-color: var(--primary-rgb-12);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary);
}
.nav-pills .nav-link.active {
    border-color: var(--primary);
    box-shadow: 0 4px 18px -4px var(--primary-rgb-65);
}

.dark-layout .nav-pills .nav-item .nav-link.active {
    background-color: var(--primary);
}

.select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {
    border-color: var(--primary) !important;

}

.select2-container--classic .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted {
    color: var(--primary) !important;
    background-color: var(--primary-12) !important;
}

.select2-container--classic.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--primary) !important;
}

.bs-stepper .bs-stepper-header .step.crossed + .line {
    color: var(--primary);
}
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: var(--primary);
}

.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
    color: var(--primary);
}

.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {
    color: var(--primary) !important;
    background-color: rgb(116 116 117 / 12%);
}

.ecommerce-application .list-view .ecommerce-card .item-options .item-wrapper .item-cost .item-price {
    color: var(--primary);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: var(--primary);
    background-color: var(--primary);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary);
    background-color: var(--primary);
}

.form-control:focus {
    border-color: var(--primary);
}
.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: var(--primary);
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: var(--primary-active) !important;
}

.chat-application .sidebar-content .chat-list-title {
    color: var(--primary);
}

.chat-application .sidebar-content .chat-user-list-wrapper li.active {
    background-image: linear-gradient(80deg, var(--primary), var(--primary-rgb-5));
}

.chat-app-window .chats .chat-body .chat-content {
    background-image: linear-gradient(80deg, var(--primary), var(--primary-rgb-5));
}