body {
    background-color: #F5F5F5;

}

.row {
    --bs-gutter-x: 0;
}

.loreal-header {
    background-color: #FFFFFF;
}

.loreal-logo {
}

.loreal-logo-text {
    color: #000000;
    font-size: 24px;
}

.loreal-invite-form-content {
    font-size: 20px;
}

.loreal-invite-form {
    background-color: #FFFFFF;
    border-radius: 25px;
}

.loreal-invite-form {
    font-size: 20px;
}

span.required-mark {
    color: #FF0000;
}

input[type=text], input[type=email], input[type=date] {
    border-radius: 25px;
    height: 47px;
    border-color: #000000;
}

.loreal-invite-form .bootstrap-select > .dropdown-toggle {
    border-radius: 25px;
    height: 47px;
    border-color: #000000;
}

.loreal-invite-form .bootstrap-select.is-invalid .dropdown-toggle {
    border-color: #dc3545;
}

.loreal-invite-form .bootstrap-select.form-control.is-invalid {
    border-color: #dc3545;
    background: none;
}

.loreal-invite-form .bootstrap-select.is-invalid .dropdown-toggle:focus {
    border-color: #dc3545;
}

.loreal-invite-form .bootstrap-select.is-invalid .dropdown-toggle:active {
    border-color: #dc3545;
}

.loreal-invite-form .bootstrap-select > .dropdown-toggle:after {
    border-top: 0.3em solid;
    border-bottom: 0;
}

.loreal-invite-form .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    padding: .375rem 0;
}

.form-control.is-invalid {
    border-color: #dc3545;
}

.loreal-invite-form input[type=radio],
.loreal-invite-form input[type=checkbox] {
    border-radius: 25px;
    height: 23px;
    width: 23px;
    border-color: #000000;
    cursor: pointer;
}

.loreal-invite-form input.is-invalid[type=checkbox]:checked {
    background-color: #0d6efd;
}

.loreal-invite-form input[type=radio] ~ label,
.loreal-invite-form input[type=checkbox] ~ label {
    cursor: pointer;
}

.loreal-invite-form .form-check {
    padding-left: 1.7rem;
}

.loreal-invite-form .form-check .form-check-input {
    margin-top: 0.1em;
}

.loreal-invite-form .loreal-privacy-header {
    font-weight: 500;
}

.loreal-invite-form .loreal-privacy-text {
    font-weight: 400;
}

.loreal-form-submit, .loreal-invite-form .loreal-form-submit {
    width: 100%;
    height: 48px;
    border-radius: 25px;
    background-color: #1877F2;
    font-size: 20px;
}

.loreal-invite-form .form-loader {
    width: 64px;
    margin: 0 auto;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #000;
}

.invalid-feedback {
    color: #dc3545;
}