.dx-datagrid .dx-datagrid-sticky-column,
.dx-datagrid .dx-datagrid-sticky-column-left,
.dx-datagrid .dx-datagrid-sticky-column-right,
.dx-datagrid > .dx-datagrid-headers,
.dx-datagrid > .dx-datagrid-rowsview,
.dx-datagrid > .dx-datagrid-total-footer,
.presentation-object.dx-treelist .dx-treelist-sticky-column,
.presentation-object.dx-treelist .dx-treelist-sticky-column-left,
.presentation-object.dx-treelist .dx-treelist-sticky-column-right,
.presentation-object.dx-treelist .dx-treelist-rowsview .dx-row {
    background-color: var(--alfa-background-color-secondary);
}

.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
    background-color: var(--alfa-background-color-primary);
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
    background-color: var(--alfa-background-color-secondary);
}

.presentation-object.dx-treelist .dx-row-lines > td {
    border-bottom: var(--alfa-dataset-border-bottom);
}

.presentation-object.dx-treelist .dx-treelist-container > .dx-treelist-headers,
.presentation-object.dx-treelist .dx-treelist-container > .dx-treelist-rowsview {
    background-color: transparent;
}

.dx-treelist-borders > .dx-treelist-headers {
    border-top: var(--alfa-dataset-border-top);
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-treelist-borders .dx-treelist-rowsview, .dx-treelist-headers + .dx-treelist-rowsview {
    border-top: none;
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-treelist-borders > .dx-treelist-filter-panel {
    border-top: var(--alfa-dataset-border-top);
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-treelist-headers {
    border-bottom: none;
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
}

.presentation-object.dx-treelist .dx-treelist-headers .dx-treelist-table .dx-row > td {
    border-bottom: var(--alfa-dataset-border-bottom);
    background-color: var(--alfa-dataset-header-background-color);
}

.dx-treelist-headers .dx-treelist-table .dx-row.dx-treelist-filter-row > td {
    border-bottom: none;
}

.dx-treelist-headers .dx-treelist-content {
    margin-bottom: -2px;
}

.dx-datagrid-borders > .dx-datagrid-headers {
    border-top: var(--alfa-dataset-border-top);
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: none;
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top: var(--alfa-dataset-border-top);
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: var(--alfa-dataset-border-bottom);
    background-color: var(--alfa-dataset-header-background-color);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row.dx-datagrid-filter-row > td {
    border-bottom: none;
}

.dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: -2px;
}

.ds-img {
    display: inline-block;
    vertical-align: middle;
    max-height: 18px;
    margin-inline-end: var(--dlt-spacing-half-x, 0.25rem);
    min-width: 18px;
}

.ds-img-txt-r {
    /*display: inline-block;*/
    /*margin-inline-start: 6px;*/
    vertical-align: middle;
}

.ds-img-txt-l {
    display: inline-block;
    margin-inline-end: 6px;
    vertical-align: middle;
}

.ds-link {
    /*display: inline-block;*/
    vertical-align: middle;
    cursor: pointer;
    color: var(--alfa-text-color-primary-selected);
    border-radius: 6px;
    padding: 4px 8px;
}

.multiselector-td .ds-link {
    border: 2px solid var(--alfa-color-palette-berlin-200, #BFC1C3);
    color: var(--alfa-text-color-primary, #292F36);
    pointer-events: all;
}
    .multiselector-td .ds-link.show-number:hover {
        border: 2px solid var(--alfa-color-palette-berlin-200, #BFC1C3);
    }

    .multiselector-td .ds-link.show-number.hovered {
        border: 2px solid var(--alfa-primary-color);
    }

.ds-link:hover {
    border: 2px solid var(--alfa-primary-color);
}

.ds-string-array-prop.ds-link:hover,
.multiselector-wrapper > div.ds-link.ds-string-array-prop.show-number.hovered {
    border: 2px solid var(--alfa-color-palette-berlin-200, #BFC1C3);
}
.ds-string-array-prop.ds-link {
    cursor:default;
}
/*dataset toolbar*/
.po_captionbar {
    background: var(--alfa-main-content-background-color);
}

.dx-popup-normal .po_captionbar {
    background: var(--alfa-background-color-primary);
}

    /*46929*/
    .po_captionbar .dx-toolbar-items-container .dx-toolbar-before .dx-toolbar-item .dx-toolbar-item-content {
        overflow: visible !important;
    }

.po_captionbar_txt {
    white-space: pre;
}

.po_toolbar .dx-menu .dx-item {
    align-items: center;
    color: var(--alfa-text-color-primary);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--alfa-font-family,'Libre Franklin',Roboto,Helvetica,Arial,sans-serif);
    font-size: 14px;
    font-weight: var(--dlt-font-weight-medium, 500);
    line-height: var(--dlt-buttons-line-height,30px);
    margin: 0;
    outline: var(--dlt-border-width-hover,2px) var(--dlt-border-style-hover,solid) transparent;
    padding: 0 var(--dlt-spacing-1-x-half,.75rem);
    text-decoration: none;
    -moz-transition: var(--dlt-time-transition-short,.25s) ease-in;
    -o-transition: var(--dlt-time-transition-short,.25s) ease-in;
    -webkit-transition: var(--dlt-time-transition-short,.25s) ease-in;
    transition: var(--dlt-time-transition-short,.25s) ease-in;
    /*background-color: var(--dlt-buttons-color-interactive-secondary-default,var(--dlt-component-color-interactive-secondary-default,var(--dlt-color-background-interactive-secondary-default,#fff)));*/
    white-space: nowrap;
}

    .main-toolbar.po_toolbar .dx-menu .dx-item .dx-item-content img.dx-icon {
        margin-inline-end: 0;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-item .dx-menu-item-text,
    .main-toolbar.po_toolbar .dx-menu .dx-item .dx-menu-item-content {
        transition: color 100ms;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-item:hover .dx-menu-item-text,
    .main-toolbar.po_toolbar .dx-menu .dx-item:hover .dx-menu-item-content {
        color: #2870A6!important;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-item.dx-state-active {
        background-color: transparent!important;
        color: #1D5077!important;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-item.dx-state-active .dx-menu-item-text,
    .main-toolbar.po_toolbar .dx-menu .dx-item.dx-state-active .dx-menu-item-content {
        color: #1D5077!important;
    }

    .main-toolbar.po_toolbar .dx-menu-horizontal .dx-menu-item.dx-state-hover.dx-menu-item-expanded {
        background-color: #fff;
    }

    body.dark .main-toolbar.po_toolbar .dx-menu-horizontal .dx-menu-item.dx-state-hover.dx-menu-item-expanded {
        background-color: var(--alfa-background-color-primary);
    }

    .main-toolbar.po_toolbar .dx-button-mode-contained[aria-label="overflow"].dx-state-hover .dx-icon {
        color: #2870A6;
    }

    .main-toolbar.po_toolbar .dx-button-mode-contained[aria-label="overflow"].dx-state-focused .dx-icon {
        color: #1D5077;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-item:hover .svg-icon {
        background-color: #2870A6!important;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-item.dx-state-active .svg-icon {
        background-color: #1D5077!important;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-menu-horizontal .dx-menu-item-popout::before {
        content: "\e963";
        font-family: "dlt-icons";
        width: 100%;
        height: 100%;
        font-size: 26px;
        position: unset;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-toolbar.po_toolbar .dx-menu-item:not(:has(.dx-menu-item-popout)) .dx-menu-item-text {
        padding-right: 0;
    }

    .main-toolbar.po_toolbar .dx-menu .dx-menu-item-content {
        display: flex;
        align-items: center;
    }

    .main-toolbar.po_toolbar .svg-icon {
        flex: none;
        width: 18px;
        height: 18px;
    }

    .main-toolbar.po_toolbar .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
        position: unset!important;
        width: 18px;
        height: 18px;
        flex: none;
    }

.po_toolbar .dx-menu-base .dx-icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.po_toolbar .dx-menu .dx-menu-horizontal .dx-menu-item .dx-menu-item-content .svg-icon {
    background: var(--alfa-pres-toolbar-font-color);
    padding: 8px;
}

.dx-submenu .dx-menu-item .dx-menu-item-content .svg-icon {
    background: var(--alfa-text-color-primary);
    padding: 9px;
}

.po_toolbar .dx-menu-base .dx-icon.alfa-icon-filter-lines,
.po_toolbar .dx-menu-base .dx-icon.alfa-icon-filter-lines-applied,
.po_toolbar .dx-menu-base .dx-icon.alfa-icon-filter-lines-not-applied {
    font-size: 18px;
}

.po_toolbar .dx-menu .dx-menu-item-content,
.po_toolbar .dx-menu .dx-menu-item.dx-state-hover .dx-menu-item-content {
    color: var(--alfa-pres-toolbar-font-color);
}

.po_toolbar .dx-menu .dx-menu-item-text {
    padding: 0 8px 0 8px;
    color: var(--alfa-pres-toolbar-font-color);
}

.po_toolbar .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text,
.po_toolbar .dx-menu-base .dx-menu-item-content .dx-menu-item-text {
    color: var(--alfa-pres-toolbar-font-color);
}

.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
    padding-left: 8px;
}

html[dir="rtl"] .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
    padding-right: 8px;
}

.po_toolbar .dx-button-mode-contained.dx-state-hover[aria-label="overflow"],
.po_toolbar .dx-button-mode-contained.dx-state-focused[aria-label="overflow"] {
    /*outline: var(--alfa-control-outline);
    outline-offset: -2px;*/
    background: none;
    border-color: var(--alfa-main-content-background-color);
}

.po_toolbar .dx-button-mode-contained[aria-label="overflow"] .dx-icon {
    color: var(--alfa-pres-toolbar-font-color);
    font-size: 16px;
}

/*dataset toolbar*/
/* Dataset  */
.dx-toolbar .dx-toolbar-label {
    font-size: var(--dlt-font-size-xxs,0.75rem);
}

.presentation-object.dx-treelist .dx-treelist-rowsview .dx-row {
    line-height: 31px;
    height: 42px;
}

.presentation-object.dx-treelist .dx-row > td {
    padding-block: 5px;
    padding-inline: 8px;
}

.dx-datagrid-rowsview .dx-row {
    line-height: 31px;
    height: 42px;
}

.dx-datagrid-rowsview td:not(.dx-datagrid-sticky-column-left){
    position: relative;
}

.dx-datagrid .dx-row > td {
    padding-block: 5px;
    padding-inline: 8px;
}

.po_toolbar .dx-menu-item {
    padding-block: 0;
    /*padding-inline: 5px;*/
}

.content-page-item-menu.po_toolbar .dx-menu-item-wrapper {
    margin-inline: 8px;
}

.dx-datagrid .dx-filter-menu .dx-menu-item,
.presentation-object.dx-treelist .dx-filter-menu .dx-menu-item {
    padding: 0 0 0 8px;
}


.dx-header-row .dx-treelist-action .dx-treelist-text-content,
.dx-header-row .dx-treelist-text-content {
    color: var(--alfa-text-color-primary);
    font-weight: 600;
}

.dx-header-row .dx-datagrid-action .dx-datagrid-text-content,
.dx-header-row .dx-datagrid-text-content {
    color: var(--alfa-text-color-primary);
    font-weight: 600;
}

.presentation-object.dx-treelist .dx-header-row {
    height: 36px;
    background: var(--alfa-dataset-header-background-color);
}

.presentation-object.dx-treelist .dx-column-lines > td {
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
}

.dx-rtl.presentation-object.dx-treelist .dx-column-lines > td:first-child {
    border-left: 0;
}

.dx-rtl.presentation-object.dx-treelist .dx-column-lines > td:last-child {
    border-right: 0;
}

.dx-treelist-text-content.rowno-col-header,
.dx-treelist-text-content.dx-text-content-alignment-left.dx-header-filter-indicator,
.dx-treelist-text-content.dx-text-content-alignment-right.dx-header-filter-indicator {
    margin-top: 0.10rem;
}

.dx-datagrid .dx-column-lines > td {
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
}

.dx-datagrid .dx-row-lines > td {
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-rtl.dx-datagrid .dx-column-lines > td:first-child {
    border-left: 0;
}

.dx-rtl.dx-datagrid .dx-column-lines > td:last-child {
    border-right: 0;
}

.dx-datagrid-text-content.rowno-col-header,
.dx-datagrid-text-content.dx-text-content-alignment-left.dx-header-filter-indicator,
.dx-datagrid-text-content.dx-text-content-alignment-right.dx-header-filter-indicator {
    margin-top: 0.10rem;
}

.dx-header-filter {
    margin-top: 0.625rem;
}

.rowno-col .dx-treelist-icon-container {
    display: none;
}

.rowno-col .dx-datagrid-icon-container {
    display: none;
}

.rowno-col {
    text-align: center !important;
}

.level-header {
    vertical-align: middle !important;
}

/*.dx-treelist .dx-row > td.rowno-col {
    padding-inline-start: 1rem;
}*/

.navigate-col .navigate-icon {
    font-size: 12px;
    padding-inline-start: 4px;
}

.navigate-col {
    text-overflow: unset !important;
}

    .navigate-col .dx-button {
        transition: none;
        border-radius: 0;
    }

.ds-header-table {
    border-collapse: collapse;
}

.ds-tree-level {
    width: 16px;
    height: 16px;
    border: 1px solid lightgray;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    line-height: 16px;
    padding: 0px;
}

.presentation-object.dx-treelist .dx-row > td.ds-tree-level-1 {
    padding-inline-start: 20px;
}

.presentation-object.dx-treelist .dx-row > td.ds-tree-level-2 {
    padding-inline-start: 30px;
}

.presentation-object.dx-treelist .dx-row > td.ds-tree-level-3 {
    padding-inline-start: 40px;
}

.presentation-object.dx-treelist .dx-row > td.ds-tree-level-4 {
    padding-inline-start: 50px;
}

.presentation-object.dx-treelist .dx-row > td.ds-tree-level-5 {
    padding-inline-start: 60px;
}

.presentation-object.dx-treelist .dx-row > td.ds-tree-level-3 {
    padding-inline-start: 40px;
}

.presentation-object.dx-treelist .dx-row > td.ds-tree-level-6 {
    padding-inline-start: 70px;
}

.ds-tree-head-cell {
    padding: 0;
}

.presentation-object.dx-treelist:not(.ds-tree-has-sub-rows) .dx-treelist-rowsview .dx-treelist-empty-space {
    width: 0;
}

.presentation-object.dx-treelist:not(.ds-tree-has-sub-rows) .dx-treelist-rowsview .dx-treelist-cell-expandable:not(.navigate-col) .dx-treelist-icon-container {
    display: none;
}

.dx-datagrid:not(.ds-tree-has-sub-rows) .dx-datagrid-rowsview .dx-datagrid-empty-space {
    width: 0;
}

.dx-datagrid:not(.ds-tree-has-sub-rows) .dx-datagrid-rowsview .dx-datagrid-cell-expandable:not(.navigate-col) .dx-datagrid-icon-container {
    display: none;
}

.dx-gantt .dx-treelist:not(.ds-tree-has-sub-rows) .dx-treelist-rowsview .dx-treelist-empty-space {
    width: unset;
}

.dx-gantt .dx-treelist:not(.ds-tree-has-sub-rows) .dx-treelist-rowsview .dx-treelist-cell-expandable:not(.navigate-col) .dx-treelist-icon-container {
    display: inline-block;
    margin-top: 4px;
    margin-left: 5px;
}

/*Added for treelist checkbox (default checkbox selection not to be shown when selection mode = multiple)*/
/*.dx-select-checkbox {
    display: none;
}*/


.presentation-object.dx-treelist .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
    padding-inline-start: 5px;
}

.dx-datagrid-headers .dx-header-row > .dx-datagrid-select-all {
    padding-inline-start: 5px;
}

.profile-selector-dropdown {
    color: var(--alfa-masthead-font-color);
    font-size: 14px;
    margin-top: 5px;
}

/*dataset inline edit */

/*inline edit outline*/
.ds-inline-edit .dx-treelist-focus-overlay :not(.dx-sel-col) {
    border: 2px solid var(--dlt-color-border-interactive-primary);
}

.ds-inline-edit .dx-treelist-container .dx-treelist-rowsview .dx-data-row > td:not(.dx-cell-focus-disabled):not(.dx-sel-col):not(.navigate-col):not(.dx-focused):hover {
    outline: var(--alfa-control-outline);
    cursor: text;
    outline-offset: -2px;
    border-radius: 4px;
}

.ds-inline-edit .dx-treelist-container .dx-treelist-rowsview .dx-data-row > td:not(.dx-cell-focus-disabled):not(.dx-sel-col):not(.navigate-col) + .dx-state-focused {
    outline: var(--alfa-control-outline);
    cursor: text;
    outline-offset: -2px;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-editor-cell:not(.dx-cell-focus-disabled) {
    /*editor background on focus - like textbox edit*/
    background-color: var(--dlt-color-background-static-primary);
}


.dx-treelist-container .dx-treelist-rowsview .dx-data-row > td:not(.dx-editor-cell):hover .dx-treelist-cell-hover-edit {
    display: inline;
}

.dx-treelist-cell-hover-edit {
    float: right;
    position: relative;
    display: none;
    font-size: 20px;
}

.treelist-row-selection-checkbox .dx-checkbox-container {
    display: flex;
    justify-content: center;
}

.dx-sel-col .treelist-row-selection-checkbox {
    width: 100% !important;
    height: 16px !important;
}

.ds-inline-edit .dx-datagrid-focus-overlay :not(.dx-sel-col) {
    border: 2px solid var(--dlt-color-border-interactive-primary);
}

.ds-inline-edit .dx-datagrid-container .dx-datagrid-rowsview .dx-data-row > td:not(.dx-cell-focus-disabled):not(.dx-sel-col):not(.navigate-col):not(.dx-focused):hover {
    outline: var(--alfa-control-outline);
    cursor: text;
    outline-offset: -2px;
    border-radius: 4px;
}

.ds-inline-edit .dx-datagrid-container .dx-datagrid-rowsview .dx-data-row > td:not(.dx-cell-focus-disabled):not(.dx-sel-col):not(.navigate-col) + .dx-state-focused {
    outline: var(--alfa-control-outline);
    cursor: text;
    outline-offset: -2px;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-editor-cell:not(.dx-cell-focus-disabled) {
    /*editor background on focus - like textbox edit*/
    background-color: var(--dlt-color-background-static-primary);
}

.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row > td:hover .dx-datagrid-cell-hover-edit {
    opacity: 1;
}

.dx-datagrid-cell-hover-edit {
    float: right;
    position: relative;
    font-size: 20px;
    display: flex;
    margin-right: -5px;
    opacity: 0;
    pointer-events: none;
}



.inline-editor-drop-down-box [role="listbox"] .dx-item-content {
    font-size: 14px;
    line-height: 22px;
}

.inline-editor-drop-down-box.dx-dropdowneditor-overlay .dx-popup-content {
    padding: 16px;
}

.inline-editor-drop-down-box.dx-popup-wrapper > .dx-overlay-content {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

.inline-editor-drop-down-box .dx-list-item {
    padding: 6px 14px;
}
.inline-editor-drop-down-box .alfa-ds-list-item > span {
    display: flex;
    align-items: center;
}

.inline-editor-drop-down-box .dx-list-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inline-editor-drop-down-box .alfa-ds-list-item-icon {
    font-size: 18px;
    color: var(--alfa-text-color-primary);
}
/*Feature Debt 53280: Please make the combobox field compliant with UI design*/
.boldimg {
    font-weight: 700;
    font-size: 15px;
}
.inline-editor-drop-down-box.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid var(--alfa-border-color-secondary);
}

.is-numbering-column .td-parent {
    justify-content: center;
}

.td-parent {
    display: flex;
    /*padding: 0 5px 0 5px;*/
    align-items: center;
}

    .td-parent.no-background {
        padding: 0;
    }

.obj-attribute-value .td-parent {
    /* height: 1.5rem;*/
    min-height: 1.5rem;
    border-radius: 4px;
}

.td-child1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    width: 100%;
}

.td-child1 > div {
    display: flex;
    align-items: center;
    overflow: unset!important;
    text-overflow: unset!important;
    width: 100%;
    max-width: fit-content;
}

.td-child1 > div > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-child1.url-field > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--alfa-pres-toolbar-font-color);
}

    .td-child1 p {
        margin: 0;
    }

.td-child1 > div.not-styled {
    max-width: unset;
}

.td-child1 > div.not-styled > span {
    flex-grow: 1;
}

.td-child1 > div.not-styled > .dx-datagrid-cell-hover-edit {
    margin-right: 0px;
}

.td-child1 > div.is-styled .dx-datagrid-cell-hover-edit {
    opacity: 1;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td:not(:has(.td-child1)) .dx-datagrid-cell-hover-edit {
    display: none;
}

.multiselector-td {
    position: relative;
    padding: 0;
    width: 100%;
}

    .multiselector-td .td-child1 div {
        width: 100%;
        user-select: none;
    }

    .multiselector-td .td-child1 .multiselector2-wrapper > div {
        width: auto;
    }

.obj-attribute-value .multiselector-td .td-child1 span {
    white-space: inherit;
    user-select: none;
}

.multiselector-td .ds-img {
    margin-right: 3px;
    margin-bottom: 3px;
    width: 16px;
    height: 16px;
}

.multiselector-td .dx-treelist-cell-hover-edit {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(calc(-50% + 2px));
    cursor: pointer;
}

.multiselector2-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 20px;
    overflow: hidden;
}

    .multiselector2-wrapper.is-less {
        max-height: unset;
    }

    .multiselector2-wrapper > div span {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .multiselector2-wrapper > div {
        margin: 0 2px 2px 0;
        max-width: calc(100% - 8px);
        min-width: 80px;
        display: flex;
        align-items: center;
    }

    .multiselector2-wrapper > div:after {
        counter-increment: multi -1;
        content: '+' counter(multi);
        position: absolute;
        right: -30px;
        bottom: 1px;
        display: flex;
        align-items: center;
        visibility: hidden;
        font-size: 70%;
        font-weight: bold;
        color: #2E80BE;
        margin-inline: 10px;
        margin-block: 5px;
    }

    .multiselector2-wrapper.is-less > div:after {
        display: none;
    }

    .multiselector2-wrapper > div.only-one {
        min-width: unset;
        white-space: unset;
        overflow: unset;
        text-overflow: unset;
    }

    .multiselector2-wrapper.is-less > div.show-number span {
        padding-right: 0px;
    }

    .multiselector2-wrapper > div.show-number {
        max-width: 100%;
        position: relative;
    }

        .multiselector2-wrapper > div.show-number:after {
            visibility: visible;
        }

    .multiselector2-wrapper > div.is-collapsed {
        visibility: hidden;
    }

    .multiselector2-wrapper.is-less > div.is-collapsed {
        visibility: visible;
    }

    .multiselector2-wrapper > div:last-child:after {
        visibility: hidden !important;
    }


.dx-rtl .multiselector2-wrapper {
    padding-right: 0px;
    padding-left: 20px;
}

    .dx-rtl .multiselector2-wrapper > div:after {
        right: unset;
        left: -30px;
    }

    .dx-rtl .multiselector2-wrapper > div {
        margin: 0 0 2px 2px;
    }

.multiselector2-toggler {
    display: none;
    position: absolute;
    top: 100%;
    left: 5px;
    font-size: 70%;
    cursor: pointer;
}

    .multiselector2-toggler.is-less span:last-child {
        display: inline;
    }

    .multiselector2-toggler.is-less span:first-child {
        display: none;
    }

    .multiselector2-toggler span:last-child {
        display: none;
    }

    .multiselector2-toggler.is-active {
        display: inline-block;
    }

    .multiselector2-toggler span {
        font-weight: normal!important;
    }

.multiselector-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-right: 22px;
    height: 32px;
    overflow: hidden;
}

.multiselector-wrapper[data-count="1"] {
    padding-right: 0;
}

.dx-rtl .multiselector-wrapper[data-count="1"]  {
    padding-left: 0px;
}

.td-child1 {
    container-type: inline-size;
    container-name: wrapper;
}

    .multiselector-wrapper > div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 32px;
        padding: 0 5px;
        max-width: fit-content;
        flex: 120px;
    }

        .multiselector-wrapper > div.ds-link.show-number:hover {
            border: 2px solid var(--alfa-color-palette-berlin-200, #BFC1C3);
        }

        .multiselector-wrapper > div.ds-link.show-number.hovered {
            border: 2px solid var(--alfa-primary-color);
        }        

.dx-gantt-main-wrapper .dx-treelist-content img[style] {
    margin-right: 6px;
    max-height: 20px;
}

.dx-gantt-main-wrapper .multiselector-td .multiselector-wrapper {
    height: 30px;
}

.dx-gantt-main-wrapper .multiselector-td .ds-link {
    height: 30px;
    cursor: default;
}

    .dx-gantt-main-wrapper .multiselector-td .ds-link:hover {
        border-color: #BFC1C3;
    }

.dx-gantt-main-wrapper .dx-treelist-container .dx-treelist-rowsview .dx-data-row > td:not(.dx-editor-cell):hover .multiselector-wrapper > div:after {
    opacity: 1;
}

.dx-gantt-main-wrapper .dx-treelist-text-content i.svg-icon[style] {
    display: inline-block;
    height: 20px;
}

.obj-attribute-editable:hover .inline-hover-edit {
    transform: translate(-6px, 1px);
    cursor: pointer;
    font-size: 20px;
    display: flex;
    padding-block-end: 2px;
    position: absolute;
    right: 0px;
}

.obj-attribute-value.obj-attribute-editable.has-active-multiselector2-toggler {
    margin-bottom: 20px;
}

.dx-treelist-container .dx-treelist-rowsview .dx-data-row > td:not(.dx-editor-cell):hover .multiselector-wrapper > div:after {
    opacity: 0;
}

.multiselector-wrapper > div.is-collapsed {
    visibility: hidden;
}

.multiselector-wrapper > div:after {
    counter-increment: multi -1;
    content: '+' counter(multi);
    position: absolute;
    left: calc(var(--width, 0) - 2px);
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    visibility: hidden;
    font-size: 9px;
    font-weight: 500;
    color: var(--alfa-text-color-primary-selected);
    line-height: 22px;
}

.dx-rtl .multiselector-wrapper > div:after {
    content: counter(multi) '+';
    left: unset;
    right: calc(var(--width, 0) - 2px);
}

.dx-rtl .multiselector-wrapper {
    padding-right: 0px;
    padding-left: 22px;
}

.multiselector-wrapper > div.show-number:after {
    visibility: visible;
}

.multiselector-wrapper > div:last-child:after {
    content: unset;
}

.obj-attribute-value .td-child1 {
    display: inherit;
    align-items: center;
}

    .obj-attribute-value .td-child1 span {
        white-space: pre-line;
        line-height: 21px;
    }

.td-child1 .alfa-icon {
    max-height: 22px;
    /*width: 22px;*/
    margin-inline-end: 0.25rem;
}

.td-child2 {
    margin-inline-start: auto;
}

.dx-treelist-container .dx-scrollable-content {
    /* top: 1px !important;*/
    padding-inline-end: .063rem;
}

.dx-treelist-container .dx-treelist-rowsview .dx-data-row > td .dx-placeholder {
    padding-inline-start: .25rem;
}

.dx-datagrid-container .dx-scrollable-content {
    /* top: 1px !important;*/
    padding-inline-end: .063rem;
}

.dx-datagrid-container .dx-datagrid-rowsview .dx-data-row > td .dx-placeholder {
    padding-inline-start: .25rem;
}

.dx-textarea .dx-placeholder {
    top: 5px;
}

.dx-treelist-container .dx-treelist-rowsview .dx-data-row > td .dx-treelist-cell-hover-edit > .dlt-icon-edit {
    color: var(--dlt-color-text-interactive-primary);
}


.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
    padding-inline: 3px;
}


.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row > td .dx-dropdowneditor-icon {
    font-family: 'dlt-icons' !important;
    font-size: 20px;
    transform: translateX(-4px) scaleY(-1);
    background: transparent!important;
}

.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row > td .dx-dropdowneditor-icon:before {
    content: "\e963";
}

.dx-datagrid-rowsview .dx-editor-cell {
    background-color: #fff;
}

.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    min-height: 43px;
}

.dx-datagrid-rowsview .dx-editor-cell input {
    font-weight: var(--dlt-font-weight-medium, 500);
    padding-left: 8px;
    transform: translateY(-1px);
    /* padding-top: 4px;
    padding-bottom: 6px; */
    font-size: 14px;
    background-color: transparent;
}

.dx-treelist.search-results-items-container {
    align-items: center;
    gap: 0.313rem;
}
/*dataset inline edit */

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused.dx-sel-col,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused.dx-sel-col,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused.dx-sel-col,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused.dx-sel-col {
    background-color: #e6e6e6;
}

.ds-inline-edit .dx-treelist-focus-overlay .dx-sel-col {
    border: none;
}

/*dataset textarea*/
.dx-treelist-rowsview {
    overflow: visible
}

.dx-treelist .dx-popup .dx-popup-content .dx-textarea {
    height: 100%;
}

.dx-treelist .dx-popup-normal .dx-popup-content,
.dx-treelist .dx-popup .dx-popup-content {
    padding: 0px;
}

    .dx-treelist .dx-popup .dx-popup-content .dx-textarea .dx-texteditor-input {
        resize: auto;
    }

.dx-treelist .dx-overlay-content.dx-popup-normal {
    border-radius: 4px;
    /*border: 2px solid #22608E;*/
    background: #FFF;
}

/* Bug 47456: the selected inline editing field remains on the page while scrolling */

.dx-treelist .dx-treelist-table.dx-treelist-table-fixed .dx-overlay-content.dx-popup-normal .dx-popup-content {
    border-collapse: separate;
    padding: 10px;
}

.dx-treelist .dx-treelist-table.dx-treelist-table-fixed .dx-overlay-content.dx-popup-normal.ds-cell-tagBox .dx-popup-content {
    padding: 0 10px;
}

.dx-datagrid-container .dx-datagrid-rowsview .dx-data-row > td .dx-datagrid-cell-hover-edit > .dlt-icon-edit {
    color: var(--dlt-color-text-interactive-primary);
}

/*Bug 50169: Cursor is missing in text field of DWB embedded in wizard*/
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
    overflow: visible;
}

.dx-datagrid.search-results-items-container {
    align-items: center;
    gap: 0.313rem;
}
/*dataset inline edit */

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused.dx-sel-col,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused.dx-sel-col,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused.dx-sel-col,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused.dx-sel-col {
    background-color: #e6e6e6;
}

.ds-inline-edit .dx-datagrid-focus-overlay .dx-sel-col {
    border: none;
}

/*dataset textarea*/
.dx-datagrid-rowsview {
    overflow: visible
}

.dx-datagrid .dx-popup .dx-popup-content .dx-textarea {
    height: 100%;
}

.dx-datagrid .dx-popup-normal .dx-popup-content,
.dx-datagrid .dx-popup .dx-popup-content {
    padding: 0px;
}

    .dx-datagrid .dx-popup .dx-popup-content .dx-textarea .dx-texteditor-input {
        resize: auto;
    }

.dx-datagrid .dx-overlay-content.dx-popup-normal {
    border-radius: 4px;
    /*border: 2px solid #22608E;*/
    background: #FFF;
}

/* Bug 47456: the selected inline editing field remains on the page while scrolling */

.dx-datagrid .dx-datagrid-table.dx-datagrid-table-fixed .dx-overlay-content.dx-popup-normal .dx-popup-content {
    border-collapse: separate;
    padding: 10px;
}

.dx-datagrid .dx-datagrid-table.dx-datagrid-table-fixed .dx-overlay-content.dx-popup-normal.ds-cell-tagBox .dx-popup-content {
    padding: 0 10px;
}


/*.dx-treelist .dx-overlay-content {
    border: 0 !important;
    border-radius: 0px !important;
}
*/
.alfa-textarea-popup .dx-popup-normal.dx-popup-draggable.dx-resizable {
    padding: 0;
}

.dx-treelist .alfa-textarea-popup .dx-popup-normal {
    transform: translate(-1px, -23px) !important;
}

.dxtreelist-box-shadow,
.alfa-box-shadow {
    box-shadow: 0px 2px 2px 0px rgba(1, 31, 61, 0.160784);
}

    .dxtreelist-box-shadow .ds-img {
        padding: 5px;
    }

.dx-treelist-headers .dx-treelist-table .dx-header-row > td:hover {
    border-inline-end: 1px solid #e5e5e5;
}

.dx-treelist .dx-button-has-icon i.dx-icon {
    font-size: unset;
    line-height: 14px;
}

.dx-treelist-content {
    padding-block-end: 2px;
}

.dx-treelist-revert-tooltip {
    display: none;
}

/*change bg after edit*/
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.alfa-cell-edited.dx-focused:not(.dx-editor-cell),
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.alfa-cell-edited.dx-focused:not(.dx-editor-cell) {
    background-color: #e6e6e6;
}

/*remove edited cell color*/
.dx-treelist-rowsview .dx-data-row .dx-cell-modified::after {
    border: none;
}

.dx-datagrid .alfa-textarea-popup .dx-popup-normal {
    transform: translate(-1px, -23px) !important;
}

.dxtreelist-box-shadow,
.alfa-box-shadow {
    box-shadow: 0px 2px 2px 0px rgba(1, 31, 61, 0.160784);
}

    .dxtreelist-box-shadow .ds-img {
        padding: 5px;
    }

.dx-datagrid-headers .dx-datagrid-table .dx-header-row > td:hover {
    border-inline-end: 1px solid #e5e5e5;
}

.dx-datagrid .dx-button-has-icon i.dx-icon {
    font-size: unset;
    line-height: 14px;
}

.dx-datagrid-content {
    padding-block-end: 2px;
}

.dx-datagrid-revert-tooltip {
    display: none;
}

/*change bg after edit*/
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.alfa-cell-edited.dx-focused:not(.dx-editor-cell),
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.alfa-cell-edited.dx-focused:not(.dx-editor-cell) {
    background-color: #e6e6e6;
}

/*remove edited cell color*/
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified::after {
    border: none;
}


/*to load rows properly on dataworkbench config window*/
/*.dx-popup .editor-without-tab .presentation-control-container {
   min-height: 300px;
}
*/
/*.dx-treelist-container .dx-treelist-rowsview .dx-data-row .dx-checkbox,
.dx-treelist-container .dx-treelist-headers .dx-header-row .dx-checkbox {
    padding-left: 0.5rem
}*/

.presentation-object.dx-treelist .dx-treelist-icon-container.dx-editor-inline-block {
    padding-inline-end: 5px;
}

.dx-datagrid-icon-container.dx-editor-inline-block {
    padding-inline-end: 5px;
}

/*User Story 51321: Encircled i (info of the enum items ie hint) to be appear only on selection*/
.dx-list-items .alfa-ds-list-item .alfa-icon-tooltip {
    visibility: hidden;
}

.dx-list-items .alfa-ds-list-item:hover .alfa-icon-tooltip {
    visibility: visible;
}

.alfa-ds-list-item-icon,
.alfa-dx-list-item-icon {
    color: var(--dlt-color-text-interactive-primary);
}

.alfa-ds-list-item {
    display: flex;
    align-items: center;
}

    .alfa-ds-list-item span {
        flex-grow: 1;
    }

    .alfa-ds-list-item img {
        margin-inline-end: 0.25rem;
    }


.filtericon-teal {
    background-image: url('../img/filter_teal_empty.png');
    width: 22px;
    margin-top: -3px;
    cursor: pointer;
}

.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
    color: var(--alfa-primary-color);
}

.dx-treelist-filter-panel .alfa-icon-filter {
    margin-inline-end: 0.5rem;
}

/* Header Filter Icon change - Start */
.presentation-object.dx-treelist td:hover .dx-header-filter-empty::before {
    content: "";
    background-image: url(../img/filter_teal_empty.png);
    width: 20px;
    height: 20px;
    position: absolute;
    margin-inline-start: -17px;
    margin-block-start: -6px;
    background-repeat: no-repeat;
}

.dx-datagrid td:hover .dx-header-filter-empty::before {
    content: "";
    background-image: url(../img/filter_teal_empty.png);
    width: 20px;
    height: 20px;
    position: absolute;
    margin-inline-start: -17px;
    margin-block-start: -6px;
    background-repeat: no-repeat;
}


/*.dx-treelist .dx-header-filter.delite-filter-teal:not(.dx-header-filter-empty) {
    visibility: visible;
    background-image: url(../img/filter_teal.png);
    outline: 0 !important;
}*/

/*.dx-treelist .dx-column-indicators .dx-sort.dx-sort {
    position: absolute;
    margin-inline-start: -25px;
    margin-top: 12px;
}*/

.dx-treelist-filter-panel .dx-icon-filter {
    color: var(--dlt-color-palette-teal-300);
}

.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
    outline: 0;
}

.dx-treelist-container .dx-header-filter::before {
    content: "";
    background-image: url(../img/filter_teal.png);
    width: 20px;
    height: 20px;
    position: absolute;
    margin-inline-start: -17px;
    margin-block-start: -6px;
    background-repeat: no-repeat;
}

/* Header Filter Icon change - End */
.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
    color: #168A99;
}

