.checkbox_item .checkbox_wrap{
  position: relative;
  display: block;
  cursor: pointer;
  width: 40px;
  padding: 0px 0px 0px 0px;/* arriba | derecha | abajo | izquierda */
}
.checkbox_item:last-child .checkbox_wrap{
  margin-bottom: 0;
}
.checkbox_item .checkbox_wrap .checkbox_inp{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.checkbox_item .checkbox_wrap .checkbox_mark{
  display: inline-block;
  position: relative;
  border-radius: 25px;
}
.checkbox_item .checkbox_wrap .checkbox_mark:before,
.checkbox_item .checkbox_wrap .checkbox_mark:after{
  content: "";
  position: absolute;
  transition: all 0.5s ease;
}


/********************** ORANGE basic styles ****************************************/
.checkbox_item.citem_orange .checkbox_wrap .checkbox_mark{
  background: lightgray;
  width: 40px;
  height: 12px;
  padding: 2px 2px 2px 2px;/* arriba | derecha | abajo | izquierda */
}
.checkbox_item.citem_orange .checkbox_wrap .checkbox_mark:before{
  top: 2px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}
.checkbox_item.citem_orange .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark{
  background: orange;
}
.checkbox_item.citem_orange .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark:before{
  left: 28px;
}


/********************** BLUE basic styles ****************************************/
.checkbox_item.citem_blue .checkbox_wrap .checkbox_mark{
  background: lightgray;
  width: 40px;
  height: 12px;
  padding: 2px 2px 2px 2px;/* arriba | derecha | abajo | izquierda */
}
.checkbox_item.citem_blue .checkbox_wrap .checkbox_mark:before{
  top: 2px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}
.checkbox_item.citem_blue .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark{
  background: orange;
}
.checkbox_item.citem_blue .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark{
  background: #0D6EFD;
}
.checkbox_item.citem_blue .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark:before{
  left: 28px;
}

/********************** RED basic styles ****************************************/
.checkbox_item.citem_red .checkbox_wrap .checkbox_mark{
  background: lightgray;
  width: 40px;
  height: 12px;
  padding: 2px 2px 2px 2px;/* arriba | derecha | abajo | izquierda */
}
.checkbox_item.citem_red .checkbox_wrap .checkbox_mark:before{
  top: 2px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}
.checkbox_item.citem_red .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark{
  background: orange;
}
.checkbox_item.citem_red .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark{
  background: #C20000;
}
.checkbox_item.citem_red .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark:before{
  left: 28px;
}

/********************** THEMES basic styles ****************************************/
.checkbox_item.citem_theme .checkbox_wrap .checkbox_mark{
  background: lightgray;
  width: 40px;
  height: 12px;
  padding: 2px 2px 2px 2px;/* arriba | derecha | abajo | izquierda */
}
.checkbox_item.citem_theme .checkbox_wrap .checkbox_mark:before{
  top: 2px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}
.checkbox_item.citem_theme .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark{
  background: orange;
}
.checkbox_item.citem_theme .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark{
/*  background: #C20000;*/
}
.checkbox_item.citem_theme .checkbox_wrap .checkbox_inp:checked ~ .checkbox_mark:before{
  left: 28px;
}