X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=css-bootstrap%2Froojs-bootstrap-debug.css;h=eaf31f855a3117de4ce46b2ada00d19451b4f8ee;hp=bed2a4cc63b6e2c59d2656a0811155ec4d2f7537;hb=5aa66277597eebf9091d0a12a91917bad8644d6c;hpb=4f673c42ae46bcdefcaf2e78c3e7db903c5fd02a

diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css
index bed2a4cc63..eaf31f855a 100644
--- a/css-bootstrap/roojs-bootstrap-debug.css
+++ b/css-bootstrap/roojs-bootstrap-debug.css
@@ -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,54 +637,45 @@ table.fc-border-separate {
   display: none;
 }
 .checkbox input[type="checkbox"]:checked + label::after {
+  font-size: 18px;
+  padding-top: 0px;
   font-family: 'Font Awesome 5 Free';
+  /* change the font - uses the filled one */
   font-weight: 900;
-  content: "\f00c";
+  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.. */
@@ -808,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
@@ -1023,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;
@@ -1881,6 +1865,9 @@ li.dropdown-menu-item i.fa + span {
 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;
 }
@@ -1898,6 +1885,15 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
 .roo-required-indicator.right-indicator {
   margin-left: 3px;
 }
+.roo-form-group-label-left .roo-required-indicator.left-indicator {
+  position: absolute;
+  top: 8px;
+  left: 15px;
+}
+/* fix vertical alignment on left labels. tax -details social security number */
+.roo-form-group-label-left label {
+  margin-top: 8px;
+}
 .label-pill {
   padding-right: .6em;
   padding-left: .6em;
@@ -2175,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;
@@ -2392,9 +2398,6 @@ a.roo-brick-link:hover {
 .modal-dialog {
   max-width: 100%;
 }
-.modal-body > .container .col-xs-12 {
-  padding: 0;
-}
 @media (max-width: 768px) {
   .modal-body .col-md-12 {
     padding: 0;
@@ -2406,6 +2409,9 @@ a.roo-brick-link:hover {
     margin-left: -5px;
     margin-right: -5px;
   }
+  .modal-body > .container .col-xs-12 {
+    padding: 0;
+  }
 }
 .modal .roo-mb-progress-wrap {
   margin-top: 4px;
@@ -2421,6 +2427,9 @@ a.roo-brick-link:hover {
   width: 0;
   background: #337ab7;
 }
+.enable-modal-body-overflow .modal-body {
+  overflow: auto;
+}
 .roo-navigation-bar-group,
 .roo-navigation-top-bar,
 .roo-navigation-bullets-bar,
@@ -2631,6 +2640,17 @@ a.roo-brick-link:hover {
 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;
@@ -3439,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 {
@@ -3527,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;
@@ -3739,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 */
@@ -3747,10 +3769,10 @@ 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...