.opCompleted{
    font-size: 50%;
    text-align: center;
}

.infCompleted{
    font-size: 50%;
    text-align: center;
}

/* Breakpoints Responsive */

@media screen and (max-width: 1500px){
    .title h3{
        margin-left: 13%;
    }
    /*.regForm{
        width: 75%;
    }*/
    body{
        font-size: 28px;
    }
    .firstSpan {
        top: -21px;
    }
    .inputContainer {
        top: 25px;
    }
}

@media screen and (max-width: 1440px){
    .wsleft{
        width: 2.9%
    }
    .wsright{
        margin-left: 42.5%;
        width: 3.5%;
    }
}

@media screen and (max-width: 1200px){
    hr{
        width: 80%;
    }
    body{
        font-size: 25px;
    }
    .rlanguage div {
        margin-top: 5px;
    }
    .firstSpan {
        top: -21px;
    }
    .inputContainer {
        top: 21px;
    }
}

@media screen and (max-width: 1100px){
}

@media screen and (max-width: 1060px){
    .wsleft{
        width: 2.8%;
    }
    .wsright{
        margin-left: 47.8%;
        width: 3.5%;
    }
    .card{
        width: 80%;
    }
}

@media screen and (max-width: 950px){
    .card{
        margin-left: 5%;
        width: 90%;
    }
    .wsleft{
        width: 3.4%;
    }
    .wsright{
        margin-left: 54%;
        width: 3.7%;
    }
}

@media screen and (max-width: 850px){
    hr{
        width: 85%;
    }
}

@media screen and (max-width: 800px){
    .cellForm {
        display: block;
    }
    .cellForm50{
        width: 100%;
        margin-top: 10px;
    }
    .cellForm25{
        width: 100%;
    }
    header{
        height: 80px;
    }
    .regForm{
        width: 90%;
    }
    hr{
        width: 77%;
    }
    select{
        background-position-x: 95%;
    }
    .wsleft{
        width: 2.8%;
    }
    .wsright{
        margin-left: 54.3%;
        width: 3.4%;
    }
}

@media screen and (max-width: 700px){
    .card{
        padding-bottom: 25px;
    }
    .bars{
        display: table !important;
    }
    .bars i{
        color: var(--menu-font-color);
    }
    .logo{
        margin-left: 0px;
    }
    .menuLeft{
        display: none;
    }
    .bar{
        display: none;
    }
    .menuRight{
        margin-right: 27px;
    }
    .rIcon{
        margin-right: 15px;
        font-size: 80%;
    }
    .rlanguage{
        font-size: 45%;
        width: 20px;
        height: 20px;
        margin-right: 0px;
    }
    .rlanguage div{
        margin-top: 2px;
    }
    .text-timeline{
        display: none;
    }
    .text-timelineG{
        display: none;
    }
    .dtimeline{
        padding-top: 9px;
    }
    .dtimeline i{
        top: 4px;
        left: 4px;
    }
    .check-icon{
        width: 21px;
        height: 21px;
        padding: 2px;
        border: 2px solid white;
    }
    .timeline{
        margin-top: 35px;
        margin-left: 5%;
        margin-right: 5%;
    }
    .menuRight{
        padding-top: 0px;
    }
    .wsleft{
        width: 5.9%;
    }
    .wsright{
        margin-left: 74.9%;
        width: 6.8%;
    }
    .title{
        margin-top: 20px;
    }
    .title h3{
        margin-left: 9%;
    }
    .cellForm{
        padding: 0px;
    }
    .divForm{
        margin-bottom: 15px;
    }
    
    .buttons div{
        display: block;
        position: relative;
        left: 50%;
        width: 52.22%;
        transform: translate(-50%, -50%);
        height: 39px;
    }
    
    .register-footer h6 {
        margin-bottom: 20px;
    }
    
    .cancel-button{
        font-size: 48%;
        width: 100%;
        height: 40px;
    }
    .accept-button{
        font-size: 48%;
        width: 100%;
        height: 40px;
    }
    .regForm{
        width: 90%;
        
    }
    hr{
        width: 80%;
    }
    #previous{
        top: 112px;
    }
    
    #later{
        top: 24px;
    }
    
    .buttons{
        width: 100%;
        margin-top: 20px;
    }
    
    .buttonsR{
        margin-top: 30px;
    }
    
    .cardWithdraw {
        max-height: 70vh;
    }
    .regForm{
        padding-top: 30px;
    }
    .setButtons {
        margin-top: 10px;
    }
    
    .pageCnt{
        height: calc(90vh - 80px);
    }
    
    .principalTitle h3{
        padding: 20px 0px 0px 0px;
    }
    
    .tablePrincipal{
        width: 80%;
    }
    .bar{
        display: none;
    }
}



@media screen and (max-width: 600px){
    .wsleft{
        width: 5.5%;
    }
    .wsright{
        margin-left: 75.5%;
    }
    .tableCrOut{
        width: 95%;
    }
}
@media screen and (max-width: 520px){
    .wsleft{
        width: 5.1%;
    }
    .wsright{
        margin-left: 75.5%;
    }

}
@media screen and (max-width: 450px){
    .wsleft{
        width: 4.6%;
    }
    .wsright{
        margin-left: 76.3%
    }
}
@media screen and (max-width: 380px){
    .wsleft{
        width: 2.3%;
    }
    .wsright{
        margin-left: 76.3%;
    }
}