fuelux-rails-sass 3.4.0 → 3.14.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,28 +1,26 @@
1
1
  /*!
2
- * Fuel UX v3.4.0
3
- * Copyright 2012-2014 ExactTarget
4
- * Licensed under the BSD-3-Clause license ()
2
+ * Fuel UX v3.14.2
3
+ * Copyright 2012-2016 ExactTarget
4
+ * Licensed under the BSD-3-Clause license (https://github.com/ExactTarget/fuelux/blob/master/LICENSE)
5
5
  */
6
6
 
7
- .fuelux {
8
-
9
- }@charset "UTF-8";
10
- .fuelux .clearfix {
7
+ @charset "UTF-8";
8
+ .clearfix {
11
9
  *zoom: 1;
12
10
  }
13
- .fuelux .clearfix:before,
14
- .fuelux .clearfix:after {
11
+ .clearfix:before,
12
+ .clearfix:after {
15
13
  display: table;
16
14
  content: "";
17
15
  line-height: 0;
18
16
  }
19
- .fuelux .clearfix:after {
17
+ .clearfix:after {
20
18
  clear: both;
21
19
  }
22
20
  @font-face {
23
21
  font-family: "fuelux";
24
- src: font-url("fuelux.eot");
25
- src: font-url("fuelux.eot?#iefix") format("embedded-opentype"), font-url("fuelux.woff") format("woff"), font-url("fuelux.ttf") format("truetype"), font-url("fuelux.svg#fuelux") format("svg");
22
+ src: font-url('fuelux.eot');
23
+ src: font-url('fuelux.eot?#iefix') format("embedded-opentype"), url(data:font-woff;base64,d09GRk9UVE8AAAUUAAsAAAAABuAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAegAAAIisWS2RkZGVE0AAALwAAAAGQAAABxvEtzhR0RFRgAAAwwAAAAdAAAAIAA4AARPUy8yAAADLAAAAEoAAABgL7lMbGNtYXAAAAN4AAAAPAAAAUrAGiK3aGVhZAAAA7QAAAAvAAAANgDSVuNoaGVhAAAD5AAAABwAAAAkBCkCA2htdHgAAAQAAAAAGgAAABoHmgL4bWF4cAAABBwAAAAGAAAABgALUABuYW1lAAAEJAAAAN0AAAF3kxoWmXBvc3QAAAUEAAAAEAAAACAAAwABeJw90M9rE0EUB/D30uzusLtuNTqiGIs/+gt6ifVHtgfRHqQHLTYumEsrpSSWRVNozNJc2t6S2K2bBATbS0tLe9jDUlJ6aS85hFT8H6SCFPwTZiCIbpnq6fMe8+Y7j0GIRgERlbdO9r1TBIwAwijvi/D+Ln4tuqqjq3e5erRHhetW7I/r/i90xfN4ndelOHztjgNcjMP3S3HQ41iIgX4WQ6AbrsJN6IUhGIYReApjMA6WM2c/SyQSgnuCYcF9wQPBQ8EjQVJgCkbEvudbA2AZK/gRV9DFVfyEHlaxBhpiJPlk7GX6TebdhxWDDfEb9JbaGezI9Laa74zTOyqTn9O7KosFtFdlg0ymfeE5e0X7VTZaogOqwXz+OOwM/pqbZz2vs+VwyGC/2YXwjsGWf4YBxrdfYZjhMT9M/veQwU7ZHD3MNianstmpyUb28KjROOox+OcrLnV1Nfysy0AQ6YD5Yjpf+jJxLB0Eza2WR0zFruSW5otEq7W2m3v7pJ2SFvKLubJNNPvAaVZa5ET27LXcxjzRkopVS29n9ki7Le0s+ItBmWjHE9KMnXasCjlRAs9f290gWskqpGczJNWWNnfW/WpAtB9Kq9Qs7M+SVErKb+bW7SrRgpmttGcRU64ES35xl2h/Ac9Ys4h4nGNgYGBkAILzccd+gelbXJ9hNABYswg7AAAAeJxjYGRgYOADYgkGEGBiYARCLiBmAfMYAAS4AD0AAAB4nGNgZmJgnMDAysDB6MOYxsDA4A6lvzJIMrQwMDAxsHIywIEAgskQkOaawuDwgOEBJ+OD/w8Y9Bj//v8LFGaEK1AAQkYALokNlwAAeJxjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYGBgecP7/D1LwgAFEKzBC1QMBIxsDgjNCAQBlrAaweJxjYGRgYADiH2cX2sfz23xl4GZiAIHzt7g+w2lmBmbGv4x/gVwOBrA0AFSyC6wAeJxjYGRgYPzLwMCgx8QAAkA2IwMqYAIANwYCMQIAAAACAAADARUBhwGDAQ8AWAADAAMAXACnAAAAAFAAAAsAAHicbY49asNAEIU/2bJMsEmX1JsipYS0BAwuU/gAKdy7WAuDkPDagtzDkD5djpED5AQ5TZ7kKVJ4l9n59vHmB1jyQcJwEjLujSfMeTae8sTROJXn03jGgm/jTPdXziS9k7IcqwaeqOOD8ZRXcuNUnovxjEe+jDPpP+zpCTR632Hfh6ZXfpNUS2rYEfUNdd/sBBs6Ws5jjnIEHJ6CUnmt+N/sqnitsVJ4eSpe1KJrz5su1sH5onRrdx0p8Pkq92Uly82VtpIiJw7jCk7NhrFsQzwdutZVRXm78A9U7zY2AAAAeJxjYGZABowMaAAAAI4ABQ==) format("woff"), font-url('fuelux.ttf') format("truetype"), font-url('fuelux.svg#fuelux') format("svg");
26
24
  font-weight: normal;
27
25
  font-style: normal;
28
26
  }
@@ -68,14 +66,389 @@
68
66
  .fuelux .fueluxicon-bullet:before {
69
67
  content: "\e009";
70
68
  }
69
+ .fuelux .radio-inline,
70
+ .fuelux .checkbox-inline {
71
+ padding-left: 0;
72
+ }
73
+ .fuelux .radio-inline.highlight,
74
+ .fuelux .checkbox-inline.highlight {
75
+ left: -8px;
76
+ }
77
+ .fuelux .radio-inline label,
78
+ .fuelux .checkbox-inline label {
79
+ margin-bottom: 0;
80
+ }
81
+ label.fuelux .radio:hover:before,
82
+ label.fuelux .checkbox:hover:before,
83
+ label.fuelux .radio-inline:hover:before,
84
+ label.fuelux .checkbox-inline:hover:before,
85
+ .input-label.fuelux .radio:hover:before,
86
+ .input-label.fuelux .checkbox:hover:before,
87
+ .input-label.fuelux .radio-inline:hover:before,
88
+ .input-label.fuelux .checkbox-inline:hover:before,
89
+ .fuelux .radio label:hover:before,
90
+ .fuelux .checkbox label:hover:before,
91
+ .fuelux .radio-inline label:hover:before,
92
+ .fuelux .checkbox-inline label:hover:before,
93
+ .fuelux .radio .input-label:hover:before,
94
+ .fuelux .checkbox .input-label:hover:before,
95
+ .fuelux .radio-inline .input-label:hover:before,
96
+ .fuelux .checkbox-inline .input-label:hover:before {
97
+ box-shadow: inset 0px 0px 2px 1px rgba(91, 157, 217, 0.7), 0px 0px 5px 0px rgba(91, 157, 217, 0.7);
98
+ }
99
+ .fuelux .radio label,
100
+ .fuelux .checkbox label,
101
+ .fuelux .radio-inline label,
102
+ .fuelux .checkbox-inline label,
103
+ .fuelux .radio .input-label,
104
+ .fuelux .checkbox .input-label,
105
+ .fuelux .radio-inline .input-label,
106
+ .fuelux .checkbox-inline .input-label,
107
+ label.fuelux .radio,
108
+ label.fuelux .checkbox,
109
+ label.fuelux .radio-inline,
110
+ label.fuelux .checkbox-inline {
111
+ cursor: pointer;
112
+ font-weight: normal;
113
+ }
114
+ .fuelux .radio.highlight input[type="checkbox"]:not(.sr-only) ~ label,
115
+ .fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only) ~ label,
116
+ .fuelux .radio-inline.highlight input[type="checkbox"]:not(.sr-only) ~ label,
117
+ .fuelux .checkbox-inline.highlight input[type="checkbox"]:not(.sr-only) ~ label,
118
+ .fuelux .radio.highlight input[type="radio"]:not(.sr-only) ~ label,
119
+ .fuelux .checkbox.highlight input[type="radio"]:not(.sr-only) ~ label,
120
+ .fuelux .radio-inline.highlight input[type="radio"]:not(.sr-only) ~ label,
121
+ .fuelux .checkbox-inline.highlight input[type="radio"]:not(.sr-only) ~ label {
122
+ padding: 4px;
123
+ border-radius: 4px;
124
+ }
125
+ .fuelux .radio.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
126
+ .fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
127
+ .fuelux .radio-inline.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
128
+ .fuelux .checkbox-inline.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
129
+ .fuelux .radio.highlight input[type="radio"]:not(.sr-only):checked ~ label,
130
+ .fuelux .checkbox.highlight input[type="radio"]:not(.sr-only):checked ~ label,
131
+ .fuelux .radio-inline.highlight input[type="radio"]:not(.sr-only):checked ~ label,
132
+ .fuelux .checkbox-inline.highlight input[type="radio"]:not(.sr-only):checked ~ label {
133
+ background-color: #e6e6e6;
134
+ opacity: 1;
135
+ z-index: 0;
136
+ }
137
+ .fuelux .radio input[type="checkbox"]:not(.sr-only),
138
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only),
139
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only),
140
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only),
141
+ .fuelux .radio input[type="radio"]:not(.sr-only),
142
+ .fuelux .checkbox input[type="radio"]:not(.sr-only),
143
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only),
144
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only) {
145
+ position: absolute;
146
+ width: 1px;
147
+ height: 1px;
148
+ margin: -1px;
149
+ padding: 0;
150
+ overflow: hidden;
151
+ clip: rect(0, 0, 0, 0);
152
+ border: 0;
153
+ /* for keyboard tabbing */
154
+ }
155
+ .fuelux .radio input[type="checkbox"]:not(.sr-only) ~ label,
156
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only) ~ label,
157
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only) ~ label,
158
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only) ~ label,
159
+ .fuelux .radio input[type="radio"]:not(.sr-only) ~ label,
160
+ .fuelux .checkbox input[type="radio"]:not(.sr-only) ~ label,
161
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only) ~ label,
162
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only) ~ label {
163
+ padding-left: 0;
164
+ }
165
+ .fuelux .radio input[type="checkbox"]:not(.sr-only) ~ label:before,
166
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only) ~ label:before,
167
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only) ~ label:before,
168
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only) ~ label:before,
169
+ .fuelux .radio input[type="radio"]:not(.sr-only) ~ label:before,
170
+ .fuelux .checkbox input[type="radio"]:not(.sr-only) ~ label:before,
171
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only) ~ label:before,
172
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only) ~ label:before {
173
+ font-family: "Glyphicons Halflings";
174
+ font-style: normal;
175
+ font-weight: normal;
176
+ font-variant: normal;
177
+ text-transform: none;
178
+ line-height: 1;
179
+ speak: none;
180
+ border: 1px solid #aaaaaa;
181
+ color: #ffffff;
182
+ font-size: 9px;
183
+ width: 14px;
184
+ height: 14px;
185
+ padding: 0;
186
+ margin-top: 0;
187
+ margin-bottom: -2px;
188
+ cursor: pointer;
189
+ display: inline-block;
190
+ text-align: left;
191
+ z-index: 2;
192
+ content: "";
193
+ }
194
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label,
195
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label,
196
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label,
197
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label,
198
+ .fuelux .radio input[type="radio"]:not(.sr-only):active ~ label,
199
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label,
200
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label,
201
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label,
202
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label,
203
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label,
204
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
205
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
206
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label,
207
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label,
208
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label,
209
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label {
210
+ color: #333333;
211
+ color: #39b3d7;
212
+ cursor: pointer;
213
+ }
214
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label:before,
215
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label:before,
216
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label:before,
217
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label:before,
218
+ .fuelux .radio input[type="radio"]:not(.sr-only):active ~ label:before,
219
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label:before,
220
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label:before,
221
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label:before,
222
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label:before,
223
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label:before,
224
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label:before,
225
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label:before,
226
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label:before,
227
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label:before,
228
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label:before,
229
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label:before {
230
+ box-shadow: inset 0px 0px 2px 1px #5b9dd9, 0px 0px 5px 0px #5b9dd9;
231
+ outline: none;
232
+ }
233
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label,
234
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label,
235
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label,
236
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label,
237
+ .fuelux .radio input[type="radio"]:not(.sr-only):active ~ label,
238
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label,
239
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label,
240
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label,
241
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label,
242
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label,
243
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
244
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
245
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label,
246
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label,
247
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label,
248
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label,
249
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label:hover,
250
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label:hover,
251
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label:hover,
252
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label:hover,
253
+ .fuelux .radio input[type="radio"]:not(.sr-only):active ~ label:hover,
254
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label:hover,
255
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label:hover,
256
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label:hover,
257
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
258
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
259
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
260
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
261
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label:hover,
262
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label:hover,
263
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label:hover,
264
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label:hover {
265
+ color: #333333;
266
+ cursor: pointer;
267
+ }
268
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):active:hover ~ label,
269
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):active:hover ~ label,
270
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label,
271
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label,
272
+ .fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label,
273
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):active:hover ~ label,
274
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label,
275
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active:hover ~ label,
276
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
277
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
278
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
279
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
280
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
281
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label,
282
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
283
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
284
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
285
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
286
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
287
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
288
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
289
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label,
290
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
291
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
292
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
293
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
294
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
295
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
296
+ .fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label,
297
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):checked:hover ~ label,
298
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label,
299
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked:hover ~ label,
300
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
301
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
302
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
303
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
304
+ .fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
305
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
306
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
307
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
308
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
309
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
310
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
311
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
312
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
313
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
314
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
315
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
316
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
317
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
318
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
319
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
320
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
321
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
322
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
323
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
324
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
325
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
326
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
327
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
328
+ .fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
329
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
330
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
331
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:hover {
332
+ color: #333333;
333
+ cursor: pointer;
334
+ }
335
+ .fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
336
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
337
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
338
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
339
+ .fuelux .radio input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
340
+ .fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
341
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
342
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
343
+ .fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
344
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
345
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
346
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
347
+ .fuelux .radio input[type="radio"]:not(.sr-only)[disabled] ~ label,
348
+ .fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled] ~ label,
349
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled] ~ label,
350
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled] ~ label,
351
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):disabled ~ label,
352
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):disabled ~ label,
353
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):disabled ~ label,
354
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):disabled ~ label,
355
+ .fuelux .radio input[type="radio"]:not(.sr-only):disabled ~ label,
356
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):disabled ~ label,
357
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):disabled ~ label,
358
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):disabled ~ label,
359
+ .fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
360
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
361
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
362
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
363
+ .fuelux .radio input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
364
+ .fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
365
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
366
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
367
+ .fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
368
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
369
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
370
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
371
+ .fuelux .radio input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
372
+ .fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
373
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
374
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
375
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
376
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
377
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
378
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
379
+ .fuelux .radio input[type="radio"]:not(.sr-only):disabled ~ label:before,
380
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):disabled ~ label:before,
381
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):disabled ~ label:before,
382
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):disabled ~ label:before {
383
+ color: #333333;
384
+ opacity: .65;
385
+ cursor: not-allowed !important;
386
+ outline: none;
387
+ box-shadow: none;
388
+ }
389
+ .fuelux .radio input[type="checkbox"]:not(.sr-only):checked ~ label:before,
390
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked ~ label:before,
391
+ .fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked ~ label:before,
392
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked ~ label:before,
393
+ .fuelux .radio input[type="radio"]:not(.sr-only):checked ~ label:before,
394
+ .fuelux .checkbox input[type="radio"]:not(.sr-only):checked ~ label:before,
395
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):checked ~ label:before,
396
+ .fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked ~ label:before {
397
+ background: #39b3d7;
398
+ border-color: #39b3d7;
399
+ }
400
+ .fuelux .radio.highlight:before,
401
+ .fuelux .checkbox.highlight:before,
402
+ .fuelux .radio-inline.highlight:before,
403
+ .fuelux .checkbox-inline.highlight:before {
404
+ left: 4px;
405
+ top: 7px;
406
+ }
407
+ .fuelux .radio.highlight input[type="checkbox"]:not(.sr-only) ~ label,
408
+ .fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only) ~ label,
409
+ .fuelux .radio.highlight input[type="radio"]:not(.sr-only) ~ label,
410
+ .fuelux .checkbox.highlight input[type="radio"]:not(.sr-only) ~ label {
411
+ left: -8px;
412
+ position: relative;
413
+ }
414
+ .fuelux .radio-inline,
415
+ .fuelux .checkbox-inline {
416
+ padding-left: 0;
417
+ }
418
+ .fuelux .radio-inline:before,
419
+ .fuelux .checkbox-inline:before {
420
+ left: 0;
421
+ top: 3px;
422
+ }
423
+ .fuelux .checkbox.multiline,
424
+ .fuelux .radio.multiline {
425
+ float: left;
426
+ margin-left: 15px;
427
+ }
428
+ .fuelux .checkbox.multiline ~ .control-label,
429
+ .fuelux .radio.multiline ~ .control-label {
430
+ float: left;
431
+ width: 80%;
432
+ margin-left: 10px;
433
+ text-align: left;
434
+ }
435
+ .fuelux .checkbox.multiline ~ .control-label > label,
436
+ .fuelux .radio.multiline ~ .control-label > label {
437
+ font-weight: normal;
438
+ cursor: pointer;
439
+ }
71
440
  .fuelux .checkbox {
72
441
  /* for keyboard tabbing */
73
442
  }
