.smooffee-profile-form {
    max-width: 800px;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    margin-left:auto;
    margin-right:auto;
    box-shadow: 0px 6px 10px #888;
    margin-bottom:20px;
}

.smooffee-profile-form h2{
    line-height: 150%;
}

.smooffee-profile-form label {
    display: block;
    margin-top: 12px;
    font-weight: 600;
}

.smooffee-profile-form input[type=text] {
    width: 100%;
    padding: 8px;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin-top: 4px;
}

.radio-row {
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.btn {
    display: inline-block;
    background: #0057d8;
    color: white;
    padding: 10px 18px;
    border-radius: 4px;
    margin-top: 20px;
    cursor: pointer;
}

.notice.success {
    background: #d7ffd9;
    border-left: 4px solid #2c9a42;
    padding: 10px;
    margin-bottom: 16px;
}

.smooffee-profile-form .profession {margin-left:10px;}

#registration_number.valid {
    border-color: #2c9a42 !important;
    background: #e8ffed;
}

#registration_number.invalid {
    border-color: #c62828 !important;
    background: #ffe9e9 !important;
}

.radio-row input[type="radio"] {
    margin-right: 8px; /* space between radio and label text */
}

.radio-row {
    display: flex;
    align-items: center;
    margin: 4px 0 4px; /* adds vertical spacing between radio rows */
}

.message-blue { color:#0057d8}
.message-red { color:#ad2a2a}