tinper-bee/dist/Radio/index.css

React Components living for enterprise-class pc backend application

.u-radio-group{position:relative;display:inline-block}.u-radio-group .u-radio-button:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.u-radio-group .u-radio-button:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.u-radio-group .u-radio-button{position:relative;float:left;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:12px;font-weight:400;line-height:12px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:3px;color:#212121;background-color:#fff;border-color:#a5adba;z-index:3}.u-radio-group .u-radio-button:first-child{margin-left:0;border-radius:3px 0 0 3px}.u-radio-group .u-radio-button:last-child{border-radius:0 3px 3px 0;border-right:1px solid #a5adba}.u-radio-group .u-radio-button.u-radio-button-lg{height:42px;line-height:26px}.u-radio-group .u-radio-button.u-radio-button-sm{height:22px;line-height:20px;padding:0 12px}.u-radio-group .u-radio-button.sm:first-child{border-radius:2px 0 0 2px}.u-radio-group .u-radio-button:focus,.u-radio-group .u-radio-button:hover{position:relative}.u-radio-group .u-radio-button input{position:absolute;left:2px;z-index:2;cursor:pointer;opacity:0;top:7px;bottom:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;width:100%}.u-radio-group .u-radio-button.is-checked{border-color:#f53c32}.u-radio-group .u-radio-button.is-checked .u-radio-button-label{color:#fff}.u-radio-group .u-radio-button.is-checked.disabled,.u-radio-group .u-radio-button.is-checked.disabled:hover{border-color:#c1c7d0;background-color:#c1c7d0}.u-radio-group .u-radio-button.is-checked.disabled .u-radio-button-label{color:#fff}.u-radio-group .u-radio-button.disabled{z-index:1;border-color:#dfe1e6;background-color:#f7f9fb;cursor:not-allowed;color:#909090}.u-radio-group .u-radio-button.disabled input[type=radio],.u-radio-group .u-radio-button.disabled label,.u-radio-group .u-radio-button.disabled span{cursor:not-allowed}.u-radio-group .u-radio-button.disabled:hover{border-color:#dfe1e6;background-color:#f7f9fb;color:#909090;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.u-radio-group .u-radio-button.is-checked,.u-radio-group .u-radio-button:hover{background:#ebecf0}.u-radio-group .u-radio-button.active,.u-radio-group .u-radio-button.focus,.u-radio-group .u-radio-button.is-checked,.u-radio-group .u-radio-button:active,.u-radio-group .u-radio-button:focus{border-color:#f53c32;background:#f53c32;color:#fff}.u-radio-group .u-radio-button+.u-radio-button,.u-radio-group .u-radio-button+.u-radio-group,.u-radio-group .u-radio-group+.u-radio-button,.u-radio-group .u-radio-group+.u-radio-group{margin-left:-1px}.u-radio{position:relative;line-height:18px}.u-radio input[type=radio]{position:absolute;z-index:2;cursor:pointer;opacity:0;top:1px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;width:100%;height:100%}.u-radio.is-checked .u-radio-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-radio.is-checked .u-radio-label:after{position:absolute;top:6px;border-radius:4px;height:6px;width:6px;background:#f53c32;margin-left:5px}.u-radio.is-checked.u-radio-inverse .u-radio-label:before{-webkit-box-shadow:inset 0 0 0 10px #f53c32;box-shadow:inset 0 0 0 10px #f53c32;border-color:#f53c32}.u-radio.is-checked.u-radio-inverse .u-radio-label:after{background:#fff}.u-radio.u-radio-noContent .u-radio-label:after{top:-7px}.u-radio.u-radio-noContent.u-radio .u-radio-label:before{bottom:-4px}.u-radio.disabled,.u-radio.disabled input[type=radio]{cursor:not-allowed}.u-radio.disabled .u-radio-label{color:#909090}.u-radio.disabled .u-radio-label:before{border-color:#dfe1e6}.u-radio.disabled.is-checked .u-radio-label{color:#909090}.u-radio.disabled.is-checked .u-radio-label:after{background:#c1c7d0}.u-radio .u-radio-label{font-size:12px;cursor:pointer;display:inline-block;position:relative;padding-left:24px;margin-right:16px;color:#212121}.u-radio .u-radio-label:before{border-radius:50%;border:2px solid #a5adba;background-color:#fff;bottom:1px}.u-radio .u-radio-label:after,.u-radio .u-radio-label:before{content:"";font-family:uf;display:inline-block;width:16px;height:16px;left:0;text-align:center;position:absolute}.u-radio .u-radio-label:after{bottom:0}.u-radio.u-radio-success.is-checked .u-radio-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-radio.u-radio-success.is-checked .u-radio-label:after{background:#4caf50}.u-radio.u-radio-success .u-radio-label{color:#4caf50}.u-radio.u-radio-warning.is-checked .u-radio-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-radio.u-radio-warning.is-checked .u-radio-label:after{background:#ff9800}.u-radio.u-radio-warning .u-radio-label{color:#ff9800}.u-radio.u-radio-danger.is-checked .u-radio-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-radio.u-radio-danger.is-checked .u-radio-label:after{background:#f44336}.u-radio.u-radio-danger .u-radio-label{color:#f44336}.u-radio.u-radio-info.is-checked .u-radio-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-radio.u-radio-info.is-checked .u-radio-label:after{background:#00bcd4}.u-radio.u-radio-info .u-radio-label{color:#00bcd4}.u-radio.u-radio-dark.is-checked .u-radio-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-radio.u-radio-dark.is-checked .u-radio-label:after{background:#616161}.u-radio.u-radio-dark .u-radio-label{color:#616161}