@CHARSET "UTF-8";

.accua_form_api_throbbler{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("img/throbbler24.gif") no-repeat;
}

div.pfbc-error {
  border: 1px solid #C00;
  background: #FCC;
  color: #000;
  padding: .5em;
  margin: .5em 0;
}

/* standard */
/*.accua-form-view-standard { width: 100%; }*/
.accua-form-view-standard .pfbc-element { margin-bottom: .6em }
.accua-form-view-standard .pfbc-label { margin-bottom: .2em; }
.accua-form-view-standard .pfbc-label label { display: block; width: 100%;}
.accua-form-view-standard .pfbc-textbox, .accua-form-view-standard .pfbc-textarea, .accua-form-view-standard .pfbc-select { width: 98% !important; display:block; border: 1px solid #ccc; padding:2px; }
.accua-form-view-standard .pfbc-fieldwrap { width: 100%; display: inline-block; }
.accua-form-view-standard .pfbc-buttons { text-align: right; }

/* sidebyside  */
/*.accua-form-view-sidebyside { width: 100%; }*/
.accua-form-view-sidebyside .pfbc-element { margin-bottom: 0.6em; }
.accua-form-view-sidebyside .pfbc-elementbottom { clear: both; }
.accua-form-view-sidebyside .pfbc-label { margin-bottom: .2em; float: left; width:25%;}
.accua-form-view-sidebyside .pfbc-label label { display: block; }
.accua-form-view-sidebyside .pfbc-buttons { text-align: right; }
.accua-form-view-sidebyside .pfbc-error { padding: .5em; margin-bottom: 1em; }
.accua-form-view-sidebyside .pfbc-textbox, .accua-form-view-sidebyside .pfbc-textarea, .accua-form-view-sidebyside .pfbc-select { width: 98% !important; display:block; border: 1px solid #ccc; padding:2px; }
.accua-form-view-sidebyside .pfbc-fieldwrap { width: 75%; display: inline-block; }

.pfbc-error { padding: .5em; margin-bottom: 1em; }
.pfbc-error ul { padding-left: 1.75em; margin: 0; margin-top: .25em; }
.pfbc-checkbox { padding: 0.5em 0; border-bottom: 1px solid #f4f4f4; }

.pfbc-invalid {
  background-color: #fcc; 
}

.accua-form input.wp-color-picker {
  margin-bottom: 0 !important;
  border-color: #ccc !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  padding: 1px 0 !important;
  color: inherit !important;
  font-size: inherit !important;
}

#recaptcha_table {
  table-layout: auto !important;
}

@media (min-width: 300px) and (max-width: 400px) {
  .accua_forms_recaptcha2_container {
    transform: scale(0.75);
    transform-origin: 0 0;
  }
}

@media (max-width: 300px)  {
  .accua_forms_recaptcha2_container {
    transform: scale(0.6);
    transform-origin: 0 0;
  }
}