.jquery-checkbox {display:inline-flex; width:1.6em; height:1.6em; margin-right:0.6em; cursor:pointer; position:relative;}
.jquery-checkbox::after {content:""; display:block; width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; border:.15em solid #585858; background-color:rgba(255,255,255,0.17); border-radius:.2em; overflow:hidden; transition:border-color .3s ease-in-out;}
.jquery-checkbox::before {content:""; display:block; height:calc(1.6em + .2em); width:calc(1.6em + .2em); position:absolute; z-index:2; top:0; left:0; opacity:0; transition:opacity .3s linear; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.877px' height='101.052px' viewBox='0 0 122.877 101.052' enable-background='new 0 0 122.877 101.052' xml:space='preserve' fill='%2386cd47'%3E%3Cg%3E%3Cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat; background-size:70% auto;}
.jquery-checkbox.jquery-checkradio::after {border-radius:50%;}
.jquery-checkbox.jquery-checkradio::before {content:""; width:calc(100% - .25em); height:calc(100% - .25em); top:.25em; left:.25em; font-size:100%; background-color:var(--exfcolor); border-radius:50%;}
.jquery-checkbox-hover::after,
.jquery-checkbox-checked::after {border-color:#6ba439;}
.jquery-checkbox-checked::before {opacity:1.0;}
.jquery-checkbox-checked.jquery-checkradio::before {content:""; display:block; width:.6em; height:.6em; top:.42em; left:.42em; border-radius:50%; background-color:var(--xfcolor);}
.jquery-checkbox .mark,
.jquery-checkbox img {display:none;}