.select2-container--default .select2-results__option[aria-selected="true"].select2-container--default .select2-results__option[aria-selected="true"].select2-container--default .select2-results__option[aria-selected="true"].select2-results__option.select2-results__option.select2-results__optionselect2-resultsselect2-resultsselect2-results__options select2-results__options--nestedselect2-results__options select2-results__options--nestedselect2-results__options select2-results__options--nested
header .log-cte {height: 50px; width: auto}
.fw-500 {font-weight: 500}
#sidebar-menu ul li a.active, #sidebar-menu ul li a.active i {color: #fff !important;}
#sidebar-menu ul li a.active {background: #B69244; 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: #E4E4E4; min-height: 100vh}
.btn-success {
  background-color: #B69244;
    border-color: #B69244;}
.text-primary {color: #B69244 !important}
.text-primary:hover {color: green !important}
.btn-primary {
  color: #fff;
  background-color: #B69244;;
    border-color: #B69244;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {background: #AA8C4B; border-color:#AA8C4B}
.btn-outline-primary {border-color: #B69244; color: #B69244}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active{border-color: #B69244; background-color: #B69244 !important; color: #fff}
.text-success {color: #B69244 !important}
.bg-green {background-color: #0E623D}
.bg-green ::placeholder {color: #fff; opacity: 1 !important}
.btn-top {background: #E9F6BD; color: #B69244}
.btn-top.active {background: none; color: #fff; border: 1px solid #E9F6BD}

.nav-tabs-custom .nav-item .nav-link::after {background-color: #B69244;}
.nav-tabs-custom .nav-item .nav-link.active {color: #B69244;}

#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: #B69244; }
input[switch="success"]:checked + label {background: #B69244;}
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-login.jpg"); opacity: 1; background-size: 120% !important; background-position: 20% 0;}
.auth-full-bg {background-color: transparent}
.bg-light-green2 {background-color: #F5FAF3}

.lh-25px {line-height: 25px}
.vertical-menu { background: transparent}
.navbar-brand-box {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: #B69244; 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 #B69244; border-radius: 8px;}
.ap-search .form-control::placeholder {color: #B69244 !important}
.ap-search span {color: #B69244 !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: #B69244 !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: 380px;}
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: 380px}
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: inline-block}
body.rightBar.sidebar-enable.vertical-collpsed .navbar-brand-box,
body.rightBar.vertical-collpsed .navbar-brand-box {width: 250px !important}

#vertical-menu-btn {background: #B69244;
  border-radius: 50%;
  color: #fff; border: none; position: fixed;
  top: 90px;
  z-index: 9999;
  right: 10px;}
#vertical-menu-btn:before {content: url("../images/ix_average.svg"); filter: brightness(100); top: 2px; position: relative;}
body.rightBar.sidebar-enable #vertical-menu-btn { top: 90px;
  z-index: 9999;
  right: 20px;}
@media (max-width: 768px) {
    #vertical-menu-btn {top: 75px; right: 10px}
}

.accordion-button {background: transparent !important; padding: 0;
  font-size: 1rem;}

.border-secundary {border-color: #718096 !important}
.botactiones a {background: none; color: #000; border: none; }
.bot-check:before {content: "\F26B"; font-family: "bootstrap-icons"}
.bot-check.active:before {content: "\F26A"; }
.bot-view:before {content: "\F340"; font-family: "bootstrap-icons"; opacity: .3}
.bot-view.active:before { opacity: 1}

.features li {list-style: none; padding:0 10px; border-right: 1px solid #000}
.features li:last-child {border-right: none}

#ubicacion .input-group #search:before {content: "\F52A"; font-family: "Bootstrap-icons"; position: absolute; right: 40px; top: 10px; z-index: 99}
#ubicacion .input-group #go:before {content: "\F142"; font-family: "Bootstrap-icons"; position: absolute; right: 10px; top: 10px; z-index: 99}

#VistaListado article .card.active {background: #B69244; color: #fff}
#VistaListado article .card.active h4, #VistaListado article .card.active span, #VistaListado article .card.active .text-muted, 
#VistaListado article .card.active p {color: #fff !important}
#VistaListado article .card.active img {mix-blend-mode: multiply;}

  /* ------ TABLA (desktop / md+) ------ */
    .comparative-wrapper { /* contenedor que permite scroll horizontal si hay muchas columnas */
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    /* encabezado fijo arriba en scroll vertical */
    .comparative-table thead th {
      position: sticky;
      top: 0;
      z-index: 5;
      background: #fff;
      box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
    }

    /* primera columna pegajosa (atributos) */
    .sticky-col {
      position: sticky;
      left: 0;
      z-index: 6;
      background: #fff;
      box-shadow: inset -1px 0 0 rgba(0,0,0,.08);
    }
    thead .sticky-col { z-index: 7; }

    /* celdas: mejora de legibilidad */
    .comparative-table td, .comparative-table th {
      white-space: nowrap; /* evita cortes raros cuando hay muchas columnas */
    }
    .comparative-table .prop-title { width: 150px; white-space: collapse; font-size: 11px;
  font-weight: normal;}
    .comparative-table .photo { }

.comparative-table tr td:nth-child(odd) {background: #F6F6F6}
.comparative-table tr td.active {background: #B69244; color: #fff}
.comparative-table .sticky-col {background: #fff !important; box-shadow: 0px 5px 10px #ccc; z-index: 9}
.comparative-table .rounded-pill {background: #000;}

.popmapa {position: absolute; top: 10px; max-width: 700px; width: 90%}
.popmapa .toast {max-width: inherit; width: 100%}

.formroi { margin:40px 20px;}
.col-form-label {font-size: 14px; font-weight: 600}

.select2-results__options span:nth-child(1) {color: #fff; border-radius: 3px; padding: 3px}
.select2-results__options li:nth-child(1) span {background: #000}
.select2-results__options li:nth-child(2) span {background: #999}
.select2-results__options li:nth-child(3) span {background: #333}
.select2-results__options span img {display: none}

.req:before {content:"*"; color: #F0090D; margin-left: 5px; display: inline-block}

@media (max-width: 768px) {
    .trday {position: relative; right: 0}
    .logo span.logo-sm {display: inline-block !important}
    body.rightBar .main-content {margin-right: inherit}
    .nav-tabs-custom .nav-item {margin: 0 0 15px 0;}
    .features.d-flex {flex-wrap: wrap}
    .features li {margin:5px 0}
    .comparative-table  {font-size: 11px}
    .comparative-table .sticky-col {max-width: 100px !important; white-space: inherit; font-size: 11px}
    #ertical-menu-btn {position: fixed; top: 100px; right: 20px}
    body.rightBar .vertical-menu {background: #fff !important}
}

.log-cte{
    max-height: 52px !important;
}