/* FormGroup */
/*  Navlayout  */
.u-checkbox {
  display: inline-block;
  position: relative;
  margin-right: 24px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  position: relative;
  line-height: 1;
  vertical-align: middle; }
  .u-checkbox input[type='checkbox'] {
    position: absolute;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: 100%; }
  .u-checkbox input[disabled] {
    cursor: not-allowed; }
  .u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
    border-color: rgb(245, 60, 50); }
  .u-checkbox.is-checked .u-checkbox-label:before {
    -moz-box-shadow: inset 0 0 0 10px #fff;
    -webkit-box-shadow: inset 0 0 0 10px #fff;
    box-shadow: inset 0 0 0 10px #fff;
    border-color: rgb(165, 173, 186); }
  .u-checkbox.is-checked .u-checkbox-label:after {
    color: rgb(245, 60, 50);
    content: "\e658";
    line-height: 16px;
    font-size: 12px;
    font-weight: 600; }
  .u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {
    -moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
    -webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
    box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
    border-color: rgb(245, 60, 50); }
  .u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
    color: #fff; }
  .u-checkbox.is-checked.disabled.u-checkbox-inverse .u-checkbox-label:before {
    box-shadow: inset 0 0 0 10px #c1c7d0;
    border-color: #c1c7d0; }
  .u-checkbox .u-checkbox-label {
    cursor: pointer;
    display: inline-block;
    padding-left: 25px;
    line-height: 16px;
    color: #212121; }
    .u-checkbox .u-checkbox-label:before {
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid rgb(165, 173, 186);
      background-color: #fff;
      content: '';
      font-family: 'uf';
      display: inline-block;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      text-align: center;
      position: absolute; }
    .u-checkbox .u-checkbox-label:after {
      content: '';
      font-family: 'uf';
      display: inline-block;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      text-align: center;
      position: absolute; }
  .u-checkbox.disabled .u-checkbox-label {
    cursor: not-allowed;
    color: #909090; }
    .u-checkbox.disabled .u-checkbox-label:before {
      border-color: #DFE1E6;
      color: #909090; }
    .u-checkbox.disabled .u-checkbox-label:after {
      color: #c1c7d0; }

.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
  box-shadow: inset 0 0 0 10px #fff;
  border-color: rgb(165, 173, 186); }

.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
  color: rgb(245, 60, 50);
  content: "\e6ce";
  line-height: 16px;
  font-size: 12px;
  font-weight: 600; }

.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {
  -moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
  -webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
  box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
  border-color: rgb(245, 60, 50); }

.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {
  color: #fff; }

.u-checkbox.u-checkbox-indeterminate.disabled.u-checkbox-inverse .u-checkbox-label:before {
  box-shadow: inset 0 0 0 10px #c1c7d0;
  border-color: #c1c7d0; }

.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
  -moz-box-shadow: inset 0 0 0 10px #fff;
  -webkit-box-shadow: inset 0 0 0 10px #fff;
  box-shadow: inset 0 0 0 10px #fff;
  border-color: rgb(165, 173, 186); }

.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {
  color: rgb(76,175,80); }

.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
  border-color: rgb(76,175,80); }

.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
  -moz-box-shadow: inset 0 0 0 10px #fff;
  -webkit-box-shadow: inset 0 0 0 10px #fff;
  box-shadow: inset 0 0 0 10px #fff;
  border-color: rgb(165, 173, 186); }

.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {
  color: rgb(255,152,0); }

.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
  border-color: rgb(255,152,0); }

.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
  -moz-box-shadow: inset 0 0 0 10px #fff;
  -webkit-box-shadow: inset 0 0 0 10px #fff;
  box-shadow: inset 0 0 0 10px #fff;
  border-color: rgb(165, 173, 186); }

.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {
  color: rgb(244,67,54); }

.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
  border-color: rgb(244,67,54); }

.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
  -moz-box-shadow: inset 0 0 0 10px #fff;
  -webkit-box-shadow: inset 0 0 0 10px #fff;
  box-shadow: inset 0 0 0 10px #fff;
  border-color: rgb(165, 173, 186); }

.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {
  color: rgb(97,97,97); }

.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
  border-color: rgb(97,97,97); }

.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
  -moz-box-shadow: inset 0 0 0 10px #fff;
  -webkit-box-shadow: inset 0 0 0 10px #fff;
  box-shadow: inset 0 0 0 10px #fff;
  border-color: rgb(165, 173, 186); }

.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {
  color: rgb(0,188,212); }

.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
  border-color: rgb(0,188,212); }