html { height: 100%; }

/* BODY */
body {
    font-family: Verdana;
    font-size: 16px;
    line-height: 24px;
    overflow-x: hidden;

    padding-top: 61px;
    position: relative;
}

body .menu-text {
    color: #fff;
}

/* MAIN */
main {
    overflow-x: hidden;
    /* IE fixes */
    display: inline-block;
    width: 100%;
}

/* HEADER */
header {
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(52, 52, 52);
}

header .menu {
    height: 60px;
    border-bottom: 1px solid #fff;
}

.menu_header li {
    display: inline-block;
}

.menu_header .main {
    vertical-align: top;
    margin-right: 0px;
    width: 600px;
}

.menu_header .home2 {
    vertical-align: top;
    width: calc(100% - 600px);
}

.menu_header .home2 a {
    display: block;
    height: 60px;
    width: 250px;
    margin-right: 8px;
    margin-left: auto;

    /* logo */
    background-image: url(img/logo.svg);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position-y: 50%;
}

@media screen and (max-width: 650px) {
    .menu_header .main {
        width: 60px;
        background-image: url(img/icons/menu.png);
        background-size: 28px 24px;
        background-repeat: no-repeat;
        background-position: 16px 18px;
        cursor: pointer;
    }

    .menu_header .home2 { width: calc(100% - 60px); }
    .menu_header .home2 a { margin-right: 8px; }
}

