.dxbl-textbox.valid.modified .form-control,
.dxbl-memo.valid.modified .form-control,
.dxbl-spin-edit.valid.modified .form-control,
.dxbl-combobox.valid.modified .form-control,
.dxbl-date-edit.valid.modified .form-control,
.dx-listbox-scrollable.valid.modified.form-control,
.dx-listbox-scrollable.valid.modified .form-control,
.dxbl-listbox.valid.modified.form-control,
.dxbl-listbox.valid.modified .form-control,
.dxbl-calendar.valid.modified,
.dxbl-spinedit.valid.modified {
    outline: 1px solid #e5e5e5;
}

/*.dxbl-checkbox input:not(:disabled) {
    background-color: initial;
    cursor: pointer;
}

.dx-blazor-checkbox .form-switch .form-check-input {
    width: 2.2em;
}

.dx-blazor-checkbox .form-check-input {
    background-color: #bbbbbb;
    border: 1px solid #999 !important;
    padding: 8px;
}
*/

.dx-htmleditor-content img {
    vertical-align: middle;
    padding-right: 10px;
}

.flex-column .dx-htmleditor {
    flex: 1;
}

/* modal: start */
.dxbl-modal .dxbl-modal-root {
    overflow: hidden;
}

    .dxbl-modal .dxbl-modal-root .dxbl-popup {
        position: absolute;
    }

.dxbl-modal.no-body-padding .dxbl-modal-content .modal-body {
    padding: 0;
}

.dxbl-modal-content {
    overflow: hidden;
}

    .dxbl-modal-content .modal-body {
        overflow: auto;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 20px;
        gap: 20px;
    }

        .dxbl-modal-content .modal-body .dx-tabs-content-panel {
            padding-top: 25px;
            background-color: transparent;
            overflow: auto;
        }

        .dxbl-modal-content .modal-body > .grid-wrapper {
            width: auto !important;
        }

/* .dxbl-modal-content .modal-body .listbox-header {
        margin-top: 0px !important;
    }*/

.dxbl-modal-footer {
    justify-content: space-between !important;
}
/* modal: end */

/* hide select all box*/
.dxbs-resource-navigator > .py-1.px-3 {
    display: none;
}

.dxbl-treeview-item-text-container {
    width: 100%;
}

    .dxbl-treeview-item-text-container .dxbl-text {
        width: 100%;
    }

.treeview-item-text-container {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 35px;
    width: 100%;
}

    .treeview-item-text-container .badge {
        position: absolute;
        right: 0;
        color: #666;
        background-color: antiquewhite;
    }

.dxbl-treeview-item.fw-bold .dxbl-treeview-item-container .dxbl-treeview-item-text {
    font-weight: bold;
}

.listbox-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

    .listbox-wrapper.full-height {
        display: flex;
        flex-direction: column;
        flex: 1;
        height: 100%;
    }

    .listbox-wrapper.height-250 {
        min-height: 250px;
    }

    .listbox-wrapper.listbox-no-borders .dxbl-listbox {
        border: none;
    }

.dxbl-listbox > ul {
    overflow-x: hidden;
    overflow-y: auto;
}

    .dxbl-listbox > ul hr {
        margin: 0;
    }

.dxbl-dropdown .dxbl-listbox div.dxbl-listbox-item {
    border: none;
}

.dxbl-listbox div.dxbl-listbox-item {
    border-width: 0 0 1px 0;
}

    .dxbl-listbox div.dxbl-listbox-item.dxbl-listbox-empty-data-item {
        border: none;
    }

.dxbl-listbox div.dxbl-listbox-item-selected {
    background-color: var(--dxbl-listbox-item-selected-bg, unset) !important;
    color: white !important;
}

    .dxbl-listbox div.dxbl-listbox-item-selected::before {
        background-color: transparent !important;
    }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #7BA8CC;
}

.dx-widget.dx-treelist {
    height: 100%;
}

.form-control[readonly].dx-reset-readonly-style {
    background-color: #ffffff;
}

