@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* _content/Doorbraakmethode/Pages/CaseContainerPage.razor.rz.scp.css */
@media only screen and (max-width: 768px) {
    .SideBarContainer[b-2zuzjjzobw] {
      z-index: 3;
      position:fixed
    }

    .HamburgerMenu[b-2zuzjjzobw]
    {
        display: block;
        height: 26px;
        width: 32px;
        position: fixed;
        top: 28px;
        left: 20px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 4;
    }

    .HamburgerMenu .line[b-2zuzjjzobw]{
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: var(--theme-maindark);
    }

    .SideBarContainer[b-2zuzjjzobw] {
        visibility: collapse;
    }

    .MobileSideBarContainer[b-2zuzjjzobw] 
    {
        z-index: 3;
        position: fixed;
        visibility: visible !important;
    }
}

.loader[b-2zuzjjzobw] {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid var(--theme-mainmedium); /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin-b-2zuzjjzobw 2s linear infinite;
    position: fixed;
    left: calc(50% - 60px);
    top: 45%;
    z-index: 4;
}

.loaderOverlay[b-2zuzjjzobw] {
    background-color: gray;
    width: 100%;
    height: 100vh;
    z-index: 3;
    position: fixed;
    opacity: 0.5;
}

.MobileSideBarContainer[b-2zuzjjzobw] {
    visibility: collapse;
}

@keyframes spin-b-2zuzjjzobw {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Doorbraakmethode/Pages/Cases.razor.rz.scp.css */
main[b-cjpxlahe7g] {
    display: flex;
    justify-content: center;
}

    main > div[b-cjpxlahe7g] {
        width: 100%;
        max-width: 1200px;
        margin: 45px 25px 25px;
    }

#casesHeader[b-cjpxlahe7g] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 20px;
}

    #casesHeader > div[b-cjpxlahe7g] {
        display: flex;
        flex-wrap: wrap;
        text-wrap: nowrap;
        gap: 16px;
    }

a[b-cjpxlahe7g] {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 5px;
}

#example[b-cjpxlahe7g] {
    color: var(--theme-maindark);
    background-color: var(--theme-maindark_10);
}

#newCase[b-cjpxlahe7g] {
    color: white;
    background-color: var(--theme-mainmedium);
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
}

svg[b-cjpxlahe7g] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

form[b-cjpxlahe7g] {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

    form > div[b-cjpxlahe7g] {
        display: flex;
        flex-direction: column;
    }

        form > div:last-child[b-cjpxlahe7g] {
            justify-content: end;
        }

label[b-cjpxlahe7g] {
    margin-bottom: 8px;
    letter-spacing: -0.5px;
    color: var(--regular-darkgray);
    font-size: 14px;
}

#searchKeywordContainer[b-cjpxlahe7g], #searchStatusContainer[b-cjpxlahe7g] {
    position: relative;
    display: flex;
}

    #searchKeywordContainer > div[b-cjpxlahe7g], #searchStatusContainer > div[b-cjpxlahe7g] {
        display: flex;
        position: absolute;
        right: 0;
    }

#searchKeyword[b-cjpxlahe7g], #searchStatus[b-cjpxlahe7g] {
    height: 55px;
    padding: 0 30px 0 0;
    border: none;
    font-size: 16px;
    color: var(--regular-darkgray);
}

#searchStatus[b-cjpxlahe7g]{
    border-bottom: 2px solid #FFCCC0;
}

#searchKeyword[b-cjpxlahe7g]{
    border-bottom: 2px solid var(--regular-lightgray);
}

#magnifyingGlass[b-cjpxlahe7g] {
    stroke: var(--theme-maindark);
    stroke-width: 2px;
    margin-right: 0;
}

#searchForm[b-cjpxlahe7g]{
    padding-bottom: 30px;
}

#searchStatusDropdown[b-cjpxlahe7g]{
    background-color: #FFFFFF;
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    position: absolute;
    top: 100%;
    width: 100%;
}

#searchButton[b-cjpxlahe7g]{
    margin-right: -115px;
    margin-top: 14px;
    margin-left: 15px;
}

.statusButton[b-cjpxlahe7g]
{
    margin: 8px;
    text-align: left;
    padding: 12px 16px;
    background-color: var(--theme-mainmedium);
    color: white;
    box-shadow: rgba(0,0,0,0.08) 0 5px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.statusButtonInactive[b-cjpxlahe7g]{
    background-color: #FFFFFF;
    color: rgb(0, 128, 128);
    box-shadow: none;
}

.caseSvg[b-cjpxlahe7g]{
    margin-top: 18px;
}

#statusDropDownButton[b-cjpxlahe7g]{
    height: 100%;
}

@media only screen and (max-width: 768px){
    input[b-cjpxlahe7g]{
        width: 100%;
    }

    .searchKeywordForm[b-cjpxlahe7g]{
        width: 70%;
    }

    .searchStatusForm[b-cjpxlahe7g]{
        width: 70%;
    }

    main[b-cjpxlahe7g]{
        overflow-x: clip;
    }
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/Breakthrough.razor.rz.scp.css */
[b-x1frhzua15] select#select.inputfield {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: 0 !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    min-height: 55px;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    width: 100%;
    border-bottom: 2px solid #ffccc0;
    padding: 16px 0px;
}

.DomainSummary[b-x1frhzua15] {
    display: flex;
}

.DomainSummary > .bubble[b-x1frhzua15] {
    margin-left: 5px;
    cursor: pointer;
    justify-content: space-between;
}

[b-x1frhzua15] select#select.DomainSelect {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: 0 !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    min-height: 55px;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    width: 100%;
    border-bottom: 2px solid #ABACAC;
    padding: 16px 0;
    margin-bottom: 15px;
}

.BubbleContainer[b-x1frhzua15] {
    display: flex;
}

.BubbleContainer > .bubble[b-x1frhzua15] {
    margin-left: 10px;
    cursor: pointer;
}

.BubbleContainer > .bubble > .bubbleCross[b-x1frhzua15] {
    background-color: var(--theme-backcolor);
    width: 20px;
    border-radius: 25px;
    display: flex;
    align-content: center;
    justify-content: center;
    color: var(--theme-maindark);
    margin-left: 5px;
}

.ButtonContainer[b-x1frhzua15] {
    margin: 20px 0px;
}

@media only screen and (max-width: 768px)
{
    .DomainSummary[b-x1frhzua15] {
        flex-direction: column;
    }

    .BubbleContainer[b-x1frhzua15] {
        flex-direction: column;
    }

    .HouseholdBlockSelection[b-x1frhzua15] {
        padding: 18px 40px 8px 30px;
    }
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/EfficiencyExpenseComponent.razor.rz.scp.css */
.EfficiencyComponentContainer[b-x6i0bhfrwn]{
    display: flex;
    background-color: #fafcfc;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    margin-bottom: 8px;
}

.EfficiencyComponentValues[b-x6i0bhfrwn] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
    margin: 0;
    flex-grow: 4;
}

.DescriptionContainer[b-x6i0bhfrwn]
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
    margin: 0;
    flex-direction: column;
}

.DescriptionContainer > h3[b-x6i0bhfrwn]
{
    margin: 0 0 16px;
    margin-bottom: 16px;
    font-weight: 500;
    font-family: 'Lora',serif;
    font-size: 18px;
    color: #008080;
}

.DescriptionContainer > p[b-x6i0bhfrwn]
{
    font-size: 16px;
    line-height: 24px;
    -webkit-letter-spacing: -0.27px;
    -moz-letter-spacing: -0.27px;
    -ms-letter-spacing: -0.27px;
    letter-spacing: -0.27px;
    margin: 0;
    color: #abadad;
}

.SelectionContainer[b-x6i0bhfrwn]
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 8px;
}

.SelectionForm[b-x6i0bhfrwn]
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 24px;
    margin-bottom: 0;
}

.TimeAmount[b-x6i0bhfrwn]{
    color: #3a4343;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
    -webkit-letter-spacing: -0.23px;
    -moz-letter-spacing: -0.23px;
    -ms-letter-spacing: -0.23px;
    letter-spacing: -0.23px;
    white-space: pre-wrap;
}

.TimeAmount > span[b-x6i0bhfrwn]
{
    color: #707979;
    margin-left: auto;
}

.InputWrapper[b-x6i0bhfrwn]
{
    position: relative;
}

.ButtonContainer[b-x6i0bhfrwn]{
    position: absolute;
    right: 0;
    height: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ButtonContainer > button[b-x6i0bhfrwn] {
    position: relative;
    padding: 12px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-decoration: none; 
    text-decoration: none;
    border: none;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    cursor: pointer;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--theme-mainmedium);
    color: #004d4d;
    box-shadow: none;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 24px;
    box-shadow: none;
    color: #ffffff;
    margin-right: 5px;
    padding-bottom: 1px;
    cursor: pointer
}

.Amount[b-x6i0bhfrwn]{
    width: 50%;
    height: 55px;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    opacity: 1;
    -webkit-transition: border-color 0.3s ease,opacity 0.3s ease;
    transition: border-color 0.3s ease,opacity 0.3s ease;
    border-bottom: 2px solid #abadad;
    opacity: 0.4;
}

.CostContainer[b-x6i0bhfrwn]{
    color: #3a4343;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
    -webkit-letter-spacing: -0.23px;
    -moz-letter-spacing: -0.23px;
    -ms-letter-spacing: -0.23px;
    letter-spacing: -0.23px;
    white-space: pre-wrap;
    color: #707979;
    margin-top: 12px;
}


