body,html{background: var(--blanco);font-family: 'Effra-Regular';}
.contenedorLogin{width:960px;background: var(--color2);box-shadow: 10px 0px 30px var(--color12);border-radius: 15px;padding:0 !important;margin-top:5%;}
/*Lateral de la bienvenida*/
.lateralBienvenida{padding: 40px;}
.bienvenidaPc{display:block}
.bienvenidaMovil{display: none;}
.bannerLogin{margin:50px 0 30px 0}
.textoLogin{color:var(--color6);line-height: 25px;}
/*Lateral del login*/
.lateralCajas{background: var(--colorAj);color:var(--color2);border-radius: 0 15px 15px 0;padding:25px 70px;
    background-image: url('https://conexionsap.com.co/csp/img/logos/logo_inicio.jpg') !important;
    background-size: cover; /* Ajusta la imagen para cubrir todo el div */
    background-position: center; /* Centra la imagen en el div */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}
.lateralCajas ul{text-align: center;padding: 0 !important;margin:10px 0 0 0}
.lateralCajas ul li{display: inline;margin:0 10px 0 0}
.lateralCajas ul li a{color:var(--color2);text-transform: uppercase;font-size:0.7em;padding:5px;font-weight:700 ;}
.lateralCajas ul li a:hover{color:var(--colorAj);background:var(--color2);text-decoration: none;padding:5px;border-radius: 5px;font-weight: bold;}
.lateralCajas h2{font-size:1.8em;font-family: 'Effra-bold';text-align: center;margin:40px 0 40px 0}
.cajaLogin{padding:15px;border:none;border-radius: 10px 10px 10px 10px;}
.cajaLogin::placeholder{color:var(--color6)}
.contIconoLogin{border:none !important;}
.iconoCajaLogin{background: var(--color2);border:none;text-align: center;color:var(--color6);border-radius: 10px 0 0 10px;padding:0 16px 0 26px}
.lineaCaja{margin-bottom:20px}
.cajaLogin:focus{
    outline: none !important;
}
.recuerdameLogin{text-align: left;}
.olvideLogin{text-align: right;}
.olvideLogin a{color:var(--color2)}

.filaOpcionesLogin{margin:0 0 80px 0}
.botonesRojosGrandes{background: var(--primary);color:var(--color2);font-weight: bold;padding:10px 40px;border-radius: 8px;}

.logoBlanco{display:none}

.contenedorClientes{width:960px;background: var(--color2);box-shadow: 10px 0px 30px var(--color12);border-radius: 15px;padding:0 !important;margin:2% auto;}

.nuevoLateral{border-radius:15px !important;box-shadow: 0px 0px 30px var(--color12) !important}
@media only screen and (max-width:768px)
{
    .contenedorProncipal{background: var(--color2);}
    .bienvenidaPc{display:none}
    .bienvenidaMovil{display: block;padding:20px }
    .contenedorLogin{width: 100%;margin: 0;box-shadow: none !important;}
    .lateralCajas{padding:20px;border-radius: 0px;}
    .lateralCajas ul li a{font-size:0.58em}
    .lateralCajas h2{font-size:1.8em;font-family: 'Effra-bold';text-align: center;margin:20px 0 20px 0;}
    .logoBlanco{width: 80% !important;margin:40px auto 40px auto;display: block;}
    
    .contenedorClientes{width: 100% !important;margin: 0;box-shadow: none !important;}
    .nuevoLateral{border-radius:0px !important;box-shadow: 0px 0px 30px var(--color12) !important}
    
}

/*Estilos Nuevos*/

.logoLogin{width:60%}
.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}
.h-custom {
height: calc(100% - 73px);
}
@media (max-width: 450px) {
.h-custom {
height: 100%;
}
}
.botonVerde{background: #008F29 !important;border:1px solid #008F29 !important;color:#fff !important}
.bg-primary{background: #008F29 !important;}
.conexion{font-size:0.5em;padding:5px !important}
.lateralCajas2{padding:25px 15px !important;}
.colorModoOff{background-color:var(--color17) !important}