/**
 * Azione Verde Green Theme
 * Matches landing page color scheme: Green (#008000) + Yellow/Gold (#FFB81C)
 */

/* ========================================
   HEADER THEME - Green
   ======================================== */
.pcoded-header.header-green {
  background: #008000;
  color: rgba(255, 255, 255, 1);
}

.pcoded-header.header-green .profile-notification li > a {
  color: #888;
}

.pcoded-header.header-green .profile-notification li.active,
.pcoded-header.header-green .profile-notification li:active,
.pcoded-header.header-green .profile-notification li:focus,
.pcoded-header.header-green .profile-notification li:hover {
  background: rgba(0, 128, 0, 0.1);
}

.pcoded-header.header-green .profile-notification li.active > a,
.pcoded-header.header-green .profile-notification li:active > a,
.pcoded-header.header-green .profile-notification li:focus > a,
.pcoded-header.header-green .profile-notification li:hover > a {
  background: transparent;
}

.pcoded-header.header-green .dropdown-menu {
  color: #888;
}

.pcoded-header.header-green .dropdown-menu a {
  color: #888;
}

.pcoded-header.header-green .dropdown-menu > li > a {
  color: #888;
}

.pcoded-header.header-green .dropdown-menu > li.active,
.pcoded-header.header-green .dropdown-menu > li:active,
.pcoded-header.header-green .dropdown-menu > li:focus,
.pcoded-header.header-green .dropdown-menu > li:hover {
  background: rgba(0, 128, 0, 0.1);
  color: #888;
}

.pcoded-header.header-green .dropdown-menu > li.active > a,
.pcoded-header.header-green .dropdown-menu > li:active > a,
.pcoded-header.header-green .dropdown-menu > li:focus > a,
.pcoded-header.header-green .dropdown-menu > li:hover > a {
  background: transparent;
}

.pcoded-header.header-green .input-group .input-group-text,
.pcoded-header.header-green a,
.pcoded-header.header-green dropdown-toggle {
  color: rgba(255, 255, 255, 1);
}

.pcoded-header.header-green .input-group .input-group-text:hover,
.pcoded-header.header-green a:hover,
.pcoded-header.header-green dropdown-toggle:hover {
  color: #FFB81C;
}

@media only screen and (max-width: 991px) {
  .pcoded-header.header-green .input-group .input-group-text,
  .pcoded-header.header-green a,
  .pcoded-header.header-green dropdown-toggle {
    color: #3f4d67;
  }
  .pcoded-header.header-green .input-group .input-group-text:hover,
  .pcoded-header.header-green a:hover,
  .pcoded-header.header-green dropdown-toggle:hover {
    color: #2c3547;
  }
}

.pcoded-header.header-green .main-search .search-close > .input-group-text {
  color: #008000;
}

.pcoded-header.header-green .main-search.open .input-group .search-btn {
  background: #008000;
  border-color: #008000;
}

.pcoded-header.header-green .main-search.open .input-group .search-btn .input-group-text {
  color: #FAF9F6;
}

.pcoded-header.header-green .dropdown .notification .noti-body li.notification:hover,
.pcoded-header.header-green .dropdown .notification .noti-body li.notification.active {
  background: #008000;
}

.pcoded-header.header-green .dropdown .profile-notification .pro-head {
  color: #FAF9F6;
  background: #008000;
}

.pcoded-header.header-green .dropdown .profile-notification .pro-head .dud-logout {
  color: #FAF9F6;
}

.pcoded-header.header-green .dropdown.drp-user .show:before {
  color: #008000;
}

.pcoded-header.header-green .b-bg {
  background: #FAF9F6;
}

.pcoded-header.header-green .b-bg i {
  color: #008000;
  background-image: #008000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: unset;
}

/* ========================================
   NAVBAR THEME - Dark Green
   ======================================== */
.pcoded-navbar.navbar-green {
  background: #1a3d1a;
}

.pcoded-navbar.navbar-green .mobile-menu span {
  background-color: #FFB81C;
}

.pcoded-navbar.navbar-green .mobile-menu span:after,
.pcoded-navbar.navbar-green .mobile-menu span:before {
  background-color: #FFB81C;
}

.pcoded-navbar.navbar-green .mobile-menu.on span {
  background-color: transparent;
}

.pcoded-navbar.navbar-green .header-logo .b-bg {
  background: #008000;
}

.pcoded-navbar.navbar-green .header-logo .b-bg i {
  color: #FAF9F6;
}

.pcoded-navbar.navbar-green .navbar-brand,
.pcoded-navbar.navbar-green .pcoded-submenu {
  color: #FAF9F6;
}

.pcoded-navbar.navbar-green .pcoded-menu-caption {
  color: #FFB81C;
}

.pcoded-navbar.navbar-green .pcoded-inner-navbar li a {
  color: #FAF9F6;
}