@media only screen and (max-width: 768px){
    .DescriptionContainer[b-x6i0bhfrwn]{
        width:50%;
        overflow: hidden;
    }

    .SelectionContainer[b-x6i0bhfrwn]{
        width: 50%;
    }

    .Description[b-x6i0bhfrwn]{
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.MainRemovalButton[b-x6i0bhfrwn] {
    color: #004d4d;
    background-color: #fafcfc;
    font-size: 40px;
    margin: 0;
    border: none;
    box-shadow: none;
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/EfficiencyExpenseCreate.razor.rz.scp.css */
.CostForm[b-4tasu8jsak] 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 24px;
}

.CostFormTextContainer[b-4tasu8jsak] {
    color: #3a4343;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    -webkit-letter-spacing: -0.23px;
    -moz-letter-spacing: -0.23px;
    -ms-letter-spacing: -0.23px;
    letter-spacing: -0.23px;
    white-space: pre-wrap;
}

#CostModal[b-4tasu8jsak]{
    height: auto;
}

.CostInput[b-4tasu8jsak] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: 0 !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    min-height: 55px;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    outline: none;
}

select[b-4tasu8jsak] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: 0 !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    min-height: 55px;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #abadad;
    width: 100%;
}

#MiddleContainer[b-4tasu8jsak]{
    display: flex;
    flex-direction: row;
}

.ModalContent[b-4tasu8jsak] {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

#TextInput[b-4tasu8jsak] {
    border: none;
    border-bottom: 1px solid #abadad;
    width: 100%;
}

#PriceContainer[b-4tasu8jsak]{
    width: 90%;
}

@media only screen and (max-width: 768px) {
    #CostModal[b-4tasu8jsak] 
    {
        height: 100vh;
    }
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/EfficiencyExpenseSelect.razor.rz.scp.css */
.ModalRowFlexContainerMobile[b-hqgr131bim]{
    visibility: collapse;
    width: 0px;
}

.magnifyingGlass[b-hqgr131bim] {
    width: 40px;
    position: absolute;
    height: 40px;
    top: 11px;
    left: 13px;
}

.symbol[b-hqgr131bim]{
    height: 24px;
}

.LawAddSymbol[b-hqgr131bim] {
    height: 24px;
    width: 24px;
}

#ModalSearchInputEfficiency[b-hqgr131bim] {
    width: 70%;
    height: 60px;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding-left: 64px;
}

.ManualCosts[b-hqgr131bim] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    margin-top: 3px;
}

.ManualCostText[b-hqgr131bim] {
    font-family: 'Inter',sans-serif;
    color: rgb(149, 156, 169);
    font-size: 16px;
}

.TopContainer[b-hqgr131bim] {
    position: relative;
    display: flex;
    margin-bottom: -6px;
}

.Selected[b-hqgr131bim] {
    background-color: var(--theme-mainmedium);
}

.EfficiencyTabs[b-hqgr131bim]{
    overflow-x: clip;
}

.NothingFound[b-hqgr131bim] 
{
    height: calc(100% - 25%);
    align-content: center;
    display: flex;
    justify-content: center;
    margin-top: 25%;
    overflow-y: clip;
}

#SelectedTextMobile[b-hqgr131bim] {
    visibility: collapse;
    width: 0;
    height: 0;
}

@media only screen and (max-width: 768px) {
    #AddText[b-hqgr131bim] {
        visibility: collapse;
        width: 0;
    }

    #SelectedText[b-hqgr131bim] {
        visibility: collapse;
        width: 0;
        height: 0;
    }

    #SelectedTextMobile[b-hqgr131bim] {
        visibility: visible;
        width: unset;
        height: unset;
    }

    .ModalRowFlexContainerMobile[b-hqgr131bim] {
        visibility: visible;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .ModalRowFlexContainer[b-hqgr131bim] {
        visibility: collapse;
    }

    .ModalNameContainer[b-hqgr131bim] {
        width: 0;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .ModalSelectionContainer[b-hqgr131bim] {
        width: 0;
        margin-left: 0px;
    }

    #ButtonContainer.ModalSelectionContainer[b-hqgr131bim] {
        width: 0;
    }

    .ModalName[b-hqgr131bim] {
        width: calc(50% - 10px);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .EfficiencyExpenseContainer[b-hqgr131bim] {
        display: flex;
        margin-left: 20px;
    }

    .ModalSelectionButton2[b-hqgr131bim] {
        padding: 12px 16px;
        border: none;
        -webkit-transition: color 0.3s ease,background-color 0.3s ease;
        transition: color 0.3s ease,background-color 0.3s ease;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        outline: none;
        background-color: rgba(0,128,128,0.10);
        box-shadow: none;
        color: #008080;
        padding: 10px;
        border-radius: 24px;
        height: 45px;
        margin-left: 10px;
    }

    .EfficiencyTabs[b-hqgr131bim] {
        overflow-x: auto;
    }
}

.ModalRowFlexContainerEfficiencyPage[b-hqgr131bim] {
    max-height: 50px;
}

.ModalNameEfficiencyPage[b-hqgr131bim] {
    margin: 0;
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/EfficiencyPage.razor.rz.scp.css */
.efficiencyQuestion[b-wewyn4wdto]{
    background-color: white;
    padding: 50px 25px 50px 25px;
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.GraphContainer[b-wewyn4wdto]{
    width:100%; 
    height: 400px; 
    background-color:white; 
    box-sizing:inherit;
    margin-top: 20px;
}

[b-wewyn4wdto] textarea.inputtext.valid {
    border: 2px solid #ABACAC;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    padding-top: 5px;
    margin-top: 5px;
    width: 100%;
    height: 100%;
    resize: vertical;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    background-color: var(--regular-backcolor);
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/HouseHold.razor.rz.scp.css */
.HouseholdBlock[b-9lhd3ra93g]{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
}

.HouseholdBlockSelection[b-9lhd3ra93g]{
    padding: 18px 24px 0px;
    display: flex;
}

.Wrapper[b-9lhd3ra93g]{
    width: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.HouseholdHalf[b-9lhd3ra93g]{
    width: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#SecondContainer[b-9lhd3ra93g]{
    padding-left: 24px;
    width: 48%;
}

.FieldWrapper[b-9lhd3ra93g]{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    margin-bottom: 10px;
}

.FieldLabel[b-9lhd3ra93g]{
    font-family: 'Lora',serif;
    font-size: 22px;
    color: #008080;
    margin-bottom: 8px;
    -webkit-letter-spacing: -0.5px;
    -moz-letter-spacing: -0.5px;
    -ms-letter-spacing: -0.5px;
    letter-spacing: -0.5px;
}

.ExplanationLabel[b-9lhd3ra93g]
{
    font-size: 16px;
    line-height: 24px;
    -webkit-letter-spacing: -0.27px;
    -moz-letter-spacing: -0.27px;
    -ms-letter-spacing: -0.27px;
    letter-spacing: -0.27px;
    margin: 0;
    color: #3a4343;
    font-size: 14px;
}

input[b-9lhd3ra93g]
{
    border: none;
    border-bottom: 2px solid #ffccc0;
    width: 100%;
    height: 55px;
    padding: 0;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    margin-bottom: 24px;
    padding: 9px 0;
}

[b-9lhd3ra93g] select#select.inputfield.valid
{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: 0 !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    min-height: 55px;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    width: 100%;
    border-bottom: 2px solid #ffccc0;
    padding: 16px 0px;
}

.HouseholdFooter[b-9lhd3ra93g]
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 18px 16px 8px 16px;
    text-align: left;
}

.HouseholdFooterLeft[b-9lhd3ra93g] {
    flex-grow: 1;
}
.HouseholdFooterRight[b-9lhd3ra93g] {
    display: flex;
}

    .HouseholdFooterRight button[b-9lhd3ra93g] {
        margin-left: 10px; /* Button spacing*/
        margin-right: 10px;
    }


    #ConsentLabel[b-9lhd3ra93g] {
        font-size: 16px;
        line-height: 24px;
        -webkit-letter-spacing: -0.27px;
        -moz-letter-spacing: -0.27px;
        -ms-letter-spacing: -0.27px;
        letter-spacing: -0.27px;
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        color: #abadad;
    }

#DeleteButton[b-9lhd3ra93g]
{
    position: relative;
  padding: 12px 16px;
  font-family: 'Inter',sans-serif;
  font-size: 16px;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: none;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #d73737;
  color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
  background-color: transparent;
  box-shadow: none;
  border-radius: 22px;
  color: #d73737;
}

#SaveButton[b-9lhd3ra93g] {
   
    padding: 8px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-decoration: none;
    border: none;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    cursor: pointer;
    outline: none;
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.07);
    box-shadow: none;
    border-radius: 10px;
    
    
}

#ContainerPadder[b-9lhd3ra93g]{
    margin-top: 24px;
    padding-bottom : 2px;
}

#AddIcon[b-9lhd3ra93g]{
    display: flex; 
    align-items: center; 
    text-decoration: none; 
    cursor: pointer; 
    color: #FFFFFF; 
    width: 18px; 
    height: 18px; 
    align-items: center; 
    margin: auto; 
    padding-right: 9px;
}

#AddPerson[b-9lhd3ra93g]
{
    display:flex
}

.AddPersonContainer[b-9lhd3ra93g]{
    margin-top: 20px;
}

.BubbleContainer[b-9lhd3ra93g]{
    display: flex;
}

.BubbleContainer > .bubble[b-9lhd3ra93g]
{
    margin-left: 10px;
    cursor: pointer;
}

.BubbleContainer > .bubble > .bubbleCross[b-9lhd3ra93g] {
    background-color: var(--theme-backcolor);
    width: 20px;
    border-radius: 25px;
    display: flex;
    align-content: center;
    justify-content: center;
    color: var(--theme-maindark);
    margin-left: 5px;
}

