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 #cccccc;
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 #eeeeee;
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 {
2089 .roo-form-group-label-left::before,
2090 .roo-form-group-label-left::after {
2096 button.list-group-item {
2099 text-align: inherit;
2108 filter: alpha(opacity=50);
2109 background-color: #777777;
2117 /*border: 4px double #557; */
2118 background-color: #ffffff;
2120 background-image: url('../images/ux/lightbox/loading.gif');
2121 background-repeat: no-repeat;
2122 border: 10px solid white;
2123 border-radius: 20px;
2125 .roo-el-mask-msg div {
2126 font-family: 'Source Sans Pro', sans-serif;
2134 overflow: hidden !important;
2136 .x-body-masked select,
2149 filter: alpha(opacity=50);
2150 background-color: #777777;
2152 .masonary .masonry-bottom-title {
2153 background-color: transparent;
2155 .masonry-brick-link,
2158 text-decoration: none;
2161 .masonry-brick-paragraph,
2162 .roo-brick-paragraph {
2165 .masonry-brick .masonry-brick-paragraph {
2172 background-color: inherit;
2174 .masonry-center-title .masonry-brick-paragraph,
2175 .masonry-bottom-title .masonry-brick-paragraph,
2176 .roo-brick-center-title .roo-brick-paragraph,
2177 .roo-brick-bottom-title .roo-brick-paragraph {
2180 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2181 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2182 display: table-cell;
2183 vertical-align: middle;
2186 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2187 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2188 display: table-cell;
2189 vertical-align: bottom;
2192 .masonry-brick-image .masonry-brick-paragraph,
2193 .roo-brick-image .roo-brick-paragraph {
2196 .masonry-bottom-title .masonry-brick-paragraph {
2199 .masonry-brick-image-view {
2204 .masonry-brick-paragraph .masonry-brick-title,
2205 .roo-brick-paragraph .roo-brick-title {
2208 .roo-brick .roo-brick-paragraph {
2212 background-color: inherit;
2214 .roo-brick-image-view {
2219 a.roo-brick-link:focus,
2220 a.roo-brick-link:hover {
2221 text-decoration: none;
2224 .masonry-brick-split .masonry-brick-split-head,
2225 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2228 .masonry-brick-split .masonry-brick-split-body {
2234 .enable-mask:hover .masonry-brick-mask {
2240 background-color: #000000;
2245 Created on : Apr 23, 2014, 11:24:28 AM
2248 Purpose of the stylesheet follows.
2264 .modal-md-12 .modal-dialog {
2268 .modal-md-11 .modal-dialog {
2269 width: 91.66666666666666%;
2272 .modal-md-10 .modal-dialog {
2273 width: 83.33333333333334%;
2276 .modal-md-9 .modal-dialog {
2280 .modal-md-8 .modal-dialog {
2281 width: 66.66666666666666%;
2284 .modal-md-7 .modal-dialog {
2285 width: 58.333333333333336%;
2288 .modal-md-6 .modal-dialog {
2292 .modal-md-5 .modal-dialog {
2293 width: 41.66666666666667%;
2296 .modal-md-4 .modal-dialog {
2297 width: 33.33333333333333%;
2300 .modal-md-3 .modal-dialog {
2304 .modal-md-2 .modal-dialog {
2305 width: 16.666666666666664%;
2308 .modal-md-1 .modal-dialog {
2309 width: 8.333333333333332%;
2313 this appears to break the layout on dialog buttons on mobile?
2314 @media (max-width: 568px) {
2315 .modal-footer .btn+.btn {
2321 .modal-body.roo-layout-container {
2324 .roo-navigation-bar-group,
2325 .roo-navigation-top-bar,
2326 .roo-navigation-bullets-bar,
2327 .roo-navigation-bottom-bar {
2331 .roo-navigation-bar-text > span {
2332 text-transform: uppercase;
2334 display: inline-block;
2336 .roo-navigation-bar-text {
2344 .roo-navigation-bar {
2345 counter-reset: step;
2351 .roo-navigation-bar .roo-navigation-bar-item {
2352 list-style-type: none;
2354 text-transform: uppercase;
2359 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2360 counter-increment: step;
2365 background: #337ab7;
2370 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2371 content: counter(step);
2373 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2377 background: #337ab7;
2382 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2385 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2386 background: #ac2925;
2389 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2390 background: #777777;
2392 cursor: not-allowed;
2394 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2397 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2398 font: normal normal normal 14px/1 FontAwesome;
2399 display: inline-block;
2401 @media (min-width: 768px) {
2402 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2403 content: counter(step);
2406 @media (min-width: 992px) {
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 content: counter(step);
2412 @media (min-width: 1200px) {
2413 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2414 .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2415 .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2416 content: counter(step);
2421 margin-bottom: 20px;
2422 background: #ffffff;
2423 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2425 .nav-tabs-custom > .nav-tabs {
2427 border-bottom-color: #777777;
2429 .nav-tabs-custom > .nav-tabs > li {
2430 border-top: 3px solid transparent;
2431 margin-bottom: -2px;
2434 .nav-tabs-custom > .nav-tabs > li > a {
2435 -webkit-border-radius: 0 !important;
2436 -moz-border-radius: 0 !important;
2437 border-radius: 0 !important;
2439 .nav-tabs-custom > .nav-tabs > li > a,
2440 .nav-tabs-custom > .nav-tabs > li > a:hover {
2441 background: transparent;
2444 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2445 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2446 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2447 border-color: transparent;
2449 .nav-tabs-custom > .nav-tabs > li.active {
2450 border-top-color: #337ab7;
2452 .nav-tabs-custom > .nav-tabs > li.active > a,
2453 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2454 background-color: #ffffff;
2456 .nav-tabs-custom > .nav-tabs > li.active > a {
2458 border-left-color: #777777;
2459 border-right-color: #777777;
2461 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2464 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2465 border-left-width: 0;
2467 .nav-tabs-custom > .nav-tabs.pull-right {
2468 float: none !important;
2470 .nav-tabs-custom > .nav-tabs.pull-right > li {
2473 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2476 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2477 border-left-width: 1px;
2478 border-right-width: 0px;
2480 .nav-tabs-custom > .nav-tabs > li.header {
2488 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2489 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2490 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2493 .nav-tabs-custom > .tab-content {
2494 background: #ffffff;
2497 /* --- override it appears it's done un-reliably in JS normally.. */
2498 .tab-content > .tab-pane {
2501 /* for some reason it's -15px on BS */
2502 @media (min-width: 768px) {
2508 background-color: #337ab7 !important;
2509 border: 10px solid black;
2515 float: right !important;
2517 .roo-radio-set:before,
2518 .roo-radio-set:after {
2523 .radio.checked label::after {
2524 -webkit-transform: scale(1, 1);
2525 -ms-transform: scale(1, 1);
2526 -o-transform: scale(1, 1);
2527 transform: scale(1, 1);
2528 background-color: #555555;
2530 .roo-radio-set.disabled .radio label {
2533 .roo-radio-set.disabled .radio label {
2534 cursor: not-allowed;
2536 .roo-radio-primary .radio label::after {
2537 background-color: #ffffff;
2539 .roo-radio-primary .radio.checked label::before {
2540 border-color: #337ab7;
2542 .roo-radio-primary .radio.checked label::after {
2543 background-color: #337ab7;
2545 .roo-radio-danger .radio label::after {
2546 background-color: #d9534f;
2548 .roo-radio-danger .radio.checked label::before {
2549 border-color: #d9534f;
2551 .roo-radio-danger .radio.checked label::after {
2552 background-color: #d9534f;
2554 .roo-radio-info .radio label::after {
2555 background-color: #ffffff;
2557 .roo-radio-info .radio.checked label::before {
2558 border-color: #5bc0de;
2560 .roo-radio-info .radio.checked label::after {
2561 background-color: #5bc0de;
2563 .roo-radio-warning .radio label::after {
2564 background-color: #ffffff;
2566 .roo-radio-warning .radio.checked label::before {
2567 border-color: #f0ad4e;
2569 .roo-radio-warning .radio.checked label::after {
2570 background-color: #f0ad4e;
2572 .roo-radio-success .radio label::after {
2573 background-color: #ffffff;
2575 .roo-radio-success .radio.checked label::before {
2576 border-color: #5cb85c;
2578 .roo-radio-success .radio.checked label::after {
2579 background-color: #5cb85c;
2581 .roo-radio-set.has-warning .roo-radio-set-items label,
2582 .roo-radio-set.has-warning .roo-radio-set-label {
2585 .roo-radio-set.has-error .roo-radio-set-items label,
2586 .roo-radio-set.has-error .roo-radio-set-label {
2589 .roo-radio-set.has-success .roo-radio-set-items label,
2590 .roo-radio-set.has-success .roo-radio-set-label {
2593 .roo-radio-set-inline .radio {
2595 display: inline-block;
2600 vertical-align: middle;
2603 .roo-radio-set-inline .radio + .radio {
2606 .roo-radio-set-label .roo-required-indicator.right-indicator {
2609 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2614 .roo-radio-set-label,
2615 .roo-radio-set-right {
2618 .roo-form-error-popover.in {
2621 .roo-form-error-popover .tooltip-inner {
2625 .x-form-field-wrap .form-group {
2628 .roo-password-meter-grey {
2629 background: #777777;
2630 /* For browsers that do not support gradients */
2631 margin-bottom: 30px;
2634 .roo-password-meter {
2636 /* For browsers that do not support gradients */
2637 background: -webkit-linear-gradient(-90deg, #008000, #ff0000);
2638 /* For Safari 5.1 to 6.0 */
2639 background: -o-linear-gradient(-90deg, #008000, #ff0000);
2640 /* For Opera 11.1 to 12.0 */
2641 background: -moz-linear-gradient(-90deg, #008000, #ff0000);
2642 /* For Firefox 3.6 to 15 */
2643 background: linear-gradient(-90deg, #008000, #ff0000);
2646 .roo-password-meter-container {
2647 margin-bottom: 20px;
2649 .roo-password-meter-tooweak {
2650 background: #d9534f;
2653 .roo-password-meter-weak {
2654 background: #f0ad4e;
2657 .roo-password-meter-medium {
2658 background: #f0ad4e;
2661 .roo-password-meter-strong {
2662 background: #5cb85c;
2665 .roo-password-meter-text {
2666 /* padding-bottom:5px; */
2667 margin-bottom: 30px;
2672 Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
2674 .roo-select2-container {
2677 /*display: inline-block;*/
2678 /* inline-block for ie7 */
2681 vertical-align: middle;
2683 .roo-select2-container,
2685 .roo-select2-search,
2686 .roo-select2-search input {
2688 Force border-box so that % widths fit the parent
2689 container without overlap because of margin/padding.
2690 More Info : http://www.quirksmode.org/css/box.html
2692 -webkit-box-sizing: border-box;
2694 -moz-box-sizing: border-box;
2696 box-sizing: border-box;
2699 .roo-select2-container .roo-select2-choice {
2705 border: 1px solid #777777;
2706 white-space: nowrap;
2709 text-decoration: none;
2711 background-clip: padding-box;
2712 -webkit-touch-callout: none;
2713 -webkit-user-select: none;
2714 -moz-user-select: none;
2715 -ms-user-select: none;
2717 background-color: #ffffff;
2718 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2719 background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2720 background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2721 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2722 background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2724 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2725 border-bottom-color: #777777;
2726 border-radius: 0 0 4px 4px;
2727 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2728 background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2729 background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2730 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2731 background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2733 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2736 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2740 white-space: nowrap;
2741 text-overflow: ellipsis;
2745 .roo-select2-container .roo-select2-choice abbr {
2753 text-decoration: none;
2755 background: url('../images/select2/select2.png') right top no-repeat;
2759 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2760 display: inline-block;
2762 .roo-select2-container .roo-select2-choice abbr:hover {
2763 background-position: right -11px;
2766 .roo-select2-drop-mask {
2779 /* styles required for IE to work */
2780 background-color: #ffffff;
2781 filter: alpha(opacity=0);
2789 background: #ffffff;
2791 border: 1px solid #777777;
2793 border-radius: 0 0 4px 4px;
2794 -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2795 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2797 .roo-select2-drop.roo-select2-drop-above {
2799 border-top: 1px solid #777777;
2801 border-radius: 4px 4px 0 0;
2802 -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2803 box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2805 .roo-select2-drop-active {
2806 border: 1px solid #337ab7;
2809 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2810 border-top: 1px solid #337ab7;
2812 .roo-select2-drop-auto-width {
2813 border-top: 1px solid #777777;
2816 .roo-select2-drop-auto-width .roo-select2-search {
2819 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2820 display: inline-block;
2826 border-left: 1px solid #777777;
2827 border-radius: 0 4px 4px 0;
2828 background-clip: padding-box;
2829 background: #777777;
2830 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2831 background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2832 background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2833 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2834 background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2836 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2840 background: url('../images/select2/select2.png') no-repeat 0 1px;
2842 .roo-select2-search {
2843 display: inline-block;
2851 white-space: nowrap;
2853 .roo-select2-search input {
2855 height: auto !important;
2857 padding: 4px 20px 4px 5px;
2860 font-family: sans-serif;
2862 border: 1px solid #777777;
2864 -webkit-box-shadow: none;
2866 background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2867 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));
2868 background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2869 background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2870 background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2872 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2875 .roo-select2-search input.roo-select2-active {
2876 background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2877 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));
2878 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2879 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2880 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2882 .roo-select2-container-active .roo-select2-choice,
2883 .roo-select2-container-active .roo-select2-choices {
2884 border: 1px solid #337ab7;
2886 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2887 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2889 .roo-select2-dropdown-open .roo-select2-choice {
2890 border-bottom-color: transparent;
2891 -webkit-box-shadow: 0 1px 0 #ffffff inset;
2892 box-shadow: 0 1px 0 #ffffff inset;
2893 border-bottom-left-radius: 0;
2894 border-bottom-right-radius: 0;
2895 background-color: #eeeeee;
2896 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2897 background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2898 background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2899 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2900 background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2902 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2903 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2904 border: 1px solid #337ab7;
2905 border-top-color: transparent;
2906 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2907 background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2908 background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2909 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2910 background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2912 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2913 background: transparent;
2917 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2918 background-position: -18px 1px;
2920 .roo-select2-hidden-accessible {
2922 clip: rect(0 0 0 0);
2931 .roo-select2-results {
2934 margin: 4px 4px 4px 0;
2938 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2940 .roo-select2-results ul.roo-select2-result-sub {
2944 .roo-select2-results li {
2947 background-image: none;
2949 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
2952 .roo-select2-results .roo-select2-result-label {
2953 padding: 3px 7px 4px;
2957 -webkit-touch-callout: none;
2958 -webkit-user-select: none;
2959 -moz-user-select: none;
2960 -ms-user-select: none;
2963 .roo-select2-results-dept-1 .roo-select2-result-label {
2966 .roo-select2-results-dept-2 .roo-select2-result-label {
2969 .roo-select2-results-dept-3 .roo-select2-result-label {
2972 .roo-select2-results-dept-4 .roo-select2-result-label {
2975 .roo-select2-results-dept-5 .roo-select2-result-label {
2976 padding-left: 100px;
2978 .roo-select2-results-dept-6 .roo-select2-result-label {
2979 padding-left: 110px;
2981 .roo-select2-results-dept-7 .roo-select2-result-label {
2982 padding-left: 120px;
2984 .roo-select2-results .roo-select2-highlighted {
2985 background: #337ab7;
2988 .roo-select2-results li em {
2989 background: #f0ad4e;
2992 .roo-select2-results .roo-select2-highlighted em {
2993 background: transparent;
2995 .roo-select2-results .roo-select2-highlighted ul {
2996 background: #ffffff;
2999 .roo-select2-results .roo-select2-no-results,
3000 .roo-select2-results .roo-select2-searching,
3001 .roo-select2-results .roo-select2-selection-limit {
3002 background: #777777;
3007 disabled look for disabled choices in the results dropdown
3009 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3011 background: #777777;
3015 .roo-select2-results .roo-select2-disabled {
3016 background: #777777;
3020 .roo-select2-results .roo-select2-selected {
3023 .roo-select2-more-results.roo-select2-active {
3024 background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3026 .roo-select2-more-results {
3027 background: #777777;
3030 /* disabled styles */
3031 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3032 background-color: #777777;
3033 background-image: none;
3034 border: 1px solid #777777;
3037 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3038 background-color: #777777;
3039 background-image: none;
3042 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3046 .roo-select2-container-multi .roo-select2-choices {
3047 height: auto !important;
3051 /*position: relative;*/
3052 border: 1px solid #777777;
3055 background-color: #ffffff;
3056 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3057 background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3058 background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3059 background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3061 .roo-select2-locked {
3062 padding: 3px 5px 3px 5px !important;
3064 .roo-select2-container-multi .roo-select2-choices {
3067 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3068 border: 1px solid #337ab7;
3070 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3071 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3073 .roo-select2-container-multi .roo-select2-choices li {
3077 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3080 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3083 white-space: nowrap;
3085 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3088 font-family: sans-serif;
3093 -webkit-box-shadow: none;
3095 background: transparent !important;
3097 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3098 background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3100 .roo-select2-default {
3101 color: #777777 !important;
3103 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3104 padding: 4px 7px 4px 16px;
3110 border: 1px solid #777777;
3112 -webkit-touch-callout: none;
3113 -webkit-user-select: none;
3114 -moz-user-select: none;
3115 -ms-user-select: none;
3118 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3122 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3125 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3126 background: #777777;
3128 .roo-select2-search-choice-close {
3137 background: url('../images/select2/select2.png') right top no-repeat;
3139 html[dir="rtl"] .roo-select2-search-choice-close {
3143 .roo-select2-container-multi .roo-select2-search-choice-close {
3146 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3147 background-position: right -11px;
3149 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3150 background-position: right -11px;
3152 /* disabled styles */
3153 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3154 background-color: #777777;
3155 background-image: none;
3156 border: 1px solid #777777;
3159 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3160 padding: 3px 5px 3px 5px;
3161 border: 1px solid #777777;
3162 background-image: none;
3163 background-color: #777777;
3165 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3169 /* end multiselect */
3170 .roo-select2-result-selectable .roo-select2-match,
3171 .roo-select2-result-unselectable .roo-select2-match {
3172 text-decoration: underline;
3174 .roo-select2-offscreen,
3175 .roo-select2-offscreen:focus {
3176 clip: rect(0 0 0 0) !important;
3177 width: 1px !important;
3178 height: 1px !important;
3179 border: 0 !important;
3180 margin: 0 !important;
3181 padding: 0 !important;
3182 overflow: hidden !important;
3183 position: absolute !important;
3184 outline: 0 !important;
3185 left: 0px !important;
3186 top: 0px !important;
3188 .roo-select2-display-none {
3191 .roo-select2-measure-scrollbar {
3199 /* Retina-ize icons */
3200 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3201 .roo-select2-search input,
3202 .roo-select2-search-choice-close,
3203 .roo-select2-container .roo-select2-choice abbr,
3204 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3205 background-image: url('../images/select2/select2x2.png') !important;
3206 background-repeat: no-repeat !important;
3207 background-size: 60px 40px !important;
3209 .roo-select2-search input {
3210 background-position: 100% -21px !important;
3213 .has-error .roo-select2-choices {
3214 border-color: #d9534f;
3215 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3216 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3218 .dropdown-menu .roo-select2-result.disabled {
3219 background-color: #eeeeee;
3221 cursor: not-allowed;
3226 /* override boostrap a:hover */
3228 text-decoration: none;
3230 .sidebar .sidebar-menu {
3236 .sidebar .sidebar-menu > li,
3237 .sidebar .sidebar-menu li.active li.treeview-menu {
3240 border-bottom: 1px solid #777777;
3241 background-color: #eeeeee;
3243 /* active child menu - white BG */
3244 .sidebar .sidebar-menu li.active li.treeview-menu {
3245 background-color: #777777;
3247 .sidebar .sidebar-menu > li > a,
3248 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3249 padding: 12px 5px 12px 15px;
3253 .sidebar .sidebar-menu > li > a > .fa,
3254 .sidebar .sidebar-menu > li > a > .glyphicon,
3255 .sidebar .sidebar-menu > li > a > .ion {
3258 .sidebar .sidebar-menu li:hover,
3259 .sidebar .sidebar-menu li:focus,
3260 .sidebar .sidebar-menu li:active,
3261 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3262 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3263 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3264 background-color: #ffffff;
3266 .sidebar .sidebar-menu li:hover a,
3267 .sidebar .sidebar-menu li:focus a,
3268 .sidebar .sidebar-menu li:active a,
3269 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3270 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3271 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3273 text-decoration: none;
3276 .sidebar .sidebar-menu li.active {
3278 background-color: #337ab7;
3279 border-color: #286090;
3281 .sidebar .sidebar-menu li.active:hover,
3282 .sidebar .sidebar-menu li.active:focus,
3283 .sidebar .sidebar-menu li.active.focus {
3285 background-color: #337ab7;
3286 border-color: #286090;
3288 .sidebar .sidebar-menu li.active a {
3291 .sidebar .sidebar-menu li.disabled {
3293 background-color: #ffffff;
3294 border-color: #333333;
3296 .sidebar .sidebar-menu li.disabled a {
3300 .sidebar .sidebar-menu li.danger,
3301 .sidebar .sidebar-menu li.danger.active {
3303 background-color: #d9534f;
3304 border-color: #e27c79;
3306 .sidebar .sidebar-menu li.danger:hover,
3307 .sidebar .sidebar-menu li.danger:focus,
3308 .sidebar .sidebar-menu li.danger.active:focus {
3310 background-color: #d9534f;
3311 border-color: #c9302c;
3312 border-bottom: 1px solid #c9302c;
3314 .sidebar .sidebar-menu li.danger a,
3315 .sidebar .sidebar-menu li.danger.active a {
3319 .sidebar .sidebar-menu li.open ul {
3322 .sidebar .sidebar-menu li.open .treeview-menu {
3325 /* --- treeview menu */
3326 .sidebar .sidebar-menu .treeview-menu {
3332 .sidebar .sidebar-menu .treeview-menu > li {
3335 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3336 padding: 5px 5px 5px 20px;
3341 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3342 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3343 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3346 /* background to highlighted treeview node
3347 .sidebar .sidebar-menu li li.treeview-menu.active {
3351 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3354 /* active sidebard... */
3356 background-color: #777777;
3360 background-color: #337ab7;
3364 background-color: #5cb85c;
3368 background-color: #5bc0de;
3372 background-color: #f0ad4e;
3376 background-color: #d9534f;
3379 .sidebar .sidebar-menu > li.active .badge-info {
3380 background-color: #ffffff;
3384 /* Sticky footer styles
3385 -------------------------------------------------- */
3386 html.bootstrap-sticky {
3390 html.bootstrap-sticky body {
3391 /* Margin bottom by footer height */
3392 margin-bottom: 60px;
3394 .bootstrap-sticky-footer {
3398 /* Set the fixed height of the footer here */
3400 background-color: #f5f5f5;
3402 /* Lastly, apply responsive CSS fixes as necessary */
3403 @media (max-width: 767px) {
3404 .bootstrap-sticky-footer {
3406 margin-right: -20px;
3408 padding-right: 20px;
3411 /* paging toolbar */
3412 .pagination .x-paging-position span {
3414 padding-bottom: 3px;
3416 .pagination .x-paging-position span input {
3419 .navbar .pagination > li > span {
3422 .navbar .pagination {
3425 /* these are technicall adminlte related */
3426 .skin-blue .navbar .pagination > li > a:active,
3427 .skin-blue .navbar .pagination > li > a:focus,
3428 .skin-blue .navbar .pagination > li > a {
3429 background-color: #337ab7;
3431 .skin-blue .navbar .pagination > li > a:hover {
3432 background-color: #777777;
3434 .skin-blue table .navbar {
3435 background-color: #ffffff;
3437 .skin-blue .navbar .pagination > li.disabled > a {
3438 background-color: #777777;
3440 .skin-blue table .navbar {
3447 .table-body-fixed tbody {
3451 .table-body-fixed thead,
3452 .table-body-fixed tbody,
3453 .table-body-fixed th {
3456 .table-body-fixed thead {
3459 .table-body-fixed tbody td,
3460 .table-body-fixed thead > tr > th {
3462 border-bottom-width: 0;
3464 /* fake infinate widt.. */
3465 .table-body-fixed thead > tr,
3466 .table-body-fixed tbody > tr {
3470 /* standard bootstrap does not colour rows very well.. */
3471 .table > tbody > tr.info {
3472 background-color: #d9edf7;
3474 .table-hover > tbody > tr.info:hover {
3475 background-color: #c4e3f3;
3479 background: #777777;
3480 border-bottom: 1px solid #eeeeee;
3483 @media (min-width: 980px) {
3484 .top-bar .collapse {
3485 display: block !important;
3486 visibility: visible !important;
3487 height: auto !important;
3488 overflow: visible !important;
3492 @media (min-width: 768px) and (max-width: 979px) {
3505 .footer .social li:last-child,
3507 margin-right: 0 !important;
3509 .header .social li:first-child {
3510 border-left: 1px solid #777777;
3513 .footer .social li {
3514 border-right: 1px solid #777777;
3515 display: table-cell;
3516 vertical-align: middle;
3521 -webkit-transition: background 0.5s ease-in-out;
3522 -moz-transition: background 0.5s ease-in-out;
3523 -o-transition: background 0.5s ease-in-out;
3524 -ms-transition: background 0.5s ease-in-out;
3525 transition: background 0.5s ease-in-out;
3532 -webkit-transition: color 0.5s ease-in-out;
3533 -moz-transition: color 0.5s ease-in-out;
3534 -o-transition: color 0.5s ease-in-out;
3535 -ms-transition: color 0.5s ease-in-out;
3536 transition: color 0.5s ease-in-out;
3538 .header .social li:hover a i,
3539 .footer .social li:hover a i {
3542 .team .item .team-member-links a.facebook:hover,
3543 .member-social.dark a.facebook:hover,
3544 .header .social li.facebook:hover,
3545 .footer .social li.facebook:hover {
3546 background: #337ab7;
3548 .team .item .team-member-links a.dribbble:hover,
3549 .member-social.dark a.dribbble:hover,
3550 .header .social li.dribbble:hover,
3551 .footer .social li.dribbble:hover {
3552 background: #f0ad4e;
3554 .team .item .team-member-links a.twitter:hover,
3555 .member-social.dark a.twitter:hover,
3556 .header .social li.twitter:hover,
3557 .footer .social li.twitter:hover {
3558 background: #337ab7;
3560 .team .item .team-member-links a.gplus:hover,
3561 .member-social.dark a.gplus:hover,
3562 .header .social li.gplus:hover,
3563 .footer .social li.gplus:hover {
3564 background: #d9534f;
3566 .team .item .team-member-links a.linkedin:hover,
3567 .member-social.dark a.linkedin:hover,
3568 .header .social li.linkedin:hover,
3569 .footer .social li.linkedin:hover {
3570 background: #337ab7;
3572 .team .item .team-member-links a.pinterest:hover,
3573 .member-social.dark a.pinterest:hover,
3574 .header .social li.pinterest:hover,
3575 .footer .social li.pinterest:hover {
3576 background: #d9534f;
3578 .header .social li.rss:hover,
3579 .footer .social li.rss:hover {
3580 background: #f0ad4e;
3582 .top-bar .languages {
3585 .top-bar .languages a {
3588 font-family: "Open Sans", Helvetica, Arial, sans-serif;
3592 .navbar-left .input-group[class*="col-"] {
3597 text-overflow: ellipsis;
3598 display: -webkit-box;
3599 -webkit-line-clamp: 3;
3600 -webkit-box-orient: vertical;
3602 .sw-child-headline {
3603 display: inline-block;
3608 display: inline-block;
3615 /* needed as menu ontop of form does not work */
3616 .input-group .form-control {
3619 /* admin-lte - messes with checkbox and radio.. */
3622 padding-left: 15px !important;
3624 /* paging toolbar */
3625 .pagination .x-paging-position span {
3627 padding-bottom: 3px;
3629 .pagination .x-paging-position span input {
3632 .panel-header-right {
3637 background-color: #d9534f;
3639 .badge-error:hover {
3640 background-color: #c9302c;
3643 background-color: #f0ad4e;
3645 .badge-warning:hover {
3646 background-color: #ec971f;
3649 background-color: #5cb85c;
3651 .badge-success:hover {
3652 background-color: #449d44;
3655 background-color: #5bc0de;
3658 background-color: #31b0d5;
3661 background-color: #333333;
3663 .badge-inverse:hover {
3664 background-color: #222222;
3669 .roo-invalid-outline {
3670 outline-width: 5000px;
3671 outline-offset: 5px;
3672 outline-style: solid;
3673 outline-color: rgba(119, 119, 119, 0.5);
3676 .roo-upload-cropbox-selector {
3680 .roo-upload-cropbox-dialog .modal-header,
3681 .roo-upload-cropbox-dialog .modal-footer {
3683 padding-bottom: 5px;
3685 .roo-upload-cropbox-body {
3686 background-color: #ffffff;
3687 border: 1px solid #777777;
3695 .roo-upload-cropbox-preview {
3704 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3708 transform: translate(-50%, -50%);*/
3709 box-sizing: border-box;
3710 border: 1px solid #777777;
3711 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3712 background: none repeat scroll 0% 0% transparent;
3714 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3716 background-color: rgba(0, 0, 0, 0.5);
3724 .roo-upload-cropbox-btn-group button {
3725 background-color: #000000;
3727 border-color: #333333;
3729 .roo-upload-cropbox-error-notify {
3732 padding: 0px !important;
3733 margin: 0px !important;