@syncfusion/ej2/radio-button/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.

/*! radiobutton layout */.e-radio-wrapper{display:inline-block;line-height:1;position:relative}.e-radio{-webkit-appearance:none;height:1px;opacity:0;position:absolute;width:1px}.e-radio+label{-webkit-tap-highlight-color:transparent;cursor:pointer;display:inline-block;margin:0;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.e-radio+label .e-label{display:inline-block;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont";font-size:14px;font-weight:normal;line-height:1;padding-left:24px;vertical-align:text-top;white-space:normal}.e-radio+label::before{border:1px solid;border-radius:50%;box-sizing:border-box;content:'';height:14px;left:0;position:absolute;top:0;width:14px}.e-radio+label:focus::before{box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.e-radio+label::after{border:1px solid;border-radius:50%;box-sizing:border-box;content:'';height:6px;left:4px;position:absolute;top:4px;transform:scale(0);width:6px}.e-radio+label .e-ripple-container{border-radius:50%;height:34px;left:-8px;position:absolute;top:-8px;width:34px;z-index:1}.e-radio+label.e-right .e-label,.e-radio+label.e-rtl .e-label{padding-left:0;padding-right:24px}.e-radio+label.e-right::before,.e-radio+label.e-rtl::before{left:auto;right:0}.e-radio+label.e-right::after,.e-radio+label.e-rtl::after{left:auto;right:4px}.e-radio+label.e-right .e-ripple-container,.e-radio+label.e-rtl .e-ripple-container{left:auto;right:-8px}.e-radio+label.e-right.e-rtl .e-label{padding-left:24px;padding-right:0}.e-radio+label.e-right.e-rtl::before{left:0;right:auto}.e-radio+label.e-right.e-rtl::after{left:4px;right:auto}.e-radio+label.e-right.e-rtl .e-ripple-container{left:-8px;right:auto}.e-radio+label.e-small .e-label{line-height:1;padding-left:22px}.e-radio+label.e-small::before{height:12px;width:12px}.e-radio+label.e-small::after{height:6px;left:3px;top:3px;width:6px}.e-radio+label.e-small .e-ripple-container{left:-10px;top:-10px}.e-radio+label.e-small.e-right .e-label,.e-radio+label.e-small.e-rtl .e-label{padding-left:0;padding-right:22px}.e-radio+label.e-small.e-right::after,.e-radio+label.e-small.e-rtl::after{left:auto;right:3px}.e-radio+label.e-small.e-right .e-ripple-container,.e-radio+label.e-small.e-rtl .e-ripple-container{left:auto;right:-10px}.e-radio+label.e-small.e-right.e-rtl .e-label{padding-left:22px;padding-right:0}.e-radio+label.e-small.e-right.e-rtl::after{left:3px;right:auto}.e-radio+label.e-small.e-right.e-rtl .e-ripple-container{left:-10px;right:auto}.e-radio:checked+label::after{transform:scale(1);transition:none}.e-small .e-radio+label .e-label,.e-radio+label.e-small .e-label{line-height:1;padding-left:22px}.e-small .e-radio+label::before,.e-radio+label.e-small::before{height:12px;width:12px}.e-small .e-radio+label::after,.e-radio+label.e-small::after{height:6px;left:3px;top:3px;width:6px}.e-small .e-radio+label .e-ripple-container,.e-radio+label.e-small .e-ripple-container{left:-10px;top:-10px}.e-small .e-radio+label.e-right .e-label,.e-small .e-radio+label.e-rtl .e-label,.e-radio+label.e-small.e-right .e-label,.e-radio+label.e-small.e-rtl .e-label{padding-left:0;padding-right:22px}.e-small .e-radio+label.e-right::after,.e-small .e-radio+label.e-rtl::after,.e-radio+label.e-small.e-right::after,.e-radio+label.e-small.e-rtl::after{left:auto;right:3px}.e-small .e-radio+label.e-right .e-ripple-container,.e-small .e-radio+label.e-rtl .e-ripple-container,.e-radio+label.e-small.e-right .e-ripple-container,.e-radio+label.e-small.e-rtl .e-ripple-container{left:auto;right:-10px}.e-small .e-radio+label.e-right.e-rtl .e-label,.e-radio+label.e-small.e-right.e-rtl .e-label{padding-left:22px;padding-right:0}.e-small .e-radio+label.e-right.e-rtl::after,.e-radio+label.e-small.e-right.e-rtl::after{left:3px;right:auto}.e-small .e-radio+label.e-right.e-rtl .e-ripple-container,.e-radio+label.e-small.e-right.e-rtl .e-ripple-container{left:-10px;right:auto}.e-bigger.e-small .e-radio+label .e-label,.e-radio+label.e-bigger.e-small .e-label{line-height:1;padding-left:28px}.e-bigger.e-small .e-radio+label::before,.e-radio+label.e-bigger.e-small::before{height:15px;width:15px}.e-bigger.e-small .e-radio+label::after,.e-radio+label.e-bigger.e-small::after{height:7px;left:4px;top:4px;width:7px}.e-bigger.e-small .e-radio+label .e-ripple-container,.e-radio+label.e-bigger.e-small .e-ripple-container{height:36px;left:-11px;top:-11px;width:36px}.e-bigger.e-small .e-radio+label.e-right .e-label,.e-bigger.e-small .e-radio+label.e-rtl .e-label,.e-radio+label.e-bigger.e-small.e-right .e-label,.e-radio+label.e-bigger.e-small.e-rtl .e-label{padding-left:0;padding-right:28px}.e-bigger.e-small .e-radio+label.e-right::after,.e-bigger.e-small .e-radio+label.e-rtl::after,.e-radio+label.e-bigger.e-small.e-right::after,.e-radio+label.e-bigger.e-small.e-rtl::after{left:auto;right:4px}.e-bigger.e-small .e-radio+label.e-right .e-ripple-container,.e-bigger.e-small .e-radio+label.e-rtl .e-ripple-container,.e-radio+label.e-bigger.e-small.e-right .e-ripple-container,.e-radio+label.e-bigger.e-small.e-rtl .e-ripple-container{left:auto;right:-10px}.e-bigger.e-small .e-radio+label.e-right.e-rtl .e-label,.e-radio+label.e-bigger.e-small.e-right.e-rtl .e-label{padding-left:28px;padding-right:0}.e-bigger.e-small .e-radio+label.e-right.e-rtl::after,.e-radio+label.e-bigger.e-small.e-right.e-rtl::after{left:4px;right:auto}.e-bigger.e-small .e-radio+label.e-right.e-rtl .e-ripple-container,.e-radio+label.e-bigger.e-small.e-right.e-rtl .e-ripple-container{left:-10px;right:auto}.e-bigger .e-radio+label .e-label,.e-radio+label.e-bigger .e-label{font-size:16px;line-height:1;padding-left:28px}.e-bigger .e-radio+label::before,.e-radio+label.e-bigger::before{height:16px;width:16px}.e-bigger .e-radio+label::after,.e-radio+label.e-bigger::after{height:6px;left:5px;top:5px;width:6px}.e-bigger .e-radio+label .e-ripple-container,.e-radio+label.e-bigger .e-ripple-container{height:48px;left:-11px;top:-11px;width:48px}.e-bigger .e-radio+label.e-right .e-label,.e-bigger .e-radio+label.e-rtl .e-label,.e-radio+label.e-bigger.e-right .e-label,.e-radio+label.e-bigger.e-rtl .e-label{padding-left:0;padding-right:28px}.e-bigger .e-radio+label.e-right::after,.e-bigger .e-radio+label.e-rtl::after,.e-radio+label.e-bigger.e-right::after,.e-radio+label.e-bigger.e-rtl::after{left:auto;right:4px}.e-bigger .e-radio+label.e-right .e-ripple-container,.e-bigger .e-radio+label.e-rtl .e-ripple-container,.e-radio+label.e-bigger.e-right .e-ripple-container,.e-radio+label.e-bigger.e-rtl .e-ripple-container{left:auto;right:-11px}.e-bigger .e-radio+label.e-right.e-rtl .e-label,.e-radio+label.e-bigger.e-right.e-rtl .e-label{padding-left:28px;padding-right:0}.e-bigger .e-radio+label.e-right.e-rtl::after,.e-radio+label.e-bigger.e-right.e-rtl::after{left:4px;right:auto}.e-bigger .e-radio+label.e-right.e-rtl .e-ripple-container,.e-radio+label.e-bigger.e-right.e-rtl .e-ripple-container{left:-12px;right:auto}.e-bigger .e-radio+label.e-small .e-label,.e-radio+label.e-bigger.e-small .e-label{line-height:1;padding-left:28px}.e-bigger .e-radio+label.e-small::before,.e-radio+label.e-bigger.e-small::before{height:15px;width:15px}.e-bigger .e-radio+label.e-small::after,.e-radio+label.e-bigger.e-small::after{height:7px;left:4px;top:4px;width:7px}.e-bigger .e-radio+label.e-small .e-ripple-container,.e-radio+label.e-bigger.e-small .e-ripple-container{height:36px;left:-11px;top:-11px;width:36px}.e-bigger .e-radio+label.e-small.e-right .e-label,.e-bigger .e-radio+label.e-small.e-rtl .e-label,.e-radio+label.e-bigger.e-small.e-right .e-label,.e-radio+label.e-bigger.e-small.e-rtl .e-label{padding-left:0;padding-right:28px}.e-bigger .e-radio+label.e-small.e-right::after,.e-bigger .e-radio+label.e-small.e-rtl::after,.e-radio+label.e-bigger.e-small.e-right::after,.e-radio+label.e-bigger.e-small.e-rtl::after{left:auto;right:4px}.e-bigger .e-radio+label.e-small.e-right .e-ripple-container,.e-bigger .e-radio+label.e-small.e-rtl .e-ripple-container,.e-radio+label.e-bigger.e-small.e-right .e-ripple-container,.e-radio+label.e-bigger.e-small.e-rtl .e-ripple-container{left:auto;right:-10px}.e-bigger .e-radio+label.e-small.e-right.e-rtl .e-label,.e-radio+label.e-bigger.e-small.e-right.e-rtl .e-label{padding-left:28px;padding-right:0}.e-bigger .e-radio+label.e-small.e-right.e-rtl::after,.e-radio+label.e-bigger.e-small.e-right.e-rtl::after{left:4px;right:auto}.e-bigger .e-radio+label.e-small.e-right.e-rtl .e-ripple-container,.e-radio+label.e-bigger.e-small.e-right.e-rtl .e-ripple-container{left:-10px;right:auto}/*! radiobutton theme */.e-radio+label::before{background-color:#fff;border-color:#adb5bd}.e-radio+label.e-focus .e-ripple-container{background-color:#000}.e-radio+label .e-label{color:#212529}.e-radio+label .e-ripple-element{background-color:transparent}.e-radio+label:active .e-ripple-element{background-color:transparent}.e-radio:focus+label::before{border-color:#adb5bd;box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.e-radio:hover+label::before{border-color:#adb5bd}.e-radio:checked+label::before{background-color:#007bff;border-color:#007bff}.e-radio:checked+label::after{background-color:#fff;color:#fff}.e-radio:checked+label:active .e-ripple-element{background-color:transparent}.e-radio:checked+.e-focus .e-ripple-container{background-color:transparent}.e-radio:checked+.e-focus::before{outline:#fff 0 solid;outline-offset:0}.e-radio:checked:focus+label::before{border-color:#007bff}.e-radio:checked:focus+label::after{background-color:#fff}.e-radio:checked+label:hover::before{border-color:#007bff}.e-radio:checked+label:hover::after{background-color:#fff}.e-radio:disabled+label{cursor:default;pointer-events:none}.e-radio:disabled+label::before{border-color:#adb5bd;cursor:default}.e-radio:disabled+label .e-ripple-container{background-color:transparent}.e-radio:disabled+label .e-ripple-container::after{background-color:transparent;cursor:default}.e-radio:disabled+label .e-label{color:#e9ecef}.e-radio:disabled:checked+label::before{background-color:rgba(0,123,255,0.5);border-color:transparent}.e-radio:disabled:checked+label::after{background-color:#fff;border-color:#fff;cursor:default}.e-radio:disabled:checked+label .e-ripple-container{background-color:transparent}.e-radio:disabled:checked+label .e-ripple-container::after{background-color:transparent}