Template CSS override JEvents Calendar Module

../css/template.min.css?version=1.0.324 have the following CSS code:

.bd-table tbody > tr:nth-child(2n+1) > td, .bd-table tbody > tr:nth-child(2n+1) > th, .bd-tagstyles:not(.bd-custom-table) table tbody > tr:nth-child(2n+1) > td, .bd-tagstyles:not(.bd-custom-table) table tbody > tr:nth-child(2n+1) > th, table:not([class]) tbody > tr:nth-child(2n+1) > td, table:not([class]) tbody > tr:nth-child(2n+1) > th {
    background-color: #f5f5f5;
    background-image: none;
}

For a reason, that collides with the JEvents calendar, and the background color for days with events: "../components/com_jevents/views/alternative/assets/css/modstyle.css?3.4.36"

and even when I use the override css in JEvents
"../components/com_jevents/assets/css/jevcustom.css?3.4.36"

.mod_events_td_daywithevents {
    background-color: #0ea83a;
    color: Red;
    font-weight: bold;
}

Please advise. Would like to have the "mod_events_td_daywithevents" to work proparly :-)