input.switch-ios + label {
    padding         : 2px;
    width           : 42px !important;
    height          : 26px;
    background-color: #dddddd;
    border-radius   : 60px;
    margin-top      : 0 !important;
}
input.switch-ios + label:before,
input.switch-ios + label:after {
    display         : block;
    position        : absolute;
    top             : 1px;
    left            : 1px;
    bottom          : 1px;
    content         : "";
}
input.switch-ios + label:before {
    right           : 1px;
    background-color: #f1f1f1;
    border-radius   : 60px;
    transition      : background 0.4s;
}
input.switch-ios + label:after {
    width           : 28px;
    background-color: #fff;
    border-radius   : 100%;
    box-shadow      : 0 2px 5px rgba(0, 0, 0, 0.3);
    transition      : margin 0.4s;
}
input.switch-ios:checked + label:before {
    background-color: #75BADF;

}
input.switch-ios:checked + label:after {
    margin-left     : 12px;
}

.switch-ios {
    position        : absolute;
    margin-left     : -9999px;
    visibility      : hidden;
}

.switch-ios + label {
    display         : block;
    position        : relative;
    cursor          : pointer;
    outline         : none;
    user-select     : none;
}