.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; 
}
.lang-ar  #edit-visiting-details,.lang-ar  #edit-right-container, .lang-ar #edit-container, .lang-ar #edit-container-right   {
      float: right;
}

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;
  }
  .form-item-pin,.form-item-date-of-visit
  {
    width: 97% !important;
    margin-left: 1.5% !important;
  }
  
 body.lang-ar  
   .form-item-pin,.form-item-date-of-visit
  {
    width: 97% !important;
    margin-right: 1.5% !important;
  }
  .webform-options-display-buttons label.webform-options-display-buttons-label
  {
  
  max-width:350px !important;
  }
}