.dx-datagrid-container .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.dx-datagrid-container .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
    outline: 0;
}

.dx-datagrid-container .dx-header-filter::before {
    content: "";
    background-image: url(../img/filter_teal.png);
    width: 20px;
    height: 20px;
    position: absolute;
    margin-inline-start: -17px;
    margin-block-start: -6px;
    background-repeat: no-repeat;
}

/* Header Filter Icon change - End */
.dx-datagrid-rowsview tr:not(.dx-row-focused) .dx-datagrid-empty-space {
    color: #168A99;
}

.alfa-level-button-active {
    background-color: var(--alfa-background-static-contrast);
    color: #fff;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td {
    border-bottom-color: transparent;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td {
    border-bottom-color: transparent;
}

/*PLAN-32566*/
.ds-dlt-icon-check {
    color: var(--dlt-color-palette-teal-300);
    font-size: var(--dlt-font-size-xxl,1.5rem);
    font-family: 'dlt-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .ds-dlt-icon-check:before {
        content: "\e910";
    }

.ds-upload-file-icon {
    margin-inline-end: 10px;
    cursor: pointer;
}

.ds-delete-file-icon {
    color: #058192;
    font-size: 22px;
    margin-inline-end: 5px;
    cursor: pointer;
}

.ds-file-edit-cell-container .ds-img {
    margin-inline-start: 13px;
}

.ds-file-edit-cell-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .ds-file-edit-cell-container .file-img-container {
        flex-grow: 1;
    }

.ds-cell-tagBox .dx-popup-title {
    margin-bottom: 0;
}

.ds-cell-tagBox .dx-popup-content {
    padding: 0 10px;
    margin-top: 10px;
}

.ds-cell-tagBox .dx-list-select-all,
.ds-cell-tagBox .dx-list-select-checkbox-container {
    display: none;
}
/*Feature Debt 52620: Dropdown search fields in Workbench and Content area do not follow the UI styles*/
.ds-cell-tagBox span {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding:0px;
    padding-top:5px;
}

    .ds-cell-tagBox span::before {
        font-family: 'DXIcons';
    }
.ds-cell-tagBox .dx-searchbox .dx-icon-clear {
    color: var(--alfa-text-color-primary);
}
.ds-cell-tagBox .dx-searchbox .dx-icon-clear::before {
    content: "\f00a";
}

.ds-cell-tagBox .dx-list .dx-list-item.dx-state-hover .alfa-ds-list-item span {
    color: var(--alfa-text-color-primary-light);
}

.ds-cell-tagBox .alfa-ds-list-item span,
.ds-cell-tagBox .dx-item.dx-list-item {
    color: var(--alfa-text-color-primary,#292F36);
    /* Body/Body M (Medium) */
    font-family: Libre Franklin;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
}


.ds-cell-tagBox .dx-item.dx-list-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Roboto';
}

.ds-cell-tagBox .dx-popup-content .dx-list .dx-scrollable-content .dx-scrollview-content .dx-list-group .dx-list-group-header {
    border-top: 1px solid #CFD2DC;
    border-bottom: 0px;
    color: #94979B;
    font-family: Libre Franklin;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ds-cell-tagBox .dx-list-group-header:has(.dx-list-group-header-indicator:empty) {
    /* display: none; */
}

.alfa-ds-list-item span {
    text-overflow: ellipsis;
    overflow: hidden;
}

.ds-cell-tagBox .dx-button,
.ds-cell-tagBox .dx-button.dx-state-hover,
.ds-cell-tagBox .dx-button.dx-state-focused {
    outline: none;
    background-color: transparent;
}

.dxtagbox-toolbox-template-advancedsearch {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

.dx-tagbox .dx-button-mode-contained {
    border: none;
    background: unset;
}
/*PLAN-32925*/
/*.dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-select-all {
    vertical-align: middle;
}

.dx-treelist-select-all .dx-checkbox {
    left: 8px;
}
.dx-popup-content .dx-checkbox {
    margin-inline: 3px;
    margin-block: 7px;
}

.dx-popup-content .dx-treelist-select-all .dx-checkbox,
.dx-popup-content .dx-list-select-all .dx-checkbox,
.dx-popup-content .dx-item .dx-checkbox {
    margin-block: 0px;
}*/

.customize-columns-popup .dx-scrollable-content {
    overflow-y: hidden;
}

    .customize-columns-popup .dx-scrollable-content .dx-scrollable-content {
        overflow-y: visible;
    }

.dx-treelist-focus-overlay {
    border-width: var(--alfa-ds-focused-cell-border-width) !important;
}

.dx-datagrid,
.dx-treelist {
    color: var(--alfa-text-color-primary);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: var(--alfa-border-color-primary);
    border-right-color: var(--alfa-border-color-primary);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--alfa-dataset-selected-row-bg-color);
    color: var(--alfa-text-color-primary);
}

    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
        background-color: var(--alfa-dataset-selected-row-bg-color);
        color: var(--alfa-text-color-primary);
    }

.presentation-object.dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.presentation-object.dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.presentation-object.dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.presentation-object.dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--dlt-color-background-static-tertiary);
}

