html body{
    height:auto!important;
    background-color: #ffffff !important;
    color: #333333 !important;
}

input:focus{
    border:3px solid blue;
}

.file {
  visibility: hidden;
  position: absolute;
}

/* Light Mode Overrides */
body, body * {
    background-color: inherit;
}

/* Main background */
body {
    background-color: #ffffff !important;
}

/* Content areas */
.content, .app-content, .content-wrapper, .content-body {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Cards */
.card, .card-header, .card-body, .card-footer {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e0e0e0 !important;
}

/* Tables */
.table, .table thead th, .table tbody td, .table tbody tr {
    background-color: #ffffff !important;
    color: #333333 !important;
    border-color: #e0e0e0 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa !important;
}

.table-hover tbody tr:hover {
    background-color: #f0f0f0 !important;
}

/* Forms */
input.form-control, textarea.form-control, select.form-control, .custom-select, .custom-file-label {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
}

input.form-control::placeholder, textarea.form-control::placeholder {
    color: #999999 !important;
}

/* Dropdowns */
.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

.dropdown-menu .dropdown-item {
    color: #333333 !important;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f0f0f0 !important;
}

/* Modals */
.modal-content, .modal-header, .modal-body, .modal-footer {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Navigation - GREEN THEME */
.main-menu, .navigation {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

/* Top navbar should be green with white text */
.header-navbar.navbar-fixed {
    background-color: #188133 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    border-radius: 0 !important;
}

.header-navbar.navbar-fixed .navbar, 
.header-navbar.navbar-fixed .navbar-container {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

/* Top navbar links should be white */
.header-navbar.navbar-fixed .nav-link, 
.header-navbar.navbar-fixed .nav-item a {
    color: #ffffff !important;
    border-radius: 0 !important;
}

.header-navbar.navbar-fixed .nav-link:hover, 
.header-navbar.navbar-fixed .nav-item a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
}

/* Horizontal menu wrapper - green background but dark text */
.horizontal-menu-wrapper .navbar {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

.main-menu-content {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

/* Horizontal menu links should be dark/original color */
.horizontal-menu-wrapper .navbar-nav .nav-item .nav-link,
#main-menu-navigation li a {
    color: #333333 !important;
    border-radius: 0 !important;
}

/* Active menu items should be dark and bold */
.horizontal-menu-wrapper .navbar-nav .nav-item.active .nav-link,
.horizontal-menu-wrapper .nav-item.active a,
#main-menu-navigation li.active a,
#main-menu-navigation > li.active > a {
    color: #333333 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}

.horizontal-menu-wrapper .navbar-nav .nav-item .nav-link:hover,
#main-menu-navigation li a:hover {
    color: #333333 !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Text colors */
h1, h2, h3, h4, h5, h6 {
    color: #333333 !important;
}

p, span, label, small {
    color: #333333 !important;
}

a {
    color: #007bff !important;
}

a:hover {
    color: #0056b3 !important;
}

/* Sidebar */
.sidebar, .sidebar-content {
    background-color: #ffffff !important;
    border-right: 1px solid #e0e0e0 !important;
}

/* Pagination */
.pagination .page-item .page-link {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e0e0e0 !important;
}

.pagination .page-item.active .page-link {
    background-color: #007bff !important;
    color: #ffffff !important;
}

/* Alerts */
.alert {
    color: inherit !important;
}

/* Badges */
.badge {
    color: #ffffff !important;
}

/* Breadcrumbs */
.breadcrumb, .breadcrumb-item {
    color: #333333 !important;
}

/* List groups */
.list-group-item {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e0e0e0 !important;
}

.list-group-item:hover {
    background-color: #f8f9fa !important;
}

/* Date inputs */
input[type="date"] {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Ensure icons are visible */
i, .feather {
    color: #333333 !important;
}

/* Top navbar icons should be white */
.header-navbar.navbar-fixed i, 
.header-navbar.navbar-fixed .feather, 
.header-navbar.navbar-fixed .ficon {
    color: #ffffff !important;
}

/* Horizontal menu icons should be dark */
.horizontal-menu-wrapper i, 
.horizontal-menu-wrapper .feather, 
.horizontal-menu-wrapper .ficon {
    color: #333333 !important;
}

.btn i {
    color: inherit !important;
}

/* User dropdown */
.user-name {
    color: #ffffff !important;
}

/* DataTables */
.dataTables_wrapper, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e0e0e0 !important;
}

.dataTables_wrapper .dataTables_info {
    color: #333333 !important;
}

/* Select2 */
.select2-container .select2-selection {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.select2-container .select2-selection__rendered {
    color: #333333 !important;
}

.select2-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.select2-results__option {
    color: #333333 !important;
}

.select2-results__option--highlighted {
    background-color: #f0f0f0 !important;
}

/* Buttons - ensure text is visible */
.btn {
    border: 1px solid transparent !important;
}

.btn-primary {
    background-color: #007bff !important;
    color: #ffffff !important;
}

.btn-secondary {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.btn-success {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.btn-warning {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.btn-info {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
}

.btn-light {
    background-color: #f8f9fa !important;
    color: #212529 !important;
    border: 1px solid #e0e0e0 !important;
}

.btn-dark {
    background-color: #343a40 !important;
    color: #ffffff !important;
}

/* Horizontal menu wrapper */
.horizontal-menu-wrapper {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

.horizontal-menu-wrapper .navbar-container {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

/* Scrollbar styling for light mode */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}

::-webkit-scrollbar-thumb {
    background: #888 !important;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555 !important;
}

/* Brand text */
.brand-text {
    color: #ffffff !important;
}

/* Navbar wrapper */
.navbar-wrapper {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

.header-navbar.navbar-expand-lg {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

.navbar-horizontal.floating-nav {
    background-color: #188133 !important;
    border-radius: 0 !important;
}

/* Remove all navbar border radius */
.header-navbar.navbar,
.navbar-with-menu,
.navbar-fixed,
.navbar-brand-center,
.horizontal-menu-wrapper,
.horizontal-menu-wrapper .header-navbar,
nav.header-navbar {
    border-radius: 0 !important;
}

/* Ensure dropdown menus in nav are white */
.navbar-nav .dropdown-menu {
    background-color: #ffffff !important;
}

.navbar-nav .dropdown-menu li a {
    color: #333333 !important;
}

.navbar-nav .dropdown-menu li a:hover {
    background-color: #f0f0f0 !important;
    color: #007bff !important;
}

/* Active nav items - Top navbar white, horizontal menu dark */
.header-navbar.navbar-fixed .nav-item.active .nav-link {
    color: #ffffff !important;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.15) !important;
}

.horizontal-menu-wrapper .nav-item.active .nav-link {
    color: #333333 !important;
    font-weight: 700 !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

/* Store name in navbar */
.navbar-nav li[style*="font-size:22px"] {
    color: #ffffff !important;
}

/* Input groups */
.input-group-text {
    background-color: #e9ecef !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
}

/* Close buttons in modals */
.close {
    color: #333333 !important;
    text-shadow: none !important;
}

/* Dividers */
hr {
    border-top: 1px solid #e0e0e0 !important;
}

/* Tooltips */
.tooltip-inner {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Popovers */
.popover {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.popover-header {
    background-color: #f7f7f7 !important;
    color: #333333 !important;
}

.popover-body {
    color: #333333 !important;
}

/* Progress bars */
.progress {
    background-color: #e9ecef !important;
}

/* Custom controls */
.custom-control-label::before {
    background-color: #ffffff !important;
    border: 1px solid #adb5bd !important;
}

/* Chips / Tags */
.chip {
    background-color: #f0f0f0 !important;
    color: #333333 !important;
}

/* Timeline */
.timeline .timeline-item {
    color: #333333 !important;
}

/* Footer */
.footer {
    background-color: #ffffff !important;
    color: #333333 !important;
    border-top: 1px solid #e0e0e0 !important;
}