/* 
 * Green Theme for FCT DRTS Cooperative Society
 * Overrides AdminLTE blue theme with green colors
 */

/* Main Header Background */
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

.skin-blue .main-header .logo:hover {
    background: linear-gradient(135deg, #0f8478 0%, #2dd968 100%) !important;
}

/* Sidebar */
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li:hover > a {
    background-color: #11998e !important;
    border-left-color: #38ef7d !important;
}

.skin-blue .sidebar a {
    color: #b8c7ce;
}

.skin-blue .sidebar a:hover {
    color: #fff;
}

/* Treeview menu */
.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    color: #fff;
    background: #0f8478 !important;
}

/* User Panel */
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
    color: #fff;
}

/* Links in sidebar */
.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #2c3b41;
}

/* Buttons - Primary */
.btn-primary {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    border-color: #11998e !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: linear-gradient(135deg, #0f8478 0%, #2dd968 100%) !important;
    border-color: #0f8478 !important;
    box-shadow: 0 5px 20px rgba(17, 153, 142, 0.4) !important;
}

/* Small Boxes */
.small-box.bg-aqua,
.small-box.bg-blue {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

.small-box.bg-aqua .icon,
.small-box.bg-blue .icon {
    color: rgba(255, 255, 255, 0.3);
}

/* Keep existing green boxes as is */
.small-box.bg-green {
    background: linear-gradient(135deg, #00a65a 0%, #00c96f 100%) !important;
}

/* Info Box */
.info-box-icon.bg-aqua,
.info-box-icon.bg-blue {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

/* Labels and Badges */
.label-primary,
.badge-primary {
    background-color: #11998e !important;
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #11998e !important;
    border-color: #11998e !important;
}

/* Nav Tabs */
.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #11998e !important;
}

.nav-tabs-custom > .nav-tabs > li.active > a {
    border-top-color: transparent;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
}

/* Panel Primary */
.panel-primary {
    border-color: #11998e !important;
}

.panel-primary > .panel-heading {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    border-color: #11998e !important;
    color: #fff !important;
}

/* Links */
a {
    color: #11998e;
}

a:hover,
a:focus {
    color: #0f8478;
}

/* Form Focus */
.form-control:focus {
    border-color: #11998e !important;
    box-shadow: 0 0 0 0.2rem rgba(17, 153, 142, 0.25) !important;
}

/* Select Dropdown */
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    border-color: #11998e !important;
}

/* DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    border-color: #11998e !important;
    color: white !important;
}

/* Box Header with primary */
.box.box-primary {
    border-top-color: #11998e !important;
}

.box.box-primary > .box-header {
    background-color: #11998e !important;
    color: #fff;
}

/* Solid Box */
.box-solid.box-primary > .box-header {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

/* Progress Bars */
.progress-bar-primary,
.progress-bar-aqua,
.progress-bar-blue {
    background-color: #11998e !important;
}

/* Callout Primary */
.callout.callout-info,
.callout.callout-primary {
    border-left-color: #11998e !important;
}

/* Alert Info */
.alert-info {
    background-color: rgba(17, 153, 142, 0.1) !important;
    border-color: #11998e !important;
    color: #0f8478 !important;
}

/* Sidebar Toggle Button */
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Dropdown Menu */
.skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #11998e !important;
    color: #fff !important;
}

/* Control Sidebar */
.control-sidebar-dark {
    background: #222d32;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus {
    background: #11998e !important;
    border-color: #11998e !important;
}

/* Box with Light Blue Gradient (used in dashboards) */
.bg-light-blue-gradient {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    color: #fff !important;
}

.bg-light-blue-gradient .box-header,
.bg-light-blue-gradient .box-body,
.bg-light-blue-gradient .box-footer {
    color: #fff !important;
}

.bg-light-blue-gradient .btn-primary {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-light-blue-gradient .btn-primary:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Text Colors */
.text-aqua,
.text-blue {
    color: #11998e !important;
}

.bg-aqua,
.bg-blue {
    background-color: #11998e !important;
}

/* Login/Register Box */
.login-box-body .btn-primary,
.register-box-body .btn-primary {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    border: none !important;
}

/* Custom Checkbox and Radio */
.icheckbox_square-blue,
.iradio_square-blue {
    background-position: 0 0;
}

.icheckbox_square-blue.checked,
.iradio_square-blue.checked {
    background-position: -24px 0;
}

/* Responsive */
@media (max-width: 767px) {
    .skin-blue .main-header .logo {
        background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    }
}

/* Additional Green Accents */
.skin-blue .sidebar-menu > li > a > .fa,
.skin-blue .sidebar-menu > li > a > .glyphicon,
.skin-blue .sidebar-menu > li > a > .ion {
    color: #b8c7ce;
}

.skin-blue .sidebar-menu > li.active > a > .fa,
.skin-blue .sidebar-menu > li.active > a > .glyphicon,
.skin-blue .sidebar-menu > li.active > a > .ion {
    color: #fff;
}

/* Menu Icons with green background */
.menu-icon.bg-green {
    background-color: #38ef7d !important;
}

.menu-icon.bg-blue,
.menu-icon.bg-aqua {
    background-color: #11998e !important;
}