.menu_header ul .main > ul.submenu {
    padding-left: 16px;
    max-width: 1408px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.menu_header ul .main > .submenu > li {
    display: inline-block;
    height: 60px;
    cursor: pointer;
}

.menu_header ul .main > .submenu > li.telephone {
    background-image: url(img/icons/telefoon.png);
    background-repeat: no-repeat;
    background-position-y: 30px;
    background-size: 20px;
    padding-left: 16px;
}

/* hide "Main"*/
.main > .menu-text {
    display: none;
}

/* popupmenu hide/show */
.menu_header .submenu li .popupmenu {
    display: block;
    line-height: 60px;
    background-color: rgb(52, 52, 52);
    border: solid 1px #fff;
    border-top: solid 1px rgba(255, 255, 255, 0.125);
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    visibility: hidden;
    width: 288px;
}

.menu_header .submenu li.selected .popupmenu {
    opacity: 0.95;
    visibility: visible;
}

.menu_header .submenu li.selected .popupmenu li:hover {
    box-shadow: inset 500px 500px rgba(255, 255, 255, 0.125);
}

/* submenu text */
.submenu li a {
    text-decoration: none;
    height: inherit;
    display: block;
}

header .menu-text {
    color: #fff;
    font-weight: normal;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 28px;
    padding-bottom: 8px;
    display: inline-block;
    /*box-sizing: content-box;*/
}

header .popupmenu .menu-text {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 60px;
    width: 256px;
}

/* hamburger */
@media screen and (max-width: 650px) {
    header .menu { height: 60px; background-position: calc(100% - 8px); }
    header .menu > ul { display: block; height: 60px; }
    .menu_header > ul > li.main > .submenu { visibility: hidden; height: 60px; }

    .menu_header > ul > li.selected > .submenu {
        visibility: visible;
        margin-top: 60px;
        height: 100vh;
        padding-left: 0px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0);
        width: 100vw;
        max-width: 650px;
        opacity: 0.95;
		cursor: default;

        max-height: calc(100vh - 60px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .menu_header ul .main > .submenu > li { height: 60px; width: inherit; background-color: rgb(52, 52, 52); border-top: solid 1px rgba(255, 255, 255, 0.125); }
    .menu_header ul .main > .submenu > li.selected { background-color: #fff; }
    .menu_header ul .main > .submenu > li.selected > .menu-text,  .menu_header ul .main > .submenu > li.selected > a .menu-text { color:rgb(52, 52, 52); }
    .menu_header ul .main > .submenu > li:hover { box-shadow: inset 500px 500px rgba(255, 255, 255, 0.125); }
    .menu_header ul .main > .submenu > li.telephone { padding-left: 24px; background-position: 12px center; }
    li.selected + li.panel_members { margin-top: 18px; } /* shift down when sibling is selected to compensate for popupmenu borders */
    .menu_header ul .main > .submenu > li .menu-text { margin: 0px; padding: 0px 16px; line-height: 60px; }
    .menu_header li:not(.selected) .submenu li.selected .popupmenu { visibility: hidden; }
    .menu_header li.selected .submenu li.selected .popupmenu { width: inherit; box-shadow: inset 500px 500px rgba(255, 255, 255, 0.125); opacity: inherit; border: none; position: relative; }
    .menu_header li.selected .submenu li.selected .popupmenu li:hover { box-shadow: inset 500px 500px rgba(255, 255, 255, 0.25); }
    .popupmenu li { border-top: solid 1px rgba(255, 255, 255, 0.125); width: inherit; }
}

/* apply scrollbar on .popupmenu only when not hamburgered */
@media screen and (min-width: 650px) {
    .popupmenu { max-height: calc(100vh - 60px); overflow-y: auto; overflow-x: hidden; }
    .popupmenu li:not(:first-child) { border-top: solid 1px rgba(255, 255, 255, 0.125); }
}

/* FOOTER */
footer {
    /*position: absolute;*/
    width: 100%;
    /*bottom: 0;*/

    background-color: rgb(52, 52, 52);
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 1px solid #fff;
    overflow-x: hidden;
    /* extend footer when zoomed out or on high res */
    box-shadow: rgb(52, 52, 52) 0px 1000px 0px 1000px;
}

footer .copyright {
    padding-left: 16px;
    padding-top: 32px;
    max-width: 1408px;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    color: #fff;
}

.menu_footer {
    padding-left: 16px;
    max-width: 1408px;
    margin-left: auto;
    margin-right: auto;
}

.menu_footer .main > .menu-text, .menu_footer .contact_footer > .menu-text {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 16px;
}

.menu_footer .submenu {
    width: 1408px;
    margin-left: auto;
    margin-right: auto;
}

.menu_footer .submenu a {
    display: inline-block;
}

.menu_footer .menu-text {
    font-weight: normal;
}

.menu_footer .main, .menu_footer .contact_footer {
    display: inline-block;
    width: 320px;
    height: 140px;
    vertical-align: top; 
}

.menu_footer .main {
    height: auto
}

.menu_footer .contact_footer {
    padding-left: 40px;
    border-left: solid 1px #fff;
}

.menu_footer .contact_footer:nth-child(3) {
    border-right: none;
    width: 240px;
}

.menu_footer .main .submenu, .menu_footer .contact_footer .submenu {
    width: inherit;
}

.menu_footer .submenu .contact_break {
    margin-bottom: 16px;
}

/* make links in contact submenus unclickable */
.menu_footer .contact_footer .contact_noclick a {
    pointer-events: none;
    cursor: default;
}

@media screen and (max-width: 995px) {
    .menu_footer { width: 320px; margin-left: 0px; margin-right: 0px; }

    .menu_footer .main, .menu_footer .contact_footer {
        width: 320px;
        display: inline-block;
        border-left: none;
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
        margin-bottom: 30px;
        padding-left: 0px;
    }

    .menu_footer .contact_footer:nth-child(3) { width: 320px; }
    .menu_footer .main { height: auto; }
    .menu_footer .submenu { margin-left: 0px; margin-right: 0px; }
    footer .copyright { padding-top: 0px; }
}

/* HOME TITLE */
.kikker {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(https://start.panelwizard.com/file/13533320-8e47-4982-84b7-2a1c4c7e4d2b.dat);
    padding-bottom: 112px;
}

.title {
    color: #fff;
    padding-top: 64px;
    font-weight: bold;
    padding-bottom: 64px;
    padding-left: 16px;
}

.title h1 {
    font-weight: bold;
    font-size: 60px;
    line-height: 40px;
}

.subtitle {
    margin-top: 16px;
    font-size: 24px;
}

/* MENU HOME */
.menu-home {
    max-width: 1408px;
    margin-left: auto;
    margin-right: auto;
}

.menu-home ul {
    text-align: center;
    display: block;
    width: 100%;
}

.menu-home ul li {
    display: inline-block;
    vertical-align: top;
    margin: 16px 16px;
    width: 320px;
    height: 224px;
    background-color: rgba(52, 52, 52, 0.8);
    background-repeat: no-repeat;
    background-position: 50% 25%;
    background-size: 120px 120px;
    position: relative;

    -webkit-transition: background-color 0.125s;
    transition: background-color 0.125s;
}

.menu-home li a {
    display: inline-block;
    width: inherit;
    height: inherit;
    font-weight: bold;
    text-decoration: none;
    font-size: 2.5em;
}

.menu-home li a .menu-text {
    position: absolute;
    bottom: 10%;
    width: 100%;
    left: 0;
}

/* menu images */
.menu-home li.products { background-image: url(img/icons/producten_icon.png); }
.menu-home li.offerte { background-image: url(img/icons/offerte_icon.png); }
.menu-home li.our_panel { background-image: url(img/icons/team_icon.png); background-size: 160px 160px; }
.menu-home li.news { background-image: url(img/icons/nieuws_icon.png); }
.menu-home li.monitor { background-image: url(img/icons/exclusief_icon.png); }
.menu-home li.references { background-image: url(img/icons/referenties_icon.png); }
.menu-home li.demo_report { background-image: url(img/icons/demorapport_icon.png); }
.menu-home li.become_member { background-image: url(img/icons/word_lid_icon.png); }
.menu-home li.your_details { background-image: url(img/icons/uw_gegevens_icon.png); }

/* mouseover colors */
.menu-home ul li.products:hover { background-color: rgba(141, 17, 98, 0.9); }
.menu-home ul li.offerte:hover { background-color: rgba(206, 12, 45, 0.9); }
.menu-home ul li.our_panel:hover { background-color: rgba(246, 150, 40, 0.9); }
.menu-home ul li.news:hover { background-color: rgba(160, 192, 50, 0.9); }
.menu-home ul li.monitor:hover { background-color: rgba(0, 163, 34, 0.9); }
.menu-home ul li.references:hover { background-color: rgba(28, 168, 161, 0.9); }
.menu-home ul li.demo_report:hover { background-color: rgba(0, 115, 180, 0.9); }
.menu-home ul li.become_member:hover, .menu-home ul li.your_details:hover { background-color: rgba(0, 89, 154, 0.9); }

@media screen and (max-width: 720px) {
    /* title */
    .title h1 { font-size: 8.5vw; line-height: 5.5vw; }
    .subtitle { margin-top: 2.3vw; font-size: 3.4vw; line-height: 4vw; }
   
    /* menu */
    .menu-home ul li { width: 45.45%; height: 31.11vw; margin: 2.27% 2.27%; background-size: 17vw 17vw; }
    .menu-home ul li.our_panel { background-size: 22.7vw 22.7vw; }
    .menu-home li a { font-size: 5.5vw; width: 100%; }
}

/* small menus for references and products pages */
.menu-small {
    display: block;
    text-align: center;
    margin-left: -16px; /* align with titles, text, etc */
}

.menu-small li {
    display: inline-block;
    vertical-align: top;
    width: 224px;
    height: 160px;
    margin: 8px 5px; /* 5px instead of 8 is a hack because the html keeps getting reformatted to include whitespace between li tags, causing horizontal spacing */
}

.menu-small li a {
    display: block;
    width: inherit;
    height: inherit;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

@media screen and (max-width: 540px) {
    .menu-small { margin-left: 0px; }
    .menu-small li { width: 46.67%; height: 30vw; margin: 1.67% 0.6%; }
    .menu-small li a { width: auto; }
}

/* PAGES GENERAL */
.page_title {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 384px;

    position: relative;
}

/* improved version of page_title h1 positioning */
.page_title h1 {
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    color: #fff;

    max-width: 960px;
    bottom: 32px;
    position: absolute;
    padding-left: calc((100vw - 984px) / 2);
}

/* 984 + ( 2 * 28 ) */
@media screen and (max-width: 1040px) {
    .page_title { height: 37vw; }

    .page_title h1 {
        padding-left: 16px;
        font-size: 5.7vw; /* (60px * 100) / 1040px same kind of calculation for all vw values in this media query */
        line-height: 5.7vw;
        bottom: 3.1vw;
    }
}

.page_content {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px 32px 32px 32px;
    color: rgb(52, 52, 52);
}

.page_content h2, .ConsentForm h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0.5em 0;
}

.page_content h3, .page_content h4 {
    font-weight: bold;
    padding: 0.5em 0;
    line-height: normal;
}

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

    .page_content {
        padding: 32px 16px;
    }

    .page_content h2 { font-size: 20px; }
    .page_content h3, page_content h4 { font-size: 14px; }
    body { font-size: 14px; }
}

.page_content p, span.form_text {
    color: rgb(52, 52, 52);
}

.page_content p {
    margin-bottom: 1em;
}

/* list indentation */
.page_content ul:not([class]) {
    margin-left: 32px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.page_content ul {
    margin-bottom: 16px;
}

.page_content ul.bullets li {
    list-style-type: square;
    margin-left: 32px;
}

.page_content button, .ConsentForm button {
    color: #fff;
    background-color: rgb(52, 52, 52);
    border-style: none;
    border-radius: 6px;
    line-height: 40px;
    min-width: 360px;
    cursor: pointer;
    margin-top: 24px;

    padding-left: 16px;
    padding-right: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);   
}

/*
.page_content button:hover {
    box-shadow: rgba(0, 0, 0, 0.125) 360px 360px inset;
}
*/
.page_content .charity-list { max-width: 100%; }
.page_content .charity-list a { text-decoration: none; }
.page_content .charity-list tr { border-bottom: 1px solid rgba(52, 52, 52, 0.25); line-height: 24px; }
.page_content .charity-list tr.total { font-weight: bold; }
.page_content .charity-list td.money { text-align: right; width: 224px; }

@media screen and (max-width: 640px) {
    .page_content button { min-width: 0px; width: 100%; }
}

.page_content a {
    color: #9fb814;
}

/* PAGES PANEL MEMBERS */
.page_panel .page_title {
    background-image: url(https://start.panelwizard.com/file/e53da31d-9903-4662-8ffe-ff064b0225fc.dat);
}

/* member menus */
.page_panel .menu-buttons ul {
    margin-left: 0px;
}

.menu-buttons a, .panel-recruitment li a {
    height: 54px;
    padding: 5px;
    padding-left: 70px;
    padding-right: 10px;
    display: block;
    text-decoration: none;

    background-repeat: no-repeat;
    background-position: 5px center;

    word-break: break-all;
    overflow-x: hidden;
    overflow-y: hidden;
}

.menu-buttons a:hover, .panel-recruitment li a:hover {
    background-color: #a9c215;
}

.menu-buttons a:hover .menu-text, .panel-recruitment li a:hover span {
    color: #fff;
}

.menu-panel-quick li {
    line-height: 54px;
    display: inline-block;
    margin-right: 15px;
}

.menu-panel-quick a .menu-text {
    color: #9fb814;
    font-weight: bold;
}

.menu-panel-quick .piggybank a { background-image: url(img/piggybank-icon-54.png); }
.menu-panel-quick .questionnaire a { background-image: url(img/question-icon-54.png); }
.menu-panel-quick .recruitment a { background-image: url(img/friend-icon-54.png); }

.menu-panel-personal li, .panel-recruitment li {
    max-height: 54px;
    margin-bottom: 24px;
}

.menu-panel-personal .menu-text {
    color: rgb(52, 52, 52);
}

.menu-panel-personal .menu-text .name {
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin-bottom: 0.5em;
    word-break: break-word;
}

.menu-panel-personal .child a { background-image: url("img/family-icon-54.png"); }
.menu-panel-personal .contact a { background-image: url("img/house-icon-54.png"); }
.menu-panel-personal .household a { background-image: url("img/tablet-icon-54.png"); }
.menu-panel-personal .b2b a { background-image: url("img/football-icon-54.png"); }
.menu-panel-personal .political a { background-image: url("img/vote-icon-54.png"); }
.menu-panel-personal .participation a { background-image: url("img/child-icon-54.png"); }

.menu-panel-personal.menu-children.menu-buttons a { background-image: url(img/name-icon-54.png); }

.panel-recruitment li {
    line-height: 54px;
}

.panel-recruitment li a {
    font-weight: bold;
    color: #73840b;
}

.panel-recruitment a.facebook { background-image: url(img/facebook-icon-54.png); }
.panel-recruitment a.twitter { background-image: url(img/twitter-icon-54.png); }
.panel-recruitment a.linkedin { background-image: url(img/linkedin-icon-54.png); }
.panel-recruitment a.email { background-image: url(img/mail-icon-54.png); }
.panel-recruitment a.link { background-image: url(img/link-icon-54.png); }

/* tables */
.piggybank-table {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 32px;
}

.piggybank-table thead {
    font-weight: bold;
}

.piggybank-table .amount {
    text-align: right;
}

.piggybank-table tbody tr {
    border-bottom: 1px solid rgba(52, 52, 52, 0.25);
}

.piggybank-table .subtotal {
    font-weight: bold;
}

.piggybank-table .total {
    font-weight: bold;
    line-height: 36px;
}

/* recruitment table */
.table-recruitment {
    border-collapse: collapse;
    margin-top: 16px;
    margin-bottom: 32px;
}

.table-recruitment td {
    line-height: 18px;
    font-size: 13px;
    padding-right: 24px;
}

.table-recruitment .total {
    border-top: 1px solid rgba(52, 52, 52, 0.25);
    font-weight: bold;
    line-height: 36px;
}

.table-recruitment td.amount { text-align: right; padding-right: 8px; }

/* tables client */
.SurveyList { margin-bottom: 16px; max-width: 100%; }
.SurveyList td { padding-right: 20px; vertical-align: top; }
.SurveyList td.date { min-width: 116px; }
.SurveyList td:not([class]) { }
.SurveyList .bullet { width: 5px; background: transparent url(img/bullet-company.gif) no-repeat left center; }

@media (max-width: 1056px) 
{
    .SurveyList { font-size: 13px; line-height: 16px; }
    .SurveyList td { padding-right: 4px; padding-bottom: 12px; }
    .SurveyList td.date { min-width: 84px; }
    .SurveyList .bullet { display: none; } 
}

/* affiliates */
.infoblock .box {
    background-color: #a9c215;
    display: inline-block;
    text-align: center;
    border-radius: 1em;
    padding: 1em;
    margin-bottom: 16px;
}

.affiliate-home .infoblock .box {
    width: 100%;
    box-sizing: border-box;
}

.infoblock .box a { color: #fff; }

.infoblock .caption {
    color: #fff;
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 1em;
}

.affiliate-home textarea {
    width: 100%;
    max-width: 100%;
    height: 160px;
    padding: 12px;
}

.affiliate-home input {
    width: 100%; max-width: 100%; height: 40px; padding-left: 12px;
}

/* menu over ons */
ul.menu-cert, ul.menu-membership {
    text-align: left;
    margin-left: 0px;
}

.menu-cert li, .menu-membership li {
    font-size: 0px;
    background-size: 114px;
    background: rgb(52, 52, 52) no-repeat center;
    background-size: 192px;
}

.menu-cert li:nth-child(1) { background-image: url(img/logo_keurmerken/20252_ISO_logo_white.png); }
.menu-cert li:nth-child(2) { background-image: url(img/logo_keurmerken/26362_ISO_logo_white.png); }
.menu-membership li:nth-child(1) { background-image: url(img/logo_keurmerken/MOA-logo_white.png); }
.menu-membership li:nth-child(2) { background-image: url(img/logo_keurmerken/ESOMAR-logo_white.png); }

@media screen and (max-width: 552px) {
    .menu-cert li, .menu-membership li { width: 46.67%; height: 30vw; margin: 1.67% 0.6%; background-size: 30vw; }
}

/* PAGES PANEL COMMON */
.page_common .page_title {
    background-image: url(https://start.panelwizard.com/file/13533320-8e47-4982-84b7-2a1c4c7e4d2b.dat);
}

/* PRODUCTS PAGE */
.page_products .page_title { background-image: url(https://start.panelwizard.com/file/dd2c18ff-f065-49c5-9ac0-0c475800e10f.dat) }
.page_products h2, .page_products h3 { color: rgb(141, 17, 98); }
.page_products .page_content button { background-color: rgb(141, 17, 98); }

.comb .short, .faq h4 {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.comb .long {
    margin-bottom: 16px;
}

.comb .long, ul.faq div {
    display: none;
}

/* OFFERTE PAGE */
.page_offerte .page_title { background-image: url(https://start.panelwizard.com/file/5c6a08ef-0204-4993-ac63-e0b23dfefdb8.dat); background-position: center 100% }
.page_offerte h2, .page_offerte h3 { color: rgb(206, 12, 45); }
.page_offerte .page_content button { background-color: rgb(206, 12, 45); }

.contact-sales td {
    margin-top: 24px;
    margin-bottom: 32px;
    min-width: 250px;
}

@media screen and (max-width: 750px) {
    .contact-sales td { display: inline-block; }
}

/* ABOUT PANEL PAGE */
/* resize background to fit page_title height, prevents misalignment of square cells in background image  */
.page_about_panel .page_title { background-image: url(https://start.panelwizard.com/file/458b3782-3cdd-4816-bc6c-1ebefa662375.dat); background-size: 1208px, 768px; background-position: 0% 100% }
.page_about_panel h2, .page_about_panel h3 { color: rgb(246, 150, 40); }
.page_about_panel .page_content button { background-color: rgb(246, 150, 40); }

/* NEWS PAGE */
.page_news .page_title { background-image: url(https://start.panelwizard.com/file/9ccaab75-5d6a-4777-8257-56fb9d4ea9af.dat); }
.page_news h2, .page_news h3, .page_news .blog .tagnode h3 { color: rgb(82, 162, 52); }
.page_news .page_content button { background-color: rgb(82, 162, 52); }
/* align blog roll position to page titles on news page */
.page_news .blog { padding: 0px; }

.page_news .blog-image img.tagnode {
    float: right;
    max-width: 240px;
    max-height: 360px;
    margin-left: 2em;
    margin-bottom: 1em;
}

img.tagnode {
    max-width: 100%;
}

/* EXCLUSIVE PAGE (monitors) */
.page_exclusive .page_title { background-image: url(https://start.panelwizard.com/file/6b1855ca-1fb4-491e-8145-cc71ed95ac14.dat); background-position: center 70%; }
.page_exclusive h2, .page_exclusive h3 { color: rgb(0, 163, 34); }
.page_exclusive .page_content button { background-color: rgb(0, 163, 34); }

.monitors_menu li {
    background-position: 50% 15%;
    background-repeat: no-repeat;
    background-size: 96px 96px;
    background-color: rgb(0, 163, 34);
    position: relative;
    
    -webkit-transition: background-color 0.125s;
    transition: background-color 0.125s;
}

.monitors_menu li:hover {
    background-color: rgb(0, 137, 34);
}

.monitors_menu li.monitor_dating { background-image: url(img/icons/monitor_dating_icon.png); }
.monitors_menu li.monitor_energie { background-image: url(img/icons/monitor_energie_icon.png); }
.monitors_menu li.monitor_goeddoel { background-image: url(img/icons/monitor_goeddoel_icon.png); }
.monitors_menu li.monitor_auto { background-image: url(img/icons/monitor_auto_icon.png); }
.monitors_menu li.monitor_telecom { background-image: url(img/icons/monitor_telecom_icon.png); }
.monitors_menu li.monitor_attractiepark { background-image: url(img/icons/monitor_attractie_icon.png); }
.monitors_menu li.monitor_kidspanel { background-image: url(img/icons/panel_kids_icon.png); }
.monitors_menu li.monitor_b2bpanel { background-image: url(img/icons/panel_b2b_icon.png); }

.monitors_menu li .menu-text {
    position: absolute;
    font-weight: bold;
    font-size: 1.125em;
    left: 0;
    width: calc(100% - (2 * 16px));
    padding-left: 16px;
    padding-right: 16px;
    bottom: 5%;
}

@media screen and (max-width: 540px) {
    .monitors_menu li { background-size: 17.8vw 17.8vw; line-height: 4vw; }
    .monitors_menu li .menu-text { font-size: 3vw; }
}

/* PAGE SPECIALTY PANEL */
.page_specialty .page_title { background-image: url(https://start.panelwizard.com/file/2bfb0c12-1263-4f25-a76a-6f656b7cec82.dat); background-position: center 40% }

/* PAGE TRACKING */
.page_tracking .page_title { background-image: url(https://start.panelwizard.com/file/79fb1de2-76d2-419f-8c5f-a025f99e4706.dat); background-position: center 70% }

.monitor-summary {
    border-radius: 6px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    padding: 16px;
}

.monitor-summary li {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0.25em 0;
    padding-left: 4em;
    line-height: 2em;
}

.monitor-summary li.multiline {
    padding: 0.5em 0;
    padding-left: 4em;
}

.monitor-summary li.start { background-image: url(img/monitor/clapper.png); }
.monitor-summary li.calendar { background-image: url(img/monitor/calendar.png); }
.monitor-summary li.company { background-image: url(img/monitor/company.png); }
.monitor-summary li.internet { background-image: url(img/monitor/internet.png); }
.monitor-summary li.book { background-image: url(img/monitor/book.png); }
.monitor-summary li.cost { background-image: url(img/monitor/euro.png); }
.monitor-summary li.email { background-image: url(img/monitor/email.png); }
.monitor-summary li.telephone { background-image: url(img/monitor/telephone.png); }

.monitor-summary .small {
    font-size: 12px;
    line-height: 12px;
}

/* REFERENCES PAGE */
.page_references .page_title { background-image: url(https://start.panelwizard.com/file/cfd5e5e9-b5da-48ac-919c-5f84e32c09ec.dat); background-position: center 90% }
.page_references, .page_references h2 { color: rgb(28, 168, 161); }

.reference_menu li {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 192px;
}

.reference_menu li {
    font-size: 0;
}

/* 4 items per line */
.reference_menu li:nth-child(1) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/4ce492f3-3f87-4ce9-8455-2c5ff88d767c.dat); background-size: 144px; }
.reference_menu li:nth-child(2) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/7261f990-a670-4665-a401-7ab8823f71ac.dat); }
.reference_menu li:nth-child(3) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/0a4fae1b-6eb9-438d-9ddd-da082af01052.dat); background-size: 144px; }
.reference_menu li:nth-child(4) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/a9d7d4c8-ab4b-4ce6-9de2-a29258866300.dat); }
.reference_menu li:nth-child(5) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/3fe2ed74-7b31-45bf-beb9-c271dfc07b12.dat); }
.reference_menu li:nth-child(6) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/db706246-4428-43f4-bb4b-0c70a891a9e7.dat); }
.reference_menu li:nth-child(7) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/5410b68c-325d-466e-b9d2-7784aae1fe96.dat); background-size: 144px; }
.reference_menu li:nth-child(8) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/231cb2c9-8d84-4db3-bc13-0464779c02d0.dat); }
.reference_menu li:nth-child(9) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/7bc80afb-bebf-4c39-bb5b-6ec892081656.dat); }
.reference_menu li:nth-child(10) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/5a57cd30-4cfd-4b8f-91bf-dce79c20dced.dat); }
.reference_menu li:nth-child(11) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/0d7ba562-0cde-4ca0-b569-e00222dc4d74.dat); }
.reference_menu li:nth-child(12) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/471d0103-741b-4bec-beb4-ee62de75173a.dat); }
.reference_menu li:nth-child(13) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/af6dbd58-9fcc-438c-82e0-d0324ba7959b.dat); }
.reference_menu li:nth-child(14) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/621e9dfa-974a-4cf0-9ff1-11a8f279c68c.dat); }
.reference_menu li:nth-child(15) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/b7b3a89d-2e12-4c56-8379-696f39da30a7.dat); }
.reference_menu li:nth-child(16) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/b7d12706-709c-4388-b644-6653b604f47a.dat); }
.reference_menu li:nth-child(17) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/f8ba20f7-8806-4b46-b61f-3eb5d7e73829.dat); }
.reference_menu li:nth-child(18) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/f3489255-3689-47cd-8bdf-a8d5ec47bc3d.dat); }
.reference_menu li:nth-child(19) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/fe5bbea4-4ea7-4b3c-9cd0-064c86c5db15.dat); }
.reference_menu li:nth-child(20) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/8b07698f-bf23-4feb-9e77-85011b77bcdb.dat); }
.reference_menu li:nth-child(21) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/3a60dcc1-1860-4dd7-8d2e-837b5b7f44a2.dat); }
.reference_menu li:nth-child(22) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/3f5ca479-b3b5-4f47-96aa-f14b3d9bd5aa.dat); background-size: 144px; }
.reference_menu li:nth-child(23) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/e257215a-0f8a-410e-82e9-3395187d7f12.dat); }
.reference_menu li:nth-child(24) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/62ff15cd-5f4e-4da3-ad19-7710d4f8befe.dat); }
.reference_menu li:nth-child(25) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/22fac89e-affa-44f9-b9aa-1874e61db3fb.dat); background-size: 144px; }
.reference_menu li:nth-child(26) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/5e47f8af-76f2-4e33-9bf6-bd1bb8b3c51e.dat); }
.reference_menu li:nth-child(27) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/79d6b6ff-d1d7-4705-aa86-4d3f24a3f8f5.dat); }
.reference_menu li:nth-child(28) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/0d3cecc9-9c6d-4ed8-9e7b-8cb61857f32c.dat); }
.reference_menu li:nth-child(29) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/8c04958f-8ab3-4112-8146-019a21e4c309.dat); }
.reference_menu li:nth-child(30) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/82bc29b8-ff29-4794-ba2e-fa1d4f87367e.dat); background-size: 144px; }
.reference_menu li:nth-child(31) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/84dd0f6c-e836-4ec5-beaa-c6eff83ac86f.dat); }
.reference_menu li:nth-child(32) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/88d21ece-8659-4de6-b423-2a2aab5817ef.dat); }
/*.reference_menu li:nth-child(33) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/c65c3791-3faf-43a7-9a87-e8892d31c127.dat); background-size: 100px; }*/

