/* Personalización LOGIN */
body,html{ height:100%;}
body{ 
    margin: 0;
    -background-image: url("/client/images/wallpapers/wallpaper4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--primary);
    background-position-x: right;
    background-position-y: bottom;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

section { width: 25vw !important; position: relative; background-color: #FFF; border-radius: 10px; box-shadow: 0 0 15px 10px #000; }
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(--clear) !important;
        color: var(--dark) !important; 
        position: absolute;
        top: 0px;
        left:-25px;
        right: -15px;
        height: 60px !important; 
		font-size: 1.5em; 
		background-image: url('/client/images/favicon.png');
		background-repeat: no-repeat;
		background-position: 40px;
        background-size: 30px;        
}
section .header span { position: relative; top:10px; left: 30px }
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)}

#app-name{ font-size: 14px !important; font-weight: bold;}
.form-floating > label { 
	top:-5px !important; padding-left: 15px !important;
}