.check-box {
  input {
    opacity: 0;
    position: absolute;
  }
  .check-box-visual {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 1px solid $avalara-medium-gray;
    background-color: #FFF;
    color: $avalara-dark-gray;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    bottom: .1rem;

    &.readonly {
      border: 1px solid white;
    }
    &:before {
      position: absolute;
      font-size: rem-calc(16);
      top: -5px;
    }
    &.has-focus {
      border: 1px dotted $avalara-dark-gray;
    }
    &.is-checked {
      &:before {
        @include avicon_checkmark();
      }
    }
  }
}

label.check-box-wrapper {
  text-transform: none;
  color: #5f5062;
  font-size: 1rem;
  display: block;
  letter-spacing: 0;
  &.disabled {
    color: lighten(#5f5062, 30);
  }
}

td label.check-box-wrapper {
  margin: 0;
}
