/* Toggle */ input[type='checkbox'].switch, input[type='radio'].switch { opacity : 0; } /* Switchery */ .switchery { bottom : 4px; margin-top : 5px; } .float-right .switchery, .switchery-large.switchery { margin-bottom : 0.35rem; } .switchery-xsmall.switchery { height : 16px; width : 28px; } .switchery-xsmall.switchery > small { height : 16px; width : 16px; } .switch ~ .btn-group .btn { box-shadow : 0 0 2px 0 rgba(0, 0, 0, 0.5); } .switch ~ .btn-group .btn.active { box-shadow : inset 0 1px 5px -1px rgba(0, 0, 0, 0.5); color : #FFFFFF; } .switch ~ .btn-group .btn.active:not(.dropdown-toggle) { border-bottom-left-radius : 0.25rem; border-top-left-radius : 0.25rem; border-top-right-radius : 0.25rem; border-bottom-right-radius : 0.25rem; } .switch ~ .btn-group .btn:hover { z-index : 1; } .switch ~ .btn-group:focus { outline : none; } .switch ~ .btn-group.btn-group-vertical .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-left-radius : 0.25rem; border-top-right-radius : 0.25rem; } .switch ~ .btn-group.btn-group-vertical .btn:last-child:not(:first-child):not(.dropdown-toggle) { border-bottom-left-radius : 0.25rem; border-bottom-right-radius : 0.25rem; } .bootstrap-switch.bootstrap-switch-animate.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-animate.bootstrap-switch-on .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-animate.bootstrap-switch-on .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-animate.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-animate.bootstrap-switch-off .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-animate.bootstrap-switch-off .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-handle-on { padding : 5px 10px; } .checkbox-input-group .input-group .input-group-prepend .custom-control-label { top : 0; }