Administrator
2022-09-14 58d006e05dcf2a20d0ec5367dd03d66a61db6849
提交 | 用户 | 时间
58d006 1 .inbox-tabs.nav-tabs.tab-size-bigger > li > a.btn-new-mail > .btn {
A 2   padding: 10px !important;
3   border-radius: 7px !important;
4 }
5 .inbox-tabs.nav-tabs.tab-size-bigger > li.active > a.btn-new-mail {
6   margin-top: 0 !important;
7   top: 1px;
8 }
9 .inbox-tabs.nav-tabs.tab-size-bigger > li.active > a.btn-new-mail > .btn:before {
10   left: 50%;
11   margin-left: -8px;
12   border-width: 8px 10px;
13 }
14 @media only screen and (max-width: 479px) {
15   .inbox-tabs > .li-new-mail {
16     display: block;
17     text-align: right;
18     margin-bottom: 8px !important;
19     float: none !important;
20   }
21   .inbox-tabs > .li-new-mail > .btn-new-mail {
22     display: inline-block;
23     width: auto;
24   }
25 }
26 .message-container {
27   position: relative;
28 }
29 .message-list {
30   position: relative;
31 }
32 .message-item {
33   border: 1px solid #EAEDF1;
34   border-bottom-width: 0;
35   padding: 12px 12px 14px;
36   line-height: 18px;
37   position: relative;
38   background-color: #FFF;
39 }
40 .message-item:first-child {
41   border-top-width: 0;
42 }
43 .message-item:hover {
44   border-color: #E2EAF2;
45   background-color: #F2F6F9;
46 }
47 .message-item:hover + .message-item {
48   border-top-color: #E2EAF2;
49 }
50 .message-item:hover + .message-item.selected {
51   border-top-color: #FFF;
52 }
53 .message-item.selected {
54   background-color: #EFF4F7;
55   border-color: #FFF #E2EAF2;
56 }
57 .message-item.selected + .message-item {
58   border-top-color: #FFF;
59 }
60 .message-item.selected + .message-item:hover + .message-item {
61   border-top-color: #FFF;
62 }
63 .message-navbar input.ace + .lbl::before,
64 .message-item input.ace + .lbl::before {
65   top: auto;
66 }
67 .message-item .sender {
68   margin: 0 6px 0 4px;
69   vertical-align: middle;
70   color: #467287;
71   display: inline-block;
72   width: 110px;
73   height: 18px;
74   text-overflow: ellipsis;
75   overflow: hidden;
76   white-space: nowrap;
77   cursor: pointer;
78 }
79 .message-item.message-unread .sender {
80   color: #6A9CBA;
81   font-weight: bold;
82 }
83 .message-item .summary {
84   vertical-align: middle;
85   display: inline-block;
86   position: relative;
87   margin-left: 30px;
88   max-width: 250px;
89   max-width: calc(100% - 300px);
90   min-width: 200px;
91   white-space: nowrap;
92 }
93 .message-item .summary .text {
94   color: #555;
95   vertical-align: middle;
96   display: inline-block;
97   width: auto;
98   max-width: 100%;
99   height: 18px;
100   text-overflow: ellipsis;
101   overflow: hidden;
102   white-space: nowrap;
103   cursor: pointer;
104 }
105 .message-item .summary .text:hover {
106   text-decoration: underline;
107 }
108 .message-item .summary .message-flags {
109   display: block;
110   position: absolute;
111   right: 100%;
112   margin-right: 4px;
113   height: 18px;
114   white-space: nowrap;
115 }
116 .message-item.message-unread .summary .text {
117   color: #609FC4;
118   font-weight: bold;
119 }
120 .message-item .time {
121   float: right;
122   width: 60px;
123   height: 18px;
124   text-overflow: ellipsis;
125   overflow: hidden;
126   white-space: nowrap;
127   color: #666;
128 }
129 .message-item.message-unread .time {
130   font-weight: bold;
131   color: #609FC4;
132 }
133 .message-item.message-unread .message-content .time {
134   font-weight: normal;
135 }
136 .message-item .attachment {
137   color: #999;
138   font-size: 18px;
139   vertical-align: middle;
140   float: right;
141   margin: 0 12px;
142   position: relative;
143 }
144 .message-item.message-unread .attachment {
145   color: #4F99C6;
146 }
147 .message-content .time {
148   font-weight: normal;
149 }
150 .message-star {
151   vertical-align: middle;
152   margin: 2px 4px 0 6px;
153   font-size: 15px;
154   cursor: pointer;
155 }
156 .message-star:hover {
157   color: #feb902 !important;
158   text-decoration: none;
159 }
160 .mail-tag:empty {
161   display: inline-block;
162   width: 8px;
163   height: 11px;
164   padding: 0;
165   line-height: normal;
166   vertical-align: middle;
167   margin: 0 1px 0 0;
168 }
169 .badge.mail-tag {
170   border-radius: 2px;
171 }
172 .dropdown-menu > li > a > .mail-tag {
173   vertical-align: inherit;
174 }
175 @media only screen and (max-width: 991px) {
176   .message-item .summary {
177     min-width: 0;
178   }
179   .message-item .sender {
180     width: 100px;
181   }
182 }
183 @media only screen and (max-width: 550px) {
184   .message-item .summary {
185     margin: 8px 0 0 32px;
186     max-width: 95%;
187     min-width: 0;
188     display: block;
189   }
190   .message-item .sender {
191     width: auto;
192     max-width: 150px;
193   }
194   .message-item .summary .text {
195     max-width: 95%;
196   }
197 }
198 .btn-message,
199 .btn-message:hover,
200 .btn-message:focus,
201 .btn-message:active,
202 .open .btn-message.dropdown-toggle {
203   background-color: #FFF  !important;
204   border: 1px solid #94B9CE !important;
205   color: #7CA3BA !important;
206   text-shadow: none !important;
207 }
208 .message-content {
209   padding: 16px 12px;
210   border: 1px solid #E9E9E9;
211   -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.02);
212   box-shadow: 0 0 1px 1px rgba(0,0,0,0.02);
213   background-color: rgba(255, 255, 255, 0.8);
214   border-top-width: 0;
215 }
216 .message-item .message-content {
217   margin-top: 16px;
218   border-top-width: 1px;
219 }
220 .message-body {
221   padding: 0 9px;
222   color: #6A7177;
223 }
224 .message-navbar {
225   line-height: 24px;
226   padding: 10px 12px;
227   border: 1px solid #D6E1EA;
228   border-color: #D6E1EA transparent;
229   background-color: #F1F5FA;
230   text-align: center;
231   position: relative;
232 }
233 .message-navbar .dropdown-toggle,
234 .message-content .dropdown-toggle {
235   color: #777;
236 }
237 .message-navbar .dropdown-toggle:hover,
238 .message-content .dropdown-toggle:hover,
239 .message-navbar .dropdown-toggle:focus,
240 .message-content .dropdown-toggle:focus {
241   text-decoration: none;
242   color: #2283C5;
243 }
244 .message-bar {
245   display: inline-block;
246   min-height: 28px;
247 }
248 @media only screen and (max-width: 480px) {
249   .message-bar {
250     display: block;
251     min-height: 60px;
252   }
253 }
254 .message-footer {
255   background-color: #F1F1F1;
256   padding: 12px 16px;
257   border: 1px solid #E6E6E6;
258   border-width: 1px 0;
259   border-top: 1px solid #E4E9EE;
260 }
261 .message-footer .pagination {
262   margin: 0;
263 }
264 .message-footer .pagination > li {
265   margin: 0;
266   padding: 0;
267 }
268 .message-footer .pagination > li > a,
269 .message-footer .pagination > li > span {
270   color: #777;
271   padding: 3px 6px;
272   margin-left: 1px;
273   margin-right: 1px;
274   background-color: transparent;
275   border: 1px solid transparent;
276 }
277 .message-footer .pagination > li.disabled > span {
278   color: #BBBBBB;
279   cursor: default;
280   background-color: transparent;
281   border-color: transparent;
282 }
283 .message-footer .pagination > li > a:hover {
284   border-color: #91bad6;
285   color: #2283C5;
286   text-decoration: none;
287   background-color: #FFF;
288 }
289 .message-footer input[type=text] {
290   font-size: 12px;
291   width: 34px;
292   height: 24px;
293   line-height: 20px;
294   margin-bottom: 0;
295   padding: 3px;
296   vertical-align: middle;
297   text-align: center;
298 }
299 .message-footer-style2 .pagination > li > a,
300 .message-footer-style2 .pagination > li > span {
301   border: 1px solid #B5B5B5;
302   border-radius: 100% !important;
303   width: 26px;
304   height: 26px;
305   line-height: 26px;
306   display: inline-block;
307   text-align: center;
308   padding: 0;
309 }
310 .message-footer-style2 .pagination > li > span,
311 .message-footer-style2 .pagination > li.disabled > span {
312   border-color: #CCC;
313 }
314 .message-footer-style2 .pagination > li > a:hover {
315   border-color: #84AFC9;
316   background-color: #F7F7F7;
317 }
318 .message-item.message-inline-open {
319   background-color: #F2F6F9;
320   border: 1px solid #DDD;
321   border-bottom-color: #CCC;
322 }
323 .message-item.message-inline-open:first-child {
324   border-top-color: #EEE;
325 }
326 .message-item.message-inline-open:last-child {
327   border-bottom-color: #DDD;
328 }
329 .message-item.message-inline-open + .message-item {
330   border-bottom-color: transparent;
331 }
332 .message-loading-overlay {
333   position: absolute;
334   z-index: 14;
335   top: 0;
336   bottom: 0;
337   right: 0;
338   left: 0;
339   background-color: rgba(255, 255, 255, 0.5);
340   text-align: center;
341 }
342 .message-loading-overlay > .ace-icon {
343   position: absolute;
344   top: 15%;
345   left: 0;
346   right: 0;
347   text-align: center;
348 }
349 .message-content .sender {
350   color: #6A9CBA;
351   font-weight: bold;
352   width: auto;
353   text-overflow: inherit;
354   vertical-align: middle;
355   margin: 0;
356 }
357 .message-content .time {
358   width: auto;
359   text-overflow: inherit;
360   white-space: normal;
361   float: none;
362   vertical-align: middle;
363 }
364 ul.attachment-list {
365   margin: 6px 0 4px 8px;
366 }
367 ul.attachment-list > li {
368   margin-bottom: 3px;
369 }
370 .message-attachment {
371   padding-left: 10px;
372   padding-right: 10px;
373 }
374 .attached-file {
375   color: #777;
376   width: 200px;
377   display: inline-block;
378 }
379 .attached-file > .ace-icon {
380   display: inline-block;
381   width: 16px;
382   margin-right: 2px;
383   vertical-align: middle;
384 }
385 .attached-file:hover {
386   text-decoration: none;
387   color: #438EB9;
388 }
389 .attached-file:hover .attached-name {
390   color: #2283C5;
391 }
392 .attached-file .attached-name {
393   display: inline-block;
394   max-width: 175px;
395   text-overflow: ellipsis;
396   overflow: hidden;
397   white-space: nowrap;
398   vertical-align: middle;
399 }
400 .messagebar-item-left,
401 .messagebar-item-right {
402   position: absolute;
403   bottom: 14px;
404   left: 12px;
405   text-align: left;
406 }
407 .messagebar-item-right {
408   right: 12px;
409   left: auto;
410 }
411 .message-navbar .nav-search {
412   right: auto;
413   left: 5px;
414   top: auto;
415   bottom: 11px;
416 }
417 .message-navbar .messagebar-item-left ~ .nav-search {
418   left: 60px;
419 }
420 .message-form {
421   border: 1px solid #ddd;
422   border-top: none;
423   padding-top: 22px;
424 }
425 @media only screen and (max-width: 480px) {
426   .message-form {
427     padding-left: 16px;
428     padding-right: 16px;
429   }
430 }
431 .message-form .form-actions {
432   margin-bottom: 0;
433 }
434 .message-form .wysiwyg-editor {
435   overflow: auto;
436   min-height: 150px;
437   max-height: 250px;
438   height: auto;
439 }
440 .btn-send-message {
441   position: relative;
442   top: 6px;
443   vertical-align: middle;
444 }
445 .btn-back-message-list {
446   color: #777;
447 }
448 .btn-back-message-list:hover {
449   color: #478FCA;
450   text-decoration: none;
451 }
452 .message-condensed .message-item {
453   padding-top: 8px;
454   padding-bottom: 9px;
455 }
456 .message-condensed .message-navbar,
457 .message-condensed .message-footer {
458   padding-top: 7px;
459   padding-bottom: 7px;
460 }
461 .message-condensed .messagebar-item-left,
462 .message-condensed .messagebar-item-right {
463   bottom: 9px;
464 }
465 .message-condensed .message-navbar .nav-search {
466   bottom: 7px;
467 }
468 @media only screen and (max-width: 480px) {
469   .message-condensed .message-bar {
470     min-height: 42px;
471   }
472 }
473 .inbox-folders .btn-block {
474   margin-top: 0;
475 }
476 @media only screen and (max-width: 767px) {
477   .inbox-folders.inbox-folders-responsive .btn-block {
478     width: 24%;
479   }
480 }
481 @media only screen and (max-width: 600px) {
482   .inbox-folders.inbox-folders-responsive .btn-block {
483     width: 48%;
484   }
485 }
486 @media only screen and (max-width: 320px) {
487   .inbox-folders.inbox-folders-responsive .btn-block {
488     width: 99%;
489   }
490 }
491 .inbox-folders .btn-lighter,
492 .inbox-folders .btn-lighter.active {
493   background-color: #F4F4F4 !important;
494   text-shadow: none !important;
495   color: #7C8395 !important;
496   border: 1px solid #FFF  !important;
497   padding: 5px 11px;
498 }
499 .inbox-folders .btn-lighter.active {
500   background-color: #EDF2F8 !important;
501   color: #53617C !important;
502 }
503 .inbox-folders .btn-lighter:hover {
504   background-color: #EFEFEF !important;
505   color: #6092C4 !important;
506 }
507 .inbox-folders .btn > .ace-icon:first-child {
508   display: inline-block;
509   width: 14px;
510   text-align: left;
511 }
512 .inbox-folders .btn-lighter + .btn-lighter {
513   border-top-width: 0 !important;
514 }
515 .inbox-folders .btn.active:before {
516   display: block;
517   content: "";
518   position: absolute;
519   top: 1px;
520   bottom: 1px;
521   left: -1px;
522   border-left: 3px solid #4F99C6;
523 }
524 .inbox-folders .btn.active:after {
525   display: none;
526 }
527 .inbox-folders .btn .counter {
528   border-radius: 3px;
529   position: absolute;
530   right: 8px;
531   top: 8px;
532   padding-left: 6px;
533   padding-right: 6px;
534   opacity: 0.75;
535   filter: alpha(opacity=75);
536 }
537 .inbox-folders .btn:hover .badge {
538   opacity: 1;
539   filter: alpha(opacity=100);
540 }
541 .timeline-container {
542   position: relative;
543   padding-top: 4px;
544   margin-bottom: 32px;
545 }
546 .timeline-container:last-child {
547   margin-bottom: 0;
548 }
549 .timeline-container:before {
550   /* the vertical line running through icons */
551   content: "";
552   display: block;
553   position: absolute;
554   left: 28px;
555   top: 0;
556   bottom: 0;
557   border: 1px solid #E2E3E7;
558   background-color: #E7EAEF;
559   width: 4px;
560   border-width: 0 1px;
561 }
562 .timeline-container:first-child:before {
563   border-top-width: 1px;
564 }
565 .timeline-container:last-child:before {
566   border-bottom-width: 1px;
567 }
568 .timeline-item {
569   position: relative;
570   margin-bottom: 8px;
571 }
572 .timeline-item .widget-box {
573   background-color: #F2F6F9;
574   color: #595C66;
575 }
576 .timeline-item .transparent.widget-box {
577   border-left: 3px solid #DAE1E5;
578 }
579 .timeline-item .transparent .widget-header {
580   background-color: #ECF1F4;
581   border-bottom-width: 0;
582 }
583 .timeline-item .transparent .widget-header > .widget-title {
584   margin-left: 8px;
585 }
586 .timeline-item:nth-child(even) .widget-box {
587   background-color: #F3F3F3;
588   color: #616161;
589 }
590 .timeline-item:nth-child(even) .widget-box.transparent {
591   border-left-color: #DBDBDB !important;
592 }
593 .timeline-item:nth-child(even) .widget-box.transparent .widget-header {
594   background-color: #EEE !important;
595 }
596 .timeline-item .widget-box {
597   margin: 0;
598   position: relative;
599   max-width: none;
600   margin-left: 60px;
601 }
602 .timeline-item .widget-main {
603   margin: 0;
604   position: relative;
605   max-width: none;
606   border-bottom-width: 0;
607 }
608 .timeline-item .widget-body {
609   background-color: transparent;
610 }
611 .timeline-item .widget-toolbox {
612   padding: 4px 8px 0 !important;
613   background-color: transparent !important;
614   border-width: 0 !important;
615   margin: 0 0px !important;
616 }
617 .timeline-info {
618   float: left;
619   width: 60px;
620   text-align: center;
621   position: relative;
622 }
623 .timeline-info img {
624   border-radius: 100%;
625   max-width: 42px;
626 }
627 .timeline-info .label,
628 .timeline-info .badge {
629   font-size: 12px;
630 }
631 .timeline-container:not(.timeline-style2) .timeline-indicator {
632   opacity: 1;
633   border-radius: 100%;
634   display: inline-block;
635   font-size: 16px;
636   height: 36px;
637   line-height: 30px;
638   width: 36px;
639   text-align: center;
640   text-shadow: none !important;
641   padding: 0;
642   cursor: default;
643   border: 3px solid #FFF !important;
644 }
645 .timeline-label {
646   display: block;
647   clear: both;
648   margin: 0 0 18px;
649   margin-left: 34px;
650 }
651 .timeline-item img {
652   border: 1px solid #AAA;
653   padding: 2px;
654   background-color: #FFF;
655 }
656 .timeline-style2:before {
657   display: none;
658 }
659 .timeline-style2 .timeline-item {
660   padding-bottom: 22px;
661   margin-bottom: 0;
662 }
663 .timeline-style2 .timeline-item:last-child {
664   padding-bottom: 0;
665 }
666 .timeline-style2 .timeline-item:before {
667   content: "";
668   display: block;
669   position: absolute;
670   left: 90px;
671   top: 5px;
672   bottom: -5px;
673   border-width: 0;
674   background-color: #DDD;
675   width: 2px;
676   max-width: 2px;
677 }
678 .timeline-style2 .timeline-item:last-child:before {
679   display: none;
680 }
681 .timeline-style2 .timeline-item:first-child:before {
682   display: block;
683 }
684 .timeline-style2 .timeline-item .transparent .widget-header {
685   background-color: transparent !important;
686 }
687 .timeline-style2 .timeline-item .transparent.widget-box {
688   background-color: transparent !important;
689   border-left: none !important;
690 }
691 .timeline-style2 .timeline-info {
692   width: 100px;
693 }
694 .timeline-style2 .timeline-indicator {
695   font-size: 0;
696   height: 12px;
697   line-height: 12px;
698   width: 12px;
699   border-width: 1px !important;
700   background-color: #FFFFFF !important;
701   position: absolute;
702   left: 85px;
703   top: 3px;
704   opacity: 1;
705   border-radius: 100%;
706   display: inline-block;
707   padding: 0;
708 }
709 .timeline-style2 .timeline-date {
710   display: inline-block;
711   width: 72px;
712   text-align: right;
713   margin-right: 25px;
714   color: #777;
715 }
716 .timeline-style2 .timeline-item .widget-box {
717   margin-left: 112px;
718 }
719 .timeline-style2 .timeline-label {
720   width: 75px;
721   text-align: center;
722   margin-left: 0;
723   margin-bottom: 10px;
724   text-align: right;
725   color: #666;
726   font-size: 14px;
727 }
728 .timeline-time {
729   text-align: center;
730   position: static;
731 }
732 .well.search-area {
733   background-color: #ecf1f4;
734   border-color: #d6e1ea;
735   -webkit-box-shadow: none;
736   box-shadow: none;
737 }
738 .search-thumbnail {
739   -webkit-transition-duration: 0.1s;
740   transition-duration: 0.1s;
741 }
742 .search-thumbnail:hover {
743   border-color: #75A8CE;
744 }
745 .search-thumbnail .search-title {
746   margin-top: 15px;
747 }
748 .search-media {
749   border: 1px solid #ddd;
750   margin-top: -1px;
751   padding: 12px;
752   -webkit-transition: border 0.1s ease-in-out 0s;
753   -o-transition: border 0.1s ease-in-out 0s;
754   transition: border 0.1s ease-in-out 0s;
755   position: relative;
756   padding-right: 150px;
757 }
758 .search-media:hover {
759   border-color: #75A8CE;
760   z-index: 1;
761 }
762 .search-media .search-actions {
763   position: absolute;
764   right: 0;
765   top: 0;
766   bottom: 0;
767   height: 100%;
768   width: 20%;
769   min-width: 100px;
770   max-width: 150px;
771   padding: 6px 9px;
772 }
773 .search-media .search-actions::before {
774   content: "";
775   display: block;
776   position: absolute;
777   left: 0;
778   top: 8px;
779   bottom: 16px;
780   width: 1px;
781   background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
782   background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
783   background-image: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
784   background-repeat: repeat-x;
785   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
786 }
787 .search-media:hover .search-actions {
788   background-color: #F0F4F7;
789 }
790 .search-media.disabled:hover .search-actions {
791   background-color: #F6F6F6;
792 }
793 .search-media:not(.disabled):hover .search-actions::before {
794   background-image: -webkit-linear-gradient(top, #ffffff 0%, #84bee5 100%);
795   background-image: -o-linear-gradient(top, #ffffff 0%, #84bee5 100%);
796   background-image: linear-gradient(to bottom, #ffffff 0%, #84bee5 100%);
797   background-repeat: repeat-x;
798   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff84bee5', GradientType=0);
799 }
800 .search-filter-header {
801   padding: 8px;
802   margin: -4px;
803 }
804 .search-btn-action {
805   position: absolute;
806   bottom: -5px;
807   left: 0;
808   right: 0;
809   width: auto;
810   -webkit-transition: bottom 0.15s;
811   -o-transition: bottom 0.15s;
812   transition: bottom 0.15s;
813 }
814 .search-media:hover .search-btn-action {
815   bottom: 1px;
816 }
817 .search-promotion.label {
818   position: absolute;
819   margin-top: -1px;
820   margin-left: -1px;
821 }
822 .search-filter-element {
823   padding: 12px;
824   background-color: #FFF;
825   border: 1px solid #C9DDE7;
826 }
827 .search-results {
828   padding: 24px 12px;
829   min-height: 20px;
830 }
831 .search-result {
832   margin-top: -1px;
833   position: relative;
834   padding: 12px;
835   border: 1px dotted;
836   border-color: #DDD #FFF #FFF;
837   border-color: rgba(0, 0, 0, 0.11) transparent transparent;
838 }
839 .search-result:hover {
840   background-color: #F7F7F7;
841   border-color: #D6E1EA;
842   border-style: solid;
843   z-index: 1;
844 }
845 .search-result:first-child {
846   border-top-color: #FFF;
847   border-top-color: transparent;
848 }
849 .search-result:first-child:hover {
850   border-top-color: #D6E1EA;
851 }
852 .search-result .search-title {
853   font-size: 16px;
854   margin-top: 0;
855   margin-bottom: 6px;
856 }
857 .search-result .search-content {
858   margin-top: 2px;
859 }
860 .dataTables_length select {
861   width: 70px;
862   height: 25px;
863   padding: 2px 3px;
864 }
865 .dataTables_length label {
866   font-weight: normal;
867 }
868 .dataTables_filter {
869   text-align: right;
870 }
871 .dataTables_filter input[type=text],
872 .dataTables_filter input[type=search] {
873   width: 125px;
874   height: 18px;
875   line-height: 18px;
876   -webkit-box-sizing: content-box;
877   -moz-box-sizing: content-box;
878   box-sizing: content-box;
879   padding: 4px 6px;
880 }
881 .dataTables_filter label {
882   font-weight: normal;
883 }
884 .dataTables_info {
885   font-size: 14px;
886 }
887 .dataTables_paginate {
888   text-align: right;
889 }
890 .dataTables_paginate .pagination {
891   margin: 0 12px;
892 }
893 .dataTables_wrapper label {
894   display: inline-block;
895   font-size: 13px;
896 }
897 .dataTables_wrapper input[type=text],
898 .dataTables_wrapper input[type=search],
899 .dataTables_wrapper select {
900   margin-bottom: 0 !important;
901   margin: 0 4px;
902 }
903 .dataTables_wrapper .row {
904   margin: 0 !important;
905 }
906 .dataTables_wrapper .row:first-child {
907   padding-top: 12px;
908   padding-bottom: 12px;
909   background-color: #EFF3F8;
910 }
911 .dataTables_wrapper .row:first-child + .dataTable {
912   border-top: 1px solid #dddddd;
913   border-bottom: 1px solid #dddddd;
914 }
915 .dataTables_wrapper .row:last-child {
916   border-bottom: 1px solid #e0e0e0;
917   padding-top: 12px;
918   padding-bottom: 12px;
919   background-color: #EFF3F8;
920 }
921 .dataTables_wrapper .dataTables_scroll + .row {
922   border-top: 1px solid #e0e0e0;
923 }
924 .dataTable {
925   margin-bottom: 0;
926 }
927 .dataTable > thead > tr > th[class*=sort] {
928   cursor: pointer;
929 }
930 .dataTable > thead > tr > th[class*=sort]:after {
931   float: right;
932   display: inline;
933   content: "\f0dc";
934   font-family: FontAwesome;
935   font-size: 13px;
936   font-weight: normal;
937   color: #555;
938 }
939 .dataTable > thead > tr > th[class*=sort]:hover {
940   color: #547ea8;
941 }
942 .dataTable > thead > tr > th[class*=sorting_] {
943   color: #307ecc;
944 }
945 .dataTable > thead > tr > th.sorting_desc,
946 .dataTable > thead > tr > th.sorting_asc {
947   background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
948   background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
949   background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
950   background-repeat: repeat-x;
951   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
952 }
953 .dataTable > thead > tr > th.sorting_desc:after {
954   content: "\f0dd";
955   top: -6px;
956   color: #307ecc;
957 }
958 .dataTable > thead > tr > th.sorting_asc:after {
959   content: "\f0de";
960   top: 4px;
961   color: #307ecc;
962 }
963 .dataTable > thead > tr > th.sorting_disabled {
964   cursor: inherit;
965 }
966 .dataTable > thead > tr > th.sorting_disabled:after {
967   display: none;
968 }
969 .dataTables_scrollHead + .dataTables_scrollBody > .dataTable > thead > tr > th:after {
970   display: none;
971 }
972 .dataTables_scrollHeadInner {
973   width: auto !important;
974 }
975 .dataTables_scrollHeadInner > .dataTable > thead > tr > th {
976   border-bottom-width: 0 !important;
977 }
978 .dataTables_borderWrap .dataTables_scrollBody,
979 .dataTables_borderWrap .dataTables_scrollHead {
980   border: 1px solid #dddddd !important;
981   border-width: 0 1px !important;
982 }
983 .dataTables_borderWrap .dataTables_scrollBody .table-bordered,
984 .dataTables_borderWrap .dataTables_scrollHead .table-bordered {
985   border-left-width: 0;
986   border-right-width: 0;
987 }
988 .dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:first-child,
989 .dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:first-child,
990 .dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:first-child,
991 .dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:first-child {
992   border-left-width: 0;
993 }
994 .dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:last-child,
995 .dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:last-child,
996 .dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:last-child,
997 .dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:last-child {
998   border-right-width: 0;
999 }
1000 table.dataTable {
1001   clear: both;
1002   max-width: none !important;
1003 }
1004 table.dataTable th:active {
1005   outline: none;
1006 }
1007 div.dataTables_scrollHead table {
1008   margin-bottom: 0 !important;
1009   border-bottom-left-radius: 0;
1010   border-bottom-right-radius: 0;
1011 }
1012 div.dataTables_scrollHead table thead tr:last-child th:first-child,
1013 div.dataTables_scrollHead table thead tr:last-child td:first-child {
1014   border-bottom-left-radius: 0 !important;
1015   border-bottom-right-radius: 0 !important;
1016 }
1017 div.dataTables_scrollBody table {
1018   border-top: none;
1019   margin-top: 0 !important;
1020   margin-bottom: 0 !important;
1021 }
1022 div.dataTables_scrollBody tbody tr:first-child th,
1023 div.dataTables_scrollBody tbody tr:first-child td {
1024   border-top: none;
1025 }
1026 div.dataTables_scrollFoot table {
1027   margin-top: 0 !important;
1028   border-top: none;
1029 }
1030 .tableTools-container {
1031   margin-bottom: 8px;
1032   position: relative;
1033 }
1034 .gritter-item-wrapper.dt-button-info {
1035   padding: 12px 11px 8px;
1036   z-index: 1999;
1037 }
1038 .gritter-item-wrapper.dt-button-info > h2 {
1039   margin-top: 0;
1040 }
1041 .dt-button-collection .dropdown-menu {
1042   display: block;
1043   z-index: 1101;
1044 }
1045 .dt-button-collection .dropdown-menu > li > a {
1046   color: #888;
1047   text-decoration: line-through;
1048 }
1049 .dt-button-collection .dropdown-menu > li > a.active {
1050   color: #333;
1051   text-decoration: none;
1052 }
1053 div.dt-button-background {
1054   position: fixed;
1055   top: 0;
1056   left: 0;
1057   height: 100%;
1058   width: 100%;
1059   background-color: black;
1060   z-index: 1100;
1061   opacity: 0.1;
1062 }
1063 .dataTable > tbody > tr.selected > td {
1064   background-color: #dff0d8;
1065 }
1066 .dataTable > tbody > tr.selected:hover > td {
1067   background-color: #d0e9c6;
1068 }
1069 div.dataTables_processing {
1070   position: absolute;
1071   top: 50%;
1072   left: 50%;
1073   width: 80%;
1074   height: 60px;
1075   margin-left: -40%;
1076   margin-top: -25px;
1077   padding-top: 20px;
1078   padding-bottom: 20px;
1079   text-align: center;
1080   font-size: 1.2em;
1081   background-color: white;
1082   border: 2px solid #DDD;
1083   background-color: rgba(255, 255, 255, 0.66);
1084 }
1085 .fc-toolbar h2 {
1086   font-size: 22px;
1087   color: #65A0CE;
1088 }
1089 .fc-unthemed th,
1090 .fc-unthemed td,
1091 .fc-unthemed hr,
1092 .fc-unthemed thead,
1093 .fc-unthemed tbody,
1094 .fc-unthemed .fc-row,
1095 .fc-unthemed .fc-popover {
1096   border-color: #BCD4E5;
1097 }
1098 .fc-unthemed .fc-today {
1099   background: #FFC;
1100 }
1101 .fc-event {
1102   border-width: 0;
1103   color: #ffffff;
1104   padding: 1px 1px 2px 2px;
1105   border-radius: 0;
1106 }
1107 .fc-event:not([class*="label-"]) {
1108   background-color: #abbac3;
1109 }
1110 .fc-event.label-yellow {
1111   color: #996633;
1112 }
1113 .fc-event.label-light {
1114   color: #888888;
1115 }
1116 .label-yellow .fc-event {
1117   color: #996633;
1118 }
1119 .label-light .fc-event {
1120   color: #888;
1121 }
1122 [class*="label-"] > .fc-event,
1123 [class*="label-"] > .fc-event > .fc-event-skin.fc-event-head {
1124   background-color: inherit;
1125 }
1126 .fc-event.ui-draggable-dragging {
1127   cursor: move;
1128 }
1129 .fc-event.fc-event-vert,
1130 .fc-event-vert > .fc-event {
1131   padding: 0 0 1px;
1132 }
1133 .fc-day-number {
1134   color: #2E6589;
1135   opacity: 1;
1136   filter: alpha(opacity=100);
1137 }
1138 .fc-widget-header,
1139 .fc .fc-axis {
1140   background: #ECF2F7;
1141   color: #8090A0;
1142 }
1143 .fc-event-hori,
1144 .fc-event-vert {
1145   border-radius: 0 !important;
1146   border-color: transparent;
1147 }
1148 .fc-event-vert .fc-event-content {
1149   padding-left: 1px;
1150   padding-right: 1px;
1151 }
1152 .fc-event-vert .fc-event-time {
1153   padding: 0;
1154 }
1155 .fc-state-default {
1156   border: none;
1157 }
1158 .fc-state-default,
1159 .fc-state-default .fc-button-inner {
1160   border: none;
1161   background-color: #abbac3;
1162   color: #FFF;
1163   background-image: none;
1164   box-shadow: none;
1165   text-shadow: none;
1166   border-radius: 0 !important;
1167   margin-left: 2px;
1168 }
1169 .fc-state-default .fc-button-effect {
1170   display: none;
1171 }
1172 .fc-state-disabled,
1173 .fc-state-disabled .fc-button-inner {
1174   opacity: 0.75;
1175   filter: alpha(opacity=75);
1176   color: #DDD;
1177 }
1178 .fc-state-active,
1179 .fc-state-active .fc-button-inner {
1180   border-color: #4F99C6;
1181   background-color: #6FB3E0;
1182 }
1183 .fc-state-hover,
1184 .fc-state-hover .fc-button-inner {
1185   background-color: #8B9AA3;
1186 }
1187 .fc .fc-button-group > * {
1188   margin: 0 1px 0 0;
1189 }
1190 .external-event {
1191   margin: 6px 0;
1192   padding: 0;
1193   cursor: default;
1194   display: block;
1195   font-size: 13px;
1196   line-height: 28px;
1197   color: #ffffff;
1198 }
1199 .external-event:not([class*="label-"]) {
1200   background-color: #abbac3;
1201 }
1202 .external-event:hover {
1203   opacity: 1;
1204   filter: alpha(opacity=100);
1205 }
1206 .external-event.ui-draggable-dragging {
1207   cursor: move;
1208 }
1209 .external-event.label-yellow {
1210   color: #996633;
1211 }
1212 .external-event.label-light {
1213   color: #888888;
1214 }
1215 .external-event > .ace-icon:first-child {
1216   display: inline-block;
1217   height: 32px;
1218   width: 32px;
1219   text-align: center;
1220   line-height: 30px;
1221   margin-right: 5px;
1222   font-size: 15px;
1223   border-right: 1px solid #FFF;
1224 }
1225 /**
1226 .widget-main {
1227     .fc {
1228         position:relative;
1229         top:-40px;
1230         
1231         > .fc-header {
1232             position:relative;
1233             z-index:10;
1234         }
1235         
1236         .fc-header-space {
1237             padding-left:2px;
1238         }
1239     }
1240     
1241     .fc-header-title > h2 {
1242         font-size: floor(@base-font-size * 1.4);
1243         line-height: 36px;
1244     }
1245     
1246     .fc-content {
1247         top:-14px;
1248         z-index:11;
1249     }
1250     
1251     .fc-button-content {
1252         height:37px;
1253         line-height:36px;
1254     }
1255     
1256 }
1257 */
1258 @media only screen and (max-width: 480px) {
1259   .fc-header td {
1260     display: block;
1261     width: auto;
1262     text-align: left;
1263   }
1264 }
1265 .chosen-container + .help-inline {
1266   vertical-align: middle;
1267 }
1268 /**
1269 .chosen-select {
1270   display: inline !important; //for validation plugin to work it must be displayed
1271   visibility: hidden;
1272   opacity: 0;
1273   position: absolute;
1274   z-index: -1;
1275   width: 0;
1276   height: 0;
1277   border-width: 0;
1278 }
1279 */
1280 .chosen-container,
1281 [class*="chosen-container"] {
1282   vertical-align: middle;
1283 }
1284 .chosen-container > .chosen-single,
1285 [class*="chosen-container"] > .chosen-single {
1286   line-height: 28px;
1287   height: 32px;
1288   box-shadow: none;
1289   background: #FAFAFA;
1290 }
1291 .chosen-choices {
1292   box-shadow: none !important;
1293 }
1294 .chosen-container-single .chosen-single abbr {
1295   background: none;
1296 }
1297 .chosen-container-single .chosen-single abbr:after {
1298   content: "\f00d";
1299   display: inline-block;
1300   color: #888;
1301   font-family: FontAwesome;
1302   font-size: 13px;
1303   position: absolute;
1304   right: 0;
1305   top: -7px;
1306 }
1307 .chosen-container-single .chosen-single abbr:hover:after {
1308   color: #464646;
1309 }
1310 .chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
1311   color: #464646;
1312 }
1313 .chosen-single div b {
1314   background: none !important;
1315 }
1316 .chosen-single div b:before {
1317   content: "\f0d7";
1318   display: inline-block;
1319   color: #888;
1320   font-family: FontAwesome;
1321   font-size: 12px;
1322   position: relative;
1323   top: -1px;
1324   left: 1px;
1325 }
1326 .chosen-container-active.chosen-with-drop .chosen-single div b:before {
1327   content: "\f0d8";
1328 }
1329 .chosen-container-single .chosen-search {
1330   position: relative;
1331 }
1332 .chosen-container-single .chosen-search input[type="text"] {
1333   background: none;
1334   border-radius: 0;
1335   line-height: 28px;
1336   height: 28px;
1337 }
1338 .chosen-container-single .chosen-search:after {
1339   content: "\f002";
1340   display: inline-block;
1341   color: #888;
1342   font-family: FontAwesome;
1343   font-size: 14px;
1344   position: absolute;
1345   top: 8px;
1346   right: 12px;
1347 }
1348 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
1349   height: 25px;
1350 }
1351 .chosen-container-multi .chosen-choices li.search-choice {
1352   line-height: 16px;
1353   padding-bottom: 4px;
1354 }
1355 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
1356   background: none;
1357 }
1358 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
1359   content: "\f00d";
1360   display: inline-block;
1361   color: #888;
1362   font-family: FontAwesome;
1363   font-size: 13px;
1364   position: absolute;
1365   right: 2px;
1366   top: -1px;
1367 }
1368 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
1369   text-decoration: none;
1370 }
1371 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
1372   color: #464646;
1373 }
1374 .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
1375   color: #464646;
1376 }
1377 .chosen-container .chosen-results-scroll-down span,
1378 .chosen-container .chosen-results-scroll-up span {
1379   background: none;
1380 }
1381 .chosen-container .chosen-results-scroll-down span:before,
1382 .chosen-container .chosen-results-scroll-up span:before {
1383   content: "\f0d7";
1384   display: inline-block;
1385   color: #888;
1386   font-family: FontAwesome;
1387   font-size: 12px;
1388   position: relative;
1389   top: -1px;
1390   left: 1px;
1391 }
1392 .chosen-container .chosen-results-scroll-up span:before {
1393   content: "\f0d8";
1394 }
1395 .chosen-container-active .chosen-single-with-drop div b:before {
1396   content: "\f0d8";
1397 }
1398 .chosen-rtl .chosen-search input[type="text"] {
1399   background: none;
1400 }
1401 .chosen-rtl .chosen-search:after {
1402   content: "";
1403   display: none;
1404 }
1405 .chosen-rtl .chosen-search:before {
1406   content: "\f002";
1407   display: inline-block;
1408   color: #888;
1409   font-family: FontAwesome;
1410   font-size: 14px;
1411   position: absolute;
1412   top: 9px;
1413   left: 12px;
1414 }
1415 /** chosen - etc */
1416 .chosen-container-single .chosen-single {
1417   border-radius: 0;
1418 }
1419 .chosen-container .chosen-results li.highlighted {
1420   background: #316AC5;
1421   color: #FFF;
1422 }
1423 .chosen-container-single .chosen-drop {
1424   border-radius: 0;
1425   border-bottom: 3px solid #4492C9;
1426   border-color: #4492C9;
1427 }
1428 .chosen-single.chosen-single-with-drop,
1429 .chosen-container-active .chosen-single {
1430   border-color: #4492C9;
1431 }
1432 .form-group.has-error .chosen-single {
1433   border-color: #f2a696 !important;
1434 }
1435 .form-group.has-info .chosen-single {
1436   border-color: #72aec2 !important;
1437 }
1438 .form-group.has-warning .chosen-single {
1439   border-color: #e3c94c !important;
1440 }
1441 .form-group.has-success .chosen-single {
1442   border-color: #9cc573 !important;
1443 }
1444 .chosen-container-active.chosen-with-drop .chosen-single {
1445   border-color: #4492C9;
1446 }
1447 .chosen-container.chosen-with-drop .chosen-drop {
1448   left: auto;
1449   right: auto;
1450   display: block;
1451 }
1452 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
1453   .chosen-rtl .chosen-search input[type="text"],
1454   .chosen-container-single .chosen-single abbr,
1455   .chosen-container-single .chosen-single div b,
1456   .chosen-container-single .chosen-search input[type="text"],
1457   .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
1458   .chosen-container .chosen-results-scroll-down span,
1459   .chosen-container .chosen-results-scroll-up span {
1460     background-image: none !important;
1461     background-repeat: no-repeat !important;
1462     background-size: auto !important;
1463   }
1464 }
1465 .tag-input-style + .chosen-container-multi .chosen-choices li.search-choice {
1466   background-image: none;
1467   background-color: #91b8d0;
1468   color: #FFFFFF;
1469   display: inline-block;
1470   font-size: 13px;
1471   font-weight: normal;
1472   margin-bottom: 3px;
1473   margin-right: 3px;
1474   padding: 6px 22px 7px 9px;
1475   position: relative;
1476   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
1477   transition: all 0.2s ease 0s;
1478   vertical-align: baseline;
1479   white-space: nowrap;
1480   border: none;
1481   -webkit-box-shadow: none;
1482   box-shadow: none;
1483   border-radius: 0;
1484 }
1485 .tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
1486   position: absolute;
1487   top: 0;
1488   bottom: 0;
1489   right: 0;
1490   width: 18px;
1491   height: auto;
1492   line-height: 25px;
1493   text-align: center;
1494 }
1495 .tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
1496   color: #FFF;
1497   position: static;
1498   font-size: 11px;
1499 }
1500 .tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
1501   background-color: rgba(0, 0, 0, 0.2);
1502 }
1503 .tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
1504   color: #FFF;
1505 }
1506 .tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice {
1507   padding: 6px 9px 7px 22px;
1508   margin-left: 0;
1509   margin-right: 3px !important;
1510 }
1511 .tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
1512   right: auto;
1513   left: 0;
1514 }
1515 .select2-container--default .select2-selection {
1516   border-radius: 0;
1517   line-height: 24px;
1518 }
1519 .select2-container--default .select2-selection {
1520   border-color: #AAA;
1521 }
1522 .select2-container--default.select2-container--focus .select2-selection {
1523   border-color: #4492C9;
1524 }
1525 .select2-container--open .select2-dropdown {
1526   border-radius: 0;
1527 }
1528 .select2-container--open .select2-dropdown {
1529   border-color: #4492c9;
1530   -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
1531   box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
1532 }
1533 .select2-container--default .select2-selection .select2-selection__clear {
1534   position: absolute;
1535   right: -32px;
1536   font-size: 16px;
1537 }
1538 .select2-container .select2-selection--single {
1539   height: 32px;
1540 }
1541 .select2-container--default .select2-selection .select2-selection__choice__remove {
1542   font-size: 15px;
1543   margin-right: 3px;
1544 }
1545 .select2-container--default .select2-results__option[aria-selected="true"] {
1546   background-color: #E4EEF5;
1547 }
1548 .select2-container--default .select2-results__option--highlighted[aria-selected] {
1549   background-color: #4F99C6;
1550 }
1551 .select2-search {
1552   background: none;
1553 }
1554 .select2-search:before {
1555   font-family: FontAwesome;
1556   font-size: 12px;
1557   display: inline;
1558   content: "\f002";
1559   color: #888;
1560   position: absolute;
1561   right: 12px;
1562   top: 8px;
1563 }
1564 .select2-search:hover:before {
1565   color: #555;
1566 }
1567 .select2-selection--multiple .select2-search:before {
1568   display: none;
1569 }
1570 .form-group.has-error .select2-container--default .select2-selection {
1571   border-color: #f2a696 !important;
1572 }
1573 .form-group.has-info .select2-container--default .select2-selection {
1574   border-color: #72aec2 !important;
1575 }
1576 .form-group.has-warning .select2-container--default .select2-selection {
1577   border-color: #e3c94c !important;
1578 }
1579 .form-group.has-success .select2-container--default .select2-selection {
1580   border-color: #9cc573 !important;
1581 }
1582 .select2.tag-input-style .select2-selection .select2-selection__choice {
1583   background-color: #91b8d0;
1584   color: #FFFFFF;
1585   display: inline-block;
1586   font-size: 13px;
1587   font-weight: normal;
1588   margin-bottom: 2px;
1589   margin-right: 2px;
1590   padding: 6px 22px 7px 9px;
1591   position: relative;
1592   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
1593   transition: all 0.2s ease 0s;
1594   vertical-align: baseline;
1595   white-space: nowrap;
1596   border: none;
1597   -webkit-box-shadow: none;
1598   box-shadow: none;
1599   border-radius: 0;
1600 }
1601 .select2.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove {
1602   position: absolute;
1603   top: 0;
1604   bottom: 0;
1605   right: -2px;
1606   left: auto;
1607   width: 18px;
1608   height: auto;
1609   line-height: 36px;
1610   text-align: center;
1611   color: #FFF;
1612 }
1613 .select2.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove:hover {
1614   background-color: rgba(0, 0, 0, 0.2);
1615   color: #FFF;
1616 }
1617 #colorbox:focus,
1618 #colorbox:active {
1619   outline: none;
1620 }
1621 #cboxTopLeft,
1622 #cboxTopCenter,
1623 #cboxTopRight,
1624 #cboxMiddleLeft,
1625 #cboxMiddleRight,
1626 #cboxBottomLeft,
1627 #cboxBottomCenter,
1628 #cboxBottomRight {
1629   background: none !important;
1630   opacity: 0;
1631 }
1632 #cboxContent {
1633   border: 12px solid #000;
1634   background-color: #FFF;
1635   padding: 7px;
1636 }
1637 #cboxOverlay {
1638   background: rgba(0, 0, 0, 0.95);
1639   background: #000;
1640 }
1641 #cboxCurrent {
1642   left: 64px;
1643   margin-bottom: 4px;
1644   font-size: 14px;
1645 }
1646 #cboxTitle {
1647   margin-bottom: 4px;
1648   font-size: 14px;
1649   color: #777;
1650 }
1651 #cboxNext,
1652 #cboxPrevious,
1653 #cboxClose {
1654   background: none;
1655   text-indent: 0;
1656   width: 26px;
1657   height: 26px;
1658   line-height: 22px;
1659   padding: 0 4px;
1660   text-align: center;
1661   border: 2px solid #999;
1662   border-radius: 16px;
1663   color: #666;
1664   font-size: 12px;
1665   margin-left: 5px;
1666   margin-bottom: 5px;
1667 }
1668 #cboxNext:hover,
1669 #cboxPrevious:hover {
1670   color: #333;
1671   border-color: #666;
1672 }
1673 #cboxContent {
1674   overflow: visible;
1675 }
1676 #cboxClose {
1677   background-color: #000;
1678   border: 2px solid #FFF;
1679   border-radius: 32px;
1680   color: #FFF;
1681   font-size: 21px;
1682   height: 28px;
1683   width: 28px;
1684   padding-bottom: 2px;
1685   margin-left: 0;
1686   right: -14px;
1687   top: -14px;
1688 }
1689 #cboxLoadingOverlay {
1690   background: none !important;
1691 }
1692 #cboxLoadingGraphic {
1693   background: #FFF none !important;
1694   text-align: center;
1695 }
1696 #cboxLoadingGraphic > .ace-icon {
1697   display: inline-block;
1698   background-color: #FFF;
1699   border-radius: 8px;
1700   width: 32px;
1701   height: 32px;
1702   position: relative;
1703   top: 48%;
1704   text-align: center;
1705   vertical-align: middle;
1706   font-size: 24px;
1707   color: #FE7E3E;
1708 }
1709 .ace-spinner {
1710   display: inline-block;
1711 }
1712 .ace-spinner .spinbox-buttons.btn-group-vertical {
1713   min-width: 18px;
1714 }
1715 .ace-spinner .spinbox-buttons.btn-group-vertical > .btn {
1716   font-size: 10px;
1717   padding: 0;
1718   width: 22px;
1719   height: 16px;
1720   line-height: 8px;
1721   margin-left: 0;
1722 }
1723 .ace-spinner .spinbox-buttons.btn-group-vertical > .btn:first-child {
1724   margin-top: 0;
1725 }
1726 .ace-spinner .spinbox-buttons.btn-group-vertical > .btn > .ace-icon {
1727   margin: 0;
1728   padding: 0;
1729 }
1730 .ace-spinner .spinbox-buttons.btn-group-vertical > .btn + .btn {
1731   margin-top: 2px;
1732 }
1733 .ace-spinner .spinbox-buttons.btn-group-vertical > .btn-xs {
1734   height: 14px;
1735   line-height: 7px;
1736 }
1737 .ace-spinner .spinbox-buttons.btn-group-vertical > .btn-lg {
1738   height: 22px;
1739   line-height: 10px;
1740   width: 22px;
1741 }
1742 .ace-spinner .spinbox-buttons > button.btn.spinbox-up:active {
1743   top: -1px;
1744 }
1745 .ace-spinner:not(.touch-spinner) .spinbox-buttons > .btn > .ace-icon {
1746   margin-top: -1px;
1747 }
1748 .ace-spinner.touch-spinner .spinbox-buttons {
1749   margin: 0;
1750   font-size: 0;
1751 }
1752 .ace-spinner.touch-spinner .spinbox-buttons .btn-sm {
1753   width: 32px;
1754   padding-left: 6px;
1755   padding-right: 6px;
1756 }
1757 .ace-spinner.touch-spinner .spinbox-buttons .btn-xs {
1758   width: 24px;
1759   padding-left: 4px;
1760   padding-right: 4px;
1761 }
1762 .ace-spinner.touch-spinner .spinbox-buttons .btn-lg {
1763   width: 40px;
1764   padding-left: 8px;
1765   padding-right: 8px;
1766 }
1767 .ace-spinner.touch-spinner .spinbox-buttons > .btn {
1768   margin: 0 1px !important;
1769 }
1770 .ace-spinner.touch-spinner .spinbox-buttons > .btn-xs {
1771   padding-top: 3px;
1772   padding-bottom: 3px;
1773 }
1774 .ace-spinner.touch-spinner .spinbox-buttons > .btn > .ace-icon {
1775   vertical-align: middle;
1776   display: inline-block;
1777 }
1778 .steps {
1779   list-style: none;
1780   display: table;
1781   width: 100%;
1782   padding: 0;
1783   margin: 0;
1784   position: relative;
1785 }
1786 .steps li {
1787   display: table-cell;
1788   text-align: center;
1789   width: 1%;
1790 }
1791 .steps li .step {
1792   border: 5px solid #ced1d6;
1793   color: #546474;
1794   font-size: 15px;
1795   border-radius: 100%;
1796   background-color: #FFF;
1797   position: relative;
1798   z-index: 2;
1799   display: inline-block;
1800   width: 40px;
1801   height: 40px;
1802   line-height: 30px;
1803   text-align: center;
1804 }
1805 .steps li:before {
1806   display: block;
1807   content: "";
1808   width: 100%;
1809   height: 1px;
1810   font-size: 0;
1811   overflow: hidden;
1812   border-top: 4px solid #CED1D6;
1813   position: relative;
1814   top: 21px;
1815   z-index: 1;
1816 }
1817 .steps li.last-child:before {
1818   max-width: 50%;
1819   width: 50%;
1820 }
1821 .steps li:last-child:before {
1822   max-width: 50%;
1823   width: 50%;
1824 }
1825 .steps li:first-child:before {
1826   max-width: 51%;
1827   left: 50%;
1828 }
1829 .steps li.active:before,
1830 .steps li.complete:before,
1831 .steps li.active .step,
1832 .steps li.complete .step {
1833   border-color: #5293c4;
1834 }
1835 .steps li.complete .step {
1836   cursor: default;
1837   color: #FFF;
1838   -webkit-transition: transform ease 0.1s;
1839   -o-transition: transform ease 0.1s;
1840   transition: transform ease 0.1s;
1841 }
1842 .steps li.complete .step:before {
1843   display: block;
1844   position: absolute;
1845   top: 0;
1846   left: 0;
1847   bottom: 0;
1848   right: 0;
1849   line-height: 30px;
1850   text-align: center;
1851   border-radius: 100%;
1852   content: "\f00c";
1853   background-color: #FFF;
1854   z-index: 3;
1855   font-family: FontAwesome;
1856   font-size: 17px;
1857   color: #87ba21;
1858 }
1859 .steps li.complete:hover .step {
1860   -moz-transform: scale(1.1);
1861   -webkit-transform: scale(1.1);
1862   -o-transform: scale(1.1);
1863   -ms-transform: scale(1.1);
1864   transform: scale(1.1);
1865   border-color: #80afd4;
1866 }
1867 .steps li.complete:hover:before {
1868   border-color: #80afd4;
1869 }
1870 .steps li .title {
1871   display: block;
1872   margin-top: 4px;
1873   max-width: 100%;
1874   color: #949ea7;
1875   font-size: 14px;
1876   z-index: 104;
1877   text-align: center;
1878   table-layout: fixed;
1879   word-wrap: break-word;
1880 }
1881 .steps li.complete .title,
1882 .steps li.active .title {
1883   color: #2b3d53;
1884 }
1885 .step-content {
1886   position: relative;
1887 }
1888 .step-content .step-pane {
1889   display: none;
1890   min-height: 200px;
1891   padding: 4px 8px 12px;
1892 }
1893 .step-content .step-pane.active {
1894   display: block;
1895 }
1896 .wizard-actions {
1897   text-align: right;
1898 }
1899 @media only screen and (max-width: 767px) {
1900   .steps li .step {
1901     width: 30px;
1902     height: 30px;
1903     line-height: 24px;
1904     border-width: 3px;
1905   }
1906   .steps li:before,
1907   .steps li:after {
1908     border-width: 3px;
1909   }
1910   .steps li.complete .step:before {
1911     line-height: 24px;
1912     font-size: 13px;
1913   }
1914   .steps li:before {
1915     top: 16px;
1916   }
1917   .step-content .step-pane {
1918     padding: 4px 4px 6px;
1919     min-height: 150px;
1920   }
1921 }
1922 .tree {
1923   margin: auto;
1924   padding: 0 0 0 9px;
1925   overflow-x: hidden;
1926   overflow-y: auto;
1927   position: relative;
1928 }
1929 .tree:before {
1930   display: inline-block;
1931   content: "";
1932   position: absolute;
1933   top: -20px;
1934   bottom: 16px;
1935   left: 0;
1936   z-index: 1;
1937   border: 1px dotted #67b2dd;
1938   border-width: 0 0 0 1px;
1939 }
1940 .tree .tree-branch-name,
1941 .tree .tree-item-name {
1942   cursor: pointer;
1943 }
1944 .tree .icon-caret {
1945   vertical-align: baseline !important;
1946 }
1947 .tree .tree-branch {
1948   width: auto;
1949   min-height: 20px;
1950   cursor: pointer;
1951 }
1952 .tree .tree-branch .tree-branch-header {
1953   position: relative;
1954   height: 20px;
1955   line-height: 20px;
1956 }
1957 .tree .tree-branch .tree-branch-header:hover {
1958   background-color: rgba(98, 168, 209, 0.1);
1959 }
1960 .tree .tree-branch .icon-caret + .tree-branch-header {
1961   display: inline-block;
1962   width: 80%;
1963   width: calc(100% - 36px);
1964 }
1965 .tree .tree-branch.tree-selected > .tree-branch-header {
1966   background-color: rgba(98, 168, 209, 0.18);
1967 }
1968 .tree .tree-branch .tree-branch-header .tree-branch-name,
1969 .tree .tree-item .tree-item-name {
1970   display: inline;
1971   z-index: 2;
1972 }
1973 .tree .tree-branch .tree-branch-header > .tree-branch-name > .ace-icon:first-child,
1974 .tree .tree-item > .tree-item-name > .ace-icon:first-child {
1975   display: inline-block;
1976   position: relative;
1977   z-index: 2;
1978   top: -1px;
1979 }
1980 .tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label {
1981   margin-left: 2px;
1982 }
1983 .tree .tree-branch > .tree-branch-header > .tree-branch-name > .ace-icon:first-child {
1984   margin: -2px 0 0 -2px;
1985 }
1986 .tree .tree-branch:last-child:after {
1987   display: inline-block;
1988   content: "";
1989   position: absolute;
1990   z-index: 1;
1991   top: 15px;
1992   bottom: 0;
1993   left: -15px;
1994   border-left: 1px solid #FFF;
1995 }
1996 .tree .tree-branch .tree-branch-children {
1997   margin: 0 0 0 23px;
1998   padding: 0;
1999   position: relative;
2000 }
2001 .tree .tree-branch .tree-branch-children:before {
2002   display: inline-block;
2003   content: "";
2004   position: absolute;
2005   z-index: 1;
2006   top: -14px;
2007   bottom: 16px;
2008   left: -14px;
2009   border: 1px dotted #67b2dd;
2010   border-width: 0 0 0 1px;
2011 }
2012 .tree .tree-branch.tree-selected > .icon-caret + .tree-branch-header > .tree-branch-name > .tree-label {
2013   font-weight: bold;
2014 }
2015 .tree .tree-item {
2016   position: relative;
2017   height: 20px;
2018   line-height: 20px;
2019   cursor: pointer;
2020   max-width: calc(100% - 20px);
2021 }
2022 .tree .tree-item:hover {
2023   background-color: rgba(98, 168, 209, 0.1);
2024 }
2025 .tree .tree-item.tree-selected,
2026 .tree .tree-item.tree-selected:hover {
2027   background-color: rgba(98, 168, 209, 0.16);
2028 }
2029 .tree .tree-item > .tree-item-name > .ace-icon:first-child {
2030   margin-right: 3px;
2031 }
2032 .tree .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
2033   margin-left: 3px;
2034   margin-right: 3px;
2035 }
2036 .tree .tree-item > .ace-icon:first-child {
2037   margin-top: -1px;
2038 }
2039 .tree .tree-branch,
2040 .tree .tree-item {
2041   position: relative;
2042   list-style: none;
2043 }
2044 .tree .tree-branch:before,
2045 .tree .tree-item:before {
2046   display: inline-block;
2047   content: "";
2048   position: absolute;
2049   top: 14px;
2050   left: -13px;
2051   width: 18px;
2052   height: 0;
2053   border-top: 1px dotted #67b2dd;
2054   z-index: 1;
2055 }
2056 .tree .tree-selected {
2057   color: #6398B0;
2058 }
2059 .tree .tree-item,
2060 .tree .tree-branch {
2061   border-left: 1px solid #FFF;
2062   margin: 1px 0;
2063 }
2064 .tree .tree-branch .tree-branch-header {
2065   border-radius: 0;
2066 }
2067 .tree .tree-item,
2068 .tree .tree-branch .tree-branch-header {
2069   padding: 5px;
2070   color: #4D6878;
2071   -webkit-box-sizing: content-box;
2072   -moz-box-sizing: content-box;
2073   box-sizing: content-box;
2074 }
2075 .tree .tree-item > .tree-item-name > .ace-icon:first-child {
2076   color: #F9E8CE;
2077   width: 13px;
2078   height: 13px;
2079   line-height: 13px;
2080   font-size: 11px;
2081   text-align: center;
2082   border-radius: 3px;
2083   -webkit-box-sizing: content-box;
2084   -moz-box-sizing: content-box;
2085   box-sizing: content-box;
2086   background-color: #FAFAFA;
2087   border: 1px solid #CCC;
2088   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2089 }
2090 .tree .tree-selected > .tree-item-name > .ace-icon:first-child {
2091   background-color: #F9A021;
2092   border-color: #F9A021;
2093   color: #FFF;
2094 }
2095 .tree .tree-plus.ace-icon:first-child,
2096 .tree .tree-minus.ace-icon:first-child {
2097   display: inline-block;
2098   font-style: normal;
2099   border: 1px solid #DDD;
2100   vertical-align: middle;
2101   height: 11px;
2102   width: 11px;
2103   -webkit-box-sizing: content-box;
2104   -moz-box-sizing: content-box;
2105   box-sizing: content-box;
2106   text-align: center;
2107   border: 1px solid #8BAEBF;
2108   line-height: 10px;
2109   background-color: #FFF;
2110   position: relative;
2111   z-index: 2;
2112 }
2113 .tree .tree-plus.ace-icon:first-child:before,
2114 .tree .tree-minus.ace-icon:first-child:before {
2115   content: "";
2116   display: block;
2117   width: 7px;
2118   height: 0;
2119   border-top: 1px solid #4D6878;
2120   position: absolute;
2121   top: 5px;
2122   left: 2px;
2123 }
2124 .tree .tree-plus.ace-icon:first-child:after {
2125   content: "";
2126   display: block;
2127   height: 7px;
2128   width: 0;
2129   border-left: 1px solid #4D6878;
2130   position: absolute;
2131   top: 2px;
2132   left: 5px;
2133 }
2134 .tree .tree-unselectable .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
2135   color: #5084A0;
2136   width: 13px;
2137   height: 13px;
2138   line-height: 13px;
2139   font-size: 10px;
2140   text-align: center;
2141   border-radius: 0;
2142   background-color: transparent;
2143   border: none;
2144   box-shadow: none;
2145 }
2146 .tree .ace-icon[class*="-down"] {
2147   transform: rotate(-45deg);
2148 }
2149 .tree .ace-icon[class*="-download"] {
2150   transform: none;
2151 }
2152 .tree .fa-spin {
2153   height: auto;
2154 }
2155 .tree .tree-loading {
2156   margin-left: 36px;
2157 }
2158 .tree img {
2159   display: inline;
2160   veritcal-align: middle;
2161 }
2162 .tree .icon-open {
2163   width: 16px;
2164   position: relative;
2165   z-index: 2;
2166   padding-left: 2px;
2167 }
2168 .tree .tree .tree-open > .tree-branch-header .icon-open {
2169   -webkit-transform: rotate(90deg);
2170   -ms-transform: rotate(90deg);
2171   -o-transform: rotate(90deg);
2172   transform: rotate(90deg);
2173 }
2174 .tree-container {
2175   background-color: #FFF;
2176   border: 1px solid #DDD;
2177   border-left-color: #67b2dd;
2178   display: block;
2179   padding: 0;
2180   max-width: 200px;
2181   max-height: 250px;
2182 }
2183 .tree-container .tree::before {
2184   margin-left: -1px;
2185 }
2186 .gritter-item-wrapper {
2187   background-image: none !important;
2188   box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
2189   background: rgba(50, 50, 50, 0.92);
2190 }
2191 .gritter-item-wrapper.gritter-info {
2192   background: rgba(49, 81, 133, 0.92);
2193 }
2194 .gritter-item-wrapper.gritter-error {
2195   background: rgba(153, 40, 18, 0.92);
2196 }
2197 .gritter-item-wrapper.gritter-success {
2198   background: rgba(89, 131, 75, 0.92);
2199 }
2200 .gritter-item-wrapper.gritter-warning {
2201   background: rgba(190, 112, 31, 0.92);
2202 }
2203 .gritter-item-wrapper.gritter-light {
2204   background: rgba(245, 245, 245, 0.95);
2205   border: 1px solid #BBB;
2206 }
2207 .gritter-item-wrapper.gritter-light.gritter-info {
2208   background: rgba(232, 242, 255, 0.95);
2209 }
2210 .gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
2211   color: #4A577D;
2212 }
2213 .gritter-item-wrapper.gritter-light.gritter-error {
2214   background: rgba(255, 235, 235, 0.95);
2215 }
2216 .gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
2217   color: #894A38;
2218 }
2219 .gritter-item-wrapper.gritter-light.gritter-success {
2220   background: rgba(239, 250, 227, 0.95);
2221 }
2222 .gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
2223   color: #416131;
2224 }
2225 .gritter-item-wrapper.gritter-light.gritter-warning {
2226   background: rgba(252, 248, 227, 0.95);
2227 }
2228 .gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
2229   color: #946446;
2230 }
2231 .gritter-item p {
2232   line-height: 1.8;
2233 }
2234 .gritter-top,
2235 .gritter-bottom,
2236 .gritter-item {
2237   background-image: none;
2238 }
2239 .gritter-close {
2240   left: auto;
2241   right: 3px;
2242   background-image: none;
2243   width: 18px;
2244   height: 18px;
2245   line-height: 17px;
2246   text-align: center;
2247   border: 2px solid transparent;
2248   border-radius: 16px;
2249   color: #E17B67;
2250 }
2251 .gritter-close:before {
2252   font-family: FontAwesome;
2253   font-size: 16px;
2254   content: "\f00d";
2255 }
2256 .gritter-info .gritter-close {
2257   color: #FFA500;
2258 }
2259 .gritter-error .gritter-close,
2260 .gritter-success .gritter-close,
2261 .gritter-warning .gritter-close {
2262   color: #FFEA07;
2263 }
2264 .gritter-close:hover {
2265   color: #FFF !important;
2266 }
2267 .gritter-title {
2268   text-shadow: none;
2269 }
2270 .gritter-light .gritter-item,
2271 .gritter-light .gritter-bottom,
2272 .gritter-light .gritter-top,
2273 .gritter-light .gritter-close {
2274   background-image: none;
2275   color: #444;
2276 }
2277 .gritter-light .gritter-title {
2278   text-shadow: none;
2279 }
2280 .gritter-light .gritter-close:hover {
2281   color: #8A3104 !important;
2282 }
2283 .gritter-center {
2284   position: fixed;
2285   left: 33%;
2286   right: 33%;
2287   top: 33%;
2288 }
2289 @media only screen and (max-width: 767px) {
2290   .gritter-center {
2291     left: 16%;
2292     right: 16%;
2293     top: 30%;
2294   }
2295 }
2296 @media only screen and (max-width: 480px) {
2297   .gritter-center {
2298     left: 30px;
2299     right: 30px;
2300   }
2301 }
2302 @media only screen and (max-width: 320px) {
2303   .gritter-center {
2304     left: 10px;
2305     right: 10px;
2306   }
2307 }
2308 .wysiwyg-editor {
2309   max-height: 250px;
2310   height: 250px;
2311   background-color: #F7F8FA;
2312   border-collapse: separate;
2313   border: 1px solid #BBC0CA;
2314   padding: 4px;
2315   box-sizing: content-box;
2316   overflow-y: scroll;
2317   overflow-x: hidden;
2318   outline: none;
2319 }
2320 .wysiwyg-editor:focus {
2321   background-color: #FFF;
2322 }
2323 .wysiwyg-toolbar {
2324   line-height: 33px;
2325   margin: 0 !important;
2326   position: relative;
2327 }
2328 .wysiwyg-toolbar .dropdown-menu {
2329   text-align: left;
2330 }
2331 .wysiwyg-toolbar .btn-group {
2332   float: none !important;
2333   font-size: 0;
2334 }
2335 .wysiwyg-toolbar .btn-group > .btn {
2336   float: none;
2337   padding-left: 0;
2338   padding-right: 0;
2339   text-align: center;
2340   margin-left: 1px;
2341   /**
2342         &.active:after {
2343             border-color: transparent;
2344             border-style: solid;
2345             border-top-color: inherit;
2346             border-width: 6px 14px;
2347             bottom: -13px;
2348             left: 0;
2349             right: 0;
2350         }
2351         */
2352 }
2353 .wysiwyg-toolbar .btn-group > .btn > .ace-icon:first-child {
2354   font-size: 14px;
2355   width: 25px;
2356   max-width: 25px;
2357   display: inline-block;
2358   border-width: 1px !important;
2359 }
2360 .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .ace-icon:last-child {
2361   margin-right: 4px;
2362 }
2363 .wysiwyg-style1 .btn-group > .btn,
2364 .wysiwyg-style2 .btn-group > .btn,
2365 .wysiwyg-style1 .btn-group > .inline > .btn,
2366 .wysiwyg-style2 .btn-group > .inline > .btn {
2367   margin: 0 !important;
2368   background: #FFF !important;
2369   border-width: 0 !important;
2370   color: #ADB3BE !important;
2371   text-shadow: none !important;
2372 }
2373 .wysiwyg-style1 .btn-group > .btn.active,
2374 .wysiwyg-style2 .btn-group > .btn.active,
2375 .wysiwyg-style1 .btn-group > .inline > .btn.active,
2376 .wysiwyg-style2 .btn-group > .inline > .btn.active {
2377   color: #5B80CE !important;
2378 }
2379 .wysiwyg-style1 .btn-group > .btn.active:after,
2380 .wysiwyg-style2 .btn-group > .btn.active:after,
2381 .wysiwyg-style1 .btn-group > .inline > .btn.active:after,
2382 .wysiwyg-style2 .btn-group > .inline > .btn.active:after {
2383   display: none;
2384 }
2385 .wysiwyg-style1 .btn-group,
2386 .wysiwyg-style2 .btn-group {
2387   position: relative;
2388 }
2389 .wysiwyg-style1 .btn-group:after,
2390 .wysiwyg-style2 .btn-group:after {
2391   display: block;
2392   content: "";
2393   position: absolute;
2394   left: -2px;
2395   top: 6px;
2396   bottom: 6px;
2397   width: 0;
2398   max-width: 0;
2399   border-left: 1px solid #E1E6EA;
2400 }
2401 .wysiwyg-style1 .btn-group:first-child:after,
2402 .wysiwyg-style2 .btn-group:first-child:after {
2403   display: none;
2404 }
2405 .wysiwyg-style2 {
2406   background-color: #E5E5E5;
2407 }
2408 .wysiwyg-style2 + .wysiwyg-editor {
2409   border-color: #DDD;
2410   background-color: #FFF;
2411   border-top: none;
2412 }
2413 .wysiwyg-style2 .btn-group > .btn,
2414 .wysiwyg-style2 .btn-group > .inline > .btn {
2415   margin: 0 1px 0 0 !important;
2416   background: #FFF !important;
2417   border: none !important;
2418   color: #8D939E !important;
2419   text-shadow: none !important;
2420 }
2421 .wysiwyg-style2 .btn-group > .btn.active,
2422 .wysiwyg-style2 .btn-group > .inline > .btn.active {
2423   color: #FFF !important;
2424   background: #6AAEDF !important;
2425 }
2426 .wysiwyg-style2 .btn-group:after {
2427   display: none;
2428 }
2429 .wysiwyg-toolbar .btn-colorpicker {
2430   width: 24px;
2431   height: 24px;
2432   position: relative;
2433   background: #87B87F;
2434   /* Old browsers */
2435   background: -moz-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
2436   /*  FF3.6+ */
2437   background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #cf3e73), color-stop(20%, #ffffff), color-stop(30%, #2283c5), color-stop(40%, #ffffff), color-stop(50%, #87b87f), color-stop(60%, #ffffff), color-stop(70%, #ffb752), color-stop(80%, #ffffff), color-stop(90%, #d15b47), color-stop(100%, #ffffff));
2438   /* Chrome,Safari4+ */
2439   background: -webkit-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
2440   /* Chrome10+,Safari5.1+ */
2441   background: -o-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
2442   /* Opera11.10+ */
2443   background: -ms-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
2444   /* IE10+ */
2445   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
2446   /* IE6-9 */
2447   background: linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
2448   /* W3C */
2449 }
2450 .wysiwyg-toolbar .dropdown-colorpicker > .dropdown-menu {
2451   top: auto;
2452 }
2453 .wysiwyg-toolbar input[type=file] {
2454   position: fixed;
2455   z-index: -10;
2456   opacity: 0;
2457   max-width: 0;
2458   max-height: 0;
2459   display: block;
2460 }
2461 .wysiwyg-toolbar .wysiwyg-choose-file {
2462   display: inline-block;
2463   width: auto;
2464   margin: 4px auto 0;
2465   padding-left: 5px;
2466   padding-right: 5px;
2467 }
2468 .wysiwyg-toolbar .dropdown-menu input[type=text] {
2469   margin-left: 8px;
2470   margin-bottom: 0;
2471 }
2472 .wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
2473   min-width: 150px;
2474 }
2475 .wysiwyg-toolbar .dropdown-menu .btn {
2476   margin-right: 8px;
2477   margin-left: 8px;
2478 }
2479 .wysiwyg-style1 .btn-colorpicker {
2480   width: 20px;
2481   height: 20px;
2482   margin-left: 4px;
2483 }
2484 @media screen and (-webkit-min-device-pixel-ratio: 0) {
2485   /* for adding image resize functionality in chrome and safari */
2486   .wysiwyg-editor img {
2487     display: inline !important;
2488   }
2489   .wysiwyg-editor .ui-wrapper {
2490     border: 1px dotted #D00;
2491     overflow: visible !important;
2492     /* because it's image only, so it's ok */
2493     display: inline-block !important;
2494     vertical-align: middle;
2495   }
2496   .wysiwyg-editor .ui-wrapper:after {
2497     content: "";
2498     display: block;
2499     position: absolute;
2500     right: -3px;
2501     bottom: -3px;
2502     width: 7px;
2503     height: 7px;
2504     border: 1px solid #D00;
2505     background-color: #FFF;
2506     z-index: 1;
2507   }
2508 }
2509 /* inside widget */
2510 .widget-header .wysiwyg-toolbar {
2511   background-color: transparent;
2512 }
2513 .widget-header .wysiwyg-toolbar .btn-group > .btn,
2514 .widget-header .wysiwyg-toolbar .btn-group > .inline > .btn {
2515   border-color: transparent;
2516   background: rgba(255, 255, 255, 0.25) !important;
2517   color: #FFF !important;
2518   min-width: 32px;
2519   border-width: 1px !important;
2520   border-radius: 4px !important;
2521   padding: 2px 1px 4px;
2522 }
2523 .widget-header .wysiwyg-toolbar .btn-group > .btn.active,
2524 .widget-header .wysiwyg-toolbar .btn-group > .inline > .btn.active {
2525   background: rgba(0, 0, 0, 0.25) !important;
2526 }
2527 .widget-body .wysiwyg-editor {
2528   border-width: 0;
2529 }
2530 .wysiwyg-speech-input {
2531   width: 20px !important;
2532   color: transparent !important;
2533   background: transparent none !important;
2534   border-width: 0 !important;
2535   -moz-transform: scale(2.0, 2.0);
2536   -webkit-transform: scale(2.0, 2.0);
2537   -o-transform: scale(2.0, 2.0);
2538   -ms-transform: scale(2.0, 2.0);
2539   transform: scale(2.0, 2.0);
2540   -webkit-box-shadow: none !important;
2541   box-shadow: none !important;
2542   position: absolute;
2543   right: 0;
2544   top: -10px;
2545   cursor: pointer;
2546 }
2547 .wysiwyg-speech-input:focus {
2548   -webkit-box-shadow: none !important;
2549   box-shadow: none !important;
2550 }
2551 /**
2552  * Bootstrap-Markdown.less
2553  *
2554  * @author Taufan Aditya @taufanaditya
2555  * @copyright 2013-2015 Taufan Aditya
2556  */
2557 .md-editor {
2558   display: block;
2559   border: 1px solid #dddddd;
2560 }
2561 .md-editor > .md-header,
2562 .md-editor .md-footer {
2563   display: block;
2564   padding: 6px 4px;
2565   background: #f5f5f5;
2566 }
2567 .md-editor > .md-header {
2568   margin: 0;
2569 }
2570 .md-editor > .md-preview {
2571   border-top: 1px dashed #dddddd;
2572   border-bottom: 1px dashed #dddddd;
2573   min-height: 10px;
2574   overflow: auto;
2575 }
2576 .md-editor > textarea {
2577   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
2578   font-size: 14px;
2579   outline: 0;
2580   outline: thin dotted  \9;
2581   /* IE6-9 */
2582   margin: 0;
2583   display: block;
2584   padding: 0;
2585   width: 100%;
2586   border: 0;
2587   border-top: 1px dashed #dddddd;
2588   border-bottom: 1px dashed #dddddd;
2589   border-radius: 0;
2590   box-shadow: none;
2591   background: #f7f8fa;
2592 }
2593 .md-editor > textarea:focus {
2594   box-shadow: none;
2595   background: #ffffff;
2596 }
2597 .md-editor.active {
2598   border-color: #f59942;
2599   outline: 0;
2600 }
2601 .md-editor .md-controls {
2602   float: right;
2603   padding: 3px;
2604 }
2605 .md-editor .md-controls .md-control {
2606   right: 5px;
2607   color: #bebebe;
2608   padding: 3px 3px 3px 10px;
2609 }
2610 .md-editor .md-controls .md-control:hover {
2611   color: #333;
2612 }
2613 .md-editor.md-fullscreen-mode {
2614   width: 100%;
2615   height: 100%;
2616   position: fixed;
2617   top: 0;
2618   left: 0;
2619   z-index: 99999;
2620   padding: 60px 30px 15px;
2621   background: #fff !important;
2622   border: 0 !important;
2623 }
2624 .md-editor.md-fullscreen-mode .md-footer {
2625   display: none;
2626 }
2627 .md-editor.md-fullscreen-mode .md-input,
2628 .md-editor.md-fullscreen-mode .md-preview {
2629   margin: 0 auto !important;
2630   height: 100% !important;
2631   font-size: 20px !important;
2632   padding: 20px !important;
2633   color: #999;
2634   line-height: 1.6em !important;
2635   resize: none !important;
2636   box-shadow: none !important;
2637   background: #fff !important;
2638   border: 0 !important;
2639 }
2640 .md-editor.md-fullscreen-mode .md-preview {
2641   color: #333;
2642   overflow: auto;
2643 }
2644 .md-editor.md-fullscreen-mode .md-input:hover,
2645 .md-editor.md-fullscreen-mode .md-input:focus {
2646   color: #333;
2647   background: #fff !important;
2648 }
2649 .md-editor.md-fullscreen-mode .md-header {
2650   background: none;
2651   text-align: center;
2652   position: fixed;
2653   width: 100%;
2654   top: 20px;
2655 }
2656 .md-editor.md-fullscreen-mode .btn-group {
2657   float: none;
2658 }
2659 .md-editor.md-fullscreen-mode .btn {
2660   border: 0;
2661   background: none;
2662   color: #b3b3b3;
2663 }
2664 .md-editor.md-fullscreen-mode .btn:hover,
2665 .md-editor.md-fullscreen-mode .btn:focus,
2666 .md-editor.md-fullscreen-mode .btn.active,
2667 .md-editor.md-fullscreen-mode .btn:active {
2668   box-shadow: none;
2669   color: #333;
2670 }
2671 .md-editor.md-fullscreen-mode .md-fullscreen-controls {
2672   position: absolute;
2673   top: 20px;
2674   right: 20px;
2675   text-align: right;
2676   z-index: 1002;
2677   display: block;
2678 }
2679 .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
2680   color: #b3b3b3;
2681   clear: right;
2682   margin: 10px;
2683   width: 30px;
2684   height: 30px;
2685   text-align: center;
2686 }
2687 .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
2688   color: #333;
2689   text-decoration: none;
2690 }
2691 .md-editor.md-fullscreen-mode .md-editor {
2692   height: 100% !important;
2693   position: relative;
2694 }
2695 .md-editor .md-fullscreen-controls {
2696   display: none;
2697 }
2698 .md-nooverflow {
2699   overflow: hidden;
2700   position: fixed;
2701   width: 100%;
2702 }
2703 .editable-container .popover-title {
2704   color: #438EB9;
2705 }
2706 .editable-click {
2707   border-bottom: 1px dashed #BBB;
2708   cursor: pointer;
2709   font-weight: normal;
2710 }
2711 img.editable-click {
2712   border: 1px dotted #BBB;
2713 }
2714 .editable-click:hover {
2715   border-color: #0088CC;
2716   color: #0088CC;
2717 }
2718 img.editable-click:hover {
2719   opacity: 0.75;
2720   filter: alpha(opacity=75);
2721 }
2722 .editable-buttons,
2723 .editable-input {
2724   display: inline-block;
2725 }
2726 .editable-buttons {
2727   margin-left: 1px;
2728 }
2729 .editable-buttons .btn {
2730   padding: 0;
2731   width: 28px;
2732   line-height: 24px;
2733   border-width: 3px;
2734   font-size: 12px;
2735   margin: 0 1px 0 0;
2736 }
2737 .editable-buttons .btn > .ace-icon {
2738   margin: 0;
2739 }
2740 .editable-clear-x {
2741   cursor: pointer;
2742   color: #888;
2743   background: none;
2744 }
2745 .editable-clear-x:hover {
2746   color: #D15B47;
2747 }
2748 .editable-clear-x:before {
2749   display: inline-block;
2750   content: "\f057";
2751   font-family: FontAwesome;
2752   font-size: 15px;
2753   position: absolute;
2754   margin-top: -9px;
2755   width: 16px;
2756   height: 30px;
2757   line-height: 30px;
2758   text-align: center;
2759 }
2760 .editable-input .ace-spinner {
2761   margin-right: 8px;
2762 }
2763 .editable-input .ace-spinner .spinner-input {
2764   width: 100%;
2765 }
2766 .editable-inline .editable-slider {
2767   margin-top: 10px;
2768   margin-right: 4px;
2769 }
2770 .editable-popup .editable-slider {
2771   display: block;
2772   margin-bottom: 16px;
2773   margin-top: 4px;
2774 }
2775 .editable-slider input[type=text] {
2776   display: none;
2777 }
2778 .editable-slider input[type=range] {
2779   outline: none !important;
2780 }
2781 .editable-input .ace-file-input {
2782   display: block;
2783 }
2784 .editable-image .ace-file-multiple .ace-file-container.selected {
2785   border-color: transparent;
2786 }
2787 .editable-image + .editable-buttons,
2788 .editable-wysiwyg + .editable-buttons {
2789   display: block;
2790   text-align: center;
2791   margin-top: 8px;
2792 }
2793 .editable-wysiwyg {
2794   width: 95%;
2795 }
2796 .editable-wysiwyg .wysiwyg-editor {
2797   height: auto;
2798   overflow-y: hidden;
2799 }
2800 .editableform .input-append.dropdown-menu {
2801   display: none;
2802 }
2803 .editableform .open .input-append.dropdown-menu {
2804   display: block;
2805 }
2806 .editable-container .editableform {
2807   margin-bottom: 10px;
2808 }
2809 .editable-inline .editableform {
2810   margin-bottom: 0;
2811 }
2812 .editableform .control-group {
2813   display: block;
2814 }
2815 .editableform-loading {
2816   background: none;
2817 }
2818 .editableform-loading .ace-icon,
2819 .editableform-loading .progress {
2820   position: relative;
2821   top: 35%;
2822 }
2823 .input-group.date .input-group-addon {
2824   cursor: pointer;
2825 }
2826 .datepicker td,
2827 .daterangepicker td,
2828 .datepicker th,
2829 .daterangepicker th {
2830   border-radius: 0 !important;
2831   font-size: 13px;
2832 }
2833 .datepicker td.active,
2834 .daterangepicker td.active,
2835 .datepicker td.active:hover,
2836 .daterangepicker td.active:hover {
2837   background: #2283c5 !important;
2838 }
2839 .datepicker td.active.disabled,
2840 .daterangepicker td.active.disabled,
2841 .datepicker td.active.disabled:hover,
2842 .daterangepicker td.active.disabled:hover {
2843   background: #8b9aa3 !important;
2844 }
2845 .datepicker td,
2846 .datepicker th {
2847   min-width: 32px;
2848 }
2849 .datepicker-dropdown.datepicker-orient-bottom:after,
2850 .datepicker-dropdown.datepicker-orient-bottom:before {
2851   top: auto;
2852 }
2853 .daterangepicker .calendar-date {
2854   border-radius: 0;
2855 }
2856 .datepicker-months .month,
2857 .datepicker-years .year {
2858   border-radius: 0 !important;
2859 }
2860 .datepicker-months .month.active,
2861 .datepicker-years .year.active,
2862 .datepicker-months .month.active:hover,
2863 .datepicker-years .year.active:hover,
2864 .datepicker-months .month.active:focus,
2865 .datepicker-years .year.active:focus,
2866 .datepicker-months .month.active:active,
2867 .datepicker-years .year.active:active {
2868   background-image: none !important;
2869   background-color: #2283c5 !important;
2870 }
2871 .bootstrap-timepicker-widget table td input {
2872   width: 32px;
2873 }
2874 .well .datepicker table tr td.day:hover {
2875   background-color: #7d8893;
2876   color: #FFF;
2877 }
2878 .bootstrap-timepicker-widget table td a:hover {
2879   border-radius: 0;
2880 }
2881 .daterangepicker.opensleft:before,
2882 .daterangepicker.opensright:before {
2883   -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
2884 }
2885 .daterangepicker.opensleft:after,
2886 .daterangepicker.opensright:after {
2887   -moz-border-bottom-colors: #fff;
2888 }
2889 .datepicker-dropdown:before {
2890   -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
2891 }
2892 .datepicker-dropdown:after {
2893   -moz-border-bottom-colors: #fff;
2894 }
2895 .datepicker-dropdown.datepicker-orient-bottom:before {
2896   -moz-border-top-colors: #999;
2897 }
2898 .datepicker-dropdown.datepicker-orient-bottom:after {
2899   -moz-border-top-colors: #FFF;
2900 }
2901 .bootstrap-timepicker-widget.dropdown-menu:before {
2902   -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
2903 }
2904 .bootstrap-timepicker-widget.dropdown-menu:after {
2905   -moz-border-bottom-colors: #FFF;
2906 }
2907 .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
2908   -moz-border-top-colors: #999;
2909 }
2910 .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
2911   -moz-border-top-colors: #FFF;
2912 }
2913 .bootstrap-datetimepicker-widget [class=btn] {
2914   border-width: 0 !important;
2915   background-color: transparent !important;
2916   color: #7399b8 !important;
2917   text-shadow: none !important;
2918 }
2919 .bootstrap-datetimepicker-widget [class=btn]:hover {
2920   color: #1B6AAA !important;
2921 }
2922 .bootstrap-datetimepicker-widget .btn.btn-primary {
2923   border-width: 3px !important;
2924 }
2925 .bootstrap-datetimepicker-widget .picker-switch {
2926   margin-bottom: 2px;
2927 }
2928 .bootstrap-datetimepicker-widget .picker-switch a {
2929   width: 90% !important;
2930   background-color: #EEE !important;
2931   color: #478fca !important;
2932   font-size: 16px;
2933 }
2934 .bootstrap-datetimepicker-widget .picker-switch a:hover {
2935   background-color: #e3edf5 !important;
2936 }
2937 .bootstrap-datetimepicker-widget .picker-switch a span {
2938   background: none !important;
2939   width: 90%;
2940 }
2941 .bootstrap-datetimepicker-widget table td span {
2942   border-radius: 0;
2943 }
2944 .bootstrap-datetimepicker-widget .timepicker-hour,
2945 .bootstrap-datetimepicker-widget .timepicker-minute,
2946 .bootstrap-datetimepicker-widget .timepicker-second {
2947   color: #555 !important;
2948 }
2949 .ui-slider {
2950   background-color: #D5D5D5;
2951 }
2952 .ui-slider-horizontal {
2953   height: 9px;
2954 }
2955 .ui-slider-vertical {
2956   width: 9px;
2957 }
2958 .ui-slider .ui-slider-handle {
2959   border-radius: 0;
2960   width: 1.45em;
2961   height: 1.45em;
2962   background-color: #F8F8F8;
2963   border: 1px solid;
2964 }
2965 .ui-slider .ui-slider-handle:before,
2966 .ui-slider .ui-slider-handle:after {
2967   display: block;
2968   content: "";
2969   position: absolute;
2970   top: 4px;
2971   left: 5px;
2972   width: 4px;
2973   height: 8px;
2974   border: 1px solid;
2975   border-width: 0 1px;
2976   border-color: inherit;
2977 }
2978 .ui-slider .ui-slider-handle:after {
2979   left: 8px;
2980   border-width: 0 1px 0 0;
2981 }
2982 .ui-slider .ui-slider-handle:hover {
2983   background-color: #FFF;
2984 }
2985 .ui-slider .ui-slider-handle:hover,
2986 .ui-slider .ui-slider-handle:focus,
2987 .ui-slider .ui-slider-handle:active {
2988   outline: none;
2989   -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
2990   box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
2991 }
2992 .ui-slider-horizontal .ui-slider-handle {
2993   margin-left: -0.725em;
2994   top: -0.4em;
2995 }
2996 .ui-slider-vertical .ui-slider-handle {
2997   left: -0.35em;
2998   margin-bottom: -0.65em;
2999 }
3000 .ui-slider-small.ui-slider-horizontal {
3001   height: 5px;
3002 }
3003 .ui-slider-small.ui-slider-vertical {
3004   width: 5px;
3005 }
3006 .ui-slider-small .ui-slider-handle {
3007   border-radius: 100%;
3008   width: 17px;
3009   height: 17px;
3010   margin-bottom: -0.45em;
3011   left: -0.35em;
3012 }
3013 .ui-slider-small .ui-slider-handle:before,
3014 .ui-slider-small .ui-slider-handle:after {
3015   height: 7px;
3016   left: 5px;
3017   width: 3px;
3018 }
3019 .ui-slider-small .ui-slider-handle:after {
3020   left: 7px;
3021 }
3022 .ui-slider-simple .ui-slider-handle:after,
3023 .ui-slider-simple .ui-slider-handle:before {
3024   display: none;
3025 }
3026 /* colors */
3027 .ui-slider-range {
3028   background-color: #4aa4ce;
3029 }
3030 .ui-slider-handle {
3031   outline: none !important;
3032   border-color: #4aa4ce !important;
3033 }
3034 .ui-state-disabled.ui-slider {
3035   background-color: #E5E5E5;
3036 }
3037 .ui-state-disabled .ui-slider-range {
3038   background-color: #8daebe;
3039 }
3040 .ui-state-disabled .ui-slider-handle {
3041   -webkit-box-shadow: none !important;
3042   box-shadow: none !important;
3043   border-color: #8daebe !important;
3044 }
3045 .ui-slider-green .ui-slider-range {
3046   background-color: #8bbc67;
3047 }
3048 .ui-slider-green .ui-slider-handle {
3049   border-color: #8bbc67 !important;
3050 }
3051 .ui-slider-green.ui-state-disabled .ui-slider-range {
3052   background-color: #aab0a6;
3053 }
3054 .ui-slider-green.ui-state-disabled .ui-slider-handle {
3055   border-color: #aab0a6 !important;
3056 }
3057 .ui-slider-red .ui-slider-range {
3058   background-color: #d36e6e;
3059 }
3060 .ui-slider-red .ui-slider-handle {
3061   border-color: #d36e6e !important;
3062 }
3063 .ui-slider-red.ui-state-disabled .ui-slider-range {
3064   background-color: #c8acac;
3065 }
3066 .ui-slider-red.ui-state-disabled .ui-slider-handle {
3067   border-color: #c8acac !important;
3068 }
3069 .ui-slider-purple .ui-slider-range {
3070   background-color: #ac68ba;
3071 }
3072 .ui-slider-purple .ui-slider-handle {
3073   border-color: #ac68ba !important;
3074 }
3075 .ui-slider-purple.ui-state-disabled .ui-slider-range {
3076   background-color: #ada7ae;
3077 }
3078 .ui-slider-purple.ui-state-disabled .ui-slider-handle {
3079   border-color: #ada7ae !important;
3080 }
3081 .ui-slider-orange .ui-slider-range {
3082   background-color: #efad62;
3083 }
3084 .ui-slider-orange .ui-slider-handle {
3085   border-color: #efad62 !important;
3086 }
3087 .ui-slider-orange.ui-state-disabled .ui-slider-range {
3088   background-color: #e0c4a4;
3089 }
3090 .ui-slider-orange.ui-state-disabled .ui-slider-handle {
3091   border-color: #e0c4a4 !important;
3092 }
3093 .ui-slider-dark .ui-slider-range {
3094   background-color: #606060;
3095 }
3096 .ui-slider-dark .ui-slider-handle {
3097   border-color: #606060 !important;
3098 }
3099 .ui-slider-dark.ui-state-disabled .ui-slider-range {
3100   background-color: #7a7a7a;
3101 }
3102 .ui-slider-dark.ui-state-disabled .ui-slider-handle {
3103   border-color: #7a7a7a !important;
3104 }
3105 .ui-slider-pink .ui-slider-range {
3106   background-color: #d6487e;
3107 }
3108 .ui-slider-pink .ui-slider-handle {
3109   border-color: #d6487e !important;
3110 }
3111 .ui-slider-pink.ui-state-disabled .ui-slider-range {
3112   background-color: #c38ea2;
3113 }
3114 .ui-slider-pink.ui-state-disabled .ui-slider-handle {
3115   border-color: #c38ea2 !important;
3116 }
3117 .ui-datepicker {
3118   background-color: #FFF;
3119   border: 1px solid rgba(0, 0, 0, 0.2);
3120   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3121   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3122 }
3123 .ui-datepicker .ui-datepicker-prev,
3124 .ui-datepicker .ui-datepicker-next {
3125   height: 26px;
3126   min-width: 32px;
3127   max-width: 32px;
3128   text-align: center;
3129   cursor: pointer;
3130   color: transparent;
3131   line-height: 26px;
3132   -webkit-box-sizing: content-box;
3133   -moz-box-sizing: content-box;
3134   box-sizing: content-box;
3135 }
3136 .ui-datepicker .ui-datepicker-prev .ui-icon,
3137 .ui-datepicker .ui-datepicker-next .ui-icon {
3138   color: transparent;
3139   visibility: hidden;
3140 }
3141 .ui-datepicker .ui-datepicker-prev:hover,
3142 .ui-datepicker .ui-datepicker-next:hover {
3143   background-color: #EEE;
3144   text-decoration: none;
3145 }
3146 .ui-datepicker .ui-datepicker-prev:before,
3147 .ui-datepicker .ui-datepicker-next:before {
3148   display: inline;
3149   font-family: FontAwesome;
3150   font-size: 14px;
3151   content: "\f060";
3152   color: #393939;
3153 }
3154 .ui-datepicker .ui-datepicker-prev-hover,
3155 .ui-datepicker .ui-datepicker-next-hover {
3156   top: 2px;
3157 }
3158 .ui-datepicker .ui-datepicker-next:before {
3159   content: "\f061";
3160 }
3161 .ui-datepicker .ui-datepicker-prev-hover {
3162   left: 2px;
3163 }
3164 .ui-datepicker .ui-datepicker-next-hover {
3165   right: 2px;
3166 }
3167 .ui-datepicker td {
3168   padding: 0;
3169 }
3170 .ui-datepicker td > a,
3171 .ui-datepicker td > span {
3172   display: inline-block;
3173   height: 22px;
3174   min-width: 24px;
3175   max-width: 24px;
3176   text-align: center;
3177   color: #393939;
3178   font-size: 13px;
3179   -webkit-box-sizing: content-box;
3180   -moz-box-sizing: content-box;
3181   box-sizing: content-box;
3182 }
3183 .ui-datepicker td > a:hover {
3184   background-color: #EEE;
3185 }
3186 .ui-datepicker td > a.ui-state-highlight {
3187   background-color: #D5E5EF;
3188 }
3189 .ui-datepicker td > a.ui-state-active {
3190   background-color: #2283c5;
3191   color: #FFF;
3192 }
3193 .ui-datepicker td > a.ui-priority-secondary {
3194   color: #888;
3195 }
3196 .ui-datepicker td > span {
3197   color: #999;
3198 }
3199 .ui-datepicker td .ui-datepicker-title select {
3200   height: 24px;
3201   line-height: 24px;
3202   padding: 2px 3px;
3203 }
3204 .ui-datepicker td .ui-datepicker-buttonpane {
3205   background-color: #DDD;
3206   height: 1px;
3207 }
3208 /* dialog */
3209 .ui-widget-overlay {
3210   background: rgba(0, 0, 0, 0.25);
3211   opacity: 1 !important;
3212   filter: alpha(opacity=100) !important;
3213   z-index: 1049 !important;
3214 }
3215 .ui-dialog,
3216 .ui-jqdialog {
3217   z-index: 1050 !important;
3218   background-color: #FFF;
3219   padding: 0;
3220   border: 1px solid #DDD;
3221   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3222   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3223 }
3224 .ui-dialog .ui-dialog-titlebar,
3225 .ui-jqdialog .ui-dialog-titlebar,
3226 .ui-dialog .ui-jqdialog-titlebar,
3227 .ui-jqdialog .ui-jqdialog-titlebar {
3228   background-color: #F1F1F1;
3229   font-size: 16px;
3230   color: #669fc7;
3231   padding: 0;
3232 }
3233 .ui-dialog .ui-dialog-title,
3234 .ui-jqdialog .ui-dialog-title,
3235 .ui-dialog .ui-jqdialog-title,
3236 .ui-jqdialog .ui-jqdialog-title {
3237   float: none !important;
3238   width: auto;
3239 }
3240 .ui-dialog .widget-header,
3241 .ui-jqdialog .widget-header {
3242   margin: 0;
3243   border-width: 0 0 1px 0;
3244 }
3245 .ui-dialog .ui-dialog-buttonpane,
3246 .ui-jqdialog .ui-dialog-buttonpane,
3247 .ui-dialog .ui-jqdialog-buttonpane,
3248 .ui-jqdialog .ui-jqdialog-buttonpane {
3249   background-color: #eff3f8;
3250   border-top: 1px solid #e4e9ee;
3251 }
3252 .ui-dialog .ui-dialog-buttonpane button,
3253 .ui-jqdialog .ui-dialog-buttonpane button,
3254 .ui-dialog .ui-jqdialog-buttonpane button,
3255 .ui-jqdialog .ui-jqdialog-buttonpane button {
3256   font-size: 14px;
3257 }
3258 .ui-dialog .ui-dialog-titlebar-close,
3259 .ui-jqdialog .ui-dialog-titlebar-close,
3260 .ui-dialog .ui-jqdialog-titlebar-close,
3261 .ui-jqdialog .ui-jqdialog-titlebar-close {
3262   border: none;
3263   background: transparent;
3264   opacity: 0.4;
3265   color: #d15b47;
3266   padding: 0;
3267   top: 50%;
3268   right: 8px !important;
3269   text-align: center;
3270 }
3271 .ui-dialog .ui-dialog-titlebar-close:before,
3272 .ui-jqdialog .ui-dialog-titlebar-close:before,
3273 .ui-dialog .ui-jqdialog-titlebar-close:before,
3274 .ui-jqdialog .ui-jqdialog-titlebar-close:before {
3275   content: "\f00d";
3276   display: inline;
3277   font-family: FontAwesome;
3278   font-size: 16px;
3279 }
3280 .ui-dialog .ui-dialog-titlebar-close:hover,
3281 .ui-jqdialog .ui-dialog-titlebar-close:hover,
3282 .ui-dialog .ui-jqdialog-titlebar-close:hover,
3283 .ui-jqdialog .ui-jqdialog-titlebar-close:hover {
3284   opacity: 1;
3285   text-decoration: none;
3286   padding: 0;
3287 }
3288 .ui-dialog .ui-dialog-titlebar-close .ui-button-text,
3289 .ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
3290 .ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
3291 .ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
3292   text-indent: 0;
3293   visibility: hidden;
3294 }
3295 .ui-dialog .widget-header .ui-dialog-titlebar-close,
3296 .ui-jqdialog .widget-header .ui-dialog-titlebar-close,
3297 .ui-dialog .widget-header .ui-jqdialog-titlebar-close,
3298 .ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
3299   right: 10px !important;
3300 }
3301 /* accordion */
3302 .ui-accordion .ui-accordion-header {
3303   color: #478fca;
3304   font-weight: normal;
3305   background-color: #F9F9F9;
3306   border: 1px solid #cdd8e3;
3307   padding: 8px 8px 9px 24px;
3308 }
3309 .ui-accordion .ui-accordion-header:hover {
3310   color: #6ea6cc;
3311   background-color: #f1f8fd;
3312 }
3313 .ui-accordion .ui-accordion-header.ui-state-active {
3314   color: #4c8fbd;
3315   background-color: #eef4f9;
3316   position: relative;
3317   font-weight: bold;
3318 }
3319 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
3320   text-indent: 0;
3321   margin-top: 0;
3322   position: absolute;
3323   left: 10px;
3324   top: 7px;
3325 }
3326 .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
3327   display: inline;
3328   font-family: FontAwesome;
3329   font-size: 15px;
3330   content: "\f0da";
3331 }
3332 .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
3333   content: "\f0d7";
3334   font-weight: normal;
3335 }
3336 .ui-accordion .ui-accordion-content {
3337   border: 1px solid #cdd8e3;
3338   border-top-width: 0;
3339   padding: 11px 16px;
3340 }
3341 /* tabs */
3342 .ui-tabs .ui-tabs-nav {
3343   padding: 0;
3344   border-bottom: 1px solid #C5D0DC;
3345 }
3346 .ui-tabs .ui-tabs-nav li.ui-state-default > a {
3347   background-color: #F9F9F9;
3348   border: 1px solid #C5D0DC;
3349   border-bottom-width: 0;
3350   color: #999;
3351   line-height: 16px;
3352   margin-right: -1px;
3353   z-index: 11;
3354   padding: 8px 12px;
3355   position: relative;
3356   top: 2px;
3357 }
3358 .ui-tabs .ui-tabs-nav li > a:focus {
3359   outline: none;
3360 }
3361 .ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
3362   background-color: #FFF;
3363   border: 1px solid;
3364   border-color: #4C8FBD #C5D0DC transparent;
3365   border-top-width: 2px;
3366   -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
3367   box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
3368   color: #576373;
3369   position: relative;
3370   top: 1px;
3371 }
3372 .ui-tabs .ui-tabs-panel {
3373   border: 1px solid #C5D0DC;
3374   border-top-width: 0;
3375   margin: 0;
3376   left: auto;
3377   right: auto;
3378   top: auto;
3379   bottom: auto;
3380 }
3381 /* menu */
3382 .ui-menu {
3383   -webkit-box-sizing: content-box;
3384   -moz-box-sizing: content-box;
3385   box-sizing: content-box;
3386   width: 150px;
3387   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3388   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3389   background-color: #FFF;
3390   border: 1px solid rgba(0, 0, 0, 0.2);
3391   padding: 3px;
3392 }
3393 .ui-menu .ui-state-focus,
3394 .ui-menu .ui-state-active {
3395   margin: auto;
3396 }
3397 .ui-menu .ui-menu-item {
3398   padding: 5px 10px 6px;
3399   color: #444;
3400   cursor: pointer;
3401   display: block;
3402   -webkit-box-sizing: inherit;
3403   -moz-box-sizing: inherit;
3404   box-sizing: inherit;
3405 }
3406 .ui-menu .ui-menu-item .ui-menu-icon {
3407   float: right;
3408   position: relative;
3409   left: auto;
3410   right: 4px;
3411   bottom: auto;
3412   text-indent: 0;
3413 }
3414 .ui-menu .ui-menu-item .ui-menu-icon:before {
3415   content: "\f105";
3416   font-family: FontAwesome;
3417   font-size: 14px;
3418   display: inline;
3419 }
3420 .ui-menu .ui-menu-item:hover,
3421 .ui-menu .ui-state-focus,
3422 .ui-menu .ui-state-active,
3423 .ui-menu .ui-menu-item:hover > .ui-menu-icon,
3424 .ui-menu .ui-state-focus > .ui-menu-icon,
3425 .ui-menu .ui-state-active > .ui-menu-icon {
3426   text-decoration: none;
3427   background-color: #4f99c6;
3428   color: #FFF;
3429   margin: auto;
3430   font-weight: normal;
3431 }
3432 .ui-menu .ui-state-disabled,
3433 .ui-menu .ui-state-disabled .ui-menu-icon {
3434   color: #999;
3435   cursor: default;
3436 }
3437 .ui-menu .ui-state-disabled:hover,
3438 .ui-menu .ui-state-disabled.ui-state-focus,
3439 .ui-menu .ui-state-disabled.ui-state-active,
3440 .ui-menu .ui-state-disabled:hover .ui-menu-icon,
3441 .ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon,
3442 .ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon {
3443   background-color: #FFF;
3444   color: #999;
3445 }
3446 /* auto complete */
3447 .ui-autocomplete {
3448   background-color: #FFF;
3449   border: 1px solid rgba(0, 0, 0, 0.2);
3450   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3451   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
3452 }
3453 .ui-autocomplete-category {
3454   padding: 6px;
3455   position: relative;
3456   background-color: #eef4f9;
3457   color: #478fca;
3458   font-weight: bolder;
3459   border: 1px solid #DAE6ED;
3460   border-width: 1px 0;
3461 }
3462 .ui-spinner-button {
3463   border-width: 0 !important;
3464   font-size: 10px;
3465   height: 16px;
3466   line-height: 16px;
3467   width: 18px;
3468   color: #FFFFFF !important;
3469   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
3470   display: inline-block;
3471   position: absolute;
3472   text-align: center;
3473   padding: 0;
3474 }
3475 .ui-spinner-button > .ace-icon {
3476   width: 18px;
3477   display: inline-block;
3478 }
3479 .ui-spinner-up {
3480   top: 0;
3481   right: 5px;
3482 }
3483 .ui-spinner-down {
3484   bottom: 3px;
3485   right: 5px;
3486 }
3487 .ui-spinner-input {
3488   margin-top: 0;
3489   padding: 5px;
3490   max-width: 100px;
3491   font-size: 14px;
3492 }
3493 .ui-tooltip {
3494   background-color: #444;
3495   color: #FFF;
3496 }
3497 .ui-progressbar {
3498   background-color: #f5f5f5;
3499   height: 22px;
3500 }
3501 .ui-progressbar .ui-progressbar-value {
3502   margin: 0;
3503 }
3504 .ui-progressbar .ui-progressbar-value[class="progress-bar"] {
3505   background-color: #2a91d8;
3506 }
3507 .ui-selectmenu-button {
3508   border: 1px solid #aaa;
3509 }
3510 .ui-selectmenu-button[aria-expanded=true] {
3511   border-color: #4492C9;
3512 }
3513 .ui-selectmenu-button span.ui-icon {
3514   text-indent: 0;
3515   margin-top: -10px;
3516 }
3517 .ui-selectmenu-button .ui-icon:before {
3518   content: "\f0d7";
3519   display: inline-block;
3520   color: #888;
3521   font-family: FontAwesome;
3522   font-size: 14px;
3523 }
3524 .ui-jqgrid .ui-jqgrid-view {
3525   z-index: auto;
3526 }
3527 .ui-jqgrid .ui-jqgrid-view,
3528 .ui-jqgrid .ui-paging-info,
3529 .ui-jqgrid .ui-pg-table,
3530 .ui-jqgrid .ui-pg-selbox {
3531   font-size: 13px;
3532 }
3533 .ui-jqgrid .ui-jqgrid-title {
3534   float: left;
3535   margin: 8px;
3536 }
3537 .ui-jqgrid .ui-jqgrid-title-rtl {
3538   float: right;
3539   margin: 8px;
3540 }
3541 .ui-jqgrid-view > .ui-jqgrid-titlebar {
3542   height: 40px;
3543   line-height: 24px;
3544   color: #FFF;
3545   background: #307ecc;
3546   padding: 0;
3547   font-size: 15px;
3548 }
3549 .ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
3550   border-right: none;
3551   border-left: 1px solid #E1E1E1;
3552 }
3553 .ui-jqgrid .ui-jqgrid-hdiv {
3554   background-color: #eff3f8;
3555   border: 1px solid #D3D3D3;
3556   border-width: 1px 0 0 1px;
3557   line-height: 15px;
3558   font-weight: bold;
3559   color: #777;
3560   text-shadow: none;
3561 }
3562 .ui-jqgrid .ui-jqgrid-htable thead {
3563   background-color: #eff3f8;
3564 }
3565 .ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
3566   height: 45px !important;
3567 }
3568 .ui-jqgrid .ui-jqgrid-htable th div {
3569   padding-top: 12px;
3570   padding-bottom: 12px;
3571 }
3572 .ui-jqgrid-hdiv .ui-jqgrid-htable {
3573   border-top: none;
3574 }
3575 .ui-jqgrid-hdiv .ui-jqgrid-htable {
3576   border-top: 1px solid #E1E1E1;
3577 }
3578 .ui-jqgrid-titlebar {
3579   position: relative;
3580   top: 1px;
3581   z-index: 1;
3582 }
3583 .ui-jqgrid tr.jqgrow,
3584 .ui-jqgrid tr.ui-row-ltr,
3585 .ui-jqgrid tr.ui-row-rtl {
3586   border: none;
3587 }
3588 .ui-jqgrid tr.ui-row-ltr td,
3589 .ui-jqgrid tr.ui-row-rtl td {
3590   border-bottom: 1px solid #E1E1E1;
3591   padding: 6px 4px;
3592   border-color: #E1E1E1;
3593 }
3594 .ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
3595   border-right-color: #C7D3A9;
3596 }
3597 .ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
3598   border-left-color: #C7D3A9;
3599 }
3600 .ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
3601   background-image: none;
3602   background-color: #F9F9F9;
3603   opacity: 1;
3604 }
3605 .ui-jqgrid-btable .ui-widget-content.ui-state-hover {
3606   background-image: none;
3607   background-color: #EFF4F7;
3608   opacity: 1;
3609 }
3610 .ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
3611   background-color: #E4EFC9;
3612 }
3613 .ui-jqgrid .ui-jqgrid-pager {
3614   line-height: 15px;
3615   height: 55px;
3616   padding-top: 10px !important;
3617   padding-bottom: 10px !important;
3618   background-color: #eff3f8 !important;
3619   border-bottom: 1px solid #E1E1E1 !important;
3620   border-top: 1px solid #E1E1E1 !important;
3621 }
3622 .ui-jqgrid .ui-pg-input {
3623   font-size: inherit;
3624   width: 24px;
3625   height: 20px;
3626   line-height: 16px;
3627   -webkit-box-sizing: content-box;
3628   -moz-box-sizing: content-box;
3629   box-sizing: content-box;
3630   text-align: center;
3631   padding-top: 1px;
3632   padding-bottom: 1px;
3633 }
3634 .ui-jqgrid .ui-pg-selbox {
3635   display: block;
3636   height: 24px;
3637   width: 60px;
3638   margin: 0;
3639   padding: 1px;
3640   line-height: normal;
3641 }
3642 .ui-jqgrid .ui-jqgrid-htable th div {
3643   overflow: visible;
3644 }
3645 .ui-jqgrid .ui-pager-control {
3646   height: 50px;
3647   position: relative;
3648   padding-left: 9px;
3649   padding-right: 9px;
3650 }
3651 .ui-jqgrid .ui-jqgrid-toppager {
3652   height: auto !important;
3653   background-color: #eff3f8;
3654   border-bottom: 1px solid #E1E1E1 !important;
3655 }
3656 .ui-jqgrid .jqgrow .editable {
3657   max-width: 90%;
3658   max-width: calc(92%) !important;
3659 }
3660 .ui-pg-table .navtable .ui-corner-all {
3661   border-radius: 0;
3662 }
3663 .ui-jqgrid .ui-pg-button .ui-separator {
3664   margin-left: 4px;
3665   margin-right: 4px;
3666   border-color: #C9D4DB;
3667 }
3668 .ui-jqgrid .ui-jqgrid-btable {
3669   border-left: 1px solid #E1E1E1;
3670 }
3671 .ui-jqgrid .ui-jqgrid-bdiv {
3672   border-top: 1px solid #E1E1E1;
3673   overflow-x: hidden;
3674 }
3675 .ui-jqgrid .loading {
3676   position: absolute;
3677   top: 45%;
3678   left: 45%;
3679   width: auto;
3680   height: auto;
3681   z-index: 101;
3682   padding: 6px;
3683   margin: 5px;
3684   text-align: center;
3685   font-weight: bold;
3686   font-size: 12px;
3687   background-color: #FFF;
3688   border: 2px solid #8EB8D1;
3689   color: #E2B018;
3690 }
3691 .ui-jqgrid .ui-search-toolbar {
3692   border-top: 1px solid #E1E1E1;
3693 }
3694 .ui-jqgrid .ui-jqgrid-labels {
3695   border-bottom: none;
3696   background: #F2F2F2;
3697   background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
3698   background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
3699   background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
3700   background-repeat: repeat-x;
3701   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
3702   padding: 0 !important;
3703   border-left: 1px solid #E1E1E1 !important;
3704 }
3705 .ui-jqgrid .ui-jqgrid-labels th {
3706   border-right: 1px solid #E1E1E1 !important;
3707   text-align: left !important;
3708 }
3709 /* checkbox container */
3710 .ui-jqgrid-labels th[id*="_cb"]:first-child > div {
3711   padding-top: 0;
3712   text-align: center !important;
3713 }
3714 .ui-jqgrid-sortable {
3715   padding-left: 4px;
3716   font-size: 13px;
3717   color: #777;
3718   font-weight: bold;
3719 }
3720 .ui-jqgrid-sortable:hover {
3721   color: #547ea8;
3722 }
3723 th[aria-selected=true] {
3724   background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
3725   background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
3726   background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
3727   background-repeat: repeat-x;
3728   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
3729 }
3730 th[aria-selected=true] .ui-jqgrid-sortable {
3731   color: #307ecc;
3732 }
3733 .ui-jqgrid .ui-icon {
3734   text-indent: 0;
3735   color: #307ecc;
3736   float: none;
3737   right: 2px;
3738 }
3739 .rtl .ui-jqgrid .ui-icon {
3740   right: auto;
3741   left: 2px;
3742 }
3743 .ui-jqgrid .ui-icon.ui-state-disabled {
3744   color: #BBB;
3745 }
3746 .ui-jqgrid .ui-icon.ui-state-disabled:hover {
3747   padding: 0;
3748 }
3749 .ui-grid-ico-sort:before {
3750   display: inline;
3751   content: "\f0d7";
3752   font-family: FontAwesome;
3753   font-size: 12px;
3754 }
3755 .ui-icon-asc:before {
3756   content: "\f0d8";
3757 }
3758 .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
3759   display: inline-block;
3760   padding: 0;
3761   width: 24px;
3762   height: 24px;
3763   line-height: 22px;
3764   text-align: center;
3765   position: static;
3766   float: none;
3767   margin: 0 2px !important;
3768   color: #808080;
3769   border: 1px solid #CCC;
3770   background-color: #FFF;
3771   border-radius: 100%;
3772 }
3773 .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover {
3774   color: #699AB5;
3775   border-color: #699AB5;
3776 }
3777 .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:before {
3778   width: 20px;
3779   text-align: center;
3780   display: inline-block;
3781 }
3782 .ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled .ui-icon {
3783   color: #B0B0B0;
3784   background-color: #F7F7F7;
3785   border-color: #DDD;
3786   -moz-transform: scale(0.9);
3787   -webkit-transform: scale(0.9);
3788   -o-transform: scale(0.9);
3789   -ms-transform: scale(0.9);
3790   transform: scale(0.9);
3791 }
3792 .ui-jqgrid-btable input,
3793 .ui-jqgrid-btable textarea,
3794 .ui-jqgrid-btable select {
3795   padding: 2px;
3796   width: auto;
3797   max-width: 100%;
3798   margin-bottom: 0;
3799 }
3800 .ui-jqgrid-btable select {
3801   padding: 1px;
3802   height: 25px;
3803   line-height: 25px;
3804 }
3805 .ui-jqgrid select.inline-edit-cell {
3806   padding: 1px;
3807 }
3808 .ui-pg-div .ui-icon {
3809   display: inline-block;
3810   width: 18px;
3811   float: none;
3812   position: static;
3813   text-align: center;
3814   opacity: 0.85;
3815   -webkit-transition: all 0.12s;
3816   -o-transition: all 0.12s;
3817   transition: all 0.12s;
3818   margin: 0 1px;
3819   vertical-align: middle;
3820   cursor: pointer;
3821   font-size: 17px;
3822 }
3823 .ui-pg-div .ui-icon:hover {
3824   -moz-transform: scale(1.2);
3825   -webkit-transform: scale(1.2);
3826   -o-transform: scale(1.2);
3827   -ms-transform: scale(1.2);
3828   transform: scale(1.2);
3829   opacity: 1;
3830   position: static;
3831   margin: 0 1px;
3832 }
3833 .ui-pg-div .ui-icon:before {
3834   font-family: FontAwesome;
3835   display: inline;
3836 }
3837 .ui-jqgrid .ui-icon-pencil {
3838   color: #478FCA;
3839 }
3840 .ui-jqgrid .ui-icon-pencil:before {
3841   content: "\f040";
3842 }
3843 .ui-jqgrid .ui-icon-trash {
3844   color: #DD5A43;
3845 }
3846 .ui-jqgrid .ui-icon-trash:before {
3847   content: "\f014";
3848 }
3849 .ui-jqgrid .ui-icon-disk {
3850   color: #69AA46;
3851 }
3852 .ui-jqgrid .ui-icon-disk:before {
3853   content: "\f00c";
3854 }
3855 .ui-jqgrid .ui-icon-cancel {
3856   color: #DD5A43;
3857 }
3858 .ui-jqgrid .ui-icon-cancel:before {
3859   content: "\f00d";
3860 }
3861 .ui-jqdialog-content,
3862 .ui-jqdialog .ui-jqdialog-content {
3863   font-size: 13px;
3864   padding: 4px 0 0;
3865 }
3866 .ui-jqdialog-content .formdata,
3867 .ui-jqdialog .ui-jqdialog-content .formdata {
3868   font-size: 13px;
3869   padding: 6px 12px;
3870 }
3871 .ui-jqdialog-content .form-view-data,
3872 .ui-jqdialog .ui-jqdialog-content .form-view-data {
3873   vertical-align: middle;
3874   font-size: 13px;
3875 }
3876 .ui-jqdialog-content[id*="alertcnt_"],
3877 .ui-jqdialog .ui-jqdialog-content[id*="alertcnt_"] {
3878   padding: 8px 11px;
3879 }
3880 .ui-jqdialog-content .CaptionTD {
3881   font-size: 12px;
3882   text-align: right;
3883   color: #666;
3884 }
3885 .ui-jqdialog-content .FormData {
3886   border-bottom: 1px dotted #E8E8E8;
3887 }
3888 .ui-jqdialog-content .FormData:last-child {
3889   border-bottom: none;
3890 }
3891 .ui-jqdialog-content .FormData > td {
3892   padding-top: 6px;
3893   padding-bottom: 6px;
3894 }
3895 .ui-jqdialog-content input.FormElement {
3896   width: auto;
3897 }
3898 .ui-jqdialog-content select.FormElement {
3899   padding: 1px;
3900   height: 25px;
3901   line-height: 25px;
3902   width: auto;
3903 }
3904 .ui-jqdialog-content td.EditButton {
3905   padding: 8px;
3906 }
3907 .EditTable {
3908   background-color: #eff3f8;
3909   border-top: 1px solid #D6E1EA !important;
3910   padding: 8px;
3911 }
3912 .EditTable tr:first-child {
3913   display: none;
3914 }
3915 .EditTable .navButton .fm-button {
3916   float: none !important;
3917   width: auto !important;
3918   margin: 1px 1px 2px !important;
3919   background-color: transparent;
3920   border-radius: 100%;
3921 }
3922 .EditTable .navButton .fm-button:hover {
3923   background-color: transparent;
3924 }
3925 .EditTable .navButton .fm-button:focus {
3926   outline: none;
3927 }
3928 .EditTable .navButton .fm-button .ace-icon {
3929   display: inline-block;
3930   color: #999;
3931   border: 1px solid #AAA;
3932   width: 26px;
3933   height: 26px;
3934   line-height: 26px;
3935   text-align: center;
3936   border-radius: 100%;
3937   background-color: #FFF;
3938 }
3939 .EditTable .navButton .fm-button:hover .ace-icon {
3940   color: #699AB5;
3941   border-color: #699AB5;
3942 }
3943 .EditTable .navButton .fm-button.ui-state-disabled .ace-icon,
3944 .EditTable .navButton .fm-button.ui-state-disabled:hover .ace-icon {
3945   color: #BBB;
3946   border-color: #CCC;
3947   -moz-transform: scale(0.88);
3948   -webkit-transform: scale(0.88);
3949   -o-transform: scale(0.88);
3950   -ms-transform: scale(0.88);
3951   transform: scale(0.88);
3952 }
3953 .FormGrid .EditTable {
3954   background-color: #FFF;
3955   border-top: none !important;
3956   padding: 0;
3957 }
3958 .FormGrid .EditTable tr:first-child {
3959   display: none;
3960 }
3961 .ui-jqgrid .ui-jqgrid-view input,
3962 .ui-jqgrid .ui-jqgrid-view select,
3963 .ui-jqgrid .ui-jqgrid-view textarea,
3964 .ui-jqgrid .ui-jqgrid-view button {
3965   font-size: 13px;
3966 }
3967 .ui-jqdialog-content .searchFilter select {
3968   padding: 1px;
3969   height: 26px;
3970   line-height: 26px;
3971   width: auto;
3972   max-width: 95%;
3973   margin-bottom: 0;
3974 }
3975 .ui-jqdialog-content .searchFilter .input-elm {
3976   margin-bottom: 0;
3977   height: 18px;
3978   line-height: 18px;
3979   width: 95% !important;
3980   padding-left: 1px;
3981   padding-right: 1px;
3982   -webkit-box-sizing: content-box;
3983   -moz-box-sizing: content-box;
3984   box-sizing: content-box;
3985 }
3986 .ui-jqdialog-content .searchFilter table {
3987   margin-left: 4px;
3988 }
3989 .ui-jqdialog-content .searchFilter tr td {
3990   padding: 5px 0;
3991 }
3992 .ui-jqdialog-content .searchFilter .add-group,
3993 .ui-jqdialog-content .searchFilter .add-rule,
3994 .ui-jqdialog-content .searchFilter .delete-group {
3995   margin-left: 4px !important;
3996   font-size: 15px !important;
3997 }
3998 .ui-jqdialog-content .searchFilter .delete-rule {
3999   border: none;
4000   background-color: #FFF;
4001   color: #D15B47;
4002   font-size: 20px;
4003   width: 22px;
4004   line-height: 10px;
4005   padding: 0;
4006   text-shadow: none !important;
4007   display: inline-block;
4008   -webkit-transition: all 0.1s;
4009   -o-transition: all 0.1s;
4010   transition: all 0.1s;
4011   opacity: 0.85;
4012 }
4013 .ui-jqdialog-content .searchFilter .delete-rule:hover {
4014   -moz-transform: scale(1.1);
4015   -webkit-transform: scale(1.1);
4016   -o-transform: scale(1.1);
4017   -ms-transform: scale(1.1);
4018   transform: scale(1.1);
4019   color: #B74635;
4020   opacity: 1;
4021 }
4022 .ui-jqdialog-content .searchFilter .queryresult {
4023   margin-bottom: 11px;
4024 }
4025 .ui-jqdialog-content .searchFilter .queryresult td.query {
4026   padding: 6px 11px;
4027   border: 1px solid #E1E1E1;
4028   background-color: #EEEEEE;
4029 }
4030 .ui-jqdialog-content .searchFilter .queryresult td.query:empty {
4031   display: none;
4032 }
4033 .ui-state-error {
4034   background-color: #f2dede;
4035   border: 1px solid #ebccd1;
4036   color: #a94442;
4037   margin: 4px 4px 8px;
4038   padding: 6px 10px;
4039   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
4040   font-size: 13px;
4041 }
4042 .ui-jqdialog .ui-widget-header {
4043   background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
4044   background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
4045   background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
4046   background-repeat: repeat-x;
4047   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
4048   border-image: none;
4049   border-bottom: 1px solid solid;
4050   color: #669FC7;
4051   min-height: 38px;
4052   position: relative;
4053 }
4054 .ui-jqdialog .ui-widget-header .ui-jqdialog-title {
4055   line-height: 38px;
4056   margin: 0;
4057   padding: 0;
4058   padding-left: 12px;
4059   text-align: left;
4060 }
4061 .widget-header .ui-jqdialog-title {
4062   padding-left: 0 !important;
4063   padding-right: 0 !important;
4064 }
4065 .ui-jqdialog .ui-widget-header .widget-header {
4066   border-bottom: none;
4067 }
4068 .ui-jqdialog .ui-jqdialog-titlebar {
4069   border-bottom: 1px solid #DDD !important;
4070 }
4071 .fm-button {
4072   margin: 0 4px;
4073   height: auto;
4074 }
4075 .fm-button:not(.btn) {
4076   background-color: #abbac3;
4077   border-radius: 0 ;
4078   box-shadow: none;
4079   color: #FFFFFF ;
4080   cursor: pointer;
4081   display: inline-block;
4082   font-size: 13px;
4083   line-height: 28px;
4084   padding: 0 12px 1px;
4085   margin: 0 8px;
4086   position: relative;
4087   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4088   -webkit-transition: all 0.15s;
4089   -o-transition: all 0.15s;
4090   transition: all 0.15s;
4091   vertical-align: middle;
4092 }
4093 .fm-button.ui-state-default:hover {
4094   background-color: #8b9aa3;
4095 }
4096 .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
4097   height: 30px;
4098   padding-top: 2px;
4099   white-space: normal;
4100 }
4101 .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div {
4102   padding-top: 0;
4103   padding-bottom: 0;
4104   height: 30px;
4105   line-height: 26px;
4106 }
4107 .ui-jqgrid .ui-jqgrid-titlebar-close {
4108   top: 10%;
4109   height: auto;
4110   padding: 0;
4111   margin: 2px 8px 0 0;
4112   text-align: center;
4113   border-radius: 4px;
4114 }
4115 .ui-jqgrid .ui-jqgrid-titlebar-close:hover {
4116   background-color: rgba(255, 255, 255, 0.2);
4117 }
4118 .ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
4119   display: inline-block;
4120   font-family: FontAwesome;
4121   content: "\f077";
4122   color: #FFF;
4123 }
4124 .ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon-circle-triangle-s:before {
4125   content: "\f078";
4126 }
4127 .ui-jqgrid .tree-wrap-ltr {
4128   margin: 0 4px;
4129   float: none;
4130   display: inline;
4131 }
4132 .ui-jqgrid .tree-wrap-rtl {
4133   margin: 2px 4px 0;
4134 }
4135 .ui-jqgrid .ui-subgrid {
4136   border-bottom: 1px solid #E1E1E1;
4137   background-color: #F6FAFF;
4138 }
4139 .ui-jqgrid .ui-subgrid .ui-jqgrid-btable {
4140   background-color: #FFF;
4141 }
4142 .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv {
4143   background-color: transparent;
4144   margin-top: 4px;
4145 }
4146 .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels {
4147   border-bottom: 1px solid #E1E1E1;
4148   background: #F1F1F1;
4149 }
4150 .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th[aria-selected="true"] {
4151   background: #E5E9EF;
4152 }
4153 .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th .ui-jqgrid-sortable {
4154   font-size: 12px;
4155 }
4156 .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th div {
4157   padding-top: 8px;
4158   padding-bottom: 8px;
4159 }
4160 .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th span.ui-jqgrid-resize {
4161   height: 36px !important;
4162 }
4163 .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv {
4164   height: auto !important;
4165   max-height: 150px;
4166   margin-bottom: 4px;
4167   border-top-width: 0;
4168   border-bottom: 1px solid #E1E1E1;
4169 }
4170 .ui-jqgrid .ui-sgcollapsed > a:hover {
4171   text-decoration: none;
4172 }
4173 .ui-jqgrid .ui-pg-button:hover {
4174   padding: 0 1px;
4175 }
4176 .ui-jqgrid .ui-state-disabled:hover {
4177   padding: 0 1px;
4178 }
4179 .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator {
4180   margin-left: 4px;
4181   margin-right: 4px;
4182 }
4183 .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon {
4184   margin-left: 4px;
4185   margin-right: 4px;
4186 }
4187 @media only screen and (max-width: 767px) {
4188   .ui-jqgrid .ui-jqgrid-pager {
4189     height: 90px;
4190   }
4191   .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control {
4192     height: 85px;
4193     padding-top: 10px !important;
4194   }
4195   .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td {
4196     vertical-align: top;
4197   }
4198   .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center {
4199     width: 0 !important;
4200     position: static;
4201   }
4202   .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
4203     margin: 36px auto 0;
4204     position: absolute;
4205     right: 0;
4206     left: 0;
4207     text-align: center;
4208   }
4209   .ui-jqgrid .ui-jqgrid-pager .navtable {
4210     height: auto;
4211   }
4212 }
4213 @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
4214   .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
4215     width: 300px;
4216   }
4217 }
4218 .dd {
4219   position: relative;
4220   display: block;
4221   margin: 0;
4222   padding: 0;
4223   max-width: 600px;
4224   list-style: none;
4225   line-height: 20px;
4226 }
4227 .dd-list {
4228   display: block;
4229   position: relative;
4230   margin: 0;
4231   padding: 0;
4232   list-style: none;
4233 }
4234 .dd-list .dd-list {
4235   padding-left: 30px;
4236 }
4237 .dd-collapsed .dd-list {
4238   display: none;
4239 }
4240 .dd-item,
4241 .dd-empty,
4242 .dd-placeholder {
4243   display: block;
4244   position: relative;
4245   margin: 0;
4246   padding: 0;
4247   min-height: 20px;
4248   line-height: 20px;
4249 }
4250 .dd-handle,
4251 .dd2-content {
4252   display: block;
4253   min-height: 38px;
4254   margin: 5px 0;
4255   padding: 8px 12px;
4256   background: #F8FAFF;
4257   border: 1px solid #DAE2EA;
4258   color: #7C9EB2;
4259   text-decoration: none;
4260   font-weight: bold;
4261   -webkit-box-sizing: border-box;
4262   -moz-box-sizing: border-box;
4263   box-sizing: border-box;
4264 }
4265 .dd-handle:hover,
4266 .dd2-content:hover {
4267   color: #438EB9;
4268   background: #F4F6F7;
4269   border-color: #DCE2E8;
4270 }
4271 .dd-handle[class*="btn-"],
4272 .dd2-content[class*="btn-"] {
4273   color: #FFF;
4274   border: none;
4275   padding: 9px 12px;
4276 }
4277 .dd-handle[class*="btn-"]:hover,
4278 .dd2-content[class*="btn-"]:hover {
4279   opacity: 0.85;
4280   color: #FFF;
4281 }
4282 .dd2-handle + .dd2-content,
4283 .dd2-handle + .dd2-content[class*="btn-"] {
4284   padding-left: 44px;
4285 }
4286 .dd-handle[class*="btn-"]:hover,
4287 .dd2-content[class*="btn-"] .dd2-handle[class*="btn-"]:hover + .dd2-content[class*="btn-"] {
4288   color: #FFF;
4289 }
4290 .dd-item > button:hover ~ .dd-handle,
4291 .dd-item > button:hover ~ .dd2-content {
4292   color: #438EB9;
4293   background: #F4F6F7;
4294   border-color: #DCE2E8;
4295 }
4296 .dd-item > button:hover ~ .dd-handle[class*="btn-"],
4297 .dd-item > button:hover ~ .dd2-content[class*="btn-"] {
4298   opacity: 0.85;
4299   color: #FFF;
4300 }
4301 .dd2-handle:hover ~ .dd2-content {
4302   color: #438EB9;
4303   background: #F4F6F7;
4304   border-color: #DCE2E8;
4305 }
4306 .dd2-handle:hover ~ .dd2-content[class*="btn-"] {
4307   opacity: 0.85;
4308   color: #FFF;
4309 }
4310 .dd2-item.dd-item > button {
4311   margin-left: 34px;
4312 }
4313 .dd-item > button {
4314   display: block;
4315   position: relative;
4316   z-index: 1;
4317   cursor: pointer;
4318   float: left;
4319   width: 25px;
4320   height: 20px;
4321   margin: 5px 1px 5px 5px;
4322   padding: 0;
4323   text-indent: 100%;
4324   white-space: nowrap;
4325   overflow: hidden;
4326   border: 0;
4327   background: transparent;
4328   font-size: 12px;
4329   line-height: 1;
4330   text-align: center;
4331   font-weight: bold;
4332   top: 4px;
4333   left: 1px;
4334   color: #707070;
4335 }
4336 .dd-item > button:before {
4337   font-family: FontAwesome;
4338   content: '\f067';
4339   display: block;
4340   position: absolute;
4341   width: 100%;
4342   text-align: center;
4343   text-indent: 0;
4344   font-weight: normal;
4345   font-size: 14px;
4346 }
4347 .dd-item > button[data-action="collapse"]:before {
4348   content: '\f068';
4349 }
4350 .dd-item > button:hover {
4351   color: #707070;
4352 }
4353 .dd-item.dd-colored > button,
4354 .dd-item.dd-colored > button:hover {
4355   color: #EEE;
4356 }
4357 .dd-placeholder,
4358 .dd-empty {
4359   margin: 5px 0;
4360   padding: 0;
4361   min-height: 30px;
4362   background: #F0F9FF;
4363   border: 2px dashed #BED2DB;
4364   -webkit-box-sizing: border-box;
4365   -moz-box-sizing: border-box;
4366   box-sizing: border-box;
4367 }
4368 .dd-empty {
4369   border-color: #AAA;
4370   border-style: solid;
4371   background-color: #e5e5e5;
4372 }
4373 .dd-dragel {
4374   position: absolute;
4375   pointer-events: none;
4376   z-index: 999;
4377   opacity: 0.8;
4378 }
4379 .dd-dragel > li > .dd-handle {
4380   color: #4B92BE;
4381   background: #F1F5FA;
4382   border-color: #D6E1EA;
4383   border-left: 2px solid #777;
4384   position: relative;
4385 }
4386 .dd-dragel > li > .dd-handle[class*="btn-"] {
4387   color: #FFF;
4388 }
4389 .dd-dragel > .dd-item > .dd-handle {
4390   margin-top: 0;
4391 }
4392 .dd-list > li[class*="item-"] {
4393   border-width: 0;
4394   padding: 0;
4395 }
4396 .dd-list > li[class*="item-"] > .dd-handle {
4397   border-left: 2px solid;
4398   border-left-color: inherit;
4399 }
4400 .dd-list > li > .dd-handle .sticker {
4401   position: absolute;
4402   right: 0;
4403   top: 0;
4404 }
4405 .dd2-handle,
4406 .dd-dragel > li > .dd2-handle {
4407   left: 0;
4408   top: 0;
4409   width: 36px;
4410   margin: 0;
4411   border-width: 1px 1px 0 0;
4412   text-align: center;
4413   padding: 0 !important;
4414   line-height: 38px;
4415   height: 38px;
4416   background: #EBEDF2;
4417   border: 1px solid #DEE4EA;
4418   cursor: pointer;
4419   overflow: hidden;
4420   position: absolute;
4421   z-index: 1;
4422 }
4423 .dd2-handle:hover,
4424 .dd-dragel > li > .dd2-handle {
4425   background: #E3E8ED;
4426 }
4427 .dd2-content[class*="btn-"] {
4428   text-shadow: none !important;
4429 }
4430 .dd2-handle[class*="btn-"] {
4431   text-shadow: none !important;
4432   background: rgba(0, 0, 0, 0.1) !important;
4433   border-right: 1px solid #EEE;
4434 }
4435 .dd2-handle[class*="btn-"]:hover {
4436   background: rgba(0, 0, 0, 0.08) !important;
4437 }
4438 .dd-dragel .dd2-handle[class*="btn-"] {
4439   border-color: transparent;
4440   border-right-color: #EEE;
4441 }
4442 .dd2-handle.btn-yellow {
4443   text-shadow: none !important;
4444   background: rgba(0, 0, 0, 0.05) !important;
4445   border-right: 1px solid #FFF;
4446 }
4447 .dd2-handle.btn-yellow:hover {
4448   background: rgba(0, 0, 0, 0.08) !important;
4449 }
4450 .dd-dragel .dd2-handle.btn-yellow {
4451   border-color: transparent;
4452   border-right-color: #FFF;
4453 }
4454 .dd-item > .dd2-handle .drag-icon {
4455   display: none;
4456 }
4457 .dd-dragel > .dd-item > .dd2-handle .drag-icon {
4458   display: inline;
4459 }
4460 .dd-dragel > .dd-item > .dd2-handle .normal-icon {
4461   display: none;
4462 }
4463 .dropzone {
4464   border-radius: 0;
4465   border: 1px solid rgba(0, 0, 0, 0.06);
4466 }
4467 .dropzone.well {
4468   background-color: #f5f5f5;
4469   border: 1px solid #e3e3e3;
4470 }
4471 .dropzone .dz-default.dz-message {
4472   background-image: none;
4473   font-size: 24px;
4474   text-align: center;
4475   line-height: 32px;
4476   left: 0;
4477   width: 100%;
4478   margin-left: auto;
4479 }
4480 .dropzone .dz-default.dz-message span {
4481   display: inline;
4482   color: #555;
4483 }
4484 .dropzone .dz-default.dz-message span .upload-icon {
4485   opacity: 0.7;
4486   filter: alpha(opacity=70);
4487   margin-top: 8px;
4488   cursor: pointer;
4489 }
4490 .dropzone .dz-default.dz-message span .upload-icon:hover {
4491   opacity: 1;
4492   filter: alpha(opacity=100);
4493 }
4494 .dropzone .dz-preview.dz-image-preview {
4495   background-color: transparent;
4496 }
4497 input.typeahead,
4498 input.tt-query,
4499 input.tt-hint {
4500   min-width: 175px;
4501   font-size: 16px;
4502   line-height: 24px;
4503   border: 1px solid #CCC;
4504   border-radius: 0;
4505   outline: none;
4506 }
4507 input.tt-hint,
4508 .form-group input.tt-hint {
4509   background-color: #FFF !important;
4510   color: #B0B0B0 !important;
4511 }
4512 .tt-menu {
4513   text-align: left;
4514   position: absolute;
4515   left: 0 !important;
4516   right: 0 !important;
4517   min-width: 175px;
4518   margin-top: 2px;
4519   padding: 8px 0;
4520   background-color: #FFF;
4521   border: 1px solid #D0D0D0;
4522   border: 1px solid rgba(0, 0, 0, 0.15);
4523   border-radius: 0;
4524   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
4525   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
4526 }
4527 .tt-suggestion {
4528   padding: 3px 12px 4px;
4529   font-size: 16px;
4530   line-height: 24px;
4531 }
4532 .tt-suggestion.tt-selectable:hover,
4533 .tt-suggestion.tt-cursor {
4534   color: #FFF;
4535   background-color: #4F99C6;
4536   cursor: pointer;
4537 }
4538 .tt-suggestion p {
4539   margin: 0;
4540 }
4541 input.typeahead.scrollable ~ .tt-menu {
4542   max-height: 200px;
4543   overflow-y: auto;
4544 }
4545 .btn-group > .btn.moveall:first-child,
4546 .btn-group > .btn.remove:first-child {
4547   margin: 0;
4548 }
4549 .btn-group > .btn.moveall:first-child + .btn.move,
4550 .btn-group > .btn.remove:first-child + .btn.removeall {
4551   margin: 0;
4552 }
4553 .bootstrap-duallistbox-container .info {
4554   font-size: 12px;
4555 }
4556 .bootstrap-duallistbox-container .clear1,
4557 .bootstrap-duallistbox-container .clear2 {
4558   font-size: 12px;
4559 }
4560 .btn.multiselect-clear-filter {
4561   padding-left: 6px;
4562   padding-right: 6px;
4563   line-height: 1.45;
4564 }
4565 .multiselect-container > li > a {
4566   padding: 0;
4567 }
4568 .multiselect-container > li > a > label {
4569   padding: 7px 10px 7px 20px;
4570 }
4571 .cancel-on-png,
4572 .cancel-off-png,
4573 .star-on-png,
4574 .star-off-png,
4575 .star-half-png {
4576   font-size: 2em;
4577 }
4578 .cancel-on-png,
4579 .cancel-off-png,
4580 .star-on-png,
4581 .star-off-png,
4582 .star-half-png {
4583   -moz-osx-font-smoothing: grayscale;
4584   -webkit-font-smoothing: antialiased;
4585   font-family: "FontAwesome";
4586   font-style: normal;
4587   font-variant: normal;
4588   font-weight: normal;
4589   line-height: 1;
4590   speak: none;
4591   text-transform: none;
4592   color: #777777;
4593 }
4594 .cancel-on-png {
4595   color: #dd5a43;
4596 }
4597 .cancel-on-png:before {
4598   content: "\f057";
4599 }
4600 .cancel-off-png {
4601   color: #e08374;
4602 }
4603 .cancel-off-png:before {
4604   content: "\f05c";
4605 }
4606 .star-on-png {
4607   color: #feb902;
4608 }
4609 .star-on-png:before {
4610   content: "\f005";
4611 }
4612 .star-off-png {
4613   color: #777777;
4614 }
4615 .star-off-png:before {
4616   content: "\f006";
4617 }
4618 .star-half-png {
4619   color: #feb902;
4620 }
4621 .star-half-png:before {
4622   content: "\f123";
4623 }
4624 /* custom animated icons */
4625 .icon-animated-bell {
4626   display: inline-block;
4627   -moz-animation: ringing 2.0s 5 ease 1.0s;
4628   -webkit-animation: ringing 2.0s 5 ease 1.0s;
4629   -o-animation: ringing 2.0s 5 ease 1.0s;
4630   -ms-animation: ringing 2.0s 5 ease 1.0s;
4631   animation: ringing 2.0s 5 ease 1.0s;
4632   -moz-transform-origin: 50% 0%;
4633   -webkit-transform-origin: 50% 0%;
4634   -o-transform-origin: 50% 0%;
4635   -ms-transform-origin: 50% 0%;
4636   transform-origin: 50% 0%;
4637 }
4638 @-moz-keyframes ringing {
4639   0% {
4640     -moz-transform: rotate(-15deg);
4641   }
4642   2% {
4643     -moz-transform: rotate(15deg);
4644   }
4645   4% {
4646     -moz-transform: rotate(-18deg);
4647   }
4648   6% {
4649     -moz-transform: rotate(18deg);
4650   }
4651   8% {
4652     -moz-transform: rotate(-22deg);
4653   }
4654   10% {
4655     -moz-transform: rotate(22deg);
4656   }
4657   12% {
4658     -moz-transform: rotate(-18deg);
4659   }
4660   14% {
4661     -moz-transform: rotate(18deg);
4662   }
4663   16% {
4664     -moz-transform: rotate(-12deg);
4665   }
4666   18% {
4667     -moz-transform: rotate(12deg);
4668   }
4669   20% {
4670     -moz-transform: rotate(0deg);
4671   }
4672 }
4673 @-webkit-keyframes ringing {
4674   0% {
4675     -webkit-transform: rotate(-15deg);
4676   }
4677   2% {
4678     -webkit-transform: rotate(15deg);
4679   }
4680   4% {
4681     -webkit-transform: rotate(-18deg);
4682   }
4683   6% {
4684     -webkit-transform: rotate(18deg);
4685   }
4686   8% {
4687     -webkit-transform: rotate(-22deg);
4688   }
4689   10% {
4690     -webkit-transform: rotate(22deg);
4691   }
4692   12% {
4693     -webkit-transform: rotate(-18deg);
4694   }
4695   14% {
4696     -webkit-transform: rotate(18deg);
4697   }
4698   16% {
4699     -webkit-transform: rotate(-12deg);
4700   }
4701   18% {
4702     -webkit-transform: rotate(12deg);
4703   }
4704   20% {
4705     -webkit-transform: rotate(0deg);
4706   }
4707 }
4708 @-ms-keyframes ringing {
4709   0% {
4710     -ms-transform: rotate(-15deg);
4711   }
4712   2% {
4713     -ms-transform: rotate(15deg);
4714   }
4715   4% {
4716     -ms-transform: rotate(-18deg);
4717   }
4718   6% {
4719     -ms-transform: rotate(18deg);
4720   }
4721   8% {
4722     -ms-transform: rotate(-22deg);
4723   }
4724   10% {
4725     -ms-transform: rotate(22deg);
4726   }
4727   12% {
4728     -ms-transform: rotate(-18deg);
4729   }
4730   14% {
4731     -ms-transform: rotate(18deg);
4732   }
4733   16% {
4734     -ms-transform: rotate(-12deg);
4735   }
4736   18% {
4737     -ms-transform: rotate(12deg);
4738   }
4739   20% {
4740     -ms-transform: rotate(0deg);
4741   }
4742 }
4743 @keyframes ringing {
4744   0% {
4745     transform: rotate(-15deg);
4746   }
4747   2% {
4748     transform: rotate(15deg);
4749   }
4750   4% {
4751     transform: rotate(-18deg);
4752   }
4753   6% {
4754     transform: rotate(18deg);
4755   }
4756   8% {
4757     transform: rotate(-22deg);
4758   }
4759   10% {
4760     transform: rotate(22deg);
4761   }
4762   12% {
4763     transform: rotate(-18deg);
4764   }
4765   14% {
4766     transform: rotate(18deg);
4767   }
4768   16% {
4769     transform: rotate(-12deg);
4770   }
4771   18% {
4772     transform: rotate(12deg);
4773   }
4774   20% {
4775     transform: rotate(0deg);
4776   }
4777 }
4778 .icon-animated-vertical {
4779   display: inline-block;
4780   -moz-animation: vertical 2.0s 5 ease 2.0s;
4781   -webkit-animation: vertical 2.0s 5 ease 2.0s;
4782   -o-animation: vertical 2.0s 5 ease 2.0s;
4783   -ms-animation: vertical 2.0s 5 ease 2.0s;
4784   animation: vertical 2.0s 5 ease 2.0s;
4785 }
4786 @-moz-keyframes vertical {
4787   0% {
4788     -moz-transform: translate(0, -3px);
4789   }
4790   4% {
4791     -moz-transform: translate(0, 3px);
4792   }
4793   8% {
4794     -moz-transform: translate(0, -3px);
4795   }
4796   12% {
4797     -moz-transform: translate(0, 3px);
4798   }
4799   16% {
4800     -moz-transform: translate(0, -3px);
4801   }
4802   20% {
4803     -moz-transform: translate(0, 3px);
4804   }
4805   22% {
4806     -moz-transform: translate(0, 0);
4807   }
4808 }
4809 @-webkit-keyframes vertical {
4810   0% {
4811     -webkit-transform: translate(0, -3px);
4812   }
4813   4% {
4814     -webkit-transform: translate(0, 3px);
4815   }
4816   8% {
4817     -webkit-transform: translate(0, -3px);
4818   }
4819   12% {
4820     -webkit-transform: translate(0, 3px);
4821   }
4822   16% {
4823     -webkit-transform: translate(0, -3px);
4824   }
4825   20% {
4826     -webkit-transform: translate(0, 3px);
4827   }
4828   22% {
4829     -webkit-transform: translate(0, 0);
4830   }
4831 }
4832 @-ms-keyframes vertical {
4833   0% {
4834     -ms-transform: translate(0, -3px);
4835   }
4836   4% {
4837     -ms-transform: translate(0, 3px);
4838   }
4839   8% {
4840     -ms-transform: translate(0, -3px);
4841   }
4842   12% {
4843     -ms-transform: translate(0, 3px);
4844   }
4845   16% {
4846     -ms-transform: translate(0, -3px);
4847   }
4848   20% {
4849     -ms-transform: translate(0, 3px);
4850   }
4851   22% {
4852     -ms-transform: translate(0, 0);
4853   }
4854 }
4855 @keyframes vertical {
4856   0% {
4857     transform: translate(0, -3px);
4858   }
4859   4% {
4860     transform: translate(0, 3px);
4861   }
4862   8% {
4863     transform: translate(0, -3px);
4864   }
4865   12% {
4866     transform: translate(0, 3px);
4867   }
4868   16% {
4869     transform: translate(0, -3px);
4870   }
4871   20% {
4872     transform: translate(0, 3px);
4873   }
4874   22% {
4875     transform: translate(0, 0);
4876   }
4877 }
4878 .icon-animated-hand-pointer {
4879   display: inline-block;
4880   -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
4881   -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
4882   -o-animation: hand-pointer 2.0s 4 ease 2.0s;
4883   -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
4884   animation: hand-pointer 2.0s 4 ease 2.0s;
4885 }
4886 @-moz-keyframes hand-pointer {
4887   0% {
4888     -moz-transform: translate(0, 0);
4889   }
4890   6% {
4891     -moz-transform: translate(5px, 0);
4892   }
4893   12% {
4894     -moz-transform: translate(0, 0);
4895   }
4896   18% {
4897     -moz-transform: translate(5px, 0);
4898   }
4899   24% {
4900     -moz-transform: translate(0, 0);
4901   }
4902   30% {
4903     -moz-transform: translate(5px, 0);
4904   }
4905   36% {
4906     -moz-transform: translate(0, 0);
4907   }
4908 }
4909 .icon-animated-wrench {
4910   display: inline-block;
4911   -moz-animation: wrenching 2.5s 4 ease;
4912   -webkit-animation: wrenching 2.5s 4 ease;
4913   -o-animation: wrenching 2.5s 4 ease;
4914   -ms-animation: wrenching 2.5s 4 ease;
4915   animation: wrenching 2.5s 4 ease;
4916   -moz-transform-origin: 90% 35%;
4917   -webkit-transform-origin: 90% 35%;
4918   -o-transform-origin: 90% 35%;
4919   -ms-transform-origin: 90% 35%;
4920   transform-origin: 90% 35%;
4921 }
4922 @-moz-keyframes wrenching {
4923   0% {
4924     -moz-transform: rotate(-12deg);
4925   }
4926   8% {
4927     -moz-transform: rotate(12deg);
4928   }
4929   10% {
4930     -moz-transform: rotate(24deg);
4931   }
4932   18% {
4933     -moz-transform: rotate(-24deg);
4934   }
4935   20% {
4936     -moz-transform: rotate(-24deg);
4937   }
4938   28% {
4939     -moz-transform: rotate(24deg);
4940   }
4941   30% {
4942     -moz-transform: rotate(24deg);
4943   }
4944   38% {
4945     -moz-transform: rotate(-24deg);
4946   }
4947   40% {
4948     -moz-transform: rotate(-24deg);
4949   }
4950   48% {
4951     -moz-transform: rotate(24deg);
4952   }
4953   50% {
4954     -moz-transform: rotate(24deg);
4955   }
4956   58% {
4957     -moz-transform: rotate(-24deg);
4958   }
4959   60% {
4960     -moz-transform: rotate(-24deg);
4961   }
4962   68% {
4963     -moz-transform: rotate(24deg);
4964   }
4965   75% {
4966     -moz-transform: rotate(0deg);
4967   }
4968 }
4969 @-webkit-keyframes wrenching {
4970   0% {
4971     -webkit-transform: rotate(-12deg);
4972   }
4973   8% {
4974     -webkit-transform: rotate(12deg);
4975   }
4976   10% {
4977     -webkit-transform: rotate(24deg);
4978   }
4979   18% {
4980     -webkit-transform: rotate(-24deg);
4981   }
4982   20% {
4983     -webkit-transform: rotate(-24deg);
4984   }
4985   28% {
4986     -webkit-transform: rotate(24deg);
4987   }
4988   30% {
4989     -webkit-transform: rotate(24deg);
4990   }
4991   38% {
4992     -webkit-transform: rotate(-24deg);
4993   }
4994   40% {
4995     -webkit-transform: rotate(-24deg);
4996   }
4997   48% {
4998     -webkit-transform: rotate(24deg);
4999   }
5000   50% {
5001     -webkit-transform: rotate(24deg);
5002   }
5003   58% {
5004     -webkit-transform: rotate(-24deg);
5005   }
5006   60% {
5007     -webkit-transform: rotate(-24deg);
5008   }
5009   68% {
5010     -webkit-transform: rotate(24deg);
5011   }
5012   75% {
5013     -webkit-transform: rotate(0deg);
5014   }
5015 }
5016 @-o-keyframes wrenching {
5017   0% {
5018     -o-transform: rotate(-12deg);
5019   }
5020   8% {
5021     -o-transform: rotate(12deg);
5022   }
5023   10% {
5024     -o-transform: rotate(24deg);
5025   }
5026   18% {
5027     -o-transform: rotate(-24deg);
5028   }
5029   20% {
5030     -o-transform: rotate(-24deg);
5031   }
5032   28% {
5033     -o-transform: rotate(24deg);
5034   }
5035   30% {
5036     -o-transform: rotate(24deg);
5037   }
5038   38% {
5039     -o-transform: rotate(-24deg);
5040   }
5041   40% {
5042     -o-transform: rotate(-24deg);
5043   }
5044   48% {
5045     -o-transform: rotate(24deg);
5046   }
5047   50% {
5048     -o-transform: rotate(24deg);
5049   }
5050   58% {
5051     -o-transform: rotate(-24deg);
5052   }
5053   60% {
5054     -o-transform: rotate(-24deg);
5055   }
5056   68% {
5057     -o-transform: rotate(24deg);
5058   }
5059   75% {
5060     -o-transform: rotate(0deg);
5061   }
5062 }
5063 @-ms-keyframes wrenching {
5064   0% {
5065     -ms-transform: rotate(-12deg);
5066   }
5067   8% {
5068     -ms-transform: rotate(12deg);
5069   }
5070   10% {
5071     -ms-transform: rotate(24deg);
5072   }
5073   18% {
5074     -ms-transform: rotate(-24deg);
5075   }
5076   20% {
5077     -ms-transform: rotate(-24deg);
5078   }
5079   28% {
5080     -ms-transform: rotate(24deg);
5081   }
5082   30% {
5083     -ms-transform: rotate(24deg);
5084   }
5085   38% {
5086     -ms-transform: rotate(-24deg);
5087   }
5088   40% {
5089     -ms-transform: rotate(-24deg);
5090   }
5091   48% {
5092     -ms-transform: rotate(24deg);
5093   }
5094   50% {
5095     -ms-transform: rotate(24deg);
5096   }
5097   58% {
5098     -ms-transform: rotate(-24deg);
5099   }
5100   60% {
5101     -ms-transform: rotate(-24deg);
5102   }
5103   68% {
5104     -ms-transform: rotate(24deg);
5105   }
5106   75% {
5107     -ms-transform: rotate(0deg);
5108   }
5109 }
5110 @keyframes wrenching {
5111   0% {
5112     transform: rotate(-12deg);
5113   }
5114   8% {
5115     transform: rotate(12deg);
5116   }
5117   10% {
5118     transform: rotate(24deg);
5119   }
5120   18% {
5121     transform: rotate(-24deg);
5122   }
5123   20% {
5124     transform: rotate(-24deg);
5125   }
5126   28% {
5127     transform: rotate(24deg);
5128   }
5129   30% {
5130     transform: rotate(24deg);
5131   }
5132   38% {
5133     transform: rotate(-24deg);
5134   }
5135   40% {
5136     transform: rotate(-24deg);
5137   }
5138   48% {
5139     transform: rotate(24deg);
5140   }
5141   50% {
5142     transform: rotate(24deg);
5143   }
5144   58% {
5145     transform: rotate(-24deg);
5146   }
5147   60% {
5148     transform: rotate(-24deg);
5149   }
5150   68% {
5151     transform: rotate(24deg);
5152   }
5153   75% {
5154     transform: rotate(0deg);
5155   }
5156 }
5157 @-moz-keyframes blinking {
5158   0% {
5159     opacity: 1;
5160   }
5161   40% {
5162     opacity: 0;
5163   }
5164   80% {
5165     opacity: 1;
5166   }
5167 }
5168 @-webkit-keyframes blinking {
5169   0% {
5170     opacity: 1;
5171   }
5172   40% {
5173     opacity: 0;
5174   }
5175   80% {
5176     opacity: 1;
5177   }
5178 }
5179 @-ms-keyframes blinking {
5180   0% {
5181     opacity: 1;
5182   }
5183   40% {
5184     opacity: 0;
5185   }
5186   80% {
5187     opacity: 1;
5188   }
5189 }
5190 @keyframes blinking {
5191   0% {
5192     opacity: 1;
5193   }
5194   40% {
5195     opacity: 0;
5196   }
5197   80% {
5198     opacity: 1;
5199   }
5200 }
5201 @-moz-keyframes pulsating {
5202   0% {
5203     -moz-transform: scale(1);
5204   }
5205   5% {
5206     -moz-transform: scale(0.75);
5207   }
5208   10% {
5209     -moz-transform: scale(1);
5210   }
5211   15% {
5212     -moz-transform: scale(1.25);
5213   }
5214   20% {
5215     -moz-transform: scale(1);
5216   }
5217   25% {
5218     -moz-transform: scale(0.75);
5219   }
5220   30% {
5221     -moz-transform: scale(1);
5222   }
5223   35% {
5224     -moz-transform: scale(1.25);
5225   }
5226   40% {
5227     -moz-transform: scale(1);
5228   }
5229 }
5230 @-webkit-keyframes pulsating {
5231   0% {
5232     -webkit-transform: scale(1);
5233   }
5234   5% {
5235     -webkit-transform: scale(0.75);
5236   }
5237   10% {
5238     -webkit-transform: scale(1);
5239   }
5240   15% {
5241     -webkit-transform: scale(1.25);
5242   }
5243   20% {
5244     -webkit-transform: scale(1);
5245   }
5246   25% {
5247     -webkit-transform: scale(0.75);
5248   }
5249   30% {
5250     -webkit-transform: scale(1);
5251   }
5252   35% {
5253     -webkit-transform: scale(1.25);
5254   }
5255   40% {
5256     -webkit-transform: scale(1);
5257   }
5258 }
5259 @-ms-keyframes pulsating {
5260   0% {
5261     -ms-transform: scale(1);
5262   }
5263   5% {
5264     -ms-transform: scale(0.75);
5265   }
5266   10% {
5267     -ms-transform: scale(1);
5268   }
5269   15% {
5270     -ms-transform: scale(1.25);
5271   }
5272   20% {
5273     -ms-transform: scale(1);
5274   }
5275   25% {
5276     -ms-transform: scale(0.75);
5277   }
5278   30% {
5279     -ms-transform: scale(1);
5280   }
5281   35% {
5282     -ms-transform: scale(1.25);
5283   }
5284   40% {
5285     -ms-transform: scale(1);
5286   }
5287 }
5288 @keyframes pulsating {
5289   0% {
5290     transform: scale(1);
5291   }
5292   5% {
5293     transform: scale(0.75);
5294   }
5295   10% {
5296     transform: scale(1);
5297   }
5298   15% {
5299     transform: scale(1.25);
5300   }
5301   20% {
5302     transform: scale(1);
5303   }
5304   25% {
5305     transform: scale(0.75);
5306   }
5307   30% {
5308     transform: scale(1);
5309   }
5310   35% {
5311     transform: scale(1.25);
5312   }
5313   40% {
5314     transform: scale(1);
5315   }
5316 }
5317 .btn-scroll-up {
5318   border-width: 0;
5319   position: fixed;
5320   right: 2px;
5321   z-index: 99;
5322   -webkit-transition-duration: 0.3s;
5323   transition-duration: 0.3s;
5324   opacity: 0;
5325   filter: alpha(opacity=0);
5326   bottom: -24px;
5327   visibility: hidden;
5328 }
5329 .btn-scroll-up.display {
5330   opacity: 0.7;
5331   filter: alpha(opacity=70);
5332   bottom: 2px;
5333   visibility: visible;
5334 }
5335 .btn-scroll-up:hover {
5336   opacity: 1;
5337   filter: alpha(opacity=100);
5338 }
5339 .btn-scroll-up:focus {
5340   outline: none;
5341 }
5342 @media (min-width: 768px) {
5343   .main-container.container > .btn-scroll-up {
5344     right: auto;
5345     margin-left: 714px;
5346   }
5347 }
5348 @media (min-width: 992px) {
5349   .main-container.container > .btn-scroll-up {
5350     right: auto;
5351     margin-left: 934px;
5352   }
5353 }
5354 @media (min-width: 1200px) {
5355   .main-container.container > .btn-scroll-up {
5356     right: auto;
5357     margin-left: 1134px;
5358   }
5359 }
5360 .ace-settings-container {
5361   position: absolute;
5362   right: 0;
5363   top: auto;
5364   z-index: 12;
5365 }
5366 .btn.btn-app.ace-settings-btn {
5367   float: left;
5368   display: block;
5369   text-align: center;
5370   border-radius: 6px 0 0 6px;
5371   opacity: 0.55;
5372   vertical-align: top;
5373   margin: 0;
5374 }
5375 .btn.btn-app.ace-settings-btn:hover,
5376 .btn.btn-app.ace-settings-btn.open {
5377   opacity: 1;
5378 }
5379 .btn.btn-app.ace-settings-btn.btn-xs {
5380   width: 42px;
5381 }
5382 .ace-settings-box {
5383   display: block;
5384   float: left;
5385   max-width: 0;
5386   max-height: 0;
5387   overflow: hidden;
5388   padding: 0;
5389   -moz-transform: translate(0,0);
5390   -webkit-transform: translate(0,0);
5391   -o-transform: translate(0,0);
5392   -ms-transform: translate(0,0);
5393   transform: translate(0,0);
5394   background-color: #FFF;
5395   border: 0 solid #ffb34b;
5396   -webkit-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
5397   -o-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
5398   transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
5399 }
5400 .ace-settings-box.open {
5401   max-width: 320px;
5402   max-height: 1000px;
5403   padding: 0 14px;
5404   border-width: 2px;
5405   -webkit-transition-delay: 0s;
5406   -moz-transition-delay: 0s;
5407   -o-transition-delay: 0s;
5408   transition-delay: 0s;
5409 }
5410 .ace-settings-box.open .ace-settings-item {
5411   z-index: auto;
5412   min-width: 140px;
5413 }
5414 .ace-settings-box .ace-settings-item {
5415   margin: 6px 0;
5416   color: #444;
5417   max-height: 24px;
5418   position: relative;
5419   z-index: -1;
5420   white-space: nowrap;
5421 }
5422 .ace-settings-box .ace-settings-item > label.lbl {
5423   font-size: 13px;
5424 }
5425 @media (max-width: 480px) {
5426   .ace-settings-container {
5427     text-align: right;
5428   }
5429   .ace-settings-box {
5430     float: none !important;
5431     text-align: left;
5432   }
5433   .btn.ace-settings-btn {
5434     float: none !important;
5435     display: inline-block;
5436   }
5437 }
5438 @media (max-width: 320px) {
5439   .ace-settings-box > .clearfix > .pull-left,
5440   .ace-settings-box > .clearfix > .pull-right {
5441     float: none !important;
5442   }
5443 }
5444 .grid2,
5445 .grid3,
5446 .grid4 {
5447   -webkit-box-sizing: border-box;
5448   -moz-box-sizing: border-box;
5449   box-sizing: border-box;
5450   display: block;
5451   margin: 0 1%;
5452   padding: 0 2%;
5453   float: left;
5454   border-left: 1px solid #E3E3E3;
5455 }
5456 .grid2:first-child,
5457 .grid3:first-child,
5458 .grid4:first-child {
5459   border-left: none;
5460 }
5461 .grid2 {
5462   width: 48%;
5463 }
5464 .grid3 {
5465   width: 31.33%;
5466 }
5467 .grid4 {
5468   width: 23%;
5469   padding: 0 1%;
5470 }
5471 .draggable-placeholder {
5472   border: 2px dashed #D9D9D9 !important;
5473   background-color: #F7F7F7 !important;
5474 }
5475 .easyPieChart,
5476 .easy-pie-chart {
5477   position: relative;
5478   text-align: center;
5479 }
5480 .easyPieChart canvas,
5481 .easy-pie-chart canvas {
5482   position: absolute;
5483   top: 0;
5484   left: 0;
5485 }
5486 .knob-container {
5487   direction: ltr;
5488   text-align: left;
5489 }
5490 .tags {
5491   display: inline-block;
5492   padding: 4px 6px;
5493   color: #777777;
5494   vertical-align: middle;
5495   background-color: #FFF;
5496   border: 1px solid #d5d5d5;
5497   width: 206px;
5498 }
5499 .tags:hover {
5500   border-color: #b5b5b5;
5501 }
5502 .tags-hover,
5503 .tags-hover:hover {
5504   border-color: #f59942;
5505   outline: 0;
5506 }
5507 .tags[class*="span"] {
5508   float: none;
5509   margin-left: 0;
5510 }
5511 .tags input[type="text"],
5512 .tags input[type="text"]:focus {
5513   border: none;
5514   display: inline;
5515   outline: 0;
5516   margin: 0;
5517   padding: 0;
5518   line-height: 18px;
5519   -webkit-box-shadow: none;
5520   box-shadow: none;
5521   width: 100%;
5522 }
5523 .tags .tag {
5524   display: inline-block;
5525   position: relative;
5526   font-size: 13px;
5527   font-weight: normal;
5528   vertical-align: baseline;
5529   white-space: nowrap;
5530   background-color: #91b8d0;
5531   color: #FFF;
5532   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
5533   padding: 4px 22px 5px 9px;
5534   margin-bottom: 3px;
5535   margin-right: 3px;
5536   -webkit-transition: all 0.2s;
5537   -o-transition: all 0.2s;
5538   transition: all 0.2s;
5539   /**
5540   &:nth-child(5n+1) {
5541     background-color:#48A2E0;
5542   }
5543   &:nth-child(5n+2) {
5544     background-color:#34C896;
5545   }
5546   &:nth-child(5n+3) {
5547     background-color:#B57BB3;
5548   }
5549   &:nth-child(5n+4) {
5550     background-color:#CC7DA8;
5551   }
5552   &:nth-child(5n+5) {
5553     background-color:#666;
5554   }
5555 */
5556 }
5557 .tags .tag:empty {
5558   display: none;
5559 }
5560 .tags .tag-important {
5561   background-color: #d15b47;
5562 }
5563 .tags .tag-warning {
5564   background-color: #ffb752;
5565 }
5566 .tags .tag-success {
5567   background-color: #87b87f;
5568 }
5569 .tags .tag-info {
5570   background-color: #6fb3e0;
5571 }
5572 .tags .tag-inverse {
5573   background-color: #555555;
5574 }
5575 .tags .tag .close {
5576   font-size: 15px;
5577   line-height: 20px;
5578   opacity: 1;
5579   filter: alpha(opacity=100);
5580   color: #FFF;
5581   text-shadow: none;
5582   float: none;
5583   position: absolute;
5584   right: 0;
5585   top: 0;
5586   bottom: 0;
5587   width: 18px;
5588   text-align: center;
5589 }
5590 .tags .tag .close:hover {
5591   background-color: rgba(0, 0, 0, 0.2);
5592 }
5593 .page-content > .row .col-xs-12,
5594 .page-content > .row .col-sm-12,
5595 .page-content > .row .col-md-12,
5596 .page-content > .row .col-lg-12 {
5597   float: left;
5598   max-width: 100%;
5599 }
5600 .col-xs-reset {
5601   width: auto;
5602   padding-left: 0;
5603   padding-right: 0;
5604   float: none !important;
5605 }
5606 @media (min-width: 768px) {
5607   .col-sm-reset {
5608     width: auto;
5609     padding-left: 0;
5610     padding-right: 0;
5611     float: none !important;
5612   }
5613 }
5614 @media (min-width: 992px) {
5615   .col-md-reset {
5616     width: auto;
5617     padding-left: 0;
5618     padding-right: 0;
5619     float: none !important;
5620   }
5621 }
5622 @media (min-width: 1200px) {
5623   .col-lg-reset {
5624     width: auto;
5625     padding-left: 0;
5626     padding-right: 0;
5627     float: none !important;
5628   }
5629 }
5630 .jqstooltip,
5631 .legendColorBox div {
5632   -webkit-box-sizing: content-box;
5633   -moz-box-sizing: content-box;
5634   box-sizing: content-box;
5635 }
5636 .legendLabel {
5637   -webkit-box-sizing: content-box;
5638   -moz-box-sizing: content-box;
5639   box-sizing: content-box;
5640   height: 22px;
5641   padding-left: 2px;
5642   font-size: 10px;
5643 }
5644 @media only screen and (max-width: 991px) {
5645   body {
5646     overflow-x: hidden;
5647   }
5648 }
5649 .navbar-fixed-top + .main-container {
5650   padding-top: 45px;
5651 }
5652 @media (max-width: 479px) {
5653   .navbar-fixed-top + .main-container {
5654     padding-top: 90px;
5655   }
5656   .navbar-fixed-top.navbar-collapse + .main-container {
5657     padding-top: 45px;
5658   }
5659 }
5660 @media only screen and (max-width: 360px) {
5661   .grid2,
5662   .grid3,
5663   .grid4 {
5664     float: none;
5665     display: block;
5666     width: 96%;
5667     border-left-width: 0;
5668     position: relative;
5669     margin-bottom: 11px;
5670     border-bottom: 1px solid #E3E3E3;
5671     padding-bottom: 4px;
5672   }
5673   .grid2 > [class*="pull-"],
5674   .grid3 > [class*="pull-"],
5675   .grid4 > [class*="pull-"] {
5676     float: none !important;
5677     display: inline-block;
5678     position: absolute;
5679     right: 11px;
5680     top: 0;
5681     margin-top: 0;
5682   }
5683   .grid2:last-child,
5684   .grid3:last-child,
5685   .grid4:last-child {
5686     border-bottom-width: 0;
5687   }
5688 }
5689 @media only screen and (max-width: 480px) {
5690   .hidden-480 {
5691     display: none !important;
5692   }
5693 }
5694 @media only screen and (max-width: 320px) {
5695   .hidden-320 {
5696     display: none !important;
5697   }
5698 }
5699 .no-skin {
5700   /**
5701     .nav-list > li.disabled.active:after {
5702         border-color: #999;
5703     }
5704     .nav-list li.disabled li.active > a:after,
5705     .nav-list li.active.disabled > a:after {
5706         -moz-border-right-colors: #999 !important;
5707         border-right-color: #999 !important;
5708     }
5709     */
5710 }
5711 .no-skin .navbar .navbar-toggle {
5712   background-color: #75B3D7;
5713 }
5714 .no-skin .navbar .navbar-toggle:focus {
5715   background-color: #75B3D7;
5716   border-color: transparent;
5717 }
5718 .no-skin .navbar .navbar-toggle:hover {
5719   background-color: #61a8d1;
5720   border-color: rgba(255, 255, 255, 0.1);
5721 }
5722 .no-skin .navbar .navbar-toggle.display,
5723 .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
5724   background-color: #4d9dcc;
5725   box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
5726   border-color: rgba(255, 255, 255, 0.35);
5727 }
5728 .no-skin .sidebar {
5729   background-color: #f2f2f2;
5730   border-style: solid;
5731   border-color: #cccccc;
5732   border-width: 0 1px 0 0;
5733 }
5734 .no-skin .nav-list .open > a,
5735 .no-skin .nav-list .open > a:hover,
5736 .no-skin .nav-list .open > a:focus {
5737   background-color: #fafafa;
5738 }
5739 .no-skin .nav-list > li {
5740   border-color: #e5e5e5;
5741 }
5742 .no-skin .nav-list > li > a {
5743   background-color: #f8f8f8;
5744   color: #585858;
5745 }
5746 .no-skin .nav-list > li > a:focus {
5747   background-color: #f8f8f8;
5748   color: #1963aa;
5749 }
5750 .no-skin .nav-list > li:hover > a {
5751   background-color: #ffffff;
5752   color: #266cad;
5753 }
5754 .no-skin .nav-list > li.open > a {
5755   background-color: #fafafa;
5756   color: #1963aa;
5757 }
5758 .no-skin .nav-list > li.active > a {
5759   font-weight: bold;
5760   color: #2b7dbc;
5761 }
5762 .no-skin .nav-list > li.active > a,
5763 .no-skin .nav-list > li.active > a:hover,
5764 .no-skin .nav-list > li.active > a:focus {
5765   background-color: #ffffff;
5766 }
5767 .no-skin .nav-list > li .submenu {
5768   background-color: #ffffff;
5769   border-color: #e5e5e5;
5770 }
5771 .no-skin .nav-list > li .submenu > li > a {
5772   border-top-color: #e4e4e4;
5773   background-color: #ffffff;
5774   color: #616161;
5775 }
5776 .no-skin .nav-list > li .submenu > li > a:hover {
5777   color: #4b88b7;
5778   background-color: #f1f5f9;
5779 }
5780 .no-skin .nav-list > li .submenu > li.active > a {
5781   color: #2b7dbc;
5782 }
5783 .no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
5784   color: #c86139;
5785 }
5786 .no-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
5787   color: inherit;
5788 }
5789 @media only screen and (min-width: 992px) {
5790   .no-skin .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
5791     color: inherit;
5792   }
5793 }
5794 .no-skin .nav-list > li .submenu > li.active:not(.open) > a {
5795   background-color: #f5f7fa;
5796 }
5797 .no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
5798   background-color: #f1f5f9;
5799 }
5800 .no-skin .nav-list > li > .submenu .open > a,
5801 .no-skin .nav-list > li > .submenu .open > a:hover,
5802 .no-skin .nav-list > li > .submenu .open > a:focus {
5803   border-color: #e4e4e4;
5804 }
5805 .no-skin .nav-list > li > .submenu li > .submenu > li a {
5806   color: #757575;
5807 }
5808 .no-skin .nav-list > li > .submenu li > .submenu > li a:hover {
5809   color: #4b88b7;
5810   background-color: #f1f5f9;
5811 }
5812 .no-skin .nav-list > li > .submenu li.open > a {
5813   color: #4b88b7;
5814 }
5815 .no-skin .nav-list > li > .submenu li > .submenu li.open > a,
5816 .no-skin .nav-list > li > .submenu li > .submenu li.active > a {
5817   color: #4b88b7;
5818 }
5819 .no-skin .nav-list > li > .submenu:before,
5820 .no-skin .nav-list > li > .submenu > li:before {
5821   border-color: #9dbdd6;
5822 }
5823 .no-skin .nav-list > li.active > .submenu:before,
5824 .no-skin .nav-list > li.active > .submenu > li:before {
5825   border-color: #8eb3d0;
5826 }
5827 .no-skin .sidebar-toggle {
5828   background-color: #f3f3f3;
5829   border-color: #e0e0e0;
5830 }
5831 .no-skin .sidebar-toggle > .ace-icon {
5832   border-color: #bbbbbb;
5833   color: #aaaaaa;
5834   background-color: #ffffff;
5835 }
5836 .no-skin .sidebar-shortcuts {
5837   background-color: #fafafa;
5838 }
5839 .no-skin .sidebar-fixed .sidebar-shortcuts {
5840   border-color: #dddddd;
5841 }
5842 .no-skin .sidebar-shortcuts-mini {
5843   background-color: #ffffff;
5844 }
5845 .no-skin .nav-list li > .arrow:before {
5846   border-right-color: #B8B8B8;
5847   -moz-border-right-colors: #B8B8B8;
5848   border-width: 10px 10px 10px 0;
5849   left: -11px;
5850 }
5851 .no-skin .nav-list li > .arrow:after {
5852   border-right-color: #ffffff;
5853   -moz-border-right-colors: #ffffff;
5854   border-width: 10px 10px 10px 0;
5855   left: -10px;
5856 }
5857 .no-skin .nav-list > li.pull_up > .arrow:after {
5858   border-right-color: #ffffff !important;
5859   -moz-border-right-colors: #ffffff !important;
5860   border-width: 10px 10px 10px 0 !important;
5861   left: -10px !important;
5862 }
5863 .no-skin .nav-list > li.pull_up > .arrow:before {
5864   border-width: 10px 10px 10px 0 !important;
5865   left: -11px !important;
5866 }
5867 .no-skin .nav-list li.active > a:after {
5868   border-right-color: #2b7dbc;
5869   -moz-border-right-colors: #2b7dbc;
5870 }
5871 .no-skin .nav-list > li.active:after {
5872   display: block;
5873   content: "";
5874   position: absolute;
5875   right: -2px;
5876   top: -1px;
5877   bottom: 0;
5878   z-index: 1;
5879   border: 2px solid;
5880   border-width: 0 2px 0 0;
5881   border-color: #2b7dbc;
5882 }
5883 .no-skin .sidebar-scroll .nav-list > li.active:after {
5884   right: 0;
5885 }
5886 @media only screen and (max-width: 991px) {
5887   .no-skin .sidebar.responsive .nav-list > li.active.open > a:after,
5888   .no-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
5889     display: block;
5890   }
5891   .no-skin .sidebar.responsive .nav-list li li.active > a:after,
5892   .no-skin .sidebar.responsive-max .nav-list li li.active > a:after {
5893     display: none;
5894   }
5895   .no-skin .sidebar.responsive .nav-list > li.active:after,
5896   .no-skin .sidebar.responsive-max .nav-list > li.active:after {
5897     height: 41px;
5898   }
5899 }
5900 .no-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
5901   background-color: #f5f5f5;
5902   -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5903   box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5904   border-color: #cccccc;
5905 }
5906 .no-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
5907   -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5908   box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5909 }
5910 .no-skin .sidebar.menu-min .nav-list > li.active > .submenu {
5911   border-left-color: #83b6d1;
5912 }
5913 .no-skin .sidebar.menu-min .nav-list > li > .submenu {
5914   background-color: #ffffff;
5915   border: 1px solid #cccccc;
5916   border-top-color: #e6e6e6;
5917   -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5918   box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5919 }
5920 .no-skin .sidebar.menu-min .nav-list > li > .arrow:after {
5921   border-right-color: #f5f5f5;
5922   -moz-border-right-colors: #f5f5f5;
5923   border-width: 8px 8px 8px 0;
5924   left: -8px;
5925 }
5926 .no-skin .sidebar.menu-min .nav-list > li > .arrow:before {
5927   border-width: 8px 8px 8px 0;
5928   left: -9px;
5929 }
5930 .no-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
5931   border-right-color: #5a9ec2;
5932   -moz-border-right-colors: #5a9ec2;
5933 }
5934 .no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
5935   border-left-color: #83b6d1;
5936 }
5937 .no-skin .sidebar.menu-min .sidebar-shortcuts-large {
5938   background-color: #ffffff;
5939   -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5940   box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5941   border-color: #cccccc;
5942 }
5943 .no-skin .sidebar.menu-min .sidebar-toggle > .ace-icon {
5944   border-color: #b1b1b1;
5945 }
5946 @media (max-width: 991px) {
5947   .no-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
5948     background-color: #f5f5f5;
5949     -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5950     box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5951     border-color: #cccccc;
5952   }
5953   .no-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
5954     -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5955     box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5956   }
5957   .no-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
5958     border-left-color: #83b6d1;
5959   }
5960   .no-skin .sidebar.responsive-min .nav-list > li > .submenu {
5961     background-color: #ffffff;
5962     border: 1px solid #cccccc;
5963     border-top-color: #e6e6e6;
5964     -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5965     box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
5966   }
5967   .no-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
5968     border-right-color: #f5f5f5;
5969     -moz-border-right-colors: #f5f5f5;
5970     border-width: 8px 8px 8px 0;
5971     left: -8px;
5972   }
5973   .no-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
5974     border-width: 8px 8px 8px 0;
5975     left: -9px;
5976   }
5977   .no-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
5978     border-right-color: #5a9ec2;
5979     -moz-border-right-colors: #5a9ec2;
5980   }
5981   .no-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
5982     border-left-color: #83b6d1;
5983   }
5984   .no-skin .sidebar.responsive-min .sidebar-shortcuts-large {
5985     background-color: #ffffff;
5986     -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5987     box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5988     border-color: #cccccc;
5989   }
5990   .no-skin .sidebar.responsive-min .sidebar-toggle > .ace-icon {
5991     border-color: #b1b1b1;
5992   }
5993 }
5994 @media only screen and (min-width: 992px) {
5995   .no-skin .nav-list li.hover > .submenu {
5996     -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5997     box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
5998     border-color: #cccccc;
5999   }
6000   .no-skin .nav-list li.hover > .submenu > li.active > a {
6001     background-color: #f5f5f5;
6002   }
6003   .no-skin .nav-list li.hover > .submenu > li:hover > a {
6004     background-color: #eef3f7;
6005     color: #2e7db4;
6006   }
6007 }
6008 @media only screen and (min-width: 992px) and (max-width: 991px) {
6009   .no-skin .sidebar.navbar-collapse .nav-list li li.hover.active.open > a {
6010     background-color: #ffffff;
6011   }
6012   .no-skin .sidebar.navbar-collapse .nav-list li li.hover:hover > a {
6013     background-color: #ffffff;
6014   }
6015   .no-skin .sidebar.navbar-collapse .nav-list li li.hover > a:hover,
6016   .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open > a:hover,
6017   .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open.active > a:hover {
6018     background-color: #f1f5f9;
6019   }
6020   .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
6021     color: #c86139;
6022   }
6023   .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
6024     color: inherit;
6025   }
6026 }
6027 @media only screen and (min-width: 992px) {
6028   .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
6029     color: #585858;
6030   }
6031   .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
6032     color: inherit;
6033   }
6034   .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
6035     background-color: #ffffff;
6036   }
6037   .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
6038     color: #616161;
6039   }
6040   .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
6041     color: inherit;
6042   }
6043 }
6044 @media only screen and (min-width: 992px) and (max-width: 991px) {
6045   .no-skin .sidebar.navbar-collapse .nav-list li.hover > .submenu {
6046     border-top-color: #e5e5e5;
6047     background-color: #ffffff;
6048   }
6049   .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
6050     background-color: #f5f7fa;
6051   }
6052   .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
6053     background-color: #f1f5f9;
6054   }
6055 }
6056 @media only screen and (min-width: 992px) {
6057   .no-skin .sidebar.h-sidebar {
6058     background-color: #f8f8f8;
6059   }
6060   .no-skin .sidebar.h-sidebar:before {
6061     background-color: #e4e4e4;
6062     -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
6063     box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
6064   }
6065   .no-skin .sidebar.h-sidebar .nav-list > li:hover,
6066   .no-skin .sidebar.h-sidebar .nav-list > li:hover + li {
6067     border-left-color: #cedde5;
6068   }
6069   .no-skin .sidebar.h-sidebar .nav-list > li:last-child:hover {
6070     border-right-color: #cedde5;
6071   }
6072   .no-skin .sidebar.h-sidebar .nav-list > li.active,
6073   .no-skin .sidebar.h-sidebar .nav-list > li.active + li,
6074   .no-skin .sidebar.h-sidebar .nav-list > li:hover + li.active {
6075     border-left-color: #79b0ce;
6076   }
6077   .no-skin .sidebar.h-sidebar .nav-list > li.active:last-child {
6078     border-right-color: #79b0ce;
6079   }
6080   .no-skin .sidebar.h-sidebar .nav-list > li.active:before {
6081     background-color: #2b7dbc;
6082   }
6083   .no-skin .sidebar.h-sidebar .nav-list > li.active > a:after {
6084     border-width: 0 0 2px 0;
6085     border-color: transparent;
6086     border-bottom-color: #FFF;
6087     left: 0;
6088     right: 0;
6089     top: auto;
6090     bottom: -2px;
6091   }
6092   .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large {
6093     background-color: #FFF;
6094     border-color: #cccccc;
6095     -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
6096     box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
6097   }
6098   .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large:after {
6099     border-bottom-color: #FFF;
6100     -moz-border-bottom-colors: #FFF;
6101   }
6102   .no-skin .sidebar.h-sidebar .nav-list > li.hover > .submenu {
6103     border-color: #cccccc;
6104   }
6105   .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .submenu {
6106     border-top-color: #e6e6e6;
6107   }
6108   .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
6109     border-color: transparent;
6110     -moz-border-right-colors: none;
6111     -moz-border-top-colors: none;
6112     -moz-border-left-colors: none;
6113     border-bottom-color: #FFF;
6114     -moz-border-bottom-colors: #FFF;
6115   }
6116   .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
6117     border-color: transparent;
6118     -moz-border-right-colors: none;
6119     -moz-border-top-colors: none;
6120     -moz-border-left-colors: none;
6121     -moz-border-bottom-colors: #B8B8B8;
6122     border-bottom-color: #B8B8B8;
6123   }
6124   .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .arrow:after {
6125     -moz-border-bottom-colors: #F5F5F5;
6126     border-bottom-color: #F5F5F5;
6127   }
6128   .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
6129     border-left-color: #cccccc;
6130   }
6131 }
6132 @media only screen and (max-width: 991px) {
6133   .no-skin .sidebar {
6134     border-width: 0 1px 1px 0;
6135     border-top-color: #d6d6d6;
6136   }
6137   .no-skin .menu-toggler + .sidebar.responsive {
6138     border-top-width: 1px;
6139   }
6140   .no-skin .sidebar.responsive-min {
6141     border-width: 0 1px 0 0;
6142   }
6143   .no-skin .sidebar.navbar-collapse {
6144     border-width: 0;
6145     border-bottom-width: 1px !important;
6146     border-bottom-color: #cccccc;
6147     -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
6148     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
6149   }
6150   .no-skin .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
6151     background-color: #ffffff;
6152   }
6153 }
6154 .no-skin .sidebar-scroll .sidebar-shortcuts {
6155   border-bottom-color: #dddddd;
6156 }
6157 .no-skin .sidebar-scroll .sidebar-toggle {
6158   border-top-color: #dddddd;
6159 }
6160 .no-skin .main-container .menu-toggler {
6161   background-color: #444444;
6162 }
6163 .no-skin .main-container .menu-toggler:before {
6164   border-top-color: #87b87f;
6165   border-bottom-color: #6fb3e0;
6166 }
6167 .no-skin .main-container .menu-toggler:after {
6168   border-top-color: #ffa24d;
6169   border-bottom-color: #d15b47;
6170 }
6171 .no-skin .main-container .menu-toggler > .toggler-text {
6172   border-top-color: #444444;
6173   -moz-border-top-colors: #444444;
6174 }
6175 .no-skin .nav-list > li.disabled:before {
6176   display: none !important;
6177 }
6178 .no-skin .nav-list > li.disabled > a {
6179   background-color: #ebebeb !important;
6180   color: #656565 !important;
6181 }
6182 .no-skin .nav-list li .submenu > li.disabled > a,
6183 .no-skin .nav-list li.disabled .submenu > li > a {
6184   background-color: #f2f2f2 !important;
6185   color: #7a7a7a !important;
6186   cursor: not-allowed !important;
6187 }
6188 .no-skin .nav-list li .submenu > li.disabled > a > .menu-icon,
6189 .no-skin .nav-list li.disabled .submenu > li > a > .menu-icon {
6190   display: none;
6191 }
6192 .nav-list li.highlight li.active > a:after,
6193 .nav-list li li.highlight.active > a:after,
6194 .nav-list li.highlight li.active > a:before,
6195 .nav-list li li.highlight.active > a:before {
6196   display: none;
6197 }
6198 .nav-list > li.highlight.active > a:after,
6199 .nav-list > li.highlight.active > a:before {
6200   display: block;
6201 }
6202 .no-skin .nav-list > li.highlight:hover,
6203 .no-skin .nav-list > li.highlight.active {
6204   border-color: #c8d8e2;
6205 }
6206 .no-skin .nav-list > li.highlight:hover + li,
6207 .no-skin .nav-list > li.highlight.active + li {
6208   border-top-color: #c8d8e2;
6209 }
6210 .no-skin .nav-list > li.highlight:hover > a,
6211 .no-skin .nav-list > li.highlight.active > a {
6212   background-color: #FFF;
6213 }
6214 .no-skin .nav-list > li.highlight.active:after {
6215   display: none;
6216 }
6217 .no-skin .nav-list > li.highlight.active:before {
6218   display: block;
6219   background-color: #4f90c2;
6220 }
6221 .no-skin .nav-list > li.highlight.active > a {
6222   background-color: #f2f6f9 !important;
6223 }
6224 .no-skin .nav-list > li.highlight.active > a:before,
6225 .no-skin .nav-list > li.highlight.active > a:after {
6226   display: block;
6227   content: "";
6228   position: absolute;
6229   top: -1px;
6230   right: -10px;
6231   bottom: auto;
6232   z-index: 1;
6233   border-style: solid;
6234   border-width: 20px 0 21px 10px;
6235   border-color: transparent;
6236 }
6237 .no-skin .nav-list > li.highlight.active > a:before {
6238   border-left-color: #a0bccd;
6239   -moz-border-left-colors: #a0bccd;
6240   right: -11px;
6241 }
6242 .no-skin .nav-list > li.highlight.active > a:after {
6243   border-left-color: #f2f6f9;
6244   -moz-border-left-colors: #f2f6f9;
6245 }
6246 .no-skin .nav-list li li.highlight.active > a {
6247   background-color: #f2f6f9;
6248 }
6249 .no-skin .nav-list li li.highlight.active.open > a {
6250   background-color: #FFF;
6251 }
6252 .no-skin .nav-list li li.highlight.active.open > a:hover {
6253   background-color: #f1f5f9;
6254 }
6255 @media (min-width: 992px) {
6256   .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:after {
6257     display: block;
6258     content: "";
6259     position: absolute;
6260     left: 0;
6261     top: auto;
6262     right: auto;
6263     bottom: -2px;
6264     left: 50%;
6265     margin-left: -7px;
6266     border-color: transparent;
6267     -moz-border-right-colors: none;
6268     -moz-border-left-colors: none;
6269     -moz-border-top-colors: none;
6270     border-width: 8px 7px;
6271     border-bottom-color: #FFF;
6272     -moz-border-bottom-colors: #FFF;
6273   }
6274   .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
6275     content: "";
6276     position: absolute;
6277     display: block;
6278     left: 0;
6279     top: auto;
6280     right: auto;
6281     bottom: -1px;
6282     left: 50%;
6283     margin-left: -7px;
6284     border-width: 8px;
6285     border-color: transparent;
6286     -moz-border-right-colors: none;
6287     -moz-border-left-colors: none;
6288     -moz-border-top-colors: none;
6289     border-bottom-color: #74add7;
6290     -moz-border-bottom-colors: #74add7;
6291   }
6292   .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
6293   .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:after,
6294   .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before,
6295   .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:before {
6296     display: none;
6297   }
6298 }
6299 @media (min-width: 992px) {
6300   .sidebar.compact .nav-list li.highlight.active > a:after,
6301   .sidebar.compact .nav-list li.highlight.active > a:before {
6302     display: none;
6303   }
6304   .sidebar.compact.menu-min .nav-list li.highlight.active > a:after,
6305   .sidebar.compact.menu-min .nav-list li.highlight.active > a:before {
6306     display: block;
6307   }
6308 }
6309 @media (min-width: 992px) {
6310   .sidebar.h-sidebar .nav-list li.highlight.active > a:after,
6311   .sidebar.h-sidebar .nav-list li.highlight.active > a:before {
6312     display: block;
6313     border-width: 8px !important;
6314     -moz-border-left-colors: none !important;
6315     -moz-border-right-colors: none !important;
6316     border-left-color: transparent !important;
6317     border-right-color: transparent !important;
6318   }
6319   .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
6320   .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before {
6321     display: none !important;
6322   }
6323 }
6324 .sidebar-scroll .nav-list > li.active.highlight > a:after,
6325 .sidebar-scroll .nav-list > li.active.highlight > a:before {
6326   display: none !important;
6327 }
6328 .onpage-help-backdrop {
6329   position: absolute;
6330   z-index: 99990;
6331   top: 0;
6332   bottom: 0;
6333   left: 0;
6334   right: 0;
6335   background-color: #000;
6336   filter: alpha(opacity=5);
6337   background-color: rgba(0, 0, 0, 0.05);
6338 }
6339 .onpage-help-section {
6340   display: block;
6341   position: absolute;
6342   z-index: 100000;
6343   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DFFFFFF', endColorstr='#4DFFFFFF', GradientType=0);
6344   background-color: rgba(255, 255, 255, 0.3);
6345   border: 1px dashed #8BBCD3;
6346   border-radius: 4px;
6347   transition: background-color 0.2s, border-color 0.2s;
6348   -webkit-transition: background-color 0.2s, border-color 0.2s;
6349   text-align: center;
6350   vertical-align: middle;
6351   outline: none !important;
6352 }
6353 .onpage-help-section > .ie-hover-fix {
6354   /* ie8-9 fix*/
6355   display: block;
6356   position: absolute;
6357   top: 0;
6358   bottom: 0;
6359   left: 0;
6360   right: 0;
6361   background-color: #FFF;
6362   filter: alpha(opacity=1);
6363 }
6364 .onpage-help-section:focus,
6365 .onpage-help-section:active {
6366   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33C9D8EA', endColorstr='#33C9D8EA', GradientType=0);
6367   background-color: rgba(201, 216, 234, 0.2);
6368   border-color: #77ACC4;
6369 }
6370 .onpage-help-section:hover {
6371   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66C9D8EA', endColorstr='#66C9D8EA', GradientType=0);
6372   background-color: rgba(201, 216, 234, 0.4);
6373   border-color: #77ACC4;
6374   border-style: solid;
6375 }
6376 .onpage-help-section > .help-icon-1 {
6377   font-size: 18px;
6378   display: inline-block;
6379   position: absolute;
6380   z-index: 1;
6381   top: 50%;
6382   left: 50%;
6383   transform: translate(-50%, -50%);
6384   -webkit-transform: translate(-50%, -50%);
6385   opacity: 0;
6386   filter: alpha(opacity=0);
6387   color: #FFF;
6388   text-shadow: 0 0 2px black;
6389   background-color: #85B8DB;
6390   border: 2px solid #FFF;
6391   border-radius: 100%;
6392   box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
6393   width: 48px;
6394   height: 48px;
6395   line-height: 46px;
6396   transition: opacity 0.2s;
6397   -webkit-transition: opacity 0.2s;
6398 }
6399 .onpage-help-section:focus > .help-icon-1,
6400 .onpage-help-section:active > .help-icon-1 {
6401   opacity: 0.5;
6402 }
6403 .onpage-help-section:hover > .help-icon-1 {
6404   opacity: 1;
6405   filter: alpha(opacity=100);
6406 }
6407 .onpage-help-section.help-section-small > .help-icon-1 {
6408   font-size: 18px;
6409   width: 28px;
6410   height: 28px;
6411   line-height: 26px;
6412   border-radius: 12px;
6413 }
6414 .onpage-help-section.help-section-smaller > .help-icon-1 {
6415   font-size: 14px;
6416   width: 20px;
6417   height: 20px;
6418   line-height: 17px;
6419   border-radius: 8px;
6420 }
6421 .onpage-help-section > .help-icon-2 {
6422   position: absolute;
6423   z-index: 2;
6424   left: -4px;
6425   top: -4px;
6426   width: 18px;
6427   height: 18px;
6428   line-height: 16px;
6429   display: block;
6430   font-size: 16px;
6431   color: orange;
6432   background-color: #FFF;
6433   border: 1px solid orange;
6434   border-radius: 4px;
6435   opacity: 1;
6436   transition: all 0.2s;
6437   -webkit-transition: all 0.2s;
6438 }
6439 .onpage-help-section:hover > .help-icon-2 {
6440   color: #59A34E;
6441   border-color: #59A34E;
6442   transform: scale(1.25);
6443   -webkit-transform: scale(1.25);
6444 }
6445 .onpage-help-modal {
6446   z-index: 100010;
6447 }
6448 .onpage-help-modal + .modal-backdrop {
6449   z-index: 100009;
6450 }
6451 .onpage-help-modal-buttons button {
6452   border-radius: 100%;
6453   border-width: 2px !important;
6454 }
6455 .onpage-help-modal-buttons button:focus {
6456   outline: none !important;
6457 }
6458 .onpage-help-modal-buttons button.disabled {
6459   transform: scale(0.9);
6460   -webkit-transform: scale(0.9);
6461 }
6462 .onpage-help-content {
6463   max-width: 800px;
6464   margin: 0 auto;
6465 }
6466 .code-modal.onpage-help-modal .modal-dialog {
6467   margin-top: 6px;
6468   margin-bottom: 6px;
6469 }
6470 .code-modal.onpage-help-modal .modal-header {
6471   padding-top: 6px;
6472   padding-bottom: 6px;
6473 }
6474 .code-modal.onpage-help-modal .modal-body {
6475   padding: 10px 12px;
6476 }
6477 .onpage-help-modal pre {
6478   border-width: 0;
6479   box-shadow: none;
6480   border-radius: 0;
6481   margin-top: 8px;
6482 }
6483 .onpage-help-modal .modal-title code {
6484   font-size: 13px;
6485 }
6486 .onpage-help-modal .modal-body {
6487   font-size: 14px;
6488 }
6489 @media print {
6490   .navbar {
6491     display: none !important;
6492     /**
6493     background: transparent none !important;
6494     border-bottom: 1px solid #DDD;
6495     
6496     .navbar-brand {
6497         color: @text-color !important;
6498     }
6499
6500     .ace-nav {
6501         display: none !important;
6502     }
6503     */
6504   }
6505   .sidebar {
6506     display: none !important;
6507   }
6508   .main-content {
6509     margin-left: 0 !important;
6510     margin-right: 0 !important;
6511   }
6512   .main-content .nav-search {
6513     display: none !important;
6514   }
6515   .main-content .breadcrumbs {
6516     float: right;
6517     border-width: 0 !important;
6518   }
6519   .main-content .breadcrumbs .breadcrumb > li + li:before {
6520     content: "/";
6521   }
6522   .main-content .breadcrumbs .breadcrumb .home-icon {
6523     display: none;
6524   }
6525   .ace-settings-container {
6526     display: none !important;
6527   }
6528   .footer {
6529     width: 100%;
6530     height: auto;
6531     position: relative;
6532   }
6533   .footer .footer-inner,
6534   .footer .footer-inner .footer-content {
6535     width: 100%;
6536   }
6537   .btn-scroll-up {
6538     display: none !important;
6539   }
6540   .btn,
6541   .btn.btn-app {
6542     background: transparent none !important;
6543     border-width: 1px !important;
6544     border-radius: 0 !important;
6545     color: #555 !important;
6546   }
6547   .label {
6548     border: 1px solid #666 !important;
6549   }
6550   .label[class*=arrowed]:before,
6551   .label[class*=arrowed]:after {
6552     display: none !important;
6553   }
6554 }