3 * This CSS file is auto generated. Please edit the instead!
5 /** need to find and replace these ..*/
12 .alert > .fa, .alert > .glyphicon {
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;
49 -moz-user-select: -moz-none;
50 -khtml-user-select: none;
51 -webkit-user-select: none;
56 ------------------------------------------------------------------------*/
72 display: inline-block;
79 font-family: Lucida Sans, Arial, sans-serif;
84 .fc .fc-header-space {
87 .fc-header .fc-button {
91 /* buttons edges butting together */
92 .fc-header .fc-button {
95 .fc-header .fc-corner-right, .fc-header .ui-corner-right {
101 /* button layering (for border precedence) */
102 .fc-header .fc-state-hover, .fc-header .ui-state-hover {
105 .fc-header .fc-state-down {
108 .fc-header .fc-state-active, .fc-header .ui-state-active {
112 ------------------------------------------------------------------------*/
116 /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
123 ------------------------------------------------------------------------*/
124 .fc-widget-header, .fc-widget-content {
127 border: 1px solid #6c757d;
129 .fc-state-highlight {
130 /* <td> today cell */
131 /* TODO: add .fc-today to <th> */
135 /* semi-transparent rectangle while dragging */
138 filter: alpha(opacity=30);
142 ------------------------------------------------------------------------*/
145 display: inline-block;
157 .fc-state-default.fc-corner-left {
159 border-top-left-radius: 4px;
160 border-bottom-left-radius: 4px;
162 .fc-state-default.fc-corner-right {
164 border-top-right-radius: 4px;
165 border-bottom-right-radius: 4px;
168 Our default prev/next buttons use HTML entities like ‹ › « »
169 and we'll try to make them look good cross-browser.
174 font-family: "Courier New", Courier, monospace;
175 vertical-align: baseline;
178 .fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
179 /* for ‹ › */
182 /* icon (for jquery ui) */
183 .fc-button .fc-icon-wrap {
188 .fc-button .ui-icon {
197 borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
200 background-color: #6c757d;
201 background-image: -moz-linear-gradient(top, #fff, #6c757d);
202 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#6c757d));
203 background-image: -webkit-linear-gradient(top, #fff, #6c757d);
204 background-image: -o-linear-gradient(top, #fff, #6c757d);
205 background-image: linear-gradient(to bottom, #fff, #6c757d);
206 background-repeat: repeat-x;
207 border-color: #6c757d #6c757d #6c757d;
208 border-color: #e9ecef #e9ecef #adb5bd;
211 .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
213 background-color: #6c757d;
217 text-decoration: none;
218 background-position: 0 -15px;
219 -webkit-transition: background-position 0.1s linear;
220 -moz-transition: background-position 0.1s linear;
221 -o-transition: background-position 0.1s linear;
222 transition: background-position 0.1s linear;
224 .fc-state-down, .fc-state-active {
225 background-color: #6c757d;
226 background-image: none;
228 box-shadow: inset 0 2px 4px #e9ecef, 0 1px 2px #e9ecef;
232 background-image: none;
234 filter: alpha(opacity=65);
237 /* Global Event Styles
238 ------------------------------------------------------------------------*/
239 .fc-event-container > * {
242 .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
246 border: 1px solid #007bff;
247 background-color: #007bff;
249 /* default TEXT color */
254 text-decoration: none;
256 a.fc-event, .fc-event-draggable {
267 .fc-event-time, .fc-event-title {
272 .fc .ui-resizable-handle {
277 /* hacky spaces (IE6/7) */
284 ------------------------------------------------------------------------*/
289 .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
290 border-left-width: 1px;
291 border-top-left-radius: 3px;
292 border-bottom-left-radius: 3px;
294 .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
295 border-right-width: 1px;
296 border-top-right-radius: 3px;
297 border-bottom-right-radius: 3px;
300 .fc-event-hori .ui-resizable-e {
302 /* importants override pre jquery ui 1.7 styles */
303 right: -3px !important;
304 width: 7px !important;
305 height: 100% !important;
308 .fc-event-hori .ui-resizable-w {
310 left: -3px !important;
311 width: 7px !important;
312 height: 100% !important;
315 .fc-event-hori .ui-resizable-handle {
316 _padding-bottom: 14px;
317 /* IE6 had 0 height */
319 /* Reusable Separate-border Table
320 ------------------------------------------------------------*/
321 table.fc-border-separate {
322 border-collapse: separate;
324 .fc-border-separate th, .fc-border-separate td {
325 border-width: 1px 0 0 1px;
327 .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
328 border-right-width: 1px;
330 .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
331 border-bottom-width: 1px;
333 .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
336 /* Month View, Basic Week View, Basic Day View
337 ------------------------------------------------------------------------*/
341 .fc .fc-week-number {
345 .fc .fc-week-number div {
348 .fc-grid .fc-day-number {
352 .fc-grid .fc-other-month .fc-day-number {
354 filter: alpha(opacity=30);
356 /* opacity with small font can sometimes look too faded
357 might want to set the 'color' property instead
358 making day-numbers bold also fixes the problem */
360 .fc-grid .fc-day-content {
362 padding: 2px 2px 1px;
363 /* distance between events and day edges */
366 .fc-grid .fc-event-time {
370 .fc-rtl .fc-grid .fc-day-number {
373 .fc-rtl .fc-grid .fc-event-time {
376 /* Agenda Week View, Agenda Day View
377 ------------------------------------------------------------------------*/
379 border-collapse: separate;
384 .fc-agenda .fc-agenda-axis {
387 vertical-align: middle;
392 .fc-agenda .fc-week-number {
395 .fc-agenda .fc-day-content {
396 padding: 2px 2px 1px;
398 /* make axis border take precedence */
399 .fc-agenda-days .fc-agenda-axis {
400 border-right-width: 1px;
402 .fc-agenda-days .fc-col0 {
403 border-left-width: 0;
406 .fc-agenda-allday th {
409 .fc-agenda-allday .fc-day-content {
411 /* TODO: doesnt work well in quirksmode */
414 /* divider (between all-day and slots) */
415 .fc-agenda-divider-inner {
419 .fc-widget-header .fc-agenda-divider-inner {
423 .fc-agenda-slots th {
424 border-width: 1px 1px 0;
426 .fc-agenda-slots td {
427 border-width: 1px 0 0;
430 .fc-agenda-slots td div {
433 .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
436 .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
437 border-top-style: dotted;
439 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
440 *border-top-style: solid;
441 /* doesn't work with background in IE6/7 */
444 ------------------------------------------------------------------------*/
448 .fc-event-vert.fc-event-start {
449 border-top-width: 1px;
450 border-top-left-radius: 3px;
451 border-top-right-radius: 3px;
453 .fc-event-vert.fc-event-end {
454 border-bottom-width: 1px;
455 border-bottom-left-radius: 3px;
456 border-bottom-right-radius: 3px;
458 .fc-event-vert .fc-event-time {
462 .fc-event-vert .fc-event-inner {
466 .fc-event-vert .fc-event-bg {
467 /* makes the event lighter w/ a semi-transparent overlay */
476 filter: alpha(opacity=25);
478 .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
479 /* TODO: something nicer like .fc-opacity */
481 /* for IE6/7/8. nested opacity filters while dragging don't work */
484 .fc-event-vert .ui-resizable-s {
485 bottom: 0 !important;
486 /* importants override pre jquery ui 1.7 styles */
487 width: 100% !important;
488 height: 8px !important;
489 overflow: hidden !important;
490 line-height: 8px !important;
491 font-size: 11px !important;
492 font-family: monospace;
496 .fc-agenda .ui-resizable-resizing {
497 /* TODO: better selector */
510 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
514 -webkit-transition: opacity 0.2s ease-out;
515 -moz-transition: opacity 0.2s ease-out;
516 -o-transition: opacity 0.2s ease-out;
517 -ms-transition: opacity 0.2s ease-out;
518 -webkit-transform: translateZ(5px);
520 .carousel-bullets > .bullet {
522 position: relative !important;
523 background: rgba(0, 0, 0, 0.5) !important;
524 -webkit-border-radius: 10px;
526 -webkit-box-shadow: none;
527 -moz-box-shadow: none;
529 width: 6px !important;
530 height: 6px !important;
531 border: 5px solid rgba(0, 0, 0, 0) !important;
532 display: inline-block;
533 margin-right: 2px !important;
534 margin-bottom: 0px !important;
535 -webkit-transition: background-color 0.2s, border-color 0.2s;
536 -moz-transition: background-color 0.2s, border-color 0.2s;
537 -o-transition: background-color 0.2s, border-color 0.2s;
538 -ms-transition: background-color 0.2s, border-color 0.2s;
539 transition: background-color 0.2s, border-color 0.2s;
540 float: none !important;
541 box-sizing: content-box;
542 -moz-box-sizing: content-box;
543 -webkit-box-sizing: content-box;
545 .carousel-bullets > .bullet:hover, .carousel-bullets > .bullet.selected {
546 -webkit-box-shadow: none;
547 -moz-box-shadow: none;
549 background: rgba(255, 255, 255, 1) !important;
550 width: 6px !important;
551 height: 6px !important;
552 border: 5px solid rgba(0, 0, 0, 1) !important;
554 .carousel-inner > .carousel-arrow > .carousel-prev {
565 .carousel-inner > .carousel-arrow > .carousel-next {
576 .carousel-inner > .carousel-arrow > .carousel-prev > i, .carousel-inner > .carousel-arrow > .carousel-next > i {
579 .carousel-inner .tab-pane.clickable {
584 * From https://github.com/flatlogic/awesome-bootstrap-checkbox
588 display: inline-block;
591 -webkit-touch-callout: none;
592 -webkit-user-select: none;
593 -khtml-user-select: none;
594 -moz-user-select: none;
595 -ms-user-select: none;
598 .checkbox label::after {
599 display: inline-block;
611 .checkbox input[type="checkbox"] {
614 .checkbox input[type="checkbox"]:checked + label::after {
617 font-family: 'Font Awesome 5 Free 400';
622 .checkbox input[type="checkbox"]:not(:checked) + label::after {
625 font-family: 'Font Awesome 5 Free 400';
629 .checkbox input[type="checkbox"]:disabled + label {
632 .checkbox input[type="checkbox"]:disabled + label::before {
633 background-color: #ced4da;
636 .checkbox.checkbox-circle label::before {
639 .checkbox-primary input[type="checkbox"]:checked + label::before {
640 background-color: #007bff;
641 border-color: #007bff;
643 .checkbox-primary input[type="checkbox"]:checked + label::after {
646 .checkbox-danger input[type="checkbox"]:checked + label::before {
647 background-color: #dc3545;
648 border-color: #dc3545;
650 .checkbox-danger input[type="checkbox"]:checked + label::after {
653 .checkbox-info input[type="checkbox"]:checked + label::before {
654 background-color: #17a2b8;
655 border-color: #17a2b8;
657 .checkbox-info input[type="checkbox"]:checked + label::after {
660 .checkbox-warning input[type="checkbox"]:checked + label::before {
661 background-color: #ffc107;
662 border-color: #ffc107;
664 .checkbox-warning input[type="checkbox"]:checked + label::after {
667 .checkbox-success input[type="checkbox"]:checked + label::before {
668 background-color: #28a745;
669 border-color: #28a745;
671 .checkbox-success input[type="checkbox"]:checked + label::after {
674 /* before is the outer cicle */
675 /* after is the inner circle.. */
677 display: inline-block;
681 .radio label::before {
683 display: inline-block;
689 border: 1px solid #6c757d;
691 background-color: #fff;
692 -webkit-transition: border 0.15s ease-in-out;
693 -o-transition: border 0.15s ease-in-out;
694 transition: border 0.15s ease-in-out;
696 .radio label::after {
697 display: inline-block;
706 background-color: #fff;
707 -webkit-transform: scale(0, 0);
708 -ms-transform: scale(0, 0);
709 -o-transform: scale(0, 0);
710 transform: scale(0, 0);
711 -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
712 -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
713 -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
714 transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
716 .radio input[type="radio"] {
719 .radio input[type="radio"]:checked + label::after {
720 -webkit-transform: scale(1, 1);
721 -ms-transform: scale(1, 1);
722 -o-transform: scale(1, 1);
723 transform: scale(1, 1);
724 background-color: #495057;
726 .radio input[type="radio"]:disabled + label {
729 .radio input[type="radio"]:disabled + label::before {
732 .radio-primary input[type="radio"] + label::after {
733 background-color: #fff;
735 .radio-primary input[type="radio"]:checked + label::before {
736 border-color: #007bff;
738 .radio-primary input[type="radio"]:checked + label::after {
739 background-color: #007bff;
741 .radio-danger input[type="radio"] + label::after {
742 background-color: #dc3545;
744 .radio-danger input[type="radio"]:checked + label::before {
745 border-color: #dc3545;
747 .radio-danger input[type="radio"]:checked + label::after {
748 background-color: #dc3545;
750 .radio-info input[type="radio"] + label::after {
751 background-color: #fff;
753 .radio-info input[type="radio"]:checked + label::before {
754 border-color: #17a2b8;
756 .radio-info input[type="radio"]:checked + label::after {
757 background-color: #17a2b8;
759 .radio-warning input[type="radio"] + label::after {
760 background-color: #fff;
762 .radio-warning input[type="radio"]:checked + label::before {
763 border-color: #ffc107;
765 .radio-warning input[type="radio"]:checked + label::after {
766 background-color: #ffc107;
768 .radio-success input[type="radio"] + label::after {
769 background-color: #fff;
771 .radio-success input[type="radio"]:checked + label::before {
772 border-color: #28a745;
774 .radio-success input[type="radio"]:checked + label::after {
775 background-color: #28a745;
777 .checkbox.checkbox-inline, .radio.radio-inline {
782 * From https://github.com/danielfarrell/bootstrap-combobox
785 .combobox-container {
788 display: inline-table;
790 .combobox-container:before, .combobox-container:after {
794 .combobox-container:after {
797 .combobox-container input, .combobox-container .uneditable-input {
798 -webkit-border-radius: 0 3px 3px 0;
799 -moz-border-radius: 0 3px 3px 0;
800 border-radius: 0 3px 3px 0;
802 .combobox-container input:focus, .combobox-container .uneditable-input:focus {
806 .combobox-container .uneditable-input {
807 border-left-color: #6c757d;
809 .combobox-container .add-on {
811 display: inline-block;
814 height: inherit !important;
820 text-shadow: 0 1px 0 #fff;
821 background-color: #6c757d;
822 border: 1px solid #6c757d;
823 -webkit-border-radius: 3px 0 0 3px;
824 -moz-border-radius: 3px 0 0 3px;
825 border-radius: 3px 0 0 3px;
827 .combobox-container .active {
828 background-color: #007bff;
831 .combobox-container input, .combobox-container .uneditable-input {
833 -webkit-border-radius: 3px 0 0 3px;
834 -moz-border-radius: 3px 0 0 3px;
835 border-radius: 3px 0 0 3px;
837 .combobox-container .uneditable-input {
838 border-left-color: #ced4da;
839 border-right-color: #6c757d;
841 .combobox-container .add-on {
844 -webkit-border-radius: 0 3px 3px 0;
845 -moz-border-radius: 0 3px 3px 0;
846 border-radius: 0 3px 3px 0;
848 .combobox-container input:first-child {
849 *margin-left: -160px;
851 .combobox-container input:first-child + .add-on {
854 .combobox-container select {
855 display: inline-block;
861 text-indent: -99999px;
864 .form-search .combobox-container, .form-inline .combobox-container {
865 display: inline-block;
869 .form-search .combobox-container .add-on, .form-inline .combobox-container .add-on {
870 vertical-align: middle;
872 .combobox-selected .combobox-clear {
873 display: inline-block;
875 .combobox-selected .caret {
885 filter: alpha(opacity=30);
887 .dropdown:hover .combobox-clear, .open.dropdown .combobox-clear {
889 filter: alpha(opacity=100);
891 .btn .combobox-clear {
895 .btn:hover .combobox-clear, .open.btn-group .combobox-clear {
897 filter: alpha(opacity=100);
903 .control-group.error .combobox-container .add-on {
905 border-color: #dc3545;
907 .control-group.error .combobox-container .caret {
908 border-top-color: #dc3545;
910 .control-group.warning .combobox-container .add-on {
912 border-color: #ffc107;
914 .control-group.warning .combobox-container .caret {
915 border-top-color: #ffc107;
917 .control-group.success .combobox-container .add-on {
919 border-color: #28a745;
921 .control-group.success .combobox-container .caret {
922 border-top-color: #28a745;
924 .btn .combobox-clear [class^="icon-"] {
927 .combobox-container .dropdown-menu {
930 border: 1px solid #007bff;
933 .roo-select2-container .dropdown-menu {
934 border: 1px solid #007bff;
936 .dropdown-menu .active {
940 .dropdown-menu .active label {
943 .dropdown-menu .roo-select2-result {
944 padding: 3px 7px 4px;
948 -webkit-touch-callout: none;
949 -webkit-user-select: none;
950 -moz-user-select: none;
951 -ms-user-select: none;
954 .roo-select2-container, .roo-select2-choices .roo-select2-search-field {
957 .roo-select2-container .x-combo-noedit {
959 background-color: #fff;
961 .roo-select2-container .x-combo-noedit[disabled] {
963 background-color: #ced4da;
965 .roo-combobox-tickable .roo-select2-choices {
967 background-image: none;
969 .roo-combobox-tickable .roo-select2-result label {
972 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
974 z-index: 20002 !important;
976 .dropdown-menu .checkbox label {
979 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
983 .dropdown-menu .roo-select2-result .checkbox {
987 .roo-select2-container .input-group-addon {
989 border: 1px solid #ced4da;
992 .roo-select2-container .roo-removable {
995 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1001 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1008 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1014 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1020 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1026 .has-warning .roo-select2-container-multi {
1027 border: 1px solid #ffc107;
1033 * Datepicker for Bootstrap
1035 * Copyright 2012 Stefan Petre
1036 * Improvements by Andrew Rowls
1037 * Licensed under the Apache License v2.0
1038 * http://www.apache.org/licenses/LICENSE-2.0
1044 -webkit-border-radius: 4px;
1045 -moz-border-radius: 4px;
1050 border-top: 1px solid $gray-light !important;
1053 .datepicker-inline {
1056 .datepicker.datepicker-rtl {
1059 .datepicker.datepicker-rtl table tr td span {
1062 .datepicker-dropdown {
1066 /*.datepicker-dropdown:before {
1068 display: inline-block;
1069 border-left: 7px solid transparent;
1070 border-right: 7px solid transparent;
1071 border-bottom: 7px solid $gray-light;
1072 border-bottom-color: $black-opacity-20;
1077 .datepicker-dropdown:after {
1079 display: inline-block;
1080 border-left: 6px solid transparent;
1081 border-right: 6px solid transparent;
1082 border-bottom: 6px solid $body-bg;
1087 .datepicker-dropdown.bottom:before {
1089 display: inline-block;
1090 border-left: 7px solid transparent;
1091 border-right: 7px solid transparent;
1092 border-bottom: 7px solid #6c757d;
1093 border-bottom-color: #e9ecef;
1098 .datepicker-dropdown.bottom:after {
1100 display: inline-block;
1101 border-left: 6px solid transparent;
1102 border-right: 6px solid transparent;
1103 border-bottom: 6px solid #fff;
1108 .datepicker-dropdown.top:before {
1110 display: inline-block;
1111 border-left: 7px solid transparent;
1112 border-right: 7px solid transparent;
1113 border-top: 7px solid #6c757d;
1115 border-top-color: #e9ecef;
1120 .datepicker-dropdown.top:after {
1122 display: inline-block;
1123 border-left: 6px solid transparent;
1124 border-right: 6px solid transparent;
1125 border-top: 6px solid #fff;
1131 .datepicker-dropdown.bottom-right:before {
1133 display: inline-block;
1134 border-left: 7px solid transparent;
1135 border-right: 7px solid transparent;
1136 border-bottom: 7px solid #6c757d;
1137 border-bottom-color: #e9ecef;
1142 .datepicker-dropdown.bottom-right:after {
1144 display: inline-block;
1145 border-left: 6px solid transparent;
1146 border-right: 6px solid transparent;
1147 border-bottom: 6px solid #fff;
1152 .datepicker-dropdown.bottom-left:before {
1154 display: inline-block;
1155 border-left: 7px solid transparent;
1156 border-right: 7px solid transparent;
1157 border-bottom: 7px solid #6c757d;
1158 border-bottom-color: #e9ecef;
1163 .datepicker-dropdown.bottom-left:after {
1165 display: inline-block;
1166 border-left: 6px solid transparent;
1167 border-right: 6px solid transparent;
1168 border-bottom: 6px solid #fff;
1173 .datepicker-dropdown.top-right:before {
1175 display: inline-block;
1176 border-left: 7px solid transparent;
1177 border-right: 7px solid transparent;
1178 border-top: 7px solid #6c757d;
1179 border-top-color: #e9ecef;
1184 .datepicker-dropdown.top-right:after {
1186 display: inline-block;
1187 border-left: 6px solid transparent;
1188 border-right: 6px solid transparent;
1189 border-top: 6px solid #fff;
1194 .datepicker-dropdown.top-left:before {
1196 display: inline-block;
1197 border-left: 7px solid transparent;
1198 border-right: 7px solid transparent;
1199 border-top: 7px solid #6c757d;
1200 border-top-color: #e9ecef;
1205 .datepicker-dropdown.top-left:after {
1207 display: inline-block;
1208 border-left: 6px solid transparent;
1209 border-right: 6px solid transparent;
1210 border-top: 6px solid #fff;
1218 .datepicker.days div.datepicker-days {
1221 .datepicker.months div.datepicker-months {
1224 .datepicker.years div.datepicker-years {
1230 .datepicker td, .datepicker th {
1234 -webkit-border-radius: 4px;
1235 -moz-border-radius: 4px;
1239 .table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
1240 background-color: transparent;
1242 .datepicker table tr td.day:hover {
1243 background: #ced4da;
1246 .datepicker table tr td.old, .datepicker table tr td.new {
1249 .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
1254 .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
1255 background-color: #ffc107;
1256 background-image: -moz-linear-gradient(top, #ffc107, #ffc107);
1257 background-image: -ms-linear-gradient(top, #ffc107, #ffc107);
1258 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc107), to(#ffc107));
1259 background-image: -webkit-linear-gradient(top, #ffc107, #ffc107);
1260 background-image: -o-linear-gradient(top, #ffc107, #ffc107);
1261 background-image: linear-gradient(top, #ffc107, #ffc107);
1262 background-repeat: repeat-x;
1263 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-warning', endColorstr='$brand-warning', GradientType=0);
1264 border-color: #ffc107 #ffc107 #ffc107;
1265 border-color: #e9ecef #e9ecef #adb5bd;
1266 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1268 .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
1269 background-color: #ffc107;
1271 .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
1272 background-color: #ffc107;
1274 .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
1275 background-color: #007bff;
1276 background-image: -moz-linear-gradient(top, #1a88ff, #007bff);
1277 background-image: -ms-linear-gradient(top, #1a88ff, #007bff);
1278 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a88ff), to(#007bff));
1279 background-image: -webkit-linear-gradient(top, #1a88ff, #007bff);
1280 background-image: -o-linear-gradient(top, #1a88ff, #007bff);
1281 background-image: linear-gradient(top, #1a88ff, #007bff);
1282 background-repeat: repeat-x;
1283 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
1284 border-color: #007bff #007bff #0062cc;
1285 border-color: #e9ecef #e9ecef #adb5bd;
1286 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1288 text-shadow: 0 -1px 0 #adb5bd;
1290 .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
1291 background-color: #007bff;
1293 .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
1294 background-color: #0062cc;
1296 .datepicker table tr td span {
1304 -webkit-border-radius: 4px;
1305 -moz-border-radius: 4px;
1308 .datepicker table tr td span:hover {
1309 background: #ced4da;
1311 .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
1316 .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
1317 background-color: #007bff;
1318 background-image: -moz-linear-gradient(top, #1a88ff, #007bff);
1319 background-image: -ms-linear-gradient(top, #1a88ff, #007bff);
1320 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a88ff), to(#007bff));
1321 background-image: -webkit-linear-gradient(top, #1a88ff, #007bff);
1322 background-image: -o-linear-gradient(top, #1a88ff, #007bff);
1323 background-image: linear-gradient(top, #1a88ff, #007bff);
1324 background-repeat: repeat-x;
1325 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
1326 border-color: #007bff #007bff #0062cc;
1327 border-color: #e9ecef #e9ecef #adb5bd;
1328 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1330 text-shadow: 0 -1px 0 #adb5bd;
1332 .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
1333 background-color: #007bff;
1335 .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
1336 background-color: #0062cc;
1338 .datepicker table tr td span.old {
1341 .datepicker th.switch {
1344 .datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
1347 .datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
1348 background: #ced4da;
1353 padding: 0 2px 0 5px;
1354 vertical-align: middle;
1356 .datepicker thead tr:first-child th.cw {
1358 background-color: transparent;
1360 .input-append.date .add-on i, .input-prepend.date .add-on i {
1366 .datepicker .datepicker-time td span {
1376 .datepicker .datepicker-time td span.timepicker-hour, .datepicker .datepicker-time td span.timepicker-minute {
1381 .roo-document-manager-selector {
1385 .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
1395 .roo-document-manager-preview.wide {
1398 .roo-document-manager-thumb, .roo-document-manager-upload-btn {
1403 border: 1px solid #ced4da;
1404 -webkit-box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
1405 -moz-box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
1406 box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
1408 .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
1412 vertical-align: middle;
1416 .roo-document-manager-thumb > i.fa {
1419 .roo-document-manager-thumb > img {
1423 vertical-align: middle;
1424 padding-bottom: 5px;
1426 .roo-document-manager-preview > .close {
1433 .roo-document-manager-preview > .close:hover {
1436 .roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
1437 -webkit-filter: grayscale(100%);
1438 -moz-filter: grayscale(100%);
1439 -o-filter: grayscale(100%);
1440 -ms-filter: grayscale(100%);
1441 filter: grayscale(100%);
1443 .roo-document-manager-preview.disabled > .close {
1444 display: none !important;
1446 .roo-document-manager-preview > .roo-document-manager-thumb > .fa {
1452 -webkit-border-radius: 50%;
1453 -moz-border-radius: 50%;
1457 background-color: #fff;
1458 /*border: inherit;*/
1462 .roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
1466 .roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
1469 .roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
1470 border: 3px solid #007bff;
1472 .roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
1475 .roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
1481 @media (min-width: 768px) {
1482 .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
1486 .roo-document-manager-thumb, .roo-document-manager-upload-btn {
1491 .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
1498 @media (min-width: 992px) {
1499 .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
1504 .roo-document-manager-preview.wide {
1505 width: 16.66666666%;
1507 .roo-document-manager-thumb, .roo-document-manager-upload-btn {
1512 .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
1519 @media (min-width: 1200px) {
1520 .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
1525 .roo-document-manager-preview.wide {
1526 width: 16.66666666%;
1528 .roo-document-manager-thumb, .roo-document-manager-upload-btn {
1533 .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
1537 .document-slider-dialog .modal-body {
1540 .roo-document-slider-header {
1541 background-color: #adb5bd;
1543 .roo-document-slider-header .roo-document-slider-header-title {
1551 .roo-document-slider-body {
1552 background-color: #fff;
1558 .roo-document-slider-body .roo-document-slider-thumb {
1564 transform: translate(-50%, -50%);
1565 box-sizing: border-box;
1566 border: 1px solid #666;
1567 box-shadow: 0 0 0 1000px #adb5bd;
1569 vertical-align: middle;
1573 .roo-document-slider-body .roo-document-slider-image {
1576 .roo-document-slider-prev {
1584 .roo-document-slider-next {
1592 .roo-document-slider-prev > i, .roo-document-slider-next > i {
1595 transform: translateY(-50%);
1599 .document-viewer-dialog .modal-dialog {
1602 .document-viewer-dialog .modal-header, .document-viewer-dialog .modal-footer {
1604 padding-bottom: 5px;
1606 .document-viewer-dialog .modal-body {
1609 .roo-document-viewer-body {
1610 background-color: #fff;
1618 .roo-document-viewer-body .roo-document-viewer-thumb {
1624 transform: translate(-50%, -50%);
1625 box-sizing: border-box;
1626 border: 1px solid #666;
1627 box-shadow: 0 0 0 1000px #adb5bd;
1629 vertical-align: middle;
1632 .roo-document-viewer-body .roo-document-viewer-image {
1635 .roo-document-viewer-btn-group button {
1636 background-color: #000;
1638 border-color: #343a40;
1640 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1641 border-top-left-radius: 0;
1643 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1644 border-top-right-radius: 0;
1646 .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
1648 text-decoration: none;
1649 background-color: #007bff;
1650 background-image: -moz-linear-gradient(top, #007bff, #0074f0);
1651 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007bff), to(#0074f0));
1652 background-image: -webkit-linear-gradient(top, #007bff, #0074f0);
1653 background-image: -o-linear-gradient(top, #007bff, #0074f0);
1654 background-image: linear-gradient(to bottom, #007bff, #0074f0);
1655 background-repeat: repeat-x;
1656 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-primary', endColorstr='darken($brand-primary, 3%)', GradientType=0);
1661 .dropdown-submenu > .dropdown-menu {
1666 -webkit-border-radius: 0 6px 6px 6px;
1667 -moz-border-radius: 0 6px 6px 6px;
1668 border-radius: 0 6px 6px 6px;
1670 .dropdown-submenu:hover > .dropdown-menu {
1673 .dropup .dropdown-submenu > .dropdown-menu {
1677 margin-bottom: -2px;
1678 -webkit-border-radius: 5px 5px 5px 0;
1679 -moz-border-radius: 5px 5px 5px 0;
1680 border-radius: 5px 5px 5px 0;
1682 .dropup .dropdown-menu {
1683 -webkit-animation-name: inherit;
1685 .dropdown-submenu > a:after {
1691 margin-right: -10px;
1692 border-color: transparent;
1693 border-left-color: #6c757d;
1694 border-style: solid;
1695 border-width: 5px 0 5px 5px;
1698 .dropdown-submenu:hover > a:after {
1699 border-left-color: #fff;
1701 .dropdown-submenu.pull-left {
1702 float: none !important;
1704 .dropdown-submenu.pull-left > .dropdown-menu {
1707 -webkit-border-radius: 6px 0 6px 6px;
1708 -moz-border-radius: 6px 0 6px 6px;
1709 border-radius: 6px 0 6px 6px;
1711 .dropdown-button > i {
1714 li.dropdown-toggle i.glyphicon + span {
1717 li.dropdown-toggle span + i.glyphicon {
1720 li.dropdown-menu-item i.fa + span {
1723 li.dropdown-toggle button > i.glyphicon {
1724 margin: 3px 0 0 5px;
1726 .dropdown-menu.nowrap li a span {
1727 white-space: nowrap;
1729 div.input-group.has-feedback > .form-control-feedback {
1732 div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
1735 .roo-required-indicator {
1738 vertical-align: top;
1740 .roo-required-indicator.left-indicator {
1743 .roo-required-indicator.right-indicator {
1747 padding-right: 0.6em;
1748 padding-left: 0.6em;
1749 border-radius: 10rem;
1751 .roo-layout-container {
1756 .roo-layout-inactive-content {
1762 .roo-layout-active-content {
1763 visibility: visible;
1765 /* padding: 10px; */
1769 /* overflow:hidden; -- menus inside of contains do not work with this */
1771 background-color:white;
1772 border:1px solid #98c0f4;
1774 .roo-layout-panel-east, .roo-layout-panel-west {
1777 .roo-layout-panel-north, .roo-layout-panel-south {
1781 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1785 .roo-layout-panel-body {
1789 .roo-layout-grid-wrapper{
1799 background-color: #6c757d;
1801 .roo-layout-split-south, .roo-layout-split-north {
1802 border-bottom: 1px solid #6c757d;
1804 .roo-layout-split-east, .roo-layout-split-west {
1805 border-right: 1px solid #6c757d;
1807 .roo-layout-panel-hd {
1810 .roo-layout-panel-hd.breadcrumb {
1813 .roo-layout-panel-hd-text {
1817 white-space: nowrap;
1819 .roo-layout-panel-hd-tools {
1829 .x-layout-tools-button{
1835 .x-layout-tools-button-over{
1837 border:1px solid #98c0f4;
1838 background-color:white;
1840 .x-layout-tools-button-inner{
1845 background-repeat:no-repeat;
1846 background-position:center;
1849 background-image:url(../images/default/layout/layout-sprite.gif);
1850 background-repeat: no-repeat;
1851 background-position: 50% -48px;
1853 .x-layout-collapse-west,.x-layout-expand-east{
1854 background-image:url(../images/default/layout/layout-sprite.gif);
1855 background-repeat: no-repeat;
1856 background-position: 50% 0;
1858 .x-layout-expand-west,.x-layout-collapse-east{
1859 background-image:url(../images/default/layout/layout-sprite.gif);
1860 background-repeat: no-repeat;
1861 background-position: 50% -12px;
1863 .x-layout-collapse-north,.x-layout-expand-south{
1864 background-image:url(../images/default/layout/layout-sprite.gif);
1865 background-repeat: no-repeat;
1866 background-position: 50% -24px;
1868 .x-layout-expand-north,.x-layout-collapse-south{
1869 background-image:url(../images/default/layout/layout-sprite.gif);
1870 background-repeat: no-repeat;
1871 background-position: 50% -36px;
1874 background-image:url(../images/default/sizer/e-handle.gif);
1875 background-position: left;
1879 background-image:url(../images/default/sizer/s-handle.gif);
1880 background-position: top;
1883 .x-layout-panel .x-tabs-wrap{
1884 background:url(../images/default/layout/gradient-bg.gif);
1887 .roo-layout-panel .roo-tabbody {
1888 background-color: #fff;
1892 .roo-layout-component-panel, .roo-layout-nested-layout {
1899 .roo-layout-nested-layout .roo-layout-panel {
1903 .x-layout-nested-layout .x-layout-panel-north {
1904 border-bottom:1px solid #98c0f4;
1906 .x-layout-nested-layout .x-layout-panel-south {
1907 border-top:1px solid #98c0f4;
1909 .x-layout-nested-layout .x-layout-panel-east {
1910 border-left:1px solid #98c0f4;
1912 .x-layout-nested-layout .x-layout-panel-west {
1913 border-right:1px solid #98c0f4;
1918 background-color: transparent;
1921 .x-layout-panel-dragover {
1922 border: 2px solid #6593cf;
1924 .x-layout-panel-proxy {
1925 background-image: url(../images/default/layout/gradient-bg.gif);
1926 background-color:#c3daf9;
1927 border:1px dashed #6593cf;
1940 -moz-user-select: none;
1941 -khtml-user-select: none;
1942 -webkit-user-select: none;
1945 /** --- split bar dragging ---*/
1946 .roo-splitbar-proxy {
1950 background: #6c757d;
1951 border: 1px solid #000;
1954 .roo-splitbar-h, .roo-splitbar-proxy-h {
1957 .roo-splitbar-v, .roo-splitbar-proxy-v {
1961 .x-grid-resize-proxy
1967 border: 1px solid #000;
1974 .roo-layout-panel-body .navbar ul.nav-tabs {
1978 .roo-layout-panel-body .navbar {
1981 .roo-form-group-label-left::before, .roo-form-group-label-left::after {
1986 a.list-group-item, button.list-group-item {
1989 text-align: inherit;
1998 filter: alpha(opacity=50);
1999 background-color: #6c757d;
2007 background-color: #fff;
2008 /*border: 4px double #557; */
2010 /*background-image: url('#{$bootstrap-image-path}/ux/lightbox/loading.gif');*/
2011 background-repeat: no-repeat;
2012 border: 10px solid white;
2013 border-radius: 20px;
2017 .roo-el-mask-msg i {
2019 vertical-align: middle;
2022 .roo-el-mask-msg div {
2023 font-family: 'Source Sans Pro', sans-serif;
2029 display: table-cell;
2030 vertical-align: middle;
2034 overflow: hidden !important;
2036 .x-body-masked select, .ext-masked object, .ext-masked embed {
2047 filter: alpha(opacity=50);
2048 background-color: #6c757d;
2050 .masonary .masonry-bottom-title {
2051 background-color: transparent;
2053 .masonry-brick-link, .roo-brick-link {
2055 text-decoration: none;
2058 .masonry-brick-paragraph, .roo-brick-paragraph {
2061 .masonry-brick .masonry-brick-paragraph {
2068 background-color: inherit;
2070 .masonry-center-title .masonry-brick-paragraph, .masonry-bottom-title .masonry-brick-paragraph, .roo-brick-center-title .roo-brick-paragraph, .roo-brick-bottom-title .roo-brick-paragraph {
2073 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title, .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2074 display: table-cell;
2075 vertical-align: middle;
2078 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title, .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2079 display: table-cell;
2080 vertical-align: bottom;
2083 .masonry-brick-image .masonry-brick-paragraph, .roo-brick-image .roo-brick-paragraph {
2086 .masonry-bottom-title .masonry-brick-paragraph {
2089 .masonry-brick-image-view {
2094 .masonry-brick-paragraph .masonry-brick-title, .roo-brick-paragraph .roo-brick-title {
2097 .roo-brick .roo-brick-paragraph {
2101 background-color: inherit;
2103 .roo-brick-image-view {
2108 a.roo-brick-link:focus, a.roo-brick-link:hover {
2109 text-decoration: none;
2112 .masonry-brick-split .masonry-brick-split-head, .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2115 .masonry-brick-split .masonry-brick-split-body {
2121 .enable-mask:hover .masonry-brick-mask {
2127 background-color: #000;
2130 @media (min-width: 768px) {
2131 .mask-inverse .masonry-brick-paragraph {
2132 background: #adb5bd;
2134 .mask-inverse:hover .masonry-brick-paragraph {
2140 Created on : Apr 23, 2014, 11:24:28 AM
2143 Purpose of the stylesheet follows.
2145 .modal-md-1, .modal-md-2, .modal-md-3, .modal-md-4, .modal-md-5, .modal-md-6, .modal-md-7, .modal-md-8, .modal-md-9, .modal-md-10, .modal-md-11, .modal-md-12 {
2148 .modal-md-12 .modal-dialog {
2152 .modal-md-11 .modal-dialog {
2153 width: 91.6666666667%;
2156 .modal-md-10 .modal-dialog {
2157 width: 83.3333333333%;
2160 .modal-md-9 .modal-dialog {
2164 .modal-md-8 .modal-dialog {
2165 width: 66.6666666667%;
2168 .modal-md-7 .modal-dialog {
2169 width: 58.3333333333%;
2172 .modal-md-6 .modal-dialog {
2176 .modal-md-5 .modal-dialog {
2177 width: 41.6666666667%;
2180 .modal-md-4 .modal-dialog {
2181 width: 33.3333333333%;
2184 .modal-md-3 .modal-dialog {
2188 .modal-md-2 .modal-dialog {
2189 width: 16.6666666667%;
2192 .modal-md-1 .modal-dialog {
2193 width: 8.3333333333%;
2197 this appears to break the layout on dialog buttons on mobile?
2198 @media (max-width: 568px) {
2199 .modal-footer .btn+.btn {
2205 .modal-body.roo-layout-container, .modal-body > .container {
2213 @media (max-width: 768px) {
2214 .modal-body .col-md-12 {
2224 .modal-body > .container .col-xs-12 {
2228 .modal .roo-mb-progress-wrap {
2230 border: 1px solid #0062cc;
2232 .modal .roo-mb-progress-wrap .roo-mb-progress {
2234 background: transparent url("../images/default/basic-dialog/progress2.gif") repeat-x 1px 1px;
2236 .modal .roo-mb-progress-wrap .roo-mb-progress .roo-mb-progress-bar {
2240 background: #007bff;
2242 .roo-navigation-bar-group, .roo-navigation-top-bar, .roo-navigation-bullets-bar, .roo-navigation-bottom-bar {
2246 .roo-navigation-bar-text > span {
2247 text-transform: uppercase;
2249 display: inline-block;
2251 .roo-navigation-bar-text {
2259 .roo-navigation-bar {
2260 counter-reset: step;
2266 .roo-navigation-bar .roo-navigation-bar-item {
2267 list-style-type: none;
2269 text-transform: uppercase;
2274 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2275 counter-increment: step;
2280 background: #007bff;
2285 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2286 content: counter(step);
2288 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2292 background: #007bff;
2297 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2300 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2301 background: #9f1c28;
2304 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2305 background: #6c757d;
2307 cursor: not-allowed;
2309 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2312 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2313 font: normal normal normal 14px/1 FontAwesome;
2314 display: inline-block;
2316 @media (min-width: 768px) {
2317 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2318 content: counter(step);
2321 @media (min-width: 992px) {
2322 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2323 content: counter(step);
2326 @media (min-width: 1200px) {
2327 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before, .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2328 content: counter(step);
2333 margin-bottom: 20px;
2335 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2337 .nav-tabs-custom > .nav-tabs {
2339 border-bottom-color: #6c757d;
2341 .nav-tabs-custom > .nav-tabs > li {
2342 border-top: 3px solid transparent;
2343 margin-bottom: -2px;
2346 .nav-tabs-custom > .nav-tabs > li > a {
2347 -webkit-border-radius: 0 !important;
2348 -moz-border-radius: 0 !important;
2349 border-radius: 0 !important;
2351 .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
2352 background: transparent;
2355 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2356 border-color: transparent;
2358 .nav-tabs-custom > .nav-tabs > li.active {
2359 border-top-color: #007bff;
2361 .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2362 background-color: #fff;
2364 .nav-tabs-custom > .nav-tabs > li.active > a {
2366 border-left-color: #6c757d;
2367 border-right-color: #6c757d;
2369 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2372 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2373 border-left-width: 0;
2375 .nav-tabs-custom > .nav-tabs.pull-right {
2376 float: none !important;
2378 .nav-tabs-custom > .nav-tabs.pull-right > li {
2381 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2384 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2385 border-left-width: 1px;
2386 border-right-width: 0px;
2388 .nav-tabs-custom > .nav-tabs > li.header {
2396 .nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion {
2399 .nav-tabs-custom > .tab-content {
2403 /* --- override it appears it's done un-reliably in JS normally.. */
2404 .tab-content > .tab-pane {
2407 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
2410 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2413 @media (max-width: 768px) {
2414 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2418 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
2421 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
2424 .tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
2427 /* for some reason it's -15px on BS */
2428 @media (min-width: 768px) {
2433 /* was -15 before, on mobile it made the buttons too close to the edit.. */
2441 background-color: #007bff !important;
2442 border: 10px solid black;
2448 float: right !important;
2450 .roo-radio-set:before, .roo-radio-set:after {
2455 .radio.checked label::after {
2456 -webkit-transform: scale(1, 1);
2457 -ms-transform: scale(1, 1);
2458 -o-transform: scale(1, 1);
2459 transform: scale(1, 1);
2460 background-color: #495057;
2462 .roo-radio-set.disabled .radio label {
2465 .roo-radio-set.disabled .radio label {
2466 cursor: not-allowed;
2468 .roo-radio-primary .radio label::after {
2469 background-color: #fff;
2471 .roo-radio-primary .radio.checked label::before {
2472 border-color: #007bff;
2474 .roo-radio-primary .radio.checked label::after {
2475 background-color: #007bff;
2477 .roo-radio-danger .radio label::after {
2478 background-color: #dc3545;
2480 .roo-radio-danger .radio.checked label::before {
2481 border-color: #dc3545;
2483 .roo-radio-danger .radio.checked label::after {
2484 background-color: #dc3545;
2486 .roo-radio-info .radio label::after {
2487 background-color: #fff;
2489 .roo-radio-info .radio.checked label::before {
2490 border-color: #17a2b8;
2492 .roo-radio-info .radio.checked label::after {
2493 background-color: #17a2b8;
2495 .roo-radio-warning .radio label::after {
2496 background-color: #fff;
2498 .roo-radio-warning .radio.checked label::before {
2499 border-color: #ffc107;
2501 .roo-radio-warning .radio.checked label::after {
2502 background-color: #ffc107;
2504 .roo-radio-success .radio label::after {
2505 background-color: #fff;
2507 .roo-radio-success .radio.checked label::before {
2508 border-color: #28a745;
2510 .roo-radio-success .radio.checked label::after {
2511 background-color: #28a745;
2513 .roo-radio-set.has-warning .roo-radio-set-items label, .roo-radio-set.has-warning .roo-radio-set-label {
2516 .roo-radio-set.has-error .roo-radio-set-items label, .roo-radio-set.has-error .roo-radio-set-label {
2519 .roo-radio-set.has-success .roo-radio-set-items label, .roo-radio-set.has-success .roo-radio-set-label {
2522 .roo-radio-set-inline .radio {
2524 display: inline-block;
2529 vertical-align: middle;
2532 .roo-radio-set-inline .radio + .radio {
2535 .roo-radio-set-label .roo-required-indicator.right-indicator {
2538 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2543 .roo-form-error-popover.in {
2546 .roo-form-error-popover .tooltip-inner {
2550 /* what is this doing here?? */
2551 .x-form-field-wrap .form-group {
2554 .roo-password-meter-grey {
2555 background: #6c757d;
2556 margin-bottom: 30px;
2559 .roo-password-meter {
2562 .roo-password-meter-container {
2563 margin-bottom: 20px;
2565 .roo-password-meter-tooweak {
2566 background: #dc3545;
2569 .roo-password-meter-weak {
2570 background: #ffc107;
2573 .roo-password-meter-medium {
2574 background: #17a2b8;
2577 .roo-password-meter-strong {
2578 background: #28a745;
2581 .roo-password-meter-text {
2582 /* padding-bottom:5px; */
2583 margin-bottom: 30px;
2588 Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
2590 .roo-select2-container {
2593 /*display: inline-block;*/
2594 /* inline-block for ie7 */
2597 vertical-align: middle;
2599 .roo-select2-container, .roo-select2-drop, .roo-select2-search, .roo-select2-search input {
2601 Force border-box so that % widths fit the parent
2602 container without overlap because of margin/padding.
2603 More Info : http://www.quirksmode.org/css/box.html
2605 -webkit-box-sizing: border-box;
2607 -moz-box-sizing: border-box;
2609 box-sizing: border-box;
2612 .roo-select2-container .roo-select2-choice {
2618 border: 1px solid #6c757d;
2619 white-space: nowrap;
2622 text-decoration: none;
2624 background-clip: padding-box;
2625 -webkit-touch-callout: none;
2626 -webkit-user-select: none;
2627 -moz-user-select: none;
2628 -ms-user-select: none;
2630 background-color: #fff;
2631 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ced4da), color-stop(0.5, #fff));
2632 background-image: -webkit-linear-gradient(center bottom, #ced4da 0%, #fff 50%);
2633 background-image: -moz-linear-gradient(center bottom, #ced4da 0%, #fff 50%);
2634 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$body-bg', endColorstr = '$gray-lighter', GradientType = 0);
2635 background-image: linear-gradient(to top, #ced4da 0%, #fff 50%);
2637 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2638 border-bottom-color: #6c757d;
2639 border-radius: 0 0 4px 4px;
2640 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ced4da), color-stop(0.9, #fff));
2641 background-image: -webkit-linear-gradient(center bottom, #ced4da 0%, #fff 90%);
2642 background-image: -moz-linear-gradient(center bottom, #ced4da 0%, #fff 90%);
2643 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$body-bg', endColorstr='$gray-lighter', GradientType=0);
2644 background-image: linear-gradient(to bottom, #ced4da 0%, #fff 90%);
2646 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2649 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2653 white-space: nowrap;
2654 text-overflow: ellipsis;
2658 .roo-select2-container .roo-select2-choice abbr {
2666 text-decoration: none;
2668 background: url("../images/select2/select2.png") right top no-repeat;
2672 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2673 display: inline-block;
2675 .roo-select2-container .roo-select2-choice abbr:hover {
2676 background-position: right -11px;
2679 .roo-select2-drop-mask {
2692 /* styles required for IE to work */
2693 background-color: #fff;
2694 filter: alpha(opacity=0);
2704 border: 1px solid #6c757d;
2706 border-radius: 0 0 4px 4px;
2707 -webkit-box-shadow: 0 4px 5px #e9ecef;
2708 box-shadow: 0 4px 5px #e9ecef;
2710 .roo-select2-drop.roo-select2-drop-above {
2712 border-top: 1px solid #6c757d;
2714 border-radius: 4px 4px 0 0;
2715 -webkit-box-shadow: 0 -4px 5px #e9ecef;
2716 box-shadow: 0 -4px 5px #e9ecef;
2718 .roo-select2-drop-active {
2719 border: 1px solid #007bff;
2722 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2723 border-top: 1px solid #007bff;
2725 .roo-select2-drop-auto-width {
2726 border-top: 1px solid #6c757d;
2729 .roo-select2-drop-auto-width .roo-select2-search {
2732 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2733 display: inline-block;
2739 border-left: 1px solid #6c757d;
2740 border-radius: 0 4px 4px 0;
2741 background-clip: padding-box;
2742 background: #6c757d;
2743 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6c757d), color-stop(0.6, #ced4da));
2744 background-image: -webkit-linear-gradient(center bottom, #6c757d 0%, #ced4da 60%);
2745 background-image: -moz-linear-gradient(center bottom, #6c757d 0%, #ced4da 60%);
2746 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$gray-lighter', endColorstr = '$gray-light', GradientType = 0);
2747 background-image: linear-gradient(to top, #6c757d 0%, #ced4da 60%);
2749 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2753 background: url("../images/select2/select2.png") no-repeat 0 1px;
2755 .roo-select2-search {
2756 display: inline-block;
2764 white-space: nowrap;
2766 .roo-select2-search input {
2768 height: auto !important;
2770 padding: 4px 20px 4px 5px;
2773 font-family: sans-serif;
2775 border: 1px solid #6c757d;
2777 -webkit-box-shadow: none;
2779 background: #fff url("../images/select2/select2.png") no-repeat 100% -22px;
2780 background: url("../images/select2/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #ced4da));
2781 background: url("../images/select2/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
2782 background: url("../images/select2/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
2783 background: url("../images/select2/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #ced4da 99%) 0 0;
2785 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2788 .roo-select2-search input.roo-select2-active {
2789 background: #fff url("../images/select2/select2-spinner.gif") no-repeat 100%;
2790 background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #ced4da));
2791 background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
2792 background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
2793 background: url("../images/select2/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #ced4da 99%) 0 0;
2795 .roo-select2-container-active .roo-select2-choice, .roo-select2-container-active .roo-select2-choices {
2796 border: 1px solid #007bff;
2798 -webkit-box-shadow: 0 0 5px #adb5bd;
2799 box-shadow: 0 0 5px #adb5bd;
2801 .roo-select2-dropdown-open .roo-select2-choice {
2802 border-bottom-color: transparent;
2803 -webkit-box-shadow: 0 1px 0 #fff inset;
2804 box-shadow: 0 1px 0 #fff inset;
2805 border-bottom-left-radius: 0;
2806 border-bottom-right-radius: 0;
2807 background-color: #ced4da;
2808 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #ced4da));
2809 background-image: -webkit-linear-gradient(center bottom, #fff 0%, #ced4da 50%);
2810 background-image: -moz-linear-gradient(center bottom, #fff 0%, #ced4da 50%);
2811 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gray-lighter', endColorstr='$body-bg', GradientType=0);
2812 background-image: linear-gradient(to top, #fff 0%, #ced4da 50%);
2814 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice, .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2815 border: 1px solid #007bff;
2816 border-top-color: transparent;
2817 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #ced4da));
2818 background-image: -webkit-linear-gradient(center top, #fff 0%, #ced4da 50%);
2819 background-image: -moz-linear-gradient(center top, #fff 0%, #ced4da 50%);
2820 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gray-lighter', endColorstr='$body-bg', GradientType=0);
2821 background-image: linear-gradient(to bottom, #fff 0%, #ced4da 50%);
2823 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2824 background: transparent;
2828 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2829 background-position: -18px 1px;
2831 .roo-select2-hidden-accessible {
2833 clip: rect(0 0 0 0);
2842 .roo-select2-results {
2845 margin: 4px 4px 4px 0;
2849 -webkit-tap-highlight-color: fade(#000, 0%);
2851 .roo-select2-results ul.roo-select2-result-sub {
2855 .roo-select2-results li {
2858 background-image: none;
2860 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
2863 .roo-select2-results .roo-select2-result-label {
2864 padding: 3px 7px 4px;
2868 -webkit-touch-callout: none;
2869 -webkit-user-select: none;
2870 -moz-user-select: none;
2871 -ms-user-select: none;
2874 .roo-select2-results-dept-1 .roo-select2-result-label {
2877 .roo-select2-results-dept-2 .roo-select2-result-label {
2880 .roo-select2-results-dept-3 .roo-select2-result-label {
2883 .roo-select2-results-dept-4 .roo-select2-result-label {
2886 .roo-select2-results-dept-5 .roo-select2-result-label {
2887 padding-left: 100px;
2889 .roo-select2-results-dept-6 .roo-select2-result-label {
2890 padding-left: 110px;
2892 .roo-select2-results-dept-7 .roo-select2-result-label {
2893 padding-left: 120px;
2895 .roo-select2-results .roo-select2-highlighted {
2896 background: #007bff;
2899 .roo-select2-results li em {
2900 background: #ffc107;
2903 .roo-select2-results .roo-select2-highlighted em {
2904 background: transparent;
2906 .roo-select2-results .roo-select2-highlighted ul {
2910 .roo-select2-results .roo-select2-no-results, .roo-select2-results .roo-select2-searching, .roo-select2-results .roo-select2-selection-limit {
2911 background: #6c757d;
2916 disabled look for disabled choices in the results dropdown
2918 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
2920 background: #6c757d;
2924 .roo-select2-results .roo-select2-disabled {
2925 background: #6c757d;
2929 .roo-select2-results .roo-select2-selected {
2932 .roo-select2-more-results.roo-select2-active {
2933 background: #6c757d url("../images/select2/select2-spinner.gif") no-repeat 100%;
2935 .roo-select2-more-results {
2936 background: #6c757d;
2939 /* disabled styles */
2940 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
2941 background-color: #6c757d;
2942 background-image: none;
2943 border: 1px solid #6c757d;
2946 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
2947 background-color: #6c757d;
2948 background-image: none;
2951 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
2955 .roo-select2-container-multi .roo-select2-choices {
2956 height: auto !important;
2960 /*position: relative;*/
2961 border: 1px solid #6c757d;
2964 background-color: #fff;
2965 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ced4da), color-stop(15%, #fff));
2966 background-image: -webkit-linear-gradient(top, #ced4da 1%, #fff 15%);
2967 background-image: -moz-linear-gradient(top, #ced4da 1%, #fff 15%);
2968 background-image: linear-gradient(to bottom, #ced4da 1%, #fff 15%);
2970 .roo-select2-locked {
2971 padding: 3px 5px 3px 5px !important;
2973 .roo-select2-container-multi .roo-select2-choices {
2976 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
2977 border: 1px solid #007bff;
2979 -webkit-box-shadow: 0 0 5px #adb5bd;
2980 box-shadow: 0 0 5px #adb5bd;
2982 .roo-select2-container-multi .roo-select2-choices li {
2986 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
2989 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
2992 white-space: nowrap;
2994 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
2997 font-family: sans-serif;
3002 -webkit-box-shadow: none;
3004 background: transparent !important;
3006 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3007 background: #fff url("../images/select2/select2-spinner.gif") no-repeat 100% !important;
3009 .roo-select2-default {
3010 color: #6c757d !important;
3012 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3013 padding: 4px 7px 4px 16px;
3019 border: 1px solid #6c757d;
3021 -webkit-touch-callout: none;
3022 -webkit-user-select: none;
3023 -moz-user-select: none;
3024 -ms-user-select: none;
3027 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3031 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3034 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3035 background: #6c757d;
3037 .roo-select2-search-choice-close {
3047 /*background: url('#{$bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
3049 .roo-select2-search-choice-close:hover {
3052 html[dir="rtl"] .roo-select2-search-choice-close {
3056 .roo-select2-container-multi .roo-select2-search-choice-close {
3059 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3060 background-position: right -11px;
3062 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3063 background-position: right -11px;
3065 /* disabled styles */
3066 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3067 background-color: #6c757d;
3068 background-image: none;
3069 border: 1px solid #6c757d;
3072 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3073 padding: 3px 5px 3px 5px;
3074 border: 1px solid #6c757d;
3075 background-image: none;
3076 background-color: #6c757d;
3078 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3082 /* end multiselect */
3083 .roo-select2-result-selectable .roo-select2-match, .roo-select2-result-unselectable .roo-select2-match {
3084 text-decoration: underline;
3086 .roo-select2-offscreen, .roo-select2-offscreen:focus {
3087 clip: rect(0 0 0 0) !important;
3088 width: 1px !important;
3089 height: 1px !important;
3090 border: 0 !important;
3091 margin: 0 !important;
3092 padding: 0 !important;
3093 overflow: hidden !important;
3094 position: absolute !important;
3095 outline: 0 !important;
3096 left: 0px !important;
3097 top: 0px !important;
3099 .roo-select2-display-none {
3102 .roo-select2-measure-scrollbar {
3110 /* Retina-ize icons */
3111 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3112 .roo-select2-search input, .roo-select2-search-choice-close, .roo-select2-container .roo-select2-choice abbr, .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3113 background-image: url("../images/select2/select2x2.png") !important;
3114 background-repeat: no-repeat !important;
3115 background-size: 60px 40px !important;
3117 .roo-select2-search input {
3118 background-position: 100% -21px !important;
3121 .has-error .roo-select2-choices {
3122 border-color: #dc3545;
3123 -webkit-box-shadow: inset 0 1px 1px #343a40;
3124 box-shadow: inset 0 1px 1px #343a40;
3126 .dropdown-menu .roo-select2-result.disabled {
3127 background-color: #ced4da;
3129 cursor: not-allowed;
3134 /* override boostrap a:hover */
3136 text-decoration: none;
3138 .sidebar .sidebar-menu {
3144 .sidebar .sidebar-menu > li, .sidebar .sidebar-menu li.active li.treeview-menu {
3147 border-bottom: 1px solid #6c757d;
3148 background-color: #ced4da;
3150 /* active child menu - white BG */
3151 .sidebar .sidebar-menu li.active li.treeview-menu {
3152 background-color: #6c757d;
3154 .sidebar .sidebar-menu > li > a, .sidebar .sidebar-menu li.open li.treeview-menu > a {
3155 padding: 12px 5px 12px 15px;
3159 .sidebar .sidebar-menu > li > a > .fa, .sidebar .sidebar-menu > li > a > .glyphicon, .sidebar .sidebar-menu > li > a > .ion {
3162 .sidebar .sidebar-menu li:hover, .sidebar .sidebar-menu li:focus, .sidebar .sidebar-menu li:active, .sidebar .sidebar-menu li.active li.treeview-menu:hover, .sidebar .sidebar-menu li.active li.treeview-menu:focus, .sidebar .sidebar-menu li.active li.treeview-menu:active {
3163 background-color: #fff;
3165 .sidebar .sidebar-menu li:hover a, .sidebar .sidebar-menu li:focus a, .sidebar .sidebar-menu li:active a, .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover, .sidebar .sidebar-menu li.open li.treeview-menu a:focus, .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3167 text-decoration: none;
3170 .sidebar .sidebar-menu li.active {
3172 background-color: #007bff;
3173 border-color: #0062cc;
3175 .sidebar .sidebar-menu li.active:hover, .sidebar .sidebar-menu li.active:focus, .sidebar .sidebar-menu li.active.focus {
3177 background-color: #007bff;
3178 border-color: #0062cc;
3180 .sidebar .sidebar-menu li.active a {
3183 .sidebar .sidebar-menu li.disabled {
3185 background-color: #fff;
3186 border-color: #343a40;
3188 .sidebar .sidebar-menu li.disabled a {
3192 .sidebar .sidebar-menu li.danger, .sidebar .sidebar-menu li.danger.active {
3194 background-color: #dc3545;
3195 border-color: #e4606d;
3197 .sidebar .sidebar-menu li.danger:hover, .sidebar .sidebar-menu li.danger:focus, .sidebar .sidebar-menu li.danger.active:focus {
3199 background-color: #dc3545;
3200 border-color: #bd2130;
3201 border-bottom: 1px solid #bd2130;
3203 .sidebar .sidebar-menu li.danger a, .sidebar .sidebar-menu li.danger.active a {
3207 .sidebar .sidebar-menu li.open ul {
3210 .sidebar .sidebar-menu li.open .treeview-menu {
3213 /* --- treeview menu */
3214 .sidebar .sidebar-menu .treeview-menu {
3220 .sidebar .sidebar-menu .treeview-menu > li {
3223 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3224 padding: 5px 5px 5px 20px;
3229 .sidebar .sidebar-menu .treeview-menu > li > a > .fa, .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3232 /* background to highlighted treeview node
3233 .sidebar .sidebar-menu li li.treeview-menu.active {
3237 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3240 /* active sidebard... */
3242 background-color: #6c757d;
3246 background-color: #007bff;
3250 background-color: #28a745;
3254 background-color: #17a2b8;
3258 background-color: #ffc107;
3262 background-color: #dc3545;
3265 .sidebar .sidebar-menu > li.active .badge-info {
3266 background-color: #fff;
3270 /* Sticky footer styles
3271 -------------------------------------------------- */
3272 html.bootstrap-sticky {
3276 html.bootstrap-sticky body {
3277 /* Margin bottom by footer height */
3278 margin-bottom: 60px;
3280 .bootstrap-sticky-footer {
3284 /* Set the fixed height of the footer here */
3286 background-color: #6c757d;
3288 /* Lastly, apply responsive CSS fixes as necessary */
3289 @media (max-width: 767px) {
3290 .bootstrap-sticky-footer {
3292 margin-right: -20px;
3294 padding-right: 20px;
3297 /* paging toolbar */
3298 .table .pagination .x-paging-position span {
3301 .table .pagination .x-paging-position span input {
3306 .navbar .pagination > li > span {
3309 .navbar .pagination {
3312 /* these are technicall adminlte related */
3313 .skin-blue .navbar .pagination > li > a:active, .skin-blue .navbar .pagination > li > a:focus, .skin-blue .navbar .pagination > li > a {
3314 background-color: #007bff;
3316 .skin-blue .navbar .pagination > li > a:hover {
3317 background-color: #6c757d;
3319 .skin-blue table .navbar {
3320 background-color: #fff;
3322 .skin-blue .navbar .pagination > li.disabled > a {
3323 background-color: #6c757d;
3325 .skin-blue table .navbar {
3332 .table-body-fixed tbody {
3336 .table-body-fixed thead, .table-body-fixed tbody, .table-body-fixed th {
3339 .table-body-fixed thead {
3342 .table-body-fixed tbody td, .table-body-fixed thead > tr > th {
3344 border-bottom-width: 0;
3346 /* fake infinate widt.. */
3347 .table-body-fixed thead > tr, .table-body-fixed tbody > tr {
3351 /* standard bootstrap does not colour rows very well.. */
3352 .table > tbody > tr.info {
3353 background-color: #d9edf7;
3355 .table-hover > tbody > tr.info:hover {
3356 background-color: #c4e3f3;
3358 .table tfoot .navbar {
3359 min-height: inherit;
3361 /* for ie11 && edge: fixing height inheriting from tbody to tr */
3362 .roo-ie11 table.table tbody tr, .roo-edge table.table tbody tr {
3367 background: #6c757d;
3368 border-bottom: 1px solid #ced4da;
3371 @media (min-width: 980px) {
3372 .top-bar .collapse {
3373 display: block !important;
3374 visibility: visible !important;
3375 height: auto !important;
3376 overflow: visible !important;
3380 @media (min-width: 768px) and (max-width: 979px) {
3386 .header .social, .footer .social {
3392 .footer .social li:last-child, .footer .social {
3393 margin-right: 0 !important;
3395 .header .social li:first-child {
3396 border-left: 1px solid #6c757d;
3398 .header .social li, .footer .social li {
3399 border-right: 1px solid #6c757d;
3400 display: table-cell;
3401 vertical-align: middle;
3406 -webkit-transition: background 0.5s ease-in-out;
3407 -moz-transition: background 0.5s ease-in-out;
3408 -o-transition: background 0.5s ease-in-out;
3409 -ms-transition: background 0.5s ease-in-out;
3410 transition: background 0.5s ease-in-out;
3413 .header .social i, .footer .social i {
3416 -webkit-transition: color 0.5s ease-in-out;
3417 -moz-transition: color 0.5s ease-in-out;
3418 -o-transition: color 0.5s ease-in-out;
3419 -ms-transition: color 0.5s ease-in-out;
3420 transition: color 0.5s ease-in-out;
3422 .header .social li:hover a i, .footer .social li:hover a i {
3425 .team .item .team-member-links a.facebook:hover, .member-social.dark a.facebook:hover, .header .social li.facebook:hover, .footer .social li.facebook:hover {
3426 background: #007bff;
3428 .team .item .team-member-links a.dribbble:hover, .member-social.dark a.dribbble:hover, .header .social li.dribbble:hover, .footer .social li.dribbble:hover {
3429 background: #ffc107;
3431 .team .item .team-member-links a.twitter:hover, .member-social.dark a.twitter:hover, .header .social li.twitter:hover, .footer .social li.twitter:hover {
3432 background: #007bff;
3434 .team .item .team-member-links a.gplus:hover, .member-social.dark a.gplus:hover, .header .social li.gplus:hover, .footer .social li.gplus:hover {
3435 background: #dc3545;
3437 .team .item .team-member-links a.linkedin:hover, .member-social.dark a.linkedin:hover, .header .social li.linkedin:hover, .footer .social li.linkedin:hover {
3438 background: #007bff;
3440 .team .item .team-member-links a.pinterest:hover, .member-social.dark a.pinterest:hover, .header .social li.pinterest:hover, .footer .social li.pinterest:hover {
3441 background: #dc3545;
3443 .header .social li.rss:hover, .footer .social li.rss:hover {
3444 background: #ffc107;
3446 .top-bar .languages {
3449 .top-bar .languages a {
3452 font-family: "Open Sans", Helvetica, Arial, sans-serif;
3458 * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
3460 .navbar-left .input-group[class*="col-"] {
3465 text-overflow: ellipsis;
3466 display: -webkit-box;
3467 -webkit-line-clamp: 3;
3468 -webkit-box-orient: vertical;
3470 .sw-child-headline {
3471 display: inline-block;
3476 display: inline-block;
3483 /* needed as menu ontop of form does not work */
3484 .input-group .form-control {
3487 /* admin-lte - messes with checkbox and radio.. */
3489 padding-left: 15px !important;
3491 /* inside a column it needs even more padding...*/
3493 * It breaks all the checkbox layout. comment it first...
3495 /*.column .checkbox,
3497 padding-left: 25px !important;
3499 /* paging toolbar */
3500 .pagination .x-paging-position span {
3502 padding-bottom: 3px;
3504 .pagination .x-paging-position span input {
3507 .panel-header-right {
3512 background-color: #dc3545;
3514 .badge-error:hover {
3515 background-color: #bd2130;
3518 background-color: #ffc107;
3520 .badge-warning:hover {
3521 background-color: #d39e00;
3524 background-color: #28a745;
3526 .badge-success:hover {
3527 background-color: #1e7e34;
3530 background-color: #17a2b8;
3533 background-color: #117a8b;
3536 background-color: #343a40;
3538 .badge-inverse:hover {
3539 background-color: #212529;
3551 .roo-upload-cropbox-selector {
3555 .roo-upload-cropbox-dialog .modal-header, .roo-upload-cropbox-dialog .modal-footer {
3557 padding-bottom: 5px;
3559 .roo-upload-cropbox-body {
3560 background-color: #fff;
3561 border: 1px solid #6c757d;
3569 .roo-upload-cropbox-preview {
3578 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3582 transform: translate(-50%, -50%);*/
3583 box-sizing: border-box;
3584 border: 1px solid #6c757d;
3585 box-shadow: 0 0 0 1000px #adb5bd;
3586 background: none repeat scroll 0% 0% transparent;
3588 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3590 background-color: #adb5bd;
3598 .roo-upload-cropbox-btn-group button {
3599 background-color: #000;
3601 border-color: #343a40;
3603 .roo-upload-cropbox-error-notify {
3606 padding: 0px !important;
3607 margin: 0px !important;
3613 padding-left: 105px;
3614 border-radius: 4px !important;
3622 border: 1px solid transparent;
3623 background: transparent;
3624 -webkit-touch-callout: none;
3625 -webkit-user-select: none;
3626 -khtml-user-select: none;
3627 -moz-user-select: none;
3628 -ms-user-select: none;
3634 .tel-list li a .flag {
3637 .tel-list li a .dial-code {
3648 flex-direction: row;
3649 justify-content: space-around;
3656 background-image: url("../images/default/flags.png");
3657 background-repeat: no-repeat;
3660 display: inline-block;
3665 background-position: 0px 0px;
3669 background-position: -22px 0px;
3673 background-position: -44px 0px;
3677 background-position: -66px 0px;
3681 background-position: -88px 0px;
3685 background-position: -110px 0px;
3689 background-position: -132px 0px;
3693 background-position: -154px 0px;
3697 background-position: -176px 0px;
3701 background-position: -198px 0px;
3705 background-position: -220px 0px;
3709 background-position: -242px 0px;
3713 background-position: -264px 0px;
3717 background-position: -286px 0px;
3721 background-position: -308px 0px;
3725 background-position: -330px 0px;
3729 background-position: -352px 0px;
3733 background-position: -374px 0px;
3737 background-position: -396px 0px;
3741 background-position: -418px 0px;
3745 background-position: -440px 0px;
3749 background-position: -460px 0px;
3753 background-position: -482px 0px;
3757 background-position: -504px 0px;
3761 background-position: -526px 0px;
3765 background-position: -548px 0px;
3769 background-position: -570px 0px;
3773 background-position: -592px 0px;
3777 background-position: -614px 0px;
3781 background-position: -636px 0px;
3785 background-position: -658px 0px;
3789 background-position: -680px 0px;
3793 background-position: -702px 0px;
3797 background-position: -724px 0px;
3801 background-position: -746px 0px;
3805 background-position: -768px 0px;
3809 background-position: -790px 0px;
3813 background-position: -812px 0px;
3817 background-position: -834px 0px;
3821 background-position: -856px 0px;
3825 background-position: -878px 0px;
3829 background-position: -900px 0px;
3833 background-position: -922px 0px;
3837 background-position: -944px 0px;
3841 background-position: -961px 0px;
3845 background-position: -983px 0px;
3849 background-position: -1005px 0px;
3853 background-position: -1027px 0px;
3857 background-position: -1049px 0px;
3861 background-position: -1071px 0px;
3865 background-position: -1093px 0px;
3869 background-position: -1115px 0px;
3873 background-position: -1137px 0px;
3877 background-position: -1159px 0px;
3881 background-position: -1181px 0px;
3885 background-position: -1203px 0px;
3889 background-position: -1225px 0px;
3893 background-position: -1247px 0px;
3897 background-position: -1269px 0px;
3901 background-position: -1291px 0px;
3905 background-position: -1313px 0px;
3909 background-position: -1335px 0px;
3913 background-position: -1357px 0px;
3917 background-position: -1379px 0px;
3921 background-position: -1401px 0px;
3925 background-position: -1423px 0px;
3929 background-position: -1445px 0px;
3933 background-position: -1467px 0px;
3937 background-position: -1489px 0px;
3941 background-position: -1511px 0px;
3945 background-position: -1533px 0px;
3949 background-position: -1555px 0px;
3953 background-position: -1577px 0px;
3957 background-position: -1599px 0px;
3961 background-position: -1621px 0px;
3965 background-position: -1643px 0px;
3969 background-position: -1665px 0px;
3973 background-position: -1687px 0px;
3977 background-position: -1709px 0px;
3981 background-position: -1731px 0px;
3985 background-position: -1753px 0px;
3989 background-position: -1775px 0px;
3993 background-position: -1797px 0px;
3997 background-position: -1819px 0px;
4001 background-position: -1841px 0px;
4005 background-position: -1863px 0px;
4009 background-position: -1885px 0px;
4013 background-position: -1907px 0px;
4017 background-position: -1929px 0px;
4021 background-position: -1951px 0px;
4025 background-position: -1973px 0px;
4029 background-position: -1995px 0px;
4033 background-position: -2017px 0px;
4037 background-position: -2039px 0px;
4041 background-position: -2061px 0px;
4045 background-position: -2083px 0px;
4049 background-position: -2105px 0px;
4053 background-position: -2127px 0px;
4057 background-position: -2149px 0px;
4061 background-position: -2171px 0px;
4065 background-position: -2193px 0px;
4069 background-position: -2215px 0px;
4073 background-position: -2237px 0px;
4077 background-position: -2259px 0px;
4081 background-position: -2281px 0px;
4085 background-position: -2303px 0px;
4089 background-position: -2325px 0px;
4093 background-position: -2347px 0px;
4097 background-position: -2369px 0px;
4101 background-position: -2391px 0px;
4105 background-position: -2413px 0px;
4109 background-position: -2435px 0px;
4113 background-position: -2457px 0px;
4117 background-position: -2479px 0px;
4121 background-position: -2501px 0px;
4125 background-position: -2523px 0px;
4129 background-position: -2545px 0px;
4133 background-position: -2567px 0px;
4137 background-position: -2589px 0px;
4141 background-position: -2611px 0px;
4145 background-position: -2633px 0px;
4149 background-position: -2655px 0px;
4153 background-position: -2677px 0px;
4157 background-position: -2699px 0px;
4161 background-position: -2721px 0px;
4165 background-position: -2743px 0px;
4169 background-position: -2765px 0px;
4173 background-position: -2787px 0px;
4177 background-position: -2809px 0px;
4181 background-position: -2831px 0px;
4185 background-position: -2853px 0px;
4189 background-position: -2875px 0px;
4193 background-position: -2897px 0px;
4197 background-position: -2919px 0px;
4201 background-position: -2941px 0px;
4205 background-position: -2963px 0px;
4209 background-position: -2985px 0px;
4213 background-position: -3007px 0px;
4217 background-position: -3029px 0px;
4221 background-position: -3051px 0px;
4225 background-position: -3073px 0px;
4229 background-position: -3095px 0px;
4233 background-position: -3117px 0px;
4237 background-position: -3139px 0px;
4241 background-position: -3160px 0px;
4245 background-position: -3182px 0px;
4249 background-position: -3204px 0px;
4253 background-position: -3226px 0px;
4257 background-position: -3248px 0px;
4261 background-position: -3270px 0px;
4265 background-position: -3292px 0px;
4269 background-position: -3314px 0px;
4273 background-position: -3336px 0px;
4277 background-position: -3358px 0px;
4281 background-position: -3380px 0px;
4285 background-position: -3402px 0px;
4289 background-position: -3424px 0px;
4293 background-position: -3446px 0px;
4297 background-position: -3468px 0px;
4301 background-position: -3490px 0px;
4305 background-position: -3512px 0px;
4309 background-position: -3534px 0px;
4313 background-position: -3556px 0px;
4317 background-position: -3578px 0px;
4321 background-position: -3600px 0px;
4325 background-position: -3622px 0px;
4329 background-position: -3644px 0px;
4333 background-position: -3666px 0px;
4337 background-position: -3686px 0px;
4341 background-position: -3708px 0px;
4345 background-position: -3730px 0px;
4349 background-position: -3752px 0px;
4353 background-position: -3774px 0px;
4357 background-position: -3796px 0px;
4361 background-position: -3811px 0px;
4365 background-position: -3833px 0px;
4369 background-position: -3855px 0px;
4373 background-position: -3877px 0px;
4377 background-position: -3899px 0px;
4381 background-position: -3921px 0px;
4385 background-position: -3943px 0px;
4389 background-position: -3965px 0px;
4393 background-position: -3987px 0px;
4397 background-position: -4009px 0px;
4401 background-position: -4031px 0px;
4405 background-position: -4053px 0px;
4409 background-position: -4075px 0px;
4413 background-position: -4097px 0px;
4417 background-position: -4119px 0px;
4421 background-position: -4141px 0px;
4425 background-position: -4163px 0px;
4429 background-position: -4185px 0px;
4433 background-position: -4207px 0px;
4437 background-position: -4229px 0px;
4441 background-position: -4251px 0px;
4445 background-position: -4273px 0px;
4449 background-position: -4295px 0px;
4453 background-position: -4317px 0px;
4457 background-position: -4339px 0px;
4461 background-position: -4361px 0px;
4465 background-position: -4383px 0px;
4469 background-position: -4405px 0px;
4473 background-position: -4427px 0px;
4477 background-position: -4449px 0px;
4481 background-position: -4471px 0px;
4485 background-position: -4493px 0px;
4489 background-position: -4515px 0px;
4493 background-position: -4537px 0px;
4497 background-position: -4559px 0px;
4501 background-position: -4581px 0px;
4505 background-position: -4603px 0px;
4509 background-position: -4625px 0px;
4513 background-position: -4647px 0px;
4517 background-position: -4669px 0px;
4521 background-position: -4691px 0px;
4525 background-position: -4713px 0px;
4529 background-position: -4735px 0px;
4533 background-position: -4757px 0px;
4537 background-position: -4779px 0px;
4541 background-position: -4801px 0px;
4545 background-position: -4823px 0px;
4549 background-position: -4845px 0px;
4553 background-position: -4867px 0px;
4557 background-position: -4889px 0px;
4561 background-position: -4911px 0px;
4565 background-position: -4933px 0px;
4569 background-position: -4955px 0px;
4573 background-position: -4977px 0px;
4577 background-position: -4999px 0px;
4581 background-position: -5021px 0px;
4585 background-position: -5043px 0px;
4589 background-position: -5065px 0px;
4593 background-position: -5087px 0px;
4597 background-position: -5109px 0px;
4601 background-position: -5131px 0px;
4605 background-position: -5153px 0px;
4609 background-position: -5175px 0px;
4613 background-position: -5197px 0px;
4617 background-position: -5219px 0px;
4621 background-position: -5241px 0px;
4625 background-position: -5263px 0px;
4629 background-position: -5285px 0px;
4633 background-position: -5307px 0px;
4637 background-position: -5324px 0px;
4641 background-position: -5346px 0px;
4645 background-position: -5368px 0px;
4649 background-position: -5390px 0px;
4653 background-position: -5412px 0px;
4657 background-position: -5434px 0px;
4661 background-position: -5456px 0px;
4665 background-position: -5478px 0px;
4669 background-position: -5500px 0px;
4673 background-position: -5522px 0px;
4677 background-position: -5544px 0px;
4681 background-position: -5566px 0px;
4685 background-position: -5588px 0px;
4689 background-position: -5610px 0px;
4694 .roo-money-field .roo-money-currency {
4697 .roo-money-field .roo-money-amount {
4700 .roo-money-field .roo-money-currency-input {
4703 .roo-money-field .input-group-addon {
4704 background-color: transparent;
4709 .roo-money-field .roo-money-amount-input {
4710 border-top-left-radius: 0px;
4711 border-bottom-left-radius: 0px;
4714 .has-success .roo-money-currency .roo-select2-container .input-group-addon {
4715 border-color: #3c763d;
4716 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #3c763d;
4718 .has-warning .roo-money-currency .roo-select2-container .input-group-addon {
4719 border-color: #8a6d3b;
4720 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #8a6d3b;
4722 .has-error .roo-money-currency .roo-select2-container .input-group-addon {
4723 border-color: #a94442;
4724 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442;
4726 /*# sourceMappingURL=roojs-bootstrap-debug.css.map */