.ButtonContainer[b-9lhd3ra93g]{
    margin: 20px 0px;
}

@media only screen and (max-width: 768px)
{
    .DomainSummary[b-9lhd3ra93g]{
        flex-direction: column;
    }

    .BubbleContainer[b-9lhd3ra93g]
    {
        flex-direction: column;
    }

    .HouseholdBlockSelection[b-9lhd3ra93g]{
        padding: 18px 40px 8px 30px;
    }
}

[b-9lhd3ra93g] input.inputtext.valid {
    margin-left: 1%;
    margin-right: 1%;
    width: 98% !important;
    border: 2px solid #E5E6E6;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    /*  border-bottom: 2px !important;
    border-left: 0px !important;
     !important;
    border-top: 0px !important; */
    transition: color 0.3s ease;
    padding: 16px 0px;
}

[b-9lhd3ra93g] input.inputtext.invalid {
    margin-left: 1%;
    margin-right: 1%;
    width: 98% !important;
    border: 2px solid #ff4d4d;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    /*  border-bottom: 2px !important;
    border-left: 0px !important;
     !important;
    border-top: 0px !important; */
    transition: color 0.3s ease;
    padding: 16px 0px;
}

[b-9lhd3ra93g] button.textsubmit {
    margin-top: 10px !important;
    margin-left: 1%;
    margin-bottom: 2px;
}

[b-9lhd3ra93g] input.inputtext.valid:focus {
    border-bottom: 2px solid #ffccc0;
    transition: color 0.3s ease;
}

[b-9lhd3ra93g] input.inputtext.valid::-moz-focus-outer {
    border-bottom: 2px solid #ffccc0;
    transition: color 0.3s ease;
}

.commitButtonContainer[b-9lhd3ra93g]{
    display: flex; 
}

@keyframes fade-out-b-9lhd3ra93g {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.SuccessMessage[b-9lhd3ra93g] {
    color: green;
    animation: fade-out-b-9lhd3ra93g 3s forwards;
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/HouseholdDeletePopup.razor.rz.scp.css */
.ModalBody[b-u9xmjygn3e]{
    max-height: 300px;
}

.ModalContent[b-u9xmjygn3e]{
    padding: 20px;
}

#RemoveHouseholdButton[b-u9xmjygn3e] {
    display: flex;
    flex-shrink: 0;
    background-color: #d73737;
    color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
    cursor: pointer;
    position: relative;
    padding: 12px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    border-radius: 5px;
}

p[b-u9xmjygn3e] {
    font-family: 'Inter', serif;
    color: rgb(97, 104, 104);
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/Legitimacy.razor.rz.scp.css */
.ShowDetails[b-b38u76i7y0] {
    margin-top: -50px !important;
    margin-right: -30px;
    float: right;

    fill: rgb(0, 77, 77);
    background-color: transparent;
    box-shadow: none;
}

.ShowDetails > svg[b-b38u76i7y0] {
    width: 20px;
}

.ArticleDetails[b-b38u76i7y0] {
    border: 1px solid gray;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #fbfcfc;
}

.removebutton[b-b38u76i7y0] {
    background-color: transparent;
    box-shadow: none;
    border-radius: 22px;
    color: #d73737;
    transition: background-color 0.3s ease;
    cursor: pointer;
    float:right;
    margin-top: 10px;
}

#saveLaw[b-b38u76i7y0]{
    margin-top: 10px;
    float: right;
    cursor: pointer;
}

[b-b38u76i7y0] textarea.inputtext.valid {
    border: 2px solid #ABACAC;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    padding-top: 5px;
    margin-top: 5px;
    width: 100%;
    height: 100%;
    resize: vertical;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    background-color: var(--regular-backcolor);
}

[b-b38u76i7y0] button.textsubmit {
    margin-top: 100px !important;
    margin-left: 1%;
    margin-bottom: 2px;
    
}

.LegitimacyBlock[b-b38u76i7y0]{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
    padding: 25px 30px 30px 25px;
    margin: 15px;
}

.DomainBlock[b-b38u76i7y0]{
    margin-top: 20px;
    padding-bottom: 25px;
}

.DomainSummary[b-b38u76i7y0] {
    display: flex;
}

.DomainSummary > .bubble[b-b38u76i7y0] {
    margin-left: 5px;
    cursor: pointer;
    justify-content: space-between;
}

.ExplanationBlock[b-b38u76i7y0]
{
    border-top: 2px solid #E5E5E5;
    margin-top: 15px;
}

.ExplanationContainer[b-b38u76i7y0]{
    margin-top: 10px;
}

[b-b38u76i7y0] select#select.DomainSelect {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: 0 !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    min-height: 55px;
    background-color: transparent;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    font-size: 16px;
    line-height: 24px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    width: 100%;
    border-bottom: 2px solid #ABACAC;
    padding: 16px 0;
    margin-bottom: 15px;
}

.LawButtonContainer[b-b38u76i7y0]{
    margin-top: 20px;
    margin-bottom: 50px;
    display: flex;
}

.LawButton[b-b38u76i7y0] {
    display: flex;
    float: left;
}

.SearchIcon[b-b38u76i7y0]
{
    height: 20px;
    margin-right: 5px;
}

.EmptyLawContainer[b-b38u76i7y0]
{
    width: 100%;
    padding: 20px;
    height: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 360px;
}

.LawIcon[b-b38u76i7y0]
{
    width: 70px;
  height: 70px;
}

.DomainSummary[b-b38u76i7y0] {
    display: flex;
}

    .DomainSummary > .bubble > .bubbleCross[b-b38u76i7y0] {
        background-color: var(--theme-backcolor);
        width: 20px;
        border-radius: 25px;
        display: flex;
        align-content: center;
        justify-content: center;
        color: var(--theme-maindark);
        margin-left: 5px;
    }

@media only screen and (max-width: 768px) {
    .DomainSummary[b-b38u76i7y0] 
    {
        flex-direction: column;
    }
}

#SaveButton[b-b38u76i7y0] {
    padding: 8px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-decoration: none;
    border: none;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    cursor: pointer;
    outline: none;
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.07);
    box-shadow: none;
    border-radius: 10px;
}

.LegitimacyFooter[b-b38u76i7y0] {
    display: flex;
    justify-content: flex-end;
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/LegitimacyLawSelect.razor.rz.scp.css */
body[b-6c578ujkc7] {
    height: 500px;
    width: 500px;
    overflow-y: auto;
    background-color: aliceblue;
}

.AddContainer[b-6c578ujkc7] {
    margin-left: 20px;
}

.HeadingContainer[b-6c578ujkc7] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: calc(100% - 24px);
}

.ModalRowHeader[b-6c578ujkc7] {
    width: 100%;
}

.Buttons[b-6c578ujkc7] {
    display: flex;
}

#LegitimacyFooter[b-6c578ujkc7] {
    justify-content: space-between;
}

.Amount[b-6c578ujkc7] {
    background-color: var(--theme-mainmedium);
    border-radius: 6px;
    color: white;
    font-size: 14px;
    padding: 4px;
    display: flex;
    justify-content: space-between;
}

.magnifyingGlass[b-6c578ujkc7] {
    width: 40px;
    position: absolute;
    height: 40px;
    top: 11px;
    left: 13px;
}

.Selected[b-6c578ujkc7] {
    background-color: var(--theme-mainmedium);
}

.symbol[b-6c578ujkc7] {
    height: 24px;
}

@media only screen and (max-width: 768px) {
    #SelectedText[b-6c578ujkc7] {
        visibility: collapse;
        height: 0;
        width: 0;
    }

    .ModalSelectionButton[b-6c578ujkc7] {
        padding: 12px 16px;
        border: none;
        -webkit-transition: color 0.3s ease,background-color 0.3s ease;
        transition: color 0.3s ease,background-color 0.3s ease;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        outline: none;
        box-shadow: none;
        color: #008080;
        padding: 10px;
        border-radius: 24px;
        height: 45px;
        margin-left: 10px;
    }
}

