/*Default#############################################################################*/
.datagrid table {
    border-collapse: collapse;
    width: 100%;
}
.datagrid table th {
        font-weight: bold;
        border: 1px solid #a386;
        margin:3px;

}
.datagrid table tr td {
        border: 1px solid #a386bb;
    }

.datagrid table tr:hover {
        background-color: #ebd5fb;
    }
.datagrid table tr {

}


/*purple#############################################################################*/
.datagrid_purple table {
    border-collapse: collapse;
    width: 100%;
}

    .datagrid_purple table th {
        background-color: #a632fe;
        color: yellow;
        font-weight: bold;
        border: 1px solid #a386;
        margin: 3px;
    }

.datagrid_purple table tr td {
    color: #a632fe;
    border: 1px solid #a386bb;
}

.datagrid_purple table tr:hover {
    background-color: #ebd5fb;
}

.datagrid_purple table tr {
    background-color: #f5f1f8;
}



/*grey#############################################################################*/
.datagrid_grey table {
    border-collapse: collapse;
    width: 100%;
    position: relative;
}
    .datagrid_grey table th {
        background-color: #605f5f;
        color: #edecec;
        font-weight: bold;
        border: 1px solid #747373;
        position: sticky;
        top: 0;
        margin: 3px;
    }
.datagrid_grey table tr td {
        color: #555454;
        border: 1px solid #747373;
}
    .datagrid_grey table tr:hover {
        background-color: #c3c0c0;
    }
.datagrid_grey table tr {
        background-color: #f2eded;
}

/*green#############################################################################*/
.datagrid_green table {
    border-collapse: collapse;
    width: 100%;
    margin:1px;
}

    .datagrid_green table th {
        background-color: green;
        color: #e8fce8;
        font-weight: bold;
        border: 1px solid #c3fbc3;
        padding: 1px;
        margin: 3px;
    }

    .datagrid_green table tr td {
        color: #555454;
        border: 1px solid #c3fbc3;
        padding:1px;
    }

    .datagrid_green table tr:hover {
        background-color: #aafeaa;
    }

.datagrid_green table tr {
    background-color: #e8fce8;
}


/*BlackWhite#############################################################################*/
.datagrid_BlackWhite table {
    border-collapse: collapse;
    width: 100%;
}

    .datagrid_BlackWhite table th {
        background-color: black;
        color: white;
        font-weight: bold;
        border: 1px solid grey;
        margin: 3px;
    }

    .datagrid_BlackWhite table tr td {
        color: black;
        border: 1px solid black;
    }

    .datagrid_BlackWhite table tr:hover {
        background-color: whitesmoke;
    }

    .datagrid_BlackWhite table tr {
        background-color: white;
    }
.datagrid_BlackWhite_odd table tr:nth-child(odd) {
    background-color: lightgrey;
}
.datagrid_BlackWhite_even table tr:nth-child(even) {
    background-color: lightgrey;
}


.datagrid_black_shadow {
    box-shadow: 4px 4px 8px black;
}
.datagrid_red_shadow {
    box-shadow: 4px 4px 8px red;
}
.datagrid_yellow_shadow {
    box-shadow: 4px 4px 8px yellow;
}
.datagrid_grey_shadow {
    box-shadow: 4px 4px 8px grey;
}
.datagrid_green_shadow {
    box-shadow: 4px 4px 8px green;
}


.datagrid_radius {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}