/*
 * Functional DevExpress/Bootstrap compatibility only.
 * Customer themes must not override positioning, overflow or interaction rules here.
 */

.menu-container .dx-treeview .dx-treeview-node {
    padding: 0 !important;
}

.dxbs-tree .nav-link {
    display: block;
    padding: 0;
}

.dxbs-tree > ul.nav ul.nav {
    margin: 0 0.5em;
    overflow-y: hidden;
}

/* DevExpress toolbar dropdowns are positioned outside their Bootstrap card header. */
.card:has(> .card-header .dxbs-toolbar) {
    overflow: visible !important;
}

.card-view {
    border: none !important;
    box-shadow: none !important;
}

.card-view > div {
    min-height: 300px !important;
    border: none !important;
    box-shadow: none !important;
}

.my-grid-scope .dxbs-fl.form-horizontal .form-group {
    display: flex;
    flex-direction: column;
}

.my-grid-scope .dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt {
    margin-bottom: 0.25rem;
    text-align: left;
}

.my-grid-scope .dxbs-fl.form-horizontal .form-group > [class*="dxbs-fl-ctrl"] {
    width: 100%;
}