.dx-datagrid-focus-overlay {
    border-width: var(--alfa-ds-focused-cell-border-width) !important;
}

.dxTreeList_number_column_right_alignment {
    text-align: right !important;
}

    .dxTreeList_number_column_right_alignment .td-child1 {
        justify-content: flex-end;
    }

/* Commented for User Story 49612: Implement Table Grid redesign and column header alignment for datasets and workbenches
.dxTreeList_number_column_left_alignment {
    text-align: left !important;
}
.dxTreeList-column-header-start-alignment {
    text-align: start !important;
}
.dxTreeList-column-header-end-alignment {
    text-align: end !important;
}
.dxTreeList-column-header-center-alignment {
    text-align: end !important;
}
.dxTreeList-data-cell-start-alignment {
    text-align: start !important;
}

.dxTreeList-data-cell-end-alignment {
    text-align: end !important;
}

.dxTreeList-data-cell-center-alignment {
    text-align: end !important;
}*/

.po_toolbar_presobj .dx-toolbar-items-container {
    display: flex;
    background: var(--alfa-main-content-background-color);
}

.dx-popup-normal .po_toolbar_presobj .dx-toolbar-items-container {
    background: var(--alfa-background-color-primary);
}

.po_toolbar_presobj .dx-toolbar-items-container .dx-toolbar-after {
    float: inline-end;
}