.pcoded-navbar.navbar-green .pcoded-inner-navbar li.active > a,
.pcoded-navbar.navbar-green .pcoded-inner-navbar li:focus > a,
.pcoded-navbar.navbar-green .pcoded-inner-navbar li:hover > a {
  color: #FFB81C;
}

.pcoded-navbar.navbar-green .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before,
.pcoded-navbar.navbar-green .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before,
.pcoded-navbar.navbar-green .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before {
  background: #FFB81C;
}

.pcoded-navbar.navbar-green .pcoded-inner-navbar > li.active > a,
.pcoded-navbar.navbar-green .pcoded-inner-navbar > li.pcoded-trigger > a {
  background: rgba(0, 128, 0, 0.8);
  color: #FAF9F6;
}

.pcoded-navbar.navbar-green.theme-horizontal .sidenav-horizontal-next,
.pcoded-navbar.navbar-green.theme-horizontal .sidenav-horizontal-prev {
  background: #1a3d1a;
  color: #FAF9F6;
}

.pcoded-navbar.navbar-green.theme-horizontal .sidenav-horizontal-next:hover,
.pcoded-navbar.navbar-green.theme-horizontal .sidenav-horizontal-prev:hover {
  color: #FFB81C;
}

.pcoded-navbar.navbar-green.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.active:before,
.pcoded-navbar.navbar-green.theme-horizontal .pcoded-inner-navbar > li.pcoded-hasmenu.pcoded-trigger:before {
  color: #1a3d1a;
}

/* ========================================
   BRAND THEME - Green
   ======================================== */
.pcoded-navbar.brand-green .header-logo,
.pcoded-navbar[class*="navbar-"].brand-green .header-logo {
  background: #008000;
}

.pcoded-navbar.brand-green .header-logo .b-bg,
.pcoded-navbar[class*="navbar-"].brand-green .header-logo .b-bg {
  background: #FAF9F6;
  color: #008000;
}

.pcoded-navbar.brand-green .header-logo .b-bg i,
.pcoded-navbar[class*="navbar-"].brand-green .header-logo .b-bg i {
  color: #008000;
}

/* ========================================
   ACTIVE ITEM THEME - Yellow/Gold
   ======================================== */
.pcoded-navbar.active-green[class*="menu-item-icon-style"] .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before {
  color: #FFB81C;
}

.pcoded-navbar.active-green .pcoded-inner-navbar li.active > a,
.pcoded-navbar.active-green .pcoded-inner-navbar li:focus > a,
.pcoded-navbar.active-green .pcoded-inner-navbar li:hover > a {
  color: #FFB81C;
}

.pcoded-navbar.active-green .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before,
.pcoded-navbar.active-green .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before,
.pcoded-navbar.active-green .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before {
  background: #FFB81C;
}

.pcoded-navbar.active-green .pcoded-inner-navbar > li.active:after,
.pcoded-navbar.active-green .pcoded-inner-navbar > li.pcoded-trigger:after {
  background: #FFB81C;
}

.pcoded-navbar.active-green .pcoded-inner-navbar > li.active > a,
.pcoded-navbar.active-green .pcoded-inner-navbar > li.pcoded-trigger > a {
  color: #FFB81C;
}

.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.active > a,
.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a {
  color: #FFB81C;
  background: rgba(0, 128, 0, 0.1);
}

.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.active > a .pcoded-micon,
.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a .pcoded-micon {
  color: #FFB81C;
}

.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.active > a:after,
.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a:after {
  border-right-color: #FFB81C;
}

.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.active:before,
.pcoded-navbar.active-green.menu-light .pcoded-inner-navbar > li.pcoded-trigger:before {
  color: #FFB81C;
}

/* ========================================
   TITLE THEME - Green
   ======================================== */
.pcoded-navbar.title-green .pcoded-menu-caption {
  color: #FFB81C;
  font-weight: 600;
}

/* ========================================
   LAYOUT OVERRIDES
   ======================================== */
body.layout-1 .pcoded-navbar.navbar-green .sidemenu {
  background: #1a3d1a;
}

body.layout-1 .pcoded-navbar.navbar-green .sidemenu li.active:after {
  background: #FFB81C;
}

body.layout-1 .pcoded-navbar.navbar-green .sidemenu li a {
  color: #FAF9F6;
}

body.layout-1 .pcoded-navbar.navbar-green .sidemenu li a:after {
  color: #FFB81C;
}

body.layout-1 .pcoded-navbar.active-green .sidemenu li.active {
  background: rgba(0, 128, 0, 0.8);
}

body.layout-1 .pcoded-navbar.active-green .sidemenu li.active:after {
  background: #FFB81C;
}

/* ========================================
   BUTTONS & COMPONENTS
   ======================================== */
.btn-green {
  background: #008000;
  border-color: #008000;
  color: #FAF9F6;
}

