/********* A stylesheet dedicated to checkbox toggles for all but ie8 ***********/
/********** CHECKBOXES **********/
.checkbox-toggle input[type=checkbox],
.checkbox-toggle input[type=radio] {
  display: none;
}
.checkbox-toggle input[type=checkbox] + span,
.checkbox-toggle input[type=radio] + span {
  appearance: none;
  -webkit-appearance: none;
  box-shadow: inset 0px 0px 0px 1px #e31515;
  border: 1px solid #ed3e3e;
  border-radius: 15px;
  background-color: #ed3e3e;
  padding: 1px;
  display: inline-block;
  width: 65px;
  height: 27px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-out;
  margin: 0px;
  transform: scale(1);
  -webkit-transform: scale(1);
  /* Adjust size here */
  line-height: 15px;
  outline: 0;
}
.checkbox-toggle input[type=checkbox] + span p,
.checkbox-toggle input[type=radio] + span p {
  display: inline;
  position: relative;
  color: #ed3e3e;
  font-weight: 700;
  font-size: 0.9em;
  top: 5px;
  left: 9px;
}
.checkbox-toggle input[type=checkbox] + span:focus,
.checkbox-toggle input[type=radio] + span:focus {
  outline: none;
}
.checkbox-toggle input[type=checkbox]:checked + span,
.checkbox-toggle input[type=radio]:checked + span {
  box-shadow: inset 0px 0px 0px 20px #2cbd00;
  border: 1px solid #2ebe7c;
}
.checkbox-toggle input[type=checkbox]:checked + span p,
.checkbox-toggle input[type=radio]:checked + span p {
  color: #ffffff;
}
.checkbox-toggle input[type=checkbox] + span:after,
.checkbox-toggle input[type=radio] + span:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 26px;
  height: 26px;
  border-radius: 15px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #ebebeb;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.1s ease-in 0.1s;
  outline: 0;
}
.checkbox-toggle input[type="checkbox"]:checked + span:after,
.checkbox-toggle input[type="radio"]:checked + span:after {
  left: 40px;
}