.po_toolbar_presobj .dx-toolbar .dx-toolbar-items-container {
    min-height: 26px;
    height: 100%;
}

.po_toolbar_presobj .dx-toolbar-menu-container {
    margin-left: auto;
}

.po_toolbar_presobj .dx-menu-base .dx-menu-items-container {
    white-space: unset;
}

.presentation-object.dx-treelist .dx-column-indicators.dx-visibility-hidden {
    display: none;
}

.dx-datagrid .dx-column-indicators.dx-visibility-hidden {
    display: none;
}
/* DataSet image object*/
.ds-imageobject-wrapper {
    width: 100%;
    /*display: inline-grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
    grid-column-gap: 6px;
    padding-right: 20px;*/
    height: 32px;
    overflow: hidden;
}


    .ds-imageobject-wrapper > div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*font-weight: normal;*/
        height: 32px;
        /*padding: 0 5px;*/
    }

.ds-imageobjec-td {
    position: relative;
}

.dx-cell-datefield {
    position: relative;
}

    .dx-cell-datefield::before {
        font-family: 'dlt-icons' !important;
        content: "\e918";
        font-size: 1rem;
        position: absolute;
        top: 7px;
        right: 8px;
        opacity: 0;
        width: auto;
    }

    .dx-rtl  .dx-cell-datefield::before {
        right: unset;
        left: 8px;
    }

    .dx-cell-datefield:hover::before {
        opacity: 1
    }

    .dx-cell-datefield.dx-editor-cell.dx-focused::before {
        opacity: 0;
    }


