button[aria-label="Add"] .e-tbar-btn-text, button[aria-label="Add"] .e-add {
    font-weight: bolder !important;
    color: darkgreen !important;
}

button[aria-label="Delete"] .e-tbar-btn-text, button[aria-label="Delete"] .e-delete {
    font-weight: bolder !important;
    color: darkred !important;
}

button[aria-label="Update"] .e-tbar-btn-text, button[aria-label="Update"] .e-update {
    font-weight: bolder !important;
    color: limegreen !important;
}

button[aria-label="Edit"] .e-tbar-btn-text, button[aria-label="Edit"] .e-edit {
    font-weight: bolder !important;
    color: darkblue !important;
}

button[aria-label="Cancel"] .e-tbar-btn-text, button[aria-label="Cancel"] .e-cancel {
    font-weight: bolder !important;
    color: purple !important;
}

button[aria-label="Excel Export"] .e-tbar-btn-text, button[aria-label="Excel Export"] .e-excelexport {
    font-weight: bolder !important;
    color: orangered !important;
}

button[aria-label="Refresh"] .e-tbar-btn-text, button[aria-label="Refresh"] .e-refresh {
    font-weight: bolder !important;
    color: darkgreen !important;
}

.e-grid .e-toolbar, .e-grid .e-toolbar .e-toolbar-items {
    background: transparent !important;
}

.onlyediticon .e-toolbar .e-tbar-btn-text, .onlyediticon .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    display: none !important;
}

.smallfontgrid .e-grid .e-rowcell, .smallfontgrid .e-grid .e-summarycell {
    font-size: 11px !important;
}

.e-grid td.e-selectionbackground {
    color: darkred !important;
    background: transparent !important;
    font-weight: bold !important;
}
.smallfont .e-dropdownbase .e-list-item {
    color: #2319b8;
    font-size: 9px !important;
}