.NothingFound[b-6c578ujkc7] {
    height: calc(100% - 25%);
    align-content: center;
    display: flex;
    justify-content: center;
    margin-top: 25%;
    overflow-y: clip;
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/NewCase.razor.rz.scp.css */
table.QuestionTable[b-0pwh5dst5s] {
    border-radius: 10px;
    background-color: #FFFFFF;
    width: 100%;
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: auto;
    padding: 18px 24px 24px;
}

table.QuestionTable thead th[b-0pwh5dst5s] {
    font-size: 20px;
    font-weight: bold;
    color: #007F80;
    text-align: left;
    padding-left: 10px !important;
}

table.QuestionTable tbody td.subquestion[b-0pwh5dst5s] {
    font-size: 14px;
    color: black;
    text-align: left;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
}

table.QuestionTable thead td.mainquestion[b-0pwh5dst5s] {
    font-size: 22px;
    color: #007F80;
    text-align: left;
    padding-left: 10px !important;
    font-family: "Lora", serif;
}

[b-0pwh5dst5s] input.inputtext.valid {
    margin-left: 1%;
    margin-right: 1%;
    width: 98% !important;
    border: 2px solid #E5E6E6;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    /*  border-bottom: 2px !important;
    border-left: 0px !important;
     !important;
    border-top: 0px !important; */
    transition: color 0.3s ease;
}

[b-0pwh5dst5s] input.inputtext.invalid {
    margin-left: 1%;
    margin-right: 1%;
    width: 98% !important;
    border: 2px solid #ff4d4d;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    /*  border-bottom: 2px !important;
    border-left: 0px !important;
     !important;
    border-top: 0px !important; */
    transition: color 0.3s ease;
}

.SuccessMessage[b-0pwh5dst5s] {
    color: #007F80;
    font-size: 16px;
    text-align: left;
    padding-left: 10px !important;
}
/* _content/Doorbraakmethode/Pages/CaseSubpages/Situation.razor.rz.scp.css */
@keyframes fade-out-b-mzhsmp6hq6 {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.SuccessMessage[b-mzhsmp6hq6] {
    color: green;
    animation: fade-out-b-mzhsmp6hq6 3s forwards;
}
/* _content/Doorbraakmethode/Pages/Dashboard.razor.rz.scp.css */
.trashbinWrapper[b-2a25ibvxtu]{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #3a4343;
    font-family: 'Inter',sans-serif;
    line-height: 22px;
    font-size: 16px;
    max-width: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 44px;
}

.trashbin[b-2a25ibvxtu]{
    display: flex;
    justify-content: center;
}

.trashbinbutton[b-2a25ibvxtu] {
    /*background-color: transparent;*/
    background-color: #ffffff;
    background: url("resources/svg/trashbin.svg") center no-repeat;
    border: none !important;
    font-size: 0;
    box-shadow: none;
    height: 20px;
}

.statusBusy[b-2a25ibvxtu] {
    border-radius: 18px;
    padding: 5px 8px;
    background-color: #008080;
    color: #ffffff;
}

.statusFinished[b-2a25ibvxtu]{
    border-radius: 18px;
    padding: 5px 8px;
    background-color: #ffccc0;
    color: #004d4d;
}

td[b-2a25ibvxtu] {
    color: var(--regular-darkgray);
    padding: 10px;
}

.PDFPrint[b-2a25ibvxtu] 
{
    margin-top: 10px;
}

.ListingContainer[b-2a25ibvxtu]{
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    border-radius: 5px;
}

.ListingItem[b-2a25ibvxtu]{
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.ListingItemCellStart[b-2a25ibvxtu]{
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #3a4343;
    font-family: 'Inter',sans-serif;
    line-height: 22px;
    font-size: 16px;
}

.ListingItemCell[b-2a25ibvxtu]
{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #3a4343;
    font-family: 'Inter',sans-serif;
    line-height: 22px;
    font-size: 16px;
}

.ListingItemCellDateCell[b-2a25ibvxtu]
{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #3a4343;
    font-family: 'Inter',sans-serif;
    line-height: 22px;
    font-size: 16px;
    max-width: 130px;
}

.ListingHeaderContainer[b-2a25ibvxtu]
{
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px;
    border-bottom: none;
    color: #abadad;
}

.HeaderStart[b-2a25ibvxtu]{
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    color: #abadad;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
}

.HeaderCell[b-2a25ibvxtu]{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #abadad;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
}

.HeaderMadeOnCell[b-2a25ibvxtu]
{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #abadad;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
    max-width: 130px;
}

.HeaderBinCell[b-2a25ibvxtu]{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #abadad;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
    max-width: 32px;
}

.bubbleContainer[b-2a25ibvxtu]
{
    font-family: 'Inter',sans-serif;
    margin: 0;
    padding-right: 15px;
    word-break: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.ListingItemValue[b-2a25ibvxtu]{
    font-family: 'Inter',sans-serif;
    margin: 0;
    padding-right: 15px;
    word-break: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: 0;
}

@media only screen and (max-width: 768px){
    .StatusText[b-2a25ibvxtu]{
        visibility: collapse;
        width: 0;
        height: 0;
        display: flex;
    }

    .statusBusy[b-2a25ibvxtu]{
        height: 7px;
    }

    .statusFinished[b-2a25ibvxtu]
    {
        height: 7px;
    }

    .ListingItemCellDateCell[b-2a25ibvxtu]{
        visibility: collapse;
    }

    .HeaderMadeOnCell[b-2a25ibvxtu]{
        visibility: collapse;
    }

    .HeaderStart[b-2a25ibvxtu]{
        flex: 2;
    }

    .HeaderBinCell[b-2a25ibvxtu] {
        visibility: collapse;
    }

}
/* _content/Doorbraakmethode/Pages/DashboardCaseRemoveModal.razor.rz.scp.css */
.ModalSpacer[b-zzu4pi1scq]{
    width: 100%;
    max-width: 600px;
}

.ModalBody[b-zzu4pi1scq]{
    height: 100%;
    min-height: 0px;
}

.ModalRow[b-zzu4pi1scq] {
    display: flex;
    width: 95%;
    margin-left: 10px;
    margin-right: 20px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

.ModalRowTitle[b-zzu4pi1scq] {
    color: #008080;
    width: 95%;
    font-weight: 500;
    font-family: 'Lora', 'serif';
    font-size: 22px;
    margin-left: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 16px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


.ModalRowHeaders[b-zzu4pi1scq] {
    color: #abadad;
    font-family: 'Inter', 'sans-serif';
    font-size: 14px;
    display: flex;
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
}

.item1[b-zzu4pi1scq] {
    margin-left: 10px;
    padding-left: 10px;
    width: 40%;
    element .style font-family: 'Inter',sans-serif;
    margin: 0;
    padding-right: 15px;
    word-break: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.item2[b-zzu4pi1scq] {
    width: 30%;
    margin-right: 10px;
}

.item2Busy[b-zzu4pi1scq] {
    width: 30%;
    border-radius: 18px;
    padding: 5px 8px;
    background-color: #008080;
    color: #ffffff;
    margin-right: 10px;
    align-content: center;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

.item2Completed[b-zzu4pi1scq] {
    width: 30%;
    border-radius: 18px;
    padding: 5px 8px;
    background-color: #ffccc0;
    color: #004d4d;
    margin-right: 10px;
    align-content: center;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}


.item3[b-zzu4pi1scq] {
    
    width: 30%;
}

button > svg[b-zzu4pi1scq] {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

#RemoveCaseButton[b-zzu4pi1scq] {
    display: flex;
    flex-shrink: 0;
    background-color: #d73737;
    color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
    cursor: pointer;
    position: relative;
    padding: 12px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    border-radius: 5px;
}

.ModalName[b-zzu4pi1scq]{
    Padding: 10px 15px
}

span[b-zzu4pi1scq]{
    padding: 10px 15px
}

/* _content/Doorbraakmethode/Pages/Login.razor.rz.scp.css */
main[b-3he5kf6jhy] {
    background-color: var(--theme-backcolor);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#logo[b-3he5kf6jhy] {
    width: 300px;
}

a[b-3he5kf6jhy] {
    margin-top: 56px;
}
/* _content/Doorbraakmethode/Pages/PDF/Pdf.razor.rz.scp.css */
table.QuestionTable[b-v1h4v9sohk] {
    border-radius: 10px;
    background-color: #FFFFFF;
    width: 100%;
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin: auto;
    padding: 18px 24px 24px;
}

table.QuestionTable thead th[b-v1h4v9sohk] {
    font-size: 20px;
    font-weight: bold;
    color: #007F80;
    text-align: left;
    padding-left: 10px !important;
}

table.QuestionTable tbody td.subquestion[b-v1h4v9sohk] {
    font-size: 14px;
    color: black;
    text-align: left;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
}

table.QuestionTable thead td.mainquestion[b-v1h4v9sohk] {
    font-size: 22px;
    color: #007F80;
    text-align: left;
    padding-left: 10px !important;
    font-family: "Lora", serif;
}

.DownloadButton[b-v1h4v9sohk]{
    margin-top: 20px;
    justify-content: center;
    display: flex;
}

.MainBlock[b-v1h4v9sohk] {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07)
}

.BlockSection[b-v1h4v9sohk] {
    padding: 18px 24px 24px 24px;
    position: relative;
    height: 100%;
}

.DownloadContainer[b-v1h4v9sohk] {
    width: 100%;
    height: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.Header[b-v1h4v9sohk] {
    color: #008080;
    margin-bottom: 12px;
    text-align: center;
}

.Paragraph[b-v1h4v9sohk] {
    color: #3a4343;
    text-align: center;
}

.FinishedButton[b-v1h4v9sohk] {
    position: relative;
    padding: 12px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #d73737;
    color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
    margin-top: 20px;
}

.FinishedButton:hover[b-v1h4v9sohk] {
    background-color: #BD3030;
}

.UnfinishedButton[b-v1h4v9sohk] {
    margin-top: 20px;
}

.DownloadButtonContainer[b-v1h4v9sohk] {
    position: absolute;
    top: 24px;
    right: 24px;
}

.DownloadButton[b-v1h4v9sohk] {
    position: relative;
    padding: 12px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #008080;
    color: #ffffff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    box-shadow: none;
    color: #004d4d;
    background-color: rgba(0,128,128,0.1);
}

.symbol[b-v1h4v9sohk]{
    width:24px;
    margin-right: 5px;
}

.CaseCompleteSymbol[b-v1h4v9sohk] {
    width: 72px;
    height: 70px;
}
/* _content/Doorbraakmethode/Pages/TeamLeadDashBoard.razor.rz.scp.css */
main[b-nobjlo8zrk] {
    display: flex;
    justify-content: center;
}

    main > div[b-nobjlo8zrk] {
        width: 100%;
        max-width: 1200px;
        margin: 45px 25px 25px;
    }

#casesHeader[b-nobjlo8zrk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

#casesHeader > div[b-nobjlo8zrk] {
    display: flex;
    flex-wrap: wrap;
}

a[b-nobjlo8zrk] {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 5px;
}

#example[b-nobjlo8zrk] {
    color: var(--theme-maindark);
    background-color: var(--theme-maindark_10);
}

#newCase[b-nobjlo8zrk] {
    color: white;
    background-color: var(--theme-mainmedium);
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
}

svg[b-nobjlo8zrk] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

form[b-nobjlo8zrk] {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

    form > div[b-nobjlo8zrk] {
        display: flex;
        flex-direction: column;
    }

        form > div:last-child[b-nobjlo8zrk] {
            justify-content: end;
        }

label[b-nobjlo8zrk] {
    margin-bottom: 8px;
    letter-spacing: -0.5px;
    color: var(--regular-darkgray);
    font-size: 14px;
}

#searchKeywordContainer[b-nobjlo8zrk], #searchStatusContainer[b-nobjlo8zrk] {
    position: relative;
    display: flex;
}

    #searchKeywordContainer > div[b-nobjlo8zrk], #searchStatusContainer > div[b-nobjlo8zrk] {
        display: flex;
        position: absolute;
        right: 0;
    }

#searchKeyword[b-nobjlo8zrk], #searchStatus[b-nobjlo8zrk] {
    height: 55px;
    padding: 0 30px 0 0;
    border: none;
    font-size: 16px;
    color: var(--regular-darkgray);
}

#searchStatus[b-nobjlo8zrk] {
    border-bottom: 2px solid #FFCCC0;
}

#searchKeyword[b-nobjlo8zrk] {
    border-bottom: 2px solid var(--regular-lightgray);
}

#magnifyingGlass[b-nobjlo8zrk] {
    stroke: var(--theme-maindark);
    stroke-width: 2px;
    margin-right: 0;
}

