:root {
    --primary-color:       #293517;
    --primary-dark:        #202912;
    --secondary-color:     #202912;
    --primary-color-rgb:   41, 53, 23;
    --sidebar-start:       #293517;
    --sidebar-end:         #202912;
    --sidebar-active:      rgba(255,255,255,0.18);
    --sidebar-text:        #ffffff;
    --sidebar-text-rgb:    255, 255, 255;
    --login-start:         #293517;
    --login-end:           #202912;
}

.sidebar {
    background: linear-gradient(180deg, #293517 0%, #202912 100%) !important;
}

.sidebar,
.sidebar a,
.sidebar .sidebar-header h4,
.sidebar .sidebar-header p {
    color: #ffffff !important;
}

.sidebar .sidebar-group-header,
.sidebar .sidebar-header p,
.sidebar .sidebar-user-role,
.sidebar-menu-bottom .sidebar-group-header {
    color: rgba(255, 255, 255, 0.75) !important;
}
.sidebar .sidebar-group-header:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.sidebar-menu li a.active,
.admin-flyout a.active {
    background: rgba(255,255,255,0.18) !important;
}

.sidebar-menu li a:hover,
.admin-flyout a:hover {
    background: rgba(255,255,255,0.1) !important;
}

.login-bg-gradient,
body.login-page {
    background: linear-gradient(135deg, #293517 0%, #202912 100%) !important;
}

.btn-primary,
.btn-login,
.btn-save {
    background: linear-gradient(135deg, #293517 0%, #202912 100%) !important;
    border-color: #202912 !important;
}

.btn-primary:hover,
.btn-login:hover,
.btn-save:hover {
    background: linear-gradient(135deg, #202912 0%, #293517 100%) !important;
}

.table-header {
    background: linear-gradient(135deg, #293517 0%, #202912 100%) !important;
}

.settings-tabs .nav-link.active {
    color: #fff !important;
    border-left-color: #fff !important;
}

.settings-tabs .nav-link:hover {
    color: #293517 !important;
}

.nav-pills .nav-link.active {
    background: linear-gradient(135deg, #293517 0%, #202912 100%) !important;
    border-color: #202912 !important;
    color: #fff !important;
}

.badge.bg-primary {
    background: linear-gradient(135deg, #293517 0%, #202912 100%) !important;
}

.btn-outline-primary {
    color: #293517 !important;
    border-color: #293517 !important;
}

.btn-outline-primary:hover {
    background-color: #293517 !important;
    color: #fff !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #293517;
    box-shadow: 0 0 0 0.2rem #293517;
}

a.text-primary, .text-primary {
    color: #293517 !important;
}

.notification-bell .btn-link:hover {
    color: #293517 !important;
}

.notification-unread-indicator {
    background: #293517 !important;
}

.page-item.active .page-link {
    background-color: #293517 !important;
    border-color: #293517 !important;
}

.page-link {
    color: #293517;
}

.breadcrumb-item.active { color: #293517 !important; }
.breadcrumb-item a, .breadcrumb a { color: #293517 !important; }

.content-area a:not(.btn):not(.nav-link):not(.page-link):not(.dropdown-item),
.main-content a.text-decoration-none:not(.btn) { color: #293517; }

.card-header.bg-primary { background: linear-gradient(135deg, #293517 0%, #202912 100%) !important; border-color: #202912 !important; }
.card.border-primary { border-color: #293517 !important; }

.modal-header { border-bottom: 2px solid rgba(41, 53, 23, 0.25); }
.modal-header.bg-primary { background: linear-gradient(135deg, #293517 0%, #202912 100%) !important; color:#fff !important; }

.nav-tabs .nav-link.active { color: #293517 !important; border-bottom-color: #293517 !important; }
.nav-tabs .nav-link:hover { color: #293517 !important; }

.list-group-item.active { background: linear-gradient(135deg, #293517 0%, #202912 100%) !important; border-color: #202912 !important; }

.dropdown-item.active, .dropdown-item:active { background-color: #293517 !important; }
.dropdown-item:hover, .dropdown-item:focus { background-color: rgba(41, 53, 23, 0.12) !important; color: #202912 !important; }

.accordion-button:not(.collapsed) { color: #293517 !important; background-color: rgba(41, 53, 23, 0.1) !important; }
.accordion-button:not(.collapsed)::after { filter: none; }
.accordion-button:focus { border-color: #293517 !important; box-shadow: 0 0 0 0.2rem rgba(41, 53, 23, 0.25) !important; }

.form-check-input:checked { background-color: #293517 !important; border-color: #293517 !important; }
.form-check-input:focus { border-color: #293517 !important; box-shadow: 0 0 0 0.2rem rgba(41, 53, 23, 0.25) !important; }

.progress-bar:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info) { background-color: #293517 !important; }
.spinner-border:not(.text-success):not(.text-danger):not(.text-warning):not(.text-info):not(.text-light):not(.text-secondary):not(.text-muted),
.spinner-grow.text-primary, .spinner-border.text-primary { color: #293517 !important; }

.form-range::-webkit-slider-thumb { background-color: #293517 !important; }
.form-range::-moz-range-thumb { background-color: #293517 !important; }

.table-hover > tbody > tr:hover > * { background-color: rgba(41, 53, 23, 0.06) !important; }

.alert-primary { color: #202912 !important; background-color: rgba(41, 53, 23, 0.1) !important; border-color: rgba(41, 53, 23, 0.3) !important; }

.page-link:hover { color: #202912 !important; background-color: rgba(41, 53, 23, 0.1) !important; }

.settings-tabs .nav-link:hover { background-color: rgba(41, 53, 23, 0.1) !important; }

.tooltip-inner { background-color: #202912 !important; }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #202912 !important; }
.popover-header { background-color: rgba(41, 53, 23, 0.1) !important; color: #202912 !important; }

.sidebar-badge { background-color: #202912 !important; color: #fff !important; }

.btn-check:focus + .btn, .btn:focus { box-shadow: 0 0 0 0.2rem rgba(41, 53, 23, 0.25); }

