/* font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Open Sans', sans-serif; */

:root {
      --azul: #6f93ff;
      --verde: #00cd00;
      --naranja: #ffa500;
      --amarillo: #ffff00;
      --mango: #ffbf00;
      --beige: #c19a6b;
      --marino: #0c075f;
      --rojo: #cc0000;
      --rosa: #ffd5c0;
      --verde_claro: #aff3af;
      --morado: #c6b4e1;
      --gris: #9a9a9a;
      --fiusha: #ff748c;
      --olivo: #d6eaab;
      --ostion: #f2f2f2;
}

.bg-azul {
      background-color: var(--azul);
}
.bg-verde {
      background-color: var(--verde);
}
.bg-naranja {
      background-color: var(--naranja);
}
.bg-amarillo {
      background-color: var(--amarillo);
}
.bg-mango {
      background-color: var(--mango);
}
.bg-beige {
      background-color: var(--beige);
}
.bg-marino {
      background-color: var(--marino);
}
.bg-rojo {
      background-color: var(--rojo);
}
.bg-rosa {
      background-color: var(--rosa);
}
.bg-verde_claro {
      background-color: var(--verde_claro);
}
.bg-morado {
      background-color: var(--morado);
}
.bg-gris {
      background-color: var(--gris);
}
.bg-fiusha {
      background-color: var(--fiusha);
}
.bg-olivo {
      background-color: var(--olivo);
}
.bg-ostion {
      background-color: var(--ostion);
}

.botonIngresar {
    background-color: #4c5a69!important;
    border: none!important;
    padding: .5rem 0;
    text-transform: uppercase;
    border-radius: 10px;
    letter-spacing: 1px;
}

div.mensaje-error, div.fecha-error, div.mensaje-error-registro {
    width: 100%;
    background-color: red;
    padding: .5rem 0;
    display: none;
}

div.mensaje-error p, div.fecha-error p, div.mensaje-error-registro p {
    font-size: .9rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

/* .formularioVenta input.numeroFactura {
    display: none;
} */

.swal2-container {
      z-index: 9999999!important;
}

div.horario-laboral {
      display: none;
}

div.contenedor-horarios.esconder {
      display: none!important;
}

div.login {
      position: relative;
      height: 100vh;
      background: url(../img/login.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
}

div.opacidad-login {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,.5);
}

form.caja-login {
      padding: 1.5rem;
      background-color: rgba(0,0,0,.8);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 95%;
      z-index: 9999;
      border-radius: .25rem;
}

form span.input-group-text {
      border-radius: .25rem 0rem 0rem .25rem!important;
}

button.botonIngresar {
      padding: .5rem 2rem;
      width: 100%;
      border: none;
      background-color: #e5e5e5!important;
      border-radius: .25rem;
      transition: all .3s ease;
}

button.botonIngresar:hover {
      background-color: #9e9e9e!important;
}

form h2 {
      font-size: 1.2rem;
      text-transform: uppercase;
      color: #FFFFFF;
      text-align: center;
      margin-bottom: 1rem;
      letter-spacing: 1px;
}

@media screen and (min-width: 1200px) {
      form.caja-login {
            width: 25%;
      }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
      form.caja-login {
            width: 40%;
      }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
      form.caja-login {
            width: 60%;
      }
}

div.habitacion {
      position: relative;
      background-image: url(../img/habitacion.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      padding: 3rem;
      margin-bottom: 1rem;
      color: #FFFFFF;
      cursor: pointer;
      min-height: 450px!important;
}

div.info-habitacion {
      position: relative;
      z-index: 999;
      width: 90%;
      margin: 0 auto;
      text-align: center;
}

div.habitacion h3 {
      text-align: center;
      text-transform: uppercase;
      font-size: 1.6rem;
}

div.habitacion p {
      color: #ffffff;
      text-align: center;
      margin: 0!important;
      font-size: .9rem;
}

div.habitacion span {
      display: block;
      font-size: 4rem;
}

div.opacidad-habitacion-ocupada {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255,0,0,.7);
}

div.opacidad-habitacion-inactiva {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,.7);
}

div.opacidad-habitacion-hoy {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 69, 0, 0.7);
}

div.opacidad-habitacion-desocupada {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,204,0,.7);
}

div.opacidad-habitacion-sin-checkout {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgb(250, 166, 48, .7);
}

div.contenido-oculto {
      display: none;
}

.chosen-container-single .chosen-single span {
      font-size: 16px!important;
}

.chosen-container .chosen-results li {
      font-size: 16px!important;
}

@media screen and (min-width: 601px) and (max-width: 800px) {

      div.habitacion h3 {
            font-size: 1.4rem;
      }
      
      div.habitacion span {
            font-size: 3.4rem;
      }

}

@media screen and (max-width: 600px) {

      div.habitacion h3 {
            font-size: 1rem;
      }
      
      div.habitacion span {
            font-size: 3rem;
      }

}

#observacionesCliente {
      display: none;
}

.reserva-anterior {
      background-color: teal;
      padding: .5rem;
      color: #fff;
      margin-bottom: 1rem;
}