:root {
  /* AVA Core (Green Base) */
  --thememain: #1F3E2B;   /* sidebar background (deep evergreen) */
  --theme: #163021;      /* darker green */
  --theme2: #2F5B3F;     /* primary forest green */

  /* Accent Colors (Gold Active State) */
  --menuactive: #C5A25A;   /* active menu (heritage gold) */
  --menuactive2: #A8843F;  /* darker gold */
  --menuactivetext: #1F3E2B; /* dark text on gold */

  /* Gold Highlight */
  --highlight: #E2C98E;  /* soft gold tint */

  /* UI */
  --primary: #2F5B3F;   /* main buttons */
  --primary2: #1F3E2B;  /* hover / darker state */
  --danger: #A94438;    /* muted brick red */
  --success: #2E7D4F;   /* emerald green */
  --blur: #DCDCDC;      /* soft neutral border */
  --shadow: rgba(0, 0, 0, 0.15);
}

@font-face {
    font-family: "exoF";
    src: url("../../fonts/Quicksand/static/Quicksand-Medium.ttf");
}

html {
    height: 100%;
    /*zoom: 90%!important;*/
/*    background-color: #eeeeee!important;*/
    direction: ltr;
}

body {
    background-color: #F0FDF4!important;
}

a {
    font-family: "exoF"!important;
}

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

button {
    font-family: "exoF"!important;
}

h4 {
    font-family: "exoF"!important;
}

h5 {
    font-family: "exoF"!important;
}

input {
    font-family: "exoF"!important;
}

.form-label {
    font-family: "exoF"!important;
}

label {
    font-family: "exoF"!important;
}

p {
    font-family: "exoF"!important;
}

option {
    font-family: "exoF"!important;
}

table {
    font-family: "exoF"!important;
}

tspan {
    font-family: "exoF"!important;
}

span {
    font-family: "exoF"!important;
}

.toggle-menu-mobile {
  position: absolute;
  left: 1;
}

.bordered-layout .main-menu .navigation, .bordered-layout .main-menu {
    background: var(--thememain)!important;
}

.main-menu.menu-light .navigation > .nav-item.active > a {
    background: var(--menuactive2) !important;
    border-radius: 20px;
    /*box-shadow: 0 0 10px 1px rgba(233, 94, 103, 0.7)!important;*/
    box-shadow: none !important;
}

.main-menu.menu-light .navigation > li ul .active {
    background: var(--menuactive2) !important;
    border-radius: 20px;
    /*box-shadow: 0 0 10px 1px rgba(233, 94, 103, 0.7)!important;*/
    box-shadow: none !important;
}

.main-menu-content {
    padding-bottom: 100px !important;
}

.nav-item > a {
    color: #FFFF!important;
    border-radius: 4px;
    z-index: 1;
}
.bordered-layout .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .bordered-layout .main-menu.menu-light .navigation > li.sidebar-group-active > a {
    background: var(--menuactive) !important;
} 

.navigation .navigation-header {
    font-family: "exoF"!important;
    color: var(--menuactive)!important;
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link {
    color: black!important;
}

.header-navbar .navbar-container ul.navbar-nav li > a.nav-link {
    color: black!important;
}


/* OTHERS */

/* AVA Enforcer - Enhanced Primary Button */
.btn-primary {
  background-color: var(--primary)!important;
  border-color: var(--primary)!important;
  color: #ffffff!important;
  transition: all 0.25s ease;
}

/* Hover Effect */
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--primary2)!important;
  border-color: var(--primary2)!important;
  color: #ffffff!important;

  /* Lift + Shadow */
  transform: translateY(-2px)!important;
  box-shadow: 0 8px 20px rgba(31, 62, 43, 0.35)!important;
}

/* Active (pressed) */
.btn-primary:active {
  transform: translateY(0)!important;
  box-shadow: 0 4px 10px rgba(31, 62, 43, 0.25)!important;
}

/* Disabled */
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--blur)!important;
  border-color: var(--blur)!important;
  box-shadow: none!important;
  transform: none!important;
}

/* AVA Success Button */
.btn-success {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
  color: #ffffff !important;
  transition: all 0.25s ease !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #256E46 !important; /* slightly darker than #2E7D4F */
  border-color: #256E46 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(46, 125, 79, 0.35) !important;
}

.btn-success:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px rgba(46, 125, 79, 0.25) !important;
}

.btn-success:disabled,
.btn-success.disabled {
  box-shadow: none !important;
  transform: none !important;
  opacity: 0.65 !important;
}


/* AVA Warning Button */
.btn-warning {
  background-color: var(--menuactive) !important;
  border-color: var(--menuactive) !important;
  color: var(--menuactivetext) !important;
  transition: all 0.25s ease !important;
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: var(--menuactive2) !important;
  border-color: var(--menuactive2) !important;
  color: var(--menuactivetext) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(197, 162, 90, 0.45) !important;
}

.btn-warning:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px rgba(197, 162, 90, 0.30) !important;
}

