
h00, .h00 {
  font-size: 3rem;
}
h0, .h0 {
  font-size: 2.75rem;
}
h7, .h7 {
  font-size: 0.75rem;  
}
h8, .h8 {
  font-size: 0.5rem;
}

.bg-back{background-color:#250011;}
.bg-subtitle{background-color:#DEFFFE; }
.bg-center{background-color:#9DFFE7; }
.bg-alternate{background-color:#68FFA9; }
.bg-fija-alt{background-color:#009BAA;}
.bg-fija{background-color:#88FFB9;}
.bg-lista{background-color:#E4D8FF;}
.bg-lista-alt{background-color:#FFD8F9;}
.bg-rotativa{background-color:#FFD488;}
.bg-rotativa-alt{background-color:#FFBE4C;}
.bg-title{background-color: #CD0043;}
.bg-table{background-color: #E0CEFD;}
.bg-table-alt{background-color: #A271F7;}

/*del acorderon*/                       
/*accordion ITEMS PARA MODIFICAR EL COLOR de acordion de bootstrap5 */
.accordion-button {
    /*COLOR TEXTO CUANDO NO ESTA COLAPSADO*/
    color: #000000 !important;
    /*COLOR FONDO cerrado*/
  background-color: #FFFFFF !important;
   
  }
  .accordion-button:not(.collapsed) {
  color: #fff !important;

    /*COLOR FONDO abierto  */
  background-color: #000000 !important;
  box-shadow: inset 0 -1px 0 rgba(255,00 , 66, 0) !important;
}
.accordion-button:focus {
  border-color: #ED0093 !important;
  box-shadow: 0 0 0 0.25rem rgba(255,00 , 66, 0) !important;
}
.accordion-item {
  background-color: #fff !important;
  border: 3px solid rgba(255, 0, 66, 1) !important;
}    


.bg-mint {
    background-color: #37FFAA;
}


/*del boton swtich*/ /*del boton swtich*/ /*del boton swtich*/ /*del boton swtich*/ /*del boton swtich*/ 
/*del boton swtich*/ /*del boton swtich*/ /*del boton swtich*/ /*del boton swtich*/ 
.lbl{      
  display: inline-block;
  width: 9rem;
  height: 3rem;
  background: #000000; /*Boton apagado*/
  border-radius: 6.25rem;
  cursor: pointer;
  position: relative;
  transition: .3s;
  border-radius:1.25rem;
  border:.2rem solid #FFFFFF;  /*Bordeado fuera del switch */
}  

.lbl::after {
  content: '';
  display: block;
  width: 3rem;
  height: 2.6rem;

  background: #FFFFFF; /*color del boton*/

  border-radius: 6.25rem;
  position: absolute;
  top: .25px;
  left: .25px;
  transition: .2s;
  
}

.switch:checked + .lbl::after {    
      background: #000000; /*color del boton*/
  left: 5.4rem;
  
}

.switch:checked + .lbl {       
  background: #ffffff;
  border-radius:1.25rem;
  border:.2rem solid #000000; /* Bordeado fuera del switch */
}

.switch {
  display: none;
}

.si, .no {
    position: absolute; /* Posicion */
    transform: translate(-50%, -50%);
    top: 25%;
    left: 22%;
    font-weight: bold;
    font-size: 1.4rem; /* Tamaño de letra */
    font-family: Verdana, sans-serif; /* Fuente de letra */
  }

  .si {
      color: black; /* Color ON */
    top: 1.3rem; /* Ubicacion Arriba-Abajo de la palabra ON */
  }
  
  .no {
      color: white; /* Color OFF */
    left: auto;
    right: 0rem; /* Ubicacion Derecha de la palabra OFF */
    top: 1.3rem; /* Ubicacion Arriba-Abajo de la palabra OFF */
  }

.switch:checked + .lbl .si {
  display: block;
}

.switch:checked + .lbl .no {
  display: none;
}


/*LE DA ESTILO A LOS TOOLTIP DE ERRORES*/

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #000000;
  background-color: #ffffff;
  border: .25rem solid #00FFD8;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: .5rem solid #FF0000;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 1em;
  line-height: 1em;
  opacity: 0;
  color: red;
  font-weight: bold;


  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}


