.dx-viewport {
}

.dx-state-disabled .dx-widget,
.dx-state-disabled.dx-widget {
    opacity: .8 !important;
}

.duru_gridCellPreLine {
    word-break: break-word;
    white-space: pre-line;
}

.opacDisabled {
    opacity: 1 !important;
}

.dx-toast-success {
    background-color: #009688 !important;
}

.dx-toast-warning {
    background-color: #FFA500 !important;
}

.dx-toast-content {
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 10px;
    -ms-box-shadow: lightslategrey 0.2em 0.4em 0.6em;
    -webkit-box-shadow: lightslategrey 0.2em 0.4em 0.6em;
    box-shadow: lightslategrey 0.2em 0.4em 0.6em;
}

.dx-overlay-wrapper.dx-toast-wrapper {
    position: relative !important;
    padding-bottom: 5px;
}

.dx-toast-message {
    white-space: pre-line !important;
    flex-direction: column;
    width: 100%;
}

.dx-progressbar-container.dxToastProgressBar {
    height: 0px;
    border: 0;
    background-color: transparent;
    border-radius: 2px;
}

.dx-progressbar-range.dxToastProgressBarRange {
    background-color: white;
    border-color: white;
}

.dx-progressbar-animating-container.dxToastProgressBarAnimatingContainer {
    height: 2px;
    border: 0;
    background-color: var(--toastBgColor);
    background-size: 90% 5px;
    background-image: -webkit-gradient(linear,right top,left top,color-stop(5%,transparent),color-stop(white),color-stop(95%,transparent));
    background-image: linear-gradient(-90deg,transparent 5%,white,transparent 95%);
    background-repeat: repeat;
}

.dx-popup-title {
    color: #009688;
    -webkit-user-drag: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

/*.dx-popup-wrapper > .dx-overlay-content {*/
/*background: white;*/
/*border-radius: 4px !important;
    -ms-box-shadow: lightslategrey 0.2em 0.4em 0.6em;
    -webkit-box-shadow: lightslategrey 0.2em 0.4em 0.6em;
    box-shadow: lightslategrey 0.2em 0.4em 0.6em;
}*/

.dx-popup-wrapper > .dx-overlay-content {
    box-shadow: rgba(87, 84, 84, 0.8) 1em 1em 0.6em !important;
}

.dx-toast-stack {
    z-index: 29500 !important;
    /*  width: 99%;
    left: 0 !important;*/
    padding-bottom: 5px;
    left: 50% !important;
    transform: translateX(-50%);
}

/*.dx-overlay-wrapper:not(.dx-tooltip-wrapper) {
    height: 1000% !important;
}*/

.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
    white-space: pre-line !important;
    width: max-content !important;
    text-align: left !important;
}

/*.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #009688;
}

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

.dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space {
    border-right-color: #009688;
}*/
/*.dx-datagrid-rowsview .dx-selection.dx-row > td {
    background-color: #009688 !important;
    color: white;
}
*/

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row > tr > td {
    background-color: #009688 !important;
    color: #ffffff !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    background-color: #e6e6e6 !important;
    color: black !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: #009688 !important;
    color: #ffffff;
}*/

.dx-widget {
    font-size: 12px;
}

.dx-list-group-header {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    font-style: italic;
    background-color: beige;
}

.dx-row.dx-data-row.dx-column-lines.dx-state-hover td {
    background-color: #009688 !important;
    background-color: rgba(0, 150, 136, 0.4) !important;
    color: #000000;
}

.dx-tab.dx-tab-selected::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    background-color: #03a9f4;
}

.dx-toolbar .dx-toolbar-items-container {
    /*background: linear-gradient(to top, white, #bdc3c7);*/
}

/*.dx-menu-base .dx-menu-item-content .dx-menu-item-text {
    padding: 5px !important;
}*/

.fontIconMenuItemText {
    padding: 5px !important;
}

/*.dx-list-item {
    border-radius: 5px;
}*/

