/* Created by Jared Christensen @ Blue Compass Interactive */

.form-builder { /*max-width: 480px;*/ }
.form-builder-center { margin-left: auto; margin-right: auto; }
.form-builder h2 { margin: 2.5em 0 1em; font-size: 1.5em; }

.form-builder-text,
.form-builder-select,
.form-builder-textarea,
.form-builder-checkbox,
.form-builder-radio,
.form-builder-file,
.form-builder-date { overflow: hidden; display: block; margin: 0 0 16px 0; }

.form-builder-text > span,
.form-builder-select > span,
.form-builder-textarea > span,
.form-builder-checkbox > span,
.form-builder-radio > span,
.form-builder-file > span,
.form-builder-date > span  { color: #03559e; font-weight: bold; display: block; }

.form-builder-text.required > span,
.form-builder-select.required > span,
.form-builder-textarea.required > span,
.form-builder-checkbox.required > span,
.form-builder-radio.required > span,
.form-builder-file.required > span,
.form-builder-date.required > span,
.form-builder-errors { color: red; }

/*.form-builder-text select { width: 100%; }*/

.form-builder-text .fixed-width-medium,
.form-builder-text .fixed-width-small { float: right; margin: 5px 0; }

.form-builder-checkbox label,
.form-builder-radio label { display: block; margin: 0 8px 0 0; }

.form-builder-checkbox-inline label,
.form-builder-radio-inline label { display: inline; }

.form-builder-file input { padding: 4px 0; }

.form-builder-button { margin: 0 0 16px 0; background: #eee; padding: 16px 16px; }
.form-builder-button .button { margin: 0 0 8px 0; }





@media (min-width: 600px) {
  .form-builder-text .fixed-width-medium { float: none; max-width: 105px; }
  .form-builder-text .fixed-width-small { float: none; max-width: 70px; }
}

@media (min-width: 480px) {

  /* horizontal */

  .form-builder-checkbox-horizontal,
  .form-builder-radio-horizontal { padding-left: 40%; }

  .form-builder-text-horizontal span,
  .form-builder-select-horizontal span,
  .form-builder-textarea-horizontal span,
  .form-builder-checkbox-horizontal span,
  .form-builder-radio-horizontal span,
  .form-builder-file-horizontal span,
  .form-builder-date-horizontal span { width: 40%; float: left; padding-right: 8px; text-align: right; line-height: 1.2; }

  .form-builder-checkbox-horizontal span,
  .form-builder-radio-horizontal span { width: 66%; margin-left: -66%; }

  .form-builder-text-horizontal input[type="text"],
  .form-builder-text-horizontal input[type="password"],
  .form-builder-text-horizontal select,
  .form-builder-text-horizontal textarea,
  .form-builder-textarea-horizontal textarea { width: 60%; }

  .form-builder-text-horizontal p,
  .form-builder-note-horizontal { width: 60%; margin: 0 0 0 40% !important; }

  .form-builder-button-horizontal { padding-left: 40%; }
  
  /* Columns */
  .form-builder-text-horizontal.two-columns > select { width: 29%; margin-right: 1%; float: left; }
  .form-builder-text-horizontal.two-columns > select:last-child { width: 30%;  margin-right: 0; }
  
  .form-builder-text-horizontal.three-columns > select { width: 19%; margin-right: 1%;  float: left; }
  .form-builder-text-horizontal.three-columns > select:last-child { width: 20%; margin-right: 0; }
}


/* FIX for HTML on Quiz and Survey */
.form-builder .rbl { display: block; font-weight: normal; color: inherit; }
.form-builder .rbl label { display: inline; }


/* FIX for Captcha Conflict */
#recaptcha_area input[type="text"] { height: auto; }


/* DONATION FORM */
.expiration-date > select { width: 105px; }


/* Old Form Tool */
.form-builder-old input[type="text"] { width: auto; }
.form-builder-old textarea { width: auto; }
.form-builder-old select { width: auto; }

@media (max-width: 760px) {
  .form-builder { max-width: none; }
  .form-builder-checkbox label,
  .form-builder-radio label { display: block; }
}