:root {
    --green-dark: #09AD74;
    --green-medium: #34b89a;
    --green-light: #48c9b0;
    --grey-light: #f5f5f5;
    --grey-medium: #d9d9d9;
    --white: #ffffff;
    --shadow: rgba(0, 0, 0, 0.1);
}
.bg-success{
    background-color: #09AD74 !important;
}
.btn-default-asoka {
    background: var(--green-dark);
    color: #fff;
}
.btn-default-asoka:hover {
    color: #fff;
    background: var(--green-light);
}
.bg-brown-100 {
    background: var(--green-dark);
}
.bg-brown-50 {
    background: var(--light-grey);
}
.bg-pink {
    background: var(--green-light);
}
.text-pink {
    color: var(--green-light);
}
#wrapper #content-wrapper {
    background-color: #ffffff!important;
}
.sidebar-brand-text > span {
    color: var(--green-dark);
}
.sidebar-dark .nav-item.active .nav-link,
.sidebar-dark .nav-item.active .nav-link i {
    color: var(--green-dark);
}
.sidebar-dark hr.sidebar-divider {
    border-top: 1px solid rgb(160 129 108 / 44%);
}
.sidebar-dark .sidebar-heading {
    color: rgba(112, 189, 166, 0.63);
}
.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {
    color: var(--green-dark);
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active,
.sidebar-dark .nav-item .nav-link:active,
.sidebar-dark .nav-item .nav-link:focus,
.sidebar-dark .nav-item .nav-link:hover,
.sidebar-dark .nav-item .nav-link:active i,
.sidebar-dark .nav-item .nav-link:focus i,
.sidebar-dark .nav-item .nav-link:hover i {
    color: var(--green-dark);
}
.btn-pink {
    color: #fff;
    background-color: var(--green-light);
    border-color: var(--green-light);
}
#content>nav.navbar.topbar>button#sidebarToggleTop,
.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: var(--light-grey);
}
.topbar #sidebarToggleTop:hover {
    background-color: inherit;
}
.topbar #sidebarToggleTop:focus {
    box-shadow: none;
}
.topbar .dropdown-list .dropdown-header {
    background-color: var(--light-grey);
    border: 1px solid var(--light-grey);
    color: var(--green-dark);
}
.you-are-here {
    background: var(--light-grey);
    color: var(--green-dark);
}
.you-are-here + div {
    margin-top: -25px;
}
.border-left-brown-100 {
    border-left: 0.25rem solid var(--green-dark)!important;
}
.border-right-brown-100 {
    border-right: 0.25rem solid var(--green-dark)!important;
}
.border-left-brown-50 {
    border-left: 0.25rem solid var(--light-grey)!important;
}
.border-right-brown-50 {
    border-right: 0.25rem solid var(--light-grey)!important;
}
.border-left-pink {
    border-left: 0.25rem solid var(--green-light)!important;
}
.border-right-pink {
    border-right: 0.25rem solid var(--green-light)!important;
}
.card.border-left-brown-100,
.card.border-right-brown-100 {
    color: var(--green-dark)!important;
}
.card.border-left-brown-50,
.card.border-right-brown-50 {
    color: var(--light-grey)!important;
}
.card.border-left-pink,
.card.border-right-pink {
    color: var(--green-light)!important;
}
.modal-fluid {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}
.modal-fluid > .modal-content {
    height: auto !important;
    min-height: 100% !important;
    background-color: rgba(255, 255, 255, 0.93);
}
.modal-fluid.modal-dialog-scrollable {
    max-height: 100%!important;
}

/* Modern Styling Updates */
body {
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */ 
    font-family: 'Nunito', sans-serif;
    color: #333;
    background-color: var(--light-grey);
}

.card, .btn {
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-pink, .btn-default-asoka {
    transition: background-color 0.3s, color 0.3s;
}

.btn-pink:hover, .btn-default-asoka:hover {
    background-color: #004d3f;
    color: #ffffff;
}

.navbar, .sidebar {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.sidebar-dark .nav-item.active .nav-link,
.sidebar-dark .nav-item .nav-link:hover {
    background-color: #e0f2f1;
}

.sidebar-dark .nav-item .nav-link {
    font-size: 16px;
}