.btn-green:hover {
  background: #006600;
  border-color: #006600;
  color: #FAF9F6;
}

.btn-yellow {
  background: #FFB81C;
  border-color: #FFB81C;
  color: #333;
}

.btn-yellow:hover {
  background: #e6a619;
  border-color: #e6a619;
  color: #333;
}

/* Card headers */
.card-header-green {
  background: #008000 !important;
  color: #FAF9F6 !important;
}

.card-header-yellow {
  background: #FFB81C !important;
  color: #333 !important;
}

/* Badges */
.badge-green {
  background: #008000;
  color: #FAF9F6;
}

.badge-yellow {
  background: #FFB81C;
  color: #333;
}

/* Text colors */
.text-green {
  color: #008000 !important;
}

.text-yellow {
  color: #FFB81C !important;
}

.bg-green {
  background: #008000 !important;
}

.bg-yellow {
  background: #FFB81C !important;
}

/* Links */
a.text-green:hover {
  color: #006600 !important;
}

a.text-yellow:hover {
  color: #e6a619 !important;
}

/* ========================================
   PAGE TITLE & BREADCRUMB
   ======================================== */
.page-header-title h5 {
  color: #008000;
  border-left: 4px solid #FFB81C;
  padding-left: 10px;
}

.page-header-title + .breadcrumb > .breadcrumb-item:last-child a {
  color: #008000;
  font-weight: 600;
}

/* ========================================
   TABLES
   ======================================== */
.table thead th {
  background: #008000;
  color: #FAF9F6;
  border-color: #006600;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 128, 0, 0.05);
}

/* ========================================
   FORM ELEMENTS
   ======================================== */
.form-control:focus {
  border-color: #008000;
  box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25);
}

.custom-select:focus {
  border-color: #008000;
  box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25);
}

/* ========================================
   PROGRESS BARS
   ======================================== */
.progress-bar-green {
  background: #008000;
}

.progress-bar-yellow {
  background: #FFB81C;
}

/* ========================================
   ALERTS
   ======================================== */
.alert-green {
  background: rgba(0, 128, 0, 0.1);
  border-color: #008000;
  color: #008000;
}

.alert-yellow {
  background: rgba(255, 184, 28, 0.1);
  border-color: #FFB81C;
  color: #8a6d3b;
}

/* ========================================
   NAV PILLS / TABS
   ======================================== */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #008000;
}

.nav-pills .nav-link:not(.active):hover {
  color: #008000;
}

/* ========================================
   PAGINATION
   ======================================== */
.page-item.active .page-link {
  background-color: #008000;
  border-color: #008000;
}

.page-link {
  color: #008000;
}

.page-link:hover {
  color: #006600;
}

/* ========================================
   DROPDOWNS
   ======================================== */
.dropdown-item.active,
.dropdown-item:active {
  background: #008000;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background: rgba(0, 128, 0, 0.1);
  color: #008000;
}

/* ========================================
   LOADER
   ======================================== */
.loader-bg {
  background: #008000;
}

.loader-track .loader-fill {
  border-color: #FFB81C transparent #FFB81C transparent;
}

/* ========================================
   SCROLLBAR
   ======================================== */
.scroll-div {
  scrollbar-width: thin;
  scrollbar-color: #008000 #f1f1f1;
}

.scroll-div::-webkit-scrollbar {
  width: 8px;
}

.scroll-div::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scroll-div::-webkit-scrollbar-thumb {
  background: #008000;
  border-radius: 4px;
}

.scroll-div::-webkit-scrollbar-thumb:hover {
  background: #006600;
}

/* ========================================
   WIDGETS
   ======================================== */
.widget-green {
  background: linear-gradient(-135deg, #008000 0%, #006600 100%);
}

.widget-yellow {
  background: linear-gradient(-135deg, #FFB81C 0%, #e6a619 100%);
}

/* Dashboard cards */
.card-green {
  border-left: 4px solid #008000;
}

.card-yellow {
  border-left: 4px solid #FFB81C;
}

/* ========================================
   NOTIFICATION DOT
   ======================================== */
.notification-active {
  background: #FFB81C;
}

/* ========================================
   SELECT2 OVERRIDE
   ======================================== */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #008000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #008000;
  border-color: #008000;
  color: #FAF9F6;
}

/* ========================================
   DATATABLES OVERRIDE
   ======================================== */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  background-color: #008000;
}

/* ========================================
   TOASTR NOTIFICATIONS
   ======================================== */
.toast-success {
  background-color: #008000 !important;
}

.toast-warning {
  background-color: #FFB81C !important;
}

/* ========================================
   RESPONSIVE OVERRIDES
   ======================================== */
@media only screen and (max-width: 991px) {
  .pcoded-header.header-green .input-group .input-group-text,
  .pcoded-header.header-green a,
  .pcoded-header.header-green dropdown-toggle {
    color: #008000;
  }
}