body{
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}


.splash-screen {
	position: fixed;
    background-image: url(../../img/splash_s9.png);
 	background-repeat:no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	z-index : 9999;
}

.sw-fondo-login{
	background-image: url(../../img/siesaLogin/Azul.jpg);
	background-position: center center; 
	position:relative; 
	overflow:auto; 
	background-repeat:no-repeat;
	z-index : 0; 
}

.sw-fondo-loginNew{
	background-color: #F5F5F5;
	z-index : 0; 
	display: flex;
    align-items: center;
    padding: 0 0 0 0;
}

.azul-siesa{
	color: #0e79fd;
}

.banner-mobile{
	background-image: url(../../img/siesaLogin/banner.png);
	background-size: cover;
	height: 140px;
	width: 100%;
}

@media (max-width: 992px){
	.row{
		height: auto !important; 
	}
	
	.container{
		height: 100% !important; 
	}
	#divVersion{
		position: relative;
		top: 15%
	}
}

@media (max-height: 768px){
	#login{
		height: 100% !important; 
	}
}

/* .k-dropdown-wrap {
    border: none !important; Quítale el borde
    box-shadow: none !important; Quítale la sombra
    text-align-last: center;
}

.k-select {
	background-color: white !important;
} */

.k-list>.k-state-selected, .k-marquee-color,
.k-state-selected
 {
    background-color: #0e79fd !important; /* Cambia este color al que prefieras */
}

.image-section{
	background-image: url(../../img/siesaLogin/sw-login-image1.png);
	background-size: cover;
 	background-repeat: round;
}

.form-section{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.sw-tabla-total{
	background-image: url(../../img/siesaLogin/loginS1ESAWebBarra.png);
	background-repeat:no-repeat;
}

.sw-derechos {
	color:#bbbbbb;
}

.sw-splashscreen {
    background-image: url(../../img/splash_s9.png);
 	background-repeat:no-repeat;
	background-position: center center;
	opacity: 1;
	z-index : 1;
}

.logosimbolo {
    width: 240px; /* Ancho máximo deseado */
    height: 80px; /* La altura se ajustará automáticamente para mantener la proporción */
    position: relative;
    top: -5%;
    background-image: url("../../img/siesaLogin/logosimbolo.png");
    background-size: contain; /* Ajustar el tamaño de la imagen para que se ajuste al contenedor */
    background-repeat: no-repeat;
    background-position: center; /* Centrar la imagen en el contenedor */
    margin-inline: auto;
}

/* LOADING */

#sint-loading-wrap {
	position: fixed;
	z-index: 1080;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

#sint-loading-wrap > div {
	position: fixed;
	margin: auto;
	left: 25%;
	right: 25%;
	top: 50%;
	transform: translateY(-50%);
}

@keyframes sintLoading {
	from {background-position: center 0px}
	to {background-position: center -46876px}
}

#sint-loading {
	margin: auto;
	transform: scale(0.5);
	width: 650px;
	height: 150px;
	background: url("../../img/siesaLogin/misiesa-loading-0205-new2.jpg");
	
	animation: sintLoading 6s steps(150) infinite;
}

@media (max-width: 800px) {
	#sint-loading {
		position: fixed;
		left: 0;
		right: 0;
		transform: translate(-8%, -50%) scale(0.5);
	}
}

@media (max-width: 480px) {
	#sint-loading {
		position: fixed;
		left: 0;
		right: 0;
		transform: translate(-34%, -50%) scale(0.3);
	}
}