/* global DevExpress theme overrides */

body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) .dxbl-grid-table tbody tr:nth-child(even) td {
    background-color: #ffffff !important;
}

body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) .dxbl-grid-table tbody tr:nth-child(odd) td {
    background-color: #ffffff !important;
}

body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td,
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) .dxbl-grid-table tbody :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td {
    background-color: #2f6df6 !important;
    color: #ffffff !important;
}

body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td * {
    color: inherit !important;
}

body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) :is(.app-badge, .app-badge *) {
    color: revert !important;
}

body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-draft { color: #475569 !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-confirmed { color: #c2410c !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-progress { color: #1d4ed8 !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-transit { color: #047857 !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-arrived { color: #0f766e !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-delivered { color: #334155 !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-cancelled { color: #b91c1c !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-hold { color: #b45309 !important; }
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status.is-customs { color: #6d28d9 !important; }

body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status .app-badge__text,
body:not(.theme-dark) :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) .process-badge--status .app-badge__icon {
    color: inherit !important;
}

html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo),
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo) {
    background: linear-gradient(180deg, rgba(19, 31, 53, 0.96) 0%, rgba(15, 25, 43, 0.98) 100%);
    border-color: rgba(96, 165, 250, 0.18);
    color: #e5eefc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo):hover,
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo):hover {
    border-color: rgba(96, 165, 250, 0.28);
}

html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo).dx-state-focused,
html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo):focus-within,
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo).dx-state-focused,
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo):focus-within {
    border-color: rgba(96, 165, 250, 0.46);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
}

html.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea),
body.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea) {
    color: #e5eefc;
    background: transparent;
}

html.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea)::placeholder,
body.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea)::placeholder {
    color: #91a4c2;
}

html.theme-dark :is(.dxbl-edit-btn, .dxbl-spin-btn),
body.theme-dark :is(.dxbl-edit-btn, .dxbl-spin-btn) {
    background: rgba(255, 255, 255, 0.03);
    color: #c4d4ec;
    border-left-color: rgba(96, 165, 250, 0.12);
}

html.theme-dark :is(.dxbl-checkbox, .dxbl-check-edit),
body.theme-dark :is(.dxbl-checkbox, .dxbl-check-edit) {
    color: #e5eefc;
}

html.theme-dark :is(.dxbl-listbox, .dxbl-dropdown, .dxbl-calendar, .dxbl-popup:not(.shipment-cargo-edit-popup)),
body.theme-dark :is(.dxbl-listbox, .dxbl-dropdown, .dxbl-calendar, .dxbl-popup:not(.shipment-cargo-edit-popup)) {
    background: linear-gradient(180deg, rgba(18, 30, 51, 0.98) 0%, rgba(13, 23, 39, 0.99) 100%);
    border-color: rgba(96, 165, 250, 0.18);
    color: #e5eefc;
}

html.theme-dark :is(.dxbl-listbox-item, .dxbl-calendar .dxbl-btn, .dxbl-calendar button),
body.theme-dark :is(.dxbl-listbox-item, .dxbl-calendar .dxbl-btn, .dxbl-calendar button) {
    color: #e5eefc;
}

html.theme-dark :is(.dxbl-listbox-item:hover, .dxbl-calendar .dxbl-btn:hover, .dxbl-calendar button:hover),
body.theme-dark :is(.dxbl-listbox-item:hover, .dxbl-calendar .dxbl-btn:hover, .dxbl-calendar button:hover) {
    background: rgba(59, 130, 246, 0.12);
}

html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit),
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit) {
    background: linear-gradient(180deg, rgba(19, 31, 53, 0.96) 0%, rgba(15, 25, 43, 0.98) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    color: #e5eefc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit):hover,
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit):hover {
    border-color: rgba(96, 165, 250, 0.28) !important;
}

html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit).dx-state-focused,
html.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit):focus-within,
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit).dx-state-focused,
body.theme-dark :is(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-dropdown-edit, .dxbl-date-edit, .dxbl-combobox, .dxbl-memo, .dxbl-button-edit):focus-within {
    border-color: rgba(96, 165, 250, 0.46) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14) !important;
}

html.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea, .dxbl-button-edit input),
body.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea, .dxbl-button-edit input) {
    color: #e5eefc !important;
    background: transparent !important;
}

html.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea, .dxbl-button-edit input)::placeholder,
body.theme-dark :is(.dxbl-text-edit input, .dxbl-spin-edit input, .dxbl-dropdown-edit input, .dxbl-date-edit input, .dxbl-combobox input, .dxbl-memo textarea, .dxbl-button-edit input)::placeholder {
    color: #91a4c2 !important;
}

html.theme-dark :is(.dxbl-edit-btn, .dxbl-spin-btn, .dxbl-btn.dropdown-toggle, .dxbl-btn),
body.theme-dark :is(.dxbl-edit-btn, .dxbl-spin-btn, .dxbl-btn.dropdown-toggle, .dxbl-btn) {
    color: #c4d4ec !important;
}

html.theme-dark :is(.dxbl-edit-btn, .dxbl-spin-btn),
body.theme-dark :is(.dxbl-edit-btn, .dxbl-spin-btn) {
    background: rgba(255, 255, 255, 0.03) !important;
    border-left-color: rgba(96, 165, 250, 0.12) !important;
}

