@charset "utf-8";
@font-face {
    font-family: 'quicksand';
    src: url('../fuentes/quicksand/quicksand-medium.woff2');
	src: url('../fuentes/quicksand/quicksand-medium.woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* CSS Document */
*{box-sizing:border-box !important;}
html{margin:0; padding:0; height:100%}
body{margin:0; font-family: 'quicksand', sans-serif; background: opacity:.8; #EEE; background: url('../img/bg_parallax_2.jpg') center center; background-size:cover; display:flex; flex-direction:column;justify-content:center; align-items: center; height:100%;}
#frm_login{position:relative; z-index:999;}
.login_container{position:relative; z-index:999; box-shadow:0 0 15px; width:300px; display:flex; flex-direction:column;align-items: center; padding:15px;background:#FAFAFA; border-radius:15px;}
.logo_only{margin:0 auto 15px auto;}
.logo_only img{height:100px;}
.app_name{margin-bottom:5px; font-size:26px; font-family: 'quicksand', sans-serif; font-weight:bold;}
.full_app_name{text-align:center; font-size:10px; color:#AAA;}
.frm_title{margin:15px auto; color:#666; text-align:center;}
.frm_main{display:flex; flex-direction:column; justify-content:center; width:100%; }
.t-white{color:white;}
.t-green{color: #3F504B; }
.t-blue{color: #574453}
.t-bold{font-weight:bold;}

.input_login{border:none; border-bottom: 1px solid #999; width:100%; padding:10px; padding-left:40px; margin:10px auto;color:#111; font-family: 'quicksand';}
.input_login:focus {outline:0;}
.i-user{background: url('../icons/icon-usuario.png') no-repeat 10px center;background-size:24px 24px; background-color: transparent;}
.i-pass{background: url('../icons/icon-password.png') no-repeat 10px center;background-size:24px 24px; background-color: transparent;}
.input_login::placeholder{color:#999;}
.boton_login{margin-top:10px; border:none; background: #574453 url('../img/icon-key.svg') no-repeat center center; width:100%; height:35px; color:white; }
.boton_login:hover{background-color:#7C6478; box-shadow:0 0 5px rgba(0,0,0,.5);}
.ro{background:transparent; border:none;}

.error_tab{background:#990000; box-shadow:0 0 10px #000; border-radius: 0 0 15px 15px; padding:15px; bottom:10px; color:white; position:absolute; z-index:0; width: 90%;left: 5%; text-align: center;}

.creado{position:absolute; bottom:10px; right:10px; color:#666; font-size:10px; text-decoration:none;}
.creado img{opacity:.6;}
.creado a{text-decoration:none;}