body{
	background-color: rgba(66,79,31, 1);
	color: #FFF;
	font-family: Montserrat;
	font-weight: 500;
}
h1{
	margin-top: 0px;
	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
	color: #f5ea2b;
	font-weight: bold;
}
h2{
	font-weight: bold;
	margin-top: 0px;
	font-size: 30px;
	text-transform: uppercase;
	color: #f5ea2b;
}
.politicas{
	text-align: justify;
}
.banner img{
	width: 100%;
}

.fecha{
	width: 100px;
	height: 100px;
	border: 3px solid #CCC;
	border-radius: 10px;
	text-align: center;
	padding: 10px 20px;
	font-size: 40px;
	line-height: 22px;
	cursor: pointer;
	transition: all 0.2s;
	margin:  0 auto;
	color: #FFF;
	font-weight: 500;
}
.fecha:hover, .fecha:active{
	background-color: rgba(255,255,255,0.2);
	color: #FFFFFF;
}
.fechaMes{
	font-size: 12px;
}

.preventa {
  background-color: #EF483E; /* Color de fondo del r贸tulo */
  position: absolute;
  font-size: 14px;
  color: #fff; /* Color del texto del r贸tulo */
  padding: 2px 10px; /* Relleno del r贸tulo */
  margin-top: -25px !important;
  margin-left: 5px !important;
  border-radius: 20px;
}