/*DxTreelist filter Row Styles start*/
.dx-treelist-filter-row .dx-menu {
    margin-block: 1px;
    margin-inline: 0px;
}

.dx-treelist-container.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 0px
}

.dx-treelist-container.dx-filter-menu.dx-menu .dx-menu-item.dx-state-hover, .dx-treeview-item.dx-state-hover {
    outline-offset: -5px;
}

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    background-color: transparent;
}

.dx-treelist-container.dx-filter-menu.dx-menu .dx-menu-item.dx-menu-item.dx-state-hover {
    outline: none
}

.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
    line-height: 9px
}


.dx-treelist-scroll-container .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    margin: -8px -4px 9px -8px;
}

.dx-treelist-container.dx-context-menu .dx-submenu {
    margin-top: -25px
}

.dx-treelist-container.dx-menu-base .dx-menu-items-container {
    padding-block: 0rem;
}

.dx-treelist-container .dx-treelist-headers .dx-treelist-content .dx-treelist-text-content {
    padding-top: 2px;
}

.dx-treelist-filter-row {
    border-bottom: 1px solid #d5d5d5;
    background: var(--dlt-color-palette-gray-980);
}

    .dx-treelist-filter-row .dx-texteditor.dx-editor-outlined {
        background: var(--alfa-dataset-header-background-color);
    }

        .dx-treelist-filter-row .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
            background: unset;
        }

    /*DxTreelist filter Row Styles start*/
    .dx-datagrid-filter-row .dx-menu,
    .dx-treelist-filter-row .dx-menu {
        margin-block: 1px;
        margin-inline: 0px;
    }

