.panel{background:transparent;}

.webform-options-display-buttons-label
{
  font-size: larger !important;
}
body.lang-ar .ui-datepicker table 
{
  font-size: .8em;!important; 
  
}
body.lang-ar label[for="edit-car-terms-of-service"] 
{
 margin-left : -1% !important; 
}

body.lang-ar .choices__list--single .choices__item
{
 margin-right: 3%; !important; 
}
.webform-options-display-buttons label.webform-options-display-buttons-label
{
  border-radius: 10px !important;
  max-width:100px !important;
}
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label
{
      background-color: lightskyblue !important;
}

.webform-options-display-buttons input:disabled + label.webform-options-display-buttons-label
{
      background-color: #E6DDDD !important;
      color:#EEAAAA !important;
}
.webform-options-display-buttons .webform-options-display-buttons-wrapper
{
 margin-left:3px !important; 

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active),
@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
  .webform-options-display-buttons .webform-options-display-buttons-wrapper
    {
     margin-left:3px !important; 
     flex: 1 1 auto !important;
  
    }
}

#edit-date-of-visit,#edit-first-name,#edit-surname,#edit-email,#edit-date-of-birth,#edit-membership-no,#edit-qid,#edit-pin,#edit-equipment-used,#edit-reason{
box-sizing: border-box !important;   
  line-height: 20px  !important;
}

@media screen and (max-width: 767px) {
  .ui-dialog 
  {
    width: auto !important;
  }
  .webform-options-display-buttons label.webform-options-display-buttons-label
  {
  
  max-width:350px !important;
  }
}