:root{--checkbox-right-margin:8px;--checkbox-size:20px}.checkbox label{display:inline-flex;align-items:center;margin-bottom:0}.checkbox .label-area{font-size:var(--text-sm)}.checkbox .disp-area,.checkbox .input-area{display:flex}.form-check{padding-bottom:5px}.form-check label{font-size:17px}input[type=checkbox],input[type=radio]{position:relative;width:var(--checkbox-size)!important;height:var(--checkbox-size);margin-right:var(--checkbox-right-margin)!important;background-repeat:no-repeat;background-position:50%;border:1px solid var(--gray-400);box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;margin-bottom:-4px}.grid-static-col input[type=checkbox],.grid-static-col input[type=radio]{margin-right:0!important}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--primary-color)!important;background-size:57%,100%;box-shadow:none;border:none}input[type=checkbox]:focus,input[type=radio]:focus{outline:none;box-shadow:var(--checkbox-focus-shadow)}input[type=checkbox].disabled-deselected,input[type=checkbox]:disabled,input[type=radio].disabled-deselected,input[type=radio]:disabled{background-color:var(--disabled-control-bg);box-shadow:inset 0 1px 7px rgba(0,0,0,.1);border:.5px solid var(--gray-300);pointer-events:none}input[type=checkbox].disabled-selected,input[type=checkbox]:disabled:checked,input[type=radio].disabled-selected,input[type=radio]:disabled:checked{background-color:var(--gray-500);background-size:57%;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);border:none;pointer-events:none}input[type=checkbox]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 8 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4l1.667 1.8L7 1.2" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>'),linear-gradient(180deg,#4ac3f8 -124.51%,var(--primary-color))}input[type=radio]{border-radius:50%}.btn{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,opacity .15s ease-in-out}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{opacity:.9}.progress{height:18px}
.image-hotspots{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-hotspot strong{font-size:.75em}.image-hotspot .circle{position:absolute;left:50%;top:50%;width:41px;height:41px;margin:-.666em auto auto -.666em;background:#ccc;border-radius:50%;opacity:.9;transform-origin:50% 50%;transition:opacity .2s ease-in,transform .1s ease-out;color:#fff;font-size:1.9em;padding:0;text-align:center;line-height:41px;overflow:hidden}.image-hotspot .ring{border:3px solid hsla(0,0%,80%,.9);-webkit-animation:hotspot-pulsate 2s ease-out infinite;animation:hotspot-pulsate 2s ease-out infinite}html .image-hotspot-primary strong{color:#fff!important}html .image-hotspot-primary .circle{background:#08c!important}html .image-hotspot-primary .ring{border-color:rgba(0,136,204,.9)}html .image-hotspot-secondary strong{color:#fff!important}html .image-hotspot-secondary .circle{background:#e36159!important}html .image-hotspot-secondary .ring{border-color:rgba(227,97,89,.9)}html .image-hotspot-tertiary strong{color:#fff!important}html .image-hotspot-tertiary .circle{background:#2baab1!important}html .image-hotspot-tertiary .ring{border-color:rgba(43,170,177,.9)}html .image-hotspot-quaternary strong{color:#fff!important}html .image-hotspot-quaternary .circle{background:#383f48!important}html .image-hotspot-quaternary .ring{border-color:rgba(56,63,72,.9)}html .image-hotspot-dark strong{color:#fff!important}html .image-hotspot-dark .circle{background:#212529!important}html .image-hotspot-dark .ring{border-color:rgba(33,37,41,.9)}html .image-hotspot-light strong{color:#777!important}html .image-hotspot-light .circle{background:#fff!important}html .image-hotspot-light .ring{border-color:hsla(0,0%,100%,.9)}.image-hotspots{position:relative}.image-hotspot{cursor:pointer;position:absolute;min-height:35px;min-width:35px}.image-hotspot strong{color:#fff;z-index:5;font-size:1.3em;transform:translate3d(-50%,-50%,0);font-weight:600!important;width:100%;height:100%;text-align:center}.image-hotspot .ring,.image-hotspot strong{position:absolute;top:50%;left:50%;display:block}.image-hotspot .ring{width:2em;height:2em;margin:-1em auto auto -1em;transform-origin:50% 50%;border-radius:50%;border:1px solid hsla(0,0%,80%,.9);opacity:0;-webkit-animation:hotspot-pulsate 3s ease-out infinite;animation:hotspot-pulsate 3s ease-out infinite}.img-grayscale{filter:grayscale(100%)}.image-hotspot .icon-completed .icon{position:absolute;top:-13px;right:-15px;stroke:green;background-color:#fff;padding:4px;border-radius:50%;border:2px solid green}.btnring{-webkit-animation:ring-pulsate 3s ease-out infinite;animation:ring-pulsate 3s ease-out infinite}@-webkit-keyframes hotspot-pulsate{0%{transform:scale(1);opacity:.8}45%{transform:scale(2);opacity:0}}@keyframes hotspot-pulsate{0%{transform:scale(1);opacity:.8}45%{transform:scale(2);opacity:0}}@-webkit-keyframes stop-hotspot-pulsate{0%{opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes stop-hotspot-pulsate{0%{opacity:.4}to{transform:scale(2.5);opacity:0}}@-webkit-keyframes ring-pulsate{0%{box-shadow:0 0 4px 3px hsla(0,0%,80%,0)}50%{box-shadow:0 0 4px 3px #ccc}to{box-shadow:0 0 4px 3px hsla(0,0%,80%,0)}}@keyframes ring-pulsate{0%{box-shadow:0 0 4px 3px hsla(0,0%,80%,0)}50%{box-shadow:0 0 4px 3px #ccc}to{box-shadow:0 0 4px 3px hsla(0,0%,80%,0)}}.bb,.bb:after,.bb:before{position:absolute;top:0;bottom:0;left:0;right:0}.bb{width:200px;height:200px;margin:auto;background:url(//blog.codepen.io/wp-content/uploads/2012/06/Button-White-Large.png) no-repeat 50%/70% rgba(0,0,0,.1);color:#69ca62;box-shadow:inset 0 0 0 1px rgba(105,202,98,.5)}.bb:after,.bb:before{content:"";z-index:-1;margin:-5%;box-shadow:inset 0 0 0 2px;-webkit-animation:clipMe 8s linear infinite;animation:clipMe 8s linear infinite}.bb:before{-webkit-animation-delay:-4s;animation-delay:-4s}.bb:hover:after,.bb:hover:before{background-color:rgba(255,0,0,.3)}@-webkit-keyframes clipMe{0%,to{clip:rect(0,220px,2px,0)}25%{clip:rect(0,2px,220px,0)}50%{clip:rect(218px,220px,220px,0)}75%{clip:rect(0,220px,220px,218px)}}@keyframes clipMe{0%,to{clip:rect(0,220px,2px,0)}25%{clip:rect(0,2px,220px,0)}50%{clip:rect(218px,220px,220px,0)}75%{clip:rect(0,220px,220px,218px)}}