body {
}


table {
    border-radius: 10px;
}

th, td {
    text-align: center;
}

table, td, th {
    border: 1px solid #b8c8dd;
}
tr {
    border-color: #819db9;
}

th {
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
}

table, tbody {
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
}

thead {
    top: 0px;
    position: sticky;
    color: black;
    /*white-space: nowrap;*/
}

td {
    font-size: 2vh;
    color: #191817;
    background-color: wheat;
}

th {
  
    font-size: 2vh;
    font-weight: 600;
}


/* //table header  */
#thid {
    background: #cfe2ff;
}


.fa-edit:before {
    color: #5580cb;
    content: "\f044";
}

.fa-edit:hover {
    font-size: 1rem;
    color: #5580cb;
    content: "\f044";
}

.fa-trash:before {
    color: red;
    content: "\f1f8";
}

.fa-trash:hover {
    font-size: 1rem;
    color: #362d86;
    content: "\f044";
}

.btnclsspagg {
    border-color: #7c8189;
    font-weight: bold;
    color: #919294;
}