body {
}


.e-btn:hover, .e-css.e-btn:hover {
    background-color: #3a74a3;
    border-color: #3a74a3;
    box-shadow: none;
    color: #fff;
}

.e-btn, .e-css.e-btn {
    -webkit-tap-highlight-color: transparent;
    background-color: steelblue;
    border-color: steelblue;
    color: #fff;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.e-headercell {
    background-color: #afcad6;
    /*    font-family: "Bell MT";*/
    color: #273b47;
    font-size: 7px;
}

/*Note: the styles has to be included in the page in order for the icon color to work 
---------------------------------------------------------------*/
.e-toolbar-item .red-icon {
    color: indianred !important;
    font-size: 18px; /* optional */
}

.e-toolbar-item .green-icon {
    color: mediumseagreen !important;
    font-size: 18px; /* optional */
}

.e-toolbar-item .bluen-icon {
    color: cornflowerblue !important;
    font-size: 18px; /* optional */
}
/*-------------------------------------------------------------*/

/*.e-grid .e-headercell {
    background-color: #4CAF50 !important;*/ /* Use !important to override other styles */
    /*color: white !important;*/ /* Optional: set text color for better contrast */
/*}*/


/*.e-gridheader {
    background-color: #afcad6;*/
    /*    font-family: "Bell MT";*/
    /*color: #273b47;
    font-size: 7px;
}

.e-columnheader {
    background-color: #afcad6;*/*/
    /*    font-family: "Bell MT";*/
    /*color: #273b47;
    font-size: 7px;
}*/

.e-custom-menu {
    background-color: #f8f9fa;
    border-radius: 6px;
    padding: 8px 0;
    color:white;
    /* Add more custom styles as needed */
}

    /* Example: Change menu item hover color */
    .e-custom-menu .e-menu-item:hover {
        background-color: #e0e0e0;
        color: #0078d4;
    }