/* TO BE CALLED ONLY ON SIGNUP PAGES - IT WILL OVERWRITE EXISTING CLASSES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

div.step{
        width           : 100%;
        clear           : both;
        padding         : 0px 20px;
        color           : #032941;
}

div.line_row{
        width           : 100%;
        clear           : both;
        height          : 50px;
        margin          : 10px 0px;
        padding-left    : 38px;
        padding-right   : calc(100% - 37px);
}

div.line{
        width           : 2px;
        height          : 100%;
        background-color: #104c98;
}

div.circle{
        height          : 40px;
        width           : 40px;
        background-color: #104c98;
        border-radius   : 50%;
        display         : inline-block;        
        text-align      : center;
        padding-top     : 9px;
        padding-right   : 1px;
        font-weight     : bold;
        color           : #ffffff;
        margin-right    : 15px;
}

div.step.active div.circle{
        background-color: #ffffff;
        color           : #032941;
        transition      :.6s background-color;
}

div.step.active{
        color           : #ffffff;
        transition      :.6s color;
}