.dx-overlay-wrapper.dx-invalid-message.dx-invalid-message-auto {
    width: 970.556px !Important;
    height: 36.2153px !Important;
    transform: translate(-1px, -35px) !Important;
}

.dx-texteditor.dx-editor-outlined.dx-invalid,
.dx-texteditor.dx-editor-outlined.is-invalid {
    border-color: #dc3545 !important;
}

.success .dx-checkbox-container .dx-checkbox-icon {
    color: var(--success-color) !important;
    border-color: var(--success-color) !important;
}

.drawer .dx-checkbox-container .dx-checkbox-icon {
    color: var(--text-drawer-color) !important;
    border-color: var(--text-drawer-color) !important;
}

.box.dx-checkbox-checked .dx-checkbox-container .dx-checkbox-icon::before {
    content: "■";
    font: 25px/0.7em DXIcons;
}

.filter-flex-item .dx-texteditor-container {
    border: 1px solid var(--secondary-color) !important;
    border-radius: var(--rounded) !important;
    background-color: var(--secondary-filter-color) !important;
    font-size: 0.75rem !important;
}

    .filter-flex-item .dx-texteditor-container .dx-state-hover {
        color: var(--secondary-color) !important;
    }

.filterbox-bot .dx-texteditor {
    border: initial;
}

.dx-item-content.dx-treeview-item-content .dx-icon.icons8-folder-2 {
    display: none;
}

.dx-item-content.dx-treeview-item-content .dx-icon.icons8-building {
    color: var(--dark-color) !important;
}

.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon {
    color: var(--secondary-color) !important;
}

.dx-calendar-navigator-previous-month.dx-button,
.dx-calendar-navigator-previous-view.dx-button {
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-filter-color) !important;
    border-top-left-radius: var(--rounded) !important;
    border-bottom-left-radius: var(--rounded) !important;
}

.dx-calendar-navigator-next-month.dx-button,
.dx-calendar-navigator-next-view.dx-button {
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-filter-color) !important;
    border-top-right-radius: var(--rounded) !important;
    border-bottom-right-radius: var(--rounded) !important;
}

.filter,
.dx-texteditor.dx-editor-outlined.filter {
    border: 1px solid var(--secondary-color) !important;
    border-radius: var(--rounded) !important;
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-filter-color) !important;
}

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected,
    .dx-item.dx-list-item.dx-state-hover,
    .dx-item.dx-list-item.dropdown-filter-value.dx-state-hover,
    .filter .dx-item.dx-list-item.dx-list-item-selected,
    .filter.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
    .dx-state-hover.filter,
    .filter.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
        background-color: transparent !important;
    }

.dx-calendar-navigator .dx-button {
    border-color: var(--secondary-color) !important;
    background-color: var(--secondary-filter-color) !important;
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
    background-color: transparent !important;
}

    .dx-datebox-calendar .dx-dropdowneditor-icon:hover {
        background-color: var(--secondary-filter-color) !important;
        border-radius: var(--rounded);
    }

.dx-treeview-node {
    color: var(--dark-color) !important;
}

.filter-flex-item .dx-texteditor.dx-editor-outlined {
    border: none !important;
}

.dx-treeview-item {
    color: var(--dark-color) !important;
    font-weight: bold;
}

.dx-treeview-toggle-item-visibility i {
    color: var(--dark-color);
}

.dx-texteditor .dx-stte-hover,
.input-border,
.dx-texteditor.dx-editor-outlined {
    border-radius: var(--rounded) !important;
    border-color: var(--input-border-color) !important;
}

.dx-tag .dx-tag-content {
    background-color: var(--neutrally-color);
    color: #fff;
    border-radius: var(--rounded);
}

.dx-tag-remove-button::after,
.dx-tag-remove-button::before {
    background: #fff !important;
}

.bf-de-basectrl.orgunit-control-input.dx-editor-outlined {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #fff !important;
    flex: 1 1 auto;
}

