/* CSS GENERAL */

:root{	

	--color_fondo_cargando: rgba(255, 255, 255, 1);	
	--color_texto_cargando: rgba(0, 0, 0, 1);
	--color_fondo_cargando_semi: rgba(255, 255, 255, 0.9);
	
	/*--color_barras_loading: rgba(237, 137, 0, 1);*/
	--color_barras_loading: rgba(30, 52, 91, 1);
	--color_barras_loading_semi: rgba(30, 52, 91, 0.2);
	--tiempo_barras_loading: 1.2s;
	
}

html, body {
    height: 100%;
    min-height: 100%;
}

*, img, p{
	margin: 0;
	padding: 0;
}

.page{
	position: fixed;
	height: 100%;
   min-height: 1px;
   width: 100%;
   min-width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
   background-color: transparent;
}

.cargando{
	position:absolute;
	display: none;	
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color_fondo_cargando);
	opacity: 1;
	z-index: 1001;
	color: var(--color_texto_cargando);
	/*font-weight: 300;*/
	overflow: hidden;
	/*font-weight: 100;*/
}

.cargando.semi{
	background: var(--color_fondo_cargando_semi);
}

.cargando.cargando_datos{
	position: fixed;
}

.cargando td{
	width: 100%; 
	height: 100%; 
	text-align: center; 
	vertical-align:middle;
}

.cargando img{
	margin: auto;
	width : 10em;
	margin-top: 2em;
}

.load_page{
	position: fixed;
	background: var(--color_fondo_cargando);
	display: flex;
	justify-content: center;
	align-items: center;
	/*display: none;*/
}

.load_page > div{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}

.cargando img{
	width : 4em;
	margin-top: 3em;
}

/* LOADER SPINNER */

.spinner-loader,
.spinner-loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}

.spinner-loader{
  margin: auto;  
  position: relative;
  text-indent: -9999em;
  border: 0.1em solid var(--color_barras_loading_semi);  
  border-left-color: var(--color_barras_loading);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);  
  animation: animacion-spinner-loader 1.1s infinite linear;
}

@keyframes animacion-spinner-loader {
  0% {	
    transform: rotate(0deg);
  }
  100% {    
    transform: rotate(360deg);
  }
}

/* FIN LOADER SPINNER */



/* SLICK BANNERS */

.slider_banners .slick-dots{
	position: absolute;
	margin: auto;	   
   display: flex;	
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;	
	opacity: 0.5;
	z-index: 98;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* FIN SLICK BANNERS */