:root {
    --c-dark: #22262a;
    --c-dark-gray: #6d767e;
    --c-light-gray: #e8ebed;
    --c-light: #f9fafb;
}

*, ::after, ::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    min-height: 100vh;

    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: 'nav content'
                         'tox tox';
}

body > .container-fluid,
body > .container {
    grid-area: content;
}

body > .tox {
    grid-area: tox;
}

table.table-bordered {
    overflow: hidden;
    border-radius: 0.32rem;
    border-style: hidden;
    margin-bottom: 0;
}

.container-fluid:has(iframe#pdf-help) {
    padding: 0;
}

iframe#pdf-help {
    display: block;
    width: 100%;
    height: 100%;
}

/* Been trying to make table border round, but does not work - use 0.375rem as radius unit */ /*
table.table-bordered {
    overflow: hidden;
    border-radius: 0.375rem;
}

table.table-bordered tr:first-of-type {
    border-radius: 0.375rem 0.375rem 0 0;
}

table.table-bordered tr:last-of-type {
    border-radius: 0 0 0.375rem 0.375rem;
}*/


/* Custom accordion icon - not sure if needed? */ /*
.accordion-button::after {
    content: '\f070';
    font-family: 'FontAwesome';
    background-image: none;
    transform: none;
}

.accordion-button[aria-expanded=true]::after {
    content: '\f06e';
    font-family: 'FontAwesome';
    background-image: none;
    transform: none;
}*/