thead { background: hsl(0, 0%, 90%); } th { border-left: 1px solid hsl(0, 0%, 16%); border-bottom: 1px solid hsl(0, 0%, 16%); border-right: 1px solid hsl(0, 0%, 16%); /*padding: 5px;*/ width: 1%; } table { font-family: "inter", sans-serif; border-collapse: collapse; } .table-div { /*width: 50%;*/ } .row-id { font-weight: bold; border-bottom: 1px solid hsl(0, 0%, 16%); border-right: 1px solid hsl(0, 0%, 16%); } tr:nth-child(even) { background: hsl(210, 100%, 96.08%) } table th:first-of-type, table td:first-of-type { border-left: 0; } table th:last-of-type, table td:last-of-type { border-right: 0; } table th:first-of-type { /*add border radius to top left of table*/ border-top-left-radius: 7px; } table th:last-of-type { /*add border radius to top right of table*/ border-top-right-radius: 7px; } table td { padding-left: 5px; padding-right: 5px; border-right: 1px solid #737373; border-left: 1px solid darkgrey; } td input[type=checkbox] { color: #0c2d4a; } .table-cell-boolean { text-align: center; } .table-cell-boolean-true { color: green; } .table-cell-boolean-false { color: red; } .table-cell-number { text-align: right; } .table-cell-datetime { text-align: right; /*width: 20ch;*/ /*padding-left: 2ch;*/ white-space: normal; min-width: 0; /*font-family: monospace;*/ max-width: 14ch }