* From https://github.com/flatlogic/awesome-bootstrap-checkbox
*
*/
-.checkbox label {
+.checkbox label.box-label {
display: inline-block;
position: relative;
padding-left: 5px;
.checkbox input[type="checkbox"]:checked + label::after {
font-size: 18px;
padding-top: 0px;
- font-family: 'Font Awesome 5 Free 400';
+ font-family: 'Font Awesome 5 Free';
+ /* change the font - uses the filled one */
font-weight: 900;
color: #5cb85c;
content: "\f14a";
.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;
.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;
width: 0;
background: #337ab7;
}
+.enable-modal-body-overflow .modal-body {
+ overflow: auto;
+}
.roo-navigation-bar-group,
.roo-navigation-top-bar,
.roo-navigation-bullets-bar,
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