css-bootstrap/bootstrap.min.css

css-bootstrap/roojs-bootstrap-debug.css
css-bootstrap/roojs-bootstrap.css

diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css
new file mode 100644 (file)
index 0000000..377bc19
--- /dev/null
+++ b/css-bootstrap/roojs-bootstrap-debug.css
@@ -0,0 +1,3732 @@
+/*
+ * CAUTION!
+ * This CSS file is auto generated. Please edit the .less instead!
+ */
+.alert {
+  padding-left: 30px;
+  margin-top: 20px;
+  margin-left: 15px;
+  position: relative;
+}
+.alert > .fa,
+.alert > .glyphicon {
+  position: absolute;
+  left: -15px;
+  top: -15px;
+  width: 35px;
+  height: 35px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  line-height: 35px;
+  text-align: center;
+  background: inherit;
+  border: inherit;
+}
+/*!
+ * FullCalendar v1.6.4 Stylesheet
+ * Docs & License: http://arshaw.com/fullcalendar/
+ * (c) 2013 Adam Shaw
+ *
+ * When taken - was MIT licence (18/Feb/2014)
+ */
+.fc {
+  direction: ltr;
+  text-align: left;
+  margin: 0;
+  font-family: Lucida Sans, Arial, sans-serif;
+}
+.fc table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+html .fc,
+.fc table {
+  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;
+}
+/* Header
+------------------------------------------------------------------------*/
+.fc-header td {
+  white-space: nowrap;
+}
+.fc-header-left {
+  width: 25%;
+  text-align: left;
+}
+.fc-header-center {
+  text-align: center;
+}
+.fc-header-right {
+  width: 25%;
+  text-align: right;
+}
+.fc-header-title {
+  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;
+}
+.fc .fc-header-space {
+  padding-left: 10px;
+}
+.fc-header .fc-button {
+  margin-bottom: 1em;
+  vertical-align: top;
+}
+/* buttons edges butting together */
+.fc-header .fc-button {
+  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;
+}
+.fc-header .fc-state-down {
+  z-index: 3;
+}
+.fc-header .fc-state-active,
+.fc-header .ui-state-active {
+  z-index: 4;
+}
+/* Content
+------------------------------------------------------------------------*/
+.fc-content {
+  clear: both;
+  zoom: 1;
+  /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
+}
+.fc-view {
+  width: 100%;
+  overflow: hidden;
+}
+/* Cell Styles
+------------------------------------------------------------------------*/
+.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;
+}
+/*
+        Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
+        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 */
+}
+.fc-button-prev .fc-text-arrow,
+.fc-button-next .fc-text-arrow {
+  /* for &lsaquo; &rsaquo; */
+  font-weight: bold;
+}
+/* icon (for jquery ui) */
+.fc-button .fc-icon-wrap {
+  position: relative;
+  float: left;
+  top: 50%;
+}
+.fc-button .ui-icon {
+  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, #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: #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;
+}
+.fc-state-down,
+.fc-state-active {
+  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;
+}
+/* Global Event Styles
+------------------------------------------------------------------------*/
+.fc-event-container > * {
+  z-index: 8;
+}
+.fc-event-container > .ui-draggable-dragging,
+.fc-event-container > .ui-resizable-resizing {
+  z-index: 9;
+}
+.fc-event {
+  border: 1px solid #337ab7;
+  background-color: #337ab7;
+  color: #ffffff;
+  /* default TEXT color */
+  font-size: .85em;
+  cursor: default;
+}
+a.fc-event {
+  text-decoration: none;
+}
+a.fc-event,
+.fc-event-draggable {
+  cursor: pointer;
+}
+.fc-rtl .fc-event {
+  text-align: right;
+}
+.fc-event-inner {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.fc-event-time,
+.fc-event-title {
+  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%;
+  /* */
+}
+/* Horizontal Events
+------------------------------------------------------------------------*/
+.fc-event-hori {
+  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;
+}
+.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;
+}
+/* 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;
+}
+.fc-event-hori .ui-resizable-w {
+  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 */
+}
+/* Reusable Separate-border Table
+------------------------------------------------------------*/
+table.fc-border-separate {
+  border-collapse: separate;
+}
+.fc-border-separate th,
+.fc-border-separate td {
+  border-width: 1px 0 0 1px;
+}
+.fc-border-separate th.fc-last,
+.fc-border-separate td.fc-last {
+  border-right-width: 1px;
+}
+.fc-border-separate tr.fc-last th,
+.fc-border-separate tr.fc-last td {
+  border-bottom-width: 1px;
+}
+.fc-border-separate tbody tr.fc-first td,
+.fc-border-separate tbody tr.fc-first th {
+  border-top-width: 0;
+}
+/* Month View, Basic Week View, Basic Day View
+------------------------------------------------------------------------*/
+.fc-grid th {
+  text-align: center;
+}
+.fc .fc-week-number {
+  width: 22px;
+  text-align: center;
+}
+.fc .fc-week-number div {
+  padding: 0 2px;
+}
+.fc-grid .fc-day-number {
+  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 */
+}
+.fc-grid .fc-day-content {
+  clear: both;
+  padding: 2px 2px 1px;
+  /* distance between events and day edges */
+}
+/* event styles */
+.fc-grid .fc-event-time {
+  font-weight: bold;
+}
+/* right-to-left */
+.fc-rtl .fc-grid .fc-day-number {
+  float: left;
+}
+.fc-rtl .fc-grid .fc-event-time {
+  float: right;
+}
+/* Agenda Week View, Agenda Day View
+------------------------------------------------------------------------*/
+.fc-agenda table {
+  border-collapse: separate;
+}
+.fc-agenda-days th {
+  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;
+}
+.fc-agenda .fc-week-number {
+  font-weight: bold;
+}
+.fc-agenda .fc-day-content {
+  padding: 2px 2px 1px;
+}
+/* make axis border take precedence */
+.fc-agenda-days .fc-agenda-axis {
+  border-right-width: 1px;
+}
+.fc-agenda-days .fc-col0 {
+  border-left-width: 0;
+}
+/* all-day area */
+.fc-agenda-allday th {
+  border-width: 0 1px;
+}
+.fc-agenda-allday .fc-day-content {
+  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;
+}
+.fc-widget-header .fc-agenda-divider-inner {
+  background: #eeeeee;
+}
+/* slot rows */
+.fc-agenda-slots th {
+  border-width: 1px 1px 0;
+}
+.fc-agenda-slots td {
+  border-width: 1px 0 0;
+  background: none;
+}
+.fc-agenda-slots td div {
+  height: 20px;
+}
+.fc-agenda-slots tr.fc-slot0 th,
+.fc-agenda-slots tr.fc-slot0 td {
+  border-top-width: 0;
+}
+.fc-agenda-slots tr.fc-minor th,
+.fc-agenda-slots tr.fc-minor td {
+  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 */
+}
+/* Vertical Events
+------------------------------------------------------------------------*/
+.fc-event-vert {
+  border-width: 0 1px;
+}
+.fc-event-vert.fc-event-start {
+  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;
+}
+.fc-event-vert .fc-event-time {
+  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: #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 */
+}
+/* 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;
+}
+.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;
+}
+.checkbox label::before {
+  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;
+}
+.checkbox input[type="checkbox"] {
+  display: none;
+}
+.checkbox input[type="checkbox"]:checked + label::after {
+  font-family: 'FontAwesome';
+  content: "\f00c";
+}
+.checkbox input[type="checkbox"]:disabled + label {
+  opacity: 0.65;
+}
+.checkbox input[type="checkbox"]:disabled + label::before {
+  background-color: #eeeeee;
+  cursor: not-allowed;
+}
+.checkbox.checkbox-circle label::before {
+  border-radius: 50%;
+}
+.checkbox-primary input[type="checkbox"]:checked + label::before {
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+.checkbox-primary input[type="checkbox"]:checked + label::after {
+  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: #ffffff;
+}
+.checkbox-info input[type="checkbox"]:checked + label::before {
+  background-color: #5bc0de;
+  border-color: #5bc0de;
+}
+.checkbox-info input[type="checkbox"]:checked + label::after {
+  color: #ffffff;
+}
+.checkbox-warning input[type="checkbox"]:checked + label::before {
+  background-color: #f0ad4e;
+  border-color: #f0ad4e;
+}
+.checkbox-warning input[type="checkbox"]:checked + label::after {
+  color: #ffffff;
+}
+.checkbox-success input[type="checkbox"]:checked + label::before {
+  background-color: #5cb85c;
+  border-color: #5cb85c;
+}
+.checkbox-success input[type="checkbox"]:checked + label::after {
+  color: #ffffff;
+}
+/* before is the outer cicle */
+/* after is the inner circle.. */
+.radio label {
+  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 #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: #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;
+}
+.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;
+}
+.radio input[type="radio"]:disabled + label {
+  opacity: 0.65;
+}
+.radio input[type="radio"]:disabled + label::before {
+  cursor: not-allowed;
+}
+.radio-primary input[type="radio"] + label::after {
+  background-color: #ffffff;
+}
+.radio-primary input[type="radio"]:checked + label::before {
+  border-color: #337ab7;
+}
+.radio-primary input[type="radio"]:checked + label::after {
+  background-color: #337ab7;
+}
+.radio-danger input[type="radio"] + label::after {
+  background-color: #d9534f;
+}
+.radio-danger input[type="radio"]:checked + label::before {
+  border-color: #d9534f;
+}
+.radio-danger input[type="radio"]:checked + label::after {
+  background-color: #d9534f;
+}
+.radio-info input[type="radio"] + label::after {
+  background-color: #ffffff;
+}
+.radio-info input[type="radio"]:checked + label::before {
+  border-color: #5bc0de;
+}
+.radio-info input[type="radio"]:checked + label::after {
+  background-color: #5bc0de;
+}
+.radio-warning input[type="radio"] + label::after {
+  background-color: #ffffff;
+}
+.radio-warning input[type="radio"]:checked + label::before {
+  border-color: #f0ad4e;
+}
+.radio-warning input[type="radio"]:checked + label::after {
+  background-color: #f0ad4e;
+}
+.radio-success input[type="radio"] + label::after {
+  background-color: #ffffff;
+}
+.radio-success input[type="radio"]:checked + label::before {
+  border-color: #5cb85c;
+}
+.radio-success input[type="radio"]:checked + label::after {
+  background-color: #5cb85c;
+}
+.checkbox.checkbox-inline,
+.radio.radio-inline {
+  margin-top: 0;
+}
+/*
+ *
+ * From https://github.com/danielfarrell/bootstrap-combobox
+ *
+ */
+.combobox-container {
+  margin-bottom: 5px;
+  *zoom: 1;
+  display: inline-table;
+}
+.combobox-container:before,
+.combobox-container:after {
+  display: table;
+  content: "";
+}
+.combobox-container:after {
+  /* clear: both; */
+}
+.combobox-container input,
+.combobox-container .uneditable-input {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+.combobox-container input:focus,
+.combobox-container .uneditable-input:focus {
+  position: relative;
+  z-index: 2;
+}
+.combobox-container .uneditable-input {
+  border-left-color: #777777;
+}
+.combobox-container .add-on {
+  float: left;
+  display: inline-block;
+  width: auto;
+  min-width: 16px;
+  height: inherit !important;
+  margin-right: -1px;
+  padding: 4px 5px;
+  font-weight: normal;
+  color: #777777;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  background-color: #f5f5f5;
+  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: #337ab7;
+  color: #ffffff;
+}
+.combobox-container input,
+.combobox-container .uneditable-input {
+  float: left;
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+.combobox-container .uneditable-input {
+  border-left-color: #eeeeee;
+  border-right-color: #777777;
+}
+.combobox-container .add-on {
+  margin-right: 0;
+  margin-left: -1px;
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+.combobox-container input:first-child {
+  *margin-left: -160px;
+}
+.combobox-container input:first-child + .add-on {
+  *margin-left: -21px;
+}
+.combobox-container select {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  text-indent: -99999px;
+  *text-indent: 0;
+}
+.form-search .combobox-container,
+.form-inline .combobox-container {
+  display: inline-block;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+.form-search .combobox-container .add-on,
+.form-inline .combobox-container .add-on {
+  vertical-align: middle;
+}
+.combobox-selected .combobox-clear {
+  display: inline-block;
+}
+.combobox-selected .caret {
+  display: none;
+}
+.combobox-clear {
+  display: none;
+  width: 14px;
+  height: 14px;
+  line-height: 14px;
+  vertical-align: top;
+  opacity: 0.3;
+  filter: alpha(opacity=30);
+}
+.dropdown:hover .combobox-clear,
+.open.dropdown .combobox-clear {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.btn .combobox-clear {
+  margin-top: 1px;
+  margin-left: 1px;
+}
+.btn:hover .combobox-clear,
+.open.btn-group .combobox-clear {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.typeahead-long {
+  max-height: 300px;
+  overflow-y: auto;
+}
+.control-group.error .combobox-container .add-on {
+  color: #d9534f;
+  border-color: #d9534f;
+}
+.control-group.error .combobox-container .caret {
+  border-top-color: #d9534f;
+}
+.control-group.warning .combobox-container .add-on {
+  color: #f0ad4e;
+  border-color: #f0ad4e;
+}
+.control-group.warning .combobox-container .caret {
+  border-top-color: #f0ad4e;
+}
+.control-group.success .combobox-container .add-on {
+  color: #5cb85c;
+  border-color: #5cb85c;
+}
+.control-group.success .combobox-container .caret {
+  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 #337ab7;
+  border-top: none;
+}
+.roo-select2-container .dropdown-menu {
+  border: 1px solid #337ab7;
+}
+.dropdown-menu .active {
+  background: #337ab7;
+  color: #ffffff;
+}
+.dropdown-menu .active label {
+  color: #ffffff;
+}
+.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%;
+}
+.roo-select2-container .x-combo-noedit {
+  cursor: pointer;
+  background-color: #ffffff;
+}
+.roo-select2-container .x-combo-noedit[disabled] {
+  cursor: not-allowed;
+  background-color: #eeeeee;
+}
+.roo-combobox-tickable .roo-select2-choices {
+  border: none;
+  background-image: none;
+}
+.roo-combobox-tickable .roo-select2-result label {
+  width: 100%;
+}
+/* zindex of dialogs is 10000++ so dropdowns have to be higher... */
+.dropdown-menu {
+  z-index: 20002 !important;
+}
+.dropdown-menu .checkbox label {
+  width: 100%;
+}
+.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 #777777;
+  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;
+}
+/*
+.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;
+}
+
+
+.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 for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.datepicker {
+  padding: 8px 12px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  direction: ltr;
+  font-size: 13px;
+  /*.dow {
+               border-top: 1px solid @gray-light !important;
+       }*/
+}
+.datepicker-inline {
+  width: 220px;
+}
+.datepicker.datepicker-rtl {
+  direction: rtl;
+}
+.datepicker.datepicker-rtl table tr td span {
+  float: right;
+}
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+/*.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid @gray-light;
+  border-bottom-color: @black-opacity-20;
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  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 #777777;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 7px;
+}
+.datepicker-dropdown.bottom:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 8px;
+}
+.datepicker-dropdown.top:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  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 #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 #777777;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 7px;
+}
+.datepicker-dropdown.bottom-right:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  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 #777777;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 260px;
+}
+.datepicker-dropdown.bottom-left:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  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 #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 #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 #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 #ffffff;
+  position: absolute;
+  bottom: -6px;
+  left: 261px;
+}
+.datepicker > div {
+  display: none;
+}
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+.datepicker table {
+  margin: 0;
+}
+.datepicker td,
+.datepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border: none;
+}
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+.datepicker table tr td.day:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+  color: #777777;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  background: none;
+  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: #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='@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:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today:hover.disabled,
+.datepicker table tr td.today.disabled.disabled,
+.datepicker table tr td.today.disabled:hover.disabled,
+.datepicker table tr td.today[disabled],
+.datepicker table tr td.today:hover[disabled],
+.datepicker table tr td.today.disabled[disabled],
+.datepicker table tr td.today.disabled:hover[disabled] {
+  background-color: #f0ad4e;
+}
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active {
+  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: #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='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: #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.disabled:hover,
+.datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active:hover.disabled,
+.datepicker table tr td.active.disabled.disabled,
+.datepicker table tr td.active.disabled:hover.disabled,
+.datepicker table tr td.active[disabled],
+.datepicker table tr td.active:hover[disabled],
+.datepicker table tr td.active.disabled[disabled],
+.datepicker table tr td.active.disabled:hover[disabled] {
+  background-color: #337ab7;
+}
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active {
+  background-color: #286090;
+}
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.datepicker table tr td span:hover {
+  background: #eeeeee;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+  background: none;
+  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: #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='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: #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.disabled:hover,
+.datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active:hover.disabled,
+.datepicker table tr td span.active.disabled.disabled,
+.datepicker table tr td span.active.disabled:hover.disabled,
+.datepicker table tr td span.active[disabled],
+.datepicker table tr td span.active:hover[disabled],
+.datepicker table tr td span.active.disabled[disabled],
+.datepicker table tr td span.active.disabled:hover[disabled] {
+  background-color: #337ab7;
+}
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active {
+  background-color: #286090;
+}
+.datepicker table tr td span.old {
+  color: #777777;
+}
+.datepicker th.switch {
+  width: 145px;
+}
+.datepicker thead tr:first-child th,
+.datepicker tfoot tr:first-child th {
+  cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr:first-child th:hover {
+  background: #eeeeee;
+}
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  display: block;
+  cursor: pointer;
+  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;
+}
+.datepicker .datepicker-time td span.timepicker-hour,
+.datepicker .datepicker-time td span.timepicker-minute {
+  width: 100%;
+  font-weight: bold;
+  font-size: 1.2em;
+}
+.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 #777777;
+  -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: #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='@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;
+}
+.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;
+}
+.dropup .dropdown-menu {
+  -webkit-animation-name: inherit;
+}
+.dropdown-submenu > a:after {
+  display: block;
+  float: right;
+  width: 0;
+  height: 0;
+  margin-top: 5px;
+  margin-right: -10px;
+  border-color: transparent;
+  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;
+}
+.dropdown-button > i {
+  margin-right: 5px;
+}
+li.dropdown-toggle i.glyphicon + span {
+  margin-left: 5px;
+}
+li.dropdown-toggle span + i.glyphicon {
+  margin-left: 5px;
+}
+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;
+}
+*/
+.roo-layout-panel-body {
+  overflow: hidden;
+}
+/*
+
+.roo-layout-grid-wrapper{
+
+}
+*/
+.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;
+}
+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-6,
+.modal-md-7,
+.modal-md-8,
+.modal-md-9,
+.modal-md-10,
+.modal-md-11,
+.modal-md-12 {
+  float: left;
+}
+.modal-md-12 .modal-dialog {
+  width: 100%;
+  margin: 30 auto;
+}
+.modal-md-11 .modal-dialog {
+  width: 91.66666666666666%;
+  margin: 30 auto;
+}
+.modal-md-10 .modal-dialog {
+  width: 83.33333333333334%;
+  margin: 30 auto;
+}
+.modal-md-9 .modal-dialog {
+  width: 75%;
+  margin: 30 auto;
+}
+.modal-md-8 .modal-dialog {
+  width: 66.66666666666666%;
+  margin: 30 auto;
+}
+.modal-md-7 .modal-dialog {
+  width: 58.333333333333336%;
+  margin: 30 auto;
+}
+.modal-md-6 .modal-dialog {
+  width: 50%;
+  margin: 30 auto;
+}
+.modal-md-5 .modal-dialog {
+  width: 41.66666666666667%;
+  margin: 30 auto;
+}
+.modal-md-4 .modal-dialog {
+  width: 33.33333333333333%;
+  margin: 30 auto;
+}
+.modal-md-3 .modal-dialog {
+  width: 25%;
+  margin: 30 auto;
+}
+.modal-md-2 .modal-dialog {
+  width: 16.666666666666664%;
+  margin: 30 auto;
+}
+.modal-md-1 .modal-dialog {
+  width: 8.333333333333332%;
+  margin: 30 auto;
+}
+/*
+ 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;
+}
+/*import navbar*/
+/* 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-radio-set-label,
+.roo-radio-set-right {
+  padding: 0px;
+}
+.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;
+}
+/*
+Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
+*/
+.roo-select2-container {
+  margin: 0;
+  position: relative;
+  /*display: inline-block;*/
+  /* inline-block for ie7 */
+  zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+}
+.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 */
+}
+.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;
+}
+.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;
+}
+.roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
+  display: inline-block;
+}
+.roo-select2-container .roo-select2-choice abbr:hover {
+  background-position: right -11px;
+  cursor: pointer;
+}
+.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);
+}
+.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);
+}
+.roo-select2-drop-active {
+  border: 1px solid #337ab7;
+  border-top: none;
+}
+.roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
+  border-top: 1px solid #337ab7;
+}
+.roo-select2-drop-auto-width {
+  border-top: 1px solid #777777;
+  width: auto;
+}
+.roo-select2-drop-auto-width .roo-select2-search {
+  padding-top: 4px;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+/* 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);
+}
+.roo-select2-results ul.roo-select2-result-sub {
+  margin: 0;
+  padding-left: 0;
+}
+.roo-select2-results li {
+  list-style: none;
+  display: list-item;
+  background-image: none;
+}
+.roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
+  font-weight: bold;
+}
+.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%;
+}
+.roo-select2-more-results {
+  background: #777777;
+  display: list-item;
+}
+/* disabled styles */
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
+  background-color: #777777;
+  background-image: none;
+  border: 1px solid #777777;
+  cursor: default;
+}
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
+  background-color: #777777;
+  background-image: none;
+  border-left: 0;
+}
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
+  display: none;
+}
+/* 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;
+}
+.roo-select2-container-multi .roo-select2-choices {
+  min-height: 26px;
+}
+.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);
+}
+.roo-select2-container-multi .roo-select2-choices li {
+  float: left;
+  list-style: none;
+}
+html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
+  float: right;
+}
+.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;
+}
+.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;
+}
+.roo-select2-default {
+  color: #777777 !important;
+}
+.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;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
+  background: #777777;
+}
+.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;
+}
+html[dir="rtl"] .roo-select2-search-choice-close {
+  right: auto;
+  left: 3px;
+}
+.roo-select2-container-multi .roo-select2-search-choice-close {
+  left: 3px;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
+  background-position: right -11px;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
+  background-position: right -11px;
+}
+/* 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;
+}
+.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;
+}
+.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
+  display: none;
+  background: none;
+}
+/* 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;
+}
+.roo-select2-measure-scrollbar {
+  position: absolute;
+  top: -10000px;
+  left: -10000px;
+  width: 100px;
+  height: 100px;
+  overflow: scroll;
+}
+/* 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;
+}
+/* override boostrap a:hover */
+.sidebar a:hover {
+  text-decoration: none;
+}
+.sidebar .sidebar-menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+/* 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;
+}
+/* active child menu - white BG */
+.sidebar .sidebar-menu li.active li.treeview-menu {
+  background-color: #777777;
+}
+.sidebar .sidebar-menu > li > a,
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
+  padding: 12px 5px 12px 15px;
+  display: block;
+  color: #333333;
+}
+.sidebar .sidebar-menu > li > a > .fa,
+.sidebar .sidebar-menu > li > a > .glyphicon,
+.sidebar .sidebar-menu > li > a > .ion {
+  width: 20px;
+}
+.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;
+}
+/* BLUE ACTIVE */
+.sidebar .sidebar-menu li.active {
+  color: #ffffff;
+  background-color: #337ab7;
+  border-color: #286090;
+}
+.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;
+}
+.sidebar .sidebar-menu li.active a {
+  color: #ffffff;
+}
+.sidebar .sidebar-menu li.disabled {
+  color: #333333;
+  background-color: #ffffff;
+  border-color: #333333;
+}
+.sidebar .sidebar-menu li.disabled a {
+  color: #777777;
+  cursor: default;
+}
+.sidebar .sidebar-menu li.danger,
+.sidebar .sidebar-menu li.danger.active {
+  color: #ffffff;
+  background-color: #d9534f;
+  border-color: #e27c79;
+}
+.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;
+}
+.sidebar .sidebar-menu li.danger a,
+.sidebar .sidebar-menu li.danger.active a {
+  color: #ffffff;
+}
+/* --- open  */
+.sidebar .sidebar-menu li.open ul {
+  display: block;
+}
+.sidebar .sidebar-menu li.open .treeview-menu {
+  display: block;
+}
+/* --- treeview menu  */
+.sidebar .sidebar-menu .treeview-menu {
+  display: none;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.sidebar .sidebar-menu .treeview-menu > li {
+  margin: 0;
+}
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
+  padding: 5px 5px 5px 20px;
+  display: block;
+  font-size: 14px;
+  margin: 0px 0px;
+}
+.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;
+}
+/* background to highlighted treeview node
+.sidebar .sidebar-menu li li.treeview-menu.active  {
+    background: #fff;
+}
+*/
+.sidebar .sidebar-menu li li.treeview-menu.active > a {
+  font-weight: bold;
+}
+/* active sidebard... */
+.badge-default {
+  background-color: #777777;
+  color: #ffffff;
+}
+.badge-primary {
+  background-color: #337ab7;
+  color: #ffffff;
+}
+.badge-success {
+  background-color: #5cb85c;
+  color: #ffffff;
+}
+.badge-info {
+  background-color: #5bc0de;
+  color: #ffffff;
+}
+.badge-warning {
+  background-color: #f0ad4e;
+  color: #ffffff;
+}
+.badge-danger {
+  background-color: #d9534f;
+  color: #ffffff;
+}
+.sidebar .sidebar-menu > li.active .badge-info {
+  background-color: #ffffff;
+  color: #5bc0de;
+}
+/*html, */
+/* Sticky footer styles
+-------------------------------------------------- */
+html.bootstrap-sticky {
+  position: relative;
+  min-height: 100%;
+}
+html.bootstrap-sticky body {
+  /* Margin bottom by footer height */
+  margin-bottom: 60px;
+}
+.bootstrap-sticky-footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  /* Set the fixed height of the footer here */
+  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;
+  }
+}
+/* paging toolbar */
+.pagination .x-paging-position span {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.pagination .x-paging-position span input {
+  margin: 0 3px;
+}
+.navbar .pagination > li > span {
+  min-height: 34px;
+}
+.navbar .pagination {
+  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: #337ab7;
+}
+.skin-blue .navbar .pagination > li > a:hover {
+  background-color: #777777;
+}
+.skin-blue table .navbar {
+  background-color: #ffffff;
+}
+.skin-blue .navbar .pagination > li.disabled > a {
+  background-color: #777777;
+}
+.skin-blue table .navbar {
+  margin-bottom: 0;
+  min-height: 0;
+}
+.table .sortable {
+  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: #5bc0de;
+}
+.table-hover > tbody > tr.info:hover {
+  background-color: #31b0d5;
+}
+.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;
+}
+.navbar-left .input-group[class*="col-"] {
+  float: left;
+}
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+.sw-child-headline {
+  display: inline-block;
+  width: auto;
+}
+.box-input-label {
+  width: 100%;
+  display: inline-block;
+  font-weight: bold;
+}
+.box-label {
+  margin-left: 5px;
+  cursor: pointer;
+}
+/* needed as menu ontop of form does not work */
+.input-group .form-control {
+  z-index: 1;
+}
+/* admin-lte - messes with checkbox and radio.. */
+.checkbox,
+.radio {
+  padding-left: 15px !important;
+}
+/* paging toolbar */
+.pagination .x-paging-position span {
+  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-invalid-outline {
+  outline-width: 5000px;
+  outline-offset: 5px;
+  outline-style: solid;
+  outline-color: rgba(119, 119, 119, 0.5);
+  position: relative;
+}
+.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;
+}