.color1 {
    color: #C9D170;
}

.bgcolor1 {
    background-color: #C9D170;
}


.color2 {
    color: #9D6D33;
}

.bgcolor2 {
    background-color: #9D6D33;
}



.sidebar-header{
    background-color: #C9D170;
}

ul>li.active{
    /*background-color: #C9D170!important;*/
}

.nav-tabs > li > a{
    background-color: #9D6D33;
}

.nav-tabs > li > a:hover {
    color: #C9D170 !important;
    background: #fff;
}

.nav-tabs>li>a:hover {
    border-color: #9D6D33 #9D6D33 #9D6D33;
}

.panel-primary {
    border-color: #9D6D33;
}

.panel-primary>.panel-heading {
    background-color: #9D6D33;
}

/* Pista de desplazamiento (la barra) */
/*input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #576020, #576020);
}*/

.bgcolor2{
    background-color: #576020;
}

.text-white{
    color:#fff
}

.text-white:hover{
    color:#fff
}


label>span>i{
    color: #9D6D33;
        font-size: 12px;
}

div.leaflet-control-layers-base>label>span{
    color: #9D6D33;
        font-size: 12px;
}
div.leaflet-control-layers-group>label>span{
    color: #9D6D33;
        font-size: 12px;
}

.nav-tabs>li>a{
    border-radius: unset!important;
}

.nav-tabs>li{
    padding-right: 5px!important;
}

.elementschecklabel{
    margin-bottom: 8px!important;
}
.leaflet-control-layers-base>label{
    margin-bottom: 8px!important;
}

.control-capas-base>div.leaflet-control-layers-group label:not(:first-of-type){
    margin-bottom: 8px!important;
}

a[role="tab"] {
    background-color: #C9D170;
}

input[type="radio"]:checked  {
    background-color: #C9D170;
  }


  input[type='range'] {
    overflow: hidden;
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #C9D170;
  }
  
  input[type='range']::-webkit-slider-runnable-track {
    height: 10px;
    -webkit-appearance: none;
    cursor: pointer;
    color: #C9D170;
    margin-top: -1px;
  }
  
  input[type='range']::-webkit-slider-thumb {
    width: 10px;
    cursor: pointer;
    -webkit-appearance: none;
    height: 10px;
    cursor: ew-resize;
    background: #434343;
    box-shadow: -80px 0 0 80px #C9D170;
  }

  /** FF*/
input[type="range"]::-moz-range-progress {
    background-color: #C9D170; 
  }
  input[type="range"]::-moz-range-track {  
    background-color: #C9D170;
  }
  /* IE*/
  input[type="range"]::-ms-fill-lower {
    background-color: #C9D170; 
  }
  input[type="range"]::-ms-fill-upper {  
    background-color: #C9D170;
  }



  /* Aplica solo a la barra de scroll dentro del contenedor .leaflet-control-layers-scrollbar */
.sidebar-content::-webkit-scrollbar {
    width: 12px;              /* Ancho de la barra de scroll */
}

.sidebar-content::-webkit-scrollbar-track {
    background: #f0f0f0;      /* Color de fondo de la pista (track) */
    border-radius: 10px;      /* Bordes redondeados de la pista */
}

.sidebar-content::-webkit-scrollbar-thumb {
    background-color: #C9D170; /* Color del "thumb" o manejador */
    border-radius: 10px;       /* Bordes redondeados del thumb */
    border: 2px solid #f0f0f0; /* Bordes que crean un espacio alrededor del thumb */
}

.sidebar-content::-webkit-scrollbar-thumb:hover {
    background-color: #C9D170; /* Color del thumb al pasar el ratón */
}

/* Para Firefox */
.sidebar-content {
    scrollbar-width: thin;                /* Grosor de la barra de scroll */
    scrollbar-color: #C9D170 #f0f0f0;     /* Color del thumb y de la pista */
}

/* Estilos para BELLOTA - Desplegables personalizados */
.bellota-subgroup-header {
    background-color: #C9D170;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.bellota-subgroup-content {
    border-left: 1px solid #C9D170;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.bellota-option {
    cursor: pointer;
    display: block;
    padding: 6px 8px;
    margin-bottom: 4px;
    color: #333;
    border-radius: 3px;
    transition: all 0.2s;
}

.bellota-option:hover {
    background-color: #f0f0f0;
}

.bellota-option.selected {
    background-color: #C9D170;
    color: #fff;
    font-weight: 500;
}

/* Estilos para CASTAÑA - Desplegables personalizados (mismo estilo que BELLOTA) */
.castana-subgroup-header {
    background-color: #C9D170;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.castana-subgroup-content {
    padding-left: 15px;
    border-left: 1px solid #C9D170;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.castana-option {
    cursor: pointer;
    display: block;
    padding: 6px 8px;
    margin-bottom: 4px;
    color: #333;
    border-radius: 3px;
    transition: all 0.2s;
}

.castana-option:hover {
    background-color: #f0f0f0;
}

.castana-option.selected {
    background-color: #C9D170;
    color: #fff;
    font-weight: 500;
}

/* Estilos para CORCHO - Desplegables personalizados (mismo estilo que BELLOTA y CASTAÑA) */
.corcho-subgroup-header {
    background-color: #C9D170;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.corcho-subgroup-content {
    padding-left: 15px;
    border-left: 1px solid #C9D170;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.corcho-option {
    cursor: pointer;
    display: block;
    padding: 6px 8px;
    margin-bottom: 4px;
    color: #333;
    border-radius: 3px;
    transition: all 0.2s;
}

.corcho-option:hover {
    background-color: #f0f0f0;
}

.corcho-option.selected {
    background-color: #C9D170;
    color: #fff;
    font-weight: 500;
}

/* Estilos para PIÑÓN - Desplegables personalizados (mismo estilo que BELLOTA, CASTAÑA y CORCHO) */
.pinon-subgroup-header {
    background-color: #C9D170;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.pinon-subgroup-content {
    padding-left: 15px;
    border-left: 1px solid #C9D170;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.pinon-option {
    cursor: pointer;
    display: block;
    padding: 6px 8px;
    margin-bottom: 4px;
    color: #333;
    border-radius: 3px;
    transition: all 0.2s;
}

.pinon-option:hover {
    background-color: #f0f0f0;
}

.pinon-option.selected {
    background-color: #C9D170;
    color: #fff;
    font-weight: 500;
}

.expandlevel {
    cursor: pointer;
}

.resina-subgroup-content {
    padding-left: 15px;
    border-left: 1px solid #C9D170;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}