body{
    background: #eee;
}

.gradient-custom {
    /* fallback for old browsers */
    background: #234994;
    
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgb(6, 94, 245));
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(106, 17, 203, 1), rgb(6, 94, 247));

    }

/*#regForm{
    background-color: #fff;
    margin: 0px auto;
    font-family: Raleway;
    padding: 40px;
    border-radius: 10px;
}*/

h1{
    text-align: center;
}

input{
    padding: 10px;
    width: 100%;
    font-size: 17px;
    font-family: Raleway;
    border: 1px solid #aaaaaa;
}

input.invalid{
    background-color: #ffdddd;
}

.tab{
    display: none;
}

/*button{
    background-color: #4CAF50;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
}

button:hover{
    opacity: 0.8;
}*/

#prevBtn{
    background-color: #bbbbbb;
}

.step{
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;

}

.step.active{
    opacity: 1;
}

.step.finish{
    background-color: #4CAF50;

}.all-steps{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.thanks-message{
    display: none;
}