/* ===== Midnight Green (#004D40) Theme for Riho Template ===== */

/* Override Riho theme variables */
:root {
    --theme-deafult: #004D40 !important;
    --theme-secondary: #00897B !important;
    --light-shade-primary: rgba(0, 77, 64, 0.2) !important;
}

/* ===== Sidebar - Midnight Green ===== */
.sidebar-wrapper {
    background-color: #004D40 !important;
    background: linear-gradient(180deg, #004D40 0%, #00332C 100%) !important;
}
.sidebar-wrapper .logo-wrapper {
    background-color: #004D40 !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links > li a {
    color: rgba(255,255,255,0.8) !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links > li a svg {
    stroke: rgba(255,255,255,0.8) !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links > li a:hover,
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list.active > a {
    color: #fff !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a {
    color: rgba(255,255,255,0.65) !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a:hover,
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a.active {
    color: #fff !important;
}
.sidebar-wrapper .sidebar-main-title h6 {
    color: rgba(255,255,255,0.5) !important;
}
.sidebar-wrapper .back-btn i {
    color: rgba(255,255,255,0.6) !important;
}
.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link i {
    color: rgba(255,255,255,0.8) !important;
}

/* ===== Primary buttons ===== */
.btn-primary {
    background-color: #004D40 !important;
    border-color: #004D40 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #00332C !important;
    border-color: #00332C !important;
    box-shadow: 0 4px 12px rgba(0, 77, 64, 0.35) !important;
}
.btn-outline-primary {
    color: #004D40 !important;
    border-color: #004D40 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #004D40 !important;
    border-color: #004D40 !important;
    color: #fff !important;
}

/* ===== Links ===== */
a {
    color: #004D40;
}
a:hover {
    color: #00332C;
}

/* ===== Badges ===== */
.badge-primary, .badge.bg-primary {
    background-color: #004D40 !important;
}

/* ===== Form controls ===== */
.form-control:focus, .form-select:focus {
    border-color: #004D40 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 77, 64, 0.25) !important;
}
.form-check-input:checked {
    background-color: #004D40 !important;
    border-color: #004D40 !important;
}

/* ===== Nav tabs and pills ===== */
.nav-tabs .nav-link.active {
    color: #004D40 !important;
    border-bottom-color: #004D40 !important;
}
.nav-pills .nav-link.active {
    background-color: #004D40 !important;
}

/* ===== Pagination ===== */
.page-item.active .page-link {
    background-color: #004D40 !important;
    border-color: #004D40 !important;
}
.page-link {
    color: #004D40;
}
.page-link:hover {
    color: #00332C;
}

/* ===== Progress bars ===== */
.progress-bar {
    background-color: #004D40 !important;
}

/* ===== Alerts ===== */
.alert-primary {
    background-color: rgba(0, 77, 64, 0.1) !important;
    border-color: rgba(0, 77, 64, 0.2) !important;
    color: #004D40 !important;
}

/* ===== Text & BG utilities ===== */
.text-primary {
    color: #004D40 !important;
}
.bg-primary {
    background-color: #004D40 !important;
}
.font-primary {
    color: #004D40 !important;
}

/* ===== Dropdown ===== */
.dropdown-item.active, .dropdown-item:active {
    background-color: #004D40 !important;
}

/* ===== SweetAlert confirm button ===== */
.swal2-confirm.swal2-styled,
.swal-button--confirm {
    background-color: #004D40 !important;
    border-color: #004D40 !important;
}
.swal2-confirm.swal2-styled:hover,
.swal-button--confirm:hover {
    background-color: #00332C !important;
}

/* ===== Table hover ===== */
.table-hover > tbody > tr:hover {
    --bs-table-hover-bg: rgba(0, 77, 64, 0.04);
}

/* ===== Page header ===== */
.page-header .header-wrapper {
    background-color: #fff;
}

/* ===== Loader ===== */
.loader-wrapper .loader .loader4 {
    border-top-color: #004D40 !important;
}

/* ===== Selection ===== */
::selection {
    background-color: rgba(0, 77, 64, 0.2);
    color: #00332C;
}

/* ===== Login page ===== */
.login-card .login-main .theme-form h4 {
    color: #004D40;
}

/*# sourceMappingURL=custom.min.css.map */