
#sidebar-menu ul li a.active, #sidebar-menu ul li a.active i {color: #fff !important;}
#sidebar-menu ul li a.active {background: #659711; border-radius: 10px}
#sidebar-menu ul li a.active img {filter: brightness(100)}
.sidebar-enable.vertical-collpsed .top-lnk {margin-left: 40px}
.page-content {background: #FAFAFA; min-height: 100vh}
.btn-success {
  background-color: #659711;
    border-color: #659711;}
.text-primary {color: #659711 !important}
.text-primary:hover {color: green !important}
.btn-primary {
  color: #fff;
  background-color: #659711;;
    border-color: #659711; border-radius: .7rem;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {background: green; border-color: green}
.btn-outline-primary {border-color: #659711; color: #659711; border-radius: .7rem;}
.btn-outline-primary:hover {border-color: #659711; background-color: #659711 !important; color: #fff}
.text-success {color: #659711 !important}
.bg-green {background-color: #0E623D}
.bg-green ::placeholder {color: #fff; opacity: 1 !important}
.btn-top {background: #E9F6BD; color: #659711; border-radius: .7rem;}
.btn-top.active {background: none; color: #fff; border: 1px solid #E9F6BD}

#menutop {list-style: none;padding: 0; margin-top: -25px; margin-left: -25px; margin-bottom: 30px}
#menutop li { display: inline-flex;  border-radius: 0 20px 20px 0; background: #8B9196; margin-left: -20px}
#menutop li:first-child {background: #000; position: relative; z-index: 9; margin-left: 0}
#menutop li a {color: #fff; padding: 10px 30px; }
.text-green {color: #3B6506}


.btn-one {display: block; background: #fff; border: 1px solid #6B717A; color: #6B717A; font-size: 20px; padding: 1%; border-radius: .5rem; text-align: center}
.btn-one:hover {color: #fff; background: #6B717A}

.navbots .nav-link {background: #fff; border: 1px solid #000; text-align: center; border-radius: .5rem; margin-bottom: 20px; padding: 10px; font-size: 16px; color: #000; display: block}
.navbots .nav-link.active {background: #000; color: #fff}
.navbots .nav-link.active.selected {background: #3B6506; }
input[switch="success"]:checked + label {background: #3B6506;}
input[switch]:checked + label::before {font-size: 16px}

.accordion-button {border-bottom: none !important; box-shadow: none !important;}
.accordion-button:not(.collapsed) {
  color: #000;
    background-color: #F5FAF3; border-bottom: none !important}
.list-decimal {list-style: decimal}
.file-csv {vertical-align: middle; display: inline-block}
.file-csv:after {content: url("../../images/csv.svg");}

.auth-full-bg .bg-overlay {background: url("../../images/bg-auth-overlay.png"); background-size: cover}
.auth-full-bg {background-color: transparent}
.bg-light-green2 {background-color: #F5FAF3}
.navbar-header {background: #659711}

.lh-25px {line-height: 25px}
.vertical-menu {background-color: #F5FAF3}
.navbar-brand-box {background-color: #659711; position: relative}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {padding: 10px 5px;
  min-height: inherit;}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {background: #659711; color: #fff; border-radius: 10px}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {color: #fff; }
.metismenu li {margin: 10px 0}
.ap-search .form-control {border: 1px solid #659711; border-radius: 8px;}
.ap-search .form-control::placeholder {color: #659711 !important}
.ap-search span {color: #659711 !important; position: absolute; right: 10px; top: 0; font-size: 16px; line-height: 38px;}
.inpDate span {position: absolute; right: 10px; top: 10px}
.btn-link {background: none; border: none}
.link-primary {color: #659711 !important}

.trday {position: absolute; right: 12%; color: #718096}
.bg-primary-2 {background-color: #B5F0D4}
.fs-12px {font-size:12px}
input.border-bottom {border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #333}

body.rightBar {width: 100%; overflow-x: hidden}
body.rightBar .main-content {margin-left: 0; margin-right: 450px;}
body.rightBar .footer {left: 0;}
body.rightBar.sidebar-enable.vertical-collpsed .main-content,
body.rightBar.vertical-collpsed .main-content {margin-left: 0; margin-right: 0px;}
body.rightBar.sidebar-enable.vertical-collpsed .vertical-menu,
body.rightBar.vertical-collpsed .vertical-menu { width: 0 !important; }
body.rightBar .vertical-menu {  right: 0 !important; width: 450px}
body.rightBar.sidebar-enable.vertical-collpsed .logo-sm,
body.rightBar.vertical-collpsed .logo-sm {display: none}
body.rightBar.sidebar-enable.vertical-collpsed .logo-lg, 
body.rightBar.vertical-collpsed .logo-lg {display: block}
body.rightBar.sidebar-enable.vertical-collpsed .navbar-brand-box,
body.rightBar.vertical-collpsed .navbar-brand-box {width: 250px !important}

.form-control, .select2-container--default .select2-selection--multiple {border-radius: .55rem !important;}


@media (max-width: 768px) {
    #vertical-menu-btn {left: 40px}
    .trday {position: relative; right: 0}
}


/* =========================
   SECTOR
========================= */
.sector-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  align-items: center;
  border: 2px solid #28a745;
  border-radius: 4px;
  padding: 12px 14px;
  min-height: 44px;
}

.sector-group .form-check {
  margin: 0;
  min-width: 120px;
}

.sector-group .form-check-label {
  font-size: 13px;
  line-height: 1.2;
  color: #495057;
}

@media (max-width: 1200px) {
  .sector-group .form-check {
    min-width: 150px;
  }
}

@media (max-width: 768px) {
  .sector-group {
    gap: 10px 14px;
  }

  .sector-group .form-check {
    min-width: calc(50% - 7px);
  }
}

/* =========================
   ACORDEÓN RECURSOS
========================= */
#recursos .accordion-button.collapsed {
  border-radius: 0.75rem;
  background: #c1c1c1;
  color: #000;
}

#recursos .accordion-button {
  background: #659711;
  color: #fff;
}

#recursos .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}

#recursos .accordion-item {
  overflow: hidden;
}

/* =========================
   FILAS REPETIBLES
========================= */
.resource-multi {
  border: 1px solid #d9dee3;
  border-radius: 6px;
  padding: 12px;
  background: #fff;
}

.resource-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.resource-row:last-child {
  margin-bottom: 0;
}

.resource-type {
  min-width: 220px;
}

.resource-qty {
  width: 140px;
}

.btn-remove-row {
  background: transparent;
  border: 0;
  color: #dc3545;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 6px;
}

.btn-remove-row:hover {
  opacity: 0.7;
}

.btn-add-row-link {
  font-size: 13px;
  color: #659711;
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
  font-weight: 600;
}

.btn-add-row-link:hover {
  text-decoration: underline;
}

.resource-multi .bootstrap-touchspin {
  width: 100%;
}

.resource-multi .bootstrap-touchspin .form-control {
  min-width: 80px;
}

@media (max-width: 768px) {
  .resource-row {
    flex-wrap: wrap;
  }

  .resource-type,
  .resource-qty {
    min-width: 100%;
    width: 100%;
  }

  .btn-remove-row {
    margin-left: auto;
  }
}
