body {
    min-height: 75rem;
    padding-top: 4.5rem;
    line-height: 1.5rem;
}

@media screen and (max-width: 992px) {
    body {
        font-size: 20px;
        line-height: 2rem;
    }
}


/* Modify the background color */

.navbar-custom {
    background-color: #d9151b;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: white;
}

.nav-link-custom {
    color: white;
}

.deze_editie {
    color: #d9151b;
    font-weight: bold;
    width: 7%;
}


/* unvisited link */

a:link {
    color: #d9151b;
    text-decoration: none;
}


/* visited link */

a:visited {
    color: #1cd915;
    text-decoration: none;
}


/* mouse over link */

a:hover {
    color: #151cd9;
    text-decoration: underline;
}


/* selected link */

a:active {
    color: #151cd9;
    text-decoration: none;
}

.btn {
    color: white !important;
}

.btn:hover {
    color: white !important;
}

.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table>tbody>tr>td {
    display: inline;
}

.pagination-ys table>tbody>tr>td>a,
.pagination-ys table>tbody>tr>td>span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #d9151b;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table>tbody>tr>td>span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table>tbody>tr>td:first-child>a,
.pagination-ys table>tbody>tr>td:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table>tbody>tr>td:last-child>a,
.pagination-ys table>tbody>tr>td:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table>tbody>tr>td>a:hover,
.pagination-ys table>tbody>tr>td>span:hover,
.pagination-ys table>tbody>tr>td>a:focus,
.pagination-ys table>tbody>tr>td>span:focus {
    color: #d9151b;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.Grid {
    border: solid 10px #AAAAAA;
}

/* Zorg dat dropdowns boven de content kunnen scrollen */
.dropdown-menu {
    max-height: 60vh; /* Maximaal 60% van de viewport hoogte */
    overflow-y: auto; /* Voeg een scrollbar toe als nodig */
    position: absolute !important; /* Zorg dat de dropdown niet wordt afgekapt */
}

/* Zorg dat de dropdown boven andere elementen wordt getoond */
.dropdown-menu.show {
    overflow-y: auto;
    max-height: 60vh;
}

/* Optioneel: Zorg dat de dropdown mooi blijft als hij naar boven opent */
.dropdown-menu[data-bs-popper="static"] {
    max-height: 60vh;
    overflow-y: auto;
}