/* Style checkbox and radio buttons in Chrome + Safari + Opera */
@supports (-webkit-appearance:none) {
  input[type=checkbox], input[type=radio], input[type=checkbox]#edit-delete {
    -webkit-appearance:none;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 0.25em;
    padding: 0;
    background: #fff;
    border: 1px solid #B5B5B5;
    width: 16px !important;
    height: 16px !important;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: background 0.5s ease;
    outline: none;
  }

  .form-item input.form-checkbox {
    width: 16px;
    display: inline-block;
  }

  input[type=checkbox]#edit-delete { margin-bottom: 0; }

  input[type=radio] { border-radius: 50%; }

  input[type=checkbox]:hover, input[type=checkbox]:focus,
  input[type=radio]:hover, input[type=radio]:focus {
    border-color: #0074BD;
    cursor: pointer;
  }

  input[type=checkbox]#edit-delete:hover, input[type=checkbox]#edit-delete:focus {
    border-color: #D01616;
    cursor: pointer;
  }

  input[type=checkbox]:checked, input[type=checkbox]:disabled:checked,
  input[type=radio]:checked, input[type=radio]:disabled:checked{
    background: #0074BD;
    box-shadow: inset 0px 0px 0px 3px #fff;
  }

  input[type=checkbox]#edit-delete:checked,
  input[type=checkbox]#edit-delete:disabled:checked {
    background: #D01616;
    box-shadow: inset 0px 0px 0px 3px #fff;
  }

  input[type=checkbox]:disabled, input[type=radio]:disabled {
    opacity: .5;
    background: #E2E2E2;
  }

  input[type=checkbox]#edit-delete:disabled {
    opacity: .5;
    background: #E88181;
  }

  input[type=checkbox]:disabled:hover {
    border-color: #B5B5B5;
    cursor: default;
  }

  input[type=checkbox]:disabled:hover, input[type=radio]:disabled:hover {
    border-color: #B5B5B5;
    cursor: default;
  }
}

.form-inline .checkbox, .form-inline .radio {
  margin-right: 12px;
}