/* /Coach/CoachDialog.razor.rz.scp.css */
body[b-abb6ofk766] {
}
/* /Coach/CoachPanel.razor.rz.scp.css */
body[b-gs6sz2vfqt] {
}
/* /Coach/QuestionnaireMainHost.razor.rz.scp.css */
.questionnaire-maingrid[b-qespade7dh] {
    display: grid;
    background-color: white;
    grid-template-rows: 10% 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 0px;
    border-color: var(--ivx-brandcolor-border);
    width: 100%;
    height: 100%;
}


.questionnaire-topcontrol-logobox[b-qespade7dh] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor-oceangreen);
}

.questionnaire-topcontrol-logobox img[b-qespade7dh] {
    height: auto;
}

.questionnaire-topcontrol-name[b-qespade7dh] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor-oceangreen);
}

.questionnaire-topcontrol-name h4[b-qespade7dh] {
    margin: unset;
    font-size: 2.5rem;
}

.questionnaire-topcontrol-payoff[b-qespade7dh] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    padding-right: 10px;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-brandcolor-oceangreen);
}

    .questionnaire-topcontrol-payoff h4[b-qespade7dh] {
        margin: unset;
        font-size: 1.75rem;
    }

.questionnaire-antwoordengrid[b-qespade7dh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 4;
    width: 100%;
    height: auto;
    min-height: 42px;
    overflow-y: auto;
}

.questionnaire-antwoordengrid-panel[b-qespade7dh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
}

.questionnaire-chart-panel[b-qespade7dh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    padding: 2vw;
}

.questionnaire-coach-panel[b-qespade7dh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 4;
    width: 100%;
    height: 100%;
    padding-top: 2vw;
}
/* /Components/Forms/AnswereButton.razor.rz.scp.css */
.button-base[b-wnuyyr500v] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 50px;
    width: 100%;
    margin-top: 20px;
    border-radius: 2px;
    border-style: solid;
    border-width: 4px;
    border-color: var(--ivx-brandcolor-oceangreen);
    color: white;
    background-color: var(--ivx-brandcolor-oceangreen);
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .button-base p[b-wnuyyr500v] {
        margin-top: unset;
        margin-bottom: unset;
    }

.button-base:first-child[b-wnuyyr500v] {
    margin-top: 1px;
}
.button-selected[b-wnuyyr500v] {
    border-color: var(--ivx-brandcolor-lightblue);
}

.button-unselected[b-wnuyyr500v] {
    background-color: var(--ivx-brandcolor-gray);
    color: var(--ivx-brandcolor-text);
    border-width: 1px;
}
/* /Components/Forms/AnswereContainer.razor.rz.scp.css */
.questionnaire-answerecontainer[b-0dgs0sxai7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
}
/* /Components/Forms/MetabolismForm.razor.rz.scp.css */
.metabolism-base[b-dwqp8crtxg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 50px;
    width: 100%;
    border-radius: 2px;
    border-style: solid;
    border-width: 4px;
    border-color: var(--ivx-brandcolor-oceangreen);
    color: white;
    background-color: var(--ivx-brandcolor-oceangreen);
    padding-top: 10px;
    padding-bottom: 10px;
}

    .metabolism-base p[b-dwqp8crtxg] {
        margin-top: unset;
        margin-bottom: unset;
    }

.metabolism-red[b-dwqp8crtxg] {
    background-color: var(--metabolism-red);
    border-color: var(--metabolism-red);
    color: white;
}

.metabolism-green[b-dwqp8crtxg] {
    background-color: var(--metabolism-green);
    border-color: var(--metabolism-green);
    color: white;
}
.metabolism-yellow[b-dwqp8crtxg] {
    background-color: var(--metabolism-yellow);
    border-color: var(--metabolism-yellow);
    color: #4a4a49;
}
.metabolism-blue[b-dwqp8crtxg] {
    background-color: var(--metabolism-blue);
    border-color: var(--metabolism-blue);
    color: white;
}
/* /Components/Forms/MetabolismProspectForm.razor.rz.scp.css */
.metabolism-base[b-crqxu2ma6t] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 50px;
    width: 100%;
    border-radius: 2px;
    border-style: solid;
    border-width: 4px;
    border-color: var(--ivx-brandcolor-oceangreen);
    color: white;
    background-color: var(--ivx-brandcolor-oceangreen);
    padding-top: 10px;
    padding-bottom: 10px;
}

    .metabolism-base p[b-crqxu2ma6t] {
        margin-top: unset;
        margin-bottom: unset;
    }