/*.dx-datagrid {
    background-color: transparent !important;
}*/

/*.dx-texteditor {
    background-color: transparent !important;
}

.dx-texteditor-input {
    background-color: transparent !important;
}*/

.dx-designer .dx-texteditor-input {
    background-color: rgb(245, 245, 245) !important;
}

.dx-checkbox-text {
    /*color: #dedede !important;*/
}

.dx-button-has-text .dx-icon {
    font-size: 18px !important;
}


.dx-toolbar {
    /*background-color: #f5f5f5;
    color: #28484f;*/
}

/*.dx-pivotgrid .dx-bottom-row .dx-area-data-cell .dx-scrollable-content table tr:hover {
    background-color: #009688 !important;
    color: #ffffff !important;
}*/

/*.gridColAnim {
    opacity: 0;
    border-width: 0 !important;*/
/*animation-name: dxGridColAnim;*/
/*animation-duration: 2.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.2s
}*/


.dx-link:focus {
    background-color: inherit !important;
    color: inherit !important;
}

.dx-texteditor.dx-state-readonly {
    background-color: gainsboro !important;
    color: black !important;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 2px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 2px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 5px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-row) {
    padding-bottom: 0px;
}

.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,-10.5px);
    transform: translate(0,-10.5px);
    font-size: 14px;
    /*font-style: italic;*/
}

.dx-texteditor-label {
    font-size: 14px;
}

.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,-10.5px);
    transform: translate(0,-10.5px);
    font-size: 14px;
}

.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 {
    -webkit-transform: translate(0,-10.5px);
    transform: translate(0,-10.5px);
    font-size: 14px;
}

.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 {
    -webkit-transform: translate(0,-10.5px);
    transform: translate(0,-10.5px);
    font-size: 14px;
    color: black;
}

.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 {
    -webkit-transform: translate(0,-10.5px);
    transform: translate(0,-10.5px);
    font-size: 14px;
}

.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 {
    -webkit-transform: translate(0,-10.5px);
    transform: translate(0,-10.5px);
    font-size: 14px;
}

.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 {
    -webkit-transform: translate(0,-10.5px);
    transform: translate(0,-10.5px);
    font-size: 14px;
}

.dx-form-group-with-caption.dx-form-group {
    border: solid 1px gainsboro;
    border-radius: 5px;
    padding-inline: 5px;
    padding-bottom: 5px;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 10px;
}

.dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dx-popup-content {
    padding: 10px;
}

.dx-form-group-caption {
    background: #00B4DB; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #0083B0, #00B4DB); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white !important;
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    margin-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 5px;
}

.dx-field-item-has-group {
    margin-bottom: 5px;
}

/*Grid Column Header Mvc ve Devextreme Başla*/
.gridColumnHeader, .dx-row.dx-column-lines.dx-header-row {
    padding-inline: 5px;
    padding-block: 2px;
    background: #265a87; /* fallback for old browsers */
    /*background: #00B4DB;*/ /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to top, #0083B0, #00B4DB);*/ /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to top, #0083B0, #00B4DB);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white !important;
    /*text-shadow: darkblue 0.1em 0.2em 0.2em;*/
}

.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
    color: white !important;
}

    .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:not(.dx-header-filter-empty):before {
        color: red !important;
    }
/*Grid Header Mvc ve Devextreme Bitti..*/

.gridBorder {
    border: solid 1px gainsboro;
    border-radius: 5px;
    padding: 3px;
}

.duru_CellAlign {
    vertical-align: middle !important;
}

.duru_ColumnHeader {
    vertical-align: middle !important;
    text-align: center !important;
}

.duru_FilterCell {
    background-color: red !important;
    color: white !important;
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
    color: white !important;
    background-color: red;
    border-radius: 5px;
    padding-inline: 5px;
    padding-top: 2px;
}

.dx-context-menu .dx-menu-item .dx-submenu {
    border-radius: 5px;
}

