fix combo checbox label
[roojs1] / css-bootstrap / roojs-bootstrap-debug.css
index 7e79a8d..eaf31f8 100644 (file)
@@ -609,7 +609,7 @@ table.fc-border-separate {
  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
  *
  */
-.checkbox label {
+.checkbox label.box-label {
   display: inline-block;
   position: relative;
   padding-left: 5px;
@@ -620,21 +620,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;
@@ -652,53 +637,45 @@ table.fc-border-separate {
   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';
+  /* change the font - uses the filled one */
+  font-weight: 900;
+  color: #5cb85c;
+  content: "\f14a";
+}
+.checkbox input[type="checkbox"]:not(:checked) + label::after {
+  font-size: 18px;
+  padding-top: 0px;
+  font-family: 'Font Awesome 5 Free 400';
+  font-weight: 900;
+  content: "\f0c8";
 }
 .checkbox input[type="checkbox"]:disabled + label {
   opacity: 0.65;
 }
-.checkbox input[type="checkbox"]:disabled + label::before {
-  background-color: #eeeeee;
+.checkbox input[type="checkbox"]:disabled + label::after {
+  color: #eeeeee;
   cursor: not-allowed;
 }
 .checkbox.checkbox-circle label::before {
   border-radius: 50%;
 }
-.checkbox-primary input[type="checkbox"]:checked + label::before {
-  background-color: #337ab7;
-  border-color: #337ab7;
-}
 .checkbox-primary input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-danger input[type="checkbox"]:checked + label::before {
-  background-color: #d9534f;
-  border-color: #d9534f;
+  color: #337ab7;
 }
 .checkbox-danger input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-info input[type="checkbox"]:checked + label::before {
-  background-color: #5bc0de;
-  border-color: #5bc0de;
+  color: #d9534f;
 }
 .checkbox-info input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-warning input[type="checkbox"]:checked + label::before {
-  background-color: #f0ad4e;
-  border-color: #f0ad4e;
+  color: #5bc0de;
 }
 .checkbox-warning input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
-}
-.checkbox-success input[type="checkbox"]:checked + label::before {
-  background-color: #5cb85c;
-  border-color: #5cb85c;
+  color: #f0ad4e;
 }
 .checkbox-success input[type="checkbox"]:checked + label::after {
-  color: #ffffff;
+  color: #5cb85c;
 }
 /* before is the outer cicle */
 /* after is the inner circle.. */
@@ -807,6 +784,10 @@ table.fc-border-separate {
 .radio.radio-inline {
   margin-top: 0;
 }
+.form-group.checkbox {
+  padding-bottom: 25px;
+  margin-top: 0;
+}
 /*
  *
  * From https://github.com/danielfarrell/bootstrap-combobox
@@ -1022,6 +1003,10 @@ table.fc-border-separate {
 .dropdown-menu .roo-select2-result .checkbox {
   margin-top: 3px;
   margin-bottom: 3px;
+  margin-left: 20px;
+}
+.roo-select2-result .checkbox label {
+  margin-left: 5px;
 }
 .roo-select2-container .input-group-addon {
   padding: 6px 12px;
@@ -1289,12 +1274,12 @@ table.fc-border-separate {
 }
 .datepicker table tr td.old,
 .datepicker table tr td.new {
-  color: #777777;
+  color: #eeeeee;
 }
 .datepicker table tr td.disabled,
 .datepicker table tr td.disabled:hover {
   background: none;
-  color: #777777;
+  color: #eeeeee;
   cursor: default;
 }
 .datepicker table tr td.today,
@@ -1530,6 +1515,7 @@ table.fc-border-separate {
   height: 100px;
   max-height: 100px;
   margin-top: 10px;
+  margin-left: 10px;
 }
 .roo-document-manager-preview.wide {
   width: 50%;
@@ -1562,6 +1548,7 @@ table.fc-border-separate {
   max-height: 100%;
   text-align: center;
   vertical-align: middle;
+  padding-bottom: 5px;
 }
 .roo-document-manager-preview > .close {
   position: absolute;
@@ -1573,6 +1560,48 @@ table.fc-border-separate {
 .roo-document-manager-preview > .close:hover {
   color: #333333;
 }
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+.roo-document-manager-preview.disabled > .close {
+  display: none !important;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb > .fa {
+  position: absolute;
+  left: -5px;
+  top: -5px;
+  width: 25px;
+  height: 25px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  line-height: 25px;
+  text-align: center;
+  background-color: #ffffff;
+  /*border: inherit;*/
+  font-size: 1.8em;
+  z-index: 1;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
+  top: inherit;
+  bottom: -5px;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
+  color: #337ab7;
+}
+.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
+  border: 3px solid #337ab7;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
+  color: #555555;
+}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
+  border: none;
+}
 /*
 * sm
 */
@@ -1833,14 +1862,37 @@ 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: #d9534f;
+  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;
+}
+.roo-form-group-label-left .roo-required-indicator.left-indicator {
+  position: absolute;
+  top: 8px;
+  left: 15px;
+}
+/* fix vertical alignment on left labels. tax -details social security number */
+.roo-form-group-label-left label {
+  margin-top: 8px;
 }
 .label-pill {
   padding-right: .6em;
@@ -2119,19 +2171,29 @@ button.list-group-item {
   z-index: 20000;
   /*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;
+  padding: 0px 15px;
   color: #555555;
+  display: table-cell;
+  vertical-align: middle;
+  float: left;
 }
 .x-body-masked {
   overflow: hidden !important;
@@ -2329,12 +2391,45 @@ a.roo-brick-link:hover {
     }
 }
 */
-.modal-body.roo-layout-container {
+.modal-body.roo-layout-container,
+.modal-body > .container {
   padding: 0;
 }
 .modal-dialog {
   max-width: 100%;
 }
+@media (max-width: 768px) {
+  .modal-body .col-md-12 {
+    padding: 0;
+  }
+  .modal-body {
+    padding: 5px;
+  }
+  .modal-body .row {
+    margin-left: -5px;
+    margin-right: -5px;
+  }
+  .modal-body > .container .col-xs-12 {
+    padding: 0;
+  }
+}
+.modal .roo-mb-progress-wrap {
+  margin-top: 4px;
+  border: 1px solid #286090;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress {
+  height: 18px;
+  background: transparent url('../images/default/basic-dialog/progress2.gif') repeat-x 1px 1px;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress .roo-mb-progress-bar {
+  height: 18px;
+  overflow: hidden;
+  width: 0;
+  background: #337ab7;
+}
+.enable-modal-body-overflow .modal-body {
+  overflow: auto;
+}
 .roo-navigation-bar-group,
 .roo-navigation-top-bar,
 .roo-navigation-bullets-bar,
@@ -2512,12 +2607,50 @@ a.roo-brick-link:hover {
 .tab-content > .tab-pane {
   position: absolute;
 }
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
+  margin: 0 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+  padding: 10px 5px;
+}
+@media (max-width: 768px) {
+  .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+    padding: 5px 5px;
+  }
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
+  margin-bottom: 0px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+  margin-left: 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
+  padding: 10px 5px;
+}
 /* for some reason it's -15px on BS */
 @media (min-width: 768px) {
   .navbar-right {
     margin-right: 15px;
   }
 }
+/* was -15 before, on mobile it made the buttons too close to the edit.. */
+.navbar-nav {
+  margin: 0px -5px;
+}
+table td .navbar {
+  min-height: auto;
+}
+.navbar-collapse li {
+  list-style-type: none;
+  padding: 5px;
+}
+.navbar-collapse ul {
+  padding-left: 10px;
+  padding-top: 5px;
+}
+.navbar-collapse .dropdown-item .fa {
+  padding-right: 5px;
+}
 .roo-numberbox {
   background-color: #337ab7 !important;
   border: 10px solid black;
@@ -3133,9 +3266,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: #777777;
+  /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
+}
+.roo-select2-search-choice-close:hover {
+  color: #333333;
 }
 html[dir="rtl"] .roo-select2-search-choice-close {
   right: auto;
@@ -3322,6 +3459,7 @@ html[dir="rtl"] .roo-select2-search-choice-close {
 }
 .sidebar .sidebar-menu li.open .treeview-menu {
   display: block;
+  width: 120%;
 }
 /* --- treeview menu  */
 .sidebar .sidebar-menu .treeview-menu {
@@ -3410,12 +3548,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;
@@ -3478,6 +3617,11 @@ html.bootstrap-sticky body {
 .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;
@@ -3593,6 +3737,10 @@ html.bootstrap-sticky body {
   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;
 }
@@ -3613,7 +3761,7 @@ html.bootstrap-sticky body {
   font-weight: bold;
 }
 .box-label {
-  margin-left: 5px;
+  margin-left: 18px;
   cursor: pointer;
 }
 /* needed as menu ontop of form does not work */
@@ -3621,10 +3769,18 @@ html.bootstrap-sticky body {
   z-index: 1;
 }
 /* admin-lte - messes with checkbox and radio.. */
-.checkbox,
-.radio {
-  padding-left: 15px !important;
+/*.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;
@@ -3670,6 +3826,13 @@ html.bootstrap-sticky body {
 .tooltip.fade.in {
   z-index: 10002;
 }
+.x-hidden {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  display: none;
+}
 .roo-upload-cropbox-selector {
   visibility: hidden;
   height: 0px;
@@ -3732,4 +3895,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