/* Hide all steps by default: */
.stepper-tab {
    display: none;
}

#stepper-prevBtn {
background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.stepper-step {
height: 40px;
width: 40px;
margin: 0 2px;
background-color: #bbbbbb;
border: none;  
border-radius: 50%;
display: inline-block;
opacity: 0.5;
}

.stepper-step.active {
opacity: 1;
}

/* Mark the steps that are finished and valid: */
.stepper-step.finish {
background-color: #04AA6D;
}

.stepperControlButton {
    font-family: 'Ubuntu', sans-serif;
    font-size: 2vmin;
    border-radius: 2vmin;
    color: var(--header-textColor);
    background: var(--main-color);
    border: 0;
    height: 4vmin;
    line-height: 4vmin;
    text-align-last: center;
    cursor: pointer;
    padding-left: 2vmin;
    padding-right: 2vmin;
    margin: 0 auto;
}

.stepperControlButton:hover {
    font-weight: bold;
    background: var(--color-active) !important;
}

.stepper-icon{
    font-size: 20px; 
    color: black; 
    line-height: 40px !important;
}