/*.modal {
	text-align: center;
	padding: 0 !important;
}

	.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}*/
.headcolx {
	/*position: absolute;
	width: 5em;
	left: 0;
	top: auto;
	border-top-width: 1px;*/
	/*only relevant for first row*/
	/*margin-top: -1px;*/
	/*compensate for top border*/

}


table.center {
	margin-left: auto;
	margin-right: auto;
}

.ghost {
	width: 125px;
	height: 200px;
	background-color: #f8f8f8;
	border: 3px solid #979797;
	position: relative;
	margin: auto;
	top: 140px;
	left: 0;
	right: 0;
	border-radius: 150px 150px 7px 7px;
	-webkit-animation: ghost 1.5s ease-in-out alternate infinite;
	animation: ghost 1.5s ease-in-out alternate infinite;
	z-index: 1;
}

.corner {
	width: 21px;
	height: 21px;
	border-radius: 5px;
	background-color: #f8f8f8;
	border: 3px solid #979797;
	position: absolute;
	margin-top: 188px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
}

	.corner.two {
		margin-left: 33px;
	}

	.corner.three {
		margin-left: 66px;
	}

	.corner.four {
		margin-left: 98px;
	}

.over {
	width: 27px;
	height: 27px;
	border-radius: 3px;
	background-color: #f8f8f8;
	position: absolute;
	margin-top: 188px;
	-webkit-transform: rotate(45deg) translateX(3px) translateY(3px);
	transform: rotate(45deg) translateX(3px) translateY(3px);
}

	.over.two {
		margin-left: 33px;
	}

	.over.three {
		margin-left: 66px;
	}

	.over.four {
		margin-left: 98px;
	}

.eye {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #979797;
	position: absolute;
	margin: 50px auto;
	left: 0;
	right: 0;
	-webkit-transform: translateX(-25px);
	transform: translateX(-25px);
}

	.eye.two {
		-webkit-transform: translateX(25px);
		transform: translateX(25px);
	}

.mouth {
	width: 40px;
	height: 4px;
	border-radius: 10px;
	background-color: #979797;
	position: absolute;
	margin: 75px auto;
	left: 0;
	right: 0;
}

.tonge {
	width: 4px;
	height: 10px;
	border-radius: 0px 0px 50px 50px;
	background-color: #979797;
	position: absolute;
	margin: 2px auto;
	left: 0;
	right: 0;
	-webkit-transform: translateX(-6px);
	transform: translateX(-6px);
	border-left: 5px solid rgba(0,0,0,.3);
	border-right: 5px solid rgba(0,0,0,.3);
	border-bottom: 5px solid rgba(0,0,0,.3);
}

.shadow {
	width: 120px;
	height: 30px;
	border-radius: 100%;
	background-color: rgba(0,0,0,.3);
	position: absolute;
	margin: 230px auto;
	left: 0;
	right: 0;
	-webkit-animation: shadow 1.5s ease-in-out alternate infinite;
	animation: shadow 1.5s ease-in-out alternate infinite;
}

.text {
	position: absolute;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 20px;
	font-family: 'Indie Flower', cursive;
	font-size: 3em;
}

@-webkit-keyframes shadow {
	0% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}

	100% {
		-webkit-transform: scale(0.8) translateY(75px);
		transform: scale(0.8) translateY(75px);
	}
}

@keyframes shadow {
	0% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px);
	}

	100% {
		-webkit-transform: scale(0.8) translateY(75px);
		transform: scale(0.8) translateY(75px);
	}
}

@-webkit-keyframes ghost {
	0% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px)
	}

	100% {
		-webkit-transform: scale(1) translateY(-40px);
		transform: scale(1) translateY(-40px)
	}
}

@keyframes ghost {
	0% {
		-webkit-transform: scale(1) translateY(0px);
		transform: scale(1) translateY(0px)
	}

	100% {
		-webkit-transform: scale(1) translateY(-40px);
		transform: scale(1) translateY(-40px)
	}
}

.btn-seccion {
	position: absolute;
	margin: 8px;
	font-family: 'Open Sans', sans-serif;
}

.btn-seccion2 {
	width: 100%;
	padding: 2px 12px;
	margin-right: 20px
}

.panelxx {
	position: absolute;
	border: solid 1px black;
	height: 500px;
	width: 199px;
	background: white;
}

.list-group {
	max-height: 472px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}
/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #ff5b00 #d0d1d2;
}
	/* Works on Chrome, Edge, and Safari */
	*::-webkit-scrollbar {
		width: 12px;
	}

	*::-webkit-scrollbar-track {
		background: #d0d1d2;
	}

	*::-webkit-scrollbar-thumb {
		background-color: #ff5b00;
		border-radius: 20px;
		border: 3px solid #d0d1d2;
	}

#seatsseleccionado {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

/* mobile phone */
@media all and (max-width: 768px) {
	#panelsecciones {
		display: none
	}

}
.modaltickets {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.rotateLeft {
	transform: rotate(-90deg);
	/* Legacy vendor prefixes that you probably don't need... */
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotateRight {
	transform: rotate(90deg);
	/* Legacy vendor prefixes that you probably don't need... */
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.priceSecModal {
	max-width: fit-content;
	margin-top: 0px !important;
	cursor: default
}
.PriceList:hover {
	background-color: #f9f9f9
}

.floatbtnshop {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 20px;
	right: 20px;
	background-color: #ff6600;
	color: #FFF;
	border-radius: 50px;
	border-color: white;
	text-align: center;
	font-size: 30px;
	z-index: 100;
}

.seccion:hover {
	opacity: 0.5;
	cursor: pointer;
}

#svgmapfull g text {
	font-family: Tahoma, sans-serif !important;
}

.disabled {
	opacity: 1.0;
	cursor: pointer;
	fill: #c0c0c0 !important;
	cursor: not-allowed;
}
#seats > table {
	margin: 0 auto;
}
#moustrack {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 15px 20px;
    border-radius: 4px;
    font-size: 12px;
} 
#svgmapfull {
    position: relative;
}

g.seccion.hover-seccion rect,
g.seccion.hover-seccion polygon {
    stroke: #000;
    stroke-width: 2px;
}