css-bootstrap/bootstrap.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: 'FontAwesome';
656   content: "\f00c";
657 }
658 .checkbox input[type="checkbox"]:disabled + label {
659   opacity: 0.65;
660 }
661 .checkbox input[type="checkbox"]:disabled + label::before {
662   background-color: #eeeeee;
663   cursor: not-allowed;
664 }
665 .checkbox.checkbox-circle label::before {
666   border-radius: 50%;
667 }
668 .checkbox-primary input[type="checkbox"]:checked + label::before {
669   background-color: #337ab7;
670   border-color: #337ab7;
671 }
672 .checkbox-primary input[type="checkbox"]:checked + label::after {
673   color: #ffffff;
674 }
675 .checkbox-danger input[type="checkbox"]:checked + label::before {
676   background-color: #d9534f;
677   border-color: #d9534f;
678 }
679 .checkbox-danger input[type="checkbox"]:checked + label::after {
680   color: #ffffff;
681 }
682 .checkbox-info input[type="checkbox"]:checked + label::before {
683   background-color: #5bc0de;
684   border-color: #5bc0de;
685 }
686 .checkbox-info input[type="checkbox"]:checked + label::after {
687   color: #ffffff;
688 }
689 .checkbox-warning input[type="checkbox"]:checked + label::before {
690   background-color: #f0ad4e;
691   border-color: #f0ad4e;
692 }
693 .checkbox-warning input[type="checkbox"]:checked + label::after {
694   color: #ffffff;
695 }
696 .checkbox-success input[type="checkbox"]:checked + label::before {
697   background-color: #5cb85c;
698   border-color: #5cb85c;
699 }
700 .checkbox-success input[type="checkbox"]:checked + label::after {
701   color: #ffffff;
702 }
703 /* before is the outer cicle */
704 /* after is the inner circle.. */
705 .radio label {
706   display: inline-block;
707   position: relative;
708   padding-left: 5px;
709 }
710 .radio label::before {
711   content: "";
712   display: inline-block;
713   position: absolute;
714   width: 17px;
715   height: 17px;
716   left: 0;
717   margin-left: -20px;
718   border: 1px solid #777777;
719   border-radius: 50%;
720   background-color: #ffffff;
721   -webkit-transition: border 0.15s ease-in-out;
722   -o-transition: border 0.15s ease-in-out;
723   transition: border 0.15s ease-in-out;
724 }
725 .radio label::after {
726   display: inline-block;
727   position: absolute;
728   content: " ";
729   width: 11px;
730   height: 11px;
731   left: 3px;
732   top: 3px;
733   margin-left: -20px;
734   border-radius: 50%;
735   background-color: #ffffff;
736   -webkit-transform: scale(0, 0);
737   -ms-transform: scale(0, 0);
738   -o-transform: scale(0, 0);
739   transform: scale(0, 0);
740   -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
741   -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
742   -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
743   transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
744 }
745 .radio input[type="radio"] {
746   display: none;
747 }
748 .radio input[type="radio"]:checked + label::after {
749   -webkit-transform: scale(1, 1);
750   -ms-transform: scale(1, 1);
751   -o-transform: scale(1, 1);
752   transform: scale(1, 1);
753   background-color: #555555;
754 }
755 .radio input[type="radio"]:disabled + label {
756   opacity: 0.65;
757 }
758 .radio input[type="radio"]:disabled + label::before {
759   cursor: not-allowed;
760 }
761 .radio-primary input[type="radio"] + label::after {
762   background-color: #ffffff;
763 }
764 .radio-primary input[type="radio"]:checked + label::before {
765   border-color: #337ab7;
766 }
767 .radio-primary input[type="radio"]:checked + label::after {
768   background-color: #337ab7;
769 }
770 .radio-danger input[type="radio"] + label::after {
771   background-color: #d9534f;
772 }
773 .radio-danger input[type="radio"]:checked + label::before {
774   border-color: #d9534f;
775 }
776 .radio-danger input[type="radio"]:checked + label::after {
777   background-color: #d9534f;
778 }
779 .radio-info input[type="radio"] + label::after {
780   background-color: #ffffff;
781 }
782 .radio-info input[type="radio"]:checked + label::before {
783   border-color: #5bc0de;
784 }
785 .radio-info input[type="radio"]:checked + label::after {
786   background-color: #5bc0de;
787 }
788 .radio-warning input[type="radio"] + label::after {
789   background-color: #ffffff;
790 }
791 .radio-warning input[type="radio"]:checked + label::before {
792   border-color: #f0ad4e;
793 }
794 .radio-warning input[type="radio"]:checked + label::after {
795   background-color: #f0ad4e;
796 }
797 .radio-success input[type="radio"] + label::after {
798   background-color: #ffffff;
799 }
800 .radio-success input[type="radio"]:checked + label::before {
801   border-color: #5cb85c;
802 }
803 .radio-success input[type="radio"]:checked + label::after {
804   background-color: #5cb85c;
805 }
806 .checkbox.checkbox-inline,
807 .radio.radio-inline {
808   margin-top: 0;
809 }
810 /*
811  *
812  * From https://github.com/danielfarrell/bootstrap-combobox
813  *
814  */
815 .combobox-container {
816   margin-bottom: 5px;
817   *zoom: 1;
818   display: inline-table;
819 }
820 .combobox-container:before,
821 .combobox-container:after {
822   display: table;
823   content: "";
824 }
825 .combobox-container:after {
826   /* clear: both; */
827 }
828 .combobox-container input,
829 .combobox-container .uneditable-input {
830   -webkit-border-radius: 0 3px 3px 0;
831   -moz-border-radius: 0 3px 3px 0;
832   border-radius: 0 3px 3px 0;
833 }
834 .combobox-container input:focus,
835 .combobox-container .uneditable-input:focus {
836   position: relative;
837   z-index: 2;
838 }
839 .combobox-container .uneditable-input {
840   border-left-color: #777777;
841 }
842 .combobox-container .add-on {
843   float: left;
844   display: inline-block;
845   width: auto;
846   min-width: 16px;
847   height: inherit !important;
848   margin-right: -1px;
849   padding: 4px 5px;
850   font-weight: normal;
851   color: #777777;
852   text-align: center;
853   text-shadow: 0 1px 0 #ffffff;
854   background-color: #f5f5f5;
855   border: 1px solid #777777;
856   -webkit-border-radius: 3px 0 0 3px;
857   -moz-border-radius: 3px 0 0 3px;
858   border-radius: 3px 0 0 3px;
859 }
860 .combobox-container .active {
861   background-color: #337ab7;
862   color: #ffffff;
863 }
864 .combobox-container input,
865 .combobox-container .uneditable-input {
866   float: left;
867   -webkit-border-radius: 3px 0 0 3px;
868   -moz-border-radius: 3px 0 0 3px;
869   border-radius: 3px 0 0 3px;
870 }
871 .combobox-container .uneditable-input {
872   border-left-color: #eeeeee;
873   border-right-color: #777777;
874 }
875 .combobox-container .add-on {
876   margin-right: 0;
877   margin-left: -1px;
878   -webkit-border-radius: 0 3px 3px 0;
879   -moz-border-radius: 0 3px 3px 0;
880   border-radius: 0 3px 3px 0;
881 }
882 .combobox-container input:first-child {
883   *margin-left: -160px;
884 }
885 .combobox-container input:first-child + .add-on {
886   *margin-left: -21px;
887 }
888 .combobox-container select {
889   display: inline-block;
890   width: 0;
891   height: 0;
892   border: 0;
893   padding: 0;
894   margin: 0;
895   text-indent: -99999px;
896   *text-indent: 0;
897 }
898 .form-search .combobox-container,
899 .form-inline .combobox-container {
900   display: inline-block;
901   margin-bottom: 0;
902   vertical-align: top;
903 }
904 .form-search .combobox-container .add-on,
905 .form-inline .combobox-container .add-on {
906   vertical-align: middle;
907 }
908 .combobox-selected .combobox-clear {
909   display: inline-block;
910 }
911 .combobox-selected .caret {
912   display: none;
913 }
914 .combobox-clear {
915   display: none;
916   width: 14px;
917   height: 14px;
918   line-height: 14px;
919   vertical-align: top;
920   opacity: 0.3;
921   filter: alpha(opacity=30);
922 }
923 .dropdown:hover .combobox-clear,
924 .open.dropdown .combobox-clear {
925   opacity: 1;
926   filter: alpha(opacity=100);
927 }
928 .btn .combobox-clear {
929   margin-top: 1px;
930   margin-left: 1px;
931 }
932 .btn:hover .combobox-clear,
933 .open.btn-group .combobox-clear {
934   opacity: 1;
935   filter: alpha(opacity=100);
936 }
937 .typeahead-long {
938   max-height: 300px;
939   overflow-y: auto;
940 }
941 .control-group.error .combobox-container .add-on {
942   color: #d9534f;
943   border-color: #d9534f;
944 }
945 .control-group.error .combobox-container .caret {
946   border-top-color: #d9534f;
947 }
948 .control-group.warning .combobox-container .add-on {
949   color: #f0ad4e;
950   border-color: #f0ad4e;
951 }
952 .control-group.warning .combobox-container .caret {
953   border-top-color: #f0ad4e;
954 }
955 .control-group.success .combobox-container .add-on {
956   color: #5cb85c;
957   border-color: #5cb85c;
958 }
959 .control-group.success .combobox-container .caret {
960   border-top-color: #5cb85c;
961 }
962 .btn .combobox-clear [class^="icon-"] {
963   line-height: 1.4em;
964 }
965 .combobox-container .dropdown-menu {
966   border-radius: 0;
967   padding: 0;
968   border: 1px solid #337ab7;
969   border-top: none;
970 }
971 .roo-select2-container .dropdown-menu {
972   border: 1px solid #337ab7;
973 }
974 .dropdown-menu .active {
975   background: #337ab7;
976   color: #ffffff;
977 }
978 .dropdown-menu .active label {
979   color: #ffffff;
980 }
981 .dropdown-menu .roo-select2-result {
982   padding: 3px 7px 4px;
983   margin: 0;
984   cursor: pointer;
985   min-height: 1em;
986   -webkit-touch-callout: none;
987   -webkit-user-select: none;
988   -moz-user-select: none;
989   -ms-user-select: none;
990   user-select: none;
991 }
992 .roo-select2-container,
993 .roo-select2-choices .roo-select2-search-field {
994   width: 100%;
995 }
996 .roo-select2-container .x-combo-noedit {
997   cursor: pointer;
998   background-color: #ffffff;
999 }
1000 .roo-select2-container .x-combo-noedit[disabled] {
1001   cursor: not-allowed;
1002   background-color: #eeeeee;
1003 }
1004 .roo-combobox-tickable .roo-select2-choices {
1005   border: none;
1006   background-image: none;
1007 }
1008 .roo-combobox-tickable .roo-select2-result label {
1009   width: 100%;
1010 }
1011 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
1012 .dropdown-menu {
1013   z-index: 20002 !important;
1014 }
1015 .dropdown-menu .checkbox label {
1016   width: 100%;
1017 }
1018 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
1019   margin-top: 0px;
1020   margin-bottom: 0px;
1021 }
1022 .dropdown-menu .roo-select2-result .checkbox {
1023   margin-top: 3px;
1024   margin-bottom: 3px;
1025 }
1026 .roo-select2-container .input-group-addon {
1027   padding: 6px 12px;
1028   border: 1px solid #cccccc;
1029   border-left: 0px;
1030 }
1031 .roo-select2-container .roo-removable {
1032   position: relative;
1033 }
1034 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1035   position: absolute;
1036   right: 10px;
1037   z-index: 2;
1038   top: 5px;
1039 }
1040 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1041   position: absolute;
1042   right: 35px;
1043   z-index: 2;
1044   top: 5px;
1045 }
1046 /*
1047 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1048     position: absolute;
1049     right: 40px;
1050     z-index: 2;
1051     top: 5px;
1052 }
1053
1054 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1055     position: absolute;
1056     right: 70px;
1057     z-index: 2;
1058     top: 5px;
1059 }
1060
1061
1062 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1063     position: absolute;
1064     right: 35px;
1065     z-index: 2;
1066     top: 5px;
1067 }*/
1068 .has-warning .roo-select2-container-multi {
1069   border: 1px solid #f0ad4e;
1070 }
1071 .roo-ios-select {
1072   width: 100%;
1073 }
1074 /*!
1075  * Datepicker for Bootstrap
1076  *
1077  * Copyright 2012 Stefan Petre
1078  * Improvements by Andrew Rowls
1079  * Licensed under the Apache License v2.0
1080  * http://www.apache.org/licenses/LICENSE-2.0
1081  *
1082  */
1083 .datepicker {
1084   padding: 8px 12px;
1085   margin-top: 1px;
1086   -webkit-border-radius: 4px;
1087   -moz-border-radius: 4px;
1088   border-radius: 4px;
1089   direction: ltr;
1090   font-size: 13px;
1091   /*.dow {
1092                 border-top: 1px solid @gray-light !important;
1093         }*/
1094 }
1095 .datepicker-inline {
1096   width: 220px;
1097 }
1098 .datepicker.datepicker-rtl {
1099   direction: rtl;
1100 }
1101 .datepicker.datepicker-rtl table tr td span {
1102   float: right;
1103 }
1104 .datepicker-dropdown {
1105   top: 0;
1106   left: 0;
1107 }
1108 /*.datepicker-dropdown:before {
1109   content: '';
1110   display: inline-block;
1111   border-left: 7px solid transparent;
1112   border-right: 7px solid transparent;
1113   border-bottom: 7px solid @gray-light;
1114   border-bottom-color: @black-opacity-20;
1115   position: absolute;
1116   top: -7px;
1117   left: 6px;
1118 }
1119 .datepicker-dropdown:after {
1120   content: '';
1121   display: inline-block;
1122   border-left: 6px solid transparent;
1123   border-right: 6px solid transparent;
1124   border-bottom: 6px solid @body-bg;
1125   position: absolute;
1126   top: -6px;
1127   left: 7px;
1128 }*/
1129 .datepicker-dropdown.bottom:before {
1130   content: '';
1131   display: inline-block;
1132   border-left: 7px solid transparent;
1133   border-right: 7px solid transparent;
1134   border-bottom: 7px solid #777777;
1135   border-bottom-color: rgba(0, 0, 0, 0.2);
1136   position: absolute;
1137   top: -7px;
1138   left: 7px;
1139 }
1140 .datepicker-dropdown.bottom:after {
1141   content: '';
1142   display: inline-block;
1143   border-left: 6px solid transparent;
1144   border-right: 6px solid transparent;
1145   border-bottom: 6px solid #ffffff;
1146   position: absolute;
1147   top: -6px;
1148   left: 8px;
1149 }
1150 .datepicker-dropdown.top:before {
1151   content: '';
1152   display: inline-block;
1153   border-left: 7px solid transparent;
1154   border-right: 7px solid transparent;
1155   border-top: 7px solid #777777;
1156   border-bottom: 0;
1157   border-top-color: rgba(0, 0, 0, 0.2);
1158   position: absolute;
1159   bottom: -7px;
1160   left: 6px;
1161 }
1162 .datepicker-dropdown.top:after {
1163   content: '';
1164   display: inline-block;
1165   border-left: 6px solid transparent;
1166   border-right: 6px solid transparent;
1167   border-top: 6px solid #ffffff;
1168   border-bottom: 0;
1169   position: absolute;
1170   bottom: -6px;
1171   left: 7px;
1172 }
1173 .datepicker-dropdown.bottom-right:before {
1174   content: '';
1175   display: inline-block;
1176   border-left: 7px solid transparent;
1177   border-right: 7px solid transparent;
1178   border-bottom: 7px solid #777777;
1179   border-bottom-color: rgba(0, 0, 0, 0.2);
1180   position: absolute;
1181   top: -7px;
1182   left: 7px;
1183 }
1184 .datepicker-dropdown.bottom-right:after {
1185   content: '';
1186   display: inline-block;
1187   border-left: 6px solid transparent;
1188   border-right: 6px solid transparent;
1189   border-bottom: 6px solid #ffffff;
1190   position: absolute;
1191   top: -6px;
1192   left: 8px;
1193 }
1194 .datepicker-dropdown.bottom-left:before {
1195   content: '';
1196   display: inline-block;
1197   border-left: 7px solid transparent;
1198   border-right: 7px solid transparent;
1199   border-bottom: 7px solid #777777;
1200   border-bottom-color: rgba(0, 0, 0, 0.2);
1201   position: absolute;
1202   top: -7px;
1203   left: 260px;
1204 }
1205 .datepicker-dropdown.bottom-left:after {
1206   content: '';
1207   display: inline-block;
1208   border-left: 6px solid transparent;
1209   border-right: 6px solid transparent;
1210   border-bottom: 6px solid #ffffff;
1211   position: absolute;
1212   top: -6px;
1213   left: 261px;
1214 }
1215 .datepicker-dropdown.top-right:before {
1216   content: '';
1217   display: inline-block;
1218   border-left: 7px solid transparent;
1219   border-right: 7px solid transparent;
1220   border-top: 7px solid #777777;
1221   border-top-color: rgba(0, 0, 0, 0.2);
1222   position: absolute;
1223   bottom: -7px;
1224   left: 6px;
1225 }
1226 .datepicker-dropdown.top-right:after {
1227   content: '';
1228   display: inline-block;
1229   border-left: 6px solid transparent;
1230   border-right: 6px solid transparent;
1231   border-top: 6px solid #ffffff;
1232   position: absolute;
1233   bottom: -6px;
1234   left: 7px;
1235 }
1236 .datepicker-dropdown.top-left:before {
1237   content: '';
1238   display: inline-block;
1239   border-left: 7px solid transparent;
1240   border-right: 7px solid transparent;
1241   border-top: 7px solid #777777;
1242   border-top-color: rgba(0, 0, 0, 0.2);
1243   position: absolute;
1244   bottom: -7px;
1245   left: 260px;
1246 }
1247 .datepicker-dropdown.top-left:after {
1248   content: '';
1249   display: inline-block;
1250   border-left: 6px solid transparent;
1251   border-right: 6px solid transparent;
1252   border-top: 6px solid #ffffff;
1253   position: absolute;
1254   bottom: -6px;
1255   left: 261px;
1256 }
1257 .datepicker > div {
1258   display: none;
1259 }
1260 .datepicker.days div.datepicker-days {
1261   display: block;
1262 }
1263 .datepicker.months div.datepicker-months {
1264   display: block;
1265 }
1266 .datepicker.years div.datepicker-years {
1267   display: block;
1268 }
1269 .datepicker table {
1270   margin: 0;
1271 }
1272 .datepicker td,
1273 .datepicker th {
1274   text-align: center;
1275   width: 20px;
1276   height: 20px;
1277   -webkit-border-radius: 4px;
1278   -moz-border-radius: 4px;
1279   border-radius: 4px;
1280   border: none;
1281 }
1282 .table-striped .datepicker table tr td,
1283 .table-striped .datepicker table tr th {
1284   background-color: transparent;
1285 }
1286 .datepicker table tr td.day:hover {
1287   background: #eeeeee;
1288   cursor: pointer;
1289 }
1290 .datepicker table tr td.old,
1291 .datepicker table tr td.new {
1292   color: #777777;
1293 }
1294 .datepicker table tr td.disabled,
1295 .datepicker table tr td.disabled:hover {
1296   background: none;
1297   color: #777777;
1298   cursor: default;
1299 }
1300 .datepicker table tr td.today,
1301 .datepicker table tr td.today:hover,
1302 .datepicker table tr td.today.disabled,
1303 .datepicker table tr td.today.disabled:hover {
1304   background-color: #f0ad4e;
1305   background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
1306   background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
1307   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
1308   background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
1309   background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
1310   background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
1311   background-repeat: repeat-x;
1312   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
1313   border-color: #f0ad4e #f0ad4e #f0ad4e;
1314   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1315   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1316 }
1317 .datepicker table tr td.today:hover,
1318 .datepicker table tr td.today:hover:hover,
1319 .datepicker table tr td.today.disabled:hover,
1320 .datepicker table tr td.today.disabled:hover:hover,
1321 .datepicker table tr td.today:active,
1322 .datepicker table tr td.today:hover:active,
1323 .datepicker table tr td.today.disabled:active,
1324 .datepicker table tr td.today.disabled:hover:active,
1325 .datepicker table tr td.today.active,
1326 .datepicker table tr td.today:hover.active,
1327 .datepicker table tr td.today.disabled.active,
1328 .datepicker table tr td.today.disabled:hover.active,
1329 .datepicker table tr td.today.disabled,
1330 .datepicker table tr td.today:hover.disabled,
1331 .datepicker table tr td.today.disabled.disabled,
1332 .datepicker table tr td.today.disabled:hover.disabled,
1333 .datepicker table tr td.today[disabled],
1334 .datepicker table tr td.today:hover[disabled],
1335 .datepicker table tr td.today.disabled[disabled],
1336 .datepicker table tr td.today.disabled:hover[disabled] {
1337   background-color: #f0ad4e;
1338 }
1339 .datepicker table tr td.today:active,
1340 .datepicker table tr td.today:hover:active,
1341 .datepicker table tr td.today.disabled:active,
1342 .datepicker table tr td.today.disabled:hover:active,
1343 .datepicker table tr td.today.active,
1344 .datepicker table tr td.today:hover.active,
1345 .datepicker table tr td.today.disabled.active,
1346 .datepicker table tr td.today.disabled:hover.active {
1347   background-color: #f0ad4e;
1348 }
1349 .datepicker table tr td.active,
1350 .datepicker table tr td.active:hover,
1351 .datepicker table tr td.active.disabled,
1352 .datepicker table tr td.active.disabled:hover {
1353   background-color: #337ab7;
1354   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1355   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1356   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1357   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1358   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1359   background-image: linear-gradient(top, #3c87c8, #337ab7);
1360   background-repeat: repeat-x;
1361   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1362   border-color: #337ab7 #337ab7 #286090;
1363   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1364   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1365   color: #ffffff;
1366   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1367 }
1368 .datepicker table tr td.active:hover,
1369 .datepicker table tr td.active:hover:hover,
1370 .datepicker table tr td.active.disabled:hover,
1371 .datepicker table tr td.active.disabled:hover:hover,
1372 .datepicker table tr td.active:active,
1373 .datepicker table tr td.active:hover:active,
1374 .datepicker table tr td.active.disabled:active,
1375 .datepicker table tr td.active.disabled:hover:active,
1376 .datepicker table tr td.active.active,
1377 .datepicker table tr td.active:hover.active,
1378 .datepicker table tr td.active.disabled.active,
1379 .datepicker table tr td.active.disabled:hover.active,
1380 .datepicker table tr td.active.disabled,
1381 .datepicker table tr td.active:hover.disabled,
1382 .datepicker table tr td.active.disabled.disabled,
1383 .datepicker table tr td.active.disabled:hover.disabled,
1384 .datepicker table tr td.active[disabled],
1385 .datepicker table tr td.active:hover[disabled],
1386 .datepicker table tr td.active.disabled[disabled],
1387 .datepicker table tr td.active.disabled:hover[disabled] {
1388   background-color: #337ab7;
1389 }
1390 .datepicker table tr td.active:active,
1391 .datepicker table tr td.active:hover:active,
1392 .datepicker table tr td.active.disabled:active,
1393 .datepicker table tr td.active.disabled:hover:active,
1394 .datepicker table tr td.active.active,
1395 .datepicker table tr td.active:hover.active,
1396 .datepicker table tr td.active.disabled.active,
1397 .datepicker table tr td.active.disabled:hover.active {
1398   background-color: #286090;
1399 }
1400 .datepicker table tr td span {
1401   display: block;
1402   width: 23%;
1403   height: 54px;
1404   line-height: 54px;
1405   float: left;
1406   margin: 1%;
1407   cursor: pointer;
1408   -webkit-border-radius: 4px;
1409   -moz-border-radius: 4px;
1410   border-radius: 4px;
1411 }
1412 .datepicker table tr td span:hover {
1413   background: #eeeeee;
1414 }
1415 .datepicker table tr td span.disabled,
1416 .datepicker table tr td span.disabled:hover {
1417   background: none;
1418   color: #777777;
1419   cursor: default;
1420 }
1421 .datepicker table tr td span.active,
1422 .datepicker table tr td span.active:hover,
1423 .datepicker table tr td span.active.disabled,
1424 .datepicker table tr td span.active.disabled:hover {
1425   background-color: #337ab7;
1426   background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1427   background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1428   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1429   background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1430   background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1431   background-image: linear-gradient(top, #3c87c8, #337ab7);
1432   background-repeat: repeat-x;
1433   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1434   border-color: #337ab7 #337ab7 #286090;
1435   border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1436   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1437   color: #ffffff;
1438   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1439 }
1440 .datepicker table tr td span.active:hover,
1441 .datepicker table tr td span.active:hover:hover,
1442 .datepicker table tr td span.active.disabled:hover,
1443 .datepicker table tr td span.active.disabled:hover:hover,
1444 .datepicker table tr td span.active:active,
1445 .datepicker table tr td span.active:hover:active,
1446 .datepicker table tr td span.active.disabled:active,
1447 .datepicker table tr td span.active.disabled:hover:active,
1448 .datepicker table tr td span.active.active,
1449 .datepicker table tr td span.active:hover.active,
1450 .datepicker table tr td span.active.disabled.active,
1451 .datepicker table tr td span.active.disabled:hover.active,
1452 .datepicker table tr td span.active.disabled,
1453 .datepicker table tr td span.active:hover.disabled,
1454 .datepicker table tr td span.active.disabled.disabled,
1455 .datepicker table tr td span.active.disabled:hover.disabled,
1456 .datepicker table tr td span.active[disabled],
1457 .datepicker table tr td span.active:hover[disabled],
1458 .datepicker table tr td span.active.disabled[disabled],
1459 .datepicker table tr td span.active.disabled:hover[disabled] {
1460   background-color: #337ab7;
1461 }
1462 .datepicker table tr td span.active:active,
1463 .datepicker table tr td span.active:hover:active,
1464 .datepicker table tr td span.active.disabled:active,
1465 .datepicker table tr td span.active.disabled:hover:active,
1466 .datepicker table tr td span.active.active,
1467 .datepicker table tr td span.active:hover.active,
1468 .datepicker table tr td span.active.disabled.active,
1469 .datepicker table tr td span.active.disabled:hover.active {
1470   background-color: #286090;
1471 }
1472 .datepicker table tr td span.old {
1473   color: #777777;
1474 }
1475 .datepicker th.switch {
1476   width: 145px;
1477 }
1478 .datepicker thead tr:first-child th,
1479 .datepicker tfoot tr:first-child th {
1480   cursor: pointer;
1481 }
1482 .datepicker thead tr:first-child th:hover,
1483 .datepicker tfoot tr:first-child th:hover {
1484   background: #eeeeee;
1485 }
1486 .datepicker .cw {
1487   font-size: 10px;
1488   width: 12px;
1489   padding: 0 2px 0 5px;
1490   vertical-align: middle;
1491 }
1492 .datepicker thead tr:first-child th.cw {
1493   cursor: default;
1494   background-color: transparent;
1495 }
1496 .input-append.date .add-on i,
1497 .input-prepend.date .add-on i {
1498   display: block;
1499   cursor: pointer;
1500   width: 16px;
1501   height: 16px;
1502 }
1503 .datepicker .datepicker-time td span {
1504   display: block;
1505   width: 47px;
1506   height: 54px;
1507   line-height: 54px;
1508   float: left;
1509   margin: 2px;
1510   cursor: pointer;
1511   border-radius: 4px;
1512 }
1513 .datepicker .datepicker-time td span.timepicker-hour,
1514 .datepicker .datepicker-time td span.timepicker-minute {
1515   width: 100%;
1516   font-weight: bold;
1517   font-size: 1.2em;
1518 }
1519 .roo-document-manager-selector {
1520   visibility: hidden;
1521   height: 0px;
1522 }
1523 .roo-document-manager-uploader,
1524 .roo-document-manager-loading,
1525 .roo-document-manager-preview {
1526   position: relative;
1527   float: left;
1528   width: 25%;
1529   padding-left: 5px;
1530   height: 100px;
1531   max-height: 100px;
1532   margin-top: 10px;
1533 }
1534 .roo-document-manager-preview.wide {
1535   width: 50%;
1536 }
1537 .roo-document-manager-thumb,
1538 .roo-document-manager-upload-btn {
1539   width: 100%;
1540   height: 100px;
1541   line-height: 100px;
1542   max-height: 100px;
1543   border: 1px solid #eeeeee;
1544   -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1545   -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1546   box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1547 }
1548 .roo-document-manager-thumb > i.fa,
1549 .roo-document-manager-upload-btn > i.fa {
1550   width: 100%;
1551   line-height: 98px;
1552   text-align: center;
1553   vertical-align: middle;
1554   color: #777777;
1555   font-size: 2.5em;
1556 }
1557 .roo-document-manager-thumb > i.fa {
1558   font-size: 2.5em;
1559 }
1560 .roo-document-manager-thumb > img {
1561   width: 100%;
1562   max-height: 100%;
1563   text-align: center;
1564   vertical-align: middle;
1565 }
1566 .roo-document-manager-preview > .close {
1567   position: absolute;
1568   top: 0px;
1569   right: 3px;
1570   font-size: 20px;
1571   opacity: 1;
1572 }
1573 .roo-document-manager-preview > .close:hover {
1574   color: #333333;
1575 }
1576 /*
1577 * sm
1578 */
1579 @media (min-width: 768px) {
1580   .roo-document-manager-uploader,
1581   .roo-document-manager-loading,
1582   .roo-document-manager-preview {
1583     height: 200px;
1584     max-height: 200px;
1585   }
1586   .roo-document-manager-thumb,
1587   .roo-document-manager-upload-btn {
1588     line-height: 200px;
1589     height: 200px;
1590     max-height: 200px;
1591   }
1592   .roo-document-manager-thumb > i.fa,
1593   .roo-document-manager-upload-btn > i.fa {
1594     line-height: 198px;
1595   }
1596 }
1597 /*
1598 * md
1599 */
1600 @media (min-width: 992px) {
1601   .roo-document-manager-uploader,
1602   .roo-document-manager-loading,
1603   .roo-document-manager-preview {
1604     width: 8.33333333%;
1605     height: 80px;
1606     max-height: 80px;
1607   }
1608   .roo-document-manager-preview.wide {
1609     width: 16.66666666%;
1610   }
1611   .roo-document-manager-thumb,
1612   .roo-document-manager-upload-btn {
1613     line-height: 80px;
1614     height: 80px;
1615     max-height: 80px;
1616   }
1617   .roo-document-manager-thumb > i.fa,
1618   .roo-document-manager-upload-btn > i.fa {
1619     line-height: 78px;
1620   }
1621 }
1622 /*
1623 * lg
1624 */
1625 @media (min-width: 1200px) {
1626   .roo-document-manager-uploader,
1627   .roo-document-manager-loading,
1628   .roo-document-manager-preview {
1629     width: 8.33333333%;
1630     height: 100px;
1631     max-height: 100px;
1632   }
1633   .roo-document-manager-preview.wide {
1634     width: 16.66666666%;
1635   }
1636   .roo-document-manager-thumb,
1637   .roo-document-manager-upload-btn {
1638     line-height: 100px;
1639     height: 100px;
1640     max-height: 100px;
1641   }
1642   .roo-document-manager-thumb > i.fa,
1643   .roo-document-manager-upload-btn > i.fa {
1644     line-height: 98px;
1645   }
1646 }
1647 .document-slider-dialog .modal-body {
1648   padding: 0px;
1649 }
1650 .roo-document-slider-header {
1651   background-color: rgba(0, 0, 0, 0.5);
1652 }
1653 .roo-document-slider-header .roo-document-slider-header-title {
1654   width: 80%;
1655   margin: 0 auto;
1656   padding: 10px 0;
1657   color: #ffffff;
1658   font-weight: bold;
1659   text-align: center;
1660 }
1661 .roo-document-slider-body {
1662   background-color: #ffffff;
1663   width: 100%;
1664   height: 450px;
1665   position: relative;
1666   overflow: hidden;
1667 }
1668 .roo-document-slider-body .roo-document-slider-thumb {
1669   position: absolute;
1670   width: 80%;
1671   height: 100%;
1672   top: 50%;
1673   left: 50%;
1674   transform: translate(-50%, -50%);
1675   box-sizing: border-box;
1676   border: 1px solid #666666;
1677   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1678   text-align: center;
1679   vertical-align: middle;
1680   overflow: auto;
1681   cursor: move;
1682 }
1683 .roo-document-slider-body .roo-document-slider-image {
1684   width: 100%;
1685 }
1686 .roo-document-slider-prev {
1687   position: absolute;
1688   top: 0;
1689   left: 0;
1690   text-align: center;
1691   width: 10%;
1692   height: 100%;
1693 }
1694 .roo-document-slider-next {
1695   position: absolute;
1696   top: 0;
1697   right: 0;
1698   text-align: center;
1699   width: 10%;
1700   height: 100%;
1701 }
1702 .roo-document-slider-prev > i,
1703 .roo-document-slider-next > i {
1704   position: relative;
1705   top: 50%;
1706   transform: translateY(-50%);
1707   cursor: pointer;
1708   font-size: 2em;
1709 }
1710 .document-viewer-dialog .modal-dialog {
1711   margin: 0px auto;
1712 }
1713 .document-viewer-dialog .modal-header,
1714 .document-viewer-dialog .modal-footer {
1715   padding-top: 5px;
1716   padding-bottom: 5px;
1717 }
1718 .document-viewer-dialog .modal-body {
1719   padding: 0px;
1720 }
1721 .roo-document-viewer-body {
1722   background-color: #ffffff;
1723   width: 100%;
1724   height: 450px;
1725   max-height: 450px;
1726   position: relative;
1727   overflow: hidden;
1728   cursor: move;
1729 }
1730 .roo-document-viewer-body .roo-document-viewer-thumb {
1731   position: absolute;
1732   width: 80%;
1733   height: 80%;
1734   top: 50%;
1735   left: 50%;
1736   transform: translate(-50%, -50%);
1737   box-sizing: border-box;
1738   border: 1px solid #666666;
1739   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1740   text-align: center;
1741   vertical-align: middle;
1742   overflow: auto;
1743 }
1744 .roo-document-viewer-body .roo-document-viewer-image {
1745   width: 100%;
1746 }
1747 .roo-document-viewer-btn-group button {
1748   background-color: #000000;
1749   color: #ffffff;
1750   border-color: #333333;
1751 }
1752 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1753   border-top-left-radius: 0;
1754 }
1755 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1756   border-top-right-radius: 0;
1757 }
1758 .dropdown-submenu:hover > a,
1759 .dropdown-submenu:focus > a {
1760   color: #ffffff;
1761   text-decoration: none;
1762   background-color: #337ab7;
1763   background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
1764   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
1765   background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
1766   background-image: -o-linear-gradient(top, #337ab7, #3072ab);
1767   background-image: linear-gradient(to bottom, #337ab7, #3072ab);
1768   background-repeat: repeat-x;
1769   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
1770 }
1771 .dropdown-submenu {
1772   position: relative;
1773 }
1774 .dropdown-submenu > .dropdown-menu {
1775   top: 0;
1776   left: 100%;
1777   margin-top: -6px;
1778   margin-left: -1px;
1779   -webkit-border-radius: 0 6px 6px 6px;
1780   -moz-border-radius: 0 6px 6px 6px;
1781   border-radius: 0 6px 6px 6px;
1782 }
1783 .dropdown-submenu:hover > .dropdown-menu {
1784   display: block;
1785 }
1786 .dropup .dropdown-submenu > .dropdown-menu {
1787   top: auto;
1788   bottom: 0;
1789   margin-top: 0;
1790   margin-bottom: -2px;
1791   -webkit-border-radius: 5px 5px 5px 0;
1792   -moz-border-radius: 5px 5px 5px 0;
1793   border-radius: 5px 5px 5px 0;
1794 }
1795 .dropup .dropdown-menu {
1796   -webkit-animation-name: inherit;
1797 }
1798 .dropdown-submenu > a:after {
1799   display: block;
1800   float: right;
1801   width: 0;
1802   height: 0;
1803   margin-top: 5px;
1804   margin-right: -10px;
1805   border-color: transparent;
1806   border-left-color: #777777;
1807   border-style: solid;
1808   border-width: 5px 0 5px 5px;
1809   content: " ";
1810 }
1811 .dropdown-submenu:hover > a:after {
1812   border-left-color: #ffffff;
1813 }
1814 .dropdown-submenu.pull-left {
1815   float: none !important;
1816 }
1817 .dropdown-submenu.pull-left > .dropdown-menu {
1818   left: 0;
1819   margin-left: 1px;
1820   -webkit-border-radius: 6px 0 6px 6px;
1821   -moz-border-radius: 6px 0 6px 6px;
1822   border-radius: 6px 0 6px 6px;
1823 }
1824 .dropdown-button > i {
1825   margin-right: 5px;
1826 }
1827 li.dropdown-toggle i.glyphicon + span {
1828   margin-left: 5px;
1829 }
1830 li.dropdown-toggle span + i.glyphicon {
1831   margin-left: 5px;
1832 }
1833 li.dropdown-menu-item i.fa + span {
1834   margin-left: 5px;
1835 }
1836 div.input-group.has-feedback > .form-control-feedback {
1837   right: 30px;
1838 }
1839 .roo-required-indicator.left-indicator {
1840   margin-right: 5px;
1841 }
1842 .roo-required-indicator.right-indicator {
1843   margin-left: 5px;
1844 }
1845 .label-pill {
1846   padding-right: .6em;
1847   padding-left: .6em;
1848   border-radius: 10rem;
1849 }
1850 .roo-layout-container {
1851   width: 100%;
1852   height: 100%;
1853   overflow: hidden;
1854 }
1855 .roo-layout-inactive-content {
1856   position: absolute;
1857   left: -10000px;
1858   top: -10000px;
1859   visibility: hidden;
1860 }
1861 .roo-layout-active-content {
1862   visibility: visible;
1863   /* padding: 10px; */
1864 }
1865 .roo-layout-panel {
1866   position: absolute;
1867   /* overflow:hidden;  -- menus inside of contains do not work with this */
1868   /*
1869     background-color:white;
1870     border:1px solid #98c0f4;
1871     */
1872 }
1873 .roo-layout-panel-east,
1874 .roo-layout-panel-west {
1875   z-index: 10;
1876 }
1877 .roo-layout-panel-north,
1878 .roo-layout-panel-south {
1879   z-index: 11;
1880 }
1881 /*
1882 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1883     z-index:12;
1884 }
1885 */
1886 .roo-layout-panel-body {
1887   overflow: hidden;
1888 }
1889 /*
1890
1891 .roo-layout-grid-wrapper{
1892
1893 }
1894 */
1895 .roo-layout-split {
1896   position: absolute;
1897   height: 5px;
1898   width: 5px;
1899   line-height: 1px;
1900   font-size: 1px;
1901   z-index: 3;
1902   background-color: #f5f5f5;
1903 }
1904 .roo-layout-split-south,
1905 .roo-layout-split-north {
1906   border-bottom: 1px solid #777777;
1907 }
1908 .roo-layout-split-east,
1909 .roo-layout-split-west {
1910   border-right: 1px solid #777777;
1911 }
1912 .roo-layout-panel-hd {
1913   position: relative;
1914 }
1915 .roo-layout-panel-hd.breadcrumb {
1916   margin-bottom: 0;
1917 }
1918 .roo-layout-panel-hd-text {
1919   padding: 4px;
1920   padding-left: 4px;
1921   display: block;
1922   white-space: nowrap;
1923 }
1924 .roo-layout-panel-hd-tools {
1925   position: absolute;
1926   right: 0;
1927   top: 0;
1928   text-align: right;
1929   padding-top: 2px;
1930   padding-right: 2px;
1931   width: 40px;
1932 }
1933 /*
1934 .x-layout-tools-button{
1935     z-index:6;
1936     padding:2px;
1937     float:right;
1938     cursor:pointer;
1939 }
1940 .x-layout-tools-button-over{
1941     padding:1px;
1942     border:1px solid #98c0f4;
1943     background-color:white;
1944 }
1945 .x-layout-tools-button-inner{
1946     height:12px;
1947     width:12px;
1948     line-height:1px;
1949     font-size:1px;
1950     background-repeat:no-repeat;
1951     background-position:center;
1952 }
1953 .x-layout-close{
1954     background-image:url(../images/default/layout/layout-sprite.gif);
1955     background-repeat: no-repeat;
1956     background-position: 50% -48px;
1957 }
1958 .x-layout-collapse-west,.x-layout-expand-east{
1959     background-image:url(../images/default/layout/layout-sprite.gif);
1960     background-repeat: no-repeat;
1961     background-position: 50% 0;
1962 }
1963 .x-layout-expand-west,.x-layout-collapse-east{
1964     background-image:url(../images/default/layout/layout-sprite.gif);
1965     background-repeat: no-repeat;
1966     background-position: 50% -12px;
1967 }
1968 .x-layout-collapse-north,.x-layout-expand-south{
1969     background-image:url(../images/default/layout/layout-sprite.gif);
1970     background-repeat: no-repeat;
1971     background-position: 50% -24px;
1972 }
1973 .x-layout-expand-north,.x-layout-collapse-south{
1974     background-image:url(../images/default/layout/layout-sprite.gif);
1975     background-repeat: no-repeat;
1976     background-position: 50% -36px;
1977 }
1978 .x-layout-split-h{
1979     background-image:url(../images/default/sizer/e-handle.gif);
1980     background-position: left;
1981     cursor:col-resize;
1982 }
1983 .x-layout-split-v{
1984     background-image:url(../images/default/sizer/s-handle.gif);
1985     background-position: top;
1986     cursor:row-resize;
1987 }
1988 .x-layout-panel .x-tabs-wrap{
1989     background:url(../images/default/layout/gradient-bg.gif);
1990 }
1991 */
1992 .roo-layout-panel .roo-tabbody {
1993   background-color: #ffffff;
1994   overflow: auto;
1995   height: 100%;
1996 }
1997 .roo-layout-component-panel,
1998 .roo-layout-nested-layout {
1999   position: relative;
2000   padding: 0;
2001   overflow: hidden;
2002   width: 200px;
2003   height: 200px;
2004 }
2005 .roo-layout-nested-layout .roo-layout-panel {
2006   border: 0 none;
2007 }
2008 /*
2009 .x-layout-nested-layout .x-layout-panel-north {
2010           border-bottom:1px solid #98c0f4;
2011 }
2012 .x-layout-nested-layout .x-layout-panel-south {
2013           border-top:1px solid #98c0f4;
2014 }
2015 .x-layout-nested-layout .x-layout-panel-east {
2016           border-left:1px solid #98c0f4;
2017 }
2018 .x-layout-nested-layout .x-layout-panel-west {
2019           border-right:1px solid #98c0f4;
2020 }
2021 */
2022 .roo-repaint {
2023   zoom: 1;
2024   background-color: transparent;
2025 }
2026 /*
2027 .x-layout-panel-dragover {
2028         border: 2px solid #6593cf;
2029 }
2030 .x-layout-panel-proxy {
2031         background-image: url(../images/default/layout/gradient-bg.gif);
2032         background-color:#c3daf9;
2033         border:1px dashed #6593cf;
2034         z-index:10001;
2035         overflow:hidden;
2036         position:absolute;
2037         left:0;top:0;
2038 }
2039
2040 .x-layout-slider {
2041         z-index:15;
2042         overflow:hidden;
2043         position:absolute;
2044 }
2045 */
2046 .roo-unselectable {
2047   -moz-user-select: none;
2048   -khtml-user-select: none;
2049   -webkit-user-select: none;
2050   cursor: default;
2051 }
2052 /** --- split bar dragging ---*/
2053 .roo-splitbar-proxy {
2054   z-index: 40009;
2055   visibility: hidden;
2056   position: absolute;
2057   background: #777777;
2058   border: 1px solid #000000;
2059   overflow: hidden;
2060 }
2061 .roo-splitbar-h,
2062 .roo-splitbar-proxy-h {
2063   cursor: col-resize;
2064 }
2065 .roo-splitbar-v,
2066 .roo-splitbar-proxy-v {
2067   cursor: row-resize;
2068 }
2069 /*
2070 .x-grid-resize-proxy
2071 {
2072         z-index:40009;
2073         visibility:hidden;
2074         position:absolute;
2075         background:#666;
2076         border: 1px solid #000;
2077         overflow:hidden;
2078         cursor:col-resize;
2079         overflow:hidden;
2080         width: 2px;
2081 }
2082
2083
2084 */
2085 .roo-layout-panel-body .navbar ul.nav-tabs {
2086   margin-top: 9px;
2087   display: table;
2088 }
2089 .roo-layout-panel-body .navbar {
2090   margin-bottom: 0px;
2091 }
2092 .roo-form-group-label-left::before,
2093 .roo-form-group-label-left::after {
2094   display: table;
2095   content: " ";
2096   clear: both;
2097 }
2098 a.list-group-item,
2099 button.list-group-item {
2100   width: 100%;
2101   color: #555555;
2102   text-align: inherit;
2103 }
2104 .roo-el-mask {
2105   z-index: 20000;
2106   position: absolute;
2107   top: 0;
2108   left: 0;
2109   -moz-opacity: 0.5;
2110   opacity: .50;
2111   filter: alpha(opacity=50);
2112   background-color: #777777;
2113   width: 100%;
2114   height: 100%;
2115   zoom: 1;
2116 }
2117 .roo-el-mask-msg {
2118   position: absolute;
2119   z-index: 20000;
2120   /*border: 4px double #557; */
2121   background-color: #ffffff;
2122   padding: 0px 30px;
2123   background-image: url('../images/ux/lightbox/loading.gif');
2124   background-repeat: no-repeat;
2125   border: 10px solid white;
2126   border-radius: 20px;
2127 }
2128 .roo-el-mask-msg div {
2129   font-family: 'Source Sans Pro', sans-serif;
2130   font-size: 24px;
2131   font-weight: 500;
2132   z-index: 20001;
2133   padding: 4px 15px;
2134   color: #555555;
2135 }
2136 .x-body-masked {
2137   overflow: hidden !important;
2138 }
2139 .x-body-masked select,
2140 .ext-masked object,
2141 .ext-masked embed {
2142   visibility: hidden;
2143 }
2144 .x-dlg-mask {
2145   z-index: 10000;
2146   display: none;
2147   position: absolute;
2148   top: 0;
2149   left: 0;
2150   -moz-opacity: 0.5;
2151   opacity: .50;
2152   filter: alpha(opacity=50);
2153   background-color: #777777;
2154 }
2155 .masonary .masonry-bottom-title {
2156   background-color: transparent;
2157 }
2158 .masonry-brick-link,
2159 .roo-brick-link {
2160   cursor: pointer;
2161   text-decoration: none;
2162   outline: 0;
2163 }
2164 .masonry-brick-paragraph,
2165 .roo-brick-paragraph {
2166   overflow: hidden;
2167 }
2168 .masonry-brick .masonry-brick-paragraph {
2169   padding: 9px;
2170   width: 100%;
2171   height: 100%;
2172   position: absolute;
2173   top: 0;
2174   left: 0;
2175   background-color: inherit;
2176 }
2177 .masonry-center-title .masonry-brick-paragraph,
2178 .masonry-bottom-title .masonry-brick-paragraph,
2179 .roo-brick-center-title .roo-brick-paragraph,
2180 .roo-brick-bottom-title .roo-brick-paragraph {
2181   display: table;
2182 }
2183 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2184 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2185   display: table-cell;
2186   vertical-align: middle;
2187   text-align: center;
2188 }
2189 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2190 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2191   display: table-cell;
2192   vertical-align: bottom;
2193   text-align: right;
2194 }
2195 .masonry-brick-image .masonry-brick-paragraph,
2196 .roo-brick-image .roo-brick-paragraph {
2197   opacity: 0;
2198 }
2199 .masonry-bottom-title .masonry-brick-paragraph {
2200   opacity: 1;
2201 }
2202 .masonry-brick-image-view {
2203   width: 100%;
2204   height: 100%;
2205   object-fit: cover;
2206 }
2207 .masonry-brick-paragraph .masonry-brick-title,
2208 .roo-brick-paragraph .roo-brick-title {
2209   margin-top: 0;
2210 }
2211 .roo-brick .roo-brick-paragraph {
2212   padding: 9px;
2213   width: 100%;
2214   height: 100%;
2215   background-color: inherit;
2216 }
2217 .roo-brick-image-view {
2218   position: absolute;
2219   top: 0;
2220   object-fit: cover;
2221 }
2222 a.roo-brick-link:focus,
2223 a.roo-brick-link:hover {
2224   text-decoration: none;
2225   outline: 0;
2226 }
2227 .masonry-brick-split .masonry-brick-split-head,
2228 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2229   height: 75%;
2230 }
2231 .masonry-brick-split .masonry-brick-split-body {
2232   height: 25%;
2233   padding: 4px;
2234   color: #000000;
2235   font-size: 11px;
2236 }
2237 .enable-mask:hover .masonry-brick-mask {
2238   width: 100%;
2239   height: 100%;
2240   position: absolute;
2241   top: 0;
2242   left: 0;
2243   background-color: #000000;
2244   opacity: 0.2;
2245 }
2246 .mask-inverse .masonry-brick-paragraph {
2247   background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
2248 }
2249 .mask-inverse:hover .masonry-brick-paragraph {
2250   background: none;
2251 }
2252 /* 
2253     Document   : modal
2254     Created on : Apr 23, 2014, 11:24:28 AM
2255     Author     : edward
2256     Description:
2257         Purpose of the stylesheet follows.
2258 */
2259 .modal-md-1,
2260 .modal-md-2,
2261 .modal-md-3,
2262 .modal-md-4,
2263 .modal-md-5,
2264 .modal-md-6,
2265 .modal-md-7,
2266 .modal-md-8,
2267 .modal-md-9,
2268 .modal-md-10,
2269 .modal-md-11,
2270 .modal-md-12 {
2271   float: left;
2272 }
2273 .modal-md-12 .modal-dialog {
2274   width: 100%;
2275   margin: 30 auto;
2276 }
2277 .modal-md-11 .modal-dialog {
2278   width: 91.66666666666666%;
2279   margin: 30 auto;
2280 }
2281 .modal-md-10 .modal-dialog {
2282   width: 83.33333333333334%;
2283   margin: 30 auto;
2284 }
2285 .modal-md-9 .modal-dialog {
2286   width: 75%;
2287   margin: 30 auto;
2288 }
2289 .modal-md-8 .modal-dialog {
2290   width: 66.66666666666666%;
2291   margin: 30 auto;
2292 }
2293 .modal-md-7 .modal-dialog {
2294   width: 58.333333333333336%;
2295   margin: 30 auto;
2296 }
2297 .modal-md-6 .modal-dialog {
2298   width: 50%;
2299   margin: 30 auto;
2300 }
2301 .modal-md-5 .modal-dialog {
2302   width: 41.66666666666667%;
2303   margin: 30 auto;
2304 }
2305 .modal-md-4 .modal-dialog {
2306   width: 33.33333333333333%;
2307   margin: 30 auto;
2308 }
2309 .modal-md-3 .modal-dialog {
2310   width: 25%;
2311   margin: 30 auto;
2312 }
2313 .modal-md-2 .modal-dialog {
2314   width: 16.666666666666664%;
2315   margin: 30 auto;
2316 }
2317 .modal-md-1 .modal-dialog {
2318   width: 8.333333333333332%;
2319   margin: 30 auto;
2320 }
2321 /*
2322  this  appears to break the layout on dialog buttons on mobile?
2323 @media (max-width: 568px) {
2324     .modal-footer .btn+.btn {
2325             margin-left: 0px;
2326             margin-top: 5px;
2327     }
2328 }
2329 */
2330 .modal-body.roo-layout-container {
2331   padding: 0;
2332 }
2333 .roo-navigation-bar-group,
2334 .roo-navigation-top-bar,
2335 .roo-navigation-bullets-bar,
2336 .roo-navigation-bottom-bar {
2337   width: 100%;
2338   float: left;
2339 }
2340 .roo-navigation-bar-text > span {
2341   text-transform: uppercase;
2342   width: 90%;
2343   display: inline-block;
2344 }
2345 .roo-navigation-bar-text {
2346   float: left;
2347   line-height: 24px;
2348   height: 100%;
2349   min-height: 24px;
2350   text-align: center;
2351   position: relative;
2352 }
2353 .roo-navigation-bar {
2354   counter-reset: step;
2355   text-align: center;
2356   padding: 0px;
2357   overflow: hidden;
2358   margin: 0px;
2359 }
2360 .roo-navigation-bar .roo-navigation-bar-item {
2361   list-style-type: none;
2362   color: #000000;
2363   text-transform: uppercase;
2364   font-size: 14px;
2365   float: left;
2366   position: relative;
2367 }
2368 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2369   counter-increment: step;
2370   width: 25px;
2371   line-height: 25px;
2372   display: block;
2373   color: #ffffff;
2374   background: #337ab7;
2375   border-radius: 5px;
2376   font-weight: bold;
2377   cursor: pointer;
2378 }
2379 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2380   content: counter(step);
2381 }
2382 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2383   content: '';
2384   width: 100%;
2385   height: 5px;
2386   background: #337ab7;
2387   position: absolute;
2388   top: 10px;
2389   z-index: -1;
2390 }
2391 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2392   content: none;
2393 }
2394 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2395   background: #ac2925;
2396   color: #ffffff;
2397 }
2398 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2399   background: #777777;
2400   color: #ffffff;
2401   cursor: not-allowed;
2402 }
2403 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2404   cursor: default;
2405 }
2406 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2407   font: normal normal normal 14px/1 FontAwesome;
2408   display: inline-block;
2409 }
2410 @media (min-width: 768px) {
2411   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2412     content: counter(step);
2413   }
2414 }
2415 @media (min-width: 992px) {
2416   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2417   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2418     content: counter(step);
2419   }
2420 }
2421 @media (min-width: 1200px) {
2422   .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2423   .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2424   .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2425     content: counter(step);
2426   }
2427 }
2428 /* NAV TABS */
2429 .nav-tabs-custom {
2430   margin-bottom: 20px;
2431   background: #ffffff;
2432   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2433 }
2434 .nav-tabs-custom > .nav-tabs {
2435   margin: 0;
2436   border-bottom-color: #777777;
2437 }
2438 .nav-tabs-custom > .nav-tabs > li {
2439   border-top: 3px solid transparent;
2440   margin-bottom: -2px;
2441   margin-right: 5px;
2442 }
2443 .nav-tabs-custom > .nav-tabs > li > a {
2444   -webkit-border-radius: 0 !important;
2445   -moz-border-radius: 0 !important;
2446   border-radius: 0 !important;
2447 }
2448 .nav-tabs-custom > .nav-tabs > li > a,
2449 .nav-tabs-custom > .nav-tabs > li > a:hover {
2450   background: transparent;
2451   margin: 0;
2452 }
2453 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2454 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2455 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2456   border-color: transparent;
2457 }
2458 .nav-tabs-custom > .nav-tabs > li.active {
2459   border-top-color: #337ab7;
2460 }
2461 .nav-tabs-custom > .nav-tabs > li.active > a,
2462 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2463   background-color: #ffffff;
2464 }
2465 .nav-tabs-custom > .nav-tabs > li.active > a {
2466   border-top: 0;
2467   border-left-color: #777777;
2468   border-right-color: #777777;
2469 }
2470 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2471   margin-left: 0px;
2472 }
2473 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2474   border-left-width: 0;
2475 }
2476 .nav-tabs-custom > .nav-tabs.pull-right {
2477   float: none !important;
2478 }
2479 .nav-tabs-custom > .nav-tabs.pull-right > li {
2480   float: right;
2481 }
2482 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2483   margin-right: 0px;
2484 }
2485 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2486   border-left-width: 1px;
2487   border-right-width: 0px;
2488 }
2489 .nav-tabs-custom > .nav-tabs > li.header {
2490   font-weight: 400;
2491   line-height: 35px;
2492   padding: 0 10px;
2493   font-size: 20px;
2494   color: #333333;
2495   cursor: default;
2496 }
2497 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2498 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2499 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2500   margin-right: 10px;
2501 }
2502 .nav-tabs-custom > .tab-content {
2503   background: #ffffff;
2504   padding: 10px;
2505 }
2506 /* --- override it appears it's done un-reliably in JS normally.. */
2507 .tab-content > .tab-pane {
2508   position: absolute;
2509 }
2510 /* for some reason it's -15px on BS */
2511 @media (min-width: 768px) {
2512   .navbar-right {
2513     margin-right: 15px;
2514   }
2515 }
2516 .roo-numberbox {
2517   background-color: #337ab7 !important;
2518   border: 10px solid black;
2519 }
2520 .roo-numberbox h {
2521   font-size: 24px;
2522 }
2523 .pull-xs-right {
2524   float: right !important;
2525 }
2526 .roo-radio-set:before,
2527 .roo-radio-set:after {
2528   display: table;
2529   content: " ";
2530   clear: both;
2531 }
2532 .radio.checked label::after {
2533   -webkit-transform: scale(1, 1);
2534   -ms-transform: scale(1, 1);
2535   -o-transform: scale(1, 1);
2536   transform: scale(1, 1);
2537   background-color: #555555;
2538 }
2539 .roo-radio-set.disabled .radio label {
2540   opacity: 0.65;
2541 }
2542 .roo-radio-set.disabled .radio label {
2543   cursor: not-allowed;
2544 }
2545 .roo-radio-primary .radio label::after {
2546   background-color: #ffffff;
2547 }
2548 .roo-radio-primary .radio.checked label::before {
2549   border-color: #337ab7;
2550 }
2551 .roo-radio-primary .radio.checked label::after {
2552   background-color: #337ab7;
2553 }
2554 .roo-radio-danger .radio label::after {
2555   background-color: #d9534f;
2556 }
2557 .roo-radio-danger .radio.checked label::before {
2558   border-color: #d9534f;
2559 }
2560 .roo-radio-danger .radio.checked label::after {
2561   background-color: #d9534f;
2562 }
2563 .roo-radio-info .radio label::after {
2564   background-color: #ffffff;
2565 }
2566 .roo-radio-info .radio.checked label::before {
2567   border-color: #5bc0de;
2568 }
2569 .roo-radio-info .radio.checked label::after {
2570   background-color: #5bc0de;
2571 }
2572 .roo-radio-warning .radio label::after {
2573   background-color: #ffffff;
2574 }
2575 .roo-radio-warning .radio.checked label::before {
2576   border-color: #f0ad4e;
2577 }
2578 .roo-radio-warning .radio.checked label::after {
2579   background-color: #f0ad4e;
2580 }
2581 .roo-radio-success .radio label::after {
2582   background-color: #ffffff;
2583 }
2584 .roo-radio-success .radio.checked label::before {
2585   border-color: #5cb85c;
2586 }
2587 .roo-radio-success .radio.checked label::after {
2588   background-color: #5cb85c;
2589 }
2590 .roo-radio-set.has-warning .roo-radio-set-items label,
2591 .roo-radio-set.has-warning .roo-radio-set-label {
2592   color: #f0ad4e;
2593 }
2594 .roo-radio-set.has-error .roo-radio-set-items label,
2595 .roo-radio-set.has-error .roo-radio-set-label {
2596   color: #d9534f;
2597 }
2598 .roo-radio-set.has-success .roo-radio-set-items label,
2599 .roo-radio-set.has-success .roo-radio-set-label {
2600   color: #5cb85c;
2601 }
2602 .roo-radio-set-inline .radio {
2603   position: relative;
2604   display: inline-block;
2605   padding-left: 20px;
2606   margin-top: 0px;
2607   margin-bottom: 0;
2608   font-weight: 400;
2609   vertical-align: middle;
2610   cursor: pointer;
2611 }
2612 .roo-radio-set-inline .radio + .radio {
2613   margin-left: 10px;
2614 }
2615 .roo-radio-set-label .roo-required-indicator.right-indicator {
2616   position: absolute;
2617 }
2618 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2619   font-size: 8px;
2620   margin-left: 3px;
2621   color: #d9534f;
2622 }
2623 .roo-form-error-popover.in {
2624   opacity: 1;
2625 }
2626 .roo-form-error-popover .tooltip-inner {
2627   max-width: 100%;
2628   padding: 10px;
2629 }
2630 .x-form-field-wrap .form-group {
2631   margin-bottom: 0px;
2632 }
2633 .roo-password-meter-grey {
2634   background: #777777;
2635   /* For browsers that do not support gradients */
2636   margin-bottom: 30px;
2637   height: 10px;
2638 }
2639 .roo-password-meter {
2640   background: red;
2641   /* For browsers that do not support gradients */
2642   background: -webkit-linear-gradient(-90deg, #008000, #ff0000);
2643   /* For Safari 5.1 to 6.0 */
2644   background: -o-linear-gradient(-90deg, #008000, #ff0000);
2645   /* For Opera 11.1 to 12.0 */
2646   background: -moz-linear-gradient(-90deg, #008000, #ff0000);
2647   /* For Firefox 3.6 to 15 */
2648   background: linear-gradient(-90deg, #008000, #ff0000);
2649   font-size: 12px;
2650 }
2651 .roo-password-meter-container {
2652   margin-bottom: 20px;
2653 }
2654 .roo-password-meter-tooweak {
2655   background: #d9534f;
2656   height: 10px;
2657 }
2658 .roo-password-meter-weak {
2659   background: #f0ad4e;
2660   height: 10px;
2661 }
2662 .roo-password-meter-medium {
2663   background: #f0ad4e;
2664   height: 10px;
2665 }
2666 .roo-password-meter-strong {
2667   background: #5cb85c;
2668   height: 10px;
2669 }
2670 .roo-password-meter-text {
2671   /* padding-bottom:5px; */
2672   margin-bottom: 30px;
2673   font-size: 12px;
2674   height: 10px;
2675 }
2676 /*
2677 Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
2678 */
2679 .roo-select2-container {
2680   margin: 0;
2681   position: relative;
2682   /*display: inline-block;*/
2683   /* inline-block for ie7 */
2684   zoom: 1;
2685   *display: inline;
2686   vertical-align: middle;
2687 }
2688 .roo-select2-container,
2689 .roo-select2-drop,
2690 .roo-select2-search,
2691 .roo-select2-search input {
2692   /*
2693     Force border-box so that % widths fit the parent
2694     container without overlap because of margin/padding.
2695     More Info : http://www.quirksmode.org/css/box.html
2696   */
2697   -webkit-box-sizing: border-box;
2698   /* webkit */
2699   -moz-box-sizing: border-box;
2700   /* firefox */
2701   box-sizing: border-box;
2702   /* css3 */
2703 }
2704 .roo-select2-container .roo-select2-choice {
2705   display: block;
2706   height: 26px;
2707   padding: 0 0 0 8px;
2708   overflow: hidden;
2709   position: relative;
2710   border: 1px solid #777777;
2711   white-space: nowrap;
2712   line-height: 26px;
2713   color: #333333;
2714   text-decoration: none;
2715   border-radius: 4px;
2716   background-clip: padding-box;
2717   -webkit-touch-callout: none;
2718   -webkit-user-select: none;
2719   -moz-user-select: none;
2720   -ms-user-select: none;
2721   user-select: none;
2722   background-color: #ffffff;
2723   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2724   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2725   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2726   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2727   background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2728 }
2729 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2730   border-bottom-color: #777777;
2731   border-radius: 0 0 4px 4px;
2732   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2733   background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2734   background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2735   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2736   background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2737 }
2738 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2739   margin-right: 42px;
2740 }
2741 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2742   margin-right: 26px;
2743   display: block;
2744   overflow: hidden;
2745   white-space: nowrap;
2746   text-overflow: ellipsis;
2747   float: none;
2748   width: auto;
2749 }
2750 .roo-select2-container .roo-select2-choice abbr {
2751   display: none;
2752   width: 12px;
2753   height: 12px;
2754   position: absolute;
2755   right: 24px;
2756   top: 8px;
2757   font-size: 1px;
2758   text-decoration: none;
2759   border: 0;
2760   background: url('../images/select2/select2.png') right top no-repeat;
2761   cursor: pointer;
2762   outline: 0;
2763 }
2764 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2765   display: inline-block;
2766 }
2767 .roo-select2-container .roo-select2-choice abbr:hover {
2768   background-position: right -11px;
2769   cursor: pointer;
2770 }
2771 .roo-select2-drop-mask {
2772   border: 0;
2773   margin: 0;
2774   padding: 0;
2775   position: fixed;
2776   left: 0;
2777   top: 0;
2778   min-height: 100%;
2779   min-width: 100%;
2780   height: auto;
2781   width: auto;
2782   opacity: 0;
2783   z-index: 9998;
2784   /* styles required for IE to work */
2785   background-color: #ffffff;
2786   filter: alpha(opacity=0);
2787 }
2788 .roo-select2-drop {
2789   width: 100%;
2790   margin-top: -1px;
2791   position: absolute;
2792   z-index: 9999;
2793   top: 100%;
2794   background: #ffffff;
2795   color: #000000;
2796   border: 1px solid #777777;
2797   border-top: 0;
2798   border-radius: 0 0 4px 4px;
2799   -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2800   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2801 }
2802 .roo-select2-drop.roo-select2-drop-above {
2803   margin-top: 1px;
2804   border-top: 1px solid #777777;
2805   border-bottom: 0;
2806   border-radius: 4px 4px 0 0;
2807   -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2808   box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2809 }
2810 .roo-select2-drop-active {
2811   border: 1px solid #337ab7;
2812   border-top: none;
2813 }
2814 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2815   border-top: 1px solid #337ab7;
2816 }
2817 .roo-select2-drop-auto-width {
2818   border-top: 1px solid #777777;
2819   width: auto;
2820 }
2821 .roo-select2-drop-auto-width .roo-select2-search {
2822   padding-top: 4px;
2823 }
2824 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2825   display: inline-block;
2826   width: 18px;
2827   height: 100%;
2828   position: absolute;
2829   right: 0;
2830   top: 0;
2831   border-left: 1px solid #777777;
2832   border-radius: 0 4px 4px 0;
2833   background-clip: padding-box;
2834   background: #777777;
2835   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2836   background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2837   background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2838   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2839   background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2840 }
2841 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2842   display: block;
2843   width: 100%;
2844   height: 100%;
2845   background: url('../images/select2/select2.png') no-repeat 0 1px;
2846 }
2847 .roo-select2-search {
2848   display: inline-block;
2849   width: 100%;
2850   min-height: 26px;
2851   margin: 0;
2852   padding-left: 4px;
2853   padding-right: 4px;
2854   position: relative;
2855   z-index: 10000;
2856   white-space: nowrap;
2857 }
2858 .roo-select2-search input {
2859   width: 100%;
2860   height: auto !important;
2861   min-height: 26px;
2862   padding: 4px 20px 4px 5px;
2863   margin: 0;
2864   outline: 0;
2865   font-family: sans-serif;
2866   font-size: 1em;
2867   border: 1px solid #777777;
2868   border-radius: 0;
2869   -webkit-box-shadow: none;
2870   box-shadow: none;
2871   background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2872   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));
2873   background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2874   background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2875   background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2876 }
2877 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2878   margin-top: 4px;
2879 }
2880 .roo-select2-search input.roo-select2-active {
2881   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2882   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));
2883   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2884   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2885   background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2886 }
2887 .roo-select2-container-active .roo-select2-choice,
2888 .roo-select2-container-active .roo-select2-choices {
2889   border: 1px solid #337ab7;
2890   outline: none;
2891   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2892   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2893 }
2894 .roo-select2-dropdown-open .roo-select2-choice {
2895   border-bottom-color: transparent;
2896   -webkit-box-shadow: 0 1px 0 #ffffff inset;
2897   box-shadow: 0 1px 0 #ffffff inset;
2898   border-bottom-left-radius: 0;
2899   border-bottom-right-radius: 0;
2900   background-color: #eeeeee;
2901   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2902   background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2903   background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2904   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2905   background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2906 }
2907 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2908 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2909   border: 1px solid #337ab7;
2910   border-top-color: transparent;
2911   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2912   background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2913   background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2914   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2915   background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2916 }
2917 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2918   background: transparent;
2919   border-left: none;
2920   filter: none;
2921 }
2922 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2923   background-position: -18px 1px;
2924 }
2925 .roo-select2-hidden-accessible {
2926   border: 0;
2927   clip: rect(0 0 0 0);
2928   height: 1px;
2929   margin: -1px;
2930   overflow: hidden;
2931   padding: 0;
2932   position: absolute;
2933   width: 1px;
2934 }
2935 /* results */
2936 .roo-select2-results {
2937   max-height: 200px;
2938   padding: 0 0 0 4px;
2939   margin: 4px 4px 4px 0;
2940   position: relative;
2941   overflow-x: hidden;
2942   overflow-y: auto;
2943   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2944 }
2945 .roo-select2-results ul.roo-select2-result-sub {
2946   margin: 0;
2947   padding-left: 0;
2948 }
2949 .roo-select2-results li {
2950   list-style: none;
2951   display: list-item;
2952   background-image: none;
2953 }
2954 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
2955   font-weight: bold;
2956 }
2957 .roo-select2-results .roo-select2-result-label {
2958   padding: 3px 7px 4px;
2959   margin: 0;
2960   cursor: pointer;
2961   min-height: 1em;
2962   -webkit-touch-callout: none;
2963   -webkit-user-select: none;
2964   -moz-user-select: none;
2965   -ms-user-select: none;
2966   user-select: none;
2967 }
2968 .roo-select2-results-dept-1 .roo-select2-result-label {
2969   padding-left: 20px;
2970 }
2971 .roo-select2-results-dept-2 .roo-select2-result-label {
2972   padding-left: 40px;
2973 }
2974 .roo-select2-results-dept-3 .roo-select2-result-label {
2975   padding-left: 60px;
2976 }
2977 .roo-select2-results-dept-4 .roo-select2-result-label {
2978   padding-left: 80px;
2979 }
2980 .roo-select2-results-dept-5 .roo-select2-result-label {
2981   padding-left: 100px;
2982 }
2983 .roo-select2-results-dept-6 .roo-select2-result-label {
2984   padding-left: 110px;
2985 }
2986 .roo-select2-results-dept-7 .roo-select2-result-label {
2987   padding-left: 120px;
2988 }
2989 .roo-select2-results .roo-select2-highlighted {
2990   background: #337ab7;
2991   color: #ffffff;
2992 }
2993 .roo-select2-results li em {
2994   background: #f0ad4e;
2995   font-style: normal;
2996 }
2997 .roo-select2-results .roo-select2-highlighted em {
2998   background: transparent;
2999 }
3000 .roo-select2-results .roo-select2-highlighted ul {
3001   background: #ffffff;
3002   color: #000000;
3003 }
3004 .roo-select2-results .roo-select2-no-results,
3005 .roo-select2-results .roo-select2-searching,
3006 .roo-select2-results .roo-select2-selection-limit {
3007   background: #777777;
3008   display: list-item;
3009   padding-left: 5px;
3010 }
3011 /*
3012 disabled look for disabled choices in the results dropdown
3013 */
3014 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3015   color: #eeeeee;
3016   background: #777777;
3017   display: list-item;
3018   cursor: default;
3019 }
3020 .roo-select2-results .roo-select2-disabled {
3021   background: #777777;
3022   display: list-item;
3023   cursor: default;
3024 }
3025 .roo-select2-results .roo-select2-selected {
3026   display: none;
3027 }
3028 .roo-select2-more-results.roo-select2-active {
3029   background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3030 }
3031 .roo-select2-more-results {
3032   background: #777777;
3033   display: list-item;
3034 }
3035 /* disabled styles */
3036 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3037   background-color: #777777;
3038   background-image: none;
3039   border: 1px solid #777777;
3040   cursor: default;
3041 }
3042 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3043   background-color: #777777;
3044   background-image: none;
3045   border-left: 0;
3046 }
3047 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3048   display: none;
3049 }
3050 /* multiselect */
3051 .roo-select2-container-multi .roo-select2-choices {
3052   height: auto !important;
3053   height: 1%;
3054   margin: 0;
3055   padding: 0;
3056   /*position: relative;*/
3057   border: 1px solid #777777;
3058   cursor: text;
3059   overflow: hidden;
3060   background-color: #ffffff;
3061   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3062   background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3063   background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3064   background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3065 }
3066 .roo-select2-locked {
3067   padding: 3px 5px 3px 5px !important;
3068 }
3069 .roo-select2-container-multi .roo-select2-choices {
3070   min-height: 26px;
3071 }
3072 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3073   border: 1px solid #337ab7;
3074   outline: none;
3075   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3076   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3077 }
3078 .roo-select2-container-multi .roo-select2-choices li {
3079   float: left;
3080   list-style: none;
3081 }
3082 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3083   float: right;
3084 }
3085 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3086   margin: 0;
3087   padding: 0;
3088   white-space: nowrap;
3089 }
3090 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3091   padding: 5px;
3092   margin: 1px 0;
3093   font-family: sans-serif;
3094   font-size: 100%;
3095   color: #555555;
3096   outline: 0;
3097   border: 0;
3098   -webkit-box-shadow: none;
3099   box-shadow: none;
3100   background: transparent !important;
3101 }
3102 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3103   background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3104 }
3105 .roo-select2-default {
3106   color: #777777 !important;
3107 }
3108 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3109   padding: 4px 7px 4px 16px;
3110   margin: 0 1px;
3111   position: relative;
3112   line-height: 13px;
3113   color: #333333;
3114   cursor: default;
3115   border: 1px solid #777777;
3116   border-radius: 3px;
3117   -webkit-touch-callout: none;
3118   -webkit-user-select: none;
3119   -moz-user-select: none;
3120   -ms-user-select: none;
3121   user-select: none;
3122 }
3123 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3124   margin-left: 0;
3125   margin-right: 5px;
3126 }
3127 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3128   cursor: default;
3129 }
3130 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3131   background: #777777;
3132 }
3133 .roo-select2-search-choice-close {
3134   display: block;
3135   width: 12px;
3136   height: 13px;
3137   position: absolute;
3138   right: 3px;
3139   top: 4px;
3140   font-size: 1px;
3141   outline: none;
3142   background: url('../images/select2/select2.png') right top no-repeat;
3143 }
3144 html[dir="rtl"] .roo-select2-search-choice-close {
3145   right: auto;
3146   left: 3px;
3147 }
3148 .roo-select2-container-multi .roo-select2-search-choice-close {
3149   left: 3px;
3150 }
3151 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3152   background-position: right -11px;
3153 }
3154 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3155   background-position: right -11px;
3156 }
3157 /* disabled styles */
3158 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3159   background-color: #777777;
3160   background-image: none;
3161   border: 1px solid #777777;
3162   cursor: default;
3163 }
3164 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3165   padding: 3px 5px 3px 5px;
3166   border: 1px solid #777777;
3167   background-image: none;
3168   background-color: #777777;
3169 }
3170 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3171   display: none;
3172   background: none;
3173 }
3174 /* end multiselect */
3175 .roo-select2-result-selectable .roo-select2-match,
3176 .roo-select2-result-unselectable .roo-select2-match {
3177   text-decoration: underline;
3178 }
3179 .roo-select2-offscreen,
3180 .roo-select2-offscreen:focus {
3181   clip: rect(0 0 0 0) !important;
3182   width: 1px !important;
3183   height: 1px !important;
3184   border: 0 !important;
3185   margin: 0 !important;
3186   padding: 0 !important;
3187   overflow: hidden !important;
3188   position: absolute !important;
3189   outline: 0 !important;
3190   left: 0px !important;
3191   top: 0px !important;
3192 }
3193 .roo-select2-display-none {
3194   display: none;
3195 }
3196 .roo-select2-measure-scrollbar {
3197   position: absolute;
3198   top: -10000px;
3199   left: -10000px;
3200   width: 100px;
3201   height: 100px;
3202   overflow: scroll;
3203 }
3204 /* Retina-ize icons */
3205 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3206   .roo-select2-search input,
3207   .roo-select2-search-choice-close,
3208   .roo-select2-container .roo-select2-choice abbr,
3209   .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3210     background-image: url('../images/select2/select2x2.png') !important;
3211     background-repeat: no-repeat !important;
3212     background-size: 60px 40px !important;
3213   }
3214   .roo-select2-search input {
3215     background-position: 100% -21px !important;
3216   }
3217 }
3218 .has-error .roo-select2-choices {
3219   border-color: #d9534f;
3220   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3221   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3222 }
3223 .dropdown-menu .roo-select2-result.disabled {
3224   background-color: #eeeeee;
3225   color: #777777;
3226   cursor: not-allowed;
3227 }
3228 .sidebar {
3229   margin-bottom: 5px;
3230 }
3231 /* override boostrap a:hover */
3232 .sidebar a:hover {
3233   text-decoration: none;
3234 }
3235 .sidebar .sidebar-menu {
3236   list-style: none;
3237   margin: 0;
3238   padding: 0;
3239 }
3240 /* GREY BG */
3241 .sidebar .sidebar-menu > li,
3242 .sidebar .sidebar-menu li.active li.treeview-menu {
3243   margin: 0;
3244   padding: 0;
3245   border-bottom: 1px solid #777777;
3246   background-color: #eeeeee;
3247 }
3248 /* active child menu - white BG */
3249 .sidebar .sidebar-menu li.active li.treeview-menu {
3250   background-color: #777777;
3251 }
3252 .sidebar .sidebar-menu > li > a,
3253 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3254   padding: 12px 5px 12px 15px;
3255   display: block;
3256   color: #333333;
3257 }
3258 .sidebar .sidebar-menu > li > a > .fa,
3259 .sidebar .sidebar-menu > li > a > .glyphicon,
3260 .sidebar .sidebar-menu > li > a > .ion {
3261   width: 20px;
3262 }
3263 .sidebar .sidebar-menu li:hover,
3264 .sidebar .sidebar-menu li:focus,
3265 .sidebar .sidebar-menu li:active,
3266 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3267 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3268 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3269   background-color: #ffffff;
3270 }
3271 .sidebar .sidebar-menu li:hover a,
3272 .sidebar .sidebar-menu li:focus a,
3273 .sidebar .sidebar-menu li:active a,
3274 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3275 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3276 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3277   color: #000000;
3278   text-decoration: none;
3279 }
3280 /* BLUE ACTIVE */
3281 .sidebar .sidebar-menu li.active {
3282   color: #ffffff;
3283   background-color: #337ab7;
3284   border-color: #286090;
3285 }
3286 .sidebar .sidebar-menu li.active:hover,
3287 .sidebar .sidebar-menu li.active:focus,
3288 .sidebar .sidebar-menu li.active.focus {
3289   color: #ffffff;
3290   background-color: #337ab7;
3291   border-color: #286090;
3292 }
3293 .sidebar .sidebar-menu li.active a {
3294   color: #ffffff;
3295 }
3296 .sidebar .sidebar-menu li.disabled {
3297   color: #333333;
3298   background-color: #ffffff;
3299   border-color: #333333;
3300 }
3301 .sidebar .sidebar-menu li.disabled a {
3302   color: #777777;
3303   cursor: default;
3304 }
3305 .sidebar .sidebar-menu li.danger,
3306 .sidebar .sidebar-menu li.danger.active {
3307   color: #ffffff;
3308   background-color: #d9534f;
3309   border-color: #e27c79;
3310 }
3311 .sidebar .sidebar-menu li.danger:hover,
3312 .sidebar .sidebar-menu li.danger:focus,
3313 .sidebar .sidebar-menu li.danger.active:focus {
3314   color: #ffffff;
3315   background-color: #d9534f;
3316   border-color: #c9302c;
3317   border-bottom: 1px solid #c9302c;
3318 }
3319 .sidebar .sidebar-menu li.danger a,
3320 .sidebar .sidebar-menu li.danger.active a {
3321   color: #ffffff;
3322 }
3323 /* --- open  */
3324 .sidebar .sidebar-menu li.open ul {
3325   display: block;
3326 }
3327 .sidebar .sidebar-menu li.open .treeview-menu {
3328   display: block;
3329 }
3330 /* --- treeview menu  */
3331 .sidebar .sidebar-menu .treeview-menu {
3332   display: none;
3333   list-style: none;
3334   padding: 0;
3335   margin: 0;
3336 }
3337 .sidebar .sidebar-menu .treeview-menu > li {
3338   margin: 0;
3339 }
3340 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3341   padding: 5px 5px 5px 20px;
3342   display: block;
3343   font-size: 14px;
3344   margin: 0px 0px;
3345 }
3346 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3347 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3348 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3349   width: 20px;
3350 }
3351 /* background to highlighted treeview node
3352 .sidebar .sidebar-menu li li.treeview-menu.active  {
3353     background: #fff;
3354 }
3355 */
3356 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3357   font-weight: bold;
3358 }
3359 /* active sidebard... */
3360 .badge-default {
3361   background-color: #777777;
3362   color: #ffffff;
3363 }
3364 .badge-primary {
3365   background-color: #337ab7;
3366   color: #ffffff;
3367 }
3368 .badge-success {
3369   background-color: #5cb85c;
3370   color: #ffffff;
3371 }
3372 .badge-info {
3373   background-color: #5bc0de;
3374   color: #ffffff;
3375 }
3376 .badge-warning {
3377   background-color: #f0ad4e;
3378   color: #ffffff;
3379 }
3380 .badge-danger {
3381   background-color: #d9534f;
3382   color: #ffffff;
3383 }
3384 .sidebar .sidebar-menu > li.active .badge-info {
3385   background-color: #ffffff;
3386   color: #5bc0de;
3387 }
3388 /*html, */
3389 /* Sticky footer styles
3390 -------------------------------------------------- */
3391 html.bootstrap-sticky {
3392   position: relative;
3393   min-height: 100%;
3394 }
3395 html.bootstrap-sticky body {
3396   /* Margin bottom by footer height */
3397   margin-bottom: 60px;
3398 }
3399 .bootstrap-sticky-footer {
3400   position: absolute;
3401   bottom: 0;
3402   width: 100%;
3403   /* Set the fixed height of the footer here */
3404   height: 60px;
3405   background-color: #f5f5f5;
3406 }
3407 /* Lastly, apply responsive CSS fixes as necessary */
3408 @media (max-width: 767px) {
3409   .bootstrap-sticky-footer {
3410     margin-left: -20px;
3411     margin-right: -20px;
3412     padding-left: 20px;
3413     padding-right: 20px;
3414   }
3415 }
3416 /* paging toolbar */
3417 .pagination .x-paging-position span {
3418   padding-top: 3px;
3419   padding-bottom: 3px;
3420 }
3421 .pagination .x-paging-position span input {
3422   margin: 0 3px;
3423 }
3424 .navbar .pagination > li > span {
3425   min-height: 34px;
3426 }
3427 .navbar .pagination {
3428   margin: 0;
3429 }
3430 /* these are technicall adminlte related */
3431 .skin-blue .navbar .pagination > li > a:active,
3432 .skin-blue .navbar .pagination > li > a:focus,
3433 .skin-blue .navbar .pagination > li > a {
3434   background-color: #337ab7;
3435 }
3436 .skin-blue .navbar .pagination > li > a:hover {
3437   background-color: #777777;
3438 }
3439 .skin-blue table .navbar {
3440   background-color: #ffffff;
3441 }
3442 .skin-blue .navbar .pagination > li.disabled > a {
3443   background-color: #777777;
3444 }
3445 .skin-blue table .navbar {
3446   margin-bottom: 0;
3447   min-height: 0;
3448 }
3449 .table .sortable {
3450   cursor: pointer;
3451 }
3452 .table-body-fixed tbody {
3453   overflow-y: scroll;
3454   width: 100%;
3455 }
3456 .table-body-fixed thead,
3457 .table-body-fixed tbody,
3458 .table-body-fixed th {
3459   display: block;
3460 }
3461 .table-body-fixed thead {
3462   overflow: hidden;
3463 }
3464 .table-body-fixed tbody td,
3465 .table-body-fixed thead > tr > th {
3466   float: left;
3467   border-bottom-width: 0;
3468 }
3469 /* fake infinate widt.. */
3470 .table-body-fixed thead > tr,
3471 .table-body-fixed tbody > tr {
3472   display: block;
3473   overflow: hidden;
3474 }
3475 /* standard bootstrap does not colour rows very well.. */
3476 .table > tbody > tr.info {
3477   background-color: #d9edf7;
3478 }
3479 .table-hover > tbody > tr.info:hover {
3480   background-color: #c4e3f3;
3481 }
3482 .header .top-bar {
3483   min-height: 30px;
3484   background: #777777;
3485   border-bottom: 1px solid #eeeeee;
3486   padding: 0;
3487 }
3488 @media (min-width: 980px) {
3489   .top-bar .collapse {
3490     display: block !important;
3491     visibility: visible !important;
3492     height: auto !important;
3493     overflow: visible !important;
3494     padding-bottom: 0;
3495   }
3496 }
3497 @media (min-width: 768px) and (max-width: 979px) {
3498   .header .top-bar {
3499     min-height: 0;
3500     padding: 3px 0;
3501   }
3502 }
3503 .header .social,
3504 .footer .social {
3505   margin-right: 4px;
3506   line-height: 30px;
3507   padding-left: 0;
3508   margin-bottom: 0;
3509 }
3510 .footer .social li:last-child,
3511 .footer .social {
3512   margin-right: 0 !important;
3513 }
3514 .header .social li:first-child {
3515   border-left: 1px solid #777777;
3516 }
3517 .header .social li,
3518 .footer .social li {
3519   border-right: 1px solid #777777;
3520   display: table-cell;
3521   vertical-align: middle;
3522   height: 40px;
3523   margin-right: 5px;
3524   width: 40px;
3525   text-align: center;
3526   -webkit-transition: background 0.5s ease-in-out;
3527   -moz-transition: background 0.5s ease-in-out;
3528   -o-transition: background 0.5s ease-in-out;
3529   -ms-transition: background 0.5s ease-in-out;
3530   transition: background 0.5s ease-in-out;
3531   padding: 1px;
3532 }
3533 .header .social i,
3534 .footer .social i {
3535   color: #555555;
3536   font-size: 16px;
3537   -webkit-transition: color 0.5s ease-in-out;
3538   -moz-transition: color 0.5s ease-in-out;
3539   -o-transition: color 0.5s ease-in-out;
3540   -ms-transition: color 0.5s ease-in-out;
3541   transition: color 0.5s ease-in-out;
3542 }
3543 .header .social li:hover a i,
3544 .footer .social li:hover a i {
3545   color: #ffffff;
3546 }
3547 .team .item .team-member-links a.facebook:hover,
3548 .member-social.dark a.facebook:hover,
3549 .header .social li.facebook:hover,
3550 .footer .social li.facebook:hover {
3551   background: #337ab7;
3552 }
3553 .team .item .team-member-links a.dribbble:hover,
3554 .member-social.dark a.dribbble:hover,
3555 .header .social li.dribbble:hover,
3556 .footer .social li.dribbble:hover {
3557   background: #f0ad4e;
3558 }
3559 .team .item .team-member-links a.twitter:hover,
3560 .member-social.dark a.twitter:hover,
3561 .header .social li.twitter:hover,
3562 .footer .social li.twitter:hover {
3563   background: #337ab7;
3564 }
3565 .team .item .team-member-links a.gplus:hover,
3566 .member-social.dark a.gplus:hover,
3567 .header .social li.gplus:hover,
3568 .footer .social li.gplus:hover {
3569   background: #d9534f;
3570 }
3571 .team .item .team-member-links a.linkedin:hover,
3572 .member-social.dark a.linkedin:hover,
3573 .header .social li.linkedin:hover,
3574 .footer .social li.linkedin:hover {
3575   background: #337ab7;
3576 }
3577 .team .item .team-member-links a.pinterest:hover,
3578 .member-social.dark a.pinterest:hover,
3579 .header .social li.pinterest:hover,
3580 .footer .social li.pinterest:hover {
3581   background: #d9534f;
3582 }
3583 .header .social li.rss:hover,
3584 .footer .social li.rss:hover {
3585   background: #f0ad4e;
3586 }
3587 .top-bar .languages {
3588   padding: 8px 0;
3589 }
3590 .top-bar .languages a {
3591   margin-right: 20px;
3592   color: #555555;
3593   font-family: "Open Sans", Helvetica, Arial, sans-serif;
3594   font-size: 14px;
3595   line-height: 24px;
3596 }
3597 .navbar-left .input-group[class*="col-"] {
3598   float: left;
3599 }
3600 .ellipsis {
3601   overflow: hidden;
3602   text-overflow: ellipsis;
3603   display: -webkit-box;
3604   -webkit-line-clamp: 3;
3605   -webkit-box-orient: vertical;
3606 }
3607 .sw-child-headline {
3608   display: inline-block;
3609   width: auto;
3610 }
3611 .box-input-label {
3612   width: 100%;
3613   display: inline-block;
3614   font-weight: bold;
3615 }
3616 .box-label {
3617   margin-left: 5px;
3618   cursor: pointer;
3619 }
3620 /* needed as menu ontop of form does not work */
3621 .input-group .form-control {
3622   z-index: 1;
3623 }
3624 /* admin-lte - messes with checkbox and radio.. */
3625 .checkbox,
3626 .radio {
3627   padding-left: 15px !important;
3628 }
3629 /* paging toolbar */
3630 .pagination .x-paging-position span {
3631   padding-top: 3px;
3632   padding-bottom: 3px;
3633 }
3634 .pagination .x-paging-position span input {
3635   margin: 0 3px;
3636 }
3637 .panel-header-right {
3638   float: right;
3639   text-align: right;
3640 }
3641 .badge-error {
3642   background-color: #d9534f;
3643 }
3644 .badge-error:hover {
3645   background-color: #c9302c;
3646 }
3647 .badge-warning {
3648   background-color: #f0ad4e;
3649 }
3650 .badge-warning:hover {
3651   background-color: #ec971f;
3652 }
3653 .badge-success {
3654   background-color: #5cb85c;
3655 }
3656 .badge-success:hover {
3657   background-color: #449d44;
3658 }
3659 .badge-info {
3660   background-color: #5bc0de;
3661 }
3662 .badge-info:hover {
3663   background-color: #31b0d5;
3664 }
3665 .badge-inverse {
3666   background-color: #333333;
3667 }
3668 .badge-inverse:hover {
3669   background-color: #222222;
3670 }
3671 .tooltip.fade.in {
3672   z-index: 10002;
3673 }
3674 .roo-upload-cropbox-selector {
3675   visibility: hidden;
3676   height: 0px;
3677 }
3678 .roo-upload-cropbox-dialog .modal-header,
3679 .roo-upload-cropbox-dialog .modal-footer {
3680   padding-top: 5px;
3681   padding-bottom: 5px;
3682 }
3683 .roo-upload-cropbox-body {
3684   background-color: #ffffff;
3685   border: 1px solid #777777;
3686   width: 100%;
3687   height: 450px;
3688   max-height: 450px;
3689   position: relative;
3690   overflow: hidden;
3691   cursor: move;
3692 }
3693 .roo-upload-cropbox-preview {
3694   position: absolute;
3695   top: 0px;
3696   left: 0px;
3697   text-align: center;
3698   margin: 0px;
3699   padding: 0px;
3700   border: none;
3701 }
3702 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3703   position: absolute;
3704   /*    top: 50%;
3705     left: 50%;
3706     transform: translate(-50%, -50%);*/
3707   box-sizing: border-box;
3708   border: 1px solid #777777;
3709   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3710   background: none repeat scroll 0% 0% transparent;
3711 }
3712 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3713   height: 100%;
3714   background-color: rgba(0, 0, 0, 0.5);
3715   color: #ffffff;
3716   font-weight: bold;
3717   font-size: 24px;
3718   text-align: center;
3719   padding-top: 50px;
3720   font-style: italic;
3721 }
3722 .roo-upload-cropbox-btn-group button {
3723   background-color: #000000;
3724   color: #ffffff;
3725   border-color: #333333;
3726 }
3727 .roo-upload-cropbox-error-notify {
3728   border-radius: 0px;
3729   text-align: center;
3730   padding: 0px !important;
3731   margin: 0px !important;
3732   position: absolute;
3733   top: 0;
3734   left: 0;
3735 }
3736 /*# sourceMappingURL=roojs-bootstrap-debug.css.map */