.dx-texteditor .dx-stte-hover,
.input-border {
    padding: 5px 10px;
    border: 1px solid;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-input {
    color: #000;
}

.dx-texteditor-input {
    border-radius: var(--rounded) !important;
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container::after {
    background-color: var(--error-color) !important;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-input-container {
    background-color: #f9f9f9;
    border-radius: var(--rounded) !important;
}

.dx-state-disabled .dx-texteditor-input {
    color: #000;
}

.dx-state-disabled .dx-texteditor-input {
    opacity: 0;
}

.dx-tagbox.dx-state-disabled .dx-texteditor-input {
    background: #f9f9f9;
}

.dx-state-disabled .dx-texteditor-input {
    color: #000;
}

.dx-state-disabled .dx-texteditor .dx-texteditor-input,
.dx-texteditor.dx-state-disabled .dx-texteditor-input {
    color: #000;
    background-color: #f9f9f9;
}

/* For dropdown menus inside tree list */
.dx-treelist-container .dx-scrollable-container {
    overflow: visible;
}

/* For dropdown menus inside tree list */
.dx-treelist-container .dx-treelist-rowsview {
    overflow: visible;
}

/* Fix width of tree nodes */
.dx-treeview .dx-scrollable {
    width: 100%;
}

.dropdown-filter-value.dx-list-item-selected {
    background-color: transparent !important;
    font-weight: 700 !important;
}

.dropdown-filter-value.dx-state-hover {
    background-color: transparent !important;
    font-weight: 700 !important;
}

.filter-flex-container .dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon {
    background-color: #c6d1dc !important;
}

.switchColor .dx-switch-handle:before {
    background-color: grey !important;
}

.switchColor.dx-switch-on-value .dx-switch-handle:before {
    background-color: green !important;
}

/* Devextreme Inline Editing Styles */
/* DevExtreme DataGrid - Icons Only */
.dx-datagrid .dx-command-edit .dx-link {
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 2px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    background-color: #f8f9fa !important;
    text-align: center !important;
    line-height: 32px !important;
    cursor: pointer !important;
    position: relative !important;
    /* Hide text completely */
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

    .dx-datagrid .dx-command-edit .dx-link::before {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        font-family: "safely-icons" !important;
        font-size: 16px !important;
        line-height: 32px !important;
        text-align: center !important;
        color: #007bff !important;
        text-indent: 0 !important;
        font-style: normal !important;
        font-weight: normal !important;
    }

.dx-datagrid .dx-command-edit .dx-link-edit::before {
    content: "\f100" !important; /* edit */
    color: #007bff !important;
}

.dx-datagrid .dx-command-edit .dx-link-delete::before {
    content: "\f128" !important; /* trash */
    color: #dc3545 !important;
}

.dx-datagrid .dx-command-edit .dx-link-save::before {
    content: "\f179" !important; /* save */
    color: #28a745 !important;
}

.dx-datagrid .dx-command-edit .dx-link-cancel::before {
    content: "\f125" !important; /* close */
    color: #6c757d !important;
}
/* Hover effects */
.dx-datagrid .dx-command-edit .dx-link:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.dx-datagrid .dx-command-edit .dx-link-edit:hover {
    background-color: #e3f2fd !important;
    border-color: #007bff !important;
}

.dx-datagrid .dx-command-edit .dx-link-delete:hover {
    background-color: #ffebee !important;
    border-color: #dc3545 !important;
}

.dx-datagrid .dx-command-edit .dx-link-save:hover {
    background-color: #e8f5e8 !important;
    border-color: #28a745 !important;
}

.dx-datagrid .dx-command-edit .dx-link-cancel:hover {
    background-color: #f8f9fa !important;
    border-color: #6c757d !important;
}

/* Hide all DevExtreme text elements */
.dx-datagrid .dx-command-edit .dx-link * {
    display: none !important;
}

/* Fix DataGrid text vertical alignment - CENTER TEXT IN CELLS */
.dx-datagrid .dx-data-row .dx-datagrid-rowsview .dx-row .dx-texteditor {
    display: flex !important;
    align-items: center !important;
}

.dx-datagrid .dx-texteditor-input {
    text-align: center !important;
    vertical-align: middle !important;
}

.dx-datagrid .dx-data-row td {
    vertical-align: middle !important;
    padding: 8px !important;
}

    .dx-datagrid .dx-data-row td .dx-widget {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 32px !important;
    }