table {
    width: 100%;
}

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}

th,
td {
    padding: 5px;
}

table thead th{
    text-align:center;
}


tr {
    background-color: #f4f4f4;
}

.vertical {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    width: 5%;
    padding: 15px;
}

.primary {
    background-color: #0f757b;
    color: #FFF;
    font-family: Mulish, sans-serif;
}

.secondary {
    background-color: #03a8ab;
    color: #FFF;
    font-family: Mulish, sans-serif;
}

.tertiary {
    background-color: #f7c157;
    /* color: #FFF; */
    font-family: Mulish, sans-serif;
}

.primary--light {
    background-color: #d5eaeb;
}

.secondary--light {
    background-color: #dff2f2;
}

.tertiary--light {
    background-color: #ebe4d5;
}

.green--dark {
    background-color: #bbcca8;
}

.green--light {
    background-color: #DAE2CF;
}

.blue--light {
    background-color: #D3E9F6;
}