:root {
    --kk-green: #006847;
    --kk-green-dark: #004d35;
    --kk-green-darker: #003d2a;
    --kk-green-light: #e6f2ee;
    --kk-green-lighter: #f2f8f6;

    --kk-sand: #efd19f;
    --kk-sand-dark: #d8b77e;
    --kk-sand-light: #f8ead2;
    --kk-sand-lighter: #fcf7ef;

    --kk-teal-dark: #00626c;
    --kk-teal: #6abcb6;
    --kk-teal-light: #b1e4e3;
    --kk-blue: #9bcbeb;
    --kk-orange: #cb6015;
    --kk-burgundy: #782f40;

    --kk-black: #000000;
    --kk-text: #1f2925;
    --kk-text-muted: #697570;
    --kk-border: #dfe7e3;
    --kk-background: #f5f8f6;
    --kk-white: #ffffff;

    --bs-primary: #006847;
    --bs-primary-rgb: 0, 104, 71;
    --bs-primary-active: #004d35;
    --bs-primary-light: #e6f2ee;
    --bs-primary-inverse: #ffffff;

    --bs-link-color: #006847;
    --bs-link-hover-color: #004d35;

    --bs-success: #006847;
    --bs-success-rgb: 0, 104, 71;
    --bs-success-active: #004d35;
    --bs-success-light: #e6f2ee;

    --bs-info: #00626c;
    --bs-info-rgb: 0, 98, 108;
    --bs-info-active: #004b53;
    --bs-info-light: #e5f3f4;

    --bs-warning: #cb6015;
    --bs-warning-rgb: 203, 96, 21;
    --bs-warning-active: #a94d0e;
    --bs-warning-light: #fceee4;

    --bs-danger: #782f40;
    --bs-danger-rgb: 120, 47, 64;
    --bs-danger-active: #5f2432;
    --bs-danger-light: #f4e9ec;
}

html,
body {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: var(--kk-background);
    color: var(--kk-text);
}

a {
    color: var(--kk-green);
}

a:hover {
    color: var(--kk-green-dark);
}

::selection {
    color: var(--kk-white);
    background-color: var(--kk-green);
}

#kt_aside {
    background-color: var(--kk-green) !important;
    border-right: 1px solid var(--kk-green-dark);
}

#kt_aside_logo {
    background-color: var(--kk-green) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

#kt_aside .menu-link.menu-center {
    border-radius: 8px;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

#kt_aside .menu-link.menu-center .menu-title {
    color: var(--kk-white);
}

#kt_aside .menu-link.menu-center .menu-icon i {
    color: var(--kk-white);
}

#kt_aside .menu-item:hover > .menu-link.menu-center,
#kt_aside .menu-item.hover > .menu-link.menu-center,
#kt_aside .menu-item.show > .menu-link.menu-center,
#kt_aside .menu-item.here > .menu-link.menu-center {
    background-color: rgba(239, 209, 159, 0.18);
}

#kt_aside .menu-item:hover > .menu-link.menu-center .menu-title,
#kt_aside .menu-item.hover > .menu-link.menu-center .menu-title,
#kt_aside .menu-item.show > .menu-link.menu-center .menu-title,
#kt_aside .menu-item.here > .menu-link.menu-center .menu-title,
#kt_aside .menu-item:hover > .menu-link.menu-center .menu-icon i,
#kt_aside .menu-item.hover > .menu-link.menu-center .menu-icon i,
#kt_aside .menu-item.show > .menu-link.menu-center .menu-icon i,
#kt_aside .menu-item.here > .menu-link.menu-center .menu-icon i {
    color: var(--kk-sand);
}

#kt_aside .menu-sub-dropdown {
    background-color: var(--kk-white);
    border: 1px solid var(--kk-border);
    box-shadow: 0 10px 35px rgba(0, 61, 42, 0.18);
}

#kt_aside .menu-sub-dropdown .menu-section {
    color: var(--kk-green);
}

#kt_aside .menu-sub-dropdown .menu-link {
    border-radius: 6px;
}

#kt_aside .menu-sub-dropdown .menu-title {
    color: var(--kk-text);
}

#kt_aside .menu-sub-dropdown .menu-icon i,
#kt_aside .menu-sub-dropdown .menu-bullet .bullet {
    color: var(--kk-green);
    background-color: var(--kk-green);
}

