.pro-form{
  
}

.pro-form label{
  font-weight:400;
  font-size: var(--text-m)
} 

.pro-form input, .pro-form textarea, .pro-form select{
    background-color: rgba(255,255,255,0.2);
    color:white;
    border:0;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    margin-bottom:10px;
}

.pro-form select{
  background-image: -webkit-linear-gradient(bottom left, transparent 50%, white 0%),-webkit-linear-gradient(top left, white 50%, transparent 0%);
  background-image: -moz-linear-gradient(bottom left, transparent 50%, white 0%),-moz-linear-gradient(top left, white 50%, transparent 0%);
  background-image: -o-linear-gradient(bottom left, transparent 50%, white 0%),-o-linear-gradient(top left, white 50%, transparent 0%);
  background-image: linear-gradient(to top right, transparent 50%, white 0%),linear-gradient(to bottom right, white 50%, transparent 0%);
}

.pro-form ul.options-wrapper{
  display: flex;
  gap:12px;
}

.pro-form ul li{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: baseline;
    gap:2px;
}

li.brxe-brf-pro-forms-field-checkbox{
      flex-wrap: nowrap !important;
}

.brf-invalid select, .brf-invalid input, .brf-invalid textarea{
  background-color: rgba(255,255,255,0.3) !important;
  border: 1px solid #FF7070;
}

.brf-invalid.brxe-brf-pro-forms-field-checkbox-wrapper ul.options-wrapper, .brf-invalid.brxe-brf-pro-forms-field-radio-wrapper ul.options-wrapper{
    background-color: rgba(255,255,255,0) !important;
    border: 1px solid #FF7070;
}

.brf-validation-message{
  color: #FFBDBD
}