.dx-context-menu .dx-submenu {
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 5px #000000;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.30);
    box-shadow: 0 5px 5px rgb(0 050 / 30%);
}

.dx-context-menu.dx-overlay-content {
    border-radius: 5px;
}

.dx-menu-item-expanded:has(.duru_FilterCell) {
    color: inherit !important;
    background-color: inherit !important;
}

.dx-pager {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #00B4DB; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #0083B0, #00B4DB); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white !important;
    border-radius: 5px;
}

    .dx-pager .dx-pages .dx-info {
        opacity: 1;
        padding-top: 5px;
    }

    .dx-pager .dx-page-sizes .dx-selection,
    .dx-pager .dx-pages .dx-selection {
        background-color: white;
    }


.dx-datagrid-borders > .dx-datagrid-pager {
    margin-top: 3px;
}

.dx-datagrid-group-panel .dx-group-panel-message {
    color: gray;
}

.dx-datagrid .dx-error-row .dx-error-message {
    white-space: pre-line;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed) > td:not(.dx-focused) .dx-link {
    background-color: transparent;
}

.dx-popup-bottom.dx-toolbar {
    padding: 10px;
}

.dx-datagrid-invalid-cell {
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    background-color: #d9534f;
    color: #fff;
    border-radius: 50%;
    float: right;
}

    .dx-datagrid-invalid-cell::after {
        content: "!";
    }

.dx-box-item-content:has(> .flex-end) {
    justify-content: flex-end !important;
}

.dx-box-item-content:has(> .flex-center) {
    align-items: center !important;
}

.dx-field-item-content.dx-field-item-content-location-right:has(> .dx-state-disabled) {
    color: lightslategray !important;
    background-color: gainsboro !important;
    border-radius: 4px;
}

.dx-state-disabled.dx-checkbox .dx-checkbox-icon {
    opacity: 1;
}

.dx-item-content .dx-box-item-content:has(.dx-field-button-item .dx-button) {
    justify-content: flex-end !important;
}

.dx-tabs-item-badge.dx-badge {
    margin-left: 5px;
}

.dx-tabpanel > .dx-tabpanel-container > .dx-multiview-wrapper {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:first-of-type {
    border-top-left-radius: 5px;
}


/*
.dx-tabs-wrapper {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between;
    flex-direction: row;
}

span.dx-tab-text {
    white-space: pre-line;
}*/


.radioGroupCenter.dx-radiogroup-horizontal .dx-collection {
    justify-content: center;
}

.dx-popup-bottom .dx-button {
    min-width: 35px;
}

.dx-menu-base .dx-menu-item-content {
    padding: 3px 5px 3px;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    font-size: 13px;
    display: inline-block;
    overflow: hidden;
    white-space: pre-line;
    font-weight: normal !important;
    font-style: italic;
    filter: drop-shadow(2px 4px 6px black);
    letter-spacing: .3px;
}

.dx-drawer-content {
    overflow-y: auto;
}

.popCommonBottom .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    width: 100%;
}

.popCommonContent {
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

    .popCommonContent .dx-invalid-message.dx-overlay {
        position: fixed !important;
        z-index: 1500;
    }

#popDosyaIslemBitirContent {
    overflow-y: hidden;
}

.dx-button-mode-text.dx-state-hover {
    background-color: #e6e6e6;
}

.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: #009688;
    color: white;
}

.dx-placeholder {
    font-style: italic;
}

.dx-tab .dx-icon {
    color: dimgray;
}

.dx-tab .dx-tab-text {
    color: dimgray;
}

.dx-tab .dx-icon.fontIcon {
    font-size: 20px;
}

.dx-tab.dx-tab-selected .dx-icon {
    color: #0083B0
}

.dx-tab.dx-tab-selected .dx-tab-text {
    color: #0083B0
}


.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
    background-color: #5c95c5;
}

.dx-gantt .dx-gantt-sel {
    background-color: #5c95c5;
    border-top: 1px solid #5c95c5;
    border-bottom: 1px solid #5c95c5;
}