/* The switch14 - the box around the slider14 */
.switch14 {
font-size: 17px;
position: relative;
display: inline-block;
width: 62px;
height: 35px;
}
/* Hide default HTML checkbox */
.switch14 input {
opacity: 1;
width: 0;
height: 0;
}
/* The slider14 */
.slider14 {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0px;
background: #fff;
transition: .4s;
border-radius: 30px;
border: 1px solid #ccc;
}
.slider14:before {
position: absolute;
content: "";
height: 1.9em;
width: 1.9em;
border-radius: 16px;
left: 1.2px;
top: 0;
bottom: 0;
background-color: white;
box-shadow: 0 2px 5px #999999;
transition: .4s;
}
input:checked + .slider14 {
background-color: #5fdd54;
border: 1px solid transparent;
}
input:checked + .slider14:before {
transform: translateX(1.5em);
}
