css-bootstrap/roojs-bootstrap.css
[roojs1] / css-bootstrap / radio-set.css
1
2 .roo-radio-set:before,
3 .roo-radio-set:after {
4     display: table;
5     content: " ";
6     clear: both;
7 }
8
9 .roo-radio-set-input {
10     width: 0px;
11     height: 0px;
12     border: none;
13     opacity: 0;
14     position: absolute;
15 }
16
17 .radio.checked label::after 
18 {
19     -webkit-transform: scale(1, 1);
20     -ms-transform: scale(1, 1);
21     -o-transform: scale(1, 1);
22     transform: scale(1, 1);
23     background-color: #555555;
24 }
25
26 .roo-radio-set.disabled .radio label 
27 {
28     opacity: 0.65; 
29 }
30
31 .roo-radio-set.disabled .radio label
32 {
33     cursor: not-allowed; 
34 }
35
36 .roo-radio-primary .radio label::after 
37 {
38     background-color: #fff; 
39 }
40
41 .roo-radio-primary .radio.checked label::before 
42 {
43     border-color: #428bca; 
44 }
45
46 .roo-radio-primary .radio.checked label::after 
47 {
48     background-color: #428bca; 
49 }
50
51 .roo-radio-danger .radio label::after 
52 {
53     background-color: #d9534f; 
54 }
55
56 .roo-radio-danger .radio.checked label::before 
57 {
58     border-color: #d9534f; 
59 }
60
61 .roo-radio-danger .radio.checked label::after 
62 {
63     background-color: #d9534f; 
64 }
65     
66 .roo-radio-info .radio label::after 
67 {
68     background-color: #fff;
69 }
70
71 .roo-radio-info .radio.checked label::before 
72 {
73     border-color: #5bc0de; 
74 }
75
76 .roo-radio-info .radio.checked label::after 
77 {
78     background-color: #5bc0de; 
79 }
80
81 .roo-radio-warning .radio label::after 
82 {
83     background-color: #fff; 
84 }
85
86 .roo-radio-warning .radio.checked label::before 
87 {
88     border-color: #f0ad4e; 
89 }
90
91 .roo-radio-warning .radio.checked label::after 
92 {
93     background-color: #f0ad4e; 
94 }
95
96 .roo-radio-success .radio label::after 
97 {
98     background-color: #fff; 
99 }
100
101 .roo-radio-success .radio.checked label::before 
102 {
103     border-color: #5cb85c; 
104 }
105
106 .roo-radio-success .radio.checked label::after 
107 {
108     background-color: #5cb85c; 
109 }
110
111 .roo-radio-set.has-warning .roo-radio-set-items label,
112 .roo-radio-set.has-warning .roo-radio-set-label {
113     color: #8a6d3b;
114 }
115
116 .roo-radio-set.has-error .roo-radio-set-items label,
117 .roo-radio-set.has-error .roo-radio-set-label {
118     color: #a94442;
119 }
120
121 .roo-radio-set.has-success .roo-radio-set-items label,
122 .roo-radio-set.has-success .roo-radio-set-label {
123     color: #3c763d;
124 }
125
126 .roo-radio-set-inline .radio {
127     position: relative;
128     display: inline-block;
129     padding-left: 20px;
130     margin-top: 0px;
131     margin-bottom: 0;
132     font-weight: 400;
133     vertical-align: middle;
134     cursor: pointer;
135 }
136
137 .roo-radio-set-inline .radio + .radio {
138     margin-left: 10px;
139 }
140
141 .roo-radio-set-label .roo-required-indicator.right-indicator {
142     position: absolute;
143 }
144
145 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
146     font-size: 8px;
147     margin-left: 3px;
148     color: #EC0404;
149 }
150
151 .roo-radio-set-label,
152 .roo-radio-set-right {
153     padding: 0px;
154 }
155
156 .roo-form-error-popover {
157     opacity: 1;
158     display: none;
159 }
160
161 .roo-form-error-popover.in {
162     display: block;
163 }
164
165 .roo-form-error-popover .tooltip-inner {
166     max-width: 100%;
167     padding: 10px;
168 }