* {
    box-sizing: border-box;
}
.form-control {
    border-radius: 16px;
    border: 2px solid black;
}

.modeltop {
    margin-top: 23px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100%;
}

.lablelogin {
    color: black;
    font-size: 12px;
    margin-left: 10px;
}

.loginbtn {
    border-radius: 25px;
    padding-left: 22px;
    padding-right: 22px;
    font-weight: bold;
    font-size: 19px;
    background-color: #c2eeff;
    color: black;
    border: 2px solid black;
}

/*
.form-control {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    border-radius: 16px;
}*/

#regForm {
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
    margin-top: 21px;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
    background-color: #ffdddd;
}

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



button:hover {
    opacity: 0.8;
}

#prevBtn {
    background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.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;
    }

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

@media (max-width: 600px) {
    .loginbtn {
        border-radius: 25px;
        padding-left: 13px;
        padding-right: 13px;
        font-weight: bold;
        font-size: 13px;
        background-color: #c2eeff;
        color: black;
        border: 2px solid black;
    }
}