:root {
    --bs-primary: #216432;
    --bs-primary-rgb: 33, 100, 50;
    --bs-link-color: #216432;
    --bs-link-hover-color: #387447;
    --bs-body-bg: #EEEEEF;
    --cms-primary-hover: #387447;
}

body,
.content-wrapper {
    background-color: var(--bs-body-bg);
}

.bg-footer-theme {
    background-color: var(--bs-body-bg) !important;
}

.layout-navbar-fixed .layout-page:before {
    background: rgba(238, 238, 239, 0.6);
}

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

.fill-primary {
    fill: var(--bs-primary);
}

a:hover,
.nav .nav-link:hover,
.nav .nav-link:focus {
    color: var(--cms-primary-hover);
}

.text-body[href]:hover {
    color: var(--cms-primary-hover) !important;
}

.text-primary,
.bg-label-primary,
.alert-primary,
.alert-primary .alert-link,
.list-group-item-primary {
    color: var(--bs-primary) !important;
}

.bg-primary,
.progress-bar,
.nav-pills .nav-link.active,
.list-group-item.active,
.page-item.active .page-link,
.pagination li.active > a:not(.page-link) {
    background-color: var(--bs-primary) !important;
    color: #fff;
    border-color: var(--bs-primary);
    box-shadow: 0 2px 4px rgba(var(--bs-primary-rgb), 0.25);
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: var(--cms-primary-hover) !important;
    color: #fff !important;
}

.bg-label-primary,
.alert-primary,
.list-group-item-primary,
.nav-custom {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.border-primary,
.border-label-primary,
.border-light-primary,
.alert-primary {
    border-color: rgba(var(--bs-primary-rgb), 0.3) !important;
}

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

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--cms-primary-hover);
    --bs-btn-hover-border-color: var(--cms-primary-hover);
    --bs-btn-active-bg: var(--cms-primary-hover);
    --bs-btn-active-border-color: var(--cms-primary-hover);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    box-shadow: 0 2px 4px rgba(var(--bs-primary-rgb), 0.25);
}

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

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

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-check:focus + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary {
    color: #fff !important;
    background-color: var(--cms-primary-hover) !important;
    border-color: var(--cms-primary-hover) !important;
    box-shadow: 0 2px 4px rgba(var(--bs-primary-rgb), 0.25);
}

.btn-outline-primary .badge {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus .badge,
.btn-outline-primary.active .badge {
    background: #fff;
    color: var(--bs-primary);
}

.form-control:focus,
.form-select:focus,
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text,
.form-check-input:focus,
.custom-option.checked,
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
    border-color: var(--bs-primary);
}

.form-check-input:focus,
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    border-color: var(--bs-primary);
    box-shadow: 0 2px 4px rgba(var(--bs-primary-rgb), 0.25);
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--bs-primary);
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.svg-illustration svg {
    fill: var(--bs-primary);
}

.bg-menu-theme {
    background-color: #000 !important;
    color: #EEEEEF;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-text,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next,
.bg-menu-theme .menu-item.open > .menu-toggle,
.bg-menu-theme .menu-item.active > .menu-link,
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link,
.bg-menu-theme .menu-inner .menu-sub > .menu-item.active .menu-icon {
    color: #EEEEEF;
}

.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-inner .menu-item.active > .menu-link {
    color: #fff !important;
    background-color: var(--bs-primary);
}

.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-inner .menu-item.active > .menu-link:hover,
.bg-menu-theme .menu-inner .menu-item.active > .menu-link:focus {
    background-color: var(--cms-primary-hover);
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open.active > .menu-link {
    background: var(--bs-primary) !important;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open > .menu-link:hover,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open > .menu-link:focus {
    background: var(--cms-primary-hover) !important;
}

.bg-menu-theme .menu-header {
    color: #b8b8b8;
}

.bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#000 41%, rgba(0, 0, 0, 0.11) 95%, transparent);
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
    background-color: currentColor;
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
    background-color: var(--bs-primary);
}

.bg-menu-theme .ps__thumb-y,
.bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
    background: rgba(255, 255, 255, 0.4) !important;
}

.app-brand .layout-menu-toggle {
    background-color: var(--bs-primary);
    border-color: var(--bs-body-bg);
}

.app-brand .layout-menu-toggle:hover {
    background-color: var(--cms-primary-hover);
}