body {
    font-weight: 400;
    font-size: 14px;
    font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
    line-height: 1.2857;
}

.dx-header-row {
    background: var(--dx-color-primary);
    color: #fff;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
    background-color: rgba(0, 0, 0, .4);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
    color: #fff;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator {
    color: #fff;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
    color: #fff;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
    color: #fff;
}

.dx-popup-content {
    padding-top: 0;
}

.dx-state-disabled.dx-widget {
    opacity: .99;
}

.dx-accordion-item {
    box-shadow: none;
}

.dx-accordion-item-title {
    padding: 0;
}

.dx-accordion-item-body {
    padding: 0;
}

.dx-datagrid-customer-po-cell {
    max-width: 250px;
}

.dx-theme-material-typography a {
    color: #000;
}

.dx-popup-title {
    background: var(--dx-color-primary);
    color: white;
}

.dx-button-mode-text .dx-icon {
    color: #fff;
}

/*
    Fix export button in Document Viewer
*/
.dx-accessibility-toolbar-item > .dx-menu .dx-menu-item .dx-menu-item-content {
    display: block;
    padding: 5px 5px 7px;
}

.dx-accessibility-toolbar-item > .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
    display: block;
    position: absolute;
}

.report-viewer-popup > .dx-popup-content {
    padding: 0;
}

/* Alter multi-line content vertical alignment so they are displayed at the top line. */
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending),
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all),
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) {
    vertical-align: top;
}

/* Align Expand icon with the first line of text */
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-datagrid-group-space,
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand,
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand,
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
#order-items-grid > .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand {
    padding: 7px 12px;
}

/* Change DataGrid header button color */
#edit-orders-table .dx-datagrid-toolbar-button .dx-icon {
    color: #109647;
}
#edit-orders-table .dx-datagrid-toolbar-button.dx-state-disabled .dx-icon {
    color: rgba(0, 0, 0, 0.3);
}

/* Change SelectBox Line Height in Edit Order DataGrid */
#edit-orders-table .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    line-height: 0;
}

/* Rework padding of pop up in Edit Order data grid */
#edit-order-grid-popover .dx-popup-content
{
    padding: 8px 12px;
}

#draft-orders-grid-popover .dx-popup-content
{
    padding: 12px 18px;
}

/* Style Export Button for DataGrid */
.invoices-table .dx-datagrid-export-button .dx-icon,
.invoices-table .dx-datagrid-export-button .dx-button-mode-text,
.orders-table .dx-datagrid-export-button .dx-icon,
.orders-table .dx-datagrid-export-button .dx-button-mode-text {
    color: var(--dx-color-primary);
}