#nosotros p,
#horarios p {
  line-height: 1.6rem;
}

#nosotros .tab-container,
#horarios {
  background: var(--bvc-color-ten);
  padding: 4% 8%;
}
#nosotros .tab-container {
  padding-bottom: 0 !important;
}

#nosotros .tableNosotros {
  border-bottom: 10px solid white;
}

#nosotros .h4,
#horarios .h4 {
  font-size: 1rem !important;
  text-align: center !important;
}

#nosotros .h5,
#horarios .h5 {
  font-size: 0.9rem !important;
  text-align: center !important;
}

#reglamento .h4 {
  font-size: 1.1rem;
}

#nosotros .h6 {
  font-size: 0.77rem !important;
}

#nosotros .tab-container .col-sm-11,
#horarios .col-sm-11 {
  display: flex;
  align-items: center;
}
#nosotros .tab-container .col-sm-11 .h4,
#horarios .col-sm-11 .h4 {
  text-align: left !important;
}

#nosotros .last-separator {
  display: none !important;
}
#nosotros .vl {
  width: 1% !important;
  display: flex;
  align-items: center;
}
#nosotros #table-tabs .separator {
  width: 1px !important;
}
#nosotros #table-tabs li {
  width: auto !important;
}
#nosotros #table-tabs li + li {
  width: auto !important;
}
#nosotros #table-tabs {
  width: 100% !important;
  padding-right: 0;
}
#nosotros #table-tabs .nav-link {
  text-align: center;
}

#nosotros .nav-tabs .nav-link {
  padding: 20px 18px;
}
#nosotros .tab-container .tab-pane > div:first-child {
  padding: 5%;
  min-height: 380px;
}

#nosotros .tab-container .tab-pane .galeriaRow {
  padding: 5%;
  min-height: 35rem !important;
}
#nosotros .tab-container .tab-pane #galeriaContent {
  padding: 5%;
  min-height: 30rem !important;
}
#nosotros #table-tabs .separator {
  display: flex;
  align-items: center;
}

#nosotros .tab-pane li.list-group-item a:hover {
  color: var(--bvc-color-nine);
  text-decoration: none;
  font-weight: bold;
}

#nosotros .tab-pane li.list-group-item {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

#juntadirectiva .h4 {
  color: var(--bvc-color-nine);
  font-size: 1rem !important;
  margin-top: 10%;
  margin-bottom: 10%;
}
#juntadirectiva-tab {
  padding: 20px 13px !important;
}
#juntadirectiva-tab.active {
  padding: 20px 13px !important;
}

#ubicacion iframe {
  max-width: 100% !important;
}

#nosotros .title {
  margin-bottom: 4% !important;
}
#mision .logo {
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0;
}

#mision .col-sm-8 {
  padding-top: 5%;
}

#historia .contenido .hcontent {
  overflow: auto;
  height: 280px;
  padding-right: 10%;
}

#historia .col-sm-1 {
  max-width: 1% !important;
}

#historia .contenido {
  padding-right: 0;
  padding-left: 5%;
}

#historia .vl {
  height: 280px !important;
}

#galeria .contenido {
  overflow: auto;
  height: 100%;
}

#galeria .contenido img {
  width: 40%;
  height: 50%;
}
#galeria .contenido p {
  line-height: 1rem;
}

#ubicacion p {
  margin-top: 5%;
}

#reglamentos .shadow {
  margin: 5% 3%;
  padding: 6% 2%;
}

#reglamentos .shadow .col-sm-4 {
  padding: 2%;
}

#reglamentos .logo {
  padding: 0;
}

#reglamentos .instrucciones {
  padding-bottom: 10%;
}

#reglamentos .instrucciones .col-sm-10 {
  display: flex;
  align-items: center;
}

#reglamentos .ver-leyes {
  padding-top: 8%;
}

#reglamentos button {
  background-color: var(--bvc-color-nine);
  border: none;
  width: 100%;
}

#reglamentos .border {
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  max-width: 30%;
  flex-direction: column;
  justify-content: space-between;
  padding: 3% !important;
}

#reglamentos .fila-descargas {
  justify-content: space-between;
}

#reglamentos .botones > div {
  padding-right: 0;
  /*margin-right: 1rem!important;*/
}

#reglamentos .botones button {
  font-size: 0.8rem;
  font-weight: 500;
  padding: 4%;
}
#reglamentos .botones .col-sm-3 button {
  background-color: var(--bvc-color-one);
  padding: 13%;
}

#horarios .titulo-horarios {
  margin-bottom: 3%;
}
#horarios .subtitulo-horarios {
  margin-bottom: 4%;
}
#horarios .contenido-horarios {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#horarios .titulo-horarios > div,
#horarios .subtitulo-horarios > div {
  padding-left: 0;
}

