/* stolen from https://www.w3schools.com/howto/howto_css_switch.asp */

/* The switch - the box around the slider */

 .switch {
     position: relative;
     display: inline-block;
     width: 36px;
     height: 22px;
     float: left;
 }

 /* Hide default HTML checkbox */
 .switch input {
     display:none;
 }

 /* The slider */
 .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .2s;
     transition: .2s;
 }

 .slider:before {
     position: absolute;
     content: "";
     height: 14px;
     width: 14px;
     left: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: .2s;
     transition: .2s; }

 input:checked + .slider {
     background-color: #2196F3;
 }

 input:focus + .slider {
     box-shadow: 0 0 1px #2196F3;
 }

 input:checked + .slider:before {
     -webkit-transform: translateX(14px);
     -ms-transform: translateX(14px);
     transform: translateX(14px);
 }

 /* Rounded sliders */
 .slider.round {
     border-radius: 14px;
 }

 .slider.round:before {
     border-radius: 50%;
 }

 .slider-box {
     width: 100%;
     padding: 5px 0;
 }

 .slider-description {
     margin: 1px 0 0 40px;
     height: 22px;
 }