#searchForm[b-nobjlo8zrk] {
    padding-bottom: 30px;
}

#searchStatusDropdown[b-nobjlo8zrk] {
    background-color: #FFFFFF;
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    position: absolute;
    top: 100%;
    width: 100%;
}

#searchButton[b-nobjlo8zrk] {
    margin-right: -115px;
    margin-top: 14px;
    margin-left: 15px;
}

.statusButton[b-nobjlo8zrk] {
    margin: 8px;
    text-align: left;
    padding: 12px 16px;
    background-color: var(--theme-mainmedium);
    color: white;
    box-shadow: rgba(0,0,0,0.08) 0 5px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.statusButtonInactive[b-nobjlo8zrk] {
    background-color: #FFFFFF;
    color: rgb(0, 128, 128);
    box-shadow: none;
}

.caseSvg[b-nobjlo8zrk] {
    margin-top: 18px;
}

#statusDropDownButton[b-nobjlo8zrk] {
    height: 100%;
}


.datePickerContainer[b-nobjlo8zrk] {
    align-content: end;
    align-items: center;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
}

[b-nobjlo8zrk] span {
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    padding-right: 12px;
}
#LastDatePicker[b-nobjlo8zrk] {
    margin-right: 0;
}

[b-nobjlo8zrk] input {
    border: none;
    width: 100px;
    height: 36px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #ABADAD;
    transition: border-color 0.3s ease;
    font-family: 'Inter',sans-serif;
    color: #3a4343;
    margin-right: 12px;
    text-align: center;
}
[b-nobjlo8zrk] .input.form-control {
    /* Your styles go here */
    border: none;
    border-bottom: 2px;
    width: fit-content;
    /* Additional styles as needed */
}
.SubMenuDropdown[b-nobjlo8zrk] {
    font-family: 'Inter',sans-serif;
    border: none;
    border-bottom: 2px solid #ffccc0;
    background-color: transparent;
    color: #3a4343;
    height: 36px;
    padding-right: 10px;
    margin-right: 20px;
    font-weight: 500;
}

#tabsContainer[b-nobjlo8zrk] {
    box-sizing: border-box;
    color: rgb(58, 67, 67);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: fit-content;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 24px;
    text-rendering: optimizelegibility;
    width: 985.031px;
    -webkit-font-smoothing: antialiased;
    overflow-y: hidden;
}


.tabsButton[b-nobjlo8zrk] {
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: none;
    box-sizing: border-box;
/*    border-top-color: rgb(0, 77, 77);
    border-right-color: rgb(0, 77, 77);
    border-left-color: rgb(0, 77, 77);*/
    background-color: transparent;
    /*border-bottom-color: rgb(0, 77, 77);*/
    color: rgb(0, 77, 77);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    margin-right: 8px;
    outline-color: rgb(0, 77, 77);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    position: relative;
    text-decoration-color: rgb(0, 77, 77);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-rendering: optimizelegibility;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: background-color;
    transition-timing-function: ease;
    width: 165.859px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-font-smoothing: antialiased;
}

    .tabsButton:focus[b-nobjlo8zrk] {
        background-color: rgb(0, 77, 77);
        border-top-color: rgb(0, 77, 77);
        border-right-color: rgb(0, 77, 77);
        border-left-color: rgb(0, 77, 77);
        background-color: rgba(0, 128, 128, 0.05);
        border-bottom-color: rgb(0, 77, 77);
    }

.contentRow[b-nobjlo8zrk] {
    box-sizing: border-box;
    color: rgb(58, 67, 67);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: auto;
/*    margin-bottom: 40px;*/
    margin-left: 0px;
    margin-right: 0px;
     margin-top: 20px;
    text-rendering: optimizelegibility;
    width: inherit;
    -webkit-font-smoothing: antialiased;

}

.contentBlock[b-nobjlo8zrk] {
    box-sizing: border-box;
    color: rgb(58, 67, 67);
    display: block;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    position: relative;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    border-radius: 5px;
    width: 49.5%;
    max-width: 100%;
}
    .contentBlock:last-child[b-nobjlo8zrk] {
        margin-right: 0; /* Remove margin for the last item */
        margin-left: 1%;
    }
    .contentBlock:only-child[b-nobjlo8zrk] {
        margin-right: 0; /* Remove margin for the last item */
        margin-left: 0;
        width: 100%;
        height: fit-content;
    }

.contentBlockSmall[b-nobjlo8zrk] {
    box-sizing: border-box;
    color: rgb(58, 67, 67);
    display: block;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 2px;
    padding-top: 5px;
    padding-left: 24px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    border-radius: 5px;
    width: 100%;
    margin-right: 20px;
}
    .contentBlockSmall:last-child[b-nobjlo8zrk] {
        margin-right: 0; /* Remove margin for the last item */
        
    }

.contentBlockSmallSpacer[b-nobjlo8zrk] {
    margin-top: 20px;
}

.contentBlockExtra[b-nobjlo8zrk] {
    color: rgb(58, 67, 67);
    display: block;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    width: 25%; /* Set to 100% to take up the full width */
    margin-bottom: 20px; /* Add margin to separate items */
    margin-top: 20px;
}

.BlockTitleSmall[b-nobjlo8zrk] {
    box-sizing: border-box;
    color: rgb(171, 173, 173);
    display: block;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.27px;
    line-height: 24px;
    margin-block-end: 0px;
    margin-block-start: 0px;
    margin-bottom: 0px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

.BlockTitle[b-nobjlo8zrk] {
    box-sizing :border-box ;
    color: rgb(171, 173, 173);
    display: block ;
    font-family :Inter, sans-serif ;
    font-size :16px;
    font-weight :500 ;
    height:fit-content;
    letter-spacing: -0.27px;
    line-height: 24px ;
    margin-block-end: 0px ;
    margin-block-start: 0px ;
    margin-bottom: 0px ;
    margin-inline-end :0px;
    margin-inline-start :0px;
    margin-left :0px;
    margin-right :0px ;
    margin-top: 0px ;
    text-rendering :optimizelegibility;
    -webkit-font-smoothing :antialiased;
}

.SmallBlockText[b-nobjlo8zrk] {
    color: rgb(0, 128, 128);
    font-size: 36px;
    height: 46.5px;
    letter-spacing: -1px;
    margin-block-end: 0px;
    margin-block-start: 16px;
    margin-bottom: 0px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    margin-left: 2px;
    margin-right: 0px;
    margin-top: 16px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

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

    input[b-nobjlo8zrk] {
        width: 100%;
    }

    .searchKeywordForm[b-nobjlo8zrk] {
        width: 70%;
    }

    .searchStatusForm[b-nobjlo8zrk] {
        width: 70%;
    }

    main[b-nobjlo8zrk] {
        overflow-x: clip;
    }

    .contentBlock[b-nobjlo8zrk] {
        box-sizing: border-box;
        color: rgb(58, 67, 67);
        display: block;
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 40px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 24px;
        position: relative;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        box-shadow: 0 4px 8px rgba(0,0,0,0.08);
        border-radius: 5px;
        width: 100%;
        max-width: 100%;
        height: 300px;
    }

    .contentRow[b-nobjlo8zrk] {
        box-sizing: border-box;
        color: rgb(58, 67, 67);
        display: block;
        font-size: 16px;
        font-weight: 500;
        height: auto;
        /*    margin-bottom: 40px;*/
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
        text-rendering: optimizelegibility;
        width: inherit;
        -webkit-font-smoothing: antialiased;
    }
    #tabsContainer[b-nobjlo8zrk] {
        box-sizing: border-box;
        color: rgb(58, 67, 67);
        display: flex;
        font-size: 16px;
        font-weight: 500;
        height: fit-content;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 24px;
        text-rendering: optimizelegibility;
        width: 100%;
        -webkit-font-smoothing: antialiased;
        overflow-y: hidden;
    }

    #casesHeader[b-nobjlo8zrk] {
        display: flex;
        flex-wrap: wrap;
        /*gap: 16px;*/
        justify-content: space-between;
        margin-bottom: 20px;
        width: 100%;
    }

    .contentBlockExtra[b-nobjlo8zrk] {
        color: rgb(58, 67, 67);
        display: block;
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 24px;
        position: relative;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        width: 100%; /* Set to 100% to take up the full width */
        margin-bottom: 20px; /* Add margin to separate items */
    }
}

