.form-horizontal .checkbox {
  padding-top: 20px;
}
.checkbox {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.checkbox label {
  cursor: pointer;
  padding-left: 0;
}
.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
}
.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  -webkit-transform: scale3d(2.3, 2.3, 1);
          transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
}
.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  display: block;
  margin-top: -4px;
  margin-left: 6px;
  width: 0;
  height: 0;
  box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0 inset;
  -webkit-animation: checkbox-off 0.3s forwards;
          animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  -webkit-animation: checkbox-on 0.3s forwards;
          animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
  -webkit-animation: rippleOff 500ms;
          animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
  -webkit-animation: rippleOn 500ms;
          animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  -webkit-animation: rippleOff 500ms forwards;
          animation: rippleOff 500ms forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
  -webkit-animation: rippleOn 500ms forwards;
          animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0, 0, 0, 0.84);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #4caf50;
}
.checkbox-black input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #000000;
}
.checkbox-white input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #ffffff;
}
.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #3f51b5;
}
.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #009688;
}
.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #4caf50;
}
.checkbox-info input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #03a9f4;
}
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #ff5722;
}
.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #f44336;
}
.checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #f44336;
}
.checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #e91e63;
}
.checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #9c27b0;
}
.checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #673ab7;
}
.checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #3f51b5;
}
.checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #2196f3;
}
.checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #03a9f4;
}
.checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #00bcd4;
}
.checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #009688;
}
.checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #4caf50;
}
.checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #8bc34a;
}
.checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #cddc39;
}
.checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #ffeb3b;
}
.checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #ffc107;
}
.checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #ff9800;
}
.checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #ff5722;
}
.checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #795548;
}
.checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #9e9e9e;
}
.checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #607d8b;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #4caf50;
}
.checkbox-black input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #000000;
}
.checkbox-white input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #ffffff;
}
.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #3f51b5;
}
.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #009688;
}
.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #4caf50;
}
.checkbox-info input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #03a9f4;
}
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #ff5722;
}
.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #f44336;
}
.checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #f44336;
}
.checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #e91e63;
}
.checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #9c27b0;
}
.checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #673ab7;
}
.checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #3f51b5;
}
.checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #2196f3;
}
.checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #03a9f4;
}
.checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #00bcd4;
}
.checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #009688;
}
.checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #4caf50;
}
.checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #8bc34a;
}
.checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #cddc39;
}
.checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #ffeb3b;
}
.checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #ffc107;
}
.checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #ff9800;
}
.checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #ff5722;
}
.checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #795548;
}
.checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #9e9e9e;
}
.checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #607d8b;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
  color: #4caf50;
}
.checkbox-black input[type=checkbox]:checked + .checkbox-material .check {
  color: #000000;
}
.checkbox-white input[type=checkbox]:checked + .checkbox-material .check {
  color: #ffffff;
}
.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check {
  color: #3f51b5;
}
.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check {
  color: #009688;
}
.checkbox-success input[type=checkbox]:checked + .checkbox-material .check {
  color: #4caf50;
}
.checkbox-info input[type=checkbox]:checked + .checkbox-material .check {
  color: #03a9f4;
}
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check {
  color: #ff5722;
}
.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check {
  color: #f44336;
}
.checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check {
  color: #f44336;
}
.checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check {
  color: #e91e63;
}
.checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check {
  color: #9c27b0;
}
.checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check {
  color: #673ab7;
}
.checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check {
  color: #3f51b5;
}
.checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check {
  color: #2196f3;
}
.checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check {
  color: #03a9f4;
}
.checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check {
  color: #00bcd4;
}
.checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check {
  color: #009688;
}
.checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check {
  color: #4caf50;
}
.checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check {
  color: #8bc34a;
}
.checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check {
  color: #cddc39;
}
.checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check {
  color: #ffeb3b;
}
.checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check {
  color: #ffc107;
}
.checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check {
  color: #ff9800;
}
.checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check {
  color: #ff5722;
}
.checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check {
  color: #795548;
}
.checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check {
  color: #9e9e9e;
}
.checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check {
  color: #607d8b;
}
@-webkit-keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@-webkit-keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0px;
    height: 0px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0px 0 10px inset;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0px 0 0px inset;
  }
}
@keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0px;
    height: 0px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0px 0 10px inset;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0 0 0 0,
      0px 0px 0 0px inset;
  }
}
@-webkit-keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.togglebutton {
  vertical-align: middle;
}
.togglebutton,
.togglebutton label,
.togglebutton input,
.togglebutton .toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.togglebutton label {
  font-weight: 400;
  cursor: pointer;
}
.togglebutton label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-color: rgba(80, 80, 80, 0.7);
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
}
.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #F1F1F1;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -2px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
  background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after,
.togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle,
.togglebutton-default label input[type=checkbox]:checked + .toggle {
  background-color: rgba(0, 150, 136, 0.5);
}
.togglebutton-black label input[type=checkbox]:checked + .toggle {
  background-color: rgba(0, 0, 0, 0.5);
}
.togglebutton-white label input[type=checkbox]:checked + .toggle {
  background-color: rgba(255, 255, 255, 0.5);
}
.togglebutton-inverse label input[type=checkbox]:checked + .toggle {
  background-color: rgba(63, 81, 181, 0.5);
}
.togglebutton-primary label input[type=checkbox]:checked + .toggle {
  background-color: rgba(0, 150, 136, 0.5);
}
.togglebutton-success label input[type=checkbox]:checked + .toggle {
  background-color: rgba(76, 175, 80, 0.5);
}
.togglebutton-info label input[type=checkbox]:checked + .toggle {
  background-color: rgba(3, 169, 244, 0.5);
}
.togglebutton-warning label input[type=checkbox]:checked + .toggle {
  background-color: rgba(255, 87, 34, 0.5);
}
.togglebutton-danger label input[type=checkbox]:checked + .toggle {
  background-color: rgba(244, 67, 54, 0.5);
}
.togglebutton-material-red label input[type=checkbox]:checked + .toggle {
  background-color: rgba(244, 67, 54, 0.5);
}
.togglebutton-material-pink label input[type=checkbox]:checked + .toggle {
  background-color: rgba(233, 30, 99, 0.5);
}
.togglebutton-material-purple label input[type=checkbox]:checked + .toggle {
  background-color: rgba(156, 39, 176, 0.5);
}
.togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle {
  background-color: rgba(103, 58, 183, 0.5);
}
.togglebutton-material-indigo label input[type=checkbox]:checked + .toggle {
  background-color: rgba(63, 81, 181, 0.5);
}
.togglebutton-material-blue label input[type=checkbox]:checked + .toggle {
  background-color: rgba(33, 150, 243, 0.5);
}
.togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle {
  background-color: rgba(3, 169, 244, 0.5);
}
.togglebutton-material-cyan label input[type=checkbox]:checked + .toggle {
  background-color: rgba(0, 188, 212, 0.5);
}
.togglebutton-material-teal label input[type=checkbox]:checked + .toggle {
  background-color: rgba(0, 150, 136, 0.5);
}
.togglebutton-material-green label input[type=checkbox]:checked + .toggle {
  background-color: rgba(76, 175, 80, 0.5);
}
.togglebutton-material-light-green label input[type=checkbox]:checked + .toggle {
  background-color: rgba(139, 195, 74, 0.5);
}
.togglebutton-material-lime label input[type=checkbox]:checked + .toggle {
  background-color: rgba(205, 220, 57, 0.5);
}
.togglebutton-material-yellow label input[type=checkbox]:checked + .toggle {
  background-color: rgba(255, 235, 59, 0.5);
}
.togglebutton-material-amber label input[type=checkbox]:checked + .toggle {
  background-color: rgba(255, 193, 7, 0.5);
}
.togglebutton-material-orange label input[type=checkbox]:checked + .toggle {
  background-color: rgba(255, 152, 0, 0.5);
}
.togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle {
  background-color: rgba(255, 87, 34, 0.5);
}
.togglebutton-material-brown label input[type=checkbox]:checked + .toggle {
  background-color: rgba(121, 85, 72, 0.5);
}
.togglebutton-material-grey label input[type=checkbox]:checked + .toggle {
  background-color: rgba(158, 158, 158, 0.5);
}
.togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle {
  background-color: rgba(96, 125, 139, 0.5);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after,
.togglebutton-default label input[type=checkbox]:checked + .toggle:after {
  background-color: #009688;
}
.togglebutton-black label input[type=checkbox]:checked + .toggle:after {
  background-color: #000000;
}
.togglebutton-white label input[type=checkbox]:checked + .toggle:after {
  background-color: #ffffff;
}
.togglebutton-inverse label input[type=checkbox]:checked + .toggle:after {
  background-color: #3f51b5;
}
.togglebutton-primary label input[type=checkbox]:checked + .toggle:after {
  background-color: #009688;
}
.togglebutton-success label input[type=checkbox]:checked + .toggle:after {
  background-color: #4caf50;
}
.togglebutton-info label input[type=checkbox]:checked + .toggle:after {
  background-color: #03a9f4;
}
.togglebutton-warning label input[type=checkbox]:checked + .toggle:after {
  background-color: #ff5722;
}
.togglebutton-danger label input[type=checkbox]:checked + .toggle:after {
  background-color: #f44336;
}
.togglebutton-material-red label input[type=checkbox]:checked + .toggle:after {
  background-color: #f44336;
}
.togglebutton-material-pink label input[type=checkbox]:checked + .toggle:after {
  background-color: #e91e63;
}
.togglebutton-material-purple label input[type=checkbox]:checked + .toggle:after {
  background-color: #9c27b0;
}
.togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle:after {
  background-color: #673ab7;
}
.togglebutton-material-indigo label input[type=checkbox]:checked + .toggle:after {
  background-color: #3f51b5;
}
.togglebutton-material-blue label input[type=checkbox]:checked + .toggle:after {
  background-color: #2196f3;
}
.togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle:after {
  background-color: #03a9f4;
}
.togglebutton-material-cyan label input[type=checkbox]:checked + .toggle:after {
  background-color: #00bcd4;
}
.togglebutton-material-teal label input[type=checkbox]:checked + .toggle:after {
  background-color: #009688;
}
.togglebutton-material-green label input[type=checkbox]:checked + .toggle:after {
  background-color: #4caf50;
}
.togglebutton-material-light-green label input[type=checkbox]:checked + .toggle:after {
  background-color: #8bc34a;
}
.togglebutton-material-lime label input[type=checkbox]:checked + .toggle:after {
  background-color: #cddc39;
}
.togglebutton-material-yellow label input[type=checkbox]:checked + .toggle:after {
  background-color: #ffeb3b;
}
.togglebutton-material-amber label input[type=checkbox]:checked + .toggle:after {
  background-color: #ffc107;
}
.togglebutton-material-orange label input[type=checkbox]:checked + .toggle:after {
  background-color: #ff9800;
}
.togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle:after {
  background-color: #ff5722;
}
.togglebutton-material-brown label input[type=checkbox]:checked + .toggle:after {
  background-color: #795548;
}
.togglebutton-material-grey label input[type=checkbox]:checked + .toggle:after {
  background-color: #9e9e9e;
}
.togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle:after {
  background-color: #607d8b;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after,
.togglebutton-default label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}
.togglebutton-black label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton-white label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}
.togglebutton-inverse label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}
.togglebutton-primary label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}
.togglebutton-success label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
}
.togglebutton-info label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}
.togglebutton-warning label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
}
.togglebutton-danger label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
}
.togglebutton-material-red label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
}
.togglebutton-material-pink label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
}
.togglebutton-material-purple label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
}
.togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
}
.togglebutton-material-indigo label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}
.togglebutton-material-blue label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
}
.togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}
.togglebutton-material-cyan label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
}
.togglebutton-material-teal label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}
.togglebutton-material-green label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
}
.togglebutton-material-light-green label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
}
.togglebutton-material-lime label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
}
.togglebutton-material-yellow label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 235, 59, 0.1);
}
.togglebutton-material-amber label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
}
.togglebutton-material-orange label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
}
.togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
}
.togglebutton-material-brown label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
}
.togglebutton-material-grey label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
}
.togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
}

























.notedit .checkbox-success input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #333;
}

.notedit .checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:after {
  background-color: #333;
}

.notedit .checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
.notedit .checkbox-default input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #333;
}

.notedit .checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #333;
}

.notedit .checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #333;
}

.notedit .checkbox input[type=checkbox]:checked + .checkbox-material .check,
.notedit .checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
  color: #333;
}

.notedit .checkbox-success input[type=checkbox]:checked + .checkbox-material .check {
  color: #333;
}

.notedit .checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check {
  color: #333;
}