css-bootstrap/roojs-bootstrap-debug.css.map
[roojs1] / css-bootstrap / roojs-bootstrap-debug.css
1 /*
2 * Consider remove or merge these...
3 */
4 /*
5  * CAUTION!
6  * This CSS file is auto generated. Please edit the .less instead!
7  */
8 .alert {
9   padding-left: 30px;
10   margin-top: 20px;
11   margin-left: 15px;
12   position: relative;
13 }
14 .alert > .fa,
15 .alert > .glyphicon {
16   position: absolute;
17   left: -15px;
18   top: -15px;
19   width: 35px;
20   height: 35px;
21   -webkit-border-radius: 50%;
22   -moz-border-radius: 50%;
23   border-radius: 50%;
24   line-height: 35px;
25   text-align: center;
26   background: inherit;
27   border: inherit;
28 }
29 /*!
30  * FullCalendar v1.6.4 Stylesheet
31  * Docs & License: http://arshaw.com/fullcalendar/
32  * (c) 2013 Adam Shaw
33  *
34  * When taken - was MIT licence (18/Feb/2014)
35  */
36 .fc {
37   direction: ltr;
38   text-align: left;
39   margin: 0;
40   font-family: Lucida Sans, Arial, sans-serif;
41 }
42 .fc table {
43   border-collapse: collapse;
44   border-spacing: 0;
45 }
46 html .fc,
47 .fc table {
48   font-size: 1em;
49 }
50 .fc td,
51 .fc th {
52   padding: 0;
53   vertical-align: top;
54   -moz-user-select: -moz-none;
55   -khtml-user-select: none;
56   -webkit-user-select: none;
57   -o-user-select: none;
58   user-select: none;
59 }
60 /* Header
61 ------------------------------------------------------------------------*/
62 .fc-header td {
63   white-space: nowrap;
64 }
65 .fc-header-left {
66   width: 25%;
67   text-align: left;
68 }
69 .fc-header-center {
70   text-align: center;
71 }
72 .fc-header-right {
73   width: 25%;
74   text-align: right;
75 }
76 .fc-header-title {
77   display: inline-block;
78   vertical-align: top;
79 }
80 .fc-header-title h2 {
81   margin-top: 0;
82   white-space: nowrap;
83   font-size: 1.5em;
84   font-family: Lucida Sans, Arial, sans-serif;
85   font-weight: bold;
86   line-height: normal;
87   margin: 0;
88 }
89 .fc .fc-header-space {
90   padding-left: 10px;
91 }
92 .fc-header .fc-button {
93   margin-bottom: 1em;
94   vertical-align: top;
95 }
96 /* buttons edges butting together */
97 .fc-header .fc-button {
98   margin-right: -1px;
99 }
100 .fc-header .fc-corner-right,
101 .fc-header .ui-corner-right {
102   /* theme */
103   margin-right: 0;
104   /* back to normal */
105 }
106 /* button layering (for border precedence) */
107 .fc-header .fc-state-hover,
108 .fc-header .ui-state-hover {
109   z-index: 2;
110 }
111 .fc-header .fc-state-down {
112   z-index: 3;
113 }
114 .fc-header .fc-state-active,
115 .fc-header .ui-state-active {
116   z-index: 4;
117 }
118 /* Content
119 ------------------------------------------------------------------------*/
120 .fc-content {
121   clear: both;
122   zoom: 1;
123   /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
124 }
125 .fc-view {
126   width: 100%;
127   overflow: hidden;
128 }
129 /* Cell Styles
130 ------------------------------------------------------------------------*/
131 .fc-widget-header,
132 .fc-widget-content {
133   /* <td>, usually */
134   border: 1px solid #777777;
135 }
136 .fc-state-highlight {
137   /* <td> today cell */
138   /* TODO: add .fc-today to <th> */
139   background: #f0ad4e;
140 }
141 .fc-cell-overlay {
142   /* semi-transparent rectangle while dragging */
143   background: #5bc0de;
144   opacity: .3;
145   filter: alpha(opacity=30);
146   /* for IE */
147 }
148 /* Buttons
149 ------------------------------------------------------------------------*/
150 .fc-button {
151   position: relative;
152   display: inline-block;
153   padding: 0 .6em;
154   overflow: hidden;
155   height: 1.9em;
156   line-height: 1.9em;
157   white-space: nowrap;
158   cursor: pointer;
159 }
160 .fc-state-default {
161   /* non-theme */
162   border: 1px solid;
163 }
164 .fc-state-default.fc-corner-left {
165   /* non-theme */
166   border-top-left-radius: 4px;
167   border-bottom-left-radius: 4px;
168 }
169 .fc-state-default.fc-corner-right {
170   /* non-theme */
171   border-top-right-radius: 4px;
172   border-bottom-right-radius: 4px;
173 }
174 /*
175         Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
176         and we'll try to make them look good cross-browser.
177 */
178 .fc-text-arrow {
179   margin: 0 .1em;
180   font-size: 2em;
181   font-family: "Courier New", Courier, monospace;
182   vertical-align: baseline;
183   /* for IE7 */
184 }
185 .fc-button-prev .fc-text-arrow,
186 .fc-button-next .fc-text-arrow {
187   /* for &lsaquo; &rsaquo; */
188   font-weight: bold;
189 }
190 /* icon (for jquery ui) */
191 .fc-button .fc-icon-wrap {
192   position: relative;
193   float: left;
194   top: 50%;
195 }
196 .fc-button .ui-icon {
197   position: relative;
198   float: left;
199   margin-top: -50%;
200   *margin-top: 0;
201   *top: -50%;
202 }
203 /*
204   button states
205   borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
206 */
207 .fc-state-default {
208   background-color: #f5f5f5;
209   background-image: -moz-linear-gradient(top, #ffffff, #777777);
210   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777));
211   background-image: -webkit-linear-gradient(top, #ffffff, #777777);
212   background-image: -o-linear-gradient(top, #ffffff, #777777);
213   background-image: linear-gradient(to bottom, #ffffff, #777777);
214   background-repeat: repeat-x;
215   border-color: #777777 #777777 #777777;
216   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
217   color: #333333;
218 }
219 .fc-state-hover,
220 .fc-state-down,
221 .fc-state-active,
222 .fc-state-disabled {
223   color: #333333;
224   background-color: #777777;
225 }
226 .fc-state-hover {
227   color: #333333;
228   text-decoration: none;
229   background-position: 0 -15px;
230   -webkit-transition: background-position 0.1s linear;
231   -moz-transition: background-position 0.1s linear;
232   -o-transition: background-position 0.1s linear;
233   transition: background-position 0.1s linear;
234 }
235 .fc-state-down,
236 .fc-state-active {
237   background-color: #777777;
238   background-image: none;
239   outline: 0;
240   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
241 }
242 .fc-state-disabled {
243   cursor: default;
244   background-image: none;
245   opacity: 0.65;
246   filter: alpha(opacity=65);
247   box-shadow: none;
248 }
249 /* Global Event Styles
250 ------------------------------------------------------------------------*/
251 .fc-event-container > * {
252   z-index: 8;
253 }
254 .fc-event-container > .ui-draggable-dragging,
255 .fc-event-container > .ui-resizable-resizing {
256   z-index: 9;
257 }
258 .fc-event {
259   border: 1px solid #337ab7;
260   background-color: #337ab7;
261   color: #ffffff;
262   /* default TEXT color */
263   font-size: .85em;
264   cursor: default;
265 }
266 a.fc-event {
267   text-decoration: none;
268 }
269 a.fc-event,
270 .fc-event-draggable {
271   cursor: pointer;
272 }
273 .fc-rtl .fc-event {
274   text-align: right;
275 }
276 .fc-event-inner {
277   width: 100%;
278   height: 100%;
279   overflow: hidden;
280 }
281 .fc-event-time,
282 .fc-event-title {
283   padding: 0 1px;
284   overflow: hidden;
285   white-space: nowrap;
286 }
287 .fc .ui-resizable-handle {
288   display: block;
289   position: absolute;
290   z-index: 99999;
291   overflow: hidden;
292   /* hacky spaces (IE6/7) */
293   font-size: 300%;
294   /* */
295   line-height: 50%;
296   /* */
297 }
298 /* Horizontal Events
299 ------------------------------------------------------------------------*/
300 .fc-event-hori {
301   border-width: 1px 0;
302   margin-bottom: 1px;
303 }
304 .fc-ltr .fc-event-hori.fc-event-start,
305 .fc-rtl .fc-event-hori.fc-event-end {
306   border-left-width: 1px;
307   border-top-left-radius: 3px;
308   border-bottom-left-radius: 3px;
309 }
310 .fc-ltr .fc-event-hori.fc-event-end,
311 .fc-rtl .fc-event-hori.fc-event-start {
312   border-right-width: 1px;
313   border-top-right-radius: 3px;
314   border-bottom-right-radius: 3px;
315 }
316 /* resizable */
317 .fc-event-hori .ui-resizable-e {
318   top: 0 !important;
319   /* importants override pre jquery ui 1.7 styles */
320   right: -3px !important;
321   width: 7px !important;
322   height: 100% !important;
323   cursor: e-resize;
324 }
325 .fc-event-hori .ui-resizable-w {
326   top: 0 !important;
327   left: -3px !important;
328   width: 7px !important;
329   height: 100% !important;
330   cursor: w-resize;
331 }
332 .fc-event-hori .ui-resizable-handle {
333   _padding-bottom: 14px;
334   /* IE6 had 0 height */
335 }
336 /* Reusable Separate-border Table
337 ------------------------------------------------------------*/
338 table.fc-border-separate {
339   border-collapse: separate;
340 }
341 .fc-border-separate th,
342 .fc-border-separate td {
343   border-width: 1px 0 0 1px;
344 }
345 .fc-border-separate th.fc-last,
346 .fc-border-separate td.fc-last {
347   border-right-width: 1px;
348 }
349 .fc-border-separate tr.fc-last th,
350 .fc-border-separate tr.fc-last td {
351   border-bottom-width: 1px;
352 }
353 .fc-border-separate tbody tr.fc-first td,
354 .fc-border-separate tbody tr.fc-first th {
355   border-top-width: 0;
356 }
357 /* Month View, Basic Week View, Basic Day View
358 ------------------------------------------------------------------------*/
359 .fc-grid th {
360   text-align: center;
361 }
362 .fc .fc-week-number {
363   width: 22px;
364   text-align: center;
365 }
366 .fc .fc-week-number div {
367   padding: 0 2px;
368 }
369 .fc-grid .fc-day-number {
370   float: right;
371   padding: 0 2px;
372 }
373 .fc-grid .fc-other-month .fc-day-number {
374   opacity: 0.3;
375   filter: alpha(opacity=30);
376   /* for IE */
377   /* opacity with small font can sometimes look too faded
378        might want to set the 'color' property instead
379        making day-numbers bold also fixes the problem */
380 }
381 .fc-grid .fc-day-content {
382   clear: both;
383   padding: 2px 2px 1px;
384   /* distance between events and day edges */
385 }
386 /* event styles */
387 .fc-grid .fc-event-time {
388   font-weight: bold;
389 }
390 /* right-to-left */
391 .fc-rtl .fc-grid .fc-day-number {
392   float: left;
393 }
394 .fc-rtl .fc-grid .fc-event-time {
395   float: right;
396 }
397 /* Agenda Week View, Agenda Day View
398 ------------------------------------------------------------------------*/
399 .fc-agenda table {
400   border-collapse: separate;
401 }
402 .fc-agenda-days th {
403   text-align: center;
404 }
405 .fc-agenda .fc-agenda-axis {
406   width: 50px;
407   padding: 0 4px;
408   vertical-align: middle;
409   text-align: right;
410   white-space: nowrap;
411   font-weight: normal;
412 }
413 .fc-agenda .fc-week-number {
414   font-weight: bold;
415 }
416 .fc-agenda .fc-day-content {
417   padding: 2px 2px 1px;
418 }
419 /* make axis border take precedence */
420 .fc-agenda-days .fc-agenda-axis {
421   border-right-width: 1px;
422 }
423 .fc-agenda-days .fc-col0 {
424   border-left-width: 0;
425 }
426 /* all-day area */
427 .fc-agenda-allday th {
428   border-width: 0 1px;
429 }
430 .fc-agenda-allday .fc-day-content {
431   min-height: 34px;
432   /* TODO: doesnt work well in quirksmode */
433   _height: 34px;
434 }
435 /* divider (between all-day and slots) */
436 .fc-agenda-divider-inner {
437   height: 2px;
438   overflow: hidden;
439 }
440 .fc-widget-header .fc-agenda-divider-inner {
441   background: #eeeeee;
442 }
443 /* slot rows */
444 .fc-agenda-slots th {
445   border-width: 1px 1px 0;
446 }
447 .fc-agenda-slots td {
448   border-width: 1px 0 0;
449   background: none;
450 }
451 .fc-agenda-slots td div {
452   height: 20px;
453 }
454 .fc-agenda-slots tr.fc-slot0 th,
455 .fc-agenda-slots tr.fc-slot0 td {
456   border-top-width: 0;
457 }
458 .fc-agenda-slots tr.fc-minor th,
459 .fc-agenda-slots tr.fc-minor td {
460   border-top-style: dotted;
461 }
462 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
463   *border-top-style: solid;
464   /* doesn't work with background in IE6/7 */
465 }
466 /* Vertical Events
467 ------------------------------------------------------------------------*/
468 .fc-event-vert {
469   border-width: 0 1px;
470 }
471 .fc-event-vert.fc-event-start {
472   border-top-width: 1px;
473   border-top-left-radius: 3px;
474   border-top-right-radius: 3px;
475 }
476 .fc-event-vert.fc-event-end {
477   border-bottom-width: 1px;
478   border-bottom-left-radius: 3px;
479   border-bottom-right-radius: 3px;
480 }
481 .fc-event-vert .fc-event-time {
482   white-space: nowrap;
483   font-size: 10px;
484 }
485 .fc-event-vert .fc-event-inner {
486   position: relative;
487   z-index: 2;
488 }
489 .fc-event-vert .fc-event-bg {
490   /* makes the event lighter w/ a semi-transparent overlay  */
491   position: absolute;
492   z-index: 1;
493   top: 0;
494   left: 0;
495   width: 100%;
496   height: 100%;
497   background: #ffffff;
498   opacity: .25;
499   filter: alpha(opacity=25);
500 }
501 .fc .ui-draggable-dragging .fc-event-bg,
502 .fc-select-helper .fc-event-bg {
503   display: none\9;
504   /* for IE6/7/8. nested opacity filters while dragging don't work */
505 }
506 /* resizable */
507 .fc-event-vert .ui-resizable-s {
508   bottom: 0 !important;
509   /* importants override pre jquery ui 1.7 styles */
510   width: 100% !important;
511   height: 8px !important;
512   overflow: hidden !important;
513   line-height: 8px !important;
514   font-size: 11px !important;
515   font-family: monospace;
516   text-align: center;
517   cursor: s-resize;
518 }
519 .fc-agenda .ui-resizable-resizing {
520   /* TODO: better selector */
521   _overflow: hidden;
522 }
523 .clear {
524   clear: both;
525 }
526 .carousel-bullets {
527   height: 17px;
528   bottom: 20px;
529   width: 100%;
530   text-align: center;
531   z-index: 1000;
532   position: absolute;
533   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
534   -moz-opacity: 1;
535   -khtml-opacity: 1;
536   opacity: 1;
537   -webkit-transition: opacity 0.2s ease-out;
538   -moz-transition: opacity 0.2s ease-out;
539   -o-transition: opacity 0.2s ease-out;
540   -ms-transition: opacity 0.2s ease-out;
541   -webkit-transform: translateZ(5px);
542 }
543 .carousel-bullets > .bullet {
544   cursor: pointer;
545   position: relative !important;
546   background: rgba(0, 0, 0, 0.5) !important;
547   -webkit-border-radius: 10px;
548   border-radius: 10px;
549   -webkit-box-shadow: none;
550   -moz-box-shadow: none;
551   box-shadow: none;
552   width: 6px !important;
553   height: 6px !important;
554   border: 5px solid rgba(0, 0, 0, 0) !important;
555   display: inline-block;
556   margin-right: 2px !important;
557   margin-bottom: 0px !important;
558   -webkit-transition: background-color 0.2s, border-color 0.2s;
559   -moz-transition: background-color 0.2s, border-color 0.2s;
560   -o-transition: background-color 0.2s, border-color 0.2s;
561   -ms-transition: background-color 0.2s, border-color 0.2s;
562   transition: background-color 0.2s, border-color 0.2s;
563   float: none !important;
564   box-sizing: content-box;
565   -moz-box-sizing: content-box;
566   -webkit-box-sizing: content-box;
567 }
568 .carousel-bullets > .bullet:hover,
569 .carousel-bullets > .bullet.selected {
570   -webkit-box-shadow: none;
571   -moz-box-shadow: none;
572   box-shadow: none;
573   background: #ffffff !important;
574   width: 6px !important;
575   height: 6px !important;
576   border: 5px solid #000000 !important;
577 }
578 .carousel-inner > .carousel-arrow > .carousel-prev {
579   position: absolute;
580   display: block;
581   top: 50%;
582   color: #ffffff;
583   z-index: 100;
584   cursor: pointer;
585   padding: 10px;
586   margin-top: -22px;
587   left: 0;
588 }
589 .carousel-inner > .carousel-arrow > .carousel-next {
590   position: absolute;
591   display: block;
592   top: 50%;
593   color: #ffffff;
594   z-index: 100;
595   cursor: pointer;
596   padding: 10px;
597   margin-top: -22px;
598   right: 0;
599 }
600 .carousel-inner > .carousel-arrow > .carousel-prev > i,
601 .carousel-inner > .carousel-arrow > .carousel-next > i {
602   font-size: 24px;
603 }
604 .carousel-inner .tab-pane.clickable {
605   cursor: pointer;
606 }
607 /*
608  *
609  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
610  *
611  */
612 .checkbox label {
613   display: inline-block;
614   position: relative;
615   padding-left: 5px;
616   -webkit-touch-callout: none;
617   -webkit-user-select: none;
618   -khtml-user-select: none;
619   -moz-user-select: none;
620   -ms-user-select: none;
621   user-select: none;
622 }
623 .checkbox label::before {
624   content: "";
625   display: inline-block;
626   position: absolute;
627   width: 17px;
628   height: 17px;
629   left: 0;
630   margin-left: -20px;
631   border: 1px solid #777777;
632   border-radius: 3px;
633   background-color: #ffffff;
634   -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
635   -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
636   transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
637 }
638 .checkbox label::after {
639   display: inline-block;
640   position: absolute;
641   width: 16px;
642   height: 16px;
643   left: 0;
644   top: 0;
645   margin-left: -20px;
646   padding-left: 3px;
647   padding-top: 1px;
648   font-size: 11px;
649   color: #555555;
650 }
651 .checkbox input[type="checkbox"] {
652   display: none;
653 }
654 .checkbox input[type="checkbox"]:checked + label::after {
655   font-family: 'Font Awesome 5 Free';
656   font-weight: 900;
657   content: "\f00c";
658 }
659 .checkbox input[type="checkbox"]:disabled + label {
660   opacity: 0.65;
661 }
662 .checkbox input[type="checkbox"]:disabled + label::before {
663   background-color: #eeeeee;
664   cursor: not-allowed;
665 }
666 .checkbox.checkbox-circle label::before {
667   border-radius: 50%;
668 }
669 .checkbox-primary input[type="checkbox"]:checked + label::before {
670   background-color: #337ab7;
671   border-color: #337ab7;
672 }
673 .checkbox-primary input[type="checkbox"]:checked + label::after {
674   color: #ffffff;
675 }
676 .checkbox-danger input[type="checkbox"]:checked + label::before {
677   background-color: #d9534f;
678   border-color: #d9534f;
679 }
680 .checkbox-danger input[type="checkbox"]:checked + label::after {
681   color: #ffffff;
682 }
683 .checkbox-info input[type="checkbox"]:checked + label::before {
684   background-color: #5bc0de;
685   border-color: #5bc0de;
686 }
687 .checkbox-info input[type="checkbox"]:checked + label::after {
688   color: #ffffff;
689 }
690 .checkbox-warning input[type="checkbox"]:checked + label::before {
691   background-color: #f0ad4e;
692   border-color: #f0ad4e;
693 }
694 .checkbox-warning input[type="checkbox"]:checked + label::after {
695   color: #ffffff;
696 }
697 .checkbox-success input[type="checkbox"]:checked + label::before {
698   background-color: #5cb85c;
699   border-color: #5cb85c;
700 }
701 .checkbox-success input[type="checkbox"]:checked + label::after {
702   color: #ffffff;
703 }
704 /* before is the outer cicle */
705 /* after is the inner circle.. */
706 .radio label {
707   display: inline-block;
708   position: relative;
709   padding-left: 5px;
710 }
711 .radio label::before {
712   content: "";
713   display: inline-block;
714   position: absolute;
715   width: 17px;
716   height: 17px;
717   left: 0;
718   margin-left: -20px;
719   border: 1px solid #777777;
720   border-radius: 50%;
721   background-color: #ffffff;
722   -webkit-transition: border 0.15s ease-in-out;
723   -o-transition: border 0.15s ease-in-out;
724   transition: border 0.15s ease-in-out;
725 }
726 .radio label::after {
727   display: inline-block;
728   position: absolute;
729   content: " ";
730   width: 11px;
731   height: 11px;
732   left: 3px;
733   top: 3px;
734   margin-left: -20px;
735   border-radius: 50%;
736   background-color: #ffffff;
737   -webkit-transform: scale(0, 0);
738   -ms-transform: scale(0, 0);
739   -o-transform: scale(0, 0);
740   transform: scale(0, 0);
741   -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
742   -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
743   -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
744   transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
745 }
746 .radio input[type="radio"] {
747   display: none;
748 }
749 .radio input[type="radio"]:checked + label::after {
750   -webkit-transform: scale(1, 1);
751   -ms-transform: scale(1, 1);
752   -o-transform: scale(1, 1);
753   transform: scale(1, 1);
754   background-color: #555555;
755 }
756 .radio input[type="radio"]:disabled + label {
757   opacity: 0.65;
758 }
759 .radio input[type="radio"]:disabled + label::before {
760   cursor: not-allowed;
761 }
762 .radio-primary input[type="radio"] + label::after {
763   background-color: #ffffff;
764 }
765 .radio-primary input[type="radio"]:checked + label::before {
766   border-color: #337ab7;
767 }
768 .radio-primary input[type="radio"]:checked + label::after {
769   background-color: #337ab7;
770 }
771 .radio-danger input[type="radio"] + label::after {
772   background-color: #d9534f;
773 }
774 .radio-danger input[type="radio"]:checked + label::before {
775   border-color: #d9534f;
776 }
777 .radio-danger input[type="radio"]:checked + label::after {
778   background-color: #d9534f;
779 }
780 .radio-info input[type="radio"] + label::after {
781   background-color: #ffffff;
782 }
783 .radio-info input[type="radio"]:checked + label::before {
784   border-color: #5bc0de;
785 }
786 .radio-info input[type="radio"]:checked + label::after {
787   background-color: #5bc0de;
788 }
789 .radio-warning input[type="radio"] + label::after {
790   background-color: #ffffff;
791 }
792 .radio-warning input[type="radio"]:checked + label::before {
793   border-color: #f0ad4e;
794 }
795 .radio-warning input[type="radio"]:checked + label::after {
796   background-color: #f0ad4e;
797 }
798 .radio-success input[type="radio"] + label::after {
799   background-color: #ffffff;
800 }
801 .radio-success input[type="radio"]:checked + label::before {
802   border-color: #5cb85c;
803 }
804 .radio-success input[type="radio"]:checked + label::after {
805   background-color: #5cb85c;
806 }
807 .checkbox.checkbox-inline,
808 .radio.radio-inline {
809   margin-top: 0;
810 }
811 /*
812  *
813  * From https://github.com/danielfarrell/bootstrap-combobox
814  *
815  */
816 .combobox-container {
817   margin-bottom: 5px;
818   *zoom: 1;
819   display: inline-table;
820 }
821 .combobox-container:before,
822 .combobox-container:after {
823   display: table;
824   content: "";
825 }
826 .combobox-container:after {
827   /* clear: both; */
828 }
829 .combobox-container input,
830 .combobox-container .uneditable-input {
831   -webkit-border-radius: 0 3px 3px 0;
832   -moz-border-radius: 0 3px 3px 0;
833   border-radius: 0 3px 3px 0;
834 }
835 .combobox-container input:focus,
836 .combobox-container .uneditable-input:focus {
837   position: relative;
838   z-index: 2;
839 }
840 .combobox-container .uneditable-input {
841   border-left-color: #777777;
842 }
843 .combobox-container .add-on {
844   float: left;
845   display: inline-block;
846   width: auto;
847   min-width: 16px;
848   height: inherit !important;
849   margin-right: -1px;
850   padding: 4px 5px;
851   font-weight: normal;
852   color: #777777;
853   text-align: center;
854   text-shadow: 0 1px 0 #ffffff;
855   background-color: #f5f5f5;
856   border: 1px solid #777777;
857   -webkit-border-radius: 3px 0 0 3px;
858   -moz-border-radius: 3px 0 0 3px;
859   border-radius: 3px 0 0 3px;
860 }
861 .combobox-container .active {
862   background-color: #337ab7;
863   color: #ffffff;
864 }
865 .combobox-container input,
866 .combobox-container .uneditable-input {
867   float: left;
868   -webkit-border-radius: 3px 0 0 3px;
869   -moz-border-radius: 3px 0 0 3px;
870   border-radius: 3px 0 0 3px;
871 }
872 .combobox-container .uneditable-input {
873   border-left-color: #eeeeee;
874   border-right-color: #777777;
875 }
876 .combobox-container .add-on {
877   margin-right: 0;
878   margin-left: -1px;
879   -webkit-border-radius: 0 3px 3px 0;
880   -moz-border-radius: 0 3px 3px 0;
881   border-radius: 0 3px 3px 0;
882 }
883 .combobox-container input:first-child {
884   *margin-left: -160px;
885 }
886 .combobox-container input:first-child + .add-on {
887   *margin-left: -21px;
888 }
889 .combobox-container select {
890   display: inline-block;
891   width: 0;
892   height: 0;
893   border: 0;
894   padding: 0;
895   margin: 0;
896   text-indent: -99999px;
897   *text-indent: 0;
898 }
899 .form-search .combobox-container,
900 .form-inline .combobox-container {
901   display: inline-block;
902   margin-bottom: 0;
903   vertical-align: top;
904 }
905 .form-search .combobox-container .add-on,
906 .form-inline .combobox-container .add-on {
907   vertical-align: middle;
908 }
909 .combobox-selected .combobox-clear {
910   display: inline-block;
911 }
912 .combobox-selected .caret {
913   display: none;
914 }
915 .combobox-clear {
916   display: none;
917   width: 14px;
918   height: 14px;
919   line-height: 14px;
920   vertical-align: top;
921   opacity: 0.3;
922   filter: alpha(opacity=30);
923 }
924 .dropdown:hover .combobox-clear,
925 .open.dropdown .combobox-clear {
926   opacity: 1;
927   filter: alpha(opacity=100);
928 }
929 .btn .combobox-clear {
930   margin-top: 1px;
931   margin-left: 1px;
932 }
933 .btn:hover .combobox-clear,
934 .open.btn-group .combobox-clear {
935   opacity: 1;
936   filter: alpha(opacity=100);
937 }
938 .typeahead-long {
939   max-height: 300px;
940   overflow-y: auto;
941 }
942 .control-group.error .combobox-container .add-on {
943   color: #d9534f;
944   border-color: #d9534f;
945 }
946 .control-group.error .combobox-container .caret {
947   border-top-color: #d9534f;
948 }
949 .control-group.warning .combobox-container .add-on {
950   color: #f0ad4e;
951   border-color: #f0ad4e;
952 }
953 .control-group.warning .combobox-container .caret {
954   border-top-color: #f0ad4e;
955 }
956 .control-group.success .combobox-container .add-on {
957   color: #5cb85c;
958   border-color: #5cb85c;
959 }
960 .control-group.success .combobox-container .caret {
961   border-top-color: #5cb85c;
962 }
963 .btn .combobox-clear [class^="icon-"] {
964   line-height: 1.4em;
965 }
966 .combobox-container .dropdown-menu {
967   border-radius: 0;
968   padding: 0;
969   border: 1px solid #337ab7;
970   border-top: none;
971 }
972 .roo-select2-container .dropdown-menu {
973   border: 1px solid #337ab7;
974 }
975 .dropdown-menu .active {
976   background: #337ab7;
977   color: #ffffff;
978 }
979 .dropdown-menu .active label {
980   color: #ffffff;
981 }
982 .dropdown-menu .roo-select2-result {
983   padding: 3px 7px 4px;
984   margin: 0;
985   cursor: pointer;
986   min-height: 1em;
987   -webkit-touch-callout: none;
988   -webkit-user-select: none;
989   -moz-user-select: none;
990   -ms-user-select: none;
991   user-select: none;
992 }
993 .roo-select2-container,
994 .roo-select2-choices .roo-select2-search-field {
995   width: 100%;
996 }
997 .roo-select2-container .x-combo-noedit {
998   cursor: pointer;
999   background-color: #ffffff;
1000 }
1001 .roo-select2-container .x-combo-noedit[disabled] {
1002   cursor: not-allowed;
1003   background-color: #eeeeee;
1004 }
1005 .roo-combobox-tickable .roo-select2-choices {
1006   border: none;
1007   background-image: none;
1008 }
1009 .roo-combobox-tickable .roo-select2-result label {
1010   width: 100%;
1011 }
1012 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
1013 .dropdown-menu {
1014   z-index: 20002 !important;
1015 }
1016 .dropdown-menu .checkbox label {
1017   width: 100%;
1018 }
1019 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
1020   margin-top: 0px;
1021   margin-bottom: 0px;
1022 }
1023 .dropdown-menu .roo-select2-result .checkbox {
1024   margin-top: 3px;
1025   margin-bottom: 3px;
1026 }
1027 .roo-select2-container .input-group-addon {
1028   padding: 6px 12px;
1029   border: 1px solid #cccccc;
1030   border-left: 0px;
1031 }
1032 .roo-select2-container .roo-removable {
1033   position: relative;
1034 }
1035 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1036   position: absolute;
1037   right: 10px;
1038   z-index: 2;
1039   top: 5px;
1040 }
1041 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1042   position: absolute;
1043   right: 35px;
1044   z-index: 2;
1045   top: 5px;
1046 }
1047 /*
1048 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1049     position: absolute;
1050     right: 40px;
1051     z-index: 2;
1052     top: 5px;
1053 }
1054
1055 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1056     position: absolute;
1057     right: 70px;
1058     z-index: 2;
1059     top: 5px;
1060 }
1061
1062
1063 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1064     position: absolute;
1065     right: 35px;
1066     z-index: 2;
1067     top: 5px;
1068 }*/
1069 .has-warning .roo-select2-container-multi {
1070   border: 1px solid #f0ad4e;
1071 }
1072 .roo-ios-select {
1073   width: 100%;
1074 }
1075 /*!
1076  * Datepicker for Bootstrap
1077  *
1078  * Copyright 2012 Stefan Petre
1079  * Improvements by Andrew Rowls
1080  * Licensed under the Apache License v2.0
1081  * http://www.apache.org/licenses/LICENSE-2.0
1082  *
1083  */
1084 .datepicker {
1085   padding: 8px 12px;
1086   margin-top: 1px;
1087   -webkit-border-radius: 4px;
1088   -moz-border-radius: 4px;
1089   border-radius: 4px;
1090   direction: ltr;
1091   font-size: 13px;
1092   /*.dow {
1093                 border-top: 1px solid @gray-light !important;
1094         }*/
1095 }
1096 .datepicker-inline {
1097   width: 220px;
1098 }
1099 .datepicker.datepicker-rtl {
1100   direction: rtl;
1101 }
1102 .datepicker.datepicker-rtl table tr td span {
1103   float: right;
1104 }
1105 .datepicker-dropdown {
1106   top: 0;
1107   left: 0;
1108 }
1109 /*.datepicker-dropdown:before {
1110   content: '';
1111   display: inline-block;
1112   border-left: 7px solid transparent;
1113   border-right: 7px solid transparent;
1114   border-bottom: 7px solid @gray-light;
1115   border-bottom-color: @black-opacity-20;
1116   position: absolute;
1117   top: -7px;
1118   left: 6px;
1119 }
1120 .datepicker-dropdown:after {
1121   content: '';
1122   display: inline-block;
1123   border-left: 6px solid transparent;
1124   border-right: 6px solid transparent;
1125   border-bottom: 6px solid @body-bg;
1126   position: absolute;
1127   top: -6px;
1128   left: 7px;
1129 }*/
1130 .datepicker-dropdown.bottom:before {
1131   content: '';
1132   display: inline-block;
1133   border-left: 7px solid transparent;
1134   border-right: 7px solid transparent;
1135   border-bottom: 7px solid #777777;
1136   border-bottom-color: rgba(0, 0, 0, 0.2);
1137   position: absolute;
1138   top: -7px;
1139   left: 7px;
1140 }
1141 .datepicker-dropdown.bottom:after {
1142   content: '';
1143   display: inline-block;
1144   border-left: 6px solid transparent;
1145   border-right: 6px solid transparent;
1146   border-bottom: 6px solid #ffffff;
1147   position: absolute;
1148   top: -6px;
1149   left: 8px;
1150 }
1151 .datepicker-dropdown.top:before {
1152   content: '';
1153   display: inline-block;
1154   border-left: 7px solid transparent;
1155   border-right: 7px solid transparent;
1156   border-top: 7px solid #777777;
1157   border-bottom: 0;
1158   border-top-color: rgba(0, 0, 0, 0.2);
1159   position: absolute;
1160   bottom: -7px;
1161   left: 6px;
1162 }
1163 .datepicker-dropdown.top:after {
1164   content: '';
1165   display: inline-block;
1166   border-left: 6px solid transparent;
1167   border-right: 6px solid transparent;
1168   border-top: 6px solid #ffffff;
1169   border-bottom: 0;
1170   position: absolute;
1171   bottom: -6px;
1172   left: 7px;
1173 }
1174 .datepicker-dropdown.bottom-right:before {
1175   content: '';
1176   display: inline-block;
1177   border-left: 7px solid transparent;
1178   border-right: 7px solid transparent;
1179   border-bottom: 7px solid #777777;
1180   border-bottom-color: rgba(0, 0, 0, 0.2);
1181   position: absolute;
1182   top: -7px;
1183   left: 7px;
1184 }
1185 .datepicker-dropdown.bottom-right:after {
1186   content: '';
1187   display: inline-block;
1188   border-left: 6px solid transparent;
1189   border-right: 6px solid transparent;
1190   border-bottom: 6px solid #ffffff;
1191   position: absolute;
1192   top: -6px;
1193   left: 8px;
1194 }
1195 .datepicker-dropdown.bottom-left:before {
1196   content: '';
1197   display: inline-block;
1198   border-left: 7px solid transparent;
1199   border-right: 7px solid transparent;
1200   border-bottom: 7px solid #777777;
1201   border-bottom-color: rgba(0, 0, 0, 0.2);
1202   position: absolute;
1203   top: -7px;
1204   left: 260px;
1205 }
1206 .datepicker-dropdown.bottom-left:after {
1207   content: '';
1208   display: inline-block;
1209   border-left: 6px solid transparent;
1210   border-right: 6px solid transparent;
1211   border-bottom: 6px solid #ffffff;
1212   position: absolute;
1213   top: -6px;
1214   left: 261px;
1215 }
1216 .datepicker-dropdown.top-right:before {
1217   content: '';
1218   display: inline-block;
1219   border-left: 7px solid transparent;
1220   border-right: 7px solid transparent;
1221   border-top: 7px solid #777777;
1222   border-top-color: rgba(0, 0, 0, 0.2);
1223   position: absolute;
1224   bottom: -7px;
1225   left: 6px;
1226 }
1227 .datepicker-dropdown.top-right:after {
1228   content: '';
1229   display: inline-block;
1230   border-left: 6px solid transparent;
1231   border-right: 6px solid transparent;
1232   border-top: 6px solid #ffffff;
1233   position: absolute;
1234   bottom: -6px;
1235   left: 7px;
1236 }
1237 .datepicker-dropdown.top-left:before {
1238   content: '';
1239   display: inline-block;
1240   border-left: 7px solid transparent;
1241   border-right: 7px solid transparent;
1242   border-top: 7px solid #777777;
1243   border-top-color: rgba(0, 0, 0, 0.2);
1244   position: absolute;
1245   bottom: -7px;
1246   left: 260px;
1247 }
1248 .datepicker-dropdown.top-left:after {
1249   content: '';
1250   display: inline-block;
1251   border-left: 6px solid transparent;
1252   border-right: 6px solid transparent;
1253   border-top: 6px solid #ffffff;
1254   position: absolute;
1255   bottom: -6px;
1256   left: 261px;
1257 }
1258 .datepicker > div {
1259   display: none;
1260 }
1261 .datepicker.days div.datepicker-days {
1262   display: block;
1263 }
1264 .datepicker.months div.datepicker-months {
1265   display: block;
1266 }
1267 .datepicker.years div.datepicker-years {
1268   display: block;
1269 }
1270 .datepicker table {
1271   margin: 0;
1272 }
1273 .datepicker td,
1274 .datepicker th {
1275   text-align: center;
1276   width: 20px;
1277   height: 20px;
1278   -webkit-border-radius: 4px;
1279   -moz-border-radius: 4px;
1280   border-radius: 4px;
1281   border: none;
1282 }
1283 .table-striped .datepicker table tr td,
1284 .table-striped .datepicker table tr th {
1285   background-color: transparent;
1286 }
1287 .datepicker table tr td.day:hover {
1288   background: #eeeeee;
1289   cursor: pointer;
1290 }
1291 .datepicker table tr td.old,
1292 .datepicker table tr td.new {
1293   color: #777777;
1294 }
1295 .datepicker table tr td.disabled,
1296 .datepicker table tr td.disabled:hover {
1297   background: none;
1298   color: #777777;
1299   cursor: default;
1300 }
1301 .datepicker table tr td.today,
1302 .datepicker table tr td.today:hover,
1303 .datepicker table tr td.today.disabled,
1304 .datepicker table tr td.today.disabled:hover {
1305   background-color: #f0ad4e;
1306   background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
1307   background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
1308   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
1309   background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
1310   background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
1311   background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
1312   background-repeat: repeat-x;
1313   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
1314   border-color: #f0ad4e #f0ad4e #f0ad4e;
1315   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1316   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1317 }
1318 .datepicker table tr td.today:hover,
1319 .datepicker table tr td.today:hover:hover,
1320 .datepicker table tr td.today.disabled:hover,
1321 .datepicker table tr td.today.disabled:hover:hover,
1322 .datepicker table tr td.today:active,
1323 .datepicker table tr td.today:hover:active,
1324 .datepicker table tr td.today.disabled:active,
1325 .datepicker table tr td.today.disabled:hover:active,
1326 .datepicker table tr td.today.active,
1327 .datepicker table tr td.today:hover.active,
1328 .datepicker table tr td.today.disabled.active,
1329 .datepicker table tr td.today.disabled:hover.active,
1330 .datepicker table tr td.today.disabled,
1331 .datepicker table tr td.today:hover.disabled,
1332 .datepicker table tr td.today.disabled.disabled,
1333 .datepicker table tr td.today.disabled:hover.disabled,
1334 .datepicker table tr td.today[disabled],
1335 .datepicker table tr td.today:hover[disabled],
1336 .datepicker table tr td.today.disabled[disabled],
1337 .datepicker table tr td.today.disabled:hover[disabled] {
1338   background-color: #f0ad4e;
1339 }
1340 .datepicker table tr td.today:active,
1341 .datepicker table tr td.today:hover:active,
1342 .datepicker table tr td.today.disabled:active,
1343 .datepicker table tr td.today.disabled:hover:active,
1344 .datepicker table tr td.today.active,
1345 .datepicker table tr td.today:hover.active,
1346 .datepicker table tr td.today.disabled.active,
1347 .datepicker table tr td.today.disabled:hover.active {
1348   background-color: #f0ad4e;
1349 }
1350 .datepicker table tr td.active,
1351 .datepicker table tr td.active:hover,
1352 .datepicker table tr td.active.disabled,
1353 .datepicker table tr td.active.disabled:hover {
1354   background-color: #337ab7;
1355   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1356   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1357   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1358   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1359   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1360   background-image: linear-gradient(top, #3c87c8, #337ab7);
1361   background-repeat: repeat-x;
1362   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1363   border-color: #337ab7 #337ab7 #286090;
1364   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1365   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1366   color: #ffffff;
1367   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1368 }
1369 .datepicker table tr td.active:hover,
1370 .datepicker table tr td.active:hover:hover,
1371 .datepicker table tr td.active.disabled:hover,
1372 .datepicker table tr td.active.disabled:hover:hover,
1373 .datepicker table tr td.active:active,
1374 .datepicker table tr td.active:hover:active,
1375 .datepicker table tr td.active.disabled:active,
1376 .datepicker table tr td.active.disabled:hover:active,
1377 .datepicker table tr td.active.active,
1378 .datepicker table tr td.active:hover.active,
1379 .datepicker table tr td.active.disabled.active,
1380 .datepicker table tr td.active.disabled:hover.active,
1381 .datepicker table tr td.active.disabled,
1382 .datepicker table tr td.active:hover.disabled,
1383 .datepicker table tr td.active.disabled.disabled,
1384 .datepicker table tr td.active.disabled:hover.disabled,
1385 .datepicker table tr td.active[disabled],
1386 .datepicker table tr td.active:hover[disabled],
1387 .datepicker table tr td.active.disabled[disabled],
1388 .datepicker table tr td.active.disabled:hover[disabled] {
1389   background-color: #337ab7;
1390 }
1391 .datepicker table tr td.active:active,
1392 .datepicker table tr td.active:hover:active,
1393 .datepicker table tr td.active.disabled:active,
1394 .datepicker table tr td.active.disabled:hover:active,
1395 .datepicker table tr td.active.active,
1396 .datepicker table tr td.active:hover.active,
1397 .datepicker table tr td.active.disabled.active,
1398 .datepicker table tr td.active.disabled:hover.active {
1399   background-color: #286090;
1400 }
1401 .datepicker table tr td span {
1402   display: block;
1403   width: 23%;
1404   height: 54px;
1405   line-height: 54px;
1406   float: left;
1407   margin: 1%;
1408   cursor: pointer;
1409   -webkit-border-radius: 4px;
1410   -moz-border-radius: 4px;
1411   border-radius: 4px;
1412 }
1413 .datepicker table tr td span:hover {
1414   background: #eeeeee;
1415 }
1416 .datepicker table tr td span.disabled,
1417 .datepicker table tr td span.disabled:hover {
1418   background: none;
1419   color: #777777;
1420   cursor: default;
1421 }
1422 .datepicker table tr td span.active,
1423 .datepicker table tr td span.active:hover,
1424 .datepicker table tr td span.active.disabled,
1425 .datepicker table tr td span.active.disabled:hover {
1426   background-color: #337ab7;
1427   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1428   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1429   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1430   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1431   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1432   background-image: linear-gradient(top, #3c87c8, #337ab7);
1433   background-repeat: repeat-x;
1434   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1435   border-color: #337ab7 #337ab7 #286090;
1436   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1437   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1438   color: #ffffff;
1439   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1440 }
1441 .datepicker table tr td span.active:hover,
1442 .datepicker table tr td span.active:hover:hover,
1443 .datepicker table tr td span.active.disabled:hover,
1444 .datepicker table tr td span.active.disabled:hover:hover,
1445 .datepicker table tr td span.active:active,
1446 .datepicker table tr td span.active:hover:active,
1447 .datepicker table tr td span.active.disabled:active,
1448 .datepicker table tr td span.active.disabled:hover:active,
1449 .datepicker table tr td span.active.active,
1450 .datepicker table tr td span.active:hover.active,
1451 .datepicker table tr td span.active.disabled.active,
1452 .datepicker table tr td span.active.disabled:hover.active,
1453 .datepicker table tr td span.active.disabled,
1454 .datepicker table tr td span.active:hover.disabled,
1455 .datepicker table tr td span.active.disabled.disabled,
1456 .datepicker table tr td span.active.disabled:hover.disabled,
1457 .datepicker table tr td span.active[disabled],
1458 .datepicker table tr td span.active:hover[disabled],
1459 .datepicker table tr td span.active.disabled[disabled],
1460 .datepicker table tr td span.active.disabled:hover[disabled] {
1461   background-color: #337ab7;
1462 }
1463 .datepicker table tr td span.active:active,
1464 .datepicker table tr td span.active:hover:active,
1465 .datepicker table tr td span.active.disabled:active,
1466 .datepicker table tr td span.active.disabled:hover:active,
1467 .datepicker table tr td span.active.active,
1468 .datepicker table tr td span.active:hover.active,
1469 .datepicker table tr td span.active.disabled.active,
1470 .datepicker table tr td span.active.disabled:hover.active {
1471   background-color: #286090;
1472 }
1473 .datepicker table tr td span.old {
1474   color: #777777;
1475 }
1476 .datepicker th.switch {
1477   width: 145px;
1478 }
1479 .datepicker thead tr:first-child th,
1480 .datepicker tfoot tr:first-child th {
1481   cursor: pointer;
1482 }
1483 .datepicker thead tr:first-child th:hover,
1484 .datepicker tfoot tr:first-child th:hover {
1485   background: #eeeeee;
1486 }
1487 .datepicker .cw {
1488   font-size: 10px;
1489   width: 12px;
1490   padding: 0 2px 0 5px;
1491   vertical-align: middle;
1492 }
1493 .datepicker thead tr:first-child th.cw {
1494   cursor: default;
1495   background-color: transparent;
1496 }
1497 .input-append.date .add-on i,
1498 .input-prepend.date .add-on i {
1499   display: block;
1500   cursor: pointer;
1501   width: 16px;
1502   height: 16px;
1503 }
1504 .datepicker .datepicker-time td span {
1505   display: block;
1506   width: 47px;
1507   height: 54px;
1508   line-height: 54px;
1509   float: left;
1510   margin: 2px;
1511   cursor: pointer;
1512   border-radius: 4px;
1513 }
1514 .datepicker .datepicker-time td span.timepicker-hour,
1515 .datepicker .datepicker-time td span.timepicker-minute {
1516   width: 100%;
1517   font-weight: bold;
1518   font-size: 1.2em;
1519 }
1520 .roo-document-manager-selector {
1521   visibility: hidden;
1522   height: 0px;
1523 }
1524 .roo-document-manager-uploader,
1525 .roo-document-manager-loading,
1526 .roo-document-manager-preview {
1527   position: relative;
1528   float: left;
1529   width: 25%;
1530   padding-left: 5px;
1531   height: 100px;
1532   max-height: 100px;
1533   margin-top: 10px;
1534 }
1535 .roo-document-manager-preview.wide {
1536   width: 50%;
1537 }
1538 .roo-document-manager-thumb,
1539 .roo-document-manager-upload-btn {
1540   width: 100%;
1541   height: 100px;
1542   line-height: 100px;
1543   max-height: 100px;
1544   border: 1px solid #eeeeee;
1545   -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1546   -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1547   box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1548 }
1549 .roo-document-manager-thumb > i.fa,
1550 .roo-document-manager-upload-btn > i.fa {
1551   width: 100%;
1552   line-height: 98px;
1553   text-align: center;
1554   vertical-align: middle;
1555   color: #777777;
1556   font-size: 2.5em;
1557 }
1558 .roo-document-manager-thumb > i.fa {
1559   font-size: 2.5em;
1560 }
1561 .roo-document-manager-thumb > img {
1562   width: 100%;
1563   max-height: 100%;
1564   text-align: center;
1565   vertical-align: middle;
1566 }
1567 .roo-document-manager-preview > .close {
1568   position: absolute;
1569   top: 0px;
1570   right: 3px;
1571   font-size: 20px;
1572   opacity: 1;
1573 }
1574 .roo-document-manager-preview > .close:hover {
1575   color: #333333;
1576 }
1577 .roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
1578   -webkit-filter: grayscale(100%);
1579   -moz-filter: grayscale(100%);
1580   -o-filter: grayscale(100%);
1581   -ms-filter: grayscale(100%);
1582   filter: grayscale(100%);
1583 }
1584 .roo-document-manager-preview.disabled > .close {
1585   display: none !important;
1586 }
1587 /*
1588 * sm
1589 */
1590 @media (min-width: 768px) {
1591   .roo-document-manager-uploader,
1592   .roo-document-manager-loading,
1593   .roo-document-manager-preview {
1594     height: 200px;
1595     max-height: 200px;
1596   }
1597   .roo-document-manager-thumb,
1598   .roo-document-manager-upload-btn {
1599     line-height: 200px;
1600     height: 200px;
1601     max-height: 200px;
1602   }
1603   .roo-document-manager-thumb > i.fa,
1604   .roo-document-manager-upload-btn > i.fa {
1605     line-height: 198px;
1606   }
1607 }
1608 /*
1609 * md
1610 */
1611 @media (min-width: 992px) {
1612   .roo-document-manager-uploader,
1613   .roo-document-manager-loading,
1614   .roo-document-manager-preview {
1615     width: 8.33333333%;
1616     height: 80px;
1617     max-height: 80px;
1618   }
1619   .roo-document-manager-preview.wide {
1620     width: 16.66666666%;
1621   }
1622   .roo-document-manager-thumb,
1623   .roo-document-manager-upload-btn {
1624     line-height: 80px;
1625     height: 80px;
1626     max-height: 80px;
1627   }
1628   .roo-document-manager-thumb > i.fa,
1629   .roo-document-manager-upload-btn > i.fa {
1630     line-height: 78px;
1631   }
1632 }
1633 /*
1634 * lg
1635 */
1636 @media (min-width: 1200px) {
1637   .roo-document-manager-uploader,
1638   .roo-document-manager-loading,
1639   .roo-document-manager-preview {
1640     width: 8.33333333%;
1641     height: 100px;
1642     max-height: 100px;
1643   }
1644   .roo-document-manager-preview.wide {
1645     width: 16.66666666%;
1646   }
1647   .roo-document-manager-thumb,
1648   .roo-document-manager-upload-btn {
1649     line-height: 100px;
1650     height: 100px;
1651     max-height: 100px;
1652   }
1653   .roo-document-manager-thumb > i.fa,
1654   .roo-document-manager-upload-btn > i.fa {
1655     line-height: 98px;
1656   }
1657 }
1658 .document-slider-dialog .modal-body {
1659   padding: 0px;
1660 }
1661 .roo-document-slider-header {
1662   background-color: rgba(0, 0, 0, 0.5);
1663 }
1664 .roo-document-slider-header .roo-document-slider-header-title {
1665   width: 80%;
1666   margin: 0 auto;
1667   padding: 10px 0;
1668   color: #ffffff;
1669   font-weight: bold;
1670   text-align: center;
1671 }
1672 .roo-document-slider-body {
1673   background-color: #ffffff;
1674   width: 100%;
1675   height: 450px;
1676   position: relative;
1677   overflow: hidden;
1678 }
1679 .roo-document-slider-body .roo-document-slider-thumb {
1680   position: absolute;
1681   width: 80%;
1682   height: 100%;
1683   top: 50%;
1684   left: 50%;
1685   transform: translate(-50%, -50%);
1686   box-sizing: border-box;
1687   border: 1px solid #666666;
1688   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1689   text-align: center;
1690   vertical-align: middle;
1691   overflow: auto;
1692   cursor: move;
1693 }
1694 .roo-document-slider-body .roo-document-slider-image {
1695   width: 100%;
1696 }
1697 .roo-document-slider-prev {
1698   position: absolute;
1699   top: 0;
1700   left: 0;
1701   text-align: center;
1702   width: 10%;
1703   height: 100%;
1704 }
1705 .roo-document-slider-next {
1706   position: absolute;
1707   top: 0;
1708   right: 0;
1709   text-align: center;
1710   width: 10%;
1711   height: 100%;
1712 }
1713 .roo-document-slider-prev > i,
1714 .roo-document-slider-next > i {
1715   position: relative;
1716   top: 50%;
1717   transform: translateY(-50%);
1718   cursor: pointer;
1719   font-size: 2em;
1720 }
1721 .document-viewer-dialog .modal-dialog {
1722   margin: 0px auto;
1723 }
1724 .document-viewer-dialog .modal-header,
1725 .document-viewer-dialog .modal-footer {
1726   padding-top: 5px;
1727   padding-bottom: 5px;
1728 }
1729 .document-viewer-dialog .modal-body {
1730   padding: 0px;
1731 }
1732 .roo-document-viewer-body {
1733   background-color: #ffffff;
1734   width: 100%;
1735   height: 450px;
1736   max-height: 450px;
1737   position: relative;
1738   overflow: hidden;
1739   cursor: move;
1740 }
1741 .roo-document-viewer-body .roo-document-viewer-thumb {
1742   position: absolute;
1743   width: 80%;
1744   height: 80%;
1745   top: 50%;
1746   left: 50%;
1747   transform: translate(-50%, -50%);
1748   box-sizing: border-box;
1749   border: 1px solid #666666;
1750   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1751   text-align: center;
1752   vertical-align: middle;
1753   overflow: auto;
1754 }
1755 .roo-document-viewer-body .roo-document-viewer-image {
1756   width: 100%;
1757 }
1758 .roo-document-viewer-btn-group button {
1759   background-color: #000000;
1760   color: #ffffff;
1761   border-color: #333333;
1762 }
1763 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1764   border-top-left-radius: 0;
1765 }
1766 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1767   border-top-right-radius: 0;
1768 }
1769 .dropdown-submenu:hover > a,
1770 .dropdown-submenu:focus > a {
1771   color: #ffffff;
1772   text-decoration: none;
1773   background-color: #337ab7;
1774   background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
1775   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
1776   background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
1777   background-image: -o-linear-gradient(top, #337ab7, #3072ab);
1778   background-image: linear-gradient(to bottom, #337ab7, #3072ab);
1779   background-repeat: repeat-x;
1780   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
1781 }
1782 .dropdown-submenu {
1783   position: relative;
1784 }
1785 .dropdown-submenu > .dropdown-menu {
1786   top: 0;
1787   left: 100%;
1788   margin-top: -6px;
1789   margin-left: -1px;
1790   -webkit-border-radius: 0 6px 6px 6px;
1791   -moz-border-radius: 0 6px 6px 6px;
1792   border-radius: 0 6px 6px 6px;
1793 }
1794 .dropdown-submenu:hover > .dropdown-menu {
1795   display: block;
1796 }
1797 .dropup .dropdown-submenu > .dropdown-menu {
1798   top: auto;
1799   bottom: 0;
1800   margin-top: 0;
1801   margin-bottom: -2px;
1802   -webkit-border-radius: 5px 5px 5px 0;
1803   -moz-border-radius: 5px 5px 5px 0;
1804   border-radius: 5px 5px 5px 0;
1805 }
1806 .dropup .dropdown-menu {
1807   -webkit-animation-name: inherit;
1808 }
1809 .dropdown-submenu > a:after {
1810   display: block;
1811   float: right;
1812   width: 0;
1813   height: 0;
1814   margin-top: 5px;
1815   margin-right: -10px;
1816   border-color: transparent;
1817   border-left-color: #777777;
1818   border-style: solid;
1819   border-width: 5px 0 5px 5px;
1820   content: " ";
1821 }
1822 .dropdown-submenu:hover > a:after {
1823   border-left-color: #ffffff;
1824 }
1825 .dropdown-submenu.pull-left {
1826   float: none !important;
1827 }
1828 .dropdown-submenu.pull-left > .dropdown-menu {
1829   left: 0;
1830   margin-left: 1px;
1831   -webkit-border-radius: 6px 0 6px 6px;
1832   -moz-border-radius: 6px 0 6px 6px;
1833   border-radius: 6px 0 6px 6px;
1834 }
1835 .dropdown-button > i {
1836   margin-right: 5px;
1837 }
1838 li.dropdown-toggle i.glyphicon + span {
1839   margin-left: 5px;
1840 }
1841 li.dropdown-toggle span + i.glyphicon {
1842   margin-left: 5px;
1843 }
1844 li.dropdown-menu-item i.fa + span {
1845   margin-left: 5px;
1846 }
1847 li.dropdown-toggle button > i.glyphicon {
1848   margin: 3px 0 0 5px;
1849 }
1850 div.input-group.has-feedback > .form-control-feedback {
1851   right: 30px;
1852 }
1853 div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
1854   right: 39px;
1855 }
1856 .roo-required-indicator {
1857   font-size: 8px;
1858   color: #d9534f;
1859   vertical-align: top;
1860 }
1861 .roo-required-indicator.left-indicator {
1862   margin-right: 3px;
1863 }
1864 .roo-required-indicator.right-indicator {
1865   margin-left: 3px;
1866 }
1867 .label-pill {
1868   padding-right: .6em;
1869   padding-left: .6em;
1870   border-radius: 10rem;
1871 }
1872 .roo-layout-container {
1873   width: 100%;
1874   height: 100%;
1875   overflow: hidden;
1876 }
1877 .roo-layout-inactive-content {
1878   position: absolute;
1879   left: -10000px;
1880   top: -10000px;
1881   visibility: hidden;
1882 }
1883 .roo-layout-active-content {
1884   visibility: visible;
1885   /* padding: 10px; */
1886 }
1887 .roo-layout-panel {
1888   position: absolute;
1889   /* overflow:hidden;  -- menus inside of contains do not work with this */
1890   /*
1891     background-color:white;
1892     border:1px solid #98c0f4;
1893     */
1894 }
1895 .roo-layout-panel-east,
1896 .roo-layout-panel-west {
1897   z-index: 10;
1898 }
1899 .roo-layout-panel-north,
1900 .roo-layout-panel-south {
1901   z-index: 11;
1902 }
1903 /*
1904 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1905     z-index:12;
1906 }
1907 */
1908 .roo-layout-panel-body {
1909   overflow: hidden;
1910 }
1911 /*
1912
1913 .roo-layout-grid-wrapper{
1914
1915 }
1916 */
1917 .roo-layout-split {
1918   position: absolute;
1919   height: 5px;
1920   width: 5px;
1921   line-height: 1px;
1922   font-size: 1px;
1923   z-index: 3;
1924   background-color: #f5f5f5;
1925 }
1926 .roo-layout-split-south,
1927 .roo-layout-split-north {
1928   border-bottom: 1px solid #777777;
1929 }
1930 .roo-layout-split-east,
1931 .roo-layout-split-west {
1932   border-right: 1px solid #777777;
1933 }
1934 .roo-layout-panel-hd {
1935   position: relative;
1936 }
1937 .roo-layout-panel-hd.breadcrumb {
1938   margin-bottom: 0;
1939 }
1940 .roo-layout-panel-hd-text {
1941   padding: 4px;
1942   padding-left: 4px;
1943   display: block;
1944   white-space: nowrap;
1945 }
1946 .roo-layout-panel-hd-tools {
1947   position: absolute;
1948   right: 0;
1949   top: 0;
1950   text-align: right;
1951   padding-top: 2px;
1952   padding-right: 2px;
1953   width: 40px;
1954 }
1955 /*
1956 .x-layout-tools-button{
1957     z-index:6;
1958     padding:2px;
1959     float:right;
1960     cursor:pointer;
1961 }
1962 .x-layout-tools-button-over{
1963     padding:1px;
1964     border:1px solid #98c0f4;
1965     background-color:white;
1966 }
1967 .x-layout-tools-button-inner{
1968     height:12px;
1969     width:12px;
1970     line-height:1px;
1971     font-size:1px;
1972     background-repeat:no-repeat;
1973     background-position:center;
1974 }
1975 .x-layout-close{
1976     background-image:url(../images/default/layout/layout-sprite.gif);
1977     background-repeat: no-repeat;
1978     background-position: 50% -48px;
1979 }
1980 .x-layout-collapse-west,.x-layout-expand-east{
1981     background-image:url(../images/default/layout/layout-sprite.gif);
1982     background-repeat: no-repeat;
1983     background-position: 50% 0;
1984 }
1985 .x-layout-expand-west,.x-layout-collapse-east{
1986     background-image:url(../images/default/layout/layout-sprite.gif);
1987     background-repeat: no-repeat;
1988     background-position: 50% -12px;
1989 }
1990 .x-layout-collapse-north,.x-layout-expand-south{
1991     background-image:url(../images/default/layout/layout-sprite.gif);
1992     background-repeat: no-repeat;
1993     background-position: 50% -24px;
1994 }
1995 .x-layout-expand-north,.x-layout-collapse-south{
1996     background-image:url(../images/default/layout/layout-sprite.gif);
1997     background-repeat: no-repeat;
1998     background-position: 50% -36px;
1999 }
2000 .x-layout-split-h{
2001     background-image:url(../images/default/sizer/e-handle.gif);
2002     background-position: left;
2003     cursor:col-resize;
2004 }
2005 .x-layout-split-v{
2006     background-image:url(../images/default/sizer/s-handle.gif);
2007     background-position: top;
2008     cursor:row-resize;
2009 }
2010 .x-layout-panel .x-tabs-wrap{
2011     background:url(../images/default/layout/gradient-bg.gif);
2012 }
2013 */
2014 .roo-layout-panel .roo-tabbody {
2015   background-color: #ffffff;
2016   overflow: auto;
2017   height: 100%;
2018 }
2019 .roo-layout-component-panel,
2020 .roo-layout-nested-layout {
2021   position: relative;
2022   padding: 0;
2023   overflow: hidden;
2024   width: 200px;
2025   height: 200px;
2026 }
2027 .roo-layout-nested-layout .roo-layout-panel {
2028   border: 0 none;
2029 }
2030 /*
2031 .x-layout-nested-layout .x-layout-panel-north {
2032           border-bottom:1px solid #98c0f4;
2033 }
2034 .x-layout-nested-layout .x-layout-panel-south {
2035           border-top:1px solid #98c0f4;
2036 }
2037 .x-layout-nested-layout .x-layout-panel-east {
2038           border-left:1px solid #98c0f4;
2039 }
2040 .x-layout-nested-layout .x-layout-panel-west {
2041           border-right:1px solid #98c0f4;
2042 }
2043 */
2044 .roo-repaint {
2045   zoom: 1;
2046   background-color: transparent;
2047 }
2048 /*
2049 .x-layout-panel-dragover {
2050         border: 2px solid #6593cf;
2051 }
2052 .x-layout-panel-proxy {
2053         background-image: url(../images/default/layout/gradient-bg.gif);
2054         background-color:#c3daf9;
2055         border:1px dashed #6593cf;
2056         z-index:10001;
2057         overflow:hidden;
2058         position:absolute;
2059         left:0;top:0;
2060 }
2061
2062 .x-layout-slider {
2063         z-index:15;
2064         overflow:hidden;
2065         position:absolute;
2066 }
2067 */
2068 .roo-unselectable {
2069   -moz-user-select: none;
2070   -khtml-user-select: none;
2071   -webkit-user-select: none;
2072   cursor: default;
2073 }
2074 /** --- split bar dragging ---*/
2075 .roo-splitbar-proxy {
2076   z-index: 40009;
2077   visibility: hidden;
2078   position: absolute;
2079   background: #777777;
2080   border: 1px solid #000000;
2081   overflow: hidden;
2082 }
2083 .roo-splitbar-h,
2084 .roo-splitbar-proxy-h {
2085   cursor: col-resize;
2086 }
2087 .roo-splitbar-v,
2088 .roo-splitbar-proxy-v {
2089   cursor: row-resize;
2090 }
2091 /*
2092 .x-grid-resize-proxy
2093 {
2094         z-index:40009;
2095         visibility:hidden;
2096         position:absolute;
2097         background:#666;
2098         border: 1px solid #000;
2099         overflow:hidden;
2100         cursor:col-resize;
2101         overflow:hidden;
2102         width: 2px;
2103 }
2104
2105
2106 */
2107 .roo-layout-panel-body .navbar ul.nav-tabs {
2108   margin-top: 9px;
2109   display: table;
2110 }
2111 .roo-layout-panel-body .navbar {
2112   margin-bottom: 0px;
2113 }
2114 .roo-form-group-label-left::before,
2115 .roo-form-group-label-left::after {
2116   display: table;
2117   content: " ";
2118   clear: both;
2119 }
2120 a.list-group-item,
2121 button.list-group-item {
2122   width: 100%;
2123   color: #555555;
2124   text-align: inherit;
2125 }
2126 .roo-el-mask {
2127   z-index: 20000;
2128   position: absolute;
2129   top: 0;
2130   left: 0;
2131   -moz-opacity: 0.5;
2132   opacity: .50;
2133   filter: alpha(opacity=50);
2134   background-color: #777777;
2135   width: 100%;
2136   height: 100%;
2137   zoom: 1;
2138 }
2139 .roo-el-mask-msg {
2140   position: absolute;
2141   z-index: 20000;
2142   /*border: 4px double #557; */
2143   background-color: #ffffff;
2144   padding: 0px 30px;
2145   background-image: url('../images/ux/lightbox/loading.gif');
2146   background-repeat: no-repeat;
2147   border: 10px solid white;
2148   border-radius: 20px;
2149 }
2150 .roo-el-mask-msg div {
2151   font-family: 'Source Sans Pro', sans-serif;
2152   font-size: 24px;
2153   font-weight: 500;
2154   z-index: 20001;
2155   padding: 4px 15px;
2156   color: #555555;
2157 }
2158 .x-body-masked {
2159   overflow: hidden !important;
2160 }
2161 .x-body-masked select,
2162 .ext-masked object,
2163 .ext-masked embed {
2164   visibility: hidden;
2165 }
2166 .x-dlg-mask {
2167   z-index: 10000;
2168   display: none;
2169   position: absolute;
2170   top: 0;
2171   left: 0;
2172   -moz-opacity: 0.5;
2173   opacity: .50;
2174   filter: alpha(opacity=50);
2175   background-color: #777777;
2176 }
2177 .masonary .masonry-bottom-title {
2178   background-color: transparent;
2179 }
2180 .masonry-brick-link,
2181 .roo-brick-link {
2182   cursor: pointer;
2183   text-decoration: none;
2184   outline: 0;
2185 }
2186 .masonry-brick-paragraph,
2187 .roo-brick-paragraph {
2188   overflow: hidden;
2189 }
2190 .masonry-brick .masonry-brick-paragraph {
2191   padding: 9px;
2192   width: 100%;
2193   height: 100%;
2194   position: absolute;
2195   top: 0;
2196   left: 0;
2197   background-color: inherit;
2198 }
2199 .masonry-center-title .masonry-brick-paragraph,
2200 .masonry-bottom-title .masonry-brick-paragraph,
2201 .roo-brick-center-title .roo-brick-paragraph,
2202 .roo-brick-bottom-title .roo-brick-paragraph {
2203   display: table;
2204 }
2205 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2206 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2207   display: table-cell;
2208   vertical-align: middle;
2209   text-align: center;
2210 }
2211 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2212 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2213   display: table-cell;
2214   vertical-align: bottom;
2215   text-align: right;
2216 }
2217 .masonry-brick-image .masonry-brick-paragraph,
2218 .roo-brick-image .roo-brick-paragraph {
2219   opacity: 0;
2220 }
2221 .masonry-bottom-title .masonry-brick-paragraph {
2222   opacity: 1;
2223 }
2224 .masonry-brick-image-view {
2225   width: 100%;
2226   height: 100%;
2227   object-fit: cover;
2228 }
2229 .masonry-brick-paragraph .masonry-brick-title,
2230 .roo-brick-paragraph .roo-brick-title {
2231   margin-top: 0;
2232 }
2233 .roo-brick .roo-brick-paragraph {
2234   padding: 9px;
2235   width: 100%;
2236   height: 100%;
2237   background-color: inherit;
2238 }
2239 .roo-brick-image-view {
2240   position: absolute;
2241   top: 0;
2242   object-fit: cover;
2243 }
2244 a.roo-brick-link:focus,
2245 a.roo-brick-link:hover {
2246   text-decoration: none;
2247   outline: 0;
2248 }
2249 .masonry-brick-split .masonry-brick-split-head,
2250 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2251   height: 75%;
2252 }
2253 .masonry-brick-split .masonry-brick-split-body {
2254   height: 25%;
2255   padding: 4px;
2256   color: #000000;
2257   font-size: 11px;
2258 }
2259 .enable-mask:hover .masonry-brick-mask {
2260   width: 100%;
2261   height: 100%;
2262   position: absolute;
2263   top: 0;
2264   left: 0;
2265   background-color: #000000;
2266   opacity: 0.2;
2267 }
2268 @media (min-width: 768px) {
2269   .mask-inverse .masonry-brick-paragraph {
2270     background: rgba(0, 0, 0, 0.5);
2271   }
2272   .mask-inverse:hover .masonry-brick-paragraph {
2273     background: none;
2274   }
2275 }
2276 /* 
2277     Document   : modal
2278     Created on : Apr 23, 2014, 11:24:28 AM
2279     Author     : edward
2280     Description:
2281         Purpose of the stylesheet follows.
2282 */
2283 .modal-md-1,
2284 .modal-md-2,
2285 .modal-md-3,
2286 .modal-md-4,
2287 .modal-md-5,
2288 .modal-md-6,
2289 .modal-md-7,
2290 .modal-md-8,
2291 .modal-md-9,
2292 .modal-md-10,
2293 .modal-md-11,
2294 .modal-md-12 {
2295   float: left;
2296 }
2297 .modal-md-12 .modal-dialog {
2298   width: 100%;
2299   margin: 30 auto;
2300 }
2301 .modal-md-11 .modal-dialog {
2302   width: 91.66666666666666%;
2303   margin: 30 auto;
2304 }
2305 .modal-md-10 .modal-dialog {
2306   width: 83.33333333333334%;
2307   margin: 30 auto;
2308 }
2309 .modal-md-9 .modal-dialog {
2310   width: 75%;
2311   margin: 30 auto;
2312 }
2313 .modal-md-8 .modal-dialog {
2314   width: 66.66666666666666%;
2315   margin: 30 auto;
2316 }
2317 .modal-md-7 .modal-dialog {
2318   width: 58.333333333333336%;
2319   margin: 30 auto;
2320 }
2321 .modal-md-6 .modal-dialog {
2322   width: 50%;
2323   margin: 30 auto;
2324 }
2325 .modal-md-5 .modal-dialog {
2326   width: 41.66666666666667%;
2327   margin: 30 auto;
2328 }
2329 .modal-md-4 .modal-dialog {
2330   width: 33.33333333333333%;
2331   margin: 30 auto;
2332 }
2333 .modal-md-3 .modal-dialog {
2334   width: 25%;
2335   margin: 30 auto;
2336 }
2337 .modal-md-2 .modal-dialog {
2338   width: 16.666666666666664%;
2339   margin: 30 auto;
2340 }
2341 .modal-md-1 .modal-dialog {
2342   width: 8.333333333333332%;
2343   margin: 30 auto;
2344 }
2345 /*
2346  this  appears to break the layout on dialog buttons on mobile?
2347 @media (max-width: 568px) {
2348     .modal-footer .btn+.btn {
2349             margin-left: 0px;
2350             margin-top: 5px;
2351     }
2352 }
2353 */
2354 .modal-body.roo-layout-container,
2355 .modal-body > .container {
2356   padding: 0;
2357 }
2358 .modal-dialog {
2359   max-width: 100%;
2360 }
2361 .modal-body > .container .col-xs-12 {
2362   padding: 0;
2363 }
2364 @media (max-width: 768px) {
2365   .modal-body .col-md-12 {
2366     padding: 0;
2367   }
2368   .modal-body {
2369     padding: 5px;
2370   }
2371   .modal-body .row {
2372     margin-left: -5px;
2373     margin-right: -5px;
2374   }
2375 }
2376 .roo-navigation-bar-group,
2377 .roo-navigation-top-bar,
2378 .roo-navigation-bullets-bar,
2379 .roo-navigation-bottom-bar {
2380   width: 100%;
2381   float: left;
2382 }
2383 .roo-navigation-bar-text > span {
2384   text-transform: uppercase;
2385   width: 90%;
2386   display: inline-block;
2387 }
2388 .roo-navigation-bar-text {
2389   float: left;
2390   line-height: 24px;
2391   height: 100%;
2392   min-height: 24px;
2393   text-align: center;
2394   position: relative;
2395 }
2396 .roo-navigation-bar {
2397   counter-reset: step;
2398   text-align: center;
2399   padding: 0px;
2400   overflow: hidden;
2401   margin: 0px;
2402 }
2403 .roo-navigation-bar .roo-navigation-bar-item {
2404   list-style-type: none;
2405   color: #000000;
2406   text-transform: uppercase;
2407   font-size: 14px;
2408   float: left;
2409   position: relative;
2410 }
2411 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2412   counter-increment: step;
2413   width: 25px;
2414   line-height: 25px;
2415   display: block;
2416   color: #ffffff;
2417   background: #337ab7;
2418   border-radius: 5px;
2419   font-weight: bold;
2420   cursor: pointer;
2421 }
2422 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2423   content: counter(step);
2424 }
2425 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2426   content: '';
2427   width: 100%;
2428   height: 5px;
2429   background: #337ab7;
2430   position: absolute;
2431   top: 10px;
2432   z-index: -1;
2433 }
2434 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2435   content: none;
2436 }
2437 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2438   background: #ac2925;
2439   color: #ffffff;
2440 }
2441 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2442   background: #777777;
2443   color: #ffffff;
2444   cursor: not-allowed;
2445 }
2446 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2447   cursor: default;
2448 }
2449 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2450   font: normal normal normal 14px/1 FontAwesome;
2451   display: inline-block;
2452 }
2453 @media (min-width: 768px) {
2454   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2455     content: counter(step);
2456   }
2457 }
2458 @media (min-width: 992px) {
2459   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2460   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2461     content: counter(step);
2462   }
2463 }
2464 @media (min-width: 1200px) {
2465   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2466   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2467   .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2468     content: counter(step);
2469   }
2470 }
2471 /* NAV TABS */
2472 .nav-tabs-custom {
2473   margin-bottom: 20px;
2474   background: #ffffff;
2475   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2476 }
2477 .nav-tabs-custom > .nav-tabs {
2478   margin: 0;
2479   border-bottom-color: #777777;
2480 }
2481 .nav-tabs-custom > .nav-tabs > li {
2482   border-top: 3px solid transparent;
2483   margin-bottom: -2px;
2484   margin-right: 5px;
2485 }
2486 .nav-tabs-custom > .nav-tabs > li > a {
2487   -webkit-border-radius: 0 !important;
2488   -moz-border-radius: 0 !important;
2489   border-radius: 0 !important;
2490 }
2491 .nav-tabs-custom > .nav-tabs > li > a,
2492 .nav-tabs-custom > .nav-tabs > li > a:hover {
2493   background: transparent;
2494   margin: 0;
2495 }
2496 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2497 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2498 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2499   border-color: transparent;
2500 }
2501 .nav-tabs-custom > .nav-tabs > li.active {
2502   border-top-color: #337ab7;
2503 }
2504 .nav-tabs-custom > .nav-tabs > li.active > a,
2505 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2506   background-color: #ffffff;
2507 }
2508 .nav-tabs-custom > .nav-tabs > li.active > a {
2509   border-top: 0;
2510   border-left-color: #777777;
2511   border-right-color: #777777;
2512 }
2513 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2514   margin-left: 0px;
2515 }
2516 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2517   border-left-width: 0;
2518 }
2519 .nav-tabs-custom > .nav-tabs.pull-right {
2520   float: none !important;
2521 }
2522 .nav-tabs-custom > .nav-tabs.pull-right > li {
2523   float: right;
2524 }
2525 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2526   margin-right: 0px;
2527 }
2528 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2529   border-left-width: 1px;
2530   border-right-width: 0px;
2531 }
2532 .nav-tabs-custom > .nav-tabs > li.header {
2533   font-weight: 400;
2534   line-height: 35px;
2535   padding: 0 10px;
2536   font-size: 20px;
2537   color: #333333;
2538   cursor: default;
2539 }
2540 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2541 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2542 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2543   margin-right: 10px;
2544 }
2545 .nav-tabs-custom > .tab-content {
2546   background: #ffffff;
2547   padding: 10px;
2548 }
2549 /* --- override it appears it's done un-reliably in JS normally.. */
2550 .tab-content > .tab-pane {
2551   position: absolute;
2552 }
2553 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
2554   margin: 0 5px;
2555 }
2556 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2557   padding: 10px 5px;
2558 }
2559 @media (max-width: 768px) {
2560   .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2561     padding: 5px 5px;
2562   }
2563 }
2564 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
2565   margin-bottom: 0px;
2566 }
2567 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
2568   margin-left: 5px;
2569 }
2570 .tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
2571   padding: 10px 5px;
2572 }
2573 /* for some reason it's -15px on BS */
2574 @media (min-width: 768px) {
2575   .navbar-right {
2576     margin-right: 15px;
2577   }
2578 }
2579 /* was -15 before, on mobile it made the buttons too close to the edit.. */
2580 .navbar-nav {
2581   margin: 0px -5px;
2582 }
2583 table td .navbar {
2584   min-height: auto;
2585 }
2586 .roo-numberbox {
2587   background-color: #337ab7 !important;
2588   border: 10px solid black;
2589 }
2590 .roo-numberbox h {
2591   font-size: 24px;
2592 }
2593 .pull-xs-right {
2594   float: right !important;
2595 }
2596 .roo-radio-set:before,
2597 .roo-radio-set:after {
2598   display: table;
2599   content: " ";
2600   clear: both;
2601 }
2602 .radio.checked label::after {
2603   -webkit-transform: scale(1, 1);
2604   -ms-transform: scale(1, 1);
2605   -o-transform: scale(1, 1);
2606   transform: scale(1, 1);
2607   background-color: #555555;
2608 }
2609 .roo-radio-set.disabled .radio label {
2610   opacity: 0.65;
2611 }
2612 .roo-radio-set.disabled .radio label {
2613   cursor: not-allowed;
2614 }
2615 .roo-radio-primary .radio label::after {
2616   background-color: #ffffff;
2617 }
2618 .roo-radio-primary .radio.checked label::before {
2619   border-color: #337ab7;
2620 }
2621 .roo-radio-primary .radio.checked label::after {
2622   background-color: #337ab7;
2623 }
2624 .roo-radio-danger .radio label::after {
2625   background-color: #d9534f;
2626 }
2627 .roo-radio-danger .radio.checked label::before {
2628   border-color: #d9534f;
2629 }
2630 .roo-radio-danger .radio.checked label::after {
2631   background-color: #d9534f;
2632 }
2633 .roo-radio-info .radio label::after {
2634   background-color: #ffffff;
2635 }
2636 .roo-radio-info .radio.checked label::before {
2637   border-color: #5bc0de;
2638 }
2639 .roo-radio-info .radio.checked label::after {
2640   background-color: #5bc0de;
2641 }
2642 .roo-radio-warning .radio label::after {
2643   background-color: #ffffff;
2644 }
2645 .roo-radio-warning .radio.checked label::before {
2646   border-color: #f0ad4e;
2647 }
2648 .roo-radio-warning .radio.checked label::after {
2649   background-color: #f0ad4e;
2650 }
2651 .roo-radio-success .radio label::after {
2652   background-color: #ffffff;
2653 }
2654 .roo-radio-success .radio.checked label::before {
2655   border-color: #5cb85c;
2656 }
2657 .roo-radio-success .radio.checked label::after {
2658   background-color: #5cb85c;
2659 }
2660 .roo-radio-set.has-warning .roo-radio-set-items label,
2661 .roo-radio-set.has-warning .roo-radio-set-label {
2662   color: #f0ad4e;
2663 }
2664 .roo-radio-set.has-error .roo-radio-set-items label,
2665 .roo-radio-set.has-error .roo-radio-set-label {
2666   color: #d9534f;
2667 }
2668 .roo-radio-set.has-success .roo-radio-set-items label,
2669 .roo-radio-set.has-success .roo-radio-set-label {
2670   color: #5cb85c;
2671 }
2672 .roo-radio-set-inline .radio {
2673   position: relative;
2674   display: inline-block;
2675   padding-left: 20px;
2676   margin-top: 0px;
2677   margin-bottom: 0;
2678   font-weight: 400;
2679   vertical-align: middle;
2680   cursor: pointer;
2681 }
2682 .roo-radio-set-inline .radio + .radio {
2683   margin-left: 10px;
2684 }
2685 .roo-radio-set-label .roo-required-indicator.right-indicator {
2686   position: absolute;
2687 }
2688 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2689   font-size: 8px;
2690   margin-left: 3px;
2691   color: #d9534f;
2692 }
2693 .roo-form-error-popover.in {
2694   opacity: 1;
2695 }
2696 .roo-form-error-popover .tooltip-inner {
2697   max-width: 100%;
2698   padding: 10px;
2699 }
2700 .x-form-field-wrap .form-group {
2701   /* what is this doing here?? */
2702   margin-bottom: 0px;
2703 }
2704 .roo-password-meter-grey {
2705   background: #777777;
2706   margin-bottom: 30px;
2707   height: 10px;
2708 }
2709 .roo-password-meter {
2710   font-size: 12px;
2711 }
2712 .roo-password-meter-container {
2713   margin-bottom: 20px;
2714 }
2715 .roo-password-meter-tooweak {
2716   background: #d9534f;
2717   height: 10px;
2718 }
2719 .roo-password-meter-weak {
2720   background: #f0ad4e;
2721   height: 10px;
2722 }
2723 .roo-password-meter-medium {
2724   background: #5bc0de;
2725   height: 10px;
2726 }
2727 .roo-password-meter-strong {
2728   background: #5cb85c;
2729   height: 10px;
2730 }
2731 .roo-password-meter-text {
2732   /* padding-bottom:5px; */
2733   margin-bottom: 30px;
2734   font-size: 12px;
2735   height: 10px;
2736 }
2737 /*
2738 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
2739 */
2740 .roo-select2-container {
2741   margin: 0;
2742   position: relative;
2743   /*display: inline-block;*/
2744   /* inline-block for ie7 */
2745   zoom: 1;
2746   *display: inline;
2747   vertical-align: middle;
2748 }
2749 .roo-select2-container,
2750 .roo-select2-drop,
2751 .roo-select2-search,
2752 .roo-select2-search input {
2753   /*
2754     Force border-box so that % widths fit the parent
2755     container without overlap because of margin/padding.
2756     More Info : http://www.quirksmode.org/css/box.html
2757   */
2758   -webkit-box-sizing: border-box;
2759   /* webkit */
2760   -moz-box-sizing: border-box;
2761   /* firefox */
2762   box-sizing: border-box;
2763   /* css3 */
2764 }
2765 .roo-select2-container .roo-select2-choice {
2766   display: block;
2767   height: 26px;
2768   padding: 0 0 0 8px;
2769   overflow: hidden;
2770   position: relative;
2771   border: 1px solid #777777;
2772   white-space: nowrap;
2773   line-height: 26px;
2774   color: #333333;
2775   text-decoration: none;
2776   border-radius: 4px;
2777   background-clip: padding-box;
2778   -webkit-touch-callout: none;
2779   -webkit-user-select: none;
2780   -moz-user-select: none;
2781   -ms-user-select: none;
2782   user-select: none;
2783   background-color: #ffffff;
2784   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2785   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2786   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2787   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2788   background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2789 }
2790 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2791   border-bottom-color: #777777;
2792   border-radius: 0 0 4px 4px;
2793   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2794   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2795   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2796   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2797   background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2798 }
2799 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2800   margin-right: 42px;
2801 }
2802 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2803   margin-right: 26px;
2804   display: block;
2805   overflow: hidden;
2806   white-space: nowrap;
2807   text-overflow: ellipsis;
2808   float: none;
2809   width: auto;
2810 }
2811 .roo-select2-container .roo-select2-choice abbr {
2812   display: none;
2813   width: 12px;
2814   height: 12px;
2815   position: absolute;
2816   right: 24px;
2817   top: 8px;
2818   font-size: 1px;
2819   text-decoration: none;
2820   border: 0;
2821   background: url('../images/select2/select2.png') right top no-repeat;
2822   cursor: pointer;
2823   outline: 0;
2824 }
2825 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2826   display: inline-block;
2827 }
2828 .roo-select2-container .roo-select2-choice abbr:hover {
2829   background-position: right -11px;
2830   cursor: pointer;
2831 }
2832 .roo-select2-drop-mask {
2833   border: 0;
2834   margin: 0;
2835   padding: 0;
2836   position: fixed;
2837   left: 0;
2838   top: 0;
2839   min-height: 100%;
2840   min-width: 100%;
2841   height: auto;
2842   width: auto;
2843   opacity: 0;
2844   z-index: 9998;
2845   /* styles required for IE to work */
2846   background-color: #ffffff;
2847   filter: alpha(opacity=0);
2848 }
2849 .roo-select2-drop {
2850   width: 100%;
2851   margin-top: -1px;
2852   position: absolute;
2853   z-index: 9999;
2854   top: 100%;
2855   background: #ffffff;
2856   color: #000000;
2857   border: 1px solid #777777;
2858   border-top: 0;
2859   border-radius: 0 0 4px 4px;
2860   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2861   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2862 }
2863 .roo-select2-drop.roo-select2-drop-above {
2864   margin-top: 1px;
2865   border-top: 1px solid #777777;
2866   border-bottom: 0;
2867   border-radius: 4px 4px 0 0;
2868   -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2869   box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2870 }
2871 .roo-select2-drop-active {
2872   border: 1px solid #337ab7;
2873   border-top: none;
2874 }
2875 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2876   border-top: 1px solid #337ab7;
2877 }
2878 .roo-select2-drop-auto-width {
2879   border-top: 1px solid #777777;
2880   width: auto;
2881 }
2882 .roo-select2-drop-auto-width .roo-select2-search {
2883   padding-top: 4px;
2884 }
2885 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2886   display: inline-block;
2887   width: 18px;
2888   height: 100%;
2889   position: absolute;
2890   right: 0;
2891   top: 0;
2892   border-left: 1px solid #777777;
2893   border-radius: 0 4px 4px 0;
2894   background-clip: padding-box;
2895   background: #777777;
2896   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2897   background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2898   background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2899   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2900   background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2901 }
2902 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2903   display: block;
2904   width: 100%;
2905   height: 100%;
2906   background: url('../images/select2/select2.png') no-repeat 0 1px;
2907 }
2908 .roo-select2-search {
2909   display: inline-block;
2910   width: 100%;
2911   min-height: 26px;
2912   margin: 0;
2913   padding-left: 4px;
2914   padding-right: 4px;
2915   position: relative;
2916   z-index: 10000;
2917   white-space: nowrap;
2918 }
2919 .roo-select2-search input {
2920   width: 100%;
2921   height: auto !important;
2922   min-height: 26px;
2923   padding: 4px 20px 4px 5px;
2924   margin: 0;
2925   outline: 0;
2926   font-family: sans-serif;
2927   font-size: 1em;
2928   border: 1px solid #777777;
2929   border-radius: 0;
2930   -webkit-box-shadow: none;
2931   box-shadow: none;
2932   background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2933   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
2934   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2935   background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2936   background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2937 }
2938 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2939   margin-top: 4px;
2940 }
2941 .roo-select2-search input.roo-select2-active {
2942   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2943   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
2944   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2945   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2946   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2947 }
2948 .roo-select2-container-active .roo-select2-choice,
2949 .roo-select2-container-active .roo-select2-choices {
2950   border: 1px solid #337ab7;
2951   outline: none;
2952   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2953   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2954 }
2955 .roo-select2-dropdown-open .roo-select2-choice {
2956   border-bottom-color: transparent;
2957   -webkit-box-shadow: 0 1px 0 #ffffff inset;
2958   box-shadow: 0 1px 0 #ffffff inset;
2959   border-bottom-left-radius: 0;
2960   border-bottom-right-radius: 0;
2961   background-color: #eeeeee;
2962   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2963   background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2964   background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2965   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2966   background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2967 }
2968 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2969 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2970   border: 1px solid #337ab7;
2971   border-top-color: transparent;
2972   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2973   background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2974   background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2975   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2976   background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2977 }
2978 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2979   background: transparent;
2980   border-left: none;
2981   filter: none;
2982 }
2983 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2984   background-position: -18px 1px;
2985 }
2986 .roo-select2-hidden-accessible {
2987   border: 0;
2988   clip: rect(0 0 0 0);
2989   height: 1px;
2990   margin: -1px;
2991   overflow: hidden;
2992   padding: 0;
2993   position: absolute;
2994   width: 1px;
2995 }
2996 /* results */
2997 .roo-select2-results {
2998   max-height: 200px;
2999   padding: 0 0 0 4px;
3000   margin: 4px 4px 4px 0;
3001   position: relative;
3002   overflow-x: hidden;
3003   overflow-y: auto;
3004   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3005 }
3006 .roo-select2-results ul.roo-select2-result-sub {
3007   margin: 0;
3008   padding-left: 0;
3009 }
3010 .roo-select2-results li {
3011   list-style: none;
3012   display: list-item;
3013   background-image: none;
3014 }
3015 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
3016   font-weight: bold;
3017 }
3018 .roo-select2-results .roo-select2-result-label {
3019   padding: 3px 7px 4px;
3020   margin: 0;
3021   cursor: pointer;
3022   min-height: 1em;
3023   -webkit-touch-callout: none;
3024   -webkit-user-select: none;
3025   -moz-user-select: none;
3026   -ms-user-select: none;
3027   user-select: none;
3028 }
3029 .roo-select2-results-dept-1 .roo-select2-result-label {
3030   padding-left: 20px;
3031 }
3032 .roo-select2-results-dept-2 .roo-select2-result-label {
3033   padding-left: 40px;
3034 }
3035 .roo-select2-results-dept-3 .roo-select2-result-label {
3036   padding-left: 60px;
3037 }
3038 .roo-select2-results-dept-4 .roo-select2-result-label {
3039   padding-left: 80px;
3040 }
3041 .roo-select2-results-dept-5 .roo-select2-result-label {
3042   padding-left: 100px;
3043 }
3044 .roo-select2-results-dept-6 .roo-select2-result-label {
3045   padding-left: 110px;
3046 }
3047 .roo-select2-results-dept-7 .roo-select2-result-label {
3048   padding-left: 120px;
3049 }
3050 .roo-select2-results .roo-select2-highlighted {
3051   background: #337ab7;
3052   color: #ffffff;
3053 }
3054 .roo-select2-results li em {
3055   background: #f0ad4e;
3056   font-style: normal;
3057 }
3058 .roo-select2-results .roo-select2-highlighted em {
3059   background: transparent;
3060 }
3061 .roo-select2-results .roo-select2-highlighted ul {
3062   background: #ffffff;
3063   color: #000000;
3064 }
3065 .roo-select2-results .roo-select2-no-results,
3066 .roo-select2-results .roo-select2-searching,
3067 .roo-select2-results .roo-select2-selection-limit {
3068   background: #777777;
3069   display: list-item;
3070   padding-left: 5px;
3071 }
3072 /*
3073 disabled look for disabled choices in the results dropdown
3074 */
3075 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3076   color: #eeeeee;
3077   background: #777777;
3078   display: list-item;
3079   cursor: default;
3080 }
3081 .roo-select2-results .roo-select2-disabled {
3082   background: #777777;
3083   display: list-item;
3084   cursor: default;
3085 }
3086 .roo-select2-results .roo-select2-selected {
3087   display: none;
3088 }
3089 .roo-select2-more-results.roo-select2-active {
3090   background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3091 }
3092 .roo-select2-more-results {
3093   background: #777777;
3094   display: list-item;
3095 }
3096 /* disabled styles */
3097 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3098   background-color: #777777;
3099   background-image: none;
3100   border: 1px solid #777777;
3101   cursor: default;
3102 }
3103 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3104   background-color: #777777;
3105   background-image: none;
3106   border-left: 0;
3107 }
3108 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3109   display: none;
3110 }
3111 /* multiselect */
3112 .roo-select2-container-multi .roo-select2-choices {
3113   height: auto !important;
3114   height: 1%;
3115   margin: 0;
3116   padding: 0;
3117   /*position: relative;*/
3118   border: 1px solid #777777;
3119   cursor: text;
3120   overflow: hidden;
3121   background-color: #ffffff;
3122   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3123   background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3124   background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3125   background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3126 }
3127 .roo-select2-locked {
3128   padding: 3px 5px 3px 5px !important;
3129 }
3130 .roo-select2-container-multi .roo-select2-choices {
3131   min-height: 26px;
3132 }
3133 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3134   border: 1px solid #337ab7;
3135   outline: none;
3136   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3137   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3138 }
3139 .roo-select2-container-multi .roo-select2-choices li {
3140   float: left;
3141   list-style: none;
3142 }
3143 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3144   float: right;
3145 }
3146 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3147   margin: 0;
3148   padding: 0;
3149   white-space: nowrap;
3150 }
3151 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3152   padding: 5px;
3153   margin: 1px 0;
3154   font-family: sans-serif;
3155   font-size: 100%;
3156   color: #555555;
3157   outline: 0;
3158   border: 0;
3159   -webkit-box-shadow: none;
3160   box-shadow: none;
3161   background: transparent !important;
3162 }
3163 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3164   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3165 }
3166 .roo-select2-default {
3167   color: #777777 !important;
3168 }
3169 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3170   padding: 4px 7px 4px 16px;
3171   margin: 0 1px;
3172   position: relative;
3173   line-height: 13px;
3174   color: #333333;
3175   cursor: default;
3176   border: 1px solid #777777;
3177   border-radius: 3px;
3178   -webkit-touch-callout: none;
3179   -webkit-user-select: none;
3180   -moz-user-select: none;
3181   -ms-user-select: none;
3182   user-select: none;
3183 }
3184 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3185   margin-left: 0;
3186   margin-right: 5px;
3187 }
3188 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3189   cursor: default;
3190 }
3191 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3192   background: #777777;
3193 }
3194 .roo-select2-search-choice-close {
3195   display: block;
3196   width: 12px;
3197   height: 13px;
3198   position: absolute;
3199   right: 3px;
3200   top: 4px;
3201   font-size: 12px;
3202   outline: none;
3203   color: #777777;
3204   /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
3205 }
3206 .roo-select2-search-choice-close:hover {
3207   color: #333333;
3208 }
3209 html[dir="rtl"] .roo-select2-search-choice-close {
3210   right: auto;
3211   left: 3px;
3212 }
3213 .roo-select2-container-multi .roo-select2-search-choice-close {
3214   left: 3px;
3215 }
3216 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3217   background-position: right -11px;
3218 }
3219 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3220   background-position: right -11px;
3221 }
3222 /* disabled styles */
3223 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3224   background-color: #777777;
3225   background-image: none;
3226   border: 1px solid #777777;
3227   cursor: default;
3228 }
3229 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3230   padding: 3px 5px 3px 5px;
3231   border: 1px solid #777777;
3232   background-image: none;
3233   background-color: #777777;
3234 }
3235 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3236   display: none;
3237   background: none;
3238 }
3239 /* end multiselect */
3240 .roo-select2-result-selectable .roo-select2-match,
3241 .roo-select2-result-unselectable .roo-select2-match {
3242   text-decoration: underline;
3243 }
3244 .roo-select2-offscreen,
3245 .roo-select2-offscreen:focus {
3246   clip: rect(0 0 0 0) !important;
3247   width: 1px !important;
3248   height: 1px !important;
3249   border: 0 !important;
3250   margin: 0 !important;
3251   padding: 0 !important;
3252   overflow: hidden !important;
3253   position: absolute !important;
3254   outline: 0 !important;
3255   left: 0px !important;
3256   top: 0px !important;
3257 }
3258 .roo-select2-display-none {
3259   display: none;
3260 }
3261 .roo-select2-measure-scrollbar {
3262   position: absolute;
3263   top: -10000px;
3264   left: -10000px;
3265   width: 100px;
3266   height: 100px;
3267   overflow: scroll;
3268 }
3269 /* Retina-ize icons */
3270 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3271   .roo-select2-search input,
3272   .roo-select2-search-choice-close,
3273   .roo-select2-container .roo-select2-choice abbr,
3274   .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3275     background-image: url('../images/select2/select2x2.png') !important;
3276     background-repeat: no-repeat !important;
3277     background-size: 60px 40px !important;
3278   }
3279   .roo-select2-search input {
3280     background-position: 100% -21px !important;
3281   }
3282 }
3283 .has-error .roo-select2-choices {
3284   border-color: #d9534f;
3285   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3286   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3287 }
3288 .dropdown-menu .roo-select2-result.disabled {
3289   background-color: #eeeeee;
3290   color: #777777;
3291   cursor: not-allowed;
3292 }
3293 .sidebar {
3294   margin-bottom: 5px;
3295 }
3296 /* override boostrap a:hover */
3297 .sidebar a:hover {
3298   text-decoration: none;
3299 }
3300 .sidebar .sidebar-menu {
3301   list-style: none;
3302   margin: 0;
3303   padding: 0;
3304 }
3305 /* GREY BG */
3306 .sidebar .sidebar-menu > li,
3307 .sidebar .sidebar-menu li.active li.treeview-menu {
3308   margin: 0;
3309   padding: 0;
3310   border-bottom: 1px solid #777777;
3311   background-color: #eeeeee;
3312 }
3313 /* active child menu - white BG */
3314 .sidebar .sidebar-menu li.active li.treeview-menu {
3315   background-color: #777777;
3316 }
3317 .sidebar .sidebar-menu > li > a,
3318 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3319   padding: 12px 5px 12px 15px;
3320   display: block;
3321   color: #333333;
3322 }
3323 .sidebar .sidebar-menu > li > a > .fa,
3324 .sidebar .sidebar-menu > li > a > .glyphicon,
3325 .sidebar .sidebar-menu > li > a > .ion {
3326   width: 20px;
3327 }
3328 .sidebar .sidebar-menu li:hover,
3329 .sidebar .sidebar-menu li:focus,
3330 .sidebar .sidebar-menu li:active,
3331 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3332 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3333 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3334   background-color: #ffffff;
3335 }
3336 .sidebar .sidebar-menu li:hover a,
3337 .sidebar .sidebar-menu li:focus a,
3338 .sidebar .sidebar-menu li:active a,
3339 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3340 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3341 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3342   color: #000000;
3343   text-decoration: none;
3344 }
3345 /* BLUE ACTIVE */
3346 .sidebar .sidebar-menu li.active {
3347   color: #ffffff;
3348   background-color: #337ab7;
3349   border-color: #286090;
3350 }
3351 .sidebar .sidebar-menu li.active:hover,
3352 .sidebar .sidebar-menu li.active:focus,
3353 .sidebar .sidebar-menu li.active.focus {
3354   color: #ffffff;
3355   background-color: #337ab7;
3356   border-color: #286090;
3357 }
3358 .sidebar .sidebar-menu li.active a {
3359   color: #ffffff;
3360 }
3361 .sidebar .sidebar-menu li.disabled {
3362   color: #333333;
3363   background-color: #ffffff;
3364   border-color: #333333;
3365 }
3366 .sidebar .sidebar-menu li.disabled a {
3367   color: #777777;
3368   cursor: default;
3369 }
3370 .sidebar .sidebar-menu li.danger,
3371 .sidebar .sidebar-menu li.danger.active {
3372   color: #ffffff;
3373   background-color: #d9534f;
3374   border-color: #e27c79;
3375 }
3376 .sidebar .sidebar-menu li.danger:hover,
3377 .sidebar .sidebar-menu li.danger:focus,
3378 .sidebar .sidebar-menu li.danger.active:focus {
3379   color: #ffffff;
3380   background-color: #d9534f;
3381   border-color: #c9302c;
3382   border-bottom: 1px solid #c9302c;
3383 }
3384 .sidebar .sidebar-menu li.danger a,
3385 .sidebar .sidebar-menu li.danger.active a {
3386   color: #ffffff;
3387 }
3388 /* --- open  */
3389 .sidebar .sidebar-menu li.open ul {
3390   display: block;
3391 }
3392 .sidebar .sidebar-menu li.open .treeview-menu {
3393   display: block;
3394 }
3395 /* --- treeview menu  */
3396 .sidebar .sidebar-menu .treeview-menu {
3397   display: none;
3398   list-style: none;
3399   padding: 0;
3400   margin: 0;
3401 }
3402 .sidebar .sidebar-menu .treeview-menu > li {
3403   margin: 0;
3404 }
3405 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3406   padding: 5px 5px 5px 20px;
3407   display: block;
3408   font-size: 14px;
3409   margin: 0px 0px;
3410 }
3411 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3412 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3413 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3414   width: 20px;
3415 }
3416 /* background to highlighted treeview node
3417 .sidebar .sidebar-menu li li.treeview-menu.active  {
3418     background: #fff;
3419 }
3420 */
3421 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3422   font-weight: bold;
3423 }
3424 /* active sidebard... */
3425 .badge-default {
3426   background-color: #777777;
3427   color: #ffffff;
3428 }
3429 .badge-primary {
3430   background-color: #337ab7;
3431   color: #ffffff;
3432 }
3433 .badge-success {
3434   background-color: #5cb85c;
3435   color: #ffffff;
3436 }
3437 .badge-info {
3438   background-color: #5bc0de;
3439   color: #ffffff;
3440 }
3441 .badge-warning {
3442   background-color: #f0ad4e;
3443   color: #ffffff;
3444 }
3445 .badge-danger {
3446   background-color: #d9534f;
3447   color: #ffffff;
3448 }
3449 .sidebar .sidebar-menu > li.active .badge-info {
3450   background-color: #ffffff;
3451   color: #5bc0de;
3452 }
3453 /*html, */
3454 /* Sticky footer styles
3455 -------------------------------------------------- */
3456 html.bootstrap-sticky {
3457   position: relative;
3458   min-height: 100%;
3459 }
3460 html.bootstrap-sticky body {
3461   /* Margin bottom by footer height */
3462   margin-bottom: 60px;
3463 }
3464 .bootstrap-sticky-footer {
3465   position: absolute;
3466   bottom: 0;
3467   width: 100%;
3468   /* Set the fixed height of the footer here */
3469   height: 60px;
3470   background-color: #f5f5f5;
3471 }
3472 /* Lastly, apply responsive CSS fixes as necessary */
3473 @media (max-width: 767px) {
3474   .bootstrap-sticky-footer {
3475     margin-left: -20px;
3476     margin-right: -20px;
3477     padding-left: 20px;
3478     padding-right: 20px;
3479   }
3480 }
3481 /* paging toolbar */
3482 .pagination .x-paging-position span {
3483   padding-top: 3px;
3484   padding-bottom: 3px;
3485 }
3486 .pagination .x-paging-position span input {
3487   margin: 0 3px;
3488 }
3489 .navbar .pagination > li > span {
3490   min-height: 34px;
3491 }
3492 .navbar .pagination {
3493   margin: 0;
3494 }
3495 /* these are technicall adminlte related */
3496 .skin-blue .navbar .pagination > li > a:active,
3497 .skin-blue .navbar .pagination > li > a:focus,
3498 .skin-blue .navbar .pagination > li > a {
3499   background-color: #337ab7;
3500 }
3501 .skin-blue .navbar .pagination > li > a:hover {
3502   background-color: #777777;
3503 }
3504 .skin-blue table .navbar {
3505   background-color: #ffffff;
3506 }
3507 .skin-blue .navbar .pagination > li.disabled > a {
3508   background-color: #777777;
3509 }
3510 .skin-blue table .navbar {
3511   margin-bottom: 0;
3512   min-height: 0;
3513 }
3514 .table .sortable {
3515   cursor: pointer;
3516 }
3517 .table-body-fixed tbody {
3518   overflow-y: scroll;
3519   width: 100%;
3520 }
3521 .table-body-fixed thead,
3522 .table-body-fixed tbody,
3523 .table-body-fixed th {
3524   display: block;
3525 }
3526 .table-body-fixed thead {
3527   overflow: hidden;
3528 }
3529 .table-body-fixed tbody td,
3530 .table-body-fixed thead > tr > th {
3531   float: left;
3532   border-bottom-width: 0;
3533 }
3534 /* fake infinate widt.. */
3535 .table-body-fixed thead > tr,
3536 .table-body-fixed tbody > tr {
3537   display: block;
3538   overflow: hidden;
3539 }
3540 /* standard bootstrap does not colour rows very well.. */
3541 .table > tbody > tr.info {
3542   background-color: #d9edf7;
3543 }
3544 .table-hover > tbody > tr.info:hover {
3545   background-color: #c4e3f3;
3546 }
3547 .table tfoot .navbar {
3548   min-height: inherit;
3549 }
3550 /* for ie11 && edge: fixing height inheriting from tbody to tr */
3551 .roo-ie11 table.table tbody tr,
3552 .roo-edge table.table tbody tr {
3553   height: auto;
3554 }
3555 .header .top-bar {
3556   min-height: 30px;
3557   background: #777777;
3558   border-bottom: 1px solid #eeeeee;
3559   padding: 0;
3560 }
3561 @media (min-width: 980px) {
3562   .top-bar .collapse {
3563     display: block !important;
3564     visibility: visible !important;
3565     height: auto !important;
3566     overflow: visible !important;
3567     padding-bottom: 0;
3568   }
3569 }
3570 @media (min-width: 768px) and (max-width: 979px) {
3571   .header .top-bar {
3572     min-height: 0;
3573     padding: 3px 0;
3574   }
3575 }
3576 .header .social,
3577 .footer .social {
3578   margin-right: 4px;
3579   line-height: 30px;
3580   padding-left: 0;
3581   margin-bottom: 0;
3582 }
3583 .footer .social li:last-child,
3584 .footer .social {
3585   margin-right: 0 !important;
3586 }
3587 .header .social li:first-child {
3588   border-left: 1px solid #777777;
3589 }
3590 .header .social li,
3591 .footer .social li {
3592   border-right: 1px solid #777777;
3593   display: table-cell;
3594   vertical-align: middle;
3595   height: 40px;
3596   margin-right: 5px;
3597   width: 40px;
3598   text-align: center;
3599   -webkit-transition: background 0.5s ease-in-out;
3600   -moz-transition: background 0.5s ease-in-out;
3601   -o-transition: background 0.5s ease-in-out;
3602   -ms-transition: background 0.5s ease-in-out;
3603   transition: background 0.5s ease-in-out;
3604   padding: 1px;
3605 }
3606 .header .social i,
3607 .footer .social i {
3608   color: #555555;
3609   font-size: 16px;
3610   -webkit-transition: color 0.5s ease-in-out;
3611   -moz-transition: color 0.5s ease-in-out;
3612   -o-transition: color 0.5s ease-in-out;
3613   -ms-transition: color 0.5s ease-in-out;
3614   transition: color 0.5s ease-in-out;
3615 }
3616 .header .social li:hover a i,
3617 .footer .social li:hover a i {
3618   color: #ffffff;
3619 }
3620 .team .item .team-member-links a.facebook:hover,
3621 .member-social.dark a.facebook:hover,
3622 .header .social li.facebook:hover,
3623 .footer .social li.facebook:hover {
3624   background: #337ab7;
3625 }
3626 .team .item .team-member-links a.dribbble:hover,
3627 .member-social.dark a.dribbble:hover,
3628 .header .social li.dribbble:hover,
3629 .footer .social li.dribbble:hover {
3630   background: #f0ad4e;
3631 }
3632 .team .item .team-member-links a.twitter:hover,
3633 .member-social.dark a.twitter:hover,
3634 .header .social li.twitter:hover,
3635 .footer .social li.twitter:hover {
3636   background: #337ab7;
3637 }
3638 .team .item .team-member-links a.gplus:hover,
3639 .member-social.dark a.gplus:hover,
3640 .header .social li.gplus:hover,
3641 .footer .social li.gplus:hover {
3642   background: #d9534f;
3643 }
3644 .team .item .team-member-links a.linkedin:hover,
3645 .member-social.dark a.linkedin:hover,
3646 .header .social li.linkedin:hover,
3647 .footer .social li.linkedin:hover {
3648   background: #337ab7;
3649 }
3650 .team .item .team-member-links a.pinterest:hover,
3651 .member-social.dark a.pinterest:hover,
3652 .header .social li.pinterest:hover,
3653 .footer .social li.pinterest:hover {
3654   background: #d9534f;
3655 }
3656 .header .social li.rss:hover,
3657 .footer .social li.rss:hover {
3658   background: #f0ad4e;
3659 }
3660 .top-bar .languages {
3661   padding: 8px 0;
3662 }
3663 .top-bar .languages a {
3664   margin-right: 20px;
3665   color: #555555;
3666   font-family: "Open Sans", Helvetica, Arial, sans-serif;
3667   font-size: 14px;
3668   line-height: 24px;
3669 }
3670 /* WTF is this! !!
3671  *
3672  * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
3673  */
3674 .navbar-left .input-group[class*="col-"] {
3675   float: left;
3676 }
3677 .ellipsis {
3678   overflow: hidden;
3679   text-overflow: ellipsis;
3680   display: -webkit-box;
3681   -webkit-line-clamp: 3;
3682   -webkit-box-orient: vertical;
3683 }
3684 .sw-child-headline {
3685   display: inline-block;
3686   width: auto;
3687 }
3688 .box-input-label {
3689   width: 100%;
3690   display: inline-block;
3691   font-weight: bold;
3692 }
3693 .box-label {
3694   margin-left: 5px;
3695   cursor: pointer;
3696 }
3697 /* needed as menu ontop of form does not work */
3698 .input-group .form-control {
3699   z-index: 1;
3700 }
3701 /* admin-lte - messes with checkbox and radio.. */
3702 .checkbox,
3703 .radio {
3704   padding-left: 15px !important;
3705 }
3706 /* inside a column it needs even more padding...*/
3707 /*
3708 * It breaks all the checkbox layout. comment it first...
3709 */
3710 /*.column .checkbox,
3711 .column .radio {
3712     padding-left: 25px !important;
3713 }*/
3714 /* paging toolbar */
3715 .pagination .x-paging-position span {
3716   padding-top: 3px;
3717   padding-bottom: 3px;
3718 }
3719 .pagination .x-paging-position span input {
3720   margin: 0 3px;
3721 }
3722 .panel-header-right {
3723   float: right;
3724   text-align: right;
3725 }
3726 .badge-error {
3727   background-color: #d9534f;
3728 }
3729 .badge-error:hover {
3730   background-color: #c9302c;
3731 }
3732 .badge-warning {
3733   background-color: #f0ad4e;
3734 }
3735 .badge-warning:hover {
3736   background-color: #ec971f;
3737 }
3738 .badge-success {
3739   background-color: #5cb85c;
3740 }
3741 .badge-success:hover {
3742   background-color: #449d44;
3743 }
3744 .badge-info {
3745   background-color: #5bc0de;
3746 }
3747 .badge-info:hover {
3748   background-color: #31b0d5;
3749 }
3750 .badge-inverse {
3751   background-color: #333333;
3752 }
3753 .badge-inverse:hover {
3754   background-color: #222222;
3755 }
3756 .tooltip.fade.in {
3757   z-index: 10002;
3758 }
3759 .roo-upload-cropbox-selector {
3760   visibility: hidden;
3761   height: 0px;
3762 }
3763 .roo-upload-cropbox-dialog .modal-header,
3764 .roo-upload-cropbox-dialog .modal-footer {
3765   padding-top: 5px;
3766   padding-bottom: 5px;
3767 }
3768 .roo-upload-cropbox-body {
3769   background-color: #ffffff;
3770   border: 1px solid #777777;
3771   width: 100%;
3772   height: 450px;
3773   max-height: 450px;
3774   position: relative;
3775   overflow: hidden;
3776   cursor: move;
3777 }
3778 .roo-upload-cropbox-preview {
3779   position: absolute;
3780   top: 0px;
3781   left: 0px;
3782   text-align: center;
3783   margin: 0px;
3784   padding: 0px;
3785   border: none;
3786 }
3787 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3788   position: absolute;
3789   /*    top: 50%;
3790     left: 50%;
3791     transform: translate(-50%, -50%);*/
3792   box-sizing: border-box;
3793   border: 1px solid #777777;
3794   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3795   background: none repeat scroll 0% 0% transparent;
3796 }
3797 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3798   height: 100%;
3799   background-color: rgba(0, 0, 0, 0.5);
3800   color: #ffffff;
3801   font-weight: bold;
3802   font-size: 24px;
3803   text-align: center;
3804   padding-top: 50px;
3805   font-style: italic;
3806 }
3807 .roo-upload-cropbox-btn-group button {
3808   background-color: #000000;
3809   color: #ffffff;
3810   border-color: #333333;
3811 }
3812 .roo-upload-cropbox-error-notify {
3813   border-radius: 0px;
3814   text-align: center;
3815   padding: 0px !important;
3816   margin: 0px !important;
3817   position: absolute;
3818   top: 0;
3819   left: 0;
3820 }
3821 .tel-input {
3822   padding-left: 105px;
3823   border-radius: 4px !important;
3824 }
3825 .dial-code-holder {
3826   position: absolute;
3827   width: 60px;
3828   left: 55px;
3829   z-index: 3;
3830   padding: 7px;
3831   border: 1px solid transparent;
3832   background: transparent;
3833   -webkit-touch-callout: none;
3834   -webkit-user-select: none;
3835   -khtml-user-select: none;
3836   -moz-user-select: none;
3837   -ms-user-select: none;
3838   user-select: none;
3839 }
3840 .tel-list li a {
3841   padding-left: 10px;
3842 }
3843 .tel-list li a .flag {
3844   margin-right: 20px;
3845 }
3846 .tel-list li a .dial-code {
3847   color: #999;
3848 }
3849 .flag-box {
3850   position: absolute;
3851   top: 6px;
3852   height: 20px;
3853   width: 50px;
3854   padding: 5px;
3855   margin-left: 5px;
3856   display: flex;
3857   flex-direction: row;
3858   justify-content: space-around;
3859   z-index: 4;
3860 }
3861 .flag-box .caret {
3862   margin-top: 3px;
3863 }
3864 .flag {
3865   background-image: url('../images/default/flags.png');
3866   background-repeat: no-repeat;
3867   width: 20px;
3868   height: inherit;
3869   display: inline-block;
3870   margin-right: 10px;
3871 }
3872 .flag.ac {
3873   height: 10px;
3874   background-position: 0px 0px;
3875 }
3876 .flag.ad {
3877   height: 14px;
3878   background-position: -22px 0px;
3879 }
3880 .flag.ae {
3881   height: 10px;
3882   background-position: -44px 0px;
3883 }
3884 .flag.af {
3885   height: 14px;
3886   background-position: -66px 0px;
3887 }
3888 .flag.ag {
3889   height: 14px;
3890   background-position: -88px 0px;
3891 }
3892 .flag.ai {
3893   height: 10px;
3894   background-position: -110px 0px;
3895 }
3896 .flag.al {
3897   height: 15px;
3898   background-position: -132px 0px;
3899 }
3900 .flag.am {
3901   height: 10px;
3902   background-position: -154px 0px;
3903 }
3904 .flag.ao {
3905   height: 14px;
3906   background-position: -176px 0px;
3907 }
3908 .flag.aq {
3909   height: 14px;
3910   background-position: -198px 0px;
3911 }
3912 .flag.ar {
3913   height: 13px;
3914   background-position: -220px 0px;
3915 }
3916 .flag.as {
3917   height: 10px;
3918   background-position: -242px 0px;
3919 }
3920 .flag.at {
3921   height: 14px;
3922   background-position: -264px 0px;
3923 }
3924 .flag.au {
3925   height: 10px;
3926   background-position: -286px 0px;
3927 }
3928 .flag.aw {
3929   height: 14px;
3930   background-position: -308px 0px;
3931 }
3932 .flag.ax {
3933   height: 13px;
3934   background-position: -330px 0px;
3935 }
3936 .flag.az {
3937   height: 10px;
3938   background-position: -352px 0px;
3939 }
3940 .flag.ba {
3941   height: 10px;
3942   background-position: -374px 0px;
3943 }
3944 .flag.bb {
3945   height: 14px;
3946   background-position: -396px 0px;
3947 }
3948 .flag.bd {
3949   height: 12px;
3950   background-position: -418px 0px;
3951 }
3952 .flag.be {
3953   height: 15px;
3954   background-position: -440px 0px;
3955 }
3956 .flag.bf {
3957   height: 14px;
3958   background-position: -460px 0px;
3959 }
3960 .flag.bg {
3961   height: 12px;
3962   background-position: -482px 0px;
3963 }
3964 .flag.bh {
3965   height: 12px;
3966   background-position: -504px 0px;
3967 }
3968 .flag.bi {
3969   height: 12px;
3970   background-position: -526px 0px;
3971 }
3972 .flag.bj {
3973   height: 14px;
3974   background-position: -548px 0px;
3975 }
3976 .flag.bl {
3977   height: 14px;
3978   background-position: -570px 0px;
3979 }
3980 .flag.bm {
3981   height: 10px;
3982   background-position: -592px 0px;
3983 }
3984 .flag.bn {
3985   height: 10px;
3986   background-position: -614px 0px;
3987 }
3988 .flag.bo {
3989   height: 14px;
3990   background-position: -636px 0px;
3991 }
3992 .flag.bq {
3993   height: 14px;
3994   background-position: -658px 0px;
3995 }
3996 .flag.br {
3997   height: 14px;
3998   background-position: -680px 0px;
3999 }
4000 .flag.bs {
4001   height: 10px;
4002   background-position: -702px 0px;
4003 }
4004 .flag.bt {
4005   height: 14px;
4006   background-position: -724px 0px;
4007 }
4008 .flag.bv {
4009   height: 15px;
4010   background-position: -746px 0px;
4011 }
4012 .flag.bw {
4013   height: 14px;
4014   background-position: -768px 0px;
4015 }
4016 .flag.by {
4017   height: 10px;
4018   background-position: -790px 0px;
4019 }
4020 .flag.bz {
4021   height: 14px;
4022   background-position: -812px 0px;
4023 }
4024 .flag.ca {
4025   height: 10px;
4026   background-position: -834px 0px;
4027 }
4028 .flag.cc {
4029   height: 10px;
4030   background-position: -856px 0px;
4031 }
4032 .flag.cd {
4033   height: 15px;
4034   background-position: -878px 0px;
4035 }
4036 .flag.cf {
4037   height: 14px;
4038   background-position: -900px 0px;
4039 }
4040 .flag.cg {
4041   height: 14px;
4042   background-position: -922px 0px;
4043 }
4044 .flag.ch {
4045   height: 15px;
4046   background-position: -944px 0px;
4047 }
4048 .flag.ci {
4049   height: 14px;
4050   background-position: -961px 0px;
4051 }
4052 .flag.ck {
4053   height: 10px;
4054   background-position: -983px 0px;
4055 }
4056 .flag.cl {
4057   height: 14px;
4058   background-position: -1005px 0px;
4059 }
4060 .flag.cm {
4061   height: 14px;
4062   background-position: -1027px 0px;
4063 }
4064 .flag.cn {
4065   height: 14px;
4066   background-position: -1049px 0px;
4067 }
4068 .flag.co {
4069   height: 14px;
4070   background-position: -1071px 0px;
4071 }
4072 .flag.cp {
4073   height: 14px;
4074   background-position: -1093px 0px;
4075 }
4076 .flag.cr {
4077   height: 12px;
4078   background-position: -1115px 0px;
4079 }
4080 .flag.cu {
4081   height: 10px;
4082   background-position: -1137px 0px;
4083 }
4084 .flag.cv {
4085   height: 12px;
4086   background-position: -1159px 0px;
4087 }
4088 .flag.cw {
4089   height: 14px;
4090   background-position: -1181px 0px;
4091 }
4092 .flag.cx {
4093   height: 10px;
4094   background-position: -1203px 0px;
4095 }
4096 .flag.cy {
4097   height: 13px;
4098   background-position: -1225px 0px;
4099 }
4100 .flag.cz {
4101   height: 14px;
4102   background-position: -1247px 0px;
4103 }
4104 .flag.de {
4105   height: 12px;
4106   background-position: -1269px 0px;
4107 }
4108 .flag.dg {
4109   height: 10px;
4110   background-position: -1291px 0px;
4111 }
4112 .flag.dj {
4113   height: 14px;
4114   background-position: -1313px 0px;
4115 }
4116 .flag.dk {
4117   height: 15px;
4118   background-position: -1335px 0px;
4119 }
4120 .flag.dm {
4121   height: 10px;
4122   background-position: -1357px 0px;
4123 }
4124 .flag.do {
4125   height: 13px;
4126   background-position: -1379px 0px;
4127 }
4128 .flag.dz {
4129   height: 14px;
4130   background-position: -1401px 0px;
4131 }
4132 .flag.ea {
4133   height: 14px;
4134   background-position: -1423px 0px;
4135 }
4136 .flag.ec {
4137   height: 14px;
4138   background-position: -1445px 0px;
4139 }
4140 .flag.ee {
4141   height: 13px;
4142   background-position: -1467px 0px;
4143 }
4144 .flag.eg {
4145   height: 14px;
4146   background-position: -1489px 0px;
4147 }
4148 .flag.eh {
4149   height: 10px;
4150   background-position: -1511px 0px;
4151 }
4152 .flag.er {
4153   height: 10px;
4154   background-position: -1533px 0px;
4155 }
4156 .flag.es {
4157   height: 14px;
4158   background-position: -1555px 0px;
4159 }
4160 .flag.et {
4161   height: 10px;
4162   background-position: -1577px 0px;
4163 }
4164 .flag.eu {
4165   height: 14px;
4166   background-position: -1599px 0px;
4167 }
4168 .flag.fi {
4169   height: 12px;
4170   background-position: -1621px 0px;
4171 }
4172 .flag.fj {
4173   height: 10px;
4174   background-position: -1643px 0px;
4175 }
4176 .flag.fk {
4177   height: 10px;
4178   background-position: -1665px 0px;
4179 }
4180 .flag.fm {
4181   height: 11px;
4182   background-position: -1687px 0px;
4183 }
4184 .flag.fo {
4185   height: 15px;
4186   background-position: -1709px 0px;
4187 }
4188 .flag.fr {
4189   height: 14px;
4190   background-position: -1731px 0px;
4191 }
4192 .flag.ga {
4193   height: 15px;
4194   background-position: -1753px 0px;
4195 }
4196 .flag.gb {
4197   height: 10px;
4198   background-position: -1775px 0px;
4199 }
4200 .flag.gd {
4201   height: 12px;
4202   background-position: -1797px 0px;
4203 }
4204 .flag.ge {
4205   height: 14px;
4206   background-position: -1819px 0px;
4207 }
4208 .flag.gf {
4209   height: 14px;
4210   background-position: -1841px 0px;
4211 }
4212 .flag.gg {
4213   height: 14px;
4214   background-position: -1863px 0px;
4215 }
4216 .flag.gh {
4217   height: 14px;
4218   background-position: -1885px 0px;
4219 }
4220 .flag.gi {
4221   height: 10px;
4222   background-position: -1907px 0px;
4223 }
4224 .flag.gl {
4225   height: 14px;
4226   background-position: -1929px 0px;
4227 }
4228 .flag.gm {
4229   height: 14px;
4230   background-position: -1951px 0px;
4231 }
4232 .flag.gn {
4233   height: 14px;
4234   background-position: -1973px 0px;
4235 }
4236 .flag.gp {
4237   height: 14px;
4238   background-position: -1995px 0px;
4239 }
4240 .flag.gq {
4241   height: 14px;
4242   background-position: -2017px 0px;
4243 }
4244 .flag.gr {
4245   height: 14px;
4246   background-position: -2039px 0px;
4247 }
4248 .flag.gs {
4249   height: 10px;
4250   background-position: -2061px 0px;
4251 }
4252 .flag.gt {
4253   height: 13px;
4254   background-position: -2083px 0px;
4255 }
4256 .flag.gu {
4257   height: 11px;
4258   background-position: -2105px 0px;
4259 }
4260 .flag.gw {
4261   height: 10px;
4262   background-position: -2127px 0px;
4263 }
4264 .flag.gy {
4265   height: 12px;
4266   background-position: -2149px 0px;
4267 }
4268 .flag.hk {
4269   height: 14px;
4270   background-position: -2171px 0px;
4271 }
4272 .flag.hm {
4273   height: 10px;
4274   background-position: -2193px 0px;
4275 }
4276 .flag.hn {
4277   height: 10px;
4278   background-position: -2215px 0px;
4279 }
4280 .flag.hr {
4281   height: 10px;
4282   background-position: -2237px 0px;
4283 }
4284 .flag.ht {
4285   height: 12px;
4286   background-position: -2259px 0px;
4287 }
4288 .flag.hu {
4289   height: 10px;
4290   background-position: -2281px 0px;
4291 }
4292 .flag.ic {
4293   height: 14px;
4294   background-position: -2303px 0px;
4295 }
4296 .flag.id {
4297   height: 14px;
4298   background-position: -2325px 0px;
4299 }
4300 .flag.ie {
4301   height: 10px;
4302   background-position: -2347px 0px;
4303 }
4304 .flag.il {
4305   height: 15px;
4306   background-position: -2369px 0px;
4307 }
4308 .flag.im {
4309   height: 10px;
4310   background-position: -2391px 0px;
4311 }
4312 .flag.in {
4313   height: 14px;
4314   background-position: -2413px 0px;
4315 }
4316 .flag.io {
4317   height: 10px;
4318   background-position: -2435px 0px;
4319 }
4320 .flag.iq {
4321   height: 14px;
4322   background-position: -2457px 0px;
4323 }
4324 .flag.ir {
4325   height: 12px;
4326   background-position: -2479px 0px;
4327 }
4328 .flag.is {
4329   height: 15px;
4330   background-position: -2501px 0px;
4331 }
4332 .flag.it {
4333   height: 14px;
4334   background-position: -2523px 0px;
4335 }
4336 .flag.je {
4337   height: 12px;
4338   background-position: -2545px 0px;
4339 }
4340 .flag.jm {
4341   height: 10px;
4342   background-position: -2567px 0px;
4343 }
4344 .flag.jo {
4345   height: 10px;
4346   background-position: -2589px 0px;
4347 }
4348 .flag.jp {
4349   height: 14px;
4350   background-position: -2611px 0px;
4351 }
4352 .flag.ke {
4353   height: 14px;
4354   background-position: -2633px 0px;
4355 }
4356 .flag.kg {
4357   height: 12px;
4358   background-position: -2655px 0px;
4359 }
4360 .flag.kh {
4361   height: 13px;
4362   background-position: -2677px 0px;
4363 }
4364 .flag.ki {
4365   height: 10px;
4366   background-position: -2699px 0px;
4367 }
4368 .flag.km {
4369   height: 12px;
4370   background-position: -2721px 0px;
4371 }
4372 .flag.kn {
4373   height: 14px;
4374   background-position: -2743px 0px;
4375 }
4376 .flag.kp {
4377   height: 10px;
4378   background-position: -2765px 0px;
4379 }
4380 .flag.kr {
4381   height: 14px;
4382   background-position: -2787px 0px;
4383 }
4384 .flag.kw {
4385   height: 10px;
4386   background-position: -2809px 0px;
4387 }
4388 .flag.ky {
4389   height: 10px;
4390   background-position: -2831px 0px;
4391 }
4392 .flag.kz {
4393   height: 10px;
4394   background-position: -2853px 0px;
4395 }
4396 .flag.la {
4397   height: 14px;
4398   background-position: -2875px 0px;
4399 }
4400 .flag.lb {
4401   height: 14px;
4402   background-position: -2897px 0px;
4403 }
4404 .flag.lc {
4405   height: 10px;
4406   background-position: -2919px 0px;
4407 }
4408 .flag.li {
4409   height: 12px;
4410   background-position: -2941px 0px;
4411 }
4412 .flag.lk {
4413   height: 10px;
4414   background-position: -2963px 0px;
4415 }
4416 .flag.lr {
4417   height: 11px;
4418   background-position: -2985px 0px;
4419 }
4420 .flag.ls {
4421   height: 14px;
4422   background-position: -3007px 0px;
4423 }
4424 .flag.lt {
4425   height: 12px;
4426   background-position: -3029px 0px;
4427 }
4428 .flag.lu {
4429   height: 12px;
4430   background-position: -3051px 0px;
4431 }
4432 .flag.lv {
4433   height: 10px;
4434   background-position: -3073px 0px;
4435 }
4436 .flag.ly {
4437   height: 10px;
4438   background-position: -3095px 0px;
4439 }
4440 .flag.ma {
4441   height: 14px;
4442   background-position: -3117px 0px;
4443 }
4444 .flag.mc {
4445   height: 15px;
4446   background-position: -3139px 0px;
4447 }
4448 .flag.md {
4449   height: 10px;
4450   background-position: -3160px 0px;
4451 }
4452 .flag.me {
4453   height: 10px;
4454   background-position: -3182px 0px;
4455 }
4456 .flag.mf {
4457   height: 14px;
4458   background-position: -3204px 0px;
4459 }
4460 .flag.mg {
4461   height: 14px;
4462   background-position: -3226px 0px;
4463 }
4464 .flag.mh {
4465   height: 11px;
4466   background-position: -3248px 0px;
4467 }
4468 .flag.mk {
4469   height: 10px;
4470   background-position: -3270px 0px;
4471 }
4472 .flag.ml {
4473   height: 14px;
4474   background-position: -3292px 0px;
4475 }
4476 .flag.mm {
4477   height: 14px;
4478   background-position: -3314px 0px;
4479 }
4480 .flag.mn {
4481   height: 10px;
4482   background-position: -3336px 0px;
4483 }
4484 .flag.mo {
4485   height: 14px;
4486   background-position: -3358px 0px;
4487 }
4488 .flag.mp {
4489   height: 10px;
4490   background-position: -3380px 0px;
4491 }
4492 .flag.mq {
4493   height: 14px;
4494   background-position: -3402px 0px;
4495 }
4496 .flag.mr {
4497   height: 14px;
4498   background-position: -3424px 0px;
4499 }
4500 .flag.ms {
4501   height: 10px;
4502   background-position: -3446px 0px;
4503 }
4504 .flag.mt {
4505   height: 14px;
4506   background-position: -3468px 0px;
4507 }
4508 .flag.mu {
4509   height: 14px;
4510   background-position: -3490px 0px;
4511 }
4512 .flag.mv {
4513   height: 14px;
4514   background-position: -3512px 0px;
4515 }
4516 .flag.mw {
4517   height: 14px;
4518   background-position: -3534px 0px;
4519 }
4520 .flag.mx {
4521   height: 12px;
4522   background-position: -3556px 0px;
4523 }
4524 .flag.my {
4525   height: 10px;
4526   background-position: -3578px 0px;
4527 }
4528 .flag.mz {
4529   height: 14px;
4530   background-position: -3600px 0px;
4531 }
4532 .flag.na {
4533   height: 14px;
4534   background-position: -3622px 0px;
4535 }
4536 .flag.nc {
4537   height: 10px;
4538   background-position: -3644px 0px;
4539 }
4540 .flag.ne {
4541   height: 15px;
4542   background-position: -3666px 0px;
4543 }
4544 .flag.nf {
4545   height: 10px;
4546   background-position: -3686px 0px;
4547 }
4548 .flag.ng {
4549   height: 10px;
4550   background-position: -3708px 0px;
4551 }
4552 .flag.ni {
4553   height: 12px;
4554   background-position: -3730px 0px;
4555 }
4556 .flag.nl {
4557   height: 14px;
4558   background-position: -3752px 0px;
4559 }
4560 .flag.no {
4561   height: 15px;
4562   background-position: -3774px 0px;
4563 }
4564 .flag.np {
4565   height: 15px;
4566   background-position: -3796px 0px;
4567 }
4568 .flag.nr {
4569   height: 10px;
4570   background-position: -3811px 0px;
4571 }
4572 .flag.nu {
4573   height: 10px;
4574   background-position: -3833px 0px;
4575 }
4576 .flag.nz {
4577   height: 10px;
4578   background-position: -3855px 0px;
4579 }
4580 .flag.om {
4581   height: 10px;
4582   background-position: -3877px 0px;
4583 }
4584 .flag.pa {
4585   height: 14px;
4586   background-position: -3899px 0px;
4587 }
4588 .flag.pe {
4589   height: 14px;
4590   background-position: -3921px 0px;
4591 }
4592 .flag.pf {
4593   height: 14px;
4594   background-position: -3943px 0px;
4595 }
4596 .flag.pg {
4597   height: 15px;
4598   background-position: -3965px 0px;
4599 }
4600 .flag.ph {
4601   height: 10px;
4602   background-position: -3987px 0px;
4603 }
4604 .flag.pk {
4605   height: 14px;
4606   background-position: -4009px 0px;
4607 }
4608 .flag.pl {
4609   height: 13px;
4610   background-position: -4031px 0px;
4611 }
4612 .flag.pm {
4613   height: 14px;
4614   background-position: -4053px 0px;
4615 }
4616 .flag.pn {
4617   height: 10px;
4618   background-position: -4075px 0px;
4619 }
4620 .flag.pr {
4621   height: 14px;
4622   background-position: -4097px 0px;
4623 }
4624 .flag.ps {
4625   height: 10px;
4626   background-position: -4119px 0px;
4627 }
4628 .flag.pt {
4629   height: 14px;
4630   background-position: -4141px 0px;
4631 }
4632 .flag.pw {
4633   height: 13px;
4634   background-position: -4163px 0px;
4635 }
4636 .flag.py {
4637   height: 11px;
4638   background-position: -4185px 0px;
4639 }
4640 .flag.qa {
4641   height: 8px;
4642   background-position: -4207px 0px;
4643 }
4644 .flag.re {
4645   height: 14px;
4646   background-position: -4229px 0px;
4647 }
4648 .flag.ro {
4649   height: 14px;
4650   background-position: -4251px 0px;
4651 }
4652 .flag.rs {
4653   height: 14px;
4654   background-position: -4273px 0px;
4655 }
4656 .flag.ru {
4657   height: 14px;
4658   background-position: -4295px 0px;
4659 }
4660 .flag.rw {
4661   height: 14px;
4662   background-position: -4317px 0px;
4663 }
4664 .flag.sa {
4665   height: 14px;
4666   background-position: -4339px 0px;
4667 }
4668 .flag.sb {
4669   height: 10px;
4670   background-position: -4361px 0px;
4671 }
4672 .flag.sc {
4673   height: 10px;
4674   background-position: -4383px 0px;
4675 }
4676 .flag.sd {
4677   height: 10px;
4678   background-position: -4405px 0px;
4679 }
4680 .flag.se {
4681   height: 13px;
4682   background-position: -4427px 0px;
4683 }
4684 .flag.sg {
4685   height: 14px;
4686   background-position: -4449px 0px;
4687 }
4688 .flag.sh {
4689   height: 10px;
4690   background-position: -4471px 0px;
4691 }
4692 .flag.si {
4693   height: 10px;
4694   background-position: -4493px 0px;
4695 }
4696 .flag.sj {
4697   height: 15px;
4698   background-position: -4515px 0px;
4699 }
4700 .flag.sk {
4701   height: 14px;
4702   background-position: -4537px 0px;
4703 }
4704 .flag.sl {
4705   height: 14px;
4706   background-position: -4559px 0px;
4707 }
4708 .flag.sm {
4709   height: 15px;
4710   background-position: -4581px 0px;
4711 }
4712 .flag.sn {
4713   height: 14px;
4714   background-position: -4603px 0px;
4715 }
4716 .flag.so {
4717   height: 14px;
4718   background-position: -4625px 0px;
4719 }
4720 .flag.sr {
4721   height: 14px;
4722   background-position: -4647px 0px;
4723 }
4724 .flag.ss {
4725   height: 10px;
4726   background-position: -4669px 0px;
4727 }
4728 .flag.st {
4729   height: 10px;
4730   background-position: -4691px 0px;
4731 }
4732 .flag.sv {
4733   height: 12px;
4734   background-position: -4713px 0px;
4735 }
4736 .flag.sx {
4737   height: 14px;
4738   background-position: -4735px 0px;
4739 }
4740 .flag.sy {
4741   height: 14px;
4742   background-position: -4757px 0px;
4743 }
4744 .flag.sz {
4745   height: 14px;
4746   background-position: -4779px 0px;
4747 }
4748 .flag.ta {
4749   height: 10px;
4750   background-position: -4801px 0px;
4751 }
4752 .flag.tc {
4753   height: 10px;
4754   background-position: -4823px 0px;
4755 }
4756 .flag.td {
4757   height: 14px;
4758   background-position: -4845px 0px;
4759 }
4760 .flag.tf {
4761   height: 14px;
4762   background-position: -4867px 0px;
4763 }
4764 .flag.tg {
4765   height: 13px;
4766   background-position: -4889px 0px;
4767 }
4768 .flag.th {
4769   height: 14px;
4770   background-position: -4911px 0px;
4771 }
4772 .flag.tj {
4773   height: 10px;
4774   background-position: -4933px 0px;
4775 }
4776 .flag.tk {
4777   height: 10px;
4778   background-position: -4955px 0px;
4779 }
4780 .flag.tl {
4781   height: 10px;
4782   background-position: -4977px 0px;
4783 }
4784 .flag.tm {
4785   height: 14px;
4786   background-position: -4999px 0px;
4787 }
4788 .flag.tn {
4789   height: 14px;
4790   background-position: -5021px 0px;
4791 }
4792 .flag.to {
4793   height: 10px;
4794   background-position: -5043px 0px;
4795 }
4796 .flag.tr {
4797   height: 14px;
4798   background-position: -5065px 0px;
4799 }
4800 .flag.tt {
4801   height: 12px;
4802   background-position: -5087px 0px;
4803 }
4804 .flag.tv {
4805   height: 10px;
4806   background-position: -5109px 0px;
4807 }
4808 .flag.tw {
4809   height: 14px;
4810   background-position: -5131px 0px;
4811 }
4812 .flag.tz {
4813   height: 14px;
4814   background-position: -5153px 0px;
4815 }
4816 .flag.ua {
4817   height: 14px;
4818   background-position: -5175px 0px;
4819 }
4820 .flag.ug {
4821   height: 14px;
4822   background-position: -5197px 0px;
4823 }
4824 .flag.um {
4825   height: 11px;
4826   background-position: -5219px 0px;
4827 }
4828 .flag.us {
4829   height: 11px;
4830   background-position: -5241px 0px;
4831 }
4832 .flag.uy {
4833   height: 14px;
4834   background-position: -5263px 0px;
4835 }
4836 .flag.uz {
4837   height: 10px;
4838   background-position: -5285px 0px;
4839 }
4840 .flag.va {
4841   height: 15px;
4842   background-position: -5307px 0px;
4843 }
4844 .flag.vc {
4845   height: 14px;
4846   background-position: -5324px 0px;
4847 }
4848 .flag.ve {
4849   height: 14px;
4850   background-position: -5346px 0px;
4851 }
4852 .flag.vg {
4853   height: 10px;
4854   background-position: -5368px 0px;
4855 }
4856 .flag.vi {
4857   height: 14px;
4858   background-position: -5390px 0px;
4859 }
4860 .flag.vn {
4861   height: 14px;
4862   background-position: -5412px 0px;
4863 }
4864 .flag.vu {
4865   height: 12px;
4866   background-position: -5434px 0px;
4867 }
4868 .flag.wf {
4869   height: 14px;
4870   background-position: -5456px 0px;
4871 }
4872 .flag.ws {
4873   height: 10px;
4874   background-position: -5478px 0px;
4875 }
4876 .flag.xk {
4877   height: 15px;
4878   background-position: -5500px 0px;
4879 }
4880 .flag.ye {
4881   height: 14px;
4882   background-position: -5522px 0px;
4883 }
4884 .flag.yt {
4885   height: 14px;
4886   background-position: -5544px 0px;
4887 }
4888 .flag.za {
4889   height: 14px;
4890   background-position: -5566px 0px;
4891 }
4892 .flag.zm {
4893   height: 14px;
4894   background-position: -5588px 0px;
4895 }
4896 .flag.zw {
4897   height: 10px;
4898   background-position: -5610px 0px;
4899 }
4900 .flag.ot {
4901   height: 0px;
4902 }
4903 .roo-money-field .roo-money-currency {
4904   padding-right: 0px;
4905 }
4906 .roo-money-field .roo-money-amount {
4907   padding-left: 0px;
4908 }
4909 .roo-money-field .roo-money-currency-input {
4910   border-right: 0px;
4911 }
4912 .roo-money-field .input-group-addon {
4913   background-color: transparent;
4914   border-left: 0px;
4915   border-right: 0px;
4916   border-radius: 0px;
4917 }
4918 .roo-money-field .roo-money-amount-input {
4919   border-top-left-radius: 0px;
4920   border-bottom-left-radius: 0px;
4921   text-align: right;
4922 }
4923 .has-success .roo-money-currency .roo-select2-container .input-group-addon {
4924   border-color: #3c763d;
4925   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #3c763d;
4926 }
4927 .has-warning .roo-money-currency .roo-select2-container .input-group-addon {
4928   border-color: #8a6d3b;
4929   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #8a6d3b;
4930 }
4931 .has-error .roo-money-currency .roo-select2-container .input-group-addon {
4932   border-color: #a94442;
4933   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442;
4934 }
4935 /*# sourceMappingURL=roojs-bootstrap-debug.css.map */