@media (max-width: 768px) 
{
    .contentBlockExtra[b-nobjlo8zrk] {
        color: rgb(58, 67, 67);
        display: block;
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 24px;
        position: relative;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        width: 100%; /* Set to 100% to take up the full width */
        margin-bottom: 20px; /* Add margin to separate items */
        padding-left: 0px;
        padding-right: 0px;

    }

    .contentBlockSmall[b-nobjlo8zrk] {
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .contentRow[b-nobjlo8zrk] {
        width: 95%;
    }

    .contentBlock[b-nobjlo8zrk] {
        margin-left: 10px;
        height: fit-content;
    }

    .contentBlock:last-child[b-nobjlo8zrk] {
        margin-right: 10px;
        margin-left: 10px;
    }

    #casesHeader[b-nobjlo8zrk] {
        padding-left: 15px;
    }

    .Title[b-nobjlo8zrk] {
        margin-left: 15px;
    }

    .Overview[b-nobjlo8zrk] {
        width: 100% !important;
    }
}
/* _content/Doorbraakmethode/Pages/TeamLeadTop10.razor.rz.scp.css */
.Title[b-u11taumsan] {
    box-sizing:border-box;
    color :rgb(0 128 128);
    display: block;
    font-family: Lora serif;
    font-size :22px;
    font-weight :500;
    height: 28.5px;
    text-rendering :optimizelegibility;
    -webkit-font-smoothing :antialiasd
}

.GrayText[b-u11taumsan] {
    color: #abadad;
    font-family: Lora serif;
    font-size: 14px;
    font-weight: 500;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 24px;
}

.contentRow[b-u11taumsan] {
    box-sizing: border-box;
    color: rgb(58, 67, 67);
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: auto;
    text-rendering: optimizelegibility;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}


.Top10RowHeader[b-u11taumsan] {
    align-items: center;
    color: #abadad;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: -2px;
    text-rendering: optimizelegibility;
    width: 100%;
    -webkit-box-align: center;
    -webkit-font-smoothing: antialiased;
}

.Top10RowFilterButtons[b-u11taumsan] {
    align-items: center;
    color: #abadad;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: -2px;
    text-rendering: optimizelegibility;
    width: 100%;
    -webkit-box-align: center;
    -webkit-font-smoothing: antialiased;
    flex-wrap : wrap;
}

.Top10Row[b-u11taumsan] {
    align-items: center;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 10px 0px;
    box-sizing: border-box;
    color: rgb(58, 67, 67);
    cursor: pointer;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    /*height: 79.9688px ;*/
    margin-bottom: 1px;
    /*    padding-left: 13px ;
    padding-right: 2px ;*/
    padding-top: 4px;
    padding-bottom: 4px;
    text-rendering: optimizelegibility;
    width: 100%;
    -webkit-box-align: center;
    -webkit-font-smoothing: antialiased;
}
.Top10Cell1[b-u11taumsan] {
    margin-left: 10px;
    text-align: center;
    color: #abadad;
    font-weight: 500;
    font-family: Lora,serif;
    font-size: 22px;
}
.Top10Cell2[b-u11taumsan] {
    width: 6%;
    overflow-wrap: anywhere;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 16px;
}
.Top10Cell3[b-u11taumsan] {
    width: 59%;
    overflow-wrap: anywhere;
    font-size: 16px;
}

.Top10CellWet[b-u11taumsan] {
    width: 15%;
    overflow-wrap: anywhere;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 16px;
}
.Top10CellArtNr[b-u11taumsan] {
    width: 15%;
    overflow-wrap: anywhere;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.Top10CellArtHint[b-u11taumsan] {
    width: 56%;
    overflow-wrap: anywhere;
    font-size: 16px;
}
.Top10Cell4[b-u11taumsan] {
    width: 18%;
    text-align: right;
    font-size: 16px;
}
.Top10Cell5[b-u11taumsan] {
    margin-left: 1%;
    margin-right: 1%;
    width: 7%;
    text-align: center;
    color: #008080;
    font-weight: 500;
    font-family: Lora,serif;
    font-size: 36px;
    text-align: right;
}

.tabsButton[b-u11taumsan] {
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: none;
    box-sizing: border-box;
    /*    border-top-color: rgb(0, 77, 77);
    border-right-color: rgb(0, 77, 77);
    border-left-color: rgb(0, 77, 77);*/
    background-color: transparent;
    /*border-bottom-color: rgb(0, 77, 77);*/
    color: rgb(0, 77, 77);
    cursor: default;
    display: flex;
    flex-shrink: 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    margin-right: 8px;
    outline-color: rgb(0, 77, 77);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    position: relative;
    text-decoration-color: rgb(0, 77, 77);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-rendering: optimizelegibility;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: background-color;
    transition-timing-function: ease;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-font-smoothing: antialiased;
}

    .tabsButton:focus[b-u11taumsan] {
        background-color: rgb(0, 77, 77);
        border-top-color: rgb(0, 77, 77);
        border-right-color: rgb(0, 77, 77);
        border-left-color: rgb(0, 77, 77);
        background-color: rgba(0, 128, 128, 0.05);
        border-bottom-color: rgb(0, 77, 77);
    }

@media (max-width: 768px) 
{
    .Top10RowFilterButtons[b-u11taumsan] 
    {
        align-items: center;
        color: #abadad;
        display: flex;
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: -2px;
        text-rendering: optimizelegibility;
        width: 100%;
        -webkit-box-align: center;
        -webkit-font-smoothing: antialiased;
        overflow:auto;
    }

    .Overview[b-u11taumsan]
    {
        width: 100% !important;
    }

    .contentBlockExtra[b-u11taumsan] {
        color: rgb(58, 67, 67);
        display: block;
        font-family: Inter, sans-serif;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 24px;
        position: relative;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        width: 100%; /* Set to 100% to take up the full width */
        margin-bottom: 20px; /* Add margin to separate items */
        padding-left: 0px;
        padding-right: 0px;
    }

    .contentBlockSmall[b-u11taumsan] {
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .contentRow[b-u11taumsan] {
        width: 95%;
    }

    .contentBlock[b-u11taumsan] {
        margin-left: 10px;
        height: fit-content;
    }

    .contentBlock:last-child[b-u11taumsan] {
        margin-right: 10px;
        margin-left: 10px;
    }

    #casesHeader[b-u11taumsan] {
        padding-left: 15px;
    }

    .Title[b-u11taumsan] {
        margin-left: 15px;
    }

    .Top10Cell1[b-u11taumsan] {
        width: 5%;
        margin-left: 10px;
        text-align: center;
        color: #abadad;
        font-weight: 500;
        font-family: Lora,serif;
        font-size: 22px;
    }

    .Top10Cell2[b-u11taumsan] {
        width: 50px;
        overflow-wrap: normal;
        margin-left: 2%;
        margin-right: 2%;
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .Top10Cell3[b-u11taumsan] {
        width: 40%;
        overflow-wrap: normal;
        font-size: 16px;
    }

    .Top10CellWet[b-u11taumsan] {
        width: 15%;
        overflow-wrap: normal;
        margin-left: 2%;
        margin-right: 2%;
        font-size: 16px;
    }

    .Top10CellArtNr[b-u11taumsan] {
        width: 15%;
        overflow-wrap: normal;
        margin-left: 2%;
        margin-right: 2%;
        font-size: 16px;
    }

    .Top10CellArtHint[b-u11taumsan] {
        width: 56%;
        overflow-wrap: normal;
        font-size: 16px;
    }

    .Top10Cell4[b-u11taumsan] {
        width: 18%;
        text-align: right;
        font-size: 16px;
    }

    .Top10Cell5[b-u11taumsan] {
        margin-left: 2%;
        margin-right: 2%;
        width: 7%;
        text-align: center;
        color: #008080;
        font-weight: 500;
        font-family: Lora,serif;
        font-size: 36px;
        text-align: right;
    }

    .Top10RowHeader[b-u11taumsan]{
        overflow-x: scroll;
    }
}
/* _content/Doorbraakmethode/Pages/TeamLeadTop10CaseRedirectModal.razor.rz.scp.css */
.ModalSpacer[b-mv2s0kpx6l] {
    width: 100%;
    max-width: 600px;
}

.ModalBody2[b-mv2s0kpx6l] {
    height: 100%;
    min-height: 0px;
}

.ModalRow[b-mv2s0kpx6l] {
    display: flex;
    width: 95%;
    margin-left: 10px;
    margin-right: 20px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}

.ModalRowTitle[b-mv2s0kpx6l] {
    color: #008080;
    width: 95%;
    font-weight: 500;
    font-family: 'Lora', 'serif';
    font-size: 22px;
    margin-left: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 16px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


.ModalRowHeaders[b-mv2s0kpx6l] {
    color: #abadad;
    font-family: 'Inter', 'sans-serif';
    font-size: 14px;
    display: flex;
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
}

.item1[b-mv2s0kpx6l] {
    margin-left: 10px;
    padding-left: 10px;
    width: 40%;
    font-family: 'Inter',sans-serif;
    margin: 0;
    padding-right: 15px;
    word-break: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.item2[b-mv2s0kpx6l] {
    width: 30%;
    margin-right: 10px;
    cursor: pointer;
}

.item2Busy[b-mv2s0kpx6l] {
    width: 30%;
    border-radius: 18px;
    padding: 5px 8px;
    background-color: #008080;
    color: #ffffff;
    margin-right: 10px;
    cursor: pointer;
    align-content: center;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

.item2Completed[b-mv2s0kpx6l] {
    width: 30%;
    border-radius: 18px;
    padding: 5px 8px;
    background-color: #ffccc0;
    color: #004d4d;
    margin-right: 10px;
    cursor: pointer;
    align-content: center;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}


.item3[b-mv2s0kpx6l] {
    width: 30%;
    cursor: pointer;
}

button > svg[b-mv2s0kpx6l] {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

#RemoveCaseButton[b-mv2s0kpx6l] {
    display: flex;
    flex-shrink: 0;
    background-color: #d73737;
    color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.07);
    cursor: pointer;
    position: relative;
    padding: 12px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    border-radius: 5px;
}

.ModalName[b-mv2s0kpx6l] {
    Padding: 10px 15px
}

span[b-mv2s0kpx6l] {
    padding: 10px 15px
}

.ModalRowMobile[b-mv2s0kpx6l]{
    width: 0;
    height: 0;
    visibility: collapse;
}

@media only screen and (max-width: 768px) {
    .ModalBody2[b-mv2s0kpx6l] {
        height: 100vh;
        min-height: 0px;
        width: auto;
    }

    .ModalRowHeaders[b-mv2s0kpx6l] {
        height: 0px;
        width: 0px;
        visibility: collapse;
    }

    .ModalRow[b-mv2s0kpx6l] {
        height: 0px;
        width: 0px;
        visibility: collapse;
    }

    .ModalRowMobile[b-mv2s0kpx6l] {
        display: flex;
        width: auto;
        margin-left: 10px;
        margin-right: 20px;
        border-radius: 5px;
        box-shadow: none;
        border: 1px solid #e5e5e5;
        cursor: pointer;
        flex-direction: column;
        padding-left: 10px;
    }

    .item1[b-mv2s0kpx6l] {
        width: auto;
        flex-direction: column;
    }

    .item2[b-mv2s0kpx6l] {
        display: flex;
        padding-left: 10px;
        margin-top: 50px;
        width: auto;
        flex-direction: column;
        align-items: center;
    }

    .item3[b-mv2s0kpx6l] {
        display: flex;
        padding-left: 10px;
        margin-top: 50px;
        width: auto;
        flex-direction: column;
        align-items: center;
    }
}
/* _content/Doorbraakmethode/Pages/Teams.razor.rz.scp.css */
table[b-ma76326yu4] {
    font-size: 12px;
    border: 1px solid #CCC;
}

td[b-ma76326yu4] {
        padding: 4px;
        margin: 3px;
        border: 1px solid #CCC;
    }

th[b-ma76326yu4] {
        background-color: #FFFFFF;
        color: #FFF;
        font-weight: bold;
    }

td:first-child[b-ma76326yu4] {
        font-weight: bold
    }
/* _content/Doorbraakmethode/Pages/Users.razor.rz.scp.css */
table[b-vwgi0qh4k3] {
    font-size: 12px;
    border: 1px solid #CCC;
}

td[b-vwgi0qh4k3] {
        padding: 4px;
        margin: 3px;
        border: 1px solid #CCC;
    }

th[b-vwgi0qh4k3] {
        background-color: #FFFFFF;
        color: #FFF;
        font-weight: bold;
    }

td:first-child[b-vwgi0qh4k3] {
        font-weight: bold
    }
/* _content/Doorbraakmethode/Shared/Components/CaseHeaderBar.razor.rz.scp.css */
#infoContainer[b-fyz7yp2eml]{
    width: 65%;
    pointer-events: auto;
}

#pageNumberContainer[b-fyz7yp2eml]{
    width: 35%;
    margin-left: auto;
    position: relative;
    margin-top: -15%;
}

#logo[b-fyz7yp2eml] {
    height: 50px;
}

#options[b-fyz7yp2eml] {
    display: flex;
}

