/**
 * Styles for CiviCRM elements are now in sass/_civicrm.scss.
 */
.label {
  color: inherit;
}

input.form-text,
input[type='text'],
input.crm-form-text,
#crm-container.crm-public input[type="text"],
#crm-container.crm-public input[type="password"],
#crm-container.crm-public input[type="email"] {
  background: #dbdbdb;
  color: #4d4d4d;
  border-radius: 0;
  box-shadow: none;
  border: none;
}

input.form-text:focus,
input[type='text']:focus,
input.crm-form-text:focus,
#crm-container.crm-public input[type="text"]:focus,
#crm-container.crm-public input[type="password"]:focus,
#crm-container.crm-public input[type="email"]:focus {
  background: #4d4d4d;
  color: #fff;
}

input.form-radio,
input[type='radio'] {
  margin: inherit;
  margin-right: 1em;
}

input.form-checkbox,
input[type='checkbox'] {
  margin: 0;
  margin-right: 1em;
}

.form-type-radio label.checked,
.form-type-radio label.unchecked,
.form-type-checkbox label.checked,
.form-type-checkbox label.unchecked {
  padding-left: 26px;
  cursor: pointer;
  display: inline-block
}

.form-type-radio label.checked:before,
.form-type-checkbox label.checked:before {
  content: '\f14a';
  color: #39b54a;
  font-family: 'FontAwesome';
  font-size: 24px;
  display: inline-block;
  margin-left: -26px;
  width: 32px;
  position: absolute;
  line-height: 20px;
}

.form-type-checkbox label.checked:before {
  content: '\f046';
}

.form-type-radio label.unchecked:before,
.form-type-checkbox label.unchecked:before {
  content: '\f096';
  font-family: 'FontAwesome';
  font-size: 24px;
  display: inline-block;
  margin-left: -26px;
  width: 32px;
  position: absolute;
  line-height: 20px;
}