html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html{background: url("../img/bg1.jpg") no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; height: 100%; overflow: hidden;background-color:#2c3338;}
body{height:100%;overflow: scroll;color:#606468;font:87.5%/1.5em 'Open Sans', sans-serif;margin:0;overflow-y:auto !important;overflow-x:hidden !important;-ms-overflow-style:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.container{left:50%;position:absolute;top:48%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.noscript{left:50%;position:absolute;top:45%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:14pt;text-align:center}
p{line-height:1.5em;}
*{-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix{*zoom:1;}.clearfix:before, .clearfix:after{content:' ';display:table;}.clearfix:after{clear:both;}
input{padding:14px;font-size:16px;display:block;width:315px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:0;margin-bottom:12px;color:#7f8c8d;font-weight:600;font-family:'Open Sans', Arial, sans-serif;line-height:1.5em;-webkit-appearance:none;}
input:focus{border-width:0px 0px 0px 3px;border-style:solid;border-color:#3498DB;box-shadow:none;}
select{border:none;font-family:'Open Sans',Arial,sans-serif;font-size:14px;display:block;padding:15.4px;cursor:pointer;background-color:#3b4148;border-radius:0px 3px 3px 0px;color:white;margin-bottom:1em;width:230px;font-weight:600;font-size:16px;}
select:hover{background-color:#434A52;}select:focus{border-width:0px 0px 0px 3px;border-style:solid;border-color:#3498DB;padding-left:12.5px}
@supports (-ms-ime-align: auto){select{border:none;font-family:'Open Sans',Arial,sans-serif;font-size:14px;display:block;padding:15px;cursor:pointer;background-color:#3b4148;border-radius:0px 3px 3px 0px;color:white;margin-bottom:1em;width:230px;font-weight:600;font-size:16px;}}
#login{width:280px;}
#login form span{background-color:#363b41;border-radius:3px 0px 0px 3px;color:#606468;display:block;float:left;height:50px;line-height:50px;text-align:center;width:50px;}
#login form input{height:50px;}
#login form select{height:50px;}
#login form input[type="text"], input[type="password"]{background-color:#3b4148;border-radius:0px 3px 3px 0px;color:white;margin-bottom:1em;padding:0 16px;width:230px;outline: none;}
#login select{outline: none;}
#login input[type="text"]:hover, #login input[type="password"]:hover, #login select:hover, #login select:focus{background-color:#434A52;}
#login input[type="text"]:focus,#login input[type="password"]:focus{background-color:#434A52;padding:0 13px;}
#login form input[type="submit"]{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ea4c88;color:#eee;font-weight:bold;margin-bottom:2em;text-transform:uppercase;width:280px;cursor:pointer;}
#login > p{text-align:center;}
#login > p span{padding-left:5px;}
*{ margin:0;padding:0;}
.rc-button-submit{border:1px solid #3079ed;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);background-color:#4d90fe;background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);}
.rc-button-submit:hover{border:1px solid #2f5bb7;color:#fff;text-shadow:0 1px rgba(0,0,0,0.3);background-color:#357ae8;background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8);}
.profile-img{width:260px;height:auto;margin:0 auto 4px;display:block;}
.msg{color:#623939;font-weight:bold;font-size:12pt;}
a{color:white;outline:0;text-decoration:none;}
a:focus,a:hover{text-decoration:none;}
.forgot-password{font-size:13px;font-weight:100;letter-spacing:1px;}
label{float:left;width:100%;line-height:20px;padding-right:15px;font-weight:100;text-align:right;letter-spacing:1px;}
.footer-bar{position:absolute;bottom:0;height:35px;width:100%;border-top:2x solid white;overflow:hidden;background-color:#cecece;}
.footer{padding-top:18px;font-size:.85em;white-space:nowrap;line-height: 0;}
.footer ul{float:right;max-width:80%;padding:0;}
.footer ul li{color:black;display:inline;padding:0;padding-right:0.8em;}
.footer a{color:black;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.icon{background-color:#363b41;border-radius:3px 0 0 3px;width:50px;height:50px;display:block;float:left;text-align:center;}
.icon svg{width:22px;height:22px;fill:#606468;margin-top:14px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /* 1. Usamos una sombra de caja interna del color deseado para "cubrir" el autocompletado. */
    -webkit-box-shadow: 0 0 0 1000px #3b4148 inset !important;
    box-shadow: 0 0 0 1000px #3b4148 inset !important;
    
    /* 2. Forzamos el color de fondo (por si acaso). */
    background-color: #3b4148 !important;
    
    /* 3. Aseguramos que el texto sea legible (ej. blanco o claro) */
    -webkit-text-fill-color: #ffffff !important; 
    
    /* 4. Desactivamos la transición del navegador para que no se vea el cambio */
    transition: background-color 5000s ease-in-out 0s;
}

/* ======== SWEETALERT2 — TEMA SECUNDARIA 44 ======== */
.swal2-popup{border-radius:14px !important;padding:1.7em 1.5em !important;background:#ffffff;}
/*TÍTULO*/
.swal2-title{font-size:26px !important;font-weight:700 !important;margin-top:4px !important;margin-bottom:10px !important;color:#14213d !important;}
/*MENSAJE*/
.swal2-html-container{font-size:18px !important;margin-top:6px !important;margin-bottom:24px !important;color:#1f1f1f !important;}
/*BOTONES*/
.swal2-confirm,.swal2-cancel{padding:10px 26px !important;font-size:16px !important;border-radius:6px !important;font-weight:600 !important;}
/* BOTÓN CONFIRMAR (color institucional) */
.swal2-confirm{background:#AD252F !important;color:white !important;border:none !important;transition:0.25s;}
.swal2-confirm:hover{background:#0d162b !important;}
/*BOTÓN CANCELAR*/
.swal2-cancel{background:#606468 !important;color:white !important;border:none !important;transition:0.25s;}
.swal2-cancel:hover{background:#4c4f53 !important;}
/*ICONOS más grandes y centrados*/
.swal2-icon{margin-top:6px !important;margin-bottom:10px !important;transform:scale(1.1);}
/*INPUT (recuperación de contraseña)*/
.swal2-input{padding:12px !important;font-size:17px !important;border-radius:6px !important;border:2px solid #AD252F !important;}

@media(max-width:1024px){.profile-img{width:95%;height:auto}}