/* CHECKBOX */
[type="checkbox"].mfa_check:not(:checked),
[type="checkbox"].mfa_check:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"].mfa_check:not(:checked) + label,
[type="checkbox"].mfa_check:checked + label {
    position: relative;
    padding-left: 4em;
    padding-top: .25em;
    cursor: pointer;
}

[type="checkbox"].mfa_check:not(:checked) + label:before,
[type="checkbox"].mfa_check:checked + label:before,
[type="checkbox"].mfa_check:not(:checked) + label:after,
[type="checkbox"].mfa_check:checked + label:after {
    content: '';
    position: absolute;
    height: 1.5em;
    transition: all .5s ease;
}

[type="checkbox"].mfa_check:not(:checked) + label:before,
[type="checkbox"].mfa_check:checked + label:before {
    left: 0;
    top: 0;
    width: 3em;
    border: 2px solid #dddddd;
    background: #dddddd;
    border-radius: 1.1em;
    z-index: -1;
}
[type="checkbox"].mfa_check:not(:checked) + label:after,
[type="checkbox"].mfa_check:checked + label:after {
    left: .15em;
    top: .125em;
    background-color: #fff;
    border-radius: 50%;
    width: 1.5em;
}
[type="checkbox"].mfa_check:checked + label:after {
    left: 1.65em;
}
[type="checkbox"].mfa_check:checked + label:before {
    background-color: #72da67;
    border-color: #72da67;
}