a[b-fyz7yp2eml] {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    color: var(--theme-maindark);
}

svg[b-fyz7yp2eml] {
    stroke: var(--theme-maindark);
    stroke-width: 1.25px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

#pageNumber[b-fyz7yp2eml] 
{
    color: #FFE7E2;
    font-size: 250px;
    font-family: "Lora", serif;
    text-align: right;
    line-height: 215px;
}

.title[b-fyz7yp2eml]{
    display: flex;
    align-items: center;
    color: var(--theme-maindark);
    font-family: "Lora", serif;
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 52px;
}

#backToAll[b-fyz7yp2eml] {
    margin-bottom: 50px;
    width: fit-content;
}

#cases[b-fyz7yp2eml]{
    display: flex;
}

.case[b-fyz7yp2eml]
{
    border-radius: 18px;
    background-color: rgb(0, 128, 128);
    color: white;
    margin-bottom: 10px;
    padding: 8px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 768px){
    #backToAll[b-fyz7yp2eml] {
        visibility: collapse;
        width: fit-content;
    }

    #pageNumber[b-fyz7yp2eml]{
        text-align: left;
        font-size: 120px;
        line-height: 0px;
    }

    .title[b-fyz7yp2eml]{
        font-size: 36px;
    }
}

.nostyle[b-fyz7yp2eml] {
    background: none !important;
    color: transparent !important;
    box-shadow: none !important;
}
/* _content/Doorbraakmethode/Shared/Components/CaseSideBar.razor.rz.scp.css */
#casesidebar[b-v7dldnutok] {
    background-color: #FBFCFC;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    width: 175px;
    height: 100%;
    padding: 16px;
    overflow-y: auto;
}

.sidebaritems[b-v7dldnutok] {
    background-color: #FBFCFC;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.nosvg .symbol[b-v7dldnutok] {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    color: var(--theme-mainmedium);
    width: 25px;
    height: 25px;
    align-items: center;
    margin: auto;
    margin-bottom: 10px;
}

.symbol[b-v7dldnutok] {
    color: #008080;
    width: 25px;
    height: 25px;
    stroke: #008080;
    fill: #008080;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    color: #008080;
    align-items: center;
    margin: auto;
    margin-bottom: 10px;
    display: flex;
}

@media only screen and (max-width: 768px){
    .sidebarLogo[b-v7dldnutok]{
        margin-top: -10px;
        margin-left: 25px;
    }

    .sidebaritems[b-v7dldnutok]{
        margin-left: 10px;
        margin-bottom: 10px;
    }
}
/* _content/Doorbraakmethode/Shared/Components/CaseSideBarButton.razor.rz.scp.css */
.sidebarbutton[b-wge0fh72xk] {
    background-color: #FBFCFC;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    box-shadow: none;
}

.sidebarbutton1[b-wge0fh72xk] {
    width: 100%;
    background-color: transparent;
    color: transparent;
    box-shadow: none;
}

.sidebarbutton a[b-wge0fh72xk] {
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    color: var(--theme-mainmedium) !important;
    background-color: #FBFCFC;
    width: 100%;
    max-width: 100%;
    white-space: normal;
}

.checkmark[b-wge0fh72xk] {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.sidebarbutton1:disabled[b-wge0fh72xk] {
    cursor: not-allowed;
}

.sidebarbutton1:-moz-user-disabled[b-wge0fh72xk]{
    cursor: not-allowed;
}

.sidebarbutton1:disabled a[b-wge0fh72xk]{
    color: #d9d9d9 !important;
    cursor: not-allowed;
}

.sidebarbutton1:-moz-user-disabled a[b-wge0fh72xk]{
    color: #d9d9d9 !important;
    cursor: not-allowed;
}
/* _content/Doorbraakmethode/Shared/Components/CaseTable.razor.rz.scp.css */
table.QuestionTable[b-3yr0tmvmxm] {
    border-radius: 10px;
    background-color: #FFFFFF;
    width: 100%;
    box-shadow: rgba(0,0,0,0.07) 0px 5px 10px 0px;
    text-align: left;
    position: relative;
    z-index: 2;
    margin-bottom: 15px;
    padding: 18px 24px 0px;
}

table.QuestionTable thead th[b-3yr0tmvmxm] {
    font-size: 20px;
    font-weight: bold;
    color: #007F80;
    text-align: left;
    padding-left: 10px !important;
}

table.QuestionTable tbody td.subquestion[b-3yr0tmvmxm] {
    font-size: 14px;
    color: black;
    text-align: left;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
}

table.QuestionTable thead td.mainquestion[b-3yr0tmvmxm] {
    font-size: 22px;
    color: #007F80;
    text-align: left;
    padding-left: 10px !important;
    font-family: "Lora", serif;
}

button[b-3yr0tmvmxm] {
    padding: 7px 14px;
    background-color: var(--theme-mainmedium);
    color: white;
    box-shadow: rgba(0,0,0,0.08) 0 5px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    margin: 6px;
}

.Answer[b-3yr0tmvmxm] {
    margin: 10px 0px;
    font-size: 16px;
}

[b-3yr0tmvmxm] input.inputtext.valid {
    margin-left: 1%;
    margin-right: 1%;
    width: 98% !important;
    border: 2px solid #E5E6E6;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    /*  border-bottom: 2px !important;
    border-left: 0px !important;
     !important;
    border-top: 0px !important; */
    transition: color 0.3s ease;
}

[b-3yr0tmvmxm] input.inputtext.invalid {
    margin-left: 1%;
    margin-right: 1%;
    width: 98% !important;
    border: 2px solid #ff4d4d;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    /*  border-bottom: 2px !important;
    border-left: 0px !important;
     !important;
    border-top: 0px !important; */
    transition: color 0.3s ease;
}

[b-3yr0tmvmxm] button.textsubmit {
    margin-top: 10px !important;
    margin-left: 1%;
    margin-bottom: 2px;
}

[b-3yr0tmvmxm] input.inputtext.valid:focus {
    border-bottom: 2px solid #ffccc0;
    transition: color 0.3s ease;
}

[b-3yr0tmvmxm] input.inputtext.valid::-moz-focus-outer {
    border-bottom: 2px solid #ffccc0;
    transition: color 0.3s ease;
}

#ManualErrorMessage[b-3yr0tmvmxm] {
    color: #ff4d4d;
}
/* _content/Doorbraakmethode/Shared/Components/EfficiencyQuestion.razor.rz.scp.css */
.efficiencyQuestionHeader[b-p6zp23gybh]{
    margin-top: -28px;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: "Inter", serif;
    display: flex;
    flex: 1;
}

