@import "menu.css";
@import "tiles.css";

#qs-container #ctl00_myBreadcrum_breadcrum {
    display: none;
}

.blueTable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 3rem;
}

.table {
    margin: 0;
}

.blueTable td,
.blueTable th {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px solid #E4E4EC;
}

.blueTable tbody td {
    font-size: 13px;
}

.blueTable thead th {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

.blueTable tfoot td {
    font-size: 14px;
}

.blueTable tfoot .links {
    text-align: right;
}

.blueTable tfoot .links a {
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
}

.th-lgnd {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.th-lgnd:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50%;
}

.alignRight td {
    text-align: right;
}

#lgd-red:before {
    background: #D7191C;
}

#lgd-orange:before {
    background: #FDAE61;
}

#lgd-yellow:before {
    background: #FEE08B;
}

#lgd-green:before {
    background: #A6D96A;
}

#lgd-darkgreen:before {
    background: #1A9641;
}

#lgd-blue1:before {
    background: #CCDFE3;
}

#lgd-blue2:before {
    background: #77AFFF;
}

#lgd-blue3:before {
    background: #227FFF;
}

#lgd-blue4:before {
    background: #0057CC;
}

#lgd-blue5:before {
    background: #003377;
}

/* custom colors */
#lgd-grey:before {
    background: #E8EAE7;
}

#lgd-lightpurple:before {
    background: #a19eb9;
}

#lgd-deepblue:before {
    background: #5b6089;
}

#lgd-purple:before {
    background: #48346f;
}

#lgd-darkblue:before {
    background: #1a284c;
}

/* om eventuele custom header styling uit te zetten */
.blueTable thead {
    background: unset;
    color: unset;
}

.page_contact {
    .subscribe {
        display: none;
    }

    .contactform {
        max-width: 800px;
    }

    input,
    textarea {
        width: 100%;
        border-radius: 3px;
        border: 1px solid var(--primary);
        padding: 10px;
    }

    textarea {
        height: 300px;
        resize: none;
    }

    .contactinput {
        min-height: 67px;
    }

    .contactinput.contactinput--button {
        input {
            display: flex;
            max-width: 250px;
            border-radius: 3px;
            color: var(--white);
            background-color: var(--primary);
            cursor: pointer;
        }

    }
}