.dx-datagrid-container.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content,
.dx-treelist-container.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content,
.dx-datagrid.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 0px
}

.dx-datagrid-container.dx-filter-menu.dx-menu .dx-menu-item.dx-state-hover, .dx-treeview-item.dx-state-hover,
.dx-treelist-container.dx-filter-menu.dx-menu .dx-menu-item.dx-state-hover, .dx-treeview-item.dx-state-hover {
    outline-offset: -5px;
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover,
.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    /* background-color: transparent; */
}

.dx-datagrid-container.dx-filter-menu.dx-menu .dx-menu-item.dx-menu-item.dx-state-hover,
.dx-treelist-container.dx-filter-menu.dx-menu .dx-menu-item.dx-menu-item.dx-state-hover {
    outline: none
}

.dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
    line-height: 9px
}

.dx-datagrid-scroll-container .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    margin: 2px 0 0 2px
}

.dx-treelist-scroll-container .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    margin: 5px 0 0 2px;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
    padding-left: 20px;
}

.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
    padding-right: 20px;
}

.dx-datagrid-container.dx-context-menu .dx-submenu {
    margin-top: -25px;
}

.dx-treelist-container.dx-context-menu .dx-submenu {
    margin-top: -10px;
}

.dx-datagrid-container.dx-menu-base .dx-menu-items-container,
.dx-treelist-container.dx-menu-base .dx-menu-items-container {
    padding-block: 0rem;
}