74
- .fuelux .checkbox.highlight {
75
- padding: 4px;
443
+ .fuelux .checkbox.highlight + .checkbox.highlight {
444
+ margin-top: -5px;
445
+ }
446
+ .fuelux .checkbox.highlight label.checkbox-custom {
447
+ padding: 4px 4px 4px 24px;
76
448
  }
77
- .fuelux .checkbox.highlight.checked {
78
- background: #e9e9e9;
449
+ .fuelux .checkbox.highlight.checked label.checkbox-custom,
450
+ .fuelux .checkbox.highlight label.checked.checkbox-custom {
451
+ background: #e6e6e6;
79
452
  border-radius: 4px;
80
453
  }
81
454
  .fuelux .checkbox input[type="checkbox"]:focus + .checkbox-label,
@@ -83,16 +456,31 @@
83
456
  .fuelux .checkbox .checkbox-label:hover {
84
457
  color: #999999;
85
458
  }
459
+ .fuelux .checkbox input[type="checkbox"]:disabled:focus + .checkbox-label,
460
+ .fuelux .checkbox input[type="checkbox"]:disabled:hover + .checkbox-label,
461
+ .fuelux .checkbox.disabled label:hover {
462
+ color: inherit;
463
+ }
86
464
  .fuelux .form-horizontal .checkbox-inline {
87
465
  padding-top: 0;
88
466
  }
89
- .fuelux .input-group-addon.checkbox-custom.checkbox-inline:before {
467
+ .fuelux .input-group-addon.checkbox-custom {
468
+ margin-bottom: 0;
469
+ cursor: pointer;
470
+ padding-left: 24px;
471
+ }
472
+ .fuelux .input-group-addon.checkbox-custom input[type=checkbox] {
473
+ position: absolute;
474
+ margin-left: -24px;
475
+ }
476
+ .fuelux .input-group-addon.checkbox-custom:before {
90
477
  left: 11px;
91
478
  top: 9px;
92
479
  }
93
480
  .fuelux .checkbox-custom {
94
481
  position: relative;
95
482
  /* for keyboard tabbing */
483
+ /* for keyboard tabbing */
96
484
  }
97
485
  .fuelux .checkbox-custom:before {
98
486
  font-family: "Glyphicons Halflings" !important;
@@ -104,9 +492,9 @@
104
492
  speak: none;
105
493
  -webkit-font-smoothing: antialiased;
106
494
  -moz-osx-font-smoothing: grayscale;
107
- border: 1px solid #adadad;
495
+ border: 1px solid #aaaaaa;
108
496
  border-radius: 4px;
109
- color: #fff;
497
+ color: #ffffff;
110
498
  content: " ";
111
499
  font-size: 9px;
112
500
  height: 14px;
@@ -116,6 +504,16 @@
116
504
  top: 3px;
117
505
  width: 14px;
118
506
  }
507
+ .fuelux .checkbox-custom:active:before,
508
+ .fuelux .checkbox-custom:focus:before {
509
+ color: #5b9dd9;
510
+ cursor: pointer;
511
+ box-shadow: inset 0px 0px 2px 1px #5b9dd9, 0px 0px 5px 0px #5b9dd9;
512
+ }
513
+ .fuelux .checkbox-custom.highlight:before {
514
+ left: 4px;
515
+ top: 6px;
516
+ }
119
517
  .fuelux .checkbox-custom.checked:before {
120
518
  background: #39b3d7;
121
519
  border-color: #39b3d7;
@@ -123,10 +521,11 @@
123
521
  }
124
522
  .fuelux .checkbox-custom.disabled {
125
523
  cursor: not-allowed;
524
+ opacity: .65;
126
525
  }
127
526
  .fuelux .checkbox-custom.disabled:before {
128
527
  cursor: not-allowed;
129
- opacity: .5;
528
+ opacity: .65;
130
529
  }
131
530
  .fuelux .checkbox-custom.checkbox-inline:before {
132
531
  left: 0;
@@ -134,24 +533,261 @@
134
533
  }
135
534
  .fuelux .checkbox-custom.checkbox-inline.highlight {
136
535
  padding: 4px 4px 4px 24px;
536
+ left: -4px;
137
537
  }
138
538
  .fuelux .checkbox-custom.checkbox-inline.highlight:before {
139
539
  left: 4px;
140
540
  top: 7px;
141
541
  }
142
542
  .fuelux .checkbox-custom.checkbox-inline.highlight.checked {
143
- background: #e9e9e9;
543
+ background: #e6e6e6;
144
544
  border-radius: 4px;
145
545
  }
146
546
  .fuelux .checkbox-custom input[type="checkbox"]:focus + .checkbox-label {
147
547
  color: #999999;
148
548
  }
549
+ .fuelux label.checkbox-custom.checkbox-inline {
550
+ padding-left: 20px;
551
+ }
552
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only) ~ label:before,
553
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only) ~ label:before {
554
+ border-radius: 4px;
555
+ z-index: 1;
556
+ }
557
+ .fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked ~ label:before,
558
+ .fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked ~ label:before {
559
+ color: white;
560
+ content: "\e013";
561
+ line-height: 1em;
562
+ padding-left: 1px;
563
+ font-size: 8px;
564
+ padding-top: 2px;
565
+ }
566
+ .fuelux .checkbox.hightlight + .checkbox-inline.highlight,
567
+ .fuelux .checkbox-inline.hightlight + .checkbox-inline.highlight {
568
+ margin-left: -14px;
569
+ }
570
+ .fuelux .checkbox.hightlight + .checkbox-inline.highlight.checkbox-custom,
571
+ .fuelux .checkbox-inline.hightlight + .checkbox-inline.highlight.checkbox-custom {
572
+ margin-left: 0px;
573
+ }
574
+ .fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only) ~ label {
575
+ left: -4px;
576
+ }
577
+ .fuelux .radio {
578
+ /* for keyboard tabbing */
579
+ }
580
+ .fuelux .radio.highlight {
581
+ padding: 4px;
582
+ margin: 0 0 5px 0;
583
+ }
584
+ .fuelux .radio.highlight + .radio.highlight {
585
+ margin-top: -9px;
586
+ }
587
+ .fuelux .radio.highlight label.radio-custom {
588
+ left: -8px;
589
+ padding: 4px 4px 4px 24px;
590
+ border-radius: 4px;
591
+ }
592
+ .fuelux .radio.highlight label.radio-custom:before {
593
+ left: 5px;
594
+ top: 7px;
595
+ }
596
+ .fuelux .radio.highlight label.radio-custom:after {
597
+ left: 9px;
598
+ top: 11px;
599
+ }
600
+ .fuelux .radio.highlight.checked label.radio-custom,
601
+ .fuelux .radio.highlight label.radio-custom.checked {
602
+ background: #e6e6e6;
603
+ border-radius: 4px;
604
+ }
605
+ .fuelux .radio input[type="radio"]:focus + .radio-label,
606
+ .fuelux .radio input[type="radio"]:hover + .radio-label,
607
+ .fuelux .radio .radio-label:hover {
608
+ color: #999999;
609
+ }
610
+ .fuelux .form-horizontal .radio-inline {
611
+ padding-top: 0;
612
+ }
613
+ .fuelux .input-group-addon.radio-custom.radio-inline:before {
614
+ left: 11px;
615
+ top: 9px;
616
+ }
617
+ .fuelux .input-group-addon.radio-custom.radio-inline:after {
618
+ left: 15px;
619
+ top: 13px;
620
+ }
621
+ .fuelux .radio-custom {
622
+ position: relative;
623
+ /* for keyboard tabbing */
624
+ }
625
+ .fuelux .radio-custom .highlight {
626
+ padding: 4px;
627
+ margin: 0 0 5px 0;
628
+ }
629
+ .fuelux .radio-custom .highlight.checked {
630
+ background: #e6e6e6;
631
+ border-radius: 4px;
632
+ }
633
+ .fuelux .radio-custom:after {
634
+ background: transparent;
635
+ border-radius: 6px;
636
+ content: " ";
637
+ height: 6px;
638
+ left: 4px;
639
+ position: absolute;
640
+ top: 7px;
641
+ width: 6px;
642
+ }
643
+ .fuelux .radio-custom:before {
644
+ border: 1px solid #aaaaaa;
645
+ border-radius: 14px;
646
+ content: " ";
647
+ height: 14px;
648
+ left: 0px;
649
+ position: absolute;
650
+ top: 3px;
651
+ width: 14px;
652
+ }
653
+ .fuelux .radio-custom.checked:after {
654
+ background: #ffffff;
655
+ }
656
+ .fuelux .radio-custom.checked:before {
657
+ background: #39b3d7;
658
+ border-color: #39b3d7;
659
+ }
660
+ .fuelux .radio-custom.disabled {
661
+ cursor: not-allowed;
662
+ opacity: .65;
663
+ }
664
+ .fuelux .radio-custom.disabled:after {
665
+ cursor: not-allowed;
666
+ }
667
+ .fuelux .radio-custom.disabled:before {
668
+ cursor: not-allowed;
669
+ opacity: .65;
670
+ }
671
+ .fuelux .radio-custom.radio-inline:after {
672
+ left: 4px;
673
+ top: 7px;
674
+ }
675
+ .fuelux .radio-custom.radio-inline:before {
676
+ left: 0;
677
+ top: 3px;
678
+ }
679
+ .fuelux .radio-custom.radio-inline.highlight {
680
+ left: -3px;
681
+ padding: 4px 4px 4px 24px;
682
+ }
683
+ .fuelux .radio-custom.radio-inline.highlight:after {
684
+ left: 8px;
685
+ top: 11px;
686
+ }
687
+ .fuelux .radio-custom.radio-inline.highlight:before {
688
+ left: 4px;
689
+ top: 7px;
690
+ }
691
+ .fuelux .radio-custom.radio-inline.highlight.checked {
692
+ background: #e6e6e6;
693
+ border-radius: 4px;
694
+ }
695
+ .fuelux .radio-custom input[type="radio"]:focus + .radio-label {
696
+ color: #999999;
697
+ }
698
+ .fuelux label.radio-custom.radio-inline {
699
+ padding-left: 20px;
700
+ }
701
+ .fuelux .radio input[type="radio"]:not(.sr-only),
702
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only) {
703
+ /* for keyboard tabbing */
704
+ /* for keyboard tabbing */
705
+ }
706
+ .fuelux .radio input[type="radio"]:not(.sr-only) ~ label:before,
707
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only) ~ label:before {
708
+ border-radius: 8px;
709
+ z-index: 1;
710
+ }
711
+ .fuelux .radio input[type="radio"]:not(.sr-only):checked ~ label:before,
712
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):checked ~ label:before {
713
+ background: #39b3d7;
714
+ /* Old browsers */
715
+ background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 40%, #39b3d7 41%, #39b3d7 100%);
716
+ /* FF3.6+ */
717
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(40%, #ffffff), color-stop(41%, #39b3d7), color-stop(100%, #39b3d7));
718
+ /* Chrome,Safari4+ */
719
+ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 40%, #39b3d7 41%, #39b3d7 100%);
720
+ /* Chrome10+,Safari5.1+ */
721
+ background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 40%, #39b3d7 41%, #39b3d7 100%);
722
+ /* Opera 12+ */
723
+ background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 40%, #39b3d7 41%, #39b3d7 100%);
724
+ /* IE10+ */
725
+ background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 40%, #39b3d7 41%, #39b3d7 100%);
726
+ /* W3C */
727
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#39b3d7', GradientType=1);
728
+ /* IE6-9 fallback on horizontal gradient */
729
+ }
730
+ .fuelux .radio input[type="radio"]:not(.sr-only):hover ~ label:before,
731
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):hover ~ label:before,
732
+ .fuelux .radio input[type="radio"]:not(.sr-only):active ~ label:before,
733
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label:before,
734
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label:before,
735
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label:before {
736
+ box-shadow: inset 0px 0px 2px 1px #5b9dd9, 0px 0px 5px 0px #5b9dd9;
737
+ }
738
+ .fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label:before,
739
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label:before,
740
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
741
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
742
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
743
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
744
+ .fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label:before,
745
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:before {
746
+ outline-color: none;
747
+ outline-offset: 0;
748
+ outline-style: none;
749
+ outline-width: 0;
750
+ cursor: default;
751
+ }
752
+ .fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label,
753
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label,
754
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
755
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
756
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
757
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
758
+ .fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label,
759
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label,
760
+ .fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
761
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
762
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
763
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
764
+ .fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
765
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
766
+ .fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
767
+ .fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:hover {
768
+ color: #333333;
769
+ cursor: default;
770
+ }
149
771
  .fuelux .combobox.disabled .input-group-btn {
150
772
  cursor: not-allowed;
151
773
  }
