@syncfusion/ej2/check-box/bootstrap4.css

A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.

.e-checkbox-wrapper .e-check::before,.e-css.e-checkbox-wrapper .e-check::before{content:'\e7fa'}.e-checkbox-wrapper .e-stop::before,.e-css.e-checkbox-wrapper .e-stop::before{content:'\e7fb'}/*! checkbox layout */.e-checkbox-wrapper,.e-css.e-checkbox-wrapper{cursor:pointer;display:inline-block;line-height:1;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.e-checkbox-wrapper label,.e-css.e-checkbox-wrapper label{cursor:pointer;display:inline-block;line-height:0;margin:0;position:relative;white-space:nowrap}.e-checkbox-wrapper:focus .e-frame,.e-css.e-checkbox-wrapper:focus .e-frame{box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.e-checkbox-wrapper .e-ripple-container,.e-css.e-checkbox-wrapper .e-ripple-container{border-radius:50%;bottom:-9px;height:36px;left:-9px;pointer-events:none;position:absolute;right:-9px;top:-9px;width:36px;z-index:1}.e-checkbox-wrapper .e-label,.e-css.e-checkbox-wrapper .e-label{cursor:pointer;display:inline-block;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";font-size:14px;font-weight:normal;line-height:14px;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:normal}.e-checkbox-wrapper .e-checkbox,.e-css.e-checkbox-wrapper .e-checkbox{height:1px;opacity:0;position:absolute;width:1px}.e-checkbox-wrapper .e-checkbox+.e-label,.e-css.e-checkbox-wrapper .e-checkbox+.e-label{margin-right:8px}.e-checkbox-wrapper .e-frame,.e-css.e-checkbox-wrapper .e-frame{border:1px solid;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:'e-icons';height:14px;line-height:13px;padding:0;text-align:center;vertical-align:middle;width:14px}.e-checkbox-wrapper .e-frame+.e-label,.e-css.e-checkbox-wrapper .e-frame+.e-label{margin-left:8px}.e-checkbox-wrapper .e-frame+.e-ripple-container,.e-css.e-checkbox-wrapper .e-frame+.e-ripple-container{left:auto}.e-checkbox-wrapper .e-check,.e-css.e-checkbox-wrapper .e-check{font-size:8px}.e-checkbox-wrapper .e-stop,.e-css.e-checkbox-wrapper .e-stop{font-size:8px;line-height:13px}.e-checkbox-wrapper.e-checkbox-disabled,.e-css.e-checkbox-wrapper.e-checkbox-disabled{cursor:default;pointer-events:none}.e-checkbox-wrapper.e-checkbox-disabled .e-frame,.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame{cursor:default}.e-checkbox-wrapper.e-checkbox-disabled .e-label,.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label{cursor:default}.e-checkbox-wrapper.e-rtl .e-ripple-container,.e-css.e-checkbox-wrapper.e-rtl .e-ripple-container{right:-9px}.e-checkbox-wrapper.e-rtl .e-frame,.e-css.e-checkbox-wrapper.e-rtl .e-frame{margin:0}.e-checkbox-wrapper.e-rtl .e-frame+.e-ripple-container,.e-css.e-checkbox-wrapper.e-rtl .e-frame+.e-ripple-container{left:-9px;right:auto}.e-checkbox-wrapper.e-rtl .e-label,.e-css.e-checkbox-wrapper.e-rtl .e-label{margin-left:0;margin-right:8px}.e-checkbox-wrapper.e-rtl .e-label+.e-frame,.e-css.e-checkbox-wrapper.e-rtl .e-label+.e-frame{margin:0}.e-checkbox-wrapper.e-rtl .e-checkbox+.e-label,.e-css.e-checkbox-wrapper.e-rtl .e-checkbox+.e-label{margin-left:8px;margin-right:0}.e-checkbox-wrapper.e-small .e-frame,.e-css.e-checkbox-wrapper.e-small .e-frame{height:12px;line-height:11px;width:12px}.e-checkbox-wrapper.e-small .e-check,.e-css.e-checkbox-wrapper.e-small .e-check{font-size:6px}.e-checkbox-wrapper.e-small .e-stop,.e-css.e-checkbox-wrapper.e-small .e-stop{font-size:8px;line-height:11px}.e-checkbox-wrapper.e-small .e-label,.e-css.e-checkbox-wrapper.e-small .e-label{font-size:12px;line-height:12px}.e-checkbox-wrapper.e-small .e-ripple-container,.e-css.e-checkbox-wrapper.e-small .e-ripple-container{bottom:-13px;height:30px;left:-13px;right:-13px;top:-13px;width:30px}.e-small .e-checkbox-wrapper .e-frame,.e-small.e-checkbox-wrapper .e-frame,.e-small .e-css.e-checkbox-wrapper .e-frame,.e-small.e-css.e-checkbox-wrapper .e-frame{height:12px;line-height:11px;width:12px}.e-small .e-checkbox-wrapper .e-check,.e-small.e-checkbox-wrapper .e-check,.e-small .e-css.e-checkbox-wrapper .e-check,.e-small.e-css.e-checkbox-wrapper .e-check{font-size:6px}.e-small .e-checkbox-wrapper .e-stop,.e-small.e-checkbox-wrapper .e-stop,.e-small .e-css.e-checkbox-wrapper .e-stop,.e-small.e-css.e-checkbox-wrapper .e-stop{font-size:8px;line-height:11px}.e-small .e-checkbox-wrapper .e-label,.e-small.e-checkbox-wrapper .e-label,.e-small .e-css.e-checkbox-wrapper .e-label,.e-small.e-css.e-checkbox-wrapper .e-label{font-size:12px;line-height:12px}.e-small .e-checkbox-wrapper .e-ripple-container,.e-small.e-checkbox-wrapper .e-ripple-container,.e-small .e-css.e-checkbox-wrapper .e-ripple-container,.e-small.e-css.e-checkbox-wrapper .e-ripple-container{bottom:-13px;height:30px;left:-13px;right:-13px;top:-13px;width:30px}.e-bigger.e-small .e-checkbox-wrapper .e-frame,.e-bigger.e-small.e-checkbox-wrapper .e-frame,.e-bigger.e-small .e-css.e-checkbox-wrapper .e-frame,.e-bigger.e-small.e-css.e-checkbox-wrapper .e-frame{height:15px;line-height:14px;width:15px}.e-bigger.e-small .e-checkbox-wrapper .e-check,.e-bigger.e-small.e-checkbox-wrapper .e-check,.e-bigger.e-small .e-css.e-checkbox-wrapper .e-check,.e-bigger.e-small.e-css.e-checkbox-wrapper .e-check{font-size:8px}.e-bigger.e-small .e-checkbox-wrapper .e-stop,.e-bigger.e-small.e-checkbox-wrapper .e-stop,.e-bigger.e-small .e-css.e-checkbox-wrapper .e-stop,.e-bigger.e-small.e-css.e-checkbox-wrapper .e-stop{font-size:8px;line-height:14px}.e-bigger.e-small .e-checkbox-wrapper .e-label,.e-bigger.e-small.e-checkbox-wrapper .e-label,.e-bigger.e-small .e-css.e-checkbox-wrapper .e-label,.e-bigger.e-small.e-css.e-checkbox-wrapper .e-label{font-size:15px;line-height:15px}.e-bigger.e-small .e-checkbox-wrapper .e-ripple-container,.e-bigger.e-small.e-checkbox-wrapper .e-ripple-container,.e-bigger.e-small .e-css.e-checkbox-wrapper .e-ripple-container,.e-bigger.e-small.e-css.e-checkbox-wrapper .e-ripple-container{bottom:-16px;height:38px;left:-16px;right:-16px;top:-16px;width:38px}.e-bigger .e-checkbox-wrapper .e-frame,.e-bigger.e-checkbox-wrapper .e-frame,.e-bigger .e-css.e-checkbox-wrapper .e-frame,.e-bigger.e-css.e-checkbox-wrapper .e-frame{height:16px;line-height:15px;width:16px}.e-bigger .e-checkbox-wrapper .e-frame+.e-label,.e-bigger.e-checkbox-wrapper .e-frame+.e-label,.e-bigger .e-css.e-checkbox-wrapper .e-frame+.e-label,.e-bigger.e-css.e-checkbox-wrapper .e-frame+.e-label{font-size:16px;line-height:16px;margin-left:10px}.e-bigger .e-checkbox-wrapper .e-check,.e-bigger.e-checkbox-wrapper .e-check,.e-bigger .e-css.e-checkbox-wrapper .e-check,.e-bigger.e-css.e-checkbox-wrapper .e-check{font-size:8px}.e-bigger .e-checkbox-wrapper .e-stop,.e-bigger.e-checkbox-wrapper .e-stop,.e-bigger .e-css.e-checkbox-wrapper .e-stop,.e-bigger.e-css.e-checkbox-wrapper .e-stop{font-size:8px;line-height:15px}.e-bigger .e-checkbox-wrapper .e-label,.e-bigger.e-checkbox-wrapper .e-label,.e-bigger .e-css.e-checkbox-wrapper .e-label,.e-bigger.e-css.e-checkbox-wrapper .e-label{font-size:16px}.e-bigger .e-checkbox-wrapper .e-ripple-container,.e-bigger.e-checkbox-wrapper .e-ripple-container,.e-bigger .e-css.e-checkbox-wrapper .e-ripple-container,.e-bigger.e-css.e-checkbox-wrapper .e-ripple-container{bottom:-15px;height:38px;left:-15px;right:-15px;top:-15px;width:38px}.e-bigger .e-checkbox-wrapper.e-rtl .e-frame,.e-bigger.e-checkbox-wrapper.e-rtl .e-frame,.e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame,.e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame{margin:0}.e-bigger .e-checkbox-wrapper.e-rtl .e-frame+.e-label,.e-bigger.e-checkbox-wrapper.e-rtl .e-frame+.e-label,.e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame+.e-label,.e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame+.e-label{margin-left:0;margin-right:10px}.e-bigger .e-checkbox-wrapper.e-rtl .e-frame+.e-ripple-container,.e-bigger.e-checkbox-wrapper.e-rtl .e-frame+.e-ripple-container,.e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame+.e-ripple-container,.e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame+.e-ripple-container{right:auto}.e-bigger .e-checkbox-wrapper.e-small .e-frame,.e-bigger.e-checkbox-wrapper.e-small .e-frame,.e-bigger .e-css.e-checkbox-wrapper.e-small .e-frame,.e-bigger.e-css.e-checkbox-wrapper.e-small .e-frame{height:15px;line-height:14px;width:15px}.e-bigger .e-checkbox-wrapper.e-small .e-check,.e-bigger.e-checkbox-wrapper.e-small .e-check,.e-bigger .e-css.e-checkbox-wrapper.e-small .e-check,.e-bigger.e-css.e-checkbox-wrapper.e-small .e-check{font-size:8px}.e-bigger .e-checkbox-wrapper.e-small .e-stop,.e-bigger.e-checkbox-wrapper.e-small .e-stop,.e-bigger .e-css.e-checkbox-wrapper.e-small .e-stop,.e-bigger.e-css.e-checkbox-wrapper.e-small .e-stop{font-size:8px;line-height:14px}.e-bigger .e-checkbox-wrapper.e-small .e-label,.e-bigger.e-checkbox-wrapper.e-small .e-label,.e-bigger .e-css.e-checkbox-wrapper.e-small .e-label,.e-bigger.e-css.e-checkbox-wrapper.e-small .e-label{font-size:15px;line-height:15px}.e-bigger .e-checkbox-wrapper.e-small .e-ripple-container,.e-bigger.e-checkbox-wrapper.e-small .e-ripple-container,.e-bigger .e-css.e-checkbox-wrapper.e-small .e-ripple-container,.e-bigger.e-css.e-checkbox-wrapper.e-small .e-ripple-container{bottom:-16px;height:38px;left:-16px;right:-16px;top:-16px;width:38px}/*! checkbox theme */.e-checkbox-wrapper,.e-css.e-checkbox-wrapper{-webkit-tap-highlight-color:transparent}.e-checkbox-wrapper .e-frame,.e-css.e-checkbox-wrapper .e-frame{background-color:#fff;border-color:#adb5bd}.e-checkbox-wrapper .e-frame.e-check,.e-css.e-checkbox-wrapper .e-frame.e-check{background-color:#007bff;border-color:#007bff;color:#fff}.e-checkbox-wrapper .e-frame.e-stop,.e-css.e-checkbox-wrapper .e-frame.e-stop{background-color:#007bff;border-color:#007bff;color:#fff}.e-checkbox-wrapper .e-ripple-element,.e-css.e-checkbox-wrapper .e-ripple-element{background:transparent}.e-checkbox-wrapper .e-ripple-check .e-ripple-element,.e-css.e-checkbox-wrapper .e-ripple-check .e-ripple-element{background:transparent}.e-checkbox-wrapper:active .e-ripple-element,.e-css.e-checkbox-wrapper:active .e-ripple-element{background:transparent}.e-checkbox-wrapper:active .e-ripple-check .e-ripple-element,.e-css.e-checkbox-wrapper:active .e-ripple-check .e-ripple-element{background:transparent}.e-checkbox-wrapper .e-label,.e-css.e-checkbox-wrapper .e-label{color:#212529}.e-checkbox-wrapper .e-checkbox:focus+.e-frame,.e-css.e-checkbox-wrapper .e-checkbox:focus+.e-frame{background-color:#fff;border-color:rgba(0,123,255,0.5);box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.e-checkbox-wrapper .e-checkbox:focus+.e-frame.e-check,.e-css.e-checkbox-wrapper .e-checkbox:focus+.e-frame.e-check{background-color:#007bff;border-color:rgba(0,123,255,0.25);box-shadow:0 0 0 3px rgba(0,123,255,0.25);color:#fff}.e-checkbox-wrapper .e-checkbox:focus+.e-frame.e-stop,.e-css.e-checkbox-wrapper .e-checkbox:focus+.e-frame.e-stop{box-shadow:0 0 0 3px rgba(0,123,255,0.25);color:#fff}.e-checkbox-wrapper:hover .e-frame,.e-css.e-checkbox-wrapper:hover .e-frame{background-color:#fff;border-color:#adb5bd}.e-checkbox-wrapper:hover .e-frame.e-check,.e-css.e-checkbox-wrapper:hover .e-frame.e-check{background-color:#007bff;border-color:#007bff;color:#fff}.e-checkbox-wrapper:hover .e-frame.e-stop,.e-css.e-checkbox-wrapper:hover .e-frame.e-stop{background-color:#007bff;border-color:#007bff}.e-checkbox-wrapper:hover .e-label,.e-css.e-checkbox-wrapper:hover .e-label{color:#000}.e-checkbox-wrapper.e-checkbox-disabled .e-frame,.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame{background-color:#e9ecef;border-color:#adb5bd;color:#6c757d}.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check{background-color:rgba(0,123,255,0.5);border-color:transparent;color:#fff}.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop,.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop{background-color:rgba(0,123,255,0.55);border-color:transparent;color:#fff}.e-checkbox-wrapper.e-checkbox-disabled .e-label,.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label{color:#6c757d}.e-checkbox-wrapper.e-focus .e-ripple-container,.e-css.e-checkbox-wrapper.e-focus .e-ripple-container{background-color:transparent}.e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check,.e-css.e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check{background-color:transparent}.e-checkbox-wrapper.e-focus .e-frame,.e-css.e-checkbox-wrapper.e-focus .e-frame{outline:rgba(0,123,255,0.25);outline-offset:0}.e-checkbox-wrapper.e-focus .e-frame.e-check,.e-css.e-checkbox-wrapper.e-focus .e-frame.e-check{outline:rgba(0,123,255,0.25);outline-offset:0}