*{margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
{theme_color: #1c275c;}
body{
    font-family: sans-serif;
   /* --color1: #1c275c;
    --color2: #e74f12;*/
    --color3: #0069b3;
    --color4: #F5F5F5;
    --color5: #1FAF96;
    --color6: #666;
    --box: rgba(0,0,0,0.1) 1px 15px 20px 0px;
    /*--colorfondo:#f2f2f2;*/
	font-display: optional;
    font-family: sans-serif;
    background: var(--color2);
}
.hide{display: none;}
.form_login .conten_recupera_clave{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    font-size: 15px;
    margin-bottom: 15px;
}
.form_login .conten_recupera_clave a{text-decoration: none;color: var(--color2);}
.conten_login_main .formu_recu_clave{display: none;}
.conten_login_main{width: 100%;margin: auto;}
.conten_login_main .conten_login{display: flex;flex-wrap: wrap;justify-content: center;margin: auto;width: 100%;}
.conten_login_main .conten_login .conten_form{background:#fff;position:absolute;display: flex;flex-wrap: wrap;justify-content: center;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:#000;padding:32px;padding-left: 35px;padding-right: 36px;width:400px;box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 15px 4px;border-radius:5px;}
.conten_login_main .conten_login .conten_form .conte_img{width: 200px;margin: auto;margin-bottom: 25px;}
.conten_login_main .conten_login .conten_form .conte_img img{width: 100%; height: 110px;}
.conten_login_main .conten_login .conten_form .conten_main_input{width: 100%;}
.conten_login_main .conten_login .conten_form .conten_input{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 15px;}
.conten_login_main .conten_login .conten_form .conten_input label{width: 100%;margin-bottom: 3px;color: var(--color2);font-weight: bold;}
.conten_login_main .conten_login .conten_form .conten_input label span{margin-right: 1px;font-size: 18px;}
.conten_login_main .conten_login .conten_form .conten_input .form-control{width: 100%;border: 1px solid #ccc;padding: 13px;padding-left: 15px;padding-right: 15px;border-radius: 5px;font-size: 15px;}
.conten_login_main .conten_login .conten_form .hide{display: none;}
.conten_login_main .conten_login .conten_form .btn_ingresar{background: var(--color1);border: none;width: 100%;color: #fff;padding: 15px;padding-left: 20px;padding-right: 20px;border-radius: 5px;font-size: 16px;margin-top: 20px;cursor: pointer;font-weight: 600;}
.conten_login_main .conten_login .conten_form .btn_ingresar:hover{background: var(--color2);}
.conten_login_main .conten_login .conten_form .btn_ingresar .cargando{animation-name: rotation;animation-duration: 0.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.conten_login_main .conten_login .conten_form .btn_ingresar .cargando span{font-size: 25px;}
.conten_login_main .conten_login .conten_form .conten_copy p{color: var(--color2);}
@keyframes rotation {0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}}
.conten_login_main .conten_login .conten_form hr{margin-top: 28px;margin-bottom: 28px;border: 1px solid #d8d8d8;}
.conten_login_main .conten_login .conten_form .conten_social{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin-bottom: 15px;}
.conten_login_main .conten_login .conten_form .conten_social a{text-decoration: none;background: var(--color1);color: #fff;margin: 10px;margin-top: 0px;margin-bottom: 0px;padding: 5px;padding-top: 3px;padding-bottom: 3px;border-radius: 50%;}
.conten_login_main .conten_login .conten_form .conten_social a:hover{background: var(--color1);}
.conten_login_main .conten_login .conten_form .conten_social a span{font-size: 13px;}
.conten_login_main .conten_login .conten_form .conten_copy{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.conten_login_main .conten_login .conten_form .conten_copy p{text-align: center;margin-bottom: 10px;font-size: 13px;width: 100%;font-weight: 600;}
@media screen and (max-width:450px){
.conten_login_main .conten_login .conten_form{width: 75%;padding-left: 30px;padding-right: 30px;}
.conten_login_main .conten_login .conten_form .conte_img{width: 150px;margin: auto;margin-bottom: 20px;}
.conten_login_main .conten_login .conten_form .conten_input label{font-size: 13px;}
.conten_login_main .conten_login .conten_form .conten_input label span{font-size: 13px;}
.conten_login_main .conten_login .conten_form .conten_input .form-control{padding: 11px;padding-left: 13px;padding-right: 13px;font-size: 13px;}
.conten_login_main .conten_login .conten_form .btn_ingresar{padding: 13px;padding-left: 18px;padding-right: 18px;font-size: 15px;}
.conten_login_main .conten_login .conten_form .btn_ingresar .cargando span{font-size: 20px;}
.conten_login_main .conten_login .conten_form hr{margin-top:20px;margin-bottom:20px;}
.conten_login_main .conten_login .conten_form .conten_copy p{font-size: 11px;}}
@media screen and (max-width:400px){.conten_login_main .conten_login .conten_form{width: 83%;}}