152
774
  .fuelux .combobox input::-ms-clear {
153
775
  display: none;
154
776
  }
777
+ .fuelux .combobox .dropdown-menu > li.selected > a {
778
+ color: #262626;
779
+ text-decoration: none;
780
+ background-color: #f5f5f5;
781
+ }
782
+ .fuelux .combobox .dropdown-menu > li > em {
783
+ display: block;
784
+ padding: 3px 20px;
785
+ clear: both;
786
+ font-weight: normal;
787
+ line-height: 1.42857143;
788
+ color: #333;
789
+ white-space: nowrap;
790
+ }
155
791
  .fuelux .datepicker-calendar {
156
792
  padding: 16px 16px 0;
157
793
  min-height: 262px;
@@ -168,12 +804,14 @@
168
804
  /* for spacing */
169
805
  }
170
806
  .fuelux .datepicker-calendar-days thead {
171
- border-bottom: 1px solid #cccaca;
807
+ border-bottom: 1px solid #cccccc;
172
808
  }
173
809
  .fuelux .datepicker-calendar-days tbody:before {
174
- line-height: 3px;
810
+ color: transparent;
175
811
  content: "\200C";
176
812
  display: block;
813
+ line-height: 3px;
814
+ visibility: hidden;
177
815
  }
178
816
  .fuelux .datepicker-calendar-days td,
179
817
  .fuelux .datepicker-calendar-days th {
@@ -185,7 +823,7 @@
185
823
  }
186
824
  .fuelux .datepicker-calendar-days td b,
187
825
  .fuelux .datepicker-calendar-days td button {
188
- color: #231f20;
826
+ color: #333333;
189
827
  display: inline-block;
190
828
  font-weight: normal;
191
829
  height: 30px;
@@ -197,22 +835,34 @@
197
835
  }
198
836
  .fuelux .datepicker-calendar-days td span {
199
837
  display: block;
838
+ border-radius: 4px;
200
839
  }
201
840
  .fuelux .datepicker-calendar-days td span:hover {
202
- background: #f1f1f1;
841
+ background: #f5f5f5;
203
842
  text-decoration: none;
204
843
  }
205
- .fuelux .datepicker-calendar-days td.current-day b,
206
- .fuelux .datepicker-calendar-days td.current-day button {
207
- border: 1px solid #333;
844
+ .fuelux .datepicker-calendar-days td.current-day span {
845
+ border: 1px solid #333333;
208
846
  }
209
847
  .fuelux .datepicker-calendar-days td.last-month,
210
848
  .fuelux .datepicker-calendar-days td.next-month {
211
- background: #e3e2e1;
849
+ background: #d5d5d5;
850
+ }
851
+ .fuelux .datepicker-calendar-days td.last-month.first,
852
+ .fuelux .datepicker-calendar-days td.next-month.first {
853
+ border-top-left-radius: 4px;
854
+ border-bottom-left-radius: 4px;
855
+ padding-left: 1px;
856
+ }
857
+ .fuelux .datepicker-calendar-days td.last-month.last,
858
+ .fuelux .datepicker-calendar-days td.next-month.last {
859
+ border-top-right-radius: 4px;
860
+ border-bottom-right-radius: 4px;
861
+ padding-right: 1px;
212
862
  }
213
863
  .fuelux .datepicker-calendar-days td.past b,
214
864
  .fuelux .datepicker-calendar-days td.past button {
215
- color: #8d8787;
865
+ color: #999999;
216
866
  }
217
867
  .fuelux .datepicker-calendar-days td.restricted b,
218
868
  .fuelux .datepicker-calendar-days td.restricted button {
@@ -221,7 +871,7 @@
221
871
  }
222
872
  .fuelux .datepicker-calendar-days td.restricted b:before,
223
873
  .fuelux .datepicker-calendar-days td.restricted button:before {
224
- border-top: 1px solid #a94442;
874
+ border-top: 1px solid #e9322d;
225
875
  bottom: 0;
226
876
  content: " ";
227
877
  display: block;
@@ -235,17 +885,21 @@
235
885
  background: none;
236
886
  }
237
887
  .fuelux .datepicker-calendar-days td.selected span {
238
- background: #efefef;
888
+ background: #eeeeee;
239
889
  }
240
890
  .fuelux .datepicker-calendar-days td.selected span:hover {
241
- background: #d7d7d7;
891
+ background: #dddddd;
242
892
  }
243
893
  .fuelux .datepicker-calendar-days td.selected b,
244
894
  .fuelux .datepicker-calendar-days td.selected button {
245
- color: #8d8787;
895
+ color: #878787;
246
896
  }
247
897
  .fuelux .datepicker-calendar-days td.selected.current-day {
248
- box-shadow: 0 0 0 1px #fff offset;
898
+ box-shadow: 0 0 0 1px #ffffff offset;
899
+ }
900
+ .fuelux .datepicker-calendar-days td.selected.current-day b,
901
+ .fuelux .datepicker-calendar-days td.selected.current-day button {
902
+ color: #222222;
249
903
  }
250
904
  .fuelux .datepicker-calendar-days td.selected.current-day span:hover b,
251
905
  .fuelux .datepicker-calendar-days td.selected.current-day span:hover button {
@@ -278,14 +932,14 @@
278
932
  text-align: center;
279
933
  display: block;
280
934
  width: 174px;
281
- color: #4d4d4f;
935
+ color: #222222;
282
936
  font-size: 20px;
283
937
  line-height: 30px;
284
938
  text-decoration: underline;
285
939
  vertical-align: middle;
286
940
  }
287
941
  .fuelux .datepicker-calendar-header .title:hover {
288
- color: #1d75bb;
942
+ color: #0f5f9f;
289
943
  text-decoration: underline;
290
944
  }
291
945
  .fuelux .datepicker-calendar-header .title.disabled {
@@ -306,7 +960,7 @@
306
960
  }
307
961
  .fuelux .datepicker-calendar-header .next,
308
962
  .fuelux .datepicker-calendar-header .prev {
309
- background: #666669;
963
+ background: #666666;
310
964
  background-clip: padding-box;
311
965
  border-radius: 30px;
312
966
  cursor: pointer;
@@ -317,13 +971,13 @@
317
971
  }
318
972
  .fuelux .datepicker-calendar-header .next span.glyphicon,
319
973
  .fuelux .datepicker-calendar-header .prev span.glyphicon {
320
- color: #fff;
974
+ color: #ffffff;
321
975
  font-size: 16px;
322
976
  line-height: 30px;
323
977
  }
324
978
  .fuelux .datepicker-calendar-header .next:hover,
325
979
  .fuelux .datepicker-calendar-header .prev:hover {
326
- background: #1d75bb;
980
+ background: #0f5f9f;
327
981
  }
328
982
  .fuelux .datepicker-calendar-header .next {
329
983
  float: right;
@@ -332,16 +986,16 @@
332
986
  line-height: 28px;
333
987
  }
334
988
  .fuelux .datepicker-calendar-footer {
335
- background: #e3e2e1;
989
+ background: #e6e6e6;
336
990
  background-clip: padding-box;
337
991
  border-radius: 0 0 4px 4px;
338
- border-top: 1px solid #cccaca;
992
+ border-top: 1px solid #cccccc;
339
993
  height: 30px;
340
994
  margin: 0 -16px;
341
995
  padding: 4px 14px;
342
996
  }
343
997
  .fuelux .datepicker-calendar-footer .datepicker-today {
344
- color: #231f20;
998
+ color: #333333;
345
999
  font-size: 14px;
346
1000
  text-decoration: underline;
347
1001
  }
@@ -350,15 +1004,15 @@
350
1004
  text-decoration: underline;
351
1005
  }
352
1006
  .fuelux .datepicker-calendar-footer .datepicker-today.disabled {
353
- color: #8b8c8e;
1007
+ color: #878787;
354
1008
  cursor: default;
355
1009
  pointer-events: none;
356
1010
  }
357
1011
  .fuelux .datepicker-calendar-footer .datepicker-today.disabled:hover {
358
- color: #8b8c8e;
1012
+ color: #878787;
359
1013
  }
