|
1 /* |
|
2 * MyAMS |
|
3 * « My Application Management Skin » |
|
4 * |
|
5 * $Tag$ (rev. 1) |
|
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-2016 Thierry Florac <tflorac@ulthar.net> |
|
11 */ |
|
12 html { |
|
13 /* */ |
|
14 } |
|
15 /* |
|
16 * Colors variations |
|
17 */ |
|
18 .txt-color-danger { |
|
19 color: #a94442 !important; |
|
20 } |
|
21 .txt-color-warning { |
|
22 color: #6b6d31 !important; |
|
23 } |
|
24 .txt-color-info { |
|
25 color: #346597 !important; |
|
26 } |
|
27 .txt-color-success { |
|
28 color: #296829 !important; |
|
29 } |
|
30 .bg-color-danger { |
|
31 background-color: #a94442 !important; |
|
32 } |
|
33 .bg-color-warning { |
|
34 background-color: #6b6d31 !important; |
|
35 } |
|
36 .bg-color-info { |
|
37 background-color: #346597 !important; |
|
38 } |
|
39 .bg-color-success { |
|
40 background-color: #5cb85c !important; |
|
41 } |
|
42 .txt-color-text { |
|
43 color: #333 !important; |
|
44 } |
|
45 .txt-color-blue { |
|
46 color: #60747c !important; |
|
47 } |
|
48 .txt-color-blueLight { |
|
49 color: #ccdadf !important; |
|
50 } |
|
51 .txt-color-blueDark { |
|
52 color: #4c4f53 !important; |
|
53 } |
|
54 .txt-color-green { |
|
55 color: #356e35 !important; |
|
56 } |
|
57 .txt-color-greenLight { |
|
58 color: #71843f !important; |
|
59 } |
|
60 .txt-color-greenDark { |
|
61 color: #496949 !important; |
|
62 } |
|
63 .txt-color-red { |
|
64 color: #931313 !important; |
|
65 } |
|
66 .txt-color-yellow { |
|
67 color: #d4c737 !important; |
|
68 } |
|
69 .txt-color-yellowLight { |
|
70 color: #fff03d !important; |
|
71 } |
|
72 .txt-color-orange { |
|
73 color: #c79121 !important; |
|
74 } |
|
75 .txt-color-orangeLight { |
|
76 color: #ee9000 !important; |
|
77 } |
|
78 .txt-color-orangeDark { |
|
79 color: #a57225 !important; |
|
80 } |
|
81 .txt-color-pink { |
|
82 color: #ac5287 !important; |
|
83 } |
|
84 .txt-color-pinkDark { |
|
85 color: #a8829f !important; |
|
86 } |
|
87 .txt-color-purple { |
|
88 color: #65596B !important; |
|
89 } |
|
90 .txt-color-darken { |
|
91 color: #404040 !important; |
|
92 } |
|
93 .txt-color-silver { |
|
94 color: #b4b4b4 !important; |
|
95 } |
|
96 .txt-color-silverLight { |
|
97 color: #d0d0d0 !important; |
|
98 } |
|
99 .txt-color-lighten { |
|
100 color: #d5e7ec !important; |
|
101 } |
|
102 .txt-color-white { |
|
103 color: #dedede !important; |
|
104 } |
|
105 .txt-color-grayDark { |
|
106 color: #525252 !important; |
|
107 } |
|
108 .txt-color-magenta { |
|
109 color: #6e3671 !important; |
|
110 } |
|
111 .txt-color-teal { |
|
112 color: #568a89 !important; |
|
113 } |
|
114 .txt-color-redLight { |
|
115 color: #a65858 !important; |
|
116 } |
|
117 .txt-color-active { |
|
118 color: #3276b1 !important; |
|
119 } |
|
120 .txt-color-activeBg { |
|
121 color: #cedbf7 !important; |
|
122 } |
|
123 .bg-color-blue { |
|
124 background-color: #60747c !important; |
|
125 } |
|
126 .bg-color-blueLight { |
|
127 background-color: #ccdadf !important; |
|
128 } |
|
129 .bg-color-blueDark { |
|
130 background-color: #4c4f53 !important; |
|
131 } |
|
132 .bg-color-green { |
|
133 background-color: #356e35 !important; |
|
134 } |
|
135 .bg-color-greenLight { |
|
136 background-color: #71843f !important; |
|
137 } |
|
138 .bg-color-greenDark { |
|
139 background-color: #496949 !important; |
|
140 } |
|
141 .bg-color-red { |
|
142 background-color: #931313 !important; |
|
143 } |
|
144 .bg-color-yellow { |
|
145 background-color: #d4c737 !important; |
|
146 } |
|
147 .bg-color-yellowLight { |
|
148 background-color: #fff03d !important; |
|
149 } |
|
150 .bg-color-orange { |
|
151 background-color: #c79121 !important; |
|
152 } |
|
153 .bg-color-orangeLight { |
|
154 background-color: #ee9000 !important; |
|
155 } |
|
156 .bg-color-orangeDark { |
|
157 background-color: #a57225 !important; |
|
158 } |
|
159 .bg-color-pink { |
|
160 background-color: #ac5287 !important; |
|
161 } |
|
162 .bg-color-pinkDark { |
|
163 background-color: #a8829f !important; |
|
164 } |
|
165 .bg-color-purple { |
|
166 background-color: #65596B !important; |
|
167 } |
|
168 .bg-color-darken { |
|
169 background-color: #404040 !important; |
|
170 } |
|
171 .bg-color-silver { |
|
172 background-color: #b4b4b4 !important; |
|
173 } |
|
174 .bg-color-silverLight { |
|
175 background-color: #d0d0d0 !important; |
|
176 } |
|
177 .bg-color-lighten { |
|
178 background-color: #d5e7ec !important; |
|
179 } |
|
180 .bg-color-white { |
|
181 background-color: #dedede !important; |
|
182 } |
|
183 .bg-color-grayDark { |
|
184 background-color: #525252 !important; |
|
185 } |
|
186 .bg-color-magenta { |
|
187 background-color: #6e3671 !important; |
|
188 } |
|
189 .bg-color-teal { |
|
190 background-color: #568a89 !important; |
|
191 } |
|
192 .bg-color-redLight { |
|
193 background-color: #a65858 !important; |
|
194 } |
|
195 .bg-color-active { |
|
196 background-color: #3276b1 !important; |
|
197 } |
|
198 .bg-color-activeBg { |
|
199 background-color: #cedbf7 !important; |
|
200 } |
|
201 /* |
|
202 * Animations |
|
203 */ |
|
204 @-webkit-keyframes flash { |
|
205 0%, |
|
206 100%, |
|
207 50% { |
|
208 opacity: 1; |
|
209 } |
|
210 25%, |
|
211 75% { |
|
212 opacity: 0; |
|
213 } |
|
214 } |
|
215 @keyframes flash { |
|
216 0%, |
|
217 100%, |
|
218 50% { |
|
219 opacity: 1; |
|
220 } |
|
221 25%, |
|
222 75% { |
|
223 opacity: 0; |
|
224 } |
|
225 } |
|
226 @-webkit-keyframes shake { |
|
227 0%, |
|
228 100% { |
|
229 -webkit-transform: translateX(0); |
|
230 } |
|
231 10%, |
|
232 30%, |
|
233 50%, |
|
234 70%, |
|
235 90% { |
|
236 -webkit-transform: translateX(-10px); |
|
237 } |
|
238 20%, |
|
239 40%, |
|
240 60%, |
|
241 80% { |
|
242 -webkit-transform: translateX(10px); |
|
243 } |
|
244 } |
|
245 @keyframes shake { |
|
246 0%, |
|
247 100% { |
|
248 -webkit-transform: translateX(0); |
|
249 -ms-transform: translateX(0); |
|
250 transform: translateX(0); |
|
251 } |
|
252 10%, |
|
253 30%, |
|
254 50%, |
|
255 70%, |
|
256 90% { |
|
257 -webkit-transform: translateX(-10px); |
|
258 -ms-transform: translateX(-10px); |
|
259 transform: translateX(-10px); |
|
260 } |
|
261 20%, |
|
262 40%, |
|
263 60%, |
|
264 80% { |
|
265 -webkit-transform: translateX(10px); |
|
266 -ms-transform: translateX(10px); |
|
267 transform: translateX(10px); |
|
268 } |
|
269 } |
|
270 @-webkit-keyframes bounce { |
|
271 0%, |
|
272 100%, |
|
273 20%, |
|
274 50%, |
|
275 80% { |
|
276 -webkit-transform: translateY(0); |
|
277 } |
|
278 40% { |
|
279 -webkit-transform: translateY(-30px); |
|
280 } |
|
281 60% { |
|
282 -webkit-transform: translateY(-15px); |
|
283 } |
|
284 } |
|
285 @keyframes bounce { |
|
286 0%, |
|
287 100%, |
|
288 20%, |
|
289 50%, |
|
290 80% { |
|
291 -webkit-transform: translateY(0); |
|
292 -ms-transform: translateY(0); |
|
293 transform: translateY(0); |
|
294 } |
|
295 40% { |
|
296 -webkit-transform: translateY(-30px); |
|
297 -ms-transform: translateY(-30px); |
|
298 transform: translateY(-30px); |
|
299 } |
|
300 60% { |
|
301 -webkit-transform: translateY(-15px); |
|
302 -ms-transform: translateY(-15px); |
|
303 transform: translateY(-15px); |
|
304 } |
|
305 } |
|
306 @-webkit-keyframes tada { |
|
307 0% { |
|
308 -webkit-transform: scale(1); |
|
309 } |
|
310 10%, |
|
311 20% { |
|
312 -webkit-transform: scale(0.9) rotate(-3deg); |
|
313 } |
|
314 30%, |
|
315 50%, |
|
316 70%, |
|
317 90% { |
|
318 -webkit-transform: scale(1.1) rotate(3deg); |
|
319 } |
|
320 40%, |
|
321 60%, |
|
322 80% { |
|
323 -webkit-transform: scale(1.1) rotate(-3deg); |
|
324 } |
|
325 100% { |
|
326 -webkit-transform: scale(1) rotate(0); |
|
327 } |
|
328 } |
|
329 @keyframes tada { |
|
330 0% { |
|
331 -webkit-transform: scale(1); |
|
332 -ms-transform: scale(1); |
|
333 transform: scale(1); |
|
334 } |
|
335 10%, |
|
336 20% { |
|
337 -webkit-transform: scale(0.9) rotate(-3deg); |
|
338 -ms-transform: scale(0.9) rotate(-3deg); |
|
339 transform: scale(0.9) rotate(-3deg); |
|
340 } |
|
341 30%, |
|
342 50%, |
|
343 70%, |
|
344 90% { |
|
345 -webkit-transform: scale(1.1) rotate(3deg); |
|
346 -ms-transform: scale(1.1) rotate(3deg); |
|
347 transform: scale(1.1) rotate(3deg); |
|
348 } |
|
349 40%, |
|
350 60%, |
|
351 80% { |
|
352 -webkit-transform: scale(1.1) rotate(-3deg); |
|
353 -ms-transform: scale(1.1) rotate(-3deg); |
|
354 transform: scale(1.1) rotate(-3deg); |
|
355 } |
|
356 100% { |
|
357 -webkit-transform: scale(1) rotate(0); |
|
358 -ms-transform: scale(1) rotate(0); |
|
359 transform: scale(1) rotate(0); |
|
360 } |
|
361 } |
|
362 @-webkit-keyframes swing { |
|
363 100%, |
|
364 20%, |
|
365 40%, |
|
366 60%, |
|
367 80% { |
|
368 -webkit-transform-origin: top center; |
|
369 } |
|
370 20% { |
|
371 -webkit-transform: rotate(15deg); |
|
372 } |
|
373 40% { |
|
374 -webkit-transform: rotate(-10deg); |
|
375 } |
|
376 60% { |
|
377 -webkit-transform: rotate(5deg); |
|
378 } |
|
379 80% { |
|
380 -webkit-transform: rotate(-5deg); |
|
381 } |
|
382 100% { |
|
383 -webkit-transform: rotate(0deg); |
|
384 } |
|
385 } |
|
386 @keyframes swing { |
|
387 20% { |
|
388 -webkit-transform: rotate(15deg); |
|
389 -ms-transform: rotate(15deg); |
|
390 transform: rotate(15deg); |
|
391 } |
|
392 40% { |
|
393 -webkit-transform: rotate(-10deg); |
|
394 -ms-transform: rotate(-10deg); |
|
395 transform: rotate(-10deg); |
|
396 } |
|
397 60% { |
|
398 -webkit-transform: rotate(5deg); |
|
399 -ms-transform: rotate(5deg); |
|
400 transform: rotate(5deg); |
|
401 } |
|
402 80% { |
|
403 -webkit-transform: rotate(-5deg); |
|
404 -ms-transform: rotate(-5deg); |
|
405 transform: rotate(-5deg); |
|
406 } |
|
407 100% { |
|
408 -webkit-transform: rotate(0deg); |
|
409 -ms-transform: rotate(0deg); |
|
410 transform: rotate(0deg); |
|
411 } |
|
412 } |
|
413 @-webkit-keyframes wobble { |
|
414 0% { |
|
415 -webkit-transform: translateX(0); |
|
416 } |
|
417 15% { |
|
418 -webkit-transform: translateX(-25%) rotate(-5deg); |
|
419 } |
|
420 30% { |
|
421 -webkit-transform: translateX(20%) rotate(3deg); |
|
422 } |
|
423 45% { |
|
424 -webkit-transform: translateX(-15%) rotate(-3deg); |
|
425 } |
|
426 60% { |
|
427 -webkit-transform: translateX(10%) rotate(2deg); |
|
428 } |
|
429 75% { |
|
430 -webkit-transform: translateX(-5%) rotate(-1deg); |
|
431 } |
|
432 100% { |
|
433 -webkit-transform: translateX(0); |
|
434 } |
|
435 } |
|
436 @keyframes wobble { |
|
437 0% { |
|
438 -webkit-transform: translateX(0); |
|
439 -ms-transform: translateX(0); |
|
440 transform: translateX(0); |
|
441 } |
|
442 15% { |
|
443 -webkit-transform: translateX(-25%) rotate(-5deg); |
|
444 -ms-transform: translateX(-25%) rotate(-5deg); |
|
445 transform: translateX(-25%) rotate(-5deg); |
|
446 } |
|
447 30% { |
|
448 -webkit-transform: translateX(20%) rotate(3deg); |
|
449 -ms-transform: translateX(20%) rotate(3deg); |
|
450 transform: translateX(20%) rotate(3deg); |
|
451 } |
|
452 45% { |
|
453 -webkit-transform: translateX(-15%) rotate(-3deg); |
|
454 -ms-transform: translateX(-15%) rotate(-3deg); |
|
455 transform: translateX(-15%) rotate(-3deg); |
|
456 } |
|
457 60% { |
|
458 -webkit-transform: translateX(10%) rotate(2deg); |
|
459 -ms-transform: translateX(10%) rotate(2deg); |
|
460 transform: translateX(10%) rotate(2deg); |
|
461 } |
|
462 75% { |
|
463 -webkit-transform: translateX(-5%) rotate(-1deg); |
|
464 -ms-transform: translateX(-5%) rotate(-1deg); |
|
465 transform: translateX(-5%) rotate(-1deg); |
|
466 } |
|
467 100% { |
|
468 -webkit-transform: translateX(0); |
|
469 -ms-transform: translateX(0); |
|
470 transform: translateX(0); |
|
471 } |
|
472 } |
|
473 @-webkit-keyframes pulse { |
|
474 0% { |
|
475 -webkit-transform: scale(1); |
|
476 } |
|
477 50% { |
|
478 -webkit-transform: scale(1.1); |
|
479 } |
|
480 100% { |
|
481 -webkit-transform: scale(1); |
|
482 } |
|
483 } |
|
484 @keyframes pulse { |
|
485 0% { |
|
486 -webkit-transform: scale(1); |
|
487 -ms-transform: scale(1); |
|
488 transform: scale(1); |
|
489 } |
|
490 50% { |
|
491 -webkit-transform: scale(1.1); |
|
492 -ms-transform: scale(1.1); |
|
493 transform: scale(1.1); |
|
494 } |
|
495 100% { |
|
496 -webkit-transform: scale(1); |
|
497 -ms-transform: scale(1); |
|
498 transform: scale(1); |
|
499 } |
|
500 } |
|
501 @-webkit-keyframes flip { |
|
502 0% { |
|
503 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
504 -webkit-animation-timing-function: ease-out; |
|
505 } |
|
506 40% { |
|
507 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
508 -webkit-animation-timing-function: ease-out; |
|
509 } |
|
510 50% { |
|
511 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
512 -webkit-animation-timing-function: ease-in; |
|
513 } |
|
514 80% { |
|
515 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
516 -webkit-animation-timing-function: ease-in; |
|
517 } |
|
518 100% { |
|
519 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
520 -webkit-animation-timing-function: ease-in; |
|
521 } |
|
522 } |
|
523 @keyframes flip { |
|
524 0% { |
|
525 -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
526 -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
527 transform: perspective(400px) translateZ(0) rotateY(0) scale(1); |
|
528 -webkit-animation-timing-function: ease-out; |
|
529 animation-timing-function: ease-out; |
|
530 } |
|
531 40% { |
|
532 -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
533 -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
534 transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); |
|
535 -webkit-animation-timing-function: ease-out; |
|
536 animation-timing-function: ease-out; |
|
537 } |
|
538 50% { |
|
539 -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
540 -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
541 transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
|
542 -webkit-animation-timing-function: ease-in; |
|
543 animation-timing-function: ease-in; |
|
544 } |
|
545 80% { |
|
546 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
547 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
548 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); |
|
549 -webkit-animation-timing-function: ease-in; |
|
550 animation-timing-function: ease-in; |
|
551 } |
|
552 100% { |
|
553 -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
554 -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
555 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); |
|
556 -webkit-animation-timing-function: ease-in; |
|
557 animation-timing-function: ease-in; |
|
558 } |
|
559 } |
|
560 @-webkit-keyframes flipInX { |
|
561 0% { |
|
562 -webkit-transform: perspective(400px) rotateX(90deg); |
|
563 opacity: 0; |
|
564 } |
|
565 40% { |
|
566 -webkit-transform: perspective(400px) rotateX(-10deg); |
|
567 } |
|
568 70% { |
|
569 -webkit-transform: perspective(400px) rotateX(10deg); |
|
570 } |
|
571 100% { |
|
572 -webkit-transform: perspective(400px) rotateX(0deg); |
|
573 opacity: 1; |
|
574 } |
|
575 } |
|
576 @keyframes flipInX { |
|
577 0% { |
|
578 -webkit-transform: perspective(400px) rotateX(90deg); |
|
579 -ms-transform: perspective(400px) rotateX(90deg); |
|
580 transform: perspective(400px) rotateX(90deg); |
|
581 opacity: 0; |
|
582 } |
|
583 40% { |
|
584 -webkit-transform: perspective(400px) rotateX(-10deg); |
|
585 -ms-transform: perspective(400px) rotateX(-10deg); |
|
586 transform: perspective(400px) rotateX(-10deg); |
|
587 } |
|
588 70% { |
|
589 -webkit-transform: perspective(400px) rotateX(10deg); |
|
590 -ms-transform: perspective(400px) rotateX(10deg); |
|
591 transform: perspective(400px) rotateX(10deg); |
|
592 } |
|
593 100% { |
|
594 -webkit-transform: perspective(400px) rotateX(0deg); |
|
595 -ms-transform: perspective(400px) rotateX(0deg); |
|
596 transform: perspective(400px) rotateX(0deg); |
|
597 opacity: 1; |
|
598 } |
|
599 } |
|
600 @-webkit-keyframes flipOutX { |
|
601 0% { |
|
602 -webkit-transform: perspective(400px) rotateX(0deg); |
|
603 opacity: 1; |
|
604 } |
|
605 100% { |
|
606 -webkit-transform: perspective(400px) rotateX(90deg); |
|
607 opacity: 0; |
|
608 } |
|
609 } |
|
610 @keyframes flipOutX { |
|
611 0% { |
|
612 -webkit-transform: perspective(400px) rotateX(0deg); |
|
613 -ms-transform: perspective(400px) rotateX(0deg); |
|
614 transform: perspective(400px) rotateX(0deg); |
|
615 opacity: 1; |
|
616 } |
|
617 100% { |
|
618 -webkit-transform: perspective(400px) rotateX(90deg); |
|
619 -ms-transform: perspective(400px) rotateX(90deg); |
|
620 transform: perspective(400px) rotateX(90deg); |
|
621 opacity: 0; |
|
622 } |
|
623 } |
|
624 @-webkit-keyframes flipInY { |
|
625 0% { |
|
626 -webkit-transform: perspective(400px) rotateY(90deg); |
|
627 opacity: 0; |
|
628 } |
|
629 40% { |
|
630 -webkit-transform: perspective(400px) rotateY(-10deg); |
|
631 } |
|
632 70% { |
|
633 -webkit-transform: perspective(400px) rotateY(10deg); |
|
634 } |
|
635 100% { |
|
636 -webkit-transform: perspective(400px) rotateY(0deg); |
|
637 opacity: 1; |
|
638 } |
|
639 } |
|
640 @keyframes flipInY { |
|
641 0% { |
|
642 -webkit-transform: perspective(400px) rotateY(90deg); |
|
643 -ms-transform: perspective(400px) rotateY(90deg); |
|
644 transform: perspective(400px) rotateY(90deg); |
|
645 opacity: 0; |
|
646 } |
|
647 40% { |
|
648 -webkit-transform: perspective(400px) rotateY(-10deg); |
|
649 -ms-transform: perspective(400px) rotateY(-10deg); |
|
650 transform: perspective(400px) rotateY(-10deg); |
|
651 } |
|
652 70% { |
|
653 -webkit-transform: perspective(400px) rotateY(10deg); |
|
654 -ms-transform: perspective(400px) rotateY(10deg); |
|
655 transform: perspective(400px) rotateY(10deg); |
|
656 } |
|
657 100% { |
|
658 -webkit-transform: perspective(400px) rotateY(0deg); |
|
659 -ms-transform: perspective(400px) rotateY(0deg); |
|
660 transform: perspective(400px) rotateY(0deg); |
|
661 opacity: 1; |
|
662 } |
|
663 } |
|
664 @-webkit-keyframes flipOutY { |
|
665 0% { |
|
666 -webkit-transform: perspective(400px) rotateY(0deg); |
|
667 opacity: 1; |
|
668 } |
|
669 100% { |
|
670 -webkit-transform: perspective(400px) rotateY(90deg); |
|
671 opacity: 0; |
|
672 } |
|
673 } |
|
674 @keyframes flipOutY { |
|
675 0% { |
|
676 -webkit-transform: perspective(400px) rotateY(0deg); |
|
677 -ms-transform: perspective(400px) rotateY(0deg); |
|
678 transform: perspective(400px) rotateY(0deg); |
|
679 opacity: 1; |
|
680 } |
|
681 100% { |
|
682 -webkit-transform: perspective(400px) rotateY(90deg); |
|
683 -ms-transform: perspective(400px) rotateY(90deg); |
|
684 transform: perspective(400px) rotateY(90deg); |
|
685 opacity: 0; |
|
686 } |
|
687 } |
|
688 @-webkit-keyframes fadeIn { |
|
689 0% { |
|
690 opacity: 0; |
|
691 } |
|
692 100% { |
|
693 opacity: 1; |
|
694 } |
|
695 } |
|
696 @keyframes fadeIn { |
|
697 0% { |
|
698 opacity: 0; |
|
699 } |
|
700 100% { |
|
701 opacity: 1; |
|
702 } |
|
703 } |
|
704 @-webkit-keyframes fadeInUp { |
|
705 0% { |
|
706 opacity: 0; |
|
707 -webkit-transform: translateY(20px); |
|
708 } |
|
709 100% { |
|
710 opacity: 1; |
|
711 -webkit-transform: translateY(0); |
|
712 } |
|
713 } |
|
714 @keyframes fadeInUp { |
|
715 0% { |
|
716 opacity: 0; |
|
717 -webkit-transform: translateY(20px); |
|
718 -ms-transform: translateY(20px); |
|
719 transform: translateY(20px); |
|
720 } |
|
721 100% { |
|
722 opacity: 1; |
|
723 -webkit-transform: translateY(0); |
|
724 -ms-transform: translateY(0); |
|
725 transform: translateY(0); |
|
726 } |
|
727 } |
|
728 @-webkit-keyframes fadeInDown { |
|
729 0% { |
|
730 opacity: 0; |
|
731 -webkit-transform: translateY(-20px); |
|
732 } |
|
733 100% { |
|
734 opacity: 1; |
|
735 -webkit-transform: translateY(0); |
|
736 } |
|
737 } |
|
738 @keyframes fadeInDown { |
|
739 0% { |
|
740 opacity: 0; |
|
741 -webkit-transform: translateY(-20px); |
|
742 -ms-transform: translateY(-20px); |
|
743 transform: translateY(-20px); |
|
744 } |
|
745 100% { |
|
746 opacity: 1; |
|
747 -webkit-transform: translateY(0); |
|
748 -ms-transform: translateY(0); |
|
749 transform: translateY(0); |
|
750 } |
|
751 } |
|
752 @-webkit-keyframes fadeInLeft { |
|
753 0% { |
|
754 opacity: 0; |
|
755 -webkit-transform: translateX(-20px); |
|
756 } |
|
757 100% { |
|
758 opacity: 1; |
|
759 -webkit-transform: translateX(0); |
|
760 } |
|
761 } |
|
762 @keyframes fadeInLeft { |
|
763 0% { |
|
764 opacity: 0; |
|
765 -webkit-transform: translateX(-20px); |
|
766 -ms-transform: translateX(-20px); |
|
767 transform: translateX(-20px); |
|
768 } |
|
769 100% { |
|
770 opacity: 1; |
|
771 -webkit-transform: translateX(0); |
|
772 -ms-transform: translateX(0); |
|
773 transform: translateX(0); |
|
774 } |
|
775 } |
|
776 @-webkit-keyframes fadeInRight { |
|
777 0% { |
|
778 opacity: 0; |
|
779 -webkit-transform: translateX(20px); |
|
780 } |
|
781 100% { |
|
782 opacity: 1; |
|
783 -webkit-transform: translateX(0); |
|
784 } |
|
785 } |
|
786 @keyframes fadeInRight { |
|
787 0% { |
|
788 opacity: 0; |
|
789 -webkit-transform: translateX(20px); |
|
790 -ms-transform: translateX(20px); |
|
791 transform: translateX(20px); |
|
792 } |
|
793 100% { |
|
794 opacity: 1; |
|
795 -webkit-transform: translateX(0); |
|
796 -ms-transform: translateX(0); |
|
797 transform: translateX(0); |
|
798 } |
|
799 } |
|
800 @-webkit-keyframes fadeInUpBig { |
|
801 0% { |
|
802 opacity: 0; |
|
803 -webkit-transform: translateY(2000px); |
|
804 } |
|
805 100% { |
|
806 opacity: 1; |
|
807 -webkit-transform: translateY(0); |
|
808 } |
|
809 } |
|
810 @keyframes fadeInUpBig { |
|
811 0% { |
|
812 opacity: 0; |
|
813 -webkit-transform: translateY(2000px); |
|
814 -ms-transform: translateY(2000px); |
|
815 transform: translateY(2000px); |
|
816 } |
|
817 100% { |
|
818 opacity: 1; |
|
819 -webkit-transform: translateY(0); |
|
820 -ms-transform: translateY(0); |
|
821 transform: translateY(0); |
|
822 } |
|
823 } |
|
824 @-webkit-keyframes fadeInDownBig { |
|
825 0% { |
|
826 opacity: 0; |
|
827 -webkit-transform: translateY(-2000px); |
|
828 } |
|
829 100% { |
|
830 opacity: 1; |
|
831 -webkit-transform: translateY(0); |
|
832 } |
|
833 } |
|
834 @keyframes fadeInDownBig { |
|
835 0% { |
|
836 opacity: 0; |
|
837 -webkit-transform: translateY(-2000px); |
|
838 -ms-transform: translateY(-2000px); |
|
839 transform: translateY(-2000px); |
|
840 } |
|
841 100% { |
|
842 opacity: 1; |
|
843 -webkit-transform: translateY(0); |
|
844 -ms-transform: translateY(0); |
|
845 transform: translateY(0); |
|
846 } |
|
847 } |
|
848 @-webkit-keyframes fadeInLeftBig { |
|
849 0% { |
|
850 opacity: 0; |
|
851 -webkit-transform: translateX(-2000px); |
|
852 } |
|
853 100% { |
|
854 opacity: 1; |
|
855 -webkit-transform: translateX(0); |
|
856 } |
|
857 } |
|
858 @keyframes fadeInLeftBig { |
|
859 0% { |
|
860 opacity: 0; |
|
861 -webkit-transform: translateX(-2000px); |
|
862 -ms-transform: translateX(-2000px); |
|
863 transform: translateX(-2000px); |
|
864 } |
|
865 100% { |
|
866 opacity: 1; |
|
867 -webkit-transform: translateX(0); |
|
868 -ms-transform: translateX(0); |
|
869 transform: translateX(0); |
|
870 } |
|
871 } |
|
872 @-webkit-keyframes fadeInRightBig { |
|
873 0% { |
|
874 opacity: 0; |
|
875 -webkit-transform: translateX(2000px); |
|
876 } |
|
877 100% { |
|
878 opacity: 1; |
|
879 -webkit-transform: translateX(0); |
|
880 } |
|
881 } |
|
882 @keyframes fadeInRightBig { |
|
883 0% { |
|
884 opacity: 0; |
|
885 -webkit-transform: translateX(2000px); |
|
886 -ms-transform: translateX(2000px); |
|
887 transform: translateX(2000px); |
|
888 } |
|
889 100% { |
|
890 opacity: 1; |
|
891 -webkit-transform: translateX(0); |
|
892 -ms-transform: translateX(0); |
|
893 transform: translateX(0); |
|
894 } |
|
895 } |
|
896 @-webkit-keyframes fadeOut { |
|
897 0% { |
|
898 opacity: 1; |
|
899 } |
|
900 100% { |
|
901 opacity: 0; |
|
902 } |
|
903 } |
|
904 @keyframes fadeOut { |
|
905 0% { |
|
906 opacity: 1; |
|
907 } |
|
908 100% { |
|
909 opacity: 0; |
|
910 } |
|
911 } |
|
912 @-webkit-keyframes fadeOutUp { |
|
913 0% { |
|
914 opacity: 1; |
|
915 -webkit-transform: translateY(0); |
|
916 } |
|
917 100% { |
|
918 opacity: 0; |
|
919 -webkit-transform: translateY(-20px); |
|
920 } |
|
921 } |
|
922 @keyframes fadeOutUp { |
|
923 0% { |
|
924 opacity: 1; |
|
925 -webkit-transform: translateY(0); |
|
926 -ms-transform: translateY(0); |
|
927 transform: translateY(0); |
|
928 } |
|
929 100% { |
|
930 opacity: 0; |
|
931 -webkit-transform: translateY(-20px); |
|
932 -ms-transform: translateY(-20px); |
|
933 transform: translateY(-20px); |
|
934 } |
|
935 } |
|
936 @-webkit-keyframes fadeOutDown { |
|
937 0% { |
|
938 opacity: 1; |
|
939 -webkit-transform: translateY(0); |
|
940 } |
|
941 100% { |
|
942 opacity: 0; |
|
943 -webkit-transform: translateY(20px); |
|
944 } |
|
945 } |
|
946 @keyframes fadeOutDown { |
|
947 0% { |
|
948 opacity: 1; |
|
949 -webkit-transform: translateY(0); |
|
950 -ms-transform: translateY(0); |
|
951 transform: translateY(0); |
|
952 } |
|
953 100% { |
|
954 opacity: 0; |
|
955 -webkit-transform: translateY(20px); |
|
956 -ms-transform: translateY(20px); |
|
957 transform: translateY(20px); |
|
958 } |
|
959 } |
|
960 @-webkit-keyframes fadeOutLeft { |
|
961 0% { |
|
962 opacity: 1; |
|
963 -webkit-transform: translateX(0); |
|
964 } |
|
965 100% { |
|
966 opacity: 0; |
|
967 -webkit-transform: translateX(-20px); |
|
968 } |
|
969 } |
|
970 @keyframes fadeOutLeft { |
|
971 0% { |
|
972 opacity: 1; |
|
973 -webkit-transform: translateX(0); |
|
974 -ms-transform: translateX(0); |
|
975 transform: translateX(0); |
|
976 } |
|
977 100% { |
|
978 opacity: 0; |
|
979 -webkit-transform: translateX(-20px); |
|
980 -ms-transform: translateX(-20px); |
|
981 transform: translateX(-20px); |
|
982 } |
|
983 } |
|
984 @-webkit-keyframes fadeOutRight { |
|
985 0% { |
|
986 opacity: 1; |
|
987 -webkit-transform: translateX(0); |
|
988 } |
|
989 100% { |
|
990 opacity: 0; |
|
991 -webkit-transform: translateX(20px); |
|
992 } |
|
993 } |
|
994 @keyframes fadeOutRight { |
|
995 0% { |
|
996 opacity: 1; |
|
997 -webkit-transform: translateX(0); |
|
998 -ms-transform: translateX(0); |
|
999 transform: translateX(0); |
|
1000 } |
|
1001 100% { |
|
1002 opacity: 0; |
|
1003 -webkit-transform: translateX(20px); |
|
1004 -ms-transform: translateX(20px); |
|
1005 transform: translateX(20px); |
|
1006 } |
|
1007 } |
|
1008 @-webkit-keyframes fadeOutUpBig { |
|
1009 0% { |
|
1010 opacity: 1; |
|
1011 -webkit-transform: translateY(0); |
|
1012 } |
|
1013 100% { |
|
1014 opacity: 0; |
|
1015 -webkit-transform: translateY(-2000px); |
|
1016 } |
|
1017 } |
|
1018 @keyframes fadeOutUpBig { |
|
1019 0% { |
|
1020 opacity: 1; |
|
1021 -webkit-transform: translateY(0); |
|
1022 -ms-transform: translateY(0); |
|
1023 transform: translateY(0); |
|
1024 } |
|
1025 100% { |
|
1026 opacity: 0; |
|
1027 -webkit-transform: translateY(-2000px); |
|
1028 -ms-transform: translateY(-2000px); |
|
1029 transform: translateY(-2000px); |
|
1030 } |
|
1031 } |
|
1032 @-webkit-keyframes fadeOutDownBig { |
|
1033 0% { |
|
1034 opacity: 1; |
|
1035 -webkit-transform: translateY(0); |
|
1036 } |
|
1037 100% { |
|
1038 opacity: 0; |
|
1039 -webkit-transform: translateY(2000px); |
|
1040 } |
|
1041 } |
|
1042 @keyframes fadeOutDownBig { |
|
1043 0% { |
|
1044 opacity: 1; |
|
1045 -webkit-transform: translateY(0); |
|
1046 -ms-transform: translateY(0); |
|
1047 transform: translateY(0); |
|
1048 } |
|
1049 100% { |
|
1050 opacity: 0; |
|
1051 -webkit-transform: translateY(2000px); |
|
1052 -ms-transform: translateY(2000px); |
|
1053 transform: translateY(2000px); |
|
1054 } |
|
1055 } |
|
1056 @-webkit-keyframes fadeOutLeftBig { |
|
1057 0% { |
|
1058 opacity: 1; |
|
1059 -webkit-transform: translateX(0); |
|
1060 } |
|
1061 100% { |
|
1062 opacity: 0; |
|
1063 -webkit-transform: translateX(-2000px); |
|
1064 } |
|
1065 } |
|
1066 @keyframes fadeOutLeftBig { |
|
1067 0% { |
|
1068 opacity: 1; |
|
1069 -webkit-transform: translateX(0); |
|
1070 -ms-transform: translateX(0); |
|
1071 transform: translateX(0); |
|
1072 } |
|
1073 100% { |
|
1074 opacity: 0; |
|
1075 -webkit-transform: translateX(-2000px); |
|
1076 -ms-transform: translateX(-2000px); |
|
1077 transform: translateX(-2000px); |
|
1078 } |
|
1079 } |
|
1080 @-webkit-keyframes fadeOutRightBig { |
|
1081 0% { |
|
1082 opacity: 1; |
|
1083 -webkit-transform: translateX(0); |
|
1084 } |
|
1085 100% { |
|
1086 opacity: 0; |
|
1087 -webkit-transform: translateX(2000px); |
|
1088 } |
|
1089 } |
|
1090 @keyframes fadeOutRightBig { |
|
1091 0% { |
|
1092 opacity: 1; |
|
1093 -webkit-transform: translateX(0); |
|
1094 -ms-transform: translateX(0); |
|
1095 transform: translateX(0); |
|
1096 } |
|
1097 100% { |
|
1098 opacity: 0; |
|
1099 -webkit-transform: translateX(2000px); |
|
1100 -ms-transform: translateX(2000px); |
|
1101 transform: translateX(2000px); |
|
1102 } |
|
1103 } |
|
1104 @-webkit-keyframes bounceIn { |
|
1105 0% { |
|
1106 opacity: 0; |
|
1107 -webkit-transform: scale(0.3); |
|
1108 } |
|
1109 50% { |
|
1110 opacity: 1; |
|
1111 -webkit-transform: scale(1.05); |
|
1112 } |
|
1113 70% { |
|
1114 -webkit-transform: scale(0.9); |
|
1115 } |
|
1116 100% { |
|
1117 -webkit-transform: scale(1); |
|
1118 } |
|
1119 } |
|
1120 @keyframes bounceIn { |
|
1121 0% { |
|
1122 opacity: 0; |
|
1123 -webkit-transform: scale(0.3); |
|
1124 -ms-transform: scale(0.3); |
|
1125 transform: scale(0.3); |
|
1126 } |
|
1127 50% { |
|
1128 opacity: 1; |
|
1129 -webkit-transform: scale(1.05); |
|
1130 -ms-transform: scale(1.05); |
|
1131 transform: scale(1.05); |
|
1132 } |
|
1133 70% { |
|
1134 -webkit-transform: scale(0.9); |
|
1135 -ms-transform: scale(0.9); |
|
1136 transform: scale(0.9); |
|
1137 } |
|
1138 100% { |
|
1139 -webkit-transform: scale(1); |
|
1140 -ms-transform: scale(1); |
|
1141 transform: scale(1); |
|
1142 } |
|
1143 } |
|
1144 @-webkit-keyframes slideInDown { |
|
1145 0% { |
|
1146 opacity: 0; |
|
1147 -webkit-transform: translateY(-2000px); |
|
1148 } |
|
1149 100% { |
|
1150 -webkit-transform: translateY(0); |
|
1151 } |
|
1152 } |
|
1153 @keyframes slideInDown { |
|
1154 0% { |
|
1155 opacity: 0; |
|
1156 -webkit-transform: translateY(-2000px); |
|
1157 -ms-transform: translateY(-2000px); |
|
1158 transform: translateY(-2000px); |
|
1159 } |
|
1160 100% { |
|
1161 -webkit-transform: translateY(0); |
|
1162 -ms-transform: translateY(0); |
|
1163 transform: translateY(0); |
|
1164 } |
|
1165 } |
|
1166 @-webkit-keyframes slideInLeft { |
|
1167 0% { |
|
1168 opacity: 0; |
|
1169 -webkit-transform: translateX(-2000px); |
|
1170 } |
|
1171 100% { |
|
1172 -webkit-transform: translateX(0); |
|
1173 } |
|
1174 } |
|
1175 @keyframes slideInLeft { |
|
1176 0% { |
|
1177 opacity: 0; |
|
1178 -webkit-transform: translateX(-2000px); |
|
1179 -ms-transform: translateX(-2000px); |
|
1180 transform: translateX(-2000px); |
|
1181 } |
|
1182 100% { |
|
1183 -webkit-transform: translateX(0); |
|
1184 -ms-transform: translateX(0); |
|
1185 transform: translateX(0); |
|
1186 } |
|
1187 } |
|
1188 @-webkit-keyframes slideInRight { |
|
1189 0% { |
|
1190 opacity: 0; |
|
1191 -webkit-transform: translateX(2000px); |
|
1192 } |
|
1193 100% { |
|
1194 -webkit-transform: translateX(0); |
|
1195 } |
|
1196 } |
|
1197 @keyframes slideInRight { |
|
1198 0% { |
|
1199 opacity: 0; |
|
1200 -webkit-transform: translateX(2000px); |
|
1201 -ms-transform: translateX(2000px); |
|
1202 transform: translateX(2000px); |
|
1203 } |
|
1204 100% { |
|
1205 -webkit-transform: translateX(0); |
|
1206 -ms-transform: translateX(0); |
|
1207 transform: translateX(0); |
|
1208 } |
|
1209 } |
|
1210 @-webkit-keyframes slideOutLeft { |
|
1211 0% { |
|
1212 -webkit-transform: translateX(0); |
|
1213 } |
|
1214 100% { |
|
1215 opacity: 0; |
|
1216 -webkit-transform: translateX(-2000px); |
|
1217 } |
|
1218 } |
|
1219 @keyframes slideOutLeft { |
|
1220 0% { |
|
1221 -webkit-transform: translateX(0); |
|
1222 -ms-transform: translateX(0); |
|
1223 transform: translateX(0); |
|
1224 } |
|
1225 100% { |
|
1226 opacity: 0; |
|
1227 -webkit-transform: translateX(-2000px); |
|
1228 -ms-transform: translateX(-2000px); |
|
1229 transform: translateX(-2000px); |
|
1230 } |
|
1231 } |
|
1232 @-webkit-keyframes slideOutRight { |
|
1233 0% { |
|
1234 -webkit-transform: translateX(0); |
|
1235 } |
|
1236 100% { |
|
1237 opacity: 0; |
|
1238 -webkit-transform: translateX(2000px); |
|
1239 } |
|
1240 } |
|
1241 @keyframes slideOutRight { |
|
1242 0% { |
|
1243 -webkit-transform: translateX(0); |
|
1244 -ms-transform: translateX(0); |
|
1245 transform: translateX(0); |
|
1246 } |
|
1247 100% { |
|
1248 opacity: 0; |
|
1249 -webkit-transform: translateX(2000px); |
|
1250 -ms-transform: translateX(2000px); |
|
1251 transform: translateX(2000px); |
|
1252 } |
|
1253 } |
|
1254 @-webkit-keyframes slideOutUp { |
|
1255 0% { |
|
1256 -webkit-transform: translateY(0); |
|
1257 } |
|
1258 100% { |
|
1259 opacity: 0; |
|
1260 -webkit-transform: translateY(-2000px); |
|
1261 } |
|
1262 } |
|
1263 @keyframes slideOutUp { |
|
1264 0% { |
|
1265 -webkit-transform: translateY(0); |
|
1266 -ms-transform: translateY(0); |
|
1267 transform: translateY(0); |
|
1268 } |
|
1269 100% { |
|
1270 opacity: 0; |
|
1271 -webkit-transform: translateY(-2000px); |
|
1272 -ms-transform: translateY(-2000px); |
|
1273 transform: translateY(-2000px); |
|
1274 } |
|
1275 } |
|
1276 @-webkit-keyframes bounceInUp { |
|
1277 0% { |
|
1278 opacity: 0; |
|
1279 -webkit-transform: translateY(2000px); |
|
1280 } |
|
1281 60% { |
|
1282 opacity: 1; |
|
1283 -webkit-transform: translateY(-30px); |
|
1284 } |
|
1285 80% { |
|
1286 -webkit-transform: translateY(10px); |
|
1287 } |
|
1288 100% { |
|
1289 -webkit-transform: translateY(0); |
|
1290 } |
|
1291 } |
|
1292 @keyframes bounceInUp { |
|
1293 0% { |
|
1294 opacity: 0; |
|
1295 -webkit-transform: translateY(2000px); |
|
1296 -ms-transform: translateY(2000px); |
|
1297 transform: translateY(2000px); |
|
1298 } |
|
1299 60% { |
|
1300 opacity: 1; |
|
1301 -webkit-transform: translateY(-30px); |
|
1302 -ms-transform: translateY(-30px); |
|
1303 transform: translateY(-30px); |
|
1304 } |
|
1305 80% { |
|
1306 -webkit-transform: translateY(10px); |
|
1307 -ms-transform: translateY(10px); |
|
1308 transform: translateY(10px); |
|
1309 } |
|
1310 100% { |
|
1311 -webkit-transform: translateY(0); |
|
1312 -ms-transform: translateY(0); |
|
1313 transform: translateY(0); |
|
1314 } |
|
1315 } |
|
1316 @-webkit-keyframes bounceInDown { |
|
1317 0% { |
|
1318 opacity: 0; |
|
1319 -webkit-transform: translateY(-2000px); |
|
1320 } |
|
1321 60% { |
|
1322 opacity: 1; |
|
1323 -webkit-transform: translateY(30px); |
|
1324 } |
|
1325 80% { |
|
1326 -webkit-transform: translateY(-10px); |
|
1327 } |
|
1328 100% { |
|
1329 -webkit-transform: translateY(0); |
|
1330 } |
|
1331 } |
|
1332 @keyframes bounceInDown { |
|
1333 0% { |
|
1334 opacity: 0; |
|
1335 -webkit-transform: translateY(-2000px); |
|
1336 -ms-transform: translateY(-2000px); |
|
1337 transform: translateY(-2000px); |
|
1338 } |
|
1339 60% { |
|
1340 opacity: 1; |
|
1341 -webkit-transform: translateY(30px); |
|
1342 -ms-transform: translateY(30px); |
|
1343 transform: translateY(30px); |
|
1344 } |
|
1345 80% { |
|
1346 -webkit-transform: translateY(-10px); |
|
1347 -ms-transform: translateY(-10px); |
|
1348 transform: translateY(-10px); |
|
1349 } |
|
1350 100% { |
|
1351 -webkit-transform: translateY(0); |
|
1352 -ms-transform: translateY(0); |
|
1353 transform: translateY(0); |
|
1354 } |
|
1355 } |
|
1356 @-webkit-keyframes bounceInLeft { |
|
1357 0% { |
|
1358 opacity: 0; |
|
1359 -webkit-transform: translateX(-2000px); |
|
1360 } |
|
1361 60% { |
|
1362 opacity: 1; |
|
1363 -webkit-transform: translateX(30px); |
|
1364 } |
|
1365 80% { |
|
1366 -webkit-transform: translateX(-10px); |
|
1367 } |
|
1368 100% { |
|
1369 -webkit-transform: translateX(0); |
|
1370 } |
|
1371 } |
|
1372 @keyframes bounceInLeft { |
|
1373 0% { |
|
1374 opacity: 0; |
|
1375 -webkit-transform: translateX(-2000px); |
|
1376 -ms-transform: translateX(-2000px); |
|
1377 transform: translateX(-2000px); |
|
1378 } |
|
1379 60% { |
|
1380 opacity: 1; |
|
1381 -webkit-transform: translateX(30px); |
|
1382 -ms-transform: translateX(30px); |
|
1383 transform: translateX(30px); |
|
1384 } |
|
1385 80% { |
|
1386 -webkit-transform: translateX(-10px); |
|
1387 -ms-transform: translateX(-10px); |
|
1388 transform: translateX(-10px); |
|
1389 } |
|
1390 100% { |
|
1391 -webkit-transform: translateX(0); |
|
1392 -ms-transform: translateX(0); |
|
1393 transform: translateX(0); |
|
1394 } |
|
1395 } |
|
1396 @-webkit-keyframes bounceInRight { |
|
1397 0% { |
|
1398 opacity: 0; |
|
1399 -webkit-transform: translateX(2000px); |
|
1400 } |
|
1401 60% { |
|
1402 opacity: 1; |
|
1403 -webkit-transform: translateX(-30px); |
|
1404 } |
|
1405 80% { |
|
1406 -webkit-transform: translateX(10px); |
|
1407 } |
|
1408 100% { |
|
1409 -webkit-transform: translateX(0); |
|
1410 } |
|
1411 } |
|
1412 @keyframes bounceInRight { |
|
1413 0% { |
|
1414 opacity: 0; |
|
1415 -webkit-transform: translateX(2000px); |
|
1416 -ms-transform: translateX(2000px); |
|
1417 transform: translateX(2000px); |
|
1418 } |
|
1419 60% { |
|
1420 opacity: 1; |
|
1421 -webkit-transform: translateX(-30px); |
|
1422 -ms-transform: translateX(-30px); |
|
1423 transform: translateX(-30px); |
|
1424 } |
|
1425 80% { |
|
1426 -webkit-transform: translateX(10px); |
|
1427 -ms-transform: translateX(10px); |
|
1428 transform: translateX(10px); |
|
1429 } |
|
1430 100% { |
|
1431 -webkit-transform: translateX(0); |
|
1432 -ms-transform: translateX(0); |
|
1433 transform: translateX(0); |
|
1434 } |
|
1435 } |
|
1436 @-webkit-keyframes bounceOut { |
|
1437 0% { |
|
1438 -webkit-transform: scale(1); |
|
1439 } |
|
1440 25% { |
|
1441 -webkit-transform: scale(0.95); |
|
1442 } |
|
1443 50% { |
|
1444 opacity: 1; |
|
1445 -webkit-transform: scale(1.1); |
|
1446 } |
|
1447 100% { |
|
1448 opacity: 0; |
|
1449 -webkit-transform: scale(0.3); |
|
1450 } |
|
1451 } |
|
1452 @keyframes bounceOut { |
|
1453 0% { |
|
1454 -webkit-transform: scale(1); |
|
1455 -ms-transform: scale(1); |
|
1456 transform: scale(1); |
|
1457 } |
|
1458 25% { |
|
1459 -webkit-transform: scale(0.95); |
|
1460 -ms-transform: scale(0.95); |
|
1461 transform: scale(0.95); |
|
1462 } |
|
1463 50% { |
|
1464 opacity: 1; |
|
1465 -webkit-transform: scale(1.1); |
|
1466 -ms-transform: scale(1.1); |
|
1467 transform: scale(1.1); |
|
1468 } |
|
1469 100% { |
|
1470 opacity: 0; |
|
1471 -webkit-transform: scale(0.3); |
|
1472 -ms-transform: scale(0.3); |
|
1473 transform: scale(0.3); |
|
1474 } |
|
1475 } |
|
1476 @-webkit-keyframes bounceOutUp { |
|
1477 0% { |
|
1478 -webkit-transform: translateY(0); |
|
1479 } |
|
1480 20% { |
|
1481 opacity: 1; |
|
1482 -webkit-transform: translateY(20px); |
|
1483 } |
|
1484 100% { |
|
1485 opacity: 0; |
|
1486 -webkit-transform: translateY(-2000px); |
|
1487 } |
|
1488 } |
|
1489 @keyframes bounceOutUp { |
|
1490 0% { |
|
1491 -webkit-transform: translateY(0); |
|
1492 -ms-transform: translateY(0); |
|
1493 transform: translateY(0); |
|
1494 } |
|
1495 20% { |
|
1496 opacity: 1; |
|
1497 -webkit-transform: translateY(20px); |
|
1498 -ms-transform: translateY(20px); |
|
1499 transform: translateY(20px); |
|
1500 } |
|
1501 100% { |
|
1502 opacity: 0; |
|
1503 -webkit-transform: translateY(-2000px); |
|
1504 -ms-transform: translateY(-2000px); |
|
1505 transform: translateY(-2000px); |
|
1506 } |
|
1507 } |
|
1508 @-webkit-keyframes bounceOutDown { |
|
1509 0% { |
|
1510 -webkit-transform: translateY(0); |
|
1511 } |
|
1512 20% { |
|
1513 opacity: 1; |
|
1514 -webkit-transform: translateY(-20px); |
|
1515 } |
|
1516 100% { |
|
1517 opacity: 0; |
|
1518 -webkit-transform: translateY(2000px); |
|
1519 } |
|
1520 } |
|
1521 @keyframes bounceOutDown { |
|
1522 0% { |
|
1523 -webkit-transform: translateY(0); |
|
1524 -ms-transform: translateY(0); |
|
1525 transform: translateY(0); |
|
1526 } |
|
1527 20% { |
|
1528 opacity: 1; |
|
1529 -webkit-transform: translateY(-20px); |
|
1530 -ms-transform: translateY(-20px); |
|
1531 transform: translateY(-20px); |
|
1532 } |
|
1533 100% { |
|
1534 opacity: 0; |
|
1535 -webkit-transform: translateY(2000px); |
|
1536 -ms-transform: translateY(2000px); |
|
1537 transform: translateY(2000px); |
|
1538 } |
|
1539 } |
|
1540 @-webkit-keyframes bounceOutLeft { |
|
1541 0% { |
|
1542 -webkit-transform: translateX(0); |
|
1543 } |
|
1544 20% { |
|
1545 opacity: 1; |
|
1546 -webkit-transform: translateX(20px); |
|
1547 } |
|
1548 100% { |
|
1549 opacity: 0; |
|
1550 -webkit-transform: translateX(-2000px); |
|
1551 } |
|
1552 } |
|
1553 @keyframes bounceOutLeft { |
|
1554 0% { |
|
1555 -webkit-transform: translateX(0); |
|
1556 -ms-transform: translateX(0); |
|
1557 transform: translateX(0); |
|
1558 } |
|
1559 20% { |
|
1560 opacity: 1; |
|
1561 -webkit-transform: translateX(20px); |
|
1562 -ms-transform: translateX(20px); |
|
1563 transform: translateX(20px); |
|
1564 } |
|
1565 100% { |
|
1566 opacity: 0; |
|
1567 -webkit-transform: translateX(-2000px); |
|
1568 -ms-transform: translateX(-2000px); |
|
1569 transform: translateX(-2000px); |
|
1570 } |
|
1571 } |
|
1572 @-webkit-keyframes bounceOutRight { |
|
1573 0% { |
|
1574 -webkit-transform: translateX(0); |
|
1575 } |
|
1576 20% { |
|
1577 opacity: 1; |
|
1578 -webkit-transform: translateX(-20px); |
|
1579 } |
|
1580 100% { |
|
1581 opacity: 0; |
|
1582 -webkit-transform: translateX(2000px); |
|
1583 } |
|
1584 } |
|
1585 @keyframes bounceOutRight { |
|
1586 0% { |
|
1587 -webkit-transform: translateX(0); |
|
1588 -ms-transform: translateX(0); |
|
1589 transform: translateX(0); |
|
1590 } |
|
1591 20% { |
|
1592 opacity: 1; |
|
1593 -webkit-transform: translateX(-20px); |
|
1594 -ms-transform: translateX(-20px); |
|
1595 transform: translateX(-20px); |
|
1596 } |
|
1597 100% { |
|
1598 opacity: 0; |
|
1599 -webkit-transform: translateX(2000px); |
|
1600 -ms-transform: translateX(2000px); |
|
1601 transform: translateX(2000px); |
|
1602 } |
|
1603 } |
|
1604 @-webkit-keyframes rotateIn { |
|
1605 0% { |
|
1606 -webkit-transform-origin: center center; |
|
1607 -webkit-transform: rotate(-200deg); |
|
1608 opacity: 0; |
|
1609 } |
|
1610 100% { |
|
1611 -webkit-transform-origin: center center; |
|
1612 -webkit-transform: rotate(0); |
|
1613 opacity: 1; |
|
1614 } |
|
1615 } |
|
1616 @keyframes rotateIn { |
|
1617 0% { |
|
1618 -webkit-transform-origin: center center; |
|
1619 -ms-transform-origin: center center; |
|
1620 transform-origin: center center; |
|
1621 -webkit-transform: rotate(-200deg); |
|
1622 -ms-transform: rotate(-200deg); |
|
1623 transform: rotate(-200deg); |
|
1624 opacity: 0; |
|
1625 } |
|
1626 100% { |
|
1627 -webkit-transform-origin: center center; |
|
1628 -ms-transform-origin: center center; |
|
1629 transform-origin: center center; |
|
1630 -webkit-transform: rotate(0); |
|
1631 -ms-transform: rotate(0); |
|
1632 transform: rotate(0); |
|
1633 opacity: 1; |
|
1634 } |
|
1635 } |
|
1636 @-webkit-keyframes rotateInUpLeft { |
|
1637 0% { |
|
1638 -webkit-transform-origin: left bottom; |
|
1639 -webkit-transform: rotate(90deg); |
|
1640 opacity: 0; |
|
1641 } |
|
1642 100% { |
|
1643 -webkit-transform-origin: left bottom; |
|
1644 -webkit-transform: rotate(0); |
|
1645 opacity: 1; |
|
1646 } |
|
1647 } |
|
1648 @keyframes rotateInUpLeft { |
|
1649 0% { |
|
1650 -webkit-transform-origin: left bottom; |
|
1651 -ms-transform-origin: left bottom; |
|
1652 transform-origin: left bottom; |
|
1653 -webkit-transform: rotate(90deg); |
|
1654 -ms-transform: rotate(90deg); |
|
1655 transform: rotate(90deg); |
|
1656 opacity: 0; |
|
1657 } |
|
1658 100% { |
|
1659 -webkit-transform-origin: left bottom; |
|
1660 -ms-transform-origin: left bottom; |
|
1661 transform-origin: left bottom; |
|
1662 -webkit-transform: rotate(0); |
|
1663 -ms-transform: rotate(0); |
|
1664 transform: rotate(0); |
|
1665 opacity: 1; |
|
1666 } |
|
1667 } |
|
1668 @-webkit-keyframes rotateInDownLeft { |
|
1669 0% { |
|
1670 -webkit-transform-origin: left bottom; |
|
1671 -webkit-transform: rotate(-90deg); |
|
1672 opacity: 0; |
|
1673 } |
|
1674 100% { |
|
1675 -webkit-transform-origin: left bottom; |
|
1676 -webkit-transform: rotate(0); |
|
1677 opacity: 1; |
|
1678 } |
|
1679 } |
|
1680 @keyframes rotateInDownLeft { |
|
1681 0% { |
|
1682 -webkit-transform-origin: left bottom; |
|
1683 -ms-transform-origin: left bottom; |
|
1684 transform-origin: left bottom; |
|
1685 -webkit-transform: rotate(-90deg); |
|
1686 -ms-transform: rotate(-90deg); |
|
1687 transform: rotate(-90deg); |
|
1688 opacity: 0; |
|
1689 } |
|
1690 100% { |
|
1691 -webkit-transform-origin: left bottom; |
|
1692 -ms-transform-origin: left bottom; |
|
1693 transform-origin: left bottom; |
|
1694 -webkit-transform: rotate(0); |
|
1695 -ms-transform: rotate(0); |
|
1696 transform: rotate(0); |
|
1697 opacity: 1; |
|
1698 } |
|
1699 } |
|
1700 @-webkit-keyframes rotateInUpRight { |
|
1701 0% { |
|
1702 -webkit-transform-origin: right bottom; |
|
1703 -webkit-transform: rotate(-90deg); |
|
1704 opacity: 0; |
|
1705 } |
|
1706 100% { |
|
1707 -webkit-transform-origin: right bottom; |
|
1708 -webkit-transform: rotate(0); |
|
1709 opacity: 1; |
|
1710 } |
|
1711 } |
|
1712 @keyframes rotateInUpRight { |
|
1713 0% { |
|
1714 -webkit-transform-origin: right bottom; |
|
1715 -ms-transform-origin: right bottom; |
|
1716 transform-origin: right bottom; |
|
1717 -webkit-transform: rotate(-90deg); |
|
1718 -ms-transform: rotate(-90deg); |
|
1719 transform: rotate(-90deg); |
|
1720 opacity: 0; |
|
1721 } |
|
1722 100% { |
|
1723 -webkit-transform-origin: right bottom; |
|
1724 -ms-transform-origin: right bottom; |
|
1725 transform-origin: right bottom; |
|
1726 -webkit-transform: rotate(0); |
|
1727 -ms-transform: rotate(0); |
|
1728 transform: rotate(0); |
|
1729 opacity: 1; |
|
1730 } |
|
1731 } |
|
1732 @-webkit-keyframes rotateInDownRight { |
|
1733 0% { |
|
1734 -webkit-transform-origin: right bottom; |
|
1735 -webkit-transform: rotate(90deg); |
|
1736 opacity: 0; |
|
1737 } |
|
1738 100% { |
|
1739 -webkit-transform-origin: right bottom; |
|
1740 -webkit-transform: rotate(0); |
|
1741 opacity: 1; |
|
1742 } |
|
1743 } |
|
1744 @keyframes rotateInDownRight { |
|
1745 0% { |
|
1746 -webkit-transform-origin: right bottom; |
|
1747 -ms-transform-origin: right bottom; |
|
1748 transform-origin: right bottom; |
|
1749 -webkit-transform: rotate(90deg); |
|
1750 -ms-transform: rotate(90deg); |
|
1751 transform: rotate(90deg); |
|
1752 opacity: 0; |
|
1753 } |
|
1754 100% { |
|
1755 -webkit-transform-origin: right bottom; |
|
1756 -ms-transform-origin: right bottom; |
|
1757 transform-origin: right bottom; |
|
1758 -webkit-transform: rotate(0); |
|
1759 -ms-transform: rotate(0); |
|
1760 transform: rotate(0); |
|
1761 opacity: 1; |
|
1762 } |
|
1763 } |
|
1764 @-webkit-keyframes rotateOut { |
|
1765 0% { |
|
1766 -webkit-transform-origin: center center; |
|
1767 -webkit-transform: rotate(0); |
|
1768 opacity: 1; |
|
1769 } |
|
1770 100% { |
|
1771 -webkit-transform-origin: center center; |
|
1772 -webkit-transform: rotate(200deg); |
|
1773 opacity: 0; |
|
1774 } |
|
1775 } |
|
1776 @keyframes rotateOut { |
|
1777 0% { |
|
1778 -webkit-transform-origin: center center; |
|
1779 -ms-transform-origin: center center; |
|
1780 transform-origin: center center; |
|
1781 -webkit-transform: rotate(0); |
|
1782 -ms-transform: rotate(0); |
|
1783 transform: rotate(0); |
|
1784 opacity: 1; |
|
1785 } |
|
1786 100% { |
|
1787 -webkit-transform-origin: center center; |
|
1788 -ms-transform-origin: center center; |
|
1789 transform-origin: center center; |
|
1790 -webkit-transform: rotate(200deg); |
|
1791 -ms-transform: rotate(200deg); |
|
1792 transform: rotate(200deg); |
|
1793 opacity: 0; |
|
1794 } |
|
1795 } |
|
1796 @-webkit-keyframes rotateOutUpLeft { |
|
1797 0% { |
|
1798 -webkit-transform-origin: left bottom; |
|
1799 -webkit-transform: rotate(0); |
|
1800 opacity: 1; |
|
1801 } |
|
1802 100% { |
|
1803 -webkit-transform-origin: left bottom; |
|
1804 -webkit-transform: rotate(-90deg); |
|
1805 opacity: 0; |
|
1806 } |
|
1807 } |
|
1808 @keyframes rotateOutUpLeft { |
|
1809 0% { |
|
1810 -webkit-transform-origin: left bottom; |
|
1811 -ms-transform-origin: left bottom; |
|
1812 transform-origin: left bottom; |
|
1813 -webkit-transform: rotate(0); |
|
1814 -ms-transform: rotate(0); |
|
1815 transform: rotate(0); |
|
1816 opacity: 1; |
|
1817 } |
|
1818 100% { |
|
1819 -webkit-transform-origin: left bottom; |
|
1820 -ms-transform-origin: left bottom; |
|
1821 transform-origin: left bottom; |
|
1822 -webkit-transform: rotate(-90deg); |
|
1823 -ms-transform: rotate(-90deg); |
|
1824 transform: rotate(-90deg); |
|
1825 opacity: 0; |
|
1826 } |
|
1827 } |
|
1828 @-webkit-keyframes rotateOutDownLeft { |
|
1829 0% { |
|
1830 -webkit-transform-origin: left bottom; |
|
1831 -webkit-transform: rotate(0); |
|
1832 opacity: 1; |
|
1833 } |
|
1834 100% { |
|
1835 -webkit-transform-origin: left bottom; |
|
1836 -webkit-transform: rotate(90deg); |
|
1837 opacity: 0; |
|
1838 } |
|
1839 } |
|
1840 @keyframes rotateOutDownLeft { |
|
1841 0% { |
|
1842 -webkit-transform-origin: left bottom; |
|
1843 -ms-transform-origin: left bottom; |
|
1844 transform-origin: left bottom; |
|
1845 -webkit-transform: rotate(0); |
|
1846 -ms-transform: rotate(0); |
|
1847 transform: rotate(0); |
|
1848 opacity: 1; |
|
1849 } |
|
1850 100% { |
|
1851 -webkit-transform-origin: left bottom; |
|
1852 -ms-transform-origin: left bottom; |
|
1853 transform-origin: left bottom; |
|
1854 -webkit-transform: rotate(90deg); |
|
1855 -ms-transform: rotate(90deg); |
|
1856 transform: rotate(90deg); |
|
1857 opacity: 0; |
|
1858 } |
|
1859 } |
|
1860 @-webkit-keyframes rotateOutUpRight { |
|
1861 0% { |
|
1862 -webkit-transform-origin: right bottom; |
|
1863 -webkit-transform: rotate(0); |
|
1864 opacity: 1; |
|
1865 } |
|
1866 100% { |
|
1867 -webkit-transform-origin: right bottom; |
|
1868 -webkit-transform: rotate(90deg); |
|
1869 opacity: 0; |
|
1870 } |
|
1871 } |
|
1872 @keyframes rotateOutUpRight { |
|
1873 0% { |
|
1874 -webkit-transform-origin: right bottom; |
|
1875 -ms-transform-origin: right bottom; |
|
1876 transform-origin: right bottom; |
|
1877 -webkit-transform: rotate(0); |
|
1878 -ms-transform: rotate(0); |
|
1879 transform: rotate(0); |
|
1880 opacity: 1; |
|
1881 } |
|
1882 100% { |
|
1883 -webkit-transform-origin: right bottom; |
|
1884 -ms-transform-origin: right bottom; |
|
1885 transform-origin: right bottom; |
|
1886 -webkit-transform: rotate(90deg); |
|
1887 -ms-transform: rotate(90deg); |
|
1888 transform: rotate(90deg); |
|
1889 opacity: 0; |
|
1890 } |
|
1891 } |
|
1892 @-webkit-keyframes rotateOutDownRight { |
|
1893 0% { |
|
1894 -webkit-transform-origin: right bottom; |
|
1895 -webkit-transform: rotate(0); |
|
1896 opacity: 1; |
|
1897 } |
|
1898 100% { |
|
1899 -webkit-transform-origin: right bottom; |
|
1900 -webkit-transform: rotate(-90deg); |
|
1901 opacity: 0; |
|
1902 } |
|
1903 } |
|
1904 @keyframes rotateOutDownRight { |
|
1905 0% { |
|
1906 -webkit-transform-origin: right bottom; |
|
1907 -ms-transform-origin: right bottom; |
|
1908 transform-origin: right bottom; |
|
1909 -webkit-transform: rotate(0); |
|
1910 -ms-transform: rotate(0); |
|
1911 transform: rotate(0); |
|
1912 opacity: 1; |
|
1913 } |
|
1914 100% { |
|
1915 -webkit-transform-origin: right bottom; |
|
1916 -ms-transform-origin: right bottom; |
|
1917 transform-origin: right bottom; |
|
1918 -webkit-transform: rotate(-90deg); |
|
1919 -ms-transform: rotate(-90deg); |
|
1920 transform: rotate(-90deg); |
|
1921 opacity: 0; |
|
1922 } |
|
1923 } |
|
1924 @-webkit-keyframes hinge { |
|
1925 0% { |
|
1926 -webkit-transform: rotate(0); |
|
1927 -webkit-transform-origin: top left; |
|
1928 -webkit-animation-timing-function: ease-in-out; |
|
1929 } |
|
1930 20%, |
|
1931 60% { |
|
1932 -webkit-transform: rotate(80deg); |
|
1933 -webkit-transform-origin: top left; |
|
1934 -webkit-animation-timing-function: ease-in-out; |
|
1935 } |
|
1936 40% { |
|
1937 -webkit-transform: rotate(60deg); |
|
1938 -webkit-transform-origin: top left; |
|
1939 -webkit-animation-timing-function: ease-in-out; |
|
1940 } |
|
1941 80% { |
|
1942 -webkit-transform: rotate(60deg) translateY(0); |
|
1943 opacity: 1; |
|
1944 -webkit-transform-origin: top left; |
|
1945 -webkit-animation-timing-function: ease-in-out; |
|
1946 } |
|
1947 100% { |
|
1948 -webkit-transform: translateY(700px); |
|
1949 opacity: 0; |
|
1950 } |
|
1951 } |
|
1952 @keyframes hinge { |
|
1953 0% { |
|
1954 -webkit-transform: rotate(0); |
|
1955 -ms-transform: rotate(0); |
|
1956 transform: rotate(0); |
|
1957 -webkit-transform-origin: top left; |
|
1958 -ms-transform-origin: top left; |
|
1959 transform-origin: top left; |
|
1960 -webkit-animation-timing-function: ease-in-out; |
|
1961 animation-timing-function: ease-in-out; |
|
1962 } |
|
1963 20%, |
|
1964 60% { |
|
1965 -webkit-transform: rotate(80deg); |
|
1966 -ms-transform: rotate(80deg); |
|
1967 transform: rotate(80deg); |
|
1968 -webkit-transform-origin: top left; |
|
1969 -ms-transform-origin: top left; |
|
1970 transform-origin: top left; |
|
1971 -webkit-animation-timing-function: ease-in-out; |
|
1972 animation-timing-function: ease-in-out; |
|
1973 } |
|
1974 40% { |
|
1975 -webkit-transform: rotate(60deg); |
|
1976 -ms-transform: rotate(60deg); |
|
1977 transform: rotate(60deg); |
|
1978 -webkit-transform-origin: top left; |
|
1979 -ms-transform-origin: top left; |
|
1980 transform-origin: top left; |
|
1981 -webkit-animation-timing-function: ease-in-out; |
|
1982 animation-timing-function: ease-in-out; |
|
1983 } |
|
1984 80% { |
|
1985 -webkit-transform: rotate(60deg) translateY(0); |
|
1986 -ms-transform: rotate(60deg) translateY(0); |
|
1987 transform: rotate(60deg) translateY(0); |
|
1988 opacity: 1; |
|
1989 -webkit-transform-origin: top left; |
|
1990 -ms-transform-origin: top left; |
|
1991 transform-origin: top left; |
|
1992 -webkit-animation-timing-function: ease-in-out; |
|
1993 animation-timing-function: ease-in-out; |
|
1994 } |
|
1995 100% { |
|
1996 -webkit-transform: translateY(700px); |
|
1997 -ms-transform: translateY(700px); |
|
1998 transform: translateY(700px); |
|
1999 opacity: 0; |
|
2000 } |
|
2001 } |
|
2002 @-webkit-keyframes rollIn { |
|
2003 0% { |
|
2004 opacity: 0; |
|
2005 -webkit-transform: translateX(-100%) rotate(-120deg); |
|
2006 } |
|
2007 100% { |
|
2008 opacity: 1; |
|
2009 -webkit-transform: translateX(0) rotate(0deg); |
|
2010 } |
|
2011 } |
|
2012 @keyframes rollIn { |
|
2013 0% { |
|
2014 opacity: 0; |
|
2015 -webkit-transform: translateX(-100%) rotate(-120deg); |
|
2016 -ms-transform: translateX(-100%) rotate(-120deg); |
|
2017 transform: translateX(-100%) rotate(-120deg); |
|
2018 } |
|
2019 100% { |
|
2020 opacity: 1; |
|
2021 -webkit-transform: translateX(0) rotate(0deg); |
|
2022 -ms-transform: translateX(0) rotate(0deg); |
|
2023 transform: translateX(0) rotate(0deg); |
|
2024 } |
|
2025 } |
|
2026 @-webkit-keyframes rollOut { |
|
2027 0% { |
|
2028 opacity: 1; |
|
2029 -webkit-transform: translateX(0) rotate(0deg); |
|
2030 } |
|
2031 100% { |
|
2032 opacity: 0; |
|
2033 -webkit-transform: translateX(100%) rotate(120deg); |
|
2034 } |
|
2035 } |
|
2036 @keyframes rollOut { |
|
2037 0% { |
|
2038 opacity: 1; |
|
2039 -webkit-transform: translateX(0) rotate(0deg); |
|
2040 -ms-transform: translateX(0) rotate(0deg); |
|
2041 transform: translateX(0) rotate(0deg); |
|
2042 } |
|
2043 100% { |
|
2044 opacity: 0; |
|
2045 -webkit-transform: translateX(100%) rotate(120deg); |
|
2046 -ms-transform: translateX(100%) rotate(120deg); |
|
2047 transform: translateX(100%) rotate(120deg); |
|
2048 } |
|
2049 } |
|
2050 @-webkit-keyframes lightSpeedIn { |
|
2051 0% { |
|
2052 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2053 opacity: 0; |
|
2054 } |
|
2055 60% { |
|
2056 -webkit-transform: translateX(-20%) skewX(30deg); |
|
2057 opacity: 1; |
|
2058 } |
|
2059 80% { |
|
2060 -webkit-transform: translateX(0) skewX(-15deg); |
|
2061 opacity: 1; |
|
2062 } |
|
2063 100% { |
|
2064 -webkit-transform: translateX(0) skewX(0deg); |
|
2065 opacity: 1; |
|
2066 } |
|
2067 } |
|
2068 @keyframes lightSpeedIn { |
|
2069 0% { |
|
2070 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2071 -ms-transform: translateX(100%) skewX(-30deg); |
|
2072 transform: translateX(100%) skewX(-30deg); |
|
2073 opacity: 0; |
|
2074 } |
|
2075 60% { |
|
2076 -webkit-transform: translateX(-20%) skewX(30deg); |
|
2077 -ms-transform: translateX(-20%) skewX(30deg); |
|
2078 transform: translateX(-20%) skewX(30deg); |
|
2079 opacity: 1; |
|
2080 } |
|
2081 80% { |
|
2082 -webkit-transform: translateX(0) skewX(-15deg); |
|
2083 -ms-transform: translateX(0) skewX(-15deg); |
|
2084 transform: translateX(0) skewX(-15deg); |
|
2085 opacity: 1; |
|
2086 } |
|
2087 100% { |
|
2088 -webkit-transform: translateX(0) skewX(0deg); |
|
2089 -ms-transform: translateX(0) skewX(0deg); |
|
2090 transform: translateX(0) skewX(0deg); |
|
2091 opacity: 1; |
|
2092 } |
|
2093 } |
|
2094 @-webkit-keyframes lightSpeedOut { |
|
2095 0% { |
|
2096 -webkit-transform: translateX(0) skewX(0deg); |
|
2097 opacity: 1; |
|
2098 } |
|
2099 100% { |
|
2100 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2101 opacity: 0; |
|
2102 } |
|
2103 } |
|
2104 @keyframes lightSpeedOut { |
|
2105 0% { |
|
2106 -webkit-transform: translateX(0) skewX(0deg); |
|
2107 -ms-transform: translateX(0) skewX(0deg); |
|
2108 transform: translateX(0) skewX(0deg); |
|
2109 opacity: 1; |
|
2110 } |
|
2111 100% { |
|
2112 -webkit-transform: translateX(100%) skewX(-30deg); |
|
2113 -ms-transform: translateX(100%) skewX(-30deg); |
|
2114 transform: translateX(100%) skewX(-30deg); |
|
2115 opacity: 0; |
|
2116 } |
|
2117 } |
|
2118 @-webkit-keyframes spin { |
|
2119 0% { |
|
2120 -webkit-transform: rotate(0deg); |
|
2121 } |
|
2122 100% { |
|
2123 -webkit-transform: rotate(359deg); |
|
2124 } |
|
2125 } |
|
2126 @-ms-keyframes spin { |
|
2127 0% { |
|
2128 -ms-transform: rotate(0deg); |
|
2129 } |
|
2130 100% { |
|
2131 -ms-transform: rotate(359deg); |
|
2132 } |
|
2133 } |
|
2134 @keyframes spin { |
|
2135 0% { |
|
2136 -webkit-transform: rotate(0deg); |
|
2137 -ms-transform: rotate(0deg); |
|
2138 transform: rotate(0deg); |
|
2139 } |
|
2140 100% { |
|
2141 -webkit-transform: rotate(359deg); |
|
2142 -ms-transform: rotate(359deg); |
|
2143 transform: rotate(359deg); |
|
2144 } |
|
2145 } |
|
2146 @-webkit-keyframes loading { |
|
2147 0% { |
|
2148 background-position: 0 -400px; |
|
2149 } |
|
2150 100% { |
|
2151 background-position: -7px -400px; |
|
2152 } |
|
2153 } |
|
2154 @-ms-keyframes loading { |
|
2155 0% { |
|
2156 background-position: 0 -400px; |
|
2157 } |
|
2158 100% { |
|
2159 background-position: -7px -400px; |
|
2160 } |
|
2161 } |
|
2162 @keyframes loading { |
|
2163 0% { |
|
2164 background-position: 0 -400px; |
|
2165 } |
|
2166 100% { |
|
2167 background-position: -7px -400px; |
|
2168 } |
|
2169 } |
|
2170 @-webkit-keyframes progress-bar-stripes { |
|
2171 from { |
|
2172 background-position: 40px 0; |
|
2173 } |
|
2174 to { |
|
2175 background-position: 0 0; |
|
2176 } |
|
2177 } |
|
2178 @keyframes progress-bar-stripes { |
|
2179 from { |
|
2180 background-position: 40px 0; |
|
2181 } |
|
2182 to { |
|
2183 background-position: 0 0; |
|
2184 } |
|
2185 } |
|
2186 @-webkit-keyframes pace-spinner { |
|
2187 0% { |
|
2188 -webkit-transform: rotate(0deg); |
|
2189 transform: rotate(0deg); |
|
2190 } |
|
2191 100% { |
|
2192 -webkit-transform: rotate(360deg); |
|
2193 transform: rotate(360deg); |
|
2194 } |
|
2195 } |
|
2196 @-ms-keyframes pace-spinner { |
|
2197 0% { |
|
2198 -ms-transform: rotate(0deg); |
|
2199 transform: rotate(0deg); |
|
2200 } |
|
2201 100% { |
|
2202 -ms-transform: rotate(360deg); |
|
2203 transform: rotate(360deg); |
|
2204 } |
|
2205 } |
|
2206 @keyframes pace-spinner { |
|
2207 0% { |
|
2208 -webkit-transform: rotate(0deg); |
|
2209 -ms-transform: rotate(0deg); |
|
2210 transform: rotate(0deg); |
|
2211 } |
|
2212 100% { |
|
2213 -webkit-transform: rotate(360deg); |
|
2214 -ms-transform: rotate(360deg); |
|
2215 transform: rotate(360deg); |
|
2216 } |
|
2217 } |
|
2218 .animated { |
|
2219 -webkit-animation-duration: 1s; |
|
2220 animation-duration: 1s; |
|
2221 -webkit-animation-fill-mode: both; |
|
2222 animation-fill-mode: both; |
|
2223 } |
|
2224 .animated.fast { |
|
2225 -webkit-animation-duration: .4s; |
|
2226 -ms-animation-duration: .4s; |
|
2227 animation-duration: .4s; |
|
2228 } |
|
2229 .animated.hinge { |
|
2230 -webkit-animation-duration: 2s; |
|
2231 animation-duration: 2s; |
|
2232 } |
|
2233 .animated.flash { |
|
2234 -webkit-animation-name: flash; |
|
2235 animation-name: flash; |
|
2236 } |
|
2237 .animated.shake { |
|
2238 -webkit-animation-name: shake; |
|
2239 animation-name: shake; |
|
2240 } |
|
2241 .animated.bounce { |
|
2242 -webkit-animation-name: bounce; |
|
2243 animation-name: bounce; |
|
2244 } |
|
2245 .animated.tada { |
|
2246 -webkit-animation-name: tada; |
|
2247 animation-name: tada; |
|
2248 } |
|
2249 .animated.swing { |
|
2250 -webkit-transform-origin: top center; |
|
2251 -ms-transform-origin: top center; |
|
2252 transform-origin: top center; |
|
2253 -webkit-animation-name: swing; |
|
2254 animation-name: swing; |
|
2255 } |
|
2256 .animated.wobble { |
|
2257 -webkit-animation-name: wobble; |
|
2258 animation-name: wobble; |
|
2259 } |
|
2260 .animated.pulse { |
|
2261 -webkit-animation-name: pulse; |
|
2262 animation-name: pulse; |
|
2263 } |
|
2264 .animated.flip { |
|
2265 -webkit-backface-visibility: visible!important; |
|
2266 -webkit-animation-name: flip; |
|
2267 -ms-backface-visibility: visible!important; |
|
2268 backface-visibility: visible!important; |
|
2269 animation-name: flip; |
|
2270 } |
|
2271 .animated.flipInX { |
|
2272 -webkit-backface-visibility: visible!important; |
|
2273 -webkit-animation-name: flipInX; |
|
2274 -ms-backface-visibility: visible!important; |
|
2275 backface-visibility: visible!important; |
|
2276 animation-name: flipInX; |
|
2277 } |
|
2278 .animated.flipOutX { |
|
2279 -webkit-animation-name: flipOutX; |
|
2280 -webkit-backface-visibility: visible!important; |
|
2281 animation-name: flipOutX; |
|
2282 -ms-backface-visibility: visible!important; |
|
2283 backface-visibility: visible!important; |
|
2284 } |
|
2285 .animated.flipInY { |
|
2286 -webkit-backface-visibility: visible!important; |
|
2287 -webkit-animation-name: flipInY; |
|
2288 -ms-backface-visibility: visible!important; |
|
2289 backface-visibility: visible!important; |
|
2290 animation-name: flipInY; |
|
2291 } |
|
2292 .animated.flipOutY { |
|
2293 -webkit-backface-visibility: visible!important; |
|
2294 -webkit-animation-name: flipOutY; |
|
2295 -ms-backface-visibility: visible!important; |
|
2296 backface-visibility: visible!important; |
|
2297 animation-name: flipOutY; |
|
2298 } |
|
2299 .animated.fadeIn { |
|
2300 -webkit-animation-name: fadeIn; |
|
2301 animation-name: fadeIn; |
|
2302 } |
|
2303 .animated.fadeInUp { |
|
2304 -webkit-animation-name: fadeInUp; |
|
2305 animation-name: fadeInUp; |
|
2306 } |
|
2307 .animated.fadeInDown { |
|
2308 -webkit-animation-name: fadeInDown; |
|
2309 animation-name: fadeInDown; |
|
2310 } |
|
2311 .animated.fadeInLeft { |
|
2312 -webkit-animation-name: fadeInLeft; |
|
2313 animation-name: fadeInLeft; |
|
2314 } |
|
2315 .animated.fadeInRight { |
|
2316 -webkit-animation-name: fadeInRight; |
|
2317 animation-name: fadeInRight; |
|
2318 } |
|
2319 .animated.fadeInUpBig { |
|
2320 -webkit-animation-name: fadeInUpBig; |
|
2321 animation-name: fadeInUpBig; |
|
2322 } |
|
2323 .animated.fadeInDownBig { |
|
2324 -webkit-animation-name: fadeInDownBig; |
|
2325 animation-name: fadeInDownBig; |
|
2326 } |
|
2327 .animated.fadeInLeftBig { |
|
2328 -webkit-animation-name: fadeInLeftBig; |
|
2329 animation-name: fadeInLeftBig; |
|
2330 } |
|
2331 .animated.fadeInRightBig { |
|
2332 -webkit-animation-name: fadeInRightBig; |
|
2333 animation-name: fadeInRightBig; |
|
2334 } |
|
2335 .animated.fadeOut { |
|
2336 -webkit-animation-name: fadeOut; |
|
2337 animation-name: fadeOut; |
|
2338 } |
|
2339 .animated.fadeOutUp { |
|
2340 -webkit-animation-name: fadeOutUp; |
|
2341 animation-name: fadeOutUp; |
|
2342 } |
|
2343 .animated.fadeOutDown { |
|
2344 -webkit-animation-name: fadeOutDown; |
|
2345 animation-name: fadeOutDown; |
|
2346 } |
|
2347 .animated.fadeOutLeft { |
|
2348 -webkit-animation-name: fadeOutLeft; |
|
2349 animation-name: fadeOutLeft; |
|
2350 } |
|
2351 .animated.fadeOutRight { |
|
2352 -webkit-animation-name: fadeOutRight; |
|
2353 animation-name: fadeOutRight; |
|
2354 } |
|
2355 .animated.fadeOutUpBig { |
|
2356 -webkit-animation-name: fadeOutUpBig; |
|
2357 animation-name: fadeOutUpBig; |
|
2358 } |
|
2359 .animated.fadeOutDownBig { |
|
2360 -webkit-animation-name: fadeOutDownBig; |
|
2361 animation-name: fadeOutDownBig; |
|
2362 } |
|
2363 .animated.fadeOutLeftBig { |
|
2364 -webkit-animation-name: fadeOutLeftBig; |
|
2365 animation-name: fadeOutLeftBig; |
|
2366 } |
|
2367 .animated.fadeOutRightBig { |
|
2368 -webkit-animation-name: fadeOutRightBig; |
|
2369 animation-name: fadeOutRightBig; |
|
2370 } |
|
2371 .animated.bounceIn { |
|
2372 -webkit-animation-name: bounceIn; |
|
2373 animation-name: bounceIn; |
|
2374 } |
|
2375 .animated.slideInDown { |
|
2376 -webkit-animation-name: slideInDown; |
|
2377 animation-name: slideInDown; |
|
2378 } |
|
2379 .animated.slideInLeft { |
|
2380 -webkit-animation-name: slideInLeft; |
|
2381 animation-name: slideInLeft; |
|
2382 } |
|
2383 .animated.slideInRight { |
|
2384 -webkit-animation-name: slideInRight; |
|
2385 animation-name: slideInRight; |
|
2386 } |
|
2387 .animated.slideOutLeft { |
|
2388 -webkit-animation-name: slideOutLeft; |
|
2389 animation-name: slideOutLeft; |
|
2390 } |
|
2391 .animated.slideOutRight { |
|
2392 -webkit-animation-name: slideOutRight; |
|
2393 animation-name: slideOutRight; |
|
2394 } |
|
2395 .animated.slideOutUp { |
|
2396 -webkit-animation-name: slideOutUp; |
|
2397 animation-name: slideOutUp; |
|
2398 } |
|
2399 .animated.bounceInUp { |
|
2400 -webkit-animation-name: bounceInUp; |
|
2401 animation-name: bounceInUp; |
|
2402 } |
|
2403 .animated.bounceInDown { |
|
2404 -webkit-animation-name: bounceInDown; |
|
2405 animation-name: bounceInDown; |
|
2406 } |
|
2407 .animated.bounceInLeft { |
|
2408 -webkit-animation-name: bounceInLeft; |
|
2409 animation-name: bounceInLeft; |
|
2410 } |
|
2411 .animated.bounceInRight { |
|
2412 -webkit-animation-name: bounceInRight; |
|
2413 animation-name: bounceInRight; |
|
2414 } |
|
2415 .animated.bounceOut { |
|
2416 -webkit-animation-name: bounceOut; |
|
2417 animation-name: bounceOut; |
|
2418 } |
|
2419 .animated.bounceOutUp { |
|
2420 -webkit-animation-name: bounceOutUp; |
|
2421 animation-name: bounceOutUp; |
|
2422 } |
|
2423 .animated.bounceOutDown { |
|
2424 -webkit-animation-name: bounceOutDown; |
|
2425 animation-name: bounceOutDown; |
|
2426 } |
|
2427 .animated.bounceOutLeft { |
|
2428 -webkit-animation-name: bounceOutLeft; |
|
2429 animation-name: bounceOutLeft; |
|
2430 } |
|
2431 .animated.bounceOutRight { |
|
2432 -webkit-animation-name: bounceOutRight; |
|
2433 animation-name: bounceOutRight; |
|
2434 } |
|
2435 .animated.rotateIn { |
|
2436 -webkit-animation-name: rotateIn; |
|
2437 animation-name: rotateIn; |
|
2438 } |
|
2439 .animated.rotateInUpLeft { |
|
2440 -webkit-animation-name: rotateInUpLeft; |
|
2441 animation-name: rotateInUpLeft; |
|
2442 } |
|
2443 .animated.rotateInDownLeft { |
|
2444 -webkit-animation-name: rotateInDownLeft; |
|
2445 animation-name: rotateInDownLeft; |
|
2446 } |
|
2447 .animated.rotateInUpRight { |
|
2448 -webkit-animation-name: rotateInUpRight; |
|
2449 animation-name: rotateInUpRight; |
|
2450 } |
|
2451 .animated.rotateInDownRight { |
|
2452 -webkit-animation-name: rotateInDownRight; |
|
2453 animation-name: rotateInDownRight; |
|
2454 } |
|
2455 .animated.rotateOut { |
|
2456 -webkit-animation-name: rotateOut; |
|
2457 animation-name: rotateOut; |
|
2458 } |
|
2459 .animated.rotateOutUpLeft { |
|
2460 -webkit-animation-name: rotateOutUpLeft; |
|
2461 animation-name: rotateOutUpLeft; |
|
2462 } |
|
2463 .animated.rotateOutDownLeft { |
|
2464 -webkit-animation-name: rotateOutDownLeft; |
|
2465 animation-name: rotateOutDownLeft; |
|
2466 } |
|
2467 .animated.rotateOutUpRight { |
|
2468 -webkit-animation-name: rotateOutUpRight; |
|
2469 animation-name: rotateOutUpRight; |
|
2470 } |
|
2471 .animated.rotateOutDownRight { |
|
2472 -webkit-animation-name: rotateOutDownRight; |
|
2473 animation-name: rotateOutDownRight; |
|
2474 } |
|
2475 .animated.rollIn { |
|
2476 -webkit-animation-name: rollIn; |
|
2477 animation-name: rollIn; |
|
2478 } |
|
2479 .animated.rollOut { |
|
2480 -webkit-animation-name: rollOut; |
|
2481 animation-name: rollOut; |
|
2482 } |
|
2483 .animated.lightSpeedIn { |
|
2484 -webkit-animation-name: lightSpeedIn; |
|
2485 animation-name: lightSpeedIn; |
|
2486 -webkit-animation-timing-function: ease-out; |
|
2487 animation-timing-function: ease-out; |
|
2488 -webkit-animation-duration: .5s; |
|
2489 animation-duration: .5s; |
|
2490 } |
|
2491 .animated.lightSpeedOut { |
|
2492 -webkit-animation-name: lightSpeedOut; |
|
2493 animation-name: lightSpeedOut; |
|
2494 -webkit-animation-timing-function: ease-in; |
|
2495 animation-timing-function: ease-in; |
|
2496 -webkit-animation-duration: .25s; |
|
2497 animation-duration: .25s; |
|
2498 } |
|
2499 .animated.fade { |
|
2500 opacity: 0; |
|
2501 -webkit-transition: opacity .15s linear; |
|
2502 transition: opacity .15s linear; |
|
2503 } |
|
2504 [class*=" bg-"], |
|
2505 [class^=bg-] { |
|
2506 -webkit-filter: none!important; |
|
2507 filter: none!important; |
|
2508 } |
|
2509 /* |
|
2510 * Icons styles |
|
2511 */ |
|
2512 .svg-container svg { |
|
2513 filter: drop-shadow(1px 1px 2px black); |
|
2514 } |
|
2515 svg { |
|
2516 max-width: 100%; |
|
2517 max-height: 100%; |
|
2518 } |
|
2519 .leaflet-pane svg { |
|
2520 /** Custom rule to handle Leaflet SVG */ |
|
2521 max-width: initial; |
|
2522 max-height: initial; |
|
2523 } |
|
2524 .square { |
|
2525 display: block; |
|
2526 float: left; |
|
2527 margin-right: 10px; |
|
2528 height: 20px; |
|
2529 width: 20px; |
|
2530 } |
|
2531 .fa-stack-1em { |
|
2532 width: 1em!important; |
|
2533 height: 1em!important; |
|
2534 line-height: 1em!important; |
|
2535 } |
|
2536 .icon-color-good { |
|
2537 color: #40ac2b; |
|
2538 } |
|
2539 .icon-color-bad { |
|
2540 color: #ed1c24; |
|
2541 } |
|
2542 .percent-sign:after { |
|
2543 content: " %"; |
|
2544 line-height: normal; |
|
2545 } |
|
2546 .degree-sign:after { |
|
2547 content: " °F"; |
|
2548 line-height: normal; |
|
2549 } |
|
2550 .ui-state-default .ui-icon[class*=" icon-"] { |
|
2551 background: 0 0; |
|
2552 margin-left: -12px; |
|
2553 } |
|
2554 .ui-icon-carat-1-n { |
|
2555 background-position: 0 0; |
|
2556 } |
|
2557 .ui-icon-carat-1-ne { |
|
2558 background-position: -16px 0; |
|
2559 } |
|
2560 .ui-icon-carat-1-e { |
|
2561 background-position: -32px 0; |
|
2562 } |
|
2563 .ui-icon-carat-1-e:before { |
|
2564 content: "\f105"; |
|
2565 font-family: FontAwesome; |
|
2566 font-size: 14px; |
|
2567 display: inline; |
|
2568 } |
|
2569 .ui-icon-carat-1-se { |
|
2570 background-position: -48px 0; |
|
2571 } |
|
2572 .ui-icon-carat-1-s { |
|
2573 background-position: -64px 0; |
|
2574 } |
|
2575 .ui-icon-carat-1-sw { |
|
2576 background-position: -80px 0; |
|
2577 } |
|
2578 .ui-icon-carat-1-w { |
|
2579 background-position: -96px 0; |
|
2580 } |
|
2581 .ui-icon-carat-1-nw { |
|
2582 background-position: -112px 0; |
|
2583 } |
|
2584 .ui-icon-carat-2-n-s { |
|
2585 background-position: -128px 0; |
|
2586 } |
|
2587 .ui-icon-carat-2-e-w { |
|
2588 background-position: -144px 0; |
|
2589 } |
|
2590 .ui-icon-triangle-1-n { |
|
2591 background-position: 0 -16px; |
|
2592 } |
|
2593 .ui-icon-triangle-1-ne { |
|
2594 background-position: -16px -16px; |
|
2595 } |
|
2596 .ui-icon-triangle-1-e { |
|
2597 background-position: -32px -16px; |
|
2598 } |
|
2599 .ui-icon-triangle-1-se { |
|
2600 background-position: -48px -16px; |
|
2601 } |
|
2602 .ui-icon-triangle-1-s { |
|
2603 background-position: -64px -16px; |
|
2604 } |
|
2605 .ui-icon-triangle-1-sw { |
|
2606 background-position: -80px -16px; |
|
2607 } |
|
2608 .ui-icon-triangle-1-w { |
|
2609 background-position: -96px -16px; |
|
2610 } |
|
2611 .ui-icon-triangle-1-nw { |
|
2612 background-position: -112px -16px; |
|
2613 } |
|
2614 .ui-icon-triangle-2-n-s { |
|
2615 background-position: -128px -16px; |
|
2616 } |
|
2617 .ui-icon-triangle-2-e-w { |
|
2618 background-position: -144px -16px; |
|
2619 } |
|
2620 .ui-icon-arrow-1-n { |
|
2621 background-position: 0 -32px; |
|
2622 } |
|
2623 .ui-icon-arrow-1-ne { |
|
2624 background-position: -16px -32px; |
|
2625 } |
|
2626 .ui-icon-arrow-1-e { |
|
2627 background-position: -32px -32px; |
|
2628 } |
|
2629 .ui-icon-arrow-1-se { |
|
2630 background-position: -48px -32px; |
|
2631 } |
|
2632 .ui-icon-arrow-1-s { |
|
2633 background-position: -64px -32px; |
|
2634 } |
|
2635 .ui-icon-arrow-1-sw { |
|
2636 background-position: -80px -32px; |
|
2637 } |
|
2638 .ui-icon-arrow-1-w { |
|
2639 background-position: -96px -32px; |
|
2640 } |
|
2641 .ui-icon-arrow-1-nw { |
|
2642 background-position: -112px -32px; |
|
2643 } |
|
2644 .ui-icon-arrow-2-n-s { |
|
2645 background-position: -128px -32px; |
|
2646 } |
|
2647 .ui-icon-arrow-2-ne-sw { |
|
2648 background-position: -144px -32px; |
|
2649 } |
|
2650 .ui-icon-arrow-2-e-w { |
|
2651 background-position: -160px -32px; |
|
2652 } |
|
2653 .ui-icon-arrow-2-se-nw { |
|
2654 background-position: -176px -32px; |
|
2655 } |
|
2656 .ui-icon-arrowstop-1-n { |
|
2657 background-position: -192px -32px; |
|
2658 } |
|
2659 .ui-icon-arrowstop-1-e { |
|
2660 background-position: -208px -32px; |
|
2661 } |
|
2662 .ui-icon-arrowstop-1-s { |
|
2663 background-position: -224px -32px; |
|
2664 } |
|
2665 .ui-icon-arrowstop-1-w { |
|
2666 background-position: -240px -32px; |
|
2667 } |
|
2668 .ui-icon-arrowthick-1-n { |
|
2669 background-position: 0 -48px; |
|
2670 } |
|
2671 .ui-icon-arrowthick-1-ne { |
|
2672 background-position: -16px -48px; |
|
2673 } |
|
2674 .ui-icon-arrowthick-1-e { |
|
2675 background-position: -32px -48px; |
|
2676 } |
|
2677 .ui-icon-arrowthick-1-se { |
|
2678 background-position: -48px -48px; |
|
2679 } |
|
2680 .ui-icon-arrowthick-1-s { |
|
2681 background-position: -64px -48px; |
|
2682 } |
|
2683 .ui-icon-arrowthick-1-sw { |
|
2684 background-position: -80px -48px; |
|
2685 } |
|
2686 .ui-icon-arrowthick-1-w { |
|
2687 background-position: -96px -48px; |
|
2688 } |
|
2689 .ui-icon-arrowthick-1-nw { |
|
2690 background-position: -112px -48px; |
|
2691 } |
|
2692 .ui-icon-arrowthick-2-n-s { |
|
2693 background-position: -128px -48px; |
|
2694 } |
|
2695 .ui-icon-arrowthick-2-ne-sw { |
|
2696 background-position: -144px -48px; |
|
2697 } |
|
2698 .ui-icon-arrowthick-2-e-w { |
|
2699 background-position: -160px -48px; |
|
2700 } |
|
2701 .ui-icon-arrowthick-2-se-nw { |
|
2702 background-position: -176px -48px; |
|
2703 } |
|
2704 .ui-icon-arrowthickstop-1-n { |
|
2705 background-position: -192px -48px; |
|
2706 } |
|
2707 .ui-icon-arrowthickstop-1-e { |
|
2708 background-position: -208px -48px; |
|
2709 } |
|
2710 .ui-icon-arrowthickstop-1-s { |
|
2711 background-position: -224px -48px; |
|
2712 } |
|
2713 .ui-icon-arrowthickstop-1-w { |
|
2714 background-position: -240px -48px; |
|
2715 } |
|
2716 .ui-icon-arrowreturnthick-1-w { |
|
2717 background-position: 0 -64px; |
|
2718 } |
|
2719 .ui-icon-arrowreturnthick-1-n { |
|
2720 background-position: -16px -64px; |
|
2721 } |
|
2722 .ui-icon-arrowreturnthick-1-e { |
|
2723 background-position: -32px -64px; |
|
2724 } |
|
2725 .ui-icon-arrowreturnthick-1-s { |
|
2726 background-position: -48px -64px; |
|
2727 } |
|
2728 .ui-icon-arrowreturn-1-w { |
|
2729 background-position: -64px -64px; |
|
2730 } |
|
2731 .ui-icon-arrowreturn-1-n { |
|
2732 background-position: -80px -64px; |
|
2733 } |
|
2734 .ui-icon-arrowreturn-1-e { |
|
2735 background-position: -96px -64px; |
|
2736 } |
|
2737 .ui-icon-arrowreturn-1-s { |
|
2738 background-position: -112px -64px; |
|
2739 } |
|
2740 .ui-icon-arrowrefresh-1-w { |
|
2741 background-position: -128px -64px; |
|
2742 } |
|
2743 .ui-icon-arrowrefresh-1-n { |
|
2744 background-position: -144px -64px; |
|
2745 } |
|
2746 .ui-icon-arrowrefresh-1-e { |
|
2747 background-position: -160px -64px; |
|
2748 } |
|
2749 .ui-icon-arrowrefresh-1-s { |
|
2750 background-position: -176px -64px; |
|
2751 } |
|
2752 .ui-icon-arrow-4 { |
|
2753 background-position: 0 -80px; |
|
2754 } |
|
2755 .ui-icon-arrow-4-diag { |
|
2756 background-position: -16px -80px; |
|
2757 } |
|
2758 .ui-icon-extlink { |
|
2759 background-position: -32px -80px; |
|
2760 } |
|
2761 .ui-icon-newwin { |
|
2762 background-position: -48px -80px; |
|
2763 } |
|
2764 .ui-icon-refresh { |
|
2765 background-position: -64px -80px; |
|
2766 } |
|
2767 .ui-icon-shuffle { |
|
2768 background-position: -80px -80px; |
|
2769 } |
|
2770 .ui-icon-transfer-e-w { |
|
2771 background-position: -96px -80px; |
|
2772 } |
|
2773 .ui-icon-transferthick-e-w { |
|
2774 background-position: -112px -80px; |
|
2775 } |
|
2776 .ui-icon-folder-collapsed { |
|
2777 background-position: 0 -96px; |
|
2778 } |
|
2779 .ui-icon-folder-open { |
|
2780 background-position: -16px -96px; |
|
2781 } |
|
2782 .ui-icon-document { |
|
2783 background-position: -32px -96px; |
|
2784 } |
|
2785 .ui-icon-document-b { |
|
2786 background-position: -48px -96px; |
|
2787 } |
|
2788 .ui-icon-note { |
|
2789 background-position: -64px -96px; |
|
2790 } |
|
2791 .ui-icon-mail-closed { |
|
2792 background-position: -80px -96px; |
|
2793 } |
|
2794 .ui-icon-mail-open { |
|
2795 background-position: -96px -96px; |
|
2796 } |
|
2797 .ui-icon-suitcase { |
|
2798 background-position: -112px -96px; |
|
2799 } |
|
2800 .ui-icon-comment { |
|
2801 background-position: -128px -96px; |
|
2802 } |
|
2803 .ui-icon-person { |
|
2804 background-position: -144px -96px; |
|
2805 } |
|
2806 .ui-icon-print { |
|
2807 background-position: -160px -96px; |
|
2808 } |
|
2809 .ui-icon-trash { |
|
2810 background-position: -176px -96px; |
|
2811 } |
|
2812 .ui-icon-locked { |
|
2813 background-position: -192px -96px; |
|
2814 } |
|
2815 .ui-icon-unlocked { |
|
2816 background-position: -208px -96px; |
|
2817 } |
|
2818 .ui-icon-bookmark { |
|
2819 background-position: -224px -96px; |
|
2820 } |
|
2821 .ui-icon-tag { |
|
2822 background-position: -240px -96px; |
|
2823 } |
|
2824 .ui-icon-home { |
|
2825 background-position: 0 -112px; |
|
2826 } |
|
2827 .ui-icon-flag { |
|
2828 background-position: -16px -112px; |
|
2829 } |
|
2830 .ui-icon-calendar { |
|
2831 background-position: -32px -112px; |
|
2832 } |
|
2833 .ui-icon-cart { |
|
2834 background-position: -48px -112px; |
|
2835 } |
|
2836 .ui-icon-pencil { |
|
2837 background-position: -64px -112px; |
|
2838 } |
|
2839 .ui-icon-clock { |
|
2840 background-position: -80px -112px; |
|
2841 } |
|
2842 .ui-icon-disk { |
|
2843 background-position: -96px -112px; |
|
2844 } |
|
2845 .ui-icon-calculator { |
|
2846 background-position: -112px -112px; |
|
2847 } |
|
2848 .ui-icon-zoomin { |
|
2849 background-position: -128px -112px; |
|
2850 } |
|
2851 .ui-icon-zoomout { |
|
2852 background-position: -144px -112px; |
|
2853 } |
|
2854 .ui-icon-search { |
|
2855 background-position: -160px -112px; |
|
2856 } |
|
2857 .ui-icon-wrench { |
|
2858 background-position: -176px -112px; |
|
2859 } |
|
2860 .ui-icon-gear { |
|
2861 background-position: -192px -112px; |
|
2862 } |
|
2863 .ui-icon-heart { |
|
2864 background-position: -208px -112px; |
|
2865 } |
|
2866 .ui-icon-star { |
|
2867 background-position: -224px -112px; |
|
2868 } |
|
2869 .ui-icon-link { |
|
2870 background-position: -240px -112px; |
|
2871 } |
|
2872 .ui-icon-cancel { |
|
2873 background-position: 0 -128px; |
|
2874 } |
|
2875 .ui-icon-plus { |
|
2876 background-position: -16px -128px; |
|
2877 } |
|
2878 .ui-icon-plusthick { |
|
2879 background-position: -32px -128px; |
|
2880 } |
|
2881 .ui-icon-minus { |
|
2882 background-position: -48px -128px; |
|
2883 } |
|
2884 .ui-icon-minusthick { |
|
2885 background-position: -64px -128px; |
|
2886 } |
|
2887 .ui-icon-close { |
|
2888 background-position: -80px -128px; |
|
2889 } |
|
2890 .ui-icon-closethick { |
|
2891 background-position: -96px -128px; |
|
2892 } |
|
2893 .ui-icon-key { |
|
2894 background-position: -112px -128px; |
|
2895 } |
|
2896 .ui-icon-lightbulb { |
|
2897 background-position: -128px -128px; |
|
2898 } |
|
2899 .ui-icon-scissors { |
|
2900 background-position: -144px -128px; |
|
2901 } |
|
2902 .ui-icon-clipboard { |
|
2903 background-position: -160px -128px; |
|
2904 } |
|
2905 .ui-icon-copy { |
|
2906 background-position: -176px -128px; |
|
2907 } |
|
2908 .ui-icon-contact { |
|
2909 background-position: -192px -128px; |
|
2910 } |
|
2911 .ui-icon-image { |
|
2912 background-position: -208px -128px; |
|
2913 } |
|
2914 .ui-icon-video { |
|
2915 background-position: -224px -128px; |
|
2916 } |
|
2917 .ui-icon-script { |
|
2918 background-position: -240px -128px; |
|
2919 } |
|
2920 .ui-icon-alert { |
|
2921 background-position: 0 -144px; |
|
2922 } |
|
2923 .ui-icon-info { |
|
2924 background-position: -16px -144px; |
|
2925 } |
|
2926 .ui-icon-notice { |
|
2927 background-position: -32px -144px; |
|
2928 } |
|
2929 .ui-icon-help { |
|
2930 background-position: -48px -144px; |
|
2931 } |
|
2932 .ui-icon-check { |
|
2933 background-position: -64px -144px; |
|
2934 } |
|
2935 .ui-icon-bullet { |
|
2936 background-position: -80px -144px; |
|
2937 } |
|
2938 .ui-icon-radio-on { |
|
2939 background-position: -96px -144px; |
|
2940 } |
|
2941 .ui-icon-radio-off { |
|
2942 background-position: -112px -144px; |
|
2943 } |
|
2944 .ui-icon-pin-w { |
|
2945 background-position: -128px -144px; |
|
2946 } |
|
2947 .ui-icon-pin-s { |
|
2948 background-position: -144px -144px; |
|
2949 } |
|
2950 .ui-icon-play { |
|
2951 background-position: 0 -160px; |
|
2952 } |
|
2953 .ui-icon-pause { |
|
2954 background-position: -16px -160px; |
|
2955 } |
|
2956 .ui-icon-seek-next { |
|
2957 background-position: -32px -160px; |
|
2958 } |
|
2959 .ui-icon-seek-prev { |
|
2960 background-position: -48px -160px; |
|
2961 } |
|
2962 .ui-icon-seek-end { |
|
2963 background-position: -64px -160px; |
|
2964 } |
|
2965 .ui-icon-seek-first, |
|
2966 .ui-icon-seek-start { |
|
2967 background-position: -80px -160px; |
|
2968 } |
|
2969 .ui-icon-stop { |
|
2970 background-position: -96px -160px; |
|
2971 } |
|
2972 .ui-icon-eject { |
|
2973 background-position: -112px -160px; |
|
2974 } |
|
2975 .ui-icon-volume-off { |
|
2976 background-position: -128px -160px; |
|
2977 } |
|
2978 .ui-icon-volume-on { |
|
2979 background-position: -144px -160px; |
|
2980 } |
|
2981 .ui-icon-power { |
|
2982 background-position: 0 -176px; |
|
2983 } |
|
2984 .ui-icon-signal-diag { |
|
2985 background-position: -16px -176px; |
|
2986 } |
|
2987 .ui-icon-signal { |
|
2988 background-position: -32px -176px; |
|
2989 } |
|
2990 .ui-icon-battery-0 { |
|
2991 background-position: -48px -176px; |
|
2992 } |
|
2993 .ui-icon-battery-1 { |
|
2994 background-position: -64px -176px; |
|
2995 } |
|
2996 .ui-icon-battery-2 { |
|
2997 background-position: -80px -176px; |
|
2998 } |
|
2999 .ui-icon-battery-3 { |
|
3000 background-position: -96px -176px; |
|
3001 } |
|
3002 .ui-icon-circle-plus { |
|
3003 background-position: 0 -192px; |
|
3004 } |
|
3005 .ui-icon-circle-minus { |
|
3006 background-position: -16px -192px; |
|
3007 } |
|
3008 .ui-icon-circle-close { |
|
3009 background-position: -32px -192px; |
|
3010 } |
|
3011 .ui-icon-circle-triangle-e { |
|
3012 background-position: -48px -192px; |
|
3013 } |
|
3014 .ui-icon-circle-triangle-s { |
|
3015 background-position: -64px -192px; |
|
3016 } |
|
3017 .ui-icon-circle-triangle-w { |
|
3018 background-position: -80px -192px; |
|
3019 } |
|
3020 .ui-icon-circle-triangle-n { |
|
3021 background-position: -96px -192px; |
|
3022 } |
|
3023 .ui-icon-circle-arrow-e { |
|
3024 background-position: -112px -192px; |
|
3025 } |
|
3026 .ui-icon-circle-arrow-s { |
|
3027 background-position: -128px -192px; |
|
3028 } |
|
3029 .ui-icon-circle-arrow-w { |
|
3030 background-position: -144px -192px; |
|
3031 } |
|
3032 .ui-icon-circle-arrow-n { |
|
3033 background-position: -160px -192px; |
|
3034 } |
|
3035 .ui-icon-circle-zoomin { |
|
3036 background-position: -176px -192px; |
|
3037 } |
|
3038 .ui-icon-circle-zoomout { |
|
3039 background-position: -192px -192px; |
|
3040 } |
|
3041 .ui-icon-circle-check { |
|
3042 background-position: -208px -192px; |
|
3043 } |
|
3044 .ui-icon-circlesmall-plus { |
|
3045 background-position: 0 -208px; |
|
3046 } |
|
3047 .ui-icon-circlesmall-minus { |
|
3048 background-position: -16px -208px; |
|
3049 } |
|
3050 .ui-icon-circlesmall-close { |
|
3051 background-position: -32px -208px; |
|
3052 } |
|
3053 .ui-icon-squaresmall-plus { |
|
3054 background-position: -48px -208px; |
|
3055 } |
|
3056 .ui-icon-squaresmall-minus { |
|
3057 background-position: -64px -208px; |
|
3058 } |
|
3059 .ui-icon-squaresmall-close { |
|
3060 background-position: -80px -208px; |
|
3061 } |
|
3062 .ui-icon-grip-dotted-vertical { |
|
3063 background-position: 0 -224px; |
|
3064 } |
|
3065 .ui-icon-grip-dotted-horizontal { |
|
3066 background-position: -16px -224px; |
|
3067 } |
|
3068 .ui-icon-grip-solid-vertical { |
|
3069 background-position: -32px -224px; |
|
3070 } |
|
3071 .ui-icon-grip-solid-horizontal { |
|
3072 background-position: -48px -224px; |
|
3073 } |
|
3074 .ui-icon-gripsmall-diagonal-se { |
|
3075 background-position: -64px -224px; |
|
3076 } |
|
3077 .ui-icon-grip-diagonal-se { |
|
3078 background-position: -80px -224px; |
|
3079 } |
|
3080 .ui-button-icon-primary.ui-icon[class*=" icon-"]:before, |
|
3081 .ui-button-icon-primary.ui-icon[class^=icon-]:before, |
|
3082 .ui-button-icon-secondary.ui-icon[class*=" icon-"]:before, |
|
3083 .ui-button-icon-secondary.ui-icon[class^=icon-]:before { |
|
3084 font-size: inherit; |
|
3085 margin-left: 7px!important; |
|
3086 margin-left: 5px; |
|
3087 display: inline; |
|
3088 text-decoration: inherit; |
|
3089 color: inherit; |
|
3090 } |
|
3091 /* |
|
3092 * Typos styles |
|
3093 */ |
|
3094 @font-face { |
|
3095 font-family: 'Ubuntu'; |
|
3096 src: url('fonts/Ubuntu-C.eot'); |
|
3097 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'); |
|
3098 font-weight: normal; |
|
3099 font-style: normal; |
|
3100 } |
|
3101 @font-face { |
|
3102 font-family: 'Ubuntu-Light'; |
|
3103 src: url('fonts/Ubuntu-L.eot'); |
|
3104 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'); |
|
3105 font-weight: normal; |
|
3106 font-style: normal; |
|
3107 } |
|
3108 @font-face { |
|
3109 font-family: 'Ubuntu-Bold'; |
|
3110 src: url('fonts/Ubuntu-B.eot'); |
|
3111 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'); |
|
3112 font-weight: bold; |
|
3113 font-style: normal; |
|
3114 } |
|
3115 @font-face { |
|
3116 font-family: 'OpenSans'; |
|
3117 src: url('fonts/OpenSans-Regular.eot'); |
|
3118 src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg'); |
|
3119 font-weight: normal; |
|
3120 font-style: normal; |
|
3121 } |
|
3122 html, |
|
3123 body { |
|
3124 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
3125 } |
|
3126 a:active, |
|
3127 a:focus, |
|
3128 a:hover, |
|
3129 button, |
|
3130 button:active, |
|
3131 button:focus, |
|
3132 embed, |
|
3133 input::-moz-focus-inner, |
|
3134 object { |
|
3135 outline: 0; |
|
3136 } |
|
3137 .hidden { |
|
3138 display: none; |
|
3139 } |
|
3140 .hidden-desktop { |
|
3141 display: none!important; |
|
3142 } |
|
3143 .no-visible { |
|
3144 visibility: hidden!important; |
|
3145 } |
|
3146 .pull-right { |
|
3147 float: right!Important; |
|
3148 } |
|
3149 .pull-left { |
|
3150 float: left!Important; |
|
3151 } |
|
3152 .align-top { |
|
3153 vertical-align: top!important; |
|
3154 } |
|
3155 .align-base { |
|
3156 vertical-align: baseline!important; |
|
3157 } |
|
3158 .align-middle { |
|
3159 vertical-align: middle!important; |
|
3160 } |
|
3161 .opacity-25 { |
|
3162 opacity: 0.25!important; |
|
3163 } |
|
3164 .opacity-50 { |
|
3165 opacity: 0.5!important; |
|
3166 } |
|
3167 .opacity-75 { |
|
3168 opacity: 0.75!important; |
|
3169 } |
|
3170 .opacity-100, |
|
3171 .opaque { |
|
3172 opacity: 1!important; |
|
3173 } |
|
3174 .disabled { |
|
3175 color: #fff; |
|
3176 } |
|
3177 .btn-default.disabled { |
|
3178 color: #999; |
|
3179 } |
|
3180 xmp { |
|
3181 overflow: auto; |
|
3182 } |
|
3183 .text-italic { |
|
3184 font-style: italic!important; |
|
3185 } |
|
3186 .text-dashed { |
|
3187 text-decoration: line-through; |
|
3188 } |
|
3189 .nowrap { |
|
3190 white-space: nowrap; |
|
3191 } |
|
3192 .truncated { |
|
3193 white-space: nowrap; |
|
3194 overflow: hidden; |
|
3195 text-overflow: ellipsis; |
|
3196 } |
|
3197 .no-space { |
|
3198 margin: 0; |
|
3199 } |
|
3200 .no-space > [class*=col-] { |
|
3201 margin: 0!important; |
|
3202 padding-right: 0; |
|
3203 padding-left: 0; |
|
3204 } |
|
3205 .no-margin { |
|
3206 margin: 0!important; |
|
3207 } |
|
3208 .no-x-margin { |
|
3209 margin-left: 0!important; |
|
3210 margin-right: 0!important; |
|
3211 } |
|
3212 .no-y-margin { |
|
3213 margin-top: 0!important; |
|
3214 margin-bottom: 0!important; |
|
3215 } |
|
3216 .no-overflow { |
|
3217 overflow: hidden!important; |
|
3218 } |
|
3219 .no-x-overflow { |
|
3220 overflow-x: hidden!important; |
|
3221 } |
|
3222 .no-y-overflow { |
|
3223 overflow-y: hidden!important; |
|
3224 } |
|
3225 .margin-2 { |
|
3226 margin: 2px!important; |
|
3227 } |
|
3228 .margin-5 { |
|
3229 margin: 5px!important; |
|
3230 } |
|
3231 .margin-10 { |
|
3232 margin: 10px!important; |
|
3233 } |
|
3234 .margin-20 { |
|
3235 margin: 20px!important; |
|
3236 } |
|
3237 .margin-x-2 { |
|
3238 margin-left: 2px!important; |
|
3239 margin-right: 2px!important; |
|
3240 } |
|
3241 .margin-x-5 { |
|
3242 margin-left: 5px!important; |
|
3243 margin-right: 5px!important; |
|
3244 } |
|
3245 .margin-x-10 { |
|
3246 margin-left: 10px!important; |
|
3247 margin-right: 10px!important; |
|
3248 } |
|
3249 .margin-x-20 { |
|
3250 margin-left: 20px!important; |
|
3251 margin-right: 20px!important; |
|
3252 } |
|
3253 .margin-y-2 { |
|
3254 margin-top: 2px!important; |
|
3255 margin-bottom: 2px!important; |
|
3256 } |
|
3257 .margin-y-5 { |
|
3258 margin-top: 5px!important; |
|
3259 margin-bottom: 5px!important; |
|
3260 } |
|
3261 .margin-y-10 { |
|
3262 margin-top: 10px!important; |
|
3263 margin-bottom: 10px!important; |
|
3264 } |
|
3265 .margin-y-20 { |
|
3266 margin-top: 20px!important; |
|
3267 margin-bottom: 20px!important; |
|
3268 } |
|
3269 .margin-top--20 { |
|
3270 margin-top: -20px !important; |
|
3271 } |
|
3272 .margin-top--10 { |
|
3273 margin-top: -10px !important; |
|
3274 } |
|
3275 .margin-top--5 { |
|
3276 margin-top: -5px !important; |
|
3277 } |
|
3278 .margin-top-0 { |
|
3279 margin-top: 0!important; |
|
3280 } |
|
3281 .margin-top-2 { |
|
3282 margin-top: 2px!important; |
|
3283 } |
|
3284 .margin-top-5 { |
|
3285 margin-top: 5px!important; |
|
3286 } |
|
3287 .margin-top-5-neg { |
|
3288 margin-top: -5px !important; |
|
3289 } |
|
3290 .margin-top-10 { |
|
3291 margin-top: 10px!important; |
|
3292 } |
|
3293 .margin-top-10-neg { |
|
3294 margin-top: -10px !important; |
|
3295 } |
|
3296 .margin-top-20 { |
|
3297 margin-top: 20px!important; |
|
3298 } |
|
3299 .margin-top-30 { |
|
3300 margin-top: 30px!important; |
|
3301 } |
|
3302 .margin-bottom-0 { |
|
3303 margin-bottom: 0!important; |
|
3304 } |
|
3305 .margin-bottom-2 { |
|
3306 margin-bottom: 2px!important; |
|
3307 } |
|
3308 .margin-bottom-5 { |
|
3309 margin-bottom: 5px!important; |
|
3310 } |
|
3311 .margin-bottom-10 { |
|
3312 margin-bottom: 10px!important; |
|
3313 } |
|
3314 .margin-bottom-20 { |
|
3315 margin-bottom: 20px!important; |
|
3316 } |
|
3317 .margin-bottom-30 { |
|
3318 margin-bottom: 30px!important; |
|
3319 } |
|
3320 .margin-left-0 { |
|
3321 margin-left: 0!important; |
|
3322 } |
|
3323 .margin-left-2 { |
|
3324 margin-left: 2px!important; |
|
3325 } |
|
3326 .margin-left-5 { |
|
3327 margin-left: 5px!important; |
|
3328 } |
|
3329 .margin-left-5-neg { |
|
3330 margin-left: -5px !important; |
|
3331 } |
|
3332 .margin-left-10 { |
|
3333 margin-left: 10px!important; |
|
3334 } |
|
3335 .margin-left-10-neg { |
|
3336 margin-left: -10px !important; |
|
3337 } |
|
3338 .margin-left-20 { |
|
3339 margin-left: 20px!important; |
|
3340 } |
|
3341 .margin-right-0 { |
|
3342 margin-right: 0!important; |
|
3343 } |
|
3344 .margin-right-2 { |
|
3345 margin-right: 2px!important; |
|
3346 } |
|
3347 .margin-right-5 { |
|
3348 margin-right: 5px!important; |
|
3349 } |
|
3350 .margin-right-10 { |
|
3351 margin-right: 10px!important; |
|
3352 } |
|
3353 .margin-right-20 { |
|
3354 margin-right: 20px!important; |
|
3355 } |
|
3356 .shift-topleft-2 { |
|
3357 margin-top: -2px !important; |
|
3358 margin-left: -2px !important; |
|
3359 } |
|
3360 .shift-topleft-4 { |
|
3361 margin-top: -4px !important; |
|
3362 margin-left: -4px !important; |
|
3363 } |
|
3364 .shift-topright-2 { |
|
3365 margin-top: -2px !important; |
|
3366 margin-right: -2px !important; |
|
3367 } |
|
3368 .shift-topright-4 { |
|
3369 margin-top: -4px !important; |
|
3370 margin-right: -4px !important; |
|
3371 } |
|
3372 .shift-bottomleft-2 { |
|
3373 margin-bottom: -2px !important; |
|
3374 margin-left: -2px !important; |
|
3375 } |
|
3376 .shift-bottomleft-4 { |
|
3377 margin-bottom: -4px !important; |
|
3378 margin-left: -4px !important; |
|
3379 } |
|
3380 .shift-bottomright-2 { |
|
3381 margin-bottom: -2px !important; |
|
3382 margin-right: -2px !important; |
|
3383 } |
|
3384 .shift-bottomright-4 { |
|
3385 margin-bottom: -4px !important; |
|
3386 margin-right: -4px !important; |
|
3387 } |
|
3388 .bordered:not(:empty) { |
|
3389 border: 1px solid #ccc; |
|
3390 } |
|
3391 .bordered:not(:empty):hover { |
|
3392 border-color: #bbbbbb; |
|
3393 } |
|
3394 .bordered:not(:empty).nohover:hover { |
|
3395 border-color: #ccc; |
|
3396 } |
|
3397 .no-border, |
|
3398 .well[class*=" bg-"].no-border { |
|
3399 border-width: 0!important; |
|
3400 } |
|
3401 .no-border-transparent { |
|
3402 border-color: transparent!important; |
|
3403 } |
|
3404 .no-border-radius { |
|
3405 border-radius: 0; |
|
3406 } |
|
3407 .border-0 { |
|
3408 border-width: 0!important; |
|
3409 } |
|
3410 .border-1 { |
|
3411 border-width: 1px!important; |
|
3412 } |
|
3413 .radius-4 { |
|
3414 border-radius: 4px!important; |
|
3415 } |
|
3416 .radius-top-4 { |
|
3417 border-top-left-radius: 4px!important; |
|
3418 border-top-right-radius: 4px!important; |
|
3419 } |
|
3420 .radius-bottom-4 { |
|
3421 border-bottom-left-radius: 4px!important; |
|
3422 border-bottom-right-radius: 4px!important; |
|
3423 } |
|
3424 .radius-left-4 { |
|
3425 border-top-left-radius: 4px!important; |
|
3426 border-bottom-left-radius: 4px!important; |
|
3427 } |
|
3428 .radius-right-4 { |
|
3429 border-top-right-radius: 4px!important; |
|
3430 border-bottom-right-radius: 4px!important; |
|
3431 } |
|
3432 .width-nomin { |
|
3433 min-width: 0!important; |
|
3434 } |
|
3435 .width-auto { |
|
3436 width: auto!important; |
|
3437 } |
|
3438 .width-20 { |
|
3439 width: 20px; |
|
3440 max-width: 20px; |
|
3441 } |
|
3442 .width-40 { |
|
3443 width: 40px; |
|
3444 max-width: 40px; |
|
3445 } |
|
3446 .width-50 { |
|
3447 width: 50px; |
|
3448 max-width: 50px; |
|
3449 } |
|
3450 .width-60 { |
|
3451 width: 60px; |
|
3452 max-width: 60px; |
|
3453 } |
|
3454 .width-80 { |
|
3455 width: 80px; |
|
3456 max-width: 80px; |
|
3457 } |
|
3458 .width-100 { |
|
3459 width: 100px; |
|
3460 max-width: 100px; |
|
3461 } |
|
3462 .width-200 { |
|
3463 width: 200px; |
|
3464 max-width: 200px; |
|
3465 } |
|
3466 .width-300 { |
|
3467 width: 300px; |
|
3468 max-width: 300px; |
|
3469 } |
|
3470 .width-400 { |
|
3471 width: 400px; |
|
3472 max-width: 400px; |
|
3473 } |
|
3474 .width-500 { |
|
3475 width: 500px; |
|
3476 max-width: 500px; |
|
3477 } |
|
3478 .height-nomin { |
|
3479 min-height: 0!important; |
|
3480 } |
|
3481 .height-20 { |
|
3482 height: 20px!important; |
|
3483 } |
|
3484 .height-40 { |
|
3485 height: 40px!important; |
|
3486 } |
|
3487 .height-50 { |
|
3488 height: 50px!important; |
|
3489 } |
|
3490 .height-60 { |
|
3491 height: 60px!important; |
|
3492 } |
|
3493 .height-80 { |
|
3494 height: 80px!important; |
|
3495 } |
|
3496 .height-100 { |
|
3497 height: 100px!important; |
|
3498 } |
|
3499 .height-200 { |
|
3500 height: 200px!important; |
|
3501 } |
|
3502 .height-300 { |
|
3503 height: 300px!important; |
|
3504 } |
|
3505 .height-400 { |
|
3506 height: 400px!important; |
|
3507 } |
|
3508 .height-500 { |
|
3509 height: 500px!important; |
|
3510 } |
|
3511 .height-min-20 { |
|
3512 min-height: 20px; |
|
3513 } |
|
3514 .height-min-40 { |
|
3515 min-height: 40px; |
|
3516 } |
|
3517 .height-min-50 { |
|
3518 min-height: 50px; |
|
3519 } |
|
3520 .height-min-60 { |
|
3521 min-height: 60px; |
|
3522 } |
|
3523 .height-min-80 { |
|
3524 min-height: 80px; |
|
3525 } |
|
3526 .height-min-100 { |
|
3527 min-height: 100px; |
|
3528 } |
|
3529 .height-min-200 { |
|
3530 min-height: 200px; |
|
3531 } |
|
3532 .height-min-300 { |
|
3533 min-height: 300px; |
|
3534 } |
|
3535 .height-min-400 { |
|
3536 min-height: 400px; |
|
3537 } |
|
3538 .height-min-500 { |
|
3539 min-height: 500px; |
|
3540 } |
|
3541 .height-max-20 { |
|
3542 max-height: 20px; |
|
3543 } |
|
3544 .height-max-40 { |
|
3545 max-height: 40px; |
|
3546 } |
|
3547 .height-max-50 { |
|
3548 max-height: 50px; |
|
3549 } |
|
3550 .height-max-60 { |
|
3551 max-height: 60px; |
|
3552 } |
|
3553 .height-max-80 { |
|
3554 max-height: 80px; |
|
3555 } |
|
3556 .height-max-100 { |
|
3557 max-height: 100px; |
|
3558 } |
|
3559 .height-max-200 { |
|
3560 max-height: 200px; |
|
3561 } |
|
3562 .height-max-300 { |
|
3563 max-height: 300px; |
|
3564 } |
|
3565 .height-max-400 { |
|
3566 max-height: 400px; |
|
3567 } |
|
3568 .height-max-500 { |
|
3569 max-height: 500px; |
|
3570 } |
|
3571 .padding-2 { |
|
3572 padding: 2px!important; |
|
3573 } |
|
3574 .padding-5 { |
|
3575 padding: 5px!important; |
|
3576 } |
|
3577 .padding-7 { |
|
3578 padding: 7px!important; |
|
3579 } |
|
3580 .padding-10 { |
|
3581 padding: 10px!important; |
|
3582 } |
|
3583 .padding-20 { |
|
3584 padding: 20px!important; |
|
3585 } |
|
3586 .padding-x-0 { |
|
3587 padding-left: 0!important; |
|
3588 padding-right: 0!important; |
|
3589 } |
|
3590 .padding-x-2 { |
|
3591 padding-left: 2px!important; |
|
3592 padding-right: 2px!important; |
|
3593 } |
|
3594 .padding-x-5 { |
|
3595 padding-left: 5px!important; |
|
3596 padding-right: 5px!important; |
|
3597 } |
|
3598 .padding-x-10 { |
|
3599 padding-left: 10px!important; |
|
3600 padding-right: 10px!important; |
|
3601 } |
|
3602 .padding-x-20 { |
|
3603 padding-left: 20px!important; |
|
3604 padding-right: 20px!important; |
|
3605 } |
|
3606 .padding-y-0 { |
|
3607 padding-top: 0!important; |
|
3608 padding-bottom: 0!important; |
|
3609 } |
|
3610 .padding-y-2 { |
|
3611 padding-top: 2px!important; |
|
3612 padding-bottom: 2px!important; |
|
3613 } |
|
3614 .padding-y-5 { |
|
3615 padding-top: 5px!important; |
|
3616 padding-bottom: 5px!important; |
|
3617 } |
|
3618 .padding-y-10 { |
|
3619 padding-top: 10px!important; |
|
3620 padding-bottom: 10px!important; |
|
3621 } |
|
3622 .padding-y-20 { |
|
3623 padding-top: 20px!important; |
|
3624 padding-bottom: 20px!important; |
|
3625 } |
|
3626 .padding-top-0 { |
|
3627 padding-top: 0!important; |
|
3628 } |
|
3629 .padding-top-2 { |
|
3630 padding-top: 2px!important; |
|
3631 } |
|
3632 .padding-top-5 { |
|
3633 padding-top: 5px!important; |
|
3634 } |
|
3635 .padding-top-10 { |
|
3636 padding-top: 10px!important; |
|
3637 } |
|
3638 .padding-top-20 { |
|
3639 padding-top: 20px!important; |
|
3640 } |
|
3641 .padding-bottom-0 { |
|
3642 padding-bottom: 0!important; |
|
3643 } |
|
3644 .padding-bottom-2 { |
|
3645 padding-bottom: 2px!important; |
|
3646 } |
|
3647 .padding-bottom-5 { |
|
3648 padding-bottom: 5px!important; |
|
3649 } |
|
3650 .padding-bottom-10 { |
|
3651 padding-bottom: 10px!important; |
|
3652 } |
|
3653 .padding-bottom-20 { |
|
3654 padding-bottom: 20px!important; |
|
3655 } |
|
3656 .padding-left-0 { |
|
3657 padding-left: 0!important; |
|
3658 } |
|
3659 .padding-left-2 { |
|
3660 padding-left: 2px!important; |
|
3661 } |
|
3662 .padding-left-5 { |
|
3663 padding-left: 5px!important; |
|
3664 } |
|
3665 .padding-left-10 { |
|
3666 padding-left: 10px!important; |
|
3667 } |
|
3668 .padding-left-20 { |
|
3669 padding-left: 20px!important; |
|
3670 } |
|
3671 .padding-right-0 { |
|
3672 padding-right: 0!important; |
|
3673 } |
|
3674 .padding-right-2 { |
|
3675 padding-right: 2px!important; |
|
3676 } |
|
3677 .padding-right-5 { |
|
3678 padding-right: 5px!important; |
|
3679 } |
|
3680 .padding-right-10 { |
|
3681 padding-right: 10px!important; |
|
3682 } |
|
3683 .padding-right-20 { |
|
3684 padding-right: 20px!important; |
|
3685 } |
|
3686 @media (max-width: 768px) { |
|
3687 .col-xs-hide { |
|
3688 display: none!important; |
|
3689 } |
|
3690 } |
|
3691 @media (min-width: 768px) and (max-width: 992px) { |
|
3692 .col-sm-hide { |
|
3693 display: none!important; |
|
3694 } |
|
3695 } |
|
3696 @media (min-width: 992px) and (max-width: 1200px) { |
|
3697 .col-md-hide { |
|
3698 display: none!important; |
|
3699 } |
|
3700 } |
|
3701 @media (min-width: 1200px) { |
|
3702 .col-lg-hide { |
|
3703 display: none!important; |
|
3704 } |
|
3705 } |
|
3706 .no-padding { |
|
3707 padding: 0!important; |
|
3708 } |
|
3709 .no-padding .md-editor, |
|
3710 .widget-body.no-padding .cke_chrome { |
|
3711 border: 0; |
|
3712 } |
|
3713 .no-padding > pre { |
|
3714 margin: 30px; |
|
3715 } |
|
3716 .no-padding-bottom { |
|
3717 padding-bottom: 0!important; |
|
3718 } |
|
3719 .no-x-padding { |
|
3720 padding-left: 0!important; |
|
3721 padding-right: 0!important; |
|
3722 } |
|
3723 .no-y-padding { |
|
3724 padding-top: 0!important; |
|
3725 padding-bottom: 0!important; |
|
3726 } |
|
3727 .no-content-padding { |
|
3728 margin: -10px -14px 0 -14px; |
|
3729 } |
|
3730 @media (min-width: 768px) and (max-width: 880px) { |
|
3731 .no-content-padding { |
|
3732 margin: 0 -14px !important; |
|
3733 } |
|
3734 } |
|
3735 @media (max-width: 767px) { |
|
3736 .no-content-padding { |
|
3737 margin: 0 -5px !important; |
|
3738 } |
|
3739 } |
|
3740 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
3741 .no-content-padding { |
|
3742 margin: 0 -5px !important; |
|
3743 } |
|
3744 } |
|
3745 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
3746 .no-content-padding { |
|
3747 margin: 0 -5px !important; |
|
3748 } |
|
3749 } |
|
3750 .no-height { |
|
3751 line-height: 0; |
|
3752 } |
|
3753 .clearfix, |
|
3754 .inner-space:after { |
|
3755 zoom: 1; |
|
3756 } |
|
3757 .clearfix:after, |
|
3758 .inner-space:after { |
|
3759 clear: both; |
|
3760 } |
|
3761 .clearfix:after, |
|
3762 .inner-space:after, |
|
3763 .clearfix:before, |
|
3764 .inner-space:before { |
|
3765 display: block; |
|
3766 visibility: hidden; |
|
3767 overflow: hidden; |
|
3768 content: "\0020"; |
|
3769 height: 0; |
|
3770 font-size: 0; |
|
3771 line-height: 0; |
|
3772 } |
|
3773 @media (max-width: 768px) { |
|
3774 .clearfix-xs:after { |
|
3775 clear: both; |
|
3776 } |
|
3777 .clearfix-xs:after, |
|
3778 .clearfix-xs:before { |
|
3779 display: block; |
|
3780 visibility: hidden; |
|
3781 overflow: hidden; |
|
3782 content: "\0020"; |
|
3783 height: 0; |
|
3784 font-size: 0; |
|
3785 line-height: 0; |
|
3786 } |
|
3787 } |
|
3788 @media (min-width: 768px) and (max-width: 992px) { |
|
3789 .clearfix-sm:after { |
|
3790 clear: both; |
|
3791 } |
|
3792 .clearfix-sm:after, |
|
3793 .clearfix-sm:before { |
|
3794 display: block; |
|
3795 visibility: hidden; |
|
3796 overflow: hidden; |
|
3797 content: "\0020"; |
|
3798 height: 0; |
|
3799 font-size: 0; |
|
3800 line-height: 0; |
|
3801 } |
|
3802 } |
|
3803 @media (min-width: 992px) and (max-width: 1200px) { |
|
3804 .clearfix-md:after { |
|
3805 clear: both; |
|
3806 } |
|
3807 } |
|
3808 @media (min-width: 1200px) { |
|
3809 .clearfix-lg:after { |
|
3810 clear: both; |
|
3811 } |
|
3812 } |
|
3813 .display-inline { |
|
3814 display: inline-block !important; |
|
3815 } |
|
3816 .display-normal { |
|
3817 display: inline!important; |
|
3818 } |
|
3819 .hover-transparent { |
|
3820 opacity: .5; |
|
3821 } |
|
3822 .hover-transparent:hover { |
|
3823 opacity: 1; |
|
3824 } |
|
3825 .row-seperator-header { |
|
3826 margin: 15px 14px 20px; |
|
3827 border-bottom: 0; |
|
3828 display: block; |
|
3829 color: #646464; |
|
3830 font-size: 20px; |
|
3831 font-weight: 400; |
|
3832 } |
|
3833 .text-align-center, |
|
3834 .text-center { |
|
3835 text-align: center!important; |
|
3836 } |
|
3837 .text-align-left, |
|
3838 .text-left { |
|
3839 text-align: left!important; |
|
3840 } |
|
3841 .text-align-right, |
|
3842 .text-right { |
|
3843 text-align: right!important; |
|
3844 } |
|
3845 .center-canvas, |
|
3846 .center-child-canvas > canvas { |
|
3847 display: block!important; |
|
3848 margin: 0 auto!important; |
|
3849 } |
|
3850 .semi-bold { |
|
3851 font-weight: 400!important; |
|
3852 } |
|
3853 .bold { |
|
3854 font-weight: 900!important; |
|
3855 } |
|
3856 .nobold { |
|
3857 font-weight: normal!important; |
|
3858 } |
|
3859 .typo-bold { |
|
3860 font-family: Ubuntu-Bold; |
|
3861 } |
|
3862 .ultra-light { |
|
3863 font-weight: 300!important; |
|
3864 } |
|
3865 .font-xs { |
|
3866 font-size: 85%!important; |
|
3867 } |
|
3868 .font-sm { |
|
3869 font-size: 95%!important; |
|
3870 } |
|
3871 .font-md { |
|
3872 font-size: 130%!important; |
|
3873 } |
|
3874 .font-lg { |
|
3875 font-size: 160%!important; |
|
3876 } |
|
3877 .font-xl { |
|
3878 font-size: 200%!important; |
|
3879 } |
|
3880 .font-400 { |
|
3881 font-size: 400%!important; |
|
3882 } |
|
3883 .fa-fw-md { |
|
3884 width: 1em; |
|
3885 text-align: center; |
|
3886 } |
|
3887 .badge { |
|
3888 font-size: 11px; |
|
3889 padding: 3px 6px 2px; |
|
3890 } |
|
3891 .label { |
|
3892 padding: 0.3em .6em .1em; |
|
3893 } |
|
3894 .cursor-pointer { |
|
3895 cursor: pointer; |
|
3896 } |
|
3897 .selected { |
|
3898 border: 1px solid #0091d9!important; |
|
3899 } |
|
3900 tr.selected { |
|
3901 background-color: #dcebff; |
|
3902 } |
|
3903 .selected:before { |
|
3904 display: block; |
|
3905 position: absolute; |
|
3906 content: "\f00c"; |
|
3907 color: #fff; |
|
3908 right: 4px; |
|
3909 font-family: FontAwesome; |
|
3910 z-index: 1002; |
|
3911 } |
|
3912 tr.selected:before { |
|
3913 display: none; |
|
3914 } |
|
3915 .selected:after { |
|
3916 width: 0; |
|
3917 height: 0; |
|
3918 border-top: 35px solid #0091d9; |
|
3919 border-left: 35px solid rgba(0, 0, 0, 0); |
|
3920 position: absolute; |
|
3921 display: block; |
|
3922 right: 0; |
|
3923 content: "."; |
|
3924 top: 0; |
|
3925 z-index: 1001; |
|
3926 } |
|
3927 tr.selected:after { |
|
3928 display: none; |
|
3929 } |
|
3930 ul.inside { |
|
3931 list-style-position: inside; |
|
3932 } |
|
3933 ul.outside { |
|
3934 list-style-position: outside; |
|
3935 } |
|
3936 /* |
|
3937 * Components layout |
|
3938 */ |
|
3939 html { |
|
3940 margin: 0; |
|
3941 padding: 0; |
|
3942 height: 100%; |
|
3943 overflow-x: hidden!important; |
|
3944 background-color: #e7e7ef; |
|
3945 } |
|
3946 body { |
|
3947 margin: 0; |
|
3948 padding: 0; |
|
3949 height: 100%; |
|
3950 overflow: hidden; |
|
3951 background-color: #e7e7ef; |
|
3952 direction: ltr; |
|
3953 } |
|
3954 body.container { |
|
3955 position: relative; |
|
3956 padding: 0; |
|
3957 border-left: 1px solid #bfbfbf; |
|
3958 border-right: 1px solid #bfbfbf; |
|
3959 -webkit-box-shadow: 0 2px 70px rgba(0, 0, 0, 0.45); |
|
3960 box-shadow: 0 2px 70px rgba(0, 0, 0, 0.45); |
|
3961 } |
|
3962 body.nooverflow { |
|
3963 position: fixed; |
|
3964 overflow: hidden; |
|
3965 width: 100%; |
|
3966 } |
|
3967 #main { |
|
3968 display: block; |
|
3969 margin-left: 220px; |
|
3970 padding: 0; |
|
3971 min-height: 500px; |
|
3972 -webkit-transition: all 0.1s ease-out; |
|
3973 transition: all 0.1s ease-out; |
|
3974 } |
|
3975 @media (max-width: 979px) { |
|
3976 #main { |
|
3977 margin-left: 0; |
|
3978 } |
|
3979 } |
|
3980 #content { |
|
3981 padding: 10px; |
|
3982 position: relative; |
|
3983 left: 0; |
|
3984 -webkit-transition: left 0.1s ease-out; |
|
3985 transition: left 0.1s ease-out; |
|
3986 } |
|
3987 @media (max-width: 767px) { |
|
3988 #content { |
|
3989 padding-left: 5px; |
|
3990 padding-right: 5px; |
|
3991 } |
|
3992 } |
|
3993 .page-title { |
|
3994 margin: 7px 0 10px; |
|
3995 } |
|
3996 .page-title a { |
|
3997 color: #6F8696; |
|
3998 } |
|
3999 .page-title a:hover, |
|
4000 .page-title a:active { |
|
4001 text-decoration: none; |
|
4002 } |
|
4003 .page-title span { |
|
4004 font-size: 16px; |
|
4005 color: #333; |
|
4006 display: inline-block; |
|
4007 vertical-align: 1px; |
|
4008 } |
|
4009 .page-title span i { |
|
4010 padding: 0 5px; |
|
4011 } |
|
4012 aside { |
|
4013 display: block; |
|
4014 width: 220px; |
|
4015 overflow: hidden; |
|
4016 min-height: 100%; |
|
4017 background-color: #92a395; |
|
4018 } |
|
4019 aside nav li.divider { |
|
4020 background: rgba(122, 122, 122, 0.8); |
|
4021 } |
|
4022 #header { |
|
4023 display: block; |
|
4024 height: 49px; |
|
4025 position: relative; |
|
4026 margin: 0; |
|
4027 padding: 0 13px 0 0; |
|
4028 background-color: #f8f8f8; |
|
4029 } |
|
4030 @media (max-width: 767px) { |
|
4031 #header { |
|
4032 padding-right: 5px; |
|
4033 } |
|
4034 } |
|
4035 @media only screen and (max-width: 679px) { |
|
4036 #header { |
|
4037 padding-right: 5px; |
|
4038 background: #fff; |
|
4039 } |
|
4040 } |
|
4041 #header > div { |
|
4042 display: inline-block; |
|
4043 vertical-align: middle; |
|
4044 height: 49px; |
|
4045 float: left; |
|
4046 } |
|
4047 #header > div.open { |
|
4048 font-weight: 700; |
|
4049 } |
|
4050 .fixed-header #header { |
|
4051 position: fixed; |
|
4052 top: 0; |
|
4053 width: 100%; |
|
4054 z-index: 1001; |
|
4055 } |
|
4056 .container.fixed-header #header { |
|
4057 max-width: 1164px; |
|
4058 } |
|
4059 .fixed-header #header .ajax-dropdown { |
|
4060 z-index: 1000; |
|
4061 } |
|
4062 @media (max-width: 979px) { |
|
4063 #header #logo-group { |
|
4064 display: none; |
|
4065 } |
|
4066 } |
|
4067 .fixed-header #shortcut { |
|
4068 position: fixed; |
|
4069 } |
|
4070 .fixed-header #main { |
|
4071 margin-top: 49px; |
|
4072 } |
|
4073 @media (max-width: 979px) { |
|
4074 #top-links { |
|
4075 margin-left: 10px; |
|
4076 } |
|
4077 } |
|
4078 #top-links > div { |
|
4079 display: inline-block; |
|
4080 float: left; |
|
4081 } |
|
4082 @media (max-width: 767px) { |
|
4083 #top-links > div { |
|
4084 display: none; |
|
4085 } |
|
4086 } |
|
4087 .top-menu { |
|
4088 display: inline-block; |
|
4089 padding: 7px 13px 0; |
|
4090 position: relative; |
|
4091 } |
|
4092 @media (max-width: 767px) { |
|
4093 .top-menu { |
|
4094 display: none; |
|
4095 } |
|
4096 } |
|
4097 .top-menu > span { |
|
4098 display: block; |
|
4099 } |
|
4100 .top-menu > :first-child { |
|
4101 display: block; |
|
4102 color: #bfbfbf; |
|
4103 font-size: 10px; |
|
4104 font-weight: 700; |
|
4105 text-transform: uppercase; |
|
4106 text-shadow: 0 0 1px #fff; |
|
4107 padding-left: 0; |
|
4108 text-align: left; |
|
4109 } |
|
4110 .top-menu.bordered { |
|
4111 background-color: white; |
|
4112 padding-top: 4px; |
|
4113 padding-bottom: 9px; |
|
4114 border-color: silver; |
|
4115 border-width: 2px 2px 0; |
|
4116 border-style: solid; |
|
4117 border-radius: 8px 8px 0 0; |
|
4118 margin-left: -1px; |
|
4119 } |
|
4120 .top-tabs { |
|
4121 display: inline-block; |
|
4122 padding: 7px 13px 0; |
|
4123 position: relative; |
|
4124 } |
|
4125 .top-tabs > span { |
|
4126 display: block; |
|
4127 } |
|
4128 .top-tabs > :first-child { |
|
4129 display: block; |
|
4130 color: #bfbfbf; |
|
4131 font-size: 10px; |
|
4132 font-weight: 700; |
|
4133 text-transform: uppercase; |
|
4134 text-shadow: 0 0 1px #fff; |
|
4135 padding-left: 5px; |
|
4136 text-align: left; |
|
4137 } |
|
4138 .top-tabs .nav-tabs li > a { |
|
4139 padding: 2px 10px 3px!important; |
|
4140 border-color: #ccc #ccc transparent; |
|
4141 box-shadow: 0px -2px 3px #ccc; |
|
4142 margin-top: 3px!important; |
|
4143 } |
|
4144 .top-tabs .nav-tabs li.active > a { |
|
4145 margin-top: 3px!important; |
|
4146 padding: 2px 10px 3px!important; |
|
4147 } |
|
4148 .top-tabs .nav-tabs li .subtab { |
|
4149 display: none; |
|
4150 position: absolute; |
|
4151 min-width: 200px; |
|
4152 margin-top: -1px; |
|
4153 padding: 5px; |
|
4154 background-color: white; |
|
4155 border: 1px solid #ccc; |
|
4156 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
|
4157 z-index: 101; |
|
4158 } |
|
4159 .top-tabs .nav-tabs li .subtab .slider { |
|
4160 width: calc(100% - 10px); |
|
4161 margin: 0 5px; |
|
4162 } |
|
4163 .top-selector { |
|
4164 max-width: 97%; |
|
4165 white-space: nowrap; |
|
4166 background: 0 0; |
|
4167 border: 0; |
|
4168 padding: 0; |
|
4169 text-align: left; |
|
4170 color: #555; |
|
4171 font-size: 14px; |
|
4172 cursor: pointer; |
|
4173 } |
|
4174 .top-selector:hover { |
|
4175 color: #333; |
|
4176 } |
|
4177 #user-menu { |
|
4178 position: relative; |
|
4179 } |
|
4180 #user-menu .btn { |
|
4181 position: relative; |
|
4182 margin-top: 10px; |
|
4183 margin-bottom: 8px; |
|
4184 padding: 3px 6px 3px 0; |
|
4185 width: 60px; |
|
4186 } |
|
4187 @media (max-width: 767px) { |
|
4188 #user-menu .btn { |
|
4189 margin-top: 5px; |
|
4190 margin-left: 5px!important; |
|
4191 width: 40px; |
|
4192 padding-top: 5px; |
|
4193 padding-bottom: 4px; |
|
4194 } |
|
4195 #user-menu .btn i.fa { |
|
4196 float: none!important; |
|
4197 font-size: 150%; |
|
4198 } |
|
4199 } |
|
4200 #user-menu .btn img, |
|
4201 #user-menu .btn i.img { |
|
4202 position: absolute; |
|
4203 left: -1px; |
|
4204 top: -4px; |
|
4205 border: solid 1px white; |
|
4206 padding: 2px; |
|
4207 background-color: white; |
|
4208 transform: rotate(-7deg); |
|
4209 } |
|
4210 @media (max-width: 767px) { |
|
4211 #user-menu .btn img, |
|
4212 #user-menu .btn i.img { |
|
4213 display: none; |
|
4214 } |
|
4215 } |
|
4216 #user-menu .btn i.img { |
|
4217 width: 34px; |
|
4218 height: 34px; |
|
4219 color: #999; |
|
4220 opacity: 1; |
|
4221 font-size: 220%; |
|
4222 } |
|
4223 #user-menu .btn:active img, |
|
4224 #user-menu .btn:active i.img { |
|
4225 left: -2px; |
|
4226 top: -5px; |
|
4227 } |
|
4228 @media (max-width: 767px) { |
|
4229 #user-menu .dropdown-menu a { |
|
4230 width: auto!important; |
|
4231 } |
|
4232 } |
|
4233 #user-activity { |
|
4234 position: relative; |
|
4235 } |
|
4236 #user-activity .badge { |
|
4237 position: absolute; |
|
4238 top: 2px; |
|
4239 right: -8px; |
|
4240 } |
|
4241 @media (max-width: 767px) { |
|
4242 #user-activity .badge { |
|
4243 top: -2px; |
|
4244 } |
|
4245 } |
|
4246 @media (max-width: 979px) { |
|
4247 #login-info { |
|
4248 display: none; |
|
4249 } |
|
4250 } |
|
4251 #login-info > span { |
|
4252 display: inline-block; |
|
4253 height: 39px; |
|
4254 float: left; |
|
4255 } |
|
4256 #login-info > span .badge { |
|
4257 position: absolute; |
|
4258 top: -5px; |
|
4259 right: -9px; |
|
4260 cursor: pointer; |
|
4261 background: #0091d9; |
|
4262 display: inline-block; |
|
4263 font-size: 10px; |
|
4264 -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
4265 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
4266 color: #fff; |
|
4267 font-weight: 700; |
|
4268 border-radius: 50%; |
|
4269 padding: 3px; |
|
4270 text-align: center; |
|
4271 line-height: normal; |
|
4272 } |
|
4273 #login-info span#activity { |
|
4274 border-radius: 2px; |
|
4275 cursor: default!important; |
|
4276 display: inline-block; |
|
4277 font-weight: 700; |
|
4278 height: 24px; |
|
4279 width: 24px; |
|
4280 padding: 2px; |
|
4281 text-align: center; |
|
4282 text-decoration: none!important; |
|
4283 -moz-user-select: none; |
|
4284 -webkit-user-select: none; |
|
4285 background-color: #f8f8f8; |
|
4286 background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); |
|
4287 background-image: -webkit-gradient(linear, top left, bottom left, from(#f8f8f8), to(#f1f1f1)); |
|
4288 background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); |
|
4289 background-image: linear-gradient(top, #f8f8f8, #f1f1f1); |
|
4290 border: 1px solid #bfbfbf; |
|
4291 color: #c4bab6; |
|
4292 font-size: 19px; |
|
4293 margin: 5px 0 0; |
|
4294 position: relative; |
|
4295 } |
|
4296 #login-info span#activity:hover { |
|
4297 border: 1px solid #bfbfbf; |
|
4298 -webkit-transition: all 0s; |
|
4299 transition: all 0s; |
|
4300 cursor: pointer!important; |
|
4301 -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
4302 box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
4303 } |
|
4304 .authomatic { |
|
4305 display: inline-block; |
|
4306 width: 21px; |
|
4307 height: 21px; |
|
4308 margin: 2px 0!important; |
|
4309 padding: 3px!important; |
|
4310 text-align: center; |
|
4311 } |
|
4312 .authomatic:hover { |
|
4313 background-color: #ccc; |
|
4314 border-radius: 3px; |
|
4315 } |
|
4316 #logo { |
|
4317 display: inline-block; |
|
4318 max-width: 100%; |
|
4319 } |
|
4320 @media (min-width: 768px) and (max-width: 880px) { |
|
4321 #logo { |
|
4322 margin-top: 10px; |
|
4323 } |
|
4324 } |
|
4325 @media (max-width: 767px) { |
|
4326 #logo { |
|
4327 margin-top: 10px; |
|
4328 margin-left: 4px; |
|
4329 } |
|
4330 } |
|
4331 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4332 #logo { |
|
4333 margin-top: 10px; |
|
4334 margin-left: 4px; |
|
4335 } |
|
4336 } |
|
4337 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
4338 #logo { |
|
4339 width: 135px; |
|
4340 margin-top: 10px; |
|
4341 margin-left: 4px; |
|
4342 } |
|
4343 } |
|
4344 #logo img { |
|
4345 max-width: 100%; |
|
4346 max-height: 50px; |
|
4347 } |
|
4348 #logo-group { |
|
4349 width: 220px; |
|
4350 } |
|
4351 @media only screen and (min-width: 480px) and (max-width: 1089px) { |
|
4352 #logo-group { |
|
4353 width: 175px; |
|
4354 } |
|
4355 } |
|
4356 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
4357 #logo-group { |
|
4358 width: 169px!important; |
|
4359 } |
|
4360 } |
|
4361 .uv-icon { |
|
4362 position: absolute!important; |
|
4363 left: 155px!important; |
|
4364 top: 5px!important; |
|
4365 z-index: 500!important; |
|
4366 } |
|
4367 @media only screen and (min-width: 0) and (max-width: 1089px) { |
|
4368 .uv-icon { |
|
4369 left: 130px!important; |
|
4370 } |
|
4371 } |
|
4372 #activity.active .badge { |
|
4373 background: #006fa6!important; |
|
4374 } |
|
4375 .header-search { |
|
4376 position: relative; |
|
4377 } |
|
4378 @media (max-width: 767px) { |
|
4379 .header-search { |
|
4380 display: none; |
|
4381 } |
|
4382 } |
|
4383 .header-search.pull-right { |
|
4384 margin-left: 6px; |
|
4385 } |
|
4386 @media (max-width: 979px) { |
|
4387 .header-search.pull-right { |
|
4388 margin-left: 0; |
|
4389 } |
|
4390 } |
|
4391 .header-search > input[type=text] { |
|
4392 display: block; |
|
4393 -webkit-box-sizing: border-box; |
|
4394 box-sizing: border-box; |
|
4395 -moz-box-sizing: border-box; |
|
4396 min-width: 200px; |
|
4397 width: 100%; |
|
4398 height: 30px; |
|
4399 padding: 0 10px; |
|
4400 outline: 0; |
|
4401 border-width: 1px; |
|
4402 border-style: solid; |
|
4403 border-radius: 0; |
|
4404 border-color: #bfbfbf; |
|
4405 background: #fff; |
|
4406 color: #404040; |
|
4407 appearance: normal; |
|
4408 -moz-appearance: none; |
|
4409 -webkit-appearance: none; |
|
4410 margin-top: 10px; |
|
4411 line-height: normal; |
|
4412 } |
|
4413 @media (min-width: 768px) and (max-width: 979px) { |
|
4414 .header-search > input[type=text] { |
|
4415 margin-top: 9px; |
|
4416 } |
|
4417 } |
|
4418 .header-search > button { |
|
4419 background: 0 0; |
|
4420 border: 0; |
|
4421 color: #6D6A69; |
|
4422 font-size: 17px; |
|
4423 height: 30px; |
|
4424 line-height: 30px; |
|
4425 margin: 0; |
|
4426 padding: 0; |
|
4427 position: absolute; |
|
4428 right: 0; |
|
4429 top: 10px; |
|
4430 width: 30px; |
|
4431 z-index: 2; |
|
4432 } |
|
4433 #search-mobile { |
|
4434 display: none; |
|
4435 } |
|
4436 @media (max-width: 767px) { |
|
4437 #search-mobile { |
|
4438 display: block; |
|
4439 } |
|
4440 } |
|
4441 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4442 #search-mobile { |
|
4443 display: block; |
|
4444 } |
|
4445 } |
|
4446 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
4447 #search-mobile { |
|
4448 margin-left: 0; |
|
4449 } |
|
4450 } |
|
4451 @media (max-width: 767px) { |
|
4452 .search-mobile .header-search { |
|
4453 display: block; |
|
4454 position: absolute; |
|
4455 top: 0; |
|
4456 width: 100%; |
|
4457 height: 49px; |
|
4458 background: #333; |
|
4459 padding: 0 2px; |
|
4460 -webkit-box-sizing: border-box; |
|
4461 -moz-box-sizing: border-box; |
|
4462 box-sizing: border-box; |
|
4463 left: 0; |
|
4464 } |
|
4465 .search-mobile .header-search > input[type=text] { |
|
4466 margin-top: 2px; |
|
4467 height: 45px; |
|
4468 border-color: #333; |
|
4469 padding-right: 75px; |
|
4470 } |
|
4471 .search-mobile .header-search > button { |
|
4472 height: 29px; |
|
4473 line-height: 29px; |
|
4474 background: #DDD; |
|
4475 right: 44px; |
|
4476 } |
|
4477 .search-mobile #search-mobile { |
|
4478 display: none; |
|
4479 } |
|
4480 .search-mobile #cancel-search-js { |
|
4481 display: block; |
|
4482 } |
|
4483 } |
|
4484 #cancel-search-js { |
|
4485 position: absolute; |
|
4486 display: none; |
|
4487 background: #a90329; |
|
4488 z-index: 3; |
|
4489 color: #fff; |
|
4490 padding: 0; |
|
4491 right: 10px; |
|
4492 top: 10px; |
|
4493 text-align: center; |
|
4494 height: 29px; |
|
4495 line-height: 29px; |
|
4496 width: 30px; |
|
4497 font-size: 17px; |
|
4498 text-decoration: none!important; |
|
4499 } |
|
4500 #left-panel { |
|
4501 position: absolute; |
|
4502 top: 49px; |
|
4503 left: 0; |
|
4504 z-index: 1002; |
|
4505 -webkit-transition: left 0.1s ease-out; |
|
4506 transition: left 0.1s ease-out; |
|
4507 overflow-y: auto; |
|
4508 } |
|
4509 @media (max-width: 979px) { |
|
4510 #left-panel { |
|
4511 left: -220px; |
|
4512 } |
|
4513 } |
|
4514 .fixed-navigation #left-panel { |
|
4515 position: fixed; |
|
4516 z-index: 998; |
|
4517 } |
|
4518 @media (max-width: 767px) { |
|
4519 .fixed-navigation #left-panel { |
|
4520 position: absolute!important; |
|
4521 } |
|
4522 } |
|
4523 #left-panel #ajax-gear { |
|
4524 position: absolute; |
|
4525 left: calc(49%); |
|
4526 top: 5px; |
|
4527 } |
|
4528 #left-panel .version { |
|
4529 bottom: 2px; |
|
4530 margin-top: 40px; |
|
4531 width: 100%; |
|
4532 text-align: center; |
|
4533 font-size: 11px; |
|
4534 color: #333; |
|
4535 } |
|
4536 #ribbon { |
|
4537 height: 40px; |
|
4538 background: #3886c9; |
|
4539 padding: 0 40px 0 13px; |
|
4540 position: relative; |
|
4541 } |
|
4542 @media (max-width: 767px) { |
|
4543 #ribbon { |
|
4544 padding-left: 5px; |
|
4545 padding-right: 5px; |
|
4546 } |
|
4547 } |
|
4548 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4549 #ribbon { |
|
4550 border-bottom: 1px solid #cfcfcf; |
|
4551 border-top: 1px solid #e6e6e6; |
|
4552 background: #f5f5f5; |
|
4553 } |
|
4554 } |
|
4555 #ribbon .breadcrumb { |
|
4556 display: inline-block; |
|
4557 margin: 0; |
|
4558 padding: 12px 34px 10px 0!important; |
|
4559 background: 0 0; |
|
4560 vertical-align: top; |
|
4561 } |
|
4562 #ribbon .breadcrumb li.strong a { |
|
4563 line-height: 1em; |
|
4564 font-weight: bold; |
|
4565 font-size: 120%; |
|
4566 color: #fff !important; |
|
4567 } |
|
4568 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4569 #ribbon .breadcrumb li.strong a { |
|
4570 color: #333 !important; |
|
4571 } |
|
4572 } |
|
4573 #ribbon .breadcrumb, |
|
4574 #ribbon .breadcrumb a { |
|
4575 color: #efefef !important; |
|
4576 text-decoration: none!Important; |
|
4577 } |
|
4578 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4579 #ribbon .breadcrumb, |
|
4580 #ribbon .breadcrumb a { |
|
4581 color: #6d6c6c !important; |
|
4582 } |
|
4583 } |
|
4584 #ribbon .breadcrumb > li + li:before { |
|
4585 padding: 0 3px; |
|
4586 } |
|
4587 #ribbon .breadcrumb > li + li.strong:before { |
|
4588 padding-right: 1px; |
|
4589 } |
|
4590 #ribbon .breadcrumb li:last-child, |
|
4591 #ribbon .breadcrumb > .active { |
|
4592 color: #fff; |
|
4593 } |
|
4594 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
4595 #ribbon .breadcrumb li:last-child, |
|
4596 #ribbon .breadcrumb > .active { |
|
4597 color: #333 !important; |
|
4598 } |
|
4599 } |
|
4600 #ribbon .breadcrumb li:last-child a, |
|
4601 #ribbon .breadcrumb > .active a { |
|
4602 font-weight: bold; |
|
4603 } |
|
4604 .fixed-ribbon #ribbon { |
|
4605 position: fixed; |
|
4606 right: 0; |
|
4607 left: 220px; |
|
4608 top: 49px; |
|
4609 z-index: 999; |
|
4610 } |
|
4611 @media (max-width: 979px) { |
|
4612 .fixed-ribbon #ribbon { |
|
4613 left: 0; |
|
4614 } |
|
4615 } |
|
4616 .container.fixed-ribbon #ribbon { |
|
4617 width: 944px; |
|
4618 left: 590px; |
|
4619 } |
|
4620 .fixed-ribbon #content { |
|
4621 padding-top: 50px; |
|
4622 } |
|
4623 @media (max-width: 767px) { |
|
4624 .fixed-ribbon #content { |
|
4625 padding-top: 52px; |
|
4626 } |
|
4627 } |
|
4628 .minified.fixed-ribbon #ribbon { |
|
4629 left: 45px; |
|
4630 } |
|
4631 .hidden-menu.fixed-ribbon #ribbon { |
|
4632 left: 10px; |
|
4633 } |
|
4634 @media (max-width: 979px) { |
|
4635 .hidden-menu.fixed-ribbon #ribbon { |
|
4636 left: 220px; |
|
4637 } |
|
4638 } |
|
4639 .hidden-ribbon #ribbon { |
|
4640 height: 1px; |
|
4641 min-height: 1px; |
|
4642 max-height: 1px; |
|
4643 } |
|
4644 .hidden-ribbon #ribbon > * { |
|
4645 display: none; |
|
4646 } |
|
4647 .ribbon { |
|
4648 position: absolute; |
|
4649 right: 9px; |
|
4650 top: -4px; |
|
4651 } |
|
4652 .header-dropdown-list { |
|
4653 list-style: none; |
|
4654 float: right; |
|
4655 position: relative; |
|
4656 margin: 0; |
|
4657 padding-left: 10px; |
|
4658 } |
|
4659 .header-dropdown-list > li { |
|
4660 display: inline-block; |
|
4661 padding-right: 5px; |
|
4662 } |
|
4663 .header-dropdown-list > li > .dropdown-toggle { |
|
4664 margin-top: 16px; |
|
4665 display: block; |
|
4666 } |
|
4667 .smart-accordion-default.panel-group .panel + .panel { |
|
4668 margin-top: -1px; |
|
4669 } |
|
4670 .smart-accordion-default.panel-group .panel-heading { |
|
4671 padding: 0; |
|
4672 } |
|
4673 .smart-accordion-default.panel-group .panel-title a { |
|
4674 display: block; |
|
4675 padding: 10px 15px; |
|
4676 text-decoration: none!important; |
|
4677 } |
|
4678 .smart-accordion-default .panel-group .panel, |
|
4679 .smart-accordion-default .panel-heading { |
|
4680 border-radius: 0; |
|
4681 } |
|
4682 .smart-accordion-default .panel-default { |
|
4683 border-color: #c3c3c3; |
|
4684 } |
|
4685 .smart-accordion-default .panel-default > .panel-heading { |
|
4686 background-color: #fcfcfc; |
|
4687 } |
|
4688 .smart-accordion-default .panel-title > a.collapsed > .fa, |
|
4689 .smart-accordion-default .panel-title > a > :first-child { |
|
4690 display: none; |
|
4691 } |
|
4692 .smart-accordion-default .panel-title > a.collapsed > :first-child { |
|
4693 display: inline-block; |
|
4694 } |
|
4695 .no-padding .smart-accordion-default > div { |
|
4696 border-left: 0!important; |
|
4697 border-right: 0!important; |
|
4698 } |
|
4699 .no-padding .smart-accordion-default > div:first-child { |
|
4700 border-top: 0!important; |
|
4701 } |
|
4702 .no-padding .smart-accordion-default > div:last-child { |
|
4703 border-bottom: 0!important; |
|
4704 } |
|
4705 #logo-group *, |
|
4706 .login-info, |
|
4707 .login-info *, |
|
4708 .minified .menu-item-parent { |
|
4709 -webkit-box-sizing: content-box; |
|
4710 -moz-box-sizing: content-box; |
|
4711 box-sizing: content-box; |
|
4712 } |
|
4713 .login-info { |
|
4714 display: block; |
|
4715 font-size: 12px; |
|
4716 height: 39px; |
|
4717 color: #333; |
|
4718 border: solid transparent; |
|
4719 margin: 2px 0 0 10px !important; |
|
4720 float: right; |
|
4721 } |
|
4722 .login-info a, |
|
4723 .login-info strong { |
|
4724 text-transform: capitalize; |
|
4725 font-size: 14px; |
|
4726 display: inline-block; |
|
4727 color: #333; |
|
4728 text-decoration: none; |
|
4729 margin-left: 5px; |
|
4730 } |
|
4731 .login-info a:hover, |
|
4732 .login-info strong { |
|
4733 color: #666; |
|
4734 } |
|
4735 .login-info a.btn { |
|
4736 margin-top: 5px; |
|
4737 } |
|
4738 .login-info a.btn-danger, |
|
4739 .login-info a.btn-success, |
|
4740 .login-info a.btn-primary { |
|
4741 color: #dedede; |
|
4742 } |
|
4743 .login-info span { |
|
4744 /*height: 38px;*/ |
|
4745 display: inline-block; |
|
4746 padding: 0 0 0 10px; |
|
4747 /*border-bottom: 1px solid #1A1817;*/ |
|
4748 } |
|
4749 .login-info span a.btn-success { |
|
4750 margin-top: -10px; |
|
4751 } |
|
4752 .login-info img { |
|
4753 width: 24px; |
|
4754 height: auto; |
|
4755 display: inline-block; |
|
4756 vertical-align: middle; |
|
4757 margin-top: -6px; |
|
4758 margin-right: 0; |
|
4759 margin-left: 0; |
|
4760 border-left: 0; |
|
4761 } |
|
4762 .minifyme { |
|
4763 border-bottom: 1px solid #302F2F; |
|
4764 background: #454545; |
|
4765 color: #A8A8A8; |
|
4766 text-align: center; |
|
4767 padding: 1px 0 0; |
|
4768 width: 36px; |
|
4769 height: 28px; |
|
4770 display: block; |
|
4771 position: absolute; |
|
4772 right: -3px; |
|
4773 border-radius: 5px 0 0 5px; |
|
4774 cursor: pointer; |
|
4775 margin-top: 5px; |
|
4776 margin-bottom: 10px; |
|
4777 font-size: 19px; |
|
4778 -webkit-transition: all .1s linear 0s; |
|
4779 transition: all .1s linear 0s; |
|
4780 } |
|
4781 .minifyme:hover { |
|
4782 background: #646464; |
|
4783 color: #E4E4E4; |
|
4784 right: 0; |
|
4785 } |
|
4786 .minified .minifyme { |
|
4787 right: 0; |
|
4788 color: #A8A8A8; |
|
4789 position: relative; |
|
4790 width: 100%; |
|
4791 border-radius: 0; |
|
4792 margin: 0; |
|
4793 height: 32px; |
|
4794 font-size: 23px; |
|
4795 } |
|
4796 .minified .minifyme .fa:before { |
|
4797 content: "\f0a9"; |
|
4798 } |
|
4799 .minified #left-panel { |
|
4800 width: 45px; |
|
4801 overflow: visible; |
|
4802 } |
|
4803 @media (max-width: 979px) { |
|
4804 .minified #left-panel { |
|
4805 left: 0; |
|
4806 } |
|
4807 } |
|
4808 .minified #main { |
|
4809 margin-left: 45px; |
|
4810 } |
|
4811 .minified #left-panel > ul > li, |
|
4812 .minified nav > ul > li { |
|
4813 overflow: visible; |
|
4814 /*border-bottom: 1px solid #1A1817; |
|
4815 border-top: 1px solid #525151;*/ |
|
4816 } |
|
4817 .minified #left-panel > ul > li > ul::before, |
|
4818 .minified nav > ul > li > ul::before { |
|
4819 border-left: 0; |
|
4820 } |
|
4821 .minified #left-panel > ul > li, |
|
4822 .minified nav > ul > li, |
|
4823 .minified #left-panel > ul > li a, |
|
4824 .minified nav > ul > li a { |
|
4825 position: relative; |
|
4826 } |
|
4827 .minified #left-panel ul > li > a, |
|
4828 .minified nav ul > li > a { |
|
4829 padding: 12px 11px 10px; |
|
4830 display: block; |
|
4831 } |
|
4832 .minified #left-panel > ul > li > a .fa.fa-fw, |
|
4833 .minified nav > ul > li > a .fa.fa-fw { |
|
4834 display: block; |
|
4835 width: auto; |
|
4836 text-align: center; |
|
4837 padding: 0; |
|
4838 } |
|
4839 .minified #left-panel > ul > li > a > i, |
|
4840 .minified nav > ul > li > a > i { |
|
4841 text-align: center; |
|
4842 margin: 0; |
|
4843 display: block; |
|
4844 } |
|
4845 .minified #left-panel > ul > li.active > a::before, |
|
4846 .minified nav > ul > li.active > a::before { |
|
4847 content: "\f0d9"; |
|
4848 } |
|
4849 .minified #left-panel ul ul li a, |
|
4850 .minified nav ul ul li a { |
|
4851 padding-top: 5px; |
|
4852 padding-bottom: 5px; |
|
4853 padding-left: 14px; |
|
4854 } |
|
4855 .minified #left-panel ul ul li li a, |
|
4856 .minified nav ul ul li li a { |
|
4857 padding-left: 25px; |
|
4858 } |
|
4859 .minified #left-panel > ul ul li::before, |
|
4860 .minified nav > ul ul li::before, |
|
4861 .minified #left-panel > ul > li > ul::before, |
|
4862 .minified nav > ul > li > ul::before { |
|
4863 left: 12px; |
|
4864 } |
|
4865 .minified #left-panel > ul > li > a .menu-item-parent, |
|
4866 .minified nav > ul > li > a .menu-item-parent, |
|
4867 .minified #left-panel > ul > li > a > b, |
|
4868 .minified nav > ul > li > a > b { |
|
4869 display: none; |
|
4870 } |
|
4871 .minified #left-panel > ul > li > a > .menu-item-parent, |
|
4872 .minified nav > ul > li > a > .menu-item-parent { |
|
4873 display: none; |
|
4874 position: absolute; |
|
4875 left: 40px; |
|
4876 top: -3px; |
|
4877 width: 186px; |
|
4878 height: 36px; |
|
4879 line-height: 38px; |
|
4880 background-color: #f5f5f5; |
|
4881 color: #333; |
|
4882 z-index: 3; |
|
4883 -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4884 box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4885 border-left: 1px solid #bfbfbf; |
|
4886 border-top: 1px solid #D8D4D4; |
|
4887 border-bottom: 1px solid #fff; |
|
4888 padding-left: 12px; |
|
4889 } |
|
4890 .minified #left-panel > ul > li > ul, |
|
4891 .minified nav > ul > li > ul { |
|
4892 display: none!important; |
|
4893 position: absolute; |
|
4894 left: 40px; |
|
4895 width: 200px; |
|
4896 z-index: 5; |
|
4897 border: 1px solid #58635b; |
|
4898 min-height: 180px; |
|
4899 -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4900 box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); |
|
4901 background: #58635b; |
|
4902 margin-top: -3px; |
|
4903 } |
|
4904 .minified #left-panel ul > li > ul > li > ul, |
|
4905 .minified nav ul > li > ul > li > ul { |
|
4906 position: relative; |
|
4907 left: 13px; |
|
4908 border: 0; |
|
4909 margin-left: -12px; |
|
4910 width: 197px; |
|
4911 } |
|
4912 .minified #left-panel > ul > li:hover > a > .menu-item-parent, |
|
4913 .minified nav > ul > li:hover > a > .menu-item-parent, |
|
4914 .minified #left-panel > ul > li:hover > ul, |
|
4915 .minified nav > ul > li:hover > ul { |
|
4916 display: block!important; |
|
4917 } |
|
4918 .minified #left-panel > ul > li > ul > li, |
|
4919 .minified nav > ul > li > ul > li { |
|
4920 background-color: #58635b; |
|
4921 } |
|
4922 .minified #left-panel > ul > li > ul > li > ul > li, |
|
4923 .minified nav > ul > li > ul > li > ul > li { |
|
4924 background-color: #4a534d; |
|
4925 } |
|
4926 .minified #left-panel > ul > li > ul > li > a, |
|
4927 .minified nav > ul > li > ul > li > a, |
|
4928 .minified #left-panel > ul > li > ul > li > ul > li > a, |
|
4929 .minified nav > ul > li > ul > li > ul > li > a { |
|
4930 padding-top: 7px; |
|
4931 padding-bottom: 7px; |
|
4932 } |
|
4933 .minified #left-panel > ul > li > ul > li > ul > li a, |
|
4934 .minified nav > ul > li > ul > li > ul > li a { |
|
4935 padding-top: 6px; |
|
4936 padding-bottom: 6px; |
|
4937 } |
|
4938 .minified #left-panel > ul > ul, |
|
4939 .minified nav > ul > ul { |
|
4940 min-height: 100px!important; |
|
4941 max-height: 180px!important; |
|
4942 overflow-y: scroll; |
|
4943 overflow-x: hidden; |
|
4944 background: #ed1c24!important; |
|
4945 } |
|
4946 .minified #left-panel > ul ul li::before, |
|
4947 .minified nav > ul ul li::before { |
|
4948 border: 0; |
|
4949 } |
|
4950 .minified #left-panel ul ul ul ul li a, |
|
4951 .minified nav ul ul ul ul li a { |
|
4952 padding-left: 45px; |
|
4953 } |
|
4954 .minified #left-panel ul ul ul ul ul li a, |
|
4955 .minified nav ul ul ul ul ul li a { |
|
4956 padding-left: 62px; |
|
4957 } |
|
4958 .minified #left-panel ul ul ul ul ul ul li a, |
|
4959 .minified nav ul ul ul ul ul ul li a { |
|
4960 padding-left: 82px; |
|
4961 } |
|
4962 .minified #left-panel .version { |
|
4963 display: none; |
|
4964 } |
|
4965 .minified .slimScrollDiv, |
|
4966 .minified .slimScrollDiv > :first-child { |
|
4967 overflow: visible!important; |
|
4968 } |
|
4969 .minified .slimScrollBar, |
|
4970 .minified .slimScrollRail { |
|
4971 display: none; |
|
4972 } |
|
4973 .slimScrollDiv, |
|
4974 .slimScrollDiv > :first-child { |
|
4975 overflow: hidden; |
|
4976 } |
|
4977 @media (max-width: 979px) { |
|
4978 #hide-menu i, |
|
4979 #logout i { |
|
4980 color: #6D6A69; |
|
4981 font-size: 100%; |
|
4982 } |
|
4983 } |
|
4984 @media (min-width: 0) and (max-width: 880px) { |
|
4985 #hide-menu i, |
|
4986 #logout i { |
|
4987 font-size: 121%; |
|
4988 } |
|
4989 } |
|
4990 .hidden-menu #left-panel { |
|
4991 left: -210px; |
|
4992 z-index: 1002; |
|
4993 } |
|
4994 @media (max-width: 979px) { |
|
4995 .hidden-menu #left-panel { |
|
4996 left: 0; |
|
4997 } |
|
4998 } |
|
4999 .hidden-menu #left-panel:hover { |
|
5000 left: 0; |
|
5001 } |
|
5002 .hidden-menu #main { |
|
5003 margin-left: 10px; |
|
5004 } |
|
5005 .minified.hidden-menu #main { |
|
5006 margin-left: 0; |
|
5007 } |
|
5008 @media (max-width: 979px) { |
|
5009 .hidden-menu #main { |
|
5010 position: relative; |
|
5011 left: 210px; |
|
5012 } |
|
5013 .minified.hidden-menu #main { |
|
5014 left: 0; |
|
5015 } |
|
5016 } |
|
5017 @media (max-width: 979px) { |
|
5018 .hidden-menu #hide-menu i { |
|
5019 color: #fff; |
|
5020 } |
|
5021 } |
|
5022 @media (min-width: 768px) and (max-width: 880px) { |
|
5023 .hidden-menu #hide-menu i::before { |
|
5024 content: "\f0c9"; |
|
5025 } |
|
5026 } |
|
5027 @media (max-width: 767px) { |
|
5028 .hidden-menu #hide-menu i { |
|
5029 color: #fff; |
|
5030 } |
|
5031 .hidden-menu #hide-menu i::before { |
|
5032 content: "\f0c9"; |
|
5033 } |
|
5034 } |
|
5035 .hidden-menu #hide-menu > :first-child > a { |
|
5036 background-color: #e8e8e8; |
|
5037 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868)); |
|
5038 background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); |
|
5039 background-image: -webkit-gradient(linear, top left, bottom left, from(#5a5a5a), to(#686868)); |
|
5040 background-image: -webkit-linear-gradient(top, #5a5a5a 0, #686868 100%); |
|
5041 background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); |
|
5042 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); |
|
5043 color: #fff; |
|
5044 border-color: #494949; |
|
5045 -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
5046 box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
5047 } |
|
5048 @media (min-width: 768px) and (max-width: 979px) { |
|
5049 .hidden-menu #hide-menu > :first-child > a { |
|
5050 margin-top: 9px; |
|
5051 width: 40px; |
|
5052 } |
|
5053 } |
|
5054 .hidden-menu #hide-menu > :first-child > a:active { |
|
5055 -webkit-box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.2); |
|
5056 box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.2); |
|
5057 } |
|
5058 .hidden-menu .minifyme, |
|
5059 .minified #hide-menu { |
|
5060 display: none; |
|
5061 } |
|
5062 .no-menu #left-panel { |
|
5063 left: -220px; |
|
5064 z-index: 0; |
|
5065 } |
|
5066 .no-menu #main { |
|
5067 margin-left: 0; |
|
5068 } |
|
5069 .no-menu #hide-menu { |
|
5070 display: none; |
|
5071 } |
|
5072 #shortcuts { |
|
5073 position: absolute; |
|
5074 top: 0; |
|
5075 left: 0; |
|
5076 height: auto; |
|
5077 width: 100%; |
|
5078 background-color: #33302F; |
|
5079 background-color: rgba(0, 0, 0, 0.85); |
|
5080 z-index: 1009; |
|
5081 display: none; |
|
5082 color: #fff; |
|
5083 -webkit-box-sizing: border-box; |
|
5084 -moz-box-sizing: border-box; |
|
5085 box-sizing: border-box; |
|
5086 } |
|
5087 #shortcuts ul { |
|
5088 padding: 15px 20px 10px; |
|
5089 list-style: none; |
|
5090 margin: 0; |
|
5091 -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); |
|
5092 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); |
|
5093 border-bottom: 1px solid #423F3F; |
|
5094 } |
|
5095 #shortcuts ul li { |
|
5096 display: inline-block; |
|
5097 width: auto; |
|
5098 } |
|
5099 #shortcuts ul li .ams-metro-tile { |
|
5100 margin: 0 3px 3px; |
|
5101 border: 0; |
|
5102 border-radius: 0; |
|
5103 } |
|
5104 #shortcuts ul li .ams-metro-tile:hover { |
|
5105 color: #fff; |
|
5106 text-decoration: none; |
|
5107 } |
|
5108 #shortcuts ul li .ams-metro-tile:active, |
|
5109 #shortcuts ul li .ams-metro-tile:focus { |
|
5110 left: 0; |
|
5111 top: 0; |
|
5112 } |
|
5113 #shortcuts ul li a { |
|
5114 display: inline-block; |
|
5115 box-sizing: content-box; |
|
5116 text-transform: capitalize; |
|
5117 font-size: 14px; |
|
5118 color: #333; |
|
5119 text-decoration: none; |
|
5120 } |
|
5121 #shortcuts ul li a span { |
|
5122 display: inline-block; |
|
5123 padding: 0 0 0 10px; |
|
5124 } |
|
5125 #shortcuts .version { |
|
5126 position: absolute; |
|
5127 right: 10px; |
|
5128 bottom: 10px; |
|
5129 } |
|
5130 .shortcut-on #response-btn { |
|
5131 display: none!important; |
|
5132 } |
|
5133 .shortcut-on #left-bar .navbar, |
|
5134 .shortcut-on #main .navbar { |
|
5135 border: 0!important; |
|
5136 } |
|
5137 #sparks { |
|
5138 display: block; |
|
5139 list-style: none; |
|
5140 margin: 10px 0 0; |
|
5141 padding: 0; |
|
5142 text-align: right; |
|
5143 } |
|
5144 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
5145 #sparks { |
|
5146 text-align: center; |
|
5147 background: #E0E0E0; |
|
5148 padding: 10px 0; |
|
5149 margin-bottom: 15px; |
|
5150 } |
|
5151 } |
|
5152 #sparks li { |
|
5153 display: inline-block; |
|
5154 border-left: 1px dotted #c7c7c7; |
|
5155 padding: 0 10px; |
|
5156 max-height: 47px; |
|
5157 overflow: hidden; |
|
5158 text-align: left; |
|
5159 box-sizing: content-box; |
|
5160 -moz-box-sizing: content-box; |
|
5161 -webkit-box-sizing: content-box; |
|
5162 } |
|
5163 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
5164 #sparks li { |
|
5165 padding: 0 10px 0 20px; |
|
5166 } |
|
5167 } |
|
5168 #sparks li:last-child { |
|
5169 padding-right: 0; |
|
5170 } |
|
5171 #sparks li:first-child { |
|
5172 border-left: 0; |
|
5173 padding-left: 0; |
|
5174 } |
|
5175 #sparks li h5 { |
|
5176 color: #555; |
|
5177 float: left; |
|
5178 font-size: 11px; |
|
5179 font-weight: 400; |
|
5180 margin: -3px 0 0 0; |
|
5181 padding: 0; |
|
5182 border: 0; |
|
5183 text-transform: uppercase; |
|
5184 } |
|
5185 #sparks li span { |
|
5186 color: #636363; |
|
5187 display: block; |
|
5188 } |
|
5189 .sparks-info { |
|
5190 min-width: 70px; |
|
5191 } |
|
5192 .sparks-info span { |
|
5193 font-size: 18px; |
|
5194 line-height: 20px; |
|
5195 margin: 0; |
|
5196 text-transform: none; |
|
5197 } |
|
5198 .sparks-info .sparkline { |
|
5199 display: block; |
|
5200 float: right; |
|
5201 margin: 3px 0 0 20px; |
|
5202 } |
|
5203 #heat-fill { |
|
5204 display: block; |
|
5205 position: relative; |
|
5206 margin-bottom: 20px; |
|
5207 background: #333; |
|
5208 height: 7px; |
|
5209 width: 200px; |
|
5210 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAABCAIAAAAU3Xa1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDE4MkZGMzMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMDE4MkZGNDMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwMTgyRkYxMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTgyRkYyMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rG8MDAAAAM5JREFUeNpUUtESwyAIg8ft9v8/W4ElBPWKV1AIiKEeEWVuVlWjINSVONBnirQDxukNgcuyTQsBzLHMDsLIQQw+nIL71JqNJ5GZJXApFNpmtlagQjfS2xGbkFA4Iwu+hu0sK3Wl3nOwNv7TvPrWk3X0eW9dK1pU9hK2eTuWb2ySJmlziutA3iBxmblPNvA5PNsuUpoDY80+Z0SW1IRpDEqwC58C14tsr1f8le8si0aojdADr/1UjaclsFashX8GGkL9wDxtRsV6ft/PX4ABADRzhOVIOJaAAAAAAElFTkSuQmCC); |
|
5211 } |
|
5212 .fill-a, |
|
5213 .fill-b { |
|
5214 width: 20px; |
|
5215 text-align: right; |
|
5216 overflow: hidden; |
|
5217 text-overflow: ellipsis; |
|
5218 display: block; |
|
5219 background: #fff; |
|
5220 padding-right: 4px; |
|
5221 position: absolute; |
|
5222 left: 0; |
|
5223 margin-top: -7px; |
|
5224 font-weight: 700; |
|
5225 } |
|
5226 .fill-b { |
|
5227 text-align: left; |
|
5228 position: absolute; |
|
5229 right: 0; |
|
5230 left: auto; |
|
5231 top: 0; |
|
5232 width: 60px; |
|
5233 padding-left: 4px; |
|
5234 padding-right: 0; |
|
5235 } |
|
5236 .cke_top { |
|
5237 background: rgba(248, 248, 248, 0.9) !important; |
|
5238 background-image: none!important; |
|
5239 } |
|
5240 /** |
|
5241 * Messages boxes |
|
5242 */ |
|
5243 .MessageBox { |
|
5244 width: 100%; |
|
5245 height: 100%; |
|
5246 position: fixed; |
|
5247 top: 0; |
|
5248 left: 0; |
|
5249 background: rgba(80, 80, 80, 0.7); |
|
5250 z-index: 100000; |
|
5251 } |
|
5252 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5253 .MessageBox { |
|
5254 width: 100%; |
|
5255 height: 100%; |
|
5256 position: fixed; |
|
5257 top: 0; |
|
5258 left: 0; |
|
5259 background: rgba(80, 80, 80, 0.7); |
|
5260 z-index: 100000; |
|
5261 } |
|
5262 } |
|
5263 .MessageBoxContainer { |
|
5264 top: 35%; |
|
5265 color: #fff; |
|
5266 position: relative; |
|
5267 width: 100%; |
|
5268 background-color: rgba(0, 0, 0, 0.7); |
|
5269 padding: 20px; |
|
5270 } |
|
5271 .MessageBoxContainer.info { |
|
5272 width: 60%; |
|
5273 left: 20%; |
|
5274 background-color: rgba(255, 255, 255, 0.9); |
|
5275 color: #333; |
|
5276 } |
|
5277 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5278 .MessageBoxContainer { |
|
5279 top: 25%; |
|
5280 color: #fff; |
|
5281 position: relative; |
|
5282 width: 100%; |
|
5283 background-color: rgba(0, 0, 0, 0.7); |
|
5284 } |
|
5285 } |
|
5286 .MessageBoxContainer input, |
|
5287 .MessageBoxContainer select { |
|
5288 width: 50%; |
|
5289 padding: 5px; |
|
5290 } |
|
5291 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5292 .MessageBoxContainer input, |
|
5293 .MessageBoxContainer select { |
|
5294 width: 50%; |
|
5295 padding: 5px; |
|
5296 } |
|
5297 } |
|
5298 .MessageBoxMiddle { |
|
5299 position: relative; |
|
5300 left: 20%; |
|
5301 width: 60%; |
|
5302 } |
|
5303 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5304 .MessageBoxMiddle { |
|
5305 position: relative; |
|
5306 left: 0; |
|
5307 width: 100%; |
|
5308 padding: 3px; |
|
5309 } |
|
5310 } |
|
5311 .MessageBoxMiddle .MsgTitle { |
|
5312 letter-spacing: -1px; |
|
5313 font-size: 24px; |
|
5314 font-weight: 300; |
|
5315 } |
|
5316 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5317 .MessageBoxMiddle .MsgTitle { |
|
5318 font-size: 22px; |
|
5319 } |
|
5320 } |
|
5321 .MessageBoxMiddle .pText { |
|
5322 font-style: 30px; |
|
5323 } |
|
5324 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5325 .MessageBoxMiddle { |
|
5326 font-style: 10px; |
|
5327 } |
|
5328 } |
|
5329 .MessageBoxButtonSection { |
|
5330 width: 100%; |
|
5331 height: 30px; |
|
5332 text-align: right; |
|
5333 } |
|
5334 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5335 .MessageBoxButtonSection { |
|
5336 width: 100%; |
|
5337 height: 30px; |
|
5338 } |
|
5339 } |
|
5340 .MessageBoxButtonSection button { |
|
5341 margin-right: 7px; |
|
5342 padding-left: 15px; |
|
5343 padding-right: 15px; |
|
5344 font-size: 14px; |
|
5345 font-weight: 700; |
|
5346 } |
|
5347 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5348 .MessageBoxButtonSection button { |
|
5349 float: right; |
|
5350 margin-right: 5px; |
|
5351 padding-left: 15px; |
|
5352 padding-right: 15px; |
|
5353 } |
|
5354 } |
|
5355 .LoadingBoxContainer { |
|
5356 top: 20%; |
|
5357 color: #fff; |
|
5358 position: relative; |
|
5359 width: 100%; |
|
5360 background-color: rgba(0, 0, 0, 0.7); |
|
5361 } |
|
5362 .LoadingBoxContainer .MsgTitle { |
|
5363 font-size: 26px; |
|
5364 } |
|
5365 .LoadingBoxContainer .pText { |
|
5366 font-style: 30px; |
|
5367 } |
|
5368 .LoadingBoxMiddle { |
|
5369 position: relative; |
|
5370 left: 20%; |
|
5371 width: 50%; |
|
5372 padding: 10px; |
|
5373 } |
|
5374 #LoadingPoints { |
|
5375 position: absolute; |
|
5376 } |
|
5377 #divMiniIcons { |
|
5378 position: fixed; |
|
5379 width: 415px; |
|
5380 right: 10px; |
|
5381 bottom: 180px; |
|
5382 z-index: 9999; |
|
5383 float: right; |
|
5384 } |
|
5385 #divMiniIcons .cajita { |
|
5386 text-align: center; |
|
5387 vertical-align: middle; |
|
5388 padding: 4px 6px; |
|
5389 color: #FFF; |
|
5390 float: right; |
|
5391 cursor: pointer; |
|
5392 display: block; |
|
5393 background-color: red; |
|
5394 font-size: 17px; |
|
5395 margin-left: 4px; |
|
5396 margin-top: 5px; |
|
5397 } |
|
5398 #divMiniIcons .cajita:active { |
|
5399 top: 1px; |
|
5400 left: 1px; |
|
5401 position: relative; |
|
5402 } |
|
5403 #divSmallBoxes { |
|
5404 position: fixed; |
|
5405 right: 0; |
|
5406 top: 0; |
|
5407 z-index: 9999; |
|
5408 } |
|
5409 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5410 #divSmallBoxes { |
|
5411 position: fixed; |
|
5412 width: 90%; |
|
5413 right: 0; |
|
5414 top: 0; |
|
5415 } |
|
5416 } |
|
5417 .BigBox { |
|
5418 position: fixed; |
|
5419 right: 10px; |
|
5420 bottom: 10px; |
|
5421 background-color: #004d60; |
|
5422 padding: 10px 10px 5px; |
|
5423 width: 390px; |
|
5424 height: 150px; |
|
5425 color: #fff; |
|
5426 z-index: 99999; |
|
5427 box-sizing: content-box; |
|
5428 -webkit-box-sizing: content-box; |
|
5429 -moz-box-sizing: content-box; |
|
5430 border-left: 5px solid rgba(0, 0, 0, 0.15); |
|
5431 overflow: hidden; |
|
5432 } |
|
5433 .BigBox span { |
|
5434 font-size: 17px; |
|
5435 font-weight: 300; |
|
5436 letter-spacing: -1px; |
|
5437 padding: 5px 0!important; |
|
5438 display: block; |
|
5439 } |
|
5440 .BigBox p { |
|
5441 font-size: 13px; |
|
5442 margin-top: 10px; |
|
5443 } |
|
5444 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5445 .BigBox { |
|
5446 width: 88%; |
|
5447 } |
|
5448 } |
|
5449 .BigBox .bigboxicon { |
|
5450 font-size: 30px; |
|
5451 text-align: left; |
|
5452 position: absolute; |
|
5453 top: 120px; |
|
5454 left: 6px; |
|
5455 z-index: 0; |
|
5456 } |
|
5457 .BigBox .bigboxnumber { |
|
5458 width: 100%; |
|
5459 text-align: right; |
|
5460 font-size: 25px; |
|
5461 } |
|
5462 .SmallBox { |
|
5463 position: absolute; |
|
5464 right: 5px; |
|
5465 top: 20px; |
|
5466 width: 420px; |
|
5467 color: #fff; |
|
5468 z-index: 9999; |
|
5469 overflow: hidden; |
|
5470 border: 1px solid transparent; |
|
5471 } |
|
5472 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5473 .SmallBox { |
|
5474 width: 95%; |
|
5475 } |
|
5476 } |
|
5477 .SmallBox:hover { |
|
5478 border: 1px solid #fff; |
|
5479 cursor: pointer; |
|
5480 } |
|
5481 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5482 .SmallBox:hover { |
|
5483 -webkit-box-shadow: 0 0 10px #888; |
|
5484 box-shadow: 0 0 10px #888; |
|
5485 cursor: pointer; |
|
5486 } |
|
5487 } |
|
5488 .SmallBox .foto { |
|
5489 font-size: 30px; |
|
5490 position: absolute; |
|
5491 left: 20px; |
|
5492 } |
|
5493 .SmallBox .textoFull { |
|
5494 width: 93%; |
|
5495 float: left; |
|
5496 padding-left: 20px; |
|
5497 } |
|
5498 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5499 .SmallBox .textoFull { |
|
5500 width: 93%; |
|
5501 float: left; |
|
5502 padding-left: 20px; |
|
5503 } |
|
5504 } |
|
5505 .SmallBox .textoFoto { |
|
5506 width: 78%; |
|
5507 margin: 3px 20px 3px 80px; |
|
5508 float: left; |
|
5509 } |
|
5510 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5511 .SmallBox .textoFoto { |
|
5512 width: 55%; |
|
5513 margin: 3px 20px 3px 80px; |
|
5514 float: left; |
|
5515 } |
|
5516 } |
|
5517 .SmallBox span { |
|
5518 font-size: 17px; |
|
5519 font-weight: 300; |
|
5520 letter-spacing: -1px; |
|
5521 display: block; |
|
5522 margin: 4px 0; |
|
5523 } |
|
5524 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5525 .SmallBox span { |
|
5526 font-size: 16px; |
|
5527 } |
|
5528 } |
|
5529 .SmallBox p { |
|
5530 font-size: 13px; |
|
5531 margin-top: 2px; |
|
5532 } |
|
5533 @media screen and (max-width: 450px) and (max-width: 767px) { |
|
5534 .SmallBox p { |
|
5535 font-size: 12px; |
|
5536 margin-top: 2px; |
|
5537 } |
|
5538 } |
|
5539 .btnClose { |
|
5540 position: absolute; |
|
5541 right: 10px; |
|
5542 height: 16px; |
|
5543 width: 15px; |
|
5544 cursor: pointer; |
|
5545 font-size: 18px; |
|
5546 opacity: .5; |
|
5547 display: block; |
|
5548 top: 15px; |
|
5549 } |
|
5550 .btnClose:hover { |
|
5551 opacity: 1; |
|
5552 } |
|
5553 .miniPic { |
|
5554 position: absolute; |
|
5555 bottom: 8px; |
|
5556 right: 9px; |
|
5557 } |
|
5558 .miniIcon { |
|
5559 height: 100%; |
|
5560 font-size: 20px; |
|
5561 } |
|
5562 /* |
|
5563 * Menus styles |
|
5564 */ |
|
5565 nav { |
|
5566 padding-top: 40px; |
|
5567 } |
|
5568 nav ul { |
|
5569 width: 100%; |
|
5570 padding: 0; |
|
5571 margin: 0; |
|
5572 font-size: 13px; |
|
5573 line-height: .5em; |
|
5574 list-style: none; |
|
5575 position: relative; |
|
5576 background-color: #58635b; |
|
5577 } |
|
5578 nav ul li { |
|
5579 overflow: hidden; |
|
5580 } |
|
5581 nav ul li.divider { |
|
5582 height: 20px; |
|
5583 border: 0; |
|
5584 } |
|
5585 nav ul li.divider:first-child, |
|
5586 nav ul li.divider:last-child, |
|
5587 nav ul li.divider + li.divider { |
|
5588 display: none; |
|
5589 } |
|
5590 nav ul li.header { |
|
5591 font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif; |
|
5592 font-size: 14px; |
|
5593 font-weight: bold; |
|
5594 color: #eee; |
|
5595 background-color: #e75a2c; |
|
5596 padding: 4px 10px 4px 20px; |
|
5597 line-height: 18px; |
|
5598 } |
|
5599 nav ul li.header:not(:first-child) { |
|
5600 margin-top: 10px; |
|
5601 } |
|
5602 .minified #left-panel nav ul li.header { |
|
5603 padding: 5px; |
|
5604 color: #e75a2c; |
|
5605 line-height: 0; |
|
5606 max-height: 10px; |
|
5607 overflow: hidden; |
|
5608 } |
|
5609 nav ul li a { |
|
5610 line-height: normal; |
|
5611 font-size: 14px; |
|
5612 padding: 10px 10px 10px 11px; |
|
5613 color: #f9fdf2; |
|
5614 display: block; |
|
5615 font-weight: 400; |
|
5616 text-decoration: none!important; |
|
5617 position: relative; |
|
5618 } |
|
5619 nav ul li a:active { |
|
5620 background: #606b62 !important; |
|
5621 } |
|
5622 nav ul li a:focus { |
|
5623 color: #c9c9c9; |
|
5624 } |
|
5625 nav ul li a:hover { |
|
5626 color: #fff; |
|
5627 text-decoration: none; |
|
5628 } |
|
5629 nav ul li.active > a { |
|
5630 background-color: #58635b; |
|
5631 color: #fff !important; |
|
5632 position: relative; |
|
5633 } |
|
5634 nav ul li.active > a:before { |
|
5635 content: "\f0d9"; |
|
5636 font-family: FontAwesome; |
|
5637 display: block; |
|
5638 height: 27px; |
|
5639 line-height: 14px; |
|
5640 width: 27px; |
|
5641 position: absolute; |
|
5642 right: -21px; |
|
5643 font-size: 20px; |
|
5644 color: #e5e2cf; |
|
5645 } |
|
5646 nav ul li.active.open > a:before { |
|
5647 content: ""; |
|
5648 } |
|
5649 nav ul li.active.open > a.active:before { |
|
5650 content: "\f0d9"; |
|
5651 } |
|
5652 nav ul li li { |
|
5653 border-bottom: 0; |
|
5654 position: relative; |
|
5655 } |
|
5656 nav ul .active > a { |
|
5657 color: #fefefe !important; |
|
5658 position: relative; |
|
5659 } |
|
5660 nav ul.active li.active > a { |
|
5661 cursor: default; |
|
5662 } |
|
5663 nav ul.active li.active > a.open { |
|
5664 cursor: pointer; |
|
5665 } |
|
5666 nav ul.active li.active > a.open.active { |
|
5667 cursor: default; |
|
5668 background-color: #337ab7; |
|
5669 transition: background-color ease 2s; |
|
5670 } |
|
5671 nav ul b { |
|
5672 float: right; |
|
5673 font-size: 14px; |
|
5674 margin-top: -1px; |
|
5675 } |
|
5676 nav ul span.menu-item-parent { |
|
5677 display: inline-block; |
|
5678 margin: 0; |
|
5679 padding: 0; |
|
5680 } |
|
5681 nav ul ul { |
|
5682 margin: 0; |
|
5683 display: none; |
|
5684 background: #4a534d; |
|
5685 padding: 2px 0; |
|
5686 } |
|
5687 nav ul ul > li:hover b { |
|
5688 color: #d5d9e2; |
|
5689 } |
|
5690 nav ul ul li { |
|
5691 margin: 0; |
|
5692 padding: 0; |
|
5693 } |
|
5694 nav ul ul li.divider { |
|
5695 height: 1px; |
|
5696 margin-left: 30px; |
|
5697 padding: 0; |
|
5698 } |
|
5699 nav ul ul li > a { |
|
5700 padding-left: 42px; |
|
5701 font-size: 12px; |
|
5702 font-weight: 400; |
|
5703 outline: 0; |
|
5704 } |
|
5705 nav ul ul li > a:hover { |
|
5706 background-color: #39423c; |
|
5707 color: #fff; |
|
5708 } |
|
5709 nav ul ul li > a.active { |
|
5710 margin-left: 30px; |
|
5711 padding-left: 12px; |
|
5712 background-color: #337ab7; |
|
5713 transition: background-color ease 2s; |
|
5714 } |
|
5715 .minified nav ul ul li > a.active { |
|
5716 margin-left: 0; |
|
5717 } |
|
5718 nav ul ul ul { |
|
5719 background: 0 0; |
|
5720 padding: 0; |
|
5721 } |
|
5722 nav ul ul ul li a { |
|
5723 color: #bfbfbf; |
|
5724 padding: 8px 10px 8px 60px; |
|
5725 font-size: 11px; |
|
5726 } |
|
5727 nav ul ul ul li a:hover { |
|
5728 background-color: #39423c; |
|
5729 color: #fff; |
|
5730 } |
|
5731 nav ul ul ul li a.active { |
|
5732 margin-left: 50px; |
|
5733 padding-left: 10px; |
|
5734 } |
|
5735 nav ul ul ul ul li a { |
|
5736 padding-left: 90px; |
|
5737 } |
|
5738 nav ul ul ul ul li a.active { |
|
5739 margin-left: 80px; |
|
5740 padding-left: 10px; |
|
5741 } |
|
5742 nav ul ul ul ul ul li a { |
|
5743 padding-left: 110px; |
|
5744 } |
|
5745 nav ul ul ul ul ul li a.active { |
|
5746 margin-left: 100px; |
|
5747 padding-left: 10px; |
|
5748 } |
|
5749 nav ul ul ul ul ul ul li a { |
|
5750 padding-left: 130px; |
|
5751 } |
|
5752 nav ul ul ul ul ul ul li a.active { |
|
5753 margin-left: 120px; |
|
5754 padding-left: 10px; |
|
5755 } |
|
5756 nav ul ul b { |
|
5757 color: #b3b3b3; |
|
5758 } |
|
5759 nav > ul > li:hover > ul::before, |
|
5760 nav > ul > li:hover > ul > li::before { |
|
5761 border-color: rgba(122, 122, 122, 0.4) !important; |
|
5762 } |
|
5763 nav > ul > li:not(.active) > a:hover { |
|
5764 background-color: #606b62; |
|
5765 } |
|
5766 .minified nav > ul > li.active > a { |
|
5767 background-color: #337ab7; |
|
5768 transition: background-color ease 2s; |
|
5769 } |
|
5770 nav > ul > li > a > .badge.pull-right { |
|
5771 margin-right: 15px; |
|
5772 } |
|
5773 .minified nav > ul > li > a > .badge.pull-right { |
|
5774 position: absolute; |
|
5775 margin-right: 0; |
|
5776 top: 0.4em; |
|
5777 right: 5px; |
|
5778 } |
|
5779 nav > ul > li > a b { |
|
5780 position: absolute!important; |
|
5781 visibility: hidden; |
|
5782 right: 10px; |
|
5783 top: 10px; |
|
5784 } |
|
5785 nav > ul > li > a > i { |
|
5786 margin-right: 5px; |
|
5787 width: 15px; |
|
5788 display: inline-block; |
|
5789 text-align: center; |
|
5790 position: relative; |
|
5791 } |
|
5792 nav > ul > li > a > i > em { |
|
5793 font-size: 9px; |
|
5794 display: block; |
|
5795 padding: 2px; |
|
5796 position: absolute; |
|
5797 top: -8px; |
|
5798 right: -6px; |
|
5799 text-decoration: none; |
|
5800 font-style: normal; |
|
5801 background-color: #ed1c24; |
|
5802 color: #fff; |
|
5803 min-width: 13px; |
|
5804 border-radius: 50%; |
|
5805 max-height: 13px; |
|
5806 line-height: 8px; |
|
5807 font-weight: 700; |
|
5808 vertical-align: baseline; |
|
5809 white-space: nowrap; |
|
5810 text-align: center; |
|
5811 border: 1px solid rgba(255, 255, 255, 0.1); |
|
5812 } |
|
5813 nav > ul > li:not(.open) > a:hover b, |
|
5814 nav > ul > li.open:not(.active) > a:hover b { |
|
5815 visibility: visible; |
|
5816 } |
|
5817 nav > ul > li > ul::before { |
|
5818 content: ""; |
|
5819 display: block; |
|
5820 position: absolute; |
|
5821 z-index: 1; |
|
5822 left: 23px; |
|
5823 top: 0; |
|
5824 bottom: 13px; |
|
5825 border-left: 1px solid rgba(122, 122, 122, 0.1); |
|
5826 } |
|
5827 nav > ul > li > ul > li > a, |
|
5828 nav > ul > li > ul > li > ul > li > a { |
|
5829 padding-top: 5px; |
|
5830 padding-bottom: 5px; |
|
5831 } |
|
5832 nav > ul ul li a i { |
|
5833 font-size: 14px!important; |
|
5834 width: 18px!important; |
|
5835 text-align: center!important; |
|
5836 } |
|
5837 nav > ul ul li::before { |
|
5838 content: ""; |
|
5839 display: block; |
|
5840 position: absolute; |
|
5841 width: 8px; |
|
5842 left: 23px; |
|
5843 top: 13px; |
|
5844 border-top: 1px solid rgba(122, 122, 122, 0.1); |
|
5845 z-index: 1; |
|
5846 } |
|
5847 nav > ul ul ul li::before { |
|
5848 content: ""; |
|
5849 display: block; |
|
5850 position: absolute; |
|
5851 width: 18px; |
|
5852 left: 10px; |
|
5853 top: 17px; |
|
5854 border-top: 1px solid transparent; |
|
5855 } |
|
5856 @media (min-width: 768px) { |
|
5857 .navbar-nav > li > a { |
|
5858 padding-top: 17px; |
|
5859 padding-bottom: 15px; |
|
5860 } |
|
5861 } |
|
5862 .ui-menu { |
|
5863 display: block; |
|
5864 width: 155px; |
|
5865 padding: 2px; |
|
5866 -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
5867 box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
5868 background: #fff; |
|
5869 border: 1px solid rgba(0, 0, 0, 0.2); |
|
5870 z-index: 1; |
|
5871 list-style: none; |
|
5872 margin: 0; |
|
5873 margin-bottom: 2em; |
|
5874 outline: 0; |
|
5875 } |
|
5876 .ui-menu .ui-menu { |
|
5877 margin-top: -3px; |
|
5878 position: absolute; |
|
5879 list-style: none; |
|
5880 } |
|
5881 .ui-menu .ui-menu-item { |
|
5882 margin: 0; |
|
5883 padding: 0; |
|
5884 width: 100%; |
|
5885 list-style: none; |
|
5886 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); |
|
5887 } |
|
5888 .ui-menu .ui-menu-item a { |
|
5889 text-decoration: none; |
|
5890 display: block; |
|
5891 padding: 2px .4em; |
|
5892 line-height: 1.5; |
|
5893 min-height: 0; |
|
5894 font-weight: 400; |
|
5895 } |
|
5896 .ui-menu .ui-menu-item a.ui-corner-all { |
|
5897 border-radius: 0; |
|
5898 } |
|
5899 .ui-menu .ui-menu-item a.ui-state-active, |
|
5900 .ui-menu .ui-menu-item a.ui-state-focus, |
|
5901 .ui-menu .ui-menu-item a.ui-widget-content { |
|
5902 font-weight: 700; |
|
5903 margin: 0; |
|
5904 background-color: #428BCA; |
|
5905 border-color: #357EBD; |
|
5906 color: #FFF; |
|
5907 display: block; |
|
5908 white-space: nowrap; |
|
5909 } |
|
5910 .ui-menu .ui-menu-item a.ui-state-active { |
|
5911 padding: 1px .4em; |
|
5912 } |
|
5913 .ui-menu .ui-menu-item a .ui-menu-icon { |
|
5914 width: auto; |
|
5915 height: auto; |
|
5916 top: 0; |
|
5917 left: auto; |
|
5918 right: auto; |
|
5919 bottom: auto; |
|
5920 text-indent: 0; |
|
5921 } |
|
5922 .ui-menu .ui-menu-divider { |
|
5923 margin: 5px -2px 5px -2px; |
|
5924 height: 0; |
|
5925 font-size: 0; |
|
5926 line-height: 0; |
|
5927 border-width: 1px 0 0; |
|
5928 } |
|
5929 .ui-menu .ui-state-disabled { |
|
5930 margin: .4em 0 .2em!important; |
|
5931 background: none!important; |
|
5932 color: #999!important; |
|
5933 font-weight: 400!important; |
|
5934 cursor: default; |
|
5935 line-height: 1.5; |
|
5936 } |
|
5937 .ui-menu .ui-state-disabled a { |
|
5938 cursor: default; |
|
5939 } |
|
5940 .ui-menu .ui-menu-icons { |
|
5941 position: relative; |
|
5942 } |
|
5943 .ui-menu .ui-menu-icons .ui-menu-item a { |
|
5944 position: relative; |
|
5945 padding-left: 2em; |
|
5946 } |
|
5947 .ui-menu .ui-icon { |
|
5948 position: absolute; |
|
5949 top: .2em; |
|
5950 left: .2em; |
|
5951 } |
|
5952 .ui-menu .ui-menu-icon { |
|
5953 position: static; |
|
5954 float: right; |
|
5955 } |
|
5956 .dropdown-menu { |
|
5957 max-height: calc(100vh - 200px); |
|
5958 overflow-y: auto; |
|
5959 } |
|
5960 .dropdown-menu > li > a:hover { |
|
5961 background-color: #e0e0e0; |
|
5962 } |
|
5963 .dropdown-menu > li li a { |
|
5964 display: block; |
|
5965 padding: 0; |
|
5966 clear: both; |
|
5967 font-weight: normal; |
|
5968 line-height: 1.42857143; |
|
5969 color: #333; |
|
5970 white-space: nowrap; |
|
5971 } |
|
5972 .open > .dropdown-menu { |
|
5973 -webkit-animation-name: flipInX; |
|
5974 animation-name: flipInX; |
|
5975 -webkit-animation-duration: .4s; |
|
5976 animation-duration: .4s; |
|
5977 -webkit-animation-fill-mode: both; |
|
5978 animation-fill-mode: both; |
|
5979 } |
|
5980 .dropdown-menu .small.divider { |
|
5981 margin: 3px 0; |
|
5982 } |
|
5983 .dropdown-menu-xs { |
|
5984 min-width: 37px; |
|
5985 } |
|
5986 .dropdown-menu-xs > li > a { |
|
5987 padding: 3px 10px; |
|
5988 } |
|
5989 .dropdown-menu-xs > li > a:hover i { |
|
5990 color: #fff!important; |
|
5991 } |
|
5992 .dropdown-submenu { |
|
5993 position: relative; |
|
5994 } |
|
5995 .dropdown-submenu > .dropdown-menu { |
|
5996 top: 0; |
|
5997 left: 100%; |
|
5998 margin-top: -6px; |
|
5999 margin-left: -1px; |
|
6000 } |
|
6001 .dropdown-submenu:hover > .dropdown-menu { |
|
6002 display: block; |
|
6003 } |
|
6004 .dropdown-submenu > a:after { |
|
6005 display: block; |
|
6006 content: " "; |
|
6007 float: right; |
|
6008 width: 0; |
|
6009 height: 0; |
|
6010 border-color: transparent; |
|
6011 border-style: solid; |
|
6012 border-width: 5px 0 5px 5px; |
|
6013 border-left-color: #bfbfbf; |
|
6014 margin-top: 5px; |
|
6015 margin-right: -10px; |
|
6016 } |
|
6017 .dropdown-submenu:hover > a:after { |
|
6018 border-left-color: #fff; |
|
6019 } |
|
6020 .dropdown-submenu.pull-left { |
|
6021 float: none; |
|
6022 } |
|
6023 .dropdown-submenu.pull-left > .dropdown-menu { |
|
6024 left: -100%; |
|
6025 margin-left: 10px; |
|
6026 } |
|
6027 #user-activity .ajax-dropdown { |
|
6028 position: absolute; |
|
6029 display: none; |
|
6030 z-index: 1003; |
|
6031 top: 48px; |
|
6032 left: 16px; |
|
6033 width: 344px; |
|
6034 height: 452px; |
|
6035 border-radius: 0; |
|
6036 -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
6037 box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); |
|
6038 padding: 10px; |
|
6039 background: #fff; |
|
6040 border: 1px solid #b3b3b3; |
|
6041 } |
|
6042 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6043 #user-activity .ajax-dropdown { |
|
6044 width: 299px; |
|
6045 height: 337px; |
|
6046 left: 0; |
|
6047 top: 49px; |
|
6048 } |
|
6049 } |
|
6050 #user-activity .ajax-dropdown:after, |
|
6051 #user-activity .ajax-dropdown:before { |
|
6052 bottom: 100%; |
|
6053 border: solid transparent; |
|
6054 content: " "; |
|
6055 height: 0; |
|
6056 width: 0; |
|
6057 position: absolute; |
|
6058 pointer-events: none; |
|
6059 } |
|
6060 #user-activity .ajax-dropdown:before { |
|
6061 border-color: rgba(131, 131, 131, 0); |
|
6062 border-bottom-color: #838383; |
|
6063 border-width: 8px; |
|
6064 right: 8px; |
|
6065 margin-left: -8px; |
|
6066 } |
|
6067 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6068 #user-activity .ajax-dropdown:before { |
|
6069 margin-left: -14px; |
|
6070 right: 13px; |
|
6071 } |
|
6072 } |
|
6073 #user-activity .ajax-dropdown:after { |
|
6074 border-color: rgba(255, 255, 255, 0); |
|
6075 border-bottom-color: #fff; |
|
6076 border-width: 7px; |
|
6077 right: 9px; |
|
6078 margin-left: -7px; |
|
6079 } |
|
6080 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6081 #user-activity .ajax-dropdown:after { |
|
6082 margin-left: -13px; |
|
6083 right: 14px; |
|
6084 } |
|
6085 } |
|
6086 #user-activity .ajax-dropdown > :last-child { |
|
6087 font-size: 13px; |
|
6088 display: block; |
|
6089 padding: 5px 0; |
|
6090 line-height: 20px; |
|
6091 font-weight: 400; |
|
6092 } |
|
6093 #user-activity .ajax-dropdown > :first-child { |
|
6094 margin: 0 0 3px; |
|
6095 padding: 0 0 9px; |
|
6096 } |
|
6097 #user-activity .ajax-dropdown .fa-4x.fa-border { |
|
6098 border-width: 3px; |
|
6099 border-radius: 50%; |
|
6100 display: block; |
|
6101 margin: 0 auto; |
|
6102 width: 80px; |
|
6103 text-align: center; |
|
6104 color: #D1D1D1; |
|
6105 border-color: #D1D1D1; |
|
6106 } |
|
6107 #user-activity .ajax-dropdown .btn-group .btn { |
|
6108 font-weight: 700; |
|
6109 text-transform: capitalize; |
|
6110 } |
|
6111 #user-activity .ajax-dropdown .btn-group > :nth-child(2) { |
|
6112 border-right-width: 0; |
|
6113 border-left-width: 0; |
|
6114 } |
|
6115 #user-activity .ajax-dropdown .btn-group .btn:active { |
|
6116 top: 0; |
|
6117 left: 0; |
|
6118 } |
|
6119 .active + #user-activity .ajax-dropdown { |
|
6120 -webkit-animation-name: flipInY; |
|
6121 animation-name: flipInY; |
|
6122 -webkit-animation-duration: .7s; |
|
6123 animation-duration: .7s; |
|
6124 -webkit-animation-fill-mode: both; |
|
6125 animation-fill-mode: both; |
|
6126 } |
|
6127 .dropdown-large { |
|
6128 position: static!important; |
|
6129 } |
|
6130 .dropdown-menu-large { |
|
6131 margin-left: 16px; |
|
6132 margin-right: 16px; |
|
6133 padding: 20px 0; |
|
6134 } |
|
6135 .dropdown-menu-large > li > ul { |
|
6136 padding: 0; |
|
6137 margin: 0; |
|
6138 } |
|
6139 .dropdown-menu-large > li > ul > li { |
|
6140 list-style: none; |
|
6141 } |
|
6142 .dropdown-menu-large > li > ul > li > a { |
|
6143 display: block; |
|
6144 padding: 3px 20px; |
|
6145 clear: both; |
|
6146 font-weight: 400; |
|
6147 line-height: 1.428571429; |
|
6148 color: #333; |
|
6149 white-space: normal; |
|
6150 } |
|
6151 .dropdown-menu-large > li ul > li > a:focus, |
|
6152 .dropdown-menu-large > li ul > li > a:hover { |
|
6153 text-decoration: none; |
|
6154 color: #262626; |
|
6155 background-color: #f5f5f5; |
|
6156 } |
|
6157 .dropdown-menu-large .disabled > a, |
|
6158 .dropdown-menu-large .disabled > a:focus, |
|
6159 .dropdown-menu-large .disabled > a:hover { |
|
6160 color: #999; |
|
6161 } |
|
6162 .dropdown-menu-large .disabled > a:focus, |
|
6163 .dropdown-menu-large .disabled > a:hover { |
|
6164 text-decoration: none; |
|
6165 background-color: transparent; |
|
6166 background-image: none; |
|
6167 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|
6168 cursor: not-allowed; |
|
6169 } |
|
6170 .dropdown-menu-large .dropdown-header { |
|
6171 color: #428bca; |
|
6172 font-size: 18px; |
|
6173 } |
|
6174 @media (max-width: 768px) { |
|
6175 .dropdown-menu-large { |
|
6176 margin-left: 0; |
|
6177 margin-right: 0; |
|
6178 } |
|
6179 .dropdown-menu-large > li { |
|
6180 margin-bottom: 30px; |
|
6181 } |
|
6182 .dropdown-menu-large > li:last-child { |
|
6183 margin-bottom: 0; |
|
6184 } |
|
6185 .dropdown-menu-large .dropdown-header { |
|
6186 padding: 3px 15px!important; |
|
6187 } |
|
6188 } |
|
6189 .wijmo-wijmenu { |
|
6190 padding: 0 20px; |
|
6191 background-color: #222; |
|
6192 background-repeat: repeat-x; |
|
6193 background-image: -webkit-gradient(linear, top left, bottom left, from(#333), to(#222)); |
|
6194 background-image: -webkit-linear-gradient(top, #333, #222); |
|
6195 background-image: linear-gradient(top, #333, #222); |
|
6196 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
|
6197 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
6198 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
6199 } |
|
6200 .wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text { |
|
6201 color: #bfbfbf; |
|
6202 } |
|
6203 .wijmo-wijmenu .ui-state-hover { |
|
6204 background: #444; |
|
6205 background: rgba(255, 255, 255, 0.05); |
|
6206 } |
|
6207 .wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text { |
|
6208 color: #fff; |
|
6209 } |
|
6210 .wijmo-wijmenu .ui-widget-header h3 { |
|
6211 position: relative; |
|
6212 margin-top: 1px; |
|
6213 padding: 0; |
|
6214 } |
|
6215 .wijmo-wijmenu h3 a { |
|
6216 color: #fff; |
|
6217 display: block; |
|
6218 float: left; |
|
6219 font-size: 20px; |
|
6220 font-weight: 200; |
|
6221 line-height: 1; |
|
6222 margin-left: -20px; |
|
6223 margin-top: 1px; |
|
6224 padding: 8px 20px 12px; |
|
6225 } |
|
6226 .wijmo-wijmenu h3 a:hover { |
|
6227 background-color: rgba(255, 255, 255, 0.05); |
|
6228 color: #fff; |
|
6229 text-decoration: none; |
|
6230 } |
|
6231 .wijmo-wijmenu .ui-widget-header { |
|
6232 border: 0; |
|
6233 } |
|
6234 .wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child { |
|
6235 padding: .3em 0; |
|
6236 } |
|
6237 .wijmo-wijmenu .wijmo-wijmenu-item { |
|
6238 margin: 0; |
|
6239 border: 0; |
|
6240 } |
|
6241 .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child { |
|
6242 background: #333; |
|
6243 border: 0; |
|
6244 margin: 0; |
|
6245 padding: 6px 0; |
|
6246 width: 160px; |
|
6247 border-radius: 0 0 6px 6px; |
|
6248 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
6249 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
6250 } |
|
6251 .wijmo-wijmenu a.wijmo-wijmenu-link { |
|
6252 margin: 0; |
|
6253 line-height: 19px; |
|
6254 padding: 10px 10px 11px; |
|
6255 border: 0; |
|
6256 border-radius: 0; |
|
6257 } |
|
6258 .wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link { |
|
6259 display: block; |
|
6260 float: none; |
|
6261 padding: 4px 15px; |
|
6262 width: auto; |
|
6263 } |
|
6264 .wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text { |
|
6265 float: none; |
|
6266 } |
|
6267 .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover { |
|
6268 background: #191919; |
|
6269 } |
|
6270 .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator { |
|
6271 padding: 5px 0; |
|
6272 background-image: none; |
|
6273 background-color: #222; |
|
6274 border-top: 1px solid #444; |
|
6275 border-bottom: 0; |
|
6276 border-left: 0; |
|
6277 border-right: 0; |
|
6278 } |
|
6279 .wijmo-wijmenu .wijmo-wijmenu-item input { |
|
6280 -moz-transition: none 0s ease 0s; |
|
6281 background-color: rgba(255, 255, 255, 0.3); |
|
6282 border: 1px solid #111; |
|
6283 border-radius: 4px; |
|
6284 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); |
|
6285 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); |
|
6286 color: rgba(255, 255, 255, 0.75); |
|
6287 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
6288 line-height: 1; |
|
6289 margin: 5px 10px 0; |
|
6290 padding: 4px 9px; |
|
6291 width: 100px; |
|
6292 } |
|
6293 .wijmo-wijmenu .wijmo-wijmenu-item input:hover { |
|
6294 background-color: rgba(255, 255, 255, 0.5); |
|
6295 color: #fff; |
|
6296 } |
|
6297 .wijmo-wijmenu .wijmo-wijmenu-item input:focus { |
|
6298 background-color: #fff; |
|
6299 border: 0 none; |
|
6300 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
|
6301 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
|
6302 color: #404040; |
|
6303 outline: 0 none; |
|
6304 padding: 5px 10px; |
|
6305 text-shadow: 0 1px 0 #fff; |
|
6306 } |
|
6307 .wijmo-wijmenu .ui-state-default { |
|
6308 text-shadow: none; |
|
6309 -webkit-box-shadow: none; |
|
6310 box-shadow: none; |
|
6311 color: #bfbfbf; |
|
6312 -webkit-filter: none; |
|
6313 filter: none; |
|
6314 } |
|
6315 /* |
|
6316 * Tabs |
|
6317 */ |
|
6318 .tabs-below > .nav-tabs, |
|
6319 .tabs-left > .nav-tabs, |
|
6320 .tabs-right > .nav-tabs { |
|
6321 border-bottom: 0; |
|
6322 } |
|
6323 .nav-tabs.bordered { |
|
6324 background: #fff; |
|
6325 border: 1px solid #ddd; |
|
6326 } |
|
6327 .nav-tabs.bordered > :first-child a { |
|
6328 border-left-width: 0!important; |
|
6329 } |
|
6330 .nav-tabs.bordered + .tab-content { |
|
6331 border: 1px solid #ddd; |
|
6332 border-top: 0; |
|
6333 } |
|
6334 .nav-tabs > li > a { |
|
6335 padding: 4px 10px; |
|
6336 border-radius: 0; |
|
6337 color: #333; |
|
6338 } |
|
6339 .nav-tabs > li > a.xsmall { |
|
6340 line-height: 1.0; |
|
6341 padding: 3px 8px; |
|
6342 } |
|
6343 .nav-tabs > li > a .label { |
|
6344 display: inline-block; |
|
6345 font-size: 11px; |
|
6346 margin-left: 5px; |
|
6347 opacity: .5; |
|
6348 } |
|
6349 .nav-tabs > li > a .badge { |
|
6350 font-size: 11px; |
|
6351 padding: 4px 5px 2px; |
|
6352 opacity: .5; |
|
6353 margin-left: 5px; |
|
6354 min-width: 17px; |
|
6355 font-weight: 400; |
|
6356 } |
|
6357 .tabs-left .nav-tabs > li > a .badge { |
|
6358 margin-right: 5px; |
|
6359 margin-left: 0; |
|
6360 } |
|
6361 .nav-tabs > li > a > .fa { |
|
6362 opacity: .5; |
|
6363 } |
|
6364 .nav-tabs.small > li > a { |
|
6365 padding: 2px 8px; |
|
6366 font-size: 90%; |
|
6367 } |
|
6368 .nav-tabs.tiny > li > a { |
|
6369 padding: 1px 6px; |
|
6370 font-size: 75%; |
|
6371 } |
|
6372 .nav-tabs > li.active > a { |
|
6373 -webkit-box-shadow: 0 -2px 0 #3276b1; |
|
6374 box-shadow: 0 -2px 0 #3276b1; |
|
6375 border-top-width: 0!important; |
|
6376 margin-top: 1px!important; |
|
6377 font-weight: 700; |
|
6378 } |
|
6379 .nav-tabs > li.active > a .badge, |
|
6380 .nav-tabs > li.active > a .label, |
|
6381 .nav-tabs > li.active > a > .fa { |
|
6382 opacity: 1; |
|
6383 } |
|
6384 .tabs-left .nav-tabs > li.active > a { |
|
6385 -webkit-box-shadow: -2px 0 0 #3276b1; |
|
6386 box-shadow: -2px 0 0 #3276b1; |
|
6387 border-top-width: 1px!important; |
|
6388 border-left: 0!important; |
|
6389 margin-left: 1px!important; |
|
6390 } |
|
6391 .tabs-right .nav-tabs > li.active > a { |
|
6392 -webkit-box-shadow: 2px 0 0 #3276b1; |
|
6393 box-shadow: 2px 0 0 #57889c; |
|
6394 border-top-width: 1px!important; |
|
6395 border-right: 0!important; |
|
6396 margin-right: 1px!important; |
|
6397 } |
|
6398 .tabs-below .nav-tabs > li.active > a { |
|
6399 -webkit-box-shadow: 0 2px 0 #3276b1; |
|
6400 box-shadow: 0 2px 0 #3276b1; |
|
6401 border-bottom-width: 0!important; |
|
6402 border-top: 0!important; |
|
6403 margin-top: 0!important; |
|
6404 } |
|
6405 .tabs-left > .nav-tabs > li, |
|
6406 .tabs-right > .nav-tabs > li, |
|
6407 .tabs-left > .nav-pills > li, |
|
6408 .tabs-right > .nav-pills > li { |
|
6409 float: none; |
|
6410 } |
|
6411 .tabs-left > .nav-tabs > li > a, |
|
6412 .tabs-right > .nav-tabs > li > a, |
|
6413 .tabs-left > .nav-pills > li > a, |
|
6414 .tabs-right > .nav-pills > li > a { |
|
6415 min-width: 74px; |
|
6416 margin-right: 0; |
|
6417 margin-bottom: 3px; |
|
6418 } |
|
6419 .tabs-left .nav-pills > li.active > a { |
|
6420 border: 0!important; |
|
6421 box-shadow: none!important; |
|
6422 -webkit-box-shadow: none!important; |
|
6423 } |
|
6424 .tabs-left > .nav-pills, |
|
6425 .tabs-left > .nav-tabs { |
|
6426 float: left; |
|
6427 margin-right: 19px; |
|
6428 border-right: 1px solid #ddd; |
|
6429 } |
|
6430 .tabs-left > .nav-pills { |
|
6431 border-right: 0; |
|
6432 } |
|
6433 .tabs-left > .nav-tabs > li > a { |
|
6434 margin-right: -1px; |
|
6435 } |
|
6436 .tabs-left > .nav-tabs > li > a:focus, |
|
6437 .tabs-left > .nav-tabs > li > a:hover { |
|
6438 border-color: #eee #d5d5d5 #eee #eee; |
|
6439 } |
|
6440 .tabs-left > .nav-tabs .active > a, |
|
6441 .tabs-left > .nav-tabs .active > a:focus, |
|
6442 .tabs-left > .nav-tabs .active > a:hover { |
|
6443 border-color: #d5d5d5 transparent #d5d5d5 #ddd; |
|
6444 *border-right-color: #fff; |
|
6445 } |
|
6446 .tabs-left > .tab-content { |
|
6447 margin-left: 109px; |
|
6448 } |
|
6449 .tabs-right > .nav-tabs { |
|
6450 float: right; |
|
6451 margin-left: 19px; |
|
6452 border-left: 1px solid #ddd; |
|
6453 } |
|
6454 .tabs-right > .nav-tabs > li > a { |
|
6455 margin-left: -1px; |
|
6456 } |
|
6457 .tabs-right > .nav-tabs > li > a:focus, |
|
6458 .tabs-right > .nav-tabs > li > a:hover { |
|
6459 border-color: #eee #eee #eee #ddd; |
|
6460 } |
|
6461 .tabs-right > .nav-tabs .active > a, |
|
6462 .tabs-right > .nav-tabs .active > a:focus, |
|
6463 .tabs-right > .nav-tabs .active > a:hover { |
|
6464 border-color: #ddd #ddd #ddd transparent; |
|
6465 *border-left-color: #fff; |
|
6466 } |
|
6467 .tabs-pull-right.nav-tabs > li, |
|
6468 .tabs-pull-right.nav-pills > li { |
|
6469 float: right; |
|
6470 } |
|
6471 .tabs-pull-right.nav-tabs > li:first-child > a, |
|
6472 .tabs-pull-right.nav-pills > li:first-child > a { |
|
6473 margin-right: 1px; |
|
6474 } |
|
6475 .tabs-pull-right.bordered.nav-pills > li:first-child > a, |
|
6476 .tabs-pull-right.bordered.nav-tabs > li:first-child > a { |
|
6477 border-left-width: 1px!important; |
|
6478 margin-right: 0; |
|
6479 border-right-width: 0; |
|
6480 } |
|
6481 .tabs-below > .nav-tabs { |
|
6482 border-top: 1px solid #ddd; |
|
6483 } |
|
6484 .tabs-below > .nav-tabs > li { |
|
6485 margin-top: -1px; |
|
6486 margin-bottom: 0; |
|
6487 } |
|
6488 .tabs-below > .nav-tabs > li > a:focus, |
|
6489 .tabs-below > .nav-tabs > li > a:hover { |
|
6490 border-top-color: #ddd; |
|
6491 border-bottom-color: transparent; |
|
6492 } |
|
6493 .tabs-below > .nav-tabs > .active > a, |
|
6494 .tabs-below > .nav-tabs > .active > a:focus, |
|
6495 .tabs-below > .nav-tabs > .active > a:hover { |
|
6496 border-color: transparent #ddd #ddd; |
|
6497 } |
|
6498 .pill-content > .pill-pane, |
|
6499 .tab-content > .pill-pane, |
|
6500 .pill-content > .tab-pane, |
|
6501 .tab-content > .tab-pane { |
|
6502 display: none; |
|
6503 } |
|
6504 .pill-content > .active, |
|
6505 .tab-content > .active, |
|
6506 .pill-content > .active, |
|
6507 .tab-content > .active { |
|
6508 display: block; |
|
6509 } |
|
6510 .pill-content.transparent, |
|
6511 .tab-content.transparent { |
|
6512 background-color: transparent; |
|
6513 } |
|
6514 .pill-content.bordered, |
|
6515 .tab-content.bordered, |
|
6516 .pill-content.bordered:hover, |
|
6517 .tab-content.bordered:hover { |
|
6518 border-color: #ddd; |
|
6519 border-top: 0; |
|
6520 } |
|
6521 .ams-widget > header > .nav-tabs.pull-left > li:first-child a { |
|
6522 border-left-width: 0!important; |
|
6523 } |
|
6524 /* |
|
6525 * Contents styles |
|
6526 */ |
|
6527 h1, |
|
6528 h2, |
|
6529 h3, |
|
6530 h4 { |
|
6531 margin: 0; |
|
6532 font-family: "Ubuntu-Bold", Arial, Helvetica, Sans-Serif; |
|
6533 font-weight: 300; |
|
6534 } |
|
6535 h1 { |
|
6536 letter-spacing: -1px; |
|
6537 font-size: 24px; |
|
6538 margin: 10px 0; |
|
6539 } |
|
6540 h1 small { |
|
6541 font-size: 18px; |
|
6542 font-weight: 300; |
|
6543 letter-spacing: -1px; |
|
6544 } |
|
6545 h2 { |
|
6546 letter-spacing: -1px; |
|
6547 font-size: 22px; |
|
6548 margin: 20px 0 15px; |
|
6549 line-height: normal; |
|
6550 } |
|
6551 h3 { |
|
6552 display: block; |
|
6553 font-size: 19px; |
|
6554 font-weight: 400; |
|
6555 margin: 16px 0 10px; |
|
6556 line-height: normal; |
|
6557 } |
|
6558 h4 { |
|
6559 line-height: normal; |
|
6560 font-size: 17px; |
|
6561 font-weight: 300; |
|
6562 margin: 12px 0 8px; |
|
6563 } |
|
6564 h5 { |
|
6565 font-size: 15px; |
|
6566 font-weight: 300; |
|
6567 margin: 10px 0 6px; |
|
6568 line-height: normal; |
|
6569 } |
|
6570 h6 { |
|
6571 font-size: 14px; |
|
6572 margin: 10px 0 4px; |
|
6573 font-weight: 300; |
|
6574 line-height: normal; |
|
6575 } |
|
6576 hr .simple { |
|
6577 margin-top: 10px; |
|
6578 margin-bottom: 10px; |
|
6579 border-style: dashed; |
|
6580 } |
|
6581 hr.noborder { |
|
6582 border: 0; |
|
6583 } |
|
6584 li.nodot { |
|
6585 list-style-type: none; |
|
6586 } |
|
6587 img.online { |
|
6588 border-left-color: #40ac2b!important; |
|
6589 } |
|
6590 img.busy { |
|
6591 border-left-color: #ed1c24!important; |
|
6592 } |
|
6593 img.offline { |
|
6594 border-left-color: #ddd!important; |
|
6595 } |
|
6596 img.away { |
|
6597 border-left-color: #ffc40d!important; |
|
6598 } |
|
6599 pre { |
|
6600 padding: 5px!important; |
|
6601 font-size: 12px; |
|
6602 line-height: 1.2em; |
|
6603 } |
|
6604 pre:empty { |
|
6605 border: 0; |
|
6606 } |
|
6607 [data-ams-url], |
|
6608 [data-ams-click-handler] { |
|
6609 cursor: pointer; |
|
6610 } |
|
6611 label { |
|
6612 font-weight: 400; |
|
6613 } |
|
6614 article.sortable-grid { |
|
6615 min-height: 30px; |
|
6616 } |
|
6617 .caret { |
|
6618 border-top: 5px solid; |
|
6619 border-right: 5px solid transparent; |
|
6620 border-left: 5px solid transparent; |
|
6621 } |
|
6622 .fixed { |
|
6623 position: fixed; |
|
6624 } |
|
6625 @media (max-width: 768px) { |
|
6626 .xs-fixed { |
|
6627 position: fixed; |
|
6628 } |
|
6629 } |
|
6630 @media (min-width: 768px) and (max-width: 992px) { |
|
6631 .sm-fixed { |
|
6632 position: fixed; |
|
6633 } |
|
6634 } |
|
6635 @media (min-width: 992px) and (max-width: 1200px) { |
|
6636 .md-fixed { |
|
6637 position: fixed; |
|
6638 } |
|
6639 } |
|
6640 @media (min-width: 1200px) { |
|
6641 .lg-fixed { |
|
6642 position: fixed; |
|
6643 } |
|
6644 } |
|
6645 .outside { |
|
6646 position: absolute; |
|
6647 left: -9999px; |
|
6648 } |
|
6649 @media (max-width: 979px) { |
|
6650 .visible-tablet { |
|
6651 display: inline-block !important; |
|
6652 } |
|
6653 } |
|
6654 @media (max-width: 979px) { |
|
6655 .hidden-tablet, |
|
6656 .display-inline.hidden-tablet { |
|
6657 display: none!important; |
|
6658 } |
|
6659 } |
|
6660 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
6661 .hidden-tablet { |
|
6662 display: none!important; |
|
6663 } |
|
6664 } |
|
6665 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6666 .visible-mobile { |
|
6667 display: inline-block !important; |
|
6668 } |
|
6669 } |
|
6670 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
6671 .hidden-mobile { |
|
6672 display: none!important; |
|
6673 } |
|
6674 } |
|
6675 .viewport-y { |
|
6676 overflow-y: auto; |
|
6677 } |
|
6678 .viewport-y-none { |
|
6679 overflow-y: hidden!important; |
|
6680 } |
|
6681 .viewport-y.viewport-100 { |
|
6682 max-height: 100px; |
|
6683 } |
|
6684 .viewport-y.viewport-200 { |
|
6685 max-height: 200px; |
|
6686 } |
|
6687 .viewport-y.viewport-300 { |
|
6688 max-height: 300px; |
|
6689 } |
|
6690 .viewport-y.viewport-600 { |
|
6691 max-height: 600px; |
|
6692 } |
|
6693 .viewport-y.viewport-400 { |
|
6694 max-height: 400px; |
|
6695 } |
|
6696 .viewport-y.viewport-500 { |
|
6697 max-height: 500px; |
|
6698 } |
|
6699 .viewport-y.viewport-600 { |
|
6700 max-height: 600px; |
|
6701 } |
|
6702 .viewport-x { |
|
6703 overflow-x: auto; |
|
6704 } |
|
6705 .viewport-x-none { |
|
6706 overflow-x: hidden!important; |
|
6707 } |
|
6708 .viewport-x.viewport-100 { |
|
6709 max-width: 100px; |
|
6710 } |
|
6711 .viewport-x.viewport-200 { |
|
6712 max-width: 200px; |
|
6713 } |
|
6714 .viewport-x.viewport-300 { |
|
6715 max-width: 300px; |
|
6716 } |
|
6717 .viewport-x.viewport-400 { |
|
6718 max-width: 400px; |
|
6719 } |
|
6720 .viewport-x.viewport-500 { |
|
6721 max-width: 500px; |
|
6722 } |
|
6723 .viewport-x.viewport-600 { |
|
6724 max-width: 600px; |
|
6725 } |
|
6726 .lead { |
|
6727 font-size: 19px; |
|
6728 } |
|
6729 .alert { |
|
6730 margin-bottom: 20px; |
|
6731 margin-top: 0; |
|
6732 color: #675100; |
|
6733 border-width: 0; |
|
6734 border-left-width: 5px; |
|
6735 padding: 10px; |
|
6736 border-radius: 0; |
|
6737 } |
|
6738 .alert .close { |
|
6739 top: 0; |
|
6740 right: -5px; |
|
6741 line-height: 20px; |
|
6742 } |
|
6743 .alert-heading { |
|
6744 font-weight: 600; |
|
6745 } |
|
6746 .alert-danger { |
|
6747 border-color: #963b49; |
|
6748 color: #fff; |
|
6749 background: #c46a69; |
|
6750 text-shadow: none; |
|
6751 } |
|
6752 .alert-warning { |
|
6753 border-color: #e5c693; |
|
6754 color: #6b6d31; |
|
6755 background: #ecdfb0; |
|
6756 } |
|
6757 .alert-success { |
|
6758 border-color: #8eb589; |
|
6759 color: #296829; |
|
6760 background: #cee0cf; |
|
6761 } |
|
6762 .alert-info { |
|
6763 border-color: #9cb4c5; |
|
6764 color: #346597; |
|
6765 background: #d6dde7; |
|
6766 } |
|
6767 .alert ul { |
|
6768 margin-left: 25px; |
|
6769 list-style-position: outside; |
|
6770 list-style-type: square; |
|
6771 } |
|
6772 .ams-form > .alert { |
|
6773 margin: 5px; |
|
6774 padding: 5px; |
|
6775 box-shadow: none!important; |
|
6776 -webkit-box-shadow: none!important; |
|
6777 border-radius: 0!important; |
|
6778 } |
|
6779 .help { |
|
6780 font-size: 90%; |
|
6781 padding: 5px!important; |
|
6782 } |
|
6783 .help p { |
|
6784 margin: 0 0 1px; |
|
6785 line-height: 1.15; |
|
6786 } |
|
6787 .modal-dialog .help { |
|
6788 margin-bottom: 5px!important; |
|
6789 } |
|
6790 @media only screen and (max-height: 768px) { |
|
6791 .modal-dialog .help { |
|
6792 display: none; |
|
6793 } |
|
6794 } |
|
6795 .well { |
|
6796 background: #fbfbfb; |
|
6797 border: 1px solid #ddd; |
|
6798 box-shadow: 0 1px 1px #ececec; |
|
6799 -webkit-box-shadow: 0 1px 1px #ececec; |
|
6800 position: relative; |
|
6801 } |
|
6802 .well.well-clean { |
|
6803 -webkit-box-shadow: none; |
|
6804 box-shadow: none; |
|
6805 border-color: transparent; |
|
6806 } |
|
6807 .well.well-glass { |
|
6808 -webkit-box-shadow: none; |
|
6809 box-shadow: none; |
|
6810 border-color: transparent; |
|
6811 background-color: rgba(255, 255, 255, 0.25); |
|
6812 color: #fff; |
|
6813 } |
|
6814 .well.well-light { |
|
6815 background: #fff; |
|
6816 border: 1px solid #e2e2e2; |
|
6817 } |
|
6818 .widget-body .well { |
|
6819 margin-bottom: 0; |
|
6820 } |
|
6821 .well.transparent { |
|
6822 border: 0!important; |
|
6823 background: none!important; |
|
6824 } |
|
6825 .ams-widget.well.transparent > div, |
|
6826 .ams-widget.well.transparent > div .widget-body { |
|
6827 padding: 0!important; |
|
6828 } |
|
6829 .well[class*=" bg-"], |
|
6830 .well[class^=bg-] { |
|
6831 border: 1px solid #555!important; |
|
6832 } |
|
6833 .note { |
|
6834 margin-top: 6px; |
|
6835 padding: 0 1px; |
|
6836 font-size: 11px; |
|
6837 line-height: 15px; |
|
6838 color: #999; |
|
6839 } |
|
6840 .subscript { |
|
6841 font-size: 21px; |
|
6842 color: #999; |
|
6843 } |
|
6844 .display-image { |
|
6845 margin-top: -60px; |
|
6846 margin-right: 20px; |
|
6847 } |
|
6848 .terms-body { |
|
6849 max-height: 400px; |
|
6850 overflow: auto; |
|
6851 } |
|
6852 .timeline-seperator { |
|
6853 display: block; |
|
6854 text-align: center; |
|
6855 color: #999; |
|
6856 margin: 20px 0 0; |
|
6857 } |
|
6858 .timeline-seperator > :first-child { |
|
6859 padding: 4px 5px; |
|
6860 border: 1px dashed rgba(0, 0, 0, 0.1); |
|
6861 background: #fff; |
|
6862 font-size: 11px; |
|
6863 border-radius: 4px; |
|
6864 } |
|
6865 .timeline-seperator .btn, |
|
6866 .timeline-seperator .btn + .dropdown-menu { |
|
6867 margin-right: 15px; |
|
6868 } |
|
6869 .timeline-seperator:after { |
|
6870 display: block; |
|
6871 content: " "; |
|
6872 margin: 0 20px; |
|
6873 border-bottom: 1px dashed rgba(0, 0, 0, 0.1); |
|
6874 margin-top: -8px; |
|
6875 } |
|
6876 .progress { |
|
6877 position: relative; |
|
6878 margin-bottom: 20px; |
|
6879 overflow: hidden; |
|
6880 height: 22px; |
|
6881 background: #eee; |
|
6882 box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; |
|
6883 -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; |
|
6884 border-radius: 0; |
|
6885 } |
|
6886 input[type="text"] + .progress { |
|
6887 height: 7px; |
|
6888 } |
|
6889 .progress-bar { |
|
6890 float: left; |
|
6891 width: 0; |
|
6892 height: 100%; |
|
6893 font-size: 11px; |
|
6894 color: #fff; |
|
6895 text-align: center; |
|
6896 background-color: #57889c; |
|
6897 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
6898 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
6899 font-weight: 700; |
|
6900 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
6901 background-image: url(../img/pattern/overlay-pattern.png); |
|
6902 } |
|
6903 .progress-striped .progress-bar { |
|
6904 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)); |
|
6905 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); |
|
6906 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); |
|
6907 -webkit-background-size: 40px 40px; |
|
6908 background-size: 40px 40px; |
|
6909 } |
|
6910 .progress.active .progress-bar { |
|
6911 -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
6912 -ms-animation: progress-bar-stripes 2s linear infinite; |
|
6913 animation: progress-bar-stripes 2s linear infinite; |
|
6914 } |
|
6915 .progress-bar-danger { |
|
6916 background-color: #a90329; |
|
6917 } |
|
6918 .progress-striped .progress-bar-danger { |
|
6919 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)); |
|
6920 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); |
|
6921 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); |
|
6922 } |
|
6923 .progress-bar-success { |
|
6924 background-color: #739e73; |
|
6925 } |
|
6926 .progress-striped .progress-bar-success { |
|
6927 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)); |
|
6928 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); |
|
6929 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); |
|
6930 } |
|
6931 .progress-bar-warning { |
|
6932 background-color: #c79121; |
|
6933 } |
|
6934 .progress-striped .progress-bar-warning { |
|
6935 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)); |
|
6936 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); |
|
6937 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); |
|
6938 } |
|
6939 .progress-bar-info { |
|
6940 background-color: #57889c; |
|
6941 } |
|
6942 .progress-striped .progress-bar-info { |
|
6943 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)); |
|
6944 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); |
|
6945 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); |
|
6946 } |
|
6947 .progress .bar-info, |
|
6948 .progress-info .bar { |
|
6949 background: #57889c; |
|
6950 } |
|
6951 .progress-micro { |
|
6952 height: 3px!important; |
|
6953 line-height: 3px!important; |
|
6954 } |
|
6955 .progress-xs { |
|
6956 height: 7px!important; |
|
6957 line-height: 7px!important; |
|
6958 } |
|
6959 .progress-sm { |
|
6960 height: 14px!important; |
|
6961 line-height: 14px!important; |
|
6962 } |
|
6963 .progress-lg { |
|
6964 height: 30px!important; |
|
6965 line-height: 30px!important; |
|
6966 } |
|
6967 .progress .progress-bar { |
|
6968 position: absolute; |
|
6969 overflow: hidden; |
|
6970 line-height: 20px; |
|
6971 } |
|
6972 .progress .progressbar-back-text { |
|
6973 position: absolute; |
|
6974 width: 100%; |
|
6975 height: 100%; |
|
6976 font-size: 12px; |
|
6977 line-height: 20px; |
|
6978 text-align: center; |
|
6979 } |
|
6980 .progress .progressbar-front-text { |
|
6981 display: block; |
|
6982 width: 100%; |
|
6983 font-size: 12px; |
|
6984 line-height: 20px; |
|
6985 text-align: center; |
|
6986 } |
|
6987 .progress.right .progress-bar { |
|
6988 right: 0; |
|
6989 } |
|
6990 .progress.right .progressbar-front-text { |
|
6991 position: absolute; |
|
6992 right: 0; |
|
6993 } |
|
6994 .progress.vertical { |
|
6995 width: 25px; |
|
6996 height: 100%; |
|
6997 min-height: 150px; |
|
6998 margin-right: 20px; |
|
6999 display: inline-block; |
|
7000 margin-bottom: 0; |
|
7001 } |
|
7002 .progress.vertical.bottom { |
|
7003 position: relative; |
|
7004 } |
|
7005 .progress.vertical.bottom .progress-bar { |
|
7006 position: absolute; |
|
7007 bottom: 0; |
|
7008 } |
|
7009 .progress.vertical.bottom .progressbar-front-text { |
|
7010 position: absolute; |
|
7011 bottom: 0; |
|
7012 } |
|
7013 .progress.vertical .progress-bar { |
|
7014 width: 100%; |
|
7015 height: 0; |
|
7016 -webkit-transition: height .6s ease; |
|
7017 transition: height .6s ease; |
|
7018 } |
|
7019 .progress.wide-bar { |
|
7020 width: 40px; |
|
7021 } |
|
7022 .dd { |
|
7023 position: relative; |
|
7024 display: block; |
|
7025 margin: 0; |
|
7026 padding: 0; |
|
7027 max-width: 600px; |
|
7028 list-style: none; |
|
7029 font-size: 13px; |
|
7030 line-height: 20px; |
|
7031 } |
|
7032 @media only screen and (min-width: 700px) { |
|
7033 .dd { |
|
7034 float: left; |
|
7035 width: 100%; |
|
7036 } |
|
7037 .dd + .dd { |
|
7038 margin-left: 2%; |
|
7039 } |
|
7040 } |
|
7041 .dd-header.calender-spacer { |
|
7042 height: 46px; |
|
7043 display: block; |
|
7044 } |
|
7045 .dd-list { |
|
7046 display: block; |
|
7047 position: relative; |
|
7048 margin: 0; |
|
7049 padding: 0; |
|
7050 list-style: none; |
|
7051 } |
|
7052 .dd-list .dd-list { |
|
7053 padding-left: 30px; |
|
7054 } |
|
7055 .dd-collapsed .dd-list { |
|
7056 display: none; |
|
7057 } |
|
7058 .dd-empty { |
|
7059 border: 1px dashed #bbb; |
|
7060 min-height: 100px; |
|
7061 background-color: #eee; |
|
7062 background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); |
|
7063 background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); |
|
7064 -webkit-background-size: 60px 60px; |
|
7065 background-size: 60px 60px; |
|
7066 background-position: 0 0, 30px 30px; |
|
7067 } |
|
7068 .dd-empty, |
|
7069 .dd-placeholder { |
|
7070 margin: 5px 0; |
|
7071 padding: 0; |
|
7072 min-height: 30px; |
|
7073 background: #f2fbff; |
|
7074 border: 1px dashed #b6bcbf; |
|
7075 -webkit-box-sizing: border-box; |
|
7076 box-sizing: border-box; |
|
7077 -moz-box-sizing: border-box; |
|
7078 } |
|
7079 .dd-empty, |
|
7080 .dd-item, |
|
7081 .dd-placeholder { |
|
7082 display: block; |
|
7083 position: relative; |
|
7084 margin: 0; |
|
7085 padding: 0; |
|
7086 min-height: 20px; |
|
7087 font-size: 13px; |
|
7088 line-height: 20px; |
|
7089 } |
|
7090 .dd-handle { |
|
7091 display: block; |
|
7092 font-size: 15px; |
|
7093 margin: 5px 0; |
|
7094 padding: 7px 15px; |
|
7095 color: #333; |
|
7096 text-decoration: none; |
|
7097 border: 1px solid #cfcfcf; |
|
7098 background: #fbfbfb; |
|
7099 } |
|
7100 .dd-handle:hover, |
|
7101 .dd-handle:hover + .dd-list .dd-handle { |
|
7102 background: #FDDFB3!important; |
|
7103 border: 1px solid #FAA937; |
|
7104 color: #333!important; |
|
7105 } |
|
7106 .dd-handle > span { |
|
7107 font-size: 13px; |
|
7108 color: #777; |
|
7109 } |
|
7110 .dd-hover > .dd-handle { |
|
7111 background: #2ea8e5!important; |
|
7112 } |
|
7113 .dd-item > button { |
|
7114 position: relative; |
|
7115 cursor: pointer; |
|
7116 float: left; |
|
7117 width: 25px; |
|
7118 height: 20px; |
|
7119 margin: 7px 10px; |
|
7120 line-height: 22px!important; |
|
7121 padding: 0; |
|
7122 text-indent: 100%; |
|
7123 white-space: nowrap; |
|
7124 overflow: hidden; |
|
7125 border: 0; |
|
7126 background: rgba(0, 0, 0, 0); |
|
7127 text-align: center; |
|
7128 display: inline-block; |
|
7129 font-family: FontAwesome; |
|
7130 font-style: normal; |
|
7131 font-weight: 400; |
|
7132 -webkit-font-smoothing: antialiased; |
|
7133 -moz-osx-font-smoothing: grayscale; |
|
7134 font-size: 18px; |
|
7135 } |
|
7136 .dd-item > button:before { |
|
7137 content: '\f055'; |
|
7138 display: block; |
|
7139 position: absolute; |
|
7140 width: 100%; |
|
7141 text-align: center; |
|
7142 text-indent: 0; |
|
7143 color: #0091d9; |
|
7144 } |
|
7145 .dd-item > button[data-action=collapse]:before { |
|
7146 content: '\f056'; |
|
7147 color: #a90329; |
|
7148 } |
|
7149 .dd-dragel { |
|
7150 position: absolute; |
|
7151 pointer-events: none; |
|
7152 z-index: 9999; |
|
7153 } |
|
7154 .dd-dragel > .dd-item .dd-handle { |
|
7155 margin-top: 0; |
|
7156 } |
|
7157 .dd-dragel > .dd-item > .dd-handle { |
|
7158 border-left-width: 4px; |
|
7159 } |
|
7160 .dd-dragel .dd-handle { |
|
7161 -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); |
|
7162 box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); |
|
7163 } |
|
7164 .dd-dragel > li.dd-item.dd3-item { |
|
7165 position: relative; |
|
7166 top: 10px; |
|
7167 left: 10px; |
|
7168 z-index: 999; |
|
7169 } |
|
7170 .vertical-bars { |
|
7171 padding: 0; |
|
7172 margin: 0; |
|
7173 } |
|
7174 .vertical-bars:after { |
|
7175 content: ""; |
|
7176 display: block; |
|
7177 height: 0; |
|
7178 clear: both; |
|
7179 } |
|
7180 .vertical-bars li { |
|
7181 padding: 14px 0; |
|
7182 width: 25%; |
|
7183 display: block; |
|
7184 float: left; |
|
7185 text-align: center; |
|
7186 } |
|
7187 .vertical-bars li:first-child { |
|
7188 border-left: 0; |
|
7189 } |
|
7190 .vertical-bars > li > .progress.vertical { |
|
7191 margin: 0 auto; |
|
7192 float: none; |
|
7193 } |
|
7194 .vertical-bars > li > .progress.vertical:first-child { |
|
7195 margin-left: auto; |
|
7196 } |
|
7197 .bar-holder { |
|
7198 padding: 18px 15px; |
|
7199 } |
|
7200 .bar-holder:first-child { |
|
7201 border-top: 0; |
|
7202 } |
|
7203 .bar-holder .progress { |
|
7204 margin: 0; |
|
7205 } |
|
7206 .pagination.pagination-alt > li > a { |
|
7207 box-shadow: none; |
|
7208 -webkit-box-shadow: none; |
|
7209 border: 0; |
|
7210 margin-left: -1px; |
|
7211 } |
|
7212 .pagination.pagination-alt > li:first-child > a { |
|
7213 padding-left: 0; |
|
7214 } |
|
7215 .pagination > li > a, |
|
7216 .pagination > li > span { |
|
7217 padding: 7px 12px 5px; |
|
7218 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
7219 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
7220 } |
|
7221 .pagination-xs > li > a, |
|
7222 .pagination-xs > li > span { |
|
7223 padding: 5px 9px 3px; |
|
7224 font-size: 12px; |
|
7225 } |
|
7226 .panel-purple { |
|
7227 border-color: #6e587a; |
|
7228 } |
|
7229 .panel-purple > .panel-heading { |
|
7230 color: #fff; |
|
7231 background-color: #6e587a; |
|
7232 border-color: #6e587a; |
|
7233 } |
|
7234 .panel-greenLight { |
|
7235 border-color: #71843f; |
|
7236 } |
|
7237 .panel-greenLight > .panel-heading { |
|
7238 color: #fff; |
|
7239 background-color: #71843f; |
|
7240 border-color: #71843f; |
|
7241 } |
|
7242 .panel-greenDark { |
|
7243 border-color: #496949; |
|
7244 } |
|
7245 .panel-greenDark > .panel-heading { |
|
7246 color: #fff; |
|
7247 background-color: #496949; |
|
7248 border-color: #496949; |
|
7249 } |
|
7250 .panel-darken { |
|
7251 border-color: #333; |
|
7252 } |
|
7253 .panel-darken > .panel-heading { |
|
7254 color: #fff; |
|
7255 background-color: #404040; |
|
7256 border-color: #404040; |
|
7257 } |
|
7258 .panel-pink { |
|
7259 border-color: #ac5287; |
|
7260 } |
|
7261 .panel-pink > .panel-heading { |
|
7262 color: #fff; |
|
7263 background-color: #ac5287; |
|
7264 border-color: #ac5287; |
|
7265 } |
|
7266 .panel-green { |
|
7267 border-color: #356e35; |
|
7268 } |
|
7269 .panel-green > .panel-heading { |
|
7270 color: #fff; |
|
7271 background-color: #356e35; |
|
7272 border-color: #356e35; |
|
7273 } |
|
7274 .panel-blueLight { |
|
7275 border-color: #92a2a8; |
|
7276 } |
|
7277 .panel-blueLight > .panel-heading { |
|
7278 color: #fff; |
|
7279 background-color: #92a2a8; |
|
7280 border-color: #92a2a8; |
|
7281 } |
|
7282 .panel-pinkDark { |
|
7283 border-color: #a8829f; |
|
7284 } |
|
7285 .panel-pinkDark > .panel-heading { |
|
7286 color: #fff; |
|
7287 background-color: #a8829f; |
|
7288 border-color: #a8829f; |
|
7289 } |
|
7290 .panel-redLight { |
|
7291 border-color: #a65858; |
|
7292 } |
|
7293 .panel-redLight > .panel-heading { |
|
7294 color: #fff; |
|
7295 background-color: #a65858; |
|
7296 border-color: #a65858; |
|
7297 } |
|
7298 .panel-red { |
|
7299 border-color: #a90329; |
|
7300 } |
|
7301 .panel-red > .panel-heading { |
|
7302 color: #fff; |
|
7303 background-color: #a90329; |
|
7304 border-color: #a90329; |
|
7305 } |
|
7306 .panel-teal { |
|
7307 border-color: #568a89; |
|
7308 } |
|
7309 .panel-teal > .panel-heading { |
|
7310 color: #fff; |
|
7311 background-color: #568a89; |
|
7312 border-color: #568a89; |
|
7313 } |
|
7314 .panel-orange { |
|
7315 border-color: #c79121; |
|
7316 } |
|
7317 .panel-orange > .panel-heading { |
|
7318 color: #fff; |
|
7319 background-color: #c79121; |
|
7320 border-color: #c79121; |
|
7321 } |
|
7322 .panel-blueDark { |
|
7323 border-color: #4c4f53; |
|
7324 } |
|
7325 .panel-blueDark > .panel-heading { |
|
7326 color: #fff; |
|
7327 background-color: #4c4f53; |
|
7328 border-color: #4c4f53; |
|
7329 } |
|
7330 .panel-magenta { |
|
7331 border-color: #6e3671; |
|
7332 } |
|
7333 .panel-magenta > .panel-heading { |
|
7334 color: #fff; |
|
7335 background-color: #6e3671; |
|
7336 border-color: #6e3671; |
|
7337 } |
|
7338 .panel-blue { |
|
7339 border-color: #57889c; |
|
7340 } |
|
7341 .panel-blue > .panel-heading { |
|
7342 color: #fff; |
|
7343 background-color: #57889c; |
|
7344 border-color: #57889c; |
|
7345 } |
|
7346 .panel-footer > .btn-block { |
|
7347 border-radius: 0; |
|
7348 border-bottom: 0; |
|
7349 border-left: 0; |
|
7350 border-right: 0; |
|
7351 } |
|
7352 .notification-body { |
|
7353 padding: 0 0 0 3px; |
|
7354 margin: 0; |
|
7355 list-style: none; |
|
7356 } |
|
7357 .notification-body *, |
|
7358 .notification-body:after *, |
|
7359 .notification-body:before * { |
|
7360 box-sizing: border-box !important; |
|
7361 -webkit-box-sizing: border-box !important; |
|
7362 -moz-box-sizing: border-box !important; |
|
7363 } |
|
7364 .notification-body > li { |
|
7365 border-bottom: 1px solid #E9E9E9; |
|
7366 position: relative; |
|
7367 } |
|
7368 .notification-body > li > span { |
|
7369 background: #fff; |
|
7370 display: block; |
|
7371 min-height: 25px; |
|
7372 overflow: hidden; |
|
7373 padding: 8px 8px 10px; |
|
7374 white-space: normal; |
|
7375 } |
|
7376 .notification-body > li > span:hover { |
|
7377 background: #F0F4F7; |
|
7378 color: #667F8F; |
|
7379 } |
|
7380 .notification-body > li > span > a > span.msg-body, |
|
7381 .notification-body > li > span > a > span.subject { |
|
7382 height: auto; |
|
7383 line-height: normal; |
|
7384 } |
|
7385 .notification-body > li a.msg { |
|
7386 padding-left: 40px!important; |
|
7387 } |
|
7388 .notification-body > li a, |
|
7389 .notification-body > li a span { |
|
7390 display: block; |
|
7391 position: relative; |
|
7392 overflow: hidden; |
|
7393 } |
|
7394 .notification-body > li a, |
|
7395 .notification-body > li a:hover { |
|
7396 text-decoration: none; |
|
7397 } |
|
7398 .notification-body > li:hover .progress { |
|
7399 background: #fff; |
|
7400 box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #a7a7a7 inset; |
|
7401 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #ccc inset; |
|
7402 } |
|
7403 .notification-body > li:hover .text-muted { |
|
7404 color: #333; |
|
7405 } |
|
7406 .notification-body .from { |
|
7407 font-size: 14px; |
|
7408 line-height: normal; |
|
7409 color: #333; |
|
7410 font-weight: 400; |
|
7411 margin-right: 60px; |
|
7412 margin-bottom: 3px; |
|
7413 height: 20px; |
|
7414 text-overflow: ellipsis; |
|
7415 white-space: nowrap; |
|
7416 overflow: hidden; |
|
7417 } |
|
7418 .notification-body .unread { |
|
7419 background: #FFFFE0; |
|
7420 } |
|
7421 .notification-body .unread .unread .from { |
|
7422 font-weight: 700; |
|
7423 } |
|
7424 .notification-body time { |
|
7425 position: absolute; |
|
7426 top: 3px; |
|
7427 right: 0; |
|
7428 font-size: 11px; |
|
7429 font-weight: 400; |
|
7430 color: #058dc7; |
|
7431 } |
|
7432 .notification-body .msg-body, |
|
7433 .notification-body .subject { |
|
7434 font-size: 13px; |
|
7435 color: #A0A0A0; |
|
7436 max-height: 35px; |
|
7437 width: 100%; |
|
7438 overflow: hidden; |
|
7439 } |
|
7440 .notification-body .subject { |
|
7441 font-size: 13px; |
|
7442 color: #333; |
|
7443 max-height: 22px; |
|
7444 } |
|
7445 .ajax-notifications { |
|
7446 height: 365px; |
|
7447 display: block; |
|
7448 overflow: auto; |
|
7449 margin-right: -10px; |
|
7450 margin-left: -10px; |
|
7451 border-bottom: 1px solid #CECECE; |
|
7452 border-top: 1px solid #CECECE; |
|
7453 background: #E9E9E9; |
|
7454 } |
|
7455 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
7456 .ajax-notifications { |
|
7457 height: 250px; |
|
7458 } |
|
7459 } |
|
7460 .ajax-notifications > .alert.alert-transparent { |
|
7461 background-color: transparent; |
|
7462 border-color: transparent; |
|
7463 color: #757575; |
|
7464 margin: 13px 10px; |
|
7465 } |
|
7466 .ajax-notifications > .alert > :first-child { |
|
7467 margin-bottom: 10px; |
|
7468 font-weight: 400; |
|
7469 } |
|
7470 .arrow-box-up:before, |
|
7471 .arrow-box-up:after { |
|
7472 bottom: 100%; |
|
7473 border: solid transparent; |
|
7474 content: " "; |
|
7475 height: 0; |
|
7476 width: 0; |
|
7477 position: absolute; |
|
7478 pointer-events: none; |
|
7479 } |
|
7480 .arrow-box-up:before { |
|
7481 border-color: rgba(131, 131, 131, 0); |
|
7482 border-bottom-color: #838383; |
|
7483 border-width: 8px; |
|
7484 left: 50%; |
|
7485 margin-left: -8px; |
|
7486 } |
|
7487 .arrow-box-up:after { |
|
7488 border-color: rgba(255, 255, 255, 0); |
|
7489 border-bottom-color: #fff; |
|
7490 border-width: 7px; |
|
7491 left: 50%; |
|
7492 margin-left: -7px; |
|
7493 } |
|
7494 .arrow-box-up-right:before, |
|
7495 .arrow-box-up-right:after { |
|
7496 bottom: 100%; |
|
7497 border: solid transparent; |
|
7498 content: " "; |
|
7499 height: 0; |
|
7500 width: 0; |
|
7501 position: absolute; |
|
7502 pointer-events: none; |
|
7503 } |
|
7504 .arrow-box-up-right:before { |
|
7505 border-color: rgba(131, 131, 131, 0); |
|
7506 border-bottom-color: #838383; |
|
7507 border-width: 8px; |
|
7508 right: 9px; |
|
7509 margin-left: -8px; |
|
7510 } |
|
7511 .arrow-box-up-right:after { |
|
7512 border-color: rgba(255, 255, 255, 0); |
|
7513 border-bottom-color: #fff; |
|
7514 border-width: 7px; |
|
7515 right: 10px; |
|
7516 margin-left: -7px; |
|
7517 } |
|
7518 .tooltip-inner { |
|
7519 padding: 5px 10px; |
|
7520 font-size: 11px; |
|
7521 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
7522 font-weight: 700; |
|
7523 border-radius: 0; |
|
7524 } |
|
7525 .jqstooltip { |
|
7526 padding: 7px!important; |
|
7527 border-radius: 3px!important; |
|
7528 border: 0!important; |
|
7529 background-color: #000!important; |
|
7530 box-sizing: content-box; |
|
7531 -moz-box-sizing: content-box; |
|
7532 -webkit-box-sizing: content-box; |
|
7533 } |
|
7534 .jqstooltip .jqsfield { |
|
7535 font-family: Ubuntu, Arial, sans-serif; |
|
7536 font-size: 11px; |
|
7537 } |
|
7538 .dd3-content { |
|
7539 display: block; |
|
7540 margin: 5px 0; |
|
7541 padding: 6px 10px 8px 40px; |
|
7542 font-size: 15px; |
|
7543 color: #333; |
|
7544 text-decoration: none; |
|
7545 border: 1px solid #cfcfcf; |
|
7546 background: #fbfbfb; |
|
7547 } |
|
7548 .dd3-content:hover { |
|
7549 color: #2ea8e5; |
|
7550 background: #fff; |
|
7551 } |
|
7552 .dd-dragel > .dd3-item > .dd3-content { |
|
7553 margin: 0; |
|
7554 } |
|
7555 .dd3-item > button { |
|
7556 margin-left: 38px; |
|
7557 } |
|
7558 .dd3-handle { |
|
7559 position: absolute; |
|
7560 margin: 0; |
|
7561 left: 0; |
|
7562 top: 0; |
|
7563 cursor: move; |
|
7564 width: 30px; |
|
7565 text-indent: 100%; |
|
7566 white-space: nowrap; |
|
7567 overflow: hidden; |
|
7568 border: 1px solid #aaa; |
|
7569 background: #bfbfbf; |
|
7570 background: -webkit-gradient(linear, top left, bottom left, from(#ddd), to(#bbb)); |
|
7571 background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%); |
|
7572 background: linear-gradient(top, #ddd 0, #bbb 100%); |
|
7573 display: inline-block; |
|
7574 font-family: FontAwesome; |
|
7575 font-style: normal; |
|
7576 font-weight: 400; |
|
7577 line-height: 1; |
|
7578 -webkit-font-smoothing: antialiased; |
|
7579 -moz-osx-font-smoothing: grayscale; |
|
7580 font-size: 18px; |
|
7581 padding: 8px 15px; |
|
7582 } |
|
7583 .dd3-handle:before { |
|
7584 content: '\f0c9'; |
|
7585 display: block; |
|
7586 position: absolute; |
|
7587 left: 0; |
|
7588 top: 3px; |
|
7589 width: 100%; |
|
7590 text-align: center; |
|
7591 text-indent: 0; |
|
7592 color: #818181; |
|
7593 font-weight: 400; |
|
7594 line-height: 28px; |
|
7595 } |
|
7596 .dd3-handle:hover:before { |
|
7597 color: #C27616; |
|
7598 } |
|
7599 /* |
|
7600 * Nestable lists |
|
7601 */ |
|
7602 .nestable-lists { |
|
7603 display: block; |
|
7604 clear: both; |
|
7605 padding: 30px 0; |
|
7606 width: 100%; |
|
7607 border: 0; |
|
7608 border-top: 2px solid #bfbfbf; |
|
7609 border-bottom: 2px solid #bfbfbf; |
|
7610 } |
|
7611 #nestable-menu { |
|
7612 padding: 0; |
|
7613 margin: 10px 0 20px; |
|
7614 } |
|
7615 #nestable-output, |
|
7616 #nestable2-output { |
|
7617 width: 100%; |
|
7618 padding: 5px; |
|
7619 } |
|
7620 /* |
|
7621 * Custom items |
|
7622 */ |
|
7623 .custom-scroll::-webkit-scrollbar { |
|
7624 -webkit-overflow-scrolling: touch; |
|
7625 height: 10px; |
|
7626 width: 10px; |
|
7627 } |
|
7628 .custom-scroll::-webkit-scrollbar:hover { |
|
7629 background-color: #E9E9E9; |
|
7630 border: 1px solid #dbdbdb; |
|
7631 } |
|
7632 .custom-scroll::-webkit-scrollbar-button:start:decrement, |
|
7633 .custom-scroll::-webkit-scrollbar-button:end:increment { |
|
7634 background: 0 0; |
|
7635 display: block; |
|
7636 height: 0; |
|
7637 } |
|
7638 .custom-scroll::-webkit-scrollbar-track { |
|
7639 -webkit-background-clip: padding-box; |
|
7640 background-clip: padding-box; |
|
7641 border: solid transparent; |
|
7642 } |
|
7643 .custom-scroll::-webkit-scrollbar-track-piece { |
|
7644 -o-border-radius: 0; |
|
7645 background-color: transparent; |
|
7646 border-radius: 0; |
|
7647 } |
|
7648 .custom-scroll::-webkit-scrollbar-thumb { |
|
7649 -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
7650 -webkit-background-clip: padding-box; |
|
7651 background-clip: padding-box; |
|
7652 background-color: rgba(0, 0, 0, 0.2); |
|
7653 border: 0; |
|
7654 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); |
|
7655 } |
|
7656 .custom-scroll::-webkit-scrollbar-thumb:vertical, |
|
7657 .custom-scroll::-webkit-scrollbar-thumb:horizontal { |
|
7658 -o-border-radius: 0; |
|
7659 background-color: #bfbfbf; |
|
7660 border-radius: 0; |
|
7661 } |
|
7662 .custom-scroll::-webkit-scrollbar-thumb:active { |
|
7663 -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.33); |
|
7664 background-color: rgba(0, 0, 0, 0.44); |
|
7665 box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.33); |
|
7666 } |
|
7667 .custom-scroll::-webkit-scrollbar-thumb:hover { |
|
7668 background-color: #959595; |
|
7669 } |
|
7670 .air { |
|
7671 position: absolute; |
|
7672 z-index: 5; |
|
7673 } |
|
7674 .air-bottom { |
|
7675 bottom: 0; |
|
7676 } |
|
7677 .air-top { |
|
7678 top: 0; |
|
7679 } |
|
7680 .air-top-right { |
|
7681 top: 0; |
|
7682 right: 0; |
|
7683 } |
|
7684 .air-top-left { |
|
7685 top: 0; |
|
7686 left: 0; |
|
7687 } |
|
7688 .air-bottom-left { |
|
7689 bottom: 0; |
|
7690 left: 0; |
|
7691 } |
|
7692 .air-bottom-right { |
|
7693 bottom: 0; |
|
7694 right: 0; |
|
7695 } |
|
7696 .tree { |
|
7697 min-height: 20px; |
|
7698 border-radius: 4px; |
|
7699 } |
|
7700 .tree li { |
|
7701 list-style-type: none; |
|
7702 margin: 0; |
|
7703 padding: 3px 0 3px 5px; |
|
7704 position: relative; |
|
7705 } |
|
7706 .tree li:after, |
|
7707 .tree li:before { |
|
7708 content: ''; |
|
7709 left: -20px; |
|
7710 position: absolute; |
|
7711 right: auto; |
|
7712 } |
|
7713 .tree li:before { |
|
7714 border-left: 1px solid #999; |
|
7715 bottom: 50px; |
|
7716 height: 100%; |
|
7717 top: -5px; |
|
7718 width: 1px; |
|
7719 -webkit-transition: "border-color 0.1s ease 0.1s"; |
|
7720 transition: "border-color 0.1s ease 0.1s"; |
|
7721 } |
|
7722 .tree li:last-child::before { |
|
7723 height: 30px; |
|
7724 } |
|
7725 .tree li:after { |
|
7726 border-top: 1px solid #999; |
|
7727 height: 20px; |
|
7728 top: 14px; |
|
7729 width: 25px; |
|
7730 } |
|
7731 .tree li:hover { |
|
7732 background: rgba(0, 0, 0, 0.15); |
|
7733 } |
|
7734 .tree li > span { |
|
7735 border: 1px dotted #999; |
|
7736 border-radius: 5px; |
|
7737 display: inline-block; |
|
7738 padding: 4px 8px; |
|
7739 text-decoration: none; |
|
7740 -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
|
7741 transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
|
7742 } |
|
7743 .tree li > span > i { |
|
7744 padding-right: 4px; |
|
7745 } |
|
7746 .tree li.parent_li > span { |
|
7747 padding: 7px; |
|
7748 } |
|
7749 .tree li > span { |
|
7750 cursor: pointer; |
|
7751 } |
|
7752 .tree li > span:hover, |
|
7753 .tree li > span:hover + ul li > span { |
|
7754 background: #eee; |
|
7755 border: 1px solid #94a0b4; |
|
7756 color: #000; |
|
7757 } |
|
7758 .tree ul ul { |
|
7759 padding-left: 34px; |
|
7760 padding-top: 5px; |
|
7761 } |
|
7762 .tree > ul { |
|
7763 padding-left: 0; |
|
7764 } |
|
7765 .tree > ul > li:after, |
|
7766 .tree > ul > li:before { |
|
7767 border: 0; |
|
7768 } |
|
7769 .tree-node-padding { |
|
7770 display: inline-block; |
|
7771 width: 15px; |
|
7772 } |
|
7773 .pace { |
|
7774 -webkit-pointer-events: none; |
|
7775 pointer-events: none; |
|
7776 -webkit-user-select: none; |
|
7777 -moz-user-select: none; |
|
7778 -ms-user-select: none; |
|
7779 user-select: none; |
|
7780 } |
|
7781 .pace-inactive { |
|
7782 display: none; |
|
7783 } |
|
7784 .pace .pace-progress { |
|
7785 background: #3276b1; |
|
7786 position: fixed; |
|
7787 z-index: 2000; |
|
7788 top: 0; |
|
7789 left: 0; |
|
7790 height: 2px; |
|
7791 -webkit-transition: width 1s; |
|
7792 transition: width 1s; |
|
7793 } |
|
7794 .pace .pace-progress-inner { |
|
7795 display: block; |
|
7796 position: absolute; |
|
7797 right: 0; |
|
7798 width: 100px; |
|
7799 height: 100%; |
|
7800 -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
7801 box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
7802 opacity: 1; |
|
7803 -webkit-transform: rotate(3deg) translate(0, -4px); |
|
7804 -ms-transform: rotate(3deg) translate(0, -4px); |
|
7805 transform: rotate(3deg) translate(0, -4px); |
|
7806 } |
|
7807 .pace .pace-activity { |
|
7808 display: block; |
|
7809 position: fixed; |
|
7810 z-index: 2000; |
|
7811 top: 63px; |
|
7812 right: 40px; |
|
7813 width: 14px; |
|
7814 height: 14px; |
|
7815 border: solid 2px transparent; |
|
7816 border-top-color: #29d; |
|
7817 border-left-color: #29d; |
|
7818 border-radius: 10px; |
|
7819 -webkit-animation: pace-spinner 400ms linear infinite; |
|
7820 -ms-animation: pace-spinner 400ms linear infinite; |
|
7821 animation: pace-spinner 400ms linear infinite; |
|
7822 } |
|
7823 /* |
|
7824 * Tables and datatables |
|
7825 */ |
|
7826 .table-full { |
|
7827 width: 100%; |
|
7828 } |
|
7829 .table-wrap { |
|
7830 overflow: auto; |
|
7831 } |
|
7832 .table.has-tickbox thead tr th:first-child { |
|
7833 width: 18px; |
|
7834 } |
|
7835 .table.has-tickbox.ams-form tbody tr td:first-child .checkbox, |
|
7836 .table.has-tickbox.ams-form tbody tr td:first-child .radio, |
|
7837 .table.has-tickbox.ams-form thead tr th:first-child .checkbox, |
|
7838 .table.has-tickbox.ams-form thead tr th:first-child .radio { |
|
7839 padding: 0!important; |
|
7840 } |
|
7841 .table-dnd tbody tr.dragging-row td { |
|
7842 background-color: #cedbf7 !important; |
|
7843 } |
|
7844 .table-dnd tbody tr:not(.no-drag-handle) td:first-child { |
|
7845 padding-left: 20px!important; |
|
7846 } |
|
7847 .table-dnd tbody td.sorter, |
|
7848 .table-dnd tbody td.sorter a { |
|
7849 cursor: move!important; |
|
7850 } |
|
7851 .table-dnd tbody td.drag-handle { |
|
7852 background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%; |
|
7853 } |
|
7854 table:not(.table-dnd) td.sorter { |
|
7855 width: 35px!important; |
|
7856 } |
|
7857 table:not(.table-dnd) td.sorter a { |
|
7858 display: none; |
|
7859 } |
|
7860 .table-tight td, |
|
7861 .table-tight th { |
|
7862 padding: 4px 8px!important; |
|
7863 line-height: 1.3!important; |
|
7864 } |
|
7865 .table-tight td input[type="text"], |
|
7866 .table-tight th input[type="text"] { |
|
7867 height: 20px; |
|
7868 padding: 3px 8px; |
|
7869 } |
|
7870 .table-small td, |
|
7871 .table-small th { |
|
7872 padding: 2px 8px!important; |
|
7873 line-height: 1.2!important; |
|
7874 } |
|
7875 .table-small td input[type="text"], |
|
7876 .table-small th input[type="text"] { |
|
7877 height: 18px; |
|
7878 padding: 2px 8px; |
|
7879 } |
|
7880 .table-mini td, |
|
7881 .table-mini th { |
|
7882 padding: 1px 8px!important; |
|
7883 line-height: 1.1!important; |
|
7884 } |
|
7885 .table-mini td input[type="text"], |
|
7886 .table-mini th input[type="text"] { |
|
7887 height: 16px; |
|
7888 padding: 1px 8px; |
|
7889 } |
|
7890 .table-bordered > thead > tr > td, |
|
7891 .table-bordered > thead > tr > th { |
|
7892 border-width: 1px; |
|
7893 } |
|
7894 .table-bordered .no-padding > .table-bordered { |
|
7895 border: 0!important; |
|
7896 } |
|
7897 .table-bordered .no-padding > .table-bordered tbody tr td:first-child, |
|
7898 .table-bordered .no-padding > .table-bordered thead tr td:first-child, |
|
7899 .table-bordered .no-padding > .table-bordered thead tr th:first-child { |
|
7900 border-left-width: 0!important; |
|
7901 } |
|
7902 .table-bordered .no-padding > .table-bordered tbody tr td:last-child, |
|
7903 .table-bordered .no-padding > .table-bordered thead tr th:last-child { |
|
7904 border-right-width: 0!important; |
|
7905 } |
|
7906 .table-bordered .no-padding > .table-bordered tbody tr:last-child td { |
|
7907 border-bottom-width: 0!important; |
|
7908 } |
|
7909 .no-padding .note-editable .table-bordered { |
|
7910 border: 1px solid #ddd !important; |
|
7911 } |
|
7912 tr.current td { |
|
7913 background-color: #ccc !important; |
|
7914 } |
|
7915 tr.bordered-bottom th, |
|
7916 tr.bordered-bottom td { |
|
7917 border-bottom: 1px solid #ddd; |
|
7918 } |
|
7919 .table-hover > tbody > tr:hover > td, |
|
7920 .table-hover > tbody > tr:hover > th { |
|
7921 background-color: #eee; |
|
7922 } |
|
7923 th > .btn-group:first-child { |
|
7924 margin-left: 20px; |
|
7925 vertical-align: bottom; |
|
7926 } |
|
7927 th.checker, |
|
7928 td.checker { |
|
7929 width: 30px; |
|
7930 } |
|
7931 th.actions-menu { |
|
7932 width: 70px; |
|
7933 } |
|
7934 th.action, |
|
7935 td.action { |
|
7936 width: 16px; |
|
7937 } |
|
7938 .dt-row { |
|
7939 padding: 4px 10px; |
|
7940 } |
|
7941 .dt-top-row { |
|
7942 height: 0; |
|
7943 line-height: 0; |
|
7944 position: relative; |
|
7945 } |
|
7946 .dt-bottom-row { |
|
7947 background: #fafafa; |
|
7948 font-size: 11px; |
|
7949 overflow: hidden; |
|
7950 padding: 5px 10px; |
|
7951 border-top: 1px solid #ccc; |
|
7952 -webkit-box-shadow: inset 0 1px #fff; |
|
7953 -ms-box-shadow: inset 0 1px #fff; |
|
7954 box-shadow: inset 0 1px #fff; |
|
7955 } |
|
7956 .ams-form .dt-bottom-row .row { |
|
7957 margin: 0!important; |
|
7958 } |
|
7959 .modal-dialog .ams-form .dt-bottom-row { |
|
7960 padding: 5px 10px!important; |
|
7961 } |
|
7962 .modal-dialog .ams-form .dt-bottom-row .row { |
|
7963 margin: 0; |
|
7964 } |
|
7965 .dataTables_length { |
|
7966 position: absolute; |
|
7967 right: 13px; |
|
7968 top: -35px; |
|
7969 } |
|
7970 .dataTables_length select { |
|
7971 width: 60px; |
|
7972 padding: 3px; |
|
7973 font-size: 13px; |
|
7974 border: 1px solid #bbb; |
|
7975 } |
|
7976 .dataTables_filter { |
|
7977 position: absolute; |
|
7978 left: 10px; |
|
7979 top: -35px; |
|
7980 } |
|
7981 .dataTables_filter input { |
|
7982 padding: 3px 8px 1px; |
|
7983 font-size: 13px; |
|
7984 } |
|
7985 .dataTables_filter .form-control { |
|
7986 height: 28px; |
|
7987 } |
|
7988 .dataTables_filter .input-group { |
|
7989 width: 180px!important; |
|
7990 } |
|
7991 .dataTables_filter input select { |
|
7992 border: 1px solid #bbb; |
|
7993 } |
|
7994 .dataTables_paginate { |
|
7995 margin: 4px 0 0; |
|
7996 } |
|
7997 .dataTables_paginate .pagination { |
|
7998 margin: 0; |
|
7999 } |
|
8000 .dataTables_paginate .btn-group a { |
|
8001 color: #2E5F87; |
|
8002 } |
|
8003 .dataTables_wrapper { |
|
8004 position: relative; |
|
8005 } |
|
8006 .dataTables_wrapper table.table { |
|
8007 clear: both; |
|
8008 max-width: inherit; |
|
8009 margin-bottom: 0; |
|
8010 } |
|
8011 .dataTables_wrapper table.table thead th { |
|
8012 white-space: nowrap; |
|
8013 text-overflow: ellipsis; |
|
8014 -ms-text-overflow: ellipsis; |
|
8015 } |
|
8016 .dataTables_wrapper table.table thead .sorting, |
|
8017 .dataTables_wrapper table.table thead .sorting_asc, |
|
8018 .dataTables_wrapper table.table thead .sorting_asc_disabled, |
|
8019 .dataTables_wrapper table.table thead .sorting_desc, |
|
8020 .dataTables_wrapper table.table thead .sorting_desc_disabled { |
|
8021 cursor: pointer; |
|
8022 padding-right: 18px!important; |
|
8023 } |
|
8024 .dataTables_wrapper table.table thead .sorting { |
|
8025 background: url(../img/datatable/sort_both.png) no-repeat center right; |
|
8026 } |
|
8027 .dataTables_wrapper table.table thead .sorting_asc { |
|
8028 background: #b4cbb9 url(../img/datatable/sort_asc.png) no-repeat center right; |
|
8029 } |
|
8030 .dataTables_wrapper table.table thead .sorting_desc { |
|
8031 background: #b4cbb9 url(../img/datatable/sort_desc.png) no-repeat center right; |
|
8032 } |
|
8033 .dataTables_wrapper table.table thead .sorting_asc_disabled { |
|
8034 background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right; |
|
8035 } |
|
8036 .dataTables_wrapper table.table thead .sorting_desc_disabled { |
|
8037 background: url(../img/datatable/sort_desc_disabled.png) no-repeat center right; |
|
8038 } |
|
8039 .dataTables_wrapper table.table tbody tr.active th, |
|
8040 .dataTables_wrapper table.table tbody tr.active td { |
|
8041 background-color: #08C; |
|
8042 color: #fff; |
|
8043 } |
|
8044 .dataTables_wrapper table.table tbody tr.active:hover td, |
|
8045 .dataTables_wrapper table.table tbody tr.active:hover th { |
|
8046 background-color: #0075b0!important; |
|
8047 } |
|
8048 .dataTables_wrapper table.dataTable th:active { |
|
8049 outline: 0; |
|
8050 } |
|
8051 .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) td, |
|
8052 .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) th { |
|
8053 background-color: #017ebc; |
|
8054 } |
|
8055 .dataTables_wrapper select { |
|
8056 min-height: inherit; |
|
8057 } |
|
8058 .dataTables_wrapper table + .row { |
|
8059 margin-bottom: 0; |
|
8060 margin-top: 10px; |
|
8061 } |
|
8062 .dataTables_wrapper .dt_actions { |
|
8063 float: left; |
|
8064 margin-right: 20px; |
|
8065 } |
|
8066 .dataTables_wrapper .bottom, |
|
8067 .dataTables_wrapper .top { |
|
8068 background-color: #f5f5f5; |
|
8069 border: 1px solid #CCC; |
|
8070 padding: 15px; |
|
8071 } |
|
8072 .dataTables_wrapper div.DTTT .btn:hover { |
|
8073 text-decoration: none!important; |
|
8074 } |
|
8075 .dataTables_wrapper ul.DTTT_dropdown.dropdown-menu a { |
|
8076 color: #333!important; |
|
8077 } |
|
8078 .dataTables_wrapper ul.DTTT_dropdown.dropdown-menu li:hover a { |
|
8079 background-color: #08c; |
|
8080 color: #fff!important; |
|
8081 } |
|
8082 .dataTables_wrapper div.DTTT_print_info.modal { |
|
8083 height: 150px; |
|
8084 margin-top: -75px; |
|
8085 text-align: center; |
|
8086 } |
|
8087 .dataTables_wrapper div.DTTT_print_info h6 { |
|
8088 font-weight: 400; |
|
8089 font-size: 28px; |
|
8090 line-height: 28px; |
|
8091 margin: 1em; |
|
8092 } |
|
8093 .dataTables_wrapper div.DTTT_print_info p { |
|
8094 font-size: 14px; |
|
8095 line-height: 20px; |
|
8096 } |
|
8097 .dataTables_wrapper div.DTFC_LeftFootWrapper table, |
|
8098 .dataTables_wrapper div.DTFC_LeftHeadWrapper table, |
|
8099 .dataTables_wrapper table.DTFC_Cloned tr.even { |
|
8100 background-color: #fff; |
|
8101 } |
|
8102 .dataTables_wrapper div.DTFC_LeftHeadWrapper table { |
|
8103 margin-bottom: 0!important; |
|
8104 border-top-right-radius: 0!important; |
|
8105 border-bottom-left-radius: 0!important; |
|
8106 border-bottom-right-radius: 0!important; |
|
8107 } |
|
8108 .no-padding .dataTables_wrapper table, |
|
8109 .no-padding > table { |
|
8110 border: 0!important; |
|
8111 margin-bottom: 0!important; |
|
8112 } |
|
8113 .no-padding .dataTables_wrapper table.border-top, |
|
8114 .no-padding > table.border-top { |
|
8115 border-top: 1px solid #ddd!important; |
|
8116 } |
|
8117 .no-padding .dataTables_wrapper table tr td:first-child, |
|
8118 .no-padding > table tr td:first-child, |
|
8119 .no-padding .dataTables_wrapper table tr th:first-child, |
|
8120 .no-padding > table tr th:first-child { |
|
8121 border-left: 0!important; |
|
8122 } |
|
8123 .no-padding .dataTables_wrapper table tr td:last-child, |
|
8124 .no-padding > table tr td:last-child, |
|
8125 .no-padding .dataTables_wrapper table tr th:last-child, |
|
8126 .no-padding > table tr th:last-child { |
|
8127 border-right: 0!important; |
|
8128 } |
|
8129 .no-padding .dataTables_wrapper table tr:last-child td, |
|
8130 .no-padding > table tr:last-child td { |
|
8131 border-bottom: 0; |
|
8132 } |
|
8133 .dataTables_scrollBody { |
|
8134 -webkit-overflow-scrolling: touch; |
|
8135 } |
|
8136 .top .dataTables_info { |
|
8137 float: none; |
|
8138 } |
|
8139 div.dt-bottom-row .dataTables_info { |
|
8140 float: left; |
|
8141 padding-top: 10px; |
|
8142 font-size: 12px; |
|
8143 } |
|
8144 .dataTables_full { |
|
8145 width: 100%!important; |
|
8146 } |
|
8147 .dataTables_empty { |
|
8148 text-align: center!important; |
|
8149 font-size: 15px; |
|
8150 background: #fff!important; |
|
8151 padding: 20px 0!important; |
|
8152 cursor: default; |
|
8153 } |
|
8154 .dataTables_scroll { |
|
8155 clear: both; |
|
8156 } |
|
8157 .dataTables_scrollHeadInner table.table-bordered { |
|
8158 border-radius: 4px 4px 0 0; |
|
8159 } |
|
8160 .dataTables_scrollHeadInner table.table-bordered, |
|
8161 .dataTables_scrollHeadInner table.table-bordered thead { |
|
8162 border-bottom: 0; |
|
8163 } |
|
8164 .dataTables_scrollBody table { |
|
8165 border-top: 0; |
|
8166 } |
|
8167 .dataTables_processing { |
|
8168 position: absolute; |
|
8169 top: 50%; |
|
8170 margin-top: -24px; |
|
8171 z-index: 100; |
|
8172 left: 50%; |
|
8173 width: 250px; |
|
8174 margin-left: -125px; |
|
8175 border: 1px solid #ddd; |
|
8176 text-align: center; |
|
8177 color: #000; |
|
8178 background: #fff; |
|
8179 font-size: 15px!important; |
|
8180 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
8181 -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
8182 box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
8183 padding: 10px 0; |
|
8184 } |
|
8185 .dataTables_wrapper .center { |
|
8186 text-align: center; |
|
8187 } |
|
8188 .dataTables_wrapper .details, |
|
8189 .dataTables_wrapper .details:hover { |
|
8190 background: #ddd!important; |
|
8191 } |
|
8192 .dataTables_wrapper .details table td { |
|
8193 background: #fff!important; |
|
8194 } |
|
8195 .dataTables_scrollHeadInner table.table, |
|
8196 .dataTables_wrapper .details table.table { |
|
8197 margin: 0!important; |
|
8198 } |
|
8199 .dataTables_scrollHead table { |
|
8200 margin-bottom: 0!important; |
|
8201 border-bottom-left-radius: 0; |
|
8202 border-bottom-right-radius: 0; |
|
8203 } |
|
8204 .dataTables_scrollHead table thead tr:last-child th:first-child { |
|
8205 border-bottom-left-radius: 0!important; |
|
8206 border-bottom-right-radius: 0!important; |
|
8207 } |
|
8208 .DTFC_LeftHeadWrapper table thead tr:last-child td:first-child, |
|
8209 .DTFC_LeftHeadWrapper table thead tr:last-child th:first-child { |
|
8210 border-bottom-left-radius: 0!important; |
|
8211 border-bottom-right-radius: 0!important; |
|
8212 } |
|
8213 .DTFC_LeftBodyWrapper table, |
|
8214 .dataTables_scrollBody table { |
|
8215 border-top: 0; |
|
8216 margin-bottom: 0!important; |
|
8217 } |
|
8218 .DTFC_LeftBodyWrapper tbody tr:first-child td, |
|
8219 .DTFC_LeftBodyWrapper tbody tr:first-child th, |
|
8220 div.DTFC_LeftFootWrapper table, |
|
8221 div.dataTables_scrollBody tbody tr:first-child th, |
|
8222 div.dataTables_scrollFoot table { |
|
8223 border-top: 0; |
|
8224 } |
|
8225 /* |
|
8226 * Datatables ColVis plug-in |
|
8227 */ |
|
8228 .ColVis { |
|
8229 position: absolute; |
|
8230 right: 83px; |
|
8231 top: -35px; |
|
8232 } |
|
8233 .ColVis_collection { |
|
8234 position: relative; |
|
8235 width: 180px; |
|
8236 background-color: #fff; |
|
8237 border: 1px solid rgba(0, 0, 0, 0.2); |
|
8238 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
8239 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
8240 z-index: 1102; |
|
8241 padding-top: 3px; |
|
8242 padding-left: 10px; |
|
8243 list-style-type: none; |
|
8244 list-style-position: outside; |
|
8245 } |
|
8246 .ColVis_collection .ColVis_Button { |
|
8247 position: relative; |
|
8248 margin-right: 3px; |
|
8249 height: 30px; |
|
8250 background-color: #fff; |
|
8251 border: 1px solid #d0d0d0; |
|
8252 cursor: hand; |
|
8253 padding: 3px 5px; |
|
8254 } |
|
8255 .ColVis_collection button.ColVis_Button { |
|
8256 padding: 4px 12px; |
|
8257 height: 26px; |
|
8258 background-color: #fff; |
|
8259 border: 0; |
|
8260 width: 100%; |
|
8261 float: none; |
|
8262 font-size: 12px; |
|
8263 } |
|
8264 .ColVis_collection button.ColVis_Button + button.ColVis_Button { |
|
8265 border-top: 1px solid #e1e1e1; |
|
8266 } |
|
8267 .ColVis_collection button.ColVis_Button button.ColVis_Button input { |
|
8268 margin: 0; |
|
8269 } |
|
8270 button.ColVis_Button { |
|
8271 padding: 4px 5px; |
|
8272 text-align: left; |
|
8273 } |
|
8274 button.ColVis_Button::-moz-focus-inner { |
|
8275 border: 0!important; |
|
8276 padding: 0; |
|
8277 } |
|
8278 .ColVis_collectionBackground { |
|
8279 position: fixed; |
|
8280 top: 0; |
|
8281 left: 0; |
|
8282 width: 100%; |
|
8283 height: 100%; |
|
8284 background-color: #000; |
|
8285 z-index: 1100; |
|
8286 } |
|
8287 div.ColVis_catcher { |
|
8288 position: absolute; |
|
8289 z-index: 1101; |
|
8290 } |
|
8291 span.ColVis_radio { |
|
8292 display: inline-block; |
|
8293 width: 20px; |
|
8294 vertical-align: -2px; |
|
8295 } |
|
8296 .ColVis_text_hover, |
|
8297 div.ColVis_collection button.ColVis_Button:hover { |
|
8298 background: #F2F2F2; |
|
8299 color: #222; |
|
8300 } |
|
8301 /* |
|
8302 * Datatables columns reorder plug-in |
|
8303 */ |
|
8304 table.DTCR_clonedTable { |
|
8305 background-color: #fff; |
|
8306 z-index: 202; |
|
8307 } |
|
8308 div.DTCR_pointer { |
|
8309 width: 1px; |
|
8310 background-color: #0259C4; |
|
8311 z-index: 201; |
|
8312 } |
|
8313 ul.DTTT_dropdown.dropdown-menu li { |
|
8314 position: relative; |
|
8315 } |
|
8316 ul.DTTT_dropdown.dropdown-menu li:hover a { |
|
8317 background-color: #f2f2f2; |
|
8318 color: #333!important; |
|
8319 } |
|
8320 .table_tools_group { |
|
8321 position: absolute; |
|
8322 right: 83px; |
|
8323 top: -37px; |
|
8324 } |
|
8325 .DTTT.btn-group { |
|
8326 position: absolute; |
|
8327 top: -38px; |
|
8328 right: 83px; |
|
8329 } |
|
8330 .DTTT_dropdown { |
|
8331 z-index: 2002; |
|
8332 } |
|
8333 .DTFC_LeftHeadWrapper { |
|
8334 border-bottom: 1px solid #ddd; |
|
8335 } |
|
8336 div.DTTT_container { |
|
8337 position: relative; |
|
8338 float: right; |
|
8339 margin-bottom: 1em; |
|
8340 } |
|
8341 a.DTTT_button, |
|
8342 button.DTTT_button, |
|
8343 div.DTTT_button { |
|
8344 position: relative; |
|
8345 float: left; |
|
8346 margin-right: 3px; |
|
8347 padding: 5px 8px; |
|
8348 border: 1px solid #999; |
|
8349 cursor: pointer; |
|
8350 *cursor: hand; |
|
8351 font-size: .88em; |
|
8352 color: #000!important; |
|
8353 -o-border-radius: 2px; |
|
8354 border-radius: 2px; |
|
8355 -webkit-box-shadow: 1px 1px 3px #ccc; |
|
8356 -ms-box-shadow: 1px 1px 3px #ccc; |
|
8357 -o-box-shadow: 1px 1px 3px #ccc; |
|
8358 box-shadow: 1px 1px 3px #ccc; |
|
8359 background: #fff; |
|
8360 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
8361 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8362 background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8363 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
8364 } |
|
8365 a.DTTT_button:hover, |
|
8366 button.DTTT_button:hover, |
|
8367 div.DTTT_button:hover { |
|
8368 border: 1px solid #666; |
|
8369 text-decoration: none!important; |
|
8370 -webkit-box-shadow: 1px 1px 3px #999; |
|
8371 -ms-box-shadow: 1px 1px 3px #999; |
|
8372 -o-box-shadow: 1px 1px 3px #999; |
|
8373 box-shadow: 1px 1px 3px #999; |
|
8374 background: #f3f3f3; |
|
8375 background: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), color-stop(89%, #e2e2e2), to(#f4f4f4)); |
|
8376 background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
8377 background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
8378 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); |
|
8379 } |
|
8380 button.DTTT_button { |
|
8381 height: 30px; |
|
8382 padding: 3px 8px; |
|
8383 } |
|
8384 .DTTT_button embed { |
|
8385 outline: 0; |
|
8386 } |
|
8387 a.DTTT_disabled, |
|
8388 button.DTTT_disabled, |
|
8389 div.DTTT_disabled { |
|
8390 color: #999; |
|
8391 border: 1px solid #d0d0d0; |
|
8392 background: #fff; |
|
8393 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f9f9f9), to(#fafafa)); |
|
8394 background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); |
|
8395 background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); |
|
8396 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); |
|
8397 } |
|
8398 table.DTTT_selectable tbody tr { |
|
8399 cursor: pointer; |
|
8400 *cursor: hand; |
|
8401 } |
|
8402 table.dataTable tr.DTTT_selected.odd td.sorting_1, |
|
8403 table.dataTable tr.DTTT_selected.odd td.sorting_2, |
|
8404 table.dataTable tr.DTTT_selected.odd td.sorting_3 { |
|
8405 background-color: #9FAFD1; |
|
8406 } |
|
8407 table.dataTable tr.DTTT_selected.even td.sorting_1, |
|
8408 table.dataTable tr.DTTT_selected.even td.sorting_2, |
|
8409 table.dataTable tr.DTTT_selected.even td.sorting_3 { |
|
8410 background-color: #B0BED9; |
|
8411 } |
|
8412 div.DTTT_collection { |
|
8413 width: 150px; |
|
8414 padding: 8px 8px 4px; |
|
8415 border: 1px solid #ccc; |
|
8416 border: 1px solid rgba(0, 0, 0, 0.4); |
|
8417 background-color: #f3f3f3; |
|
8418 background-color: rgba(255, 255, 255, 0.3); |
|
8419 overflow: hidden; |
|
8420 z-index: 2002; |
|
8421 -o-border-radius: 5px; |
|
8422 border-radius: 5px; |
|
8423 -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8424 -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8425 -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8426 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8427 } |
|
8428 div.DTTT_collection a.DTTT_button, |
|
8429 div.DTTT_collection button.DTTT_button, |
|
8430 div.DTTT_collection div.DTTT_button { |
|
8431 position: relative; |
|
8432 left: 0; |
|
8433 right: 0; |
|
8434 display: block; |
|
8435 float: none; |
|
8436 margin-bottom: 4px; |
|
8437 -webkit-box-shadow: 1px 1px 3px #999; |
|
8438 -ms-box-shadow: 1px 1px 3px #999; |
|
8439 -o-box-shadow: 1px 1px 3px #999; |
|
8440 box-shadow: 1px 1px 3px #999; |
|
8441 } |
|
8442 div.DTTT_collection_background { |
|
8443 z-index: 2001; |
|
8444 } |
|
8445 .DTTT_print_info { |
|
8446 position: fixed; |
|
8447 top: 50%; |
|
8448 left: 50%; |
|
8449 width: 400px; |
|
8450 height: 150px; |
|
8451 margin-left: -200px; |
|
8452 margin-top: -75px; |
|
8453 text-align: center; |
|
8454 color: #333; |
|
8455 padding: 10px 30px; |
|
8456 background: #fff; |
|
8457 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
8458 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8459 background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8460 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
8461 opacity: .95; |
|
8462 border: 1px solid #000; |
|
8463 border: 1px solid rgba(0, 0, 0, 0.5); |
|
8464 -o-border-radius: 6px; |
|
8465 border-radius: 6px; |
|
8466 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8467 -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8468 -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8469 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8470 } |
|
8471 .DTTT_print_info h6 { |
|
8472 font-weight: 400; |
|
8473 font-size: 28px; |
|
8474 line-height: 28px; |
|
8475 margin: 1em; |
|
8476 } |
|
8477 .DTTT_print_info p { |
|
8478 font-size: 14px; |
|
8479 line-height: 20px; |
|
8480 } |
|
8481 /* |
|
8482 * Forms styles |
|
8483 */ |
|
8484 .form hr { |
|
8485 margin-left: -13px; |
|
8486 margin-right: -13px; |
|
8487 border-color: rgba(0, 0, 0, 0.1); |
|
8488 margin-top: 20px; |
|
8489 margin-bottom: 20px; |
|
8490 } |
|
8491 .form fieldset { |
|
8492 display: block; |
|
8493 border: 0; |
|
8494 background: rgba(255, 255, 255, 0.9); |
|
8495 position: relative; |
|
8496 } |
|
8497 .form header, |
|
8498 .form legend { |
|
8499 display: block; |
|
8500 padding: 8px 0; |
|
8501 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
|
8502 background: #fff; |
|
8503 font-size: 16px; |
|
8504 font-weight: 300; |
|
8505 color: #222; |
|
8506 margin: 25px 0 20px; |
|
8507 } |
|
8508 .no-padding .form header { |
|
8509 margin: 25px 14px 0; |
|
8510 } |
|
8511 .form header:first-child { |
|
8512 margin-top: 10px; |
|
8513 } |
|
8514 .form .form-group:last-child, |
|
8515 .form .form-group:last-child .note, |
|
8516 .form fieldset .form-group:last-child, |
|
8517 .form fieldset .form-group:last-child .note { |
|
8518 margin-bottom: 0; |
|
8519 } |
|
8520 .form-suffix .alert:last-child { |
|
8521 margin-bottom: 0; |
|
8522 border-radius: 0 0 5px 5px; |
|
8523 } |
|
8524 fieldset { |
|
8525 position: relative; |
|
8526 } |
|
8527 legend { |
|
8528 font-weight: 400; |
|
8529 margin-top: 0; |
|
8530 background: 0 0; |
|
8531 } |
|
8532 i.hint { |
|
8533 vertical-align: super; |
|
8534 opacity: 0.5; |
|
8535 } |
|
8536 i.hint:hover { |
|
8537 opacity: 0.9!important; |
|
8538 } |
|
8539 .nohints i.hint { |
|
8540 display: none; |
|
8541 } |
|
8542 .input-group-addon { |
|
8543 padding: 6px 10px 5px!important; |
|
8544 border-radius: 0; |
|
8545 transition: background-color 0.3s; |
|
8546 -webkit-transition: background-color 0.3s; |
|
8547 } |
|
8548 .input-group-addon .fa { |
|
8549 font-size: 14px; |
|
8550 } |
|
8551 .input-group-addon .fa-2x, |
|
8552 .input-group-addon .fa-lg { |
|
8553 font-size: 2em; |
|
8554 } |
|
8555 .input-group-addon .fa-3x, |
|
8556 .input-group-addon .fa-4x, |
|
8557 .input-group-addon .fa-5x { |
|
8558 font-size: 30px; |
|
8559 } |
|
8560 .input-group-addon .checkbox, |
|
8561 .input-group-addon .radio { |
|
8562 min-height: 0; |
|
8563 margin-right: 0!important; |
|
8564 padding-top: 0; |
|
8565 } |
|
8566 .input-group-addon label input[type=checkbox].checkbox + span, |
|
8567 .input-group-addon label input[type=checkbox].checkbox + span:before, |
|
8568 .input-group-addon label input[type=radio].radiobox + span, |
|
8569 .input-group-addon label input[type=radio].radiobox + span:before { |
|
8570 margin-right: 0; |
|
8571 } |
|
8572 .input-group-addon .onoffswitch, |
|
8573 .input-group-addon .onoffswitch-label { |
|
8574 margin: 0; |
|
8575 } |
|
8576 input[type=text]:focus + .input-group-addon { |
|
8577 border-color: #0091d9; |
|
8578 background-color: #72a0ce; |
|
8579 color: #fff; |
|
8580 } |
|
8581 .has-warning input[type=text]:focus + .input-group-addon { |
|
8582 border-color: #7f6a1e; |
|
8583 background-color: #cead35; |
|
8584 color: #fff; |
|
8585 } |
|
8586 .has-error input[type=text]:focus + .input-group-addon { |
|
8587 border-color: #c46a69; |
|
8588 background-color: #c46a69; |
|
8589 color: #fff; |
|
8590 } |
|
8591 .has-success input[type=text]:focus + .input-group-addon { |
|
8592 border-color: #446b46; |
|
8593 background-color: #588a5a; |
|
8594 color: #fff; |
|
8595 } |
|
8596 .input-icon-left > i { |
|
8597 right: auto; |
|
8598 left: 24px; |
|
8599 } |
|
8600 .input-icon-left .form-control { |
|
8601 padding-left: 29px; |
|
8602 } |
|
8603 .input-icon-right { |
|
8604 position: relative; |
|
8605 } |
|
8606 .input-icon-right .form-control { |
|
8607 padding-right: 27px; |
|
8608 } |
|
8609 .input-icon-left > i, |
|
8610 .input-icon-right > i { |
|
8611 position: absolute; |
|
8612 right: 10px; |
|
8613 top: 30%; |
|
8614 font-size: 16px; |
|
8615 color: #bfbfbf; |
|
8616 } |
|
8617 .form-actions { |
|
8618 display: block; |
|
8619 padding: 13px 14px 15px; |
|
8620 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
8621 background: rgba(249, 249, 249, 0.9); |
|
8622 margin-top: 25px; |
|
8623 margin-left: -13px; |
|
8624 margin-right: -13px; |
|
8625 margin-bottom: -13px; |
|
8626 text-align: right; |
|
8627 } |
|
8628 .well .form-actions { |
|
8629 margin-left: -19px; |
|
8630 margin-right: -19px; |
|
8631 margin-bottom: -19px; |
|
8632 } |
|
8633 .well.well-lg .form-actions { |
|
8634 margin-left: -24px; |
|
8635 margin-right: -24px; |
|
8636 margin-bottom: -24px; |
|
8637 } |
|
8638 .well.well-sm .form-actions { |
|
8639 margin-left: -9px; |
|
8640 margin-right: -9px; |
|
8641 margin-bottom: -9px; |
|
8642 } |
|
8643 .popover-content .form-actions { |
|
8644 margin: 0 -14px -9px; |
|
8645 border-radius: 0 0 3px 3px; |
|
8646 padding: 9px 14px; |
|
8647 } |
|
8648 .no-padding .form .form-actions { |
|
8649 margin: 0; |
|
8650 display: block; |
|
8651 padding: 13px 14px 15px; |
|
8652 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
8653 background: rgba(248, 248, 248, 0.9); |
|
8654 text-align: right; |
|
8655 margin-top: 25px; |
|
8656 } |
|
8657 :focus { |
|
8658 outline: 0!important; |
|
8659 } |
|
8660 .filter_column input { |
|
8661 padding: 0px 3px; |
|
8662 } |
|
8663 .filter_column input, |
|
8664 .filter_column select { |
|
8665 width: 100%; |
|
8666 color: rgba(0, 0, 0, 0.5); |
|
8667 border: 1px solid #CCC; |
|
8668 border-radius: 0; |
|
8669 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8670 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8671 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8672 } |
|
8673 .uneditable-input:focus, |
|
8674 input[type=color]:focus, |
|
8675 input[type=date]:focus, |
|
8676 input[type=datetime-local]:focus, |
|
8677 input[type=datetime]:focus, |
|
8678 input[type=email]:focus, |
|
8679 input[type=month]:focus, |
|
8680 input[type=number]:focus, |
|
8681 input[type=password]:focus, |
|
8682 input[type=search]:focus, |
|
8683 input[type=tel]:focus, |
|
8684 input[type=text]:focus, |
|
8685 input[type=time]:focus, |
|
8686 input[type=url]:focus, |
|
8687 input[type=week]:focus, |
|
8688 .filter_column input:focus, |
|
8689 .filter_column select:focus, |
|
8690 select:focus, |
|
8691 textarea:focus { |
|
8692 border-color: rgba(82, 168, 236, 0.8); |
|
8693 outline: 0; |
|
8694 outline: thin dotted 9; |
|
8695 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8696 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8697 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8698 } |
|
8699 .form-control { |
|
8700 padding: 7px 12px 5px; |
|
8701 } |
|
8702 .form-control, |
|
8703 .input-lg, |
|
8704 .input-sm, |
|
8705 .input-xs { |
|
8706 border-radius: 0 !important; |
|
8707 } |
|
8708 .input-xs { |
|
8709 height: 24px; |
|
8710 padding: 3px 10px 1px; |
|
8711 font-size: 11px; |
|
8712 line-height: 1.5; |
|
8713 } |
|
8714 .fileinput { |
|
8715 padding-top: 3px; |
|
8716 } |
|
8717 input[type=checkbox].checkbox, |
|
8718 input[type=radio].radiobox { |
|
8719 visibility: hidden; |
|
8720 position: absolute; |
|
8721 z-index: 20; |
|
8722 width: 18px; |
|
8723 height: 18px; |
|
8724 } |
|
8725 .checkbox input[type=checkbox].checkbox + span, |
|
8726 .checkbox input[type=radio].radiobox + span, |
|
8727 .checkbox-inline input[type=checkbox].checkbox + span, |
|
8728 .checkbox-inline input[type=radio].radiobox + span, |
|
8729 .radio input[type=checkbox].checkbox + span, |
|
8730 .radio input[type=radio].radiobox + span, |
|
8731 .radiobox-inline input[type=checkbox].checkbox + span, |
|
8732 .radiobox-inline input[type=radio].radiobox + span { |
|
8733 margin-left: -20px; |
|
8734 } |
|
8735 .form-inline .checkbox input[type=checkbox].checkbox + span, |
|
8736 .form-inline .checkbox input[type=radio].radiobox + span, |
|
8737 .form-inline .checkbox-inline input[type=checkbox].checkbox + span, |
|
8738 .form-inline .checkbox-inline input[type=radio].radiobox + span, |
|
8739 .form-inline .radio input[type=checkbox].checkbox + span, |
|
8740 .form-inline .radio input[type=radio].radiobox + span, |
|
8741 .form-inline .radiobox-inline input[type=checkbox].checkbox + span, |
|
8742 .form-inline .radiobox-inline input[type=radio].radiobox + span { |
|
8743 margin-left: 0; |
|
8744 } |
|
8745 input[type=checkbox].checkbox + span, |
|
8746 input[type=radio].radiobox + span, |
|
8747 label input[type=checkbox].checkbox + span, |
|
8748 label input[type=radio].radiobox + span { |
|
8749 vertical-align: middle; |
|
8750 line-height: 20px; |
|
8751 } |
|
8752 input[type=checkbox].checkbox + span, |
|
8753 input[type=radio].radiobox + span, |
|
8754 input[type=checkbox].checkbox + span:after, |
|
8755 input[type=radio].radiobox + span:after, |
|
8756 input[type=checkbox].checkbox:before, |
|
8757 input[type=radio].radiobox:before { |
|
8758 box-sizing: content-box !important; |
|
8759 -webkit-box-sizing: content-box !important; |
|
8760 -moz-box-sizing: content-box !important; |
|
8761 } |
|
8762 label input[type=checkbox].checkbox + span, |
|
8763 label input[type=radio].radiobox + span { |
|
8764 position: relative; |
|
8765 z-index: 19; |
|
8766 display: inline-block; |
|
8767 margin: 0; |
|
8768 line-height: 17px; |
|
8769 min-height: 14px; |
|
8770 min-width: 14px; |
|
8771 margin-right: 5px; |
|
8772 } |
|
8773 label input[type=checkbox].checkbox + span:hover, |
|
8774 label input[type=radio].radiobox + span:hover { |
|
8775 cursor: pointer; |
|
8776 } |
|
8777 label input[type=checkbox].checkbox + span:before, |
|
8778 label input[type=radio].radiobox + span:before { |
|
8779 font-family: FontAwesome; |
|
8780 font-size: 12px; |
|
8781 border-radius: 0; |
|
8782 content: "\a0"; |
|
8783 display: inline-block; |
|
8784 text-align: center; |
|
8785 vertical-align: middle; |
|
8786 padding: 1px; |
|
8787 height: 12px; |
|
8788 line-height: 12px; |
|
8789 min-width: 12px; |
|
8790 margin-right: 5px; |
|
8791 border: 1px solid #bfbfbf; |
|
8792 background-color: #f4f4f4; |
|
8793 font-weight: 400; |
|
8794 margin-top: -1px; |
|
8795 } |
|
8796 label input[type=checkbox].checkbox + span:before { |
|
8797 content: "\a0"; |
|
8798 } |
|
8799 label input[type=checkbox].checkbox:checked + span { |
|
8800 font-weight: 700; |
|
8801 } |
|
8802 label input[type=checkbox].checkbox:checked + span:before { |
|
8803 content: "\f00c"; |
|
8804 color: #2E7BCC; |
|
8805 } |
|
8806 label input[type=checkbox].checkbox.style-1 + span:before { |
|
8807 color: #333; |
|
8808 background: #fff; |
|
8809 text-shadow: none; |
|
8810 -webkit-box-shadow: none!important; |
|
8811 box-shadow: none!important; |
|
8812 border-width: 1px; |
|
8813 height: 12px; |
|
8814 line-height: 13px; |
|
8815 min-width: 12px; |
|
8816 } |
|
8817 label input[type=checkbox].checkbox.style-1:checked + span { |
|
8818 font-weight: 400; |
|
8819 } |
|
8820 label input[type=checkbox].checkbox.style-1:checked + span:before { |
|
8821 color: #333; |
|
8822 border-color: #333; |
|
8823 } |
|
8824 label input[type=checkbox].checkbox.style-2 + span:before { |
|
8825 background: 0 0; |
|
8826 border-color: #c1c1c1; |
|
8827 -webkit-box-shadow: none; |
|
8828 box-shadow: none; |
|
8829 } |
|
8830 label input[type=checkbox].checkbox.style-2:checked + span { |
|
8831 font-weight: 400; |
|
8832 } |
|
8833 label input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8834 content: "\f00c"; |
|
8835 color: #66665e; |
|
8836 border-color: #4d90fe; |
|
8837 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff; |
|
8838 } |
|
8839 label input[type=checkbox].checkbox.style-3:checked + span:before { |
|
8840 color: #fff; |
|
8841 border-color: #a90329; |
|
8842 background: #a90329; |
|
8843 } |
|
8844 label:active input[type=checkbox].checkbox + span:before { |
|
8845 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8846 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8847 } |
|
8848 label:hover input[type=checkbox].checkbox + span:before { |
|
8849 color: #2E7BCC; |
|
8850 border-color: #2E7BCC; |
|
8851 } |
|
8852 label:hover input[type=checkbox].checkbox.style-1 + span:before { |
|
8853 border-color: #333; |
|
8854 } |
|
8855 label:hover input[type=checkbox].checkbox.style-2 + span:before { |
|
8856 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8857 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8858 } |
|
8859 label:hover input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8860 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8861 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8862 } |
|
8863 label:hover input[type=checkbox].checkbox.style-3 + span:before { |
|
8864 color: #fff; |
|
8865 border-color: #A90327; |
|
8866 } |
|
8867 label:active input[type=checkbox].checkbox:checked + span:before { |
|
8868 color: #fff; |
|
8869 background: #2E7BCC; |
|
8870 border-color: #2E7BCC; |
|
8871 } |
|
8872 label:active input[type=checkbox].checkbox.style-1:checked + span:before { |
|
8873 color: #fff; |
|
8874 background: #333; |
|
8875 border-color: #333; |
|
8876 } |
|
8877 label:active input[type=checkbox].checkbox.style-2 + span:before, |
|
8878 label:active input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8879 color: #66665e; |
|
8880 background: 0 0; |
|
8881 border-color: #c1c1c1; |
|
8882 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8883 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8884 } |
|
8885 label:active input[type=checkbox].checkbox.style-3:checked + span:before { |
|
8886 color: #a90329; |
|
8887 background: #fff; |
|
8888 border-color: #a90329; |
|
8889 } |
|
8890 label input[type=checkbox][disabled].checkbox + span, |
|
8891 label input[type=checkbox][disabled].checkbox:checked + span { |
|
8892 color: #A7A7A7; |
|
8893 cursor: not-allowed; |
|
8894 } |
|
8895 label input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8896 content: "\f00c"; |
|
8897 } |
|
8898 label input[type=checkbox][disabled].checkbox.style-2:checked + span:before { |
|
8899 content: "\f00c"; |
|
8900 } |
|
8901 label input[type=checkbox][disabled].checkbox + span:before, |
|
8902 label input[type=checkbox][disabled].checkbox:checked + span:before, |
|
8903 label input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8904 background: #eee!important; |
|
8905 border-color: #CCC!important; |
|
8906 -webkit-box-shadow: none; |
|
8907 color: #A7A7A7; |
|
8908 box-shadow: none!important; |
|
8909 } |
|
8910 label:hover input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8911 color: #A7A7A7; |
|
8912 cursor: not-allowed; |
|
8913 } |
|
8914 label:hover input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8915 background: #eee!important; |
|
8916 border-color: #CCC!important; |
|
8917 -webkit-box-shadow: none; |
|
8918 color: #A7A7A7; |
|
8919 box-shadow: none!important; |
|
8920 } |
|
8921 label input[type=radio].radiobox + span:before { |
|
8922 content: "\a0"; |
|
8923 border-radius: 50%; |
|
8924 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8925 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8926 } |
|
8927 label input[type=radio].radiobox:checked + span { |
|
8928 font-weight: 700; |
|
8929 } |
|
8930 label input[type=radio].radiobox:checked + span:before { |
|
8931 content: "\f111"; |
|
8932 color: #2E7BCC; |
|
8933 } |
|
8934 label input[type=radio].radiobox.style-1 + span:before { |
|
8935 font-size: 9px; |
|
8936 background: #fff; |
|
8937 text-shadow: none; |
|
8938 -webkit-box-shadow: none!important; |
|
8939 box-shadow: none!important; |
|
8940 border-width: 1px; |
|
8941 height: 13px; |
|
8942 line-height: 13px; |
|
8943 min-width: 13px; |
|
8944 } |
|
8945 label input[type=radio].radiobox.style-1:checked + span:before { |
|
8946 font-size: 10px; |
|
8947 color: #333; |
|
8948 border-color: #333; |
|
8949 background: #fff; |
|
8950 } |
|
8951 label input[type=radio].radiobox.style-1:checked + span { |
|
8952 font-weight: 400; |
|
8953 } |
|
8954 label input[type=radio].radiobox.style-2:checked + span { |
|
8955 font-weight: 400; |
|
8956 } |
|
8957 label input[type=radio].radiobox.style-2:checked + span:before { |
|
8958 color: #66665e; |
|
8959 border-color: #4d90fe; |
|
8960 font-size: 9px; |
|
8961 } |
|
8962 label input[type=radio].radiobox.style-3:checked + span:before { |
|
8963 color: #a90329; |
|
8964 border-color: #a90329; |
|
8965 } |
|
8966 label:hover input[type=radio].radiobox + span:before, |
|
8967 label:hover input[type=radio].radiobox:checked + span:before { |
|
8968 color: #2E7BCC; |
|
8969 border-color: #2E7BCC; |
|
8970 } |
|
8971 label:hover input[type=radio].radiobox.style-1 + span:before, |
|
8972 label:hover input[type=radio].radiobox.style-1:checked + span:before { |
|
8973 color: #333; |
|
8974 border-color: #333; |
|
8975 background: #fff; |
|
8976 } |
|
8977 label:hover input[type=radio].radiobox.style-2:checked + span:before { |
|
8978 color: #66665e; |
|
8979 border-color: #4d90fe; |
|
8980 } |
|
8981 label:hover input[type=radio].radiobox.style-3 + span:before, |
|
8982 label:hover input[type=radio].radiobox.style-3:checked + span:before { |
|
8983 color: #a90329; |
|
8984 border-color: #a90329; |
|
8985 } |
|
8986 label:active input[type=radio].radiobox + span:before { |
|
8987 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8988 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8989 } |
|
8990 label input[type=radio][disabled].radiobox + span, |
|
8991 label input[type=radio][disabled].radiobox:checked + span, |
|
8992 label input[type=radio][disabled].radiobox:checked + span:before { |
|
8993 color: #A7A7A7; |
|
8994 cursor: not-allowed; |
|
8995 } |
|
8996 label input[type=radio][disabled].radiobox:checked + span:before { |
|
8997 content: "\f111"; |
|
8998 } |
|
8999 label input[type=radio][disabled].radiobox + span:before, |
|
9000 label input[type=radio][disabled].radiobox:checked + span:before { |
|
9001 background: #eee!important; |
|
9002 border-color: #CCC!important; |
|
9003 -webkit-box-shadow: none; |
|
9004 box-shadow: none; |
|
9005 color: #A7A7A7; |
|
9006 } |
|
9007 label:active input[type=radio][disabled].radiobox:checked + span:before, |
|
9008 label:hover input[type=radio][disabled].radiobox:checked + span:before { |
|
9009 background: #eee!important; |
|
9010 border-color: #CCC!important; |
|
9011 -webkit-box-shadow: none; |
|
9012 box-shadow: none; |
|
9013 color: #A7A7A7; |
|
9014 } |
|
9015 textarea { |
|
9016 background-color: #dedede; |
|
9017 min-height: 70px; |
|
9018 } |
|
9019 textarea.monospace, |
|
9020 .monospace textarea { |
|
9021 font-family: monospace, sans-serif !important; |
|
9022 font-size: 80%!important; |
|
9023 } |
|
9024 textarea.clone { |
|
9025 position: absolute; |
|
9026 visibility: hidden; |
|
9027 } |
|
9028 .textarea-div { |
|
9029 background-color: #FFF; |
|
9030 border: 1px solid #CCC; |
|
9031 border-bottom: 0; |
|
9032 margin: 10px 0 0; |
|
9033 } |
|
9034 .textarea-controls { |
|
9035 box-sizing: border-box; |
|
9036 -moz-box-sizing: border-box; |
|
9037 -webkit-box-sizing: border-box; |
|
9038 padding: 5px; |
|
9039 display: block; |
|
9040 background-color: #FFF; |
|
9041 border: 1px solid #CCC; |
|
9042 border-top: 0; |
|
9043 height: 43px; |
|
9044 line-height: 33px; |
|
9045 overflow: hidden; |
|
9046 } |
|
9047 .textarea-controls > label { |
|
9048 margin: 3px 10px 0; |
|
9049 } |
|
9050 .textarea-controls .ams-form .checkbox { |
|
9051 padding-left: 22px!important; |
|
9052 } |
|
9053 .typearea { |
|
9054 cursor: text; |
|
9055 overflow-x: hidden; |
|
9056 overflow-y: auto; |
|
9057 max-height: 90px; |
|
9058 padding: 5px 25px 5px 5px; |
|
9059 position: relative; |
|
9060 border-bottom: 1px solid #EEE; |
|
9061 } |
|
9062 .typearea textarea { |
|
9063 width: 100%; |
|
9064 border-color: transparent!important; |
|
9065 box-sizing: border-box; |
|
9066 box-shadow: none; |
|
9067 -moz-box-sizing: border-box; |
|
9068 -webkit-box-sizing: border-box; |
|
9069 -webkit-box-shadow: none; |
|
9070 overflow: hidden; |
|
9071 padding: 0; |
|
9072 margin: 0; |
|
9073 -webkit-transition: height .2s; |
|
9074 transition: height .2s; |
|
9075 outline: 0; |
|
9076 resize: none; |
|
9077 min-height: 61px; |
|
9078 } |
|
9079 .error-box { |
|
9080 max-width: 900px; |
|
9081 margin: 0 auto; |
|
9082 } |
|
9083 .error-text { |
|
9084 font-weight: 400; |
|
9085 color: #fff; |
|
9086 letter-spacing: -4px; |
|
9087 font-size: 700%; |
|
9088 margin-bottom: 30px; |
|
9089 text-shadow: 0 1px 0 #ccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 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); |
|
9090 } |
|
9091 .error-search { |
|
9092 width: 300px; |
|
9093 margin: 0 auto 20px; |
|
9094 } |
|
9095 .error-icon-shadow { |
|
9096 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); |
|
9097 } |
|
9098 .form-inline .checkbox, |
|
9099 .form-inline .radiobox { |
|
9100 padding-left: 0; |
|
9101 } |
|
9102 .ams-form { |
|
9103 position: relative; |
|
9104 margin: 0; |
|
9105 outline: 0; |
|
9106 color: #333; |
|
9107 } |
|
9108 .ams-form *, |
|
9109 .ams-form :after, |
|
9110 .ams-form :before { |
|
9111 margin: 0; |
|
9112 padding: 0; |
|
9113 -webkit-box-sizing: content-box; |
|
9114 -moz-box-sizing: content-box; |
|
9115 box-sizing: content-box; |
|
9116 } |
|
9117 .ams-form .dt-top-row * { |
|
9118 -webkit-box-sizing: border-box; |
|
9119 -moz-box-sizing: border-box; |
|
9120 box-sizing: border-box; |
|
9121 } |
|
9122 .ams-form header { |
|
9123 display: block; |
|
9124 padding: 8px 0; |
|
9125 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
|
9126 background: #fff; |
|
9127 font-size: 16px; |
|
9128 font-weight: 300; |
|
9129 color: #232323; |
|
9130 margin: 10px 14px 0; |
|
9131 } |
|
9132 .modal-dialog .ams-form header { |
|
9133 margin: 10px -2px 0 0; |
|
9134 } |
|
9135 .ams-form fieldset { |
|
9136 display: block; |
|
9137 position: relative; |
|
9138 padding: 10px 15px 5px; |
|
9139 border: 0; |
|
9140 background: rgba(255, 255, 255, 0.9); |
|
9141 } |
|
9142 .ams-form fieldset[disabled] > section, |
|
9143 .ams-form fieldset[disabled] > article, |
|
9144 .ams-form fieldset[disabled] > div { |
|
9145 opacity: 0.6; |
|
9146 } |
|
9147 .ams-form fieldset[disabled] LEGEND.checker .checkbox { |
|
9148 cursor: pointer; |
|
9149 } |
|
9150 .ams-form fieldset.switched { |
|
9151 margin-bottom: 0!important; |
|
9152 } |
|
9153 .ams-form fieldset.switched > section, |
|
9154 .ams-form fieldset.switched > article, |
|
9155 .ams-form fieldset.switched > div:not(.persistent) { |
|
9156 display: none; |
|
9157 } |
|
9158 .ams-form fieldset.switched legend { |
|
9159 border-bottom: 0; |
|
9160 } |
|
9161 .ams-form fieldset.switched + fieldset { |
|
9162 margin-top: 0!important; |
|
9163 } |
|
9164 .ams-form fieldset.bordered { |
|
9165 margin: 0 10px 10px; |
|
9166 border: 1px solid rgba(192, 192, 192, 0.8); |
|
9167 -webkit-border-radius: 3px; |
|
9168 -moz-border-radius: 3px; |
|
9169 border-radius: 3px; |
|
9170 } |
|
9171 .ams-form fieldset.bordered.switched { |
|
9172 border: 1px solid transparent; |
|
9173 background-color: transparent; |
|
9174 } |
|
9175 .ams-form fieldset.bordered > legend { |
|
9176 width: auto; |
|
9177 padding: 3px 10px 1px; |
|
9178 border: 1px solid rgba(192, 192, 192, 0.8); |
|
9179 -webkit-border-radius: 3px; |
|
9180 -moz-border-radius: 3px; |
|
9181 border-radius: 3px; |
|
9182 } |
|
9183 .ams-form fieldset > fieldset.bordered { |
|
9184 margin: 10px 0; |
|
9185 } |
|
9186 .ams-form fieldset + fieldset { |
|
9187 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
9188 } |
|
9189 .ams-form legend { |
|
9190 padding-top: 10px; |
|
9191 } |
|
9192 .ams-form legend.inner, |
|
9193 .ams-form legend .inner { |
|
9194 font-weight: 300; |
|
9195 font-size: 14.5px!important; |
|
9196 } |
|
9197 .ams-form legend.switcher { |
|
9198 cursor: pointer; |
|
9199 } |
|
9200 .ams-form legend.checker, |
|
9201 .ams-form legend.switcher { |
|
9202 font-weight: 300; |
|
9203 font-size: 16.5px; |
|
9204 border: 0; |
|
9205 padding-bottom: 0; |
|
9206 } |
|
9207 .ams-form legend.checker label[for], |
|
9208 .ams-form legend.switcher label[for] { |
|
9209 cursor: pointer; |
|
9210 } |
|
9211 .ams-form legend .fa.text-danger { |
|
9212 color: #a94442; |
|
9213 } |
|
9214 .ams-form legend > .fa { |
|
9215 padding-right: 3px; |
|
9216 color: #3276b1; |
|
9217 font-size: 75%; |
|
9218 } |
|
9219 .ams-form legend > .fa.fa-stack { |
|
9220 font-size: 100%; |
|
9221 width: 1em; |
|
9222 height: 1em; |
|
9223 line-height: 1em; |
|
9224 } |
|
9225 .ams-form legend .hint { |
|
9226 vertical-align: top; |
|
9227 font-size: 1em; |
|
9228 } |
|
9229 .ams-form legend label.checkbox { |
|
9230 display: inline-block; |
|
9231 margin-bottom: 0px; |
|
9232 min-height: 18px; |
|
9233 } |
|
9234 .ams-form legend label.checkbox i { |
|
9235 position: absolute; |
|
9236 left: 3px; |
|
9237 top: -1px; |
|
9238 } |
|
9239 .ams-form legend .btn-group { |
|
9240 margin-left: 20px; |
|
9241 } |
|
9242 .ams-form > .modal-viewport > fieldset > legend { |
|
9243 padding-top: 0; |
|
9244 } |
|
9245 .ams-form section { |
|
9246 margin-bottom: 10px; |
|
9247 position: relative; |
|
9248 } |
|
9249 .ams-form .form-group { |
|
9250 padding: 5px 10px; |
|
9251 } |
|
9252 .ams-form.form-tight .form-group, |
|
9253 .ams-form .form-tight .form-group { |
|
9254 padding: 1px 10px; |
|
9255 } |
|
9256 .ams-form.form-tight .form-group .i18n-content, |
|
9257 .ams-form .form-tight .form-group .i18n-content { |
|
9258 margin-bottom: 5px; |
|
9259 } |
|
9260 .ams-form label.checkbox, |
|
9261 .ams-form label.radio { |
|
9262 padding-top: 0; |
|
9263 } |
|
9264 .ams-form label.input-file img.thumbnail { |
|
9265 display: inline-block; |
|
9266 margin: 4px 10px 0 4px!important; |
|
9267 padding: 4px!important; |
|
9268 } |
|
9269 .ams-form input.input-lg { |
|
9270 height: 44px; |
|
9271 padding: 10px 16px; |
|
9272 font-size: 17px; |
|
9273 line-height: 1.33; |
|
9274 } |
|
9275 .ams-form input.input-sm { |
|
9276 height: 30px; |
|
9277 padding: 5px 10px; |
|
9278 font-size: 12px; |
|
9279 line-height: 1.5; |
|
9280 } |
|
9281 .ams-form input.input-xs { |
|
9282 height: 24px; |
|
9283 padding: 2px 10px; |
|
9284 font-size: 11px; |
|
9285 line-height: 1.5; |
|
9286 } |
|
9287 .ams-form input[type="text"][name][disabled], |
|
9288 .ams-form input[type="password"][name][disabled], |
|
9289 .ams-form input[type="text"][name][readonly], |
|
9290 .ams-form input[type="password"][name][readonly] { |
|
9291 background-color: #efefef; |
|
9292 } |
|
9293 .ams-form .textarea textarea[name][disabled], |
|
9294 .ams-form .textarea textarea[name][readonly] { |
|
9295 background-color: #efefef; |
|
9296 } |
|
9297 .ams-form select.input-sm { |
|
9298 height: 30px; |
|
9299 line-height: 15px; |
|
9300 font-size: 12px; |
|
9301 } |
|
9302 .ams-form select.input-sm + i { |
|
9303 height: 10px; |
|
9304 } |
|
9305 .ams-form select.input-lg { |
|
9306 height: 44px; |
|
9307 line-height: 22px; |
|
9308 font-size: 17px; |
|
9309 } |
|
9310 .ams-form select.input-lg + i { |
|
9311 height: 11px; |
|
9312 top: 17px; |
|
9313 } |
|
9314 .ams-form .row { |
|
9315 margin: 0 -15px; |
|
9316 } |
|
9317 .ams-form .row:after { |
|
9318 display: table; |
|
9319 content: ''; |
|
9320 clear: both; |
|
9321 } |
|
9322 .ams-form .col-1 { |
|
9323 width: 8.33%; |
|
9324 } |
|
9325 .ams-form .col-2 { |
|
9326 width: 16.66%; |
|
9327 } |
|
9328 .ams-form .col-3 { |
|
9329 width: 25%; |
|
9330 } |
|
9331 .ams-form .col-4 { |
|
9332 width: 33.33%; |
|
9333 } |
|
9334 .ams-form .col-5 { |
|
9335 width: 41.66%; |
|
9336 } |
|
9337 .ams-form .col-6 { |
|
9338 width: 50%; |
|
9339 } |
|
9340 .ams-form .col-8 { |
|
9341 width: 66.67%; |
|
9342 } |
|
9343 .ams-form .col-9 { |
|
9344 width: 75%; |
|
9345 } |
|
9346 .ams-form .col-10 { |
|
9347 width: 83.33%; |
|
9348 } |
|
9349 .ams-form .col { |
|
9350 float: left; |
|
9351 min-height: 1px; |
|
9352 padding-right: 15px; |
|
9353 padding-left: 15px; |
|
9354 -webkit-box-sizing: border-box; |
|
9355 box-sizing: border-box; |
|
9356 -moz-box-sizing: border-box; |
|
9357 } |
|
9358 @media screen and (max-width: 600px) { |
|
9359 .ams-form .col { |
|
9360 float: none; |
|
9361 width: 100%; |
|
9362 } |
|
9363 } |
|
9364 @media screen and (max-width: 600px) { |
|
9365 .ams-form .col .label { |
|
9366 text-align: left; |
|
9367 padding-left: 20px; |
|
9368 } |
|
9369 } |
|
9370 .ams-form footer { |
|
9371 display: block; |
|
9372 padding: 7px 25px 15px; |
|
9373 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
9374 background: rgba(248, 248, 248, 0.9); |
|
9375 } |
|
9376 .ams-form footer:after { |
|
9377 display: table; |
|
9378 clear: both; |
|
9379 content: ''; |
|
9380 } |
|
9381 .ams-form footer .btn { |
|
9382 float: right; |
|
9383 height: 31px; |
|
9384 margin: 10px 0 0 5px; |
|
9385 padding: 0 22px; |
|
9386 font: 300 15px/29px Ubuntu, Helvetica, Arial, sans-serif; |
|
9387 cursor: pointer; |
|
9388 } |
|
9389 .ams-form footer .btn.btn-info { |
|
9390 float: left; |
|
9391 } |
|
9392 .ams-form footer .submit-message { |
|
9393 display: inline-block; |
|
9394 } |
|
9395 .ams-form .message { |
|
9396 display: none; |
|
9397 color: #6fb679; |
|
9398 } |
|
9399 .ams-form .message i { |
|
9400 display: block; |
|
9401 margin: 0 auto 20px; |
|
9402 width: 81px; |
|
9403 height: 81px; |
|
9404 border: 1px solid #6fb679; |
|
9405 border-radius: 50%; |
|
9406 font-size: 30px; |
|
9407 line-height: 81px; |
|
9408 } |
|
9409 .ams-form.submitted fieldset, |
|
9410 .ams-form.submitted footer { |
|
9411 display: none; |
|
9412 } |
|
9413 .ams-form.submitted .message { |
|
9414 display: block; |
|
9415 padding: 25px 30px; |
|
9416 background: rgba(255, 255, 255, 0.9); |
|
9417 font: 300 18px/27px Ubuntu, Helvetica, Arial, sans-serif; |
|
9418 text-align: center; |
|
9419 } |
|
9420 .ams-form .note { |
|
9421 margin-top: 6px; |
|
9422 padding: 0 1px; |
|
9423 font-size: 11px; |
|
9424 line-height: 15px; |
|
9425 color: #999; |
|
9426 } |
|
9427 .ams-form .note a { |
|
9428 font-size: 13px; |
|
9429 } |
|
9430 .ams-form .note-success { |
|
9431 color: #6fb679; |
|
9432 } |
|
9433 .ams-form .control-label { |
|
9434 display: block; |
|
9435 margin-top: 4px; |
|
9436 margin-bottom: 6px; |
|
9437 padding-top: 0; |
|
9438 line-height: 19px; |
|
9439 font-weight: 400; |
|
9440 font-size: 13px; |
|
9441 color: #666; |
|
9442 text-align: right; |
|
9443 } |
|
9444 @media screen and (max-width: 992px) { |
|
9445 .ams-form .control-label { |
|
9446 text-align: left; |
|
9447 margin-bottom: 0; |
|
9448 } |
|
9449 } |
|
9450 .ams-form .control-label.col { |
|
9451 text-align: right; |
|
9452 } |
|
9453 @media screen and (max-width: 600px) { |
|
9454 .ams-form .control-label.col { |
|
9455 text-align: left; |
|
9456 padding-left: 20px; |
|
9457 } |
|
9458 } |
|
9459 .ams-form .control-label span { |
|
9460 margin-right: 10px; |
|
9461 } |
|
9462 .ams-form .control-label span::after { |
|
9463 content: " *"; |
|
9464 color: transparent; |
|
9465 } |
|
9466 .ams-form .control-label span > .hint { |
|
9467 margin-top: -2px; |
|
9468 } |
|
9469 .ams-form .control-label .col { |
|
9470 margin: 0; |
|
9471 padding-top: 7px; |
|
9472 } |
|
9473 .ams-form label.input span.textline-field { |
|
9474 display: block; |
|
9475 margin-top: 4px; |
|
9476 margin-bottom: 6px; |
|
9477 padding: 0 8px 6px; |
|
9478 line-height: 19px; |
|
9479 font-size: 13px; |
|
9480 } |
|
9481 .ams-form .required-field .control-label span::after { |
|
9482 color: red; |
|
9483 } |
|
9484 .ams-form .tooltip { |
|
9485 position: absolute; |
|
9486 z-index: 99999; |
|
9487 left: -9999px; |
|
9488 padding: 2px 8px 3px; |
|
9489 font-size: 11px; |
|
9490 line-height: 16px; |
|
9491 font-weight: 400; |
|
9492 background: rgba(0, 0, 0, 0.9); |
|
9493 color: #fff; |
|
9494 opacity: 0; |
|
9495 transition: margin .3s, opacity .3s; |
|
9496 -webkit-transition: margin .3s, opacity .3s; |
|
9497 } |
|
9498 .ams-form .tooltip:after { |
|
9499 position: absolute; |
|
9500 content: ''; |
|
9501 } |
|
9502 .ams-form .tooltip-top-right { |
|
9503 bottom: 100%; |
|
9504 margin-bottom: 15px; |
|
9505 } |
|
9506 .ams-form .tooltip-top-right:after { |
|
9507 top: 100%; |
|
9508 right: 11px; |
|
9509 border-top: 4px solid rgba(0, 0, 0, 0.9); |
|
9510 border-right: 4px solid transparent; |
|
9511 border-left: 4px solid transparent; |
|
9512 } |
|
9513 .ams-form .input input:focus + .tooltip-top-right, |
|
9514 .ams-form .input textarea:focus + .tooltip-top-right { |
|
9515 right: 0; |
|
9516 left: auto; |
|
9517 margin-bottom: 5px; |
|
9518 } |
|
9519 .ams-form .tooltip-top-left { |
|
9520 bottom: 100%; |
|
9521 margin-bottom: 15px; |
|
9522 } |
|
9523 .ams-form .tooltip-top-left:after { |
|
9524 top: 100%; |
|
9525 left: 11px; |
|
9526 border-top: 4px solid rgba(0, 0, 0, 0.9); |
|
9527 border-right: 4px solid transparent; |
|
9528 border-left: 4px solid transparent; |
|
9529 } |
|
9530 .ams-form .input input:focus + .tooltip-top-left, |
|
9531 .ams-form .input textarea:focus + .tooltip-top-left { |
|
9532 right: auto; |
|
9533 left: 0; |
|
9534 margin-bottom: 5px; |
|
9535 } |
|
9536 .ams-form .tooltip-right { |
|
9537 top: 4px; |
|
9538 white-space: nowrap; |
|
9539 margin-left: 15px; |
|
9540 } |
|
9541 .ams-form .tooltip-right:after { |
|
9542 top: 6px; |
|
9543 right: 100%; |
|
9544 border-top: 4px solid transparent; |
|
9545 border-right: 4px solid rgba(0, 0, 0, 0.9); |
|
9546 border-bottom: 4px solid transparent; |
|
9547 } |
|
9548 .ams-form .input input:focus + .tooltip-right, |
|
9549 .ams-form .input textarea:focus + .tooltip-right { |
|
9550 left: 100%; |
|
9551 margin-left: 5px; |
|
9552 } |
|
9553 .ams-form .tooltip-left { |
|
9554 top: 4px; |
|
9555 white-space: nowrap; |
|
9556 margin-right: 15px; |
|
9557 } |
|
9558 .ams-form .tooltip-left:after { |
|
9559 top: 6px; |
|
9560 left: 100%; |
|
9561 border-top: 4px solid transparent; |
|
9562 border-bottom: 4px solid transparent; |
|
9563 border-left: 4px solid rgba(0, 0, 0, 0.9); |
|
9564 } |
|
9565 .ams-form .input input:focus + .tooltip-left, |
|
9566 .ams-form .input textarea:focus + .tooltip-left { |
|
9567 right: 100%; |
|
9568 left: auto; |
|
9569 margin-right: 5px; |
|
9570 } |
|
9571 .ams-form .tooltip-bottom-right { |
|
9572 top: 100%; |
|
9573 margin-top: 15px; |
|
9574 } |
|
9575 .ams-form .tooltip-bottom-right:after { |
|
9576 bottom: 100%; |
|
9577 right: 11px; |
|
9578 border-right: 4px solid transparent; |
|
9579 border-bottom: 4px solid rgba(0, 0, 0, 0.9); |
|
9580 border-left: 4px solid transparent; |
|
9581 } |
|
9582 .ams-form .input input:focus + .tooltip-bottom-right, |
|
9583 .ams-form .input textarea:focus + .tooltip-bottom-right { |
|
9584 right: 0; |
|
9585 left: auto; |
|
9586 margin-top: 5px; |
|
9587 } |
|
9588 .ams-form .tooltip-bottom-left { |
|
9589 top: 100%; |
|
9590 margin-top: 15px; |
|
9591 } |
|
9592 .ams-form .tooltip-bottom-left:after { |
|
9593 bottom: 100%; |
|
9594 left: 11px; |
|
9595 border-right: 4px solid transparent; |
|
9596 border-bottom: 4px solid rgba(0, 0, 0, 0.9); |
|
9597 border-left: 4px solid transparent; |
|
9598 } |
|
9599 .ams-form .input input:focus + .tooltip-bottom-left, |
|
9600 .ams-form .input textarea:focus + .tooltip-bottom-left { |
|
9601 right: auto; |
|
9602 left: 0; |
|
9603 margin-top: 5px; |
|
9604 } |
|
9605 .ams-form .inline-group { |
|
9606 margin: 0 -30px -4px 0; |
|
9607 } |
|
9608 .ams-form .inline-group:after { |
|
9609 content: ''; |
|
9610 display: table; |
|
9611 clear: both; |
|
9612 } |
|
9613 .ams-form .inline-group .checkbox, |
|
9614 .ams-form .inline-group .radio { |
|
9615 float: left; |
|
9616 margin-right: 30px; |
|
9617 } |
|
9618 .ams-form .inline-group .checkbox:last-child, |
|
9619 .ams-form .inline-group .radio:last-child { |
|
9620 margin-bottom: 4px; |
|
9621 } |
|
9622 .ams-form .input .inline-group { |
|
9623 margin: 0 0 -4px 0; |
|
9624 } |
|
9625 .ams-form .btn { |
|
9626 -webkit-box-sizing: border-box; |
|
9627 -moz-box-sizing: border-box; |
|
9628 box-sizing: border-box; |
|
9629 } |
|
9630 .ams-form .button { |
|
9631 float: right; |
|
9632 height: 31px; |
|
9633 overflow: hidden; |
|
9634 margin: 10px 0 0 5px; |
|
9635 padding: 0 25px; |
|
9636 outline: 0; |
|
9637 border: 0; |
|
9638 font: 300 15px/31px Ubuntu, Helvetica, Arial, sans-serif; |
|
9639 text-decoration: none; |
|
9640 color: #fff; |
|
9641 cursor: pointer; |
|
9642 background-color: #3276B1; |
|
9643 opacity: .8; |
|
9644 transition: opacity .2s; |
|
9645 -webkit-transition: opacity .2s; |
|
9646 } |
|
9647 .ams-form .button:hover { |
|
9648 opacity: 1; |
|
9649 } |
|
9650 .ams-form .button.button-secondary { |
|
9651 background-color: #b3b3b3; |
|
9652 } |
|
9653 .ams-form .button, |
|
9654 .ams-form .checkbox, |
|
9655 .ams-form .input, |
|
9656 .ams-form .radio, |
|
9657 .ams-form .select, |
|
9658 .ams-form .textarea, |
|
9659 .ams-form .toggle { |
|
9660 display: block; |
|
9661 position: relative; |
|
9662 font-weight: 400; |
|
9663 } |
|
9664 .ams-form .input input, |
|
9665 .ams-form .select select, |
|
9666 .ams-form .input textarea { |
|
9667 display: block; |
|
9668 -webkit-box-sizing: border-box; |
|
9669 -moz-box-sizing: border-box; |
|
9670 box-sizing: border-box; |
|
9671 width: 100%; |
|
9672 height: 28px; |
|
9673 padding: 6px 8px; |
|
9674 outline: 0; |
|
9675 border-width: 1px; |
|
9676 border-style: solid; |
|
9677 border-radius: 0; |
|
9678 background: #fff; |
|
9679 font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; |
|
9680 color: #404040; |
|
9681 appearance: normal; |
|
9682 -moz-appearance: none; |
|
9683 -webkit-appearance: none; |
|
9684 } |
|
9685 .ams-form .input input[readonly], |
|
9686 .ams-form .select select[readonly], |
|
9687 .ams-form .input textarea[readonly] { |
|
9688 border-bottom: 1px solid #ccc!important; |
|
9689 pointer-events: none; |
|
9690 cursor: pointer; |
|
9691 } |
|
9692 .ams-form .input input[readonly]:focus, |
|
9693 .ams-form .select select[readonly]:focus, |
|
9694 .ams-form .input textarea[readonly]:focus { |
|
9695 -webkit-box-shadow: none; |
|
9696 -moz-box-shadow: none; |
|
9697 box-shadow: none; |
|
9698 } |
|
9699 .ams-form .input input.display-mode, |
|
9700 .ams-form .select select.display-mode, |
|
9701 .ams-form .input textarea.display-mode { |
|
9702 border: none; |
|
9703 padding: 0; |
|
9704 margin-top: 2px; |
|
9705 margin-bottom: 3px; |
|
9706 height: 14px; |
|
9707 line-height: 1em; |
|
9708 } |
|
9709 .ams-form .input span.textarea-widget { |
|
9710 display: block; |
|
9711 width: 100%; |
|
9712 min-height: 14px; |
|
9713 padding: 4px 8px; |
|
9714 border-bottom: 1px solid #ccc!important; |
|
9715 } |
|
9716 .ams-form .input .i18n-content input[readonly], |
|
9717 .ams-form .input .i18n-content textarea[readonly], |
|
9718 .ams-form .select .i18n-content select[readonly] { |
|
9719 border-width: 0!important; |
|
9720 } |
|
9721 .ams-form .input .i18n-content .textarea-widget { |
|
9722 display: block; |
|
9723 min-height: 12px; |
|
9724 } |
|
9725 .ams-form .input input:focus + .tooltip, |
|
9726 .ams-form .input textarea:focus + .tooltip { |
|
9727 opacity: 1; |
|
9728 } |
|
9729 .ams-form .input .icon-prepend + input, |
|
9730 .ams-form .input .icon-prepend + textarea { |
|
9731 padding-left: 37px; |
|
9732 } |
|
9733 .ams-form .input .icon-append + input, |
|
9734 .ams-form .input .icon-append + textarea { |
|
9735 padding-right: 37px; |
|
9736 } |
|
9737 .ams-form .input .icon-prepend + .icon-append + input, |
|
9738 .ams-form .input .icon-prepend + .icon-append + textarea { |
|
9739 padding-left: 37px; |
|
9740 } |
|
9741 .ams-form .input.with-icons .icon-append-2 + input { |
|
9742 padding-right: 60px; |
|
9743 } |
|
9744 .ams-form .input-file { |
|
9745 position: relative; |
|
9746 width: 100%; |
|
9747 } |
|
9748 .ams-form .input-file .current-value { |
|
9749 font-size: 13px; |
|
9750 } |
|
9751 .ams-form .input-file .button { |
|
9752 position: absolute; |
|
9753 top: 3px; |
|
9754 right: 3px; |
|
9755 float: none; |
|
9756 height: 22px; |
|
9757 margin: 0; |
|
9758 padding: 0 14px; |
|
9759 font-size: 13px; |
|
9760 line-height: 22px; |
|
9761 } |
|
9762 .ams-form .input-file .button:hover { |
|
9763 -webkit-box-shadow: none; |
|
9764 box-shadow: none; |
|
9765 } |
|
9766 .ams-form .input-file .button input { |
|
9767 position: absolute; |
|
9768 top: 0; |
|
9769 right: 0; |
|
9770 padding: 0; |
|
9771 font-size: 30px; |
|
9772 cursor: pointer; |
|
9773 opacity: 0; |
|
9774 } |
|
9775 .ams-form .select select { |
|
9776 padding: 5px; |
|
9777 } |
|
9778 .ams-form .select i { |
|
9779 position: absolute; |
|
9780 top: 9px; |
|
9781 right: 11px; |
|
9782 width: 5px; |
|
9783 height: 11px; |
|
9784 background: #fff; |
|
9785 } |
|
9786 .ams-form .select i:before, |
|
9787 .ams-form .select i:after { |
|
9788 content: ''; |
|
9789 position: absolute; |
|
9790 right: 0; |
|
9791 border-right: 4px solid transparent; |
|
9792 border-left: 4px solid transparent; |
|
9793 } |
|
9794 .ams-form .select i:before { |
|
9795 top: 0; |
|
9796 border-bottom: 4px solid #404040; |
|
9797 } |
|
9798 .ams-form .select i:after { |
|
9799 bottom: 0; |
|
9800 border-top: 4px solid #404040; |
|
9801 } |
|
9802 .ams-form .select-widget .selected-option { |
|
9803 display: inline-block; |
|
9804 padding: 4px 8px; |
|
9805 } |
|
9806 .ams-form .select-multiple select { |
|
9807 height: auto; |
|
9808 } |
|
9809 .ams-form .input textarea { |
|
9810 height: auto; |
|
9811 resize: vertical; |
|
9812 } |
|
9813 .ams-form .input.height-100 textarea { |
|
9814 height: 100px; |
|
9815 } |
|
9816 .ams-form .input.height-100 .i18n-content textarea { |
|
9817 height: 70px; |
|
9818 } |
|
9819 .ams-form .input.height-200 textarea { |
|
9820 height: 200px; |
|
9821 } |
|
9822 .ams-form .input.height-200 .i18n-content textarea { |
|
9823 height: 170px; |
|
9824 } |
|
9825 .ams-form .textarea-resizable textarea { |
|
9826 resize: vertical; |
|
9827 } |
|
9828 .ams-form .textarea-expandable textarea { |
|
9829 height: 31px; |
|
9830 } |
|
9831 .ams-form .textarea-expandable textarea:focus { |
|
9832 height: auto; |
|
9833 } |
|
9834 .ams-form .checkbox, |
|
9835 .ams-form .radio { |
|
9836 margin-bottom: 4px; |
|
9837 padding-left: 25px; |
|
9838 line-height: 25px; |
|
9839 color: #404040; |
|
9840 cursor: pointer; |
|
9841 font-size: 13px; |
|
9842 } |
|
9843 .ams-form .checkbox:last-child, |
|
9844 .ams-form .radio:last-child { |
|
9845 margin-bottom: 0; |
|
9846 } |
|
9847 .ams-form .checkbox i, |
|
9848 .ams-form .radio i { |
|
9849 display: block; |
|
9850 position: absolute; |
|
9851 top: 3px; |
|
9852 left: 0; |
|
9853 width: 17px; |
|
9854 height: 17px; |
|
9855 outline: 0; |
|
9856 border-width: 1px; |
|
9857 border-style: solid; |
|
9858 background: #FFF; |
|
9859 } |
|
9860 .ams-form .checkbox input, |
|
9861 .ams-form .radio input { |
|
9862 position: absolute; |
|
9863 left: -9999px; |
|
9864 } |
|
9865 .ams-form .checkbox input + i:after, |
|
9866 .ams-form .radio input + i:after { |
|
9867 position: absolute; |
|
9868 opacity: 0; |
|
9869 transition: opacity .1s; |
|
9870 -webkit-transition: opacity .1s; |
|
9871 } |
|
9872 .ams-form .checkbox input:checked + i:after, |
|
9873 .ams-form .radio input:checked + i:after { |
|
9874 opacity: 1; |
|
9875 } |
|
9876 .ams-form .radio input + i:after { |
|
9877 background-color: #3276B1; |
|
9878 } |
|
9879 .ams-form .checkbox input + i:after { |
|
9880 content: '\f00c'; |
|
9881 top: -1px; |
|
9882 left: 1px; |
|
9883 width: 15px; |
|
9884 height: 15px; |
|
9885 font: 400 16px/19px FontAwesome; |
|
9886 text-align: center; |
|
9887 } |
|
9888 .ams-form .checkbox input + i:after { |
|
9889 color: #3276B1; |
|
9890 } |
|
9891 .ams-form .checkbox input:checked:hover + i:after { |
|
9892 content: '\f00d'; |
|
9893 } |
|
9894 .ams-form .checkbox input:checked:disabled:hover + i:after { |
|
9895 content: '\f00c'; |
|
9896 } |
|
9897 .ams-form .radio input + i:after { |
|
9898 content: ''; |
|
9899 top: 4px; |
|
9900 left: 4px; |
|
9901 width: 9px; |
|
9902 height: 9px; |
|
9903 border-radius: 50%; |
|
9904 } |
|
9905 .ams-form .checkbox + .checkbox, |
|
9906 .ams-form .radio + .radio { |
|
9907 margin-top: 0; |
|
9908 } |
|
9909 .ams-form.table td .checkbox i, |
|
9910 .ams-form.table td .radio i, |
|
9911 .ams-form.table th .checkbox i, |
|
9912 .ams-form.table th .radio i { |
|
9913 top: 0!important; |
|
9914 } |
|
9915 .ams-form .inner .checkbox { |
|
9916 min-height: 13px; |
|
9917 } |
|
9918 .ams-form .inner .checkbox i { |
|
9919 width: 13px; |
|
9920 height: 13px; |
|
9921 } |
|
9922 .ams-form .inner .checkbox input + i:after { |
|
9923 width: 11px; |
|
9924 height: 11px; |
|
9925 font: 300 12px/16px FontAwesome; |
|
9926 } |
|
9927 .inner-table-form .ams-form > fieldset { |
|
9928 margin-top: 10px; |
|
9929 margin-bottom: 0; |
|
9930 } |
|
9931 .inner-table-form .ams-form legend { |
|
9932 background-color: white; |
|
9933 } |
|
9934 .inner-table-form .ams-form .form-group { |
|
9935 padding: 5px 10px 0; |
|
9936 } |
|
9937 .inner-table-form .ams-form input[type="text"] { |
|
9938 height: 28px; |
|
9939 } |
|
9940 .inner-table-form .ams-form footer { |
|
9941 padding: 5px 20px; |
|
9942 border-top: 0; |
|
9943 background-color: transparent; |
|
9944 } |
|
9945 .ams-form .toggle { |
|
9946 margin-bottom: 4px; |
|
9947 padding-right: 61px; |
|
9948 font-size: 15px; |
|
9949 line-height: 25px; |
|
9950 color: #404040; |
|
9951 cursor: pointer; |
|
9952 } |
|
9953 .ams-form .toggle:last-child { |
|
9954 margin-bottom: 0; |
|
9955 } |
|
9956 .ams-form .toggle.state-error input:checked + i { |
|
9957 background: #fff0f0; |
|
9958 } |
|
9959 .ams-form .toggle.state-success input:checked + i { |
|
9960 background: #f0fff0; |
|
9961 } |
|
9962 .ams-form .toggle input { |
|
9963 position: absolute; |
|
9964 left: -9999px; |
|
9965 } |
|
9966 .ams-form .toggle input:checked + i:before { |
|
9967 right: 36px; |
|
9968 } |
|
9969 .ams-form .toggle input:checked + i:after { |
|
9970 content: attr(data-swchon-text); |
|
9971 text-align: right; |
|
9972 } |
|
9973 .ams-form .toggle i { |
|
9974 display: block; |
|
9975 position: absolute; |
|
9976 content: ''; |
|
9977 top: 4px; |
|
9978 right: 0; |
|
9979 width: 49px; |
|
9980 height: 17px; |
|
9981 border-width: 1px; |
|
9982 border-style: solid; |
|
9983 border-radius: 12px; |
|
9984 background: #fff; |
|
9985 } |
|
9986 .ams-form .toggle i:before { |
|
9987 display: block; |
|
9988 position: absolute; |
|
9989 content: ''; |
|
9990 z-index: 1; |
|
9991 top: 4px; |
|
9992 right: 4px; |
|
9993 width: 9px; |
|
9994 height: 9px; |
|
9995 border-radius: 50%; |
|
9996 opacity: 1; |
|
9997 transition: right .2s; |
|
9998 -webkit-transition: right .2s; |
|
9999 background-color: #3276B1; |
|
10000 } |
|
10001 .ams-form .toggle i:after { |
|
10002 position: absolute; |
|
10003 content: attr(data-swchoff-text); |
|
10004 top: 2px; |
|
10005 right: 8px; |
|
10006 left: 8px; |
|
10007 font-style: normal; |
|
10008 font-size: 9px; |
|
10009 line-height: 17px; |
|
10010 font-weight: 700; |
|
10011 text-align: left; |
|
10012 color: #5f5f5f; |
|
10013 } |
|
10014 .ams-form .checkbox:hover i, |
|
10015 .ams-form .radio:hover i, |
|
10016 .ams-form .toggle:hover i { |
|
10017 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10018 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10019 } |
|
10020 .ams-form .checkbox:active i, |
|
10021 .ams-form .radio:active i, |
|
10022 .ams-form .toggle:active i { |
|
10023 background: #F0F0F0; |
|
10024 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10025 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10026 } |
|
10027 .ams-form .checkbox input:checked + i, |
|
10028 .ams-form .radio input:checked + i, |
|
10029 .ams-form .toggle input:checked + i { |
|
10030 border-color: #3276B1; |
|
10031 } |
|
10032 .ams-form .rating { |
|
10033 margin-bottom: 4px; |
|
10034 font-size: 13px; |
|
10035 line-height: 25px; |
|
10036 color: #404040; |
|
10037 } |
|
10038 .ams-form .rating:last-child { |
|
10039 margin-bottom: 0; |
|
10040 } |
|
10041 .ams-form .rating.state-error + em { |
|
10042 margin-top: -4px; |
|
10043 margin-bottom: 4px; |
|
10044 } |
|
10045 .ams-form .rating input { |
|
10046 position: absolute; |
|
10047 left: -9999px; |
|
10048 } |
|
10049 .ams-form .rating input + label:hover, |
|
10050 .ams-form .rating input + label:hover ~ label { |
|
10051 color: #3276B1; |
|
10052 } |
|
10053 .ams-form .rating input:checked ~ label { |
|
10054 color: #3276B1; |
|
10055 } |
|
10056 .ams-form .rating label { |
|
10057 display: block; |
|
10058 float: right; |
|
10059 height: 17px; |
|
10060 margin-top: 5px; |
|
10061 padding: 0 2px; |
|
10062 font-size: 17px; |
|
10063 line-height: 17px; |
|
10064 cursor: pointer; |
|
10065 color: #ccc; |
|
10066 transition: color .3s; |
|
10067 -webkit-transition: color .3s; |
|
10068 } |
|
10069 .ams-form .icon-append, |
|
10070 .ams-form .icon-prepend { |
|
10071 position: absolute; |
|
10072 top: 4px; |
|
10073 width: 20px; |
|
10074 height: 20px; |
|
10075 font-size: 14px; |
|
10076 line-height: 20px; |
|
10077 text-align: center; |
|
10078 color: #A2A2A2; |
|
10079 } |
|
10080 .ams-form .icon-append.text-primary, |
|
10081 .ams-form .icon-prepend.text-primary { |
|
10082 color: #337ab7; |
|
10083 } |
|
10084 .ams-form .icon-append.text-primary.inverted, |
|
10085 .ams-form .icon-prepend.text-primary.inverted { |
|
10086 background-color: #337ab7; |
|
10087 color: white; |
|
10088 border-radius: 3px; |
|
10089 } |
|
10090 .ams-form .icon-append.fa-stack .fa-stack-2x, |
|
10091 .ams-form .icon-prepend.fa-stack .fa-stack-2x { |
|
10092 font-size: 1.6em; |
|
10093 left: 1px; |
|
10094 } |
|
10095 .ams-form .icon-append.fa-stack .fa-stack-1x, |
|
10096 .ams-form .icon-prepend.fa-stack .fa-stack-1x { |
|
10097 left: 1px; |
|
10098 top: 1px; |
|
10099 } |
|
10100 .ams-form .icon-append { |
|
10101 right: 4px; |
|
10102 padding-left: 2px; |
|
10103 border-left-width: 1px; |
|
10104 border-left-style: solid; |
|
10105 } |
|
10106 .ams-form .icon-append.fa-spin { |
|
10107 border-left-style: none; |
|
10108 } |
|
10109 .ams-form .icon-append-2 { |
|
10110 right: 31px; |
|
10111 } |
|
10112 .ams-form .icon-prepend { |
|
10113 left: 4px; |
|
10114 padding-right: 2px; |
|
10115 border-right-width: 1px; |
|
10116 border-right-style: solid; |
|
10117 } |
|
10118 .ams-form .icon-prepend-2 { |
|
10119 left: 31px; |
|
10120 } |
|
10121 .ams-form .field-with-prefix { |
|
10122 display: flex; |
|
10123 border: 1px solid #ccc; |
|
10124 } |
|
10125 .ams-form .field-with-prefix .prefix { |
|
10126 color: #346597; |
|
10127 padding: 6px 0 6px 6px; |
|
10128 font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; |
|
10129 height: 16px; |
|
10130 } |
|
10131 .ams-form .field-with-prefix .prefix:empty { |
|
10132 padding: 4px 0; |
|
10133 } |
|
10134 .ams-form .field-with-prefix .prefix + input { |
|
10135 border-width: 0; |
|
10136 padding-left: 3px; |
|
10137 } |
|
10138 .ams-form .field-with-prefix .prefix + input:focus { |
|
10139 border-width: 1px 1px 1px 0; |
|
10140 } |
|
10141 .ams-form .field-with-prefix .prefix:empty + input { |
|
10142 padding-left: 8px; |
|
10143 } |
|
10144 .ams-form .field-with-prefix .prefix:empty + input:focus { |
|
10145 padding-left: 7px; |
|
10146 border-width: 1px; |
|
10147 } |
|
10148 .ams-form .checkbox i, |
|
10149 .ams-form .icon-append, |
|
10150 .ams-form .icon-prepend, |
|
10151 .ams-form .input input, |
|
10152 .ams-form .input textarea, |
|
10153 .ams-form .radio i, |
|
10154 .ams-form .select select, |
|
10155 .ams-form .toggle i { |
|
10156 border-color: #ccc; |
|
10157 transition: border-color 0.3s; |
|
10158 -webkit-transition: border-color 0.3s; |
|
10159 } |
|
10160 .ams-form .input.bordered:hover, |
|
10161 .ams-form .input:hover textarea, |
|
10162 .ams-form .checkbox:hover i, |
|
10163 .ams-form .input:hover input, |
|
10164 .ams-form .radio:hover i, |
|
10165 .ams-form .select:hover select, |
|
10166 .ams-form .toggle:hover i { |
|
10167 border-color: rgba(82, 168, 236, 0.7); |
|
10168 } |
|
10169 .ams-form .checkbox input:focus + i, |
|
10170 .ams-form .input input:focus, |
|
10171 .ams-form .input textarea:focus, |
|
10172 .ams-form .radio input:focus + i, |
|
10173 .ams-form .select select:focus, |
|
10174 .ams-form .toggle input:focus + i { |
|
10175 border-color: rgba(82, 168, 236, 0.7); |
|
10176 outline: 0; |
|
10177 outline: thin dotted 9; |
|
10178 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
10179 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
10180 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
10181 } |
|
10182 .ams-form .checkbox.state-error i, |
|
10183 .ams-form .radio.state-error i, |
|
10184 .ams-form .state-error input, |
|
10185 .ams-form .state-error select, |
|
10186 .ams-form .state-error textarea, |
|
10187 .ams-form .toggle.state-error i { |
|
10188 background: #fff0f0; |
|
10189 border-color: rgba(255, 60, 60, 0.8) !important; |
|
10190 } |
|
10191 .ams-form .checkbox.state-error i:focus, |
|
10192 .ams-form .radio.state-error i:focus, |
|
10193 .ams-form .state-error input:focus, |
|
10194 .ams-form .state-error select:focus, |
|
10195 .ams-form .state-error textarea:focus, |
|
10196 .ams-form .toggle.state-error i:focus { |
|
10197 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10198 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10199 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10200 } |
|
10201 .ams-form .state-error .select2-container .select2-choice, |
|
10202 .ams-form .state-error .select2-container .select2-choices { |
|
10203 border-color: rgba(255, 60, 60, 0.8) !important; |
|
10204 } |
|
10205 .ams-form .state-error .select2-container .select2-choice:focus, |
|
10206 .ams-form .state-error .select2-container .select2-choices:focus { |
|
10207 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10208 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10209 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10210 } |
|
10211 .ams-form .checkbox.state-success i, |
|
10212 .ams-form .radio.state-success i, |
|
10213 .ams-form .state-success input, |
|
10214 .ams-form .state-success select, |
|
10215 .ams-form .state-success textarea, |
|
10216 .ams-form .toggle.state-success i { |
|
10217 background: #f0fff0; |
|
10218 border-color: #7DC27D; |
|
10219 } |
|
10220 .ams-form .button.state-disabled, |
|
10221 .ams-form .checkbox.state-disabled, |
|
10222 .ams-form .input.state-disabled input, |
|
10223 .ams-form .input.state-disabled textarea, |
|
10224 .ams-form .radio.state-disabled, |
|
10225 .ams-form .select.state-disabled, |
|
10226 .ams-form .toggle.state-disabled { |
|
10227 cursor: default!important; |
|
10228 opacity: .6!important; |
|
10229 } |
|
10230 .ams-form .checkbox.state-disabled:hover i, |
|
10231 .ams-form .input.state-disabled:hover input, |
|
10232 .ams-form .input.state-disabled:hover textarea, |
|
10233 .ams-form .radio.state-disabled:hover i, |
|
10234 .ams-form .select.state-disabled:hover select, |
|
10235 .ams-form .toggle.state-disabled:hover i { |
|
10236 border-color: #e5e5e5!important; |
|
10237 } |
|
10238 .ams-form .state-disabled.checkbox input + i:after, |
|
10239 .ams-form .state-disabled.checkbox input:checked + i, |
|
10240 .ams-form .state-disabled.radio input + i:after, |
|
10241 .ams-form .state-disabled.radio input:checked + i, |
|
10242 .ams-form .state-disabled.toggle input:checked + i { |
|
10243 border-color: #e5e5e5!important; |
|
10244 color: #333!important; |
|
10245 } |
|
10246 .ams-form .ui-widget-content .ui-spinner-input { |
|
10247 margin: 0; |
|
10248 border: 0; |
|
10249 -webkit-box-shadow: none!important; |
|
10250 box-shadow: none!important; |
|
10251 height: 29px; |
|
10252 } |
|
10253 .ams-form .state-error { |
|
10254 color: #D56161; |
|
10255 } |
|
10256 .ams-form .state-error select + i { |
|
10257 background: #FFF0F0; |
|
10258 -webkit-box-shadow: 0 0 0 9px #FFF0F0; |
|
10259 box-shadow: 0 0 0 9px #FFF0F0; |
|
10260 } |
|
10261 .ams-form .state-error + em { |
|
10262 display: block; |
|
10263 margin-top: 6px; |
|
10264 padding: 0 1px; |
|
10265 font-style: normal; |
|
10266 font-size: 11px; |
|
10267 line-height: 15px; |
|
10268 color: #D56161; |
|
10269 } |
|
10270 .ams-form .state-success select + i { |
|
10271 background: #f0fff0; |
|
10272 -webkit-box-shadow: 0 0 0 9px #f0fff0; |
|
10273 box-shadow: 0 0 0 9px #f0fff0; |
|
10274 } |
|
10275 .ams-form .state-disabled.radio input + i:after { |
|
10276 background-color: #333; |
|
10277 } |
|
10278 .ams-form .form-tiny .form-group { |
|
10279 padding: 0px 10px; |
|
10280 } |
|
10281 .ams-form .form-tiny .control-label { |
|
10282 margin-top: 2px; |
|
10283 margin-bottom: 3px; |
|
10284 line-height: 14px; |
|
10285 } |
|
10286 .ams-form .form-tiny label.input span.textline-field { |
|
10287 margin-top: 2px; |
|
10288 margin-bottom: 3px; |
|
10289 line-height: 14px; |
|
10290 } |
|
10291 .ams-form .form-nomargin .control-label, |
|
10292 .ams-form.form-nomargin .control-label { |
|
10293 margin-top: 0; |
|
10294 margin-bottom: 0; |
|
10295 } |
|
10296 .ams-form .form-nomargin label.input span.textline-field, |
|
10297 .ams-form.form-nomargin label.input span.textline-field { |
|
10298 margin-top: 0; |
|
10299 margin-bottom: 0; |
|
10300 } |
|
10301 .ams-form .form-nopadding .form-group, |
|
10302 .ams-form.form-nopadding .form-group { |
|
10303 padding: 0 10px 1px; |
|
10304 } |
|
10305 .ams-form td.form-input.no-padding { |
|
10306 padding: 0!important; |
|
10307 } |
|
10308 .ams-form td.form-input.no-padding label.input .icon-append { |
|
10309 top: 0; |
|
10310 } |
|
10311 .ams-form td.form-input.no-padding input.datepicker, |
|
10312 .ams-form td.form-input.no-padding input.datetimepicker { |
|
10313 border: 0; |
|
10314 text-align: center; |
|
10315 } |
|
10316 .ams-form-modal { |
|
10317 position: fixed; |
|
10318 z-index: 1; |
|
10319 display: none; |
|
10320 width: 400px; |
|
10321 } |
|
10322 .ams-form-modal-overlay { |
|
10323 position: fixed; |
|
10324 top: 0; |
|
10325 left: 0; |
|
10326 display: none; |
|
10327 width: 100%; |
|
10328 height: 100%; |
|
10329 background: rgba(0, 0, 0, 0.7); |
|
10330 } |
|
10331 .state-error .icon-append, |
|
10332 .state-error .icon-prepend { |
|
10333 color: #ed1c24; |
|
10334 } |
|
10335 /* |
|
10336 * X-editable - v1.5.0 |
|
10337 */ |
|
10338 .editableform { |
|
10339 margin-bottom: 0; |
|
10340 } |
|
10341 .editableform .control-group { |
|
10342 margin-bottom: 0; |
|
10343 white-space: nowrap; |
|
10344 } |
|
10345 .editableform .editable-date { |
|
10346 padding: 0; |
|
10347 margin: 0; |
|
10348 float: left; |
|
10349 } |
|
10350 .editableform-loading { |
|
10351 background: url(../img/loading.gif) center center no-repeat; |
|
10352 height: 25px; |
|
10353 width: auto; |
|
10354 min-width: 25px; |
|
10355 } |
|
10356 .editable-buttons { |
|
10357 display: inline-block; |
|
10358 vertical-align: top; |
|
10359 margin-left: 7px; |
|
10360 zoom: 1; |
|
10361 *display: inline; |
|
10362 } |
|
10363 .editable-buttons.editable-buttons-bottom { |
|
10364 display: block; |
|
10365 margin-top: 7px; |
|
10366 margin-left: 0; |
|
10367 } |
|
10368 .editable-buttons .editable-cancel { |
|
10369 margin-left: 7px; |
|
10370 } |
|
10371 .editable-buttons button.ui-button-icon-only { |
|
10372 height: 24px; |
|
10373 width: 30px; |
|
10374 } |
|
10375 .editable-inline .add-on .icon-th { |
|
10376 margin-top: 3px; |
|
10377 margin-left: 1px; |
|
10378 } |
|
10379 .editable-inline .editableform-loading { |
|
10380 background-position: left 5px; |
|
10381 } |
|
10382 .editable-input { |
|
10383 vertical-align: top; |
|
10384 display: inline-block; |
|
10385 width: auto; |
|
10386 white-space: normal; |
|
10387 zoom: 1; |
|
10388 *display: inline; |
|
10389 } |
|
10390 .editable-input .datepicker { |
|
10391 top: 0; |
|
10392 left: 0; |
|
10393 padding: 4px; |
|
10394 } |
|
10395 .editable-input .datepicker:before { |
|
10396 content: ''; |
|
10397 display: inline-block; |
|
10398 border-left: 7px solid transparent; |
|
10399 border-right: 7px solid transparent; |
|
10400 border-bottom: 7px solid #ccc; |
|
10401 border-bottom-color: rgba(0, 0, 0, 0.2); |
|
10402 position: absolute; |
|
10403 top: -7px; |
|
10404 left: 6px; |
|
10405 } |
|
10406 .editable-input .datepicker:after { |
|
10407 content: ''; |
|
10408 display: inline-block; |
|
10409 border-left: 6px solid transparent; |
|
10410 border-right: 6px solid transparent; |
|
10411 border-bottom: 6px solid #fff; |
|
10412 position: absolute; |
|
10413 top: -6px; |
|
10414 left: 7px; |
|
10415 } |
|
10416 .editable-input .datepicker > div { |
|
10417 display: none; |
|
10418 } |
|
10419 .editable-input .datepicker table { |
|
10420 width: 100%; |
|
10421 min-width: 214px; |
|
10422 margin: 0; |
|
10423 } |
|
10424 .editable-input .datepicker thead tr:first-child th { |
|
10425 cursor: pointer; |
|
10426 } |
|
10427 .editable-input .datepicker thead tr:first-child th:hover { |
|
10428 background: #eee; |
|
10429 } |
|
10430 .editable-input .datepicker td, |
|
10431 .editable-input .datepicker th { |
|
10432 text-align: center; |
|
10433 width: 24px; |
|
10434 height: 20px; |
|
10435 } |
|
10436 .editable-input .datepicker th.switch { |
|
10437 width: 145px; |
|
10438 } |
|
10439 .editable-input .datepicker th.next, |
|
10440 .editable-input .datepicker th.prev { |
|
10441 font-size: 19.5px; |
|
10442 } |
|
10443 .editable-input .datepicker td span { |
|
10444 display: block; |
|
10445 width: 47px; |
|
10446 height: 54px; |
|
10447 line-height: 54px; |
|
10448 float: left; |
|
10449 margin: 2px; |
|
10450 cursor: pointer; |
|
10451 } |
|
10452 .editable-input .datepicker td span:hover { |
|
10453 background: #eee; |
|
10454 } |
|
10455 .editable-input .datepicker td span.active { |
|
10456 background: #3276b1; |
|
10457 color: #fff; |
|
10458 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
10459 border-radius: 3px; |
|
10460 } |
|
10461 .editable-input .datepicker td span.old { |
|
10462 color: #555; |
|
10463 } |
|
10464 .editable-input .datepicker td.day:hover { |
|
10465 background: #eee; |
|
10466 cursor: pointer; |
|
10467 } |
|
10468 .editable-input .datepicker td.day.disabled, |
|
10469 .editable-input .datepicker td.new, |
|
10470 .editable-input .datepicker td.old { |
|
10471 color: #555; |
|
10472 } |
|
10473 .editable-input .datepicker td.active, |
|
10474 .editable-input .datepicker td.active:hover { |
|
10475 background: #3276b1; |
|
10476 color: #fff; |
|
10477 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
10478 border-radius: 3px; |
|
10479 } |
|
10480 .editable-input .datepicker.prev i, |
|
10481 .editable-input .datepicker.next i { |
|
10482 display: inline-block; |
|
10483 font-family: FontAwesome; |
|
10484 font-style: normal; |
|
10485 font-weight: 400; |
|
10486 line-height: 1; |
|
10487 -webkit-font-smoothing: antialiased; |
|
10488 -moz-osx-font-smoothing: grayscale; |
|
10489 font-size: 14px; |
|
10490 } |
|
10491 .editable-input .datepicker.prev i:before { |
|
10492 content: "\f060"; |
|
10493 } |
|
10494 .editable-input .datepicker.next i:before { |
|
10495 content: "\f061"; |
|
10496 } |
|
10497 .editable-checklist label { |
|
10498 white-space: nowrap; |
|
10499 } |
|
10500 .editable-checklist label input[type=checkbox], |
|
10501 .editable-checklist label span { |
|
10502 vertical-align: middle; |
|
10503 margin: 0; |
|
10504 } |
|
10505 .editable-wysihtml5 { |
|
10506 width: 566px; |
|
10507 height: 250px; |
|
10508 } |
|
10509 .editable-pre-wrapped { |
|
10510 white-space: pre-wrap; |
|
10511 } |
|
10512 .editable-container.editable-popup { |
|
10513 max-width: none!important; |
|
10514 } |
|
10515 .editable-container.popover { |
|
10516 width: auto; |
|
10517 } |
|
10518 .editable-container.editable-inline { |
|
10519 display: inline-block; |
|
10520 vertical-align: middle; |
|
10521 width: auto; |
|
10522 zoom: 1; |
|
10523 *display: inline; |
|
10524 } |
|
10525 .editable-container.ui-widget { |
|
10526 font-size: inherit; |
|
10527 z-index: 9990; |
|
10528 } |
|
10529 .editable-click, |
|
10530 a.editable-click, |
|
10531 a.editable-click:hover { |
|
10532 text-decoration: none; |
|
10533 border-bottom: dashed 1px #08c; |
|
10534 } |
|
10535 .editable-click.editable-disabled, |
|
10536 a.editable-click.editable-disabled, |
|
10537 a.editable-click.editable-disabled:hover { |
|
10538 color: #585858; |
|
10539 cursor: default; |
|
10540 border-bottom: 0; |
|
10541 } |
|
10542 .editable-empty, |
|
10543 .editable-empty:focus, |
|
10544 .editable-empty:hover { |
|
10545 font-style: italic; |
|
10546 color: #D14; |
|
10547 text-decoration: none; |
|
10548 } |
|
10549 .editable-unsaved { |
|
10550 font-weight: 700; |
|
10551 } |
|
10552 .editable-bg-transition { |
|
10553 -webkit-transition: background-color 1400ms ease-out; |
|
10554 transition: background-color 1400ms ease-out; |
|
10555 } |
|
10556 .form-horizontal .editable { |
|
10557 padding-top: 5px; |
|
10558 display: inline-block; |
|
10559 } |
|
10560 .editable-address { |
|
10561 display: block; |
|
10562 margin-bottom: 5px; |
|
10563 } |
|
10564 .editable-address span { |
|
10565 width: 70px; |
|
10566 display: inline-block; |
|
10567 } |
|
10568 .editable-clear { |
|
10569 clear: both; |
|
10570 font-size: .9em; |
|
10571 text-decoration: none; |
|
10572 text-align: right; |
|
10573 } |
|
10574 .editable-clear-x { |
|
10575 background: url(../img/clear.png) center center no-repeat; |
|
10576 display: block; |
|
10577 width: 13px; |
|
10578 height: 13px; |
|
10579 position: absolute; |
|
10580 opacity: .6; |
|
10581 z-index: 100; |
|
10582 top: 50%; |
|
10583 right: 6px; |
|
10584 margin-top: -6px; |
|
10585 } |
|
10586 .editable-clear-x:hover { |
|
10587 opacity: 1; |
|
10588 } |
|
10589 .editable-error-block { |
|
10590 max-width: 300px; |
|
10591 margin: 5px 0 0; |
|
10592 width: auto; |
|
10593 white-space: normal; |
|
10594 } |
|
10595 .editable-error-block.ui-state-error { |
|
10596 padding: 3px; |
|
10597 } |
|
10598 .editable-error { |
|
10599 color: red; |
|
10600 } |
|
10601 .input-append.date .add-on i, |
|
10602 .input-prepend.date .add-on i { |
|
10603 display: block; |
|
10604 cursor: pointer; |
|
10605 width: 16px; |
|
10606 height: 16px; |
|
10607 } |
|
10608 /* |
|
10609 * JQuery-UI widgets |
|
10610 */ |
|
10611 .ui-timepicker-div .ui-widget-header { |
|
10612 margin-bottom: 8px; |
|
10613 } |
|
10614 .ui-timepicker-div dl { |
|
10615 text-align: left; |
|
10616 } |
|
10617 .ui-timepicker-div dl dt { |
|
10618 float: left; |
|
10619 clear: left; |
|
10620 padding: 0 0 0 5px; |
|
10621 } |
|
10622 .ui-timepicker-div dl dd { |
|
10623 margin: 17px 10px 12px 40%; |
|
10624 } |
|
10625 .ui-timepicker-div td { |
|
10626 font-size: 90%; |
|
10627 } |
|
10628 .ui-tpicker-grid-label { |
|
10629 background: 0 0; |
|
10630 border: 0; |
|
10631 margin: 0; |
|
10632 padding: 0; |
|
10633 } |
|
10634 .ui-timepicker-rtl { |
|
10635 direction: rtl; |
|
10636 } |
|
10637 .ui-timepicker-rtl dl { |
|
10638 text-align: right; |
|
10639 padding: 0 5px 0 0; |
|
10640 } |
|
10641 .ui-timepicker-rtl dl dt { |
|
10642 float: right; |
|
10643 clear: right; |
|
10644 } |
|
10645 .ui-timepicker-rtl dl dd { |
|
10646 margin: 0 40% 10px 10px; |
|
10647 } |
|
10648 #login { |
|
10649 background: #fff; |
|
10650 overflow: visible; |
|
10651 } |
|
10652 #login .container { |
|
10653 border: 0; |
|
10654 } |
|
10655 #login #header { |
|
10656 margin: 0; |
|
10657 height: 71px; |
|
10658 border-bottom: 1px solid #eee!important; |
|
10659 overflow: hidden; |
|
10660 padding: 0 30px; |
|
10661 -webkit-background-clip: padding-box; |
|
10662 border-width: 0; |
|
10663 min-height: 28px; |
|
10664 background: #f4f4f4!important; |
|
10665 margin-bottom: 20px; |
|
10666 } |
|
10667 @media (min-width: 768px) and (max-width: 880px) { |
|
10668 #login #header { |
|
10669 padding: 0 5px!important; |
|
10670 } |
|
10671 } |
|
10672 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10673 #login #header { |
|
10674 padding: 0 5px!important; |
|
10675 } |
|
10676 } |
|
10677 #login #header #logo { |
|
10678 margin-top: 22px; |
|
10679 margin-left: 0; |
|
10680 } |
|
10681 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10682 #login #header #logo { |
|
10683 margin-top: 22px; |
|
10684 } |
|
10685 } |
|
10686 #login #header #logo img { |
|
10687 width: 137px; |
|
10688 } |
|
10689 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10690 #login #header #logo img { |
|
10691 width: 135px; |
|
10692 } |
|
10693 } |
|
10694 #login-header-space { |
|
10695 float: right; |
|
10696 text-align: right; |
|
10697 display: block; |
|
10698 vertical-align: middle; |
|
10699 line-height: 71px; |
|
10700 } |
|
10701 #login-header-space > :first-child { |
|
10702 font-size: 13px; |
|
10703 margin-right: 14px; |
|
10704 vertical-align: -3px; |
|
10705 font-weight: 400; |
|
10706 } |
|
10707 #login-header-space > * { |
|
10708 display: inline-block; |
|
10709 } |
|
10710 #login-header-space .btn { |
|
10711 font-weight: 700; |
|
10712 text-transform: uppercase; |
|
10713 } |
|
10714 #login #main { |
|
10715 background: #fff; |
|
10716 margin: 0; |
|
10717 } |
|
10718 #login .hero { |
|
10719 background-image: url(../img/gradient/login.png); |
|
10720 background-repeat: no-repeat; |
|
10721 background-position: 0 137px; |
|
10722 height: 360px; |
|
10723 width: 100%; |
|
10724 float: left; |
|
10725 } |
|
10726 #login h4.paragraph-header { |
|
10727 color: #565656; |
|
10728 font-size: 15px; |
|
10729 font-weight: 400; |
|
10730 line-height: 22px; |
|
10731 margin-top: 15px; |
|
10732 width: 270px; |
|
10733 } |
|
10734 #login h5.about-heading { |
|
10735 color: #565656; |
|
10736 font-size: 15px; |
|
10737 font-weight: 700; |
|
10738 line-height: 24px; |
|
10739 margin: 0 0 5px; |
|
10740 } |
|
10741 #login .login-header-big { |
|
10742 font-weight: 400; |
|
10743 } |
|
10744 #login .login-desc-box-l { |
|
10745 min-height: 350px; |
|
10746 width: 50%; |
|
10747 } |
|
10748 #login .login-app-icons { |
|
10749 vertical-align: top; |
|
10750 margin-top: 90px; |
|
10751 width: 300px; |
|
10752 } |
|
10753 .bootstrapWizard { |
|
10754 display: block; |
|
10755 list-style: none; |
|
10756 padding: 0; |
|
10757 position: relative; |
|
10758 width: 100%; |
|
10759 } |
|
10760 .bootstrapWizard a:active, |
|
10761 .bootstrapWizard a:focus, |
|
10762 .bootstrapWizard a:hover { |
|
10763 text-decoration: none; |
|
10764 } |
|
10765 .bootstrapWizard li { |
|
10766 display: block; |
|
10767 float: left; |
|
10768 width: 25%; |
|
10769 text-align: center; |
|
10770 padding-left: 0; |
|
10771 } |
|
10772 .bootstrapWizard li:before { |
|
10773 border-top: 3px solid #55606E; |
|
10774 content: ""; |
|
10775 display: block; |
|
10776 font-size: 0; |
|
10777 overflow: hidden; |
|
10778 position: relative; |
|
10779 top: 11px; |
|
10780 right: 1px; |
|
10781 width: 100%; |
|
10782 z-index: 1; |
|
10783 } |
|
10784 .bootstrapWizard li:first-child:before { |
|
10785 left: 50%; |
|
10786 max-width: 50%; |
|
10787 } |
|
10788 .bootstrapWizard li:last-child:before { |
|
10789 max-width: 50%; |
|
10790 width: 50%; |
|
10791 } |
|
10792 .bootstrapWizard li .step { |
|
10793 background: #B2B5B9; |
|
10794 color: #fff; |
|
10795 display: inline; |
|
10796 font-size: 15px; |
|
10797 font-weight: 700; |
|
10798 padding: 7px 13px; |
|
10799 border: 3px solid transparent; |
|
10800 border-radius: 50%; |
|
10801 line-height: normal; |
|
10802 position: relative; |
|
10803 text-align: center; |
|
10804 z-index: 2; |
|
10805 -webkit-transition: all .1s linear 0s; |
|
10806 transition: all .1s linear 0s; |
|
10807 } |
|
10808 .bootstrapWizard li .step i { |
|
10809 font-size: 10px; |
|
10810 font-weight: 400; |
|
10811 position: relative; |
|
10812 top: -1.5px; |
|
10813 } |
|
10814 .bootstrapWizard li.complete .step { |
|
10815 background: #0aa66e; |
|
10816 padding: 1px 6px; |
|
10817 border: 3px solid #55606E; |
|
10818 } |
|
10819 .bootstrapWizard li.active .step, |
|
10820 .bootstrapWizard li.active.complete .step { |
|
10821 background: #0091d9; |
|
10822 color: #fff; |
|
10823 font-weight: 700; |
|
10824 padding: 7px 13px; |
|
10825 font-size: 15px; |
|
10826 border-radius: 50%; |
|
10827 border: 3px solid #55606E; |
|
10828 } |
|
10829 .bootstrapWizard li .title { |
|
10830 color: #bfbfbf; |
|
10831 display: block; |
|
10832 font-size: 13px; |
|
10833 line-height: 15px; |
|
10834 max-width: 100%; |
|
10835 position: relative; |
|
10836 table-layout: fixed; |
|
10837 text-align: center; |
|
10838 top: 20px; |
|
10839 word-wrap: break-word; |
|
10840 z-index: 104; |
|
10841 } |
|
10842 .bootstrapWizard li.active .title, |
|
10843 .bootstrapWizard li.complete .title { |
|
10844 color: #2B3D53; |
|
10845 } |
|
10846 .wizard-actions { |
|
10847 display: block; |
|
10848 list-style: none; |
|
10849 padding: 0; |
|
10850 position: relative; |
|
10851 width: 100%; |
|
10852 } |
|
10853 .wizard-actions li { |
|
10854 display: inline; |
|
10855 } |
|
10856 .fuelux .wizard { |
|
10857 position: relative; |
|
10858 overflow: hidden; |
|
10859 background-color: #f9f9f9; |
|
10860 border: 1px solid #d4d4d4; |
|
10861 border-radius: 4px; |
|
10862 *zoom: 1; |
|
10863 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); |
|
10864 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); |
|
10865 } |
|
10866 .fuelux .wizard:after, |
|
10867 .fuelux .wizard:before { |
|
10868 display: table; |
|
10869 line-height: 0; |
|
10870 content: ""; |
|
10871 } |
|
10872 .fuelux .wizard:after { |
|
10873 clear: both; |
|
10874 } |
|
10875 .fuelux .wizard ul { |
|
10876 width: 4000px; |
|
10877 padding: 0; |
|
10878 margin: 0; |
|
10879 list-style: none outside none; |
|
10880 } |
|
10881 .fuelux .wizard ul.previous-disabled li.complete { |
|
10882 cursor: default; |
|
10883 } |
|
10884 .fuelux .wizard ul.previous-disabled li.complete:hover { |
|
10885 color: #356e35; |
|
10886 cursor: default; |
|
10887 background: #f3f4f5; |
|
10888 } |
|
10889 .fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before { |
|
10890 border-left-color: #f3f4f5; |
|
10891 } |
|
10892 .fuelux .wizard ul li { |
|
10893 position: relative; |
|
10894 float: left; |
|
10895 height: 46px; |
|
10896 padding: 0 20px 0 30px; |
|
10897 margin: 0; |
|
10898 font-size: 16px; |
|
10899 line-height: 46px; |
|
10900 color: #999; |
|
10901 cursor: default; |
|
10902 background: #ededed; |
|
10903 } |
|
10904 .fuelux .wizard ul li:first-child { |
|
10905 padding-left: 20px; |
|
10906 border-radius: 4px 0 0 4px; |
|
10907 } |
|
10908 .fuelux .wizard ul li.complete { |
|
10909 color: #296829; |
|
10910 background: #f3f4f5; |
|
10911 } |
|
10912 .fuelux .wizard ul li.complete:hover { |
|
10913 cursor: pointer; |
|
10914 background: #e7eff8; |
|
10915 } |
|
10916 .fuelux .wizard ul li.complete:hover .chevron:before { |
|
10917 border-left: 14px solid #e7eff8; |
|
10918 } |
|
10919 .fuelux .wizard ul li.complete .chevron:before { |
|
10920 border-left: 14px solid #f3f4f5; |
|
10921 } |
|
10922 .fuelux .wizard ul li.active { |
|
10923 color: #3a87ad; |
|
10924 background: #f1f6fc; |
|
10925 } |
|
10926 .fuelux .wizard ul li.active .chevron:before { |
|
10927 border-left: 14px solid #f1f6fc; |
|
10928 } |
|
10929 .fuelux .wizard ul li .chevron { |
|
10930 position: absolute; |
|
10931 top: 0; |
|
10932 right: -14px; |
|
10933 z-index: 1; |
|
10934 display: block; |
|
10935 border: 24px solid transparent; |
|
10936 border-right: 0; |
|
10937 border-left: 14px solid #d4d4d4; |
|
10938 } |
|
10939 .fuelux .wizard ul li .chevron:before { |
|
10940 position: absolute; |
|
10941 top: -24px; |
|
10942 right: 1px; |
|
10943 display: block; |
|
10944 border: 24px solid transparent; |
|
10945 border-right: 0; |
|
10946 border-left: 14px solid #ededed; |
|
10947 content: ""; |
|
10948 } |
|
10949 .fuelux .wizard ul li .badge { |
|
10950 margin-right: 8px; |
|
10951 } |
|
10952 .fuelux .wizard .actions { |
|
10953 position: absolute; |
|
10954 right: 0; |
|
10955 z-index: 2; |
|
10956 float: right; |
|
10957 padding-right: 15px; |
|
10958 padding-left: 15px; |
|
10959 line-height: 46px; |
|
10960 vertical-align: middle; |
|
10961 background-color: #eee; |
|
10962 border-left: 1px solid #d4d4d4; |
|
10963 } |
|
10964 .fuelux .wizard .actions a { |
|
10965 margin-right: 8px; |
|
10966 font-size: 12px; |
|
10967 line-height: 45px; |
|
10968 } |
|
10969 .fuelux .wizard .actions .btn-prev i { |
|
10970 margin-right: 5px; |
|
10971 } |
|
10972 .fuelux .wizard .actions .btn-next i { |
|
10973 margin-left: 5px; |
|
10974 } |
|
10975 .fuelux .fuelux .step-content .step-pane { |
|
10976 display: none; |
|
10977 } |
|
10978 .fuelux .fuelux .step-content .active { |
|
10979 display: block; |
|
10980 } |
|
10981 .fuelux .fuelux .step-content .active .btn-group .active { |
|
10982 display: inline-block; |
|
10983 } |
|
10984 .ams-metro-tile { |
|
10985 float: left; |
|
10986 display: block; |
|
10987 background-color: #fff; |
|
10988 width: 100px; |
|
10989 height: 70px; |
|
10990 cursor: pointer; |
|
10991 -webkit-box-shadow: inset 0 0 1px #FFC; |
|
10992 box-shadow: inset 0 0 1px #FFC; |
|
10993 border: 1px dotted #C5C5C5; |
|
10994 text-decoration: none; |
|
10995 color: #fff; |
|
10996 font-weight: 300; |
|
10997 font-smooth: always; |
|
10998 margin: 0 10px 20px 0; |
|
10999 padding: 5px; |
|
11000 position: relative; |
|
11001 } |
|
11002 .ams-metro-tile:hover { |
|
11003 z-index: 10; |
|
11004 -webkit-transform: scale(1.07); |
|
11005 -moz-transform: scale(1.07); |
|
11006 } |
|
11007 .ams-metro-tile.big-cubes { |
|
11008 width: 120px; |
|
11009 height: 120px; |
|
11010 } |
|
11011 .ams-metro-tile.double { |
|
11012 width: 249px; |
|
11013 } |
|
11014 .ams-metro-tile:active { |
|
11015 top: 1px; |
|
11016 left: 1px; |
|
11017 } |
|
11018 .ams-metro-tile .iconbox { |
|
11019 text-align: center; |
|
11020 } |
|
11021 .ams-metro-tile .iconbox i { |
|
11022 display: block; |
|
11023 margin: 15px auto 0; |
|
11024 height: 75px; |
|
11025 } |
|
11026 .ams-metro-tile .iconbox span { |
|
11027 display: block; |
|
11028 text-align: left; |
|
11029 line-height: 1em; |
|
11030 } |
|
11031 .ams-metro-tile .iconbox span > span { |
|
11032 position: absolute; |
|
11033 right: -5px; |
|
11034 bottom: -10px; |
|
11035 border-radius: 50%; |
|
11036 padding: 6px 4px 3px; |
|
11037 border: 1px solid #fff; |
|
11038 } |
|
11039 .mce-fullscreen { |
|
11040 z-index: 10000!important; |
|
11041 } |
|
11042 .mce-container, |
|
11043 .mce-container *, |
|
11044 .mce-widget, |
|
11045 .mce-widget *, |
|
11046 .mce-reset { |
|
11047 font-family: Ubuntu, Arial, Helvetica, sans-serif !important; |
|
11048 font-size: 13px!important; |
|
11049 } |
|
11050 .mce-container button, |
|
11051 .mce-container * button, |
|
11052 .mce-widget button, |
|
11053 .mce-widget * button, |
|
11054 .mce-reset button { |
|
11055 padding: 2px 10px!important; |
|
11056 } |
|
11057 .mce-container .mce-ico, |
|
11058 .mce-container * .mce-ico, |
|
11059 .mce-widget .mce-ico, |
|
11060 .mce-widget * .mce-ico, |
|
11061 .mce-reset .mce-ico { |
|
11062 font-family: tinymce, Arial!important; |
|
11063 font-size: 14px!important; |
|
11064 } |
|
11065 .mce-panel { |
|
11066 background-image: none!important; |
|
11067 border-color: #ccc!important; |
|
11068 } |
|
11069 .mce-menubar .mce-menubtn button { |
|
11070 padding: 2px 10px; |
|
11071 line-height: 16px; |
|
11072 } |
|
11073 .mce-menubar .mce-menubtn button span { |
|
11074 font-size: 12px; |
|
11075 line-height: 16px; |
|
11076 } |
|
11077 .mce-menubar .mce-menubtn button .mce-caret { |
|
11078 margin-top: 6px; |
|
11079 } |
|
11080 .mce-menubtn span { |
|
11081 font-size: 13px!important; |
|
11082 } |
|
11083 .mce-btn-group .mce-btn { |
|
11084 border-color: #ccc!important; |
|
11085 } |
|
11086 .mce-btn { |
|
11087 background-image: none!important; |
|
11088 } |
|
11089 .mce-colorbutton button { |
|
11090 padding: 2px 1px 2px 5px!important; |
|
11091 } |
|
11092 .mce-path, |
|
11093 .mce-wordcount { |
|
11094 padding: 2px 8px!important; |
|
11095 font-size: 12px!important; |
|
11096 } |
|
11097 .mce-path button, |
|
11098 .mce-wordcount button { |
|
11099 font-size: 12px!important; |
|
11100 } |
|
11101 .client-form header { |
|
11102 padding: 15px 13px; |
|
11103 margin: 0; |
|
11104 border-bottom-style: solid; |
|
11105 border-bottom-color: rgba(0, 0, 0, 0.1); |
|
11106 background: rgba(248, 248, 248, 0.9); |
|
11107 } |
|
11108 /* |
|
11109 * Buttons |
|
11110 */ |
|
11111 .customfile-button { |
|
11112 padding: 6px 12px; |
|
11113 margin-bottom: 0; |
|
11114 font-size: 14px; |
|
11115 font-weight: 400; |
|
11116 line-height: 1.428571429; |
|
11117 text-align: center; |
|
11118 white-space: nowrap; |
|
11119 vertical-align: middle; |
|
11120 cursor: pointer; |
|
11121 border: 1px solid #ccc; |
|
11122 -webkit-user-select: none; |
|
11123 -moz-user-select: none; |
|
11124 -ms-user-select: none; |
|
11125 -o-user-select: none; |
|
11126 user-select: none; |
|
11127 } |
|
11128 .btn, |
|
11129 a:link, |
|
11130 button { |
|
11131 -webkit-tap-highlight-color: rgba(169, 3, 41, 0.5); |
|
11132 } |
|
11133 button { |
|
11134 background-color: #ddd; |
|
11135 } |
|
11136 button:hover { |
|
11137 background-color: #cccccc; |
|
11138 } |
|
11139 .btns { |
|
11140 margin: 0; |
|
11141 padding: 0; |
|
11142 list-style: none; |
|
11143 } |
|
11144 .btns > li { |
|
11145 display: inline-block; |
|
11146 margin-bottom: 7px; |
|
11147 } |
|
11148 .btn { |
|
11149 padding: 6px 12px; |
|
11150 border-radius: 2px; |
|
11151 } |
|
11152 .btn-toolbar .btn { |
|
11153 padding: 4px; |
|
11154 } |
|
11155 .btn:active { |
|
11156 position: relative; |
|
11157 top: 1px; |
|
11158 left: 1px; |
|
11159 } |
|
11160 .btn.btn-ribbon { |
|
11161 background-color: #5b6771; |
|
11162 color: #fff; |
|
11163 padding: 1px 5px; |
|
11164 line-height: 20px; |
|
11165 vertical-align: middle; |
|
11166 height: 21px; |
|
11167 display: block; |
|
11168 border: 0; |
|
11169 float: left; |
|
11170 margin: 0 8px 0 0; |
|
11171 cursor: pointer; |
|
11172 } |
|
11173 .btn.btn-ribbon > i { |
|
11174 font-size: 111%; |
|
11175 } |
|
11176 .btn-xs { |
|
11177 padding: 1px 5px; |
|
11178 line-height: 1.3em; |
|
11179 } |
|
11180 .btn-sm { |
|
11181 padding: 3px 10px; |
|
11182 } |
|
11183 .btn-lg { |
|
11184 padding: 9px 15px; |
|
11185 } |
|
11186 .btn-xl { |
|
11187 padding: 11px 15px; |
|
11188 } |
|
11189 .top-selector.btn-success:hover { |
|
11190 background-color: transparent; |
|
11191 } |
|
11192 .top-selector.btn-success .text-success { |
|
11193 color: #5cb85c; |
|
11194 } |
|
11195 .btn-circle { |
|
11196 width: 30px; |
|
11197 height: 30px; |
|
11198 text-align: center; |
|
11199 padding: 7px 0 5px; |
|
11200 font-size: 12px; |
|
11201 line-height: 18px; |
|
11202 border-radius: 50%; |
|
11203 } |
|
11204 .btn-circle.btn-lg { |
|
11205 width: 50px; |
|
11206 height: 50px; |
|
11207 padding: 9px 15px 7px; |
|
11208 font-size: 18px; |
|
11209 line-height: 30px; |
|
11210 border-radius: 50%; |
|
11211 } |
|
11212 .btn-circle.btn-xl { |
|
11213 width: 70px; |
|
11214 height: 70px; |
|
11215 padding: 11px 15px 9px; |
|
11216 font-size: 24px; |
|
11217 line-height: 50px; |
|
11218 border-radius: 50%; |
|
11219 } |
|
11220 .btn-metro { |
|
11221 margin: 0 0 20px; |
|
11222 padding-top: 15px; |
|
11223 padding-bottom: 15px; |
|
11224 } |
|
11225 .btn-metro > span { |
|
11226 display: block; |
|
11227 vertical-align: bottom; |
|
11228 margin-top: 10px; |
|
11229 text-transform: uppercase; |
|
11230 } |
|
11231 .btn-metro > span > span.label { |
|
11232 position: absolute; |
|
11233 top: 0; |
|
11234 right: 0; |
|
11235 } |
|
11236 /*.btn-primary { |
|
11237 background-color: #627685; |
|
11238 border-color: #46545e; |
|
11239 |
|
11240 &:hover, |
|
11241 &:focus, |
|
11242 &:active, |
|
11243 &.active, |
|
11244 .open .dropdown-toggle& { |
|
11245 background-color: rgba(91, 103, 113, 0.8); |
|
11246 border-color: #46545e; |
|
11247 } |
|
11248 }*/ |
|
11249 .btn-label { |
|
11250 position: relative; |
|
11251 left: -12px; |
|
11252 display: inline-block; |
|
11253 padding: 7px 12px 5px; |
|
11254 background: rgba(0, 0, 0, 0.15); |
|
11255 border-radius: 3px 0 0 3px; |
|
11256 } |
|
11257 .btn-labeled { |
|
11258 padding-top: 0; |
|
11259 padding-bottom: 0; |
|
11260 } |
|
11261 .btn-select-tick i { |
|
11262 display: none; |
|
11263 } |
|
11264 .btn-select-tick .btn:hover i { |
|
11265 opacity: .3; |
|
11266 display: block; |
|
11267 } |
|
11268 .btn-select-tick .active i { |
|
11269 display: block; |
|
11270 opacity: 1!important; |
|
11271 } |
|
11272 .btn-header.pull-right { |
|
11273 margin-left: 6px; |
|
11274 } |
|
11275 @media (min-width: 768px) and (max-width: 979px) { |
|
11276 .btn-header a { |
|
11277 margin-top: 9px!important; |
|
11278 /*width: 40px!important;*/ |
|
11279 } |
|
11280 } |
|
11281 @media (min-width: 768px) and (max-width: 880px) { |
|
11282 .btn-header a { |
|
11283 margin-top: 9px!important; |
|
11284 /*width: 40px!important;*/ |
|
11285 /*height: 39px!important;*/ |
|
11286 line-height: 26px!important; |
|
11287 } |
|
11288 } |
|
11289 @media (max-width: 767px) { |
|
11290 .btn-header a { |
|
11291 margin-top: 5px!important; |
|
11292 width: 40px!important; |
|
11293 height: 39px!important; |
|
11294 line-height: 34px!important; |
|
11295 } |
|
11296 } |
|
11297 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
11298 .btn-header a { |
|
11299 margin-top: 5px!important; |
|
11300 width: 40px!important; |
|
11301 height: 39px!important; |
|
11302 line-height: 34px!important; |
|
11303 } |
|
11304 } |
|
11305 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
11306 .btn-header a { |
|
11307 margin-top: 5px!important; |
|
11308 width: 40px!important; |
|
11309 height: 39px!important; |
|
11310 line-height: 34px!important; |
|
11311 } |
|
11312 } |
|
11313 .btn-header a > span { |
|
11314 font-size: 13px; |
|
11315 font-weight: 400; |
|
11316 line-height: 30px; |
|
11317 height: 30px; |
|
11318 display: inline-block; |
|
11319 } |
|
11320 @media (min-width: 768px) and (max-width: 880px) { |
|
11321 .btn-header.transparent a { |
|
11322 border: 0!important; |
|
11323 background: 0 0; |
|
11324 margin-left: 0; |
|
11325 width: 25px!important; |
|
11326 -webkit-box-shadow: none!important; |
|
11327 box-shadow: none!important; |
|
11328 } |
|
11329 .btn-header.transparent a:hover { |
|
11330 color: #a90329; |
|
11331 } |
|
11332 } |
|
11333 @media (max-width: 767px) { |
|
11334 .btn-header.transparent a:hover { |
|
11335 color: #a90329; |
|
11336 } |
|
11337 } |
|
11338 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
11339 .btn-header.transparent a { |
|
11340 border: 0!important; |
|
11341 background: 0 0; |
|
11342 margin-left: 0; |
|
11343 width: 25px!important; |
|
11344 -webkit-box-shadow: none!important; |
|
11345 box-shadow: none!important; |
|
11346 } |
|
11347 .btn-header.transparent a:hover { |
|
11348 color: #a90329; |
|
11349 } |
|
11350 } |
|
11351 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
11352 .btn-header.transparent a { |
|
11353 border: 0!important; |
|
11354 background: 0 0; |
|
11355 margin-left: 0; |
|
11356 width: 25px!important; |
|
11357 -webkit-box-shadow: none!important; |
|
11358 box-shadow: none!important; |
|
11359 } |
|
11360 .btn-header.transparent a:hover { |
|
11361 color: #a90329; |
|
11362 } |
|
11363 } |
|
11364 .btn-header > :first-child > a { |
|
11365 border-radius: 2px; |
|
11366 cursor: default!important; |
|
11367 display: inline-block; |
|
11368 font-weight: 700; |
|
11369 height: 30px; |
|
11370 min-width: 30px; |
|
11371 padding: 3px; |
|
11372 text-align: center; |
|
11373 text-decoration: none!important; |
|
11374 -moz-user-select: none; |
|
11375 -webkit-user-select: none; |
|
11376 background-color: #f8f8f8; |
|
11377 background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); |
|
11378 background-image: -webkit-gradient(linear, top left, bottom left, from(#f8f8f8), to(#f1f1f1)); |
|
11379 background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); |
|
11380 background-image: linear-gradient(top, #f8f8f8, #f1f1f1); |
|
11381 border: 1px solid #bfbfbf; |
|
11382 color: #6D6A69; |
|
11383 font-size: 17px; |
|
11384 margin: 10px 0 0; |
|
11385 } |
|
11386 .btn-header > :first-child > a[href] { |
|
11387 cursor: pointer!important; |
|
11388 } |
|
11389 .btn-header > :first-child > a:hover { |
|
11390 border: 1px solid #bfbfbf; |
|
11391 color: #222; |
|
11392 -webkit-transition: all 0s; |
|
11393 transition: all 0s; |
|
11394 cursor: pointer; |
|
11395 -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
11396 box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
11397 } |
|
11398 .btn-header > :first-child > a:active { |
|
11399 background-color: #e8e8e8; |
|
11400 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(100%, #ededed)); |
|
11401 background-image: -webkit-gradient(linear, top left, bottom left, from(#e8e8e8), to(#ededed)); |
|
11402 background-image: -webkit-linear-gradient(top, #e8e8e8 0, #ededed 100%); |
|
11403 background-image: linear-gradient(to bottom, #e8e8e8 0, #ededed 100%); |
|
11404 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0); |
|
11405 -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
11406 box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
11407 } |
|
11408 .ribbon-button-alignment { |
|
11409 padding-top: 10px; |
|
11410 display: inline-block; |
|
11411 } |
|
11412 .ribbon-button-alignment.pull-right > .btn.btn-ribbon { |
|
11413 margin: 0 0 0 8px; |
|
11414 } |
|
11415 .header-btn { |
|
11416 margin-top: 5px; |
|
11417 } |
|
11418 /* |
|
11419 * Widgets styles |
|
11420 */ |
|
11421 .widget-header > :first-child { |
|
11422 margin: 13px 0; |
|
11423 } |
|
11424 .widget-toolbar { |
|
11425 display: inline-block; |
|
11426 position: relative; |
|
11427 float: right; |
|
11428 width: auto; |
|
11429 height: 29px; |
|
11430 line-height: 29px; |
|
11431 border-left: 1px solid rgba(0, 0, 0, 0.09); |
|
11432 cursor: pointer; |
|
11433 padding: 0 8px; |
|
11434 text-align: center; |
|
11435 } |
|
11436 .widget-toolbar:empty { |
|
11437 padding: 0; |
|
11438 } |
|
11439 .widget-toolbar.no-border { |
|
11440 border-left: 0; |
|
11441 } |
|
11442 .widget-toolbar > :first-child { |
|
11443 text-align: left; |
|
11444 } |
|
11445 .widget-toolbar .ams-form label.checkbox, |
|
11446 .widget-toolbar .ams-form label.radio { |
|
11447 line-height: 29px; |
|
11448 } |
|
11449 .widget-toolbar .ams-form .icon-append, |
|
11450 .widget-toolbar .ams-form .icon-prepend { |
|
11451 top: 3px!important; |
|
11452 } |
|
11453 .widget-toolbar.ams-form .icon-append, |
|
11454 .widget-toolbar.ams-form .icon-prepend { |
|
11455 top: 3px!important; |
|
11456 } |
|
11457 .widget-toolbar > .ams-form { |
|
11458 margin-top: 2px; |
|
11459 } |
|
11460 .widget-toolbar > .ams-form .toggle:last-child { |
|
11461 font-size: 12px; |
|
11462 line-height: 29px; |
|
11463 } |
|
11464 .widget-toolbar > .ams-form .checkbox input + i, |
|
11465 .widget-toolbar > .ams-form .radio input + i, |
|
11466 .widget-toolbar > .ams-form .toggle input + i { |
|
11467 border-width: 1px; |
|
11468 border-color: #C7C7C7!important; |
|
11469 margin-top: -1px; |
|
11470 -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
11471 box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
11472 } |
|
11473 .widget-toolbar .btn-group { |
|
11474 margin-top: -3px; |
|
11475 } |
|
11476 .widget-toolbar > .btn { |
|
11477 margin-top: -3px; |
|
11478 font-size: 12px!important; |
|
11479 padding: 1px 8px!important; |
|
11480 } |
|
11481 .widget-toolbar > .label { |
|
11482 display: inline-block; |
|
11483 vertical-align: middle; |
|
11484 margin-top: -3px; |
|
11485 text-align: center; |
|
11486 font-size: 12px; |
|
11487 padding: 4px 7px; |
|
11488 } |
|
11489 .widget-toolbar > .badge { |
|
11490 padding: 5px; |
|
11491 font-size: 14px; |
|
11492 border-radius: 50%; |
|
11493 font-weight: 400; |
|
11494 min-width: 24px; |
|
11495 text-align: center!important; |
|
11496 } |
|
11497 .widget-toolbar .progress { |
|
11498 width: 130px; |
|
11499 margin: 7px 0 0; |
|
11500 height: 18px!important; |
|
11501 font-size: 12px; |
|
11502 box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
11503 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
11504 } |
|
11505 .widget-toolbar .progress-bar { |
|
11506 font-size: 12px; |
|
11507 } |
|
11508 .widget-toolbar .pagination { |
|
11509 margin: 4px 0; |
|
11510 } |
|
11511 .widget-toolbar .pagination > li > a { |
|
11512 padding: 2px 7px; |
|
11513 } |
|
11514 .widget-toolbar .widget-text-input { |
|
11515 max-width: 220px; |
|
11516 } |
|
11517 .widget-toolbar input[type=text] { |
|
11518 height: 28px!important; |
|
11519 margin-top: 2px; |
|
11520 } |
|
11521 .widget-body.no-padding { |
|
11522 padding: 0; |
|
11523 margin: 0; |
|
11524 } |
|
11525 .widget-body.no-padding .alert { |
|
11526 margin: 5px 5px 0; |
|
11527 padding: 10px; |
|
11528 box-shadow: none!important; |
|
11529 -webkit-box-shadow: none!important; |
|
11530 border-radius: 0!important; |
|
11531 } |
|
11532 .widget-body > table { |
|
11533 margin-bottom: 0; |
|
11534 } |
|
11535 .widget-body-ajax-loading::before { |
|
11536 display: block; |
|
11537 position: absolute; |
|
11538 content: url(../img/ajax-loader.gif); |
|
11539 padding-top: 18%; |
|
11540 text-align: center; |
|
11541 font-weight: 700; |
|
11542 font-size: 16px; |
|
11543 color: #fff; |
|
11544 background: rgba(255, 255, 255, 0.4); |
|
11545 height: 100%; |
|
11546 z-index: 1; |
|
11547 width: 100%; |
|
11548 } |
|
11549 .widget-body-ajax-loading:hover { |
|
11550 cursor: wait!important; |
|
11551 } |
|
11552 .widget-body-toolbar, |
|
11553 .ams-form.widget-body-toolbar { |
|
11554 display: block; |
|
11555 padding: 8px 10px; |
|
11556 margin: -13px -13px 13px; |
|
11557 min-height: 42px; |
|
11558 border-bottom: 1px solid #ccc; |
|
11559 background: #fafafa; |
|
11560 } |
|
11561 .no-padding .widget-body-toolbar, |
|
11562 .no-padding .ams-form.widget-body-toolbar, |
|
11563 .no-padding.widget-body-toolbar, |
|
11564 .no-padding.ams-form.widget-body-toolbar { |
|
11565 display: block; |
|
11566 margin: 0; |
|
11567 } |
|
11568 .ams-form .widget-body-toolbar .inline-group, |
|
11569 .widget-body-toolbar.ams-form .inline-group { |
|
11570 float: left; |
|
11571 margin-top: 4px; |
|
11572 } |
|
11573 .widget-body-toolbar .btn { |
|
11574 vertical-align: middle; |
|
11575 } |
|
11576 .widget-body-toolbar .btn-xs { |
|
11577 margin-top: 5px; |
|
11578 } |
|
11579 .no-widget-toolbar .widget-body-toolbar { |
|
11580 display: none; |
|
11581 } |
|
11582 .widget-content-padding { |
|
11583 padding: 20px; |
|
11584 } |
|
11585 .widget-content-padding .well { |
|
11586 margin-bottom: 0; |
|
11587 } |
|
11588 .widget-footer { |
|
11589 display: block; |
|
11590 position: relative; |
|
11591 min-height: 32px; |
|
11592 vertical-align: middle; |
|
11593 margin: 0 -13px -13px; |
|
11594 padding: 5px; |
|
11595 border-top: 1px solid #E4E4E4; |
|
11596 text-align: right; |
|
11597 background-color: #F8F7F7; |
|
11598 } |
|
11599 .no-padding .widget-footer { |
|
11600 margin: 0; |
|
11601 } |
|
11602 .widget-footer.ams-form > label { |
|
11603 margin-top: 4px; |
|
11604 display: block; |
|
11605 } |
|
11606 .ams-widget { |
|
11607 position: relative; |
|
11608 margin: 0 0 15px; |
|
11609 padding: 0; |
|
11610 -khtml-border-radius: 0; |
|
11611 border-radius: 0; |
|
11612 } |
|
11613 .ams-widget header .nav-tabs { |
|
11614 border-bottom-color: transparent; |
|
11615 } |
|
11616 .ams-widget header .nav-tabs > li > a { |
|
11617 border-radius: 0; |
|
11618 border: 0; |
|
11619 padding: 5px 15px 4px; |
|
11620 } |
|
11621 .ams-widget header .nav-tabs > li.active > a, |
|
11622 .ams-widget header .nav-tabs > li.active > a:focus, |
|
11623 .ams-widget header .nav-tabs > li.active > a:hover { |
|
11624 color: #555; |
|
11625 background-color: #FFF; |
|
11626 border: 1px solid #C2C2C2; |
|
11627 border-bottom-color: transparent; |
|
11628 border-top: 0; |
|
11629 cursor: default; |
|
11630 } |
|
11631 .ams-widget header:first-child .nav-tabs { |
|
11632 float: left; |
|
11633 } |
|
11634 .ams-widget header:first-child .nav-tabs li { |
|
11635 padding-left: 0; |
|
11636 } |
|
11637 .ams-widget header:first-child .nav-tabs li a { |
|
11638 color: #333; |
|
11639 } |
|
11640 .ams-widget header:first-child .nav-tabs.pull-right li:last-child a { |
|
11641 margin-right: 0 !important; |
|
11642 border-right: 0 !important; |
|
11643 } |
|
11644 .ams-widget header .nav-pills { |
|
11645 margin: 3px; |
|
11646 } |
|
11647 .ams-widget header .nav-pills > li > a { |
|
11648 padding: 3px 5px 4px; |
|
11649 } |
|
11650 .ams-widget header > .btn-group { |
|
11651 margin-top: -13px; |
|
11652 margin-left: 5px; |
|
11653 } |
|
11654 .ams-widget > header { |
|
11655 height: 30px; |
|
11656 padding: 0; |
|
11657 line-height: 40px; |
|
11658 color: #333; |
|
11659 border: 1px solid #C2C2C2; |
|
11660 background: #fafafa; |
|
11661 } |
|
11662 .ams-widget > header h2 { |
|
11663 display: inline-block; |
|
11664 position: relative; |
|
11665 width: auto; |
|
11666 height: 100%; |
|
11667 margin: 0; |
|
11668 font-size: 14px; |
|
11669 line-height: 31px; |
|
11670 font-weight: 400; |
|
11671 letter-spacing: 0; |
|
11672 } |
|
11673 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
11674 .ams-widget > header h2 { |
|
11675 width: 135px; |
|
11676 text-overflow: ellipsis; |
|
11677 white-space: nowrap; |
|
11678 overflow: hidden; |
|
11679 } |
|
11680 } |
|
11681 .rtl .ams-widget > header h2 { |
|
11682 float: right; |
|
11683 text-align: right; |
|
11684 } |
|
11685 .ams-widget > header > h2 { |
|
11686 margin-left: 10px; |
|
11687 float: left; |
|
11688 } |
|
11689 .ams-widget > header > h2 + .btn, |
|
11690 .ams-widget > header > h2 + .btn-group { |
|
11691 margin-left: 20px; |
|
11692 } |
|
11693 .rtl .ams-widget > header { |
|
11694 padding: 0 7px 0 0; |
|
11695 } |
|
11696 .ams-widget > header .widget-icon { |
|
11697 display: block; |
|
11698 float: left; |
|
11699 width: 16px; |
|
11700 height: 16px; |
|
11701 margin: 10px 10px 0 0; |
|
11702 zoom: 1; |
|
11703 z-index: 400; |
|
11704 } |
|
11705 .rtl .ams-widget > header .widget-icon { |
|
11706 float: right; |
|
11707 margin: 10px 0 0 7px; |
|
11708 } |
|
11709 .ams-widget > header > .widget-icon { |
|
11710 display: block; |
|
11711 position: relative; |
|
11712 float: left; |
|
11713 margin: 0 -10px 0 2px; |
|
11714 width: 28px; |
|
11715 height: 28px; |
|
11716 font-size: 111%; |
|
11717 line-height: 29px; |
|
11718 text-align: center; |
|
11719 } |
|
11720 .ams-widget > header > :first-child.widget-icon { |
|
11721 margin-left: 0; |
|
11722 } |
|
11723 .ams-widget > div { |
|
11724 position: relative; |
|
11725 float: left; |
|
11726 width: 100%; |
|
11727 font-size: 13px; |
|
11728 -khtml-border-radius: 0; |
|
11729 border-radius: 0; |
|
11730 margin: 0; |
|
11731 padding: 13px 13px 0; |
|
11732 background-color: #fff!important; |
|
11733 border-width: 1px; |
|
11734 border-style: solid; |
|
11735 border-color: #ccc!important; |
|
11736 } |
|
11737 .ams-widget > header + div { |
|
11738 border-top: 0; |
|
11739 } |
|
11740 .ams-widget .widget-body { |
|
11741 position: relative; |
|
11742 min-height: 100px; |
|
11743 padding-bottom: 13px; |
|
11744 } |
|
11745 .ams-widget .widget-body.widget-hide-overflow { |
|
11746 overflow: hidden; |
|
11747 } |
|
11748 .ams-widget.well { |
|
11749 margin: 0 0 30px; |
|
11750 } |
|
11751 .ams-widget.well header { |
|
11752 display: none; |
|
11753 } |
|
11754 .ams-widget.well > div { |
|
11755 border: 0!important; |
|
11756 box-shadow: none!important; |
|
11757 -webkit-box-shadow: none!important; |
|
11758 } |
|
11759 .ams-widget.well.transparent .widget-body.no-padding { |
|
11760 margin: 0!important; |
|
11761 } |
|
11762 .ams-widget-ctrls { |
|
11763 width: auto; |
|
11764 float: right; |
|
11765 padding: 0; |
|
11766 margin: 0; |
|
11767 } |
|
11768 .ams-widget-ctrls a { |
|
11769 display: inline-block; |
|
11770 padding: 0; |
|
11771 margin: 0; |
|
11772 text-decoration: none; |
|
11773 font-size: 14px; |
|
11774 text-align: center; |
|
11775 line-height: 29px; |
|
11776 color: #333; |
|
11777 } |
|
11778 .ams-widget-ctrls .button-icon { |
|
11779 position: relative; |
|
11780 float: left; |
|
11781 min-width: 28px; |
|
11782 height: 28px; |
|
11783 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
11784 border-left: 1px solid rgba(0, 0, 0, 0.09); |
|
11785 } |
|
11786 .ams-widget-ctrls .button-icon :hover { |
|
11787 background-color: rgba(0, 0, 0, 0.05); |
|
11788 } |
|
11789 .rtl .ams-widget-ctrls .button-icon { |
|
11790 margin: 0 0 5px 5px; |
|
11791 } |
|
11792 .rtl .ams-widget-ctrls { |
|
11793 float: left; |
|
11794 padding: 10px 0 0 3px; |
|
11795 margin: 0; |
|
11796 } |
|
11797 .ams-widget-loader { |
|
11798 display: none; |
|
11799 float: right; |
|
11800 width: 28px; |
|
11801 height: 28px; |
|
11802 margin: 0; |
|
11803 text-align: center; |
|
11804 line-height: 28px; |
|
11805 background-repeat: no-repeat; |
|
11806 background-position: center center; |
|
11807 } |
|
11808 .rtl .ams-widget-loader { |
|
11809 float: left; |
|
11810 } |
|
11811 .ams-widget-editbox { |
|
11812 display: none; |
|
11813 padding: 10px; |
|
11814 border-bottom: 1px solid #B1B1B1; |
|
11815 background-color: #fff; |
|
11816 margin: -13px -13px 13px; |
|
11817 } |
|
11818 .no-padding .ams-widget-editbox { |
|
11819 margin: 0 0 10px; |
|
11820 } |
|
11821 .ams-widget, |
|
11822 .ams-widget-editbox, |
|
11823 .ams-widget > div { |
|
11824 zoom: 1; |
|
11825 } |
|
11826 .ams-widget:after, |
|
11827 .ams-widget-editbox:after, |
|
11828 .ams-widget > div:after { |
|
11829 clear: both; |
|
11830 } |
|
11831 .ams-widget:before, |
|
11832 .ams-widget-editbox:before, |
|
11833 .ams-widget > div:before, |
|
11834 .ams-widget:after, |
|
11835 .ams-widget-editbox:after, |
|
11836 .ams-widget > div:after { |
|
11837 display: block; |
|
11838 visibility: hidden; |
|
11839 overflow: hidden; |
|
11840 content: "\0020"; |
|
11841 height: 0; |
|
11842 font-size: 0; |
|
11843 line-height: 0; |
|
11844 } |
|
11845 .ui-sortable .ams-widget-sortable > header { |
|
11846 cursor: move; |
|
11847 line-height: normal; |
|
11848 -khtml-border-radius: 0; |
|
11849 border-radius: 0; |
|
11850 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
11851 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
11852 } |
|
11853 .ui-sortable .ams-widget-sortable.ams-widget-collapsed > header { |
|
11854 -khtml-border-radius: 0; |
|
11855 border-radius: 0; |
|
11856 } |
|
11857 .ams-widget-timestamp { |
|
11858 margin: 10px 0 0; |
|
11859 color: #868686; |
|
11860 font-size: 12px; |
|
11861 font-style: italic; |
|
11862 } |
|
11863 .ams-widget-placeholder { |
|
11864 margin-bottom: 28px; |
|
11865 padding: 0; |
|
11866 background-color: #FFC; |
|
11867 border: 1px dashed #A7A7A7; |
|
11868 -khtml-border-radius: 0; |
|
11869 border-radius: 0; |
|
11870 -webkit-box-sizing: border-box; |
|
11871 -khtml-box-sizing: border-box; |
|
11872 -moz-box-sizing: border-box; |
|
11873 -ms-box-sizing: border-box; |
|
11874 box-sizing: border-box; |
|
11875 } |
|
11876 .ams-widget-remove-colors { |
|
11877 color: #333 !important; |
|
11878 padding: 0 !important; |
|
11879 background: none !important; |
|
11880 } |
|
11881 .ams-widget-color-magenta > header { |
|
11882 color: #fff; |
|
11883 background: #6e3671; |
|
11884 border-color: #6e3671 !important; |
|
11885 } |
|
11886 .ams-widget-color-magenta .nav-tabs li:not(.active) a, |
|
11887 .ams-widget-color-magenta > header > .ams-widget-ctrls a { |
|
11888 color: #fff !important; |
|
11889 } |
|
11890 .ams-widget-color-magenta .nav-tabs li a:hover { |
|
11891 color: #333 !important; |
|
11892 } |
|
11893 .ams-widget-color-pink > header { |
|
11894 color: #fff; |
|
11895 background: #ac5287; |
|
11896 border-color: #ac5287 !important; |
|
11897 } |
|
11898 .ams-widget-color-pink .nav-tabs li:not(.active) a, |
|
11899 .ams-widget-color-pink > header > .ams-widget-ctrls a { |
|
11900 color: #fff !important; |
|
11901 } |
|
11902 .ams-widget-color-pink .nav-tabs li a:hover { |
|
11903 color: #333 !important; |
|
11904 } |
|
11905 .ams-widget-color-pinkDark > header { |
|
11906 color: #fff; |
|
11907 background: #a8829f; |
|
11908 border-color: #a8829f !important; |
|
11909 } |
|
11910 .ams-widget-color-pinkDark .nav-tabs li:not(.active) a, |
|
11911 .ams-widget-color-pinkDark > header > .ams-widget-ctrls a { |
|
11912 color: #fff !important; |
|
11913 } |
|
11914 .ams-widget-color-pinkDark .nav-tabs li a:hover { |
|
11915 color: #333 !important; |
|
11916 } |
|
11917 .ams-widget-color-yellow > header { |
|
11918 color: #fff; |
|
11919 background: #d4c737; |
|
11920 border-color: #d4c737 !important; |
|
11921 } |
|
11922 .ams-widget-color-yellow .nav-tabs li:not(.active) a, |
|
11923 .ams-widget-color-yellow > header > .ams-widget-ctrls a { |
|
11924 color: #fff !important; |
|
11925 } |
|
11926 .ams-widget-color-yellow .nav-tabs li a:hover { |
|
11927 color: #333 !important; |
|
11928 } |
|
11929 .ams-widget-color-orange > header { |
|
11930 color: #fff; |
|
11931 background: #c79121; |
|
11932 border-color: #c79121 !important; |
|
11933 } |
|
11934 .ams-widget-color-orange .nav-tabs li:not(.active) a, |
|
11935 .ams-widget-color-orange > header > .ams-widget-ctrls a { |
|
11936 color: #fff !important; |
|
11937 } |
|
11938 .ams-widget-color-orange .nav-tabs li a:hover { |
|
11939 color: #333 !important; |
|
11940 } |
|
11941 .ams-widget-color-orangeDark > header { |
|
11942 color: #fff; |
|
11943 background: #a57225; |
|
11944 border-color: #a57225 !important; |
|
11945 } |
|
11946 .ams-widget-color-orangeDark .nav-tabs li:not(.active) a, |
|
11947 .ams-widget-color-orangeDark > header > .ams-widget-ctrls a { |
|
11948 color: #fff !important; |
|
11949 } |
|
11950 .ams-widget-color-orangeDark .nav-tabs li a:hover { |
|
11951 color: #333 !important; |
|
11952 } |
|
11953 .ams-widget-color-darken > header { |
|
11954 color: #fff; |
|
11955 background: #404040; |
|
11956 border-color: #404040 !important; |
|
11957 } |
|
11958 .ams-widget-color-darken .nav-tabs li:not(.active) a, |
|
11959 .ams-widget-color-darken > header > .ams-widget-ctrls a { |
|
11960 color: #fff !important; |
|
11961 } |
|
11962 .ams-widget-color-darken .nav-tabs li a:hover { |
|
11963 color: #333 !important; |
|
11964 } |
|
11965 .ams-widget-color-purple > header { |
|
11966 color: #fff; |
|
11967 background: #65596B; |
|
11968 border-color: #65596B !important; |
|
11969 } |
|
11970 .ams-widget-color-purple .nav-tabs li:not(.active) a, |
|
11971 .ams-widget-color-purple > header > .ams-widget-ctrls a { |
|
11972 color: #fff !important; |
|
11973 } |
|
11974 .ams-widget-color-purple .nav-tabs li a:hover { |
|
11975 color: #333 !important; |
|
11976 } |
|
11977 .ams-widget-color-teal > header { |
|
11978 color: #fff; |
|
11979 background: #568a89; |
|
11980 border-color: #568a89 !important; |
|
11981 } |
|
11982 .ams-widget-color-teal .nav-tabs li:not(.active) a, |
|
11983 .ams-widget-color-teal > header > .ams-widget-ctrls a { |
|
11984 color: #fff !important; |
|
11985 } |
|
11986 .ams-widget-color-teal .nav-tabs li a:hover { |
|
11987 color: #333 !important; |
|
11988 } |
|
11989 .ams-widget-color-blueDark > header { |
|
11990 color: #fff; |
|
11991 background: #4c4f53; |
|
11992 border-color: #4c4f53 !important; |
|
11993 } |
|
11994 .ams-widget-color-blueDark .nav-tabs li:not(.active) a, |
|
11995 .ams-widget-color-blueDark > header > .ams-widget-ctrls a { |
|
11996 color: #fff !important; |
|
11997 } |
|
11998 .ams-widget-color-blueDark .nav-tabs li a:hover { |
|
11999 color: #333 !important; |
|
12000 } |
|
12001 .ams-widget-color-blue > header { |
|
12002 color: #fff; |
|
12003 background: #60747c; |
|
12004 border-color: #60747c !important; |
|
12005 } |
|
12006 .ams-widget-color-blue .nav-tabs li:not(.active) a, |
|
12007 .ams-widget-color-blue > header > .ams-widget-ctrls a { |
|
12008 color: #fff !important; |
|
12009 } |
|
12010 .ams-widget-color-blue .nav-tabs li a:hover { |
|
12011 color: #333 !important; |
|
12012 } |
|
12013 .ams-widget-color-blueLight > header { |
|
12014 color: #fff; |
|
12015 background: #ccdadf; |
|
12016 border-color: #ccdadf !important; |
|
12017 } |
|
12018 .ams-widget-color-blueLight .nav-tabs li:not(.active) a, |
|
12019 .ams-widget-color-blueLight > header > .ams-widget-ctrls a { |
|
12020 color: #fff !important; |
|
12021 } |
|
12022 .ams-widget-color-blueLight .nav-tabs li a:hover { |
|
12023 color: #333 !important; |
|
12024 } |
|
12025 .ams-widget-color-red > header { |
|
12026 color: #fff; |
|
12027 background: #931313; |
|
12028 border-color: #931313 !important; |
|
12029 } |
|
12030 .ams-widget-color-red .nav-tabs li:not(.active) a, |
|
12031 .ams-widget-color-red > header > .ams-widget-ctrls a { |
|
12032 color: #fff !important; |
|
12033 } |
|
12034 .ams-widget-color-red .nav-tabs li a:hover { |
|
12035 color: #333 !important; |
|
12036 } |
|
12037 .ams-widget-color-redLight > header { |
|
12038 color: #fff; |
|
12039 background: #a65858; |
|
12040 border-color: #a65858 !important; |
|
12041 } |
|
12042 .ams-widget-color-redLight .nav-tabs li:not(.active) a, |
|
12043 .ams-widget-color-redLight > header > .ams-widget-ctrls a { |
|
12044 color: #fff !important; |
|
12045 } |
|
12046 .ams-widget-color-redLight .nav-tabs li a:hover { |
|
12047 color: #333 !important; |
|
12048 } |
|
12049 .ams-widget-color-white > header { |
|
12050 color: #C8C8C8; |
|
12051 background: #dedede; |
|
12052 border-color: #C8C8C8 !important; |
|
12053 } |
|
12054 .ams-widget-color-white .nav-tabs li:not(.active) a, |
|
12055 .ams-widget-color-white > header > .ams-widget-ctrls a { |
|
12056 color: #C8C8C8 !important; |
|
12057 } |
|
12058 .ams-widget-color-white .nav-tabs li a:hover { |
|
12059 color: #838383 !important; |
|
12060 } |
|
12061 .ams-widget-color-greenDark > header { |
|
12062 color: #fff; |
|
12063 background: #496949; |
|
12064 border-color: #496949 !important; |
|
12065 } |
|
12066 .ams-widget-color-greenDark .nav-tabs li:not(.active) a, |
|
12067 .ams-widget-color-greenDark > header > .ams-widget-ctrls a { |
|
12068 color: #fff !important; |
|
12069 } |
|
12070 .ams-widget-color-greenDark .nav-tabs li a:hover { |
|
12071 color: #333 !important; |
|
12072 } |
|
12073 .ams-widget-color-green > header { |
|
12074 color: #fff; |
|
12075 background: #356e35; |
|
12076 border-color: #356e35 !important; |
|
12077 } |
|
12078 .ams-widget-color-green .nav-tabs li:not(.active) a, |
|
12079 .ams-widget-color-green > header > .ams-widget-ctrls a { |
|
12080 color: #fff !important; |
|
12081 } |
|
12082 .ams-widget-color-green .nav-tabs li a:hover { |
|
12083 color: #333 !important; |
|
12084 } |
|
12085 .ams-widget-color-greenLight > header { |
|
12086 color: #fff; |
|
12087 background: #71843f; |
|
12088 border-color: #71843f !important; |
|
12089 } |
|
12090 .ams-widget-color-greenLight .nav-tabs li:not(.active) a, |
|
12091 .ams-widget-color-greenLight > header > .ams-widget-ctrls a { |
|
12092 color: #fff !important; |
|
12093 } |
|
12094 .ams-widget-color-greenLight .nav-tabs li a:hover { |
|
12095 color: #333 !important; |
|
12096 } |
|
12097 #ams-widget-fullscreen-mode { |
|
12098 position: fixed; |
|
12099 width: 100%; |
|
12100 height: 100%; |
|
12101 top: 0; |
|
12102 left: 0; |
|
12103 z-index: 99999; |
|
12104 } |
|
12105 #ams-widget-fullscreen-mode .ams-widget { |
|
12106 margin: 0; |
|
12107 -khtml-border-radius: 0; |
|
12108 border-radius: 0; |
|
12109 } |
|
12110 #ams-widget-fullscreen-mode > div { |
|
12111 overflow-y: scroll; |
|
12112 -khtml-border-radius: 0; |
|
12113 border-radius: 0; |
|
12114 } |
|
12115 #ams-widget-fullscreen-mode > div > header { |
|
12116 cursor: default; |
|
12117 } |
|
12118 /* |
|
12119 * On/off switch |
|
12120 */ |
|
12121 .onoffswitch { |
|
12122 position: relative; |
|
12123 width: 50px; |
|
12124 -webkit-user-select: none; |
|
12125 -moz-user-select: none; |
|
12126 -ms-user-select: none; |
|
12127 margin-top: 3px; |
|
12128 margin-bottom: 3px; |
|
12129 margin-left: 5px; |
|
12130 display: inline-block; |
|
12131 vertical-align: middle; |
|
12132 } |
|
12133 .onoffswitch-container { |
|
12134 margin-top: 4px; |
|
12135 margin-left: 7px; |
|
12136 display: inline-block; |
|
12137 } |
|
12138 .onoffswitch-checkbox { |
|
12139 display: none; |
|
12140 } |
|
12141 .onoffswitch-label { |
|
12142 display: block; |
|
12143 overflow: hidden; |
|
12144 cursor: pointer; |
|
12145 border: 1px solid #626262; |
|
12146 border-radius: 50px; |
|
12147 border-color: #adadad #b3b3b3 #9e9e9e; |
|
12148 -webkit-box-sizing: content-box; |
|
12149 -moz-box-sizing: content-box; |
|
12150 box-sizing: content-box; |
|
12151 } |
|
12152 .onoffswitch-inner { |
|
12153 width: 200%; |
|
12154 margin-left: -100%; |
|
12155 display: block; |
|
12156 } |
|
12157 .onoffswitch-inner:after, |
|
12158 .onoffswitch-inner:before { |
|
12159 float: left; |
|
12160 width: 50%; |
|
12161 height: 15px; |
|
12162 padding: 0; |
|
12163 line-height: 17px; |
|
12164 font-size: 10px; |
|
12165 font-family: Ubuntu, Trebuchet, Arial, sans-serif; |
|
12166 font-weight: 700; |
|
12167 -moz-box-sizing: border-box; |
|
12168 -webkit-box-sizing: border-box; |
|
12169 box-sizing: border-box; |
|
12170 } |
|
12171 .onoffswitch-inner:before { |
|
12172 content: attr(data-swchon-text); |
|
12173 text-shadow: 0 -1px 0 #333; |
|
12174 padding-left: 7px; |
|
12175 background-color: #3276b1; |
|
12176 color: #fff; |
|
12177 -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12178 box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12179 text-align: left; |
|
12180 } |
|
12181 .onoffswitch-inner:after { |
|
12182 content: attr(data-swchoff-text); |
|
12183 padding-right: 7px; |
|
12184 text-shadow: 0 -1px 0 #fff; |
|
12185 background-color: #fff; |
|
12186 color: #555; |
|
12187 text-align: right; |
|
12188 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12189 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12190 } |
|
12191 .onoffswitch-switch { |
|
12192 width: 19px; |
|
12193 height: 19px; |
|
12194 margin: -2px; |
|
12195 background: #fff; |
|
12196 border: 1px solid #9a9a9a; |
|
12197 border-radius: 50px; |
|
12198 position: absolute; |
|
12199 top: 0; |
|
12200 bottom: 0; |
|
12201 right: 32px; |
|
12202 -webkit-box-sizing: content-box; |
|
12203 -moz-box-sizing: content-box; |
|
12204 box-sizing: content-box; |
|
12205 background-color: #f4f4f4; |
|
12206 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); |
|
12207 background-image: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
12208 background-image: -webkit-linear-gradient(top, #fff, #eee); |
|
12209 background-image: linear-gradient(to bottom, #fff, #eee); |
|
12210 background-repeat: repeat-x; |
|
12211 -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); |
|
12212 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); |
|
12213 } |
|
12214 .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, |
|
12215 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { |
|
12216 content: "\f00d"; |
|
12217 color: #a90329; |
|
12218 display: block; |
|
12219 text-align: center; |
|
12220 line-height: 19px; |
|
12221 font-size: 10px; |
|
12222 text-shadow: 0 -1px 0 #fff; |
|
12223 font-weight: 700; |
|
12224 font-family: FontAwesome; |
|
12225 } |
|
12226 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { |
|
12227 content: "\f00c"; |
|
12228 color: #57889c; |
|
12229 } |
|
12230 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { |
|
12231 margin-left: 0; |
|
12232 display: block; |
|
12233 } |
|
12234 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { |
|
12235 right: 0; |
|
12236 } |
|
12237 .onoffswitch-switch:hover { |
|
12238 background-color: #eee; |
|
12239 } |
|
12240 .onoffswitch-switch:active { |
|
12241 background-color: #eee; |
|
12242 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12243 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12244 } |
|
12245 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before, |
|
12246 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after { |
|
12247 text-shadow: 0 1px 0 #fff; |
|
12248 background: #bfbfbf; |
|
12249 color: #333; |
|
12250 } |
|
12251 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, |
|
12252 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch { |
|
12253 background-color: #f4f4f4; |
|
12254 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4)); |
|
12255 background-image: -webkit-gradient(linear, top left, bottom left, from(#bfbfbf), to(#f4f4f4)); |
|
12256 background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4); |
|
12257 background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4); |
|
12258 -webkit-box-shadow: none!important; |
|
12259 box-shadow: none!important; |
|
12260 } |
|
12261 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label, |
|
12262 .onoffswitch-checkbox:disabled + .onoffswitch-label { |
|
12263 border-color: #ababab #999 #878787!important; |
|
12264 } |
|
12265 .onoffswitch-checkbox:checked + .onoffswitch-label { |
|
12266 border-color: #3276b1 #2a6395 #255681; |
|
12267 } |
|
12268 .onoffswitch + span, |
|
12269 .onoffswitch-title { |
|
12270 display: inline-block; |
|
12271 vertical-align: middle; |
|
12272 margin-top: -5px; |
|
12273 } |
|
12274 /* |
|
12275 * Select2 widget |
|
12276 */ |
|
12277 label.with-icon .select2-parent { |
|
12278 margin-right: 27px; |
|
12279 } |
|
12280 label.with-icons .select2-parent { |
|
12281 margin-right: 54px; |
|
12282 } |
|
12283 .select2-container { |
|
12284 margin: 0; |
|
12285 position: relative; |
|
12286 display: inline-block; |
|
12287 zoom: 1; |
|
12288 *display: inline; |
|
12289 vertical-align: middle; |
|
12290 min-width: 60px; |
|
12291 } |
|
12292 .select2-container .select2-choice { |
|
12293 display: block; |
|
12294 height: 26px; |
|
12295 padding: 0 0 0 8px; |
|
12296 overflow: hidden; |
|
12297 position: relative; |
|
12298 border: 1px solid #ccc; |
|
12299 white-space: nowrap; |
|
12300 line-height: 26px; |
|
12301 font-size: 13px; |
|
12302 color: #444; |
|
12303 text-decoration: none; |
|
12304 -webkit-background-clip: padding-box; |
|
12305 background-clip: padding-box; |
|
12306 -webkit-touch-callout: none; |
|
12307 -webkit-user-select: none; |
|
12308 -moz-user-select: none; |
|
12309 -ms-user-select: none; |
|
12310 user-select: none; |
|
12311 background-color: #fff; |
|
12312 } |
|
12313 label.bordered .select2-container .select2-choice { |
|
12314 border-color: transparent; |
|
12315 } |
|
12316 .select2-container .select2-choice:hover { |
|
12317 border: 1px solid rgba(82, 168, 236, 0.7); |
|
12318 } |
|
12319 .select2-container .select2-choice > .select2-chosen { |
|
12320 margin-right: 26px; |
|
12321 display: block; |
|
12322 overflow: hidden; |
|
12323 white-space: nowrap; |
|
12324 text-overflow: ellipsis; |
|
12325 } |
|
12326 .select2-container .select2-choice > .select2-chosen abbr { |
|
12327 display: none; |
|
12328 width: 12px; |
|
12329 height: 12px; |
|
12330 position: absolute; |
|
12331 right: 24px; |
|
12332 top: 8px; |
|
12333 font-size: 1px; |
|
12334 text-decoration: none; |
|
12335 border: 0; |
|
12336 cursor: pointer; |
|
12337 outline: 0; |
|
12338 } |
|
12339 .select2-container .select2-choice > .select2-chosen abbr:hover { |
|
12340 cursor: pointer; |
|
12341 } |
|
12342 .select2-container.select2-drop-above .select2-choice { |
|
12343 border-bottom-color: #ccc; |
|
12344 } |
|
12345 .select2-container.select2-allowclear .select2-choice .select2-chosen { |
|
12346 margin-right: 42px; |
|
12347 } |
|
12348 .select2-container.select2-allowclear .select2-choice abbr { |
|
12349 display: inline-block; |
|
12350 } |
|
12351 .select2-container .select2-arrow { |
|
12352 display: inline-block; |
|
12353 width: 20px; |
|
12354 height: 20px; |
|
12355 position: absolute; |
|
12356 right: 3px; |
|
12357 top: 3px; |
|
12358 padding: 0 0 0 2px; |
|
12359 border-left: 1px solid #ccc; |
|
12360 line-height: 22px; |
|
12361 -webkit-background-clip: padding-box; |
|
12362 } |
|
12363 .select2-container .select2-arrow b { |
|
12364 width: 100%; |
|
12365 height: 100%; |
|
12366 display: inline-block; |
|
12367 font-family: FontAwesome; |
|
12368 font-style: normal; |
|
12369 font-weight: 400; |
|
12370 line-height: 1; |
|
12371 -webkit-font-smoothing: antialiased; |
|
12372 -moz-osx-font-smoothing: grayscale; |
|
12373 position: relative; |
|
12374 font-size: 14px; |
|
12375 } |
|
12376 .select2-container .select2-arrow b:before { |
|
12377 content: "\f107"; |
|
12378 width: 100%; |
|
12379 height: 100%; |
|
12380 text-align: center; |
|
12381 display: block; |
|
12382 } |
|
12383 .select2-container, |
|
12384 .select2-drop, |
|
12385 .select2-search, |
|
12386 .select2-search input { |
|
12387 -webkit-box-sizing: border-box; |
|
12388 -moz-box-sizing: border-box; |
|
12389 box-sizing: border-box; |
|
12390 } |
|
12391 .select2-container-active .select2-choice, |
|
12392 .select2-container-active .select2-choices { |
|
12393 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
12394 outline: 0; |
|
12395 } |
|
12396 .select2-drop-mask { |
|
12397 border: 0; |
|
12398 margin: 0; |
|
12399 padding: 0; |
|
12400 position: fixed; |
|
12401 left: 0; |
|
12402 top: 0; |
|
12403 min-height: 100%; |
|
12404 min-width: 100%; |
|
12405 height: auto; |
|
12406 width: auto; |
|
12407 opacity: 0; |
|
12408 z-index: 9998; |
|
12409 background: #fff; |
|
12410 filter: alpha(opacity=0); |
|
12411 } |
|
12412 .select2-drop { |
|
12413 margin-top: -1px; |
|
12414 width: 100%; |
|
12415 position: absolute; |
|
12416 z-index: 9999; |
|
12417 top: 100%; |
|
12418 background: #fff; |
|
12419 color: #000; |
|
12420 border: 1px solid #ccc; |
|
12421 border-top: 0; |
|
12422 -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|
12423 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|
12424 } |
|
12425 .select2-drop.select2-drop-above { |
|
12426 margin-bottom: 0; |
|
12427 border-top: 1px solid rgba(82, 168, 236, 0.7); |
|
12428 border-top-width: 3px; |
|
12429 border-bottom: 0; |
|
12430 -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); |
|
12431 box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); |
|
12432 } |
|
12433 .select2-drop.select2-drop-above.select2-drop-active { |
|
12434 border-top-width: 3px; |
|
12435 } |
|
12436 .select2-drop.select2-drop-above .select2-search input { |
|
12437 margin-top: 4px; |
|
12438 } |
|
12439 .select2-drop.select2-drop-above .select2-search:before { |
|
12440 top: 34%; |
|
12441 } |
|
12442 .select2-drop-auto-width { |
|
12443 border-top: 1px solid #ccc; |
|
12444 width: auto; |
|
12445 } |
|
12446 .select2-drop-auto-width .select2-search { |
|
12447 padding-top: 4px; |
|
12448 } |
|
12449 .select2-drop-active { |
|
12450 border: 1px solid rgba(82, 168, 236, 0.7); |
|
12451 border-top: 0; |
|
12452 border-bottom-width: 3px; |
|
12453 } |
|
12454 .select2-search { |
|
12455 display: inline-block; |
|
12456 width: 100%; |
|
12457 min-height: 26px; |
|
12458 margin: 0; |
|
12459 padding-left: 4px; |
|
12460 padding-right: 4px; |
|
12461 position: relative; |
|
12462 z-index: 10000; |
|
12463 white-space: nowrap; |
|
12464 } |
|
12465 .select2-search:before { |
|
12466 display: inline-block; |
|
12467 font-family: FontAwesome; |
|
12468 font-style: normal; |
|
12469 font-weight: 400; |
|
12470 line-height: 1; |
|
12471 -webkit-font-smoothing: antialiased; |
|
12472 -moz-osx-font-smoothing: grayscale; |
|
12473 position: absolute; |
|
12474 content: "\f002"; |
|
12475 top: 25%; |
|
12476 right: 10px; |
|
12477 color: #686868!important; |
|
12478 } |
|
12479 .select2-search input { |
|
12480 width: 100%; |
|
12481 height: auto!important; |
|
12482 min-height: 26px; |
|
12483 padding: 4px 20px 3px 5px; |
|
12484 margin: 0; |
|
12485 outline: 0; |
|
12486 font-size: 1em; |
|
12487 border: 1px solid #aaa; |
|
12488 -webkit-box-shadow: none; |
|
12489 box-shadow: none; |
|
12490 background: #fff; |
|
12491 background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); |
|
12492 background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); |
|
12493 background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
12494 background: -webkit-linear-gradient(top, #fff 85%, #eee 99%); |
|
12495 background: linear-gradient(top, #fff 85%, #eee 99%); |
|
12496 } |
|
12497 .select2-search input.select2-active { |
|
12498 background-origin: padding-box; |
|
12499 background: #fff url(../img/select2-spinner.gif) no-repeat right 24px top 50%; |
|
12500 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); |
|
12501 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); |
|
12502 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
12503 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #fff 85%, #eee 99%); |
|
12504 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #fff 85%, #eee 99%); |
|
12505 } |
|
12506 .select2-dropdown-open .select2-choice { |
|
12507 border-bottom-color: transparent; |
|
12508 -webkit-box-shadow: 0 1px 0 #fff inset; |
|
12509 box-shadow: 0 1px 0 #fff inset; |
|
12510 border-bottom-left-radius: 0; |
|
12511 border-bottom-right-radius: 0; |
|
12512 background-color: #fff; |
|
12513 } |
|
12514 .select2-dropdown-open.select2-drop-above .select2-choice, |
|
12515 .select2-dropdown-open.select2-drop-above .select2-choices { |
|
12516 border: 1px solid #5D98CC; |
|
12517 border-top-color: transparent; |
|
12518 } |
|
12519 .select2-dropdown-open .select2-choice .select2-arrow { |
|
12520 background: 0 0; |
|
12521 border-left: 0; |
|
12522 -webkit-filter: none; |
|
12523 filter: none; |
|
12524 } |
|
12525 .select2-dropdown-open .select2-choice .select2-arrow b { |
|
12526 background-position: -18px 1px; |
|
12527 } |
|
12528 .select2-results { |
|
12529 max-height: 200px; |
|
12530 padding: 0 0 0 4px; |
|
12531 margin: 4px 4px 4px 0; |
|
12532 font-size: 13px; |
|
12533 position: relative; |
|
12534 overflow-x: hidden; |
|
12535 overflow-y: auto; |
|
12536 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
12537 } |
|
12538 .select2-results .select2-selected { |
|
12539 opacity: 0.5; |
|
12540 } |
|
12541 .select2-results ul.select2-result-sub { |
|
12542 margin: 0; |
|
12543 padding-left: 0; |
|
12544 } |
|
12545 .select2-results ul.select2-result-sub > li .select2-result-label { |
|
12546 padding-left: 20px; |
|
12547 } |
|
12548 .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
12549 padding-left: 40px; |
|
12550 } |
|
12551 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
12552 padding-left: 60px; |
|
12553 } |
|
12554 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
12555 padding-left: 80px; |
|
12556 } |
|
12557 .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 { |
|
12558 padding-left: 100px; |
|
12559 } |
|
12560 .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 { |
|
12561 padding-left: 110px; |
|
12562 } |
|
12563 .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 { |
|
12564 padding-left: 120px; |
|
12565 } |
|
12566 .select2-results li { |
|
12567 list-style: none; |
|
12568 display: list-item; |
|
12569 background-image: none; |
|
12570 } |
|
12571 .select2-results li.select2-result-with-children > .select2-result-label { |
|
12572 font-weight: 700; |
|
12573 } |
|
12574 .select2-results .select2-result-label { |
|
12575 padding: 3px 7px 4px; |
|
12576 margin: 0; |
|
12577 cursor: pointer; |
|
12578 min-height: 1em; |
|
12579 -webkit-touch-callout: none; |
|
12580 -webkit-user-select: none; |
|
12581 -moz-user-select: none; |
|
12582 -ms-user-select: none; |
|
12583 user-select: none; |
|
12584 } |
|
12585 .select2-results .select2-highlighted { |
|
12586 background: #3276b1; |
|
12587 color: #fff; |
|
12588 } |
|
12589 .select2-results li em { |
|
12590 background: #feffde; |
|
12591 font-style: normal; |
|
12592 } |
|
12593 .select2-results .select2-highlighted em { |
|
12594 background: 0 0; |
|
12595 } |
|
12596 .select2-results .select2-highlighted ul { |
|
12597 background: #fff; |
|
12598 color: #000; |
|
12599 } |
|
12600 .select2-results .select2-no-results, |
|
12601 .select2-results .select2-searching, |
|
12602 .select2-results .select2-selection-limit { |
|
12603 background: #f4f4f4; |
|
12604 display: list-item; |
|
12605 padding: 3px 5px; |
|
12606 opacity: 0.5; |
|
12607 } |
|
12608 .select2-results-results .select2-disabled { |
|
12609 background: #f4f4f4; |
|
12610 display: list-item; |
|
12611 cursor: default; |
|
12612 } |
|
12613 .select2-results-results .select2-disabled.select2-highlighted { |
|
12614 color: #666; |
|
12615 background: #f4f4f4; |
|
12616 display: list-item; |
|
12617 cursor: default; |
|
12618 } |
|
12619 .select2-results-results .select2-selected { |
|
12620 display: none; |
|
12621 } |
|
12622 .select2-no-results { |
|
12623 padding-left: 20px; |
|
12624 } |
|
12625 .select2-no-results:before { |
|
12626 display: inline-block; |
|
12627 font-family: FontAwesome; |
|
12628 font-style: normal; |
|
12629 font-weight: 400; |
|
12630 line-height: 1; |
|
12631 -webkit-font-smoothing: antialiased; |
|
12632 -moz-osx-font-smoothing: grayscale; |
|
12633 content: "\f05a"; |
|
12634 margin-right: 5px; |
|
12635 } |
|
12636 .select2-more-results { |
|
12637 background: #f4f4f4; |
|
12638 display: list-item; |
|
12639 } |
|
12640 .select2-more-results.select2-active { |
|
12641 background: #f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%; |
|
12642 } |
|
12643 .select2-default { |
|
12644 color: #999!important; |
|
12645 } |
|
12646 .select2-container.select2-container-disabled .select2-choice { |
|
12647 background-image: none; |
|
12648 border: 1px solid transparent; |
|
12649 border-bottom: 1px solid #ccc; |
|
12650 cursor: default; |
|
12651 } |
|
12652 .select2-container.select2-container-disabled .select2-choice .select2-arrow { |
|
12653 display: none; |
|
12654 } |
|
12655 .select2-container.select2-container-disabled .select2-choice abbr { |
|
12656 display: none; |
|
12657 } |
|
12658 .select2-container.select2-container-disabled .select2-choices .select2-search-field { |
|
12659 display: none; |
|
12660 } |
|
12661 .select2-container-multi.select2-container-active .select2-choices { |
|
12662 border: 1px solid rgba(82, 168, 236, 0.7); |
|
12663 outline: 0; |
|
12664 } |
|
12665 .select2-container-multi .select2-choices { |
|
12666 height: auto!important; |
|
12667 height: 1%; |
|
12668 min-height: 26px; |
|
12669 margin: 0; |
|
12670 padding: 0; |
|
12671 position: relative; |
|
12672 border: 1px solid #ccc; |
|
12673 cursor: text; |
|
12674 overflow: hidden; |
|
12675 background-color: #fff; |
|
12676 } |
|
12677 label.bordered .select2-container-multi .select2-choices { |
|
12678 border-color: transparent; |
|
12679 } |
|
12680 .select2-container-multi .select2-choices:hover { |
|
12681 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
12682 } |
|
12683 label.bordered .select2-container-multi .select2-choices:hover { |
|
12684 border-color: transparent !important; |
|
12685 } |
|
12686 .select2-container-multi .select2-choices li { |
|
12687 float: left; |
|
12688 list-style: none; |
|
12689 } |
|
12690 .select2-container-multi .select2-choices .select2-search-field { |
|
12691 margin: 0; |
|
12692 padding: 0; |
|
12693 white-space: nowrap; |
|
12694 width: 100%; |
|
12695 } |
|
12696 .select2-container-multi .select2-choices .select2-search-field input { |
|
12697 max-height: 24px; |
|
12698 padding: 3px 5px; |
|
12699 margin: 1px 0; |
|
12700 font-family: Ubuntu, sans-serif; |
|
12701 font-size: 13px; |
|
12702 color: #666; |
|
12703 outline: 0; |
|
12704 border: 0; |
|
12705 -webkit-box-shadow: none; |
|
12706 box-shadow: none; |
|
12707 background: transparent!important; |
|
12708 } |
|
12709 .select2-container-multi .select2-choices .select2-search-field input.select2-active { |
|
12710 background: #fff url(../img/select2-spinner.gif) no-repeat 99% !important; |
|
12711 } |
|
12712 .select2-container-multi .select2-choices .select2-search-choice { |
|
12713 padding: 1px 28px 1px 8px; |
|
12714 margin: 2px; |
|
12715 position: relative; |
|
12716 line-height: 18px; |
|
12717 color: #fff; |
|
12718 cursor: default; |
|
12719 border: 1px solid #2a6395; |
|
12720 -webkit-background-clip: padding-box; |
|
12721 background-clip: padding-box; |
|
12722 -webkit-touch-callout: none; |
|
12723 -webkit-user-select: none; |
|
12724 -khtml-user-select: none; |
|
12725 -moz-user-select: none; |
|
12726 -ms-user-select: none; |
|
12727 user-select: none; |
|
12728 background-color: #3276b1; |
|
12729 } |
|
12730 .select2-container-multi .select2-choices .select2-search-choice + .select2-search-field { |
|
12731 width: auto; |
|
12732 } |
|
12733 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { |
|
12734 cursor: default; |
|
12735 } |
|
12736 .select2-container-multi .select2-choices .select2-search-choice-focus { |
|
12737 opacity: .8; |
|
12738 } |
|
12739 .select2-container-multi .select2-choices .select2-search-choice.ui-sortable-handle { |
|
12740 cursor: move; |
|
12741 } |
|
12742 .with-icons .select2-container-multi .select2-choices .select2-search-choice.ui-sortable-handle { |
|
12743 margin-right: 1px; |
|
12744 } |
|
12745 .select2-container-multi.ordered .select2-choices li { |
|
12746 float: none; |
|
12747 } |
|
12748 .select2-container-multi.ordered .select2-choices li.select2-search-choice { |
|
12749 cursor: move; |
|
12750 padding-left: 20px; |
|
12751 background: #3276b1 url(../img/vert-drag-handle.png) scroll no-repeat left center; |
|
12752 } |
|
12753 .select2-container-multi.ordered .select2-choices li.ui-state-highlight { |
|
12754 margin: 2px 0 2px 2px; |
|
12755 height: 20px; |
|
12756 background-color: #ddd; |
|
12757 border: 1px solid #ddd; |
|
12758 } |
|
12759 .select2-container-multi .select2-search-choice-close { |
|
12760 display: block; |
|
12761 top: 0; |
|
12762 right: -2px; |
|
12763 padding: 3px 0px 3px 6px; |
|
12764 } |
|
12765 .select2-container-multi .select2-search-choice-close:hover { |
|
12766 background: rgba(0, 0, 0, 0.3); |
|
12767 } |
|
12768 .select2-container-multi.select2-container-disabled .select2-choices { |
|
12769 background-image: none; |
|
12770 border: 1px solid transparent; |
|
12771 border-bottom: 1px solid #ccc; |
|
12772 cursor: default; |
|
12773 } |
|
12774 .select2-container-multi.select2-container-disabled .select2-choices:hover { |
|
12775 border-color: transparent!important; |
|
12776 border-bottom: 1px solid #ccc!important; |
|
12777 } |
|
12778 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { |
|
12779 padding: 1px 5px; |
|
12780 border: 1px solid #4a90cc; |
|
12781 background-image: none; |
|
12782 background-color: #86b4dd; |
|
12783 cursor: not-allowed; |
|
12784 } |
|
12785 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { |
|
12786 display: none; |
|
12787 background: 0 0; |
|
12788 } |
|
12789 .select2-locked { |
|
12790 padding: 3px 5px!important; |
|
12791 } |
|
12792 .select2-search-choice-close { |
|
12793 display: block; |
|
12794 min-width: 20px; |
|
12795 min-height: 14px; |
|
12796 position: absolute; |
|
12797 right: 3px; |
|
12798 top: 3px; |
|
12799 margin: 0; |
|
12800 padding: 0; |
|
12801 font-size: 15px; |
|
12802 text-decoration: none!important; |
|
12803 font-family: FontAwesome; |
|
12804 font-style: normal; |
|
12805 font-weight: 400; |
|
12806 line-height: 1; |
|
12807 -webkit-font-smoothing: antialiased; |
|
12808 -moz-osx-font-smoothing: grayscale; |
|
12809 } |
|
12810 .select2-search-choice-close:before { |
|
12811 color: #fff; |
|
12812 content: "\f057"; |
|
12813 } |
|
12814 .select2-result-selectable .select2-match, |
|
12815 .select2-result-unselectable .select2-match { |
|
12816 text-decoration: underline; |
|
12817 } |
|
12818 .select2-offscreen, |
|
12819 .select2-offscreen:focus { |
|
12820 clip: rect(0 0 0 0) !important; |
|
12821 width: 1px!important; |
|
12822 height: 1px!important; |
|
12823 border: 0!important; |
|
12824 margin: 0!important; |
|
12825 padding: 0!important; |
|
12826 overflow: hidden!important; |
|
12827 position: absolute!important; |
|
12828 outline: 0!important; |
|
12829 left: 0!important; |
|
12830 top: 0!important; |
|
12831 } |
|
12832 .select2-display-none { |
|
12833 display: none; |
|
12834 } |
|
12835 .select2-measure-scrollbar { |
|
12836 position: absolute; |
|
12837 top: -10000px; |
|
12838 left: -10000px; |
|
12839 width: 100px; |
|
12840 height: 100px; |
|
12841 overflow: scroll; |
|
12842 } |
|
12843 .select2-hidden-accessible { |
|
12844 position: absolute; |
|
12845 border: 0; |
|
12846 clip: rect(0 0 0 0); |
|
12847 height: 1px; |
|
12848 width: 1px; |
|
12849 margin: -1px; |
|
12850 overflow: hidden; |
|
12851 padding: 0; |
|
12852 } |
|
12853 label.with-icon > i.icon-append + .select2-parent > .select2-choices { |
|
12854 padding-right: 29px; |
|
12855 } |
|
12856 .multiselect-container { |
|
12857 position: absolute; |
|
12858 list-style-type: none; |
|
12859 margin: 0; |
|
12860 padding: 0; |
|
12861 } |
|
12862 .multiselect-container .input-group { |
|
12863 margin: 5px; |
|
12864 } |
|
12865 .multiselect-container > li { |
|
12866 padding: 0; |
|
12867 } |
|
12868 .multiselect-container > li > a.multiselect-all label { |
|
12869 font-weight: 700; |
|
12870 } |
|
12871 .multiselect-container > li > a > label { |
|
12872 margin: 0; |
|
12873 height: 100%; |
|
12874 cursor: pointer; |
|
12875 font-weight: 400; |
|
12876 } |
|
12877 .multiselect-container > li > a > label.checkbox, |
|
12878 .multiselect-container > li > a > label.radio { |
|
12879 margin: 0; |
|
12880 } |
|
12881 .multiselect-container > li > a > label > input[type=checkbox] { |
|
12882 margin-bottom: 5px; |
|
12883 } |
|
12884 .multiselect-container > li > label.multiselect-group { |
|
12885 margin: 0; |
|
12886 padding: 3px 20px; |
|
12887 height: 100%; |
|
12888 font-weight: 700; |
|
12889 } |
|
12890 .btn-group > .btn-group:nth-child(2) > .multiselect.btn { |
|
12891 border-top-left-radius: 4px; |
|
12892 border-bottom-left-radius: 4px; |
|
12893 } |
|
12894 /* |
|
12895 * Standard Bootstrap widgets |
|
12896 */ |
|
12897 .color-select { |
|
12898 list-style: none; |
|
12899 margin: 0; |
|
12900 padding: 4px; |
|
12901 min-width: 166px; |
|
12902 max-width: 156px; |
|
12903 right: -3px; |
|
12904 } |
|
12905 .color-select li { |
|
12906 display: block; |
|
12907 margin: 2px; |
|
12908 float: left; |
|
12909 } |
|
12910 .color-select li span { |
|
12911 display: block; |
|
12912 width: 22px; |
|
12913 height: 22px; |
|
12914 padding: 0; |
|
12915 background: #333; |
|
12916 box-sizing: border-box; |
|
12917 -moz-box-sizing: border-box; |
|
12918 -webkit-box-sizing: border-box; |
|
12919 border: 1px solid rgba(0, 0, 0, 0.1); |
|
12920 cursor: pointer; |
|
12921 } |
|
12922 .color-select li span:hover { |
|
12923 border: 3px solid rgba(0, 0, 0, 0.2); |
|
12924 } |
|
12925 .widget-toolbar .dropdown-menu.color-select { |
|
12926 right: -1px; |
|
12927 } |
|
12928 .color-box { |
|
12929 display: block; |
|
12930 position: relative; |
|
12931 width: 22px; |
|
12932 height: 22px; |
|
12933 padding: 0; |
|
12934 background: #333; |
|
12935 -webkit-box-sizing: border-box; |
|
12936 -moz-box-sizing: border-box; |
|
12937 box-sizing: border-box; |
|
12938 border: 1px solid rgba(255, 255, 255, 0.3) !important; |
|
12939 cursor: pointer; |
|
12940 vertical-align: middle; |
|
12941 outline: 1px solid rgba(0, 0, 0, 0.1); |
|
12942 background: rgba(255, 255, 255, 0.3) !important; |
|
12943 } |
|
12944 .color-box:hover, |
|
12945 .open .color-box { |
|
12946 outline: 1px solid rgba(0, 0, 0, 0.1) !important; |
|
12947 } |
|
12948 .color-box:hover { |
|
12949 -webkit-transform: scale(1.07); |
|
12950 -moz-transform: scale(1.07); |
|
12951 } |
|
12952 .color-box:active { |
|
12953 top: 1px; |
|
12954 left: 1px; |
|
12955 } |
|
12956 .widget-toolbar > .color-box { |
|
12957 margin-top: 7px; |
|
12958 width: 18px; |
|
12959 height: 18px; |
|
12960 outline: 1px solid rgba(0, 0, 0, 0.2); |
|
12961 } |
|
12962 .widget-toolbar > .color-box:active, |
|
12963 .widget-toolbar > .color-box:focus, |
|
12964 .widget-toolbar > .color-box:hover { |
|
12965 outline: 1px solid rgba(0, 0, 0, 0.25) !important; |
|
12966 } |
|
12967 /* |
|
12968 * Full calendar |
|
12969 */ |
|
12970 .ams-widget #calendar { |
|
12971 margin-top: -18px; |
|
12972 } |
|
12973 #calendar-buttons { |
|
12974 position: absolute; |
|
12975 right: 14px; |
|
12976 top: 5px; |
|
12977 } |
|
12978 #calendar-container { |
|
12979 position: relative; |
|
12980 } |
|
12981 #external-events > li { |
|
12982 margin: 6px 4px 6px 0; |
|
12983 display: inline-block; |
|
12984 } |
|
12985 #external-events > li > :first-child { |
|
12986 padding: 5px 10px 10px; |
|
12987 cursor: move; |
|
12988 display: block; |
|
12989 } |
|
12990 #external-events > li > :first-child:after { |
|
12991 color: #fff; |
|
12992 color: rgba(255, 255, 255, 0.7); |
|
12993 content: attr(data-description); |
|
12994 font-size: 11px; |
|
12995 font-weight: 400; |
|
12996 display: block; |
|
12997 line-height: 0; |
|
12998 margin: 7px 0; |
|
12999 text-transform: lowercase; |
|
13000 } |
|
13001 .fc { |
|
13002 direction: ltr; |
|
13003 text-align: left; |
|
13004 } |
|
13005 .fc .fc-header-space { |
|
13006 padding-left: 10px; |
|
13007 } |
|
13008 .fc table, |
|
13009 html .fc { |
|
13010 font-size: 12px; |
|
13011 } |
|
13012 .fc table { |
|
13013 border-collapse: collapse; |
|
13014 border-spacing: 0; |
|
13015 } |
|
13016 .fc th, |
|
13017 .fc td { |
|
13018 padding: 0; |
|
13019 vertical-align: top; |
|
13020 } |
|
13021 .fc .ui-resizable-handle { |
|
13022 display: block; |
|
13023 position: absolute; |
|
13024 z-index: 99999; |
|
13025 overflow: hidden; |
|
13026 font-size: 300%; |
|
13027 line-height: 50%; |
|
13028 } |
|
13029 .fc .ui-draggable-dragging .fc-event-bg { |
|
13030 display: none; |
|
13031 } |
|
13032 .fc-border-separate thead tr, |
|
13033 .fc-border-separate .table thead tr { |
|
13034 background-color: #eee; |
|
13035 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa)); |
|
13036 background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
13037 background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
13038 font-size: 12px; |
|
13039 } |
|
13040 .fc-border-separate thead tr th { |
|
13041 padding: 4px; |
|
13042 line-height: 1.428571429; |
|
13043 } |
|
13044 tr td.fc-first, |
|
13045 tr.fc-first th.fc-first { |
|
13046 border-left: 0; |
|
13047 } |
|
13048 tr.fc-last td { |
|
13049 border-bottom: 0; |
|
13050 } |
|
13051 .fc-header .fc-button { |
|
13052 margin-bottom: 1em; |
|
13053 vertical-align: top; |
|
13054 margin-right: -1px; |
|
13055 } |
|
13056 .fc-header .fc-corner-right { |
|
13057 margin-right: 1px; |
|
13058 } |
|
13059 .fc-header .ui-corner-right { |
|
13060 margin-right: 0; |
|
13061 } |
|
13062 .fc-header .fc-state-hover, |
|
13063 .fc-header .ui-state-hover { |
|
13064 z-index: 2; |
|
13065 } |
|
13066 .fc-header .fc-state-down { |
|
13067 z-index: 3; |
|
13068 } |
|
13069 .fc-header .fc-state-active, |
|
13070 .fc-header .ui-state-active { |
|
13071 z-index: 4; |
|
13072 } |
|
13073 .fc-header td { |
|
13074 white-space: nowrap; |
|
13075 } |
|
13076 .fc-header-left { |
|
13077 width: 25%; |
|
13078 text-align: left; |
|
13079 } |
|
13080 .fc-header-center { |
|
13081 text-align: center; |
|
13082 } |
|
13083 .fc-header-right { |
|
13084 width: 25%; |
|
13085 text-align: right; |
|
13086 } |
|
13087 .fc-header-title { |
|
13088 display: inline-block; |
|
13089 vertical-align: top; |
|
13090 } |
|
13091 .fc-header-title h2 { |
|
13092 margin-top: 0; |
|
13093 white-space: nowrap; |
|
13094 } |
|
13095 .ams-widget .fc-header-title h2 { |
|
13096 text-shadow: 0 1px 0 #fff; |
|
13097 margin-top: -12px; |
|
13098 margin-left: 10px; |
|
13099 font-size: 14px; |
|
13100 font-weight: 700; |
|
13101 margin-bottom: 0; |
|
13102 } |
|
13103 .fc-content { |
|
13104 clear: both; |
|
13105 } |
|
13106 .fc-view { |
|
13107 width: 100%; |
|
13108 overflow: hidden; |
|
13109 } |
|
13110 .fc-widget-content, |
|
13111 .fc-widget-header { |
|
13112 border: 1px solid #ccc; |
|
13113 border-right: 0; |
|
13114 } |
|
13115 .fc-state-highlight { |
|
13116 background: #ffc; |
|
13117 } |
|
13118 .fc-cell-overlay { |
|
13119 background: #9cf; |
|
13120 opacity: .2; |
|
13121 filter: alpha(opacity=20); |
|
13122 } |
|
13123 .fc-button { |
|
13124 position: relative; |
|
13125 display: inline-block; |
|
13126 cursor: pointer; |
|
13127 } |
|
13128 .fc-button-inner { |
|
13129 position: relative; |
|
13130 float: left; |
|
13131 overflow: hidden; |
|
13132 } |
|
13133 .fc-state-default { |
|
13134 border-width: 1px 0; |
|
13135 } |
|
13136 .fc-state-default .fc-button-inner { |
|
13137 border-width: 0 1px; |
|
13138 } |
|
13139 .fc-state-default, |
|
13140 .fc-state-default .fc-button-inner { |
|
13141 border-style: solid; |
|
13142 border-color: #ccc #bbb #aaa; |
|
13143 background: #F3F3F3; |
|
13144 color: #000; |
|
13145 } |
|
13146 .fc-state-default .fc-button-effect { |
|
13147 position: absolute; |
|
13148 top: 50%; |
|
13149 left: 0; |
|
13150 } |
|
13151 .fc-state-default .fc-button-effect span { |
|
13152 position: absolute; |
|
13153 top: -100px; |
|
13154 left: 0; |
|
13155 width: 500px; |
|
13156 height: 100px; |
|
13157 border-width: 100px 0 0 1px; |
|
13158 border-style: solid; |
|
13159 border-color: #fff; |
|
13160 background: #444; |
|
13161 opacity: .09; |
|
13162 filter: alpha(opacity=9); |
|
13163 } |
|
13164 .fc-state-hover .fc-button-inner { |
|
13165 border-color: #999; |
|
13166 } |
|
13167 .fc-state-down .fc-button-inner { |
|
13168 border-color: #555; |
|
13169 background: #777; |
|
13170 } |
|
13171 .fc-state-active .fc-button-inner { |
|
13172 border-color: #555; |
|
13173 background: #777; |
|
13174 color: #fff; |
|
13175 } |
|
13176 .fc-state-disabled { |
|
13177 cursor: default; |
|
13178 } |
|
13179 .fc-state-disabled .fc-button-inner { |
|
13180 color: #999; |
|
13181 border-color: #ddd; |
|
13182 } |
|
13183 .fc-state-disabled .fc-button-effect { |
|
13184 display: none; |
|
13185 } |
|
13186 .fc-button-content { |
|
13187 position: relative; |
|
13188 float: left; |
|
13189 height: 1.9em; |
|
13190 line-height: 1.9em; |
|
13191 padding: 0 .6em; |
|
13192 white-space: nowrap; |
|
13193 } |
|
13194 .fc-button-content .fc-icon-wrap { |
|
13195 position: relative; |
|
13196 float: left; |
|
13197 top: 50%; |
|
13198 } |
|
13199 .fc-button-content .ui-icon { |
|
13200 position: relative; |
|
13201 float: left; |
|
13202 margin-top: -50%; |
|
13203 *margin-top: 0; |
|
13204 *top: -50%; |
|
13205 } |
|
13206 .fc-event { |
|
13207 border-style: solid; |
|
13208 border-width: 0; |
|
13209 font-size: .85em; |
|
13210 cursor: default; |
|
13211 } |
|
13212 .fc-rtl .fc-event { |
|
13213 text-align: right; |
|
13214 } |
|
13215 .fc-event-draggable, |
|
13216 a.fc-event { |
|
13217 cursor: pointer; |
|
13218 } |
|
13219 a.fc-event { |
|
13220 text-decoration: none; |
|
13221 } |
|
13222 .fc-event-skin { |
|
13223 color: #FFF; |
|
13224 border-right: 0!important; |
|
13225 cursor: move; |
|
13226 } |
|
13227 .fc-event-skin .fa:before { |
|
13228 display: block; |
|
13229 font-size: 14px; |
|
13230 position: absolute; |
|
13231 right: 4px; |
|
13232 top: 3px; |
|
13233 } |
|
13234 .fc-event-inner { |
|
13235 position: relative; |
|
13236 width: 100%; |
|
13237 height: 100%; |
|
13238 border-style: solid; |
|
13239 border-width: 0; |
|
13240 overflow: hidden; |
|
13241 } |
|
13242 .fc-event-hori { |
|
13243 border-width: 1px 0; |
|
13244 margin-bottom: 1px; |
|
13245 } |
|
13246 .fc-event-hori .ui-resizable-e { |
|
13247 top: 0!important; |
|
13248 right: -3px !important; |
|
13249 width: 7px!important; |
|
13250 height: 100%!important; |
|
13251 cursor: e-resize; |
|
13252 } |
|
13253 .fc-event-hori .ui-resizable-w { |
|
13254 top: 0!important; |
|
13255 left: -3px !important; |
|
13256 width: 7px!important; |
|
13257 height: 100%!important; |
|
13258 cursor: w-resize; |
|
13259 } |
|
13260 .fc-event-hori .ui-resizable-handle { |
|
13261 _padding-bottom: 14px; |
|
13262 } |
|
13263 .fc-corner-left { |
|
13264 margin-left: 1px; |
|
13265 } |
|
13266 .fc-corner-left .fc-button-inner, |
|
13267 .fc-corner-left .fc-event-inner { |
|
13268 margin-left: -1px; |
|
13269 } |
|
13270 .fc-corner-right { |
|
13271 margin-right: 1px; |
|
13272 } |
|
13273 .fc-corner-right .fc-button-inner, |
|
13274 .fc-corner-right .fc-event-inner { |
|
13275 margin-right: -1px; |
|
13276 } |
|
13277 .fc-corner-right .fc-event-inner { |
|
13278 border-left: 6px solid rgba(0, 0, 0, 0.15); |
|
13279 padding-left: 2px; |
|
13280 padding-right: 15px; |
|
13281 } |
|
13282 .fc-corner-top { |
|
13283 margin-top: 1px; |
|
13284 } |
|
13285 .fc-corner-top .fc-event-inner { |
|
13286 margin-top: -1px; |
|
13287 border-top-width: 1px; |
|
13288 } |
|
13289 .fc-corner-bottom { |
|
13290 margin-bottom: 1px; |
|
13291 } |
|
13292 .fc-corner-bottom .fc-event-inner { |
|
13293 margin-bottom: -1px; |
|
13294 border-bottom-width: 1px; |
|
13295 } |
|
13296 table.fc-table-separate { |
|
13297 border-collapse: separate; |
|
13298 } |
|
13299 .fc-table-separate td, |
|
13300 .fc-table-separate th { |
|
13301 border-width: 1px 0 0 1px; |
|
13302 } |
|
13303 .fc-table-separate td.fc-last, |
|
13304 .fc-table-separate th.fc-last { |
|
13305 border-right-width: 1px; |
|
13306 } |
|
13307 .fc-table-separate tr.fc-last td, |
|
13308 .fc-table-separate tr.fc-last th { |
|
13309 border-bottom-width: 1px; |
|
13310 } |
|
13311 .fc-table-separate tbody tr.fc-first td, |
|
13312 .fc-table-separate tbody tr.fc-first th { |
|
13313 border-top-width: 0; |
|
13314 } |
|
13315 .fc-grid th { |
|
13316 text-align: center; |
|
13317 } |
|
13318 .fc-grid .fc-day-number { |
|
13319 float: right; |
|
13320 padding: 0 2px; |
|
13321 } |
|
13322 .fc-grid .fc-other-month .fc-day-number { |
|
13323 opacity: .3; |
|
13324 filter: alpha(opacity=30); |
|
13325 } |
|
13326 .fc-grid .fc-day-content { |
|
13327 clear: both; |
|
13328 padding: 2px 2px 1px; |
|
13329 } |
|
13330 .fc-grid .fc-event-time { |
|
13331 font-weight: 700; |
|
13332 } |
|
13333 .fc-rtl .fc-grid .fc-day-number { |
|
13334 float: left; |
|
13335 } |
|
13336 .fc-rtl .fc-grid .fc-event-time { |
|
13337 float: right; |
|
13338 } |
|
13339 .fc-agenda table { |
|
13340 border-collapse: separate; |
|
13341 } |
|
13342 .fc-agenda .fc-agenda-axis { |
|
13343 width: 50px; |
|
13344 padding: 0 4px; |
|
13345 vertical-align: middle; |
|
13346 text-align: right; |
|
13347 white-space: nowrap; |
|
13348 font-weight: 400; |
|
13349 } |
|
13350 .fc-agenda .fc-day-content { |
|
13351 padding: 2px 2px 1px; |
|
13352 } |
|
13353 .fc-agenda-days th { |
|
13354 text-align: center; |
|
13355 } |
|
13356 .fc-agenda-days .fc-agenda-axis { |
|
13357 border-right-width: 1px; |
|
13358 } |
|
13359 .fc-agenda-days .fc-col0 { |
|
13360 border-left-width: 0; |
|
13361 } |
|
13362 .fc-agenda-allday th { |
|
13363 border-width: 0 1px; |
|
13364 } |
|
13365 .fc-agenda-allday .fc-day-content { |
|
13366 min-height: 34px; |
|
13367 _height: 34px; |
|
13368 } |
|
13369 .fc-agenda-divider-inner { |
|
13370 height: 2px; |
|
13371 overflow: hidden; |
|
13372 } |
|
13373 .fc-widget-header .fc-agenda-divider-inner { |
|
13374 background: #eee; |
|
13375 } |
|
13376 .fc-agenda-slots th { |
|
13377 border-width: 1px 1px 0; |
|
13378 } |
|
13379 .fc-agenda-slots td { |
|
13380 border-width: 1px 0 0; |
|
13381 background: 0 0; |
|
13382 } |
|
13383 .fc-agenda-slots td div { |
|
13384 height: 20px; |
|
13385 } |
|
13386 .fc-agenda-slots tr.fc-slot0 td, |
|
13387 .fc-agenda-slots tr.fc-slot0 th { |
|
13388 border-top-width: 0; |
|
13389 } |
|
13390 .fc-agenda-slots tr.fc-minor td, |
|
13391 .fc-agenda-slots tr.fc-minor th { |
|
13392 border-top-style: dotted; |
|
13393 } |
|
13394 .fc-agenda-slots tr.fc-minor th.ui-widget-header { |
|
13395 *border-top-style: solid; |
|
13396 } |
|
13397 .fc-event-time, |
|
13398 .fc-event-title { |
|
13399 padding: 3px 0 2px 3px; |
|
13400 display: inline-block; |
|
13401 line-height: 16px; |
|
13402 font-weight: 700; |
|
13403 font-size: 11px; |
|
13404 -webkit-box-sizing: border-box; |
|
13405 -moz-box-sizing: border-box; |
|
13406 box-sizing: border-box; |
|
13407 } |
|
13408 .fc-event-vert { |
|
13409 border-width: 0 1px; |
|
13410 } |
|
13411 .fc-event-vert .fc-event-content, |
|
13412 .fc-event-vert .fc-event-head { |
|
13413 position: relative; |
|
13414 z-index: 2; |
|
13415 width: 100%; |
|
13416 overflow: hidden; |
|
13417 } |
|
13418 .fc-event-vert .fc-event-time { |
|
13419 white-space: nowrap; |
|
13420 font-size: 10px; |
|
13421 } |
|
13422 .fc-event-vert .fc-event-bg { |
|
13423 position: absolute; |
|
13424 z-index: 1; |
|
13425 top: 0; |
|
13426 left: 0; |
|
13427 width: 100%; |
|
13428 height: 100%; |
|
13429 background: #fff; |
|
13430 opacity: .3; |
|
13431 filter: alpha(opacity=30); |
|
13432 } |
|
13433 .fc-event-vert .ui-resizable-s { |
|
13434 bottom: 0!important; |
|
13435 width: 100%!important; |
|
13436 height: 8px!important; |
|
13437 overflow: hidden!important; |
|
13438 line-height: 8px!important; |
|
13439 font-size: 11px!important; |
|
13440 font-family: monospace; |
|
13441 text-align: center; |
|
13442 cursor: s-resize; |
|
13443 } |
|
13444 .fc-select-helper .fc-event-bg { |
|
13445 display: none; |
|
13446 } |
|
13447 .fc-agenda .ui-resizable-resizing { |
|
13448 _overflow: hidden; |
|
13449 } |
|
13450 /* |
|
13451 * Colorpicker |
|
13452 */ |
|
13453 .colorpicker { |
|
13454 padding-left: 30px!important; |
|
13455 } |
|
13456 /* |
|
13457 * Timepicker |
|
13458 */ |
|
13459 .bootstrap-timepicker { |
|
13460 position: relative; |
|
13461 } |
|
13462 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { |
|
13463 left: auto; |
|
13464 right: 0; |
|
13465 } |
|
13466 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { |
|
13467 left: auto; |
|
13468 right: 12px; |
|
13469 } |
|
13470 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { |
|
13471 left: auto; |
|
13472 right: 13px; |
|
13473 } |
|
13474 .bootstrap-timepicker .add-on { |
|
13475 cursor: pointer; |
|
13476 } |
|
13477 .bootstrap-timepicker .add-on i { |
|
13478 display: inline-block; |
|
13479 width: 16px; |
|
13480 height: 16px; |
|
13481 } |
|
13482 @media (max-width: 767px) { |
|
13483 .bootstrap-timepicker, |
|
13484 .bootstrap-timepicker .dropdown-menu { |
|
13485 width: 100%; |
|
13486 } |
|
13487 } |
|
13488 .bootstrap-timepicker-widget.dropdown-menu { |
|
13489 padding: 4px; |
|
13490 } |
|
13491 .bootstrap-timepicker-widget.dropdown-menu.open { |
|
13492 display: inline-block; |
|
13493 } |
|
13494 .bootstrap-timepicker-widget.dropdown-menu:before { |
|
13495 border-bottom: 7px solid rgba(0, 0, 0, 0.2); |
|
13496 border-left: 7px solid transparent; |
|
13497 border-right: 7px solid transparent; |
|
13498 content: ""; |
|
13499 display: inline-block; |
|
13500 position: absolute; |
|
13501 } |
|
13502 .bootstrap-timepicker-widget.dropdown-menu:after { |
|
13503 border-bottom: 6px solid #FFF; |
|
13504 border-left: 6px solid transparent; |
|
13505 border-right: 6px solid transparent; |
|
13506 content: ""; |
|
13507 display: inline-block; |
|
13508 position: absolute; |
|
13509 } |
|
13510 .bootstrap-timepicker-widget.timepicker-orient-left:before { |
|
13511 left: 6px; |
|
13512 } |
|
13513 .bootstrap-timepicker-widget.timepicker-orient-left:after { |
|
13514 left: 7px; |
|
13515 } |
|
13516 .bootstrap-timepicker-widget.timepicker-orient-right:before { |
|
13517 right: 6px; |
|
13518 } |
|
13519 .bootstrap-timepicker-widget.timepicker-orient-right:after { |
|
13520 right: 7px; |
|
13521 } |
|
13522 .bootstrap-timepicker-widget.timepicker-orient-top:before { |
|
13523 top: -7px; |
|
13524 } |
|
13525 .bootstrap-timepicker-widget.timepicker-orient-top:after { |
|
13526 top: -6px; |
|
13527 } |
|
13528 .bootstrap-timepicker-widget.timepicker-orient-bottom:before { |
|
13529 bottom: -7px; |
|
13530 border-bottom: 0; |
|
13531 border-top: 7px solid #999; |
|
13532 } |
|
13533 .bootstrap-timepicker-widget.timepicker-orient-bottom:after { |
|
13534 bottom: -6px; |
|
13535 border-bottom: 0; |
|
13536 border-top: 6px solid #fff; |
|
13537 } |
|
13538 .bootstrap-timepicker-widget a.btn, |
|
13539 .bootstrap-timepicker-widget input { |
|
13540 border-radius: 4px; |
|
13541 } |
|
13542 .bootstrap-timepicker-widget table { |
|
13543 width: 100%; |
|
13544 margin: 0; |
|
13545 } |
|
13546 .bootstrap-timepicker-widget table table td { |
|
13547 text-align: center; |
|
13548 height: 30px; |
|
13549 margin: 0; |
|
13550 padding: 2px; |
|
13551 } |
|
13552 .bootstrap-timepicker-widget table table td:not(.separator) { |
|
13553 min-width: 30px; |
|
13554 } |
|
13555 .bootstrap-timepicker-widget table table td span { |
|
13556 width: 100%; |
|
13557 } |
|
13558 .bootstrap-timepicker-widget table table td a { |
|
13559 border: 1px transparent solid; |
|
13560 width: 100%; |
|
13561 display: inline-block; |
|
13562 margin: 0; |
|
13563 padding: 8px 0; |
|
13564 outline: 0; |
|
13565 color: #333; |
|
13566 } |
|
13567 .bootstrap-timepicker-widget table table td a:hover { |
|
13568 text-decoration: none; |
|
13569 background-color: #eee; |
|
13570 border-radius: 4px; |
|
13571 border-color: #ddd; |
|
13572 } |
|
13573 .bootstrap-timepicker-widget table table td a i { |
|
13574 margin-top: 2px; |
|
13575 font-size: 18px; |
|
13576 } |
|
13577 .bootstrap-timepicker-widget table table td input { |
|
13578 width: 25px; |
|
13579 margin: 0; |
|
13580 text-align: center; |
|
13581 } |
|
13582 @media (min-width: 767px) { |
|
13583 .bootstrap-timepicker-widget.modal { |
|
13584 width: 200px; |
|
13585 margin-left: -100px; |
|
13586 } |
|
13587 } |
|
13588 .bootstrap-timepicker-widget .modal-content { |
|
13589 padding: 4px; |
|
13590 } |
|
13591 /* |
|
13592 * Note editor |
|
13593 */ |
|
13594 .note-editor { |
|
13595 border: 1px solid #a9a9a9; |
|
13596 } |
|
13597 .note-editor.fullscreen { |
|
13598 position: fixed; |
|
13599 top: 0; |
|
13600 left: 0; |
|
13601 z-index: 1050; |
|
13602 width: 100%; |
|
13603 } |
|
13604 .note-editor.fullscreen.fullscreen .note-editable { |
|
13605 background-color: #fff; |
|
13606 } |
|
13607 .note-editor.codeview .note-editable, |
|
13608 .note-editor.fullscreen .note-resizebar { |
|
13609 display: none; |
|
13610 } |
|
13611 .note-editor.codeview .note-codeable { |
|
13612 display: block; |
|
13613 } |
|
13614 .note-editor .note-toolbar { |
|
13615 padding-bottom: 5px; |
|
13616 padding-left: 5px; |
|
13617 margin: 0; |
|
13618 background-color: #f5f5f5; |
|
13619 border-bottom: 1px solid #a9a9a9; |
|
13620 } |
|
13621 .note-editor .note-toolbar > .btn-group { |
|
13622 margin-top: 5px; |
|
13623 margin-right: 5px; |
|
13624 margin-left: 0; |
|
13625 } |
|
13626 .note-editor .note-toolbar .note-table .dropdown-menu { |
|
13627 min-width: 0; |
|
13628 padding: 5px; |
|
13629 } |
|
13630 .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker { |
|
13631 font-size: 18px; |
|
13632 } |
|
13633 .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { |
|
13634 position: absolute!important; |
|
13635 z-index: 3; |
|
13636 width: 10em; |
|
13637 height: 10em; |
|
13638 cursor: pointer; |
|
13639 } |
|
13640 .note-editor .note-toolbar .note-table .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { |
|
13641 position: relative!important; |
|
13642 z-index: 1; |
|
13643 width: 5em; |
|
13644 height: 5em; |
|
13645 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
13646 } |
|
13647 .note-editor .note-toolbar .note-table .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { |
|
13648 position: absolute!important; |
|
13649 z-index: 2; |
|
13650 width: 1em; |
|
13651 height: 1em; |
|
13652 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
13653 } |
|
13654 .note-editor .note-toolbar .note-style blockquote, |
|
13655 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h1, |
|
13656 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h2, |
|
13657 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h3, |
|
13658 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h4, |
|
13659 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h5, |
|
13660 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h6 { |
|
13661 margin: 0; |
|
13662 } |
|
13663 .note-editor .note-toolbar .note-color .dropdown-toggle { |
|
13664 width: 20px; |
|
13665 padding-left: 5px; |
|
13666 } |
|
13667 .note-editor .note-toolbar .note-color .dropdown-menu { |
|
13668 min-width: 290px; |
|
13669 } |
|
13670 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group { |
|
13671 margin: 0; |
|
13672 } |
|
13673 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child { |
|
13674 margin: 0 5px; |
|
13675 } |
|
13676 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { |
|
13677 margin: 2px 7px; |
|
13678 font-size: 12px; |
|
13679 text-align: center; |
|
13680 border-bottom: 1px solid #eee; |
|
13681 } |
|
13682 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { |
|
13683 padding: 0 3px; |
|
13684 margin: 5px; |
|
13685 font-size: 12px; |
|
13686 cursor: pointer; |
|
13687 border-radius: 5px; |
|
13688 } |
|
13689 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { |
|
13690 background: #eee; |
|
13691 } |
|
13692 .note-editor .note-toolbar .note-para .dropdown-menu { |
|
13693 min-width: 153px; |
|
13694 padding: 5px; |
|
13695 } |
|
13696 .note-editor .note-toolbar .note-para .note-para li:first-child { |
|
13697 margin-bottom: 5px; |
|
13698 } |
|
13699 .note-editor .note-statusbar { |
|
13700 background-color: #f5f5f5; |
|
13701 } |
|
13702 .note-editor .note-statusbar .note-resizebar { |
|
13703 width: 100%; |
|
13704 height: 8px; |
|
13705 cursor: s-resize; |
|
13706 } |
|
13707 .note-editor .note-statusbar .note-resizebar .note-icon-bar { |
|
13708 width: 20px; |
|
13709 margin: 1px auto; |
|
13710 border-top: 1px solid #a9a9a9; |
|
13711 } |
|
13712 .note-editor .note-popover .popover { |
|
13713 max-width: none; |
|
13714 } |
|
13715 .note-editor .note-popover .popover .popover-content { |
|
13716 padding: 5px; |
|
13717 } |
|
13718 .note-editor .note-popover .popover .popover-content a { |
|
13719 display: inline-block; |
|
13720 max-width: 200px; |
|
13721 overflow: hidden; |
|
13722 text-overflow: ellipsis; |
|
13723 white-space: nowrap; |
|
13724 vertical-align: middle; |
|
13725 } |
|
13726 .note-editor .note-popover .popover .popover-content .btn-group + .btn-group { |
|
13727 margin-left: 5px; |
|
13728 } |
|
13729 .note-editor .note-popover .popover .arrow { |
|
13730 left: 20px; |
|
13731 } |
|
13732 .note-editor .note-handle .note-control-selection { |
|
13733 position: absolute; |
|
13734 display: none; |
|
13735 border: 1px solid #000; |
|
13736 } |
|
13737 .note-editor .note-handle .note-control-selection > div { |
|
13738 position: absolute; |
|
13739 } |
|
13740 .note-editor .note-handle .note-control-selection .note-control-selection-bg { |
|
13741 width: 100%; |
|
13742 height: 100%; |
|
13743 background-color: #000; |
|
13744 -webkit-opacity: .3; |
|
13745 -khtml-opacity: .3; |
|
13746 -moz-opacity: .3; |
|
13747 opacity: .3; |
|
13748 -ms-filter: alpha(opacity=30); |
|
13749 filter: alpha(opacity=30); |
|
13750 } |
|
13751 .note-editor .note-handle .note-control-selection .note-control-handle, |
|
13752 .note-editor .note-handle .note-control-selection .note-control-holder { |
|
13753 width: 7px; |
|
13754 height: 7px; |
|
13755 border: 1px solid #000; |
|
13756 } |
|
13757 .note-editor .note-handle .note-control-selection .note-control-sizing { |
|
13758 width: 7px; |
|
13759 height: 7px; |
|
13760 background-color: #fff; |
|
13761 border: 1px solid #000; |
|
13762 } |
|
13763 .note-editor .note-handle .note-control-selection .note-control-nw { |
|
13764 top: -5px; |
|
13765 left: -5px; |
|
13766 border-right: 0; |
|
13767 border-bottom: 0; |
|
13768 } |
|
13769 .note-editor .note-handle .note-control-selection .note-control-ne { |
|
13770 top: -5px; |
|
13771 right: -5px; |
|
13772 border-bottom: 0; |
|
13773 border-left: 0; |
|
13774 } |
|
13775 .note-editor .note-handle .note-control-selection .note-control-sw { |
|
13776 bottom: -5px; |
|
13777 left: -5px; |
|
13778 border-top: 0; |
|
13779 border-right: 0; |
|
13780 } |
|
13781 .note-editor .note-handle .note-control-selection .note-control-se { |
|
13782 right: -5px; |
|
13783 bottom: -5px; |
|
13784 cursor: se-resize; |
|
13785 } |
|
13786 .note-editor .note-handle .note-control-selection .note-control-selection-info { |
|
13787 right: 0; |
|
13788 bottom: 0; |
|
13789 padding: 5px; |
|
13790 margin: 5px; |
|
13791 font-size: 12px; |
|
13792 color: #fff; |
|
13793 background-color: #000; |
|
13794 border-radius: 5px; |
|
13795 -webkit-opacity: .7; |
|
13796 -khtml-opacity: .7; |
|
13797 -moz-opacity: .7; |
|
13798 opacity: .7; |
|
13799 -ms-filter: alpha(opacity=70); |
|
13800 filter: alpha(opacity=70); |
|
13801 } |
|
13802 .note-editor .note-dialog > div { |
|
13803 display: none; |
|
13804 } |
|
13805 .note-editor .note-dialog .note-image-dialog .note-dropzone { |
|
13806 min-height: 200px; |
|
13807 font-size: 30px; |
|
13808 line-height: 6; |
|
13809 color: #d3d3d3; |
|
13810 text-align: center; |
|
13811 border: 4px dashed #d3d3d3; |
|
13812 } |
|
13813 .note-editor .note-dialog .note-help-dialog { |
|
13814 font-size: 12px; |
|
13815 color: #ccc; |
|
13816 background: 0 0; |
|
13817 background-color: #222!important; |
|
13818 border: 0; |
|
13819 -webkit-opacity: .9; |
|
13820 -khtml-opacity: .9; |
|
13821 -moz-opacity: .9; |
|
13822 opacity: .9; |
|
13823 -ms-filter: alpha(opacity=90); |
|
13824 filter: alpha(opacity=90); |
|
13825 } |
|
13826 .note-editor .note-dialog .note-help-dialog .modal-content { |
|
13827 background: 0 0; |
|
13828 border: 1px solid #fff; |
|
13829 border-radius: 5px; |
|
13830 -webkit-box-shadow: none; |
|
13831 box-shadow: none; |
|
13832 } |
|
13833 .note-editor .note-dialog .note-help-dialog a { |
|
13834 font-size: 12px; |
|
13835 color: #fff; |
|
13836 } |
|
13837 .note-editor .note-dialog .note-help-dialog .title { |
|
13838 padding-bottom: 5px; |
|
13839 font-size: 14px; |
|
13840 font-weight: 700; |
|
13841 color: #fff; |
|
13842 border-bottom: #fff 1px solid; |
|
13843 } |
|
13844 .note-editor .note-dialog .note-help-dialog .modal-close { |
|
13845 font-size: 14px; |
|
13846 color: #dd0; |
|
13847 cursor: pointer; |
|
13848 } |
|
13849 .note-editor .note-dialog .note-help-dialog .note-shortcut-layout { |
|
13850 width: 100%; |
|
13851 } |
|
13852 .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td { |
|
13853 vertical-align: top; |
|
13854 } |
|
13855 .note-editor .note-dialog .note-help-dialog .note-shortcut { |
|
13856 margin-top: 8px; |
|
13857 } |
|
13858 .note-editor .note-dialog .note-help-dialog .note-shortcut th { |
|
13859 font-size: 13px; |
|
13860 color: #dd0; |
|
13861 text-align: left; |
|
13862 } |
|
13863 .note-editor .note-dialog .note-help-dialog .note-shortcut th:first-child { |
|
13864 min-width: 110px; |
|
13865 padding-right: 10px; |
|
13866 font-family: "Courier New"; |
|
13867 color: #dd0; |
|
13868 text-align: right; |
|
13869 } |
|
13870 .note-editor .note-editable { |
|
13871 padding: 10px; |
|
13872 overflow: scroll; |
|
13873 outline: 0; |
|
13874 } |
|
13875 .note-editor .note-codeable { |
|
13876 display: none; |
|
13877 width: 100%; |
|
13878 padding: 10px; |
|
13879 margin-bottom: 0; |
|
13880 font-family: Menlo, Monaco, monospace, sans-serif; |
|
13881 font-size: 14px; |
|
13882 color: #ccc; |
|
13883 background-color: #222; |
|
13884 border: 0; |
|
13885 border-radius: 0; |
|
13886 -webkit-box-shadow: none; |
|
13887 box-shadow: none; |
|
13888 -webkit-box-sizing: border-box; |
|
13889 -moz-box-sizing: border-box; |
|
13890 -ms-box-sizing: border-box; |
|
13891 box-sizing: border-box; |
|
13892 resize: none; |
|
13893 } |
|
13894 .note-editor .dropdown-menu { |
|
13895 min-width: 90px; |
|
13896 } |
|
13897 .note-editor .dropdown-menu.right { |
|
13898 right: 0; |
|
13899 left: auto; |
|
13900 } |
|
13901 .note-editor .dropdown-menu.right::before { |
|
13902 right: 9px; |
|
13903 left: auto!important; |
|
13904 } |
|
13905 .note-editor .dropdown-menu.right::after { |
|
13906 right: 10px; |
|
13907 left: auto!important; |
|
13908 } |
|
13909 .note-editor .dropdown-menu .dropdown-menu li a i { |
|
13910 color: #00bfff; |
|
13911 visibility: hidden; |
|
13912 } |
|
13913 .note-editor .dropdown-menu .dropdown-menu li a.checked i { |
|
13914 visibility: visible; |
|
13915 } |
|
13916 .note-editor .note-color-palette { |
|
13917 line-height: 1; |
|
13918 } |
|
13919 .note-editor .note-color-palette div .note-color-btn { |
|
13920 width: 17px; |
|
13921 height: 17px; |
|
13922 padding: 0; |
|
13923 margin: 0; |
|
13924 border: 1px solid #fff; |
|
13925 } |
|
13926 .note-editor .note-color-palette div .note-color-btn:hover { |
|
13927 border: 1px solid #000; |
|
13928 } |
|
13929 .no-padding .note-editor { |
|
13930 border: 0; |
|
13931 } |
|
13932 .note-editor .note-editable { |
|
13933 background-color: rgba(48, 126, 204, 0.05); |
|
13934 } |
|
13935 .note-editor .note-editable:focus { |
|
13936 background-color: #fff; |
|
13937 } |
|
13938 .note-editor .note-statusbar .note-resizebar { |
|
13939 border-top: 1px solid #DBDBDB; |
|
13940 } |
|
13941 .note-editor .note-statusbar:hover { |
|
13942 background: #EEE; |
|
13943 } |
|
13944 .note-editor .note-statusbar:active { |
|
13945 background: #eaeaea; |
|
13946 } |
|
13947 /* |
|
13948 * MD editor |
|
13949 */ |
|
13950 .md-editor { |
|
13951 display: block; |
|
13952 border: 1px solid #ddd; |
|
13953 } |
|
13954 .md-editor.active { |
|
13955 border-color: #66afe9; |
|
13956 outline: 0; |
|
13957 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); |
|
13958 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); |
|
13959 } |
|
13960 .md-editor .md-footer, |
|
13961 .md-editor > .md-header { |
|
13962 display: block; |
|
13963 padding: 6px 4px; |
|
13964 background: #f5f5f5; |
|
13965 } |
|
13966 .md-editor > .md-preview { |
|
13967 background: #fff; |
|
13968 border-top: 1px dashed #ddd; |
|
13969 border-bottom: 1px dashed #ddd; |
|
13970 min-height: 10px; |
|
13971 padding: 10px; |
|
13972 } |
|
13973 .md-editor > textarea { |
|
13974 font-family: Monaco, Menlo, Consolas, "Courier New", monospace; |
|
13975 font-size: 13px; |
|
13976 outline: 0; |
|
13977 outline: thin dotted \9; |
|
13978 margin: 0; |
|
13979 display: block; |
|
13980 width: 100%; |
|
13981 border: 0; |
|
13982 padding: 10px; |
|
13983 border-top: 1px dashed #ddd; |
|
13984 border-bottom: 1px dashed #ddd; |
|
13985 border-radius: 0; |
|
13986 -webkit-box-shadow: none; |
|
13987 box-shadow: none; |
|
13988 background: #eee; |
|
13989 } |
|
13990 .md-editor > textarea:focus { |
|
13991 -webkit-box-shadow: none; |
|
13992 box-shadow: none; |
|
13993 background: #fff; |
|
13994 } |
|
13995 /* |
|
13996 * Twitter Typeahead |
|
13997 */ |
|
13998 .twitter-typeahead .tt-hint, |
|
13999 .twitter-typeahead .tt-query { |
|
14000 margin-bottom: 0; |
|
14001 } |
|
14002 .tt-dropdown-menu { |
|
14003 min-width: 160px; |
|
14004 margin-top: 2px; |
|
14005 padding: 5px 0; |
|
14006 background-color: #fff; |
|
14007 border: 1px solid #bfbfbf; |
|
14008 border: 1px solid rgba(0, 0, 0, 0.2); |
|
14009 *border-right-width: 2px; |
|
14010 *border-bottom-width: 2px; |
|
14011 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
14012 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
14013 -webkit-background-clip: padding-box; |
|
14014 background-clip: padding-box; |
|
14015 } |
|
14016 .tt-suggestion { |
|
14017 display: block; |
|
14018 padding: 3px 20px; |
|
14019 } |
|
14020 .tt-suggestion.tt-is-under-cursor { |
|
14021 color: #fff; |
|
14022 background-color: #0081c2; |
|
14023 } |
|
14024 .tt-suggestion.tt-is-under-cursor a { |
|
14025 color: #fff; |
|
14026 } |
|
14027 .tt-suggestion p { |
|
14028 margin: 0; |
|
14029 } |
|
14030 /* |
|
14031 * DropZone |
|
14032 */ |
|
14033 .dropzone, |
|
14034 .dropzone *, |
|
14035 .dropzone-previews, |
|
14036 .dropzone-previews * { |
|
14037 -webkit-box-sizing: border-box; |
|
14038 -moz-box-sizing: border-box; |
|
14039 box-sizing: border-box; |
|
14040 } |
|
14041 .dropzone .dz-preview, |
|
14042 .dropzone-previews .dz-preview { |
|
14043 background: rgba(255, 255, 255, 0.8); |
|
14044 position: relative; |
|
14045 display: inline-block; |
|
14046 margin: 10px; |
|
14047 vertical-align: top; |
|
14048 border: 1px solid #acacac; |
|
14049 padding: 6px; |
|
14050 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); |
|
14051 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); |
|
14052 font-size: 14px; |
|
14053 } |
|
14054 .dropzone .dz-preview.dz-file-preview, |
|
14055 .dropzone-previews .dz-preview.dz-file-preview { |
|
14056 display: none; |
|
14057 } |
|
14058 .dropzone .dz-preview .dz-details, |
|
14059 .dropzone-previews .dz-preview .dz-details { |
|
14060 width: 100px; |
|
14061 height: 100px; |
|
14062 position: relative; |
|
14063 background: #ebebeb; |
|
14064 padding: 5px; |
|
14065 margin-bottom: 22px; |
|
14066 } |
|
14067 .dropzone .dz-preview .dz-details .dz-filename, |
|
14068 .dropzone-previews .dz-preview .dz-details .dz-filename { |
|
14069 overflow: hidden; |
|
14070 height: 100%; |
|
14071 } |
|
14072 .dropzone .dz-preview .dz-details img, |
|
14073 .dropzone-previews .dz-preview .dz-details img { |
|
14074 position: absolute; |
|
14075 top: 0; |
|
14076 left: 0; |
|
14077 width: 100px; |
|
14078 height: 100px; |
|
14079 } |
|
14080 .dropzone .dz-preview .dz-details .dz-size, |
|
14081 .dropzone-previews .dz-preview .dz-details .dz-size { |
|
14082 position: absolute; |
|
14083 bottom: -28px; |
|
14084 left: 3px; |
|
14085 height: 28px; |
|
14086 line-height: 28px; |
|
14087 } |
|
14088 .dropzone .dz-preview.dz-error .dz-error-mark, |
|
14089 .dropzone-previews .dz-preview.dz-error .dz-error-mark, |
|
14090 .dropzone .dz-preview.dz-success .dz-success-mark, |
|
14091 .dropzone-previews .dz-preview.dz-success .dz-success-mark { |
|
14092 display: block; |
|
14093 opacity: 1; |
|
14094 -ms-filter: none; |
|
14095 -webkit-filter: none; |
|
14096 filter: none; |
|
14097 } |
|
14098 .dropzone .dz-preview:hover .dz-details img, |
|
14099 .dropzone-previews .dz-preview:hover .dz-details img { |
|
14100 display: none; |
|
14101 } |
|
14102 .dropzone .dz-preview .dz-error-mark, |
|
14103 .dropzone-previews .dz-preview .dz-error-mark, |
|
14104 .dropzone .dz-preview .dz-success-mark, |
|
14105 .dropzone-previews .dz-preview .dz-success-mark { |
|
14106 display: block; |
|
14107 position: absolute; |
|
14108 width: 40px; |
|
14109 height: 40px; |
|
14110 font-size: 30px; |
|
14111 text-align: center; |
|
14112 right: -10px; |
|
14113 top: -10px; |
|
14114 opacity: 0; |
|
14115 -ms-filter: "alpha(Opacity=0)"; |
|
14116 filter: alpha(opacity=0); |
|
14117 -webkit-transition: opacity 0.4s ease-in-out; |
|
14118 transition: opacity 0.4s ease-in-out; |
|
14119 background-image: url(../img/dropzone/spritemap.png); |
|
14120 background-repeat: no-repeat; |
|
14121 } |
|
14122 .dropzone .dz-preview .dz-error-mark span, |
|
14123 .dropzone-previews .dz-preview .dz-error-mark span, |
|
14124 .dropzone .dz-preview .dz-success-mark span, |
|
14125 .dropzone-previews .dz-preview .dz-success-mark span { |
|
14126 display: none; |
|
14127 } |
|
14128 .dropzone .dz-preview .dz-success-mark, |
|
14129 .dropzone-previews .dz-preview .dz-success-mark { |
|
14130 color: #8cc657; |
|
14131 background-position: -268px -163px; |
|
14132 } |
|
14133 .dropzone .dz-preview .dz-error-mark, |
|
14134 .dropzone-previews .dz-preview .dz-error-mark { |
|
14135 color: #ee162d; |
|
14136 background-position: -268px -123px; |
|
14137 } |
|
14138 .dropzone .dz-preview.dz-error .dz-progress .dz-upload, |
|
14139 .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { |
|
14140 background: #ee1e2d; |
|
14141 } |
|
14142 .dropzone .dz-preview .dz-progress, |
|
14143 .dropzone-previews .dz-preview .dz-progress { |
|
14144 position: absolute; |
|
14145 top: 100px; |
|
14146 left: 6px; |
|
14147 right: 6px; |
|
14148 height: 6px; |
|
14149 background: #d7d7d7; |
|
14150 display: none; |
|
14151 } |
|
14152 .dropzone .dz-preview .dz-progress .dz-upload, |
|
14153 .dropzone-previews .dz-preview .dz-progress .dz-upload { |
|
14154 position: absolute; |
|
14155 bottom: 0; |
|
14156 background-color: #8cc657; |
|
14157 -webkit-animation: loading .4s linear infinite; |
|
14158 -ms-animation: loading .4s linear infinite; |
|
14159 animation: loading .4s linear infinite; |
|
14160 -webkit-transition: width 0.3s ease-in-out; |
|
14161 transition: width 0.3s ease-in-out; |
|
14162 border-radius: 2px; |
|
14163 top: 0; |
|
14164 left: 0; |
|
14165 width: 0; |
|
14166 height: 100%; |
|
14167 background-image: url(../img/dropzone/spritemap.png); |
|
14168 background-repeat: repeat-x; |
|
14169 background-position: 0 -400px; |
|
14170 } |
|
14171 .dropzone .dz-preview.dz-processing .dz-progress, |
|
14172 .dropzone-previews .dz-preview.dz-processing .dz-progress { |
|
14173 display: block; |
|
14174 } |
|
14175 .dropzone .dz-preview .dz-error-message, |
|
14176 .dropzone-previews .dz-preview .dz-error-message { |
|
14177 position: absolute; |
|
14178 top: -5px; |
|
14179 left: -20px; |
|
14180 background: rgba(245, 245, 245, 0.8); |
|
14181 padding: 8px 10px; |
|
14182 color: #800; |
|
14183 min-width: 140px; |
|
14184 max-width: 500px; |
|
14185 z-index: 500; |
|
14186 display: block; |
|
14187 opacity: 0; |
|
14188 -ms-filter: "alpha(Opacity=0)"; |
|
14189 filter: alpha(opacity=0); |
|
14190 -webkit-transition: opacity 0.3s ease-in-out; |
|
14191 transition: opacity 0.3s ease-in-out; |
|
14192 } |
|
14193 .dropzone .dz-preview:hover.dz-error .dz-error-message, |
|
14194 .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { |
|
14195 display: block; |
|
14196 opacity: 1; |
|
14197 -ms-filter: none; |
|
14198 -webkit-filter: none; |
|
14199 filter: none; |
|
14200 } |
|
14201 .dropzone .dz-preview.dz-image-preview:hover .dz-details img, |
|
14202 .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { |
|
14203 display: block; |
|
14204 opacity: .1; |
|
14205 -ms-filter: "alpha(Opacity=10)"; |
|
14206 filter: alpha(opacity=10); |
|
14207 } |
|
14208 .dropzone .dz-preview.dz-success .dz-progress, |
|
14209 .dropzone-previews .dz-preview.dz-success .dz-progress { |
|
14210 display: block; |
|
14211 opacity: 0; |
|
14212 -ms-filter: "alpha(Opacity=0)"; |
|
14213 filter: alpha(opacity=0); |
|
14214 -webkit-transition: opacity 0.4s ease-in-out; |
|
14215 transition: opacity 0.4s ease-in-out; |
|
14216 } |
|
14217 .dropzone a.dz-remove, |
|
14218 .dropzone-previews a.dz-remove { |
|
14219 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee)); |
|
14220 background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eee)); |
|
14221 background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%); |
|
14222 background-image: linear-gradient(top, #fafafa 0, #eee 100%); |
|
14223 border-radius: 2px; |
|
14224 border: 1px solid #eee; |
|
14225 text-decoration: none; |
|
14226 display: block; |
|
14227 padding: 4px 5px; |
|
14228 text-align: center; |
|
14229 color: #aaa; |
|
14230 margin-top: 26px; |
|
14231 } |
|
14232 .dropzone a.dz-remove:hover, |
|
14233 .dropzone-previews a.dz-remove:hover { |
|
14234 color: #666; |
|
14235 } |
|
14236 .dropzone { |
|
14237 position: relative; |
|
14238 padding: 1em; |
|
14239 border: 1px solid rgba(0, 0, 0, 0.03); |
|
14240 min-height: 360px; |
|
14241 border-radius: 3px; |
|
14242 background: rgba(0, 0, 0, 0.03); |
|
14243 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)); |
|
14244 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); |
|
14245 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); |
|
14246 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); |
|
14247 background-color: #FAFCFD; |
|
14248 -webkit-background-size: 16px 16px; |
|
14249 background-size: 16px 16px; |
|
14250 } |
|
14251 .dropzone .dz-drag-hover { |
|
14252 background: rgba(0, 0, 0, 0.04); |
|
14253 } |
|
14254 .dropzone.dz-clickable, |
|
14255 .dropzone.dz-clickable .dz-message, |
|
14256 .dropzone.dz-clickable .dz-message span { |
|
14257 cursor: pointer; |
|
14258 } |
|
14259 .dropzone.dz-clickable * { |
|
14260 cursor: default; |
|
14261 } |
|
14262 .dropzone .dz-message { |
|
14263 opacity: 1; |
|
14264 -ms-filter: none; |
|
14265 -webkit-filter: none; |
|
14266 filter: none; |
|
14267 } |
|
14268 .dropzone .dz-drag-hover { |
|
14269 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))); |
|
14270 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)); |
|
14271 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)); |
|
14272 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)); |
|
14273 background-color: #fafafa; |
|
14274 -webkit-background-size: 22px 22px; |
|
14275 background-size: 22px 22px; |
|
14276 border: 5px dashed #ccc; |
|
14277 } |
|
14278 .dropzone .dz-default.dz-message { |
|
14279 opacity: 1; |
|
14280 -ms-filter: none; |
|
14281 -webkit-filter: none; |
|
14282 filter: none; |
|
14283 -webkit-transition: opacity 0.3s ease-in-out; |
|
14284 transition: opacity 0.3s ease-in-out; |
|
14285 background-image: url(../img/dropzone/spritemap.png); |
|
14286 background-repeat: no-repeat; |
|
14287 background-position: 0 0; |
|
14288 position: absolute; |
|
14289 width: 428px; |
|
14290 height: 123px; |
|
14291 margin-left: -214px; |
|
14292 margin-top: -61.5px; |
|
14293 top: 50%; |
|
14294 left: 50%; |
|
14295 } |
|
14296 .dropzone .dz-default.dz-message span { |
|
14297 display: none; |
|
14298 } |
|
14299 .dropzone.dz-square .dz-default.dz-message { |
|
14300 background-position: 0 -123px; |
|
14301 width: 268px; |
|
14302 margin-left: -134px; |
|
14303 height: 174px; |
|
14304 margin-top: -87px; |
|
14305 } |
|
14306 .dropzone.dz-drag-hover .dz-message { |
|
14307 opacity: .15; |
|
14308 -ms-filter: "alpha(Opacity=15)"; |
|
14309 filter: alpha(opacity=15); |
|
14310 } |
|
14311 .dropzone.dz-started .dz-message { |
|
14312 display: block; |
|
14313 opacity: 0; |
|
14314 -ms-filter: "alpha(Opacity=0)"; |
|
14315 filter: alpha(opacity=0); |
|
14316 } |
|
14317 .irs { |
|
14318 position: relative; |
|
14319 display: block; |
|
14320 height: 40px; |
|
14321 } |
|
14322 .irs-line { |
|
14323 position: relative; |
|
14324 display: block; |
|
14325 overflow: hidden; |
|
14326 height: 8px; |
|
14327 top: 25px; |
|
14328 background: #eee; |
|
14329 } |
|
14330 .irs-line-left, |
|
14331 .irs-line-mid, |
|
14332 .irs-line-right { |
|
14333 position: absolute; |
|
14334 display: block; |
|
14335 top: 0; |
|
14336 height: 8px; |
|
14337 } |
|
14338 .irs-line-left { |
|
14339 left: 0; |
|
14340 width: 10%; |
|
14341 } |
|
14342 .irs-line-mid { |
|
14343 left: 10%; |
|
14344 width: 80%; |
|
14345 } |
|
14346 .irs-line-right { |
|
14347 right: 0; |
|
14348 width: 10%; |
|
14349 } |
|
14350 .irs-diapason { |
|
14351 position: absolute; |
|
14352 display: block; |
|
14353 left: 0; |
|
14354 width: 100%; |
|
14355 } |
|
14356 .irs-slider { |
|
14357 position: absolute; |
|
14358 display: block; |
|
14359 cursor: default; |
|
14360 z-index: 1; |
|
14361 width: 10px; |
|
14362 height: 22px; |
|
14363 top: 17px; |
|
14364 border: 1px solid #fff; |
|
14365 background: #858585; |
|
14366 } |
|
14367 .irs-slider:hover { |
|
14368 background: #6c6c6c; |
|
14369 } |
|
14370 .irs-slider.single { |
|
14371 left: 10px; |
|
14372 } |
|
14373 .irs-slider.single:before { |
|
14374 position: absolute; |
|
14375 display: block; |
|
14376 content: ""; |
|
14377 top: -50%; |
|
14378 left: -150%; |
|
14379 width: 400%; |
|
14380 height: 200%; |
|
14381 background: rgba(0, 0, 0, 0); |
|
14382 } |
|
14383 .irs-slider.from { |
|
14384 left: 100px; |
|
14385 } |
|
14386 .irs-slider.from:before { |
|
14387 position: absolute; |
|
14388 display: block; |
|
14389 content: ""; |
|
14390 top: -50%; |
|
14391 left: -300%; |
|
14392 width: 400%; |
|
14393 height: 200%; |
|
14394 background: rgba(0, 0, 0, 0); |
|
14395 } |
|
14396 .irs-slider.to { |
|
14397 left: 300px; |
|
14398 } |
|
14399 .irs-slider.to:before { |
|
14400 position: absolute; |
|
14401 display: block; |
|
14402 content: ""; |
|
14403 top: -50%; |
|
14404 left: 0; |
|
14405 width: 400%; |
|
14406 height: 200%; |
|
14407 background: rgba(0, 0, 0, 0); |
|
14408 } |
|
14409 .irs-slider.last { |
|
14410 z-index: 2; |
|
14411 } |
|
14412 .irs-max, |
|
14413 .irs-min { |
|
14414 color: #999; |
|
14415 font-size: 12px; |
|
14416 line-height: 1.333; |
|
14417 text-shadow: none; |
|
14418 top: 0; |
|
14419 padding: 1px 3px; |
|
14420 background: rgba(0, 0, 0, 0.1); |
|
14421 border-radius: 0; |
|
14422 } |
|
14423 .lt-ie9 .irs-max, |
|
14424 .lt-ie9 .irs-min { |
|
14425 background: #bfbfbf; |
|
14426 } |
|
14427 .irs-min { |
|
14428 position: absolute; |
|
14429 display: block; |
|
14430 left: 0; |
|
14431 cursor: default; |
|
14432 } |
|
14433 .irs-max { |
|
14434 position: absolute; |
|
14435 display: block; |
|
14436 right: 0; |
|
14437 cursor: default; |
|
14438 } |
|
14439 .irs-from, |
|
14440 .irs-single, |
|
14441 .irs-to { |
|
14442 position: absolute; |
|
14443 display: block; |
|
14444 top: 0; |
|
14445 left: 0; |
|
14446 cursor: default; |
|
14447 white-space: nowrap; |
|
14448 } |
|
14449 .lt-ie9 .irs-from, |
|
14450 .lt-ie9 .irs-single, |
|
14451 .lt-ie9 .irs-to { |
|
14452 background: #999; |
|
14453 } |
|
14454 .irs-grid { |
|
14455 position: absolute; |
|
14456 display: none; |
|
14457 bottom: 0; |
|
14458 left: 0; |
|
14459 width: 100%; |
|
14460 height: 20px; |
|
14461 } |
|
14462 .irs-with-grid { |
|
14463 height: 60px; |
|
14464 } |
|
14465 .irs-with-grid .irs-grid { |
|
14466 display: block; |
|
14467 } |
|
14468 .irs-grid-pol { |
|
14469 position: absolute; |
|
14470 top: 0; |
|
14471 left: 0; |
|
14472 width: 1px; |
|
14473 height: 8px; |
|
14474 background: #99a4ac; |
|
14475 } |
|
14476 .irs-grid-pol.small { |
|
14477 height: 4px; |
|
14478 } |
|
14479 .irs-grid-text { |
|
14480 position: absolute; |
|
14481 bottom: 0; |
|
14482 left: 0; |
|
14483 width: 100px; |
|
14484 white-space: nowrap; |
|
14485 text-align: center; |
|
14486 font-size: 9px; |
|
14487 line-height: 9px; |
|
14488 color: #99a4ac; |
|
14489 } |
|
14490 .irs-diapason { |
|
14491 background: #3276b1; |
|
14492 height: 8px; |
|
14493 top: 25px; |
|
14494 } |
|
14495 .irs .irs-from, |
|
14496 .irs .irs-single, |
|
14497 .irs .irs-to { |
|
14498 color: #fff; |
|
14499 font-size: 10px; |
|
14500 line-height: 1.333; |
|
14501 text-shadow: none; |
|
14502 padding: 1px 5px; |
|
14503 background: rgba(0, 0, 0, 0.4); |
|
14504 border-radius: 0; |
|
14505 } |
|
14506 #irs-active-slider { |
|
14507 background: #686868; |
|
14508 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0; |
|
14509 box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0; |
|
14510 width: 12px; |
|
14511 height: 24px; |
|
14512 top: 16px; |
|
14513 } |
|
14514 /* |
|
14515 * Google maps |
|
14516 */ |
|
14517 .google_maps { |
|
14518 width: 100%; |
|
14519 height: 350px; |
|
14520 position: relative; |
|
14521 } |
|
14522 .google_maps * { |
|
14523 box-sizing: content-box; |
|
14524 -webkit-box-sizing: content-box; |
|
14525 -moz-box-sizing: content-box; |
|
14526 } |
|
14527 .google_maps img { |
|
14528 max-width: none; |
|
14529 } |
|
14530 /* |
|
14531 * JQuery-UI for Bootstrap |
|
14532 */ |
|
14533 .ui-helper-hidden { |
|
14534 display: none; |
|
14535 } |
|
14536 .ui-helper-hidden-accessible { |
|
14537 border: 0; |
|
14538 clip: rect(0 0 0 0); |
|
14539 height: 1px; |
|
14540 margin: -1px; |
|
14541 overflow: hidden; |
|
14542 padding: 0; |
|
14543 position: absolute; |
|
14544 width: 1px; |
|
14545 } |
|
14546 .ui-helper-reset { |
|
14547 margin: 0; |
|
14548 padding: 0; |
|
14549 border: 0; |
|
14550 outline: 0; |
|
14551 line-height: 1.3; |
|
14552 text-decoration: none; |
|
14553 font-size: 100%; |
|
14554 list-style: none; |
|
14555 } |
|
14556 .ui-helper-clearfix { |
|
14557 display: block; |
|
14558 min-height: 0; |
|
14559 } |
|
14560 .ui-helper-clearfix:after, |
|
14561 .ui-helper-clearfix:before { |
|
14562 content: ""; |
|
14563 display: table; |
|
14564 border-collapse: collapse; |
|
14565 } |
|
14566 .ui-helper-clearfix:after { |
|
14567 content: "."; |
|
14568 display: block; |
|
14569 height: 0; |
|
14570 clear: both; |
|
14571 visibility: hidden; |
|
14572 } |
|
14573 * html .ui-helper-clearfix { |
|
14574 height: 1%; |
|
14575 } |
|
14576 .ui-helper-zfix { |
|
14577 width: 100%; |
|
14578 height: 100%; |
|
14579 top: 0; |
|
14580 left: 0; |
|
14581 position: absolute; |
|
14582 opacity: 0; |
|
14583 filter: alpha(opacity=0); |
|
14584 } |
|
14585 .ui-front { |
|
14586 z-index: 100; |
|
14587 } |
|
14588 .ui-state-disabled { |
|
14589 cursor: default !important; |
|
14590 } |
|
14591 .ui-icon { |
|
14592 display: block; |
|
14593 width: 16px; |
|
14594 height: 16px; |
|
14595 text-indent: -99999px; |
|
14596 overflow: hidden; |
|
14597 background-repeat: no-repeat; |
|
14598 } |
|
14599 .ui-sortable { |
|
14600 overflow: auto; |
|
14601 overflow-x: hidden; |
|
14602 } |
|
14603 .ui-sortable .ui-sortable-helper { |
|
14604 background-color: #525252; |
|
14605 } |
|
14606 .ui-sortable .ui-sortable-placeholder { |
|
14607 visibility: visible!important; |
|
14608 background-color: #d5e7ec; |
|
14609 } |
|
14610 .ui-sortable .ui-sortable-handle { |
|
14611 cursor: move; |
|
14612 } |
|
14613 /* |
|
14614 * UI widget |
|
14615 */ |
|
14616 .ui-widget { |
|
14617 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
14618 font-size: 13px; |
|
14619 } |
|
14620 .ui-widget :active { |
|
14621 outline: 0; |
|
14622 } |
|
14623 .ui-widget .ui-widget { |
|
14624 font-size: 13px; |
|
14625 } |
|
14626 .ui-widget button, |
|
14627 .ui-widget input, |
|
14628 .ui-widget select, |
|
14629 .ui-widget textarea { |
|
14630 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
14631 font-size: inherit; |
|
14632 } |
|
14633 .ui-widget-content { |
|
14634 border: 1px solid #aaa; |
|
14635 background: #fff; |
|
14636 color: #404040; |
|
14637 } |
|
14638 .ui-widget-content .ui-icon { |
|
14639 background: none!important; |
|
14640 } |
|
14641 .ui-widget-header { |
|
14642 font-weight: 700; |
|
14643 background-color: #F5F5F5; |
|
14644 border-color: #DDD; |
|
14645 color: #333; |
|
14646 } |
|
14647 .ui-widget-header a { |
|
14648 color: #222; |
|
14649 } |
|
14650 .ui-widget-overlay { |
|
14651 position: fixed; |
|
14652 background: #AAA; |
|
14653 width: 100%; |
|
14654 height: 200%; |
|
14655 top: 0; |
|
14656 left: 0; |
|
14657 z-index: 999; |
|
14658 opacity: .3; |
|
14659 filter: alpha(opacity=30); |
|
14660 } |
|
14661 .ui-widget-shadow { |
|
14662 margin: -8px 0 0 -8px; |
|
14663 padding: 8px; |
|
14664 background: #aaa; |
|
14665 opacity: .3; |
|
14666 filter: alpha(opacity=30); |
|
14667 border-radius: 8px; |
|
14668 } |
|
14669 .ui-state-default, |
|
14670 .ui-widget-content .ui-state-default, |
|
14671 .ui-widget-header .ui-state-default { |
|
14672 color: #333; |
|
14673 background-color: #fff; |
|
14674 font-weight: 400; |
|
14675 border: 1px solid #ccc; |
|
14676 } |
|
14677 .ui-state-default a, |
|
14678 .ui-state-default a:link, |
|
14679 .ui-state-default a:visited { |
|
14680 color: #555; |
|
14681 text-decoration: none; |
|
14682 } |
|
14683 .ui-state-default, |
|
14684 .ui-widget-content .ui-state-default, |
|
14685 .ui-widget-header .ui-state-default { |
|
14686 text-shadow: none; |
|
14687 } |
|
14688 .ui-state-default, |
|
14689 .ui-state-error, |
|
14690 .ui-state-highlight { |
|
14691 position: relative; |
|
14692 border-width: 1px; |
|
14693 border-style: solid; |
|
14694 } |
|
14695 .ui-state-default p, |
|
14696 .ui-state-error p, |
|
14697 .ui-state-highlight p { |
|
14698 font-size: 13px; |
|
14699 font-weight: 400; |
|
14700 line-height: 18px; |
|
14701 margin: 7px 15px; |
|
14702 } |
|
14703 .ui-state-highlight, |
|
14704 .ui-widget-content .ui-state-highlight, |
|
14705 .ui-widget-header .ui-state-highlight { |
|
14706 color: #3a87ad; |
|
14707 background-color: #d9edf7; |
|
14708 border-color: #bce8f1; |
|
14709 } |
|
14710 .ui-state-highlight a, |
|
14711 .ui-widget-content .ui-state-highlight a, |
|
14712 .ui-widget-header .ui-state-highlight a { |
|
14713 color: #2d6987; |
|
14714 } |
|
14715 .ui-state-error, |
|
14716 .ui-widget-content .ui-state-error, |
|
14717 .ui-widget-header .ui-state-error { |
|
14718 color: #b94a48; |
|
14719 background-color: #f2dede; |
|
14720 border-color: #eed3d7; |
|
14721 } |
|
14722 .ui-state-error a, |
|
14723 .ui-state-error-text, |
|
14724 .ui-widget-content .ui-state-error a, |
|
14725 .ui-widget-content .ui-state-error-text, |
|
14726 .ui-widget-header .ui-state-error a, |
|
14727 .ui-widget-header .ui-state-error-text { |
|
14728 color: #953b39; |
|
14729 } |
|
14730 .ui-state-focus, |
|
14731 .ui-state-hover, |
|
14732 .ui-widget-content .ui-state-focus, |
|
14733 .ui-widget-content .ui-state-hover, |
|
14734 .ui-widget-header .ui-state-focus, |
|
14735 .ui-widget-header .ui-state-hover { |
|
14736 color: #333; |
|
14737 background-color: #ebebeb; |
|
14738 border-color: #adadad; |
|
14739 text-decoration: none; |
|
14740 } |
|
14741 .ui-state-hover a:hover, |
|
14742 .ui-state-hover a:link, |
|
14743 .ui-state-hover a:visited { |
|
14744 color: #333; |
|
14745 text-decoration: none; |
|
14746 } |
|
14747 .ui-widget-content .ui-state-active, |
|
14748 .ui-widget-header .ui-state-active { |
|
14749 border: 1px solid #adadad; |
|
14750 font-weight: 400; |
|
14751 color: #333; |
|
14752 } |
|
14753 .ui-state-active a, |
|
14754 .ui-state-active a:link, |
|
14755 .ui-state-active a:visited { |
|
14756 color: #333; |
|
14757 text-decoration: none; |
|
14758 } |
|
14759 .ui-state-disabled, |
|
14760 .ui-widget-content .ui-state-disabled, |
|
14761 .ui-widget-header .ui-state-disabled { |
|
14762 opacity: .35; |
|
14763 filter: alpha(opacity=35); |
|
14764 background-image: none; |
|
14765 } |
|
14766 .ui-state-disabled .ui-icon, |
|
14767 .ui-widget-content .ui-state-disabled .ui-icon, |
|
14768 .ui-widget-header .ui-state-disabled .ui-icon { |
|
14769 filter: alpha(opacity=35); |
|
14770 } |
|
14771 .ui-priority-primary, |
|
14772 .ui-widget-content .ui-priority-primary, |
|
14773 .ui-widget-header .ui-priority-primary { |
|
14774 font-weight: 700; |
|
14775 } |
|
14776 .ui-priority-secondary, |
|
14777 .ui-widget-content .ui-priority-secondary, |
|
14778 .ui-widget-header .ui-priority-secondary { |
|
14779 opacity: .7; |
|
14780 filter: alpha(opacity=70); |
|
14781 font-weight: 400; |
|
14782 } |
|
14783 .ui-corner-all { |
|
14784 border-radius: 0; |
|
14785 } |
|
14786 .ui-corner-left, |
|
14787 .ui-corner-tl, |
|
14788 .ui-corner-top { |
|
14789 border-top-left-radius: 4px; |
|
14790 } |
|
14791 .ui-corner-right, |
|
14792 .ui-corner-top, |
|
14793 .ui-corner-tr { |
|
14794 border-top-right-radius: 4px; |
|
14795 } |
|
14796 .ui-corner-bl, |
|
14797 .ui-corner-bottom, |
|
14798 .ui-corner-left { |
|
14799 border-bottom-left-radius: 4px; |
|
14800 } |
|
14801 .ui-corner-bottom, |
|
14802 .ui-corner-br, |
|
14803 .ui-corner-right { |
|
14804 border-bottom-right-radius: 4px; |
|
14805 } |
|
14806 .ui-autocomplete { |
|
14807 position: absolute; |
|
14808 top: 0; |
|
14809 left: 0; |
|
14810 cursor: default; |
|
14811 } |
|
14812 input[type=color].ui-autocomplete-loading, |
|
14813 input[type=date].ui-autocomplete-loading, |
|
14814 input[type=datetime-local].ui-autocomplete-loading, |
|
14815 input[type=datetime].ui-autocomplete-loading, |
|
14816 input[type=email].ui-autocomplete-loading, |
|
14817 input[type=month].ui-autocomplete-loading, |
|
14818 input[type=number].ui-autocomplete-loading, |
|
14819 input[type=password].ui-autocomplete-loading, |
|
14820 input[type=search].ui-autocomplete-loading, |
|
14821 input[type=tel].ui-autocomplete-loading, |
|
14822 input[type=text].ui-autocomplete-loading, |
|
14823 input[type=time].ui-autocomplete-loading, |
|
14824 input[type=url].ui-autocomplete-loading, |
|
14825 input[type=week].ui-autocomplete-loading { |
|
14826 background-image: url(../img/select2-spinner.gif) !important; |
|
14827 background-repeat: no-repeat; |
|
14828 background-position: 99% 50%; |
|
14829 padding-right: 27px; |
|
14830 } |
|
14831 /* |
|
14832 * UI buttons |
|
14833 */ |
|
14834 .ui-btn-lg { |
|
14835 padding: 10px 16px; |
|
14836 font-size: 18px; |
|
14837 line-height: 1.33; |
|
14838 border-radius: 6px; |
|
14839 } |
|
14840 .ui-btn-sm, |
|
14841 .ui-btn-xs { |
|
14842 padding: 5px 10px; |
|
14843 font-size: 12px; |
|
14844 line-height: 1.5; |
|
14845 border-radius: 3px; |
|
14846 } |
|
14847 .ui-btn-xs { |
|
14848 padding: 1px 5px; |
|
14849 } |
|
14850 .ui-btn-block { |
|
14851 display: block; |
|
14852 width: 100%; |
|
14853 padding-right: 0; |
|
14854 padding-left: 0; |
|
14855 } |
|
14856 .ui-btn-block + .ui-btn-block { |
|
14857 margin-top: 5px; |
|
14858 } |
|
14859 input[type=button].ui-btn-block, |
|
14860 input[type=reset].ui-btn-block, |
|
14861 input[type=submit].ui-btn-block { |
|
14862 width: 100%; |
|
14863 } |
|
14864 .ui-button { |
|
14865 display: inline-block; |
|
14866 padding: 6px 12px; |
|
14867 margin-bottom: 0; |
|
14868 font-size: 14px; |
|
14869 font-weight: 400; |
|
14870 line-height: 1.428571429; |
|
14871 text-align: center; |
|
14872 white-space: nowrap; |
|
14873 vertical-align: middle; |
|
14874 cursor: pointer; |
|
14875 border: 1px solid #ccc; |
|
14876 -webkit-user-select: none; |
|
14877 -moz-user-select: none; |
|
14878 -ms-user-select: none; |
|
14879 -o-user-select: none; |
|
14880 user-select: none; |
|
14881 } |
|
14882 .ui-button:focus { |
|
14883 outline: thin dotted #333; |
|
14884 outline: 5px auto -webkit-focus-ring-color; |
|
14885 outline-offset: -2px; |
|
14886 } |
|
14887 .ui-button:focus, |
|
14888 .ui-button:hover { |
|
14889 color: #333; |
|
14890 background-color: #ebebeb; |
|
14891 border-color: #adadad; |
|
14892 text-decoration: none; |
|
14893 } |
|
14894 fieldset[disabled] .ui-button, |
|
14895 fieldset[disabled] .ui-button.ui-state-active, |
|
14896 fieldset[disabled] .ui-button:active, |
|
14897 fieldset[disabled] .ui-button:focus, |
|
14898 fieldset[disabled] .ui-button:hover, |
|
14899 .ui-button.disabled, |
|
14900 .ui-button.disabled.active, |
|
14901 .ui-button.disabled:active, |
|
14902 .ui-button.disabled:focus, |
|
14903 .ui-button.disabled:hover, |
|
14904 .ui-button[disabled], |
|
14905 .ui-button[disabled].active, |
|
14906 .ui-button[disabled]:active, |
|
14907 .ui-button[disabled]:focus, |
|
14908 .ui-button[disabled]:hover { |
|
14909 background-color: #fff; |
|
14910 border-color: #ccc; |
|
14911 } |
|
14912 .ui-button-text-icon-primary .ui-button-icon-primary { |
|
14913 float: left; |
|
14914 } |
|
14915 .ui-button-text-icon-primary { |
|
14916 padding: 2px 7px 3px; |
|
14917 } |
|
14918 .ui-button-primary { |
|
14919 color: #fff; |
|
14920 background-color: #428bca; |
|
14921 border-color: #357ebd; |
|
14922 } |
|
14923 .ui-button-warning { |
|
14924 color: #fff; |
|
14925 background-color: #f0ad4e; |
|
14926 border-color: #eea236; |
|
14927 } |
|
14928 .ui-button-info { |
|
14929 color: #fff; |
|
14930 background-color: #5bc0de; |
|
14931 border-color: #46b8da; |
|
14932 } |
|
14933 .ui-button-danger { |
|
14934 color: #fff; |
|
14935 background-color: #d9534f; |
|
14936 border-color: #d43f3a; |
|
14937 } |
|
14938 .ui-button-inverse { |
|
14939 color: #fff; |
|
14940 background-color: #222; |
|
14941 border-color: #080808; |
|
14942 } |
|
14943 .ui-button-success { |
|
14944 color: #fff; |
|
14945 background-color: #5cb85c; |
|
14946 border-color: #4cae4c; |
|
14947 } |
|
14948 .ui-button-error { |
|
14949 color: #fff; |
|
14950 background-color: #c43c35; |
|
14951 border-color: #882a25; |
|
14952 } |
|
14953 .ui-button-danger:hover, |
|
14954 .ui-button-info:hover, |
|
14955 .ui-button-inverse:hover, |
|
14956 .ui-button-primary:hover, |
|
14957 .ui-button-success:hover, |
|
14958 .ui-button-warning:hover { |
|
14959 text-decoration: none; |
|
14960 } |
|
14961 .ui-button-primary:focus, |
|
14962 .ui-button-primary:hover { |
|
14963 color: #fff; |
|
14964 background-color: #3276b1; |
|
14965 border-color: #285e8e; |
|
14966 } |
|
14967 .ui-button-success:hover { |
|
14968 color: #fff; |
|
14969 background-color: #47a447; |
|
14970 border-color: #398439; |
|
14971 } |
|
14972 .ui-button-info:hover { |
|
14973 color: #fff; |
|
14974 background-color: #39b3d7; |
|
14975 border-color: #269abc; |
|
14976 } |
|
14977 .ui-button-danger:hover { |
|
14978 color: #fff; |
|
14979 background-color: #d2322d; |
|
14980 border-color: #ac2925; |
|
14981 } |
|
14982 .ui-button-warning:hover { |
|
14983 color: #fff; |
|
14984 background-color: #ed9c28; |
|
14985 border-color: #d58512; |
|
14986 } |
|
14987 .ui-button-inverse:hover { |
|
14988 color: #fff; |
|
14989 background-color: #363636; |
|
14990 border-color: #000; |
|
14991 } |
|
14992 .ui-button-icon-only { |
|
14993 width: 2.2em; |
|
14994 } |
|
14995 .ui-button-icons-only { |
|
14996 width: 3.4em; |
|
14997 } |
|
14998 button.ui-button-icons-only { |
|
14999 width: 3.7em; |
|
15000 } |
|
15001 .ui-button-text-icon-primary .ui-button-icon-primary.ui-icon { |
|
15002 margin-top: 5px; |
|
15003 } |
|
15004 .ui-button .ui-button-text { |
|
15005 display: block; |
|
15006 line-height: normal; |
|
15007 } |
|
15008 .ui-button-icon-only .ui-button-text, |
|
15009 .ui-button-icons-only .ui-button-text { |
|
15010 padding: .4em; |
|
15011 text-indent: -9999px; |
|
15012 display: none; |
|
15013 } |
|
15014 .ui-button-text-icon-primary .ui-button-text, |
|
15015 .ui-button-text-icons .ui-button-text { |
|
15016 padding: .4em 1em .4em 2.1em; |
|
15017 } |
|
15018 .ui-button-text-icon-secondary .ui-button-text, |
|
15019 .ui-button-text-icons .ui-button-text { |
|
15020 padding: .4em 2.1em .4em 1em; |
|
15021 } |
|
15022 .ui-button-text-icons .ui-button-text { |
|
15023 padding-left: 2.1em; |
|
15024 padding-right: 2.1em; |
|
15025 } |
|
15026 input.ui-button { |
|
15027 padding: .4em 1em; |
|
15028 } |
|
15029 .ui-button-icon-only .ui-icon, |
|
15030 .ui-button-icons-only .ui-icon, |
|
15031 .ui-button-text-icon-primary .ui-icon, |
|
15032 .ui-button-text-icon-secondary .ui-icon, |
|
15033 .ui-button-text-icons .ui-icon { |
|
15034 margin-bottom: 0; |
|
15035 margin-top: 0; |
|
15036 top: 50%; |
|
15037 } |
|
15038 .ui-button-icon-only .ui-icon { |
|
15039 left: 50%; |
|
15040 margin-left: -8px; |
|
15041 margin-right: -6px; |
|
15042 } |
|
15043 .ui-button-icons-only .ui-button-icon-primary, |
|
15044 .ui-button-text-icon-primary .ui-button-icon-primary, |
|
15045 .ui-button-text-icons .ui-button-icon-primary { |
|
15046 left: .5em; |
|
15047 } |
|
15048 .ui-button-icons-only .ui-button-icon-secondary, |
|
15049 .ui-button-text-icon-secondary .ui-button-icon-secondary, |
|
15050 .ui-button-text-icons .ui-button-icon-secondary { |
|
15051 right: .5em; |
|
15052 } |
|
15053 .ui-buttonset { |
|
15054 margin-right: 7px; |
|
15055 } |
|
15056 .ui-buttonset .ui-state-active { |
|
15057 color: #fff; |
|
15058 background-color: #428bca; |
|
15059 border-color: #357ebd; |
|
15060 } |
|
15061 .ui-buttonset .ui-state-active.ui-state-hover { |
|
15062 color: #fff; |
|
15063 background-color: #3276b1; |
|
15064 border-color: #285e8e; |
|
15065 } |
|
15066 .ui-buttonset .ui-button { |
|
15067 margin-left: 0; |
|
15068 margin-right: -0.4em; |
|
15069 } |
|
15070 button.ui-button::-moz-focus-inner { |
|
15071 border: 0; |
|
15072 padding: 0; |
|
15073 } |
|
15074 /* |
|
15075 * UI slider |
|
15076 */ |
|
15077 .ui-slider { |
|
15078 position: relative; |
|
15079 text-align: left; |
|
15080 } |
|
15081 .ui-slider.ui-state-disabled .ui-slider-handle, |
|
15082 .ui-slider.ui-state-disabled .ui-slider-range { |
|
15083 -webkit-filter: inherit; |
|
15084 filter: inherit; |
|
15085 } |
|
15086 .ui-slider .ui-slider-handle { |
|
15087 position: absolute; |
|
15088 z-index: 2; |
|
15089 width: 16px; |
|
15090 height: 18px; |
|
15091 cursor: default; |
|
15092 } |
|
15093 .ui-slider .ui-slider-range { |
|
15094 position: absolute; |
|
15095 z-index: 1; |
|
15096 font-size: .7em; |
|
15097 display: block; |
|
15098 border: 0; |
|
15099 background-position: 0 0; |
|
15100 color: #fff; |
|
15101 background-color: #0e90d2; |
|
15102 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); |
|
15103 background-image: -webkit-gradient(linear, top left, bottom left, from(#149bdf), to(#0480be)); |
|
15104 background-image: -webkit-linear-gradient(top, #149bdf, #0480be); |
|
15105 background-image: linear-gradient(to bottom, #149bdf, #0480be); |
|
15106 background-repeat: repeat-x; |
|
15107 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); |
|
15108 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
15109 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
15110 -webkit-box-sizing: border-box; |
|
15111 -moz-box-sizing: border-box; |
|
15112 box-sizing: border-box; |
|
15113 -webkit-transition: width .6s ease; |
|
15114 transition: width .6s ease; |
|
15115 } |
|
15116 .ui-slider-horizontal { |
|
15117 height: 10px; |
|
15118 background: #D5D5D5; |
|
15119 border: 0; |
|
15120 } |
|
15121 .ui-slider-horizontal .ui-slider-handle { |
|
15122 top: -0.2em; |
|
15123 margin-left: -0.5em; |
|
15124 background-color: #fff; |
|
15125 border-color: #CCC; |
|
15126 } |
|
15127 .ui-slider-horizontal .ui-slider-handle:focus { |
|
15128 background-color: #fff; |
|
15129 border-color: #357EBD; |
|
15130 } |
|
15131 .ui-slider-horizontal .ui-slider-handle:hover { |
|
15132 background-color: #fff; |
|
15133 border-color: #285E8E; |
|
15134 outline: 0; |
|
15135 } |
|
15136 .ui-slider-horizontal .ui-slider-handle:active { |
|
15137 background-color: #428BCA; |
|
15138 border-color: #3276B1; |
|
15139 } |
|
15140 .ui-slider-horizontal .ui-slider-range { |
|
15141 top: 0; |
|
15142 height: 100%; |
|
15143 } |
|
15144 .ui-slider-horizontal .ui-slider-range-min { |
|
15145 left: 0; |
|
15146 } |
|
15147 .ui-slider-horizontal .ui-slider-range-max { |
|
15148 right: 0; |
|
15149 } |
|
15150 .ui-slider-vertical { |
|
15151 width: .8em; |
|
15152 height: 100px; |
|
15153 } |
|
15154 .ui-slider-vertical .ui-slider-handle { |
|
15155 left: -0.3em; |
|
15156 margin-left: 0; |
|
15157 margin-bottom: -0.6em; |
|
15158 } |
|
15159 .ui-slider-vertical .ui-slider-range { |
|
15160 left: 0; |
|
15161 width: 100%; |
|
15162 } |
|
15163 .ui-slider-vertical .ui-slider-range-min { |
|
15164 bottom: 0; |
|
15165 } |
|
15166 .ui-slider-vertical .ui-slider-range-max { |
|
15167 top: 0; |
|
15168 } |
|
15169 /* |
|
15170 * UI tabs |
|
15171 */ |
|
15172 .ui-tabs { |
|
15173 position: relative; |
|
15174 border: 0; |
|
15175 border-radius: 0; |
|
15176 } |
|
15177 .ui-tabs .ui-tabs-panel { |
|
15178 display: block; |
|
15179 border-radius: 0; |
|
15180 background: 0 0; |
|
15181 } |
|
15182 .ui-tabs .ui-tabs-nav { |
|
15183 margin-bottom: 0; |
|
15184 border: solid #ddd; |
|
15185 border-width: 0 0 1px; |
|
15186 border-radius: 0; |
|
15187 background: 0 0; |
|
15188 } |
|
15189 .ui-tabs .ui-tabs-nav li { |
|
15190 position: relative; |
|
15191 top: 0; |
|
15192 float: left; |
|
15193 margin-bottom: -1px; |
|
15194 margin-right: 3px; |
|
15195 border: 0; |
|
15196 list-style: none; |
|
15197 white-space: nowrap; |
|
15198 background: 0 0; |
|
15199 -webkit-filter: none; |
|
15200 filter: none; |
|
15201 } |
|
15202 .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { |
|
15203 background: #fff; |
|
15204 cursor: text; |
|
15205 } |
|
15206 .ui-tabs .ui-tabs-nav li.ui-tabs-active a { |
|
15207 border: 1px solid #ddd; |
|
15208 border-bottom: 1px solid #fff; |
|
15209 background-color: #fff; |
|
15210 color: #555; |
|
15211 font-weight: 700; |
|
15212 border-top-width: 0!important; |
|
15213 margin-top: 1px!important; |
|
15214 -webkit-box-shadow: 0 -2px 0 #57889c; |
|
15215 box-shadow: 0 -2px 0 #57889c; |
|
15216 } |
|
15217 .ui-tabs .ui-tabs-nav li a { |
|
15218 float: left; |
|
15219 padding: 8px 12px; |
|
15220 font-weight: 400; |
|
15221 text-decoration: none; |
|
15222 outline: 0; |
|
15223 background: 0 0; |
|
15224 border-radius: 0; |
|
15225 background-color: #F5F5F5; |
|
15226 border: 1px solid #F5F5F5; |
|
15227 border-bottom: 1px solid #ddd; |
|
15228 color: #838383; |
|
15229 } |
|
15230 .ui-tabs .ui-tabs-nav li a:hover { |
|
15231 border: 1px solid #f5f5f5; |
|
15232 border-bottom: 1px solid #ddd; |
|
15233 background-color: #f5f5f5; |
|
15234 } |
|
15235 .ui-tabs .ui-tabs-nav li.ui-state-disabled a, |
|
15236 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, |
|
15237 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { |
|
15238 cursor: text; |
|
15239 } |
|
15240 .ui-tabs .ui-tabs-nav .ui-state-default { |
|
15241 border: 0; |
|
15242 -webkit-box-shadow: none; |
|
15243 box-shadow: none; |
|
15244 } |
|
15245 .ui-tabs .ui-tabs-panel { |
|
15246 border: 1px solid #ddd; |
|
15247 margin: 0; |
|
15248 padding: 10px 13px; |
|
15249 border-top: 0; |
|
15250 } |
|
15251 .ui-tabs .ui-tabs-hide { |
|
15252 display: none!important; |
|
15253 } |
|
15254 /* |
|
15255 * UI tooltip |
|
15256 */ |
|
15257 .ui-tooltip { |
|
15258 display: block; |
|
15259 font-size: 11px; |
|
15260 opacity: .8; |
|
15261 position: absolute; |
|
15262 visibility: visible; |
|
15263 z-index: 1024; |
|
15264 max-width: 200px; |
|
15265 background: #000; |
|
15266 border: 1px solid #000; |
|
15267 color: #FFF; |
|
15268 padding: 3px 8px; |
|
15269 text-align: center; |
|
15270 text-decoration: none; |
|
15271 -webkit-box-shadow: inset 0 1px 0 #000; |
|
15272 box-shadow: inset 0 1px 0 #000; |
|
15273 border-radius: 4px; |
|
15274 } |
|
15275 body .ui-tooltip { |
|
15276 border-width: 1px; |
|
15277 } |
|
15278 /* |
|
15279 * UI spinner |
|
15280 */ |
|
15281 .ui-spinner { |
|
15282 position: relative; |
|
15283 display: inline-block; |
|
15284 overflow: hidden; |
|
15285 width: 100%; |
|
15286 padding: 0; |
|
15287 vertical-align: middle; |
|
15288 } |
|
15289 .ui-spinner-input { |
|
15290 margin: 0!important; |
|
15291 height: 30px; |
|
15292 padding: 6px 24px 6px 12px; |
|
15293 border: 0; |
|
15294 background: 0 0; |
|
15295 vertical-align: middle; |
|
15296 } |
|
15297 .ui-spinner-input.spinner-left { |
|
15298 padding: 6px 12px 6px 24px; |
|
15299 } |
|
15300 .ui-spinner-input.spinner-left + .ui-spinner-button, |
|
15301 .ui-spinner-input.spinner-left + .ui-spinner-button + .ui-spinner-button { |
|
15302 right: auto; |
|
15303 left: 0; |
|
15304 } |
|
15305 .ui-spinner-input.spinner-both { |
|
15306 padding: 6px 30px; |
|
15307 } |
|
15308 .ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { |
|
15309 left: 0; |
|
15310 right: auto; |
|
15311 } |
|
15312 .ui-spinner-input.spinner-both + .ui-spinner-button, |
|
15313 .ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { |
|
15314 height: 30px; |
|
15315 width: 25px; |
|
15316 } |
|
15317 .ui-spinner-input.spinner-both + .ui-spinner-up + .ui-spinner-down:before, |
|
15318 .ui-spinner-input.spinner-both + .ui-spinner-up:before { |
|
15319 margin-top: 8px; |
|
15320 } |
|
15321 .ui-spinner-button { |
|
15322 width: 19px; |
|
15323 height: 50%; |
|
15324 font-size: .5em; |
|
15325 padding: 0; |
|
15326 margin: 0; |
|
15327 text-align: center; |
|
15328 position: absolute; |
|
15329 cursor: default; |
|
15330 display: block; |
|
15331 overflow: hidden; |
|
15332 right: 0; |
|
15333 } |
|
15334 .ui-spinner a.ui-spinner-button { |
|
15335 border-top: 0; |
|
15336 border-bottom: 0; |
|
15337 border-right: 0; |
|
15338 } |
|
15339 .ui-spinner .ui-icon { |
|
15340 position: absolute; |
|
15341 margin-top: -8px; |
|
15342 top: 50%; |
|
15343 left: 0; |
|
15344 } |
|
15345 .ui-spinner-down, |
|
15346 .ui-spinner-up { |
|
15347 background: #739e73; |
|
15348 border-radius: 0; |
|
15349 } |
|
15350 .ui-spinner-down:before, |
|
15351 .ui-spinner-up:before { |
|
15352 display: inline-block; |
|
15353 font-family: FontAwesome; |
|
15354 font-style: normal; |
|
15355 font-weight: 400; |
|
15356 line-height: 1; |
|
15357 -webkit-font-smoothing: antialiased; |
|
15358 -moz-osx-font-smoothing: grayscale; |
|
15359 content: "\f067"; |
|
15360 color: #fff; |
|
15361 font-size: 14px; |
|
15362 margin-top: 1px; |
|
15363 } |
|
15364 .ui-spinner-down > :first-child, |
|
15365 .ui-spinner-up > :first-child { |
|
15366 display: none; |
|
15367 } |
|
15368 .ui-spinner-up { |
|
15369 top: 0; |
|
15370 } |
|
15371 .ui-spinner-up:active, |
|
15372 .ui-spinner-up:focus, |
|
15373 .ui-spinner-up:hover { |
|
15374 background: #5b835b; |
|
15375 } |
|
15376 .ui-spinner-down { |
|
15377 bottom: 0; |
|
15378 background: #c2032f; |
|
15379 } |
|
15380 .ui-spinner-down:before { |
|
15381 content: "\f068"; |
|
15382 } |
|
15383 .ui-spinner-down:active, |
|
15384 .ui-spinner-down:focus, |
|
15385 .ui-spinner-down:hover { |
|
15386 background: #77021d; |
|
15387 } |
|
15388 .ui-spinner .ui-icon-triangle-1-s { |
|
15389 background-position: -65px -16px; |
|
15390 } |
|
15391 /* |
|
15392 * UI date picker |
|
15393 */ |
|
15394 .ui-datepicker { |
|
15395 width: 20em; |
|
15396 padding: .2em .2em 0; |
|
15397 display: none; |
|
15398 z-index: 9999!important; |
|
15399 } |
|
15400 .ui-datepicker-inline { |
|
15401 z-index: 9000!important; |
|
15402 } |
|
15403 .ui-datepicker-header { |
|
15404 position: relative; |
|
15405 border: 0; |
|
15406 font-weight: 700; |
|
15407 width: 100%; |
|
15408 padding: 4px 0; |
|
15409 background-color: #f5f5f5; |
|
15410 color: gray; |
|
15411 } |
|
15412 .ui-datepicker-next, |
|
15413 .ui-datepicker-prev { |
|
15414 position: absolute; |
|
15415 top: 2px; |
|
15416 width: 5.6em; |
|
15417 height: 1.8em; |
|
15418 text-align: center; |
|
15419 margin-top: 2px; |
|
15420 cursor: pointer; |
|
15421 } |
|
15422 .ui-datepicker-next > :first-child, |
|
15423 .ui-datepicker-prev > :first-child { |
|
15424 text-indent: 0!important; |
|
15425 } |
|
15426 .ui-datepicker-next span, |
|
15427 .ui-datepicker-prev span { |
|
15428 display: block; |
|
15429 position: absolute; |
|
15430 text-align: center; |
|
15431 top: 50%; |
|
15432 margin-top: -8px; |
|
15433 width: 5.8em; |
|
15434 } |
|
15435 .ui-datepicker-prev { |
|
15436 left: 2px; |
|
15437 } |
|
15438 .ui-datepicker-next { |
|
15439 right: 2px; |
|
15440 } |
|
15441 .ui-datepicker-title { |
|
15442 margin: 0 5.8em; |
|
15443 line-height: 1.8em; |
|
15444 text-align: center; |
|
15445 } |
|
15446 .ui-datepicker-title select { |
|
15447 font-size: 1em; |
|
15448 margin: 1px 0; |
|
15449 } |
|
15450 .ui-datepicker select.ui-datepicker-month-year { |
|
15451 width: 100%; |
|
15452 } |
|
15453 .ui-datepicker select.ui-datepicker-month, |
|
15454 .ui-datepicker select.ui-datepicker-year { |
|
15455 width: 49%; |
|
15456 } |
|
15457 .ui-datepicker table { |
|
15458 width: 100%; |
|
15459 font-size: .9em; |
|
15460 border-collapse: collapse; |
|
15461 margin: 0 0 .4em; |
|
15462 } |
|
15463 .ui-datepicker th { |
|
15464 padding: .7em .3em; |
|
15465 text-align: center; |
|
15466 border: 0; |
|
15467 font-weight: 700; |
|
15468 color: gray; |
|
15469 } |
|
15470 .ui-datepicker td { |
|
15471 border: 0; |
|
15472 padding: 1px; |
|
15473 } |
|
15474 .ui-datepicker td:hover { |
|
15475 color: #fff; |
|
15476 } |
|
15477 .ui-datepicker td a { |
|
15478 margin-bottom: 0; |
|
15479 border: 0; |
|
15480 } |
|
15481 .ui-datepicker td a, |
|
15482 .ui-datepicker td span { |
|
15483 display: block; |
|
15484 padding: .2em; |
|
15485 text-align: right; |
|
15486 text-decoration: none; |
|
15487 } |
|
15488 .ui-datepicker td .ui-state-default { |
|
15489 border: 0; |
|
15490 background: 0 0; |
|
15491 margin-bottom: 0; |
|
15492 padding: 5px; |
|
15493 color: gray; |
|
15494 text-align: center; |
|
15495 -webkit-filter: none; |
|
15496 filter: none; |
|
15497 } |
|
15498 .ui-datepicker td .ui-state-highlight { |
|
15499 color: #fff; |
|
15500 background-color: #A90329; |
|
15501 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
15502 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
15503 border-radius: 0; |
|
15504 } |
|
15505 .ui-datepicker td .ui-state-active { |
|
15506 color: #333; |
|
15507 background-color: #ebebeb; |
|
15508 margin-bottom: 0; |
|
15509 font-size: normal; |
|
15510 text-shadow: 0; |
|
15511 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
15512 border-radius: 0; |
|
15513 } |
|
15514 .ui-datepicker td .ui-state-hover { |
|
15515 color: #fff; |
|
15516 background: #428bca; |
|
15517 background-color: #428bca; |
|
15518 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
15519 border-color: #357ebd; |
|
15520 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
15521 border-radius: 0; |
|
15522 } |
|
15523 .ui-datepicker-buttonpane { |
|
15524 background-image: none; |
|
15525 margin: .7em 0 0; |
|
15526 padding: 0 .2em; |
|
15527 border-left: 0; |
|
15528 border-right: 0; |
|
15529 border-bottom: 0; |
|
15530 } |
|
15531 .ui-datepicker-buttonpane button { |
|
15532 float: right; |
|
15533 margin: .5em .2em .4em; |
|
15534 cursor: pointer; |
|
15535 padding: .2em .6em .3em; |
|
15536 width: auto; |
|
15537 overflow: visible; |
|
15538 } |
|
15539 .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
15540 float: left; |
|
15541 } |
|
15542 .ui-datepicker-multi { |
|
15543 width: auto; |
|
15544 } |
|
15545 .ui-datepicker-multi .ui-datepicker-group { |
|
15546 float: left; |
|
15547 } |
|
15548 .ui-datepicker-multi .ui-datepicker-group table { |
|
15549 width: 95%; |
|
15550 margin: 0 auto .4em; |
|
15551 } |
|
15552 .ui-datepicker-multi-2 .ui-datepicker-group { |
|
15553 width: 50%; |
|
15554 } |
|
15555 .ui-datepicker-multi-3 .ui-datepicker-group { |
|
15556 width: 33.3%; |
|
15557 } |
|
15558 .ui-datepicker-multi-4 .ui-datepicker-group { |
|
15559 width: 25%; |
|
15560 } |
|
15561 .ui-datepicker-multi .ui-detepicker-group-last .ui-datepicker-header, |
|
15562 .ui-datepicker-multi .ui-datepicket-group-middle .ui-datepicker-header { |
|
15563 border-left-width: 0; |
|
15564 } |
|
15565 .ui-datepicker-multi .ui-datepicker-buttonpane { |
|
15566 clear: left; |
|
15567 } |
|
15568 .ui-datepicker-row-break { |
|
15569 clear: both; |
|
15570 width: 100%; |
|
15571 font-size: 0; |
|
15572 } |
|
15573 .ui-datepicker-rtl { |
|
15574 direction: rtl; |
|
15575 } |
|
15576 .ui-datepicker-rtl .ui-datepicker-prev { |
|
15577 right: 2px; |
|
15578 left: auto; |
|
15579 } |
|
15580 .ui-datepicker-rtl .ui-datepicker-next { |
|
15581 left: 2px; |
|
15582 right: auto; |
|
15583 } |
|
15584 .ui-datepicker-rtl .ui-datepicker-prev:hover { |
|
15585 right: 1px; |
|
15586 left: auto; |
|
15587 } |
|
15588 .ui-datepicker-rtl .ui-datepicker-next:hover { |
|
15589 left: 1px; |
|
15590 right: auto; |
|
15591 } |
|
15592 .ui-datepicker-rtl .ui-datepicker-buttonpane { |
|
15593 clear: right; |
|
15594 } |
|
15595 .ui-datepicker-rtl .ui-datepicker-buttonpane button { |
|
15596 float: left; |
|
15597 } |
|
15598 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, |
|
15599 .ui-datepicker-rtl .ui-datepicker-group { |
|
15600 float: right; |
|
15601 } |
|
15602 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, |
|
15603 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { |
|
15604 border-right-width: 0; |
|
15605 border-left-width: 1px; |
|
15606 } |
|
15607 .ui-datepicker-cover { |
|
15608 display: none; |
|
15609 display: block; |
|
15610 position: absolute; |
|
15611 z-index: -1; |
|
15612 -webkit-filter: mask(); |
|
15613 filter: mask(); |
|
15614 top: -4px; |
|
15615 left: -4px; |
|
15616 width: 200px; |
|
15617 height: 200px; |
|
15618 } |
|
15619 .ui-datepicker-today a { |
|
15620 background-color: #BFBFBF; |
|
15621 cursor: pointer; |
|
15622 padding: 0 4px; |
|
15623 margin-bottom: 0; |
|
15624 } |
|
15625 .ui-datepicker-today a:hover { |
|
15626 background-color: gray; |
|
15627 color: #fff; |
|
15628 } |
|
15629 /* |
|
15630 * UI progressbar |
|
15631 */ |
|
15632 .ui-progressbar { |
|
15633 height: 2em; |
|
15634 margin-bottom: 20px; |
|
15635 border: 0; |
|
15636 overflow: hidden; |
|
15637 background-color: #f7f7f7; |
|
15638 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); |
|
15639 background-image: -webkit-gradient(linear, top left, bottom left, from(#f5f5f5), to(#f9f9f9)); |
|
15640 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); |
|
15641 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); |
|
15642 background-repeat: repeat-x; |
|
15643 border-radius: 0; |
|
15644 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); |
|
15645 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
15646 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
15647 } |
|
15648 .ui-progressbar .ui-progressbar-value { |
|
15649 margin: 0; |
|
15650 height: 100%; |
|
15651 color: #fff; |
|
15652 background-color: #428BCA; |
|
15653 -webkit-box-sizing: border-box; |
|
15654 -moz-box-sizing: border-box; |
|
15655 box-sizing: border-box; |
|
15656 -webkit-transition: width .6s ease; |
|
15657 transition: width .6s ease; |
|
15658 } |
|
15659 .ui-progressbar .ui-progressbar-overlay { |
|
15660 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)); |
|
15661 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); |
|
15662 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); |
|
15663 -webkit-background-size: 40px 40px; |
|
15664 background-size: 40px 40px; |
|
15665 -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
15666 -ms-animation: progress-bar-stripes 2s linear infinite; |
|
15667 animation: progress-bar-stripes 2s linear infinite; |
|
15668 } |
|
15669 .ui-progressbar-indeterminate .ui-progressbar-value { |
|
15670 background-image: none; |
|
15671 } |
|
15672 /* |
|
15673 * UI resizable |
|
15674 */ |
|
15675 .ui-resizable { |
|
15676 position: relative; |
|
15677 } |
|
15678 .ui-resizable-handle { |
|
15679 position: absolute; |
|
15680 font-size: .1px; |
|
15681 z-index: 99999; |
|
15682 display: block; |
|
15683 } |
|
15684 .ui-resizable-autohide .ui-resizable-handle, |
|
15685 .ui-resizable-disabled .ui-resizable-handle { |
|
15686 display: none; |
|
15687 } |
|
15688 .ui-resizable-n { |
|
15689 cursor: n-resize; |
|
15690 height: 7px; |
|
15691 width: 100%; |
|
15692 top: -5px; |
|
15693 left: 0; |
|
15694 } |
|
15695 .ui-resizable-s { |
|
15696 cursor: s-resize; |
|
15697 height: 7px; |
|
15698 width: 100%; |
|
15699 bottom: -5px; |
|
15700 left: 0; |
|
15701 } |
|
15702 .ui-resizable-e { |
|
15703 cursor: e-resize; |
|
15704 width: 7px; |
|
15705 right: -5px; |
|
15706 top: 0; |
|
15707 height: 100%; |
|
15708 } |
|
15709 .ui-resizable-w { |
|
15710 cursor: w-resize; |
|
15711 width: 7px; |
|
15712 left: -5px; |
|
15713 top: 0; |
|
15714 height: 100%; |
|
15715 } |
|
15716 .ui-resizable-se { |
|
15717 cursor: se-resize; |
|
15718 width: 12px; |
|
15719 height: 12px; |
|
15720 right: 1px; |
|
15721 bottom: 1px; |
|
15722 } |
|
15723 .ui-resizable-sw { |
|
15724 cursor: sw-resize; |
|
15725 width: 9px; |
|
15726 height: 9px; |
|
15727 left: -5px; |
|
15728 bottom: -5px; |
|
15729 } |
|
15730 .ui-resizable-nw { |
|
15731 cursor: nw-resize; |
|
15732 width: 9px; |
|
15733 height: 9px; |
|
15734 left: -5px; |
|
15735 top: -5px; |
|
15736 } |
|
15737 .ui-resizable-ne { |
|
15738 cursor: ne-resize; |
|
15739 width: 9px; |
|
15740 height: 9px; |
|
15741 right: -5px; |
|
15742 top: -5px; |
|
15743 } |
|
15744 /* |
|
15745 * UI selectable |
|
15746 */ |
|
15747 .ui-selectable-helper { |
|
15748 position: absolute; |
|
15749 z-index: 100; |
|
15750 border: 1px dotted #000; |
|
15751 } |
|
15752 /* |
|
15753 * UI accordion |
|
15754 */ |
|
15755 .ui-accordion { |
|
15756 width: 100%; |
|
15757 } |
|
15758 .ui-accordion .ui-accordion-li-fix { |
|
15759 display: inline; |
|
15760 } |
|
15761 .ui-accordion .ui-accordion-header { |
|
15762 display: block; |
|
15763 position: relative; |
|
15764 margin-top: -2px; |
|
15765 border-color: #ddd!important; |
|
15766 padding: 10px 15px 10px 36px!important; |
|
15767 cursor: pointer; |
|
15768 min-height: 0; |
|
15769 background-color: #fbfbfb; |
|
15770 border-radius: 0; |
|
15771 font-size: 15px; |
|
15772 } |
|
15773 .ui-accordion .ui-accordion-header-active { |
|
15774 border-bottom: 0!important; |
|
15775 } |
|
15776 .ui-accordion .ui-accordion-icons { |
|
15777 padding-left: 2.2em; |
|
15778 } |
|
15779 .ui-accordion .ui-accordion-noicons { |
|
15780 padding-left: .7em; |
|
15781 } |
|
15782 .ui-accordion .ui-accordion-icons .ui-accordion-icons { |
|
15783 padding-left: 2.2em; |
|
15784 } |
|
15785 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { |
|
15786 position: absolute; |
|
15787 left: .5em; |
|
15788 top: 50%; |
|
15789 margin-top: -8px; |
|
15790 text-indent: 0!important; |
|
15791 background-image: none!important; |
|
15792 text-align: center; |
|
15793 line-height: normal; |
|
15794 left: 12px!important; |
|
15795 margin-top: -6px !important; |
|
15796 font-size: 14px!important; |
|
15797 } |
|
15798 .ui-accordion .ui-accordion-content { |
|
15799 margin-top: -3px; |
|
15800 border-radius: 0; |
|
15801 border-top: 0 none; |
|
15802 border-color: #ddd!important; |
|
15803 padding: 15px; |
|
15804 position: relative; |
|
15805 top: 1px; |
|
15806 margin-bottom: 2px; |
|
15807 overflow: auto; |
|
15808 display: none; |
|
15809 } |
|
15810 .ui-accordion .ui-accordion-content-active { |
|
15811 display: block; |
|
15812 } |
|
15813 .ui-accordion-header-active + .ui-accordion-content { |
|
15814 border-top: 1px solid #ddd; |
|
15815 } |
|
15816 .noUi-target * { |
|
15817 -webkit-box-sizing: border-box; |
|
15818 -moz-box-sizing: border-box; |
|
15819 box-sizing: border-box; |
|
15820 -webkit-touch-callout: none; |
|
15821 -ms-touch-action: none; |
|
15822 -webkit-user-select: none; |
|
15823 -moz-user-select: none; |
|
15824 -ms-user-select: none; |
|
15825 cursor: default; |
|
15826 } |
|
15827 .noUi-target *[disabled] .noUi-base { |
|
15828 background: #999; |
|
15829 } |
|
15830 .noUi-target *[disabled] .noUi-connect { |
|
15831 background: #BBB; |
|
15832 } |
|
15833 .noUi-base { |
|
15834 width: 100%; |
|
15835 height: 14px; |
|
15836 position: relative; |
|
15837 max-width: 100%; |
|
15838 max-height: 100%; |
|
15839 border: 1px solid #bfbfbf; |
|
15840 z-index: 1; |
|
15841 } |
|
15842 .noUi-origin-lower { |
|
15843 background: #72a8d7; |
|
15844 } |
|
15845 .noUi-handle { |
|
15846 background: #858585; |
|
15847 height: 30px; |
|
15848 width: 16px; |
|
15849 border: 1px solid #fff; |
|
15850 margin: -8px 0 0 -8px; |
|
15851 cursor: default; |
|
15852 } |
|
15853 .noUi-handle:hover { |
|
15854 background: #6c6c6c; |
|
15855 } |
|
15856 .noUi-active { |
|
15857 cursor: default; |
|
15858 -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0; |
|
15859 box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0; |
|
15860 background: #686868; |
|
15861 height: 32px; |
|
15862 width: 18px; |
|
15863 margin: -9px 0 0 -8px; |
|
15864 border: 0; |
|
15865 } |
|
15866 .noUi-active:after { |
|
15867 -webkit-box-sizing: border-box; |
|
15868 -moz-box-sizing: border-box; |
|
15869 box-sizing: border-box; |
|
15870 content: ""; |
|
15871 display: block; |
|
15872 height: 100%; |
|
15873 border: 1px solid #ddd; |
|
15874 } |
|
15875 .noUi-connect { |
|
15876 background: #3276b1; |
|
15877 } |
|
15878 .noUi-background { |
|
15879 background: #eee; |
|
15880 border: 0; |
|
15881 } |
|
15882 .noUi-origin { |
|
15883 position: absolute; |
|
15884 right: 0; |
|
15885 top: 0; |
|
15886 bottom: 0; |
|
15887 z-index: 0; |
|
15888 } |
|
15889 .noUi-origin-upper { |
|
15890 background: inherit!important; |
|
15891 } |
|
15892 .noUi-z-index { |
|
15893 z-index: 10; |
|
15894 } |
|
15895 .noUi-vertical { |
|
15896 width: 10px; |
|
15897 height: 100%; |
|
15898 } |
|
15899 .noUi-vertical .noUi-origin { |
|
15900 bottom: 0; |
|
15901 left: 0; |
|
15902 } |
|
15903 .noUi-vertical .noUi-handle { |
|
15904 margin: -8px 0 0 -3px; |
|
15905 } |
|
15906 .noUi-state-tap .noUi-origin { |
|
15907 -webkit-transition: left .3s, top .3s; |
|
15908 transition: left .3s, top .3s; |
|
15909 } |
|
15910 /** |
|
15911 * UI modal dialog |
|
15912 */ |
|
15913 .modal-backdrop, |
|
15914 .modal-backdrop.fade.in { |
|
15915 position: fixed; |
|
15916 width: 100%; |
|
15917 height: 100%; |
|
15918 z-index: 990; |
|
15919 } |
|
15920 .modal-dialog.modal-max { |
|
15921 width: 98%; |
|
15922 max-width: 98%; |
|
15923 } |
|
15924 @media only screen and (min-width: 768px) { |
|
15925 .modal-dialog.modal-xlarge { |
|
15926 width: 95%; |
|
15927 max-width: 1000px; |
|
15928 } |
|
15929 } |
|
15930 @media only screen and (min-width: 768px) { |
|
15931 .modal-dialog.modal-large { |
|
15932 width: 80%; |
|
15933 max-width: 900px; |
|
15934 } |
|
15935 } |
|
15936 @media only screen and (min-width: 768px) { |
|
15937 .modal-dialog.modal-medium { |
|
15938 width: 60%; |
|
15939 max-width: 650px; |
|
15940 } |
|
15941 } |
|
15942 @media only screen and (min-width: 768px) { |
|
15943 .modal-dialog.modal-small { |
|
15944 width: 40%; |
|
15945 max-width: 450px; |
|
15946 } |
|
15947 } |
|
15948 .modal-dialog .modal-body .modal-viewport { |
|
15949 min-height: 140px; |
|
15950 } |
|
15951 .modal-dialog .close:hover { |
|
15952 background-color: white; |
|
15953 } |
|
15954 .modal-dialog .suffix .alert { |
|
15955 margin-bottom: 0; |
|
15956 } |
|
15957 .modal-dialog .suffix .alert:last-child { |
|
15958 border-radius: 0 0 5px 5px; |
|
15959 } |
|
15960 .modal-header { |
|
15961 position: relative; |
|
15962 cursor: move; |
|
15963 } |
|
15964 .modal-header .toolbar { |
|
15965 position: absolute; |
|
15966 right: 25px; |
|
15967 bottom: -19px; |
|
15968 z-index: 1; |
|
15969 } |
|
15970 .modal-title { |
|
15971 min-height: 1.1em; |
|
15972 } |
|
15973 .modal-title img { |
|
15974 margin: 0 15px 0 0; |
|
15975 } |
|
15976 .modal-overflow { |
|
15977 position: relative; |
|
15978 height: 98%; |
|
15979 } |
|
15980 .modal-overflow .modal-body { |
|
15981 overflow: hidden; |
|
15982 } |
|
15983 .modal-overflow .scrollmarker { |
|
15984 position: absolute; |
|
15985 width: 100%; |
|
15986 height: 20px; |
|
15987 } |
|
15988 .modal-overflow .scrollmarker.top { |
|
15989 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15990 /* FF3.6+ */ |
|
15991 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))); |
|
15992 /* Chrome,Safari4+ */ |
|
15993 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15994 /* Chrome10+,Safari5.1+ */ |
|
15995 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15996 /* Opera 11.10+ */ |
|
15997 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
15998 /* IE10+ */ |
|
15999 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16000 /* W3C */ |
|
16001 } |
|
16002 .modal-overflow .scrollmarker.bottom { |
|
16003 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16004 /* FF3.6+ */ |
|
16005 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))); |
|
16006 /* Chrome,Safari4+ */ |
|
16007 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16008 /* Chrome10+,Safari5.1+ */ |
|
16009 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16010 /* Opera 11.10+ */ |
|
16011 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16012 /* IE10+ */ |
|
16013 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16014 /* W3C */ |
|
16015 } |
|
16016 .modal-viewport { |
|
16017 overflow-x: hidden; |
|
16018 overflow-y: auto; |
|
16019 } |
|
16020 .modal-viewport fieldset .alert { |
|
16021 margin: 0 -5px 5px !important; |
|
16022 } |
|
16023 .ui-dialog { |
|
16024 position: absolute; |
|
16025 top: 0; |
|
16026 left: 0; |
|
16027 padding: 0; |
|
16028 width: 300px; |
|
16029 overflow: hidden; |
|
16030 -webkit-background-clip: padding-box; |
|
16031 background-clip: padding-box; |
|
16032 background-color: #fff; |
|
16033 border-radius: 3px; |
|
16034 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
|
16035 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
|
16036 border: 1px solid rgba(0, 0, 0, 0.2); |
|
16037 outline: medium none; |
|
16038 z-index: 1050; |
|
16039 } |
|
16040 .ui-dialog .ui-dialog-titlebar { |
|
16041 position: relative; |
|
16042 padding: 0 10px; |
|
16043 background: #fff; |
|
16044 border-color: #fff; |
|
16045 font-size: 18px; |
|
16046 text-decoration: none; |
|
16047 border: 0 0 0 1px solid; |
|
16048 border-bottom-right-radius: 0; |
|
16049 border-bottom-left-radius: 0; |
|
16050 border-bottom: 1px solid #ccc; |
|
16051 border-bottom-color: #eee; |
|
16052 } |
|
16053 .ui-dialog .ui-dialog-title { |
|
16054 float: left; |
|
16055 margin: 0; |
|
16056 color: #404040; |
|
16057 font-weight: 700; |
|
16058 padding: 5px; |
|
16059 text-overflow: ellipsis; |
|
16060 overflow: hidden; |
|
16061 } |
|
16062 .ui-dialog .ui-dialog-titlebar-close { |
|
16063 position: absolute; |
|
16064 right: .3em; |
|
16065 top: 50%; |
|
16066 width: 19px; |
|
16067 margin: -16px 4px 0 0; |
|
16068 padding: 1px; |
|
16069 height: 18px; |
|
16070 font-size: 20px; |
|
16071 font-weight: 700; |
|
16072 line-height: 13.5px; |
|
16073 text-shadow: 0 1px 0 #fff; |
|
16074 filter: alpha(opacity=25); |
|
16075 -khtml-opacity: .25; |
|
16076 -moz-opacity: .25; |
|
16077 opacity: .25; |
|
16078 background: 0 0; |
|
16079 border: 0; |
|
16080 -webkit-box-shadow: none; |
|
16081 box-shadow: none; |
|
16082 } |
|
16083 .ui-dialog .ui-dialog-titlebar-close:before { |
|
16084 content: "\f00d"; |
|
16085 font-family: FontAwesome; |
|
16086 font-style: normal; |
|
16087 font-weight: 400; |
|
16088 line-height: 1; |
|
16089 -webkit-font-smoothing: antialiased; |
|
16090 -moz-osx-font-smoothing: grayscale; |
|
16091 font-size: 13px; |
|
16092 } |
|
16093 .ui-dialog .ui-dialog-titlebar-close:focus, |
|
16094 .ui-dialog .ui-dialog-titlebar-close:hover { |
|
16095 padding: 1px; |
|
16096 filter: alpha(opacity=90); |
|
16097 -moz-opacity: .9; |
|
16098 opacity: .9; |
|
16099 } |
|
16100 .ui-dialog .ui-dialog-titlebar-close span { |
|
16101 display: block; |
|
16102 margin: 1px; |
|
16103 text-indent: 9999px; |
|
16104 } |
|
16105 .ui-dialog .ui-dialog-content { |
|
16106 position: relative; |
|
16107 border: 0; |
|
16108 padding: .5em 1em; |
|
16109 background: 0 0; |
|
16110 overflow: auto; |
|
16111 } |
|
16112 .ui-dialog .ui-dialog-buttonpane { |
|
16113 margin: 13px 0 0; |
|
16114 padding: 19px 15px 20px; |
|
16115 border-top: 1px solid #eee; |
|
16116 border-width: 1px 0 0; |
|
16117 border-radius: 0 0 6px 6px; |
|
16118 background-image: none; |
|
16119 background-color: #fff; |
|
16120 -webkit-box-shadow: inset 0 1px 0 #fff; |
|
16121 box-shadow: inset 0 1px 0 #fff; |
|
16122 text-align: right; |
|
16123 } |
|
16124 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { |
|
16125 float: right; |
|
16126 } |
|
16127 .ui-dialog .ui-dialog-buttonpane button { |
|
16128 margin: 0 .4em 0 0; |
|
16129 cursor: pointer; |
|
16130 } |
|
16131 .ui-dialog .ui-resizable-se { |
|
16132 width: 14px; |
|
16133 height: 14px; |
|
16134 right: 3px; |
|
16135 bottom: 3px; |
|
16136 } |
|
16137 .ui-draggable .ui-dialog-titlebar { |
|
16138 cursor: move; |
|
16139 } |
|
16140 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { |
|
16141 color: #fff; |
|
16142 background-color: #428bca; |
|
16143 border-color: #357ebd; |
|
16144 } |
|
16145 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover { |
|
16146 color: #fff; |
|
16147 background-color: #3276b1; |
|
16148 border-color: #285e8e; |
|
16149 } |
|
16150 .ui-dialog-buttonset .ui-button:not(:first-child) { |
|
16151 cursor: pointer; |
|
16152 display: inline-block; |
|
16153 color: #333; |
|
16154 background-color: #fff; |
|
16155 border: 1px solid #ccc; |
|
16156 -webkit-transition: .1s linear all; |
|
16157 transition: .1s linear all; |
|
16158 overflow: visible; |
|
16159 } |
|
16160 .ui-dialog-buttonset .ui-button:not(:first-child) .ui-state-hover { |
|
16161 color: #333; |
|
16162 background-color: #ebebeb; |
|
16163 border-color: #adadad; |
|
16164 text-decoration: none; |
|
16165 } |
|
16166 .ui-dialog-buttonset .ui-button.ui-button-info { |
|
16167 color: #fff; |
|
16168 background-color: #5bc0de; |
|
16169 border-color: #46b8da; |
|
16170 } |
|
16171 .ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover { |
|
16172 color: #fff; |
|
16173 background-color: #39b3d7; |
|
16174 border-color: #269abc; |
|
16175 } |
|
16176 .ui-dialog-buttonset .ui-button.ui-button-success { |
|
16177 color: #fff; |
|
16178 background-color: #5cb85c; |
|
16179 border-color: #4cae4c; |
|
16180 } |
|
16181 .ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover { |
|
16182 color: #fff; |
|
16183 background-color: #47a447; |
|
16184 border-color: #398439; |
|
16185 } |
|
16186 .ui-dialog-buttonset .ui-button.ui-button-warning { |
|
16187 color: #fff; |
|
16188 background-color: #f0ad4e; |
|
16189 border-color: #eea236; |
|
16190 } |
|
16191 .ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover { |
|
16192 color: #fff; |
|
16193 background-color: #ed9c28; |
|
16194 border-color: #d58512; |
|
16195 } |
|
16196 .ui-dialog-buttonset .ui-button.ui-button-danger { |
|
16197 color: #fff; |
|
16198 background-color: #d9534f; |
|
16199 border-color: #d43f3a; |
|
16200 } |
|
16201 .ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover { |
|
16202 color: #fff; |
|
16203 background-color: #d2322d; |
|
16204 border-color: #ac2925; |
|
16205 } |
|
16206 .ui-dialog-buttonset .ui-button.ui-button-inverse { |
|
16207 color: #fff; |
|
16208 background-color: #222; |
|
16209 border-color: #080808; |
|
16210 } |
|
16211 .ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover { |
|
16212 color: #fff; |
|
16213 background-color: #363636; |
|
16214 border-color: #000; |
|
16215 } |
|
16216 /* |
|
16217 * Pricing-style component |
|
16218 */ |
|
16219 .pricing-big { |
|
16220 border: 0!important; |
|
16221 } |
|
16222 .pricing-big .panel-heading { |
|
16223 border-radius: 5px 5px 0 0; |
|
16224 } |
|
16225 .pricing-big .panel-title { |
|
16226 text-transform: capitalize; |
|
16227 font-size: 18px; |
|
16228 padding: 20px 0; |
|
16229 text-align: center; |
|
16230 border-radius: 5px 5px 0 0; |
|
16231 margin: 0; |
|
16232 font-weight: 700; |
|
16233 } |
|
16234 .pricing-big .the-price { |
|
16235 padding: 20px 0; |
|
16236 background: #333; |
|
16237 text-align: center; |
|
16238 font-size: 24px; |
|
16239 font-weight: 700; |
|
16240 color: #FFF; |
|
16241 -webkit-box-shadow: none!important; |
|
16242 box-shadow: none!important; |
|
16243 } |
|
16244 .pricing-big .subscript { |
|
16245 font-size: 18px; |
|
16246 color: #999; |
|
16247 margin-left: 5px; |
|
16248 } |
|
16249 .pricing-big .panel-footer { |
|
16250 border-radius: 0 0 5px 5px; |
|
16251 background-color: #F2F2F2!important; |
|
16252 } |
|
16253 .pricing-big .panel-footer > div { |
|
16254 padding: 15px 0 10px; |
|
16255 display: block; |
|
16256 font-size: 13px; |
|
16257 } |
|
16258 .pricing-big .panel-footer .btn { |
|
16259 padding: 15px 0; |
|
16260 border-radius: 3px; |
|
16261 font-weight: 700; |
|
16262 font-size: 14px; |
|
16263 } |
|
16264 .pricing-big .panel-footer .btn span { |
|
16265 font-weight: 400; |
|
16266 font-style: italic; |
|
16267 } |
|
16268 .pricing-big table { |
|
16269 background: #FAFAFA; |
|
16270 padding: 20px 15px; |
|
16271 height: 230px; |
|
16272 text-align: left; |
|
16273 } |
|
16274 .price-features { |
|
16275 background: #FAFAFA; |
|
16276 padding: 20px 15px; |
|
16277 min-height: 230px; |
|
16278 font-size: 13.5px; |
|
16279 } |
|
16280 .price-features .price-features li + li { |
|
16281 margin-top: 10px; |
|
16282 } |
|
16283 /* |
|
16284 * Superbox component |
|
16285 */ |
|
16286 .superbox *, |
|
16287 .superbox :after, |
|
16288 .superbox :before { |
|
16289 margin: 0; |
|
16290 padding: 0; |
|
16291 box-sizing: border-box; |
|
16292 -webkit-box-sizing: border-box; |
|
16293 -moz-box-sizing: border-box; |
|
16294 -webkit-font-smoothing: antialiased; |
|
16295 -moz-font-smoothing: antialiased; |
|
16296 -o-font-smoothing: antialiased; |
|
16297 font-smoothing: antialiased; |
|
16298 text-rendering: optimizeLegibility; |
|
16299 } |
|
16300 .superbox-list { |
|
16301 display: inline-block; |
|
16302 *display: inline; |
|
16303 zoom: 1; |
|
16304 width: 12.5%; |
|
16305 padding: 5px; |
|
16306 position: relative; |
|
16307 } |
|
16308 .superbox-list.active:before { |
|
16309 content: "\f0d8"; |
|
16310 font-family: FontAwesome; |
|
16311 display: block; |
|
16312 position: absolute; |
|
16313 left: 43%; |
|
16314 bottom: -34px; |
|
16315 z-index: 2; |
|
16316 text-align: center; |
|
16317 font-size: 45px; |
|
16318 color: #222; |
|
16319 } |
|
16320 @media only screen and (min-width: 320px) { |
|
16321 .superbox-list { |
|
16322 width: 50%; |
|
16323 } |
|
16324 } |
|
16325 @media only screen and (min-width: 486px) { |
|
16326 .superbox-list { |
|
16327 width: 25%; |
|
16328 } |
|
16329 } |
|
16330 @media only screen and (min-width: 768px) { |
|
16331 .superbox-list { |
|
16332 width: 16.66666667%; |
|
16333 } |
|
16334 } |
|
16335 @media only screen and (min-width: 1025px) { |
|
16336 .superbox-list { |
|
16337 width: 12.5%; |
|
16338 } |
|
16339 } |
|
16340 @media only screen and (min-width: 1824px) { |
|
16341 .superbox-list { |
|
16342 width: 12.5%; |
|
16343 } |
|
16344 } |
|
16345 .superbox-img { |
|
16346 max-width: 100%; |
|
16347 width: 100%; |
|
16348 cursor: pointer; |
|
16349 } |
|
16350 .superbox-show { |
|
16351 text-align: left; |
|
16352 position: relative; |
|
16353 background-color: #222; |
|
16354 width: 100%; |
|
16355 float: left; |
|
16356 padding: 25px 0 12px 25px; |
|
16357 display: none; |
|
16358 margin: 5px 0; |
|
16359 } |
|
16360 .superbox-current-img { |
|
16361 max-width: 100%; |
|
16362 float: left; |
|
16363 padding-right: 25px; |
|
16364 padding-bottom: 13px; |
|
16365 } |
|
16366 .superbox-img:hover { |
|
16367 opacity: .8; |
|
16368 } |
|
16369 .superbox-float { |
|
16370 float: left; |
|
16371 } |
|
16372 .superbox-close { |
|
16373 opacity: .7; |
|
16374 cursor: pointer; |
|
16375 position: absolute; |
|
16376 top: 15px; |
|
16377 right: 15px; |
|
16378 -webkit-transition: all .1s linear 0s; |
|
16379 transition: all .1s linear 0s; |
|
16380 } |
|
16381 .superbox-close:hover { |
|
16382 opacity: 1; |
|
16383 } |
|
16384 .superbox-imageinfo { |
|
16385 display: inline-block; |
|
16386 max-width: 500px; |
|
16387 color: #fff; |
|
16388 padding: 0 25px 0 0; |
|
16389 } |
|
16390 .superbox-imageinfo span { |
|
16391 font-size: 13px; |
|
16392 color: #a19994; |
|
16393 margin-right: -2px; |
|
16394 padding-top: 10px; |
|
16395 display: inline-block; |
|
16396 padding-bottom: 13px; |
|
16397 } |
|
16398 .superbox-imageinfo > :first-child { |
|
16399 margin-bottom: 10px; |
|
16400 font-weight: 700; |
|
16401 } |
|
16402 .superbox-imageinfo span p:last-child { |
|
16403 margin-top: 30px; |
|
16404 } |
|
16405 /* |
|
16406 * Bootstrap tags input |
|
16407 */ |
|
16408 .bootstrap-tagsinput { |
|
16409 display: block; |
|
16410 width: 100%; |
|
16411 min-height: 32px; |
|
16412 padding: 1px 3px; |
|
16413 font-size: 13px; |
|
16414 line-height: 1.428571429; |
|
16415 color: #555; |
|
16416 vertical-align: middle; |
|
16417 background-color: #FFF; |
|
16418 border: 1px solid #CCC; |
|
16419 border-radius: 0; |
|
16420 } |
|
16421 .bootstrap-tagsinput > span { |
|
16422 border-radius: 0!important; |
|
16423 font-weight: 400; |
|
16424 padding: 3px 28px 4px 8px; |
|
16425 font-size: 13px; |
|
16426 border: 1px solid #285E8E; |
|
16427 background: #3276B1; |
|
16428 } |
|
16429 .bootstrap-tagsinput input { |
|
16430 border: 0; |
|
16431 -webkit-box-shadow: none; |
|
16432 box-shadow: none; |
|
16433 outline: 0; |
|
16434 background-color: transparent; |
|
16435 padding: 0; |
|
16436 margin: 0; |
|
16437 width: auto!important; |
|
16438 max-width: inherit; |
|
16439 } |
|
16440 .bootstrap-tagsinput input:focus { |
|
16441 border: 0; |
|
16442 -webkit-box-shadow: none; |
|
16443 box-shadow: none; |
|
16444 } |
|
16445 .bootstrap-tagsinput .tag { |
|
16446 color: #FFF; |
|
16447 position: relative; |
|
16448 margin: 3px 0 3px 2px; |
|
16449 display: inline-block; |
|
16450 } |
|
16451 .bootstrap-tagsinput .tag [data-role=remove] { |
|
16452 display: block; |
|
16453 top: -1px; |
|
16454 right: 0; |
|
16455 padding: 3px 4px 3px 5px; |
|
16456 width: 23px; |
|
16457 height: 22px; |
|
16458 position: absolute; |
|
16459 cursor: pointer; |
|
16460 } |
|
16461 .bootstrap-tagsinput .tag [data-role=remove]:after { |
|
16462 content: "\f057"; |
|
16463 font-family: fontAwesome; |
|
16464 padding: 2px 1px; |
|
16465 line-height: 17px; |
|
16466 font-size: 15px; |
|
16467 text-align: center; |
|
16468 } |
|
16469 .bootstrap-tagsinput .tag [data-role=remove]:hover { |
|
16470 background: rgba(0, 0, 0, 0.3); |
|
16471 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
16472 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
16473 } |
|
16474 .bootstrap-tagsinput .tag [data-role=remove]:hover:active { |
|
16475 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
16476 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
16477 } |
|
16478 /* |
|
16479 * Bootstrap slider |
|
16480 */ |
|
16481 .slider { |
|
16482 display: inline-block; |
|
16483 vertical-align: middle; |
|
16484 position: relative; |
|
16485 margin-top: 0; |
|
16486 margin-bottom: 30px; |
|
16487 } |
|
16488 .slider.slider-horizontal { |
|
16489 width: 100%!important; |
|
16490 height: 20px; |
|
16491 } |
|
16492 .slider.slider-horizontal .slider-track { |
|
16493 height: 10px; |
|
16494 width: 100%; |
|
16495 margin-top: -5px; |
|
16496 top: 50%; |
|
16497 left: 0; |
|
16498 } |
|
16499 .slider.slider-horizontal .slider-selection { |
|
16500 height: 100%; |
|
16501 top: 0; |
|
16502 bottom: 0; |
|
16503 } |
|
16504 .slider.slider-horizontal .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { |
|
16505 content: "\f0d9"; |
|
16506 } |
|
16507 .slider.slider-horizontal .slider-handle { |
|
16508 margin-left: -10px; |
|
16509 margin-top: -5px; |
|
16510 } |
|
16511 .slider.slider-horizontal .slider-handle.triangle { |
|
16512 width: 20px; |
|
16513 height: 20px; |
|
16514 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
16515 -webkit-transform: rotate(0deg); |
|
16516 -ms-transform: rotate(0deg); |
|
16517 transform: rotate(0deg); |
|
16518 border: 0; |
|
16519 line-height: 21px; |
|
16520 color: #797777; |
|
16521 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); |
|
16522 } |
|
16523 .slider.slider-horizontal .slider-handle.triangle:before { |
|
16524 content: "\f0da"; |
|
16525 font-size: 34px; |
|
16526 } |
|
16527 .slider.slider-vertical { |
|
16528 margin-bottom: 0; |
|
16529 margin-right: 5px; |
|
16530 height: 210px; |
|
16531 width: 20px; |
|
16532 } |
|
16533 .slider.slider-vertical .slider-track { |
|
16534 width: 10px; |
|
16535 height: 100%; |
|
16536 margin-left: -5px; |
|
16537 left: 50%; |
|
16538 top: 0; |
|
16539 } |
|
16540 .slider.slider-vertical .slider-selection { |
|
16541 width: 100%; |
|
16542 left: 0; |
|
16543 top: 0; |
|
16544 bottom: 0; |
|
16545 } |
|
16546 .slider.slider-vertical .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { |
|
16547 content: "\f0d8"; |
|
16548 text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); |
|
16549 } |
|
16550 .slider.slider-vertical .slider-handle { |
|
16551 margin-left: -5px; |
|
16552 margin-top: -10px; |
|
16553 } |
|
16554 .slider.slider-vertical .slider-handle.triangle { |
|
16555 width: 20px; |
|
16556 height: 20px; |
|
16557 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
16558 -webkit-transform: rotate(0deg); |
|
16559 -ms-transform: rotate(0deg); |
|
16560 transform: rotate(0deg); |
|
16561 border: 0; |
|
16562 line-height: 21px; |
|
16563 color: #797777; |
|
16564 text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); |
|
16565 } |
|
16566 .slider.slider-vertical .slider-handle.triangle:before { |
|
16567 content: "\f0d7"; |
|
16568 font-size: 32px; |
|
16569 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); |
|
16570 } |
|
16571 .slider input { |
|
16572 display: none; |
|
16573 } |
|
16574 .slider .tooltip-inner { |
|
16575 white-space: nowrap; |
|
16576 } |
|
16577 .slider-track { |
|
16578 position: absolute; |
|
16579 cursor: pointer; |
|
16580 background: #E5E5E5; |
|
16581 } |
|
16582 .slider-danger + .slider-track > .slider-selection { |
|
16583 background: #a90329; |
|
16584 } |
|
16585 .slider-warning + .slider-track > .slider-selection { |
|
16586 background: #c79121; |
|
16587 } |
|
16588 .slider-info + .slider-track > .slider-selection { |
|
16589 background: #57889c; |
|
16590 } |
|
16591 .slider-success + .slider-track > .slider-selection { |
|
16592 background: #739e73; |
|
16593 } |
|
16594 .slider-selection { |
|
16595 position: absolute; |
|
16596 background: #3276b1; |
|
16597 } |
|
16598 .slider-handle { |
|
16599 position: absolute; |
|
16600 width: 20px; |
|
16601 height: 20px; |
|
16602 border: 1px solid #FFF; |
|
16603 background: #858585; |
|
16604 display: inline-block; |
|
16605 font-family: FontAwesome; |
|
16606 font-style: normal; |
|
16607 font-weight: 400; |
|
16608 -webkit-font-smoothing: antialiased; |
|
16609 -moz-osx-font-smoothing: grayscale; |
|
16610 text-align: center; |
|
16611 line-height: 18px; |
|
16612 font-size: 10px; |
|
16613 color: #ccc; |
|
16614 text-shadow: 0 1px 0 rgba(77, 77, 77, 0.5); |
|
16615 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
16616 -webkit-transform: rotate(90deg); |
|
16617 -ms-transform: rotate(90deg); |
|
16618 transform: rotate(90deg); |
|
16619 } |
|
16620 .slider-handle:before { |
|
16621 content: "\f0c9"; |
|
16622 } |
|
16623 .slider-handle.round { |
|
16624 border-radius: 20px; |
|
16625 width: 20px; |
|
16626 height: 20px; |
|
16627 } |
|
16628 .slider-handle.triangle { |
|
16629 background: transparent none; |
|
16630 } |
|
16631 /* |
|
16632 * fd-slider widget |
|
16633 */ |
|
16634 .fd-form-element-hidden { |
|
16635 display: none; |
|
16636 } |
|
16637 .fd-slider { |
|
16638 width: 100%; |
|
16639 height: 20px; |
|
16640 margin: 0; |
|
16641 } |
|
16642 .fd-slider-vertical { |
|
16643 width: 20px; |
|
16644 height: 100%; |
|
16645 margin: 0 10px 10px 0; |
|
16646 } |
|
16647 .fd-slider, |
|
16648 .fd-slider-vertical { |
|
16649 display: block; |
|
16650 position: relative; |
|
16651 text-decoration: none; |
|
16652 border: 0 none; |
|
16653 -moz-user-select: none; |
|
16654 -khtml-user-select: none; |
|
16655 -webkit-touch-callout: none; |
|
16656 -webkit-user-select: none; |
|
16657 -ms-user-select: none; |
|
16658 user-select: none; |
|
16659 } |
|
16660 .fd-slider-inner { |
|
16661 display: none; |
|
16662 } |
|
16663 .fd-slider-bar { |
|
16664 position: absolute; |
|
16665 display: block; |
|
16666 z-index: 2; |
|
16667 height: 6px; |
|
16668 width: 100%; |
|
16669 border: 1px solid #bbb; |
|
16670 border-bottom: 1px solid #fff; |
|
16671 border-right: 1px solid #fff; |
|
16672 margin: 0; |
|
16673 padding: 0; |
|
16674 overflow: hidden; |
|
16675 line-height: 4px; |
|
16676 top: 8px; |
|
16677 border-radius: 4px; |
|
16678 -webkit-background-clip: padding-box; |
|
16679 background-clip: padding-box; |
|
16680 background-color: #333; |
|
16681 } |
|
16682 .fd-slider-range { |
|
16683 position: absolute; |
|
16684 display: block; |
|
16685 z-index: 3; |
|
16686 height: 6px; |
|
16687 margin: 0; |
|
16688 padding: 0 2px 0 0; |
|
16689 overflow: hidden; |
|
16690 top: 9px; |
|
16691 border-radius: 2px; |
|
16692 -webkit-background-clip: padding-box; |
|
16693 background-clip: padding-box; |
|
16694 background-color: #eee; |
|
16695 } |
|
16696 .fd-slider-handle { |
|
16697 position: absolute; |
|
16698 display: block; |
|
16699 padding: 0; |
|
16700 margin: 0 0 0 1px; |
|
16701 z-index: 3; |
|
16702 top: 5px; |
|
16703 left: 0; |
|
16704 width: 12px; |
|
16705 height: 12px; |
|
16706 line-height: 1px!important; |
|
16707 outline: 0 none; |
|
16708 background: #eee; |
|
16709 border: 1px solid #aaa; |
|
16710 border-radius: 12px; |
|
16711 -webkit-user-select: none; |
|
16712 -webkit-touch-callout: none; |
|
16713 -moz-user-select: none; |
|
16714 -moz-user-focus: none; |
|
16715 -moz-outline: 0 none; |
|
16716 -ms-user-select: none; |
|
16717 user-select: none; |
|
16718 } |
|
16719 .fd-slider-handle:focus { |
|
16720 outline: 0 none; |
|
16721 border: 0 none; |
|
16722 -moz-user-focus: normal; |
|
16723 } |
|
16724 .fd-slider-handle:before, |
|
16725 .fd-slider-handle:after { |
|
16726 opacity: 0; |
|
16727 -webkit-transition-property: opacity; |
|
16728 -webkit-transition-duration: 1s; |
|
16729 -webkit-transition-delay: 1s; |
|
16730 transition-property: opacity; |
|
16731 transition-duration: 1s; |
|
16732 transition-delay: 1s; |
|
16733 } |
|
16734 button.fd-slider-handle:focus::-moz-focus-inner { |
|
16735 border-color: transparent; |
|
16736 } |
|
16737 .oldie .fd-slider-handle:after, |
|
16738 .oldie .fd-slider-handle:before { |
|
16739 display: none; |
|
16740 } |
|
16741 body.fd-slider-drag-horizontal, |
|
16742 body.fd-slider-drag-horizontal *, |
|
16743 body.fd-slider-drag-vertical, |
|
16744 body.fd-slider-drag-vertical * { |
|
16745 -moz-user-select: none; |
|
16746 -webkit-user-select: none; |
|
16747 -ms-user-select: none; |
|
16748 user-select: none; |
|
16749 } |
|
16750 .fd-slider-active .fd-slider-handle :before, |
|
16751 .fd-slider-focused .fd-slider-handle :before, |
|
16752 .fd-slider-hover .fd-slider-handle :before { |
|
16753 display: block; |
|
16754 position: absolute; |
|
16755 top: -21px; |
|
16756 left: -8px; |
|
16757 margin: 0; |
|
16758 width: 20px; |
|
16759 padding: 3px; |
|
16760 height: 14px; |
|
16761 line-height: 12px; |
|
16762 text-align: center; |
|
16763 font-size: 10px; |
|
16764 font-weight: 700; |
|
16765 color: #fff; |
|
16766 text-shadow: 1px 1px 1px #1a3a95; |
|
16767 background: #2f6ee0; |
|
16768 z-index: 1; |
|
16769 content: attr(aria-valuetext); |
|
16770 border-radius: 3px; |
|
16771 -webkit-background-clip: padding-box; |
|
16772 background-clip: padding-box; |
|
16773 -webkit-box-shadow: 0 0 4px #aaa; |
|
16774 box-shadow: 0 0 4px #999; |
|
16775 opacity: 1; |
|
16776 } |
|
16777 .fd-slider-active .fd-slider-handle:after, |
|
16778 .fd-slider-focused .fd-slider-handle:after, |
|
16779 .fd-slider-hover .fd-slider-handle:after { |
|
16780 outline: 0; |
|
16781 content: ""; |
|
16782 display: block; |
|
16783 position: absolute; |
|
16784 top: -9px; |
|
16785 left: 50%; |
|
16786 margin: 0 0 0 -5px; |
|
16787 background: #2f6ee0; |
|
16788 z-index: 2; |
|
16789 width: 10px; |
|
16790 height: 10px; |
|
16791 overflow: hidden; |
|
16792 -webkit-transform: rotate(45deg); |
|
16793 -moz-transform: rotate(45deg); |
|
16794 -o-transform: rotate(45deg); |
|
16795 -webkit-box-shadow: 0 0 4px #aaa; |
|
16796 box-shadow: 0 0 4px #aaa; |
|
16797 clip: rect(4px, 14px, 14px, 4px); |
|
16798 opacity: 1; |
|
16799 } |
|
16800 /* |
|
16801 * Graphs |
|
16802 */ |
|
16803 .chart { |
|
16804 height: 220px; |
|
16805 margin: 20px 5px 10px 10px; |
|
16806 } |
|
16807 .chart-small { |
|
16808 height: 100px; |
|
16809 width: 100%; |
|
16810 } |
|
16811 .chart-large { |
|
16812 height: 235px; |
|
16813 width: 100%; |
|
16814 } |
|
16815 .chart-xl { |
|
16816 height: 297px; |
|
16817 width: 100%; |
|
16818 } |
|
16819 #flotTip { |
|
16820 padding: 3px 5px; |
|
16821 background-color: #fff; |
|
16822 z-index: 9999; |
|
16823 color: #333; |
|
16824 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
|
16825 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
|
16826 font-size: 14px; |
|
16827 border: 1px solid #C1C1C1; |
|
16828 -khtml-border-radius: 4px; |
|
16829 border-radius: 4px; |
|
16830 } |
|
16831 #flotTip span { |
|
16832 color: #38812D; |
|
16833 font-weight: 700; |
|
16834 } |
|
16835 .has-legend { |
|
16836 margin-top: 30px!important; |
|
16837 } |
|
16838 .has-legend-unique { |
|
16839 margin-top: 19px!important; |
|
16840 } |
|
16841 .legendLabel span { |
|
16842 display: block; |
|
16843 margin: 0 5px; |
|
16844 } |
|
16845 .legendColorBox { |
|
16846 padding-left: 10px; |
|
16847 vertical-align: top; |
|
16848 padding-top: 5px; |
|
16849 } |
|
16850 .legendColorBox div > div { |
|
16851 width: 4px; |
|
16852 height: 4px; |
|
16853 border-radius: 50%; |
|
16854 box-sizing: content-box; |
|
16855 -moz-box-sizing: content-box; |
|
16856 -webkit-box-sizing: content-box; |
|
16857 } |
|
16858 .morris-hover { |
|
16859 position: absolute; |
|
16860 z-index: 1001; |
|
16861 } |
|
16862 .morris-hover.morris-default-style { |
|
16863 border-radius: 10px; |
|
16864 padding: 6px; |
|
16865 color: #666; |
|
16866 background: rgba(255, 255, 255, 0.8); |
|
16867 border: solid 2px rgba(230, 230, 230, 0.8); |
|
16868 font-family: Ubuntu, sans-serif; |
|
16869 font-size: 12px; |
|
16870 text-align: center; |
|
16871 } |
|
16872 .morris-hover.morris-default-style .morris-hover-row-label { |
|
16873 font-weight: 700; |
|
16874 margin: .25em 0; |
|
16875 } |
|
16876 .morris-hover.morris-default-style .morris-hover-point { |
|
16877 white-space: nowrap; |
|
16878 margin: .1em 0; |
|
16879 } |
|
16880 .easyPieChart { |
|
16881 position: relative; |
|
16882 text-align: center; |
|
16883 } |
|
16884 .easyPieChart canvas { |
|
16885 position: absolute; |
|
16886 top: 0; |
|
16887 left: 0; |
|
16888 } |
|
16889 .easy-pie-chart { |
|
16890 display: inline-block; |
|
16891 } |
|
16892 .easy-pie-chart .percent { |
|
16893 color: #444; |
|
16894 font-size: 12px; |
|
16895 font-weight: 700; |
|
16896 } |
|
16897 .easy-pie-title { |
|
16898 display: inline-block; |
|
16899 margin: 10px 6px 0; |
|
16900 font-size: 12px; |
|
16901 font-weight: 400; |
|
16902 text-transform: uppercase; |
|
16903 width: 100px; |
|
16904 height: 19px; |
|
16905 text-overflow: ellipsis; |
|
16906 white-space: nowrap; |
|
16907 overflow: hidden; |
|
16908 } |
|
16909 .easy-pie-title .icon-color-bad, |
|
16910 .easy-pie-title .icon-color-good { |
|
16911 font-size: 18px; |
|
16912 } |
|
16913 .show-stat-buttons { |
|
16914 float: left; |
|
16915 width: 100%; |
|
16916 } |
|
16917 @media (max-width: 767px) { |
|
16918 .show-stat-buttons { |
|
16919 padding-left: 10px!important; |
|
16920 padding-right: 10px!important; |
|
16921 } |
|
16922 } |
|
16923 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
16924 .show-stat-buttons { |
|
16925 padding-left: 10px!important; |
|
16926 padding-right: 10px!important; |
|
16927 } |
|
16928 } |
|
16929 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
16930 .show-stat-buttons { |
|
16931 padding-left: 10px!important; |
|
16932 padding-right: 10px!important; |
|
16933 } |
|
16934 } |
|
16935 .show-stats { |
|
16936 padding-top: 6px!important; |
|
16937 } |
|
16938 .show-stats .progress { |
|
16939 height: 7px; |
|
16940 border-radius: 0; |
|
16941 margin-top: 3px; |
|
16942 margin-bottom: 15px; |
|
16943 } |
|
16944 .show-stats .show-stat-buttons > :first-child { |
|
16945 padding-right: 5px; |
|
16946 } |
|
16947 @media (max-width: 979px) { |
|
16948 .show-stats .show-stat-buttons > :first-child { |
|
16949 padding-right: 13px; |
|
16950 } |
|
16951 } |
|
16952 .show-stats .show-stat-buttons > :last-child { |
|
16953 padding-left: 5px; |
|
16954 } |
|
16955 @media (max-width: 979px) { |
|
16956 .show-stats .show-stat-buttons > :last-child { |
|
16957 padding-left: 13px; |
|
16958 } |
|
16959 } |
|
16960 .show-stat-microcharts { |
|
16961 margin-left: -10px; |
|
16962 margin-right: -10px; |
|
16963 } |
|
16964 .show-stat-microcharts > div { |
|
16965 border-right: 1px solid #DADADA!important; |
|
16966 border-top: 1px solid #DADADA!important; |
|
16967 margin-top: 10px!important; |
|
16968 height: 65px; |
|
16969 overflow: hidden; |
|
16970 padding: 7px 9px; |
|
16971 } |
|
16972 @media (max-width: 767px) { |
|
16973 .show-stat-microcharts > div { |
|
16974 margin-top: 0!important; |
|
16975 border-right: 0!important; |
|
16976 } |
|
16977 } |
|
16978 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
16979 .show-stat-microcharts > div { |
|
16980 margin-top: 0!important; |
|
16981 border-right: 0!important; |
|
16982 } |
|
16983 } |
|
16984 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
16985 .show-stat-microcharts > div { |
|
16986 margin-top: 0!important; |
|
16987 border-right: 0!important; |
|
16988 } |
|
16989 } |
|
16990 .show-stat-microcharts > :last-child { |
|
16991 border-right: 0!important; |
|
16992 } |
|
16993 .show-stat-microcharts .sparkline { |
|
16994 margin-top: 10px; |
|
16995 margin-right: 8px; |
|
16996 opacity: .7; |
|
16997 } |
|
16998 .show-stat-microcharts .sparkline:hover { |
|
16999 opacity: 1; |
|
17000 } |
|
17001 .smaller-stat { |
|
17002 margin: 0; |
|
17003 padding: 0; |
|
17004 list-style: none; |
|
17005 } |
|
17006 .smaller-stat li { |
|
17007 margin-top: 3px; |
|
17008 margin-right: 0; |
|
17009 } |
|
17010 .smaller-stat li:first-child { |
|
17011 margin-top: 8px; |
|
17012 } |
|
17013 .smaller-stat span.label { |
|
17014 width: 40px; |
|
17015 display: block; |
|
17016 text-align: left; |
|
17017 opacity: .5; |
|
17018 cursor: default; |
|
17019 } |
|
17020 .smaller-stat span.label:hover { |
|
17021 opacity: 1; |
|
17022 } |
|
17023 .jvectormap-label { |
|
17024 position: absolute; |
|
17025 display: none; |
|
17026 border: solid 1px #CDCDCD; |
|
17027 border-radius: 3px; |
|
17028 background: #292929; |
|
17029 color: #fff; |
|
17030 font-family: Ubuntu, sans-serif, Verdana; |
|
17031 font-size: smaller; |
|
17032 padding: 3px; |
|
17033 } |
|
17034 .jvectormap-zoomin { |
|
17035 top: 0; |
|
17036 } |
|
17037 .jvectormap-zoomout { |
|
17038 top: 24px; |
|
17039 } |
|
17040 .jvectormap-zoomin, |
|
17041 .jvectormap-zoomout { |
|
17042 position: absolute; |
|
17043 background: #292929; |
|
17044 padding: 4px; |
|
17045 width: 22px; |
|
17046 height: 22px; |
|
17047 cursor: pointer; |
|
17048 line-height: 10px; |
|
17049 text-align: center; |
|
17050 font-size: 14px; |
|
17051 border-radius: 2px; |
|
17052 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
17053 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
17054 background-color: #fff; |
|
17055 border: 1px solid #bfbfbf; |
|
17056 } |
|
17057 .jvectormap-zoomin:hover, |
|
17058 .jvectormap-zoomout:hover { |
|
17059 background: #eee; |
|
17060 border-color: #d9d9d9; |
|
17061 } |
|
17062 .vector-map { |
|
17063 height: 300px; |
|
17064 width: 100%; |
|
17065 padding: 10px; |
|
17066 } |
|
17067 /* |
|
17068 * Chat application |
|
17069 */ |
|
17070 #chat-container { |
|
17071 position: absolute; |
|
17072 width: 250px; |
|
17073 height: 270px; |
|
17074 z-index: 2; |
|
17075 border-left: 1px solid #CDCECF; |
|
17076 right: -251px; |
|
17077 top: 0; |
|
17078 background: #fff; |
|
17079 transition-duration: .25s; |
|
17080 -webkit-transition-duration: .25s; |
|
17081 } |
|
17082 #chat-container:hover, |
|
17083 #chat-container:hover .chat-list-open-close { |
|
17084 border-color: #A7A7A7; |
|
17085 } |
|
17086 #chat-container *, |
|
17087 #chat-container :after, |
|
17088 #chat-container :before { |
|
17089 box-sizing: content-box; |
|
17090 -moz-box-sizing: content-box; |
|
17091 -webkit-box-sizing: content-box; |
|
17092 } |
|
17093 #chat-container input[type=text] { |
|
17094 box-sizing: border-box; |
|
17095 -moz-box-sizing: border-box; |
|
17096 -webkit-box-sizing: border-box; |
|
17097 } |
|
17098 #chat-container.open { |
|
17099 right: 0; |
|
17100 top: 0; |
|
17101 } |
|
17102 #chat-container.open .chat-list-open-close i:before { |
|
17103 content: "\f00d" !important; |
|
17104 } |
|
17105 #chat-container.open .chat-list-open-close b { |
|
17106 display: none; |
|
17107 } |
|
17108 #chat-container .chat-list-open-close { |
|
17109 display: block; |
|
17110 width: 25px; |
|
17111 height: 25px; |
|
17112 border: 1px solid #CDCECF; |
|
17113 border-right: 1px solid #f2f4f8!important; |
|
17114 position: absolute; |
|
17115 left: -32px; |
|
17116 top: 7%; |
|
17117 border-radius: 50% 0 0 50%; |
|
17118 padding: 3px 1px 3px 5px; |
|
17119 font-size: 21px; |
|
17120 line-height: 22px; |
|
17121 cursor: pointer; |
|
17122 color: #868686; |
|
17123 -webkit-box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); |
|
17124 box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); |
|
17125 background: #f2f4f8; |
|
17126 text-align: center; |
|
17127 } |
|
17128 #chat-container .chat-list-open-close b { |
|
17129 position: absolute; |
|
17130 right: 0; |
|
17131 background: #ed1c24; |
|
17132 line-height: 9px; |
|
17133 height: 10px; |
|
17134 width: 10px; |
|
17135 top: 3px; |
|
17136 border: 1px solid #FFF; |
|
17137 border-radius: 3px; |
|
17138 font-size: 9px; |
|
17139 text-align: center; |
|
17140 vertical-align: middle; |
|
17141 color: #fff; |
|
17142 font-weight: 400; |
|
17143 } |
|
17144 #chat-container .chat-list-body { |
|
17145 height: 217px; |
|
17146 overflow-y: scroll; |
|
17147 overflow-x: hidden; |
|
17148 display: block; |
|
17149 padding: 0; |
|
17150 box-sizing: border-box; |
|
17151 -webkit-box-sizing: border-box; |
|
17152 -moz-box-sizing: border-box; |
|
17153 background: #f2f4f8; |
|
17154 } |
|
17155 #chat-container #chat-users { |
|
17156 list-style: none; |
|
17157 margin: 10px 0; |
|
17158 padding: 0; |
|
17159 } |
|
17160 #chat-container #chat-users li { |
|
17161 margin-bottom: 3px; |
|
17162 margin-left: 5px; |
|
17163 } |
|
17164 #chat-container #chat-users li a { |
|
17165 display: block; |
|
17166 font-size: 13px; |
|
17167 color: #3d3d3d; |
|
17168 text-decoration: none!important; |
|
17169 box-sizing: border-box; |
|
17170 -webkit-box-sizing: border-box; |
|
17171 -moz-box-sizing: border-box; |
|
17172 padding: 3px 8px 3px 3px; |
|
17173 line-height: 33px; |
|
17174 vertical-align: middle; |
|
17175 } |
|
17176 #chat-container #chat-users li a:hover { |
|
17177 background: #e0e4ee; |
|
17178 } |
|
17179 #chat-container #chat-users li a img { |
|
17180 width: 33px; |
|
17181 height: auto; |
|
17182 margin-right: 10px; |
|
17183 } |
|
17184 #chat-container #chat-users li a i { |
|
17185 color: #ACACAC; |
|
17186 font-size: 8px; |
|
17187 line-height: 34px; |
|
17188 font-style: normal; |
|
17189 } |
|
17190 #chat-container #chat-users li a i.last-online { |
|
17191 font-size: 12px; |
|
17192 letter-spacing: -1px; |
|
17193 } |
|
17194 #chat-container .chat-list-footer { |
|
17195 overflow: hidden; |
|
17196 border-top: 1px solid #CCC; |
|
17197 padding: 10px; |
|
17198 box-sizing: border-box; |
|
17199 -webkit-box-sizing: border-box; |
|
17200 -moz-box-sizing: border-box; |
|
17201 } |
|
17202 #chat-container .chat-list-footer input[type=text] { |
|
17203 border: 1px solid #bababa!important; |
|
17204 } |
|
17205 #chat-container .control-group { |
|
17206 padding: 0; |
|
17207 } |
|
17208 .chat-body { |
|
17209 background: #FAFAFA; |
|
17210 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); |
|
17211 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #fff)); |
|
17212 background: -webkit-linear-gradient(top, #fafafa 0, #fff 100%); |
|
17213 background: -webkit-gradient(linear, top left, bottom left, from(#f5fcff), to(#fff)); |
|
17214 background: -webkit-linear-gradient(top, #f5fcff 0, #fff 100%); |
|
17215 background: linear-gradient(to bottom, #f5fcff 0, #fff 100%); |
|
17216 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); |
|
17217 -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
|
17218 box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
|
17219 display: block; |
|
17220 min-height: 270px; |
|
17221 overflow-y: scroll; |
|
17222 overflow-x: hidden; |
|
17223 padding: 10px; |
|
17224 box-sizing: border-box; |
|
17225 -webkit-box-sizing: border-box; |
|
17226 -moz-box-sizing: border-box; |
|
17227 border: 1px solid #fff; |
|
17228 border-top: 0; |
|
17229 } |
|
17230 .chat-body ul { |
|
17231 margin: 0; |
|
17232 padding: 0; |
|
17233 } |
|
17234 .chat-body li.message { |
|
17235 display: block; |
|
17236 position: relative; |
|
17237 padding: 10px; |
|
17238 margin: 2px; |
|
17239 } |
|
17240 .chat-body li.message:hover { |
|
17241 background-color: #eee; |
|
17242 } |
|
17243 .chat-body li.message.request, |
|
17244 .chat-body li.message.request:hover { |
|
17245 background-color: #e4e4e4; |
|
17246 } |
|
17247 .chat-body li.message img, |
|
17248 .chat-body li.message .img { |
|
17249 display: inline-block; |
|
17250 border-left: 4px solid transparent; |
|
17251 position: absolute; |
|
17252 } |
|
17253 .chat-body li.message img.online, |
|
17254 .chat-body li.message .img.online { |
|
17255 border-left-color: #00a300; |
|
17256 } |
|
17257 .chat-body li.message img.offline, |
|
17258 .chat-body li.message .img.offline { |
|
17259 border-left-color: #ddd; |
|
17260 } |
|
17261 .chat-body li.message img.busy, |
|
17262 .chat-body li.message .img.busy { |
|
17263 border-left-color: #A90329; |
|
17264 } |
|
17265 .chat-body li.message img.away, |
|
17266 .chat-body li.message .img.away { |
|
17267 border-left-color: #ffc40d; |
|
17268 } |
|
17269 .chat-body li.message .img { |
|
17270 width: 35px; |
|
17271 padding-top: 7px; |
|
17272 text-align: center; |
|
17273 } |
|
17274 .chat-body li.message .message-text { |
|
17275 display: inline-block; |
|
17276 vertical-align: top; |
|
17277 box-sizing: border-box; |
|
17278 -webkit-box-sizing: border-box; |
|
17279 -moz-box-sizing: border-box; |
|
17280 padding: 0; |
|
17281 margin-left: 50px; |
|
17282 line-height: normal; |
|
17283 } |
|
17284 .chat-body li.message .message-text time { |
|
17285 font-size: 13px; |
|
17286 font-weight: normal; |
|
17287 color: #666; |
|
17288 } |
|
17289 .chat-body li.message .message-text .chat-file { |
|
17290 display: block; |
|
17291 margin: 3px 0; |
|
17292 padding: 4px; |
|
17293 border: 1px dotted #ddd; |
|
17294 background: rgba(0, 0, 0, 0.05); |
|
17295 border-radius: 4px; |
|
17296 text-align: right; |
|
17297 box-sizing: border-box; |
|
17298 -webkit-box-sizing: border-box; |
|
17299 -moz-box-sizing: border-box; |
|
17300 } |
|
17301 .chat-body li.message .message-text .chat-file:nth-child(3) { |
|
17302 margin-top: 15px; |
|
17303 } |
|
17304 .chat-body li.message .message-text .chat-file.row-fluid [class*=span] { |
|
17305 min-height: 10px!important; |
|
17306 } |
|
17307 .chat-body li.message .message-text .chat-file b { |
|
17308 font-style: italic; |
|
17309 white-space: nowrap; |
|
17310 width: 250px; |
|
17311 overflow: hidden; |
|
17312 text-overflow: ellipsis; |
|
17313 text-align: left; |
|
17314 } |
|
17315 @media (min-width: 768px) and (max-width: 880px) { |
|
17316 .chat-body li.message .message-text .chat-file b { |
|
17317 width: 150px; |
|
17318 } |
|
17319 } |
|
17320 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
17321 .chat-body li.message .message-text .chat-file b { |
|
17322 width: 150px; |
|
17323 } |
|
17324 } |
|
17325 @media (max-width: 480px) { |
|
17326 .chat-body li.message .message-text .chat-file b { |
|
17327 width: 150px; |
|
17328 } |
|
17329 } |
|
17330 .chat-body li.message .message-text .username { |
|
17331 display: block; |
|
17332 font-weight: 700; |
|
17333 margin-bottom: 4px; |
|
17334 vertical-align: top; |
|
17335 line-height: 14px; |
|
17336 font-size: 14px; |
|
17337 text-decoration: none!important; |
|
17338 } |
|
17339 .chat-footer { |
|
17340 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
17341 background: rgba(248, 248, 248, 0.9); |
|
17342 padding: 0 10px 15px; |
|
17343 position: relative; |
|
17344 box-sizing: border-box; |
|
17345 -webkit-box-sizing: border-box; |
|
17346 -moz-box-sizing: border-box; |
|
17347 } |
|
17348 .profile-message { |
|
17349 background: none!important; |
|
17350 height: auto!important; |
|
17351 box-shadow: none!important; |
|
17352 -webkit-box-shadow: none!important; |
|
17353 overflow: hidden; |
|
17354 } |
|
17355 .profile-message li.message.message-reply { |
|
17356 margin-left: 85px!important; |
|
17357 background: #F7F7F7; |
|
17358 padding: 10px; |
|
17359 margin: 3px 0 0 20px; |
|
17360 } |
|
17361 .profile-message li.message.message-reply img { |
|
17362 width: 35px!important; |
|
17363 } |
|
17364 .profile-message li.message.message-reply .message-text { |
|
17365 margin-left: 45px!important; |
|
17366 } |
|
17367 .profile-message .wall-comment-reply { |
|
17368 margin-left: 85px; |
|
17369 margin-bottom: 20px; |
|
17370 } |
|
17371 .cajita img { |
|
17372 width: 23px; |
|
17373 height: 23px; |
|
17374 padding-left: 3px; |
|
17375 padding-top: 3px; |
|
17376 } |
|
17377 #pageslide { |
|
17378 display: none; |
|
17379 position: absolute; |
|
17380 position: fixed; |
|
17381 top: 0; |
|
17382 height: 100%; |
|
17383 z-index: 999999; |
|
17384 width: 305px; |
|
17385 padding: 20px; |
|
17386 background-color: #004d60; |
|
17387 color: #FFF; |
|
17388 -webkit-box-shadow: inset 0 0 5px 5px #222; |
|
17389 -moz-shadow: inset 0 0 0 0 #222; |
|
17390 box-shadow: inset 0 0 0 0 #222; |
|
17391 } |
|
17392 .purehtml { |
|
17393 color: #fff; |
|
17394 font-size: 16px; |
|
17395 } |
|
17396 /* |
|
17397 * Mail-style application |
|
17398 */ |
|
17399 #inbox-table { |
|
17400 font-size: 13px; |
|
17401 border-top: 0; |
|
17402 border-left-color: transparent!important; |
|
17403 border-right-color: transparent!important; |
|
17404 } |
|
17405 #inbox-table tbody tr:hover { |
|
17406 cursor: pointer; |
|
17407 background: #E4E4E4; |
|
17408 } |
|
17409 #inbox-table tr td { |
|
17410 border-right: 0; |
|
17411 border-left: 0; |
|
17412 line-height: 26px; |
|
17413 padding: 6px 4px 7px!important; |
|
17414 } |
|
17415 #inbox-table .inbox-table-icon { |
|
17416 padding-left: 15px!important; |
|
17417 } |
|
17418 @media (max-width: 979px) { |
|
17419 #inbox-table .inbox-table-icon { |
|
17420 padding-left: 10px!important; |
|
17421 } |
|
17422 } |
|
17423 #inbox-table tbody tr th { |
|
17424 overflow: hidden; |
|
17425 } |
|
17426 #inbox-table.table tbody > tr > td { |
|
17427 border-color: #fff!important; |
|
17428 } |
|
17429 #inbox-table .checkbox, |
|
17430 #inbox-table .radio { |
|
17431 margin-top: -1px; |
|
17432 margin-bottom: 0; |
|
17433 } |
|
17434 .minified .inbox-badge { |
|
17435 border-radius: 50%; |
|
17436 font-size: 9px; |
|
17437 padding: 2px; |
|
17438 position: absolute; |
|
17439 top: 6px; |
|
17440 right: 6px; |
|
17441 background: #ED1C24; |
|
17442 min-width: 13px; |
|
17443 } |
|
17444 .inbox-body { |
|
17445 position: relative; |
|
17446 } |
|
17447 .inbox-body .table-wrap { |
|
17448 background: #fff; |
|
17449 padding: 10px 14px 7px; |
|
17450 position: relative; |
|
17451 margin-left: 200px; |
|
17452 } |
|
17453 @media (max-width: 1024px) { |
|
17454 .inbox-body .table-wrap { |
|
17455 margin-left: 0!important; |
|
17456 } |
|
17457 } |
|
17458 @media (max-width: 979px) { |
|
17459 .inbox-body .table-wrap { |
|
17460 padding: 0!important; |
|
17461 } |
|
17462 } |
|
17463 .inbox-body.no-content-padding { |
|
17464 margin-top: 0; |
|
17465 background: #fff; |
|
17466 } |
|
17467 .inbox-nav-bar { |
|
17468 height: 70px; |
|
17469 margin-bottom: 0; |
|
17470 padding: 20px 14px; |
|
17471 background: #fff; |
|
17472 } |
|
17473 @media (max-width: 979px) { |
|
17474 .inbox-nav-bar { |
|
17475 padding-left: 5px; |
|
17476 padding-right: 5px; |
|
17477 } |
|
17478 } |
|
17479 @media (min-width: 768px) and (max-width: 880px) { |
|
17480 .inbox-nav-bar.no-content-padding { |
|
17481 margin-top: -10px !important; |
|
17482 } |
|
17483 } |
|
17484 @media (max-width: 767px) { |
|
17485 .inbox-nav-bar.no-content-padding { |
|
17486 margin-top: -10px !important; |
|
17487 } |
|
17488 } |
|
17489 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
17490 .inbox-nav-bar.no-content-padding { |
|
17491 margin-top: -10px !important; |
|
17492 } |
|
17493 } |
|
17494 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
17495 .inbox-nav-bar.no-content-padding { |
|
17496 margin-top: -10px !important; |
|
17497 } |
|
17498 } |
|
17499 .inbox-nav-bar .page-title { |
|
17500 display: inline-block; |
|
17501 margin: 0; |
|
17502 width: 196px; |
|
17503 line-height: 33px; |
|
17504 vertical-align: middle; |
|
17505 } |
|
17506 .inbox-footer { |
|
17507 height: 52px; |
|
17508 padding: 15px 14px 0; |
|
17509 border-top: 1px solid #CECECE; |
|
17510 background: #2a2725; |
|
17511 position: absolute; |
|
17512 bottom: -53px; |
|
17513 width: 100%; |
|
17514 } |
|
17515 .inbox-footer .btn-group, |
|
17516 .inbox-paging { |
|
17517 margin-left: 10px; |
|
17518 } |
|
17519 .inbox-data-attachment, |
|
17520 .inbox-table-icon { |
|
17521 width: 28px; |
|
17522 text-align: left; |
|
17523 padding-left: 12px!important; |
|
17524 padding-right: 0!important; |
|
17525 } |
|
17526 .inbox-data-from { |
|
17527 width: 200px; |
|
17528 } |
|
17529 .inbox-data-from > :first-child { |
|
17530 width: 200px; |
|
17531 display: block; |
|
17532 overflow: hidden; |
|
17533 text-overflow: ellipsis; |
|
17534 white-space: nowrap; |
|
17535 } |
|
17536 .inbox-data-date { |
|
17537 width: 80px; |
|
17538 padding-left: 7px!important; |
|
17539 padding-right: 0!important; |
|
17540 } |
|
17541 .inbox-data-message > :first-child { |
|
17542 width: 100%; |
|
17543 overflow: hidden; |
|
17544 text-overflow: ellipsis; |
|
17545 white-space: nowrap; |
|
17546 height: 27px; |
|
17547 color: #8A8A8A; |
|
17548 } |
|
17549 @media (max-width: 979px) { |
|
17550 .inbox-data-message > :first-child { |
|
17551 height: 50px; |
|
17552 overflow: hidden; |
|
17553 } |
|
17554 } |
|
17555 .inbox-data-message > :first-child span { |
|
17556 color: #111; |
|
17557 } |
|
17558 .inbox-data-message > :first-child span.label { |
|
17559 color: #fff; |
|
17560 } |
|
17561 @media (max-width: 979px) { |
|
17562 .inbox-data-message > :first-child > :first-child { |
|
17563 display: block!important; |
|
17564 font-size: 14px; |
|
17565 } |
|
17566 } |
|
17567 .inbox-data-message > :first-child > :first-child:after { |
|
17568 content: " - "; |
|
17569 } |
|
17570 .inbox-checkbox-triggered { |
|
17571 display: inline-block; |
|
17572 } |
|
17573 .inbox-checkbox-triggered > .btn-group { |
|
17574 margin-right: 10px; |
|
17575 } |
|
17576 .inbox-checkbox-triggered > .btn-group .btn { |
|
17577 padding-left: 14px; |
|
17578 padding-right: 14px; |
|
17579 } |
|
17580 @media (max-width: 979px) { |
|
17581 .inbox-checkbox-triggered > .btn-group .btn { |
|
17582 padding-left: 10px; |
|
17583 padding-right: 10px; |
|
17584 } |
|
17585 } |
|
17586 .inbox-side-bar { |
|
17587 height: 100%; |
|
17588 position: absolute; |
|
17589 background: #fff; |
|
17590 display: block; |
|
17591 width: 200px; |
|
17592 padding: 10px 0 10px 14px; |
|
17593 } |
|
17594 @media (max-width: 1024px) { |
|
17595 .inbox-side-bar { |
|
17596 display: none!important; |
|
17597 } |
|
17598 } |
|
17599 .inbox-side-bar h6 { |
|
17600 font-weight: 400; |
|
17601 font-size: 11px; |
|
17602 display: block; |
|
17603 padding: 0 15px; |
|
17604 text-transform: uppercase; |
|
17605 color: #838383; |
|
17606 } |
|
17607 .inbox-side-bar h6 a { |
|
17608 font-size: 14px; |
|
17609 margin-top: -2px; |
|
17610 } |
|
17611 .inbox-side-bar h6 .tooltip { |
|
17612 text-transform: none!important; |
|
17613 } |
|
17614 .inbox-side-bar > .btn { |
|
17615 margin-bottom: 35px; |
|
17616 } |
|
17617 .inbox-side-bar .input-group { |
|
17618 margin-bottom: 25px; |
|
17619 } |
|
17620 .inbox-space { |
|
17621 display: block; |
|
17622 width: 185px; |
|
17623 } |
|
17624 .inbox-space > .progress { |
|
17625 margin-top: 5px; |
|
17626 } |
|
17627 .inbox .inbox-menu-lg { |
|
17628 list-style: none; |
|
17629 padding: 0; |
|
17630 margin: 0 0 20px; |
|
17631 } |
|
17632 .inbox .inbox-menu-lg .inbox-menu-lg li { |
|
17633 display: block; |
|
17634 width: 100%; |
|
17635 } |
|
17636 .inbox .inbox-menu-lg .inbox-menu-lg li a { |
|
17637 display: block; |
|
17638 padding: 6px 15px 7px; |
|
17639 font-size: 13px; |
|
17640 color: #333; |
|
17641 } |
|
17642 .inbox .inbox-menu-lg .inbox-menu-lg li a:hover { |
|
17643 text-decoration: none; |
|
17644 background: #f4f4f4; |
|
17645 } |
|
17646 .inbox .inbox-menu-lg .inbox-menu-lg li.active a { |
|
17647 font-weight: 700; |
|
17648 background: #F0F0F0; |
|
17649 border-bottom: 1px solid #E7E7E7; |
|
17650 color: #3276b1; |
|
17651 } |
|
17652 .inbox .inbox-menu-sm { |
|
17653 list-style: none; |
|
17654 padding: 0; |
|
17655 margin: 0 0 20px; |
|
17656 } |
|
17657 .inbox .inbox-menu-sm .inbox-menu-sm li { |
|
17658 display: block; |
|
17659 width: 100%; |
|
17660 } |
|
17661 .inbox .inbox-menu-sm .inbox-menu-sm li a { |
|
17662 display: block; |
|
17663 padding: 8px 15px 10px; |
|
17664 font-size: 13px; |
|
17665 color: #333; |
|
17666 } |
|
17667 .inbox .inbox-menu-sm .inbox-menu-sm li a:hover { |
|
17668 text-decoration: none; |
|
17669 background: #f4f4f4; |
|
17670 } |
|
17671 .inbox .inbox-menu-sm .inbox-menu-sm li.active a { |
|
17672 font-weight: 700; |
|
17673 background: #F0F0F0; |
|
17674 border-bottom: 1px solid #E7E7E7; |
|
17675 color: #3276b1; |
|
17676 } |
|
17677 .inbox-info-bar { |
|
17678 padding: 10px 0; |
|
17679 border-bottom: 1px solid #bfbfbf; |
|
17680 } |
|
17681 .inbox-info-bar .form-group { |
|
17682 margin: 0; |
|
17683 } |
|
17684 .inbox-info-bar .form-group input, |
|
17685 .inbox-info-bar .select2-container-multi .select2-choices { |
|
17686 border-color: #fff!important; |
|
17687 } |
|
17688 .inbox-info-bar .select2-choices > div { |
|
17689 display: none; |
|
17690 } |
|
17691 .inbox-info-bar .col-md-1, |
|
17692 .inbox-info-bar .col-md-11 { |
|
17693 padding-left: 0; |
|
17694 padding-right: 0; |
|
17695 } |
|
17696 @media (max-width: 1024px) { |
|
17697 .inbox-info-bar .col-md-1, |
|
17698 .inbox-info-bar .col-md-11 { |
|
17699 padding-left: 26px; |
|
17700 padding-right: 26px; |
|
17701 } |
|
17702 } |
|
17703 .inbox-info-bar img { |
|
17704 width: 35px; |
|
17705 height: auto; |
|
17706 display: inline-block; |
|
17707 vertical-align: middle; |
|
17708 margin-right: 7px; |
|
17709 margin-left: 2px; |
|
17710 border-left: 3px solid #fff; |
|
17711 } |
|
17712 .inbox-info-bar em { |
|
17713 position: absolute; |
|
17714 top: 6px; |
|
17715 right: 20px; |
|
17716 text-align: right; |
|
17717 font-style: normal; |
|
17718 } |
|
17719 .inbox-download .inbox-message { |
|
17720 padding: 15px 4px; |
|
17721 border-bottom: 1px solid #bfbfbf; |
|
17722 } |
|
17723 .inbox-download-list { |
|
17724 list-style: none; |
|
17725 margin: 5px 0 0; |
|
17726 padding: 0; |
|
17727 } |
|
17728 .inbox-download-list li { |
|
17729 display: inline-block; |
|
17730 margin: 0 5px 0 0; |
|
17731 vertical-align: top; |
|
17732 } |
|
17733 .inbox-download-list li > :first-child { |
|
17734 margin-bottom: 0; |
|
17735 width: 150px; |
|
17736 overflow: hidden; |
|
17737 } |
|
17738 .inbox-download-list li > :first-child:hover { |
|
17739 background: #fff; |
|
17740 border-color: silver; |
|
17741 } |
|
17742 .inbox-download-list li > :first-child > :first-child { |
|
17743 text-align: center; |
|
17744 display: block; |
|
17745 color: #D6D6D6; |
|
17746 } |
|
17747 .inbox-download-list li > :first-child > :first-child > .fa { |
|
17748 font-size: 150px; |
|
17749 } |
|
17750 .inbox-download-list li > :first-child > :first-child > img { |
|
17751 max-width: 120px; |
|
17752 } |
|
17753 .inbox-compose-footer { |
|
17754 padding: 10px; |
|
17755 background: #F5F5F5; |
|
17756 border-bottom: 1px solid #A9A9A9; |
|
17757 } |
|
17758 .inbox-compose-footer, |
|
17759 .inbox-download, |
|
17760 .inbox-info-bar, |
|
17761 .inbox-message { |
|
17762 margin-right: 240px; |
|
17763 position: relative; |
|
17764 } |
|
17765 @media (max-width: 1280px) { |
|
17766 .inbox-compose-footer, |
|
17767 .inbox-download, |
|
17768 .inbox-info-bar, |
|
17769 .inbox-message { |
|
17770 margin-right: 0; |
|
17771 } |
|
17772 } |
|
17773 @media (max-width: 979px) { |
|
17774 .inbox-table-icon > :first-child { |
|
17775 margin-top: 12px; |
|
17776 } |
|
17777 } |
|
17778 .unread td { |
|
17779 background: #fff; |
|
17780 } |
|
17781 .unread .inbox-data-date > :first-child, |
|
17782 .unread .inbox-data-from > :first-child, |
|
17783 .unread .inbox-data-message > :first-child > :first-child { |
|
17784 font-weight: 700; |
|
17785 } |
|
17786 tr.highlight td, |
|
17787 tr.unread.highlight td { |
|
17788 background: #ffc!important; |
|
17789 color: #333; |
|
17790 } |
|
17791 #compose-mail-mini { |
|
17792 margin-left: 4px; |
|
17793 } |
|
17794 .email-open-header { |
|
17795 margin: -10px 0 0 0; |
|
17796 font-size: 20px; |
|
17797 border-bottom: 1px solid #bfbfbf; |
|
17798 border-top: 1px solid #eee; |
|
17799 padding: 15px 3px; |
|
17800 } |
|
17801 .email-open-header > span { |
|
17802 font-size: 10px; |
|
17803 font-weight: 400; |
|
17804 padding: 3px 5px; |
|
17805 letter-spacing: normal; |
|
17806 text-transform: uppercase; |
|
17807 vertical-align: middle; |
|
17808 line-height: 33px; |
|
17809 background: #ACACAC; |
|
17810 } |
|
17811 .email-infobox { |
|
17812 display: block; |
|
17813 width: 180px; |
|
17814 border-bottom: 1px solid #bfbfbf; |
|
17815 padding-bottom: 0; |
|
17816 padding-top: 15px; |
|
17817 position: absolute; |
|
17818 top: 65px; |
|
17819 right: 15px; |
|
17820 } |
|
17821 @media (max-width: 1280px) { |
|
17822 .email-infobox .email-infobox { |
|
17823 display: none; |
|
17824 } |
|
17825 } |
|
17826 .email-reply-text > div { |
|
17827 border-left: 1px solid #D6D6D6; |
|
17828 padding-left: 10px; |
|
17829 margin-left: 50px; |
|
17830 color: #A9A9A9; |
|
17831 } |
|
17832 .email-reply-text > :first-child { |
|
17833 padding-left: 45px; |
|
17834 } |
|
17835 .profile-pic { |
|
17836 text-align: right; |
|
17837 } |
|
17838 .profile-pic > img { |
|
17839 border-radius: 0; |
|
17840 position: relative; |
|
17841 border: 5px solid #fff; |
|
17842 top: -30px; |
|
17843 display: inline-block; |
|
17844 text-align: right; |
|
17845 z-index: 4; |
|
17846 width: 120px; |
|
17847 margin-bottom: -30px; |
|
17848 } |
|
17849 .profile-carousel .carousel-inner { |
|
17850 max-height: 150px; |
|
17851 } |
|
17852 .friends-list li { |
|
17853 margin-bottom: 10px; |
|
17854 } |
|
17855 .friends-list li img { |
|
17856 width: 35px; |
|
17857 border: 1px solid #fff; |
|
17858 outline: 1px solid #bfbfbf; |
|
17859 } |
|
17860 .search-results { |
|
17861 padding: 18px 5px; |
|
17862 } |
|
17863 .search-results + .search-results { |
|
17864 border-top: 1px dashed #E3E3E3; |
|
17865 } |
|
17866 .search-results > :first-child { |
|
17867 margin-bottom: 4px; |
|
17868 font-weight: 400; |
|
17869 } |
|
17870 .search-results > :first-child a { |
|
17871 text-decoration: underline; |
|
17872 } |
|
17873 .search-results .url { |
|
17874 font-style: normal; |
|
17875 font-size: 14px; |
|
17876 } |
|
17877 .search-results img { |
|
17878 display: inline-block; |
|
17879 margin-top: 4px; |
|
17880 margin-right: 4px; |
|
17881 width: 80px; |
|
17882 } |
|
17883 .search-results > div { |
|
17884 display: inline-block; |
|
17885 vertical-align: top; |
|
17886 } |
|
17887 .search-results .note { |
|
17888 margin: 0; |
|
17889 line-height: normal; |
|
17890 } |
|
17891 .search-results .note a { |
|
17892 text-decoration: none!important; |
|
17893 color: #333; |
|
17894 } |
|
17895 .search-results .note a:hover { |
|
17896 color: #ed1c24; |
|
17897 } |
|
17898 /* |
|
17899 * Todo-like application |
|
17900 */ |
|
17901 .todo { |
|
17902 margin: 0; |
|
17903 padding: 0; |
|
17904 min-height: 5px; |
|
17905 list-style: none; |
|
17906 } |
|
17907 .todo > li { |
|
17908 display: block; |
|
17909 position: relative; |
|
17910 overflow: hidden; |
|
17911 border-bottom: 1px solid #e7e7e7; |
|
17912 margin: 0 5px; |
|
17913 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat; |
|
17914 } |
|
17915 .todo > li:last-child, |
|
17916 .todo > li:only-child { |
|
17917 border-bottom: 0; |
|
17918 } |
|
17919 .todo > li > :first-child { |
|
17920 display: block; |
|
17921 border-right: 1px solid #FFE1EB; |
|
17922 height: 100%; |
|
17923 padding: 6px 11px 6px 18px; |
|
17924 width: 20px; |
|
17925 vertical-align: top; |
|
17926 position: absolute; |
|
17927 } |
|
17928 .todo > li > :first-child:hover { |
|
17929 cursor: move; |
|
17930 } |
|
17931 .todo > li.complete { |
|
17932 background: 0 0; |
|
17933 } |
|
17934 .todo > li.complete.complete > :first-child:hover { |
|
17935 cursor: default; |
|
17936 } |
|
17937 .todo > li.complete > * { |
|
17938 text-decoration: line-through; |
|
17939 font-style: italic; |
|
17940 } |
|
17941 .todo > li.ui-sortable-helper { |
|
17942 border-top: 1px solid #eee; |
|
17943 background: rgba(113, 132, 63, 0.1); |
|
17944 } |
|
17945 .todo > li > p { |
|
17946 height: 100%; |
|
17947 margin-left: 52px; |
|
17948 border-left: 1px solid #FFE1EB; |
|
17949 display: inline-block; |
|
17950 padding: 8px 0 6px 7px; |
|
17951 margin-bottom: 0; |
|
17952 min-height: 37px; |
|
17953 line-height: normal; |
|
17954 font-size: 14px; |
|
17955 font-weight: 500; |
|
17956 color: #333; |
|
17957 } |
|
17958 .todo > li > p > span { |
|
17959 display: block; |
|
17960 line-height: 12px; |
|
17961 font-size: 10px; |
|
17962 font-weight: 400; |
|
17963 } |
|
17964 .todo > li > p > :first-child { |
|
17965 margin-top: -5px; |
|
17966 color: #999; |
|
17967 margin-bottom: 4px; |
|
17968 } |
|
17969 .todo > li > p > .date { |
|
17970 color: #bfbfbf; |
|
17971 } |
|
17972 .todo-group-title { |
|
17973 margin: 0; |
|
17974 line-height: 31px; |
|
17975 padding: 0 0 0 10px; |
|
17976 background: #fafafa; |
|
17977 border-bottom: 1px solid #e7e7e7; |
|
17978 border-top: 1px solid #f4f4f4; |
|
17979 color: #999; |
|
17980 } |
|
17981 .map.map-location { |
|
17982 cursor: default; |
|
17983 } |
|
17984 /*# sourceMappingURL=myams.css.map */ |