.taskDetailGrid {
    background-color: transparent !important;
    border: none !important;
}

.dxgvControl {
    background-color: transparent !important;
    border: 1px Solid rgba(0, 0, 0, 0.15) !important;
}

    .dxgvControl td {
        font-size: 12px !important;
        color: #5f5e59;
    }

.dxgvTable {
    background-color: transparent !important;
}

.dxgvDataRow {
    background-color: transparent !important;
    height: 40px !important;
}

.dxgvSelectedRow {
    background-color: var(--theme-color) !important;
    color: White !important;
}

    .dxgvSelectedRow > td {
        color: White !important;
    }


.dxgvHeader {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

    .dxgvHeader, .dxgvHeader table td {
        font-size: 12px !important;
        color: #5f5e59 !important;
        font-weight: 600 !important;
    }
    .dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvAdaptiveDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvAdaptiveDetailRow td.dxgvAIC {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-right: none !important;
    }
    .dxgvHeader a, .dxgvHeader a:link, .dxgvHeader a:visited, .dxgvHeader a:hover, .dxgvHeader a:active {
            color: #5f5e59 !important;
            text-decoration: none !important;
            cursor: default !important;
            pointer-events: none; 
        }

.dxtlNode td.dxtl, .dxtlAltNode td.dxtl, .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, .dxtlEditFormDisplayNode td.dxtl, .dxtlCommandCell {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-right: none !important;
    border-left: none !important;
}

.taskDetailHeader {
    font-size: 16px !important;
    font-weight: 600;
    font-stretch: normal;
    color: #25241f;
}

.dxgvSearchPanel {
    padding: 0px !important;
    border-bottom: none !important;
    margin-right: 5px;
    margin-bottom: 50px;
}

    .dxgvSearchPanel > table {
        float: right;
        margin: 7px 0px 7px 0px !important;
    }

    .dxgvSearchPanel .dxeButtonEdit {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        font: 16px Tahoma, Geneva, sans-serif;
        border-radius: 10px;
    }

        .dxgvSearchPanel .dxeButtonEdit input {
            height: 25px;
            text-indent: 10px;
            border-radius: 10px;
            color: #5f5e59 !important;
        }



.dxgvAdaptiveGroupPanel, .dxgvGroupPanel {
    background-color: transparent !important;
    border-bottom: none !important;
}

.dxgvDataRow td.dxgvIndentCell, .dxgvDetailRow td.dxgvIndentCell, .dxgvAdaptiveDetailRow td.dxgvIndentCell, .dxgvPreviewRow td.dxgvIndentCell, .dxgvGroupRow td.dxgvIndentCell, .dxgvGroupFooter td.dxgvIndentCell {
    background-color: transparent !important;
    border-right: none !important;
}

.dxgvGroupRow, .dxgvBatchEditChangesPreviewGroupRow {
    background-color: transparent !important;
}

    .dxgvGroupRow td.dxgv, .dxgvFocusedGroupRow td.dxgv, .dxgvBatchEditChangesPreviewGroupRow td.dxgv {
        border-top: 1px solid rgba(0, 0, 0, 0.06);
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        font-size: 12px !important;
        color: #5f5e59 !important;
        font-weight: 600 !important;
    }

        .dxgvGroupRow td.dxgv.dxgvPHEC {
            padding-left: 25px;
        }

    .dxgvGroupRow > .dxgv {
        border-bottom-width: 1px !important;
    }

.dxmLite .dxm-main {
    border: none !important;
}

.dxgvControl .dxctToolbar.dxm-main {
    background-color: transparent !important;
}

.dxpLite .dxp-dropDownButton {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.dxpLite .dxp-comboBox {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.dxgvFilterRow .dxeButtonEdit .dxeButton.dxeButtonEditButton {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.dxgvFilterRow .dxeButtonEdit .dxHideContent.dxeButton.dxeButtonEditButton.dxeButtonEditClearButton {
    border: none !important;
}

.dxgvPagerTopPanel, .dxgvPagerBottomPanel {
    background-color: rgba(0, 0, 0, 0.03);
}

.dxgvControl .dxpLite, .dxgvDisabled .dxpLite {
    padding: 0px !important;
}

.dxbButtonSys.dxbTSys {
    border: none;
    background: transparent;
}

.dxtc-content {
    background-color: transparent !important;
}

.dxtlControl {
    background-color: transparent !important;
}

.dxtlIndent, .dxtlIndentWithButton {
    background-color: transparent !important;
}

.dxgvFilterRow {
    background-color: transparent !important;
}

    .dxgvFilterRow .dxeButtonEditSys.dxeButtonEdit {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        font: 16px Tahoma, Geneva, sans-serif;
        border-radius: 10px;
    }
        /*konuşulacak*/
        .dxgvFilterRow .dxeButtonEditSys.dxeButtonEdit input {
            height: 16px;
            text-indent: 10px;
            color: #5f5e59 !important;
        }

    .dxgvFilterRow .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        font: 16px Tahoma, Geneva, sans-serif;
        border-radius: 10px;
    }
        /*konuşulacak*/
        .dxgvFilterRow .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys input {
            height: 16px;
            text-indent: 10px;
            color: #5f5e59 !important;
        }

    .dxgvFilterRow td.dxgv {
        border-bottom: 1px Solid rgba(0, 0, 0, 0.15) !important;
        border-right: 1px Solid rgba(0, 0, 0, 0.15) !important;
    }

.dxtlFilterRow {
    background-color: transparent !important;
}

    .dxtlFilterRow > td {
        border-bottom: 1px Solid rgba(0, 0, 0, 0.15) !important;
        border-right: 1px Solid rgba(0, 0, 0, 0.15) !important;
    }

    .dxtlFilterRow .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        font: 16px Tahoma, Geneva, sans-serif;
        border-radius: 10px;
    }

        .dxtlFilterRow .dxeTextBoxSys.dxeTextBox.dxeTextBoxDefaultWidthSys input {
            height: 16px;
            text-indent: 10px;
            border-radius: 10px;
            color: #5f5e59 !important;
        }


    .dxtlFilterRow .dxeButtonEditSys.dxeButtonEdit {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        font: 16px Tahoma, Geneva, sans-serif;
        border-radius: 10px;
    }

        .dxtlFilterRow .dxeButtonEditSys.dxeButtonEdit input {
            height: 16px;
            text-indent: 10px;
            border-radius: 10px;
            color: #5f5e59 !important;
        }

.dxeButton.dxeButtonEditButton.dxeButtonEditClearButton {
    border: none !important;
}


.backgroundNone {
    background: none !important;
}

.dxeButton.dxeButtonEditButton {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.borderNone.dxeButton.dxeButtonEditButton {
    border: none !important;
}
 
.dxtcLite.dxtc-top > .dxtc-stripContainer {
    padding-top: 0px !important;
    margin-bottom: 5px !important;
}

.maingrid {
    border: none !important;
}

.bbottomtask {
    display: inline-block;
    position: relative;
}

/*    .bbottomtask:after {
        position: absolute;
        content: '';
        border-bottom: 1px Solid rgba(0, 0, 0, 0.07) !important;
        width: 98%;
        transform: translateX(-50%);
        bottom: 0px;
        left: 51%;
    }*/

.bbottomdetail {
    display: inline-block;
    position: relative;
}

    .bbottomdetail:after {
        position: absolute;
        content: '';
        width: 98%;
        transform: translateX(-50%);
        border-bottom: 1px Solid rgba(0, 0, 0, 0.07) !important;
        bottom: 0px;
        left: 50%;
    }

.bright {
    border-right: 1px Solid rgba(0, 0, 0, 0.07) !important;
}

.dxgvPagerTopPanel, .dxgvPagerBottomPanel {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.dxtlPagerBottomPanel {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

    .dxtlPagerBottomPanel .dxpLite {
        padding: 0px !important;
    }


.customprogress {
    position: absolute;
    content: '';
    border-bottom: 1px Solid var(--theme-color);
    transform: translateX(0%);
    bottom: 0px;
    left: 1%;
    max-width: 99%;
}