.checkbox
    display: inline-block
    height: 16px
    width: 16px
    min-width: 16px
    padding: 0 !important
    border: 1px solid #dcdcdc
    margin: 0 10px 0 0
    border-radius: 3px

    background: #ffffff
    color: #239e58
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)

    line-height: 0
    text-align: center
    vertical-align: middle

    clear: none
    cursor: pointer
    outline: 0
    -webkit-appearance: none
    -moz-appearance: none
    transition: .05s border-color ease-in-out, .05s background-color ease-in-out

    &:checked
      background-color: #239e58
      border-color: #239e58

    &:checked:before
      content: "\f00c"
      margin: 0 0 0 -1px
      color: white
      float: left
      display: inline-block
      vertical-align: middle
      width: 16px
      font: 400 13px/1 dashicons
      font-family: FontAwesome
      speak: none
      -webkit-font-smoothing: antialiased
      -moz-osx-font-smoothing: grayscale

    &:disabled
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0)
      border-color: #d8d8d6
      background-color: #d8d8d6
      cursor: default