.e-grid .e-headercelldiv,
.e-grid .e-rowcell,
.e-grid .e-summarycell,
.e-grid .e-groupcaption,
.e-grid .e-row .e-input-group .e-input.e-field {
    font-family: "Montserrat", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

.e-treecell {
    font-size: 1rem !important;
}

.e-switch-wrapper.green-switch .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #16a34a;
    border-color: #16a34a;
}

.e-switch-wrapper.green-switch:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #15803d;
    border-color: #15803d;
}

.e-grid td.e-active {
    background: #d0f0ff !important;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: 0 0 0 0px !important;
}

.e-grouptopleftcell .my-group-toggle .e-icons {
    font-size: 16px;
    color: #444;
}

    .e-grouptopleftcell .my-group-toggle .e-icons:hover {
        color: #0d6efd;
    }

.e-indentcell {
    background-color: #f5f7f8 !important;
}

.e-top-left-with-toggle .e-expandcollapseall {
    cursor: pointer;
    vertical-align: middle;
}

.e-gdiagonaldown, .e-gnextforward {
    color: black !important;
}

.e-expandcollapseall {
    color: black !important;
}

.e-grid .e-content .e-row:hover td.e-selectionbackground {
    background-color: #d0f0ff !important;
}

.e-grid .e-headercell {
    background-color: #f5f7f8 !important
}

.e-grid .e-summarycell, .e-grid .e-groupcaption, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse {
    background-color: #f5f7f8 !important
}

.e-icons e-expandcollapseall .e-icon-gdownarrow {
    background-color: #f5f7f8 !important
}

.e-grouptopleftcell {
    background-color: #f5f7f8 !important
}

.e-gridheader .e-lib .e-droppable {
    background-color: #f5f7f8 !important
}

.e-headertext {
    font-weight: 700 !important
}

.e-grid .e-content .e-row:hover .e-rowcell {
    background-color: #f5f7f8 !important;
}

.e-grid .e-content .e-row:hover td.indent-selected {
    background-color: #d0f0ff !important;
}

.e-treegrid .e-treegridexpand,
.e-treegrid .e-treegridcollapse {
    font-family: "e-icons" !important;
    font-size: 16px !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    transform: none !important;
}

    .e-treegrid .e-treegridexpand::before {
        content: "\e729" !important;
    }

    .e-treegrid .e-treegridcollapse::before {
        content: "\e748" !important;
    }

    .e-treegrid .e-treegridexpand::before,
    .e-treegrid .e-treegridcollapse::before {
        font-size: 16px !important;
        color: #000 !important;
        transform: none !important;
    }


.e-flmenu-okbtn,
.e-flmenu-cancelbtn {
    border-color: #00A0AF !important;
    background: #00A0AF !important;
    color: white !important;
}

    .e-flmenu-okbtn:hover,
    .e-flmenu-cancelbtn:hover {
        border-color: #00A0AF !important;
        background: #00A0AF !important;
        color: white !important;
    }
.e-flmenu.e-filter-popup .e-footer-content .e-btn.e-flmenu-okbtn,
.e-flmenu.e-filter-popup .e-footer-content .e-btn.e-flmenu-cancelbtn {
    background-color: #00A0AF !important;
    border-color: #00A0AF !important;
    color: #fff !important;
}
.e-flmenu .e-input-group,
.e-flmenu .e-input-group .e-input,
.e-flmenu .e-control-wrapper,
.e-flmenu .e-flmenu-input,
.e-flmenu .e-numerictextbox,
.e-flmenu .e-dropdownlist,
.e-flmenu .e-autocomplete {
    border-color: #00A0AF !important;
    box-shadow: none !important;
}

    .e-flmenu .e-input-group.e-input-focus,
    .e-flmenu .e-control-wrapper.e-input-focus,
    .e-flmenu .e-flmenu-input:focus,
    .e-flmenu .e-numerictextbox:focus,
    .e-flmenu .e-dropdownlist:focus,
    .e-flmenu .e-autocomplete:focus {
        border-color: #00A0AF !important;
        box-shadow: none !important;
    }

.e-flmenu .e-input-group-icon {
    color: #00A0AF !important;
}

.e-filtermenudiv.e-icons {
    color: #00A0AF !important;
}
    .e-filtermenudiv.e-icons::before {
        color: #00A0AF !important;
    }

.e-filtermenudiv.e-filtered {
    font-weight: bold !important;
    color: #00A0AF !important;
}
.e-icon-filter.e-filtered::before {
    content: "\e735" !important;
}

.e-checkbox-wrapper .e-frame {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
}

    .e-checkbox-wrapper .e-frame.e-icons::before {
        content: none !important;
    }

    .e-checkbox-wrapper .e-frame.e-check {
        background-color: #00A0AF !important;
        border-color: #00A0AF;
    }

        .e-checkbox-wrapper .e-frame.e-check::after {
            content: "";
            position: absolute;
            left: 3px; 
            top: 1px;
            width: 5px; 
            height: 8px;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transform: rotate(45deg);
            transform-origin: center;
        }

    .e-checkbox-wrapper .e-frame.e-icons.e-stop,
    .e-checkbox-wrapper .e-frame.e-icons.e-intermediate {
        background-color: #00A0AF !important;
        border-color: #00A0AF !important;
    }

        .e-checkbox-wrapper .e-frame.e-icons.e-stop::after,
        .e-checkbox-wrapper .e-frame.e-icons.e-intermediate::after {
            content: none !important;
        }

        .e-checkbox-wrapper .e-frame.e-icons.e-stop::before,
        .e-checkbox-wrapper .e-frame.e-icons.e-intermediate::before {
            content: "";
            position: absolute;
            left: 3px; 
            right: 3px;
            top: 50%; 
            transform: translateY(-50%); 
            height: 0; 
            border-bottom: 2px dashed #ffffff !important;
            pointer-events: none;
        }

