.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 */
  transition: all 0.50s;
  opacity: 1; }

.checkbox label:after {
  content: 'done';
  /*checkbox checked*/
  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 */