.toggleswitch-wrapper {
	margin: 0 5px 0 0;
	padding: 3px 0;
}
.toggleswitch { 
   position : relative ;
   display : inline-block;
   width : 20px;
   height : 11px;
   background-color: #aaa;
   border-radius: 10px;
	cursor: pointer;
 }
 .toggleswitch::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: white;
  top: 1px; /* TO GIVE AN EFFECT OF CIRCLE INSIDE SWITCH. */
  left: 1px;
  transition: all 0.3s;
}
.togglecheckbox:checked + .toggleswitch::after {
  left : 10px; 
}
.togglecheckbox:checked + .toggleswitch {
  background-color: #0972a5;
}
.togglecheckbox { 
   display : none;
}