1.content {
2    display: grid;
3    grid-template-areas:
4        "tabs"
5        "window";
6    grid-template-columns: 1fr;
7    grid-template-rows: auto 1fr;
8    min-height: calc(100vh);
9}
10
11.nav-tabs-container {
12    grid-area: tabs;
13    padding: 0px;
14    background-color: #999999;
15    border-bottom: 4px solid #CCCCCC;
16}
17
18.tab-content {
19    grid-area: window;
20    background-color: white;
21    padding: 0px;
22    display:none;
23}
24
25.tab-content.tab-default {
26    display: block;
27}
28
29ul.nav-tabs {
30    padding: 0px;
31    margin: 0px;
32    overflow: auto;
33    display: table-row;
34    min-height: 2ex;
35}
36
37.nav-tabs li {
38    display: inline-block;
39    padding-left: 10px;
40    padding-right: 10px;
41    padding-top: 4px;
42    padding-bottom: 4px;
43    min-width: 20px;
44    text-decoration: none;
45    color: black;
46    text-align: center;
47    user-select: none;
48    cursor: pointer;
49}
50
51.nav-tabs li:hover {
52    background-color: #EEEEEE;
53}
54
55.nav-tabs li.active {
56    background-color: #CCCCCC;
57}