/*TABEL-LIJST-DESKTOP.CSS (alle velden)*/

/*Aanpassen aan gewenste hoogte van de tabel op HOME*/
.scrollable-table-container{height:670px;overflow-y:auto}
/*MEDIA*/
/*@media only screen and (max-width:1366px){.scrollable-table-container{height:567px;overflow-y:auto}}
*/
/*@media only screen and (max-width:1024px){.scrollable-table-container{height:567px;overflow-y:auto}}
*/

table{font-family:Arial, sans-serif;border-collapse:collapse;width:98%;margin-left:10px}
/*MEDIA*/
@media screen and (max-width:507px){table{margin-left:0}}

td, th{border:2px solid #fff;text-align:left;padding:4px;font-weight:normal}
tr:nth-child(even){background-color:#f2f2f2}
tr:nth-child(odd){background-color:#d3d3d3}
th{background-color:#306030;color:#fff;border:0;font-size:1.1em;background:linear-gradient(to left, rgba(255,255,255,0.4), rgba(48,96,48,0.9)60%)}
/*MEDIA*/
@media screen and (max-width:507px){th{font-size:1.0em}}

/*table th:first-child, table td:first-child{width:1%;white-space:nowrap;padding-right:5px;background:#fff;color:#000}*/
table th:first-child, table td:first-child{width:1%;white-space:nowrap;padding-right:5px;color:#000}
/*MEDIA*/
@media screen and (max-width:507px){table th:first-child, table td:first-child{display:none}}

table th:first-child{font-size:1.1em;background:#306030;color:#fff;border-radius:0}
table td:first-child, table td:first-child{font-size:0.8em;color:#000}
table th:nth-child(2), table td:nth-child(2){width:146px;padding-right:5px}
table th:nth-child(2){width:146px;padding-right:10px;background:#306030}
td.clickable{cursor:pointer;color:#000;text-decoration:none}
td.clickable:hover{color:red;text-decoration:none;cursor:pointer}