sync
[roojs1] / css-bootstrap / roojs-bootstrap-debug.css
index 4f09879..14c753e 100644 (file)
@@ -1,15 +1,15 @@
 /*
  * CAUTION!
- * This CSS file is auto generated. Please edit the .less instead!
+ * This CSS file is auto generated. Please edit the  instead!
  */
+/** need to find and replace these ..*/
 .alert {
   padding-left: 30px;
   margin-top: 20px;
   margin-left: 15px;
   position: relative;
 }
-.alert > .fa,
-.alert > .glyphicon {
+.alert > .fa, .alert > .glyphicon {
   position: absolute;
   left: -15px;
   top: -15px;
   border-collapse: collapse;
   border-spacing: 0;
 }
-html .fc,
-.fc table {
+html .fc, .fc table {
   font-size: 1em;
 }
-.fc td,
-.fc th {
+.fc td, .fc th {
   padding: 0;
   vertical-align: top;
   -moz-user-select: -moz-none;
@@ -55,7 +53,7 @@ html .fc,
   user-select: none;
 }
 /* Header
-------------------------------------------------------------------------*/
+ ------------------------------------------------------------------------*/
 .fc-header td {
   white-space: nowrap;
 }
@@ -94,26 +92,24 @@ html .fc,
 .fc-header .fc-button {
   margin-right: -1px;
 }
-.fc-header .fc-corner-right,
-.fc-header .ui-corner-right {
+.fc-header .fc-corner-right, .fc-header .ui-corner-right {
+  /* non-theme */
   /* theme */
   margin-right: 0;
   /* back to normal */
 }
 /* button layering (for border precedence) */
-.fc-header .fc-state-hover,
-.fc-header .ui-state-hover {
+.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 {
+.fc-header .fc-state-active, .fc-header .ui-state-active {
   z-index: 4;
 }
 /* Content
-------------------------------------------------------------------------*/
+ ------------------------------------------------------------------------*/
 .fc-content {
   clear: both;
   zoom: 1;
@@ -124,30 +120,30 @@ html .fc,
   overflow: hidden;
 }
 /* Cell Styles
-------------------------------------------------------------------------*/
-.fc-widget-header,
-.fc-widget-content {
+ ------------------------------------------------------------------------*/
+.fc-widget-header, .fc-widget-content {
+  /* <th>, usually */
   /* <td>, usually */
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
 }
 .fc-state-highlight {
   /* <td> today cell */
   /* TODO: add .fc-today to <th> */
-  background: #f0ad4e;
+  background: #ffc107;
 }
 .fc-cell-overlay {
   /* semi-transparent rectangle while dragging */
-  background: #5bc0de;
-  opacity: .3;
+  background: #17a2b8;
+  opacity: 0.3;
   filter: alpha(opacity=30);
   /* for IE */
 }
 /* Buttons
-------------------------------------------------------------------------*/
+ ------------------------------------------------------------------------*/
 .fc-button {
   position: relative;
   display: inline-block;
-  padding: 0 .6em;
+  padding: 0 0.6em;
   overflow: hidden;
   height: 1.9em;
   line-height: 1.9em;
@@ -169,18 +165,17 @@ html .fc,
   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.
-*/
+ 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;
+  margin: 0 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 {
+.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
   /* for &lsaquo; &rsaquo; */
   font-weight: bold;
 }
@@ -198,30 +193,27 @@ html .fc,
   *top: -50%;
 }
 /*
 button states
 borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
-*/
+ 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-color: #6c757d;
+  background-image: -moz-linear-gradient(top, #fff, #6c757d);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#6c757d));
+  background-image: -webkit-linear-gradient(top, #fff, #6c757d);
+  background-image: -o-linear-gradient(top, #fff, #6c757d);
+  background-image: linear-gradient(to bottom, #fff, #6c757d);
   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;
+  border-color: #6c757d #6c757d #6c757d;
+  border-color: #e9ecef #e9ecef #adb5bd;
+  color: #343a40;
 }
-.fc-state-hover,
-.fc-state-down,
-.fc-state-active,
-.fc-state-disabled {
-  color: #333333;
-  background-color: #777777;
+.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
+  color: #343a40;
+  background-color: #6c757d;
 }
 .fc-state-hover {
-  color: #333333;
+  color: #343a40;
   text-decoration: none;
   background-position: 0 -15px;
   -webkit-transition: background-position 0.1s linear;
@@ -229,12 +221,11 @@ html .fc,
   -o-transition: background-position 0.1s linear;
   transition: background-position 0.1s linear;
 }
-.fc-state-down,
-.fc-state-active {
-  background-color: #777777;
+.fc-state-down, .fc-state-active {
+  background-color: #6c757d;
   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);
+  box-shadow: inset 0 2px 4px #e9ecef, 0 1px 2px #e9ecef;
 }
 .fc-state-disabled {
   cursor: default;
@@ -244,27 +235,25 @@ html .fc,
   box-shadow: none;
 }
 /* Global Event Styles
-------------------------------------------------------------------------*/
+ ------------------------------------------------------------------------*/
 .fc-event-container > * {
   z-index: 8;
 }
-.fc-event-container > .ui-draggable-dragging,
-.fc-event-container > .ui-resizable-resizing {
+.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;
+  border: 1px solid #007bff;
+  background-color: #007bff;
+  color: #fff;
   /* default TEXT color */
-  font-size: .85em;
+  font-size: 0.85em;
   cursor: default;
 }
 a.fc-event {
   text-decoration: none;
 }
-a.fc-event,
-.fc-event-draggable {
+a.fc-event, .fc-event-draggable {
   cursor: pointer;
 }
 .fc-rtl .fc-event {
@@ -275,8 +264,7 @@ a.fc-event,
   height: 100%;
   overflow: hidden;
 }
-.fc-event-time,
-.fc-event-title {
+.fc-event-time, .fc-event-title {
   padding: 0 1px;
   overflow: hidden;
   white-space: nowrap;
@@ -293,19 +281,17 @@ a.fc-event,
   /* */
 }
 /* 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 {
+.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 {
+.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;
@@ -331,28 +317,24 @@ a.fc-event,
   /* IE6 had 0 height */
 }
 /* Reusable Separate-border Table
-------------------------------------------------------------*/
+ ------------------------------------------------------------*/
 table.fc-border-separate {
   border-collapse: separate;
 }
-.fc-border-separate th,
-.fc-border-separate td {
+.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 {
+.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 {
+.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 {
+.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;
 }
@@ -372,8 +354,8 @@ table.fc-border-separate {
   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 */
+   might want to set the 'color' property instead
+   making day-numbers bold also fixes the problem */
 }
 .fc-grid .fc-day-content {
   clear: both;
@@ -392,7 +374,7 @@ table.fc-border-separate {
   float: right;
 }
 /* Agenda Week View, Agenda Day View
-------------------------------------------------------------------------*/
+ ------------------------------------------------------------------------*/
 .fc-agenda table {
   border-collapse: separate;
 }
@@ -435,7 +417,7 @@ table.fc-border-separate {
   overflow: hidden;
 }
 .fc-widget-header .fc-agenda-divider-inner {
-  background: #eeeeee;
+  background: #ced4da;
 }
 /* slot rows */
 .fc-agenda-slots th {
@@ -448,12 +430,10 @@ table.fc-border-separate {
 .fc-agenda-slots td div {
   height: 20px;
 }
-.fc-agenda-slots tr.fc-slot0 th,
-.fc-agenda-slots tr.fc-slot0 td {
+.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 {
+.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 {
@@ -461,7 +441,7 @@ table.fc-border-separate {
   /* doesn't work with background in IE6/7 */
 }
 /* Vertical Events
-------------------------------------------------------------------------*/
+ ------------------------------------------------------------------------*/
 .fc-event-vert {
   border-width: 0 1px;
 }
@@ -491,12 +471,12 @@ table.fc-border-separate {
   left: 0;
   width: 100%;
   height: 100%;
-  background: #ffffff;
-  opacity: .25;
+  background: #fff;
+  opacity: 0.25;
   filter: alpha(opacity=25);
 }
-.fc .ui-draggable-dragging .fc-event-bg,
-.fc-select-helper .fc-event-bg {
+.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
+  /* TODO: something nicer like .fc-opacity */
   display: none\9;
   /* for IE6/7/8. nested opacity filters while dragging don't work */
 }
@@ -562,21 +542,20 @@ table.fc-border-separate {
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
 }
-.carousel-bullets > .bullet:hover,
-.carousel-bullets > .bullet.selected {
+.carousel-bullets > .bullet:hover, .carousel-bullets > .bullet.selected {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
-  background: #ffffff !important;
+  background: rgba(255, 255, 255, 1) !important;
   width: 6px !important;
   height: 6px !important;
-  border: 5px solid #000000 !important;
+  border: 5px solid rgba(0, 0, 0, 1) !important;
 }
 .carousel-inner > .carousel-arrow > .carousel-prev {
   position: absolute;
   display: block;
   top: 50%;
-  color: #ffffff;
+  color: #fff;
   z-index: 100;
   cursor: pointer;
   padding: 10px;
@@ -587,15 +566,14 @@ table.fc-border-separate {
   position: absolute;
   display: block;
   top: 50%;
-  color: #ffffff;
+  color: #fff;
   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 {
+.carousel-inner > .carousel-arrow > .carousel-prev > i, .carousel-inner > .carousel-arrow > .carousel-next > i {
   font-size: 24px;
 }
 .carousel-inner .tab-pane.clickable {
@@ -617,21 +595,6 @@ table.fc-border-separate {
   -ms-user-select: none;
   user-select: none;
 }
-.checkbox label::before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  width: 17px;
-  height: 17px;
-  left: 0;
-  margin-left: -20px;
-  border: 1px solid #777777;
-  border-radius: 3px;
-  background-color: #ffffff;
-  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-}
 .checkbox label::after {
   display: inline-block;
   position: absolute;
@@ -643,59 +606,70 @@ table.fc-border-separate {
   padding-left: 3px;
   padding-top: 1px;
   font-size: 11px;
-  color: #555555;
+  color: #495057;
 }
 .checkbox input[type="checkbox"] {
   display: none;
 }
 .checkbox input[type="checkbox"]:checked + label::after {
-  font-family: 'FontAwesome';
-  content: "\f00c";
+  font-size: 18px;
+  padding-top: 0px;
+  font-family: 'Font Awesome 5 Free 400';
+  font-weight: 900;
+  color: #28a745;
+  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::before {
-  background-color: #eeeeee;
+  background-color: #ced4da;
   cursor: not-allowed;
 }
 .checkbox.checkbox-circle label::before {
   border-radius: 50%;
 }
 .checkbox-primary input[type="checkbox"]:checked + label::before {
-  background-color: #337ab7;
-  border-color: #337ab7;
+  background-color: #007bff;
+  border-color: #007bff;
 }
 .checkbox-primary input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
+  color: #fff;
 }
 .checkbox-danger input[type="checkbox"]:checked + label::before {
-  background-color: #d9534f;
-  border-color: #d9534f;
+  background-color: #dc3545;
+  border-color: #dc3545;
 }
 .checkbox-danger input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
+  color: #fff;
 }
 .checkbox-info input[type="checkbox"]:checked + label::before {
-  background-color: #5bc0de;
-  border-color: #5bc0de;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
 }
 .checkbox-info input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
+  color: #fff;
 }
 .checkbox-warning input[type="checkbox"]:checked + label::before {
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
+  background-color: #ffc107;
+  border-color: #ffc107;
 }
 .checkbox-warning input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
+  color: #fff;
 }
 .checkbox-success input[type="checkbox"]:checked + label::before {
-  background-color: #5cb85c;
-  border-color: #5cb85c;
+  background-color: #28a745;
+  border-color: #28a745;
 }
 .checkbox-success input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
+  color: #fff;
 }
 /* before is the outer cicle */
 /* after is the inner circle.. */
@@ -712,9 +686,9 @@ table.fc-border-separate {
   height: 17px;
   left: 0;
   margin-left: -20px;
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
   border-radius: 50%;
-  background-color: #ffffff;
+  background-color: #fff;
   -webkit-transition: border 0.15s ease-in-out;
   -o-transition: border 0.15s ease-in-out;
   transition: border 0.15s ease-in-out;
@@ -729,7 +703,7 @@ table.fc-border-separate {
   top: 3px;
   margin-left: -20px;
   border-radius: 50%;
-  background-color: #ffffff;
+  background-color: #fff;
   -webkit-transform: scale(0, 0);
   -ms-transform: scale(0, 0);
   -o-transform: scale(0, 0);
@@ -747,7 +721,7 @@ table.fc-border-separate {
   -ms-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
-  background-color: #555555;
+  background-color: #495057;
 }
 .radio input[type="radio"]:disabled + label {
   opacity: 0.65;
@@ -756,52 +730,51 @@ table.fc-border-separate {
   cursor: not-allowed;
 }
 .radio-primary input[type="radio"] + label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .radio-primary input[type="radio"]:checked + label::before {
-  border-color: #337ab7;
+  border-color: #007bff;
 }
 .radio-primary input[type="radio"]:checked + label::after {
-  background-color: #337ab7;
+  background-color: #007bff;
 }
 .radio-danger input[type="radio"] + label::after {
-  background-color: #d9534f;
+  background-color: #dc3545;
 }
 .radio-danger input[type="radio"]:checked + label::before {
-  border-color: #d9534f;
+  border-color: #dc3545;
 }
 .radio-danger input[type="radio"]:checked + label::after {
-  background-color: #d9534f;
+  background-color: #dc3545;
 }
 .radio-info input[type="radio"] + label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .radio-info input[type="radio"]:checked + label::before {
-  border-color: #5bc0de;
+  border-color: #17a2b8;
 }
 .radio-info input[type="radio"]:checked + label::after {
-  background-color: #5bc0de;
+  background-color: #17a2b8;
 }
 .radio-warning input[type="radio"] + label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .radio-warning input[type="radio"]:checked + label::before {
-  border-color: #f0ad4e;
+  border-color: #ffc107;
 }
 .radio-warning input[type="radio"]:checked + label::after {
-  background-color: #f0ad4e;
+  background-color: #ffc107;
 }
 .radio-success input[type="radio"] + label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .radio-success input[type="radio"]:checked + label::before {
-  border-color: #5cb85c;
+  border-color: #28a745;
 }
 .radio-success input[type="radio"]:checked + label::after {
-  background-color: #5cb85c;
+  background-color: #28a745;
 }
-.checkbox.checkbox-inline,
-.radio.radio-inline {
+.checkbox.checkbox-inline, .radio.radio-inline {
   margin-top: 0;
 }
 /*
@@ -814,27 +787,24 @@ table.fc-border-separate {
   *zoom: 1;
   display: inline-table;
 }
-.combobox-container:before,
-.combobox-container:after {
+.combobox-container:before, .combobox-container:after {
   display: table;
   content: "";
 }
 .combobox-container:after {
   /* clear: both; */
 }
-.combobox-container input,
-.combobox-container .uneditable-input {
+.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 {
+.combobox-container input:focus, .combobox-container .uneditable-input:focus {
   position: relative;
   z-index: 2;
 }
 .combobox-container .uneditable-input {
-  border-left-color: #777777;
+  border-left-color: #6c757d;
 }
 .combobox-container .add-on {
   float: left;
@@ -845,29 +815,28 @@ table.fc-border-separate {
   margin-right: -1px;
   padding: 4px 5px;
   font-weight: normal;
-  color: #777777;
+  color: #6c757d;
   text-align: center;
-  text-shadow: 0 1px 0 #ffffff;
-  background-color: #f5f5f5;
-  border: 1px solid #777777;
+  text-shadow: 0 1px 0 #fff;
+  background-color: #6c757d;
+  border: 1px solid #6c757d;
   -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;
+  background-color: #007bff;
+  color: #fff;
 }
-.combobox-container input,
-.combobox-container .uneditable-input {
+.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;
+  border-left-color: #ced4da;
+  border-right-color: #6c757d;
 }
 .combobox-container .add-on {
   margin-right: 0;
@@ -892,14 +861,12 @@ table.fc-border-separate {
   text-indent: -99999px;
   *text-indent: 0;
 }
-.form-search .combobox-container,
-.form-inline .combobox-container {
+.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 {
+.form-search .combobox-container .add-on, .form-inline .combobox-container .add-on {
   vertical-align: middle;
 }
 .combobox-selected .combobox-clear {
@@ -917,8 +884,7 @@ table.fc-border-separate {
   opacity: 0.3;
   filter: alpha(opacity=30);
 }
-.dropdown:hover .combobox-clear,
-.open.dropdown .combobox-clear {
+.dropdown:hover .combobox-clear, .open.dropdown .combobox-clear {
   opacity: 1;
   filter: alpha(opacity=100);
 }
@@ -926,8 +892,7 @@ table.fc-border-separate {
   margin-top: 1px;
   margin-left: 1px;
 }
-.btn:hover .combobox-clear,
-.open.btn-group .combobox-clear {
+.btn:hover .combobox-clear, .open.btn-group .combobox-clear {
   opacity: 1;
   filter: alpha(opacity=100);
 }
@@ -936,25 +901,25 @@ table.fc-border-separate {
   overflow-y: auto;
 }
 .control-group.error .combobox-container .add-on {
-  color: #d9534f;
-  border-color: #d9534f;
+  color: #dc3545;
+  border-color: #dc3545;
 }
 .control-group.error .combobox-container .caret {
-  border-top-color: #d9534f;
+  border-top-color: #dc3545;
 }
 .control-group.warning .combobox-container .add-on {
-  color: #f0ad4e;
-  border-color: #f0ad4e;
+  color: #ffc107;
+  border-color: #ffc107;
 }
 .control-group.warning .combobox-container .caret {
-  border-top-color: #f0ad4e;
+  border-top-color: #ffc107;
 }
 .control-group.success .combobox-container .add-on {
-  color: #5cb85c;
-  border-color: #5cb85c;
+  color: #28a745;
+  border-color: #28a745;
 }
 .control-group.success .combobox-container .caret {
-  border-top-color: #5cb85c;
+  border-top-color: #28a745;
 }
 .btn .combobox-clear [class^="icon-"] {
   line-height: 1.4em;
@@ -962,18 +927,18 @@ table.fc-border-separate {
 .combobox-container .dropdown-menu {
   border-radius: 0;
   padding: 0;
-  border: 1px solid #337ab7;
+  border: 1px solid #007bff;
   border-top: none;
 }
 .roo-select2-container .dropdown-menu {
-  border: 1px solid #337ab7;
+  border: 1px solid #007bff;
 }
 .dropdown-menu .active {
-  background: #337ab7;
-  color: #ffffff;
+  background: #007bff;
+  color: #fff;
 }
 .dropdown-menu .active label {
-  color: #ffffff;
+  color: #fff;
 }
 .dropdown-menu .roo-select2-result {
   padding: 3px 7px 4px;
@@ -986,17 +951,16 @@ table.fc-border-separate {
   -ms-user-select: none;
   user-select: none;
 }
-.roo-select2-container,
-.roo-select2-choices .roo-select2-search-field {
+.roo-select2-container, .roo-select2-choices .roo-select2-search-field {
   width: 100%;
 }
 .roo-select2-container .x-combo-noedit {
   cursor: pointer;
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .roo-select2-container .x-combo-noedit[disabled] {
   cursor: not-allowed;
-  background-color: #eeeeee;
+  background-color: #ced4da;
 }
 .roo-combobox-tickable .roo-select2-choices {
   border: none;
@@ -1022,7 +986,7 @@ table.fc-border-separate {
 }
 .roo-select2-container .input-group-addon {
   padding: 6px 12px;
-  border: 1px solid #777777;
+  border: 1px solid #ced4da;
   border-left: 0px;
 }
 .roo-select2-container .roo-removable {
@@ -1041,29 +1005,26 @@ table.fc-border-separate {
   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;
-}*/
+ .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;
+  border: 1px solid #ffc107;
 }
 .roo-ios-select {
   width: 100%;
@@ -1086,8 +1047,8 @@ table.fc-border-separate {
   direction: ltr;
   font-size: 13px;
   /*.dow {
-               border-top: 1px solid @gray-light !important;
-       }*/
+   border-top: 1px solid $gray-light !important;
+   }*/
 }
 .datepicker-inline {
   width: 220px;
@@ -1103,33 +1064,33 @@ table.fc-border-separate {
   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;
-}*/
+ 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);
+  border-bottom: 7px solid #6c757d;
+  border-bottom-color: #e9ecef;
   position: absolute;
   top: -7px;
   left: 7px;
@@ -1139,7 +1100,7 @@ table.fc-border-separate {
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid #ffffff;
+  border-bottom: 6px solid #fff;
   position: absolute;
   top: -6px;
   left: 8px;
@@ -1149,9 +1110,9 @@ table.fc-border-separate {
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
-  border-top: 7px solid #777777;
+  border-top: 7px solid #6c757d;
   border-bottom: 0;
-  border-top-color: rgba(0, 0, 0, 0.2);
+  border-top-color: #e9ecef;
   position: absolute;
   bottom: -7px;
   left: 6px;
@@ -1161,7 +1122,7 @@ table.fc-border-separate {
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid #ffffff;
+  border-top: 6px solid #fff;
   border-bottom: 0;
   position: absolute;
   bottom: -6px;
@@ -1172,8 +1133,8 @@ table.fc-border-separate {
   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);
+  border-bottom: 7px solid #6c757d;
+  border-bottom-color: #e9ecef;
   position: absolute;
   top: -7px;
   left: 7px;
@@ -1183,7 +1144,7 @@ table.fc-border-separate {
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid #ffffff;
+  border-bottom: 6px solid #fff;
   position: absolute;
   top: -6px;
   left: 8px;
@@ -1193,8 +1154,8 @@ table.fc-border-separate {
   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);
+  border-bottom: 7px solid #6c757d;
+  border-bottom-color: #e9ecef;
   position: absolute;
   top: -7px;
   left: 260px;
@@ -1204,7 +1165,7 @@ table.fc-border-separate {
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid #ffffff;
+  border-bottom: 6px solid #fff;
   position: absolute;
   top: -6px;
   left: 261px;
@@ -1214,8 +1175,8 @@ table.fc-border-separate {
   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);
+  border-top: 7px solid #6c757d;
+  border-top-color: #e9ecef;
   position: absolute;
   bottom: -7px;
   left: 6px;
@@ -1225,7 +1186,7 @@ table.fc-border-separate {
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid #ffffff;
+  border-top: 6px solid #fff;
   position: absolute;
   bottom: -6px;
   left: 7px;
@@ -1235,8 +1196,8 @@ table.fc-border-separate {
   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);
+  border-top: 7px solid #6c757d;
+  border-top-color: #e9ecef;
   position: absolute;
   bottom: -7px;
   left: 260px;
@@ -1246,7 +1207,7 @@ table.fc-border-separate {
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid #ffffff;
+  border-top: 6px solid #fff;
   position: absolute;
   bottom: -6px;
   left: 261px;
@@ -1266,8 +1227,7 @@ table.fc-border-separate {
 .datepicker table {
   margin: 0;
 }
-.datepicker td,
-.datepicker th {
+.datepicker td, .datepicker th {
   text-align: center;
   width: 20px;
   height: 20px;
@@ -1276,123 +1236,62 @@ table.fc-border-separate {
   border-radius: 4px;
   border: none;
 }
-.table-striped .datepicker table tr td,
-.table-striped .datepicker table tr th {
+.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
   background-color: transparent;
 }
 .datepicker table tr td.day:hover {
-  background: #eeeeee;
+  background: #ced4da;
   cursor: pointer;
 }
-.datepicker table tr td.old,
-.datepicker table tr td.new {
-  color: #777777;
+.datepicker table tr td.old, .datepicker table tr td.new {
+  color: #ced4da;
 }
-.datepicker table tr td.disabled,
-.datepicker table tr td.disabled:hover {
+.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
   background: none;
-  color: #777777;
+  color: #ced4da;
   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);
+.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: #ffc107;
+  background-image: -moz-linear-gradient(top, #ffc107, #ffc107);
+  background-image: -ms-linear-gradient(top, #ffc107, #ffc107);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc107), to(#ffc107));
+  background-image: -webkit-linear-gradient(top, #ffc107, #ffc107);
+  background-image: -o-linear-gradient(top, #ffc107, #ffc107);
+  background-image: linear-gradient(top, #ffc107, #ffc107);
   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(startColorstr='$brand-warning', endColorstr='$brand-warning', GradientType=0);
+  border-color: #ffc107 #ffc107 #ffc107;
+  border-color: #e9ecef #e9ecef #adb5bd;
   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);
+.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: #ffc107;
+}
+.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: #ffc107;
+}
+.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: #007bff;
+  background-image: -moz-linear-gradient(top, #1a88ff, #007bff);
+  background-image: -ms-linear-gradient(top, #1a88ff, #007bff);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a88ff), to(#007bff));
+  background-image: -webkit-linear-gradient(top, #1a88ff, #007bff);
+  background-image: -o-linear-gradient(top, #1a88ff, #007bff);
+  background-image: linear-gradient(top, #1a88ff, #007bff);
   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(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
+  border-color: #007bff #007bff #0062cc;
+  border-color: #e9ecef #e9ecef #adb5bd;
   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;
+  color: #fff;
+  text-shadow: 0 -1px 0 #adb5bd;
+}
+.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: #007bff;
+}
+.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: #0062cc;
 }
 .datepicker table tr td span {
   display: block;
@@ -1407,78 +1306,46 @@ table.fc-border-separate {
   border-radius: 4px;
 }
 .datepicker table tr td span:hover {
-  background: #eeeeee;
+  background: #ced4da;
 }
-.datepicker table tr td span.disabled,
-.datepicker table tr td span.disabled:hover {
+.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
   background: none;
-  color: #777777;
+  color: #6c757d;
   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);
+.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: #007bff;
+  background-image: -moz-linear-gradient(top, #1a88ff, #007bff);
+  background-image: -ms-linear-gradient(top, #1a88ff, #007bff);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a88ff), to(#007bff));
+  background-image: -webkit-linear-gradient(top, #1a88ff, #007bff);
+  background-image: -o-linear-gradient(top, #1a88ff, #007bff);
+  background-image: linear-gradient(top, #1a88ff, #007bff);
   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(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
+  border-color: #007bff #007bff #0062cc;
+  border-color: #e9ecef #e9ecef #adb5bd;
   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;
+  color: #fff;
+  text-shadow: 0 -1px 0 #adb5bd;
+}
+.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: #007bff;
+}
+.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: #0062cc;
 }
 .datepicker table tr td span.old {
-  color: #777777;
+  color: #6c757d;
 }
 .datepicker th.switch {
   width: 145px;
 }
-.datepicker thead tr:first-child th,
-.datepicker tfoot tr:first-child th {
+.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 thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
+  background: #ced4da;
 }
 .datepicker .cw {
   font-size: 10px;
@@ -1490,8 +1357,7 @@ table.fc-border-separate {
   cursor: default;
   background-color: transparent;
 }
-.input-append.date .add-on i,
-.input-prepend.date .add-on i {
+.input-append.date .add-on i, .input-prepend.date .add-on i {
   display: block;
   cursor: pointer;
   width: 16px;
@@ -1507,8 +1373,7 @@ table.fc-border-separate {
   cursor: pointer;
   border-radius: 4px;
 }
-.datepicker .datepicker-time td span.timepicker-hour,
-.datepicker .datepicker-time td span.timepicker-minute {
+.datepicker .datepicker-time td span.timepicker-hour, .datepicker .datepicker-time td span.timepicker-minute {
   width: 100%;
   font-weight: bold;
   font-size: 1.2em;
@@ -1517,9 +1382,7 @@ table.fc-border-separate {
   visibility: hidden;
   height: 0px;
 }
-.roo-document-manager-uploader,
-.roo-document-manager-loading,
-.roo-document-manager-preview {
+.roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
   position: relative;
   float: left;
   width: 25%;
@@ -1527,28 +1390,27 @@ table.fc-border-separate {
   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 {
+.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(238, 238, 238, 0.75);
-  -moz-box-shadow: 1px 0px 5px 0px rgba(238, 238, 238, 0.75);
-  box-shadow: 1px 0px 5px 0px rgba(238, 238, 238, 0.75);
+  border: 1px solid #ced4da;
+  -webkit-box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
+  -moz-box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
+  box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
 }
-.roo-document-manager-thumb > i.fa,
-.roo-document-manager-upload-btn > i.fa {
+.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;
+  color: #6c757d;
   font-size: 2.5em;
 }
 .roo-document-manager-thumb > i.fa {
@@ -1559,6 +1421,7 @@ table.fc-border-separate {
   max-height: 100%;
   text-align: center;
   vertical-align: middle;
+  padding-bottom: 5px;
 }
 .roo-document-manager-preview > .close {
   position: absolute;
@@ -1568,36 +1431,72 @@ table.fc-border-separate {
   opacity: 1;
 }
 .roo-document-manager-preview > .close:hover {
-  color: #333333;
+  color: #343a40;
+}
+.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: #fff;
+  /*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: #007bff;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
+  border: 3px solid #007bff;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
+  color: #495057;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
+  border: none;
 }
 /*
-* sm
-*/
+ * sm
+ */
 @media (min-width: 768px) {
-  .roo-document-manager-uploader,
-  .roo-document-manager-loading,
-  .roo-document-manager-preview {
+  .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 {
+  .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 {
+  .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
     line-height: 198px;
   }
 }
 /*
-* md
-*/
+ * md
+ */
 @media (min-width: 992px) {
-  .roo-document-manager-uploader,
-  .roo-document-manager-loading,
-  .roo-document-manager-preview {
+  .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
     width: 8.33333333%;
     height: 80px;
     max-height: 80px;
@@ -1605,24 +1504,20 @@ table.fc-border-separate {
   .roo-document-manager-preview.wide {
     width: 16.66666666%;
   }
-  .roo-document-manager-thumb,
-  .roo-document-manager-upload-btn {
+  .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 {
+  .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
     line-height: 78px;
   }
 }
 /*
-* lg
-*/
+ * lg
+ */
 @media (min-width: 1200px) {
-  .roo-document-manager-uploader,
-  .roo-document-manager-loading,
-  .roo-document-manager-preview {
+  .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
     width: 8.33333333%;
     height: 100px;
     max-height: 100px;
@@ -1630,14 +1525,12 @@ table.fc-border-separate {
   .roo-document-manager-preview.wide {
     width: 16.66666666%;
   }
-  .roo-document-manager-thumb,
-  .roo-document-manager-upload-btn {
+  .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 {
+  .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
     line-height: 98px;
   }
 }
@@ -1645,18 +1538,18 @@ table.fc-border-separate {
   padding: 0px;
 }
 .roo-document-slider-header {
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: #adb5bd;
 }
 .roo-document-slider-header .roo-document-slider-header-title {
   width: 80%;
   margin: 0 auto;
   padding: 10px 0;
-  color: #ffffff;
+  color: #fff;
   font-weight: bold;
   text-align: center;
 }
 .roo-document-slider-body {
-  background-color: #ffffff;
+  background-color: #fff;
   width: 100%;
   height: 450px;
   position: relative;
@@ -1670,8 +1563,8 @@ table.fc-border-separate {
   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);
+  border: 1px solid #666;
+  box-shadow: 0 0 0 1000px #adb5bd;
   text-align: center;
   vertical-align: middle;
   overflow: auto;
@@ -1696,8 +1589,7 @@ table.fc-border-separate {
   width: 10%;
   height: 100%;
 }
-.roo-document-slider-prev > i,
-.roo-document-slider-next > i {
+.roo-document-slider-prev > i, .roo-document-slider-next > i {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
@@ -1707,8 +1599,7 @@ table.fc-border-separate {
 .document-viewer-dialog .modal-dialog {
   margin: 0px auto;
 }
-.document-viewer-dialog .modal-header,
-.document-viewer-dialog .modal-footer {
+.document-viewer-dialog .modal-header, .document-viewer-dialog .modal-footer {
   padding-top: 5px;
   padding-bottom: 5px;
 }
@@ -1716,7 +1607,7 @@ table.fc-border-separate {
   padding: 0px;
 }
 .roo-document-viewer-body {
-  background-color: #ffffff;
+  background-color: #fff;
   width: 100%;
   height: 450px;
   max-height: 450px;
@@ -1732,8 +1623,8 @@ table.fc-border-separate {
   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);
+  border: 1px solid #666;
+  box-shadow: 0 0 0 1000px #adb5bd;
   text-align: center;
   vertical-align: middle;
   overflow: auto;
@@ -1742,9 +1633,9 @@ table.fc-border-separate {
   width: 100%;
 }
 .roo-document-viewer-btn-group button {
-  background-color: #000000;
-  color: #ffffff;
-  border-color: #333333;
+  background-color: #000;
+  color: #fff;
+  border-color: #343a40;
 }
 .roo-document-viewer-btn-group > .btn-group:first-child > button {
   border-top-left-radius: 0;
@@ -1752,18 +1643,17 @@ table.fc-border-separate {
 .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;
+.dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
+  color: #fff;
   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-color: #007bff;
+  background-image: -moz-linear-gradient(top, #007bff, #0074f0);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007bff), to(#0074f0));
+  background-image: -webkit-linear-gradient(top, #007bff, #0074f0);
+  background-image: -o-linear-gradient(top, #007bff, #0074f0);
+  background-image: linear-gradient(to bottom, #007bff, #0074f0);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-primary', endColorstr='darken($brand-primary, 3%)', GradientType=0);
 }
 .dropdown-submenu {
   position: relative;
@@ -1800,13 +1690,13 @@ table.fc-border-separate {
   margin-top: 5px;
   margin-right: -10px;
   border-color: transparent;
-  border-left-color: #777777;
+  border-left-color: #6c757d;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   content: " ";
 }
 .dropdown-submenu:hover > a:after {
-  border-left-color: #ffffff;
+  border-left-color: #fff;
 }
 .dropdown-submenu.pull-left {
   float: none !important;
@@ -1830,18 +1720,32 @@ li.dropdown-toggle span + i.glyphicon {
 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: #dc3545;
+  vertical-align: top;
+}
 .roo-required-indicator.left-indicator {
-  margin-right: 5px;
+  margin-right: 3px;
 }
 .roo-required-indicator.right-indicator {
-  margin-left: 5px;
+  margin-left: 3px;
 }
 .label-pill {
-  padding-right: .6em;
-  padding-left: .6em;
+  padding-right: 0.6em;
+  padding-left: 0.6em;
   border-radius: 10rem;
 }
 .roo-layout-container {
@@ -1857,38 +1761,34 @@ div.input-group.has-feedback > .form-control-feedback {
 }
 .roo-layout-active-content {
   visibility: visible;
-  /* padding: 10px; */
 }
+/* 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 {
+/* 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 {
+.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-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-grid-wrapper{
+ }
+ */
 .roo-layout-split {
   position: absolute;
   height: 5px;
@@ -1896,15 +1796,13 @@ div.input-group.has-feedback > .form-control-feedback {
   line-height: 1px;
   font-size: 1px;
   z-index: 3;
-  background-color: #f5f5f5;
+  background-color: #6c757d;
 }
-.roo-layout-split-south,
-.roo-layout-split-north {
-  border-bottom: 1px solid #777777;
+.roo-layout-split-south, .roo-layout-split-north {
+  border-bottom: 1px solid #6c757d;
 }
-.roo-layout-split-east,
-.roo-layout-split-west {
-  border-right: 1px solid #777777;
+.roo-layout-split-east, .roo-layout-split-west {
+  border-right: 1px solid #6c757d;
 }
 .roo-layout-panel-hd {
   position: relative;
@@ -1928,71 +1826,70 @@ div.input-group.has-feedback > .form-control-feedback {
   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);
-}
-*/
+ .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;
+  background-color: #fff;
   overflow: auto;
   height: 100%;
 }
-.roo-layout-component-panel,
-.roo-layout-nested-layout {
+.roo-layout-component-panel, .roo-layout-nested-layout {
   position: relative;
   padding: 0;
   overflow: hidden;
@@ -2003,43 +1900,42 @@ div.input-group.has-feedback > .form-control-feedback {
   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;
-}
-*/
+ .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;
-}
-*/
+ .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;
@@ -2051,34 +1947,30 @@ div.input-group.has-feedback > .form-control-feedback {
   z-index: 40009;
   visibility: hidden;
   position: absolute;
-  background: #777777;
-  border: 1px solid #000000;
+  background: #6c757d;
+  border: 1px solid #000;
   overflow: hidden;
 }
-.roo-splitbar-h,
-.roo-splitbar-proxy-h {
+.roo-splitbar-h, .roo-splitbar-proxy-h {
   cursor: col-resize;
 }
-.roo-splitbar-v,
-.roo-splitbar-proxy-v {
+.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;
-}
-
-
-*/
+ .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;
@@ -2086,10 +1978,14 @@ div.input-group.has-feedback > .form-control-feedback {
 .roo-layout-panel-body .navbar {
   margin-bottom: 0px;
 }
-a.list-group-item,
-button.list-group-item {
+.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;
+  color: #495057;
   text-align: inherit;
 }
 .roo-el-mask {
@@ -2098,9 +1994,9 @@ button.list-group-item {
   top: 0;
   left: 0;
   -moz-opacity: 0.5;
-  opacity: .50;
+  opacity: 0.5;
   filter: alpha(opacity=50);
-  background-color: #777777;
+  background-color: #6c757d;
   width: 100%;
   height: 100%;
   zoom: 1;
@@ -2108,28 +2004,36 @@ button.list-group-item {
 .roo-el-mask-msg {
   position: absolute;
   z-index: 20000;
+  background-color: #fff;
   /*border: 4px double #557; */
-  background-color: #ffffff;
-  padding: 0px 30px;
-  background-image: url('../images/ux/lightbox/loading.gif');
+  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: 4px 15px;
-  color: #555555;
+  padding: 0px 15px;
+  color: #495057;
+  display: table-cell;
+  vertical-align: middle;
+  float: left;
 }
 .x-body-masked {
   overflow: hidden !important;
 }
-.x-body-masked select,
-.ext-masked object,
-.ext-masked embed {
+.x-body-masked select, .ext-masked object, .ext-masked embed {
   visibility: hidden;
 }
 .x-dlg-mask {
@@ -2139,21 +2043,19 @@ button.list-group-item {
   top: 0;
   left: 0;
   -moz-opacity: 0.5;
-  opacity: .50;
+  opacity: 0.5;
   filter: alpha(opacity=50);
-  background-color: #777777;
+  background-color: #6c757d;
 }
 .masonary .masonry-bottom-title {
   background-color: transparent;
 }
-.masonry-brick-link,
-.roo-brick-link {
+.masonry-brick-link, .roo-brick-link {
   cursor: pointer;
   text-decoration: none;
   outline: 0;
 }
-.masonry-brick-paragraph,
-.roo-brick-paragraph {
+.masonry-brick-paragraph, .roo-brick-paragraph {
   overflow: hidden;
 }
 .masonry-brick .masonry-brick-paragraph {
@@ -2165,26 +2067,20 @@ button.list-group-item {
   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 {
+.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 {
+.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 {
+.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 {
+.masonry-brick-image .masonry-brick-paragraph, .roo-brick-image .roo-brick-paragraph {
   opacity: 0;
 }
 .masonry-bottom-title .masonry-brick-paragraph {
@@ -2195,8 +2091,7 @@ button.list-group-item {
   height: 100%;
   object-fit: cover;
 }
-.masonry-brick-paragraph .masonry-brick-title,
-.roo-brick-paragraph .roo-brick-title {
+.masonry-brick-paragraph .masonry-brick-title, .roo-brick-paragraph .roo-brick-title {
   margin-top: 0;
 }
 .roo-brick .roo-brick-paragraph {
@@ -2210,19 +2105,17 @@ button.list-group-item {
   top: 0;
   object-fit: cover;
 }
-a.roo-brick-link:focus,
-a.roo-brick-link:hover {
+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 {
+.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;
+  color: #000;
   font-size: 11px;
 }
 .enable-mask:hover .masonry-brick-mask {
@@ -2231,28 +2124,25 @@ a.roo-brick-link:hover {
   position: absolute;
   top: 0;
   left: 0;
-  background-color: #000000;
+  background-color: #000;
   opacity: 0.2;
 }
+@media (min-width: 768px) {
+  .mask-inverse .masonry-brick-paragraph {
+    background: #adb5bd;
+  }
+  .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 {
+ 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 {
@@ -2260,11 +2150,11 @@ a.roo-brick-link:hover {
   margin: 30 auto;
 }
 .modal-md-11 .modal-dialog {
-  width: 91.66666666666666%;
+  width: 91.6666666667%;
   margin: 30 auto;
 }
 .modal-md-10 .modal-dialog {
-  width: 83.33333333333334%;
+  width: 83.3333333333%;
   margin: 30 auto;
 }
 .modal-md-9 .modal-dialog {
@@ -2272,11 +2162,11 @@ a.roo-brick-link:hover {
   margin: 30 auto;
 }
 .modal-md-8 .modal-dialog {
-  width: 66.66666666666666%;
+  width: 66.6666666667%;
   margin: 30 auto;
 }
 .modal-md-7 .modal-dialog {
-  width: 58.333333333333336%;
+  width: 58.3333333333%;
   margin: 30 auto;
 }
 .modal-md-6 .modal-dialog {
@@ -2284,11 +2174,11 @@ a.roo-brick-link:hover {
   margin: 30 auto;
 }
 .modal-md-5 .modal-dialog {
-  width: 41.66666666666667%;
+  width: 41.6666666667%;
   margin: 30 auto;
 }
 .modal-md-4 .modal-dialog {
-  width: 33.33333333333333%;
+  width: 33.3333333333%;
   margin: 30 auto;
 }
 .modal-md-3 .modal-dialog {
@@ -2296,29 +2186,58 @@ a.roo-brick-link:hover {
   margin: 30 auto;
 }
 .modal-md-2 .modal-dialog {
-  width: 16.666666666666664%;
+  width: 16.6666666667%;
   margin: 30 auto;
 }
 .modal-md-1 .modal-dialog {
-  width: 8.333333333333332%;
+  width: 8.3333333333%;
   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 {
+ @media (max-width: 568px) {
+ .modal-footer .btn+.btn {
+ margin-left: 0px;
+ margin-top: 5px;
+ }
+ }
+ */
+.modal-body.roo-layout-container, .modal-body > .container {
   padding: 0;
 }
-.roo-navigation-bar-group,
-.roo-navigation-top-bar,
-.roo-navigation-bullets-bar,
-.roo-navigation-bottom-bar {
+.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 #0062cc;
+}
+.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: #007bff;
+}
+.roo-navigation-bar-group, .roo-navigation-top-bar, .roo-navigation-bullets-bar, .roo-navigation-bottom-bar {
   width: 100%;
   float: left;
 }
@@ -2344,7 +2263,7 @@ a.roo-brick-link:hover {
 }
 .roo-navigation-bar .roo-navigation-bar-item {
   list-style-type: none;
-  color: #000000;
+  color: #000;
   text-transform: uppercase;
   font-size: 14px;
   float: left;
@@ -2355,8 +2274,8 @@ a.roo-brick-link:hover {
   width: 25px;
   line-height: 25px;
   display: block;
-  color: #ffffff;
-  background: #337ab7;
+  color: #fff;
+  background: #007bff;
   border-radius: 5px;
   font-weight: bold;
   cursor: pointer;
@@ -2368,7 +2287,7 @@ a.roo-brick-link:hover {
   content: '';
   width: 100%;
   height: 5px;
-  background: #337ab7;
+  background: #007bff;
   position: absolute;
   top: 10px;
   z-index: -1;
@@ -2377,12 +2296,12 @@ a.roo-brick-link:hover {
   content: none;
 }
 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
-  background: #ac2925;
-  color: #ffffff;
+  background: #9f1c28;
+  color: #fff;
 }
 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
-  background: #777777;
-  color: #ffffff;
+  background: #6c757d;
+  color: #fff;
   cursor: not-allowed;
 }
 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
@@ -2398,27 +2317,24 @@ a.roo-brick-link:hover {
   }
 }
 @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 {
+  .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 {
+  .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;
+  background: #fff;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
 }
 .nav-tabs-custom > .nav-tabs {
   margin: 0;
-  border-bottom-color: #777777;
+  border-bottom-color: #6c757d;
 }
 .nav-tabs-custom > .nav-tabs > li {
   border-top: 3px solid transparent;
@@ -2430,27 +2346,23 @@ a.roo-brick-link:hover {
   -moz-border-radius: 0 !important;
   border-radius: 0 !important;
 }
-.nav-tabs-custom > .nav-tabs > li > a,
-.nav-tabs-custom > .nav-tabs > li > a:hover {
+.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 {
+.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;
+  border-top-color: #007bff;
 }
-.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, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
+  background-color: #fff;
 }
 .nav-tabs-custom > .nav-tabs > li.active > a {
   border-top: 0;
-  border-left-color: #777777;
-  border-right-color: #777777;
+  border-left-color: #6c757d;
+  border-right-color: #6c757d;
 }
 .nav-tabs-custom > .nav-tabs > li:first-of-type {
   margin-left: 0px;
@@ -2476,30 +2388,55 @@ a.roo-brick-link:hover {
   line-height: 35px;
   padding: 0 10px;
   font-size: 20px;
-  color: #333333;
+  color: #343a40;
   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 {
+.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;
+  background: #fff;
   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;
+}
 .roo-numberbox {
-  background-color: #337ab7 !important;
+  background-color: #007bff !important;
   border: 10px solid black;
 }
 .roo-numberbox h {
@@ -2508,8 +2445,7 @@ a.roo-brick-link:hover {
 .pull-xs-right {
   float: right !important;
 }
-.roo-radio-set:before,
-.roo-radio-set:after {
+.roo-radio-set:before, .roo-radio-set:after {
   display: table;
   content: " ";
   clear: both;
@@ -2519,7 +2455,7 @@ a.roo-brick-link:hover {
   -ms-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
-  background-color: #555555;
+  background-color: #495057;
 }
 .roo-radio-set.disabled .radio label {
   opacity: 0.65;
@@ -2528,61 +2464,58 @@ a.roo-brick-link:hover {
   cursor: not-allowed;
 }
 .roo-radio-primary .radio label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .roo-radio-primary .radio.checked label::before {
-  border-color: #337ab7;
+  border-color: #007bff;
 }
 .roo-radio-primary .radio.checked label::after {
-  background-color: #337ab7;
+  background-color: #007bff;
 }
 .roo-radio-danger .radio label::after {
-  background-color: #d9534f;
+  background-color: #dc3545;
 }
 .roo-radio-danger .radio.checked label::before {
-  border-color: #d9534f;
+  border-color: #dc3545;
 }
 .roo-radio-danger .radio.checked label::after {
-  background-color: #d9534f;
+  background-color: #dc3545;
 }
 .roo-radio-info .radio label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .roo-radio-info .radio.checked label::before {
-  border-color: #5bc0de;
+  border-color: #17a2b8;
 }
 .roo-radio-info .radio.checked label::after {
-  background-color: #5bc0de;
+  background-color: #17a2b8;
 }
 .roo-radio-warning .radio label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .roo-radio-warning .radio.checked label::before {
-  border-color: #f0ad4e;
+  border-color: #ffc107;
 }
 .roo-radio-warning .radio.checked label::after {
-  background-color: #f0ad4e;
+  background-color: #ffc107;
 }
 .roo-radio-success .radio label::after {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .roo-radio-success .radio.checked label::before {
-  border-color: #5cb85c;
+  border-color: #28a745;
 }
 .roo-radio-success .radio.checked label::after {
-  background-color: #5cb85c;
+  background-color: #28a745;
 }
-.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-warning .roo-radio-set-items label, .roo-radio-set.has-warning .roo-radio-set-label {
+  color: #ffc107;
 }
-.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-error .roo-radio-set-items label, .roo-radio-set.has-error .roo-radio-set-label {
+  color: #dc3545;
 }
-.roo-radio-set.has-success .roo-radio-set-items label,
-.roo-radio-set.has-success .roo-radio-set-label {
-  color: #5cb85c;
+.roo-radio-set.has-success .roo-radio-set-items label, .roo-radio-set.has-success .roo-radio-set-label {
+  color: #28a745;
 }
 .roo-radio-set-inline .radio {
   position: relative;
@@ -2603,11 +2536,7 @@ a.roo-brick-link:hover {
 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
   font-size: 8px;
   margin-left: 3px;
-  color: #d9534f;
-}
-.roo-radio-set-label,
-.roo-radio-set-right {
-  padding: 0px;
+  color: #dc3545;
 }
 .roo-form-error-popover.in {
   opacity: 1;
@@ -2616,44 +2545,35 @@ a.roo-brick-link:hover {
   max-width: 100%;
   padding: 10px;
 }
+/* what is this doing here?? */
 .x-form-field-wrap .form-group {
   margin-bottom: 0px;
 }
 .roo-password-meter-grey {
-  background: #777777;
-  /* For browsers that do not support gradients */
+  background: #6c757d;
   margin-bottom: 30px;
   height: 10px;
 }
 .roo-password-meter {
-  background: red;
-  /* For browsers that do not support gradients */
-  background: -webkit-linear-gradient(-90deg, #008000, #ff0000);
-  /* For Safari 5.1 to 6.0 */
-  background: -o-linear-gradient(-90deg, #008000, #ff0000);
-  /* For Opera 11.1 to 12.0 */
-  background: -moz-linear-gradient(-90deg, #008000, #ff0000);
-  /* For Firefox 3.6 to 15 */
-  background: linear-gradient(-90deg, #008000, #ff0000);
   font-size: 12px;
 }
 .roo-password-meter-container {
   margin-bottom: 20px;
 }
 .roo-password-meter-tooweak {
-  background: #d9534f;
+  background: #dc3545;
   height: 10px;
 }
 .roo-password-meter-weak {
-  background: #f0ad4e;
+  background: #ffc107;
   height: 10px;
 }
 .roo-password-meter-medium {
-  background: #f0ad4e;
+  background: #17a2b8;
   height: 10px;
 }
 .roo-password-meter-strong {
-  background: #5cb85c;
+  background: #28a745;
   height: 10px;
 }
 .roo-password-meter-text {
@@ -2663,8 +2583,8 @@ a.roo-brick-link:hover {
   height: 10px;
 }
 /*
-Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
-*/
+ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
+ */
 .roo-select2-container {
   margin: 0;
   position: relative;
@@ -2674,15 +2594,12 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   *display: inline;
   vertical-align: middle;
 }
-.roo-select2-container,
-.roo-select2-drop,
-.roo-select2-search,
-.roo-select2-search input {
+.roo-select2-container, .roo-select2-drop, .roo-select2-search, .roo-select2-search input {
   /*
-    Force border-box so that % widths fit the parent
-    container without overlap because of margin/padding.
-    More Info : http://www.quirksmode.org/css/box.html
-  */
+   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;
@@ -2696,10 +2613,10 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   padding: 0 0 0 8px;
   overflow: hidden;
   position: relative;
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
   white-space: nowrap;
   line-height: 26px;
-  color: #333333;
+  color: #343a40;
   text-decoration: none;
   border-radius: 4px;
   background-clip: padding-box;
@@ -2708,21 +2625,21 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   -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%);
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ced4da), color-stop(0.5, #fff));
+  background-image: -webkit-linear-gradient(center bottom, #ced4da 0%, #fff 50%);
+  background-image: -moz-linear-gradient(center bottom, #ced4da 0%, #fff 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$body-bg', endColorstr = '$gray-lighter', GradientType = 0);
+  background-image: linear-gradient(to top, #ced4da 0%, #fff 50%);
 }
 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
-  border-bottom-color: #777777;
+  border-bottom-color: #6c757d;
   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%);
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ced4da), color-stop(0.9, #fff));
+  background-image: -webkit-linear-gradient(center bottom, #ced4da 0%, #fff 90%);
+  background-image: -moz-linear-gradient(center bottom, #ced4da 0%, #fff 90%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$body-bg', endColorstr='$gray-lighter', GradientType=0);
+  background-image: linear-gradient(to bottom, #ced4da 0%, #fff 90%);
 }
 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
   margin-right: 42px;
@@ -2746,7 +2663,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   font-size: 1px;
   text-decoration: none;
   border: 0;
-  background: url('../images/select2/select2.png') right top no-repeat;
+  background: url("../images/select2/select2.png") right top no-repeat;
   cursor: pointer;
   outline: 0;
 }
@@ -2771,7 +2688,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   opacity: 0;
   z-index: 9998;
   /* styles required for IE to work */
-  background-color: #ffffff;
+  background-color: #fff;
   filter: alpha(opacity=0);
 }
 .roo-select2-drop {
@@ -2780,31 +2697,31 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   position: absolute;
   z-index: 9999;
   top: 100%;
-  background: #ffffff;
-  color: #000000;
-  border: 1px solid #777777;
+  background: #fff;
+  color: #000;
+  border: 1px solid #6c757d;
   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);
+  -webkit-box-shadow: 0 4px 5px #e9ecef;
+  box-shadow: 0 4px 5px #e9ecef;
 }
 .roo-select2-drop.roo-select2-drop-above {
   margin-top: 1px;
-  border-top: 1px solid #777777;
+  border-top: 1px solid #6c757d;
   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);
+  -webkit-box-shadow: 0 -4px 5px #e9ecef;
+  box-shadow: 0 -4px 5px #e9ecef;
 }
 .roo-select2-drop-active {
-  border: 1px solid #337ab7;
+  border: 1px solid #007bff;
   border-top: none;
 }
 .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
-  border-top: 1px solid #337ab7;
+  border-top: 1px solid #007bff;
 }
 .roo-select2-drop-auto-width {
-  border-top: 1px solid #777777;
+  border-top: 1px solid #6c757d;
   width: auto;
 }
 .roo-select2-drop-auto-width .roo-select2-search {
@@ -2817,21 +2734,21 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   position: absolute;
   right: 0;
   top: 0;
-  border-left: 1px solid #777777;
+  border-left: 1px solid #6c757d;
   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%);
+  background: #6c757d;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6c757d), color-stop(0.6, #ced4da));
+  background-image: -webkit-linear-gradient(center bottom, #6c757d 0%, #ced4da 60%);
+  background-image: -moz-linear-gradient(center bottom, #6c757d 0%, #ced4da 60%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$gray-lighter', endColorstr = '$gray-light', GradientType = 0);
+  background-image: linear-gradient(to top, #6c757d 0%, #ced4da 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;
+  background: url("../images/select2/select2.png") no-repeat 0 1px;
 }
 .roo-select2-search {
   display: inline-block;
@@ -2853,55 +2770,53 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   outline: 0;
   font-family: sans-serif;
   font-size: 1em;
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
   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;
+  background: #fff url("../images/select2/select2.png") no-repeat 100% -22px;
+  background: url("../images/select2/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #ced4da));
+  background: url("../images/select2/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
+  background: url("../images/select2/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
+  background: url("../images/select2/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #ced4da 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;
+  background: #fff url("../images/select2/select2-spinner.gif") no-repeat 100%;
+  background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #ced4da));
+  background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
+  background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
+  background: url("../images/select2/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #ced4da 99%) 0 0;
+}
+.roo-select2-container-active .roo-select2-choice, .roo-select2-container-active .roo-select2-choices {
+  border: 1px solid #007bff;
   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);
+  -webkit-box-shadow: 0 0 5px #adb5bd;
+  box-shadow: 0 0 5px #adb5bd;
 }
 .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;
+  -webkit-box-shadow: 0 1px 0 #fff inset;
+  box-shadow: 0 1px 0 #fff inset;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
-  background-color: #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;
+  background-color: #ced4da;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #ced4da));
+  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #ced4da 50%);
+  background-image: -moz-linear-gradient(center bottom, #fff 0%, #ced4da 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gray-lighter', endColorstr='$body-bg', GradientType=0);
+  background-image: linear-gradient(to top, #fff 0%, #ced4da 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 #007bff;
   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%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #ced4da));
+  background-image: -webkit-linear-gradient(center top, #fff 0%, #ced4da 50%);
+  background-image: -moz-linear-gradient(center top, #fff 0%, #ced4da 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gray-lighter', endColorstr='$body-bg', GradientType=0);
+  background-image: linear-gradient(to bottom, #fff 0%, #ced4da 50%);
 }
 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
   background: transparent;
@@ -2929,7 +2844,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: fade(#000, 0%);
 }
 .roo-select2-results ul.roo-select2-result-sub {
   margin: 0;
@@ -2976,38 +2891,36 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
   padding-left: 120px;
 }
 .roo-select2-results .roo-select2-highlighted {
-  background: #337ab7;
-  color: #ffffff;
+  background: #007bff;
+  color: #fff;
 }
 .roo-select2-results li em {
-  background: #f0ad4e;
+  background: #ffc107;
   font-style: normal;
 }
 .roo-select2-results .roo-select2-highlighted em {
   background: transparent;
 }
 .roo-select2-results .roo-select2-highlighted ul {
-  background: #ffffff;
-  color: #000000;
+  background: #fff;
+  color: #000;
 }
-.roo-select2-results .roo-select2-no-results,
-.roo-select2-results .roo-select2-searching,
-.roo-select2-results .roo-select2-selection-limit {
-  background: #777777;
+.roo-select2-results .roo-select2-no-results, .roo-select2-results .roo-select2-searching, .roo-select2-results .roo-select2-selection-limit {
+  background: #6c757d;
   display: list-item;
   padding-left: 5px;
 }
 /*
-disabled look for disabled choices in the results dropdown
-*/
+ disabled look for disabled choices in the results dropdown
+ */
 .roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
-  color: #eeeeee;
-  background: #777777;
+  color: #ced4da;
+  background: #6c757d;
   display: list-item;
   cursor: default;
 }
 .roo-select2-results .roo-select2-disabled {
-  background: #777777;
+  background: #6c757d;
   display: list-item;
   cursor: default;
 }
@@ -3015,21 +2928,21 @@ disabled look for disabled choices in the results dropdown
   display: none;
 }
 .roo-select2-more-results.roo-select2-active {
-  background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
+  background: #6c757d url("../images/select2/select2-spinner.gif") no-repeat 100%;
 }
 .roo-select2-more-results {
-  background: #777777;
+  background: #6c757d;
   display: list-item;
 }
 /* disabled styles */
 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
-  background-color: #777777;
+  background-color: #6c757d;
   background-image: none;
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
   cursor: default;
 }
 .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
-  background-color: #777777;
+  background-color: #6c757d;
   background-image: none;
   border-left: 0;
 }
@@ -3043,14 +2956,14 @@ disabled look for disabled choices in the results dropdown
   margin: 0;
   padding: 0;
   /*position: relative;*/
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
   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%);
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ced4da), color-stop(15%, #fff));
+  background-image: -webkit-linear-gradient(top, #ced4da 1%, #fff 15%);
+  background-image: -moz-linear-gradient(top, #ced4da 1%, #fff 15%);
+  background-image: linear-gradient(to bottom, #ced4da 1%, #fff 15%);
 }
 .roo-select2-locked {
   padding: 3px 5px 3px 5px !important;
@@ -3059,10 +2972,10 @@ disabled look for disabled choices in the results dropdown
   min-height: 26px;
 }
 .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
-  border: 1px solid #337ab7;
+  border: 1px solid #007bff;
   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);
+  -webkit-box-shadow: 0 0 5px #adb5bd;
+  box-shadow: 0 0 5px #adb5bd;
 }
 .roo-select2-container-multi .roo-select2-choices li {
   float: left;
@@ -3081,7 +2994,7 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
   margin: 1px 0;
   font-family: sans-serif;
   font-size: 100%;
-  color: #555555;
+  color: #495057;
   outline: 0;
   border: 0;
   -webkit-box-shadow: none;
@@ -3089,19 +3002,19 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
   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;
+  background: #fff url("../images/select2/select2-spinner.gif") no-repeat 100% !important;
 }
 .roo-select2-default {
-  color: #777777 !important;
+  color: #6c757d !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;
+  color: #343a40;
   cursor: default;
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
   border-radius: 3px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -3117,7 +3030,7 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-s
   cursor: default;
 }
 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
-  background: #777777;
+  background: #6c757d;
 }
 .roo-select2-search-choice-close {
   display: block;
@@ -3126,9 +3039,13 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-s
   position: absolute;
   right: 3px;
   top: 4px;
-  font-size: 1px;
+  font-size: 12px;
   outline: none;
-  background: url('../images/select2/select2.png') right top no-repeat;
+  color: #6c757d;
+  /*background: url('#{$bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
+}
+.roo-select2-search-choice-close:hover {
+  color: #343a40;
 }
 html[dir="rtl"] .roo-select2-search-choice-close {
   right: auto;
@@ -3145,28 +3062,26 @@ html[dir="rtl"] .roo-select2-search-choice-close {
 }
 /* disabled styles */
 .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
-  background-color: #777777;
+  background-color: #6c757d;
   background-image: none;
-  border: 1px solid #777777;
+  border: 1px solid #6c757d;
   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;
+  border: 1px solid #6c757d;
   background-image: none;
-  background-color: #777777;
+  background-color: #6c757d;
 }
 .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 {
+.roo-select2-result-selectable .roo-select2-match, .roo-select2-result-unselectable .roo-select2-match {
   text-decoration: underline;
 }
-.roo-select2-offscreen,
-.roo-select2-offscreen:focus {
+.roo-select2-offscreen, .roo-select2-offscreen:focus {
   clip: rect(0 0 0 0) !important;
   width: 1px !important;
   height: 1px !important;
@@ -3192,11 +3107,8 @@ html[dir="rtl"] .roo-select2-search-choice-close {
 }
 /* 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;
+  .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;
   }
@@ -3205,13 +3117,13 @@ html[dir="rtl"] .roo-select2-search-choice-close {
   }
 }
 .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);
+  border-color: #dc3545;
+  -webkit-box-shadow: inset 0 1px 1px #343a40;
+  box-shadow: inset 0 1px 1px #343a40;
 }
 .dropdown-menu .roo-select2-result.disabled {
-  background-color: #eeeeee;
-  color: #777777;
+  background-color: #ced4da;
+  color: #6c757d;
   cursor: not-allowed;
 }
 .sidebar {
@@ -3227,87 +3139,67 @@ html[dir="rtl"] .roo-select2-search-choice-close {
   padding: 0;
 }
 /* GREY BG */
-.sidebar .sidebar-menu > li,
-.sidebar .sidebar-menu li.active li.treeview-menu {
+.sidebar .sidebar-menu > li, .sidebar .sidebar-menu li.active li.treeview-menu {
   margin: 0;
   padding: 0;
-  border-bottom: 1px solid #777777;
-  background-color: #eeeeee;
+  border-bottom: 1px solid #6c757d;
+  background-color: #ced4da;
 }
 /* active child menu - white BG */
 .sidebar .sidebar-menu li.active li.treeview-menu {
-  background-color: #777777;
+  background-color: #6c757d;
 }
-.sidebar .sidebar-menu > li > a,
-.sidebar .sidebar-menu li.open li.treeview-menu > a {
+.sidebar .sidebar-menu > li > a, .sidebar .sidebar-menu li.open li.treeview-menu > a {
   padding: 12px 5px 12px 15px;
   display: block;
-  color: #333333;
+  color: #343a40;
 }
-.sidebar .sidebar-menu > li > a > .fa,
-.sidebar .sidebar-menu > li > a > .glyphicon,
-.sidebar .sidebar-menu > li > a > .ion {
+.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;
+.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: #fff;
+}
+.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: #000;
   text-decoration: none;
 }
 /* BLUE ACTIVE */
 .sidebar .sidebar-menu li.active {
-  color: #ffffff;
-  background-color: #337ab7;
-  border-color: #286090;
+  color: #fff;
+  background-color: #007bff;
+  border-color: #0062cc;
 }
-.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:hover, .sidebar .sidebar-menu li.active:focus, .sidebar .sidebar-menu li.active.focus {
+  color: #fff;
+  background-color: #007bff;
+  border-color: #0062cc;
 }
 .sidebar .sidebar-menu li.active a {
-  color: #ffffff;
+  color: #fff;
 }
 .sidebar .sidebar-menu li.disabled {
-  color: #333333;
-  background-color: #ffffff;
-  border-color: #333333;
+  color: #343a40;
+  background-color: #fff;
+  border-color: #343a40;
 }
 .sidebar .sidebar-menu li.disabled a {
-  color: #777777;
+  color: #6c757d;
   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, .sidebar .sidebar-menu li.danger.active {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #e4606d;
 }
-.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:hover, .sidebar .sidebar-menu li.danger:focus, .sidebar .sidebar-menu li.danger.active:focus {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #bd2130;
+  border-bottom: 1px solid #bd2130;
 }
-.sidebar .sidebar-menu li.danger a,
-.sidebar .sidebar-menu li.danger.active a {
-  color: #ffffff;
+.sidebar .sidebar-menu li.danger a, .sidebar .sidebar-menu li.danger.active a {
+  color: #fff;
 }
 /* --- open  */
 .sidebar .sidebar-menu li.open ul {
@@ -3332,51 +3224,49 @@ html[dir="rtl"] .roo-select2-search-choice-close {
   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 {
+.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  {
+ background: #fff;
+ }
+ */
 .sidebar .sidebar-menu li li.treeview-menu.active > a {
   font-weight: bold;
 }
 /* active sidebard... */
 .badge-default {
-  background-color: #777777;
-  color: #ffffff;
+  background-color: #6c757d;
+  color: #fff;
 }
 .badge-primary {
-  background-color: #337ab7;
-  color: #ffffff;
+  background-color: #007bff;
+  color: #fff;
 }
 .badge-success {
-  background-color: #5cb85c;
-  color: #ffffff;
+  background-color: #28a745;
+  color: #fff;
 }
 .badge-info {
-  background-color: #5bc0de;
-  color: #ffffff;
+  background-color: #17a2b8;
+  color: #fff;
 }
 .badge-warning {
-  background-color: #f0ad4e;
-  color: #ffffff;
+  background-color: #ffc107;
+  color: #fff;
 }
 .badge-danger {
-  background-color: #d9534f;
-  color: #ffffff;
+  background-color: #dc3545;
+  color: #fff;
 }
 .sidebar .sidebar-menu > li.active .badge-info {
-  background-color: #ffffff;
-  color: #5bc0de;
+  background-color: #fff;
+  color: #17a2b8;
 }
 /*html, */
 /* Sticky footer styles
--------------------------------------------------- */
+ -------------------------------------------------- */
 html.bootstrap-sticky {
   position: relative;
   min-height: 100%;
@@ -3391,7 +3281,7 @@ html.bootstrap-sticky body {
   width: 100%;
   /* Set the fixed height of the footer here */
   height: 60px;
-  background-color: #f5f5f5;
+  background-color: #6c757d;
 }
 /* Lastly, apply responsive CSS fixes as necessary */
 @media (max-width: 767px) {
@@ -3403,12 +3293,13 @@ html.bootstrap-sticky body {
   }
 }
 /* paging toolbar */
-.pagination .x-paging-position span {
-  padding-top: 3px;
-  padding-bottom: 3px;
+.table .pagination .x-paging-position span {
+  padding: 3px 6px;
 }
-.pagination .x-paging-position span input {
-  margin: 0 3px;
+.table .pagination .x-paging-position span input {
+  margin: 0 0 0 7px;
+  width: 42px;
+  padding: 0 5px;
 }
 .navbar .pagination > li > span {
   min-height: 34px;
@@ -3417,19 +3308,17 @@ html.bootstrap-sticky body {
   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:active, .skin-blue .navbar .pagination > li > a:focus, .skin-blue .navbar .pagination > li > a {
+  background-color: #007bff;
 }
 .skin-blue .navbar .pagination > li > a:hover {
-  background-color: #777777;
+  background-color: #6c757d;
 }
 .skin-blue table .navbar {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .skin-blue .navbar .pagination > li.disabled > a {
-  background-color: #777777;
+  background-color: #6c757d;
 }
 .skin-blue table .navbar {
   margin-bottom: 0;
@@ -3442,22 +3331,18 @@ html.bootstrap-sticky body {
   overflow-y: scroll;
   width: 100%;
 }
-.table-body-fixed thead,
-.table-body-fixed tbody,
-.table-body-fixed th {
+.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 {
+.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 {
+.table-body-fixed thead > tr, .table-body-fixed tbody > tr {
   display: block;
   overflow: hidden;
 }
@@ -3468,10 +3353,17 @@ html.bootstrap-sticky body {
 .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;
+  background: #6c757d;
+  border-bottom: 1px solid #ced4da;
   padding: 0;
 }
 @media (min-width: 980px) {
@@ -3489,23 +3381,20 @@ html.bootstrap-sticky body {
     padding: 3px 0;
   }
 }
-.header .social,
-.footer .social {
+.header .social, .footer .social {
   margin-right: 4px;
   line-height: 30px;
   padding-left: 0;
   margin-bottom: 0;
 }
-.footer .social li:last-child,
-.footer .social {
+.footer .social li:last-child, .footer .social {
   margin-right: 0 !important;
 }
 .header .social li:first-child {
-  border-left: 1px solid #777777;
+  border-left: 1px solid #6c757d;
 }
-.header .social li,
-.footer .social li {
-  border-right: 1px solid #777777;
+.header .social li, .footer .social li {
+  border-right: 1px solid #6c757d;
   display: table-cell;
   vertical-align: middle;
   height: 40px;
@@ -3519,9 +3408,8 @@ html.bootstrap-sticky body {
   transition: background 0.5s ease-in-out;
   padding: 1px;
 }
-.header .social i,
-.footer .social i {
-  color: #555555;
+.header .social i, .footer .social i {
+  color: #495057;
   font-size: 16px;
   -webkit-transition: color 0.5s ease-in-out;
   -moz-transition: color 0.5s ease-in-out;
@@ -3529,60 +3417,44 @@ html.bootstrap-sticky body {
   -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;
+.header .social li:hover a i, .footer .social li:hover a i {
+  color: #fff;
+}
+.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: #007bff;
+}
+.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: #ffc107;
+}
+.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: #007bff;
+}
+.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: #dc3545;
+}
+.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: #007bff;
+}
+.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: #dc3545;
+}
+.header .social li.rss:hover, .footer .social li.rss:hover {
+  background: #ffc107;
 }
 .top-bar .languages {
   padding: 8px 0;
 }
 .top-bar .languages a {
   margin-right: 20px;
-  color: #555555;
+  color: #495057;
   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;
 }
@@ -3611,10 +3483,17 @@ html.bootstrap-sticky body {
   z-index: 1;
 }
 /* admin-lte - messes with checkbox and radio.. */
-.checkbox,
-.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;
@@ -3628,57 +3507,56 @@ html.bootstrap-sticky body {
   text-align: right;
 }
 .badge-error {
-  background-color: #d9534f;
+  background-color: #dc3545;
 }
 .badge-error:hover {
-  background-color: #c9302c;
+  background-color: #bd2130;
 }
 .badge-warning {
-  background-color: #f0ad4e;
+  background-color: #ffc107;
 }
 .badge-warning:hover {
-  background-color: #ec971f;
+  background-color: #d39e00;
 }
 .badge-success {
-  background-color: #5cb85c;
+  background-color: #28a745;
 }
 .badge-success:hover {
-  background-color: #449d44;
+  background-color: #1e7e34;
 }
 .badge-info {
-  background-color: #5bc0de;
+  background-color: #17a2b8;
 }
 .badge-info:hover {
-  background-color: #31b0d5;
+  background-color: #117a8b;
 }
 .badge-inverse {
-  background-color: #333333;
+  background-color: #343a40;
 }
 .badge-inverse:hover {
-  background-color: #222222;
+  background-color: #212529;
 }
 .tooltip.fade.in {
   z-index: 10002;
 }
-.roo-invalid-outline {
-  outline-width: 5000px;
-  outline-offset: 5px;
-  outline-style: solid;
-  outline-color: rgba(119, 119, 119, 0.5);
-  position: relative;
+.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 {
+.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;
+  background-color: #fff;
+  border: 1px solid #6c757d;
   width: 100%;
   height: 450px;
   max-height: 450px;
@@ -3698,17 +3576,17 @@ html.bootstrap-sticky body {
 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
   position: absolute;
   /*    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -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);
+  border: 1px solid #6c757d;
+  box-shadow: 0 0 0 1000px #adb5bd;
   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;
+  background-color: #adb5bd;
+  color: #fff;
   font-weight: bold;
   font-size: 24px;
   text-align: center;
@@ -3716,9 +3594,9 @@ html.bootstrap-sticky body {
   font-style: italic;
 }
 .roo-upload-cropbox-btn-group button {
-  background-color: #000000;
-  color: #ffffff;
-  border-color: #333333;
+  background-color: #000;
+  color: #fff;
+  border-color: #343a40;
 }
 .roo-upload-cropbox-error-notify {
   border-radius: 0px;
@@ -3729,3 +3607,1118 @@ html.bootstrap-sticky body {
   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