* 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-family: 'FontAwesome';
- content: "\f00c";
+ font-size: 18px;
+ padding-top: 0px;
+ font-family: 'Font Awesome 5 Free 400';
+ 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;
.radio.radio-inline {
margin-top: 0;
}
+.form-group.checkbox {
+ padding-bottom: 25px;
+ margin-top: 0;
+}
/*
*
* From https://github.com/danielfarrell/bootstrap-combobox
}
.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,
height: 100px;
max-height: 100px;
margin-top: 10px;
+ margin-left: 10px;
}
.roo-document-manager-preview.wide {
width: 50%;
max-height: 100%;
text-align: center;
vertical-align: middle;
+ padding-bottom: 5px;
}
.roo-document-manager-preview > .close {
position: absolute;
.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
*/
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;
+ 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,
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...
.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;
.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