:root{
 	--auca-orange: #F96C41; /* rgba(249, 108, 65, 0.33) */
	--auca-light: #B1B1B1;
	--auca-cat-teatro: #17A2B8;
	--auca-cat-musica: #6F42C1;
	--auca-cat-danza: #FD7E14;
	--auca-cat-standup: #28A745;
	--auca-cat-convencion: #007BFF;
	--auca-cat-fiesta: #E83E8C;
	--auca-cat-mma: #FFC107;
	--auca-cat-cine: #3465A4;
	--auca-cat-video: #3465A4;
	--auca-cat-cine_video: #3465A4;
	--auca-cat-generico: #444;
	--auca-cat-exposicion: #444;
	--auca-cat-visita: #444;
	--auca-cat-var: #B1B1B1;
	--auca-ramone: #DEEDEE;
}

.bg-auca-orange {
    background-color: var(--auca-orange) !important;
    color: #000;
    & >a {
		color: #1f2d3d !important;
	}
	
	&:hover {
		background-color: #DEEDEE !important;
	}
}

.bg-auca-light {
    background-color: var(--auca-light) !important;
    color: #000;
    & >a {
		color: #1f2d3d !important;
	}
	
	&:hover {
		background-color: #DEEDEE !important;
	}
}


body {
	font-family: "Google Sans Flex", "IBM Plex Sans", "Source Sans Pro", -apple-system, 
		BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/** GENERAL */
.bg-transparent {
	border: none;
	box-shadow: none;
	background: transparent !important;
}


a.boton-funcion-lista*:active {
	background-color: var(--ligth) !important;
	color: var(--dark)  !important;
}

/** FUNCIONES LIST */
.funciones-list-header {
	.header-image img {
		max-width: 100%;
	}
}
/** QR CODE READER */


.modal-dialog {
/* 	top: 0.25vh; */
/* 	bottom: 0.25vh; */
/* 	left: 0.25vh; */
/* 	right: 0.25vh; */
	padding: 0.5em;
	
	.modal-content {
		background-color: #111113;
		color: #FFF;
		height: 100vh;
	}
	
	#qr-code-message-container {
		padding: 2em 1em;
	}
	
	.bg-modal-error {
		.qr-code-message-icon {
			color: darkgreen;
		}
	}
	.bg-modal-success {
		.qr-code-message-icon {
			color: darkred;
		}
	}
	
	#logo-image {
		padding-top: 2em;
		border-bottom: solid 1px #444;
		margin-bottom: 4em;	
		img {
			width: 66%;
			max-width: 100%;
		    height: auto;
		}
	}
	
	#qrcode-image {
		background-color: #FFF;
		margin: 2em;
		padding: 20px;
		border-radius: 10px;
		img {
			max-width: 100%;
			width: 100%;
			height: auto;
		}
	}
	
	#qr-code-message-icon {
		text-align:center;
		width: 100%;
		#response-icon {
			i.fa-check-circle {
				color: #111113;
				border: solid 1px var(--green);
				border-radius: 50%;
				background-color:  var(--green);
				scale: 4;
			}
			i.fa-times-circle {
				color: #111113;
				border: solid 1px var(--red);
				border-radius: 50%;
				background-color:  var(--red);
				scale: 4;
			}
			i.fa-minus {
				color: #111113;
				border: solid 1px var(--gray);
				border-radius: 50%;
				background-color:  var(--gray);
				scale: 4;
			}
		}
	}
	
	#qrcode-message {
		color: #FFF;
		padding: 2em 1em;
		font-size: 1.7em;
	}

}



/*#videocapture  {*/
/*	border: solid 2px green;*/
/*}*/
/*#html5-qrcode-button-camera-stop {*/
/*	background-color: var(--warning) !important;*/
/*}*/


/** HOME */
.btn-home {
	.inner {
		min-height: 8em;
		vertical-align: middle;
		display: block;
		padding:20% 0;
		text-align: center;
	}
	a {
	 	display: inline-block;
	 	width: 100%;
	 	height: 100%;
	 	text-decoration: none;
	 }
}


/** POS */
#buy-button {
	text-align: center;
	vertical-align: middle;
}
#buy-button.disabled {
	cursor: not-allowed !important;
	pointer-events: none;
}

#ticket-price, #available-box, #sold-box, .seat {
	text-align: center;
	user-select: none;
}

#pos-content .status-0 {
	/* disponible */ 
	background-color: var(--primary) !important;
	color: var(--light) !important;
	cursor: pointer !important;
}

#pos-content .status-selected-0, #pos-content .seat-box.selected {
	/* disponible seleccionado */ 
	background-color: var(--green) !important;
	color: var(--light) !important;
}
#pos-content .seat-box.status-1, #pos-content .seat-box.status-2,
#pos-content .seat-box.status-3, #pos-content .seat-box.status-4 {
	background-color: transparent !important; 
	color: #BBB !important;
	box-shadow:none !important;
	border: solid 1px #BBB !important;
	cursor: not-allowed !important;
}
.ticket-price-container .btn-qty-minus,
.ticket-price-container .btn-qty-plus  {
	font-weight: bold;
	font-size: 2em;
}

.overlay-shown {
	float: left;
	position: absolute;
	background:#FEFFFF66;
	z-index: 999999;
	width: 100%;
	height: 100%;
	cursor: not-allowed;
}

.overlay-hidden {
	display: none;
	visibility: hidden;
	z-index: -10;
	width: 0;
	height: 0;
}

.funcion-header {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
}
 #capturavideo {
	border-style: solid;
	border-color: transparent;
	border-width: 4px;
}
.captura {
	max-width: 100%;
	max-height: 40%;
/*	filter: grayscale(1);*/
 }


.page-funcion-scanner .content-wrapper {
	
	#capturavideo__dashboard_section {
		font-size: small;
	}
	
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	min-height: 600px !important;
	
	.ticket-qr-scanner {
		max-height: 280px;
		height: 280px;
	}
	
	#capturavideo__scan_region {
		video {
			max-height: 280px;
			overflow: hidden;
		}
	}
}

/* ------------ WIP ------------- */
.page-event-select {
	.evento-select-button {
		min-height: 100px;
	
		@media (min-width: 576px ) { max-width: 540px; }
		@media (min-width: 768px ) { max-width: 48.5%; }
		@media (min-width: 992px ) { max-width: 48.5%; }
		@media (min-width: 1200px) { max-width: 32%;   }
		
		.evento-btn-img {
			border: solid 1px #FFF;
			max-height: 4.5em;
			max-width: 4.5em;
		}
		.evento-select a {
			color: #FFF;
		}
		.evento-select-old a {
			color: #000;
		}
		
		&:hover {
			background-color: var(--auca-deedee) !important;
			color: #000  !important;
		}
	}
	.card .card-body {
		padding: 0.75em 0px;
	}
	.card .card-title {
		font-weight: bold;
		font-size: 1.5rem;
	}
	.card .card-text {
		font-size: 90%;
	}
}