#horarios .preapertura {
  background: var(--bvc-color-nine);
  padding: 5%;
}
#horarios .abierto,
#horarios .cerrado,
#horarios .post-cierre {
  background: var(--bvc-color-three);
  padding: 5%;
}

#horarios .preapertura p.h4 {
  display: inline;
  font-weight: 700;
  font-size: 1.3rem !important;
}
#horarios .abierto p.h4,
#horarios .cerrado p.h4,
#horarios .post-cierre p.h4 {
  display: inline;
  font-weight: 700;
  color: var(--bvc-color-one) !important;
  font-size: 1.3rem !important;
}

#horarios .contenido-horarios .border {
  max-width: 24%;
  background: var(--bvc-color-fourteen);
}
#horarios .contenido-horarios .border > div + div {
  padding: 2%;
}

span.bullet::before {
  font-size: 1.5rem;
  content: '•';
  padding-right: 10px;
  padding-left: 0px;
}

.preapertura span.bullet {
  color: var(--bvc-color-eight);
}

.abierto span.bullet {
  color: var(--bvc-color-nine);
}

.cerrado span.bullet,
.post-cierre span.bullet {
  color: var(--bvc-color-seven);
}

#horarios > div + div {
  margin-top: 5%;
}

.detalle-horarios span::before {
  font-size: 2.3rem;
  padding: 0;
}
.dot-preapertura {
  color: var(--bvc-color-eight);
}
.dot-sesionmercado {
  color: var(--bvc-color-seven);
}
.dot-postcierre {
  color: var(--bvc-color-nine);
}

.detalle-horarios .col-sm-5 {
  padding-left: 0;
}

.detalle-horarios .col-sm-5 p {
  line-height: 3.6rem !important;
}

@media (min-width: 376px) and (max-width: 575px) {
  #reglamentos .border {
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 3% !important;
  }
}

@media screen and (max-width: 375px) {
  #nosotros #table-tabs li,
  #nosotros #table-tabs li + li {
    width: 50% !important;
  }
  #historia .vl,
  #nosotros #table-tabs .separator {
    display: none;
  }
  #historia .contenido .hcontent {
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
  }
  #mision .logo {
    height: 230px;
    margin-top: 15px;
    background-position: center center;
  }

  #nosotros .tab-pane {
    padding: 10%;
    padding-top: 10%;
    overflow-y: auto;
  }
  #nosotros .tab-container {
    padding-bottom: 10%;
  }

  #nosotros .h4 {
    font-size: 140% !important;
  }

  #reglamentos {
    padding-top: 10%;
  }

  #reglamentos img,
  .tab-container .col-sm-1 img,
  #horarios img,
  #feriados img {
    width: 30%;
  }
  .tab-container .col-sm-1,
  #horarios .col-sm-1,
  #reglamentos .col-sm-1,
  #feriados .col-sm-1 {
    text-align: center;
  }

  #reglamentos div:first-child {
    margin: 0;
  }

  #reglamentos .col-sm-10 {
    max-width: 60% !important;
    padding: 0;
    margin: 0 !important;
    text-align: right;
  }
  #reglamentos .col-sm-10 button {
    width: 90%;
  }

  #reglamentos .col-sm-2 {
    max-width: 40% !important;
    padding: 0;
    text-align: center;
  }

  #reglamentos .border {
    padding-bottom: 10%;
    max-width: 100%;
    padding: 0 !important;
    justify-content: center;
    display: block;
  }
  #reglamentos .botones > div {
    padding-right: 15px;
  }

  #reglamentos .botones .col-sm-3 button {
    padding: 4%;
  }

  #horarios .preapertura {
    background: var(--bvc-color-nine);
    padding: 5%;
  }

  #horarios .abierto,
  #horarios .cerrado,
  #horarios .post-cierre {
    background: var(--bvc-color-three);
    padding: 5%;
  }

  #horarios .preapertura p.h4 {
    display: inline;
    font-weight: bold;
  }
  #horarios .abierto p.h4,
  #horarios .cerrado p.h4,
  #horarios .post-cierre p.h4 {
    display: inline;
    font-weight: bold;
    color: var(--bvc-color-one);
  }

  #horarios .border {
    margin: 3% !important;
  }

  #horarios .contenido-horarios .border {
    max-width: 100%;
  }

  .dot-preapertura,
  .dot-sesionmercado,
  .dot-postcierre {
    max-width: 10%;
  }
  .dot-preapertura-title {
    max-width: 40%;
  }
  .dot-preapertura-contenito {
    max-width: 50%;
  }
  #nosotros .tab-container .tab-pane .galeriaRow {
    padding: 5%;
    height: 30rem !important;
  }
}

