* 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
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...