/* different order for different # of items per line (3) */
@media screen and (max-width: 1015px) {
    .reference_menu li:nth-child(6) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/3fe2ed74-7b31-45bf-beb9-c271dfc07b12.dat); }
    .reference_menu li:nth-child(5) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/db706246-4428-43f4-bb4b-0c70a891a9e7.dat); }
    .reference_menu li:nth-child(8) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/5410b68c-325d-466e-b9d2-7784aae1fe96.dat); background-size: 144px; }
    .reference_menu li:nth-child(7) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/231cb2c9-8d84-4db3-bc13-0464779c02d0.dat); }
    .reference_menu li:nth-child(14) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/af6dbd58-9fcc-438c-82e0-d0324ba7959b.dat); }
    .reference_menu li:nth-child(13) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/621e9dfa-974a-4cf0-9ff1-11a8f279c68c.dat); }
    .reference_menu li:nth-child(16) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/b7b3a89d-2e12-4c56-8379-696f39da30a7.dat); }
    .reference_menu li:nth-child(15) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/b7d12706-709c-4388-b644-6653b604f47a.dat); }
    .reference_menu li:nth-child(22) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/3a60dcc1-1860-4dd7-8d2e-837b5b7f44a2.dat); }
    .reference_menu li:nth-child(21) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/3f5ca479-b3b5-4f47-96aa-f14b3d9bd5aa.dat); background-size: 144px; }
    .reference_menu li:nth-child(24) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/e257215a-0f8a-410e-82e9-3395187d7f12.dat); }
    .reference_menu li:nth-child(23) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/62ff15cd-5f4e-4da3-ad19-7710d4f8befe.dat); }
    .reference_menu li:nth-child(30) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/8c04958f-8ab3-4112-8146-019a21e4c309.dat); }
    .reference_menu li:nth-child(29) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/82bc29b8-ff29-4794-ba2e-fa1d4f87367e.dat); background-size: 144px; }
    .reference_menu li:nth-child(32) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/84dd0f6c-e836-4ec5-beaa-c6eff83ac86f.dat); }
    .reference_menu li:nth-child(31) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/88d21ece-8659-4de6-b423-2a2aab5817ef.dat); }
}