.efficiencyQuestionBody[b-p6zp23gybh]{
    display: flex;
    flex-direction: column;
}

.efficiencyQuestionText[b-p6zp23gybh] {
    font-size: 15px;
    color: var(--theme-maindark);
    font-family: "Inter", serif;
    line-height: 22px;
    margin-bottom: 10px;
}

.efficiencyQuestionHeaderRight[b-p6zp23gybh]{
    justify-content: right;
    display: flex;
    flex: 1;
}

.efficiencyQuestionUnderHeaderContainer[b-p6zp23gybh] {
    width: 100%;
    display: flex;
    margin-bottom: 28px;
    line-height: 0px;
}
.efficiencyQuestionRight[b-p6zp23gybh] {
    width: 100%;
    text-align: end;
}
.efficiencyQuestionLeft[b-p6zp23gybh] {
    width: 100%;
    line-height: 0px;
    padding-top : 28px;
}
    .efficiencyQuestionLeft > h1[b-p6zp23gybh] {
        margin: 0 0 0px;
        line-height : 0px;
    }


.active[b-p6zp23gybh] {
    color: rgb(0, 128, 128);
}

.inactive[b-p6zp23gybh]{
    color: rgb(171, 173, 173);
}

.LightButton[b-p6zp23gybh]
{
    color: #004d4d;
    background-color: rgba(0,128,128,0.1);
    box-shadow: none;
    float: right;
    cursor: pointer;
}

h1[b-p6zp23gybh]
{
    margin: 0 0 16px;
  font-weight: 500;
  font-family: 'Lora',serif;
  font-size: 36px;
  -webkit-letter-spacing: -1px;
  -moz-letter-spacing: -1px;
  -ms-letter-spacing: -1px;
  letter-spacing: -1px;
  color: #008080;
}

[b-p6zp23gybh] input.inputtext.valid {
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 18px;
    width: 98% !important;
    border: 2px solid #E5E6E6;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    transition: color 0.3s ease;
}

[b-p6zp23gybh] button.textsubmit {
    margin-top: 10px !important;
    margin-left: 1%;
    margin-bottom: 2px;
}

[b-p6zp23gybh] input.inputtext.valid:focus {
    border-bottom: 2px solid #ffccc0;
    transition: color 0.3s ease;
}

[b-p6zp23gybh] input.inputtext.valid::-moz-focus-outer {
    border-bottom: 2px solid #ffccc0;
    transition: color 0.3s ease;
}

h1[b-p6zp23gybh]
{
    margin: 0 0 16px;
  font-weight: 500;
  font-family: 'Lora',serif;
  font-size: 36px;
  -webkit-letter-spacing: -1px;
  -moz-letter-spacing: -1px;
  -ms-letter-spacing: -1px;
  letter-spacing: -1px;
  color: #008080;
}

@media only screen and (max-width: 768px){
    .Question[b-p6zp23gybh]
    {
        margin-right: 14px;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .efficiencyQuestionHeaderRight[b-p6zp23gybh]{
        width: 50%;
        flex-direction: column;
    }

    .LightButton[b-p6zp23gybh]{
        width: 100%;
        margin-bottom: 10px;
    }
}

#calculationButton[b-p6zp23gybh] {
    align-self: start;
    margin-top: 10px;
}

.EfficiencyQuestionFooter[b-p6zp23gybh] {
    display: flex;
    justify-content: flex-end;
}

#SaveButton[b-p6zp23gybh] {
    padding: 8px 16px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-decoration: none;
    border: none;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    cursor: pointer;
    outline: none;
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.07);
    box-shadow: none;
    border-radius: 10px;
    float: right;
}

[b-p6zp23gybh] textarea.inputtext.valid {
    border: 2px solid #ABACAC;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 16px;
    padding-top: 5px;
    margin-top: 5px;
    width: 100%;
    height: 100%;
    resize: vertical;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    background-color: var(--regular-backcolor);
}

.EfficiencySuggestion[b-p6zp23gybh] {
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    margin-bottom: 8px;
    color: lightgrey;
}

.SuggestionContainer[b-p6zp23gybh] {
    display: flex;
    align-items: center;
    justify-content:space-between;
}

.AddExpense[b-p6zp23gybh] {
    color: lightgrey !important;
    background-color: none !important;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}
/* _content/Doorbraakmethode/Shared/Components/HeaderBar.razor.rz.scp.css */
#bar[b-f5vy57wdbw] {
    display: flex;
    justify-content: center;
    height: 80px;
    background-color: var(--theme-backcolor);
    overflow: clip;
    pointer-events: none;
}

#items[b-f5vy57wdbw] {
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 25px;
    z-index: 1;
}

#items2[b-f5vy57wdbw] {
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0 25px;
}

#logo[b-f5vy57wdbw] {
    height: 50px;
}

#options1[b-f5vy57wdbw] {
    display: flex;
    pointer-events: auto;
}

#options2[b-f5vy57wdbw] {
    display: flex;
    pointer-events: auto;
}

a[b-f5vy57wdbw] {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    color: var(--theme-maindark);
    margin-left: 25px;
}

.svg[b-f5vy57wdbw]
{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

@media only screen and (max-width: 768px) {
    a[b-f5vy57wdbw] {
        font-size: 14px;
    }

    .mobileSvg[b-f5vy57wdbw] {
        visibility: collapse;
        width: 0px;
        height: 0px;
    }
}

svg[b-f5vy57wdbw] {
    stroke: var(--theme-maindark);
    stroke-width: 1.25px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
/* _content/Doorbraakmethode/Shared/Components/NextButton.razor.rz.scp.css */
.ButtonContainer[b-1gral3dlz6] {
    padding: 40px 40px 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-text-decoration: none;
    text-decoration: none;
    margin-left: auto;
    border: none;
    background: transparent;
    cursor: pointer;
    box-shadow: none;
}

.ButtonContainer:disabled[b-1gral3dlz6]
{
    cursor: not-allowed;
}

#NextStep[b-1gral3dlz6] {
    color: #004d4d;
    font-size: 16px;
    font-family: 'Inter',sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.IconsContainer[b-1gral3dlz6] {
    position: relative;
}

#IconOne[b-1gral3dlz6] {
    width: 75px;
    height: 50px;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -55px;
}

#IconTwo[b-1gral3dlz6] {
    width: 100px;
    height: 60px;
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -20px;
}

#LinkName[b-1gral3dlz6] {
    margin: 0 0 16px;
    font-weight: 500;
    font-family: 'Lora',serif;
    font-size: 36px;
    -webkit-letter-spacing: -1px;
    -moz-letter-spacing: -1px;
    -ms-letter-spacing: -1px;
    letter-spacing: -1px;
    color: #008080;
    font-size: 36px;
    color: #004d4d;
    position: relative;
    z-index: 4;
}

#NextArrow[b-1gral3dlz6] {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    -webkit-transform: translateX(0) rotate(180deg);
    -ms-transform: translateX(0) rotate(180deg);
    transform: translateX(0) rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s ease,stroke 0.3s ease;
    -webkit-transition: transform 0.3s ease,stroke 0.3s ease;
    transition: transform 0.3s ease,stroke 0.3s ease;
    stroke: #004d4d;
}
/* _content/Doorbraakmethode/Shared/Components/TextFormatter.razor.rz.scp.css */
.Formatter[b-jv3ctf032a] {
    display: flex;
    background-color: var(--theme-mainmedium);
    margin-top: 10px;
    width: fit-content;
    border-radius: 35px;
    height: 100%;
    font-size: 10px;
}

.FormatButton[b-jv3ctf032a] {
    box-shadow: none;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
}

.TextButtons[b-jv3ctf032a]:after 
{
    border: 1px solid rgb(64,160,160);
    content: " ";
    height: 100%;
}

/* _content/Doorbraakmethode/Shared/MainLayout.razor.rz.scp.css */
.page[b-uv4scfal1x] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-uv4scfal1x] {
    flex: 1;
}


img[b-uv4scfal1x] {
    height: 100%;
    width: 100%;
    object-fit: contain;
    background-size: contain;
}

.sidebar[b-uv4scfal1x] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    background-color: #FFFFFF;
    border-right: 1.25px solid #d6d5d5;
}




.top-row[b-uv4scfal1x] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}


    .top-row[b-uv4scfal1x]  a, .top-row .btn-link[b-uv4scfal1x] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-uv4scfal1x] {
        overflow: hidden;
        text-overflow: ellipsis;
    }



@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-uv4scfal1x] {
        display: none;
    }

    .top-row.auth[b-uv4scfal1x] {
        justify-content: space-between;
    }

    .top-row a[b-uv4scfal1x], .top-row .btn-link[b-uv4scfal1x] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-uv4scfal1x] {
        flex-direction: row;
    }

    .sidebar[b-uv4scfal1x] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        background-color: #FFFFFF;
    }

    .top-row[b-uv4scfal1x] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #FFFFFF;
    }

    .top-row[b-uv4scfal1x], article[b-uv4scfal1x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}