header{
    background-color: #1C3C60;
    height: 100px;
    position: relative;
    z-index: 2;
    
}

a.lengua{
    color: white;
    text-decoration: none;
}

a.lengua:hover{
    color:#AF4C0D;
}
.lengua-active{
    position: relative;
}
.lengua-active::after{
   position:absolute;
   bottom:-4px;
   left:0;
   border-top: 2px solid #AF4C0D;
   content: '';
   height:2px;
   width: 100%;
}

.bg-grey-bg{
    background-color: #F5F5F5;
    height: 100%;
    min-height: 100vh;
}

.bg-white{
    background-color: white;
}

.bg-grey1{
    background-color: #666666;
}

.bg-grey2{
    background-color: #999999;
}

.bg-orange{
    background-color: #AF4C0D;
}

.bg-blue1{
    background-color:#1C3C60;
}
.c-white{
    color:white;
}



.c-blue1{
    color:#1C3C60;
}
.c-grey{
    color: #666666;
}

.avatar-img{
    border-radius: 100px;
    height: 100px;
    width: 100px;
    border: solid 3px #1c3c60;
    margin-right: 1rem;
}

.title-type{
    color: #1C3C60;
    font-size: 25px;
    margin-bottom: 0;
}

.head-type{
    color: #666666;
    font-size: 14px;
    margin-bottom: 0;
}
.user-type{
    color:#1C3C60;
    font-size: 20px;
    margin-bottom: 0;
}
.softype{
    color:#666666;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 2;
}
.saldo{
    font-size: 25px;
    color: #1C3C60;
    margin-bottom: 0;
}

.border-b-head{
    border-bottom:solid 2px #AF4C0D;
}

.border-b-text{
    border-bottom:solid 2px #666666;
    
    padding-bottom: 0.5rem;
}

.element-box{
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
    box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
    border-radius:10px
}
.shadow{
    -webkit-box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
    box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
}
.btn{
    border-radius: 100px;
}
.btn:hover{
    color:#FFFFFF;
}

.ball-progress{
    border-radius: 100px;
    height: 25px;
    width: 25px;
}

.left-0{
    left: 13%;
}
.left-50{
    left: 50%;
}
.left-100{
    left: 86%;
}
.bottom-0{
    bottom:0;
}
.progress-bar{
    height: 25px;
    width: 100%;
    background-color: transparent;
}
.progress{
    height: 3px;
    width:37% ;
    left: 14%;
    top:45%;
}
.progress2{
    height: 3px;
    width:37% ;
    left: 50%;
    top:45%;
}
.text-progress{
    top:80%;
}

.text-progres.left-0{
    left:10%;
}
.text-progres.left-50{
    left:47%;
}
.text-progres.left-100{
    left:83%;
}

.legal{
    background-color:#F5F5F5;
}

.imgheader{
    width:70%!important;
}

@media (max-width: 576px) { 
   .imgheader{
        width:70%!important;
    }

    .position-absolute.ball-progress.left-0{
        left:10% !important;
    }
    .position-absolute.ball-progress.left-50{
        left:45% !important;
    }
    .position-absolute.ball-progress.left-100{
        left:80% !important;
    }
 }