.btnppal, .btnppal:hover, .btnppal:active {background-color: #EF483E; width: 100%}
.btnppal:hover, .btnppal:active{opacity: 0.8;}

.btnsec, .btnsec:hover, .btnsec:active {background-color: rgba(66,79,31, 1);; width: 100%}
.btnsec:hover, .btnsec:active{opacity: 0.8;}

.modal-mesas{
	top: calc((100vh - 720px)/2) !important;
	height: auto;
	max-height: 100% !important;
	height: 710px;
	width: 600px;

}
.modal-mesas .modal-content{
	height: 645px;
	padding: 10px !important;
}
.modal-footer{
	border-top:  1px solid #CCCCCC;
}
.modal-individual{
	top: calc((100vh - 500px)/2) !important;
	height: auto;
	max-height: 100% !important;
	height: 516px;
	width: 400px;
}
.modal-individual .modal-content{
	height: 290px;
	padding: 10px !important;
}

.tarima{
	border: 2px solid #000;
	padding:  2px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	background-color: gray;
	font-size: 12px;
	color:  #FFF;
}

.bloqueMesa{
	width: 10.18%;
	float: left;
	height: auto;
}

.columnas11 .bloqueMesa{
	width: 8.18%;
	float: left;
	height: auto;
}
.columnas8 .bloqueMesa{
	width: 11.58%;
	float: left;
	height: auto;
}
.bloqueMesa:nth-child(n + 2){
	margin-left: 1%;
}


.convenciones{
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	padding:  5px;
	font-size: 12px;
	width: 90%;
	height: 58px;
}
.individual{
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	padding:  2px;
	font-size: 14px;
	width: 90%;
	background-color: #d4ffdc;
	color: #000 ;
}
.convencion{
	float: left;
	width: 23.5%;
	color: #000;
}
.convencionL{
	margin-left: 2%;
}

.Oro{background-color: #FFE699; fill:#FFE699; cursor: pointer;}
.Diamante{background-color: #B2D6F4; fill:#B2D6F4; cursor: pointer;}
.Plata{background-color: #F8CBAD; fill: #F8CBAD; cursor: pointer;}
.VIP{background-color: #C29D9D; fill:#C29D9D; cursor: pointer;}
.desocupado{cursor: pointer;}
.ocupado, .Reservada{background-color: #CCCCCC; fill: #CCCCCC; fill-opacity: 1}


.mesas{
	max-width: 600px;
}

.sillas, .mesa8, .mesa6{
	float: left;
}


.silla{
	border:  1px solid #CCCCCC;
	width: 8px;
	height: 11px;
	background-color: #BDD8F7;
}
.silla{
	border:  1px solid #CCCCCC;
	width: 8px;
	height: 11px;
	background-color: #BDD8F7;
}
.sillac{
	margin-bottom: 5px;
}


/**/
.mesa8{
	padding-top: 9px;
	border: 1px solid #000000;
	width: calc(100% - 16px);
	height: calc((11px * 4) + (3px * 3));
	line-height: 14px;
}

.mesa4{
	padding-top: 0px;
	float: left;
	border: 1px solid #000000;
	width: calc(100% - 16px);
	height: 36px;
	line-height: 12px;
}
.silla6i1{
	position: absolute;
	margin-left: 5px;
	width: 10px;
	margin-top: -4px;
	z-index: 0;

}
.silla6i2{
	margin-left: 0px;
	margin-top: 15px;
	z-index: 0;

}
.silla6i3{
	position: absolute;
	margin-left: 4px;
	margin-top: 6px;
	width: 10px;
	z-index: 0;
}

.silla6d1{
	position: absolute;
	margin-left: -7px;
	width: 10px;
	margin-top: -4px;
	z-index: 0;

}
.silla6d2{
	margin-left: 0px;
	margin-top: 15px;
	z-index: 0;

}
.silla6d3{
	position: absolute;
	margin-left: -6px;
	margin-top: 6px;
	width: 10px;
	z-index: 0;
}


.mesa6{
	padding-top: 5px;
	float: left;
	border: 1px solid #000000;
	width: calc(100% - 16px);
	height: 45px;
	line-height: 12px;
	border-radius: 2000px;
	z-index: 99999 !important;
}
.margen-top{
	margin-top: 4px;
}
.ajuste{
		margin-top: 87px;
}
.mesaC{
	color: #000;
}
.mesaC4{
	height: 39.2px;
}
.mesaC6{
	height: 46px;
}
.mesaC8{
	height: 50px;
}
.mesaC82{
	height: calc(56px + 7.2px);
}
.mesaC42{
	height: calc(0px + 7.2px);
}
.mesaMesa{
	font-size: 10px;
}

.consola{
	background-color: gray;
	color:  #FFF;
	width: 26.5%;
    float: right;
    margin-top: 5px;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    height: 70px;
    padding-top: 25px;
}
.mesaC4 .silla:nth-child(even){
	margin-top: 13px;
}



.separador{
	background-color: gray;
}


.OroIndividual{background-color: #FFE699; fill:#FFE699; cursor: pointer;}
.DiamanteIndividual{background-color: #B2D6F4; fill:#B2D6F4; cursor: pointer;}
.PlataIndividual{background-color: #F8CBAD; fill: #F8CBAD; cursor: pointer;}



@media (max-width: 600px) {
	.modal-mesas{
		top:  0px !important;
		height: auto;
		max-height: 100% !important;
		height: 680px;
		/*margin-top: calc((100vh - 680px) / 2);*/
		width: 100vw;
		z-index: 1003 !important;

	}
	.modal-individual{
		width: 100vw;
	}
	.modal-content{
		height: 512px;
		padding: 10px !important;
	}
	.modal-footer{
		border-top:  1px solid #CCCCCC;
	}
	.flotante-boton {
		position: fixed;
		bottom: 10px;
		right: 10px
	}
	.whatsapp{
		width: 75px;
	}
	.ajuste{
		margin-top: 73px;
	}
	.bloqueMesa{
		height: auto;
		width: 8.1%;
		float: left;
	}
	.columnas11 .bloqueMesa{
		height: auto;
		width: 8.1%;
		float: left;

	}
	.bloqueMesa .mesaC82{
		height: 61px;
	}


	.consola{
		background-color: gray;
	    color: #FFF;
	    width: 33%;
	    float: right;
	    margin-top: 3px;
	    padding: 4px;
	    padding-top: 10px;
	    font-size: 10px;
	    text-align: center;
	    height: 40px;
	}
	.mesaC4 .silla:nth-child(even){
		margin-top: 8px;
	}

	.silla{
		border:  1px solid #CCCCCC;
		width: 5px;
		height: 10px;
		background-color: #BDD8F7;
	}
	
	.mesaC8{
		height: 53px;
	}
	.mesaC82{
		height: 61px;
	}
	
	
	.mesa4{
		padding-top: 0px;
		border: 1px solid #000000;
		width: calc(100% - 20px);
		height: 28px;
		font-size: 11px;
		line-height: 12px;
	}
	.mesaC4{
		height: 36.2px;
	}
	.mesa8, .mesa4{
		width: calc(100% - 10px);
	}
	.mesaMesa{
		font-size: 8px;
	}

	.columnas11 .mesaMesa{
		font-size: 1.6vw;
	}
	.modal-mesas .modal-content{
		height: 610px !important;
	}
	.individual{
		font-size: 11px;
	}
}

.mesaD:hover, .mesaD:active, .seleccionado{
	border:  2px solid #CF0000 !important;
}

input{
	font-family: "Muli";
	border: 1px solid #CCCCCC !important;
	border-radius: 10px !important;
	padding: 0px 10px !important;
	width: calc(100% - 22px) !important;
	height: 34px !important;
	margin-top: 5px !important;
	background-color: #FFF !important;
}
label{
	color: #f5ea2b !important;
}
[type="checkbox"]:checked+span:not(.lever):before{
	border-right: 4px solid #f5ea2b;
	border-bottom: 4px solid #f5ea2b;
}
a{color: #f5ea2b; font-weight: bold}
.disclaimer{color: #FFF}

#modal-individual{
	color: #000;
}
.dropdown-content li>a, .dropdown-content li>span{
	padding: 5px 20px;
	color: #000;
}
.dropdown-content li{
	min-height: 20px !important;
}
.apagar{
	font-size: 20px;
}

.toast{
	font-weight: bold !important;
}


.flotante-boton {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	background-color: #FFF;
	border-radius: 1000px;
	padding: 8px;
}
.whatsapp{
	width: 100px;
}

.imagenppal:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

.negrobase{
	fill: #000;
}
.mascara{
	fill: #FFF;
	fill-opacity: 0;
}
.teatro_hover{
	fill: #f5ea2b;
	fill-opacity: 1 !important;
}
.teatro_seleccionado{
	fill: #f5ea2b;
	fill-opacity: 0.5 !important;
}

#imagenppal{
	transition: transform 2s;
	overflow: hidden;
}

#imagenppal:hover{
	
}

.svg{
	
	max-height: 580px;
	margin: 0 auto;
	margin-top: 10px;
}

.mascara{
	cursor: pointer;
}

.puestoTeatroC{
	max-width: 100%;
	height: 30px;

}
.puestoisaacsC{
	display: flex;
	gap: 1px;
}

.flexc{
	align-items: center;
	justify-content: center;
}

.flexi{
	align-items: center;
	justify-content: flex-start;
}
.flexl{
	align-items: center;
	justify-content: flex-end;
}
.filaIsaacs{
	border: 1px solid #CCC;
	border-radius: 5px;
	width: 17px;
	height: 17px;
	color: #000;
	text-align: center;
	line-height: 7px;
	margin-left: 2px;
	font-size: 8px;
	padding-top: -2px;
	margin-bottom: 4px;
}
.puestoisaacsC .puesto{
	text-align: center;
	padding-top: 1px;
	width: 17px;
	height: 17px;
	font-size: 10px;
	border: 1px solid #CCC;
	color: #000;
	margin-left: 0.5px;
	border-radius: 5px ;
	margin-bottom: 4px;
}

.puestoTeatroC .puesto{
	text-align: center;
	padding-top: 1px;
	width: 20px;
	height: 20px;
	font-size: 12px;
	border: 1px solid #CCC;
	color: #000;
	margin-left: 0.5px;
	border-radius: 5px ;
}

.floatr{
		float: right;
}
.floatl{
	float: left;
}
.puestoPalco{
	width: 96px;
	margin: 0 auto;
}
.puestoPalco .puesto{
	text-align: center;
	padding-top: 3px;

	width: 30px;
	height: 30px;
	font-size: 13px;
	border: 1px solid #CCC;
	color: #000;
	margin-left: 2px;
	border-radius: 5px;
	margin-bottom: 5px;

}
.modal-isaacs{
	top: calc((100vh - 500px)/2) !important;
	height: auto;
	max-height: 100% !important;
	max-width: 100%;
	height: 460px;
	width: 570px;
}
#modalIsaacs{
	height: 380px;
}
.modal-teatro{
	top: calc((100vh - 500px)/2) !important;
	height: auto;
	max-height: 100% !important;
	max-width: 100%;
	height: 320px;
	width: 570px;
}
.modal-teatro .modal-content{
	height: 240px;
	padding: 10px !important;
}
.filaTeatro{
	border: 1px solid #CCC;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	color: #000;
	text-align: center;
	line-height: 7px;
	margin-left: 2px;
	font-size: 12px;
	padding-top: -2px;

}
.tituloFila{
	font-size: 6px;
}

.ocupado{
	user-select: none;
}
.ocupado:hover{
	border: 1px solid #CCC !important;
}

@media (min-width: 600px) {
	.puestoTeatroC .puesto{
		text-align: center;
		padding-top: 3px;
		width: 30px;
		height: 30px;
		font-size: 14px;
		border: 1px solid #CCC;
		color: #000;
		margin-left: 2px;
		border-radius: 5px ;

	}
	.filaTeatro{
	border: 1px solid #CCC;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	color: #000;
	text-align: center;
	line-height: 11px;
	margin-left: 2px;
	font-size: 14px;
	}
	.tituloFila{
		font-size: 8px;
	}
	.puestoTeatroC{margin-bottom: 5px}

	.puestoisaacsC .puesto{
		text-align: center;
		padding-top: 2px;
		width: 22px;
		height: 22px;
		font-size: 12px;
		border: 1px solid #CCC;
		color: #000;
		margin-left: 2px;
		border-radius: 5px ;

	}
	.filaIsaacs{
	border: 1px solid #CCC;
	border-radius: 5px;
	width: 22px;
	height: 22px;
	color: #000;
	text-align: center;
	line-height: 10px;
	margin-left: 2px;
	font-size: 10px;
	}
	.tituloFila{
		font-size: 8px;
	}
	.puestoTeatroC{margin-bottom: 5px}
	#modalIsaacs{
		height: 460px;
		padding: 10px;
	}
	.modal-isaacs{
		height: 530px;
	}

}

@media (max-width: 600px) {
	.titulo_index{
		font-size: 20px;
		line-height: 24px;
	}
	h2{
		font-size: 18px;
		line-height: 24px;
	}
	.whatsapp{
		width: 50px;
	}
}
.justify{
	text-align: center;
}

h2{
	margin-bottom: 0px;
}


.lugar{
	color: #f5ea2b;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px !important;
	margin-top: 5px;
}
.justify{
	text-align: justify;
}
.mensaje_index{
	border: 1px solid #f5ea2b;
	border-radius: 10px;
	margin: 10px;
	padding: 0px 20px ;
}
.bandera img{
	width: 50px;

}
.bandera{
	margin-top: -20px;
  position: absolute;
  color: #fff; /* Color del texto del r贸tulo */
  
  border-radius: 200px;
	width: 100px;
}

#modalMesasIsaacs{
	height: 520px;
}
#modal-mesasIsaacs{
	height: 580px;
}

@media (max-width: 600px) {
	#modalMesasIsaacs{
		height: 360px !important;
	}
	#modal-mesasIsaacs{
		height: 420px;
		margin-top: calc((100vh - 420px)/2);
	}
}

.precio_antes{
	opacity: 0.8;
	text-decoration: line-through;
}

.cop-16{
	border: 4px solid #FFCD00;
	border-radius: 10px;
}
.rojocol{
	background-color: #C8102E;
	color: #FFCD00;
	padding: 3px;
	text-align: center;
}
.azulcolor{
	background-color: #003087;
	color: #FFCD00;
	padding: 3px;
	text-align: center;
}
.margin-cop{
	margin-top: 64px;
}

@media (max-width: 600px) {
	.margin-cop{
	margin-top: 20px;
}
.cop-16{
	margin-top: 20px;
	border: 4px solid #FFCD00;
}

}

.selectize-control{
	line-height: 0px !important;
}
.selectize-input{
	font-family: "Muli";
	border: 1px solid #CCCCCC !important;
	border-radius: 10px !important;
	padding: 0px 10px !important;
	width: calc(100%) !important;
	height: 38px !important;
	margin-top: 5px !important;
	background-color: #FFF !important;
	line-height: 38px !important;

}

.select{
	position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.select label{
	position: absolute;
	transform: translateY(-14px) scale(1);
	margin-top: -5px;

}
.selectize-dropdown, .selectize-dropdown .div, .selectize-dropdown .div:hover{
	top: 46px !important;
}



/* SAN FERNANDO */

.tarimaFernando{
	height: 45px;
	width: 80px !important;
}

.tarimaFernandoCC{
	width: 80px !important;
	margin-left: 24px;
	margin-right: 8px;
	margin-top: -20px;
}
.tarimaFernandoCC .bloque{
	width: 100%;
}
.tarimaFernandoCC .mesaC{
	width: 80px;
}
.espacioFmaximo{
	height: 20px;
}
.espacioFminimo{
	height: 10px;
}
.contenedorFernando{
	margin-top: 30px;
}

.contenedorFernando .bloqueMesa{
	width: 80%;
	float: left;
	height: auto;
}
.fila2, .fila3, .fila5, .fila6{
	margin-top: -12px;
}

#mesa10, #mesa11, #mesa12, #mesa13
{
	margin-bottom: 10px
}
.tarimaFernandoCC .bloqueMesa{
	width: 80px;
	background-color: #CCC;
}
.bloqueMesaFernandoC{
	width: 11.1%;
	float: left;
	height: auto;
}
/*
.fila0, .fila1, .fila2, .fila3, .fila5, .fila6, .fila7{
	width: 13% !important;
	border: 1px solid;
} 

.fila1, .fila2, .fila3, .fila4, .fila5, .fila6, .fila7{
	margin-left: -5px !important;
}

*/
.mapa6 {
	.mesaF20A, .mesaF21A, .mesaF22A, .mesaF23A, .mesaF30A, .mesaF31A, .mesaF32A, .mesaF33A, .mesaF40A, .mesaF41A, .mesaF42A, .mesaF43A, .mesaF24, .mesaF25, .mesaF26, .mesaF34, .mesaF35, .mesaF36, .mesaF44, .mesaF45, .mesaF46, .mesaF7, .mesaF14, .mesaF5, .mesaF6, .mesaF12, .mesaF13{
		margin-left: 30px !important;
	}
}
.mapa6{
	.mesaF24, .mesaF25, .mesaF26{
		margin-top: 24px;
	}
}


.mapa7{
	.mesaF18, .mesaF19{margin-top: 20px}
	.mesaF1, .mesaF2, .mesaF6, .mesaF7{
		margin-top: 20px;
	}
	.mesaF24{
		margin-top: 60px;
	}
	.mesaF25{
		margin-top: 44px;
	}
	.mesaF26{
		margin-top: 47px !important;
	}

	.mesaF20, .mesaF21, .mesaF22, .mesaF23, .mesaF30, .mesaF31, .mesaF32, .mesaF33, .mesaF40, .mesaF41, .mesaF42, .mesaF43, .mesaF34, .mesaF35, .mesaF36, .mesaF44, .mesaF45, .mesaF46{
		margin-top: 20px;
	}



	
}
.tarimaFernandoCC .filaF4{
	margin-left: 1px !important;
}
.mesaF26{
	margin-top: 27px;
}
.escalerasFernando{
	position: absolute;
	top: calc(645px / 2.4);
	font-size: 12px;
	right: 20px;
	line-height: 14px;
	color: #000;
}

.tarimaTextoFernando{
	position: absolute;
	top: 32.5vh;
	font-size: 12px;
	right: 242px;
	line-height: 14px;
	color: #000;
	font-weight: bold;
}
.sillas{
	z-index: 0 !important;
}
.Diamante{
	position: relative;
}

@media (max-width: 600px) {
	.bloqueMesaFernandoC{
		width: 10.8%;
		float: left;
		height: auto;
	}

	.tarimaFernando{
		height: 43px;
		width: 60px !important;
	}

	.tarimaFernandoCC{
		width: 60px !important;
		margin-left: 10px;
		margin-right: 6px;
		margin-top: -20px;
	}
	.tarimaFernandoCC .bloqueMesa{
		width: 60px;
		background-color: #CCC;
	}
	.mesa6{
		padding-top: 5px;
		float: left;
		border: 1px solid #000000;
		width: calc(100% - 10px);
		height: 45px;
		line-height: 12px;
		border-radius: 2000px;
		z-index: 99999 !important;
	}
	.mapa6{
	.mesaF20A, .mesaF21A, .mesaF22A, .mesaF23A, .mesaF30A, .mesaF31A, .mesaF32A, .mesaF33A, .mesaF40A, .mesaF41A, .mesaF42A, .mesaF43A, .mesaF24, .mesaF25, .mesaF26, .mesaF34, .mesaF35, .mesaF36, .mesaF44, .mesaF45, .mesaF46, .mesaF7, .mesaF14, .mesaF5, .mesaF6, .mesaF12, .mesaF13{
		margin-left: 16px !important;
	}

	
}


	.espacioFmaximo{
		height: 14px;
	}
	.espacioFminimo{
		height: 6px;
	}
	.mesa6{
		height: 40px;
	}
	.silla6i1{
		margin-left: 5px;
		width: 8px;
		margin-top: -4px;

	}
	.silla6i2{
		margin-left: 0px;
		margin-top: 15px;
		z-index: 0;


	}
	.silla6i3{
		margin-left: 4px;
		margin-top: 4px;
		width: 8px;
	}

	.silla6d1{
		margin-left: -7px;
		width: 8px;
		margin-top: -4px;

	}
	.silla6d2{
		margin-left: 0px;
		margin-top: 15px;
		z-index: 0;

	}
	.silla6d3{
		margin-left: -6px;
		margin-top: 4px;
		width: 8px;
		z-index: 0;
	}
	.mesaF3, .mesaF4, .mesaF5, .mesaF6{
		margin-top: -4px;
	}


	.escalerasFernando{
		top: calc(610px / 2.4);
		font-size: 12px;
		right: calc(4%);
		line-height: 14px;
		color: #000;
	}
	
	.mesaF26{
		margin-top: 35px;
	}
	.textoTarima{
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		margin-top: 10px;
	}


}
.textoTarima{
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		margin-top: 10px;
	}


	[type="checkbox"]{
		width: 200px !important;
	}



.sillab{
		margin-bottom: 3px;
	}

@media (max-width: 600px) {
	.mapa7{
		.mesaF24{margin-top: 66px !important}
		.mesaF25{margin-top: 56px !important}
		.mesaF26{margin-top: 70px !important}
		.mesaF20, .mesaF21, .mesaF22, .mesaF21, .mesaF23, .mesaF30, .mesaF31, .mesaF32, .mesaF33, .mesaF40, .mesaF41, .mesaF42, .mesaF43, .mesaF24, .mesaF25, .mesaF26, .mesaF34, .mesaF35, .mesaF36, .mesaF44, .mesaF45, .mesaF46, .mesaF6, .mesaF7, .mesaF13{
			margin-left: 10px;
		}
	}



}
.mapa7{
.mesaF20, .mesaF21, .mesaF22, .mesaF21, .mesaF23, .mesaF30, .mesaF31, .mesaF32, .mesaF33, .mesaF40, .mesaF41, .mesaF42, .mesaF43, .mesaF24, .mesaF25, .mesaF26, .mesaF34, .mesaF35, .mesaF36, .mesaF44, .mesaF45, .mesaF46, .mesaF6, .mesaF7, .mesaF13{
			margin-left: 20px;
		}
	}

.select-wrapper input{
	display: none;
}