/*================================================================================

	Version: 1.0
	Author: ZONATROYA

================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.select2-selection--single
{
	height: calc(2.45rem - 2px) !important;
	padding: 0.5rem 0.75rem;
	border: 1px solid #d4d4d4 !important;

	font-size: 1rem!important;
	color: #5a5a5a!important;
    width: 100%;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px!important;
    width: 100%;
}



.table th, .table td
{

	text-align: center!important;
}


.loader {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
	padding: 1%;
	box-sizing: content-box;
}
.loader img {
	max-width: 250px;
}

#contenido_logo {

	display: none;
	text-align: center;

}

.back

{
	height:100vh;
	/* Ruta relativa o completa a la imagen */
	background-image: url(../../images/back.jpg);
	/* Centramos el fondo horizontal y verticalmente */
	background-position: center center;
	/* El fonde no se repite */
	background-repeat: no-repeat;
	/* Fijamos la imagen a la ventana para que no supere el alto de la ventana */
	background-attachment: fixed;
	/* El fonde se re-escala automáticamente */
	background-size: cover;
	/* Color de fondo si la imagen no se encuentra o mientras se está cargando */
	background-color: #FFF;
	/* Fuente para el texto */
	text-align: center;
	color: #000;
	font-family: "Times New Roman", Times, serif;
}


/* Background para ancho máximo de la pantalla física */
@media only screen and (max-device-width: 767px) {
	.back body {
		background-image: url(../../images/back.jpg);
		color: #FFF;
	}
}
/* Background para ancho máximo del navegador */
@media only screen and (max-width: 767px) {
	.back body {
		background-image: url(../../images/back.jpg);
		color: #FFF;
	}
}







.reloj {
	color: white;
	display: inline;
	font-size: xx-large;
	font-weight: bold
}





.vencida {
	font-weight:bold;
	color:black;
	background-color: red;
	text-transform:uppercase;
}

.venciendo {
	font-weight:bold;
	color:black;
	background-color: #fffd25;
	text-transform:uppercase;
}

.parpadea {

	animation-name: parpadeo;
	animation-duration: 0.4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes parpadeo {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}