/* idem (2) */
@media screen and (max-width: 776px)
{
    .reference_menu li:nth-child(4) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/0a4fae1b-6eb9-438d-9ddd-da082af01052.dat); background-size: 144px; }
    .reference_menu li:nth-child(3) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/a9d7d4c8-ab4b-4ce6-9de2-a29258866300.dat); }
    .reference_menu li:nth-child(6) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/3fe2ed74-7b31-45bf-beb9-c271dfc07b12.dat); }
    .reference_menu li:nth-child(5) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/db706246-4428-43f4-bb4b-0c70a891a9e7.dat); }
    .reference_menu li:nth-child(7) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/5410b68c-325d-466e-b9d2-7784aae1fe96.dat); background-size: 144px; }
    .reference_menu li:nth-child(8) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/231cb2c9-8d84-4db3-bc13-0464779c02d0.dat); }   
    .reference_menu li:nth-child(12) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/0d7ba562-0cde-4ca0-b569-e00222dc4d74.dat); }
    .reference_menu li:nth-child(11) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/471d0103-741b-4bec-beb4-ee62de75173a.dat); }
    .reference_menu li:nth-child(15) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/b7b3a89d-2e12-4c56-8379-696f39da30a7.dat); }
    .reference_menu li:nth-child(16) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/b7d12706-709c-4388-b644-6653b604f47a.dat); }
    .reference_menu li:nth-child(20) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/fe5bbea4-4ea7-4b3c-9cd0-064c86c5db15.dat); }
    .reference_menu li:nth-child(19) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/8b07698f-bf23-4feb-9e77-85011b77bcdb.dat); }
    .reference_menu li:nth-child(23) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/e257215a-0f8a-410e-82e9-3395187d7f12.dat); }
    .reference_menu li:nth-child(24) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/62ff15cd-5f4e-4da3-ad19-7710d4f8befe.dat); }
    .reference_menu li:nth-child(28) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/79d6b6ff-d1d7-4705-aa86-4d3f24a3f8f5.dat); }
    .reference_menu li:nth-child(27) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/0d3cecc9-9c6d-4ed8-9e7b-8cb61857f32c.dat); }
    .reference_menu li:nth-child(31) { background-color: #d5e600; background-image: url(https://start.panelwizard.com/file/84dd0f6c-e836-4ec5-beaa-c6eff83ac86f.dat); }
    .reference_menu li:nth-child(32) { background-color: rgb(52, 52, 52); background-image: url(https://start.panelwizard.com/file/88d21ece-8659-4de6-b423-2a2aab5817ef.dat); }
}

@media screen and (max-width: 540px) {
    .reference_menu li,
    .reference_menu li:nth-child(3),
    .reference_menu li:nth-child(8),
    .reference_menu li:nth-child(22) {
        background-size: 30vw;
    }

    .reference_menu li:nth-child(1),
    .reference_menu li:nth-child(4),
    .reference_menu li:nth-child(7),
    .reference_menu li:nth-child(21),
    .reference_menu li:nth-child(25), 
    .reference_menu li:nth-child(29) {
        background-size: 24vw;
    }
}

/* DEMO REPORT PAGE */
.page_demo_report .page_title { background-image: url(https://start.panelwizard.com/file/ec30b8d7-4779-4cf4-b686-36500d9be31b.dat); }
.page_demo_report h2, .page_demo_report h3 { color: rgb(0, 115, 180); }
.page_demo_report .page_content button { background-color: rgb(0, 115, 180); }

/* CONTACT */
.contact .location {
    margin-bottom: 32px;
}

/* FORMS */
.form {
    color: rgb(52, 52, 52);
    margin-top: 16px;
    max-width: 720px;
    margin-bottom: 64px;
}

.form .field {
    margin-bottom: 1em;
    line-height: 40px; 
    clear: both;
}

.form .fieldlabel {
    font-weight: bold;
    float: left;
}

textarea, input {
    width: 100%;
    max-width: 360px;
    background-color: #ddd;
    color: rgb(52, 52, 52);
    border-style: none;
    border-radius: 6px;
    box-sizing: border-box;
}

.form input, .form textarea {
    float: right;
}

.form input {
    height: 40px;
    padding-left: 12px;
    clear: right;
}

.form textarea {
    height: 160px;
    padding: 12px;
}

.form .buttons, .form .status, .form .submit-success {
    clear: both;
}

.form button {
    float: right;
    margin-bottom: 16px;
}

.form hr {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}

/* login */
.login-form {
    margin-bottom: 192px;
}

.login-form a {
    margin-top: 24px;
    float: right;
    clear: both;
}

/* new password */
.new-password-form .submit-success {
    margin-top: 96px;
}

.submit-success {
    display :none;
}

.form .invalid .status {
    color: #ff0000;
    min-width: 360px;
    float: right;
    clear: both;
}

.form .invalid.ultrawide .status {
    float: none;;
    clear: both;
}

@media screen and (max-width: 675px) {
    .form input, .form textarea, .form .date-input2 { max-width: 675px; }
    .form button { min-width: 0px; width: 100%; }
    .form .invalid .status { min-width: 0px; width: 100%; }
}

/* floating contact form */
.contactform {
    float: right;
    clear: right;
    background-color: #eee;
    max-width: 640px;
    padding: 16px;
    margin: 8px;
    border-radius: 6px;
}

.contactform .contactheading {
    font-weight: bold;
}

/* affiliate form */
.affiliate-notify-form, .affiliate-signup-form {
    margin-bottom: 96px;
}

/* unsubscribe form */
.form.unsubscribe button {
    float: none;
}

/* DROPDOWN */
.dropdown { width: 100%; max-width: 360px; background-color: #ddd; border-style: none; border-radius: 6px; box-sizing: border-box; float: right; position: relative; cursor: pointer; }
.dropdown .value { height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dropdown .value, .dropdown li { padding-left: 12px; clear: right; }
.dropdown ul.popupstyle { display: none; position: absolute; width: 100%; border-radius: inherit; border: 1px solid #fff; margin-left: -1px; margin-top: -41px; background-color: inherit; overflow: hidden; }
.dropdown ul.popupstyle.expanded { display: block; z-index: 10; }
.dropdown ul.popupstyle li:hover { color: #fff; background-color: rgb(52, 52, 52); }

@media screen and (max-width: 675px) {
    .dropdown { max-width: 675px; }
}

select 
{
    line-height: 40px;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 16px;
    padding-right: 32px;
    
    background: #ddd url('./img/drop.svg') no-repeat center right 12px;
    background-size: 12px auto;
}


select::-ms-expand { display: none; } /* For IE <= 11 */


.date-input2 { width: 100%; max-width: 360px; float: right; }
.date-input2 select { width: 100%; }
.date-input2 td { padding-right: 8px; }
.date-input2 td:last-child { padding-right: 0; }



/* BLOG */
.blog {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(52, 52, 52);
}

.blog > li.tagnode { margin: 1.5em 0em; }

.blog .path-image {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 1.5em;
}

.blog.short .content {
    overflow: hidden;
    height: 6.4em;
    position: relative;
}

.blog.short .content::after {
    content: '';
    position: absolute;
    background: linear-gradient(rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.9) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.blog .content p { margin-bottom: 2em; }
.blog > .tagnode > a:not(.more) { text-decoration: none; }
.blog .tagnode h3 { color: rgb(52, 52, 52); font-weight: bold; margin: 0.5em 0; }

.share li { display: inline-block; margin-right: 0.5em; margin-top: 0.5em; }


.facebook-sharebutton { background-image: url(img/SocialShare_Facebook.svg); }
.twitter-sharebutton { background-image: url(img/SocialShare_Twitter.svg); }
.linkedin-sharebutton { background-image: url(img/SocialShare_LinkedIn.svg); }



.sharebutton {
    display: block;
    width: 110px;
    height: 32px;
    background-size: cover;
    cursor: pointer;
}

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

    .sharebutton {
        width: 84px; height: 24px;
    }

}




#facebook-jssdk-iframe { position: absolute; z-index: -1; }


/* inschrijfformulier aanpassingen */

@media (min-width: 560px)
{	
    .household-relations { display: table; margin-bottom: 1em; }
    .household-relations > *, .household-relations > .header { display: table-row; }
    .household-relations > * > *  { display: table-cell; padding-right: 0.4em; padding-bottom: 0.3em; }
	
    .content-page .content-column .household-relations .category { vertical-align: middle; font-size: 100%; margin: 0; padding-top: 0; padding-right: 1em; border-style: none; line-height: normal; color: #55493C; white-space: nowrap; }
    .household-relations .dropdown { width: 100%; }
	
    .household-relations .field { vertical-align: top; }
    .household-relations .field label { display: none; }
    .household-relations .field.invalid .status { margin-top: 0; }
}

@media (max-width: 560px)
{
    .household-relations .header { display: none; }
}

.dropdown .value::after {
    content: '';
    position: absolute;
    display: block;
    width: 1.5em;
    height: 28px;
    right: 0;
    top: 8px;
    /* dropdown triangle */
    background: transparent url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2210mm%22%20width%3D%2220mm%22%3E%3Cg%20transform%3D%22translate(-106.29921,-450)%22%3E%3Cpath%20id%3D%22path4138%22%20d%3D%22m%20106.29921,450%2070.86614,0%20-35.43307,35.43307%20L%20106.29921,450%22%20style%3D%22fill%3A%23444444%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%3Bstroke-width%3A1px%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-opacity%3A1%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: 0.7em auto;
}

.wide input, .ultrawide .input {
    float: left;
    max-width: 100%;
}

.wide .fieldlabel, .ultrawide .fieldlabel {
    line-height: 22px;
    margin-bottom: 0.5em;
}

.form p {
    clear: both;
}

.form .category, .FormInput .category {
    margin-top: 2.5em;
    padding-top: 0.2em;
    margin-bottom: 1em;
    font-size: 16pt;
    line-height: 2em;
    border-top: solid 1px #9fb814;
    color: #9fb814;
    clear: both;
}

.form .relation .category {
    border-top: none;
    font-size: 12pt;
    color: rgb(52, 52, 52);
    text-decoration-line: underline;
}

.relation .dropdown {
    padding-right: 30px;
}

.form-userdata-terms .checkfield input {
    margin-right: 5px;
    position: relative;
    top: 2px;
    float: left;
    width: 22px;
    height: 22px;
}

.form-userdata-terms .invalid .status {
    float: none;
}

.form div.field:not(.ultrawide) .fieldlabel {
    max-width: 360px;
    line-height: 22px;
}

.form-userdata-participation .buttonlist li:nth-child(2).btn-checkbox {
    overflow: auto;
}

.form-userdata-participation .buttonlist li:nth-child(2).btn-checkbox .input.textbox {
    margin: 0.6em;
}

.form-panelwizard-subscribe button, .form-userdata-naw button, .form-userdata-household button, .form-userdata-b2b button, .form-userdata-political button, .form-userdata-participation button {
    float: none;
    margin-bottom: auto;
    background: linear-gradient(#a9c215, #73840b);
    border: solid 1px #73850d;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.form-new-adult-redirect input { float: none; margin-right: 10px; }
.form-new-adult-redirect .invalid .status { float: none; }

.form .questionnaire .output.invalid > .status {
    max-width: 720px;
    float: none;
    clear: both;
}


.ReportBody { min-height: 100%; }
.ReportBody .page_content { max-width: unset; margin: unset; padding: unset; color: unset; }
.ReportBody .page_title { display: none; }
.ReportBody .page_content ul:not([class]) { margin: unset; }


/* Housemates input */

.RelationRelated .HousematesInput > .Header { display: none; }

@media (min-width: 1100px)
{	
    .RelationRelated .HousematesInput { display: table; margin-bottom: 1em; width: 100%; }
    .RelationRelated .HousematesInput > .Header { font-weight: bold; }
    .RelationRelated .HousematesInput > *, .RelationRelated .HousematesInput > .Header { display: table-row; }
    .RelationRelated .HousematesInput > * > *  { display: table-cell; }
    .RelationRelated .HousematesInput > * > *:nth-child(2) { padding-right: 24px; }
    .RelationRelated .HousematesInput > * > *:nth-child(3) { padding-right: 24px; }
    	
    .RelationRelated .HousematesInput .FormFieldValue, .RelationRelated .HousematesInput .FormFieldValidation { width: 100%; position: static; }
	
    .RelationRelated .HousematesInput .FormField { vertical-align: top; }    
    .RelationRelated .HousematesInput .FormFieldName { display: none; }

    .RelationRelated .HousematesInput .category { font-size: inherit; font-weight: bold; color: inherit; line-height: unset; border-top: none; padding: 0; margin: 0; padding-top: 15px; }
    .RelationRelated .HousematesInput .DateInput td { padding-right: 4px; }
    .RelationRelated .HousematesInput .DateInput td:last-child { padding-right: 0; }
}

.CheckPoliticsForm, .CheckHouseholdForm { padding-bottom: 400px }



/*  ConsentForm */

.ConsentForm, .questionnaire .FormInput.ConsentForm { position: fixed; left: 0; bottom: 0; width: 100%; max-width: unset; max-height: 100%; overflow: auto; z-index: 120; background-color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, 0.3); }
.ConsentForm h2 { font-weight: bold; }
.ConsentForm button { margin: 0; margin-bottom: 4px; width: 100%; }
.ConsentForm .Inner { position: relative; width: 100%; padding: 16px; box-sizing: border-box; }
.ConsentForm .ConsentApproveButtons button { min-width: unset;}
.ConsentForm .Description { display: none; margin-bottom: 32px; }
.ConsentForm .ConsentUpdateButtons { margin: 16px 0; }
.ConsentForm .Long { display: none; }
.ConsentForm .More { display: inline-block; height: 100%; color: #63730d; }

.ConsentForm .CheckListInput .Checked label, .ConsentForm .CheckListInput .Checked label:before  {background-color: #e7f2a6; }
.ConsentForm .CheckListInput label, .ConsentForm .CheckListInput label:before { background-color: #eee; }


.ConsentForm p, .ConsentForm h2 { color: #4b4b4b; text-shadow: none; padding: 0; margin-bottom: 16px; }
.ConsentForm a { color: #9fb814; text-decoration: underline; cursor: pointer; }

@media (min-width: 1056px) 
{
    .ConsentForm .Inner { width: 1056px; margin: 0 auto; }
    .ConsentForm .Inner .Short { position: relative; padding-right: 332px; }
    .ConsentForm .ConsentApproveButtons { position: absolute; right: 0; top: 0; width: 300px; }
}