2 * Consider remove or merge these...
6 * This CSS file is auto generated. Please edit the .less instead!
21 -webkit-border-radius: 50%;
22 -moz-border-radius: 50%;
30 * FullCalendar v1.6.4 Stylesheet
31 * Docs & License: http://arshaw.com/fullcalendar/
34 * When taken - was MIT licence (18/Feb/2014)
40 font-family: Lucida Sans, Arial, sans-serif;
43 border-collapse: collapse;
54 -moz-user-select: -moz-none;
55 -khtml-user-select: none;
56 -webkit-user-select: none;
61 ------------------------------------------------------------------------*/
77 display: inline-block;
84 font-family: Lucida Sans, Arial, sans-serif;
89 .fc .fc-header-space {
92 .fc-header .fc-button {
96 /* buttons edges butting together */
97 .fc-header .fc-button {
100 .fc-header .fc-corner-right,
101 .fc-header .ui-corner-right {
106 /* button layering (for border precedence) */
107 .fc-header .fc-state-hover,
108 .fc-header .ui-state-hover {
111 .fc-header .fc-state-down {
114 .fc-header .fc-state-active,
115 .fc-header .ui-state-active {
119 ------------------------------------------------------------------------*/
123 /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
130 ------------------------------------------------------------------------*/
134 border: 1px solid #777777;
136 .fc-state-highlight {
137 /* <td> today cell */
138 /* TODO: add .fc-today to <th> */
142 /* semi-transparent rectangle while dragging */
145 filter: alpha(opacity=30);
149 ------------------------------------------------------------------------*/
152 display: inline-block;
164 .fc-state-default.fc-corner-left {
166 border-top-left-radius: 4px;
167 border-bottom-left-radius: 4px;
169 .fc-state-default.fc-corner-right {
171 border-top-right-radius: 4px;
172 border-bottom-right-radius: 4px;
175 Our default prev/next buttons use HTML entities like ‹ › « »
176 and we'll try to make them look good cross-browser.
181 font-family: "Courier New", Courier, monospace;
182 vertical-align: baseline;
185 .fc-button-prev .fc-text-arrow,
186 .fc-button-next .fc-text-arrow {
187 /* for ‹ › */
190 /* icon (for jquery ui) */
191 .fc-button .fc-icon-wrap {
196 .fc-button .ui-icon {
205 borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
208 background-color: #f5f5f5;
209 background-image: -moz-linear-gradient(top, #ffffff, #777777);
210 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777));
211 background-image: -webkit-linear-gradient(top, #ffffff, #777777);
212 background-image: -o-linear-gradient(top, #ffffff, #777777);
213 background-image: linear-gradient(to bottom, #ffffff, #777777);
214 background-repeat: repeat-x;
215 border-color: #777777 #777777 #777777;
216 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
224 background-color: #777777;
228 text-decoration: none;
229 background-position: 0 -15px;
230 -webkit-transition: background-position 0.1s linear;
231 -moz-transition: background-position 0.1s linear;
232 -o-transition: background-position 0.1s linear;
233 transition: background-position 0.1s linear;
237 background-color: #777777;
238 background-image: none;
240 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
244 background-image: none;
246 filter: alpha(opacity=65);
249 /* Global Event Styles
250 ------------------------------------------------------------------------*/
251 .fc-event-container > * {
254 .fc-event-container > .ui-draggable-dragging,
255 .fc-event-container > .ui-resizable-resizing {
259 border: 1px solid #337ab7;
260 background-color: #337ab7;
262 /* default TEXT color */
267 text-decoration: none;
270 .fc-event-draggable {
287 .fc .ui-resizable-handle {
292 /* hacky spaces (IE6/7) */
299 ------------------------------------------------------------------------*/
304 .fc-ltr .fc-event-hori.fc-event-start,
305 .fc-rtl .fc-event-hori.fc-event-end {
306 border-left-width: 1px;
307 border-top-left-radius: 3px;
308 border-bottom-left-radius: 3px;
310 .fc-ltr .fc-event-hori.fc-event-end,
311 .fc-rtl .fc-event-hori.fc-event-start {
312 border-right-width: 1px;
313 border-top-right-radius: 3px;
314 border-bottom-right-radius: 3px;
317 .fc-event-hori .ui-resizable-e {
319 /* importants override pre jquery ui 1.7 styles */
320 right: -3px !important;
321 width: 7px !important;
322 height: 100% !important;
325 .fc-event-hori .ui-resizable-w {
327 left: -3px !important;
328 width: 7px !important;
329 height: 100% !important;
332 .fc-event-hori .ui-resizable-handle {
333 _padding-bottom: 14px;
334 /* IE6 had 0 height */
336 /* Reusable Separate-border Table
337 ------------------------------------------------------------*/
338 table.fc-border-separate {
339 border-collapse: separate;
341 .fc-border-separate th,
342 .fc-border-separate td {
343 border-width: 1px 0 0 1px;
345 .fc-border-separate th.fc-last,
346 .fc-border-separate td.fc-last {
347 border-right-width: 1px;
349 .fc-border-separate tr.fc-last th,
350 .fc-border-separate tr.fc-last td {
351 border-bottom-width: 1px;
353 .fc-border-separate tbody tr.fc-first td,
354 .fc-border-separate tbody tr.fc-first th {
357 /* Month View, Basic Week View, Basic Day View
358 ------------------------------------------------------------------------*/
362 .fc .fc-week-number {
366 .fc .fc-week-number div {
369 .fc-grid .fc-day-number {
373 .fc-grid .fc-other-month .fc-day-number {
375 filter: alpha(opacity=30);
377 /* opacity with small font can sometimes look too faded
378 might want to set the 'color' property instead
379 making day-numbers bold also fixes the problem */
381 .fc-grid .fc-day-content {
383 padding: 2px 2px 1px;
384 /* distance between events and day edges */
387 .fc-grid .fc-event-time {
391 .fc-rtl .fc-grid .fc-day-number {
394 .fc-rtl .fc-grid .fc-event-time {
397 /* Agenda Week View, Agenda Day View
398 ------------------------------------------------------------------------*/
400 border-collapse: separate;
405 .fc-agenda .fc-agenda-axis {
408 vertical-align: middle;
413 .fc-agenda .fc-week-number {
416 .fc-agenda .fc-day-content {
417 padding: 2px 2px 1px;
419 /* make axis border take precedence */
420 .fc-agenda-days .fc-agenda-axis {
421 border-right-width: 1px;
423 .fc-agenda-days .fc-col0 {
424 border-left-width: 0;
427 .fc-agenda-allday th {
430 .fc-agenda-allday .fc-day-content {
432 /* TODO: doesnt work well in quirksmode */
435 /* divider (between all-day and slots) */
436 .fc-agenda-divider-inner {
440 .fc-widget-header .fc-agenda-divider-inner {
444 .fc-agenda-slots th {
445 border-width: 1px 1px 0;
447 .fc-agenda-slots td {
448 border-width: 1px 0 0;
451 .fc-agenda-slots td div {
454 .fc-agenda-slots tr.fc-slot0 th,
455 .fc-agenda-slots tr.fc-slot0 td {
458 .fc-agenda-slots tr.fc-minor th,
459 .fc-agenda-slots tr.fc-minor td {
460 border-top-style: dotted;
462 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
463 *border-top-style: solid;
464 /* doesn't work with background in IE6/7 */
467 ------------------------------------------------------------------------*/
471 .fc-event-vert.fc-event-start {
472 border-top-width: 1px;
473 border-top-left-radius: 3px;
474 border-top-right-radius: 3px;
476 .fc-event-vert.fc-event-end {
477 border-bottom-width: 1px;
478 border-bottom-left-radius: 3px;
479 border-bottom-right-radius: 3px;
481 .fc-event-vert .fc-event-time {
485 .fc-event-vert .fc-event-inner {
489 .fc-event-vert .fc-event-bg {
490 /* makes the event lighter w/ a semi-transparent overlay */
499 filter: alpha(opacity=25);
501 .fc .ui-draggable-dragging .fc-event-bg,
502 .fc-select-helper .fc-event-bg {
504 /* for IE6/7/8. nested opacity filters while dragging don't work */
507 .fc-event-vert .ui-resizable-s {
508 bottom: 0 !important;
509 /* importants override pre jquery ui 1.7 styles */
510 width: 100% !important;
511 height: 8px !important;
512 overflow: hidden !important;
513 line-height: 8px !important;
514 font-size: 11px !important;
515 font-family: monospace;
519 .fc-agenda .ui-resizable-resizing {
520 /* TODO: better selector */
533 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
537 -webkit-transition: opacity 0.2s ease-out;
538 -moz-transition: opacity 0.2s ease-out;
539 -o-transition: opacity 0.2s ease-out;
540 -ms-transition: opacity 0.2s ease-out;
541 -webkit-transform: translateZ(5px);
543 .carousel-bullets > .bullet {
545 position: relative !important;
546 background: rgba(0, 0, 0, 0.5) !important;
547 -webkit-border-radius: 10px;
549 -webkit-box-shadow: none;
550 -moz-box-shadow: none;
552 width: 6px !important;
553 height: 6px !important;
554 border: 5px solid rgba(0, 0, 0, 0) !important;
555 display: inline-block;
556 margin-right: 2px !important;
557 margin-bottom: 0px !important;
558 -webkit-transition: background-color 0.2s, border-color 0.2s;
559 -moz-transition: background-color 0.2s, border-color 0.2s;
560 -o-transition: background-color 0.2s, border-color 0.2s;
561 -ms-transition: background-color 0.2s, border-color 0.2s;
562 transition: background-color 0.2s, border-color 0.2s;
563 float: none !important;
564 box-sizing: content-box;
565 -moz-box-sizing: content-box;
566 -webkit-box-sizing: content-box;
568 .carousel-bullets > .bullet:hover,
569 .carousel-bullets > .bullet.selected {
570 -webkit-box-shadow: none;
571 -moz-box-shadow: none;
573 background: #ffffff !important;
574 width: 6px !important;
575 height: 6px !important;
576 border: 5px solid #000000 !important;
578 .carousel-inner > .carousel-arrow > .carousel-prev {
589 .carousel-inner > .carousel-arrow > .carousel-next {
600 .carousel-inner > .carousel-arrow > .carousel-prev > i,
601 .carousel-inner > .carousel-arrow > .carousel-next > i {
604 .carousel-inner .tab-pane.clickable {
609 * From https://github.com/flatlogic/awesome-bootstrap-checkbox
613 display: inline-block;
616 -webkit-touch-callout: none;
617 -webkit-user-select: none;
618 -khtml-user-select: none;
619 -moz-user-select: none;
620 -ms-user-select: none;
623 .checkbox label::before {
625 display: inline-block;
631 border: 1px solid #777777;
633 background-color: #ffffff;
634 -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
635 -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
636 transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
638 .checkbox label::after {
639 display: inline-block;
651 .checkbox input[type="checkbox"] {
654 .checkbox input[type="checkbox"]:checked + label::after {
655 font-family: 'FontAwesome';
658 .checkbox input[type="checkbox"]:disabled + label {
661 .checkbox input[type="checkbox"]:disabled + label::before {
662 background-color: #eeeeee;
665 .checkbox.checkbox-circle label::before {
668 .checkbox-primary input[type="checkbox"]:checked + label::before {
669 background-color: #337ab7;
670 border-color: #337ab7;
672 .checkbox-primary input[type="checkbox"]:checked + label::after {
675 .checkbox-danger input[type="checkbox"]:checked + label::before {
676 background-color: #d9534f;
677 border-color: #d9534f;
679 .checkbox-danger input[type="checkbox"]:checked + label::after {
682 .checkbox-info input[type="checkbox"]:checked + label::before {
683 background-color: #5bc0de;
684 border-color: #5bc0de;
686 .checkbox-info input[type="checkbox"]:checked + label::after {
689 .checkbox-warning input[type="checkbox"]:checked + label::before {
690 background-color: #f0ad4e;
691 border-color: #f0ad4e;
693 .checkbox-warning input[type="checkbox"]:checked + label::after {
696 .checkbox-success input[type="checkbox"]:checked + label::before {
697 background-color: #5cb85c;
698 border-color: #5cb85c;
700 .checkbox-success input[type="checkbox"]:checked + label::after {
703 /* before is the outer cicle */
704 /* after is the inner circle.. */
706 display: inline-block;
710 .radio label::before {
712 display: inline-block;
718 border: 1px solid #777777;
720 background-color: #ffffff;
721 -webkit-transition: border 0.15s ease-in-out;
722 -o-transition: border 0.15s ease-in-out;
723 transition: border 0.15s ease-in-out;
725 .radio label::after {
726 display: inline-block;
735 background-color: #ffffff;
736 -webkit-transform: scale(0, 0);
737 -ms-transform: scale(0, 0);
738 -o-transform: scale(0, 0);
739 transform: scale(0, 0);
740 -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
741 -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
742 -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
743 transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
745 .radio input[type="radio"] {
748 .radio input[type="radio"]:checked + label::after {
749 -webkit-transform: scale(1, 1);
750 -ms-transform: scale(1, 1);
751 -o-transform: scale(1, 1);
752 transform: scale(1, 1);
753 background-color: #555555;
755 .radio input[type="radio"]:disabled + label {
758 .radio input[type="radio"]:disabled + label::before {
761 .radio-primary input[type="radio"] + label::after {
762 background-color: #ffffff;
764 .radio-primary input[type="radio"]:checked + label::before {
765 border-color: #337ab7;
767 .radio-primary input[type="radio"]:checked + label::after {
768 background-color: #337ab7;
770 .radio-danger input[type="radio"] + label::after {
771 background-color: #d9534f;
773 .radio-danger input[type="radio"]:checked + label::before {
774 border-color: #d9534f;
776 .radio-danger input[type="radio"]:checked + label::after {
777 background-color: #d9534f;
779 .radio-info input[type="radio"] + label::after {
780 background-color: #ffffff;
782 .radio-info input[type="radio"]:checked + label::before {
783 border-color: #5bc0de;
785 .radio-info input[type="radio"]:checked + label::after {
786 background-color: #5bc0de;
788 .radio-warning input[type="radio"] + label::after {
789 background-color: #ffffff;
791 .radio-warning input[type="radio"]:checked + label::before {
792 border-color: #f0ad4e;
794 .radio-warning input[type="radio"]:checked + label::after {
795 background-color: #f0ad4e;
797 .radio-success input[type="radio"] + label::after {
798 background-color: #ffffff;
800 .radio-success input[type="radio"]:checked + label::before {
801 border-color: #5cb85c;
803 .radio-success input[type="radio"]:checked + label::after {
804 background-color: #5cb85c;
806 .checkbox.checkbox-inline,
807 .radio.radio-inline {
812 * From https://github.com/danielfarrell/bootstrap-combobox
815 .combobox-container {
818 display: inline-table;
820 .combobox-container:before,
821 .combobox-container:after {
825 .combobox-container:after {
828 .combobox-container input,
829 .combobox-container .uneditable-input {
830 -webkit-border-radius: 0 3px 3px 0;
831 -moz-border-radius: 0 3px 3px 0;
832 border-radius: 0 3px 3px 0;
834 .combobox-container input:focus,
835 .combobox-container .uneditable-input:focus {
839 .combobox-container .uneditable-input {
840 border-left-color: #777777;
842 .combobox-container .add-on {
844 display: inline-block;
847 height: inherit !important;
853 text-shadow: 0 1px 0 #ffffff;
854 background-color: #f5f5f5;
855 border: 1px solid #777777;
856 -webkit-border-radius: 3px 0 0 3px;
857 -moz-border-radius: 3px 0 0 3px;
858 border-radius: 3px 0 0 3px;
860 .combobox-container .active {
861 background-color: #337ab7;
864 .combobox-container input,
865 .combobox-container .uneditable-input {
867 -webkit-border-radius: 3px 0 0 3px;
868 -moz-border-radius: 3px 0 0 3px;
869 border-radius: 3px 0 0 3px;
871 .combobox-container .uneditable-input {
872 border-left-color: #eeeeee;
873 border-right-color: #777777;
875 .combobox-container .add-on {
878 -webkit-border-radius: 0 3px 3px 0;
879 -moz-border-radius: 0 3px 3px 0;
880 border-radius: 0 3px 3px 0;
882 .combobox-container input:first-child {
883 *margin-left: -160px;
885 .combobox-container input:first-child + .add-on {
888 .combobox-container select {
889 display: inline-block;
895 text-indent: -99999px;
898 .form-search .combobox-container,
899 .form-inline .combobox-container {
900 display: inline-block;
904 .form-search .combobox-container .add-on,
905 .form-inline .combobox-container .add-on {
906 vertical-align: middle;
908 .combobox-selected .combobox-clear {
909 display: inline-block;
911 .combobox-selected .caret {
921 filter: alpha(opacity=30);
923 .dropdown:hover .combobox-clear,
924 .open.dropdown .combobox-clear {
926 filter: alpha(opacity=100);
928 .btn .combobox-clear {
932 .btn:hover .combobox-clear,
933 .open.btn-group .combobox-clear {
935 filter: alpha(opacity=100);
941 .control-group.error .combobox-container .add-on {
943 border-color: #d9534f;
945 .control-group.error .combobox-container .caret {
946 border-top-color: #d9534f;
948 .control-group.warning .combobox-container .add-on {
950 border-color: #f0ad4e;
952 .control-group.warning .combobox-container .caret {
953 border-top-color: #f0ad4e;
955 .control-group.success .combobox-container .add-on {
957 border-color: #5cb85c;
959 .control-group.success .combobox-container .caret {
960 border-top-color: #5cb85c;
962 .btn .combobox-clear [class^="icon-"] {
965 .combobox-container .dropdown-menu {
968 border: 1px solid #337ab7;
971 .roo-select2-container .dropdown-menu {
972 border: 1px solid #337ab7;
974 .dropdown-menu .active {
978 .dropdown-menu .active label {
981 .dropdown-menu .roo-select2-result {
982 padding: 3px 7px 4px;
986 -webkit-touch-callout: none;
987 -webkit-user-select: none;
988 -moz-user-select: none;
989 -ms-user-select: none;
992 .roo-select2-container,
993 .roo-select2-choices .roo-select2-search-field {
996 .roo-select2-container .x-combo-noedit {
998 background-color: #ffffff;
1000 .roo-select2-container .x-combo-noedit[disabled] {
1001 cursor: not-allowed;
1002 background-color: #eeeeee;
1004 .roo-combobox-tickable .roo-select2-choices {
1006 background-image: none;
1008 .roo-combobox-tickable .roo-select2-result label {
1011 /* zindex of dialogs is 10000++ so dropdowns have to be higher... */
1013 z-index: 20002 !important;
1015 .dropdown-menu .checkbox label {
1018 .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
1022 .dropdown-menu .roo-select2-result .checkbox {
1026 .roo-select2-container .input-group-addon {
1028 border: 1px solid #cccccc;
1031 .roo-select2-container .roo-removable {
1034 .roo-select2-container .roo-removable .roo-combo-removable-btn {
1040 .roo-select2-container .has-feedback .roo-combo-removable-btn {
1047 .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
1054 .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
1062 .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
1068 .has-warning .roo-select2-container-multi {
1069 border: 1px solid #f0ad4e;
1075 * Datepicker for Bootstrap
1077 * Copyright 2012 Stefan Petre
1078 * Improvements by Andrew Rowls
1079 * Licensed under the Apache License v2.0
1080 * http://www.apache.org/licenses/LICENSE-2.0
1086 -webkit-border-radius: 4px;
1087 -moz-border-radius: 4px;
1092 border-top: 1px solid @gray-light !important;
1095 .datepicker-inline {
1098 .datepicker.datepicker-rtl {
1101 .datepicker.datepicker-rtl table tr td span {
1104 .datepicker-dropdown {
1108 /*.datepicker-dropdown:before {
1110 display: inline-block;
1111 border-left: 7px solid transparent;
1112 border-right: 7px solid transparent;
1113 border-bottom: 7px solid @gray-light;
1114 border-bottom-color: @black-opacity-20;
1119 .datepicker-dropdown:after {
1121 display: inline-block;
1122 border-left: 6px solid transparent;
1123 border-right: 6px solid transparent;
1124 border-bottom: 6px solid @body-bg;
1129 .datepicker-dropdown.bottom:before {
1131 display: inline-block;
1132 border-left: 7px solid transparent;
1133 border-right: 7px solid transparent;
1134 border-bottom: 7px solid #777777;
1135 border-bottom-color: rgba(0, 0, 0, 0.2);
1140 .datepicker-dropdown.bottom:after {
1142 display: inline-block;
1143 border-left: 6px solid transparent;
1144 border-right: 6px solid transparent;
1145 border-bottom: 6px solid #ffffff;
1150 .datepicker-dropdown.top:before {
1152 display: inline-block;
1153 border-left: 7px solid transparent;
1154 border-right: 7px solid transparent;
1155 border-top: 7px solid #777777;
1157 border-top-color: rgba(0, 0, 0, 0.2);
1162 .datepicker-dropdown.top:after {
1164 display: inline-block;
1165 border-left: 6px solid transparent;
1166 border-right: 6px solid transparent;
1167 border-top: 6px solid #ffffff;
1173 .datepicker-dropdown.bottom-right:before {
1175 display: inline-block;
1176 border-left: 7px solid transparent;
1177 border-right: 7px solid transparent;
1178 border-bottom: 7px solid #777777;
1179 border-bottom-color: rgba(0, 0, 0, 0.2);
1184 .datepicker-dropdown.bottom-right:after {
1186 display: inline-block;
1187 border-left: 6px solid transparent;
1188 border-right: 6px solid transparent;
1189 border-bottom: 6px solid #ffffff;
1194 .datepicker-dropdown.bottom-left:before {
1196 display: inline-block;
1197 border-left: 7px solid transparent;
1198 border-right: 7px solid transparent;
1199 border-bottom: 7px solid #777777;
1200 border-bottom-color: rgba(0, 0, 0, 0.2);
1205 .datepicker-dropdown.bottom-left:after {
1207 display: inline-block;
1208 border-left: 6px solid transparent;
1209 border-right: 6px solid transparent;
1210 border-bottom: 6px solid #ffffff;
1215 .datepicker-dropdown.top-right:before {
1217 display: inline-block;
1218 border-left: 7px solid transparent;
1219 border-right: 7px solid transparent;
1220 border-top: 7px solid #777777;
1221 border-top-color: rgba(0, 0, 0, 0.2);
1226 .datepicker-dropdown.top-right:after {
1228 display: inline-block;
1229 border-left: 6px solid transparent;
1230 border-right: 6px solid transparent;
1231 border-top: 6px solid #ffffff;
1236 .datepicker-dropdown.top-left:before {
1238 display: inline-block;
1239 border-left: 7px solid transparent;
1240 border-right: 7px solid transparent;
1241 border-top: 7px solid #777777;
1242 border-top-color: rgba(0, 0, 0, 0.2);
1247 .datepicker-dropdown.top-left:after {
1249 display: inline-block;
1250 border-left: 6px solid transparent;
1251 border-right: 6px solid transparent;
1252 border-top: 6px solid #ffffff;
1260 .datepicker.days div.datepicker-days {
1263 .datepicker.months div.datepicker-months {
1266 .datepicker.years div.datepicker-years {
1277 -webkit-border-radius: 4px;
1278 -moz-border-radius: 4px;
1282 .table-striped .datepicker table tr td,
1283 .table-striped .datepicker table tr th {
1284 background-color: transparent;
1286 .datepicker table tr td.day:hover {
1287 background: #eeeeee;
1290 .datepicker table tr td.old,
1291 .datepicker table tr td.new {
1294 .datepicker table tr td.disabled,
1295 .datepicker table tr td.disabled:hover {
1300 .datepicker table tr td.today,
1301 .datepicker table tr td.today:hover,
1302 .datepicker table tr td.today.disabled,
1303 .datepicker table tr td.today.disabled:hover {
1304 background-color: #f0ad4e;
1305 background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
1306 background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
1307 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
1308 background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
1309 background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
1310 background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
1311 background-repeat: repeat-x;
1312 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
1313 border-color: #f0ad4e #f0ad4e #f0ad4e;
1314 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1315 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1317 .datepicker table tr td.today:hover,
1318 .datepicker table tr td.today:hover:hover,
1319 .datepicker table tr td.today.disabled:hover,
1320 .datepicker table tr td.today.disabled:hover:hover,
1321 .datepicker table tr td.today:active,
1322 .datepicker table tr td.today:hover:active,
1323 .datepicker table tr td.today.disabled:active,
1324 .datepicker table tr td.today.disabled:hover:active,
1325 .datepicker table tr td.today.active,
1326 .datepicker table tr td.today:hover.active,
1327 .datepicker table tr td.today.disabled.active,
1328 .datepicker table tr td.today.disabled:hover.active,
1329 .datepicker table tr td.today.disabled,
1330 .datepicker table tr td.today:hover.disabled,
1331 .datepicker table tr td.today.disabled.disabled,
1332 .datepicker table tr td.today.disabled:hover.disabled,
1333 .datepicker table tr td.today[disabled],
1334 .datepicker table tr td.today:hover[disabled],
1335 .datepicker table tr td.today.disabled[disabled],
1336 .datepicker table tr td.today.disabled:hover[disabled] {
1337 background-color: #f0ad4e;
1339 .datepicker table tr td.today:active,
1340 .datepicker table tr td.today:hover:active,
1341 .datepicker table tr td.today.disabled:active,
1342 .datepicker table tr td.today.disabled:hover:active,
1343 .datepicker table tr td.today.active,
1344 .datepicker table tr td.today:hover.active,
1345 .datepicker table tr td.today.disabled.active,
1346 .datepicker table tr td.today.disabled:hover.active {
1347 background-color: #f0ad4e;
1349 .datepicker table tr td.active,
1350 .datepicker table tr td.active:hover,
1351 .datepicker table tr td.active.disabled,
1352 .datepicker table tr td.active.disabled:hover {
1353 background-color: #337ab7;
1354 background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1355 background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1356 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1357 background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1358 background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1359 background-image: linear-gradient(top, #3c87c8, #337ab7);
1360 background-repeat: repeat-x;
1361 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1362 border-color: #337ab7 #337ab7 #286090;
1363 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1364 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1366 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1368 .datepicker table tr td.active:hover,
1369 .datepicker table tr td.active:hover:hover,
1370 .datepicker table tr td.active.disabled:hover,
1371 .datepicker table tr td.active.disabled:hover:hover,
1372 .datepicker table tr td.active:active,
1373 .datepicker table tr td.active:hover:active,
1374 .datepicker table tr td.active.disabled:active,
1375 .datepicker table tr td.active.disabled:hover:active,
1376 .datepicker table tr td.active.active,
1377 .datepicker table tr td.active:hover.active,
1378 .datepicker table tr td.active.disabled.active,
1379 .datepicker table tr td.active.disabled:hover.active,
1380 .datepicker table tr td.active.disabled,
1381 .datepicker table tr td.active:hover.disabled,
1382 .datepicker table tr td.active.disabled.disabled,
1383 .datepicker table tr td.active.disabled:hover.disabled,
1384 .datepicker table tr td.active[disabled],
1385 .datepicker table tr td.active:hover[disabled],
1386 .datepicker table tr td.active.disabled[disabled],
1387 .datepicker table tr td.active.disabled:hover[disabled] {
1388 background-color: #337ab7;
1390 .datepicker table tr td.active:active,
1391 .datepicker table tr td.active:hover:active,
1392 .datepicker table tr td.active.disabled:active,
1393 .datepicker table tr td.active.disabled:hover:active,
1394 .datepicker table tr td.active.active,
1395 .datepicker table tr td.active:hover.active,
1396 .datepicker table tr td.active.disabled.active,
1397 .datepicker table tr td.active.disabled:hover.active {
1398 background-color: #286090;
1400 .datepicker table tr td span {
1408 -webkit-border-radius: 4px;
1409 -moz-border-radius: 4px;
1412 .datepicker table tr td span:hover {
1413 background: #eeeeee;
1415 .datepicker table tr td span.disabled,
1416 .datepicker table tr td span.disabled:hover {
1421 .datepicker table tr td span.active,
1422 .datepicker table tr td span.active:hover,
1423 .datepicker table tr td span.active.disabled,
1424 .datepicker table tr td span.active.disabled:hover {
1425 background-color: #337ab7;
1426 background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
1427 background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
1428 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
1429 background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
1430 background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
1431 background-image: linear-gradient(top, #3c87c8, #337ab7);
1432 background-repeat: repeat-x;
1433 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
1434 border-color: #337ab7 #337ab7 #286090;
1435 border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
1436 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1438 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
1440 .datepicker table tr td span.active:hover,
1441 .datepicker table tr td span.active:hover:hover,
1442 .datepicker table tr td span.active.disabled:hover,
1443 .datepicker table tr td span.active.disabled:hover:hover,
1444 .datepicker table tr td span.active:active,
1445 .datepicker table tr td span.active:hover:active,
1446 .datepicker table tr td span.active.disabled:active,
1447 .datepicker table tr td span.active.disabled:hover:active,
1448 .datepicker table tr td span.active.active,
1449 .datepicker table tr td span.active:hover.active,
1450 .datepicker table tr td span.active.disabled.active,
1451 .datepicker table tr td span.active.disabled:hover.active,
1452 .datepicker table tr td span.active.disabled,
1453 .datepicker table tr td span.active:hover.disabled,
1454 .datepicker table tr td span.active.disabled.disabled,
1455 .datepicker table tr td span.active.disabled:hover.disabled,
1456 .datepicker table tr td span.active[disabled],
1457 .datepicker table tr td span.active:hover[disabled],
1458 .datepicker table tr td span.active.disabled[disabled],
1459 .datepicker table tr td span.active.disabled:hover[disabled] {
1460 background-color: #337ab7;
1462 .datepicker table tr td span.active:active,
1463 .datepicker table tr td span.active:hover:active,
1464 .datepicker table tr td span.active.disabled:active,
1465 .datepicker table tr td span.active.disabled:hover:active,
1466 .datepicker table tr td span.active.active,
1467 .datepicker table tr td span.active:hover.active,
1468 .datepicker table tr td span.active.disabled.active,
1469 .datepicker table tr td span.active.disabled:hover.active {
1470 background-color: #286090;
1472 .datepicker table tr td span.old {
1475 .datepicker th.switch {
1478 .datepicker thead tr:first-child th,
1479 .datepicker tfoot tr:first-child th {
1482 .datepicker thead tr:first-child th:hover,
1483 .datepicker tfoot tr:first-child th:hover {
1484 background: #eeeeee;
1489 padding: 0 2px 0 5px;
1490 vertical-align: middle;
1492 .datepicker thead tr:first-child th.cw {
1494 background-color: transparent;
1496 .input-append.date .add-on i,
1497 .input-prepend.date .add-on i {
1503 .datepicker .datepicker-time td span {
1513 .datepicker .datepicker-time td span.timepicker-hour,
1514 .datepicker .datepicker-time td span.timepicker-minute {
1519 .roo-document-manager-selector {
1523 .roo-document-manager-uploader,
1524 .roo-document-manager-loading,
1525 .roo-document-manager-preview {
1534 .roo-document-manager-preview.wide {
1537 .roo-document-manager-thumb,
1538 .roo-document-manager-upload-btn {
1543 border: 1px solid #eeeeee;
1544 -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1545 -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1546 box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
1548 .roo-document-manager-thumb > i.fa,
1549 .roo-document-manager-upload-btn > i.fa {
1553 vertical-align: middle;
1557 .roo-document-manager-thumb > i.fa {
1560 .roo-document-manager-thumb > img {
1564 vertical-align: middle;
1566 .roo-document-manager-preview > .close {
1573 .roo-document-manager-preview > .close:hover {
1579 @media (min-width: 768px) {
1580 .roo-document-manager-uploader,
1581 .roo-document-manager-loading,
1582 .roo-document-manager-preview {
1586 .roo-document-manager-thumb,
1587 .roo-document-manager-upload-btn {
1592 .roo-document-manager-thumb > i.fa,
1593 .roo-document-manager-upload-btn > i.fa {
1600 @media (min-width: 992px) {
1601 .roo-document-manager-uploader,
1602 .roo-document-manager-loading,
1603 .roo-document-manager-preview {
1608 .roo-document-manager-preview.wide {
1609 width: 16.66666666%;
1611 .roo-document-manager-thumb,
1612 .roo-document-manager-upload-btn {
1617 .roo-document-manager-thumb > i.fa,
1618 .roo-document-manager-upload-btn > i.fa {
1625 @media (min-width: 1200px) {
1626 .roo-document-manager-uploader,
1627 .roo-document-manager-loading,
1628 .roo-document-manager-preview {
1633 .roo-document-manager-preview.wide {
1634 width: 16.66666666%;
1636 .roo-document-manager-thumb,
1637 .roo-document-manager-upload-btn {
1642 .roo-document-manager-thumb > i.fa,
1643 .roo-document-manager-upload-btn > i.fa {
1647 .document-slider-dialog .modal-body {
1650 .roo-document-slider-header {
1651 background-color: rgba(0, 0, 0, 0.5);
1653 .roo-document-slider-header .roo-document-slider-header-title {
1661 .roo-document-slider-body {
1662 background-color: #ffffff;
1668 .roo-document-slider-body .roo-document-slider-thumb {
1674 transform: translate(-50%, -50%);
1675 box-sizing: border-box;
1676 border: 1px solid #666666;
1677 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1679 vertical-align: middle;
1683 .roo-document-slider-body .roo-document-slider-image {
1686 .roo-document-slider-prev {
1694 .roo-document-slider-next {
1702 .roo-document-slider-prev > i,
1703 .roo-document-slider-next > i {
1706 transform: translateY(-50%);
1710 .document-viewer-dialog .modal-dialog {
1713 .document-viewer-dialog .modal-header,
1714 .document-viewer-dialog .modal-footer {
1716 padding-bottom: 5px;
1718 .document-viewer-dialog .modal-body {
1721 .roo-document-viewer-body {
1722 background-color: #ffffff;
1730 .roo-document-viewer-body .roo-document-viewer-thumb {
1736 transform: translate(-50%, -50%);
1737 box-sizing: border-box;
1738 border: 1px solid #666666;
1739 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
1741 vertical-align: middle;
1744 .roo-document-viewer-body .roo-document-viewer-image {
1747 .roo-document-viewer-btn-group button {
1748 background-color: #000000;
1750 border-color: #333333;
1752 .roo-document-viewer-btn-group > .btn-group:first-child > button {
1753 border-top-left-radius: 0;
1755 .roo-document-viewer-btn-group > .btn-group:last-child > button {
1756 border-top-right-radius: 0;
1758 .dropdown-submenu:hover > a,
1759 .dropdown-submenu:focus > a {
1761 text-decoration: none;
1762 background-color: #337ab7;
1763 background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
1764 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
1765 background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
1766 background-image: -o-linear-gradient(top, #337ab7, #3072ab);
1767 background-image: linear-gradient(to bottom, #337ab7, #3072ab);
1768 background-repeat: repeat-x;
1769 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
1774 .dropdown-submenu > .dropdown-menu {
1779 -webkit-border-radius: 0 6px 6px 6px;
1780 -moz-border-radius: 0 6px 6px 6px;
1781 border-radius: 0 6px 6px 6px;
1783 .dropdown-submenu:hover > .dropdown-menu {
1786 .dropup .dropdown-submenu > .dropdown-menu {
1790 margin-bottom: -2px;
1791 -webkit-border-radius: 5px 5px 5px 0;
1792 -moz-border-radius: 5px 5px 5px 0;
1793 border-radius: 5px 5px 5px 0;
1795 .dropup .dropdown-menu {
1796 -webkit-animation-name: inherit;
1798 .dropdown-submenu > a:after {
1804 margin-right: -10px;
1805 border-color: transparent;
1806 border-left-color: #777777;
1807 border-style: solid;
1808 border-width: 5px 0 5px 5px;
1811 .dropdown-submenu:hover > a:after {
1812 border-left-color: #ffffff;
1814 .dropdown-submenu.pull-left {
1815 float: none !important;
1817 .dropdown-submenu.pull-left > .dropdown-menu {
1820 -webkit-border-radius: 6px 0 6px 6px;
1821 -moz-border-radius: 6px 0 6px 6px;
1822 border-radius: 6px 0 6px 6px;
1824 .dropdown-button > i {
1827 li.dropdown-toggle i.glyphicon + span {
1830 li.dropdown-toggle span + i.glyphicon {
1833 li.dropdown-menu-item i.fa + span {
1836 li.dropdown-toggle button > i.glyphicon {
1837 margin: 3px 0 0 5px;
1839 div.input-group.has-feedback > .form-control-feedback {
1842 div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
1845 .roo-required-indicator {
1848 vertical-align: top;
1850 .roo-required-indicator.left-indicator {
1853 .roo-required-indicator.right-indicator {
1857 padding-right: .6em;
1859 border-radius: 10rem;
1861 .roo-layout-container {
1866 .roo-layout-inactive-content {
1872 .roo-layout-active-content {
1873 visibility: visible;
1874 /* padding: 10px; */
1878 /* overflow:hidden; -- menus inside of contains do not work with this */
1880 background-color:white;
1881 border:1px solid #98c0f4;
1884 .roo-layout-panel-east,
1885 .roo-layout-panel-west {
1888 .roo-layout-panel-north,
1889 .roo-layout-panel-south {
1893 .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
1897 .roo-layout-panel-body {
1902 .roo-layout-grid-wrapper{
1913 background-color: #f5f5f5;
1915 .roo-layout-split-south,
1916 .roo-layout-split-north {
1917 border-bottom: 1px solid #777777;
1919 .roo-layout-split-east,
1920 .roo-layout-split-west {
1921 border-right: 1px solid #777777;
1923 .roo-layout-panel-hd {
1926 .roo-layout-panel-hd.breadcrumb {
1929 .roo-layout-panel-hd-text {
1933 white-space: nowrap;
1935 .roo-layout-panel-hd-tools {
1945 .x-layout-tools-button{
1951 .x-layout-tools-button-over{
1953 border:1px solid #98c0f4;
1954 background-color:white;
1956 .x-layout-tools-button-inner{
1961 background-repeat:no-repeat;
1962 background-position:center;
1965 background-image:url(../images/default/layout/layout-sprite.gif);
1966 background-repeat: no-repeat;
1967 background-position: 50% -48px;
1969 .x-layout-collapse-west,.x-layout-expand-east{
1970 background-image:url(../images/default/layout/layout-sprite.gif);
1971 background-repeat: no-repeat;
1972 background-position: 50% 0;
1974 .x-layout-expand-west,.x-layout-collapse-east{
1975 background-image:url(../images/default/layout/layout-sprite.gif);
1976 background-repeat: no-repeat;
1977 background-position: 50% -12px;
1979 .x-layout-collapse-north,.x-layout-expand-south{
1980 background-image:url(../images/default/layout/layout-sprite.gif);
1981 background-repeat: no-repeat;
1982 background-position: 50% -24px;
1984 .x-layout-expand-north,.x-layout-collapse-south{
1985 background-image:url(../images/default/layout/layout-sprite.gif);
1986 background-repeat: no-repeat;
1987 background-position: 50% -36px;
1990 background-image:url(../images/default/sizer/e-handle.gif);
1991 background-position: left;
1995 background-image:url(../images/default/sizer/s-handle.gif);
1996 background-position: top;
1999 .x-layout-panel .x-tabs-wrap{
2000 background:url(../images/default/layout/gradient-bg.gif);
2003 .roo-layout-panel .roo-tabbody {
2004 background-color: #ffffff;
2008 .roo-layout-component-panel,
2009 .roo-layout-nested-layout {
2016 .roo-layout-nested-layout .roo-layout-panel {
2020 .x-layout-nested-layout .x-layout-panel-north {
2021 border-bottom:1px solid #98c0f4;
2023 .x-layout-nested-layout .x-layout-panel-south {
2024 border-top:1px solid #98c0f4;
2026 .x-layout-nested-layout .x-layout-panel-east {
2027 border-left:1px solid #98c0f4;
2029 .x-layout-nested-layout .x-layout-panel-west {
2030 border-right:1px solid #98c0f4;
2035 background-color: transparent;
2038 .x-layout-panel-dragover {
2039 border: 2px solid #6593cf;
2041 .x-layout-panel-proxy {
2042 background-image: url(../images/default/layout/gradient-bg.gif);
2043 background-color:#c3daf9;
2044 border:1px dashed #6593cf;
2058 -moz-user-select: none;
2059 -khtml-user-select: none;
2060 -webkit-user-select: none;
2063 /** --- split bar dragging ---*/
2064 .roo-splitbar-proxy {
2068 background: #777777;
2069 border: 1px solid #000000;
2073 .roo-splitbar-proxy-h {
2077 .roo-splitbar-proxy-v {
2081 .x-grid-resize-proxy
2087 border: 1px solid #000;
2096 .roo-layout-panel-body .navbar ul.nav-tabs {
2100 .roo-layout-panel-body .navbar {
2103 .roo-form-group-label-left::before,
2104 .roo-form-group-label-left::after {
2110 button.list-group-item {
2113 text-align: inherit;
2122 filter: alpha(opacity=50);
2123 background-color: #777777;
2131 /*border: 4px double #557; */
2132 background-color: #ffffff;
2134 background-image: url('../images/ux/lightbox/loading.gif');
2135 background-repeat: no-repeat;
2136 border: 10px solid white;
2137 border-radius: 20px;
2139 .roo-el-mask-msg div {
2140 font-family: 'Source Sans Pro', sans-serif;
2148 overflow: hidden !important;
2150 .x-body-masked select,
2163 filter: alpha(opacity=50);
2164 background-color: #777777;
2166 .masonary .masonry-bottom-title {
2167 background-color: transparent;
2169 .masonry-brick-link,
2172 text-decoration: none;
2175 .masonry-brick-paragraph,
2176 .roo-brick-paragraph {
2179 .masonry-brick .masonry-brick-paragraph {
2186 background-color: inherit;
2188 .masonry-center-title .masonry-brick-paragraph,
2189 .masonry-bottom-title .masonry-brick-paragraph,
2190 .roo-brick-center-title .roo-brick-paragraph,
2191 .roo-brick-bottom-title .roo-brick-paragraph {
2194 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
2195 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
2196 display: table-cell;
2197 vertical-align: middle;
2200 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
2201 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
2202 display: table-cell;
2203 vertical-align: bottom;
2206 .masonry-brick-image .masonry-brick-paragraph,
2207 .roo-brick-image .roo-brick-paragraph {
2210 .masonry-bottom-title .masonry-brick-paragraph {
2213 .masonry-brick-image-view {
2218 .masonry-brick-paragraph .masonry-brick-title,
2219 .roo-brick-paragraph .roo-brick-title {
2222 .roo-brick .roo-brick-paragraph {
2226 background-color: inherit;
2228 .roo-brick-image-view {
2233 a.roo-brick-link:focus,
2234 a.roo-brick-link:hover {
2235 text-decoration: none;
2238 .masonry-brick-split .masonry-brick-split-head,
2239 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
2242 .masonry-brick-split .masonry-brick-split-body {
2248 .enable-mask:hover .masonry-brick-mask {
2254 background-color: #000000;
2257 @media (min-width: 768px) {
2258 .mask-inverse .masonry-brick-paragraph {
2259 background: rgba(0, 0, 0, 0.5);
2261 .mask-inverse:hover .masonry-brick-paragraph {
2267 Created on : Apr 23, 2014, 11:24:28 AM
2270 Purpose of the stylesheet follows.
2286 .modal-md-12 .modal-dialog {
2290 .modal-md-11 .modal-dialog {
2291 width: 91.66666666666666%;
2294 .modal-md-10 .modal-dialog {
2295 width: 83.33333333333334%;
2298 .modal-md-9 .modal-dialog {
2302 .modal-md-8 .modal-dialog {
2303 width: 66.66666666666666%;
2306 .modal-md-7 .modal-dialog {
2307 width: 58.333333333333336%;
2310 .modal-md-6 .modal-dialog {
2314 .modal-md-5 .modal-dialog {
2315 width: 41.66666666666667%;
2318 .modal-md-4 .modal-dialog {
2319 width: 33.33333333333333%;
2322 .modal-md-3 .modal-dialog {
2326 .modal-md-2 .modal-dialog {
2327 width: 16.666666666666664%;
2330 .modal-md-1 .modal-dialog {
2331 width: 8.333333333333332%;
2335 this appears to break the layout on dialog buttons on mobile?
2336 @media (max-width: 568px) {
2337 .modal-footer .btn+.btn {
2343 .modal-body.roo-layout-container,
2344 .modal-body > .container {
2350 .modal-body > .container .col-xs-12 {
2353 @media (max-width: 768px) {
2354 .modal-body .col-md-12 {
2365 .roo-navigation-bar-group,
2366 .roo-navigation-top-bar,
2367 .roo-navigation-bullets-bar,
2368 .roo-navigation-bottom-bar {
2372 .roo-navigation-bar-text > span {
2373 text-transform: uppercase;
2375 display: inline-block;
2377 .roo-navigation-bar-text {
2385 .roo-navigation-bar {
2386 counter-reset: step;
2392 .roo-navigation-bar .roo-navigation-bar-item {
2393 list-style-type: none;
2395 text-transform: uppercase;
2400 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
2401 counter-increment: step;
2406 background: #337ab7;
2411 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
2412 content: counter(step);
2414 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
2418 background: #337ab7;
2423 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
2426 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2427 background: #ac2925;
2430 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
2431 background: #777777;
2433 cursor: not-allowed;
2435 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
2438 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
2439 font: normal normal normal 14px/1 FontAwesome;
2440 display: inline-block;
2442 @media (min-width: 768px) {
2443 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
2444 content: counter(step);
2447 @media (min-width: 992px) {
2448 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2449 .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
2450 content: counter(step);
2453 @media (min-width: 1200px) {
2454 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
2455 .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
2456 .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
2457 content: counter(step);
2462 margin-bottom: 20px;
2463 background: #ffffff;
2464 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
2466 .nav-tabs-custom > .nav-tabs {
2468 border-bottom-color: #777777;
2470 .nav-tabs-custom > .nav-tabs > li {
2471 border-top: 3px solid transparent;
2472 margin-bottom: -2px;
2475 .nav-tabs-custom > .nav-tabs > li > a {
2476 -webkit-border-radius: 0 !important;
2477 -moz-border-radius: 0 !important;
2478 border-radius: 0 !important;
2480 .nav-tabs-custom > .nav-tabs > li > a,
2481 .nav-tabs-custom > .nav-tabs > li > a:hover {
2482 background: transparent;
2485 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
2486 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
2487 .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
2488 border-color: transparent;
2490 .nav-tabs-custom > .nav-tabs > li.active {
2491 border-top-color: #337ab7;
2493 .nav-tabs-custom > .nav-tabs > li.active > a,
2494 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
2495 background-color: #ffffff;
2497 .nav-tabs-custom > .nav-tabs > li.active > a {
2499 border-left-color: #777777;
2500 border-right-color: #777777;
2502 .nav-tabs-custom > .nav-tabs > li:first-of-type {
2505 .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
2506 border-left-width: 0;
2508 .nav-tabs-custom > .nav-tabs.pull-right {
2509 float: none !important;
2511 .nav-tabs-custom > .nav-tabs.pull-right > li {
2514 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
2517 .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
2518 border-left-width: 1px;
2519 border-right-width: 0px;
2521 .nav-tabs-custom > .nav-tabs > li.header {
2529 .nav-tabs-custom > .nav-tabs > li.header > .fa,
2530 .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
2531 .nav-tabs-custom > .nav-tabs > li.header > .ion {
2534 .nav-tabs-custom > .tab-content {
2535 background: #ffffff;
2538 /* --- override it appears it's done un-reliably in JS normally.. */
2539 .tab-content > .tab-pane {
2542 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
2545 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2548 @media (max-width: 768px) {
2549 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
2553 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
2556 .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
2559 .tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
2562 /* for some reason it's -15px on BS */
2563 @media (min-width: 768px) {
2568 /* was -15 before, on mobile it made the buttons too close to the edit.. */
2576 background-color: #337ab7 !important;
2577 border: 10px solid black;
2583 float: right !important;
2585 .roo-radio-set:before,
2586 .roo-radio-set:after {
2591 .radio.checked label::after {
2592 -webkit-transform: scale(1, 1);
2593 -ms-transform: scale(1, 1);
2594 -o-transform: scale(1, 1);
2595 transform: scale(1, 1);
2596 background-color: #555555;
2598 .roo-radio-set.disabled .radio label {
2601 .roo-radio-set.disabled .radio label {
2602 cursor: not-allowed;
2604 .roo-radio-primary .radio label::after {
2605 background-color: #ffffff;
2607 .roo-radio-primary .radio.checked label::before {
2608 border-color: #337ab7;
2610 .roo-radio-primary .radio.checked label::after {
2611 background-color: #337ab7;
2613 .roo-radio-danger .radio label::after {
2614 background-color: #d9534f;
2616 .roo-radio-danger .radio.checked label::before {
2617 border-color: #d9534f;
2619 .roo-radio-danger .radio.checked label::after {
2620 background-color: #d9534f;
2622 .roo-radio-info .radio label::after {
2623 background-color: #ffffff;
2625 .roo-radio-info .radio.checked label::before {
2626 border-color: #5bc0de;
2628 .roo-radio-info .radio.checked label::after {
2629 background-color: #5bc0de;
2631 .roo-radio-warning .radio label::after {
2632 background-color: #ffffff;
2634 .roo-radio-warning .radio.checked label::before {
2635 border-color: #f0ad4e;
2637 .roo-radio-warning .radio.checked label::after {
2638 background-color: #f0ad4e;
2640 .roo-radio-success .radio label::after {
2641 background-color: #ffffff;
2643 .roo-radio-success .radio.checked label::before {
2644 border-color: #5cb85c;
2646 .roo-radio-success .radio.checked label::after {
2647 background-color: #5cb85c;
2649 .roo-radio-set.has-warning .roo-radio-set-items label,
2650 .roo-radio-set.has-warning .roo-radio-set-label {
2653 .roo-radio-set.has-error .roo-radio-set-items label,
2654 .roo-radio-set.has-error .roo-radio-set-label {
2657 .roo-radio-set.has-success .roo-radio-set-items label,
2658 .roo-radio-set.has-success .roo-radio-set-label {
2661 .roo-radio-set-inline .radio {
2663 display: inline-block;
2668 vertical-align: middle;
2671 .roo-radio-set-inline .radio + .radio {
2674 .roo-radio-set-label .roo-required-indicator.right-indicator {
2677 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
2682 .roo-form-error-popover.in {
2685 .roo-form-error-popover .tooltip-inner {
2689 .x-form-field-wrap .form-group {
2690 /* what is this doing here?? */
2693 .roo-password-meter-grey {
2694 background: #777777;
2695 margin-bottom: 30px;
2698 .roo-password-meter {
2701 .roo-password-meter-container {
2702 margin-bottom: 20px;
2704 .roo-password-meter-tooweak {
2705 background: #d9534f;
2708 .roo-password-meter-weak {
2709 background: #f0ad4e;
2712 .roo-password-meter-medium {
2713 background: #5bc0de;
2716 .roo-password-meter-strong {
2717 background: #5cb85c;
2720 .roo-password-meter-text {
2721 /* padding-bottom:5px; */
2722 margin-bottom: 30px;
2727 Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
2729 .roo-select2-container {
2732 /*display: inline-block;*/
2733 /* inline-block for ie7 */
2736 vertical-align: middle;
2738 .roo-select2-container,
2740 .roo-select2-search,
2741 .roo-select2-search input {
2743 Force border-box so that % widths fit the parent
2744 container without overlap because of margin/padding.
2745 More Info : http://www.quirksmode.org/css/box.html
2747 -webkit-box-sizing: border-box;
2749 -moz-box-sizing: border-box;
2751 box-sizing: border-box;
2754 .roo-select2-container .roo-select2-choice {
2760 border: 1px solid #777777;
2761 white-space: nowrap;
2764 text-decoration: none;
2766 background-clip: padding-box;
2767 -webkit-touch-callout: none;
2768 -webkit-user-select: none;
2769 -moz-user-select: none;
2770 -ms-user-select: none;
2772 background-color: #ffffff;
2773 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
2774 background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2775 background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
2776 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2777 background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
2779 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
2780 border-bottom-color: #777777;
2781 border-radius: 0 0 4px 4px;
2782 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
2783 background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2784 background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
2785 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
2786 background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
2788 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
2791 .roo-select2-container .roo-select2-choice > .roo-select2-chosen {
2795 white-space: nowrap;
2796 text-overflow: ellipsis;
2800 .roo-select2-container .roo-select2-choice abbr {
2808 text-decoration: none;
2810 background: url('../images/select2/select2.png') right top no-repeat;
2814 .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
2815 display: inline-block;
2817 .roo-select2-container .roo-select2-choice abbr:hover {
2818 background-position: right -11px;
2821 .roo-select2-drop-mask {
2834 /* styles required for IE to work */
2835 background-color: #ffffff;
2836 filter: alpha(opacity=0);
2844 background: #ffffff;
2846 border: 1px solid #777777;
2848 border-radius: 0 0 4px 4px;
2849 -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2850 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
2852 .roo-select2-drop.roo-select2-drop-above {
2854 border-top: 1px solid #777777;
2856 border-radius: 4px 4px 0 0;
2857 -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2858 box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
2860 .roo-select2-drop-active {
2861 border: 1px solid #337ab7;
2864 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
2865 border-top: 1px solid #337ab7;
2867 .roo-select2-drop-auto-width {
2868 border-top: 1px solid #777777;
2871 .roo-select2-drop-auto-width .roo-select2-search {
2874 .roo-select2-container .roo-select2-choice .roo-select2-arrow {
2875 display: inline-block;
2881 border-left: 1px solid #777777;
2882 border-radius: 0 4px 4px 0;
2883 background-clip: padding-box;
2884 background: #777777;
2885 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
2886 background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2887 background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
2888 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
2889 background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
2891 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
2895 background: url('../images/select2/select2.png') no-repeat 0 1px;
2897 .roo-select2-search {
2898 display: inline-block;
2906 white-space: nowrap;
2908 .roo-select2-search input {
2910 height: auto !important;
2912 padding: 4px 20px 4px 5px;
2915 font-family: sans-serif;
2917 border: 1px solid #777777;
2919 -webkit-box-shadow: none;
2921 background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
2922 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));
2923 background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2924 background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2925 background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2927 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
2930 .roo-select2-search input.roo-select2-active {
2931 background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
2932 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));
2933 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2934 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
2935 background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
2937 .roo-select2-container-active .roo-select2-choice,
2938 .roo-select2-container-active .roo-select2-choices {
2939 border: 1px solid #337ab7;
2941 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2942 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
2944 .roo-select2-dropdown-open .roo-select2-choice {
2945 border-bottom-color: transparent;
2946 -webkit-box-shadow: 0 1px 0 #ffffff inset;
2947 box-shadow: 0 1px 0 #ffffff inset;
2948 border-bottom-left-radius: 0;
2949 border-bottom-right-radius: 0;
2950 background-color: #eeeeee;
2951 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2952 background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2953 background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
2954 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2955 background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
2957 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
2958 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
2959 border: 1px solid #337ab7;
2960 border-top-color: transparent;
2961 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
2962 background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2963 background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
2964 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
2965 background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
2967 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
2968 background: transparent;
2972 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
2973 background-position: -18px 1px;
2975 .roo-select2-hidden-accessible {
2977 clip: rect(0 0 0 0);
2986 .roo-select2-results {
2989 margin: 4px 4px 4px 0;
2993 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2995 .roo-select2-results ul.roo-select2-result-sub {
2999 .roo-select2-results li {
3002 background-image: none;
3004 .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
3007 .roo-select2-results .roo-select2-result-label {
3008 padding: 3px 7px 4px;
3012 -webkit-touch-callout: none;
3013 -webkit-user-select: none;
3014 -moz-user-select: none;
3015 -ms-user-select: none;
3018 .roo-select2-results-dept-1 .roo-select2-result-label {
3021 .roo-select2-results-dept-2 .roo-select2-result-label {
3024 .roo-select2-results-dept-3 .roo-select2-result-label {
3027 .roo-select2-results-dept-4 .roo-select2-result-label {
3030 .roo-select2-results-dept-5 .roo-select2-result-label {
3031 padding-left: 100px;
3033 .roo-select2-results-dept-6 .roo-select2-result-label {
3034 padding-left: 110px;
3036 .roo-select2-results-dept-7 .roo-select2-result-label {
3037 padding-left: 120px;
3039 .roo-select2-results .roo-select2-highlighted {
3040 background: #337ab7;
3043 .roo-select2-results li em {
3044 background: #f0ad4e;
3047 .roo-select2-results .roo-select2-highlighted em {
3048 background: transparent;
3050 .roo-select2-results .roo-select2-highlighted ul {
3051 background: #ffffff;
3054 .roo-select2-results .roo-select2-no-results,
3055 .roo-select2-results .roo-select2-searching,
3056 .roo-select2-results .roo-select2-selection-limit {
3057 background: #777777;
3062 disabled look for disabled choices in the results dropdown
3064 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
3066 background: #777777;
3070 .roo-select2-results .roo-select2-disabled {
3071 background: #777777;
3075 .roo-select2-results .roo-select2-selected {
3078 .roo-select2-more-results.roo-select2-active {
3079 background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
3081 .roo-select2-more-results {
3082 background: #777777;
3085 /* disabled styles */
3086 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
3087 background-color: #777777;
3088 background-image: none;
3089 border: 1px solid #777777;
3092 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
3093 background-color: #777777;
3094 background-image: none;
3097 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
3101 .roo-select2-container-multi .roo-select2-choices {
3102 height: auto !important;
3106 /*position: relative;*/
3107 border: 1px solid #777777;
3110 background-color: #ffffff;
3111 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
3112 background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3113 background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
3114 background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
3116 .roo-select2-locked {
3117 padding: 3px 5px 3px 5px !important;
3119 .roo-select2-container-multi .roo-select2-choices {
3122 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
3123 border: 1px solid #337ab7;
3125 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3126 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3128 .roo-select2-container-multi .roo-select2-choices li {
3132 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
3135 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
3138 white-space: nowrap;
3140 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
3143 font-family: sans-serif;
3148 -webkit-box-shadow: none;
3150 background: transparent !important;
3152 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
3153 background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
3155 .roo-select2-default {
3156 color: #777777 !important;
3158 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3159 padding: 4px 7px 4px 16px;
3165 border: 1px solid #777777;
3167 -webkit-touch-callout: none;
3168 -webkit-user-select: none;
3169 -moz-user-select: none;
3170 -ms-user-select: none;
3173 html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
3177 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
3180 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
3181 background: #777777;
3183 .roo-select2-search-choice-close {
3193 /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
3195 .roo-select2-search-choice-close:hover {
3198 html[dir="rtl"] .roo-select2-search-choice-close {
3202 .roo-select2-container-multi .roo-select2-search-choice-close {
3205 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
3206 background-position: right -11px;
3208 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
3209 background-position: right -11px;
3211 /* disabled styles */
3212 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
3213 background-color: #777777;
3214 background-image: none;
3215 border: 1px solid #777777;
3218 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
3219 padding: 3px 5px 3px 5px;
3220 border: 1px solid #777777;
3221 background-image: none;
3222 background-color: #777777;
3224 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
3228 /* end multiselect */
3229 .roo-select2-result-selectable .roo-select2-match,
3230 .roo-select2-result-unselectable .roo-select2-match {
3231 text-decoration: underline;
3233 .roo-select2-offscreen,
3234 .roo-select2-offscreen:focus {
3235 clip: rect(0 0 0 0) !important;
3236 width: 1px !important;
3237 height: 1px !important;
3238 border: 0 !important;
3239 margin: 0 !important;
3240 padding: 0 !important;
3241 overflow: hidden !important;
3242 position: absolute !important;
3243 outline: 0 !important;
3244 left: 0px !important;
3245 top: 0px !important;
3247 .roo-select2-display-none {
3250 .roo-select2-measure-scrollbar {
3258 /* Retina-ize icons */
3259 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
3260 .roo-select2-search input,
3261 .roo-select2-search-choice-close,
3262 .roo-select2-container .roo-select2-choice abbr,
3263 .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
3264 background-image: url('../images/select2/select2x2.png') !important;
3265 background-repeat: no-repeat !important;
3266 background-size: 60px 40px !important;
3268 .roo-select2-search input {
3269 background-position: 100% -21px !important;
3272 .has-error .roo-select2-choices {
3273 border-color: #d9534f;
3274 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3275 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
3277 .dropdown-menu .roo-select2-result.disabled {
3278 background-color: #eeeeee;
3280 cursor: not-allowed;
3285 /* override boostrap a:hover */
3287 text-decoration: none;
3289 .sidebar .sidebar-menu {
3295 .sidebar .sidebar-menu > li,
3296 .sidebar .sidebar-menu li.active li.treeview-menu {
3299 border-bottom: 1px solid #777777;
3300 background-color: #eeeeee;
3302 /* active child menu - white BG */
3303 .sidebar .sidebar-menu li.active li.treeview-menu {
3304 background-color: #777777;
3306 .sidebar .sidebar-menu > li > a,
3307 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3308 padding: 12px 5px 12px 15px;
3312 .sidebar .sidebar-menu > li > a > .fa,
3313 .sidebar .sidebar-menu > li > a > .glyphicon,
3314 .sidebar .sidebar-menu > li > a > .ion {
3317 .sidebar .sidebar-menu li:hover,
3318 .sidebar .sidebar-menu li:focus,
3319 .sidebar .sidebar-menu li:active,
3320 .sidebar .sidebar-menu li.active li.treeview-menu:hover,
3321 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
3322 .sidebar .sidebar-menu li.active li.treeview-menu:active {
3323 background-color: #ffffff;
3325 .sidebar .sidebar-menu li:hover a,
3326 .sidebar .sidebar-menu li:focus a,
3327 .sidebar .sidebar-menu li:active a,
3328 .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
3329 .sidebar .sidebar-menu li.open li.treeview-menu a:focus,
3330 .sidebar .sidebar-menu li.open li.treeview-menu a:active {
3332 text-decoration: none;
3335 .sidebar .sidebar-menu li.active {
3337 background-color: #337ab7;
3338 border-color: #286090;
3340 .sidebar .sidebar-menu li.active:hover,
3341 .sidebar .sidebar-menu li.active:focus,
3342 .sidebar .sidebar-menu li.active.focus {
3344 background-color: #337ab7;
3345 border-color: #286090;
3347 .sidebar .sidebar-menu li.active a {
3350 .sidebar .sidebar-menu li.disabled {
3352 background-color: #ffffff;
3353 border-color: #333333;
3355 .sidebar .sidebar-menu li.disabled a {
3359 .sidebar .sidebar-menu li.danger,
3360 .sidebar .sidebar-menu li.danger.active {
3362 background-color: #d9534f;
3363 border-color: #e27c79;
3365 .sidebar .sidebar-menu li.danger:hover,
3366 .sidebar .sidebar-menu li.danger:focus,
3367 .sidebar .sidebar-menu li.danger.active:focus {
3369 background-color: #d9534f;
3370 border-color: #c9302c;
3371 border-bottom: 1px solid #c9302c;
3373 .sidebar .sidebar-menu li.danger a,
3374 .sidebar .sidebar-menu li.danger.active a {
3378 .sidebar .sidebar-menu li.open ul {
3381 .sidebar .sidebar-menu li.open .treeview-menu {
3384 /* --- treeview menu */
3385 .sidebar .sidebar-menu .treeview-menu {
3391 .sidebar .sidebar-menu .treeview-menu > li {
3394 .sidebar .sidebar-menu li.open li.treeview-menu > a {
3395 padding: 5px 5px 5px 20px;
3400 .sidebar .sidebar-menu .treeview-menu > li > a > .fa,
3401 .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
3402 .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
3405 /* background to highlighted treeview node
3406 .sidebar .sidebar-menu li li.treeview-menu.active {
3410 .sidebar .sidebar-menu li li.treeview-menu.active > a {
3413 /* active sidebard... */
3415 background-color: #777777;
3419 background-color: #337ab7;
3423 background-color: #5cb85c;
3427 background-color: #5bc0de;
3431 background-color: #f0ad4e;
3435 background-color: #d9534f;
3438 .sidebar .sidebar-menu > li.active .badge-info {
3439 background-color: #ffffff;
3443 /* Sticky footer styles
3444 -------------------------------------------------- */
3445 html.bootstrap-sticky {
3449 html.bootstrap-sticky body {
3450 /* Margin bottom by footer height */
3451 margin-bottom: 60px;
3453 .bootstrap-sticky-footer {
3457 /* Set the fixed height of the footer here */
3459 background-color: #f5f5f5;
3461 /* Lastly, apply responsive CSS fixes as necessary */
3462 @media (max-width: 767px) {
3463 .bootstrap-sticky-footer {
3465 margin-right: -20px;
3467 padding-right: 20px;
3470 /* paging toolbar */
3471 .pagination .x-paging-position span {
3473 padding-bottom: 3px;
3475 .pagination .x-paging-position span input {
3478 .navbar .pagination > li > span {
3481 .navbar .pagination {
3484 /* these are technicall adminlte related */
3485 .skin-blue .navbar .pagination > li > a:active,
3486 .skin-blue .navbar .pagination > li > a:focus,
3487 .skin-blue .navbar .pagination > li > a {
3488 background-color: #337ab7;
3490 .skin-blue .navbar .pagination > li > a:hover {
3491 background-color: #777777;
3493 .skin-blue table .navbar {
3494 background-color: #ffffff;
3496 .skin-blue .navbar .pagination > li.disabled > a {
3497 background-color: #777777;
3499 .skin-blue table .navbar {
3506 .table-body-fixed tbody {
3510 .table-body-fixed thead,
3511 .table-body-fixed tbody,
3512 .table-body-fixed th {
3515 .table-body-fixed thead {
3518 .table-body-fixed tbody td,
3519 .table-body-fixed thead > tr > th {
3521 border-bottom-width: 0;
3523 /* fake infinate widt.. */
3524 .table-body-fixed thead > tr,
3525 .table-body-fixed tbody > tr {
3529 /* standard bootstrap does not colour rows very well.. */
3530 .table > tbody > tr.info {
3531 background-color: #d9edf7;
3533 .table-hover > tbody > tr.info:hover {
3534 background-color: #c4e3f3;
3536 .table tfoot .navbar {
3537 min-height: inherit;
3539 /* for ie11 && edge: fixing height inheriting from tbody to tr */
3540 .roo-ie11 table.table tbody tr,
3541 .roo-edge table.table tbody tr {
3546 background: #777777;
3547 border-bottom: 1px solid #eeeeee;
3550 @media (min-width: 980px) {
3551 .top-bar .collapse {
3552 display: block !important;
3553 visibility: visible !important;
3554 height: auto !important;
3555 overflow: visible !important;
3559 @media (min-width: 768px) and (max-width: 979px) {
3572 .footer .social li:last-child,
3574 margin-right: 0 !important;
3576 .header .social li:first-child {
3577 border-left: 1px solid #777777;
3580 .footer .social li {
3581 border-right: 1px solid #777777;
3582 display: table-cell;
3583 vertical-align: middle;
3588 -webkit-transition: background 0.5s ease-in-out;
3589 -moz-transition: background 0.5s ease-in-out;
3590 -o-transition: background 0.5s ease-in-out;
3591 -ms-transition: background 0.5s ease-in-out;
3592 transition: background 0.5s ease-in-out;
3599 -webkit-transition: color 0.5s ease-in-out;
3600 -moz-transition: color 0.5s ease-in-out;
3601 -o-transition: color 0.5s ease-in-out;
3602 -ms-transition: color 0.5s ease-in-out;
3603 transition: color 0.5s ease-in-out;
3605 .header .social li:hover a i,
3606 .footer .social li:hover a i {
3609 .team .item .team-member-links a.facebook:hover,
3610 .member-social.dark a.facebook:hover,
3611 .header .social li.facebook:hover,
3612 .footer .social li.facebook:hover {
3613 background: #337ab7;
3615 .team .item .team-member-links a.dribbble:hover,
3616 .member-social.dark a.dribbble:hover,
3617 .header .social li.dribbble:hover,
3618 .footer .social li.dribbble:hover {
3619 background: #f0ad4e;
3621 .team .item .team-member-links a.twitter:hover,
3622 .member-social.dark a.twitter:hover,
3623 .header .social li.twitter:hover,
3624 .footer .social li.twitter:hover {
3625 background: #337ab7;
3627 .team .item .team-member-links a.gplus:hover,
3628 .member-social.dark a.gplus:hover,
3629 .header .social li.gplus:hover,
3630 .footer .social li.gplus:hover {
3631 background: #d9534f;
3633 .team .item .team-member-links a.linkedin:hover,
3634 .member-social.dark a.linkedin:hover,
3635 .header .social li.linkedin:hover,
3636 .footer .social li.linkedin:hover {
3637 background: #337ab7;
3639 .team .item .team-member-links a.pinterest:hover,
3640 .member-social.dark a.pinterest:hover,
3641 .header .social li.pinterest:hover,
3642 .footer .social li.pinterest:hover {
3643 background: #d9534f;
3645 .header .social li.rss:hover,
3646 .footer .social li.rss:hover {
3647 background: #f0ad4e;
3649 .top-bar .languages {
3652 .top-bar .languages a {
3655 font-family: "Open Sans", Helvetica, Arial, sans-serif;
3661 * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
3663 .navbar-left .input-group[class*="col-"] {
3668 text-overflow: ellipsis;
3669 display: -webkit-box;
3670 -webkit-line-clamp: 3;
3671 -webkit-box-orient: vertical;
3673 .sw-child-headline {
3674 display: inline-block;
3679 display: inline-block;
3686 /* needed as menu ontop of form does not work */
3687 .input-group .form-control {
3690 /* admin-lte - messes with checkbox and radio.. */
3693 padding-left: 15px !important;
3695 /* inside a column it needs even more padding...*/
3697 * It breaks all the checkbox layout. comment it first...
3699 /*.column .checkbox,
3701 padding-left: 25px !important;
3703 /* paging toolbar */
3704 .pagination .x-paging-position span {
3706 padding-bottom: 3px;
3708 .pagination .x-paging-position span input {
3711 .panel-header-right {
3716 background-color: #d9534f;
3718 .badge-error:hover {
3719 background-color: #c9302c;
3722 background-color: #f0ad4e;
3724 .badge-warning:hover {
3725 background-color: #ec971f;
3728 background-color: #5cb85c;
3730 .badge-success:hover {
3731 background-color: #449d44;
3734 background-color: #5bc0de;
3737 background-color: #31b0d5;
3740 background-color: #333333;
3742 .badge-inverse:hover {
3743 background-color: #222222;
3748 .roo-upload-cropbox-selector {
3752 .roo-upload-cropbox-dialog .modal-header,
3753 .roo-upload-cropbox-dialog .modal-footer {
3755 padding-bottom: 5px;
3757 .roo-upload-cropbox-body {
3758 background-color: #ffffff;
3759 border: 1px solid #777777;
3767 .roo-upload-cropbox-preview {
3776 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
3780 transform: translate(-50%, -50%);*/
3781 box-sizing: border-box;
3782 border: 1px solid #777777;
3783 box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
3784 background: none repeat scroll 0% 0% transparent;
3786 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
3788 background-color: rgba(0, 0, 0, 0.5);
3796 .roo-upload-cropbox-btn-group button {
3797 background-color: #000000;
3799 border-color: #333333;
3801 .roo-upload-cropbox-error-notify {
3804 padding: 0px !important;
3805 margin: 0px !important;
3810 /*# sourceMappingURL=roojs-bootstrap-debug.css.map */