.form-control[readonly]:not(.dx-reset-readonly-style) {
    background-color: var(--bg-color-disabled);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: var(--bg-color-disabled);
}

.menu-icon {
    width: 1rem;
    opacity: 0.7;
}

.dxbs-menu .dropdown-menu > ul > .separator {
    margin: 0.25rem 0;
}

.btn-group.dx-toolbar-group.dx-tb-begin-group button {
    border-color: transparent;
    background-color: transparent;
}

    .btn-group.dx-toolbar-group.dx-tb-begin-group button:hover {
        background-color: #0560fa !important;
        color: white !important;
    }

.dx-toolbar-group {
    height: 100%;
}

.dxbl-btn {
    vertical-align: middle;
}

.dxbl-toolbar-group .dxbl-btn.dxbl-disabled {
    /*opacity: 0.8;*/
}

.dxbl-toolbar.nx-edit-toolbar-absolute {
    position: absolute;
    width: 100%;
    padding: 0px 4px 6px 265px;
    z-index: 2;
}

.dxbl-text-edit {
    flex: 1;
}

    .dxbl-text-edit.dxbl-focused,
    .dxbl-text-edit:focus-within {
        box-shadow: none;
    }

    .dxbl-text-edit .dxbl-edit-btn-dropdown {
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
    }

    .dxbl-text-edit.dxbl-disabled::before,
    .dxbl-text-edit:disabled::before {
        background-color: transparent;
    }

.dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb,
.dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
    color: #c5d9e8;
    opacity: 1 !important;
}

.dxbl-toolbar-layout-block-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.dxbs-scheduler {
    overflow: hidden;
    height: 100%;
}

    .dxbs-scheduler .dxbs-sc-dayview {
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .dxbs-scheduler .dxbs-sc-scroll-container {
        overflow: auto;
    }

    .dxbs-scheduler ::-webkit-scrollbar {
        width: 2px;
    }

.dxbl-grid-header-row {
    background-color: var(--bg-grid-header);
    font-weight: bold !important;
}

.dxbl-grid .dxbl-grid-table > tbody > tr > td,
.dxbl-grid .dxbl-grid-table > tbody > tr > th,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td,
.dxbl-grid .dxbl-grid-table > tfoot > tr > th,
.dxbl-grid .dxbl-grid-table > thead > tr > td,
.dxbl-grid .dxbl-grid-table > thead > tr > th {
    border-left-width: 0;
}

.dx-blazor-reporting .dx-designer-viewport .dxd-back-secondary-invariant {
    background-color: white !important;
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell).dxbl-grid-fixed-cell {
    background-color: var(--dxbl-grid-selection-bg,unset);
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: var(--dxbl-grid-selection-bg,unset);
}

.dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover:not(.dxbl-selected):not(.dxbl-active)::before {
    background-color: unset;
}

.dxbl-btn.dxbl-sm {
    --dxbl-btn-font-size: 13px;
    --dxbl-btn-padding-y: 0.25rem;
    --dxbl-btn-padding-x: 0.5rem;
    --dxbl-btn-border-radius: var(--base-border-radius);
    min-width: 40px;
}

.dxbl-grid .dxbl-grid-table .dxbl-checkbox,
.dxbl-grid .dxbl-grid-table .dxbl-checkbox > div {
    margin: unset !important;
}

    .dxbl-grid .dxbl-grid-table .dxbl-checkbox.dxbl-checkbox-display-view-checked > div,
    .dxbl-grid .dxbl-grid-table .dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div {
        color: #0560fa;
    }

    .dxbl-grid .dxbl-grid-table .dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div {
    }

    .dxbl-grid .dxbl-grid-table .dxbl-checkbox.dxbl-checkbox-display-view-checked > div::before,
    .dxbl-grid .dxbl-grid-table .dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div::before {
        opacity: unset !important;
    }

    .dxbl-grid .dxbl-grid-table .dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div::before {
        opacity: 0.2 !important;
    }


.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar {
    height: 100%;
}

.dxbl-treeview:not(.dxbl-treeview-no-expand-btn) .dxbl-treeview-checkbox-check-all {
    padding-left: 38px;
}