table.dataTable > tbody > .odd {
    background-color: rgba(115, 103, 240, 0.08) !important;
}
/*table.dataTable > tbody .even {
    background-color: #fff;
}*/

/* data table header css */
.dataTable > thead > tr > th {
    background-color: #7367f0 !important;
    color: white !important;
    font-weight: bold;
}

.custom-option-basic .custom-option-content2 {
    padding: 5px;
    padding-left: 2.77em;    
}


/* dx editor css START */
.dxheContentArea {
    background-color: white !important;
}

.dxheControl {
    border: Solid 1px #dbdade !important;
}

.dxtbControl {
    background-color: white;
    border-bottom: Solid 1px #dbdade !important;
}

.dxmLite .dxm-main {
    background-color: white !important;
}

.dxheViewArea {
    border: none;
}

dxmLite .dxm-item :hover {
    border-color: #7367F0 !important;
}

.dxmLite .dxm-item {
    border-color: white !important;
}

.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-main .dxm-selected {
    background-color: #dddbfb !important;
}

.dxmLite .dxm-main .dxm-hovered {
    background-color: #e9e7fd !important;
}

.chkAct > input[type="checkbox"] {
    width: 1.2em;
    height: 1.2em;
    margin-top: 0.0090em;
    vertical-align: top; 
}
 
    /* dx editor css END */