[data-mode=dark] .digitbox {
    background-color: #343434;
}



[data-mode=dark]  .dx-datagrid {
    color: #fff;
}


[data-mode=dark] .dx-datagrid-summary-item.dx-datagrid-text-content {
    color: white;
}


[data-mode=dark] .dx-datebox-date .dx-dropdowneditor-icon{
    color: #dedede;
}

[data-mode=dark]  .dx-datagrid-table {
    background-color: #4d4d4d; 
    color: #fff;
}
/* [data-mode=dark] .dx-datagrid>.dx-datagrid-headers {
    background-color: #2a2a2a;
} */

[data-mode=dark]  .dx-datagrid .dx-row-alt > td {
    background-color: #343434;
}

[data-mode=dark]  .dx-datagrid .dx-row {
    /* background-color: #2a2a2a; */
    background-color: #2a2a2a;
}
[data-mode=dark] .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background-color: #343331;
    color: #fff;
}

[data-mode=dark] .dx-editor-cell .dx-dropdowneditor {
    background-color: #343434;
    color: #fff;
}

[data-mode=dark] .dx-calendar {
    background-color: #343434;
}
[data-mode=dark] .dx-calendar-navigator .dx-button {
    color: white;
}
[data-mode=dark] .dx-calendar-navigator .dx-button .dx-icon{
    color: white;
}


[data-mode=dark] .dx-datagrid .dx-column-lines>td {
    border-left: 1px solid #4d4d4d;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(77, 77, 77);
    border-right: 1px solid #4d4d4d;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(77, 77, 77);
}

[data-mode=dark].dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers+.dx-datagrid-rowsview, .dx-datagrid-rowsview.dx-datagrid-after-headers {
    border-top: 1px solid #4d4d4d;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(77, 77, 77);
}
[data-mode=dark].dx-datagrid-rowsview .dx-row {
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
}


[dark-mode=dark] .dx-datagrid > .dx-datagrid-headers{
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
}


[data-mode=dark] .dx-datagrid-borders > .dx-datagrid-rowsview{
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    
}

[data-mode=dark] .dx-datagrid-borders > .dx-datagrid-headers{
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    
}

[data-mode=dark] .dx-datagrid-rowsview{
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;  
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
}

[data-mode=dark] .dx-datagrid-borders .dx-datagrid-rowsview, [data-mode=dark].dx-datagrid-headers , [data-mode=dark].dx-datagrid-rowsview
{
    
    border-top: 1px solid #4d4d4d;
}
[data-mode=dark] .dx-texteditor-input {
    background: #4d4d4d;
    color: #fff;
}
[data-mode=dark] *, ::before, ::after {
    border-color: #4d4d4d;
}

[data-mode=dark] .dx-texteditor.dx-editor-outlined {
    border-color: #4d4d4d;
    background: #4d4d4d;
}
[data-mode=dark] .dx-button-mode-contained {
    border-color: #4d4d4d;
    color: #fff;
    background: #4d4d4d;
}
    [data-mode=dark] .dx-button-mode-contained.dx-state-hover {
        border-color: #4d4d4d;
        color: #4d4d4d;
        background:white;
    }