/* Default styling */
table.fancy-table-2,
table.fancy-table-2 tr,
table.fancy-table-2 thead,
table.fancy-table-2 th,
table.fancy-table-2 tbody,
table.fancy-table-2 td {
    border: none;
    color: #000000;
}

.fancy-table-2 th {
    font-size: 1.2rem;
    color: white;
    font-weight: unset;
}

    .fancy-table-2 th strong {
        font-size: 1.5rem;
        color: white;
    }

    .fancy-table-2 th[scope=row] {
        width: 50%;
    }

.fancy-table-2 div {
    height: 100%;
}

    .fancy-table-2 div.small {
        width: 25%;
    }

.fancy-table-2:not(.fancy-table-2-square) th span,
.fancy-table-2:not(.fancy-table-2-square) th div {
    border-radius: 31px;
    padding: 10px;
    text-align: center;
}

.fancy-table-2-square th span,
.fancy-table-2-square th div {
    border-radius: 31px;
    padding: 10px;
    text-align: center;
}


.fancy-table-2 tr td:not(:first-child) {
    text-align: center;
}


.fancy-table-2-square tr td {
    text-align: left !important;
}

/* Specific colors */
.fancy-table-2-green th span.small,
.fancy-table-2-green th div.small {
    background-color: transparant;
    border: solid 2px #0b4129;
    color: #0b4129;
    display: inline;
    font-weight: bold;
}

.fancy-table-2-green th span.header-small,
.fancy-table-2-green th div.header-small {
    background-color: transparant;
    border: solid 2px #0b4129;
    color: #0b4129;
    font-weight: bold;
}

.fancy-table-2-green th span.small.solid,
.fancy-table-2-green th div.small.solid {
    background-color: #0b4129;
    color: #ffffff;
}

.fancy-table-2-green th span.header-small.solid,
.fancy-table-2-green th div.header-small.solid {
    background-color: #0b4129;
    color: #ffffff;
}

.fancy-table-2-green hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #5affb0;
    margin: 1em 0;
    padding: 0;
}

.fancy-table-2-green:not(.fancy-table-2-square) tbody tr {
    border-bottom: solid 1px #5affb0;
}

.fancy-table-2-green:not(.fancy-table-2-square) thead th {
    text-align: center;
}

    .fancy-table-2-green:not(.fancy-table-2-square) thead th div:first-child {
        margin-bottom: 4px;
    }

    .fancy-table-2-green:not(.fancy-table-2-square) thead th div:not(:first-child) {
        display: block;
        min-width: 100px;
    }

.fancy-table-2-green tr td:not(:first-child) {
    color: #0b4129;
}