/* Global */

* {
    scrollbar-width: auto;
}

p {
    color: var(--alfa-text-color-primary);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #BFC1C3;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: darkgray;
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);*/
    background-color: #E0E4F2;
    border-radius: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

/*#LeftNavMenuDiv ::-webkit-scrollbar {
    width: 10px;
}*/

html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-size: var(--dlt-font-size-sm,1rem);
    font-family: var(--alfa-font-family,'Libre Franklin',Roboto,Helvetica,Arial,sans-serif);
}

#page_root {
    height: 100%;
}

h1 {
    font-size: var(--dlt-font-size-xl,1.5rem);
}

/* Common */

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content,
.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px;
}

.dx-popup-wrapper > .dx-overlay-content {
    background: var(--alfa-background-color-primary);
    border: 1px solid var(--alfa-border-color-primary);
}

.dx-popup-wrapper > .dx-overlay-content,
.dx-context-menu .dx-submenu {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    font-size: var(--dlt-font-size-xs,0.875rem);
    border-radius: var(--alfa-control-border-radius, 4px);
}

.dx-overlay-content {
    font-family: var(--alfa-font-family,'Libre Franklin',Roboto,Helvetica,Arial,sans-serif);
    font-size: var(--dlt-font-size-xs,0.875rem);
}

.dx-overlay-shader {
    background-color: var(--alfa-overlay-shade-background-color);
}

body.dark .dx-overlay-shader {
    background-color: rgba(30, 30, 30, .5) !important;
}

.dx-widget {
    font-family: var(--alfa-font-family,'Libre Franklin',Roboto,Helvetica,Arial,sans-serif);
    font-size: var(--dlt-font-size-xs,0.875rem);
    font-weight: var(--dlt-font-weight-medium,500);
    line-height: 1.5;
    color: var(--alfa-text-color-primary,#292F36);
}

    .dx-widget input, .dx-widget textarea {
        font-family: var(--alfa-font-family,'Libre Franklin',Roboto,Helvetica,Arial,sans-serif);
        border-radius: 0;
    }

.dx-placeholder {
    color: var(--alfa-text-color-primary-disabled, #7F8286);
    font-size: var(--dlt-font-size-xs,.875rem);
    font-weight: var(--dlt-font-weight-regular,400);
}

    .dx-placeholder::before {
        padding: 0px 5px;
    }

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 0;
    display:flex;
}

.dx-list-item {
    padding: 0.5rem 1rem;
}

[role="menuitem"].dx-list-item {
    padding: 0;
}

.dx-context-menu .dx-submenu,
.dx-menu .dx-menu-item-expanded {
    border: 1px solid var(--alfa-border-color-primary);
    background-color: var(--alfa-background-color-primary);
}

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

    /* Fix for version 24.2.3 */
    .dx-menu-base .dx-menu-item-wrapper, .dx-menu-base .dx-menu-items-container {
        height: unset;
    }

.dx-menu-item {
    padding: 0.75rem 1rem;
    color: var(--alfa-text-color-primary);
}

.dx-menu-item.dx-state-focused.dx-state-disabled {
    color: inherit;
}

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

    .dx-menu-item.dx-state-active {
        background-color: var(--alfa-background-primary-selected, #1D5077);
    }

.dx-menu-base .dx-menu-item.dx-state-active .dx-menu-item-content,
.dx-menu-base .dx-menu-item.dx-state-active .dx-menu-item-content .dx-menu-item-text {
    color: #fff;
}

    .dx-menu-item.dx-state-focused {
        background-color: unset;
    }

.dx-menu-horizontal .dx-menu-separator {
    margin: 0;
    height: 1px;
    background-color: var(--alfa-border-color-primary);
}


.dx-menu-base .dx-menu-item-content {
    padding: 0;
}

.dx-menu-base .dx-menu-item.dx-state-hover > .dx-menu-item-content .dx-menu-item-text {
    color: var(--alfa-text-color-primary-light);
}

    .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text,
    .dx-menu-base .dx-menu-item-content .dx-menu-item-text {
        padding: 0 8px 0 10px;
        color: var(--alfa-text-color-primary, #292F36);
        font-weight: 600;
    }

        .dx-menu-item.dx-menu-item-has-text .dx-icon {
            margin-inline-end: unset;
        }

#LeftNavMenuDiv .dx-menu .dx-menu-horizontal .dx-menu-item-popout::before {
    content: "";
}

.dx-menu .dx-menu-horizontal .dx-menu-item-popout::before {
    margin-left: 0;
}

html[dir="rtl"] .dx-menu .dx-menu-horizontal .dx-menu-item-popout::before {
    margin-right: 0;
}

.dx-menu .dx-menu-horizontal .dx-item-content i + .dx-menu-item-popout-container > .dx-menu-item-popout::before {
    margin-left: 8px;
}

html[dir="rtl"] .dx-menu .dx-menu-horizontal .dx-item-content i + .dx-menu-item-popout-container > .dx-menu-item-popout::before {
    margin-right: 8px;
}

.dx-editor-outlined.dx-texteditor-with-floating-label, .dx-editor-outlined.dx-texteditor-with-label {
    margin-block-start: 0;
}

.subtle-text {
    font-size: var(--dlt-font-size-xxs,0.75rem);
    color: var(--dlt-color-text-static-subtle);
}

.dx-button-mode-contained .dx-icon {
    color: var(--alfa-text-color-primary);
}

.alfa-icon-stars-chatbot:before {
    color: var(--alfa-masthead-new-button-background-color);
}

/* Dialog */
/* Subview - Filters*/


.dx-toolbar-label {
    /* max-width: none !important;*/
    font-size: 20px;
    font-weight: var(--dlt-font-weight-medium,500);
}

/*------------ presentation caption 51776 -----*/
.po_caption {
    font-weight: 500;
    display: none;
}

.editor-view .po_caption {
    display: block;
}
/*52056*/
.editor-view .stack-layout .presentation-control-parent {
    position: relative !important;
    inset-inline-start: unset !important;
    inset-block-start: unset !important;
}

/*AUAT-150*/
/*.dx-popup-content .dx-scrollable-content, 
.dx-scrollview-content {
    height: 100%;
}*/


/* For Left Nav and Explorer scroll bars */
/* PLAN-32723 - For property grid display*/
.dx-treeview .dx-scrollable-content,
.dx-treelist .dx-scrollable-content,
.dx-datagrid-rowsview .dx-scrollable-content {
    height: unset;
}

.dx-overlay-wrapper {
    color: var(--alfa-text-color-primary);
}

/*PLAN-33152 - left navigation search box*/
#LeftNavMenuDiv .dx-searchbox {
    height: 36px;
    margin-inline: 1rem;
    margin-block: 1rem 1.5rem;
}

#LeftNavMenuDiv .dx-texteditor.dx-editor-outlined.dx-searchbox {
    border: 1px solid var(--alfa-border-color-primary);
    background: var(--alfa-masthead-background);
}

    /* All searchbox icons */
    .dx-searchbox .dx-button-has-icon .dx-icon {
        font-size: 12px;
        font-weight: 600;
    }

    .dx-searchbox .dx-icon-search {
        display: none;
    }

