3 * This CSS file is auto generated. Please edit the .less instead!
18 -webkit-border-radius: 50%;
19 -moz-border-radius: 50%;
27 * FullCalendar v1.6.4 Stylesheet
28 * Docs & License: http://arshaw.com/fullcalendar/
31 * When taken - was MIT licence (18/Feb/2014)
37 font-family: Lucida Sans, Arial, sans-serif;
40 border-collapse: collapse;
51 -moz-user-select: -moz-none;
52 -khtml-user-select: none;
53 -webkit-user-select: none;
58 ------------------------------------------------------------------------*/
74 display: inline-block;
81 font-family: Lucida Sans, Arial, sans-serif;
86 .fc .fc-header-space {
89 .fc-header .fc-button {
93 /* buttons edges butting together */
94 .fc-header .fc-button {
97 .fc-header .fc-corner-right,
98 .fc-header .ui-corner-right {
103 /* button layering (for border precedence) */
104 .fc-header .fc-state-hover,
105 .fc-header .ui-state-hover {
108 .fc-header .fc-state-down {
111 .fc-header .fc-state-active,
112 .fc-header .ui-state-active {
116 ------------------------------------------------------------------------*/
120 /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
127 ------------------------------------------------------------------------*/
131 border: 1px solid #777777;
133 .fc-state-highlight {
134 /* <td> today cell */
135 /* TODO: add .fc-today to <th> */
139 /* semi-transparent rectangle while dragging */
142 filter: alpha(opacity=30);
146 ------------------------------------------------------------------------*/
149 display: inline-block;
161 .fc-state-default.fc-corner-left {
163 border-top-left-radius: 4px;
164 border-bottom-left-radius: 4px;
166 .fc-state-default.fc-corner-right {
168 border-top-right-radius: 4px;
169 border-bottom-right-radius: 4px;
172 Our default prev/next buttons use HTML entities like ‹ › « »
173 and we'll try to make them look good cross-browser.
178 font-family: "Courier New", Courier, monospace;
179 vertical-align: baseline;
182 .fc-button-prev .fc-text-arrow,
183 .fc-button-next .fc-text-arrow {
184 /* for ‹ › */
187 /* icon (for jquery ui) */
188 .fc-button .fc-icon-wrap {
193 .fc-button .ui-icon {
202 borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
205 background-color: #f5f5f5;
206 background-image: -moz-linear-gradient(top, #ffffff, #777777);
207 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777));
208 background-image: -webkit-linear-gradient(top, #ffffff, #777777);
209 background-image: -o-linear-gradient(top, #ffffff, #777777);
210 background-image: linear-gradient(to bottom, #ffffff, #777777);
211 background-repeat: repeat-x;
212 border-color: #777777 #777777 #777777;
213 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
221 background-color: #777777;
225 text-decoration: none;
226 background-position: 0 -15px;
227 -webkit-transition: background-position 0.1s linear;
228 -moz-transition: background-position 0.1s linear;
229 -o-transition: background-position 0.1s linear;
230 transition: background-position 0.1s linear;
234 background-color: #777777;
235 background-image: none;
237 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
241 background-image: none;
243 filter: alpha(opacity=65);
246 /* Global Event Styles
247 ------------------------------------------------------------------------*/
248 .fc-event-container > * {
251 .fc-event-container > .ui-draggable-dragging,
252 .fc-event-container > .ui-resizable-resizing {
256 border: 1px solid #337ab7;
257 background-color: #337ab7;
259 /* default TEXT color */
264 text-decoration: none;
267 .fc-event-draggable {
284 .fc .ui-resizable-handle {
289 /* hacky spaces (IE6/7) */
296 ------------------------------------------------------------------------*/
301 .fc-ltr .fc-event-hori.fc-event-start,
302 .fc-rtl .fc-event-hori.fc-event-end {
303 border-left-width: 1px;
304 border-top-left-radius: 3px;
305 border-bottom-left-radius: 3px;
307 .fc-ltr .fc-event-hori.fc-event-end,
308 .fc-rtl .fc-event-hori.fc-event-start {
309 border-right-width: 1px;
310 border-top-right-radius: 3px;
311 border-bottom-right-radius: 3px;
314 .fc-event-hori .ui-resizable-e {
316 /* importants override pre jquery ui 1.7 styles */
317 right: -3px !important;
318 width: 7px !important;
319 height: 100% !important;
322 .fc-event-hori .ui-resizable-w {
324 left: -3px !important;
325 width: 7px !important;
326 height: 100% !important;
329 .fc-event-hori .ui-resizable-handle {
330 _padding-bottom: 14px;
331 /* IE6 had 0 height */
333 /* Reusable Separate-border Table
334 ------------------------------------------------------------*/
335 table.fc-border-separate {
336 border-collapse: separate;
338 .fc-border-separate th,
339 .fc-border-separate td {
340 border-width: 1px 0 0 1px;
342 .fc-border-separate th.fc-last,
343 .fc-border-separate td.fc-last {
344 border-right-width: 1px;
346 .fc-border-separate tr.fc-last th,
347 .fc-border-separate tr.fc-last td {
348 border-bottom-width: 1px;
350 .fc-border-separate tbody tr.fc-first td,
351 .fc-border-separate tbody tr.fc-first th {
354 /* Month View, Basic Week View, Basic Day View
355 ------------------------------------------------------------------------*/
359 .fc .fc-week-number {
363 .fc .fc-week-number div {
366 .fc-grid .fc-day-number {
370 .fc-grid .fc-other-month .fc-day-number {
372 filter: alpha(opacity=30);
374 /* opacity with small font can sometimes look too faded
375 might want to set the 'color' property instead
376 making day-numbers bold also fixes the problem */
378 .fc-grid .fc-day-content {
380 padding: 2px 2px 1px;
381 /* distance between events and day edges */
384 .fc-grid .fc-event-time {
388 .fc-rtl .fc-grid .fc-day-number {
391 .fc-rtl .fc-grid .fc-event-time {
394 /* Agenda Week View, Agenda Day View
395 ------------------------------------------------------------------------*/
397 border-collapse: separate;
402 .fc-agenda .fc-agenda-axis {
405 vertical-align: middle;
410 .fc-agenda .fc-week-number {
413 .fc-agenda .fc-day-content {
414 padding: 2px 2px 1px;
416 /* make axis border take precedence */
417 .fc-agenda-days .fc-agenda-axis {
418 border-right-width: 1px;
420 .fc-agenda-days .fc-col0 {
421 border-left-width: 0;
424 .fc-agenda-allday th {
427 .fc-agenda-allday .fc-day-content {
429 /* TODO: doesnt work well in quirksmode */
432 /* divider (between all-day and slots) */
433 .fc-agenda-divider-inner {
437 .fc-widget-header .fc-agenda-divider-inner {
441 .fc-agenda-slots th {
442 border-width: 1px 1px 0;
444 .fc-agenda-slots td {
445 border-width: 1px 0 0;
448 .fc-agenda-slots td div {
451 .fc-agenda-slots tr.fc-slot0 th,
452 .fc-agenda-slots tr.fc-slot0 td {
455 .fc-agenda-slots tr.fc-minor th,
456 .fc-agenda-slots tr.fc-minor td {
457 border-top-style: dotted;
459 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
460 *border-top-style: solid;
461 /* doesn't work with background in IE6/7 */
464 ------------------------------------------------------------------------*/
468 .fc-event-vert.fc-event-start {
469 border-top-width: 1px;
470 border-top-left-radius: 3px;
471 border-top-right-radius: 3px;
473 .fc-event-vert.fc-event-end {
474 border-bottom-width: 1px;
475 border-bottom-left-radius: 3px;
476 border-bottom-right-radius: 3px;
478 .fc-event-vert .fc-event-time {
482 .fc-event-vert .fc-event-inner {
486 .fc-event-vert .fc-event-bg {
487 /* makes the event lighter w/ a semi-transparent overlay */
496 filter: alpha(opacity=25);
498 .fc .ui-draggable-dragging .fc-event-bg,
499 .fc-select-helper .fc-event-bg {
501 /* for IE6/7/8. nested opacity filters while dragging don't work */
504 .fc-event-vert .ui-resizable-s {
505 bottom: 0 !important;
506 /* importants override pre jquery ui 1.7 styles */
507 width: 100% !important;
508 height: 8px !important;
509 overflow: hidden !important;
510 line-height: 8px !important;
511 font-size: 11px !important;
512 font-family: monospace;
516 .fc-agenda .ui-resizable-resizing {
517 /* TODO: better selector */
530 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
534 -webkit-transition: opacity 0.2s ease-out;
535 -moz-transition: opacity 0.2s ease-out;
536 -o-transition: opacity 0.2s ease-out;
537 -ms-transition: opacity 0.2s ease-out;
538 -webkit-transform: translateZ(5px);
540 .carousel-bullets > .bullet {
542 position: relative !important;
543 background: rgba(0, 0, 0, 0.5) !important;
544 -webkit-border-radius: 10px;
546 -webkit-box-shadow: none;
547 -moz-box-shadow: none;
549 width: 6px !important;
550 height: 6px !important;
551 border: 5px solid rgba(0, 0, 0, 0) !important;
552 display: inline-block;
553 margin-right: 2px !important;
554 margin-bottom: 0px !important;
555 -webkit-transition: background-color 0.2s, border-color 0.2s;
556 -moz-transition: background-color 0.2s, border-color 0.2s;
557 -o-transition: background-color 0.2s, border-color 0.2s;
558 -ms-transition: background-color 0.2s, border-color 0.2s;
559 transition: background-color 0.2s, border-color 0.2s;
560 float: none !important;
561 box-sizing: content-box;
562 -moz-box-sizing: content-box;
563 -webkit-box-sizing: content-box;
565 .carousel-bullets > .bullet:hover,
566 .carousel-bullets > .bullet.selected {
567 -webkit-box-shadow: none;
568 -moz-box-shadow: none;
570 background: #ffffff !important;
571 width: 6px !important;
572 height: 6px !important;
573 border: 5px solid #000000 !important;
575 .carousel-inner > .carousel-arrow > .carousel-prev {
586 .carousel-inner > .carousel-arrow > .carousel-next {
597 .carousel-inner > .carousel-arrow > .carousel-prev > i,
598 .carousel-inner > .carousel-arrow > .carousel-next > i {
601 .carousel-inner .tab-pane.clickable {
606 * From https://github.com/flatlogic/awesome-bootstrap-checkbox
610 display: inline-block;
613 -webkit-touch-callout: none;
614 -webkit-user-select: none;
615 -khtml-user-select: none;
616 -moz-user-select: none;
617 -ms-user-select: none;
620 .checkbox label::before {
622 display: inline-block;
628 border: 1px solid #777777;
630 background-color: #ffffff;
631 -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
632 -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
633 transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
635 .checkbox label::after {
636 display: inline-block;
648 .checkbox input[type="checkbox"] {
651 .checkbox input[type="checkbox"]:checked + label::after {
652 font-family: 'FontAwesome';
655 .checkbox input[type="checkbox"]:disabled + label {
658 .checkbox input[type="checkbox"]:disabled + label::before {
659 background-color: #eeeeee;
662 .checkbox.checkbox-circle label::before {
665 .checkbox-primary input[type="checkbox"]:checked + label::before {
666 background-color: #337ab7;
667 border-color: #337ab7;
669 .checkbox-primary input[type="checkbox"]:checked + label::after {
672 .checkbox-danger input[type="checkbox"]:checked + label::before {
673 background-color: #d9534f;
674 border-color: #d9534f;
676 .checkbox-danger input[type="checkbox"]:checked + label::after {
679 .checkbox-info input[type="checkbox"]:checked + label::before {
680 background-color: #5bc0de;
681 border-color: #5bc0de;
683 .checkbox-info input[type="checkbox"]:checked + label::after {
686 .checkbox-warning input[type="checkbox"]:checked + label::before {
687 background-color: #f0ad4e;
688 border-color: #f0ad4e;
690 .checkbox-warning input[type="checkbox"]:checked + label::after {
693 .checkbox-success input[type="checkbox"]:checked + label::before {
694 background-color: #5cb85c;
695 border-color: #5cb85c;
697 .checkbox-success input[type="checkbox"]:checked + label::after {
700 /* before is the outer cicle */
701 /* after is the inner circle.. */
703 display: inline-block;
707 .radio label::before {
709 display: inline-block;
715 border: 1px solid #777777;
717 background-color: #ffffff;
718 -webkit-transition: border 0.15s ease-in-out;
719 -o-transition: border 0.15s ease-in-out;
720 transition: border 0.15s ease-in-out;
722 .radio label::after {
723 display: inline-block;
732 background-color: #ffffff;
733 -webkit-transform: scale(0, 0);
734 -ms-transform: scale(0, 0);
735 -o-transform: scale(0, 0);
736 transform: scale(0, 0);
737 -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
738 -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
739 -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
740 transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
742 .radio input[type="radio"] {
745 .radio input[type="radio"]:checked + label::after {
746 -webkit-transform: scale(1, 1);
747 -ms-transform: scale(1, 1);
748 -o-transform: scale(1, 1);
749 transform: scale(1, 1);
750 background-color: #555555;
752 .radio input[type="radio"]:disabled + label {
755 .radio input[type="radio"]:disabled + label::before {
758 .radio-primary input[type="radio"] + label::after {
759 background-color: #ffffff;
761 .radio-primary input[type="radio"]:checked + label::before {
762 border-color: #337ab7;
764 .radio-primary input[type="radio"]:checked + label::after {
765 background-color: #337ab7;
767 .radio-danger input[type="radio"] + label::after {
768 background-color: #d9534f;
770 .radio-danger input[type="radio"]:checked + label::before {
771 border-color: #d9534f;
773 .radio-danger input[type="radio"]:checked + label::after {
774 background-color: #d9534f;
776 .radio-info input[type="radio"] + label::after {
777 background-color: #ffffff;
779 .radio-info input[type="radio"]:checked + label::before {
780 border-color: #5bc0de;
782 .radio-info input[type="radio"]:checked + label::after {
783 background-color: #5bc0de;
785 .radio-warning input[type="radio"] + label::after {
786 background-color: #ffffff;
788 .radio-warning input[type="radio"]:checked + label::before {
789 border-color: #f0ad4e;
791 .radio-warning input[type="radio"]:checked + label::after {
792 background-color: #f0ad4e;
794 .radio-success input[type="radio"] + label::after {
795 background-color: #ffffff;
797 .radio-success input[type="radio"]:checked + label::before {
798 border-color: #5cb85c;
800 .radio-success input[type="radio"]:checked + label::after {
801 background-color: #5cb85c;
803 .checkbox.checkbox-inline,
804 .radio.radio-inline {
809 * From https://github.com/danielfarrell/bootstrap-combobox
812 .combobox-container {
815 display: inline-table;
817 .combobox-container:before,
818 .combobox-container:after {
822 .combobox-container:after {
825 .combobox-container input,
826 .combobox-container .uneditable-input {
827 -webkit-border-radius: 0 3px 3px 0;
828 -moz-border-radius: 0 3px 3px 0;
829 border-radius: 0 3px 3px 0;
831 .combobox-container input:focus,
832 .combobox-container .uneditable-input:focus {
836 .combobox-container .uneditable-input {
837 border-left-color: #777777;
839 .combobox-container .add-on {
841 display: inline-block;
844 height: inherit !important;
850 text-shadow: 0 1px 0 #ffffff;
851 background-color: #f5f5f5;
852 border: 1px solid #777777;
853 -webkit-border-radius: 3px 0 0 3px;
854 -moz-border-radius: 3px 0 0 3px;
855 border-radius: 3px 0 0 3px;
857 .combobox-container .active {
858 background-color: #337ab7;
861 .combobox-container input,
862 .combobox-container .uneditable-input {
864 -webkit-border-radius: 3px 0 0 3px;
865 -moz-border-radius: 3px 0 0 3px;
866 border-radius: 3px 0 0 3px;
868 .combobox-container .uneditable-input {
869 border-left-color: #eeeeee;
870 border-right-color: #777777;
872 .combobox-container .add-on {
875 -webkit-border-radius: 0 3px 3px 0;
876 -moz-border-radius: 0 3px 3px 0;
877 border-radius: 0 3px 3px 0;
879 .combobox-container input:first-child {
880 *margin-left: -160px;
882 .combobox-container input:first-child + .add-on {
885 .combobox-container select {
886 display: inline-block;
892 text-indent: -99999px;
895 .form-search .combobox-container,
896 .form-inline .combobox-container {
897 display: inline-block;
901 .form-search .combobox-container .add-on,
902 .form-inline .combobox-container .add-on {
903 vertical-align: middle;
905 .combobox-selected .combobox-clear {
906 display: inline-block;
908 .combobox-selected .caret {
918 filter: alpha(opacity=30);
920 .dropdown:hover .combobox-clear,
921 .open.dropdown .combobox-clear {
923 filter: alpha(opacity=100);
925 .btn .combobox-clear {
929 .btn:hover .combobox-clear,
930 .open.btn-group .combobox-clear {
932 filter: alpha(opacity=100);
938 .control-group.error .combobox-container .add-on {
940 border-color: #d9534f;
942 .control-group.error .combobox-container .caret {
943 border-top-color: #d9534f;
945 .control-group.warning .combobox-container .add-on {
947 border-color: #f0ad4e;
949 .control-group.warning .combobox-container .caret {
950 border-top-color: #f0ad4e;
952 .control-group.success .combobox-container .add-on {
954 border-color: #5cb85c;
956 .control-group.success .combobox-container .caret {
957 border-top-color: #5cb85c;
959 .btn .combobox-clear [class^="icon-"] {
962 .combobox-container .dropdown-menu {
965 border: 1px solid #337ab7;
968 .roo-select2-container .dropdown-menu {
969 border: 1px solid #337ab7;
971 .dropdown-menu .active {
975 .dropdown-menu .active label {
978 .dropdown-menu .roo-select2-result {
979 padding: 3px 7px 4px;
983 -webkit-touch-callout: none;
984 -webkit-user-select: none;
985 -moz-user-select: none;
986 -ms-user-select: none;
989 .roo-select2-container,
990 .roo-select2-choices .roo-select2-search-field {
993 .roo-select2-container .x-combo-noedit {
995 background-color: #ffffff;
997 .roo-select2-container .x-combo-noedit[disabled] {
999 background-color: #eeeeee;
1001 .roo-combobox-tickable .roo-select2-choices {
1003 background-image: none;
1005 .roo-combobox-tickable .roo-select2-result label {
1008 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
1010 z-index: 20002 !important;
1012 .dropdown-menu .checkbox label {
1015 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
1019 .dropdown-menu .roo-select2-result .checkbox {
1023 .roo-select2-container .input-group-addon {
1025 border: 1px solid #777777;
1028 .roo-select2-container .roo-removable {
1031 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1037 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1044 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1051 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1059 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1065 .has-warning .roo-select2-container-multi {
1066 border: 1px solid #f0ad4e;
1072 * Datepicker for Bootstrap
1074 * Copyright 2012 Stefan Petre
1075 * Improvements by Andrew Rowls
1076 * Licensed under the Apache License v2.0
1077 * http://www.apache.org/licenses/LICENSE-2.0
1083 -webkit-border-radius: 4px;
1084 -moz-border-radius: 4px;
1089 border-top: 1px solid @gray-light !important;
1092 .datepicker-inline {
1095 .datepicker.datepicker-rtl {
1098 .datepicker.datepicker-rtl table tr td span {
1101 .datepicker-dropdown {
1105 /*.datepicker-dropdown:before {
1107 display: inline-block;
1108 border-left: 7px solid transparent;
1109 border-right: 7px solid transparent;
1110 border-bottom: 7px solid @gray-light;
1111 border-bottom-color: @black-opacity-20;
1116 .datepicker-dropdown:after {
1118 display: inline-block;
1119 border-left: 6px solid transparent;
1120 border-right: 6px solid transparent;
1121 border-bottom: 6px solid @body-bg;
1126 .datepicker-dropdown.bottom:before {
1128 display: inline-block;
1129 border-left: 7px solid transparent;
1130 border-right: 7px solid transparent;
1131 border-bottom: 7px solid #777777;
1132 border-bottom-color: rgba(0, 0, 0, 0.2);
1137 .datepicker-dropdown.bottom:after {
1139 display: inline-block;
1140 border-left: 6px solid transparent;
1141 border-right: 6px solid transparent;
1142 border-bottom: 6px solid #ffffff;
1147 .datepicker-dropdown.top:before {
1149 display: inline-block;
1150 border-left: 7px solid transparent;
1151 border-right: 7px solid transparent;
1152 border-top: 7px solid #777777;
1154 border-top-color: rgba(0, 0, 0, 0.2);
1159 .datepicker-dropdown.top:after {
1161 display: inline-block;
1162 border-left: 6px solid transparent;
1163 border-right: 6px solid transparent;
1164 border-top: 6px solid #ffffff;
1170 .datepicker-dropdown.bottom-right:before {
1172 display: inline-block;
1173 border-left: 7px solid transparent;
1174 border-right: 7px solid transparent;
1175 border-bottom: 7px solid #777777;
1176 border-bottom-color: rgba(0, 0, 0, 0.2);
1181 .datepicker-dropdown.bottom-right:after {
1183 display: inline-block;
1184 border-left: 6px solid transparent;
1185 border-right: 6px solid transparent;
1186 border-bottom: 6px solid #ffffff;
1191 .datepicker-dropdown.bottom-left:before {
1193 display: inline-block;
1194 border-left: 7px solid transparent;
1195 border-right: 7px solid transparent;
1196 border-bottom: 7px solid #777777;
1197 border-bottom-color: rgba(0, 0, 0, 0.2);
1202 .datepicker-dropdown.bottom-left:after {
1204 display: inline-block;
1205 border-left: 6px solid transparent;
1206 border-right: 6px solid transparent;
1207 border-bottom: 6px solid #ffffff;
1212 .datepicker-dropdown.top-right:before {
1214 display: inline-block;
1215 border-left: 7px solid transparent;
1216 border-right: 7px solid transparent;
1217 border-top: 7px solid #777777;
1218 border-top-color: rgba(0, 0, 0, 0.2);
1223 .datepicker-dropdown.top-right:after {
1225 display: inline-block;
1226 border-left: 6px solid transparent;
1227 border-right: 6px solid transparent;
1228 border-top: 6px solid #ffffff;
1233 .datepicker-dropdown.top-left:before {
1235 display: inline-block;
1236 border-left: 7px solid transparent;
1237 border-right: 7px solid transparent;
1238 border-top: 7px solid #777777;
1239 border-top-color: rgba(0, 0, 0, 0.2);
1244 .datepicker-dropdown.top-left:after {
1246 display: inline-block;
1247 border-left: 6px solid transparent;
1248 border-right: 6px solid transparent;
1249 border-top: 6px solid #ffffff;
1257 .datepicker.days div.datepicker-days {
1260 .datepicker.months div.datepicker-months {
1263 .datepicker.years div.datepicker-years {
1274 -webkit-border-radius: 4px;
1275 -moz-border-radius: 4px;
1279 .table-striped .datepicker table tr td,
1280 .table-striped .datepicker table tr th {
1281 background-color: transparent;
1283 .datepicker table tr td.day:hover {
1284 background: #eeeeee;
1287 .datepicker table tr td.old,
1288 .datepicker table tr td.new {
1291 .datepicker table tr td.disabled,
1292 .datepicker table tr td.disabled:hover {
1297 .datepicker table tr td.today,
1298 .datepicker table tr td.today:hover,
1299 .datepicker table tr td.today.disabled,
1300 .datepicker table tr td.today.disabled:hover {
1301 background-color: #f0ad4e;
1302 background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
1303 background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
1304 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
1305 background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
1306 background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
1307 background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
1308 background-repeat: repeat-x;
1309 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
1310 border-color: #f0ad4e #f0ad4e #f0ad4e;
1311 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1312 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1314 .datepicker table tr td.today:hover,
1315 .datepicker table tr td.today:hover:hover,
1316 .datepicker table tr td.today.disabled:hover,
1317 .datepicker table tr td.today.disabled:hover:hover,
1318 .datepicker table tr td.today:active,
1319 .datepicker table tr td.today:hover:active,
1320 .datepicker table tr td.today.disabled:active,
1321 .datepicker table tr td.today.disabled:hover:active,
1322 .datepicker table tr td.today.active,
1323 .datepicker table tr td.today:hover.active,
1324 .datepicker table tr td.today.disabled.active,
1325 .datepicker table tr td.today.disabled:hover.active,
1326 .datepicker table tr td.today.disabled,
1327 .datepicker table tr td.today:hover.disabled,
1328 .datepicker table tr td.today.disabled.disabled,
1329 .datepicker table tr td.today.disabled:hover.disabled,
1330 .datepicker table tr td.today[disabled],
1331 .datepicker table tr td.today:hover[disabled],
1332 .datepicker table tr td.today.disabled[disabled],
1333 .datepicker table tr td.today.disabled:hover[disabled] {
1334 background-color: #f0ad4e;
1336 .datepicker table tr td.today:active,
1337 .datepicker table tr td.today:hover:active,
1338 .datepicker table tr td.today.disabled:active,
1339 .datepicker table tr td.today.disabled:hover:active,
1340 .datepicker table tr td.today.active,
1341 .datepicker table tr td.today:hover.active,
1342 .datepicker table tr td.today.disabled.active,
1343 .datepicker table tr td.today.disabled:hover.active {
1344 background-color: #f0ad4e;
1346 .datepicker table tr td.active,
1347 .datepicker table tr td.active:hover,
1348 .datepicker table tr td.active.disabled,
1349 .datepicker table tr td.active.disabled:hover {
1350 background-color: #337ab7;
1351 background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1352 background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1353 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1354 background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1355 background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1356 background-image: linear-gradient(top, #3c87c8, #337ab7);
1357 background-repeat: repeat-x;
1358 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1359 border-color: #337ab7 #337ab7 #286090;
1360 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1361 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1363 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1365 .datepicker table tr td.active:hover,
1366 .datepicker table tr td.active:hover:hover,
1367 .datepicker table tr td.active.disabled:hover,
1368 .datepicker table tr td.active.disabled:hover:hover,
1369 .datepicker table tr td.active:active,
1370 .datepicker table tr td.active:hover:active,
1371 .datepicker table tr td.active.disabled:active,
1372 .datepicker table tr td.active.disabled:hover:active,
1373 .datepicker table tr td.active.active,
1374 .datepicker table tr td.active:hover.active,
1375 .datepicker table tr td.active.disabled.active,
1376 .datepicker table tr td.active.disabled:hover.active,
1377 .datepicker table tr td.active.disabled,
1378 .datepicker table tr td.active:hover.disabled,
1379 .datepicker table tr td.active.disabled.disabled,
1380 .datepicker table tr td.active.disabled:hover.disabled,
1381 .datepicker table tr td.active[disabled],
1382 .datepicker table tr td.active:hover[disabled],
1383 .datepicker table tr td.active.disabled[disabled],
1384 .datepicker table tr td.active.disabled:hover[disabled] {
1385 background-color: #337ab7;
1387 .datepicker table tr td.active:active,
1388 .datepicker table tr td.active:hover:active,
1389 .datepicker table tr td.active.disabled:active,
1390 .datepicker table tr td.active.disabled:hover:active,
1391 .datepicker table tr td.active.active,
1392 .datepicker table tr td.active:hover.active,
1393 .datepicker table tr td.active.disabled.active,
1394 .datepicker table tr td.active.disabled:hover.active {
1395 background-color: #286090;
1397 .datepicker table tr td span {
1405 -webkit-border-radius: 4px;
1406 -moz-border-radius: 4px;
1409 .datepicker table tr td span:hover {
1410 background: #eeeeee;
1412 .datepicker table tr td span.disabled,
1413 .datepicker table tr td span.disabled:hover {
1418 .datepicker table tr td span.active,
1419 .datepicker table tr td span.active:hover,
1420 .datepicker table tr td span.active.disabled,
1421 .datepicker table tr td span.active.disabled:hover {
1422 background-color: #337ab7;
1423 background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1424 background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1425 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1426 background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1427 background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1428 background-image: linear-gradient(top, #3c87c8, #337ab7);
1429 background-repeat: repeat-x;
1430 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1431 border-color: #337ab7 #337ab7 #286090;
1432 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1433 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1435 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1437 .datepicker table tr td span.active:hover,
1438 .datepicker table tr td span.active:hover:hover,
1439 .datepicker table tr td span.active.disabled:hover,
1440 .datepicker table tr td span.active.disabled:hover:hover,
1441 .datepicker table tr td span.active:active,
1442 .datepicker table tr td span.active:hover:active,
1443 .datepicker table tr td span.active.disabled:active,
1444 .datepicker table tr td span.active.disabled:hover:active,
1445 .datepicker table tr td span.active.active,
1446 .datepicker table tr td span.active:hover.active,
1447 .datepicker table tr td span.active.disabled.active,
1448 .datepicker table tr td span.active.disabled:hover.active,
1449 .datepicker table tr td span.active.disabled,
1450 .datepicker table tr td span.active:hover.disabled,
1451 .datepicker table tr td span.active.disabled.disabled,
1452 .datepicker table tr td span.active.disabled:hover.disabled,
1453 .datepicker table tr td span.active[disabled],
1454 .datepicker table tr td span.active:hover[disabled],
1455 .datepicker table tr td span.active.disabled[disabled],
1456 .datepicker table tr td span.active.disabled:hover[disabled] {
1457 background-color: #337ab7;
1459 .datepicker table tr td span.active:active,
1460 .datepicker table tr td span.active:hover:active,
1461 .datepicker table tr td span.active.disabled:active,
1462 .datepicker table tr td span.active.disabled:hover:active,
1463 .datepicker table tr td span.active.active,
1464 .datepicker table tr td span.active:hover.active,
1465 .datepicker table tr td span.active.disabled.active,
1466 .datepicker table tr td span.active.disabled:hover.active {
1467 background-color: #286090;
1469 .datepicker table tr td span.old {
1472 .datepicker th.switch {
1475 .datepicker thead tr:first-child th,
1476 .datepicker tfoot tr:first-child th {
1479 .datepicker thead tr:first-child th:hover,
1480 .datepicker tfoot tr:first-child th:hover {
1481 background: #eeeeee;
1486 padding: 0 2px 0 5px;
1487 vertical-align: middle;
1489 .datepicker thead tr:first-child th.cw {
1491 background-color: transparent;
1493 .input-append.date .add-on i,
1494 .input-prepend.date .add-on i {
1500 .datepicker .datepicker-time td span {
1510 .datepicker .datepicker-time td span.timepicker-hour,
1511 .datepicker .datepicker-time td span.timepicker-minute {
1516 .roo-document-manager-selector {
1520 .roo-document-manager-uploader,
1521 .roo-document-manager-loading,
1522 .roo-document-manager-preview {
1531 .roo-document-manager-preview.wide {
1534 .roo-document-manager-thumb,
1535 .roo-document-manager-upload-btn {
1540 border: 1px solid #777777;
1541 -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1542 -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1543 box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1545 .roo-document-manager-thumb > i.fa,
1546 .roo-document-manager-upload-btn > i.fa {
1550 vertical-align: middle;
1554 .roo-document-manager-thumb > i.fa {
1557 .roo-document-manager-thumb > img {
1561 vertical-align: middle;
1563 .roo-document-manager-preview > .close {
1570 .roo-document-manager-preview > .close:hover {
1576 @media (min-width: 768px) {
1577 .roo-document-manager-uploader,
1578 .roo-document-manager-loading,
1579 .roo-document-manager-preview {
1583 .roo-document-manager-thumb,
1584 .roo-document-manager-upload-btn {
1589 .roo-document-manager-thumb > i.fa,
1590 .roo-document-manager-upload-btn > i.fa {
1597 @media (min-width: 992px) {
1598 .roo-document-manager-uploader,
1599 .roo-document-manager-loading,
1600 .roo-document-manager-preview {
1605 .roo-document-manager-preview.wide {
1606 width: 16.66666666%;
1608 .roo-document-manager-thumb,
1609 .roo-document-manager-upload-btn {
1614 .roo-document-manager-thumb > i.fa,
1615 .roo-document-manager-upload-btn > i.fa {
1622 @media (min-width: 1200px) {
1623 .roo-document-manager-uploader,
1624 .roo-document-manager-loading,
1625 .roo-document-manager-preview {
1630 .roo-document-manager-preview.wide {
1631 width: 16.66666666%;
1633 .roo-document-manager-thumb,
1634 .roo-document-manager-upload-btn {
1639 .roo-document-manager-thumb > i.fa,
1640 .roo-document-manager-upload-btn > i.fa {
1644 .document-slider-dialog .modal-body {
1647 .roo-document-slider-header {
1648 background-color: rgba(0, 0, 0, 0.5);
1650 .roo-document-slider-header .roo-document-slider-header-title {
1658 .roo-document-slider-body {
1659 background-color: #ffffff;
1665 .roo-document-slider-body .roo-document-slider-thumb {
1671 transform: translate(-50%, -50%);
1672 box-sizing: border-box;
1673 border: 1px solid #666666;
1674 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1676 vertical-align: middle;
1680 .roo-document-slider-body .roo-document-slider-image {
1683 .roo-document-slider-prev {
1691 .roo-document-slider-next {
1699 .roo-document-slider-prev > i,
1700 .roo-document-slider-next > i {
1703 transform: translateY(-50%);
1707 .document-viewer-dialog .modal-dialog {
1710 .document-viewer-dialog .modal-header,
1711 .document-viewer-dialog .modal-footer {
1713 padding-bottom: 5px;
1715 .document-viewer-dialog .modal-body {
1718 .roo-document-viewer-body {
1719 background-color: #ffffff;
1727 .roo-document-viewer-body .roo-document-viewer-thumb {
1733 transform: translate(-50%, -50%);
1734 box-sizing: border-box;
1735 border: 1px solid #666666;
1736 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1738 vertical-align: middle;
1741 .roo-document-viewer-body .roo-document-viewer-image {
1744 .roo-document-viewer-btn-group button {
1745 background-color: #000000;
1747 border-color: #333333;
1749 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1750 border-top-left-radius: 0;
1752 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1753 border-top-right-radius: 0;
1755 .dropdown-submenu:hover > a,
1756 .dropdown-submenu:focus > a {
1758 text-decoration: none;
1759 background-color: #337ab7;
1760 background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
1761 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
1762 background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
1763 background-image: -o-linear-gradient(top, #337ab7, #3072ab);
1764 background-image: linear-gradient(to bottom, #337ab7, #3072ab);
1765 background-repeat: repeat-x;
1766 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
1771 .dropdown-submenu > .dropdown-menu {
1776 -webkit-border-radius: 0 6px 6px 6px;
1777 -moz-border-radius: 0 6px 6px 6px;
1778 border-radius: 0 6px 6px 6px;
1780 .dropdown-submenu:hover > .dropdown-menu {
1783 .dropup .dropdown-submenu > .dropdown-menu {
1787 margin-bottom: -2px;
1788 -webkit-border-radius: 5px 5px 5px 0;
1789 -moz-border-radius: 5px 5px 5px 0;
1790 border-radius: 5px 5px 5px 0;
1792 .dropup .dropdown-menu {
1793 -webkit-animation-name: inherit;
1795 .dropdown-submenu > a:after {
1801 margin-right: -10px;
1802 border-color: transparent;
1803 border-left-color: #777777;
1804 border-style: solid;
1805 border-width: 5px 0 5px 5px;
1808 .dropdown-submenu:hover > a:after {
1809 border-left-color: #ffffff;
1811 .dropdown-submenu.pull-left {
1812 float: none !important;
1814 .dropdown-submenu.pull-left > .dropdown-menu {
1817 -webkit-border-radius: 6px 0 6px 6px;
1818 -moz-border-radius: 6px 0 6px 6px;
1819 border-radius: 6px 0 6px 6px;
1821 .dropdown-button > i {
1824 li.dropdown-toggle i.glyphicon + span {
1827 li.dropdown-toggle span + i.glyphicon {
1830 li.dropdown-menu-item i.fa + span {
1833 div.input-group.has-feedback > .form-control-feedback {
1836 .roo-required-indicator.left-indicator {
1839 .roo-required-indicator.right-indicator {
1843 padding-right: .6em;
1845 border-radius: 10rem;
1847 .roo-layout-container {
1852 .roo-layout-inactive-content {
1858 .roo-layout-active-content {
1859 visibility: visible;
1860 /* padding: 10px; */
1864 /* overflow:hidden; -- menus inside of contains do not work with this */
1866 background-color:white;
1867 border:1px solid #98c0f4;
1870 .roo-layout-panel-east,
1871 .roo-layout-panel-west {
1874 .roo-layout-panel-north,
1875 .roo-layout-panel-south {
1879 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1883 .roo-layout-panel-body {
1888 .roo-layout-grid-wrapper{
1899 background-color: #f5f5f5;
1901 .roo-layout-split-south,
1902 .roo-layout-split-north {
1903 border-bottom: 1px solid #777777;
1905 .roo-layout-split-east,
1906 .roo-layout-split-west {
1907 border-right: 1px solid #777777;
1909 .roo-layout-panel-hd {
1912 .roo-layout-panel-hd.breadcrumb {
1915 .roo-layout-panel-hd-text {
1919 white-space: nowrap;
1921 .roo-layout-panel-hd-tools {
1931 .x-layout-tools-button{
1937 .x-layout-tools-button-over{
1939 border:1px solid #98c0f4;
1940 background-color:white;
1942 .x-layout-tools-button-inner{
1947 background-repeat:no-repeat;
1948 background-position:center;
1951 background-image:url(../images/default/layout/layout-sprite.gif);
1952 background-repeat: no-repeat;
1953 background-position: 50% -48px;
1955 .x-layout-collapse-west,.x-layout-expand-east{
1956 background-image:url(../images/default/layout/layout-sprite.gif);
1957 background-repeat: no-repeat;
1958 background-position: 50% 0;
1960 .x-layout-expand-west,.x-layout-collapse-east{
1961 background-image:url(../images/default/layout/layout-sprite.gif);
1962 background-repeat: no-repeat;
1963 background-position: 50% -12px;
1965 .x-layout-collapse-north,.x-layout-expand-south{
1966 background-image:url(../images/default/layout/layout-sprite.gif);
1967 background-repeat: no-repeat;
1968 background-position: 50% -24px;
1970 .x-layout-expand-north,.x-layout-collapse-south{
1971 background-image:url(../images/default/layout/layout-sprite.gif);
1972 background-repeat: no-repeat;
1973 background-position: 50% -36px;
1976 background-image:url(../images/default/sizer/e-handle.gif);
1977 background-position: left;
1981 background-image:url(../images/default/sizer/s-handle.gif);
1982 background-position: top;
1985 .x-layout-panel .x-tabs-wrap{
1986 background:url(../images/default/layout/gradient-bg.gif);
1989 .roo-layout-panel .roo-tabbody {
1990 background-color: #ffffff;
1994 .roo-layout-component-panel,
1995 .roo-layout-nested-layout {
2002 .roo-layout-nested-layout .roo-layout-panel {
2006 .x-layout-nested-layout .x-layout-panel-north {
2007 border-bottom:1px solid #98c0f4;
2009 .x-layout-nested-layout .x-layout-panel-south {
2010 border-top:1px solid #98c0f4;
2012 .x-layout-nested-layout .x-layout-panel-east {
2013 border-left:1px solid #98c0f4;
2015 .x-layout-nested-layout .x-layout-panel-west {
2016 border-right:1px solid #98c0f4;
2021 background-color: transparent;
2024 .x-layout-panel-dragover {
2025 border: 2px solid #6593cf;
2027 .x-layout-panel-proxy {
2028 background-image: url(../images/default/layout/gradient-bg.gif);
2029 background-color:#c3daf9;
2030 border:1px dashed #6593cf;
2044 -moz-user-select: none;
2045 -khtml-user-select: none;
2046 -webkit-user-select: none;
2049 /** --- split bar dragging ---*/
2050 .roo-splitbar-proxy {
2054 background: #777777;
2055 border: 1px solid #000000;
2059 .roo-splitbar-proxy-h {
2063 .roo-splitbar-proxy-v {
2067 .x-grid-resize-proxy
2073 border: 1px solid #000;
2082 .roo-layout-panel-body .navbar ul.nav-tabs {
2086 .roo-layout-panel-body .navbar {
2090 button.list-group-item {
2093 text-align: inherit;
2102 filter: alpha(opacity=50);
2103 background-color: #777777;
2111 /*border: 4px double #557; */
2112 background-color: #ffffff;
2114 background-image: url('../images/ux/lightbox/loading.gif');
2115 background-repeat: no-repeat;
2116 border: 10px solid white;
2117 border-radius: 20px;
2119 .roo-el-mask-msg div {
2120 font-family: 'Source Sans Pro', sans-serif;
2128 overflow: hidden !important;
2130 .x-body-masked select,
2143 filter: alpha(opacity=50);
2144 background-color: #777777;
2146 .masonary .masonry-bottom-title {
2147 background-color: transparent;
2149 .masonry-brick-link,
2152 text-decoration: none;
2155 .masonry-brick-paragraph,
2156 .roo-brick-paragraph {
2159 .masonry-brick .masonry-brick-paragraph {
2166 background-color: inherit;
2168 .masonry-center-title .masonry-brick-paragraph,
2169 .masonry-bottom-title .masonry-brick-paragraph,
2170 .roo-brick-center-title .roo-brick-paragraph,
2171 .roo-brick-bottom-title .roo-brick-paragraph {
2174 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2175 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2176 display: table-cell;
2177 vertical-align: middle;
2180 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2181 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2182 display: table-cell;
2183 vertical-align: bottom;
2186 .masonry-brick-image .masonry-brick-paragraph,
2187 .roo-brick-image .roo-brick-paragraph {
2190 .masonry-bottom-title .masonry-brick-paragraph {
2193 .masonry-brick-image-view {
2198 .masonry-brick-paragraph .masonry-brick-title,
2199 .roo-brick-paragraph .roo-brick-title {
2202 .roo-brick .roo-brick-paragraph {
2206 background-color: inherit;
2208 .roo-brick-image-view {
2213 a.roo-brick-link:focus,
2214 a.roo-brick-link:hover {
2215 text-decoration: none;
2218 .masonry-brick-split .masonry-brick-split-head,
2219 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2222 .masonry-brick-split .masonry-brick-split-body {
2228 .enable-mask:hover .masonry-brick-mask {
2234 background-color: #000000;
2239 Created on : Apr 23, 2014, 11:24:28 AM
2242 Purpose of the stylesheet follows.
2258 .modal-md-12 .modal-dialog {
2262 .modal-md-11 .modal-dialog {
2263 width: 91.66666666666666%;
2266 .modal-md-10 .modal-dialog {
2267 width: 83.33333333333334%;
2270 .modal-md-9 .modal-dialog {
2274 .modal-md-8 .modal-dialog {
2275 width: 66.66666666666666%;
2278 .modal-md-7 .modal-dialog {
2279 width: 58.333333333333336%;
2282 .modal-md-6 .modal-dialog {
2286 .modal-md-5 .modal-dialog {
2287 width: 41.66666666666667%;
2290 .modal-md-4 .modal-dialog {
2291 width: 33.33333333333333%;
2294 .modal-md-3 .modal-dialog {
2298 .modal-md-2 .modal-dialog {
2299 width: 16.666666666666664%;
2302 .modal-md-1 .modal-dialog {
2303 width: 8.333333333333332%;
2307 this appears to break the layout on dialog buttons on mobile?
2308 @media (max-width: 568px) {
2309 .modal-footer .btn+.btn {
2315 .modal-body.roo-layout-container {
2318 .roo-navigation-bar-group,
2319 .roo-navigation-top-bar,
2320 .roo-navigation-bullets-bar,
2321 .roo-navigation-bottom-bar {
2325 .roo-navigation-bar-text > span {
2326 text-transform: uppercase;
2328 display: inline-block;
2330 .roo-navigation-bar-text {
2338 .roo-navigation-bar {
2339 counter-reset: step;
2345 .roo-navigation-bar .roo-navigation-bar-item {
2346 list-style-type: none;
2348 text-transform: uppercase;
2353 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2354 counter-increment: step;
2359 background: #337ab7;
2364 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2365 content: counter(step);
2367 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2371 background: #337ab7;
2376 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2379 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2380 background: #ac2925;
2383 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2384 background: #777777;
2386 cursor: not-allowed;
2388 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2391 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2392 font: normal normal normal 14px/1 FontAwesome;
2393 display: inline-block;
2395 @media (min-width: 768px) {
2396 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2397 content: counter(step);
2400 @media (min-width: 992px) {
2401 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2402 .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2403 content: counter(step);
2406 @media (min-width: 1200px) {
2407 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2408 .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2409 .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2410 content: counter(step);
2415 margin-bottom: 20px;
2416 background: #ffffff;
2417 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2419 .nav-tabs-custom > .nav-tabs {
2421 border-bottom-color: #777777;
2423 .nav-tabs-custom > .nav-tabs > li {
2424 border-top: 3px solid transparent;
2425 margin-bottom: -2px;
2428 .nav-tabs-custom > .nav-tabs > li > a {
2429 -webkit-border-radius: 0 !important;
2430 -moz-border-radius: 0 !important;
2431 border-radius: 0 !important;
2433 .nav-tabs-custom > .nav-tabs > li > a,
2434 .nav-tabs-custom > .nav-tabs > li > a:hover {
2435 background: transparent;
2438 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2439 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2440 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2441 border-color: transparent;
2443 .nav-tabs-custom > .nav-tabs > li.active {
2444 border-top-color: #337ab7;
2446 .nav-tabs-custom > .nav-tabs > li.active > a,
2447 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2448 background-color: #ffffff;
2450 .nav-tabs-custom > .nav-tabs > li.active > a {
2452 border-left-color: #777777;
2453 border-right-color: #777777;
2455 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2458 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2459 border-left-width: 0;
2461 .nav-tabs-custom > .nav-tabs.pull-right {
2462 float: none !important;
2464 .nav-tabs-custom > .nav-tabs.pull-right > li {
2467 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2470 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2471 border-left-width: 1px;
2472 border-right-width: 0px;
2474 .nav-tabs-custom > .nav-tabs > li.header {
2482 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2483 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2484 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2487 .nav-tabs-custom > .tab-content {
2488 background: #ffffff;
2491 /* --- override it appears it's done un-reliably in JS normally.. */
2492 .tab-content > .tab-pane {
2496 /* for some reason it's -15px on BS */
2497 @media (min-width: 768px) {
2503 background-color: #337ab7 !important;
2504 border: 10px solid black;
2510 float: right !important;
2512 .roo-radio-set:before,
2513 .roo-radio-set:after {
2518 .radio.checked label::after {
2519 -webkit-transform: scale(1, 1);
2520 -ms-transform: scale(1, 1);
2521 -o-transform: scale(1, 1);
2522 transform: scale(1, 1);
2523 background-color: #555555;
2525 .roo-radio-set.disabled .radio label {
2528 .roo-radio-set.disabled .radio label {
2529 cursor: not-allowed;
2531 .roo-radio-primary .radio label::after {
2532 background-color: #ffffff;
2534 .roo-radio-primary .radio.checked label::before {
2535 border-color: #337ab7;
2537 .roo-radio-primary .radio.checked label::after {
2538 background-color: #337ab7;
2540 .roo-radio-danger .radio label::after {
2541 background-color: #d9534f;
2543 .roo-radio-danger .radio.checked label::before {
2544 border-color: #d9534f;
2546 .roo-radio-danger .radio.checked label::after {
2547 background-color: #d9534f;
2549 .roo-radio-info .radio label::after {
2550 background-color: #ffffff;
2552 .roo-radio-info .radio.checked label::before {
2553 border-color: #5bc0de;
2555 .roo-radio-info .radio.checked label::after {
2556 background-color: #5bc0de;
2558 .roo-radio-warning .radio label::after {
2559 background-color: #ffffff;
2561 .roo-radio-warning .radio.checked label::before {
2562 border-color: #f0ad4e;
2564 .roo-radio-warning .radio.checked label::after {
2565 background-color: #f0ad4e;
2567 .roo-radio-success .radio label::after {
2568 background-color: #ffffff;
2570 .roo-radio-success .radio.checked label::before {
2571 border-color: #5cb85c;
2573 .roo-radio-success .radio.checked label::after {
2574 background-color: #5cb85c;
2576 .roo-radio-set.has-warning .roo-radio-set-items label,
2577 .roo-radio-set.has-warning .roo-radio-set-label {
2580 .roo-radio-set.has-error .roo-radio-set-items label,
2581 .roo-radio-set.has-error .roo-radio-set-label {
2584 .roo-radio-set.has-success .roo-radio-set-items label,
2585 .roo-radio-set.has-success .roo-radio-set-label {
2588 .roo-radio-set-inline .radio {
2590 display: inline-block;
2595 vertical-align: middle;
2598 .roo-radio-set-inline .radio + .radio {
2601 .roo-radio-set-label .roo-required-indicator.right-indicator {
2604 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2609 .roo-radio-set-label,
2610 .roo-radio-set-right {
2613 .roo-form-error-popover.in {
2616 .roo-form-error-popover .tooltip-inner {
2620 .x-form-field-wrap .form-group {
2623 .roo-password-meter-grey {
2624 background: #777777;
2625 /* For browsers that do not support gradients */
2626 margin-bottom: 30px;
2629 .roo-password-meter {
2631 /* For browsers that do not support gradients */
2632 background: -webkit-linear-gradient(-90deg, #008000, #ff0000);
2633 /* For Safari 5.1 to 6.0 */
2634 background: -o-linear-gradient(-90deg, #008000, #ff0000);
2635 /* For Opera 11.1 to 12.0 */
2636 background: -moz-linear-gradient(-90deg, #008000, #ff0000);
2637 /* For Firefox 3.6 to 15 */
2638 background: linear-gradient(-90deg, #008000, #ff0000);
2641 .roo-password-meter-container {
2642 margin-bottom: 20px;
2644 .roo-password-meter-tooweak {
2645 background: #d9534f;
2648 .roo-password-meter-weak {
2649 background: #f0ad4e;
2652 .roo-password-meter-medium {
2653 background: #f0ad4e;
2656 .roo-password-meter-strong {
2657 background: #5cb85c;
2660 .roo-password-meter-text {
2661 /* padding-bottom:5px; */
2662 margin-bottom: 30px;
2667 Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
2669 .roo-select2-container {
2672 /*display: inline-block;*/
2673 /* inline-block for ie7 */
2676 vertical-align: middle;
2678 .roo-select2-container,
2680 .roo-select2-search,
2681 .roo-select2-search input {
2683 Force border-box so that % widths fit the parent
2684 container without overlap because of margin/padding.
2685 More Info : http://www.quirksmode.org/css/box.html
2687 -webkit-box-sizing: border-box;
2689 -moz-box-sizing: border-box;
2691 box-sizing: border-box;
2694 .roo-select2-container .roo-select2-choice {
2700 border: 1px solid #777777;
2701 white-space: nowrap;
2704 text-decoration: none;
2706 background-clip: padding-box;
2707 -webkit-touch-callout: none;
2708 -webkit-user-select: none;
2709 -moz-user-select: none;
2710 -ms-user-select: none;
2712 background-color: #ffffff;
2713 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2714 background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2715 background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2716 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2717 background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2719 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2720 border-bottom-color: #777777;
2721 border-radius: 0 0 4px 4px;
2722 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2723 background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2724 background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2725 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2726 background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2728 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2731 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2735 white-space: nowrap;
2736 text-overflow: ellipsis;
2740 .roo-select2-container .roo-select2-choice abbr {
2748 text-decoration: none;
2750 background: url('../images/select2/select2.png') right top no-repeat;
2754 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2755 display: inline-block;
2757 .roo-select2-container .roo-select2-choice abbr:hover {
2758 background-position: right -11px;
2761 .roo-select2-drop-mask {
2774 /* styles required for IE to work */
2775 background-color: #ffffff;
2776 filter: alpha(opacity=0);
2784 background: #ffffff;
2786 border: 1px solid #777777;
2788 border-radius: 0 0 4px 4px;
2789 -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2790 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2792 .roo-select2-drop.roo-select2-drop-above {
2794 border-top: 1px solid #777777;
2796 border-radius: 4px 4px 0 0;
2797 -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2798 box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2800 .roo-select2-drop-active {
2801 border: 1px solid #337ab7;
2804 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2805 border-top: 1px solid #337ab7;
2807 .roo-select2-drop-auto-width {
2808 border-top: 1px solid #777777;
2811 .roo-select2-drop-auto-width .roo-select2-search {
2814 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2815 display: inline-block;
2821 border-left: 1px solid #777777;
2822 border-radius: 0 4px 4px 0;
2823 background-clip: padding-box;
2824 background: #777777;
2825 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2826 background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2827 background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2828 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2829 background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2831 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2835 background: url('../images/select2/select2.png') no-repeat 0 1px;
2837 .roo-select2-search {
2838 display: inline-block;
2846 white-space: nowrap;
2848 .roo-select2-search input {
2850 height: auto !important;
2852 padding: 4px 20px 4px 5px;
2855 font-family: sans-serif;
2857 border: 1px solid #777777;
2859 -webkit-box-shadow: none;
2861 background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2862 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));
2863 background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2864 background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2865 background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2867 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2870 .roo-select2-search input.roo-select2-active {
2871 background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2872 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));
2873 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2874 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2875 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2877 .roo-select2-container-active .roo-select2-choice,
2878 .roo-select2-container-active .roo-select2-choices {
2879 border: 1px solid #337ab7;
2881 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2882 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2884 .roo-select2-dropdown-open .roo-select2-choice {
2885 border-bottom-color: transparent;
2886 -webkit-box-shadow: 0 1px 0 #ffffff inset;
2887 box-shadow: 0 1px 0 #ffffff inset;
2888 border-bottom-left-radius: 0;
2889 border-bottom-right-radius: 0;
2890 background-color: #eeeeee;
2891 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2892 background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2893 background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2894 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2895 background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2897 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2898 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2899 border: 1px solid #337ab7;
2900 border-top-color: transparent;
2901 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2902 background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2903 background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2904 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2905 background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2907 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2908 background: transparent;
2912 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2913 background-position: -18px 1px;
2915 .roo-select2-hidden-accessible {
2917 clip: rect(0 0 0 0);
2926 .roo-select2-results {
2929 margin: 4px 4px 4px 0;
2933 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2935 .roo-select2-results ul.roo-select2-result-sub {
2939 .roo-select2-results li {
2942 background-image: none;
2944 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
2947 .roo-select2-results .roo-select2-result-label {
2948 padding: 3px 7px 4px;
2952 -webkit-touch-callout: none;
2953 -webkit-user-select: none;
2954 -moz-user-select: none;
2955 -ms-user-select: none;
2958 .roo-select2-results-dept-1 .roo-select2-result-label {
2961 .roo-select2-results-dept-2 .roo-select2-result-label {
2964 .roo-select2-results-dept-3 .roo-select2-result-label {
2967 .roo-select2-results-dept-4 .roo-select2-result-label {
2970 .roo-select2-results-dept-5 .roo-select2-result-label {
2971 padding-left: 100px;
2973 .roo-select2-results-dept-6 .roo-select2-result-label {
2974 padding-left: 110px;
2976 .roo-select2-results-dept-7 .roo-select2-result-label {
2977 padding-left: 120px;
2979 .roo-select2-results .roo-select2-highlighted {
2980 background: #337ab7;
2983 .roo-select2-results li em {
2984 background: #f0ad4e;
2987 .roo-select2-results .roo-select2-highlighted em {
2988 background: transparent;
2990 .roo-select2-results .roo-select2-highlighted ul {
2991 background: #ffffff;
2994 .roo-select2-results .roo-select2-no-results,
2995 .roo-select2-results .roo-select2-searching,
2996 .roo-select2-results .roo-select2-selection-limit {
2997 background: #777777;
3002 disabled look for disabled choices in the results dropdown
3004 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3006 background: #777777;
3010 .roo-select2-results .roo-select2-disabled {
3011 background: #777777;
3015 .roo-select2-results .roo-select2-selected {
3018 .roo-select2-more-results.roo-select2-active {
3019 background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3021 .roo-select2-more-results {
3022 background: #777777;
3025 /* disabled styles */
3026 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3027 background-color: #777777;
3028 background-image: none;
3029 border: 1px solid #777777;
3032 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3033 background-color: #777777;
3034 background-image: none;
3037 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3041 .roo-select2-container-multi .roo-select2-choices {
3042 height: auto !important;
3046 /*position: relative;*/
3047 border: 1px solid #777777;
3050 background-color: #ffffff;
3051 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3052 background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3053 background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3054 background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3056 .roo-select2-locked {
3057 padding: 3px 5px 3px 5px !important;
3059 .roo-select2-container-multi .roo-select2-choices {
3062 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3063 border: 1px solid #337ab7;
3065 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3066 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3068 .roo-select2-container-multi .roo-select2-choices li {
3072 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3075 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3078 white-space: nowrap;
3080 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3083 font-family: sans-serif;
3088 -webkit-box-shadow: none;
3090 background: transparent !important;
3092 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3093 background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3095 .roo-select2-default {
3096 color: #777777 !important;
3098 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3099 padding: 4px 7px 4px 16px;
3105 border: 1px solid #777777;
3107 -webkit-touch-callout: none;
3108 -webkit-user-select: none;
3109 -moz-user-select: none;
3110 -ms-user-select: none;
3113 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3117 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3120 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3121 background: #777777;
3123 .roo-select2-search-choice-close {
3132 background: url('../images/select2/select2.png') right top no-repeat;
3134 html[dir="rtl"] .roo-select2-search-choice-close {
3138 .roo-select2-container-multi .roo-select2-search-choice-close {
3141 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3142 background-position: right -11px;
3144 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3145 background-position: right -11px;
3147 /* disabled styles */
3148 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3149 background-color: #777777;
3150 background-image: none;
3151 border: 1px solid #777777;
3154 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3155 padding: 3px 5px 3px 5px;
3156 border: 1px solid #777777;
3157 background-image: none;
3158 background-color: #777777;
3160 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3164 /* end multiselect */
3165 .roo-select2-result-selectable .roo-select2-match,
3166 .roo-select2-result-unselectable .roo-select2-match {
3167 text-decoration: underline;
3169 .roo-select2-offscreen,
3170 .roo-select2-offscreen:focus {
3171 clip: rect(0 0 0 0) !important;
3172 width: 1px !important;
3173 height: 1px !important;
3174 border: 0 !important;
3175 margin: 0 !important;
3176 padding: 0 !important;
3177 overflow: hidden !important;
3178 position: absolute !important;
3179 outline: 0 !important;
3180 left: 0px !important;
3181 top: 0px !important;
3183 .roo-select2-display-none {
3186 .roo-select2-measure-scrollbar {
3194 /* Retina-ize icons */
3195 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3196 .roo-select2-search input,
3197 .roo-select2-search-choice-close,
3198 .roo-select2-container .roo-select2-choice abbr,
3199 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3200 background-image: url('../images/select2/select2x2.png') !important;
3201 background-repeat: no-repeat !important;
3202 background-size: 60px 40px !important;
3204 .roo-select2-search input {
3205 background-position: 100% -21px !important;
3208 .has-error .roo-select2-choices {
3209 border-color: #d9534f;
3210 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3211 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3213 .dropdown-menu .roo-select2-result.disabled {
3214 background-color: #eeeeee;
3216 cursor: not-allowed;
3221 /* override boostrap a:hover */
3223 text-decoration: none;
3225 .sidebar .sidebar-menu {
3231 .sidebar .sidebar-menu > li,
3232 .sidebar .sidebar-menu li.active li.treeview-menu {
3235 border-bottom: 1px solid #777777;
3236 background-color: #eeeeee;
3238 /* active child menu - white BG */
3239 .sidebar .sidebar-menu li.active li.treeview-menu {
3240 background-color: #777777;
3242 .sidebar .sidebar-menu > li > a,
3243 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3244 padding: 12px 5px 12px 15px;
3248 .sidebar .sidebar-menu > li > a > .fa,
3249 .sidebar .sidebar-menu > li > a > .glyphicon,
3250 .sidebar .sidebar-menu > li > a > .ion {
3253 .sidebar .sidebar-menu li:hover,
3254 .sidebar .sidebar-menu li:focus,
3255 .sidebar .sidebar-menu li:active,
3256 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3257 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3258 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3259 background-color: #ffffff;
3261 .sidebar .sidebar-menu li:hover a,
3262 .sidebar .sidebar-menu li:focus a,
3263 .sidebar .sidebar-menu li:active a,
3264 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3265 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3266 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3268 text-decoration: none;
3271 .sidebar .sidebar-menu li.active {
3273 background-color: #337ab7;
3274 border-color: #286090;
3276 .sidebar .sidebar-menu li.active:hover,
3277 .sidebar .sidebar-menu li.active:focus,
3278 .sidebar .sidebar-menu li.active.focus {
3280 background-color: #337ab7;
3281 border-color: #286090;
3283 .sidebar .sidebar-menu li.active a {
3286 .sidebar .sidebar-menu li.disabled {
3288 background-color: #ffffff;
3289 border-color: #333333;
3291 .sidebar .sidebar-menu li.disabled a {
3295 .sidebar .sidebar-menu li.danger,
3296 .sidebar .sidebar-menu li.danger.active {
3298 background-color: #d9534f;
3299 border-color: #e27c79;
3301 .sidebar .sidebar-menu li.danger:hover,
3302 .sidebar .sidebar-menu li.danger:focus,
3303 .sidebar .sidebar-menu li.danger.active:focus {
3305 background-color: #d9534f;
3306 border-color: #c9302c;
3307 border-bottom: 1px solid #c9302c;
3309 .sidebar .sidebar-menu li.danger a,
3310 .sidebar .sidebar-menu li.danger.active a {
3314 .sidebar .sidebar-menu li.open ul {
3317 .sidebar .sidebar-menu li.open .treeview-menu {
3320 /* --- treeview menu */
3321 .sidebar .sidebar-menu .treeview-menu {
3327 .sidebar .sidebar-menu .treeview-menu > li {
3330 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3331 padding: 5px 5px 5px 20px;
3336 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3337 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3338 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3341 /* background to highlighted treeview node
3342 .sidebar .sidebar-menu li li.treeview-menu.active {
3346 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3349 /* active sidebard... */
3351 background-color: #777777;
3355 background-color: #337ab7;
3359 background-color: #5cb85c;
3363 background-color: #5bc0de;
3367 background-color: #f0ad4e;
3371 background-color: #d9534f;
3374 .sidebar .sidebar-menu > li.active .badge-info {
3375 background-color: #ffffff;
3379 /* Sticky footer styles
3380 -------------------------------------------------- */
3381 html.bootstrap-sticky {
3385 html.bootstrap-sticky body {
3386 /* Margin bottom by footer height */
3387 margin-bottom: 60px;
3389 .bootstrap-sticky-footer {
3393 /* Set the fixed height of the footer here */
3395 background-color: #f5f5f5;
3397 /* Lastly, apply responsive CSS fixes as necessary */
3398 @media (max-width: 767px) {
3399 .bootstrap-sticky-footer {
3401 margin-right: -20px;
3403 padding-right: 20px;
3406 /* paging toolbar */
3407 .pagination .x-paging-position span {
3409 padding-bottom: 3px;
3411 .pagination .x-paging-position span input {
3414 .navbar .pagination > li > span {
3417 .navbar .pagination {
3420 /* these are technicall adminlte related */
3421 .skin-blue .navbar .pagination > li > a:active,
3422 .skin-blue .navbar .pagination > li > a:focus,
3423 .skin-blue .navbar .pagination > li > a {
3424 background-color: #337ab7;
3426 .skin-blue .navbar .pagination > li > a:hover {
3427 background-color: #777777;
3429 .skin-blue table .navbar {
3430 background-color: #ffffff;
3432 .skin-blue .navbar .pagination > li.disabled > a {
3433 background-color: #777777;
3435 .skin-blue table .navbar {
3442 .table-body-fixed tbody {
3446 .table-body-fixed thead,
3447 .table-body-fixed tbody,
3448 .table-body-fixed th {
3451 .table-body-fixed thead {
3454 .table-body-fixed tbody td,
3455 .table-body-fixed thead > tr > th {
3457 border-bottom-width: 0;
3459 /* fake infinate widt.. */
3460 .table-body-fixed thead > tr,
3461 .table-body-fixed tbody > tr {
3465 /* standard bootstrap does not colour rows very well.. */
3466 .table > tbody > tr.info {
3467 background-color: #5bc0de;
3469 .table-hover > tbody > tr.info:hover {
3470 background-color: #31b0d5;
3474 background: #777777;
3475 border-bottom: 1px solid #eeeeee;
3478 @media (min-width: 980px) {
3479 .top-bar .collapse {
3480 display: block !important;
3481 visibility: visible !important;
3482 height: auto !important;
3483 overflow: visible !important;
3487 @media (min-width: 768px) and (max-width: 979px) {
3500 .footer .social li:last-child,
3502 margin-right: 0 !important;
3504 .header .social li:first-child {
3505 border-left: 1px solid #777777;
3508 .footer .social li {
3509 border-right: 1px solid #777777;
3510 display: table-cell;
3511 vertical-align: middle;
3516 -webkit-transition: background 0.5s ease-in-out;
3517 -moz-transition: background 0.5s ease-in-out;
3518 -o-transition: background 0.5s ease-in-out;
3519 -ms-transition: background 0.5s ease-in-out;
3520 transition: background 0.5s ease-in-out;
3527 -webkit-transition: color 0.5s ease-in-out;
3528 -moz-transition: color 0.5s ease-in-out;
3529 -o-transition: color 0.5s ease-in-out;
3530 -ms-transition: color 0.5s ease-in-out;
3531 transition: color 0.5s ease-in-out;
3533 .header .social li:hover a i,
3534 .footer .social li:hover a i {
3537 .team .item .team-member-links a.facebook:hover,
3538 .member-social.dark a.facebook:hover,
3539 .header .social li.facebook:hover,
3540 .footer .social li.facebook:hover {
3541 background: #337ab7;
3543 .team .item .team-member-links a.dribbble:hover,
3544 .member-social.dark a.dribbble:hover,
3545 .header .social li.dribbble:hover,
3546 .footer .social li.dribbble:hover {
3547 background: #f0ad4e;
3549 .team .item .team-member-links a.twitter:hover,
3550 .member-social.dark a.twitter:hover,
3551 .header .social li.twitter:hover,
3552 .footer .social li.twitter:hover {
3553 background: #337ab7;
3555 .team .item .team-member-links a.gplus:hover,
3556 .member-social.dark a.gplus:hover,
3557 .header .social li.gplus:hover,
3558 .footer .social li.gplus:hover {
3559 background: #d9534f;
3561 .team .item .team-member-links a.linkedin:hover,
3562 .member-social.dark a.linkedin:hover,
3563 .header .social li.linkedin:hover,
3564 .footer .social li.linkedin:hover {
3565 background: #337ab7;
3567 .team .item .team-member-links a.pinterest:hover,
3568 .member-social.dark a.pinterest:hover,
3569 .header .social li.pinterest:hover,
3570 .footer .social li.pinterest:hover {
3571 background: #d9534f;
3573 .header .social li.rss:hover,
3574 .footer .social li.rss:hover {
3575 background: #f0ad4e;
3577 .top-bar .languages {
3580 .top-bar .languages a {
3583 font-family: "Open Sans", Helvetica, Arial, sans-serif;
3587 .navbar-left .input-group[class*="col-"] {
3592 text-overflow: ellipsis;
3593 display: -webkit-box;
3594 -webkit-line-clamp: 3;
3595 -webkit-box-orient: vertical;
3597 .sw-child-headline {
3598 display: inline-block;
3603 display: inline-block;
3610 /* needed as menu ontop of form does not work */
3611 .input-group .form-control {
3614 /* admin-lte - messes with checkbox and radio.. */
3617 padding-left: 15px !important;
3619 /* paging toolbar */
3620 .pagination .x-paging-position span {
3622 padding-bottom: 3px;
3624 .pagination .x-paging-position span input {
3627 .panel-header-right {
3632 background-color: #d9534f;
3634 .badge-error:hover {
3635 background-color: #c9302c;
3638 background-color: #f0ad4e;
3640 .badge-warning:hover {
3641 background-color: #ec971f;
3644 background-color: #5cb85c;
3646 .badge-success:hover {
3647 background-color: #449d44;
3650 background-color: #5bc0de;
3653 background-color: #31b0d5;
3656 background-color: #333333;
3658 .badge-inverse:hover {
3659 background-color: #222222;
3664 .roo-invalid-outline {
3665 outline-width: 5000px;
3666 outline-offset: 5px;
3667 outline-style: solid;
3668 outline-color: rgba(119, 119, 119, 0.5);
3671 .roo-upload-cropbox-selector {
3675 .roo-upload-cropbox-dialog .modal-header,
3676 .roo-upload-cropbox-dialog .modal-footer {
3678 padding-bottom: 5px;
3680 .roo-upload-cropbox-body {
3681 background-color: #ffffff;
3682 border: 1px solid #777777;
3690 .roo-upload-cropbox-preview {
3699 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3703 transform: translate(-50%, -50%);*/
3704 box-sizing: border-box;
3705 border: 1px solid #777777;
3706 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3707 background: none repeat scroll 0% 0% transparent;
3709 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3711 background-color: rgba(0, 0, 0, 0.5);
3719 .roo-upload-cropbox-btn-group button {
3720 background-color: #000000;
3722 border-color: #333333;
3724 .roo-upload-cropbox-error-notify {
3727 padding: 0px !important;
3728 margin: 0px !important;