@import url("../../../font-awesome/4.7.0/css/font-awesome.css");
/*
#div_plano{
  xmin-width: 980px;
}*/

#GestorAforo{
    /*min-width: 980px;
    min-height: 400px;*/
    width: 100%;
    height: 100%;
    position: relative;
}
.modo_0 #GestorAforo{
  padding-left:2rem;
  padding-right:2rem;
}
.botonZoom{
    color: #999999;
    font-size: 1rem;
    /* line-height: 1; */
    /* padding: 0.5rem; */
    width: 2rem;
    height: 2rem;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    border: none;
  }
.modo_1 #GestorAforoPlano{
  width: 74%;
  min-height: 520px; /* no me vale el height a secas porque se establece mediante codigo */
  max-height: 520px; /* sino se pierden los botones aceptar cancelar */
 border: 1px solid black; 
}

#GestorAforoPlano{
  width: 100%;
  height: 100%;
/*  overflow: auto; */
}
#OpcionesButacas{
  text-align:left;
  padding-bottom:1rem;
  width: 100%;
}
/* modo_1: GESTION  modo_0: VENTA  */
.modo_1 #OpcionesButacas{
  display: inline-flex;
  width: 60%;
}
.modo_1 .OpcionesButacas{
  margin: 3px;
}

.OpcionesButacas{
    display: flex;
    justify-content: left;
    flex-direction: column;
}
#ContenedorButacas{
/*    width: 100%;*/
  position:relative;
  /*  xmin-height: 400px;
    xmargin-top: 40px;*/
 /* border: 1px solid black; */
}

#GestorAforoZonas{
  float:left;
  clear: left;
  max-width: 270px;
  width: 25%;
}
.modo_1 #GestorAforoZonasBloques{
  height: 100px;
  overflow: auto;
}
.modo_1 #GestorAforoMapa{
  height: 300px;
  overflow: auto;
  width: 90%;
  text-align: center;
}
#DisponibilidadBloques{
    float: left;
    clear: left;
    text-align: center;
    font-weight: bold;
    margin: 0 25px;
}
#GestorAforoMapa, #GestorAforoZonasBloques{
  float:left;
  min-width:200px;
  clear: left;
}
#GestorAforoLeyenda{
  float:left;
  width:100%;
}
/* modo_1: GESTION  modo_0: VENTA  */
.modo_1 #GestorAforoLeyenda{
  width:70%;
}
.leyendaTipo{
  float:left;
  margin: 5px 10px;
}
.leyendaTipoColor{
  float:left;
  width: 10px;
  height: 10px;
  border: 1px solid black;
}
.leyendaTipoNombre{
  float:left;
  font-size: 12px;
}
/***** MODO VENTA ***/
.leyendaPlantillasPrecios{
  float: left;
  width: 100%;
}
.leyendaPlantillasColor{
  float: left;
  width: 10px;
  height: 10px;
}
.leyendaPlantillasNombre, .leyendaPlantillasSubTabla{
  float: left;
  width: 75%;
}
.leyendaPlantillasSubTabla{
  display: none;
}
#subContenedorButacas{
    min-width:  500px;
/*    xmin-height: 400px;*/
}
#ListaZonas, #ListaBloques{
  float:left;
  margin: 5px;
  clear: left;
} 
/* modo_1: GESTION  modo_0: VENTA  */
.cajaZona, .cajaBloque{
  float:left;
  width: 100%;
  /* border: 1px solid black;*/
}
.colorZona, .colorBloque{
  float:left;
  width: 7px;
  height: 10px;
  margin: 5px;
}
.nombreZona, .nombreBloque{
  float:left;
  width: 200px;
  font-size: 14px;
  cursor:pointer;
}
.ocupacionZona, .ocupacionBloque{
  float:left;
  width: 60px;
  font-size: 14px;
  cursor:pointer;
}
.cajaVolverBloque{
  float:left;
  font-size: 12px;
  cursor:pointer;
}
#BotoneraButacas{
  margin: 20px;
  clear: left;
/*  float:left;
  width: 100%;
  text-align: right;*/
}
.NumeracionAforo{
font-size: 11px;
}
/* ventanas emergentes*/
.emergenteGestorAforo{
    width: 100%;
    height: 90%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.BloqueEmergente{
    float: left;
    margin-top: 20%;
    margin-left: 25%;
    width: 50%;
    background-color: white;
    text-align: center;
}
.subBoqueEmergente{
  float: left;
  width: 96%;
  margin: 2%;
}
#MensajeBasico{
  margin: 5% 0;
  background-color: white;
}
#subMensajeBasico{
    float: left;
    margin: 5%;
    width: 90%;
/*    height: 60%; se sale el boton por debajo   */
    border: 1px solid;
    background-color: #e0e0e0;  
}
.tituloMensaje, #DatosReservaClienteTitulo{
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  border: 1px solid black;
  height: 40px;
  background-color: white;
}
/* VENTANA MENSAJE BASICO */
#AsignacionCorte {
    float: left;
    width: 80%;
    margin: 0 10%;
}
.cuerpoMensaje, #BotonAceptarMensaje, #BotonCancelarMensaje{
  font-size: 18px;
  text-align: center;
}
#Botonera{
  float: left;
  width: 30%;
  margin: 0 40%;
}
.modo_1 .boton {
    float: left;
    margin: 5px;
    width: 100px;
}
.modo_1 .boton button {
    width: 100px;
}
/* tipos de bloqueos */
.BotonBloqueo button{
  width: 300px;
}
.btnBotonAceptarMB button{
  width: 300px;
}
#DatosButaca{
  border: 1px solid black;
  background-color: white;
  color: black;
  margin: 5px;
}
div#TituloTipoCorte{
  height: 50px;
  text-align: center;
  padding-top: 20px;
  font-weight: bold;
}
/* reserva del cliente */
/*#DatosReservaClienteTitulo{
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  height: 40px;
}*/
.campoCorteButacas {
    float: left;
    width: 30%;
    text-align: left;
    margin: 5px 0;
}
.datoCorteButacas {
    float: left;
    width: 70%;
    text-align: left;
    margin: 5px 0;
}
.DatosReservaCliente{
  float: left;
  width: 100%;
}
.DatosReservaClienteLit{
  float: left;
  width: 30%;
  text-align: left;
}
.DatosReservaClienteDato{
  float: left;
  width: 60%;
  text-align: left;
}
div#DatosReservaOperacionesCabecera{
  font-weight: bold;
  margin: 20px 0 0 0;
}
.DatosReservaOperacionesCabeceraFila, .DatosReservaOperacionesCabeceraColumna{
  float: left;
  width: 15%;
  text-align: left;
  border: 1px solid black;
}
.DatosReservaOperacionesCabeceraObservaciones{
  float: left;
  width: 60%;
  text-align: left;
  border: 1px solid black;
}
#DatosReservaOperaciones{
  max-height: 200px;
  overflow: auto;
}
.seleccionable{
  cursor: pointer;
}
.btn-seleccionado{
  border: 2px solid black;
}