#kt_aside .menu-sub-dropdown .menu-arrow::after {
    background-color: var(--kk-text-muted);
}

#kt_aside .menu-sub-dropdown .menu-link:hover {
    background-color: var(--kk-sand-lighter);
}

#kt_aside .menu-sub-dropdown .menu-link:hover .menu-title,
#kt_aside .menu-sub-dropdown .menu-link:hover .menu-icon i {
    color: var(--kk-green);
}

#kt_aside .menu-sub-dropdown .menu-link.active {
    background-color: var(--kk-green);
}

#kt_aside .menu-sub-dropdown .menu-link.active .menu-title,
#kt_aside .menu-sub-dropdown .menu-link.active .menu-icon i {
    color: var(--kk-white);
}

#kt_aside .menu-sub-dropdown .menu-link.active .menu-bullet .bullet {
    background-color: var(--kk-sand);
}

#kt_aside_footer {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

#kt_aside_footer .btn-custom {
    color: var(--kk-white);
    background-color: transparent;
}

#kt_aside_footer .btn-custom i {
    color: var(--kk-white);
}

#kt_aside_footer .btn-custom:hover,
#kt_aside_footer .btn-custom.show {
    background-color: rgba(239, 209, 159, 0.18);
}

#kt_aside_footer .btn-custom:hover i,
#kt_aside_footer .btn-custom.show i {
    color: var(--kk-sand);
}

#kt_header {
    background-color: var(--kk-white);
    border-bottom: 1px solid var(--kk-border);
    box-shadow: 0 2px 10px rgba(0, 61, 42, 0.05);
}

#kt_header .header-menu > .menu > .menu-item > .menu-link {
    border-radius: 6px;
}

#kt_header .header-menu > .menu > .menu-item > .menu-link .menu-title {
    color: var(--kk-text);
}

#kt_header .header-menu > .menu > .menu-item:hover > .menu-link,
#kt_header .header-menu > .menu > .menu-item.show > .menu-link,
#kt_header .header-menu > .menu > .menu-item.here > .menu-link {
    background-color: var(--kk-sand-light);
}

#kt_header .header-menu > .menu > .menu-item:hover > .menu-link .menu-title,
#kt_header .header-menu > .menu > .menu-item.show > .menu-link .menu-title,
#kt_header .header-menu > .menu > .menu-item.here > .menu-link .menu-title {
    color: var(--kk-green);
}

#kt_header .menu-sub-dropdown,
#kt_header .menu-sub-lg-dropdown {
    background-color: var(--kk-white);
    border: 1px solid var(--kk-border);
    box-shadow: 0 10px 35px rgba(0, 61, 42, 0.14);
}

#kt_header .menu-sub-dropdown .menu-link,
#kt_header .menu-sub-lg-dropdown .menu-link {
    border-radius: 6px;
}

#kt_header .menu-sub-dropdown .menu-link:hover,
#kt_header .menu-sub-lg-dropdown .menu-link:hover {
    background-color: var(--kk-sand-lighter);
}

#kt_header .menu-sub-dropdown .menu-link:hover .menu-title,
#kt_header .menu-sub-lg-dropdown .menu-link:hover .menu-title {
    color: var(--kk-green);
}

#kt_header .menu-sub-dropdown .menu-link.active,
#kt_header .menu-sub-lg-dropdown .menu-link.active {
    background-color: var(--kk-green-light);
}

#kt_header .menu-sub-dropdown .menu-link.active .menu-title,
#kt_header .menu-sub-lg-dropdown .menu-link.active .menu-title {
    color: var(--kk-green);
}

#kt_header .menu-custom-icon {
    background-color: var(--kk-green-light);
}

#kt_header .nav-line-tabs .nav-link {
    color: var(--kk-text-muted);
}

#kt_header .nav-line-tabs .nav-link:hover,
#kt_header .nav-line-tabs .nav-link.active {
    color: var(--kk-green) !important;
    border-bottom-color: var(--kk-green);
}

#kt_header .btn-active-light-primary:hover,
#kt_header .btn-active-light-primary.show {
    color: var(--kk-green);
    background-color: var(--kk-green-light);
}

#kt_header .btn-active-light-primary:hover i,
#kt_header .btn-active-light-primary.show i {
    color: var(--kk-green);
}

