/* Algemeen body achtergrond */
body {
    background-image: url('https://time.gkw.be/assets/background.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
}

/* Standaard tile stijlen */
.tile-1,
.tile-2,
.tile-3,
.tile-4,
.tile-5,
.tile-6 {
    color: white;
    border: 0;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /* Voeg schaduw toe */
}

/* Specifieke tile achtergrondkleuren */
.tile-1 {
    background: linear-gradient(135deg, #6a1b9a, #420f61);
}

.tile-2 {
    background: linear-gradient(135deg, #283593, #1a236c);
}

.tile-3 {
    background: linear-gradient(135deg, #00796b, #03423a);
}

.tile-4 {
    background: linear-gradient(135deg, #c62828, #761010);
}

.tile-5 {
    background: linear-gradient(135deg, #ef6c00, #c35902);
}

.tile-6 {
    background: linear-gradient(135deg, #4e342e, #2d1f1c);
}

/* Hover effecten voor de tiles */
.tile-1:hover {
    background: linear-gradient(135deg, #5a148a, #3a0b55);
}

.tile-2:hover {
    background: linear-gradient(135deg, #1f2b73, #121b57);
}

.tile-3:hover {
    background: linear-gradient(135deg, #006b5d, #013f35);
}

.tile-4:hover {
    background: linear-gradient(135deg, #b71c1c, #5e0c0c);
}

.tile-5:hover {
    background: linear-gradient(135deg, #d65e00, #a74801);
}

.tile-6:hover {
    background: linear-gradient(135deg, #3e2e28, #1c0f0d);
}

/* Algemene stijl voor tekst in tiles */
.tile-1 strong,
.tile-2 strong,
.tile-3 strong,
.tile-4 strong,
.tile-5 strong,
.tile-6 strong {
    font-size: 1rem;
    font-weight: lighter;
    color: #ffffff;
}

.tile-1 .lead,
.tile-2 .lead,
.tile-3 .lead,
.tile-4 .lead,
.tile-5 .lead,
.tile-6 .lead {
    font-size: 1.4rem;
    font-weight: 500;
    color: #ffffff;
}

/* Aanpassen van de chart hoogte */
#auditorChart {
    max-height: 200px !important;
    height: auto;
}


.tile-safety {
    background: linear-gradient(135deg, #43b531, #278c16);
    color: white;
}

.tile-quality {
    background: linear-gradient(135deg, #5391cf, #2464a4);
    color: white;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #212529 !important;
    border-color: #171a1d;
}
.page-link {
    color: #212529;
}