.roo-radio-set:before, .roo-radio-set:after { display: table; content: " "; clear: both; } .radio.checked label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background-color: $gray; } .roo-radio-set.disabled .radio label { opacity: 0.65; } .roo-radio-set.disabled .radio label { cursor: not-allowed; } .roo-radio-primary { .radio label::after { background-color: $body-bg; } .radio.checked label::before { border-color: $brand-primary; //#428bca; } .radio.checked label::after { background-color: $brand-primary; //#428bca; } } .roo-radio-danger { .radio label::after { background-color: $brand-danger; } .radio.checked label::before { border-color: $brand-danger; } .radio.checked label::after { background-color: $brand-danger; } } .roo-radio-info { .radio label::after { background-color: $body-bg; } .radio.checked label::before { border-color: $brand-info; } .radio.checked label::after { background-color: $brand-info; } } .roo-radio-warning { .radio label::after { background-color: $body-bg; } .radio.checked label::before { border-color: $brand-warning; } .radio.checked label::after { background-color: $brand-warning; } } .roo-radio-success { .radio label::after { background-color: $body-bg; } .radio.checked label::before { border-color: $brand-success; } .radio.checked label::after { background-color: $brand-success; } } /** not sure if these are needed with is-valid / is-invalid.. */ /* * DISABLED probably needs deleting... .roo-radio-set.has-warning { .roo-radio-set-items label, .roo-radio-set-label { color: $brand-warning; //#8a6d3b; } } .roo-radio-set.has-error { .roo-radio-set-items label, .roo-radio-set-label { color: $brand-danger; //#a94442; } } .roo-radio-set.has-success { .roo-radio-set-items label, .roo-radio-set-label { color: $brand-success; //#3c763d; } } */ .roo-radio-set.is-invalid { .roo-radio-set-items label, .roo-radio-set-label { color: $form-feedback-invalid-color; //#8a6d3b; } } .roo-radio-set.is-valid { .roo-radio-set-items label, .roo-radio-set-label { color: $form-feedback-valid-color; //#8a6d3b; } } .roo-radio-set-inline .radio { position: relative; display: inline-block; padding-left: 20px; margin-top: 0px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .roo-radio-set-inline .radio + .radio { margin-left: 10px; } .roo-radio-set-label .roo-required-indicator.right-indicator { position: absolute; } .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star { font-size: 8px; margin-left: 3px; color: $brand-danger; } .roo-form-error-popover.in { opacity: 1; } .roo-form-error-popover .tooltip-inner { max-width: 100%; padding: 10px; }