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;
}