/* ------------------------------
table
------------------------------ */
.wrappertable {
	border: 1px solid var(--white);
	margin: auto;
	padding: 3px;
	width: 80%;
	border-radius: 10px;
	background-color: var(--white);
	box-shadow: var(--boxshadow);
    display: block;
	margin-bottom: 20px;
}

.fixTableHead {
    width: 100%;
    margin: 0 auto;
    overflow-y: auto;
    height: 300px;
}

table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* header styling */
thead th {
    position: sticky;
    top: 0;
    background-color: var(--white);
    color: var(--black);
	padding: 5px;
    text-align: left;
    z-index: 10;
}

/* cell styling */
th, td {
    padding: 5px;
    word-wrap: break-word;
}

/* first column */
table td:nth-child(1),
table th:nth-child(1) {
    width: 40%;
}

/* second column */
table td:nth-child(2),
table th:nth-child(2) {
    width: 60%;
}

/* alternating row colors */
tr:nth-child(even) {
    background-color: var(--grayverylight);
}

tr:nth-child(odd) {
    background-color: var(--white);
}	

/* hover effect on rows */
tr:hover {
    background-color: var(--graydark);
}