360
1014
  .fuelux .datepicker-calendar-wrapper {
361
- border: 1px solid #6e6f71;
1015
+ border: 1px solid #757575;
362
1016
  min-height: 20px;
363
1017
  padding: 0;
364
1018
  width: 300px;
@@ -372,29 +1026,29 @@
372
1026
  background-color: transparent;
373
1027
  }
374
1028
  .fuelux .datepicker-wheels-footer {
375
- background: #e3e2e1;
1029
+ background: #e6e6e6;
376
1030
  border-radius: 0 0 4px 4px;
377
- border-top: 1px solid #cccaca;
1031
+ border-top: 1px solid #cccccc;
378
1032
  clear: both;
379
1033
  }
380
1034
  .fuelux .datepicker-wheels-footer .datepicker-wheels-back {
381
1035
  display: block;
382
- color: #4d4d4f;
1036
+ color: #222222;
383
1037
  float: left;
384
1038
  line-height: 22px;
385
1039
  border: 0;
386
1040
  background-color: transparent;
387
1041
  }
388
1042
  .fuelux .datepicker-wheels-footer .datepicker-wheels-back:hover {
389
- color: #1d75bb;
1043
+ color: #1b75bb;
390
1044
  }
391
1045
  .fuelux .datepicker-wheels-footer .datepicker-wheels-select {
392
1046
  float: right;
393
1047
  background-color: transparent;
394
- color: #049cdb;
1048
+ color: #5b9dd9;
395
1049
  }
396
1050
  .fuelux .datepicker-wheels-footer .datepicker-wheels-select:hover {
397
- color: #1d75bb;
1051
+ color: #1b75bb;
398
1052
  }
399
1053
  .fuelux .datepicker-wheels-month,