.dx-datagrid-container .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-text-content,
.dx-treelist-container .dx-treelist-headers .dx-treelist-content .dx-treelist-text-content {
    padding-top: 2px;
}

.dx-datagrid-filter-row,
.dx-treelist-filter-row {
    border-bottom: none;
    background: var(--alfa-dataset-header-background-color);
}

    .dx-datagrid-filter-row .dx-texteditor.dx-editor-outlined,
    .dx-treelist-filter-row .dx-texteditor.dx-editor-outlined {
        background: var(--alfa-dataset-header-background-color);
    }

        /*.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 0px;
}*/

        .dx-datagrid-filter-row .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
        .dx-treelist-filter-row .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
            background: unset;
        }

.alfa-ds-checked-list-item {
    background-image: url('../img/svg/check.svg')
}

.ds-list-item-selected-check {
    width: 18px;
    height: 18px;
    padding: 10px;
}

.dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
    vertical-align: middle;
    background-color: var(--alfa-background-color-primary);
    border-bottom: var(--alfa-dataset-border-bottom);
    border-left: var(--alfa-dataset-border-left);
    border-right: var(--alfa-dataset-border-right);
}

.dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-row .alfa-sel-col .dx-checkbox-container {
    vertical-align: bottom;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row .alfa-sel-col .dx-checkbox-container {
    vertical-align: bottom;
}

.alfa-sel-col .dx-checkbox {
    line-height: 16px;
}

html.is-keyboard-active #ContentDiv.is-keyboard-navigation .dx-header-row .alfa-sel-col .dx-datagrid-text-content {
    overflow: auto;
}

