-
-/* -- alert.css ---- */
-/* -- this makes the icons for the alert boxes a round box.. */
-
+/*
+* Consider remove or merge these...
+*/
+/*
+ * CAUTION!
+ * This CSS file is auto generated. Please edit the .less instead!
+ */
.alert {
padding-left: 30px;
margin-top: 20px;
background: inherit;
border: inherit;
}
-/* -- calendar.css ---- */
/*!
* FullCalendar v1.6.4 Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
*
* When taken - was MIT licence (18/Feb/2014)
*/
-
-
.fc {
- direction: ltr;
- text-align: left;
- margin: 0;
-
- font-family: Lucida Sans,Arial,sans-serif;
-
-
-
- }
-
+ direction: ltr;
+ text-align: left;
+ margin: 0;
+ font-family: Lucida Sans, Arial, sans-serif;
+}
.fc table {
- border-collapse: collapse;
- border-spacing: 0;
- }
-
+ border-collapse: collapse;
+ border-spacing: 0;
+}
html .fc,
.fc table {
- font-size: 1em;
- }
-
+ font-size: 1em;
+}
.fc td,
.fc th {
- padding: 0;
- vertical-align: top;
- -moz-user-select: -moz-none;
- -khtml-user-select: none;
- -webkit-user-select: none;
- -o-user-select: none;
- user-select: none;
- }
-
-
-
+ padding: 0;
+ vertical-align: top;
+ -moz-user-select: -moz-none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+}
/* Header
------------------------------------------------------------------------*/
-
.fc-header td {
- white-space: nowrap;
- }
-
+ white-space: nowrap;
+}
.fc-header-left {
- width: 25%;
- text-align: left;
- }
-
+ width: 25%;
+ text-align: left;
+}
.fc-header-center {
- text-align: center;
- }
-
+ text-align: center;
+}
.fc-header-right {
- width: 25%;
- text-align: right;
- }
-
+ width: 25%;
+ text-align: right;
+}
.fc-header-title {
- display: inline-block;
- vertical-align: top;
- }
-
+ display: inline-block;
+ vertical-align: top;
+}
.fc-header-title h2 {
- margin-top: 0;
- white-space: nowrap;
- font-size: 1.5em;
- font-family: Lucida Sans,Arial,sans-serif;
- font-weight: bold;
- line-height: normal;;
- margin:0;
- }
-
+ margin-top: 0;
+ white-space: nowrap;
+ font-size: 1.5em;
+ font-family: Lucida Sans, Arial, sans-serif;
+ font-weight: bold;
+ line-height: normal;
+ margin: 0;
+}
.fc .fc-header-space {
- padding-left: 10px;
- }
-
+ padding-left: 10px;
+}
.fc-header .fc-button {
- margin-bottom: 1em;
- vertical-align: top;
- }
-
+ margin-bottom: 1em;
+ vertical-align: top;
+}
/* buttons edges butting together */
-
.fc-header .fc-button {
- margin-right: -1px;
- }
-
-.fc-header .fc-corner-right, /* non-theme */
-.fc-header .ui-corner-right { /* theme */
- margin-right: 0; /* back to normal */
- }
-
+ margin-right: -1px;
+}
+.fc-header .fc-corner-right,
+.fc-header .ui-corner-right {
+ /* theme */
+ margin-right: 0;
+ /* back to normal */
+}
/* button layering (for border precedence) */
-
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
- z-index: 2;
- }
-
+ z-index: 2;
+}
.fc-header .fc-state-down {
- z-index: 3;
- }
-
+ z-index: 3;
+}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
- z-index: 4;
- }
-
-
-
+ z-index: 4;
+}
/* Content
------------------------------------------------------------------------*/
-
.fc-content {
- clear: both;
- zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
- }
-
+ clear: both;
+ zoom: 1;
+ /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
+}
.fc-view {
- width: 100%;
- overflow: hidden;
- }
-
-
-
+ width: 100%;
+ overflow: hidden;
+}
/* Cell Styles
------------------------------------------------------------------------*/
-
-.fc-widget-header, /* <th>, usually */
-.fc-widget-content { /* <td>, usually */
- border: 1px solid #ddd;
- }
-
-.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
- background: #fcf8e3;
- }
-
-.fc-cell-overlay { /* semi-transparent rectangle while dragging */
- background: #bce8f1;
- opacity: .3;
- filter: alpha(opacity=30); /* for IE */
- }
-
-
-
+.fc-widget-header,
+.fc-widget-content {
+ /* <td>, usually */
+ border: 1px solid #777777;
+}
+.fc-state-highlight {
+ /* <td> today cell */
+ /* TODO: add .fc-today to <th> */
+ background: #f0ad4e;
+}
+.fc-cell-overlay {
+ /* semi-transparent rectangle while dragging */
+ background: #5bc0de;
+ opacity: .3;
+ filter: alpha(opacity=30);
+ /* for IE */
+}
/* Buttons
------------------------------------------------------------------------*/
-
.fc-button {
- position: relative;
- display: inline-block;
- padding: 0 .6em;
- overflow: hidden;
- height: 1.9em;
- line-height: 1.9em;
- white-space: nowrap;
- cursor: pointer;
- }
-
-.fc-state-default { /* non-theme */
- border: 1px solid;
- }
-
-.fc-state-default.fc-corner-left { /* non-theme */
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
-.fc-state-default.fc-corner-right { /* non-theme */
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
+ position: relative;
+ display: inline-block;
+ padding: 0 .6em;
+ overflow: hidden;
+ height: 1.9em;
+ line-height: 1.9em;
+ white-space: nowrap;
+ cursor: pointer;
+}
+.fc-state-default {
+ /* non-theme */
+ border: 1px solid;
+}
+.fc-state-default.fc-corner-left {
+ /* non-theme */
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.fc-state-default.fc-corner-right {
+ /* non-theme */
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
/*
- Our default prev/next buttons use HTML entities like ‹ › « »
- and we'll try to make them look good cross-browser.
+ Our default prev/next buttons use HTML entities like ‹ › « »
+ and we'll try to make them look good cross-browser.
*/
-
.fc-text-arrow {
- margin: 0 .1em;
- font-size: 2em;
- font-family: "Courier New", Courier, monospace;
- vertical-align: baseline; /* for IE7 */
- }
-
+ margin: 0 .1em;
+ font-size: 2em;
+ font-family: "Courier New", Courier, monospace;
+ vertical-align: baseline;
+ /* for IE7 */
+}
.fc-button-prev .fc-text-arrow,
-.fc-button-next .fc-text-arrow { /* for ‹ › */
- font-weight: bold;
- }
-
+.fc-button-next .fc-text-arrow {
+ /* for ‹ › */
+ font-weight: bold;
+}
/* icon (for jquery ui) */
-
.fc-button .fc-icon-wrap {
- position: relative;
- float: left;
- top: 50%;
- }
-
+ position: relative;
+ float: left;
+ top: 50%;
+}
.fc-button .ui-icon {
- position: relative;
- float: left;
- margin-top: -50%;
- *margin-top: 0;
- *top: -50%;
- }
-
+ position: relative;
+ float: left;
+ margin-top: -50%;
+ *margin-top: 0;
+ *top: -50%;
+}
/*
button states
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
-
.fc-state-default {
- background-color: #f5f5f5;
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
- background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
- background-repeat: repeat-x;
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- color: #333;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- }
-
+ background-color: #f5f5f5;
+ background-image: -moz-linear-gradient(top, #ffffff, #777777);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777));
+ background-image: -webkit-linear-gradient(top, #ffffff, #777777);
+ background-image: -o-linear-gradient(top, #ffffff, #777777);
+ background-image: linear-gradient(to bottom, #ffffff, #777777);
+ background-repeat: repeat-x;
+ border-color: #777777 #777777 #777777;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
+ color: #333333;
+}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
- color: #333333;
- background-color: #e6e6e6;
- }
-
+ color: #333333;
+ background-color: #777777;
+}
.fc-state-hover {
- color: #333333;
- text-decoration: none;
- background-position: 0 -15px;
- -webkit-transition: background-position 0.1s linear;
- -moz-transition: background-position 0.1s linear;
- -o-transition: background-position 0.1s linear;
- transition: background-position 0.1s linear;
- }
-
+ color: #333333;
+ text-decoration: none;
+ background-position: 0 -15px;
+ -webkit-transition: background-position 0.1s linear;
+ -moz-transition: background-position 0.1s linear;
+ -o-transition: background-position 0.1s linear;
+ transition: background-position 0.1s linear;
+}
.fc-state-down,
.fc-state-active {
- background-color: #cccccc;
- background-image: none;
- outline: 0;
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
- }
-
+ background-color: #777777;
+ background-image: none;
+ outline: 0;
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
+}
.fc-state-disabled {
- cursor: default;
- background-image: none;
- opacity: 0.65;
- filter: alpha(opacity=65);
- box-shadow: none;
- }
-
-
-
+ cursor: default;
+ background-image: none;
+ opacity: 0.65;
+ filter: alpha(opacity=65);
+ box-shadow: none;
+}
/* Global Event Styles
------------------------------------------------------------------------*/
-
.fc-event-container > * {
- z-index: 8;
- }
-
+ z-index: 8;
+}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
- z-index: 9;
- }
-
+ z-index: 9;
+}
.fc-event {
- border: 1px solid #3a87ad; /* default BORDER color */
- background-color: #3a87ad; /* default BACKGROUND color */
- color: #fff; /* default TEXT color */
- font-size: .85em;
- cursor: default;
- }
-
+ border: 1px solid #337ab7;
+ background-color: #337ab7;
+ color: #ffffff;
+ /* default TEXT color */
+ font-size: .85em;
+ cursor: default;
+}
a.fc-event {
- text-decoration: none;
- }
-
+ text-decoration: none;
+}
a.fc-event,
.fc-event-draggable {
- cursor: pointer;
- }
-
+ cursor: pointer;
+}
.fc-rtl .fc-event {
- text-align: right;
- }
-
+ text-align: right;
+}
.fc-event-inner {
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
-
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
.fc-event-time,
.fc-event-title {
- padding: 0 1px;
- overflow: hidden;
- white-space: nowrap;
- }
-
+ padding: 0 1px;
+ overflow: hidden;
+ white-space: nowrap;
+}
.fc .ui-resizable-handle {
- display: block;
- position: absolute;
- z-index: 99999;
- overflow: hidden; /* hacky spaces (IE6/7) */
- font-size: 300%; /* */
- line-height: 50%; /* */
- }
-
-
-
+ display: block;
+ position: absolute;
+ z-index: 99999;
+ overflow: hidden;
+ /* hacky spaces (IE6/7) */
+ font-size: 300%;
+ /* */
+ line-height: 50%;
+ /* */
+}
/* Horizontal Events
------------------------------------------------------------------------*/
-
.fc-event-hori {
- border-width: 1px 0;
- margin-bottom: 1px;
- }
-
+ border-width: 1px 0;
+ margin-bottom: 1px;
+}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
- border-left-width: 1px;
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
+ border-left-width: 1px;
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
- border-right-width: 1px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
+ border-right-width: 1px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
/* resizable */
-
.fc-event-hori .ui-resizable-e {
- top: 0 !important; /* importants override pre jquery ui 1.7 styles */
- right: -3px !important;
- width: 7px !important;
- height: 100% !important;
- cursor: e-resize;
- }
-
+ top: 0 !important;
+ /* importants override pre jquery ui 1.7 styles */
+ right: -3px !important;
+ width: 7px !important;
+ height: 100% !important;
+ cursor: e-resize;
+}
.fc-event-hori .ui-resizable-w {
- top: 0 !important;
- left: -3px !important;
- width: 7px !important;
- height: 100% !important;
- cursor: w-resize;
- }
-
+ top: 0 !important;
+ left: -3px !important;
+ width: 7px !important;
+ height: 100% !important;
+ cursor: w-resize;
+}
.fc-event-hori .ui-resizable-handle {
- _padding-bottom: 14px; /* IE6 had 0 height */
- }
-
-
-
+ _padding-bottom: 14px;
+ /* IE6 had 0 height */
+}
/* Reusable Separate-border Table
------------------------------------------------------------*/
-
table.fc-border-separate {
- border-collapse: separate;
- }
-
+ border-collapse: separate;
+}
.fc-border-separate th,
.fc-border-separate td {
- border-width: 1px 0 0 1px;
- }
-
+ border-width: 1px 0 0 1px;
+}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
- border-right-width: 1px;
- }
-
+ border-right-width: 1px;
+}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
- border-bottom-width: 1px;
- }
-
+ border-bottom-width: 1px;
+}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
- border-top-width: 0;
- }
-
-
-
+ border-top-width: 0;
+}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
-
.fc-grid th {
- text-align: center;
- }
-
+ text-align: center;
+}
.fc .fc-week-number {
- width: 22px;
- text-align: center;
- }
-
+ width: 22px;
+ text-align: center;
+}
.fc .fc-week-number div {
- padding: 0 2px;
- }
-
+ padding: 0 2px;
+}
.fc-grid .fc-day-number {
- float: right;
- padding: 0 2px;
- }
-
+ float: right;
+ padding: 0 2px;
+}
.fc-grid .fc-other-month .fc-day-number {
- opacity: 0.3;
- filter: alpha(opacity=30); /* for IE */
- /* opacity with small font can sometimes look too faded
- might want to set the 'color' property instead
- making day-numbers bold also fixes the problem */
- }
-
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+ /* for IE */
+ /* opacity with small font can sometimes look too faded
+ might want to set the 'color' property instead
+ making day-numbers bold also fixes the problem */
+}
.fc-grid .fc-day-content {
- clear: both;
- padding: 2px 2px 1px; /* distance between events and day edges */
- }
-
+ clear: both;
+ padding: 2px 2px 1px;
+ /* distance between events and day edges */
+}
/* event styles */
-
.fc-grid .fc-event-time {
- font-weight: bold;
- }
-
+ font-weight: bold;
+}
/* right-to-left */
-
.fc-rtl .fc-grid .fc-day-number {
- float: left;
- }
-
+ float: left;
+}
.fc-rtl .fc-grid .fc-event-time {
- float: right;
- }
-
-
-
+ float: right;
+}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
-
.fc-agenda table {
- border-collapse: separate;
- }
-
+ border-collapse: separate;
+}
.fc-agenda-days th {
- text-align: center;
- }
-
+ text-align: center;
+}
.fc-agenda .fc-agenda-axis {
- width: 50px;
- padding: 0 4px;
- vertical-align: middle;
- text-align: right;
- white-space: nowrap;
- font-weight: normal;
- }
-
+ width: 50px;
+ padding: 0 4px;
+ vertical-align: middle;
+ text-align: right;
+ white-space: nowrap;
+ font-weight: normal;
+}
.fc-agenda .fc-week-number {
- font-weight: bold;
- }
-
+ font-weight: bold;
+}
.fc-agenda .fc-day-content {
- padding: 2px 2px 1px;
- }
-
+ padding: 2px 2px 1px;
+}
/* make axis border take precedence */
-
.fc-agenda-days .fc-agenda-axis {
- border-right-width: 1px;
- }
-
+ border-right-width: 1px;
+}
.fc-agenda-days .fc-col0 {
- border-left-width: 0;
- }
-
+ border-left-width: 0;
+}
/* all-day area */
-
.fc-agenda-allday th {
- border-width: 0 1px;
- }
-
+ border-width: 0 1px;
+}
.fc-agenda-allday .fc-day-content {
- min-height: 34px; /* TODO: doesnt work well in quirksmode */
- _height: 34px;
- }
-
+ min-height: 34px;
+ /* TODO: doesnt work well in quirksmode */
+ _height: 34px;
+}
/* divider (between all-day and slots) */
-
.fc-agenda-divider-inner {
- height: 2px;
- overflow: hidden;
- }
-
+ height: 2px;
+ overflow: hidden;
+}
.fc-widget-header .fc-agenda-divider-inner {
- background: #eee;
- }
-
+ background: #eeeeee;
+}
/* slot rows */
-
.fc-agenda-slots th {
- border-width: 1px 1px 0;
- }
-
+ border-width: 1px 1px 0;
+}
.fc-agenda-slots td {
- border-width: 1px 0 0;
- background: none;
- }
-
+ border-width: 1px 0 0;
+ background: none;
+}
.fc-agenda-slots td div {
- height: 20px;
- }
-
+ height: 20px;
+}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
- border-top-width: 0;
- }
-
+ border-top-width: 0;
+}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
- border-top-style: dotted;
- }
-
+ border-top-style: dotted;
+}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
- *border-top-style: solid; /* doesn't work with background in IE6/7 */
- }
-
-
-
+ *border-top-style: solid;
+ /* doesn't work with background in IE6/7 */
+}
/* Vertical Events
------------------------------------------------------------------------*/
-
.fc-event-vert {
- border-width: 0 1px;
- }
-
+ border-width: 0 1px;
+}
.fc-event-vert.fc-event-start {
- border-top-width: 1px;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
-
+ border-top-width: 1px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
.fc-event-vert.fc-event-end {
- border-bottom-width: 1px;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
.fc-event-vert .fc-event-time {
- white-space: nowrap;
- font-size: 10px;
- }
-
+ white-space: nowrap;
+ font-size: 10px;
+}
.fc-event-vert .fc-event-inner {
- position: relative;
- z-index: 2;
- }
-
-.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
- position: absolute;
- z-index: 1;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #fff;
- opacity: .25;
- filter: alpha(opacity=25);
- }
-
-.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
+ position: relative;
+ z-index: 2;
+}
+.fc-event-vert .fc-event-bg {
+ /* makes the event lighter w/ a semi-transparent overlay */
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #ffffff;
+ opacity: .25;
+ filter: alpha(opacity=25);
+}
+.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
- display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
- }
-
+ display: none\9;
+ /* for IE6/7/8. nested opacity filters while dragging don't work */
+}
/* resizable */
-
.fc-event-vert .ui-resizable-s {
- bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
- width: 100% !important;
- height: 8px !important;
- overflow: hidden !important;
- line-height: 8px !important;
- font-size: 11px !important;
- font-family: monospace;
- text-align: center;
- cursor: s-resize;
- }
-
-.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
- _overflow: hidden;
- }
-
-
-
-/* -- checkbox.css ---- */
+ bottom: 0 !important;
+ /* importants override pre jquery ui 1.7 styles */
+ width: 100% !important;
+ height: 8px !important;
+ overflow: hidden !important;
+ line-height: 8px !important;
+ font-size: 11px !important;
+ font-family: monospace;
+ text-align: center;
+ cursor: s-resize;
+}
+.fc-agenda .ui-resizable-resizing {
+ /* TODO: better selector */
+ _overflow: hidden;
+}
+.clear {
+ clear: both;
+}
+.carousel-bullets {
+ height: 17px;
+ bottom: 20px;
+ width: 100%;
+ text-align: center;
+ z-index: 1000;
+ position: absolute;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ -moz-opacity: 1;
+ -khtml-opacity: 1;
+ opacity: 1;
+ -webkit-transition: opacity 0.2s ease-out;
+ -moz-transition: opacity 0.2s ease-out;
+ -o-transition: opacity 0.2s ease-out;
+ -ms-transition: opacity 0.2s ease-out;
+ -webkit-transform: translateZ(5px);
+}
+.carousel-bullets > .bullet {
+ cursor: pointer;
+ position: relative !important;
+ background: rgba(0, 0, 0, 0.5) !important;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ width: 6px !important;
+ height: 6px !important;
+ border: 5px solid rgba(0, 0, 0, 0) !important;
+ display: inline-block;
+ margin-right: 2px !important;
+ margin-bottom: 0px !important;
+ -webkit-transition: background-color 0.2s, border-color 0.2s;
+ -moz-transition: background-color 0.2s, border-color 0.2s;
+ -o-transition: background-color 0.2s, border-color 0.2s;
+ -ms-transition: background-color 0.2s, border-color 0.2s;
+ transition: background-color 0.2s, border-color 0.2s;
+ float: none !important;
+ box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+}
+.carousel-bullets > .bullet:hover,
+.carousel-bullets > .bullet.selected {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background: #ffffff !important;
+ width: 6px !important;
+ height: 6px !important;
+ border: 5px solid #000000 !important;
+}
+.carousel-inner > .carousel-arrow > .carousel-prev {
+ position: absolute;
+ display: block;
+ top: 50%;
+ color: #ffffff;
+ z-index: 100;
+ cursor: pointer;
+ padding: 10px;
+ margin-top: -22px;
+ left: 0;
+}
+.carousel-inner > .carousel-arrow > .carousel-next {
+ position: absolute;
+ display: block;
+ top: 50%;
+ color: #ffffff;
+ z-index: 100;
+ cursor: pointer;
+ padding: 10px;
+ margin-top: -22px;
+ right: 0;
+}
+.carousel-inner > .carousel-arrow > .carousel-prev > i,
+.carousel-inner > .carousel-arrow > .carousel-next > i {
+ font-size: 24px;
+}
+.carousel-inner .tab-pane.clickable {
+ cursor: pointer;
+}
/*
*
* From https://github.com/flatlogic/awesome-bootstrap-checkbox
*
*/
.checkbox label {
- display: inline-block;
- position: relative;
- padding-left: 5px;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ display: inline-block;
+ position: relative;
+ padding-left: 5px;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
.checkbox label::before {
- content: "";
- display: inline-block;
- position: absolute;
- width: 17px;
- height: 17px;
- left: 0;
- margin-left: -20px;
- border: 1px solid #cccccc;
- border-radius: 3px;
- background-color: #fff;
- -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
- -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
- transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
+ content: "";
+ display: inline-block;
+ position: absolute;
+ width: 17px;
+ height: 17px;
+ left: 0;
+ margin-left: -20px;
+ border: 1px solid #777777;
+ border-radius: 3px;
+ background-color: #ffffff;
+ -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+ -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+ transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+}
.checkbox label::after {
- display: inline-block;
- position: absolute;
- width: 16px;
- height: 16px;
- left: 0;
- top: 0;
- margin-left: -20px;
- padding-left: 3px;
- padding-top: 1px;
- font-size: 11px;
- color: #555555; }
+ display: inline-block;
+ position: absolute;
+ width: 16px;
+ height: 16px;
+ left: 0;
+ top: 0;
+ margin-left: -20px;
+ padding-left: 3px;
+ padding-top: 1px;
+ font-size: 11px;
+ color: #555555;
+}
.checkbox input[type="checkbox"] {
- display: none; }
+ display: none;
+}
.checkbox input[type="checkbox"]:checked + label::after {
- font-family: 'FontAwesome';
- content: "\f00c"; }
+ font-family: 'FontAwesome';
+ content: "\f00c";
+}
.checkbox input[type="checkbox"]:disabled + label {
- opacity: 0.65; }
+ opacity: 0.65;
+}
.checkbox input[type="checkbox"]:disabled + label::before {
- background-color: #eeeeee;
- cursor: not-allowed; }
+ background-color: #eeeeee;
+ cursor: not-allowed;
+}
.checkbox.checkbox-circle label::before {
- border-radius: 50%; }
-
+ border-radius: 50%;
+}
.checkbox-primary input[type="checkbox"]:checked + label::before {
- background-color: #428bca;
- border-color: #428bca; }
+ background-color: #337ab7;
+ border-color: #337ab7;
+}
.checkbox-primary input[type="checkbox"]:checked + label::after {
- color: #fff; }
-
-.checkbox-danger input[type="checkbox"]:checked + label::before {
- background-color: #d9534f;
- border-color: #d9534f; }
+ color: #ffffff;
+}
+.checkbox-danger input[type="checkbox"]:checked + label::before {
+ background-color: #d9534f;
+ border-color: #d9534f;
+}
.checkbox-danger input[type="checkbox"]:checked + label::after {
- color: #fff; }
-
+ color: #ffffff;
+}
.checkbox-info input[type="checkbox"]:checked + label::before {
- background-color: #5bc0de;
- border-color: #5bc0de; }
+ background-color: #5bc0de;
+ border-color: #5bc0de;
+}
.checkbox-info input[type="checkbox"]:checked + label::after {
- color: #fff; }
-
+ color: #ffffff;
+}
.checkbox-warning input[type="checkbox"]:checked + label::before {
- background-color: #f0ad4e;
- border-color: #f0ad4e; }
+ background-color: #f0ad4e;
+ border-color: #f0ad4e;
+}
.checkbox-warning input[type="checkbox"]:checked + label::after {
- color: #fff; }
-
+ color: #ffffff;
+}
.checkbox-success input[type="checkbox"]:checked + label::before {
- background-color: #5cb85c;
- border-color: #5cb85c; }
+ background-color: #5cb85c;
+ border-color: #5cb85c;
+}
.checkbox-success input[type="checkbox"]:checked + label::after {
- color: #fff; }
-
-/* before is the outer cicle */
+ color: #ffffff;
+}
+/* before is the outer cicle */
/* after is the inner circle.. */
-
-
-
.radio label {
- display: inline-block;
- position: relative;
- padding-left: 5px; }
+ display: inline-block;
+ position: relative;
+ padding-left: 5px;
+}
.radio label::before {
- content: "";
- display: inline-block;
- position: absolute;
- width: 17px;
- height: 17px;
- left: 0;
- margin-left: -20px;
- border: 1px solid #cccccc;
- border-radius: 50%;
- background-color: #fff;
- -webkit-transition: border 0.15s ease-in-out;
- -o-transition: border 0.15s ease-in-out;
- transition: border 0.15s ease-in-out; }
+ content: "";
+ display: inline-block;
+ position: absolute;
+ width: 17px;
+ height: 17px;
+ left: 0;
+ margin-left: -20px;
+ border: 1px solid #777777;
+ border-radius: 50%;
+ background-color: #ffffff;
+ -webkit-transition: border 0.15s ease-in-out;
+ -o-transition: border 0.15s ease-in-out;
+ transition: border 0.15s ease-in-out;
+}
.radio label::after {
- display: inline-block;
- position: absolute;
- content: " ";
- width: 11px;
- height: 11px;
- left: 3px;
- top: 3px;
- margin-left: -20px;
- border-radius: 50%;
- background-color: #fff;
- -webkit-transform: scale(0, 0);
- -ms-transform: scale(0, 0);
- -o-transform: scale(0, 0);
- transform: scale(0, 0);
- -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
- -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
- -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
- transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
- }
+ display: inline-block;
+ position: absolute;
+ content: " ";
+ width: 11px;
+ height: 11px;
+ left: 3px;
+ top: 3px;
+ margin-left: -20px;
+ border-radius: 50%;
+ background-color: #ffffff;
+ -webkit-transform: scale(0, 0);
+ -ms-transform: scale(0, 0);
+ -o-transform: scale(0, 0);
+ transform: scale(0, 0);
+ -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+ -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+ -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+ transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+}
.radio input[type="radio"] {
- display: none;
+ display: none;
}
.radio input[type="radio"]:checked + label::after {
- -webkit-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- -o-transform: scale(1, 1);
- transform: scale(1, 1);
- background-color: #555555;
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+ background-color: #555555;
}
.radio input[type="radio"]:disabled + label {
- opacity: 0.65; }
+ opacity: 0.65;
+}
.radio input[type="radio"]:disabled + label::before {
- cursor: not-allowed; }
-
+ cursor: not-allowed;
+}
.radio-primary input[type="radio"] + label::after {
- background-color: #fff; }
+ background-color: #ffffff;
+}
.radio-primary input[type="radio"]:checked + label::before {
- border-color: #428bca; }
+ border-color: #337ab7;
+}
.radio-primary input[type="radio"]:checked + label::after {
- background-color: #428bca; }
-
+ background-color: #337ab7;
+}
.radio-danger input[type="radio"] + label::after {
- background-color: #d9534f; }
+ background-color: #d9534f;
+}
.radio-danger input[type="radio"]:checked + label::before {
- border-color: #d9534f; }
+ border-color: #d9534f;
+}
.radio-danger input[type="radio"]:checked + label::after {
- background-color: #d9534f; }
-
-
-
+ background-color: #d9534f;
+}
.radio-info input[type="radio"] + label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.radio-info input[type="radio"]:checked + label::before {
- border-color: #5bc0de; }
+ border-color: #5bc0de;
+}
.radio-info input[type="radio"]:checked + label::after {
- background-color: #5bc0de; }
-
+ background-color: #5bc0de;
+}
.radio-warning input[type="radio"] + label::after {
- background-color: #fff; }
+ background-color: #ffffff;
+}
.radio-warning input[type="radio"]:checked + label::before {
- border-color: #f0ad4e; }
+ border-color: #f0ad4e;
+}
.radio-warning input[type="radio"]:checked + label::after {
- background-color: #f0ad4e; }
-
+ background-color: #f0ad4e;
+}
.radio-success input[type="radio"] + label::after {
- background-color: #fff; }
+ background-color: #ffffff;
+}
.radio-success input[type="radio"]:checked + label::before {
- border-color: #5cb85c; }
+ border-color: #5cb85c;
+}
.radio-success input[type="radio"]:checked + label::after {
- background-color: #5cb85c; }
-
+ background-color: #5cb85c;
+}
.checkbox.checkbox-inline,
.radio.radio-inline {
- margin-top: 0;
+ margin-top: 0;
}
-/* -- combobox.css ---- */
/*
*
* From https://github.com/danielfarrell/bootstrap-combobox
*
*/
-
.combobox-container {
margin-bottom: 5px;
*zoom: 1;
z-index: 2;
}
.combobox-container .uneditable-input {
- border-left-color: #ccc;
+ border-left-color: #777777;
}
.combobox-container .add-on {
float: left;
margin-right: -1px;
padding: 4px 5px;
font-weight: normal;
- color: #999999;
+ color: #777777;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
background-color: #f5f5f5;
- border: 1px solid #ccc;
+ border: 1px solid #777777;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
-
}
.combobox-container .active {
- background-color: #3875d7;
- color: #fff;
+ background-color: #337ab7;
+ color: #ffffff;
}
.combobox-container input,
.combobox-container .uneditable-input {
border-radius: 3px 0 0 3px;
}
.combobox-container .uneditable-input {
- border-left-color: #eee;
- border-right-color: #ccc;
+ border-left-color: #eeeeee;
+ border-right-color: #777777;
}
.combobox-container .add-on {
margin-right: 0;
overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
- color: #B94A48;
- border-color: #B94A48;
+ color: #d9534f;
+ border-color: #d9534f;
}
.control-group.error .combobox-container .caret {
- border-top-color: #B94A48;
+ border-top-color: #d9534f;
}
.control-group.warning .combobox-container .add-on {
- color: #C09853;
- border-color: #C09853;
+ color: #f0ad4e;
+ border-color: #f0ad4e;
}
.control-group.warning .combobox-container .caret {
- border-top-color: #C09853;
+ border-top-color: #f0ad4e;
}
.control-group.success .combobox-container .add-on {
- color: #468847;
- border-color: #468847;
+ color: #5cb85c;
+ border-color: #5cb85c;
}
.control-group.success .combobox-container .caret {
- border-top-color: #468847;
+ border-top-color: #5cb85c;
}
.btn .combobox-clear [class^="icon-"] {
line-height: 1.4em;
}
.combobox-container .dropdown-menu {
- border-radius: 0;
- padding: 0;
- border: 1px solid #66afe9;
- border-top: none;
-
+ border-radius: 0;
+ padding: 0;
+ border: 1px solid #337ab7;
+ border-top: none;
}
-
-.select2-container .dropdown-menu {
- border: 1px solid #5897fb;
+.roo-select2-container .dropdown-menu {
+ border: 1px solid #337ab7;
}
-
.dropdown-menu .active {
- background: #3875d7;
- color: #fff;
-}
-
-.dropdown-menu .active label{
- color: #fff;
+ background: #337ab7;
+ color: #ffffff;
}
-
-.dropdown-menu .select2-result {
- padding: 3px 7px 4px;
- margin: 0;
- cursor: pointer;
- min-height: 1em;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+.dropdown-menu .active label {
+ color: #ffffff;
}
-
-.select2-container,
-.select2-choices .select2-search-field{
- width: 100%
+.dropdown-menu .roo-select2-result {
+ padding: 3px 7px 4px;
+ margin: 0;
+ cursor: pointer;
+ min-height: 1em;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.roo-select2-container,
+.roo-select2-choices .roo-select2-search-field {
+ width: 100%;
}
-.select2-container .x-combo-noedit {
- cursor: pointer;
- background-color: #fff;
-
+.roo-select2-container .x-combo-noedit {
+ cursor: pointer;
+ background-color: #ffffff;
}
-.select2-container .x-combo-noedit[disabled] {
- cursor: not-allowed;
- background-color: #eee;
-
+.roo-select2-container .x-combo-noedit[disabled] {
+ cursor: not-allowed;
+ background-color: #eeeeee;
}
-
-.roo-combobox-tickable .select2-choices {
- border: none;
- background-image: none;
+.roo-combobox-tickable .roo-select2-choices {
+ border: none;
+ background-image: none;
}
-
-.roo-combobox-tickable .select2-result label {
- width: 100%;
+.roo-combobox-tickable .roo-select2-result label {
+ width: 100%;
}
-
+/* zindex of dialogs is 10000++ so dropdowns have to be higher... */
.dropdown-menu {
- z-index: 10002 !important;
+ z-index: 20002 !important;
}
-
.dropdown-menu .checkbox label {
- width: 100%;
+ width: 100%;
}
-
-.select2-container-multi .dropdown-menu .select2-result .checkbox {
- margin-top: 0px;
- margin-bottom: 0px;
+.roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+.dropdown-menu .roo-select2-result .checkbox {
+ margin-top: 3px;
+ margin-bottom: 3px;
+}
+.roo-select2-container .input-group-addon {
+ padding: 6px 12px;
+ border: 1px solid #cccccc;
+ border-left: 0px;
+}
+.roo-select2-container .roo-removable {
+ position: relative;
+}
+.roo-select2-container .roo-removable .roo-combo-removable-btn {
+ position: absolute;
+ right: 10px;
+ z-index: 2;
+ top: 5px;
+}
+.roo-select2-container .has-feedback .roo-combo-removable-btn {
+ position: absolute;
+ right: 35px;
+ z-index: 2;
+ top: 5px;
}
-.dropdown-menu .select2-result .checkbox {
- margin-top: 3px;
- margin-bottom: 3px;
+/*
+.roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
+ position: absolute;
+ right: 40px;
+ z-index: 2;
+ top: 5px;
+}
+
+.roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
+ position: absolute;
+ right: 70px;
+ z-index: 2;
+ top: 5px;
}
-.select2-container .input-group-addon {
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-left: 0px;
+
+.roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
+ position: absolute;
+ right: 35px;
+ z-index: 2;
+ top: 5px;
+}*/
+.has-warning .roo-select2-container-multi {
+ border: 1px solid #f0ad4e;
+}
+.roo-ios-select {
+ width: 100%;
}
-/* -- datepicker.css ---- */
/*!
* Datepicker for Bootstrap
*
direction: ltr;
font-size: 13px;
/*.dow {
- border-top: 1px solid #ddd !important;
+ border-top: 1px solid @gray-light !important;
}*/
-
}
.datepicker-inline {
width: 220px;
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-bottom: 7px solid #ccc;
- border-bottom-color: rgba(0, 0, 0, 0.2);
+ border-bottom: 7px solid @gray-light;
+ border-bottom-color: @black-opacity-20;
position: absolute;
top: -7px;
left: 6px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid #ffffff;
+ border-bottom: 6px solid @body-bg;
position: absolute;
top: -6px;
left: 7px;
}*/
-
.datepicker-dropdown.bottom:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-bottom: 7px solid #ccc;
+ border-bottom: 7px solid #777777;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid white;
+ border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 8px;
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-top: 7px solid #ccc;
+ border-top: 7px solid #777777;
+ border-bottom: 0;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -7px;
left: 6px;
}
-
.datepicker-dropdown.top:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-top: 6px solid white;
+ border-top: 6px solid #ffffff;
+ border-bottom: 0;
position: absolute;
bottom: -6px;
left: 7px;
}
-
.datepicker-dropdown.bottom-right:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-bottom: 7px solid #ccc;
+ border-bottom: 7px solid #777777;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid white;
+ border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 8px;
}
-
.datepicker-dropdown.bottom-left:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-bottom: 7px solid #ccc;
+ border-bottom: 7px solid #777777;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid white;
+ border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 261px;
}
-
.datepicker-dropdown.top-right:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-top: 7px solid #ccc;
+ border-top: 7px solid #777777;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -7px;
left: 6px;
}
-
.datepicker-dropdown.top-right:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-top: 6px solid white;
+ border-top: 6px solid #ffffff;
position: absolute;
bottom: -6px;
left: 7px;
}
-
.datepicker-dropdown.top-left:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-top: 7px solid #ccc;
+ border-top: 7px solid #777777;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -7px;
left: 260px;
}
-
.datepicker-dropdown.top-left:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-top: 6px solid white;
+ border-top: 6px solid #ffffff;
position: absolute;
bottom: -6px;
left: 261px;
}
-
.datepicker > div {
display: none;
}
}
.datepicker table tr td.old,
.datepicker table tr td.new {
- color: #999999;
+ color: #777777;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
- color: #999999;
+ color: #777777;
cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
- background-color: #fde19a;
- background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
- background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
- background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
- background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
- background-image: linear-gradient(top, #fdd49a, #fdf59a);
+ background-color: #f0ad4e;
+ background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
+ background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
- border-color: #fdf59a #fdf59a #fbed50;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
+ border-color: #f0ad4e #f0ad4e #f0ad4e;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
- background-color: #fdf59a;
+ background-color: #f0ad4e;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
- background-color: #fbf069 \9;
+ background-color: #f0ad4e;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
- background-color: #006dcc;
- background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
- background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
- background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
- background-image: -o-linear-gradient(top, #0088cc, #0044cc);
- background-image: linear-gradient(top, #0088cc, #0044cc);
+ background-color: #337ab7;
+ background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
+ background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: linear-gradient(top, #3c87c8, #337ab7);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
- border-color: #0044cc #0044cc #002a80;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
+ border-color: #337ab7 #337ab7 #286090;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
- background-color: #0044cc;
+ background-color: #337ab7;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
- background-color: #003399 \9;
+ background-color: #286090;
}
.datepicker table tr td span {
display: block;
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
- color: #999999;
+ color: #777777;
cursor: default;
}
.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 {
- background-color: #006dcc;
- background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
- background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
- background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
- background-image: -o-linear-gradient(top, #0088cc, #0044cc);
- background-image: linear-gradient(top, #0088cc, #0044cc);
+ background-color: #337ab7;
+ background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
+ background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: linear-gradient(top, #3c87c8, #337ab7);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
- border-color: #0044cc #0044cc #002a80;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
+ border-color: #337ab7 #337ab7 #286090;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.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] {
- background-color: #0044cc;
+ background-color: #337ab7;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover: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 {
- background-color: #003399 \9;
+ background-color: #286090;
}
.datepicker table tr td span.old {
- color: #999999;
+ color: #777777;
}
.datepicker th.switch {
width: 145px;
width: 16px;
height: 16px;
}
-
.datepicker .datepicker-time td span {
- display: block;
- width: 47px;
- height: 54px;
- line-height: 54px;
- float: left;
- margin: 2px;
- cursor: pointer;
- border-radius: 4px;
+ display: block;
+ width: 47px;
+ height: 54px;
+ line-height: 54px;
+ float: left;
+ margin: 2px;
+ cursor: pointer;
+ border-radius: 4px;
}
-
.datepicker .datepicker-time td span.timepicker-hour,
.datepicker .datepicker-time td span.timepicker-minute {
width: 100%;
font-weight: bold;
font-size: 1.2em;
}
-
-
-/* -- dropdown.css ---- */
+.roo-document-manager-selector {
+ visibility: hidden;
+ height: 0px;
+}
+.roo-document-manager-uploader,
+.roo-document-manager-loading,
+.roo-document-manager-preview {
+ position: relative;
+ float: left;
+ width: 25%;
+ padding-left: 5px;
+ height: 100px;
+ max-height: 100px;
+ margin-top: 10px;
+}
+.roo-document-manager-preview.wide {
+ width: 50%;
+}
+.roo-document-manager-thumb,
+.roo-document-manager-upload-btn {
+ width: 100%;
+ height: 100px;
+ line-height: 100px;
+ max-height: 100px;
+ border: 1px solid #eeeeee;
+ -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+ -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+ box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+}
+.roo-document-manager-thumb > i.fa,
+.roo-document-manager-upload-btn > i.fa {
+ width: 100%;
+ line-height: 98px;
+ text-align: center;
+ vertical-align: middle;
+ color: #777777;
+ font-size: 2.5em;
+}
+.roo-document-manager-thumb > i.fa {
+ font-size: 2.5em;
+}
+.roo-document-manager-thumb > img {
+ width: 100%;
+ max-height: 100%;
+ text-align: center;
+ vertical-align: middle;
+}
+.roo-document-manager-preview > .close {
+ position: absolute;
+ top: 0px;
+ right: 3px;
+ font-size: 20px;
+ opacity: 1;
+}
+.roo-document-manager-preview > .close:hover {
+ color: #333333;
+}
+/*
+* sm
+*/
+@media (min-width: 768px) {
+ .roo-document-manager-uploader,
+ .roo-document-manager-loading,
+ .roo-document-manager-preview {
+ height: 200px;
+ max-height: 200px;
+ }
+ .roo-document-manager-thumb,
+ .roo-document-manager-upload-btn {
+ line-height: 200px;
+ height: 200px;
+ max-height: 200px;
+ }
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
+ line-height: 198px;
+ }
+}
+/*
+* md
+*/
+@media (min-width: 992px) {
+ .roo-document-manager-uploader,
+ .roo-document-manager-loading,
+ .roo-document-manager-preview {
+ width: 8.33333333%;
+ height: 80px;
+ max-height: 80px;
+ }
+ .roo-document-manager-preview.wide {
+ width: 16.66666666%;
+ }
+ .roo-document-manager-thumb,
+ .roo-document-manager-upload-btn {
+ line-height: 80px;
+ height: 80px;
+ max-height: 80px;
+ }
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
+ line-height: 78px;
+ }
+}
+/*
+* lg
+*/
+@media (min-width: 1200px) {
+ .roo-document-manager-uploader,
+ .roo-document-manager-loading,
+ .roo-document-manager-preview {
+ width: 8.33333333%;
+ height: 100px;
+ max-height: 100px;
+ }
+ .roo-document-manager-preview.wide {
+ width: 16.66666666%;
+ }
+ .roo-document-manager-thumb,
+ .roo-document-manager-upload-btn {
+ line-height: 100px;
+ height: 100px;
+ max-height: 100px;
+ }
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
+ line-height: 98px;
+ }
+}
+.document-slider-dialog .modal-body {
+ padding: 0px;
+}
+.roo-document-slider-header {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+.roo-document-slider-header .roo-document-slider-header-title {
+ width: 80%;
+ margin: 0 auto;
+ padding: 10px 0;
+ color: #ffffff;
+ font-weight: bold;
+ text-align: center;
+}
+.roo-document-slider-body {
+ background-color: #ffffff;
+ width: 100%;
+ height: 450px;
+ position: relative;
+ overflow: hidden;
+}
+.roo-document-slider-body .roo-document-slider-thumb {
+ position: absolute;
+ width: 80%;
+ height: 100%;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ box-sizing: border-box;
+ border: 1px solid #666666;
+ box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
+ text-align: center;
+ vertical-align: middle;
+ overflow: auto;
+ cursor: move;
+}
+.roo-document-slider-body .roo-document-slider-image {
+ width: 100%;
+}
+.roo-document-slider-prev {
+ position: absolute;
+ top: 0;
+ left: 0;
+ text-align: center;
+ width: 10%;
+ height: 100%;
+}
+.roo-document-slider-next {
+ position: absolute;
+ top: 0;
+ right: 0;
+ text-align: center;
+ width: 10%;
+ height: 100%;
+}
+.roo-document-slider-prev > i,
+.roo-document-slider-next > i {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ cursor: pointer;
+ font-size: 2em;
+}
+.document-viewer-dialog .modal-dialog {
+ margin: 0px auto;
+}
+.document-viewer-dialog .modal-header,
+.document-viewer-dialog .modal-footer {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+.document-viewer-dialog .modal-body {
+ padding: 0px;
+}
+.roo-document-viewer-body {
+ background-color: #ffffff;
+ width: 100%;
+ height: 450px;
+ max-height: 450px;
+ position: relative;
+ overflow: hidden;
+ cursor: move;
+}
+.roo-document-viewer-body .roo-document-viewer-thumb {
+ position: absolute;
+ width: 80%;
+ height: 80%;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ box-sizing: border-box;
+ border: 1px solid #666666;
+ box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
+ text-align: center;
+ vertical-align: middle;
+ overflow: auto;
+}
+.roo-document-viewer-body .roo-document-viewer-image {
+ width: 100%;
+}
+.roo-document-viewer-btn-group button {
+ background-color: #000000;
+ color: #ffffff;
+ border-color: #333333;
+}
+.roo-document-viewer-btn-group > .btn-group:first-child > button {
+ border-top-left-radius: 0;
+}
+.roo-document-viewer-btn-group > .btn-group:last-child > button {
+ border-top-right-radius: 0;
+}
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
color: #ffffff;
text-decoration: none;
- background-color: #0081c2;
- background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
- background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
- background-image: -o-linear-gradient(top, #0088cc, #0077b3);
- background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+ background-color: #337ab7;
+ background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
+ background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
+ background-image: -o-linear-gradient(top, #337ab7, #3072ab);
+ background-image: linear-gradient(to bottom, #337ab7, #3072ab);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
}
-
.dropdown-submenu {
position: relative;
}
-
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
- -moz-border-radius: 0 6px 6px 6px;
- border-radius: 0 6px 6px 6px;
+ -moz-border-radius: 0 6px 6px 6px;
+ border-radius: 0 6px 6px 6px;
}
-
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
-
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
-webkit-border-radius: 5px 5px 5px 0;
- -moz-border-radius: 5px 5px 5px 0;
- border-radius: 5px 5px 5px 0;
+ -moz-border-radius: 5px 5px 5px 0;
+ border-radius: 5px 5px 5px 0;
}
-
.dropup .dropdown-menu {
- -webkit-animation-name: inherit;
+ -webkit-animation-name: inherit;
}
-
.dropdown-submenu > a:after {
display: block;
float: right;
margin-top: 5px;
margin-right: -10px;
border-color: transparent;
- border-left-color: #cccccc;
+ border-left-color: #777777;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
}
-
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
-
.dropdown-submenu.pull-left {
float: none !important;
}
-
.dropdown-submenu.pull-left > .dropdown-menu {
left: 0;
margin-left: 1px;
-webkit-border-radius: 6px 0 6px 6px;
- -moz-border-radius: 6px 0 6px 6px;
- border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
}
-
.dropdown-button > i {
- margin-right: 10px;
+ margin-right: 5px;
}
-
-/* -- mask.css ---- */
-.roo-el-mask
-{
- z-index:20000;
- position:absolute;
- top:0;
- left:0;
- -moz-opacity: 0.5;
- opacity:.50;
- filter: alpha(opacity=50);
- background-color:#CCC;
- width:100%;
- height:100%;
- zoom:1;
-}
-.roo-el-mask-msg
-{
- position: absolute;
- z-index:20000;
- /*border: 4px double #557; */
- background-color: #fff;
- padding: 0px 30px;
- background-image: url('../images/ux/lightbox/loading.gif');
- background-repeat: no-repeat;
- border: 10px solid white;
- border-radius: 20px
-
+li.dropdown-toggle i.glyphicon + span {
+ margin-left: 5px;
}
-
-.roo-el-mask-msg div
-{
- font-family: 'Source Sans Pro', sans-serif;
- font-size: 24px;
- font-weight: 500;
- z-index:20001;
- padding:4px 15px;
- color: #557;
-
-}
-.x-body-masked
-{
- overflow:hidden !important;
+li.dropdown-toggle span + i.glyphicon {
+ margin-left: 5px;
}
-.x-body-masked select,.ext-masked object,.ext-masked embed
-{
- visibility:hidden;
+li.dropdown-menu-item i.fa + span {
+ margin-left: 5px;
+}
+div.input-group.has-feedback > .form-control-feedback {
+ right: 30px;
+}
+.roo-required-indicator.left-indicator {
+ margin-right: 5px;
+}
+.roo-required-indicator.right-indicator {
+ margin-left: 5px;
+}
+.label-pill {
+ padding-right: .6em;
+ padding-left: .6em;
+ border-radius: 10rem;
+}
+.roo-layout-container {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+.roo-layout-inactive-content {
+ position: absolute;
+ left: -10000px;
+ top: -10000px;
+ visibility: hidden;
+}
+.roo-layout-active-content {
+ visibility: visible;
+ /* padding: 10px; */
+}
+.roo-layout-panel {
+ position: absolute;
+ /* overflow:hidden; -- menus inside of contains do not work with this */
+ /*
+ background-color:white;
+ border:1px solid #98c0f4;
+ */
+}
+.roo-layout-panel-east,
+.roo-layout-panel-west {
+ z-index: 10;
+}
+.roo-layout-panel-north,
+.roo-layout-panel-south {
+ z-index: 11;
+}
+/*
+.roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
+ z-index:12;
}
-.x-dlg-mask
-{
- z-index:10000;
- display:none;
- position:absolute;
- top:0;
- left:0;
- -moz-opacity: 0.5;
- opacity:.50;
- filter: alpha(opacity=50);
- background-color:#CCC;
-}
-
-/* -- modal.css ---- */
-/*
- Document : modal
- Created on : Apr 23, 2014, 11:24:28 AM
- Author : edward
- Description:
- Purpose of the stylesheet follows.
*/
+.roo-layout-panel-body {
+ overflow: hidden;
+}
+/*
+.roo-layout-grid-wrapper{
-.modal-md-1,
-.modal-md-2,
+}
+*/
+.roo-layout-split {
+ position: absolute;
+ height: 5px;
+ width: 5px;
+ line-height: 1px;
+ font-size: 1px;
+ z-index: 3;
+ background-color: #f5f5f5;
+}
+.roo-layout-split-south,
+.roo-layout-split-north {
+ border-bottom: 1px solid #777777;
+}
+.roo-layout-split-east,
+.roo-layout-split-west {
+ border-right: 1px solid #777777;
+}
+.roo-layout-panel-hd {
+ position: relative;
+}
+.roo-layout-panel-hd.breadcrumb {
+ margin-bottom: 0;
+}
+.roo-layout-panel-hd-text {
+ padding: 4px;
+ padding-left: 4px;
+ display: block;
+ white-space: nowrap;
+}
+.roo-layout-panel-hd-tools {
+ position: absolute;
+ right: 0;
+ top: 0;
+ text-align: right;
+ padding-top: 2px;
+ padding-right: 2px;
+ width: 40px;
+}
+/*
+.x-layout-tools-button{
+ z-index:6;
+ padding:2px;
+ float:right;
+ cursor:pointer;
+}
+.x-layout-tools-button-over{
+ padding:1px;
+ border:1px solid #98c0f4;
+ background-color:white;
+}
+.x-layout-tools-button-inner{
+ height:12px;
+ width:12px;
+ line-height:1px;
+ font-size:1px;
+ background-repeat:no-repeat;
+ background-position:center;
+}
+.x-layout-close{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -48px;
+}
+.x-layout-collapse-west,.x-layout-expand-east{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% 0;
+}
+.x-layout-expand-west,.x-layout-collapse-east{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -12px;
+}
+.x-layout-collapse-north,.x-layout-expand-south{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -24px;
+}
+.x-layout-expand-north,.x-layout-collapse-south{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -36px;
+}
+.x-layout-split-h{
+ background-image:url(../images/default/sizer/e-handle.gif);
+ background-position: left;
+ cursor:col-resize;
+}
+.x-layout-split-v{
+ background-image:url(../images/default/sizer/s-handle.gif);
+ background-position: top;
+ cursor:row-resize;
+}
+.x-layout-panel .x-tabs-wrap{
+ background:url(../images/default/layout/gradient-bg.gif);
+}
+*/
+.roo-layout-panel .roo-tabbody {
+ background-color: #ffffff;
+ overflow: auto;
+ height: 100%;
+}
+.roo-layout-component-panel,
+.roo-layout-nested-layout {
+ position: relative;
+ padding: 0;
+ overflow: hidden;
+ width: 200px;
+ height: 200px;
+}
+.roo-layout-nested-layout .roo-layout-panel {
+ border: 0 none;
+}
+/*
+.x-layout-nested-layout .x-layout-panel-north {
+ border-bottom:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-south {
+ border-top:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-east {
+ border-left:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-west {
+ border-right:1px solid #98c0f4;
+}
+*/
+.roo-repaint {
+ zoom: 1;
+ background-color: transparent;
+}
+/*
+.x-layout-panel-dragover {
+ border: 2px solid #6593cf;
+}
+.x-layout-panel-proxy {
+ background-image: url(../images/default/layout/gradient-bg.gif);
+ background-color:#c3daf9;
+ border:1px dashed #6593cf;
+ z-index:10001;
+ overflow:hidden;
+ position:absolute;
+ left:0;top:0;
+}
+
+.x-layout-slider {
+ z-index:15;
+ overflow:hidden;
+ position:absolute;
+}
+*/
+.roo-unselectable {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ cursor: default;
+}
+/** --- split bar dragging ---*/
+.roo-splitbar-proxy {
+ z-index: 40009;
+ visibility: hidden;
+ position: absolute;
+ background: #777777;
+ border: 1px solid #000000;
+ overflow: hidden;
+}
+.roo-splitbar-h,
+.roo-splitbar-proxy-h {
+ cursor: col-resize;
+}
+.roo-splitbar-v,
+.roo-splitbar-proxy-v {
+ cursor: row-resize;
+}
+/*
+.x-grid-resize-proxy
+{
+ z-index:40009;
+ visibility:hidden;
+ position:absolute;
+ background:#666;
+ border: 1px solid #000;
+ overflow:hidden;
+ cursor:col-resize;
+ overflow:hidden;
+ width: 2px;
+}
+
+
+*/
+.roo-layout-panel-body .navbar ul.nav-tabs {
+ margin-top: 9px;
+ display: table;
+}
+.roo-layout-panel-body .navbar {
+ margin-bottom: 0px;
+}
+.roo-form-group-label-left::before,
+.roo-form-group-label-left::after {
+ display: table;
+ content: " ";
+ clear: both;
+}
+a.list-group-item,
+button.list-group-item {
+ width: 100%;
+ color: #555555;
+ text-align: inherit;
+}
+.roo-el-mask {
+ z-index: 20000;
+ position: absolute;
+ top: 0;
+ left: 0;
+ -moz-opacity: 0.5;
+ opacity: .50;
+ filter: alpha(opacity=50);
+ background-color: #777777;
+ width: 100%;
+ height: 100%;
+ zoom: 1;
+}
+.roo-el-mask-msg {
+ position: absolute;
+ z-index: 20000;
+ /*border: 4px double #557; */
+ background-color: #ffffff;
+ padding: 0px 30px;
+ background-image: url('../images/ux/lightbox/loading.gif');
+ background-repeat: no-repeat;
+ border: 10px solid white;
+ border-radius: 20px;
+}
+.roo-el-mask-msg div {
+ font-family: 'Source Sans Pro', sans-serif;
+ font-size: 24px;
+ font-weight: 500;
+ z-index: 20001;
+ padding: 4px 15px;
+ color: #555555;
+}
+.x-body-masked {
+ overflow: hidden !important;
+}
+.x-body-masked select,
+.ext-masked object,
+.ext-masked embed {
+ visibility: hidden;
+}
+.x-dlg-mask {
+ z-index: 10000;
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ -moz-opacity: 0.5;
+ opacity: .50;
+ filter: alpha(opacity=50);
+ background-color: #777777;
+}
+.masonary .masonry-bottom-title {
+ background-color: transparent;
+}
+.masonry-brick-link,
+.roo-brick-link {
+ cursor: pointer;
+ text-decoration: none;
+ outline: 0;
+}
+.masonry-brick-paragraph,
+.roo-brick-paragraph {
+ overflow: hidden;
+}
+.masonry-brick .masonry-brick-paragraph {
+ padding: 9px;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background-color: inherit;
+}
+.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 {
+ display: table;
+}
+.masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
+.roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
+ display: table-cell;
+ vertical-align: middle;
+ text-align: center;
+}
+.masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
+.roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
+ display: table-cell;
+ vertical-align: bottom;
+ text-align: right;
+}
+.masonry-brick-image .masonry-brick-paragraph,
+.roo-brick-image .roo-brick-paragraph {
+ opacity: 0;
+}
+.masonry-bottom-title .masonry-brick-paragraph {
+ opacity: 1;
+}
+.masonry-brick-image-view {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.masonry-brick-paragraph .masonry-brick-title,
+.roo-brick-paragraph .roo-brick-title {
+ margin-top: 0;
+}
+.roo-brick .roo-brick-paragraph {
+ padding: 9px;
+ width: 100%;
+ height: 100%;
+ background-color: inherit;
+}
+.roo-brick-image-view {
+ position: absolute;
+ top: 0;
+ object-fit: cover;
+}
+a.roo-brick-link:focus,
+a.roo-brick-link:hover {
+ text-decoration: none;
+ outline: 0;
+}
+.masonry-brick-split .masonry-brick-split-head,
+.masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
+ height: 75%;
+}
+.masonry-brick-split .masonry-brick-split-body {
+ height: 25%;
+ padding: 4px;
+ color: #000000;
+ font-size: 11px;
+}
+.enable-mask:hover .masonry-brick-mask {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background-color: #000000;
+ opacity: 0.2;
+}
+/*
+ Document : modal
+ Created on : Apr 23, 2014, 11:24:28 AM
+ Author : edward
+ Description:
+ Purpose of the stylesheet follows.
+*/
+.modal-md-1,
+.modal-md-2,
.modal-md-3,
.modal-md-4,
.modal-md-5,
.modal-md-12 {
float: left;
}
-
.modal-md-12 .modal-dialog {
width: 100%;
margin: 30 auto;
width: 8.333333333333332%;
margin: 30 auto;
}
-/* -- numberbox.css ---- */
-.roo-numberbox{
- background-color: #00c0ef !important;
- border: 10px solid black;
-}
-
-.roo-numberbox h{
- font-size: 24px;
+/*
+ this appears to break the layout on dialog buttons on mobile?
+@media (max-width: 568px) {
+ .modal-footer .btn+.btn {
+ margin-left: 0px;
+ margin-top: 5px;
+ }
+}
+*/
+.modal-body.roo-layout-container {
+ padding: 0;
+}
+.roo-navigation-bar-group,
+.roo-navigation-top-bar,
+.roo-navigation-bullets-bar,
+.roo-navigation-bottom-bar {
+ width: 100%;
+ float: left;
+}
+.roo-navigation-bar-text > span {
+ text-transform: uppercase;
+ width: 90%;
+ display: inline-block;
+}
+.roo-navigation-bar-text {
+ float: left;
+ line-height: 24px;
+ height: 100%;
+ min-height: 24px;
+ text-align: center;
+ position: relative;
+}
+.roo-navigation-bar {
+ counter-reset: step;
+ text-align: center;
+ padding: 0px;
+ overflow: hidden;
+ margin: 0px;
+}
+.roo-navigation-bar .roo-navigation-bar-item {
+ list-style-type: none;
+ color: #000000;
+ text-transform: uppercase;
+ font-size: 14px;
+ float: left;
+ position: relative;
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
+ counter-increment: step;
+ width: 25px;
+ line-height: 25px;
+ display: block;
+ color: #ffffff;
+ background: #337ab7;
+ border-radius: 5px;
+ font-weight: bold;
+ cursor: pointer;
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
+ content: counter(step);
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
+ content: '';
+ width: 100%;
+ height: 5px;
+ background: #337ab7;
+ position: absolute;
+ top: 10px;
+ z-index: -1;
+}
+.roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
+ content: none;
+}
+.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
+ background: #ac2925;
+ color: #ffffff;
+}
+.roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
+ background: #777777;
+ color: #ffffff;
+ cursor: not-allowed;
+}
+.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
+ cursor: default;
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
+ font: normal normal normal 14px/1 FontAwesome;
+ display: inline-block;
+}
+@media (min-width: 768px) {
+ .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
+ content: counter(step);
+ }
+}
+@media (min-width: 992px) {
+ .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 {
+ content: counter(step);
+ }
+}
+@media (min-width: 1200px) {
+ .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 {
+ content: counter(step);
+ }
+}
+/* NAV TABS */
+.nav-tabs-custom {
+ margin-bottom: 20px;
+ background: #ffffff;
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+}
+.nav-tabs-custom > .nav-tabs {
+ margin: 0;
+ border-bottom-color: #777777;
+}
+.nav-tabs-custom > .nav-tabs > li {
+ border-top: 3px solid transparent;
+ margin-bottom: -2px;
+ margin-right: 5px;
+}
+.nav-tabs-custom > .nav-tabs > li > a {
+ -webkit-border-radius: 0 !important;
+ -moz-border-radius: 0 !important;
+ border-radius: 0 !important;
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li > a:hover {
+ background: transparent;
+ margin: 0;
+}
+.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 {
+ border-color: transparent;
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+ border-top-color: #337ab7;
+}
+.nav-tabs-custom > .nav-tabs > li.active > a,
+.nav-tabs-custom > .nav-tabs > li.active:hover > a {
+ background-color: #ffffff;
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+ border-top: 0;
+ border-left-color: #777777;
+ border-right-color: #777777;
+}
+.nav-tabs-custom > .nav-tabs > li:first-of-type {
+ margin-left: 0px;
+}
+.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
+ border-left-width: 0;
+}
+.nav-tabs-custom > .nav-tabs.pull-right {
+ float: none !important;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li {
+ float: right;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
+ margin-right: 0px;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
+ border-left-width: 1px;
+ border-right-width: 0px;
+}
+.nav-tabs-custom > .nav-tabs > li.header {
+ font-weight: 400;
+ line-height: 35px;
+ padding: 0 10px;
+ font-size: 20px;
+ color: #333333;
+ cursor: default;
+}
+.nav-tabs-custom > .nav-tabs > li.header > .fa,
+.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
+.nav-tabs-custom > .nav-tabs > li.header > .ion {
+ margin-right: 10px;
+}
+.nav-tabs-custom > .tab-content {
+ background: #ffffff;
+ padding: 10px;
+}
+/* --- override it appears it's done un-reliably in JS normally.. */
+.tab-content > .tab-pane {
+ position: absolute;
+}
+/* for some reason it's -15px on BS */
+@media (min-width: 768px) {
+ .navbar-right {
+ margin-right: 15px;
+ }
+}
+.roo-numberbox {
+ background-color: #337ab7 !important;
+ border: 10px solid black;
+}
+.roo-numberbox h {
+ font-size: 24px;
+}
+.pull-xs-right {
+ float: right !important;
+}
+.roo-radio-set:before,
+.roo-radio-set:after {
+ display: table;
+ content: " ";
+ clear: both;
+}
+.radio.checked label::after {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+ background-color: #555555;
+}
+.roo-radio-set.disabled .radio label {
+ opacity: 0.65;
+}
+.roo-radio-set.disabled .radio label {
+ cursor: not-allowed;
+}
+.roo-radio-primary .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-primary .radio.checked label::before {
+ border-color: #337ab7;
+}
+.roo-radio-primary .radio.checked label::after {
+ background-color: #337ab7;
+}
+.roo-radio-danger .radio label::after {
+ background-color: #d9534f;
+}
+.roo-radio-danger .radio.checked label::before {
+ border-color: #d9534f;
+}
+.roo-radio-danger .radio.checked label::after {
+ background-color: #d9534f;
+}
+.roo-radio-info .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-info .radio.checked label::before {
+ border-color: #5bc0de;
+}
+.roo-radio-info .radio.checked label::after {
+ background-color: #5bc0de;
+}
+.roo-radio-warning .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-warning .radio.checked label::before {
+ border-color: #f0ad4e;
+}
+.roo-radio-warning .radio.checked label::after {
+ background-color: #f0ad4e;
+}
+.roo-radio-success .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-success .radio.checked label::before {
+ border-color: #5cb85c;
+}
+.roo-radio-success .radio.checked label::after {
+ background-color: #5cb85c;
+}
+.roo-radio-set.has-warning .roo-radio-set-items label,
+.roo-radio-set.has-warning .roo-radio-set-label {
+ color: #f0ad4e;
+}
+.roo-radio-set.has-error .roo-radio-set-items label,
+.roo-radio-set.has-error .roo-radio-set-label {
+ color: #d9534f;
+}
+.roo-radio-set.has-success .roo-radio-set-items label,
+.roo-radio-set.has-success .roo-radio-set-label {
+ color: #5cb85c;
+}
+.roo-radio-set-inline .radio {
+ position: relative;
+ display: inline-block;
+ padding-left: 20px;
+ margin-top: 0px;
+ margin-bottom: 0;
+ font-weight: 400;
+ vertical-align: middle;
+ cursor: pointer;
+}
+.roo-radio-set-inline .radio + .radio {
+ margin-left: 10px;
+}
+.roo-radio-set-label .roo-required-indicator.right-indicator {
+ position: absolute;
+}
+.roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
+ font-size: 8px;
+ margin-left: 3px;
+ color: #d9534f;
+}
+.roo-form-error-popover.in {
+ opacity: 1;
+}
+.roo-form-error-popover .tooltip-inner {
+ max-width: 100%;
+ padding: 10px;
+}
+.x-form-field-wrap .form-group {
+ margin-bottom: 0px;
+}
+.roo-password-meter-grey {
+ background: #777777;
+ /* For browsers that do not support gradients */
+ margin-bottom: 30px;
+ height: 10px;
+}
+.roo-password-meter {
+ background: red;
+ /* For browsers that do not support gradients */
+ background: -webkit-linear-gradient(-90deg, #008000, #ff0000);
+ /* For Safari 5.1 to 6.0 */
+ background: -o-linear-gradient(-90deg, #008000, #ff0000);
+ /* For Opera 11.1 to 12.0 */
+ background: -moz-linear-gradient(-90deg, #008000, #ff0000);
+ /* For Firefox 3.6 to 15 */
+ background: linear-gradient(-90deg, #008000, #ff0000);
+ font-size: 12px;
+}
+.roo-password-meter-container {
+ margin-bottom: 20px;
+}
+.roo-password-meter-tooweak {
+ background: #d9534f;
+ height: 10px;
+}
+.roo-password-meter-weak {
+ background: #f0ad4e;
+ height: 10px;
+}
+.roo-password-meter-medium {
+ background: #f0ad4e;
+ height: 10px;
+}
+.roo-password-meter-strong {
+ background: #5cb85c;
+ height: 10px;
+}
+.roo-password-meter-text {
+ /* padding-bottom:5px; */
+ margin-bottom: 30px;
+ font-size: 12px;
+ height: 10px;
}
-
-/* -- select2.css ---- */
/*
Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
*/
-.select2-container {
- margin: 0;
- position: relative;
- /*display: inline-block;*/
- /* inline-block for ie7 */
- zoom: 1;
- *display: inline;
- vertical-align: middle;
+.roo-select2-container {
+ margin: 0;
+ position: relative;
+ /*display: inline-block;*/
+ /* inline-block for ie7 */
+ zoom: 1;
+ *display: inline;
+ vertical-align: middle;
}
-
-.select2-container,
-.select2-drop,
-.select2-search,
-.select2-search input {
+.roo-select2-container,
+.roo-select2-drop,
+.roo-select2-search,
+.roo-select2-search input {
/*
Force border-box so that % widths fit the parent
container without overlap because of margin/padding.
More Info : http://www.quirksmode.org/css/box.html
*/
- -webkit-box-sizing: border-box; /* webkit */
- -moz-box-sizing: border-box; /* firefox */
- box-sizing: border-box; /* css3 */
+ -webkit-box-sizing: border-box;
+ /* webkit */
+ -moz-box-sizing: border-box;
+ /* firefox */
+ box-sizing: border-box;
+ /* css3 */
+}
+.roo-select2-container .roo-select2-choice {
+ display: block;
+ height: 26px;
+ padding: 0 0 0 8px;
+ overflow: hidden;
+ position: relative;
+ border: 1px solid #777777;
+ white-space: nowrap;
+ line-height: 26px;
+ color: #333333;
+ text-decoration: none;
+ border-radius: 4px;
+ background-clip: padding-box;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #ffffff;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
+ background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
+}
+.roo-select2-container.roo-select2-drop-above .roo-select2-choice {
+ border-bottom-color: #777777;
+ border-radius: 0 0 4px 4px;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
+ background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
+}
+.roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
+ margin-right: 42px;
+}
+.roo-select2-container .roo-select2-choice > .roo-select2-chosen {
+ margin-right: 26px;
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ float: none;
+ width: auto;
}
-
-.select2-container .select2-choice {
- display: block;
- height: 26px;
- padding: 0 0 0 8px;
- overflow: hidden;
- position: relative;
-
- border: 1px solid #aaa;
- white-space: nowrap;
- line-height: 26px;
- color: #444;
- text-decoration: none;
-
- border-radius: 4px;
-
- background-clip: padding-box;
-
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
- background-color: #fff;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
- background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
- background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
- background-image: linear-gradient(to top, #eee 0%, #fff 50%);
+.roo-select2-container .roo-select2-choice abbr {
+ display: none;
+ width: 12px;
+ height: 12px;
+ position: absolute;
+ right: 24px;
+ top: 8px;
+ font-size: 1px;
+ text-decoration: none;
+ border: 0;
+ background: url('../images/select2/select2.png') right top no-repeat;
+ cursor: pointer;
+ outline: 0;
}
-
-.select2-container.select2-drop-above .select2-choice {
- border-bottom-color: #aaa;
-
- border-radius: 0 0 4px 4px;
-
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
- background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
- background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
- background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
+.roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
+ display: inline-block;
}
-
-.select2-container.select2-allowclear .select2-choice .select2-chosen {
- margin-right: 42px;
+.roo-select2-container .roo-select2-choice abbr:hover {
+ background-position: right -11px;
+ cursor: pointer;
}
-
-.select2-container .select2-choice > .select2-chosen {
- margin-right: 26px;
- display: block;
- overflow: hidden;
-
- white-space: nowrap;
-
- text-overflow: ellipsis;
- float: none;
- width: auto;
+.roo-select2-drop-mask {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ position: fixed;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ min-width: 100%;
+ height: auto;
+ width: auto;
+ opacity: 0;
+ z-index: 9998;
+ /* styles required for IE to work */
+ background-color: #ffffff;
+ filter: alpha(opacity=0);
}
-
-.select2-container .select2-choice abbr {
- display: none;
- width: 12px;
- height: 12px;
- position: absolute;
- right: 24px;
- top: 8px;
-
- font-size: 1px;
- text-decoration: none;
-
- border: 0;
- background: url('../images/select2/select2.png') right top no-repeat;
- cursor: pointer;
- outline: 0;
+.roo-select2-drop {
+ width: 100%;
+ margin-top: -1px;
+ position: absolute;
+ z-index: 9999;
+ top: 100%;
+ background: #ffffff;
+ color: #000000;
+ border: 1px solid #777777;
+ border-top: 0;
+ border-radius: 0 0 4px 4px;
+ -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+}
+.roo-select2-drop.roo-select2-drop-above {
+ margin-top: 1px;
+ border-top: 1px solid #777777;
+ border-bottom: 0;
+ border-radius: 4px 4px 0 0;
+ -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
}
-
-.select2-container.select2-allowclear .select2-choice abbr {
- display: inline-block;
+.roo-select2-drop-active {
+ border: 1px solid #337ab7;
+ border-top: none;
}
-
-.select2-container .select2-choice abbr:hover {
- background-position: right -11px;
- cursor: pointer;
+.roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
+ border-top: 1px solid #337ab7;
}
-
-.select2-drop-mask {
- border: 0;
- margin: 0;
- padding: 0;
- position: fixed;
- left: 0;
- top: 0;
- min-height: 100%;
- min-width: 100%;
- height: auto;
- width: auto;
- opacity: 0;
- z-index: 9998;
- /* styles required for IE to work */
- background-color: #fff;
- filter: alpha(opacity=0);
+.roo-select2-drop-auto-width {
+ border-top: 1px solid #777777;
+ width: auto;
}
-
-.select2-drop {
- width: 100%;
- margin-top: -1px;
- position: absolute;
- z-index: 9999;
- top: 100%;
-
- background: #fff;
- color: #000;
- border: 1px solid #aaa;
- border-top: 0;
-
- border-radius: 0 0 4px 4px;
-
- -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
- box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+.roo-select2-drop-auto-width .roo-select2-search {
+ padding-top: 4px;
}
-
-.select2-drop.select2-drop-above {
- margin-top: 1px;
- border-top: 1px solid #aaa;
- border-bottom: 0;
-
- border-radius: 4px 4px 0 0;
-
- -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
- box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+.roo-select2-container .roo-select2-choice .roo-select2-arrow {
+ display: inline-block;
+ width: 18px;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-left: 1px solid #777777;
+ border-radius: 0 4px 4px 0;
+ background-clip: padding-box;
+ background: #777777;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
+ background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
+ background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
+ background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
+}
+.roo-select2-container .roo-select2-choice .roo-select2-arrow b {
+ display: block;
+ width: 100%;
+ height: 100%;
+ background: url('../images/select2/select2.png') no-repeat 0 1px;
}
-
-.select2-drop-active {
- border: 1px solid #5897fb;
- border-top: none;
+.roo-select2-search {
+ display: inline-block;
+ width: 100%;
+ min-height: 26px;
+ margin: 0;
+ padding-left: 4px;
+ padding-right: 4px;
+ position: relative;
+ z-index: 10000;
+ white-space: nowrap;
}
-
-.select2-drop.select2-drop-above.select2-drop-active {
- border-top: 1px solid #5897fb;
+.roo-select2-search input {
+ width: 100%;
+ height: auto !important;
+ min-height: 26px;
+ padding: 4px 20px 4px 5px;
+ margin: 0;
+ outline: 0;
+ font-family: sans-serif;
+ font-size: 1em;
+ border: 1px solid #777777;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
+ 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));
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
+}
+.roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
+ margin-top: 4px;
+}
+.roo-select2-search input.roo-select2-active {
+ background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
+ 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));
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
+}
+.roo-select2-container-active .roo-select2-choice,
+.roo-select2-container-active .roo-select2-choices {
+ border: 1px solid #337ab7;
+ outline: none;
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.roo-select2-dropdown-open .roo-select2-choice {
+ border-bottom-color: transparent;
+ -webkit-box-shadow: 0 1px 0 #ffffff inset;
+ box-shadow: 0 1px 0 #ffffff inset;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ background-color: #eeeeee;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
+ background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
+ background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+ background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
+}
+.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
+.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
+ border: 1px solid #337ab7;
+ border-top-color: transparent;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
+ background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
+ background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+ background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
+}
+.roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
+ background: transparent;
+ border-left: none;
+ filter: none;
+}
+.roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
+ background-position: -18px 1px;
+}
+.roo-select2-hidden-accessible {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
}
-
-.select2-drop-auto-width {
- border-top: 1px solid #aaa;
- width: auto;
+/* results */
+.roo-select2-results {
+ max-height: 200px;
+ padding: 0 0 0 4px;
+ margin: 4px 4px 4px 0;
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
-
-.select2-drop-auto-width .select2-search {
- padding-top: 4px;
+.roo-select2-results ul.roo-select2-result-sub {
+ margin: 0;
+ padding-left: 0;
}
-
-.select2-container .select2-choice .select2-arrow {
- display: inline-block;
- width: 18px;
- height: 100%;
- position: absolute;
- right: 0;
- top: 0;
-
- border-left: 1px solid #aaa;
- border-radius: 0 4px 4px 0;
-
- background-clip: padding-box;
-
- background: #ccc;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
- background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
- background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
- background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
+.roo-select2-results li {
+ list-style: none;
+ display: list-item;
+ background-image: none;
}
-
-.select2-container .select2-choice .select2-arrow b {
- display: block;
- width: 100%;
- height: 100%;
- background: url('../images/select2/select2.png') no-repeat 0 1px;
+.roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
+ font-weight: bold;
}
-
-.select2-search {
- display: inline-block;
- width: 100%;
- min-height: 26px;
- margin: 0;
- padding-left: 4px;
- padding-right: 4px;
-
- position: relative;
- z-index: 10000;
-
- white-space: nowrap;
+.roo-select2-results .roo-select2-result-label {
+ padding: 3px 7px 4px;
+ margin: 0;
+ cursor: pointer;
+ min-height: 1em;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.roo-select2-results-dept-1 .roo-select2-result-label {
+ padding-left: 20px;
+}
+.roo-select2-results-dept-2 .roo-select2-result-label {
+ padding-left: 40px;
+}
+.roo-select2-results-dept-3 .roo-select2-result-label {
+ padding-left: 60px;
+}
+.roo-select2-results-dept-4 .roo-select2-result-label {
+ padding-left: 80px;
+}
+.roo-select2-results-dept-5 .roo-select2-result-label {
+ padding-left: 100px;
+}
+.roo-select2-results-dept-6 .roo-select2-result-label {
+ padding-left: 110px;
+}
+.roo-select2-results-dept-7 .roo-select2-result-label {
+ padding-left: 120px;
+}
+.roo-select2-results .roo-select2-highlighted {
+ background: #337ab7;
+ color: #ffffff;
+}
+.roo-select2-results li em {
+ background: #f0ad4e;
+ font-style: normal;
+}
+.roo-select2-results .roo-select2-highlighted em {
+ background: transparent;
+}
+.roo-select2-results .roo-select2-highlighted ul {
+ background: #ffffff;
+ color: #000000;
+}
+.roo-select2-results .roo-select2-no-results,
+.roo-select2-results .roo-select2-searching,
+.roo-select2-results .roo-select2-selection-limit {
+ background: #777777;
+ display: list-item;
+ padding-left: 5px;
+}
+/*
+disabled look for disabled choices in the results dropdown
+*/
+.roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
+ color: #eeeeee;
+ background: #777777;
+ display: list-item;
+ cursor: default;
+}
+.roo-select2-results .roo-select2-disabled {
+ background: #777777;
+ display: list-item;
+ cursor: default;
+}
+.roo-select2-results .roo-select2-selected {
+ display: none;
+}
+.roo-select2-more-results.roo-select2-active {
+ background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
}
-
-.select2-search input {
- width: 100%;
- height: auto !important;
- min-height: 26px;
- padding: 4px 20px 4px 5px;
- margin: 0;
-
- outline: 0;
- font-family: sans-serif;
- font-size: 1em;
-
- border: 1px solid #aaa;
- border-radius: 0;
-
- -webkit-box-shadow: none;
- box-shadow: none;
-
- background: #fff url('../images/select2/select2.png') no-repeat 100% -22px;
- 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, #eee));
- background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
- background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
- background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
+.roo-select2-more-results {
+ background: #777777;
+ display: list-item;
}
-
-.select2-drop.select2-drop-above .select2-search input {
- margin-top: 4px;
+/* disabled styles */
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
+ background-color: #777777;
+ background-image: none;
+ border: 1px solid #777777;
+ cursor: default;
}
-
-.select2-search input.select2-active {
- background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100%;
- 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, #eee));
- background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
- background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
- background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
+ background-color: #777777;
+ background-image: none;
+ border-left: 0;
}
-
-.select2-container-active .select2-choice,
-.select2-container-active .select2-choices {
- border: 1px solid #5897fb;
- outline: none;
-
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
- box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
+ display: none;
}
-
-.select2-dropdown-open .select2-choice {
- border-bottom-color: transparent;
- -webkit-box-shadow: 0 1px 0 #fff inset;
- box-shadow: 0 1px 0 #fff inset;
-
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
-
- background-color: #eee;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
- background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
- background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
- background-image: linear-gradient(to top, #fff 0%, #eee 50%);
+/* multiselect */
+.roo-select2-container-multi .roo-select2-choices {
+ height: auto !important;
+ height: 1%;
+ margin: 0;
+ padding: 0;
+ /*position: relative;*/
+ border: 1px solid #777777;
+ cursor: text;
+ overflow: hidden;
+ background-color: #ffffff;
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
+}
+.roo-select2-locked {
+ padding: 3px 5px 3px 5px !important;
}
-
-.select2-dropdown-open.select2-drop-above .select2-choice,
-.select2-dropdown-open.select2-drop-above .select2-choices {
- border: 1px solid #5897fb;
- border-top-color: transparent;
-
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
- background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
- background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
- background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
+.roo-select2-container-multi .roo-select2-choices {
+ min-height: 26px;
}
-
-.select2-dropdown-open .select2-choice .select2-arrow {
- background: transparent;
- border-left: none;
- filter: none;
+.roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
+ border: 1px solid #337ab7;
+ outline: none;
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
-.select2-dropdown-open .select2-choice .select2-arrow b {
- background-position: -18px 1px;
+.roo-select2-container-multi .roo-select2-choices li {
+ float: left;
+ list-style: none;
}
-
-.select2-hidden-accessible {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
+html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
+ float: right;
}
-
-/* results */
-.select2-results {
- max-height: 200px;
- padding: 0 0 0 4px;
- margin: 4px 4px 4px 0;
- position: relative;
- overflow-x: hidden;
- overflow-y: auto;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
+ padding: 5px;
+ margin: 1px 0;
+ font-family: sans-serif;
+ font-size: 100%;
+ color: #555555;
+ outline: 0;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent !important;
}
-
-.select2-results ul.select2-result-sub {
- margin: 0;
- padding-left: 0;
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
+ background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
}
-
-.select2-results li {
- list-style: none;
- display: list-item;
- background-image: none;
+.roo-select2-default {
+ color: #777777 !important;
}
-
-.select2-results li.select2-result-with-children > .select2-result-label {
- font-weight: bold;
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
+ padding: 4px 7px 4px 16px;
+ margin: 0 1px;
+ position: relative;
+ line-height: 13px;
+ color: #333333;
+ cursor: default;
+ border: 1px solid #777777;
+ border-radius: 3px;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
+ margin-left: 0;
+ margin-right: 5px;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
+ cursor: default;
}
-
-.select2-results .select2-result-label {
- padding: 3px 7px 4px;
- margin: 0;
- cursor: pointer;
-
- min-height: 1em;
-
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
+ background: #777777;
}
-
-.select2-results-dept-1 .select2-result-label { padding-left: 20px }
-.select2-results-dept-2 .select2-result-label { padding-left: 40px }
-.select2-results-dept-3 .select2-result-label { padding-left: 60px }
-.select2-results-dept-4 .select2-result-label { padding-left: 80px }
-.select2-results-dept-5 .select2-result-label { padding-left: 100px }
-.select2-results-dept-6 .select2-result-label { padding-left: 110px }
-.select2-results-dept-7 .select2-result-label { padding-left: 120px }
-
-.select2-results .select2-highlighted {
- background: #3875d7;
- color: #fff;
+.roo-select2-search-choice-close {
+ display: block;
+ width: 12px;
+ height: 13px;
+ position: absolute;
+ right: 3px;
+ top: 4px;
+ font-size: 1px;
+ outline: none;
+ background: url('../images/select2/select2.png') right top no-repeat;
}
-
-.select2-results li em {
- background: #feffde;
- font-style: normal;
+html[dir="rtl"] .roo-select2-search-choice-close {
+ right: auto;
+ left: 3px;
}
-
-.select2-results .select2-highlighted em {
- background: transparent;
+.roo-select2-container-multi .roo-select2-search-choice-close {
+ left: 3px;
}
-
-.select2-results .select2-highlighted ul {
- background: #fff;
- color: #000;
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
+ background-position: right -11px;
}
-
-
-.select2-results .select2-no-results,
-.select2-results .select2-searching,
-.select2-results .select2-selection-limit {
- background: #f4f4f4;
- display: list-item;
- padding-left: 5px;
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
+ background-position: right -11px;
}
-
-/*
-disabled look for disabled choices in the results dropdown
-*/
-.select2-results .select2-disabled.select2-highlighted {
- color: #666;
- background: #f4f4f4;
- display: list-item;
- cursor: default;
-}
-.select2-results .select2-disabled {
- background: #f4f4f4;
- display: list-item;
+/* disabled styles */
+.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
+ background-color: #777777;
+ background-image: none;
+ border: 1px solid #777777;
cursor: default;
}
-
-.select2-results .select2-selected {
- display: none;
+.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
+ padding: 3px 5px 3px 5px;
+ border: 1px solid #777777;
+ background-image: none;
+ background-color: #777777;
}
-
-.select2-more-results.select2-active {
- background: #f4f4f4 url('../images/select2/select2-spinner.gif') no-repeat 100%;
+.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
+ display: none;
+ background: none;
}
-
-.select2-more-results {
- background: #f4f4f4;
- display: list-item;
+/* end multiselect */
+.roo-select2-result-selectable .roo-select2-match,
+.roo-select2-result-unselectable .roo-select2-match {
+ text-decoration: underline;
+}
+.roo-select2-offscreen,
+.roo-select2-offscreen:focus {
+ clip: rect(0 0 0 0) !important;
+ width: 1px !important;
+ height: 1px !important;
+ border: 0 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ overflow: hidden !important;
+ position: absolute !important;
+ outline: 0 !important;
+ left: 0px !important;
+ top: 0px !important;
+}
+.roo-select2-display-none {
+ display: none;
}
-
-/* disabled styles */
-
-.select2-container.select2-container-disabled .select2-choice {
- background-color: #f4f4f4;
- background-image: none;
- border: 1px solid #ddd;
- cursor: default;
+.roo-select2-measure-scrollbar {
+ position: absolute;
+ top: -10000px;
+ left: -10000px;
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
}
-
-.select2-container.select2-container-disabled .select2-choice .select2-arrow {
- background-color: #f4f4f4;
- background-image: none;
- border-left: 0;
+/* Retina-ize icons */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
+ .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 {
+ background-image: url('../images/select2/select2x2.png') !important;
+ background-repeat: no-repeat !important;
+ background-size: 60px 40px !important;
+ }
+ .roo-select2-search input {
+ background-position: 100% -21px !important;
+ }
+}
+.has-error .roo-select2-choices {
+ border-color: #d9534f;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
+}
+.dropdown-menu .roo-select2-result.disabled {
+ background-color: #eeeeee;
+ color: #777777;
+ cursor: not-allowed;
+}
+.sidebar {
+ margin-bottom: 5px;
}
-
-.select2-container.select2-container-disabled .select2-choice abbr {
- display: none;
+/* override boostrap a:hover */
+.sidebar a:hover {
+ text-decoration: none;
}
-
-
-/* multiselect */
-
-.select2-container-multi .select2-choices {
- height: auto !important;
- height: 1%;
- margin: 0;
- padding: 0;
- /*position: relative;*/
- border: 1px solid #aaa;
- cursor: text;
- overflow: hidden;
- background-color: #fff;
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
- background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
- background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
- background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
+.sidebar .sidebar-menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
}
-
-.select2-locked {
- padding: 3px 5px 3px 5px !important;
+/* GREY BG */
+.sidebar .sidebar-menu > li,
+.sidebar .sidebar-menu li.active li.treeview-menu {
+ margin: 0;
+ padding: 0;
+ border-bottom: 1px solid #777777;
+ background-color: #eeeeee;
}
-
-.select2-container-multi .select2-choices {
- min-height: 26px;
+/* active child menu - white BG */
+.sidebar .sidebar-menu li.active li.treeview-menu {
+ background-color: #777777;
}
-
-.select2-container-multi.select2-container-active .select2-choices {
- border: 1px solid #5897fb;
- outline: none;
-
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
- box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+.sidebar .sidebar-menu > li > a,
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
+ padding: 12px 5px 12px 15px;
+ display: block;
+ color: #333333;
}
-.select2-container-multi .select2-choices li {
- float: left;
- list-style: none;
+.sidebar .sidebar-menu > li > a > .fa,
+.sidebar .sidebar-menu > li > a > .glyphicon,
+.sidebar .sidebar-menu > li > a > .ion {
+ width: 20px;
}
-html[dir="rtl"] .select2-container-multi .select2-choices li
-{
- float: right;
+.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 {
+ background-color: #ffffff;
+}
+.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 {
+ color: #000000;
+ text-decoration: none;
}
-.select2-container-multi .select2-choices .select2-search-field {
- margin: 0;
- padding: 0;
- white-space: nowrap;
+/* BLUE ACTIVE */
+.sidebar .sidebar-menu li.active {
+ color: #ffffff;
+ background-color: #337ab7;
+ border-color: #286090;
}
-
-.select2-container-multi .select2-choices .select2-search-field input {
- padding: 5px;
- margin: 1px 0;
-
- font-family: sans-serif;
- font-size: 100%;
- color: #666;
- outline: 0;
- border: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: transparent !important;
+.sidebar .sidebar-menu li.active:hover,
+.sidebar .sidebar-menu li.active:focus,
+.sidebar .sidebar-menu li.active.focus {
+ color: #ffffff;
+ background-color: #337ab7;
+ border-color: #286090;
}
-
-.select2-container-multi .select2-choices .select2-search-field input.select2-active {
- background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
+.sidebar .sidebar-menu li.active a {
+ color: #ffffff;
}
-
-.select2-default {
- color: #999 !important;
+.sidebar .sidebar-menu li.disabled {
+ color: #333333;
+ background-color: #ffffff;
+ border-color: #333333;
}
-
-.select2-container-multi .select2-choices .select2-search-choice {
- padding: 3px 5px 3px 18px;
- margin: 3px 0 3px 5px;
- position: relative;
-
- line-height: 13px;
- color: #333;
- cursor: default;
- border: 1px solid #aaaaaa;
-
- border-radius: 3px;
-
- -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
- box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-
- background-clip: padding-box;
-
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
- background-color: #e4e4e4;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
- background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
- background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
- background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-}
-html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
-{
- margin-left: 0;
- margin-right: 5px;
+.sidebar .sidebar-menu li.disabled a {
+ color: #777777;
+ cursor: default;
}
-.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
- cursor: default;
+.sidebar .sidebar-menu li.danger,
+.sidebar .sidebar-menu li.danger.active {
+ color: #ffffff;
+ background-color: #d9534f;
+ border-color: #e27c79;
}
-.select2-container-multi .select2-choices .select2-search-choice-focus {
- background: #d4d4d4;
+.sidebar .sidebar-menu li.danger:hover,
+.sidebar .sidebar-menu li.danger:focus,
+.sidebar .sidebar-menu li.danger.active:focus {
+ color: #ffffff;
+ background-color: #d9534f;
+ border-color: #c9302c;
+ border-bottom: 1px solid #c9302c;
}
-
-.select2-search-choice-close {
- display: block;
- width: 12px;
- height: 13px;
- position: absolute;
- right: 3px;
- top: 4px;
-
- font-size: 1px;
- outline: none;
- background: url('../images/select2/select2.png') right top no-repeat;
+.sidebar .sidebar-menu li.danger a,
+.sidebar .sidebar-menu li.danger.active a {
+ color: #ffffff;
}
-html[dir="rtl"] .select2-search-choice-close {
- right: auto;
- left: 3px;
+/* --- open */
+.sidebar .sidebar-menu li.open ul {
+ display: block;
}
-
-.select2-container-multi .select2-search-choice-close {
- left: 3px;
+.sidebar .sidebar-menu li.open .treeview-menu {
+ display: block;
}
-
-.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
- background-position: right -11px;
+/* --- treeview menu */
+.sidebar .sidebar-menu .treeview-menu {
+ display: none;
+ list-style: none;
+ padding: 0;
+ margin: 0;
}
-.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
- background-position: right -11px;
+.sidebar .sidebar-menu .treeview-menu > li {
+ margin: 0;
}
-
-/* disabled styles */
-.select2-container-multi.select2-container-disabled .select2-choices {
- background-color: #f4f4f4;
- background-image: none;
- border: 1px solid #ddd;
- cursor: default;
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
+ padding: 5px 5px 5px 20px;
+ display: block;
+ font-size: 14px;
+ margin: 0px 0px;
}
-
-.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
- padding: 3px 5px 3px 5px;
- border: 1px solid #ddd;
- background-image: none;
- background-color: #f4f4f4;
+.sidebar .sidebar-menu .treeview-menu > li > a > .fa,
+.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
+.sidebar .sidebar-menu .treeview-menu > li > a > .ion {
+ width: 20px;
}
-
-.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none;
- background: none;
+/* background to highlighted treeview node
+.sidebar .sidebar-menu li li.treeview-menu.active {
+ background: #fff;
}
-/* end multiselect */
-
-
-.select2-result-selectable .select2-match,
-.select2-result-unselectable .select2-match {
- text-decoration: underline;
+*/
+.sidebar .sidebar-menu li li.treeview-menu.active > a {
+ font-weight: bold;
}
-
-.select2-offscreen, .select2-offscreen:focus {
- clip: rect(0 0 0 0) !important;
- width: 1px !important;
- height: 1px !important;
- border: 0 !important;
- margin: 0 !important;
- padding: 0 !important;
- overflow: hidden !important;
- position: absolute !important;
- outline: 0 !important;
- left: 0px !important;
- top: 0px !important;
+/* active sidebard... */
+.badge-default {
+ background-color: #777777;
+ color: #ffffff;
}
-
-.select2-display-none {
- display: none;
+.badge-primary {
+ background-color: #337ab7;
+ color: #ffffff;
}
-
-.select2-measure-scrollbar {
- position: absolute;
- top: -10000px;
- left: -10000px;
- width: 100px;
- height: 100px;
- overflow: scroll;
+.badge-success {
+ background-color: #5cb85c;
+ color: #ffffff;
}
-
-/* Retina-ize icons */
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
- .select2-search input,
- .select2-search-choice-close,
- .select2-container .select2-choice abbr,
- .select2-container .select2-choice .select2-arrow b {
- background-image: url('../images/select2/select2x2.png') !important;
- background-repeat: no-repeat !important;
- background-size: 60px 40px !important;
- }
-
- .select2-search input {
- background-position: 100% -21px !important;
- }
+.badge-info {
+ background-color: #5bc0de;
+ color: #ffffff;
}
-
-.has-error .select2-choices {
- border-color: #a94442;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+.badge-warning {
+ background-color: #f0ad4e;
+ color: #ffffff;
}
-/* -- sidebar-nav.css ---- */
-
-
- .sidebar .sidebar-menu .open .treeview-menu {
- display:block;
+.badge-danger {
+ background-color: #d9534f;
+ color: #ffffff;
+}
+.sidebar .sidebar-menu > li.active .badge-info {
+ background-color: #ffffff;
+ color: #5bc0de;
}
-/* -- sticky-footer.css ---- */
/*html, */
-
-
-
/* Sticky footer styles
-------------------------------------------------- */
html.bootstrap-sticky {
height: 60px;
background-color: #f5f5f5;
}
-
-
-
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
- .bootstrap-sticky-footer {
- margin-left: -20px;
- margin-right: -20px;
- padding-left: 20px;
- padding-right: 20px;
- }
+ .bootstrap-sticky-footer {
+ margin-left: -20px;
+ margin-right: -20px;
+ padding-left: 20px;
+ padding-right: 20px;
+ }
}
-
-
-
-/* -- table.css ---- */
/* paging toolbar */
-
.pagination .x-paging-position span {
- padding-top:3px; padding-bottom:3px;
+ padding-top: 3px;
+ padding-bottom: 3px;
}
-.pagination .x-paging-position span input {
- margin: 0 3px;
+.pagination .x-paging-position span input {
+ margin: 0 3px;
}
-
-.navbar .pagination>li>span {
- min-height:34px;
+.navbar .pagination > li > span {
+ min-height: 34px;
}
-
.navbar .pagination {
- margin: 0;
+ margin: 0;
}
-
-
/* these are technicall adminlte related */
-.skin-blue .navbar .pagination > li > a:active,
-.skin-blue .navbar .pagination > li > a:focus,
-.skin-blue .navbar .pagination>li>a {
- background-color: #428bca;
-
+.skin-blue .navbar .pagination > li > a:active,
+.skin-blue .navbar .pagination > li > a:focus,
+.skin-blue .navbar .pagination > li > a {
+ background-color: #337ab7;
}
-.skin-blue .navbar .pagination > li > a:hover
-{
- background-color: rgb(221, 221, 221);
+.skin-blue .navbar .pagination > li > a:hover {
+ background-color: #777777;
}
.skin-blue table .navbar {
- background-color: #fff;
-
+ background-color: #ffffff;
}
-.skin-blue .navbar .pagination>li.disabled >a{
- background-color: rgb(221, 221, 221);
+.skin-blue .navbar .pagination > li.disabled > a {
+ background-color: #777777;
}
.skin-blue table .navbar {
- margin-bottom: 0;
- min-height: 0;
+ margin-bottom: 0;
+ min-height: 0;
}
-
.table .sortable {
- cursor: pointer;
+ cursor: pointer;
+}
+.table-body-fixed tbody {
+ overflow-y: scroll;
+ width: 100%;
+}
+.table-body-fixed thead,
+.table-body-fixed tbody,
+.table-body-fixed th {
+ display: block;
+}
+.table-body-fixed thead {
+ overflow: hidden;
+}
+.table-body-fixed tbody td,
+.table-body-fixed thead > tr > th {
+ float: left;
+ border-bottom-width: 0;
+}
+/* fake infinate widt.. */
+.table-body-fixed thead > tr,
+.table-body-fixed tbody > tr {
+ display: block;
+ overflow: hidden;
+}
+/* standard bootstrap does not colour rows very well.. */
+.table > tbody > tr.info {
+ background-color: #d9edf7;
+}
+.table-hover > tbody > tr.info:hover {
+ background-color: #c4e3f3;
+}
+.header .top-bar {
+ min-height: 30px;
+ background: #777777;
+ border-bottom: 1px solid #eeeeee;
+ padding: 0;
+}
+@media (min-width: 980px) {
+ .top-bar .collapse {
+ display: block !important;
+ visibility: visible !important;
+ height: auto !important;
+ overflow: visible !important;
+ padding-bottom: 0;
+ }
+}
+@media (min-width: 768px) and (max-width: 979px) {
+ .header .top-bar {
+ min-height: 0;
+ padding: 3px 0;
+ }
+}
+.header .social,
+.footer .social {
+ margin-right: 4px;
+ line-height: 30px;
+ padding-left: 0;
+ margin-bottom: 0;
+}
+.footer .social li:last-child,
+.footer .social {
+ margin-right: 0 !important;
+}
+.header .social li:first-child {
+ border-left: 1px solid #777777;
+}
+.header .social li,
+.footer .social li {
+ border-right: 1px solid #777777;
+ display: table-cell;
+ vertical-align: middle;
+ height: 40px;
+ margin-right: 5px;
+ width: 40px;
+ text-align: center;
+ -webkit-transition: background 0.5s ease-in-out;
+ -moz-transition: background 0.5s ease-in-out;
+ -o-transition: background 0.5s ease-in-out;
+ -ms-transition: background 0.5s ease-in-out;
+ transition: background 0.5s ease-in-out;
+ padding: 1px;
+}
+.header .social i,
+.footer .social i {
+ color: #555555;
+ font-size: 16px;
+ -webkit-transition: color 0.5s ease-in-out;
+ -moz-transition: color 0.5s ease-in-out;
+ -o-transition: color 0.5s ease-in-out;
+ -ms-transition: color 0.5s ease-in-out;
+ transition: color 0.5s ease-in-out;
+}
+.header .social li:hover a i,
+.footer .social li:hover a i {
+ color: #ffffff;
+}
+.team .item .team-member-links a.facebook:hover,
+.member-social.dark a.facebook:hover,
+.header .social li.facebook:hover,
+.footer .social li.facebook:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.dribbble:hover,
+.member-social.dark a.dribbble:hover,
+.header .social li.dribbble:hover,
+.footer .social li.dribbble:hover {
+ background: #f0ad4e;
+}
+.team .item .team-member-links a.twitter:hover,
+.member-social.dark a.twitter:hover,
+.header .social li.twitter:hover,
+.footer .social li.twitter:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.gplus:hover,
+.member-social.dark a.gplus:hover,
+.header .social li.gplus:hover,
+.footer .social li.gplus:hover {
+ background: #d9534f;
+}
+.team .item .team-member-links a.linkedin:hover,
+.member-social.dark a.linkedin:hover,
+.header .social li.linkedin:hover,
+.footer .social li.linkedin:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.pinterest:hover,
+.member-social.dark a.pinterest:hover,
+.header .social li.pinterest:hover,
+.footer .social li.pinterest:hover {
+ background: #d9534f;
+}
+.header .social li.rss:hover,
+.footer .social li.rss:hover {
+ background: #f0ad4e;
+}
+.top-bar .languages {
+ padding: 8px 0;
+}
+.top-bar .languages a {
+ margin-right: 20px;
+ color: #555555;
+ font-family: "Open Sans", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 24px;
}
-
-
-/* -- tweaks.css ---- */
.navbar-left .input-group[class*="col-"] {
- float:left;
+ float: left;
}
-
.ellipsis {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
}
-
.sw-child-headline {
- display: inline-block;
- width: auto;
+ display: inline-block;
+ width: auto;
}
-
.box-input-label {
- width: 100%;
- display: inline-block;
- font-weight: bold;
+ width: 100%;
+ display: inline-block;
+ font-weight: bold;
}
-
.box-label {
- margin-left: 5px;
- cursor: pointer;
+ margin-left: 5px;
+ cursor: pointer;
}
/* needed as menu ontop of form does not work */
.input-group .form-control {
-
- z-index: 1;
+ z-index: 1;
}
-
/* admin-lte - messes with checkbox and radio.. */
-.checkbox, .radio {
- padding-left: 15px!important;
+.checkbox,
+.radio {
+ padding-left: 15px !important;
}
/* paging toolbar */
-
.pagination .x-paging-position span {
- padding-top:3px; padding-bottom:3px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+.pagination .x-paging-position span input {
+ margin: 0 3px;
+}
+.panel-header-right {
+ float: right;
+ text-align: right;
+}
+.badge-error {
+ background-color: #d9534f;
+}
+.badge-error:hover {
+ background-color: #c9302c;
+}
+.badge-warning {
+ background-color: #f0ad4e;
+}
+.badge-warning:hover {
+ background-color: #ec971f;
+}
+.badge-success {
+ background-color: #5cb85c;
+}
+.badge-success:hover {
+ background-color: #449d44;
+}
+.badge-info {
+ background-color: #5bc0de;
+}
+.badge-info:hover {
+ background-color: #31b0d5;
+}
+.badge-inverse {
+ background-color: #333333;
+}
+.badge-inverse:hover {
+ background-color: #222222;
+}
+.tooltip.fade.in {
+ z-index: 10002;
+}
+.roo-upload-cropbox-selector {
+ visibility: hidden;
+ height: 0px;
+}
+.roo-upload-cropbox-dialog .modal-header,
+.roo-upload-cropbox-dialog .modal-footer {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+.roo-upload-cropbox-body {
+ background-color: #ffffff;
+ border: 1px solid #777777;
+ width: 100%;
+ height: 450px;
+ max-height: 450px;
+ position: relative;
+ overflow: hidden;
+ cursor: move;
+}
+.roo-upload-cropbox-preview {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ text-align: center;
+ margin: 0px;
+ padding: 0px;
+ border: none;
+}
+.roo-upload-cropbox-body .roo-upload-cropbox-thumb {
+ position: absolute;
+ /* top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);*/
+ box-sizing: border-box;
+ border: 1px solid #777777;
+ box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
+ background: none repeat scroll 0% 0% transparent;
+}
+.roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ font-weight: bold;
+ font-size: 24px;
+ text-align: center;
+ padding-top: 50px;
+ font-style: italic;
+}
+.roo-upload-cropbox-btn-group button {
+ background-color: #000000;
+ color: #ffffff;
+ border-color: #333333;
+}
+.roo-upload-cropbox-error-notify {
+ border-radius: 0px;
+ text-align: center;
+ padding: 0px !important;
+ margin: 0px !important;
+ position: absolute;
+ top: 0;
+ left: 0;
}
-.pagination .x-paging-position span input {
- margin: 0 3px;
-}
\ No newline at end of file
+/*# sourceMappingURL=roojs-bootstrap-debug.css.map */
\ No newline at end of file