#kt_menu_notifications {
    border: 1px solid var(--kk-border);
    box-shadow: 0 12px 40px rgba(0, 61, 42, 0.18);
}

#kt_menu_notifications > .d-flex.flex-column.bgi-no-repeat.rounded-top {
    background-color: var(--kk-green) !important;
    background-image: none !important;
}

#kt_menu_notifications .nav-line-tabs .nav-link {
    color: rgba(255, 255, 255, 0.72) !important;
}

#kt_menu_notifications .nav-line-tabs .nav-link:hover,
#kt_menu_notifications .nav-line-tabs .nav-link.active {
    color: var(--kk-sand) !important;
    border-bottom-color: var(--kk-sand);
}

#kt_content {
    background-color: var(--kk-background);
}

#kt_content_container {
    padding-top: 24px;
    padding-bottom: 24px;
}

.card {
    background-color: var(--kk-white);
    border: 1px solid var(--kk-border);
    box-shadow: 0 3px 15px rgba(0, 61, 42, 0.05);
}

.card .card-header {
    border-bottom-color: var(--kk-border);
}

.card .card-title,
.card .card-title h1,
.card .card-title h2,
.card .card-title h3,
.card .card-title h4,
.card .card-title h5,
.card .card-title h6 {
    color: var(--kk-green);
}

.card .card-footer {
    border-top-color: var(--kk-border);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--kk-text);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

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

.text-success {
    color: var(--kk-green) !important;
}

.text-info {
    color: var(--kk-teal-dark) !important;
}

.text-warning {
    color: var(--kk-orange) !important;
}

.text-danger {
    color: var(--kk-burgundy) !important;
}

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

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

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

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

.bg-success {
    background-color: var(--kk-green) !important;
}

.bg-light-success {
    background-color: var(--kk-green-light) !important;
}

.bg-info {
    background-color: var(--kk-teal-dark) !important;
}

.bg-light-info {
    background-color: #e5f3f4 !important;
}

.bg-warning {
    background-color: var(--kk-orange) !important;
}

.bg-light-warning {
    background-color: #fceee4 !important;
}

.bg-danger {
    background-color: var(--kk-burgundy) !important;
}

.bg-light-danger {
    background-color: #f4e9ec !important;
}

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

.border-success {
    border-color: var(--kk-green) !important;
}

.border-info {
    border-color: var(--kk-teal-dark) !important;
}

.border-warning {
    border-color: var(--kk-orange) !important;
}

.border-danger {
    border-color: var(--kk-burgundy) !important;
}

.btn.btn-primary,
.btn-primary {
    color: var(--kk-white);
    background-color: var(--kk-green);
    border-color: var(--kk-green);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: var(--kk-white) !important;
    background-color: var(--kk-green-dark) !important;
    border-color: var(--kk-green-dark) !important;
}

.btn.btn-light-primary,
.btn-light-primary {
    color: var(--kk-green);
    background-color: var(--kk-green-light);
    border-color: var(--kk-green-light);
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-primary:active,
.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
    color: var(--kk-white) !important;
    background-color: var(--kk-green) !important;
    border-color: var(--kk-green) !important;
}

.btn.btn-secondary,
.btn-secondary {
    color: var(--kk-green-darker);
    background-color: var(--kk-sand);
    border-color: var(--kk-sand);
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    color: var(--kk-green-darker) !important;
    background-color: var(--kk-sand-dark) !important;
    border-color: var(--kk-sand-dark) !important;
}

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

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: var(--kk-white) !important;
    background-color: var(--kk-green) !important;
    border-color: var(--kk-green) !important;
}

.btn-check:checked + .btn.btn-active-primary,
.btn-check:active + .btn.btn-active-primary,
.btn.btn-active-primary.active,
.btn.btn-active-primary.show,
.btn.btn-active-primary:active,
.btn.btn-active-primary:hover {
    color: var(--kk-white);
    background-color: var(--kk-green);
    border-color: var(--kk-green);
}

.badge-primary,
.badge-success {
    color: var(--kk-white);
    background-color: var(--kk-green);
}

.badge-light-primary,
.badge-light-success {
    color: var(--kk-green);
    background-color: var(--kk-green-light);
}