html.is-keyboard-active #ContentDiv.is-keyboard-navigation .dx-header-row .alfa-sel-col .dx-checkbox[role="checkbox"].dx-state-focused {
    outline: none!important;
}

html.is-keyboard-active #ContentDiv.is-keyboard-navigation .dx-header-row .alfa-sel-col .dx-checkbox[role="checkbox"].dx-state-focused::after {
    top: 2px!important;
    border-radius: 2px;
}

/* For version 23.1.5 */
/*.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
    border-left: var(--alfa-dataset-fixed-column-border-left);
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
    border-right: var(--alfa-dataset-fixed-column-border-right);
}*/

/* For version 24.2.3 */
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-right,
.dx-treelist .dx-treelist-sticky-columns .dx-treelist-table .dx-row td.dx-treelist-sticky-column-border-right {
    border-right: var(--alfa-dataset-fixed-column-border-right);
}

.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-left
.dx-rtl .dx-treelist .dx-treelist-sticky-columns .dx-treelist-table .dx-row td.dx-treelist-sticky-column-border-left {
    border-left: var(--alfa-dataset-fixed-column-border-right);
}

/*DxTreelist filter Row Styles end*/
.alfa-dwb-readonly {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px;
    padding: 0px 2px;
}

/* Selection Filter */

.selection-filter-item-content,
.selection-filter-field-content {
    display: flex;
    align-items: center;
}

    .selection-filter-item-content i {
        font-size: 1rem;
        margin-inline-end: 0.5rem;
    }

    .selection-filter-field-content i {
        margin-inline-start: 0.5rem;
    }

.selection-filter.dx-texteditor.dx-editor-outlined {
    border: 0;
}

    .selection-filter.dx-texteditor.dx-editor-outlined.dx-state-hover .dx-dropdowneditor-icon {
        background-color: transparent;
    }

.dx-treelist-headers .selection-filter .selection-filter-texteditor .dx-texteditor-input {
    padding: 0;
}
/*47895*/
.dx-treelist-content.dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed {
    /*transform: none !important;*/
}

.dx-datagrid-headers .selection-filter .selection-filter-texteditor .dx-texteditor-input {
    padding: 0;
}
/*47895*/
.dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed {
    transform: none !important;
}

.dx-treelist-nodata,
.dx-datagrid-nodata {
    white-space: normal;
    color: var(--alfa-text-color-primary);
}

.dx-treelist-rowsview.dx-empty,
.dx-datagrid-rowsview.dx-empty {
    overflow: auto;
    height: 150px;
}

/*.selection-filter-ddeditoricon {   
   width:40px;
}*/

/*.alfa-sel-col .dx-dropdowneditor-icon::before {
    margin-left: -12px;
}*/

.alfa-sel-col .treelist-row-selection-checkbox,
.alfa-sel-col-first .treelist-row-selection-checkbox {
    display: block;
}

.presentation-object.dx-treelist .dx-treelist-rowsview .dx-treelist-expanded span::before {
    content: "\f016";
}

.presentation-object.dx-treelist .dx-treelist-rowsview .dx-treelist-collapsed span::before {
    content: "\f010";
}

.presentation-object.dx-treelist .dx-treelist-rowsview .dx-treelist-expanded span::before,
.presentation-object.dx-treelist .dx-treelist-rowsview .dx-treelist-collapsed span::before {
    position: relative;
    padding-inline-start: 8px;
    color: var(--alfa-text-color-primary);
    font-weight: 600;
    font-size: 12px;
}

.dx-rtl .presentation-object.dx-treelist .dx-treelist-rowsview .dx-treelist-expanded span::before,
.dx-rtl .presentation-object.dx-treelist .dx-treelist-rowsview .dx-treelist-collapsed span::before {
    padding-inline-start: 0;
}

.dx-gantt-treelist-wrapper .dx-treelist-rowsview .dx-treelist-expanded span::before,
.dx-gantt-treelist-wrapper .dx-treelist-rowsview .dx-treelist-collapsed span::before {
    padding-inline-start: 0;
}

.dx-treelist .dx-icon-filter-operation-default::before, .dx-treelist-container .dx-icon-filter-operation-default::before,
.dx-datagrid .dx-icon-filter-operation-default::before, .dx-datagrid-container .dx-icon-filter-operation-default::before {
    color: var(--alfa-text-color-primary);
}

.dx-datagrid-content .dx-command-expand.dx-datagrid-expand-invisible .dx-datagrid-group-closed {
    visibility: hidden;
}

/*51873*/
.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-row:not(.dx-row-lines,.dx-group-row,.dx-datagrid-group-footer,.dx-edit-row,.dx-selection,.dx-row-focused) > td:not(.dx-editor-cell,.dx-master-detail-cell) {
    padding-top: 0px
}
/*51873*/
.dx-datagrid .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.dx-datagrid .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding-bottom: 0px;
}
/*Bug 51424: Misaligned Graphic and Table in Data Quality Visualization of a Data Workbench*/
.data-quality {
    inset-block-start: 30px !important;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: var(--alfa-forms-color-background-input-default);
}