/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/modulos/reservar/reservar.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.bloque_seleccion_hora{
 cursor: pointer;
 border:1px solid #dee2e6;   
}
.bloque_seleccion_hora:hover{
    background-color: cadetblue;   
}

.bloque_seleccion_none{
    background-color: #b2b2b2 !important;
}

.bloque_ocupado{
  background: repeating-linear-gradient(
    125deg,
    rgba(0, 0, 0, 0) 35px,
    rgba(0, 0, 0, 0) 40px,
    #b2acaa  42px,
    #b2acaa  42px
  );
}

.bloque_reservado{
  background-color: #4176e9f7 !important;
}

.bloque_reservacion_previa{
  border:2px solid #8BC34A;
}

.bloque_reserva_seleccionado{
  background-color: cadetblue !important;
}

.diagonal-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom left, transparent 49%, #e2e3e5  49%, #e2e3e5  51%, transparent 51%);
  }
  
  .diagonal-text span {
    position: absolute;
    width: 50%;
    text-align: center;
  }
  
  .diagonal-text .top-left {
    top: 25%;
    right: 0;
    transform: translateY(-50%);
  }
  
  .diagonal-text .bottom-right {
    bottom: 25%;
    left: 0;
    transform: translateY(50%);
  }

  .bg_reservacion{
    background-Image: url(/img/bg_reservaciones.png), linear-gradient(to right, rgb(0 0 0 / 74%), rgb(191 187 187 / 43%));
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: bottom;
    background-blend-mode: overlay;
  }

  .info_pago_reservacion_cabecera{
    font-size: 1.3vw;
    color: #999897;
    font-weight: 400;
  }
  .info_pago_total_reservacion_cabecera{
    font-size: 1.3vw;
    color: #999897;
    font-weight: 500;
  }

  .info_pago_reservacion_res{
    font-size: 1.3vw;
    color: #1b4b62;
    font-weight: 600;
  }

  .info_pago_total_reservacion_res{
    font-size: 1.8vw;
    color: #6a8322;
    font-weight: 600;
  }
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/componentes/modaltab.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/

.modaltabs .nav-tabs{
    border-bottom: none ;
    width: 100%;
    justify-content: space-evenly;
}

.modaltabs .nav-link{
    color: rgb(33, 37, 41);
}

/*.modaltabs .nav-tabs .nav-link:focus, .modaltabs .nav-tabs .nav-link:hover{
    border-color: #c1c7ce;
}*/
.modaltabs .nav-tabs .nav-link{
    border-color: #c1c7ce #c1c7ce #c1c7ce ;
}