fix combo checbox label
[roojs1] / css-bootstrap / roojs-bootstrap-debug.css
index 1636e44..eaf31f8 100644 (file)
-@import url('./alert.css');
-@import url('./calendar.css');
-@import url('./carousel.css');
-@import url('./checkbox.css');
-@import url('./combobox.css');
-@import url('./datepicker.css');
-@import url('./document-manager.css');
-@import url('./document-viewer.css');
-@import url('./dropdown.css');
-@import url('./input.css');
-@import url('./label-pill.css');
-@import url('./layout.css');
-@import url('./list-group.css');
-@import url('./mask.css');
-@import url('./masonary-squares.css');
-@import url('./modal.css');
-@import url('./nav-progress-bar.css');
-@import url('./nav-tabs.css');
-@import url('./navbar.css');
-@import url('./numberbox.css');
-@import url('./pull-xs-right.css');
-@import url('./select2.css');
-@import url('./sidebar-nav.css');
-@import url('./sticky-footer.css');
-@import url('./table.css');
-@import url('./top-bar.css');
-@import url('./tweaks.css');
-@import url('./upload-cropbox.css');
+/*
+* Consider remove or merge these...
+*/
+/*
+ * 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.box-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::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-size: 18px;
+  padding-top: 0px;
+  font-family: 'Font Awesome 5 Free';
+  /* change the font - uses the filled one */
+  font-weight: 900;
+  color: #5cb85c;
+  content: "\f14a";
+}
+.checkbox input[type="checkbox"]:not(:checked) + label::after {
+  font-size: 18px;
+  padding-top: 0px;
+  font-family: 'Font Awesome 5 Free 400';
+  font-weight: 900;
+  content: "\f0c8";
+}
+.checkbox input[type="checkbox"]:disabled + label {
+  opacity: 0.65;
+}
+.checkbox input[type="checkbox"]:disabled + label::after {
+  color: #eeeeee;
+  cursor: not-allowed;
+}
+.checkbox.checkbox-circle label::before {
+  border-radius: 50%;
+}
+.checkbox-primary input[type="checkbox"]:checked + label::after {
+  color: #337ab7;
+}
+.checkbox-danger input[type="checkbox"]:checked + label::after {
+  color: #d9534f;
+}
+.checkbox-info input[type="checkbox"]:checked + label::after {
+  color: #5bc0de;
+}
+.checkbox-warning input[type="checkbox"]:checked + label::after {
+  color: #f0ad4e;
+}
+.checkbox-success input[type="checkbox"]:checked + label::after {
+  color: #5cb85c;
+}
+/* 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;
+}
+.form-group.checkbox {
+  padding-bottom: 25px;
+  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;
+  margin-left: 20px;
+}
+.roo-select2-result .checkbox label {
+  margin-left: 5px;
+}
+.roo-select2-container .input-group-addon {
+  padding: 6px 12px;
+  border: 1px solid #cccccc;
+  border-left: 0px;
+}
+.roo-select2-container .roo-removable {
+  position: relative;
+}
+.roo-select2-container .roo-removable .roo-combo-removable-btn {
+  position: absolute;
+  right: 10px;
+  z-index: 2;
+  top: 5px;
+}
+.roo-select2-container .has-feedback .roo-combo-removable-btn {
+  position: absolute;
+  right: 35px;
+  z-index: 2;
+  top: 5px;
+}
+/*
+.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: #eeeeee;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  background: none;
+  color: #eeeeee;
+  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;
+  margin-left: 10px;
+}
+.roo-document-manager-preview.wide {
+  width: 50%;
+}
+.roo-document-manager-thumb,
+.roo-document-manager-upload-btn {
+  width: 100%;
+  height: 100px;
+  line-height: 100px;
+  max-height: 100px;
+  border: 1px solid #eeeeee;
+  -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+  -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+  box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+}
+.roo-document-manager-thumb > i.fa,
+.roo-document-manager-upload-btn > i.fa {
+  width: 100%;
+  line-height: 98px;
+  text-align: center;
+  vertical-align: middle;
+  color: #777777;
+  font-size: 2.5em;
+}
+.roo-document-manager-thumb > i.fa {
+  font-size: 2.5em;
+}
+.roo-document-manager-thumb > img {
+  width: 100%;
+  max-height: 100%;
+  text-align: center;
+  vertical-align: middle;
+  padding-bottom: 5px;
+}
+.roo-document-manager-preview > .close {
+  position: absolute;
+  top: 0px;
+  right: 3px;
+  font-size: 20px;
+  opacity: 1;
+}
+.roo-document-manager-preview > .close:hover {
+  color: #333333;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+.roo-document-manager-preview.disabled > .close {
+  display: none !important;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb > .fa {
+  position: absolute;
+  left: -5px;
+  top: -5px;
+  width: 25px;
+  height: 25px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  line-height: 25px;
+  text-align: center;
+  background-color: #ffffff;
+  /*border: inherit;*/
+  font-size: 1.8em;
+  z-index: 1;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
+  top: inherit;
+  bottom: -5px;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
+  color: #337ab7;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
+  border: 3px solid #337ab7;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
+  color: #555555;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
+  border: none;
+}
+/*
+* 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;
+}
+li.dropdown-toggle button > i.glyphicon {
+  margin: 3px 0 0 5px;
+}
+.dropdown-menu.nowrap li a span {
+  white-space: nowrap;
+}
+div.input-group.has-feedback > .form-control-feedback {
+  right: 30px;
+}
+div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
+  right: 39px;
+}
+.roo-required-indicator {
+  font-size: 8px;
+  color: #d9534f;
+  vertical-align: top;
+}
+.roo-required-indicator.left-indicator {
+  margin-right: 3px;
+}
+.roo-required-indicator.right-indicator {
+  margin-left: 3px;
+}
+.roo-form-group-label-left .roo-required-indicator.left-indicator {
+  position: absolute;
+  top: 8px;
+  left: 15px;
+}
+/* fix vertical alignment on left labels. tax -details social security number */
+.roo-form-group-label-left label {
+  margin-top: 8px;
+}
+.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;
+}
+.roo-form-group-label-left::before,
+.roo-form-group-label-left::after {
+  display: table;
+  content: " ";
+  clear: both;
+}
+a.list-group-item,
+button.list-group-item {
+  width: 100%;
+  color: #555555;
+  text-align: inherit;
+}
+.roo-el-mask {
+  z-index: 20000;
+  position: absolute;
+  top: 0;
+  left: 0;
+  -moz-opacity: 0.5;
+  opacity: .50;
+  filter: alpha(opacity=50);
+  background-color: #777777;
+  width: 100%;
+  height: 100%;
+  zoom: 1;
+}
+.roo-el-mask-msg {
+  position: absolute;
+  z-index: 20000;
+  /*border: 4px double #557; */
+  background-color: #ffffff;
+  padding: 0px;
+  /*background-image: url('@{bootstrap-image-path}/ux/lightbox/loading.gif');*/
+  background-repeat: no-repeat;
+  border: 10px solid white;
+  border-radius: 20px;
+  display: table;
+  min-width: 250px;
+}
+.roo-el-mask-msg i {
+  font-size: 36px;
+  vertical-align: middle;
+  float: left;
+}
+.roo-el-mask-msg div {
+  font-family: 'Source Sans Pro', sans-serif;
+  font-size: 24px;
+  font-weight: 500;
+  z-index: 20001;
+  padding: 0px 15px;
+  color: #555555;
+  display: table-cell;
+  vertical-align: middle;
+  float: left;
+}
+.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;
+}
+@media (min-width: 768px) {
+  .mask-inverse .masonry-brick-paragraph {
+    background: rgba(0, 0, 0, 0.5);
+  }
+  .mask-inverse:hover .masonry-brick-paragraph {
+    background: none;
+  }
+}
+/* 
+    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,
+.modal-body > .container {
+  padding: 0;
+}
+.modal-dialog {
+  max-width: 100%;
+}
+@media (max-width: 768px) {
+  .modal-body .col-md-12 {
+    padding: 0;
+  }
+  .modal-body {
+    padding: 5px;
+  }
+  .modal-body .row {
+    margin-left: -5px;
+    margin-right: -5px;
+  }
+  .modal-body > .container .col-xs-12 {
+    padding: 0;
+  }
+}
+.modal .roo-mb-progress-wrap {
+  margin-top: 4px;
+  border: 1px solid #286090;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress {
+  height: 18px;
+  background: transparent url('../images/default/basic-dialog/progress2.gif') repeat-x 1px 1px;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress .roo-mb-progress-bar {
+  height: 18px;
+  overflow: hidden;
+  width: 0;
+  background: #337ab7;
+}
+.enable-modal-body-overflow .modal-body {
+  overflow: auto;
+}
+.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;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
+  margin: 0 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+  padding: 10px 5px;
+}
+@media (max-width: 768px) {
+  .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+    padding: 5px 5px;
+  }
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
+  margin-bottom: 0px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+  margin-left: 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
+  padding: 10px 5px;
+}
+/* for some reason it's -15px on BS */
+@media (min-width: 768px) {
+  .navbar-right {
+    margin-right: 15px;
+  }
+}
+/* was -15 before, on mobile it made the buttons too close to the edit.. */
+.navbar-nav {
+  margin: 0px -5px;
+}
+table td .navbar {
+  min-height: auto;
+}
+.navbar-collapse li {
+  list-style-type: none;
+  padding: 5px;
+}
+.navbar-collapse ul {
+  padding-left: 10px;
+  padding-top: 5px;
+}
+.navbar-collapse .dropdown-item .fa {
+  padding-right: 5px;
+}
+.roo-numberbox {
+  background-color: #337ab7 !important;
+  border: 10px solid black;
+}
+.roo-numberbox h {
+  font-size: 24px;
+}
+.pull-xs-right {
+  float: right !important;
+}
+.roo-radio-set:before,
+.roo-radio-set:after {
+  display: table;
+  content: " ";
+  clear: both;
+}
+.radio.checked label::after {
+  -webkit-transform: scale(1, 1);
+  -ms-transform: scale(1, 1);
+  -o-transform: scale(1, 1);
+  transform: scale(1, 1);
+  background-color: #555555;
+}
+.roo-radio-set.disabled .radio label {
+  opacity: 0.65;
+}
+.roo-radio-set.disabled .radio label {
+  cursor: not-allowed;
+}
+.roo-radio-primary .radio label::after {
+  background-color: #ffffff;
+}
+.roo-radio-primary .radio.checked label::before {
+  border-color: #337ab7;
+}
+.roo-radio-primary .radio.checked label::after {
+  background-color: #337ab7;
+}
+.roo-radio-danger .radio label::after {
+  background-color: #d9534f;
+}
+.roo-radio-danger .radio.checked label::before {
+  border-color: #d9534f;
+}
+.roo-radio-danger .radio.checked label::after {
+  background-color: #d9534f;
+}
+.roo-radio-info .radio label::after {
+  background-color: #ffffff;
+}
+.roo-radio-info .radio.checked label::before {
+  border-color: #5bc0de;
+}
+.roo-radio-info .radio.checked label::after {
+  background-color: #5bc0de;
+}
+.roo-radio-warning .radio label::after {
+  background-color: #ffffff;
+}
+.roo-radio-warning .radio.checked label::before {
+  border-color: #f0ad4e;
+}
+.roo-radio-warning .radio.checked label::after {
+  background-color: #f0ad4e;
+}
+.roo-radio-success .radio label::after {
+  background-color: #ffffff;
+}
+.roo-radio-success .radio.checked label::before {
+  border-color: #5cb85c;
+}
+.roo-radio-success .radio.checked label::after {
+  background-color: #5cb85c;
+}
+.roo-radio-set.has-warning .roo-radio-set-items label,
+.roo-radio-set.has-warning .roo-radio-set-label {
+  color: #f0ad4e;
+}
+.roo-radio-set.has-error .roo-radio-set-items label,
+.roo-radio-set.has-error .roo-radio-set-label {
+  color: #d9534f;
+}
+.roo-radio-set.has-success .roo-radio-set-items label,
+.roo-radio-set.has-success .roo-radio-set-label {
+  color: #5cb85c;
+}
+.roo-radio-set-inline .radio {
+  position: relative;
+  display: inline-block;
+  padding-left: 20px;
+  margin-top: 0px;
+  margin-bottom: 0;
+  font-weight: 400;
+  vertical-align: middle;
+  cursor: pointer;
+}
+.roo-radio-set-inline .radio + .radio {
+  margin-left: 10px;
+}
+.roo-radio-set-label .roo-required-indicator.right-indicator {
+  position: absolute;
+}
+.roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
+  font-size: 8px;
+  margin-left: 3px;
+  color: #d9534f;
+}
+.roo-form-error-popover.in {
+  opacity: 1;
+}
+.roo-form-error-popover .tooltip-inner {
+  max-width: 100%;
+  padding: 10px;
+}
+.x-form-field-wrap .form-group {
+  /* what is this doing here?? */
+  margin-bottom: 0px;
+}
+.roo-password-meter-grey {
+  background: #777777;
+  margin-bottom: 30px;
+  height: 10px;
+}
+.roo-password-meter {
+  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: #5bc0de;
+  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: 12px;
+  outline: none;
+  color: #777777;
+  /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
+}
+.roo-select2-search-choice-close:hover {
+  color: #333333;
+}
+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;
+  width: 120%;
+}
+/* --- 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 */
+.table .pagination .x-paging-position span {
+  padding: 3px 6px;
+}
+.table .pagination .x-paging-position span input {
+  margin: 0 0 0 7px;
+  width: 42px;
+  padding: 0 5px;
+}
+.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: #d9edf7;
+}
+.table-hover > tbody > tr.info:hover {
+  background-color: #c4e3f3;
+}
+.table tfoot .navbar {
+  min-height: inherit;
+}
+/* for ie11 && edge: fixing height inheriting from tbody to tr */
+.roo-ie11 table.table tbody tr,
+.roo-edge table.table tbody tr {
+  height: auto;
+}
+.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;
+}
+/* WTF is this! !!
+ *
+ * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
+ */
+.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: 18px;
+  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;
+}
+*/
+/* inside a column it needs even more padding...*/
+/*
+* It breaks all the checkbox layout. comment it first...
+*/
+/*.column .checkbox,
+.column .radio {
+    padding-left: 25px !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;
+}
+.x-hidden {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  display: none;
+}
+.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;
+}
+.tel-input {
+  padding-left: 105px;
+  border-radius: 4px !important;
+}
+.dial-code-holder {
+  position: absolute;
+  width: 60px;
+  left: 55px;
+  z-index: 3;
+  padding: 7px;
+  border: 1px solid transparent;
+  background: transparent;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.tel-list li a {
+  padding-left: 10px;
+}
+.tel-list li a .flag {
+  margin-right: 20px;
+}
+.tel-list li a .dial-code {
+  color: #999;
+}
+.flag-box {
+  position: absolute;
+  top: 6px;
+  height: 20px;
+  width: 50px;
+  padding: 5px;
+  margin-left: 5px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  z-index: 4;
+}
+.flag-box .caret {
+  margin-top: 3px;
+}
+.flag {
+  background-image: url('../images/default/flags.png');
+  background-repeat: no-repeat;
+  width: 20px;
+  height: inherit;
+  display: inline-block;
+  margin-right: 10px;
+}
+.flag.ac {
+  height: 10px;
+  background-position: 0px 0px;
+}
+.flag.ad {
+  height: 14px;
+  background-position: -22px 0px;
+}
+.flag.ae {
+  height: 10px;
+  background-position: -44px 0px;
+}
+.flag.af {
+  height: 14px;
+  background-position: -66px 0px;
+}
+.flag.ag {
+  height: 14px;
+  background-position: -88px 0px;
+}
+.flag.ai {
+  height: 10px;
+  background-position: -110px 0px;
+}
+.flag.al {
+  height: 15px;
+  background-position: -132px 0px;
+}
+.flag.am {
+  height: 10px;
+  background-position: -154px 0px;
+}
+.flag.ao {
+  height: 14px;
+  background-position: -176px 0px;
+}
+.flag.aq {
+  height: 14px;
+  background-position: -198px 0px;
+}
+.flag.ar {
+  height: 13px;
+  background-position: -220px 0px;
+}
+.flag.as {
+  height: 10px;
+  background-position: -242px 0px;
+}
+.flag.at {
+  height: 14px;
+  background-position: -264px 0px;
+}
+.flag.au {
+  height: 10px;
+  background-position: -286px 0px;
+}
+.flag.aw {
+  height: 14px;
+  background-position: -308px 0px;
+}
+.flag.ax {
+  height: 13px;
+  background-position: -330px 0px;
+}
+.flag.az {
+  height: 10px;
+  background-position: -352px 0px;
+}
+.flag.ba {
+  height: 10px;
+  background-position: -374px 0px;
+}
+.flag.bb {
+  height: 14px;
+  background-position: -396px 0px;
+}
+.flag.bd {
+  height: 12px;
+  background-position: -418px 0px;
+}
+.flag.be {
+  height: 15px;
+  background-position: -440px 0px;
+}
+.flag.bf {
+  height: 14px;
+  background-position: -460px 0px;
+}
+.flag.bg {
+  height: 12px;
+  background-position: -482px 0px;
+}
+.flag.bh {
+  height: 12px;
+  background-position: -504px 0px;
+}
+.flag.bi {
+  height: 12px;
+  background-position: -526px 0px;
+}
+.flag.bj {
+  height: 14px;
+  background-position: -548px 0px;
+}
+.flag.bl {
+  height: 14px;
+  background-position: -570px 0px;
+}
+.flag.bm {
+  height: 10px;
+  background-position: -592px 0px;
+}
+.flag.bn {
+  height: 10px;
+  background-position: -614px 0px;
+}
+.flag.bo {
+  height: 14px;
+  background-position: -636px 0px;
+}
+.flag.bq {
+  height: 14px;
+  background-position: -658px 0px;
+}
+.flag.br {
+  height: 14px;
+  background-position: -680px 0px;
+}
+.flag.bs {
+  height: 10px;
+  background-position: -702px 0px;
+}
+.flag.bt {
+  height: 14px;
+  background-position: -724px 0px;
+}
+.flag.bv {
+  height: 15px;
+  background-position: -746px 0px;
+}
+.flag.bw {
+  height: 14px;
+  background-position: -768px 0px;
+}
+.flag.by {
+  height: 10px;
+  background-position: -790px 0px;
+}
+.flag.bz {
+  height: 14px;
+  background-position: -812px 0px;
+}
+.flag.ca {
+  height: 10px;
+  background-position: -834px 0px;
+}
+.flag.cc {
+  height: 10px;
+  background-position: -856px 0px;
+}
+.flag.cd {
+  height: 15px;
+  background-position: -878px 0px;
+}
+.flag.cf {
+  height: 14px;
+  background-position: -900px 0px;
+}
+.flag.cg {
+  height: 14px;
+  background-position: -922px 0px;
+}
+.flag.ch {
+  height: 15px;
+  background-position: -944px 0px;
+}
+.flag.ci {
+  height: 14px;
+  background-position: -961px 0px;
+}
+.flag.ck {
+  height: 10px;
+  background-position: -983px 0px;
+}
+.flag.cl {
+  height: 14px;
+  background-position: -1005px 0px;
+}
+.flag.cm {
+  height: 14px;
+  background-position: -1027px 0px;
+}
+.flag.cn {
+  height: 14px;
+  background-position: -1049px 0px;
+}
+.flag.co {
+  height: 14px;
+  background-position: -1071px 0px;
+}
+.flag.cp {
+  height: 14px;
+  background-position: -1093px 0px;
+}
+.flag.cr {
+  height: 12px;
+  background-position: -1115px 0px;
+}
+.flag.cu {
+  height: 10px;
+  background-position: -1137px 0px;
+}
+.flag.cv {
+  height: 12px;
+  background-position: -1159px 0px;
+}
+.flag.cw {
+  height: 14px;
+  background-position: -1181px 0px;
+}
+.flag.cx {
+  height: 10px;
+  background-position: -1203px 0px;
+}
+.flag.cy {
+  height: 13px;
+  background-position: -1225px 0px;
+}
+.flag.cz {
+  height: 14px;
+  background-position: -1247px 0px;
+}
+.flag.de {
+  height: 12px;
+  background-position: -1269px 0px;
+}
+.flag.dg {
+  height: 10px;
+  background-position: -1291px 0px;
+}
+.flag.dj {
+  height: 14px;
+  background-position: -1313px 0px;
+}
+.flag.dk {
+  height: 15px;
+  background-position: -1335px 0px;
+}
+.flag.dm {
+  height: 10px;
+  background-position: -1357px 0px;
+}
+.flag.do {
+  height: 13px;
+  background-position: -1379px 0px;
+}
+.flag.dz {
+  height: 14px;
+  background-position: -1401px 0px;
+}
+.flag.ea {
+  height: 14px;
+  background-position: -1423px 0px;
+}
+.flag.ec {
+  height: 14px;
+  background-position: -1445px 0px;
+}
+.flag.ee {
+  height: 13px;
+  background-position: -1467px 0px;
+}
+.flag.eg {
+  height: 14px;
+  background-position: -1489px 0px;
+}
+.flag.eh {
+  height: 10px;
+  background-position: -1511px 0px;
+}
+.flag.er {
+  height: 10px;
+  background-position: -1533px 0px;
+}
+.flag.es {
+  height: 14px;
+  background-position: -1555px 0px;
+}
+.flag.et {
+  height: 10px;
+  background-position: -1577px 0px;
+}
+.flag.eu {
+  height: 14px;
+  background-position: -1599px 0px;
+}
+.flag.fi {
+  height: 12px;
+  background-position: -1621px 0px;
+}
+.flag.fj {
+  height: 10px;
+  background-position: -1643px 0px;
+}
+.flag.fk {
+  height: 10px;
+  background-position: -1665px 0px;
+}
+.flag.fm {
+  height: 11px;
+  background-position: -1687px 0px;
+}
+.flag.fo {
+  height: 15px;
+  background-position: -1709px 0px;
+}
+.flag.fr {
+  height: 14px;
+  background-position: -1731px 0px;
+}
+.flag.ga {
+  height: 15px;
+  background-position: -1753px 0px;
+}
+.flag.gb {
+  height: 10px;
+  background-position: -1775px 0px;
+}
+.flag.gd {
+  height: 12px;
+  background-position: -1797px 0px;
+}
+.flag.ge {
+  height: 14px;
+  background-position: -1819px 0px;
+}
+.flag.gf {
+  height: 14px;
+  background-position: -1841px 0px;
+}
+.flag.gg {
+  height: 14px;
+  background-position: -1863px 0px;
+}
+.flag.gh {
+  height: 14px;
+  background-position: -1885px 0px;
+}
+.flag.gi {
+  height: 10px;
+  background-position: -1907px 0px;
+}
+.flag.gl {
+  height: 14px;
+  background-position: -1929px 0px;
+}
+.flag.gm {
+  height: 14px;
+  background-position: -1951px 0px;
+}
+.flag.gn {
+  height: 14px;
+  background-position: -1973px 0px;
+}
+.flag.gp {
+  height: 14px;
+  background-position: -1995px 0px;
+}
+.flag.gq {
+  height: 14px;
+  background-position: -2017px 0px;
+}
+.flag.gr {
+  height: 14px;
+  background-position: -2039px 0px;
+}
+.flag.gs {
+  height: 10px;
+  background-position: -2061px 0px;
+}
+.flag.gt {
+  height: 13px;
+  background-position: -2083px 0px;
+}
+.flag.gu {
+  height: 11px;
+  background-position: -2105px 0px;
+}
+.flag.gw {
+  height: 10px;
+  background-position: -2127px 0px;
+}
+.flag.gy {
+  height: 12px;
+  background-position: -2149px 0px;
+}
+.flag.hk {
+  height: 14px;
+  background-position: -2171px 0px;
+}
+.flag.hm {
+  height: 10px;
+  background-position: -2193px 0px;
+}
+.flag.hn {
+  height: 10px;
+  background-position: -2215px 0px;
+}
+.flag.hr {
+  height: 10px;
+  background-position: -2237px 0px;
+}
+.flag.ht {
+  height: 12px;
+  background-position: -2259px 0px;
+}
+.flag.hu {
+  height: 10px;
+  background-position: -2281px 0px;
+}
+.flag.ic {
+  height: 14px;
+  background-position: -2303px 0px;
+}
+.flag.id {
+  height: 14px;
+  background-position: -2325px 0px;
+}
+.flag.ie {
+  height: 10px;
+  background-position: -2347px 0px;
+}
+.flag.il {
+  height: 15px;
+  background-position: -2369px 0px;
+}
+.flag.im {
+  height: 10px;
+  background-position: -2391px 0px;
+}
+.flag.in {
+  height: 14px;
+  background-position: -2413px 0px;
+}
+.flag.io {
+  height: 10px;
+  background-position: -2435px 0px;
+}
+.flag.iq {
+  height: 14px;
+  background-position: -2457px 0px;
+}
+.flag.ir {
+  height: 12px;
+  background-position: -2479px 0px;
+}
+.flag.is {
+  height: 15px;
+  background-position: -2501px 0px;
+}
+.flag.it {
+  height: 14px;
+  background-position: -2523px 0px;
+}
+.flag.je {
+  height: 12px;
+  background-position: -2545px 0px;
+}
+.flag.jm {
+  height: 10px;
+  background-position: -2567px 0px;
+}
+.flag.jo {
+  height: 10px;
+  background-position: -2589px 0px;
+}
+.flag.jp {
+  height: 14px;
+  background-position: -2611px 0px;
+}
+.flag.ke {
+  height: 14px;
+  background-position: -2633px 0px;
+}
+.flag.kg {
+  height: 12px;
+  background-position: -2655px 0px;
+}
+.flag.kh {
+  height: 13px;
+  background-position: -2677px 0px;
+}
+.flag.ki {
+  height: 10px;
+  background-position: -2699px 0px;
+}
+.flag.km {
+  height: 12px;
+  background-position: -2721px 0px;
+}
+.flag.kn {
+  height: 14px;
+  background-position: -2743px 0px;
+}
+.flag.kp {
+  height: 10px;
+  background-position: -2765px 0px;
+}
+.flag.kr {
+  height: 14px;
+  background-position: -2787px 0px;
+}
+.flag.kw {
+  height: 10px;
+  background-position: -2809px 0px;
+}
+.flag.ky {
+  height: 10px;
+  background-position: -2831px 0px;
+}
+.flag.kz {
+  height: 10px;
+  background-position: -2853px 0px;
+}
+.flag.la {
+  height: 14px;
+  background-position: -2875px 0px;
+}
+.flag.lb {
+  height: 14px;
+  background-position: -2897px 0px;
+}
+.flag.lc {
+  height: 10px;
+  background-position: -2919px 0px;
+}
+.flag.li {
+  height: 12px;
+  background-position: -2941px 0px;
+}
+.flag.lk {
+  height: 10px;
+  background-position: -2963px 0px;
+}
+.flag.lr {
+  height: 11px;
+  background-position: -2985px 0px;
+}
+.flag.ls {
+  height: 14px;
+  background-position: -3007px 0px;
+}
+.flag.lt {
+  height: 12px;
+  background-position: -3029px 0px;
+}
+.flag.lu {
+  height: 12px;
+  background-position: -3051px 0px;
+}
+.flag.lv {
+  height: 10px;
+  background-position: -3073px 0px;
+}
+.flag.ly {
+  height: 10px;
+  background-position: -3095px 0px;
+}
+.flag.ma {
+  height: 14px;
+  background-position: -3117px 0px;
+}
+.flag.mc {
+  height: 15px;
+  background-position: -3139px 0px;
+}
+.flag.md {
+  height: 10px;
+  background-position: -3160px 0px;
+}
+.flag.me {
+  height: 10px;
+  background-position: -3182px 0px;
+}
+.flag.mf {
+  height: 14px;
+  background-position: -3204px 0px;
+}
+.flag.mg {
+  height: 14px;
+  background-position: -3226px 0px;
+}
+.flag.mh {
+  height: 11px;
+  background-position: -3248px 0px;
+}
+.flag.mk {
+  height: 10px;
+  background-position: -3270px 0px;
+}
+.flag.ml {
+  height: 14px;
+  background-position: -3292px 0px;
+}
+.flag.mm {
+  height: 14px;
+  background-position: -3314px 0px;
+}
+.flag.mn {
+  height: 10px;
+  background-position: -3336px 0px;
+}
+.flag.mo {
+  height: 14px;
+  background-position: -3358px 0px;
+}
+.flag.mp {
+  height: 10px;
+  background-position: -3380px 0px;
+}
+.flag.mq {
+  height: 14px;
+  background-position: -3402px 0px;
+}
+.flag.mr {
+  height: 14px;
+  background-position: -3424px 0px;
+}
+.flag.ms {
+  height: 10px;
+  background-position: -3446px 0px;
+}
+.flag.mt {
+  height: 14px;
+  background-position: -3468px 0px;
+}
+.flag.mu {
+  height: 14px;
+  background-position: -3490px 0px;
+}
+.flag.mv {
+  height: 14px;
+  background-position: -3512px 0px;
+}
+.flag.mw {
+  height: 14px;
+  background-position: -3534px 0px;
+}
+.flag.mx {
+  height: 12px;
+  background-position: -3556px 0px;
+}
+.flag.my {
+  height: 10px;
+  background-position: -3578px 0px;
+}
+.flag.mz {
+  height: 14px;
+  background-position: -3600px 0px;
+}
+.flag.na {
+  height: 14px;
+  background-position: -3622px 0px;
+}
+.flag.nc {
+  height: 10px;
+  background-position: -3644px 0px;
+}
+.flag.ne {
+  height: 15px;
+  background-position: -3666px 0px;
+}
+.flag.nf {
+  height: 10px;
+  background-position: -3686px 0px;
+}
+.flag.ng {
+  height: 10px;
+  background-position: -3708px 0px;
+}
+.flag.ni {
+  height: 12px;
+  background-position: -3730px 0px;
+}
+.flag.nl {
+  height: 14px;
+  background-position: -3752px 0px;
+}
+.flag.no {
+  height: 15px;
+  background-position: -3774px 0px;
+}
+.flag.np {
+  height: 15px;
+  background-position: -3796px 0px;
+}
+.flag.nr {
+  height: 10px;
+  background-position: -3811px 0px;
+}
+.flag.nu {
+  height: 10px;
+  background-position: -3833px 0px;
+}
+.flag.nz {
+  height: 10px;
+  background-position: -3855px 0px;
+}
+.flag.om {
+  height: 10px;
+  background-position: -3877px 0px;
+}
+.flag.pa {
+  height: 14px;
+  background-position: -3899px 0px;
+}
+.flag.pe {
+  height: 14px;
+  background-position: -3921px 0px;
+}
+.flag.pf {
+  height: 14px;
+  background-position: -3943px 0px;
+}
+.flag.pg {
+  height: 15px;
+  background-position: -3965px 0px;
+}
+.flag.ph {
+  height: 10px;
+  background-position: -3987px 0px;
+}
+.flag.pk {
+  height: 14px;
+  background-position: -4009px 0px;
+}
+.flag.pl {
+  height: 13px;
+  background-position: -4031px 0px;
+}
+.flag.pm {
+  height: 14px;
+  background-position: -4053px 0px;
+}
+.flag.pn {
+  height: 10px;
+  background-position: -4075px 0px;
+}
+.flag.pr {
+  height: 14px;
+  background-position: -4097px 0px;
+}
+.flag.ps {
+  height: 10px;
+  background-position: -4119px 0px;
+}
+.flag.pt {
+  height: 14px;
+  background-position: -4141px 0px;
+}
+.flag.pw {
+  height: 13px;
+  background-position: -4163px 0px;
+}
+.flag.py {
+  height: 11px;
+  background-position: -4185px 0px;
+}
+.flag.qa {
+  height: 8px;
+  background-position: -4207px 0px;
+}
+.flag.re {
+  height: 14px;
+  background-position: -4229px 0px;
+}
+.flag.ro {
+  height: 14px;
+  background-position: -4251px 0px;
+}
+.flag.rs {
+  height: 14px;
+  background-position: -4273px 0px;
+}
+.flag.ru {
+  height: 14px;
+  background-position: -4295px 0px;
+}
+.flag.rw {
+  height: 14px;
+  background-position: -4317px 0px;
+}
+.flag.sa {
+  height: 14px;
+  background-position: -4339px 0px;
+}
+.flag.sb {
+  height: 10px;
+  background-position: -4361px 0px;
+}
+.flag.sc {
+  height: 10px;
+  background-position: -4383px 0px;
+}
+.flag.sd {
+  height: 10px;
+  background-position: -4405px 0px;
+}
+.flag.se {
+  height: 13px;
+  background-position: -4427px 0px;
+}
+.flag.sg {
+  height: 14px;
+  background-position: -4449px 0px;
+}
+.flag.sh {
+  height: 10px;
+  background-position: -4471px 0px;
+}
+.flag.si {
+  height: 10px;
+  background-position: -4493px 0px;
+}
+.flag.sj {
+  height: 15px;
+  background-position: -4515px 0px;
+}
+.flag.sk {
+  height: 14px;
+  background-position: -4537px 0px;
+}
+.flag.sl {
+  height: 14px;
+  background-position: -4559px 0px;
+}
+.flag.sm {
+  height: 15px;
+  background-position: -4581px 0px;
+}
+.flag.sn {
+  height: 14px;
+  background-position: -4603px 0px;
+}
+.flag.so {
+  height: 14px;
+  background-position: -4625px 0px;
+}
+.flag.sr {
+  height: 14px;
+  background-position: -4647px 0px;
+}
+.flag.ss {
+  height: 10px;
+  background-position: -4669px 0px;
+}
+.flag.st {
+  height: 10px;
+  background-position: -4691px 0px;
+}
+.flag.sv {
+  height: 12px;
+  background-position: -4713px 0px;
+}
+.flag.sx {
+  height: 14px;
+  background-position: -4735px 0px;
+}
+.flag.sy {
+  height: 14px;
+  background-position: -4757px 0px;
+}
+.flag.sz {
+  height: 14px;
+  background-position: -4779px 0px;
+}
+.flag.ta {
+  height: 10px;
+  background-position: -4801px 0px;
+}
+.flag.tc {
+  height: 10px;
+  background-position: -4823px 0px;
+}
+.flag.td {
+  height: 14px;
+  background-position: -4845px 0px;
+}
+.flag.tf {
+  height: 14px;
+  background-position: -4867px 0px;
+}
+.flag.tg {
+  height: 13px;
+  background-position: -4889px 0px;
+}
+.flag.th {
+  height: 14px;
+  background-position: -4911px 0px;
+}
+.flag.tj {
+  height: 10px;
+  background-position: -4933px 0px;
+}
+.flag.tk {
+  height: 10px;
+  background-position: -4955px 0px;
+}
+.flag.tl {
+  height: 10px;
+  background-position: -4977px 0px;
+}
+.flag.tm {
+  height: 14px;
+  background-position: -4999px 0px;
+}
+.flag.tn {
+  height: 14px;
+  background-position: -5021px 0px;
+}
+.flag.to {
+  height: 10px;
+  background-position: -5043px 0px;
+}
+.flag.tr {
+  height: 14px;
+  background-position: -5065px 0px;
+}
+.flag.tt {
+  height: 12px;
+  background-position: -5087px 0px;
+}
+.flag.tv {
+  height: 10px;
+  background-position: -5109px 0px;
+}
+.flag.tw {
+  height: 14px;
+  background-position: -5131px 0px;
+}
+.flag.tz {
+  height: 14px;
+  background-position: -5153px 0px;
+}
+.flag.ua {
+  height: 14px;
+  background-position: -5175px 0px;
+}
+.flag.ug {
+  height: 14px;
+  background-position: -5197px 0px;
+}
+.flag.um {
+  height: 11px;
+  background-position: -5219px 0px;
+}
+.flag.us {
+  height: 11px;
+  background-position: -5241px 0px;
+}
+.flag.uy {
+  height: 14px;
+  background-position: -5263px 0px;
+}
+.flag.uz {
+  height: 10px;
+  background-position: -5285px 0px;
+}
+.flag.va {
+  height: 15px;
+  background-position: -5307px 0px;
+}
+.flag.vc {
+  height: 14px;
+  background-position: -5324px 0px;
+}
+.flag.ve {
+  height: 14px;
+  background-position: -5346px 0px;
+}
+.flag.vg {
+  height: 10px;
+  background-position: -5368px 0px;
+}
+.flag.vi {
+  height: 14px;
+  background-position: -5390px 0px;
+}
+.flag.vn {
+  height: 14px;
+  background-position: -5412px 0px;
+}
+.flag.vu {
+  height: 12px;
+  background-position: -5434px 0px;
+}
+.flag.wf {
+  height: 14px;
+  background-position: -5456px 0px;
+}
+.flag.ws {
+  height: 10px;
+  background-position: -5478px 0px;
+}
+.flag.xk {
+  height: 15px;
+  background-position: -5500px 0px;
+}
+.flag.ye {
+  height: 14px;
+  background-position: -5522px 0px;
+}
+.flag.yt {
+  height: 14px;
+  background-position: -5544px 0px;
+}
+.flag.za {
+  height: 14px;
+  background-position: -5566px 0px;
+}
+.flag.zm {
+  height: 14px;
+  background-position: -5588px 0px;
+}
+.flag.zw {
+  height: 10px;
+  background-position: -5610px 0px;
+}
+.flag.ot {
+  height: 0px;
+}
+.roo-money-field .roo-money-currency {
+  padding-right: 0px;
+}
+.roo-money-field .roo-money-amount {
+  padding-left: 0px;
+}
+.roo-money-field .roo-money-currency-input {
+  border-right: 0px;
+}
+.roo-money-field .input-group-addon {
+  background-color: transparent;
+  border-left: 0px;
+  border-right: 0px;
+  border-radius: 0px;
+}
+.roo-money-field .roo-money-amount-input {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  text-align: right;
+}
+.has-success .roo-money-currency .roo-select2-container .input-group-addon {
+  border-color: #3c763d;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #3c763d;
+}
+.has-warning .roo-money-currency .roo-select2-container .input-group-addon {
+  border-color: #8a6d3b;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #8a6d3b;
+}
+.has-error .roo-money-currency .roo-select2-container .input-group-addon {
+  border-color: #a94442;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442;
+}
+/*# sourceMappingURL=roojs-bootstrap-debug.css.map */
\ No newline at end of file