|
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: -10px; |
|
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: 20px; |
|
7724 } |
|
7725 .tree li:after { |
|
7726 border-top: 1px solid #999; |
|
7727 height: 20px; |
|
7728 top: 14px; |
|
7729 width: 15px; |
|
7730 } |
|
7731 .tree li:hover { |
|
7732 background: rgba(0, 0, 0, 0.15); |
|
7733 } |
|
7734 .tree li > span { |
|
7735 color: #333; |
|
7736 border: 1px solid #999; |
|
7737 border-radius: 5px; |
|
7738 display: inline-block; |
|
7739 padding: 4px 8px; |
|
7740 text-decoration: none; |
|
7741 -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
|
7742 transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s; |
|
7743 } |
|
7744 .tree li > span > i { |
|
7745 padding-right: 4px; |
|
7746 } |
|
7747 .tree li.parent_li > span { |
|
7748 padding: 7px; |
|
7749 } |
|
7750 .tree li > span { |
|
7751 cursor: pointer; |
|
7752 } |
|
7753 .tree li > span:hover, |
|
7754 .tree li > span:hover + ul li > span { |
|
7755 background: #eee; |
|
7756 border: 1px solid #94a0b4; |
|
7757 color: #000; |
|
7758 } |
|
7759 .tree ul ul { |
|
7760 padding-left: 24px; |
|
7761 padding-top: 5px; |
|
7762 } |
|
7763 .tree > ul { |
|
7764 padding-left: 0; |
|
7765 } |
|
7766 .tree > ul > li:after, |
|
7767 .tree > ul > li:before { |
|
7768 border: 0; |
|
7769 } |
|
7770 .tree-node-padding { |
|
7771 display: inline-block; |
|
7772 width: 15px; |
|
7773 } |
|
7774 .pace { |
|
7775 -webkit-pointer-events: none; |
|
7776 pointer-events: none; |
|
7777 -webkit-user-select: none; |
|
7778 -moz-user-select: none; |
|
7779 -ms-user-select: none; |
|
7780 user-select: none; |
|
7781 } |
|
7782 .pace-inactive { |
|
7783 display: none; |
|
7784 } |
|
7785 .pace .pace-progress { |
|
7786 background: #3276b1; |
|
7787 position: fixed; |
|
7788 z-index: 2000; |
|
7789 top: 0; |
|
7790 left: 0; |
|
7791 height: 2px; |
|
7792 -webkit-transition: width 1s; |
|
7793 transition: width 1s; |
|
7794 } |
|
7795 .pace .pace-progress-inner { |
|
7796 display: block; |
|
7797 position: absolute; |
|
7798 right: 0; |
|
7799 width: 100px; |
|
7800 height: 100%; |
|
7801 -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
7802 box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
|
7803 opacity: 1; |
|
7804 -webkit-transform: rotate(3deg) translate(0, -4px); |
|
7805 -ms-transform: rotate(3deg) translate(0, -4px); |
|
7806 transform: rotate(3deg) translate(0, -4px); |
|
7807 } |
|
7808 .pace .pace-activity { |
|
7809 display: block; |
|
7810 position: fixed; |
|
7811 z-index: 2000; |
|
7812 top: 63px; |
|
7813 right: 40px; |
|
7814 width: 14px; |
|
7815 height: 14px; |
|
7816 border: solid 2px transparent; |
|
7817 border-top-color: #29d; |
|
7818 border-left-color: #29d; |
|
7819 border-radius: 10px; |
|
7820 -webkit-animation: pace-spinner 400ms linear infinite; |
|
7821 -ms-animation: pace-spinner 400ms linear infinite; |
|
7822 animation: pace-spinner 400ms linear infinite; |
|
7823 } |
|
7824 /* |
|
7825 * Tables and datatables |
|
7826 */ |
|
7827 .table-full { |
|
7828 width: 100%; |
|
7829 } |
|
7830 .table-wrap { |
|
7831 overflow: auto; |
|
7832 } |
|
7833 .table.has-tickbox thead tr th:first-child { |
|
7834 width: 18px; |
|
7835 } |
|
7836 .table.has-tickbox.ams-form tbody tr td:first-child .checkbox, |
|
7837 .table.has-tickbox.ams-form tbody tr td:first-child .radio, |
|
7838 .table.has-tickbox.ams-form thead tr th:first-child .checkbox, |
|
7839 .table.has-tickbox.ams-form thead tr th:first-child .radio { |
|
7840 padding: 0!important; |
|
7841 } |
|
7842 .table-dnd tbody tr.dragging-row td { |
|
7843 background-color: #cedbf7 !important; |
|
7844 } |
|
7845 .table-dnd tbody tr:not(.no-drag-handle) td:first-child { |
|
7846 padding-left: 20px!important; |
|
7847 } |
|
7848 .table-dnd tbody td.sorter, |
|
7849 .table-dnd tbody td.sorter a { |
|
7850 cursor: move!important; |
|
7851 } |
|
7852 .table-dnd tbody td.drag-handle { |
|
7853 background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%; |
|
7854 } |
|
7855 table:not(.table-dnd) td.sorter { |
|
7856 width: 35px!important; |
|
7857 } |
|
7858 table:not(.table-dnd) td.sorter a { |
|
7859 display: none; |
|
7860 } |
|
7861 .table-tight td, |
|
7862 .table-tight th { |
|
7863 padding: 4px 8px!important; |
|
7864 line-height: 1.3!important; |
|
7865 } |
|
7866 .table-tight td input[type="text"], |
|
7867 .table-tight th input[type="text"] { |
|
7868 height: 20px; |
|
7869 padding: 3px 8px; |
|
7870 } |
|
7871 .table-small td, |
|
7872 .table-small th { |
|
7873 padding: 2px 8px!important; |
|
7874 line-height: 1.2!important; |
|
7875 } |
|
7876 .table-small td input[type="text"], |
|
7877 .table-small th input[type="text"] { |
|
7878 height: 18px; |
|
7879 padding: 2px 8px; |
|
7880 } |
|
7881 .table-mini td, |
|
7882 .table-mini th { |
|
7883 padding: 1px 8px!important; |
|
7884 line-height: 1.1!important; |
|
7885 } |
|
7886 .table-mini td input[type="text"], |
|
7887 .table-mini th input[type="text"] { |
|
7888 height: 16px; |
|
7889 padding: 1px 8px; |
|
7890 } |
|
7891 .table-bordered > thead > tr > td, |
|
7892 .table-bordered > thead > tr > th { |
|
7893 border-width: 1px; |
|
7894 } |
|
7895 .table-bordered .no-padding > .table-bordered { |
|
7896 border: 0!important; |
|
7897 } |
|
7898 .table-bordered .no-padding > .table-bordered tbody tr td:first-child, |
|
7899 .table-bordered .no-padding > .table-bordered thead tr td:first-child, |
|
7900 .table-bordered .no-padding > .table-bordered thead tr th:first-child { |
|
7901 border-left-width: 0!important; |
|
7902 } |
|
7903 .table-bordered .no-padding > .table-bordered tbody tr td:last-child, |
|
7904 .table-bordered .no-padding > .table-bordered thead tr th:last-child { |
|
7905 border-right-width: 0!important; |
|
7906 } |
|
7907 .table-bordered .no-padding > .table-bordered tbody tr:last-child td { |
|
7908 border-bottom-width: 0 !important; |
|
7909 } |
|
7910 .table-bordered .no-padding > .table-bordered tbody tr:last-child:nth-child(1) td, |
|
7911 .table-bordered .no-padding > .table-bordered tbody tr:last-child:nth-child(2) td { |
|
7912 border-bottom: 1px solid #ddd!important; |
|
7913 } |
|
7914 .no-padding .note-editable .table-bordered { |
|
7915 border: 1px solid #ddd !important; |
|
7916 } |
|
7917 tr.current td { |
|
7918 background-color: #ccc !important; |
|
7919 } |
|
7920 tr.bordered-bottom th, |
|
7921 tr.bordered-bottom td { |
|
7922 border-bottom: 1px solid #ddd; |
|
7923 } |
|
7924 .table-hover > tbody > tr:hover > td, |
|
7925 .table-hover > tbody > tr:hover > th { |
|
7926 background-color: #eee; |
|
7927 } |
|
7928 th > .btn-group:first-child { |
|
7929 margin-left: 20px; |
|
7930 vertical-align: bottom; |
|
7931 } |
|
7932 th.checker, |
|
7933 td.checker { |
|
7934 width: 30px; |
|
7935 } |
|
7936 th.actions-menu { |
|
7937 width: 70px; |
|
7938 } |
|
7939 th.action, |
|
7940 td.action { |
|
7941 width: 16px; |
|
7942 } |
|
7943 .dt-row { |
|
7944 padding: 4px 10px; |
|
7945 } |
|
7946 .dt-top-row { |
|
7947 height: 0; |
|
7948 line-height: 0; |
|
7949 position: relative; |
|
7950 } |
|
7951 .dt-bottom-row { |
|
7952 background: #fafafa; |
|
7953 font-size: 11px; |
|
7954 overflow: hidden; |
|
7955 padding: 5px 10px; |
|
7956 border-top: 1px solid #ccc; |
|
7957 -webkit-box-shadow: inset 0 1px #fff; |
|
7958 -ms-box-shadow: inset 0 1px #fff; |
|
7959 box-shadow: inset 0 1px #fff; |
|
7960 } |
|
7961 .ams-form .dt-bottom-row .row { |
|
7962 margin: 0!important; |
|
7963 } |
|
7964 .modal-dialog .ams-form .dt-bottom-row { |
|
7965 padding: 5px 10px!important; |
|
7966 } |
|
7967 .modal-dialog .ams-form .dt-bottom-row .row { |
|
7968 margin: 0; |
|
7969 } |
|
7970 .dataTables_length { |
|
7971 position: absolute; |
|
7972 right: 13px; |
|
7973 top: -35px; |
|
7974 } |
|
7975 .dataTables_length select { |
|
7976 width: 60px; |
|
7977 padding: 3px; |
|
7978 font-size: 13px; |
|
7979 border: 1px solid #bbb; |
|
7980 } |
|
7981 .dataTables_filter { |
|
7982 position: absolute; |
|
7983 left: 10px; |
|
7984 top: -35px; |
|
7985 } |
|
7986 .dataTables_filter input { |
|
7987 padding: 3px 8px 1px; |
|
7988 font-size: 13px; |
|
7989 } |
|
7990 .dataTables_filter .form-control { |
|
7991 height: 28px; |
|
7992 } |
|
7993 .dataTables_filter .input-group { |
|
7994 width: 180px!important; |
|
7995 } |
|
7996 .dataTables_filter input select { |
|
7997 border: 1px solid #bbb; |
|
7998 } |
|
7999 .dataTables_paginate { |
|
8000 margin: 4px 0 0; |
|
8001 } |
|
8002 .dataTables_paginate .pagination { |
|
8003 margin: 0; |
|
8004 } |
|
8005 .dataTables_paginate .btn-group a { |
|
8006 color: #2E5F87; |
|
8007 } |
|
8008 .dataTables_wrapper { |
|
8009 position: relative; |
|
8010 } |
|
8011 .dataTables_wrapper table.table { |
|
8012 clear: both; |
|
8013 max-width: inherit; |
|
8014 margin-bottom: 0; |
|
8015 } |
|
8016 .dataTables_wrapper table.table thead th { |
|
8017 white-space: nowrap; |
|
8018 text-overflow: ellipsis; |
|
8019 -ms-text-overflow: ellipsis; |
|
8020 } |
|
8021 .dataTables_wrapper table.table thead .sorting, |
|
8022 .dataTables_wrapper table.table thead .sorting_asc, |
|
8023 .dataTables_wrapper table.table thead .sorting_asc_disabled, |
|
8024 .dataTables_wrapper table.table thead .sorting_desc, |
|
8025 .dataTables_wrapper table.table thead .sorting_desc_disabled { |
|
8026 cursor: pointer; |
|
8027 padding-right: 18px!important; |
|
8028 } |
|
8029 .dataTables_wrapper table.table thead .sorting { |
|
8030 background: url(../img/datatable/sort_both.png) no-repeat center right; |
|
8031 } |
|
8032 .dataTables_wrapper table.table thead .sorting_asc { |
|
8033 background: #b4cbb9 url(../img/datatable/sort_asc.png) no-repeat center right; |
|
8034 } |
|
8035 .dataTables_wrapper table.table thead .sorting_desc { |
|
8036 background: #b4cbb9 url(../img/datatable/sort_desc.png) no-repeat center right; |
|
8037 } |
|
8038 .dataTables_wrapper table.table thead .sorting_asc_disabled { |
|
8039 background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right; |
|
8040 } |
|
8041 .dataTables_wrapper table.table thead .sorting_desc_disabled { |
|
8042 background: url(../img/datatable/sort_desc_disabled.png) no-repeat center right; |
|
8043 } |
|
8044 .dataTables_wrapper table.table tbody tr.active th, |
|
8045 .dataTables_wrapper table.table tbody tr.active td { |
|
8046 background-color: #08C; |
|
8047 color: #fff; |
|
8048 } |
|
8049 .dataTables_wrapper table.table tbody tr.active:hover td, |
|
8050 .dataTables_wrapper table.table tbody tr.active:hover th { |
|
8051 background-color: #0075b0!important; |
|
8052 } |
|
8053 .dataTables_wrapper table.dataTable th:active { |
|
8054 outline: 0; |
|
8055 } |
|
8056 .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) td, |
|
8057 .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) th { |
|
8058 background-color: #017ebc; |
|
8059 } |
|
8060 .dataTables_wrapper select { |
|
8061 min-height: inherit; |
|
8062 } |
|
8063 .dataTables_wrapper table + .row { |
|
8064 margin-bottom: 0; |
|
8065 margin-top: 10px; |
|
8066 } |
|
8067 .dataTables_wrapper .dt_actions { |
|
8068 float: left; |
|
8069 margin-right: 20px; |
|
8070 } |
|
8071 .dataTables_wrapper .bottom, |
|
8072 .dataTables_wrapper .top { |
|
8073 background-color: #f5f5f5; |
|
8074 border: 1px solid #CCC; |
|
8075 padding: 15px; |
|
8076 } |
|
8077 .dataTables_wrapper div.DTTT .btn:hover { |
|
8078 text-decoration: none!important; |
|
8079 } |
|
8080 .dataTables_wrapper ul.DTTT_dropdown.dropdown-menu a { |
|
8081 color: #333!important; |
|
8082 } |
|
8083 .dataTables_wrapper ul.DTTT_dropdown.dropdown-menu li:hover a { |
|
8084 background-color: #08c; |
|
8085 color: #fff!important; |
|
8086 } |
|
8087 .dataTables_wrapper div.DTTT_print_info.modal { |
|
8088 height: 150px; |
|
8089 margin-top: -75px; |
|
8090 text-align: center; |
|
8091 } |
|
8092 .dataTables_wrapper div.DTTT_print_info h6 { |
|
8093 font-weight: 400; |
|
8094 font-size: 28px; |
|
8095 line-height: 28px; |
|
8096 margin: 1em; |
|
8097 } |
|
8098 .dataTables_wrapper div.DTTT_print_info p { |
|
8099 font-size: 14px; |
|
8100 line-height: 20px; |
|
8101 } |
|
8102 .dataTables_wrapper div.DTFC_LeftFootWrapper table, |
|
8103 .dataTables_wrapper div.DTFC_LeftHeadWrapper table, |
|
8104 .dataTables_wrapper table.DTFC_Cloned tr.even { |
|
8105 background-color: #fff; |
|
8106 } |
|
8107 .dataTables_wrapper div.DTFC_LeftHeadWrapper table { |
|
8108 margin-bottom: 0!important; |
|
8109 border-top-right-radius: 0!important; |
|
8110 border-bottom-left-radius: 0!important; |
|
8111 border-bottom-right-radius: 0!important; |
|
8112 } |
|
8113 .no-padding .dataTables_wrapper table, |
|
8114 .no-padding > table { |
|
8115 border: 0!important; |
|
8116 margin-bottom: 0!important; |
|
8117 } |
|
8118 .no-padding .dataTables_wrapper table.border-top, |
|
8119 .no-padding > table.border-top { |
|
8120 border-top: 1px solid #ddd!important; |
|
8121 } |
|
8122 .no-padding .dataTables_wrapper table tr td:first-child, |
|
8123 .no-padding > table tr td:first-child, |
|
8124 .no-padding .dataTables_wrapper table tr th:first-child, |
|
8125 .no-padding > table tr th:first-child { |
|
8126 border-left: 0!important; |
|
8127 } |
|
8128 .no-padding .dataTables_wrapper table tr td:last-child, |
|
8129 .no-padding > table tr td:last-child, |
|
8130 .no-padding .dataTables_wrapper table tr th:last-child, |
|
8131 .no-padding > table tr th:last-child { |
|
8132 border-right: 0!important; |
|
8133 } |
|
8134 .no-padding .dataTables_wrapper table tr:last-child td, |
|
8135 .no-padding > table tr:last-child td { |
|
8136 border-bottom: 0; |
|
8137 } |
|
8138 .dataTables_scrollBody { |
|
8139 -webkit-overflow-scrolling: touch; |
|
8140 } |
|
8141 .top .dataTables_info { |
|
8142 float: none; |
|
8143 } |
|
8144 div.dt-bottom-row .dataTables_info { |
|
8145 float: left; |
|
8146 padding-top: 10px; |
|
8147 font-size: 12px; |
|
8148 } |
|
8149 .dataTables_full { |
|
8150 width: 100%!important; |
|
8151 } |
|
8152 .dataTables_empty { |
|
8153 text-align: center!important; |
|
8154 font-size: 15px; |
|
8155 background: #fff!important; |
|
8156 padding: 20px 0!important; |
|
8157 cursor: default; |
|
8158 } |
|
8159 .dataTables_scroll { |
|
8160 clear: both; |
|
8161 } |
|
8162 .dataTables_scrollHeadInner table.table-bordered { |
|
8163 border-radius: 4px 4px 0 0; |
|
8164 } |
|
8165 .dataTables_scrollHeadInner table.table-bordered, |
|
8166 .dataTables_scrollHeadInner table.table-bordered thead { |
|
8167 border-bottom: 0; |
|
8168 } |
|
8169 .dataTables_scrollBody table { |
|
8170 border-top: 0; |
|
8171 } |
|
8172 .dataTables_processing { |
|
8173 position: absolute; |
|
8174 top: 50%; |
|
8175 margin-top: -24px; |
|
8176 z-index: 100; |
|
8177 left: 50%; |
|
8178 width: 250px; |
|
8179 margin-left: -125px; |
|
8180 border: 1px solid #ddd; |
|
8181 text-align: center; |
|
8182 color: #000; |
|
8183 background: #fff; |
|
8184 font-size: 15px!important; |
|
8185 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
8186 -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
8187 box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
8188 padding: 10px 0; |
|
8189 } |
|
8190 .dataTables_wrapper .center { |
|
8191 text-align: center; |
|
8192 } |
|
8193 .dataTables_wrapper .details, |
|
8194 .dataTables_wrapper .details:hover { |
|
8195 background: #ddd!important; |
|
8196 } |
|
8197 .dataTables_wrapper .details table td { |
|
8198 background: #fff!important; |
|
8199 } |
|
8200 .dataTables_scrollHeadInner table.table, |
|
8201 .dataTables_wrapper .details table.table { |
|
8202 margin: 0!important; |
|
8203 } |
|
8204 .dataTables_scrollHead table { |
|
8205 margin-bottom: 0!important; |
|
8206 border-bottom-left-radius: 0; |
|
8207 border-bottom-right-radius: 0; |
|
8208 } |
|
8209 .dataTables_scrollHead 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_LeftHeadWrapper table thead tr:last-child td:first-child, |
|
8214 .DTFC_LeftHeadWrapper table thead tr:last-child th:first-child { |
|
8215 border-bottom-left-radius: 0!important; |
|
8216 border-bottom-right-radius: 0!important; |
|
8217 } |
|
8218 .DTFC_LeftBodyWrapper table, |
|
8219 .dataTables_scrollBody table { |
|
8220 border-top: 0; |
|
8221 margin-bottom: 0!important; |
|
8222 } |
|
8223 .DTFC_LeftBodyWrapper tbody tr:first-child td, |
|
8224 .DTFC_LeftBodyWrapper tbody tr:first-child th, |
|
8225 div.DTFC_LeftFootWrapper table, |
|
8226 div.dataTables_scrollBody tbody tr:first-child th, |
|
8227 div.dataTables_scrollFoot table { |
|
8228 border-top: 0; |
|
8229 } |
|
8230 /* |
|
8231 * Datatables ColVis plug-in |
|
8232 */ |
|
8233 .ColVis { |
|
8234 position: absolute; |
|
8235 right: 83px; |
|
8236 top: -35px; |
|
8237 } |
|
8238 .ColVis_collection { |
|
8239 position: relative; |
|
8240 width: 180px; |
|
8241 background-color: #fff; |
|
8242 border: 1px solid rgba(0, 0, 0, 0.2); |
|
8243 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
8244 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
|
8245 z-index: 1102; |
|
8246 padding-top: 3px; |
|
8247 padding-left: 10px; |
|
8248 list-style-type: none; |
|
8249 list-style-position: outside; |
|
8250 } |
|
8251 .ColVis_collection .ColVis_Button { |
|
8252 position: relative; |
|
8253 margin-right: 3px; |
|
8254 height: 30px; |
|
8255 background-color: #fff; |
|
8256 border: 1px solid #d0d0d0; |
|
8257 cursor: hand; |
|
8258 padding: 3px 5px; |
|
8259 } |
|
8260 .ColVis_collection button.ColVis_Button { |
|
8261 padding: 4px 12px; |
|
8262 height: 26px; |
|
8263 background-color: #fff; |
|
8264 border: 0; |
|
8265 width: 100%; |
|
8266 float: none; |
|
8267 font-size: 12px; |
|
8268 } |
|
8269 .ColVis_collection button.ColVis_Button + button.ColVis_Button { |
|
8270 border-top: 1px solid #e1e1e1; |
|
8271 } |
|
8272 .ColVis_collection button.ColVis_Button button.ColVis_Button input { |
|
8273 margin: 0; |
|
8274 } |
|
8275 button.ColVis_Button { |
|
8276 padding: 4px 5px; |
|
8277 text-align: left; |
|
8278 } |
|
8279 button.ColVis_Button::-moz-focus-inner { |
|
8280 border: 0!important; |
|
8281 padding: 0; |
|
8282 } |
|
8283 .ColVis_collectionBackground { |
|
8284 position: fixed; |
|
8285 top: 0; |
|
8286 left: 0; |
|
8287 width: 100%; |
|
8288 height: 100%; |
|
8289 background-color: #000; |
|
8290 z-index: 1100; |
|
8291 } |
|
8292 div.ColVis_catcher { |
|
8293 position: absolute; |
|
8294 z-index: 1101; |
|
8295 } |
|
8296 span.ColVis_radio { |
|
8297 display: inline-block; |
|
8298 width: 20px; |
|
8299 vertical-align: -2px; |
|
8300 } |
|
8301 .ColVis_text_hover, |
|
8302 div.ColVis_collection button.ColVis_Button:hover { |
|
8303 background: #F2F2F2; |
|
8304 color: #222; |
|
8305 } |
|
8306 /* |
|
8307 * Datatables columns reorder plug-in |
|
8308 */ |
|
8309 table.DTCR_clonedTable { |
|
8310 background-color: #fff; |
|
8311 z-index: 202; |
|
8312 } |
|
8313 div.DTCR_pointer { |
|
8314 width: 1px; |
|
8315 background-color: #0259C4; |
|
8316 z-index: 201; |
|
8317 } |
|
8318 ul.DTTT_dropdown.dropdown-menu li { |
|
8319 position: relative; |
|
8320 } |
|
8321 ul.DTTT_dropdown.dropdown-menu li:hover a { |
|
8322 background-color: #f2f2f2; |
|
8323 color: #333!important; |
|
8324 } |
|
8325 .table_tools_group { |
|
8326 position: absolute; |
|
8327 right: 83px; |
|
8328 top: -37px; |
|
8329 } |
|
8330 .DTTT.btn-group { |
|
8331 position: absolute; |
|
8332 top: -38px; |
|
8333 right: 83px; |
|
8334 } |
|
8335 .DTTT_dropdown { |
|
8336 z-index: 2002; |
|
8337 } |
|
8338 .DTFC_LeftHeadWrapper { |
|
8339 border-bottom: 1px solid #ddd; |
|
8340 } |
|
8341 div.DTTT_container { |
|
8342 position: relative; |
|
8343 float: right; |
|
8344 margin-bottom: 1em; |
|
8345 } |
|
8346 a.DTTT_button, |
|
8347 button.DTTT_button, |
|
8348 div.DTTT_button { |
|
8349 position: relative; |
|
8350 float: left; |
|
8351 margin-right: 3px; |
|
8352 padding: 5px 8px; |
|
8353 border: 1px solid #999; |
|
8354 cursor: pointer; |
|
8355 *cursor: hand; |
|
8356 font-size: .88em; |
|
8357 color: #000!important; |
|
8358 -o-border-radius: 2px; |
|
8359 border-radius: 2px; |
|
8360 -webkit-box-shadow: 1px 1px 3px #ccc; |
|
8361 -ms-box-shadow: 1px 1px 3px #ccc; |
|
8362 -o-box-shadow: 1px 1px 3px #ccc; |
|
8363 box-shadow: 1px 1px 3px #ccc; |
|
8364 background: #fff; |
|
8365 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
8366 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8367 background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8368 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
8369 } |
|
8370 a.DTTT_button:hover, |
|
8371 button.DTTT_button:hover, |
|
8372 div.DTTT_button:hover { |
|
8373 border: 1px solid #666; |
|
8374 text-decoration: none!important; |
|
8375 -webkit-box-shadow: 1px 1px 3px #999; |
|
8376 -ms-box-shadow: 1px 1px 3px #999; |
|
8377 -o-box-shadow: 1px 1px 3px #999; |
|
8378 box-shadow: 1px 1px 3px #999; |
|
8379 background: #f3f3f3; |
|
8380 background: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), color-stop(89%, #e2e2e2), to(#f4f4f4)); |
|
8381 background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
8382 background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); |
|
8383 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); |
|
8384 } |
|
8385 button.DTTT_button { |
|
8386 height: 30px; |
|
8387 padding: 3px 8px; |
|
8388 } |
|
8389 .DTTT_button embed { |
|
8390 outline: 0; |
|
8391 } |
|
8392 a.DTTT_disabled, |
|
8393 button.DTTT_disabled, |
|
8394 div.DTTT_disabled { |
|
8395 color: #999; |
|
8396 border: 1px solid #d0d0d0; |
|
8397 background: #fff; |
|
8398 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f9f9f9), to(#fafafa)); |
|
8399 background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); |
|
8400 background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); |
|
8401 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); |
|
8402 } |
|
8403 table.DTTT_selectable tbody tr { |
|
8404 cursor: pointer; |
|
8405 *cursor: hand; |
|
8406 } |
|
8407 table.dataTable tr.DTTT_selected.odd td.sorting_1, |
|
8408 table.dataTable tr.DTTT_selected.odd td.sorting_2, |
|
8409 table.dataTable tr.DTTT_selected.odd td.sorting_3 { |
|
8410 background-color: #9FAFD1; |
|
8411 } |
|
8412 table.dataTable tr.DTTT_selected.even td.sorting_1, |
|
8413 table.dataTable tr.DTTT_selected.even td.sorting_2, |
|
8414 table.dataTable tr.DTTT_selected.even td.sorting_3 { |
|
8415 background-color: #B0BED9; |
|
8416 } |
|
8417 div.DTTT_collection { |
|
8418 width: 150px; |
|
8419 padding: 8px 8px 4px; |
|
8420 border: 1px solid #ccc; |
|
8421 border: 1px solid rgba(0, 0, 0, 0.4); |
|
8422 background-color: #f3f3f3; |
|
8423 background-color: rgba(255, 255, 255, 0.3); |
|
8424 overflow: hidden; |
|
8425 z-index: 2002; |
|
8426 -o-border-radius: 5px; |
|
8427 border-radius: 5px; |
|
8428 -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8429 -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8430 -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8431 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); |
|
8432 } |
|
8433 div.DTTT_collection a.DTTT_button, |
|
8434 div.DTTT_collection button.DTTT_button, |
|
8435 div.DTTT_collection div.DTTT_button { |
|
8436 position: relative; |
|
8437 left: 0; |
|
8438 right: 0; |
|
8439 display: block; |
|
8440 float: none; |
|
8441 margin-bottom: 4px; |
|
8442 -webkit-box-shadow: 1px 1px 3px #999; |
|
8443 -ms-box-shadow: 1px 1px 3px #999; |
|
8444 -o-box-shadow: 1px 1px 3px #999; |
|
8445 box-shadow: 1px 1px 3px #999; |
|
8446 } |
|
8447 div.DTTT_collection_background { |
|
8448 z-index: 2001; |
|
8449 } |
|
8450 .DTTT_print_info { |
|
8451 position: fixed; |
|
8452 top: 50%; |
|
8453 left: 50%; |
|
8454 width: 400px; |
|
8455 height: 150px; |
|
8456 margin-left: -200px; |
|
8457 margin-top: -75px; |
|
8458 text-align: center; |
|
8459 color: #333; |
|
8460 padding: 10px 30px; |
|
8461 background: #fff; |
|
8462 background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); |
|
8463 background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8464 background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); |
|
8465 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); |
|
8466 opacity: .95; |
|
8467 border: 1px solid #000; |
|
8468 border: 1px solid rgba(0, 0, 0, 0.5); |
|
8469 -o-border-radius: 6px; |
|
8470 border-radius: 6px; |
|
8471 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8472 -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8473 -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8474 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); |
|
8475 } |
|
8476 .DTTT_print_info h6 { |
|
8477 font-weight: 400; |
|
8478 font-size: 28px; |
|
8479 line-height: 28px; |
|
8480 margin: 1em; |
|
8481 } |
|
8482 .DTTT_print_info p { |
|
8483 font-size: 14px; |
|
8484 line-height: 20px; |
|
8485 } |
|
8486 /* |
|
8487 * Forms styles |
|
8488 */ |
|
8489 .form hr { |
|
8490 margin-left: -13px; |
|
8491 margin-right: -13px; |
|
8492 border-color: rgba(0, 0, 0, 0.1); |
|
8493 margin-top: 20px; |
|
8494 margin-bottom: 20px; |
|
8495 } |
|
8496 .form fieldset { |
|
8497 display: block; |
|
8498 border: 0; |
|
8499 background: rgba(255, 255, 255, 0.9); |
|
8500 position: relative; |
|
8501 } |
|
8502 .form header, |
|
8503 .form legend { |
|
8504 display: block; |
|
8505 padding: 8px 0; |
|
8506 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
|
8507 background: #fff; |
|
8508 font-size: 16px; |
|
8509 font-weight: 300; |
|
8510 color: #222; |
|
8511 margin: 25px 0 20px; |
|
8512 } |
|
8513 .no-padding .form header { |
|
8514 margin: 25px 14px 0; |
|
8515 } |
|
8516 .form header:first-child { |
|
8517 margin-top: 10px; |
|
8518 } |
|
8519 .form .form-group:last-child, |
|
8520 .form .form-group:last-child .note, |
|
8521 .form fieldset .form-group:last-child, |
|
8522 .form fieldset .form-group:last-child .note { |
|
8523 margin-bottom: 0; |
|
8524 } |
|
8525 .form-suffix .alert:last-child { |
|
8526 margin-bottom: 0; |
|
8527 border-radius: 0 0 5px 5px; |
|
8528 } |
|
8529 fieldset { |
|
8530 position: relative; |
|
8531 } |
|
8532 legend { |
|
8533 font-weight: 400; |
|
8534 margin-top: 0; |
|
8535 background: 0 0; |
|
8536 } |
|
8537 i.hint { |
|
8538 vertical-align: super; |
|
8539 opacity: 0.5; |
|
8540 } |
|
8541 i.hint:hover { |
|
8542 opacity: 0.9!important; |
|
8543 } |
|
8544 .nohints i.hint { |
|
8545 display: none; |
|
8546 } |
|
8547 .input-group-addon { |
|
8548 padding: 6px 10px 5px!important; |
|
8549 border-radius: 0; |
|
8550 transition: background-color 0.3s; |
|
8551 -webkit-transition: background-color 0.3s; |
|
8552 } |
|
8553 .input-group-addon .fa { |
|
8554 font-size: 14px; |
|
8555 } |
|
8556 .input-group-addon .fa-2x, |
|
8557 .input-group-addon .fa-lg { |
|
8558 font-size: 2em; |
|
8559 } |
|
8560 .input-group-addon .fa-3x, |
|
8561 .input-group-addon .fa-4x, |
|
8562 .input-group-addon .fa-5x { |
|
8563 font-size: 30px; |
|
8564 } |
|
8565 .input-group-addon .checkbox, |
|
8566 .input-group-addon .radio { |
|
8567 min-height: 0; |
|
8568 margin-right: 0!important; |
|
8569 padding-top: 0; |
|
8570 } |
|
8571 .input-group-addon label input[type=checkbox].checkbox + span, |
|
8572 .input-group-addon label input[type=checkbox].checkbox + span:before, |
|
8573 .input-group-addon label input[type=radio].radiobox + span, |
|
8574 .input-group-addon label input[type=radio].radiobox + span:before { |
|
8575 margin-right: 0; |
|
8576 } |
|
8577 .input-group-addon .onoffswitch, |
|
8578 .input-group-addon .onoffswitch-label { |
|
8579 margin: 0; |
|
8580 } |
|
8581 input[type=text]:focus + .input-group-addon { |
|
8582 border-color: #0091d9; |
|
8583 background-color: #72a0ce; |
|
8584 color: #fff; |
|
8585 } |
|
8586 .has-warning input[type=text]:focus + .input-group-addon { |
|
8587 border-color: #7f6a1e; |
|
8588 background-color: #cead35; |
|
8589 color: #fff; |
|
8590 } |
|
8591 .has-error input[type=text]:focus + .input-group-addon { |
|
8592 border-color: #c46a69; |
|
8593 background-color: #c46a69; |
|
8594 color: #fff; |
|
8595 } |
|
8596 .has-success input[type=text]:focus + .input-group-addon { |
|
8597 border-color: #446b46; |
|
8598 background-color: #588a5a; |
|
8599 color: #fff; |
|
8600 } |
|
8601 .input-icon-left > i { |
|
8602 right: auto; |
|
8603 left: 24px; |
|
8604 } |
|
8605 .input-icon-left .form-control { |
|
8606 padding-left: 29px; |
|
8607 } |
|
8608 .input-icon-right { |
|
8609 position: relative; |
|
8610 } |
|
8611 .input-icon-right .form-control { |
|
8612 padding-right: 27px; |
|
8613 } |
|
8614 .input-icon-left > i, |
|
8615 .input-icon-right > i { |
|
8616 position: absolute; |
|
8617 right: 10px; |
|
8618 top: 30%; |
|
8619 font-size: 16px; |
|
8620 color: #bfbfbf; |
|
8621 } |
|
8622 .form-actions { |
|
8623 display: block; |
|
8624 padding: 13px 14px 15px; |
|
8625 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
8626 background: rgba(249, 249, 249, 0.9); |
|
8627 margin-top: 25px; |
|
8628 margin-left: -13px; |
|
8629 margin-right: -13px; |
|
8630 margin-bottom: -13px; |
|
8631 text-align: right; |
|
8632 } |
|
8633 .well .form-actions { |
|
8634 margin-left: -19px; |
|
8635 margin-right: -19px; |
|
8636 margin-bottom: -19px; |
|
8637 } |
|
8638 .well.well-lg .form-actions { |
|
8639 margin-left: -24px; |
|
8640 margin-right: -24px; |
|
8641 margin-bottom: -24px; |
|
8642 } |
|
8643 .well.well-sm .form-actions { |
|
8644 margin-left: -9px; |
|
8645 margin-right: -9px; |
|
8646 margin-bottom: -9px; |
|
8647 } |
|
8648 .popover-content .form-actions { |
|
8649 margin: 0 -14px -9px; |
|
8650 border-radius: 0 0 3px 3px; |
|
8651 padding: 9px 14px; |
|
8652 } |
|
8653 .no-padding .form .form-actions { |
|
8654 margin: 0; |
|
8655 display: block; |
|
8656 padding: 13px 14px 15px; |
|
8657 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
8658 background: rgba(248, 248, 248, 0.9); |
|
8659 text-align: right; |
|
8660 margin-top: 25px; |
|
8661 } |
|
8662 :focus { |
|
8663 outline: 0!important; |
|
8664 } |
|
8665 .filter_column input { |
|
8666 padding: 0px 3px; |
|
8667 } |
|
8668 .filter_column input, |
|
8669 .filter_column select { |
|
8670 width: 100%; |
|
8671 color: rgba(0, 0, 0, 0.5); |
|
8672 border: 1px solid #CCC; |
|
8673 border-radius: 0; |
|
8674 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8675 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8676 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
8677 } |
|
8678 .uneditable-input:focus, |
|
8679 input[type=color]:focus, |
|
8680 input[type=date]:focus, |
|
8681 input[type=datetime-local]:focus, |
|
8682 input[type=datetime]:focus, |
|
8683 input[type=email]:focus, |
|
8684 input[type=month]:focus, |
|
8685 input[type=number]:focus, |
|
8686 input[type=password]:focus, |
|
8687 input[type=search]:focus, |
|
8688 input[type=tel]:focus, |
|
8689 input[type=text]:focus, |
|
8690 input[type=time]:focus, |
|
8691 input[type=url]:focus, |
|
8692 input[type=week]:focus, |
|
8693 .filter_column input:focus, |
|
8694 .filter_column select:focus, |
|
8695 select:focus, |
|
8696 textarea:focus { |
|
8697 border-color: rgba(82, 168, 236, 0.8); |
|
8698 outline: 0; |
|
8699 outline: thin dotted 9; |
|
8700 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8701 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8702 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
8703 } |
|
8704 .form-control { |
|
8705 padding: 7px 12px 5px; |
|
8706 } |
|
8707 .form-control, |
|
8708 .input-lg, |
|
8709 .input-sm, |
|
8710 .input-xs { |
|
8711 border-radius: 0 !important; |
|
8712 } |
|
8713 .input-xs { |
|
8714 height: 24px; |
|
8715 padding: 3px 10px 1px; |
|
8716 font-size: 11px; |
|
8717 line-height: 1.5; |
|
8718 } |
|
8719 .fileinput { |
|
8720 padding-top: 3px; |
|
8721 } |
|
8722 input[type=checkbox].checkbox, |
|
8723 input[type=radio].radiobox { |
|
8724 visibility: hidden; |
|
8725 position: absolute; |
|
8726 z-index: 20; |
|
8727 width: 18px; |
|
8728 height: 18px; |
|
8729 } |
|
8730 .checkbox input[type=checkbox].checkbox + span, |
|
8731 .checkbox input[type=radio].radiobox + span, |
|
8732 .checkbox-inline input[type=checkbox].checkbox + span, |
|
8733 .checkbox-inline input[type=radio].radiobox + span, |
|
8734 .radio input[type=checkbox].checkbox + span, |
|
8735 .radio input[type=radio].radiobox + span, |
|
8736 .radiobox-inline input[type=checkbox].checkbox + span, |
|
8737 .radiobox-inline input[type=radio].radiobox + span { |
|
8738 margin-left: -20px; |
|
8739 } |
|
8740 .form-inline .checkbox input[type=checkbox].checkbox + span, |
|
8741 .form-inline .checkbox input[type=radio].radiobox + span, |
|
8742 .form-inline .checkbox-inline input[type=checkbox].checkbox + span, |
|
8743 .form-inline .checkbox-inline input[type=radio].radiobox + span, |
|
8744 .form-inline .radio input[type=checkbox].checkbox + span, |
|
8745 .form-inline .radio input[type=radio].radiobox + span, |
|
8746 .form-inline .radiobox-inline input[type=checkbox].checkbox + span, |
|
8747 .form-inline .radiobox-inline input[type=radio].radiobox + span { |
|
8748 margin-left: 0; |
|
8749 } |
|
8750 input[type=checkbox].checkbox + span, |
|
8751 input[type=radio].radiobox + span, |
|
8752 label input[type=checkbox].checkbox + span, |
|
8753 label input[type=radio].radiobox + span { |
|
8754 vertical-align: middle; |
|
8755 line-height: 20px; |
|
8756 } |
|
8757 input[type=checkbox].checkbox + span, |
|
8758 input[type=radio].radiobox + span, |
|
8759 input[type=checkbox].checkbox + span:after, |
|
8760 input[type=radio].radiobox + span:after, |
|
8761 input[type=checkbox].checkbox:before, |
|
8762 input[type=radio].radiobox:before { |
|
8763 box-sizing: content-box !important; |
|
8764 -webkit-box-sizing: content-box !important; |
|
8765 -moz-box-sizing: content-box !important; |
|
8766 } |
|
8767 label input[type=checkbox].checkbox + span, |
|
8768 label input[type=radio].radiobox + span { |
|
8769 position: relative; |
|
8770 z-index: 19; |
|
8771 display: inline-block; |
|
8772 margin: 0; |
|
8773 line-height: 17px; |
|
8774 min-height: 14px; |
|
8775 min-width: 14px; |
|
8776 margin-right: 5px; |
|
8777 } |
|
8778 label input[type=checkbox].checkbox + span:hover, |
|
8779 label input[type=radio].radiobox + span:hover { |
|
8780 cursor: pointer; |
|
8781 } |
|
8782 label input[type=checkbox].checkbox + span:before, |
|
8783 label input[type=radio].radiobox + span:before { |
|
8784 font-family: FontAwesome; |
|
8785 font-size: 12px; |
|
8786 border-radius: 0; |
|
8787 content: "\a0"; |
|
8788 display: inline-block; |
|
8789 text-align: center; |
|
8790 vertical-align: middle; |
|
8791 padding: 1px; |
|
8792 height: 12px; |
|
8793 line-height: 12px; |
|
8794 min-width: 12px; |
|
8795 margin-right: 5px; |
|
8796 border: 1px solid #bfbfbf; |
|
8797 background-color: #f4f4f4; |
|
8798 font-weight: 400; |
|
8799 margin-top: -1px; |
|
8800 } |
|
8801 label input[type=checkbox].checkbox + span:before { |
|
8802 content: "\a0"; |
|
8803 } |
|
8804 label input[type=checkbox].checkbox:checked + span { |
|
8805 font-weight: 700; |
|
8806 } |
|
8807 label input[type=checkbox].checkbox:checked + span:before { |
|
8808 content: "\f00c"; |
|
8809 color: #2E7BCC; |
|
8810 } |
|
8811 label input[type=checkbox].checkbox.style-1 + span:before { |
|
8812 color: #333; |
|
8813 background: #fff; |
|
8814 text-shadow: none; |
|
8815 -webkit-box-shadow: none!important; |
|
8816 box-shadow: none!important; |
|
8817 border-width: 1px; |
|
8818 height: 12px; |
|
8819 line-height: 13px; |
|
8820 min-width: 12px; |
|
8821 } |
|
8822 label input[type=checkbox].checkbox.style-1:checked + span { |
|
8823 font-weight: 400; |
|
8824 } |
|
8825 label input[type=checkbox].checkbox.style-1:checked + span:before { |
|
8826 color: #333; |
|
8827 border-color: #333; |
|
8828 } |
|
8829 label input[type=checkbox].checkbox.style-2 + span:before { |
|
8830 background: 0 0; |
|
8831 border-color: #c1c1c1; |
|
8832 -webkit-box-shadow: none; |
|
8833 box-shadow: none; |
|
8834 } |
|
8835 label input[type=checkbox].checkbox.style-2:checked + span { |
|
8836 font-weight: 400; |
|
8837 } |
|
8838 label input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8839 content: "\f00c"; |
|
8840 color: #66665e; |
|
8841 border-color: #4d90fe; |
|
8842 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff; |
|
8843 } |
|
8844 label input[type=checkbox].checkbox.style-3:checked + span:before { |
|
8845 color: #fff; |
|
8846 border-color: #a90329; |
|
8847 background: #a90329; |
|
8848 } |
|
8849 label:active input[type=checkbox].checkbox + span:before { |
|
8850 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8851 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8852 } |
|
8853 label:hover input[type=checkbox].checkbox + span:before { |
|
8854 color: #2E7BCC; |
|
8855 border-color: #2E7BCC; |
|
8856 } |
|
8857 label:hover input[type=checkbox].checkbox.style-1 + span:before { |
|
8858 border-color: #333; |
|
8859 } |
|
8860 label:hover input[type=checkbox].checkbox.style-2 + span:before { |
|
8861 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8862 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8863 } |
|
8864 label:hover input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8865 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8866 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8867 } |
|
8868 label:hover input[type=checkbox].checkbox.style-3 + span:before { |
|
8869 color: #fff; |
|
8870 border-color: #A90327; |
|
8871 } |
|
8872 label:active input[type=checkbox].checkbox:checked + span:before { |
|
8873 color: #fff; |
|
8874 background: #2E7BCC; |
|
8875 border-color: #2E7BCC; |
|
8876 } |
|
8877 label:active input[type=checkbox].checkbox.style-1:checked + span:before { |
|
8878 color: #fff; |
|
8879 background: #333; |
|
8880 border-color: #333; |
|
8881 } |
|
8882 label:active input[type=checkbox].checkbox.style-2 + span:before, |
|
8883 label:active input[type=checkbox].checkbox.style-2:checked + span:before { |
|
8884 color: #66665e; |
|
8885 background: 0 0; |
|
8886 border-color: #c1c1c1; |
|
8887 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8888 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8889 } |
|
8890 label:active input[type=checkbox].checkbox.style-3:checked + span:before { |
|
8891 color: #a90329; |
|
8892 background: #fff; |
|
8893 border-color: #a90329; |
|
8894 } |
|
8895 label input[type=checkbox][disabled].checkbox + span, |
|
8896 label input[type=checkbox][disabled].checkbox:checked + span { |
|
8897 color: #A7A7A7; |
|
8898 cursor: not-allowed; |
|
8899 } |
|
8900 label input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8901 content: "\f00c"; |
|
8902 } |
|
8903 label input[type=checkbox][disabled].checkbox.style-2:checked + span:before { |
|
8904 content: "\f00c"; |
|
8905 } |
|
8906 label input[type=checkbox][disabled].checkbox + span:before, |
|
8907 label input[type=checkbox][disabled].checkbox:checked + span:before, |
|
8908 label input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8909 background: #eee!important; |
|
8910 border-color: #CCC!important; |
|
8911 -webkit-box-shadow: none; |
|
8912 color: #A7A7A7; |
|
8913 box-shadow: none!important; |
|
8914 } |
|
8915 label:hover input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8916 color: #A7A7A7; |
|
8917 cursor: not-allowed; |
|
8918 } |
|
8919 label:hover input[type=checkbox][disabled].checkbox:checked + span:before { |
|
8920 background: #eee!important; |
|
8921 border-color: #CCC!important; |
|
8922 -webkit-box-shadow: none; |
|
8923 color: #A7A7A7; |
|
8924 box-shadow: none!important; |
|
8925 } |
|
8926 label input[type=radio].radiobox + span:before { |
|
8927 content: "\a0"; |
|
8928 border-radius: 50%; |
|
8929 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8930 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
8931 } |
|
8932 label input[type=radio].radiobox:checked + span { |
|
8933 font-weight: 700; |
|
8934 } |
|
8935 label input[type=radio].radiobox:checked + span:before { |
|
8936 content: "\f111"; |
|
8937 color: #2E7BCC; |
|
8938 } |
|
8939 label input[type=radio].radiobox.style-1 + span:before { |
|
8940 font-size: 9px; |
|
8941 background: #fff; |
|
8942 text-shadow: none; |
|
8943 -webkit-box-shadow: none!important; |
|
8944 box-shadow: none!important; |
|
8945 border-width: 1px; |
|
8946 height: 13px; |
|
8947 line-height: 13px; |
|
8948 min-width: 13px; |
|
8949 } |
|
8950 label input[type=radio].radiobox.style-1:checked + span:before { |
|
8951 font-size: 10px; |
|
8952 color: #333; |
|
8953 border-color: #333; |
|
8954 background: #fff; |
|
8955 } |
|
8956 label input[type=radio].radiobox.style-1:checked + span { |
|
8957 font-weight: 400; |
|
8958 } |
|
8959 label input[type=radio].radiobox.style-2:checked + span { |
|
8960 font-weight: 400; |
|
8961 } |
|
8962 label input[type=radio].radiobox.style-2:checked + span:before { |
|
8963 color: #66665e; |
|
8964 border-color: #4d90fe; |
|
8965 font-size: 9px; |
|
8966 } |
|
8967 label input[type=radio].radiobox.style-3:checked + span:before { |
|
8968 color: #a90329; |
|
8969 border-color: #a90329; |
|
8970 } |
|
8971 label:hover input[type=radio].radiobox + span:before, |
|
8972 label:hover input[type=radio].radiobox:checked + span:before { |
|
8973 color: #2E7BCC; |
|
8974 border-color: #2E7BCC; |
|
8975 } |
|
8976 label:hover input[type=radio].radiobox.style-1 + span:before, |
|
8977 label:hover input[type=radio].radiobox.style-1:checked + span:before { |
|
8978 color: #333; |
|
8979 border-color: #333; |
|
8980 background: #fff; |
|
8981 } |
|
8982 label:hover input[type=radio].radiobox.style-2:checked + span:before { |
|
8983 color: #66665e; |
|
8984 border-color: #4d90fe; |
|
8985 } |
|
8986 label:hover input[type=radio].radiobox.style-3 + span:before, |
|
8987 label:hover input[type=radio].radiobox.style-3:checked + span:before { |
|
8988 color: #a90329; |
|
8989 border-color: #a90329; |
|
8990 } |
|
8991 label:active input[type=radio].radiobox + span:before { |
|
8992 -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8993 box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.4); |
|
8994 } |
|
8995 label input[type=radio][disabled].radiobox + span, |
|
8996 label input[type=radio][disabled].radiobox:checked + span, |
|
8997 label input[type=radio][disabled].radiobox:checked + span:before { |
|
8998 color: #A7A7A7; |
|
8999 cursor: not-allowed; |
|
9000 } |
|
9001 label input[type=radio][disabled].radiobox:checked + span:before { |
|
9002 content: "\f111"; |
|
9003 } |
|
9004 label input[type=radio][disabled].radiobox + span:before, |
|
9005 label input[type=radio][disabled].radiobox:checked + span:before { |
|
9006 background: #eee!important; |
|
9007 border-color: #CCC!important; |
|
9008 -webkit-box-shadow: none; |
|
9009 box-shadow: none; |
|
9010 color: #A7A7A7; |
|
9011 } |
|
9012 label:active input[type=radio][disabled].radiobox:checked + span:before, |
|
9013 label:hover input[type=radio][disabled].radiobox:checked + span:before { |
|
9014 background: #eee!important; |
|
9015 border-color: #CCC!important; |
|
9016 -webkit-box-shadow: none; |
|
9017 box-shadow: none; |
|
9018 color: #A7A7A7; |
|
9019 } |
|
9020 textarea { |
|
9021 background-color: #dedede; |
|
9022 min-height: 70px; |
|
9023 } |
|
9024 textarea.monospace, |
|
9025 .monospace textarea { |
|
9026 font-family: monospace, sans-serif !important; |
|
9027 font-size: 80%!important; |
|
9028 } |
|
9029 textarea.clone { |
|
9030 position: absolute; |
|
9031 visibility: hidden; |
|
9032 } |
|
9033 .textarea-div { |
|
9034 background-color: #FFF; |
|
9035 border: 1px solid #CCC; |
|
9036 border-bottom: 0; |
|
9037 margin: 10px 0 0; |
|
9038 } |
|
9039 .textarea-controls { |
|
9040 box-sizing: border-box; |
|
9041 -moz-box-sizing: border-box; |
|
9042 -webkit-box-sizing: border-box; |
|
9043 padding: 5px; |
|
9044 display: block; |
|
9045 background-color: #FFF; |
|
9046 border: 1px solid #CCC; |
|
9047 border-top: 0; |
|
9048 height: 43px; |
|
9049 line-height: 33px; |
|
9050 overflow: hidden; |
|
9051 } |
|
9052 .textarea-controls > label { |
|
9053 margin: 3px 10px 0; |
|
9054 } |
|
9055 .textarea-controls .ams-form .checkbox { |
|
9056 padding-left: 22px!important; |
|
9057 } |
|
9058 .typearea { |
|
9059 cursor: text; |
|
9060 overflow-x: hidden; |
|
9061 overflow-y: auto; |
|
9062 max-height: 12em; |
|
9063 padding: 5px 25px 5px 5px; |
|
9064 position: relative; |
|
9065 border-bottom: 1px solid #EEE; |
|
9066 } |
|
9067 .typearea textarea { |
|
9068 width: 100%; |
|
9069 border-color: transparent!important; |
|
9070 box-sizing: border-box; |
|
9071 box-shadow: none; |
|
9072 -moz-box-sizing: border-box; |
|
9073 -webkit-box-sizing: border-box; |
|
9074 -webkit-box-shadow: none; |
|
9075 overflow: auto; |
|
9076 padding: 0; |
|
9077 margin: 0; |
|
9078 -webkit-transition: height .2s; |
|
9079 transition: height .2s; |
|
9080 outline: 0; |
|
9081 resize: none; |
|
9082 min-height: calc(11em - 30px); |
|
9083 } |
|
9084 .error-box { |
|
9085 max-width: 900px; |
|
9086 margin: 0 auto; |
|
9087 } |
|
9088 .error-text { |
|
9089 font-weight: 400; |
|
9090 color: #fff; |
|
9091 letter-spacing: -4px; |
|
9092 font-size: 700%; |
|
9093 margin-bottom: 30px; |
|
9094 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); |
|
9095 } |
|
9096 .error-search { |
|
9097 width: 300px; |
|
9098 margin: 0 auto 20px; |
|
9099 } |
|
9100 .error-icon-shadow { |
|
9101 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); |
|
9102 } |
|
9103 .form-inline .checkbox, |
|
9104 .form-inline .radiobox { |
|
9105 padding-left: 0; |
|
9106 } |
|
9107 .ams-form { |
|
9108 position: relative; |
|
9109 margin: 0; |
|
9110 outline: 0; |
|
9111 color: #333; |
|
9112 } |
|
9113 .ams-form *, |
|
9114 .ams-form :after, |
|
9115 .ams-form :before { |
|
9116 margin: 0; |
|
9117 padding: 0; |
|
9118 -webkit-box-sizing: content-box; |
|
9119 -moz-box-sizing: content-box; |
|
9120 box-sizing: content-box; |
|
9121 } |
|
9122 .ams-form .dt-top-row * { |
|
9123 -webkit-box-sizing: border-box; |
|
9124 -moz-box-sizing: border-box; |
|
9125 box-sizing: border-box; |
|
9126 } |
|
9127 .ams-form header { |
|
9128 display: block; |
|
9129 padding: 8px 0; |
|
9130 border-bottom: 1px dashed rgba(0, 0, 0, 0.2); |
|
9131 background: #fff; |
|
9132 font-size: 16px; |
|
9133 font-weight: 300; |
|
9134 color: #232323; |
|
9135 margin: 10px 14px 0; |
|
9136 } |
|
9137 .modal-dialog .ams-form header { |
|
9138 margin: 10px -2px 0 0; |
|
9139 } |
|
9140 .ams-form fieldset { |
|
9141 display: block; |
|
9142 position: relative; |
|
9143 padding: 10px 15px 5px; |
|
9144 border: 0; |
|
9145 background: rgba(255, 255, 255, 0.9); |
|
9146 } |
|
9147 .ams-form fieldset[disabled] > section, |
|
9148 .ams-form fieldset[disabled] > article, |
|
9149 .ams-form fieldset[disabled] > div { |
|
9150 opacity: 0.6; |
|
9151 } |
|
9152 .ams-form fieldset[disabled] LEGEND.checker .checkbox { |
|
9153 cursor: pointer; |
|
9154 } |
|
9155 .ams-form fieldset.switched { |
|
9156 margin-bottom: 0!important; |
|
9157 } |
|
9158 .ams-form fieldset.switched > section, |
|
9159 .ams-form fieldset.switched > article, |
|
9160 .ams-form fieldset.switched > div:not(.persistent) { |
|
9161 display: none; |
|
9162 } |
|
9163 .ams-form fieldset.switched legend { |
|
9164 border-bottom: 0; |
|
9165 } |
|
9166 .ams-form fieldset.switched + fieldset { |
|
9167 margin-top: 0!important; |
|
9168 } |
|
9169 .ams-form fieldset.bordered { |
|
9170 margin: 0 10px 10px; |
|
9171 border: 1px solid rgba(192, 192, 192, 0.8); |
|
9172 -webkit-border-radius: 3px; |
|
9173 -moz-border-radius: 3px; |
|
9174 border-radius: 3px; |
|
9175 } |
|
9176 .ams-form fieldset.bordered.switched { |
|
9177 border: 1px solid transparent; |
|
9178 background-color: transparent; |
|
9179 } |
|
9180 .ams-form fieldset.bordered > legend { |
|
9181 width: auto; |
|
9182 padding: 3px 10px 1px; |
|
9183 border: 1px solid rgba(192, 192, 192, 0.8); |
|
9184 -webkit-border-radius: 3px; |
|
9185 -moz-border-radius: 3px; |
|
9186 border-radius: 3px; |
|
9187 } |
|
9188 .ams-form fieldset > fieldset.bordered { |
|
9189 margin: 10px 0; |
|
9190 } |
|
9191 .ams-form fieldset + fieldset { |
|
9192 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
9193 } |
|
9194 .ams-form legend { |
|
9195 padding-top: 10px; |
|
9196 } |
|
9197 .ams-form legend.inner, |
|
9198 .ams-form legend .inner { |
|
9199 font-weight: 300; |
|
9200 font-size: 14.5px!important; |
|
9201 } |
|
9202 .ams-form legend.switcher { |
|
9203 cursor: pointer; |
|
9204 } |
|
9205 .ams-form legend.checker, |
|
9206 .ams-form legend.switcher { |
|
9207 font-weight: 300; |
|
9208 font-size: 16.5px; |
|
9209 border: 0; |
|
9210 padding-bottom: 0; |
|
9211 } |
|
9212 .ams-form legend.checker label[for], |
|
9213 .ams-form legend.switcher label[for] { |
|
9214 cursor: pointer; |
|
9215 } |
|
9216 .ams-form legend .fa.text-danger { |
|
9217 color: #a94442; |
|
9218 } |
|
9219 .ams-form legend > .fa { |
|
9220 padding-right: 3px; |
|
9221 color: #3276b1; |
|
9222 font-size: 75%; |
|
9223 } |
|
9224 .ams-form legend > .fa.fa-stack { |
|
9225 font-size: 100%; |
|
9226 width: 1em; |
|
9227 height: 1em; |
|
9228 line-height: 1em; |
|
9229 } |
|
9230 .ams-form legend .hint { |
|
9231 vertical-align: top; |
|
9232 font-size: 1em; |
|
9233 } |
|
9234 .ams-form legend label.checkbox { |
|
9235 display: inline-block; |
|
9236 margin-bottom: 0px; |
|
9237 min-height: 18px; |
|
9238 } |
|
9239 .ams-form legend label.checkbox i { |
|
9240 position: absolute; |
|
9241 left: 3px; |
|
9242 top: -1px; |
|
9243 } |
|
9244 .ams-form legend .btn-group { |
|
9245 margin-left: 20px; |
|
9246 } |
|
9247 .ams-form > .modal-viewport > fieldset > legend { |
|
9248 padding-top: 0; |
|
9249 } |
|
9250 .ams-form section { |
|
9251 margin-bottom: 10px; |
|
9252 position: relative; |
|
9253 } |
|
9254 .ams-form .form-group { |
|
9255 padding: 5px 10px; |
|
9256 } |
|
9257 .ams-form.form-tight .form-group, |
|
9258 .ams-form .form-tight .form-group { |
|
9259 padding: 1px 10px; |
|
9260 } |
|
9261 .ams-form.form-tight .form-group .i18n-content, |
|
9262 .ams-form .form-tight .form-group .i18n-content { |
|
9263 margin-bottom: 5px; |
|
9264 } |
|
9265 .ams-form label.checkbox, |
|
9266 .ams-form label.radio { |
|
9267 padding-top: 0; |
|
9268 } |
|
9269 .ams-form label.input-file img.thumbnail { |
|
9270 display: inline-block; |
|
9271 margin: 4px 10px 0 4px!important; |
|
9272 padding: 4px!important; |
|
9273 } |
|
9274 .ams-form input.input-lg { |
|
9275 height: 44px; |
|
9276 padding: 10px 16px; |
|
9277 font-size: 17px; |
|
9278 line-height: 1.33; |
|
9279 } |
|
9280 .ams-form input.input-sm { |
|
9281 height: 30px; |
|
9282 padding: 5px 10px; |
|
9283 font-size: 12px; |
|
9284 line-height: 1.5; |
|
9285 } |
|
9286 .ams-form input.input-xs { |
|
9287 height: 24px; |
|
9288 padding: 2px 10px; |
|
9289 font-size: 11px; |
|
9290 line-height: 1.5; |
|
9291 } |
|
9292 .ams-form input[type="text"][name][disabled], |
|
9293 .ams-form input[type="password"][name][disabled], |
|
9294 .ams-form input[type="text"][name][readonly], |
|
9295 .ams-form input[type="password"][name][readonly] { |
|
9296 background-color: #efefef; |
|
9297 } |
|
9298 .ams-form .textarea textarea[name][disabled], |
|
9299 .ams-form .textarea textarea[name][readonly] { |
|
9300 background-color: #efefef; |
|
9301 } |
|
9302 .ams-form select.input-sm { |
|
9303 height: 30px; |
|
9304 line-height: 15px; |
|
9305 font-size: 12px; |
|
9306 } |
|
9307 .ams-form select.input-sm + i { |
|
9308 height: 10px; |
|
9309 } |
|
9310 .ams-form select.input-lg { |
|
9311 height: 44px; |
|
9312 line-height: 22px; |
|
9313 font-size: 17px; |
|
9314 } |
|
9315 .ams-form select.input-lg + i { |
|
9316 height: 11px; |
|
9317 top: 17px; |
|
9318 } |
|
9319 .ams-form .row { |
|
9320 margin: 0 -15px; |
|
9321 } |
|
9322 .ams-form .row:after { |
|
9323 display: table; |
|
9324 content: ''; |
|
9325 clear: both; |
|
9326 } |
|
9327 .ams-form .col-1 { |
|
9328 width: 8.33%; |
|
9329 } |
|
9330 .ams-form .col-2 { |
|
9331 width: 16.66%; |
|
9332 } |
|
9333 .ams-form .col-3 { |
|
9334 width: 25%; |
|
9335 } |
|
9336 .ams-form .col-4 { |
|
9337 width: 33.33%; |
|
9338 } |
|
9339 .ams-form .col-5 { |
|
9340 width: 41.66%; |
|
9341 } |
|
9342 .ams-form .col-6 { |
|
9343 width: 50%; |
|
9344 } |
|
9345 .ams-form .col-8 { |
|
9346 width: 66.67%; |
|
9347 } |
|
9348 .ams-form .col-9 { |
|
9349 width: 75%; |
|
9350 } |
|
9351 .ams-form .col-10 { |
|
9352 width: 83.33%; |
|
9353 } |
|
9354 .ams-form .col { |
|
9355 float: left; |
|
9356 min-height: 1px; |
|
9357 padding-right: 15px; |
|
9358 padding-left: 15px; |
|
9359 -webkit-box-sizing: border-box; |
|
9360 box-sizing: border-box; |
|
9361 -moz-box-sizing: border-box; |
|
9362 } |
|
9363 @media screen and (max-width: 600px) { |
|
9364 .ams-form .col { |
|
9365 float: none; |
|
9366 width: 100%; |
|
9367 } |
|
9368 } |
|
9369 @media screen and (max-width: 600px) { |
|
9370 .ams-form .col .label { |
|
9371 text-align: left; |
|
9372 padding-left: 20px; |
|
9373 } |
|
9374 } |
|
9375 .ams-form footer { |
|
9376 display: block; |
|
9377 padding: 7px 25px 15px; |
|
9378 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
9379 background: rgba(248, 248, 248, 0.9); |
|
9380 } |
|
9381 .ams-form footer:after { |
|
9382 display: table; |
|
9383 clear: both; |
|
9384 content: ''; |
|
9385 } |
|
9386 .ams-form footer .btn { |
|
9387 float: right; |
|
9388 height: 31px; |
|
9389 margin: 10px 0 0 5px; |
|
9390 padding: 0 22px; |
|
9391 font: 300 15px/29px Ubuntu, Helvetica, Arial, sans-serif; |
|
9392 cursor: pointer; |
|
9393 } |
|
9394 .ams-form footer .btn.btn-info { |
|
9395 float: left; |
|
9396 } |
|
9397 .ams-form footer .submit-message { |
|
9398 display: inline-block; |
|
9399 } |
|
9400 .ams-form .message { |
|
9401 display: none; |
|
9402 color: #6fb679; |
|
9403 } |
|
9404 .ams-form .message i { |
|
9405 display: block; |
|
9406 margin: 0 auto 20px; |
|
9407 width: 81px; |
|
9408 height: 81px; |
|
9409 border: 1px solid #6fb679; |
|
9410 border-radius: 50%; |
|
9411 font-size: 30px; |
|
9412 line-height: 81px; |
|
9413 } |
|
9414 .ams-form.submitted fieldset, |
|
9415 .ams-form.submitted footer { |
|
9416 display: none; |
|
9417 } |
|
9418 .ams-form.submitted .message { |
|
9419 display: block; |
|
9420 padding: 25px 30px; |
|
9421 background: rgba(255, 255, 255, 0.9); |
|
9422 font: 300 18px/27px Ubuntu, Helvetica, Arial, sans-serif; |
|
9423 text-align: center; |
|
9424 } |
|
9425 .ams-form .note { |
|
9426 margin-top: 6px; |
|
9427 padding: 0 1px; |
|
9428 font-size: 11px; |
|
9429 line-height: 15px; |
|
9430 color: #999; |
|
9431 } |
|
9432 .ams-form .note a { |
|
9433 font-size: 13px; |
|
9434 } |
|
9435 .ams-form .note-success { |
|
9436 color: #6fb679; |
|
9437 } |
|
9438 .ams-form .control-label { |
|
9439 display: block; |
|
9440 margin-top: 4px; |
|
9441 margin-bottom: 6px; |
|
9442 padding-top: 0; |
|
9443 line-height: 19px; |
|
9444 font-weight: 400; |
|
9445 font-size: 13px; |
|
9446 color: #666; |
|
9447 text-align: right; |
|
9448 } |
|
9449 @media screen and (max-width: 992px) { |
|
9450 .ams-form .control-label { |
|
9451 text-align: left; |
|
9452 margin-bottom: 0; |
|
9453 } |
|
9454 } |
|
9455 .ams-form .control-label.col { |
|
9456 text-align: right; |
|
9457 } |
|
9458 @media screen and (max-width: 600px) { |
|
9459 .ams-form .control-label.col { |
|
9460 text-align: left; |
|
9461 padding-left: 20px; |
|
9462 } |
|
9463 } |
|
9464 .ams-form .control-label span { |
|
9465 margin-right: 10px; |
|
9466 } |
|
9467 .ams-form .control-label span::after { |
|
9468 content: " *"; |
|
9469 color: transparent; |
|
9470 } |
|
9471 .ams-form .control-label span > .hint { |
|
9472 margin-top: -2px; |
|
9473 } |
|
9474 .ams-form .control-label .col { |
|
9475 margin: 0; |
|
9476 padding-top: 7px; |
|
9477 } |
|
9478 .ams-form label.input span.textline-field { |
|
9479 display: block; |
|
9480 margin-top: 4px; |
|
9481 margin-bottom: 6px; |
|
9482 padding: 0 8px 6px; |
|
9483 line-height: 19px; |
|
9484 font-size: 13px; |
|
9485 } |
|
9486 .ams-form .required-field .control-label span::after { |
|
9487 color: red; |
|
9488 } |
|
9489 .ams-form .tooltip { |
|
9490 position: absolute; |
|
9491 z-index: 99999; |
|
9492 left: -9999px; |
|
9493 padding: 2px 8px 3px; |
|
9494 font-size: 11px; |
|
9495 line-height: 16px; |
|
9496 font-weight: 400; |
|
9497 background: rgba(0, 0, 0, 0.9); |
|
9498 color: #fff; |
|
9499 opacity: 0; |
|
9500 transition: margin .3s, opacity .3s; |
|
9501 -webkit-transition: margin .3s, opacity .3s; |
|
9502 } |
|
9503 .ams-form .tooltip:after { |
|
9504 position: absolute; |
|
9505 content: ''; |
|
9506 } |
|
9507 .ams-form .tooltip-top-right { |
|
9508 bottom: 100%; |
|
9509 margin-bottom: 15px; |
|
9510 } |
|
9511 .ams-form .tooltip-top-right:after { |
|
9512 top: 100%; |
|
9513 right: 11px; |
|
9514 border-top: 4px solid rgba(0, 0, 0, 0.9); |
|
9515 border-right: 4px solid transparent; |
|
9516 border-left: 4px solid transparent; |
|
9517 } |
|
9518 .ams-form .input input:focus + .tooltip-top-right, |
|
9519 .ams-form .input textarea:focus + .tooltip-top-right { |
|
9520 right: 0; |
|
9521 left: auto; |
|
9522 margin-bottom: 5px; |
|
9523 } |
|
9524 .ams-form .tooltip-top-left { |
|
9525 bottom: 100%; |
|
9526 margin-bottom: 15px; |
|
9527 } |
|
9528 .ams-form .tooltip-top-left:after { |
|
9529 top: 100%; |
|
9530 left: 11px; |
|
9531 border-top: 4px solid rgba(0, 0, 0, 0.9); |
|
9532 border-right: 4px solid transparent; |
|
9533 border-left: 4px solid transparent; |
|
9534 } |
|
9535 .ams-form .input input:focus + .tooltip-top-left, |
|
9536 .ams-form .input textarea:focus + .tooltip-top-left { |
|
9537 right: auto; |
|
9538 left: 0; |
|
9539 margin-bottom: 5px; |
|
9540 } |
|
9541 .ams-form .tooltip-right { |
|
9542 top: 4px; |
|
9543 white-space: nowrap; |
|
9544 margin-left: 15px; |
|
9545 } |
|
9546 .ams-form .tooltip-right:after { |
|
9547 top: 6px; |
|
9548 right: 100%; |
|
9549 border-top: 4px solid transparent; |
|
9550 border-right: 4px solid rgba(0, 0, 0, 0.9); |
|
9551 border-bottom: 4px solid transparent; |
|
9552 } |
|
9553 .ams-form .input input:focus + .tooltip-right, |
|
9554 .ams-form .input textarea:focus + .tooltip-right { |
|
9555 left: 100%; |
|
9556 margin-left: 5px; |
|
9557 } |
|
9558 .ams-form .tooltip-left { |
|
9559 top: 4px; |
|
9560 white-space: nowrap; |
|
9561 margin-right: 15px; |
|
9562 } |
|
9563 .ams-form .tooltip-left:after { |
|
9564 top: 6px; |
|
9565 left: 100%; |
|
9566 border-top: 4px solid transparent; |
|
9567 border-bottom: 4px solid transparent; |
|
9568 border-left: 4px solid rgba(0, 0, 0, 0.9); |
|
9569 } |
|
9570 .ams-form .input input:focus + .tooltip-left, |
|
9571 .ams-form .input textarea:focus + .tooltip-left { |
|
9572 right: 100%; |
|
9573 left: auto; |
|
9574 margin-right: 5px; |
|
9575 } |
|
9576 .ams-form .tooltip-bottom-right { |
|
9577 top: 100%; |
|
9578 margin-top: 15px; |
|
9579 } |
|
9580 .ams-form .tooltip-bottom-right:after { |
|
9581 bottom: 100%; |
|
9582 right: 11px; |
|
9583 border-right: 4px solid transparent; |
|
9584 border-bottom: 4px solid rgba(0, 0, 0, 0.9); |
|
9585 border-left: 4px solid transparent; |
|
9586 } |
|
9587 .ams-form .input input:focus + .tooltip-bottom-right, |
|
9588 .ams-form .input textarea:focus + .tooltip-bottom-right { |
|
9589 right: 0; |
|
9590 left: auto; |
|
9591 margin-top: 5px; |
|
9592 } |
|
9593 .ams-form .tooltip-bottom-left { |
|
9594 top: 100%; |
|
9595 margin-top: 15px; |
|
9596 } |
|
9597 .ams-form .tooltip-bottom-left:after { |
|
9598 bottom: 100%; |
|
9599 left: 11px; |
|
9600 border-right: 4px solid transparent; |
|
9601 border-bottom: 4px solid rgba(0, 0, 0, 0.9); |
|
9602 border-left: 4px solid transparent; |
|
9603 } |
|
9604 .ams-form .input input:focus + .tooltip-bottom-left, |
|
9605 .ams-form .input textarea:focus + .tooltip-bottom-left { |
|
9606 right: auto; |
|
9607 left: 0; |
|
9608 margin-top: 5px; |
|
9609 } |
|
9610 .ams-form .inline-group { |
|
9611 margin: 0 -30px -4px 0; |
|
9612 } |
|
9613 .ams-form .inline-group:after { |
|
9614 content: ''; |
|
9615 display: table; |
|
9616 clear: both; |
|
9617 } |
|
9618 .ams-form .inline-group .checkbox, |
|
9619 .ams-form .inline-group .radio { |
|
9620 float: left; |
|
9621 margin-right: 30px; |
|
9622 } |
|
9623 .ams-form .inline-group .checkbox:last-child, |
|
9624 .ams-form .inline-group .radio:last-child { |
|
9625 margin-bottom: 4px; |
|
9626 } |
|
9627 .ams-form .input .inline-group { |
|
9628 margin: 0 0 -4px 0; |
|
9629 } |
|
9630 .ams-form .btn { |
|
9631 -webkit-box-sizing: border-box; |
|
9632 -moz-box-sizing: border-box; |
|
9633 box-sizing: border-box; |
|
9634 } |
|
9635 .ams-form .button { |
|
9636 float: right; |
|
9637 height: 31px; |
|
9638 overflow: hidden; |
|
9639 margin: 10px 0 0 5px; |
|
9640 padding: 0 25px; |
|
9641 outline: 0; |
|
9642 border: 0; |
|
9643 font: 300 15px/31px Ubuntu, Helvetica, Arial, sans-serif; |
|
9644 text-decoration: none; |
|
9645 color: #fff; |
|
9646 cursor: pointer; |
|
9647 background-color: #3276B1; |
|
9648 opacity: .8; |
|
9649 transition: opacity .2s; |
|
9650 -webkit-transition: opacity .2s; |
|
9651 } |
|
9652 .ams-form .button:hover { |
|
9653 opacity: 1; |
|
9654 } |
|
9655 .ams-form .button.button-secondary { |
|
9656 background-color: #b3b3b3; |
|
9657 } |
|
9658 .ams-form .button, |
|
9659 .ams-form .checkbox, |
|
9660 .ams-form .input, |
|
9661 .ams-form .radio, |
|
9662 .ams-form .select, |
|
9663 .ams-form .textarea, |
|
9664 .ams-form .toggle { |
|
9665 display: block; |
|
9666 position: relative; |
|
9667 font-weight: 400; |
|
9668 } |
|
9669 .ams-form .input input, |
|
9670 .ams-form .select select, |
|
9671 .ams-form .input textarea { |
|
9672 display: block; |
|
9673 -webkit-box-sizing: border-box; |
|
9674 -moz-box-sizing: border-box; |
|
9675 box-sizing: border-box; |
|
9676 width: 100%; |
|
9677 height: 28px; |
|
9678 padding: 6px 8px; |
|
9679 outline: 0; |
|
9680 border-width: 1px; |
|
9681 border-style: solid; |
|
9682 border-radius: 0; |
|
9683 background: #fff; |
|
9684 font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; |
|
9685 color: #404040; |
|
9686 appearance: normal; |
|
9687 -moz-appearance: none; |
|
9688 -webkit-appearance: none; |
|
9689 } |
|
9690 .ams-form .input input[readonly], |
|
9691 .ams-form .select select[readonly], |
|
9692 .ams-form .input textarea[readonly] { |
|
9693 border-bottom: 1px solid #ccc!important; |
|
9694 pointer-events: none; |
|
9695 cursor: pointer; |
|
9696 } |
|
9697 .ams-form .input input[readonly]:focus, |
|
9698 .ams-form .select select[readonly]:focus, |
|
9699 .ams-form .input textarea[readonly]:focus { |
|
9700 -webkit-box-shadow: none; |
|
9701 -moz-box-shadow: none; |
|
9702 box-shadow: none; |
|
9703 } |
|
9704 .ams-form .input input.display-mode, |
|
9705 .ams-form .select select.display-mode, |
|
9706 .ams-form .input textarea.display-mode { |
|
9707 border: none; |
|
9708 padding: 0; |
|
9709 margin-top: 2px; |
|
9710 margin-bottom: 3px; |
|
9711 height: 14px; |
|
9712 line-height: 1em; |
|
9713 } |
|
9714 .ams-form .input span.textarea-widget, |
|
9715 .ams-form .input .html_content { |
|
9716 display: block; |
|
9717 width: 100%; |
|
9718 min-height: 14px; |
|
9719 padding: 4px 8px; |
|
9720 border-bottom: 1px solid #ccc!important; |
|
9721 } |
|
9722 .ams-form .i18n-widget { |
|
9723 height: 100%; |
|
9724 } |
|
9725 .ams-form .i18n-widget > .clearfix { |
|
9726 height: 100%; |
|
9727 } |
|
9728 .ams-form .i18n-widget .i18n-content { |
|
9729 height: 100%; |
|
9730 } |
|
9731 .ams-form .i18n-widget .i18n-content > .clearfix { |
|
9732 height: 100%; |
|
9733 } |
|
9734 .ams-form .i18n-widget .i18n-content > .clearfix > .ace_editor { |
|
9735 height: calc(100% - 20px) !important; |
|
9736 } |
|
9737 .ams-form .input .i18n-content input[readonly], |
|
9738 .ams-form .input .i18n-content textarea[readonly], |
|
9739 .ams-form .select .i18n-content select[readonly] { |
|
9740 border-width: 0!important; |
|
9741 } |
|
9742 .ams-form .input .i18n-content .textarea-widget { |
|
9743 display: block; |
|
9744 min-height: 12px; |
|
9745 } |
|
9746 .ams-form .input input:focus + .tooltip, |
|
9747 .ams-form .input textarea:focus + .tooltip { |
|
9748 opacity: 1; |
|
9749 } |
|
9750 .ams-form .input .icon-prepend + input, |
|
9751 .ams-form .input .icon-prepend + textarea { |
|
9752 padding-left: 37px; |
|
9753 } |
|
9754 .ams-form .input .icon-append + input, |
|
9755 .ams-form .input .icon-append + textarea { |
|
9756 padding-right: 37px; |
|
9757 } |
|
9758 .ams-form .input .icon-prepend + .icon-append + input, |
|
9759 .ams-form .input .icon-prepend + .icon-append + textarea { |
|
9760 padding-left: 37px; |
|
9761 } |
|
9762 .ams-form .input.with-icons .icon-append-2 + input { |
|
9763 padding-right: 60px; |
|
9764 } |
|
9765 .ams-form .input-file { |
|
9766 position: relative; |
|
9767 width: 100%; |
|
9768 } |
|
9769 .ams-form .input-file .current-value { |
|
9770 font-size: 13px; |
|
9771 } |
|
9772 .ams-form .input-file .button { |
|
9773 position: absolute; |
|
9774 top: 3px; |
|
9775 right: 3px; |
|
9776 float: none; |
|
9777 height: 22px; |
|
9778 margin: 0; |
|
9779 padding: 0 14px; |
|
9780 font-size: 13px; |
|
9781 line-height: 22px; |
|
9782 } |
|
9783 .ams-form .input-file .button:hover { |
|
9784 -webkit-box-shadow: none; |
|
9785 box-shadow: none; |
|
9786 } |
|
9787 .ams-form .input-file .button input { |
|
9788 position: absolute; |
|
9789 top: 0; |
|
9790 right: 0; |
|
9791 padding: 0; |
|
9792 font-size: 30px; |
|
9793 cursor: pointer; |
|
9794 opacity: 0; |
|
9795 } |
|
9796 .ams-form .select select { |
|
9797 padding: 5px; |
|
9798 } |
|
9799 .ams-form .select i { |
|
9800 position: absolute; |
|
9801 top: 9px; |
|
9802 right: 11px; |
|
9803 width: 5px; |
|
9804 height: 11px; |
|
9805 background: #fff; |
|
9806 } |
|
9807 .ams-form .select i:before, |
|
9808 .ams-form .select i:after { |
|
9809 content: ''; |
|
9810 position: absolute; |
|
9811 right: 0; |
|
9812 border-right: 4px solid transparent; |
|
9813 border-left: 4px solid transparent; |
|
9814 } |
|
9815 .ams-form .select i:before { |
|
9816 top: 0; |
|
9817 border-bottom: 4px solid #404040; |
|
9818 } |
|
9819 .ams-form .select i:after { |
|
9820 bottom: 0; |
|
9821 border-top: 4px solid #404040; |
|
9822 } |
|
9823 .ams-form .select-widget .selected-option { |
|
9824 display: inline-block; |
|
9825 padding: 4px 8px; |
|
9826 } |
|
9827 .ams-form .select-multiple select { |
|
9828 height: auto; |
|
9829 } |
|
9830 .ams-form .input textarea { |
|
9831 height: auto; |
|
9832 resize: vertical; |
|
9833 } |
|
9834 .ams-form .input.height-100 textarea { |
|
9835 height: 100px; |
|
9836 } |
|
9837 .ams-form .input.height-100 .i18n-content textarea { |
|
9838 height: 70px; |
|
9839 } |
|
9840 .ams-form .input.height-200 textarea { |
|
9841 height: 200px; |
|
9842 } |
|
9843 .ams-form .input.height-200 .i18n-content textarea { |
|
9844 height: 170px; |
|
9845 } |
|
9846 .ams-form .input.height-300 textarea { |
|
9847 height: 300px; |
|
9848 } |
|
9849 .ams-form .input.height-300 .i18n-content textarea { |
|
9850 height: 270px; |
|
9851 } |
|
9852 .ams-form .input.height-400 textarea { |
|
9853 height: 400px; |
|
9854 } |
|
9855 .ams-form .input.height-400 .i18n-content textarea { |
|
9856 height: 370px; |
|
9857 } |
|
9858 .ams-form .input.height-500 textarea { |
|
9859 height: 500px; |
|
9860 } |
|
9861 .ams-form .input.height-500 .i18n-content textarea { |
|
9862 height: 470px; |
|
9863 } |
|
9864 .ams-form .textarea-resizable textarea { |
|
9865 resize: vertical; |
|
9866 } |
|
9867 .ams-form .textarea-expandable textarea { |
|
9868 height: 31px; |
|
9869 } |
|
9870 .ams-form .textarea-expandable textarea:focus { |
|
9871 height: auto; |
|
9872 } |
|
9873 .ams-form .ace_editor, |
|
9874 .ams-form .ace_scroller, |
|
9875 .ams-form .ace_content { |
|
9876 width: 100%!important; |
|
9877 height: 100%!important; |
|
9878 } |
|
9879 .ams-form .ace_search.right { |
|
9880 right: 15px!important; |
|
9881 } |
|
9882 .ams-form .checkbox, |
|
9883 .ams-form .radio { |
|
9884 margin-bottom: 4px; |
|
9885 padding-left: 25px; |
|
9886 line-height: 25px; |
|
9887 color: #404040; |
|
9888 cursor: pointer; |
|
9889 font-size: 13px; |
|
9890 } |
|
9891 .ams-form .checkbox:last-child, |
|
9892 .ams-form .radio:last-child { |
|
9893 margin-bottom: 0; |
|
9894 } |
|
9895 .ams-form .checkbox i, |
|
9896 .ams-form .radio i { |
|
9897 display: block; |
|
9898 position: absolute; |
|
9899 top: 3px; |
|
9900 left: 0; |
|
9901 width: 17px; |
|
9902 height: 17px; |
|
9903 outline: 0; |
|
9904 border-width: 1px; |
|
9905 border-style: solid; |
|
9906 background: #FFF; |
|
9907 } |
|
9908 .ams-form .checkbox input, |
|
9909 .ams-form .radio input { |
|
9910 position: absolute; |
|
9911 left: -9999px; |
|
9912 } |
|
9913 .ams-form .checkbox input + i:after, |
|
9914 .ams-form .radio input + i:after { |
|
9915 position: absolute; |
|
9916 opacity: 0; |
|
9917 transition: opacity .1s; |
|
9918 -webkit-transition: opacity .1s; |
|
9919 } |
|
9920 .ams-form .checkbox input:checked + i:after, |
|
9921 .ams-form .radio input:checked + i:after { |
|
9922 opacity: 1; |
|
9923 } |
|
9924 .ams-form .radio input + i:after { |
|
9925 background-color: #3276B1; |
|
9926 } |
|
9927 .ams-form .checkbox input + i:after { |
|
9928 content: '\f00c'; |
|
9929 top: -1px; |
|
9930 left: 1px; |
|
9931 width: 15px; |
|
9932 height: 15px; |
|
9933 font: 400 16px/19px FontAwesome; |
|
9934 text-align: center; |
|
9935 } |
|
9936 .ams-form .checkbox input + i:after { |
|
9937 color: #3276B1; |
|
9938 } |
|
9939 .ams-form .checkbox input:checked:hover + i:after { |
|
9940 content: '\f00d'; |
|
9941 } |
|
9942 .ams-form .checkbox input:checked:disabled:hover + i:after { |
|
9943 content: '\f00c'; |
|
9944 } |
|
9945 .ams-form .radio input + i:after { |
|
9946 content: ''; |
|
9947 top: 4px; |
|
9948 left: 4px; |
|
9949 width: 9px; |
|
9950 height: 9px; |
|
9951 border-radius: 50%; |
|
9952 } |
|
9953 .ams-form .checkbox + .checkbox, |
|
9954 .ams-form .radio + .radio { |
|
9955 margin-top: 0; |
|
9956 } |
|
9957 .ams-form.table td .checkbox i, |
|
9958 .ams-form.table td .radio i, |
|
9959 .ams-form.table th .checkbox i, |
|
9960 .ams-form.table th .radio i { |
|
9961 top: 0!important; |
|
9962 } |
|
9963 .ams-form .inner .checkbox { |
|
9964 min-height: 13px; |
|
9965 } |
|
9966 .ams-form .inner .checkbox i { |
|
9967 width: 13px; |
|
9968 height: 13px; |
|
9969 } |
|
9970 .ams-form .inner .checkbox input + i:after { |
|
9971 width: 11px; |
|
9972 height: 11px; |
|
9973 font: 300 12px/16px FontAwesome; |
|
9974 } |
|
9975 .inner-table-form .ams-form > fieldset { |
|
9976 margin-top: 10px; |
|
9977 margin-bottom: 0; |
|
9978 } |
|
9979 .inner-table-form .ams-form legend { |
|
9980 background-color: white; |
|
9981 } |
|
9982 .inner-table-form .ams-form .form-group { |
|
9983 padding: 5px 10px 0; |
|
9984 } |
|
9985 .inner-table-form .ams-form input[type="text"] { |
|
9986 height: 28px; |
|
9987 } |
|
9988 .inner-table-form .ams-form footer { |
|
9989 padding: 5px 20px; |
|
9990 border-top: 0; |
|
9991 background-color: transparent; |
|
9992 } |
|
9993 .ams-form .toggle { |
|
9994 margin-bottom: 4px; |
|
9995 padding-right: 61px; |
|
9996 font-size: 15px; |
|
9997 line-height: 25px; |
|
9998 color: #404040; |
|
9999 cursor: pointer; |
|
10000 } |
|
10001 .ams-form .toggle:last-child { |
|
10002 margin-bottom: 0; |
|
10003 } |
|
10004 .ams-form .toggle.state-error input:checked + i { |
|
10005 background: #fff0f0; |
|
10006 } |
|
10007 .ams-form .toggle.state-success input:checked + i { |
|
10008 background: #f0fff0; |
|
10009 } |
|
10010 .ams-form .toggle input { |
|
10011 position: absolute; |
|
10012 left: -9999px; |
|
10013 } |
|
10014 .ams-form .toggle input:checked + i:before { |
|
10015 right: 36px; |
|
10016 } |
|
10017 .ams-form .toggle input:checked + i:after { |
|
10018 content: attr(data-swchon-text); |
|
10019 text-align: right; |
|
10020 } |
|
10021 .ams-form .toggle i { |
|
10022 display: block; |
|
10023 position: absolute; |
|
10024 content: ''; |
|
10025 top: 4px; |
|
10026 right: 0; |
|
10027 width: 49px; |
|
10028 height: 17px; |
|
10029 border-width: 1px; |
|
10030 border-style: solid; |
|
10031 border-radius: 12px; |
|
10032 background: #fff; |
|
10033 } |
|
10034 .ams-form .toggle i:before { |
|
10035 display: block; |
|
10036 position: absolute; |
|
10037 content: ''; |
|
10038 z-index: 1; |
|
10039 top: 4px; |
|
10040 right: 4px; |
|
10041 width: 9px; |
|
10042 height: 9px; |
|
10043 border-radius: 50%; |
|
10044 opacity: 1; |
|
10045 transition: right .2s; |
|
10046 -webkit-transition: right .2s; |
|
10047 background-color: #3276B1; |
|
10048 } |
|
10049 .ams-form .toggle i:after { |
|
10050 position: absolute; |
|
10051 content: attr(data-swchoff-text); |
|
10052 top: 2px; |
|
10053 right: 8px; |
|
10054 left: 8px; |
|
10055 font-style: normal; |
|
10056 font-size: 9px; |
|
10057 line-height: 17px; |
|
10058 font-weight: 700; |
|
10059 text-align: left; |
|
10060 color: #5f5f5f; |
|
10061 } |
|
10062 .ams-form .checkbox:hover i, |
|
10063 .ams-form .radio:hover i, |
|
10064 .ams-form .toggle:hover i { |
|
10065 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10066 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10067 } |
|
10068 .ams-form .checkbox:active i, |
|
10069 .ams-form .radio:active i, |
|
10070 .ams-form .toggle:active i { |
|
10071 background: #F0F0F0; |
|
10072 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10073 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
|
10074 } |
|
10075 .ams-form .checkbox input:checked + i, |
|
10076 .ams-form .radio input:checked + i, |
|
10077 .ams-form .toggle input:checked + i { |
|
10078 border-color: #3276B1; |
|
10079 } |
|
10080 .ams-form .rating { |
|
10081 margin-bottom: 4px; |
|
10082 font-size: 13px; |
|
10083 line-height: 25px; |
|
10084 color: #404040; |
|
10085 } |
|
10086 .ams-form .rating:last-child { |
|
10087 margin-bottom: 0; |
|
10088 } |
|
10089 .ams-form .rating.state-error + em { |
|
10090 margin-top: -4px; |
|
10091 margin-bottom: 4px; |
|
10092 } |
|
10093 .ams-form .rating input { |
|
10094 position: absolute; |
|
10095 left: -9999px; |
|
10096 } |
|
10097 .ams-form .rating input + label:hover, |
|
10098 .ams-form .rating input + label:hover ~ label { |
|
10099 color: #3276B1; |
|
10100 } |
|
10101 .ams-form .rating input:checked ~ label { |
|
10102 color: #3276B1; |
|
10103 } |
|
10104 .ams-form .rating label { |
|
10105 display: block; |
|
10106 float: right; |
|
10107 height: 17px; |
|
10108 margin-top: 5px; |
|
10109 padding: 0 2px; |
|
10110 font-size: 17px; |
|
10111 line-height: 17px; |
|
10112 cursor: pointer; |
|
10113 color: #ccc; |
|
10114 transition: color .3s; |
|
10115 -webkit-transition: color .3s; |
|
10116 } |
|
10117 .ams-form .icon-append, |
|
10118 .ams-form .icon-prepend { |
|
10119 position: absolute; |
|
10120 top: 4px; |
|
10121 width: 20px; |
|
10122 height: 20px; |
|
10123 font-size: 14px; |
|
10124 line-height: 20px; |
|
10125 text-align: center; |
|
10126 color: #A2A2A2; |
|
10127 } |
|
10128 .ams-form .icon-append.text-primary, |
|
10129 .ams-form .icon-prepend.text-primary { |
|
10130 color: #337ab7; |
|
10131 } |
|
10132 .ams-form .icon-append.text-primary.inverted, |
|
10133 .ams-form .icon-prepend.text-primary.inverted { |
|
10134 background-color: #337ab7; |
|
10135 color: white; |
|
10136 border-radius: 3px; |
|
10137 } |
|
10138 .ams-form .icon-append.fa-stack .fa-stack-2x, |
|
10139 .ams-form .icon-prepend.fa-stack .fa-stack-2x { |
|
10140 font-size: 1.6em; |
|
10141 left: 1px; |
|
10142 } |
|
10143 .ams-form .icon-append.fa-stack .fa-stack-1x, |
|
10144 .ams-form .icon-prepend.fa-stack .fa-stack-1x { |
|
10145 left: 1px; |
|
10146 top: 1px; |
|
10147 } |
|
10148 .ams-form .icon-append { |
|
10149 right: 4px; |
|
10150 padding-left: 2px; |
|
10151 border-left-width: 1px; |
|
10152 border-left-style: solid; |
|
10153 } |
|
10154 .ams-form .icon-append.fa-spin { |
|
10155 border-left-style: none; |
|
10156 } |
|
10157 .ams-form .icon-append-2 { |
|
10158 right: 31px; |
|
10159 } |
|
10160 .ams-form .icon-prepend { |
|
10161 left: 4px; |
|
10162 padding-right: 2px; |
|
10163 border-right-width: 1px; |
|
10164 border-right-style: solid; |
|
10165 } |
|
10166 .ams-form .icon-prepend-2 { |
|
10167 left: 31px; |
|
10168 } |
|
10169 .ams-form .input .field-with-prefix { |
|
10170 display: flex; |
|
10171 border: 1px solid #ccc; |
|
10172 } |
|
10173 .ams-form .input .field-with-prefix .prefix { |
|
10174 color: #346597; |
|
10175 padding: 6px 0 6px 6px; |
|
10176 font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; |
|
10177 height: 16px; |
|
10178 } |
|
10179 .ams-form .input .field-with-prefix .prefix:empty { |
|
10180 padding: 4px 0; |
|
10181 } |
|
10182 .ams-form .input .field-with-prefix.display { |
|
10183 border: 1px solid transparent; |
|
10184 border-bottom: 1px solid #ccc; |
|
10185 } |
|
10186 .ams-form .input .field-with-prefix.display .prefix { |
|
10187 color: #333; |
|
10188 } |
|
10189 .ams-form .input .field-with-prefix.display .prefix + input[readonly] { |
|
10190 border-bottom: 0!important; |
|
10191 } |
|
10192 .ams-form .input .field-with-prefix .prefix + input { |
|
10193 border-width: 0; |
|
10194 padding-left: 3px; |
|
10195 } |
|
10196 .ams-form .input .field-with-prefix .prefix + input:focus { |
|
10197 border-width: 1px 1px 1px 0; |
|
10198 } |
|
10199 .ams-form .input .field-with-prefix .prefix:empty + input { |
|
10200 padding-left: 8px; |
|
10201 } |
|
10202 .ams-form .input .field-with-prefix .prefix:empty + input:focus { |
|
10203 padding-left: 7px; |
|
10204 border-width: 1px; |
|
10205 } |
|
10206 .ams-form .checkbox i, |
|
10207 .ams-form .icon-append, |
|
10208 .ams-form .icon-prepend, |
|
10209 .ams-form .input input, |
|
10210 .ams-form .input textarea, |
|
10211 .ams-form .radio i, |
|
10212 .ams-form .select select, |
|
10213 .ams-form .toggle i { |
|
10214 border-color: #ccc; |
|
10215 transition: border-color 0.3s; |
|
10216 -webkit-transition: border-color 0.3s; |
|
10217 } |
|
10218 .ams-form .input.bordered:hover, |
|
10219 .ams-form .input:hover textarea, |
|
10220 .ams-form .checkbox:hover i, |
|
10221 .ams-form .input:hover input, |
|
10222 .ams-form .radio:hover i, |
|
10223 .ams-form .select:hover select, |
|
10224 .ams-form .toggle:hover i { |
|
10225 border-color: rgba(82, 168, 236, 0.7); |
|
10226 } |
|
10227 .ams-form .checkbox input:focus + i, |
|
10228 .ams-form .input input:focus, |
|
10229 .ams-form .input textarea:focus, |
|
10230 .ams-form .radio input:focus + i, |
|
10231 .ams-form .select select:focus, |
|
10232 .ams-form .toggle input:focus + i { |
|
10233 border-color: rgba(82, 168, 236, 0.7); |
|
10234 outline: 0; |
|
10235 outline: thin dotted 9; |
|
10236 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
10237 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
10238 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.7); |
|
10239 } |
|
10240 .ams-form .checkbox.state-error i, |
|
10241 .ams-form .radio.state-error i, |
|
10242 .ams-form .state-error input, |
|
10243 .ams-form .state-error select, |
|
10244 .ams-form .state-error textarea, |
|
10245 .ams-form .toggle.state-error i { |
|
10246 background: #fff0f0; |
|
10247 border-color: rgba(255, 60, 60, 0.8) !important; |
|
10248 } |
|
10249 .ams-form .checkbox.state-error i:focus, |
|
10250 .ams-form .radio.state-error i:focus, |
|
10251 .ams-form .state-error input:focus, |
|
10252 .ams-form .state-error select:focus, |
|
10253 .ams-form .state-error textarea:focus, |
|
10254 .ams-form .toggle.state-error i:focus { |
|
10255 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10256 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10257 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10258 } |
|
10259 .ams-form .state-error .select2-container .select2-choice, |
|
10260 .ams-form .state-error .select2-container .select2-choices { |
|
10261 border-color: rgba(255, 60, 60, 0.8) !important; |
|
10262 } |
|
10263 .ams-form .state-error .select2-container .select2-choice:focus, |
|
10264 .ams-form .state-error .select2-container .select2-choices:focus { |
|
10265 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10266 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10267 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6) !important; |
|
10268 } |
|
10269 .ams-form .checkbox.state-success i, |
|
10270 .ams-form .radio.state-success i, |
|
10271 .ams-form .state-success input, |
|
10272 .ams-form .state-success select, |
|
10273 .ams-form .state-success textarea, |
|
10274 .ams-form .toggle.state-success i { |
|
10275 background: #f0fff0; |
|
10276 border-color: #7DC27D; |
|
10277 } |
|
10278 .ams-form .button.state-disabled, |
|
10279 .ams-form .checkbox.state-disabled, |
|
10280 .ams-form .input.state-disabled input, |
|
10281 .ams-form .input.state-disabled textarea, |
|
10282 .ams-form .radio.state-disabled, |
|
10283 .ams-form .select.state-disabled, |
|
10284 .ams-form .toggle.state-disabled { |
|
10285 cursor: default!important; |
|
10286 opacity: .6!important; |
|
10287 } |
|
10288 .ams-form .checkbox.state-disabled:hover i, |
|
10289 .ams-form .input.state-disabled:hover input, |
|
10290 .ams-form .input.state-disabled:hover textarea, |
|
10291 .ams-form .radio.state-disabled:hover i, |
|
10292 .ams-form .select.state-disabled:hover select, |
|
10293 .ams-form .toggle.state-disabled:hover i { |
|
10294 border-color: #e5e5e5!important; |
|
10295 } |
|
10296 .ams-form .state-disabled.checkbox input + i:after, |
|
10297 .ams-form .state-disabled.checkbox input:checked + i, |
|
10298 .ams-form .state-disabled.radio input + i:after, |
|
10299 .ams-form .state-disabled.radio input:checked + i, |
|
10300 .ams-form .state-disabled.toggle input:checked + i { |
|
10301 border-color: #e5e5e5!important; |
|
10302 color: #333!important; |
|
10303 } |
|
10304 .ams-form .ui-widget-content .ui-spinner-input { |
|
10305 margin: 0; |
|
10306 border: 0; |
|
10307 -webkit-box-shadow: none!important; |
|
10308 box-shadow: none!important; |
|
10309 height: 29px; |
|
10310 } |
|
10311 .ams-form .state-error { |
|
10312 color: #D56161; |
|
10313 } |
|
10314 .ams-form .state-error select + i { |
|
10315 background: #FFF0F0; |
|
10316 -webkit-box-shadow: 0 0 0 9px #FFF0F0; |
|
10317 box-shadow: 0 0 0 9px #FFF0F0; |
|
10318 } |
|
10319 .ams-form .state-error + em { |
|
10320 display: block; |
|
10321 margin-top: 6px; |
|
10322 padding: 0 1px; |
|
10323 font-style: normal; |
|
10324 font-size: 11px; |
|
10325 line-height: 15px; |
|
10326 color: #D56161; |
|
10327 } |
|
10328 .ams-form .state-success select + i { |
|
10329 background: #f0fff0; |
|
10330 -webkit-box-shadow: 0 0 0 9px #f0fff0; |
|
10331 box-shadow: 0 0 0 9px #f0fff0; |
|
10332 } |
|
10333 .ams-form .state-disabled.radio input + i:after { |
|
10334 background-color: #333; |
|
10335 } |
|
10336 .ams-form .form-tiny .form-group { |
|
10337 padding: 0px 10px; |
|
10338 } |
|
10339 .ams-form .form-tiny .control-label { |
|
10340 margin-top: 2px; |
|
10341 margin-bottom: 3px; |
|
10342 line-height: 14px; |
|
10343 } |
|
10344 .ams-form .form-tiny label.input span.textline-field { |
|
10345 margin-top: 2px; |
|
10346 margin-bottom: 3px; |
|
10347 line-height: 14px; |
|
10348 } |
|
10349 .ams-form .form-nomargin .control-label, |
|
10350 .ams-form.form-nomargin .control-label { |
|
10351 margin-top: 0; |
|
10352 margin-bottom: 0; |
|
10353 } |
|
10354 .ams-form .form-nomargin label.input span.textline-field, |
|
10355 .ams-form.form-nomargin label.input span.textline-field { |
|
10356 margin-top: 0; |
|
10357 margin-bottom: 0; |
|
10358 } |
|
10359 .ams-form .form-nopadding .form-group, |
|
10360 .ams-form.form-nopadding .form-group { |
|
10361 padding: 0 10px 1px; |
|
10362 } |
|
10363 .ams-form td.form-input.no-padding { |
|
10364 padding: 0!important; |
|
10365 } |
|
10366 .ams-form td.form-input.no-padding label.input .icon-append { |
|
10367 top: 0; |
|
10368 } |
|
10369 .ams-form td.form-input.no-padding input.datepicker, |
|
10370 .ams-form td.form-input.no-padding input.datetimepicker { |
|
10371 border: 0; |
|
10372 text-align: center; |
|
10373 } |
|
10374 .ams-form-modal { |
|
10375 position: fixed; |
|
10376 z-index: 1; |
|
10377 display: none; |
|
10378 width: 400px; |
|
10379 } |
|
10380 .ams-form-modal-overlay { |
|
10381 position: fixed; |
|
10382 top: 0; |
|
10383 left: 0; |
|
10384 display: none; |
|
10385 width: 100%; |
|
10386 height: 100%; |
|
10387 background: rgba(0, 0, 0, 0.7); |
|
10388 } |
|
10389 .state-error .icon-append, |
|
10390 .state-error .icon-prepend { |
|
10391 color: #ed1c24; |
|
10392 } |
|
10393 /* |
|
10394 * X-editable - v1.5.0 |
|
10395 */ |
|
10396 .editableform { |
|
10397 margin-bottom: 0; |
|
10398 } |
|
10399 .editableform .control-group { |
|
10400 margin-bottom: 0; |
|
10401 white-space: nowrap; |
|
10402 } |
|
10403 .editableform .editable-date { |
|
10404 padding: 0; |
|
10405 margin: 0; |
|
10406 float: left; |
|
10407 } |
|
10408 .editableform-loading { |
|
10409 background: url(../img/loading.gif) center center no-repeat; |
|
10410 height: 25px; |
|
10411 width: auto; |
|
10412 min-width: 25px; |
|
10413 } |
|
10414 .editable-buttons { |
|
10415 display: inline-block; |
|
10416 vertical-align: top; |
|
10417 margin-left: 7px; |
|
10418 zoom: 1; |
|
10419 *display: inline; |
|
10420 } |
|
10421 .editable-buttons.editable-buttons-bottom { |
|
10422 display: block; |
|
10423 margin-top: 7px; |
|
10424 margin-left: 0; |
|
10425 } |
|
10426 .editable-buttons .editable-cancel { |
|
10427 margin-left: 7px; |
|
10428 } |
|
10429 .editable-buttons button.ui-button-icon-only { |
|
10430 height: 24px; |
|
10431 width: 30px; |
|
10432 } |
|
10433 .editable-inline .add-on .icon-th { |
|
10434 margin-top: 3px; |
|
10435 margin-left: 1px; |
|
10436 } |
|
10437 .editable-inline .editableform-loading { |
|
10438 background-position: left 5px; |
|
10439 } |
|
10440 .editable-input { |
|
10441 vertical-align: top; |
|
10442 display: inline-block; |
|
10443 width: auto; |
|
10444 white-space: normal; |
|
10445 zoom: 1; |
|
10446 *display: inline; |
|
10447 } |
|
10448 .editable-input .datepicker { |
|
10449 top: 0; |
|
10450 left: 0; |
|
10451 padding: 4px; |
|
10452 } |
|
10453 .editable-input .datepicker:before { |
|
10454 content: ''; |
|
10455 display: inline-block; |
|
10456 border-left: 7px solid transparent; |
|
10457 border-right: 7px solid transparent; |
|
10458 border-bottom: 7px solid #ccc; |
|
10459 border-bottom-color: rgba(0, 0, 0, 0.2); |
|
10460 position: absolute; |
|
10461 top: -7px; |
|
10462 left: 6px; |
|
10463 } |
|
10464 .editable-input .datepicker:after { |
|
10465 content: ''; |
|
10466 display: inline-block; |
|
10467 border-left: 6px solid transparent; |
|
10468 border-right: 6px solid transparent; |
|
10469 border-bottom: 6px solid #fff; |
|
10470 position: absolute; |
|
10471 top: -6px; |
|
10472 left: 7px; |
|
10473 } |
|
10474 .editable-input .datepicker > div { |
|
10475 display: none; |
|
10476 } |
|
10477 .editable-input .datepicker table { |
|
10478 width: 100%; |
|
10479 min-width: 214px; |
|
10480 margin: 0; |
|
10481 } |
|
10482 .editable-input .datepicker thead tr:first-child th { |
|
10483 cursor: pointer; |
|
10484 } |
|
10485 .editable-input .datepicker thead tr:first-child th:hover { |
|
10486 background: #eee; |
|
10487 } |
|
10488 .editable-input .datepicker td, |
|
10489 .editable-input .datepicker th { |
|
10490 text-align: center; |
|
10491 width: 24px; |
|
10492 height: 20px; |
|
10493 } |
|
10494 .editable-input .datepicker th.switch { |
|
10495 width: 145px; |
|
10496 } |
|
10497 .editable-input .datepicker th.next, |
|
10498 .editable-input .datepicker th.prev { |
|
10499 font-size: 19.5px; |
|
10500 } |
|
10501 .editable-input .datepicker td span { |
|
10502 display: block; |
|
10503 width: 47px; |
|
10504 height: 54px; |
|
10505 line-height: 54px; |
|
10506 float: left; |
|
10507 margin: 2px; |
|
10508 cursor: pointer; |
|
10509 } |
|
10510 .editable-input .datepicker td span:hover { |
|
10511 background: #eee; |
|
10512 } |
|
10513 .editable-input .datepicker td span.active { |
|
10514 background: #3276b1; |
|
10515 color: #fff; |
|
10516 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
10517 border-radius: 3px; |
|
10518 } |
|
10519 .editable-input .datepicker td span.old { |
|
10520 color: #555; |
|
10521 } |
|
10522 .editable-input .datepicker td.day:hover { |
|
10523 background: #eee; |
|
10524 cursor: pointer; |
|
10525 } |
|
10526 .editable-input .datepicker td.day.disabled, |
|
10527 .editable-input .datepicker td.new, |
|
10528 .editable-input .datepicker td.old { |
|
10529 color: #555; |
|
10530 } |
|
10531 .editable-input .datepicker td.active, |
|
10532 .editable-input .datepicker td.active:hover { |
|
10533 background: #3276b1; |
|
10534 color: #fff; |
|
10535 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
10536 border-radius: 3px; |
|
10537 } |
|
10538 .editable-input .datepicker.prev i, |
|
10539 .editable-input .datepicker.next i { |
|
10540 display: inline-block; |
|
10541 font-family: FontAwesome; |
|
10542 font-style: normal; |
|
10543 font-weight: 400; |
|
10544 line-height: 1; |
|
10545 -webkit-font-smoothing: antialiased; |
|
10546 -moz-osx-font-smoothing: grayscale; |
|
10547 font-size: 14px; |
|
10548 } |
|
10549 .editable-input .datepicker.prev i:before { |
|
10550 content: "\f060"; |
|
10551 } |
|
10552 .editable-input .datepicker.next i:before { |
|
10553 content: "\f061"; |
|
10554 } |
|
10555 .editable-checklist label { |
|
10556 white-space: nowrap; |
|
10557 } |
|
10558 .editable-checklist label input[type=checkbox], |
|
10559 .editable-checklist label span { |
|
10560 vertical-align: middle; |
|
10561 margin: 0; |
|
10562 } |
|
10563 .editable-wysihtml5 { |
|
10564 width: 566px; |
|
10565 height: 250px; |
|
10566 } |
|
10567 .editable-pre-wrapped { |
|
10568 white-space: pre-wrap; |
|
10569 } |
|
10570 .editable-container.editable-popup { |
|
10571 max-width: none!important; |
|
10572 } |
|
10573 .editable-container.popover { |
|
10574 width: auto; |
|
10575 } |
|
10576 .editable-container.editable-inline { |
|
10577 display: inline-block; |
|
10578 vertical-align: middle; |
|
10579 width: auto; |
|
10580 zoom: 1; |
|
10581 *display: inline; |
|
10582 } |
|
10583 .editable-container.ui-widget { |
|
10584 font-size: inherit; |
|
10585 z-index: 9990; |
|
10586 } |
|
10587 .editable-click, |
|
10588 a.editable-click, |
|
10589 a.editable-click:hover { |
|
10590 text-decoration: none; |
|
10591 border-bottom: dashed 1px #08c; |
|
10592 } |
|
10593 .editable-click.editable-disabled, |
|
10594 a.editable-click.editable-disabled, |
|
10595 a.editable-click.editable-disabled:hover { |
|
10596 color: #585858; |
|
10597 cursor: default; |
|
10598 border-bottom: 0; |
|
10599 } |
|
10600 .editable-empty, |
|
10601 .editable-empty:focus, |
|
10602 .editable-empty:hover { |
|
10603 font-style: italic; |
|
10604 color: #D14; |
|
10605 text-decoration: none; |
|
10606 } |
|
10607 .editable-unsaved { |
|
10608 font-weight: 700; |
|
10609 } |
|
10610 .editable-bg-transition { |
|
10611 -webkit-transition: background-color 1400ms ease-out; |
|
10612 transition: background-color 1400ms ease-out; |
|
10613 } |
|
10614 .form-horizontal .editable { |
|
10615 padding-top: 5px; |
|
10616 display: inline-block; |
|
10617 } |
|
10618 .editable-address { |
|
10619 display: block; |
|
10620 margin-bottom: 5px; |
|
10621 } |
|
10622 .editable-address span { |
|
10623 width: 70px; |
|
10624 display: inline-block; |
|
10625 } |
|
10626 .editable-clear { |
|
10627 clear: both; |
|
10628 font-size: .9em; |
|
10629 text-decoration: none; |
|
10630 text-align: right; |
|
10631 } |
|
10632 .editable-clear-x { |
|
10633 background: url(../img/clear.png) center center no-repeat; |
|
10634 display: block; |
|
10635 width: 13px; |
|
10636 height: 13px; |
|
10637 position: absolute; |
|
10638 opacity: .6; |
|
10639 z-index: 100; |
|
10640 top: 50%; |
|
10641 right: 6px; |
|
10642 margin-top: -6px; |
|
10643 } |
|
10644 .editable-clear-x:hover { |
|
10645 opacity: 1; |
|
10646 } |
|
10647 .editable-error-block { |
|
10648 max-width: 300px; |
|
10649 margin: 5px 0 0; |
|
10650 width: auto; |
|
10651 white-space: normal; |
|
10652 } |
|
10653 .editable-error-block.ui-state-error { |
|
10654 padding: 3px; |
|
10655 } |
|
10656 .editable-error { |
|
10657 color: red; |
|
10658 } |
|
10659 .input-append.date .add-on i, |
|
10660 .input-prepend.date .add-on i { |
|
10661 display: block; |
|
10662 cursor: pointer; |
|
10663 width: 16px; |
|
10664 height: 16px; |
|
10665 } |
|
10666 /* |
|
10667 * JQuery-UI widgets |
|
10668 */ |
|
10669 .ui-timepicker-div .ui-widget-header { |
|
10670 margin-bottom: 8px; |
|
10671 } |
|
10672 .ui-timepicker-div dl { |
|
10673 text-align: left; |
|
10674 } |
|
10675 .ui-timepicker-div dl dt { |
|
10676 float: left; |
|
10677 clear: left; |
|
10678 padding: 0 0 0 5px; |
|
10679 } |
|
10680 .ui-timepicker-div dl dd { |
|
10681 margin: 17px 10px 12px 40%; |
|
10682 } |
|
10683 .ui-timepicker-div td { |
|
10684 font-size: 90%; |
|
10685 } |
|
10686 .ui-tpicker-grid-label { |
|
10687 background: 0 0; |
|
10688 border: 0; |
|
10689 margin: 0; |
|
10690 padding: 0; |
|
10691 } |
|
10692 .ui-timepicker-rtl { |
|
10693 direction: rtl; |
|
10694 } |
|
10695 .ui-timepicker-rtl dl { |
|
10696 text-align: right; |
|
10697 padding: 0 5px 0 0; |
|
10698 } |
|
10699 .ui-timepicker-rtl dl dt { |
|
10700 float: right; |
|
10701 clear: right; |
|
10702 } |
|
10703 .ui-timepicker-rtl dl dd { |
|
10704 margin: 0 40% 10px 10px; |
|
10705 } |
|
10706 #login { |
|
10707 background: #fff; |
|
10708 overflow: visible; |
|
10709 } |
|
10710 #login .container { |
|
10711 border: 0; |
|
10712 } |
|
10713 #login #header { |
|
10714 margin: 0; |
|
10715 height: 71px; |
|
10716 border-bottom: 1px solid #eee!important; |
|
10717 overflow: hidden; |
|
10718 padding: 0 30px; |
|
10719 -webkit-background-clip: padding-box; |
|
10720 border-width: 0; |
|
10721 min-height: 28px; |
|
10722 background: #f4f4f4!important; |
|
10723 margin-bottom: 20px; |
|
10724 } |
|
10725 @media (min-width: 768px) and (max-width: 880px) { |
|
10726 #login #header { |
|
10727 padding: 0 5px!important; |
|
10728 } |
|
10729 } |
|
10730 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10731 #login #header { |
|
10732 padding: 0 5px!important; |
|
10733 } |
|
10734 } |
|
10735 #login #header #logo { |
|
10736 margin-top: 22px; |
|
10737 margin-left: 0; |
|
10738 } |
|
10739 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10740 #login #header #logo { |
|
10741 margin-top: 22px; |
|
10742 } |
|
10743 } |
|
10744 #login #header #logo img { |
|
10745 width: 137px; |
|
10746 } |
|
10747 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
10748 #login #header #logo img { |
|
10749 width: 135px; |
|
10750 } |
|
10751 } |
|
10752 #login-header-space { |
|
10753 float: right; |
|
10754 text-align: right; |
|
10755 display: block; |
|
10756 vertical-align: middle; |
|
10757 line-height: 71px; |
|
10758 } |
|
10759 #login-header-space > :first-child { |
|
10760 font-size: 13px; |
|
10761 margin-right: 14px; |
|
10762 vertical-align: -3px; |
|
10763 font-weight: 400; |
|
10764 } |
|
10765 #login-header-space > * { |
|
10766 display: inline-block; |
|
10767 } |
|
10768 #login-header-space .btn { |
|
10769 font-weight: 700; |
|
10770 text-transform: uppercase; |
|
10771 } |
|
10772 #login #main { |
|
10773 background: #fff; |
|
10774 margin: 0; |
|
10775 } |
|
10776 #login .hero { |
|
10777 background-image: url(../img/gradient/login.png); |
|
10778 background-repeat: no-repeat; |
|
10779 background-position: 0 137px; |
|
10780 height: 360px; |
|
10781 width: 100%; |
|
10782 float: left; |
|
10783 } |
|
10784 #login h4.paragraph-header { |
|
10785 color: #565656; |
|
10786 font-size: 15px; |
|
10787 font-weight: 400; |
|
10788 line-height: 22px; |
|
10789 margin-top: 15px; |
|
10790 width: 270px; |
|
10791 } |
|
10792 #login h5.about-heading { |
|
10793 color: #565656; |
|
10794 font-size: 15px; |
|
10795 font-weight: 700; |
|
10796 line-height: 24px; |
|
10797 margin: 0 0 5px; |
|
10798 } |
|
10799 #login .login-header-big { |
|
10800 font-weight: 400; |
|
10801 } |
|
10802 #login .login-desc-box-l { |
|
10803 min-height: 350px; |
|
10804 width: 50%; |
|
10805 } |
|
10806 #login .login-app-icons { |
|
10807 vertical-align: top; |
|
10808 margin-top: 90px; |
|
10809 width: 300px; |
|
10810 } |
|
10811 .bootstrapWizard { |
|
10812 display: block; |
|
10813 list-style: none; |
|
10814 padding: 0; |
|
10815 position: relative; |
|
10816 width: 100%; |
|
10817 } |
|
10818 .bootstrapWizard a:active, |
|
10819 .bootstrapWizard a:focus, |
|
10820 .bootstrapWizard a:hover { |
|
10821 text-decoration: none; |
|
10822 } |
|
10823 .bootstrapWizard li { |
|
10824 display: block; |
|
10825 float: left; |
|
10826 width: 25%; |
|
10827 text-align: center; |
|
10828 padding-left: 0; |
|
10829 } |
|
10830 .bootstrapWizard li:before { |
|
10831 border-top: 3px solid #55606E; |
|
10832 content: ""; |
|
10833 display: block; |
|
10834 font-size: 0; |
|
10835 overflow: hidden; |
|
10836 position: relative; |
|
10837 top: 11px; |
|
10838 right: 1px; |
|
10839 width: 100%; |
|
10840 z-index: 1; |
|
10841 } |
|
10842 .bootstrapWizard li:first-child:before { |
|
10843 left: 50%; |
|
10844 max-width: 50%; |
|
10845 } |
|
10846 .bootstrapWizard li:last-child:before { |
|
10847 max-width: 50%; |
|
10848 width: 50%; |
|
10849 } |
|
10850 .bootstrapWizard li .step { |
|
10851 background: #B2B5B9; |
|
10852 color: #fff; |
|
10853 display: inline; |
|
10854 font-size: 15px; |
|
10855 font-weight: 700; |
|
10856 padding: 7px 13px; |
|
10857 border: 3px solid transparent; |
|
10858 border-radius: 50%; |
|
10859 line-height: normal; |
|
10860 position: relative; |
|
10861 text-align: center; |
|
10862 z-index: 2; |
|
10863 -webkit-transition: all .1s linear 0s; |
|
10864 transition: all .1s linear 0s; |
|
10865 } |
|
10866 .bootstrapWizard li .step i { |
|
10867 font-size: 10px; |
|
10868 font-weight: 400; |
|
10869 position: relative; |
|
10870 top: -1.5px; |
|
10871 } |
|
10872 .bootstrapWizard li.complete .step { |
|
10873 background: #0aa66e; |
|
10874 padding: 1px 6px; |
|
10875 border: 3px solid #55606E; |
|
10876 } |
|
10877 .bootstrapWizard li.active .step, |
|
10878 .bootstrapWizard li.active.complete .step { |
|
10879 background: #0091d9; |
|
10880 color: #fff; |
|
10881 font-weight: 700; |
|
10882 padding: 7px 13px; |
|
10883 font-size: 15px; |
|
10884 border-radius: 50%; |
|
10885 border: 3px solid #55606E; |
|
10886 } |
|
10887 .bootstrapWizard li .title { |
|
10888 color: #bfbfbf; |
|
10889 display: block; |
|
10890 font-size: 13px; |
|
10891 line-height: 15px; |
|
10892 max-width: 100%; |
|
10893 position: relative; |
|
10894 table-layout: fixed; |
|
10895 text-align: center; |
|
10896 top: 20px; |
|
10897 word-wrap: break-word; |
|
10898 z-index: 104; |
|
10899 } |
|
10900 .bootstrapWizard li.active .title, |
|
10901 .bootstrapWizard li.complete .title { |
|
10902 color: #2B3D53; |
|
10903 } |
|
10904 .wizard-actions { |
|
10905 display: block; |
|
10906 list-style: none; |
|
10907 padding: 0; |
|
10908 position: relative; |
|
10909 width: 100%; |
|
10910 } |
|
10911 .wizard-actions li { |
|
10912 display: inline; |
|
10913 } |
|
10914 .fuelux .wizard { |
|
10915 position: relative; |
|
10916 overflow: hidden; |
|
10917 background-color: #f9f9f9; |
|
10918 border: 1px solid #d4d4d4; |
|
10919 border-radius: 4px; |
|
10920 *zoom: 1; |
|
10921 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); |
|
10922 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); |
|
10923 } |
|
10924 .fuelux .wizard:after, |
|
10925 .fuelux .wizard:before { |
|
10926 display: table; |
|
10927 line-height: 0; |
|
10928 content: ""; |
|
10929 } |
|
10930 .fuelux .wizard:after { |
|
10931 clear: both; |
|
10932 } |
|
10933 .fuelux .wizard ul { |
|
10934 width: 4000px; |
|
10935 padding: 0; |
|
10936 margin: 0; |
|
10937 list-style: none outside none; |
|
10938 } |
|
10939 .fuelux .wizard ul.previous-disabled li.complete { |
|
10940 cursor: default; |
|
10941 } |
|
10942 .fuelux .wizard ul.previous-disabled li.complete:hover { |
|
10943 color: #356e35; |
|
10944 cursor: default; |
|
10945 background: #f3f4f5; |
|
10946 } |
|
10947 .fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before { |
|
10948 border-left-color: #f3f4f5; |
|
10949 } |
|
10950 .fuelux .wizard ul li { |
|
10951 position: relative; |
|
10952 float: left; |
|
10953 height: 46px; |
|
10954 padding: 0 20px 0 30px; |
|
10955 margin: 0; |
|
10956 font-size: 16px; |
|
10957 line-height: 46px; |
|
10958 color: #999; |
|
10959 cursor: default; |
|
10960 background: #ededed; |
|
10961 } |
|
10962 .fuelux .wizard ul li:first-child { |
|
10963 padding-left: 20px; |
|
10964 border-radius: 4px 0 0 4px; |
|
10965 } |
|
10966 .fuelux .wizard ul li.complete { |
|
10967 color: #296829; |
|
10968 background: #f3f4f5; |
|
10969 } |
|
10970 .fuelux .wizard ul li.complete:hover { |
|
10971 cursor: pointer; |
|
10972 background: #e7eff8; |
|
10973 } |
|
10974 .fuelux .wizard ul li.complete:hover .chevron:before { |
|
10975 border-left: 14px solid #e7eff8; |
|
10976 } |
|
10977 .fuelux .wizard ul li.complete .chevron:before { |
|
10978 border-left: 14px solid #f3f4f5; |
|
10979 } |
|
10980 .fuelux .wizard ul li.active { |
|
10981 color: #3a87ad; |
|
10982 background: #f1f6fc; |
|
10983 } |
|
10984 .fuelux .wizard ul li.active .chevron:before { |
|
10985 border-left: 14px solid #f1f6fc; |
|
10986 } |
|
10987 .fuelux .wizard ul li .chevron { |
|
10988 position: absolute; |
|
10989 top: 0; |
|
10990 right: -14px; |
|
10991 z-index: 1; |
|
10992 display: block; |
|
10993 border: 24px solid transparent; |
|
10994 border-right: 0; |
|
10995 border-left: 14px solid #d4d4d4; |
|
10996 } |
|
10997 .fuelux .wizard ul li .chevron:before { |
|
10998 position: absolute; |
|
10999 top: -24px; |
|
11000 right: 1px; |
|
11001 display: block; |
|
11002 border: 24px solid transparent; |
|
11003 border-right: 0; |
|
11004 border-left: 14px solid #ededed; |
|
11005 content: ""; |
|
11006 } |
|
11007 .fuelux .wizard ul li .badge { |
|
11008 margin-right: 8px; |
|
11009 } |
|
11010 .fuelux .wizard .actions { |
|
11011 position: absolute; |
|
11012 right: 0; |
|
11013 z-index: 2; |
|
11014 float: right; |
|
11015 padding-right: 15px; |
|
11016 padding-left: 15px; |
|
11017 line-height: 46px; |
|
11018 vertical-align: middle; |
|
11019 background-color: #eee; |
|
11020 border-left: 1px solid #d4d4d4; |
|
11021 } |
|
11022 .fuelux .wizard .actions a { |
|
11023 margin-right: 8px; |
|
11024 font-size: 12px; |
|
11025 line-height: 45px; |
|
11026 } |
|
11027 .fuelux .wizard .actions .btn-prev i { |
|
11028 margin-right: 5px; |
|
11029 } |
|
11030 .fuelux .wizard .actions .btn-next i { |
|
11031 margin-left: 5px; |
|
11032 } |
|
11033 .fuelux .fuelux .step-content .step-pane { |
|
11034 display: none; |
|
11035 } |
|
11036 .fuelux .fuelux .step-content .active { |
|
11037 display: block; |
|
11038 } |
|
11039 .fuelux .fuelux .step-content .active .btn-group .active { |
|
11040 display: inline-block; |
|
11041 } |
|
11042 .ams-metro-tile { |
|
11043 float: left; |
|
11044 display: block; |
|
11045 background-color: #fff; |
|
11046 width: 100px; |
|
11047 height: 70px; |
|
11048 cursor: pointer; |
|
11049 -webkit-box-shadow: inset 0 0 1px #FFC; |
|
11050 box-shadow: inset 0 0 1px #FFC; |
|
11051 border: 1px dotted #C5C5C5; |
|
11052 text-decoration: none; |
|
11053 color: #fff; |
|
11054 font-weight: 300; |
|
11055 font-smooth: always; |
|
11056 margin: 0 10px 20px 0; |
|
11057 padding: 5px; |
|
11058 position: relative; |
|
11059 } |
|
11060 .ams-metro-tile:hover { |
|
11061 z-index: 10; |
|
11062 -webkit-transform: scale(1.07); |
|
11063 -moz-transform: scale(1.07); |
|
11064 } |
|
11065 .ams-metro-tile.big-cubes { |
|
11066 width: 120px; |
|
11067 height: 120px; |
|
11068 } |
|
11069 .ams-metro-tile.double { |
|
11070 width: 249px; |
|
11071 } |
|
11072 .ams-metro-tile:active { |
|
11073 top: 1px; |
|
11074 left: 1px; |
|
11075 } |
|
11076 .ams-metro-tile .iconbox { |
|
11077 text-align: center; |
|
11078 } |
|
11079 .ams-metro-tile .iconbox i { |
|
11080 display: block; |
|
11081 margin: 15px auto 0; |
|
11082 height: 75px; |
|
11083 } |
|
11084 .ams-metro-tile .iconbox span { |
|
11085 display: block; |
|
11086 text-align: left; |
|
11087 line-height: 1em; |
|
11088 } |
|
11089 .ams-metro-tile .iconbox span > span { |
|
11090 position: absolute; |
|
11091 right: -5px; |
|
11092 bottom: -10px; |
|
11093 border-radius: 50%; |
|
11094 padding: 6px 4px 3px; |
|
11095 border: 1px solid #fff; |
|
11096 } |
|
11097 .mce-fullscreen { |
|
11098 z-index: 10000!important; |
|
11099 } |
|
11100 .mce-container, |
|
11101 .mce-container *, |
|
11102 .mce-widget, |
|
11103 .mce-widget *, |
|
11104 .mce-reset { |
|
11105 font-family: Ubuntu, Arial, Helvetica, sans-serif !important; |
|
11106 font-size: 13px!important; |
|
11107 } |
|
11108 .mce-container button, |
|
11109 .mce-container * button, |
|
11110 .mce-widget button, |
|
11111 .mce-widget * button, |
|
11112 .mce-reset button { |
|
11113 padding: 2px 10px!important; |
|
11114 } |
|
11115 .mce-container .mce-ico, |
|
11116 .mce-container * .mce-ico, |
|
11117 .mce-widget .mce-ico, |
|
11118 .mce-widget * .mce-ico, |
|
11119 .mce-reset .mce-ico { |
|
11120 font-family: tinymce, Arial!important; |
|
11121 font-size: 14px!important; |
|
11122 } |
|
11123 .mce-panel { |
|
11124 background-image: none!important; |
|
11125 border-color: #ccc!important; |
|
11126 } |
|
11127 .mce-menubar .mce-menubtn button { |
|
11128 padding: 2px 10px; |
|
11129 line-height: 16px; |
|
11130 } |
|
11131 .mce-menubar .mce-menubtn button span { |
|
11132 font-size: 12px; |
|
11133 line-height: 16px; |
|
11134 } |
|
11135 .mce-menubar .mce-menubtn button .mce-caret { |
|
11136 margin-top: 6px; |
|
11137 } |
|
11138 .mce-menubtn span { |
|
11139 font-size: 13px!important; |
|
11140 } |
|
11141 .mce-btn-group .mce-btn { |
|
11142 border-color: #ccc!important; |
|
11143 } |
|
11144 .mce-btn { |
|
11145 background-image: none!important; |
|
11146 } |
|
11147 .mce-colorbutton button { |
|
11148 padding: 2px 1px 2px 5px!important; |
|
11149 } |
|
11150 .mce-path, |
|
11151 .mce-wordcount { |
|
11152 padding: 2px 8px!important; |
|
11153 font-size: 12px!important; |
|
11154 } |
|
11155 .mce-path button, |
|
11156 .mce-wordcount button { |
|
11157 font-size: 12px!important; |
|
11158 } |
|
11159 .client-form header { |
|
11160 padding: 15px 13px; |
|
11161 margin: 0; |
|
11162 border-bottom-style: solid; |
|
11163 border-bottom-color: rgba(0, 0, 0, 0.1); |
|
11164 background: rgba(248, 248, 248, 0.9); |
|
11165 } |
|
11166 /* |
|
11167 * Buttons |
|
11168 */ |
|
11169 .customfile-button { |
|
11170 padding: 6px 12px; |
|
11171 margin-bottom: 0; |
|
11172 font-size: 14px; |
|
11173 font-weight: 400; |
|
11174 line-height: 1.428571429; |
|
11175 text-align: center; |
|
11176 white-space: nowrap; |
|
11177 vertical-align: middle; |
|
11178 cursor: pointer; |
|
11179 border: 1px solid #ccc; |
|
11180 -webkit-user-select: none; |
|
11181 -moz-user-select: none; |
|
11182 -ms-user-select: none; |
|
11183 -o-user-select: none; |
|
11184 user-select: none; |
|
11185 } |
|
11186 .btn, |
|
11187 a:link, |
|
11188 button { |
|
11189 -webkit-tap-highlight-color: rgba(169, 3, 41, 0.5); |
|
11190 } |
|
11191 button { |
|
11192 background-color: #ddd; |
|
11193 } |
|
11194 button:hover { |
|
11195 background-color: #cccccc; |
|
11196 } |
|
11197 .btns { |
|
11198 margin: 0; |
|
11199 padding: 0; |
|
11200 list-style: none; |
|
11201 } |
|
11202 .btns > li { |
|
11203 display: inline-block; |
|
11204 margin-bottom: 7px; |
|
11205 } |
|
11206 .btn { |
|
11207 padding: 6px 12px; |
|
11208 border-radius: 2px; |
|
11209 } |
|
11210 .btn-toolbar .btn { |
|
11211 padding: 4px; |
|
11212 } |
|
11213 .btn:active { |
|
11214 position: relative; |
|
11215 top: 1px; |
|
11216 left: 1px; |
|
11217 } |
|
11218 .btn.btn-ribbon { |
|
11219 background-color: #5b6771; |
|
11220 color: #fff; |
|
11221 padding: 1px 5px; |
|
11222 line-height: 20px; |
|
11223 vertical-align: middle; |
|
11224 height: 21px; |
|
11225 display: block; |
|
11226 border: 0; |
|
11227 float: left; |
|
11228 margin: 0 8px 0 0; |
|
11229 cursor: pointer; |
|
11230 } |
|
11231 .btn.btn-ribbon > i { |
|
11232 font-size: 111%; |
|
11233 } |
|
11234 .btn-xs { |
|
11235 padding: 1px 5px; |
|
11236 line-height: 1.3em; |
|
11237 } |
|
11238 .btn-sm { |
|
11239 padding: 3px 10px; |
|
11240 } |
|
11241 .btn-lg { |
|
11242 padding: 9px 15px; |
|
11243 } |
|
11244 .btn-xl { |
|
11245 padding: 11px 15px; |
|
11246 } |
|
11247 .top-selector.btn-success:hover { |
|
11248 background-color: transparent; |
|
11249 } |
|
11250 .top-selector.btn-success .text-success { |
|
11251 color: #5cb85c; |
|
11252 } |
|
11253 .btn-circle { |
|
11254 width: 30px; |
|
11255 height: 30px; |
|
11256 text-align: center; |
|
11257 padding: 7px 0 5px; |
|
11258 font-size: 12px; |
|
11259 line-height: 18px; |
|
11260 border-radius: 50%; |
|
11261 } |
|
11262 .btn-circle.btn-lg { |
|
11263 width: 50px; |
|
11264 height: 50px; |
|
11265 padding: 9px 15px 7px; |
|
11266 font-size: 18px; |
|
11267 line-height: 30px; |
|
11268 border-radius: 50%; |
|
11269 } |
|
11270 .btn-circle.btn-xl { |
|
11271 width: 70px; |
|
11272 height: 70px; |
|
11273 padding: 11px 15px 9px; |
|
11274 font-size: 24px; |
|
11275 line-height: 50px; |
|
11276 border-radius: 50%; |
|
11277 } |
|
11278 .btn-metro { |
|
11279 margin: 0 0 20px; |
|
11280 padding-top: 15px; |
|
11281 padding-bottom: 15px; |
|
11282 } |
|
11283 .btn-metro > span { |
|
11284 display: block; |
|
11285 vertical-align: bottom; |
|
11286 margin-top: 10px; |
|
11287 text-transform: uppercase; |
|
11288 } |
|
11289 .btn-metro > span > span.label { |
|
11290 position: absolute; |
|
11291 top: 0; |
|
11292 right: 0; |
|
11293 } |
|
11294 /*.btn-primary { |
|
11295 background-color: #627685; |
|
11296 border-color: #46545e; |
|
11297 |
|
11298 &:hover, |
|
11299 &:focus, |
|
11300 &:active, |
|
11301 &.active, |
|
11302 .open .dropdown-toggle& { |
|
11303 background-color: rgba(91, 103, 113, 0.8); |
|
11304 border-color: #46545e; |
|
11305 } |
|
11306 }*/ |
|
11307 .btn-label { |
|
11308 position: relative; |
|
11309 left: -12px; |
|
11310 display: inline-block; |
|
11311 padding: 7px 12px 5px; |
|
11312 background: rgba(0, 0, 0, 0.15); |
|
11313 border-radius: 3px 0 0 3px; |
|
11314 } |
|
11315 .btn-labeled { |
|
11316 padding-top: 0; |
|
11317 padding-bottom: 0; |
|
11318 } |
|
11319 .btn-select-tick i { |
|
11320 display: none; |
|
11321 } |
|
11322 .btn-select-tick .btn:hover i { |
|
11323 opacity: .3; |
|
11324 display: block; |
|
11325 } |
|
11326 .btn-select-tick .active i { |
|
11327 display: block; |
|
11328 opacity: 1!important; |
|
11329 } |
|
11330 .btn-header.pull-right { |
|
11331 margin-left: 6px; |
|
11332 } |
|
11333 @media (min-width: 768px) and (max-width: 979px) { |
|
11334 .btn-header a { |
|
11335 margin-top: 9px!important; |
|
11336 /*width: 40px!important;*/ |
|
11337 } |
|
11338 } |
|
11339 @media (min-width: 768px) and (max-width: 880px) { |
|
11340 .btn-header a { |
|
11341 margin-top: 9px!important; |
|
11342 /*width: 40px!important;*/ |
|
11343 /*height: 39px!important;*/ |
|
11344 line-height: 26px!important; |
|
11345 } |
|
11346 } |
|
11347 @media (max-width: 767px) { |
|
11348 .btn-header a { |
|
11349 margin-top: 5px!important; |
|
11350 width: 40px!important; |
|
11351 height: 39px!important; |
|
11352 line-height: 34px!important; |
|
11353 } |
|
11354 } |
|
11355 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
11356 .btn-header a { |
|
11357 margin-top: 5px!important; |
|
11358 width: 40px!important; |
|
11359 height: 39px!important; |
|
11360 line-height: 34px!important; |
|
11361 } |
|
11362 } |
|
11363 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
11364 .btn-header a { |
|
11365 margin-top: 5px!important; |
|
11366 width: 40px!important; |
|
11367 height: 39px!important; |
|
11368 line-height: 34px!important; |
|
11369 } |
|
11370 } |
|
11371 .btn-header a > span { |
|
11372 font-size: 13px; |
|
11373 font-weight: 400; |
|
11374 line-height: 30px; |
|
11375 height: 30px; |
|
11376 display: inline-block; |
|
11377 } |
|
11378 @media (min-width: 768px) and (max-width: 880px) { |
|
11379 .btn-header.transparent a { |
|
11380 border: 0!important; |
|
11381 background: 0 0; |
|
11382 margin-left: 0; |
|
11383 width: 25px!important; |
|
11384 -webkit-box-shadow: none!important; |
|
11385 box-shadow: none!important; |
|
11386 } |
|
11387 .btn-header.transparent a:hover { |
|
11388 color: #a90329; |
|
11389 } |
|
11390 } |
|
11391 @media (max-width: 767px) { |
|
11392 .btn-header.transparent a:hover { |
|
11393 color: #a90329; |
|
11394 } |
|
11395 } |
|
11396 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
11397 .btn-header.transparent a { |
|
11398 border: 0!important; |
|
11399 background: 0 0; |
|
11400 margin-left: 0; |
|
11401 width: 25px!important; |
|
11402 -webkit-box-shadow: none!important; |
|
11403 box-shadow: none!important; |
|
11404 } |
|
11405 .btn-header.transparent a:hover { |
|
11406 color: #a90329; |
|
11407 } |
|
11408 } |
|
11409 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
11410 .btn-header.transparent a { |
|
11411 border: 0!important; |
|
11412 background: 0 0; |
|
11413 margin-left: 0; |
|
11414 width: 25px!important; |
|
11415 -webkit-box-shadow: none!important; |
|
11416 box-shadow: none!important; |
|
11417 } |
|
11418 .btn-header.transparent a:hover { |
|
11419 color: #a90329; |
|
11420 } |
|
11421 } |
|
11422 .btn-header > :first-child > a { |
|
11423 border-radius: 2px; |
|
11424 cursor: default!important; |
|
11425 display: inline-block; |
|
11426 font-weight: 700; |
|
11427 height: 30px; |
|
11428 min-width: 30px; |
|
11429 padding: 3px; |
|
11430 text-align: center; |
|
11431 text-decoration: none!important; |
|
11432 -moz-user-select: none; |
|
11433 -webkit-user-select: none; |
|
11434 background-color: #f8f8f8; |
|
11435 background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); |
|
11436 background-image: -webkit-gradient(linear, top left, bottom left, from(#f8f8f8), to(#f1f1f1)); |
|
11437 background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); |
|
11438 background-image: linear-gradient(top, #f8f8f8, #f1f1f1); |
|
11439 border: 1px solid #bfbfbf; |
|
11440 color: #6D6A69; |
|
11441 font-size: 17px; |
|
11442 margin: 10px 0 0; |
|
11443 } |
|
11444 .btn-header > :first-child > a[href] { |
|
11445 cursor: pointer!important; |
|
11446 } |
|
11447 .btn-header > :first-child > a:hover { |
|
11448 border: 1px solid #bfbfbf; |
|
11449 color: #222; |
|
11450 -webkit-transition: all 0s; |
|
11451 transition: all 0s; |
|
11452 cursor: pointer; |
|
11453 -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
11454 box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.08); |
|
11455 } |
|
11456 .btn-header > :first-child > a:active { |
|
11457 background-color: #e8e8e8; |
|
11458 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(100%, #ededed)); |
|
11459 background-image: -webkit-gradient(linear, top left, bottom left, from(#e8e8e8), to(#ededed)); |
|
11460 background-image: -webkit-linear-gradient(top, #e8e8e8 0, #ededed 100%); |
|
11461 background-image: linear-gradient(to bottom, #e8e8e8 0, #ededed 100%); |
|
11462 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0); |
|
11463 -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
11464 box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15); |
|
11465 } |
|
11466 .ribbon-button-alignment { |
|
11467 padding-top: 10px; |
|
11468 display: inline-block; |
|
11469 } |
|
11470 .ribbon-button-alignment.pull-right > .btn.btn-ribbon { |
|
11471 margin: 0 0 0 8px; |
|
11472 } |
|
11473 .header-btn { |
|
11474 margin-top: 5px; |
|
11475 } |
|
11476 /* |
|
11477 * Widgets styles |
|
11478 */ |
|
11479 .widget-header > :first-child { |
|
11480 margin: 13px 0; |
|
11481 } |
|
11482 .widget-toolbar { |
|
11483 display: inline-block; |
|
11484 position: relative; |
|
11485 float: right; |
|
11486 width: auto; |
|
11487 height: 29px; |
|
11488 line-height: 29px; |
|
11489 border-left: 1px solid rgba(0, 0, 0, 0.09); |
|
11490 cursor: pointer; |
|
11491 padding: 0 8px; |
|
11492 text-align: center; |
|
11493 } |
|
11494 .widget-toolbar:empty { |
|
11495 padding: 0; |
|
11496 } |
|
11497 .widget-toolbar.no-border { |
|
11498 border-left: 0; |
|
11499 } |
|
11500 .widget-toolbar > :first-child { |
|
11501 text-align: left; |
|
11502 } |
|
11503 .widget-toolbar .ams-form label.checkbox, |
|
11504 .widget-toolbar .ams-form label.radio { |
|
11505 line-height: 29px; |
|
11506 } |
|
11507 .widget-toolbar .ams-form .icon-append, |
|
11508 .widget-toolbar .ams-form .icon-prepend { |
|
11509 top: 3px!important; |
|
11510 } |
|
11511 .widget-toolbar.ams-form .icon-append, |
|
11512 .widget-toolbar.ams-form .icon-prepend { |
|
11513 top: 3px!important; |
|
11514 } |
|
11515 .widget-toolbar > .ams-form { |
|
11516 margin-top: 2px; |
|
11517 } |
|
11518 .widget-toolbar > .ams-form .toggle:last-child { |
|
11519 font-size: 12px; |
|
11520 line-height: 29px; |
|
11521 } |
|
11522 .widget-toolbar > .ams-form .checkbox input + i, |
|
11523 .widget-toolbar > .ams-form .radio input + i, |
|
11524 .widget-toolbar > .ams-form .toggle input + i { |
|
11525 border-width: 1px; |
|
11526 border-color: #C7C7C7!important; |
|
11527 margin-top: -1px; |
|
11528 -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
11529 box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset; |
|
11530 } |
|
11531 .widget-toolbar .btn-group { |
|
11532 margin-top: -3px; |
|
11533 } |
|
11534 .widget-toolbar > .btn { |
|
11535 margin-top: -3px; |
|
11536 font-size: 12px!important; |
|
11537 padding: 1px 8px!important; |
|
11538 } |
|
11539 .widget-toolbar > .label { |
|
11540 display: inline-block; |
|
11541 vertical-align: middle; |
|
11542 margin-top: -3px; |
|
11543 text-align: center; |
|
11544 font-size: 12px; |
|
11545 padding: 4px 7px; |
|
11546 } |
|
11547 .widget-toolbar > .badge { |
|
11548 padding: 5px; |
|
11549 font-size: 14px; |
|
11550 border-radius: 50%; |
|
11551 font-weight: 400; |
|
11552 min-width: 24px; |
|
11553 text-align: center!important; |
|
11554 } |
|
11555 .widget-toolbar .progress { |
|
11556 width: 130px; |
|
11557 margin: 7px 0 0; |
|
11558 height: 18px!important; |
|
11559 font-size: 12px; |
|
11560 box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
11561 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset; |
|
11562 } |
|
11563 .widget-toolbar .progress-bar { |
|
11564 font-size: 12px; |
|
11565 } |
|
11566 .widget-toolbar .pagination { |
|
11567 margin: 4px 0; |
|
11568 } |
|
11569 .widget-toolbar .pagination > li > a { |
|
11570 padding: 2px 7px; |
|
11571 } |
|
11572 .widget-toolbar .widget-text-input { |
|
11573 max-width: 220px; |
|
11574 } |
|
11575 .widget-toolbar input[type=text] { |
|
11576 height: 28px!important; |
|
11577 margin-top: 2px; |
|
11578 } |
|
11579 .widget-body.no-padding { |
|
11580 padding: 0; |
|
11581 margin: 0; |
|
11582 } |
|
11583 .widget-body.no-padding .alert { |
|
11584 margin: 5px 5px 0; |
|
11585 padding: 10px; |
|
11586 box-shadow: none!important; |
|
11587 -webkit-box-shadow: none!important; |
|
11588 border-radius: 0!important; |
|
11589 } |
|
11590 .widget-body > table { |
|
11591 margin-bottom: 0; |
|
11592 } |
|
11593 .widget-body-ajax-loading::before { |
|
11594 display: block; |
|
11595 position: absolute; |
|
11596 content: url(../img/ajax-loader.gif); |
|
11597 padding-top: 18%; |
|
11598 text-align: center; |
|
11599 font-weight: 700; |
|
11600 font-size: 16px; |
|
11601 color: #fff; |
|
11602 background: rgba(255, 255, 255, 0.4); |
|
11603 height: 100%; |
|
11604 z-index: 1; |
|
11605 width: 100%; |
|
11606 } |
|
11607 .widget-body-ajax-loading:hover { |
|
11608 cursor: wait!important; |
|
11609 } |
|
11610 .widget-body-toolbar, |
|
11611 .ams-form.widget-body-toolbar { |
|
11612 display: block; |
|
11613 padding: 8px 10px; |
|
11614 margin: -13px -13px 13px; |
|
11615 min-height: 42px; |
|
11616 border-bottom: 1px solid #ccc; |
|
11617 background: #fafafa; |
|
11618 } |
|
11619 .no-padding .widget-body-toolbar, |
|
11620 .no-padding .ams-form.widget-body-toolbar, |
|
11621 .no-padding.widget-body-toolbar, |
|
11622 .no-padding.ams-form.widget-body-toolbar { |
|
11623 display: block; |
|
11624 margin: 0; |
|
11625 } |
|
11626 .ams-form .widget-body-toolbar .inline-group, |
|
11627 .widget-body-toolbar.ams-form .inline-group { |
|
11628 float: left; |
|
11629 margin-top: 4px; |
|
11630 } |
|
11631 .widget-body-toolbar .btn { |
|
11632 vertical-align: middle; |
|
11633 } |
|
11634 .widget-body-toolbar .btn-xs { |
|
11635 margin-top: 5px; |
|
11636 } |
|
11637 .no-widget-toolbar .widget-body-toolbar { |
|
11638 display: none; |
|
11639 } |
|
11640 .widget-content-padding { |
|
11641 padding: 20px; |
|
11642 } |
|
11643 .widget-content-padding .well { |
|
11644 margin-bottom: 0; |
|
11645 } |
|
11646 .widget-footer { |
|
11647 display: block; |
|
11648 position: relative; |
|
11649 min-height: 32px; |
|
11650 vertical-align: middle; |
|
11651 margin: 0 -13px -13px; |
|
11652 padding: 5px; |
|
11653 border-top: 1px solid #E4E4E4; |
|
11654 text-align: right; |
|
11655 background-color: #F8F7F7; |
|
11656 } |
|
11657 .no-padding .widget-footer { |
|
11658 margin: 0; |
|
11659 } |
|
11660 .widget-footer.ams-form > label { |
|
11661 margin-top: 4px; |
|
11662 display: block; |
|
11663 } |
|
11664 .ams-widget { |
|
11665 position: relative; |
|
11666 margin: 0 0 15px; |
|
11667 padding: 0; |
|
11668 -khtml-border-radius: 0; |
|
11669 border-radius: 0; |
|
11670 } |
|
11671 .ams-widget header .nav-tabs { |
|
11672 border-bottom-color: transparent; |
|
11673 } |
|
11674 .ams-widget header .nav-tabs > li > a { |
|
11675 border-radius: 0; |
|
11676 border: 0; |
|
11677 padding: 5px 15px 4px; |
|
11678 } |
|
11679 .ams-widget header .nav-tabs > li.active > a, |
|
11680 .ams-widget header .nav-tabs > li.active > a:focus, |
|
11681 .ams-widget header .nav-tabs > li.active > a:hover { |
|
11682 color: #555; |
|
11683 background-color: #FFF; |
|
11684 border: 1px solid #C2C2C2; |
|
11685 border-bottom-color: transparent; |
|
11686 border-top: 0; |
|
11687 cursor: default; |
|
11688 } |
|
11689 .ams-widget header:first-child .nav-tabs { |
|
11690 float: left; |
|
11691 } |
|
11692 .ams-widget header:first-child .nav-tabs li { |
|
11693 padding-left: 0; |
|
11694 } |
|
11695 .ams-widget header:first-child .nav-tabs li a { |
|
11696 color: #333; |
|
11697 } |
|
11698 .ams-widget header:first-child .nav-tabs.pull-right li:last-child a { |
|
11699 margin-right: 0 !important; |
|
11700 border-right: 0 !important; |
|
11701 } |
|
11702 .ams-widget header .nav-pills { |
|
11703 margin: 3px; |
|
11704 } |
|
11705 .ams-widget header .nav-pills > li > a { |
|
11706 padding: 3px 5px 4px; |
|
11707 } |
|
11708 .ams-widget header > .btn-group { |
|
11709 margin-top: -13px; |
|
11710 margin-left: 5px; |
|
11711 } |
|
11712 .ams-widget > header { |
|
11713 height: 30px; |
|
11714 padding: 0; |
|
11715 line-height: 40px; |
|
11716 color: #333; |
|
11717 border: 1px solid #C2C2C2; |
|
11718 background: #fafafa; |
|
11719 } |
|
11720 .ams-widget > header.active { |
|
11721 background-color: rgba(56, 134, 201, 0.4); |
|
11722 } |
|
11723 .ams-widget > header h2 { |
|
11724 display: inline-block; |
|
11725 position: relative; |
|
11726 width: auto; |
|
11727 height: 100%; |
|
11728 margin: 0; |
|
11729 font-size: 14px; |
|
11730 line-height: 31px; |
|
11731 font-weight: 400; |
|
11732 letter-spacing: 0; |
|
11733 } |
|
11734 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
11735 .ams-widget > header h2 { |
|
11736 width: 135px; |
|
11737 text-overflow: ellipsis; |
|
11738 white-space: nowrap; |
|
11739 overflow: hidden; |
|
11740 } |
|
11741 } |
|
11742 .rtl .ams-widget > header h2 { |
|
11743 float: right; |
|
11744 text-align: right; |
|
11745 } |
|
11746 .ams-widget > header > h2 { |
|
11747 margin-left: 10px; |
|
11748 float: left; |
|
11749 } |
|
11750 .ams-widget > header > h2 + .btn, |
|
11751 .ams-widget > header > h2 + .btn-group { |
|
11752 margin-left: 20px; |
|
11753 } |
|
11754 .rtl .ams-widget > header { |
|
11755 padding: 0 7px 0 0; |
|
11756 } |
|
11757 .ams-widget > header .widget-icon { |
|
11758 display: block; |
|
11759 float: left; |
|
11760 width: 16px; |
|
11761 height: 16px; |
|
11762 margin: 10px 10px 0 0; |
|
11763 zoom: 1; |
|
11764 z-index: 400; |
|
11765 } |
|
11766 .rtl .ams-widget > header .widget-icon { |
|
11767 float: right; |
|
11768 margin: 10px 0 0 7px; |
|
11769 } |
|
11770 .ams-widget > header > .widget-icon { |
|
11771 display: block; |
|
11772 position: relative; |
|
11773 float: left; |
|
11774 margin: 0 -10px 0 2px; |
|
11775 width: 28px; |
|
11776 height: 28px; |
|
11777 font-size: 111%; |
|
11778 line-height: 29px; |
|
11779 text-align: center; |
|
11780 } |
|
11781 .ams-widget > header > :first-child.widget-icon { |
|
11782 margin-left: 0; |
|
11783 } |
|
11784 .ams-widget > div { |
|
11785 position: relative; |
|
11786 float: left; |
|
11787 width: 100%; |
|
11788 font-size: 13px; |
|
11789 -khtml-border-radius: 0; |
|
11790 border-radius: 0; |
|
11791 margin: 0; |
|
11792 padding: 13px 13px 0; |
|
11793 background-color: #fff!important; |
|
11794 border-width: 1px; |
|
11795 border-style: solid; |
|
11796 border-color: #ccc!important; |
|
11797 } |
|
11798 .ams-widget > header + div { |
|
11799 border-top: 0; |
|
11800 } |
|
11801 .ams-widget .widget-body { |
|
11802 position: relative; |
|
11803 min-height: 100px; |
|
11804 padding-bottom: 13px; |
|
11805 } |
|
11806 .ams-widget .widget-body.widget-hide-overflow { |
|
11807 overflow: hidden; |
|
11808 } |
|
11809 .ams-widget.well { |
|
11810 margin: 0 0 30px; |
|
11811 } |
|
11812 .ams-widget.well header { |
|
11813 display: none; |
|
11814 } |
|
11815 .ams-widget.well > div { |
|
11816 border: 0!important; |
|
11817 box-shadow: none!important; |
|
11818 -webkit-box-shadow: none!important; |
|
11819 } |
|
11820 .ams-widget.well.transparent .widget-body.no-padding { |
|
11821 margin: 0!important; |
|
11822 } |
|
11823 .ams-widget-ctrls { |
|
11824 width: auto; |
|
11825 float: right; |
|
11826 padding: 0; |
|
11827 margin: 0; |
|
11828 } |
|
11829 .ams-widget-ctrls a { |
|
11830 display: inline-block; |
|
11831 padding: 0; |
|
11832 margin: 0; |
|
11833 text-decoration: none; |
|
11834 font-size: 14px; |
|
11835 text-align: center; |
|
11836 line-height: 29px; |
|
11837 color: #333; |
|
11838 } |
|
11839 .ams-widget-ctrls .button-icon { |
|
11840 position: relative; |
|
11841 float: left; |
|
11842 min-width: 28px; |
|
11843 height: 28px; |
|
11844 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
11845 border-left: 1px solid rgba(0, 0, 0, 0.09); |
|
11846 } |
|
11847 .ams-widget-ctrls .button-icon :hover { |
|
11848 background-color: rgba(0, 0, 0, 0.05); |
|
11849 } |
|
11850 .rtl .ams-widget-ctrls .button-icon { |
|
11851 margin: 0 0 5px 5px; |
|
11852 } |
|
11853 .rtl .ams-widget-ctrls { |
|
11854 float: left; |
|
11855 padding: 10px 0 0 3px; |
|
11856 margin: 0; |
|
11857 } |
|
11858 .ams-widget-loader { |
|
11859 display: none; |
|
11860 float: right; |
|
11861 width: 28px; |
|
11862 height: 28px; |
|
11863 margin: 0; |
|
11864 text-align: center; |
|
11865 line-height: 28px; |
|
11866 background-repeat: no-repeat; |
|
11867 background-position: center center; |
|
11868 } |
|
11869 .rtl .ams-widget-loader { |
|
11870 float: left; |
|
11871 } |
|
11872 .ams-widget-editbox { |
|
11873 display: none; |
|
11874 padding: 10px; |
|
11875 border-bottom: 1px solid #B1B1B1; |
|
11876 background-color: #fff; |
|
11877 margin: -13px -13px 13px; |
|
11878 } |
|
11879 .no-padding .ams-widget-editbox { |
|
11880 margin: 0 0 10px; |
|
11881 } |
|
11882 .ams-widget, |
|
11883 .ams-widget-editbox, |
|
11884 .ams-widget > div { |
|
11885 zoom: 1; |
|
11886 } |
|
11887 .ams-widget:after, |
|
11888 .ams-widget-editbox:after, |
|
11889 .ams-widget > div:after { |
|
11890 clear: both; |
|
11891 } |
|
11892 .ams-widget:before, |
|
11893 .ams-widget-editbox:before, |
|
11894 .ams-widget > div:before, |
|
11895 .ams-widget:after, |
|
11896 .ams-widget-editbox:after, |
|
11897 .ams-widget > div:after { |
|
11898 display: block; |
|
11899 visibility: hidden; |
|
11900 overflow: hidden; |
|
11901 content: "\0020"; |
|
11902 height: 0; |
|
11903 font-size: 0; |
|
11904 line-height: 0; |
|
11905 } |
|
11906 .ui-sortable .ams-widget-sortable > header { |
|
11907 cursor: move; |
|
11908 line-height: normal; |
|
11909 -khtml-border-radius: 0; |
|
11910 border-radius: 0; |
|
11911 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
11912 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
11913 } |
|
11914 .ui-sortable .ams-widget-sortable.ams-widget-collapsed > header { |
|
11915 -khtml-border-radius: 0; |
|
11916 border-radius: 0; |
|
11917 } |
|
11918 .ams-widget-timestamp { |
|
11919 margin: 10px 0 0; |
|
11920 color: #868686; |
|
11921 font-size: 12px; |
|
11922 font-style: italic; |
|
11923 } |
|
11924 .ams-widget-placeholder { |
|
11925 margin-bottom: 28px; |
|
11926 padding: 0; |
|
11927 background-color: #FFC; |
|
11928 border: 1px dashed #A7A7A7; |
|
11929 -khtml-border-radius: 0; |
|
11930 border-radius: 0; |
|
11931 -webkit-box-sizing: border-box; |
|
11932 -khtml-box-sizing: border-box; |
|
11933 -moz-box-sizing: border-box; |
|
11934 -ms-box-sizing: border-box; |
|
11935 box-sizing: border-box; |
|
11936 } |
|
11937 .ams-widget-remove-colors { |
|
11938 color: #333 !important; |
|
11939 padding: 0 !important; |
|
11940 background: none !important; |
|
11941 } |
|
11942 .ams-widget-color-magenta > header { |
|
11943 color: #fff; |
|
11944 background: #6e3671; |
|
11945 border-color: #6e3671 !important; |
|
11946 } |
|
11947 .ams-widget-color-magenta .nav-tabs li:not(.active) a, |
|
11948 .ams-widget-color-magenta > header > .ams-widget-ctrls a { |
|
11949 color: #fff !important; |
|
11950 } |
|
11951 .ams-widget-color-magenta .nav-tabs li a:hover { |
|
11952 color: #333 !important; |
|
11953 } |
|
11954 .ams-widget-color-pink > header { |
|
11955 color: #fff; |
|
11956 background: #ac5287; |
|
11957 border-color: #ac5287 !important; |
|
11958 } |
|
11959 .ams-widget-color-pink .nav-tabs li:not(.active) a, |
|
11960 .ams-widget-color-pink > header > .ams-widget-ctrls a { |
|
11961 color: #fff !important; |
|
11962 } |
|
11963 .ams-widget-color-pink .nav-tabs li a:hover { |
|
11964 color: #333 !important; |
|
11965 } |
|
11966 .ams-widget-color-pinkDark > header { |
|
11967 color: #fff; |
|
11968 background: #a8829f; |
|
11969 border-color: #a8829f !important; |
|
11970 } |
|
11971 .ams-widget-color-pinkDark .nav-tabs li:not(.active) a, |
|
11972 .ams-widget-color-pinkDark > header > .ams-widget-ctrls a { |
|
11973 color: #fff !important; |
|
11974 } |
|
11975 .ams-widget-color-pinkDark .nav-tabs li a:hover { |
|
11976 color: #333 !important; |
|
11977 } |
|
11978 .ams-widget-color-yellow > header { |
|
11979 color: #fff; |
|
11980 background: #d4c737; |
|
11981 border-color: #d4c737 !important; |
|
11982 } |
|
11983 .ams-widget-color-yellow .nav-tabs li:not(.active) a, |
|
11984 .ams-widget-color-yellow > header > .ams-widget-ctrls a { |
|
11985 color: #fff !important; |
|
11986 } |
|
11987 .ams-widget-color-yellow .nav-tabs li a:hover { |
|
11988 color: #333 !important; |
|
11989 } |
|
11990 .ams-widget-color-orange > header { |
|
11991 color: #fff; |
|
11992 background: #c79121; |
|
11993 border-color: #c79121 !important; |
|
11994 } |
|
11995 .ams-widget-color-orange .nav-tabs li:not(.active) a, |
|
11996 .ams-widget-color-orange > header > .ams-widget-ctrls a { |
|
11997 color: #fff !important; |
|
11998 } |
|
11999 .ams-widget-color-orange .nav-tabs li a:hover { |
|
12000 color: #333 !important; |
|
12001 } |
|
12002 .ams-widget-color-orangeDark > header { |
|
12003 color: #fff; |
|
12004 background: #a57225; |
|
12005 border-color: #a57225 !important; |
|
12006 } |
|
12007 .ams-widget-color-orangeDark .nav-tabs li:not(.active) a, |
|
12008 .ams-widget-color-orangeDark > header > .ams-widget-ctrls a { |
|
12009 color: #fff !important; |
|
12010 } |
|
12011 .ams-widget-color-orangeDark .nav-tabs li a:hover { |
|
12012 color: #333 !important; |
|
12013 } |
|
12014 .ams-widget-color-darken > header { |
|
12015 color: #fff; |
|
12016 background: #404040; |
|
12017 border-color: #404040 !important; |
|
12018 } |
|
12019 .ams-widget-color-darken .nav-tabs li:not(.active) a, |
|
12020 .ams-widget-color-darken > header > .ams-widget-ctrls a { |
|
12021 color: #fff !important; |
|
12022 } |
|
12023 .ams-widget-color-darken .nav-tabs li a:hover { |
|
12024 color: #333 !important; |
|
12025 } |
|
12026 .ams-widget-color-purple > header { |
|
12027 color: #fff; |
|
12028 background: #65596B; |
|
12029 border-color: #65596B !important; |
|
12030 } |
|
12031 .ams-widget-color-purple .nav-tabs li:not(.active) a, |
|
12032 .ams-widget-color-purple > header > .ams-widget-ctrls a { |
|
12033 color: #fff !important; |
|
12034 } |
|
12035 .ams-widget-color-purple .nav-tabs li a:hover { |
|
12036 color: #333 !important; |
|
12037 } |
|
12038 .ams-widget-color-teal > header { |
|
12039 color: #fff; |
|
12040 background: #568a89; |
|
12041 border-color: #568a89 !important; |
|
12042 } |
|
12043 .ams-widget-color-teal .nav-tabs li:not(.active) a, |
|
12044 .ams-widget-color-teal > header > .ams-widget-ctrls a { |
|
12045 color: #fff !important; |
|
12046 } |
|
12047 .ams-widget-color-teal .nav-tabs li a:hover { |
|
12048 color: #333 !important; |
|
12049 } |
|
12050 .ams-widget-color-blueDark > header { |
|
12051 color: #fff; |
|
12052 background: #4c4f53; |
|
12053 border-color: #4c4f53 !important; |
|
12054 } |
|
12055 .ams-widget-color-blueDark .nav-tabs li:not(.active) a, |
|
12056 .ams-widget-color-blueDark > header > .ams-widget-ctrls a { |
|
12057 color: #fff !important; |
|
12058 } |
|
12059 .ams-widget-color-blueDark .nav-tabs li a:hover { |
|
12060 color: #333 !important; |
|
12061 } |
|
12062 .ams-widget-color-blue > header { |
|
12063 color: #fff; |
|
12064 background: #60747c; |
|
12065 border-color: #60747c !important; |
|
12066 } |
|
12067 .ams-widget-color-blue .nav-tabs li:not(.active) a, |
|
12068 .ams-widget-color-blue > header > .ams-widget-ctrls a { |
|
12069 color: #fff !important; |
|
12070 } |
|
12071 .ams-widget-color-blue .nav-tabs li a:hover { |
|
12072 color: #333 !important; |
|
12073 } |
|
12074 .ams-widget-color-blueLight > header { |
|
12075 color: #fff; |
|
12076 background: #ccdadf; |
|
12077 border-color: #ccdadf !important; |
|
12078 } |
|
12079 .ams-widget-color-blueLight .nav-tabs li:not(.active) a, |
|
12080 .ams-widget-color-blueLight > header > .ams-widget-ctrls a { |
|
12081 color: #fff !important; |
|
12082 } |
|
12083 .ams-widget-color-blueLight .nav-tabs li a:hover { |
|
12084 color: #333 !important; |
|
12085 } |
|
12086 .ams-widget-color-red > header { |
|
12087 color: #fff; |
|
12088 background: #931313; |
|
12089 border-color: #931313 !important; |
|
12090 } |
|
12091 .ams-widget-color-red .nav-tabs li:not(.active) a, |
|
12092 .ams-widget-color-red > header > .ams-widget-ctrls a { |
|
12093 color: #fff !important; |
|
12094 } |
|
12095 .ams-widget-color-red .nav-tabs li a:hover { |
|
12096 color: #333 !important; |
|
12097 } |
|
12098 .ams-widget-color-redLight > header { |
|
12099 color: #fff; |
|
12100 background: #a65858; |
|
12101 border-color: #a65858 !important; |
|
12102 } |
|
12103 .ams-widget-color-redLight .nav-tabs li:not(.active) a, |
|
12104 .ams-widget-color-redLight > header > .ams-widget-ctrls a { |
|
12105 color: #fff !important; |
|
12106 } |
|
12107 .ams-widget-color-redLight .nav-tabs li a:hover { |
|
12108 color: #333 !important; |
|
12109 } |
|
12110 .ams-widget-color-white > header { |
|
12111 color: #C8C8C8; |
|
12112 background: #dedede; |
|
12113 border-color: #C8C8C8 !important; |
|
12114 } |
|
12115 .ams-widget-color-white .nav-tabs li:not(.active) a, |
|
12116 .ams-widget-color-white > header > .ams-widget-ctrls a { |
|
12117 color: #C8C8C8 !important; |
|
12118 } |
|
12119 .ams-widget-color-white .nav-tabs li a:hover { |
|
12120 color: #838383 !important; |
|
12121 } |
|
12122 .ams-widget-color-greenDark > header { |
|
12123 color: #fff; |
|
12124 background: #496949; |
|
12125 border-color: #496949 !important; |
|
12126 } |
|
12127 .ams-widget-color-greenDark .nav-tabs li:not(.active) a, |
|
12128 .ams-widget-color-greenDark > header > .ams-widget-ctrls a { |
|
12129 color: #fff !important; |
|
12130 } |
|
12131 .ams-widget-color-greenDark .nav-tabs li a:hover { |
|
12132 color: #333 !important; |
|
12133 } |
|
12134 .ams-widget-color-green > header { |
|
12135 color: #fff; |
|
12136 background: #356e35; |
|
12137 border-color: #356e35 !important; |
|
12138 } |
|
12139 .ams-widget-color-green .nav-tabs li:not(.active) a, |
|
12140 .ams-widget-color-green > header > .ams-widget-ctrls a { |
|
12141 color: #fff !important; |
|
12142 } |
|
12143 .ams-widget-color-green .nav-tabs li a:hover { |
|
12144 color: #333 !important; |
|
12145 } |
|
12146 .ams-widget-color-greenLight > header { |
|
12147 color: #fff; |
|
12148 background: #71843f; |
|
12149 border-color: #71843f !important; |
|
12150 } |
|
12151 .ams-widget-color-greenLight .nav-tabs li:not(.active) a, |
|
12152 .ams-widget-color-greenLight > header > .ams-widget-ctrls a { |
|
12153 color: #fff !important; |
|
12154 } |
|
12155 .ams-widget-color-greenLight .nav-tabs li a:hover { |
|
12156 color: #333 !important; |
|
12157 } |
|
12158 #ams-widget-fullscreen-mode { |
|
12159 position: fixed; |
|
12160 width: 100%; |
|
12161 height: 100%; |
|
12162 top: 0; |
|
12163 left: 0; |
|
12164 z-index: 99999; |
|
12165 } |
|
12166 #ams-widget-fullscreen-mode .ams-widget { |
|
12167 margin: 0; |
|
12168 -khtml-border-radius: 0; |
|
12169 border-radius: 0; |
|
12170 } |
|
12171 #ams-widget-fullscreen-mode > div { |
|
12172 overflow-y: scroll; |
|
12173 -khtml-border-radius: 0; |
|
12174 border-radius: 0; |
|
12175 } |
|
12176 #ams-widget-fullscreen-mode > div > header { |
|
12177 cursor: default; |
|
12178 } |
|
12179 /* |
|
12180 * On/off switch |
|
12181 */ |
|
12182 .onoffswitch { |
|
12183 position: relative; |
|
12184 width: 50px; |
|
12185 -webkit-user-select: none; |
|
12186 -moz-user-select: none; |
|
12187 -ms-user-select: none; |
|
12188 margin-top: 3px; |
|
12189 margin-bottom: 3px; |
|
12190 margin-left: 5px; |
|
12191 display: inline-block; |
|
12192 vertical-align: middle; |
|
12193 } |
|
12194 .onoffswitch-container { |
|
12195 margin-top: 4px; |
|
12196 margin-left: 7px; |
|
12197 display: inline-block; |
|
12198 } |
|
12199 .onoffswitch-checkbox { |
|
12200 display: none; |
|
12201 } |
|
12202 .onoffswitch-label { |
|
12203 display: block; |
|
12204 overflow: hidden; |
|
12205 cursor: pointer; |
|
12206 border: 1px solid #626262; |
|
12207 border-radius: 50px; |
|
12208 border-color: #adadad #b3b3b3 #9e9e9e; |
|
12209 -webkit-box-sizing: content-box; |
|
12210 -moz-box-sizing: content-box; |
|
12211 box-sizing: content-box; |
|
12212 } |
|
12213 .onoffswitch-inner { |
|
12214 width: 200%; |
|
12215 margin-left: -100%; |
|
12216 display: block; |
|
12217 } |
|
12218 .onoffswitch-inner:after, |
|
12219 .onoffswitch-inner:before { |
|
12220 float: left; |
|
12221 width: 50%; |
|
12222 height: 15px; |
|
12223 padding: 0; |
|
12224 line-height: 17px; |
|
12225 font-size: 10px; |
|
12226 font-family: Ubuntu, Trebuchet, Arial, sans-serif; |
|
12227 font-weight: 700; |
|
12228 -moz-box-sizing: border-box; |
|
12229 -webkit-box-sizing: border-box; |
|
12230 box-sizing: border-box; |
|
12231 } |
|
12232 .onoffswitch-inner:before { |
|
12233 content: attr(data-swchon-text); |
|
12234 text-shadow: 0 -1px 0 #333; |
|
12235 padding-left: 7px; |
|
12236 background-color: #3276b1; |
|
12237 color: #fff; |
|
12238 -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12239 box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12240 text-align: left; |
|
12241 } |
|
12242 .onoffswitch-inner:after { |
|
12243 content: attr(data-swchoff-text); |
|
12244 padding-right: 7px; |
|
12245 text-shadow: 0 -1px 0 #fff; |
|
12246 background-color: #fff; |
|
12247 color: #555; |
|
12248 text-align: right; |
|
12249 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12250 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12251 } |
|
12252 .onoffswitch-switch { |
|
12253 width: 19px; |
|
12254 height: 19px; |
|
12255 margin: -2px; |
|
12256 background: #fff; |
|
12257 border: 1px solid #9a9a9a; |
|
12258 border-radius: 50px; |
|
12259 position: absolute; |
|
12260 top: 0; |
|
12261 bottom: 0; |
|
12262 right: 32px; |
|
12263 -webkit-box-sizing: content-box; |
|
12264 -moz-box-sizing: content-box; |
|
12265 box-sizing: content-box; |
|
12266 background-color: #f4f4f4; |
|
12267 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); |
|
12268 background-image: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
12269 background-image: -webkit-linear-gradient(top, #fff, #eee); |
|
12270 background-image: linear-gradient(to bottom, #fff, #eee); |
|
12271 background-repeat: repeat-x; |
|
12272 -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); |
|
12273 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); |
|
12274 } |
|
12275 .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, |
|
12276 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { |
|
12277 content: "\f00d"; |
|
12278 color: #a90329; |
|
12279 display: block; |
|
12280 text-align: center; |
|
12281 line-height: 19px; |
|
12282 font-size: 10px; |
|
12283 text-shadow: 0 -1px 0 #fff; |
|
12284 font-weight: 700; |
|
12285 font-family: FontAwesome; |
|
12286 } |
|
12287 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { |
|
12288 content: "\f00c"; |
|
12289 color: #57889c; |
|
12290 } |
|
12291 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { |
|
12292 margin-left: 0; |
|
12293 display: block; |
|
12294 } |
|
12295 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { |
|
12296 right: 0; |
|
12297 } |
|
12298 .onoffswitch-switch:hover { |
|
12299 background-color: #eee; |
|
12300 } |
|
12301 .onoffswitch-switch:active { |
|
12302 background-color: #eee; |
|
12303 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12304 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
12305 } |
|
12306 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before, |
|
12307 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after { |
|
12308 text-shadow: 0 1px 0 #fff; |
|
12309 background: #bfbfbf; |
|
12310 color: #333; |
|
12311 } |
|
12312 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, |
|
12313 .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch { |
|
12314 background-color: #f4f4f4; |
|
12315 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4)); |
|
12316 background-image: -webkit-gradient(linear, top left, bottom left, from(#bfbfbf), to(#f4f4f4)); |
|
12317 background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4); |
|
12318 background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4); |
|
12319 -webkit-box-shadow: none!important; |
|
12320 box-shadow: none!important; |
|
12321 } |
|
12322 .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label, |
|
12323 .onoffswitch-checkbox:disabled + .onoffswitch-label { |
|
12324 border-color: #ababab #999 #878787!important; |
|
12325 } |
|
12326 .onoffswitch-checkbox:checked + .onoffswitch-label { |
|
12327 border-color: #3276b1 #2a6395 #255681; |
|
12328 } |
|
12329 .onoffswitch + span, |
|
12330 .onoffswitch-title { |
|
12331 display: inline-block; |
|
12332 vertical-align: middle; |
|
12333 margin-top: -5px; |
|
12334 } |
|
12335 /* |
|
12336 * Select2 widget |
|
12337 */ |
|
12338 label.with-icon .select2-parent { |
|
12339 margin-right: 27px; |
|
12340 } |
|
12341 label.with-icons .select2-parent { |
|
12342 margin-right: 54px; |
|
12343 } |
|
12344 .select2-container { |
|
12345 margin: 0; |
|
12346 position: relative; |
|
12347 display: inline-block; |
|
12348 zoom: 1; |
|
12349 *display: inline; |
|
12350 vertical-align: middle; |
|
12351 min-width: 60px; |
|
12352 } |
|
12353 .select2-container .select2-choice { |
|
12354 display: block; |
|
12355 height: 26px; |
|
12356 padding: 0 0 0 8px; |
|
12357 overflow: hidden; |
|
12358 position: relative; |
|
12359 border: 1px solid #ccc; |
|
12360 white-space: nowrap; |
|
12361 line-height: 26px; |
|
12362 font-size: 13px; |
|
12363 color: #444; |
|
12364 text-decoration: none; |
|
12365 -webkit-background-clip: padding-box; |
|
12366 background-clip: padding-box; |
|
12367 -webkit-touch-callout: none; |
|
12368 -webkit-user-select: none; |
|
12369 -moz-user-select: none; |
|
12370 -ms-user-select: none; |
|
12371 user-select: none; |
|
12372 background-color: #fff; |
|
12373 } |
|
12374 label.bordered .select2-container .select2-choice { |
|
12375 border-color: transparent; |
|
12376 } |
|
12377 .select2-container .select2-choice:hover { |
|
12378 border: 1px solid rgba(82, 168, 236, 0.7); |
|
12379 } |
|
12380 .select2-container .select2-choice > .select2-chosen { |
|
12381 margin-right: 26px; |
|
12382 display: block; |
|
12383 overflow: hidden; |
|
12384 white-space: nowrap; |
|
12385 text-overflow: ellipsis; |
|
12386 } |
|
12387 .select2-container .select2-choice > .select2-chosen abbr { |
|
12388 display: none; |
|
12389 width: 12px; |
|
12390 height: 12px; |
|
12391 position: absolute; |
|
12392 right: 24px; |
|
12393 top: 8px; |
|
12394 font-size: 1px; |
|
12395 text-decoration: none; |
|
12396 border: 0; |
|
12397 cursor: pointer; |
|
12398 outline: 0; |
|
12399 } |
|
12400 .select2-container .select2-choice > .select2-chosen abbr:hover { |
|
12401 cursor: pointer; |
|
12402 } |
|
12403 .select2-container.select2-drop-above .select2-choice { |
|
12404 border-bottom-color: #ccc; |
|
12405 } |
|
12406 .select2-container.select2-allowclear .select2-choice .select2-chosen { |
|
12407 margin-right: 42px; |
|
12408 } |
|
12409 .select2-container.select2-allowclear .select2-choice abbr { |
|
12410 display: inline-block; |
|
12411 } |
|
12412 .select2-container .select2-arrow { |
|
12413 display: inline-block; |
|
12414 width: 20px; |
|
12415 height: 20px; |
|
12416 position: absolute; |
|
12417 right: 3px; |
|
12418 top: 3px; |
|
12419 padding: 0 0 0 2px; |
|
12420 border-left: 1px solid #ccc; |
|
12421 line-height: 22px; |
|
12422 -webkit-background-clip: padding-box; |
|
12423 } |
|
12424 .select2-container .select2-arrow b { |
|
12425 width: 100%; |
|
12426 height: 100%; |
|
12427 display: inline-block; |
|
12428 font-family: FontAwesome; |
|
12429 font-style: normal; |
|
12430 font-weight: 400; |
|
12431 line-height: 1; |
|
12432 -webkit-font-smoothing: antialiased; |
|
12433 -moz-osx-font-smoothing: grayscale; |
|
12434 position: relative; |
|
12435 font-size: 14px; |
|
12436 } |
|
12437 .select2-container .select2-arrow b:before { |
|
12438 content: "\f107"; |
|
12439 width: 100%; |
|
12440 height: 100%; |
|
12441 text-align: center; |
|
12442 display: block; |
|
12443 } |
|
12444 .select2-container, |
|
12445 .select2-drop, |
|
12446 .select2-search, |
|
12447 .select2-search input { |
|
12448 -webkit-box-sizing: border-box; |
|
12449 -moz-box-sizing: border-box; |
|
12450 box-sizing: border-box; |
|
12451 } |
|
12452 .select2-container-active .select2-choice, |
|
12453 .select2-container-active .select2-choices { |
|
12454 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
12455 outline: 0; |
|
12456 } |
|
12457 .select2-drop-mask { |
|
12458 border: 0; |
|
12459 margin: 0; |
|
12460 padding: 0; |
|
12461 position: fixed; |
|
12462 left: 0; |
|
12463 top: 0; |
|
12464 min-height: 100%; |
|
12465 min-width: 100%; |
|
12466 height: auto; |
|
12467 width: auto; |
|
12468 opacity: 0; |
|
12469 z-index: 9998; |
|
12470 background: #fff; |
|
12471 filter: alpha(opacity=0); |
|
12472 } |
|
12473 .select2-drop { |
|
12474 margin-top: -1px; |
|
12475 width: 100%; |
|
12476 position: absolute; |
|
12477 z-index: 9999; |
|
12478 top: 100%; |
|
12479 background: #fff; |
|
12480 color: #000; |
|
12481 border: 1px solid #ccc; |
|
12482 border-top: 0; |
|
12483 -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|
12484 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|
12485 } |
|
12486 .select2-drop.select2-drop-above { |
|
12487 margin-bottom: 0; |
|
12488 border-top: 1px solid rgba(82, 168, 236, 0.7); |
|
12489 border-top-width: 3px; |
|
12490 border-bottom: 0; |
|
12491 -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); |
|
12492 box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); |
|
12493 } |
|
12494 .select2-drop.select2-drop-above.select2-drop-active { |
|
12495 border-top-width: 3px; |
|
12496 } |
|
12497 .select2-drop.select2-drop-above .select2-search input { |
|
12498 margin-top: 4px; |
|
12499 } |
|
12500 .select2-drop.select2-drop-above .select2-search:before { |
|
12501 top: 34%; |
|
12502 } |
|
12503 .select2-drop-auto-width { |
|
12504 border-top: 1px solid #ccc; |
|
12505 width: auto; |
|
12506 } |
|
12507 .select2-drop-auto-width .select2-search { |
|
12508 padding-top: 4px; |
|
12509 } |
|
12510 .select2-drop-active { |
|
12511 border: 1px solid rgba(82, 168, 236, 0.7); |
|
12512 border-top: 0; |
|
12513 border-bottom-width: 3px; |
|
12514 } |
|
12515 .select2-search { |
|
12516 display: inline-block; |
|
12517 width: 100%; |
|
12518 min-height: 26px; |
|
12519 margin: 0; |
|
12520 padding-left: 4px; |
|
12521 padding-right: 4px; |
|
12522 position: relative; |
|
12523 z-index: 10000; |
|
12524 white-space: nowrap; |
|
12525 } |
|
12526 .select2-search:before { |
|
12527 display: inline-block; |
|
12528 font-family: FontAwesome; |
|
12529 font-style: normal; |
|
12530 font-weight: 400; |
|
12531 line-height: 1; |
|
12532 -webkit-font-smoothing: antialiased; |
|
12533 -moz-osx-font-smoothing: grayscale; |
|
12534 position: absolute; |
|
12535 content: "\f002"; |
|
12536 top: 25%; |
|
12537 right: 10px; |
|
12538 color: #686868!important; |
|
12539 } |
|
12540 .select2-search input { |
|
12541 width: 100%; |
|
12542 height: auto!important; |
|
12543 min-height: 26px; |
|
12544 padding: 4px 20px 3px 5px; |
|
12545 margin: 0; |
|
12546 outline: 0; |
|
12547 font-size: 1em; |
|
12548 border: 1px solid #aaa; |
|
12549 -webkit-box-shadow: none; |
|
12550 box-shadow: none; |
|
12551 background: #fff; |
|
12552 background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); |
|
12553 background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); |
|
12554 background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
12555 background: -webkit-linear-gradient(top, #fff 85%, #eee 99%); |
|
12556 background: linear-gradient(top, #fff 85%, #eee 99%); |
|
12557 } |
|
12558 .select2-search input.select2-active { |
|
12559 background-origin: padding-box; |
|
12560 background: #fff url(../img/select2-spinner.gif) no-repeat right 24px top 50%; |
|
12561 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)); |
|
12562 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); |
|
12563 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee)); |
|
12564 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #fff 85%, #eee 99%); |
|
12565 background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #fff 85%, #eee 99%); |
|
12566 } |
|
12567 .select2-dropdown-open .select2-choice { |
|
12568 border-bottom-color: transparent; |
|
12569 -webkit-box-shadow: 0 1px 0 #fff inset; |
|
12570 box-shadow: 0 1px 0 #fff inset; |
|
12571 border-bottom-left-radius: 0; |
|
12572 border-bottom-right-radius: 0; |
|
12573 background-color: #fff; |
|
12574 } |
|
12575 .select2-dropdown-open.select2-drop-above .select2-choice, |
|
12576 .select2-dropdown-open.select2-drop-above .select2-choices { |
|
12577 border: 1px solid #5D98CC; |
|
12578 border-top-color: transparent; |
|
12579 } |
|
12580 .select2-dropdown-open .select2-choice .select2-arrow { |
|
12581 background: 0 0; |
|
12582 border-left: 0; |
|
12583 -webkit-filter: none; |
|
12584 filter: none; |
|
12585 } |
|
12586 .select2-dropdown-open .select2-choice .select2-arrow b { |
|
12587 background-position: -18px 1px; |
|
12588 } |
|
12589 .select2-results { |
|
12590 max-height: 200px; |
|
12591 padding: 0 0 0 4px; |
|
12592 margin: 4px 4px 4px 0; |
|
12593 font-size: 13px; |
|
12594 position: relative; |
|
12595 overflow-x: hidden; |
|
12596 overflow-y: auto; |
|
12597 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
12598 } |
|
12599 .select2-results .select2-selected { |
|
12600 opacity: 0.5; |
|
12601 } |
|
12602 .select2-results ul.select2-result-sub { |
|
12603 margin: 0; |
|
12604 padding-left: 0; |
|
12605 } |
|
12606 .select2-results ul.select2-result-sub > li .select2-result-label { |
|
12607 padding-left: 20px; |
|
12608 } |
|
12609 .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
12610 padding-left: 40px; |
|
12611 } |
|
12612 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
12613 padding-left: 60px; |
|
12614 } |
|
12615 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { |
|
12616 padding-left: 80px; |
|
12617 } |
|
12618 .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 { |
|
12619 padding-left: 100px; |
|
12620 } |
|
12621 .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 { |
|
12622 padding-left: 110px; |
|
12623 } |
|
12624 .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 { |
|
12625 padding-left: 120px; |
|
12626 } |
|
12627 .select2-results li { |
|
12628 list-style: none; |
|
12629 display: list-item; |
|
12630 background-image: none; |
|
12631 } |
|
12632 .select2-results li.select2-result-with-children > .select2-result-label { |
|
12633 font-weight: 700; |
|
12634 } |
|
12635 .select2-results .select2-result-label { |
|
12636 padding: 3px 7px 4px; |
|
12637 margin: 0; |
|
12638 cursor: pointer; |
|
12639 min-height: 1em; |
|
12640 -webkit-touch-callout: none; |
|
12641 -webkit-user-select: none; |
|
12642 -moz-user-select: none; |
|
12643 -ms-user-select: none; |
|
12644 user-select: none; |
|
12645 } |
|
12646 .select2-results .select2-highlighted { |
|
12647 background: #3276b1; |
|
12648 color: #fff; |
|
12649 } |
|
12650 .select2-results li em { |
|
12651 background: #feffde; |
|
12652 font-style: normal; |
|
12653 } |
|
12654 .select2-results .select2-highlighted em { |
|
12655 background: 0 0; |
|
12656 } |
|
12657 .select2-results .select2-highlighted ul { |
|
12658 background: #fff; |
|
12659 color: #000; |
|
12660 } |
|
12661 .select2-results .select2-no-results, |
|
12662 .select2-results .select2-searching, |
|
12663 .select2-results .select2-selection-limit { |
|
12664 background: #f4f4f4; |
|
12665 display: list-item; |
|
12666 padding: 3px 5px; |
|
12667 opacity: 0.5; |
|
12668 } |
|
12669 .select2-results-results .select2-disabled { |
|
12670 background: #f4f4f4; |
|
12671 display: list-item; |
|
12672 cursor: default; |
|
12673 } |
|
12674 .select2-results-results .select2-disabled.select2-highlighted { |
|
12675 color: #666; |
|
12676 background: #f4f4f4; |
|
12677 display: list-item; |
|
12678 cursor: default; |
|
12679 } |
|
12680 .select2-results-results .select2-selected { |
|
12681 display: none; |
|
12682 } |
|
12683 .select2-no-results { |
|
12684 padding-left: 20px; |
|
12685 } |
|
12686 .select2-no-results:before { |
|
12687 display: inline-block; |
|
12688 font-family: FontAwesome; |
|
12689 font-style: normal; |
|
12690 font-weight: 400; |
|
12691 line-height: 1; |
|
12692 -webkit-font-smoothing: antialiased; |
|
12693 -moz-osx-font-smoothing: grayscale; |
|
12694 content: "\f05a"; |
|
12695 margin-right: 5px; |
|
12696 } |
|
12697 .select2-more-results { |
|
12698 background: #f4f4f4; |
|
12699 display: list-item; |
|
12700 } |
|
12701 .select2-more-results.select2-active { |
|
12702 background: #f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%; |
|
12703 } |
|
12704 .select2-default { |
|
12705 color: #999!important; |
|
12706 } |
|
12707 .select2-container.select2-container-disabled .select2-choice { |
|
12708 background-image: none; |
|
12709 border: 1px solid transparent; |
|
12710 border-bottom: 1px solid #ccc; |
|
12711 cursor: default; |
|
12712 } |
|
12713 .select2-container.select2-container-disabled .select2-choice .select2-arrow { |
|
12714 display: none; |
|
12715 } |
|
12716 .select2-container.select2-container-disabled .select2-choice abbr { |
|
12717 display: none; |
|
12718 } |
|
12719 .select2-container.select2-container-disabled .select2-choices .select2-search-field { |
|
12720 display: none; |
|
12721 } |
|
12722 .select2-container-multi.select2-container-active .select2-choices { |
|
12723 border: 1px solid rgba(82, 168, 236, 0.7); |
|
12724 outline: 0; |
|
12725 } |
|
12726 .select2-container-multi .select2-choices { |
|
12727 height: auto!important; |
|
12728 height: 1%; |
|
12729 min-height: 26px; |
|
12730 margin: 0; |
|
12731 padding: 0; |
|
12732 position: relative; |
|
12733 border: 1px solid #ccc; |
|
12734 cursor: text; |
|
12735 overflow: hidden; |
|
12736 background-color: #fff; |
|
12737 } |
|
12738 label.bordered .select2-container-multi .select2-choices { |
|
12739 border-color: transparent; |
|
12740 } |
|
12741 .select2-container-multi .select2-choices:hover { |
|
12742 border: 1px solid rgba(82, 168, 236, 0.7) !important; |
|
12743 } |
|
12744 label.bordered .select2-container-multi .select2-choices:hover { |
|
12745 border-color: transparent !important; |
|
12746 } |
|
12747 .select2-container-multi .select2-choices li { |
|
12748 float: left; |
|
12749 list-style: none; |
|
12750 } |
|
12751 .select2-container-multi .select2-choices .select2-search-field { |
|
12752 margin: 0; |
|
12753 padding: 0; |
|
12754 white-space: nowrap; |
|
12755 width: 100%; |
|
12756 } |
|
12757 .select2-container-multi .select2-choices .select2-search-field input { |
|
12758 max-height: 24px; |
|
12759 padding: 3px 5px; |
|
12760 margin: 1px 0; |
|
12761 font-family: Ubuntu, sans-serif; |
|
12762 font-size: 13px; |
|
12763 color: #666; |
|
12764 outline: 0; |
|
12765 border: 0; |
|
12766 -webkit-box-shadow: none; |
|
12767 box-shadow: none; |
|
12768 background: transparent!important; |
|
12769 } |
|
12770 .select2-container-multi .select2-choices .select2-search-field input.select2-active { |
|
12771 background: #fff url(../img/select2-spinner.gif) no-repeat 99% !important; |
|
12772 } |
|
12773 .select2-container-multi .select2-choices .select2-search-choice { |
|
12774 padding: 1px 28px 1px 8px; |
|
12775 margin: 2px; |
|
12776 position: relative; |
|
12777 line-height: 18px; |
|
12778 color: #fff; |
|
12779 cursor: default; |
|
12780 border: 1px solid #2a6395; |
|
12781 -webkit-background-clip: padding-box; |
|
12782 background-clip: padding-box; |
|
12783 -webkit-touch-callout: none; |
|
12784 -webkit-user-select: none; |
|
12785 -khtml-user-select: none; |
|
12786 -moz-user-select: none; |
|
12787 -ms-user-select: none; |
|
12788 user-select: none; |
|
12789 background-color: #3276b1; |
|
12790 } |
|
12791 .select2-container-multi .select2-choices .select2-search-choice + .select2-search-field { |
|
12792 width: auto; |
|
12793 } |
|
12794 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { |
|
12795 cursor: default; |
|
12796 } |
|
12797 .select2-container-multi .select2-choices .select2-search-choice-focus { |
|
12798 opacity: .8; |
|
12799 } |
|
12800 .select2-container-multi .select2-choices .select2-search-choice.ui-sortable-handle { |
|
12801 cursor: move; |
|
12802 } |
|
12803 .with-icons .select2-container-multi .select2-choices .select2-search-choice.ui-sortable-handle { |
|
12804 margin-right: 1px; |
|
12805 } |
|
12806 .select2-container-multi.ordered .select2-choices li { |
|
12807 float: none; |
|
12808 } |
|
12809 .select2-container-multi.ordered .select2-choices li.select2-search-choice { |
|
12810 cursor: move; |
|
12811 padding-left: 20px; |
|
12812 background: #3276b1 url(../img/vert-drag-handle.png) scroll no-repeat left center; |
|
12813 } |
|
12814 .select2-container-multi.ordered .select2-choices li.ui-state-highlight { |
|
12815 margin: 2px 0 2px 2px; |
|
12816 height: 20px; |
|
12817 background-color: #ddd; |
|
12818 border: 1px solid #ddd; |
|
12819 } |
|
12820 .select2-container-multi .select2-search-choice-close { |
|
12821 display: block; |
|
12822 top: 0; |
|
12823 right: -2px; |
|
12824 padding: 3px 0px 3px 6px; |
|
12825 } |
|
12826 .select2-container-multi .select2-search-choice-close:hover { |
|
12827 background: rgba(0, 0, 0, 0.3); |
|
12828 } |
|
12829 .select2-container-multi.select2-container-disabled .select2-choices { |
|
12830 background-image: none; |
|
12831 border: 1px solid transparent; |
|
12832 border-bottom: 1px solid #ccc; |
|
12833 cursor: default; |
|
12834 } |
|
12835 .select2-container-multi.select2-container-disabled .select2-choices:hover { |
|
12836 border-color: transparent!important; |
|
12837 border-bottom: 1px solid #ccc!important; |
|
12838 } |
|
12839 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { |
|
12840 padding: 1px 5px; |
|
12841 border: 1px solid #4a90cc; |
|
12842 background-image: none; |
|
12843 background-color: #86b4dd; |
|
12844 cursor: not-allowed; |
|
12845 } |
|
12846 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { |
|
12847 display: none; |
|
12848 background: 0 0; |
|
12849 } |
|
12850 .select2-locked { |
|
12851 padding: 3px 5px!important; |
|
12852 } |
|
12853 .select2-search-choice-close { |
|
12854 display: block; |
|
12855 min-width: 20px; |
|
12856 min-height: 14px; |
|
12857 position: absolute; |
|
12858 right: 3px; |
|
12859 top: 3px; |
|
12860 margin: 0; |
|
12861 padding: 0; |
|
12862 font-size: 15px; |
|
12863 text-decoration: none!important; |
|
12864 font-family: FontAwesome; |
|
12865 font-style: normal; |
|
12866 font-weight: 400; |
|
12867 line-height: 1; |
|
12868 -webkit-font-smoothing: antialiased; |
|
12869 -moz-osx-font-smoothing: grayscale; |
|
12870 } |
|
12871 .select2-search-choice-close:before { |
|
12872 color: #fff; |
|
12873 content: "\f057"; |
|
12874 } |
|
12875 .select2-result-selectable .select2-match, |
|
12876 .select2-result-unselectable .select2-match { |
|
12877 text-decoration: underline; |
|
12878 } |
|
12879 .select2-offscreen, |
|
12880 .select2-offscreen:focus { |
|
12881 clip: rect(0 0 0 0) !important; |
|
12882 width: 1px!important; |
|
12883 height: 1px!important; |
|
12884 border: 0!important; |
|
12885 margin: 0!important; |
|
12886 padding: 0!important; |
|
12887 overflow: hidden!important; |
|
12888 position: absolute!important; |
|
12889 outline: 0!important; |
|
12890 left: 0!important; |
|
12891 top: 0!important; |
|
12892 } |
|
12893 .select2-display-none { |
|
12894 display: none; |
|
12895 } |
|
12896 .select2-measure-scrollbar { |
|
12897 position: absolute; |
|
12898 top: -10000px; |
|
12899 left: -10000px; |
|
12900 width: 100px; |
|
12901 height: 100px; |
|
12902 overflow: scroll; |
|
12903 } |
|
12904 .select2-hidden-accessible { |
|
12905 position: absolute; |
|
12906 border: 0; |
|
12907 clip: rect(0 0 0 0); |
|
12908 height: 1px; |
|
12909 width: 1px; |
|
12910 margin: -1px; |
|
12911 overflow: hidden; |
|
12912 padding: 0; |
|
12913 } |
|
12914 label.with-icon > i.icon-append + .select2-parent > .select2-choices { |
|
12915 padding-right: 29px; |
|
12916 } |
|
12917 .multiselect-container { |
|
12918 position: absolute; |
|
12919 list-style-type: none; |
|
12920 margin: 0; |
|
12921 padding: 0; |
|
12922 } |
|
12923 .multiselect-container .input-group { |
|
12924 margin: 5px; |
|
12925 } |
|
12926 .multiselect-container > li { |
|
12927 padding: 0; |
|
12928 } |
|
12929 .multiselect-container > li > a.multiselect-all label { |
|
12930 font-weight: 700; |
|
12931 } |
|
12932 .multiselect-container > li > a > label { |
|
12933 margin: 0; |
|
12934 height: 100%; |
|
12935 cursor: pointer; |
|
12936 font-weight: 400; |
|
12937 } |
|
12938 .multiselect-container > li > a > label.checkbox, |
|
12939 .multiselect-container > li > a > label.radio { |
|
12940 margin: 0; |
|
12941 } |
|
12942 .multiselect-container > li > a > label > input[type=checkbox] { |
|
12943 margin-bottom: 5px; |
|
12944 } |
|
12945 .multiselect-container > li > label.multiselect-group { |
|
12946 margin: 0; |
|
12947 padding: 3px 20px; |
|
12948 height: 100%; |
|
12949 font-weight: 700; |
|
12950 } |
|
12951 .btn-group > .btn-group:nth-child(2) > .multiselect.btn { |
|
12952 border-top-left-radius: 4px; |
|
12953 border-bottom-left-radius: 4px; |
|
12954 } |
|
12955 /* |
|
12956 * Standard Bootstrap widgets |
|
12957 */ |
|
12958 .color-select { |
|
12959 list-style: none; |
|
12960 margin: 0; |
|
12961 padding: 4px; |
|
12962 min-width: 166px; |
|
12963 max-width: 156px; |
|
12964 right: -3px; |
|
12965 } |
|
12966 .color-select li { |
|
12967 display: block; |
|
12968 margin: 2px; |
|
12969 float: left; |
|
12970 } |
|
12971 .color-select li span { |
|
12972 display: block; |
|
12973 width: 22px; |
|
12974 height: 22px; |
|
12975 padding: 0; |
|
12976 background: #333; |
|
12977 box-sizing: border-box; |
|
12978 -moz-box-sizing: border-box; |
|
12979 -webkit-box-sizing: border-box; |
|
12980 border: 1px solid rgba(0, 0, 0, 0.1); |
|
12981 cursor: pointer; |
|
12982 } |
|
12983 .color-select li span:hover { |
|
12984 border: 3px solid rgba(0, 0, 0, 0.2); |
|
12985 } |
|
12986 .widget-toolbar .dropdown-menu.color-select { |
|
12987 right: -1px; |
|
12988 } |
|
12989 .color-box { |
|
12990 display: block; |
|
12991 position: relative; |
|
12992 width: 22px; |
|
12993 height: 22px; |
|
12994 padding: 0; |
|
12995 background: #333; |
|
12996 -webkit-box-sizing: border-box; |
|
12997 -moz-box-sizing: border-box; |
|
12998 box-sizing: border-box; |
|
12999 border: 1px solid rgba(255, 255, 255, 0.3) !important; |
|
13000 cursor: pointer; |
|
13001 vertical-align: middle; |
|
13002 outline: 1px solid rgba(0, 0, 0, 0.1); |
|
13003 background: rgba(255, 255, 255, 0.3) !important; |
|
13004 } |
|
13005 .color-box:hover, |
|
13006 .open .color-box { |
|
13007 outline: 1px solid rgba(0, 0, 0, 0.1) !important; |
|
13008 } |
|
13009 .color-box:hover { |
|
13010 -webkit-transform: scale(1.07); |
|
13011 -moz-transform: scale(1.07); |
|
13012 } |
|
13013 .color-box:active { |
|
13014 top: 1px; |
|
13015 left: 1px; |
|
13016 } |
|
13017 .widget-toolbar > .color-box { |
|
13018 margin-top: 7px; |
|
13019 width: 18px; |
|
13020 height: 18px; |
|
13021 outline: 1px solid rgba(0, 0, 0, 0.2); |
|
13022 } |
|
13023 .widget-toolbar > .color-box:active, |
|
13024 .widget-toolbar > .color-box:focus, |
|
13025 .widget-toolbar > .color-box:hover { |
|
13026 outline: 1px solid rgba(0, 0, 0, 0.25) !important; |
|
13027 } |
|
13028 /* |
|
13029 * Full calendar |
|
13030 */ |
|
13031 .ams-widget #calendar { |
|
13032 margin-top: -18px; |
|
13033 } |
|
13034 #calendar-buttons { |
|
13035 position: absolute; |
|
13036 right: 14px; |
|
13037 top: 5px; |
|
13038 } |
|
13039 #calendar-container { |
|
13040 position: relative; |
|
13041 } |
|
13042 #external-events > li { |
|
13043 margin: 6px 4px 6px 0; |
|
13044 display: inline-block; |
|
13045 } |
|
13046 #external-events > li > :first-child { |
|
13047 padding: 5px 10px 10px; |
|
13048 cursor: move; |
|
13049 display: block; |
|
13050 } |
|
13051 #external-events > li > :first-child:after { |
|
13052 color: #fff; |
|
13053 color: rgba(255, 255, 255, 0.7); |
|
13054 content: attr(data-description); |
|
13055 font-size: 11px; |
|
13056 font-weight: 400; |
|
13057 display: block; |
|
13058 line-height: 0; |
|
13059 margin: 7px 0; |
|
13060 text-transform: lowercase; |
|
13061 } |
|
13062 .fc { |
|
13063 direction: ltr; |
|
13064 text-align: left; |
|
13065 } |
|
13066 .fc .fc-header-space { |
|
13067 padding-left: 10px; |
|
13068 } |
|
13069 .fc table, |
|
13070 html .fc { |
|
13071 font-size: 12px; |
|
13072 } |
|
13073 .fc table { |
|
13074 border-collapse: collapse; |
|
13075 border-spacing: 0; |
|
13076 } |
|
13077 .fc th, |
|
13078 .fc td { |
|
13079 padding: 0; |
|
13080 vertical-align: top; |
|
13081 } |
|
13082 .fc .ui-resizable-handle { |
|
13083 display: block; |
|
13084 position: absolute; |
|
13085 z-index: 99999; |
|
13086 overflow: hidden; |
|
13087 font-size: 300%; |
|
13088 line-height: 50%; |
|
13089 } |
|
13090 .fc .ui-draggable-dragging .fc-event-bg { |
|
13091 display: none; |
|
13092 } |
|
13093 .fc-border-separate thead tr, |
|
13094 .fc-border-separate .table thead tr { |
|
13095 background-color: #eee; |
|
13096 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa)); |
|
13097 background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
13098 background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%); |
|
13099 font-size: 12px; |
|
13100 } |
|
13101 .fc-border-separate thead tr th { |
|
13102 padding: 4px; |
|
13103 line-height: 1.428571429; |
|
13104 } |
|
13105 tr td.fc-first, |
|
13106 tr.fc-first th.fc-first { |
|
13107 border-left: 0; |
|
13108 } |
|
13109 tr.fc-last td { |
|
13110 border-bottom: 0; |
|
13111 } |
|
13112 .fc-header .fc-button { |
|
13113 margin-bottom: 1em; |
|
13114 vertical-align: top; |
|
13115 margin-right: -1px; |
|
13116 } |
|
13117 .fc-header .fc-corner-right { |
|
13118 margin-right: 1px; |
|
13119 } |
|
13120 .fc-header .ui-corner-right { |
|
13121 margin-right: 0; |
|
13122 } |
|
13123 .fc-header .fc-state-hover, |
|
13124 .fc-header .ui-state-hover { |
|
13125 z-index: 2; |
|
13126 } |
|
13127 .fc-header .fc-state-down { |
|
13128 z-index: 3; |
|
13129 } |
|
13130 .fc-header .fc-state-active, |
|
13131 .fc-header .ui-state-active { |
|
13132 z-index: 4; |
|
13133 } |
|
13134 .fc-header td { |
|
13135 white-space: nowrap; |
|
13136 } |
|
13137 .fc-header-left { |
|
13138 width: 25%; |
|
13139 text-align: left; |
|
13140 } |
|
13141 .fc-header-center { |
|
13142 text-align: center; |
|
13143 } |
|
13144 .fc-header-right { |
|
13145 width: 25%; |
|
13146 text-align: right; |
|
13147 } |
|
13148 .fc-header-title { |
|
13149 display: inline-block; |
|
13150 vertical-align: top; |
|
13151 } |
|
13152 .fc-header-title h2 { |
|
13153 margin-top: 0; |
|
13154 white-space: nowrap; |
|
13155 } |
|
13156 .ams-widget .fc-header-title h2 { |
|
13157 text-shadow: 0 1px 0 #fff; |
|
13158 margin-top: -12px; |
|
13159 margin-left: 10px; |
|
13160 font-size: 14px; |
|
13161 font-weight: 700; |
|
13162 margin-bottom: 0; |
|
13163 } |
|
13164 .fc-content { |
|
13165 clear: both; |
|
13166 } |
|
13167 .fc-view { |
|
13168 width: 100%; |
|
13169 overflow: hidden; |
|
13170 } |
|
13171 .fc-widget-content, |
|
13172 .fc-widget-header { |
|
13173 border: 1px solid #ccc; |
|
13174 border-right: 0; |
|
13175 } |
|
13176 .fc-state-highlight { |
|
13177 background: #ffc; |
|
13178 } |
|
13179 .fc-cell-overlay { |
|
13180 background: #9cf; |
|
13181 opacity: .2; |
|
13182 filter: alpha(opacity=20); |
|
13183 } |
|
13184 .fc-button { |
|
13185 position: relative; |
|
13186 display: inline-block; |
|
13187 cursor: pointer; |
|
13188 } |
|
13189 .fc-button-inner { |
|
13190 position: relative; |
|
13191 float: left; |
|
13192 overflow: hidden; |
|
13193 } |
|
13194 .fc-state-default { |
|
13195 border-width: 1px 0; |
|
13196 } |
|
13197 .fc-state-default .fc-button-inner { |
|
13198 border-width: 0 1px; |
|
13199 } |
|
13200 .fc-state-default, |
|
13201 .fc-state-default .fc-button-inner { |
|
13202 border-style: solid; |
|
13203 border-color: #ccc #bbb #aaa; |
|
13204 background: #F3F3F3; |
|
13205 color: #000; |
|
13206 } |
|
13207 .fc-state-default .fc-button-effect { |
|
13208 position: absolute; |
|
13209 top: 50%; |
|
13210 left: 0; |
|
13211 } |
|
13212 .fc-state-default .fc-button-effect span { |
|
13213 position: absolute; |
|
13214 top: -100px; |
|
13215 left: 0; |
|
13216 width: 500px; |
|
13217 height: 100px; |
|
13218 border-width: 100px 0 0 1px; |
|
13219 border-style: solid; |
|
13220 border-color: #fff; |
|
13221 background: #444; |
|
13222 opacity: .09; |
|
13223 filter: alpha(opacity=9); |
|
13224 } |
|
13225 .fc-state-hover .fc-button-inner { |
|
13226 border-color: #999; |
|
13227 } |
|
13228 .fc-state-down .fc-button-inner { |
|
13229 border-color: #555; |
|
13230 background: #777; |
|
13231 } |
|
13232 .fc-state-active .fc-button-inner { |
|
13233 border-color: #555; |
|
13234 background: #777; |
|
13235 color: #fff; |
|
13236 } |
|
13237 .fc-state-disabled { |
|
13238 cursor: default; |
|
13239 } |
|
13240 .fc-state-disabled .fc-button-inner { |
|
13241 color: #999; |
|
13242 border-color: #ddd; |
|
13243 } |
|
13244 .fc-state-disabled .fc-button-effect { |
|
13245 display: none; |
|
13246 } |
|
13247 .fc-button-content { |
|
13248 position: relative; |
|
13249 float: left; |
|
13250 height: 1.9em; |
|
13251 line-height: 1.9em; |
|
13252 padding: 0 .6em; |
|
13253 white-space: nowrap; |
|
13254 } |
|
13255 .fc-button-content .fc-icon-wrap { |
|
13256 position: relative; |
|
13257 float: left; |
|
13258 top: 50%; |
|
13259 } |
|
13260 .fc-button-content .ui-icon { |
|
13261 position: relative; |
|
13262 float: left; |
|
13263 margin-top: -50%; |
|
13264 *margin-top: 0; |
|
13265 *top: -50%; |
|
13266 } |
|
13267 .fc-event { |
|
13268 border-style: solid; |
|
13269 border-width: 0; |
|
13270 font-size: .85em; |
|
13271 cursor: default; |
|
13272 } |
|
13273 .fc-rtl .fc-event { |
|
13274 text-align: right; |
|
13275 } |
|
13276 .fc-event-draggable, |
|
13277 a.fc-event { |
|
13278 cursor: pointer; |
|
13279 } |
|
13280 a.fc-event { |
|
13281 text-decoration: none; |
|
13282 } |
|
13283 .fc-event-skin { |
|
13284 color: #FFF; |
|
13285 border-right: 0!important; |
|
13286 cursor: move; |
|
13287 } |
|
13288 .fc-event-skin .fa:before { |
|
13289 display: block; |
|
13290 font-size: 14px; |
|
13291 position: absolute; |
|
13292 right: 4px; |
|
13293 top: 3px; |
|
13294 } |
|
13295 .fc-event-inner { |
|
13296 position: relative; |
|
13297 width: 100%; |
|
13298 height: 100%; |
|
13299 border-style: solid; |
|
13300 border-width: 0; |
|
13301 overflow: hidden; |
|
13302 } |
|
13303 .fc-event-hori { |
|
13304 border-width: 1px 0; |
|
13305 margin-bottom: 1px; |
|
13306 } |
|
13307 .fc-event-hori .ui-resizable-e { |
|
13308 top: 0!important; |
|
13309 right: -3px !important; |
|
13310 width: 7px!important; |
|
13311 height: 100%!important; |
|
13312 cursor: e-resize; |
|
13313 } |
|
13314 .fc-event-hori .ui-resizable-w { |
|
13315 top: 0!important; |
|
13316 left: -3px !important; |
|
13317 width: 7px!important; |
|
13318 height: 100%!important; |
|
13319 cursor: w-resize; |
|
13320 } |
|
13321 .fc-event-hori .ui-resizable-handle { |
|
13322 _padding-bottom: 14px; |
|
13323 } |
|
13324 .fc-corner-left { |
|
13325 margin-left: 1px; |
|
13326 } |
|
13327 .fc-corner-left .fc-button-inner, |
|
13328 .fc-corner-left .fc-event-inner { |
|
13329 margin-left: -1px; |
|
13330 } |
|
13331 .fc-corner-right { |
|
13332 margin-right: 1px; |
|
13333 } |
|
13334 .fc-corner-right .fc-button-inner, |
|
13335 .fc-corner-right .fc-event-inner { |
|
13336 margin-right: -1px; |
|
13337 } |
|
13338 .fc-corner-right .fc-event-inner { |
|
13339 border-left: 6px solid rgba(0, 0, 0, 0.15); |
|
13340 padding-left: 2px; |
|
13341 padding-right: 15px; |
|
13342 } |
|
13343 .fc-corner-top { |
|
13344 margin-top: 1px; |
|
13345 } |
|
13346 .fc-corner-top .fc-event-inner { |
|
13347 margin-top: -1px; |
|
13348 border-top-width: 1px; |
|
13349 } |
|
13350 .fc-corner-bottom { |
|
13351 margin-bottom: 1px; |
|
13352 } |
|
13353 .fc-corner-bottom .fc-event-inner { |
|
13354 margin-bottom: -1px; |
|
13355 border-bottom-width: 1px; |
|
13356 } |
|
13357 table.fc-table-separate { |
|
13358 border-collapse: separate; |
|
13359 } |
|
13360 .fc-table-separate td, |
|
13361 .fc-table-separate th { |
|
13362 border-width: 1px 0 0 1px; |
|
13363 } |
|
13364 .fc-table-separate td.fc-last, |
|
13365 .fc-table-separate th.fc-last { |
|
13366 border-right-width: 1px; |
|
13367 } |
|
13368 .fc-table-separate tr.fc-last td, |
|
13369 .fc-table-separate tr.fc-last th { |
|
13370 border-bottom-width: 1px; |
|
13371 } |
|
13372 .fc-table-separate tbody tr.fc-first td, |
|
13373 .fc-table-separate tbody tr.fc-first th { |
|
13374 border-top-width: 0; |
|
13375 } |
|
13376 .fc-grid th { |
|
13377 text-align: center; |
|
13378 } |
|
13379 .fc-grid .fc-day-number { |
|
13380 float: right; |
|
13381 padding: 0 2px; |
|
13382 } |
|
13383 .fc-grid .fc-other-month .fc-day-number { |
|
13384 opacity: .3; |
|
13385 filter: alpha(opacity=30); |
|
13386 } |
|
13387 .fc-grid .fc-day-content { |
|
13388 clear: both; |
|
13389 padding: 2px 2px 1px; |
|
13390 } |
|
13391 .fc-grid .fc-event-time { |
|
13392 font-weight: 700; |
|
13393 } |
|
13394 .fc-rtl .fc-grid .fc-day-number { |
|
13395 float: left; |
|
13396 } |
|
13397 .fc-rtl .fc-grid .fc-event-time { |
|
13398 float: right; |
|
13399 } |
|
13400 .fc-agenda table { |
|
13401 border-collapse: separate; |
|
13402 } |
|
13403 .fc-agenda .fc-agenda-axis { |
|
13404 width: 50px; |
|
13405 padding: 0 4px; |
|
13406 vertical-align: middle; |
|
13407 text-align: right; |
|
13408 white-space: nowrap; |
|
13409 font-weight: 400; |
|
13410 } |
|
13411 .fc-agenda .fc-day-content { |
|
13412 padding: 2px 2px 1px; |
|
13413 } |
|
13414 .fc-agenda-days th { |
|
13415 text-align: center; |
|
13416 } |
|
13417 .fc-agenda-days .fc-agenda-axis { |
|
13418 border-right-width: 1px; |
|
13419 } |
|
13420 .fc-agenda-days .fc-col0 { |
|
13421 border-left-width: 0; |
|
13422 } |
|
13423 .fc-agenda-allday th { |
|
13424 border-width: 0 1px; |
|
13425 } |
|
13426 .fc-agenda-allday .fc-day-content { |
|
13427 min-height: 34px; |
|
13428 _height: 34px; |
|
13429 } |
|
13430 .fc-agenda-divider-inner { |
|
13431 height: 2px; |
|
13432 overflow: hidden; |
|
13433 } |
|
13434 .fc-widget-header .fc-agenda-divider-inner { |
|
13435 background: #eee; |
|
13436 } |
|
13437 .fc-agenda-slots th { |
|
13438 border-width: 1px 1px 0; |
|
13439 } |
|
13440 .fc-agenda-slots td { |
|
13441 border-width: 1px 0 0; |
|
13442 background: 0 0; |
|
13443 } |
|
13444 .fc-agenda-slots td div { |
|
13445 height: 20px; |
|
13446 } |
|
13447 .fc-agenda-slots tr.fc-slot0 td, |
|
13448 .fc-agenda-slots tr.fc-slot0 th { |
|
13449 border-top-width: 0; |
|
13450 } |
|
13451 .fc-agenda-slots tr.fc-minor td, |
|
13452 .fc-agenda-slots tr.fc-minor th { |
|
13453 border-top-style: dotted; |
|
13454 } |
|
13455 .fc-agenda-slots tr.fc-minor th.ui-widget-header { |
|
13456 *border-top-style: solid; |
|
13457 } |
|
13458 .fc-event-time, |
|
13459 .fc-event-title { |
|
13460 padding: 3px 0 2px 3px; |
|
13461 display: inline-block; |
|
13462 line-height: 16px; |
|
13463 font-weight: 700; |
|
13464 font-size: 11px; |
|
13465 -webkit-box-sizing: border-box; |
|
13466 -moz-box-sizing: border-box; |
|
13467 box-sizing: border-box; |
|
13468 } |
|
13469 .fc-event-vert { |
|
13470 border-width: 0 1px; |
|
13471 } |
|
13472 .fc-event-vert .fc-event-content, |
|
13473 .fc-event-vert .fc-event-head { |
|
13474 position: relative; |
|
13475 z-index: 2; |
|
13476 width: 100%; |
|
13477 overflow: hidden; |
|
13478 } |
|
13479 .fc-event-vert .fc-event-time { |
|
13480 white-space: nowrap; |
|
13481 font-size: 10px; |
|
13482 } |
|
13483 .fc-event-vert .fc-event-bg { |
|
13484 position: absolute; |
|
13485 z-index: 1; |
|
13486 top: 0; |
|
13487 left: 0; |
|
13488 width: 100%; |
|
13489 height: 100%; |
|
13490 background: #fff; |
|
13491 opacity: .3; |
|
13492 filter: alpha(opacity=30); |
|
13493 } |
|
13494 .fc-event-vert .ui-resizable-s { |
|
13495 bottom: 0!important; |
|
13496 width: 100%!important; |
|
13497 height: 8px!important; |
|
13498 overflow: hidden!important; |
|
13499 line-height: 8px!important; |
|
13500 font-size: 11px!important; |
|
13501 font-family: monospace; |
|
13502 text-align: center; |
|
13503 cursor: s-resize; |
|
13504 } |
|
13505 .fc-select-helper .fc-event-bg { |
|
13506 display: none; |
|
13507 } |
|
13508 .fc-agenda .ui-resizable-resizing { |
|
13509 _overflow: hidden; |
|
13510 } |
|
13511 /* |
|
13512 * Colorpicker |
|
13513 */ |
|
13514 .colorpicker { |
|
13515 padding-left: 30px!important; |
|
13516 } |
|
13517 /* |
|
13518 * Timepicker |
|
13519 */ |
|
13520 .bootstrap-timepicker { |
|
13521 position: relative; |
|
13522 } |
|
13523 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { |
|
13524 left: auto; |
|
13525 right: 0; |
|
13526 } |
|
13527 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { |
|
13528 left: auto; |
|
13529 right: 12px; |
|
13530 } |
|
13531 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { |
|
13532 left: auto; |
|
13533 right: 13px; |
|
13534 } |
|
13535 .bootstrap-timepicker .add-on { |
|
13536 cursor: pointer; |
|
13537 } |
|
13538 .bootstrap-timepicker .add-on i { |
|
13539 display: inline-block; |
|
13540 width: 16px; |
|
13541 height: 16px; |
|
13542 } |
|
13543 @media (max-width: 767px) { |
|
13544 .bootstrap-timepicker, |
|
13545 .bootstrap-timepicker .dropdown-menu { |
|
13546 width: 100%; |
|
13547 } |
|
13548 } |
|
13549 .bootstrap-timepicker-widget.dropdown-menu { |
|
13550 padding: 4px; |
|
13551 } |
|
13552 .bootstrap-timepicker-widget.dropdown-menu.open { |
|
13553 display: inline-block; |
|
13554 } |
|
13555 .bootstrap-timepicker-widget.dropdown-menu:before { |
|
13556 border-bottom: 7px solid rgba(0, 0, 0, 0.2); |
|
13557 border-left: 7px solid transparent; |
|
13558 border-right: 7px solid transparent; |
|
13559 content: ""; |
|
13560 display: inline-block; |
|
13561 position: absolute; |
|
13562 } |
|
13563 .bootstrap-timepicker-widget.dropdown-menu:after { |
|
13564 border-bottom: 6px solid #FFF; |
|
13565 border-left: 6px solid transparent; |
|
13566 border-right: 6px solid transparent; |
|
13567 content: ""; |
|
13568 display: inline-block; |
|
13569 position: absolute; |
|
13570 } |
|
13571 .bootstrap-timepicker-widget.timepicker-orient-left:before { |
|
13572 left: 6px; |
|
13573 } |
|
13574 .bootstrap-timepicker-widget.timepicker-orient-left:after { |
|
13575 left: 7px; |
|
13576 } |
|
13577 .bootstrap-timepicker-widget.timepicker-orient-right:before { |
|
13578 right: 6px; |
|
13579 } |
|
13580 .bootstrap-timepicker-widget.timepicker-orient-right:after { |
|
13581 right: 7px; |
|
13582 } |
|
13583 .bootstrap-timepicker-widget.timepicker-orient-top:before { |
|
13584 top: -7px; |
|
13585 } |
|
13586 .bootstrap-timepicker-widget.timepicker-orient-top:after { |
|
13587 top: -6px; |
|
13588 } |
|
13589 .bootstrap-timepicker-widget.timepicker-orient-bottom:before { |
|
13590 bottom: -7px; |
|
13591 border-bottom: 0; |
|
13592 border-top: 7px solid #999; |
|
13593 } |
|
13594 .bootstrap-timepicker-widget.timepicker-orient-bottom:after { |
|
13595 bottom: -6px; |
|
13596 border-bottom: 0; |
|
13597 border-top: 6px solid #fff; |
|
13598 } |
|
13599 .bootstrap-timepicker-widget a.btn, |
|
13600 .bootstrap-timepicker-widget input { |
|
13601 border-radius: 4px; |
|
13602 } |
|
13603 .bootstrap-timepicker-widget table { |
|
13604 width: 100%; |
|
13605 margin: 0; |
|
13606 } |
|
13607 .bootstrap-timepicker-widget table table td { |
|
13608 text-align: center; |
|
13609 height: 30px; |
|
13610 margin: 0; |
|
13611 padding: 2px; |
|
13612 } |
|
13613 .bootstrap-timepicker-widget table table td:not(.separator) { |
|
13614 min-width: 30px; |
|
13615 } |
|
13616 .bootstrap-timepicker-widget table table td span { |
|
13617 width: 100%; |
|
13618 } |
|
13619 .bootstrap-timepicker-widget table table td a { |
|
13620 border: 1px transparent solid; |
|
13621 width: 100%; |
|
13622 display: inline-block; |
|
13623 margin: 0; |
|
13624 padding: 8px 0; |
|
13625 outline: 0; |
|
13626 color: #333; |
|
13627 } |
|
13628 .bootstrap-timepicker-widget table table td a:hover { |
|
13629 text-decoration: none; |
|
13630 background-color: #eee; |
|
13631 border-radius: 4px; |
|
13632 border-color: #ddd; |
|
13633 } |
|
13634 .bootstrap-timepicker-widget table table td a i { |
|
13635 margin-top: 2px; |
|
13636 font-size: 18px; |
|
13637 } |
|
13638 .bootstrap-timepicker-widget table table td input { |
|
13639 width: 25px; |
|
13640 margin: 0; |
|
13641 text-align: center; |
|
13642 } |
|
13643 @media (min-width: 767px) { |
|
13644 .bootstrap-timepicker-widget.modal { |
|
13645 width: 200px; |
|
13646 margin-left: -100px; |
|
13647 } |
|
13648 } |
|
13649 .bootstrap-timepicker-widget .modal-content { |
|
13650 padding: 4px; |
|
13651 } |
|
13652 /* |
|
13653 * Note editor |
|
13654 */ |
|
13655 .note-editor { |
|
13656 border: 1px solid #a9a9a9; |
|
13657 } |
|
13658 .note-editor.fullscreen { |
|
13659 position: fixed; |
|
13660 top: 0; |
|
13661 left: 0; |
|
13662 z-index: 1050; |
|
13663 width: 100%; |
|
13664 } |
|
13665 .note-editor.fullscreen.fullscreen .note-editable { |
|
13666 background-color: #fff; |
|
13667 } |
|
13668 .note-editor.codeview .note-editable, |
|
13669 .note-editor.fullscreen .note-resizebar { |
|
13670 display: none; |
|
13671 } |
|
13672 .note-editor.codeview .note-codeable { |
|
13673 display: block; |
|
13674 } |
|
13675 .note-editor .note-toolbar { |
|
13676 padding-bottom: 5px; |
|
13677 padding-left: 5px; |
|
13678 margin: 0; |
|
13679 background-color: #f5f5f5; |
|
13680 border-bottom: 1px solid #a9a9a9; |
|
13681 } |
|
13682 .note-editor .note-toolbar > .btn-group { |
|
13683 margin-top: 5px; |
|
13684 margin-right: 5px; |
|
13685 margin-left: 0; |
|
13686 } |
|
13687 .note-editor .note-toolbar .note-table .dropdown-menu { |
|
13688 min-width: 0; |
|
13689 padding: 5px; |
|
13690 } |
|
13691 .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker { |
|
13692 font-size: 18px; |
|
13693 } |
|
13694 .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { |
|
13695 position: absolute!important; |
|
13696 z-index: 3; |
|
13697 width: 10em; |
|
13698 height: 10em; |
|
13699 cursor: pointer; |
|
13700 } |
|
13701 .note-editor .note-toolbar .note-table .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { |
|
13702 position: relative!important; |
|
13703 z-index: 1; |
|
13704 width: 5em; |
|
13705 height: 5em; |
|
13706 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
13707 } |
|
13708 .note-editor .note-toolbar .note-table .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { |
|
13709 position: absolute!important; |
|
13710 z-index: 2; |
|
13711 width: 1em; |
|
13712 height: 1em; |
|
13713 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; |
|
13714 } |
|
13715 .note-editor .note-toolbar .note-style blockquote, |
|
13716 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h1, |
|
13717 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h2, |
|
13718 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h3, |
|
13719 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h4, |
|
13720 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h5, |
|
13721 .note-editor .note-toolbar .note-editor .note-toolbar .note-style h6 { |
|
13722 margin: 0; |
|
13723 } |
|
13724 .note-editor .note-toolbar .note-color .dropdown-toggle { |
|
13725 width: 20px; |
|
13726 padding-left: 5px; |
|
13727 } |
|
13728 .note-editor .note-toolbar .note-color .dropdown-menu { |
|
13729 min-width: 290px; |
|
13730 } |
|
13731 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group { |
|
13732 margin: 0; |
|
13733 } |
|
13734 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child { |
|
13735 margin: 0 5px; |
|
13736 } |
|
13737 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { |
|
13738 margin: 2px 7px; |
|
13739 font-size: 12px; |
|
13740 text-align: center; |
|
13741 border-bottom: 1px solid #eee; |
|
13742 } |
|
13743 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { |
|
13744 padding: 0 3px; |
|
13745 margin: 5px; |
|
13746 font-size: 12px; |
|
13747 cursor: pointer; |
|
13748 border-radius: 5px; |
|
13749 } |
|
13750 .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { |
|
13751 background: #eee; |
|
13752 } |
|
13753 .note-editor .note-toolbar .note-para .dropdown-menu { |
|
13754 min-width: 153px; |
|
13755 padding: 5px; |
|
13756 } |
|
13757 .note-editor .note-toolbar .note-para .note-para li:first-child { |
|
13758 margin-bottom: 5px; |
|
13759 } |
|
13760 .note-editor .note-statusbar { |
|
13761 background-color: #f5f5f5; |
|
13762 } |
|
13763 .note-editor .note-statusbar .note-resizebar { |
|
13764 width: 100%; |
|
13765 height: 8px; |
|
13766 cursor: s-resize; |
|
13767 } |
|
13768 .note-editor .note-statusbar .note-resizebar .note-icon-bar { |
|
13769 width: 20px; |
|
13770 margin: 1px auto; |
|
13771 border-top: 1px solid #a9a9a9; |
|
13772 } |
|
13773 .note-editor .note-popover .popover { |
|
13774 max-width: none; |
|
13775 } |
|
13776 .note-editor .note-popover .popover .popover-content { |
|
13777 padding: 5px; |
|
13778 } |
|
13779 .note-editor .note-popover .popover .popover-content a { |
|
13780 display: inline-block; |
|
13781 max-width: 200px; |
|
13782 overflow: hidden; |
|
13783 text-overflow: ellipsis; |
|
13784 white-space: nowrap; |
|
13785 vertical-align: middle; |
|
13786 } |
|
13787 .note-editor .note-popover .popover .popover-content .btn-group + .btn-group { |
|
13788 margin-left: 5px; |
|
13789 } |
|
13790 .note-editor .note-popover .popover .arrow { |
|
13791 left: 20px; |
|
13792 } |
|
13793 .note-editor .note-handle .note-control-selection { |
|
13794 position: absolute; |
|
13795 display: none; |
|
13796 border: 1px solid #000; |
|
13797 } |
|
13798 .note-editor .note-handle .note-control-selection > div { |
|
13799 position: absolute; |
|
13800 } |
|
13801 .note-editor .note-handle .note-control-selection .note-control-selection-bg { |
|
13802 width: 100%; |
|
13803 height: 100%; |
|
13804 background-color: #000; |
|
13805 -webkit-opacity: .3; |
|
13806 -khtml-opacity: .3; |
|
13807 -moz-opacity: .3; |
|
13808 opacity: .3; |
|
13809 -ms-filter: alpha(opacity=30); |
|
13810 filter: alpha(opacity=30); |
|
13811 } |
|
13812 .note-editor .note-handle .note-control-selection .note-control-handle, |
|
13813 .note-editor .note-handle .note-control-selection .note-control-holder { |
|
13814 width: 7px; |
|
13815 height: 7px; |
|
13816 border: 1px solid #000; |
|
13817 } |
|
13818 .note-editor .note-handle .note-control-selection .note-control-sizing { |
|
13819 width: 7px; |
|
13820 height: 7px; |
|
13821 background-color: #fff; |
|
13822 border: 1px solid #000; |
|
13823 } |
|
13824 .note-editor .note-handle .note-control-selection .note-control-nw { |
|
13825 top: -5px; |
|
13826 left: -5px; |
|
13827 border-right: 0; |
|
13828 border-bottom: 0; |
|
13829 } |
|
13830 .note-editor .note-handle .note-control-selection .note-control-ne { |
|
13831 top: -5px; |
|
13832 right: -5px; |
|
13833 border-bottom: 0; |
|
13834 border-left: 0; |
|
13835 } |
|
13836 .note-editor .note-handle .note-control-selection .note-control-sw { |
|
13837 bottom: -5px; |
|
13838 left: -5px; |
|
13839 border-top: 0; |
|
13840 border-right: 0; |
|
13841 } |
|
13842 .note-editor .note-handle .note-control-selection .note-control-se { |
|
13843 right: -5px; |
|
13844 bottom: -5px; |
|
13845 cursor: se-resize; |
|
13846 } |
|
13847 .note-editor .note-handle .note-control-selection .note-control-selection-info { |
|
13848 right: 0; |
|
13849 bottom: 0; |
|
13850 padding: 5px; |
|
13851 margin: 5px; |
|
13852 font-size: 12px; |
|
13853 color: #fff; |
|
13854 background-color: #000; |
|
13855 border-radius: 5px; |
|
13856 -webkit-opacity: .7; |
|
13857 -khtml-opacity: .7; |
|
13858 -moz-opacity: .7; |
|
13859 opacity: .7; |
|
13860 -ms-filter: alpha(opacity=70); |
|
13861 filter: alpha(opacity=70); |
|
13862 } |
|
13863 .note-editor .note-dialog > div { |
|
13864 display: none; |
|
13865 } |
|
13866 .note-editor .note-dialog .note-image-dialog .note-dropzone { |
|
13867 min-height: 200px; |
|
13868 font-size: 30px; |
|
13869 line-height: 6; |
|
13870 color: #d3d3d3; |
|
13871 text-align: center; |
|
13872 border: 4px dashed #d3d3d3; |
|
13873 } |
|
13874 .note-editor .note-dialog .note-help-dialog { |
|
13875 font-size: 12px; |
|
13876 color: #ccc; |
|
13877 background: 0 0; |
|
13878 background-color: #222!important; |
|
13879 border: 0; |
|
13880 -webkit-opacity: .9; |
|
13881 -khtml-opacity: .9; |
|
13882 -moz-opacity: .9; |
|
13883 opacity: .9; |
|
13884 -ms-filter: alpha(opacity=90); |
|
13885 filter: alpha(opacity=90); |
|
13886 } |
|
13887 .note-editor .note-dialog .note-help-dialog .modal-content { |
|
13888 background: 0 0; |
|
13889 border: 1px solid #fff; |
|
13890 border-radius: 5px; |
|
13891 -webkit-box-shadow: none; |
|
13892 box-shadow: none; |
|
13893 } |
|
13894 .note-editor .note-dialog .note-help-dialog a { |
|
13895 font-size: 12px; |
|
13896 color: #fff; |
|
13897 } |
|
13898 .note-editor .note-dialog .note-help-dialog .title { |
|
13899 padding-bottom: 5px; |
|
13900 font-size: 14px; |
|
13901 font-weight: 700; |
|
13902 color: #fff; |
|
13903 border-bottom: #fff 1px solid; |
|
13904 } |
|
13905 .note-editor .note-dialog .note-help-dialog .modal-close { |
|
13906 font-size: 14px; |
|
13907 color: #dd0; |
|
13908 cursor: pointer; |
|
13909 } |
|
13910 .note-editor .note-dialog .note-help-dialog .note-shortcut-layout { |
|
13911 width: 100%; |
|
13912 } |
|
13913 .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td { |
|
13914 vertical-align: top; |
|
13915 } |
|
13916 .note-editor .note-dialog .note-help-dialog .note-shortcut { |
|
13917 margin-top: 8px; |
|
13918 } |
|
13919 .note-editor .note-dialog .note-help-dialog .note-shortcut th { |
|
13920 font-size: 13px; |
|
13921 color: #dd0; |
|
13922 text-align: left; |
|
13923 } |
|
13924 .note-editor .note-dialog .note-help-dialog .note-shortcut th:first-child { |
|
13925 min-width: 110px; |
|
13926 padding-right: 10px; |
|
13927 font-family: "Courier New"; |
|
13928 color: #dd0; |
|
13929 text-align: right; |
|
13930 } |
|
13931 .note-editor .note-editable { |
|
13932 padding: 10px; |
|
13933 overflow: scroll; |
|
13934 outline: 0; |
|
13935 } |
|
13936 .note-editor .note-codeable { |
|
13937 display: none; |
|
13938 width: 100%; |
|
13939 padding: 10px; |
|
13940 margin-bottom: 0; |
|
13941 font-family: Menlo, Monaco, monospace, sans-serif; |
|
13942 font-size: 14px; |
|
13943 color: #ccc; |
|
13944 background-color: #222; |
|
13945 border: 0; |
|
13946 border-radius: 0; |
|
13947 -webkit-box-shadow: none; |
|
13948 box-shadow: none; |
|
13949 -webkit-box-sizing: border-box; |
|
13950 -moz-box-sizing: border-box; |
|
13951 -ms-box-sizing: border-box; |
|
13952 box-sizing: border-box; |
|
13953 resize: none; |
|
13954 } |
|
13955 .note-editor .dropdown-menu { |
|
13956 min-width: 90px; |
|
13957 } |
|
13958 .note-editor .dropdown-menu.right { |
|
13959 right: 0; |
|
13960 left: auto; |
|
13961 } |
|
13962 .note-editor .dropdown-menu.right::before { |
|
13963 right: 9px; |
|
13964 left: auto!important; |
|
13965 } |
|
13966 .note-editor .dropdown-menu.right::after { |
|
13967 right: 10px; |
|
13968 left: auto!important; |
|
13969 } |
|
13970 .note-editor .dropdown-menu .dropdown-menu li a i { |
|
13971 color: #00bfff; |
|
13972 visibility: hidden; |
|
13973 } |
|
13974 .note-editor .dropdown-menu .dropdown-menu li a.checked i { |
|
13975 visibility: visible; |
|
13976 } |
|
13977 .note-editor .note-color-palette { |
|
13978 line-height: 1; |
|
13979 } |
|
13980 .note-editor .note-color-palette div .note-color-btn { |
|
13981 width: 17px; |
|
13982 height: 17px; |
|
13983 padding: 0; |
|
13984 margin: 0; |
|
13985 border: 1px solid #fff; |
|
13986 } |
|
13987 .note-editor .note-color-palette div .note-color-btn:hover { |
|
13988 border: 1px solid #000; |
|
13989 } |
|
13990 .no-padding .note-editor { |
|
13991 border: 0; |
|
13992 } |
|
13993 .note-editor .note-editable { |
|
13994 background-color: rgba(48, 126, 204, 0.05); |
|
13995 } |
|
13996 .note-editor .note-editable:focus { |
|
13997 background-color: #fff; |
|
13998 } |
|
13999 .note-editor .note-statusbar .note-resizebar { |
|
14000 border-top: 1px solid #DBDBDB; |
|
14001 } |
|
14002 .note-editor .note-statusbar:hover { |
|
14003 background: #EEE; |
|
14004 } |
|
14005 .note-editor .note-statusbar:active { |
|
14006 background: #eaeaea; |
|
14007 } |
|
14008 /* |
|
14009 * MD editor |
|
14010 */ |
|
14011 .md-editor { |
|
14012 display: block; |
|
14013 border: 1px solid #ddd; |
|
14014 } |
|
14015 .md-editor.active { |
|
14016 border-color: #66afe9; |
|
14017 outline: 0; |
|
14018 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); |
|
14019 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); |
|
14020 } |
|
14021 .md-editor .md-footer, |
|
14022 .md-editor > .md-header { |
|
14023 display: block; |
|
14024 padding: 6px 4px; |
|
14025 background: #f5f5f5; |
|
14026 } |
|
14027 .md-editor > .md-preview { |
|
14028 background: #fff; |
|
14029 border-top: 1px dashed #ddd; |
|
14030 border-bottom: 1px dashed #ddd; |
|
14031 min-height: 10px; |
|
14032 padding: 10px; |
|
14033 } |
|
14034 .md-editor > textarea { |
|
14035 font-family: Monaco, Menlo, Consolas, "Courier New", monospace; |
|
14036 font-size: 13px; |
|
14037 outline: 0; |
|
14038 outline: thin dotted \9; |
|
14039 margin: 0; |
|
14040 display: block; |
|
14041 width: 100%; |
|
14042 border: 0; |
|
14043 padding: 10px; |
|
14044 border-top: 1px dashed #ddd; |
|
14045 border-bottom: 1px dashed #ddd; |
|
14046 border-radius: 0; |
|
14047 -webkit-box-shadow: none; |
|
14048 box-shadow: none; |
|
14049 background: #eee; |
|
14050 } |
|
14051 .md-editor > textarea:focus { |
|
14052 -webkit-box-shadow: none; |
|
14053 box-shadow: none; |
|
14054 background: #fff; |
|
14055 } |
|
14056 /* |
|
14057 * Twitter Typeahead |
|
14058 */ |
|
14059 .twitter-typeahead .tt-hint, |
|
14060 .twitter-typeahead .tt-query { |
|
14061 margin-bottom: 0; |
|
14062 } |
|
14063 .tt-dropdown-menu { |
|
14064 min-width: 160px; |
|
14065 margin-top: 2px; |
|
14066 padding: 5px 0; |
|
14067 background-color: #fff; |
|
14068 border: 1px solid #bfbfbf; |
|
14069 border: 1px solid rgba(0, 0, 0, 0.2); |
|
14070 *border-right-width: 2px; |
|
14071 *border-bottom-width: 2px; |
|
14072 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
14073 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
14074 -webkit-background-clip: padding-box; |
|
14075 background-clip: padding-box; |
|
14076 } |
|
14077 .tt-suggestion { |
|
14078 display: block; |
|
14079 padding: 3px 20px; |
|
14080 } |
|
14081 .tt-suggestion.tt-is-under-cursor { |
|
14082 color: #fff; |
|
14083 background-color: #0081c2; |
|
14084 } |
|
14085 .tt-suggestion.tt-is-under-cursor a { |
|
14086 color: #fff; |
|
14087 } |
|
14088 .tt-suggestion p { |
|
14089 margin: 0; |
|
14090 } |
|
14091 /* |
|
14092 * DropZone |
|
14093 */ |
|
14094 .dropzone, |
|
14095 .dropzone *, |
|
14096 .dropzone-previews, |
|
14097 .dropzone-previews * { |
|
14098 -webkit-box-sizing: border-box; |
|
14099 -moz-box-sizing: border-box; |
|
14100 box-sizing: border-box; |
|
14101 } |
|
14102 .dropzone .dz-preview, |
|
14103 .dropzone-previews .dz-preview { |
|
14104 background: rgba(255, 255, 255, 0.8); |
|
14105 position: relative; |
|
14106 display: inline-block; |
|
14107 margin: 10px; |
|
14108 vertical-align: top; |
|
14109 border: 1px solid #acacac; |
|
14110 padding: 6px; |
|
14111 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); |
|
14112 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); |
|
14113 font-size: 14px; |
|
14114 } |
|
14115 .dropzone .dz-preview.dz-file-preview, |
|
14116 .dropzone-previews .dz-preview.dz-file-preview { |
|
14117 display: none; |
|
14118 } |
|
14119 .dropzone .dz-preview .dz-details, |
|
14120 .dropzone-previews .dz-preview .dz-details { |
|
14121 width: 100px; |
|
14122 height: 100px; |
|
14123 position: relative; |
|
14124 background: #ebebeb; |
|
14125 padding: 5px; |
|
14126 margin-bottom: 22px; |
|
14127 } |
|
14128 .dropzone .dz-preview .dz-details .dz-filename, |
|
14129 .dropzone-previews .dz-preview .dz-details .dz-filename { |
|
14130 overflow: hidden; |
|
14131 height: 100%; |
|
14132 } |
|
14133 .dropzone .dz-preview .dz-details img, |
|
14134 .dropzone-previews .dz-preview .dz-details img { |
|
14135 position: absolute; |
|
14136 top: 0; |
|
14137 left: 0; |
|
14138 width: 100px; |
|
14139 height: 100px; |
|
14140 } |
|
14141 .dropzone .dz-preview .dz-details .dz-size, |
|
14142 .dropzone-previews .dz-preview .dz-details .dz-size { |
|
14143 position: absolute; |
|
14144 bottom: -28px; |
|
14145 left: 3px; |
|
14146 height: 28px; |
|
14147 line-height: 28px; |
|
14148 } |
|
14149 .dropzone .dz-preview.dz-error .dz-error-mark, |
|
14150 .dropzone-previews .dz-preview.dz-error .dz-error-mark, |
|
14151 .dropzone .dz-preview.dz-success .dz-success-mark, |
|
14152 .dropzone-previews .dz-preview.dz-success .dz-success-mark { |
|
14153 display: block; |
|
14154 opacity: 1; |
|
14155 -ms-filter: none; |
|
14156 -webkit-filter: none; |
|
14157 filter: none; |
|
14158 } |
|
14159 .dropzone .dz-preview:hover .dz-details img, |
|
14160 .dropzone-previews .dz-preview:hover .dz-details img { |
|
14161 display: none; |
|
14162 } |
|
14163 .dropzone .dz-preview .dz-error-mark, |
|
14164 .dropzone-previews .dz-preview .dz-error-mark, |
|
14165 .dropzone .dz-preview .dz-success-mark, |
|
14166 .dropzone-previews .dz-preview .dz-success-mark { |
|
14167 display: block; |
|
14168 position: absolute; |
|
14169 width: 40px; |
|
14170 height: 40px; |
|
14171 font-size: 30px; |
|
14172 text-align: center; |
|
14173 right: -10px; |
|
14174 top: -10px; |
|
14175 opacity: 0; |
|
14176 -ms-filter: "alpha(Opacity=0)"; |
|
14177 filter: alpha(opacity=0); |
|
14178 -webkit-transition: opacity 0.4s ease-in-out; |
|
14179 transition: opacity 0.4s ease-in-out; |
|
14180 background-image: url(../img/dropzone/spritemap.png); |
|
14181 background-repeat: no-repeat; |
|
14182 } |
|
14183 .dropzone .dz-preview .dz-error-mark span, |
|
14184 .dropzone-previews .dz-preview .dz-error-mark span, |
|
14185 .dropzone .dz-preview .dz-success-mark span, |
|
14186 .dropzone-previews .dz-preview .dz-success-mark span { |
|
14187 display: none; |
|
14188 } |
|
14189 .dropzone .dz-preview .dz-success-mark, |
|
14190 .dropzone-previews .dz-preview .dz-success-mark { |
|
14191 color: #8cc657; |
|
14192 background-position: -268px -163px; |
|
14193 } |
|
14194 .dropzone .dz-preview .dz-error-mark, |
|
14195 .dropzone-previews .dz-preview .dz-error-mark { |
|
14196 color: #ee162d; |
|
14197 background-position: -268px -123px; |
|
14198 } |
|
14199 .dropzone .dz-preview.dz-error .dz-progress .dz-upload, |
|
14200 .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { |
|
14201 background: #ee1e2d; |
|
14202 } |
|
14203 .dropzone .dz-preview .dz-progress, |
|
14204 .dropzone-previews .dz-preview .dz-progress { |
|
14205 position: absolute; |
|
14206 top: 100px; |
|
14207 left: 6px; |
|
14208 right: 6px; |
|
14209 height: 6px; |
|
14210 background: #d7d7d7; |
|
14211 display: none; |
|
14212 } |
|
14213 .dropzone .dz-preview .dz-progress .dz-upload, |
|
14214 .dropzone-previews .dz-preview .dz-progress .dz-upload { |
|
14215 position: absolute; |
|
14216 bottom: 0; |
|
14217 background-color: #8cc657; |
|
14218 -webkit-animation: loading .4s linear infinite; |
|
14219 -ms-animation: loading .4s linear infinite; |
|
14220 animation: loading .4s linear infinite; |
|
14221 -webkit-transition: width 0.3s ease-in-out; |
|
14222 transition: width 0.3s ease-in-out; |
|
14223 border-radius: 2px; |
|
14224 top: 0; |
|
14225 left: 0; |
|
14226 width: 0; |
|
14227 height: 100%; |
|
14228 background-image: url(../img/dropzone/spritemap.png); |
|
14229 background-repeat: repeat-x; |
|
14230 background-position: 0 -400px; |
|
14231 } |
|
14232 .dropzone .dz-preview.dz-processing .dz-progress, |
|
14233 .dropzone-previews .dz-preview.dz-processing .dz-progress { |
|
14234 display: block; |
|
14235 } |
|
14236 .dropzone .dz-preview .dz-error-message, |
|
14237 .dropzone-previews .dz-preview .dz-error-message { |
|
14238 position: absolute; |
|
14239 top: -5px; |
|
14240 left: -20px; |
|
14241 background: rgba(245, 245, 245, 0.8); |
|
14242 padding: 8px 10px; |
|
14243 color: #800; |
|
14244 min-width: 140px; |
|
14245 max-width: 500px; |
|
14246 z-index: 500; |
|
14247 display: block; |
|
14248 opacity: 0; |
|
14249 -ms-filter: "alpha(Opacity=0)"; |
|
14250 filter: alpha(opacity=0); |
|
14251 -webkit-transition: opacity 0.3s ease-in-out; |
|
14252 transition: opacity 0.3s ease-in-out; |
|
14253 } |
|
14254 .dropzone .dz-preview:hover.dz-error .dz-error-message, |
|
14255 .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { |
|
14256 display: block; |
|
14257 opacity: 1; |
|
14258 -ms-filter: none; |
|
14259 -webkit-filter: none; |
|
14260 filter: none; |
|
14261 } |
|
14262 .dropzone .dz-preview.dz-image-preview:hover .dz-details img, |
|
14263 .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { |
|
14264 display: block; |
|
14265 opacity: .1; |
|
14266 -ms-filter: "alpha(Opacity=10)"; |
|
14267 filter: alpha(opacity=10); |
|
14268 } |
|
14269 .dropzone .dz-preview.dz-success .dz-progress, |
|
14270 .dropzone-previews .dz-preview.dz-success .dz-progress { |
|
14271 display: block; |
|
14272 opacity: 0; |
|
14273 -ms-filter: "alpha(Opacity=0)"; |
|
14274 filter: alpha(opacity=0); |
|
14275 -webkit-transition: opacity 0.4s ease-in-out; |
|
14276 transition: opacity 0.4s ease-in-out; |
|
14277 } |
|
14278 .dropzone a.dz-remove, |
|
14279 .dropzone-previews a.dz-remove { |
|
14280 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee)); |
|
14281 background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eee)); |
|
14282 background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%); |
|
14283 background-image: linear-gradient(top, #fafafa 0, #eee 100%); |
|
14284 border-radius: 2px; |
|
14285 border: 1px solid #eee; |
|
14286 text-decoration: none; |
|
14287 display: block; |
|
14288 padding: 4px 5px; |
|
14289 text-align: center; |
|
14290 color: #aaa; |
|
14291 margin-top: 26px; |
|
14292 } |
|
14293 .dropzone a.dz-remove:hover, |
|
14294 .dropzone-previews a.dz-remove:hover { |
|
14295 color: #666; |
|
14296 } |
|
14297 .dropzone { |
|
14298 position: relative; |
|
14299 padding: 1em; |
|
14300 border: 1px solid rgba(0, 0, 0, 0.03); |
|
14301 min-height: 360px; |
|
14302 border-radius: 3px; |
|
14303 background: rgba(0, 0, 0, 0.03); |
|
14304 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)); |
|
14305 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); |
|
14306 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); |
|
14307 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); |
|
14308 background-color: #FAFCFD; |
|
14309 -webkit-background-size: 16px 16px; |
|
14310 background-size: 16px 16px; |
|
14311 } |
|
14312 .dropzone .dz-drag-hover { |
|
14313 background: rgba(0, 0, 0, 0.04); |
|
14314 } |
|
14315 .dropzone.dz-clickable, |
|
14316 .dropzone.dz-clickable .dz-message, |
|
14317 .dropzone.dz-clickable .dz-message span { |
|
14318 cursor: pointer; |
|
14319 } |
|
14320 .dropzone.dz-clickable * { |
|
14321 cursor: default; |
|
14322 } |
|
14323 .dropzone .dz-message { |
|
14324 opacity: 1; |
|
14325 -ms-filter: none; |
|
14326 -webkit-filter: none; |
|
14327 filter: none; |
|
14328 } |
|
14329 .dropzone .dz-drag-hover { |
|
14330 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))); |
|
14331 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)); |
|
14332 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)); |
|
14333 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)); |
|
14334 background-color: #fafafa; |
|
14335 -webkit-background-size: 22px 22px; |
|
14336 background-size: 22px 22px; |
|
14337 border: 5px dashed #ccc; |
|
14338 } |
|
14339 .dropzone .dz-default.dz-message { |
|
14340 opacity: 1; |
|
14341 -ms-filter: none; |
|
14342 -webkit-filter: none; |
|
14343 filter: none; |
|
14344 -webkit-transition: opacity 0.3s ease-in-out; |
|
14345 transition: opacity 0.3s ease-in-out; |
|
14346 background-image: url(../img/dropzone/spritemap.png); |
|
14347 background-repeat: no-repeat; |
|
14348 background-position: 0 0; |
|
14349 position: absolute; |
|
14350 width: 428px; |
|
14351 height: 123px; |
|
14352 margin-left: -214px; |
|
14353 margin-top: -61.5px; |
|
14354 top: 50%; |
|
14355 left: 50%; |
|
14356 } |
|
14357 .dropzone .dz-default.dz-message span { |
|
14358 display: none; |
|
14359 } |
|
14360 .dropzone.dz-square .dz-default.dz-message { |
|
14361 background-position: 0 -123px; |
|
14362 width: 268px; |
|
14363 margin-left: -134px; |
|
14364 height: 174px; |
|
14365 margin-top: -87px; |
|
14366 } |
|
14367 .dropzone.dz-drag-hover .dz-message { |
|
14368 opacity: .15; |
|
14369 -ms-filter: "alpha(Opacity=15)"; |
|
14370 filter: alpha(opacity=15); |
|
14371 } |
|
14372 .dropzone.dz-started .dz-message { |
|
14373 display: block; |
|
14374 opacity: 0; |
|
14375 -ms-filter: "alpha(Opacity=0)"; |
|
14376 filter: alpha(opacity=0); |
|
14377 } |
|
14378 .irs { |
|
14379 position: relative; |
|
14380 display: block; |
|
14381 height: 40px; |
|
14382 } |
|
14383 .irs-line { |
|
14384 position: relative; |
|
14385 display: block; |
|
14386 overflow: hidden; |
|
14387 height: 8px; |
|
14388 top: 25px; |
|
14389 background: #eee; |
|
14390 } |
|
14391 .irs-line-left, |
|
14392 .irs-line-mid, |
|
14393 .irs-line-right { |
|
14394 position: absolute; |
|
14395 display: block; |
|
14396 top: 0; |
|
14397 height: 8px; |
|
14398 } |
|
14399 .irs-line-left { |
|
14400 left: 0; |
|
14401 width: 10%; |
|
14402 } |
|
14403 .irs-line-mid { |
|
14404 left: 10%; |
|
14405 width: 80%; |
|
14406 } |
|
14407 .irs-line-right { |
|
14408 right: 0; |
|
14409 width: 10%; |
|
14410 } |
|
14411 .irs-diapason { |
|
14412 position: absolute; |
|
14413 display: block; |
|
14414 left: 0; |
|
14415 width: 100%; |
|
14416 } |
|
14417 .irs-slider { |
|
14418 position: absolute; |
|
14419 display: block; |
|
14420 cursor: default; |
|
14421 z-index: 1; |
|
14422 width: 10px; |
|
14423 height: 22px; |
|
14424 top: 17px; |
|
14425 border: 1px solid #fff; |
|
14426 background: #858585; |
|
14427 } |
|
14428 .irs-slider:hover { |
|
14429 background: #6c6c6c; |
|
14430 } |
|
14431 .irs-slider.single { |
|
14432 left: 10px; |
|
14433 } |
|
14434 .irs-slider.single:before { |
|
14435 position: absolute; |
|
14436 display: block; |
|
14437 content: ""; |
|
14438 top: -50%; |
|
14439 left: -150%; |
|
14440 width: 400%; |
|
14441 height: 200%; |
|
14442 background: rgba(0, 0, 0, 0); |
|
14443 } |
|
14444 .irs-slider.from { |
|
14445 left: 100px; |
|
14446 } |
|
14447 .irs-slider.from:before { |
|
14448 position: absolute; |
|
14449 display: block; |
|
14450 content: ""; |
|
14451 top: -50%; |
|
14452 left: -300%; |
|
14453 width: 400%; |
|
14454 height: 200%; |
|
14455 background: rgba(0, 0, 0, 0); |
|
14456 } |
|
14457 .irs-slider.to { |
|
14458 left: 300px; |
|
14459 } |
|
14460 .irs-slider.to:before { |
|
14461 position: absolute; |
|
14462 display: block; |
|
14463 content: ""; |
|
14464 top: -50%; |
|
14465 left: 0; |
|
14466 width: 400%; |
|
14467 height: 200%; |
|
14468 background: rgba(0, 0, 0, 0); |
|
14469 } |
|
14470 .irs-slider.last { |
|
14471 z-index: 2; |
|
14472 } |
|
14473 .irs-max, |
|
14474 .irs-min { |
|
14475 color: #999; |
|
14476 font-size: 12px; |
|
14477 line-height: 1.333; |
|
14478 text-shadow: none; |
|
14479 top: 0; |
|
14480 padding: 1px 3px; |
|
14481 background: rgba(0, 0, 0, 0.1); |
|
14482 border-radius: 0; |
|
14483 } |
|
14484 .lt-ie9 .irs-max, |
|
14485 .lt-ie9 .irs-min { |
|
14486 background: #bfbfbf; |
|
14487 } |
|
14488 .irs-min { |
|
14489 position: absolute; |
|
14490 display: block; |
|
14491 left: 0; |
|
14492 cursor: default; |
|
14493 } |
|
14494 .irs-max { |
|
14495 position: absolute; |
|
14496 display: block; |
|
14497 right: 0; |
|
14498 cursor: default; |
|
14499 } |
|
14500 .irs-from, |
|
14501 .irs-single, |
|
14502 .irs-to { |
|
14503 position: absolute; |
|
14504 display: block; |
|
14505 top: 0; |
|
14506 left: 0; |
|
14507 cursor: default; |
|
14508 white-space: nowrap; |
|
14509 } |
|
14510 .lt-ie9 .irs-from, |
|
14511 .lt-ie9 .irs-single, |
|
14512 .lt-ie9 .irs-to { |
|
14513 background: #999; |
|
14514 } |
|
14515 .irs-grid { |
|
14516 position: absolute; |
|
14517 display: none; |
|
14518 bottom: 0; |
|
14519 left: 0; |
|
14520 width: 100%; |
|
14521 height: 20px; |
|
14522 } |
|
14523 .irs-with-grid { |
|
14524 height: 60px; |
|
14525 } |
|
14526 .irs-with-grid .irs-grid { |
|
14527 display: block; |
|
14528 } |
|
14529 .irs-grid-pol { |
|
14530 position: absolute; |
|
14531 top: 0; |
|
14532 left: 0; |
|
14533 width: 1px; |
|
14534 height: 8px; |
|
14535 background: #99a4ac; |
|
14536 } |
|
14537 .irs-grid-pol.small { |
|
14538 height: 4px; |
|
14539 } |
|
14540 .irs-grid-text { |
|
14541 position: absolute; |
|
14542 bottom: 0; |
|
14543 left: 0; |
|
14544 width: 100px; |
|
14545 white-space: nowrap; |
|
14546 text-align: center; |
|
14547 font-size: 9px; |
|
14548 line-height: 9px; |
|
14549 color: #99a4ac; |
|
14550 } |
|
14551 .irs-diapason { |
|
14552 background: #3276b1; |
|
14553 height: 8px; |
|
14554 top: 25px; |
|
14555 } |
|
14556 .irs .irs-from, |
|
14557 .irs .irs-single, |
|
14558 .irs .irs-to { |
|
14559 color: #fff; |
|
14560 font-size: 10px; |
|
14561 line-height: 1.333; |
|
14562 text-shadow: none; |
|
14563 padding: 1px 5px; |
|
14564 background: rgba(0, 0, 0, 0.4); |
|
14565 border-radius: 0; |
|
14566 } |
|
14567 #irs-active-slider { |
|
14568 background: #686868; |
|
14569 -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0; |
|
14570 box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0; |
|
14571 width: 12px; |
|
14572 height: 24px; |
|
14573 top: 16px; |
|
14574 } |
|
14575 /* |
|
14576 * Google maps |
|
14577 */ |
|
14578 .google_maps { |
|
14579 width: 100%; |
|
14580 height: 350px; |
|
14581 position: relative; |
|
14582 } |
|
14583 .google_maps * { |
|
14584 box-sizing: content-box; |
|
14585 -webkit-box-sizing: content-box; |
|
14586 -moz-box-sizing: content-box; |
|
14587 } |
|
14588 .google_maps img { |
|
14589 max-width: none; |
|
14590 } |
|
14591 /* |
|
14592 * JQuery-UI for Bootstrap |
|
14593 */ |
|
14594 .ui-helper-hidden { |
|
14595 display: none; |
|
14596 } |
|
14597 .ui-helper-hidden-accessible { |
|
14598 border: 0; |
|
14599 clip: rect(0 0 0 0); |
|
14600 height: 1px; |
|
14601 margin: -1px; |
|
14602 overflow: hidden; |
|
14603 padding: 0; |
|
14604 position: absolute; |
|
14605 width: 1px; |
|
14606 } |
|
14607 .ui-helper-reset { |
|
14608 margin: 0; |
|
14609 padding: 0; |
|
14610 border: 0; |
|
14611 outline: 0; |
|
14612 line-height: 1.3; |
|
14613 text-decoration: none; |
|
14614 font-size: 100%; |
|
14615 list-style: none; |
|
14616 } |
|
14617 .ui-helper-clearfix { |
|
14618 display: block; |
|
14619 min-height: 0; |
|
14620 } |
|
14621 .ui-helper-clearfix:after, |
|
14622 .ui-helper-clearfix:before { |
|
14623 content: ""; |
|
14624 display: table; |
|
14625 border-collapse: collapse; |
|
14626 } |
|
14627 .ui-helper-clearfix:after { |
|
14628 content: "."; |
|
14629 display: block; |
|
14630 height: 0; |
|
14631 clear: both; |
|
14632 visibility: hidden; |
|
14633 } |
|
14634 * html .ui-helper-clearfix { |
|
14635 height: 1%; |
|
14636 } |
|
14637 .ui-helper-zfix { |
|
14638 width: 100%; |
|
14639 height: 100%; |
|
14640 top: 0; |
|
14641 left: 0; |
|
14642 position: absolute; |
|
14643 opacity: 0; |
|
14644 filter: alpha(opacity=0); |
|
14645 } |
|
14646 .ui-front { |
|
14647 z-index: 100; |
|
14648 } |
|
14649 .ui-state-disabled { |
|
14650 cursor: default !important; |
|
14651 } |
|
14652 .ui-icon { |
|
14653 display: block; |
|
14654 width: 16px; |
|
14655 height: 16px; |
|
14656 text-indent: -99999px; |
|
14657 overflow: hidden; |
|
14658 background-repeat: no-repeat; |
|
14659 } |
|
14660 .ui-sortable { |
|
14661 overflow: auto; |
|
14662 overflow-x: hidden; |
|
14663 } |
|
14664 .ui-sortable .ui-sortable-helper { |
|
14665 background-color: #525252; |
|
14666 } |
|
14667 .ui-sortable .ui-sortable-placeholder { |
|
14668 visibility: visible!important; |
|
14669 background-color: #d5e7ec; |
|
14670 } |
|
14671 .ui-sortable .ui-sortable-handle { |
|
14672 cursor: move; |
|
14673 } |
|
14674 /* |
|
14675 * UI widget |
|
14676 */ |
|
14677 .ui-widget { |
|
14678 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
14679 font-size: 13px; |
|
14680 } |
|
14681 .ui-widget :active { |
|
14682 outline: 0; |
|
14683 } |
|
14684 .ui-widget .ui-widget { |
|
14685 font-size: 13px; |
|
14686 } |
|
14687 .ui-widget button, |
|
14688 .ui-widget input, |
|
14689 .ui-widget select, |
|
14690 .ui-widget textarea { |
|
14691 font-family: Ubuntu, Helvetica, Arial, sans-serif; |
|
14692 font-size: inherit; |
|
14693 } |
|
14694 .ui-widget-content { |
|
14695 border: 1px solid #aaa; |
|
14696 background: #fff; |
|
14697 color: #404040; |
|
14698 } |
|
14699 .ui-widget-content .ui-icon { |
|
14700 background: none!important; |
|
14701 } |
|
14702 .ui-widget-header { |
|
14703 font-weight: 700; |
|
14704 background-color: #F5F5F5; |
|
14705 border-color: #DDD; |
|
14706 color: #333; |
|
14707 } |
|
14708 .ui-widget-header a { |
|
14709 color: #222; |
|
14710 } |
|
14711 .ui-widget-overlay { |
|
14712 position: fixed; |
|
14713 background: #AAA; |
|
14714 width: 100%; |
|
14715 height: 200%; |
|
14716 top: 0; |
|
14717 left: 0; |
|
14718 z-index: 999; |
|
14719 opacity: .3; |
|
14720 filter: alpha(opacity=30); |
|
14721 } |
|
14722 .ui-widget-shadow { |
|
14723 margin: -8px 0 0 -8px; |
|
14724 padding: 8px; |
|
14725 background: #aaa; |
|
14726 opacity: .3; |
|
14727 filter: alpha(opacity=30); |
|
14728 border-radius: 8px; |
|
14729 } |
|
14730 .ui-state-default, |
|
14731 .ui-widget-content .ui-state-default, |
|
14732 .ui-widget-header .ui-state-default { |
|
14733 color: #333; |
|
14734 background-color: #fff; |
|
14735 font-weight: 400; |
|
14736 border: 1px solid #ccc; |
|
14737 } |
|
14738 .ui-state-default a, |
|
14739 .ui-state-default a:link, |
|
14740 .ui-state-default a:visited { |
|
14741 color: #555; |
|
14742 text-decoration: none; |
|
14743 } |
|
14744 .ui-state-default, |
|
14745 .ui-widget-content .ui-state-default, |
|
14746 .ui-widget-header .ui-state-default { |
|
14747 text-shadow: none; |
|
14748 } |
|
14749 .ui-state-default, |
|
14750 .ui-state-error, |
|
14751 .ui-state-highlight { |
|
14752 position: relative; |
|
14753 border-width: 1px; |
|
14754 border-style: solid; |
|
14755 } |
|
14756 .ui-state-default p, |
|
14757 .ui-state-error p, |
|
14758 .ui-state-highlight p { |
|
14759 font-size: 13px; |
|
14760 font-weight: 400; |
|
14761 line-height: 18px; |
|
14762 margin: 7px 15px; |
|
14763 } |
|
14764 .ui-state-highlight, |
|
14765 .ui-widget-content .ui-state-highlight, |
|
14766 .ui-widget-header .ui-state-highlight { |
|
14767 color: #3a87ad; |
|
14768 background-color: #d9edf7; |
|
14769 border-color: #bce8f1; |
|
14770 } |
|
14771 .ui-state-highlight a, |
|
14772 .ui-widget-content .ui-state-highlight a, |
|
14773 .ui-widget-header .ui-state-highlight a { |
|
14774 color: #2d6987; |
|
14775 } |
|
14776 .ui-state-error, |
|
14777 .ui-widget-content .ui-state-error, |
|
14778 .ui-widget-header .ui-state-error { |
|
14779 color: #b94a48; |
|
14780 background-color: #f2dede; |
|
14781 border-color: #eed3d7; |
|
14782 } |
|
14783 .ui-state-error a, |
|
14784 .ui-state-error-text, |
|
14785 .ui-widget-content .ui-state-error a, |
|
14786 .ui-widget-content .ui-state-error-text, |
|
14787 .ui-widget-header .ui-state-error a, |
|
14788 .ui-widget-header .ui-state-error-text { |
|
14789 color: #953b39; |
|
14790 } |
|
14791 .ui-state-focus, |
|
14792 .ui-state-hover, |
|
14793 .ui-widget-content .ui-state-focus, |
|
14794 .ui-widget-content .ui-state-hover, |
|
14795 .ui-widget-header .ui-state-focus, |
|
14796 .ui-widget-header .ui-state-hover { |
|
14797 color: #333; |
|
14798 background-color: #ebebeb; |
|
14799 border-color: #adadad; |
|
14800 text-decoration: none; |
|
14801 } |
|
14802 .ui-state-hover a:hover, |
|
14803 .ui-state-hover a:link, |
|
14804 .ui-state-hover a:visited { |
|
14805 color: #333; |
|
14806 text-decoration: none; |
|
14807 } |
|
14808 .ui-widget-content .ui-state-active, |
|
14809 .ui-widget-header .ui-state-active { |
|
14810 border: 1px solid #adadad; |
|
14811 font-weight: 400; |
|
14812 color: #333; |
|
14813 } |
|
14814 .ui-state-active a, |
|
14815 .ui-state-active a:link, |
|
14816 .ui-state-active a:visited { |
|
14817 color: #333; |
|
14818 text-decoration: none; |
|
14819 } |
|
14820 .ui-state-disabled, |
|
14821 .ui-widget-content .ui-state-disabled, |
|
14822 .ui-widget-header .ui-state-disabled { |
|
14823 opacity: .35; |
|
14824 filter: alpha(opacity=35); |
|
14825 background-image: none; |
|
14826 } |
|
14827 .ui-state-disabled .ui-icon, |
|
14828 .ui-widget-content .ui-state-disabled .ui-icon, |
|
14829 .ui-widget-header .ui-state-disabled .ui-icon { |
|
14830 filter: alpha(opacity=35); |
|
14831 } |
|
14832 .ui-priority-primary, |
|
14833 .ui-widget-content .ui-priority-primary, |
|
14834 .ui-widget-header .ui-priority-primary { |
|
14835 font-weight: 700; |
|
14836 } |
|
14837 .ui-priority-secondary, |
|
14838 .ui-widget-content .ui-priority-secondary, |
|
14839 .ui-widget-header .ui-priority-secondary { |
|
14840 opacity: .7; |
|
14841 filter: alpha(opacity=70); |
|
14842 font-weight: 400; |
|
14843 } |
|
14844 .ui-corner-all { |
|
14845 border-radius: 0; |
|
14846 } |
|
14847 .ui-corner-left, |
|
14848 .ui-corner-tl, |
|
14849 .ui-corner-top { |
|
14850 border-top-left-radius: 4px; |
|
14851 } |
|
14852 .ui-corner-right, |
|
14853 .ui-corner-top, |
|
14854 .ui-corner-tr { |
|
14855 border-top-right-radius: 4px; |
|
14856 } |
|
14857 .ui-corner-bl, |
|
14858 .ui-corner-bottom, |
|
14859 .ui-corner-left { |
|
14860 border-bottom-left-radius: 4px; |
|
14861 } |
|
14862 .ui-corner-bottom, |
|
14863 .ui-corner-br, |
|
14864 .ui-corner-right { |
|
14865 border-bottom-right-radius: 4px; |
|
14866 } |
|
14867 .ui-autocomplete { |
|
14868 position: absolute; |
|
14869 top: 0; |
|
14870 left: 0; |
|
14871 cursor: default; |
|
14872 } |
|
14873 input[type=color].ui-autocomplete-loading, |
|
14874 input[type=date].ui-autocomplete-loading, |
|
14875 input[type=datetime-local].ui-autocomplete-loading, |
|
14876 input[type=datetime].ui-autocomplete-loading, |
|
14877 input[type=email].ui-autocomplete-loading, |
|
14878 input[type=month].ui-autocomplete-loading, |
|
14879 input[type=number].ui-autocomplete-loading, |
|
14880 input[type=password].ui-autocomplete-loading, |
|
14881 input[type=search].ui-autocomplete-loading, |
|
14882 input[type=tel].ui-autocomplete-loading, |
|
14883 input[type=text].ui-autocomplete-loading, |
|
14884 input[type=time].ui-autocomplete-loading, |
|
14885 input[type=url].ui-autocomplete-loading, |
|
14886 input[type=week].ui-autocomplete-loading { |
|
14887 background-image: url(../img/select2-spinner.gif) !important; |
|
14888 background-repeat: no-repeat; |
|
14889 background-position: 99% 50%; |
|
14890 padding-right: 27px; |
|
14891 } |
|
14892 /* |
|
14893 * UI buttons |
|
14894 */ |
|
14895 .ui-btn-lg { |
|
14896 padding: 10px 16px; |
|
14897 font-size: 18px; |
|
14898 line-height: 1.33; |
|
14899 border-radius: 6px; |
|
14900 } |
|
14901 .ui-btn-sm, |
|
14902 .ui-btn-xs { |
|
14903 padding: 5px 10px; |
|
14904 font-size: 12px; |
|
14905 line-height: 1.5; |
|
14906 border-radius: 3px; |
|
14907 } |
|
14908 .ui-btn-xs { |
|
14909 padding: 1px 5px; |
|
14910 } |
|
14911 .ui-btn-block { |
|
14912 display: block; |
|
14913 width: 100%; |
|
14914 padding-right: 0; |
|
14915 padding-left: 0; |
|
14916 } |
|
14917 .ui-btn-block + .ui-btn-block { |
|
14918 margin-top: 5px; |
|
14919 } |
|
14920 input[type=button].ui-btn-block, |
|
14921 input[type=reset].ui-btn-block, |
|
14922 input[type=submit].ui-btn-block { |
|
14923 width: 100%; |
|
14924 } |
|
14925 .ui-button { |
|
14926 display: inline-block; |
|
14927 padding: 6px 12px; |
|
14928 margin-bottom: 0; |
|
14929 font-size: 14px; |
|
14930 font-weight: 400; |
|
14931 line-height: 1.428571429; |
|
14932 text-align: center; |
|
14933 white-space: nowrap; |
|
14934 vertical-align: middle; |
|
14935 cursor: pointer; |
|
14936 border: 1px solid #ccc; |
|
14937 -webkit-user-select: none; |
|
14938 -moz-user-select: none; |
|
14939 -ms-user-select: none; |
|
14940 -o-user-select: none; |
|
14941 user-select: none; |
|
14942 } |
|
14943 .ui-button:focus { |
|
14944 outline: thin dotted #333; |
|
14945 outline: 5px auto -webkit-focus-ring-color; |
|
14946 outline-offset: -2px; |
|
14947 } |
|
14948 .ui-button:focus, |
|
14949 .ui-button:hover { |
|
14950 color: #333; |
|
14951 background-color: #ebebeb; |
|
14952 border-color: #adadad; |
|
14953 text-decoration: none; |
|
14954 } |
|
14955 fieldset[disabled] .ui-button, |
|
14956 fieldset[disabled] .ui-button.ui-state-active, |
|
14957 fieldset[disabled] .ui-button:active, |
|
14958 fieldset[disabled] .ui-button:focus, |
|
14959 fieldset[disabled] .ui-button:hover, |
|
14960 .ui-button.disabled, |
|
14961 .ui-button.disabled.active, |
|
14962 .ui-button.disabled:active, |
|
14963 .ui-button.disabled:focus, |
|
14964 .ui-button.disabled:hover, |
|
14965 .ui-button[disabled], |
|
14966 .ui-button[disabled].active, |
|
14967 .ui-button[disabled]:active, |
|
14968 .ui-button[disabled]:focus, |
|
14969 .ui-button[disabled]:hover { |
|
14970 background-color: #fff; |
|
14971 border-color: #ccc; |
|
14972 } |
|
14973 .ui-button-text-icon-primary .ui-button-icon-primary { |
|
14974 float: left; |
|
14975 } |
|
14976 .ui-button-text-icon-primary { |
|
14977 padding: 2px 7px 3px; |
|
14978 } |
|
14979 .ui-button-primary { |
|
14980 color: #fff; |
|
14981 background-color: #428bca; |
|
14982 border-color: #357ebd; |
|
14983 } |
|
14984 .ui-button-warning { |
|
14985 color: #fff; |
|
14986 background-color: #f0ad4e; |
|
14987 border-color: #eea236; |
|
14988 } |
|
14989 .ui-button-info { |
|
14990 color: #fff; |
|
14991 background-color: #5bc0de; |
|
14992 border-color: #46b8da; |
|
14993 } |
|
14994 .ui-button-danger { |
|
14995 color: #fff; |
|
14996 background-color: #d9534f; |
|
14997 border-color: #d43f3a; |
|
14998 } |
|
14999 .ui-button-inverse { |
|
15000 color: #fff; |
|
15001 background-color: #222; |
|
15002 border-color: #080808; |
|
15003 } |
|
15004 .ui-button-success { |
|
15005 color: #fff; |
|
15006 background-color: #5cb85c; |
|
15007 border-color: #4cae4c; |
|
15008 } |
|
15009 .ui-button-error { |
|
15010 color: #fff; |
|
15011 background-color: #c43c35; |
|
15012 border-color: #882a25; |
|
15013 } |
|
15014 .ui-button-danger:hover, |
|
15015 .ui-button-info:hover, |
|
15016 .ui-button-inverse:hover, |
|
15017 .ui-button-primary:hover, |
|
15018 .ui-button-success:hover, |
|
15019 .ui-button-warning:hover { |
|
15020 text-decoration: none; |
|
15021 } |
|
15022 .ui-button-primary:focus, |
|
15023 .ui-button-primary:hover { |
|
15024 color: #fff; |
|
15025 background-color: #3276b1; |
|
15026 border-color: #285e8e; |
|
15027 } |
|
15028 .ui-button-success:hover { |
|
15029 color: #fff; |
|
15030 background-color: #47a447; |
|
15031 border-color: #398439; |
|
15032 } |
|
15033 .ui-button-info:hover { |
|
15034 color: #fff; |
|
15035 background-color: #39b3d7; |
|
15036 border-color: #269abc; |
|
15037 } |
|
15038 .ui-button-danger:hover { |
|
15039 color: #fff; |
|
15040 background-color: #d2322d; |
|
15041 border-color: #ac2925; |
|
15042 } |
|
15043 .ui-button-warning:hover { |
|
15044 color: #fff; |
|
15045 background-color: #ed9c28; |
|
15046 border-color: #d58512; |
|
15047 } |
|
15048 .ui-button-inverse:hover { |
|
15049 color: #fff; |
|
15050 background-color: #363636; |
|
15051 border-color: #000; |
|
15052 } |
|
15053 .ui-button-icon-only { |
|
15054 width: 2.2em; |
|
15055 } |
|
15056 .ui-button-icons-only { |
|
15057 width: 3.4em; |
|
15058 } |
|
15059 button.ui-button-icons-only { |
|
15060 width: 3.7em; |
|
15061 } |
|
15062 .ui-button-text-icon-primary .ui-button-icon-primary.ui-icon { |
|
15063 margin-top: 5px; |
|
15064 } |
|
15065 .ui-button .ui-button-text { |
|
15066 display: block; |
|
15067 line-height: normal; |
|
15068 } |
|
15069 .ui-button-icon-only .ui-button-text, |
|
15070 .ui-button-icons-only .ui-button-text { |
|
15071 padding: .4em; |
|
15072 text-indent: -9999px; |
|
15073 display: none; |
|
15074 } |
|
15075 .ui-button-text-icon-primary .ui-button-text, |
|
15076 .ui-button-text-icons .ui-button-text { |
|
15077 padding: .4em 1em .4em 2.1em; |
|
15078 } |
|
15079 .ui-button-text-icon-secondary .ui-button-text, |
|
15080 .ui-button-text-icons .ui-button-text { |
|
15081 padding: .4em 2.1em .4em 1em; |
|
15082 } |
|
15083 .ui-button-text-icons .ui-button-text { |
|
15084 padding-left: 2.1em; |
|
15085 padding-right: 2.1em; |
|
15086 } |
|
15087 input.ui-button { |
|
15088 padding: .4em 1em; |
|
15089 } |
|
15090 .ui-button-icon-only .ui-icon, |
|
15091 .ui-button-icons-only .ui-icon, |
|
15092 .ui-button-text-icon-primary .ui-icon, |
|
15093 .ui-button-text-icon-secondary .ui-icon, |
|
15094 .ui-button-text-icons .ui-icon { |
|
15095 margin-bottom: 0; |
|
15096 margin-top: 0; |
|
15097 top: 50%; |
|
15098 } |
|
15099 .ui-button-icon-only .ui-icon { |
|
15100 left: 50%; |
|
15101 margin-left: -8px; |
|
15102 margin-right: -6px; |
|
15103 } |
|
15104 .ui-button-icons-only .ui-button-icon-primary, |
|
15105 .ui-button-text-icon-primary .ui-button-icon-primary, |
|
15106 .ui-button-text-icons .ui-button-icon-primary { |
|
15107 left: .5em; |
|
15108 } |
|
15109 .ui-button-icons-only .ui-button-icon-secondary, |
|
15110 .ui-button-text-icon-secondary .ui-button-icon-secondary, |
|
15111 .ui-button-text-icons .ui-button-icon-secondary { |
|
15112 right: .5em; |
|
15113 } |
|
15114 .ui-buttonset { |
|
15115 margin-right: 7px; |
|
15116 } |
|
15117 .ui-buttonset .ui-state-active { |
|
15118 color: #fff; |
|
15119 background-color: #428bca; |
|
15120 border-color: #357ebd; |
|
15121 } |
|
15122 .ui-buttonset .ui-state-active.ui-state-hover { |
|
15123 color: #fff; |
|
15124 background-color: #3276b1; |
|
15125 border-color: #285e8e; |
|
15126 } |
|
15127 .ui-buttonset .ui-button { |
|
15128 margin-left: 0; |
|
15129 margin-right: -0.4em; |
|
15130 } |
|
15131 button.ui-button::-moz-focus-inner { |
|
15132 border: 0; |
|
15133 padding: 0; |
|
15134 } |
|
15135 /* |
|
15136 * UI slider |
|
15137 */ |
|
15138 .ui-slider { |
|
15139 position: relative; |
|
15140 text-align: left; |
|
15141 } |
|
15142 .ui-slider.ui-state-disabled .ui-slider-handle, |
|
15143 .ui-slider.ui-state-disabled .ui-slider-range { |
|
15144 -webkit-filter: inherit; |
|
15145 filter: inherit; |
|
15146 } |
|
15147 .ui-slider .ui-slider-handle { |
|
15148 position: absolute; |
|
15149 z-index: 2; |
|
15150 width: 16px; |
|
15151 height: 18px; |
|
15152 cursor: default; |
|
15153 } |
|
15154 .ui-slider .ui-slider-range { |
|
15155 position: absolute; |
|
15156 z-index: 1; |
|
15157 font-size: .7em; |
|
15158 display: block; |
|
15159 border: 0; |
|
15160 background-position: 0 0; |
|
15161 color: #fff; |
|
15162 background-color: #0e90d2; |
|
15163 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); |
|
15164 background-image: -webkit-gradient(linear, top left, bottom left, from(#149bdf), to(#0480be)); |
|
15165 background-image: -webkit-linear-gradient(top, #149bdf, #0480be); |
|
15166 background-image: linear-gradient(to bottom, #149bdf, #0480be); |
|
15167 background-repeat: repeat-x; |
|
15168 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); |
|
15169 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
15170 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
15171 -webkit-box-sizing: border-box; |
|
15172 -moz-box-sizing: border-box; |
|
15173 box-sizing: border-box; |
|
15174 -webkit-transition: width .6s ease; |
|
15175 transition: width .6s ease; |
|
15176 } |
|
15177 .ui-slider-horizontal { |
|
15178 height: 10px; |
|
15179 background: #D5D5D5; |
|
15180 border: 0; |
|
15181 } |
|
15182 .ui-slider-horizontal .ui-slider-handle { |
|
15183 top: -0.2em; |
|
15184 margin-left: -0.5em; |
|
15185 background-color: #fff; |
|
15186 border-color: #CCC; |
|
15187 } |
|
15188 .ui-slider-horizontal .ui-slider-handle:focus { |
|
15189 background-color: #fff; |
|
15190 border-color: #357EBD; |
|
15191 } |
|
15192 .ui-slider-horizontal .ui-slider-handle:hover { |
|
15193 background-color: #fff; |
|
15194 border-color: #285E8E; |
|
15195 outline: 0; |
|
15196 } |
|
15197 .ui-slider-horizontal .ui-slider-handle:active { |
|
15198 background-color: #428BCA; |
|
15199 border-color: #3276B1; |
|
15200 } |
|
15201 .ui-slider-horizontal .ui-slider-range { |
|
15202 top: 0; |
|
15203 height: 100%; |
|
15204 } |
|
15205 .ui-slider-horizontal .ui-slider-range-min { |
|
15206 left: 0; |
|
15207 } |
|
15208 .ui-slider-horizontal .ui-slider-range-max { |
|
15209 right: 0; |
|
15210 } |
|
15211 .ui-slider-vertical { |
|
15212 width: .8em; |
|
15213 height: 100px; |
|
15214 } |
|
15215 .ui-slider-vertical .ui-slider-handle { |
|
15216 left: -0.3em; |
|
15217 margin-left: 0; |
|
15218 margin-bottom: -0.6em; |
|
15219 } |
|
15220 .ui-slider-vertical .ui-slider-range { |
|
15221 left: 0; |
|
15222 width: 100%; |
|
15223 } |
|
15224 .ui-slider-vertical .ui-slider-range-min { |
|
15225 bottom: 0; |
|
15226 } |
|
15227 .ui-slider-vertical .ui-slider-range-max { |
|
15228 top: 0; |
|
15229 } |
|
15230 /* |
|
15231 * UI tabs |
|
15232 */ |
|
15233 .ui-tabs { |
|
15234 position: relative; |
|
15235 border: 0; |
|
15236 border-radius: 0; |
|
15237 } |
|
15238 .ui-tabs .ui-tabs-panel { |
|
15239 display: block; |
|
15240 border-radius: 0; |
|
15241 background: 0 0; |
|
15242 } |
|
15243 .ui-tabs .ui-tabs-nav { |
|
15244 margin-bottom: 0; |
|
15245 border: solid #ddd; |
|
15246 border-width: 0 0 1px; |
|
15247 border-radius: 0; |
|
15248 background: 0 0; |
|
15249 } |
|
15250 .ui-tabs .ui-tabs-nav li { |
|
15251 position: relative; |
|
15252 top: 0; |
|
15253 float: left; |
|
15254 margin-bottom: -1px; |
|
15255 margin-right: 3px; |
|
15256 border: 0; |
|
15257 list-style: none; |
|
15258 white-space: nowrap; |
|
15259 background: 0 0; |
|
15260 -webkit-filter: none; |
|
15261 filter: none; |
|
15262 } |
|
15263 .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { |
|
15264 background: #fff; |
|
15265 cursor: text; |
|
15266 } |
|
15267 .ui-tabs .ui-tabs-nav li.ui-tabs-active a { |
|
15268 border: 1px solid #ddd; |
|
15269 border-bottom: 1px solid #fff; |
|
15270 background-color: #fff; |
|
15271 color: #555; |
|
15272 font-weight: 700; |
|
15273 border-top-width: 0!important; |
|
15274 margin-top: 1px!important; |
|
15275 -webkit-box-shadow: 0 -2px 0 #57889c; |
|
15276 box-shadow: 0 -2px 0 #57889c; |
|
15277 } |
|
15278 .ui-tabs .ui-tabs-nav li a { |
|
15279 float: left; |
|
15280 padding: 8px 12px; |
|
15281 font-weight: 400; |
|
15282 text-decoration: none; |
|
15283 outline: 0; |
|
15284 background: 0 0; |
|
15285 border-radius: 0; |
|
15286 background-color: #F5F5F5; |
|
15287 border: 1px solid #F5F5F5; |
|
15288 border-bottom: 1px solid #ddd; |
|
15289 color: #838383; |
|
15290 } |
|
15291 .ui-tabs .ui-tabs-nav li a:hover { |
|
15292 border: 1px solid #f5f5f5; |
|
15293 border-bottom: 1px solid #ddd; |
|
15294 background-color: #f5f5f5; |
|
15295 } |
|
15296 .ui-tabs .ui-tabs-nav li.ui-state-disabled a, |
|
15297 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, |
|
15298 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { |
|
15299 cursor: text; |
|
15300 } |
|
15301 .ui-tabs .ui-tabs-nav .ui-state-default { |
|
15302 border: 0; |
|
15303 -webkit-box-shadow: none; |
|
15304 box-shadow: none; |
|
15305 } |
|
15306 .ui-tabs .ui-tabs-panel { |
|
15307 border: 1px solid #ddd; |
|
15308 margin: 0; |
|
15309 padding: 10px 13px; |
|
15310 border-top: 0; |
|
15311 } |
|
15312 .ui-tabs .ui-tabs-hide { |
|
15313 display: none!important; |
|
15314 } |
|
15315 /* |
|
15316 * UI tooltip |
|
15317 */ |
|
15318 .ui-tooltip { |
|
15319 display: block; |
|
15320 font-size: 11px; |
|
15321 opacity: .8; |
|
15322 position: absolute; |
|
15323 visibility: visible; |
|
15324 z-index: 1024; |
|
15325 max-width: 200px; |
|
15326 background: #000; |
|
15327 border: 1px solid #000; |
|
15328 color: #FFF; |
|
15329 padding: 3px 8px; |
|
15330 text-align: center; |
|
15331 text-decoration: none; |
|
15332 -webkit-box-shadow: inset 0 1px 0 #000; |
|
15333 box-shadow: inset 0 1px 0 #000; |
|
15334 border-radius: 4px; |
|
15335 } |
|
15336 body .ui-tooltip { |
|
15337 border-width: 1px; |
|
15338 } |
|
15339 /* |
|
15340 * UI spinner |
|
15341 */ |
|
15342 .ui-spinner { |
|
15343 position: relative; |
|
15344 display: inline-block; |
|
15345 overflow: hidden; |
|
15346 width: 100%; |
|
15347 padding: 0; |
|
15348 vertical-align: middle; |
|
15349 } |
|
15350 .ui-spinner-input { |
|
15351 margin: 0!important; |
|
15352 height: 30px; |
|
15353 padding: 6px 24px 6px 12px; |
|
15354 border: 0; |
|
15355 background: 0 0; |
|
15356 vertical-align: middle; |
|
15357 } |
|
15358 .ui-spinner-input.spinner-left { |
|
15359 padding: 6px 12px 6px 24px; |
|
15360 } |
|
15361 .ui-spinner-input.spinner-left + .ui-spinner-button, |
|
15362 .ui-spinner-input.spinner-left + .ui-spinner-button + .ui-spinner-button { |
|
15363 right: auto; |
|
15364 left: 0; |
|
15365 } |
|
15366 .ui-spinner-input.spinner-both { |
|
15367 padding: 6px 30px; |
|
15368 } |
|
15369 .ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { |
|
15370 left: 0; |
|
15371 right: auto; |
|
15372 } |
|
15373 .ui-spinner-input.spinner-both + .ui-spinner-button, |
|
15374 .ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { |
|
15375 height: 30px; |
|
15376 width: 25px; |
|
15377 } |
|
15378 .ui-spinner-input.spinner-both + .ui-spinner-up + .ui-spinner-down:before, |
|
15379 .ui-spinner-input.spinner-both + .ui-spinner-up:before { |
|
15380 margin-top: 8px; |
|
15381 } |
|
15382 .ui-spinner-button { |
|
15383 width: 19px; |
|
15384 height: 50%; |
|
15385 font-size: .5em; |
|
15386 padding: 0; |
|
15387 margin: 0; |
|
15388 text-align: center; |
|
15389 position: absolute; |
|
15390 cursor: default; |
|
15391 display: block; |
|
15392 overflow: hidden; |
|
15393 right: 0; |
|
15394 } |
|
15395 .ui-spinner a.ui-spinner-button { |
|
15396 border-top: 0; |
|
15397 border-bottom: 0; |
|
15398 border-right: 0; |
|
15399 } |
|
15400 .ui-spinner .ui-icon { |
|
15401 position: absolute; |
|
15402 margin-top: -8px; |
|
15403 top: 50%; |
|
15404 left: 0; |
|
15405 } |
|
15406 .ui-spinner-down, |
|
15407 .ui-spinner-up { |
|
15408 background: #739e73; |
|
15409 border-radius: 0; |
|
15410 } |
|
15411 .ui-spinner-down:before, |
|
15412 .ui-spinner-up:before { |
|
15413 display: inline-block; |
|
15414 font-family: FontAwesome; |
|
15415 font-style: normal; |
|
15416 font-weight: 400; |
|
15417 line-height: 1; |
|
15418 -webkit-font-smoothing: antialiased; |
|
15419 -moz-osx-font-smoothing: grayscale; |
|
15420 content: "\f067"; |
|
15421 color: #fff; |
|
15422 font-size: 14px; |
|
15423 margin-top: 1px; |
|
15424 } |
|
15425 .ui-spinner-down > :first-child, |
|
15426 .ui-spinner-up > :first-child { |
|
15427 display: none; |
|
15428 } |
|
15429 .ui-spinner-up { |
|
15430 top: 0; |
|
15431 } |
|
15432 .ui-spinner-up:active, |
|
15433 .ui-spinner-up:focus, |
|
15434 .ui-spinner-up:hover { |
|
15435 background: #5b835b; |
|
15436 } |
|
15437 .ui-spinner-down { |
|
15438 bottom: 0; |
|
15439 background: #c2032f; |
|
15440 } |
|
15441 .ui-spinner-down:before { |
|
15442 content: "\f068"; |
|
15443 } |
|
15444 .ui-spinner-down:active, |
|
15445 .ui-spinner-down:focus, |
|
15446 .ui-spinner-down:hover { |
|
15447 background: #77021d; |
|
15448 } |
|
15449 .ui-spinner .ui-icon-triangle-1-s { |
|
15450 background-position: -65px -16px; |
|
15451 } |
|
15452 /* |
|
15453 * UI date picker |
|
15454 */ |
|
15455 .ui-datepicker { |
|
15456 width: 20em; |
|
15457 padding: .2em .2em 0; |
|
15458 display: none; |
|
15459 z-index: 9999!important; |
|
15460 } |
|
15461 .ui-datepicker-inline { |
|
15462 z-index: 9000!important; |
|
15463 } |
|
15464 .ui-datepicker-header { |
|
15465 position: relative; |
|
15466 border: 0; |
|
15467 font-weight: 700; |
|
15468 width: 100%; |
|
15469 padding: 4px 0; |
|
15470 background-color: #f5f5f5; |
|
15471 color: gray; |
|
15472 } |
|
15473 .ui-datepicker-next, |
|
15474 .ui-datepicker-prev { |
|
15475 position: absolute; |
|
15476 top: 2px; |
|
15477 width: 5.6em; |
|
15478 height: 1.8em; |
|
15479 text-align: center; |
|
15480 margin-top: 2px; |
|
15481 cursor: pointer; |
|
15482 } |
|
15483 .ui-datepicker-next > :first-child, |
|
15484 .ui-datepicker-prev > :first-child { |
|
15485 text-indent: 0!important; |
|
15486 } |
|
15487 .ui-datepicker-next span, |
|
15488 .ui-datepicker-prev span { |
|
15489 display: block; |
|
15490 position: absolute; |
|
15491 text-align: center; |
|
15492 top: 50%; |
|
15493 margin-top: -8px; |
|
15494 width: 5.8em; |
|
15495 } |
|
15496 .ui-datepicker-prev { |
|
15497 left: 2px; |
|
15498 } |
|
15499 .ui-datepicker-next { |
|
15500 right: 2px; |
|
15501 } |
|
15502 .ui-datepicker-title { |
|
15503 margin: 0 5.8em; |
|
15504 line-height: 1.8em; |
|
15505 text-align: center; |
|
15506 } |
|
15507 .ui-datepicker-title select { |
|
15508 font-size: 1em; |
|
15509 margin: 1px 0; |
|
15510 } |
|
15511 .ui-datepicker select.ui-datepicker-month-year { |
|
15512 width: 100%; |
|
15513 } |
|
15514 .ui-datepicker select.ui-datepicker-month, |
|
15515 .ui-datepicker select.ui-datepicker-year { |
|
15516 width: 49%; |
|
15517 } |
|
15518 .ui-datepicker table { |
|
15519 width: 100%; |
|
15520 font-size: .9em; |
|
15521 border-collapse: collapse; |
|
15522 margin: 0 0 .4em; |
|
15523 } |
|
15524 .ui-datepicker th { |
|
15525 padding: .7em .3em; |
|
15526 text-align: center; |
|
15527 border: 0; |
|
15528 font-weight: 700; |
|
15529 color: gray; |
|
15530 } |
|
15531 .ui-datepicker td { |
|
15532 border: 0; |
|
15533 padding: 1px; |
|
15534 } |
|
15535 .ui-datepicker td:hover { |
|
15536 color: #fff; |
|
15537 } |
|
15538 .ui-datepicker td a { |
|
15539 margin-bottom: 0; |
|
15540 border: 0; |
|
15541 } |
|
15542 .ui-datepicker td a, |
|
15543 .ui-datepicker td span { |
|
15544 display: block; |
|
15545 padding: .2em; |
|
15546 text-align: right; |
|
15547 text-decoration: none; |
|
15548 } |
|
15549 .ui-datepicker td .ui-state-default { |
|
15550 border: 0; |
|
15551 background: 0 0; |
|
15552 margin-bottom: 0; |
|
15553 padding: 5px; |
|
15554 color: gray; |
|
15555 text-align: center; |
|
15556 -webkit-filter: none; |
|
15557 filter: none; |
|
15558 } |
|
15559 .ui-datepicker td .ui-state-highlight { |
|
15560 color: #fff; |
|
15561 background-color: #A90329; |
|
15562 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
15563 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
15564 border-radius: 0; |
|
15565 } |
|
15566 .ui-datepicker td .ui-state-active { |
|
15567 color: #333; |
|
15568 background-color: #ebebeb; |
|
15569 margin-bottom: 0; |
|
15570 font-size: normal; |
|
15571 text-shadow: 0; |
|
15572 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
15573 border-radius: 0; |
|
15574 } |
|
15575 .ui-datepicker td .ui-state-hover { |
|
15576 color: #fff; |
|
15577 background: #428bca; |
|
15578 background-color: #428bca; |
|
15579 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
15580 border-color: #357ebd; |
|
15581 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
15582 border-radius: 0; |
|
15583 } |
|
15584 .ui-datepicker-buttonpane { |
|
15585 background-image: none; |
|
15586 margin: .7em 0 0; |
|
15587 padding: 0 .2em; |
|
15588 border-left: 0; |
|
15589 border-right: 0; |
|
15590 border-bottom: 0; |
|
15591 } |
|
15592 .ui-datepicker-buttonpane button { |
|
15593 float: right; |
|
15594 margin: .5em .2em .4em; |
|
15595 cursor: pointer; |
|
15596 padding: .2em .6em .3em; |
|
15597 width: auto; |
|
15598 overflow: visible; |
|
15599 } |
|
15600 .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
15601 float: left; |
|
15602 } |
|
15603 .ui-datepicker-multi { |
|
15604 width: auto; |
|
15605 } |
|
15606 .ui-datepicker-multi .ui-datepicker-group { |
|
15607 float: left; |
|
15608 } |
|
15609 .ui-datepicker-multi .ui-datepicker-group table { |
|
15610 width: 95%; |
|
15611 margin: 0 auto .4em; |
|
15612 } |
|
15613 .ui-datepicker-multi-2 .ui-datepicker-group { |
|
15614 width: 50%; |
|
15615 } |
|
15616 .ui-datepicker-multi-3 .ui-datepicker-group { |
|
15617 width: 33.3%; |
|
15618 } |
|
15619 .ui-datepicker-multi-4 .ui-datepicker-group { |
|
15620 width: 25%; |
|
15621 } |
|
15622 .ui-datepicker-multi .ui-detepicker-group-last .ui-datepicker-header, |
|
15623 .ui-datepicker-multi .ui-datepicket-group-middle .ui-datepicker-header { |
|
15624 border-left-width: 0; |
|
15625 } |
|
15626 .ui-datepicker-multi .ui-datepicker-buttonpane { |
|
15627 clear: left; |
|
15628 } |
|
15629 .ui-datepicker-row-break { |
|
15630 clear: both; |
|
15631 width: 100%; |
|
15632 font-size: 0; |
|
15633 } |
|
15634 .ui-datepicker-rtl { |
|
15635 direction: rtl; |
|
15636 } |
|
15637 .ui-datepicker-rtl .ui-datepicker-prev { |
|
15638 right: 2px; |
|
15639 left: auto; |
|
15640 } |
|
15641 .ui-datepicker-rtl .ui-datepicker-next { |
|
15642 left: 2px; |
|
15643 right: auto; |
|
15644 } |
|
15645 .ui-datepicker-rtl .ui-datepicker-prev:hover { |
|
15646 right: 1px; |
|
15647 left: auto; |
|
15648 } |
|
15649 .ui-datepicker-rtl .ui-datepicker-next:hover { |
|
15650 left: 1px; |
|
15651 right: auto; |
|
15652 } |
|
15653 .ui-datepicker-rtl .ui-datepicker-buttonpane { |
|
15654 clear: right; |
|
15655 } |
|
15656 .ui-datepicker-rtl .ui-datepicker-buttonpane button { |
|
15657 float: left; |
|
15658 } |
|
15659 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, |
|
15660 .ui-datepicker-rtl .ui-datepicker-group { |
|
15661 float: right; |
|
15662 } |
|
15663 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, |
|
15664 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { |
|
15665 border-right-width: 0; |
|
15666 border-left-width: 1px; |
|
15667 } |
|
15668 .ui-datepicker-cover { |
|
15669 display: none; |
|
15670 display: block; |
|
15671 position: absolute; |
|
15672 z-index: -1; |
|
15673 -webkit-filter: mask(); |
|
15674 filter: mask(); |
|
15675 top: -4px; |
|
15676 left: -4px; |
|
15677 width: 200px; |
|
15678 height: 200px; |
|
15679 } |
|
15680 .ui-datepicker-today a { |
|
15681 background-color: #BFBFBF; |
|
15682 cursor: pointer; |
|
15683 padding: 0 4px; |
|
15684 margin-bottom: 0; |
|
15685 } |
|
15686 .ui-datepicker-today a:hover { |
|
15687 background-color: gray; |
|
15688 color: #fff; |
|
15689 } |
|
15690 /* |
|
15691 * UI progressbar |
|
15692 */ |
|
15693 .ui-progressbar { |
|
15694 height: 2em; |
|
15695 margin-bottom: 20px; |
|
15696 border: 0; |
|
15697 overflow: hidden; |
|
15698 background-color: #f7f7f7; |
|
15699 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); |
|
15700 background-image: -webkit-gradient(linear, top left, bottom left, from(#f5f5f5), to(#f9f9f9)); |
|
15701 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); |
|
15702 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); |
|
15703 background-repeat: repeat-x; |
|
15704 border-radius: 0; |
|
15705 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); |
|
15706 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
15707 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
15708 } |
|
15709 .ui-progressbar .ui-progressbar-value { |
|
15710 margin: 0; |
|
15711 height: 100%; |
|
15712 color: #fff; |
|
15713 background-color: #428BCA; |
|
15714 -webkit-box-sizing: border-box; |
|
15715 -moz-box-sizing: border-box; |
|
15716 box-sizing: border-box; |
|
15717 -webkit-transition: width .6s ease; |
|
15718 transition: width .6s ease; |
|
15719 } |
|
15720 .ui-progressbar .ui-progressbar-overlay { |
|
15721 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)); |
|
15722 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); |
|
15723 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); |
|
15724 -webkit-background-size: 40px 40px; |
|
15725 background-size: 40px 40px; |
|
15726 -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
15727 -ms-animation: progress-bar-stripes 2s linear infinite; |
|
15728 animation: progress-bar-stripes 2s linear infinite; |
|
15729 } |
|
15730 .ui-progressbar-indeterminate .ui-progressbar-value { |
|
15731 background-image: none; |
|
15732 } |
|
15733 /* |
|
15734 * UI resizable |
|
15735 */ |
|
15736 .ui-resizable { |
|
15737 position: relative; |
|
15738 } |
|
15739 .ui-resizable-handle { |
|
15740 position: absolute; |
|
15741 font-size: .1px; |
|
15742 z-index: 99999; |
|
15743 display: block; |
|
15744 } |
|
15745 .ui-resizable-autohide .ui-resizable-handle, |
|
15746 .ui-resizable-disabled .ui-resizable-handle { |
|
15747 display: none; |
|
15748 } |
|
15749 .ui-resizable-n { |
|
15750 cursor: n-resize; |
|
15751 height: 7px; |
|
15752 width: 100%; |
|
15753 top: -5px; |
|
15754 left: 0; |
|
15755 } |
|
15756 .ui-resizable-s { |
|
15757 cursor: s-resize; |
|
15758 height: 7px; |
|
15759 width: 100%; |
|
15760 bottom: -5px; |
|
15761 left: 0; |
|
15762 } |
|
15763 .ui-resizable-e { |
|
15764 cursor: e-resize; |
|
15765 width: 7px; |
|
15766 right: -5px; |
|
15767 top: 0; |
|
15768 height: 100%; |
|
15769 } |
|
15770 .ui-resizable-w { |
|
15771 cursor: w-resize; |
|
15772 width: 7px; |
|
15773 left: -5px; |
|
15774 top: 0; |
|
15775 height: 100%; |
|
15776 } |
|
15777 .ui-resizable-se { |
|
15778 cursor: se-resize; |
|
15779 width: 12px; |
|
15780 height: 12px; |
|
15781 right: 1px; |
|
15782 bottom: 1px; |
|
15783 } |
|
15784 .ui-resizable-sw { |
|
15785 cursor: sw-resize; |
|
15786 width: 9px; |
|
15787 height: 9px; |
|
15788 left: -5px; |
|
15789 bottom: -5px; |
|
15790 } |
|
15791 .ui-resizable-nw { |
|
15792 cursor: nw-resize; |
|
15793 width: 9px; |
|
15794 height: 9px; |
|
15795 left: -5px; |
|
15796 top: -5px; |
|
15797 } |
|
15798 .ui-resizable-ne { |
|
15799 cursor: ne-resize; |
|
15800 width: 9px; |
|
15801 height: 9px; |
|
15802 right: -5px; |
|
15803 top: -5px; |
|
15804 } |
|
15805 /* |
|
15806 * UI selectable |
|
15807 */ |
|
15808 .ui-selectable-helper { |
|
15809 position: absolute; |
|
15810 z-index: 100; |
|
15811 border: 1px dotted #000; |
|
15812 } |
|
15813 /* |
|
15814 * UI accordion |
|
15815 */ |
|
15816 .ui-accordion { |
|
15817 width: 100%; |
|
15818 } |
|
15819 .ui-accordion .ui-accordion-li-fix { |
|
15820 display: inline; |
|
15821 } |
|
15822 .ui-accordion .ui-accordion-header { |
|
15823 display: block; |
|
15824 position: relative; |
|
15825 margin-top: -2px; |
|
15826 border-color: #ddd!important; |
|
15827 padding: 10px 15px 10px 36px!important; |
|
15828 cursor: pointer; |
|
15829 min-height: 0; |
|
15830 background-color: #fbfbfb; |
|
15831 border-radius: 0; |
|
15832 font-size: 15px; |
|
15833 } |
|
15834 .ui-accordion .ui-accordion-header-active { |
|
15835 border-bottom: 0!important; |
|
15836 } |
|
15837 .ui-accordion .ui-accordion-icons { |
|
15838 padding-left: 2.2em; |
|
15839 } |
|
15840 .ui-accordion .ui-accordion-noicons { |
|
15841 padding-left: .7em; |
|
15842 } |
|
15843 .ui-accordion .ui-accordion-icons .ui-accordion-icons { |
|
15844 padding-left: 2.2em; |
|
15845 } |
|
15846 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { |
|
15847 position: absolute; |
|
15848 left: .5em; |
|
15849 top: 50%; |
|
15850 margin-top: -8px; |
|
15851 text-indent: 0!important; |
|
15852 background-image: none!important; |
|
15853 text-align: center; |
|
15854 line-height: normal; |
|
15855 left: 12px!important; |
|
15856 margin-top: -6px !important; |
|
15857 font-size: 14px!important; |
|
15858 } |
|
15859 .ui-accordion .ui-accordion-content { |
|
15860 margin-top: -3px; |
|
15861 border-radius: 0; |
|
15862 border-top: 0 none; |
|
15863 border-color: #ddd!important; |
|
15864 padding: 15px; |
|
15865 position: relative; |
|
15866 top: 1px; |
|
15867 margin-bottom: 2px; |
|
15868 overflow: auto; |
|
15869 display: none; |
|
15870 } |
|
15871 .ui-accordion .ui-accordion-content-active { |
|
15872 display: block; |
|
15873 } |
|
15874 .ui-accordion-header-active + .ui-accordion-content { |
|
15875 border-top: 1px solid #ddd; |
|
15876 } |
|
15877 .noUi-target * { |
|
15878 -webkit-box-sizing: border-box; |
|
15879 -moz-box-sizing: border-box; |
|
15880 box-sizing: border-box; |
|
15881 -webkit-touch-callout: none; |
|
15882 -ms-touch-action: none; |
|
15883 -webkit-user-select: none; |
|
15884 -moz-user-select: none; |
|
15885 -ms-user-select: none; |
|
15886 cursor: default; |
|
15887 } |
|
15888 .noUi-target *[disabled] .noUi-base { |
|
15889 background: #999; |
|
15890 } |
|
15891 .noUi-target *[disabled] .noUi-connect { |
|
15892 background: #BBB; |
|
15893 } |
|
15894 .noUi-base { |
|
15895 width: 100%; |
|
15896 height: 14px; |
|
15897 position: relative; |
|
15898 max-width: 100%; |
|
15899 max-height: 100%; |
|
15900 border: 1px solid #bfbfbf; |
|
15901 z-index: 1; |
|
15902 } |
|
15903 .noUi-origin-lower { |
|
15904 background: #72a8d7; |
|
15905 } |
|
15906 .noUi-handle { |
|
15907 background: #858585; |
|
15908 height: 30px; |
|
15909 width: 16px; |
|
15910 border: 1px solid #fff; |
|
15911 margin: -8px 0 0 -8px; |
|
15912 cursor: default; |
|
15913 } |
|
15914 .noUi-handle:hover { |
|
15915 background: #6c6c6c; |
|
15916 } |
|
15917 .noUi-active { |
|
15918 cursor: default; |
|
15919 -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0; |
|
15920 box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0; |
|
15921 background: #686868; |
|
15922 height: 32px; |
|
15923 width: 18px; |
|
15924 margin: -9px 0 0 -8px; |
|
15925 border: 0; |
|
15926 } |
|
15927 .noUi-active:after { |
|
15928 -webkit-box-sizing: border-box; |
|
15929 -moz-box-sizing: border-box; |
|
15930 box-sizing: border-box; |
|
15931 content: ""; |
|
15932 display: block; |
|
15933 height: 100%; |
|
15934 border: 1px solid #ddd; |
|
15935 } |
|
15936 .noUi-connect { |
|
15937 background: #3276b1; |
|
15938 } |
|
15939 .noUi-background { |
|
15940 background: #eee; |
|
15941 border: 0; |
|
15942 } |
|
15943 .noUi-origin { |
|
15944 position: absolute; |
|
15945 right: 0; |
|
15946 top: 0; |
|
15947 bottom: 0; |
|
15948 z-index: 0; |
|
15949 } |
|
15950 .noUi-origin-upper { |
|
15951 background: inherit!important; |
|
15952 } |
|
15953 .noUi-z-index { |
|
15954 z-index: 10; |
|
15955 } |
|
15956 .noUi-vertical { |
|
15957 width: 10px; |
|
15958 height: 100%; |
|
15959 } |
|
15960 .noUi-vertical .noUi-origin { |
|
15961 bottom: 0; |
|
15962 left: 0; |
|
15963 } |
|
15964 .noUi-vertical .noUi-handle { |
|
15965 margin: -8px 0 0 -3px; |
|
15966 } |
|
15967 .noUi-state-tap .noUi-origin { |
|
15968 -webkit-transition: left .3s, top .3s; |
|
15969 transition: left .3s, top .3s; |
|
15970 } |
|
15971 /** |
|
15972 * UI modal dialog |
|
15973 */ |
|
15974 .modal-backdrop, |
|
15975 .modal-backdrop.fade.in { |
|
15976 position: fixed; |
|
15977 width: 100%; |
|
15978 height: 100%; |
|
15979 z-index: 990; |
|
15980 } |
|
15981 .modal-dialog.modal-max { |
|
15982 width: 98%; |
|
15983 max-width: 98%; |
|
15984 } |
|
15985 @media only screen and (min-width: 768px) { |
|
15986 .modal-dialog.modal-xlarge { |
|
15987 width: 95%; |
|
15988 max-width: 1000px; |
|
15989 } |
|
15990 } |
|
15991 @media only screen and (min-width: 768px) { |
|
15992 .modal-dialog.modal-large { |
|
15993 width: 80%; |
|
15994 max-width: 900px; |
|
15995 } |
|
15996 } |
|
15997 @media only screen and (min-width: 768px) { |
|
15998 .modal-dialog.modal-medium { |
|
15999 width: 60%; |
|
16000 max-width: 650px; |
|
16001 } |
|
16002 } |
|
16003 @media only screen and (min-width: 768px) { |
|
16004 .modal-dialog.modal-small { |
|
16005 width: 40%; |
|
16006 max-width: 450px; |
|
16007 } |
|
16008 } |
|
16009 .modal-dialog .modal-body .modal-viewport { |
|
16010 min-height: 140px; |
|
16011 } |
|
16012 .modal-dialog .close:hover { |
|
16013 background-color: white; |
|
16014 } |
|
16015 .modal-dialog .suffix .alert { |
|
16016 margin-bottom: 0; |
|
16017 } |
|
16018 .modal-dialog .suffix .alert:last-child { |
|
16019 border-radius: 0 0 5px 5px; |
|
16020 } |
|
16021 .modal-header { |
|
16022 position: relative; |
|
16023 cursor: move; |
|
16024 } |
|
16025 .modal-header .toolbar { |
|
16026 position: absolute; |
|
16027 right: 25px; |
|
16028 bottom: -19px; |
|
16029 z-index: 1; |
|
16030 } |
|
16031 .modal-title { |
|
16032 min-height: 1.1em; |
|
16033 } |
|
16034 .modal-title img { |
|
16035 margin: 0 15px 0 0; |
|
16036 } |
|
16037 .modal-overflow { |
|
16038 position: relative; |
|
16039 height: 98%; |
|
16040 } |
|
16041 .modal-overflow .modal-body { |
|
16042 overflow: hidden; |
|
16043 } |
|
16044 .modal-overflow .scrollmarker { |
|
16045 position: absolute; |
|
16046 width: 100%; |
|
16047 height: 20px; |
|
16048 } |
|
16049 .modal-overflow .scrollmarker.top { |
|
16050 background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16051 /* FF3.6+ */ |
|
16052 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))); |
|
16053 /* Chrome,Safari4+ */ |
|
16054 background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16055 /* Chrome10+,Safari5.1+ */ |
|
16056 background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16057 /* Opera 11.10+ */ |
|
16058 background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16059 /* IE10+ */ |
|
16060 background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16061 /* W3C */ |
|
16062 } |
|
16063 .modal-overflow .scrollmarker.bottom { |
|
16064 background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16065 /* FF3.6+ */ |
|
16066 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))); |
|
16067 /* Chrome,Safari4+ */ |
|
16068 background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16069 /* Chrome10+,Safari5.1+ */ |
|
16070 background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16071 /* Opera 11.10+ */ |
|
16072 background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16073 /* IE10+ */ |
|
16074 background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); |
|
16075 /* W3C */ |
|
16076 } |
|
16077 @media only screen and (max-width: 991px) { |
|
16078 .modal-overflow .scrollmarker { |
|
16079 display: none; |
|
16080 } |
|
16081 } |
|
16082 .modal-viewport { |
|
16083 overflow-x: hidden; |
|
16084 overflow-y: auto; |
|
16085 } |
|
16086 .modal-viewport fieldset .alert { |
|
16087 margin: 0 -5px 5px !important; |
|
16088 } |
|
16089 .ui-dialog { |
|
16090 position: absolute; |
|
16091 top: 0; |
|
16092 left: 0; |
|
16093 padding: 0; |
|
16094 width: 300px; |
|
16095 overflow: hidden; |
|
16096 -webkit-background-clip: padding-box; |
|
16097 background-clip: padding-box; |
|
16098 background-color: #fff; |
|
16099 border-radius: 3px; |
|
16100 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
|
16101 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
|
16102 border: 1px solid rgba(0, 0, 0, 0.2); |
|
16103 outline: medium none; |
|
16104 z-index: 1050; |
|
16105 } |
|
16106 .ui-dialog .ui-dialog-titlebar { |
|
16107 position: relative; |
|
16108 padding: 0 10px; |
|
16109 background: #fff; |
|
16110 border-color: #fff; |
|
16111 font-size: 18px; |
|
16112 text-decoration: none; |
|
16113 border: 0 0 0 1px solid; |
|
16114 border-bottom-right-radius: 0; |
|
16115 border-bottom-left-radius: 0; |
|
16116 border-bottom: 1px solid #ccc; |
|
16117 border-bottom-color: #eee; |
|
16118 } |
|
16119 .ui-dialog .ui-dialog-title { |
|
16120 float: left; |
|
16121 margin: 0; |
|
16122 color: #404040; |
|
16123 font-weight: 700; |
|
16124 padding: 5px; |
|
16125 text-overflow: ellipsis; |
|
16126 overflow: hidden; |
|
16127 } |
|
16128 .ui-dialog .ui-dialog-titlebar-close { |
|
16129 position: absolute; |
|
16130 right: .3em; |
|
16131 top: 50%; |
|
16132 width: 19px; |
|
16133 margin: -16px 4px 0 0; |
|
16134 padding: 1px; |
|
16135 height: 18px; |
|
16136 font-size: 20px; |
|
16137 font-weight: 700; |
|
16138 line-height: 13.5px; |
|
16139 text-shadow: 0 1px 0 #fff; |
|
16140 filter: alpha(opacity=25); |
|
16141 -khtml-opacity: .25; |
|
16142 -moz-opacity: .25; |
|
16143 opacity: .25; |
|
16144 background: 0 0; |
|
16145 border: 0; |
|
16146 -webkit-box-shadow: none; |
|
16147 box-shadow: none; |
|
16148 } |
|
16149 .ui-dialog .ui-dialog-titlebar-close:before { |
|
16150 content: "\f00d"; |
|
16151 font-family: FontAwesome; |
|
16152 font-style: normal; |
|
16153 font-weight: 400; |
|
16154 line-height: 1; |
|
16155 -webkit-font-smoothing: antialiased; |
|
16156 -moz-osx-font-smoothing: grayscale; |
|
16157 font-size: 13px; |
|
16158 } |
|
16159 .ui-dialog .ui-dialog-titlebar-close:focus, |
|
16160 .ui-dialog .ui-dialog-titlebar-close:hover { |
|
16161 padding: 1px; |
|
16162 filter: alpha(opacity=90); |
|
16163 -moz-opacity: .9; |
|
16164 opacity: .9; |
|
16165 } |
|
16166 .ui-dialog .ui-dialog-titlebar-close span { |
|
16167 display: block; |
|
16168 margin: 1px; |
|
16169 text-indent: 9999px; |
|
16170 } |
|
16171 .ui-dialog .ui-dialog-content { |
|
16172 position: relative; |
|
16173 border: 0; |
|
16174 padding: .5em 1em; |
|
16175 background: 0 0; |
|
16176 overflow: auto; |
|
16177 } |
|
16178 .ui-dialog .ui-dialog-buttonpane { |
|
16179 margin: 13px 0 0; |
|
16180 padding: 19px 15px 20px; |
|
16181 border-top: 1px solid #eee; |
|
16182 border-width: 1px 0 0; |
|
16183 border-radius: 0 0 6px 6px; |
|
16184 background-image: none; |
|
16185 background-color: #fff; |
|
16186 -webkit-box-shadow: inset 0 1px 0 #fff; |
|
16187 box-shadow: inset 0 1px 0 #fff; |
|
16188 text-align: right; |
|
16189 } |
|
16190 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { |
|
16191 float: right; |
|
16192 } |
|
16193 .ui-dialog .ui-dialog-buttonpane button { |
|
16194 margin: 0 .4em 0 0; |
|
16195 cursor: pointer; |
|
16196 } |
|
16197 .ui-dialog .ui-resizable-se { |
|
16198 width: 14px; |
|
16199 height: 14px; |
|
16200 right: 3px; |
|
16201 bottom: 3px; |
|
16202 } |
|
16203 .ui-draggable .ui-dialog-titlebar { |
|
16204 cursor: move; |
|
16205 } |
|
16206 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { |
|
16207 color: #fff; |
|
16208 background-color: #428bca; |
|
16209 border-color: #357ebd; |
|
16210 } |
|
16211 .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover { |
|
16212 color: #fff; |
|
16213 background-color: #3276b1; |
|
16214 border-color: #285e8e; |
|
16215 } |
|
16216 .ui-dialog-buttonset .ui-button:not(:first-child) { |
|
16217 cursor: pointer; |
|
16218 display: inline-block; |
|
16219 color: #333; |
|
16220 background-color: #fff; |
|
16221 border: 1px solid #ccc; |
|
16222 -webkit-transition: .1s linear all; |
|
16223 transition: .1s linear all; |
|
16224 overflow: visible; |
|
16225 } |
|
16226 .ui-dialog-buttonset .ui-button:not(:first-child) .ui-state-hover { |
|
16227 color: #333; |
|
16228 background-color: #ebebeb; |
|
16229 border-color: #adadad; |
|
16230 text-decoration: none; |
|
16231 } |
|
16232 .ui-dialog-buttonset .ui-button.ui-button-info { |
|
16233 color: #fff; |
|
16234 background-color: #5bc0de; |
|
16235 border-color: #46b8da; |
|
16236 } |
|
16237 .ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover { |
|
16238 color: #fff; |
|
16239 background-color: #39b3d7; |
|
16240 border-color: #269abc; |
|
16241 } |
|
16242 .ui-dialog-buttonset .ui-button.ui-button-success { |
|
16243 color: #fff; |
|
16244 background-color: #5cb85c; |
|
16245 border-color: #4cae4c; |
|
16246 } |
|
16247 .ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover { |
|
16248 color: #fff; |
|
16249 background-color: #47a447; |
|
16250 border-color: #398439; |
|
16251 } |
|
16252 .ui-dialog-buttonset .ui-button.ui-button-warning { |
|
16253 color: #fff; |
|
16254 background-color: #f0ad4e; |
|
16255 border-color: #eea236; |
|
16256 } |
|
16257 .ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover { |
|
16258 color: #fff; |
|
16259 background-color: #ed9c28; |
|
16260 border-color: #d58512; |
|
16261 } |
|
16262 .ui-dialog-buttonset .ui-button.ui-button-danger { |
|
16263 color: #fff; |
|
16264 background-color: #d9534f; |
|
16265 border-color: #d43f3a; |
|
16266 } |
|
16267 .ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover { |
|
16268 color: #fff; |
|
16269 background-color: #d2322d; |
|
16270 border-color: #ac2925; |
|
16271 } |
|
16272 .ui-dialog-buttonset .ui-button.ui-button-inverse { |
|
16273 color: #fff; |
|
16274 background-color: #222; |
|
16275 border-color: #080808; |
|
16276 } |
|
16277 .ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover { |
|
16278 color: #fff; |
|
16279 background-color: #363636; |
|
16280 border-color: #000; |
|
16281 } |
|
16282 /* |
|
16283 * Pricing-style component |
|
16284 */ |
|
16285 .pricing-big { |
|
16286 border: 0!important; |
|
16287 } |
|
16288 .pricing-big .panel-heading { |
|
16289 border-radius: 5px 5px 0 0; |
|
16290 } |
|
16291 .pricing-big .panel-title { |
|
16292 text-transform: capitalize; |
|
16293 font-size: 18px; |
|
16294 padding: 20px 0; |
|
16295 text-align: center; |
|
16296 border-radius: 5px 5px 0 0; |
|
16297 margin: 0; |
|
16298 font-weight: 700; |
|
16299 } |
|
16300 .pricing-big .the-price { |
|
16301 padding: 20px 0; |
|
16302 background: #333; |
|
16303 text-align: center; |
|
16304 font-size: 24px; |
|
16305 font-weight: 700; |
|
16306 color: #FFF; |
|
16307 -webkit-box-shadow: none!important; |
|
16308 box-shadow: none!important; |
|
16309 } |
|
16310 .pricing-big .subscript { |
|
16311 font-size: 18px; |
|
16312 color: #999; |
|
16313 margin-left: 5px; |
|
16314 } |
|
16315 .pricing-big .panel-footer { |
|
16316 border-radius: 0 0 5px 5px; |
|
16317 background-color: #F2F2F2!important; |
|
16318 } |
|
16319 .pricing-big .panel-footer > div { |
|
16320 padding: 15px 0 10px; |
|
16321 display: block; |
|
16322 font-size: 13px; |
|
16323 } |
|
16324 .pricing-big .panel-footer .btn { |
|
16325 padding: 15px 0; |
|
16326 border-radius: 3px; |
|
16327 font-weight: 700; |
|
16328 font-size: 14px; |
|
16329 } |
|
16330 .pricing-big .panel-footer .btn span { |
|
16331 font-weight: 400; |
|
16332 font-style: italic; |
|
16333 } |
|
16334 .pricing-big table { |
|
16335 background: #FAFAFA; |
|
16336 padding: 20px 15px; |
|
16337 height: 230px; |
|
16338 text-align: left; |
|
16339 } |
|
16340 .price-features { |
|
16341 background: #FAFAFA; |
|
16342 padding: 20px 15px; |
|
16343 min-height: 230px; |
|
16344 font-size: 13.5px; |
|
16345 } |
|
16346 .price-features .price-features li + li { |
|
16347 margin-top: 10px; |
|
16348 } |
|
16349 /* |
|
16350 * Superbox component |
|
16351 */ |
|
16352 .superbox *, |
|
16353 .superbox :after, |
|
16354 .superbox :before { |
|
16355 margin: 0; |
|
16356 padding: 0; |
|
16357 box-sizing: border-box; |
|
16358 -webkit-box-sizing: border-box; |
|
16359 -moz-box-sizing: border-box; |
|
16360 -webkit-font-smoothing: antialiased; |
|
16361 -moz-font-smoothing: antialiased; |
|
16362 -o-font-smoothing: antialiased; |
|
16363 font-smoothing: antialiased; |
|
16364 text-rendering: optimizeLegibility; |
|
16365 } |
|
16366 .superbox-list { |
|
16367 display: inline-block; |
|
16368 *display: inline; |
|
16369 zoom: 1; |
|
16370 width: 12.5%; |
|
16371 padding: 5px; |
|
16372 position: relative; |
|
16373 } |
|
16374 .superbox-list.active:before { |
|
16375 content: "\f0d8"; |
|
16376 font-family: FontAwesome; |
|
16377 display: block; |
|
16378 position: absolute; |
|
16379 left: 43%; |
|
16380 bottom: -34px; |
|
16381 z-index: 2; |
|
16382 text-align: center; |
|
16383 font-size: 45px; |
|
16384 color: #222; |
|
16385 } |
|
16386 @media only screen and (min-width: 320px) { |
|
16387 .superbox-list { |
|
16388 width: 50%; |
|
16389 } |
|
16390 } |
|
16391 @media only screen and (min-width: 486px) { |
|
16392 .superbox-list { |
|
16393 width: 25%; |
|
16394 } |
|
16395 } |
|
16396 @media only screen and (min-width: 768px) { |
|
16397 .superbox-list { |
|
16398 width: 16.66666667%; |
|
16399 } |
|
16400 } |
|
16401 @media only screen and (min-width: 1025px) { |
|
16402 .superbox-list { |
|
16403 width: 12.5%; |
|
16404 } |
|
16405 } |
|
16406 @media only screen and (min-width: 1824px) { |
|
16407 .superbox-list { |
|
16408 width: 12.5%; |
|
16409 } |
|
16410 } |
|
16411 .superbox-img { |
|
16412 max-width: 100%; |
|
16413 width: 100%; |
|
16414 cursor: pointer; |
|
16415 } |
|
16416 .superbox-show { |
|
16417 text-align: left; |
|
16418 position: relative; |
|
16419 background-color: #222; |
|
16420 width: 100%; |
|
16421 float: left; |
|
16422 padding: 25px 0 12px 25px; |
|
16423 display: none; |
|
16424 margin: 5px 0; |
|
16425 } |
|
16426 .superbox-current-img { |
|
16427 max-width: 100%; |
|
16428 float: left; |
|
16429 padding-right: 25px; |
|
16430 padding-bottom: 13px; |
|
16431 } |
|
16432 .superbox-img:hover { |
|
16433 opacity: .8; |
|
16434 } |
|
16435 .superbox-float { |
|
16436 float: left; |
|
16437 } |
|
16438 .superbox-close { |
|
16439 opacity: .7; |
|
16440 cursor: pointer; |
|
16441 position: absolute; |
|
16442 top: 15px; |
|
16443 right: 15px; |
|
16444 -webkit-transition: all .1s linear 0s; |
|
16445 transition: all .1s linear 0s; |
|
16446 } |
|
16447 .superbox-close:hover { |
|
16448 opacity: 1; |
|
16449 } |
|
16450 .superbox-imageinfo { |
|
16451 display: inline-block; |
|
16452 max-width: 500px; |
|
16453 color: #fff; |
|
16454 padding: 0 25px 0 0; |
|
16455 } |
|
16456 .superbox-imageinfo span { |
|
16457 font-size: 13px; |
|
16458 color: #a19994; |
|
16459 margin-right: -2px; |
|
16460 padding-top: 10px; |
|
16461 display: inline-block; |
|
16462 padding-bottom: 13px; |
|
16463 } |
|
16464 .superbox-imageinfo > :first-child { |
|
16465 margin-bottom: 10px; |
|
16466 font-weight: 700; |
|
16467 } |
|
16468 .superbox-imageinfo span p:last-child { |
|
16469 margin-top: 30px; |
|
16470 } |
|
16471 /* |
|
16472 * Bootstrap tags input |
|
16473 */ |
|
16474 .bootstrap-tagsinput { |
|
16475 display: block; |
|
16476 width: 100%; |
|
16477 min-height: 32px; |
|
16478 padding: 1px 3px; |
|
16479 font-size: 13px; |
|
16480 line-height: 1.428571429; |
|
16481 color: #555; |
|
16482 vertical-align: middle; |
|
16483 background-color: #FFF; |
|
16484 border: 1px solid #CCC; |
|
16485 border-radius: 0; |
|
16486 } |
|
16487 .bootstrap-tagsinput > span { |
|
16488 border-radius: 0!important; |
|
16489 font-weight: 400; |
|
16490 padding: 3px 28px 4px 8px; |
|
16491 font-size: 13px; |
|
16492 border: 1px solid #285E8E; |
|
16493 background: #3276B1; |
|
16494 } |
|
16495 .bootstrap-tagsinput input { |
|
16496 border: 0; |
|
16497 -webkit-box-shadow: none; |
|
16498 box-shadow: none; |
|
16499 outline: 0; |
|
16500 background-color: transparent; |
|
16501 padding: 0; |
|
16502 margin: 0; |
|
16503 width: auto!important; |
|
16504 max-width: inherit; |
|
16505 } |
|
16506 .bootstrap-tagsinput input:focus { |
|
16507 border: 0; |
|
16508 -webkit-box-shadow: none; |
|
16509 box-shadow: none; |
|
16510 } |
|
16511 .bootstrap-tagsinput .tag { |
|
16512 color: #FFF; |
|
16513 position: relative; |
|
16514 margin: 3px 0 3px 2px; |
|
16515 display: inline-block; |
|
16516 } |
|
16517 .bootstrap-tagsinput .tag [data-role=remove] { |
|
16518 display: block; |
|
16519 top: -1px; |
|
16520 right: 0; |
|
16521 padding: 3px 4px 3px 5px; |
|
16522 width: 23px; |
|
16523 height: 22px; |
|
16524 position: absolute; |
|
16525 cursor: pointer; |
|
16526 } |
|
16527 .bootstrap-tagsinput .tag [data-role=remove]:after { |
|
16528 content: "\f057"; |
|
16529 font-family: fontAwesome; |
|
16530 padding: 2px 1px; |
|
16531 line-height: 17px; |
|
16532 font-size: 15px; |
|
16533 text-align: center; |
|
16534 } |
|
16535 .bootstrap-tagsinput .tag [data-role=remove]:hover { |
|
16536 background: rgba(0, 0, 0, 0.3); |
|
16537 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
16538 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
16539 } |
|
16540 .bootstrap-tagsinput .tag [data-role=remove]:hover:active { |
|
16541 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
16542 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
16543 } |
|
16544 /* |
|
16545 * Bootstrap slider |
|
16546 */ |
|
16547 .slider { |
|
16548 display: inline-block; |
|
16549 vertical-align: middle; |
|
16550 position: relative; |
|
16551 margin-top: 0; |
|
16552 margin-bottom: 30px; |
|
16553 } |
|
16554 .slider.slider-horizontal { |
|
16555 width: 100%!important; |
|
16556 height: 20px; |
|
16557 } |
|
16558 .slider.slider-horizontal .slider-track { |
|
16559 height: 10px; |
|
16560 width: 100%; |
|
16561 margin-top: -5px; |
|
16562 top: 50%; |
|
16563 left: 0; |
|
16564 } |
|
16565 .slider.slider-horizontal .slider-selection { |
|
16566 height: 100%; |
|
16567 top: 0; |
|
16568 bottom: 0; |
|
16569 } |
|
16570 .slider.slider-horizontal .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { |
|
16571 content: "\f0d9"; |
|
16572 } |
|
16573 .slider.slider-horizontal .slider-handle { |
|
16574 margin-left: -10px; |
|
16575 margin-top: -5px; |
|
16576 } |
|
16577 .slider.slider-horizontal .slider-handle.triangle { |
|
16578 width: 20px; |
|
16579 height: 20px; |
|
16580 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
16581 -webkit-transform: rotate(0deg); |
|
16582 -ms-transform: rotate(0deg); |
|
16583 transform: rotate(0deg); |
|
16584 border: 0; |
|
16585 line-height: 21px; |
|
16586 color: #797777; |
|
16587 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); |
|
16588 } |
|
16589 .slider.slider-horizontal .slider-handle.triangle:before { |
|
16590 content: "\f0da"; |
|
16591 font-size: 34px; |
|
16592 } |
|
16593 .slider.slider-vertical { |
|
16594 margin-bottom: 0; |
|
16595 margin-right: 5px; |
|
16596 height: 210px; |
|
16597 width: 20px; |
|
16598 } |
|
16599 .slider.slider-vertical .slider-track { |
|
16600 width: 10px; |
|
16601 height: 100%; |
|
16602 margin-left: -5px; |
|
16603 left: 50%; |
|
16604 top: 0; |
|
16605 } |
|
16606 .slider.slider-vertical .slider-selection { |
|
16607 width: 100%; |
|
16608 left: 0; |
|
16609 top: 0; |
|
16610 bottom: 0; |
|
16611 } |
|
16612 .slider.slider-vertical .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { |
|
16613 content: "\f0d8"; |
|
16614 text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); |
|
16615 } |
|
16616 .slider.slider-vertical .slider-handle { |
|
16617 margin-left: -5px; |
|
16618 margin-top: -10px; |
|
16619 } |
|
16620 .slider.slider-vertical .slider-handle.triangle { |
|
16621 width: 20px; |
|
16622 height: 20px; |
|
16623 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
16624 -webkit-transform: rotate(0deg); |
|
16625 -ms-transform: rotate(0deg); |
|
16626 transform: rotate(0deg); |
|
16627 border: 0; |
|
16628 line-height: 21px; |
|
16629 color: #797777; |
|
16630 text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); |
|
16631 } |
|
16632 .slider.slider-vertical .slider-handle.triangle:before { |
|
16633 content: "\f0d7"; |
|
16634 font-size: 32px; |
|
16635 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); |
|
16636 } |
|
16637 .slider input { |
|
16638 display: none; |
|
16639 } |
|
16640 .slider .tooltip-inner { |
|
16641 white-space: nowrap; |
|
16642 } |
|
16643 .slider-track { |
|
16644 position: absolute; |
|
16645 cursor: pointer; |
|
16646 background: #E5E5E5; |
|
16647 } |
|
16648 .slider-danger + .slider-track > .slider-selection { |
|
16649 background: #a90329; |
|
16650 } |
|
16651 .slider-warning + .slider-track > .slider-selection { |
|
16652 background: #c79121; |
|
16653 } |
|
16654 .slider-info + .slider-track > .slider-selection { |
|
16655 background: #57889c; |
|
16656 } |
|
16657 .slider-success + .slider-track > .slider-selection { |
|
16658 background: #739e73; |
|
16659 } |
|
16660 .slider-selection { |
|
16661 position: absolute; |
|
16662 background: #3276b1; |
|
16663 } |
|
16664 .slider-handle { |
|
16665 position: absolute; |
|
16666 width: 20px; |
|
16667 height: 20px; |
|
16668 border: 1px solid #FFF; |
|
16669 background: #858585; |
|
16670 display: inline-block; |
|
16671 font-family: FontAwesome; |
|
16672 font-style: normal; |
|
16673 font-weight: 400; |
|
16674 -webkit-font-smoothing: antialiased; |
|
16675 -moz-osx-font-smoothing: grayscale; |
|
16676 text-align: center; |
|
16677 line-height: 18px; |
|
16678 font-size: 10px; |
|
16679 color: #ccc; |
|
16680 text-shadow: 0 1px 0 rgba(77, 77, 77, 0.5); |
|
16681 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); |
|
16682 -webkit-transform: rotate(90deg); |
|
16683 -ms-transform: rotate(90deg); |
|
16684 transform: rotate(90deg); |
|
16685 } |
|
16686 .slider-handle:before { |
|
16687 content: "\f0c9"; |
|
16688 } |
|
16689 .slider-handle.round { |
|
16690 border-radius: 20px; |
|
16691 width: 20px; |
|
16692 height: 20px; |
|
16693 } |
|
16694 .slider-handle.triangle { |
|
16695 background: transparent none; |
|
16696 } |
|
16697 /* |
|
16698 * fd-slider widget |
|
16699 */ |
|
16700 .fd-form-element-hidden { |
|
16701 display: none; |
|
16702 } |
|
16703 .fd-slider { |
|
16704 width: 100%; |
|
16705 height: 20px; |
|
16706 margin: 0; |
|
16707 } |
|
16708 .fd-slider-vertical { |
|
16709 width: 20px; |
|
16710 height: 100%; |
|
16711 margin: 0 10px 10px 0; |
|
16712 } |
|
16713 .fd-slider, |
|
16714 .fd-slider-vertical { |
|
16715 display: block; |
|
16716 position: relative; |
|
16717 text-decoration: none; |
|
16718 border: 0 none; |
|
16719 -moz-user-select: none; |
|
16720 -khtml-user-select: none; |
|
16721 -webkit-touch-callout: none; |
|
16722 -webkit-user-select: none; |
|
16723 -ms-user-select: none; |
|
16724 user-select: none; |
|
16725 } |
|
16726 .fd-slider-inner { |
|
16727 display: none; |
|
16728 } |
|
16729 .fd-slider-bar { |
|
16730 position: absolute; |
|
16731 display: block; |
|
16732 z-index: 2; |
|
16733 height: 6px; |
|
16734 width: 100%; |
|
16735 border: 1px solid #bbb; |
|
16736 border-bottom: 1px solid #fff; |
|
16737 border-right: 1px solid #fff; |
|
16738 margin: 0; |
|
16739 padding: 0; |
|
16740 overflow: hidden; |
|
16741 line-height: 4px; |
|
16742 top: 8px; |
|
16743 border-radius: 4px; |
|
16744 -webkit-background-clip: padding-box; |
|
16745 background-clip: padding-box; |
|
16746 background-color: #333; |
|
16747 } |
|
16748 .fd-slider-range { |
|
16749 position: absolute; |
|
16750 display: block; |
|
16751 z-index: 3; |
|
16752 height: 6px; |
|
16753 margin: 0; |
|
16754 padding: 0 2px 0 0; |
|
16755 overflow: hidden; |
|
16756 top: 9px; |
|
16757 border-radius: 2px; |
|
16758 -webkit-background-clip: padding-box; |
|
16759 background-clip: padding-box; |
|
16760 background-color: #eee; |
|
16761 } |
|
16762 .fd-slider-handle { |
|
16763 position: absolute; |
|
16764 display: block; |
|
16765 padding: 0; |
|
16766 margin: 0 0 0 1px; |
|
16767 z-index: 3; |
|
16768 top: 5px; |
|
16769 left: 0; |
|
16770 width: 12px; |
|
16771 height: 12px; |
|
16772 line-height: 1px!important; |
|
16773 outline: 0 none; |
|
16774 background: #eee; |
|
16775 border: 1px solid #aaa; |
|
16776 border-radius: 12px; |
|
16777 -webkit-user-select: none; |
|
16778 -webkit-touch-callout: none; |
|
16779 -moz-user-select: none; |
|
16780 -moz-user-focus: none; |
|
16781 -moz-outline: 0 none; |
|
16782 -ms-user-select: none; |
|
16783 user-select: none; |
|
16784 } |
|
16785 .fd-slider-handle:focus { |
|
16786 outline: 0 none; |
|
16787 border: 0 none; |
|
16788 -moz-user-focus: normal; |
|
16789 } |
|
16790 .fd-slider-handle:before, |
|
16791 .fd-slider-handle:after { |
|
16792 opacity: 0; |
|
16793 -webkit-transition-property: opacity; |
|
16794 -webkit-transition-duration: 1s; |
|
16795 -webkit-transition-delay: 1s; |
|
16796 transition-property: opacity; |
|
16797 transition-duration: 1s; |
|
16798 transition-delay: 1s; |
|
16799 } |
|
16800 button.fd-slider-handle:focus::-moz-focus-inner { |
|
16801 border-color: transparent; |
|
16802 } |
|
16803 .oldie .fd-slider-handle:after, |
|
16804 .oldie .fd-slider-handle:before { |
|
16805 display: none; |
|
16806 } |
|
16807 body.fd-slider-drag-horizontal, |
|
16808 body.fd-slider-drag-horizontal *, |
|
16809 body.fd-slider-drag-vertical, |
|
16810 body.fd-slider-drag-vertical * { |
|
16811 -moz-user-select: none; |
|
16812 -webkit-user-select: none; |
|
16813 -ms-user-select: none; |
|
16814 user-select: none; |
|
16815 } |
|
16816 .fd-slider-active .fd-slider-handle :before, |
|
16817 .fd-slider-focused .fd-slider-handle :before, |
|
16818 .fd-slider-hover .fd-slider-handle :before { |
|
16819 display: block; |
|
16820 position: absolute; |
|
16821 top: -21px; |
|
16822 left: -8px; |
|
16823 margin: 0; |
|
16824 width: 20px; |
|
16825 padding: 3px; |
|
16826 height: 14px; |
|
16827 line-height: 12px; |
|
16828 text-align: center; |
|
16829 font-size: 10px; |
|
16830 font-weight: 700; |
|
16831 color: #fff; |
|
16832 text-shadow: 1px 1px 1px #1a3a95; |
|
16833 background: #2f6ee0; |
|
16834 z-index: 1; |
|
16835 content: attr(aria-valuetext); |
|
16836 border-radius: 3px; |
|
16837 -webkit-background-clip: padding-box; |
|
16838 background-clip: padding-box; |
|
16839 -webkit-box-shadow: 0 0 4px #aaa; |
|
16840 box-shadow: 0 0 4px #999; |
|
16841 opacity: 1; |
|
16842 } |
|
16843 .fd-slider-active .fd-slider-handle:after, |
|
16844 .fd-slider-focused .fd-slider-handle:after, |
|
16845 .fd-slider-hover .fd-slider-handle:after { |
|
16846 outline: 0; |
|
16847 content: ""; |
|
16848 display: block; |
|
16849 position: absolute; |
|
16850 top: -9px; |
|
16851 left: 50%; |
|
16852 margin: 0 0 0 -5px; |
|
16853 background: #2f6ee0; |
|
16854 z-index: 2; |
|
16855 width: 10px; |
|
16856 height: 10px; |
|
16857 overflow: hidden; |
|
16858 -webkit-transform: rotate(45deg); |
|
16859 -moz-transform: rotate(45deg); |
|
16860 -o-transform: rotate(45deg); |
|
16861 -webkit-box-shadow: 0 0 4px #aaa; |
|
16862 box-shadow: 0 0 4px #aaa; |
|
16863 clip: rect(4px, 14px, 14px, 4px); |
|
16864 opacity: 1; |
|
16865 } |
|
16866 /* |
|
16867 * Graphs |
|
16868 */ |
|
16869 .chart { |
|
16870 height: 220px; |
|
16871 margin: 20px 5px 10px 10px; |
|
16872 } |
|
16873 .chart-small { |
|
16874 height: 100px; |
|
16875 width: 100%; |
|
16876 } |
|
16877 .chart-large { |
|
16878 height: 235px; |
|
16879 width: 100%; |
|
16880 } |
|
16881 .chart-xl { |
|
16882 height: 297px; |
|
16883 width: 100%; |
|
16884 } |
|
16885 #flotTip { |
|
16886 padding: 3px 5px; |
|
16887 background-color: #fff; |
|
16888 z-index: 9999; |
|
16889 color: #333; |
|
16890 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
|
16891 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); |
|
16892 font-size: 14px; |
|
16893 border: 1px solid #C1C1C1; |
|
16894 -khtml-border-radius: 4px; |
|
16895 border-radius: 4px; |
|
16896 } |
|
16897 #flotTip span { |
|
16898 color: #38812D; |
|
16899 font-weight: 700; |
|
16900 } |
|
16901 .has-legend { |
|
16902 margin-top: 30px!important; |
|
16903 } |
|
16904 .has-legend-unique { |
|
16905 margin-top: 19px!important; |
|
16906 } |
|
16907 .legendLabel span { |
|
16908 display: block; |
|
16909 margin: 0 5px; |
|
16910 } |
|
16911 .legendColorBox { |
|
16912 padding-left: 10px; |
|
16913 vertical-align: top; |
|
16914 padding-top: 5px; |
|
16915 } |
|
16916 .legendColorBox div > div { |
|
16917 width: 4px; |
|
16918 height: 4px; |
|
16919 border-radius: 50%; |
|
16920 box-sizing: content-box; |
|
16921 -moz-box-sizing: content-box; |
|
16922 -webkit-box-sizing: content-box; |
|
16923 } |
|
16924 .morris-hover { |
|
16925 position: absolute; |
|
16926 z-index: 1001; |
|
16927 } |
|
16928 .morris-hover.morris-default-style { |
|
16929 border-radius: 10px; |
|
16930 padding: 6px; |
|
16931 color: #666; |
|
16932 background: rgba(255, 255, 255, 0.8); |
|
16933 border: solid 2px rgba(230, 230, 230, 0.8); |
|
16934 font-family: Ubuntu, sans-serif; |
|
16935 font-size: 12px; |
|
16936 text-align: center; |
|
16937 } |
|
16938 .morris-hover.morris-default-style .morris-hover-row-label { |
|
16939 font-weight: 700; |
|
16940 margin: .25em 0; |
|
16941 } |
|
16942 .morris-hover.morris-default-style .morris-hover-point { |
|
16943 white-space: nowrap; |
|
16944 margin: .1em 0; |
|
16945 } |
|
16946 .easyPieChart { |
|
16947 position: relative; |
|
16948 text-align: center; |
|
16949 } |
|
16950 .easyPieChart canvas { |
|
16951 position: absolute; |
|
16952 top: 0; |
|
16953 left: 0; |
|
16954 } |
|
16955 .easy-pie-chart { |
|
16956 display: inline-block; |
|
16957 } |
|
16958 .easy-pie-chart .percent { |
|
16959 color: #444; |
|
16960 font-size: 12px; |
|
16961 font-weight: 700; |
|
16962 } |
|
16963 .easy-pie-title { |
|
16964 display: inline-block; |
|
16965 margin: 10px 6px 0; |
|
16966 font-size: 12px; |
|
16967 font-weight: 400; |
|
16968 text-transform: uppercase; |
|
16969 width: 100px; |
|
16970 height: 19px; |
|
16971 text-overflow: ellipsis; |
|
16972 white-space: nowrap; |
|
16973 overflow: hidden; |
|
16974 } |
|
16975 .easy-pie-title .icon-color-bad, |
|
16976 .easy-pie-title .icon-color-good { |
|
16977 font-size: 18px; |
|
16978 } |
|
16979 .show-stat-buttons { |
|
16980 float: left; |
|
16981 width: 100%; |
|
16982 } |
|
16983 @media (max-width: 767px) { |
|
16984 .show-stat-buttons { |
|
16985 padding-left: 10px!important; |
|
16986 padding-right: 10px!important; |
|
16987 } |
|
16988 } |
|
16989 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
16990 .show-stat-buttons { |
|
16991 padding-left: 10px!important; |
|
16992 padding-right: 10px!important; |
|
16993 } |
|
16994 } |
|
16995 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
16996 .show-stat-buttons { |
|
16997 padding-left: 10px!important; |
|
16998 padding-right: 10px!important; |
|
16999 } |
|
17000 } |
|
17001 .show-stats { |
|
17002 padding-top: 6px!important; |
|
17003 } |
|
17004 .show-stats .progress { |
|
17005 height: 7px; |
|
17006 border-radius: 0; |
|
17007 margin-top: 3px; |
|
17008 margin-bottom: 15px; |
|
17009 } |
|
17010 .show-stats .show-stat-buttons > :first-child { |
|
17011 padding-right: 5px; |
|
17012 } |
|
17013 @media (max-width: 979px) { |
|
17014 .show-stats .show-stat-buttons > :first-child { |
|
17015 padding-right: 13px; |
|
17016 } |
|
17017 } |
|
17018 .show-stats .show-stat-buttons > :last-child { |
|
17019 padding-left: 5px; |
|
17020 } |
|
17021 @media (max-width: 979px) { |
|
17022 .show-stats .show-stat-buttons > :last-child { |
|
17023 padding-left: 13px; |
|
17024 } |
|
17025 } |
|
17026 .show-stat-microcharts { |
|
17027 margin-left: -10px; |
|
17028 margin-right: -10px; |
|
17029 } |
|
17030 .show-stat-microcharts > div { |
|
17031 border-right: 1px solid #DADADA!important; |
|
17032 border-top: 1px solid #DADADA!important; |
|
17033 margin-top: 10px!important; |
|
17034 height: 65px; |
|
17035 overflow: hidden; |
|
17036 padding: 7px 9px; |
|
17037 } |
|
17038 @media (max-width: 767px) { |
|
17039 .show-stat-microcharts > div { |
|
17040 margin-top: 0!important; |
|
17041 border-right: 0!important; |
|
17042 } |
|
17043 } |
|
17044 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
17045 .show-stat-microcharts > div { |
|
17046 margin-top: 0!important; |
|
17047 border-right: 0!important; |
|
17048 } |
|
17049 } |
|
17050 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
17051 .show-stat-microcharts > div { |
|
17052 margin-top: 0!important; |
|
17053 border-right: 0!important; |
|
17054 } |
|
17055 } |
|
17056 .show-stat-microcharts > :last-child { |
|
17057 border-right: 0!important; |
|
17058 } |
|
17059 .show-stat-microcharts .sparkline { |
|
17060 margin-top: 10px; |
|
17061 margin-right: 8px; |
|
17062 opacity: .7; |
|
17063 } |
|
17064 .show-stat-microcharts .sparkline:hover { |
|
17065 opacity: 1; |
|
17066 } |
|
17067 .smaller-stat { |
|
17068 margin: 0; |
|
17069 padding: 0; |
|
17070 list-style: none; |
|
17071 } |
|
17072 .smaller-stat li { |
|
17073 margin-top: 3px; |
|
17074 margin-right: 0; |
|
17075 } |
|
17076 .smaller-stat li:first-child { |
|
17077 margin-top: 8px; |
|
17078 } |
|
17079 .smaller-stat span.label { |
|
17080 width: 40px; |
|
17081 display: block; |
|
17082 text-align: left; |
|
17083 opacity: .5; |
|
17084 cursor: default; |
|
17085 } |
|
17086 .smaller-stat span.label:hover { |
|
17087 opacity: 1; |
|
17088 } |
|
17089 .jvectormap-label { |
|
17090 position: absolute; |
|
17091 display: none; |
|
17092 border: solid 1px #CDCDCD; |
|
17093 border-radius: 3px; |
|
17094 background: #292929; |
|
17095 color: #fff; |
|
17096 font-family: Ubuntu, sans-serif, Verdana; |
|
17097 font-size: smaller; |
|
17098 padding: 3px; |
|
17099 } |
|
17100 .jvectormap-zoomin { |
|
17101 top: 0; |
|
17102 } |
|
17103 .jvectormap-zoomout { |
|
17104 top: 24px; |
|
17105 } |
|
17106 .jvectormap-zoomin, |
|
17107 .jvectormap-zoomout { |
|
17108 position: absolute; |
|
17109 background: #292929; |
|
17110 padding: 4px; |
|
17111 width: 22px; |
|
17112 height: 22px; |
|
17113 cursor: pointer; |
|
17114 line-height: 10px; |
|
17115 text-align: center; |
|
17116 font-size: 14px; |
|
17117 border-radius: 2px; |
|
17118 box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
17119 -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); |
|
17120 background-color: #fff; |
|
17121 border: 1px solid #bfbfbf; |
|
17122 } |
|
17123 .jvectormap-zoomin:hover, |
|
17124 .jvectormap-zoomout:hover { |
|
17125 background: #eee; |
|
17126 border-color: #d9d9d9; |
|
17127 } |
|
17128 .vector-map { |
|
17129 height: 300px; |
|
17130 width: 100%; |
|
17131 padding: 10px; |
|
17132 } |
|
17133 /* |
|
17134 * Chat application |
|
17135 */ |
|
17136 #chat-container { |
|
17137 position: absolute; |
|
17138 width: 250px; |
|
17139 height: 270px; |
|
17140 z-index: 2; |
|
17141 border-left: 1px solid #CDCECF; |
|
17142 right: -251px; |
|
17143 top: 0; |
|
17144 background: #fff; |
|
17145 transition-duration: .25s; |
|
17146 -webkit-transition-duration: .25s; |
|
17147 } |
|
17148 #chat-container:hover, |
|
17149 #chat-container:hover .chat-list-open-close { |
|
17150 border-color: #A7A7A7; |
|
17151 } |
|
17152 #chat-container *, |
|
17153 #chat-container :after, |
|
17154 #chat-container :before { |
|
17155 box-sizing: content-box; |
|
17156 -moz-box-sizing: content-box; |
|
17157 -webkit-box-sizing: content-box; |
|
17158 } |
|
17159 #chat-container input[type=text] { |
|
17160 box-sizing: border-box; |
|
17161 -moz-box-sizing: border-box; |
|
17162 -webkit-box-sizing: border-box; |
|
17163 } |
|
17164 #chat-container.open { |
|
17165 right: 0; |
|
17166 top: 0; |
|
17167 } |
|
17168 #chat-container.open .chat-list-open-close i:before { |
|
17169 content: "\f00d" !important; |
|
17170 } |
|
17171 #chat-container.open .chat-list-open-close b { |
|
17172 display: none; |
|
17173 } |
|
17174 #chat-container .chat-list-open-close { |
|
17175 display: block; |
|
17176 width: 25px; |
|
17177 height: 25px; |
|
17178 border: 1px solid #CDCECF; |
|
17179 border-right: 1px solid #f2f4f8!important; |
|
17180 position: absolute; |
|
17181 left: -32px; |
|
17182 top: 7%; |
|
17183 border-radius: 50% 0 0 50%; |
|
17184 padding: 3px 1px 3px 5px; |
|
17185 font-size: 21px; |
|
17186 line-height: 22px; |
|
17187 cursor: pointer; |
|
17188 color: #868686; |
|
17189 -webkit-box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); |
|
17190 box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); |
|
17191 background: #f2f4f8; |
|
17192 text-align: center; |
|
17193 } |
|
17194 #chat-container .chat-list-open-close b { |
|
17195 position: absolute; |
|
17196 right: 0; |
|
17197 background: #ed1c24; |
|
17198 line-height: 9px; |
|
17199 height: 10px; |
|
17200 width: 10px; |
|
17201 top: 3px; |
|
17202 border: 1px solid #FFF; |
|
17203 border-radius: 3px; |
|
17204 font-size: 9px; |
|
17205 text-align: center; |
|
17206 vertical-align: middle; |
|
17207 color: #fff; |
|
17208 font-weight: 400; |
|
17209 } |
|
17210 #chat-container .chat-list-body { |
|
17211 height: 217px; |
|
17212 overflow-y: scroll; |
|
17213 overflow-x: hidden; |
|
17214 display: block; |
|
17215 padding: 0; |
|
17216 box-sizing: border-box; |
|
17217 -webkit-box-sizing: border-box; |
|
17218 -moz-box-sizing: border-box; |
|
17219 background: #f2f4f8; |
|
17220 } |
|
17221 #chat-container #chat-users { |
|
17222 list-style: none; |
|
17223 margin: 10px 0; |
|
17224 padding: 0; |
|
17225 } |
|
17226 #chat-container #chat-users li { |
|
17227 margin-bottom: 3px; |
|
17228 margin-left: 5px; |
|
17229 } |
|
17230 #chat-container #chat-users li a { |
|
17231 display: block; |
|
17232 font-size: 13px; |
|
17233 color: #3d3d3d; |
|
17234 text-decoration: none!important; |
|
17235 box-sizing: border-box; |
|
17236 -webkit-box-sizing: border-box; |
|
17237 -moz-box-sizing: border-box; |
|
17238 padding: 3px 8px 3px 3px; |
|
17239 line-height: 33px; |
|
17240 vertical-align: middle; |
|
17241 } |
|
17242 #chat-container #chat-users li a:hover { |
|
17243 background: #e0e4ee; |
|
17244 } |
|
17245 #chat-container #chat-users li a img { |
|
17246 width: 33px; |
|
17247 height: auto; |
|
17248 margin-right: 10px; |
|
17249 } |
|
17250 #chat-container #chat-users li a i { |
|
17251 color: #ACACAC; |
|
17252 font-size: 8px; |
|
17253 line-height: 34px; |
|
17254 font-style: normal; |
|
17255 } |
|
17256 #chat-container #chat-users li a i.last-online { |
|
17257 font-size: 12px; |
|
17258 letter-spacing: -1px; |
|
17259 } |
|
17260 #chat-container .chat-list-footer { |
|
17261 overflow: hidden; |
|
17262 border-top: 1px solid #CCC; |
|
17263 padding: 10px; |
|
17264 box-sizing: border-box; |
|
17265 -webkit-box-sizing: border-box; |
|
17266 -moz-box-sizing: border-box; |
|
17267 } |
|
17268 #chat-container .chat-list-footer input[type=text] { |
|
17269 border: 1px solid #bababa!important; |
|
17270 } |
|
17271 #chat-container .control-group { |
|
17272 padding: 0; |
|
17273 } |
|
17274 .chat-body { |
|
17275 background: #FAFAFA; |
|
17276 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); |
|
17277 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #fff)); |
|
17278 background: -webkit-linear-gradient(top, #fafafa 0, #fff 100%); |
|
17279 background: -webkit-gradient(linear, top left, bottom left, from(#f5fcff), to(#fff)); |
|
17280 background: -webkit-linear-gradient(top, #f5fcff 0, #fff 100%); |
|
17281 background: linear-gradient(to bottom, #f5fcff 0, #fff 100%); |
|
17282 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); |
|
17283 -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
|
17284 box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); |
|
17285 display: block; |
|
17286 min-height: 270px; |
|
17287 overflow-y: scroll; |
|
17288 overflow-x: hidden; |
|
17289 padding: 10px; |
|
17290 box-sizing: border-box; |
|
17291 -webkit-box-sizing: border-box; |
|
17292 -moz-box-sizing: border-box; |
|
17293 border: 1px solid #fff; |
|
17294 border-top: 0; |
|
17295 } |
|
17296 .chat-body ul { |
|
17297 margin: 0; |
|
17298 padding: 0; |
|
17299 } |
|
17300 .chat-body li.message { |
|
17301 display: block; |
|
17302 position: relative; |
|
17303 padding: 10px; |
|
17304 margin: 2px; |
|
17305 } |
|
17306 .chat-body li.message:hover { |
|
17307 background-color: #eee; |
|
17308 } |
|
17309 .chat-body li.message.request, |
|
17310 .chat-body li.message.request:hover { |
|
17311 background-color: #e4e4e4; |
|
17312 } |
|
17313 .chat-body li.message img, |
|
17314 .chat-body li.message .img { |
|
17315 display: inline-block; |
|
17316 border-left: 4px solid transparent; |
|
17317 position: absolute; |
|
17318 } |
|
17319 .chat-body li.message img.online, |
|
17320 .chat-body li.message .img.online { |
|
17321 border-left-color: #00a300; |
|
17322 } |
|
17323 .chat-body li.message img.offline, |
|
17324 .chat-body li.message .img.offline { |
|
17325 border-left-color: #ddd; |
|
17326 } |
|
17327 .chat-body li.message img.busy, |
|
17328 .chat-body li.message .img.busy { |
|
17329 border-left-color: #A90329; |
|
17330 } |
|
17331 .chat-body li.message img.away, |
|
17332 .chat-body li.message .img.away { |
|
17333 border-left-color: #ffc40d; |
|
17334 } |
|
17335 .chat-body li.message .img { |
|
17336 width: 35px; |
|
17337 padding-top: 7px; |
|
17338 text-align: center; |
|
17339 } |
|
17340 .chat-body li.message .message-text { |
|
17341 display: inline-block; |
|
17342 vertical-align: top; |
|
17343 box-sizing: border-box; |
|
17344 -webkit-box-sizing: border-box; |
|
17345 -moz-box-sizing: border-box; |
|
17346 padding: 0; |
|
17347 margin-left: 50px; |
|
17348 line-height: normal; |
|
17349 } |
|
17350 .chat-body li.message .message-text time { |
|
17351 font-size: 13px; |
|
17352 font-weight: normal; |
|
17353 color: #666; |
|
17354 } |
|
17355 .chat-body li.message .message-text .chat-file { |
|
17356 display: block; |
|
17357 margin: 3px 0; |
|
17358 padding: 4px; |
|
17359 border: 1px dotted #ddd; |
|
17360 background: rgba(0, 0, 0, 0.05); |
|
17361 border-radius: 4px; |
|
17362 text-align: right; |
|
17363 box-sizing: border-box; |
|
17364 -webkit-box-sizing: border-box; |
|
17365 -moz-box-sizing: border-box; |
|
17366 } |
|
17367 .chat-body li.message .message-text .chat-file:nth-child(3) { |
|
17368 margin-top: 15px; |
|
17369 } |
|
17370 .chat-body li.message .message-text .chat-file.row-fluid [class*=span] { |
|
17371 min-height: 10px!important; |
|
17372 } |
|
17373 .chat-body li.message .message-text .chat-file b { |
|
17374 font-style: italic; |
|
17375 white-space: nowrap; |
|
17376 width: 250px; |
|
17377 overflow: hidden; |
|
17378 text-overflow: ellipsis; |
|
17379 text-align: left; |
|
17380 } |
|
17381 @media (min-width: 768px) and (max-width: 880px) { |
|
17382 .chat-body li.message .message-text .chat-file b { |
|
17383 width: 150px; |
|
17384 } |
|
17385 } |
|
17386 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
17387 .chat-body li.message .message-text .chat-file b { |
|
17388 width: 150px; |
|
17389 } |
|
17390 } |
|
17391 @media (max-width: 480px) { |
|
17392 .chat-body li.message .message-text .chat-file b { |
|
17393 width: 150px; |
|
17394 } |
|
17395 } |
|
17396 .chat-body li.message .message-text .username { |
|
17397 display: block; |
|
17398 font-weight: 700; |
|
17399 margin-bottom: 4px; |
|
17400 vertical-align: top; |
|
17401 line-height: 14px; |
|
17402 font-size: 14px; |
|
17403 text-decoration: none!important; |
|
17404 } |
|
17405 .chat-footer { |
|
17406 border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
17407 background: rgba(248, 248, 248, 0.9); |
|
17408 padding: 0 10px 15px; |
|
17409 position: relative; |
|
17410 box-sizing: border-box; |
|
17411 -webkit-box-sizing: border-box; |
|
17412 -moz-box-sizing: border-box; |
|
17413 } |
|
17414 .profile-message { |
|
17415 background: none!important; |
|
17416 height: auto!important; |
|
17417 box-shadow: none!important; |
|
17418 -webkit-box-shadow: none!important; |
|
17419 overflow: hidden; |
|
17420 } |
|
17421 .profile-message li.message.message-reply { |
|
17422 margin-left: 85px!important; |
|
17423 background: #F7F7F7; |
|
17424 padding: 10px; |
|
17425 margin: 3px 0 0 20px; |
|
17426 } |
|
17427 .profile-message li.message.message-reply img { |
|
17428 width: 35px!important; |
|
17429 } |
|
17430 .profile-message li.message.message-reply .message-text { |
|
17431 margin-left: 45px!important; |
|
17432 } |
|
17433 .profile-message .wall-comment-reply { |
|
17434 margin-left: 85px; |
|
17435 margin-bottom: 20px; |
|
17436 } |
|
17437 .cajita img { |
|
17438 width: 23px; |
|
17439 height: 23px; |
|
17440 padding-left: 3px; |
|
17441 padding-top: 3px; |
|
17442 } |
|
17443 #pageslide { |
|
17444 display: none; |
|
17445 position: absolute; |
|
17446 position: fixed; |
|
17447 top: 0; |
|
17448 height: 100%; |
|
17449 z-index: 999999; |
|
17450 width: 305px; |
|
17451 padding: 20px; |
|
17452 background-color: #004d60; |
|
17453 color: #FFF; |
|
17454 -webkit-box-shadow: inset 0 0 5px 5px #222; |
|
17455 -moz-shadow: inset 0 0 0 0 #222; |
|
17456 box-shadow: inset 0 0 0 0 #222; |
|
17457 } |
|
17458 .purehtml { |
|
17459 color: #fff; |
|
17460 font-size: 16px; |
|
17461 } |
|
17462 /* |
|
17463 * Mail-style application |
|
17464 */ |
|
17465 #inbox-table { |
|
17466 font-size: 13px; |
|
17467 border-top: 0; |
|
17468 border-left-color: transparent!important; |
|
17469 border-right-color: transparent!important; |
|
17470 } |
|
17471 #inbox-table tbody tr:hover { |
|
17472 cursor: pointer; |
|
17473 background: #E4E4E4; |
|
17474 } |
|
17475 #inbox-table tr td { |
|
17476 border-right: 0; |
|
17477 border-left: 0; |
|
17478 line-height: 26px; |
|
17479 padding: 6px 4px 7px!important; |
|
17480 } |
|
17481 #inbox-table .inbox-table-icon { |
|
17482 padding-left: 15px!important; |
|
17483 } |
|
17484 @media (max-width: 979px) { |
|
17485 #inbox-table .inbox-table-icon { |
|
17486 padding-left: 10px!important; |
|
17487 } |
|
17488 } |
|
17489 #inbox-table tbody tr th { |
|
17490 overflow: hidden; |
|
17491 } |
|
17492 #inbox-table.table tbody > tr > td { |
|
17493 border-color: #fff!important; |
|
17494 } |
|
17495 #inbox-table .checkbox, |
|
17496 #inbox-table .radio { |
|
17497 margin-top: -1px; |
|
17498 margin-bottom: 0; |
|
17499 } |
|
17500 .minified .inbox-badge { |
|
17501 border-radius: 50%; |
|
17502 font-size: 9px; |
|
17503 padding: 2px; |
|
17504 position: absolute; |
|
17505 top: 6px; |
|
17506 right: 6px; |
|
17507 background: #ED1C24; |
|
17508 min-width: 13px; |
|
17509 } |
|
17510 .inbox-body { |
|
17511 position: relative; |
|
17512 } |
|
17513 .inbox-body .table-wrap { |
|
17514 background: #fff; |
|
17515 padding: 10px 14px 7px; |
|
17516 position: relative; |
|
17517 margin-left: 200px; |
|
17518 } |
|
17519 @media (max-width: 1024px) { |
|
17520 .inbox-body .table-wrap { |
|
17521 margin-left: 0!important; |
|
17522 } |
|
17523 } |
|
17524 @media (max-width: 979px) { |
|
17525 .inbox-body .table-wrap { |
|
17526 padding: 0!important; |
|
17527 } |
|
17528 } |
|
17529 .inbox-body.no-content-padding { |
|
17530 margin-top: 0; |
|
17531 background: #fff; |
|
17532 } |
|
17533 .inbox-nav-bar { |
|
17534 height: 70px; |
|
17535 margin-bottom: 0; |
|
17536 padding: 20px 14px; |
|
17537 background: #fff; |
|
17538 } |
|
17539 @media (max-width: 979px) { |
|
17540 .inbox-nav-bar { |
|
17541 padding-left: 5px; |
|
17542 padding-right: 5px; |
|
17543 } |
|
17544 } |
|
17545 @media (min-width: 768px) and (max-width: 880px) { |
|
17546 .inbox-nav-bar.no-content-padding { |
|
17547 margin-top: -10px !important; |
|
17548 } |
|
17549 } |
|
17550 @media (max-width: 767px) { |
|
17551 .inbox-nav-bar.no-content-padding { |
|
17552 margin-top: -10px !important; |
|
17553 } |
|
17554 } |
|
17555 @media only screen and (min-width: 0) and (max-width: 679px) { |
|
17556 .inbox-nav-bar.no-content-padding { |
|
17557 margin-top: -10px !important; |
|
17558 } |
|
17559 } |
|
17560 @media only screen and (min-width: 320px) and (max-width: 479px) { |
|
17561 .inbox-nav-bar.no-content-padding { |
|
17562 margin-top: -10px !important; |
|
17563 } |
|
17564 } |
|
17565 .inbox-nav-bar .page-title { |
|
17566 display: inline-block; |
|
17567 margin: 0; |
|
17568 width: 196px; |
|
17569 line-height: 33px; |
|
17570 vertical-align: middle; |
|
17571 } |
|
17572 .inbox-footer { |
|
17573 height: 52px; |
|
17574 padding: 15px 14px 0; |
|
17575 border-top: 1px solid #CECECE; |
|
17576 background: #2a2725; |
|
17577 position: absolute; |
|
17578 bottom: -53px; |
|
17579 width: 100%; |
|
17580 } |
|
17581 .inbox-footer .btn-group, |
|
17582 .inbox-paging { |
|
17583 margin-left: 10px; |
|
17584 } |
|
17585 .inbox-data-attachment, |
|
17586 .inbox-table-icon { |
|
17587 width: 28px; |
|
17588 text-align: left; |
|
17589 padding-left: 12px!important; |
|
17590 padding-right: 0!important; |
|
17591 } |
|
17592 .inbox-data-from { |
|
17593 width: 200px; |
|
17594 } |
|
17595 .inbox-data-from > :first-child { |
|
17596 width: 200px; |
|
17597 display: block; |
|
17598 overflow: hidden; |
|
17599 text-overflow: ellipsis; |
|
17600 white-space: nowrap; |
|
17601 } |
|
17602 .inbox-data-date { |
|
17603 width: 80px; |
|
17604 padding-left: 7px!important; |
|
17605 padding-right: 0!important; |
|
17606 } |
|
17607 .inbox-data-message > :first-child { |
|
17608 width: 100%; |
|
17609 overflow: hidden; |
|
17610 text-overflow: ellipsis; |
|
17611 white-space: nowrap; |
|
17612 height: 27px; |
|
17613 color: #8A8A8A; |
|
17614 } |
|
17615 @media (max-width: 979px) { |
|
17616 .inbox-data-message > :first-child { |
|
17617 height: 50px; |
|
17618 overflow: hidden; |
|
17619 } |
|
17620 } |
|
17621 .inbox-data-message > :first-child span { |
|
17622 color: #111; |
|
17623 } |
|
17624 .inbox-data-message > :first-child span.label { |
|
17625 color: #fff; |
|
17626 } |
|
17627 @media (max-width: 979px) { |
|
17628 .inbox-data-message > :first-child > :first-child { |
|
17629 display: block!important; |
|
17630 font-size: 14px; |
|
17631 } |
|
17632 } |
|
17633 .inbox-data-message > :first-child > :first-child:after { |
|
17634 content: " - "; |
|
17635 } |
|
17636 .inbox-checkbox-triggered { |
|
17637 display: inline-block; |
|
17638 } |
|
17639 .inbox-checkbox-triggered > .btn-group { |
|
17640 margin-right: 10px; |
|
17641 } |
|
17642 .inbox-checkbox-triggered > .btn-group .btn { |
|
17643 padding-left: 14px; |
|
17644 padding-right: 14px; |
|
17645 } |
|
17646 @media (max-width: 979px) { |
|
17647 .inbox-checkbox-triggered > .btn-group .btn { |
|
17648 padding-left: 10px; |
|
17649 padding-right: 10px; |
|
17650 } |
|
17651 } |
|
17652 .inbox-side-bar { |
|
17653 height: 100%; |
|
17654 position: absolute; |
|
17655 background: #fff; |
|
17656 display: block; |
|
17657 width: 200px; |
|
17658 padding: 10px 0 10px 14px; |
|
17659 } |
|
17660 @media (max-width: 1024px) { |
|
17661 .inbox-side-bar { |
|
17662 display: none!important; |
|
17663 } |
|
17664 } |
|
17665 .inbox-side-bar h6 { |
|
17666 font-weight: 400; |
|
17667 font-size: 11px; |
|
17668 display: block; |
|
17669 padding: 0 15px; |
|
17670 text-transform: uppercase; |
|
17671 color: #838383; |
|
17672 } |
|
17673 .inbox-side-bar h6 a { |
|
17674 font-size: 14px; |
|
17675 margin-top: -2px; |
|
17676 } |
|
17677 .inbox-side-bar h6 .tooltip { |
|
17678 text-transform: none!important; |
|
17679 } |
|
17680 .inbox-side-bar > .btn { |
|
17681 margin-bottom: 35px; |
|
17682 } |
|
17683 .inbox-side-bar .input-group { |
|
17684 margin-bottom: 25px; |
|
17685 } |
|
17686 .inbox-space { |
|
17687 display: block; |
|
17688 width: 185px; |
|
17689 } |
|
17690 .inbox-space > .progress { |
|
17691 margin-top: 5px; |
|
17692 } |
|
17693 .inbox .inbox-menu-lg { |
|
17694 list-style: none; |
|
17695 padding: 0; |
|
17696 margin: 0 0 20px; |
|
17697 } |
|
17698 .inbox .inbox-menu-lg .inbox-menu-lg li { |
|
17699 display: block; |
|
17700 width: 100%; |
|
17701 } |
|
17702 .inbox .inbox-menu-lg .inbox-menu-lg li a { |
|
17703 display: block; |
|
17704 padding: 6px 15px 7px; |
|
17705 font-size: 13px; |
|
17706 color: #333; |
|
17707 } |
|
17708 .inbox .inbox-menu-lg .inbox-menu-lg li a:hover { |
|
17709 text-decoration: none; |
|
17710 background: #f4f4f4; |
|
17711 } |
|
17712 .inbox .inbox-menu-lg .inbox-menu-lg li.active a { |
|
17713 font-weight: 700; |
|
17714 background: #F0F0F0; |
|
17715 border-bottom: 1px solid #E7E7E7; |
|
17716 color: #3276b1; |
|
17717 } |
|
17718 .inbox .inbox-menu-sm { |
|
17719 list-style: none; |
|
17720 padding: 0; |
|
17721 margin: 0 0 20px; |
|
17722 } |
|
17723 .inbox .inbox-menu-sm .inbox-menu-sm li { |
|
17724 display: block; |
|
17725 width: 100%; |
|
17726 } |
|
17727 .inbox .inbox-menu-sm .inbox-menu-sm li a { |
|
17728 display: block; |
|
17729 padding: 8px 15px 10px; |
|
17730 font-size: 13px; |
|
17731 color: #333; |
|
17732 } |
|
17733 .inbox .inbox-menu-sm .inbox-menu-sm li a:hover { |
|
17734 text-decoration: none; |
|
17735 background: #f4f4f4; |
|
17736 } |
|
17737 .inbox .inbox-menu-sm .inbox-menu-sm li.active a { |
|
17738 font-weight: 700; |
|
17739 background: #F0F0F0; |
|
17740 border-bottom: 1px solid #E7E7E7; |
|
17741 color: #3276b1; |
|
17742 } |
|
17743 .inbox-info-bar { |
|
17744 padding: 10px 0; |
|
17745 border-bottom: 1px solid #bfbfbf; |
|
17746 } |
|
17747 .inbox-info-bar .form-group { |
|
17748 margin: 0; |
|
17749 } |
|
17750 .inbox-info-bar .form-group input, |
|
17751 .inbox-info-bar .select2-container-multi .select2-choices { |
|
17752 border-color: #fff!important; |
|
17753 } |
|
17754 .inbox-info-bar .select2-choices > div { |
|
17755 display: none; |
|
17756 } |
|
17757 .inbox-info-bar .col-md-1, |
|
17758 .inbox-info-bar .col-md-11 { |
|
17759 padding-left: 0; |
|
17760 padding-right: 0; |
|
17761 } |
|
17762 @media (max-width: 1024px) { |
|
17763 .inbox-info-bar .col-md-1, |
|
17764 .inbox-info-bar .col-md-11 { |
|
17765 padding-left: 26px; |
|
17766 padding-right: 26px; |
|
17767 } |
|
17768 } |
|
17769 .inbox-info-bar img { |
|
17770 width: 35px; |
|
17771 height: auto; |
|
17772 display: inline-block; |
|
17773 vertical-align: middle; |
|
17774 margin-right: 7px; |
|
17775 margin-left: 2px; |
|
17776 border-left: 3px solid #fff; |
|
17777 } |
|
17778 .inbox-info-bar em { |
|
17779 position: absolute; |
|
17780 top: 6px; |
|
17781 right: 20px; |
|
17782 text-align: right; |
|
17783 font-style: normal; |
|
17784 } |
|
17785 .inbox-download .inbox-message { |
|
17786 padding: 15px 4px; |
|
17787 border-bottom: 1px solid #bfbfbf; |
|
17788 } |
|
17789 .inbox-download-list { |
|
17790 list-style: none; |
|
17791 margin: 5px 0 0; |
|
17792 padding: 0; |
|
17793 } |
|
17794 .inbox-download-list li { |
|
17795 display: inline-block; |
|
17796 margin: 0 5px 0 0; |
|
17797 vertical-align: top; |
|
17798 } |
|
17799 .inbox-download-list li > :first-child { |
|
17800 margin-bottom: 0; |
|
17801 width: 150px; |
|
17802 overflow: hidden; |
|
17803 } |
|
17804 .inbox-download-list li > :first-child:hover { |
|
17805 background: #fff; |
|
17806 border-color: silver; |
|
17807 } |
|
17808 .inbox-download-list li > :first-child > :first-child { |
|
17809 text-align: center; |
|
17810 display: block; |
|
17811 color: #D6D6D6; |
|
17812 } |
|
17813 .inbox-download-list li > :first-child > :first-child > .fa { |
|
17814 font-size: 150px; |
|
17815 } |
|
17816 .inbox-download-list li > :first-child > :first-child > img { |
|
17817 max-width: 120px; |
|
17818 } |
|
17819 .inbox-compose-footer { |
|
17820 padding: 10px; |
|
17821 background: #F5F5F5; |
|
17822 border-bottom: 1px solid #A9A9A9; |
|
17823 } |
|
17824 .inbox-compose-footer, |
|
17825 .inbox-download, |
|
17826 .inbox-info-bar, |
|
17827 .inbox-message { |
|
17828 margin-right: 240px; |
|
17829 position: relative; |
|
17830 } |
|
17831 @media (max-width: 1280px) { |
|
17832 .inbox-compose-footer, |
|
17833 .inbox-download, |
|
17834 .inbox-info-bar, |
|
17835 .inbox-message { |
|
17836 margin-right: 0; |
|
17837 } |
|
17838 } |
|
17839 @media (max-width: 979px) { |
|
17840 .inbox-table-icon > :first-child { |
|
17841 margin-top: 12px; |
|
17842 } |
|
17843 } |
|
17844 .unread td { |
|
17845 background: #fff; |
|
17846 } |
|
17847 .unread .inbox-data-date > :first-child, |
|
17848 .unread .inbox-data-from > :first-child, |
|
17849 .unread .inbox-data-message > :first-child > :first-child { |
|
17850 font-weight: 700; |
|
17851 } |
|
17852 tr.highlight td, |
|
17853 tr.unread.highlight td { |
|
17854 background: #ffc!important; |
|
17855 color: #333; |
|
17856 } |
|
17857 #compose-mail-mini { |
|
17858 margin-left: 4px; |
|
17859 } |
|
17860 .email-open-header { |
|
17861 margin: -10px 0 0 0; |
|
17862 font-size: 20px; |
|
17863 border-bottom: 1px solid #bfbfbf; |
|
17864 border-top: 1px solid #eee; |
|
17865 padding: 15px 3px; |
|
17866 } |
|
17867 .email-open-header > span { |
|
17868 font-size: 10px; |
|
17869 font-weight: 400; |
|
17870 padding: 3px 5px; |
|
17871 letter-spacing: normal; |
|
17872 text-transform: uppercase; |
|
17873 vertical-align: middle; |
|
17874 line-height: 33px; |
|
17875 background: #ACACAC; |
|
17876 } |
|
17877 .email-infobox { |
|
17878 display: block; |
|
17879 width: 180px; |
|
17880 border-bottom: 1px solid #bfbfbf; |
|
17881 padding-bottom: 0; |
|
17882 padding-top: 15px; |
|
17883 position: absolute; |
|
17884 top: 65px; |
|
17885 right: 15px; |
|
17886 } |
|
17887 @media (max-width: 1280px) { |
|
17888 .email-infobox .email-infobox { |
|
17889 display: none; |
|
17890 } |
|
17891 } |
|
17892 .email-reply-text > div { |
|
17893 border-left: 1px solid #D6D6D6; |
|
17894 padding-left: 10px; |
|
17895 margin-left: 50px; |
|
17896 color: #A9A9A9; |
|
17897 } |
|
17898 .email-reply-text > :first-child { |
|
17899 padding-left: 45px; |
|
17900 } |
|
17901 .profile-pic { |
|
17902 text-align: right; |
|
17903 } |
|
17904 .profile-pic > img { |
|
17905 border-radius: 0; |
|
17906 position: relative; |
|
17907 border: 5px solid #fff; |
|
17908 top: -30px; |
|
17909 display: inline-block; |
|
17910 text-align: right; |
|
17911 z-index: 4; |
|
17912 width: 120px; |
|
17913 margin-bottom: -30px; |
|
17914 } |
|
17915 .profile-carousel .carousel-inner { |
|
17916 max-height: 150px; |
|
17917 } |
|
17918 .friends-list li { |
|
17919 margin-bottom: 10px; |
|
17920 } |
|
17921 .friends-list li img { |
|
17922 width: 35px; |
|
17923 border: 1px solid #fff; |
|
17924 outline: 1px solid #bfbfbf; |
|
17925 } |
|
17926 .search-results { |
|
17927 padding: 18px 5px; |
|
17928 } |
|
17929 .search-results + .search-results { |
|
17930 border-top: 1px dashed #E3E3E3; |
|
17931 } |
|
17932 .search-results > :first-child { |
|
17933 margin-bottom: 4px; |
|
17934 font-weight: 400; |
|
17935 } |
|
17936 .search-results > :first-child a { |
|
17937 text-decoration: underline; |
|
17938 } |
|
17939 .search-results .url { |
|
17940 font-style: normal; |
|
17941 font-size: 14px; |
|
17942 } |
|
17943 .search-results img { |
|
17944 display: inline-block; |
|
17945 margin-top: 4px; |
|
17946 margin-right: 4px; |
|
17947 width: 80px; |
|
17948 } |
|
17949 .search-results > div { |
|
17950 display: inline-block; |
|
17951 vertical-align: top; |
|
17952 } |
|
17953 .search-results .note { |
|
17954 margin: 0; |
|
17955 line-height: normal; |
|
17956 } |
|
17957 .search-results .note a { |
|
17958 text-decoration: none!important; |
|
17959 color: #333; |
|
17960 } |
|
17961 .search-results .note a:hover { |
|
17962 color: #ed1c24; |
|
17963 } |
|
17964 /* |
|
17965 * Todo-like application |
|
17966 */ |
|
17967 .todo { |
|
17968 margin: 0; |
|
17969 padding: 0; |
|
17970 min-height: 5px; |
|
17971 list-style: none; |
|
17972 } |
|
17973 .todo > li { |
|
17974 display: block; |
|
17975 position: relative; |
|
17976 overflow: hidden; |
|
17977 border-bottom: 1px solid #e7e7e7; |
|
17978 margin: 0 5px; |
|
17979 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat; |
|
17980 } |
|
17981 .todo > li:last-child, |
|
17982 .todo > li:only-child { |
|
17983 border-bottom: 0; |
|
17984 } |
|
17985 .todo > li > :first-child { |
|
17986 display: block; |
|
17987 border-right: 1px solid #FFE1EB; |
|
17988 height: 100%; |
|
17989 padding: 6px 11px 6px 18px; |
|
17990 width: 20px; |
|
17991 vertical-align: top; |
|
17992 position: absolute; |
|
17993 } |
|
17994 .todo > li > :first-child:hover { |
|
17995 cursor: move; |
|
17996 } |
|
17997 .todo > li.complete { |
|
17998 background: 0 0; |
|
17999 } |
|
18000 .todo > li.complete.complete > :first-child:hover { |
|
18001 cursor: default; |
|
18002 } |
|
18003 .todo > li.complete > * { |
|
18004 text-decoration: line-through; |
|
18005 font-style: italic; |
|
18006 } |
|
18007 .todo > li.ui-sortable-helper { |
|
18008 border-top: 1px solid #eee; |
|
18009 background: rgba(113, 132, 63, 0.1); |
|
18010 } |
|
18011 .todo > li > p { |
|
18012 height: 100%; |
|
18013 margin-left: 52px; |
|
18014 border-left: 1px solid #FFE1EB; |
|
18015 display: inline-block; |
|
18016 padding: 8px 0 6px 7px; |
|
18017 margin-bottom: 0; |
|
18018 min-height: 37px; |
|
18019 line-height: normal; |
|
18020 font-size: 14px; |
|
18021 font-weight: 500; |
|
18022 color: #333; |
|
18023 } |
|
18024 .todo > li > p > span { |
|
18025 display: block; |
|
18026 line-height: 12px; |
|
18027 font-size: 10px; |
|
18028 font-weight: 400; |
|
18029 } |
|
18030 .todo > li > p > :first-child { |
|
18031 margin-top: -5px; |
|
18032 color: #999; |
|
18033 margin-bottom: 4px; |
|
18034 } |
|
18035 .todo > li > p > .date { |
|
18036 color: #bfbfbf; |
|
18037 } |
|
18038 .todo-group-title { |
|
18039 margin: 0; |
|
18040 line-height: 31px; |
|
18041 padding: 0 0 0 10px; |
|
18042 background: #fafafa; |
|
18043 border-bottom: 1px solid #e7e7e7; |
|
18044 border-top: 1px solid #f4f4f4; |
|
18045 color: #999; |
|
18046 } |
|
18047 .map.map-location { |
|
18048 cursor: default; |
|
18049 } |
|
18050 /*# sourceMappingURL=myams.css.map */ |