div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all:not(.modal-show) {
    z-index: 2222 !important;
}
div#ui-datepicker-div.modal-show {
    z-index: 999999 !important;
}

.z-nav-history>li:not(:last-child) ::after {
    content: "";
    font-family: Remix, sans-serif;
    color: rgba(33, 33, 33, 0.55);
    margin-left: 8px;
    position: relative;
    top: 3px;
}
.z-wrapper>div:last-child {
    border-bottom: none;
}



/* remove problem on the select2 get push away
.select2-search--inline {
    display: contents; 
} 
*/
/*this will make the container disappear, making the child the one who sets the width of the element*/

/* remove problem on the select2 get push away
.select2-search__field:placeholder-shown {
    width: 100% !important; 
}
*/
/*makes the placeholder to be 100% of the width while there are no options selected*/

/* DataTables */
div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    background: #F89C1D;
    color: #0e1111;
}

input[type="checkbox"].check-sibling,
input[type="radio"].radio-sibling {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

input[type="checkbox"].check-sibling:disabled ~ *,
input[type="radio"].radio-sibling:disabled ~ * {
    cursor: not-allowed;
}

input[type="checkbox"].check-sibling:disabled ~ div.w-checkbox-input,
input[type="radio"].radio-sibling:disabled ~ div.w-form-formradioinput {
    background-color: #d8dbe1;
}

.force-hidden, .hidden {
    display: none;
}

.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

.note-modal-content{margin-top: 80px!important;}
.note-modal-footer{margin-bottom: 12px!important;}
.note-modal-footer .note-btn{margin-right: 20px!important;}
.note-btn-primary{background: #f89c1c!important; font-family:futura-pt, sans-serif !important; font-size: 16px !important;}
.note-editable{font-family:futura-pt, sans-serif !important;}
.note-editor pre{
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.z-shift-checkbox.for-grey {
    color: #dbdbdb;
    background-color: #f7f7f7;
    box-shadow: none;
}
.z-radio-grid.short-column { 
    grid-template-columns : auto 1fr;
}

.z-radio-wrapper.flex { 
    display : flex !important;
}

.z-field-icon-block.for-center {
    top : 25%;
}
.z-field-row.vertical {
    flex-direction: row;
}

.z-setting-banner-msg.danger {
    border-color: #ff4757;
    background-color: #ffeff0;
    color: #ff4757;
}