400
1054
  .fuelux .datepicker-wheels-year {
@@ -418,7 +1072,7 @@
418
1072
  .fuelux .datepicker-wheels-year ul li button {
419
1073
  width: 100%;
420
1074
  text-align: center;
421
- color: #414041;
1075
+ color: #454545;
422
1076
  display: block;
423
1077
  font-size: 16px;
424
1078
  line-height: 24px;
@@ -426,13 +1080,13 @@
426
1080
  }
427
1081
  .fuelux .datepicker-wheels-month ul li button:hover,
428
1082
  .fuelux .datepicker-wheels-year ul li button:hover {
429
- background: #aee0f8;
1083
+ background: #d9edf7;
430
1084
  text-decoration: none;
431
1085
  }
432
1086
  .fuelux .datepicker-wheels-month ul li.selected button,
433
1087
  .fuelux .datepicker-wheels-year ul li.selected button {
434
- background: #1d75bb;
435
- color: #fff;
1088
+ background: #1b75bb;
1089
+ color: #ffffff;
436
1090
  }
437
1091
  .fuelux .datepicker-wheels-month ul li.selected button:hover,
438
1092
  .fuelux .datepicker-wheels-year ul li.selected button:hover {
@@ -440,11 +1094,11 @@
440
1094
  }
441
1095
  .fuelux .datepicker-wheels-month .header,
442
1096
  .fuelux .datepicker-wheels-year .header {
443
- background: #e3e2e1;
1097
+ background: #e6e6e6;
444
1098
  background-clip: padding-box;
445
- border-bottom: 1px solid #cccaca;
1099
+ border-bottom: 1px solid #cccccc;
446
1100
  border-radius: 4px 0 0 0;
447
- color: #4d4d4f;
1101
+ color: #222222;
448
1102
  font-size: 20px;
449
1103
  font-weight: bold;
450
1104
  line-height: 30px;
@@ -462,7 +1116,7 @@
462
1116
  border-radius: 4px 4px 0 0;
463
1117
  }
464
1118
  .fuelux .datepicker-wheels-year {
465
- border-left: 1px solid #cccaca;
1119
+ border-left: 1px solid #cccccc;
466
1120
  float: right;
467
1121
  }
468
1122
  .fuelux .datepicker-wheels-year .header {
@@ -494,7 +1148,8 @@
494
1148
  margin: 0 auto;
495
1149
  width: 32px;
496
1150
  }
497
- .fuelux .dropUp {
1151
+ .fuelux .dropUp,
1152
+ .fuelux .dropup {
498
1153
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
499
1154
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
500
1155
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
@@ -528,7 +1183,7 @@
528
1183
  opacity: 0.33;
529
1184
  }
530
1185
  .fuelux .loader.iefix:before {
531
- color: #bcbcbc;
1186
+ color: #bbbbbb;
532
1187
  opacity: 1;
533
1188
  }
534
1189
  .fuelux .loader[data-frame="1"]:after {
@@ -555,52 +1210,8 @@
555
1210
  .fuelux .loader[data-frame="8"]:after {
556
1211
  content: '\e008';
557
1212
  }
558
- .fuelux input.glass,
559
- .fuelux textarea.glass {
560
- background: transparent;
561
- border: 1px solid #fff;
562
- box-shadow: none;
563
- }
564
- .fuelux input.glass:hover,
565
- .fuelux textarea.glass:hover {
566
- background: #d9edf7;
567
- border-color: #66afe9;
568
- cursor: pointer;
569
- }
570
- .fuelux input.glass:hover[disabled],
571
- .fuelux textarea.glass:hover[disabled] {
572
- background: transparent;
573
- border-color: #fff;
574
- cursor: not-allowed;
575
- }
576
- .fuelux input.glass:focus,
577
- .fuelux textarea.glass:focus {
578
- background: #fff;
579
- border-color: #66afe9;
580
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
581
- cursor: auto;
582
- }
583
- .fuelux input.glass:focus[disabled],
584
- .fuelux textarea.glass:focus[disabled] {
585
- background: transparent;
586
- border-color: #fff;
587
- cursor: not-allowed;
588
- }
589
- .fuelux input.glass[disabled],
590
- .fuelux textarea.glass[disabled] {
591
- cursor: not-allowed;
592
- }
593
- .fuelux .input-group-addon {
594
- padding: 6px 18px;
595
- }
596
- .fuelux [data-toggle="buttons"] > .btn > input[type="radio"],
597
- .fuelux [data-toggle="buttons"] > .btn > input[type="checkbox"] {
598
- display: inline;
599
- position: absolute;
600
- left: -9999px;
601
- }
602
1213
  .fuelux .pillbox {
603
- border: 1px solid #BBBBBB;
1214
+ border: 1px solid #bbbbbb;
604
1215
  border-radius: 4px;
605
1216
  cursor: text;
606
1217
  padding: 3px;
@@ -679,13 +1290,13 @@
679
1290
  float: left;
680
1291
  }
681
1292
  .fuelux .pillbox .pillbox-input-wrap.editing {
682
- border: 1px solid #ccc;
1293
+ border: 1px solid #cccccc;
683
1294
  border-radius: 4px;
684
1295
  margin: 2px 0 3px 3px;
685
1296
  }
686
1297
  .fuelux .pillbox .pillbox-input-wrap.editing input.pillbox-add-item {
687
1298
  border-radius: 4px;
688
- color: #333;
1299
+ color: #333333;
689
1300
  height: 32px;
690
1301
  }
691
1302
  .fuelux .pillbox .pillbox-add-item {
@@ -723,19 +1334,27 @@
723
1334
  display: inline-block;
724
1335
  position: relative;
725
1336
  }
1337
+ .fuelux .placard[data-ellipsis="true"].showing div.placard-field,
726
1338
  .fuelux .placard[data-ellipsis="true"].showing input.placard-field {
727
- overflow: visible;
1339
+ overflow: auto;
728
1340
  text-overflow: clip;
729
1341
  white-space: normal;
730
1342
  }
1343
+ .fuelux .placard[data-ellipsis="true"] div.placard-field,
731
1344
  .fuelux .placard[data-ellipsis="true"] input.placard-field {
732
1345
  overflow: hidden;
733
1346
  text-overflow: ellipsis;
734
1347
  white-space: nowrap;
735
1348
  }
1349
+ .fuelux .placard[data-ellipsis="true"] div.placard-field::-ms-clear,
736
1350
  .fuelux .placard[data-ellipsis="true"] input.placard-field::-ms-clear {
737
1351
  display: none;
738
1352
  }
1353
+ .fuelux .placard[data-ellipsis="true"] div.placard-field[data-textarea] {
1354
+ overflow: auto;
1355
+ text-overflow: clip;
1356
+ white-space: normal;
1357
+ }
739
1358
  .fuelux .placard[data-ellipsis="true"] textarea.placard-field[readonly] {
740
1359
  overflow: hidden;
741
1360
  }
@@ -745,37 +1364,50 @@
745
1364
  display: block;
746
1365
  z-index: 1;
747
1366
  }
1367
+ .fuelux .placard.showing div.placard-field,
748
1368
  .fuelux .placard.showing input.placard-field,
749
1369
  .fuelux .placard.showing textarea.placard-field {
750
- background: #fff;
751
- border: 1px solid #CCCCCC;
1370
+ background: #ffffff;
1371
+ border: 1px solid #cccccc;
752
1372
  box-shadow: none;
753
1373
  position: relative;
754
1374
  z-index: 1;
755
1375
  }
1376
+ .fuelux .placard div.placard-field,
756
1377
  .fuelux .placard input.placard-field,
757
1378
  .fuelux .placard textarea.placard-field {
758
1379
  resize: none;
759
1380
  }
1381
+ .fuelux .placard div.placard-field[readonly],
760
1382
  .fuelux .placard input.placard-field[readonly],
761
1383
  .fuelux .placard textarea.placard-field[readonly] {
762
- background: #fff;
1384
+ background: #ffffff;
763
1385
  cursor: auto;
764
1386
  }
1387
+ .fuelux .placard div.placard-field[readonly].glass,
765
1388
  .fuelux .placard input.placard-field[readonly].glass,
766
1389
  .fuelux .placard textarea.placard-field[readonly].glass {
767
1390
  background: none;
768
1391
  }
1392
+ .fuelux .placard div.placard-field[readonly].glass:hover,
769
1393
  .fuelux .placard input.placard-field[readonly].glass:hover,
770
1394
  .fuelux .placard textarea.placard-field[readonly].glass:hover {
771
1395
  background: #d9edf7;
772
1396
  cursor: pointer;
773
1397
  }
1398
+ .fuelux .placard div.placard-field:focus,
774
1399
  .fuelux .placard input.placard-field:focus,
775
1400
  .fuelux .placard textarea.placard-field:focus {
776
- border: 1px solid #CCCCCC;
1401
+ border: 1px solid #cccccc;
777
1402
  box-shadow: none;
778
1403
  }
1404
+ .fuelux .placard div.placard-field {
1405
+ width: 168px;
1406
+ overflow: auto;
1407
+ }
1408
+ .fuelux .placard div.placard-field[data-textarea] {
1409
+ height: 54px;
1410
+ }
779
1411
  .fuelux .placard-cancel {
780
1412
  font-size: 12px;
781
1413
  margin-right: 4px;
@@ -809,115 +1441,51 @@
809
1441
  .fuelux .placard-popup {
810
1442
  background: #d9edf7;
811
1443
  background-clip: padding-box;
812
- border: 1px solid #ccc;
1444
+ border: 1px solid #cccccc;
813
1445
  border-radius: 4px;
814
1446
  bottom: -8px;
815
- box-shadow: 0 0 0 1px #fff inset;
1447
+ box-shadow: 0 0 0 1px #ffffff inset;
816
1448
  display: none;
817
1449
  left: -8px;
818
1450
  position: absolute;
819
1451
  right: -8px;
820
1452
  top: -8px;
821
1453
  }
822
- .fuelux .radio {
823
- /* for keyboard tabbing */
824
- }
825
- .fuelux .radio.highlight {
826
- padding: 4px;
827
- }
828
- .fuelux .radio.highlight.checked {
829
- background: #e9e9e9;
830
- border-radius: 4px;
831
- }
832
- .fuelux .radio input[type="radio"]:focus + .radio-label,
833
- .fuelux .radio input[type="radio"]:hover + .radio-label,
834
- .fuelux .radio .radio-label:hover {
835
- color: #999999;
836
- }
837
- .fuelux .form-horizontal .radio-inline {
838
- padding-top: 0;
839
- }
840
- .fuelux .input-group-addon.radio-custom.radio-inline:before {
841
- left: 11px;
842
- top: 9px;
843
- }
844
- .fuelux .input-group-addon.radio-custom.radio-inline:after {
845
- left: 15px;
846
- top: 13px;
847
- }
848
- .fuelux .radio-custom {
849
- position: relative;
850
- /* for keyboard tabbing */
851
- }
852
- .fuelux .radio-custom:after {
1454
+ .fuelux .placard .glass {
853
1455
  background: transparent;
854
- border-radius: 6px;
855
- content: " ";
856
- height: 6px;
857
- left: 4px;
858
- position: absolute;
859
- top: 7px;
860
- width: 6px;
861
- }
862
- .fuelux .radio-custom:before {
863
- border: 1px solid #adadad;
864
- border-radius: 14px;
865
- content: " ";
866
- height: 14px;
867
- left: 0px;
868
- position: absolute;
869
- top: 3px;
870
- width: 14px;
871
- }
872
- .fuelux .radio-custom.checked:after {
873
- background: #fff;
1456
+ border: 1px solid #ffffff;
1457
+ box-shadow: none;
874
1458
  }
875
- .fuelux .radio-custom.checked:before {
876
- background: #39b3d7;
877
- border-color: #39b3d7;
1459
+ .fuelux .placard .glass:hover {
1460
+ background: #d9edf7;
1461
+ border-color: #5b9dd9;
1462
+ cursor: pointer;
878
1463
  }
879
- .fuelux .radio-custom.disabled {
1464
+ .fuelux .placard .glass:hover[disabled] {
1465
+ background: transparent;
1466
+ border-color: #ffffff;
880
1467
  cursor: not-allowed;
881
1468
  }
882
- .fuelux .radio-custom.disabled:after {
883
- cursor: not-allowed;
1469
+ .fuelux .placard .glass:focus {
1470
+ background: #ffffff;
1471
+ border-color: #5b9dd9;
1472
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75), 0 0 8px rgba(91, 157, 217, 0.6);
1473
+ cursor: auto;
884
1474
  }
885
- .fuelux .radio-custom.disabled:before {
1475
+ .fuelux .placard .glass:focus[disabled] {
1476
+ background: transparent;
1477
+ border-color: #ffffff;
886
1478
  cursor: not-allowed;
887
- opacity: .5;
888
- }
889
- .fuelux .radio-custom.radio-inline:after {
890
- left: 4px;
891
- top: 7px;
892
- }
893
- .fuelux .radio-custom.radio-inline:before {
894
- left: 0;
895
- top: 3px;
896
- }
897
- .fuelux .radio-custom.radio-inline.highlight {
898
- padding: 4px 4px 4px 24px;
899
- }
900
- .fuelux .radio-custom.radio-inline.highlight:after {
901
- left: 8px;
902
- top: 11px;
903
1479
  }
904
- .fuelux .radio-custom.radio-inline.highlight:before {
905
- left: 4px;
906
- top: 7px;
907
- }
908
- .fuelux .radio-custom.radio-inline.highlight.checked {
909
- background: #e9e9e9;
910
- border-radius: 4px;
911
- }
912
- .fuelux .radio-custom input[type="radio"]:focus + .radio-label {
913
- color: #999999;
1480
+ .fuelux .placard .glass[disabled] {
1481
+ cursor: not-allowed;
914
1482
  }
915
1483
  .fuelux .repeater {
916
- border: 1px solid #ddd;
1484
+ border: 1px solid #dddddd;
917
1485
  border-radius: 4px;
918
1486
  /*
919
- * reinforce spacing around control buttons
920
- */
1487
+ * reinforce spacing around control buttons
1488
+ */
921
1489
  }
922
1490
  .fuelux .repeater-canvas.scrolling {
923
1491
  bottom: 0;
@@ -929,7 +1497,7 @@
929
1497
  }
930
1498
  .fuelux .repeater-header,
931
1499
  .fuelux .repeater-footer {
932
- background: #f9f9f9;
1500
+ background: #fafafa;
933
1501
  min-height: 50px;
934
1502
  padding: 8px;
935
1503
  *zoom: 1;
@@ -986,12 +1554,12 @@
986
1554
  }
987
1555
  }
988
1556
  .fuelux .repeater-header {
989
- border-bottom: 1px solid #ddd;
1557
+ border-bottom: 1px solid #dddddd;
990
1558
  border-top-right-radius: 4px;
991
1559
  border-top-left-radius: 4px;
992
1560
  }
993
1561
  .fuelux .repeater-footer {
994
- border-top: 1px solid #ddd;
1562
+ border-top: 1px solid #dddddd;
995
1563
  border-bottom-right-radius: 4px;
996
1564
  border-bottom-left-radius: 4px;
997
1565
  }
@@ -1045,6 +1613,27 @@
1045
1613
  .fuelux .repeater-prev {
1046
1614
  margin: auto 0.3em;
1047
1615
  }
1616
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable:hover td,
1617
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable.hovered td {
1618
+ background: #fff;
1619
+ }
1620
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-select-checkbox {
1621
+ cursor: not-allowed;
1622
+ }
1623
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table thead tr th.sortable,
1624
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table thead tr th .repeater-list-heading.sortable {
1625
+ background: #fafafa;
1626
+ cursor: auto;
1627
+ }
1628
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable:hover.selected td,
1629
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable.hovered.selected td {
1630
+ background: #eee;
1631
+ }
1632
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable:hover td,
1633
+ .fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable.hovered td {
1634
+ background: #fff;
1635
+ cursor: auto;
1636
+ }
1048
1637
  .fuelux .repeater[data-viewtype="list"] .repeater-canvas.scrolling {
1049
1638
  overflow: visible;
1050
1639
  }
@@ -1059,160 +1648,357 @@
1059
1648
  height: 100%;
1060
1649
  overflow: auto;
1061
1650
  }
1062
- .fuelux .repeater[data-viewtype="list"] .repeater-loader {
1063
- margin-top: -12px;
1651
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list {
1652
+ position: relative;
1064
1653
  }
1065
- .fuelux .repeater[data-viewtype="list"] .repeater-loader.noHeader {
1066
- margin-top: -32px;
1654
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table {
1655
+ margin-bottom: 0;
1656
+ width: 100%;
1067
1657
  }
1068
- .fuelux .repeater[data-viewtype="list"] .repeater-viewport {
1069
- overflow: hidden;
1658
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody td {
1659
+ border-bottom: 1px solid #dddddd;
1660
+ border-left: 1px solid #dddddd;
1661
+ border-top: none;
1662
+ }
1663
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody td:first-child {
1664
+ border-left: none;
1665
+ }
1666
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody td.sorted {
1667
+ background: #fafafa;
1070
1668
  }
1071
- .fuelux .repeater-list {
1669
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr:focus {
1670
+ outline: 1px dotted #dddddd;
1671
+ }
1672
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.empty td {
1673
+ border-bottom: none;
1674
+ font-size: 14px;
1675
+ font-style: italic;
1676
+ padding: 20px;
1677
+ text-align: center;
1678
+ width: 100%;
1679
+ }
1680
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selectable:hover td,
1681
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selectable.hovered td {
1682
+ background: #f5f5f5;
1683
+ cursor: pointer;
1684
+ }
1685
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selectable .checkbox-custom:before {
1686
+ margin-top: -4px;
1687
+ top: 0;
1688
+ }
1689
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selected td {
1690
+ background: #eeeeee;
1691
+ color: #333333;
1692
+ }
1693
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selected td:first-child {
1694
+ padding-left: 30px;
1695
+ }
1696
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th {
1697
+ background: #fafafa;
1698
+ border-bottom: 1px solid #dddddd;
1699
+ border-left: 1px solid transparent;
1700
+ border-top: none;
1701
+ color: rgba(0, 0, 0, 0);
1702
+ line-height: 1.42857;
1703
+ padding: 8px;
1704
+ -webkit-user-select: none;
1705
+ -moz-user-select: none;
1706
+ -ms-user-select: none;
1707
+ -o-user-select: none;
1708
+ user-select: none;
1709
+ }
1710
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th:first-child {
1711
+ border-left: none;
1712
+ }
1713
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th:first-child .header-checkbox {
1714
+ width: 37px;
1715
+ }
1716
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th.sortable:hover,
1717
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th.sortable.sorted {
1718
+ background: #f5f5f5;
1719
+ cursor: pointer;
1720
+ background-color: #f2f2f2;
1721
+ background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
1722
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
1723
+ background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
1724
+ background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
1725
+ background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
1726
+ background-repeat: repeat-x;
1727
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
1728
+ }
1729
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th.sorted span.glyphicon {
1730
+ display: block;
1731
+ visibility: hidden;
1732
+ }
1733
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th span.glyphicon {
1734
+ display: none;
1735
+ float: right;
1736
+ margin-top: 2px;
1737
+ }
1738
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead > tr > th .actions-hidden {
1739
+ visibility: hidden;
1740
+ }
1741
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-check {
1742
+ display: inline-block;
1743
+ height: 0;
1744
+ line-height: 0;
1072
1745
  position: relative;
1746
+ vertical-align: top;
1747
+ width: 0;
1748
+ }
1749
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-check span.glyphicon {
1750
+ left: -22px;
1751
+ position: absolute;
1752
+ top: 2px;
1753
+ }
1754
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading {
1755
+ background: #fafafa;
1756
+ border-bottom: 1px solid #dddddd;
1757
+ border-left: 1px solid #dddddd;
1758
+ border-top: none;
1759
+ color: #333333;
1760
+ line-height: 1.42857;
1761
+ margin-left: -9px;
1762
+ padding: 8px;
1763
+ position: absolute;
1764
+ top: 0;
1765
+ z-index: 1;
1766
+ -webkit-user-select: none;
1767
+ -moz-user-select: none;
1768
+ -ms-user-select: none;
1769
+ -o-user-select: none;
1770
+ user-select: none;
1771
+ }
1772
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.shifted {
1773
+ margin-left: -1px;
1774
+ }
1775
+ @media screen and (-webkit-min-device-pixel-ratio: 0) {
1776
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.shifted {
1777
+ margin-left: 0;
1778
+ }
1779
+ }
1780
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.sortable:hover,
1781
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.sortable.sorted {
1782
+ background: #f5f5f5;
1783
+ cursor: pointer;
1784
+ background-color: #f2f2f2;
1785
+ background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
1786
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
1787
+ background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
1788
+ background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
1789
+ background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
1790
+ background-repeat: repeat-x;
1791
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
1792
+ }
1793
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.sortable.sorted span.glyphicon {
1794
+ display: block;
1795
+ visibility: visible;
1796
+ }
1797
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading span.glyphicon {
1798
+ display: none;
1799
+ float: right;
1800
+ margin-top: 2px;
1801
+ }
1802
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled {
1803
+ overflow: auto;
1804
+ }
1805
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list-wrapper {
1806
+ overflow: visible;
1807
+ }
1808
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list .frozen-column-wrapper {
1809
+ position: absolute;
1810
+ z-index: 2;
1811
+ left: 0;
1812
+ }
1813
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list .frozen-thead-wrapper {
1814
+ position: absolute;
1815
+ top: 0;
1816
+ left: 0;
1817
+ z-index: 3;
1818
+ }
1819
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list .frozen-thead-wrapper table {
1820
+ border-right: 1px solid #dddddd;
1821
+ }
1822
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table {
1823
+ table-layout: fixed;
1824
+ word-wrap: break-word;
1825
+ }
1826
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen {
1827
+ border-right: 1px solid #dddddd;
1828
+ z-index: 2;
1829
+ background: #ffffff;
1830
+ border-collapse: collapse;
1831
+ table-layout: fixed;
1832
+ float: left;
1833
+ }
1834
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen td,
1835
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen th {
1836
+ border-collapse: collapse;
1837
+ word-wrap: break-word;
1838
+ }
1839
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen .repeater-frozen-heading {
1840
+ background: #fafafa;
1841
+ }
1842
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen .repeater-frozen-heading.shifted {
1843
+ left: -1px;
1844
+ }
1845
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled {
1846
+ overflow: auto;
1847
+ }
1848
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list-wrapper {
1849
+ overflow: visible;
1850
+ }
1851
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper {
1852
+ position: absolute;
1853
+ z-index: 2;
1854
+ right: 0;
1855
+ }
1856
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table {
1857
+ table-layout: fixed;
1858
+ word-wrap: break-word;
1859
+ }
1860
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions {
1861
+ border-left: 1px solid #dddddd;
1862
+ z-index: 2;
1863
+ border-collapse: collapse;
1864
+ table-layout: fixed;
1865
+ float: right;
1866
+ }
1867
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr {
1868
+ border-left: 1px solid #dddddd;
1869
+ }
1870
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.empty-heading {
1871
+ background: transparent;
1872
+ border-left: 1px solid transparent;
1873
+ }
1874
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.empty-heading th {
1875
+ background: transparent;
1876
+ }
1877
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td {
1878
+ background: #ffffff;
1879
+ }
1880
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable:hover td,
1881
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable.hovered td {
1882
+ background: #f5f5f5;
1883
+ cursor: pointer;
1884
+ }
1885
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable .checkbox-custom:before {
1886
+ margin-top: -4px;
1887
+ top: 0;
1888
+ }
1889
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selected td {
1890
+ background: #eeeeee;
1891
+ color: #333333;
1892
+ }
1893
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selected td:first-child {
1894
+ padding-left: 30px;
1895
+ }
1896
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td,
1897
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th {
1898
+ border-collapse: collapse;
1899
+ word-wrap: break-word;
1900
+ padding-bottom: 5px;
1073
1901
  }
1074
- .fuelux .repeater-list table {
1075
- margin-bottom: 0;
1902
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td .btn-group,
1903
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .btn-group {
1076
1904
  width: 100%;
1905
+ text-align: center;
1077
1906
  }
1078
- .fuelux .repeater-list table tbody td {
1079
- border-bottom: 1px solid #ddd;
1080
- border-left: 1px solid #ddd;
1081
- border-top: none;
1082
- }
1083
- .fuelux .repeater-list table tbody td:first-child {
1084
- border-left: none;
1907
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td .btn-group .btn,
1908
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .btn-group .btn {
1909
+ float: none;
1085
1910
  }
1086
- .fuelux .repeater-list table tbody td.sorted {
1087
- background: #f9f9f9;
1911
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selected td:first-child {
1912
+ padding-left: 8px;
1088
1913
  }
1089
- .fuelux .repeater-list table tbody tr:focus {
1090
- outline: 1px dotted #d7d7d7;
1914
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th {
1915
+ border-bottom: 1px solid #dddddd;
1916
+ padding-bottom: 7px;
1091
1917
  }
1092
- .fuelux .repeater-list table tbody tr.empty td {
1093
- border-bottom: none;
1094
- font-style: italic;
1095
- padding: 20px;
1096
- text-align: center;
1918
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .repeater-list-heading {
1919
+ padding: 8px 0 7px;
1920
+ border-left: 1px solid #fafafa;
1921
+ margin-left: -9px;
1097
1922
  width: 100%;
1098
1923
  }
1099
- .fuelux .repeater-list table tbody tr.selectable:hover td {
1100
- background: #f1f1f1;
1101
- cursor: pointer;
1924
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .repeater-list-heading .glyphicon {
1925
+ display: inline-block;
1926
+ float: none;
1927
+ margin-top: 0;
1102
1928
  }
1103
- .fuelux .repeater-list table tbody tr.selected:hover td {
1104
- background: #d7d7d7;
1929
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions .caret {
1930
+ margin-left: 0;
1105
1931
  }
1106
- .fuelux .repeater-list table tbody tr.selected td {
1107
- background: #efefef;
1108
- color: #333;
1932
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-thead-wrapper {
1933
+ position: absolute;
1934
+ top: 0;
1935
+ right: 0;
1936
+ z-index: 3;
1109
1937
  }
1110
- .fuelux .repeater-list table tbody tr.selected td:first-child {
1111
- padding-left: 30px;
1938
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list table {
1939
+ table-layout: fixed;
1940
+ word-wrap: break-word;
1112
1941
  }
1113
- .fuelux .repeater-list table thead > tr > th {
1114
- background: #F9F9F9;
1115
- border-bottom: 1px solid #ddd;
1942
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list table thead tr th:last-child .repeater-list-heading {
1116
1943
  border-left: 1px solid transparent;
1117
- border-top: none;
1118
- color: rgba(0, 0, 0, 0);
1119
- line-height: 1.42857;
1120
- padding: 8px;
1121
- -webkit-user-select: none;
1122
- -moz-user-select: none;
1123
- -ms-user-select: none;
1124
- -o-user-select: none;
1125
- user-select: none;
1126
1944
  }
1127
- .fuelux .repeater-list table thead > tr > th:first-child {
1128
- border-left: none;
1945
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions {
1946
+ background-color: #ffffff;
1129
1947
  }
1130
- .fuelux .repeater-list table thead > tr > th.sortable:hover,
1131
- .fuelux .repeater-list table thead > tr > th.sortable.sorted {
1132
- background: #F1F1F1;
1133
- cursor: pointer;
1134
- background-color: #f1f1f1;
1135
- background-image: -moz-linear-gradient(top, #f9f9f9, #e5e5e5);
1136
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e5e5e5));
1137
- background-image: -webkit-linear-gradient(top, #f9f9f9, #e5e5e5);
1138
- background-image: -o-linear-gradient(top, #f9f9f9, #e5e5e5);
1139
- background-image: linear-gradient(to bottom, #f9f9f9, #e5e5e5);
1140
- background-repeat: repeat-x;
1141
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
1948
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr {
1949
+ background-color: transparent;
1142
1950
  }
1143
- .fuelux .repeater-list table thead > tr > th.sorted span.glyphicon {
1144
- display: block;
1145
- visibility: hidden;
1951
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr.empty-heading {
1952
+ border-left: 1px solid #fafafa;
1146
1953
  }
1147
- .fuelux .repeater-list table thead > tr > th span.glyphicon {
1148
- display: none;
1149
- float: right;
1150
- margin-top: 2px;
1954
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr th {
1955
+ padding-bottom: 8px;
1151
1956
  }
1152
- .fuelux .repeater-list-check {
1153
- display: inline-block;
1154
- height: 0;
1155
- line-height: 0;
1156
- position: relative;
1157
- vertical-align: top;
1158
- width: 0;
1957
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr td {
1958
+ padding-bottom: 6px;
1959
+ line-height: 1.39;
1159
1960
  }
1160
- .fuelux .repeater-list-check span.glyphicon {
1161
- left: -22px;
1162
- position: absolute;
1163
- top: 2px;
1961
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list thead tr:first-child .header-checkbox {
1962
+ width: 37px;
1164
1963
  }
1165
- .fuelux .repeater-list-heading {
1166
- background: #F9F9F9;
1167
- border-bottom: 1px solid #ddd;
1168
- border-left: 1px solid #ddd;
1169
- border-top: none;
1170
- color: #333;
1171
- line-height: 1.42857;
1172
- margin-left: -9px;
1173
- padding: 8px;
1174
- position: absolute;
1175
- top: 0;
1176
- z-index: 1;
1177
- -webkit-user-select: none;
1178
- -moz-user-select: none;
1179
- -ms-user-select: none;
1180
- -o-user-select: none;
1181
- user-select: none;
1964
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list thead tr:first-child .header-checkbox label {
1965
+ top: -10px;
1966
+ left: 4px;
1967
+ padding-left: 0;
1182
1968
  }
1183
- .fuelux .repeater-list-heading.shifted {
1184
- margin-left: -1px;
1969
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list tbody tr .body-checkbox {
1970
+ left: 4px;
1971
+ top: -3px;
1185
1972
  }
1186
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
1187
- .fuelux .repeater-list-heading.shifted {
1188
- margin-left: 0;
1189
- }
1973
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list tr.selected td:first-child {
1974
+ padding-left: 8px;
1190
1975
  }
1191
- .fuelux .repeater-list-heading.sortable:hover,
1192
- .fuelux .repeater-list-heading.sortable.sorted {
1193
- background: #F1F1F1;
1194
- cursor: pointer;
1195
- background-color: #f1f1f1;
1196
- background-image: -moz-linear-gradient(top, #f9f9f9, #e5e5e5);
1197
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e5e5e5));
1198
- background-image: -webkit-linear-gradient(top, #f9f9f9, #e5e5e5);
1199
- background-image: -o-linear-gradient(top, #f9f9f9, #e5e5e5);
1200
- background-image: linear-gradient(to bottom, #f9f9f9, #e5e5e5);
1201
- background-repeat: repeat-x;
1202
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
1976
+ .fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .repeater-list-heading {
1977
+ border-left: 1px solid #dddddd;
1203
1978
  }
1204
- .fuelux .repeater-list-heading.sortable.sorted span.glyphicon {
1205
- display: block;
1206
- visibility: visible;
1979
+ .fuelux .repeater[data-viewtype="list"] .repeater-loader {
1980
+ margin-top: -12px;
1207
1981
  }
1208
- .fuelux .repeater-list-heading span.glyphicon {
1209
- display: none;
1210
- float: right;
1211
- margin-top: 2px;
1982
+ .fuelux .repeater[data-viewtype="list"] .repeater-loader.noHeader {
1983
+ margin-top: -32px;
1984
+ }
1985
+ .fuelux .repeater[data-viewtype="list"] .repeater-viewport {
1986
+ overflow: hidden;
1987
+ }
1988
+ .fuelux .repeater[data-viewtype="list"] .actions-wrapper {
1989
+ z-index: 10;
1990
+ text-align: right;
1991
+ }
1992
+ .fuelux .repeater.disabled .repeater-thumbnail.selectable:hover {
1993
+ background: #fff;
1994
+ cursor: auto;
1995
+ }
1996
+ .fuelux .repeater.disabled .repeater-thumbnail.selectable.selected:hover {
1997
+ background: #eeeeee;
1212
1998
  }
1213
1999
  .fuelux .repeater-thumbnail {
1214
- border: 1px solid #ddd;
1215
- color: #666;
2000
+ border: 1px solid #dddddd;
2001
+ color: #666666;
1216
2002
  float: left;
1217
2003
  font-size: 14px;
1218
2004
  min-height: 110px;
@@ -1284,19 +2070,20 @@
1284
2070
  text-align: right;
1285
2071
  }
1286
2072
  .fuelux .repeater-thumbnail-cont div.empty {
2073
+ font-size: 14px;
1287
2074
  font-style: italic;
1288
- padding: 20px 10px;
2075
+ padding: 14px 10px 20px;
1289
2076
  text-align: center;
1290
2077
  }
1291
2078
  .fuelux .repeater-thumbnail-cont .selectable:hover {
1292
- background: #f1f1f1;
2079
+ background: #f5f5f5;
1293
2080
  cursor: pointer;
1294
2081
  }
1295
2082
  .fuelux .repeater-thumbnail-cont .selectable.selected {
1296
- background: #efefef;
2083
+ background: #eeeeee;
1297
2084
  }
1298
2085
  .fuelux .repeater-thumbnail-cont .selectable.selected:hover {
1299
- background: #d7d7d7;
2086
+ background: #dddddd;
1300
2087
  }
1301
2088
  .fuelux .spinbox {
1302
2089
  display: inline-block;
@@ -1324,6 +2111,7 @@
1324
2111
  padding-top: 0;
1325
2112
  padding-right: 9px;
1326
2113
  padding-left: 9px;
2114
+ overflow-y: hidden;
1327
2115
  }
1328
2116
  .fuelux .spinbox .btn.disabled {
1329
2117
  cursor: not-allowed;
@@ -1353,25 +2141,31 @@
1353
2141
  }
1354
2142
  .fuelux .spinbox .spinbox-down .glyphicon-chevron-down {
1355
2143
  position: relative;
1356
- left: -1px;
1357
- top: 0px;
2144
+ left: 0;
2145
+ top: 0;
1358
2146
  }
1359
2147
  .fuelux .spinbox input::-ms-clear {
1360
2148
  display: none;
1361
2149
  }
1362
2150
  .fuelux .scheduler {
1363
2151
  /* -------------------------------
1364
- START DATE/TIME
1365
- ------------------------------- */
2152
+ START DATE/TIME
2153
+ ------------------------------- */
1366
2154
  /* -------------------------------
1367
- TIMEZONE
1368
- ------------------------------- */
2155
+ TIMEZONE
2156
+ ------------------------------- */
1369
2157
  /* -------------------------------
1370
- REPEAT PANELS
1371
- ------------------------------- */
2158
+ REPEAT PANELS
2159
+ ------------------------------- */
1372
2160
  /* -------------------------------
1373
- END
1374
- ------------------------------- */
2161
+ END
2162
+ ------------------------------- */
2163
+ }
2164
+ .fuelux .scheduler .row {
2165
+ margin-bottom: 10px;
2166
+ }
2167
+ .fuelux .scheduler .row.no-margin {
2168
+ margin-bottom: 0px;
1375
2169
  }
1376
2170
  .fuelux .scheduler .control-label {
1377
2171
  min-width: 7em;
@@ -1381,8 +2175,8 @@ END
1381
2175
  line-height: 27px;
1382
2176
  margin-top: 4px;
1383
2177
  }
1384
- .fuelux .scheduler .start-datetime.form-group {
1385
- margin-bottom: 0;
2178
+ .fuelux .scheduler .form-group {
2179
+ margin-bottom: 0px;
1386
2180
  }
1387
2181
  .fuelux .scheduler .start-datetime .form-group {
1388
2182
  margin-left: 0;
@@ -1527,8 +2321,21 @@ END
1527
2321
  .fuelux .scheduler .repeat-yearly .repeat-yearly-day .repeat-yearly-day-text {
1528
2322
  margin-left: 10px;
1529
2323
  }
2324
+ .fuelux .scheduler .repeat-weekly.repeat-days-of-the-week {
2325
+ margin-top: 10px;
2326
+ *zoom: 1;
2327
+ }
2328
+ .fuelux .scheduler .repeat-weekly.repeat-days-of-the-week:before,
2329
+ .fuelux .scheduler .repeat-weekly.repeat-days-of-the-week:after {
2330
+ display: table;
2331
+ content: "";
2332
+ line-height: 0;
2333
+ }
2334
+ .fuelux .scheduler .repeat-weekly.repeat-days-of-the-week:after {
2335
+ clear: both;
2336
+ }
1530
2337
  .fuelux .scheduler .repeat-weekly button:not(.active) {
1531
- background-color: #fff;
2338
+ background-color: #ffffff;
1532
2339
  }
1533
2340
  .fuelux .scheduler .repeat-weekly .btn-group.disabled {
1534
2341
  position: relative;
@@ -1562,6 +2369,16 @@ END
1562
2369
  .fuelux .scheduler .repeat-end .form-group {
1563
2370
  margin-left: 0;
1564
2371
  }
2372
+ .fuelux .scheduler .repeat-end .end-option-panel {
2373
+ padding-left: 10px;
2374
+ }
2375
+ .fuelux .scheduler .repeat-end .selectlist {
2376
+ min-width: 100%;
2377
+ }
2378
+ .fuelux .scheduler .repeat-end .selectlist button,
2379
+ .fuelux .scheduler .repeat-end .selectlist ul {
2380
+ min-width: 100%;
2381
+ }
1565
2382
  .fuelux .scheduler input::-ms-clear {
1566
2383
  display: none;
1567
2384
  }
@@ -1574,22 +2391,184 @@ END
1574
2391
  .fuelux .selectlist.disabled {
1575
2392
  cursor: not-allowed;
1576
2393
  }
2394
+ .fuelux .selectlist .selected-label {
2395
+ overflow: hidden;
2396
+ min-width: 2em;
2397
+ }
2398
+ .fuelux .selectlist .dropdown-menu {
2399
+ min-width: inherit;
2400
+ overflow-y: auto;
2401
+ }
2402
+ .fuelux .selectlist .btn.dropdown-toggle {
2403
+ text-align: left;
2404
+ padding-right: 28px;
2405
+ }
2406
+ .fuelux .selectlist .btn.dropdown-toggle .caret {
2407
+ margin: auto;
2408
+ position: absolute;
2409
+ top: 0;
2410
+ bottom: 0;
2411
+ right: 12px;
2412
+ }
2413
+ .fuelux .button-sizer,
1577
2414
  .fuelux .selectlist-sizer {
1578
2415
  display: inline-block;
1579
2416
  position: absolute;
1580
2417
  visibility: hidden;
1581
2418
  top: 0;
2419
+ float: left;
1582
2420
  }
1583
- .fuelux .selectlist .selected-label {
1584
- overflow: hidden;
1585
- min-width: 2em;
2421
+ .fuelux .button-sizer .selectlist,
2422
+ .fuelux .selectlist-sizer .selectlist {
2423
+ display: block !important;
1586
2424
  }
1587
- .fuelux .selectlist .btn.dropdown-toggle {
2425
+ .fuelux .button-sizer .dropdown-menu,
2426
+ .fuelux .selectlist-sizer .dropdown-menu {
2427
+ display: block;
2428
+ min-width: inherit;
2429
+ }
2430
+ .fuelux .button-sizer .selected-label,
2431
+ .fuelux .selectlist-sizer .selected-label {
2432
+ width: auto !important;
2433
+ }
2434
+ .fuelux .picker {
2435
+ display: inline-block;
2436
+ position: relative;
2437
+ }
2438
+ .fuelux .picker[data-ellipsis="true"].showing input.picker-field {
2439
+ overflow: visible;
2440
+ text-overflow: clip;
1588
2441
  white-space: normal;
1589
2442
  }
1590
- .fuelux .selectlist .btn.dropdown-toggle .selected-label {
1591
- padding-right: 10px;
1592
- text-align: left;
2443
+ .fuelux .picker[data-ellipsis="true"] input.picker-field {
2444
+ overflow: hidden;
2445
+ text-overflow: ellipsis;
2446
+ white-space: nowrap;
2447
+ }
2448
+ .fuelux .picker[data-ellipsis="true"] input.picker-field::-ms-clear {
2449
+ display: none;
2450
+ }
2451
+ .fuelux .picker[data-ellipsis="true"] textarea.picker-field[readonly] {
2452
+ overflow: hidden;
2453
+ }
2454
+ .fuelux .picker.showing .picker-footer,
2455
+ .fuelux .picker.showing .picker-header,
2456
+ .fuelux .picker.showing .picker-popup {
2457
+ display: block;
2458
+ z-index: 1;
2459
+ }
2460
+ .fuelux .picker.showing input.picker-field,
2461
+ .fuelux .picker.showing textarea.picker-field {
2462
+ background: #ffffff;
2463
+ border: 1px solid #cccccc;
2464
+ box-shadow: none;
2465
+ position: relative;
2466
+ z-index: 1;
2467
+ }
2468
+ .fuelux .picker input.picker-field,
2469
+ .fuelux .picker textarea.picker-field {
2470
+ resize: none;
2471
+ }
2472
+ .fuelux .picker input.picker-field[readonly],
2473
+ .fuelux .picker textarea.picker-field[readonly] {
2474
+ background: #ffffff;
2475
+ cursor: auto;
2476
+ }
2477
+ .fuelux .picker input.picker-field[readonly].glass,
2478
+ .fuelux .picker textarea.picker-field[readonly].glass {
2479
+ background: none;
2480
+ }
2481
+ .fuelux .picker input.picker-field[readonly].glass:hover,
2482
+ .fuelux .picker textarea.picker-field[readonly].glass:hover {
2483
+ background: #d9edf7;
2484
+ cursor: pointer;
2485
+ }
2486
+ .fuelux .picker input.picker-field:focus,
2487
+ .fuelux .picker textarea.picker-field:focus {
2488
+ border: 1px solid #cccccc;
2489
+ box-shadow: none;
2490
+ }
2491
+ .fuelux .picker-cancel {
2492
+ font-size: 12px;
2493
+ margin-right: 4px;
2494
+ vertical-align: middle;
2495
+ }
2496
+ .fuelux .picker-footer,
2497
+ .fuelux .picker-header {
2498
+ display: none;
2499
+ left: 0;
2500
+ line-height: 1;
2501
+ right: 0;
2502
+ }
2503
+ .fuelux .picker-footer {
2504
+ padding: 8px 10px 8px 0;
2505
+ text-align: right;
2506
+ bottom: 0;
2507
+ position: absolute;
2508
+ }
2509
+ .fuelux .picker-header {
2510
+ height: 31px;
2511
+ padding: 8px 0 0px 10px;
2512
+ }
2513
+ .fuelux .picker-header h1,
2514
+ .fuelux .picker-header h2,
2515
+ .fuelux .picker-header h3,
2516
+ .fuelux .picker-header h4,
2517
+ .fuelux .picker-header h5,
2518
+ .fuelux .picker-header h6 {
2519
+ margin: 0;
2520
+ }
2521
+ .fuelux .picker-popup {
2522
+ background: #d9edf7;
2523
+ background-clip: padding-box;
2524
+ border: 1px solid #cccccc;
2525
+ border-radius: 4px;
2526
+ box-shadow: 0 0 0 1px #ffffff inset;
2527
+ display: none;
2528
+ position: absolute;
2529
+ padding-left: 6px;
2530
+ padding-right: 6px;
2531
+ height: 234px;
2532
+ width: 350px;
2533
+ margin: 4px 0;
2534
+ }
2535
+ .fuelux .picker .picker-body.well {
2536
+ background-color: #fff;
2537
+ overflow: scroll;
2538
+ padding: 0;
2539
+ height: 165px;
2540
+ }
2541
+ .fuelux .picker .tree {
2542
+ border: none;
2543
+ }
2544
+ .fuelux .picker .glass {
2545
+ background: transparent;
2546
+ border: 1px solid #ffffff;
2547
+ box-shadow: none;
2548
+ }
2549
+ .fuelux .picker .glass:hover {
2550
+ background: #d9edf7;
2551
+ border-color: #5b9dd9;
2552
+ cursor: pointer;
2553
+ }
2554
+ .fuelux .picker .glass:hover[disabled] {
2555
+ background: transparent;
2556
+ border-color: #ffffff;
2557
+ cursor: not-allowed;
2558
+ }
2559
+ .fuelux .picker .glass:focus {
2560
+ background: #ffffff;
2561
+ border-color: #5b9dd9;
2562
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75), 0 0 8px rgba(91, 157, 217, 0.6);
2563
+ cursor: auto;
2564
+ }
2565
+ .fuelux .picker .glass:focus[disabled] {
2566
+ background: transparent;
2567
+ border-color: #ffffff;
2568
+ cursor: not-allowed;
2569
+ }
2570
+ .fuelux .picker .glass[disabled] {
2571
+ cursor: not-allowed;
1593
2572
  }
1594
2573
  .fuelux .tree {
1595
2574
  border: 1px solid #999999;
@@ -1618,7 +2597,10 @@ END
1618
2597
  margin-bottom: 5px;
1619
2598
  }
1620
2599
  .fuelux .tree .tree-loader {
1621
- margin-left: 45px;
2600
+ margin-left: 65px;
2601
+ }
2602
+ .fuelux .tree > .tree-loader {
2603
+ margin-left: 50px;
1622
2604
  }
1623
2605
  .fuelux .tree .tree-open > .tree-branch-header .glyphicon-play {
1624
2606
  transform: rotate(90deg);
@@ -1661,30 +2643,45 @@ END
1661
2643
  .fuelux .tree .tree-branch .tree-branch-children {
1662
2644
  margin-left: 14px;
1663
2645
  }
1664
- .fuelux .tree .tree-branch[haschildren='false'] .icon-caret {
2646
+ .fuelux .tree .tree-branch[haschildren='false'] .icon-caret,
2647
+ .fuelux .tree .tree-branch[data-has-children='false'] .icon-caret {
1665
2648
  visibility: hidden;
1666
2649
  }
1667
- .fuelux .tree .tree-item {
2650
+ .fuelux .tree .tree-item,
2651
+ .fuelux .tree .tree-overflow {
1668
2652
  white-space: nowrap;
1669
2653
  position: relative;
1670
2654
  cursor: pointer;
1671
2655
  border-radius: 6px;
1672
2656
  margin-left: 26px;
1673
2657
  }
1674
- .fuelux .tree .tree-item .tree-item-name {
2658
+ .fuelux .tree .tree-item .tree-item-name,
2659
+ .fuelux .tree .tree-overflow .tree-item-name,
2660
+ .fuelux .tree .tree-item .tree-overflow-name,
2661
+ .fuelux .tree .tree-overflow .tree-overflow-name {
1675
2662
  white-space: nowrap;
1676
2663
  border-radius: 6px;
1677
2664
  background-color: transparent;
1678
2665
  border: 0;
1679
2666
  }
1680
- .fuelux .tree .tree-item .tree-item-name:hover {
2667
+ .fuelux .tree .tree-item .tree-overflow-name .tree-label,
2668
+ .fuelux .tree .tree-overflow .tree-overflow-name .tree-label {
2669
+ margin-left: 15px;
2670
+ color: #0088cc;
2671
+ }
2672
+ .fuelux .tree .tree-item .tree-item-name:hover,
2673
+ .fuelux .tree .tree-overflow .tree-item-name:hover,
2674
+ .fuelux .tree .tree-item .tree-overflow-name:hover,
2675
+ .fuelux .tree .tree-overflow .tree-overflow-name:hover {
1681
2676
  color: #999999;
1682
2677
  }
1683
- .fuelux .tree .tree-item.tree-selected .tree-item-name {
1684
- background-color: #efefef;
1685
- color: #333;
2678
+ .fuelux .tree .tree-item.tree-selected .tree-item-name,
2679
+ .fuelux .tree .tree-overflow.tree-selected .tree-item-name {
2680
+ background-color: #eeeeee;
2681
+ color: #333333;
1686
2682
  }
1687
- .fuelux .tree .tree-item label {
2683
+ .fuelux .tree .tree-item label,
2684
+ .fuelux .tree .tree-overflow label {
1688
2685
  font-weight: normal;
1689
2686
  padding-left: 7px;
1690
2687
  margin-bottom: 0;
@@ -1706,23 +2703,21 @@ END
1706
2703
  border-radius: 6px;
1707
2704
  }
1708
2705
  .fuelux .tree.tree-folder-select .tree-branch > .tree-branch-name.tree-selected {
1709
- background-color: #efefef;
2706
+ background-color: #eeeeee;
1710
2707
  }
1711
2708
  .fuelux .tree.tree-folder-select .tree-branch.tree-selected > .tree-branch-header .tree-branch-name {
1712
- background-color: #efefef;
2709
+ background-color: #eeeeee;
1713
2710
  }
1714
2711
  .fuelux .tree.tree-folder-select .tree-branch.tree-selected > .tree-branch-header .tree-branch-name:hover {
1715
- background-color: #efefef;
2712
+ background-color: #eeeeee;
1716
2713
  }
1717
2714
  .fuelux .wizard {
1718
2715
  *zoom: 1;
1719
2716
  border: 1px solid #d4d4d4;
1720
2717
  border-radius: 4px;
1721
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
1722
- background-color: #f9f9f9;
2718
+ background-color: #fafafa;
1723
2719
  position: relative;
1724
2720
  min-height: 48px;
1725
- overflow: hidden;
1726
2721
  }
1727
2722
  .fuelux .wizard:before,
1728
2723
  .fuelux .wizard:after {
@@ -1733,36 +2728,49 @@ END
1733
2728
  .fuelux .wizard:after {
1734
2729
  clear: both;
1735
2730
  }
1736
- .fuelux .wizard > .steps {
2731
+ .fuelux .wizard.no-steps-container {
2732
+ overflow: hidden;
2733
+ }
2734
+ .fuelux .wizard .steps-container {
2735
+ border-radius: 4px 4px 0 0;
2736
+ overflow: hidden;
2737
+ }
2738
+ .fuelux .wizard > ul.steps,
2739
+ .fuelux .wizard > .steps-container > ul.steps {
1737
2740
  list-style: none outside none;
1738
2741
  padding: 0;
1739
2742
  margin: 0;
1740
- width: 4000px;
2743
+ width: 999999px;
1741
2744
  }
1742
- .fuelux .wizard > .steps.previous-disabled li.complete {
2745
+ .fuelux .wizard > ul.steps.previous-disabled li.complete,
2746
+ .fuelux .wizard > .steps-container > ul.steps.previous-disabled li.complete {
1743
2747
  cursor: default;
1744
2748
  }
1745
- .fuelux .wizard > .steps.previous-disabled li.complete:hover {
1746
- background: #f3f4f5;
2749
+ .fuelux .wizard > ul.steps.previous-disabled li.complete:hover,
2750
+ .fuelux .wizard > .steps-container > ul.steps.previous-disabled li.complete:hover {
2751
+ background: #f5f5f5;
1747
2752
  color: #468847;
1748
2753
  cursor: default;
1749
2754
  }
1750
- .fuelux .wizard > .steps.previous-disabled li.complete:hover .chevron:before {
1751
- border-left-color: #f3f4f5;
2755
+ .fuelux .wizard > ul.steps.previous-disabled li.complete:hover .chevron:before,
2756
+ .fuelux .wizard > .steps-container > ul.steps.previous-disabled li.complete:hover .chevron:before {
2757
+ border-left-color: #f5f5f5;
1752
2758
  }
1753
- .fuelux .wizard > .steps li {
2759
+ .fuelux .wizard > ul.steps li,
2760
+ .fuelux .wizard > .steps-container > ul.steps li {
1754
2761
  float: left;
1755
2762
  margin: 0;
1756
2763
  padding: 0 20px 0 30px;
1757
2764
  height: 46px;
1758
2765
  line-height: 46px;
1759
2766
  position: relative;
1760
- background: #ededed;
2767
+ background: #eeeeee;
1761
2768
  color: #999999;
1762
2769
  font-size: 16px;
1763
2770
  cursor: not-allowed;
1764
2771
  }
1765
- .fuelux .wizard > .steps li .chevron {
2772
+ .fuelux .wizard > ul.steps li .chevron,
2773
+ .fuelux .wizard > .steps-container > ul.steps li .chevron {
1766
2774
  border: 24px solid transparent;
1767
2775
  border-left: 14px solid #d4d4d4;
1768
2776
  border-right: 0;
@@ -1772,9 +2780,10 @@ END
1772
2780
  top: 0;
1773
2781
  z-index: 1;
1774
2782
  }
1775
- .fuelux .wizard > .steps li .chevron:before {
2783
+ .fuelux .wizard > ul.steps li .chevron:before,
2784
+ .fuelux .wizard > .steps-container > ul.steps li .chevron:before {
1776
2785
  border: 24px solid transparent;
1777
- border-left: 14px solid #ededed;
2786
+ border-left: 14px solid #eeeeee;
1778
2787
  border-right: 0;
1779
2788
  content: "";
1780
2789
  display: block;
@@ -1782,52 +2791,128 @@ END
1782
2791
  right: 1px;
1783
2792
  top: -24px;
1784
2793
  }
1785
- .fuelux .wizard > .steps li.complete {
1786
- background: #f3f4f5;
2794
+ .fuelux .wizard > ul.steps li.complete,
2795
+ .fuelux .wizard > .steps-container > ul.steps li.complete {
2796
+ background: #f5f5f5;
1787
2797
  color: #468847;
1788
2798
  }
1789
- .fuelux .wizard > .steps li.complete:hover {
1790
- background: #e7eff8;
2799
+ .fuelux .wizard > ul.steps li.complete:hover,
2800
+ .fuelux .wizard > .steps-container > ul.steps li.complete:hover {
2801
+ background: #e2eaee;
1791
2802
  cursor: pointer;
1792
2803
  }
1793
- .fuelux .wizard > .steps li.complete:hover .chevron:before {
1794
- border-left: 14px solid #e7eff8;
2804
+ .fuelux .wizard > ul.steps li.complete:hover .chevron:before,
2805
+ .fuelux .wizard > .steps-container > ul.steps li.complete:hover .chevron:before {
2806
+ border-left: 14px solid #e2eaee;
1795
2807
  }
1796
- .fuelux .wizard > .steps li.complete .chevron:before {
1797
- border-left: 14px solid #f3f4f5;
2808
+ .fuelux .wizard > ul.steps li.complete .chevron:before,
2809
+ .fuelux .wizard > .steps-container > ul.steps li.complete .chevron:before {
2810
+ border-left: 14px solid #f5f5f5;
1798
2811
  }
1799
- .fuelux .wizard > .steps li.active {
1800
- background: #f1f6fc;
2812
+ .fuelux .wizard > ul.steps li.active,
2813
+ .fuelux .wizard > .steps-container > ul.steps li.active {
2814
+ background: #eef7fb;
1801
2815
  color: #3a87ad;
1802
2816
  cursor: default;
1803
2817
  }
1804
- .fuelux .wizard > .steps li.active .chevron:before {
1805
- border-left: 14px solid #f1f6fc;
2818
+ .fuelux .wizard > ul.steps li.active .chevron:before,
2819
+ .fuelux .wizard > .steps-container > ul.steps li.active .chevron:before {
2820
+ border-left: 14px solid #eef7fb;
1806
2821
  }
1807
- .fuelux .wizard > .steps li.active .badge {
2822
+ .fuelux .wizard > ul.steps li.active .badge,
2823
+ .fuelux .wizard > .steps-container > ul.steps li.active .badge {
1808
2824
  background-color: #3a87ad;
1809
2825
  }
1810
- .fuelux .wizard > .steps li .badge {
2826
+ .fuelux .wizard > ul.steps li .badge,
2827
+ .fuelux .wizard > .steps-container > ul.steps li .badge {
1811
2828
  margin-right: 8px;
1812
2829
  }
1813
- .fuelux .wizard > .steps li .badge-success {
2830
+ .fuelux .wizard > ul.steps li .badge-success,
2831
+ .fuelux .wizard > .steps-container > ul.steps li .badge-success {
1814
2832
  background-color: #468847;
1815
2833
  }
1816
- .fuelux .wizard > .steps li:first-child {
1817
- border-radius: 4px 0 0 4px;
2834
+ .fuelux .wizard > ul.steps li:first-child,
2835
+ .fuelux .wizard > .steps-container > ul.steps li:first-child {
2836
+ border-radius: 4px 0 0 0;
1818
2837
  padding-left: 20px;
1819
2838
  }
2839
+ .fuelux .wizard.rtl {
2840
+ direction: rtl;
2841
+ }
2842
+ .fuelux .wizard.rtl > ul.steps,
2843
+ .fuelux .wizard.rtl > .steps-container > ul.steps {
2844
+ right: 0;
2845
+ left: auto;
2846
+ float: right;
2847
+ }
2848
+ .fuelux .wizard.rtl > ul.steps.previous-disabled li.complete:hover .chevron:before,
2849
+ .fuelux .wizard.rtl > .steps-container > ul.steps.previous-disabled li.complete:hover .chevron:before {
2850
+ border-right-color: #f5f5f5;
2851
+ }
2852
+ .fuelux .wizard.rtl > ul.steps li,
2853
+ .fuelux .wizard.rtl > .steps-container > ul.steps li {
2854
+ float: right;
2855
+ }
2856
+ .fuelux .wizard.rtl > ul.steps li .chevron,
2857
+ .fuelux .wizard.rtl > .steps-container > ul.steps li .chevron {
2858
+ right: auto;
2859
+ left: -14px;
2860
+ border-right: 14px solid #cccccc;
2861
+ border-left: 0;
2862
+ }
2863
+ .fuelux .wizard.rtl > ul.steps li .chevron:before,
2864
+ .fuelux .wizard.rtl > .steps-container > ul.steps li .chevron:before {
2865
+ right: auto;
2866
+ left: 1px;
2867
+ border-right: 14px solid #eeeeee;
2868
+ border-left: 0;
2869
+ }
2870
+ .fuelux .wizard.rtl > ul.steps li.active .chevron:before,
2871
+ .fuelux .wizard.rtl > .steps-container > ul.steps li.active .chevron:before {
2872
+ border-right: 14px solid #eef7fb;
2873
+ }
2874
+ .fuelux .wizard.rtl > ul.steps li.complete .chevron:before,
2875
+ .fuelux .wizard.rtl > .steps-container > ul.steps li.complete .chevron:before {
2876
+ border-right: 14px solid #f5f5f5;
2877
+ }
2878
+ .fuelux .wizard.rtl > ul.steps li.complete:hover .chevron:before,
2879
+ .fuelux .wizard.rtl > .steps-container > ul.steps li.complete:hover .chevron:before {
2880
+ border-right: 14px solid #e2eaee;
2881
+ border-left: none;
2882
+ }
2883
+ .fuelux .wizard.rtl > ul.steps li .badge,
2884
+ .fuelux .wizard.rtl > .steps-container > ul.steps li .badge {
2885
+ margin-left: 8px;
2886
+ }
2887
+ .fuelux .wizard.rtl > .actions {
2888
+ right: auto;
2889
+ left: 0;
2890
+ float: left;
2891
+ border-left: none;
2892
+ border-right: 1px solid #d4d4d4;
2893
+ border-radius: 4px 0 0 0;
2894
+ }
2895
+ .fuelux .wizard.rtl > .actions .btn-prev span {
2896
+ margin-left: 5px;
2897
+ margin-right: 0;
2898
+ }
2899
+ .fuelux .wizard.rtl > .actions .btn-next span {
2900
+ margin-left: 0;
2901
+ margin-right: 5px;
2902
+ }
1820
2903
  .fuelux .wizard > .actions {
1821
2904
  z-index: 1000;
1822
2905
  position: absolute;
1823
2906
  right: 0;
2907
+ top: 0;
1824
2908
  line-height: 46px;
1825
2909
  float: right;
1826
2910
  padding-left: 15px;
1827
2911
  padding-right: 15px;
1828
2912
  vertical-align: middle;
1829
- background-color: #e5e5e5;
2913
+ background-color: #e6e6e6;
1830
2914
  border-left: 1px solid #d4d4d4;
2915
+ border-radius: 0 4px 0 0;
1831
2916
  }
1832
2917
  .fuelux .wizard > .actions a {
1833
2918
  line-height: 45px;
@@ -1847,7 +2932,7 @@ END
1847
2932
  margin-left: 5px;
1848
2933
  }
1849
2934
  .fuelux .wizard .step-content {
1850
- border-top: 1px solid #D4D4D4;
2935
+ border-top: 1px solid #cccccc;
1851
2936
  padding: 10px;
1852
2937
  float: left;
1853
2938
  width: 100%;
@@ -1861,12 +2946,9 @@ END
1861
2946
  .fuelux .wizard .step-content > .active .btn-group .active {
1862
2947
  display: inline-block;
1863
2948
  }
1864
- .fuelux .wizard.complete > .actions .glyphicon-arrow-right:before {
2949
+ .fuelux .wizard.complete > .actions .btn-next .glyphicon {
1865
2950
  display: none;
1866
2951
  }
1867
- .fuelux .wizard.complete > .actions .glyphicon-arrow-right {
1868
- margin-left: 0;
1869
- }
1870
2952
  .fuelux .serif {
1871
2953
  font-family: Georgia, "Times New Roman", Times, serif;
1872
2954
  }
@@ -2051,17 +3133,16 @@ END
2051
3133
  text-transform: uppercase;
2052
3134
  font-size: 10px;
2053
3135
  margin-bottom: 2px;
2054
- text-shadow: 0 1px #fff;
2055
- color: #666;
3136
+ text-shadow: 0 1px #ffffff;
3137
+ color: #666666;
2056
3138
  }
2057
3139
  .fuelux .data-value {
2058
3140
  font-size: 14px;
2059
3141
  }
2060
3142
  .fuelux .section-heading {
2061
3143
  font-size: 16px;
2062
- color: #333;
3144
+ color: #333333;
2063
3145
  margin: 0 0 10px;
2064
3146
  padding: 0;
2065
- text-shadow: 0 1px #fff;
3147
+ text-shadow: 0 1px #ffffff;
2066
3148
  }
2067
- /*# sourceMappingURL=fuelux.css.map */