.badge-info {
    color: var(--kk-white);
    background-color: var(--kk-teal-dark);
}

.badge-light-info {
    color: var(--kk-teal-dark);
    background-color: #e5f3f4;
}

.badge-warning {
    color: var(--kk-white);
    background-color: var(--kk-orange);
}

.badge-light-warning {
    color: var(--kk-orange);
    background-color: #fceee4;
}

.badge-danger {
    color: var(--kk-white);
    background-color: var(--kk-burgundy);
}

.badge-light-danger {
    color: var(--kk-burgundy);
    background-color: #f4e9ec;
}

.alert-primary {
    color: var(--kk-green-dark);
    background-color: var(--kk-green-light);
    border-color: rgba(0, 104, 71, 0.22);
}

.alert-success {
    color: var(--kk-green-dark);
    background-color: var(--kk-green-light);
    border-color: rgba(0, 104, 71, 0.22);
}

.alert-info {
    color: var(--kk-teal-dark);
    background-color: #e5f3f4;
    border-color: rgba(0, 98, 108, 0.22);
}

.alert-warning {
    color: #8b3d08;
    background-color: #fceee4;
    border-color: rgba(203, 96, 21, 0.25);
}

.alert-danger {
    color: var(--kk-burgundy);
    background-color: #f4e9ec;
    border-color: rgba(120, 47, 64, 0.25);
}

.form-control,
.form-select {
    color: var(--kk-text);
    background-color: var(--kk-white);
    border-color: var(--kk-border);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--kk-green);
    box-shadow: 0 0 0 0.2rem rgba(0, 104, 71, 0.12);
}

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

.form-check-input:focus {
    border-color: var(--kk-green);
    box-shadow: 0 0 0 0.2rem rgba(0, 104, 71, 0.12);
}

.input-group-text {
    color: var(--kk-text-muted);
    background-color: var(--kk-green-lighter);
    border-color: var(--kk-border);
}

.table {
    color: var(--kk-text);
}

.table thead th {
    color: var(--kk-green);
    background-color: var(--kk-green-lighter);
    border-bottom-color: var(--kk-border);
}

.table tbody td {
    border-bottom-color: var(--kk-border);
}

.table-hover tbody tr:hover {
    background-color: var(--kk-sand-lighter);
}

.nav-tabs {
    border-bottom-color: var(--kk-border);
}

.nav-tabs .nav-link {
    color: var(--kk-text-muted);
}

.nav-tabs .nav-link:hover {
    color: var(--kk-green);
    border-color: transparent;
}

.nav-tabs .nav-link.active {
    color: var(--kk-green);
    background-color: var(--kk-white);
    border-color: var(--kk-border) var(--kk-border) var(--kk-white);
}

.nav-pills .nav-link {
    color: var(--kk-text-muted);
}

.nav-pills .nav-link:hover {
    color: var(--kk-green);
    background-color: var(--kk-green-light);
}

.nav-pills .nav-link.active {
    color: var(--kk-white);
    background-color: var(--kk-green);
}

.dropdown-menu {
    background-color: var(--kk-white);
    border-color: var(--kk-border);
    box-shadow: 0 10px 30px rgba(0, 61, 42, 0.12);
}

.dropdown-item {
    color: var(--kk-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--kk-green);
    background-color: var(--kk-sand-lighter);
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--kk-white);
    background-color: var(--kk-green);
}

.pagination .page-link {
    color: var(--kk-green);
    background-color: var(--kk-white);
    border-color: var(--kk-border);
}

.pagination .page-link:hover {
    color: var(--kk-green-dark);
    background-color: var(--kk-green-light);
    border-color: var(--kk-green);
}

.pagination .page-item.active .page-link {
    color: var(--kk-white);
    background-color: var(--kk-green);
    border-color: var(--kk-green);
}

.progress {
    background-color: var(--kk-green-light);
}

.progress-bar {
    background-color: var(--kk-green);
}

.modal-content {
    background-color: var(--kk-white);
    border: 1px solid var(--kk-border);
    box-shadow: 0 15px 45px rgba(0, 61, 42, 0.18);
}

.modal-header {
    border-bottom-color: var(--kk-border);
}

.modal-footer {
    border-top-color: var(--kk-border);
}

.separator {
    border-color: var(--kk-border);
}

