/* Taken from https://github.com/flatlogic/awesome-bootstrap-checkbox */
/* Checkboxes */

.form-type-checkbox {
  padding-left: 0.75em;
}
.form-type-checkbox label {
  display: inline-block;
  padding-left: 0.2em;
  position: relative;
  vertical-align: top; /* WAS: middle -- in case there's no text in the label tag */
}
.form-type-checkbox label::before {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 0.25em;
  content: "";
  display: inline-block;
  height: 1.5em;
  left: 0;
  margin-left: -2em;
  position: absolute;
  transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
  width: 1.5em;
}
.form-type-checkbox label::after {
  color: #555555;
  display: inline-block;
  font-size: 1.25em;
  height: 1.4325em;
  width: 1.5em;
  position: absolute;
  left: 0.05em;
  top: -0.15em;
  margin-left: -1.55em;
  padding-left: 0;
  padding-top: 0;
}
.form-type-checkbox input[type="checkbox"],
.form-type-radio input[type="radio"] {
  height: 1.5em;
  width: 1.5em;
  opacity: 0;
  z-index: 1;
}
.form-type-checkbox input[type="checkbox"]:focus + label::before,
.form-type-radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline-offset: -0.0625em;
}
.form-type-checkbox input[type="checkbox"]:indeterminate + label::after,
.form-type-radio input[type="radio"]:indeterminate + label::after {
  background-color: #555555;
  border-radius: 0.0625em;
  content: "";
  display: block;
  height: 0.125em;
  margin-left: -1.0312em;
  margin-top: 0.4325em;
  width: 0.625em;
}
.form-type-checkbox input[type="checkbox"]:disabled + label,
.form-type-radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.form-type-checkbox input[type="checkbox"]:disabled + label::before,
.form-type-radio input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.form-type-checkbox.form-type-checkbox-circle label::before {
  border-radius: 50%;
}
.form-type-checkbox.form-type-checkbox-inline {
  margin-top: 0;
}
.form-type-checkbox input[type="checkbox"]:checked + label::after {
  content: "";
  font-family: "FontAwesome";
}

/* Radio buttons */

.form-type-radio {
  padding-left: inherit;
}
.form-type-radio label {
  display: inline-block;
  padding-left: 1em;
  position: relative;
  vertical-align: middle;
}
.form-type-radio label::before {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 50%;
  content: "";
  display: inline-block;
  position: absolute;
  height: 1.5em;
  width: 1.5em;
  left: 0;
  margin-left: -1.2em;
  transition: border 0.15s ease-in-out 0s;
}
.form-type-radio label::after {
  background-color: #555555;
  border-radius: 50%;
  content: " ";
  font-size: 1em;
  display: inline-block;
  position: absolute;
  height: 1em;
  width: 1em;
  top: 0.25em;
  left: 0.3em;
  margin-left: -1.25em;
  transform: scale(0, 0);
  transition: transform 0.05s cubic-bezier(0.8, -0.33, 0.2, 1.33) 0s;
}

.form-type-radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline-offset: -0.125em;
}
.form-type-radio input[type="radio"]:checked + label::after {
  transform: scale(1, 1);
}

.form-type-radio.form-type-radio-inline {
  margin-top: 0;
}

input.styled[type="checkbox"]:checked + label::after,
input.styled[type="radio"]:checked + label::after {
  content: "";
  font-family: "FontAwesome";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

/* Action buttons for all forms */

.form-actions {
  text-align: center;
  vertical-align: middle;
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;
  margin-bottom: 0.25em;
  margin-top: 0.25em;
}
.form-actions .btn, .form-submit {
  margin: 1em 0.3125em;
}

/* Modal Content overrides */

div.ctools-modal-content,
#modal-content .view-settings-wrapper label {
  font-size: 1em;
}
div.ctools-modal-content .dependent-options {
  padding-left: 2em;
}
/* place real inputs beneath pseudo inputs */
#modal-content .radio input[type="radio"],
#modal-content .checkbox input[type="checkbox"] {
  position: absolute;
}
#modal-content .form-type-radio label {
  padding-left: 2em;
}
#modal-content .form-type-radio label::before,
#modal-content .form-type-radio label::after {
  margin-left: 0;
}
#modal-content .fieldset-wrapper {
  margin-top: inherit;
  padding: 0 0.625em 1em;
}
#modal-content .form-item {
  margin-bottom: 1em;
  margin-top: 0;
}
#modal-content .form-actions {
  background-color: #eee;
  border-radius: 0.25em;
  clear: right;
  float: right;
  margin: 0 0 1em 1em;
  min-width: 25%;
  width: auto;
}
#modal-content .form-submit.btn {
  margin: 1em;
}

#modal-content .form-type-checkbox {
  padding-left: 2em;
}

/* Webform fixes */
.webform-container-inline div, .webform-container-inline div.form-item {
	display: inline-block; /* WAS: inline */
}