html.theme-dark :is(.dxbl-checkbox, .dxbl-check-edit),
body.theme-dark :is(.dxbl-checkbox, .dxbl-check-edit) {
    color: #e5eefc !important;
}

html.theme-dark :is(.dxbl-listbox, .dxbl-dropdown, .dxbl-calendar, .dxbl-popup:not(.shipment-cargo-edit-popup), .dxbl-dropdown-menu),
body.theme-dark :is(.dxbl-listbox, .dxbl-dropdown, .dxbl-calendar, .dxbl-popup:not(.shipment-cargo-edit-popup), .dxbl-dropdown-menu) {
    background: linear-gradient(180deg, rgba(18, 30, 51, 0.98) 0%, rgba(13, 23, 39, 0.99) 100%) !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    color: #e5eefc !important;
}

html.theme-dark :is(.dxbl-listbox-item, .dxbl-calendar .dxbl-btn, .dxbl-calendar button, .dxbl-dropdown-menu .dxbl-btn),
body.theme-dark :is(.dxbl-listbox-item, .dxbl-calendar .dxbl-btn, .dxbl-calendar button, .dxbl-dropdown-menu .dxbl-btn) {
    color: #e5eefc !important;
}

html.theme-dark :is(.dxbl-listbox-item:hover, .dxbl-calendar .dxbl-btn:hover, .dxbl-calendar button:hover, .dxbl-dropdown-menu .dxbl-btn:hover),
body.theme-dark :is(.dxbl-listbox-item:hover, .dxbl-calendar .dxbl-btn:hover, .dxbl-calendar button:hover, .dxbl-dropdown-menu .dxbl-btn:hover) {
    background: rgba(59, 130, 246, 0.12) !important;
}

html.theme-dark :is(.dxbl-grid, .dxbl-grid-table),
body.theme-dark :is(.dxbl-grid, .dxbl-grid-table) {
    background: #0b1628 !important;
    color: #e5eefc !important;
}

html.theme-dark :is(.dxbl-grid, .dxbl-grid-table, .dxbl-scroll-viewer, .dxbl-scroll-viewer-content),
body.theme-dark :is(.dxbl-grid, .dxbl-grid-table, .dxbl-scroll-viewer, .dxbl-scroll-viewer-content) {
    background-color: #0b1628 !important;
}

html.theme-dark :is(.dxbl-grid-group-panel),
body.theme-dark :is(.dxbl-grid-group-panel) {
    background: #0f1b2d !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    color: #e5eefc !important;
}

html.theme-dark :is(.dxbl-grid-header-row, .dxbl-grid-filter-row),
body.theme-dark :is(.dxbl-grid-header-row, .dxbl-grid-filter-row) {
    background: #162338 !important;
    color: #dbeafe !important;
}

html.theme-dark :is(.dxbl-grid-header-row > th, .dxbl-grid-filter-row > td),
body.theme-dark :is(.dxbl-grid-header-row > th, .dxbl-grid-filter-row > td) {
    background: #162338 !important;
    border-color: rgba(96, 165, 250, 0.18) !important;
    color: #dbeafe !important;
}

html.theme-dark :is(.dxbl-grid-data-row > td),
body.theme-dark :is(.dxbl-grid-data-row > td) {
    background: #0f1b2d !important;
    border-color: rgba(96, 165, 250, 0.14) !important;
    color: #f8fafc !important;
}

html.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-table tbody tr, .dxbl-grid-table tbody td),
body.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-table tbody tr, .dxbl-grid-table tbody td) {
    background-color: #0f1b2d !important;
    border-color: rgba(96, 165, 250, 0.14) !important;
    color: #f8fafc !important;
}

html.theme-dark :is(.dxbl-grid-data-row:nth-child(even) > td),
body.theme-dark :is(.dxbl-grid-data-row:nth-child(even) > td) {
    background: #0b1628 !important;
}

html.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) .dxbl-grid-table tbody tr:nth-child(even) td,
body.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) .dxbl-grid-table tbody tr:nth-child(even) td {
    background-color: #0b1628 !important;
}

html.theme-dark :is(.dxbl-grid-data-row:hover > td),
body.theme-dark :is(.dxbl-grid-data-row:hover > td) {
    background: rgba(59, 130, 246, 0.2) !important;
}

html.theme-dark :is(.dxbl-grid-data-row.dx-state-selected > td, .dxbl-grid-data-row.dx-state-focused > td, .dxbl-grid-focused-row > td, tr[aria-selected="true"] > td),
body.theme-dark :is(.dxbl-grid-data-row.dx-state-selected > td, .dxbl-grid-data-row.dx-state-focused > td, .dxbl-grid-focused-row > td, tr[aria-selected="true"] > td) {
    background: #1d70b8 !important;
    border-color: rgba(147, 197, 253, 0.24) !important;
    color: #ffffff !important;
}

html.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td,
body.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td,
html.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) .dxbl-grid-table tbody :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td,
body.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) .dxbl-grid-table tbody :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td {
    background-color: #2f6df6 !important;
    border-color: rgba(191, 219, 254, 0.34) !important;
    color: #ffffff !important;
}

html.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td *,
body.theme-dark :is(.process-grid, .party-grid, .companies-grid, .users-grid) :is(.dxbl-grid-data-row.dx-state-selected, .dxbl-grid-data-row.dx-state-focused, .dxbl-grid-focused-row, tr[aria-selected="true"]) > td * {
    color: inherit !important;
}