.metabolism-red[b-crqxu2ma6t] {
    background-color: var(--metabolism-red);
    border-color: var(--metabolism-red);
    color: white;
}

.metabolism-green[b-crqxu2ma6t] {
    background-color: var(--metabolism-green);
    border-color: var(--metabolism-green);
    color: white;
}
.metabolism-yellow[b-crqxu2ma6t] {
    background-color: var(--metabolism-yellow);
    border-color: var(--metabolism-yellow);
    color: #4a4a49;
}
.metabolism-blue[b-crqxu2ma6t] {
    background-color: var(--metabolism-blue);
    border-color: var(--metabolism-blue);
    color: white;
}

.metabolism-list[b-crqxu2ma6t] {
    list-style-type: square;
}

strong[b-crqxu2ma6t] {
    font-size: 1.25rem;
}

.button-container[b-crqxu2ma6t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
}

.button-base[b-crqxu2ma6t] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 50px;
    width: 100%;
    margin-top: 20px;
    border-radius: 2px;
    border-style: solid;
    border-width: 4px;
    border-color: var(--ivx-brandcolor-oceangreen);
    color: white;
    background-color: var(--ivx-brandcolor-oceangreen);
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .button-base p[b-crqxu2ma6t] {
        margin-top: unset;
        margin-bottom: unset;
    }

.button-next-step[b-crqxu2ma6t] {
    border-color: #de8971;
    background-color: #de8971;
    margin-bottom: 50px;
}

.button-online[b-crqxu2ma6t] {
    border-color: black;
    background-color: black;
    margin-bottom: 50px;
}

.cta-banner[b-crqxu2ma6t] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
    margin-bottom: 20px;
}

    .cta-banner img[b-crqxu2ma6t] {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.studio-selection[b-crqxu2ma6t] {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: baseline;
    align-content: flex-start;
}

.button-studio[b-crqxu2ma6t] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 50px;
    width: auto;
    margin-top: 10px;
    margin-right: 5px;
    border-radius: 2px;
    border-style: solid;
    border-width: 4px;
    border-color: black;
    background-color: black;
    color: white;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* /Components/Forms/QuestionnaireButtonContainer.razor.rz.scp.css */
.questionnaire-buttoncontainer[b-or1j0v9da6] {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
    width: 100%;
    height: 100%;
}

.button-controls[b-or1j0v9da6] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: 100%;
}

.previous-button-placing[b-or1j0v9da6] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.next-button-placing[b-or1j0v9da6] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.progressbar-placing[b-or1j0v9da6] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}
.buttoncontrol[b-or1j0v9da6] {
    display: flex;
    height: 5vh;
    width: 5vh;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: var(--ivx-brandcolor-oceangreen);
    color: white;
    background-color: var(--ivx-brandcolor-oceangreen);
    cursor: pointer;
    margin: 4px;
}
    .buttoncontrol img[b-or1j0v9da6] {
        height: 3.5vh;
        vertical-align: middle;
        border-style: none;
    }

.buttondisabled[b-or1j0v9da6] {
    background-color: var(--ivx-brandcolor-gray);
}
/* /Components/Forms/QuestionnaireDescription.razor.rz.scp.css */
.questionnaire-description[b-0oxir5uuih] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

.questionnaire-description p[b-0oxir5uuih] 
{
    margin-top: unset;
    margin-bottom: unset;
}
/* /Components/Forms/QuestionnaireEditContainer.razor.rz.scp.css */
.questionnaire-editcontainer-withnavigation[b-x5e6ubelsr] {
    display: flex;
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 5;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: var(--ivx-lineheight-cards);
    align-items: flex-start;
    justify-content: flex-start;
}
.questionnaire-editcontainer-withoutnavigation[b-x5e6ubelsr] {
    display: flex;
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 5;
    width: 100%;
    line-height: var(--ivx-lineheight-cards);
    align-items: flex-start;
    justify-content: flex-start;
}
/* /Components/Forms/QuestionnaireForm.razor.rz.scp.css */
.questionnaire-formcontainer-withnavigation[b-ka3b41dtrq] {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 80px 10px;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
}
.questionnaire-formcontainer-withoutnavigation[b-ka3b41dtrq] {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 10px;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
}
/* /Components/Forms/QuestionnaireValidationMessage.razor.rz.scp.css */
.questionnaire-validation[b-uaowxowe7b] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
}

    .questionnaire-validation ul[b-uaowxowe7b] {
        color: red;
        padding-inline-start: 20px;
    }
