html { font-size: 15px; }
.btn-sm .material-icons,
.btn-group-sm .bmd-btn-fab .material-icons,
.bmd-btn-fab-sm .material-icons { font-size: 18px; }
/* fix delayed font loading / columns width calculation and fix auto-size */
.dataTable .btn .material-icons { width: 1em; overflow: hidden; }
/* .dataTable { table-layout: fixed; } *//* fixed is faster but sometimes fixed breaks width calculation */
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* fix long content (additional fields, log or notes content) */
/* works but crashes browser with big table: */
/* .dataTable tbody td {
display: inline-block;
display: table-caption;
max-height: 200px;
overflow: auto;
} */
/* .dataTable tbody td { height: 2em; } */
/* big scrolling table: fix loading text not visible */
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty { text-align: left ; }
div.DTS div.dataTables_scrollBody { background: transparent; }
div.dataTables_wrapper div.dataTables_processing { z-index: 5; }
/* too wide for smartphone content */
div.dataTables_wrapper div.dataTables_info { white-space: unset; }
.dataTables_filter .bmd-form-group,
.predefined-filters .bmd-form-group { padding-top: 0; }
@media (max-width: 767px) { .predefined-filters { text-align: center; } }
.predefined-filters .form-control { max-width: 75%; }
.DTFC_LeftWrapper, .DTFC_RightWrapper { z-index: 5; }
.DTFC_LeftBodyLiner, .DTFC_RightBodyLiner { overflow-y: auto !important; }
.DTFC_Cloned.table-bordered { border-color: #F0F0F0; }
/* .group-stage */
table.dataTable tr.group td, .dataTable tr.group th { background-color: inherit; }
.dataTable .group td, .dataTable .group th { position: -webkit-sticky; position: sticky; top: 0; left:0; z-index: 2; }
/* hide duplicates of undefined data groups */
.dataTable .group-undefined ~ .group-undefined { display: none; }
.dataTable td,
.dataTable th {
padding: .5rem;
/*max width...*/
/*overflow: hidden; text-overflow: ellipsis;*/
}
.dataTable thead th { white-space: nowrap; }
.tour-txt-deliver { color: #00AA00; }
.tour-txt-pickup { color: #CC0000; }
.checkbox.p-0 .checkbox-decorator,
.checkbox-inline.p-0 .checkbox-decorator { padding-top: 0; padding-bottom: 0; }
.stage-border, .group-border { border-left: 4px solid transparent !important; }
.stage-border, .group-border { position: -webkit-sticky; position: sticky; left: 0; /*background:#ffffff;*/ }
/* .sorting { } */
.sorting_asc,
.sorting_desc,
.sorting_1,
.sorting_2,
.sorting_3 { background-color: rgba(0,0,0,.05); }
div.DTS .table-hover tbody tr:hover { background-color: rgba(0,0,0,.075); }
/* added modal-xl, even bigger than .modal-lg */
@media (min-width: 992px) {
.modal-xl { max-width: 800px; }
}
@media (min-width: 1200px) {
.modal-xl { max-width: 1000px; }
}
/* full-width responsive modal */
.modal-fullwidth { max-width: unset; }
@media (min-width:576px) {
.modal-fullwidth { margin:1.75rem .5rem; }
}
/* modal which has footer + header always visible. modal-body is scrolled if needed */
.modal-max-height { margin-bottom: 0; }
.modal-max-height .modal-body {
overflow-y: auto;
max-height: calc( 100vh - 40px - 5.5rem );
}
@media (min-width:576px) {
.modal-max-height .modal-body { max-height: calc( 100vh - 40px - 8rem ); }
}
/* stcky header + footer */
.modal-sticky .modal-header, .modal-sticky .modal-footer { position: -webkit-sticky; position: sticky; z-index: 5; background: inherit; }
.modal-sticky .modal-header { top: 0; }
.modal-sticky .modal-footer { bottom: 0; }
/*
* sticky is buggy in safari:
* https://caniuse.com/#feat=css-sticky
* A parent with overflow set to auto will prevent position: sticky from working in Safari
*/
/* .safari .modal-sticky .modal-header, .safari .modal-sticky .modal-footer { position: static; } */
.modal-sticky .modal-header.scroll-shadow { box-shadow: 0 1rem 1.5rem -1.5rem rgba(0,0,0,.5); }
.modal-sticky .modal-footer.scroll-shadow { box-shadow: 0 -1rem 1.5rem -1.5rem rgba(0,0,0,.5); }
/* todo: animate shadow */
/* .modal.loading .modal-content { background: #BDBDBD; } */
.modal-loading {
display: none;
}
.modal.loading .modal-loading {
display: block;
}
.modal-loading-info {
/* position: absolute; */
position: fixed;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
z-index: 1050;
}
.modal-loading-backdrop { }
.checkbox-inline, .checkbox label, .radio-inline, .radio label, .switch label,
.bmd-label-floating, .bmd-label-static, .bmd-label-placeholder {
color: #6c757d; /* .text-secondary color but not important */
}
.linkedboxes { height: 4em; }
.textbox { word-wrap: break-word; }
textarea.autoresize,
.textbox.autoresize {
height: auto;
/* overflow-y: hidden; */
resize: none;
overflow-y: auto;
/* no max height: mobile touch seems buggy when trying to scroll the modal dialog */
/* max-height: 250px; */
min-height: 1em;
}
.textbox.autoresize {
/* add padding to min height to make it fit textarea size */
min-height: calc( 2 * 0.4375rem + 1em );
}
/* checkbox shining through datepicker */
.box-input + .popper { z-index: 2; }
/* the hide native placeholder for empty picker with floating label */
.form-group:not(.is-filled):not(.is-focused) .bmd-label-floating ~ input[type="date"] {
color: transparent;
}
/* selectize.js */
/* todo: animate .selectize-dropdown like .dropdown */
/* keep space only line */
.selectize-dropdown .option { white-space: pre; }
/* no wrap/pre: full sized drop down */
.selectize-control.single .selectize-dropdown, .selectize-control.multi .selectize-dropdown {
width: auto !important;
}
/* light background for the dropdown arrow */
.selectize-control.single .selectize-input::after, .selectize-control.multi .selectize-input::after, .selectize-control.single .selectize-input.input-active::after, .selectize-control.multi .selectize-input.input-active::after {
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
}
/* mouse over effect */
.selectize-control.single .selectize-dropdown .active,
.selectize-control.multi .selectize-dropdown .active {
background-color: #EEEEEE;
}
/* fix input height change on focus/empty/select */
.selectize-control.single .selectize-input > div, .selectize-control.multi .selectize-input > div, .selectize-control.single .selectize-input.input-active > div, .selectize-control.multi .selectize-input.input-active > div, .selectize-control.single .selectize-input > .item, .selectize-control.multi .selectize-input > .item, .selectize-control.single .selectize-input.input-active > .item, .selectize-control.multi .selectize-input.input-active > .item,
.selectize-control.single .selectize-input input, .selectize-control.multi .selectize-input input, .selectize-control.single .selectize-input.input-active input, .selectize-control.multi .selectize-input.input-active input {
vertical-align: middle;
}
.selectize-control.single .selectize-input input, .selectize-control.multi .selectize-input input, .selectize-control.single .selectize-input.input-active input, .selectize-control.multi .selectize-input.input-active input { margin: 0; padding: 0 }
.selectize-control.single .selectize-input > div, .selectize-control.single .selectize-input.input-active > div, .selectize-control.single .selectize-input > .item, .selectize-control.single .selectize-input.input-active > .item {
margin: 0;
}
.selectize-control.multi .selectize-input > div, .selectize-control.multi .selectize-input.input-active > div, .selectize-control.multi .selectize-input > .item, .selectize-control.multi .selectize-input.input-active > .item { }
/* the dropdown animation (with some js) */
.selectize-dropdown.animate {
display: none;
opacity: 0;
transform: scale(0);
transform-origin: 0 0;
will-change: transform, opacity;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.selectize-dropdown.animate.showing {
animation-name: bmd-dropdown-animation;
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.selectize-dropdown.animate.show {
display: block;
opacity: 1;
transform: scale(1);
}
.selectize-dropdown.animate.hiding {
display: block;
opacity: 0;
transform: scale(0);
}
.selectize-control .stage-info {
display: inline-block;
/* vertical-align: middle; */
width: 1em;
height: 1em;
margin-right: .25rem;
border-radius: .125rem;
}