/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
  background: none repeat scroll 0 0 #b1a88c;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 17px;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
  background: url("../img/tick.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #09ad7e;
  content: "";
  font-size: 14px;
  height: 15px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: all 0.2s ease 0s;
  width: 20px;
}


/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}


/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}


/* accessibility */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:focus:not(:checked) + label:before {
  border: 2px solid #c0072f;
}


/* hover style just for information */
label:hover:before {
  border: 2px solid #C0072F!important;
}


[type="checkbox"]:checked + label {
  color: #c6213f;
}


[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
  background: none repeat scroll 0 0 #b1a88c;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 17px;border-radius:50px;
}
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
  background: none repeat scroll 0 0 #c0072f;
  border-radius: 50px;
  color: #09ad7e;
  content: "";
  font-size: 14px;
  height: 11px;
  left: 3px;
  position: absolute;
  top: 5px;
  transition: all 0.2s ease 0s;
  width: 11px;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}