.checkbox input[type="checkbox"] {
  display: none;
}

.checkbox label {
  padding-top: 4.0em;
  position: relative;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  overflow: visible;
  min-width: 5.5em;
  color: #616161;
}

.checkbox label:before, .checkbox label:after {
  overflow: visible;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid;
  border-color: #616161;
  top: 0;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  left: calc(50% - 0.75em);
  font-family: 'Material Icons' !important;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-size: 2.5em;
  position: absolute;
  clear: both;
  overflow: hidden;
  opacity: 0.5;
}

.checkbox label:before {
  content: 'clear';
  /*checkbox unchecked */
  -webkit-transition: all 0.50s;
  transition: all 0.50s;
  opacity: 1;
}

.checkbox label:after {
  content: 'done';
  /*checkbox checked*/
  -webkit-transition: all 0.50s;
  transition: all 0.50s;
  opacity: 0;
}

.checkbox input[type="checkbox"]:checked + label {
  color: white;
}

.checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1 !important;
  color: white;
  border-color: white;
}

.checkbox input[type="checkbox"]:checked + label:before {
  opacity: 0 !important;
}

.with-bg label {
  color: #1db1c8;
}

.with-bg label:before, .with-bg label:after {
  border-color: #1db1c8 !important;
}

.with-bg label:after {
  background: #1db1c8 !important;
  border-color: #1db1c8;
}
/*# sourceMappingURL=checkbox.css.map */