* From https://github.com/flatlogic/awesome-bootstrap-checkbox
*
*/
-.checkbox label {
+.checkbox label.box-label {
display: inline-block;
position: relative;
padding-left: 5px;
-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;
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.. */
.radio.radio-inline {
margin-top: 0;
}
+.form-group.checkbox {
+ padding-bottom: 25px;
+ margin-top: 0;
+}
/*
*
* From https://github.com/danielfarrell/bootstrap-combobox
.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;
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;
}
.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;
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;
.modal-dialog {
max-width: 100%;
}
-.modal-body > .container .col-xs-12 {
- padding: 0;
-}
@media (max-width: 768px) {
.modal-body .col-md-12 {
padding: 0;
margin-left: -5px;
margin-right: -5px;
}
+ .modal-body > .container .col-xs-12 {
+ padding: 0;
+ }
}
.modal .roo-mb-progress-wrap {
margin-top: 4px;
width: 0;
background: #337ab7;
}
+.enable-modal-body-overflow .modal-body {
+ overflow: auto;
+}
.roo-navigation-bar-group,
.roo-navigation-top-bar,
.roo-navigation-bullets-bar,
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;
}
.sidebar .sidebar-menu li.open .treeview-menu {
display: block;
+ width: 120%;
}
/* --- treeview menu */
.sidebar .sidebar-menu .treeview-menu {
}
}
/* 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;
font-weight: bold;
}
.box-label {
- margin-left: 5px;
+ margin-left: 18px;
cursor: pointer;
}
/* needed as menu ontop of form does not work */
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...
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442;
}
+/* Menu - show the icons with a bit of padding */
+.dropdown-item i.fa {
+ margin-left: -10px;
+ margin-right: 10px;
+}
/*# sourceMappingURL=roojs-bootstrap-debug.css.map */
\ No newline at end of file