#myTable {
}

#myTable>thead, #myTable1>thead {
    color: white;
    text-transform: capitalize;
    background-color: #040C42;
    height: 38px !important;
    padding: 0px !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    border-radius: 8px;
    
}

table>thead>tr>th {
    padding: 13px 24px;
    text-align: start;
}

.stripe-class-odd {
    background-color: red;
}

table>tbody>tr {
}

table>tbody>tr>td {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #222426;
    padding: 13px 24px;
    border-radius: 0;
}

#myTable > tbody > tr:nth-child(even), #myTable1 > tbody > tr:nth-child(even) {
    background-color: #e2e7ed;
}


.pagination-active {
    background-color: #22c55e !important;
    color: white !important;
}

#myTable > thead > tr >
th:first-child,
#myTable1 > thead > tr >
th:first-child {
    border-radius: 8px 0px 0px 8px;
}

#myTable > thead > tr >
th:last-child,
#myTable1 > thead > tr >
th:last-child {
    border-radius: 0px 8px 8px 0px;
}

#myTable > tbody > tr:nth-child(even) > td:first-child, #myTable1 > tbody > tr:nth-child(even) > td:first-child{
    border-radius: 8px 0px 0px 8px;
}

#myTable > tbody > tr:nth-child(even) > td:last-child, #myTable1 > tbody > tr:nth-child(even) > td:last-child{
    border-radius: 0px 8px 8px 0px;
}


/* td:first-child,
th:first-child {
    border-left: 1px solid #DDDEDF;
}

td:last-child,
th:last-child {
    border-right: 1px solid #DDDEDF;
} */

input:focus {
    outline: none;
}