/* All searchbox icons */
.dx-searchbox .dx-texteditor-buttons-container {
   margin-inline-start: 8px;
}

/* Tabs */
.dx-tabs-wrapper {
    width: auto;
}

    .dx-tabs-wrapper::after,
    .dx-tab.dx-tab-selected::after,
    .dx-tabs.dx-state-focused .dx-tab.dx-state-focused::after,
    .dx-tab.dx-state-active::after,
    .dx-tab.dx-tab-selected::after {
        border-inline-start: 0;
        border-inline-end: 0;
        border-block-start: 0;
        border-block-end: 0;
        -webkit-border-start: 0;
        -webkit-border-end: 0;
        -webkit-border-before: 0;
        -webkit-border-after: 0;
    }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    background-color: var(--alfa-forms-color-background-input-default);
    box-shadow: none;
    -webkit-box-shadow: none;
}

#ContentDiv .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs,
#ContentDiv .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tab {
    background-color: var(--alfa-main-content-background-color);
}

    .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
    .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
    .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-rtl .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-rtl.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-nav-button-left,
    .dx-rtl .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
    .dx-rtl.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
    .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-rtl .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
    .dx-rtl.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
    .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-rtl .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-rtl.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type,
    .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-left,
    .dx-tabpanel > .dx-tabpanel-tabs .dx-tab, .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type, .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):only-child,
    .dx-rtl .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type, .dx-rtl.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type, .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
    .dx-rtl .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type, .dx-rtl.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
    .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-stretched.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.dx-tabpanel-tabs-position-top .dx-tabs-wrapper {
    border-block-start: 0;
    border-block-end: 0;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tab {
    color: unset;
    width: unset;
    background-color: var(--alfa-forms-color-background-input-default);
    margin: 0;
    border-bottom: 2px solid var(--alfa-border-color-primary);
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 10px 8px 10px;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
    color: var(--alfa-text-color-primary);
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-state-hover {
    outline: 0;
/*    border-bottom: 2px solid;*/
}

.dx-tab.dx-state-hover::after {
    border-block-start: 0;
    border-block-end: 0;
    -webkit-border-before: 0;
    -webkit-border-after: 0;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    border-bottom: 2px solid var(--alfa-control-border-color-primary-contrast);
    font-weight: 500;
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-nav-button-left,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-nav-button-right,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-left,
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-nav-button-right {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.dx-tabpanel > .dx-tabpanel-container > .dx-multiview-wrapper {
    border: 0;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tabs-nav-button {
    color: var(--dlt-color-text-static-inverse);
    padding-block-end: 0.5rem;
    border-bottom: 2px solid var(--alfa-border-color-primary);
}

.dx-tab .dx-tab-text,
.dx-tab.dx-tab-selected .dx-icon, .dx-tab.dx-tab-selected .dx-tab-text {
    font-size: var(--dlt-font-size-sm);
    color: var(--alfa-text-color-primary);
}

/*.tab_content {
    top: 40px !important;
}*/

.dx-badge {
    border-radius: 0;
    margin-inline-start: 5px;
    padding: 0 3px 0;
}

.dx-tab:not(.dx-tab-selected) .dx-badge {
    background-color: var(--dlt-color-palette-gray-600,#7E96AE);
}

.dx-tab.dx-tab-selected .dx-badge {
    background-color: var(--dlt-color-background-interactive-primary-default,#058192);
}

/* End Tabs */

/* End Dialog */

/* Login */

.login-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
}

.login-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 455px;
}

.content-container .dx-textbox,
.content-container .dx-button {
    width: 100%;
    height: 32px;
}

.product-logo-container {
    margin-block-end: 1.5rem;
}

.product-logo {
    height: 48px;
}

.login-message {
    font-size: 20px;
    font-weight: var(--dlt-font-weight-medium,500);
    letter-spacing: 0;
    text-align: start;
    line-height: 20px;
    margin-block-end: 1.5rem;
}

.login-username-container {
    margin-block-end: 1rem;
}

.login-password-container {
    margin-block-end: 1rem;
}

.login-passwordlinks-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 1.5rem;
}

.login-rememberme-checkbox {
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    padding: 0px;
}

.login-forgotpassword-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-block-start: 0.5rem;
}

    .login-forgotpassword-link a {
        color: var(--alfa-text-color-primary-contrast);
    }

.login-forgotpassword-link a:visited {
    color: var(--dlt-color-background-interactive-primary-default);
}

.copyright {
    text-align: center;
    font-size: var(--dlt-font-size-xxs,.875rem);
    margin: 10px 40px;
}

.login-container .dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
    padding: 0;
}

.login-container .dx-texteditor-buttons-container {
    padding-inline-end: 3px;
}

/* Hide the Microsoft Edge Reveal Password icon */
input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.phases-wrapper > * {
    min-width: 5px;
}

.dx-gantt .dx-gantt-si {
    overflow: hidden;
}

.phases-wrapper >*:first-child .dx-resizable-handle-left {
    width: 10px;
}

.phases-wrapper .dx-resizable-handle-left {
    z-index: 51;
}


/*.dlt-inline {
    position: absolute;
    width: 455px;
    inset-block-start: 2rem;
}

html[dir="rtl"] .dlt-form-group .dlt-text-input[type="text"] {
    padding-left: 1.8rem;
    padding-inline-end: 1.8rem;
}

html[dir="rtl"] .dlt-form-group .dlt-text-input {
    padding-block: 0;
    padding-inline: 0.5rem;
}

.dlt-form-group .clear-icon {
    inset-inline: auto .25rem;
}

.dlt-form-group .clear-icon-more-padding {
    inset-inline: auto 1.75rem;
}

.dlt-form-group .password-show-icon {
    inset-inline: auto .25rem;
}*/

/* Tree View Common Start */
/*Feature Debt 52620: Dropdown search fields in Workbench and Content area do not follow the UI styles*/
.dx-texteditor.dx-editor-outlined.dx-searchbox {
    border: 1px solid var(--alfa-forms-color-border-input-default);
    height: 35px;
}

.ds-cell-tagBox .dx-searchbox .dx-icon-search, .dx-searchbox .dx-icon-search::before {
    display: inline;
    opacity: 1;
    color: var(--alfa-text-color-primary);
    font: 13px/13px alfa-icons;
    height: 18px;
    padding-inline-start: 5px;
    font-weight: 600;
}

    .ds-cell-tagBox .dx-searchbox .dx-icon-search::before {
        content: "\e969";
    }

.ds-cell-tagBox .dx-searchbox .dx-placeholder::before,
.ds-cell-tagBox .dx-searchbox .dx-texteditor-input {
    margin-inline-start: 25px;
}

.no-data-msg-container {
    padding: var(--Spacing-spacing-l, 24px) 16px;
    box-sizing: border-box;
}

.no-data-message {
    color: var(--Colors-Text-Primary-color-text-primary-default, #292F36);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ds-cell-tagBox .dx-popup-content {
    height: 274px !important;
}
.dx-treeview-item-content {
    border-radius: var(--alfa-control-border-radius, 4px);
}

.dx-treeview-item-content > i.dlt-icon-chevron-down {
    font-size: var(--dlt-font-size-xxl,1.5rem);
    margin: 0;
}

.dx-treeview-item-content > span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    /*margin-inline-start: 2px;*/
}

.dx-treeview-item .dx-treeview-item-content > .dx-icon {
    width: var(--alfa-icon-width);
    height: var(--alfa-icon-height);
    font-size: var(--dlt-font-size-lg,1.25rem);
    margin-inline-end: var(--dlt-spacing-1-x, .5rem);
    object-fit: scale-down;
}

.dx-treeview-item .dx-menu-base .dx-menu-item.dx-state-active .dx-menu-item-content {
    color: var(--alfa-text-color-primary);
}

.dx-treeview-toggle-item-visibility::before {
    content: "";
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
    content: "";
}

.dx-menu-horizontal .dx-menu-item.dx-state-hover {
    background-color: unset;
}

.dx-menu-item.dx-state-hover {
    background-color: var(--alfa-background-primary-hover, #EDF5FB);
    border: 0;
}

.dx-menu-base .dx-menu-item.dx-state-hover > .dx-menu-item-content {
    color: var(--alfa-text-color-primary-light);
}

.dx-toolbar .dx-menu-base .dx-menu-item.dx-state-hover .dx-menu-item-content .dx-menu-item-text {
    color: var(--alfa-text-color-primary-selected);
}

/* Tree View Common End */

/* Tree List Common */

.dx-treelist-container {
    color: var(--alfa-text-color-primary,#292F36);
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) {
    background: none;
    color: var(--alfa-text-color-primary-selected);
    border: 0;
}

.dx-treelist-rowsview .dx-selection.dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-removed) > td {
    background-color: #DBF0FF;
}

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

/* Tree List Common End */

/* Common across controls for setting hover backgroud as none */
.dx-button-mode-text.dx-state-hover.sys_logo,
.dx-treeview-item.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover,
.dx-dropdownbutton.dx-state-hover {
     background: none;
}

.dx-rtl .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content {
    padding-left: 10px;
}

/* End Nav */

.dx-gridbase-container {
    height: auto;
    max-height: 100%;
}

/*#ContentDiv > .viewpanel > .vpcont > .presentation-control-container .dx-treelist > .dx-gridbase-container,
.explorer-content > .viewpanel > .vpcont > .presentation-control-container .dx-treelist > .dx-gridbase-container {
   min-height: 550px;
}*/

.dx-multiview-wrapper,
.dx-multiview-item {
    overflow: visible;
}

/*#Start - Text Box*/
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label {
    border-block-start: var(--dlt-border-width-default,1px) var(--dlt-border-style-default,solid) var(--dlt-forms-color-border-input-default,var(--dlt-component-color-border-input-default,var(--dlt-color-border-interactive-secondary,#36597d)));
    border-block-end: var(--dlt-border-width-default,1px) var(--dlt-border-style-default,solid) var(--dlt-forms-color-border-input-default,var(--dlt-component-color-border-input-default,var(--dlt-color-border-interactive-secondary,#36597d)));
}

    .dx-texteditor-label .dx-label span,
    .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label span,
    .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label span {
        -webkit-transform: translate(0,-7.5px);
        transform: translate(0,-7.5px);
        line-height: 1.35715;
        inset-block-start: -14px;
        inset-inline-start: -7px;
    }


.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-before {
    border-color: var(--dlt-color-border-interactive-secondary);
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label span {
    -webkit-transform: translate(0,-7.5px);
    transform: translate(0,-7.5px);
    line-height: 1.35715;
    inset-block-start: -14px;
    inset-inline-start: -7px;
}

.dx-texteditor-label,
.dx-texteditor.dx-state-focused .dx-texteditor-label,
.dx-texteditor.dx-state-focused.dx-state-hover .dx-texteditor-label,
.dx-texteditor.dx-state-focused .dx-texteditor-label,
.dx-texteditor.dx-state-focused.dx-state-hover .dx-texteditor-label {
    color: var(--alfa-text-color-primary);
}


.dx-texteditor-input {
    /*background-color: var(--dlt-forms-color-background-input-default,var(--dlt-component-color-background-input-default,var(--dlt-color-background-interactive-secondary-default,#fff)));*/
    color: var(--alfa-text-color-primary);
    display: block;
    font-size: var(--dlt-font-size-xxs,.75rem);
    font-weight: var(--dlt-font-weight-regular,400);
    min-height: auto;
    position: relative;
    width: 100%;
}
/*TODO for 51409: secondary color for native texts when no translated value is available*/
/*51409 - input editors and text areas in editors - text color*/
/*.alfa-control-native-value-color-textinput .dx-texteditor-input {
    color: var(--alfa-text-color-secondary);
}
*/
/*51409 - html text areas in editors - text color*/
/*.alfa-control-native-value-color-htmlinput .dx-htmleditor-content > p {
    color: var(--alfa-text-color-secondary);
} */

.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-input-container .dx-texteditor-input {
    opacity: var(--dlt-opacity-disabled);
}

.dx-editor-outlined .dx-texteditor-label .dx-label-after,
.dx-editor-outlined .dx-texteditor-label .dx-label-before {
    border-radius: 0 var(--dlt-border-radii-default,0) var(--dlt-border-radii-default,0) 0;
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused,
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label span,
.dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label span {
    font-size: var(--dlt-font-size-xs,.875rem);
    font-weight: var(--dlt-font-weight-medium,500);
    height: auto;
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before {
    border-style: var(--dlt-border-style-default);
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before {
    border-block-start: var(--dlt-border-width-default,1px) var(--dlt-border-style-default,solid) var(--dlt-color-palette-gray-850);
    border-block-end: var(--dlt-border-width-default,1px) var(--dlt-border-style-default,solid) var(--dlt-color-palette-gray-850);
}

.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-after {
    border-color: var(--dlt-color-palette-gray-850);
}

/*#validation*/
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label {
    border-bottom: 1px solid var(--alfa-palette-red-120,#d9534f);
    border-top: 1px solid var(--alfa-palette-red-120,#d9534f);
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label {
    border-bottom: 1px solid rgba(217,83,79,.4);
    border-top: 1px solid rgba(217,83,79,.4);
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label {
    border-bottom: 1px solid var(--alfa-palette-red-120,#d9534f);
    border-top: 1px solid var(--alfa-palette-red-120,#d9534f);
}

.dx-textbox .dlt-icon-close::before,
.dx-textbox .dlt-icon-password-show::before {
    color: var(--alfa-text-color-primary-contrast, #1D5077);
}

.dx-textbox .dlt-icon-close {
    visibility: hidden;
}

.dx-textbox.dx-state-hover .dlt-icon-close,
.dx-textbox.dx-state-focused .dlt-icon-close {
    visibility: visible;
}

/*#validation*/
/*#End - Text Box*/


/*Search icon*/

.search-icon {
    padding-inline-end: 5px;
    font-size: var(--dlt-font-size-md,1.125rem);
}

.dx-texteditor-buttons-container > .dx-button {
    margin: unset;
}

.dx-button-mode-contained {
    background-color: var(--alfa-background-color-primary);
}

.dx-button-mode-contained.dx-state-hover {
    border-color: var(--dlt-border-width-default,1px) var(--dlt-border-style-default,solid) var(--dlt-forms-color-border-input-default,var(--dlt-component-color-border-input-default,var(--dlt-color-border-interactive-secondary,#36597d)));
}

#main_toolbar_div .dx-button-mode-contained.dx-state-hover {
    border-color: var(--alfa-masthead-background);
}

.dx-button-mode-contained.dx-button-default.dx-state-hover,
.dx-button-mode-contained.dx-button-default.dx-state-focused {
    border-color: var(--alfa-primary-color);
    background: none;
    color: var(--alfa-primary-color);
}

.dx-button-mode-contained.dx-button-default.dx-state-active {
    background-color: var(--dlt-buttons-color-interactive-primary-active,var(--dlt-component-color-interactive-primary-active,var(--dlt-color-background-interactive-primary-active,#0f4c7b)));
    border-color: var(--dlt-buttons-color-interactive-primary-active,var(--dlt-component-color-interactive-primary-active,var(--dlt-color-background-interactive-primary-active,#0f4c7b)));
    color: var(--dlt-buttons-color-text-inverse,var(--dlt-component-color-text-inverse,var(--dlt-color-text-interactive-inverse,#fff)));
    outline: none;
}

.dx-texteditor.dx-editor-outlined {
    background: var(--alfa-forms-color-background-input-default, #fff);
    border: 1px solid var(--alfa-forms-color-border-input-default);
    border-radius: var(--alfa-control-border-radius, 4px);
}

.dx-texteditor-container {
    border-radius: var(--alfa-control-border-radius, 4px);
}

.dx-editor-outlined.dx-texteditor-with-floating-label,
.dx-editor-outlined.dx-texteditor-with-label {
    border: 0;
    outline: 0;
    position: relative;
}


    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused,
    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused,
    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover,
    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused,
    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover,
    .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused,
    .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
    .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused,
    .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover,
    .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused,
    .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover {
        border: 0;
        outline: 0;
    }

/*#end-search textbox*/

/* controls */
#dropzone-external {
    background-color: rgba(183, 183, 183, 0.1);
    border-width: 2px;
    padding: 2px;
}

    #dropzone-external > * {
        pointer-events: none;
    }

    #dropzone-external.dropzone-active {
        border-style: solid;
    }

#dropzone-image {
    max-width: 100%;
    max-height: 100%;
}

#dropzone-text > span {
    font-weight: 100;
    opacity: 0.5;
}

#upload-progress {
    display: flex;
    margin-block-start: 10px;
}

/*#start dropdown*/

/* 
 .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected,
.ds-cell-edit-list.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover {
    background-color: unset;
    color: unset;
    outline: var(--dlt-border-width-hover,2px) var(--dlt-border-style-hover,solid) var(--dlt-color-background-static-contrast,--dlt-color-palette-teal-300);
    outline-offset: -2px;
}

.ds-cell-edit-list.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: unset;
    color: unset;
    outline: 0;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item.dx-list-item-selected {
    background-color: unset;
    color: unset;
}*/


/*#end dropdown*/

[role="listbox"] .dx-item-content,
[role="radiogroup"] .dx-item-content {
    font-size: var(--dlt-font-size-xxs,.75rem);
    color: var(--alfa-text-color-primary);
}

[role="listbox"] .dx-item.dx-state-hover .dx-item-content,
[role="listbox"] .dx-item.dx-list-item-selected .dx-item-content .profile-switcher-item {
    color: var(--alfa-text-color-primary-light);
}

    [role="listbox"] .dx-item.dx-state-hover .dx-item-content i.svg-icon {
        background-color: var(--alfa-text-color-primary-light) !important;
    }

    [role="listbox"] .dx-item.dx-state-focused.dx-list-item-selected.dx-state-hover .dx-item-content {
        color: var(--alfa-text-color-primary);
    }

    .dlt-label {
        font-size: var(--dlt-font-size-xxs,.75rem);
    }

/*#main_toolbar_div .dx-toolbar-center .dx-dropdownbox {
    height: 30px;
}*/

[data-sid~="SearchBox"] .dx-button:hover,
[data-sid~="SearchBox"] .dx-button,
[data-sid~="SearchBox"] .dx-button .dx-state-hover,
[data-sid~="SearchBox"] .dx-button.dx-state-focused {
    outline: none;
    background-color: transparent;
}

[data-sid~="SearchBox"] .dx-empty-message {
    min-height: unset;
}


[data-sid~="SearchBox"] .dx-popup-bottom.dx-toolbar {
    padding-right: 6px;
    padding-bottom: 6px;
    padding-top: 0;
}

/* Gantt Theme support */
.dx-gantt .dx-toolbar,
.dx-gantt-toolbar-wrapper {
    background-color: var(--alfa-background-color-primary);
}

.dx-gantt .dx-gantt-view {
    background-color: var(--alfa-background-color-secondary);
}

.dx-gantt .dx-gantt-header {
    color: var(--alfa-text-color-primary);
}

.dx-splitter-bar.dx-splitter-inactive {
    background-color: var(--alfa-control-border-color-primary-default);
}

    .dx-gantt .dx-gantt-header .dx-gantt-hb,
    .dx-gantt .dx-gantt-header .dx-gantt-tsa,
    .dx-gantt .dx-gantt-header .dx-gantt-tsac,
    .dx-gantt .dx-gantt-header .dx-gantt-vb {
        border-color: var(--alfa-control-border-color-primary-default);
        background-color: var(--alfa-background-color-secondary);
    }
/* TASK-51331*/
.dx-gantt .dx-gantt-view .dx-gantt-hb {
    border-color: var(--alfa-control-border-color-primary-default);
    background-color: var(--alfa-background-color-secondary);
}
.dx-gantt .dx-gantt-view .dx-gantt-vb {
    border-color: var(--alfa-control-border-color-primary-default);
    background-color: var(--alfa-background-color-secondary);
}
.dx-gantt .dx-gantt-sel,
.dx-row .dx-data-row .dx-row-lines .dx-column-lines .dx-selection,
.dx-row .dx-data-row .dx-row-lines .dx-column-lines .dx-gantt-collapsable-row .dx-selection,
.dx-gantt-task .dx-gantt-selected-task,
.dx-treelist-rowsview .dx-row.dx-selection {
    background-color: var(--alfa-dataset-selected-row-bg-color);
    /*border: 1px solid #4D4D4D;*/
}

.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-removed) > td {
    background-color: var(--alfa-dataset-selected-row-bg-color);
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > td {
    color: var(--alfa-text-color-primary);
}

.dx-gantt .dx-treelist-content .dx-treelist-table .dx-row > td {
    border-bottom: var(--alfa-dataset-border-bottom);
}

.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td,
.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td {
    border-right-color: var(--alfa-border-color-primary);
}

.dx-gantt,
.dx-gantt .dx-gantt-toolbar-wrapper {
    border: 1px solid var(--alfa-control-border-color-primary-default);
}

/*gantt current time display*/
.dx-gantt .dx-gantt-tm {
    border-inline-start: 2px solid var(--alfa-palette-blue-130);
}

.dx-gantt .enterpriseicon {
    border-inline-start: 3px solid #F5FCCA;
}

.dx-gantt {
    direction: ltr;
}

    .dx-gantt.is-readonly-dependency .dependency-creator {
        pointer-events: none;
        display: none;
    }

    .dx-gantt.is-readonly-dependency .dependency-creator-trigger {
        cursor: default;
        height: 0;
    }

.dx-gantt-taskWrapper:has(.single-row) {
    transform: translateY(5px);
}

.dx-gantt-taskWrapper:has(.single-row) .startEndContainerRect {
    margin-top: 0!important;
}

.dx-rtl .dx-gantt .dx-treelist-content .dx-treelist-table {
    direction: ltr;
}

.dx-rtl .dx-gantt .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    float: left;
}

.dark .dx-gantt-i.dx-gantt-i-zoom-in {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0D%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M9%2C11H7V9H5V7h2V5h2v2h2v2H9V11z%22%20fill%3D%22%23ababab%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}

.dark .dx-gantt-i.dx-gantt-i-zoom-out {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0D%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M5%2C9V7h6v2H5z%22%20fill%3D%22%23ababab%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}

.dark .is-image-black-and-white {
    filter: invert(1) brightness(0.8);
}

.dark .legend-popup .alfa-generic-list-item-text-items-container {
    background-color: transparent!important;
}

.dark .legend-popup .dx-item.dx-list-item.dx-state-hover {
    background: var(--alfa-dataset-selected-row-bg-color)!important;
}

.dark .legend-popup .dx-item.dx-list-item.dx-state-hover > * {
    color: #fff!important;
}

.dark .legend-popup .dx-list-group-header {
    background-color: transparent!important;
}

.dark .legend-popup .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-group-header.dx-state-hover {
    color: #fff!important;
}

/*gantt splitter*/
.dxgtSPB {
    box-shadow: 0 0 3px 2px #dedede;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1000;
    width: 8px;
    height: 30px;
    border-radius: 4px;
    background-color: var(--dlt-color-background-static-primary,#ffffff);
    cursor: w-resize;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: space-evenly;
}

    .dxgtSPB > div {
        display: block;
        cursor: w-resize;
        background-color: #6495ED;
        border-radius: 2px;
        width: 4px;
        height: 4px;
    }

.img,
.name {
    display: inline-block;
    vertical-align: middle;
}

.img {
    height: 50px;
    width: 50px;
    margin-inline-end: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 25px;
    border: 1px solid lightgray;
    background-color: var(--dlt-color-background-static-primary,#ffffff);
}

.custom-milestone {
    background-color: #001251;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    width: 5px;
}

.custom-task-color {
    background-color: #337ab7;
}

.custom-task {
    max-height: 20px;
    height: 20px;
    display: block;
    overflow: hidden;
}

.custom-task-wrapper {
    color: var(--dlt-color-text-static-inverse,#ffffff);
}

    .custom-task-wrapper > * {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.custom-task-title {
    font-weight: 600;
    font-size: var(--alfa-font-size-xs-1);
}

.custom-task-row {
    font-size: var(--alfa-font-size-xxs-1);
}

.dx-gantt .dx-treelist .dx-row>td {
    padding-top: 0;
    padding-bottom: 0;
}

.dx-gantt .dx-row {
    height: 34px;
}

.actual-task {
    height: 100%;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    background-color: #92c3f2;
    opacity: 0.5;
    border-radius: 3px;
}

.svg-icon {
    width: var(--alfa-icon-width);
    height: var(--alfa-icon-height);
    margin-inline-end: var(--dlt-spacing-1-x, .5rem);
}

/* Selector overlay item icons */
.dx-selectbox-popup-wrapper .dx-list .dx-list-item img {
    margin-inline-end: 8px;
}

.dx-selectbox-popup-wrapper .dx-list {
    background-color: var(--alfa-background-color-primary);
}

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

/* Navigate icon */

.navigate-icon {
    width: 18px;
    cursor: pointer;
}

.app-link {
    color: #2599e6;
    cursor: pointer;
}

    .app-link:hover {
        text-decoration: underline;
    }

/*Selector control*/
.selector_class {
    padding-block-end: 20px;
}

    .selector_class .dx-button-has-text .dx-button-content {
        padding: 4px 10px;
    }

    .selector_class.dx-toolbar {
        background-color: var(--alfa-background-color-primary);
    }

/* 3-dot context menu */
.dx-menu-horizontal {
    margin: -5px;
}

/* Left nav context menu */

#LeftNavMenuDiv .dx-treeview-node .context-menu {
    margin-inline: 0 6px;
}

    #LeftNavMenuDiv .dx-treeview-node .context-menu.dx-menu-base .dx-menu-item-content {
        padding: 0;
    }

    #LeftNavMenuDiv .dx-treeview-node .context-menu .dx-menu-horizontal .dx-menu-item {
        padding-block: 0;
        padding-inline: 3px;
    }

    #LeftNavMenuDiv .dx-treeview-node .context-menu .dx-menu-item.dx-state-hover,
    #LeftNavMenuDiv .dx-treeview-node .context-menu .dx-menu-item.dx-state-active {
        background-color: unset;
    }

    #LeftNavMenuDiv .dx-treeview-item {
        display: block;
    }

/*.context-menu .dx-menu-item.dx-state-hover,*/
.content-area-page-toolbar .dx-menu-item.dx-state-hover,
.content-page-item-menu .dx-menu-item.dx-state-hover,
.content-page-item-menu .dx-menu-item.dx-state-active {
    /*outline: var(--alfa-control-outline);
    outline-offset: -2px;*/
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: unset;
}

.content-page-item-menu .dx-menu-base .dx-menu-item.dx-state-active .dx-menu-item-content {
    color: var(--alfa-text-color-primary);
}

    .content-page-item-menu .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        padding: 2px 0;
    }

.context-menu.dx-menu .dx-menu-item-expanded
.content-area-header .dx-menu .dx-menu-item-expanded,
.content-page-item-menu.dx-menu .dx-menu-item-expanded {
    background-color: unset;
}

.content-area-header .dx-context-menu-container-border,
.content-page-item-menu .dx-context-menu-container-border {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.context-menu .dx-context-menu-container-border {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.context-menu.dx-menu .dx-menu-item-expanded {
    background-color: unset;
}

.content-area-header > div {
    display: flex;
    align-items: center;
}

/*.content-page-item-menu .dx-icon {
    width: 22px;
    height: 22px;
}*/

/* End context menu */


[role="listbox"] .dx-menu-horizontal .dx-item-content {
    font-size: var(--dlt-font-size-xs, 0.875rem);
}

.alfa-file-upload-popup .dx-fileuploader-button {
    margin-block-start: 5px;
}

/*AUAT-71*/
.dxc-series .dxc-markers {
    cursor: pointer;
}

.dx-checkbox-container i {
    /*color: var(--dlt-color-text-interactive-primary);*/
    padding-inline-start: 5px;
}

.dx-texteditor-label .dx-label i {
    position: relative;
    top: 0;
    margin-block-start: 0;
    font-size: var(--dlt-font-size-xs,.875rem);
    font-weight: var(--dlt-font-weight-medium,500);
    height: auto;
    inset-block-start: -18px;
    cursor: pointer;
    pointer-events: auto;
    color: var(--dlt-color-text-interactive-primary);
}

    /*PLAN-32598*/
    /*.dx-treelist-rowsview .dx-treelist-collapsed span::before {
        width: 22px;
    }

.dx-treelist-rowsview .dx-treelist-expanded span::before {
    width: 22px;
}

.dx-treelist-rowsview .dx-treelist-empty-space {
    width: 22px;
}*/

.dx-gantt .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
    color: #168A99;
}
/*removing parent row highlighting in gantt*/
.dx-gantt .dx-gantt-altRow, .dx-gantt .dx-gantt-collapsable-row {
    background-color: transparent;
}

.startEndContainer {
    margin: 5px 0px 5px 0px;
}

.startEndContainerRect {
    border-radius: 5px;
    border-style: solid;
    position: absolute;
    height: 10px;
}

/*Css for gantt milestone Span Text*/
.circlemileStone {
    margin: -3px;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    width: 20px;
    border-radius: 10px;
    height: 20px;
    text-align: center;
}
/*Bug 53246: GraphicView "FTR_FeaturesGantt" is no longer displaying the target date of a feature*/
.trianglemilestone,
.flippedtrianlemilestone {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    cursor: pointer; /* optional */
    pointer-events: auto;
}

.trianglemilestone {
    top: 100%;
}

.flippedtrianlemilestone {
    bottom: 100%;
}
.trianglemilestone::before,
    .flippedtrianlemilestone::before {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: 20px;
        height: 20px;
        background: transparent;
        pointer-events: auto;
    }
.dx-tooltip, .gantt-tooltip {
    z-index: 99999 !important;
    position: fixed !important;
}

.rectmilestone {
    position: absolute;
    overflow: inherit;
    z-index: 52;
    width: 1px;
    height: 20px;
    margin-top: -5px;
}

.rectmilestone.dx-draggable {
    cursor: ew-resize;
}

.mileStoneWrapper {
    position: absolute;
    background: #fff;
    text-align: center;
    /* Bug 49539: Milestones are not showing in a migrated Gantt report
        transform: rotate(45deg) translate(-6px, 6px);*/
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -10px;
}

.mileStoneSpanText {
    /* Bug 49539: Milestones are not showing in a migrated Gantt report
        transform: rotate(-45deg);*/
    font-size: 11px;
    pointer-events: none;
}

.mileStoneSpanText.is-2 {
    font-size: 9px;
}

.mileStoneSpanText.is-3 {
    font-size: 8px;
}

.dxtagbox-toolbox-template {
    color: var(--alfa-text-color-primary-selected,#39A0ED);
    display: flex;
    padding: 0px var(--spacing-3, 16px);
    justify-content: flex-end;
    align-items: flex-start;
}

.dx-context-menu:has(.dx-state-invisible .dx-gantt-i-delete-dependency) {
    display: none;
}

.dependency-tooltip-wrapper > * {
    pointer-events: none;
}

/* adapted for 51721*/
.td-child1 span:nth-of-type(2):not(.alfa-value-empty) {
    font-weight: bold;
}

/* added for 51721*/
.td-child1 .alfa-value-empty {
    color: var(--alfa-text-color-secondary, #82858F);
    font-weight: 400;
    font-style: italic;
}

/* added for 51721*/
.td-child1 .alfa-value-empty > p {
    color: var(--alfa-text-color-secondary, #82858F);
    font-weight: 400;
    font-style: italic;
}

.dx-list-select-all {
    padding-inline-start: 8px;
}

.dx-searchbox .dx-placeholder::before, .dx-searchbox .dx-texteditor-input {
    padding-inline-start: 5px;
}

.dx-filterbuilder-overlay .dx-scrollable-container {
    max-height: 270px;
}

.filter-container {
    padding: 5px;
    margin-block-end: 25px;
}


/* File Uploader button Start*/
/* PLAN-33143 */
.dx-fileuploader-content .dx-button {
    height: 24px;
    width: 110px;
}
/* File Uploader button End*/


.text-bold {
    font-weight: var(--dlt-font-weight-medium,500);    
}

.text-italic {
    font-style: italic;
}

.text-strike-through {
    text-decoration: line-through;
}
/* dxDataGrid */

/*filter setup*/

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell,
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
    max-width: 0;
    padding: 5px;
    vertical-align: middle;
}

.dx-datagrid .dx-header-filter,
.dx-treelist .dx-header-filter {
    display: none !important;
}

.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell:has([data-filter-values]) .dx-texteditor-input-container input,
.dx-treelist .dx-treelist-filter-row .dx-editor-cell:has([data-filter-values]) .dx-texteditor-input-container input {
    visibility: hidden;
}

.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell:has([data-filter-values]) .dx-menu,
.dx-treelist .dx-treelist-filter-row .dx-editor-cell:has([data-filter-values]) .dx-menu {
    display: none;
}

.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-menu-base .dx-menu-items-container,
.dx-treelist .dx-treelist-filter-row .dx-editor-cell .dx-menu-base .dx-menu-items-container {
    padding-top: 6px;
}

.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dxtreelist-datepicker,
.dx-treelist .dx-treelist-filter-row .dx-editor-cell .dxtreelist-datepicker {
    top: 4px;
    right: 0;
}

.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-dropdowneditor-icon::before,
.dx-treelist .dx-treelist-filter-row .dx-editor-cell .dx-dropdowneditor-icon::before {
    margin-left: 0;
}

.dx-datagrid .dx-header-row .dx-datagrid-action:has(.dx-sort.dx-sort-up) .dx-header-filter-indicator,
.dx-treelist .dx-header-row .dx-treelist-action:has(.dx-sort.dx-sort-up) .dx-header-filter-indicator {
    max-width: calc(100% - 13px);
}

.dx-datagrid .dx-header-row .dx-datagrid-action:has(.dx-sort.dx-sort-down) .dx-header-filter-indicator,
.dx-treelist .dx-header-row .dx-treelist-action:has(.dx-sort.dx-sort-down) .dx-header-filter-indicator {
    max-width: calc(100% - 13px);
}

.dx-datagrid .dx-header-row .dx-header-filter-indicator,
.dx-treelist .dx-header-row .dx-header-filter-indicator {
    max-width: 100%;
}

.dx-datagrid .dx-header-row .dx-column-indicators,
.dx-treelist .dx-header-row .dx-column-indicators {
    padding-top: 2px;
}

.dx-datagrid .dx-texteditor-input[data-filter-values],
.dx-treelist .dx-texteditor-input[data-filter-values] {
    background: unset;
    cursor: pointer;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 4px!important;
    position: absolute;
    top: 0px;
}

/* dxDataGrid end */
/* ----- flexible behaviour icon ----------*/
.flex-icon-container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
/* ----- End of flexible behaviour icon ----------*/

/*SVG Related class*/
.svg-icon-primary-text-color {
    background-color: var(--alfa-text-color-primary);
}

.explorer-tree .dx-row.dx-data-row:not(.dx-row-focused) td .dx-treelist-text-content:hover .svg-icon-primary-text-color {
    background-color: var(--alfa-text-color-primary-light);
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .svg-icon-primary-text-color {
    background-color: var(--alfa-text-color-primary-selected);
}


.svg-icon-dwb {
    margin-inline-end: var(--dlt-spacing-half-x, 0.25rem);
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 18px;
    height: 18px;
}
/*Technical Debt 46980: Partner License icon in masthead is barely visible*/
.not-for-resale {
    font-size: var(--dlt-font-size-xs,0.875rem);
}
.partnersLics {
    display: flex;
    align-items: center;
}


#dx-gantt-ta {
    position: relative;
}

.vpcont.is-mounting-tasks .dx-gantt-taskWrapper {
    visibility: hidden;
}

.vpcont.is-dependencies-hidden .dependency-creator-trigger {
    pointer-events: none;
    opacity: 0;
}

.vpcont.is-dependencies-hidden .dependency-line-create {
    pointer-events: none;
    opacity: 0;
}

.dx-gantt-taskWrapper.is-creating-dependency .rectmilestone {
    pointer-events: none!important;
}

.dx-gantt-taskWrapper.is-creating-dependency .dependency-creator {
    opacity: 1;
}

.dx-gantt-taskWrapper.is-start-dependency .dependency-creator {
    opacity: 1;
    background-color: #000;
}

.dx-gantt-taskWrapper.is-end-dependency .dependency-creator {
    background-color: #000;
}

.dx-gantt-taskWrapper.is-highlighted-dependency .dependency-creator {
    opacity: 1;
    background-color: #000;
}

.dx-gantt-taskWrapper.is-start-dependency .dependency-creator-trigger {
    pointer-events: none;
}

.dx-gantt-taskWrapper:has(.is-readonly) .dependency-creator-trigger {
    height: 0;
}

.dx-gantt-taskWrapper:has(.is-readonly) .dependency-edit.dx-draggable {
    cursor: default;
}

.dependency-creator-trigger {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    
    background-color: transparent;
    z-index: 60;
    transition: opacity 0.1s;
}

.dependency-creator-trigger:hover {
    height: 6px;
    z-index: 52;
}

.dependency-line-create {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    pointer-events: none;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.1s;
}

.dependency-line-create path {
    fill: none;
}

.dependency-line-create > path {
    /* stroke: #000; */
    stroke-width: 1;
}

.dependency-line-create > g use:first-child {
    pointer-events: stroke;
    stroke-width: 5;
}

.dependency-line-create > g use:last-child {
   stroke: var(--color, #000);
   stroke-width: var(--stroke, 1);
}

.dependency-line-create marker path {
    fill: var(--color, #000);
}

.dependency-context-menu-color {
    border: 2px solid var(--color)!important;
    border-radius: 100vh;
}

.dependency-context-menu-active .dependency-context-menu-color {
    background-color: var(--color);
}

.dependency-creator {
    position: absolute;
    top: 0px;
    border: 1px solid #000000;
    z-index: 1000;
    width: 8px;
    height: 8px;
    border-radius: 100vh;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s, background-color 0.1s;
    cursor: copy;
}

.dependency-edit.dx-draggable {
    cursor: grabbing;
}

.dependency-edit {
    position: absolute;
}

.dependency-edit span {
    position: absolute;
    top: 50%;
    border: 1px solid var(--color, #000000);
    z-index: 1001;
    width: 8px;
    height: 8px;
    border-radius: 100vh;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
    background-color: var(--color, #000000);
    transition: opacity 0.1s;
}

.gantt-tooltip-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    pointer-events: none;
}

.gantt-tooltip-layer .tooltip {
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.1s, transform 0.1s;
    position: absolute;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    padding: 4px 8px 4px 8px;
    min-width: 70px;
    text-align: center;
}

.gantt-tooltip-layer .tooltip.is-top {
    transform: translate(-13px, calc(-100% - 14px));
}

.gantt-tooltip-layer .tooltip.is-top:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

.gantt-tooltip-layer .tooltip.is-bottom {
    transform: translate(-10px, calc(100% - 10px))
}

.gantt-tooltip-layer .tooltip.is-bottom:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid black;
    left: 5px;
    top: -4px;
    transition: left 0.1s, right 0.1s;
}

.gantt-tooltip-layer .tooltip.is-white {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));
}

.gantt-tooltip-layer .tooltip.is-white:before {
    border-top-color: #fff;
}

.gantt-tooltip-layer .tooltip.is-white.is-bottom:before {
    border-bottom-color: #fff;
}

.gantt-tooltip-layer .tooltip:after {
    content: attr(title);
}

.dx-scrollable.is-both-direction .dx-scrollbar-horizontal {
    display: block!important;
}

.dx-scrollable.is-both-direction .dx-scrollbar-horizontal:hover {
    background-color: rgba(191, 191, 191, .2);
}

.dx-scrollable.is-both-direction:hover .dx-scrollable-scroll-content {
    background-color: rgba(191, 191, 191, .7);
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
    -webkit-transition: background-color .5s linear, -webkit-box-shadow .5s linear;
    transition: box-shadow .5s linear, background-color .5s linear, -webkit-box-shadow .5s linear;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
    -webkit-transition: background-color .5s linear, -webkit-box-shadow .5s linear;
    transition: box-shadow .5s linear, background-color .5s linear, -webkit-box-shadow .5s linear;
}

.inline-url-dropdown-box {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.editor-active-element:has(.inline-url-dropdown-box) {
    position: relative;
}

.url-link-wrapper {
    display: flex;
}

.url-link-wrapper .url-link {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: fit-content;
}

.url-link {
    color: var(--alfa-pres-toolbar-font-color)!important;
}

.editor-active-element:has(.inline-url-dropdown-box) a {
    pointer-events: all;
    position: relative;
    z-index: 10;
}

.editor-active-element:has(.inline-url-dropdown-box) > .td-parent {
    pointer-events: none;
}

.editor-active-element:has(.inline-url-dropdown-box) > .td-parent > .td-child1 {
    pointer-events: none;
}

.dx-editor-cell:has(.url-link-wrapper) {
    position: relative;
}

.dx-editor-cell .url-link-wrapper {
    position: absolute;
    top: 7.5px;
    left: 8px;
    z-index: 1;
}

.dx-editor-cell:has(.url-link-wrapper) .dx-texteditor-input-container input {
    background: transparent;
}

.dx-editor-cell:has(.url-link-wrapper) .dx-dropdownbox {
    background: transparent;
}

.dx-editor-cell:has(.url-link-wrapper) .dx-dropdowneditor-icon {
    visibility: hidden;
}

.dx-datagrid-content .dx-command-expand .dx-datagrid-group-closed {
    margin-top: 10px;
    margin-left: 3px;
    color: var(--alfa-text-color-primary, #292F36);
}

.dx-datagrid-content .dx-command-expand .dx-datagrid-group-closed:before {
    content: "\e961";
    font-family: 'dlt-icons';
    font-size: var(--dlt-font-size-xxl, 1.5rem);
}

.dx-datagrid-content .dx-command-expand .dx-datagrid-group-opened {
    margin-top: 10px;
    margin-left: 3px;
    color: var(--alfa-text-color-primary, #292F36);
    transform: rotate(90deg);
}

.dx-datagrid-content .dx-command-expand .dx-datagrid-group-opened:before {
    content: "\e961";
    font-family: 'dlt-icons';
    font-size: var(--dlt-font-size-xxl, 1.5rem);
}

[data-sid="SearchBox"] .dx-toolbar:has(#SearchMore_0.dx-state-invisible) {
    display: none;
}

.presentation-object {
    background-color: var(--alfa-background-color-primary) !important;
}
/*Task 53834: Adjust the layout of the publication controls in the publication report*/
.dx-checkbox-text {
    color: var(--alfa-primary-color) !important;
}