.hasDatepicker {
  width: 100% !important;
  margin-top: 10%;
}

#datepicker-febrero,
#datepicker-marzo {
  display: none;
}

/* Full grid border */
.ui-datepicker-calendar {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

.ui-datepicker-calendar {
  border: none;
  background: #fff !important;
  text-align: center;
}

.ui-datepicker-calendar td {
  text-align: center;
}

.ui-state-default {
  border: 0px !important;
}

.ui-state-active {
  width: 100%;
}

.ui-widget-header {
  background: var(--bvc-color-fourteen) !important;
  border: none !important;
}
*/ .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: var(--bvc-color-fourteen) !important;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-state-highlight {
  background: white;
}

.hasDatepicker {
  display: flex;
  justify-content: center;
  width: 80%;
  background-color: white;
}

#feriados {
  margin-top: 5%;
  padding-bottom: 10%;
}

#nosotros .h4 {
  text-align: left !important;
  display: flex;
  align-items: center;
}

#nosotros .junta-title {
  text-align: center !important;
  color: var(--bvc-color-nine);
  font-size: 1rem !important;
  margin-top: 10%;
  margin-bottom: 10%;
}

#feriados .form-control {
  color: var(--bvc-color-two);

  background: var(--bvc-color-fourteen);

  border-radius: 0;

  font-weight: bold;
  width: 70%;
}

#feriados .meses a {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 10%;
  text-decoration: none;
  color: var(--bvc-color-five) !important;
  font-weight: 700;
  font-size: 0.9em !important;
}

#feriados .ui-datepicker-title {
  color: var(--bvc-color-two) !important;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  text-transform: uppercase;
}

#feriados .ui-datepicker-today,
.ui-state-highlight {
  color: var(--bvc-color-five) !important;
  background-color: white;
}

#feriados .ui-datepicker-current-day {
  text-align: center;
  color: white;
}

#feriados .contenedor-combo-meses {
  display: flex;
  justify-content: center;
}

#feriados .ui-datepicker-calendar a {
  color: var(--bvc-color-five) !important;
  text-align: center;
  text-decoration: none;
}

#feriados .meses a:hover {
  font-weight: bold;
  font-size: 13px !important;
  color: var(--bvc-color-nine) !important;
}

.ui-datepicker-prev,
.ui-datepicker-next,
.ui-datepicker-year {
  display: none;
}

.ui-datepicker {
  width: 100%;
}

#nosotros .fa-chevron-right,
#nosotros .fa-chevron-left {
  margin-top: 120px;
}

#admonContent {
  height: 25rem;
}
#admonContent .admon-title {
  font-weight: bold;
}

/****************PARA EL SCROLLBAR********************/
#admonContent::-webkit-scrollbar,
#galeriaContent::-webkit-scrollbar,
#historiaContent::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
  /*display: none;*/ /* Ocultar scroll */
}
#admonContent::-webkit-scrollbar-thumb,
#galeriaContent::-webkit-scrollbar-thumb,
#historiaContent::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

#admonContent::-webkit-scrollbar-thumb:hover,
#galeriaContent::-webkit-scrollbar-thumb:hover,
#historiaContent::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

#admonContent::-webkit-scrollbar-thumb:active,
#galeriaContent::-webkit-scrollbar-thumb:active,
#historiaContent::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
#admonContent::-webkit-scrollbar-track,
#galeriaContent::-webkit-scrollbar-track,
#historiaContent::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
#admonContent::-webkit-scrollbar-track:hover,
#admonContent::-webkit-scrollbar-track:active,
#galeriaContent::-webkit-scrollbar-track:hover,
#galeriaContent::-webkit-scrollbar-track:active,
#historiaContent::-webkit-scrollbar-track:hover,
#historiaContent::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

/************************.end scrollbar***********************************/

/* #feriados .ui-state-highlight.ui-state-default {
  color: var(--bvc-color-five) !important;
  background-color: white !important;
} */

/* #feriados .ui-state-highlight {
  background-color: var(--bvc-color-nine) !important;
} */

#feriados .ui-state-highlight a {
  /* color: white !important; */
  text-decoration: none;
}

.fechaSeleccionada {
  background-color: var(--bvc-color-nine) !important;
  position: relative;
  margin-bottom: 0;
}

#feriados .fechaSeleccionada a {
  background-color: transparent;
  color: white !important;
}

#feriados .highlight {
  background-color: black;
}

.ui-tooltip {
  border: 5px solid grey;
  background-color: white;
  position: absolute;
  padding: 0.5rem;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-tooltip {
  background-color: var(--bvc-color-nine) !important;
  color: #fff !important;
}