/* Personalización LOGIN */
body,html{ height:100%; font-size: 1em; overflow: hidden;}
body{ position: relative; background-color: var(--clear);}
body::before{
    content: ' ';
    position: absolute;
    background-image: url('/images/wallpapers/login-wallpaper.jpg');
    background-repeat: no-repeat;
    background-position: center;  
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0.2;
}

section { width: 25vw !important; color: white; position: relative; }
header img { max-width: 150px; position:absolute; top:1%; left:1em; }
header div { position: relative; top:1.2em ; color:white !important}
header div:nth-child(2) { position: absolute; right: 1em; text-align: center;}
header div:nth-child(2) a { color:white !important}

input { text-transform: lowercase }
label { color: rgba(0,0,0,.5) !important; padding-left: 20px !important;}

.gesbox_shadow{box-shadow:3px 3px 15px 6px #333 !important}

section .header {
        background-color: var(--primary) !important; 
        position: absolute;
        top: 0px;
        left:-25px;
        right: -25px;
        height: 60px !important; 
		font-size: 1.5em; 
		background-image: url('/images/favicon.png');
		background-repeat: no-repeat;
		background-position: 40px;        
}
section .header span { position: relative; top:10px }
section.login{ display:block; z-index:1; overflow: hidden;}
section.remember{ display:none; z-index:1; overflow: hidden;}

.body { color: var(--primary); margin: 3em auto;}

footer { position: absolute; bottom: 0px; left:0px;	width:100%;	height:20px; z-index:1; text-align:center; color:var(--primary); font-size:12px !important; }
footer a { color:var(--primary); text-decoration:none }

a:hover { color: var(--primary)}