.grid-container {
    .grid-filters {
        display: flex;
        &-fields {
            display: flex;
            gap: 15px;
            align-items: flex-end;
            margin-bottom: 15px;
            flex-wrap: wrap;
            > div {
                width: 160px;
            }
        }
        &-btns {
            display: flex;
            gap: 10px;
            align-items: flex-end;
            margin-bottom: 15px;
        }
    }
    .grid-table {
        .ReactTable {
            z-index: 1;
            color: #000;
            border: 1px solid rgba(0, 0, 0, 0.2);
            .-filters {
                border-bottom: solid 1px rgba(0, 0, 0, 0.2) !important;
            }
            .-header {
                .rt-th {
                    background: #45a655 !important;
                    color: white;
                }
                box-shadow: none;
                border-bottom: solid 1px rgba(0, 0, 0, 0.2);
            }
            .rt-thead {
                .rt-tr {
                    .rt-th {
                        border-right: 1px solid rgba(0, 0, 0, 0.2);
                    }
                }
            }
            .rt-tbody {
                .rt-tr-group {
                    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
                    :hover {
                        .rt-td {
                            color: white;
                            background: grey !important;
                        }
                    }
                    .rt-tr {
                        .rt-td {
                            border-right: 1px solid rgba(0, 0, 0, 0.2);
                        }
                    }
                }
                overflow: visible;
            }
        }
    }
    .grid-filters-btns{
        margin-left: 0.5rem;
        .MuiButtonBase-root {
            height: 50px;
            margin: 2px;
            width: 100px;
            background-color: #45a655;
            color: #fff;
        }
    }   
}