/* /Components/Generic/ButtonComponent.razor.rz.scp.css */
.css-button-position[b-x358fln429] {
    margin: 4px;
}
/* /Components/Generic/ButtonContainer.razor.rz.scp.css */
.css-container-horizontal[b-xh5ly9ll4o] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.css-container-vertical[b-xh5ly9ll4o] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.css-container-ivxdialog[b-xh5ly9ll4o] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}


/* /Components/Generic/FormContainer.razor.rz.scp.css */
.css-formcontainer[b-x97actv7ru] {
    width: 100%;
    min-width: 85px;
    padding-left: 10px;
    padding-right: 10px;
}

    .css-formcontainer div.row[b-x97actv7ru] {
        padding: 15px 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
/* /Components/QuestionnaireMainHost.razor.rz.scp.css */
.questionnaire-maingrid[b-4kjqm4y3h8] {
    display: grid;
    background-color: white;
    /*header body footer etc.*/
    /* de topcontrol is afgestemd op viewport width gebaseerd op de foto aspect ratio 1920 * 1080 */
    /* Op een desktop is de max height 336px */
    grid-template-rows: min(calc( 100vw * 0.5625 ), calc( 100vh * 0.25 ), 336px) 50px 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-brandcolor-border);
    width: 100%;
    height: 100%;
}

.questionnaire-topcontrol-placing[b-4kjqm4y3h8] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
}

.questionnaire-customer-placing[b-4kjqm4y3h8] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
    background-color: var(--ivx-brandcolor-lightblue);
}
    .questionnaire-customer-placing h3[b-4kjqm4y3h8]{
        color: white;
    }

.questionnaire-body-placing[b-4kjqm4y3h8] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 5;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-left: 3vw;
    padding-right: 3vw;
}

/* /Components/TopControl.razor.rz.scp.css */
.css-klant-topcontrol-maingrid[b-bxr2eh1634] {
    display: block;
    position: relative;
    background-color: var(--ivx-brandcolor-oceangreen) !important;
    border-style: solid;
    border-width: 0px;
    border-color: white;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.css-klant-topcontrol-logoplacing[b-bxr2eh1634] {
    display: block;
    width: 35%;
    height: auto;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
}

.css-klant-topcontrol-logo[b-bxr2eh1634] {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.css-klant-topcontrol-logoimage[b-bxr2eh1634] {
    width: 100%;
    height: auto;
}

.css-klant-topcontrol-banner[b-bxr2eh1634] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

    .css-klant-topcontrol-banner img[b-bxr2eh1634] {
        width: 100%;
        height: auto;
        object-fit: cover;

    }


.css-topcontrol-message[b-bxr2eh1634] {
    padding: 15px;
    display: block;
    width: 40%;
    height: auto;
    position: absolute;
    bottom: 20px;
    right: 3vw;
    background-color: white;
    opacity: 0.8;
    z-index: 3;
}
.css-topcontrol-message p[b-bxr2eh1634] {
    margin-top: unset;
    margin-bottom: unset;
    text-align: center;
    line-height: 1.3;
    font-size: min(3.5vw, 1.25em);

}
/* /Pages/MainPage.razor.rz.scp.css */
.css-target-maingrid[b-54m662xsoz] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


@media screen and (min-width: 600px) {
    .css-target-maingrid[b-54m662xsoz] {
        max-width: 600px;
        height: 97%;
        border-style: solid;
        border-width: 1px;
        border-color: var(--ivx-brandcolor-border);
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2);
    }
}
/* /Pages/MainpageCoach.razor.rz.scp.css */
.css-target-maingrid[b-zklr3n9a5h] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}