@import url(menu.css);
/* @import url(tiles.css); */

/*breadcrumb disable*/
#ctl00_myBreadcrum_breadcrum {
    display: none;
}

/* toelichting pagina styling */
.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;
}

/* contact page styling begin */
.page_contact #content {
    padding-top: 25px;

    .subscribe {
        display: none;
    }
}

.b_btn.g-recaptcha {
    background: #00629b;
    color: #FFF;
    width: fit-content;
    border-radius: 3px;
    border: unset;
    cursor: pointer;
    padding: 10px;

    &.linkbutton {
        margin-bottom: 20px;
    }
}

.subscriptioninput {
    display: flex;
    max-width: 600px;

    .b_inputfield {
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
    }

    .b_btn.g-recaptcha {
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
    }
}

input.b_inputfield,
textarea {
    width: 100%;
    padding: 16px;
    border: 1px solid #00629b;
    border-radius: 3px;
    font-size: 16px;

    &[aria-invalid="true"] {
        border: 2px solid rgb(179, 0, 0);
    }
}

.subscribe h2 {
    display: none;
}

.contactform {
    max-width: 600px;

    .contactinput {
        min-height: 80px;
    }

    :nth-child(11) {
        min-height: 175px;
    }

    textarea {
        resize: none;
    }
}

@media screen and (max-width: 1140px) {
    .page_contact {
        padding-left: 10px;
        padding-right: 10px;
    }
}
/* contact page styling end */