.bodySignUp {
    display: flex;
    justify-content: center;
    margin: 50px
}

.bodySignUpInside {
    display: flex;
    justify-content: center;
}

.formSignUp {
    width: 350px;
    height: 525px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.titleSignUp {
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 10px 20px;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background: #0b66b3;
}

.titleSignUpInside {
    font-family: sans-serif;
}

.bodyTitleSignUp {
    display: flex;
    justify-content: center;
    padding: 15px;
}

.bodyTitleSignUpInside {
    width: 100%
}

.titleInputSU {
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 15px;
    color: #2d426d;
}

    .titleInputSU span {
        font-size: 13px;
        text-transform: none;
        color: red;
    }

.InputSU {
    margin-bottom: 15px
}

    .InputSU input {
        border: 1px solid #d8d8d8;
        height: 38px;
        width: 320px;
        border-radius: 5px;
        padding-left: 10px;
        margin-right: 10px;
        outline: 0;
    }

.GroupRadioSU {
    display: flex;
    color: #5f6165;
    margin-right: 20px;
}

    .GroupRadioSU input {
        display: flex;
        align-items: center;
        margin-right: 10px !important;
        margin: 0;
    }

.RadioSU {
    display: flex;
    margin-bottom: 10px
}

.buttonSignUp {
    display: flex;
    justify-content: flex-end;
}

    .buttonSignUp button {
        background: #0066b3;
        color: #fff;
        border: none;
        border-radius: 5px;
        height: 37px;
        width: 89px;
    }

.AreYouOK {
    display: flex;
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 16px;
}

    .AreYouOK a {
        margin-left: 5px;
        color: #337ab7;
        text-decoration: none;
    }