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

.nav-link-border:hover {
    background-color: var(--primary-color) !important;
    filter: brightness(95%) !important;
}

.table-primary {
    --bs-table-bg: #fee0d9;
    --bs-table-striped-bg: #f1d5ce;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e5cac3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ebcfc9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e5cac3;
}

a.btn.btn-primary {
    color: #fff !important;
}

a.btn-primary {
    color: #fff !important;
}

a.btn.btn-outline-primary {
    color: var(--primary-color) !important;
}

a.btn-outline-primary {
    color: var(--primary-color) !important;
}

a.btn.btn-outline-primary:focus {
    color: #fff !important;
}

a.btn-outline-primary:focus {
    color: #fff !important;
}

.table-primary th,
.table-primary td {
    border-color: var(--primary-color) !important;
}

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

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

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem var(--primary-color) !important;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-color) !important;
}

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

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

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

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-color) !important;
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem var(--primary-color) !important;
}

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

.alert-primary {
    color: var(--primary-color) !important;
    background-color: #fee0d9;
    border-color: #fed0c6;
}

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

.list-group-item-primary {
    color: var(--primary-color) !important;
    background-color: #fee0d9;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: var(--primary-color) !important;
    background-color: #e5cac3;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

.link-primary:hover,
.link-primary:focus {
    color: var(--primary-color) !important;
}

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

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

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

.alert-primary {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    ) !important;
}

.badge.bg-primary {
    background: var(--primary-color) !important;
}

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

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

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

.btn-primary.focus,
.btn-primary:focus,
.btn.bg-gradient-primary.focus,
.btn.bg-gradient-primary:focus {
    color: #fff;
}

.btn-outline-primary {
    box-shadow: none;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover:not(.active) {
    background-color: transparent;
    opacity: 0.75;
    box-shadow: none;
    color: #fff !important;
}

.btn-primary,
.btn.bg-gradient-primary {
    color: #fff;
}

.btn-primary:hover,
.btn.bg-gradient-primary:hover {
    color: #fff;
}

.card.card-background.card-background-mask-primary:before {
    background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-primary:after {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    ) !important;
    opacity: 0.85;
}

.fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled) {
    border: 1px solid transparent;
}

.fixed-plugin
    .btn.bg-gradient-primary:not(:disabled):not(.disabled):not(.active) {
    background-color: transparent;
    background-image: none;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.bg-gradient-primary {
    background-image: linear-gradient(
        310deg,
        #82a6cb 0%,
        var(--primary-color) 100%
    ) !important;
}

.bg-gradient-faded-primary {
    background-image: radial-gradient(
        370px circle at 80% 50%,
        var(--primary-color) 0,
        var(--primary-color) 100%
    ) !important;
}

.bg-gradient-faded-primary-vertical {
    background-image: radial-gradient(
        200px circle at 50% 70%,
        var(--primary-color) 0,
        var(--primary-color) 100%
    ) !important;
}

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

svg.text-primary .color-background {
    fill: var(--primary-color);
}

.blur-section.blur-gradient-primary {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    );
}

.nav.nav-pills.nav-pills-primary {
    background: #fff;
    color: #fff;
}

.nav.nav-pills.nav-pills-primary .nav-link.active {
    color: #fff;
}

.nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.pagination.pagination-primary .page-item.active > .page-link,
.pagination.pagination-primary .page-item.active > .page-link:focus,
.pagination.pagination-primary .page-item.active > .page-link:hover {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    ) !important;
    border: none;
}

.text-gradient.text-primary {
    background-image: linear-gradient(
        310deg,
        var(--primary-color),
        var(--primary-color)
    ) !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: var(--primary-color) !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary-color) !important;
    outline: 0;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0),
        3px 4px 8px rgba(94, 114, 228, 0.1);
}

.form-select:focus {
    border-color: var(--primary-color) !important;
    outline: 0;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0),
        3px 4px 8px rgba(94, 114, 228, 0.1);
}

.form-check-input {
    background-image: var(--primary-color) !important;
}

.form-check-input:checked[type="checkbox"] {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    ) !important;
}

.form-check-input:checked[type="radio"] {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    ) !important;
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: var(--primary-color) !important;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: var(--primary-color) !important;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

.btn-link {
    font-weight: 400;
    color: var(--primary-color) !important;
    text-decoration: none;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--primary-color) !important;
    outline: 0;
    box-shadow: none;
}

.page-link {
    position: relative;
    display: block;
    color: #000 !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--primary-color) !important;
    transition: width 0.6s ease;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.input-group .form-control:focus {
    border-left: 1px solid var(--primary-color) !important;
    border-right: 1px solid var(--primary-color) !important;
}

.input-group.focused .input-group-text {
    border-color: var(--primary-color) !important;
}

.navbar-vertical.navbar-expand-xs .lavalamp-object {
    width: calc(100% - 1rem) !important;
    background: theme-color("primary");
    color: color-yiq(var(--primary-color)) !important;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.25rem;
}

@media (min-width: 576px) {
    .navbar-vertical.navbar-expand-sm .lavalamp-object {
        width: calc(100% - 1rem) !important;
        background: theme-color("primary");
        color: color-yiq(var(--primary-color)) !important;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0.25rem;
    }
}

@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md .lavalamp-object {
        width: calc(100% - 1rem) !important;
        background: theme-color("primary");
        color: color-yiq(var(--primary-color)) !important;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0.25rem;
    }
}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg .lavalamp-object {
        width: calc(100% - 1rem) !important;
        background: theme-color("primary");
        color: color-yiq(var(--primary-color)) !important;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0.25rem;
    }
}

@media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl .lavalamp-object {
        width: calc(100% - 1rem) !important;
        background: theme-color("primary");
        color: color-yiq(var(--primary-color)) !important;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0.25rem;
    }
}

@media (min-width: 1400px) {
    .navbar-vertical.navbar-expand-xxl .lavalamp-object {
        width: calc(100% - 1rem) !important;
        background: theme-color("primary");
        color: color-yiq(var(--primary-color)) !important;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 0.25rem;
    }
}

.sidenav[data-color="primary"] .navbar-nav > .nav-item > .nav-link.active {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    ) !important;
}

.sidenav[data-color="warning"] .navbar-nav > .nav-item > .nav-link.active {
    background-image: linear-gradient(
        310deg,
        var(--primary-color) 0%,
        var(--primary-color) 100%
    ) !important;
}

.nav.nav-pills .nav-link.active {
    -webkit-animation: 0.2s ease;
    animation: 0.2s ease;
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

.nav.nav-pills .nav-link:hover:not(.active) {
    color: #344767;
}

.nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active {
    background: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.flatpickr-calendar .flatpickr-day.today,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
    background: var(--primary-color) !important;
    color: #fff;
    border: none;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    box-shadow: -10px 0 0 var(--primary-color) !important;
}

.noUi-connect {
    background: var(--primary-color) !important;
}

.noUi-handle {
    border-radius: 100%;
    background: var(--primary-color) !important;
    cursor: default;
    webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transform: 0.3s ease 0s;
    transition: 0.3s ease 0s;
}