#kt_footer {
    background-color: var(--kk-white);
    border-top: 1px solid var(--kk-border);
}

#kt_footer a {
    color: var(--kk-green);
}

#kt_footer a:hover {
    color: var(--kk-green-dark);
}

#kt_scrolltop {
    color: var(--kk-white);
    background-color: var(--kk-green);
}

#kt_scrolltop:hover {
    background-color: var(--kk-green-dark);
}

#kt_scrolltop i {
    color: var(--kk-white);
}

.bg-company-green {
    background-color: var(--kk-green) !important;
}

.bg-company-sand {
    background-color: var(--kk-sand) !important;
}

.bg-company-teal {
    background-color: var(--kk-teal-dark) !important;
}

.bg-company-light-blue {
    background-color: var(--kk-blue) !important;
}

.bg-company-orange {
    background-color: var(--kk-orange) !important;
}

.bg-company-burgundy {
    background-color: var(--kk-burgundy) !important;
}

.text-company-green {
    color: var(--kk-green) !important;
}

.text-company-sand {
    color: var(--kk-sand) !important;
}

.text-company-teal {
    color: var(--kk-teal-dark) !important;
}

.text-company-orange {
    color: var(--kk-orange) !important;
}

.text-company-burgundy {
    color: var(--kk-burgundy) !important;
}

.border-company-green {
    border-color: var(--kk-green) !important;
}

.border-company-sand {
    border-color: var(--kk-sand) !important;
}

.company-accent {
    border-left: 4px solid var(--kk-sand);
}

.company-section-title {
    color: var(--kk-green);
    font-weight: 700;
}

.company-section-title::after {
    display: block;
    width: 42px;
    height: 4px;
    margin-top: 8px;
    content: "";
    background-color: var(--kk-sand);
    border-radius: 4px;
}

[data-bs-theme="dark"] body {
    color: #eef4f1;
    background-color: #101713;
}

[data-bs-theme="dark"] #kt_header,
[data-bs-theme="dark"] #kt_footer,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] #kt_header .menu-sub-dropdown,
[data-bs-theme="dark"] #kt_header .menu-sub-lg-dropdown,
[data-bs-theme="dark"] #kt_aside .menu-sub-dropdown {
    color: #eef4f1;
    background-color: #18231e;
    border-color: #2d3c35;
}

[data-bs-theme="dark"] #kt_content {
    background-color: #101713;
}

[data-bs-theme="dark"] .card .card-title,
[data-bs-theme="dark"] .card .card-title h1,
[data-bs-theme="dark"] .card .card-title h2,
[data-bs-theme="dark"] .card .card-title h3,
[data-bs-theme="dark"] .card .card-title h4,
[data-bs-theme="dark"] .card .card-title h5,
[data-bs-theme="dark"] .card .card-title h6 {
    color: var(--kk-sand);
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
    color: #ffffff;
}

[data-bs-theme="dark"] #kt_header .header-menu > .menu > .menu-item > .menu-link .menu-title,
[data-bs-theme="dark"] #kt_header .menu-sub-dropdown .menu-title,
[data-bs-theme="dark"] #kt_header .menu-sub-lg-dropdown .menu-title,
[data-bs-theme="dark"] #kt_aside .menu-sub-dropdown .menu-title,
[data-bs-theme="dark"] .dropdown-item {
    color: #eef4f1;
}

[data-bs-theme="dark"] #kt_header .menu-sub-dropdown .menu-link:hover,
[data-bs-theme="dark"] #kt_header .menu-sub-lg-dropdown .menu-link:hover,
[data-bs-theme="dark"] #kt_aside .menu-sub-dropdown .menu-link:hover,
[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: rgba(239, 209, 159, 0.12);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    color: #ffffff;
    background-color: #18231e;
    border-color: #35463e;
}

[data-bs-theme="dark"] .table {
    color: #eef4f1;
}

[data-bs-theme="dark"] .table thead th {
    color: var(--kk-sand);
    background-color: #18231e;
    border-bottom-color: #35463e;
}

[data-bs-theme="dark"] .table tbody td {
    border-bottom-color: #35463e;
}

[data-bs-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(239, 209, 159, 0.08);
}


.pagination {
    margin: 0;
    gap: 4px;
}

.pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    min-width: 38px;
}