ng2-ui-kit/styles/css/checkbox.css

Angular2 UI Kit

.ui-kit-checkbox-container {
  display: block;
  cursor: pointer;
  margin: 30px 0 10px 0;
  height: 24px; }
  .ui-kit-checkbox-container .ui-kit-checkbox {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #cad2e1;
    background: #fff;
    float: left;
    display: block; }
  .ui-kit-checkbox-container span {
    float: left;
    color: #97a1b5;
    font-size: 14px;
    padding-top: 3px;
    margin-left: 5px;
    display: block; }
  .ui-kit-checkbox-container i {
    font-size: 36px;
    display: block;
    margin: -10px 0 0 4px; }
  .ui-kit-checkbox-container.checked .ui-kit-checkbox {
    background: rgba(68, 200, 249, 0.15); }
  .ui-kit-checkbox-container.checked span {
    color: #44c8f9; }
  .ui-kit-checkbox-container.checked i {
    color: #44c8f9; }
  .ui-kit-checkbox-container.danger.checked .ui-kit-checkbox {
    background: rgba(226, 116, 126, 0.15); }
  .ui-kit-checkbox-container.danger.checked span {
    color: #e2747e; }
  .ui-kit-checkbox-container.danger.checked i {
    color: #e2747e; }
  .ui-kit-checkbox-container.warning.checked .ui-kit-checkbox {
    background: rgba(244, 191, 77, 0.15); }
  .ui-kit-checkbox-container.warning.checked span {
    color: #f4bf4d; }
  .ui-kit-checkbox-container.warning.checked i {
    color: #f4bf4d; }
  .ui-kit-checkbox-container.success.checked .ui-kit-checkbox {
    background: rgba(63, 197, 157, 0.15); }
  .ui-kit-checkbox-container.success.checked span {
    color: #3fc59d; }
  .ui-kit-checkbox-container.success.checked i {
    color: #3fc59d; }