.btn-warning:disabled {
  box-shadow: none !important;
  transform: none !important;
}

/* AVA Danger Button */
.btn-danger {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
  color: #ffffff !important;
  transition: all 0.25s ease !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: #8F3A30 !important;
  border-color: #8F3A30 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(169, 68, 56, 0.35) !important;
}

.btn-danger:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px rgba(169, 68, 56, 0.25) !important;
}

.btn-danger:disabled {
  box-shadow: none !important;
  transform: none !important;
}

/*BUTTON 39 CUSTOM BUTTON*/
.button-39 {
  background-color: #FFFFFF;
  border: 1px solid rgb(209,213,219);
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: #546e7a;
  font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: .75rem 1rem;
  text-align: center;
  text-decoration: none #D1D5DB solid;
  text-decoration-thickness: auto;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-39:hover {
  background-color: rgb(249,250,251);
  text-decoration: none!important;
  color: #bf360c;
}

.button-39:focus {
  outline: 2px solid transparent;
  text-decoration: none!important;
  color: #111827;
  outline-offset: 2px;
}

.button-39:focus-visible {
  box-shadow: none;
  text-decoration: none!important;
  color: #111827;
}

.button-39-sm {
  background-color: #FFFFFF;
  border: 1px solid rgb(209,213,219);
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: #546e7a;
  font-family: "Inter var", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 0.75rem;       /* smaller font */
  font-weight: 600;
  line-height: 1rem;        /* tightened line height */
  padding: 0.4rem 0.65rem;  /* reduced padding */
  text-align: center;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-39-sm:hover {
  background-color: rgb(249,250,251);
  text-decoration: none!important;
  color: #bf360c;
}

.button-39-sm:focus {
  outline: 2px solid transparent;
  text-decoration: none!important;
  color: #111827;
  outline-offset: 2px;
}

.button-39-sm:focus-visible {
  box-shadow: none;
  text-decoration: none!important;
  color: #111827;
}
/*#BUTTON 39 CUSTOM BUTTON*/

.bg-primary {
    background: var(--menuactive)!important;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--menuactive2)!important;
  text-decoration: none!important;
  background-color: #ffebee!important;
}

footer {
    position: absolute;
    bottom: 1;
    /*width: 100%!important;*/
    background-color: var(--menuactive2)!important;
    color: #fff!important;
    border-top-right-radius: 25px;
}
footer a {
    color: #fff!important;
}

.page-item.active .page-link {
    border-radius: 10px!important;
    background-color: var(--menuactive)!important;
    color: var(--thememain)!important;
}

.page-item:first-child:not(.prev-item) .page-link {
  border-top-left-radius: 10px!important;
  border-bottom-left-radius: 10px!important;
}

.page-item:last-child:not(.next-item) .page-link {
  border-top-right-radius: 10px!important;
  border-bottom-right-radius: 10px!important;
}

.text-primary {
    color: var(--thememain)!important;
}

.text-mute-dark {
    color: #78909C;
}

.txt-number {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1.5rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: #222;
}

.txt-hasil {
    font-family: "fontF" !important;
    color: #2E8B57;
}

.txt-hasil-normal {
    color: #2E8B57;
}


/*TAIL SELECT CUSTOMIZATION*/

/* Container */
/* Tail Select - AVA Theme Override */

.tail-select {
    width: 100% !important;
    font-size: 14px !important;
}

.tail-select .select-dropdown ul li.optgroup-title {
    color: #2E7D32!important;
}

/* Closed Select */
.tail-select .select-label {
    background: #fff !important;
    border: 1px solid var(--blur) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: none!important;
    transition: all 0.2s ease !important;
}

/* Arrow */
.tail-select .select-label:after {
    border-top-color: var(--theme2) !important;
}

/* Focus */
.tail-select.active .select-label {
    border-color: var(--theme2) !important;
}

/* Dropdown */
.tail-select .select-dropdown {
    border: 1px solid var(--blur) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

/* Search input */
.tail-select .dropdown-search input {
    border: 1px solid var(--blur) !important;
    width: 100% !important;
}

.tail-select button.tail-all {
  color: rgba(48, 52, 56, 0.5);
  border-color: rgba(48, 52, 56, 0.5);
  background-color: transparent;
  z-index: 99999999!important;
}

.tail-select button.tail-none {
  color: rgba(48, 52, 56, 0.5);
  border-color: rgba(48, 52, 56, 0.5);
  background-color: transparent;
  z-index: 99999999!important;
}


/* Hover */
.tail-select .dropdown-option:hover {
    background: var(--highlight) !important;
    color: var(--thememain) !important;
}

/* Selected */
.tail-select .dropdown-option.selected {
    background: var(--menuactive) !important;
    color: var(--menuactivetext) !important;
    font-weight: 600 !important;
}

/* Multi select tags */
.tail-select .select-label .label-inner .label-item {
    background: var(--theme2) !important;
    color: #fff !important;
    border-radius: 4px !important;
}