.jquery-checkbox {display:inline; padding-right:1.2em; margin-right:0.6em; cursor:pointer; position:relative;}
.jquery-checkbox:after {content:""; display:block; width:1em; height:1em; position:absolute; z-index:1; bottom:-0.08em; left:0; background-color:rgba(255,255,255,0.5); border:2px solid white; border-radius:3px; transition:background-color .3s ease-in-out;;}
.jquery-checkbox:before {content:"\ea10"; display:block; width:100%; line-height:1em; text-align:center; position:absolute; z-index:2; bottom:0; left:0; font-family:icomoon; font-size:0; opacity:0; transition:font-size .4s cubic-bezier(0.68, -0.75, 0.265, 1.75), color .4s ease-in-out;}
.jquery-checkbox-hover:after {background-color:rgba(255,255,255,0.75);}
.jquery-checkbox-checked:before {font-size:100%; opacity:1.0; color:black; line-height:110%;}
.jquery-checkbox-checked:after {background-color:white;}
.jquery-checkbox .mark,
.jquery-checkbox img {display:none;}

.shiftbox + .jquery-checkbox {height:1.1em; width:2.5em; display:inline-block;}
.shiftbox + .jquery-checkbox:after {width:2.5em; height:1.1em; border-radius:0.6em; background-color:#c1c1c1; border-width:0;}
.shiftbox + .jquery-checkbox:before {content:""; display:block; border-radius:50%; background-color:white; font-size:100%; height:1.2em; width:1.2em; box-shadow:0 0 3px rgba(0,0,0,0.2); margin:0; opacity:1; position:absolute; top:0.01em; left:0; transition:left .3s ease-in-out;}
.shiftbox + .jquery-checkbox-checked:after {background-color:#3ab54a;}
.shiftbox + .jquery-checkbox-checked:before {left:calc(100% - 1.2em);}
.shiftbox + .jquery-checkbox-hover:before {left:0.2em;}
.shiftbox + .jquery-checkbox-hover.jquery-checkbox-checked:before {left:calc(100% - 1.4em);}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .jquery-checkbox:before {display:none;}
  .jquery-checkbox:after {transition:none; font-size:24px; opacity:1;}
  .jquery-checkbox-hover:after {font-size:24px; opacity:1;}
  .jquery-checkbox-checked:after {content:"\ea10";}
}