|
1 /* |
|
2 * MyAMS |
|
3 * « My Application Management Skin » |
|
4 * |
|
5 * $Tag$ |
|
6 * A bootstrap based application/administration skin |
|
7 * |
|
8 * Custom administration and application skin tools |
|
9 * Released under Zope Public License ZPL 1.1 |
|
10 * ©2014 Thierry Florac <tflorac@ulthar.net> |
|
11 */ |
|
12 /* |
|
13 * Colors variations |
|
14 */ |
|
15 .txt-color-blue { |
|
16 color: #60747c !important; |
|
17 } |
|
18 .txt-color-blueLight { |
|
19 color: #ccdadf !important; |
|
20 } |
|
21 .txt-color-blueDark { |
|
22 color: #4c4f53 !important; |
|
23 } |
|
24 .txt-color-green { |
|
25 color: #356e35 !important; |
|
26 } |
|
27 .txt-color-greenLight { |
|
28 color: #71843f !important; |
|
29 } |
|
30 .txt-color-greenDark { |
|
31 color: #496949 !important; |
|
32 } |
|
33 .txt-color-red { |
|
34 color: #931313 !important; |
|
35 } |
|
36 .txt-color-yellow { |
|
37 color: #d4c737 !important; |
|
38 } |
|
39 .txt-color-yellowLight { |
|
40 color: #fff03d !important; |
|
41 } |
|
42 .txt-color-orange { |
|
43 color: #c79121 !important; |
|
44 } |
|
45 .txt-color-orangeLight { |
|
46 color: #ee9000 !important; |
|
47 } |
|
48 .txt-color-orangeDark { |
|
49 color: #a57225 !important; |
|
50 } |
|
51 .txt-color-pink { |
|
52 color: #ac5287 !important; |
|
53 } |
|
54 .txt-color-pinkDark { |
|
55 color: #a8829f !important; |
|
56 } |
|
57 .txt-color-purple { |
|
58 color: #65596b !important; |
|
59 } |
|
60 .txt-color-darken { |
|
61 color: #404040 !important; |
|
62 } |
|
63 .txt-color-silver { |
|
64 color: #b4b4b4 !important; |
|
65 } |
|
66 .txt-color-lighten { |
|
67 color: #d5e7ec !important; |
|
68 } |
|
69 .txt-color-white { |
|
70 color: #ffffff !important; |
|
71 } |
|
72 .txt-color-grayDark { |
|
73 color: #525252 !important; |
|
74 } |
|
75 .txt-color-magenta { |
|
76 color: #6e3671 !important; |
|
77 } |
|
78 .txt-color-teal { |
|
79 color: #568a89 !important; |
|
80 } |
|
81 .txt-color-redLight { |
|
82 color: #a65858 !important; |
|
83 } |
|
84 .bg-color-blue { |
|
85 background-color: #60747c !important; |
|
86 } |
|
87 .bg-color-blueLight { |
|
88 background-color: #ccdadf !important; |
|
89 } |
|
90 .bg-color-blueDark { |
|
91 background-color: #4c4f53 !important; |
|
92 } |
|
93 .bg-color-green { |
|
94 background-color: #356e35 !important; |
|
95 } |
|
96 .bg-color-greenLight { |
|
97 background-color: #71843f !important; |
|
98 } |
|
99 .bg-color-greenDark { |
|
100 background-color: #496949 !important; |
|
101 } |
|
102 .bg-color-red { |
|
103 background-color: #931313 !important; |
|
104 } |
|
105 .bg-color-yellow { |
|
106 background-color: #d4c737 !important; |
|
107 } |
|
108 .bg-color-yellowLight { |
|
109 background-color: #fff03d !important; |
|
110 } |
|
111 .bg-color-orange { |
|
112 background-color: #c79121 !important; |
|
113 } |
|
114 .bg-color-orangeLight { |
|
115 background-color: #ee9000 !important; |
|
116 } |
|
117 .bg-color-orangeDark { |
|
118 background-color: #a57225 !important; |
|
119 } |
|
120 .bg-color-pink { |
|
121 background-color: #ac5287 !important; |
|
122 } |
|
123 .bg-color-pinkDark { |
|
124 background-color: #a8829f !important; |
|
125 } |
|
126 .bg-color-purple { |
|
127 background-color: #65596b !important; |
|
128 } |
|
129 .bg-color-darken { |
|
130 background-color: #404040 !important; |
|
131 } |
|
132 .bg-color-silver { |
|
133 background-color: #b4b4b4 !important; |
|
134 } |
|
135 .bg-color-lighten { |
|
136 background-color: #d5e7ec !important; |
|
137 } |
|
138 .bg-color-white { |
|
139 background-color: #ffffff !important; |
|
140 } |
|
141 .bg-color-grayDark { |
|
142 background-color: #525252 !important; |
|
143 } |
|
144 .bg-color-magenta { |
|
145 background-color: #6e3671 !important; |
|
146 } |
|
147 .bg-color-teal { |
|
148 background-color: #568a89 !important; |
|
149 } |
|
150 .bg-color-redLight { |
|
151 background-color: #a65858 !important; |
|
152 } |
|
153 /* |
|
154 * Animations |
|
155 */ |
|
156 @-webkit-keyframes flash { |
|
157 0%, |
|
158 100%, |
|
159 50% { |
|
160 opacity: 1; |
|
161 } |
|
162 25%, |
|
163 75% { |
|
164 opacity: 0; |
|
165 } |
|
166 } |
|
167 @keyframes flash { |
|
168 0%, |
|
169 100%, |
|
170 50% { |
|
171 opacity: 1; |
|
172 } |
|
173 25%, |
|
174 75% { |
|
175 opacity: 0; |
|
176 } |
|
177 } |
|
178 @-webkit-keyframes shake { |
|
179 0%, |
|
180 100% { |
|
181 -webkit-transform: translateX(0); |
|
182 } |
|
183 10%, |
|
184 30%, |
|
185 50%, |
|
186 70%, |
|
187 90% { |
|
188 -webkit-transform: translateX(-10px); |
|
189 } |
|
190 20%, |
|
191 40%, |
|
192 60%, |
|
193 80% { |
|
194 -webkit-transform: translateX(10px); |
|
195 } |
|
196 } |
|
197 @keyframes shake { |
|
198 0%, |
|
199 100% { |
|
200 -webkit-transform: translateX(0); |
|
201 -ms-transform: translateX(0); |
|
202 transform: translateX(0); |
|
203 } |
|
204 10%, |
|
205 30%, |
|
206 50%, |
|
207 70%, |
|
208 90% { |
|
209 -webkit-transform: translateX(-10px); |
|
210 -ms-transform: translateX(-10px); |
|
211 transform: translateX(-10px); |
|
212 } |
|
213 20%, |
|
214 40%, |
|
215 60%, |
|
216 80% { |
|
217 -webkit-transform: translateX(10px); |
|
218 -ms-transform: translateX(10px); |
|
219 transform: translateX(10px); |
|
220 } |
|
221 } |
|
222 @-webkit-keyframes bounce { |
|
223 0%, |
|
224 100%, |
|
225 20%, |
|
226 50%, |
|
227 80% { |
|
228 -webkit-transform: translateY(0); |
|
229 } |
|
230 40% { |
|
231 -webkit-transform: translateY(-30px); |
|
232 } |
|
233 60% { |
|
234 -webkit-transform: translateY(-15px); |
|
235 } |
|
236 } |
|
237 @keyframes bounce { |
|
238 0%, |
|
239 100%, |
|
240 20%, |
|
241 50%, |
|
242 80% { |
|
243 -webkit-transform: translateY(0); |
|
244 -ms-transform: translateY(0); |
|
245 transform: translateY(0); |
|
246 } |
|
247 40% { |
|
248 -webkit-transform: translateY(-30px); |
|
249 -ms-transform: translateY(-30px); |
|
250 transform: translateY(-30px); |
|
251 } |
|
252 60% { |
|
253 -webkit-transform: translateY(-15px); |
|
254 -ms-transform: translateY(-15px); |
|
255 transform: translateY(-15px); |
|
256 } |
|
257 } |
|
258 @-webkit-keyframes tada { |
|
259 0% { |
|
260 -webkit-transform: scale(1); |
|
261 } |
|
262 10%, |
|
263 20% { |
|
264 -webkit-transform: scale(0.9) rotate(-3deg); |
|
265 } |
|
266 30%, |
|
267 50%, |
|
268 70%, |
|
269 90% { |
|
270 -webkit-transform: scale(1.1) rotate(3deg); |
|
271 } |
|
272 40%, |
|
273 60%, |
|
274 80% { |
|
275 -webkit-transform: scale(1.1) rotate(-3deg); |
|
276 } |
|
277 100% { |
|
278 -webkit-transform: scale(1) rotate(0); |
|
279 } |
|
280 } |
|
281 @keyframes tada { |
|
282 0% { |
|
283 -webkit-transform: scale(1); |
|
284 -ms-transform: scale(1); |
|
285 transform: scale(1); |
|
286 } |
|
287 10%, |
|
288 20% { |
|
289 -webkit-transform: scale(0.9) rotate(-3deg); |
|
290 -ms-transform: scale(0.9) rotate(-3deg); |
|
291 transform: scale(0.9) rotate(-3deg); |
|
292 } |
|
293 30%, |
|
294 50%, |
|
295 70%, |
|
296 90% { |
|
297 -webkit-transform: scale(1.1) rotate(3deg); |
|
298 -ms-transform: scale(1.1) rotate(3deg); |
|
299 transform: scale(1.1) rotate(3deg); |
|
300 } |
|
301 40%, |
|
302 60%, |
|
303 80% { |
|
304 -webkit-transform: scale(1.1) rotate(-3deg); |
|
305 -ms-transform: scale(1.1) rotate(-3deg); |
|
306 transform: scale(1.1) rotate(-3deg); |
|
307 } |
|
308 100% { |
|
309 -webkit-transform: scale(1) rotate(0); |
|
310 -ms-transform: scale(1) rotate(0); |
|
311 transform: scale(1) rotate(0); |
|
312 } |
|
313 } |
|
314 @-webkit-keyframes swing { |
|
315 100%, |
|
316 20%, |
|
317 40%, |
|
318 60%, |
|
319 80% { |
|
320 -webkit-transform-origin: top center; |
|
321 } |
|
322 20% { |
|
323 -webkit-transform: rotate(15deg); |
|
324 } |
|
325 40% { |
|
326 -webkit-transform: rotate(-10deg); |
|
327 } |
|
328 60% { |
|
329 -webkit-transform: rotate(5deg); |
|
330 } |
|
331 80% { |
|
332 -webkit-transform: rotate(-5deg); |
|
333 } |
|
334 100% { |
|
335 -webkit-transform: rotate(0deg); |
|
336 } |
|
337 } |
|
338 @keyframes swing { |
|
339 20% { |
|
340 -webkit-transform: rotate(15deg); |
|
341 -ms-transform: rotate(15deg); |
|
342 transform: rotate(15deg); |
|
343 } |
|
344 40% { |
|
345 -webkit-transform: rotate(-10deg); |
|
346 -ms-transform: rotate(-10deg); |
|
347 transform: rotate(-10deg); |
|
348 } |
|
349 60% { |
|
350 -webkit-transform: rotate(5deg); |
|
351 -ms-transform: rotate(5deg); |
|
352 transform: rotate(5deg); |
|
353 } |
|
354 80% { |
|
355 -webkit-transform: rotate(-5deg); |
|
356 -ms-transform: rotate(-5deg); |
|
357 transform: rotate(-5deg); |
|
358 } |
|
359 100% { |
|
360 -webkit-transform: rotate(0deg); |
|
361 -ms-transform: rotate(0deg); |
|
362 transform: rotate(0deg); |
|
363 } |
|
364 } |
|
365 @-webkit-keyframes wobble { |
|
366 0% { |
|
367 -webkit-transform: translateX(0); |
|
368 } |
|
369 15% { |
|
370 -webkit-transform: translateX(-25%) rotate(-5deg); |
|
371 } |
|
372 30% { |
|
373 -webkit-transform: translateX(20%) rotate(3deg); |
|
374 } |
|
375 45% { |
|
376 -webkit-transform: translateX(-15%) rotate(-3deg); |
|
377 } |
|
378 60% { |
|
379 -webkit-transform: translateX(10%) rotate(2deg); |
|
380 } |
|
381 75% { |
|
382 -webkit-transform: translateX(-5%) rotate(-1deg); |
|
383 } |
|
384 100% { |
|
385 -webkit-transform: translateX(0); |
|
386 } |
|
387 } |
|
388 @keyframes wobble { |
|
389 0% { |
|
390 -webkit-transform: translateX(0); |
|
391 -ms-transform: translateX(0); |
|
392 transform: translateX(0); |
|
393 } |
|
394 15% { |
|
395 -webkit-transform: translateX(-25%) rotate(-5deg); |
|
396 -ms-transform: translateX(-25%) rotate(-5deg); |
|
397 transform: translateX(-25%) rotate(-5deg); |
|
398 } |
|
399 30% { |
|
400 -webkit-transform: translateX(20%) rotate(3deg); |
|
401 -ms-transform: translateX(20%) rotate(3deg); |
|
402 transform: translateX(20%) rotate(3deg); |
|
403 } |
|
404 45% { |
|
405 -webkit-transform: translateX(-15%) rotate(-3deg); |
|
406 -ms-transform: translateX(-15%) rotate(-3deg); |
|
407 transform: translateX(-15%) rotate(-3deg); |
|
408 } |
|
409 60% { |
|
410 -webkit-transform: translateX(10%) rotate(2deg); |
|
411 -ms-transform: translateX(10%) rotate(2deg); |
|
412 transform: translateX(10%) rotate(2deg); |
|
413 } |
|
414 75% { |
|
415 -webkit-transform: translateX(-5%) rotate(-1deg); |
|
416 -ms-transform: translateX(-5%) rotate(-1deg); |
|
417 transform: translateX(-5%) rotate(-1deg); |
|
418 } |
|
419 100% { |
|
420 -webkit-transform: translateX(0); |
|
421 -ms-transform: translateX(0); |
|
422 transform: translateX(0); |
|
423 } |
|
424 } |
|
425 @-webkit-keyframes pulse { |
|
426 0% { |
|
427 -webkit-transform: scale(1); |
|
428 } |
|
429 50% { |
|
430 -webkit-transform: scale(1.1); |
|
431 } |
|
432 100% { |
|
433 -webkit-transform: scale(1); |
|
434 } |
|
435 } |
|
436 @keyframes pulse { |
|
437 0% { |
|
438 -webkit-transform: scale(1); |
|
439 -ms-transform: scale(1); |
|
440 transform: scale(1); |
|
441 } |
|
442 50% { |
|
443 -webkit-transform: scale(1.1); |
|
444 -ms-transform: scale(1.1); |
|
445 transform: scale(1.1); |
|
446 } |
|
447 100% { |
|
448 -webkit-transform: scale(1); |
|
449 -ms-transform: scale(1); |
|
450 transform: scale(1); |
|
451 } |
|
452 } |
|
453 @-webkit-keyframes flip { |
|
454 0% { |
|
455 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
456 -webkit-animation-timing-function: ease-out; |
|
457 } |
|
458 40% { |
|
459 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
460 -webkit-animation-timing-function: ease-out; |
|
461 } |
|
462 50% { |
|
463 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
464 -webkit-animation-timing-function: ease-in; |
|
465 } |
|
466 80% { |
|
467 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
468 -webkit-animation-timing-function: ease-in; |
|
469 } |
|
470 100% { |
|
471 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
472 -webkit-animation-timing-function: ease-in; |
|
473 } |
|
474 } |
|
475 @keyframes flip { |
|
476 0% { |
|
477 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
478 -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
479 transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
480 -webkit-animation-timing-function: ease-out; |
|
481 animation-timing-function: ease-out; |
|
482 } |
|
483 40% { |
|
484 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
485 -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
486 transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
487 -webkit-animation-timing-function: ease-out; |
|
488 animation-timing-function: ease-out; |
|
489 } |
|
490 50% { |
|
491 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
492 -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
493 transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
494 -webkit-animation-timing-function: ease-in; |
|
495 animation-timing-function: ease-in; |
|
496 } |
|
497 80% { |
|
498 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
499 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
500 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
501 -webkit-animation-timing-function: ease-in; |
|
502 animation-timing-function: ease-in; |
|
503 } |
|
504 100% { |
|
505 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
506 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
507 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
508 -webkit-animation-timing-function: ease-in; |
|
509 animation-timing-function: ease-in; |
|
510 } |
|
511 } |
|
512 @-webkit-keyframes flipInX { |
|
513 0% { |
|
514 -webkit-transform: perspective(400px) rotateX(90deg); |
|
515 opacity: 0; |
|
516 } |
|
517 40% { |
|
518 -webkit-transform: perspective(400px) rotateX(-10deg); |
|
519 } |
|
520 70% { |
|
521 -webkit-transform: perspective(400px) rotateX(10deg); |
|
522 } |
|
523 100% { |
|
524 -webkit-transform: perspective(400px) rotateX(0deg); |
|
525 opacity: 1; |
|
526 } |
|
527 } |
|
528 @keyframes flipInX { |
|
529 0% { |
|
530 -webkit-transform: perspective(400px) rotateX(90deg); |
|
531 -ms-transform: perspective(400px) rotateX(90deg); |
|
532 transform: perspective(400px) rotateX(90deg); |
|
533 opacity: 0; |
|
534 } |
|
535 40% { |
|
536 -webkit-transform: perspective(400px) rotateX(-10deg); |
|
537 -ms-transform: perspective(400px) rotateX(-10deg); |
|
538 transform: perspective(400px) rotateX(-10deg); |
|
539 } |
|
540 70% { |
|
541 -webkit-transform: perspective(400px) rotateX(10deg); |
|
542 -ms-transform: perspective(400px) rotateX(10deg); |
|
543 transform: perspective(400px) rotateX(10deg); |
|
544 } |
|
545 100% { |
|
546 -webkit-transform: perspective(400px) rotateX(0deg); |
|
547 -ms-transform: perspective(400px) rotateX(0deg); |
|
548 transform: perspective(400px) rotateX(0deg); |
|
549 opacity: 1; |
|
550 } |
|
551 } |
|
552 @-webkit-keyframes flipOutX { |
|
553 0% { |
|
554 -webkit-transform: perspective(400px) rotateX(0deg); |
|
555 opacity: 1; |
|
556 } |
|
557 100% { |
|
558 -webkit-transform: perspective(400px) rotateX(90deg); |
|
559 opacity: 0; |
|
560 } |
|
561 } |
|
562 @keyframes flipOutX { |
|
563 0% { |
|
564 -webkit-transform: perspective(400px) rotateX(0deg); |
|
565 -ms-transform: perspective(400px) rotateX(0deg); |
|
566 transform: perspective(400px) rotateX(0deg); |
|
567 opacity: 1; |
|
568 } |
|
569 100% { |
|
570 -webkit-transform: perspective(400px) rotateX(90deg); |
|
571 -ms-transform: perspective(400px) rotateX(90deg); |
|
572 transform: perspective(400px) rotateX(90deg); |
|
573 opacity: 0; |
|
574 } |
|
575 } |
|
576 @-webkit-keyframes flipInY { |
|
577 0% { |
|
578 -webkit-transform: perspective(400px) rotateY(90deg); |
|
579 opacity: 0; |
|
580 } |
|
581 40% { |
|
582 -webkit-transform: perspective(400px) rotateY(-10deg); |
|
583 } |
|
584 70% { |
|
585 -webkit-transform: perspective(400px) rotateY(10deg); |
|
586 } |
|
587 100% { |
|
588 -webkit-transform: perspective(400px) rotateY(0deg); |
|
589 opacity: 1; |
|
590 } |
|
591 } |
|
592 @keyframes flipInY { |
|
593 0% { |
|
594 -webkit-transform: perspective(400px) rotateY(90deg); |
|
595 -ms-transform: perspective(400px) rotateY(90deg); |
|
596 transform: perspective(400px) rotateY(90deg); |
|
597 opacity: 0; |
|
598 } |
|
599 40% { |
|
600 -webkit-transform: perspective(400px) rotateY(-10deg); |
|
601 -ms-transform: perspective(400px) rotateY(-10deg); |
|
602 transform: perspective(400px) rotateY(-10deg); |
|
603 } |
|
604 70% { |
|
605 -webkit-transform: perspective(400px) rotateY(10deg); |
|
606 -ms-transform: perspective(400px) rotateY(10deg); |
|
607 transform: perspective(400px) rotateY(10deg); |
|
608 } |
|
609 100% { |
|
610 -webkit-transform: perspective(400px) rotateY(0deg); |
|
611 -ms-transform: perspective(400px) rotateY(0deg); |
|
612 transform: perspective(400px) rotateY(0deg); |
|
613 opacity: 1; |
|
614 } |
|
615 } |
|
616 @-webkit-keyframes flipOutY { |
|
617 0% { |
|
618 -webkit-transform: perspective(400px) rotateY(0deg); |
|
619 opacity: 1; |
|
620 } |
|
621 100% { |
|
622 -webkit-transform: perspective(400px) rotateY(90deg); |
|
623 opacity: 0; |
|
624 } |
|
625 } |
|
626 @keyframes flipOutY { |
|
627 0% { |
|
628 -webkit-transform: perspective(400px) rotateY(0deg); |
|
629 -ms-transform: perspective(400px) rotateY(0deg); |
|
630 transform: perspective(400px) rotateY(0deg); |
|
631 opacity: 1; |
|
632 } |
|
633 100% { |
|
634 -webkit-transform: perspective(400px) rotateY(90deg); |
|
635 -ms-transform: perspective(400px) rotateY(90deg); |
|
636 transform: perspective(400px) rotateY(90deg); |
|
637 opacity: 0; |
|
638 } |
|
639 } |
|
640 @-webkit-keyframes fadeIn { |
|
641 0% { |
|
642 opacity: 0; |
|
643 } |
|
644 100% { |
|
645 opacity: 1; |
|
646 } |
|
647 } |
|
648 @keyframes fadeIn { |
|
649 0% { |
|
650 opacity: 0; |
|
651 } |
|
652 100% { |
|
653 opacity: 1; |
|
654 } |
|
655 } |
|
656 @-webkit-keyframes fadeInUp { |
|
657 0% { |
|
658 opacity: 0; |
|
659 -webkit-transform: translateY(20px); |
|
660 } |
|
661 100% { |
|
662 opacity: 1; |
|
663 -webkit-transform: translateY(0); |
|
664 } |
|
665 } |
|
666 @keyframes fadeInUp { |
|
667 0% { |
|
668 opacity: 0; |
|
669 -webkit-transform: translateY(20px); |
|
670 -ms-transform: translateY(20px); |
|
671 transform: translateY(20px); |
|
672 } |
|
673 100% { |
|
674 opacity: 1; |
|
675 -webkit-transform: translateY(0); |
|
676 -ms-transform: translateY(0); |
|
677 transform: translateY(0); |
|
678 } |
|
679 } |
|
680 @-webkit-keyframes fadeInDown { |
|
681 0% { |
|
682 opacity: 0; |
|
683 -webkit-transform: translateY(-20px); |
|
684 } |
|
685 100% { |
|
686 opacity: 1; |
|
687 -webkit-transform: translateY(0); |
|
688 } |
|
689 } |
|
690 @keyframes fadeInDown { |
|
691 0% { |
|
692 opacity: 0; |
|
693 -webkit-transform: translateY(-20px); |
|
694 -ms-transform: translateY(-20px); |
|
695 transform: translateY(-20px); |
|
696 } |
|
697 100% { |
|
698 opacity: 1; |
|
699 -webkit-transform: translateY(0); |
|
700 -ms-transform: translateY(0); |
|
701 transform: translateY(0); |
|
702 } |
|
703 } |
|
704 @-webkit-keyframes fadeInLeft { |
|
705 0% { |
|
706 opacity: 0; |
|
707 -webkit-transform: translateX(-20px); |
|
708 } |
|
709 100% { |
|
710 opacity: 1; |
|
711 -webkit-transform: translateX(0); |
|
712 } |
|
713 } |
|
714 @keyframes fadeInLeft { |
|
715 0% { |
|
716 opacity: 0; |
|
717 -webkit-transform: translateX(-20px); |
|
718 -ms-transform: translateX(-20px); |
|
719 transform: translateX(-20px); |
|
720 } |
|
721 100% { |
|
722 opacity: 1; |
|
723 -webkit-transform: translateX(0); |
|
724 -ms-transform: translateX(0); |
|
725 transform: translateX(0); |
|
726 } |
|
727 } |
|
728 @-webkit-keyframes fadeInRight { |
|
729 0% { |
|
730 opacity: 0; |
|
731 -webkit-transform: translateX(20px); |
|
732 } |
|
733 100% { |
|
734 opacity: 1; |
|
735 -webkit-transform: translateX(0); |
|
736 } |
|
737 } |
|
738 @keyframes fadeInRight { |
|
739 0% { |
|
740 opacity: 0; |
|
741 -webkit-transform: translateX(20px); |
|
742 -ms-transform: translateX(20px); |
|
743 transform: translateX(20px); |
|
744 } |
|
745 100% { |
|
746 opacity: 1; |
|
747 -webkit-transform: translateX(0); |
|
748 -ms-transform: translateX(0); |
|
749 transform: translateX(0); |
|
750 } |
|
751 } |
|
752 @-webkit-keyframes fadeInUpBig { |
|
753 0% { |
|
754 opacity: 0; |
|
755 -webkit-transform: translateY(2000px); |
|
756 } |
|
757 100% { |
|
758 opacity: 1; |
|
759 -webkit-transform: translateY(0); |
|
760 } |
|
761 } |
|
762 @keyframes fadeInUpBig { |
|
763 0% { |
|
764 opacity: 0; |
|
765 -webkit-transform: translateY(2000px); |
|
766 -ms-transform: translateY(2000px); |
|
767 transform: translateY(2000px); |
|
768 } |
|
769 100% { |
|
770 opacity: 1; |
|
771 -webkit-transform: translateY(0); |
|
772 -ms-transform: translateY(0); |
|
773 transform: translateY(0); |
|
774 } |
|
775 } |
|
776 @-webkit-keyframes fadeInDownBig { |
|
777 0% { |
|
778 opacity: 0; |
|
779 -webkit-transform: translateY(-2000px); |
|
780 } |
|
781 100% { |
|
782 opacity: 1; |
|
783 -webkit-transform: translateY(0); |
|
784 } |
|
785 } |
|
786 @keyframes fadeInDownBig { |
|
787 0% { |
|
788 opacity: 0; |
|
789 -webkit-transform: translateY(-2000px); |
|
790 -ms-transform: translateY(-2000px); |
|
791 transform: translateY(-2000px); |
|
792 } |
|
793 100% { |
|
794 opacity: 1; |
|
795 -webkit-transform: translateY(0); |
|
796 -ms-transform: translateY(0); |
|
797 transform: translateY(0); |
|
798 } |
|
799 } |
|
800 @-webkit-keyframes fadeInLeftBig { |
|
801 0% { |
|
802 opacity: 0; |
|
803 -webkit-transform: translateX(-2000px); |
|
804 } |
|
805 100% { |
|
806 opacity: 1; |
|
807 -webkit-transform: translateX(0); |
|
808 } |
|
809 } |
|
810 @keyframes fadeInLeftBig { |
|
811 0% { |
|
812 opacity: 0; |
|
813 -webkit-transform: translateX(-2000px); |
|
814 -ms-transform: translateX(-2000px); |
|
815 transform: translateX(-2000px); |
|
816 } |
|
817 100% { |
|
818 opacity: 1; |
|
819 -webkit-transform: translateX(0); |
|
820 -ms-transform: translateX(0); |
|
821 transform: translateX(0); |
|
822 } |
|
823 } |
|
824 @-webkit-keyframes fadeInRightBig { |
|
825 0% { |
|
826 opacity: 0; |
|
827 -webkit-transform: translateX(2000px); |
|
828 } |
|
829 100% { |
|
830 opacity: 1; |
|
831 -webkit-transform: translateX(0); |
|
832 } |
|
833 } |
|
834 @keyframes fadeInRightBig { |
|
835 0% { |
|
836 opacity: 0; |
|
837 -webkit-transform: translateX(2000px); |
|
838 -ms-transform: translateX(2000px); |
|
839 transform: translateX(2000px); |
|
840 } |
|
841 100% { |
|
842 opacity: 1; |
|
843 -webkit-transform: translateX(0); |
|
844 -ms-transform: translateX(0); |
|
845 transform: translateX(0); |
|
846 } |
|
847 } |
|
848 @-webkit-keyframes fadeOut { |
|
849 0% { |
|
850 opacity: 1; |
|
851 } |
|
852 100% { |
|
853 opacity: 0; |
|
854 } |
|
855 } |
|
856 @keyframes fadeOut { |
|
857 0% { |
|
858 opacity: 1; |
|
859 } |
|
860 100% { |
|
861 opacity: 0; |
|
862 } |
|
863 } |
|
864 @-webkit-keyframes fadeOutUp { |
|
865 0% { |
|
866 opacity: 1; |
|
867 -webkit-transform: translateY(0); |
|
868 } |
|
869 100% { |
|
870 opacity: 0; |
|
871 -webkit-transform: translateY(-20px); |
|
872 } |
|
873 } |
|
874 @keyframes fadeOutUp { |
|
875 0% { |
|
876 opacity: 1; |
|
877 -webkit-transform: translateY(0); |
|
878 -ms-transform: translateY(0); |
|
879 transform: translateY(0); |
|
880 } |
|
881 100% { |
|
882 opacity: 0; |
|
883 -webkit-transform: translateY(-20px); |
|
884 -ms-transform: translateY(-20px); |
|
885 transform: translateY(-20px); |
|
886 } |
|
887 } |
|
888 @-webkit-keyframes fadeOutDown { |
|
889 0% { |
|
890 opacity: 1; |
|
891 -webkit-transform: translateY(0); |
|
892 } |
|
893 100% { |
|
894 opacity: 0; |
|
895 -webkit-transform: translateY(20px); |
|
896 } |
|
897 } |
|
898 @keyframes fadeOutDown { |
|
899 0% { |
|
900 opacity: 1; |
|
901 -webkit-transform: translateY(0); |
|
902 -ms-transform: translateY(0); |
|
903 transform: translateY(0); |
|
904 } |
|
905 100% { |
|
906 opacity: 0; |
|
907 -webkit-transform: translateY(20px); |
|
908 -ms-transform: translateY(20px); |
|
909 transform: translateY(20px); |
|
910 } |
|
911 } |
|
912 @-webkit-keyframes fadeOutLeft { |
|
913 0% { |
|
914 opacity: 1; |
|
915 -webkit-transform: translateX(0); |
|
916 } |
|
917 100% { |
|
918 opacity: 0; |
|
919 -webkit-transform: translateX(-20px); |
|
920 } |
|
921 } |
|
922 @keyframes fadeOutLeft { |
|
923 0% { |
|
924 opacity: 1; |
|
925 -webkit-transform: translateX(0); |
|
926 -ms-transform: translateX(0); |
|
927 transform: translateX(0); |
|
928 } |
|
929 100% { |
|
930 opacity: 0; |
|
931 -webkit-transform: translateX(-20px); |
|
932 -ms-transform: translateX(-20px); |
|
933 transform: translateX(-20px); |
|
934 } |
|
935 } |
|
936 @-webkit-keyframes fadeOutRight { |
|
937 0% { |
|
938 opacity: 1; |
|
939 -webkit-transform: translateX(0); |
|
940 } |
|
941 100% { |
|
942 opacity: 0; |
|
943 -webkit-transform: translateX(20px); |
|
944 } |
|
945 } |
|
946 @keyframes fadeOutRight { |
|
947 0% { |
|
948 opacity: 1; |
|
949 -webkit-transform: translateX(0); |
|
950 -ms-transform: translateX(0); |
|
951 transform: translateX(0); |
|
952 } |
|
953 100% { |
|
954 opacity: 0; |
|
955 -webkit-transform: translateX(20px); |
|
956 -ms-transform: translateX(20px); |
|
957 transform: translateX(20px); |
|
958 } |
|
959 } |
|
960 @-webkit-keyframes fadeOutUpBig { |
|
961 0% { |
|
962 opacity: 1; |
|
963 -webkit-transform: translateY(0); |
|
964 } |
|
965 100% { |
|
966 opacity: 0; |
|
967 -webkit-transform: translateY(-2000px); |
|
968 } |
|
969 } |
|
970 @keyframes fadeOutUpBig { |
|
971 0% { |
|
972 opacity: 1; |
|
973 -webkit-transform: translateY(0); |
|
974 -ms-transform: translateY(0); |
|
975 transform: translateY(0); |
|
976 } |
|
977 100% { |
|
978 opacity: 0; |
|
979 -webkit-transform: translateY(-2000px); |
|
980 -ms-transform: translateY(-2000px); |
|
981 transform: translateY(-2000px); |
|
982 } |
|
983 } |
|
984 @-webkit-keyframes fadeOutDownBig { |
|
985 0% { |
|
986 opacity: 1; |
|
987 -webkit-transform: translateY(0); |
|
988 } |
|
989 100% { |
|
990 opacity: 0; |
|
991 -webkit-transform: translateY(2000px); |
|
992 } |
|
993 } |
|
994 @keyframes fadeOutDownBig { |
|
995 0% { |
|
996 opacity: 1; |
|
997 -webkit-transform: translateY(0); |
|
998 -ms-transform: translateY(0); |
|
999 transform: translateY(0); |
|
1000 } |
|
1001 100% { |
|
1002 opacity: 0; |
|
1003 -webkit-transform: translateY(2000px); |
|
1004 -ms-transform: translateY(2000px); |
|
1005 transform: translateY(2000px); |
|
1006 } |
|
1007 } |
|
1008 @-webkit-keyframes fadeOutLeftBig { |
|
1009 0% { |
|
1010 opacity: 1; |
|
1011 -webkit-transform: translateX(0); |
|
1012 } |
|
1013 100% { |
|
1014 opacity: 0; |
|
1015 -webkit-transform: translateX(-2000px); |
|
1016 } |
|
1017 } |
|
1018 @keyframes fadeOutLeftBig { |
|
1019 0% { |
|
1020 opacity: 1; |
|
1021 -webkit-transform: translateX(0); |
|
1022 -ms-transform: translateX(0); |
|
1023 transform: translateX(0); |
|
1024 } |
|
1025 100% { |
|
1026 opacity: 0; |
|
1027 -webkit-transform: translateX(-2000px); |
|
1028 -ms-transform: translateX(-2000px); |
|
1029 transform: translateX(-2000px); |
|
1030 } |
|
1031 } |
|
1032 @-webkit-keyframes fadeOutRightBig { |
|
1033 0% { |
|
1034 opacity: 1; |
|
1035 -webkit-transform: translateX(0); |
|
1036 } |
|
1037 100% { |
|
1038 opacity: 0; |
|
1039 -webkit-transform: translateX(2000px); |
|
1040 } |
|
1041 } |
|
1042 @keyframes fadeOutRightBig { |
|
1043 0% { |
|
1044 opacity: 1; |
|
1045 -webkit-transform: translateX(0); |
|
1046 -ms-transform: translateX(0); |
|
1047 transform: translateX(0); |
|
1048 } |
|
1049 100% { |
|
1050 opacity: 0; |
|
1051 -webkit-transform: translateX(2000px); |
|
1052 -ms-transform: translateX(2000px); |
|
1053 transform: translateX(2000px); |
|
1054 } |
|
1055 } |
|
1056 @-webkit-keyframes bounceIn { |
|
1057 0% { |
|
1058 opacity: 0; |
|
1059 -webkit-transform: scale(0.3); |
|
1060 } |
|
1061 50% { |
|
1062 opacity: 1; |
|
1063 -webkit-transform: scale(1.05); |
|
1064 } |
|
1065 70% { |
|
1066 -webkit-transform: scale(0.9); |
|
1067 } |
|
1068 100% { |
|
1069 -webkit-transform: scale(1); |
|
1070 } |
|
1071 } |
|
1072 @keyframes bounceIn { |
|
1073 0% { |
|
1074 opacity: 0; |
|
1075 -webkit-transform: scale(0.3); |
|
1076 -ms-transform: scale(0.3); |
|
1077 transform: scale(0.3); |
|
1078 } |
|
1079 50% { |
|
1080 opacity: 1; |
|
1081 -webkit-transform: scale(1.05); |
|
1082 -ms-transform: scale(1.05); |
|
1083 transform: scale(1.05); |
|
1084 } |
|
1085 70% { |
|
1086 -webkit-transform: scale(0.9); |
|
1087 -ms-transform: scale(0.9); |
|
1088 transform: scale(0.9); |
|
1089 } |
|
1090 100% { |
|
1091 -webkit-transform: scale(1); |
|
1092 -ms-transform: scale(1); |
|
1093 transform: scale(1); |
|
1094 } |
|
1095 } |
|
1096 @-webkit-keyframes slideInDown { |
|
1097 0% { |
|
1098 opacity: 0; |
|
1099 -webkit-transform: translateY(-2000px); |
|
1100 } |
|
1101 100% { |
|
1102 -webkit-transform: translateY(0); |
|
1103 } |
|
1104 } |
|
1105 @keyframes slideInDown { |
|
1106 0% { |
|
1107 opacity: 0; |
|
1108 -webkit-transform: translateY(-2000px); |
|
1109 -ms-transform: translateY(-2000px); |
|
1110 transform: translateY(-2000px); |
|
1111 } |
|
1112 100% { |
|
1113 -webkit-transform: translateY(0); |
|
1114 -ms-transform: translateY(0); |
|
1115 transform: translateY(0); |
|
1116 } |
|
1117 } |
|
1118 @-webkit-keyframes slideInLeft { |
|
1119 0% { |
|
1120 opacity: 0; |
|
1121 -webkit-transform: translateX(-2000px); |
|
1122 } |
|
1123 100% { |
|
1124 -webkit-transform: translateX(0); |
|
1125 } |
|
1126 } |
|
1127 @keyframes slideInLeft { |
|
1128 0% { |
|
1129 opacity: 0; |
|
1130 -webkit-transform: translateX(-2000px); |
|
1131 -ms-transform: translateX(-2000px); |
|
1132 transform: translateX(-2000px); |
|
1133 } |
|
1134 100% { |
|
1135 -webkit-transform: translateX(0); |
|
1136 -ms-transform: translateX(0); |
|
1137 transform: translateX(0); |
|
1138 } |
|
1139 } |
|
1140 @-webkit-keyframes slideInRight { |
|
1141 0% { |
|
1142 opacity: 0; |
|
1143 -webkit-transform: translateX(2000px); |
|
1144 } |
|
1145 100% { |
|
1146 -webkit-transform: translateX(0); |
|
1147 } |
|
1148 } |
|
1149 @keyframes slideInRight { |
|
1150 0% { |
|
1151 opacity: 0; |
|
1152 -webkit-transform: translateX(2000px); |
|
1153 -ms-transform: translateX(2000px); |
|
1154 transform: translateX(2000px); |
|
1155 } |
|
1156 100% { |
|
1157 -webkit-transform: translateX(0); |
|
1158 -ms-transform: translateX(0); |
|
1159 transform: translateX(0); |
|
1160 } |
|
1161 } |
|
1162 @-webkit-keyframes slideOutLeft { |
|
1163 0% { |
|
1164 -webkit-transform: translateX(0); |
|
1165 } |
|
1166 100% { |
|
1167 opacity: 0; |
|
1168 -webkit-transform: translateX(-2000px); |
|
1169 } |
|
1170 } |
|
1171 @keyframes slideOutLeft { |
|
1172 0% { |
|
1173 -webkit-transform: translateX(0); |
|
1174 -ms-transform: translateX(0); |
|
1175 transform: translateX(0); |
|
1176 } |
|
1177 100% { |
|
1178 opacity: 0; |
|
1179 -webkit-transform: translateX(-2000px); |
|
1180 -ms-transform: translateX(-2000px); |
|
1181 transform: translateX(-2000px); |
|
1182 } |
|
1183 } |
|
1184 @-webkit-keyframes slideOutRight { |
|
1185 0% { |
|
1186 -webkit-transform: translateX(0); |
|
1187 } |
|
1188 100% { |
|
1189 opacity: 0; |
|
1190 -webkit-transform: translateX(2000px); |
|
1191 } |
|
1192 } |
|
1193 @keyframes slideOutRight { |
|
1194 0% { |
|
1195 -webkit-transform: translateX(0); |
|
1196 -ms-transform: translateX(0); |
|
1197 transform: translateX(0); |
|
1198 } |
|
1199 100% { |
|
1200 opacity: 0; |
|
1201 -webkit-transform: translateX(2000px); |
|
1202 -ms-transform: translateX(2000px); |
|
1203 transform: translateX(2000px); |
|
1204 } |
|
1205 } |
|
1206 @-webkit-keyframes slideOutUp { |
|
1207 0% { |
|
1208 -webkit-transform: translateY(0); |
|
1209 } |
|
1210 100% { |
|
1211 opacity: 0; |
|
1212 -webkit-transform: translateY(-2000px); |
|
1213 } |
|
1214 } |
|
1215 @keyframes slideOutUp { |
|
1216 0% { |
|
1217 -webkit-transform: translateY(0); |
|
1218 -ms-transform: translateY(0); |
|
1219 transform: translateY(0); |
|
1220 } |
|
1221 100% { |
|
1222 opacity: 0; |
|
1223 -webkit-transform: translateY(-2000px); |
|
1224 -ms-transform: translateY(-2000px); |
|
1225 transform: translateY(-2000px); |
|
1226 } |
|
1227 } |
|
1228 @-webkit-keyframes bounceInUp { |
|
1229 0% { |
|
1230 opacity: 0; |
|
1231 -webkit-transform: translateY(2000px); |
|
1232 } |
|
1233 60% { |
|
1234 opacity: 1; |
|
1235 -webkit-transform: translateY(-30px); |
|
1236 } |
|
1237 80% { |
|
1238 -webkit-transform: translateY(10px); |
|
1239 } |
|
1240 100% { |
|
1241 -webkit-transform: translateY(0); |
|
1242 } |
|
1243 } |
|
1244 @keyframes bounceInUp { |
|
1245 0% { |
|
1246 opacity: 0; |
|
1247 -webkit-transform: translateY(2000px); |
|
1248 -ms-transform: translateY(2000px); |
|
1249 transform: translateY(2000px); |
|
1250 } |
|
1251 60% { |
|
1252 opacity: 1; |
|
1253 -webkit-transform: translateY(-30px); |
|
1254 -ms-transform: translateY(-30px); |
|
1255 transform: translateY(-30px); |
|
1256 } |
|
1257 80% { |
|
1258 -webkit-transform: translateY(10px); |
|
1259 -ms-transform: translateY(10px); |
|
1260 transform: translateY(10px); |
|
1261 } |
|
1262 100% { |
|
1263 -webkit-transform: translateY(0); |
|
1264 -ms-transform: translateY(0); |
|
1265 transform: translateY(0); |
|
1266 } |
|
1267 } |
|
1268 @-webkit-keyframes bounceInDown { |
|
1269 0% { |
|
1270 opacity: 0; |
|
1271 -webkit-transform: translateY(-2000px); |
|
1272 } |
|
1273 60% { |
|
1274 opacity: 1; |
|
1275 -webkit-transform: translateY(30px); |
|
1276 } |
|
1277 80% { |
|
1278 -webkit-transform: translateY(-10px); |
|
1279 } |
|
1280 100% { |
|
1281 -webkit-transform: translateY(0); |
|
1282 } |
|
1283 } |
|
1284 @keyframes bounceInDown { |
|
1285 0% { |
|
1286 opacity: 0; |
|
1287 -webkit-transform: translateY(-2000px); |
|
1288 -ms-transform: translateY(-2000px); |
|
1289 transform: translateY(-2000px); |
|
1290 } |
|
1291 60% { |
|
1292 opacity: 1; |
|
1293 -webkit-transform: translateY(30px); |
|
1294 -ms-transform: translateY(30px); |
|
1295 transform: translateY(30px); |
|
1296 } |
|
1297 80% { |
|
1298 -webkit-transform: translateY(-10px); |
|
1299 -ms-transform: translateY(-10px); |
|
1300 transform: translateY(-10px); |
|
1301 } |
|
1302 100% { |
|
1303 -webkit-transform: translateY(0); |
|
1304 -ms-transform: translateY(0); |
|
1305 transform: translateY(0); |
|
1306 } |
|
1307 } |
|
1308 @-webkit-keyframes bounceInLeft { |
|
1309 0% { |
|
1310 opacity: 0; |
|
1311 -webkit-transform: translateX(-2000px); |
|
1312 } |
|
1313 60% { |
|
1314 opacity: 1; |
|
1315 -webkit-transform: translateX(30px); |
|
1316 } |
|
1317 80% { |
|
1318 -webkit-transform: translateX(-10px); |
|
1319 } |
|
1320 100% { |
|
1321 -webkit-transform: translateX(0); |
|
1322 } |
|
1323 } |
|
1324 @keyframes bounceInLeft { |
|
1325 0% { |
|
1326 opacity: 0; |
|
1327 -webkit-transform: translateX(-2000px); |
|
1328 -ms-transform: translateX(-2000px); |
|
1329 transform: translateX(-2000px); |
|
1330 } |
|
1331 60% { |
|
1332 opacity: 1; |
|
1333 -webkit-transform: translateX(30px); |
|
1334 -ms-transform: translateX(30px); |
|
1335 transform: translateX(30px); |
|
1336 } |
|
1337 80% { |
|
1338 -webkit-transform: translateX(-10px); |
|
1339 -ms-transform: translateX(-10px); |
|
1340 transform: translateX(-10px); |
|
1341 } |
|
1342 100% { |
|
1343 -webkit-transform: translateX(0); |
|
1344 -ms-transform: translateX(0); |
|
1345 transform: translateX(0); |
|
1346 } |
|
1347 } |
|
1348 @-webkit-keyframes bounceInRight { |
|
1349 0% { |
|
1350 opacity: 0; |
|
1351 -webkit-transform: translateX(2000px); |
|
1352 } |
|
1353 60% { |
|
1354 opacity: 1; |
|
1355 -webkit-transform: translateX(-30px); |
|
1356 } |
|
1357 80% { |
|
1358 -webkit-transform: translateX(10px); |
|
1359 } |
|
1360 100% { |
|
1361 -webkit-transform: translateX(0); |
|
1362 } |
|
1363 } |
|
1364 @keyframes bounceInRight { |
|
1365 0% { |
|
1366 opacity: 0; |
|
1367 -webkit-transform: translateX(2000px); |
|
1368 -ms-transform: translateX(2000px); |
|
1369 transform: translateX(2000px); |
|
1370 } |
|
1371 60% { |
|
1372 opacity: 1; |
|
1373 -webkit-transform: translateX(-30px); |
|
1374 -ms-transform: translateX(-30px); |
|
1375 transform: translateX(-30px); |
|
1376 } |
|
1377 80% { |
|
1378 -webkit-transform: translateX(10px); |
|
1379 -ms-transform: translateX(10px); |
|
1380 transform: translateX(10px); |
|
1381 } |
|
1382 100% { |
|
1383 -webkit-transform: translateX(0); |
|
1384 -ms-transform: translateX(0); |
|
1385 transform: translateX(0); |
|
1386 } |
|
1387 } |
|
1388 @-webkit-keyframes bounceOut { |
|
1389 0% { |
|
1390 -webkit-transform: scale(1); |
|
1391 } |
|
1392 25% { |
|
1393 -webkit-transform: scale(0.95); |
|
1394 } |
|
1395 50% { |
|
1396 opacity: 1; |
|
1397 -webkit-transform: scale(1.1); |
|
1398 } |
|
1399 100% { |
|
1400 opacity: 0; |
|
1401 -webkit-transform: scale(0.3); |
|
1402 } |
|
1403 } |
|
1404 @keyframes bounceOut { |
|
1405 0% { |
|
1406 -webkit-transform: scale(1); |
|
1407 -ms-transform: scale(1); |
|
1408 transform: scale(1); |
|
1409 } |
|
1410 25% { |
|
1411 -webkit-transform: scale(0.95); |
|
1412 -ms-transform: scale(0.95); |
|
1413 transform: scale(0.95); |
|
1414 } |
|
1415 50% { |
|
1416 opacity: 1; |
|
1417 -webkit-transform: scale(1.1); |
|
1418 -ms-transform: scale(1.1); |
|
1419 transform: scale(1.1); |
|
1420 } |
|
1421 100% { |
|
1422 opacity: 0; |
|
1423 -webkit-transform: scale(0.3); |
|
1424 -ms-transform: scale(0.3); |
|
1425 transform: scale(0.3); |
|
1426 } |
|
1427 } |
|
1428 @-webkit-keyframes bounceOutUp { |
|
1429 0% { |
|
1430 -webkit-transform: translateY(0); |
|
1431 } |
|
1432 20% { |
|
1433 opacity: 1; |
|
1434 -webkit-transform: translateY(20px); |
|
1435 } |
|
1436 100% { |
|
1437 opacity: 0; |
|
1438 -webkit-transform: translateY(-2000px); |
|
1439 } |
|
1440 } |
|
1441 @keyframes bounceOutUp { |
|
1442 0% { |
|
1443 -webkit-transform: translateY(0); |
|
1444 -ms-transform: translateY(0); |
|
1445 transform: translateY(0); |
|
1446 } |
|
1447 20% { |
|
1448 opacity: 1; |
|
1449 -webkit-transform: translateY(20px); |
|
1450 -ms-transform: translateY(20px); |
|
1451 transform: translateY(20px); |
|
1452 } |
|
1453 100% { |
|
1454 opacity: 0; |
|
1455 -webkit-transform: translateY(-2000px); |
|
1456 -ms-transform: translateY(-2000px); |
|
1457 transform: translateY(-2000px); |
|
1458 } |
|
1459 } |
|
1460 @-webkit-keyframes bounceOutDown { |
|
1461 0% { |
|
1462 -webkit-transform: translateY(0); |
|
1463 } |
|
1464 20% { |
|
1465 opacity: 1; |
|
1466 -webkit-transform: translateY(-20px); |
|
1467 } |
|
1468 100% { |
|
1469 opacity: 0; |
|
1470 -webkit-transform: translateY(2000px); |
|
1471 } |
|
1472 } |
|
1473 @keyframes bounceOutDown { |
|
1474 0% { |
|
1475 -webkit-transform: translateY(0); |
|
1476 -ms-transform: translateY(0); |
|
1477 transform: translateY(0); |
|
1478 } |
|
1479 20% { |
|
1480 opacity: 1; |
|
1481 -webkit-transform: translateY(-20px); |
|
1482 -ms-transform: translateY(-20px); |
|
1483 transform: translateY(-20px); |
|
1484 } |
|
1485 100% { |
|
1486 opacity: 0; |
|
1487 -webkit-transform: translateY(2000px); |
|
1488 -ms-transform: translateY(2000px); |
|
1489 transform: translateY(2000px); |
|
1490 } |
|
1491 } |
|
1492 @-webkit-keyframes bounceOutLeft { |
|
1493 0% { |
|
1494 -webkit-transform: translateX(0); |
|
1495 } |
|
1496 20% { |
|
1497 opacity: 1; |
|
1498 -webkit-transform: translateX(20px); |
|
1499 } |
|
1500 100% { |
|
1501 opacity: 0; |
|
1502 -webkit-transform: translateX(-2000px); |
|
1503 } |
|
1504 } |
|
1505 @keyframes bounceOutLeft { |
|
1506 0% { |
|
1507 -webkit-transform: translateX(0); |
|
1508 -ms-transform: translateX(0); |
|
1509 transform: translateX(0); |
|
1510 } |
|
1511 20% { |
|
1512 opacity: 1; |
|
1513 -webkit-transform: translateX(20px); |
|
1514 -ms-transform: translateX(20px); |
|
1515 transform: translateX(20px); |
|
1516 } |
|
1517 100% { |
|
1518 opacity: 0; |
|
1519 -webkit-transform: translateX(-2000px); |
|
1520 -ms-transform: translateX(-2000px); |
|
1521 transform: translateX(-2000px); |
|
1522 } |
|
1523 } |
|
1524 @-webkit-keyframes bounceOutRight { |
|
1525 0% { |
|
1526 -webkit-transform: translateX(0); |
|
1527 } |
|
1528 20% { |
|
1529 opacity: 1; |
|
1530 -webkit-transform: translateX(-20px); |
|
1531 } |
|
1532 100% { |
|
1533 opacity: 0; |
|
1534 -webkit-transform: translateX(2000px); |
|
1535 } |
|
1536 } |
|
1537 @keyframes bounceOutRight { |
|
1538 0% { |
|
1539 -webkit-transform: translateX(0); |
|
1540 -ms-transform: translateX(0); |
|
1541 transform: translateX(0); |
|
1542 } |
|
1543 20% { |
|
1544 opacity: 1; |
|
1545 -webkit-transform: translateX(-20px); |
|
1546 -ms-transform: translateX(-20px); |
|
1547 transform: translateX(-20px); |
|
1548 } |
|
1549 100% { |
|
1550 opacity: 0; |
|
1551 -webkit-transform: translateX(2000px); |
|
1552 -ms-transform: translateX(2000px); |
|
1553 transform: translateX(2000px); |
|
1554 } |
|
1555 } |
|
1556 @-webkit-keyframes rotateIn { |
|
1557 0% { |
|
1558 -webkit-transform-origin: center center; |
|
1559 -webkit-transform: rotate(-200deg); |
|
1560 opacity: 0; |
|
1561 } |
|
1562 100% { |
|
1563 -webkit-transform-origin: center center; |
|
1564 -webkit-transform: rotate(0); |
|
1565 opacity: 1; |
|
1566 } |
|
1567 } |
|
1568 @keyframes rotateIn { |
|
1569 0% { |
|
1570 -webkit-transform-origin: center center; |
|
1571 -ms-transform-origin: center center; |
|
1572 transform-origin: center center; |
|
1573 -webkit-transform: rotate(-200deg); |
|
1574 -ms-transform: rotate(-200deg); |
|
1575 transform: rotate(-200deg); |
|
1576 opacity: 0; |
|
1577 } |
|
1578 100% { |
|
1579 -webkit-transform-origin: center center; |
|
1580 -ms-transform-origin: center center; |
|
1581 transform-origin: center center; |
|
1582 -webkit-transform: rotate(0); |
|
1583 -ms-transform: rotate(0); |
|
1584 transform: rotate(0); |
|
1585 opacity: 1; |
|
1586 } |
|
1587 } |
|
1588 @-webkit-keyframes rotateInUpLeft { |
|
1589 0% { |
|
1590 -webkit-transform-origin: left bottom; |
|
1591 -webkit-transform: rotate(90deg); |
|
1592 opacity: 0; |
|
1593 } |
|
1594 100% { |
|
1595 -webkit-transform-origin: left bottom; |
|
1596 -webkit-transform: rotate(0); |
|
1597 opacity: 1; |
|
1598 } |
|
1599 } |
|
1600 @keyframes rotateInUpLeft { |
|
1601 0% { |
|
1602 -webkit-transform-origin: left bottom; |
|
1603 -ms-transform-origin: left bottom; |
|
1604 transform-origin: left bottom; |
|
1605 -webkit-transform: rotate(90deg); |
|
1606 -ms-transform: rotate(90deg); |
|
1607 transform: rotate(90deg); |
|
1608 opacity: 0; |
|
1609 } |
|
1610 100% { |
|
1611 -webkit-transform-origin: left bottom; |
|
1612 -ms-transform-origin: left bottom; |
|
1613 transform-origin: left bottom; |
|
1614 -webkit-transform: rotate(0); |
|
1615 -ms-transform: rotate(0); |
|
1616 transform: rotate(0); |
|
1617 opacity: 1; |
|
1618 } |
|
1619 } |
|
1620 @-webkit-keyframes rotateInDownLeft { |
|
1621 0% { |
|
1622 -webkit-transform-origin: left bottom; |
|
1623 -webkit-transform: rotate(-90deg); |
|
1624 opacity: 0; |
|
1625 } |
|
1626 100% { |
|
1627 -webkit-transform-origin: left bottom; |
|
1628 -webkit-transform: rotate(0); |
|
1629 opacity: 1; |
|
1630 } |
|
1631 } |
|
1632 @keyframes rotateInDownLeft { |
|
1633 0% { |
|
1634 -webkit-transform-origin: left bottom; |
|
1635 -ms-transform-origin: left bottom; |
|
1636 transform-origin: left bottom; |
|
1637 -webkit-transform: rotate(-90deg); |
|
1638 -ms-transform: rotate(-90deg); |
|
1639 transform: rotate(-90deg); |
|
1640 opacity: 0; |
|
1641 } |
|
1642 100% { |
|
1643 -webkit-transform-origin: left bottom; |
|
1644 -ms-transform-origin: left bottom; |
|
1645 transform-origin: left bottom; |
|
1646 -webkit-transform: rotate(0); |
|
1647 -ms-transform: rotate(0); |
|
1648 transform: rotate(0); |
|
1649 opacity: 1; |
|
1650 } |
|
1651 } |
|
1652 @-webkit-keyframes rotateInUpRight { |
|
1653 0% { |
|
1654 -webkit-transform-origin: right bottom; |
|
1655 -webkit-transform: rotate(-90deg); |
|
1656 opacity: 0; |
|
1657 } |
|
1658 100% { |
|
1659 -webkit-transform-origin: right bottom; |
|
1660 -webkit-transform: rotate(0); |
|
1661 opacity: 1; |
|
1662 } |
|
1663 } |
|
1664 @keyframes rotateInUpRight { |
|
1665 0% { |
|
1666 -webkit-transform-origin: right bottom; |
|
1667 -ms-transform-origin: right bottom; |
|
1668 transform-origin: right bottom; |
|
1669 -webkit-transform: rotate(-90deg); |
|
1670 -ms-transform: rotate(-90deg); |
|
1671 transform: rotate(-90deg); |
|
1672 opacity: 0; |
|
1673 } |
|
1674 100% { |
|
1675 -webkit-transform-origin: right bottom; |
|
1676 -ms-transform-origin: right bottom; |
|
1677 transform-origin: right bottom; |
|
1678 -webkit-transform: rotate(0); |
|
1679 -ms-transform: rotate(0); |
|
1680 transform: rotate(0); |
|
1681 opacity: 1; |
|
1682 } |
|
1683 } |
|
1684 @-webkit-keyframes rotateInDownRight { |
|
1685 0% { |
|
1686 -webkit-transform-origin: right bottom; |
|
1687 -webkit-transform: rotate(90deg); |
|
1688 opacity: 0; |
|
1689 } |
|
1690 100% { |
|
1691 -webkit-transform-origin: right bottom; |
|
1692 -webkit-transform: rotate(0); |
|
1693 opacity: 1; |
|
1694 } |
|
1695 } |
|
1696 @keyframes rotateInDownRight { |
|
1697 0% { |
|
1698 -webkit-transform-origin: right bottom; |
|
1699 -ms-transform-origin: right bottom; |
|
1700 transform-origin: right bottom; |
|
1701 -webkit-transform: rotate(90deg); |
|
1702 -ms-transform: rotate(90deg); |
|
1703 transform: rotate(90deg); |
|
1704 opacity: 0; |
|
1705 } |
|
1706 100% { |
|
1707 -webkit-transform-origin: right bottom; |
|
1708 -ms-transform-origin: right bottom; |
|
1709 transform-origin: right bottom; |
|
1710 -webkit-transform: rotate(0); |
|
1711 -ms-transform: rotate(0); |
|
1712 transform: rotate(0); |
|
1713 opacity: 1; |
|
1714 } |
|
1715 } |
|
1716 @-webkit-keyframes rotateOut { |
|
1717 0% { |
|
1718 -webkit-transform-origin: center center; |
|
1719 -webkit-transform: rotate(0); |
|
1720 opacity: 1; |
|
1721 } |
|
1722 100% { |
|
1723 -webkit-transform-origin: center center; |
|
1724 -webkit-transform: rotate(200deg); |
|
1725 opacity: 0; |
|
1726 } |
|
1727 } |
|
1728 @keyframes rotateOut { |
|
1729 0% { |
|
1730 -webkit-transform-origin: center center; |
|
1731 -ms-transform-origin: center center; |
|
1732 transform-origin: center center; |
|
1733 -webkit-transform: rotate(0); |
|
1734 -ms-transform: rotate(0); |
|
1735 transform: rotate(0); |
|
1736 opacity: 1; |
|
1737 } |
|
1738 100% { |
|
1739 -webkit-transform-origin: center center; |
|
1740 -ms-transform-origin: center center; |
|
1741 transform-origin: center center; |
|
1742 -webkit-transform: rotate(200deg); |
|
1743 -ms-transform: rotate(200deg); |
|
1744 transform: rotate(200deg); |
|
1745 opacity: 0; |
|
1746 } |
|
1747 } |
|
1748 @-webkit-keyframes rotateOutUpLeft { |
|
1749 0% { |
|
1750 -webkit-transform-origin: left bottom; |
|
1751 -webkit-transform: rotate(0); |
|
1752 opacity: 1; |
|
1753 } |
|
1754 100% { |
|
1755 -webkit-transform-origin: left bottom; |
|
1756 -webkit-transform: rotate(-90deg); |
|
1757 opacity: 0; |
|
1758 } |
|
1759 } |
|
1760 @keyframes rotateOutUpLeft { |
|
1761 0% { |
|
1762 -webkit-transform-origin: left bottom; |
|
1763 -ms-transform-origin: left bottom; |
|
1764 transform-origin: left bottom; |
|
1765 -webkit-transform: rotate(0); |
|
1766 -ms-transform: rotate(0); |
|
1767 transform: rotate(0); |
|
1768 opacity: 1; |
|
1769 } |
|
1770 100% { |
|
1771 -webkit-transform-origin: left bottom; |
|
1772 -ms-transform-origin: left bottom; |
|
1773 transform-origin: left bottom; |
|
1774 -webkit-transform: rotate(-90deg); |
|
1775 -ms-transform: rotate(-90deg); |
|
1776 transform: rotate(-90deg); |
|
1777 opacity: 0; |
|
1778 } |
|
1779 } |
|
1780 @-webkit-keyframes rotateOutDownLeft { |
|
1781 0% { |
|
1782 -webkit-transform-origin: left bottom; |
|
1783 -webkit-transform: rotate(0); |
|
1784 opacity: 1; |
|
1785 } |
|
1786 100% { |
|
1787 -webkit-transform-origin: left bottom; |
|
1788 -webkit-transform: rotate(90deg); |
|
1789 opacity: 0; |
|
1790 } |
|
1791 } |
|
1792 @keyframes rotateOutDownLeft { |
|
1793 0% { |
|
1794 -webkit-transform-origin: left bottom; |
|
1795 -ms-transform-origin: left bottom; |
|
1796 transform-origin: left bottom; |
|
1797 -webkit-transform: rotate(0); |
|
1798 -ms-transform: rotate(0); |
|
1799 transform: rotate(0); |
|
1800 opacity: 1; |
|
1801 } |
|
1802 100% { |
|
1803 -webkit-transform-origin: left bottom; |
|
1804 -ms-transform-origin: left bottom; |
|
1805 transform-origin: left bottom; |
|
1806 -webkit-transform: rotate(90deg); |
|
1807 -ms-transform: rotate(90deg); |
|
1808 transform: rotate(90deg); |
|
1809 opacity: 0; |
|
1810 } |
|
1811 } |
|
1812 @-webkit-keyframes rotateOutUpRight { |
|
1813 0% { |
|
1814 -webkit-transform-origin: right bottom; |
|
1815 -webkit-transform: rotate(0); |
|
1816 opacity: 1; |
|
1817 } |
|
1818 100% { |
|
1819 -webkit-transform-origin: right bottom; |
|
1820 -webkit-transform: rotate(90deg); |
|
1821 opacity: 0; |
|
1822 } |
|
1823 } |
|
1824 @keyframes rotateOutUpRight { |
|
1825 0% { |
|
1826 -webkit-transform-origin: right bottom; |
|
1827 -ms-transform-origin: right bottom; |
|
1828 transform-origin: right bottom; |
|
1829 -webkit-transform: rotate(0); |
|
1830 -ms-transform: rotate(0); |
|
1831 transform: rotate(0); |
|
1832 opacity: 1; |
|
1833 } |
|
1834 100% { |
|
1835 -webkit-transform-origin: right bottom; |
|
1836 -ms-transform-origin: right bottom; |
|
1837 transform-origin: right bottom; |
|
1838 -webkit-transform: rotate(90deg); |
|
1839 -ms-transform: rotate(90deg); |
|
1840 transform: rotate(90deg); |
|
1841 opacity: 0; |
|
1842 } |
|
1843 } |
|
1844 @-webkit-keyframes rotateOutDownRight { |
|
1845 0% { |
|
1846 -webkit-transform-origin: right bottom; |
|
1847 -webkit-transform: rotate(0); |
|
1848 opacity: 1; |
|
1849 } |
|
1850 100% { |
|
1851 -webkit-transform-origin: right bottom; |
|
1852 -webkit-transform: rotate(-90deg); |
|
1853 opacity: 0; |
|
1854 } |
|
1855 } |
|
1856 @keyframes rotateOutDownRight { |
|
1857 0% { |
|
1858 -webkit-transform-origin: right bottom; |
|
1859 -ms-transform-origin: right bottom; |
|
1860 transform-origin: right bottom; |
|
1861 -webkit-transform: rotate(0); |
|
1862 -ms-transform: rotate(0); |
|
1863 transform: rotate(0); |
|
1864 opacity: 1; |
|
1865 } |
|
1866 100% { |
|
1867 -webkit-transform-origin: right bottom; |
|
1868 -ms-transform-origin: right bottom; |
|
1869 transform-origin: right bottom; |
|
1870 -webkit-transform: rotate(-90deg); |
|
1871 -ms-transform: rotate(-90deg); |
|
1872 transform: rotate(-90deg); |
|
1873 opacity: 0; |
|
1874 } |
|
1875 } |
|
1876 @-webkit-keyframes hinge { |
|
1877 0% { |
|
1878 -webkit-transform: rotate(0); |
|
1879 -webkit-transform-origin: top left; |
|
1880 -webkit-animation-timing-function: ease-in-out; |
|
1881 } |
|
1882 20%, |
|
1883 60% { |
|
1884 -webkit-transform: rotate(80deg); |
|
1885 -webkit-transform-origin: top left; |
|
1886 -webkit-animation-timing-function: ease-in-out; |
|
1887 } |
|
1888 40% { |
|
1889 -webkit-transform: rotate(60deg); |
|
1890 -webkit-transform-origin: top left; |
|
1891 -webkit-animation-timing-function: ease-in-out; |
|
1892 } |
|
1893 80% { |
|
1894 -webkit-transform: rotate(60deg) translateY(0); |
|
1895 opacity: 1; |
|
1896 -webkit-transform-origin: top left; |
|
1897 -webkit-animation-timing-function: ease-in-out; |
|
1898 } |
|
1899 100% { |
|
1900 -webkit-transform: translateY(700px); |
|
1901 opacity: 0; |
|
1902 } |
|
1903 } |
|
1904 @keyframes hinge { |
|
1905 0% { |
|
1906 -webkit-transform: rotate(0); |
|
1907 -ms-transform: rotate(0); |
|
1908 transform: rotate(0); |
|
1909 -webkit-transform-origin: top left; |
|
1910 -ms-transform-origin: top left; |
|
1911 transform-origin: top left; |
|
1912 -webkit-animation-timing-function: ease-in-out; |
|
1913 animation-timing-function: ease-in-out; |
|
1914 } |
|
1915 20%, |
|
1916 60% { |
|
1917 -webkit-transform: rotate(80deg); |
|
1918 -ms-transform: rotate(80deg); |
|
1919 transform: rotate(80deg); |
|
1920 -webkit-transform-origin: top left; |
|
1921 -ms-transform-origin: top left; |
|
1922 transform-origin: top left; |
|
1923 -webkit-animation-timing-function: ease-in-out; |
|
1924 animation-timing-function: ease-in-out; |
|
1925 } |
|
1926 40% { |
|
1927 -webkit-transform: rotate(60deg); |
|
1928 -ms-transform: rotate(60deg); |
|
1929 transform: rotate(60deg); |
|
1930 -webkit-transform-origin: top left; |
|
1931 -ms-transform-origin: top left; |
|
1932 transform-origin: top left; |
|
1933 -webkit-animation-timing-function: ease-in-out; |
|
1934 animation-timing-function: ease-in-out; |
|
1935 } |
|
1936 80% { |
|
1937 -webkit-transform: rotate(60deg) translateY(0); |
|
1938 -ms-transform: rotate(60deg) translateY(0); |
|
1939 transform: rotate(60deg) translateY(0); |
|
1940 opacity: 1; |
|
1941 -webkit-transform-origin: top left; |
|
1942 -ms-transform-origin: top left; |
|
1943 transform-origin: top left; |
|
1944 -webkit-animation-timing-function: ease-in-out; |
|
1945 animation-timing-function: ease-in-out; |
|
1946 } |
|
1947 100% { |
|
1948 -webkit-transform: translateY(700px); |
|
1949 -ms-transform: translateY(700px); |
|
1950 transform: translateY(700px); |
|
1951 opacity: 0; |
|
1952 } |
|
1953 } |
|
1954 @-webkit-keyframes rollIn { |
|
1955 0% { |
|
1956 opacity: 0; |
|
1957 -webkit-transform: translateX(-100%) rotate(-120deg); |
|
1958 } |
|
1959 100% { |
|
1960 opacity: 1; |
|
1961 -webkit-transform: translateX(0) rotate(0deg); |
|
1962 } |
|
1963 } |
|
1964 @keyframes rollIn { |
|
1965 0% { |
|
1966 opacity: 0; |
|
1967 -webkit-transform: translateX(-100%) rotate(-120deg); |
|
1968 -ms-transform: translateX(-100%) rotate(-120deg); |
|
1969 transform: translateX(-100%) rotate(-120deg); |
|
1970 } |
|
1971 100% { |
|
1972 opacity: 1; |
|
1973 -webkit-transform: translateX(0) rotate(0deg); |
|
1974 -ms-transform: translateX(0) rotate(0deg); |
|
1975 transform: translateX(0) rotate(0deg); |
|
1976 } |
|
1977 } |
|
1978 @-webkit-keyframes rollOut { |
|
1979 0% { |
|
1980 opacity: 1; |
|
1981 -webkit-transform: translateX(0) rotate(0deg); |
|
1982 } |
|
1983 100% { |
|
1984 opacity: 0; |
|
1985 -webkit-transform: translateX(100%) rotate(120deg); |
|
1986 } |
|
1987 } |
|
1988 @keyframes rollOut { |
|
1989 0% { |
|
1990 opacity: 1; |
|
1991 -webkit-transform: translateX(0) rotate(0deg); |
|
1992 -ms-transform: translateX(0) rotate(0deg); |
|
1993 transform: translateX(0) rotate(0deg); |
|
1994 } |
|
1995 100% { |
|
1996 opacity: 0; |
|
1997 -webkit-transform: translateX(100%) rotate(120deg); |
|
1998 -ms-transform: translateX(100%) rotate(120deg); |
|
1999 transform: translateX(100%) rotate(120deg); |
|
2000 } |
|
2001 } |
|
2002 @-webkit-keyframes lightSpeedIn { |
|
2003 0% { |
|
2004 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2005 opacity: 0; |
|
2006 } |
|
2007 60% { |
|
2008 -webkit-transform: translateX(-20%) skewX(30deg); |
|
2009 opacity: 1; |
|
2010 } |
|
2011 80% { |
|
2012 -webkit-transform: translateX(0) skewX(-15deg); |
|
2013 opacity: 1; |
|
2014 } |
|
2015 100% { |
|
2016 -webkit-transform: translateX(0) skewX(0deg); |
|
2017 opacity: 1; |
|
2018 } |
|
2019 } |
|
2020 @keyframes lightSpeedIn { |
|
2021 0% { |
|
2022 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2023 -ms-transform: translateX(100%) skewX(-30deg); |
|
2024 transform: translateX(100%) skewX(-30deg); |
|
2025 opacity: 0; |
|
2026 } |
|
2027 60% { |
|
2028 -webkit-transform: translateX(-20%) skewX(30deg); |
|
2029 -ms-transform: translateX(-20%) skewX(30deg); |
|
2030 transform: translateX(-20%) skewX(30deg); |
|
2031 opacity: 1; |
|
2032 } |
|
2033 80% { |
|
2034 -webkit-transform: translateX(0) skewX(-15deg); |
|
2035 -ms-transform: translateX(0) skewX(-15deg); |
|
2036 transform: translateX(0) skewX(-15deg); |
|
2037 opacity: 1; |
|
2038 } |
|
2039 100% { |
|
2040 -webkit-transform: translateX(0) skewX(0deg); |
|
2041 -ms-transform: translateX(0) skewX(0deg); |
|
2042 transform: translateX(0) skewX(0deg); |
|
2043 opacity: 1; |
|
2044 } |
|
2045 } |
|
2046 @-webkit-keyframes lightSpeedOut { |
|
2047 0% { |
|
2048 -webkit-transform: translateX(0) skewX(0deg); |
|
2049 opacity: 1; |
|
2050 } |
|
2051 100% { |
|
2052 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2053 opacity: 0; |
|
2054 } |
|
2055 } |
|
2056 @keyframes lightSpeedOut { |
|
2057 0% { |
|
2058 -webkit-transform: translateX(0) skewX(0deg); |
|
2059 -ms-transform: translateX(0) skewX(0deg); |
|
2060 transform: translateX(0) skewX(0deg); |
|
2061 opacity: 1; |
|
2062 } |
|
2063 100% { |
|
2064 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2065 -ms-transform: translateX(100%) skewX(-30deg); |
|
2066 transform: translateX(100%) skewX(-30deg); |
|
2067 opacity: 0; |
|
2068 } |
|
2069 } |
|
2070 @-webkit-keyframes spin { |
|
2071 0% { |
|
2072 -webkit-transform: rotate(0deg); |
|
2073 } |
|
2074 100% { |
|
2075 -webkit-transform: rotate(359deg); |
|
2076 } |
|
2077 } |
|
2078 @-ms-keyframes spin { |
|
2079 0% { |
|
2080 -ms-transform: rotate(0deg); |
|
2081 } |
|
2082 100% { |
|
2083 -ms-transform: rotate(359deg); |
|
2084 } |
|
2085 } |
|
2086 @keyframes spin { |
|
2087 0% { |
|
2088 -webkit-transform: rotate(0deg); |
|
2089 -ms-transform: rotate(0deg); |
|
2090 transform: rotate(0deg); |
|
2091 } |
|
2092 100% { |
|
2093 -webkit-transform: rotate(359deg); |
|
2094 -ms-transform: rotate(359deg); |
|
2095 transform: rotate(359deg); |
|
2096 } |
|
2097 } |
|
2098 @-webkit-keyframes loading { |
|
2099 0% { |
|
2100 background-position: 0 -400px; |
|
2101 } |
|
2102 100% { |
|
2103 background-position: -7px -400px; |
|
2104 } |
|
2105 } |
|
2106 @-ms-keyframes loading { |
|
2107 0% { |
|
2108 background-position: 0 -400px; |
|
2109 } |
|
2110 100% { |
|
2111 background-position: -7px -400px; |
|
2112 } |
|
2113 } |
|
2114 @keyframes loading { |
|
2115 0% { |
|
2116 background-position: 0 -400px; |
|
2117 } |
|
2118 100% { |
|
2119 background-position: -7px -400px; |
|
2120 } |
|
2121 } |
|
2122 @-webkit-keyframes progress-bar-stripes { |
|
2123 from { |
|
2124 background-position: 40px 0; |
|
2125 } |
|
2126 to { |
|
2127 background-position: 0 0; |
|
2128 } |
|
2129 } |
|
2130 @keyframes progress-bar-stripes { |
|
2131 from { |
|
2132 background-position: 40px 0; |
|
2133 } |
|
2134 to { |
|
2135 background-position: 0 0; |
|
2136 } |
|
2137 } |
|
2138 @-webkit-keyframes pace-spinner { |
|
2139 0% { |
|
2140 -webkit-transform: rotate(0deg); |
|
2141 transform: rotate(0deg); |
|
2142 } |
|
2143 100% { |
|
2144 -webkit-transform: rotate(360deg); |
|
2145 transform: rotate(360deg); |
|
2146 } |
|
2147 } |
|
2148 @-ms-keyframes pace-spinner { |
|
2149 0% { |
|
2150 -ms-transform: rotate(0deg); |
|
2151 transform: rotate(0deg); |
|
2152 } |
|
2153 100% { |
|
2154 -ms-transform: rotate(360deg); |
|
2155 transform: rotate(360deg); |
|
2156 } |
|
2157 } |
|
2158 @keyframes pace-spinner { |
|
2159 0% { |
|
2160 -webkit-transform: rotate(0deg); |
|
2161 -ms-transform: rotate(0deg); |
|
2162 transform: rotate(0deg); |
|
2163 } |
|
2164 100% { |
|
2165 -webkit-transform: rotate(360deg); |
|
2166 -ms-transform: rotate(360deg); |
|
2167 transform: rotate(360deg); |
|
2168 } |
|
2169 } |
|
2170 .animated { |
|
2171 -webkit-animation-duration: 1s; |
|
2172 animation-duration: 1s; |
|
2173 -webkit-animation-fill-mode: both; |
|
2174 animation-fill-mode: both; |
|
2175 } |
|
2176 .animated.fast { |
|
2177 -webkit-animation-duration: .4s; |
|
2178 -ms-animation-duration: .4s; |
|
2179 animation-duration: .4s; |
|
2180 } |
|
2181 .animated.hinge { |
|
2182 -webkit-animation-duration: 2s; |
|
2183 animation-duration: 2s; |
|
2184 } |
|
2185 .animated.flash { |
|
2186 -webkit-animation-name: flash; |
|
2187 animation-name: flash; |
|
2188 } |
|
2189 .animated.shake { |
|
2190 -webkit-animation-name: shake; |
|
2191 animation-name: shake; |
|
2192 } |
|
2193 .animated.bounce { |
|
2194 -webkit-animation-name: bounce; |
|
2195 animation-name: bounce; |
|
2196 } |
|
2197 .animated.tada { |
|
2198 -webkit-animation-name: tada; |
|
2199 animation-name: tada; |
|
2200 } |
|
2201 .animated.swing { |
|
2202 -webkit-transform-origin: top center; |
|
2203 -ms-transform-origin: top center; |
|
2204 transform-origin: top center; |
|
2205 -webkit-animation-name: swing; |
|
2206 animation-name: swing; |
|
2207 } |
|
2208 .animated.wobble { |
|
2209 -webkit-animation-name: wobble; |
|
2210 animation-name: wobble; |
|
2211 } |
|
2212 .animated.pulse { |
|
2213 -webkit-animation-name: pulse; |
|
2214 animation-name: pulse; |
|
2215 } |
|
2216 .animated.flip { |
|
2217 -webkit-backface-visibility: visible!important; |
|
2218 -webkit-animation-name: flip; |
|
2219 -ms-backface-visibility: visible!important; |
|
2220 backface-visibility: visible!important; |
|
2221 animation-name: flip; |
|
2222 } |
|
2223 .animated.flipInX { |
|
2224 -webkit-backface-visibility: visible!important; |
|
2225 -webkit-animation-name: flipInX; |
|
2226 -ms-backface-visibility: visible!important; |
|
2227 backface-visibility: visible!important; |
|
2228 animation-name: flipInX; |
|
2229 } |
|
2230 .animated.flipOutX { |
|
2231 -webkit-animation-name: flipOutX; |
|
2232 -webkit-backface-visibility: visible!important; |
|
2233 animation-name: flipOutX; |
|
2234 -ms-backface-visibility: visible!important; |
|
2235 backface-visibility: visible!important; |
|
2236 } |
|
2237 .animated.flipInY { |
|
2238 -webkit-backface-visibility: visible!important; |
|
2239 -webkit-animation-name: flipInY; |
|
2240 -ms-backface-visibility: visible!important; |
|
2241 backface-visibility: visible!important; |
|
2242 animation-name: flipInY; |
|
2243 } |
|
2244 .animated.flipOutY { |
|
2245 -webkit-backface-visibility: visible!important; |
|
2246 -webkit-animation-name: flipOutY; |
|
2247 -ms-backface-visibility: visible!important; |
|
2248 backface-visibility: visible!important; |
|
2249 animation-name: flipOutY; |
|
2250 } |
|
2251 .animated.fadeIn { |
|
2252 -webkit-animation-name: fadeIn; |
|
2253 animation-name: fadeIn; |
|
2254 } |
|
2255 .animated.fadeInUp { |
|
2256 -webkit-animation-name: fadeInUp; |
|
2257 animation-name: fadeInUp; |
|
2258 } |
|
2259 .animated.fadeInDown { |
|
2260 -webkit-animation-name: fadeInDown; |
|
2261 animation-name: fadeInDown; |
|
2262 } |
|
2263 .animated.fadeInLeft { |
|
2264 -webkit-animation-name: fadeInLeft; |
|
2265 animation-name: fadeInLeft; |
|
2266 } |
|
2267 .animated.fadeInRight { |
|
2268 -webkit-animation-name: fadeInRight; |
|
2269 animation-name: fadeInRight; |
|
2270 } |
|
2271 .animated.fadeInUpBig { |
|
2272 -webkit-animation-name: fadeInUpBig; |
|
2273 animation-name: fadeInUpBig; |
|
2274 } |
|
2275 .animated.fadeInDownBig { |
|
2276 -webkit-animation-name: fadeInDownBig; |
|
2277 animation-name: fadeInDownBig; |
|
2278 } |
|
2279 .animated.fadeInLeftBig { |
|
2280 -webkit-animation-name: fadeInLeftBig; |
|
2281 animation-name: fadeInLeftBig; |
|
2282 } |
|
2283 .animated.fadeInRightBig { |
|
2284 -webkit-animation-name: fadeInRightBig; |
|
2285 animation-name: fadeInRightBig; |
|
2286 } |
|
2287 .animated.fadeOut { |
|
2288 -webkit-animation-name: fadeOut; |
|
2289 animation-name: fadeOut; |
|
2290 } |
|
2291 .animated.fadeOutUp { |
|
2292 -webkit-animation-name: fadeOutUp; |
|
2293 animation-name: fadeOutUp; |
|
2294 } |
|
2295 .animated.fadeOutDown { |
|
2296 -webkit-animation-name: fadeOutDown; |
|
2297 animation-name: fadeOutDown; |
|
2298 } |
|
2299 .animated.fadeOutLeft { |
|
2300 -webkit-animation-name: fadeOutLeft; |
|
2301 animation-name: fadeOutLeft; |
|
2302 } |
|
2303 .animated.fadeOutRight { |
|
2304 -webkit-animation-name: fadeOutRight; |
|
2305 animation-name: fadeOutRight; |
|
2306 } |
|
2307 .animated.fadeOutUpBig { |
|
2308 -webkit-animation-name: fadeOutUpBig; |
|
2309 animation-name: fadeOutUpBig; |
|
2310 } |
|
2311 .animated.fadeOutDownBig { |
|
2312 -webkit-animation-name: fadeOutDownBig; |
|
2313 animation-name: fadeOutDownBig; |
|
2314 } |
|
2315 .animated.fadeOutLeftBig { |
|
2316 -webkit-animation-name: fadeOutLeftBig; |
|
2317 animation-name: fadeOutLeftBig; |
|
2318 } |
|
2319 .animated.fadeOutRightBig { |
|
2320 -webkit-animation-name: fadeOutRightBig; |
|
2321 animation-name: fadeOutRightBig; |
|
2322 } |
|
2323 .animated.bounceIn { |
|
2324 -webkit-animation-name: bounceIn; |
|
2325 animation-name: bounceIn; |
|
2326 } |
|
2327 .animated.slideInDown { |
|
2328 -webkit-animation-name: slideInDown; |
|
2329 animation-name: slideInDown; |
|
2330 } |
|
2331 .animated.slideInLeft { |
|
2332 -webkit-animation-name: slideInLeft; |
|
2333 animation-name: slideInLeft; |
|
2334 } |
|
2335 .animated.slideInRight { |
|
2336 -webkit-animation-name: slideInRight; |
|
2337 animation-name: slideInRight; |
|
2338 } |
|
2339 .animated.slideOutLeft { |
|
2340 -webkit-animation-name: slideOutLeft; |
|
2341 animation-name: slideOutLeft; |
|
2342 } |
|
2343 .animated.slideOutRight { |
|
2344 -webkit-animation-name: slideOutRight; |
|
2345 animation-name: slideOutRight; |
|
2346 } |
|
2347 .animated.slideOutUp { |
|
2348 -webkit-animation-name: slideOutUp; |
|
2349 animation-name: slideOutUp; |
|
2350 } |
|
2351 .animated.bounceInUp { |
|
2352 -webkit-animation-name: bounceInUp; |
|
2353 animation-name: bounceInUp; |
|
2354 } |
|
2355 .animated.bounceInDown { |
|
2356 -webkit-animation-name: bounceInDown; |
|
2357 animation-name: bounceInDown; |
|
2358 } |
|
2359 .animated.bounceInLeft { |
|
2360 -webkit-animation-name: bounceInLeft; |
|
2361 animation-name: bounceInLeft; |
|
2362 } |
|
2363 .animated.bounceInRight { |
|
2364 -webkit-animation-name: bounceInRight; |
|
2365 animation-name: bounceInRight; |
|
2366 } |
|
2367 .animated.bounceOut { |
|
2368 -webkit-animation-name: bounceOut; |
|
2369 animation-name: bounceOut; |
|
2370 } |
|
2371 .animated.bounceOutUp { |
|
2372 -webkit-animation-name: bounceOutUp; |
|
2373 animation-name: bounceOutUp; |
|
2374 } |
|
2375 .animated.bounceOutDown { |
|
2376 -webkit-animation-name: bounceOutDown; |
|
2377 animation-name: bounceOutDown; |
|
2378 } |
|
2379 .animated.bounceOutLeft { |
|
2380 -webkit-animation-name: bounceOutLeft; |
|
2381 animation-name: bounceOutLeft; |
|
2382 } |
|
2383 .animated.bounceOutRight { |
|
2384 -webkit-animation-name: bounceOutRight; |
|
2385 animation-name: bounceOutRight; |
|
2386 } |
|
2387 .animated.rotateIn { |
|
2388 -webkit-animation-name: rotateIn; |
|
2389 animation-name: rotateIn; |
|
2390 } |
|
2391 .animated.rotateInUpLeft { |
|
2392 -webkit-animation-name: rotateInUpLeft; |
|
2393 animation-name: rotateInUpLeft; |
|
2394 } |
|
2395 .animated.rotateInDownLeft { |
|
2396 -webkit-animation-name: rotateInDownLeft; |
|
2397 animation-name: rotateInDownLeft; |
|
2398 } |
|
2399 .animated.rotateInUpRight { |
|
2400 -webkit-animation-name: rotateInUpRight; |
|
2401 animation-name: rotateInUpRight; |
|
2402 } |
|
2403 .animated.rotateInDownRight { |
|
2404 -webkit-animation-name: rotateInDownRight; |
|
2405 animation-name: rotateInDownRight; |
|
2406 } |
|
2407 .animated.rotateOut { |
|
2408 -webkit-animation-name: rotateOut; |
|
2409 animation-name: rotateOut; |
|
2410 } |
|
2411 .animated.rotateOutUpLeft { |
|
2412 -webkit-animation-name: rotateOutUpLeft; |
|
2413 animation-name: rotateOutUpLeft; |
|
2414 } |
|
2415 .animated.rotateOutDownLeft { |
|
2416 -webkit-animation-name: rotateOutDownLeft; |
|
2417 animation-name: rotateOutDownLeft; |
|
2418 } |
|
2419 .animated.rotateOutUpRight { |
|
2420 -webkit-animation-name: rotateOutUpRight; |
|
2421 animation-name: rotateOutUpRight; |
|
2422 } |
|
2423 .animated.rotateOutDownRight { |
|
2424 -webkit-animation-name: rotateOutDownRight; |
|
2425 animation-name: rotateOutDownRight; |
|
2426 } |
|
2427 .animated.rollIn { |
|
2428 -webkit-animation-name: rollIn; |
|
2429 animation-name: rollIn; |
|
2430 } |
|
2431 .animated.rollOut { |
|
2432 -webkit-animation-name: rollOut; |
|
2433 animation-name: rollOut; |
|
2434 } |
|
2435 .animated.lightSpeedIn { |
|
2436 -webkit-animation-name: lightSpeedIn; |
|
2437 animation-name: lightSpeedIn; |
|
2438 -webkit-animation-timing-function: ease-out; |
|
2439 animation-timing-function: ease-out; |
|
2440 -webkit-animation-duration: .5s; |
|
2441 animation-duration: .5s; |
|
2442 } |
|
2443 .animated.lightSpeedOut { |
|
2444 -webkit-animation-name: lightSpeedOut; |
|
2445 animation-name: lightSpeedOut; |
|
2446 -webkit-animation-timing-function: ease-in; |
|
2447 animation-timing-function: ease-in; |
|
2448 -webkit-animation-duration: .25s; |
|
2449 animation-duration: .25s; |
|
2450 } |
|
2451 .animated.fade { |
|
2452 opacity: 0; |
|
2453 -webkit-transition: opacity .15s linear; |
|
2454 transition: opacity .15s linear; |
|
2455 } |
|
2456 [class*=" bg-"], |
|
2457 [class^=bg-] { |
|
2458 -webkit-filter: none!important; |
|
2459 filter: none!important; |
|
2460 } |
|
2461 /* |
|
2462 * Icons styles |
|
2463 */ |
|
2464 .square { |
|
2465 display: block; |
|
2466 float: left; |
|
2467 margin-right: 10px; |
|
2468 height: 20px; |
|
2469 width: 20px; |
|
2470 } |
|
2471 .fa-stack-1em { |
|
2472 width: 1em!important; |
|
2473 height: 1em!important; |
|
2474 line-height: 1em!important; |
|
2475 } |
|
2476 .icon-color-good { |
|
2477 color: #40ac2b; |
|
2478 } |
|
2479 .icon-color-bad { |
|
2480 color: #ed1c24; |
|
2481 } |
|
2482 .percent-sign:after { |
|
2483 content: " %"; |
|
2484 line-height: normal; |
|
2485 } |
|
2486 .degree-sign:after { |
|
2487 content: " °F"; |
|
2488 line-height: normal; |
|
2489 } |
|
2490 .ui-state-default .ui-icon[class*=" icon-"] { |
|
2491 background: 0 0; |
|
2492 margin-left: -12px; |
|
2493 } |
|
2494 .ui-icon-carat-1-n { |
|
2495 background-position: 0 0; |
|
2496 } |
|
2497 .ui-icon-carat-1-ne { |
|
2498 background-position: -16px 0; |
|
2499 } |
|
2500 .ui-icon-carat-1-e { |
|
2501 background-position: -32px 0; |
|
2502 } |
|
2503 .ui-icon-carat-1-e:before { |
|
2504 content: "\f105"; |
|
2505 font-family: FontAwesome; |
|
2506 font-size: 14px; |
|
2507 display: inline; |
|
2508 } |
|
2509 .ui-icon-carat-1-se { |
|
2510 background-position: -48px 0; |
|
2511 } |
|
2512 .ui-icon-carat-1-s { |
|
2513 background-position: -64px 0; |
|
2514 } |
|
2515 .ui-icon-carat-1-sw { |
|
2516 background-position: -80px 0; |
|
2517 } |
|
2518 .ui-icon-carat-1-w { |
|
2519 background-position: -96px 0; |
|
2520 } |
|
2521 .ui-icon-carat-1-nw { |
|
2522 background-position: -112px 0; |
|
2523 } |
|
2524 .ui-icon-carat-2-n-s { |
|
2525 background-position: -128px 0; |
|
2526 } |
|
2527 .ui-icon-carat-2-e-w { |
|
2528 background-position: -144px 0; |
|
2529 } |
|
2530 .ui-icon-triangle-1-n { |
|
2531 background-position: 0 -16px; |
|
2532 } |
|
2533 .ui-icon-triangle-1-ne { |
|
2534 background-position: -16px -16px; |
|
2535 } |
|
2536 .ui-icon-triangle-1-e { |
|
2537 background-position: -32px -16px; |
|
2538 } |
|
2539 .ui-icon-triangle-1-se { |
|
2540 background-position: -48px -16px; |
|
2541 } |
|
2542 .ui-icon-triangle-1-s { |
|
2543 background-position: -64px -16px; |
|
2544 } |
|
2545 .ui-icon-triangle-1-sw { |
|
2546 background-position: -80px -16px; |
|
2547 } |
|
2548 .ui-icon-triangle-1-w { |
|
2549 background-position: -96px -16px; |
|
2550 } |
|
2551 .ui-icon-triangle-1-nw { |
|
2552 background-position: -112px -16px; |
|
2553 } |
|
2554 .ui-icon-triangle-2-n-s { |
|
2555 background-position: -128px -16px; |
|
2556 } |
|
2557 .ui-icon-triangle-2-e-w { |
|
2558 background-position: -144px -16px; |
|
2559 } |
|
2560 .ui-icon-arrow-1-n { |
|
2561 background-position: 0 -32px; |
|
2562 } |
|
2563 .ui-icon-arrow-1-ne { |
|
2564 background-position: -16px -32px; |
|
2565 } |
|
2566 .ui-icon-arrow-1-e { |
|
2567 background-position: -32px -32px; |
|
2568 } |
|
2569 .ui-icon-arrow-1-se { |
|
2570 background-position: -48px -32px; |
|
2571 } |
|
2572 .ui-icon-arrow-1-s { |
|
2573 background-position: -64px -32px; |
|
2574 } |
|
2575 .ui-icon-arrow-1-sw { |
|
2576 background-position: -80px -32px; |
|
2577 } |
|
2578 .ui-icon-arrow-1-w { |
|
2579 background-position: -96px -32px; |
|
2580 } |
|
2581 .ui-icon-arrow-1-nw { |
|
2582 background-position: -112px -32px; |
|
2583 } |
|
2584 .ui-icon-arrow-2-n-s { |
|
2585 background-position: -128px -32px; |
|
2586 } |
|
2587 .ui-icon-arrow-2-ne-sw { |
|
2588 background-position: -144px -32px; |
|
2589 } |
|
2590 .ui-icon-arrow-2-e-w { |
|
2591 background-position: -160px -32px; |
|
2592 } |
|
2593 .ui-icon-arrow-2-se-nw { |
|
2594 background-position: -176px -32px; |
|
2595 } |
|
2596 .ui-icon-arrowstop-1-n { |
|
2597 background-position: -192px -32px; |
|
2598 } |
|
2599 .ui-icon-arrowstop-1-e { |
|
2600 background-position: -208px -32px; |
|
2601 } |
|
2602 .ui-icon-arrowstop-1-s { |
|
2603 background-position: -224px -32px; |
|
2604 } |
|
2605 .ui-icon-arrowstop-1-w { |
|
2606 background-position: -240px -32px; |
|
2607 } |
|
2608 .ui-icon-arrowthick-1-n { |
|
2609 background-position: 0 -48px; |
|
2610 } |
|
2611 .ui-icon-arrowthick-1-ne { |
|
2612 background-position: -16px -48px; |
|
2613 } |
|
2614 .ui-icon-arrowthick-1-e { |
|
2615 background-position: -32px -48px; |
|
2616 } |
|
2617 .ui-icon-arrowthick-1-se { |
|
2618 background-position: -48px -48px; |
|
2619 } |
|
2620 .ui-icon-arrowthick-1-s { |
|
2621 background-position: -64px -48px; |
|
2622 } |
|
2623 .ui-icon-arrowthick-1-sw { |
|
2624 background-position: -80px -48px; |
|
2625 } |
|
2626 .ui-icon-arrowthick-1-w { |
|
2627 background-position: -96px -48px; |
|
2628 } |
|
2629 .ui-icon-arrowthick-1-nw { |
|
2630 background-position: -112px -48px; |
|
2631 } |
|
2632 .ui-icon-arrowthick-2-n-s { |
|
2633 background-position: -128px -48px; |
|
2634 } |
|
2635 .ui-icon-arrowthick-2-ne-sw { |
|
2636 background-position: -144px -48px; |
|
2637 } |
|
2638 .ui-icon-arrowthick-2-e-w { |
|
2639 background-position: -160px -48px; |
|
2640 } |
|
2641 .ui-icon-arrowthick-2-se-nw { |
|
2642 background-position: -176px -48px; |
|
2643 } |
|
2644 .ui-icon-arrowthickstop-1-n { |
|
2645 background-position: -192px -48px; |
|
2646 } |
|
2647 .ui-icon-arrowthickstop-1-e { |
|
2648 background-position: -208px -48px; |
|
2649 } |
|
2650 .ui-icon-arrowthickstop-1-s { |
|
2651 background-position: -224px -48px; |
|
2652 } |
|
2653 .ui-icon-arrowthickstop-1-w { |
|
2654 background-position: -240px -48px; |
|
2655 } |
|
2656 .ui-icon-arrowreturnthick-1-w { |
|
2657 background-position: 0 -64px; |
|
2658 } |
|
2659 .ui-icon-arrowreturnthick-1-n { |
|
2660 background-position: -16px -64px; |
|
2661 } |
|
2662 .ui-icon-arrowreturnthick-1-e { |
|
2663 background-position: -32px -64px; |
|
2664 } |
|
2665 .ui-icon-arrowreturnthick-1-s { |
|
2666 background-position: -48px -64px; |
|
2667 } |
|
2668 .ui-icon-arrowreturn-1-w { |
|
2669 background-position: -64px -64px; |
|
2670 } |
|
2671 .ui-icon-arrowreturn-1-n { |
|
2672 background-position: -80px -64px; |
|
2673 } |
|
2674 .ui-icon-arrowreturn-1-e { |
|
2675 background-position: -96px -64px; |
|
2676 } |
|
2677 .ui-icon-arrowreturn-1-s { |
|
2678 background-position: -112px -64px; |
|
2679 } |
|
2680 .ui-icon-arrowrefresh-1-w { |
|
2681 background-position: -128px -64px; |
|
2682 } |
|
2683 .ui-icon-arrowrefresh-1-n { |
|
2684 background-position: -144px -64px; |
|
2685 } |
|
2686 .ui-icon-arrowrefresh-1-e { |
|
2687 background-position: -160px -64px; |
|
2688 } |
|
2689 .ui-icon-arrowrefresh-1-s { |
|
2690 background-position: -176px -64px; |
|
2691 } |
|
2692 .ui-icon-arrow-4 { |
|
2693 background-position: 0 -80px; |
|
2694 } |
|
2695 .ui-icon-arrow-4-diag { |
|
2696 background-position: -16px -80px; |
|
2697 } |
|
2698 .ui-icon-extlink { |
|
2699 background-position: -32px -80px; |
|
2700 } |
|
2701 .ui-icon-newwin { |
|
2702 background-position: -48px -80px; |
|
2703 } |
|
2704 .ui-icon-refresh { |
|
2705 background-position: -64px -80px; |
|
2706 } |
|
2707 .ui-icon-shuffle { |
|
2708 background-position: -80px -80px; |
|
2709 } |
|
2710 .ui-icon-transfer-e-w { |
|
2711 background-position: -96px -80px; |
|
2712 } |
|
2713 .ui-icon-transferthick-e-w { |
|
2714 background-position: -112px -80px; |
|
2715 } |
|
2716 .ui-icon-folder-collapsed { |
|
2717 background-position: 0 -96px; |
|
2718 } |
|
2719 .ui-icon-folder-open { |
|
2720 background-position: -16px -96px; |
|
2721 } |
|
2722 .ui-icon-document { |
|
2723 background-position: -32px -96px; |
|
2724 } |
|
2725 .ui-icon-document-b { |
|
2726 background-position: -48px -96px; |
|
2727 } |
|
2728 .ui-icon-note { |
|
2729 background-position: -64px -96px; |
|
2730 } |
|
2731 .ui-icon-mail-closed { |
|
2732 background-position: -80px -96px; |
|
2733 } |
|
2734 .ui-icon-mail-open { |
|
2735 background-position: -96px -96px; |
|
2736 } |
|
2737 .ui-icon-suitcase { |
|
2738 background-position: -112px -96px; |
|
2739 } |
|
2740 .ui-icon-comment { |
|
2741 background-position: -128px -96px; |
|
2742 } |
|
2743 .ui-icon-person { |
|
2744 background-position: -144px -96px; |
|
2745 } |
|
2746 .ui-icon-print { |
|
2747 background-position: -160px -96px; |
|
2748 } |
|
2749 .ui-icon-trash { |
|
2750 background-position: -176px -96px; |
|
2751 } |
|
2752 .ui-icon-locked { |
|
2753 background-position: -192px -96px; |
|
2754 } |
|
2755 .ui-icon-unlocked { |
|
2756 background-position: -208px -96px; |
|
2757 } |
|
2758 .ui-icon-bookmark { |
|
2759 background-position: -224px -96px; |
|
2760 } |
|
2761 .ui-icon-tag { |
|
2762 background-position: -240px -96px; |
|
2763 } |
|
2764 .ui-icon-home { |
|
2765 background-position: 0 -112px; |
|
2766 } |
|
2767 .ui-icon-flag { |
|
2768 background-position: -16px -112px; |
|
2769 } |
|
2770 .ui-icon-calendar { |
|
2771 background-position: -32px -112px; |
|
2772 } |
|
2773 .ui-icon-cart { |
|
2774 background-position: -48px -112px; |
|
2775 } |
|
2776 .ui-icon-pencil { |
|
2777 background-position: -64px -112px; |
|
2778 } |
|
2779 .ui-icon-clock { |
|
2780 background-position: -80px -112px; |
|
2781 } |
|
2782 .ui-icon-disk { |
|
2783 background-position: -96px -112px; |
|
2784 } |
|
2785 .ui-icon-calculator { |
|
2786 background-position: -112px -112px; |
|
2787 } |
|
2788 .ui-icon-zoomin { |
|
2789 background-position: -128px -112px; |
|
2790 } |
|
2791 .ui-icon-zoomout { |
|
2792 background-position: -144px -112px; |
|
2793 } |
|
2794 .ui-icon-search { |
|
2795 background-position: -160px -112px; |
|
2796 } |
|
2797 .ui-icon-wrench { |
|
2798 background-position: -176px -112px; |
|
2799 } |
|
2800 .ui-icon-gear { |
|
2801 background-position: -192px -112px; |
|
2802 } |
|
2803 .ui-icon-heart { |
|
2804 background-position: -208px -112px; |
|
2805 } |
|
2806 .ui-icon-star { |
|
2807 background-position: -224px -112px; |
|
2808 } |
|
2809 .ui-icon-link { |
|
2810 background-position: -240px -112px; |
|
2811 } |
|
2812 .ui-icon-cancel { |
|
2813 background-position: 0 -128px; |
|
2814 } |
|
2815 .ui-icon-plus { |
|
2816 background-position: -16px -128px; |
|
2817 } |
|
2818 .ui-icon-plusthick { |
|
2819 background-position: -32px -128px; |
|
2820 } |
|
2821 .ui-icon-minus { |
|
2822 background-position: -48px -128px; |
|
2823 } |
|
2824 .ui-icon-minusthick { |
|
2825 background-position: -64px -128px; |
|
2826 } |
|
2827 .ui-icon-close { |
|
2828 background-position: -80px -128px; |
|
2829 } |
|
2830 .ui-icon-closethick { |
|
2831 background-position: -96px -128px; |
|
2832 } |
|
2833 .ui-icon-key { |
|
2834 background-position: -112px -128px; |
|
2835 } |
|
2836 .ui-icon-lightbulb { |
|
2837 background-position: -128px -128px; |
|
2838 } |
|
2839 .ui-icon-scissors { |
|
2840 background-position: -144px -128px; |
|
2841 } |
|
2842 .ui-icon-clipboard { |
|
2843 background-position: -160px -128px; |
|
2844 } |
|
2845 .ui-icon-copy { |
|
2846 background-position: -176px -128px; |
|
2847 } |
|
2848 .ui-icon-contact { |
|
2849 background-position: -192px -128px; |
|
2850 } |
|
2851 .ui-icon-image { |
|
2852 background-position: -208px -128px; |
|
2853 } |
|
2854 .ui-icon-video { |
|
2855 background-position: -224px -128px; |
|
2856 } |
|
2857 .ui-icon-script { |
|
2858 background-position: -240px -128px; |
|
2859 } |
|
2860 .ui-icon-alert { |
|
2861 background-position: 0 -144px; |
|
2862 } |
|
2863 .ui-icon-info { |
|
2864 background-position: -16px -144px; |
|
2865 } |
|
2866 .ui-icon-notice { |
|
2867 background-position: -32px -144px; |
|
2868 } |
|
2869 .ui-icon-help { |
|
2870 background-position: -48px -144px; |
|
2871 } |
|
2872 .ui-icon-check { |
|
2873 background-position: -64px -144px; |
|
2874 } |
|
2875 .ui-icon-bullet { |
|
2876 background-position: -80px -144px; |
|
2877 } |
|
2878 .ui-icon-radio-on { |
|
2879 background-position: -96px -144px; |
|
2880 } |
|
2881 .ui-icon-radio-off { |
|
2882 background-position: -112px -144px; |
|
2883 } |
|
2884 .ui-icon-pin-w { |
|
2885 background-position: -128px -144px; |
|
2886 } |
|
2887 .ui-icon-pin-s { |
|
2888 background-position: -144px -144px; |
|
2889 } |
|
2890 .ui-icon-play { |
|
2891 background-position: 0 -160px; |
|
2892 } |
|
2893 .ui-icon-pause { |
|
2894 background-position: -16px -160px; |
|
2895 } |
|
2896 .ui-icon-seek-next { |
|
2897 background-position: -32px -160px; |
|
2898 } |
|
2899 .ui-icon-seek-prev { |
|
2900 background-position: -48px -160px; |
|
2901 } |
|
2902 .ui-icon-seek-end { |
|
2903 background-position: -64px -160px; |
|
2904 } |
|
2905 .ui-icon-seek-first, |
|
2906 .ui-icon-seek-start { |
|
2907 background-position: -80px -160px; |
|
2908 } |
|
2909 .ui-icon-stop { |
|
2910 background-position: -96px -160px; |
|
2911 } |
|
2912 .ui-icon-eject { |
|
2913 background-position: -112px -160px; |
|
2914 } |
|
2915 .ui-icon-volume-off { |
|
2916 background-position: -128px -160px; |
|
2917 } |
|
2918 .ui-icon-volume-on { |
|
2919 background-position: -144px -160px; |
|
2920 } |
|
2921 .ui-icon-power { |
|
2922 background-position: 0 -176px; |
|
2923 } |
|
2924 .ui-icon-signal-diag { |
|
2925 background-position: -16px -176px; |
|
2926 } |
|
2927 .ui-icon-signal { |
|
2928 background-position: -32px -176px; |
|
2929 } |
|
2930 .ui-icon-battery-0 { |
|
2931 background-position: -48px -176px; |
|
2932 } |
|
2933 .ui-icon-battery-1 { |
|
2934 background-position: -64px -176px; |
|
2935 } |
|
2936 .ui-icon-battery-2 { |
|
2937 background-position: -80px -176px; |
|
2938 } |
|
2939 .ui-icon-battery-3 { |
|
2940 background-position: -96px -176px; |
|
2941 } |
|
2942 .ui-icon-circle-plus { |
|
2943 background-position: 0 -192px; |
|
2944 } |
|
2945 .ui-icon-circle-minus { |
|
2946 background-position: -16px -192px; |
|
2947 } |
|
2948 .ui-icon-circle-close { |
|
2949 background-position: -32px -192px; |
|
2950 } |
|
2951 .ui-icon-circle-triangle-e { |
|
2952 background-position: -48px -192px; |
|
2953 } |
|
2954 .ui-icon-circle-triangle-s { |
|
2955 background-position: -64px -192px; |
|
2956 } |
|
2957 .ui-icon-circle-triangle-w { |
|
2958 background-position: -80px -192px; |
|
2959 } |
|
2960 .ui-icon-circle-triangle-n { |
|
2961 background-position: -96px -192px; |
|
2962 } |
|
2963 .ui-icon-circle-arrow-e { |
|
2964 background-position: -112px -192px; |
|
2965 } |
|
2966 .ui-icon-circle-arrow-s { |
|
2967 background-position: -128px -192px; |
|
2968 } |
|
2969 .ui-icon-circle-arrow-w { |
|
2970 background-position: -144px -192px; |
|
2971 } |
|
2972 .ui-icon-circle-arrow-n { |
|
2973 background-position: -160px -192px; |
|
2974 } |
|
2975 .ui-icon-circle-zoomin { |
|
2976 background-position: -176px -192px; |
|
2977 } |
|
2978 .ui-icon-circle-zoomout { |
|
2979 background-position: -192px -192px; |
|
2980 } |
|
2981 .ui-icon-circle-check { |
|
2982 background-position: -208px -192px; |
|
2983 } |
|
2984 .ui-icon-circlesmall-plus { |
|
2985 background-position: 0 -208px; |
|
2986 } |
|
2987 .ui-icon-circlesmall-minus { |
|
2988 background-position: -16px -208px; |
|
2989 } |
|
2990 .ui-icon-circlesmall-close { |
|
2991 background-position: -32px -208px; |
|
2992 } |
|
2993 .ui-icon-squaresmall-plus { |
|
2994 background-position: -48px -208px; |
|
2995 } |
|
2996 .ui-icon-squaresmall-minus { |
|
2997 background-position: -64px -208px; |
|
2998 } |
|
2999 .ui-icon-squaresmall-close { |
|
3000 background-position: -80px -208px; |
|
3001 } |
|
3002 .ui-icon-grip-dotted-vertical { |
|
3003 background-position: 0 -224px; |
|
3004 } |
|
3005 .ui-icon-grip-dotted-horizontal { |
|
3006 background-position: -16px -224px; |
|
3007 } |
|
3008 .ui-icon-grip-solid-vertical { |
|
3009 background-position: -32px -224px; |
|
3010 } |
|
3011 .ui-icon-grip-solid-horizontal { |
|
3012 background-position: -48px -224px; |
|
3013 } |
|
3014 .ui-icon-gripsmall-diagonal-se { |
|
3015 background-position: -64px -224px; |
|
3016 } |
|
3017 .ui-icon-grip-diagonal-se { |
|
3018 background-position: -80px -224px; |
|
3019 } |
|
3020 .ui-button-icon-primary.ui-icon[class*=" icon-"]:before, |
|
3021 .ui-button-icon-primary.ui-icon[class^=icon-]:before, |
|
3022 .ui-button-icon-secondary.ui-icon[class*=" icon-"]:before, |
|
3023 .ui-button-icon-secondary.ui-icon[class^=icon-]:before { |
|
3024 font-size: inherit; |
|
3025 margin-left: 7px!important; |
|
3026 margin-left: 5px; |
|
3027 display: inline; |
|
3028 text-decoration: inherit; |
|
3029 color: inherit; |
|
3030 } |
|
3031 /* |
|
3032 * Typos styles |
|
3033 */ |
|
3034 @font-face { |
|
3035 font-family: 'Ubuntu'; |
|
3036 src: url('fonts/Ubuntu-C.eot'); |
|
3037 src: url('fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg'); |
|
3038 font-weight: normal; |
|
3039 font-style: normal; |
|
3040 } |
|
3041 @font-face { |
|
3042 font-family: 'Ubuntu-Light'; |
|
3043 src: url('fonts/Ubuntu-L.eot'); |
|
3044 src: url('fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/Ubuntu-L.ttf') format('truetype'), url('fonts/Ubuntu-L.svg') format('svg'); |
|
3045 font-weight: normal; |
|
3046 font-style: normal; |
|
3047 } |
|
3048 @font-face { |
|
3049 font-family: 'Ubuntu-Bold'; |
|
3050 src: url('fonts/Ubuntu-B.eot'); |
|
3051 src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg'); |
|
3052 font-weight: bold; |
|
3053 font-style: normal; |
|
3054 } |
|
3055 html, |
|
3056 body { |
|
3057 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
3058 } |
|
3059 a:active, |
|
3060 a:focus, |
|
3061 a:hover, |
|
3062 button, |
|
3063 button:active, |
|
3064 button:focus, |
|
3065 embed, |
|
3066 input::-moz-focus-inner, |
|
3067 object { |
|
3068 outline: 0; |
|
3069 } |
|
3070 .hidden { |
|
3071 display: none; |
|
3072 } |
|
3073 .hidden-desktop { |
|
3074 display: none!important; |
|
3075 } |
|
3076 .no-visible { |
|
3077 visibility: hidden!important; |
|
3078 } |
|
3079 .pull-right { |
|
3080 float: right!Important; |
|
3081 } |
|
3082 .pull-left { |
|
3083 float: left!Important; |
|
3084 } |
|
3085 .align-top { |
|
3086 vertical-align: top!important; |
|
3087 } |
|
3088 .align-base { |
|
3089 vertical-align: baseline!important; |
|
3090 } |
|
3091 .opacity-25 { |
|
3092 opacity: 0.25!important; |
|
3093 } |
|
3094 .opacity-50 { |
|
3095 opacity: 0.5!important; |
|
3096 } |
|
3097 .opacity-75 { |
|
3098 opacity: 0.75!important; |
|
3099 } |
|
3100 .opacity-100, |
|
3101 .opaque { |
|
3102 opacity: 1!important; |
|
3103 } |
|
3104 .disabled { |
|
3105 color: #fff; |
|
3106 } |
|
3107 .btn-default.disabled { |
|
3108 color: #999; |
|
3109 } |
|
3110 xmp { |
|
3111 overflow: auto; |
|
3112 } |
|
3113 .nowrap { |
|
3114 white-space: nowrap; |
|
3115 } |
|
3116 .truncated { |
|
3117 white-space: nowrap; |
|
3118 overflow: hidden; |
|
3119 text-overflow: ellipsis; |
|
3120 } |
|
3121 .no-space { |
|
3122 margin: 0; |
|
3123 } |
|
3124 .no-space > [class*=col-] { |
|
3125 margin: 0!important; |
|
3126 padding-right: 0; |
|
3127 padding-left: 0; |
|
3128 } |
|
3129 .no-margin { |
|
3130 margin: 0!important; |
|
3131 } |
|
3132 .no-x-margin { |
|
3133 margin-left: 0!important; |
|
3134 margin-right: 0!important; |
|
3135 } |
|
3136 .no-y-margin { |
|
3137 margin-top: 0!important; |
|
3138 margin-bottom: 0!important; |
|
3139 } |
|
3140 .margin-5 { |
|
3141 margin: 5px !important; |
|
3142 } |
|
3143 .margin-10 { |
|
3144 margin: 10px !important; |
|
3145 } |
|
3146 .margin-20 { |
|
3147 margin: 20px !important; |
|
3148 } |
|
3149 .margin-x-0 { |
|
3150 margin-left: 0px!important; |
|
3151 margin-right: 0px!important; |
|
3152 } |
|
3153 .margin-x-5 { |
|
3154 margin-left: 5px!important; |
|
3155 margin-right: 5px!important; |
|
3156 } |
|
3157 .margin-x-10 { |
|
3158 margin-left: 10px!important; |
|
3159 margin-right: 10px!important; |
|
3160 } |
|
3161 .margin-x-20 { |
|
3162 margin-left: 20px!important; |
|
3163 margin-right: 20px!important; |
|
3164 } |
|
3165 .margin-y-0 { |
|
3166 margin-top: 0px!important; |
|
3167 margin-bottom: 0px!important; |
|
3168 } |
|
3169 .margin-y-5 { |
|
3170 margin-top: 5px!important; |
|
3171 margin-bottom: 5px!important; |
|
3172 } |
|
3173 .margin-y-10 { |
|
3174 margin-top: 10px!important; |
|
3175 margin-bottom: 10px!important; |
|
3176 } |
|
3177 .margin-y-20 { |
|
3178 margin-top: 20px!important; |
|
3179 margin-bottom: 20px!important; |
|
3180 } |
|
3181 .margin-top-0 { |
|
3182 margin-top: 0!important; |
|
3183 } |
|
3184 .margin-top-2 { |
|
3185 margin-top: 2px!important; |
|
3186 } |
|
3187 .margin-top-5 { |
|
3188 margin-top: 5px!important; |
|
3189 } |
|
3190 .margin-top-10 { |
|
3191 margin-top: 10px!important; |
|
3192 } |
|
3193 .margin-top-20 { |
|
3194 margin-top: 20px!important; |
|
3195 } |
|
3196 .margin-bottom-0 { |
|
3197 margin-bottom: 0!important; |
|
3198 } |
|
3199 .margin-bottom-2 { |
|
3200 margin-bottom: 2px!important; |
|
3201 } |
|
3202 .margin-bottom-5 { |
|
3203 margin-bottom: 5px!important; |
|
3204 } |
|
3205 .margin-bottom-10 { |
|
3206 margin-bottom: 10px!important; |
|
3207 } |
|
3208 .margin-bottom-20 { |
|
3209 margin-bottom: 20px!important; |
|
3210 } |
|
3211 .margin-left-0 { |
|
3212 margin-left: 0!important; |
|
3213 } |
|
3214 .margin-left-2 { |
|
3215 margin-left: 2px!important; |
|
3216 } |
|
3217 .margin-left-5 { |
|
3218 margin-left: 5px!important; |
|
3219 } |
|
3220 .margin-left-10 { |
|
3221 margin-left: 10px!important; |
|
3222 } |
|
3223 .margin-left-20 { |
|
3224 margin-left: 20px!important; |
|
3225 } |
|
3226 .margin-right-0 { |
|
3227 margin-right: 0!important; |
|
3228 } |
|
3229 .margin-right-2 { |
|
3230 margin-right: 2px!important; |
|
3231 } |
|
3232 .margin-right-5 { |
|
3233 margin-right: 5px!important; |
|
3234 } |
|
3235 .margin-right-10 { |
|
3236 margin-right: 10px!important; |
|
3237 } |
|
3238 .margin-right-20 { |
|
3239 margin-right: 20px!important; |
|
3240 } |
|
3241 .shift-topleft-2 { |
|
3242 margin-top: -2px !important; |
|
3243 margin-left: -2px !important; |
|
3244 } |
|
3245 .shift-topleft-4 { |
|
3246 margin-top: -4px !important; |
|
3247 margin-left: -4px !important; |
|
3248 } |
|
3249 .shift-topright-2 { |
|
3250 margin-top: -2px !important; |
|
3251 margin-right: -2px !important; |
|
3252 } |
|
3253 .shift-topright-4 { |
|
3254 margin-top: -4px !important; |
|
3255 margin-right: -4px !important; |
|
3256 } |
|
3257 .shift-bottomleft-2 { |
|
3258 margin-bottom: -2px !important; |
|
3259 margin-left: -2px !important; |
|
3260 } |
|
3261 .shift-bottomleft-4 { |
|
3262 margin-bottom: -4px !important; |
|
3263 margin-left: -4px !important; |
|
3264 } |
|
3265 .shift-bottomright-2 { |
|
3266 margin-bottom: -2px !important; |
|
3267 margin-right: -2px !important; |
|
3268 } |
|
3269 .shift-bottomright-4 { |
|
3270 margin-bottom: -4px !important; |
|
3271 margin-right: -4px !important; |
|
3272 } |
|
3273 .bordered { |
|
3274 border: 1px solid #dddddd; |
|
3275 } |
|
3276 .bordered:hover { |
|
3277 border: 1px solid #bbbbbb; |
|
3278 } |
|
3279 .bordered.nohover:hover { |
|
3280 border-color: #dddddd; |
|
3281 } |
|
3282 .no-border, |
|
3283 .well[class*=" bg-"].no-border { |
|
3284 border-width: 0!important; |
|
3285 } |
|
3286 .no-border-transparent { |
|
3287 border-color: transparent!important; |
|
3288 } |
|
3289 .no-border-radius { |
|
3290 border-radius: 0; |
|
3291 } |
|
3292 .border-0 { |
|
3293 border-width: 0!important; |
|
3294 } |
|
3295 .border-1 { |
|
3296 border-width: 1px!important; |
|
3297 } |
|
3298 .radius-4 { |
|
3299 border-radius: 4px!important; |
|
3300 } |
|
3301 .radius-top-4 { |
|
3302 border-top-left-radius: 4px!important; |
|
3303 border-top-right-radius: 4px!important; |
|
3304 } |
|
3305 .radius-bottom-4 { |
|
3306 border-bottom-left-radius: 4px!important; |
|
3307 border-bottom-right-radius: 4px!important; |
|
3308 } |
|
3309 .radius-left-4 { |
|
3310 border-top-left-radius: 4px!important; |
|
3311 border-bottom-left-radius: 4px!important; |
|
3312 } |
|
3313 .radius-right-4 { |
|
3314 border-top-right-radius: 4px!important; |
|
3315 border-bottom-right-radius: 4px!important; |
|
3316 } |
|
3317 .width-100 { |
|
3318 width: 100px; |
|
3319 max-width: 100px; |
|
3320 } |
|
3321 .width-200 { |
|
3322 width: 200px; |
|
3323 max-width: 200px; |
|
3324 } |
|
3325 .width-300 { |
|
3326 width: 300px; |
|
3327 max-width: 300px; |
|
3328 } |
|
3329 .width-400 { |
|
3330 width: 400px; |
|
3331 max-width: 400px; |
|
3332 } |
|
3333 .width-500 { |
|
3334 width: 500px; |
|
3335 max-width: 500px; |
|
3336 } |
|
3337 .padding-5 { |
|
3338 padding: 5px!important; |
|
3339 } |
|
3340 .padding-7 { |
|
3341 padding: 7px!important; |
|
3342 } |
|
3343 .padding-10 { |
|
3344 padding: 10px!important; |
|
3345 } |
|
3346 .padding-20 { |
|
3347 padding: 20px!important; |
|
3348 } |
|
3349 .padding-x-0 { |
|
3350 padding-left: 0px!important; |
|
3351 padding-right: 0px!important; |
|
3352 } |
|
3353 .padding-x-5 { |
|
3354 padding-left: 5px!important; |
|
3355 padding-right: 5px!important; |
|
3356 } |
|
3357 .padding-x-10 { |
|
3358 padding-left: 10px!important; |
|
3359 padding-right: 10px!important; |
|
3360 } |
|
3361 .padding-x-20 { |
|
3362 padding-left: 20px!important; |
|
3363 padding-right: 20px!important; |
|
3364 } |
|
3365 .padding-y-0 { |
|
3366 padding-top: 0px!important; |
|
3367 padding-bottom: 0px!important; |
|
3368 } |
|
3369 .padding-y-5 { |
|
3370 padding-top: 5px!important; |
|
3371 padding-bottom: 5px!important; |
|
3372 } |
|
3373 .padding-y-10 { |
|
3374 padding-top: 10px!important; |
|
3375 padding-bottom: 10px!important; |
|
3376 } |
|
3377 .padding-y-20 { |
|
3378 padding-top: 20px!important; |
|
3379 padding-bottom: 20px!important; |
|
3380 } |
|
3381 .padding-top-0 { |
|
3382 padding-top: 0!important; |
|
3383 } |
|
3384 .padding-top-5 { |
|
3385 padding-top: 5px!important; |
|
3386 } |
|
3387 .padding-top-10 { |
|
3388 padding-top: 10px!important; |
|
3389 } |
|
3390 .padding-top-20 { |
|
3391 padding-top: 20px!important; |
|
3392 } |
|
3393 .padding-bottom-0 { |
|
3394 padding-bottom: 0!important; |
|
3395 } |
|
3396 .padding-bottom-5 { |
|
3397 padding-bottom: 5px!important; |
|
3398 } |
|
3399 .padding-bottom-10 { |
|
3400 padding-bottom: 10px!important; |
|
3401 } |
|
3402 .padding-bottom-20 { |
|
3403 padding-bottom: 20px!important; |
|
3404 } |
|
3405 .padding-left-0 { |
|
3406 padding-left: 0!important; |
|
3407 } |
|
3408 .padding-left-5 { |
|
3409 padding-left: 5px!important; |
|
3410 } |
|
3411 .padding-left-10 { |
|
3412 padding-left: 10px!important; |
|
3413 } |
|
3414 .padding-left-20 { |
|
3415 padding-left: 20px!important; |
|
3416 } |
|
3417 .padding-right-0 { |
|
3418 padding-right: 0!important; |
|
3419 } |
|
3420 .padding-right-5 { |
|
3421 padding-right: 5px!important; |
|
3422 } |
|
3423 .padding-right-10 { |
|
3424 padding-right: 10px!important; |
|
3425 } |
|
3426 .padding-right-20 { |
|
3427 padding-right: 20px!important; |
|
3428 } |
|
3429 .no-padding { |
|
3430 padding: 0!important; |
|
3431 } |
|
3432 .no-padding .md-editor, |
|
3433 .widget-body.no-padding .cke_chrome { |
|
3434 border: 0; |
|
3435 } |
|
3436 .no-padding > pre { |
|
3437 margin: 30px; |
|
3438 } |
|
3439 .no-padding .dataTables_wrapper table, |
|
3440 .no-padding > table { |
|
3441 border: 0!important; |
|
3442 margin-bottom: 0!important; |
|
3443 border-bottom-width: 0!important; |
|
3444 } |
|
3445 .no-padding .dataTables_wrapper table tr td:first-child, |
|
3446 .no-padding > table tr td:first-child, |
|
3447 .no-padding .dataTables_wrapper table tr th:first-child, |
|
3448 .no-padding > table tr th:first-child { |
|
3449 border-left: 0!important; |
|
3450 } |
|
3451 .no-padding .dataTables_wrapper table tr td:last-child, |
|
3452 .no-padding > table tr td:last-child, |
|
3453 .no-padding .dataTables_wrapper table tr th:last-child, |
|
3454 .no-padding > table tr th:last-child { |
|
3455 border-right: 0!important; |
|
3456 } |
|
3457 .no-padding .dataTables_wrapper table tr:last-child td, |
|
3458 .no-padding > table tr:last-child td { |
|
3459 border-bottom: 0; |
|
3460 } |
|
3461 .no-padding-bottom { |
|
3462 padding-bottom: 0!important; |
|
3463 } |
|
3464 .no-x-padding { |
|
3465 padding-left: 0!important; |
|
3466 padding-right: 0!important; |
|
3467 } |
|
3468 .no-y-padding { |
|
3469 padding-top: 0!important; |
|
3470 padding-bottom: 0!important; |
|
3471 } |
|
3472 .no-content-padding { |
|
3473 margin: -10px -14px 0 -14px; |
|
3474 } |
|
3475 @media (min-width: 768px) and (max-width: 880px) { |
|
3476 .no-content-padding { |
|
3477 margin: 0 -14px !important; |
|
3478 } |
|
3479 } |
|
3480 @media (max-width: 767px) { |
|
3481 .no-content-padding { |
|
3482 margin: 0 -5px !important; |
|
3483 } |
|
3484 } |
|
3485 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
3486 .no-content-padding { |
|
3487 margin: 0 -5px !important; |
|
3488 } |
|
3489 } |
|
3490 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
3491 .no-content-padding { |
|
3492 margin: 0 -5px !important; |
|
3493 } |
|
3494 } |
|
3495 .no-height { |
|
3496 line-height: 0; |
|
3497 } |
|
3498 .clearfix, |
|
3499 .inner-space:after { |
|
3500 zoom: 1; |
|
3501 } |
|
3502 .clearfix:after, |
|
3503 .inner-space:after { |
|
3504 clear: both; |
|
3505 } |
|
3506 .clearfix:after, |
|
3507 .inner-space:after, |
|
3508 .clearfix:before, |
|
3509 .inner-space:before { |
|
3510 display: block; |
|
3511 visibility: hidden; |
|
3512 overflow: hidden; |
|
3513 content: "\0020"; |
|
3514 height: 0; |
|
3515 font-size: 0; |
|
3516 line-height: 0; |
|
3517 } |
|
3518 .display-inline { |
|
3519 display: inline-block !important; |
|
3520 } |
|
3521 .display-normal { |
|
3522 display: inline!important; |
|
3523 } |
|
3524 .hover-transparent { |
|
3525 opacity: .5; |
|
3526 } |
|
3527 .hover-transparent:hover { |
|
3528 opacity: 1; |
|
3529 } |
|
3530 .row-seperator-header { |
|
3531 margin: 15px 14px 20px; |
|
3532 border-bottom: 0; |
|
3533 display: block; |
|
3534 color: #646464; |
|
3535 font-size: 20px; |
|
3536 font-weight: 400; |
|
3537 } |
|
3538 .text-align-center, |
|
3539 .text-center { |
|
3540 text-align: center!important; |
|
3541 } |
|
3542 .text-align-left, |
|
3543 .text-left { |
|
3544 text-align: left!important; |
|
3545 } |
|
3546 .text-align-right, |
|
3547 .text-right { |
|
3548 text-align: right!important; |
|
3549 } |
|
3550 .center-canvas, |
|
3551 .center-child-canvas > canvas { |
|
3552 display: block!important; |
|
3553 margin: 0 auto!important; |
|
3554 } |
|
3555 .semi-bold { |
|
3556 font-weight: 400!important; |
|
3557 } |
|
3558 .bold { |
|
3559 font-weight: 900!important; |
|
3560 } |
|
3561 .ultra-light { |
|
3562 font-weight: 300!important; |
|
3563 } |
|
3564 .font-xs { |
|
3565 font-size: 85%!important; |
|
3566 } |
|
3567 .font-sm { |
|
3568 font-size: 95%!important; |
|
3569 } |
|
3570 .font-md { |
|
3571 font-size: 130%!important; |
|
3572 } |
|
3573 .font-lg { |
|
3574 font-size: 160%!important; |
|
3575 } |
|
3576 .font-xl { |
|
3577 font-size: 200%!important; |
|
3578 } |
|
3579 .font-400 { |
|
3580 font-size: 400%!important; |
|
3581 } |
|
3582 .badge { |
|
3583 font-size: 11px; |
|
3584 padding: 4px 6px 1px; |
|
3585 } |
|
3586 .label { |
|
3587 padding: 0.3em .6em .1em; |
|
3588 } |
|
3589 .cursor-pointer { |
|
3590 cursor: pointer; |
|
3591 } |
|
3592 .selected { |
|
3593 border: 1px solid #0091d9!important; |
|
3594 } |
|
3595 tr.selected { |
|
3596 background-color: #dcebff; |
|
3597 } |
|
3598 .selected:before { |
|
3599 display: block; |
|
3600 position: absolute; |
|
3601 content: "\f00c"; |
|
3602 color: #fff; |
|
3603 right: 4px; |
|
3604 font-family: FontAwesome; |
|
3605 z-index: 1002; |
|
3606 } |
|
3607 tr.selected:before { |
|
3608 display: none; |
|
3609 } |
|
3610 .selected:after { |
|
3611 width: 0; |
|
3612 height: 0; |
|
3613 border-top: 35px solid #0091d9; |
|
3614 border-left: 35px solid rgba(0, 0, 0, 0); |
|
3615 position: absolute; |
|
3616 display: block; |
|
3617 right: 0; |
|
3618 content: "."; |
|
3619 top: 0; |
|
3620 z-index: 1001; |
|
3621 } |
|
3622 tr.selected:after { |
|
3623 display: none; |
|
3624 } |
|
3625 /* |
|
3626 * Components layout |
|
3627 */ |
|
3628 html { |
|
3629 margin: 0; |
|
3630 padding: 0; |
|
3631 height: 100%; |
|
3632 overflow-x: hidden!important; |
|
3633 background-color: #e5e2cf; |
|
3634 } |
|
3635 body { |
|
3636 margin: 0; |
|
3637 padding: 0; |
|
3638 height: 100%; |
|
3639 overflow: hidden; |
|
3640 background-color: #e5e2cf; |
|
3641 direction: ltr; |
|
3642 } |
|
3643 body.container { |
|
3644 position: relative; |
|
3645 padding: 0; |
|
3646 border-left: 1px solid #bfbfbf; |
|
3647 border-right: 1px solid #bfbfbf; |
|
3648 -webkit-box-shadow: 0 2px 70px rgba(0, 0, 0, 0.45); |
|
3649 box-shadow: 0 2px 70px rgba(0, 0, 0, 0.45); |
|
3650 } |
|
3651 body.nooverflow { |
|
3652 position: fixed; |
|
3653 overflow: hidden; |
|
3654 width: 100%; |
|
3655 } |
|
3656 #main { |
|
3657 display: block; |
|
3658 margin-left: 220px; |
|
3659 padding: 0; |
|
3660 min-height: 500px; |
|
3661 -webkit-transition: all 0.1s ease-out; |
|
3662 transition: all 0.1s ease-out; |
|
3663 } |
|
3664 @media (max-width: 979px) { |
|
3665 #main { |
|
3666 margin-left: 0; |
|
3667 } |
|
3668 } |
|
3669 #content { |
|
3670 padding: 10px; |
|
3671 position: relative; |
|
3672 left: 0; |
|
3673 -webkit-transition: left 0.1s ease-out; |
|
3674 transition: left 0.1s ease-out; |
|
3675 } |
|
3676 @media (max-width: 767px) { |
|
3677 #content { |
|
3678 padding-left: 5px; |
|
3679 padding-right: 5px; |
|
3680 } |
|
3681 } |
|
3682 .page-title { |
|
3683 margin: 12px 0 15px; |
|
3684 } |
|
3685 .page-title span { |
|
3686 font-size: 16px; |
|
3687 color: #333; |
|
3688 display: inline-block; |
|
3689 vertical-align: 1px; |
|
3690 } |
|
3691 .page-title span i { |
|
3692 padding: 0 5px; |
|
3693 } |
|
3694 aside { |
|
3695 display: block; |
|
3696 width: 220px; |
|
3697 overflow: hidden; |
|
3698 min-height: 100%; |
|
3699 } |
|
3700 aside, |
|
3701 aside nav li.divider { |
|
3702 background: #829db0; |
|
3703 /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696)); |
|
3704 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
|
3705 background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696)); |
|
3706 background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); |
|
3707 background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/ |
|
3708 } |
|
3709 #header { |
|
3710 display: block; |
|
3711 height: 49px; |
|
3712 position: relative; |
|
3713 margin: 0; |
|
3714 padding: 0 13px 0 0; |
|
3715 background-color: #f3f3f3; |
|
3716 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2)); |
|
3717 background-image: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), to(#e2e2e2)); |
|
3718 background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2); |
|
3719 background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); |
|
3720 background-repeat: repeat-x; |
|
3721 } |
|
3722 @media (max-width: 767px) { |
|
3723 #header { |
|
3724 padding-right: 5px; |
|
3725 } |
|
3726 } |
|
3727 @media only screen and (max-width: 679px) { |
|
3728 #header { |
|
3729 padding-right: 5px; |
|
3730 background: #fff; |
|
3731 } |
|
3732 } |
|
3733 #header > div { |
|
3734 display: inline-block; |
|
3735 vertical-align: middle; |
|
3736 height: 49px; |
|
3737 float: left; |
|
3738 } |
|
3739 #header > div.open { |
|
3740 font-weight: 700; |
|
3741 } |
|
3742 .fixed-header #header { |
|
3743 position: fixed; |
|
3744 width: 100%; |
|
3745 z-index: 1001; |
|
3746 } |
|
3747 .container.fixed-header #header { |
|
3748 max-width: 1164px; |
|
3749 } |
|
3750 .fixed-header #header .ajax-dropdown { |
|
3751 z-index: 1000; |
|
3752 } |
|
3753 .fixed-header #shortcut { |
|
3754 position: fixed; |
|
3755 } |
|
3756 .fixed-header #main { |
|
3757 margin-top: 49px; |
|
3758 } |
|
3759 #top-links > div { |
|
3760 display: inline-block; |
|
3761 float: left; |
|
3762 } |
|
3763 @media (min-width: 768px) and (max-width: 1089px) { |
|
3764 #top-links > div { |
|
3765 display: none; |
|
3766 } |
|
3767 #top-links > div:first-child { |
|
3768 display: inline-block; |
|
3769 } |
|
3770 } |
|
3771 @media (max-width: 767px) { |
|
3772 #top-links > div { |
|
3773 display: none; |
|
3774 } |
|
3775 } |
|
3776 .top-menu { |
|
3777 display: inline-block; |
|
3778 padding: 7px 13px 0; |
|
3779 position: relative; |
|
3780 } |
|
3781 @media (max-width: 767px) { |
|
3782 .top-menu { |
|
3783 display: none; |
|
3784 } |
|
3785 } |
|
3786 .top-menu > span { |
|
3787 display: block; |
|
3788 } |
|
3789 .top-menu > :first-child { |
|
3790 display: block; |
|
3791 color: #bfbfbf; |
|
3792 font-size: 10px; |
|
3793 font-weight: 700; |
|
3794 text-transform: uppercase; |
|
3795 text-shadow: 0 0 1px #fff; |
|
3796 padding-left: 0; |
|
3797 text-align: left; |
|
3798 } |
|
3799 .top-tabs { |
|
3800 display: inline-block; |
|
3801 padding: 7px 13px 0; |
|
3802 position: relative; |
|
3803 } |
|
3804 .top-tabs > span { |
|
3805 display: block; |
|
3806 } |
|
3807 .top-tabs > :first-child { |
|
3808 display: block; |
|
3809 color: #bfbfbf; |
|
3810 font-size: 10px; |
|
3811 font-weight: 700; |
|
3812 text-transform: uppercase; |
|
3813 text-shadow: 0 0 1px #fff; |
|
3814 padding-left: 5px; |
|
3815 text-align: left; |
|
3816 } |
|
3817 .top-tabs .nav-tabs li a { |
|
3818 padding: 2px 10px 3px!important; |
|
3819 border-color: #ccc #ccc transparent; |
|
3820 box-shadow: 0px -2px 3px #cccccc; |
|
3821 margin-top: 3px!important; |
|
3822 } |
|
3823 .top-tabs .nav-tabs li.active a { |
|
3824 margin-top: 3px!important; |
|
3825 padding: 2px 10px 3px!important; |
|
3826 } |
|
3827 .top-selector { |
|
3828 max-width: 97%; |
|
3829 white-space: nowrap; |
|
3830 background: 0 0; |
|
3831 border: 0; |
|
3832 padding: 0; |
|
3833 text-align: left; |
|
3834 color: #555; |
|
3835 font-size: 14px; |
|
3836 cursor: pointer; |
|
3837 } |
|
3838 .top-selector:hover { |
|
3839 color: #333; |
|
3840 } |
|
3841 @media (max-width: 979px) { |
|
3842 #login-info { |
|
3843 display: none; |
|
3844 } |
|
3845 } |
|
3846 #login-info > span { |
|
3847 display: inline-block; |
|
3848 height: 39px; |
|
3849 float: left; |
|
3850 } |
|
3851 #login-info > span .badge { |
|
3852 position: absolute; |
|
3853 top: -5px; |
|
3854 right: -9px; |
|
3855 cursor: pointer; |
|
3856 background: #0091d9; |
|
3857 display: inline-block; |
|
3858 font-size: 10px; |
|
3859 -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
3860 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
3861 color: #fff; |
|
3862 font-weight: 700; |
|
3863 border-radius: 50%; |
|
3864 padding: 3px; |
|
3865 text-align: center; |
|
3866 line-height: normal; |
|
3867 } |
|
3868 #login-info span#activity { |
|
3869 border-radius: 2px; |
|
3870 cursor: default!important; |
|
3871 display: inline-block; |
|
3872 font-weight: 700; |
|
3873 height: 24px; |
|
3874 width: 24px; |
|
3875 padding: 2px; |
|
3876 text-align: center; |
|
3877 text-decoration: none!important; |
|
3878 -moz-user-select: none; |
|
3879 -webkit-user-select: none; |
|
3880 background-color: #f8f8f8; |
|
3881 background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); |
|
3882 background-image: -webkit-gradient(linear, top left, bottom left, from(#f8f8f8), to(#f1f1f1)); |
|
3883 background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); |
|
3884 background-image: linear-gradient(top, #f8f8f8, #f1f1f1); |
|
3885 border: 1px solid #bfbfbf; |
|
3886 color: #c4bab6; |
|
3887 font-size: 19px; |
|
3888 margin: 5px 0 0; |
|
3889 position: relative; |
|
3890 } |
|
3891 #login-info span#activity:hover { |
|
3892 border: 1px solid #bfbfbf; |
|
3893 -webkit-transition: all 0s; |
|
3894 transition: all 0s; |
|
3895 cursor: pointer!important; |
|
3896 -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
3897 box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
3898 } |
|
3899 #logo { |
|
3900 display: inline-block; |
|
3901 width: 175px; |
|
3902 margin-top: 7px; |
|
3903 margin-left: 9px; |
|
3904 } |
|
3905 @media (min-width: 768px) and (max-width: 880px) { |
|
3906 #logo { |
|
3907 margin-top: 10px; |
|
3908 } |
|
3909 } |
|
3910 @media (max-width: 767px) { |
|
3911 #logo { |
|
3912 margin-top: 10px; |
|
3913 margin-left: 4px; |
|
3914 } |
|
3915 } |
|
3916 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
3917 #logo { |
|
3918 margin-top: 10px; |
|
3919 margin-left: 4px; |
|
3920 } |
|
3921 } |
|
3922 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
3923 #logo { |
|
3924 width: 135px; |
|
3925 margin-top: 10px; |
|
3926 margin-left: 4px; |
|
3927 } |
|
3928 } |
|
3929 #logo img { |
|
3930 max-width: 175px; |
|
3931 max-height: 36px; |
|
3932 padding-left: 3px; |
|
3933 } |
|
3934 #logo-group { |
|
3935 width: 220px; |
|
3936 } |
|
3937 @media only screen and (min-width: 480px) and (max-width: 1089px) { |
|
3938 #logo-group { |
|
3939 width: 175px; |
|
3940 } |
|
3941 } |
|
3942 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
3943 #logo-group { |
|
3944 width: 169px!important; |
|
3945 } |
|
3946 } |
|
3947 .uv-icon { |
|
3948 position: absolute!important; |
|
3949 left: 155px!important; |
|
3950 top: 5px!important; |
|
3951 z-index: 500!important; |
|
3952 } |
|
3953 @media only screen and (min-width: 0) and (max-width: 1089px) { |
|
3954 .uv-icon { |
|
3955 left: 130px!important; |
|
3956 } |
|
3957 } |
|
3958 #activity.active .badge { |
|
3959 background: #006fa6!important; |
|
3960 } |
|
3961 .header-search { |
|
3962 position: relative; |
|
3963 } |
|
3964 @media (max-width: 767px) { |
|
3965 .header-search { |
|
3966 display: none; |
|
3967 } |
|
3968 } |
|
3969 .header-search.pull-right { |
|
3970 margin-left: 6px; |
|
3971 } |
|
3972 @media (max-width: 979px) { |
|
3973 .header-search.pull-right { |
|
3974 margin-left: 0; |
|
3975 } |
|
3976 } |
|
3977 .header-search > input[type=text] { |
|
3978 display: block; |
|
3979 -webkit-box-sizing: border-box; |
|
3980 box-sizing: border-box; |
|
3981 -moz-box-sizing: border-box; |
|
3982 min-width: 200px; |
|
3983 width: 100%; |
|
3984 height: 30px; |
|
3985 padding: 0 10px; |
|
3986 outline: 0; |
|
3987 border-width: 1px; |
|
3988 border-style: solid; |
|
3989 border-radius: 0; |
|
3990 border-color: #bfbfbf; |
|
3991 background: #fff; |
|
3992 color: #404040; |
|
3993 appearance: normal; |
|
3994 -moz-appearance: none; |
|
3995 -webkit-appearance: none; |
|
3996 margin-top: 10px; |
|
3997 line-height: normal; |
|
3998 } |
|
3999 @media (min-width: 768px) and (max-width: 979px) { |
|
4000 .header-search > input[type=text] { |
|
4001 margin-top: 9px; |
|
4002 } |
|
4003 } |
|
4004 .header-search > button { |
|
4005 background: 0 0; |
|
4006 border: 0; |
|
4007 color: #6D6A69; |
|
4008 font-size: 17px; |
|
4009 height: 30px; |
|
4010 line-height: 30px; |
|
4011 margin: 0; |
|
4012 padding: 0; |
|
4013 position: absolute; |
|
4014 right: 0; |
|
4015 top: 10px; |
|
4016 width: 30px; |
|
4017 z-index: 2; |
|
4018 } |
|
4019 #search-mobile { |
|
4020 display: none; |
|
4021 } |
|
4022 @media (max-width: 767px) { |
|
4023 #search-mobile { |
|
4024 display: block; |
|
4025 } |
|
4026 } |
|
4027 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4028 #search-mobile { |
|
4029 display: block; |
|
4030 } |
|
4031 } |
|
4032 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
4033 #search-mobile { |
|
4034 margin-left: 0; |
|
4035 } |
|
4036 } |
|
4037 @media (max-width: 767px) { |
|
4038 .search-mobile .header-search { |
|
4039 display: block; |
|
4040 position: absolute; |
|
4041 top: 0; |
|
4042 width: 100%; |
|
4043 height: 49px; |
|
4044 background: #333; |
|
4045 padding: 0 2px; |
|
4046 -webkit-box-sizing: border-box; |
|
4047 -moz-box-sizing: border-box; |
|
4048 box-sizing: border-box; |
|
4049 left: 0; |
|
4050 } |
|
4051 .search-mobile .header-search > input[type=text] { |
|
4052 margin-top: 2px; |
|
4053 height: 45px; |
|
4054 border-color: #333; |
|
4055 padding-right: 75px; |
|
4056 } |
|
4057 .search-mobile .header-search > button { |
|
4058 height: 29px; |
|
4059 line-height: 29px; |
|
4060 background: #DDD; |
|
4061 right: 44px; |
|
4062 } |
|
4063 .search-mobile #search-mobile { |
|
4064 display: none; |
|
4065 } |
|
4066 .search-mobile #cancel-search-js { |
|
4067 display: block; |
|
4068 } |
|
4069 } |
|
4070 #cancel-search-js { |
|
4071 position: absolute; |
|
4072 display: none; |
|
4073 background: #a90329; |
|
4074 z-index: 3; |
|
4075 color: #fff; |
|
4076 padding: 0; |
|
4077 right: 10px; |
|
4078 top: 10px; |
|
4079 text-align: center; |
|
4080 height: 29px; |
|
4081 line-height: 29px; |
|
4082 width: 30px; |
|
4083 font-size: 17px; |
|
4084 text-decoration: none!important; |
|
4085 } |
|
4086 #left-panel { |
|
4087 position: absolute; |
|
4088 top: 49px; |
|
4089 left: 0; |
|
4090 z-index: 1002; |
|
4091 -webkit-transition: left 0.1s ease-out; |
|
4092 transition: left 0.1s ease-out; |
|
4093 } |
|
4094 @media (max-width: 979px) { |
|
4095 #left-panel { |
|
4096 left: -220px; |
|
4097 } |
|
4098 } |
|
4099 .fixed-navigation #left-panel { |
|
4100 position: fixed; |
|
4101 z-index: 998; |
|
4102 } |
|
4103 @media (max-width: 767px) { |
|
4104 .fixed-navigation #left-panel { |
|
4105 position: absolute!important; |
|
4106 } |
|
4107 } |
|
4108 #left-panel .version { |
|
4109 position: absolute; |
|
4110 bottom: 2px; |
|
4111 width: 100%; |
|
4112 text-align: center; |
|
4113 font-size: 11px; |
|
4114 color: #333; |
|
4115 } |
|
4116 #ribbon { |
|
4117 height: 40px; |
|
4118 background: #6f8696; |
|
4119 padding: 0 40px 0 13px; |
|
4120 position: relative; |
|
4121 } |
|
4122 @media (max-width: 767px) { |
|
4123 #ribbon { |
|
4124 padding-left: 5px; |
|
4125 padding-right: 5px; |
|
4126 } |
|
4127 } |
|
4128 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4129 #ribbon { |
|
4130 border-bottom: 1px solid #CFCFCF; |
|
4131 border-top: 1px solid #E6E6E6; |
|
4132 background: #F5F5F5; |
|
4133 } |
|
4134 } |
|
4135 #ribbon .breadcrumb { |
|
4136 display: inline-block; |
|
4137 margin: 0; |
|
4138 padding: 12px 34px 10px 0!important; |
|
4139 background: 0 0; |
|
4140 vertical-align: top; |
|
4141 } |
|
4142 #ribbon .breadcrumb, |
|
4143 #ribbon .breadcrumb a { |
|
4144 color: #ddd!important; |
|
4145 text-decoration: none!Important; |
|
4146 } |
|
4147 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4148 #ribbon .breadcrumb, |
|
4149 #ribbon .breadcrumb a { |
|
4150 color: #6D6C6C!important; |
|
4151 } |
|
4152 } |
|
4153 #ribbon .breadcrumb > li + li:before { |
|
4154 padding: 0 1px 0 5px; |
|
4155 } |
|
4156 #ribbon .breadcrumb li:last-child, |
|
4157 #ribbon .breadcrumb > .active { |
|
4158 color: #eee; |
|
4159 } |
|
4160 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4161 #ribbon .breadcrumb li:last-child, |
|
4162 #ribbon .breadcrumb > .active { |
|
4163 color: #333!important; |
|
4164 } |
|
4165 } |
|
4166 .fixed-ribbon #ribbon { |
|
4167 position: fixed; |
|
4168 right: 0; |
|
4169 left: 220px; |
|
4170 top: 49px; |
|
4171 z-index: 999; |
|
4172 } |
|
4173 @media (max-width: 979px) { |
|
4174 .fixed-ribbon #ribbon { |
|
4175 left: 0; |
|
4176 } |
|
4177 } |
|
4178 .container.fixed-ribbon #ribbon { |
|
4179 width: 944px; |
|
4180 left: 590px; |
|
4181 } |
|
4182 .fixed-ribbon #content { |
|
4183 padding-top: 50px; |
|
4184 } |
|
4185 @media (max-width: 767px) { |
|
4186 .fixed-ribbon #content { |
|
4187 padding-top: 52px; |
|
4188 } |
|
4189 } |
|
4190 .minified.fixed-ribbon #ribbon { |
|
4191 left: 45px; |
|
4192 } |
|
4193 .hidden-menu.fixed-ribbon #ribbon { |
|
4194 left: 10px; |
|
4195 } |
|
4196 @media (max-width: 979px) { |
|
4197 .hidden-menu.fixed-ribbon #ribbon { |
|
4198 left: 220px; |
|
4199 } |
|
4200 } |
|
4201 .hidden-ribbon #ribbon { |
|
4202 height: 1px; |
|
4203 min-height: 1px; |
|
4204 max-height: 1px; |
|
4205 } |
|
4206 .hidden-ribbon #ribbon > * { |
|
4207 display: none; |
|
4208 } |
|
4209 .ribbon { |
|
4210 position: absolute; |
|
4211 right: 9px; |
|
4212 top: -4px; |
|
4213 } |
|
4214 .header-dropdown-list { |
|
4215 list-style: none; |
|
4216 float: right; |
|
4217 position: relative; |
|
4218 margin: 0; |
|
4219 padding-left: 10px; |
|
4220 } |
|
4221 .header-dropdown-list > li { |
|
4222 display: inline-block; |
|
4223 padding-right: 5px; |
|
4224 } |
|
4225 .header-dropdown-list > li > .dropdown-toggle { |
|
4226 margin-top: 16px; |
|
4227 display: block; |
|
4228 } |
|
4229 .smart-accordion-default.panel-group .panel + .panel { |
|
4230 margin-top: -1px; |
|
4231 } |
|
4232 .smart-accordion-default.panel-group .panel-heading { |
|
4233 padding: 0; |
|
4234 } |
|
4235 .smart-accordion-default.panel-group .panel-title a { |
|
4236 display: block; |
|
4237 padding: 10px 15px; |
|
4238 text-decoration: none!important; |
|
4239 } |
|
4240 .smart-accordion-default .panel-group .panel, |
|
4241 .smart-accordion-default .panel-heading { |
|
4242 border-radius: 0; |
|
4243 } |
|
4244 .smart-accordion-default .panel-default { |
|
4245 border-color: #c3c3c3; |
|
4246 } |
|
4247 .smart-accordion-default .panel-default > .panel-heading { |
|
4248 background-color: #fcfcfc; |
|
4249 } |
|
4250 .smart-accordion-default .panel-title > a.collapsed > .fa, |
|
4251 .smart-accordion-default .panel-title > a > :first-child { |
|
4252 display: none; |
|
4253 } |
|
4254 .smart-accordion-default .panel-title > a.collapsed > :first-child { |
|
4255 display: inline-block; |
|
4256 } |
|
4257 .no-padding .smart-accordion-default > div { |
|
4258 border-left: 0!important; |
|
4259 border-right: 0!important; |
|
4260 } |
|
4261 .no-padding .smart-accordion-default > div:first-child { |
|
4262 border-top: 0!important; |
|
4263 } |
|
4264 .no-padding .smart-accordion-default > div:last-child { |
|
4265 border-bottom: 0!important; |
|
4266 } |
|
4267 #logo-group *, |
|
4268 .login-info, |
|
4269 .login-info *, |
|
4270 .minified .menu-item-parent { |
|
4271 -webkit-box-sizing: content-box; |
|
4272 -moz-box-sizing: content-box; |
|
4273 box-sizing: content-box; |
|
4274 } |
|
4275 .login-info { |
|
4276 display: block; |
|
4277 font-size: 12px; |
|
4278 height: 39px; |
|
4279 color: #333; |
|
4280 border: solid transparent; |
|
4281 margin: 2px 0 0 10px !important; |
|
4282 float: right; |
|
4283 } |
|
4284 .login-info a, |
|
4285 .login-info strong { |
|
4286 text-transform: capitalize; |
|
4287 font-size: 14px; |
|
4288 display: inline-block; |
|
4289 color: #333; |
|
4290 text-decoration: none; |
|
4291 margin-left: 5px; |
|
4292 } |
|
4293 .login-info a:hover, |
|
4294 .login-info strong { |
|
4295 color: #666; |
|
4296 } |
|
4297 .login-info a.btn { |
|
4298 margin-top: 5px; |
|
4299 } |
|
4300 .login-info a.btn-danger, |
|
4301 .login-info a.btn-success, |
|
4302 .login-info a.btn-primary { |
|
4303 color: #ffffff; |
|
4304 } |
|
4305 .login-info span { |
|
4306 /*height: 38px;*/ |
|
4307 display: inline-block; |
|
4308 padding: 0 0 0 10px; |
|
4309 /*border-bottom: 1px solid #1A1817;*/ |
|
4310 } |
|
4311 .login-info span a.btn-success { |
|
4312 margin-top: -10px; |
|
4313 } |
|
4314 .login-info img { |
|
4315 width: 25px; |
|
4316 height: auto; |
|
4317 display: inline-block; |
|
4318 vertical-align: middle; |
|
4319 margin-top: -3px; |
|
4320 margin-right: 7px; |
|
4321 margin-left: 0; |
|
4322 border-left: 3px solid #fff; |
|
4323 } |
|
4324 .minifyme { |
|
4325 border-bottom: 1px solid #302F2F; |
|
4326 background: #454545; |
|
4327 color: #A8A8A8; |
|
4328 text-align: center; |
|
4329 padding: 1px 0 0; |
|
4330 width: 36px; |
|
4331 height: 28px; |
|
4332 display: block; |
|
4333 position: absolute; |
|
4334 right: -3px; |
|
4335 border-radius: 5px 0 0 5px; |
|
4336 cursor: pointer; |
|
4337 margin-top: 5px; |
|
4338 font-size: 19px; |
|
4339 -webkit-transition: all .1s linear 0s; |
|
4340 transition: all .1s linear 0s; |
|
4341 } |
|
4342 .minifyme:hover { |
|
4343 background: #646464; |
|
4344 color: #E4E4E4; |
|
4345 right: 0; |
|
4346 } |
|
4347 .minified .minifyme { |
|
4348 right: 0; |
|
4349 color: #A8A8A8; |
|
4350 position: relative; |
|
4351 width: 100%; |
|
4352 border-radius: 0; |
|
4353 margin: 0; |
|
4354 height: 32px; |
|
4355 font-size: 23px; |
|
4356 } |
|
4357 .minified .minifyme .fa:before { |
|
4358 content: "\f0a9"; |
|
4359 } |
|
4360 .minified #left-panel { |
|
4361 width: 45px; |
|
4362 overflow: visible; |
|
4363 } |
|
4364 @media (max-width: 979px) { |
|
4365 .minified #left-panel { |
|
4366 left: 0; |
|
4367 } |
|
4368 } |
|
4369 .minified #main { |
|
4370 margin-left: 45px; |
|
4371 } |
|
4372 .minified #left-panel > ul > li, |
|
4373 .minified nav > ul > li { |
|
4374 overflow: visible; |
|
4375 /*border-bottom: 1px solid #1A1817; |
|
4376 border-top: 1px solid #525151;*/ |
|
4377 } |
|
4378 .minified #left-panel > ul > li > ul::before, |
|
4379 .minified nav > ul > li > ul::before { |
|
4380 border-left: 0; |
|
4381 } |
|
4382 .minified #left-panel > ul > li, |
|
4383 .minified nav > ul > li, |
|
4384 .minified #left-panel > ul > li a, |
|
4385 .minified nav > ul > li a { |
|
4386 position: relative; |
|
4387 } |
|
4388 .minified #left-panel ul > li > a, |
|
4389 .minified nav ul > li > a { |
|
4390 padding: 12px 11px 10px; |
|
4391 display: block; |
|
4392 } |
|
4393 .minified #left-panel > ul > li > a .fa.fa-fw, |
|
4394 .minified nav > ul > li > a .fa.fa-fw { |
|
4395 display: block; |
|
4396 width: auto; |
|
4397 text-align: center; |
|
4398 padding: 0; |
|
4399 } |
|
4400 .minified #left-panel > ul > li > a > i, |
|
4401 .minified nav > ul > li > a > i { |
|
4402 text-align: center; |
|
4403 margin: 0; |
|
4404 display: block; |
|
4405 } |
|
4406 .minified #left-panel > ul > li.active > a::before, |
|
4407 .minified nav > ul > li.active > a::before { |
|
4408 content: "\f0d9"; |
|
4409 } |
|
4410 .minified #left-panel ul ul li a, |
|
4411 .minified nav ul ul li a { |
|
4412 padding-top: 5px; |
|
4413 padding-bottom: 5px; |
|
4414 padding-left: 14px; |
|
4415 } |
|
4416 .minified #left-panel ul ul li li a, |
|
4417 .minified nav ul ul li li a { |
|
4418 padding-left: 25px; |
|
4419 } |
|
4420 .minified #left-panel > ul ul li::before, |
|
4421 .minified nav > ul ul li::before, |
|
4422 .minified #left-panel > ul > li > ul::before, |
|
4423 .minified nav > ul > li > ul::before { |
|
4424 left: 12px; |
|
4425 } |
|
4426 .minified #left-panel > ul > li > a .menu-item-parent, |
|
4427 .minified nav > ul > li > a .menu-item-parent, |
|
4428 .minified #left-panel > ul > li > a > b, |
|
4429 .minified nav > ul > li > a > b { |
|
4430 display: none; |
|
4431 } |
|
4432 .minified #left-panel > ul > li > a > .menu-item-parent, |
|
4433 .minified nav > ul > li > a > .menu-item-parent { |
|
4434 display: none; |
|
4435 position: absolute; |
|
4436 left: 40px; |
|
4437 top: -3px; |
|
4438 width: 186px; |
|
4439 height: 36px; |
|
4440 line-height: 38px; |
|
4441 background-color: #f5f5f5; |
|
4442 color: #333; |
|
4443 z-index: 3; |
|
4444 -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4445 box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4446 border-left: 1px solid #bfbfbf; |
|
4447 border-top: 1px solid #D8D4D4; |
|
4448 border-bottom: 1px solid #fff; |
|
4449 padding-left: 12px; |
|
4450 } |
|
4451 .minified #left-panel > ul > li > ul, |
|
4452 .minified nav > ul > li > ul { |
|
4453 display: none!important; |
|
4454 position: absolute; |
|
4455 left: 40px; |
|
4456 width: 200px; |
|
4457 z-index: 5; |
|
4458 border: 1px solid #bfbfbf; |
|
4459 min-height: 180px; |
|
4460 -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4461 box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4462 background: #627685; |
|
4463 margin-top: -3px; |
|
4464 } |
|
4465 .minified #left-panel ul > li > ul > li > ul, |
|
4466 .minified nav ul > li > ul > li > ul { |
|
4467 position: relative; |
|
4468 left: 13px; |
|
4469 border: 0; |
|
4470 margin-left: -12px; |
|
4471 width: 197px; |
|
4472 } |
|
4473 .minified #left-panel > ul > li:hover > a > .menu-item-parent, |
|
4474 .minified nav > ul > li:hover > a > .menu-item-parent, |
|
4475 .minified #left-panel > ul > li:hover > ul, |
|
4476 .minified nav > ul > li:hover > ul { |
|
4477 display: block!important; |
|
4478 } |
|
4479 .minified #left-panel > ul > li > ul > li, |
|
4480 .minified nav > ul > li > ul > li { |
|
4481 background-color: rgba(91, 103, 113, 0.8); |
|
4482 /*background-color: rgba(69, 69, 69, .9);*/ |
|
4483 } |
|
4484 .minified #left-panel > ul > li > ul > li > ul > li, |
|
4485 .minified nav > ul > li > ul > li > ul > li { |
|
4486 background-color: #627685; |
|
4487 } |
|
4488 .minified #left-panel > ul > li > ul > li > a, |
|
4489 .minified nav > ul > li > ul > li > a, |
|
4490 .minified #left-panel > ul > li > ul > li > ul > li > a, |
|
4491 .minified nav > ul > li > ul > li > ul > li > a { |
|
4492 padding-top: 7px; |
|
4493 padding-bottom: 7px; |
|
4494 } |
|
4495 .minified #left-panel > ul > li > ul > li > ul > li a, |
|
4496 .minified nav > ul > li > ul > li > ul > li a { |
|
4497 padding-top: 6px; |
|
4498 padding-bottom: 6px; |
|
4499 } |
|
4500 .minified #left-panel > ul > ul, |
|
4501 .minified nav > ul > ul { |
|
4502 min-height: 100px!important; |
|
4503 max-height: 180px!important; |
|
4504 overflow-y: scroll; |
|
4505 overflow-x: hidden; |
|
4506 background: #ed1c24!important; |
|
4507 } |
|
4508 .minified #left-panel > ul ul li::before, |
|
4509 .minified nav > ul ul li::before { |
|
4510 border: 0; |
|
4511 } |
|
4512 .minified #left-panel ul ul ul ul li a, |
|
4513 .minified nav ul ul ul ul li a { |
|
4514 padding-left: 45px; |
|
4515 } |
|
4516 .minified #left-panel ul ul ul ul ul li a, |
|
4517 .minified nav ul ul ul ul ul li a { |
|
4518 padding-left: 62px; |
|
4519 } |
|
4520 .minified #left-panel ul ul ul ul ul ul li a, |
|
4521 .minified nav ul ul ul ul ul ul li a { |
|
4522 padding-left: 82px; |
|
4523 } |
|
4524 .minified #left-panel .version { |
|
4525 display: none; |
|
4526 } |
|
4527 .minified .slimScrollDiv, |
|
4528 .minified .slimScrollDiv > :first-child { |
|
4529 overflow: visible!important; |
|
4530 } |
|
4531 .minified .slimScrollBar, |
|
4532 .minified .slimScrollRail { |
|
4533 display: none; |
|
4534 } |
|
4535 .slimScrollDiv, |
|
4536 .slimScrollDiv > :first-child { |
|
4537 overflow: hidden; |
|
4538 } |
|
4539 @media (max-width: 979px) { |
|
4540 #hide-menu i, |
|
4541 #logout i { |
|
4542 color: #6D6A69; |
|
4543 font-size: 100%; |
|
4544 } |
|
4545 } |
|
4546 @media (min-width: 0) and (max-width: 880px) { |
|
4547 #hide-menu i, |
|
4548 #logout i { |
|
4549 font-size: 121%; |
|
4550 } |
|
4551 } |
|
4552 .hidden-menu #left-panel { |
|
4553 left: -210px; |
|
4554 z-index: 1002; |
|
4555 } |
|
4556 @media (max-width: 979px) { |
|
4557 .hidden-menu #left-panel { |
|
4558 left: 0; |
|
4559 } |
|
4560 } |
|
4561 .hidden-menu #left-panel:hover { |
|
4562 left: 0; |
|
4563 } |
|
4564 .hidden-menu #main { |
|
4565 margin-left: 10px; |
|
4566 } |
|
4567 .minified.hidden-menu #main { |
|
4568 margin-left: 0; |
|
4569 } |
|
4570 @media (max-width: 979px) { |
|
4571 .hidden-menu #main { |
|
4572 position: relative; |
|
4573 left: 210px; |
|
4574 } |
|
4575 } |
|
4576 @media (max-width: 979px) { |
|
4577 .hidden-menu #hide-menu i { |
|
4578 color: #fff; |
|
4579 } |
|
4580 } |
|
4581 @media (min-width: 768px) and (max-width: 880px) { |
|
4582 .hidden-menu #hide-menu i::before { |
|
4583 content: "\f0c9"; |
|
4584 } |
|
4585 } |
|
4586 @media (max-width: 767px) { |
|
4587 .hidden-menu #hide-menu i { |
|
4588 color: #fff; |
|
4589 } |
|
4590 .hidden-menu #hide-menu i::before { |
|
4591 content: "\f0c9"; |
|
4592 } |
|
4593 } |
|
4594 .hidden-menu #hide-menu > :first-child > a { |
|
4595 background-color: #e8e8e8; |
|
4596 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); |
|
4597 background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); |
|
4598 background-image: -webkit-gradient(linear, top left, bottom left, from(#5a5a5a), to(#686868)); |
|
4599 background-image: -webkit-linear-gradient(top, #5a5a5a 0, #686868 100%); |
|
4600 background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); |
|
4601 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); |
|
4602 color: #fff; |
|
4603 border-color: #494949; |
|
4604 -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
4605 box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
4606 } |
|
4607 @media (min-width: 768px) and (max-width: 979px) { |
|
4608 .hidden-menu #hide-menu > :first-child > a { |
|
4609 margin-top: 9px; |
|
4610 width: 40px; |
|
4611 } |
|
4612 } |
|
4613 .hidden-menu #hide-menu > :first-child > a:active { |
|
4614 -webkit-box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.2); |
|
4615 box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.2); |
|
4616 } |
|
4617 .hidden-menu .minifyme, |
|
4618 .minified #hide-menu { |
|
4619 display: none; |
|
4620 } |
|
4621 .no-menu #left-panel { |
|
4622 left: -220px; |
|
4623 z-index: 0; |
|
4624 } |
|
4625 .no-menu #main { |
|
4626 margin-left: 0; |
|
4627 } |
|
4628 .no-menu #hide-menu { |
|
4629 display: none; |
|
4630 } |
|
4631 #shortcut { |
|
4632 position: absolute; |
|
4633 top: 0; |
|
4634 left: 0; |
|
4635 height: auto; |
|
4636 width: 100%; |
|
4637 background-color: #33302F; |
|
4638 background-color: rgba(0, 0, 0, 0.85); |
|
4639 z-index: 1009; |
|
4640 display: none; |
|
4641 color: #fff; |
|
4642 -webkit-box-sizing: border-box; |
|
4643 -moz-box-sizing: border-box; |
|
4644 box-sizing: border-box; |
|
4645 } |
|
4646 #shortcut ul { |
|
4647 padding: 15px 20px 10px; |
|
4648 list-style: none; |
|
4649 margin: 0; |
|
4650 -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); |
|
4651 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); |
|
4652 border-bottom: 1px solid #423F3F; |
|
4653 } |
|
4654 #shortcut ul li { |
|
4655 display: inline-block; |
|
4656 width: auto; |
|
4657 } |
|
4658 #shortcut ul li .ams-metro-tile { |
|
4659 margin: 0 3px 3px; |
|
4660 border: 0; |
|
4661 border-radius: 0; |
|
4662 } |
|
4663 #shortcut ul li .ams-metro-tile:hover { |
|
4664 color: #fff; |
|
4665 text-decoration: none; |
|
4666 } |
|
4667 #shortcut ul li .ams-metro-tile:active, |
|
4668 #shortcut ul li .ams-metro-tile:focus { |
|
4669 left: 0; |
|
4670 top: 0; |
|
4671 } |
|
4672 #shortcut .version { |
|
4673 position: absolute; |
|
4674 right: 10px; |
|
4675 bottom: 10px; |
|
4676 } |
|
4677 .shortcut-on #response-btn { |
|
4678 display: none!important; |
|
4679 } |
|
4680 .shortcut-on #left-bar .navbar, |
|
4681 .shortcut-on #main .navbar { |
|
4682 border: 0!important; |
|
4683 } |
|
4684 #sparks { |
|
4685 display: block; |
|
4686 list-style: none; |
|
4687 margin: 10px 0 0; |
|
4688 padding: 0; |
|
4689 text-align: right; |
|
4690 } |
|
4691 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
4692 #sparks { |
|
4693 text-align: center; |
|
4694 background: #E0E0E0; |
|
4695 padding: 10px 0; |
|
4696 margin-bottom: 15px; |
|
4697 } |
|
4698 } |
|
4699 #sparks li { |
|
4700 display: inline-block; |
|
4701 border-left: 1px dotted #c7c7c7; |
|
4702 padding: 0 10px; |
|
4703 max-height: 47px; |
|
4704 overflow: hidden; |
|
4705 text-align: left; |
|
4706 box-sizing: content-box; |
|
4707 -moz-box-sizing: content-box; |
|
4708 -webkit-box-sizing: content-box; |
|
4709 } |
|
4710 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
4711 #sparks li { |
|
4712 padding: 0 10px 0 20px; |
|
4713 } |
|
4714 } |
|
4715 #sparks li:last-child { |
|
4716 padding-right: 0; |
|
4717 } |
|
4718 #sparks li:first-child { |
|
4719 border-left: 0; |
|
4720 padding-left: 0; |
|
4721 } |
|
4722 #sparks li h5 { |
|
4723 color: #555; |
|
4724 float: left; |
|
4725 font-size: 11px; |
|
4726 font-weight: 400; |
|
4727 margin: -3px 0 0 0; |
|
4728 padding: 0; |
|
4729 border: 0; |
|
4730 text-transform: uppercase; |
|
4731 } |
|
4732 #sparks li span { |
|
4733 color: #636363; |
|
4734 display: block; |
|
4735 } |
|
4736 .sparks-info { |
|
4737 min-width: 70px; |
|
4738 } |
|
4739 .sparks-info span { |
|
4740 font-size: 18px; |
|
4741 line-height: 20px; |
|
4742 margin: 0; |
|
4743 text-transform: none; |
|
4744 } |
|
4745 .sparks-info .sparkline { |
|
4746 display: block; |
|
4747 float: right; |
|
4748 margin: 3px 0 0 20px; |
|
4749 } |
|
4750 #heat-fill { |
|
4751 display: block; |
|
4752 position: relative; |
|
4753 margin-bottom: 20px; |
|
4754 background: #333; |
|
4755 height: 7px; |
|
4756 width: 200px; |
|
4757 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAABCAIAAAAU3Xa1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDE4MkZGMzMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMDE4MkZGNDMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwMTgyRkYxMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTgyRkYyMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rG8MDAAAAM5JREFUeNpUUtESwyAIg8ft9v8/W4ElBPWKV1AIiKEeEWVuVlWjINSVONBnirQDxukNgcuyTQsBzLHMDsLIQQw+nIL71JqNJ5GZJXApFNpmtlagQjfS2xGbkFA4Iwu+hu0sK3Wl3nOwNv7TvPrWk3X0eW9dK1pU9hK2eTuWb2ySJmlziutA3iBxmblPNvA5PNsuUpoDY80+Z0SW1IRpDEqwC58C14tsr1f8le8si0aojdADr/1UjaclsFashX8GGkL9wDxtRsV6ft/PX4ABADRzhOVIOJaAAAAAAElFTkSuQmCC); |
|
4758 } |
|
4759 .fill-a, |
|
4760 .fill-b { |
|
4761 width: 20px; |
|
4762 text-align: right; |
|
4763 overflow: hidden; |
|
4764 text-overflow: ellipsis; |
|
4765 display: block; |
|
4766 background: #fff; |
|
4767 padding-right: 4px; |
|
4768 position: absolute; |
|
4769 left: 0; |
|
4770 margin-top: -7px; |
|
4771 font-weight: 700; |
|
4772 } |
|
4773 .fill-b { |
|
4774 text-align: left; |
|
4775 position: absolute; |
|
4776 right: 0; |
|
4777 left: auto; |
|
4778 top: 0; |
|
4779 width: 60px; |
|
4780 padding-left: 4px; |
|
4781 padding-right: 0; |
|
4782 } |
|
4783 .cke_top { |
|
4784 background: rgba(248, 248, 248, 0.9) !important; |
|
4785 background-image: none!important; |
|
4786 } |
|
4787 /** |
|
4788 * Messages boxes |
|
4789 */ |
|
4790 .MessageBox { |
|
4791 width: 100%; |
|
4792 height: 100%; |
|
4793 position: fixed; |
|
4794 top: 0; |
|
4795 left: 0; |
|
4796 background: rgba(0, 0, 0, 0.6); |
|
4797 z-index: 100000; |
|
4798 } |
|
4799 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4800 .MessageBox { |
|
4801 width: 100%; |
|
4802 height: 100%; |
|
4803 position: fixed; |
|
4804 top: 0; |
|
4805 left: 0; |
|
4806 background: rgba(0, 0, 0, 0.6); |
|
4807 z-index: 100000; |
|
4808 } |
|
4809 } |
|
4810 .MessageBoxContainer { |
|
4811 top: 35%; |
|
4812 color: #fff; |
|
4813 position: relative; |
|
4814 width: 100%; |
|
4815 background-color: #232323; |
|
4816 background-color: rgba(0, 0, 0, 0.8); |
|
4817 padding: 20px; |
|
4818 } |
|
4819 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4820 .MessageBoxContainer { |
|
4821 top: 25%; |
|
4822 color: #fff; |
|
4823 position: relative; |
|
4824 width: 100%; |
|
4825 background-color: #232323; |
|
4826 } |
|
4827 } |
|
4828 .MessageBoxContainer input, |
|
4829 .MessageBoxContainer select { |
|
4830 width: 50%; |
|
4831 padding: 5px; |
|
4832 } |
|
4833 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4834 .MessageBoxContainer input, |
|
4835 .MessageBoxContainer select { |
|
4836 width: 50%; |
|
4837 padding: 5px; |
|
4838 } |
|
4839 } |
|
4840 .MessageBoxMiddle { |
|
4841 position: relative; |
|
4842 left: 20%; |
|
4843 width: 60%; |
|
4844 } |
|
4845 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4846 .MessageBoxMiddle { |
|
4847 position: relative; |
|
4848 left: 0; |
|
4849 width: 100%; |
|
4850 padding: 3px; |
|
4851 } |
|
4852 } |
|
4853 .MessageBoxMiddle .MsgTitle { |
|
4854 letter-spacing: -1px; |
|
4855 font-size: 24px; |
|
4856 font-weight: 300; |
|
4857 } |
|
4858 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4859 .MessageBoxMiddle .MsgTitle { |
|
4860 font-size: 22px; |
|
4861 } |
|
4862 } |
|
4863 .MessageBoxMiddle .pText { |
|
4864 font-style: 30px; |
|
4865 } |
|
4866 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4867 .MessageBoxMiddle { |
|
4868 font-style: 10px; |
|
4869 } |
|
4870 } |
|
4871 .MessageBoxButtonSection { |
|
4872 width: 100%; |
|
4873 height: 30px; |
|
4874 } |
|
4875 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4876 .MessageBoxButtonSection { |
|
4877 width: 100%; |
|
4878 height: 30px; |
|
4879 } |
|
4880 } |
|
4881 .MessageBoxButtonSection button { |
|
4882 float: right; |
|
4883 margin-right: 7px; |
|
4884 padding-left: 15px; |
|
4885 padding-right: 15px; |
|
4886 font-size: 14px; |
|
4887 font-weight: 700; |
|
4888 } |
|
4889 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4890 .MessageBoxButtonSection button { |
|
4891 float: right; |
|
4892 margin-right: 5px; |
|
4893 padding-left: 15px; |
|
4894 padding-right: 15px; |
|
4895 } |
|
4896 } |
|
4897 .LoadingBoxContainer { |
|
4898 top: 20%; |
|
4899 color: #fff; |
|
4900 position: relative; |
|
4901 width: 100%; |
|
4902 background-color: #232323; |
|
4903 } |
|
4904 .LoadingBoxContainer .MsgTitle { |
|
4905 font-size: 26px; |
|
4906 } |
|
4907 .LoadingBoxContainer .pText { |
|
4908 font-style: 30px; |
|
4909 } |
|
4910 .LoadingBoxMiddle { |
|
4911 position: relative; |
|
4912 left: 20%; |
|
4913 width: 50%; |
|
4914 padding: 10px; |
|
4915 } |
|
4916 #LoadingPoints { |
|
4917 position: absolute; |
|
4918 } |
|
4919 #divMiniIcons { |
|
4920 position: fixed; |
|
4921 width: 415px; |
|
4922 right: 10px; |
|
4923 bottom: 180px; |
|
4924 z-index: 9999; |
|
4925 float: right; |
|
4926 } |
|
4927 #divMiniIcons .cajita { |
|
4928 text-align: center; |
|
4929 vertical-align: middle; |
|
4930 padding: 4px 6px; |
|
4931 color: #FFF; |
|
4932 float: right; |
|
4933 cursor: pointer; |
|
4934 display: block; |
|
4935 background-color: red; |
|
4936 font-size: 17px; |
|
4937 margin-left: 4px; |
|
4938 margin-top: 5px; |
|
4939 } |
|
4940 #divMiniIcons .cajita:active { |
|
4941 top: 1px; |
|
4942 left: 1px; |
|
4943 position: relative; |
|
4944 } |
|
4945 #divSmallBoxes { |
|
4946 position: fixed; |
|
4947 right: 0; |
|
4948 top: 0; |
|
4949 z-index: 9999; |
|
4950 } |
|
4951 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4952 #divSmallBoxes { |
|
4953 position: fixed; |
|
4954 width: 90%; |
|
4955 right: 0; |
|
4956 top: 0; |
|
4957 } |
|
4958 } |
|
4959 .BigBox { |
|
4960 position: fixed; |
|
4961 right: 10px; |
|
4962 bottom: 10px; |
|
4963 background-color: #004d60; |
|
4964 padding: 10px 10px 5px; |
|
4965 width: 390px; |
|
4966 height: 150px; |
|
4967 color: #fff; |
|
4968 z-index: 99999; |
|
4969 box-sizing: content-box; |
|
4970 -webkit-box-sizing: content-box; |
|
4971 -moz-box-sizing: content-box; |
|
4972 border-left: 5px solid rgba(0, 0, 0, 0.15); |
|
4973 overflow: hidden; |
|
4974 } |
|
4975 .BigBox span { |
|
4976 font-size: 17px; |
|
4977 font-weight: 300; |
|
4978 letter-spacing: -1px; |
|
4979 padding: 5px 0!important; |
|
4980 display: block; |
|
4981 } |
|
4982 .BigBox p { |
|
4983 font-size: 13px; |
|
4984 margin-top: 10px; |
|
4985 } |
|
4986 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
4987 .BigBox { |
|
4988 width: 88%; |
|
4989 } |
|
4990 } |
|
4991 .BigBox .bigboxicon { |
|
4992 font-size: 30px; |
|
4993 text-align: left; |
|
4994 position: absolute; |
|
4995 top: 120px; |
|
4996 left: 6px; |
|
4997 z-index: 0; |
|
4998 } |
|
4999 .BigBox .bigboxnumber { |
|
5000 width: 100%; |
|
5001 text-align: right; |
|
5002 font-size: 25px; |
|
5003 } |
|
5004 .SmallBox { |
|
5005 position: absolute; |
|
5006 right: 5px; |
|
5007 top: 20px; |
|
5008 width: 420px; |
|
5009 color: #fff; |
|
5010 z-index: 9999; |
|
5011 overflow: hidden; |
|
5012 border: 1px solid transparent; |
|
5013 } |
|
5014 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5015 .SmallBox { |
|
5016 width: 95%; |
|
5017 } |
|
5018 } |
|
5019 .SmallBox:hover { |
|
5020 border: 1px solid #fff; |
|
5021 cursor: pointer; |
|
5022 } |
|
5023 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5024 .SmallBox:hover { |
|
5025 -webkit-box-shadow: 0 0 10px #888; |
|
5026 box-shadow: 0 0 10px #888; |
|
5027 cursor: pointer; |
|
5028 } |
|
5029 } |
|
5030 .SmallBox .foto { |
|
5031 font-size: 30px; |
|
5032 position: absolute; |
|
5033 left: 20px; |
|
5034 } |
|
5035 .SmallBox .textoFull { |
|
5036 width: 93%; |
|
5037 float: left; |
|
5038 padding-left: 20px; |
|
5039 } |
|
5040 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5041 .SmallBox .textoFull { |
|
5042 width: 93%; |
|
5043 float: left; |
|
5044 padding-left: 20px; |
|
5045 } |
|
5046 } |
|
5047 .SmallBox .textoFoto { |
|
5048 width: 78%; |
|
5049 margin: 3px 20px 3px 80px; |
|
5050 float: left; |
|
5051 } |
|
5052 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5053 .SmallBox .textoFoto { |
|
5054 width: 55%; |
|
5055 margin: 3px 20px 3px 80px; |
|
5056 float: left; |
|
5057 } |
|
5058 } |
|
5059 .SmallBox span { |
|
5060 font-size: 17px; |
|
5061 font-weight: 300; |
|
5062 letter-spacing: -1px; |
|
5063 display: block; |
|
5064 margin: 4px 0; |
|
5065 } |
|
5066 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5067 .SmallBox span { |
|
5068 font-size: 16px; |
|
5069 } |
|
5070 } |
|
5071 .SmallBox p { |
|
5072 font-size: 13px; |
|
5073 margin-top: 2px; |
|
5074 } |
|
5075 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5076 .SmallBox p { |
|
5077 font-size: 12px; |
|
5078 margin-top: 2px; |
|
5079 } |
|
5080 } |
|
5081 .btnClose { |
|
5082 position: absolute; |
|
5083 right: 10px; |
|
5084 height: 16px; |
|
5085 width: 15px; |
|
5086 cursor: pointer; |
|
5087 font-size: 18px; |
|
5088 opacity: .5; |
|
5089 display: block; |
|
5090 top: 15px; |
|
5091 } |
|
5092 .btnClose:hover { |
|
5093 opacity: 1; |
|
5094 } |
|
5095 .miniPic { |
|
5096 position: absolute; |
|
5097 bottom: 8px; |
|
5098 right: 9px; |
|
5099 } |
|
5100 .miniIcon { |
|
5101 height: 100%; |
|
5102 font-size: 20px; |
|
5103 } |
|
5104 /* |
|
5105 * Menus styles |
|
5106 */ |
|
5107 nav { |
|
5108 padding-top: 40px; |
|
5109 } |
|
5110 nav ul { |
|
5111 width: 100%; |
|
5112 padding: 40px 28px 25px 0; |
|
5113 padding: 0; |
|
5114 margin: 0; |
|
5115 font-size: 13px; |
|
5116 line-height: .5em; |
|
5117 list-style: none; |
|
5118 position: relative; |
|
5119 background-color: #627685; |
|
5120 } |
|
5121 nav ul li { |
|
5122 overflow: hidden; |
|
5123 } |
|
5124 nav ul li.divider { |
|
5125 height: 20px; |
|
5126 border: 0; |
|
5127 } |
|
5128 nav ul li.header { |
|
5129 font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif; |
|
5130 font-size: 14px; |
|
5131 font-weight: bold; |
|
5132 color: #eee; |
|
5133 background-color: #b13510; |
|
5134 border-top-color: #d44918; |
|
5135 border-bottom-color: #a13812; |
|
5136 padding: 4px 10px 4px 20px; |
|
5137 line-height: 18px; |
|
5138 } |
|
5139 nav ul li.header:not(:first-child) { |
|
5140 margin-top: 10px; |
|
5141 } |
|
5142 .minified #left-panel nav ul li.header { |
|
5143 padding: 5px; |
|
5144 color: #b94015; |
|
5145 line-height: 0; |
|
5146 max-height: 10px; |
|
5147 overflow: hidden; |
|
5148 } |
|
5149 nav ul li a { |
|
5150 line-height: normal; |
|
5151 font-size: 14px; |
|
5152 padding: 10px 10px 10px 11px; |
|
5153 color: #f4e8cf; |
|
5154 display: block; |
|
5155 font-weight: 400; |
|
5156 text-decoration: none!important; |
|
5157 position: relative; |
|
5158 } |
|
5159 nav ul li a:active { |
|
5160 background: #616161!important; |
|
5161 } |
|
5162 nav ul li a:focus { |
|
5163 color: #c9c9c9; |
|
5164 } |
|
5165 nav ul li a:hover { |
|
5166 color: #fff; |
|
5167 text-decoration: none; |
|
5168 } |
|
5169 nav ul li.active > a { |
|
5170 background-color: #627685; |
|
5171 color: #fff!important; |
|
5172 position: relative; |
|
5173 } |
|
5174 nav ul li.active > a:before { |
|
5175 content: "\f0d9"; |
|
5176 font-family: FontAwesome; |
|
5177 display: block; |
|
5178 height: 27px; |
|
5179 line-height: 14px; |
|
5180 width: 27px; |
|
5181 position: absolute; |
|
5182 right: -21px; |
|
5183 font-size: 20px; |
|
5184 color: #eee; |
|
5185 } |
|
5186 nav ul li.active.open > a:before { |
|
5187 content: ""; |
|
5188 } |
|
5189 nav ul li.active.open > a.active:before { |
|
5190 content: "\f0d9"; |
|
5191 } |
|
5192 nav ul li li { |
|
5193 border-bottom: 0; |
|
5194 position: relative; |
|
5195 } |
|
5196 nav ul .active > a { |
|
5197 color: #fefefe!important; |
|
5198 position: relative; |
|
5199 } |
|
5200 nav ul b { |
|
5201 float: right; |
|
5202 font-size: 14px; |
|
5203 margin-top: -1px; |
|
5204 } |
|
5205 nav ul span.menu-item-parent { |
|
5206 display: inline-block; |
|
5207 margin: 0; |
|
5208 padding: 0; |
|
5209 } |
|
5210 nav ul ul { |
|
5211 margin: 0; |
|
5212 display: none; |
|
5213 background: rgba(91, 103, 113, 0.8); |
|
5214 padding: 7px 0; |
|
5215 } |
|
5216 nav ul ul > li:hover b { |
|
5217 color: #D5D9E2; |
|
5218 } |
|
5219 nav ul ul li { |
|
5220 margin: 0; |
|
5221 padding: 0; |
|
5222 } |
|
5223 nav ul ul li > a { |
|
5224 padding-left: 42px; |
|
5225 font-size: 12px; |
|
5226 font-weight: 400; |
|
5227 outline: 0; |
|
5228 } |
|
5229 nav ul ul li > a:hover { |
|
5230 background-color: #46545e; |
|
5231 color: #fff; |
|
5232 } |
|
5233 nav ul ul li > a.active { |
|
5234 margin-left: 30px; |
|
5235 padding-left: 12px; |
|
5236 background-color: #296191; |
|
5237 } |
|
5238 nav ul ul ul { |
|
5239 background: 0 0; |
|
5240 padding: 0; |
|
5241 } |
|
5242 nav ul ul ul li a { |
|
5243 color: #bfbfbf; |
|
5244 padding: 8px 10px 8px 60px; |
|
5245 font-size: 11px; |
|
5246 } |
|
5247 nav ul ul ul li a:hover { |
|
5248 background-color: #46545e; |
|
5249 color: #fff; |
|
5250 } |
|
5251 nav ul ul ul li a.active { |
|
5252 margin-left: 50px; |
|
5253 padding-left: 10px; |
|
5254 } |
|
5255 nav ul ul ul ul li a { |
|
5256 padding-left: 90px; |
|
5257 } |
|
5258 nav ul ul ul ul li a.active { |
|
5259 margin-left: 80px; |
|
5260 padding-left: 10px; |
|
5261 } |
|
5262 nav ul ul ul ul ul li a { |
|
5263 padding-left: 110px; |
|
5264 } |
|
5265 nav ul ul ul ul ul li a.active { |
|
5266 margin-left: 100px; |
|
5267 padding-left: 10px; |
|
5268 } |
|
5269 nav ul ul ul ul ul ul li a { |
|
5270 padding-left: 130px; |
|
5271 } |
|
5272 nav ul ul ul ul ul ul li a.active { |
|
5273 margin-left: 120px; |
|
5274 padding-left: 10px; |
|
5275 } |
|
5276 nav ul ul b { |
|
5277 color: #B3B3B3; |
|
5278 } |
|
5279 nav > ul > li { |
|
5280 border-top: 1px solid #718999; |
|
5281 border-bottom: 1px solid #576975; |
|
5282 } |
|
5283 nav > ul > li:hover > ul::before, |
|
5284 nav > ul > li:hover > ul > li::before { |
|
5285 border-color: #ACACAC!important; |
|
5286 } |
|
5287 nav > ul > li > a > .badge.pull-right { |
|
5288 margin-right: 15px; |
|
5289 } |
|
5290 nav > ul > li > a b { |
|
5291 position: absolute!important; |
|
5292 right: 10px; |
|
5293 top: 10px; |
|
5294 } |
|
5295 nav > ul > li > a > i { |
|
5296 margin-right: 5px; |
|
5297 width: 15px; |
|
5298 display: inline-block; |
|
5299 text-align: center; |
|
5300 position: relative; |
|
5301 } |
|
5302 nav > ul > li > a > i > em { |
|
5303 font-size: 9px; |
|
5304 display: block; |
|
5305 padding: 2px; |
|
5306 position: absolute; |
|
5307 top: -8px; |
|
5308 right: -6px; |
|
5309 text-decoration: none; |
|
5310 font-style: normal; |
|
5311 background: #ED1C24; |
|
5312 color: #fff; |
|
5313 min-width: 13px; |
|
5314 border-radius: 50%; |
|
5315 max-height: 13px; |
|
5316 line-height: 8px; |
|
5317 font-weight: 700; |
|
5318 vertical-align: baseline; |
|
5319 white-space: nowrap; |
|
5320 text-align: center; |
|
5321 border: 1px solid rgba(255, 255, 255, 0.1); |
|
5322 } |
|
5323 nav > ul > li > ul::before { |
|
5324 content: ""; |
|
5325 display: block; |
|
5326 position: absolute; |
|
5327 z-index: 1; |
|
5328 left: 23px; |
|
5329 top: 0; |
|
5330 bottom: 0; |
|
5331 border-left: 1px solid #7A7A7A; |
|
5332 } |
|
5333 nav > ul > li > ul > li > a, |
|
5334 nav > ul > li > ul > li > ul > li > a { |
|
5335 padding-top: 5px; |
|
5336 padding-bottom: 5px; |
|
5337 } |
|
5338 nav > ul ul li a i { |
|
5339 font-size: 14px!important; |
|
5340 width: 18px!important; |
|
5341 text-align: center!important; |
|
5342 } |
|
5343 nav > ul ul li::before { |
|
5344 content: ""; |
|
5345 display: block; |
|
5346 position: absolute; |
|
5347 width: 8px; |
|
5348 left: 23px; |
|
5349 top: 13px; |
|
5350 border-top: 1px solid #7A7A7A; |
|
5351 z-index: 1; |
|
5352 } |
|
5353 nav > ul ul ul li::before { |
|
5354 content: ""; |
|
5355 display: block; |
|
5356 position: absolute; |
|
5357 width: 18px; |
|
5358 left: 10px; |
|
5359 top: 17px; |
|
5360 border-top: 1px solid transparent; |
|
5361 } |
|
5362 @media (min-width: 768px) { |
|
5363 .navbar-nav > li > a { |
|
5364 padding-top: 17px; |
|
5365 padding-bottom: 15px; |
|
5366 } |
|
5367 } |
|
5368 .ui-menu { |
|
5369 display: block; |
|
5370 width: 155px; |
|
5371 padding: 2px; |
|
5372 -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
5373 box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
5374 background: #fff; |
|
5375 border: 1px solid rgba(0, 0, 0, 0.2); |
|
5376 z-index: 1; |
|
5377 list-style: none; |
|
5378 margin: 0; |
|
5379 margin-bottom: 2em; |
|
5380 outline: 0; |
|
5381 } |
|
5382 .ui-menu .ui-menu { |
|
5383 margin-top: -3px; |
|
5384 position: absolute; |
|
5385 list-style: none; |
|
5386 } |
|
5387 .ui-menu .ui-menu-item { |
|
5388 margin: 0; |
|
5389 padding: 0; |
|
5390 width: 100%; |
|
5391 list-style: none; |
|
5392 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|
5393 } |
|
5394 .ui-menu .ui-menu-item a { |
|
5395 text-decoration: none; |
|
5396 display: block; |
|
5397 padding: 2px .4em; |
|
5398 line-height: 1.5; |
|
5399 min-height: 0; |
|
5400 font-weight: 400; |
|
5401 } |
|
5402 .ui-menu .ui-menu-item a.ui-corner-all { |
|
5403 border-radius: 0; |
|
5404 } |
|
5405 .ui-menu .ui-menu-item a.ui-state-active, |
|
5406 .ui-menu .ui-menu-item a.ui-state-focus, |
|
5407 .ui-menu .ui-menu-item a.ui-widget-content { |
|
5408 font-weight: 700; |
|
5409 margin: 0; |
|
5410 background-color: #428BCA; |
|
5411 border-color: #357EBD; |
|
5412 color: #FFF; |
|
5413 display: block; |
|
5414 white-space: nowrap; |
|
5415 } |
|
5416 .ui-menu .ui-menu-item a.ui-state-active { |
|
5417 padding: 1px .4em; |
|
5418 } |
|
5419 .ui-menu .ui-menu-item a .ui-menu-icon { |
|
5420 width: auto; |
|
5421 height: auto; |
|
5422 top: 0; |
|
5423 left: auto; |
|
5424 right: auto; |
|
5425 bottom: auto; |
|
5426 text-indent: 0; |
|
5427 } |
|
5428 .ui-menu .ui-menu-divider { |
|
5429 margin: 5px -2px 5px -2px; |
|
5430 height: 0; |
|
5431 font-size: 0; |
|
5432 line-height: 0; |
|
5433 border-width: 1px 0 0; |
|
5434 } |
|
5435 .ui-menu .ui-state-disabled { |
|
5436 margin: .4em 0 .2em!important; |
|
5437 background: none!important; |
|
5438 color: #999!important; |
|
5439 font-weight: 400!important; |
|
5440 cursor: default; |
|
5441 line-height: 1.5; |
|
5442 } |
|
5443 .ui-menu .ui-state-disabled a { |
|
5444 cursor: default; |
|
5445 } |
|
5446 .ui-menu .ui-menu-icons { |
|
5447 position: relative; |
|
5448 } |
|
5449 .ui-menu .ui-menu-icons .ui-menu-item a { |
|
5450 position: relative; |
|
5451 padding-left: 2em; |
|
5452 } |
|
5453 .ui-menu .ui-icon { |
|
5454 position: absolute; |
|
5455 top: .2em; |
|
5456 left: .2em; |
|
5457 } |
|
5458 .ui-menu .ui-menu-icon { |
|
5459 position: static; |
|
5460 float: right; |
|
5461 } |
|
5462 .dropdown-menu > li > a:hover { |
|
5463 background-color: #e0e0e0; |
|
5464 } |
|
5465 .open > .dropdown-menu { |
|
5466 -webkit-animation-name: flipInX; |
|
5467 animation-name: flipInX; |
|
5468 -webkit-animation-duration: .4s; |
|
5469 animation-duration: .4s; |
|
5470 -webkit-animation-fill-mode: both; |
|
5471 animation-fill-mode: both; |
|
5472 } |
|
5473 .dropdown-menu .small.divider { |
|
5474 margin: 3px 0; |
|
5475 } |
|
5476 .dropdown-menu-xs { |
|
5477 min-width: 37px; |
|
5478 } |
|
5479 .dropdown-menu-xs > li > a { |
|
5480 padding: 3px 10px; |
|
5481 } |
|
5482 .dropdown-menu-xs > li > a:hover i { |
|
5483 color: #fff!important; |
|
5484 } |
|
5485 .dropdown-submenu { |
|
5486 position: relative; |
|
5487 } |
|
5488 .dropdown-submenu > .dropdown-menu { |
|
5489 top: 0; |
|
5490 left: 100%; |
|
5491 margin-top: -6px; |
|
5492 margin-left: -1px; |
|
5493 } |
|
5494 .dropdown-submenu:hover > .dropdown-menu { |
|
5495 display: block; |
|
5496 } |
|
5497 .dropdown-submenu > a:after { |
|
5498 display: block; |
|
5499 content: " "; |
|
5500 float: right; |
|
5501 width: 0; |
|
5502 height: 0; |
|
5503 border-color: transparent; |
|
5504 border-style: solid; |
|
5505 border-width: 5px 0 5px 5px; |
|
5506 border-left-color: #bfbfbf; |
|
5507 margin-top: 5px; |
|
5508 margin-right: -10px; |
|
5509 } |
|
5510 .dropdown-submenu:hover > a:after { |
|
5511 border-left-color: #fff; |
|
5512 } |
|
5513 .dropdown-submenu.pull-left { |
|
5514 float: none; |
|
5515 } |
|
5516 .dropdown-submenu.pull-left > .dropdown-menu { |
|
5517 left: -100%; |
|
5518 margin-left: 10px; |
|
5519 } |
|
5520 .ajax-dropdown { |
|
5521 position: absolute; |
|
5522 display: none; |
|
5523 z-index: 1003; |
|
5524 top: 48px; |
|
5525 left: 16px; |
|
5526 width: 344px; |
|
5527 height: 435px; |
|
5528 border-radius: 0; |
|
5529 -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
5530 box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
5531 padding: 10px; |
|
5532 background: #fff; |
|
5533 border: 1px solid #b3b3b3; |
|
5534 } |
|
5535 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
5536 .ajax-dropdown { |
|
5537 width: 299px; |
|
5538 height: 320px; |
|
5539 left: 0; |
|
5540 top: 49px; |
|
5541 } |
|
5542 } |
|
5543 .ajax-dropdown:after, |
|
5544 .ajax-dropdown:before { |
|
5545 bottom: 100%; |
|
5546 border: solid transparent; |
|
5547 content: " "; |
|
5548 height: 0; |
|
5549 width: 0; |
|
5550 position: absolute; |
|
5551 pointer-events: none; |
|
5552 } |
|
5553 .ajax-dropdown:before { |
|
5554 border-color: rgba(131, 131, 131, 0); |
|
5555 border-bottom-color: #838383; |
|
5556 border-width: 8px; |
|
5557 left: 50%; |
|
5558 margin-left: -8px; |
|
5559 } |
|
5560 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
5561 .ajax-dropdown:before { |
|
5562 margin-left: -14px; |
|
5563 } |
|
5564 } |
|
5565 .ajax-dropdown:after { |
|
5566 border-color: rgba(255, 255, 255, 0); |
|
5567 border-bottom-color: #fff; |
|
5568 border-width: 7px; |
|
5569 left: 50%; |
|
5570 margin-left: -7px; |
|
5571 } |
|
5572 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
5573 .ajax-dropdown:after { |
|
5574 margin-left: -13px; |
|
5575 } |
|
5576 } |
|
5577 .ajax-dropdown > :last-child { |
|
5578 font-size: 13px; |
|
5579 display: block; |
|
5580 padding: 5px 0; |
|
5581 line-height: 22px; |
|
5582 font-weight: 400; |
|
5583 } |
|
5584 .ajax-dropdown > :first-child { |
|
5585 margin: 0 0 3px; |
|
5586 padding: 0 0 9px; |
|
5587 } |
|
5588 .ajax-dropdown .fa-4x.fa-border { |
|
5589 border-width: 3px; |
|
5590 border-radius: 50%; |
|
5591 display: block; |
|
5592 margin: 0 auto; |
|
5593 width: 46px; |
|
5594 text-align: center; |
|
5595 color: #D1D1D1; |
|
5596 border-color: #D1D1D1; |
|
5597 } |
|
5598 .ajax-dropdown .btn-group .btn { |
|
5599 font-weight: 700; |
|
5600 text-transform: capitalize; |
|
5601 } |
|
5602 .ajax-dropdown .btn-group > :nth-child(2) { |
|
5603 border-right-width: 0; |
|
5604 border-left-width: 0; |
|
5605 } |
|
5606 .ajax-dropdown .btn-group .btn:active { |
|
5607 top: 0; |
|
5608 left: 0; |
|
5609 } |
|
5610 .active + .ajax-dropdown { |
|
5611 -webkit-animation-name: flipInY; |
|
5612 animation-name: flipInY; |
|
5613 -webkit-animation-duration: .7s; |
|
5614 animation-duration: .7s; |
|
5615 -webkit-animation-fill-mode: both; |
|
5616 animation-fill-mode: both; |
|
5617 } |
|
5618 .dropdown-large { |
|
5619 position: static!important; |
|
5620 } |
|
5621 .dropdown-menu-large { |
|
5622 margin-left: 16px; |
|
5623 margin-right: 16px; |
|
5624 padding: 20px 0; |
|
5625 } |
|
5626 .dropdown-menu-large > li > ul { |
|
5627 padding: 0; |
|
5628 margin: 0; |
|
5629 } |
|
5630 .dropdown-menu-large > li > ul > li { |
|
5631 list-style: none; |
|
5632 } |
|
5633 .dropdown-menu-large > li > ul > li > a { |
|
5634 display: block; |
|
5635 padding: 3px 20px; |
|
5636 clear: both; |
|
5637 font-weight: 400; |
|
5638 line-height: 1.428571429; |
|
5639 color: #333; |
|
5640 white-space: normal; |
|
5641 } |
|
5642 .dropdown-menu-large > li ul > li > a:focus, |
|
5643 .dropdown-menu-large > li ul > li > a:hover { |
|
5644 text-decoration: none; |
|
5645 color: #262626; |
|
5646 background-color: #f5f5f5; |
|
5647 } |
|
5648 .dropdown-menu-large .disabled > a, |
|
5649 .dropdown-menu-large .disabled > a:focus, |
|
5650 .dropdown-menu-large .disabled > a:hover { |
|
5651 color: #999; |
|
5652 } |
|
5653 .dropdown-menu-large .disabled > a:focus, |
|
5654 .dropdown-menu-large .disabled > a:hover { |
|
5655 text-decoration: none; |
|
5656 background-color: transparent; |
|
5657 background-image: none; |
|
5658 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|
5659 cursor: not-allowed; |
|
5660 } |
|
5661 .dropdown-menu-large .dropdown-header { |
|
5662 color: #428bca; |
|
5663 font-size: 18px; |
|
5664 } |
|
5665 @media (max-width: 768px) { |
|
5666 .dropdown-menu-large { |
|
5667 margin-left: 0; |
|
5668 margin-right: 0; |
|
5669 } |
|
5670 .dropdown-menu-large > li { |
|
5671 margin-bottom: 30px; |
|
5672 } |
|
5673 .dropdown-menu-large > li:last-child { |
|
5674 margin-bottom: 0; |
|
5675 } |
|
5676 .dropdown-menu-large .dropdown-header { |
|
5677 padding: 3px 15px!important; |
|
5678 } |
|
5679 } |
|
5680 .wijmo-wijmenu { |
|
5681 padding: 0 20px; |
|
5682 background-color: #222; |
|
5683 background-repeat: repeat-x; |
|
5684 background-image: -webkit-gradient(linear, top left, bottom left, from(#333333), to(#222222)); |
|
5685 background-image: -webkit-linear-gradient(top, #333333, #222222); |
|
5686 background-image: linear-gradient(top, #333333, #222222); |
|
5687 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
|
5688 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
5689 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
5690 } |
|
5691 .wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text { |
|
5692 color: #bfbfbf; |
|
5693 } |
|
5694 .wijmo-wijmenu .ui-state-hover { |
|
5695 background: #444; |
|
5696 background: rgba(255, 255, 255, 0.05); |
|
5697 } |
|
5698 .wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text { |
|
5699 color: #fff; |
|
5700 } |
|
5701 .wijmo-wijmenu .ui-widget-header h3 { |
|
5702 position: relative; |
|
5703 margin-top: 1px; |
|
5704 padding: 0; |
|
5705 } |
|
5706 .wijmo-wijmenu h3 a { |
|
5707 color: #fff; |
|
5708 display: block; |
|
5709 float: left; |
|
5710 font-size: 20px; |
|
5711 font-weight: 200; |
|
5712 line-height: 1; |
|
5713 margin-left: -20px; |
|
5714 margin-top: 1px; |
|
5715 padding: 8px 20px 12px; |
|
5716 } |
|
5717 .wijmo-wijmenu h3 a:hover { |
|
5718 background-color: rgba(255, 255, 255, 0.05); |
|
5719 color: #fff; |
|
5720 text-decoration: none; |
|
5721 } |
|
5722 .wijmo-wijmenu .ui-widget-header { |
|
5723 border: 0; |
|
5724 } |
|
5725 .wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child { |
|
5726 padding: .3em 0; |
|
5727 } |
|
5728 .wijmo-wijmenu .wijmo-wijmenu-item { |
|
5729 margin: 0; |
|
5730 border: 0; |
|
5731 } |
|
5732 .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child { |
|
5733 background: #333; |
|
5734 border: 0; |
|
5735 margin: 0; |
|
5736 padding: 6px 0; |
|
5737 width: 160px; |
|
5738 border-radius: 0 0 6px 6px; |
|
5739 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
5740 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
5741 } |
|
5742 .wijmo-wijmenu a.wijmo-wijmenu-link { |
|
5743 margin: 0; |
|
5744 line-height: 19px; |
|
5745 padding: 10px 10px 11px; |
|
5746 border: 0; |
|
5747 border-radius: 0; |
|
5748 } |
|
5749 .wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link { |
|
5750 display: block; |
|
5751 float: none; |
|
5752 padding: 4px 15px; |
|
5753 width: auto; |
|
5754 } |
|
5755 .wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text { |
|
5756 float: none; |
|
5757 } |
|
5758 .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover { |
|
5759 background: #191919; |
|
5760 } |
|
5761 .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator { |
|
5762 padding: 5px 0; |
|
5763 background-image: none; |
|
5764 background-color: #222; |
|
5765 border-top: 1px solid #444; |
|
5766 border-bottom: 0; |
|
5767 border-left: 0; |
|
5768 border-right: 0; |
|
5769 } |
|
5770 .wijmo-wijmenu .wijmo-wijmenu-item input { |
|
5771 -moz-transition: none 0s ease 0s; |
|
5772 background-color: rgba(255, 255, 255, 0.3); |
|
5773 border: 1px solid #111; |
|
5774 border-radius: 4px; |
|
5775 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); |
|
5776 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); |
|
5777 color: rgba(255, 255, 255, 0.75); |
|
5778 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
5779 line-height: 1; |
|
5780 margin: 5px 10px 0; |
|
5781 padding: 4px 9px; |
|
5782 width: 100px; |
|
5783 } |
|
5784 .wijmo-wijmenu .wijmo-wijmenu-item input:hover { |
|
5785 background-color: rgba(255, 255, 255, 0.5); |
|
5786 color: #fff; |
|
5787 } |
|
5788 .wijmo-wijmenu .wijmo-wijmenu-item input:focus { |
|
5789 background-color: #fff; |
|
5790 border: 0 none; |
|
5791 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
|
5792 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
|
5793 color: #404040; |
|
5794 outline: 0 none; |
|
5795 padding: 5px 10px; |
|
5796 text-shadow: 0 1px 0 #fff; |
|
5797 } |
|
5798 .wijmo-wijmenu .ui-state-default { |
|
5799 text-shadow: none; |
|
5800 -webkit-box-shadow: none; |
|
5801 box-shadow: none; |
|
5802 color: #bfbfbf; |
|
5803 -webkit-filter: none; |
|
5804 filter: none; |
|
5805 } |
|
5806 /* |
|
5807 * Tabs |
|
5808 */ |
|
5809 .tabs-below > .nav-tabs, |
|
5810 .tabs-left > .nav-tabs, |
|
5811 .tabs-right > .nav-tabs { |
|
5812 border-bottom: 0; |
|
5813 } |
|
5814 .nav-tabs.bordered { |
|
5815 background: #fff; |
|
5816 border: 1px solid #ddd; |
|
5817 } |
|
5818 .nav-tabs.bordered > :first-child a { |
|
5819 border-left-width: 0!important; |
|
5820 } |
|
5821 .nav-tabs.bordered + .tab-content { |
|
5822 border: 1px solid #ddd; |
|
5823 border-top: 0; |
|
5824 } |
|
5825 .nav-tabs > li > a { |
|
5826 padding: 4px 10px; |
|
5827 border-radius: 0; |
|
5828 color: #333; |
|
5829 } |
|
5830 .nav-tabs > li > a .label { |
|
5831 display: inline-block; |
|
5832 font-size: 11px; |
|
5833 margin-left: 5px; |
|
5834 opacity: .5; |
|
5835 } |
|
5836 .nav-tabs > li > a .badge { |
|
5837 font-size: 11px; |
|
5838 padding: 4px 5px 2px; |
|
5839 opacity: .5; |
|
5840 margin-left: 5px; |
|
5841 min-width: 17px; |
|
5842 font-weight: 400; |
|
5843 } |
|
5844 .tabs-left .nav-tabs > li > a .badge { |
|
5845 margin-right: 5px; |
|
5846 margin-left: 0; |
|
5847 } |
|
5848 .nav-tabs > li > a > .fa { |
|
5849 opacity: .5; |
|
5850 } |
|
5851 .nav-tabs.small > li > a { |
|
5852 padding: 2px 8px; |
|
5853 font-size: 90%; |
|
5854 } |
|
5855 .nav-tabs.tiny > li > a { |
|
5856 padding: 1px 6px; |
|
5857 font-size: 75%; |
|
5858 } |
|
5859 .nav-tabs > li.active > a { |
|
5860 -webkit-box-shadow: 0 -2px 0 #3276b1; |
|
5861 box-shadow: 0 -2px 0 #3276b1; |
|
5862 border-top-width: 0!important; |
|
5863 margin-top: 1px!important; |
|
5864 font-weight: 700; |
|
5865 } |
|
5866 .nav-tabs > li.active > a .badge, |
|
5867 .nav-tabs > li.active > a .label, |
|
5868 .nav-tabs > li.active > a > .fa { |
|
5869 opacity: 1; |
|
5870 } |
|
5871 .tabs-left .nav-tabs > li.active > a { |
|
5872 -webkit-box-shadow: -2px 0 0 #3276b1; |
|
5873 box-shadow: -2px 0 0 #3276b1; |
|
5874 border-top-width: 1px!important; |
|
5875 border-left: 0!important; |
|
5876 margin-left: 1px!important; |
|
5877 } |
|
5878 .tabs-right .nav-tabs > li.active > a { |
|
5879 -webkit-box-shadow: 2px 0 0 #3276b1; |
|
5880 box-shadow: 2px 0 0 #57889c; |
|
5881 border-top-width: 1px!important; |
|
5882 border-right: 0!important; |
|
5883 margin-right: 1px!important; |
|
5884 } |
|
5885 .tabs-below .nav-tabs > li.active > a { |
|
5886 -webkit-box-shadow: 0 2px 0 #3276b1; |
|
5887 box-shadow: 0 2px 0 #3276b1; |
|
5888 border-bottom-width: 0!important; |
|
5889 border-top: 0!important; |
|
5890 margin-top: 0!important; |
|
5891 } |
|
5892 .tabs-left > .nav-tabs > li, |
|
5893 .tabs-right > .nav-tabs > li, |
|
5894 .tabs-left > .nav-pills > li, |
|
5895 .tabs-right > .nav-pills > li { |
|
5896 float: none; |
|
5897 } |
|
5898 .tabs-left > .nav-tabs > li > a, |
|
5899 .tabs-right > .nav-tabs > li > a, |
|
5900 .tabs-left > .nav-pills > li > a, |
|
5901 .tabs-right > .nav-pills > li > a { |
|
5902 min-width: 74px; |
|
5903 margin-right: 0; |
|
5904 margin-bottom: 3px; |
|
5905 } |
|
5906 .tabs-left .nav-pills > li.active > a { |
|
5907 border: 0!important; |
|
5908 box-shadow: none!important; |
|
5909 -webkit-box-shadow: none!important; |
|
5910 } |
|
5911 .tabs-left > .nav-pills, |
|
5912 .tabs-left > .nav-tabs { |
|
5913 float: left; |
|
5914 margin-right: 19px; |
|
5915 border-right: 1px solid #ddd; |
|
5916 } |
|
5917 .tabs-left > .nav-pills { |
|
5918 border-right: 0; |
|
5919 } |
|
5920 .tabs-left > .nav-tabs > li > a { |
|
5921 margin-right: -1px; |
|
5922 } |
|
5923 .tabs-left > .nav-tabs > li > a:focus, |
|
5924 .tabs-left > .nav-tabs > li > a:hover { |
|
5925 border-color: #eee #d5d5d5 #eee #eee; |
|
5926 } |
|
5927 .tabs-left > .nav-tabs .active > a, |
|
5928 .tabs-left > .nav-tabs .active > a:focus, |
|
5929 .tabs-left > .nav-tabs .active > a:hover { |
|
5930 border-color: #d5d5d5 transparent #d5d5d5 #ddd; |
|
5931 *border-right-color: #fff; |
|
5932 } |
|
5933 .tabs-left > .tab-content { |
|
5934 margin-left: 109px; |
|
5935 } |
|
5936 .tabs-right > .nav-tabs { |
|
5937 float: right; |
|
5938 margin-left: 19px; |
|
5939 border-left: 1px solid #ddd; |
|
5940 } |
|
5941 .tabs-right > .nav-tabs > li > a { |
|
5942 margin-left: -1px; |
|
5943 } |
|
5944 .tabs-right > .nav-tabs > li > a:focus, |
|
5945 .tabs-right > .nav-tabs > li > a:hover { |
|
5946 border-color: #eee #eee #eee #ddd; |
|
5947 } |
|
5948 .tabs-right > .nav-tabs .active > a, |
|
5949 .tabs-right > .nav-tabs .active > a:focus, |
|
5950 .tabs-right > .nav-tabs .active > a:hover { |
|
5951 border-color: #ddd #ddd #ddd transparent; |
|
5952 *border-left-color: #fff; |
|
5953 } |
|
5954 .tabs-pull-right.nav-tabs > li, |
|
5955 .tabs-pull-right.nav-pills > li { |
|
5956 float: right; |
|
5957 } |
|
5958 .tabs-pull-right.nav-tabs > li:first-child > a, |
|
5959 .tabs-pull-right.nav-pills > li:first-child > a { |
|
5960 margin-right: 1px; |
|
5961 } |
|
5962 .tabs-pull-right.bordered.nav-pills > li:first-child > a, |
|
5963 .tabs-pull-right.bordered.nav-tabs > li:first-child > a { |
|
5964 border-left-width: 1px!important; |
|
5965 margin-right: 0; |
|
5966 border-right-width: 0; |
|
5967 } |
|
5968 .tabs-below > .nav-tabs { |
|
5969 border-top: 1px solid #ddd; |
|
5970 } |
|
5971 .tabs-below > .nav-tabs > li { |
|
5972 margin-top: -1px; |
|
5973 margin-bottom: 0; |
|
5974 } |
|
5975 .tabs-below > .nav-tabs > li > a:focus, |
|
5976 .tabs-below > .nav-tabs > li > a:hover { |
|
5977 border-top-color: #ddd; |
|
5978 border-bottom-color: transparent; |
|
5979 } |
|
5980 .tabs-below > .nav-tabs > .active > a, |
|
5981 .tabs-below > .nav-tabs > .active > a:focus, |
|
5982 .tabs-below > .nav-tabs > .active > a:hover { |
|
5983 border-color: transparent #ddd #ddd; |
|
5984 } |
|
5985 .pill-content > .pill-pane, |
|
5986 .tab-content > .pill-pane, |
|
5987 .pill-content > .tab-pane, |
|
5988 .tab-content > .tab-pane { |
|
5989 display: none; |
|
5990 } |
|
5991 .pill-content > .active, |
|
5992 .tab-content > .active, |
|
5993 .pill-content > .active, |
|
5994 .tab-content > .active { |
|
5995 display: block; |
|
5996 } |
|
5997 .pill-content.transparent, |
|
5998 .tab-content.transparent { |
|
5999 background-color: transparent; |
|
6000 } |
|
6001 .pill-content.bordered, |
|
6002 .tab-content.bordered, |
|
6003 .pill-content.bordered:hover, |
|
6004 .tab-content.bordered:hover { |
|
6005 border-top: 0; |
|
6006 } |
|
6007 .ams-widget > header > .nav-tabs.pull-left > li:first-child a { |
|
6008 border-left-width: 0!important; |
|
6009 } |
|
6010 /* |
|
6011 * Contents styles |
|
6012 */ |
|
6013 h1, |
|
6014 h2, |
|
6015 h3, |
|
6016 h4 { |
|
6017 margin: 0; |
|
6018 font-family: "Ubuntu-Bold", Arial, Helvetica, Sans-Serif; |
|
6019 font-weight: 300; |
|
6020 } |
|
6021 h1 { |
|
6022 letter-spacing: -1px; |
|
6023 font-size: 24px; |
|
6024 margin: 10px 0; |
|
6025 } |
|
6026 h1 small { |
|
6027 font-size: 18px; |
|
6028 font-weight: 300; |
|
6029 letter-spacing: -1px; |
|
6030 } |
|
6031 h2 { |
|
6032 letter-spacing: -1px; |
|
6033 font-size: 22px; |
|
6034 margin: 20px 0 15px; |
|
6035 line-height: normal; |
|
6036 } |
|
6037 h3 { |
|
6038 display: block; |
|
6039 font-size: 19px; |
|
6040 font-weight: 400; |
|
6041 margin: 16px 0 10px; |
|
6042 line-height: normal; |
|
6043 } |
|
6044 h4 { |
|
6045 line-height: normal; |
|
6046 font-size: 17px; |
|
6047 font-weight: 300; |
|
6048 margin: 12px 0 8px; |
|
6049 } |
|
6050 h5 { |
|
6051 font-size: 15px; |
|
6052 font-weight: 300; |
|
6053 margin: 10px 0 6px; |
|
6054 line-height: normal; |
|
6055 } |
|
6056 h6 { |
|
6057 font-size: 14px; |
|
6058 margin: 10px 0 4px; |
|
6059 font-weight: 300; |
|
6060 line-height: normal; |
|
6061 } |
|
6062 hr .simple { |
|
6063 margin-top: 10px; |
|
6064 margin-bottom: 10px; |
|
6065 border-style: dashed; |
|
6066 } |
|
6067 img.online { |
|
6068 border-left-color: #40ac2b!important; |
|
6069 } |
|
6070 img.busy { |
|
6071 border-left-color: #ed1c24!important; |
|
6072 } |
|
6073 img.offline { |
|
6074 border-left-color: #ddd!important; |
|
6075 } |
|
6076 img.away { |
|
6077 border-left-color: #ffc40d!important; |
|
6078 } |
|
6079 [data-ams-url], |
|
6080 [data-ams-click-handler] { |
|
6081 cursor: pointer; |
|
6082 } |
|
6083 label { |
|
6084 font-weight: 400; |
|
6085 } |
|
6086 article.sortable-grid { |
|
6087 min-height: 30px; |
|
6088 } |
|
6089 .caret { |
|
6090 border-top: 5px solid; |
|
6091 border-right: 5px solid transparent; |
|
6092 border-left: 5px solid transparent; |
|
6093 } |
|
6094 .outside { |
|
6095 position: absolute; |
|
6096 left: -9999px; |
|
6097 } |
|
6098 @media (max-width: 979px) { |
|
6099 .visible-tablet { |
|
6100 display: inline-block !important; |
|
6101 } |
|
6102 } |
|
6103 @media (max-width: 979px) { |
|
6104 .hidden-tablet, |
|
6105 .display-inline.hidden-tablet { |
|
6106 display: none!important; |
|
6107 } |
|
6108 } |
|
6109 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
6110 .hidden-tablet { |
|
6111 display: none!important; |
|
6112 } |
|
6113 } |
|
6114 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6115 .visible-mobile { |
|
6116 display: inline-block !important; |
|
6117 } |
|
6118 } |
|
6119 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6120 .hidden-mobile { |
|
6121 display: none!important; |
|
6122 } |
|
6123 } |
|
6124 .viewport-y { |
|
6125 overflow-y: auto; |
|
6126 } |
|
6127 .viewport-y.viewport-100 { |
|
6128 max-height: 100px; |
|
6129 } |
|
6130 .viewport-y.viewport-200 { |
|
6131 max-height: 200px; |
|
6132 } |
|
6133 .viewport-y.viewport-300 { |
|
6134 max-height: 300px; |
|
6135 } |
|
6136 .viewport-x { |
|
6137 overflow-x: auto; |
|
6138 } |
|
6139 .viewport-x.viewport-100 { |
|
6140 max-width: 100px; |
|
6141 } |
|
6142 .viewport-x.viewport-200 { |
|
6143 max-width: 200px; |
|
6144 } |
|
6145 .viewport-x.viewport-300 { |
|
6146 max-width: 300px; |
|
6147 } |
|
6148 .lead { |
|
6149 font-size: 19px; |
|
6150 } |
|
6151 .alert { |
|
6152 margin-bottom: 20px; |
|
6153 margin-top: 0; |
|
6154 color: #675100; |
|
6155 border-width: 0; |
|
6156 border-left-width: 5px; |
|
6157 padding: 10px; |
|
6158 border-radius: 0; |
|
6159 } |
|
6160 .alert .close { |
|
6161 top: 0; |
|
6162 right: -5px; |
|
6163 line-height: 20px; |
|
6164 } |
|
6165 .alert-heading { |
|
6166 font-weight: 600; |
|
6167 } |
|
6168 .alert-danger { |
|
6169 border-color: #963b49; |
|
6170 color: #fff; |
|
6171 background: #c46a69; |
|
6172 text-shadow: none; |
|
6173 } |
|
6174 .alert-warning { |
|
6175 border-color: #e5c693; |
|
6176 color: #6b6d31; |
|
6177 background: #ecdfb0; |
|
6178 } |
|
6179 .alert-success { |
|
6180 border-color: #8eb589; |
|
6181 color: #296829; |
|
6182 background: #cee0cf; |
|
6183 } |
|
6184 .alert-info { |
|
6185 border-color: #9cb4c5; |
|
6186 color: #346597; |
|
6187 background: #d6dde7; |
|
6188 } |
|
6189 .alert ul { |
|
6190 margin-left: 25px; |
|
6191 list-style-position: outside; |
|
6192 list-style-type: square; |
|
6193 } |
|
6194 .ams-form > .alert { |
|
6195 margin: 5px; |
|
6196 padding: 5px; |
|
6197 box-shadow: none!important; |
|
6198 -webkit-box-shadow: none!important; |
|
6199 border-radius: 0!important; |
|
6200 } |
|
6201 .help { |
|
6202 font-size: 90%; |
|
6203 padding: 5px!important; |
|
6204 } |
|
6205 .help p { |
|
6206 margin: 0 0 1px; |
|
6207 line-height: 1; |
|
6208 } |
|
6209 .modal-dialog .help { |
|
6210 margin-bottom: 5px!important; |
|
6211 } |
|
6212 .well { |
|
6213 background: #fbfbfb; |
|
6214 border: 1px solid #ddd; |
|
6215 box-shadow: 0 1px 1px #ececec; |
|
6216 -webkit-box-shadow: 0 1px 1px #ececec; |
|
6217 position: relative; |
|
6218 } |
|
6219 .well.well-clean { |
|
6220 -webkit-box-shadow: none; |
|
6221 box-shadow: none; |
|
6222 border-color: transparent; |
|
6223 } |
|
6224 .well.well-glass { |
|
6225 -webkit-box-shadow: none; |
|
6226 box-shadow: none; |
|
6227 border-color: transparent; |
|
6228 background-color: rgba(255, 255, 255, 0.25); |
|
6229 color: #fff; |
|
6230 } |
|
6231 .well.well-light { |
|
6232 background: #fff; |
|
6233 border: 1px solid #e2e2e2; |
|
6234 } |
|
6235 .widget-body .well { |
|
6236 margin-bottom: 0; |
|
6237 } |
|
6238 .well.transparent { |
|
6239 border: 0!important; |
|
6240 background: none!important; |
|
6241 } |
|
6242 .ams-widget.well.transparent > div, |
|
6243 .ams-widget.well.transparent > div .widget-body { |
|
6244 padding: 0!important; |
|
6245 } |
|
6246 .well[class*=" bg-"], |
|
6247 .well[class^=bg-] { |
|
6248 border: 1px solid #555!important; |
|
6249 } |
|
6250 .note { |
|
6251 margin-top: 6px; |
|
6252 padding: 0 1px; |
|
6253 font-size: 11px; |
|
6254 line-height: 15px; |
|
6255 color: #999; |
|
6256 } |
|
6257 .subscript { |
|
6258 font-size: 21px; |
|
6259 color: #999; |
|
6260 } |
|
6261 .display-image { |
|
6262 margin-top: -60px; |
|
6263 margin-right: 20px; |
|
6264 } |
|
6265 .terms-body { |
|
6266 max-height: 400px; |
|
6267 overflow: auto; |
|
6268 } |
|
6269 .timeline-seperator { |
|
6270 display: block; |
|
6271 text-align: center; |
|
6272 color: #999; |
|
6273 margin: 20px 0 0; |
|
6274 } |
|
6275 .timeline-seperator > :first-child { |
|
6276 padding: 4px 5px; |
|
6277 border: 1px dashed rgba(0, 0, 0, 0.1); |
|
6278 background: #fff; |
|
6279 font-size: 11px; |
|
6280 border-radius: 4px; |
|
6281 } |
|
6282 .timeline-seperator .btn, |
|
6283 .timeline-seperator .btn + .dropdown-menu { |
|
6284 margin-right: 15px; |
|
6285 } |
|
6286 .timeline-seperator:after { |
|
6287 display: block; |
|
6288 content: " "; |
|
6289 margin: 0 20px; |
|
6290 border-bottom: 1px dashed rgba(0, 0, 0, 0.1); |
|
6291 margin-top: -8px; |
|
6292 } |
|
6293 .progress { |
|
6294 position: relative; |
|
6295 margin-bottom: 20px; |
|
6296 overflow: hidden; |
|
6297 height: 22px; |
|
6298 background: #eee; |
|
6299 box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; |
|
6300 -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; |
|
6301 border-radius: 0; |
|
6302 } |
|
6303 .progress-bar { |
|
6304 float: left; |
|
6305 width: 0; |
|
6306 height: 100%; |
|
6307 font-size: 11px; |
|
6308 color: #fff; |
|
6309 text-align: center; |
|
6310 background-color: #57889c; |
|
6311 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
6312 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
6313 font-weight: 700; |
|
6314 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
6315 background-image: url(../img/pattern/overlay-pattern.png); |
|
6316 } |
|
6317 .progress-striped .progress-bar { |
|
6318 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
6319 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6320 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6321 -webkit-background-size: 40px 40px; |
|
6322 background-size: 40px 40px; |
|
6323 } |
|
6324 .progress.active .progress-bar { |
|
6325 -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
6326 -ms-animation: progress-bar-stripes 2s linear infinite; |
|
6327 animation: progress-bar-stripes 2s linear infinite; |
|
6328 } |
|
6329 .progress-bar-danger { |
|
6330 background-color: #a90329; |
|
6331 } |
|
6332 .progress-striped .progress-bar-danger { |
|
6333 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
6334 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6335 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6336 } |
|
6337 .progress-bar-success { |
|
6338 background-color: #739e73; |
|
6339 } |
|
6340 .progress-striped .progress-bar-success { |
|
6341 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
6342 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6343 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6344 } |
|
6345 .progress-bar-warning { |
|
6346 background-color: #c79121; |
|
6347 } |
|
6348 .progress-striped .progress-bar-warning { |
|
6349 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
6350 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6351 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6352 } |
|
6353 .progress-bar-info { |
|
6354 background-color: #57889c; |
|
6355 } |
|
6356 .progress-striped .progress-bar-info { |
|
6357 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
6358 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6359 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
6360 } |
|
6361 .progress .bar-info, |
|
6362 .progress-info .bar { |
|
6363 background: #57889c; |
|
6364 } |
|
6365 .progress-micro { |
|
6366 height: 3px!important; |
|
6367 line-height: 3px!important; |
|
6368 } |
|
6369 .progress-xs { |
|
6370 height: 7px!important; |
|
6371 line-height: 7px!important; |
|
6372 } |
|
6373 .progress-sm { |
|
6374 height: 14px!important; |
|
6375 line-height: 14px!important; |
|
6376 } |
|
6377 .progress-lg { |
|
6378 height: 30px!important; |
|
6379 line-height: 30px!important; |
|
6380 } |
|
6381 .progress .progress-bar { |
|
6382 position: absolute; |
|
6383 overflow: hidden; |
|
6384 line-height: 20px; |
|
6385 } |
|
6386 .progress .progressbar-back-text { |
|
6387 position: absolute; |
|
6388 width: 100%; |
|
6389 height: 100%; |
|
6390 font-size: 12px; |
|
6391 line-height: 20px; |
|
6392 text-align: center; |
|
6393 } |
|
6394 .progress .progressbar-front-text { |
|
6395 display: block; |
|
6396 width: 100%; |
|
6397 font-size: 12px; |
|
6398 line-height: 20px; |
|
6399 text-align: center; |
|
6400 } |
|
6401 .progress.right .progress-bar { |
|
6402 right: 0; |
|
6403 } |
|
6404 .progress.right .progressbar-front-text { |
|
6405 position: absolute; |
|
6406 right: 0; |
|
6407 } |
|
6408 .progress.vertical { |
|
6409 width: 25px; |
|
6410 height: 100%; |
|
6411 min-height: 150px; |
|
6412 margin-right: 20px; |
|
6413 display: inline-block; |
|
6414 margin-bottom: 0; |
|
6415 } |
|
6416 .progress.vertical.bottom { |
|
6417 position: relative; |
|
6418 } |
|
6419 .progress.vertical.bottom .progress-bar { |
|
6420 position: absolute; |
|
6421 bottom: 0; |
|
6422 } |
|
6423 .progress.vertical.bottom .progressbar-front-text { |
|
6424 position: absolute; |
|
6425 bottom: 0; |
|
6426 } |
|
6427 .progress.vertical .progress-bar { |
|
6428 width: 100%; |
|
6429 height: 0; |
|
6430 -webkit-transition: height .6s ease; |
|
6431 transition: height .6s ease; |
|
6432 } |
|
6433 .progress.wide-bar { |
|
6434 width: 40px; |
|
6435 } |
|
6436 .dd { |
|
6437 position: relative; |
|
6438 display: block; |
|
6439 margin: 0; |
|
6440 padding: 0; |
|
6441 max-width: 600px; |
|
6442 list-style: none; |
|
6443 font-size: 13px; |
|
6444 line-height: 20px; |
|
6445 } |
|
6446 @media only screen and (min-width: 700px) { |
|
6447 .dd { |
|
6448 float: left; |
|
6449 width: 100%; |
|
6450 } |
|
6451 .dd + .dd { |
|
6452 margin-left: 2%; |
|
6453 } |
|
6454 } |
|
6455 .dd-header.calender-spacer { |
|
6456 height: 46px; |
|
6457 display: block; |
|
6458 } |
|
6459 .dd-list { |
|
6460 display: block; |
|
6461 position: relative; |
|
6462 margin: 0; |
|
6463 padding: 0; |
|
6464 list-style: none; |
|
6465 } |
|
6466 .dd-list .dd-list { |
|
6467 padding-left: 30px; |
|
6468 } |
|
6469 .dd-collapsed .dd-list { |
|
6470 display: none; |
|
6471 } |
|
6472 .dd-empty { |
|
6473 border: 1px dashed #bbb; |
|
6474 min-height: 100px; |
|
6475 background-color: #eee; |
|
6476 background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); |
|
6477 background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); |
|
6478 -webkit-background-size: 60px 60px; |
|
6479 background-size: 60px 60px; |
|
6480 background-position: 0 0, 30px 30px; |
|
6481 } |
|
6482 .dd-empty, |
|
6483 .dd-placeholder { |
|
6484 margin: 5px 0; |
|
6485 padding: 0; |
|
6486 min-height: 30px; |
|
6487 background: #f2fbff; |
|
6488 border: 1px dashed #b6bcbf; |
|
6489 -webkit-box-sizing: border-box; |
|
6490 box-sizing: border-box; |
|
6491 -moz-box-sizing: border-box; |
|
6492 } |
|
6493 .dd-empty, |
|
6494 .dd-item, |
|
6495 .dd-placeholder { |
|
6496 display: block; |
|
6497 position: relative; |
|
6498 margin: 0; |
|
6499 padding: 0; |
|
6500 min-height: 20px; |
|
6501 font-size: 13px; |
|
6502 line-height: 20px; |
|
6503 } |
|
6504 .dd-handle { |
|
6505 display: block; |
|
6506 font-size: 15px; |
|
6507 margin: 5px 0; |
|
6508 padding: 7px 15px; |
|
6509 color: #333; |
|
6510 text-decoration: none; |
|
6511 border: 1px solid #cfcfcf; |
|
6512 background: #fbfbfb; |
|
6513 } |
|
6514 .dd-handle:hover, |
|
6515 .dd-handle:hover + .dd-list .dd-handle { |
|
6516 background: #FDDFB3!important; |
|
6517 border: 1px solid #FAA937; |
|
6518 color: #333!important; |
|
6519 } |
|
6520 .dd-handle > span { |
|
6521 font-size: 13px; |
|
6522 color: #777; |
|
6523 } |
|
6524 .dd-hover > .dd-handle { |
|
6525 background: #2ea8e5!important; |
|
6526 } |
|
6527 .dd-item > button { |
|
6528 position: relative; |
|
6529 cursor: pointer; |
|
6530 float: left; |
|
6531 width: 25px; |
|
6532 height: 20px; |
|
6533 margin: 7px 10px; |
|
6534 line-height: 22px!important; |
|
6535 padding: 0; |
|
6536 text-indent: 100%; |
|
6537 white-space: nowrap; |
|
6538 overflow: hidden; |
|
6539 border: 0; |
|
6540 background: rgba(0, 0, 0, 0); |
|
6541 text-align: center; |
|
6542 display: inline-block; |
|
6543 font-family: FontAwesome; |
|
6544 font-style: normal; |
|
6545 font-weight: 400; |
|
6546 -webkit-font-smoothing: antialiased; |
|
6547 -moz-osx-font-smoothing: grayscale; |
|
6548 font-size: 18px; |
|
6549 } |
|
6550 .dd-item > button:before { |
|
6551 content: '\f055'; |
|
6552 display: block; |
|
6553 position: absolute; |
|
6554 width: 100%; |
|
6555 text-align: center; |
|
6556 text-indent: 0; |
|
6557 color: #0091d9; |
|
6558 } |
|
6559 .dd-item > button[data-action=collapse]:before { |
|
6560 content: '\f056'; |
|
6561 color: #a90329; |
|
6562 } |
|
6563 .dd-dragel { |
|
6564 position: absolute; |
|
6565 pointer-events: none; |
|
6566 z-index: 9999; |
|
6567 } |
|
6568 .dd-dragel > .dd-item .dd-handle { |
|
6569 margin-top: 0; |
|
6570 } |
|
6571 .dd-dragel > .dd-item > .dd-handle { |
|
6572 border-left-width: 4px; |
|
6573 } |
|
6574 .dd-dragel .dd-handle { |
|
6575 -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); |
|
6576 box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); |
|
6577 } |
|
6578 .dd-dragel > li.dd-item.dd3-item { |
|
6579 position: relative; |
|
6580 top: 10px; |
|
6581 left: 10px; |
|
6582 z-index: 999; |
|
6583 } |
|
6584 .vertical-bars { |
|
6585 padding: 0; |
|
6586 margin: 0; |
|
6587 } |
|
6588 .vertical-bars:after { |
|
6589 content: ""; |
|
6590 display: block; |
|
6591 height: 0; |
|
6592 clear: both; |
|
6593 } |
|
6594 .vertical-bars li { |
|
6595 padding: 14px 0; |
|
6596 width: 25%; |
|
6597 display: block; |
|
6598 float: left; |
|
6599 text-align: center; |
|
6600 } |
|
6601 .vertical-bars li:first-child { |
|
6602 border-left: 0; |
|
6603 } |
|
6604 .vertical-bars > li > .progress.vertical { |
|
6605 margin: 0 auto; |
|
6606 float: none; |
|
6607 } |
|
6608 .vertical-bars > li > .progress.vertical:first-child { |
|
6609 margin-left: auto; |
|
6610 } |
|
6611 .bar-holder { |
|
6612 padding: 18px 15px; |
|
6613 } |
|
6614 .bar-holder:first-child { |
|
6615 border-top: 0; |
|
6616 } |
|
6617 .bar-holder .progress { |
|
6618 margin: 0; |
|
6619 } |
|
6620 .pagination.pagination-alt > li > a { |
|
6621 box-shadow: none; |
|
6622 -webkit-box-shadow: none; |
|
6623 border: 0; |
|
6624 margin-left: -1px; |
|
6625 } |
|
6626 .pagination.pagination-alt > li:first-child > a { |
|
6627 padding-left: 0; |
|
6628 } |
|
6629 .pagination > li > a, |
|
6630 .pagination > li > span { |
|
6631 padding: 7px 12px 5px; |
|
6632 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
6633 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
6634 } |
|
6635 .pagination-xs > li > a, |
|
6636 .pagination-xs > li > span { |
|
6637 padding: 5px 9px 3px; |
|
6638 font-size: 12px; |
|
6639 } |
|
6640 .panel-purple { |
|
6641 border-color: #6e587a; |
|
6642 } |
|
6643 .panel-purple > .panel-heading { |
|
6644 color: #fff; |
|
6645 background-color: #6e587a; |
|
6646 border-color: #6e587a; |
|
6647 } |
|
6648 .panel-greenLight { |
|
6649 border-color: #71843f; |
|
6650 } |
|
6651 .panel-greenLight > .panel-heading { |
|
6652 color: #fff; |
|
6653 background-color: #71843f; |
|
6654 border-color: #71843f; |
|
6655 } |
|
6656 .panel-greenDark { |
|
6657 border-color: #496949; |
|
6658 } |
|
6659 .panel-greenDark > .panel-heading { |
|
6660 color: #fff; |
|
6661 background-color: #496949; |
|
6662 border-color: #496949; |
|
6663 } |
|
6664 .panel-darken { |
|
6665 border-color: #333; |
|
6666 } |
|
6667 .panel-darken > .panel-heading { |
|
6668 color: #fff; |
|
6669 background-color: #404040; |
|
6670 border-color: #404040; |
|
6671 } |
|
6672 .panel-pink { |
|
6673 border-color: #ac5287; |
|
6674 } |
|
6675 .panel-pink > .panel-heading { |
|
6676 color: #fff; |
|
6677 background-color: #ac5287; |
|
6678 border-color: #ac5287; |
|
6679 } |
|
6680 .panel-green { |
|
6681 border-color: #356e35; |
|
6682 } |
|
6683 .panel-green > .panel-heading { |
|
6684 color: #fff; |
|
6685 background-color: #356e35; |
|
6686 border-color: #356e35; |
|
6687 } |
|
6688 .panel-blueLight { |
|
6689 border-color: #92a2a8; |
|
6690 } |
|
6691 .panel-blueLight > .panel-heading { |
|
6692 color: #fff; |
|
6693 background-color: #92a2a8; |
|
6694 border-color: #92a2a8; |
|
6695 } |
|
6696 .panel-pinkDark { |
|
6697 border-color: #a8829f; |
|
6698 } |
|
6699 .panel-pinkDark > .panel-heading { |
|
6700 color: #fff; |
|
6701 background-color: #a8829f; |
|
6702 border-color: #a8829f; |
|
6703 } |
|
6704 .panel-redLight { |
|
6705 border-color: #a65858; |
|
6706 } |
|
6707 .panel-redLight > .panel-heading { |
|
6708 color: #fff; |
|
6709 background-color: #a65858; |
|
6710 border-color: #a65858; |
|
6711 } |
|
6712 .panel-red { |
|
6713 border-color: #a90329; |
|
6714 } |
|
6715 .panel-red > .panel-heading { |
|
6716 color: #fff; |
|
6717 background-color: #a90329; |
|
6718 border-color: #a90329; |
|
6719 } |
|
6720 .panel-teal { |
|
6721 border-color: #568a89; |
|
6722 } |
|
6723 .panel-teal > .panel-heading { |
|
6724 color: #fff; |
|
6725 background-color: #568a89; |
|
6726 border-color: #568a89; |
|
6727 } |
|
6728 .panel-orange { |
|
6729 border-color: #c79121; |
|
6730 } |
|
6731 .panel-orange > .panel-heading { |
|
6732 color: #fff; |
|
6733 background-color: #c79121; |
|
6734 border-color: #c79121; |
|
6735 } |
|
6736 .panel-blueDark { |
|
6737 border-color: #4c4f53; |
|
6738 } |
|
6739 .panel-blueDark > .panel-heading { |
|
6740 color: #fff; |
|
6741 background-color: #4c4f53; |
|
6742 border-color: #4c4f53; |
|
6743 } |
|
6744 .panel-magenta { |
|
6745 border-color: #6e3671; |
|
6746 } |
|
6747 .panel-magenta > .panel-heading { |
|
6748 color: #fff; |
|
6749 background-color: #6e3671; |
|
6750 border-color: #6e3671; |
|
6751 } |
|
6752 .panel-blue { |
|
6753 border-color: #57889c; |
|
6754 } |
|
6755 .panel-blue > .panel-heading { |
|
6756 color: #fff; |
|
6757 background-color: #57889c; |
|
6758 border-color: #57889c; |
|
6759 } |
|
6760 .panel-footer > .btn-block { |
|
6761 border-radius: 0; |
|
6762 border-bottom: 0; |
|
6763 border-left: 0; |
|
6764 border-right: 0; |
|
6765 } |
|
6766 .notification-body { |
|
6767 padding: 0 0 0 3px; |
|
6768 margin: 0; |
|
6769 list-style: none; |
|
6770 } |
|
6771 .notification-body *, |
|
6772 .notification-body:after *, |
|
6773 .notification-body:before * { |
|
6774 box-sizing: border-box !important; |
|
6775 -webkit-box-sizing: border-box !important; |
|
6776 -moz-box-sizing: border-box !important; |
|
6777 } |
|
6778 .notification-body > li { |
|
6779 border-bottom: 1px solid #E9E9E9; |
|
6780 position: relative; |
|
6781 } |
|
6782 .notification-body > li > span { |
|
6783 background: #fff; |
|
6784 display: block; |
|
6785 min-height: 25px; |
|
6786 overflow: hidden; |
|
6787 padding: 8px 10px 13px; |
|
6788 white-space: normal; |
|
6789 } |
|
6790 .notification-body > li > span:hover { |
|
6791 background: #F0F4F7; |
|
6792 color: #667F8F; |
|
6793 } |
|
6794 .notification-body > li a.msg { |
|
6795 padding-left: 50px!important; |
|
6796 } |
|
6797 .notification-body > li a, |
|
6798 .notification-body > li a span { |
|
6799 display: block; |
|
6800 position: relative; |
|
6801 overflow: hidden; |
|
6802 } |
|
6803 .notification-body > li a, |
|
6804 .notification-body > li a:hover { |
|
6805 text-decoration: none; |
|
6806 } |
|
6807 .notification-body > li:hover .progress { |
|
6808 background: #fff; |
|
6809 box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #a7a7a7 inset; |
|
6810 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #cccccc inset; |
|
6811 } |
|
6812 .notification-body > li:hover .text-muted { |
|
6813 color: #333; |
|
6814 } |
|
6815 .notification-body .from { |
|
6816 font-size: 14px; |
|
6817 line-height: normal; |
|
6818 color: #333; |
|
6819 font-weight: 400; |
|
6820 margin-right: 60px; |
|
6821 margin-bottom: 6px; |
|
6822 height: 20px; |
|
6823 text-overflow: ellipsis; |
|
6824 white-space: nowrap; |
|
6825 overflow: hidden; |
|
6826 } |
|
6827 .notification-body .unread { |
|
6828 background: #FFFFE0; |
|
6829 } |
|
6830 .notification-body .unread .unread .from { |
|
6831 font-weight: 700; |
|
6832 } |
|
6833 .notification-body time { |
|
6834 position: absolute; |
|
6835 top: 3px; |
|
6836 right: 0; |
|
6837 font-size: 11px; |
|
6838 font-weight: 400; |
|
6839 color: #058dc7; |
|
6840 } |
|
6841 .notification-body .msg-body, |
|
6842 .notification-body .subject { |
|
6843 font-size: 13px; |
|
6844 color: #A0A0A0; |
|
6845 max-height: 35px; |
|
6846 width: 100%; |
|
6847 text-overflow: ellipsis; |
|
6848 white-space: nowrap; |
|
6849 overflow: hidden; |
|
6850 } |
|
6851 .notification-body .subject { |
|
6852 font-size: 13px; |
|
6853 color: #333; |
|
6854 max-height: 22px; |
|
6855 } |
|
6856 .ajax-notifications { |
|
6857 height: 365px; |
|
6858 display: block; |
|
6859 overflow: auto; |
|
6860 margin-right: -10px; |
|
6861 margin-left: -10px; |
|
6862 border-bottom: 1px solid #CECECE; |
|
6863 border-top: 1px solid #CECECE; |
|
6864 background: #E9E9E9; |
|
6865 } |
|
6866 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6867 .ajax-notifications { |
|
6868 height: 250px; |
|
6869 } |
|
6870 } |
|
6871 .ajax-notifications > .alert.alert-transparent { |
|
6872 background-color: transparent; |
|
6873 border-color: transparent; |
|
6874 color: #757575; |
|
6875 margin: 13px 10px; |
|
6876 } |
|
6877 .ajax-notifications > .alert > :first-child { |
|
6878 margin-bottom: 10px; |
|
6879 font-weight: 400; |
|
6880 } |
|
6881 .arrow-box-up:before, |
|
6882 .arrow-box-up:after { |
|
6883 bottom: 100%; |
|
6884 border: solid transparent; |
|
6885 content: " "; |
|
6886 height: 0; |
|
6887 width: 0; |
|
6888 position: absolute; |
|
6889 pointer-events: none; |
|
6890 } |
|
6891 .arrow-box-up:before { |
|
6892 border-color: rgba(131, 131, 131, 0); |
|
6893 border-bottom-color: #838383; |
|
6894 border-width: 8px; |
|
6895 left: 50%; |
|
6896 margin-left: -8px; |
|
6897 } |
|
6898 .arrow-box-up:after { |
|
6899 border-color: rgba(255, 255, 255, 0); |
|
6900 border-bottom-color: #fff; |
|
6901 border-width: 7px; |
|
6902 left: 50%; |
|
6903 margin-left: -7px; |
|
6904 } |
|
6905 .arrow-box-up-right:before, |
|
6906 .arrow-box-up-right:after { |
|
6907 bottom: 100%; |
|
6908 border: solid transparent; |
|
6909 content: " "; |
|
6910 height: 0; |
|
6911 width: 0; |
|
6912 position: absolute; |
|
6913 pointer-events: none; |
|
6914 } |
|
6915 .arrow-box-up-right:before { |
|
6916 border-color: rgba(131, 131, 131, 0); |
|
6917 border-bottom-color: #838383; |
|
6918 border-width: 8px; |
|
6919 right: 9px; |
|
6920 margin-left: -8px; |
|
6921 } |
|
6922 .arrow-box-up-right:after { |
|
6923 border-color: rgba(255, 255, 255, 0); |
|
6924 border-bottom-color: #fff; |
|
6925 border-width: 7px; |
|
6926 right: 10px; |
|
6927 margin-left: -7px; |
|
6928 } |
|
6929 .tooltip-inner { |
|
6930 padding: 5px 10px; |
|
6931 font-size: 11px; |
|
6932 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
6933 font-weight: 700; |
|
6934 border-radius: 0; |
|
6935 } |
|
6936 .jqstooltip { |
|
6937 padding: 7px!important; |
|
6938 border-radius: 3px!important; |
|
6939 border: 0!important; |
|
6940 background-color: #000!important; |
|
6941 box-sizing: content-box; |
|
6942 -moz-box-sizing: content-box; |
|
6943 -webkit-box-sizing: content-box; |
|
6944 } |
|
6945 .jqstooltip .jqsfield { |
|
6946 font-family: Ubuntu, Arial, sans-serif; |
|
6947 font-size: 11px; |
|
6948 } |
|
6949 .dd3-content { |
|
6950 display: block; |
|
6951 margin: 5px 0; |
|
6952 padding: 6px 10px 8px 40px; |
|
6953 font-size: 15px; |
|
6954 color: #333; |
|
6955 text-decoration: none; |
|
6956 border: 1px solid #cfcfcf; |
|
6957 background: #fbfbfb; |
|
6958 } |
|
6959 .dd3-content:hover { |
|
6960 color: #2ea8e5; |
|
6961 background: #fff; |
|
6962 } |
|
6963 .dd-dragel > .dd3-item > .dd3-content { |
|
6964 margin: 0; |
|
6965 } |
|
6966 .dd3-item > button { |
|
6967 margin-left: 38px; |
|
6968 } |
|
6969 .dd3-handle { |
|
6970 position: absolute; |
|
6971 margin: 0; |
|
6972 left: 0; |
|
6973 top: 0; |
|
6974 cursor: move; |
|
6975 width: 30px; |
|
6976 text-indent: 100%; |
|
6977 white-space: nowrap; |
|
6978 overflow: hidden; |
|
6979 border: 1px solid #aaa; |
|
6980 background: #bfbfbf; |
|
6981 background: -webkit-gradient(linear, top left, bottom left, from(#dddddd), to(#bbbbbb)); |
|
6982 background: -webkit-linear-gradient(top, #dddddd 0, #bbbbbb 100%); |
|
6983 background: linear-gradient(top, #dddddd 0, #bbbbbb 100%); |
|
6984 display: inline-block; |
|
6985 font-family: FontAwesome; |
|
6986 font-style: normal; |
|
6987 font-weight: 400; |
|
6988 line-height: 1; |
|
6989 -webkit-font-smoothing: antialiased; |
|
6990 -moz-osx-font-smoothing: grayscale; |
|
6991 font-size: 18px; |
|
6992 padding: 8px 15px; |
|
6993 } |
|
6994 .dd3-handle:before { |
|
6995 content: '\f0c9'; |
|
6996 display: block; |
|
6997 position: absolute; |
|
6998 left: 0; |
|
6999 top: 3px; |
|
7000 width: 100%; |
|
7001 text-align: center; |
|
7002 text-indent: 0; |
|
7003 color: #818181; |
|
7004 font-weight: 400; |
|
7005 line-height: 28px; |
|
7006 } |
|
7007 .dd3-handle:hover:before { |
|
7008 color: #C27616; |
|
7009 } |
|
7010 /* |
|
7011 * Nestable lists |
|
7012 */ |
|
7013 .nestable-lists { |
|
7014 display: block; |
|
7015 clear: both; |
|
7016 padding: 30px 0; |
|
7017 width: 100%; |
|
7018 border: 0; |
|
7019 border-top: 2px solid #bfbfbf; |
|
7020 border-bottom: 2px solid #bfbfbf; |
|
7021 } |
|
7022 #nestable-menu { |
|
7023 padding: 0; |
|
7024 margin: 10px 0 20px; |
|
7025 } |
|
7026 #nestable-output, |
|
7027 #nestable2-output { |
|
7028 width: 100%; |
|
7029 padding: 5px; |
|
7030 } |
|
7031 /* |
|
7032 * Custom items |
|
7033 */ |
|
7034 .custom-scroll::-webkit-scrollbar { |
|
7035 -webkit-overflow-scrolling: touch; |
|
7036 height: 10px; |
|
7037 width: 10px; |
|
7038 } |
|
7039 .custom-scroll::-webkit-scrollbar:hover { |
|
7040 background-color: #E9E9E9; |
|
7041 border: 1px solid #dbdbdb; |
|
7042 } |
|
7043 .custom-scroll::-webkit-scrollbar-button:start:decrement, |
|
7044 .custom-scroll::-webkit-scrollbar-button:end:increment { |
|
7045 background: 0 0; |
|
7046 display: block; |
|
7047 height: 0; |
|
7048 } |
|
7049 .custom-scroll::-webkit-scrollbar-track { |
|
7050 -webkit-background-clip: padding-box; |
|
7051 background-clip: padding-box; |
|
7052 border: solid transparent; |
|
7053 } |
|
7054 .custom-scroll::-webkit-scrollbar-track-piece { |
|
7055 -o-border-radius: 0; |
|
7056 background-color: transparent; |
|
7057 border-radius: 0; |
|
7058 } |
|
7059 .custom-scroll::-webkit-scrollbar-thumb { |
|
7060 -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
7061 -webkit-background-clip: padding-box; |
|
7062 background-clip: padding-box; |
|
7063 background-color: rgba(0, 0, 0, 0.2); |
|
7064 border: 0; |
|
7065 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
7066 } |
|
7067 .custom-scroll::-webkit-scrollbar-thumb:vertical, |
|
7068 .custom-scroll::-webkit-scrollbar-thumb:horizontal { |
|
7069 -o-border-radius: 0; |
|
7070 background-color: #bfbfbf; |
|
7071 border-radius: 0; |
|
7072 } |
|
7073 .custom-scroll::-webkit-scrollbar-thumb:active { |
|
7074 -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.33); |
|
7075 background-color: rgba(0, 0, 0, 0.44); |
|
7076 box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.33); |
|
7077 } |
|
7078 .custom-scroll::-webkit-scrollbar-thumb:hover { |
|
7079 background-color: #959595; |
|
7080 } |
|
7081 .air { |
|
7082 position: absolute; |
|
7083 z-index: 5; |
|
7084 } |
|
7085 .air-bottom { |
|
7086 bottom: 0; |
|
7087 } |
|
7088 .air-top { |
|
7089 top: 0; |
|
7090 } |
|
7091 .air-top-right { |
|
7092 top: 0; |
|
7093 right: 0; |
|
7094 } |
|
7095 .air-top-left { |
|
7096 top: 0; |
|
7097 left: 0; |
|
7098 } |
|
7099 .air-bottom-left { |
|
7100 bottom: 0; |
|
7101 left: 0; |
|
7102 } |
|
7103 .air-bottom-right { |
|
7104 bottom: 0; |
|
7105 right: 0; |
|
7106 } |
|
7107 .tree { |
|
7108 min-height: 20px; |
|
7109 border-radius: 4px; |
|
7110 } |
|
7111 .tree li { |
|
7112 list-style-type: none; |
|
7113 margin: 0; |
|
7114 padding: 5px; |
|
7115 position: relative; |
|
7116 } |
|
7117 .tree li:after, |
|
7118 .tree li:before { |
|
7119 content: ''; |
|
7120 left: -20px; |
|
7121 position: absolute; |
|
7122 right: auto; |
|
7123 } |
|
7124 .tree li:before { |
|
7125 border-left: 1px solid #999; |
|
7126 bottom: 50px; |
|
7127 height: 100%; |
|
7128 top: -11px; |
|
7129 width: 1px; |
|
7130 -webkit-transition: "border-color 0.1s ease 0.1s"; |
|
7131 transition: "border-color 0.1s ease 0.1s"; |
|
7132 } |
|
7133 .tree li:last-child::before { |
|
7134 height: 30px; |
|
7135 } |
|
7136 .tree li:after { |
|
7137 border-top: 1px solid #999; |
|
7138 height: 20px; |
|
7139 top: 18px; |
|
7140 width: 25px; |
|
7141 } |
|
7142 .tree li span { |
|
7143 border: 1px dotted #999; |
|
7144 border-radius: 5px; |
|
7145 display: inline-block; |
|
7146 padding: 3px 8px; |
|
7147 text-decoration: none; |
|
7148 -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
|
7149 transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
|
7150 } |
|
7151 .tree li.parent_li > span { |
|
7152 cursor: pointer; |
|
7153 padding: 7px; |
|
7154 } |
|
7155 .tree li.parent_li > span:hover { |
|
7156 background-color: #DF8505; |
|
7157 border: 1px solid #C67605; |
|
7158 color: #fff; |
|
7159 } |
|
7160 .tree li.parent_li > span:hover + ul li::before { |
|
7161 border-left-color: #F89406; |
|
7162 } |
|
7163 .tree li.parent_li > span:hover + ul li::after { |
|
7164 border-top-color: #F89406; |
|
7165 } |
|
7166 .tree li.parent_li > span:hover + ul li span { |
|
7167 background: #FDDFB3!important; |
|
7168 border: 1px solid #FAA937; |
|
7169 color: #000; |
|
7170 } |
|
7171 .tree li.parent_li > span:hover, |
|
7172 .tree li.parent_li > span:hover + ul li span { |
|
7173 background: #eee; |
|
7174 border: 1px solid #94a0b4; |
|
7175 color: #000; |
|
7176 } |
|
7177 .tree ul ul { |
|
7178 padding-left: 34px; |
|
7179 padding-top: 10px; |
|
7180 } |
|
7181 .tree ul ul li:hover { |
|
7182 background: rgba(0, 0, 0, 0.015); |
|
7183 } |
|
7184 .tree > ul { |
|
7185 padding-left: 0; |
|
7186 } |
|
7187 .tree > ul > li :after, |
|
7188 .tree > ul > li :before { |
|
7189 border: 0; |
|
7190 } |
|
7191 .pace { |
|
7192 -webkit-pointer-events: none; |
|
7193 pointer-events: none; |
|
7194 -webkit-user-select: none; |
|
7195 -moz-user-select: none; |
|
7196 -ms-user-select: none; |
|
7197 user-select: none; |
|
7198 } |
|
7199 .pace-inactive { |
|
7200 display: none; |
|
7201 } |
|
7202 .pace .pace-progress { |
|
7203 background: #3276b1; |
|
7204 position: fixed; |
|
7205 z-index: 2000; |
|
7206 top: 0; |
|
7207 left: 0; |
|
7208 height: 2px; |
|
7209 -webkit-transition: width 1s; |
|
7210 transition: width 1s; |
|
7211 } |
|
7212 .pace .pace-progress-inner { |
|
7213 display: block; |
|
7214 position: absolute; |
|
7215 right: 0; |
|
7216 width: 100px; |
|
7217 height: 100%; |
|
7218 -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
7219 box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
7220 opacity: 1; |
|
7221 -webkit-transform: rotate(3deg) translate(0, -4px); |
|
7222 -ms-transform: rotate(3deg) translate(0, -4px); |
|
7223 transform: rotate(3deg) translate(0, -4px); |
|
7224 } |
|
7225 .pace .pace-activity { |
|
7226 display: block; |
|
7227 position: fixed; |
|
7228 z-index: 2000; |
|
7229 top: 63px; |
|
7230 right: 40px; |
|
7231 width: 14px; |
|
7232 height: 14px; |
|
7233 border: solid 2px transparent; |
|
7234 border-top-color: #29d; |
|
7235 border-left-color: #29d; |
|
7236 border-radius: 10px; |
|
7237 -webkit-animation: pace-spinner 400ms linear infinite; |
|
7238 -ms-animation: pace-spinner 400ms linear infinite; |
|
7239 animation: pace-spinner 400ms linear infinite; |
|
7240 } |
|
7241 /* |
|
7242 * Tables and datatables |
|
7243 */ |
|
7244 .table-full { |
|
7245 width: 100%; |
|
7246 } |
|
7247 .table-wrap { |
|
7248 overflow: auto; |
|
7249 } |
|
7250 .table.has-tickbox thead tr th:first-child { |
|
7251 width: 18px; |
|
7252 } |
|
7253 .table.has-tickbox.ams-form tbody tr td:first-child .checkbox, |
|
7254 .table.has-tickbox.ams-form tbody tr td:first-child .radio, |
|
7255 .table.has-tickbox.ams-form thead tr th:first-child .checkbox, |
|
7256 .table.has-tickbox.ams-form thead tr th:first-child .radio { |
|
7257 padding: 0!important; |
|
7258 } |
|
7259 .table-dnd tbody tr.dragging-row td { |
|
7260 background-color: #cedbf7 !important; |
|
7261 } |
|
7262 .table-dnd tbody tr td:first-child { |
|
7263 padding-left: 20px!important; |
|
7264 } |
|
7265 .table-dnd tbody td.drag-handle { |
|
7266 background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%; |
|
7267 } |
|
7268 .table-tight td, |
|
7269 .table-tight th { |
|
7270 padding: 4px 8px!important; |
|
7271 line-height: 1.3!important; |
|
7272 } |
|
7273 .table-mini td, |
|
7274 .table-mini th { |
|
7275 padding: 1px 8px!important; |
|
7276 line-height: 1.1!important; |
|
7277 } |
|
7278 .table-bordered > thead > tr > td, |
|
7279 .table-bordered > thead > tr > th { |
|
7280 border-width: 1px; |
|
7281 } |
|
7282 .table-bordered .no-padding > .table-bordered { |
|
7283 border: 0!important; |
|
7284 } |
|
7285 .table-bordered .no-padding > .table-bordered tbody tr td:first-child, |
|
7286 .table-bordered .no-padding > .table-bordered thead tr td:first-child, |
|
7287 .table-bordered .no-padding > .table-bordered thead tr th:first-child { |
|
7288 border-left-width: 0!important; |
|
7289 } |
|
7290 .table-bordered .no-padding > .table-bordered tbody tr td:last-child, |
|
7291 .table-bordered .no-padding > .table-bordered thead tr th:last-child { |
|
7292 border-right-width: 0!important; |
|
7293 } |
|
7294 .table-bordered .no-padding > .table-bordered tbody tr:last-child td { |
|
7295 border-bottom-width: 0!important; |
|
7296 } |
|
7297 .no-padding .note-editable .table-bordered { |
|
7298 border: 1px solid #ddd!important; |
|
7299 } |
|
7300 tr.bordered-bottom th, |
|
7301 tr.bordered-bottom td { |
|
7302 border-bottom: 1px solid #ddd; |
|
7303 } |
|
7304 .table-hover > tbody > tr:hover > td, |
|
7305 .table-hover > tbody > tr:hover > th { |
|
7306 background-color: #eee; |
|
7307 } |
|
7308 th.checker, |
|
7309 td.checker { |
|
7310 width: 30px; |
|
7311 } |
|
7312 th.action, |
|
7313 td.action { |
|
7314 width: 26px; |
|
7315 } |
|
7316 .dt-row { |
|
7317 padding: 4px 10px; |
|
7318 } |
|
7319 .dt-top-row { |
|
7320 height: 0; |
|
7321 line-height: 0; |
|
7322 position: relative; |
|
7323 } |
|
7324 .dt-bottom-row { |
|
7325 background: #fafafa; |
|
7326 font-size: 11px; |
|
7327 overflow: hidden; |
|
7328 padding: 5px 10px; |
|
7329 border-top: 1px solid #ccc; |
|
7330 -webkit-box-shadow: inset 0 1px #fff; |
|
7331 -ms-box-shadow: inset 0 1px #fff; |
|
7332 box-shadow: inset 0 1px #fff; |
|
7333 } |
|
7334 .dataTables_length { |
|
7335 position: absolute; |
|
7336 right: 13px; |
|
7337 top: -35px; |
|
7338 } |
|
7339 .dataTables_length select { |
|
7340 width: 60px; |
|
7341 padding: 3px; |
|
7342 font-size: 13px; |
|
7343 border: 1px solid #bbb; |
|
7344 } |
|
7345 .dataTables_filter { |
|
7346 position: absolute; |
|
7347 left: 10px; |
|
7348 top: -35px; |
|
7349 } |
|
7350 .dataTables_filter input { |
|
7351 padding: 3px 8px 1px; |
|
7352 font-size: 13px; |
|
7353 } |
|
7354 .dataTables_filter .form-control { |
|
7355 height: 28px; |
|
7356 } |
|
7357 .dataTables_filter .input-group { |
|
7358 width: 180px!important; |
|
7359 } |
|
7360 .dataTables_filter input select { |
|
7361 border: 1px solid #bbb; |
|
7362 } |
|
7363 .dataTables_paginate { |
|
7364 margin: 4px 0 0; |
|
7365 } |
|
7366 .dataTables_paginate .pagination { |
|
7367 margin: 0; |
|
7368 } |
|
7369 .dataTables_paginate .btn-group a { |
|
7370 color: #2E5F87; |
|
7371 } |
|
7372 .dt-wrapper { |
|
7373 overflow: hidden; |
|
7374 } |
|
7375 .dataTables_wrapper { |
|
7376 position: relative; |
|
7377 } |
|
7378 .dataTables_wrapper table.table { |
|
7379 clear: both; |
|
7380 max-width: inherit; |
|
7381 margin-bottom: 0; |
|
7382 } |
|
7383 .dataTables_wrapper table.table thead th { |
|
7384 white-space: nowrap; |
|
7385 text-overflow: ellipsis; |
|
7386 -ms-text-overflow: ellipsis; |
|
7387 } |
|
7388 .dataTables_wrapper table.table thead .sorting, |
|
7389 .dataTables_wrapper table.table thead .sorting_asc, |
|
7390 .dataTables_wrapper table.table thead .sorting_asc_disabled, |
|
7391 .dataTables_wrapper table.table thead .sorting_desc, |
|
7392 .dataTables_wrapper table.table thead .sorting_desc_disabled { |
|
7393 cursor: pointer; |
|
7394 padding-right: 20px; |
|
7395 } |
|
7396 .dataTables_wrapper table.table thead .sorting { |
|
7397 background: url(../img/datatable/sort_both.png) no-repeat center right; |
|
7398 } |
|
7399 .dataTables_wrapper table.table thead .sorting_asc { |
|
7400 background: url(../img/datatable/sort_asc.png) no-repeat center right; |
|
7401 } |
|
7402 .dataTables_wrapper table.table thead .sorting_desc { |
|
7403 background: url(../img/datatable/sort_desc.png) no-repeat center right; |
|
7404 } |
|
7405 .dataTables_wrapper table.table thead .sorting_asc_disabled { |
|
7406 background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right; |
|
7407 } |
|
7408 .dataTables_wrapper table.table thead .sorting_desc_disabled { |
|
7409 background: url(../img/datatable/sort_desc_disabled.png) no-repeat center right; |
|
7410 } |
|
7411 .dataTables_wrapper table.table tbody tr.active th, |
|
7412 .dataTables_wrapper table.table tbody tr.active td { |
|
7413 background-color: #08C; |
|
7414 color: #fff; |
|
7415 } |
|
7416 .dataTables_wrapper table.table tbody tr.active:hover td, |
|
7417 .dataTables_wrapper table.table tbody tr.active:hover th { |
|
7418 background-color: #0075b0!important; |
|
7419 } |
|
7420 .dataTables_wrapper table.dataTable th:active { |
|
7421 outline: 0; |
|
7422 } |
|
7423 .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) td, |
|
7424 .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) th { |
|
7425 background-color: #017ebc; |
|
7426 } |
|
7427 .dataTables_wrapper select { |
|
7428 min-height: inherit; |
|
7429 } |
|
7430 .dataTables_wrapper table + .row { |
|
7431 margin-bottom: 0; |
|
7432 margin-top: 10px; |
|
7433 } |
|
7434 .dataTables_wrapper .dt_actions { |
|
7435 float: left; |
|
7436 margin-right: 20px; |
|
7437 } |
|
7438 .dataTables_wrapper .bottom, |
|
7439 .dataTables_wrapper .top { |
|
7440 background-color: #f5f5f5; |
|
7441 border: 1px solid #CCC; |
|
7442 padding: 15px; |
|
7443 } |
|
7444 .dataTables_wrapper div.DTTT .btn:hover { |
|
7445 text-decoration: none!important; |
|
7446 } |
|
7447 .dataTables_wrapper ul.DTTT_dropdown.dropdown-menu a { |
|
7448 color: #333!important; |
|
7449 } |
|
7450 .dataTables_wrapper ul.DTTT_dropdown.dropdown-menu li:hover a { |
|
7451 background-color: #08c; |
|
7452 color: #fff!important; |
|
7453 } |
|
7454 .dataTables_wrapper div.DTTT_print_info.modal { |
|
7455 height: 150px; |
|
7456 margin-top: -75px; |
|
7457 text-align: center; |
|
7458 } |
|
7459 .dataTables_wrapper div.DTTT_print_info h6 { |
|
7460 font-weight: 400; |
|
7461 font-size: 28px; |
|
7462 line-height: 28px; |
|
7463 margin: 1em; |
|
7464 } |
|
7465 .dataTables_wrapper div.DTTT_print_info p { |
|
7466 font-size: 14px; |
|
7467 line-height: 20px; |
|
7468 } |
|
7469 .dataTables_wrapper div.DTFC_LeftFootWrapper table, |
|
7470 .dataTables_wrapper div.DTFC_LeftHeadWrapper table, |
|
7471 .dataTables_wrapper table.DTFC_Cloned tr.even { |
|
7472 background-color: #fff; |
|
7473 } |
|
7474 .dataTables_wrapper div.DTFC_LeftHeadWrapper table { |
|
7475 margin-bottom: 0!important; |
|
7476 border-top-right-radius: 0!important; |
|
7477 border-bottom-left-radius: 0!important; |
|
7478 border-bottom-right-radius: 0!important; |
|
7479 } |
|
7480 .dataTables_scrollBody { |
|
7481 -webkit-overflow-scrolling: touch; |
|
7482 } |
|
7483 .top .dataTables_info { |
|
7484 float: none; |
|
7485 } |
|
7486 div.dt-bottom-row .dataTables_info { |
|
7487 float: left; |
|
7488 padding-top: 10px; |
|
7489 font-size: 12px; |
|
7490 } |
|
7491 .dataTables_full { |
|
7492 width: 100%!important; |
|
7493 } |
|
7494 .dataTables_empty { |
|
7495 text-align: center!important; |
|
7496 font-size: 15px; |
|
7497 background: #fff!important; |
|
7498 padding: 20px 0!important; |
|
7499 cursor: default; |
|
7500 } |
|
7501 .dataTables_scroll { |
|
7502 clear: both; |
|
7503 } |
|
7504 .dataTables_scrollHeadInner table.table-bordered { |
|
7505 border-radius: 4px 4px 0 0; |
|
7506 } |
|
7507 .dataTables_scrollHeadInner table.table-bordered, |
|
7508 .dataTables_scrollHeadInner table.table-bordered thead { |
|
7509 border-bottom: 0; |
|
7510 } |
|
7511 .dataTables_scrollBody table { |
|
7512 border-top: 0; |
|
7513 } |
|
7514 .dataTables_processing { |
|
7515 position: absolute; |
|
7516 top: 50%; |
|
7517 margin-top: -24px; |
|
7518 z-index: 100; |
|
7519 left: 50%; |
|
7520 width: 250px; |
|
7521 margin-left: -125px; |
|
7522 border: 1px solid #ddd; |
|
7523 text-align: center; |
|
7524 color: #000; |
|
7525 background: #fff; |
|
7526 font-size: 15px!important; |
|
7527 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
7528 -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
7529 box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
7530 padding: 10px 0; |
|
7531 } |
|
7532 .dataTables_wrapper .center { |
|
7533 text-align: center; |
|
7534 } |
|
7535 .dataTables_wrapper .details, |
|
7536 .dataTables_wrapper .details:hover { |
|
7537 background: #ddd!important; |
|
7538 } |
|
7539 .dataTables_wrapper .details table td { |
|
7540 background: #fff!important; |
|
7541 } |
|
7542 .dataTables_scrollHeadInner table.table, |
|
7543 .dataTables_wrapper .details table.table { |
|
7544 margin: 0!important; |
|
7545 } |
|
7546 .dataTables_scrollHead table { |
|
7547 margin-bottom: 0!important; |
|
7548 border-bottom-left-radius: 0; |
|
7549 border-bottom-right-radius: 0; |
|
7550 } |
|
7551 .dataTables_scrollHead table thead tr:last-child th:first-child { |
|
7552 border-bottom-left-radius: 0!important; |
|
7553 border-bottom-right-radius: 0!important; |
|
7554 } |
|
7555 .DTFC_LeftHeadWrapper table thead tr:last-child td:first-child, |
|
7556 .DTFC_LeftHeadWrapper table thead tr:last-child th:first-child { |
|
7557 border-bottom-left-radius: 0!important; |
|
7558 border-bottom-right-radius: 0!important; |
|
7559 } |
|
7560 .DTFC_LeftBodyWrapper table, |
|
7561 .dataTables_scrollBody table { |
|
7562 border-top: 0; |
|
7563 margin-bottom: 0!important; |
|
7564 } |
|
7565 .DTFC_LeftBodyWrapper tbody tr:first-child td, |
|
7566 .DTFC_LeftBodyWrapper tbody tr:first-child th, |
|
7567 div.DTFC_LeftFootWrapper table, |
|
7568 div.dataTables_scrollBody tbody tr:first-child th, |
|
7569 div.dataTables_scrollFoot table { |
|
7570 border-top: 0; |
|
7571 } |
|
7572 /* |
|
7573 * Datatables ColVis plug-in |
|
7574 */ |
|
7575 .ColVis { |
|
7576 position: absolute; |
|
7577 right: 83px; |
|
7578 top: -35px; |
|
7579 } |
|
7580 .ColVis_collection { |
|
7581 position: relative; |
|
7582 width: 180px; |
|
7583 background-color: #fff; |
|
7584 border: 1px solid rgba(0, 0, 0, 0.2); |
|
7585 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
7586 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
7587 z-index: 1102; |
|
7588 padding-top: 3px; |
|
7589 padding-left: 10px; |
|
7590 list-style-type: none; |
|
7591 list-style-position: outside; |
|
7592 } |
|
7593 .ColVis_collection .ColVis_Button { |
|
7594 position: relative; |
|
7595 margin-right: 3px; |
|
7596 height: 30px; |
|
7597 background-color: #fff; |
|
7598 border: 1px solid #d0d0d0; |
|
7599 cursor: hand; |
|
7600 padding: 3px 5px; |
|
7601 } |
|
7602 .ColVis_collection button.ColVis_Button { |
|
7603 padding: 4px 12px; |
|
7604 height: 26px; |
|
7605 background-color: #fff; |
|
7606 border: 0; |
|
7607 width: 100%; |
|
7608 float: none; |
|
7609 font-size: 12px; |
|
7610 } |
|
7611 .ColVis_collection button.ColVis_Button + button.ColVis_Button { |
|
7612 border-top: 1px solid #e1e1e1; |
|
7613 } |
|
7614 .ColVis_collection button.ColVis_Button button.ColVis_Button input { |
|
7615 margin: 0; |
|
7616 } |
|
7617 button.ColVis_Button { |
|
7618 padding: 4px 5px; |
|
7619 text-align: left; |
|
7620 } |
|
7621 button.ColVis_Button::-moz-focus-inner { |
|
7622 border: 0!important; |
|
7623 padding: 0; |
|
7624 } |
|
7625 .ColVis_collectionBackground { |
|
7626 position: fixed; |
|
7627 top: 0; |
|
7628 left: 0; |
|
7629 width: 100%; |
|
7630 height: 100%; |
|
7631 background-color: #000; |
|
7632 z-index: 1100; |
|
7633 } |
|
7634 div.ColVis_catcher { |
|
7635 position: absolute; |
|
7636 z-index: 1101; |
|
7637 } |
|
7638 span.ColVis_radio { |
|
7639 display: inline-block; |
|
7640 width: 20px; |
|
7641 vertical-align: -2px; |
|
7642 } |
|
7643 .ColVis_text_hover, |
|
7644 div.ColVis_collection button.ColVis_Button:hover { |
|
7645 background: #F2F2F2; |
|
7646 color: #222; |
|
7647 } |
|
7648 /* |
|
7649 * Datatables columns reorder plug-in |
|
7650 */ |
|
7651 table.DTCR_clonedTable { |
|
7652 background-color: #fff; |
|
7653 z-index: 202; |
|
7654 } |
|
7655 div.DTCR_pointer { |
|
7656 width: 1px; |
|
7657 background-color: #0259C4; |
|
7658 z-index: 201; |
|
7659 } |
|
7660 ul.DTTT_dropdown.dropdown-menu li { |
|
7661 position: relative; |
|
7662 } |
|
7663 ul.DTTT_dropdown.dropdown-menu li:hover a { |
|
7664 background-color: #f2f2f2; |
|
7665 color: #333!important; |
|
7666 } |
|
7667 .table_tools_group { |
|
7668 position: absolute; |
|
7669 right: 83px; |
|
7670 top: -37px; |
|
7671 } |
|
7672 .DTTT.btn-group { |
|
7673 position: absolute; |
|
7674 top: -38px; |
|
7675 right: 83px; |
|
7676 } |
|
7677 .DTTT_dropdown { |
|
7678 z-index: 2002; |
|
7679 } |
|
7680 .DTFC_LeftHeadWrapper { |
|
7681 border-bottom: 1px solid #ddd; |
|
7682 } |
|
7683 div.DTTT_container { |
|
7684 position: relative; |
|
7685 float: right; |
|
7686 margin-bottom: 1em; |
|
7687 } |
|
7688 a.DTTT_button, |
|
7689 button.DTTT_button, |
|
7690 div.DTTT_button { |
|
7691 position: relative; |
|
7692 float: left; |
|
7693 margin-right: 3px; |
|
7694 padding: 5px 8px; |
|
7695 border: 1px solid #999; |
|
7696 cursor: pointer; |
|
7697 *cursor: hand; |
|
7698 font-size: .88em; |
|
7699 color: #000!important; |
|
7700 -o-border-radius: 2px; |
|
7701 border-radius: 2px; |
|
7702 -webkit-box-shadow: 1px 1px 3px #ccc; |
|
7703 -ms-box-shadow: 1px 1px 3px #ccc; |
|
7704 -o-box-shadow: 1px 1px 3px #ccc; |
|
7705 box-shadow: 1px 1px 3px #ccc; |
|
7706 background: #fff; |
|
7707 background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
7708 background: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
7709 background: linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
7710 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
7711 } |
|
7712 a.DTTT_button:hover, |
|
7713 button.DTTT_button:hover, |
|
7714 div.DTTT_button:hover { |
|
7715 border: 1px solid #666; |
|
7716 text-decoration: none!important; |
|
7717 -webkit-box-shadow: 1px 1px 3px #999; |
|
7718 -ms-box-shadow: 1px 1px 3px #999; |
|
7719 -o-box-shadow: 1px 1px 3px #999; |
|
7720 box-shadow: 1px 1px 3px #999; |
|
7721 background: #f3f3f3; |
|
7722 background: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), color-stop(89%, #e2e2e2), to(#f4f4f4)); |
|
7723 background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
7724 background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
7725 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); |
|
7726 } |
|
7727 button.DTTT_button { |
|
7728 height: 30px; |
|
7729 padding: 3px 8px; |
|
7730 } |
|
7731 .DTTT_button embed { |
|
7732 outline: 0; |
|
7733 } |
|
7734 a.DTTT_disabled, |
|
7735 button.DTTT_disabled, |
|
7736 div.DTTT_disabled { |
|
7737 color: #999; |
|
7738 border: 1px solid #d0d0d0; |
|
7739 background: #fff; |
|
7740 background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), color-stop(89%, #f9f9f9), to(#fafafa)); |
|
7741 background: -webkit-linear-gradient(top, #ffffff 0, #f9f9f9 89%, #fafafa 100%); |
|
7742 background: linear-gradient(top, #ffffff 0, #f9f9f9 89%, #fafafa 100%); |
|
7743 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); |
|
7744 } |
|
7745 table.DTTT_selectable tbody tr { |
|
7746 cursor: pointer; |
|
7747 *cursor: hand; |
|
7748 } |
|
7749 table.dataTable tr.DTTT_selected.odd td.sorting_1, |
|
7750 table.dataTable tr.DTTT_selected.odd td.sorting_2, |
|
7751 table.dataTable tr.DTTT_selected.odd td.sorting_3 { |
|
7752 background-color: #9FAFD1; |
|
7753 } |
|
7754 table.dataTable tr.DTTT_selected.even td.sorting_1, |
|
7755 table.dataTable tr.DTTT_selected.even td.sorting_2, |
|
7756 table.dataTable tr.DTTT_selected.even td.sorting_3 { |
|
7757 background-color: #B0BED9; |
|
7758 } |
|
7759 div.DTTT_collection { |
|
7760 width: 150px; |
|
7761 padding: 8px 8px 4px; |
|
7762 border: 1px solid #ccc; |
|
7763 border: 1px solid rgba(0, 0, 0, 0.4); |
|
7764 background-color: #f3f3f3; |
|
7765 background-color: rgba(255, 255, 255, 0.3); |
|
7766 overflow: hidden; |
|
7767 z-index: 2002; |
|
7768 -o-border-radius: 5px; |
|
7769 border-radius: 5px; |
|
7770 -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
7771 -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
7772 -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
7773 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
7774 } |
|
7775 div.DTTT_collection a.DTTT_button, |
|
7776 div.DTTT_collection button.DTTT_button, |
|
7777 div.DTTT_collection div.DTTT_button { |
|
7778 position: relative; |
|
7779 left: 0; |
|
7780 right: 0; |
|
7781 display: block; |
|
7782 float: none; |
|
7783 margin-bottom: 4px; |
|
7784 -webkit-box-shadow: 1px 1px 3px #999; |
|
7785 -ms-box-shadow: 1px 1px 3px #999; |
|
7786 -o-box-shadow: 1px 1px 3px #999; |
|
7787 box-shadow: 1px 1px 3px #999; |
|
7788 } |
|
7789 div.DTTT_collection_background { |
|
7790 z-index: 2001; |
|
7791 } |
|
7792 .DTTT_print_info { |
|
7793 position: fixed; |
|
7794 top: 50%; |
|
7795 left: 50%; |
|
7796 width: 400px; |
|
7797 height: 150px; |
|
7798 margin-left: -200px; |
|
7799 margin-top: -75px; |
|
7800 text-align: center; |
|
7801 color: #333; |
|
7802 padding: 10px 30px; |
|
7803 background: #fff; |
|
7804 background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
7805 background: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
7806 background: linear-gradient(top, #ffffff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
7807 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
7808 opacity: .95; |
|
7809 border: 1px solid #000; |
|
7810 border: 1px solid rgba(0, 0, 0, 0.5); |
|
7811 -o-border-radius: 6px; |
|
7812 border-radius: 6px; |
|
7813 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
7814 -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
7815 -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
7816 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
7817 } |
|
7818 .DTTT_print_info h6 { |
|
7819 font-weight: 400; |
|
7820 font-size: 28px; |
|
7821 line-height: 28px; |
|
7822 margin: 1em; |
|
7823 } |
|
7824 .DTTT_print_info p { |
|
7825 font-size: 14px; |
|
7826 line-height: 20px; |
|
7827 } |
|
7828 /* |
|
7829 * Forms styles |
|
7830 */ |
|
7831 .form hr { |
|
7832 margin-left: -13px; |
|
7833 margin-right: -13px; |
|
7834 border-color: rgba(0, 0, 0, 0.1); |
|
7835 margin-top: 20px; |
|
7836 margin-bottom: 20px; |
|
7837 } |
|
7838 .form fieldset { |
|
7839 display: block; |
|
7840 border: 0; |
|
7841 background: rgba(255, 255, 255, 0.9); |
|
7842 position: relative; |
|
7843 } |
|
7844 .form header, |
|
7845 .form legend { |
|
7846 display: block; |
|
7847 padding: 8px 0; |
|
7848 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
|
7849 background: #fff; |
|
7850 font-size: 16px; |
|
7851 font-weight: 300; |
|
7852 color: #222; |
|
7853 margin: 25px 0 20px; |
|
7854 } |
|
7855 .no-padding .form header { |
|
7856 margin: 25px 14px 0; |
|
7857 } |
|
7858 .form header:first-child { |
|
7859 margin-top: 10px; |
|
7860 } |
|
7861 .form .form-group:last-child, |
|
7862 .form .form-group:last-child .note, |
|
7863 .form fieldset .form-group:last-child, |
|
7864 .form fieldset .form-group:last-child .note { |
|
7865 margin-bottom: 0; |
|
7866 } |
|
7867 fieldset { |
|
7868 position: relative; |
|
7869 } |
|
7870 legend { |
|
7871 font-weight: 400; |
|
7872 margin-top: 0; |
|
7873 background: 0 0; |
|
7874 } |
|
7875 i.hint { |
|
7876 vertical-align: super; |
|
7877 opacity: 0.5; |
|
7878 } |
|
7879 i.hint:hover { |
|
7880 opacity: 0.9!important; |
|
7881 } |
|
7882 .nohints i.hint { |
|
7883 display: none; |
|
7884 } |
|
7885 .input-group-addon { |
|
7886 padding: 6px 10px 5px; |
|
7887 border-radius: 0; |
|
7888 transition: background-color 0.3s; |
|
7889 -webkit-transition: background-color 0.3s; |
|
7890 } |
|
7891 .input-group-addon .fa { |
|
7892 font-size: 14px; |
|
7893 } |
|
7894 .input-group-addon .fa-2x, |
|
7895 .input-group-addon .fa-lg { |
|
7896 font-size: 2em; |
|
7897 } |
|
7898 .input-group-addon .fa-3x, |
|
7899 .input-group-addon .fa-4x, |
|
7900 .input-group-addon .fa-5x { |
|
7901 font-size: 30px; |
|
7902 } |
|
7903 .input-group-addon .checkbox, |
|
7904 .input-group-addon .radio { |
|
7905 min-height: 0; |
|
7906 margin-right: 0!important; |
|
7907 padding-top: 0; |
|
7908 } |
|
7909 .input-group-addon label input[type=checkbox].checkbox + span, |
|
7910 .input-group-addon label input[type=checkbox].checkbox + span:before, |
|
7911 .input-group-addon label input[type=radio].radiobox + span, |
|
7912 .input-group-addon label input[type=radio].radiobox + span:before { |
|
7913 margin-right: 0; |
|
7914 } |
|
7915 .input-group-addon .onoffswitch, |
|
7916 .input-group-addon .onoffswitch-label { |
|
7917 margin: 0; |
|
7918 } |
|
7919 input[type=text]:focus + .input-group-addon { |
|
7920 border-color: #0091d9; |
|
7921 background-color: #72a0ce; |
|
7922 color: #fff; |
|
7923 } |
|
7924 .has-warning input[type=text]:focus + .input-group-addon { |
|
7925 border-color: #7f6a1e; |
|
7926 background-color: #cead35; |
|
7927 color: #fff; |
|
7928 } |
|
7929 .has-error input[type=text]:focus + .input-group-addon { |
|
7930 border-color: #c46a69; |
|
7931 background-color: #c46a69; |
|
7932 color: #fff; |
|
7933 } |
|
7934 .has-success input[type=text]:focus + .input-group-addon { |
|
7935 border-color: #446b46; |
|
7936 background-color: #588a5a; |
|
7937 color: #fff; |
|
7938 } |
|
7939 .input-icon-left > i { |
|
7940 right: auto; |
|
7941 left: 24px; |
|
7942 } |
|
7943 .input-icon-left .form-control { |
|
7944 padding-left: 29px; |
|
7945 } |
|
7946 .input-icon-right { |
|
7947 position: relative; |
|
7948 } |
|
7949 .input-icon-right .form-control { |
|
7950 padding-right: 27px; |
|
7951 } |
|
7952 .input-icon-left > i, |
|
7953 .input-icon-right > i { |
|
7954 position: absolute; |
|
7955 right: 10px; |
|
7956 top: 30%; |
|
7957 font-size: 16px; |
|
7958 color: #bfbfbf; |
|
7959 } |
|
7960 .form-actions { |
|
7961 display: block; |
|
7962 padding: 13px 14px 15px; |
|
7963 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
7964 background: rgba(249, 249, 249, 0.9); |
|
7965 margin-top: 25px; |
|
7966 margin-left: -13px; |
|
7967 margin-right: -13px; |
|
7968 margin-bottom: -13px; |
|
7969 text-align: right; |
|
7970 } |
|
7971 .well .form-actions { |
|
7972 margin-left: -19px; |
|
7973 margin-right: -19px; |
|
7974 margin-bottom: -19px; |
|
7975 } |
|
7976 .well.well-lg .form-actions { |
|
7977 margin-left: -24px; |
|
7978 margin-right: -24px; |
|
7979 margin-bottom: -24px; |
|
7980 } |
|
7981 .well.well-sm .form-actions { |
|
7982 margin-left: -9px; |
|
7983 margin-right: -9px; |
|
7984 margin-bottom: -9px; |
|
7985 } |
|
7986 .popover-content .form-actions { |
|
7987 margin: 0 -14px -9px; |
|
7988 border-radius: 0 0 3px 3px; |
|
7989 padding: 9px 14px; |
|
7990 } |
|
7991 .no-padding .form .form-actions { |
|
7992 margin: 0; |
|
7993 display: block; |
|
7994 padding: 13px 14px 15px; |
|
7995 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
7996 background: rgba(248, 248, 248, 0.9); |
|
7997 text-align: right; |
|
7998 margin-top: 25px; |
|
7999 } |
|
8000 :focus { |
|
8001 outline: 0!important; |
|
8002 } |
|
8003 .filter_column input { |
|
8004 padding: 0px 3px; |
|
8005 } |
|
8006 .filter_column input, |
|
8007 .filter_column select { |
|
8008 width: 100%; |
|
8009 color: rgba(0, 0, 0, 0.5); |
|
8010 border: 1px solid #CCC; |
|
8011 border-radius: 0; |
|
8012 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8013 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8014 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8015 } |
|
8016 .uneditable-input:focus, |
|
8017 input[type=color]:focus, |
|
8018 input[type=date]:focus, |
|
8019 input[type=datetime-local]:focus, |
|
8020 input[type=datetime]:focus, |
|
8021 input[type=email]:focus, |
|
8022 input[type=month]:focus, |
|
8023 input[type=number]:focus, |
|
8024 input[type=password]:focus, |
|
8025 input[type=search]:focus, |
|
8026 input[type=tel]:focus, |
|
8027 input[type=text]:focus, |
|
8028 input[type=time]:focus, |
|
8029 input[type=url]:focus, |
|
8030 input[type=week]:focus, |
|
8031 .filter_column input:focus, |
|
8032 .filter_column select:focus, |
|
8033 select:focus, |
|
8034 textarea:focus { |
|
8035 border-color: rgba(82, 168, 236, 0.8); |
|
8036 outline: 0; |
|
8037 outline: thin dotted 9; |
|
8038 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8039 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8040 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8041 } |
|
8042 .form-control { |
|
8043 padding: 7px 12px 5px; |
|
8044 } |
|
8045 .form-control, |
|
8046 .input-lg, |
|
8047 .input-sm, |
|
8048 .input-xs { |
|
8049 border-radius: 0 !important; |
|
8050 } |
|
8051 .input-xs { |
|
8052 height: 24px; |
|
8053 padding: 3px 10px 1px; |
|
8054 font-size: 11px; |
|
8055 line-height: 1.5; |
|
8056 } |
|
8057 .fileinput { |
|
8058 padding-top: 3px; |
|
8059 } |
|
8060 input[type=checkbox].checkbox, |
|
8061 input[type=radio].radiobox { |
|
8062 visibility: hidden; |
|
8063 position: absolute; |
|
8064 z-index: 20; |
|
8065 width: 18px; |
|
8066 height: 18px; |
|
8067 } |
|
8068 .checkbox input[type=checkbox].checkbox + span, |
|
8069 .checkbox input[type=radio].radiobox + span, |
|
8070 .checkbox-inline input[type=checkbox].checkbox + span, |
|
8071 .checkbox-inline input[type=radio].radiobox + span, |
|
8072 .radio input[type=checkbox].checkbox + span, |
|
8073 .radio input[type=radio].radiobox + span, |
|
8074 .radiobox-inline input[type=checkbox].checkbox + span, |
|
8075 .radiobox-inline input[type=radio].radiobox + span { |
|
8076 margin-left: -20px; |
|
8077 } |
|
8078 .form-inline .checkbox input[type=checkbox].checkbox + span, |
|
8079 .form-inline .checkbox input[type=radio].radiobox + span, |
|
8080 .form-inline .checkbox-inline input[type=checkbox].checkbox + span, |
|
8081 .form-inline .checkbox-inline input[type=radio].radiobox + span, |
|
8082 .form-inline .radio input[type=checkbox].checkbox + span, |
|
8083 .form-inline .radio input[type=radio].radiobox + span, |
|
8084 .form-inline .radiobox-inline input[type=checkbox].checkbox + span, |
|
8085 .form-inline .radiobox-inline input[type=radio].radiobox + span { |
|
8086 margin-left: 0; |
|
8087 } |
|
8088 input[type=checkbox].checkbox + span, |
|
8089 input[type=radio].radiobox + span, |
|
8090 label input[type=checkbox].checkbox + span, |
|
8091 label input[type=radio].radiobox + span { |
|
8092 vertical-align: middle; |
|
8093 line-height: 20px; |
|
8094 } |
|
8095 input[type=checkbox].checkbox + span, |
|
8096 input[type=radio].radiobox + span, |
|
8097 input[type=checkbox].checkbox + span:after, |
|
8098 input[type=radio].radiobox + span:after, |
|
8099 input[type=checkbox].checkbox:before, |
|
8100 input[type=radio].radiobox:before { |
|
8101 box-sizing: content-box !important; |
|
8102 -webkit-box-sizing: content-box !important; |
|
8103 -moz-box-sizing: content-box !important; |
|
8104 } |
|
8105 label input[type=checkbox].checkbox + span, |
|
8106 label input[type=radio].radiobox + span { |
|
8107 position: relative; |
|
8108 z-index: 19; |
|
8109 display: inline-block; |
|
8110 margin: 0; |
|
8111 line-height: 17px; |
|
8112 min-height: 14px; |
|
8113 min-width: 14px; |
|
8114 margin-right: 5px; |
|
8115 } |
|
8116 label input[type=checkbox].checkbox + span:hover, |
|
8117 label input[type=radio].radiobox + span:hover { |
|
8118 cursor: pointer; |
|
8119 } |
|
8120 label input[type=checkbox].checkbox + span:before, |
|
8121 label input[type=radio].radiobox + span:before { |
|
8122 font-family: FontAwesome; |
|
8123 font-size: 12px; |
|
8124 border-radius: 0; |
|
8125 content: "\a0"; |
|
8126 display: inline-block; |
|
8127 text-align: center; |
|
8128 vertical-align: middle; |
|
8129 padding: 1px; |
|
8130 height: 12px; |
|
8131 line-height: 12px; |
|
8132 min-width: 12px; |
|
8133 margin-right: 5px; |
|
8134 border: 1px solid #bfbfbf; |
|
8135 background-color: #f4f4f4; |
|
8136 font-weight: 400; |
|
8137 margin-top: -1px; |
|
8138 } |
|
8139 label input[type=checkbox].checkbox + span:before { |
|
8140 content: "\a0"; |
|
8141 } |
|
8142 label input[type=checkbox].checkbox:checked + span { |
|
8143 font-weight: 700; |
|
8144 } |
|
8145 label input[type=checkbox].checkbox:checked + span:before { |
|
8146 content: "\f00c"; |
|
8147 color: #2E7BCC; |
|
8148 } |
|
8149 label input[type=checkbox].checkbox.style-1 + span:before { |
|
8150 color: #333; |
|
8151 background: #fff; |
|
8152 text-shadow: none; |
|
8153 -webkit-box-shadow: none!important; |
|
8154 box-shadow: none!important; |
|
8155 border-width: 1px; |
|
8156 height: 12px; |
|
8157 line-height: 13px; |
|
8158 min-width: 12px; |
|
8159 } |
|
8160 label input[type=checkbox].checkbox.style-1:checked + span { |
|
8161 font-weight: 400; |
|
8162 } |
|
8163 label input[type=checkbox].checkbox.style-1:checked + span:before { |
|
8164 color: #333; |
|
8165 border-color: #333; |
|
8166 } |
|
8167 label input[type=checkbox].checkbox.style-2 + span:before { |
|
8168 background: 0 0; |
|
8169 border-color: #c1c1c1; |
|
8170 -webkit-box-shadow: none; |
|
8171 box-shadow: none; |
|
8172 } |
|
8173 label input[type=checkbox].checkbox.style-2:checked + span { |
|
8174 font-weight: 400; |
|
8175 } |
|
8176 label input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8177 content: "\f00c"; |
|
8178 color: #66665e; |
|
8179 border-color: #4d90fe; |
|
8180 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #ffffff; |
|
8181 } |
|
8182 label input[type=checkbox].checkbox.style-3:checked + span:before { |
|
8183 color: #fff; |
|
8184 border-color: #a90329; |
|
8185 background: #a90329; |
|
8186 } |
|
8187 label:active input[type=checkbox].checkbox + span:before { |
|
8188 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8189 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8190 } |
|
8191 label:hover input[type=checkbox].checkbox + span:before { |
|
8192 color: #2E7BCC; |
|
8193 border-color: #2E7BCC; |
|
8194 } |
|
8195 label:hover input[type=checkbox].checkbox.style-1 + span:before { |
|
8196 border-color: #333; |
|
8197 } |
|
8198 label:hover input[type=checkbox].checkbox.style-2 + span:before { |
|
8199 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8200 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8201 } |
|
8202 label:hover input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8203 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8204 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8205 } |
|
8206 label:hover input[type=checkbox].checkbox.style-3 + span:before { |
|
8207 color: #fff; |
|
8208 border-color: #A90327; |
|
8209 } |
|
8210 label:active input[type=checkbox].checkbox:checked + span:before { |
|
8211 color: #fff; |
|
8212 background: #2E7BCC; |
|
8213 border-color: #2E7BCC; |
|
8214 } |
|
8215 label:active input[type=checkbox].checkbox.style-1:checked + span:before { |
|
8216 color: #fff; |
|
8217 background: #333; |
|
8218 border-color: #333; |
|
8219 } |
|
8220 label:active input[type=checkbox].checkbox.style-2 + span:before, |
|
8221 label:active input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8222 color: #66665e; |
|
8223 background: 0 0; |
|
8224 border-color: #c1c1c1; |
|
8225 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8226 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8227 } |
|
8228 label:active input[type=checkbox].checkbox.style-3:checked + span:before { |
|
8229 color: #a90329; |
|
8230 background: #fff; |
|
8231 border-color: #a90329; |
|
8232 } |
|
8233 label input[type=checkbox][disabled].checkbox + span, |
|
8234 label input[type=checkbox][disabled].checkbox:checked + span { |
|
8235 color: #A7A7A7; |
|
8236 cursor: not-allowed; |
|
8237 } |
|
8238 label input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8239 content: "\f00c"; |
|
8240 } |
|
8241 label input[type=checkbox][disabled].checkbox.style-2:checked + span:before { |
|
8242 content: "\f00c"; |
|
8243 } |
|
8244 label input[type=checkbox][disabled].checkbox + span:before, |
|
8245 label input[type=checkbox][disabled].checkbox:checked + span:before, |
|
8246 label input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8247 background: #eee!important; |
|
8248 border-color: #CCC!important; |
|
8249 -webkit-box-shadow: none; |
|
8250 color: #A7A7A7; |
|
8251 box-shadow: none!important; |
|
8252 } |
|
8253 label:hover input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8254 color: #A7A7A7; |
|
8255 cursor: not-allowed; |
|
8256 } |
|
8257 label:hover input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8258 background: #eee!important; |
|
8259 border-color: #CCC!important; |
|
8260 -webkit-box-shadow: none; |
|
8261 color: #A7A7A7; |
|
8262 box-shadow: none!important; |
|
8263 } |
|
8264 label input[type=radio].radiobox + span:before { |
|
8265 content: "\a0"; |
|
8266 border-radius: 50%; |
|
8267 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8268 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8269 } |
|
8270 label input[type=radio].radiobox:checked + span { |
|
8271 font-weight: 700; |
|
8272 } |
|
8273 label input[type=radio].radiobox:checked + span:before { |
|
8274 content: "\f111"; |
|
8275 color: #2E7BCC; |
|
8276 } |
|
8277 label input[type=radio].radiobox.style-1 + span:before { |
|
8278 font-size: 9px; |
|
8279 background: #fff; |
|
8280 text-shadow: none; |
|
8281 -webkit-box-shadow: none!important; |
|
8282 box-shadow: none!important; |
|
8283 border-width: 1px; |
|
8284 height: 13px; |
|
8285 line-height: 13px; |
|
8286 min-width: 13px; |
|
8287 } |
|
8288 label input[type=radio].radiobox.style-1:checked + span:before { |
|
8289 font-size: 10px; |
|
8290 color: #333; |
|
8291 border-color: #333; |
|
8292 background: #fff; |
|
8293 } |
|
8294 label input[type=radio].radiobox.style-1:checked + span { |
|
8295 font-weight: 400; |
|
8296 } |
|
8297 label input[type=radio].radiobox.style-2:checked + span { |
|
8298 font-weight: 400; |
|
8299 } |
|
8300 label input[type=radio].radiobox.style-2:checked + span:before { |
|
8301 color: #66665e; |
|
8302 border-color: #4d90fe; |
|
8303 font-size: 9px; |
|
8304 } |
|
8305 label input[type=radio].radiobox.style-3:checked + span:before { |
|
8306 color: #a90329; |
|
8307 border-color: #a90329; |
|
8308 } |
|
8309 label:hover input[type=radio].radiobox + span:before, |
|
8310 label:hover input[type=radio].radiobox:checked + span:before { |
|
8311 color: #2E7BCC; |
|
8312 border-color: #2E7BCC; |
|
8313 } |
|
8314 label:hover input[type=radio].radiobox.style-1 + span:before, |
|
8315 label:hover input[type=radio].radiobox.style-1:checked + span:before { |
|
8316 color: #333; |
|
8317 border-color: #333; |
|
8318 background: #fff; |
|
8319 } |
|
8320 label:hover input[type=radio].radiobox.style-2:checked + span:before { |
|
8321 color: #66665e; |
|
8322 border-color: #4d90fe; |
|
8323 } |
|
8324 label:hover input[type=radio].radiobox.style-3 + span:before, |
|
8325 label:hover input[type=radio].radiobox.style-3:checked + span:before { |
|
8326 color: #a90329; |
|
8327 border-color: #a90329; |
|
8328 } |
|
8329 label:active input[type=radio].radiobox + span:before { |
|
8330 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8331 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8332 } |
|
8333 label input[type=radio][disabled].radiobox + span, |
|
8334 label input[type=radio][disabled].radiobox:checked + span, |
|
8335 label input[type=radio][disabled].radiobox:checked + span:before { |
|
8336 color: #A7A7A7; |
|
8337 cursor: not-allowed; |
|
8338 } |
|
8339 label input[type=radio][disabled].radiobox:checked + span:before { |
|
8340 content: "\f111"; |
|
8341 } |
|
8342 label input[type=radio][disabled].radiobox + span:before, |
|
8343 label input[type=radio][disabled].radiobox:checked + span:before { |
|
8344 background: #eee!important; |
|
8345 border-color: #CCC!important; |
|
8346 -webkit-box-shadow: none; |
|
8347 box-shadow: none; |
|
8348 color: #A7A7A7; |
|
8349 } |
|
8350 label:active input[type=radio][disabled].radiobox:checked + span:before, |
|
8351 label:hover input[type=radio][disabled].radiobox:checked + span:before { |
|
8352 background: #eee!important; |
|
8353 border-color: #CCC!important; |
|
8354 -webkit-box-shadow: none; |
|
8355 box-shadow: none; |
|
8356 color: #A7A7A7; |
|
8357 } |
|
8358 textarea.clone { |
|
8359 position: absolute; |
|
8360 visibility: hidden; |
|
8361 } |
|
8362 .textarea-div { |
|
8363 background-color: #FFF; |
|
8364 border: 1px solid #CCC; |
|
8365 border-bottom: 0; |
|
8366 margin: 10px 0 0; |
|
8367 } |
|
8368 .textarea-controls { |
|
8369 box-sizing: border-box; |
|
8370 -moz-box-sizing: border-box; |
|
8371 -webkit-box-sizing: border-box; |
|
8372 padding: 5px; |
|
8373 display: block; |
|
8374 background-color: #FFF; |
|
8375 border: 1px solid #CCC; |
|
8376 border-top: 0; |
|
8377 height: 43px; |
|
8378 line-height: 33px; |
|
8379 overflow: hidden; |
|
8380 } |
|
8381 .textarea-controls > label { |
|
8382 margin: 3px 10px 0; |
|
8383 } |
|
8384 .textarea-controls .ams-form .checkbox { |
|
8385 padding-left: 22px!important; |
|
8386 } |
|
8387 .typearea { |
|
8388 cursor: text; |
|
8389 overflow-x: hidden; |
|
8390 overflow-y: auto; |
|
8391 max-height: 90px; |
|
8392 padding: 5px 25px 5px 5px; |
|
8393 position: relative; |
|
8394 border-bottom: 1px solid #EEE; |
|
8395 } |
|
8396 .typearea textarea { |
|
8397 width: 100%; |
|
8398 border-color: transparent!important; |
|
8399 box-sizing: border-box; |
|
8400 box-shadow: none; |
|
8401 -moz-box-sizing: border-box; |
|
8402 -webkit-box-sizing: border-box; |
|
8403 -webkit-box-shadow: none; |
|
8404 overflow: hidden; |
|
8405 padding: 0; |
|
8406 margin: 0; |
|
8407 -webkit-transition: height .2s; |
|
8408 transition: height .2s; |
|
8409 outline: 0; |
|
8410 resize: none; |
|
8411 min-height: 61px; |
|
8412 } |
|
8413 .error-box { |
|
8414 max-width: 900px; |
|
8415 margin: 0 auto; |
|
8416 } |
|
8417 .error-text { |
|
8418 font-weight: 400; |
|
8419 color: #fff; |
|
8420 letter-spacing: -4px; |
|
8421 font-size: 700%; |
|
8422 margin-bottom: 30px; |
|
8423 text-shadow: 0 1px 0 #cccccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); |
|
8424 } |
|
8425 .error-search { |
|
8426 width: 300px; |
|
8427 margin: 0 auto 20px; |
|
8428 } |
|
8429 .error-icon-shadow { |
|
8430 text-shadow: 0 1px 0 #803838, 0 2px 0 #a85d5d, 0 3px 0 #b86565, 0 4px 0 #d86f6f, 0 5px 0 #b3a5a5, 0 6px 1px rgba(131, 51, 51, 0.1), 0 0 5px rgba(102, 30, 30, 0.1), 0 1px 3px rgba(95, 15, 15, 0.3), 0 3px 5px rgba(100, 23, 23, 0.2), 0 5px 10px rgba(114, 30, 30, 0.25), 0 10px 10px rgba(94, 15, 15, 0.2), 0 20px 20px rgba(121, 38, 38, 0.15); |
|
8431 } |
|
8432 .form-inline .checkbox, |
|
8433 .form-inline .radiobox { |
|
8434 padding-left: 0; |
|
8435 } |
|
8436 .ams-form { |
|
8437 position: relative; |
|
8438 margin: 0; |
|
8439 outline: 0; |
|
8440 color: #333; |
|
8441 } |
|
8442 .ams-form *, |
|
8443 .ams-form :after, |
|
8444 .ams-form :before { |
|
8445 margin: 0; |
|
8446 padding: 0; |
|
8447 -webkit-box-sizing: content-box; |
|
8448 -moz-box-sizing: content-box; |
|
8449 box-sizing: content-box; |
|
8450 } |
|
8451 .ams-form header { |
|
8452 display: block; |
|
8453 padding: 8px 0; |
|
8454 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
|
8455 background: #fff; |
|
8456 font-size: 16px; |
|
8457 font-weight: 300; |
|
8458 color: #232323; |
|
8459 margin: 10px 14px 0; |
|
8460 } |
|
8461 .ams-form fieldset { |
|
8462 display: block; |
|
8463 position: relative; |
|
8464 padding: 10px 15px 5px; |
|
8465 border: 0; |
|
8466 background: rgba(255, 255, 255, 0.9); |
|
8467 } |
|
8468 .ams-form fieldset[disabled] > section, |
|
8469 .ams-form fieldset[disabled] > article, |
|
8470 .ams-form fieldset[disabled] > div { |
|
8471 opacity: 0.5; |
|
8472 } |
|
8473 .ams-form fieldset[disabled] LEGEND.checker .checkbox { |
|
8474 cursor: pointer; |
|
8475 } |
|
8476 .ams-form fieldset.switched > section, |
|
8477 .ams-form fieldset.switched > article, |
|
8478 .ams-form fieldset.switched > div { |
|
8479 display: none; |
|
8480 } |
|
8481 .ams-form fieldset.switched legend { |
|
8482 border-bottom: 0; |
|
8483 } |
|
8484 .ams-form fieldset.bordered { |
|
8485 margin: 10px; |
|
8486 border: 1px solid rgba(192, 192, 192, 0.8); |
|
8487 -webkit-border-radius: 3px; |
|
8488 -moz-border-radius: 3px; |
|
8489 border-radius: 3px; |
|
8490 } |
|
8491 .ams-form fieldset.bordered.switched { |
|
8492 border: 1px solid transparent; |
|
8493 } |
|
8494 .ams-form fieldset.bordered legend { |
|
8495 width: auto; |
|
8496 padding: 3px 10px 1px; |
|
8497 border: 1px solid rgba(192, 192, 192, 0.8); |
|
8498 -webkit-border-radius: 3px; |
|
8499 -moz-border-radius: 3px; |
|
8500 border-radius: 3px; |
|
8501 } |
|
8502 .ams-form fieldset + fieldset { |
|
8503 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
8504 } |
|
8505 .ams-form legend { |
|
8506 padding-top: 10px; |
|
8507 } |
|
8508 .ams-form legend.inner, |
|
8509 .ams-form legend .inner { |
|
8510 font-weight: 300; |
|
8511 font-size: 14.5px!important; |
|
8512 } |
|
8513 .ams-form legend.switcher { |
|
8514 font-weight: 300; |
|
8515 font-size: 16.5px; |
|
8516 border: 0; |
|
8517 padding-bottom: 0; |
|
8518 cursor: pointer; |
|
8519 } |
|
8520 .ams-form legend .fa { |
|
8521 color: #3276b1; |
|
8522 font-size: 75%; |
|
8523 } |
|
8524 .ams-form legend .fa.fa-stack { |
|
8525 font-size: 100%; |
|
8526 width: 1em; |
|
8527 height: 1em; |
|
8528 line-height: 1em; |
|
8529 } |
|
8530 .ams-form legend .hint { |
|
8531 vertical-align: top; |
|
8532 font-size: 1em; |
|
8533 } |
|
8534 .ams-form legend label.checkbox { |
|
8535 display: inline-block; |
|
8536 margin-bottom: 0px; |
|
8537 min-height: 18px; |
|
8538 } |
|
8539 .ams-form legend label.checkbox i { |
|
8540 position: absolute; |
|
8541 left: 3px; |
|
8542 top: -1px; |
|
8543 } |
|
8544 .ams-form > .modal-viewport > fieldset > legend { |
|
8545 padding-top: 0; |
|
8546 } |
|
8547 .ams-form section { |
|
8548 margin-bottom: 10px; |
|
8549 position: relative; |
|
8550 } |
|
8551 .ams-form .form-group { |
|
8552 padding: 5px 10px; |
|
8553 } |
|
8554 .ams-form label.checkbox, |
|
8555 .ams-form label.radio { |
|
8556 padding-top: 0; |
|
8557 } |
|
8558 .ams-form label.input-file img.thumbnail { |
|
8559 display: inline-block; |
|
8560 margin: 4px 10px 0 4px!important; |
|
8561 padding: 4px!important; |
|
8562 } |
|
8563 .ams-form input.input-lg { |
|
8564 height: 44px; |
|
8565 padding: 10px 16px; |
|
8566 font-size: 17px; |
|
8567 line-height: 1.33; |
|
8568 } |
|
8569 .ams-form input.input-sm { |
|
8570 height: 30px; |
|
8571 padding: 5px 10px; |
|
8572 font-size: 12px; |
|
8573 line-height: 1.5; |
|
8574 } |
|
8575 .ams-form input.input-xs { |
|
8576 height: 24px; |
|
8577 padding: 2px 10px; |
|
8578 font-size: 11px; |
|
8579 line-height: 1.5; |
|
8580 } |
|
8581 .ams-form select.input-sm { |
|
8582 height: 30px; |
|
8583 line-height: 15px; |
|
8584 font-size: 12px; |
|
8585 } |
|
8586 .ams-form select.input-sm + i { |
|
8587 height: 10px; |
|
8588 } |
|
8589 .ams-form select.input-lg { |
|
8590 height: 44px; |
|
8591 line-height: 22px; |
|
8592 font-size: 17px; |
|
8593 } |
|
8594 .ams-form select.input-lg + i { |
|
8595 height: 11px; |
|
8596 top: 17px; |
|
8597 } |
|
8598 .ams-form .row { |
|
8599 margin: 0 -15px; |
|
8600 } |
|
8601 .ams-form .row:after { |
|
8602 display: table; |
|
8603 content: ''; |
|
8604 clear: both; |
|
8605 } |
|
8606 .ams-form .col-1 { |
|
8607 width: 8.33%; |
|
8608 } |
|
8609 .ams-form .col-2 { |
|
8610 width: 16.66%; |
|
8611 } |
|
8612 .ams-form .col-3 { |
|
8613 width: 25%; |
|
8614 } |
|
8615 .ams-form .col-4 { |
|
8616 width: 33.33%; |
|
8617 } |
|
8618 .ams-form .col-5 { |
|
8619 width: 41.66%; |
|
8620 } |
|
8621 .ams-form .col-6 { |
|
8622 width: 50%; |
|
8623 } |
|
8624 .ams-form .col-8 { |
|
8625 width: 66.67%; |
|
8626 } |
|
8627 .ams-form .col-9 { |
|
8628 width: 75%; |
|
8629 } |
|
8630 .ams-form .col-10 { |
|
8631 width: 83.33%; |
|
8632 } |
|
8633 .ams-form .col { |
|
8634 float: left; |
|
8635 min-height: 1px; |
|
8636 padding-right: 15px; |
|
8637 padding-left: 15px; |
|
8638 -webkit-box-sizing: border-box; |
|
8639 box-sizing: border-box; |
|
8640 -moz-box-sizing: border-box; |
|
8641 } |
|
8642 @media screen and (max-width: 600px) { |
|
8643 .ams-form .col { |
|
8644 float: none; |
|
8645 width: 100%; |
|
8646 } |
|
8647 } |
|
8648 @media screen and (max-width: 600px) { |
|
8649 .ams-form .col .label { |
|
8650 text-align: left; |
|
8651 padding-left: 20px; |
|
8652 } |
|
8653 } |
|
8654 .ams-form footer { |
|
8655 display: block; |
|
8656 padding: 7px 25px 15px; |
|
8657 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
8658 background: rgba(248, 248, 248, 0.9); |
|
8659 } |
|
8660 .ams-form footer:after { |
|
8661 display: table; |
|
8662 clear: both; |
|
8663 content: ''; |
|
8664 } |
|
8665 .ams-form footer .btn { |
|
8666 float: right; |
|
8667 height: 31px; |
|
8668 margin: 10px 0 0 5px; |
|
8669 padding: 0 22px; |
|
8670 font: 300 15px/29px Ubuntu, Helvetica, Arial, sans-serif; |
|
8671 cursor: pointer; |
|
8672 } |
|
8673 .ams-form footer .btn.btn-info { |
|
8674 float: left; |
|
8675 } |
|
8676 .ams-form footer .submit-message { |
|
8677 display: inline-block; |
|
8678 } |
|
8679 .ams-form .message { |
|
8680 display: none; |
|
8681 color: #6fb679; |
|
8682 } |
|
8683 .ams-form .message i { |
|
8684 display: block; |
|
8685 margin: 0 auto 20px; |
|
8686 width: 81px; |
|
8687 height: 81px; |
|
8688 border: 1px solid #6fb679; |
|
8689 border-radius: 50%; |
|
8690 font-size: 30px; |
|
8691 line-height: 81px; |
|
8692 } |
|
8693 .ams-form.submitted fieldset, |
|
8694 .ams-form.submitted footer { |
|
8695 display: none; |
|
8696 } |
|
8697 .ams-form.submitted .message { |
|
8698 display: block; |
|
8699 padding: 25px 30px; |
|
8700 background: rgba(255, 255, 255, 0.9); |
|
8701 font: 300 18px/27px Ubuntu, Helvetica, Arial, sans-serif; |
|
8702 text-align: center; |
|
8703 } |
|
8704 .ams-form .note { |
|
8705 margin-top: 6px; |
|
8706 padding: 0 1px; |
|
8707 font-size: 11px; |
|
8708 line-height: 15px; |
|
8709 color: #999; |
|
8710 } |
|
8711 .ams-form .note a { |
|
8712 font-size: 13px; |
|
8713 } |
|
8714 .ams-form .note-success { |
|
8715 color: #6fb679; |
|
8716 } |
|
8717 .ams-form .control-label { |
|
8718 display: block; |
|
8719 margin-top: 4px; |
|
8720 margin-bottom: 6px; |
|
8721 padding-top: 0; |
|
8722 line-height: 19px; |
|
8723 font-weight: 400; |
|
8724 font-size: 13px; |
|
8725 color: #666; |
|
8726 text-align: right; |
|
8727 } |
|
8728 @media screen and (max-width: 992px) { |
|
8729 .ams-form .control-label { |
|
8730 text-align: left; |
|
8731 margin-bottom: 0; |
|
8732 } |
|
8733 } |
|
8734 .ams-form .control-label.col { |
|
8735 text-align: right; |
|
8736 } |
|
8737 @media screen and (max-width: 600px) { |
|
8738 .ams-form .control-label.col { |
|
8739 text-align: left; |
|
8740 padding-left: 20px; |
|
8741 } |
|
8742 } |
|
8743 .ams-form .control-label span { |
|
8744 margin-right: 10px; |
|
8745 } |
|
8746 .ams-form .control-label span::after { |
|
8747 content: " *"; |
|
8748 color: transparent; |
|
8749 } |
|
8750 .ams-form .control-label span > .hint { |
|
8751 margin-top: -2px; |
|
8752 } |
|
8753 .ams-form .control-label .col { |
|
8754 margin: 0; |
|
8755 padding-top: 7px; |
|
8756 } |
|
8757 .ams-form label.input span.textline-field { |
|
8758 display: block; |
|
8759 margin-top: 4px; |
|
8760 margin-bottom: 6px; |
|
8761 padding-top: 0; |
|
8762 line-height: 19px; |
|
8763 font-size: 13px; |
|
8764 } |
|
8765 .ams-form .required-field .control-label span::after { |
|
8766 color: red; |
|
8767 } |
|
8768 .ams-form .tooltip { |
|
8769 position: absolute; |
|
8770 z-index: 99999; |
|
8771 left: -9999px; |
|
8772 padding: 2px 8px 3px; |
|
8773 font-size: 11px; |
|
8774 line-height: 16px; |
|
8775 font-weight: 400; |
|
8776 background: rgba(0, 0, 0, 0.9); |
|
8777 color: #fff; |
|
8778 opacity: 0; |
|
8779 transition: margin .3s, opacity .3s; |
|
8780 -webkit-transition: margin .3s, opacity .3s; |
|
8781 } |
|
8782 .ams-form .tooltip:after { |
|
8783 position: absolute; |
|
8784 content: ''; |
|
8785 } |
|
8786 .ams-form .tooltip-top-right { |
|
8787 bottom: 100%; |
|
8788 margin-bottom: 15px; |
|
8789 } |
|
8790 .ams-form .tooltip-top-right:after { |
|
8791 top: 100%; |
|
8792 right: 11px; |
|
8793 border-top: 4px solid rgba(0, 0, 0, 0.9); |
|
8794 border-right: 4px solid transparent; |
|
8795 border-left: 4px solid transparent; |
|
8796 } |
|
8797 .ams-form .input input:focus + .tooltip-top-right, |
|
8798 .ams-form .textarea textarea:focus + .tooltip-top-right { |
|
8799 right: 0; |
|
8800 left: auto; |
|
8801 margin-bottom: 5px; |
|
8802 } |
|
8803 .ams-form .tooltip-top-left { |
|
8804 bottom: 100%; |
|
8805 margin-bottom: 15px; |
|
8806 } |
|
8807 .ams-form .tooltip-top-left:after { |
|
8808 top: 100%; |
|
8809 left: 11px; |
|
8810 border-top: 4px solid rgba(0, 0, 0, 0.9); |
|
8811 border-right: 4px solid transparent; |
|
8812 border-left: 4px solid transparent; |
|
8813 } |
|
8814 .ams-form .input input:focus + .tooltip-top-left, |
|
8815 .ams-form .textarea textarea:focus + .tooltip-top-left { |
|
8816 right: auto; |
|
8817 left: 0; |
|
8818 margin-bottom: 5px; |
|
8819 } |
|
8820 .ams-form .tooltip-right { |
|
8821 top: 4px; |
|
8822 white-space: nowrap; |
|
8823 margin-left: 15px; |
|
8824 } |
|
8825 .ams-form .tooltip-right:after { |
|
8826 top: 6px; |
|
8827 right: 100%; |
|
8828 border-top: 4px solid transparent; |
|
8829 border-right: 4px solid rgba(0, 0, 0, 0.9); |
|
8830 border-bottom: 4px solid transparent; |
|
8831 } |
|
8832 .ams-form .input input:focus + .tooltip-right, |
|
8833 .ams-form .textarea textarea:focus + .tooltip-right { |
|
8834 left: 100%; |
|
8835 margin-left: 5px; |
|
8836 } |
|
8837 .ams-form .tooltip-left { |
|
8838 top: 4px; |
|
8839 white-space: nowrap; |
|
8840 margin-right: 15px; |
|
8841 } |
|
8842 .ams-form .tooltip-left:after { |
|
8843 top: 6px; |
|
8844 left: 100%; |
|
8845 border-top: 4px solid transparent; |
|
8846 border-bottom: 4px solid transparent; |
|
8847 border-left: 4px solid rgba(0, 0, 0, 0.9); |
|
8848 } |
|
8849 .ams-form .input input:focus + .tooltip-left, |
|
8850 .ams-form .textarea textarea:focus + .tooltip-left { |
|
8851 right: 100%; |
|
8852 left: auto; |
|
8853 margin-right: 5px; |
|
8854 } |
|
8855 .ams-form .tooltip-bottom-right { |
|
8856 top: 100%; |
|
8857 margin-top: 15px; |
|
8858 } |
|
8859 .ams-form .tooltip-bottom-right:after { |
|
8860 bottom: 100%; |
|
8861 right: 11px; |
|
8862 border-right: 4px solid transparent; |
|
8863 border-bottom: 4px solid rgba(0, 0, 0, 0.9); |
|
8864 border-left: 4px solid transparent; |
|
8865 } |
|
8866 .ams-form .input input:focus + .tooltip-bottom-right, |
|
8867 .ams-form .textarea textarea:focus + .tooltip-bottom-right { |
|
8868 right: 0; |
|
8869 left: auto; |
|
8870 margin-top: 5px; |
|
8871 } |
|
8872 .ams-form .tooltip-bottom-left { |
|
8873 top: 100%; |
|
8874 margin-top: 15px; |
|
8875 } |
|
8876 .ams-form .tooltip-bottom-left:after { |
|
8877 bottom: 100%; |
|
8878 left: 11px; |
|
8879 border-right: 4px solid transparent; |
|
8880 border-bottom: 4px solid rgba(0, 0, 0, 0.9); |
|
8881 border-left: 4px solid transparent; |
|
8882 } |
|
8883 .ams-form .input input:focus + .tooltip-bottom-left, |
|
8884 .ams-form .textarea textarea:focus + .tooltip-bottom-left { |
|
8885 right: auto; |
|
8886 left: 0; |
|
8887 margin-top: 5px; |
|
8888 } |
|
8889 .ams-form .inline-group { |
|
8890 margin: 0 -30px -4px 0; |
|
8891 } |
|
8892 .ams-form .inline-group:after { |
|
8893 content: ''; |
|
8894 display: table; |
|
8895 clear: both; |
|
8896 } |
|
8897 .ams-form .inline-group .checkbox, |
|
8898 .ams-form .inline-group .radio { |
|
8899 float: left; |
|
8900 margin-right: 30px; |
|
8901 } |
|
8902 .ams-form .inline-group .checkbox:last-child, |
|
8903 .ams-form .inline-group .radio:last-child { |
|
8904 margin-bottom: 4px; |
|
8905 } |
|
8906 .ams-form .input .inline-group { |
|
8907 margin: 0 0 -4px 0; |
|
8908 } |
|
8909 .ams-form .btn { |
|
8910 -webkit-box-sizing: border-box; |
|
8911 -moz-box-sizing: border-box; |
|
8912 box-sizing: border-box; |
|
8913 } |
|
8914 .ams-form .button { |
|
8915 float: right; |
|
8916 height: 31px; |
|
8917 overflow: hidden; |
|
8918 margin: 10px 0 0 5px; |
|
8919 padding: 0 25px; |
|
8920 outline: 0; |
|
8921 border: 0; |
|
8922 font: 300 15px/31px Ubuntu, Helvetica, Arial, sans-serif; |
|
8923 text-decoration: none; |
|
8924 color: #fff; |
|
8925 cursor: pointer; |
|
8926 background-color: #3276B1; |
|
8927 opacity: .8; |
|
8928 transition: opacity .2s; |
|
8929 -webkit-transition: opacity .2s; |
|
8930 } |
|
8931 .ams-form .button:hover { |
|
8932 opacity: 1; |
|
8933 } |
|
8934 .ams-form .button.button-secondary { |
|
8935 background-color: #b3b3b3; |
|
8936 } |
|
8937 .ams-form .button, |
|
8938 .ams-form .checkbox, |
|
8939 .ams-form .input, |
|
8940 .ams-form .radio, |
|
8941 .ams-form .select, |
|
8942 .ams-form .textarea, |
|
8943 .ams-form .toggle { |
|
8944 display: block; |
|
8945 position: relative; |
|
8946 font-weight: 400; |
|
8947 } |
|
8948 .ams-form .input input, |
|
8949 .ams-form .select select, |
|
8950 .ams-form .textarea textarea { |
|
8951 display: block; |
|
8952 -webkit-box-sizing: border-box; |
|
8953 -moz-box-sizing: border-box; |
|
8954 box-sizing: border-box; |
|
8955 width: 100%; |
|
8956 height: 28px; |
|
8957 padding: 6px 8px; |
|
8958 outline: 0; |
|
8959 border-width: 1px; |
|
8960 border-style: solid; |
|
8961 border-radius: 0; |
|
8962 background: #fff; |
|
8963 font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; |
|
8964 color: #404040; |
|
8965 appearance: normal; |
|
8966 -moz-appearance: none; |
|
8967 -webkit-appearance: none; |
|
8968 } |
|
8969 .ams-form .input input.display-mode, |
|
8970 .ams-form .select select.display-mode, |
|
8971 .ams-form .textarea textarea.display-mode { |
|
8972 border: none; |
|
8973 padding: 0; |
|
8974 margin-top: 2px; |
|
8975 margin-bottom: 3px; |
|
8976 height: 14px; |
|
8977 line-height: 1em; |
|
8978 } |
|
8979 .ams-form .input input:focus + .tooltip, |
|
8980 .ams-form .textarea textarea:focus + .tooltip { |
|
8981 opacity: 1; |
|
8982 } |
|
8983 .ams-form .input .icon-prepend + input, |
|
8984 .ams-form .textarea .icon-prepend + textarea { |
|
8985 padding-left: 37px; |
|
8986 } |
|
8987 .ams-form .input .icon-append + input, |
|
8988 .ams-form .textarea .icon-append + textarea { |
|
8989 padding-right: 37px; |
|
8990 } |
|
8991 .ams-form .input .icon-prepend + .icon-append + input, |
|
8992 .ams-form .textarea .icon-prepend + .icon-append + textarea { |
|
8993 padding-left: 37px; |
|
8994 } |
|
8995 .ams-form .input.with-icons .icon-append-2 + input { |
|
8996 padding-right: 60px; |
|
8997 } |
|
8998 .ams-form .input-file .button { |
|
8999 position: absolute; |
|
9000 top: 3px; |
|
9001 right: 3px; |
|
9002 float: none; |
|
9003 height: 22px; |
|
9004 margin: 0; |
|
9005 padding: 0 14px; |
|
9006 font-size: 13px; |
|
9007 line-height: 22px; |
|
9008 } |
|
9009 .ams-form .input-file .button:hover { |
|
9010 -webkit-box-shadow: none; |
|
9011 box-shadow: none; |
|
9012 } |
|
9013 .ams-form .input-file .button input { |
|
9014 position: absolute; |
|
9015 top: 0; |
|
9016 right: 0; |
|
9017 padding: 0; |
|
9018 font-size: 30px; |
|
9019 cursor: pointer; |
|
9020 opacity: 0; |
|
9021 } |
|
9022 .ams-form .select select { |
|
9023 padding: 5px; |
|
9024 } |
|
9025 .ams-form .select i { |
|
9026 position: absolute; |
|
9027 top: 9px; |
|
9028 right: 11px; |
|
9029 width: 5px; |
|
9030 height: 11px; |
|
9031 background: #fff; |
|
9032 } |
|
9033 .ams-form .select i:before, |
|
9034 .ams-form .select i:after { |
|
9035 content: ''; |
|
9036 position: absolute; |
|
9037 right: 0; |
|
9038 border-right: 4px solid transparent; |
|
9039 border-left: 4px solid transparent; |
|
9040 } |
|
9041 .ams-form .select i:before { |
|
9042 top: 0; |
|
9043 border-bottom: 4px solid #404040; |
|
9044 } |
|
9045 .ams-form .select i:after { |
|
9046 bottom: 0; |
|
9047 border-top: 4px solid #404040; |
|
9048 } |
|
9049 .ams-form .select-multiple select { |
|
9050 height: auto; |
|
9051 } |
|
9052 .ams-form .textarea textarea { |
|
9053 height: auto; |
|
9054 resize: none; |
|
9055 } |
|
9056 .ams-form .textarea-resizable textarea { |
|
9057 resize: vertical; |
|
9058 } |
|
9059 .ams-form .textarea-expandable textarea { |
|
9060 height: 31px; |
|
9061 } |
|
9062 .ams-form .textarea-expandable textarea:focus { |
|
9063 height: auto; |
|
9064 } |
|
9065 .ams-form .checkbox, |
|
9066 .ams-form .radio { |
|
9067 margin-bottom: 4px; |
|
9068 padding-left: 25px; |
|
9069 line-height: 25px; |
|
9070 color: #404040; |
|
9071 cursor: pointer; |
|
9072 font-size: 13px; |
|
9073 } |
|
9074 .ams-form .checkbox:last-child, |
|
9075 .ams-form .radio:last-child { |
|
9076 margin-bottom: 0; |
|
9077 } |
|
9078 .ams-form .checkbox i, |
|
9079 .ams-form .radio i { |
|
9080 display: block; |
|
9081 position: absolute; |
|
9082 top: 3px; |
|
9083 left: 0; |
|
9084 width: 17px; |
|
9085 height: 17px; |
|
9086 outline: 0; |
|
9087 border-width: 1px; |
|
9088 border-style: solid; |
|
9089 background: #FFF; |
|
9090 } |
|
9091 .ams-form .checkbox input, |
|
9092 .ams-form .radio input { |
|
9093 position: absolute; |
|
9094 left: -9999px; |
|
9095 } |
|
9096 .ams-form .checkbox input + i:after, |
|
9097 .ams-form .radio input + i:after { |
|
9098 position: absolute; |
|
9099 opacity: 0; |
|
9100 transition: opacity .1s; |
|
9101 -webkit-transition: opacity .1s; |
|
9102 } |
|
9103 .ams-form .checkbox input:checked + i:after, |
|
9104 .ams-form .radio input:checked + i:after { |
|
9105 opacity: 1; |
|
9106 } |
|
9107 .ams-form .radio input + i:after { |
|
9108 background-color: #3276B1; |
|
9109 } |
|
9110 .ams-form .checkbox input + i:after { |
|
9111 content: '\f00c'; |
|
9112 top: -1px; |
|
9113 left: 1px; |
|
9114 width: 15px; |
|
9115 height: 15px; |
|
9116 font: 400 16px/19px FontAwesome; |
|
9117 text-align: center; |
|
9118 } |
|
9119 .ams-form .checkbox input + i:after { |
|
9120 color: #3276B1; |
|
9121 } |
|
9122 .ams-form .checkbox input:checked:hover + i:after { |
|
9123 content: '\f00d'; |
|
9124 } |
|
9125 .ams-form .checkbox input:checked:disabled:hover + i:after { |
|
9126 content: '\f00c'; |
|
9127 } |
|
9128 .ams-form .radio input + i:after { |
|
9129 content: ''; |
|
9130 top: 4px; |
|
9131 left: 4px; |
|
9132 width: 9px; |
|
9133 height: 9px; |
|
9134 border-radius: 50%; |
|
9135 } |
|
9136 .ams-form .checkbox + .checkbox, |
|
9137 .ams-form .radio + .radio { |
|
9138 margin-top: 0; |
|
9139 } |
|
9140 .ams-form.table td .checkbox i, |
|
9141 .ams-form.table td .radio i, |
|
9142 .ams-form.table th .checkbox i, |
|
9143 .ams-form.table th .radio i { |
|
9144 top: 0!important; |
|
9145 } |
|
9146 .ams-form .inner .checkbox { |
|
9147 min-height: 13px; |
|
9148 } |
|
9149 .ams-form .inner .checkbox i { |
|
9150 width: 13px; |
|
9151 height: 13px; |
|
9152 } |
|
9153 .ams-form .inner .checkbox input + i:after { |
|
9154 width: 11px; |
|
9155 height: 11px; |
|
9156 font: 300 12px/16px FontAwesome; |
|
9157 } |
|
9158 .ams-form .toggle { |
|
9159 margin-bottom: 4px; |
|
9160 padding-right: 61px; |
|
9161 font-size: 15px; |
|
9162 line-height: 25px; |
|
9163 color: #404040; |
|
9164 cursor: pointer; |
|
9165 } |
|
9166 .ams-form .toggle:last-child { |
|
9167 margin-bottom: 0; |
|
9168 } |
|
9169 .ams-form .toggle.state-error input:checked + i { |
|
9170 background: #fff0f0; |
|
9171 } |
|
9172 .ams-form .toggle.state-success input:checked + i { |
|
9173 background: #f0fff0; |
|
9174 } |
|
9175 .ams-form .toggle input { |
|
9176 position: absolute; |
|
9177 left: -9999px; |
|
9178 } |
|
9179 .ams-form .toggle input:checked + i:before { |
|
9180 right: 36px; |
|
9181 } |
|
9182 .ams-form .toggle input:checked + i:after { |
|
9183 content: attr(data-swchon-text); |
|
9184 text-align: right; |
|
9185 } |
|
9186 .ams-form .toggle i { |
|
9187 display: block; |
|
9188 position: absolute; |
|
9189 content: ''; |
|
9190 top: 4px; |
|
9191 right: 0; |
|
9192 width: 49px; |
|
9193 height: 17px; |
|
9194 border-width: 1px; |
|
9195 border-style: solid; |
|
9196 border-radius: 12px; |
|
9197 background: #fff; |
|
9198 } |
|
9199 .ams-form .toggle i:before { |
|
9200 display: block; |
|
9201 position: absolute; |
|
9202 content: ''; |
|
9203 z-index: 1; |
|
9204 top: 4px; |
|
9205 right: 4px; |
|
9206 width: 9px; |
|
9207 height: 9px; |
|
9208 border-radius: 50%; |
|
9209 opacity: 1; |
|
9210 transition: right .2s; |
|
9211 -webkit-transition: right .2s; |
|
9212 background-color: #3276B1; |
|
9213 } |
|
9214 .ams-form .toggle i:after { |
|
9215 position: absolute; |
|
9216 content: attr(data-swchoff-text); |
|
9217 top: 2px; |
|
9218 right: 8px; |
|
9219 left: 8px; |
|
9220 font-style: normal; |
|
9221 font-size: 9px; |
|
9222 line-height: 17px; |
|
9223 font-weight: 700; |
|
9224 text-align: left; |
|
9225 color: #5f5f5f; |
|
9226 } |
|
9227 .ams-form .checkbox:hover i, |
|
9228 .ams-form .radio:hover i, |
|
9229 .ams-form .toggle:hover i { |
|
9230 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
9231 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
9232 } |
|
9233 .ams-form .checkbox:active i, |
|
9234 .ams-form .radio:active i, |
|
9235 .ams-form .toggle:active i { |
|
9236 background: #F0F0F0; |
|
9237 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
9238 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
9239 } |
|
9240 .ams-form .checkbox input:checked + i, |
|
9241 .ams-form .radio input:checked + i, |
|
9242 .ams-form .toggle input:checked + i { |
|
9243 border-color: #3276B1; |
|
9244 } |
|
9245 .ams-form .rating { |
|
9246 margin-bottom: 4px; |
|
9247 font-size: 13px; |
|
9248 line-height: 25px; |
|
9249 color: #404040; |
|
9250 } |
|
9251 .ams-form .rating:last-child { |
|
9252 margin-bottom: 0; |
|
9253 } |
|
9254 .ams-form .rating.state-error + em { |
|
9255 margin-top: -4px; |
|
9256 margin-bottom: 4px; |
|
9257 } |
|
9258 .ams-form .rating input { |
|
9259 position: absolute; |
|
9260 left: -9999px; |
|
9261 } |
|
9262 .ams-form .rating input + label:hover, |
|
9263 .ams-form .rating input + label:hover ~ label { |
|
9264 color: #3276B1; |
|
9265 } |
|
9266 .ams-form .rating input:checked ~ label { |
|
9267 color: #3276B1; |
|
9268 } |
|
9269 .ams-form .rating label { |
|
9270 display: block; |
|
9271 float: right; |
|
9272 height: 17px; |
|
9273 margin-top: 5px; |
|
9274 padding: 0 2px; |
|
9275 font-size: 17px; |
|
9276 line-height: 17px; |
|
9277 cursor: pointer; |
|
9278 color: #ccc; |
|
9279 transition: color .3s; |
|
9280 -webkit-transition: color .3s; |
|
9281 } |
|
9282 .ams-form .icon-append, |
|
9283 .ams-form .icon-prepend { |
|
9284 position: absolute; |
|
9285 top: 4px; |
|
9286 width: 20px; |
|
9287 height: 20px; |
|
9288 font-size: 14px; |
|
9289 line-height: 20px; |
|
9290 text-align: center; |
|
9291 color: #A2A2A2; |
|
9292 } |
|
9293 .ams-form .icon-append.fa-stack .fa-stack-2x, |
|
9294 .ams-form .icon-prepend.fa-stack .fa-stack-2x { |
|
9295 font-size: 1.6em; |
|
9296 left: 1px; |
|
9297 } |
|
9298 .ams-form .icon-append.fa-stack .fa-stack-1x, |
|
9299 .ams-form .icon-prepend.fa-stack .fa-stack-1x { |
|
9300 left: 1px; |
|
9301 top: 1px; |
|
9302 } |
|
9303 .ams-form .icon-append { |
|
9304 right: 4px; |
|
9305 padding-left: 2px; |
|
9306 border-left-width: 1px; |
|
9307 border-left-style: solid; |
|
9308 } |
|
9309 .ams-form .icon-append-2 { |
|
9310 right: 31px; |
|
9311 } |
|
9312 .ams-form .icon-prepend { |
|
9313 left: 4px; |
|
9314 padding-right: 2px; |
|
9315 border-right-width: 1px; |
|
9316 border-right-style: solid; |
|
9317 } |
|
9318 .ams-form .icon-prepend-2 { |
|
9319 left: 31px; |
|
9320 } |
|
9321 .ams-form .checkbox i, |
|
9322 .ams-form .icon-append, |
|
9323 .ams-form .icon-prepend, |
|
9324 .ams-form .input input, |
|
9325 .ams-form .radio i, |
|
9326 .ams-form .select select, |
|
9327 .ams-form .textarea textarea, |
|
9328 .ams-form .toggle i { |
|
9329 border-color: #BDBDBD; |
|
9330 transition: border-color 0.3s; |
|
9331 -webkit-transition: border-color 0.3s; |
|
9332 } |
|
9333 .ams-form .input.bordered:hover, |
|
9334 .ams-form .checkbox:hover i, |
|
9335 .ams-form .input:hover input, |
|
9336 .ams-form .radio:hover i, |
|
9337 .ams-form .select:hover select, |
|
9338 .ams-form .textarea:hover textarea, |
|
9339 .ams-form .toggle:hover i { |
|
9340 border-color: rgba(82, 168, 236, 0.7); |
|
9341 } |
|
9342 .ams-form .checkbox input:focus + i, |
|
9343 .ams-form .input input:focus, |
|
9344 .ams-form .radio input:focus + i, |
|
9345 .ams-form .select select:focus, |
|
9346 .ams-form .textarea textarea:focus, |
|
9347 .ams-form .toggle input:focus + i { |
|
9348 border-color: rgba(82, 168, 236, 0.7); |
|
9349 outline: 0; |
|
9350 outline: thin dotted 9; |
|
9351 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
9352 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
9353 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
9354 } |
|
9355 .ams-form .checkbox.state-error i, |
|
9356 .ams-form .radio.state-error i, |
|
9357 .ams-form .state-error input, |
|
9358 .ams-form .state-error select, |
|
9359 .ams-form .state-error textarea, |
|
9360 .ams-form .toggle.state-error i { |
|
9361 background: #fff0f0; |
|
9362 border-color: rgba(255, 60, 60, 0.8) !important; |
|
9363 } |
|
9364 .ams-form .checkbox.state-error i:focus, |
|
9365 .ams-form .radio.state-error i:focus, |
|
9366 .ams-form .state-error input:focus, |
|
9367 .ams-form .state-error select:focus, |
|
9368 .ams-form .state-error textarea:focus, |
|
9369 .ams-form .toggle.state-error i:focus { |
|
9370 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
9371 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
9372 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
9373 } |
|
9374 .ams-form .state-error .select2-container .select2-choice, |
|
9375 .ams-form .state-error .select2-container .select2-choices { |
|
9376 border-color: rgba(255, 60, 60, 0.8) !important; |
|
9377 } |
|
9378 .ams-form .state-error .select2-container .select2-choice:focus, |
|
9379 .ams-form .state-error .select2-container .select2-choices:focus { |
|
9380 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
9381 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
9382 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
9383 } |
|
9384 .ams-form .checkbox.state-success i, |
|
9385 .ams-form .radio.state-success i, |
|
9386 .ams-form .state-success input, |
|
9387 .ams-form .state-success select, |
|
9388 .ams-form .state-success textarea, |
|
9389 .ams-form .toggle.state-success i { |
|
9390 background: #f0fff0; |
|
9391 border-color: #7DC27D; |
|
9392 } |
|
9393 .ams-form .button.state-disabled, |
|
9394 .ams-form .checkbox.state-disabled, |
|
9395 .ams-form .input.state-disabled input, |
|
9396 .ams-form .radio.state-disabled, |
|
9397 .ams-form .select.state-disabled, |
|
9398 .ams-form .textarea.state-disabled, |
|
9399 .ams-form .toggle.state-disabled { |
|
9400 cursor: default!important; |
|
9401 opacity: .6!important; |
|
9402 } |
|
9403 .ams-form .checkbox.state-disabled:hover i, |
|
9404 .ams-form .input.state-disabled:hover input, |
|
9405 .ams-form .radio.state-disabled:hover i, |
|
9406 .ams-form .select.state-disabled:hover select, |
|
9407 .ams-form .textarea.state-disabled:hover textarea, |
|
9408 .ams-form .toggle.state-disabled:hover i { |
|
9409 border-color: #e5e5e5!important; |
|
9410 } |
|
9411 .ams-form .state-disabled.checkbox input + i:after, |
|
9412 .ams-form .state-disabled.checkbox input:checked + i, |
|
9413 .ams-form .state-disabled.radio input + i:after, |
|
9414 .ams-form .state-disabled.radio input:checked + i, |
|
9415 .ams-form .state-disabled.toggle input:checked + i { |
|
9416 border-color: #e5e5e5!important; |
|
9417 color: #333!important; |
|
9418 } |
|
9419 .ams-form .ui-widget-content .ui-spinner-input { |
|
9420 margin: 0; |
|
9421 border: 0; |
|
9422 -webkit-box-shadow: none!important; |
|
9423 box-shadow: none!important; |
|
9424 height: 29px; |
|
9425 } |
|
9426 .ams-form .state-error { |
|
9427 color: #D56161; |
|
9428 } |
|
9429 .ams-form .state-error select + i { |
|
9430 background: #FFF0F0; |
|
9431 -webkit-box-shadow: 0 0 0 9px #FFF0F0; |
|
9432 box-shadow: 0 0 0 9px #FFF0F0; |
|
9433 } |
|
9434 .ams-form .state-error + em { |
|
9435 display: block; |
|
9436 margin-top: 6px; |
|
9437 padding: 0 1px; |
|
9438 font-style: normal; |
|
9439 font-size: 11px; |
|
9440 line-height: 15px; |
|
9441 color: #D56161; |
|
9442 } |
|
9443 .ams-form .state-success select + i { |
|
9444 background: #f0fff0; |
|
9445 -webkit-box-shadow: 0 0 0 9px #f0fff0; |
|
9446 box-shadow: 0 0 0 9px #f0fff0; |
|
9447 } |
|
9448 .ams-form .state-disabled.radio input + i:after { |
|
9449 background-color: #333; |
|
9450 } |
|
9451 .ams-form .form-tiny .form-group { |
|
9452 padding: 0px 10px; |
|
9453 } |
|
9454 .ams-form .form-tiny .control-label { |
|
9455 margin-top: 2px; |
|
9456 margin-bottom: 3px; |
|
9457 line-height: 14px; |
|
9458 } |
|
9459 .ams-form .form-tiny label.input span.textline-field { |
|
9460 margin-top: 2px; |
|
9461 margin-bottom: 3px; |
|
9462 line-height: 14px; |
|
9463 } |
|
9464 .ams-form .form-nomargin .control-label, |
|
9465 .ams-form.form-nomargin .control-label { |
|
9466 margin-top: 0; |
|
9467 margin-bottom: 0; |
|
9468 } |
|
9469 .ams-form .form-nomargin label.input span.textline-field, |
|
9470 .ams-form.form-nomargin label.input span.textline-field { |
|
9471 margin-top: 0; |
|
9472 margin-bottom: 0; |
|
9473 } |
|
9474 .ams-form .form-nopadding .form-group, |
|
9475 .ams-form.form-nopadding .form-group { |
|
9476 padding: 0 10px 1px; |
|
9477 } |
|
9478 .ams-form-modal { |
|
9479 position: fixed; |
|
9480 z-index: 1; |
|
9481 display: none; |
|
9482 width: 400px; |
|
9483 } |
|
9484 .ams-form-modal-overlay { |
|
9485 position: fixed; |
|
9486 top: 0; |
|
9487 left: 0; |
|
9488 display: none; |
|
9489 width: 100%; |
|
9490 height: 100%; |
|
9491 background: rgba(0, 0, 0, 0.7); |
|
9492 } |
|
9493 .state-error .icon-append, |
|
9494 .state-error .icon-prepend { |
|
9495 color: #ed1c24; |
|
9496 } |
|
9497 /* |
|
9498 * X-editable - v1.5.0 |
|
9499 */ |
|
9500 .editableform { |
|
9501 margin-bottom: 0; |
|
9502 } |
|
9503 .editableform .control-group { |
|
9504 margin-bottom: 0; |
|
9505 white-space: nowrap; |
|
9506 } |
|
9507 .editableform .editable-date { |
|
9508 padding: 0; |
|
9509 margin: 0; |
|
9510 float: left; |
|
9511 } |
|
9512 .editableform-loading { |
|
9513 background: url(../img/loading.gif) center center no-repeat; |
|
9514 height: 25px; |
|
9515 width: auto; |
|
9516 min-width: 25px; |
|
9517 } |
|
9518 .editable-buttons { |
|
9519 display: inline-block; |
|
9520 vertical-align: top; |
|
9521 margin-left: 7px; |
|
9522 zoom: 1; |
|
9523 *display: inline; |
|
9524 } |
|
9525 .editable-buttons.editable-buttons-bottom { |
|
9526 display: block; |
|
9527 margin-top: 7px; |
|
9528 margin-left: 0; |
|
9529 } |
|
9530 .editable-buttons .editable-cancel { |
|
9531 margin-left: 7px; |
|
9532 } |
|
9533 .editable-buttons button.ui-button-icon-only { |
|
9534 height: 24px; |
|
9535 width: 30px; |
|
9536 } |
|
9537 .editable-inline .add-on .icon-th { |
|
9538 margin-top: 3px; |
|
9539 margin-left: 1px; |
|
9540 } |
|
9541 .editable-inline .editableform-loading { |
|
9542 background-position: left 5px; |
|
9543 } |
|
9544 .editable-input { |
|
9545 vertical-align: top; |
|
9546 display: inline-block; |
|
9547 width: auto; |
|
9548 white-space: normal; |
|
9549 zoom: 1; |
|
9550 *display: inline; |
|
9551 } |
|
9552 .editable-input .datepicker { |
|
9553 top: 0; |
|
9554 left: 0; |
|
9555 padding: 4px; |
|
9556 } |
|
9557 .editable-input .datepicker:before { |
|
9558 content: ''; |
|
9559 display: inline-block; |
|
9560 border-left: 7px solid transparent; |
|
9561 border-right: 7px solid transparent; |
|
9562 border-bottom: 7px solid #ccc; |
|
9563 border-bottom-color: rgba(0, 0, 0, 0.2); |
|
9564 position: absolute; |
|
9565 top: -7px; |
|
9566 left: 6px; |
|
9567 } |
|
9568 .editable-input .datepicker:after { |
|
9569 content: ''; |
|
9570 display: inline-block; |
|
9571 border-left: 6px solid transparent; |
|
9572 border-right: 6px solid transparent; |
|
9573 border-bottom: 6px solid #fff; |
|
9574 position: absolute; |
|
9575 top: -6px; |
|
9576 left: 7px; |
|
9577 } |
|
9578 .editable-input .datepicker > div { |
|
9579 display: none; |
|
9580 } |
|
9581 .editable-input .datepicker table { |
|
9582 width: 100%; |
|
9583 min-width: 214px; |
|
9584 margin: 0; |
|
9585 } |
|
9586 .editable-input .datepicker thead tr:first-child th { |
|
9587 cursor: pointer; |
|
9588 } |
|
9589 .editable-input .datepicker thead tr:first-child th:hover { |
|
9590 background: #eee; |
|
9591 } |
|
9592 .editable-input .datepicker td, |
|
9593 .editable-input .datepicker th { |
|
9594 text-align: center; |
|
9595 width: 24px; |
|
9596 height: 20px; |
|
9597 } |
|
9598 .editable-input .datepicker th.switch { |
|
9599 width: 145px; |
|
9600 } |
|
9601 .editable-input .datepicker th.next, |
|
9602 .editable-input .datepicker th.prev { |
|
9603 font-size: 19.5px; |
|
9604 } |
|
9605 .editable-input .datepicker td span { |
|
9606 display: block; |
|
9607 width: 47px; |
|
9608 height: 54px; |
|
9609 line-height: 54px; |
|
9610 float: left; |
|
9611 margin: 2px; |
|
9612 cursor: pointer; |
|
9613 } |
|
9614 .editable-input .datepicker td span:hover { |
|
9615 background: #eee; |
|
9616 } |
|
9617 .editable-input .datepicker td span.active { |
|
9618 background: #3276b1; |
|
9619 color: #fff; |
|
9620 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
9621 border-radius: 3px; |
|
9622 } |
|
9623 .editable-input .datepicker td span.old { |
|
9624 color: #555; |
|
9625 } |
|
9626 .editable-input .datepicker td.day:hover { |
|
9627 background: #eee; |
|
9628 cursor: pointer; |
|
9629 } |
|
9630 .editable-input .datepicker td.day.disabled, |
|
9631 .editable-input .datepicker td.new, |
|
9632 .editable-input .datepicker td.old { |
|
9633 color: #555; |
|
9634 } |
|
9635 .editable-input .datepicker td.active, |
|
9636 .editable-input .datepicker td.active:hover { |
|
9637 background: #3276b1; |
|
9638 color: #fff; |
|
9639 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
9640 border-radius: 3px; |
|
9641 } |
|
9642 .editable-input .datepicker.prev i, |
|
9643 .editable-input .datepicker.next i { |
|
9644 display: inline-block; |
|
9645 font-family: FontAwesome; |
|
9646 font-style: normal; |
|
9647 font-weight: 400; |
|
9648 line-height: 1; |
|
9649 -webkit-font-smoothing: antialiased; |
|
9650 -moz-osx-font-smoothing: grayscale; |
|
9651 font-size: 14px; |
|
9652 } |
|
9653 .editable-input .datepicker.prev i:before { |
|
9654 content: "\f060"; |
|
9655 } |
|
9656 .editable-input .datepicker.next i:before { |
|
9657 content: "\f061"; |
|
9658 } |
|
9659 .editable-checklist label { |
|
9660 white-space: nowrap; |
|
9661 } |
|
9662 .editable-checklist label input[type=checkbox], |
|
9663 .editable-checklist label span { |
|
9664 vertical-align: middle; |
|
9665 margin: 0; |
|
9666 } |
|
9667 .editable-wysihtml5 { |
|
9668 width: 566px; |
|
9669 height: 250px; |
|
9670 } |
|
9671 .editable-pre-wrapped { |
|
9672 white-space: pre-wrap; |
|
9673 } |
|
9674 .editable-container.editable-popup { |
|
9675 max-width: none!important; |
|
9676 } |
|
9677 .editable-container.popover { |
|
9678 width: auto; |
|
9679 } |
|
9680 .editable-container.editable-inline { |
|
9681 display: inline-block; |
|
9682 vertical-align: middle; |
|
9683 width: auto; |
|
9684 zoom: 1; |
|
9685 *display: inline; |
|
9686 } |
|
9687 .editable-container.ui-widget { |
|
9688 font-size: inherit; |
|
9689 z-index: 9990; |
|
9690 } |
|
9691 .editable-click, |
|
9692 a.editable-click, |
|
9693 a.editable-click:hover { |
|
9694 text-decoration: none; |
|
9695 border-bottom: dashed 1px #08c; |
|
9696 } |
|
9697 .editable-click.editable-disabled, |
|
9698 a.editable-click.editable-disabled, |
|
9699 a.editable-click.editable-disabled:hover { |
|
9700 color: #585858; |
|
9701 cursor: default; |
|
9702 border-bottom: 0; |
|
9703 } |
|
9704 .editable-empty, |
|
9705 .editable-empty:focus, |
|
9706 .editable-empty:hover { |
|
9707 font-style: italic; |
|
9708 color: #D14; |
|
9709 text-decoration: none; |
|
9710 } |
|
9711 .editable-unsaved { |
|
9712 font-weight: 700; |
|
9713 } |
|
9714 .editable-bg-transition { |
|
9715 -webkit-transition: background-color 1400ms ease-out; |
|
9716 transition: background-color 1400ms ease-out; |
|
9717 } |
|
9718 .form-horizontal .editable { |
|
9719 padding-top: 5px; |
|
9720 display: inline-block; |
|
9721 } |
|
9722 .editable-address { |
|
9723 display: block; |
|
9724 margin-bottom: 5px; |
|
9725 } |
|
9726 .editable-address span { |
|
9727 width: 70px; |
|
9728 display: inline-block; |
|
9729 } |
|
9730 .editable-clear { |
|
9731 clear: both; |
|
9732 font-size: .9em; |
|
9733 text-decoration: none; |
|
9734 text-align: right; |
|
9735 } |
|
9736 .editable-clear-x { |
|
9737 background: url(../img/clear.png) center center no-repeat; |
|
9738 display: block; |
|
9739 width: 13px; |
|
9740 height: 13px; |
|
9741 position: absolute; |
|
9742 opacity: .6; |
|
9743 z-index: 100; |
|
9744 top: 50%; |
|
9745 right: 6px; |
|
9746 margin-top: -6px; |
|
9747 } |
|
9748 .editable-clear-x:hover { |
|
9749 opacity: 1; |
|
9750 } |
|
9751 .editable-error-block { |
|
9752 max-width: 300px; |
|
9753 margin: 5px 0 0; |
|
9754 width: auto; |
|
9755 white-space: normal; |
|
9756 } |
|
9757 .editable-error-block.ui-state-error { |
|
9758 padding: 3px; |
|
9759 } |
|
9760 .editable-error { |
|
9761 color: red; |
|
9762 } |
|
9763 .input-append.date .add-on i, |
|
9764 .input-prepend.date .add-on i { |
|
9765 display: block; |
|
9766 cursor: pointer; |
|
9767 width: 16px; |
|
9768 height: 16px; |
|
9769 } |
|
9770 /* |
|
9771 * JQuery-UI widgets |
|
9772 */ |
|
9773 .ui-timepicker-div .ui-widget-header { |
|
9774 margin-bottom: 8px; |
|
9775 } |
|
9776 .ui-timepicker-div dl { |
|
9777 text-align: left; |
|
9778 } |
|
9779 .ui-timepicker-div dl dt { |
|
9780 float: left; |
|
9781 clear: left; |
|
9782 padding: 0 0 0 5px; |
|
9783 } |
|
9784 .ui-timepicker-div dl dd { |
|
9785 margin: 17px 10px 12px 40%; |
|
9786 } |
|
9787 .ui-timepicker-div td { |
|
9788 font-size: 90%; |
|
9789 } |
|
9790 .ui-tpicker-grid-label { |
|
9791 background: 0 0; |
|
9792 border: 0; |
|
9793 margin: 0; |
|
9794 padding: 0; |
|
9795 } |
|
9796 .ui-timepicker-rtl { |
|
9797 direction: rtl; |
|
9798 } |
|
9799 .ui-timepicker-rtl dl { |
|
9800 text-align: right; |
|
9801 padding: 0 5px 0 0; |
|
9802 } |
|
9803 .ui-timepicker-rtl dl dt { |
|
9804 float: right; |
|
9805 clear: right; |
|
9806 } |
|
9807 .ui-timepicker-rtl dl dd { |
|
9808 margin: 0 40% 10px 10px; |
|
9809 } |
|
9810 #login { |
|
9811 background: #fff; |
|
9812 overflow: visible; |
|
9813 } |
|
9814 #login .container { |
|
9815 border: 0; |
|
9816 } |
|
9817 #login #header { |
|
9818 margin: 0; |
|
9819 height: 71px; |
|
9820 border-bottom: 1px solid #eee!important; |
|
9821 overflow: hidden; |
|
9822 padding: 0 30px; |
|
9823 -webkit-background-clip: padding-box; |
|
9824 border-width: 0; |
|
9825 min-height: 28px; |
|
9826 background: #f4f4f4!important; |
|
9827 margin-bottom: 20px; |
|
9828 } |
|
9829 @media (min-width: 768px) and (max-width: 880px) { |
|
9830 #login #header { |
|
9831 padding: 0 5px!important; |
|
9832 } |
|
9833 } |
|
9834 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
9835 #login #header { |
|
9836 padding: 0 5px!important; |
|
9837 } |
|
9838 } |
|
9839 #login #header #logo { |
|
9840 margin-top: 22px; |
|
9841 margin-left: 0; |
|
9842 } |
|
9843 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
9844 #login #header #logo { |
|
9845 margin-top: 22px; |
|
9846 } |
|
9847 } |
|
9848 #login #header #logo img { |
|
9849 width: 137px; |
|
9850 } |
|
9851 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
9852 #login #header #logo img { |
|
9853 width: 135px; |
|
9854 } |
|
9855 } |
|
9856 #login-header-space { |
|
9857 float: right; |
|
9858 text-align: right; |
|
9859 display: block; |
|
9860 vertical-align: middle; |
|
9861 line-height: 71px; |
|
9862 } |
|
9863 #login-header-space > :first-child { |
|
9864 font-size: 13px; |
|
9865 margin-right: 14px; |
|
9866 vertical-align: -3px; |
|
9867 font-weight: 400; |
|
9868 } |
|
9869 #login-header-space > * { |
|
9870 display: inline-block; |
|
9871 } |
|
9872 #login-header-space .btn { |
|
9873 font-weight: 700; |
|
9874 text-transform: uppercase; |
|
9875 } |
|
9876 #login #main { |
|
9877 background: #fff; |
|
9878 margin: 0; |
|
9879 } |
|
9880 #login .hero { |
|
9881 background-image: url(../img/gradient/login.png); |
|
9882 background-repeat: no-repeat; |
|
9883 background-position: 0 137px; |
|
9884 height: 360px; |
|
9885 width: 100%; |
|
9886 float: left; |
|
9887 } |
|
9888 #login h4.paragraph-header { |
|
9889 color: #565656; |
|
9890 font-size: 15px; |
|
9891 font-weight: 400; |
|
9892 line-height: 22px; |
|
9893 margin-top: 15px; |
|
9894 width: 270px; |
|
9895 } |
|
9896 #login h5.about-heading { |
|
9897 color: #565656; |
|
9898 font-size: 15px; |
|
9899 font-weight: 700; |
|
9900 line-height: 24px; |
|
9901 margin: 0 0 5px; |
|
9902 } |
|
9903 #login .login-header-big { |
|
9904 font-weight: 400; |
|
9905 } |
|
9906 #login .login-desc-box-l { |
|
9907 min-height: 350px; |
|
9908 width: 50%; |
|
9909 } |
|
9910 #login .login-app-icons { |
|
9911 vertical-align: top; |
|
9912 margin-top: 90px; |
|
9913 width: 300px; |
|
9914 } |
|
9915 .bootstrapWizard { |
|
9916 display: block; |
|
9917 list-style: none; |
|
9918 padding: 0; |
|
9919 position: relative; |
|
9920 width: 100%; |
|
9921 } |
|
9922 .bootstrapWizard a:active, |
|
9923 .bootstrapWizard a:focus, |
|
9924 .bootstrapWizard a:hover { |
|
9925 text-decoration: none; |
|
9926 } |
|
9927 .bootstrapWizard li { |
|
9928 display: block; |
|
9929 float: left; |
|
9930 width: 25%; |
|
9931 text-align: center; |
|
9932 padding-left: 0; |
|
9933 } |
|
9934 .bootstrapWizard li:before { |
|
9935 border-top: 3px solid #55606E; |
|
9936 content: ""; |
|
9937 display: block; |
|
9938 font-size: 0; |
|
9939 overflow: hidden; |
|
9940 position: relative; |
|
9941 top: 11px; |
|
9942 right: 1px; |
|
9943 width: 100%; |
|
9944 z-index: 1; |
|
9945 } |
|
9946 .bootstrapWizard li:first-child:before { |
|
9947 left: 50%; |
|
9948 max-width: 50%; |
|
9949 } |
|
9950 .bootstrapWizard li:last-child:before { |
|
9951 max-width: 50%; |
|
9952 width: 50%; |
|
9953 } |
|
9954 .bootstrapWizard li .step { |
|
9955 background: #B2B5B9; |
|
9956 color: #fff; |
|
9957 display: inline; |
|
9958 font-size: 15px; |
|
9959 font-weight: 700; |
|
9960 padding: 7px 13px; |
|
9961 border: 3px solid transparent; |
|
9962 border-radius: 50%; |
|
9963 line-height: normal; |
|
9964 position: relative; |
|
9965 text-align: center; |
|
9966 z-index: 2; |
|
9967 -webkit-transition: all .1s linear 0s; |
|
9968 transition: all .1s linear 0s; |
|
9969 } |
|
9970 .bootstrapWizard li .step i { |
|
9971 font-size: 10px; |
|
9972 font-weight: 400; |
|
9973 position: relative; |
|
9974 top: -1.5px; |
|
9975 } |
|
9976 .bootstrapWizard li.complete .step { |
|
9977 background: #0aa66e; |
|
9978 padding: 1px 6px; |
|
9979 border: 3px solid #55606E; |
|
9980 } |
|
9981 .bootstrapWizard li.active .step, |
|
9982 .bootstrapWizard li.active.complete .step { |
|
9983 background: #0091d9; |
|
9984 color: #fff; |
|
9985 font-weight: 700; |
|
9986 padding: 7px 13px; |
|
9987 font-size: 15px; |
|
9988 border-radius: 50%; |
|
9989 border: 3px solid #55606E; |
|
9990 } |
|
9991 .bootstrapWizard li .title { |
|
9992 color: #bfbfbf; |
|
9993 display: block; |
|
9994 font-size: 13px; |
|
9995 line-height: 15px; |
|
9996 max-width: 100%; |
|
9997 position: relative; |
|
9998 table-layout: fixed; |
|
9999 text-align: center; |
|
10000 top: 20px; |
|
10001 word-wrap: break-word; |
|
10002 z-index: 104; |
|
10003 } |
|
10004 .bootstrapWizard li.active .title, |
|
10005 .bootstrapWizard li.complete .title { |
|
10006 color: #2B3D53; |
|
10007 } |
|
10008 .wizard-actions { |
|
10009 display: block; |
|
10010 list-style: none; |
|
10011 padding: 0; |
|
10012 position: relative; |
|
10013 width: 100%; |
|
10014 } |
|
10015 .wizard-actions li { |
|
10016 display: inline; |
|
10017 } |
|
10018 .fuelux .wizard { |
|
10019 position: relative; |
|
10020 overflow: hidden; |
|
10021 background-color: #f9f9f9; |
|
10022 border: 1px solid #d4d4d4; |
|
10023 border-radius: 4px; |
|
10024 *zoom: 1; |
|
10025 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); |
|
10026 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); |
|
10027 } |
|
10028 .fuelux .wizard:after, |
|
10029 .fuelux .wizard:before { |
|
10030 display: table; |
|
10031 line-height: 0; |
|
10032 content: ""; |
|
10033 } |
|
10034 .fuelux .wizard:after { |
|
10035 clear: both; |
|
10036 } |
|
10037 .fuelux .wizard ul { |
|
10038 width: 4000px; |
|
10039 padding: 0; |
|
10040 margin: 0; |
|
10041 list-style: none outside none; |
|
10042 } |
|
10043 .fuelux .wizard ul.previous-disabled li.complete { |
|
10044 cursor: default; |
|
10045 } |
|
10046 .fuelux .wizard ul.previous-disabled li.complete:hover { |
|
10047 color: #356e35; |
|
10048 cursor: default; |
|
10049 background: #f3f4f5; |
|
10050 } |
|
10051 .fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before { |
|
10052 border-left-color: #f3f4f5; |
|
10053 } |
|
10054 .fuelux .wizard ul li { |
|
10055 position: relative; |
|
10056 float: left; |
|
10057 height: 46px; |
|
10058 padding: 0 20px 0 30px; |
|
10059 margin: 0; |
|
10060 font-size: 16px; |
|
10061 line-height: 46px; |
|
10062 color: #999; |
|
10063 cursor: default; |
|
10064 background: #ededed; |
|
10065 } |
|
10066 .fuelux .wizard ul li:first-child { |
|
10067 padding-left: 20px; |
|
10068 border-radius: 4px 0 0 4px; |
|
10069 } |
|
10070 .fuelux .wizard ul li.complete { |
|
10071 color: #296829; |
|
10072 background: #f3f4f5; |
|
10073 } |
|
10074 .fuelux .wizard ul li.complete:hover { |
|
10075 cursor: pointer; |
|
10076 background: #e7eff8; |
|
10077 } |
|
10078 .fuelux .wizard ul li.complete:hover .chevron:before { |
|
10079 border-left: 14px solid #e7eff8; |
|
10080 } |
|
10081 .fuelux .wizard ul li.complete .chevron:before { |
|
10082 border-left: 14px solid #f3f4f5; |
|
10083 } |
|
10084 .fuelux .wizard ul li.active { |
|
10085 color: #3a87ad; |
|
10086 background: #f1f6fc; |
|
10087 } |
|
10088 .fuelux .wizard ul li.active .chevron:before { |
|
10089 border-left: 14px solid #f1f6fc; |
|
10090 } |
|
10091 .fuelux .wizard ul li .chevron { |
|
10092 position: absolute; |
|
10093 top: 0; |
|
10094 right: -14px; |
|
10095 z-index: 1; |
|
10096 display: block; |
|
10097 border: 24px solid transparent; |
|
10098 border-right: 0; |
|
10099 border-left: 14px solid #d4d4d4; |
|
10100 } |
|
10101 .fuelux .wizard ul li .chevron:before { |
|
10102 position: absolute; |
|
10103 top: -24px; |
|
10104 right: 1px; |
|
10105 display: block; |
|
10106 border: 24px solid transparent; |
|
10107 border-right: 0; |
|
10108 border-left: 14px solid #ededed; |
|
10109 content: ""; |
|
10110 } |
|
10111 .fuelux .wizard ul li .badge { |
|
10112 margin-right: 8px; |
|
10113 } |
|
10114 .fuelux .wizard .actions { |
|
10115 position: absolute; |
|
10116 right: 0; |
|
10117 z-index: 2; |
|
10118 float: right; |
|
10119 padding-right: 15px; |
|
10120 padding-left: 15px; |
|
10121 line-height: 46px; |
|
10122 vertical-align: middle; |
|
10123 background-color: #eee; |
|
10124 border-left: 1px solid #d4d4d4; |
|
10125 } |
|
10126 .fuelux .wizard .actions a { |
|
10127 margin-right: 8px; |
|
10128 font-size: 12px; |
|
10129 line-height: 45px; |
|
10130 } |
|
10131 .fuelux .wizard .actions .btn-prev i { |
|
10132 margin-right: 5px; |
|
10133 } |
|
10134 .fuelux .wizard .actions .btn-next i { |
|
10135 margin-left: 5px; |
|
10136 } |
|
10137 .fuelux .fuelux .step-content .step-pane { |
|
10138 display: none; |
|
10139 } |
|
10140 .fuelux .fuelux .step-content .active { |
|
10141 display: block; |
|
10142 } |
|
10143 .fuelux .fuelux .step-content .active .btn-group .active { |
|
10144 display: inline-block; |
|
10145 } |
|
10146 .ams-metro-tile { |
|
10147 float: left; |
|
10148 display: block; |
|
10149 background-color: #fff; |
|
10150 width: 100px; |
|
10151 height: 70px; |
|
10152 cursor: pointer; |
|
10153 -webkit-box-shadow: inset 0 0 1px #FFC; |
|
10154 box-shadow: inset 0 0 1px #FFC; |
|
10155 border: 1px dotted #C5C5C5; |
|
10156 text-decoration: none; |
|
10157 color: #fff; |
|
10158 font-weight: 300; |
|
10159 font-smooth: always; |
|
10160 margin: 0 10px 20px 0; |
|
10161 padding: 5px; |
|
10162 position: relative; |
|
10163 } |
|
10164 .ams-metro-tile:hover { |
|
10165 z-index: 10; |
|
10166 -webkit-transform: scale(1.07); |
|
10167 -moz-transform: scale(1.07); |
|
10168 } |
|
10169 .ams-metro-tile.big-cubes { |
|
10170 width: 120px; |
|
10171 height: 120px; |
|
10172 } |
|
10173 .ams-metro-tile.double { |
|
10174 width: 249px; |
|
10175 } |
|
10176 .ams-metro-tile:active { |
|
10177 top: 1px; |
|
10178 left: 1px; |
|
10179 } |
|
10180 .ams-metro-tile .iconbox { |
|
10181 text-align: center; |
|
10182 } |
|
10183 .ams-metro-tile .iconbox i { |
|
10184 display: block; |
|
10185 margin: 15px auto 0; |
|
10186 height: 75px; |
|
10187 } |
|
10188 .ams-metro-tile .iconbox span { |
|
10189 display: block; |
|
10190 text-align: left; |
|
10191 line-height: 1em; |
|
10192 } |
|
10193 .ams-metro-tile .iconbox span > span { |
|
10194 position: absolute; |
|
10195 right: -5px; |
|
10196 bottom: -10px; |
|
10197 border-radius: 50%; |
|
10198 padding: 6px 4px 3px; |
|
10199 border: 1px solid #fff; |
|
10200 } |
|
10201 .client-form header { |
|
10202 padding: 15px 13px; |
|
10203 margin: 0; |
|
10204 border-bottom-style: solid; |
|
10205 border-bottom-color: rgba(0, 0, 0, 0.1); |
|
10206 background: rgba(248, 248, 248, 0.9); |
|
10207 } |
|
10208 /* |
|
10209 * Buttons |
|
10210 */ |
|
10211 .customfile-button { |
|
10212 padding: 6px 12px; |
|
10213 margin-bottom: 0; |
|
10214 font-size: 14px; |
|
10215 font-weight: 400; |
|
10216 line-height: 1.428571429; |
|
10217 text-align: center; |
|
10218 white-space: nowrap; |
|
10219 vertical-align: middle; |
|
10220 cursor: pointer; |
|
10221 border: 1px solid #ccc; |
|
10222 -webkit-user-select: none; |
|
10223 -moz-user-select: none; |
|
10224 -ms-user-select: none; |
|
10225 -o-user-select: none; |
|
10226 user-select: none; |
|
10227 } |
|
10228 .btn, |
|
10229 a:link, |
|
10230 button { |
|
10231 -webkit-tap-highlight-color: rgba(169, 3, 41, 0.5); |
|
10232 } |
|
10233 button { |
|
10234 background-color: #ddd; |
|
10235 } |
|
10236 button:hover { |
|
10237 background-color: #cccccc; |
|
10238 } |
|
10239 .btns { |
|
10240 margin: 0; |
|
10241 padding: 0; |
|
10242 list-style: none; |
|
10243 } |
|
10244 .btns > li { |
|
10245 display: inline-block; |
|
10246 margin-bottom: 7px; |
|
10247 } |
|
10248 .btn { |
|
10249 padding: 6px 12px; |
|
10250 border-radius: 2px; |
|
10251 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
10252 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
10253 } |
|
10254 .btn:active { |
|
10255 position: relative; |
|
10256 top: 1px; |
|
10257 left: 1px; |
|
10258 } |
|
10259 .btn.btn-ribbon { |
|
10260 background-color: #5b6771; |
|
10261 color: #fff; |
|
10262 padding: 1px 5px; |
|
10263 line-height: 20px; |
|
10264 vertical-align: middle; |
|
10265 height: 21px; |
|
10266 display: block; |
|
10267 border: 0; |
|
10268 float: left; |
|
10269 margin: 0 8px 0 0; |
|
10270 cursor: pointer; |
|
10271 } |
|
10272 .btn.btn-ribbon > i { |
|
10273 font-size: 111%; |
|
10274 } |
|
10275 .btn-xs { |
|
10276 padding: 1px 5px; |
|
10277 line-height: 1.3em; |
|
10278 } |
|
10279 .btn-sm { |
|
10280 padding: 3px 10px; |
|
10281 } |
|
10282 .btn-lg { |
|
10283 padding: 9px 15px; |
|
10284 } |
|
10285 .btn-xl { |
|
10286 padding: 11px 15px; |
|
10287 } |
|
10288 .btn-circle { |
|
10289 width: 30px; |
|
10290 height: 30px; |
|
10291 text-align: center; |
|
10292 padding: 7px 0 5px; |
|
10293 font-size: 12px; |
|
10294 line-height: 18px; |
|
10295 border-radius: 50%; |
|
10296 } |
|
10297 .btn-circle.btn-lg { |
|
10298 width: 50px; |
|
10299 height: 50px; |
|
10300 padding: 9px 15px 7px; |
|
10301 font-size: 18px; |
|
10302 line-height: 30px; |
|
10303 border-radius: 50%; |
|
10304 } |
|
10305 .btn-circle.btn-xl { |
|
10306 width: 70px; |
|
10307 height: 70px; |
|
10308 padding: 11px 15px 9px; |
|
10309 font-size: 24px; |
|
10310 line-height: 50px; |
|
10311 border-radius: 50%; |
|
10312 } |
|
10313 .btn-metro { |
|
10314 margin: 0 0 20px; |
|
10315 padding-top: 15px; |
|
10316 padding-bottom: 15px; |
|
10317 } |
|
10318 .btn-metro > span { |
|
10319 display: block; |
|
10320 vertical-align: bottom; |
|
10321 margin-top: 10px; |
|
10322 text-transform: uppercase; |
|
10323 } |
|
10324 .btn-metro > span > span.label { |
|
10325 position: absolute; |
|
10326 top: 0; |
|
10327 right: 0; |
|
10328 } |
|
10329 /*.btn-primary { |
|
10330 background-color: #627685; |
|
10331 border-color: #46545e; |
|
10332 |
|
10333 &:hover, |
|
10334 &:focus, |
|
10335 &:active, |
|
10336 &.active, |
|
10337 .open .dropdown-toggle& { |
|
10338 background-color: rgba(91, 103, 113, 0.8); |
|
10339 border-color: #46545e; |
|
10340 } |
|
10341 }*/ |
|
10342 .btn-label { |
|
10343 position: relative; |
|
10344 left: -12px; |
|
10345 display: inline-block; |
|
10346 padding: 7px 12px 5px; |
|
10347 background: rgba(0, 0, 0, 0.15); |
|
10348 border-radius: 3px 0 0 3px; |
|
10349 } |
|
10350 .btn-labeled { |
|
10351 padding-top: 0; |
|
10352 padding-bottom: 0; |
|
10353 } |
|
10354 .btn-select-tick i { |
|
10355 display: none; |
|
10356 } |
|
10357 .btn-select-tick .btn:hover i { |
|
10358 opacity: .3; |
|
10359 display: block; |
|
10360 } |
|
10361 .btn-select-tick .active i { |
|
10362 display: block; |
|
10363 opacity: 1!important; |
|
10364 } |
|
10365 .btn-header.pull-right { |
|
10366 margin-left: 6px; |
|
10367 } |
|
10368 @media (min-width: 768px) and (max-width: 979px) { |
|
10369 .btn-header a { |
|
10370 margin-top: 9px!important; |
|
10371 /*width: 40px!important;*/ |
|
10372 } |
|
10373 } |
|
10374 @media (min-width: 768px) and (max-width: 880px) { |
|
10375 .btn-header a { |
|
10376 margin-top: 9px!important; |
|
10377 /*width: 40px!important;*/ |
|
10378 /*height: 39px!important;*/ |
|
10379 line-height: 26px!important; |
|
10380 } |
|
10381 } |
|
10382 @media (max-width: 767px) { |
|
10383 .btn-header a { |
|
10384 margin-top: 5px!important; |
|
10385 width: 40px!important; |
|
10386 height: 39px!important; |
|
10387 line-height: 34px!important; |
|
10388 } |
|
10389 } |
|
10390 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10391 .btn-header a { |
|
10392 margin-top: 5px!important; |
|
10393 width: 40px!important; |
|
10394 height: 39px!important; |
|
10395 line-height: 34px!important; |
|
10396 } |
|
10397 } |
|
10398 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
10399 .btn-header a { |
|
10400 margin-top: 5px!important; |
|
10401 width: 40px!important; |
|
10402 height: 39px!important; |
|
10403 line-height: 34px!important; |
|
10404 } |
|
10405 } |
|
10406 .btn-header a > span { |
|
10407 font-size: 13px; |
|
10408 font-weight: 400; |
|
10409 line-height: 30px; |
|
10410 height: 30px; |
|
10411 display: inline-block; |
|
10412 } |
|
10413 @media (min-width: 768px) and (max-width: 880px) { |
|
10414 .btn-header.transparent a { |
|
10415 border: 0!important; |
|
10416 background: 0 0; |
|
10417 margin-left: 0; |
|
10418 width: 25px!important; |
|
10419 -webkit-box-shadow: none!important; |
|
10420 box-shadow: none!important; |
|
10421 } |
|
10422 .btn-header.transparent a:hover { |
|
10423 color: #a90329; |
|
10424 } |
|
10425 } |
|
10426 @media (max-width: 767px) { |
|
10427 .btn-header.transparent a:hover { |
|
10428 color: #a90329; |
|
10429 } |
|
10430 } |
|
10431 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10432 .btn-header.transparent a { |
|
10433 border: 0!important; |
|
10434 background: 0 0; |
|
10435 margin-left: 0; |
|
10436 width: 25px!important; |
|
10437 -webkit-box-shadow: none!important; |
|
10438 box-shadow: none!important; |
|
10439 } |
|
10440 .btn-header.transparent a:hover { |
|
10441 color: #a90329; |
|
10442 } |
|
10443 } |
|
10444 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
10445 .btn-header.transparent a { |
|
10446 border: 0!important; |
|
10447 background: 0 0; |
|
10448 margin-left: 0; |
|
10449 width: 25px!important; |
|
10450 -webkit-box-shadow: none!important; |
|
10451 box-shadow: none!important; |
|
10452 } |
|
10453 .btn-header.transparent a:hover { |
|
10454 color: #a90329; |
|
10455 } |
|
10456 } |
|
10457 .btn-header > :first-child > a { |
|
10458 border-radius: 2px; |
|
10459 cursor: default!important; |
|
10460 display: inline-block; |
|
10461 font-weight: 700; |
|
10462 height: 30px; |
|
10463 min-width: 30px; |
|
10464 padding: 3px; |
|
10465 text-align: center; |
|
10466 text-decoration: none!important; |
|
10467 -moz-user-select: none; |
|
10468 -webkit-user-select: none; |
|
10469 background-color: #f8f8f8; |
|
10470 background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); |
|
10471 background-image: -webkit-gradient(linear, top left, bottom left, from(#f8f8f8), to(#f1f1f1)); |
|
10472 background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); |
|
10473 background-image: linear-gradient(top, #f8f8f8, #f1f1f1); |
|
10474 border: 1px solid #bfbfbf; |
|
10475 color: #6D6A69; |
|
10476 font-size: 17px; |
|
10477 margin: 10px 0 0; |
|
10478 } |
|
10479 .btn-header > :first-child > a:hover { |
|
10480 border: 1px solid #bfbfbf; |
|
10481 color: #222; |
|
10482 -webkit-transition: all 0s; |
|
10483 transition: all 0s; |
|
10484 cursor: pointer; |
|
10485 -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
10486 box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
10487 } |
|
10488 .btn-header > :first-child > a:active { |
|
10489 background-color: #e8e8e8; |
|
10490 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(100%, #ededed)); |
|
10491 background-image: -webkit-gradient(linear, top left, bottom left, from(#e8e8e8), to(#ededed)); |
|
10492 background-image: -webkit-linear-gradient(top, #e8e8e8 0, #ededed 100%); |
|
10493 background-image: linear-gradient(to bottom, #e8e8e8 0, #ededed 100%); |
|
10494 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0); |
|
10495 -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
10496 box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
10497 } |
|
10498 .ribbon-button-alignment { |
|
10499 padding-top: 10px; |
|
10500 display: inline-block; |
|
10501 } |
|
10502 .ribbon-button-alignment.pull-right > .btn.btn-ribbon { |
|
10503 margin: 0 0 0 8px; |
|
10504 } |
|
10505 .header-btn { |
|
10506 margin-top: 5px; |
|
10507 } |
|
10508 /* |
|
10509 * Widgets styles |
|
10510 */ |
|
10511 .widget-header > :first-child { |
|
10512 margin: 13px 0; |
|
10513 } |
|
10514 .widget-toolbar { |
|
10515 display: inline-block; |
|
10516 position: relative; |
|
10517 float: right; |
|
10518 width: auto; |
|
10519 height: 29px; |
|
10520 line-height: 29px; |
|
10521 border-left: 1px solid rgba(0, 0, 0, 0.09); |
|
10522 cursor: pointer; |
|
10523 padding: 0 8px; |
|
10524 text-align: center; |
|
10525 } |
|
10526 .widget-toolbar.no-border { |
|
10527 border-left: 0; |
|
10528 } |
|
10529 .widget-toolbar > :first-child { |
|
10530 text-align: left; |
|
10531 } |
|
10532 .widget-toolbar .ams-form label.checkbox, |
|
10533 .widget-toolbar .ams-form label.radio { |
|
10534 line-height: 29px; |
|
10535 } |
|
10536 .widget-toolbar .ams-form .icon-append, |
|
10537 .widget-toolbar .ams-form .icon-prepend { |
|
10538 top: 3px!important; |
|
10539 } |
|
10540 .widget-toolbar.ams-form .icon-append, |
|
10541 .widget-toolbar.ams-form .icon-prepend { |
|
10542 top: 3px!important; |
|
10543 } |
|
10544 .widget-toolbar > .ams-form { |
|
10545 margin-top: 2px; |
|
10546 } |
|
10547 .widget-toolbar > .ams-form .toggle:last-child { |
|
10548 font-size: 12px; |
|
10549 line-height: 29px; |
|
10550 } |
|
10551 .widget-toolbar > .ams-form .checkbox input + i, |
|
10552 .widget-toolbar > .ams-form .radio input + i, |
|
10553 .widget-toolbar > .ams-form .toggle input + i { |
|
10554 border-width: 1px; |
|
10555 border-color: #C7C7C7!important; |
|
10556 margin-top: -1px; |
|
10557 -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
10558 box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
10559 } |
|
10560 .widget-toolbar .btn-group { |
|
10561 margin-top: -3px; |
|
10562 } |
|
10563 .widget-toolbar > .btn { |
|
10564 margin-top: -3px; |
|
10565 font-size: 12px!important; |
|
10566 padding: 1px 8px!important; |
|
10567 } |
|
10568 .widget-toolbar > .label { |
|
10569 display: inline-block; |
|
10570 vertical-align: middle; |
|
10571 margin-top: -3px; |
|
10572 text-align: center; |
|
10573 font-size: 12px; |
|
10574 padding: 4px 7px; |
|
10575 } |
|
10576 .widget-toolbar > .badge { |
|
10577 padding: 5px; |
|
10578 font-size: 14px; |
|
10579 border-radius: 50%; |
|
10580 font-weight: 400; |
|
10581 min-width: 24px; |
|
10582 text-align: center!important; |
|
10583 } |
|
10584 .widget-toolbar .progress { |
|
10585 width: 130px; |
|
10586 margin: 7px 0 0; |
|
10587 height: 18px!important; |
|
10588 font-size: 12px; |
|
10589 box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
10590 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
10591 } |
|
10592 .widget-toolbar .progress-bar { |
|
10593 font-size: 12px; |
|
10594 } |
|
10595 .widget-toolbar .pagination { |
|
10596 margin: 4px 0; |
|
10597 } |
|
10598 .widget-toolbar .pagination > li > a { |
|
10599 padding: 2px 7px; |
|
10600 } |
|
10601 .widget-toolbar .widget-text-input { |
|
10602 max-width: 220px; |
|
10603 } |
|
10604 .widget-toolbar input[type=text] { |
|
10605 height: 28px!important; |
|
10606 margin-top: 2px; |
|
10607 } |
|
10608 .widget-body.no-padding { |
|
10609 padding: 0; |
|
10610 margin: 0; |
|
10611 } |
|
10612 .widget-body.no-padding .alert { |
|
10613 margin: 5px 5px 0; |
|
10614 padding: 10px; |
|
10615 box-shadow: none!important; |
|
10616 -webkit-box-shadow: none!important; |
|
10617 border-radius: 0!important; |
|
10618 } |
|
10619 .widget-body > table { |
|
10620 margin-bottom: 0; |
|
10621 } |
|
10622 .widget-body-ajax-loading::before { |
|
10623 display: block; |
|
10624 position: absolute; |
|
10625 content: url(../img/ajax-loader.gif); |
|
10626 padding-top: 18%; |
|
10627 text-align: center; |
|
10628 font-weight: 700; |
|
10629 font-size: 16px; |
|
10630 color: #fff; |
|
10631 background: rgba(255, 255, 255, 0.4); |
|
10632 height: 100%; |
|
10633 z-index: 1; |
|
10634 width: 100%; |
|
10635 } |
|
10636 .widget-body-ajax-loading:hover { |
|
10637 cursor: wait!important; |
|
10638 } |
|
10639 .widget-body-toolbar, |
|
10640 .ams-form.widget-body-toolbar { |
|
10641 display: block; |
|
10642 padding: 8px 10px; |
|
10643 margin: -13px -13px 13px; |
|
10644 min-height: 42px; |
|
10645 border-bottom: 1px solid #ccc; |
|
10646 background: #fafafa; |
|
10647 } |
|
10648 .no-padding .widget-body-toolbar, |
|
10649 .no-padding .ams-form.widget-body-toolbar, |
|
10650 .no-padding.widget-body-toolbar, |
|
10651 .no-padding.ams-form.widget-body-toolbar { |
|
10652 display: block; |
|
10653 margin: 0; |
|
10654 } |
|
10655 .ams-form .widget-body-toolbar .inline-group, |
|
10656 .widget-body-toolbar.ams-form .inline-group { |
|
10657 float: left; |
|
10658 margin-top: 4px; |
|
10659 } |
|
10660 .widget-body-toolbar .btn { |
|
10661 vertical-align: middle; |
|
10662 } |
|
10663 .widget-body-toolbar .btn-xs { |
|
10664 margin-top: 5px; |
|
10665 } |
|
10666 .widget-content-padding { |
|
10667 padding: 20px; |
|
10668 } |
|
10669 .widget-content-padding .well { |
|
10670 margin-bottom: 0; |
|
10671 } |
|
10672 .widget-footer { |
|
10673 display: block; |
|
10674 position: relative; |
|
10675 min-height: 32px; |
|
10676 vertical-align: middle; |
|
10677 margin: 0 -13px -13px; |
|
10678 padding: 5px; |
|
10679 border-top: 1px solid #E4E4E4; |
|
10680 text-align: right; |
|
10681 background-color: #F8F7F7; |
|
10682 } |
|
10683 .no-padding .widget-footer { |
|
10684 margin: 0; |
|
10685 } |
|
10686 .widget-footer.ams-form > label { |
|
10687 margin-top: 4px; |
|
10688 display: block; |
|
10689 } |
|
10690 .ams-widget { |
|
10691 position: relative; |
|
10692 margin: 0 0 15px; |
|
10693 padding: 0; |
|
10694 -khtml-border-radius: 0; |
|
10695 border-radius: 0; |
|
10696 } |
|
10697 .ams-widget header .nav-tabs { |
|
10698 border-bottom-color: transparent; |
|
10699 } |
|
10700 .ams-widget header .nav-tabs > li > a { |
|
10701 border-radius: 0; |
|
10702 border: 0; |
|
10703 padding: 5px 15px 4px; |
|
10704 } |
|
10705 .ams-widget header .nav-tabs > li.active > a, |
|
10706 .ams-widget header .nav-tabs > li.active > a:focus, |
|
10707 .ams-widget header .nav-tabs > li.active > a:hover { |
|
10708 color: #555; |
|
10709 background-color: #FFF; |
|
10710 border: 1px solid #C2C2C2; |
|
10711 border-bottom-color: transparent; |
|
10712 border-top: 0; |
|
10713 cursor: default; |
|
10714 } |
|
10715 .ams-widget header:first-child .nav-tabs { |
|
10716 float: left; |
|
10717 } |
|
10718 .ams-widget header:first-child .nav-tabs li { |
|
10719 padding-left: 0; |
|
10720 } |
|
10721 .ams-widget header:first-child .nav-tabs li a { |
|
10722 color: #333333; |
|
10723 } |
|
10724 .ams-widget header:first-child .nav-tabs.pull-right li:last-child a { |
|
10725 margin-right: 0 !important; |
|
10726 border-right: 0 !important; |
|
10727 } |
|
10728 .ams-widget header .nav-pills { |
|
10729 margin: 3px; |
|
10730 } |
|
10731 .ams-widget header .nav-pills > li > a { |
|
10732 padding: 3px 5px 4px; |
|
10733 } |
|
10734 .ams-widget > header { |
|
10735 height: 30px; |
|
10736 padding: 0; |
|
10737 line-height: 40px; |
|
10738 color: #333333; |
|
10739 border: 1px solid #C2C2C2; |
|
10740 background: #fafafa; |
|
10741 } |
|
10742 .ams-widget > header h2 { |
|
10743 display: inline-block; |
|
10744 position: relative; |
|
10745 width: auto; |
|
10746 height: 100%; |
|
10747 margin: 0; |
|
10748 font-size: 14px; |
|
10749 line-height: 31px; |
|
10750 font-weight: 400; |
|
10751 letter-spacing: 0; |
|
10752 } |
|
10753 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
10754 .ams-widget > header h2 { |
|
10755 width: 135px; |
|
10756 text-overflow: ellipsis; |
|
10757 white-space: nowrap; |
|
10758 overflow: hidden; |
|
10759 } |
|
10760 } |
|
10761 .rtl .ams-widget > header h2 { |
|
10762 float: right; |
|
10763 text-align: right; |
|
10764 } |
|
10765 .ams-widget > header > h2 { |
|
10766 margin-left: 10px; |
|
10767 float: left; |
|
10768 } |
|
10769 .rtl .ams-widget > header { |
|
10770 padding: 0 7px 0 0; |
|
10771 } |
|
10772 .ams-widget > header .widget-icon { |
|
10773 display: block; |
|
10774 float: left; |
|
10775 width: 16px; |
|
10776 height: 16px; |
|
10777 margin: 10px 10px 0 0; |
|
10778 zoom: 1; |
|
10779 z-index: 400; |
|
10780 } |
|
10781 .rtl .ams-widget > header .widget-icon { |
|
10782 float: right; |
|
10783 margin: 10px 0 0 7px; |
|
10784 } |
|
10785 .ams-widget > header > .widget-icon { |
|
10786 display: block; |
|
10787 position: relative; |
|
10788 float: left; |
|
10789 margin: 0 -10px 0 2px; |
|
10790 width: 28px; |
|
10791 height: 28px; |
|
10792 font-size: 111%; |
|
10793 line-height: 29px; |
|
10794 text-align: center; |
|
10795 } |
|
10796 .ams-widget > header > :first-child.widget-icon { |
|
10797 margin-left: 0; |
|
10798 } |
|
10799 .ams-widget > div { |
|
10800 position: relative; |
|
10801 float: left; |
|
10802 width: 100%; |
|
10803 font-size: 13px; |
|
10804 -khtml-border-radius: 0; |
|
10805 border-radius: 0; |
|
10806 margin: 0; |
|
10807 padding: 13px 13px 0; |
|
10808 background-color: #fff !important; |
|
10809 border-width: 1px 1px 2px; |
|
10810 border-style: solid; |
|
10811 border-top: 0; |
|
10812 border-right-color: #CCC !important; |
|
10813 border-bottom-color: #CCC !important; |
|
10814 border-left-color: #CCC !important; |
|
10815 } |
|
10816 .ams-widget .widget-body { |
|
10817 position: relative; |
|
10818 min-height: 100px; |
|
10819 padding-bottom: 13px; |
|
10820 } |
|
10821 .ams-widget .widget-body.widget-hide-overflow { |
|
10822 overflow: hidden; |
|
10823 } |
|
10824 .ams-widget.well { |
|
10825 margin: 0 0 30px; |
|
10826 } |
|
10827 .ams-widget.well header { |
|
10828 display: none; |
|
10829 } |
|
10830 .ams-widget.well > div { |
|
10831 border: 0!important; |
|
10832 box-shadow: none!important; |
|
10833 -webkit-box-shadow: none!important; |
|
10834 } |
|
10835 .ams-widget.well.transparent .widget-body.no-padding { |
|
10836 margin: 0 !important; |
|
10837 } |
|
10838 .ams-widget-ctrls { |
|
10839 width: auto; |
|
10840 float: right; |
|
10841 padding: 0; |
|
10842 margin: 0; |
|
10843 } |
|
10844 .ams-widget-ctrls a { |
|
10845 display: inline-block; |
|
10846 padding: 0; |
|
10847 margin: 0; |
|
10848 text-decoration: none; |
|
10849 font-size: 14px; |
|
10850 text-align: center; |
|
10851 line-height: 29px; |
|
10852 color: #333; |
|
10853 } |
|
10854 .ams-widget-ctrls .button-icon { |
|
10855 position: relative; |
|
10856 float: left; |
|
10857 min-width: 28px; |
|
10858 height: 28px; |
|
10859 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
10860 border-left: 1px solid rgba(0, 0, 0, 0.09); |
|
10861 } |
|
10862 .ams-widget-ctrls .button-icon :hover { |
|
10863 background-color: rgba(0, 0, 0, 0.05); |
|
10864 } |
|
10865 .rtl .ams-widget-ctrls .button-icon { |
|
10866 margin: 0 0 5px 5px; |
|
10867 } |
|
10868 .rtl .ams-widget-ctrls { |
|
10869 float: left; |
|
10870 padding: 10px 0 0 3px; |
|
10871 margin: 0; |
|
10872 } |
|
10873 .ams-widget-loader { |
|
10874 display: none; |
|
10875 float: right; |
|
10876 width: 28px; |
|
10877 height: 28px; |
|
10878 margin: 0; |
|
10879 text-align: center; |
|
10880 line-height: 28px; |
|
10881 background-repeat: no-repeat; |
|
10882 background-position: center center; |
|
10883 } |
|
10884 .rtl .ams-widget-loader { |
|
10885 float: left; |
|
10886 } |
|
10887 .ams-widget-editbox { |
|
10888 display: none; |
|
10889 padding: 10px; |
|
10890 border-bottom: 1px solid #B1B1B1; |
|
10891 background-color: #fff; |
|
10892 margin: -13px -13px 13px; |
|
10893 } |
|
10894 .no-padding .ams-widget-editbox { |
|
10895 margin: 0 0 10px; |
|
10896 } |
|
10897 .ams-widget, |
|
10898 .ams-widget-editbox, |
|
10899 .ams-widget > div { |
|
10900 zoom: 1; |
|
10901 } |
|
10902 .ams-widget:after, |
|
10903 .ams-widget-editbox:after, |
|
10904 .ams-widget > div:after { |
|
10905 clear: both; |
|
10906 } |
|
10907 .ams-widget:before, |
|
10908 .ams-widget-editbox:before, |
|
10909 .ams-widget > div:before, |
|
10910 .ams-widget:after, |
|
10911 .ams-widget-editbox:after, |
|
10912 .ams-widget > div:after { |
|
10913 display: block; |
|
10914 visibility: hidden; |
|
10915 overflow: hidden; |
|
10916 content: "\0020"; |
|
10917 height: 0; |
|
10918 font-size: 0; |
|
10919 line-height: 0; |
|
10920 } |
|
10921 .ui-sortable .ams-widget-sortable > header { |
|
10922 cursor: move; |
|
10923 line-height: normal; |
|
10924 -khtml-border-radius: 0; |
|
10925 border-radius: 0; |
|
10926 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
10927 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
10928 } |
|
10929 .ui-sortable .ams-widget-sortable.ams-widget-collapsed > header { |
|
10930 -khtml-border-radius: 0; |
|
10931 border-radius: 0; |
|
10932 } |
|
10933 .ams-widget-timestamp { |
|
10934 margin: 10px 0 0; |
|
10935 color: #868686; |
|
10936 font-size: 12px; |
|
10937 font-style: italic; |
|
10938 } |
|
10939 .ams-widget-placeholder { |
|
10940 margin-bottom: 28px; |
|
10941 padding: 0; |
|
10942 background-color: #FFC; |
|
10943 border: 1px dashed #A7A7A7; |
|
10944 -khtml-border-radius: 0; |
|
10945 border-radius: 0; |
|
10946 -webkit-box-sizing: border-box; |
|
10947 -khtml-box-sizing: border-box; |
|
10948 -moz-box-sizing: border-box; |
|
10949 -ms-box-sizing: border-box; |
|
10950 box-sizing: border-box; |
|
10951 } |
|
10952 .ams-widget-remove-colors { |
|
10953 color: #333 !important; |
|
10954 padding: 0 !important; |
|
10955 background: none !important; |
|
10956 } |
|
10957 .ams-widget-color-magenta > header { |
|
10958 color: #ffffff; |
|
10959 background: #6e3671; |
|
10960 border-color: #6e3671 !important; |
|
10961 } |
|
10962 .ams-widget-color-magenta .nav-tabs li:not(.active) a, |
|
10963 .ams-widget-color-magenta > header > .ams-widget-ctrls a { |
|
10964 color: #ffffff !important; |
|
10965 } |
|
10966 .ams-widget-color-magenta .nav-tabs li a:hover { |
|
10967 color: #333333 !important; |
|
10968 } |
|
10969 .ams-widget-color-pink > header { |
|
10970 color: #ffffff; |
|
10971 background: #ac5287; |
|
10972 border-color: #ac5287 !important; |
|
10973 } |
|
10974 .ams-widget-color-pink .nav-tabs li:not(.active) a, |
|
10975 .ams-widget-color-pink > header > .ams-widget-ctrls a { |
|
10976 color: #ffffff !important; |
|
10977 } |
|
10978 .ams-widget-color-pink .nav-tabs li a:hover { |
|
10979 color: #333333 !important; |
|
10980 } |
|
10981 .ams-widget-color-pinkDark > header { |
|
10982 color: #ffffff; |
|
10983 background: #a8829f; |
|
10984 border-color: #a8829f !important; |
|
10985 } |
|
10986 .ams-widget-color-pinkDark .nav-tabs li:not(.active) a, |
|
10987 .ams-widget-color-pinkDark > header > .ams-widget-ctrls a { |
|
10988 color: #ffffff !important; |
|
10989 } |
|
10990 .ams-widget-color-pinkDark .nav-tabs li a:hover { |
|
10991 color: #333333 !important; |
|
10992 } |
|
10993 .ams-widget-color-yellow > header { |
|
10994 color: #ffffff; |
|
10995 background: #d4c737; |
|
10996 border-color: #d4c737 !important; |
|
10997 } |
|
10998 .ams-widget-color-yellow .nav-tabs li:not(.active) a, |
|
10999 .ams-widget-color-yellow > header > .ams-widget-ctrls a { |
|
11000 color: #ffffff !important; |
|
11001 } |
|
11002 .ams-widget-color-yellow .nav-tabs li a:hover { |
|
11003 color: #333333 !important; |
|
11004 } |
|
11005 .ams-widget-color-orange > header { |
|
11006 color: #ffffff; |
|
11007 background: #c79121; |
|
11008 border-color: #c79121 !important; |
|
11009 } |
|
11010 .ams-widget-color-orange .nav-tabs li:not(.active) a, |
|
11011 .ams-widget-color-orange > header > .ams-widget-ctrls a { |
|
11012 color: #ffffff !important; |
|
11013 } |
|
11014 .ams-widget-color-orange .nav-tabs li a:hover { |
|
11015 color: #333333 !important; |
|
11016 } |
|
11017 .ams-widget-color-orangeDark > header { |
|
11018 color: #ffffff; |
|
11019 background: #a57225; |
|
11020 border-color: #a57225 !important; |
|
11021 } |
|
11022 .ams-widget-color-orangeDark .nav-tabs li:not(.active) a, |
|
11023 .ams-widget-color-orangeDark > header > .ams-widget-ctrls a { |
|
11024 color: #ffffff !important; |
|
11025 } |
|
11026 .ams-widget-color-orangeDark .nav-tabs li a:hover { |
|
11027 color: #333333 !important; |
|
11028 } |
|
11029 .ams-widget-color-darken > header { |
|
11030 color: #ffffff; |
|
11031 background: #404040; |
|
11032 border-color: #404040 !important; |
|
11033 } |
|
11034 .ams-widget-color-darken .nav-tabs li:not(.active) a, |
|
11035 .ams-widget-color-darken > header > .ams-widget-ctrls a { |
|
11036 color: #ffffff !important; |
|
11037 } |
|
11038 .ams-widget-color-darken .nav-tabs li a:hover { |
|
11039 color: #333333 !important; |
|
11040 } |
|
11041 .ams-widget-color-purple > header { |
|
11042 color: #ffffff; |
|
11043 background: #65596b; |
|
11044 border-color: #65596b !important; |
|
11045 } |
|
11046 .ams-widget-color-purple .nav-tabs li:not(.active) a, |
|
11047 .ams-widget-color-purple > header > .ams-widget-ctrls a { |
|
11048 color: #ffffff !important; |
|
11049 } |
|
11050 .ams-widget-color-purple .nav-tabs li a:hover { |
|
11051 color: #333333 !important; |
|
11052 } |
|
11053 .ams-widget-color-teal > header { |
|
11054 color: #ffffff; |
|
11055 background: #568a89; |
|
11056 border-color: #568a89 !important; |
|
11057 } |
|
11058 .ams-widget-color-teal .nav-tabs li:not(.active) a, |
|
11059 .ams-widget-color-teal > header > .ams-widget-ctrls a { |
|
11060 color: #ffffff !important; |
|
11061 } |
|
11062 .ams-widget-color-teal .nav-tabs li a:hover { |
|
11063 color: #333333 !important; |
|
11064 } |
|
11065 .ams-widget-color-blueDark > header { |
|
11066 color: #ffffff; |
|
11067 background: #4c4f53; |
|
11068 border-color: #4c4f53 !important; |
|
11069 } |
|
11070 .ams-widget-color-blueDark .nav-tabs li:not(.active) a, |
|
11071 .ams-widget-color-blueDark > header > .ams-widget-ctrls a { |
|
11072 color: #ffffff !important; |
|
11073 } |
|
11074 .ams-widget-color-blueDark .nav-tabs li a:hover { |
|
11075 color: #333333 !important; |
|
11076 } |
|
11077 .ams-widget-color-blue > header { |
|
11078 color: #ffffff; |
|
11079 background: #60747c; |
|
11080 border-color: #60747c !important; |
|
11081 } |
|
11082 .ams-widget-color-blue .nav-tabs li:not(.active) a, |
|
11083 .ams-widget-color-blue > header > .ams-widget-ctrls a { |
|
11084 color: #ffffff !important; |
|
11085 } |
|
11086 .ams-widget-color-blue .nav-tabs li a:hover { |
|
11087 color: #333333 !important; |
|
11088 } |
|
11089 .ams-widget-color-blueLight > header { |
|
11090 color: #ffffff; |
|
11091 background: #ccdadf; |
|
11092 border-color: #ccdadf !important; |
|
11093 } |
|
11094 .ams-widget-color-blueLight .nav-tabs li:not(.active) a, |
|
11095 .ams-widget-color-blueLight > header > .ams-widget-ctrls a { |
|
11096 color: #ffffff !important; |
|
11097 } |
|
11098 .ams-widget-color-blueLight .nav-tabs li a:hover { |
|
11099 color: #333333 !important; |
|
11100 } |
|
11101 .ams-widget-color-red > header { |
|
11102 color: #ffffff; |
|
11103 background: #931313; |
|
11104 border-color: #931313 !important; |
|
11105 } |
|
11106 .ams-widget-color-red .nav-tabs li:not(.active) a, |
|
11107 .ams-widget-color-red > header > .ams-widget-ctrls a { |
|
11108 color: #ffffff !important; |
|
11109 } |
|
11110 .ams-widget-color-red .nav-tabs li a:hover { |
|
11111 color: #333333 !important; |
|
11112 } |
|
11113 .ams-widget-color-redLight > header { |
|
11114 color: #ffffff; |
|
11115 background: #a65858; |
|
11116 border-color: #a65858 !important; |
|
11117 } |
|
11118 .ams-widget-color-redLight .nav-tabs li:not(.active) a, |
|
11119 .ams-widget-color-redLight > header > .ams-widget-ctrls a { |
|
11120 color: #ffffff !important; |
|
11121 } |
|
11122 .ams-widget-color-redLight .nav-tabs li a:hover { |
|
11123 color: #333333 !important; |
|
11124 } |
|
11125 .ams-widget-color-white > header { |
|
11126 color: #c8c8c8; |
|
11127 background: #ffffff; |
|
11128 border-color: #c8c8c8 !important; |
|
11129 } |
|
11130 .ams-widget-color-white .nav-tabs li:not(.active) a, |
|
11131 .ams-widget-color-white > header > .ams-widget-ctrls a { |
|
11132 color: #c8c8c8 !important; |
|
11133 } |
|
11134 .ams-widget-color-white .nav-tabs li a:hover { |
|
11135 color: #838383 !important; |
|
11136 } |
|
11137 .ams-widget-color-greenDark > header { |
|
11138 color: #ffffff; |
|
11139 background: #496949; |
|
11140 border-color: #496949 !important; |
|
11141 } |
|
11142 .ams-widget-color-greenDark .nav-tabs li:not(.active) a, |
|
11143 .ams-widget-color-greenDark > header > .ams-widget-ctrls a { |
|
11144 color: #ffffff !important; |
|
11145 } |
|
11146 .ams-widget-color-greenDark .nav-tabs li a:hover { |
|
11147 color: #333333 !important; |
|
11148 } |
|
11149 .ams-widget-color-green > header { |
|
11150 color: #ffffff; |
|
11151 background: #356e35; |
|
11152 border-color: #356e35 !important; |
|
11153 } |
|
11154 .ams-widget-color-green .nav-tabs li:not(.active) a, |
|
11155 .ams-widget-color-green > header > .ams-widget-ctrls a { |
|
11156 color: #ffffff !important; |
|
11157 } |
|
11158 .ams-widget-color-green .nav-tabs li a:hover { |
|
11159 color: #333333 !important; |
|
11160 } |
|
11161 .ams-widget-color-greenLight > header { |
|
11162 color: #ffffff; |
|
11163 background: #71843f; |
|
11164 border-color: #71843f !important; |
|
11165 } |
|
11166 .ams-widget-color-greenLight .nav-tabs li:not(.active) a, |
|
11167 .ams-widget-color-greenLight > header > .ams-widget-ctrls a { |
|
11168 color: #ffffff !important; |
|
11169 } |
|
11170 .ams-widget-color-greenLight .nav-tabs li a:hover { |
|
11171 color: #333333 !important; |
|
11172 } |
|
11173 #ams-widget-fullscreen-mode { |
|
11174 position: fixed; |
|
11175 width: 100%; |
|
11176 height: 100%; |
|
11177 top: 0; |
|
11178 left: 0; |
|
11179 z-index: 99999; |
|
11180 } |
|
11181 #ams-widget-fullscreen-mode .ams-widget { |
|
11182 margin: 0; |
|
11183 -khtml-border-radius: 0; |
|
11184 border-radius: 0; |
|
11185 } |
|
11186 #ams-widget-fullscreen-mode > div { |
|
11187 overflow-y: scroll; |
|
11188 -khtml-border-radius: 0; |
|
11189 border-radius: 0; |
|
11190 } |
|
11191 #ams-widget-fullscreen-mode > div > header { |
|
11192 cursor: default; |
|
11193 } |
|
11194 /* |
|
11195 * On/off switch |
|
11196 */ |
|
11197 .onoffswitch { |
|
11198 position: relative; |
|
11199 width: 50px; |
|
11200 -webkit-user-select: none; |
|
11201 -moz-user-select: none; |
|
11202 -ms-user-select: none; |
|
11203 margin-top: 3px; |
|
11204 margin-bottom: 3px; |
|
11205 margin-left: 5px; |
|
11206 display: inline-block; |
|
11207 vertical-align: middle; |
|
11208 } |
|
11209 .onoffswitch-container { |
|
11210 margin-top: 4px; |
|
11211 margin-left: 7px; |
|
11212 display: inline-block; |
|
11213 } |
|
11214 .onoffswitch-checkbox { |
|
11215 display: none; |
|
11216 } |
|
11217 .onoffswitch-label { |
|
11218 display: block; |
|
11219 overflow: hidden; |
|
11220 cursor: pointer; |
|
11221 border: 1px solid #626262; |
|
11222 border-radius: 50px; |
|
11223 border-color: #adadad #b3b3b3 #9e9e9e; |
|
11224 -webkit-box-sizing: content-box; |
|
11225 -moz-box-sizing: content-box; |
|
11226 box-sizing: content-box; |
|
11227 } |
|
11228 .onoffswitch-inner { |
|
11229 width: 200%; |
|
11230 margin-left: -100%; |
|
11231 display: block; |
|
11232 } |
|
11233 .onoffswitch-inner:after, |
|
11234 .onoffswitch-inner:before { |
|
11235 float: left; |
|
11236 width: 50%; |
|
11237 height: 15px; |
|
11238 padding: 0; |
|
11239 line-height: 17px; |
|
11240 font-size: 10px; |
|
11241 font-family: Ubuntu, Trebuchet, Arial, sans-serif; |
|
11242 font-weight: 700; |
|
11243 -moz-box-sizing: border-box; |
|
11244 -webkit-box-sizing: border-box; |
|
11245 box-sizing: border-box; |
|
11246 } |
|
11247 .onoffswitch-inner:before { |
|
11248 content: attr(data-swchon-text); |
|
11249 text-shadow: 0 -1px 0 #333333; |
|
11250 padding-left: 7px; |
|
11251 background-color: #3276b1; |
|
11252 color: #fff; |
|
11253 -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
11254 box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
11255 text-align: left; |
|
11256 } |
|
11257 .onoffswitch-inner:after { |
|
11258 content: attr(data-swchoff-text); |
|
11259 padding-right: 7px; |
|
11260 text-shadow: 0 -1px 0 #ffffff; |
|
11261 background-color: #fff; |
|
11262 color: #555; |
|
11263 text-align: right; |
|
11264 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
11265 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
11266 } |
|
11267 .onoffswitch-switch { |
|
11268 width: 19px; |
|
11269 height: 19px; |
|
11270 margin: -2px; |
|
11271 background: #fff; |
|
11272 border: 1px solid #9a9a9a; |
|
11273 border-radius: 50px; |
|
11274 position: absolute; |
|
11275 top: 0; |
|
11276 bottom: 0; |
|
11277 right: 32px; |
|
11278 -webkit-box-sizing: content-box; |
|
11279 -moz-box-sizing: content-box; |
|
11280 box-sizing: content-box; |
|
11281 background-color: #f4f4f4; |
|
11282 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee)); |
|
11283 background-image: -webkit-gradient(linear, top left, bottom left, from(#ffffff), to(#eeeeee)); |
|
11284 background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); |
|
11285 background-image: linear-gradient(to bottom, #ffffff, #eeeeee); |
|
11286 background-repeat: repeat-x; |
|
11287 -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); |
|
11288 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); |
|
11289 } |
|
11290 .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, |
|
11291 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { |
|
11292 content: "\f00d"; |
|
11293 color: #a90329; |
|
11294 display: block; |
|
11295 text-align: center; |
|
11296 line-height: 19px; |
|
11297 font-size: 10px; |
|
11298 text-shadow: 0 -1px 0 #ffffff; |
|
11299 font-weight: 700; |
|
11300 font-family: FontAwesome; |
|
11301 } |
|
11302 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { |
|
11303 content: "\f00c"; |
|
11304 color: #57889c; |
|
11305 } |
|
11306 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { |
|
11307 margin-left: 0; |
|
11308 display: block; |
|
11309 } |
|
11310 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { |
|
11311 right: 0; |
|
11312 } |
|
11313 .onoffswitch-switch:hover { |
|
11314 background-color: #eee; |
|
11315 } |
|
11316 .onoffswitch-switch:active { |
|
11317 background-color: #eee; |
|
11318 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
11319 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
11320 } |
|
11321 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before, |
|
11322 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after { |
|
11323 text-shadow: 0 1px 0 #fff; |
|
11324 background: #bfbfbf; |
|
11325 color: #333; |
|
11326 } |
|
11327 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, |
|
11328 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch { |
|
11329 background-color: #f4f4f4; |
|
11330 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4)); |
|
11331 background-image: -webkit-gradient(linear, top left, bottom left, from(#bfbfbf), to(#f4f4f4)); |
|
11332 background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4); |
|
11333 background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4); |
|
11334 -webkit-box-shadow: none!important; |
|
11335 box-shadow: none!important; |
|
11336 } |
|
11337 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label, |
|
11338 .onoffswitch-checkbox:disabled + .onoffswitch-label { |
|
11339 border-color: #ababab #999 #878787!important; |
|
11340 } |
|
11341 .onoffswitch-checkbox:checked + .onoffswitch-label { |
|
11342 border-color: #3276b1 #2a6395 #255681; |
|
11343 } |
|
11344 .onoffswitch + span, |
|
11345 .onoffswitch-title { |
|
11346 display: inline-block; |
|
11347 vertical-align: middle; |
|
11348 margin-top: -5px; |
|
11349 } |
|
11350 /* |
|
11351 * Select2 widget |
|
11352 */ |
|
11353 label.with-icon .select2-parent { |
|
11354 margin-right: 27px; |
|
11355 } |
|
11356 label.with-icons .select2-parent { |
|
11357 margin-right: 54px; |
|
11358 } |
|
11359 .select2-container { |
|
11360 margin: 0; |
|
11361 position: relative; |
|
11362 display: inline-block; |
|
11363 zoom: 1; |
|
11364 *display: inline; |
|
11365 vertical-align: middle; |
|
11366 } |
|
11367 .select2-container .select2-choice { |
|
11368 display: block; |
|
11369 height: 26px; |
|
11370 padding: 0 0 0 8px; |
|
11371 overflow: hidden; |
|
11372 position: relative; |
|
11373 border: 1px solid #ccc; |
|
11374 white-space: nowrap; |
|
11375 line-height: 26px; |
|
11376 color: #444; |
|
11377 text-decoration: none; |
|
11378 -webkit-background-clip: padding-box; |
|
11379 background-clip: padding-box; |
|
11380 -webkit-touch-callout: none; |
|
11381 -webkit-user-select: none; |
|
11382 -moz-user-select: none; |
|
11383 -ms-user-select: none; |
|
11384 user-select: none; |
|
11385 background-color: #fff; |
|
11386 } |
|
11387 label.bordered .select2-container .select2-choice { |
|
11388 border-color: transparent; |
|
11389 } |
|
11390 .select2-container .select2-choice:hover { |
|
11391 border: 1px solid rgba(82, 168, 236, 0.7); |
|
11392 } |
|
11393 .select2-container .select2-choice > .select2-chosen { |
|
11394 margin-right: 26px; |
|
11395 display: block; |
|
11396 overflow: hidden; |
|
11397 white-space: nowrap; |
|
11398 text-overflow: ellipsis; |
|
11399 } |
|
11400 .select2-container .select2-choice > .select2-chosen abbr { |
|
11401 display: none; |
|
11402 width: 12px; |
|
11403 height: 12px; |
|
11404 position: absolute; |
|
11405 right: 24px; |
|
11406 top: 8px; |
|
11407 font-size: 1px; |
|
11408 text-decoration: none; |
|
11409 border: 0; |
|
11410 cursor: pointer; |
|
11411 outline: 0; |
|
11412 } |
|
11413 .select2-container .select2-choice > .select2-chosen abbr:hover { |
|
11414 cursor: pointer; |
|
11415 } |
|
11416 .select2-container.select2-drop-above .select2-choice { |
|
11417 border-bottom-color: #ccc; |
|
11418 } |
|
11419 .select2-container.select2-allowclear .select2-choice .select2-chosen { |
|
11420 margin-right: 42px; |
|
11421 } |
|
11422 .select2-container.select2-allowclear .select2-choice abbr { |
|
11423 display: inline-block; |
|
11424 } |
|
11425 .select2-container .select2-arrow { |
|
11426 display: inline-block; |
|
11427 width: 20px; |
|
11428 height: 20px; |
|
11429 position: absolute; |
|
11430 right: 3px; |
|
11431 top: 3px; |
|
11432 padding: 0 0 0 2px; |
|
11433 border-left: 1px solid #ccc; |
|
11434 line-height: 22px; |
|
11435 -webkit-background-clip: padding-box; |
|
11436 } |
|
11437 .select2-container .select2-arrow b { |
|
11438 width: 100%; |
|
11439 height: 100%; |
|
11440 display: inline-block; |
|
11441 font-family: FontAwesome; |
|
11442 font-style: normal; |
|
11443 font-weight: 400; |
|
11444 line-height: 1; |
|
11445 -webkit-font-smoothing: antialiased; |
|
11446 -moz-osx-font-smoothing: grayscale; |
|
11447 position: relative; |
|
11448 font-size: 14px; |
|
11449 } |
|
11450 .select2-container .select2-arrow b:before { |
|
11451 content: "\f107"; |
|
11452 width: 100%; |
|
11453 height: 100%; |
|
11454 text-align: center; |
|
11455 display: block; |
|
11456 } |
|
11457 .select2-container, |
|
11458 .select2-drop, |
|
11459 .select2-search, |
|
11460 .select2-search input { |
|
11461 -webkit-box-sizing: border-box; |
|
11462 -moz-box-sizing: border-box; |
|
11463 box-sizing: border-box; |
|
11464 } |
|
11465 .select2-container-active .select2-choice, |
|
11466 .select2-container-active .select2-choices { |
|
11467 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
11468 outline: 0; |
|
11469 } |
|
11470 .select2-drop-mask { |
|
11471 border: 0; |
|
11472 margin: 0; |
|
11473 padding: 0; |
|
11474 position: fixed; |
|
11475 left: 0; |
|
11476 top: 0; |
|
11477 min-height: 100%; |
|
11478 min-width: 100%; |
|
11479 height: auto; |
|
11480 width: auto; |
|
11481 opacity: 0; |
|
11482 z-index: 9998; |
|
11483 background: #fff; |
|
11484 filter: alpha(opacity=0); |
|
11485 } |
|
11486 .select2-drop { |
|
11487 margin-top: -1px; |
|
11488 width: 100%; |
|
11489 position: absolute; |
|
11490 z-index: 9999; |
|
11491 top: 100%; |
|
11492 background: #fff; |
|
11493 color: #000; |
|
11494 border: 1px solid #ccc; |
|
11495 border-top: 0; |
|
11496 -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|
11497 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|
11498 } |
|
11499 .select2-drop.select2-drop-above { |
|
11500 margin-bottom: 0; |
|
11501 border-top: 1px solid rgba(82, 168, 236, 0.7); |
|
11502 border-top-width: 3px; |
|
11503 border-bottom: 0; |
|
11504 -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); |
|
11505 box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); |
|
11506 } |
|
11507 .select2-drop.select2-drop-above.select2-drop-active { |
|
11508 border-top-width: 3px; |
|
11509 } |
|
11510 .select2-drop.select2-drop-above .select2-search input { |
|
11511 margin-top: 4px; |
|
11512 } |
|
11513 .select2-drop.select2-drop-above .select2-search:before { |
|
11514 top: 34%; |
|
11515 } |
|
11516 .select2-drop-auto-width { |
|
11517 border-top: 1px solid #ccc; |
|
11518 width: auto; |
|
11519 } |
|
11520 .select2-drop-auto-width .select2-search { |
|
11521 padding-top: 4px; |
|
11522 } |
|
11523 .select2-drop-active { |
|
11524 border: 1px solid rgba(82, 168, 236, 0.7); |
|
11525 border-top: 0; |
|
11526 border-bottom-width: 3px; |
|
11527 } |
|
11528 .select2-search { |
|
11529 display: inline-block; |
|
11530 width: 100%; |
|
11531 min-height: 26px; |
|
11532 margin: 0; |
|
11533 padding-left: 4px; |
|
11534 padding-right: 4px; |
|
11535 position: relative; |
|
11536 z-index: 10000; |
|
11537 white-space: nowrap; |
|
11538 } |
|
11539 .select2-search:before { |
|
11540 display: inline-block; |
|
11541 font-family: FontAwesome; |
|
11542 font-style: normal; |
|
11543 font-weight: 400; |
|
11544 line-height: 1; |
|
11545 -webkit-font-smoothing: antialiased; |
|
11546 -moz-osx-font-smoothing: grayscale; |
|
11547 position: absolute; |
|
11548 content: "\f002"; |
|
11549 top: 25%; |
|
11550 right: 10px; |
|
11551 color: #686868!important; |
|
11552 } |
|
11553 .select2-search input { |
|
11554 width: 100%; |
|
11555 height: auto!important; |
|
11556 min-height: 26px; |
|
11557 padding: 4px 20px 3px 5px; |
|
11558 margin: 0; |
|
11559 outline: 0; |
|
11560 font-size: 1em; |
|
11561 border: 1px solid #aaa; |
|
11562 -webkit-box-shadow: none; |
|
11563 box-shadow: none; |
|
11564 background: #fff; |
|
11565 background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee)); |
|
11566 background: -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); |
|
11567 background: -webkit-gradient(linear, top left, bottom left, from(#ffffff), to(#eeeeee)); |
|
11568 background: -webkit-linear-gradient(top, #ffffff 85%, #eeeeee 99%); |
|
11569 background: linear-gradient(top, #ffffff 85%, #eeeeee 99%); |
|
11570 } |
|
11571 .select2-search input.select2-active { |
|
11572 background-origin: padding-box; |
|
11573 background: #ffffff url(../img/select2-spinner.gif) no-repeat right 24px top 50%; |
|
11574 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee)); |
|
11575 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); |
|
11576 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#ffffff), to(#eeeeee)); |
|
11577 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #ffffff 85%, #eeeeee 99%); |
|
11578 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); |
|
11579 } |
|
11580 .select2-dropdown-open .select2-choice { |
|
11581 border-bottom-color: transparent; |
|
11582 -webkit-box-shadow: 0 1px 0 #fff inset; |
|
11583 box-shadow: 0 1px 0 #fff inset; |
|
11584 border-bottom-left-radius: 0; |
|
11585 border-bottom-right-radius: 0; |
|
11586 background-color: #fff; |
|
11587 } |
|
11588 .select2-dropdown-open.select2-drop-above .select2-choice, |
|
11589 .select2-dropdown-open.select2-drop-above .select2-choices { |
|
11590 border: 1px solid #5D98CC; |
|
11591 border-top-color: transparent; |
|
11592 } |
|
11593 .select2-dropdown-open .select2-choice .select2-arrow { |
|
11594 background: 0 0; |
|
11595 border-left: 0; |
|
11596 -webkit-filter: none; |
|
11597 filter: none; |
|
11598 } |
|
11599 .select2-dropdown-open .select2-choice .select2-arrow b { |
|
11600 background-position: -18px 1px; |
|
11601 } |
|
11602 .select2-results { |
|
11603 max-height: 200px; |
|
11604 padding: 0 0 0 4px; |
|
11605 margin: 4px 4px 4px 0; |
|
11606 position: relative; |
|
11607 overflow-x: hidden; |
|
11608 overflow-y: auto; |
|
11609 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
11610 } |
|
11611 .select2-results .select2-selected { |
|
11612 opacity: 0.5; |
|
11613 } |
|
11614 .select2-results ul.select2-result-sub { |
|
11615 margin: 0; |
|
11616 padding-left: 0; |
|
11617 } |
|
11618 .select2-results ul.select2-result-sub > li .select2-result-label { |
|
11619 padding-left: 20px; |
|
11620 } |
|
11621 .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
11622 padding-left: 40px; |
|
11623 } |
|
11624 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
11625 padding-left: 60px; |
|
11626 } |
|
11627 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
11628 padding-left: 80px; |
|
11629 } |
|
11630 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
11631 padding-left: 100px; |
|
11632 } |
|
11633 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
11634 padding-left: 110px; |
|
11635 } |
|
11636 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
11637 padding-left: 120px; |
|
11638 } |
|
11639 .select2-results li { |
|
11640 list-style: none; |
|
11641 display: list-item; |
|
11642 background-image: none; |
|
11643 } |
|
11644 .select2-results li.select2-result-with-children > .select2-result-label { |
|
11645 font-weight: 700; |
|
11646 } |
|
11647 .select2-results .select2-result-label { |
|
11648 padding: 3px 7px 4px; |
|
11649 margin: 0; |
|
11650 cursor: pointer; |
|
11651 min-height: 1em; |
|
11652 -webkit-touch-callout: none; |
|
11653 -webkit-user-select: none; |
|
11654 -moz-user-select: none; |
|
11655 -ms-user-select: none; |
|
11656 user-select: none; |
|
11657 } |
|
11658 .select2-results .select2-highlighted { |
|
11659 background: #3276b1; |
|
11660 color: #fff; |
|
11661 } |
|
11662 .select2-results li em { |
|
11663 background: #feffde; |
|
11664 font-style: normal; |
|
11665 } |
|
11666 .select2-results .select2-highlighted em { |
|
11667 background: 0 0; |
|
11668 } |
|
11669 .select2-results .select2-highlighted ul { |
|
11670 background: #fff; |
|
11671 color: #000; |
|
11672 } |
|
11673 .select2-results .select2-no-results, |
|
11674 .select2-results .select2-searching, |
|
11675 .select2-results .select2-selection-limit { |
|
11676 background: #f4f4f4; |
|
11677 display: list-item; |
|
11678 padding: 3px 5px; |
|
11679 opacity: 0.5; |
|
11680 } |
|
11681 .select2-results-results .select2-disabled { |
|
11682 background: #f4f4f4; |
|
11683 display: list-item; |
|
11684 cursor: default; |
|
11685 } |
|
11686 .select2-results-results .select2-disabled.select2-highlighted { |
|
11687 color: #666; |
|
11688 background: #f4f4f4; |
|
11689 display: list-item; |
|
11690 cursor: default; |
|
11691 } |
|
11692 .select2-results-results .select2-selected { |
|
11693 display: none; |
|
11694 } |
|
11695 .select2-no-results { |
|
11696 padding-left: 20px; |
|
11697 } |
|
11698 .select2-no-results:before { |
|
11699 display: inline-block; |
|
11700 font-family: FontAwesome; |
|
11701 font-style: normal; |
|
11702 font-weight: 400; |
|
11703 line-height: 1; |
|
11704 -webkit-font-smoothing: antialiased; |
|
11705 -moz-osx-font-smoothing: grayscale; |
|
11706 content: "\f05a"; |
|
11707 margin-right: 5px; |
|
11708 } |
|
11709 .select2-more-results { |
|
11710 background: #f4f4f4; |
|
11711 display: list-item; |
|
11712 } |
|
11713 .select2-more-results.select2-active { |
|
11714 background: #f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%; |
|
11715 } |
|
11716 .select2-default { |
|
11717 color: #999!important; |
|
11718 } |
|
11719 .select2-container.select2-container-disabled .select2-choice { |
|
11720 background-color: #f4f4f4; |
|
11721 background-image: none; |
|
11722 border: 1px solid #ddd; |
|
11723 cursor: default; |
|
11724 } |
|
11725 .select2-container.select2-container-disabled .select2-choice .select2-arrow { |
|
11726 background-color: #f4f4f4; |
|
11727 background-image: none; |
|
11728 border-left: 0; |
|
11729 } |
|
11730 .select2-container.select2-container-disabled .select2-choice abbr { |
|
11731 display: none; |
|
11732 } |
|
11733 .select2-container-multi.select2-container-active .select2-choices { |
|
11734 border: 1px solid rgba(82, 168, 236, 0.7); |
|
11735 outline: 0; |
|
11736 } |
|
11737 .select2-container-multi .select2-choices { |
|
11738 height: auto!important; |
|
11739 height: 1%; |
|
11740 min-height: 26px; |
|
11741 margin: 0; |
|
11742 padding: 0; |
|
11743 position: relative; |
|
11744 border: 1px solid #ccc; |
|
11745 cursor: text; |
|
11746 overflow: hidden; |
|
11747 background-color: #fff; |
|
11748 } |
|
11749 label.bordered .select2-container-multi .select2-choices { |
|
11750 border-color: transparent; |
|
11751 } |
|
11752 .select2-container-multi .select2-choices:hover { |
|
11753 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
11754 } |
|
11755 label.bordered .select2-container-multi .select2-choices:hover { |
|
11756 border-color: transparent !important; |
|
11757 } |
|
11758 .select2-container-multi .select2-choices li { |
|
11759 float: left; |
|
11760 list-style: none; |
|
11761 } |
|
11762 .select2-container-multi .select2-choices .select2-search-field { |
|
11763 margin: 0; |
|
11764 padding: 0; |
|
11765 white-space: nowrap; |
|
11766 } |
|
11767 .select2-container-multi .select2-choices .select2-search-field input { |
|
11768 max-height: 24px; |
|
11769 padding: 3px 5px; |
|
11770 margin: 1px 0; |
|
11771 font-family: Ubuntu, sans-serif; |
|
11772 font-size: 100%; |
|
11773 color: #666; |
|
11774 outline: 0; |
|
11775 border: 0; |
|
11776 -webkit-box-shadow: none; |
|
11777 box-shadow: none; |
|
11778 background: transparent!important; |
|
11779 } |
|
11780 .select2-container-multi .select2-choices .select2-search-field input.select2-active { |
|
11781 background: #ffffff url(../img/select2-spinner.gif) no-repeat 99% !important; |
|
11782 } |
|
11783 .select2-container-multi .select2-choices .select2-search-choice { |
|
11784 padding: 1px 28px 1px 8px; |
|
11785 margin: 2px 0 2px 2px; |
|
11786 position: relative; |
|
11787 line-height: 18px; |
|
11788 color: #fff; |
|
11789 cursor: default; |
|
11790 border: 1px solid #2a6395; |
|
11791 -webkit-background-clip: padding-box; |
|
11792 background-clip: padding-box; |
|
11793 -webkit-touch-callout: none; |
|
11794 -webkit-user-select: none; |
|
11795 -khtml-user-select: none; |
|
11796 -moz-user-select: none; |
|
11797 -ms-user-select: none; |
|
11798 user-select: none; |
|
11799 background-color: #3276b1; |
|
11800 } |
|
11801 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { |
|
11802 cursor: default; |
|
11803 } |
|
11804 .select2-container-multi .select2-choices .select2-search-choice-focus { |
|
11805 opacity: .8; |
|
11806 } |
|
11807 .select2-container-multi .select2-search-choice-close { |
|
11808 display: block; |
|
11809 top: 0; |
|
11810 right: -2px; |
|
11811 padding: 3px 0px 3px 6px; |
|
11812 } |
|
11813 .select2-container-multi .select2-search-choice-close:hover { |
|
11814 background: rgba(0, 0, 0, 0.3); |
|
11815 } |
|
11816 .select2-container-multi.select2-container-disabled .select2-choices { |
|
11817 background-color: #f4f4f4; |
|
11818 background-image: none; |
|
11819 border: 1px solid #ddd; |
|
11820 cursor: default; |
|
11821 } |
|
11822 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { |
|
11823 padding: 3px 5px; |
|
11824 border: 1px solid #4a90cc; |
|
11825 background-image: none; |
|
11826 background-color: #86b4dd; |
|
11827 cursor: not-allowed; |
|
11828 } |
|
11829 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { |
|
11830 display: none; |
|
11831 background: 0 0; |
|
11832 } |
|
11833 .select2-locked { |
|
11834 padding: 3px 5px!important; |
|
11835 } |
|
11836 .select2-search-choice-close { |
|
11837 display: block; |
|
11838 min-width: 20px; |
|
11839 min-height: 14px; |
|
11840 position: absolute; |
|
11841 right: 3px; |
|
11842 top: 3px; |
|
11843 margin: 0; |
|
11844 padding: 0; |
|
11845 font-size: 15px; |
|
11846 text-decoration: none!important; |
|
11847 font-family: FontAwesome; |
|
11848 font-style: normal; |
|
11849 font-weight: 400; |
|
11850 line-height: 1; |
|
11851 -webkit-font-smoothing: antialiased; |
|
11852 -moz-osx-font-smoothing: grayscale; |
|
11853 } |
|
11854 .select2-search-choice-close:before { |
|
11855 color: #fff; |
|
11856 content: "\f057"; |
|
11857 } |
|
11858 .select2-result-selectable .select2-match, |
|
11859 .select2-result-unselectable .select2-match { |
|
11860 text-decoration: underline; |
|
11861 } |
|
11862 .select2-offscreen, |
|
11863 .select2-offscreen:focus { |
|
11864 clip: rect(0 0 0 0) !important; |
|
11865 width: 1px!important; |
|
11866 height: 1px!important; |
|
11867 border: 0!important; |
|
11868 margin: 0!important; |
|
11869 padding: 0!important; |
|
11870 overflow: hidden!important; |
|
11871 position: absolute!important; |
|
11872 outline: 0!important; |
|
11873 left: 0!important; |
|
11874 top: 0!important; |
|
11875 } |
|
11876 .select2-display-none { |
|
11877 display: none; |
|
11878 } |
|
11879 .select2-measure-scrollbar { |
|
11880 position: absolute; |
|
11881 top: -10000px; |
|
11882 left: -10000px; |
|
11883 width: 100px; |
|
11884 height: 100px; |
|
11885 overflow: scroll; |
|
11886 } |
|
11887 .select2-hidden-accessible { |
|
11888 position: absolute; |
|
11889 border: 0; |
|
11890 clip: rect(0 0 0 0); |
|
11891 height: 1px; |
|
11892 width: 1px; |
|
11893 margin: -1px; |
|
11894 overflow: hidden; |
|
11895 padding: 0; |
|
11896 } |
|
11897 label.with-icon > i.icon-append + .select2-parent .select2-choices { |
|
11898 padding-right: 29px; |
|
11899 } |
|
11900 .multiselect-container { |
|
11901 position: absolute; |
|
11902 list-style-type: none; |
|
11903 margin: 0; |
|
11904 padding: 0; |
|
11905 } |
|
11906 .multiselect-container .input-group { |
|
11907 margin: 5px; |
|
11908 } |
|
11909 .multiselect-container > li { |
|
11910 padding: 0; |
|
11911 } |
|
11912 .multiselect-container > li > a.multiselect-all label { |
|
11913 font-weight: 700; |
|
11914 } |
|
11915 .multiselect-container > li > a > label { |
|
11916 margin: 0; |
|
11917 height: 100%; |
|
11918 cursor: pointer; |
|
11919 font-weight: 400; |
|
11920 } |
|
11921 .multiselect-container > li > a > label.checkbox, |
|
11922 .multiselect-container > li > a > label.radio { |
|
11923 margin: 0; |
|
11924 } |
|
11925 .multiselect-container > li > a > label > input[type=checkbox] { |
|
11926 margin-bottom: 5px; |
|
11927 } |
|
11928 .multiselect-container > li > label.multiselect-group { |
|
11929 margin: 0; |
|
11930 padding: 3px 20px; |
|
11931 height: 100%; |
|
11932 font-weight: 700; |
|
11933 } |
|
11934 .btn-group > .btn-group:nth-child(2) > .multiselect.btn { |
|
11935 border-top-left-radius: 4px; |
|
11936 border-bottom-left-radius: 4px; |
|
11937 } |
|
11938 /* |
|
11939 * Standard Bootstrap widgets |
|
11940 */ |
|
11941 .color-select { |
|
11942 list-style: none; |
|
11943 margin: 0; |
|
11944 padding: 4px; |
|
11945 min-width: 166px; |
|
11946 max-width: 156px; |
|
11947 right: -3px; |
|
11948 } |
|
11949 .color-select li { |
|
11950 display: block; |
|
11951 margin: 2px; |
|
11952 float: left; |
|
11953 } |
|
11954 .color-select li span { |
|
11955 display: block; |
|
11956 width: 22px; |
|
11957 height: 22px; |
|
11958 padding: 0; |
|
11959 background: #333; |
|
11960 box-sizing: border-box; |
|
11961 -moz-box-sizing: border-box; |
|
11962 -webkit-box-sizing: border-box; |
|
11963 border: 1px solid rgba(0, 0, 0, 0.1); |
|
11964 cursor: pointer; |
|
11965 } |
|
11966 .color-select li span:hover { |
|
11967 border: 3px solid rgba(0, 0, 0, 0.2); |
|
11968 } |
|
11969 .widget-toolbar .dropdown-menu.color-select { |
|
11970 right: -1px; |
|
11971 } |
|
11972 .color-box { |
|
11973 display: block; |
|
11974 position: relative; |
|
11975 width: 22px; |
|
11976 height: 22px; |
|
11977 padding: 0; |
|
11978 background: #333; |
|
11979 -webkit-box-sizing: border-box; |
|
11980 -moz-box-sizing: border-box; |
|
11981 box-sizing: border-box; |
|
11982 border: 1px solid rgba(255, 255, 255, 0.3) !important; |
|
11983 cursor: pointer; |
|
11984 vertical-align: middle; |
|
11985 outline: 1px solid rgba(0, 0, 0, 0.1); |
|
11986 background: rgba(255, 255, 255, 0.3) !important; |
|
11987 } |
|
11988 .color-box:hover, |
|
11989 .open .color-box { |
|
11990 outline: 1px solid rgba(0, 0, 0, 0.1) !important; |
|
11991 } |
|
11992 .color-box:hover { |
|
11993 -webkit-transform: scale(1.07); |
|
11994 -moz-transform: scale(1.07); |
|
11995 } |
|
11996 .color-box:active { |
|
11997 top: 1px; |
|
11998 left: 1px; |
|
11999 } |
|
12000 .widget-toolbar > .color-box { |
|
12001 margin-top: 7px; |
|
12002 width: 18px; |
|
12003 height: 18px; |
|
12004 outline: 1px solid rgba(0, 0, 0, 0.2); |
|
12005 } |
|
12006 .widget-toolbar > .color-box:active, |
|
12007 .widget-toolbar > .color-box:focus, |
|
12008 .widget-toolbar > .color-box:hover { |
|
12009 outline: 1px solid rgba(0, 0, 0, 0.25) !important; |
|
12010 } |
|
12011 /* |
|
12012 * Full calendar |
|
12013 */ |
|
12014 .ams-widget #calendar { |
|
12015 margin-top: -18px; |
|
12016 } |
|
12017 #calendar-buttons { |
|
12018 position: absolute; |
|
12019 right: 14px; |
|
12020 top: 5px; |
|
12021 } |
|
12022 #calendar-container { |
|
12023 position: relative; |
|
12024 } |
|
12025 #external-events > li { |
|
12026 margin: 6px 4px 6px 0; |
|
12027 display: inline-block; |
|
12028 } |
|
12029 #external-events > li > :first-child { |
|
12030 padding: 5px 10px 10px; |
|
12031 cursor: move; |
|
12032 display: block; |
|
12033 } |
|
12034 #external-events > li > :first-child:after { |
|
12035 color: #fff; |
|
12036 color: rgba(255, 255, 255, 0.7); |
|
12037 content: attr(data-description); |
|
12038 font-size: 11px; |
|
12039 font-weight: 400; |
|
12040 display: block; |
|
12041 line-height: 0; |
|
12042 margin: 7px 0; |
|
12043 text-transform: lowercase; |
|
12044 } |
|
12045 .fc { |
|
12046 direction: ltr; |
|
12047 text-align: left; |
|
12048 } |
|
12049 .fc .fc-header-space { |
|
12050 padding-left: 10px; |
|
12051 } |
|
12052 .fc table, |
|
12053 html .fc { |
|
12054 font-size: 12px; |
|
12055 } |
|
12056 .fc table { |
|
12057 border-collapse: collapse; |
|
12058 border-spacing: 0; |
|
12059 } |
|
12060 .fc th, |
|
12061 .fc td { |
|
12062 padding: 0; |
|
12063 vertical-align: top; |
|
12064 } |
|
12065 .fc .ui-resizable-handle { |
|
12066 display: block; |
|
12067 position: absolute; |
|
12068 z-index: 99999; |
|
12069 overflow: hidden; |
|
12070 font-size: 300%; |
|
12071 line-height: 50%; |
|
12072 } |
|
12073 .fc .ui-draggable-dragging .fc-event-bg { |
|
12074 display: none; |
|
12075 } |
|
12076 .fc-border-separate thead tr, |
|
12077 .fc-border-separate .table thead tr { |
|
12078 background-color: #eee; |
|
12079 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa)); |
|
12080 background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
12081 background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
12082 font-size: 12px; |
|
12083 } |
|
12084 .fc-border-separate thead tr th { |
|
12085 padding: 4px; |
|
12086 line-height: 1.428571429; |
|
12087 } |
|
12088 tr td.fc-first, |
|
12089 tr.fc-first th.fc-first { |
|
12090 border-left: 0; |
|
12091 } |
|
12092 tr.fc-last td { |
|
12093 border-bottom: 0; |
|
12094 } |
|
12095 .fc-header .fc-button { |
|
12096 margin-bottom: 1em; |
|
12097 vertical-align: top; |
|
12098 margin-right: -1px; |
|
12099 } |
|
12100 .fc-header .fc-corner-right { |
|
12101 margin-right: 1px; |
|
12102 } |
|
12103 .fc-header .ui-corner-right { |
|
12104 margin-right: 0; |
|
12105 } |
|
12106 .fc-header .fc-state-hover, |
|
12107 .fc-header .ui-state-hover { |
|
12108 z-index: 2; |
|
12109 } |
|
12110 .fc-header .fc-state-down { |
|
12111 z-index: 3; |
|
12112 } |
|
12113 .fc-header .fc-state-active, |
|
12114 .fc-header .ui-state-active { |
|
12115 z-index: 4; |
|
12116 } |
|
12117 .fc-header td { |
|
12118 white-space: nowrap; |
|
12119 } |
|
12120 .fc-header-left { |
|
12121 width: 25%; |
|
12122 text-align: left; |
|
12123 } |
|
12124 .fc-header-center { |
|
12125 text-align: center; |
|
12126 } |
|
12127 .fc-header-right { |
|
12128 width: 25%; |
|
12129 text-align: right; |
|
12130 } |
|
12131 .fc-header-title { |
|
12132 display: inline-block; |
|
12133 vertical-align: top; |
|
12134 } |
|
12135 .fc-header-title h2 { |
|
12136 margin-top: 0; |
|
12137 white-space: nowrap; |
|
12138 } |
|
12139 .ams-widget .fc-header-title h2 { |
|
12140 text-shadow: 0 1px 0 #fff; |
|
12141 margin-top: -12px; |
|
12142 margin-left: 10px; |
|
12143 font-size: 14px; |
|
12144 font-weight: 700; |
|
12145 margin-bottom: 0; |
|
12146 } |
|
12147 .fc-content { |
|
12148 clear: both; |
|
12149 } |
|
12150 .fc-view { |
|
12151 width: 100%; |
|
12152 overflow: hidden; |
|
12153 } |
|
12154 .fc-widget-content, |
|
12155 .fc-widget-header { |
|
12156 border: 1px solid #ccc; |
|
12157 border-right: 0; |
|
12158 } |
|
12159 .fc-state-highlight { |
|
12160 background: #ffc; |
|
12161 } |
|
12162 .fc-cell-overlay { |
|
12163 background: #9cf; |
|
12164 opacity: .2; |
|
12165 filter: alpha(opacity=20); |
|
12166 } |
|
12167 .fc-button { |
|
12168 position: relative; |
|
12169 display: inline-block; |
|
12170 cursor: pointer; |
|
12171 } |
|
12172 .fc-button-inner { |
|
12173 position: relative; |
|
12174 float: left; |
|
12175 overflow: hidden; |
|
12176 } |
|
12177 .fc-state-default { |
|
12178 border-width: 1px 0; |
|
12179 } |
|
12180 .fc-state-default .fc-button-inner { |
|
12181 border-width: 0 1px; |
|
12182 } |
|
12183 .fc-state-default, |
|
12184 .fc-state-default .fc-button-inner { |
|
12185 border-style: solid; |
|
12186 border-color: #ccc #bbb #aaa; |
|
12187 background: #F3F3F3; |
|
12188 color: #000; |
|
12189 } |
|
12190 .fc-state-default .fc-button-effect { |
|
12191 position: absolute; |
|
12192 top: 50%; |
|
12193 left: 0; |
|
12194 } |
|
12195 .fc-state-default .fc-button-effect span { |
|
12196 position: absolute; |
|
12197 top: -100px; |
|
12198 left: 0; |
|
12199 width: 500px; |
|
12200 height: 100px; |
|
12201 border-width: 100px 0 0 1px; |
|
12202 border-style: solid; |
|
12203 border-color: #fff; |
|
12204 background: #444; |
|
12205 opacity: .09; |
|
12206 filter: alpha(opacity=9); |
|
12207 } |
|
12208 .fc-state-hover .fc-button-inner { |
|
12209 border-color: #999; |
|
12210 } |
|
12211 .fc-state-down .fc-button-inner { |
|
12212 border-color: #555; |
|
12213 background: #777; |
|
12214 } |
|
12215 .fc-state-active .fc-button-inner { |
|
12216 border-color: #555; |
|
12217 background: #777; |
|
12218 color: #fff; |
|
12219 } |
|
12220 .fc-state-disabled { |
|
12221 cursor: default; |
|
12222 } |
|
12223 .fc-state-disabled .fc-button-inner { |
|
12224 color: #999; |
|
12225 border-color: #ddd; |
|
12226 } |
|
12227 .fc-state-disabled .fc-button-effect { |
|
12228 display: none; |
|
12229 } |
|
12230 .fc-button-content { |
|
12231 position: relative; |
|
12232 float: left; |
|
12233 height: 1.9em; |
|
12234 line-height: 1.9em; |
|
12235 padding: 0 .6em; |
|
12236 white-space: nowrap; |
|
12237 } |
|
12238 .fc-button-content .fc-icon-wrap { |
|
12239 position: relative; |
|
12240 float: left; |
|
12241 top: 50%; |
|
12242 } |
|
12243 .fc-button-content .ui-icon { |
|
12244 position: relative; |
|
12245 float: left; |
|
12246 margin-top: -50%; |
|
12247 *margin-top: 0; |
|
12248 *top: -50%; |
|
12249 } |
|
12250 .fc-event { |
|
12251 border-style: solid; |
|
12252 border-width: 0; |
|
12253 font-size: .85em; |
|
12254 cursor: default; |
|
12255 } |
|
12256 .fc-rtl .fc-event { |
|
12257 text-align: right; |
|
12258 } |
|
12259 .fc-event-draggable, |
|
12260 a.fc-event { |
|
12261 cursor: pointer; |
|
12262 } |
|
12263 a.fc-event { |
|
12264 text-decoration: none; |
|
12265 } |
|
12266 .fc-event-skin { |
|
12267 color: #FFF; |
|
12268 border-right: 0!important; |
|
12269 cursor: move; |
|
12270 } |
|
12271 .fc-event-skin .fa:before { |
|
12272 display: block; |
|
12273 font-size: 14px; |
|
12274 position: absolute; |
|
12275 right: 4px; |
|
12276 top: 3px; |
|
12277 } |
|
12278 .fc-event-inner { |
|
12279 position: relative; |
|
12280 width: 100%; |
|
12281 height: 100%; |
|
12282 border-style: solid; |
|
12283 border-width: 0; |
|
12284 overflow: hidden; |
|
12285 } |
|
12286 .fc-event-hori { |
|
12287 border-width: 1px 0; |
|
12288 margin-bottom: 1px; |
|
12289 } |
|
12290 .fc-event-hori .ui-resizable-e { |
|
12291 top: 0!important; |
|
12292 right: -3px !important; |
|
12293 width: 7px!important; |
|
12294 height: 100%!important; |
|
12295 cursor: e-resize; |
|
12296 } |
|
12297 .fc-event-hori .ui-resizable-w { |
|
12298 top: 0!important; |
|
12299 left: -3px !important; |
|
12300 width: 7px!important; |
|
12301 height: 100%!important; |
|
12302 cursor: w-resize; |
|
12303 } |
|
12304 .fc-event-hori .ui-resizable-handle { |
|
12305 _padding-bottom: 14px; |
|
12306 } |
|
12307 .fc-corner-left { |
|
12308 margin-left: 1px; |
|
12309 } |
|
12310 .fc-corner-left .fc-button-inner, |
|
12311 .fc-corner-left .fc-event-inner { |
|
12312 margin-left: -1px; |
|
12313 } |
|
12314 .fc-corner-right { |
|
12315 margin-right: 1px; |
|
12316 } |
|
12317 .fc-corner-right .fc-button-inner, |
|
12318 .fc-corner-right .fc-event-inner { |
|
12319 margin-right: -1px; |
|
12320 } |
|
12321 .fc-corner-right .fc-event-inner { |
|
12322 border-left: 6px solid rgba(0, 0, 0, 0.15); |
|
12323 padding-left: 2px; |
|
12324 padding-right: 15px; |
|
12325 } |
|
12326 .fc-corner-top { |
|
12327 margin-top: 1px; |
|
12328 } |
|
12329 .fc-corner-top .fc-event-inner { |
|
12330 margin-top: -1px; |
|
12331 border-top-width: 1px; |
|
12332 } |
|
12333 .fc-corner-bottom { |
|
12334 margin-bottom: 1px; |
|
12335 } |
|
12336 .fc-corner-bottom .fc-event-inner { |
|
12337 margin-bottom: -1px; |
|
12338 border-bottom-width: 1px; |
|
12339 } |
|
12340 table.fc-table-separate { |
|
12341 border-collapse: separate; |
|
12342 } |
|
12343 .fc-table-separate td, |
|
12344 .fc-table-separate th { |
|
12345 border-width: 1px 0 0 1px; |
|
12346 } |
|
12347 .fc-table-separate td.fc-last, |
|
12348 .fc-table-separate th.fc-last { |
|
12349 border-right-width: 1px; |
|
12350 } |
|
12351 .fc-table-separate tr.fc-last td, |
|
12352 .fc-table-separate tr.fc-last th { |
|
12353 border-bottom-width: 1px; |
|
12354 } |
|
12355 .fc-table-separate tbody tr.fc-first td, |
|
12356 .fc-table-separate tbody tr.fc-first th { |
|
12357 border-top-width: 0; |
|
12358 } |
|
12359 .fc-grid th { |
|
12360 text-align: center; |
|
12361 } |
|
12362 .fc-grid .fc-day-number { |
|
12363 float: right; |
|
12364 padding: 0 2px; |
|
12365 } |
|
12366 .fc-grid .fc-other-month .fc-day-number { |
|
12367 opacity: .3; |
|
12368 filter: alpha(opacity=30); |
|
12369 } |
|
12370 .fc-grid .fc-day-content { |
|
12371 clear: both; |
|
12372 padding: 2px 2px 1px; |
|
12373 } |
|
12374 .fc-grid .fc-event-time { |
|
12375 font-weight: 700; |
|
12376 } |
|
12377 .fc-rtl .fc-grid .fc-day-number { |
|
12378 float: left; |
|
12379 } |
|
12380 .fc-rtl .fc-grid .fc-event-time { |
|
12381 float: right; |
|
12382 } |
|
12383 .fc-agenda table { |
|
12384 border-collapse: separate; |
|
12385 } |
|
12386 .fc-agenda .fc-agenda-axis { |
|
12387 width: 50px; |
|
12388 padding: 0 4px; |
|
12389 vertical-align: middle; |
|
12390 text-align: right; |
|
12391 white-space: nowrap; |
|
12392 font-weight: 400; |
|
12393 } |
|
12394 .fc-agenda .fc-day-content { |
|
12395 padding: 2px 2px 1px; |
|
12396 } |
|
12397 .fc-agenda-days th { |
|
12398 text-align: center; |
|
12399 } |
|
12400 .fc-agenda-days .fc-agenda-axis { |
|
12401 border-right-width: 1px; |
|
12402 } |
|
12403 .fc-agenda-days .fc-col0 { |
|
12404 border-left-width: 0; |
|
12405 } |
|
12406 .fc-agenda-allday th { |
|
12407 border-width: 0 1px; |
|
12408 } |
|
12409 .fc-agenda-allday .fc-day-content { |
|
12410 min-height: 34px; |
|
12411 _height: 34px; |
|
12412 } |
|
12413 .fc-agenda-divider-inner { |
|
12414 height: 2px; |
|
12415 overflow: hidden; |
|
12416 } |
|
12417 .fc-widget-header .fc-agenda-divider-inner { |
|
12418 background: #eee; |
|
12419 } |
|
12420 .fc-agenda-slots th { |
|
12421 border-width: 1px 1px 0; |
|
12422 } |
|
12423 .fc-agenda-slots td { |
|
12424 border-width: 1px 0 0; |
|
12425 background: 0 0; |
|
12426 } |
|
12427 .fc-agenda-slots td div { |
|
12428 height: 20px; |
|
12429 } |
|
12430 .fc-agenda-slots tr.fc-slot0 td, |
|
12431 .fc-agenda-slots tr.fc-slot0 th { |
|
12432 border-top-width: 0; |
|
12433 } |
|
12434 .fc-agenda-slots tr.fc-minor td, |
|
12435 .fc-agenda-slots tr.fc-minor th { |
|
12436 border-top-style: dotted; |
|
12437 } |
|
12438 .fc-agenda-slots tr.fc-minor th.ui-widget-header { |
|
12439 *border-top-style: solid; |
|
12440 } |
|
12441 .fc-event-time, |
|
12442 .fc-event-title { |
|
12443 padding: 3px 0 2px 3px; |
|
12444 display: inline-block; |
|
12445 line-height: 16px; |
|
12446 font-weight: 700; |
|
12447 font-size: 11px; |
|
12448 -webkit-box-sizing: border-box; |
|
12449 -moz-box-sizing: border-box; |
|
12450 box-sizing: border-box; |
|
12451 } |
|
12452 .fc-event-vert { |
|
12453 border-width: 0 1px; |
|
12454 } |
|
12455 .fc-event-vert .fc-event-content, |
|
12456 .fc-event-vert .fc-event-head { |
|
12457 position: relative; |
|
12458 z-index: 2; |
|
12459 width: 100%; |
|
12460 overflow: hidden; |
|
12461 } |
|
12462 .fc-event-vert .fc-event-time { |
|
12463 white-space: nowrap; |
|
12464 font-size: 10px; |
|
12465 } |
|
12466 .fc-event-vert .fc-event-bg { |
|
12467 position: absolute; |
|
12468 z-index: 1; |
|
12469 top: 0; |
|
12470 left: 0; |
|
12471 width: 100%; |
|
12472 height: 100%; |
|
12473 background: #fff; |
|
12474 opacity: .3; |
|
12475 filter: alpha(opacity=30); |
|
12476 } |
|
12477 .fc-event-vert .ui-resizable-s { |
|
12478 bottom: 0!important; |
|
12479 width: 100%!important; |
|
12480 height: 8px!important; |
|
12481 overflow: hidden!important; |
|
12482 line-height: 8px!important; |
|
12483 font-size: 11px!important; |
|
12484 font-family: monospace; |
|
12485 text-align: center; |
|
12486 cursor: s-resize; |
|
12487 } |
|
12488 .fc-select-helper .fc-event-bg { |
|
12489 display: none; |
|
12490 } |
|
12491 .fc-agenda .ui-resizable-resizing { |
|
12492 _overflow: hidden; |
|
12493 } |
|
12494 /* |
|
12495 * Colorpicker |
|
12496 */ |
|
12497 .colorpicker { |
|
12498 zoom: 1; |
|
12499 top: 0; |
|
12500 left: 0; |
|
12501 padding: 4px; |
|
12502 min-width: 120px; |
|
12503 margin-top: 1px; |
|
12504 border-top-right-radius: 4px; |
|
12505 border-top-left-radius: 4px; |
|
12506 border-bottom-right-radius: 4px; |
|
12507 border-bottom-left-radius: 4px; |
|
12508 } |
|
12509 .colorpicker:after { |
|
12510 clear: both; |
|
12511 } |
|
12512 .colorpicker:before { |
|
12513 content: ''; |
|
12514 display: inline-block; |
|
12515 border-left: 7px solid transparent; |
|
12516 border-right: 7px solid transparent; |
|
12517 border-bottom: 7px solid #ccc; |
|
12518 border-bottom-color: rgba(0, 0, 0, 0.2); |
|
12519 position: absolute; |
|
12520 top: -7px; |
|
12521 left: 6px; |
|
12522 } |
|
12523 .colorpicker:after { |
|
12524 content: ''; |
|
12525 display: inline-block; |
|
12526 border-left: 6px solid transparent; |
|
12527 border-right: 6px solid transparent; |
|
12528 border-bottom: 6px solid #fff; |
|
12529 position: absolute; |
|
12530 top: -6px; |
|
12531 left: 7px; |
|
12532 } |
|
12533 .colorpicker.alpha { |
|
12534 min-width: 140px; |
|
12535 } |
|
12536 .colorpicker.alpha .colorpicker-alpha { |
|
12537 display: block; |
|
12538 } |
|
12539 .colorpicker div { |
|
12540 position: relative; |
|
12541 } |
|
12542 .colorpicker-saturation { |
|
12543 width: 100px; |
|
12544 height: 100px; |
|
12545 background-image: url(../img/saturation.png); |
|
12546 cursor: crosshair; |
|
12547 float: left; |
|
12548 } |
|
12549 .colorpicker-saturation i { |
|
12550 display: block; |
|
12551 height: 5px; |
|
12552 width: 5px; |
|
12553 border: 1px solid #000; |
|
12554 position: absolute; |
|
12555 top: 0; |
|
12556 left: 0; |
|
12557 margin: -4px 0 0 -4px; |
|
12558 } |
|
12559 .colorpicker-saturation i b { |
|
12560 display: block; |
|
12561 height: 5px; |
|
12562 width: 5px; |
|
12563 border: 1px solid #fff; |
|
12564 } |
|
12565 .colorpicker-color { |
|
12566 height: 10px; |
|
12567 margin-top: 5px; |
|
12568 clear: both; |
|
12569 background-image: url(../img/alpha.png); |
|
12570 background-position: 0 100%; |
|
12571 } |
|
12572 .colorpicker-color div { |
|
12573 height: 10px; |
|
12574 } |
|
12575 .colorpicker-alpha, |
|
12576 .colorpicker-hue { |
|
12577 width: 15px; |
|
12578 height: 100px; |
|
12579 float: left; |
|
12580 cursor: row-resize; |
|
12581 margin-left: 4px; |
|
12582 margin-bottom: 4px; |
|
12583 } |
|
12584 .colorpicker-alpha i, |
|
12585 .colorpicker-hue i { |
|
12586 display: block; |
|
12587 height: 1px; |
|
12588 background: #000; |
|
12589 border-top: 1px solid #fff; |
|
12590 position: absolute; |
|
12591 top: 0; |
|
12592 left: 0; |
|
12593 width: 100%; |
|
12594 margin-top: -1px; |
|
12595 } |
|
12596 .colorpicker-hue { |
|
12597 background-image: url(../img/hue.png); |
|
12598 } |
|
12599 .colorpicker-alpha { |
|
12600 background-image: url(../img/alpha.png); |
|
12601 display: none; |
|
12602 } |
|
12603 .input-append.color .add-on i, |
|
12604 .input-prepend.color .add-on i { |
|
12605 display: block; |
|
12606 cursor: pointer; |
|
12607 width: 16px; |
|
12608 height: 16px; |
|
12609 } |
|
12610 /* |
|
12611 * Timepicker |
|
12612 */ |
|
12613 .bootstrap-timepicker { |
|
12614 position: relative; |
|
12615 } |
|
12616 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { |
|
12617 left: auto; |
|
12618 right: 0; |
|
12619 } |
|
12620 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { |
|
12621 left: auto; |
|
12622 right: 12px; |
|
12623 } |
|
12624 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { |
|
12625 left: auto; |
|
12626 right: 13px; |
|
12627 } |
|
12628 .bootstrap-timepicker .add-on { |
|
12629 cursor: pointer; |
|
12630 } |
|
12631 .bootstrap-timepicker .add-on i { |
|
12632 display: inline-block; |
|
12633 width: 16px; |
|
12634 height: 16px; |
|
12635 } |
|
12636 @media (max-width: 767px) { |
|
12637 .bootstrap-timepicker, |
|
12638 .bootstrap-timepicker .dropdown-menu { |
|
12639 width: 100%; |
|
12640 } |
|
12641 } |
|
12642 .bootstrap-timepicker-widget.dropdown-menu { |
|
12643 padding: 4px; |
|
12644 } |
|
12645 .bootstrap-timepicker-widget.dropdown-menu.open { |
|
12646 display: inline-block; |
|
12647 } |
|
12648 .bootstrap-timepicker-widget.dropdown-menu:before { |
|
12649 border-bottom: 7px solid rgba(0, 0, 0, 0.2); |
|
12650 border-left: 7px solid transparent; |
|
12651 border-right: 7px solid transparent; |
|
12652 content: ""; |
|
12653 display: inline-block; |
|
12654 position: absolute; |
|
12655 } |
|
12656 .bootstrap-timepicker-widget.dropdown-menu:after { |
|
12657 border-bottom: 6px solid #FFF; |
|
12658 border-left: 6px solid transparent; |
|
12659 border-right: 6px solid transparent; |
|
12660 content: ""; |
|
12661 display: inline-block; |
|
12662 position: absolute; |
|
12663 } |
|
12664 .bootstrap-timepicker-widget.timepicker-orient-left:before { |
|
12665 left: 6px; |
|
12666 } |
|
12667 .bootstrap-timepicker-widget.timepicker-orient-left:after { |
|
12668 left: 7px; |
|
12669 } |
|
12670 .bootstrap-timepicker-widget.timepicker-orient-right:before { |
|
12671 right: 6px; |
|
12672 } |
|
12673 .bootstrap-timepicker-widget.timepicker-orient-right:after { |
|
12674 right: 7px; |
|
12675 } |
|
12676 .bootstrap-timepicker-widget.timepicker-orient-top:before { |
|
12677 top: -7px; |
|
12678 } |
|
12679 .bootstrap-timepicker-widget.timepicker-orient-top:after { |
|
12680 top: -6px; |
|
12681 } |
|
12682 .bootstrap-timepicker-widget.timepicker-orient-bottom:before { |
|
12683 bottom: -7px; |
|
12684 border-bottom: 0; |
|
12685 border-top: 7px solid #999; |
|
12686 } |
|
12687 .bootstrap-timepicker-widget.timepicker-orient-bottom:after { |
|
12688 bottom: -6px; |
|
12689 border-bottom: 0; |
|
12690 border-top: 6px solid #fff; |
|
12691 } |
|
12692 .bootstrap-timepicker-widget a.btn, |
|
12693 .bootstrap-timepicker-widget input { |
|
12694 border-radius: 4px; |
|
12695 } |
|
12696 .bootstrap-timepicker-widget table { |
|
12697 width: 100%; |
|
12698 margin: 0; |
|
12699 } |
|
12700 .bootstrap-timepicker-widget table table td { |
|
12701 text-align: center; |
|
12702 height: 30px; |
|
12703 margin: 0; |
|
12704 padding: 2px; |
|
12705 } |
|
12706 .bootstrap-timepicker-widget table table td:not(.separator) { |
|
12707 min-width: 30px; |
|
12708 } |
|
12709 .bootstrap-timepicker-widget table table td span { |
|
12710 width: 100%; |
|
12711 } |
|
12712 .bootstrap-timepicker-widget table table td a { |
|
12713 border: 1px transparent solid; |
|
12714 width: 100%; |
|
12715 display: inline-block; |
|
12716 margin: 0; |
|
12717 padding: 8px 0; |
|
12718 outline: 0; |
|
12719 color: #333; |
|
12720 } |
|
12721 .bootstrap-timepicker-widget table table td a:hover { |
|
12722 text-decoration: none; |
|
12723 background-color: #eee; |
|
12724 border-radius: 4px; |
|
12725 border-color: #ddd; |
|
12726 } |
|
12727 .bootstrap-timepicker-widget table table td a i { |
|
12728 margin-top: 2px; |
|
12729 font-size: 18px; |
|
12730 } |
|
12731 .bootstrap-timepicker-widget table table td input { |
|
12732 width: 25px; |
|
12733 margin: 0; |
|
12734 text-align: center; |
|
12735 } |
|
12736 @media (min-width: 767px) { |
|
12737 .bootstrap-timepicker-widget.modal { |
|
12738 width: 200px; |
|
12739 margin-left: -100px; |
|
12740 } |
|
12741 } |
|
12742 .bootstrap-timepicker-widget .modal-content { |
|
12743 padding: 4px; |
|
12744 } |
|
12745 /* |
|
12746 * Note editor |
|
12747 */ |
|
12748 .note-editor { |
|
12749 border: 1px solid #a9a9a9; |
|
12750 } |
|
12751 .note-editor.fullscreen { |
|
12752 position: fixed; |
|
12753 top: 0; |
|
12754 left: 0; |
|
12755 z-index: 1050; |
|
12756 width: 100%; |
|
12757 } |
|
12758 .note-editor.fullscreen.fullscreen .note-editable { |
|
12759 background-color: #fff; |
|
12760 } |
|
12761 .note-editor.codeview .note-editable, |
|
12762 .note-editor.fullscreen .note-resizebar { |
|
12763 display: none; |
|
12764 } |
|
12765 .note-editor.codeview .note-codeable { |
|
12766 display: block; |
|
12767 } |
|
12768 .note-editor .note-toolbar { |
|
12769 padding-bottom: 5px; |
|
12770 padding-left: 5px; |
|
12771 margin: 0; |
|
12772 background-color: #f5f5f5; |
|
12773 border-bottom: 1px solid #a9a9a9; |
|
12774 } |
|
12775 .note-editor .note-toolbar > .btn-group { |
|
12776 margin-top: 5px; |
|
12777 margin-right: 5px; |
|
12778 margin-left: 0; |
|
12779 } |
|
12780 .note-editor .note-toolbar .note-table .dropdown-menu { |
|
12781 min-width: 0; |
|
12782 padding: 5px; |
|
12783 } |
|
12784 .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker { |
|
12785 font-size: 18px; |
|
12786 } |
|
12787 .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { |
|
12788 position: absolute!important; |
|
12789 z-index: 3; |
|
12790 width: 10em; |
|
12791 height: 10em; |
|
12792 cursor: pointer; |
|
12793 } |
|
12794 .note-editor .note-toolbar .note-table .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { |
|
12795 position: relative!important; |
|
12796 z-index: 1; |
|
12797 width: 5em; |
|
12798 height: 5em; |
|
12799 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
12800 } |
|
12801 .note-editor .note-toolbar .note-table .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { |
|
12802 position: absolute!important; |
|
12803 z-index: 2; |
|
12804 width: 1em; |
|
12805 height: 1em; |
|
12806 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
12807 } |
|
12808 .note-editor .note-toolbar .note-style blockquote, |
|
12809 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h1, |
|
12810 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h2, |
|
12811 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h3, |
|
12812 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h4, |
|
12813 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h5, |
|
12814 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h6 { |
|
12815 margin: 0; |
|
12816 } |
|
12817 .note-editor .note-toolbar .note-color .dropdown-toggle { |
|
12818 width: 20px; |
|
12819 padding-left: 5px; |
|
12820 } |
|
12821 .note-editor .note-toolbar .note-color .dropdown-menu { |
|
12822 min-width: 290px; |
|
12823 } |
|
12824 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group { |
|
12825 margin: 0; |
|
12826 } |
|
12827 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child { |
|
12828 margin: 0 5px; |
|
12829 } |
|
12830 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { |
|
12831 margin: 2px 7px; |
|
12832 font-size: 12px; |
|
12833 text-align: center; |
|
12834 border-bottom: 1px solid #eee; |
|
12835 } |
|
12836 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { |
|
12837 padding: 0 3px; |
|
12838 margin: 5px; |
|
12839 font-size: 12px; |
|
12840 cursor: pointer; |
|
12841 border-radius: 5px; |
|
12842 } |
|
12843 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { |
|
12844 background: #eee; |
|
12845 } |
|
12846 .note-editor .note-toolbar .note-para .dropdown-menu { |
|
12847 min-width: 153px; |
|
12848 padding: 5px; |
|
12849 } |
|
12850 .note-editor .note-toolbar .note-para .note-para li:first-child { |
|
12851 margin-bottom: 5px; |
|
12852 } |
|
12853 .note-editor .note-statusbar { |
|
12854 background-color: #f5f5f5; |
|
12855 } |
|
12856 .note-editor .note-statusbar .note-resizebar { |
|
12857 width: 100%; |
|
12858 height: 8px; |
|
12859 cursor: s-resize; |
|
12860 } |
|
12861 .note-editor .note-statusbar .note-resizebar .note-icon-bar { |
|
12862 width: 20px; |
|
12863 margin: 1px auto; |
|
12864 border-top: 1px solid #a9a9a9; |
|
12865 } |
|
12866 .note-editor .note-popover .popover { |
|
12867 max-width: none; |
|
12868 } |
|
12869 .note-editor .note-popover .popover .popover-content { |
|
12870 padding: 5px; |
|
12871 } |
|
12872 .note-editor .note-popover .popover .popover-content a { |
|
12873 display: inline-block; |
|
12874 max-width: 200px; |
|
12875 overflow: hidden; |
|
12876 text-overflow: ellipsis; |
|
12877 white-space: nowrap; |
|
12878 vertical-align: middle; |
|
12879 } |
|
12880 .note-editor .note-popover .popover .popover-content .btn-group + .btn-group { |
|
12881 margin-left: 5px; |
|
12882 } |
|
12883 .note-editor .note-popover .popover .arrow { |
|
12884 left: 20px; |
|
12885 } |
|
12886 .note-editor .note-handle .note-control-selection { |
|
12887 position: absolute; |
|
12888 display: none; |
|
12889 border: 1px solid #000; |
|
12890 } |
|
12891 .note-editor .note-handle .note-control-selection > div { |
|
12892 position: absolute; |
|
12893 } |
|
12894 .note-editor .note-handle .note-control-selection .note-control-selection-bg { |
|
12895 width: 100%; |
|
12896 height: 100%; |
|
12897 background-color: #000; |
|
12898 -webkit-opacity: .3; |
|
12899 -khtml-opacity: .3; |
|
12900 -moz-opacity: .3; |
|
12901 opacity: .3; |
|
12902 -ms-filter: alpha(opacity=30); |
|
12903 filter: alpha(opacity=30); |
|
12904 } |
|
12905 .note-editor .note-handle .note-control-selection .note-control-handle, |
|
12906 .note-editor .note-handle .note-control-selection .note-control-holder { |
|
12907 width: 7px; |
|
12908 height: 7px; |
|
12909 border: 1px solid #000; |
|
12910 } |
|
12911 .note-editor .note-handle .note-control-selection .note-control-sizing { |
|
12912 width: 7px; |
|
12913 height: 7px; |
|
12914 background-color: #fff; |
|
12915 border: 1px solid #000; |
|
12916 } |
|
12917 .note-editor .note-handle .note-control-selection .note-control-nw { |
|
12918 top: -5px; |
|
12919 left: -5px; |
|
12920 border-right: 0; |
|
12921 border-bottom: 0; |
|
12922 } |
|
12923 .note-editor .note-handle .note-control-selection .note-control-ne { |
|
12924 top: -5px; |
|
12925 right: -5px; |
|
12926 border-bottom: 0; |
|
12927 border-left: 0; |
|
12928 } |
|
12929 .note-editor .note-handle .note-control-selection .note-control-sw { |
|
12930 bottom: -5px; |
|
12931 left: -5px; |
|
12932 border-top: 0; |
|
12933 border-right: 0; |
|
12934 } |
|
12935 .note-editor .note-handle .note-control-selection .note-control-se { |
|
12936 right: -5px; |
|
12937 bottom: -5px; |
|
12938 cursor: se-resize; |
|
12939 } |
|
12940 .note-editor .note-handle .note-control-selection .note-control-selection-info { |
|
12941 right: 0; |
|
12942 bottom: 0; |
|
12943 padding: 5px; |
|
12944 margin: 5px; |
|
12945 font-size: 12px; |
|
12946 color: #fff; |
|
12947 background-color: #000; |
|
12948 border-radius: 5px; |
|
12949 -webkit-opacity: .7; |
|
12950 -khtml-opacity: .7; |
|
12951 -moz-opacity: .7; |
|
12952 opacity: .7; |
|
12953 -ms-filter: alpha(opacity=70); |
|
12954 filter: alpha(opacity=70); |
|
12955 } |
|
12956 .note-editor .note-dialog > div { |
|
12957 display: none; |
|
12958 } |
|
12959 .note-editor .note-dialog .note-image-dialog .note-dropzone { |
|
12960 min-height: 200px; |
|
12961 font-size: 30px; |
|
12962 line-height: 6; |
|
12963 color: #d3d3d3; |
|
12964 text-align: center; |
|
12965 border: 4px dashed #d3d3d3; |
|
12966 } |
|
12967 .note-editor .note-dialog .note-help-dialog { |
|
12968 font-size: 12px; |
|
12969 color: #ccc; |
|
12970 background: 0 0; |
|
12971 background-color: #222!important; |
|
12972 border: 0; |
|
12973 -webkit-opacity: .9; |
|
12974 -khtml-opacity: .9; |
|
12975 -moz-opacity: .9; |
|
12976 opacity: .9; |
|
12977 -ms-filter: alpha(opacity=90); |
|
12978 filter: alpha(opacity=90); |
|
12979 } |
|
12980 .note-editor .note-dialog .note-help-dialog .modal-content { |
|
12981 background: 0 0; |
|
12982 border: 1px solid #fff; |
|
12983 border-radius: 5px; |
|
12984 -webkit-box-shadow: none; |
|
12985 box-shadow: none; |
|
12986 } |
|
12987 .note-editor .note-dialog .note-help-dialog a { |
|
12988 font-size: 12px; |
|
12989 color: #fff; |
|
12990 } |
|
12991 .note-editor .note-dialog .note-help-dialog .title { |
|
12992 padding-bottom: 5px; |
|
12993 font-size: 14px; |
|
12994 font-weight: 700; |
|
12995 color: #fff; |
|
12996 border-bottom: #fff 1px solid; |
|
12997 } |
|
12998 .note-editor .note-dialog .note-help-dialog .modal-close { |
|
12999 font-size: 14px; |
|
13000 color: #dd0; |
|
13001 cursor: pointer; |
|
13002 } |
|
13003 .note-editor .note-dialog .note-help-dialog .note-shortcut-layout { |
|
13004 width: 100%; |
|
13005 } |
|
13006 .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td { |
|
13007 vertical-align: top; |
|
13008 } |
|
13009 .note-editor .note-dialog .note-help-dialog .note-shortcut { |
|
13010 margin-top: 8px; |
|
13011 } |
|
13012 .note-editor .note-dialog .note-help-dialog .note-shortcut th { |
|
13013 font-size: 13px; |
|
13014 color: #dd0; |
|
13015 text-align: left; |
|
13016 } |
|
13017 .note-editor .note-dialog .note-help-dialog .note-shortcut th:first-child { |
|
13018 min-width: 110px; |
|
13019 padding-right: 10px; |
|
13020 font-family: "Courier New"; |
|
13021 color: #dd0; |
|
13022 text-align: right; |
|
13023 } |
|
13024 .note-editor .note-editable { |
|
13025 padding: 10px; |
|
13026 overflow: scroll; |
|
13027 outline: 0; |
|
13028 } |
|
13029 .note-editor .note-codeable { |
|
13030 display: none; |
|
13031 width: 100%; |
|
13032 padding: 10px; |
|
13033 margin-bottom: 0; |
|
13034 font-family: Menlo, Monaco, monospace, sans-serif; |
|
13035 font-size: 14px; |
|
13036 color: #ccc; |
|
13037 background-color: #222; |
|
13038 border: 0; |
|
13039 border-radius: 0; |
|
13040 -webkit-box-shadow: none; |
|
13041 box-shadow: none; |
|
13042 -webkit-box-sizing: border-box; |
|
13043 -moz-box-sizing: border-box; |
|
13044 -ms-box-sizing: border-box; |
|
13045 box-sizing: border-box; |
|
13046 resize: none; |
|
13047 } |
|
13048 .note-editor .dropdown-menu { |
|
13049 min-width: 90px; |
|
13050 } |
|
13051 .note-editor .dropdown-menu.right { |
|
13052 right: 0; |
|
13053 left: auto; |
|
13054 } |
|
13055 .note-editor .dropdown-menu.right::before { |
|
13056 right: 9px; |
|
13057 left: auto!important; |
|
13058 } |
|
13059 .note-editor .dropdown-menu.right::after { |
|
13060 right: 10px; |
|
13061 left: auto!important; |
|
13062 } |
|
13063 .note-editor .dropdown-menu .dropdown-menu li a i { |
|
13064 color: #00bfff; |
|
13065 visibility: hidden; |
|
13066 } |
|
13067 .note-editor .dropdown-menu .dropdown-menu li a.checked i { |
|
13068 visibility: visible; |
|
13069 } |
|
13070 .note-editor .note-color-palette { |
|
13071 line-height: 1; |
|
13072 } |
|
13073 .note-editor .note-color-palette div .note-color-btn { |
|
13074 width: 17px; |
|
13075 height: 17px; |
|
13076 padding: 0; |
|
13077 margin: 0; |
|
13078 border: 1px solid #fff; |
|
13079 } |
|
13080 .note-editor .note-color-palette div .note-color-btn:hover { |
|
13081 border: 1px solid #000; |
|
13082 } |
|
13083 .no-padding .note-editor { |
|
13084 border: 0; |
|
13085 } |
|
13086 .note-editor .note-editable { |
|
13087 background-color: rgba(48, 126, 204, 0.05); |
|
13088 } |
|
13089 .note-editor .note-editable:focus { |
|
13090 background-color: #fff; |
|
13091 } |
|
13092 .note-editor .note-statusbar .note-resizebar { |
|
13093 border-top: 1px solid #DBDBDB; |
|
13094 } |
|
13095 .note-editor .note-statusbar:hover { |
|
13096 background: #EEE; |
|
13097 } |
|
13098 .note-editor .note-statusbar:active { |
|
13099 background: #eaeaea; |
|
13100 } |
|
13101 /* |
|
13102 * MD editor |
|
13103 */ |
|
13104 .md-editor { |
|
13105 display: block; |
|
13106 border: 1px solid #ddd; |
|
13107 } |
|
13108 .md-editor.active { |
|
13109 border-color: #66afe9; |
|
13110 outline: 0; |
|
13111 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); |
|
13112 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); |
|
13113 } |
|
13114 .md-editor .md-footer, |
|
13115 .md-editor > .md-header { |
|
13116 display: block; |
|
13117 padding: 6px 4px; |
|
13118 background: #f5f5f5; |
|
13119 } |
|
13120 .md-editor > .md-preview { |
|
13121 background: #fff; |
|
13122 border-top: 1px dashed #ddd; |
|
13123 border-bottom: 1px dashed #ddd; |
|
13124 min-height: 10px; |
|
13125 padding: 10px; |
|
13126 } |
|
13127 .md-editor > textarea { |
|
13128 font-family: Monaco, Menlo, Consolas, "Courier New", monospace; |
|
13129 font-size: 13px; |
|
13130 outline: 0; |
|
13131 outline: thin dotted \9; |
|
13132 margin: 0; |
|
13133 display: block; |
|
13134 width: 100%; |
|
13135 border: 0; |
|
13136 padding: 10px; |
|
13137 border-top: 1px dashed #ddd; |
|
13138 border-bottom: 1px dashed #ddd; |
|
13139 border-radius: 0; |
|
13140 -webkit-box-shadow: none; |
|
13141 box-shadow: none; |
|
13142 background: #eee; |
|
13143 } |
|
13144 .md-editor > textarea:focus { |
|
13145 -webkit-box-shadow: none; |
|
13146 box-shadow: none; |
|
13147 background: #fff; |
|
13148 } |
|
13149 /* |
|
13150 * Twitter Typeahead |
|
13151 */ |
|
13152 .twitter-typeahead .tt-hint, |
|
13153 .twitter-typeahead .tt-query { |
|
13154 margin-bottom: 0; |
|
13155 } |
|
13156 .tt-dropdown-menu { |
|
13157 min-width: 160px; |
|
13158 margin-top: 2px; |
|
13159 padding: 5px 0; |
|
13160 background-color: #fff; |
|
13161 border: 1px solid #bfbfbf; |
|
13162 border: 1px solid rgba(0, 0, 0, 0.2); |
|
13163 *border-right-width: 2px; |
|
13164 *border-bottom-width: 2px; |
|
13165 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
13166 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
13167 -webkit-background-clip: padding-box; |
|
13168 background-clip: padding-box; |
|
13169 } |
|
13170 .tt-suggestion { |
|
13171 display: block; |
|
13172 padding: 3px 20px; |
|
13173 } |
|
13174 .tt-suggestion.tt-is-under-cursor { |
|
13175 color: #fff; |
|
13176 background-color: #0081c2; |
|
13177 } |
|
13178 .tt-suggestion.tt-is-under-cursor a { |
|
13179 color: #fff; |
|
13180 } |
|
13181 .tt-suggestion p { |
|
13182 margin: 0; |
|
13183 } |
|
13184 /* |
|
13185 * DropZone |
|
13186 */ |
|
13187 .dropzone, |
|
13188 .dropzone *, |
|
13189 .dropzone-previews, |
|
13190 .dropzone-previews * { |
|
13191 -webkit-box-sizing: border-box; |
|
13192 -moz-box-sizing: border-box; |
|
13193 box-sizing: border-box; |
|
13194 } |
|
13195 .dropzone .dz-preview, |
|
13196 .dropzone-previews .dz-preview { |
|
13197 background: rgba(255, 255, 255, 0.8); |
|
13198 position: relative; |
|
13199 display: inline-block; |
|
13200 margin: 10px; |
|
13201 vertical-align: top; |
|
13202 border: 1px solid #acacac; |
|
13203 padding: 6px; |
|
13204 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); |
|
13205 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); |
|
13206 font-size: 14px; |
|
13207 } |
|
13208 .dropzone .dz-preview.dz-file-preview, |
|
13209 .dropzone-previews .dz-preview.dz-file-preview { |
|
13210 display: none; |
|
13211 } |
|
13212 .dropzone .dz-preview .dz-details, |
|
13213 .dropzone-previews .dz-preview .dz-details { |
|
13214 width: 100px; |
|
13215 height: 100px; |
|
13216 position: relative; |
|
13217 background: #ebebeb; |
|
13218 padding: 5px; |
|
13219 margin-bottom: 22px; |
|
13220 } |
|
13221 .dropzone .dz-preview .dz-details .dz-filename, |
|
13222 .dropzone-previews .dz-preview .dz-details .dz-filename { |
|
13223 overflow: hidden; |
|
13224 height: 100%; |
|
13225 } |
|
13226 .dropzone .dz-preview .dz-details img, |
|
13227 .dropzone-previews .dz-preview .dz-details img { |
|
13228 position: absolute; |
|
13229 top: 0; |
|
13230 left: 0; |
|
13231 width: 100px; |
|
13232 height: 100px; |
|
13233 } |
|
13234 .dropzone .dz-preview .dz-details .dz-size, |
|
13235 .dropzone-previews .dz-preview .dz-details .dz-size { |
|
13236 position: absolute; |
|
13237 bottom: -28px; |
|
13238 left: 3px; |
|
13239 height: 28px; |
|
13240 line-height: 28px; |
|
13241 } |
|
13242 .dropzone .dz-preview.dz-error .dz-error-mark, |
|
13243 .dropzone-previews .dz-preview.dz-error .dz-error-mark, |
|
13244 .dropzone .dz-preview.dz-success .dz-success-mark, |
|
13245 .dropzone-previews .dz-preview.dz-success .dz-success-mark { |
|
13246 display: block; |
|
13247 opacity: 1; |
|
13248 -ms-filter: none; |
|
13249 -webkit-filter: none; |
|
13250 filter: none; |
|
13251 } |
|
13252 .dropzone .dz-preview:hover .dz-details img, |
|
13253 .dropzone-previews .dz-preview:hover .dz-details img { |
|
13254 display: none; |
|
13255 } |
|
13256 .dropzone .dz-preview .dz-error-mark, |
|
13257 .dropzone-previews .dz-preview .dz-error-mark, |
|
13258 .dropzone .dz-preview .dz-success-mark, |
|
13259 .dropzone-previews .dz-preview .dz-success-mark { |
|
13260 display: block; |
|
13261 position: absolute; |
|
13262 width: 40px; |
|
13263 height: 40px; |
|
13264 font-size: 30px; |
|
13265 text-align: center; |
|
13266 right: -10px; |
|
13267 top: -10px; |
|
13268 opacity: 0; |
|
13269 -ms-filter: "alpha(Opacity=0)"; |
|
13270 filter: alpha(opacity=0); |
|
13271 -webkit-transition: opacity 0.4s ease-in-out; |
|
13272 transition: opacity 0.4s ease-in-out; |
|
13273 background-image: url(../img/dropzone/spritemap.png); |
|
13274 background-repeat: no-repeat; |
|
13275 } |
|
13276 .dropzone .dz-preview .dz-error-mark span, |
|
13277 .dropzone-previews .dz-preview .dz-error-mark span, |
|
13278 .dropzone .dz-preview .dz-success-mark span, |
|
13279 .dropzone-previews .dz-preview .dz-success-mark span { |
|
13280 display: none; |
|
13281 } |
|
13282 .dropzone .dz-preview .dz-success-mark, |
|
13283 .dropzone-previews .dz-preview .dz-success-mark { |
|
13284 color: #8cc657; |
|
13285 background-position: -268px -163px; |
|
13286 } |
|
13287 .dropzone .dz-preview .dz-error-mark, |
|
13288 .dropzone-previews .dz-preview .dz-error-mark { |
|
13289 color: #ee162d; |
|
13290 background-position: -268px -123px; |
|
13291 } |
|
13292 .dropzone .dz-preview.dz-error .dz-progress .dz-upload, |
|
13293 .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { |
|
13294 background: #ee1e2d; |
|
13295 } |
|
13296 .dropzone .dz-preview .dz-progress, |
|
13297 .dropzone-previews .dz-preview .dz-progress { |
|
13298 position: absolute; |
|
13299 top: 100px; |
|
13300 left: 6px; |
|
13301 right: 6px; |
|
13302 height: 6px; |
|
13303 background: #d7d7d7; |
|
13304 display: none; |
|
13305 } |
|
13306 .dropzone .dz-preview .dz-progress .dz-upload, |
|
13307 .dropzone-previews .dz-preview .dz-progress .dz-upload { |
|
13308 position: absolute; |
|
13309 bottom: 0; |
|
13310 background-color: #8cc657; |
|
13311 -webkit-animation: loading .4s linear infinite; |
|
13312 -ms-animation: loading .4s linear infinite; |
|
13313 animation: loading .4s linear infinite; |
|
13314 -webkit-transition: width 0.3s ease-in-out; |
|
13315 transition: width 0.3s ease-in-out; |
|
13316 border-radius: 2px; |
|
13317 top: 0; |
|
13318 left: 0; |
|
13319 width: 0; |
|
13320 height: 100%; |
|
13321 background-image: url(../img/dropzone/spritemap.png); |
|
13322 background-repeat: repeat-x; |
|
13323 background-position: 0 -400px; |
|
13324 } |
|
13325 .dropzone .dz-preview.dz-processing .dz-progress, |
|
13326 .dropzone-previews .dz-preview.dz-processing .dz-progress { |
|
13327 display: block; |
|
13328 } |
|
13329 .dropzone .dz-preview .dz-error-message, |
|
13330 .dropzone-previews .dz-preview .dz-error-message { |
|
13331 position: absolute; |
|
13332 top: -5px; |
|
13333 left: -20px; |
|
13334 background: rgba(245, 245, 245, 0.8); |
|
13335 padding: 8px 10px; |
|
13336 color: #800; |
|
13337 min-width: 140px; |
|
13338 max-width: 500px; |
|
13339 z-index: 500; |
|
13340 display: block; |
|
13341 opacity: 0; |
|
13342 -ms-filter: "alpha(Opacity=0)"; |
|
13343 filter: alpha(opacity=0); |
|
13344 -webkit-transition: opacity 0.3s ease-in-out; |
|
13345 transition: opacity 0.3s ease-in-out; |
|
13346 } |
|
13347 .dropzone .dz-preview:hover.dz-error .dz-error-message, |
|
13348 .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { |
|
13349 display: block; |
|
13350 opacity: 1; |
|
13351 -ms-filter: none; |
|
13352 -webkit-filter: none; |
|
13353 filter: none; |
|
13354 } |
|
13355 .dropzone .dz-preview.dz-image-preview:hover .dz-details img, |
|
13356 .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { |
|
13357 display: block; |
|
13358 opacity: .1; |
|
13359 -ms-filter: "alpha(Opacity=10)"; |
|
13360 filter: alpha(opacity=10); |
|
13361 } |
|
13362 .dropzone .dz-preview.dz-success .dz-progress, |
|
13363 .dropzone-previews .dz-preview.dz-success .dz-progress { |
|
13364 display: block; |
|
13365 opacity: 0; |
|
13366 -ms-filter: "alpha(Opacity=0)"; |
|
13367 filter: alpha(opacity=0); |
|
13368 -webkit-transition: opacity 0.4s ease-in-out; |
|
13369 transition: opacity 0.4s ease-in-out; |
|
13370 } |
|
13371 .dropzone a.dz-remove, |
|
13372 .dropzone-previews a.dz-remove { |
|
13373 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eeeeee)); |
|
13374 background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eeeeee)); |
|
13375 background-image: -webkit-linear-gradient(top, #fafafa 0, #eeeeee 100%); |
|
13376 background-image: linear-gradient(top, #fafafa 0, #eeeeee 100%); |
|
13377 border-radius: 2px; |
|
13378 border: 1px solid #eee; |
|
13379 text-decoration: none; |
|
13380 display: block; |
|
13381 padding: 4px 5px; |
|
13382 text-align: center; |
|
13383 color: #aaa; |
|
13384 margin-top: 26px; |
|
13385 } |
|
13386 .dropzone a.dz-remove:hover, |
|
13387 .dropzone-previews a.dz-remove:hover { |
|
13388 color: #666; |
|
13389 } |
|
13390 .dropzone { |
|
13391 position: relative; |
|
13392 padding: 1em; |
|
13393 border: 1px solid rgba(0, 0, 0, 0.03); |
|
13394 min-height: 360px; |
|
13395 border-radius: 3px; |
|
13396 background: rgba(0, 0, 0, 0.03); |
|
13397 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent)); |
|
13398 background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); |
|
13399 background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); |
|
13400 background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); |
|
13401 background-color: #FAFCFD; |
|
13402 -webkit-background-size: 16px 16px; |
|
13403 background-size: 16px 16px; |
|
13404 } |
|
13405 .dropzone .dz-drag-hover { |
|
13406 background: rgba(0, 0, 0, 0.04); |
|
13407 } |
|
13408 .dropzone.dz-clickable, |
|
13409 .dropzone.dz-clickable .dz-message, |
|
13410 .dropzone.dz-clickable .dz-message span { |
|
13411 cursor: pointer; |
|
13412 } |
|
13413 .dropzone.dz-clickable * { |
|
13414 cursor: default; |
|
13415 } |
|
13416 .dropzone .dz-message { |
|
13417 opacity: 1; |
|
13418 -ms-filter: none; |
|
13419 -webkit-filter: none; |
|
13420 filter: none; |
|
13421 } |
|
13422 .dropzone .dz-drag-hover { |
|
13423 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); |
|
13424 background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); |
|
13425 background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); |
|
13426 background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); |
|
13427 background-color: #fafafa; |
|
13428 -webkit-background-size: 22px 22px; |
|
13429 background-size: 22px 22px; |
|
13430 border: 5px dashed #ccc; |
|
13431 } |
|
13432 .dropzone .dz-default.dz-message { |
|
13433 opacity: 1; |
|
13434 -ms-filter: none; |
|
13435 -webkit-filter: none; |
|
13436 filter: none; |
|
13437 -webkit-transition: opacity 0.3s ease-in-out; |
|
13438 transition: opacity 0.3s ease-in-out; |
|
13439 background-image: url(../img/dropzone/spritemap.png); |
|
13440 background-repeat: no-repeat; |
|
13441 background-position: 0 0; |
|
13442 position: absolute; |
|
13443 width: 428px; |
|
13444 height: 123px; |
|
13445 margin-left: -214px; |
|
13446 margin-top: -61.5px; |
|
13447 top: 50%; |
|
13448 left: 50%; |
|
13449 } |
|
13450 .dropzone .dz-default.dz-message span { |
|
13451 display: none; |
|
13452 } |
|
13453 .dropzone.dz-square .dz-default.dz-message { |
|
13454 background-position: 0 -123px; |
|
13455 width: 268px; |
|
13456 margin-left: -134px; |
|
13457 height: 174px; |
|
13458 margin-top: -87px; |
|
13459 } |
|
13460 .dropzone.dz-drag-hover .dz-message { |
|
13461 opacity: .15; |
|
13462 -ms-filter: "alpha(Opacity=15)"; |
|
13463 filter: alpha(opacity=15); |
|
13464 } |
|
13465 .dropzone.dz-started .dz-message { |
|
13466 display: block; |
|
13467 opacity: 0; |
|
13468 -ms-filter: "alpha(Opacity=0)"; |
|
13469 filter: alpha(opacity=0); |
|
13470 } |
|
13471 .irs { |
|
13472 position: relative; |
|
13473 display: block; |
|
13474 height: 40px; |
|
13475 } |
|
13476 .irs-line { |
|
13477 position: relative; |
|
13478 display: block; |
|
13479 overflow: hidden; |
|
13480 height: 8px; |
|
13481 top: 25px; |
|
13482 background: #eee; |
|
13483 } |
|
13484 .irs-line-left, |
|
13485 .irs-line-mid, |
|
13486 .irs-line-right { |
|
13487 position: absolute; |
|
13488 display: block; |
|
13489 top: 0; |
|
13490 height: 8px; |
|
13491 } |
|
13492 .irs-line-left { |
|
13493 left: 0; |
|
13494 width: 10%; |
|
13495 } |
|
13496 .irs-line-mid { |
|
13497 left: 10%; |
|
13498 width: 80%; |
|
13499 } |
|
13500 .irs-line-right { |
|
13501 right: 0; |
|
13502 width: 10%; |
|
13503 } |
|
13504 .irs-diapason { |
|
13505 position: absolute; |
|
13506 display: block; |
|
13507 left: 0; |
|
13508 width: 100%; |
|
13509 } |
|
13510 .irs-slider { |
|
13511 position: absolute; |
|
13512 display: block; |
|
13513 cursor: default; |
|
13514 z-index: 1; |
|
13515 width: 10px; |
|
13516 height: 22px; |
|
13517 top: 17px; |
|
13518 border: 1px solid #fff; |
|
13519 background: #858585; |
|
13520 } |
|
13521 .irs-slider:hover { |
|
13522 background: #6c6c6c; |
|
13523 } |
|
13524 .irs-slider.single { |
|
13525 left: 10px; |
|
13526 } |
|
13527 .irs-slider.single:before { |
|
13528 position: absolute; |
|
13529 display: block; |
|
13530 content: ""; |
|
13531 top: -50%; |
|
13532 left: -150%; |
|
13533 width: 400%; |
|
13534 height: 200%; |
|
13535 background: rgba(0, 0, 0, 0); |
|
13536 } |
|
13537 .irs-slider.from { |
|
13538 left: 100px; |
|
13539 } |
|
13540 .irs-slider.from:before { |
|
13541 position: absolute; |
|
13542 display: block; |
|
13543 content: ""; |
|
13544 top: -50%; |
|
13545 left: -300%; |
|
13546 width: 400%; |
|
13547 height: 200%; |
|
13548 background: rgba(0, 0, 0, 0); |
|
13549 } |
|
13550 .irs-slider.to { |
|
13551 left: 300px; |
|
13552 } |
|
13553 .irs-slider.to:before { |
|
13554 position: absolute; |
|
13555 display: block; |
|
13556 content: ""; |
|
13557 top: -50%; |
|
13558 left: 0; |
|
13559 width: 400%; |
|
13560 height: 200%; |
|
13561 background: rgba(0, 0, 0, 0); |
|
13562 } |
|
13563 .irs-slider.last { |
|
13564 z-index: 2; |
|
13565 } |
|
13566 .irs-max, |
|
13567 .irs-min { |
|
13568 color: #999; |
|
13569 font-size: 12px; |
|
13570 line-height: 1.333; |
|
13571 text-shadow: none; |
|
13572 top: 0; |
|
13573 padding: 1px 3px; |
|
13574 background: rgba(0, 0, 0, 0.1); |
|
13575 border-radius: 0; |
|
13576 } |
|
13577 .lt-ie9 .irs-max, |
|
13578 .lt-ie9 .irs-min { |
|
13579 background: #bfbfbf; |
|
13580 } |
|
13581 .irs-min { |
|
13582 position: absolute; |
|
13583 display: block; |
|
13584 left: 0; |
|
13585 cursor: default; |
|
13586 } |
|
13587 .irs-max { |
|
13588 position: absolute; |
|
13589 display: block; |
|
13590 right: 0; |
|
13591 cursor: default; |
|
13592 } |
|
13593 .irs-from, |
|
13594 .irs-single, |
|
13595 .irs-to { |
|
13596 position: absolute; |
|
13597 display: block; |
|
13598 top: 0; |
|
13599 left: 0; |
|
13600 cursor: default; |
|
13601 white-space: nowrap; |
|
13602 } |
|
13603 .lt-ie9 .irs-from, |
|
13604 .lt-ie9 .irs-single, |
|
13605 .lt-ie9 .irs-to { |
|
13606 background: #999; |
|
13607 } |
|
13608 .irs-grid { |
|
13609 position: absolute; |
|
13610 display: none; |
|
13611 bottom: 0; |
|
13612 left: 0; |
|
13613 width: 100%; |
|
13614 height: 20px; |
|
13615 } |
|
13616 .irs-with-grid { |
|
13617 height: 60px; |
|
13618 } |
|
13619 .irs-with-grid .irs-grid { |
|
13620 display: block; |
|
13621 } |
|
13622 .irs-grid-pol { |
|
13623 position: absolute; |
|
13624 top: 0; |
|
13625 left: 0; |
|
13626 width: 1px; |
|
13627 height: 8px; |
|
13628 background: #99a4ac; |
|
13629 } |
|
13630 .irs-grid-pol.small { |
|
13631 height: 4px; |
|
13632 } |
|
13633 .irs-grid-text { |
|
13634 position: absolute; |
|
13635 bottom: 0; |
|
13636 left: 0; |
|
13637 width: 100px; |
|
13638 white-space: nowrap; |
|
13639 text-align: center; |
|
13640 font-size: 9px; |
|
13641 line-height: 9px; |
|
13642 color: #99a4ac; |
|
13643 } |
|
13644 .irs-diapason { |
|
13645 background: #3276b1; |
|
13646 height: 8px; |
|
13647 top: 25px; |
|
13648 } |
|
13649 .irs .irs-from, |
|
13650 .irs .irs-single, |
|
13651 .irs .irs-to { |
|
13652 color: #fff; |
|
13653 font-size: 10px; |
|
13654 line-height: 1.333; |
|
13655 text-shadow: none; |
|
13656 padding: 1px 5px; |
|
13657 background: rgba(0, 0, 0, 0.4); |
|
13658 border-radius: 0; |
|
13659 } |
|
13660 #irs-active-slider { |
|
13661 background: #686868; |
|
13662 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0; |
|
13663 box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0; |
|
13664 width: 12px; |
|
13665 height: 24px; |
|
13666 top: 16px; |
|
13667 } |
|
13668 /* |
|
13669 * Google maps |
|
13670 */ |
|
13671 .google_maps { |
|
13672 width: 100%; |
|
13673 height: 350px; |
|
13674 position: relative; |
|
13675 } |
|
13676 .google_maps * { |
|
13677 box-sizing: content-box; |
|
13678 -webkit-box-sizing: content-box; |
|
13679 -moz-box-sizing: content-box; |
|
13680 } |
|
13681 .google_maps img { |
|
13682 max-width: none; |
|
13683 } |
|
13684 /* |
|
13685 * JQuery-UI for Bootstrap |
|
13686 */ |
|
13687 .slider { |
|
13688 margin-top: 0; |
|
13689 margin-bottom: 30px; |
|
13690 } |
|
13691 .slider.slider-vertical { |
|
13692 margin-bottom: 0; |
|
13693 margin-right: 5px; |
|
13694 } |
|
13695 .ui-helper-hidden { |
|
13696 display: none; |
|
13697 } |
|
13698 .ui-helper-hidden-accessible { |
|
13699 border: 0; |
|
13700 clip: rect(0 0 0 0); |
|
13701 height: 1px; |
|
13702 margin: -1px; |
|
13703 overflow: hidden; |
|
13704 padding: 0; |
|
13705 position: absolute; |
|
13706 width: 1px; |
|
13707 } |
|
13708 .ui-helper-reset { |
|
13709 margin: 0; |
|
13710 padding: 0; |
|
13711 border: 0; |
|
13712 outline: 0; |
|
13713 line-height: 1.3; |
|
13714 text-decoration: none; |
|
13715 font-size: 100%; |
|
13716 list-style: none; |
|
13717 } |
|
13718 .ui-helper-clearfix { |
|
13719 display: block; |
|
13720 min-height: 0; |
|
13721 } |
|
13722 .ui-helper-clearfix:after, |
|
13723 .ui-helper-clearfix:before { |
|
13724 content: ""; |
|
13725 display: table; |
|
13726 border-collapse: collapse; |
|
13727 } |
|
13728 .ui-helper-clearfix:after { |
|
13729 content: "."; |
|
13730 display: block; |
|
13731 height: 0; |
|
13732 clear: both; |
|
13733 visibility: hidden; |
|
13734 } |
|
13735 * html .ui-helper-clearfix { |
|
13736 height: 1%; |
|
13737 } |
|
13738 .ui-helper-zfix { |
|
13739 width: 100%; |
|
13740 height: 100%; |
|
13741 top: 0; |
|
13742 left: 0; |
|
13743 position: absolute; |
|
13744 opacity: 0; |
|
13745 filter: alpha(opacity=0); |
|
13746 } |
|
13747 .ui-front { |
|
13748 z-index: 100; |
|
13749 } |
|
13750 .ui-state-disabled { |
|
13751 cursor: default !important; |
|
13752 } |
|
13753 .ui-icon { |
|
13754 display: block; |
|
13755 width: 16px; |
|
13756 height: 16px; |
|
13757 text-indent: -99999px; |
|
13758 overflow: hidden; |
|
13759 background-repeat: no-repeat; |
|
13760 } |
|
13761 /* |
|
13762 * UI widget |
|
13763 */ |
|
13764 .ui-widget { |
|
13765 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
13766 font-size: 13px; |
|
13767 } |
|
13768 .ui-widget :active { |
|
13769 outline: 0; |
|
13770 } |
|
13771 .ui-widget .ui-widget { |
|
13772 font-size: 13px; |
|
13773 } |
|
13774 .ui-widget button, |
|
13775 .ui-widget input, |
|
13776 .ui-widget select, |
|
13777 .ui-widget textarea { |
|
13778 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
13779 font-size: inherit; |
|
13780 } |
|
13781 .ui-widget-content { |
|
13782 border: 1px solid #aaa; |
|
13783 background: #fff; |
|
13784 color: #404040; |
|
13785 } |
|
13786 .ui-widget-content .ui-icon { |
|
13787 background: none!important; |
|
13788 } |
|
13789 .ui-widget-header { |
|
13790 font-weight: 700; |
|
13791 background-color: #F5F5F5; |
|
13792 border-color: #DDD; |
|
13793 color: #333; |
|
13794 } |
|
13795 .ui-widget-header a { |
|
13796 color: #222; |
|
13797 } |
|
13798 .ui-widget-overlay { |
|
13799 position: fixed; |
|
13800 background: #AAA; |
|
13801 width: 100%; |
|
13802 height: 200%; |
|
13803 top: 0; |
|
13804 left: 0; |
|
13805 z-index: 999; |
|
13806 opacity: .3; |
|
13807 filter: alpha(opacity=30); |
|
13808 } |
|
13809 .ui-widget-shadow { |
|
13810 margin: -8px 0 0 -8px; |
|
13811 padding: 8px; |
|
13812 background: #aaa; |
|
13813 opacity: .3; |
|
13814 filter: alpha(opacity=30); |
|
13815 border-radius: 8px; |
|
13816 } |
|
13817 .ui-state-default, |
|
13818 .ui-widget-content .ui-state-default, |
|
13819 .ui-widget-header .ui-state-default { |
|
13820 color: #333; |
|
13821 background-color: #fff; |
|
13822 font-weight: 400; |
|
13823 border: 1px solid #ccc; |
|
13824 } |
|
13825 .ui-state-default a, |
|
13826 .ui-state-default a:link, |
|
13827 .ui-state-default a:visited { |
|
13828 color: #555; |
|
13829 text-decoration: none; |
|
13830 } |
|
13831 .ui-state-default, |
|
13832 .ui-widget-content .ui-state-default, |
|
13833 .ui-widget-header .ui-state-default { |
|
13834 text-shadow: none; |
|
13835 } |
|
13836 .ui-state-default, |
|
13837 .ui-state-error, |
|
13838 .ui-state-highlight { |
|
13839 position: relative; |
|
13840 border-width: 1px; |
|
13841 border-style: solid; |
|
13842 } |
|
13843 .ui-state-default p, |
|
13844 .ui-state-error p, |
|
13845 .ui-state-highlight p { |
|
13846 font-size: 13px; |
|
13847 font-weight: 400; |
|
13848 line-height: 18px; |
|
13849 margin: 7px 15px; |
|
13850 } |
|
13851 .ui-state-highlight, |
|
13852 .ui-widget-content .ui-state-highlight, |
|
13853 .ui-widget-header .ui-state-highlight { |
|
13854 color: #3a87ad; |
|
13855 background-color: #d9edf7; |
|
13856 border-color: #bce8f1; |
|
13857 } |
|
13858 .ui-state-highlight a, |
|
13859 .ui-widget-content .ui-state-highlight a, |
|
13860 .ui-widget-header .ui-state-highlight a { |
|
13861 color: #2d6987; |
|
13862 } |
|
13863 .ui-state-error, |
|
13864 .ui-widget-content .ui-state-error, |
|
13865 .ui-widget-header .ui-state-error { |
|
13866 color: #b94a48; |
|
13867 background-color: #f2dede; |
|
13868 border-color: #eed3d7; |
|
13869 } |
|
13870 .ui-state-error a, |
|
13871 .ui-state-error-text, |
|
13872 .ui-widget-content .ui-state-error a, |
|
13873 .ui-widget-content .ui-state-error-text, |
|
13874 .ui-widget-header .ui-state-error a, |
|
13875 .ui-widget-header .ui-state-error-text { |
|
13876 color: #953b39; |
|
13877 } |
|
13878 .ui-state-focus, |
|
13879 .ui-state-hover, |
|
13880 .ui-widget-content .ui-state-focus, |
|
13881 .ui-widget-content .ui-state-hover, |
|
13882 .ui-widget-header .ui-state-focus, |
|
13883 .ui-widget-header .ui-state-hover { |
|
13884 color: #333; |
|
13885 background-color: #ebebeb; |
|
13886 border-color: #adadad; |
|
13887 text-decoration: none; |
|
13888 } |
|
13889 .ui-state-hover a:hover, |
|
13890 .ui-state-hover a:link, |
|
13891 .ui-state-hover a:visited { |
|
13892 color: #333; |
|
13893 text-decoration: none; |
|
13894 } |
|
13895 .ui-widget-content .ui-state-active, |
|
13896 .ui-widget-header .ui-state-active { |
|
13897 border: 1px solid #adadad; |
|
13898 font-weight: 400; |
|
13899 color: #333; |
|
13900 } |
|
13901 .ui-state-active a, |
|
13902 .ui-state-active a:link, |
|
13903 .ui-state-active a:visited { |
|
13904 color: #333; |
|
13905 text-decoration: none; |
|
13906 } |
|
13907 .ui-state-disabled, |
|
13908 .ui-widget-content .ui-state-disabled, |
|
13909 .ui-widget-header .ui-state-disabled { |
|
13910 opacity: .35; |
|
13911 filter: alpha(opacity=35); |
|
13912 background-image: none; |
|
13913 } |
|
13914 .ui-state-disabled .ui-icon, |
|
13915 .ui-widget-content .ui-state-disabled .ui-icon, |
|
13916 .ui-widget-header .ui-state-disabled .ui-icon { |
|
13917 filter: alpha(opacity=35); |
|
13918 } |
|
13919 .ui-priority-primary, |
|
13920 .ui-widget-content .ui-priority-primary, |
|
13921 .ui-widget-header .ui-priority-primary { |
|
13922 font-weight: 700; |
|
13923 } |
|
13924 .ui-priority-secondary, |
|
13925 .ui-widget-content .ui-priority-secondary, |
|
13926 .ui-widget-header .ui-priority-secondary { |
|
13927 opacity: .7; |
|
13928 filter: alpha(opacity=70); |
|
13929 font-weight: 400; |
|
13930 } |
|
13931 .ui-corner-all { |
|
13932 border-radius: 0; |
|
13933 } |
|
13934 .ui-corner-left, |
|
13935 .ui-corner-tl, |
|
13936 .ui-corner-top { |
|
13937 border-top-left-radius: 4px; |
|
13938 } |
|
13939 .ui-corner-right, |
|
13940 .ui-corner-top, |
|
13941 .ui-corner-tr { |
|
13942 border-top-right-radius: 4px; |
|
13943 } |
|
13944 .ui-corner-bl, |
|
13945 .ui-corner-bottom, |
|
13946 .ui-corner-left { |
|
13947 border-bottom-left-radius: 4px; |
|
13948 } |
|
13949 .ui-corner-bottom, |
|
13950 .ui-corner-br, |
|
13951 .ui-corner-right { |
|
13952 border-bottom-right-radius: 4px; |
|
13953 } |
|
13954 .ui-autocomplete { |
|
13955 position: absolute; |
|
13956 top: 0; |
|
13957 left: 0; |
|
13958 cursor: default; |
|
13959 } |
|
13960 input[type=color].ui-autocomplete-loading, |
|
13961 input[type=date].ui-autocomplete-loading, |
|
13962 input[type=datetime-local].ui-autocomplete-loading, |
|
13963 input[type=datetime].ui-autocomplete-loading, |
|
13964 input[type=email].ui-autocomplete-loading, |
|
13965 input[type=month].ui-autocomplete-loading, |
|
13966 input[type=number].ui-autocomplete-loading, |
|
13967 input[type=password].ui-autocomplete-loading, |
|
13968 input[type=search].ui-autocomplete-loading, |
|
13969 input[type=tel].ui-autocomplete-loading, |
|
13970 input[type=text].ui-autocomplete-loading, |
|
13971 input[type=time].ui-autocomplete-loading, |
|
13972 input[type=url].ui-autocomplete-loading, |
|
13973 input[type=week].ui-autocomplete-loading { |
|
13974 background-image: url(../img/select2-spinner.gif) !important; |
|
13975 background-repeat: no-repeat; |
|
13976 background-position: 99% 50%; |
|
13977 padding-right: 27px; |
|
13978 } |
|
13979 /* |
|
13980 * UI buttons |
|
13981 */ |
|
13982 .ui-btn-lg { |
|
13983 padding: 10px 16px; |
|
13984 font-size: 18px; |
|
13985 line-height: 1.33; |
|
13986 border-radius: 6px; |
|
13987 } |
|
13988 .ui-btn-sm, |
|
13989 .ui-btn-xs { |
|
13990 padding: 5px 10px; |
|
13991 font-size: 12px; |
|
13992 line-height: 1.5; |
|
13993 border-radius: 3px; |
|
13994 } |
|
13995 .ui-btn-xs { |
|
13996 padding: 1px 5px; |
|
13997 } |
|
13998 .ui-btn-block { |
|
13999 display: block; |
|
14000 width: 100%; |
|
14001 padding-right: 0; |
|
14002 padding-left: 0; |
|
14003 } |
|
14004 .ui-btn-block + .ui-btn-block { |
|
14005 margin-top: 5px; |
|
14006 } |
|
14007 input[type=button].ui-btn-block, |
|
14008 input[type=reset].ui-btn-block, |
|
14009 input[type=submit].ui-btn-block { |
|
14010 width: 100%; |
|
14011 } |
|
14012 .ui-button { |
|
14013 display: inline-block; |
|
14014 padding: 6px 12px; |
|
14015 margin-bottom: 0; |
|
14016 font-size: 14px; |
|
14017 font-weight: 400; |
|
14018 line-height: 1.428571429; |
|
14019 text-align: center; |
|
14020 white-space: nowrap; |
|
14021 vertical-align: middle; |
|
14022 cursor: pointer; |
|
14023 border: 1px solid #ccc; |
|
14024 -webkit-user-select: none; |
|
14025 -moz-user-select: none; |
|
14026 -ms-user-select: none; |
|
14027 -o-user-select: none; |
|
14028 user-select: none; |
|
14029 } |
|
14030 .ui-button:focus { |
|
14031 outline: thin dotted #333; |
|
14032 outline: 5px auto -webkit-focus-ring-color; |
|
14033 outline-offset: -2px; |
|
14034 } |
|
14035 .ui-button:focus, |
|
14036 .ui-button:hover { |
|
14037 color: #333; |
|
14038 background-color: #ebebeb; |
|
14039 border-color: #adadad; |
|
14040 text-decoration: none; |
|
14041 } |
|
14042 fieldset[disabled] .ui-button, |
|
14043 fieldset[disabled] .ui-button.ui-state-active, |
|
14044 fieldset[disabled] .ui-button:active, |
|
14045 fieldset[disabled] .ui-button:focus, |
|
14046 fieldset[disabled] .ui-button:hover, |
|
14047 .ui-button.disabled, |
|
14048 .ui-button.disabled.active, |
|
14049 .ui-button.disabled:active, |
|
14050 .ui-button.disabled:focus, |
|
14051 .ui-button.disabled:hover, |
|
14052 .ui-button[disabled], |
|
14053 .ui-button[disabled].active, |
|
14054 .ui-button[disabled]:active, |
|
14055 .ui-button[disabled]:focus, |
|
14056 .ui-button[disabled]:hover { |
|
14057 background-color: #fff; |
|
14058 border-color: #ccc; |
|
14059 } |
|
14060 .ui-button-text-icon-primary .ui-button-icon-primary { |
|
14061 float: left; |
|
14062 } |
|
14063 .ui-button-text-icon-primary { |
|
14064 padding: 2px 7px 3px; |
|
14065 } |
|
14066 .ui-button-primary { |
|
14067 color: #fff; |
|
14068 background-color: #428bca; |
|
14069 border-color: #357ebd; |
|
14070 } |
|
14071 .ui-button-warning { |
|
14072 color: #fff; |
|
14073 background-color: #f0ad4e; |
|
14074 border-color: #eea236; |
|
14075 } |
|
14076 .ui-button-info { |
|
14077 color: #fff; |
|
14078 background-color: #5bc0de; |
|
14079 border-color: #46b8da; |
|
14080 } |
|
14081 .ui-button-danger { |
|
14082 color: #fff; |
|
14083 background-color: #d9534f; |
|
14084 border-color: #d43f3a; |
|
14085 } |
|
14086 .ui-button-inverse { |
|
14087 color: #fff; |
|
14088 background-color: #222; |
|
14089 border-color: #080808; |
|
14090 } |
|
14091 .ui-button-success { |
|
14092 color: #fff; |
|
14093 background-color: #5cb85c; |
|
14094 border-color: #4cae4c; |
|
14095 } |
|
14096 .ui-button-error { |
|
14097 color: #fff; |
|
14098 background-color: #c43c35; |
|
14099 border-color: #882a25; |
|
14100 } |
|
14101 .ui-button-danger:hover, |
|
14102 .ui-button-info:hover, |
|
14103 .ui-button-inverse:hover, |
|
14104 .ui-button-primary:hover, |
|
14105 .ui-button-success:hover, |
|
14106 .ui-button-warning:hover { |
|
14107 text-decoration: none; |
|
14108 } |
|
14109 .ui-button-primary:focus, |
|
14110 .ui-button-primary:hover { |
|
14111 color: #fff; |
|
14112 background-color: #3276b1; |
|
14113 border-color: #285e8e; |
|
14114 } |
|
14115 .ui-button-success:hover { |
|
14116 color: #fff; |
|
14117 background-color: #47a447; |
|
14118 border-color: #398439; |
|
14119 } |
|
14120 .ui-button-info:hover { |
|
14121 color: #fff; |
|
14122 background-color: #39b3d7; |
|
14123 border-color: #269abc; |
|
14124 } |
|
14125 .ui-button-danger:hover { |
|
14126 color: #fff; |
|
14127 background-color: #d2322d; |
|
14128 border-color: #ac2925; |
|
14129 } |
|
14130 .ui-button-warning:hover { |
|
14131 color: #fff; |
|
14132 background-color: #ed9c28; |
|
14133 border-color: #d58512; |
|
14134 } |
|
14135 .ui-button-inverse:hover { |
|
14136 color: #fff; |
|
14137 background-color: #363636; |
|
14138 border-color: #000; |
|
14139 } |
|
14140 .ui-button-icon-only { |
|
14141 width: 2.2em; |
|
14142 } |
|
14143 .ui-button-icons-only { |
|
14144 width: 3.4em; |
|
14145 } |
|
14146 button.ui-button-icons-only { |
|
14147 width: 3.7em; |
|
14148 } |
|
14149 .ui-button-text-icon-primary .ui-button-icon-primary.ui-icon { |
|
14150 margin-top: 5px; |
|
14151 } |
|
14152 .ui-button .ui-button-text { |
|
14153 display: block; |
|
14154 line-height: normal; |
|
14155 } |
|
14156 .ui-button-icon-only .ui-button-text, |
|
14157 .ui-button-icons-only .ui-button-text { |
|
14158 padding: .4em; |
|
14159 text-indent: -9999px; |
|
14160 display: none; |
|
14161 } |
|
14162 .ui-button-text-icon-primary .ui-button-text, |
|
14163 .ui-button-text-icons .ui-button-text { |
|
14164 padding: .4em 1em .4em 2.1em; |
|
14165 } |
|
14166 .ui-button-text-icon-secondary .ui-button-text, |
|
14167 .ui-button-text-icons .ui-button-text { |
|
14168 padding: .4em 2.1em .4em 1em; |
|
14169 } |
|
14170 .ui-button-text-icons .ui-button-text { |
|
14171 padding-left: 2.1em; |
|
14172 padding-right: 2.1em; |
|
14173 } |
|
14174 input.ui-button { |
|
14175 padding: .4em 1em; |
|
14176 } |
|
14177 .ui-button-icon-only .ui-icon, |
|
14178 .ui-button-icons-only .ui-icon, |
|
14179 .ui-button-text-icon-primary .ui-icon, |
|
14180 .ui-button-text-icon-secondary .ui-icon, |
|
14181 .ui-button-text-icons .ui-icon { |
|
14182 margin-bottom: 0; |
|
14183 margin-top: 0; |
|
14184 top: 50%; |
|
14185 } |
|
14186 .ui-button-icon-only .ui-icon { |
|
14187 left: 50%; |
|
14188 margin-left: -8px; |
|
14189 margin-right: -6px; |
|
14190 } |
|
14191 .ui-button-icons-only .ui-button-icon-primary, |
|
14192 .ui-button-text-icon-primary .ui-button-icon-primary, |
|
14193 .ui-button-text-icons .ui-button-icon-primary { |
|
14194 left: .5em; |
|
14195 } |
|
14196 .ui-button-icons-only .ui-button-icon-secondary, |
|
14197 .ui-button-text-icon-secondary .ui-button-icon-secondary, |
|
14198 .ui-button-text-icons .ui-button-icon-secondary { |
|
14199 right: .5em; |
|
14200 } |
|
14201 .ui-buttonset { |
|
14202 margin-right: 7px; |
|
14203 } |
|
14204 .ui-buttonset .ui-state-active { |
|
14205 color: #fff; |
|
14206 background-color: #428bca; |
|
14207 border-color: #357ebd; |
|
14208 } |
|
14209 .ui-buttonset .ui-state-active.ui-state-hover { |
|
14210 color: #fff; |
|
14211 background-color: #3276b1; |
|
14212 border-color: #285e8e; |
|
14213 } |
|
14214 .ui-buttonset .ui-button { |
|
14215 margin-left: 0; |
|
14216 margin-right: -0.4em; |
|
14217 } |
|
14218 button.ui-button::-moz-focus-inner { |
|
14219 border: 0; |
|
14220 padding: 0; |
|
14221 } |
|
14222 /* |
|
14223 * UI slider |
|
14224 */ |
|
14225 .ui-slider { |
|
14226 position: relative; |
|
14227 text-align: left; |
|
14228 } |
|
14229 .ui-slider.ui-state-disabled .ui-slider-handle, |
|
14230 .ui-slider.ui-state-disabled .ui-slider-range { |
|
14231 -webkit-filter: inherit; |
|
14232 filter: inherit; |
|
14233 } |
|
14234 .ui-slider .ui-slider-handle { |
|
14235 position: absolute; |
|
14236 z-index: 2; |
|
14237 width: 16px; |
|
14238 height: 18px; |
|
14239 cursor: default; |
|
14240 } |
|
14241 .ui-slider .ui-slider-range { |
|
14242 position: absolute; |
|
14243 z-index: 1; |
|
14244 font-size: .7em; |
|
14245 display: block; |
|
14246 border: 0; |
|
14247 background-position: 0 0; |
|
14248 color: #fff; |
|
14249 background-color: #0e90d2; |
|
14250 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); |
|
14251 background-image: -webkit-gradient(linear, top left, bottom left, from(#149bdf), to(#0480be)); |
|
14252 background-image: -webkit-linear-gradient(top, #149bdf, #0480be); |
|
14253 background-image: linear-gradient(to bottom, #149bdf, #0480be); |
|
14254 background-repeat: repeat-x; |
|
14255 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); |
|
14256 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
14257 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
14258 -webkit-box-sizing: border-box; |
|
14259 -moz-box-sizing: border-box; |
|
14260 box-sizing: border-box; |
|
14261 -webkit-transition: width .6s ease; |
|
14262 transition: width .6s ease; |
|
14263 } |
|
14264 .ui-slider-horizontal { |
|
14265 height: 10px; |
|
14266 background: #D5D5D5; |
|
14267 border: 0; |
|
14268 } |
|
14269 .ui-slider-horizontal .ui-slider-handle { |
|
14270 top: -0.2em; |
|
14271 margin-left: -0.5em; |
|
14272 background-color: #fff; |
|
14273 border-color: #CCC; |
|
14274 } |
|
14275 .ui-slider-horizontal .ui-slider-handle:focus { |
|
14276 background-color: #fff; |
|
14277 border-color: #357EBD; |
|
14278 } |
|
14279 .ui-slider-horizontal .ui-slider-handle:hover { |
|
14280 background-color: #fff; |
|
14281 border-color: #285E8E; |
|
14282 outline: 0; |
|
14283 } |
|
14284 .ui-slider-horizontal .ui-slider-handle:active { |
|
14285 background-color: #428BCA; |
|
14286 border-color: #3276B1; |
|
14287 } |
|
14288 .ui-slider-horizontal .ui-slider-range { |
|
14289 top: 0; |
|
14290 height: 100%; |
|
14291 } |
|
14292 .ui-slider-horizontal .ui-slider-range-min { |
|
14293 left: 0; |
|
14294 } |
|
14295 .ui-slider-horizontal .ui-slider-range-max { |
|
14296 right: 0; |
|
14297 } |
|
14298 .ui-slider-vertical { |
|
14299 width: .8em; |
|
14300 height: 100px; |
|
14301 } |
|
14302 .ui-slider-vertical .ui-slider-handle { |
|
14303 left: -0.3em; |
|
14304 margin-left: 0; |
|
14305 margin-bottom: -0.6em; |
|
14306 } |
|
14307 .ui-slider-vertical .ui-slider-range { |
|
14308 left: 0; |
|
14309 width: 100%; |
|
14310 } |
|
14311 .ui-slider-vertical .ui-slider-range-min { |
|
14312 bottom: 0; |
|
14313 } |
|
14314 .ui-slider-vertical .ui-slider-range-max { |
|
14315 top: 0; |
|
14316 } |
|
14317 /* |
|
14318 * UI tabs |
|
14319 */ |
|
14320 .ui-tabs { |
|
14321 position: relative; |
|
14322 border: 0; |
|
14323 border-radius: 0; |
|
14324 } |
|
14325 .ui-tabs .ui-tabs-panel { |
|
14326 display: block; |
|
14327 border-radius: 0; |
|
14328 background: 0 0; |
|
14329 } |
|
14330 .ui-tabs .ui-tabs-nav { |
|
14331 margin-bottom: 0; |
|
14332 border: solid #ddd; |
|
14333 border-width: 0 0 1px; |
|
14334 border-radius: 0; |
|
14335 background: 0 0; |
|
14336 } |
|
14337 .ui-tabs .ui-tabs-nav li { |
|
14338 position: relative; |
|
14339 top: 0; |
|
14340 float: left; |
|
14341 margin-bottom: -1px; |
|
14342 margin-right: 3px; |
|
14343 border: 0; |
|
14344 list-style: none; |
|
14345 white-space: nowrap; |
|
14346 background: 0 0; |
|
14347 -webkit-filter: none; |
|
14348 filter: none; |
|
14349 } |
|
14350 .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { |
|
14351 background: #fff; |
|
14352 cursor: text; |
|
14353 } |
|
14354 .ui-tabs .ui-tabs-nav li.ui-tabs-active a { |
|
14355 border: 1px solid #ddd; |
|
14356 border-bottom: 1px solid #fff; |
|
14357 background-color: #fff; |
|
14358 color: #555; |
|
14359 font-weight: 700; |
|
14360 border-top-width: 0!important; |
|
14361 margin-top: 1px!important; |
|
14362 -webkit-box-shadow: 0 -2px 0 #57889c; |
|
14363 box-shadow: 0 -2px 0 #57889c; |
|
14364 } |
|
14365 .ui-tabs .ui-tabs-nav li a { |
|
14366 float: left; |
|
14367 padding: 8px 12px; |
|
14368 font-weight: 400; |
|
14369 text-decoration: none; |
|
14370 outline: 0; |
|
14371 background: 0 0; |
|
14372 border-radius: 0; |
|
14373 background-color: #F5F5F5; |
|
14374 border: 1px solid #F5F5F5; |
|
14375 border-bottom: 1px solid #ddd; |
|
14376 color: #838383; |
|
14377 } |
|
14378 .ui-tabs .ui-tabs-nav li a:hover { |
|
14379 border: 1px solid #f5f5f5; |
|
14380 border-bottom: 1px solid #ddd; |
|
14381 background-color: #f5f5f5; |
|
14382 } |
|
14383 .ui-tabs .ui-tabs-nav li.ui-state-disabled a, |
|
14384 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, |
|
14385 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { |
|
14386 cursor: text; |
|
14387 } |
|
14388 .ui-tabs .ui-tabs-nav .ui-state-default { |
|
14389 border: 0; |
|
14390 -webkit-box-shadow: none; |
|
14391 box-shadow: none; |
|
14392 } |
|
14393 .ui-tabs .ui-tabs-panel { |
|
14394 border: 1px solid #ddd; |
|
14395 margin: 0; |
|
14396 padding: 10px 13px; |
|
14397 border-top: 0; |
|
14398 } |
|
14399 .ui-tabs .ui-tabs-hide { |
|
14400 display: none!important; |
|
14401 } |
|
14402 /* |
|
14403 * UI tooltip |
|
14404 */ |
|
14405 .ui-tooltip { |
|
14406 display: block; |
|
14407 font-size: 11px; |
|
14408 opacity: .8; |
|
14409 position: absolute; |
|
14410 visibility: visible; |
|
14411 z-index: 1024; |
|
14412 max-width: 200px; |
|
14413 background: #000; |
|
14414 border: 1px solid #000; |
|
14415 color: #FFF; |
|
14416 padding: 3px 8px; |
|
14417 text-align: center; |
|
14418 text-decoration: none; |
|
14419 -webkit-box-shadow: inset 0 1px 0 #000; |
|
14420 box-shadow: inset 0 1px 0 #000; |
|
14421 border-radius: 4px; |
|
14422 } |
|
14423 body .ui-tooltip { |
|
14424 border-width: 1px; |
|
14425 } |
|
14426 /* |
|
14427 * UI spinner |
|
14428 */ |
|
14429 .ui-spinner { |
|
14430 position: relative; |
|
14431 display: inline-block; |
|
14432 overflow: hidden; |
|
14433 width: 100%; |
|
14434 padding: 0; |
|
14435 vertical-align: middle; |
|
14436 } |
|
14437 .ui-spinner-input { |
|
14438 margin: 0!important; |
|
14439 height: 30px; |
|
14440 padding: 6px 24px 6px 12px; |
|
14441 border: 0; |
|
14442 background: 0 0; |
|
14443 vertical-align: middle; |
|
14444 } |
|
14445 .ui-spinner-input.spinner-left { |
|
14446 padding: 6px 12px 6px 24px; |
|
14447 } |
|
14448 .ui-spinner-input.spinner-left + .ui-spinner-button, |
|
14449 .ui-spinner-input.spinner-left + .ui-spinner-button + .ui-spinner-button { |
|
14450 right: auto; |
|
14451 left: 0; |
|
14452 } |
|
14453 .ui-spinner-input.spinner-both { |
|
14454 padding: 6px 30px; |
|
14455 } |
|
14456 .ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { |
|
14457 left: 0; |
|
14458 right: auto; |
|
14459 } |
|
14460 .ui-spinner-input.spinner-both + .ui-spinner-button, |
|
14461 .ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { |
|
14462 height: 30px; |
|
14463 width: 25px; |
|
14464 } |
|
14465 .ui-spinner-input.spinner-both + .ui-spinner-up + .ui-spinner-down:before, |
|
14466 .ui-spinner-input.spinner-both + .ui-spinner-up:before { |
|
14467 margin-top: 8px; |
|
14468 } |
|
14469 .ui-spinner-button { |
|
14470 width: 19px; |
|
14471 height: 50%; |
|
14472 font-size: .5em; |
|
14473 padding: 0; |
|
14474 margin: 0; |
|
14475 text-align: center; |
|
14476 position: absolute; |
|
14477 cursor: default; |
|
14478 display: block; |
|
14479 overflow: hidden; |
|
14480 right: 0; |
|
14481 } |
|
14482 .ui-spinner a.ui-spinner-button { |
|
14483 border-top: 0; |
|
14484 border-bottom: 0; |
|
14485 border-right: 0; |
|
14486 } |
|
14487 .ui-spinner .ui-icon { |
|
14488 position: absolute; |
|
14489 margin-top: -8px; |
|
14490 top: 50%; |
|
14491 left: 0; |
|
14492 } |
|
14493 .ui-spinner-down, |
|
14494 .ui-spinner-up { |
|
14495 background: #739e73; |
|
14496 border-radius: 0; |
|
14497 } |
|
14498 .ui-spinner-down:before, |
|
14499 .ui-spinner-up:before { |
|
14500 display: inline-block; |
|
14501 font-family: FontAwesome; |
|
14502 font-style: normal; |
|
14503 font-weight: 400; |
|
14504 line-height: 1; |
|
14505 -webkit-font-smoothing: antialiased; |
|
14506 -moz-osx-font-smoothing: grayscale; |
|
14507 content: "\f067"; |
|
14508 color: #fff; |
|
14509 font-size: 14px; |
|
14510 margin-top: 1px; |
|
14511 } |
|
14512 .ui-spinner-down > :first-child, |
|
14513 .ui-spinner-up > :first-child { |
|
14514 display: none; |
|
14515 } |
|
14516 .ui-spinner-up { |
|
14517 top: 0; |
|
14518 } |
|
14519 .ui-spinner-up:active, |
|
14520 .ui-spinner-up:focus, |
|
14521 .ui-spinner-up:hover { |
|
14522 background: #5b835b; |
|
14523 } |
|
14524 .ui-spinner-down { |
|
14525 bottom: 0; |
|
14526 background: #c2032f; |
|
14527 } |
|
14528 .ui-spinner-down:before { |
|
14529 content: "\f068"; |
|
14530 } |
|
14531 .ui-spinner-down:active, |
|
14532 .ui-spinner-down:focus, |
|
14533 .ui-spinner-down:hover { |
|
14534 background: #77021d; |
|
14535 } |
|
14536 .ui-spinner .ui-icon-triangle-1-s { |
|
14537 background-position: -65px -16px; |
|
14538 } |
|
14539 /* |
|
14540 * UI date picker |
|
14541 */ |
|
14542 .ui-datepicker { |
|
14543 width: 20em; |
|
14544 padding: .2em .2em 0; |
|
14545 display: none; |
|
14546 } |
|
14547 .ui-datepicker-inline { |
|
14548 z-index: 9000!important; |
|
14549 } |
|
14550 .ui-datepicker-header { |
|
14551 position: relative; |
|
14552 border: 0; |
|
14553 font-weight: 700; |
|
14554 width: 100%; |
|
14555 padding: 4px 0; |
|
14556 background-color: #f5f5f5; |
|
14557 color: gray; |
|
14558 } |
|
14559 .ui-datepicker-next, |
|
14560 .ui-datepicker-prev { |
|
14561 position: absolute; |
|
14562 top: 2px; |
|
14563 width: 5.6em; |
|
14564 height: 1.8em; |
|
14565 text-align: center; |
|
14566 margin-top: 2px; |
|
14567 cursor: pointer; |
|
14568 } |
|
14569 .ui-datepicker-next > :first-child, |
|
14570 .ui-datepicker-prev > :first-child { |
|
14571 text-indent: 0!important; |
|
14572 } |
|
14573 .ui-datepicker-next span, |
|
14574 .ui-datepicker-prev span { |
|
14575 display: block; |
|
14576 position: absolute; |
|
14577 text-align: center; |
|
14578 top: 50%; |
|
14579 margin-top: -8px; |
|
14580 width: 5.8em; |
|
14581 } |
|
14582 .ui-datepicker-prev { |
|
14583 left: 2px; |
|
14584 } |
|
14585 .ui-datepicker-next { |
|
14586 right: 2px; |
|
14587 } |
|
14588 .ui-datepicker-title { |
|
14589 margin: 0 5.8em; |
|
14590 line-height: 1.8em; |
|
14591 text-align: center; |
|
14592 } |
|
14593 .ui-datepicker-title select { |
|
14594 font-size: 1em; |
|
14595 margin: 1px 0; |
|
14596 } |
|
14597 .ui-datepicker select.ui-datepicker-month-year { |
|
14598 width: 100%; |
|
14599 } |
|
14600 .ui-datepicker select.ui-datepicker-month, |
|
14601 .ui-datepicker select.ui-datepicker-year { |
|
14602 width: 49%; |
|
14603 } |
|
14604 .ui-datepicker table { |
|
14605 width: 100%; |
|
14606 font-size: .9em; |
|
14607 border-collapse: collapse; |
|
14608 margin: 0 0 .4em; |
|
14609 } |
|
14610 .ui-datepicker th { |
|
14611 padding: .7em .3em; |
|
14612 text-align: center; |
|
14613 border: 0; |
|
14614 font-weight: 700; |
|
14615 color: gray; |
|
14616 } |
|
14617 .ui-datepicker td { |
|
14618 border: 0; |
|
14619 padding: 1px; |
|
14620 } |
|
14621 .ui-datepicker td:hover { |
|
14622 color: #fff; |
|
14623 } |
|
14624 .ui-datepicker td a { |
|
14625 margin-bottom: 0; |
|
14626 border: 0; |
|
14627 } |
|
14628 .ui-datepicker td a, |
|
14629 .ui-datepicker td span { |
|
14630 display: block; |
|
14631 padding: .2em; |
|
14632 text-align: right; |
|
14633 text-decoration: none; |
|
14634 } |
|
14635 .ui-datepicker td .ui-state-default { |
|
14636 border: 0; |
|
14637 background: 0 0; |
|
14638 margin-bottom: 0; |
|
14639 padding: 5px; |
|
14640 color: gray; |
|
14641 text-align: center; |
|
14642 -webkit-filter: none; |
|
14643 filter: none; |
|
14644 } |
|
14645 .ui-datepicker td .ui-state-highlight { |
|
14646 color: #fff; |
|
14647 background-color: #A90329; |
|
14648 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
14649 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
14650 border-radius: 0; |
|
14651 } |
|
14652 .ui-datepicker td .ui-state-active { |
|
14653 color: #333; |
|
14654 background-color: #ebebeb; |
|
14655 margin-bottom: 0; |
|
14656 font-size: normal; |
|
14657 text-shadow: 0; |
|
14658 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
14659 border-radius: 0; |
|
14660 } |
|
14661 .ui-datepicker td .ui-state-hover { |
|
14662 color: #fff; |
|
14663 background: #428bca; |
|
14664 background-color: #428bca; |
|
14665 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
14666 border-color: #357ebd; |
|
14667 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
14668 border-radius: 0; |
|
14669 } |
|
14670 .ui-datepicker-buttonpane { |
|
14671 background-image: none; |
|
14672 margin: .7em 0 0; |
|
14673 padding: 0 .2em; |
|
14674 border-left: 0; |
|
14675 border-right: 0; |
|
14676 border-bottom: 0; |
|
14677 } |
|
14678 .ui-datepicker-buttonpane button { |
|
14679 float: right; |
|
14680 margin: .5em .2em .4em; |
|
14681 cursor: pointer; |
|
14682 padding: .2em .6em .3em; |
|
14683 width: auto; |
|
14684 overflow: visible; |
|
14685 } |
|
14686 .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
14687 float: left; |
|
14688 } |
|
14689 .ui-datepicker-multi { |
|
14690 width: auto; |
|
14691 } |
|
14692 .ui-datepicker-multi .ui-datepicker-group { |
|
14693 float: left; |
|
14694 } |
|
14695 .ui-datepicker-multi .ui-datepicker-group table { |
|
14696 width: 95%; |
|
14697 margin: 0 auto .4em; |
|
14698 } |
|
14699 .ui-datepicker-multi-2 .ui-datepicker-group { |
|
14700 width: 50%; |
|
14701 } |
|
14702 .ui-datepicker-multi-3 .ui-datepicker-group { |
|
14703 width: 33.3%; |
|
14704 } |
|
14705 .ui-datepicker-multi-4 .ui-datepicker-group { |
|
14706 width: 25%; |
|
14707 } |
|
14708 .ui-datepicker-multi .ui-detepicker-group-last .ui-datepicker-header, |
|
14709 .ui-datepicker-multi .ui-datepicket-group-middle .ui-datepicker-header { |
|
14710 border-left-width: 0; |
|
14711 } |
|
14712 .ui-datepicker-multi .ui-datepicker-buttonpane { |
|
14713 clear: left; |
|
14714 } |
|
14715 .ui-datepicker-row-break { |
|
14716 clear: both; |
|
14717 width: 100%; |
|
14718 font-size: 0; |
|
14719 } |
|
14720 .ui-datepicker-rtl { |
|
14721 direction: rtl; |
|
14722 } |
|
14723 .ui-datepicker-rtl .ui-datepicker-prev { |
|
14724 right: 2px; |
|
14725 left: auto; |
|
14726 } |
|
14727 .ui-datepicker-rtl .ui-datepicker-next { |
|
14728 left: 2px; |
|
14729 right: auto; |
|
14730 } |
|
14731 .ui-datepicker-rtl .ui-datepicker-prev:hover { |
|
14732 right: 1px; |
|
14733 left: auto; |
|
14734 } |
|
14735 .ui-datepicker-rtl .ui-datepicker-next:hover { |
|
14736 left: 1px; |
|
14737 right: auto; |
|
14738 } |
|
14739 .ui-datepicker-rtl .ui-datepicker-buttonpane { |
|
14740 clear: right; |
|
14741 } |
|
14742 .ui-datepicker-rtl .ui-datepicker-buttonpane button { |
|
14743 float: left; |
|
14744 } |
|
14745 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, |
|
14746 .ui-datepicker-rtl .ui-datepicker-group { |
|
14747 float: right; |
|
14748 } |
|
14749 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, |
|
14750 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { |
|
14751 border-right-width: 0; |
|
14752 border-left-width: 1px; |
|
14753 } |
|
14754 .ui-datepicker-cover { |
|
14755 display: none; |
|
14756 display: block; |
|
14757 position: absolute; |
|
14758 z-index: -1; |
|
14759 -webkit-filter: mask(); |
|
14760 filter: mask(); |
|
14761 top: -4px; |
|
14762 left: -4px; |
|
14763 width: 200px; |
|
14764 height: 200px; |
|
14765 } |
|
14766 .ui-datepicker-today a { |
|
14767 background-color: #BFBFBF; |
|
14768 cursor: pointer; |
|
14769 padding: 0 4px; |
|
14770 margin-bottom: 0; |
|
14771 } |
|
14772 .ui-datepicker-today a:hover { |
|
14773 background-color: gray; |
|
14774 color: #fff; |
|
14775 } |
|
14776 /* |
|
14777 * UI progressbar |
|
14778 */ |
|
14779 .ui-progressbar { |
|
14780 height: 2em; |
|
14781 margin-bottom: 20px; |
|
14782 border: 0; |
|
14783 overflow: hidden; |
|
14784 background-color: #f7f7f7; |
|
14785 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); |
|
14786 background-image: -webkit-gradient(linear, top left, bottom left, from(#f5f5f5), to(#f9f9f9)); |
|
14787 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); |
|
14788 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); |
|
14789 background-repeat: repeat-x; |
|
14790 border-radius: 0; |
|
14791 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); |
|
14792 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
14793 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
14794 } |
|
14795 .ui-progressbar .ui-progressbar-value { |
|
14796 margin: 0; |
|
14797 height: 100%; |
|
14798 color: #fff; |
|
14799 background-color: #428BCA; |
|
14800 -webkit-box-sizing: border-box; |
|
14801 -moz-box-sizing: border-box; |
|
14802 box-sizing: border-box; |
|
14803 -webkit-transition: width .6s ease; |
|
14804 transition: width .6s ease; |
|
14805 } |
|
14806 .ui-progressbar .ui-progressbar-overlay { |
|
14807 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
14808 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
14809 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
14810 -webkit-background-size: 40px 40px; |
|
14811 background-size: 40px 40px; |
|
14812 -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
14813 -ms-animation: progress-bar-stripes 2s linear infinite; |
|
14814 animation: progress-bar-stripes 2s linear infinite; |
|
14815 } |
|
14816 .ui-progressbar-indeterminate .ui-progressbar-value { |
|
14817 background-image: none; |
|
14818 } |
|
14819 /* |
|
14820 * UI resizable |
|
14821 */ |
|
14822 .ui-resizable { |
|
14823 position: relative; |
|
14824 } |
|
14825 .ui-resizable-handle { |
|
14826 position: absolute; |
|
14827 font-size: .1px; |
|
14828 z-index: 99999; |
|
14829 display: block; |
|
14830 } |
|
14831 .ui-resizable-autohide .ui-resizable-handle, |
|
14832 .ui-resizable-disabled .ui-resizable-handle { |
|
14833 display: none; |
|
14834 } |
|
14835 .ui-resizable-n { |
|
14836 cursor: n-resize; |
|
14837 height: 7px; |
|
14838 width: 100%; |
|
14839 top: -5px; |
|
14840 left: 0; |
|
14841 } |
|
14842 .ui-resizable-s { |
|
14843 cursor: s-resize; |
|
14844 height: 7px; |
|
14845 width: 100%; |
|
14846 bottom: -5px; |
|
14847 left: 0; |
|
14848 } |
|
14849 .ui-resizable-e { |
|
14850 cursor: e-resize; |
|
14851 width: 7px; |
|
14852 right: -5px; |
|
14853 top: 0; |
|
14854 height: 100%; |
|
14855 } |
|
14856 .ui-resizable-w { |
|
14857 cursor: w-resize; |
|
14858 width: 7px; |
|
14859 left: -5px; |
|
14860 top: 0; |
|
14861 height: 100%; |
|
14862 } |
|
14863 .ui-resizable-se { |
|
14864 cursor: se-resize; |
|
14865 width: 12px; |
|
14866 height: 12px; |
|
14867 right: 1px; |
|
14868 bottom: 1px; |
|
14869 } |
|
14870 .ui-resizable-sw { |
|
14871 cursor: sw-resize; |
|
14872 width: 9px; |
|
14873 height: 9px; |
|
14874 left: -5px; |
|
14875 bottom: -5px; |
|
14876 } |
|
14877 .ui-resizable-nw { |
|
14878 cursor: nw-resize; |
|
14879 width: 9px; |
|
14880 height: 9px; |
|
14881 left: -5px; |
|
14882 top: -5px; |
|
14883 } |
|
14884 .ui-resizable-ne { |
|
14885 cursor: ne-resize; |
|
14886 width: 9px; |
|
14887 height: 9px; |
|
14888 right: -5px; |
|
14889 top: -5px; |
|
14890 } |
|
14891 /* |
|
14892 * UI selectable |
|
14893 */ |
|
14894 .ui-selectable-helper { |
|
14895 position: absolute; |
|
14896 z-index: 100; |
|
14897 border: 1px dotted #000; |
|
14898 } |
|
14899 /* |
|
14900 * UI accordion |
|
14901 */ |
|
14902 .ui-accordion { |
|
14903 width: 100%; |
|
14904 } |
|
14905 .ui-accordion .ui-accordion-li-fix { |
|
14906 display: inline; |
|
14907 } |
|
14908 .ui-accordion .ui-accordion-header { |
|
14909 display: block; |
|
14910 position: relative; |
|
14911 margin-top: -2px; |
|
14912 border-color: #ddd!important; |
|
14913 padding: 10px 15px 10px 36px!important; |
|
14914 cursor: pointer; |
|
14915 min-height: 0; |
|
14916 background-color: #fbfbfb; |
|
14917 border-radius: 0; |
|
14918 font-size: 15px; |
|
14919 } |
|
14920 .ui-accordion .ui-accordion-header-active { |
|
14921 border-bottom: 0!important; |
|
14922 } |
|
14923 .ui-accordion .ui-accordion-icons { |
|
14924 padding-left: 2.2em; |
|
14925 } |
|
14926 .ui-accordion .ui-accordion-noicons { |
|
14927 padding-left: .7em; |
|
14928 } |
|
14929 .ui-accordion .ui-accordion-icons .ui-accordion-icons { |
|
14930 padding-left: 2.2em; |
|
14931 } |
|
14932 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { |
|
14933 position: absolute; |
|
14934 left: .5em; |
|
14935 top: 50%; |
|
14936 margin-top: -8px; |
|
14937 text-indent: 0!important; |
|
14938 background-image: none!important; |
|
14939 text-align: center; |
|
14940 line-height: normal; |
|
14941 left: 12px!important; |
|
14942 margin-top: -6px !important; |
|
14943 font-size: 14px!important; |
|
14944 } |
|
14945 .ui-accordion .ui-accordion-content { |
|
14946 margin-top: -3px; |
|
14947 border-radius: 0; |
|
14948 border-top: 0 none; |
|
14949 border-color: #ddd!important; |
|
14950 padding: 15px; |
|
14951 position: relative; |
|
14952 top: 1px; |
|
14953 margin-bottom: 2px; |
|
14954 overflow: auto; |
|
14955 display: none; |
|
14956 } |
|
14957 .ui-accordion .ui-accordion-content-active { |
|
14958 display: block; |
|
14959 } |
|
14960 .ui-accordion-header-active + .ui-accordion-content { |
|
14961 border-top: 1px solid #ddd; |
|
14962 } |
|
14963 .noUi-target * { |
|
14964 -webkit-box-sizing: border-box; |
|
14965 -moz-box-sizing: border-box; |
|
14966 box-sizing: border-box; |
|
14967 -webkit-touch-callout: none; |
|
14968 -ms-touch-action: none; |
|
14969 -webkit-user-select: none; |
|
14970 -moz-user-select: none; |
|
14971 -ms-user-select: none; |
|
14972 cursor: default; |
|
14973 } |
|
14974 .noUi-target *[disabled] .noUi-base { |
|
14975 background: #999; |
|
14976 } |
|
14977 .noUi-target *[disabled] .noUi-connect { |
|
14978 background: #BBB; |
|
14979 } |
|
14980 .noUi-base { |
|
14981 width: 100%; |
|
14982 height: 14px; |
|
14983 position: relative; |
|
14984 max-width: 100%; |
|
14985 max-height: 100%; |
|
14986 border: 1px solid #bfbfbf; |
|
14987 z-index: 1; |
|
14988 } |
|
14989 .noUi-origin-lower { |
|
14990 background: #72a8d7; |
|
14991 } |
|
14992 .noUi-handle { |
|
14993 background: #858585; |
|
14994 height: 30px; |
|
14995 width: 16px; |
|
14996 border: 1px solid #fff; |
|
14997 margin: -8px 0 0 -8px; |
|
14998 cursor: default; |
|
14999 } |
|
15000 .noUi-handle:hover { |
|
15001 background: #6c6c6c; |
|
15002 } |
|
15003 .noUi-active { |
|
15004 cursor: default; |
|
15005 -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0; |
|
15006 box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0; |
|
15007 background: #686868; |
|
15008 height: 32px; |
|
15009 width: 18px; |
|
15010 margin: -9px 0 0 -8px; |
|
15011 border: 0; |
|
15012 } |
|
15013 .noUi-active:after { |
|
15014 -webkit-box-sizing: border-box; |
|
15015 -moz-box-sizing: border-box; |
|
15016 box-sizing: border-box; |
|
15017 content: ""; |
|
15018 display: block; |
|
15019 height: 100%; |
|
15020 border: 1px solid #ddd; |
|
15021 } |
|
15022 .noUi-connect { |
|
15023 background: #3276b1; |
|
15024 } |
|
15025 .noUi-background { |
|
15026 background: #eee; |
|
15027 border: 0; |
|
15028 } |
|
15029 .noUi-origin { |
|
15030 position: absolute; |
|
15031 right: 0; |
|
15032 top: 0; |
|
15033 bottom: 0; |
|
15034 z-index: 0; |
|
15035 } |
|
15036 .noUi-origin-upper { |
|
15037 background: inherit!important; |
|
15038 } |
|
15039 .noUi-z-index { |
|
15040 z-index: 10; |
|
15041 } |
|
15042 .noUi-vertical { |
|
15043 width: 10px; |
|
15044 height: 100%; |
|
15045 } |
|
15046 .noUi-vertical .noUi-origin { |
|
15047 bottom: 0; |
|
15048 left: 0; |
|
15049 } |
|
15050 .noUi-vertical .noUi-handle { |
|
15051 margin: -8px 0 0 -3px; |
|
15052 } |
|
15053 .noUi-state-tap .noUi-origin { |
|
15054 -webkit-transition: left .3s, top .3s; |
|
15055 transition: left .3s, top .3s; |
|
15056 } |
|
15057 /** |
|
15058 * UI modal dialog |
|
15059 */ |
|
15060 .modal-backdrop, |
|
15061 .modal-backdrop.fade.in { |
|
15062 width: 100%; |
|
15063 height: 100%; |
|
15064 } |
|
15065 .modal-dialog.modal-max { |
|
15066 width: 98%; |
|
15067 max-width: 98%; |
|
15068 } |
|
15069 @media only screen and (min-width: 768px) { |
|
15070 .modal-dialog.modal-large { |
|
15071 width: 80%; |
|
15072 max-width: 900px; |
|
15073 } |
|
15074 } |
|
15075 @media only screen and (min-width: 768px) { |
|
15076 .modal-dialog.modal-medium { |
|
15077 width: 60%; |
|
15078 max-width: 650px; |
|
15079 } |
|
15080 } |
|
15081 @media only screen and (min-width: 768px) { |
|
15082 .modal-dialog.modal-small { |
|
15083 width: 40%; |
|
15084 max-width: 450px; |
|
15085 } |
|
15086 } |
|
15087 .modal-dialog .suffix .alert { |
|
15088 margin-bottom: 0; |
|
15089 border-radius: 0 0 5px 5px; |
|
15090 } |
|
15091 .modal-title img { |
|
15092 margin: 0 15px 0 0; |
|
15093 } |
|
15094 .modal-overflow .modal-body { |
|
15095 overflow: hidden; |
|
15096 } |
|
15097 .ui-dialog { |
|
15098 position: absolute; |
|
15099 top: 0; |
|
15100 left: 0; |
|
15101 padding: 0; |
|
15102 width: 300px; |
|
15103 overflow: hidden; |
|
15104 -webkit-background-clip: padding-box; |
|
15105 background-clip: padding-box; |
|
15106 background-color: #fff; |
|
15107 border-radius: 3px; |
|
15108 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
|
15109 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
|
15110 border: 1px solid rgba(0, 0, 0, 0.2); |
|
15111 outline: medium none; |
|
15112 z-index: 1050; |
|
15113 } |
|
15114 .ui-dialog .ui-dialog-titlebar { |
|
15115 position: relative; |
|
15116 padding: 0 10px; |
|
15117 background: #fff; |
|
15118 border-color: #fff; |
|
15119 font-size: 18px; |
|
15120 text-decoration: none; |
|
15121 border: 0 0 0 1px solid; |
|
15122 border-bottom-right-radius: 0; |
|
15123 border-bottom-left-radius: 0; |
|
15124 border-bottom: 1px solid #ccc; |
|
15125 border-bottom-color: #eee; |
|
15126 } |
|
15127 .ui-dialog .ui-dialog-title { |
|
15128 float: left; |
|
15129 margin: 0; |
|
15130 color: #404040; |
|
15131 font-weight: 700; |
|
15132 padding: 5px; |
|
15133 text-overflow: ellipsis; |
|
15134 overflow: hidden; |
|
15135 } |
|
15136 .ui-dialog .ui-dialog-titlebar-close { |
|
15137 position: absolute; |
|
15138 right: .3em; |
|
15139 top: 50%; |
|
15140 width: 19px; |
|
15141 margin: -16px 4px 0 0; |
|
15142 padding: 1px; |
|
15143 height: 18px; |
|
15144 font-size: 20px; |
|
15145 font-weight: 700; |
|
15146 line-height: 13.5px; |
|
15147 text-shadow: 0 1px 0 #fff; |
|
15148 filter: alpha(opacity=25); |
|
15149 -khtml-opacity: .25; |
|
15150 -moz-opacity: .25; |
|
15151 opacity: .25; |
|
15152 background: 0 0; |
|
15153 border: 0; |
|
15154 -webkit-box-shadow: none; |
|
15155 box-shadow: none; |
|
15156 } |
|
15157 .ui-dialog .ui-dialog-titlebar-close:before { |
|
15158 content: "\f00d"; |
|
15159 font-family: FontAwesome; |
|
15160 font-style: normal; |
|
15161 font-weight: 400; |
|
15162 line-height: 1; |
|
15163 -webkit-font-smoothing: antialiased; |
|
15164 -moz-osx-font-smoothing: grayscale; |
|
15165 font-size: 13px; |
|
15166 } |
|
15167 .ui-dialog .ui-dialog-titlebar-close:focus, |
|
15168 .ui-dialog .ui-dialog-titlebar-close:hover { |
|
15169 padding: 1px; |
|
15170 filter: alpha(opacity=90); |
|
15171 -moz-opacity: .9; |
|
15172 opacity: .9; |
|
15173 } |
|
15174 .ui-dialog .ui-dialog-titlebar-close span { |
|
15175 display: block; |
|
15176 margin: 1px; |
|
15177 text-indent: 9999px; |
|
15178 } |
|
15179 .ui-dialog .ui-dialog-content { |
|
15180 position: relative; |
|
15181 border: 0; |
|
15182 padding: .5em 1em; |
|
15183 background: 0 0; |
|
15184 overflow: auto; |
|
15185 } |
|
15186 .ui-dialog .ui-dialog-buttonpane { |
|
15187 margin: 13px 0 0; |
|
15188 padding: 19px 15px 20px; |
|
15189 border-top: 1px solid #eee; |
|
15190 border-width: 1px 0 0; |
|
15191 border-radius: 0 0 6px 6px; |
|
15192 background-image: none; |
|
15193 background-color: #fff; |
|
15194 -webkit-box-shadow: inset 0 1px 0 #fff; |
|
15195 box-shadow: inset 0 1px 0 #fff; |
|
15196 text-align: right; |
|
15197 } |
|
15198 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { |
|
15199 float: right; |
|
15200 } |
|
15201 .ui-dialog .ui-dialog-buttonpane button { |
|
15202 margin: 0 .4em 0 0; |
|
15203 cursor: pointer; |
|
15204 } |
|
15205 .ui-dialog .ui-resizable-se { |
|
15206 width: 14px; |
|
15207 height: 14px; |
|
15208 right: 3px; |
|
15209 bottom: 3px; |
|
15210 } |
|
15211 .ui-draggable .ui-dialog-titlebar { |
|
15212 cursor: move; |
|
15213 } |
|
15214 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { |
|
15215 color: #fff; |
|
15216 background-color: #428bca; |
|
15217 border-color: #357ebd; |
|
15218 } |
|
15219 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover { |
|
15220 color: #fff; |
|
15221 background-color: #3276b1; |
|
15222 border-color: #285e8e; |
|
15223 } |
|
15224 .ui-dialog-buttonset .ui-button:not(:first-child) { |
|
15225 cursor: pointer; |
|
15226 display: inline-block; |
|
15227 color: #333; |
|
15228 background-color: #fff; |
|
15229 border: 1px solid #ccc; |
|
15230 -webkit-transition: .1s linear all; |
|
15231 transition: .1s linear all; |
|
15232 overflow: visible; |
|
15233 } |
|
15234 .ui-dialog-buttonset .ui-button:not(:first-child) .ui-state-hover { |
|
15235 color: #333; |
|
15236 background-color: #ebebeb; |
|
15237 border-color: #adadad; |
|
15238 text-decoration: none; |
|
15239 } |
|
15240 .ui-dialog-buttonset .ui-button.ui-button-info { |
|
15241 color: #fff; |
|
15242 background-color: #5bc0de; |
|
15243 border-color: #46b8da; |
|
15244 } |
|
15245 .ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover { |
|
15246 color: #fff; |
|
15247 background-color: #39b3d7; |
|
15248 border-color: #269abc; |
|
15249 } |
|
15250 .ui-dialog-buttonset .ui-button.ui-button-success { |
|
15251 color: #fff; |
|
15252 background-color: #5cb85c; |
|
15253 border-color: #4cae4c; |
|
15254 } |
|
15255 .ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover { |
|
15256 color: #fff; |
|
15257 background-color: #47a447; |
|
15258 border-color: #398439; |
|
15259 } |
|
15260 .ui-dialog-buttonset .ui-button.ui-button-warning { |
|
15261 color: #fff; |
|
15262 background-color: #f0ad4e; |
|
15263 border-color: #eea236; |
|
15264 } |
|
15265 .ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover { |
|
15266 color: #fff; |
|
15267 background-color: #ed9c28; |
|
15268 border-color: #d58512; |
|
15269 } |
|
15270 .ui-dialog-buttonset .ui-button.ui-button-danger { |
|
15271 color: #fff; |
|
15272 background-color: #d9534f; |
|
15273 border-color: #d43f3a; |
|
15274 } |
|
15275 .ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover { |
|
15276 color: #fff; |
|
15277 background-color: #d2322d; |
|
15278 border-color: #ac2925; |
|
15279 } |
|
15280 .ui-dialog-buttonset .ui-button.ui-button-inverse { |
|
15281 color: #fff; |
|
15282 background-color: #222; |
|
15283 border-color: #080808; |
|
15284 } |
|
15285 .ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover { |
|
15286 color: #fff; |
|
15287 background-color: #363636; |
|
15288 border-color: #000; |
|
15289 } |
|
15290 .modal-overflow { |
|
15291 position: relative; |
|
15292 } |
|
15293 .modal-overflow .scrollmarker { |
|
15294 position: absolute; |
|
15295 width: 100%; |
|
15296 height: 20px; |
|
15297 } |
|
15298 .modal-overflow .scrollmarker.top { |
|
15299 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15300 /* FF3.6+ */ |
|
15301 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
|
15302 /* Chrome,Safari4+ */ |
|
15303 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15304 /* Chrome10+,Safari5.1+ */ |
|
15305 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15306 /* Opera 11.10+ */ |
|
15307 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15308 /* IE10+ */ |
|
15309 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15310 /* W3C */ |
|
15311 } |
|
15312 .modal-overflow .scrollmarker.bottom { |
|
15313 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15314 /* FF3.6+ */ |
|
15315 background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0))); |
|
15316 /* Chrome,Safari4+ */ |
|
15317 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15318 /* Chrome10+,Safari5.1+ */ |
|
15319 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15320 /* Opera 11.10+ */ |
|
15321 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15322 /* IE10+ */ |
|
15323 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15324 /* W3C */ |
|
15325 } |
|
15326 /* |
|
15327 * Pricing-style component |
|
15328 */ |
|
15329 .pricing-big { |
|
15330 border: 0!important; |
|
15331 } |
|
15332 .pricing-big .panel-heading { |
|
15333 border-radius: 5px 5px 0 0; |
|
15334 } |
|
15335 .pricing-big .panel-title { |
|
15336 text-transform: capitalize; |
|
15337 font-size: 18px; |
|
15338 padding: 20px 0; |
|
15339 text-align: center; |
|
15340 border-radius: 5px 5px 0 0; |
|
15341 margin: 0; |
|
15342 font-weight: 700; |
|
15343 } |
|
15344 .pricing-big .the-price { |
|
15345 padding: 20px 0; |
|
15346 background: #333; |
|
15347 text-align: center; |
|
15348 font-size: 24px; |
|
15349 font-weight: 700; |
|
15350 color: #FFF; |
|
15351 -webkit-box-shadow: none!important; |
|
15352 box-shadow: none!important; |
|
15353 } |
|
15354 .pricing-big .subscript { |
|
15355 font-size: 18px; |
|
15356 color: #999; |
|
15357 margin-left: 5px; |
|
15358 } |
|
15359 .pricing-big .panel-footer { |
|
15360 border-radius: 0 0 5px 5px; |
|
15361 background-color: #F2F2F2!important; |
|
15362 } |
|
15363 .pricing-big .panel-footer > div { |
|
15364 padding: 15px 0 10px; |
|
15365 display: block; |
|
15366 font-size: 13px; |
|
15367 } |
|
15368 .pricing-big .panel-footer .btn { |
|
15369 padding: 15px 0; |
|
15370 border-radius: 3px; |
|
15371 font-weight: 700; |
|
15372 font-size: 14px; |
|
15373 } |
|
15374 .pricing-big .panel-footer .btn span { |
|
15375 font-weight: 400; |
|
15376 font-style: italic; |
|
15377 } |
|
15378 .pricing-big table { |
|
15379 background: #FAFAFA; |
|
15380 padding: 20px 15px; |
|
15381 height: 230px; |
|
15382 text-align: left; |
|
15383 } |
|
15384 .price-features { |
|
15385 background: #FAFAFA; |
|
15386 padding: 20px 15px; |
|
15387 min-height: 230px; |
|
15388 font-size: 13.5px; |
|
15389 } |
|
15390 .price-features .price-features li + li { |
|
15391 margin-top: 10px; |
|
15392 } |
|
15393 /* |
|
15394 * Superbox component |
|
15395 */ |
|
15396 .superbox *, |
|
15397 .superbox :after, |
|
15398 .superbox :before { |
|
15399 margin: 0; |
|
15400 padding: 0; |
|
15401 box-sizing: border-box; |
|
15402 -webkit-box-sizing: border-box; |
|
15403 -moz-box-sizing: border-box; |
|
15404 -webkit-font-smoothing: antialiased; |
|
15405 -moz-font-smoothing: antialiased; |
|
15406 -o-font-smoothing: antialiased; |
|
15407 font-smoothing: antialiased; |
|
15408 text-rendering: optimizeLegibility; |
|
15409 } |
|
15410 .superbox-list { |
|
15411 display: inline-block; |
|
15412 *display: inline; |
|
15413 zoom: 1; |
|
15414 width: 12.5%; |
|
15415 padding: 5px; |
|
15416 position: relative; |
|
15417 } |
|
15418 .superbox-list.active:before { |
|
15419 content: "\f0d8"; |
|
15420 font-family: FontAwesome; |
|
15421 display: block; |
|
15422 position: absolute; |
|
15423 left: 43%; |
|
15424 bottom: -34px; |
|
15425 z-index: 2; |
|
15426 text-align: center; |
|
15427 font-size: 45px; |
|
15428 color: #222; |
|
15429 } |
|
15430 @media only screen and (min-width: 320px) { |
|
15431 .superbox-list { |
|
15432 width: 50%; |
|
15433 } |
|
15434 } |
|
15435 @media only screen and (min-width: 486px) { |
|
15436 .superbox-list { |
|
15437 width: 25%; |
|
15438 } |
|
15439 } |
|
15440 @media only screen and (min-width: 768px) { |
|
15441 .superbox-list { |
|
15442 width: 16.66666667%; |
|
15443 } |
|
15444 } |
|
15445 @media only screen and (min-width: 1025px) { |
|
15446 .superbox-list { |
|
15447 width: 12.5%; |
|
15448 } |
|
15449 } |
|
15450 @media only screen and (min-width: 1824px) { |
|
15451 .superbox-list { |
|
15452 width: 12.5%; |
|
15453 } |
|
15454 } |
|
15455 .superbox-img { |
|
15456 max-width: 100%; |
|
15457 width: 100%; |
|
15458 cursor: pointer; |
|
15459 } |
|
15460 .superbox-show { |
|
15461 text-align: left; |
|
15462 position: relative; |
|
15463 background-color: #222; |
|
15464 width: 100%; |
|
15465 float: left; |
|
15466 padding: 25px 0 12px 25px; |
|
15467 display: none; |
|
15468 margin: 5px 0; |
|
15469 } |
|
15470 .superbox-current-img { |
|
15471 max-width: 100%; |
|
15472 float: left; |
|
15473 padding-right: 25px; |
|
15474 padding-bottom: 13px; |
|
15475 } |
|
15476 .superbox-img:hover { |
|
15477 opacity: .8; |
|
15478 } |
|
15479 .superbox-float { |
|
15480 float: left; |
|
15481 } |
|
15482 .superbox-close { |
|
15483 opacity: .7; |
|
15484 cursor: pointer; |
|
15485 position: absolute; |
|
15486 top: 15px; |
|
15487 right: 15px; |
|
15488 -webkit-transition: all .1s linear 0s; |
|
15489 transition: all .1s linear 0s; |
|
15490 } |
|
15491 .superbox-close:hover { |
|
15492 opacity: 1; |
|
15493 } |
|
15494 .superbox-imageinfo { |
|
15495 display: inline-block; |
|
15496 max-width: 500px; |
|
15497 color: #fff; |
|
15498 padding: 0 25px 0 0; |
|
15499 } |
|
15500 .superbox-imageinfo span { |
|
15501 font-size: 13px; |
|
15502 color: #a19994; |
|
15503 margin-right: -2px; |
|
15504 padding-top: 10px; |
|
15505 display: inline-block; |
|
15506 padding-bottom: 13px; |
|
15507 } |
|
15508 .superbox-imageinfo > :first-child { |
|
15509 margin-bottom: 10px; |
|
15510 font-weight: 700; |
|
15511 } |
|
15512 .superbox-imageinfo span p:last-child { |
|
15513 margin-top: 30px; |
|
15514 } |
|
15515 /* |
|
15516 * Bootstrap tags input |
|
15517 */ |
|
15518 .bootstrap-tagsinput { |
|
15519 display: block; |
|
15520 width: 100%; |
|
15521 min-height: 32px; |
|
15522 padding: 1px 3px; |
|
15523 font-size: 13px; |
|
15524 line-height: 1.428571429; |
|
15525 color: #555; |
|
15526 vertical-align: middle; |
|
15527 background-color: #FFF; |
|
15528 border: 1px solid #CCC; |
|
15529 border-radius: 0; |
|
15530 } |
|
15531 .bootstrap-tagsinput > span { |
|
15532 border-radius: 0!important; |
|
15533 font-weight: 400; |
|
15534 padding: 3px 28px 4px 8px; |
|
15535 font-size: 13px; |
|
15536 border: 1px solid #285E8E; |
|
15537 background: #3276B1; |
|
15538 } |
|
15539 .bootstrap-tagsinput input { |
|
15540 border: 0; |
|
15541 -webkit-box-shadow: none; |
|
15542 box-shadow: none; |
|
15543 outline: 0; |
|
15544 background-color: transparent; |
|
15545 padding: 0; |
|
15546 margin: 0; |
|
15547 width: auto!important; |
|
15548 max-width: inherit; |
|
15549 } |
|
15550 .bootstrap-tagsinput input:focus { |
|
15551 border: 0; |
|
15552 -webkit-box-shadow: none; |
|
15553 box-shadow: none; |
|
15554 } |
|
15555 .bootstrap-tagsinput .tag { |
|
15556 color: #FFF; |
|
15557 position: relative; |
|
15558 margin: 3px 0 3px 2px; |
|
15559 display: inline-block; |
|
15560 } |
|
15561 .bootstrap-tagsinput .tag [data-role=remove] { |
|
15562 display: block; |
|
15563 top: -1px; |
|
15564 right: 0; |
|
15565 padding: 3px 4px 3px 5px; |
|
15566 width: 23px; |
|
15567 height: 22px; |
|
15568 position: absolute; |
|
15569 cursor: pointer; |
|
15570 } |
|
15571 .bootstrap-tagsinput .tag [data-role=remove]:after { |
|
15572 content: "\f057"; |
|
15573 font-family: fontAwesome; |
|
15574 padding: 2px 1px; |
|
15575 line-height: 17px; |
|
15576 font-size: 15px; |
|
15577 text-align: center; |
|
15578 } |
|
15579 .bootstrap-tagsinput .tag [data-role=remove]:hover { |
|
15580 background: rgba(0, 0, 0, 0.3); |
|
15581 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
15582 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
15583 } |
|
15584 .bootstrap-tagsinput .tag [data-role=remove]:hover:active { |
|
15585 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
15586 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
15587 } |
|
15588 /* |
|
15589 * Bootstrap slider |
|
15590 */ |
|
15591 .slider { |
|
15592 display: inline-block; |
|
15593 vertical-align: middle; |
|
15594 position: relative; |
|
15595 } |
|
15596 .slider.slider-horizontal { |
|
15597 width: 100%!important; |
|
15598 height: 20px; |
|
15599 } |
|
15600 .slider.slider-horizontal .slider-track { |
|
15601 height: 10px; |
|
15602 width: 100%; |
|
15603 margin-top: -5px; |
|
15604 top: 50%; |
|
15605 left: 0; |
|
15606 } |
|
15607 .slider.slider-horizontal .slider-selection { |
|
15608 height: 100%; |
|
15609 top: 0; |
|
15610 bottom: 0; |
|
15611 } |
|
15612 .slider.slider-horizontal .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { |
|
15613 content: "\f0d9"; |
|
15614 } |
|
15615 .slider.slider-horizontal .slider-handle { |
|
15616 margin-left: -10px; |
|
15617 margin-top: -5px; |
|
15618 } |
|
15619 .slider.slider-horizontal .slider-handle.triangle { |
|
15620 width: 20px; |
|
15621 height: 20px; |
|
15622 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
15623 -webkit-transform: rotate(0deg); |
|
15624 -ms-transform: rotate(0deg); |
|
15625 transform: rotate(0deg); |
|
15626 border: 0; |
|
15627 line-height: 21px; |
|
15628 color: #797777; |
|
15629 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); |
|
15630 } |
|
15631 .slider.slider-horizontal .slider-handle.triangle:before { |
|
15632 content: "\f0da"; |
|
15633 font-size: 34px; |
|
15634 } |
|
15635 .slider.slider-vertical { |
|
15636 height: 210px; |
|
15637 width: 20px; |
|
15638 } |
|
15639 .slider.slider-vertical .slider-track { |
|
15640 width: 10px; |
|
15641 height: 100%; |
|
15642 margin-left: -5px; |
|
15643 left: 50%; |
|
15644 top: 0; |
|
15645 } |
|
15646 .slider.slider-vertical .slider-selection { |
|
15647 width: 100%; |
|
15648 left: 0; |
|
15649 top: 0; |
|
15650 bottom: 0; |
|
15651 } |
|
15652 .slider.slider-vertical .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { |
|
15653 content: "\f0d8"; |
|
15654 text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); |
|
15655 } |
|
15656 .slider.slider-vertical .slider-handle { |
|
15657 margin-left: -5px; |
|
15658 margin-top: -10px; |
|
15659 } |
|
15660 .slider.slider-vertical .slider-handle.triangle { |
|
15661 width: 20px; |
|
15662 height: 20px; |
|
15663 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
15664 -webkit-transform: rotate(0deg); |
|
15665 -ms-transform: rotate(0deg); |
|
15666 transform: rotate(0deg); |
|
15667 border: 0; |
|
15668 line-height: 21px; |
|
15669 color: #797777; |
|
15670 text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); |
|
15671 } |
|
15672 .slider.slider-vertical .slider-handle.triangle:before { |
|
15673 content: "\f0d7"; |
|
15674 font-size: 32px; |
|
15675 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); |
|
15676 } |
|
15677 .slider input { |
|
15678 display: none; |
|
15679 } |
|
15680 .slider .tooltip-inner { |
|
15681 white-space: nowrap; |
|
15682 } |
|
15683 .slider-track { |
|
15684 position: absolute; |
|
15685 cursor: pointer; |
|
15686 background: #E5E5E5; |
|
15687 } |
|
15688 .slider-danger + .slider-track > .slider-selection { |
|
15689 background: #a90329; |
|
15690 } |
|
15691 .slider-warning + .slider-track > .slider-selection { |
|
15692 background: #c79121; |
|
15693 } |
|
15694 .slider-info + .slider-track > .slider-selection { |
|
15695 background: #57889c; |
|
15696 } |
|
15697 .slider-success + .slider-track > .slider-selection { |
|
15698 background: #739e73; |
|
15699 } |
|
15700 .slider-selection { |
|
15701 position: absolute; |
|
15702 background: #3276b1; |
|
15703 } |
|
15704 .slider-handle { |
|
15705 position: absolute; |
|
15706 width: 20px; |
|
15707 height: 20px; |
|
15708 border: 1px solid #FFF; |
|
15709 background: #858585; |
|
15710 display: inline-block; |
|
15711 font-family: FontAwesome; |
|
15712 font-style: normal; |
|
15713 font-weight: 400; |
|
15714 -webkit-font-smoothing: antialiased; |
|
15715 -moz-osx-font-smoothing: grayscale; |
|
15716 text-align: center; |
|
15717 line-height: 18px; |
|
15718 font-size: 10px; |
|
15719 color: #BDBDBD; |
|
15720 text-shadow: 0 1px 0 rgba(77, 77, 77, 0.5); |
|
15721 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
15722 -webkit-transform: rotate(90deg); |
|
15723 -ms-transform: rotate(90deg); |
|
15724 transform: rotate(90deg); |
|
15725 } |
|
15726 .slider-handle:before { |
|
15727 content: "\f0c9"; |
|
15728 } |
|
15729 .slider-handle.round { |
|
15730 border-radius: 20px; |
|
15731 width: 20px; |
|
15732 height: 20px; |
|
15733 } |
|
15734 .slider-handle.triangle { |
|
15735 background: transparent none; |
|
15736 } |
|
15737 /* |
|
15738 * fd-slider widget |
|
15739 */ |
|
15740 .fd-form-element-hidden { |
|
15741 display: none; |
|
15742 } |
|
15743 .fd-slider { |
|
15744 width: 100%; |
|
15745 height: 20px; |
|
15746 margin: 0; |
|
15747 } |
|
15748 .fd-slider-vertical { |
|
15749 width: 20px; |
|
15750 height: 100%; |
|
15751 margin: 0 10px 10px 0; |
|
15752 } |
|
15753 .fd-slider, |
|
15754 .fd-slider-vertical { |
|
15755 display: block; |
|
15756 position: relative; |
|
15757 text-decoration: none; |
|
15758 border: 0 none; |
|
15759 -moz-user-select: none; |
|
15760 -khtml-user-select: none; |
|
15761 -webkit-touch-callout: none; |
|
15762 -webkit-user-select: none; |
|
15763 -ms-user-select: none; |
|
15764 user-select: none; |
|
15765 } |
|
15766 .fd-slider-inner { |
|
15767 display: none; |
|
15768 } |
|
15769 .fd-slider-bar { |
|
15770 position: absolute; |
|
15771 display: block; |
|
15772 z-index: 2; |
|
15773 height: 6px; |
|
15774 width: 100%; |
|
15775 border: 1px solid #bbb; |
|
15776 border-bottom: 1px solid #fff; |
|
15777 border-right: 1px solid #fff; |
|
15778 margin: 0; |
|
15779 padding: 0; |
|
15780 overflow: hidden; |
|
15781 line-height: 4px; |
|
15782 top: 8px; |
|
15783 border-radius: 4px; |
|
15784 -webkit-background-clip: padding-box; |
|
15785 background-clip: padding-box; |
|
15786 background-color: #333; |
|
15787 } |
|
15788 .fd-slider-range { |
|
15789 position: absolute; |
|
15790 display: block; |
|
15791 z-index: 3; |
|
15792 height: 6px; |
|
15793 margin: 0; |
|
15794 padding: 0 2px 0 0; |
|
15795 overflow: hidden; |
|
15796 top: 9px; |
|
15797 border-radius: 2px; |
|
15798 -webkit-background-clip: padding-box; |
|
15799 background-clip: padding-box; |
|
15800 background-color: #eee; |
|
15801 } |
|
15802 .fd-slider-handle { |
|
15803 position: absolute; |
|
15804 display: block; |
|
15805 padding: 0; |
|
15806 margin: 0 0 0 1px; |
|
15807 z-index: 3; |
|
15808 top: 5px; |
|
15809 left: 0; |
|
15810 width: 12px; |
|
15811 height: 12px; |
|
15812 line-height: 1px!important; |
|
15813 outline: 0 none; |
|
15814 background: #eee; |
|
15815 border: 1px solid #aaa; |
|
15816 border-radius: 12px; |
|
15817 -webkit-user-select: none; |
|
15818 -webkit-touch-callout: none; |
|
15819 -moz-user-select: none; |
|
15820 -moz-user-focus: none; |
|
15821 -moz-outline: 0 none; |
|
15822 -ms-user-select: none; |
|
15823 user-select: none; |
|
15824 } |
|
15825 .fd-slider-handle:focus { |
|
15826 outline: 0 none; |
|
15827 border: 0 none; |
|
15828 -moz-user-focus: normal; |
|
15829 } |
|
15830 .fd-slider-handle:before, |
|
15831 .fd-slider-handle:after { |
|
15832 opacity: 0; |
|
15833 -webkit-transition-property: opacity; |
|
15834 -webkit-transition-duration: 1s; |
|
15835 -webkit-transition-delay: 1s; |
|
15836 transition-property: opacity; |
|
15837 transition-duration: 1s; |
|
15838 transition-delay: 1s; |
|
15839 } |
|
15840 button.fd-slider-handle:focus::-moz-focus-inner { |
|
15841 border-color: transparent; |
|
15842 } |
|
15843 .oldie .fd-slider-handle:after, |
|
15844 .oldie .fd-slider-handle:before { |
|
15845 display: none; |
|
15846 } |
|
15847 body.fd-slider-drag-horizontal, |
|
15848 body.fd-slider-drag-horizontal *, |
|
15849 body.fd-slider-drag-vertical, |
|
15850 body.fd-slider-drag-vertical * { |
|
15851 -moz-user-select: none; |
|
15852 -webkit-user-select: none; |
|
15853 -ms-user-select: none; |
|
15854 user-select: none; |
|
15855 } |
|
15856 .fd-slider-active .fd-slider-handle :before, |
|
15857 .fd-slider-focused .fd-slider-handle :before, |
|
15858 .fd-slider-hover .fd-slider-handle :before { |
|
15859 display: block; |
|
15860 position: absolute; |
|
15861 top: -21px; |
|
15862 left: -8px; |
|
15863 margin: 0; |
|
15864 width: 20px; |
|
15865 padding: 3px; |
|
15866 height: 14px; |
|
15867 line-height: 12px; |
|
15868 text-align: center; |
|
15869 font-size: 10px; |
|
15870 font-weight: 700; |
|
15871 color: #fff; |
|
15872 text-shadow: 1px 1px 1px #1a3a95; |
|
15873 background: #2f6ee0; |
|
15874 z-index: 1; |
|
15875 content: attr(aria-valuetext); |
|
15876 border-radius: 3px; |
|
15877 -webkit-background-clip: padding-box; |
|
15878 background-clip: padding-box; |
|
15879 -webkit-box-shadow: 0 0 4px #aaa; |
|
15880 box-shadow: 0 0 4px #999; |
|
15881 opacity: 1; |
|
15882 } |
|
15883 .fd-slider-active .fd-slider-handle:after, |
|
15884 .fd-slider-focused .fd-slider-handle:after, |
|
15885 .fd-slider-hover .fd-slider-handle:after { |
|
15886 outline: 0; |
|
15887 content: ""; |
|
15888 display: block; |
|
15889 position: absolute; |
|
15890 top: -9px; |
|
15891 left: 50%; |
|
15892 margin: 0 0 0 -5px; |
|
15893 background: #2f6ee0; |
|
15894 z-index: 2; |
|
15895 width: 10px; |
|
15896 height: 10px; |
|
15897 overflow: hidden; |
|
15898 -webkit-transform: rotate(45deg); |
|
15899 -moz-transform: rotate(45deg); |
|
15900 -o-transform: rotate(45deg); |
|
15901 -webkit-box-shadow: 0 0 4px #aaa; |
|
15902 box-shadow: 0 0 4px #aaa; |
|
15903 clip: rect(4px, 14px, 14px, 4px); |
|
15904 opacity: 1; |
|
15905 } |
|
15906 /* |
|
15907 * Graphs |
|
15908 */ |
|
15909 .chart { |
|
15910 height: 220px; |
|
15911 margin: 20px 5px 10px 10px; |
|
15912 } |
|
15913 .chart-small { |
|
15914 height: 100px; |
|
15915 width: 100%; |
|
15916 } |
|
15917 .chart-large { |
|
15918 height: 235px; |
|
15919 width: 100%; |
|
15920 } |
|
15921 .chart-xl { |
|
15922 height: 297px; |
|
15923 width: 100%; |
|
15924 } |
|
15925 #flotTip { |
|
15926 padding: 3px 5px; |
|
15927 background-color: #fff; |
|
15928 z-index: 9999; |
|
15929 color: #333; |
|
15930 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
|
15931 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
|
15932 font-size: 14px; |
|
15933 border: 1px solid #C1C1C1; |
|
15934 -khtml-border-radius: 4px; |
|
15935 border-radius: 4px; |
|
15936 } |
|
15937 #flotTip span { |
|
15938 color: #38812D; |
|
15939 font-weight: 700; |
|
15940 } |
|
15941 .has-legend { |
|
15942 margin-top: 30px!important; |
|
15943 } |
|
15944 .has-legend-unique { |
|
15945 margin-top: 19px!important; |
|
15946 } |
|
15947 .legendLabel span { |
|
15948 display: block; |
|
15949 margin: 0 5px; |
|
15950 } |
|
15951 .legendColorBox { |
|
15952 padding-left: 10px; |
|
15953 vertical-align: top; |
|
15954 padding-top: 5px; |
|
15955 } |
|
15956 .legendColorBox div > div { |
|
15957 width: 4px; |
|
15958 height: 4px; |
|
15959 border-radius: 50%; |
|
15960 box-sizing: content-box; |
|
15961 -moz-box-sizing: content-box; |
|
15962 -webkit-box-sizing: content-box; |
|
15963 } |
|
15964 .morris-hover { |
|
15965 position: absolute; |
|
15966 z-index: 1001; |
|
15967 } |
|
15968 .morris-hover.morris-default-style { |
|
15969 border-radius: 10px; |
|
15970 padding: 6px; |
|
15971 color: #666; |
|
15972 background: rgba(255, 255, 255, 0.8); |
|
15973 border: solid 2px rgba(230, 230, 230, 0.8); |
|
15974 font-family: Ubuntu, sans-serif; |
|
15975 font-size: 12px; |
|
15976 text-align: center; |
|
15977 } |
|
15978 .morris-hover.morris-default-style .morris-hover-row-label { |
|
15979 font-weight: 700; |
|
15980 margin: .25em 0; |
|
15981 } |
|
15982 .morris-hover.morris-default-style .morris-hover-point { |
|
15983 white-space: nowrap; |
|
15984 margin: .1em 0; |
|
15985 } |
|
15986 .easyPieChart { |
|
15987 position: relative; |
|
15988 text-align: center; |
|
15989 } |
|
15990 .easyPieChart canvas { |
|
15991 position: absolute; |
|
15992 top: 0; |
|
15993 left: 0; |
|
15994 } |
|
15995 .easy-pie-chart { |
|
15996 display: inline-block; |
|
15997 } |
|
15998 .easy-pie-chart .percent { |
|
15999 color: #444; |
|
16000 font-size: 12px; |
|
16001 font-weight: 700; |
|
16002 } |
|
16003 .easy-pie-title { |
|
16004 display: inline-block; |
|
16005 margin: 10px 6px 0; |
|
16006 font-size: 12px; |
|
16007 font-weight: 400; |
|
16008 text-transform: uppercase; |
|
16009 width: 100px; |
|
16010 height: 19px; |
|
16011 text-overflow: ellipsis; |
|
16012 white-space: nowrap; |
|
16013 overflow: hidden; |
|
16014 } |
|
16015 .easy-pie-title .icon-color-bad, |
|
16016 .easy-pie-title .icon-color-good { |
|
16017 font-size: 18px; |
|
16018 } |
|
16019 .show-stat-buttons { |
|
16020 float: left; |
|
16021 width: 100%; |
|
16022 } |
|
16023 @media (max-width: 767px) { |
|
16024 .show-stat-buttons { |
|
16025 padding-left: 10px!important; |
|
16026 padding-right: 10px!important; |
|
16027 } |
|
16028 } |
|
16029 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
16030 .show-stat-buttons { |
|
16031 padding-left: 10px!important; |
|
16032 padding-right: 10px!important; |
|
16033 } |
|
16034 } |
|
16035 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
16036 .show-stat-buttons { |
|
16037 padding-left: 10px!important; |
|
16038 padding-right: 10px!important; |
|
16039 } |
|
16040 } |
|
16041 .show-stats { |
|
16042 padding-top: 6px!important; |
|
16043 } |
|
16044 .show-stats .progress { |
|
16045 height: 7px; |
|
16046 border-radius: 0; |
|
16047 margin-top: 3px; |
|
16048 margin-bottom: 15px; |
|
16049 } |
|
16050 .show-stats .show-stat-buttons > :first-child { |
|
16051 padding-right: 5px; |
|
16052 } |
|
16053 @media (max-width: 979px) { |
|
16054 .show-stats .show-stat-buttons > :first-child { |
|
16055 padding-right: 13px; |
|
16056 } |
|
16057 } |
|
16058 .show-stats .show-stat-buttons > :last-child { |
|
16059 padding-left: 5px; |
|
16060 } |
|
16061 @media (max-width: 979px) { |
|
16062 .show-stats .show-stat-buttons > :last-child { |
|
16063 padding-left: 13px; |
|
16064 } |
|
16065 } |
|
16066 .show-stat-microcharts { |
|
16067 margin-left: -10px; |
|
16068 margin-right: -10px; |
|
16069 } |
|
16070 .show-stat-microcharts > div { |
|
16071 border-right: 1px solid #DADADA!important; |
|
16072 border-top: 1px solid #DADADA!important; |
|
16073 margin-top: 10px!important; |
|
16074 height: 65px; |
|
16075 overflow: hidden; |
|
16076 padding: 7px 9px; |
|
16077 } |
|
16078 @media (max-width: 767px) { |
|
16079 .show-stat-microcharts > div { |
|
16080 margin-top: 0!important; |
|
16081 border-right: 0!important; |
|
16082 } |
|
16083 } |
|
16084 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
16085 .show-stat-microcharts > div { |
|
16086 margin-top: 0!important; |
|
16087 border-right: 0!important; |
|
16088 } |
|
16089 } |
|
16090 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
16091 .show-stat-microcharts > div { |
|
16092 margin-top: 0!important; |
|
16093 border-right: 0!important; |
|
16094 } |
|
16095 } |
|
16096 .show-stat-microcharts > :last-child { |
|
16097 border-right: 0!important; |
|
16098 } |
|
16099 .show-stat-microcharts .sparkline { |
|
16100 margin-top: 10px; |
|
16101 margin-right: 8px; |
|
16102 opacity: .7; |
|
16103 } |
|
16104 .show-stat-microcharts .sparkline:hover { |
|
16105 opacity: 1; |
|
16106 } |
|
16107 .smaller-stat { |
|
16108 margin: 0; |
|
16109 padding: 0; |
|
16110 list-style: none; |
|
16111 } |
|
16112 .smaller-stat li { |
|
16113 margin-top: 3px; |
|
16114 margin-right: 0; |
|
16115 } |
|
16116 .smaller-stat li:first-child { |
|
16117 margin-top: 8px; |
|
16118 } |
|
16119 .smaller-stat span.label { |
|
16120 width: 40px; |
|
16121 display: block; |
|
16122 text-align: left; |
|
16123 opacity: .5; |
|
16124 cursor: default; |
|
16125 } |
|
16126 .smaller-stat span.label:hover { |
|
16127 opacity: 1; |
|
16128 } |
|
16129 .jvectormap-label { |
|
16130 position: absolute; |
|
16131 display: none; |
|
16132 border: solid 1px #CDCDCD; |
|
16133 border-radius: 3px; |
|
16134 background: #292929; |
|
16135 color: #fff; |
|
16136 font-family: Ubuntu, sans-serif, Verdana; |
|
16137 font-size: smaller; |
|
16138 padding: 3px; |
|
16139 } |
|
16140 .jvectormap-zoomin { |
|
16141 top: 0; |
|
16142 } |
|
16143 .jvectormap-zoomout { |
|
16144 top: 24px; |
|
16145 } |
|
16146 .jvectormap-zoomin, |
|
16147 .jvectormap-zoomout { |
|
16148 position: absolute; |
|
16149 background: #292929; |
|
16150 padding: 4px; |
|
16151 width: 22px; |
|
16152 height: 22px; |
|
16153 cursor: pointer; |
|
16154 line-height: 10px; |
|
16155 text-align: center; |
|
16156 font-size: 14px; |
|
16157 border-radius: 2px; |
|
16158 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
16159 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
16160 background-color: #fff; |
|
16161 border: 1px solid #bfbfbf; |
|
16162 } |
|
16163 .jvectormap-zoomin:hover, |
|
16164 .jvectormap-zoomout:hover { |
|
16165 background: #eee; |
|
16166 border-color: #d9d9d9; |
|
16167 } |
|
16168 .vector-map { |
|
16169 height: 300px; |
|
16170 width: 100%; |
|
16171 padding: 10px; |
|
16172 } |
|
16173 /* |
|
16174 * Chat application |
|
16175 */ |
|
16176 #chat-container { |
|
16177 position: absolute; |
|
16178 width: 250px; |
|
16179 height: 270px; |
|
16180 z-index: 2; |
|
16181 border-left: 1px solid #CDCECF; |
|
16182 right: -251px; |
|
16183 top: 0; |
|
16184 background: #fff; |
|
16185 transition-duration: .25s; |
|
16186 -webkit-transition-duration: .25s; |
|
16187 } |
|
16188 #chat-container:hover, |
|
16189 #chat-container:hover .chat-list-open-close { |
|
16190 border-color: #A7A7A7; |
|
16191 } |
|
16192 #chat-container *, |
|
16193 #chat-container :after, |
|
16194 #chat-container :before { |
|
16195 box-sizing: content-box; |
|
16196 -moz-box-sizing: content-box; |
|
16197 -webkit-box-sizing: content-box; |
|
16198 } |
|
16199 #chat-container input[type=text] { |
|
16200 box-sizing: border-box; |
|
16201 -moz-box-sizing: border-box; |
|
16202 -webkit-box-sizing: border-box; |
|
16203 } |
|
16204 #chat-container.open { |
|
16205 right: 0; |
|
16206 top: 0; |
|
16207 } |
|
16208 #chat-container.open .chat-list-open-close i:before { |
|
16209 content: "\f00d" !important; |
|
16210 } |
|
16211 #chat-container.open .chat-list-open-close b { |
|
16212 display: none; |
|
16213 } |
|
16214 #chat-container .chat-list-open-close { |
|
16215 display: block; |
|
16216 width: 25px; |
|
16217 height: 25px; |
|
16218 border: 1px solid #CDCECF; |
|
16219 border-right: 1px solid #f2f4f8!important; |
|
16220 position: absolute; |
|
16221 left: -32px; |
|
16222 top: 7%; |
|
16223 border-radius: 50% 0 0 50%; |
|
16224 padding: 3px 1px 3px 5px; |
|
16225 font-size: 21px; |
|
16226 line-height: 22px; |
|
16227 cursor: pointer; |
|
16228 color: #868686; |
|
16229 -webkit-box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); |
|
16230 box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); |
|
16231 background: #f2f4f8; |
|
16232 text-align: center; |
|
16233 } |
|
16234 #chat-container .chat-list-open-close b { |
|
16235 position: absolute; |
|
16236 right: 0; |
|
16237 background: #ed1c24; |
|
16238 line-height: 9px; |
|
16239 height: 10px; |
|
16240 width: 10px; |
|
16241 top: 3px; |
|
16242 border: 1px solid #FFF; |
|
16243 border-radius: 3px; |
|
16244 font-size: 9px; |
|
16245 text-align: center; |
|
16246 vertical-align: middle; |
|
16247 color: #fff; |
|
16248 font-weight: 400; |
|
16249 } |
|
16250 #chat-container .chat-list-body { |
|
16251 height: 217px; |
|
16252 overflow-y: scroll; |
|
16253 overflow-x: hidden; |
|
16254 display: block; |
|
16255 padding: 0; |
|
16256 box-sizing: border-box; |
|
16257 -webkit-box-sizing: border-box; |
|
16258 -moz-box-sizing: border-box; |
|
16259 background: #f2f4f8; |
|
16260 } |
|
16261 #chat-container #chat-users { |
|
16262 list-style: none; |
|
16263 margin: 10px 0; |
|
16264 padding: 0; |
|
16265 } |
|
16266 #chat-container #chat-users li { |
|
16267 margin-bottom: 3px; |
|
16268 margin-left: 5px; |
|
16269 } |
|
16270 #chat-container #chat-users li a { |
|
16271 display: block; |
|
16272 font-size: 13px; |
|
16273 color: #3d3d3d; |
|
16274 text-decoration: none!important; |
|
16275 box-sizing: border-box; |
|
16276 -webkit-box-sizing: border-box; |
|
16277 -moz-box-sizing: border-box; |
|
16278 padding: 3px 8px 3px 3px; |
|
16279 line-height: 33px; |
|
16280 vertical-align: middle; |
|
16281 } |
|
16282 #chat-container #chat-users li a:hover { |
|
16283 background: #e0e4ee; |
|
16284 } |
|
16285 #chat-container #chat-users li a img { |
|
16286 width: 33px; |
|
16287 height: auto; |
|
16288 margin-right: 10px; |
|
16289 } |
|
16290 #chat-container #chat-users li a i { |
|
16291 color: #ACACAC; |
|
16292 font-size: 8px; |
|
16293 line-height: 34px; |
|
16294 font-style: normal; |
|
16295 } |
|
16296 #chat-container #chat-users li a i.last-online { |
|
16297 font-size: 12px; |
|
16298 letter-spacing: -1px; |
|
16299 } |
|
16300 #chat-container .chat-list-footer { |
|
16301 overflow: hidden; |
|
16302 border-top: 1px solid #CCC; |
|
16303 padding: 10px; |
|
16304 box-sizing: border-box; |
|
16305 -webkit-box-sizing: border-box; |
|
16306 -moz-box-sizing: border-box; |
|
16307 } |
|
16308 #chat-container .chat-list-footer input[type=text] { |
|
16309 border: 1px solid #bababa!important; |
|
16310 } |
|
16311 #chat-container .control-group { |
|
16312 padding: 0; |
|
16313 } |
|
16314 .chat-body { |
|
16315 background: #FAFAFA; |
|
16316 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); |
|
16317 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #ffffff)); |
|
16318 background: -webkit-linear-gradient(top, #fafafa 0, #ffffff 100%); |
|
16319 background: -webkit-gradient(linear, top left, bottom left, from(#f5fcff), to(#ffffff)); |
|
16320 background: -webkit-linear-gradient(top, #f5fcff 0, #ffffff 100%); |
|
16321 background: linear-gradient(to bottom, #f5fcff 0, #ffffff 100%); |
|
16322 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); |
|
16323 -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
|
16324 box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
|
16325 display: block; |
|
16326 height: 270px; |
|
16327 overflow-y: scroll; |
|
16328 overflow-x: hidden; |
|
16329 padding: 10px; |
|
16330 box-sizing: border-box; |
|
16331 -webkit-box-sizing: border-box; |
|
16332 -moz-box-sizing: border-box; |
|
16333 border: 1px solid #fff; |
|
16334 border-top: 0; |
|
16335 } |
|
16336 .chat-body ul { |
|
16337 margin: 0; |
|
16338 padding: 0; |
|
16339 } |
|
16340 .chat-body li:first-child { |
|
16341 margin-top: 10px; |
|
16342 } |
|
16343 .chat-body li.message { |
|
16344 display: block; |
|
16345 position: relative; |
|
16346 margin: 20px 20px 0; |
|
16347 } |
|
16348 .chat-body li.message img { |
|
16349 display: inline-block; |
|
16350 border-left: 4px solid #fff; |
|
16351 position: absolute; |
|
16352 } |
|
16353 .chat-body li.message img.online { |
|
16354 border-left-color: #00a300; |
|
16355 } |
|
16356 .chat-body li.message img.offline { |
|
16357 border-left-color: #ddd; |
|
16358 } |
|
16359 .chat-body li.message img.busy { |
|
16360 border-left-color: #A90329; |
|
16361 } |
|
16362 .chat-body li.message img.away { |
|
16363 border-left-color: #ffc40d; |
|
16364 } |
|
16365 .chat-body li.message .message-text { |
|
16366 display: inline-block; |
|
16367 vertical-align: top; |
|
16368 box-sizing: border-box; |
|
16369 -webkit-box-sizing: border-box; |
|
16370 -moz-box-sizing: border-box; |
|
16371 padding: 0; |
|
16372 margin-left: 65px; |
|
16373 line-height: normal; |
|
16374 } |
|
16375 .chat-body li.message .message-text time { |
|
16376 position: absolute; |
|
16377 top: 1px; |
|
16378 right: 0; |
|
16379 font-size: 10px; |
|
16380 line-height: 10px; |
|
16381 color: #AFAFAF; |
|
16382 } |
|
16383 .chat-body li.message .message-text .chat-file { |
|
16384 display: block; |
|
16385 margin: 3px 0; |
|
16386 padding: 4px; |
|
16387 border: 1px dotted #ddd; |
|
16388 background: rgba(0, 0, 0, 0.05); |
|
16389 border-radius: 4px; |
|
16390 text-align: right; |
|
16391 box-sizing: border-box; |
|
16392 -webkit-box-sizing: border-box; |
|
16393 -moz-box-sizing: border-box; |
|
16394 } |
|
16395 .chat-body li.message .message-text .chat-file:nth-child(3) { |
|
16396 margin-top: 15px; |
|
16397 } |
|
16398 .chat-body li.message .message-text .chat-file.row-fluid [class*=span] { |
|
16399 min-height: 10px!important; |
|
16400 } |
|
16401 .chat-body li.message .message-text .chat-file b { |
|
16402 font-style: italic; |
|
16403 white-space: nowrap; |
|
16404 width: 250px; |
|
16405 overflow: hidden; |
|
16406 text-overflow: ellipsis; |
|
16407 text-align: left; |
|
16408 } |
|
16409 @media (min-width: 768px) and (max-width: 880px) { |
|
16410 .chat-body li.message .message-text .chat-file b { |
|
16411 width: 150px; |
|
16412 } |
|
16413 } |
|
16414 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
16415 .chat-body li.message .message-text .chat-file b { |
|
16416 width: 150px; |
|
16417 } |
|
16418 } |
|
16419 @media (max-width: 480px) { |
|
16420 .chat-body li.message .message-text .chat-file b { |
|
16421 width: 150px; |
|
16422 } |
|
16423 } |
|
16424 .chat-body li.message .message-text a.username { |
|
16425 display: block; |
|
16426 font-weight: 700; |
|
16427 margin-bottom: 4px; |
|
16428 vertical-align: top; |
|
16429 line-height: 14px; |
|
16430 font-size: 14px; |
|
16431 letter-spacing: -1px; |
|
16432 text-decoration: none!important; |
|
16433 } |
|
16434 .chat-footer { |
|
16435 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
16436 background: rgba(248, 248, 248, 0.9); |
|
16437 padding: 0 10px 15px; |
|
16438 position: relative; |
|
16439 box-sizing: border-box; |
|
16440 -webkit-box-sizing: border-box; |
|
16441 -moz-box-sizing: border-box; |
|
16442 } |
|
16443 .profile-message { |
|
16444 background: none!important; |
|
16445 height: auto!important; |
|
16446 box-shadow: none!important; |
|
16447 -webkit-box-shadow: none!important; |
|
16448 overflow: hidden; |
|
16449 } |
|
16450 .profile-message li.message.message-reply { |
|
16451 margin-left: 85px!important; |
|
16452 background: #F7F7F7; |
|
16453 padding: 10px; |
|
16454 margin: 3px 0 0 20px; |
|
16455 } |
|
16456 .profile-message li.message.message-reply img { |
|
16457 width: 35px!important; |
|
16458 } |
|
16459 .profile-message li.message.message-reply .message-text { |
|
16460 margin-left: 45px!important; |
|
16461 } |
|
16462 .profile-message .wall-comment-reply { |
|
16463 margin-left: 85px; |
|
16464 margin-bottom: 20px; |
|
16465 } |
|
16466 .cajita img { |
|
16467 width: 23px; |
|
16468 height: 23px; |
|
16469 padding-left: 3px; |
|
16470 padding-top: 3px; |
|
16471 } |
|
16472 #pageslide { |
|
16473 display: none; |
|
16474 position: absolute; |
|
16475 position: fixed; |
|
16476 top: 0; |
|
16477 height: 100%; |
|
16478 z-index: 999999; |
|
16479 width: 305px; |
|
16480 padding: 20px; |
|
16481 background-color: #004d60; |
|
16482 color: #FFF; |
|
16483 -webkit-box-shadow: inset 0 0 5px 5px #222; |
|
16484 -moz-shadow: inset 0 0 0 0 #222; |
|
16485 box-shadow: inset 0 0 0 0 #222; |
|
16486 } |
|
16487 .purehtml { |
|
16488 color: #fff; |
|
16489 font-size: 16px; |
|
16490 } |
|
16491 /* |
|
16492 * Mail-style application |
|
16493 */ |
|
16494 #inbox-table { |
|
16495 font-size: 13px; |
|
16496 border-top: 0; |
|
16497 border-left-color: transparent!important; |
|
16498 border-right-color: transparent!important; |
|
16499 } |
|
16500 #inbox-table tbody tr:hover { |
|
16501 cursor: pointer; |
|
16502 background: #E4E4E4; |
|
16503 } |
|
16504 #inbox-table tr td { |
|
16505 border-right: 0; |
|
16506 border-left: 0; |
|
16507 line-height: 26px; |
|
16508 padding: 6px 4px 7px!important; |
|
16509 } |
|
16510 #inbox-table .inbox-table-icon { |
|
16511 padding-left: 15px!important; |
|
16512 } |
|
16513 @media (max-width: 979px) { |
|
16514 #inbox-table .inbox-table-icon { |
|
16515 padding-left: 10px!important; |
|
16516 } |
|
16517 } |
|
16518 #inbox-table tbody tr th { |
|
16519 overflow: hidden; |
|
16520 } |
|
16521 #inbox-table.table tbody > tr > td { |
|
16522 border-color: #fff!important; |
|
16523 } |
|
16524 #inbox-table .checkbox, |
|
16525 #inbox-table .radio { |
|
16526 margin-top: -1px; |
|
16527 margin-bottom: 0; |
|
16528 } |
|
16529 .minified .inbox-badge { |
|
16530 border-radius: 50%; |
|
16531 font-size: 9px; |
|
16532 padding: 2px; |
|
16533 position: absolute; |
|
16534 top: 6px; |
|
16535 right: 6px; |
|
16536 background: #ED1C24; |
|
16537 min-width: 13px; |
|
16538 } |
|
16539 .inbox-body { |
|
16540 position: relative; |
|
16541 } |
|
16542 .inbox-body .table-wrap { |
|
16543 background: #fff; |
|
16544 padding: 10px 14px 7px; |
|
16545 position: relative; |
|
16546 margin-left: 200px; |
|
16547 } |
|
16548 @media (max-width: 1024px) { |
|
16549 .inbox-body .table-wrap { |
|
16550 margin-left: 0!important; |
|
16551 } |
|
16552 } |
|
16553 @media (max-width: 979px) { |
|
16554 .inbox-body .table-wrap { |
|
16555 padding: 0!important; |
|
16556 } |
|
16557 } |
|
16558 .inbox-body.no-content-padding { |
|
16559 margin-top: 0; |
|
16560 background: #fff; |
|
16561 } |
|
16562 .inbox-nav-bar { |
|
16563 height: 70px; |
|
16564 margin-bottom: 0; |
|
16565 padding: 20px 14px; |
|
16566 background: #fff; |
|
16567 } |
|
16568 @media (max-width: 979px) { |
|
16569 .inbox-nav-bar { |
|
16570 padding-left: 5px; |
|
16571 padding-right: 5px; |
|
16572 } |
|
16573 } |
|
16574 @media (min-width: 768px) and (max-width: 880px) { |
|
16575 .inbox-nav-bar.no-content-padding { |
|
16576 margin-top: -10px !important; |
|
16577 } |
|
16578 } |
|
16579 @media (max-width: 767px) { |
|
16580 .inbox-nav-bar.no-content-padding { |
|
16581 margin-top: -10px !important; |
|
16582 } |
|
16583 } |
|
16584 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
16585 .inbox-nav-bar.no-content-padding { |
|
16586 margin-top: -10px !important; |
|
16587 } |
|
16588 } |
|
16589 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
16590 .inbox-nav-bar.no-content-padding { |
|
16591 margin-top: -10px !important; |
|
16592 } |
|
16593 } |
|
16594 .inbox-nav-bar .page-title { |
|
16595 display: inline-block; |
|
16596 margin: 0; |
|
16597 width: 196px; |
|
16598 line-height: 33px; |
|
16599 vertical-align: middle; |
|
16600 } |
|
16601 .inbox-footer { |
|
16602 height: 52px; |
|
16603 padding: 15px 14px 0; |
|
16604 border-top: 1px solid #CECECE; |
|
16605 background: #2a2725; |
|
16606 position: absolute; |
|
16607 bottom: -53px; |
|
16608 width: 100%; |
|
16609 } |
|
16610 .inbox-footer .btn-group, |
|
16611 .inbox-paging { |
|
16612 margin-left: 10px; |
|
16613 } |
|
16614 .inbox-data-attachment, |
|
16615 .inbox-table-icon { |
|
16616 width: 28px; |
|
16617 text-align: left; |
|
16618 padding-left: 12px!important; |
|
16619 padding-right: 0!important; |
|
16620 } |
|
16621 .inbox-data-from { |
|
16622 width: 200px; |
|
16623 } |
|
16624 .inbox-data-from > :first-child { |
|
16625 width: 200px; |
|
16626 display: block; |
|
16627 overflow: hidden; |
|
16628 text-overflow: ellipsis; |
|
16629 white-space: nowrap; |
|
16630 } |
|
16631 .inbox-data-date { |
|
16632 width: 80px; |
|
16633 padding-left: 7px!important; |
|
16634 padding-right: 0!important; |
|
16635 } |
|
16636 .inbox-data-message > :first-child { |
|
16637 width: 100%; |
|
16638 overflow: hidden; |
|
16639 text-overflow: ellipsis; |
|
16640 white-space: nowrap; |
|
16641 height: 27px; |
|
16642 color: #8A8A8A; |
|
16643 } |
|
16644 @media (max-width: 979px) { |
|
16645 .inbox-data-message > :first-child { |
|
16646 height: 50px; |
|
16647 overflow: hidden; |
|
16648 } |
|
16649 } |
|
16650 .inbox-data-message > :first-child span { |
|
16651 color: #111; |
|
16652 } |
|
16653 .inbox-data-message > :first-child span.label { |
|
16654 color: #fff; |
|
16655 } |
|
16656 @media (max-width: 979px) { |
|
16657 .inbox-data-message > :first-child > :first-child { |
|
16658 display: block!important; |
|
16659 font-size: 14px; |
|
16660 } |
|
16661 } |
|
16662 .inbox-data-message > :first-child > :first-child:after { |
|
16663 content: " - "; |
|
16664 } |
|
16665 .inbox-checkbox-triggered { |
|
16666 display: inline-block; |
|
16667 } |
|
16668 .inbox-checkbox-triggered > .btn-group { |
|
16669 margin-right: 10px; |
|
16670 } |
|
16671 .inbox-checkbox-triggered > .btn-group .btn { |
|
16672 padding-left: 14px; |
|
16673 padding-right: 14px; |
|
16674 } |
|
16675 @media (max-width: 979px) { |
|
16676 .inbox-checkbox-triggered > .btn-group .btn { |
|
16677 padding-left: 10px; |
|
16678 padding-right: 10px; |
|
16679 } |
|
16680 } |
|
16681 .inbox-side-bar { |
|
16682 height: 100%; |
|
16683 position: absolute; |
|
16684 background: #fff; |
|
16685 display: block; |
|
16686 width: 200px; |
|
16687 padding: 10px 0 10px 14px; |
|
16688 } |
|
16689 @media (max-width: 1024px) { |
|
16690 .inbox-side-bar { |
|
16691 display: none!important; |
|
16692 } |
|
16693 } |
|
16694 .inbox-side-bar h6 { |
|
16695 font-weight: 400; |
|
16696 font-size: 11px; |
|
16697 display: block; |
|
16698 padding: 0 15px; |
|
16699 text-transform: uppercase; |
|
16700 color: #838383; |
|
16701 } |
|
16702 .inbox-side-bar h6 a { |
|
16703 font-size: 14px; |
|
16704 margin-top: -2px; |
|
16705 } |
|
16706 .inbox-side-bar h6 .tooltip { |
|
16707 text-transform: none!important; |
|
16708 } |
|
16709 .inbox-side-bar > .btn { |
|
16710 margin-bottom: 35px; |
|
16711 } |
|
16712 .inbox-side-bar .input-group { |
|
16713 margin-bottom: 25px; |
|
16714 } |
|
16715 .inbox-space { |
|
16716 display: block; |
|
16717 width: 185px; |
|
16718 } |
|
16719 .inbox-space > .progress { |
|
16720 margin-top: 5px; |
|
16721 } |
|
16722 .inbox .inbox-menu-lg { |
|
16723 list-style: none; |
|
16724 padding: 0; |
|
16725 margin: 0 0 20px; |
|
16726 } |
|
16727 .inbox .inbox-menu-lg .inbox-menu-lg li { |
|
16728 display: block; |
|
16729 width: 100%; |
|
16730 } |
|
16731 .inbox .inbox-menu-lg .inbox-menu-lg li a { |
|
16732 display: block; |
|
16733 padding: 6px 15px 7px; |
|
16734 font-size: 13px; |
|
16735 color: #333; |
|
16736 } |
|
16737 .inbox .inbox-menu-lg .inbox-menu-lg li a:hover { |
|
16738 text-decoration: none; |
|
16739 background: #f4f4f4; |
|
16740 } |
|
16741 .inbox .inbox-menu-lg .inbox-menu-lg li.active a { |
|
16742 font-weight: 700; |
|
16743 background: #F0F0F0; |
|
16744 border-bottom: 1px solid #E7E7E7; |
|
16745 color: #3276b1; |
|
16746 } |
|
16747 .inbox .inbox-menu-sm { |
|
16748 list-style: none; |
|
16749 padding: 0; |
|
16750 margin: 0 0 20px; |
|
16751 } |
|
16752 .inbox .inbox-menu-sm .inbox-menu-sm li { |
|
16753 display: block; |
|
16754 width: 100%; |
|
16755 } |
|
16756 .inbox .inbox-menu-sm .inbox-menu-sm li a { |
|
16757 display: block; |
|
16758 padding: 8px 15px 10px; |
|
16759 font-size: 13px; |
|
16760 color: #333; |
|
16761 } |
|
16762 .inbox .inbox-menu-sm .inbox-menu-sm li a:hover { |
|
16763 text-decoration: none; |
|
16764 background: #f4f4f4; |
|
16765 } |
|
16766 .inbox .inbox-menu-sm .inbox-menu-sm li.active a { |
|
16767 font-weight: 700; |
|
16768 background: #F0F0F0; |
|
16769 border-bottom: 1px solid #E7E7E7; |
|
16770 color: #3276b1; |
|
16771 } |
|
16772 .inbox-info-bar { |
|
16773 padding: 10px 0; |
|
16774 border-bottom: 1px solid #bfbfbf; |
|
16775 } |
|
16776 .inbox-info-bar .form-group { |
|
16777 margin: 0; |
|
16778 } |
|
16779 .inbox-info-bar .form-group input, |
|
16780 .inbox-info-bar .select2-container-multi .select2-choices { |
|
16781 border-color: #fff!important; |
|
16782 } |
|
16783 .inbox-info-bar .select2-choices > div { |
|
16784 display: none; |
|
16785 } |
|
16786 .inbox-info-bar .col-md-1, |
|
16787 .inbox-info-bar .col-md-11 { |
|
16788 padding-left: 0; |
|
16789 padding-right: 0; |
|
16790 } |
|
16791 @media (max-width: 1024px) { |
|
16792 .inbox-info-bar .col-md-1, |
|
16793 .inbox-info-bar .col-md-11 { |
|
16794 padding-left: 26px; |
|
16795 padding-right: 26px; |
|
16796 } |
|
16797 } |
|
16798 .inbox-info-bar img { |
|
16799 width: 35px; |
|
16800 height: auto; |
|
16801 display: inline-block; |
|
16802 vertical-align: middle; |
|
16803 margin-right: 7px; |
|
16804 margin-left: 2px; |
|
16805 border-left: 3px solid #fff; |
|
16806 } |
|
16807 .inbox-info-bar em { |
|
16808 position: absolute; |
|
16809 top: 6px; |
|
16810 right: 20px; |
|
16811 text-align: right; |
|
16812 font-style: normal; |
|
16813 } |
|
16814 .inbox-download .inbox-message { |
|
16815 padding: 15px 4px; |
|
16816 border-bottom: 1px solid #bfbfbf; |
|
16817 } |
|
16818 .inbox-download-list { |
|
16819 list-style: none; |
|
16820 margin: 5px 0 0; |
|
16821 padding: 0; |
|
16822 } |
|
16823 .inbox-download-list li { |
|
16824 display: inline-block; |
|
16825 margin: 0 5px 0 0; |
|
16826 vertical-align: top; |
|
16827 } |
|
16828 .inbox-download-list li > :first-child { |
|
16829 margin-bottom: 0; |
|
16830 width: 150px; |
|
16831 overflow: hidden; |
|
16832 } |
|
16833 .inbox-download-list li > :first-child:hover { |
|
16834 background: #fff; |
|
16835 border-color: silver; |
|
16836 } |
|
16837 .inbox-download-list li > :first-child > :first-child { |
|
16838 text-align: center; |
|
16839 display: block; |
|
16840 color: #D6D6D6; |
|
16841 } |
|
16842 .inbox-download-list li > :first-child > :first-child > .fa { |
|
16843 font-size: 150px; |
|
16844 } |
|
16845 .inbox-download-list li > :first-child > :first-child > img { |
|
16846 max-width: 120px; |
|
16847 } |
|
16848 .inbox-compose-footer { |
|
16849 padding: 10px; |
|
16850 background: #F5F5F5; |
|
16851 border-bottom: 1px solid #A9A9A9; |
|
16852 } |
|
16853 .inbox-compose-footer, |
|
16854 .inbox-download, |
|
16855 .inbox-info-bar, |
|
16856 .inbox-message { |
|
16857 margin-right: 240px; |
|
16858 position: relative; |
|
16859 } |
|
16860 @media (max-width: 1280px) { |
|
16861 .inbox-compose-footer, |
|
16862 .inbox-download, |
|
16863 .inbox-info-bar, |
|
16864 .inbox-message { |
|
16865 margin-right: 0; |
|
16866 } |
|
16867 } |
|
16868 @media (max-width: 979px) { |
|
16869 .inbox-table-icon > :first-child { |
|
16870 margin-top: 12px; |
|
16871 } |
|
16872 } |
|
16873 .unread td { |
|
16874 background: #fff; |
|
16875 } |
|
16876 .unread .inbox-data-date > :first-child, |
|
16877 .unread .inbox-data-from > :first-child, |
|
16878 .unread .inbox-data-message > :first-child > :first-child { |
|
16879 font-weight: 700; |
|
16880 } |
|
16881 tr.highlight td, |
|
16882 tr.unread.highlight td { |
|
16883 background: #ffc!important; |
|
16884 color: #333; |
|
16885 } |
|
16886 #compose-mail-mini { |
|
16887 margin-left: 4px; |
|
16888 } |
|
16889 .email-open-header { |
|
16890 margin: -10px 0 0 0; |
|
16891 font-size: 20px; |
|
16892 border-bottom: 1px solid #bfbfbf; |
|
16893 border-top: 1px solid #eee; |
|
16894 padding: 15px 3px; |
|
16895 } |
|
16896 .email-open-header > span { |
|
16897 font-size: 10px; |
|
16898 font-weight: 400; |
|
16899 padding: 3px 5px; |
|
16900 letter-spacing: normal; |
|
16901 text-transform: uppercase; |
|
16902 vertical-align: middle; |
|
16903 line-height: 33px; |
|
16904 background: #ACACAC; |
|
16905 } |
|
16906 .email-infobox { |
|
16907 display: block; |
|
16908 width: 180px; |
|
16909 border-bottom: 1px solid #bfbfbf; |
|
16910 padding-bottom: 0; |
|
16911 padding-top: 15px; |
|
16912 position: absolute; |
|
16913 top: 65px; |
|
16914 right: 15px; |
|
16915 } |
|
16916 @media (max-width: 1280px) { |
|
16917 .email-infobox .email-infobox { |
|
16918 display: none; |
|
16919 } |
|
16920 } |
|
16921 .email-reply-text > div { |
|
16922 border-left: 1px solid #D6D6D6; |
|
16923 padding-left: 10px; |
|
16924 margin-left: 50px; |
|
16925 color: #A9A9A9; |
|
16926 } |
|
16927 .email-reply-text > :first-child { |
|
16928 padding-left: 45px; |
|
16929 } |
|
16930 .profile-pic { |
|
16931 text-align: right; |
|
16932 } |
|
16933 .profile-pic > img { |
|
16934 border-radius: 0; |
|
16935 position: relative; |
|
16936 border: 5px solid #fff; |
|
16937 top: -30px; |
|
16938 display: inline-block; |
|
16939 text-align: right; |
|
16940 z-index: 4; |
|
16941 width: 120px; |
|
16942 margin-bottom: -30px; |
|
16943 } |
|
16944 .profile-carousel .carousel-inner { |
|
16945 max-height: 150px; |
|
16946 } |
|
16947 .friends-list li { |
|
16948 margin-bottom: 10px; |
|
16949 } |
|
16950 .friends-list li img { |
|
16951 width: 35px; |
|
16952 border: 1px solid #fff; |
|
16953 outline: 1px solid #bfbfbf; |
|
16954 } |
|
16955 .search-results { |
|
16956 padding: 18px 5px; |
|
16957 } |
|
16958 .search-results + .search-results { |
|
16959 border-top: 1px dashed #E3E3E3; |
|
16960 } |
|
16961 .search-results > :first-child { |
|
16962 margin-bottom: 4px; |
|
16963 font-weight: 400; |
|
16964 } |
|
16965 .search-results > :first-child a { |
|
16966 text-decoration: underline; |
|
16967 } |
|
16968 .search-results .url { |
|
16969 font-style: normal; |
|
16970 font-size: 14px; |
|
16971 } |
|
16972 .search-results img { |
|
16973 display: inline-block; |
|
16974 margin-top: 4px; |
|
16975 margin-right: 4px; |
|
16976 width: 80px; |
|
16977 } |
|
16978 .search-results > div { |
|
16979 display: inline-block; |
|
16980 vertical-align: top; |
|
16981 } |
|
16982 .search-results .note { |
|
16983 margin: 0; |
|
16984 line-height: normal; |
|
16985 } |
|
16986 .search-results .note a { |
|
16987 text-decoration: none!important; |
|
16988 color: #333; |
|
16989 } |
|
16990 .search-results .note a:hover { |
|
16991 color: #ed1c24; |
|
16992 } |
|
16993 /* |
|
16994 * Todo-like application |
|
16995 */ |
|
16996 .todo { |
|
16997 margin: 0; |
|
16998 padding: 0; |
|
16999 min-height: 5px; |
|
17000 list-style: none; |
|
17001 } |
|
17002 .todo > li { |
|
17003 display: block; |
|
17004 position: relative; |
|
17005 overflow: hidden; |
|
17006 border-bottom: 1px solid #e7e7e7; |
|
17007 margin: 0 5px; |
|
17008 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat; |
|
17009 } |
|
17010 .todo > li:last-child, |
|
17011 .todo > li:only-child { |
|
17012 border-bottom: 0; |
|
17013 } |
|
17014 .todo > li > :first-child { |
|
17015 display: block; |
|
17016 border-right: 1px solid #FFE1EB; |
|
17017 height: 100%; |
|
17018 padding: 6px 11px 6px 18px; |
|
17019 width: 20px; |
|
17020 vertical-align: top; |
|
17021 position: absolute; |
|
17022 } |
|
17023 .todo > li > :first-child:hover { |
|
17024 cursor: move; |
|
17025 } |
|
17026 .todo > li.complete { |
|
17027 background: 0 0; |
|
17028 } |
|
17029 .todo > li.complete.complete > :first-child:hover { |
|
17030 cursor: default; |
|
17031 } |
|
17032 .todo > li.complete > * { |
|
17033 text-decoration: line-through; |
|
17034 font-style: italic; |
|
17035 } |
|
17036 .todo > li.ui-sortable-helper { |
|
17037 border-top: 1px solid #eee; |
|
17038 background: rgba(113, 132, 63, 0.1); |
|
17039 } |
|
17040 .todo > li > p { |
|
17041 height: 100%; |
|
17042 margin-left: 52px; |
|
17043 border-left: 1px solid #FFE1EB; |
|
17044 display: inline-block; |
|
17045 padding: 8px 0 6px 7px; |
|
17046 margin-bottom: 0; |
|
17047 min-height: 37px; |
|
17048 line-height: normal; |
|
17049 font-size: 14px; |
|
17050 font-weight: 500; |
|
17051 color: #333; |
|
17052 } |
|
17053 .todo > li > p > span { |
|
17054 display: block; |
|
17055 line-height: 12px; |
|
17056 font-size: 10px; |
|
17057 font-weight: 400; |
|
17058 } |
|
17059 .todo > li > p > :first-child { |
|
17060 margin-top: -5px; |
|
17061 color: #999; |
|
17062 margin-bottom: 4px; |
|
17063 } |
|
17064 .todo > li > p > .date { |
|
17065 color: #bfbfbf; |
|
17066 } |
|
17067 .todo-group-title { |
|
17068 margin: 0; |
|
17069 line-height: 31px; |
|
17070 padding: 0 0 0 10px; |
|
17071 background: #fafafa; |
|
17072 border-bottom: 1px solid #e7e7e7; |
|
17073 border-top: 1px solid #f4f4f4; |
|
17074 color: #999; |
|
17075 } |