@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amaranth&display=swap');

.spacer25 {
    margin-top: 25px !important;
}

.verticalCenter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 25%;
}

.el-form-item__label {
    color: #ccbdbd !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px !important;
}

.el-form-item__error {
    background-color: #F56C6C !important;
    color: #fff !important;
    border-radius: 5px;
    margin-top: 2px;
    padding: 7px;
    margin-bottom: 10px !important;
}

form.el-form {
    min-width: 280px;
}

.el-button--primary {
    margin-top: 10px !important;
    background-color: #990f0f !important;
    color: #fff !important;
    border-color: #990f0f !important;
    width: 100%;
}

.el-button--primary:hover {
    background-color: #ad3e3e !important;
    color: #fff !important;
    border-color: #990f0f !important;

}

.h1, h1 {
    font-family: 'Amaranth', sans-serif;
    color: #cecece;
}

/********Nuevos Estilos********/
/*Login*/
.fondoLogin{background-image:url('../assets/images/NewVersion/fondo.jpg');background-size:cover;background-position:center center;position:fixed;top:0;left:0;width:100%;height:100%;opacity:.81}
.font1{color:black;}
.font2{color:white;}
.font3{color:#f58430;}
.font,*{font-family:Arial;}
.bold{font-weight:bold;}
.el-input__inner{border-radius:0;}
.LoginImg{display:flex;flex-wrap:nowrap;margin-bottom:.2rem;}
.el-form-item__content{width:100%;display:flex;flex-wrap:wrap;}
.LoginImg .imgLogin{width:2rem;display:flex;align-items:center;justify-content:center;height:100%;border:1px solid white;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.LoginImg img{width:1.7rem;}
.LoginImg .el-input__inner{width:calc(100%);}
.LoginImg .el-input{width:calc(100% - 2.1rem);}
.el-button--primary{background-color:#f58430!important;border-color:#f58430!important;border-radius:10px;}
.el-button--primary:hover{background-color:#e4732f!important;border-color:#e4732f!important;}
.el-button{margin-top:.4rem!important;}
.DecoLogin{width:350px;margin-bottom:3rem;}
.DecoLogin img{max-width:100%;}
.verticalCenterLogin{position:fixed;display:flex;top:0;left:0;width:100%; height:100%;transform:translateX(0);align-items:center;justify-content:center;}
.EONLogin{position:fixed;bottom:1rem;right:1rem;width:10rem;z-index:999;height:auto;}
.el-form-item__error{z-index:999;top:.3rem;left:auto;right:-1.4rem;}

@media(max-width:400px)
{
.el-button--primary,.LoginImg,.DecoLogin{width:90%;margin-left:5%;margin-right:5%;}
.EONLogin{position:initial;margin-left:calc(50% - 5rem);}
}
@media(max-height:500px){
.verticalCenterLogin{align-items:flex-start;padding-bottom:3rem;overflow-y:auto;padding-top:3rem;}
.EONLogin{position:initial;margin-left:calc(50% - 5rem);}
}

/*General*/
/*Scrollbar*/
::-webkit-scrollbar {width: 5px; height:5px;}
::-webkit-scrollbar-track {background-color: transparent;} 
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);} 
::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.6);} 
::-webkit-scrollbar-button {background-color: transparent;height:0px; width:0px;}
::-webkit-scrollbar-corner {background-color: transparent;}

/*Información*/