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

.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;
}