@import url("/style/custom/kp/menu.css?v3");

header #header {
    max-width: 100%;
}

.theme .theme__image img,
.theme .theme__image object {
    height: 100%;
}

.themeview .caption p {
    margin: 0;
}

/* Vormgeving swing-get-codes */
span.hoofdletter,
span.kleineletter {
    display: inline-block;
}

span.hoofdletter::first-letter {
    text-transform: uppercase;
}

span.kleineletter::first-letter {
    text-transform: lowercase;
}

.b_search-container {
    display: none;
}

#dashboardwrapper {
    margin-bottom: 20px;
}

.cgdhij7hgerieh,
.cgdhij8apjaba {
    display: none
}

.name_mozaiek5 .theme .theme__image img,
.theme .theme__image object {
    width: 80%;
}

.theme .theme__name > .name_wrapper {
    max-height: 76px;
}

#mainwrapper {
    min-height: 100vh;
    background-size: cover !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #E6F0F5;

    /* skiplinks */
    .a-skiplink {
        background-color: #fff;
        border: 2px solid #999;
        display: block;
        left: -1000em;
        padding: .5em;
        position: absolute;
        z-index: 10;
        transition: none;
    }

    .a-skiplink:focus {
        left: 1em;
        top: 126px;
        z-index: 1000;
    }

    @supports (-ms-ime-align:auto) {
        html {
            overflow: hidden;
            height: 100%;
        }

        body {
            overflow: auto;
            height: 100%;
            position: relative;
        }

        .themeNavigation {
            width: 1240px;
            margin-left: -620px;
        }
    }

    /*Ie 10/11*/
    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        html {
            overflow: hidden;
            height: 100%;
        }

        body {
            overflow: auto;
            height: 100%;
        }

        .themeNavigation {
            width: 1240px;
            margin-left: -620px;
        }
    }

    .u-hiddenbutvisible {
        top: -9999px;
        left: -9999px;
    }

    .cgdgjfieijghjgcgc section.tile.height12 {
        height: 745px;
    }

    .cgdgjfieijghjgcgc section.tile.height8 {
        height: 575px;
    }

    .cgdgjfieijghjgcgc section.tile.height6 {
        height: 405px;
    }

    body.screenshot #mainwrapper {
        background: none !important;
    }

    body.screenshot #custom_menu {
        display: none !important;
    }

    .theme {
        border: none !important;
    }

    .name_mozaiek5 #dashboardView:not(.u-hidden) {
        display: flex;
        margin-right: 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .theme[data-themecode="db_theme_plat1"],
    .theme[data-themecode="db_theme_plat2"],
    .theme[data-themecode="db_theme_plat3"] {
        display: block;
        height: 72px;
        border-radius: 5px;
    }

    .theme[data-themecode="db_theme_plat1"] .theme__image,
    .theme[data-themecode="db_theme_plat2"] .theme__image,
    .theme[data-themecode="db_theme_plat3"] .theme__image {
        height: auto;
    }

    .theme[data-themecode="db_theme_plat1"] .theme__name,
    .theme[data-themecode="db_theme_plat2"] .theme__name,
    .theme[data-themecode="db_theme_plat3"] .theme__name {
        font-size: 17px;
        font-weight: 700;
        line-height: 30px;
        margin: 0 0 0 10px;
        background-color: #01689b !important;
        color: #fff !important;
        position: relative;
        width: 100%;
    }

    .theme[data-themecode="db_theme_plat1"] .name_wrapper,
    .theme[data-themecode="db_theme_plat2"] .name_wrapper,
    .theme[data-themecode="db_theme_plat3"] .name_wrapper {
        margin-left: 36px;
        text-align: left;
    }

    .theme[data-themecode="db_theme_plat1"] .theme__name::before {
        content: "A";
    }

    .theme[data-themecode="db_theme_plat2"] .theme__name::before {
        content: "E";
    }

    .theme[data-themecode="db_theme_plat3"] .theme__name::before {
        content: "V";
    }

    .theme[data-themecode="db_theme_plat1"] .theme__name::before,
    .theme[data-themecode="db_theme_plat2"] .theme__name::before,
    .theme[data-themecode="db_theme_plat3"] .theme__name::before {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 27px;
        position: absolute;
        top: 4px;
        text-align: center;
        left: 0px;
        background: #fff;
        border-radius: 50%;
        color: #212529;
        font-weight: 500;
    }

    .theme[data-themecode="db_theme_plat1"] a,
    .theme[data-themecode="db_theme_plat2"] a,
    .theme[data-themecode="db_theme_plat3"] a {
        display: block;
        border-radius: 5px;
        color: #212529;
        text-decoration: none;
        box-shadow: 2px 2px 2px 0px #d3e3eb;
        padding: 1em 1em 1.2em 1em;
        background: #01689b;
    }

    .name_rapport_energieverbruik #mainwrapper {
        background-color: unset;
    }

    .fa-external-link {
        margin-left: 10px;
    }

    body.screenshot .mosaic-header {
        display: none !important;
    }

    body.screenshot #dashboardwrapper.transparent-background {
        padding-top: 0 !important;
    }

    body.screenshot #footer {
        display: none !important;
    }

    body.screenshot .o-adds {
        display: none !important;
    }

    body.screenshot .hide-print {
        display: none;
    }

    @media only screen and (max-width: 767px) {
        .foot-column {
            width: 100%;
            color: #858585;
            font-weight: 100;
        }

        #footer {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        body.name_rapport_energieverbruik #dashboardwrapper {
            padding: 0;
        }

        #innerfooter ul {
            margin-bottom: 15px;
        }
    }

    @media only screen and (max-width: 700px) {

        .theme[data-themecode="db_theme_plat1"],
        .theme[data-themecode="db_theme_plat2"],
        .theme[data-themecode="db_theme_plat3"] {
            width: 48%;
        }
    }