:root {
    --main-button-bg-color: #38bdf8;
    --tr-first-child-bg-color: #38bdf8;
    --background-color: white;
    --modal-background-color: white;
    --input-background-color: #f1f1f1;
    --highlight-text-color: #092F87;
    --primary-text-color: black;
    --secondary-text-color: grey;
    --hover-link-color: #CB9E67;
    --ref-text-color: blue;
}

body {
    font-family: 'Montserrat';
}


table.list-table {
    font-family: arial, sans-serif;
    width: 100%;
    margin-bottom: 8px;
    border-collapse: separate;
    border-spacing: 0;
    border: solid 1px var(--highlight-text-color);
    border-radius: 8px;
    background: var(--input-background-color);
}

table.list-table th {
    background-color: var(--background-color);
}

table.list-table th:first-child {
    border-top-left-radius: 8px;
}

table.list-table th:last-child {
    border-top-right-radius: 8px;
}

table.list-table td, th {
    text-align: left;
    padding: 8px;
    font-size: 12px;
}


table.list-table th {
    color: var(--highlight-text-color);
}


table.list-table tr {
    color: var(--primary-text-color);
}

table.list-table tr:hover {
    background: var(--background-color);
}

table.row-table {
    font-family: arial, sans-serif;
    width: 100%;
    margin-bottom: 8px;
    border-collapse: separate;
    border-spacing: 0;
    border: solid 1px var(--highlight-text-color);
    border-radius: 8px;
    background: var(--input-background-color);
}

table.row-table th {
    background-color: var(--background-color);
}

table.row-table th:first-child {
    border-top-left-radius: 8px;
}

table.row-table th:last-child {
    border-top-right-radius: 8px;
}

table.row-table td, th {
    text-align: left;
    padding: 8px;
    font-size: 12px;
}


table.row-table td:first-child {
    color: var(--highlight-text-color);
}


table.row-table tr {
    color: var(--primary-text-color);
}

table.row-table tr:hover {
    background: var(--background-color);
}


.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 0 4px;
    text-decoration: none;
}

.pagination a.active {
    background: black;
    color: white;
}

.pagination a:hover:not(.active) {
    background-color: var(--hover-link-color)
}

label {
    font-size: 12px;
    color: gray;
}

.hover-zoom {
    transition: transform .2s;
}

.hover-zoom:hover {
    transform: scale(1.025);
}

.primary-tab-link {
    border-radius: 32px;
    padding: 8px 16px;
    display: inline-block;
    text-decoration: none;
    background-color: lightgray;
    color: gray;
    cursor: pointer;
}

.primary-tab-active {
    background-color: #092F87;
    color: white;
    border-bottom: 1px solid var(--primary-text-color);
}

.secondary-tab-link {
    padding: 8px 16px;
    display: inline-block;
    text-decoration: none;
    color: var(--secondary-text-color);
    cursor: pointer;
}

.secondary-tab-active {
    color: var(--primary-text-color);
    border-bottom: 1px solid var(--primary-text-color);
}

.summary_content h2 {
    font-size: 16px;
}