.dx-popup-title.dx-toolbar {
    border-bottom: 3px solid #E6000E;
    border-radius: 4px 4px 0 0;
    background: #2c2f36;
    background-image: url(/Content/images/workflowBackground.png);
    background-size: 40px;
    font-family: ProximaNovaThin;
    font-size: 26px;
    color: #F9F9F9;
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 0px !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    border: 0px !important;
}

.dx-button-mode-text .dx-icon {
    color: #F9F9F9 !important;
}

.dx-popup-title.dx-toolbar .dx-toolbar-after {
    top: -5px;
}

.dx-popup-content {
    overflow: hidden !important;
    background-color: #F9F9F9;
    padding: 0px !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    background: transparent !important;
}

.dx-popup-bottom.dx-toolbar {
    padding: 4px !important;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    color: #FFF;
    text-align: left;
    /*padding: 5px 0;*/
    font-family: ProximaNovaThin;
    font-size: 26px;
    font-weight: normal;
    background: #2c2f36;
    width: 100%;
    border-bottom: 3px solid #E6000E;
    border-radius: 4px 4px 0 0;
    display: table;
    position: relative;
    background-image: url(/Content/images/workflowBackground.png);
    background-size: 40px;
    line-height: 34px;
}

.dx-popup-bottom {
    background: #F9F9F9 !important;
}

.dx-dialog-message {
    padding: 10px !important;
}

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

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified::after, .dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-datagrid-invalid::after {
    border-color: transparent !important;
}

.dx-accordion-item {
    border: 0 !important;
}

.accordion-item-title {
    background-color: #2c2f36 !important;
    background-image: url(/Content/images/workflowBackground.png) !important;
    background-size: 40px !important;
    color: #F9F9F9;
    font-family: 'ProximaNovaThin';
}

.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
    background-color: #444852 !important;
    background-image: url(/Content/images/workflowBackground.png) !important;
    background-size: 40px !important;
    color: #F9F9F9;
    font-family: 'ProximaNovaThin';
}

.dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title, .dx-accordion-item-opened > .dx-accordion-item-title {
    background-color: #2c2f36 !important;
    background-image: url(/Content/images/workflowBackground.png) !important;
    background-size: 40px !important;
    color: #F9F9F9;
    font-family: 'ProximaNovaThin';
}

.dx-accordion-item-closed.dx-state-hover > .dx-accordion-item-title, .dx-accordion-item-closed > .dx-accordion-item-title {
    background-color: #2c2f36 !important;
    background-image: url(/Content/images/workflowBackground.png) !important;
    background-size: 40px !important;
    color: #F9F9F9;
    font-family: 'ProximaNovaThin';
}

.dx-accordion-item-body {
    border-top: 2px solid #E6000E;
}

.dx-accordion-item-opened .dx-accordion-item-body {
    background-color: #F9F9F9;
}

.dx-accordion-item-title h4 {
    font-size: 16px;
    font-weight: normal;
}


div.dx-accordion {
    border-radius: 4px;
    background-color: transparent !important;
}

.dx-accordion-wrapper {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
}

    .dx-accordion-wrapper .dx-accordion-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .dx-accordion-wrapper .dx-accordion-item:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

#internalWorkflow div.dx-accordion {
    border-radius: 0 !important;
}

#internalWorkflow .dx-accordion-wrapper {
    border-radius: 0 !important;
}

    #internalWorkflow .dx-accordion-wrapper .dx-accordion-item:first-child {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    #internalWorkflow .dx-accordion-wrapper .dx-accordion-item:last-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

.dx-switch {
    height: 26px !important;
}

.dx-switch-container {
    height: 26px !important;
    border-radius: 2px !important;
}

.dx-switch-off, .dx-switch-on {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 24px !important;
}

.dx-switch-handle {
    width: 19px !important;
    height: 22px !important;
}

    .dx-switch-handle::before {
        border-radius: 2px !important;
    }

.dx-switch.dx-state-hover .dx-switch-container {
    background-color: #FFF !important;
}

.dx-switch.dx-state-active .dx-switch-container {
    background-color: #FFF !important;
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection, .dx-pagination .dx-page-sizes .dx-selection, .dx-pagination .dx-pages .dx-selection {
    border-radius: 2px !important;
}

.dx-popup-title .dx-icon {
    color: #FFF !important;
}

.dx-popup-title .dx-button {
    background-color: transparent !important;
    border-color: transparent !important;
}

.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: #DDD !important;
    border-right-color: #DDD !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: 1px solid #DDD !important;
    border-top: 1px solid #DDD !important;
}

.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: #eee !important;
    color: #282828 !important;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #DDD !important;
    border-right-color: #DDD !important;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: 1px solid #DDD !important;
    border-top: 1px solid #DDD !important;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #eee !important;
    color: #282828 !important;
}

.dx-treelist-text-content {
    padding-left: 5px;
}

.dx-overlay-shader {
    background-color: rgb(27 29 31 / 78%) !important;
}

.dx-toast-info {
    background-color: #565966 !important;
}


/*fix for missing dx-loadindicator-content-circle*/
.dx-loadindicator-content .dx-loadindicator-icon {
    top: 15%;
    inset-inline-start: 15%;
    width: 70%;
    height: 70%;
}

.dx-loadindicator-content .dx-loadindicator-segment {
    position: absolute;
    width: 19%;
    height: 30%;
    left: 44.5%;
    top: 37%;
    opacity: 0;
    background: #bd5353;
    border-radius: 10% 10% 50% 50%;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    animation: 1s linear infinite dx-generic-loadindicator-opacity;
}

.dx-loadindicator-content .dx-loadindicator-segment0 {
    transform: rotate(0) translate(0,-142%);
    animation-delay: 0s;
}

.dx-loadindicator-content .dx-loadindicator-segment1 {
    transform: rotate(45deg) translate(0,-142%);
    animation-delay: -875ms;
}

.dx-loadindicator-content .dx-loadindicator-segment2 {
    transform: rotate(90deg) translate(0,-142%);
    animation-delay: -.75s;
}

.dx-loadindicator-content .dx-loadindicator-segment3 {
    transform: rotate(135deg) translate(0,-142%);
    animation-delay: -625ms;
}

.dx-loadindicator-content .dx-loadindicator-segment4 {
    transform: rotate(180deg) translate(0,-142%);
    animation-delay: -.5s;
}

.dx-loadindicator-content .dx-loadindicator-segment5 {
    transform: rotate(225deg) translate(0,-142%);
    animation-delay: -375ms;
}

.dx-loadindicator-content .dx-loadindicator-segment6 {
    transform: rotate(270deg) translate(0,-142%);
    animation-delay: -.25s;
}

.dx-loadindicator-content .dx-loadindicator-segment7 {
    transform: rotate(315deg) translate(0,-142%);
    animation-delay: -125ms;
}

.dx-loadindicator-content .dx-loadindicator-segment10,
.dx-loadindicator-content .dx-loadindicator-segment11,
.dx-loadindicator-content .dx-loadindicator-segment12,
.dx-loadindicator-content .dx-loadindicator-segment13,
.dx-loadindicator-content .dx-loadindicator-segment14,
.dx-loadindicator-content .dx-loadindicator-segment15,
.dx-loadindicator-content .dx-loadindicator-segment8,
.dx-loadindicator-content .dx-loadindicator-segment9 {
    display: none;
}