.e-checkbox-wrapper .e-frame {
    overflow: visible; 
}

    .e-checkbox-wrapper .e-frame.e-stop,
    .e-checkbox-wrapper .e-frame.e-intermediate,
    .e-checkbox-wrapper .e-frame.e-icons.e-stop,
    .e-checkbox-wrapper .e-frame.e-icons.e-intermediate {
        background-color: #00A0AF !important; 
        border-color: #00A0AF !important;
        position: relative; 
    }

        .e-checkbox-wrapper .e-frame.e-stop.e-check::after,
        .e-checkbox-wrapper .e-frame.e-intermediate.e-check::after,
        .e-checkbox-wrapper .e-frame.e-icons.e-stop.e-check::after,
        .e-checkbox-wrapper .e-frame.e-icons.e-intermediate.e-check::after {
            content: none !important;
        }

        .e-checkbox-wrapper .e-frame.e-stop::before,
        .e-checkbox-wrapper .e-frame.e-intermediate::before,
        .e-checkbox-wrapper .e-frame.e-icons.e-stop::before,
        .e-checkbox-wrapper .e-frame.e-icons.e-intermediate::before {
            content: "" !important;
            position: absolute !important;
            left: 3px !important;
            right: 3px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            height: 0 !important;
            border-bottom: 2px dashed #ffffff !important; 
            pointer-events: none !important;
            z-index: 1;
        }

    .e-checkbox-wrapper .e-frame.e-icons::before {
        content: none !important;
    }
.e-checkbox-wrapper .e-frame {
    position: relative !important;
    overflow: visible !important;
    background-image: none !important; 
}


    .e-checkbox-wrapper .e-frame.e-stop,
    .e-checkbox-wrapper .e-frame.e-intermediate,
    .e-checkbox-wrapper .e-frame.e-icons.e-stop,
    .e-checkbox-wrapper .e-frame.e-icons.e-intermediate {
        background-color: #00A0AF !important;
        border-color: #00A0AF !important;
    }

        .e-checkbox-wrapper .e-frame.e-stop.e-check::after,
        .e-checkbox-wrapper .e-frame.e-intermediate.e-check::after {
            content: none !important;
        }

        .e-checkbox-wrapper .e-frame.e-stop::before,
        .e-checkbox-wrapper .e-frame.e-intermediate::before,
        .e-checkbox-wrapper .e-frame.e-icons.e-stop::before,
        .e-checkbox-wrapper .e-frame.e-icons.e-intermediate::before {
            content: "" !important;
            position: absolute !important;
            display: block !important;
            width: calc(100% - 6px) !important; 
            left: 3px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            height: 0 !important;
            border-bottom: 2px dashed #ffffff !important;
            pointer-events: none !important;
            z-index: 1 !important;
        }

    .e-checkbox-wrapper .e-frame.e-icons::before {
        content: none !important;
    }

.e-checkbox-wrapper.e-stop .e-frame,
.e-checkbox-wrapper.e-intermediate .e-frame {
    background-color: #00A0AF !important;
    border-color: #00A0AF !important;
}

    .e-checkbox-wrapper.e-stop .e-frame::after,
    .e-checkbox-wrapper.e-intermediate .e-frame::after {
        content: none !important;
    }

    .e-checkbox-wrapper.e-stop .e-frame::before,
    .e-checkbox-wrapper.e-intermediate .e-frame::before {
        content: "" !important;
        position: absolute !important;
        display: block !important;
        width: calc(100% - 6px) !important;
        left: 3px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: 0 !important;
        border-bottom: 2px dashed #ffffff !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

.custom-row-check {
    accent-color: #00A0AF;
}
.custom-rowheader-check {
    accent-color: #00A0AF;
}

.e-treegrid .e-treegridcheckbox.e-templatecell {
    padding-left: 12px; 
}


.e-checkboxfilter.e-filter-popup .e-footer-content .e-btn:not(.e-primary) {
    background-color: #00A0AF !important;
    border-color: #00A0AF !important;
    color: #fff !important;
}
.e-checkboxfilter.e-filter-popup .e-footer-content .e-btn.e-primary {
    background-color: #00A0AF !important;
    border-color: #00A0AF !important;
    color: #fff !important;
}
.e-checkboxfilter.e-filter-popup .e-input-group {
    border: 1px solid #00A0AF !important; /* your color */
    box-shadow: none !important;
}

 .e-groupcaptionrow td.e-recordplusexpand,
 .e-groupcaptionrow td.e-recordpluscollapse {
    position: sticky;
    left: 0;
    z-index: 6; 
    background: #fff; 
}