/* Define color and font variables */
:root {
    --primary-color: #08c66b; /* Main color for buttons and highlights */
    --background-color:var(--font-color-light); /* Background color */
    --font-color: #024e29; /* Font color */
    --font-color-light: #fff; /* Font color */
    --link-color: #024e29; /* Link color */
    --font-body: 'Inter', sans-serif; /* Font for body text */
    --font-heading: 'Inter', sans-serif; /* Font for headings */
    --border-color: transparent; /* Border color */
    --side-border-color: #08c66b;
    --input-color: #08c66b; /* Border color */
}

/* .wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left:250px;
    background: linear-gradient(to top right, #08c66b, #fff);
    border-radius:0 0px 0 261px;
    z-index: 0;
} */

/* Apply font styles */
body {
    font-family: var(--font-body);
    background-color: var(--background-color);
    color: var(--font-color) !important; /* General text color for better readability */
}

.brand-link{
    border-bottom:1px solid  var(--border-color) !important;
}

/* Remove all shadow effects */
*, .elevation-4 {
    box-shadow: none !important;
}

/* Header Styles */
.main-header {
    background-color: var(--background-color);
    color: var(--font-color);
    border-bottom: 1px solid var(--border-color); /* Subtle border for separation */
}

.navbar.navbar-expand.navbar-dark {
    background-color: var(--background-color);
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--primary-color);
}

.navbar-dark .navbar-nav .nav-link:hover {
    color:var(--font-color-light); /* White text on hover */
    background-color: var(--primary-color); /* Green background on hover */
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
    color:var(--font-color-light); /* White text on hover */
    background-color: var(--primary-color); /* Green background on hover */
}

/* Sidebar Styles */
.main-sidebar {
    background-color: var(--background-color); /* Sidebar white */
    border-right: 1px solid var(--side-border-color); /* Subtle border for separation */
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: var(--primary-color);
    background-color: var(--background-color); /* Default background color for sidebar items */
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary-color); /* Green background on hover and active */
    color:var(--font-color-light); /* White text on hover and active */
    border-left: 3px solid var(--primary-color); /* Highlight active link */
}

/* Content Styles */
.content-wrapper {
    background-color: var(--background-color);
}

/* Footer Styles */
.main-footer {
    background-color: var(--background-color);
    color: var(--font-color);
    border-top: 1px solid var(--border-color); /* Subtle border for separation */
}

.main-footer a {
    color: var(--primary-color);
}

.main-footer a:hover {
    color:var(--font-color-light); /* White text on hover */
    background-color: var(--primary-color); /* Green background on hover */
}

/* Button Styles */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: #006f4f; /* Button hover color */
    border-color: #006f4f;
}

/* Form Controls */
.form-control {
    background-color:var(--font-color-light);
    border-color: var(--border-color);
    border-radius: 4px; /* Slightly rounded corners for a modern look */
}

.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: none; /* Remove shadow */
}

/* Card Styles */
.card {
    border: 1px solid var(--border-color); /* Subtle border for a clean look */
}

.card-header {
    background-color: var(--background-color);
    color: var(--font-color);
    border-bottom: 1px solid var(--border-color); /* Subtle border for separation */
}

.card-header .card-title {
    color: var(--font-color);
}

/* Sidebar Navigation Styles */
.nav-sidebar .nav-item .nav-link {
    border-left: 3px solid transparent;
    padding: 10px 15px; /* Increase padding for better touch targets */
}

.nav-sidebar .nav-item .nav-link:hover {
    background-color: var(--primary-color);
    color:var(--font-color-light); /* White text on hover */
}

.nav-sidebar .nav-item .nav-link.active {
    border-left-color: var(--primary-color);
    background-color: var(--primary-color); /* Green background for active items */
    color:var(--font-color-light); /* White text for active items */
}



/* Table Styles */

.table{
    background-color: #fff;
}
.table thead th {
    background-color: var(--primary-color);
    color:var(--font-color-light);
    border-bottom: 2px solid var(--border-color); /* Primary color border for table header */
}

.table tbody td, .table tbody th {
    border: 1px solid var(--border-color); /* Primary color border for table cells */
}

.table tbody tr:nth-child(even) {
    background-color: #fafafa; /* Zebra striping for table rows */
}

.table tbody tr:hover {
    background-color: #f0f0f0; /* Highlight row on hover */
}

.table thead th a{
    color:#fff !important
}

.table-bordered td, .table-bordered th{
    border: 1px solid var(--border-color) !important
}

.card-footer{
    background: transparent !important;
}

.card-footer a{
    color: var(--primary-color) !important;
}

.card{
    background-color: transparent !important;
}

.card-header{
    display: block;
}

.input-group input, input, textarea, select{
    border: 1px solid var(--input-color) !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus{
    background-color: var(--primary-color);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link{
    color:var(--link-color)
}

.sidebar-collapse .nav-sidebar .nav-item .nav-link{
    padding:10px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
    border-radius: 8px;
}

.select2-container .select2-selection--single{
    height:34px !important;
}

.select2-container--default .select2-selection--single{
    border-color:var(--input-color) !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:-3px !important;
}

/*additional*/

.mt-5 {
    margin-top: 2rem !important;
}
.mt-6 {
    margin-top: 2.5rem !important;
}
.mb-6 {
    margin-bottom: 2.5rem !important;
}
.ml-6 {
    margin-left: 2.5rem !important;
}
.mr-6 {
    margin-right: 2.5rem !important;
}

.mx-6{
    margin: 0 2.5rem !important;
}

.my-6 {
    margin: 2.5rem 0 !important;
}