/* _content/Zolw-website/Components/Admin/AllProducts.razor.rz.scp.css */
.all-products-admin[b-phcslx1obe]{
        display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    margin: 20px;
    /*background-color: red;*/
}
    .all-products-admin table[b-phcslx1obe] {
        /*background-color: blue;*/
        /*q: WIDTH 100% dont work*/


    }

.admin-controls[b-phcslx1obe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}


.card-holder[b-phcslx1obe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.card-data[b-phcslx1obe] {
    background-color: white;
    width: 80vw;
    max-height: 90%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}
/*Input checkbox*/
input[type="checkbox"][b-phcslx1obe] {
    width: 1.4vw;
    height: 1.4vw;
}


.all-editable-inputs-all-products[b-phcslx1obe]{
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    /*CENTER items*/
    justify-content: space-around;
    /*align-items: center;*/
}
.all-editable-inputs-all-products div[b-phcslx1obe]{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.all-editable-inputs-all-products-product[b-phcslx1obe]{
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    /*CENTER items*/
    justify-content: space-between;
    /*align-items: center;*/
}
.all-editable-inputs-all-products-product section[b-phcslx1obe]{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/*MAKE table rows switch between non color and color */

 tr:nth-child(odd)[b-phcslx1obe] {
    background-color: #f2f2f2;
}

.all-product-addon-add[b-phcslx1obe]{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    /*CENTER items*/
    /*justify-content: space-around;*/
    /*align-items: center;*/


}

.all-product-addon-add section[b-phcslx1obe]{
        display: flex;
    flex-direction: column;
    gap: 5px;
}
    .all-product-addon-add section table[b-phcslx1obe] {
        

    }

/* _content/Zolw-website/Components/Admin/AllUsersRoles.razor.rz.scp.css */
.all-user-table[b-7fctx1r46z] {
    margin: 0 auto;
    width: 100%;
}

h1[b-7fctx1r46z] {
    text-align: center;
}

table[b-7fctx1r46z] {
    /*background-color: red;*/
    border: 1px solid black;
    width: 100%;
}

    table tr th[b-7fctx1r46z] {
        background-color: #ccc;
        border: 1px solid black;
        text-align: center;
    }

    table tr td[b-7fctx1r46z] {
        border: 1px solid black;
        text-align: center;
    }

button[b-7fctx1r46z] {
    /*Remove all styling*/
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.has-license[b-7fctx1r46z] {
    background-color: #ccc;
}

.user-control[b-7fctx1r46z] {
    display: flex;
    justify-content: space-evenly;
}

    .user-control button[b-7fctx1r46z] {
        cursor: pointer;
    }
/* _content/Zolw-website/Components/Admin/EditAnbudPage.razor.rz.scp.css */
.edit-all-anbud-table[b-9rnml8rin9] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    max-width: 100%;
    overflow-x: auto;
}

    .edit-all-anbud-table th[b-9rnml8rin9] {
        background-color: #f2f2f2;
        color: #333;
        font-weight: bold;
        padding: 10px;
        text-align: left;
    }

    .edit-all-anbud-table td[b-9rnml8rin9] {
        padding: 10px;
        border-bottom: 1px solid #f2f2f2;
    }

    .edit-all-anbud-table tr:hover[b-9rnml8rin9] {
        background-color: #f2f2f2;
    }

    .edit-all-anbud-table tr:nth-child(even)[b-9rnml8rin9] {
        background-color: #f2f2f2;
    }

    .edit-all-anbud-table tr:nth-child(odd)[b-9rnml8rin9] {
        background-color: #fff;
    }

    .edit-all-anbud-table tr:last-child[b-9rnml8rin9] {
        border-bottom: 1px solid #f2f2f2;
    }

    .edit-all-anbud-table td[b-9rnml8rin9] {
        word-break: break-word;
    }

button[b-9rnml8rin9] {
    word-break: normal;
}

.overlay[b-9rnml8rin9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .overlay div[b-9rnml8rin9] {
        background-color: white;
        display: flex;
        flex-direction: column;
        padding: 20px;
        border-radius: 5px;
        width: 80%;
        /*max-width: 500px;*/
    }

    .overlay label[b-9rnml8rin9] {
        font-weight: bold;
        margin-bottom: 5px;
    }
    .overlay input[b-9rnml8rin9] {
        padding: 5px;
        margin-bottom: 10px;
    }
    .overlay input[type="checkbox"][b-9rnml8rin9] {
        width: 50px;
        height: 50px;
        margin-left: 20px;


    }
/* _content/Zolw-website/Components/Admin/EditComingCourse.razor.rz.scp.css */
.card-holder[b-0c98b5vpac] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.card-data[b-0c98b5vpac] {
    background-color: white;
    width: 80vw;
    max-height: 90%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}
/*Input checkbox*/
input[type="checkbox"][b-0c98b5vpac] {
    width: 1.4vw;
    height: 1.4vw;
}

/* Input styles */
input[type="text"][b-0c98b5vpac],
input[type="number"][b-0c98b5vpac],
input[type="date"][b-0c98b5vpac],
select[b-0c98b5vpac] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid black;
    border-radius: 4px;
    box-sizing: border-box;
}

.Table-data[b-0c98b5vpac]{
    width: 100%;
}
table[b-0c98b5vpac]{
    /*background-color: red;*/
}
/* _content/Zolw-website/Components/Admin/EditDocumentsPage.razor.rz.scp.css */
.admin-controls[b-oc8o9v9xr0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}


.card-holder[b-oc8o9v9xr0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.card-data[b-oc8o9v9xr0] {
    background-color: white;
    width: 80vw;
    max-height: 90%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}
/*Input checkbox*/
input[type="checkbox"][b-oc8o9v9xr0] {
    width: 1.4vw;
    height: 1.4vw;
}


.all-editable-inputs-all-products[b-oc8o9v9xr0] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    /*CENTER items*/
    justify-content: space-around;
    /*align-items: center;*/
}

    .all-editable-inputs-all-products div[b-oc8o9v9xr0] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

.all-editable-inputs-all-products-product[b-oc8o9v9xr0] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    /*CENTER items*/
    justify-content: space-between;
    /*align-items: center;*/
}

    .all-editable-inputs-all-products-product section[b-oc8o9v9xr0] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

/*MAKE table rows switch between non color and color */

tr:nth-child(odd)[b-oc8o9v9xr0] {
    background-color: #f2f2f2;
}
/* _content/Zolw-website/Components/Admin/EditLocalFileSQL.razor.rz.scp.css */
body[b-fodgrmcwlg] {
}
/* _content/Zolw-website/Components/Admin/EditSluttkv.razor.rz.scp.css */
.card-holder[b-knoifym5wb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.card-data[b-knoifym5wb] {
    background-color: white;
    width: 80vw;
    max-height: 90%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}
/*Input checkbox*/
/*input[type="checkbox"] {
    width: 1.4vw;
    height: 1.4vw;
}
*/
/* _content/Zolw-website/Components/Admin/EditStatsElectricity.razor.rz.scp.css */
.edit-sections-stat[b-a71wln3rws] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.edit-installed-section[b-a71wln3rws] {
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
    text-align: center;
}
.edit-installed-section h3[b-a71wln3rws] {
    margin-bottom: 1rem;
}
.edit-installed-section p[b-a71wln3rws] {
    margin-top: 1rem;
    font-weight: bold;
}

table[b-a71wln3rws] {
    text-align: center;
}

    table thead tr th[b-a71wln3rws] {
        padding: 0 1rem 0 1rem;
        border: 1px solid black;
    }

    table tbody tr td[b-a71wln3rws] {
        padding: 0 1rem 0 1rem;
        border: 1px solid black;
    }

.table-controls[b-a71wln3rws] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
/* _content/Zolw-website/Components/Admin/EditUpdatedDates.razor.rz.scp.css */
.Edit-updated-dates[b-r9z05p0xtq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.Edit-updated-dates-section[b-r9z05p0xtq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.Edit-updated-dates-section input[b-r9z05p0xtq]{
    margin: 0 0 1vw 0;
    text-align: center;
}
/* _content/Zolw-website/Components/Admin/Helpers/ProductTable.razor.rz.scp.css */
body[b-aqhfgu7vi0] {
}
/* _content/Zolw-website/Components/Admin/Kontroller/ManageRegulations.razor.rz.scp.css */
body[b-50ctbpmejc] {
}
/* _content/Zolw-website/Components/Admin/Kontroller/Overlay.razor.rz.scp.css */
.overlay[b-9l3c7jq1iq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Transparent gray background */
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-content[b-9l3c7jq1iq] {
    background-color: white; /* White background for the content */
    padding: 20px;
    border-radius: 5px;
}

.overlay-input-forms input[b-9l3c7jq1iq],
.overlay-input-forms textarea[b-9l3c7jq1iq] {
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 10px;
}
/* _content/Zolw-website/Components/Admin/ManageTerms.razor.rz.scp.css */
h3[b-9zew1ufi3e] {
    margin-bottom: 20px;
}

.table[b-9zew1ufi3e] {
    width: 100%;
    margin-bottom: 20px;
}

.form-group[b-9zew1ufi3e] {
    margin-bottom: 15px;
}

.btn[b-9zew1ufi3e] {
    margin-right: 10px;
}
/* _content/Zolw-website/Components/Admin/MathFormulasEdit.razor.rz.scp.css */
.formulas-edit-section[b-5oyi1to6ug]{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.formulas-edit-section h3[b-5oyi1to6ug], .formulas-edit-section h4[b-5oyi1to6ug]{
    text-align: center;
}


    .formulas-edit-section .formulas-edit-section-data section .formula-edit-section-inputs[b-5oyi1to6ug] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        gap: 10px;
    }

.formulas-edit-section-data[b-5oyi1to6ug]{
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    justify-content: center;
    gap: 20px;
}

.formulas-edit-values[b-5oyi1to6ug] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
     .formulas-edit-value-card[b-5oyi1to6ug]{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: 20px;
    /*border: 1px solid black;*/
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .form-control[b-5oyi1to6ug] {
        width: 20%;
        margin-top: 10px;
    }
/* _content/Zolw-website/Components/Admin/RestApiConnectionTest.razor.rz.scp.css */
body[b-19ghzlbr8l] {
}
/* _content/Zolw-website/Components/Admin/UpdateProductsPriceDB.razor.rz.scp.css */
.file-upload-container[b-f80xgbv7qn] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}



.upload-btn-admin:disabled[b-f80xgbv7qn] {
    cursor: not-allowed;
background-color: #ccc;
color: black;
}
/* _content/Zolw-website/Components/Admin/UserCard.razor.rz.scp.css */
.card-holder[b-f75q67pfu5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.card-data[b-f75q67pfu5] {
    background-color: white;
    width: 500px;
    max-height: 80%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.modal-buttons[b-f75q67pfu5] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.user-management[b-f75q67pfu5] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-control[b-f75q67pfu5] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

/* _content/Zolw-website/Components/Anbud/AnbudComponent.razor.rz.scp.css */
h1[b-5xojzw29xo]{
    text-align: center;
}


.top[b-5xojzw29xo]{
    margin-bottom: 20px;
    text-align: center;
}
.top p[b-5xojzw29xo]{
/*Make space between p tags smaller*/
    margin-bottom: 0px;
}


/* _content/Zolw-website/Components/Anbud/AnbudTable.razor.rz.scp.css */
.all-anbud-list[b-jonjn8s3mw]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 10px;
    margin: 10px;


}
    .all-anbud-list tr[b-jonjn8s3mw] {
        background-color: #f9f9f9;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        word-break: break-word;
        margin: 10px;
        width: 100%;
    }

        .all-anbud-list tr td[b-jonjn8s3mw] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            word-break: break-word;
            margin: 5px;  
        }
            .all-anbud-list tr td h2[b-jonjn8s3mw] {
                margin: 0;
                text-align: center;
            }


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

    .all-anbud-list tr[b-jonjn8s3mw] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        word-break: break-word;
        margin: 10px;
        width: 100%;
    }

        .all-anbud-list tr td[b-jonjn8s3mw] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            word-break: break-word;
            margin: 5px;  
        }
            .all-anbud-list tr td h2[b-jonjn8s3mw] {
                margin: 0;
                text-align: center;
            }
}
/* _content/Zolw-website/Components/Animations/SpinnerOverlay.razor.rz.scp.css */
.loading-overlay[b-grr8l270lq] {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}


.spinner-border[b-grr8l270lq] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border-b-grr8l270lq .75s linear infinite;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border-b-grr8l270lq {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* _content/Zolw-website/Components/ArticleCard.razor.rz.scp.css */
.article-card-section[b-zdak7ptx3p] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .article-card-section h3[b-zdak7ptx3p] {
        text-align: center;
    }

    .article-card-section button[b-zdak7ptx3p] {
        /* CENTER THE BUTTON*/
        margin: 0 auto;
        margin-bottom: 20px;
    }

.pop-wrapper[b-zdak7ptx3p] {
    background-color: rgba(0, 0, 0, 0.6);
    /*Overlay*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop-content[b-zdak7ptx3p] {
    /*OVERLAy Content*/
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.article-top-card-header[b-zdak7ptx3p] {
    display: flex;
    justify-content: space-between;
}

.pop-close-btn[b-zdak7ptx3p] {
    /*position: absolute;*/
    top: 10px;
    right: 10px;
    cursor: pointer;
}
img[b-zdak7ptx3p] {
    /*Nice format for img to always stay the same size. Even if img has different format */
    border-radius: 10px;
    max-width: 100%;
    max-height: 100%;
}

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

}
/* _content/Zolw-website/Components/BackToPortalBtn.razor.rz.scp.css */


.center-btn[b-p9n9npsjs5]{
    /*color: red;*/
    width: 50%;
}

/* _content/Zolw-website/Components/Calculators/CalculatorTab.razor.rz.scp.css */
.calc-choice[b-sbd51n2nc9] {
    position: relative;
    flex: 1; /* make it grow in the flex container */
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/*    .calc-choice h3 {
        cursor: pointer;
        width: 100%;
        text-align: center;
        margin: 10px;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        color: var(--zolw-font-color);
        font-size: 1.2rem;
    }
*/


.dropdown-content[b-sbd51n2nc9] {
    display: none;
    position: absolute;
    left: 0;
    z-index: 1; /* ensures the dropdown appears above other content */
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.calc-link[b-sbd51n2nc9],
.calc-link-soon[b-sbd51n2nc9] {
    display: block;
    text-decoration: none;
    padding: 8px 12px;
    color: var(--zolw-font-color);
}

.calc-link-hidden[b-sbd51n2nc9] {
    display: none;
}

.calc-link-soon[b-sbd51n2nc9] {
    cursor: not-allowed; /* Not able to click on it */
    pointer-events: none;
}

.calc-choice:hover .dropdown-content[b-sbd51n2nc9] {
    display: block;
}
/* _content/Zolw-website/Components/Calculators/InverterKalkulatorComponent.razor.rz.scp.css */


.title[b-djptolpusq] {
    text-align: center;
    margin-bottom: 20px;
}

.under-title[b-djptolpusq] {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1rem;
    /*font-weight: 600;*/
    max-width: 40vw;
    word-break: break-word;
}


.info-symbol[b-djptolpusq] {
    position: relative;
    display: inline-block;
}

label[b-djptolpusq], p[b-djptolpusq] {
    font-size: 1.1rem;
}

input[b-djptolpusq], b[b-djptolpusq], select[b-djptolpusq] {
    font-size: 1rem;
}


.info-symbol .info-popup[b-djptolpusq] {
    display: none;
    position: absolute;
    left: 0;
    width: 200px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.info-symbol:hover .info-popup[b-djptolpusq] {
    display: none;
}

.info-symbol[b-djptolpusq]:after {
    content: 'i';
    display: inline-block;
    top: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-right: 5px;
}

.project-title-section[b-djptolpusq] {
    max-width: 40vw;
    padding: 0.5vw 1.5vw;
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .project-title-section input[b-djptolpusq] {
        text-align: center;
        /*margin: 0 0 1vw 0;*/
    }


.calculator-container[b-djptolpusq] {
    margin-top: 20px;
    padding: 0 1vw 0 1vw;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

    .calculator-container .calculator[b-djptolpusq] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-width: 40vw;
        margin: 0 auto;
        /*gap: 1vw;*/
    }


.inputs[b-djptolpusq] {
    padding: 0.5vw 1.5vw;
    flex: 1; /* Allows the input to grow and fill the space */
    min-width: 15vw; /* Minimum width before wrapping */
    text-align: center;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    margin: 0.5vw;
    display: flex;
    flex-direction: column;
}

    .inputs input[b-djptolpusq] {
        text-align: center;
    }
    /*    .inputs input[type="number"] {
        width: 100%;
        color:red
    }*/
    /*.inputs input:a*/

    .inputs select[b-djptolpusq] {
        text-align: center;
    }

    .inputs .input-checkbox-div[b-djptolpusq] {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 0 1vw 0;
    }

.inputs-checkbox[b-djptolpusq] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inputs .input-checkbox-div input[type=checkbox][b-djptolpusq] {
    background-color: red;
    height: 1.3vw;
    width: 1.3vw;
}

.input-range[b-djptolpusq] {
    width: 100%;
}


.inputs table input[b-djptolpusq] {
    width: 100%;
    text-align: center;
}
/* _content/Zolw-website/Components/Calculators/InverterKalkulatorSummary.razor.rz.scp.css */
.summary[b-zkhlhfoyw3] {
    margin-top: 20px;
    margin-bottom: 20px;
}



    .summary h3[b-zkhlhfoyw3] {
        font-size: 1.5vw;
        margin-bottom: 0.5vw;
        text-align: center;
    }

.all-summary[b-zkhlhfoyw3] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    /*max-width: 30vw;*/
}

.summary-card-top[b-zkhlhfoyw3] {
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    max-width: 30vw;
    gap: 1vw;
}

table[b-zkhlhfoyw3] {
    width: 100%;
    border-collapse: collapse;
}

    table th[b-zkhlhfoyw3], table td[b-zkhlhfoyw3] {
        border: 1px solid black;
        padding: 8px;
        text-align: center;
        max-width: 10.5vw;
    }

.inv-cal-voltage[b-zkhlhfoyw3], .inv-cal-current[b-zkhlhfoyw3], .inv-cal-reverse[b-zkhlhfoyw3] {
    background-color: lightblue;
}


.inv-cal-error[b-zkhlhfoyw3] {
    background-color: indianred;
    color: white;
    transition: ease-out 0.5s;
}

    .inv-cal-error:hover[b-zkhlhfoyw3] {
        font-weight: bold;
        transition: ease-out 0.5s;
    }

.inv-cal-warning[b-zkhlhfoyw3] {
    background-color: rgb(231, 255, 15);
    color: black;
    /*transition: ease-out 0.5s;*/
}

    .inv-cal-warning:hover[b-zkhlhfoyw3] {
        /*content: 'Obs. Tiltak kreves for å sikre panelet mtp. reversstrøm. Se kunnskapsbanken for tiltak. '; font-weight: bold;*/
        /*transition: ease-out 0.5s;*/
        /*display: inline-block;*/
        margin-left: 5px;
    }

.inv-cal-warning-reverse[b-zkhlhfoyw3] {
    background-color: rgb(231, 255, 15);
    color: black;
    transition: ease-out 0.5s;
}

    .inv-cal-warning-reverse:hover[b-zkhlhfoyw3]::after {
        content: 'Obs. Tiltak kreves for å sikre panelet mtp. reversstrøm. Se kunnskapsbanken for tiltak. ';
        font-weight: bold;
        transition: ease-out 0.5s;
        display: inline-block;
        margin-left: 5px;
    }

.warning-hover[b-zkhlhfoyw3] {
    display: hidden;
}
.error-messages-inv-calc th[b-zkhlhfoyw3] {
    border: none;
}

.inv-cal-error-msg[b-zkhlhfoyw3] {
    background-color: yellow;
}
/* _content/Zolw-website/Components/Calculators/KostKalkulatorComponent.razor.rz.scp.css */


.title[b-6ipddbc8mu] {
    text-align: center;
    margin-bottom: 20px;
}

.under-title[b-6ipddbc8mu] {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1rem;
    /*font-weight: 600;*/
    max-width: 40vw;
    word-break: break-word;
}


.info-symbol[b-6ipddbc8mu] {
    position: relative;
    display: inline-block;
}

label[b-6ipddbc8mu], p[b-6ipddbc8mu] {
    font-size: 1.1rem;
}

input[b-6ipddbc8mu], b[b-6ipddbc8mu], select[b-6ipddbc8mu] {
    font-size: 1rem;
}


.info-symbol .info-popup[b-6ipddbc8mu] {
    display: none;
    position: absolute;
    left: 0;
    width: 200px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.info-symbol:hover .info-popup[b-6ipddbc8mu] {
    display: none;
}

.info-symbol[b-6ipddbc8mu]:after {
    content: 'i';
    display: inline-block;
    top: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-right: 5px;
}

.project-title-section[b-6ipddbc8mu] {
    max-width: 40vw;
    padding: 0.5vw 1.5vw;
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .project-title-section input[b-6ipddbc8mu] {
        text-align: center;
        /*margin: 0 0 1vw 0;*/
    }


.calculator-container[b-6ipddbc8mu] {
    margin-top: 20px;
    padding: 0 1vw 0 1vw;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

    .calculator-container .calculator[b-6ipddbc8mu] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-width: 40vw;
        margin: 0 auto;
        /*gap: 1vw;*/
    }


.inputs[b-6ipddbc8mu] {
    padding: 0.5vw 1.5vw;
    flex: 1; /* Allows the input to grow and fill the space */
    min-width: 15vw; /* Minimum width before wrapping */
    text-align: center;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    margin: 0.5vw;
    display: flex;
    flex-direction: column;
}

    .inputs input[b-6ipddbc8mu] {
        text-align: center;
    }
    /*    .inputs input[type="number"] {
        width: 100%;
        color:red
    }*/
    /*.inputs input:a*/

    .inputs select[b-6ipddbc8mu] {
        text-align: center;
    }

    .inputs .input-checkbox-div[b-6ipddbc8mu] {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 0 1vw 0;
    }

.inputs-checkbox[b-6ipddbc8mu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inputs .input-checkbox-div input[type=checkbox][b-6ipddbc8mu] {
    background-color: red;
    height: 1.3vw;
    width: 1.3vw;
}

.input-range[b-6ipddbc8mu] {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .calculator-container[b-6ipddbc8mu] {
        /*        max-width: 100%;
        padding: 0 1vw 0 1vw;
*/
    }

    .under-title[b-6ipddbc8mu] {
        max-width: 100%;
    }

    .calculator-container .calculator[b-6ipddbc8mu] {
        max-width: 100%;
        flex-direction: column;
    }

    .project-title-section[b-6ipddbc8mu] {
        max-width: 100%;
    }

        .project-title-section label[b-6ipddbc8mu] {
            font-size: 1.2rem;
        }

    .inputs[b-6ipddbc8mu] {
        max-width: 100%;
        padding: 0.5vw 3.5vw;
    }

        .inputs label[b-6ipddbc8mu] {
            font-size: 1.2rem;
            margin: 1.2vw 0 1.2vw 0;
        }

        .inputs input[b-6ipddbc8mu] {
            width: 100%;
            margin: 1.2vw 0 1.2vw 0;
        }

        .inputs select[b-6ipddbc8mu] {
            width: 100%;
            margin: 1.2vw 0 1.2vw 0;
        }

        .inputs .input-checkbox-div[b-6ipddbc8mu] {
            margin: 1.2vw 0;
            display: flex;
            align-items: center;
        }

            .inputs .input-checkbox-div label[b-6ipddbc8mu] {
                /*color: red;*/
                margin-right: 10px; /* Add space between the label and the checkbox */
            }

            .inputs .input-checkbox-div input[type=checkbox][b-6ipddbc8mu] {
                width: 5vw; /* Set a specific size for the checkbox */
                height: 5vw; /* Ensure the checkbox is square */
                /*transform: scale(1.5);*/ /* Optionally, scale the checkbox */
            }


}
/* _content/Zolw-website/Components/Calculators/KostkalkulatorSummary.razor.rz.scp.css */
.summary[b-kg9lwxz8fg] {
    margin-top: 20px;
    margin-bottom: 20px;
}



    .summary h3[b-kg9lwxz8fg] {
        font-size: 1.5vw;
        margin-bottom: 0.5vw;
        text-align: center;
    }

.all-summary[b-kg9lwxz8fg] {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    max-width: 30vw;
}

.summary-card[b-kg9lwxz8fg] {
    padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    flex: 1 0 auto;
    max-width: 15vw; /* Adjusted: ensures the card does not exceed the container width minus margins */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

    .summary-card h3[b-kg9lwxz8fg] {
        display: none;
        font-size: 1.3vw;
        margin-bottom: 0.5vw;
        text-align: center;
    }

    .summary-card h4[b-kg9lwxz8fg] {
        font-size: 1.3rem;
    }

    .summary-card p[b-kg9lwxz8fg] {
        font-size: 1.1rem;
        line-break: anywhere;
    }
    .summary-card .system-size[b-kg9lwxz8fg] {
        font-weight: bold;
    }

    .summary-card .system-size-data[b-kg9lwxz8fg] {
        font-size: 1.5rem;
        font-weight: bold;
    }

.control-btns[b-kg9lwxz8fg] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 30vw;
}

    .control-btns div[b-kg9lwxz8fg] {
        padding: 0 1vw 0.5vw 1.5vw;
        flex: 1 0 auto;
        max-width: 15vw; /* Adjusted: ensures the card does not exceed the container width minus margins */
        box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }
    .control-btns button[b-kg9lwxz8fg] {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        font-size: 0.9vw;
    }

@media screen and (max-width: 767px) {
    .all-summary[b-kg9lwxz8fg], .control-btns[b-kg9lwxz8fg] {
        max-width: 100%; /* Full width on mobile */
        justify-content: center; /* Center items for better layout */
    }

    .summary h3[b-kg9lwxz8fg] {
        font-size: 1.5rem;
        margin-bottom: 5vw;
    }

    .summary-card[b-kg9lwxz8fg], .control-btns div[b-kg9lwxz8fg] {
        flex: 1 0 100%; /* Each item takes full width on mobile */
        max-width: 100%; /* Ensure the cards do not exceed the screen width */
        margin-bottom: 10px; /* Add space between cards */
    }

        .summary-card h4[b-kg9lwxz8fg] {
            font-weight: bold;
        }

        .summary-card h4[b-kg9lwxz8fg], .summary-card p[b-kg9lwxz8fg], .summary-card .system-size[b-kg9lwxz8fg], .summary-card .system-size-data[b-kg9lwxz8fg] {
            font-size: 1rem; /* Adjust font size for readability */
        }

    .control-btns button[b-kg9lwxz8fg] {
        font-size: 1rem; /* Increase button font size for better readability */
    }
}
/* _content/Zolw-website/Components/Calculators/ProdkalkulatorSummary.razor.rz.scp.css */
.summary[b-dg3v2lpn1i] {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .summary h3[b-dg3v2lpn1i] {
        font-size: 2.1rem;
        margin-bottom: 0.5vw;
        text-align: center;
    }

.all-summary[b-dg3v2lpn1i] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 30vw;
}

.summary-card[b-dg3v2lpn1i] {
    padding: 0.5vw 1.5vw;
    flex: 1 0 auto;
    max-width: 15vw;
    box-sizing: border-box;
}

    .summary-card h3[b-dg3v2lpn1i] {
        display: none;
        font-size: 1.3vw;
        margin-bottom: 0.5vw;
        text-align: center;
    }

    .summary-card h4[b-dg3v2lpn1i] {
        font-size: 1.3rem;
    }

    .summary-card p[b-dg3v2lpn1i] {
        font-size: 1.1rem;
        word-break: break-word;
    }

    .summary-card .system-size[b-dg3v2lpn1i],
    .summary-card .system-size-data[b-dg3v2lpn1i] {
        font-weight: bold;
        font-size: 1.2vw;
    }

.control-btns[b-dg3v2lpn1i] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 30vw;
}

    .control-btns div[b-dg3v2lpn1i] {
        padding: 0 1vw;
        flex: 1 0 auto;
        max-width: 15vw;
        box-sizing: border-box;
    }

    .control-btns button[b-dg3v2lpn1i] {
        width: 100%;
        height: auto;
        border-radius: 5px;
        font-size: 1rem;
    }

@media screen and (max-width: 767px) {
    .all-summary[b-dg3v2lpn1i], .control-btns[b-dg3v2lpn1i] {
        max-width: 100%; /* Full width on mobile */
        justify-content: center; /* Center items for better layout */
    }
    .summary h3[b-dg3v2lpn1i] {
        font-size: 1.5rem;
        margin-bottom: 5vw;
    }

        .summary-card[b-dg3v2lpn1i], .control-btns div[b-dg3v2lpn1i] {
            flex: 1 0 100%; /* Each item takes full width on mobile */
            max-width: 100%; /* Ensure the cards do not exceed the screen width */
            margin-bottom: 10px; /* Add space between cards */
        }
        .summary-card h4[b-dg3v2lpn1i]{
            font-weight: bold;
        }
            .summary-card h4[b-dg3v2lpn1i], .summary-card p[b-dg3v2lpn1i], .summary-card .system-size[b-dg3v2lpn1i], .summary-card .system-size-data[b-dg3v2lpn1i] {
                font-size: 1rem; /* Adjust font size for readability */
            }

        .control-btns button[b-dg3v2lpn1i] {
            font-size: 1rem; /* Increase button font size for better readability */
        }
}
/* _content/Zolw-website/Components/Calculators/ProductList.razor.rz.scp.css */
body[b-capizzwizz] {
}
/* _content/Zolw-website/Components/Calculators/ProduksjonkalkulatorComponent.razor.rz.scp.css */


.title[b-ku3x2v9afr] {
    text-align: center;
    margin-bottom: 20px;
    font-size: 2.1rem;
}

.under-title[b-ku3x2v9afr] {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1rem;
    /*font-weight: 600;*/
}


.info-symbol[b-ku3x2v9afr] {
    position: relative;
    display: inline-block;
}

label[b-ku3x2v9afr], p[b-ku3x2v9afr] {
    font-size: 1.1rem;
}

input[b-ku3x2v9afr], b[b-ku3x2v9afr], select[b-ku3x2v9afr] {
    font-size: 1rem;
}

.info-symbol .info-popup[b-ku3x2v9afr] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.info-symbol:hover .info-popup[b-ku3x2v9afr] {
    display: none;
}

.info-symbol[b-ku3x2v9afr]:after {
    content: 'i';
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-right: 5px;
}


.calculator-container[b-ku3x2v9afr] {
    margin-top: 20px;
    padding: 0 1vw 0 1vw;
}

    .calculator-container .calculator[b-ku3x2v9afr] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-width: 40vw;
        margin: 0 auto;
        /*gap: 1vw;*/
    }

.project-title-section[b-ku3x2v9afr] {
    max-width: 40vw;
    padding: 0.5vw 1.5vw;
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .project-title-section input[b-ku3x2v9afr] {
        text-align: center;
        /*margin: 0 0 1vw 0;*/
    }

.inputs[b-ku3x2v9afr] {
    padding: 0.5vw 1.5vw;
    flex: 1; /* Allows the input to grow and fill the space */
    min-width: 15vw; /* Minimum width before wrapping */
    text-align: center;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    margin: 0.5vw;
    display: flex;
    flex-direction: column;
}

    .inputs input[b-ku3x2v9afr] {
        text-align: center;
        margin: 0 0 1vw 0;
    }

    .inputs b[b-ku3x2v9afr] {
        text-align: center;
        margin: 0 0 1vw 0;
    }
    /*    .inputs input[type="number"] {
        width: 100%;
        color:red
    }*/
    /*.inputs input:a*/

    .inputs select[b-ku3x2v9afr] {
        text-align: center;
        margin: 0 0 1vw 0;
    }

    .inputs .input-checkbox-div[b-ku3x2v9afr] {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 1vw 0;
    }

.inputs-checkbox[b-ku3x2v9afr] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.inputs .input-checkbox-div[b-ku3x2v9afr] {
    background-color: red;
    height: 1.3vw;
    width: 1.3vw;
}

.input-range[b-ku3x2v9afr] {
    width: 100%;
}


@media screen and (max-width: 767px) {
    .calculator-container[b-ku3x2v9afr] {
/*        max-width: 100%;
        padding: 0 1vw 0 1vw;
*/    }

        .calculator-container .calculator[b-ku3x2v9afr] {
            max-width: 100%;
            flex-direction: column;
        }

    .project-title-section[b-ku3x2v9afr] {
        max-width: 100%;
    }
    .project-title-section label[b-ku3x2v9afr] {
        font-size: 1.2rem;
    }

    .inputs[b-ku3x2v9afr] {
        max-width: 100%;
        padding: 0.5vw 3.5vw;
    }
        .inputs label[b-ku3x2v9afr] {
            font-size: 1.2rem;
            margin: 1.2vw 0 1.2vw 0;
        }
    .inputs input[b-ku3x2v9afr] {
        width: 100%;
                margin: 1.2vw 0 1.2vw 0;

    }
    .inputs select[b-ku3x2v9afr] {
        width: 100%;
        margin: 1.2vw 0 1.2vw 0;
    }
    
}
/* _content/Zolw-website/Components/ChangePassword.razor.rz.scp.css */
.forgot-wrapper[b-epjf1rah5h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

.forgotten-password-section[b-epjf1rah5h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1vw 0 1vw;
}

    .forgotten-password-section label[b-epjf1rah5h] {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .forgotten-password-section input[b-epjf1rah5h] {
        width: 100%;
        text-align:center;

    }
/* _content/Zolw-website/Components/CreateUserValidation.razor.rz.scp.css */


.create-user-sections[b-3m9qb5rvbf] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 30vw;
}

.create-user-input[b-3m9qb5rvbf] {
    padding: 0.5vw 1.5vw 0.5vw 1.5vw;
    flex: 1 0 auto;
    max-width: 15vw; /* Adjusted: ensures the card does not exceed the container width minus margins */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    /*    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
*/ /*width: 100%;*/
}

    .create-user-input label[b-3m9qb5rvbf], .create-user-input section label[b-3m9qb5rvbf] {
        color: var(--zolw-font-color);
        margin: 5px;
        font-size: 1.5em;
    }

    .create-user-input input[b-3m9qb5rvbf], select[b-3m9qb5rvbf] {
        color: var(--zolw-font-color);
        border: 1px solid var(--zolw-font-color);
        border-radius: var(--input-corner);
        padding: 5px;
        margin: 5px;
        width: 100%;
    }

.create-user-sections button[b-3m9qb5rvbf] {
    background-color: transparent;
}

.checkbox-input[b-3m9qb5rvbf] {
    font-size: 1.5em;
    color: var(--zolw-font-color);
    width: 50px;
    height: 50px;
}

.btns[b-3m9qb5rvbf] {
    color: var(--zolw-font-color);
    border: 1px solid var(--zolw-font-color);
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

    .btns:hover[b-3m9qb5rvbf] {
        background-color: var(--zolw-font-color);
        color: var(--zolw-orange);
    }

.create-read-terms[b-3m9qb5rvbf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

    .create-read-terms input[b-3m9qb5rvbf] {
        color: var(--zolw-font-color);
        border: 1px solid var(--zolw-font-color);
        border-radius: 5px;
        padding: 5px;
        margin: 5px;
    }




.create-submit-btn[b-3m9qb5rvbf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

    .create-submit-btn button[b-3m9qb5rvbf] {
        color: var(--zolw-font-color);
        border: 1px solid var(--zolw-font-color);
        border-radius: 5px;
        padding: 5px;
        margin: 5px;
    }


@media screen and (max-width: 767px) {
.create-user-sections[b-3m9qb5rvbf] {
        max-width: 100%;
    }

    .create-user-input[b-3m9qb5rvbf] {
        max-width: 100%;
    }

    .create-user-sections button[b-3m9qb5rvbf] {
        max-width: 100%;
    }

    .create-read-terms[b-3m9qb5rvbf] {
        max-width: 100%;
    }

    .create-submit-btn[b-3m9qb5rvbf] {
        max-width: 100%;
    }
}
/* _content/Zolw-website/Components/Frontpage/FrontpageComponent.razor.rz.scp.css */
a[b-ly3uoe4fye] {
    text-decoration: none;
    color: black;
}

/* Carousel container */
.carousel-container[b-ly3uoe4fye] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 30vw;
    min-height: 40vh; /* Set a fixed height for the entire container */
}

/* Image carousel */
.img-carusell[b-ly3uoe4fye] {
    display: flex;
    align-items: center;
}

    .img-carusell .carousel-text[b-ly3uoe4fye] {
        margin-right: 20px;
        max-width: 300px;
        text-align: center;
    }

    .img-carusell .carousel-image[b-ly3uoe4fye] {
        width: 20vw;
        height: 12vw; /* Limit the height to a fixed ratio */
        object-fit: fill; /* Ensures that images fill the container */
    }

/* Carousel with text overlay */
.img-carusell-textInImg[b-ly3uoe4fye] {
    position: relative;
    width: 50vw;
    height: auto;
}

    .img-carusell-textInImg .carousel-text[b-ly3uoe4fye] {
        position: absolute;
        top: 75%;
        left: 20%;
        transform: translate(-50%, -50%);
        color: rgb(47, 64, 88);
        text-align: center;
        padding: 10px;
        max-width: 40%;
        max-height: 40%; /* Ensure the text doesn't exceed the image height */
        overflow: hidden; /* Hide any text that overflows */
        font-weight: bold;
    }

        .img-carusell-textInImg .carousel-text h4[b-ly3uoe4fye] {
            font-weight: bold;
            word-break: break-word;
        }

        .img-carusell-textInImg .carousel-text p[b-ly3uoe4fye] {
            font-size: 20px;
        }

    .img-carusell-textInImg .carousel-image[b-ly3uoe4fye] {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

/* Loading bar */
.loading-bar[b-ly3uoe4fye] {
    width: 10vw;
    height: 5px;
    background-color: lightgray;
    margin-top: 5px;
}

.progress[b-ly3uoe4fye] {
    height: 100%;
    background-color: rgb(47, 64, 88);
    transition: width 0.1s ease;
}

/* Read more link */
.read-more[b-ly3uoe4fye] {
    color: blue;
    font-weight: bold;
    cursor: pointer;
}

/* Dots for carousel navigation */
.dots-container[b-ly3uoe4fye] {
    text-align: center;
    margin-top: 10px;
}

.dot[b-ly3uoe4fye] {
    height: 12px;
    width: 12px;
    margin: 0 5px;
    background-color: lightgray;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s;
}

.active-dot[b-ly3uoe4fye] {
    background-color: rgb(47, 64, 88);
}

/* Mobile-friendly adjustments */
@media screen and (max-width: 768px) {
    /* Adjust carousel container for mobile */
    .carousel-container[b-ly3uoe4fye] {
        max-width: 90vw;
        min-height: 30vh;
    }

    /* Adjust the image and text for mobile */
    .img-carusell[b-ly3uoe4fye] {
        flex-direction: column; /* Stack text and image vertically */
        align-items: center;
        text-align: center;
    }

        .img-carusell .carousel-text[b-ly3uoe4fye] {
            margin-right: 0; /* Remove margin for mobile */
            max-width: 80vw;
        }

        .img-carusell .carousel-image[b-ly3uoe4fye] {
            width: 90vw; /* Take full width on mobile */
            height: auto; /* Maintain aspect ratio */
        }

    /* Adjust text in overlay carousel for mobile */
    .img-carusell-textInImg[b-ly3uoe4fye] {
        width: 90vw;
        height: auto;
    }

        .img-carusell-textInImg .carousel-text[b-ly3uoe4fye] {
            top: 80%; /* Adjust position of text on mobile */
            left: 50%; /* Center horizontally */
            transform: translate(-50%, -50%);
            max-width: 90%; /* Adjust text size for mobile */
            font-size: 16px;
        }

    /* Adjust loading bar for mobile */
    .loading-bar[b-ly3uoe4fye] {
        width: 90vw; /* Full width on mobile */
    }

    /* Adjust font sizes for mobile */
    .img-carusell-textInImg .carousel-text p[b-ly3uoe4fye] {
        font-size: 16px; /* Reduce font size for mobile */
    }

    /* Adjust dot size for mobile */
    .dot[b-ly3uoe4fye] {
        height: 10px;
        width: 10px;
    }
}
/* _content/Zolw-website/Components/Helpers/Carousel.razor.rz.scp.css */
a[b-ur8pcrwra9] {
    text-decoration: none;
    color: black;
}

/* Carousel container */
.carousel-container[b-ur8pcrwra9] {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers content horizontally */
    justify-content: center; /* Centers content vertically */
    /*max-width: 30vw;*/ /* Can adjust based on your needs */
    min-height: 40vh; /* Set a fixed height for visibility */
    /*margin: 0 auto;*/ /* Centers the container itself */
}


/* Image carousel */
.img-carusell[b-ur8pcrwra9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*width: 50%;*/
    background-color: rgb(215, 179, 75);
    box-shadow: 10px 8px 8px rgba(0, 0, 0, 0.6);
    border-radius: 10px;
}

    .img-carusell .carousel-text[b-ur8pcrwra9] {
        min-width: 12vw;
        margin-right: 20px;
        max-width: 300px;
        text-align: center;


    }

    .img-carusell .carousel-image[b-ur8pcrwra9] {
        /*width: 100%;*/ /* Use full width of the container */
        height: auto; /* Maintain aspect ratio */
        max-width: 1000px; /* Limit the maximum width if necessary */
    }


/* Carousel with text overlay */
.img-carusell-textInImg[b-ur8pcrwra9] {
    position: relative;
    /*width: 50vw;*/
    height: auto;
}

    .img-carusell-textInImg .carousel-text[b-ur8pcrwra9] {
        position: absolute;
        top: 75%;
        left: 20%;
        transform: translate(-50%, -50%);
        color: rgb(47, 64, 88);
        text-align: center;
        padding: 10px;
        max-width: 40%;
        max-height: 40%; /* Ensure the text doesn't exceed the image height */
        overflow: hidden; /* Hide any text that overflows */
        font-weight: bold;
    }

        .img-carusell-textInImg .carousel-text h4[b-ur8pcrwra9] {
            font-weight: bold;
            word-break: break-word;
        }

        .img-carusell-textInImg .carousel-text p[b-ur8pcrwra9] {
            font-size: 20px;
        }

    .img-carusell-textInImg .carousel-image[b-ur8pcrwra9] {
        width: 100%;
        height: 100%;
        object-fit: fill;
        max-width: 1000px;
    }

/* Loading bar */
.loading-bar[b-ur8pcrwra9] {
    width: 10vw;
    height: 5px;
    background-color: lightgray;
    margin-top: 5px;
}

.progress[b-ur8pcrwra9] {
    height: 100%;
    background-color: rgb(47, 64, 88);
    transition: width 0.1s ease;
}

/* Read more link */
.read-more[b-ur8pcrwra9] {
    color: blue;
    font-weight: bold;
    cursor: pointer;
}

/* Dots for carousel navigation */
.dots-container[b-ur8pcrwra9] {
    text-align: center;
    margin-top: 10px;
}

.dot[b-ur8pcrwra9] {
    height: 12px;
    width: 12px;
    margin: 0 5px;
    background-color: lightgray;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s;
}

.active-dot[b-ur8pcrwra9] {
    background-color: rgb(47, 64, 88);
}

/* Mobile-friendly adjustments */
@media screen and (max-width: 768px) {
    /* Adjust carousel container for mobile */
    .carousel-container[b-ur8pcrwra9] {
        max-width: 90vw;
        min-height: 30vh;
        
    }

    /* Adjust the image and text for mobile */
    .img-carusell[b-ur8pcrwra9] {
        flex-direction: column; /* Stack text and image vertically */
        align-items: center;
        text-align: center;
    }

        .img-carusell .carousel-text[b-ur8pcrwra9] {
            margin-right: 0; /* Remove margin for mobile */
            max-width: 80vw;
        }

        .img-carusell .carousel-image[b-ur8pcrwra9] {
            width: 90vw; /* Take full width on mobile */
            height: auto; /* Maintain aspect ratio */
        }

    /* Adjust text in overlay carousel for mobile */
    .img-carusell-textInImg[b-ur8pcrwra9] {
        width: 90vw;
        display: flex;
        flex-direction: column; /* Stack image and text vertically */
        align-items: center; /* Center content within the container */
        /*background-color: blue;*/ /* For demonstration */
    }

        .img-carusell-textInImg .carousel-text[b-ur8pcrwra9] {
            position: static; /* Remove absolute positioning */
            max-width: 90%; /* Limit text width on mobile */
            text-align: center; /* Center text */
            font-size: 16px;
            color: rgb(47, 64, 88);
            /*background-color: red;*/ /* For demonstration */
            padding: 10px 0; /* Add padding for spacing */
            margin-top: 10px; /* Add spacing between image and text */
            transform: initial;
        }

        .img-carusell-textInImg .carousel-image[b-ur8pcrwra9] {
            width: 100%; /* Full width on mobile */
            height: auto; /* Maintain aspect ratio */
        }

        /* Adjust loading bar for mobile */
        .loading-bar[b-ur8pcrwra9] {
            width: 90vw; /* Full width on mobile */
        }

    /* Adjust font sizes for mobile */
    .img-carusell-textInImg .carousel-text p[b-ur8pcrwra9] {
        font-size: 16px; /* Reduce font size for mobile */
    }

    /* Adjust dot size for mobile */
    .dot[b-ur8pcrwra9] {
        height: 10px;
        width: 10px;
    }
}
/* _content/Zolw-website/Components/Helpers/CookieConsent.razor.rz.scp.css */
.cookie-consent-background[b-gdb4ulxid1] {
    z-index: 9998; /* High z-index to ensure it overlays other content */
    position: fixed; /* Fix the banner at the bottom of the screen */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    display: flex;
    justify-content: center;
    align-items: center;
}

.cookie-consent[b-gdb4ulxid1] {
    background-color: rgb(47, 64, 88);
    color: rgb(243, 189, 59);
    padding: 20px;
    border-radius: 8px;
    z-index: 9999; /* High z-index to ensure it overlays other content */
    /*text-align: center;*/
    /*MAKE THIS SCROLLABEL*/
    overflow-y: auto;
    max-height: 80%;
    width: 50%;
}

    .cookie-consent h2[b-gdb4ulxid1] {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .cookie-consent p[b-gdb4ulxid1], .cookie-consent ul[b-gdb4ulxid1] {
        margin-bottom: 20px;
    }

    .cookie-consent ul[b-gdb4ulxid1] {
        list-style-type: none;
        padding-left: 0;
    }
    .cookie-consent img[b-gdb4ulxid1] {
        width: 15vw;
        /*height: 100px;*/
        margin-bottom: 20px;
        background-color: white;
        border-radius: 10px;
        max-width: 300px;
    }

.toggle-switches[b-gdb4ulxid1] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.toggle-switch[b-gdb4ulxid1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .toggle-switch input[b-gdb4ulxid1] {
        display: none;
    }

    .toggle-switch label[b-gdb4ulxid1] {
        position: relative;
        display: block;
        width: 50px;
        height: 25px;
        background-color: #ccc;
        border-radius: 25px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        .toggle-switch label[b-gdb4ulxid1]::after {
            content: "";
            position: absolute;
            top: 2px;
            left: 2px;
            width: 21px;
            height: 21px;
            background-color: white;
            border-radius: 50%;
            transition: transform 0.3s;
        }

    .toggle-switch input:checked + label[b-gdb4ulxid1] {
        background-color: #66bb6a;
    }
/*Disabled*/
    .toggle-switch input:disabled + label[b-gdb4ulxid1] {
        background-color: #66bb6a;
    }

        .toggle-switch input:checked + label[b-gdb4ulxid1]::after {
            transform: translateX(25px);
        }

.buttons[b-gdb4ulxid1] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .buttons button[b-gdb4ulxid1] {
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .buttons .reject[b-gdb4ulxid1] {
        background-color: #f44336;
        color: white;
    }

    .buttons .accept[b-gdb4ulxid1] {
        background-color: #4caf50;
        color: white;
    }


    a[b-gdb4ulxid1]{
                color: rgb(246, 224, 170);
    
    }
@media screen and (max-width: 767px) {
    .cookie-consent[b-gdb4ulxid1] {
        width: 90%;
    }

    .cookie-consent img[b-gdb4ulxid1] {
        width: 30vw;
    }

    .toggle-switch label[b-gdb4ulxid1] {
        width: 40px;
        height: 20px;
    }

        .toggle-switch label[b-gdb4ulxid1]::after {
            width: 17px;
            height: 17px;
        }

        .buttons button[b-gdb4ulxid1] {
            padding: 5px 10px;
        }

        .buttons[b-gdb4ulxid1] {
            flex-direction: column;
        }

        .buttons button[b-gdb4ulxid1] {
            width: 100%;
        }

        .toggle-switches[b-gdb4ulxid1] {
            flex-direction: column;
        }

        .toggle-switch[b-gdb4ulxid1] {
            align-items: center;
        }

        .cookie-consent h2[b-gdb4ulxid1] {
            font-size: 20px;
        }

        .cookie-consent p[b-gdb4ulxid1] {
            font-size: 14px;
        }

        .cookie-consent ul[b-gdb4ulxid1] {
            font-size: 14px;
        }

        .cookie-consent img[b-gdb4ulxid1] {
            width: 40vw;
        }

}

/*FOR WIDE SCREEN */





/* _content/Zolw-website/Components/Helpers/InverterRapport.razor.rz.scp.css */
.section-overlay[b-qwwfi3eow8] {
    position: absolute; /* Positioning relative to the nearest positioned ancestor */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    display: flex;
    justify-content: center; /* Center spinner horizontally */
    align-items: center; /* Center spinner vertically */
    z-index: 10; /* Make sure it's on top of other content within the section */
}

.spinner[b-qwwfi3eow8] {
    border: 5px solid rgba(255, 255, 255, 0.3); /* Lighter border */
    border-top: 5px solid #fff; /* White border for the top */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-qwwfi3eow8 1s linear infinite;
}

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

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Zolw-website/Components/Helpers/Notification.razor.rz.scp.css */
.notification[b-e9qr757rzg] {
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

    .notification.info[b-e9qr757rzg] {
        background-color: #007bff;
        color: white;
    }

    .notification.error[b-e9qr757rzg] {
        background-color: #dc3545;
        color: white;
    }
/* _content/Zolw-website/Components/Helpers/OneDriveFilePicker.razor.rz.scp.css */

section[b-dzsjbh4bms]{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*height: 100vh;*/
}

button[b-dzsjbh4bms]{
    padding: 10px 20px;
    background-color: #0078d4;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover[b-dzsjbh4bms]{
    background-color: #005a9e;
}

ul[b-dzsjbh4bms]{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li[b-dzsjbh4bms]{
    padding: 10px;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
li p[b-dzsjbh4bms] {
    margin: 20px;
}
/* _content/Zolw-website/Components/Helpers/Prisestimat.razor.rz.scp.css */
/* _content/Zolw-website/Components/ImageCarousel.razor.rz.scp.css */

.carousel-container[b-f7bjjbaf3y] {
    grid-area: images;
    width: auto; /* Assuming 300px image width + 10px margin on each side */
    overflow: hidden;
    position: relative;
}

    .carousel-container img[b-f7bjjbaf3y] {
        width: auto;
        height: 300px;
        margin: 10px;
        cursor: pointer;
        transition: opacity 1s;
    }

/*------------ jobs-staff ---------------- */

.carousel-container-jobs-staff[b-f7bjjbaf3y] {
    /*Copied from About us css file */
    width: 200px; /* Set to desired circle diameter */
    height: 200px;
    border-radius: 100%;
    overflow: hidden; /* Ensures the image doesn't go outside the bounds of the container */
    display: inline-block; /* Optional, if you want to treat the container as an inline element */
    position: relative; /* To be used if you want to place content over the image, like icons or text */
}

    .carousel-container-jobs-staff img[b-f7bjjbaf3y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/*------------ partner-logos ---------------- */

.carousel-container-partner-logos[b-f7bjjbaf3y] {
    grid-area: images;
    width: auto; /* Assuming 300px image width + 10px margin on each side */
    overflow: hidden;
    position: relative;
}

    .carousel-container-partner-logos img[b-f7bjjbaf3y] {
        width: auto;
        height: 100px;
        margin: 10px;
        cursor: pointer;
        transition: opacity 1s;
    }

.images-standard[b-f7bjjbaf3y] {
    grid-area: images;
    width: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .images-standard img[b-f7bjjbaf3y] {
        width: 20rem; /* Responsive width */
        height: 20rem; /* Responsive height */
        margin: 0.5rem;
        object-fit: cover; /* Maintain aspect ratio */
    }


/* Mobile */
@media screen and (max-width: 767px) {
    .images-standard[b-f7bjjbaf3y] {
        display: flex;
        flex-direction: row;
        justify-content:space-evenly;
        align-items: center;
    }

        .images-standard img[b-f7bjjbaf3y] {
            width: 15rem;
            height: 15rem;
        }
}


/* Media queries for different screen sizes */
/*@media only screen and (max-width: 768px) {
    .images-standard img {
        width: 15rem;
        height: 15rem;
    }
}

@media only screen and (max-width: 480px) {
    .images-standard img {
        width: 10rem;
        height: 10rem;
    }
}*/
/* _content/Zolw-website/Components/InfoLabel.razor.rz.scp.css */
.info-symbol[b-yoll9wdsbw] {
    position: relative;
    display: inline-block;
}

    .info-symbol .info-popup[b-yoll9wdsbw] {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 200px;
        padding: 10px;
        background-color: #f9f9f9;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

    .info-symbol:hover .info-popup[b-yoll9wdsbw] {
        display: block;
    }

    .info-symbol[b-yoll9wdsbw]:after {
        content: 'i';
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        background-color: #f9f9f9;
        border: 1px solid #ccc;
        margin-right: 5px;
    }
/* _content/Zolw-website/Components/Informations/Window-Term.razor.rz.scp.css */
.modal-background[b-a1kg64qdxi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-a1kg64qdxi] {
    background-color: white;
    width: 500px;
    max-height: 80%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.modal-buttons[b-a1kg64qdxi] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}


.checkmark[b-a1kg64qdxi] {
    color: green;
    margin-left: 10px;
}
.not-read-term[b-a1kg64qdxi]{
    color: red;
    margin-left: 10px;
}
/* _content/Zolw-website/Components/Informations/Window-universal.razor.rz.scp.css */
.modal-background[b-834qwqgepe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-834qwqgepe] {
    background-color: white;
    width: 500px;
    max-height: 80%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.modal-buttons[b-834qwqgepe] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
/* _content/Zolw-website/Components/LoginComponent.razor.rz.scp.css */
.login-page[b-3yfsofhxh2] {
}

    .login-page a[b-3yfsofhxh2] {
        text-decoration: none;
        color: var(--zolw-font-color);
    }

    .login-page div[b-3yfsofhxh2] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.login-form[b-3yfsofhxh2] {
    /* background-color: tomato; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
}

.login-form[b-3yfsofhxh2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .login-form label[b-3yfsofhxh2] {
        color: var(--zolw-font-color);
        margin: 5px;
        font-size: 1.5em;
        /* background-color: tomato; */
    }

.login-page div .login-form input[b-3yfsofhxh2] {
    color: var(--zolw-font-color);
    border: 1px solid var(--zolw-font-color);
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    background-color: red;
}

.login-page div button[b-3yfsofhxh2] {
    background-color: transparent;
}

.login-page div .btns[b-3yfsofhxh2] {
    color: var(--zolw-font-color);
    border: 1px solid var(--zolw-font-color);
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

    .login-page div .btns:hover[b-3yfsofhxh2] {
        background-color: var(--zolw-font-color);
        color: var(--zolw-orange);
    }


.wrong-password-login[b-3yfsofhxh2] {
    color: red;
    border: 2px solid red;
    border-radius: 5px;
    /* make it so wrong-password-login borderline flashes*/
    animation: wrong-password-login-b-3yfsofhxh2 1.5s infinite;
}

@keyframes wrong-password-login-b-3yfsofhxh2 {
    0% {
        border: 2px solid red;
    }

    50% {
        border: 2px solid white;
    }

    100% {
        border: 2px solid red;
    }
}

.wrong-passord-login-lable[b-3yfsofhxh2]{
color: red;
    font-size: 1.5em;
    margin: 5px;
    /* make it so wrong-password-login borderline flashes*/
/*    animation: wrong-password-login 1.5s infinite;
*/}
/* _content/Zolw-website/Components/LogoutBtn.razor.rz.scp.css */
.portal-aside-1[b-0z8fgi65b3] {
    text-decoration: none;
    border: 1px solid var(--zolw-font-color);
    border-radius: 5px;
    padding: 10px;
    cursor:pointer;
    max-width: 100px;
}

.nav-link[b-0z8fgi65b3] {
    display: block;
    text-decoration: none; /* Optional: to remove underline from links */
    padding: 8px 12px;
}
/* _content/Zolw-website/Components/Navigation/NavDesktop.razor.rz.scp.css */
body[b-hionh7be4n] {
}
/* _content/Zolw-website/Components/Navigation/NavMobile.razor.rz.scp.css */
.mobileheader-navigation[b-otw3ayt4hn]{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 1000;
}

    .mobileheader-navigation .mobilenavigation[b-otw3ayt4hn] {
        background-color: white;
    }
/* _content/Zolw-website/Components/NotLoggedInPortal.razor.rz.scp.css */
.not-logged-in-portal-sections[b-lhjb2favc0] {
    display: flex;
    flex-direction: row;
}

.not-logged-in-portal-aside-1[b-lhjb2favc0] {
    width: 20%;
    padding-top: 10rem;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    gap: 1vw;
}

.not-logged-in-portal-aside-2[b-lhjb2favc0] {
    width: 20%;
    padding-top: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.not-logged-in-portal-section[b-lhjb2favc0] {
    width: 60%;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2vw;
}

    .not-logged-in-portal-section h1[b-lhjb2favc0] {
        font-size: 2rem;
        /*font-weight: 700;*/
        margin-bottom: 1rem;
        text-align: center;
    }

    .not-logged-in-portal-section h2[b-lhjb2favc0] {
        font-size: 1.5rem;
        /*font-weight: 700;*/
        margin-bottom: 1rem;
        text-align: center;
    }

.register-section[b-lhjb2favc0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.register-linkto[b-lhjb2favc0] {
    text-decoration: none;
    font-size: 1.2rem;
}
@media screen and (max-width: 767px) {

.not-logged-in-portal-sections[b-lhjb2favc0] {
        flex-direction: column;
        align-items: center;
        gap: 10vw;
        padding: 0 7vw; /* Instead of margin, use padding */
    }

    .not-logged-in-portal-aside-1[b-lhjb2favc0],
    .not-logged-in-portal-aside-2[b-lhjb2favc0],
    .not-logged-in-portal-section[b-lhjb2favc0] {
        width: 100%; /* Use full width */
        max-width: none; /* Remove max-width constraints */
        flex-direction: column;
        gap: 10vw;
    }

    .not-logged-in-portal-aside-1[b-lhjb2favc0] {
        order: 2;
    }

    .not-logged-in-portal-aside-2[b-lhjb2favc0] {
        order: 3;
    }

    .not-logged-in-portal-section[b-lhjb2favc0] {
        order: 1;
    }

}
/* _content/Zolw-website/Components/OSS/CategoryTabs.razor.rz.scp.css */

.all-themes[b-ywsqemvkge] {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    font-size: 17px;
}

    .all-themes button[b-ywsqemvkge] {
        background-color: inherit;
        padding: 10px 20px;
        border: none;
        cursor: pointer;
    }

    .all-themes .active[b-ywsqemvkge] {
        color: blue;
        border-bottom: 2px solid black;
    }
/* _content/Zolw-website/Components/OSS/QuestionTable.razor.rz.scp.css */
.all-questions[b-59bathehqz] {
    /* Use max width for sceen   */
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.questionbox[b-59bathehqz] {
    border-bottom: 2px solid black;
    margin-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100%;

}
/* _content/Zolw-website/Components/Pages/ControlComponent.razor.rz.scp.css */
.cc-sections[b-jplksfotm6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



.cc-aside-1[b-jplksfotm6], .cc-aside-2[b-jplksfotm6] {
    max-width: 20vw;
    max-height: 100%;
    padding: 3vw;
    width: 100%;


}

    .cc-aside-1 img[b-jplksfotm6], .cc-aside-2 img[b-jplksfotm6] {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
        .cc-aside-1[b-jplksfotm6]{
            /*background-color: red;*/
            display:flex;
            justify-content: center;
            align-items: center;


            
        }


        .cc-section-main[b-jplksfotm6] {
            display: flex;
            flex-direction: column;
            gap: 3vw;
            max-width: 50vw;
        }

    .cc-section-main h1[b-jplksfotm6] {
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 3vw;
    }



    .cc-section-main p[b-jplksfotm6] {
        text-align: left;
        font-size: 1.1rem;
    }

    .cc-section-main ul[b-jplksfotm6] {
        /*list-style-type: none;*/
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }

    .cc-section-main li[b-jplksfotm6] {
        font-size: 1.1rem;
        padding: 0;
    }

.cc-main-articles a[b-jplksfotm6] {
    text-decoration: none;
    text-align: center;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 1.1rem;
    border-radius: 10px;
    background-color: rgb(68, 147, 255);
    color: white;
    border: none;
    cursor: pointer;
    /*Center button*/
    display: block;
    margin: 0 auto;
}

.cc-main-articles[b-jplksfotm6] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.cc-section-main h3[b-jplksfotm6] {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1vw;
}
.cc-main-articles article[b-jplksfotm6]{
    display: flex;
    flex-direction: column;
    gap: 2vh;
    /*justify-content: space-between;*/
}

.cc-main-articles article > *:last-child[b-jplksfotm6]{
    margin-top: auto;
}




@media (max-width: 768px) {
    .cc-sections[b-jplksfotm6] {
        flex-direction: column;
        align-items: center;
        order: 1;
        margin-left: 7vw;
        margin-right: 7vw;
    }

    .cc-aside-1[b-jplksfotm6], .cc-aside-2[b-jplksfotm6] {
        max-width: 15vw;
        max-width: 100%;
        order: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10vw;
    }

    

    .cc-section-main[b-jplksfotm6] {
        max-width: 100%;
        gap: 10vw;
    }

    .cc-main-articles[b-jplksfotm6] {
        gap: 10vw;
    }
}
/* _content/Zolw-website/Components/Pages/CourseRegistrationComponent.razor.rz.scp.css */


.btn-registration-overlay[b-yhizjak4f1] {
    border: none;
    background-color: transparent;
    border-bottom: solid 2px rgb(243, 189, 59);
    /*color: var(--btn-font-color, black);*/
}
.btn-registration-overlay:hover[b-yhizjak4f1]{
    border-bottom: solid 2px lightblue;
}

.registration-overlay[b-yhizjak4f1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .registration-overlay form[b-yhizjak4f1] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        width: 100%;
        max-width: 400px;
        background: white;
        padding: 20px;
        border-radius: 10px;
    }



    .registration-overlay button[b-yhizjak4f1] {
        width: 100%;
        padding: 10px;
        cursor: pointer;
        border-radius: 5px;
    }

.cs-info-box[b-yhizjak4f1]{
    display: flex;
    flex-direction: row;
    max-width: 50vw;
}
    .cs-info-box .cs-info-data[b-yhizjak4f1] {
        padding: 50px;
    }

.dialog-content[b-yhizjak4f1] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 20px;*/
    /*border-radius: 10px;*/
    color: black;
    margin: 100px;
    max-width:60vw;
    max-height: 70vh; /* Controls scrollable height */
    overflow-y: auto; /* Enables vertical scrolling */
    padding: 50px;
    /*justify-content: left;*/
    align-items: center;
    border-radius: 25px;
}
    .dialog-content div .inputs[b-yhizjak4f1] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 20vw;
   
    }


/* Mobile-friendly adjustments */
@media (max-width: 768px) {
    .cs-info-box[b-yhizjak4f1] {
        flex-direction: column;
        max-width: 90vw;
    }

        .cs-info-box .cs-info-data[b-yhizjak4f1] {
            padding: 20px;
        }

    .dialog-content[b-yhizjak4f1] {
        margin: 20px;
        max-width: 90vw;
        padding: 20px;
    }

        .dialog-content div .inputs[b-yhizjak4f1] {
            min-width: 80vw;
        }

    .registration-overlay form[b-yhizjak4f1] {
        max-width: 90vw;
        padding: 10px;
    }

    .registration-overlay button[b-yhizjak4f1] {
        padding: 8px;
    }
}
/* _content/Zolw-website/Components/Pages/Fagdag/Festesystem/FestesystemFagdagComponent.razor.rz.scp.css */


.fagdag-sections[b-4w39aho9u1] {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}


.fillerbox[b-4w39aho9u1] {
    height: 150px;
}

.fagdag-aside-1[b-4w39aho9u1], .fagdag-aside-2[b-4w39aho9u1] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align items to the start */
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0; /* Adjust this value based on your header's height or desired offset */
    align-self: flex-start;
    height: 100vh; /* Full viewport height */
    padding: 20px 0; /* Top and bottom padding */
}

.fagdag-aside-1[b-4w39aho9u1], .fagdag-aside-2[b-4w39aho9u1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* This will place the first article at the top and the last at the bottom */
    position: sticky;
    position: -webkit-sticky; /* For Safari */
    top: 13vh; /* Adjust this value based on your header's height or desired offset */
    bottom: 0; /* Align the bottom edge of the element with the bottom of the viewport */
    height: 87vh; /* Use the full height of the viewport */
    align-self: flex-start;
    width: 10vw;
}

    .fagdag-aside-1 article[b-4w39aho9u1], .fagdag-aside-2 article[b-4w39aho9u1] {
        padding: 10px;
        /* If you have other styles (like font-weight) add them here */
    }

        /* Assuming you want the first article to stick to the top */
        .fagdag-aside-1 article:first-child[b-4w39aho9u1], .fagdag-aside-2 article:first-child[b-4w39aho9u1] {
            padding-top: 10px; /* Or the value of the top space you want */
        }

        /* Assuming you want the image to stick to the bottom */
        .fagdag-aside-1 article:last-child[b-4w39aho9u1], .fagdag-aside-2 article:last-child[b-4w39aho9u1] {
            margin-top: auto; /* This pushes the last article to the bottom */
        }

    .fagdag-aside-1 img[b-4w39aho9u1], .fagdag-aside-2 img[b-4w39aho9u1] {
        width: 100%; /* Full width of the article */
        height: auto; /* Maintain aspect ratio */
        object-fit: contain; /* Ensure the image is contained within its element */
    }

    .fagdag-aside-2 .location[b-4w39aho9u1] {
        font-weight: bold;
    }

.adresse[b-4w39aho9u1] {
    margin: 0;
    padding: 0;
}

.fagdag-section[b-4w39aho9u1] {
    /*    background-image: url('images/pvsol/fagdag/fagdag_background.png');
*/ background-color: rgb(6, 32, 75); /* The color you want to blend with */
    color: rgb(215, 179, 75);
    background-blend-mode: multiply; /* The blend mode you want to use */

    background-size: contain; /* Cover the entire area, image may be clipped */
    /* background-size: contain; Use this instead if you want to fit the entire image without clipping */
    background-repeat: repeat; /* Prevent the image from repeating */
    background-position: center; /* Center the image within the container */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0 100px 0; /* Shorthand for padding-top, padding-right, padding-bottom, padding-left */
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}


.fagdag-header[b-4w39aho9u1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

    .fagdag-header img[b-4w39aho9u1] {
    }

    .fagdag-header section h1[b-4w39aho9u1] {
        font-size: 2.5rem;
        font-weight: bold;
        text-align: center;
    }

    .fagdag-header section h2[b-4w39aho9u1] {
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
    }

    .fagdag-header section h3[b-4w39aho9u1] {
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        padding-top: 3vh;
    }

.fagdag-start-section[b-4w39aho9u1] {
    padding: 50px 0 10px 0;
}

    .fagdag-start-section p[b-4w39aho9u1] {
        font-weight: bold;
        text-align: center;
        max-width: 50vw;
        line-height: 2;
        font-size: 1.2rem;
    }
    /*FIRST p tag in fagdag-start-section*/
/*    .fagdag-start-section p:first-child {
        font-size: 1.2rem;
    }*/

.fagdag-start-part2-sections[b-4w39aho9u1] {
    padding: 10px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.fagdag-start-part2-section[b-4w39aho9u1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1vw;
    /*use all width*/
    width: 100%;
    padding: 0 30px 0 30px;
}

    .fagdag-start-part2-section .fagdag-start-part2-section-item[b-4w39aho9u1] {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: rgb(215, 179, 75, 0.45);
        color: rgb(215, 179, 75);
        padding: 20px;
        border-radius: 3vw;
        font-weight: bold;
        gap: 2vh;
        width: 100%;

    }

.fagdag-start-part2-section-item h4[b-4w39aho9u1]{
    font-size: 3em;
}

.fagdag-start-part2-section-item li[b-4w39aho9u1] {
    font-size: 1.25em;
}

.fagdag-start-part2-section-item-section[b-4w39aho9u1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1vh;
    width: 100%;
}
    .fagdag-start-part2-section-item-section .fagdag-start-part2-section-item[b-4w39aho9u1] {
        /*background-color: rgb(215, 179, 75, 0.45);*/
        /*USE ALL OF WIDHT*/
        width: 100%;
    }
    /*make nr 2 and 4 use all hieght*/
    .fagdag-start-part2-section-item-section .fagdag-start-part2-section-item:nth-child(1)[b-4w39aho9u1], .fagdag-start-part2-section-item-section .fagdag-start-part2-section-item:nth-child(3)[b-4w39aho9u1] {
        height: 100%;

    }

    .fagdag-start-part2-section .fagdag-start-part2-section-item h3[b-4w39aho9u1] {
        font-size: xx-large;
        font-weight: bold;
        text-align: center
    }

.fagdag-start-part2-section .fagdag-start-part2-section-item img[b-4w39aho9u1] {
    width: 10vw;
    height: auto;
    object-fit: contain;
    min-width: 150px;
    max-height: 100px;
    /*background-color: rgb(255, 255, 255);*/
}

        .fagdag-start-part2-section .fagdag-start-part2-section-item .fagdag-start-part2-section-item-sponsor[b-4w39aho9u1] {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1vh;
        }

.fagdag-start-part2-section-item-sponsor section[b-4w39aho9u1] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*padding: 10px;*/
    gap: 0.5vw;
    max-width: 35vw;
    /*max-height:10px;*/

}


.fagdag-start-part2-section .fagdag-start-part2-section-item ul[b-4w39aho9u1] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*background-color: red;*/
}

    .fagdag-start-part2-section .fagdag-start-part2-section-item ul li[b-4w39aho9u1] {
        padding: 1vh 0 1vh 0;
    }

.fagdag-middle-section[b-4w39aho9u1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between; /* This will add space between the two articles */
    padding: 0 100px 50px 100px; /* Shorthand for padding-top, padding-right, padding-bottom, padding-left */
    gap: 40px; /* Adjust the space between articles */
    width: 100%;
}

    .fagdag-middle-section article[b-4w39aho9u1] {
        flex: 1; /* Each article will take up half the available space */
        display: flex;
        flex-direction: column;
    }
    /*Ajust img size*/


.middle-article-1[b-4w39aho9u1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px 20px 0;
}


    .middle-article-1 p[b-4w39aho9u1] {
        margin: 40px 0 40px 0;
        line-height: 2;
        /*font-weight: bold;*/
        text-align: center;
    }

    .middle-article-1 img[b-4w39aho9u1] {
        width: 70%;
        height: auto;
        object-fit: contain;
    }

.overview-img-stands[b-4w39aho9u1]{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5vh;
}
    .overview-img-stands img[b-4w39aho9u1]{
        width: 80%;
        height: auto;
        object-fit: contain;
    }

/*    .overview-img-stands img:hover {
        width: 500px;
    }
*/



    .to-register-page[b-4w39aho9u1] {
        padding: 20px 200px 20px 200px;
        font-weight: bold;
        font-size: large;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
        background-color: rgb(215, 179, 75, 0.45);
        color: rgb(215, 179, 75);
        border-radius: 1vw;
    }

    .to-register-page.top[b-4w39aho9u1] {
        margin: 0 0 50px 0;
    }

.fagdag-bottom[b-4w39aho9u1]{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    /*align-items: center;*/

}


.bottom-section[b-4w39aho9u1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px 100px 50px;
    gap: 40px;
    text-align: center;
    width: 100%;
}

    .bottom-section article[b-4w39aho9u1] {
        padding: 20px 0 0 0;
    }

        .bottom-section article h2[b-4w39aho9u1] {
            font-size: 2rem;
            font-weight: bold;
        }
.overwiew-link[b-4w39aho9u1] {
    font-weight: bold;
}
.bottom-end-section[b-4w39aho9u1]{
    text-align: center;
}

a[b-4w39aho9u1] {
    color: rgb(250, 212, 105);
}

    a:hover[b-4w39aho9u1] {
        color: rgb(215, 179, 75);
    }


.bottom-big-text[b-4w39aho9u1]{
/*WANTED MORE SPACE UNDERNEATH */
    padding: 0 0 10px 0;
}

@media screen and (max-width: 767px) {
    .fagdag-sections[b-4w39aho9u1] {
        flex-direction: column; /* Stack items vertically */
    }

    .fagdag-aside-1[b-4w39aho9u1], .fagdag-aside-2[b-4w39aho9u1] {
        width: 100%; /* Make sidebars full width */
        height: auto; /* Adjust height */
        position: relative; /* Might change from sticky for better flow */
        top: 0; /* Reset any offsets */
        padding: 10px; /* Reduced padding */
    }

        .fagdag-aside-1 article[b-4w39aho9u1], .fagdag-aside-2 article[b-4w39aho9u1] {
            padding: 10px; /* Adjust padding for mobile */
        }

    .fagdag-header section h1[b-4w39aho9u1], .fagdag-header section h2[b-4w39aho9u1], .fagdag-header section h3[b-4w39aho9u1] {
        font-size: 1.5rem; /* Scale down headings */
    }

    .fagdag-start-section p[b-4w39aho9u1] {
        max-width: 100%; /* Full width */
        font-size: 1rem; /* Smaller text on mobile */
    }

    .fagdag-start-part2-sections[b-4w39aho9u1], .fagdag-start-part2-section[b-4w39aho9u1] {
        flex-direction: column; /* Stack vertically */
    }

    .fagdag-start-part2-section-item[b-4w39aho9u1] {
        width: 100%; /* Full width */
        padding: 10px; /* Adjust padding */
    }
        .fagdag-start-part2-section-item h3[b-4w39aho9u1] {
            font-size: 0.2rem; /* Smaller heading */
        }
    .fagdag-start-part2-section-item-sponsor img[b-4w39aho9u1] {
        width: 100%; /* Full width images */
    }

    .fagdag-middle-section[b-4w39aho9u1] {
        flex-direction: column; /* Stack vertically */
        padding: 10px; /* Reduce padding */
    }

    .middle-article-1 img[b-4w39aho9u1], .overview-img-stands img[b-4w39aho9u1] {
        width: 100%; /* Full width images */
    }

    .to-register-page[b-4w39aho9u1] {
        padding: 10px; /* Smaller padding */
    }

    .fagdag-bottom[b-4w39aho9u1] {
        flex-direction: column; /* Stack elements vertically */
    }
}
/* _content/Zolw-website/Components/Pages/Fagdag/Festesystem/Helpers/EditProgramFagdag.razor.rz.scp.css */
.edit-fagdag-sections[b-kfx122wfgn]{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
h3[b-kfx122wfgn] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.edit-fagdag-overlay[b-kfx122wfgn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.edit-fagdag-overlay-background[b-kfx122wfgn] {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-width: 50%;
    overflow-y: auto;
    max-height: 80%;

}
textarea[b-kfx122wfgn]{
    width: 100%;
    /*height: 100px;*/
    border: 1px solid #ccc;
    border-radius: 5px;
    /*padding: 10px;*/
    font-size: 1rem;
    min-height: 100px;
    
}
/* _content/Zolw-website/Components/Pages/Fagdag/Festesystem/Helpers/FagdagSubmit.razor.rz.scp.css */

.submit-sections[b-d0kobdll6x] {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 2vw;
    width: 45%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 1400px;
    background-color: rgb(215, 179, 75, 0.45);
    
}

h3[b-d0kobdll6x] {
    /*text-align: center;*/
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
    padding: 20px 0 20px 0;
    /* always on top in section*/
    top: 0;
}

.submit-section[b-d0kobdll6x] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

    .submit-section .submit-inputs-section[b-d0kobdll6x] {
        
        height: 1100px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top:50px;
    }

    .submit-section .submit-inputs[b-d0kobdll6x] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }


a[b-d0kobdll6x] {
    color: rgb(250, 212, 105);
}
    
        a:hover[b-d0kobdll6x] {
            color: rgb(215, 179, 75);
        }


.splitsection[b-d0kobdll6x] {
    margin: 0 0 2em 0;
}

.submit-section .submit-input[b-d0kobdll6x] {
    background-color: transparent;
    /*        border: none;
*/ border-bottom: 1px solid black;
    color: rgb(215, 179, 75);
}

.submit-section .submit-inputer[b-d0kobdll6x] {
    background-color: white;
    /*        border: none;
*/ border-bottom: 1px solid black;
    color: black;
    font-weight: bold;
}



/*Change color of placeholder in input*/
.submit-section .submit-input[b-d0kobdll6x]::placeholder {
    color: rgb(215, 179, 75);
}
.btn-reserve[b-d0kobdll6x] {
    background-color: rgb(6, 32, 75);
    color: rgb(215, 179, 75);
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    transition: 1s;
    height: auto;
}
    .btn-reserve:hover[b-d0kobdll6x] {
        background-color: rgb(215, 179, 75);
        color: rgb(6, 32, 75);
        transition: 1s;
    }
.validation-message[b-d0kobdll6x] {
    color: red; /* Set your desired color for validation messages */
    font-size: 14px; /* Set your desired font size for validation messages */
}

.multiple-choice[b-d0kobdll6x] {
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    /*align-items: center;*/
    /*padding: 10px;*/
}



label[b-d0kobdll6x] {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}

button[b-d0kobdll6x] {
    height: 3em;
    font-size: 1.5em;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .submit-sections[b-d0kobdll6x] {
        width: 90%;
        height: 100%;
    }
    h3[b-d0kobdll6x] {
        font-size: 1.2em;
    }
    .submit-section .submit-inputs-section[b-d0kobdll6x] {
        height: 100%;
        gap: 2vh;

    }
    .submit-section .submit-inputs[b-d0kobdll6x] {
        height: 100%;
    }
    .submit-section .submit-input[b-d0kobdll6x] {
        height: 100%;
    }
    .splitsection[b-d0kobdll6x] {
        margin: 0 0 1em 0;
    }
    .btn-reserve[b-d0kobdll6x] {
        font-size: 1.2em;
    }
    .validation-message[b-d0kobdll6x] {
        font-size: 12px;
    }
    .multiple-choice[b-d0kobdll6x] {
        font-size: 1em;
    }
    label[b-d0kobdll6x] {
        font-size: 1em;
    }
    button[b-d0kobdll6x] {
        font-size: 1.2em;
    }



}
/* _content/Zolw-website/Components/Pages/Fagdag/Festesystem/Helpers/FagdagUtstillere.razor.rz.scp.css */
.alle-utsillere[b-6tsp6hfgu9] {
    margin-bottom: 2vw;
}
.alle-utsillere h3[b-6tsp6hfgu9]{
    font-size: 1.5rem;
    text-align: center;
    margin-top: 40px;

}
.alle-utsillere h4[b-6tsp6hfgu9]{
    font-size: 1.2rem;
    text-align: center;
    margin-top: 20px;

}

.overview-img[b-6tsp6hfgu9] {
    width: 350px; /* Set your desired initial width */
    transition: width 0.3s ease; /* Add a smooth transition effect */
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

    /* Hover effect to increase size */
    /*.overview-img:hover {
        width: 500px;*/ /* Set your desired larger width on hover */
    /*}*/




.fagdag-section .utstillere[b-6tsp6hfgu9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.utstillere ul[b-6tsp6hfgu9] {
    display: flex;
    flex-wrap: wrap;
    /*max-height: 700px;*/
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .utstillere ul li[b-6tsp6hfgu9] {
        box-sizing: border-box;
        flex: 0 1 calc(40% - 1vw); /* Adjusted for 2x2 grid */
        margin: 20px 10px 20px 10px;
        padding: 10px;
        border-radius: 10px;
        background-color: rgb(215, 179, 75, 0.45);
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
        cursor: pointer;
        width: 250px;
        text-align: left;
    }
/*    .utstillere ul li:last-child {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    }*/


/* Style for the overall background of the popup */
.popup[b-6tsp6hfgu9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other content */
}

/* Style for the popup box */
.popup-inner[b-6tsp6hfgu9] {
    background-color: rgb(6, 32, 75);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 80%;
    max-width: 800px; /* Adjust width as needed */
}

/* Style for the popup header */
.popup-header[b-6tsp6hfgu9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd; /* Optional border */
    padding-bottom: 10px; /* Spacing under the header */
}

/* Style for the close button */

.close-btn[b-6tsp6hfgu9] {
    background-color: rgb(217, 226, 243);
    border: none;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

    .close-btn:hover[b-6tsp6hfgu9] {
        background-color: rgb(142, 170, 219);
    }



/* Style for the popup body */
.popup-body[b-6tsp6hfgu9] {
    padding-top: 10px; /* Spacing above the body content */
}

img[b-6tsp6hfgu9] {
    width: 500px; /* Set your desired initial width */
    transition: width 0.3s ease; /* Add a smooth transition effect */
    cursor: pointer;
}

.bottom-popup[b-6tsp6hfgu9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
}

.popup-infobox[b-6tsp6hfgu9] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0 0 0;
}

.popup-url[b-6tsp6hfgu9] {
    word-break: break-word;
}
/* DISPLAY LARGER IMG*/
.popup-large[b-6tsp6hfgu9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other content */
}

/* Style for the popup box */
.popup-inner-large[b-6tsp6hfgu9] {
    background-color: rgb(6, 32, 75);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 80%;
    max-width: auto; /* Adjust width as needed */
}

/* Style for the popup header */
.popup-header-large[b-6tsp6hfgu9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd; /* Optional border */
    padding-bottom: 10px; /* Spacing under the header */
}

/* Style for the close button */
.close-btn-large[b-6tsp6hfgu9] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Style for the popup body */
.popup-body-large[b-6tsp6hfgu9] {
    padding-top: 10px; /* Spacing above the body content */
    display: flex;
    justify-content: center;
    align-items: center;
}

.overview-img-large[b-6tsp6hfgu9] {
    width: 1000px; /* Set your desired initial width */
}

/* General popup styles */
.popup[b-6tsp6hfgu9],
.popup-large[b-6tsp6hfgu9] {
    /* No changes needed here for mobile-friendliness, these are already responsive */
}

/* Popup inner box styling */
.popup-inner[b-6tsp6hfgu9],
.popup-inner-large[b-6tsp6hfgu9] {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 90%; /* More width on mobile for better utilization of space */
    max-width: 800px; /* Maintain max-width for larger screens */
    margin: 10px; /* Add margin to avoid touching the viewport edges */
}

/* Popup header */
.popup-header[b-6tsp6hfgu9],
.popup-header-large[b-6tsp6hfgu9] {
    /* No changes needed here for mobile-friendliness, these are already responsive */
}

/* Close button */
.close-btn[b-6tsp6hfgu9],
.close-btn-large[b-6tsp6hfgu9] {
    /* No changes needed here for mobile-friendliness, these are already responsive */
}

/* Popup body */
.popup-body[b-6tsp6hfgu9],
.popup-body-large[b-6tsp6hfgu9] {
    padding-top: 10px; /* No changes needed here for mobile-friendliness */
}

/* Image styling */
img[b-6tsp6hfgu9],
.overview-img-large[b-6tsp6hfgu9] {
    max-width: 100%; /* Ensure images are not wider than the screen */
    height: auto; /* Maintain aspect ratio */
    transition: width 0.3s ease;
}

/* Bottom popup */
.bottom-popup[b-6tsp6hfgu9] {
    flex-direction: column; /* Stack items vertically on mobile */
    gap: 15px; /* Less gap on mobile to save space */
}

/* Popup infobox */
.popup-infobox[b-6tsp6hfgu9] {
    gap: 10px; /* Less gap on mobile to save space */
    margin: 20px; /* Ensure there's space around the content */
}

/* Popup URL */
.popup-url[b-6tsp6hfgu9] {
    word-break: break-word; /* Ensure long URLs don't overflow the container */
}
.popup-scrollable[b-6tsp6hfgu9] {
    overflow-y: auto; /* Enables vertical scrolling if content overflows */
    max-height: 70vh; /* Maximum height before scrolling is needed */
}

@media screen and (max-width: 767px) {
    .popup-inner[b-6tsp6hfgu9],
    .popup-inner-large[b-6tsp6hfgu9] {
        width: calc(100% - 20px); /* Full width minus margin */
        max-width: calc(100% - 20px); /* Override max-width to match width on mobile */
    }
    .popup-scrollable[b-6tsp6hfgu9] {
        overflow-y: auto; /* Enables vertical scrolling if content overflows */
        max-height: 70vh; /* Maximum height before scrolling is needed */
    }

    .overview-img-large[b-6tsp6hfgu9] {
        max-width: calc(100% - 40px); /* Full width minus padding for larger image popups */
    }

    /* Adjust popup header, body, and image styles as needed for mobile */
    /* ... */
}



@media screen and (max-width: 767px) {
    .utstillere[b-6tsp6hfgu9]{
        flex-direction: column;
        /*background-color: rgb(217, 226, 243);*/
    }
    .utstillere ul[b-6tsp6hfgu9] {
        max-height: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
  
}
/* _content/Zolw-website/Components/Pages/Fagdag/Festesystem/Helpers/PopupUtsillere.razor.rz.scp.css */
/* Style for the overall background of the popup */
.popup[b-osgrqdr1h3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other content */
}

/* Style for the popup box */
.popup-inner[b-osgrqdr1h3] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 80%;
    max-width: 800px; /* Adjust width as needed */
}

/* Style for the popup header */
.popup-header[b-osgrqdr1h3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd; /* Optional border */
    padding-bottom: 10px; /* Spacing under the header */
}

/* Style for the close button */
.close-btn[b-osgrqdr1h3] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Style for the popup body */
.popup-body[b-osgrqdr1h3] {
    padding-top: 10px; /* Spacing above the body content */
}

img[b-osgrqdr1h3] {
    width: 500px; /* Set your desired initial width */
    transition: width 0.3s ease; /* Add a smooth transition effect */
    cursor: pointer;
}

.bottom-popup[b-osgrqdr1h3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
}

.popup-infobox[b-osgrqdr1h3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0 0 0;
}

.popup-url[b-osgrqdr1h3] {
    word-break: break-word;
}
/* DISPLAY LARGER IMG*/
.popup-large[b-osgrqdr1h3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other content */
}

/* Style for the popup box */
.popup-inner-large[b-osgrqdr1h3] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 80%;
    max-width: auto; /* Adjust width as needed */
}

/* Style for the popup header */
.popup-header-large[b-osgrqdr1h3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd; /* Optional border */
    padding-bottom: 10px; /* Spacing under the header */
}

/* Style for the close button */
.close-btn-large[b-osgrqdr1h3] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Style for the popup body */
.popup-body-large[b-osgrqdr1h3] {
    padding-top: 10px; /* Spacing above the body content */
    display: flex;
    justify-content: center;
    align-items: center;
}

.overview-img-large[b-osgrqdr1h3] {
    width: 1000px; /* Set your desired initial width */
}

/* General popup styles */
.popup[b-osgrqdr1h3],
.popup-large[b-osgrqdr1h3] {
    /* No changes needed here for mobile-friendliness, these are already responsive */
}

/* Popup inner box styling */
.popup-inner[b-osgrqdr1h3],
.popup-inner-large[b-osgrqdr1h3] {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 90%; /* More width on mobile for better utilization of space */
    max-width: 800px; /* Maintain max-width for larger screens */
    margin: 10px; /* Add margin to avoid touching the viewport edges */
}

/* Popup header */
.popup-header[b-osgrqdr1h3],
.popup-header-large[b-osgrqdr1h3] {
    /* No changes needed here for mobile-friendliness, these are already responsive */
}

/* Close button */
.close-btn[b-osgrqdr1h3],
.close-btn-large[b-osgrqdr1h3] {
    /* No changes needed here for mobile-friendliness, these are already responsive */
}

/* Popup body */
.popup-body[b-osgrqdr1h3],
.popup-body-large[b-osgrqdr1h3] {
    padding-top: 10px; /* No changes needed here for mobile-friendliness */
}

/* Image styling */
img[b-osgrqdr1h3],
.overview-img-large[b-osgrqdr1h3] {
    max-width: 100%; /* Ensure images are not wider than the screen */
    height: auto; /* Maintain aspect ratio */
    transition: width 0.3s ease;
}

/* Bottom popup */
.bottom-popup[b-osgrqdr1h3] {
    flex-direction: column; /* Stack items vertically on mobile */
    gap: 15px; /* Less gap on mobile to save space */
}

/* Popup infobox */
.popup-infobox[b-osgrqdr1h3] {
    gap: 10px; /* Less gap on mobile to save space */
    margin: 20px; /* Ensure there's space around the content */
}

/* Popup URL */
.popup-url[b-osgrqdr1h3] {
    word-break: break-word; /* Ensure long URLs don't overflow the container */
}

@media screen and (max-width: 767px) {
    .popup-inner[b-osgrqdr1h3],
    .popup-inner-large[b-osgrqdr1h3] {
        width: calc(100% - 20px); /* Full width minus margin */
        max-width: calc(100% - 20px); /* Override max-width to match width on mobile */
    }

    .overview-img-large[b-osgrqdr1h3] {
        max-width: calc(100% - 40px); /* Full width minus padding for larger image popups */
    }

    /* Adjust popup header, body, and image styles as needed for mobile */
    /* ... */
}
/* _content/Zolw-website/Components/Pages/Fagdag/Festesystem/Helpers/PvSolTabell.razor.rz.scp.css */
.program-section[b-i7d1jmrtb5] {

    background-color: rgb(255, 230, 153);
    color: rgb(2, 18, 44);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    max-width: 50vw;
    margin-bottom: 2vw;
}
.table-header-fagdag[b-i7d1jmrtb5] {
    background-color: rgb(255, 192, 0);
    color: rgb(2, 18, 44);
    width: 100%;
}

    .program-section table[b-i7d1jmrtb5] {
        border-collapse: collapse;
        width: 100%;

    }

.program-section th[b-i7d1jmrtb5] {
    color: rgb(2, 18, 44);
    text-align: left;
    padding: 8px;
    /*border: rgb(2, 18, 44) solid 2px;*/
}
/*I want to change every nr 1 collumn width smaller, there are 3 collumns*/
.program-section th:nth-child(1)[b-i7d1jmrtb5] {
    width: 22%;
}

.program-section td[b-i7d1jmrtb5] {
    text-align: left;
    padding: 8px;
    /*border: rgb(2, 18, 44) solid 2px;*/
}

tr[b-i7d1jmrtb5] {
    height: 70px;
}

.program-section tr:nth-child(even) td[b-i7d1jmrtb5], .program-section tr:nth-child(even) b[b-i7d1jmrtb5] {
    background-color: rgb(255, 218, 102);
}

.program-section .warning-program[b-i7d1jmrtb5] {
    font-family: 'Cursive Normal';
}

.program-section .clickable[b-i7d1jmrtb5] {
    cursor: pointer;
}

.before-hyphen[b-i7d1jmrtb5] {
    /* Style for words before the hyphen */
    font-weight: bold;
}

.after-hyphen[b-i7d1jmrtb5] {
    /* Style for words after the hyphen */
    font-weight: normal;
}

.hyphen[b-i7d1jmrtb5] {
    /* Style specifically for the hyphen itself if needed */
}

.clock-time[b-i7d1jmrtb5] {
    width: 200px;
}

.overlay-fagdag-table-bg[b-i7d1jmrtb5] {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    /*display: none;*/
}

.overlay-fagdag-table[b-i7d1jmrtb5] {
    background-color: rgb(6, 32, 75);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    max-height: 80vh; /* Limit the height to 80% of the viewport height */
    overflow-y: auto; /* Enable vertical scrolling */
    width: 50vw; /* Optional: Adjust width as necessary */
}

.overlay-fagdag-table-top[b-i7d1jmrtb5] {
    display: flex;
    gap: 10vw;
    justify-content: space-between;
    align-items: center;
}

.overlay-fagdag-table-bottom[b-i7d1jmrtb5] {
    display: block; /* Change from flex to block if necessary */
    max-height: 60vh; /* Adjust based on total height of the overlay */
    overflow-y: auto; /* Enable scrolling inside this section */
}

.overlay-fagdag-table-close-button[b-i7d1jmrtb5] {
    background-color: rgb(217, 226, 243);
    border: none;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

    .overlay-fagdag-table-close-button:hover[b-i7d1jmrtb5] {
        background-color: rgb(142, 170, 219);
    }




/* Mobile-specific styles */
@media screen and (max-width: 767px) {
    .program-section table[b-i7d1jmrtb5], .program-section thead[b-i7d1jmrtb5], .program-section tbody[b-i7d1jmrtb5], .program-section th[b-i7d1jmrtb5], .program-section td[b-i7d1jmrtb5], .program-section tr[b-i7d1jmrtb5] {
        display: block;
    }

        .program-section thead tr[b-i7d1jmrtb5] {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .program-section tr[b-i7d1jmrtb5] {
        border: 1px solid #ddd;
        margin-bottom: 5px;
        background-color: #fff; /* Clear backgrounds for legibility */
    }

    .program-section td[b-i7d1jmrtb5] {
        border: none;
        position: relative;
        padding-left: 50%; /* Adjust padding to not overlap with the labels */
        text-align: right;
    }

        .program-section td[b-i7d1jmrtb5]:before {
            position: absolute;
            left: 10px;
            width: 45%; /* Adjust width based on your design */
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
            content: attr(data-label);
        }
}

/* Style adjustments for special elements like clickable regions and popups */
.program-section .clickable[b-i7d1jmrtb5] {
    cursor: pointer;
}

.program-section .before-hyphen[b-i7d1jmrtb5] {
    font-weight: bold;
}

.program-section .after-hyphen[b-i7d1jmrtb5] {
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .program-section[b-i7d1jmrtb5] {
        max-width: 100vw; /* Use full viewport width on mobile */
        width: 100%; /* Ensure the width is set to 100% */
        margin-bottom: 1em; /* Adjust the bottom margin if necessary */
        box-shadow: none; /* Optional: remove box-shadow if it doesn't fit well with the mobile layout */
    }


        .program-section table[b-i7d1jmrtb5], .program-section thead[b-i7d1jmrtb5], .program-section tbody[b-i7d1jmrtb5], .program-section th[b-i7d1jmrtb5], .program-section td[b-i7d1jmrtb5], .program-section tr[b-i7d1jmrtb5] {
            display: block;
            width: auto;
            height: auto;
            margin: 0;
        }

        .program-section table[b-i7d1jmrtb5] {
            width: 100%;
        }

        .program-section thead tr[b-i7d1jmrtb5] {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .program-section tr[b-i7d1jmrtb5] {
            border: 1px solid #ddd;
            margin-bottom: 10px;
            background-color: rgb(255, 218, 102); /* Light background for the entire card */
            padding: 5px; /* Add padding for spacing inside the card */
            /*ADD A MIN HEIGHT*/
            min-height: 10vh;
        }

        .program-section td[b-i7d1jmrtb5] {
            border: none;
            position: relative;
            padding-left: 35%; /* Adjust padding to give more room for content */
            text-align: left; /* Left align the content */
            padding-top: 6px; /* Add a little padding on top for space */
            padding-bottom: 6px; /* Add a little padding at the bottom for space */
        }

            .program-section td[b-i7d1jmrtb5]:before {
                position: absolute;
                left: 10px;
                width: 30%; /* Adjust width to give more room for content */
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                content: attr(data-label);
                background-color: #eef; /* Slight background to distinguish label */
                padding: 3px; /* Padding inside the label background */
                /*BREAK word into two lines, can break anywhere */
                word-break: break-all;
            }

            /* Adjustments for specific td content */
            .program-section td:nth-of-type(1)[b-i7d1jmrtb5]:before {
                background-color: rgb(241, 206, 98);
            }

            .program-section td:nth-of-type(2)[b-i7d1jmrtb5]:before {
                background-color: rgb(241, 206, 98);
            }

            .program-section td:nth-of-type(3)[b-i7d1jmrtb5]:before {
                background-color: rgb(241, 206, 98);
            }

    .overlay-fagdag-table[b-i7d1jmrtb5] {
        width: 90%; /* Slightly less than full width for padding consideration */
        max-height: 90vh; /* Adjust the height to be more suitable for mobile */
        overflow-y: auto;
    }

    .overlay-fagdag-table-top[b-i7d1jmrtb5] {
        gap: 5vw; /* Adjust gap for better spacing */
    }

    .overlay-fagdag-table-bottom[b-i7d1jmrtb5] {
        max-height: 50vh; /* Adjust max-height for better scrolling */
    }

    .overlay-fagdag-table-close-button[b-i7d1jmrtb5] {
        padding: 3px; /* Adjust padding for better visibility */
    }
}
/* _content/Zolw-website/Components/Pages/Fagdag/Festesystem/Helpers/Window-Term.razor.rz.scp.css */
.modal-background[b-upxf90w8dr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-upxf90w8dr] {
    background-color: white;
    color: black;
    width: 500px;
    max-height: 80%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.modal-buttons[b-upxf90w8dr] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}


.checkmark[b-upxf90w8dr] {
    color: green;
    margin-left: 10px;
}
.not-read-term[b-upxf90w8dr]{
    color: red;
    margin-left: 10px;
}

.btn-windowOC[b-upxf90w8dr] {
    background-color: rgb(6, 32, 75);
    color: rgb(215, 179, 75);
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    transition: 0.5s;
}
.btn-windowOC:hover[b-upxf90w8dr] {
    background-color: rgb(215, 179, 75);
    color: rgb(6, 32, 75);
}
/* _content/Zolw-website/Components/Pages/Fagdag/Konferanse2025/Helpers/Window-Term.razor.rz.scp.css */
.modal-background[b-isqcx91n6l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-isqcx91n6l] {
    background-color: white;
    color: black;
    width: 500px;
    max-height: 80%;
    overflow-y: auto;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.modal-buttons[b-isqcx91n6l] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}


.checkmark[b-isqcx91n6l] {
    color: green;
    margin-left: 10px;
}
.not-read-term[b-isqcx91n6l]{
    color: red;
    margin-left: 10px;
}

.btn-windowOC[b-isqcx91n6l] {
    background-color: rgb(6, 32, 75);
    color: rgb(215, 179, 75);
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
    transition: 0.5s;
}
.btn-windowOC:hover[b-isqcx91n6l] {
    background-color: rgb(215, 179, 75);
    color: rgb(6, 32, 75);
}
/* _content/Zolw-website/Components/Pages/Fagdag/Konferanse2025/Konferanse2025Component.razor.rz.scp.css */
.fagdag-sections[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}


.fillerbox[b-s4lyu9v9jd] {
    height: 150px;
}

.fagdag-aside-1[b-s4lyu9v9jd],
.fagdag-aside-2[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* Align items to the start */
    position: -webkit-sticky;
    /* For Safari */
    position: sticky;
    top: 0;
    /* Adjust this value based on your header's height or desired offset */
    align-self: flex-start;
    height: 100vh;
    /* Full viewport height */
    padding: 20px 0;
    /* Top and bottom padding */
}

.fagdag-aside-1[b-s4lyu9v9jd],
.fagdag-aside-2[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* This will place the first article at the top and the last at the bottom */
    position: sticky;
    position: -webkit-sticky;
    /* For Safari */
    top: 13vh;
    /* Adjust this value based on your header's height or desired offset */
    bottom: 0;
    /* Align the bottom edge of the element with the bottom of the viewport */
    height: 87vh;
    /* Use the full height of the viewport */
    align-self: flex-start;
    width: 10vw;
}

.fagdag-aside-1 article[b-s4lyu9v9jd],
.fagdag-aside-2 article[b-s4lyu9v9jd] {
    padding: 10px;
    /* If you have other styles (like font-weight) add them here */
}

/* Assuming you want the first article to stick to the top */
.fagdag-aside-1 article:first-child[b-s4lyu9v9jd],
.fagdag-aside-2 article:first-child[b-s4lyu9v9jd] {
    padding-top: 10px;
    /* Or the value of the top space you want */
}

/* Assuming you want the image to stick to the bottom */
.fagdag-aside-1 article:last-child[b-s4lyu9v9jd],
.fagdag-aside-2 article:last-child[b-s4lyu9v9jd] {
    margin-top: auto;
    /* This pushes the last article to the bottom */
}

.fagdag-aside-1 img[b-s4lyu9v9jd],
.fagdag-aside-2 img[b-s4lyu9v9jd] {
    width: 100%;
    /* Full width of the article */
    height: auto;
    /* Maintain aspect ratio */
    object-fit: contain;
    /* Ensure the image is contained within its element */
}

.fagdag-aside-2 .location[b-s4lyu9v9jd] {
    font-weight: bold;
}

.adresse[b-s4lyu9v9jd] {
    margin: 0;
    padding: 0;
}

.fagdag-section[b-s4lyu9v9jd] {
    /*    background-image: url('images/pvsol/fagdag/fagdag_background.png');
*/
    background-color: #2F4058;
    /* The color you want to blend with */
    color: rgb(215, 179, 75);
    background-blend-mode: multiply;
    /* The blend mode you want to use */

    background-size: contain;
    /* Cover the entire area, image may be clipped */
    /* background-size: contain; Use this instead if you want to fit the entire image without clipping */
    background-repeat: repeat;
    /* Prevent the image from repeating */
    background-position: center;
    /* Center the image within the container */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0 100px 0;
    /* Shorthand for padding-top, padding-right, padding-bottom, padding-left */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}


.fagdag-header[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.fagdag-header img[b-s4lyu9v9jd] {}

.fagdag-header section h1[b-s4lyu9v9jd] {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}

.fagdag-header section h2[b-s4lyu9v9jd] {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.fagdag-header section h3[b-s4lyu9v9jd] {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding-top: 3vh;
}

.fagdag-start-section[b-s4lyu9v9jd] {
    padding: 50px 0 10px 0;
}

.fagdag-start-section p[b-s4lyu9v9jd] {
    font-weight: bold;
    text-align: center;
    max-width: 50vw;
    line-height: 2;
    font-size: 1.2rem;
}

/*FIRST p tag in fagdag-start-section*/
/*    .fagdag-start-section p:first-child {
        font-size: 1.2rem;
    }*/

.fagdag-start-part2-sections[b-s4lyu9v9jd] {
    padding: 10px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.fagdag-start-part2-section[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1vw;
    /*use all width*/
    width: 100%;
    padding: 0 30px 0 30px;
}

.fagdag-start-part2-section .fagdag-start-part2-section-item[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(215, 179, 75, 0.45);
    color: rgb(215, 179, 75);
    padding: 20px;
    border-radius: 3vw;
    font-weight: bold;
    gap: 2vh;
    width: 100%;

}

.fagdag-start-part2-section-item h4[b-s4lyu9v9jd] {
    font-size: 3em;
}

.fagdag-start-part2-section-item li[b-s4lyu9v9jd] {
    font-size: 1.25em;
}

.fagdag-start-part2-section-item-section[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1vh;
    width: 100%;
}

.fagdag-start-part2-section-item-section .fagdag-start-part2-section-item[b-s4lyu9v9jd] {
    /*background-color: rgb(215, 179, 75, 0.45);*/
    /*USE ALL OF WIDHT*/
    width: 100%;
}

/*make nr 2 and 4 use all hieght*/
.fagdag-start-part2-section-item-section .fagdag-start-part2-section-item:nth-child(1)[b-s4lyu9v9jd],
.fagdag-start-part2-section-item-section .fagdag-start-part2-section-item:nth-child(3)[b-s4lyu9v9jd] {
    height: 100%;

}

.fagdag-start-part2-section .fagdag-start-part2-section-item h3[b-s4lyu9v9jd] {
    font-size: xx-large;
    font-weight: bold;
    text-align: center
}

.fagdag-start-part2-section .fagdag-start-part2-section-item img[b-s4lyu9v9jd] {
    width: 10vw;
    height: auto;
    object-fit: contain;
    min-width: 150px;
    max-height: 100px;
    /*background-color: rgb(255, 255, 255);*/
}

.fagdag-start-part2-section .fagdag-start-part2-section-item .fagdag-start-part2-section-item-sponsor[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1vh;
}

.fagdag-start-part2-section-item-sponsor section[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*padding: 10px;*/
    gap: 0.5vw;
    max-width: 35vw;
    /*max-height:10px;*/

}


.fagdag-start-part2-section .fagdag-start-part2-section-item ul[b-s4lyu9v9jd] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*background-color: red;*/
}

.fagdag-start-part2-section .fagdag-start-part2-section-item ul li[b-s4lyu9v9jd] {
    padding: 1vh 0 1vh 0;
}

.fagdag-middle-section[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* This will add space between the two articles */
    padding: 0 100px 50px 100px;
    /* Shorthand for padding-top, padding-right, padding-bottom, padding-left */
    gap: 40px;
    /* Adjust the space between articles */
    width: 100%;
}

.fagdag-middle-section article[b-s4lyu9v9jd] {
    flex: 1;
    /* Each article will take up half the available space */
    display: flex;
    flex-direction: column;
}

/*Ajust img size*/


.middle-article-1[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px 20px 0;
}


.middle-article-1 p[b-s4lyu9v9jd] {
    margin: 40px 0 40px 0;
    line-height: 2;
    /*font-weight: bold;*/
    text-align: center;
}

.middle-article-1 img[b-s4lyu9v9jd] {
    width: 70%;
    height: auto;
    object-fit: contain;
}

.overview-img-stands[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5vh;
}

.overview-img-stands img[b-s4lyu9v9jd] {
    width: 80%;
    height: auto;
    object-fit: contain;
}

/*    .overview-img-stands img:hover {
        width: 500px;
    }
*/



/*.to-register-page {
    padding: 20px 200px 20px 200px;
    font-weight: bold;
    font-size: large;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    background-color: rgb(215, 179, 75, 0.45);
    color: rgb(215, 179, 75);
    border-radius: 1vw;
}

.to-register-page.top {
    margin: 0 0 50px 0;
}*/

.fagdag-bottom[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    /*align-items: center;*/

}


.bottom-section[b-s4lyu9v9jd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px 100px 50px;
    gap: 40px;
    text-align: center;
    width: 100%;
}

.bottom-section article[b-s4lyu9v9jd] {
    padding: 20px 0 0 0;
}

.bottom-section article h2[b-s4lyu9v9jd] {
    font-size: 2rem;
    font-weight: bold;
}

.overwiew-link[b-s4lyu9v9jd] {
    font-weight: bold;
}

.bottom-end-section[b-s4lyu9v9jd] {
    text-align: center;
}

a[b-s4lyu9v9jd] {
    color: rgb(250, 212, 105);
}

a:hover[b-s4lyu9v9jd] {
    color: rgb(215, 179, 75);
}


.bottom-big-text[b-s4lyu9v9jd] {
    /*WANTED MORE SPACE UNDERNEATH */
    padding: 0 0 10px 0;
}

@media screen and (max-width: 767px) {
    .fagdag-sections[b-s4lyu9v9jd] {
        flex-direction: column;
        /* Stack items vertically */
    }

    .fagdag-aside-1[b-s4lyu9v9jd],
    .fagdag-aside-2[b-s4lyu9v9jd] {
        width: 100%;
        /* Make sidebars full width */
        height: auto;
        /* Adjust height */
        position: relative;
        /* Might change from sticky for better flow */
        top: 0;
        /* Reset any offsets */
        padding: 10px;
        /* Reduced padding */
    }

    .fagdag-aside-1 article[b-s4lyu9v9jd],
    .fagdag-aside-2 article[b-s4lyu9v9jd] {
        padding: 10px;
        /* Adjust padding for mobile */
    }

    .fagdag-header section h1[b-s4lyu9v9jd],
    .fagdag-header section h2[b-s4lyu9v9jd],
    .fagdag-header section h3[b-s4lyu9v9jd] {
        font-size: 1.5rem;
        /* Scale down headings */
    }

    .fagdag-start-section p[b-s4lyu9v9jd] {
        max-width: 100%;
        /* Full width */
        font-size: 1rem;
        /* Smaller text on mobile */
    }

    .fagdag-start-part2-sections[b-s4lyu9v9jd],
    .fagdag-start-part2-section[b-s4lyu9v9jd] {
        flex-direction: column;
        /* Stack vertically */
    }

    .fagdag-start-part2-section-item[b-s4lyu9v9jd] {
        width: 100%;
        /* Full width */
        padding: 10px;
        /* Adjust padding */
    }

    .fagdag-start-part2-section-item h3[b-s4lyu9v9jd] {
        font-size: 0.2rem;
        /* Smaller heading */
    }

    .fagdag-start-part2-section-item-sponsor img[b-s4lyu9v9jd] {
        width: 100%;
        /* Full width images */
    }

    .fagdag-middle-section[b-s4lyu9v9jd] {
        flex-direction: column;
        /* Stack vertically */
        padding: 10px;
        /* Reduce padding */
    }

    .middle-article-1 img[b-s4lyu9v9jd],
    .overview-img-stands img[b-s4lyu9v9jd] {
        width: 100%;
        /* Full width images */
    }

    .to-register-page[b-s4lyu9v9jd] {
        padding: 10px;
        /* Smaller padding */
    }

    .fagdag-bottom[b-s4lyu9v9jd] {
        flex-direction: column;
        /* Stack elements vertically */
    }
}
/* _content/Zolw-website/Components/Pages/IndexComponent.razor.rz.scp.css */
.index[b-m0hduruk63] {
    display: grid;
    grid-template-columns: 0px 1fr; /* Two columns: 300px for aside, rest for main */
    margin: 10px;
    width: 100%; /* Ensure it takes up full width */
    background-color: rgb(6, 32, 75);
    color: white;
}

/* Keep aside-1 fixed width on the left */
.aside-1[b-m0hduruk63] {
    grid-column: 1; /* Place aside-1 in the first column */
    width: 300px; /* Fixed width of 300px */
}

/* Main section - centered inside the remaining space */
.main-section[b-m0hduruk63] {
    grid-column: 2; /* Place main-section in the second column */
    display: flex;
    flex-direction: column;
    align-items: center; /* Center the content inside main-section */
    justify-content: space-evenly;
    max-width: 900px; /* Set a max-width if desired */
    margin: 0 auto; /* Center it horizontally within the grid cell */
    width: 100%; /* Ensure the main section takes up full width */
}

/* Articles styling */
.articles[b-m0hduruk63] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1200px;
}

    .articles article[b-m0hduruk63] {
        display: flex;
        flex-direction: column;
        max-width: 500px;
        margin: 10px;
        padding: 10px;
    }

.full-width[b-m0hduruk63] {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%; /* Make it full-width */
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    /* Collapse the grid into a single column for smaller screens */
    .index[b-m0hduruk63] {
        grid-template-columns: 1fr; /* Single column layout */
        gap: 10px;
        width: 100%; /* Ensure the grid takes up full width on mobile */
    }

    /* Hide aside-1 on small screens */
    .aside-1[b-m0hduruk63] {
        display: none;
    }

    /* Main section should take up full width on smaller screens */
    .main-section[b-m0hduruk63] {
        max-width: 100%; /* Full width on smaller screens */
        padding: 0 15px; /* Add some padding */
        width: 100%; /* Ensure it uses the full width */
    }

    /* Articles should take full width on mobile */
    .articles article[b-m0hduruk63] {
        max-width: 100%; /* Full width for articles */
        margin: 10px 0;
    }

    /* Adjust text and element sizes for smaller screens */
    h1[b-m0hduruk63], h2[b-m0hduruk63], h3[b-m0hduruk63], p[b-m0hduruk63] {
        font-size: 14px; /* Smaller font size */
    }

    .full-width[b-m0hduruk63] {
        padding: 0 15px; /* Add padding for mobile */
        width: 100%;
    }
}

/* Tablet responsiveness */
@media screen and (max-width: 1024px) {
    .index[b-m0hduruk63] {
        grid-template-columns: 1fr; /* Stack content vertically for tablets */
    }

    .aside-1[b-m0hduruk63] {
        display: none; /* Hide aside-1 for tablets */
    }

    .main-section[b-m0hduruk63] {
        max-width: 100%; /* Ensure it uses full width on smaller screens */
        padding: 0 20px;
        width: 100%; /* Full width for the main section */
    }

    .articles article[b-m0hduruk63] {
        max-width: 100%;
        margin: 10px 0;
    }

    h1[b-m0hduruk63], h2[b-m0hduruk63], h3[b-m0hduruk63], p[b-m0hduruk63] {
        font-size: 16px; /* Adjust font size for tablets */
    }

    .full-width[b-m0hduruk63] {
        padding: 0 20px;
        width: 100%;
    }
}
/* _content/Zolw-website/Components/Pages/ProductInformation/ProductTable.razor.rz.scp.css */
body[b-yppm3k0ngw] {
}
/* _content/Zolw-website/Components/Pages/PvSolFagdag.razor.rz.scp.css */
.fagdag-sections[b-uhr42dt5uk] {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}


.fillerbox[b-uhr42dt5uk] {
    height: 150px;
}

.fagdag-aside-1[b-uhr42dt5uk], .fagdag-aside-2[b-uhr42dt5uk] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align items to the start */
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0; /* Adjust this value based on your header's height or desired offset */
    align-self: flex-start;
    height: 100vh; /* Full viewport height */
    padding: 20px 0; /* Top and bottom padding */
}

.fagdag-aside-1[b-uhr42dt5uk], .fagdag-aside-2[b-uhr42dt5uk] {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* This will place the first article at the top and the last at the bottom */
    position: sticky;
    position: -webkit-sticky; /* For Safari */
    top: 13vh; /* Adjust this value based on your header's height or desired offset */
    bottom: 0; /* Align the bottom edge of the element with the bottom of the viewport */
    height: 87vh; /* Use the full height of the viewport */
    align-self: flex-start;
    width: 70vh;
}

    .fagdag-aside-1 article[b-uhr42dt5uk], .fagdag-aside-2 article[b-uhr42dt5uk] {
        padding: 10px;
        /* If you have other styles (like font-weight) add them here */
    }

        /* Assuming you want the first article to stick to the top */
        .fagdag-aside-1 article:first-child[b-uhr42dt5uk], .fagdag-aside-2 article:first-child[b-uhr42dt5uk] {
            padding-top: 10px; /* Or the value of the top space you want */
        }

        /* Assuming you want the image to stick to the bottom */
        .fagdag-aside-1 article:last-child[b-uhr42dt5uk], .fagdag-aside-2 article:last-child[b-uhr42dt5uk] {
            margin-top: auto; /* This pushes the last article to the bottom */
        }

    .fagdag-aside-1 img[b-uhr42dt5uk], .fagdag-aside-2 img[b-uhr42dt5uk] {
        width: 100%; /* Full width of the article */
        height: auto; /* Maintain aspect ratio */
        object-fit: contain; /* Ensure the image is contained within its element */
    }

    .fagdag-aside-2 .location[b-uhr42dt5uk] {
        font-weight: bold;
    }

 .adresse[b-uhr42dt5uk] {
    margin: 0;
    padding: 0;

}

.fagdag-section[b-uhr42dt5uk] {
    /*    background-image: url('images/pvsol/fagdag/fagdag_background.png');
*/ background-color: rgb(243, 189, 59); /* The color you want to blend with */
    background-blend-mode: multiply; /* The blend mode you want to use */
    background-size: contain; /* Cover the entire area, image may be clipped */
    /* background-size: contain; Use this instead if you want to fit the entire image without clipping */
    background-repeat: repeat; /* Prevent the image from repeating */
    background-position: center; /* Center the image within the container */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 100px 100px 100px; /* Shorthand for padding-top, padding-right, padding-bottom, padding-left */
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

.fagdag-header[b-uhr42dt5uk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

    .fagdag-header img[b-uhr42dt5uk] {
    }

    .fagdag-header section h1[b-uhr42dt5uk] {
        font-size: x-large;
        font-weight: bold;
        text-align: center;
    }

    .fagdag-header section h2[b-uhr42dt5uk] {
        font-size: large;
        font-weight: bold;
    }

.fagdag-start-section[b-uhr42dt5uk] {
    padding: 100px 0 50px 0;

}

    .fagdag-start-section p[b-uhr42dt5uk] {
        font-weight: bold;
    }

.fagdag-middle-section[b-uhr42dt5uk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between; /* This will add space between the two articles */
    padding: 0 100px 50px 100px; /* Shorthand for padding-top, padding-right, padding-bottom, padding-left */
    gap: 40px; /* Adjust the space between articles */
}

    .fagdag-middle-section article[b-uhr42dt5uk] {
        flex: 1; /* Each article will take up half the available space */
        display: flex;
        flex-direction: column;
    }

.middle-article-1[b-uhr42dt5uk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 20px 0;
}

    .middle-article-1 b[b-uhr42dt5uk] {
        margin: 80px 0 0 0;
    }

    .middle-article-1 p[b-uhr42dt5uk] {
        margin: 40px 0 0 0;
    }

    .middle-article-1 img[b-uhr42dt5uk] {
        width: 600px;
        height: auto;
        object-fit: contain;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    }


.to-register-page[b-uhr42dt5uk] {
    padding: 20px 200px 20px 200px;
    font-weight: bold;
    font-size: large;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

    .to-register-page.top[b-uhr42dt5uk] {
        margin: 0 0 50px 0;
    }

.bottom-section[b-uhr42dt5uk] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 100px 100px 100px;
    gap: 40px;
    text-align: center;
}

    .bottom-section article[b-uhr42dt5uk] {
        padding: 20px 0 0 0;
    }


.overwiew-link[b-uhr42dt5uk]{
    font-weight: bold;
}


@media screen and (max-width: 767px) {
    .fagdag-sections[b-uhr42dt5uk] {
        /*padding: 20px 20px 20px 20px;*/
        flex-direction: column;
    }


}
/* _content/Zolw-website/Components/Pages/PvSolInfo.razor.rz.scp.css */


.pv-sections[b-cg264vl8x6] {
    display: flex;
    flex-direction: row;
    padding-left: 100px;
    padding-right: 100px;
    justify-content: center;
}

.pv-aside-1[b-cg264vl8x6] {
    display: flex;
    flex-direction: column;
    max-width: 200px;
}

    .pv-aside-1 article[b-cg264vl8x6] {
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
    }
/*    .pv-aside-1 article a {

    }*/

.pv-section[b-cg264vl8x6] {
    padding-left: 100px;
    max-width: 1500px;
}

.pv-section-products-info[b-cg264vl8x6] {
    display: flex;
    margin-bottom: 30px;
}

.pv-section-list[b-cg264vl8x6] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pv-section-info[b-cg264vl8x6] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 700px;
}

.pv-section-products[b-cg264vl8x6] {
    display: flex;
    flex-direction: column;
}

.pv-products[b-cg264vl8x6] {
    display: flex;
    flex-direction: column;
    max-width: 650px;
}

    .pv-products h2[b-cg264vl8x6] {
        text-align: center;
        font-size: 1.5em;
    }

.pv-product[b-cg264vl8x6] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    width: 100%;
}

.pv-product-info p[b-cg264vl8x6] {
    margin: 0;
    padding: 0;
}

.pv-product-1[b-cg264vl8x6] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .pv-product-1 section[b-cg264vl8x6] {
        margin: 10px;
    }

.pv-product-price[b-cg264vl8x6] {
    font-weight: bold;
}

.pv-product-order[b-cg264vl8x6] {
    text-decoration: underline;
}

.pv-aside-2[b-cg264vl8x6] {
    display: none;
}
/* _content/Zolw-website/Components/Pages/PVSolSchoolComponent.razor.rz.scp.css */
.pv-sol-school-sections[b-6z77cfn0v2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 3vw;
    width: 100%;
    /*    margin-left: 7vw;
    margin-right: 7vw;*/
    margin: 0 auto; /* Corrected */
}

.pv-sol-school-main[b-6z77cfn0v2] {
    display: flex;
    flex-direction: row;
    gap: 3vw;
    max-width: 50vw;
    justify-content: space-between;
    margin: 0 auto; /* Corrected */
}



.pv-sol-school-bottom[b-6z77cfn0v2] {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    max-width: 50vw;
    justify-content: space-between;
    /*CENTER*/
    margin-left: 0 auto;
    margin-right: 0 auto;
}

    .pv-sol-school-bottom h3[b-6z77cfn0v2] {
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 3vw;
    }

@media screen and (max-width: 767px) {
    .pv-sol-school-sections[b-6z77cfn0v2] {
        flex-direction: column;
        align-items: center;
        gap: 10vw;
        padding: 0 7vw; /* Instead of margin, use padding */
    }

    .pv-sol-school-main[b-6z77cfn0v2],
    .pv-sol-school-bottom[b-6z77cfn0v2] {
        width: 100%; /* Use full width */
        max-width: none; /* Remove max-width constraints */
        flex-direction: column;
        gap: 10vw;
    }

    .pv-sol-school-main[b-6z77cfn0v2] {
        order: 1;
    }

    .pv-sol-school-bottom[b-6z77cfn0v2] {
        order: 2;
    }
}

/* _content/Zolw-website/Components/Pages/Special/FagdagSubmit.razor.rz.scp.css */

.submit-sections[b-pp2nlr3l68] {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 2vw;
    width: 45%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 1250px;
    
}

h3[b-pp2nlr3l68] {
    /*text-align: center;*/
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
    padding: 20px 0 20px 0;
    /* always on top in section*/
    top: 0;
}

.submit-section[b-pp2nlr3l68] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

    .submit-section .submit-inputs-section[b-pp2nlr3l68] {
        
        height: 1100px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top:50px;
    }

    .submit-section .submit-inputs[b-pp2nlr3l68] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

    }



.splitsection[b-pp2nlr3l68] {
    margin: 0 0 2em 0;
}

.submit-section .submit-input[b-pp2nlr3l68] {
    background-color: transparent;
    /*        border: none;
*/ border-bottom: 1px solid black;
}

.validation-message[b-pp2nlr3l68] {
    color: red; /* Set your desired color for validation messages */
    font-size: 14px; /* Set your desired font size for validation messages */
}

.multiple-choice[b-pp2nlr3l68] {
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    /*align-items: center;*/
    /*padding: 10px;*/
}



label[b-pp2nlr3l68] {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}

button[b-pp2nlr3l68] {
    height: 3em;
    font-size: 1.5em;
    font-weight: bold;
}
/* _content/Zolw-website/Components/Pages/Special/FagdagUtstillere.razor.rz.scp.css */
.alle-utsillere[b-zkl617ndk2] {
    margin-bottom: 2vw;
}
.alle-utsillere b[b-zkl617ndk2]{
    text-align: center;
}

.overview-img[b-zkl617ndk2] {
    width: 350px; /* Set your desired initial width */
    transition: width 0.3s ease; /* Add a smooth transition effect */
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

    /* Hover effect to increase size */
    /*.overview-img:hover {
        width: 500px;*/ /* Set your desired larger width on hover */
    /*}*/




.fagdag-section .utstillere[b-zkl617ndk2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.utstillere ul[b-zkl617ndk2] {
    display: flex;
    flex-wrap: wrap;
    max-height: 330px;
    flex-direction: column;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .utstillere ul li[b-zkl617ndk2] {
        box-sizing: border-box;
        flex: 1 0 calc(50% - 1vw); /* Adjusted for 2x2 grid */
        margin: 10px;
        padding: 10px;
        border-radius: 10px;
        background-color: rgb(217, 226, 243);
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
        cursor: pointer;
        width: 250px;
        text-align: left;
    }
/*    .utstillere ul li:last-child {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    }*/
/* _content/Zolw-website/Components/Pages/Special/PopupUtsillere.razor.rz.scp.css */
/* Style for the overall background of the popup */
.popup[b-t718fosb9f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other content */
}

/* Style for the popup box */
.popup-inner[b-t718fosb9f] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 80%;
    max-width: 800px; /* Adjust width as needed */
}

/* Style for the popup header */
.popup-header[b-t718fosb9f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd; /* Optional border */
    padding-bottom: 10px; /* Spacing under the header */
}

/* Style for the close button */
.close-btn[b-t718fosb9f] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Style for the popup body */
.popup-body[b-t718fosb9f] {
    padding-top: 10px; /* Spacing above the body content */
}

img[b-t718fosb9f] {
    width: 500px; /* Set your desired initial width */
    transition: width 0.3s ease; /* Add a smooth transition effect */
    cursor: pointer;
}

.bottom-popup[b-t718fosb9f] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
}

.popup-infobox[b-t718fosb9f] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0 0 0;
}
.popup-url[b-t718fosb9f]{
    word-break: break-word;
}
/* DISPLAY LARGER IMG*/
.popup-large[b-t718fosb9f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other content */
}

/* Style for the popup box */
.popup-inner-large[b-t718fosb9f] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 80%;
    max-width: auto; /* Adjust width as needed */
}

/* Style for the popup header */
.popup-header-large[b-t718fosb9f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd; /* Optional border */
    padding-bottom: 10px; /* Spacing under the header */
}

/* Style for the close button */
.close-btn-large[b-t718fosb9f] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Style for the popup body */
.popup-body-large[b-t718fosb9f] {
    padding-top: 10px; /* Spacing above the body content */
    display: flex;
    justify-content: center;
    align-items: center;
}

.overview-img-large[b-t718fosb9f] {
    width: 1000px; /* Set your desired initial width */
}
/* _content/Zolw-website/Components/Pages/Special/PvSolTabell.razor.rz.scp.css */
.program-section[b-icnb2w9kft] {
    background-color: rgb(217, 226, 243);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    max-width: 50vw;
    margin-bottom: 2vw;
}

    .program-section table[b-icnb2w9kft] {
        border-collapse: collapse;
        width: 100%;
    }

    .program-section th[b-icnb2w9kft] {
        color: white;
        text-align: left;
        padding: 8px;
    }

    .program-section td[b-icnb2w9kft] {
        text-align: left;
        padding: 8px;
    }

    tr[b-icnb2w9kft]{
        height: 70px;
    }
    .program-section tr:nth-child(even) td[b-icnb2w9kft], .program-section tr:nth-child(even) b[b-icnb2w9kft] {
        background-color: rgb(142, 170, 219);
    }

    .program-section .warning-program[b-icnb2w9kft] {
        font-family: 'Cursive Normal';
    }

    .program-section .clickable[b-icnb2w9kft] {
        cursor: pointer;
    }

.before-hyphen[b-icnb2w9kft] {
    /* Style for words before the hyphen */
    font-weight: bold;
}

.after-hyphen[b-icnb2w9kft] {
    /* Style for words after the hyphen */
    font-weight: normal;
}

.hyphen[b-icnb2w9kft] {
    /* Style specifically for the hyphen itself if needed */
}

.clock-time[b-icnb2w9kft] {
    width: 200px;
}
/* _content/Zolw-website/Components/PortalAside.razor.rz.scp.css */


nav[b-6ir4xdqqpx] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

a[b-6ir4xdqqpx] {
    text-decoration: none;
    max-width: 200px;
    width: 100%;
    line-break: anywhere;
    text-align: center;
    color: rgb(47, 64, 88);
}
/* _content/Zolw-website/Components/PortalComponent.razor.rz.scp.css */
/*ICONS*/
/* ICONS */
#calculator[b-nc6wb17a1j], #book[b-nc6wb17a1j], #checklist[b-nc6wb17a1j], #statistics[b-nc6wb17a1j], #anbud[b-nc6wb17a1j], #recommended[b-nc6wb17a1j], #templates[b-nc6wb17a1j], #helpdesk[b-nc6wb17a1j] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px; 
}

    #calculator[b-nc6wb17a1j]::before, #book[b-nc6wb17a1j]::before, #checklist[b-nc6wb17a1j]::before, #statistics[b-nc6wb17a1j]::before, #anbud[b-nc6wb17a1j]::before, #recommended[b-nc6wb17a1j]::before, #templates[b-nc6wb17a1j]::before, #helpdesk[b-nc6wb17a1j]::before {
        content: "";
        display: inline-block;
        width: 2em;
        height: 2em;
        background-color: currentColor;
        mask-image: var(--svg);
        -webkit-mask-image: var(--svg);
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: contain;
        -webkit-mask-size: contain;
        margin-right: 0.5em; 
    }

    #calculator[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 2v4h10V4zm0 6v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2zm-8 4v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2zm-8 4v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E");
    }

    #book[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6.633q.21-.085.503-.181A9.8 9.8 0 0 1 7.5 6a9.8 9.8 0 0 1 2.997.452q.293.096.503.181v10.88A11.8 11.8 0 0 0 7.5 17c-1.46 0-2.649.248-3.5.513zm8-1.748a9 9 0 0 0-.888-.337A11.8 11.8 0 0 0 7.5 4c-1.526 0-2.755.271-3.612.548a9 9 0 0 0-1.001.389a6 6 0 0 0-.357.18l-.025.014l-.009.005l-.003.002h-.001c-.002.002-.247.147-.002.002A1 1 0 0 0 2 6v13a1 1 0 0 0 1.51.86l-.005.003h.001l.002-.001l.001-.001l.037-.02q.056-.03.182-.09c.17-.078.43-.188.775-.3A9.8 9.8 0 0 1 7.5 19a9.8 9.8 0 0 1 2.997.451a7 7 0 0 1 .775.3a4 4 0 0 1 .223.112m0 0l-.002-.001l-.001-.001c.314.185.704.185 1.018 0l.037-.02q.056-.03.182-.09a7 7 0 0 1 .775-.3A9.8 9.8 0 0 1 16.5 19a9.8 9.8 0 0 1 2.997.451a7 7 0 0 1 .775.3a4 4 0 0 1 .219.11A1 1 0 0 0 22 19V6a1 1 0 0 0-.49-.86l-.002-.001h-.001l-.003-.003l-.01-.005l-.024-.014a6 6 0 0 0-.357-.18a9 9 0 0 0-1-.389A11.8 11.8 0 0 0 16.5 4c-1.525 0-2.755.271-3.612.548a9 9 0 0 0-.888.337m8 1.748v10.88A11.8 11.8 0 0 0 16.5 17c-1.46 0-2.649.248-3.5.513V6.633q.21-.085.503-.181A9.8 9.8 0 0 1 16.5 6a9.8 9.8 0 0 1 2.997.452q.293.096.503.181m.49.228l.005.002h-.001zm0 13l.004.002l-.002-.002'/%3E%3C/svg%3E");
    }

    #checklist[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.55 19L2 15.45l1.4-1.4l2.125 2.125l4.25-4.25l1.4 1.425zm0-8L2 7.45l1.4-1.4l2.125 2.125l4.25-4.25l1.4 1.425zM13 17v-2h9v2zm0-8V7h9v2z'/%3E%3C/svg%3E");
    }

    #statistics[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M12.906-.031a1 1 0 0 0-.125.031A1 1 0 0 0 12 1v1H3a3 3 0 0 0-3 3v13c0 1.656 1.344 3 3 3h9v.375l-5.438 2.719a1.006 1.006 0 0 0 .875 1.812L12 23.625V24a1 1 0 1 0 2 0v-.375l4.563 2.281a1.006 1.006 0 0 0 .875-1.812L14 21.375V21h9c1.656 0 3-1.344 3-3V5a3 3 0 0 0-3-3h-9V1a1 1 0 0 0-1.094-1.031M2 5h22v13H2zm18.875 1a1 1 0 0 0-.594.281L17 9.563L14.719 7.28a1 1 0 0 0-1.594.219l-2.969 5.188l-1.219-3.063a1 1 0 0 0-1.656-.344l-3 3a1.016 1.016 0 1 0 1.439 1.44l1.906-1.906l1.438 3.562a1 1 0 0 0 1.812.125l3.344-5.844l2.062 2.063a1 1 0 0 0 1.438 0l4-4A1 1 0 0 0 20.875 6'/%3E%3C/svg%3E");
    }

    #anbud[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 13c.6 0 1.1.2 1.4.6c.4.4.6.9.6 1.4l-8 3l-7-2V7h1.9l7.3 2.7c.5.2.8.6.8 1.1c0 .3-.1.6-.3.8s-.5.4-.9.4H14l-1.7-.7l-.3.9l2 .8zM2 7h4v11H2z'/%3E%3C/svg%3E");
    }
    #recommended[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 18h5.5q.425 0 .788-.213t.512-.587l2.1-4.9q.05-.125.075-.25T18 11.8V11q0-.425-.288-.713T17 10h-4.6l.6-3.4q.05-.25-.025-.475t-.25-.4L12 5l-4.6 5q-.2.2-.3.45T7 11v5q0 .825.588 1.413T9 18m3 4q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E");
    }
    #templates[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17h2m-2 5h2M12 2h2m4 20h1a1 1 0 0 0 1-1M18 2h1a1 1 0 0 1 1 1v1m0 11v2h-2m2-9v3M4 11V9m0 10.5V15M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8m0 20H6.5a1 1 0 0 1 0-5H8'/%3E%3C/svg%3E");
    }
    #helpdesk[b-nc6wb17a1j]::before {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m-.9-3.85h1.85q0-.825.188-1.3t1.062-1.3q.65-.65 1.025-1.238T15.55 8.9q0-1.4-1.025-2.15T12.1 6q-1.425 0-2.312.75T8.55 8.55l1.65.65q.125-.45.563-.975T12.1 7.7q.8 0 1.2.438t.4.962q0 .5-.3.938t-.75.812q-1.1.975-1.35 1.475t-.25 1.825M12 22q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E");
    }




.portal-items[b-nc6wb17a1j] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: auto;
    margin: 0;
    padding-top: 5em;
    border-radius: 5px;
    background-color: var(--zolw-background-color);
    color: var(--zolw-font-color);
}

.portal-nav-mobile[b-nc6wb17a1j] {
    display: none;
}

a[b-nc6wb17a1j] {
    text-decoration: none;
    color: var(--zolw-font-color);
    cursor: pointer;
}


.portal-items aside[b-nc6wb17a1j] {
    width: 20%;
}

.portal-aside-1[b-nc6wb17a1j] {
    display: flex;
    flex-direction: column;
}


.portal-content[b-nc6wb17a1j] {
    width: 100%;
    max-width: auto;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.portal-main[b-nc6wb17a1j] {
    display: flex;
    flex-direction: column;
    /*height: 70vh;*/ /* This makes sure .portal-main occupies the full viewport height */
    justify-content: space-between;
    align-items: center;
    width: 60%;
    max-width: 1000px;
    margin: 0 auto; /* Center the element horizontally if needed */
}



    .portal-main .portal-nav-desktop[b-nc6wb17a1j] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

.portal-items .portal-nav-desktop > a[b-nc6wb17a1j], .calc-choice[b-nc6wb17a1j] {
    width: 30%;
    margin: 10px;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    color: var(--zolw-font-color);
    font-size: 1.2rem;
    text-align: left;
    /*background-color: red;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.portal-items .portal-nav-desktop > div.dropdown[b-nc6wb17a1j], .portal-items .portal-nav-desktop > a[b-nc6wb17a1j], .calc-choice[b-nc6wb17a1j] {
    width: 30%;
    margin: 10px;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    color: var(--zolw-font-color);
    font-size: 1.2rem;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.portal-main-bottom[b-nc6wb17a1j] {
    /*border-top: 1px solid var(--zolw-font-color);*/
    padding-top: 10px;
    width: 100%;
    max-width: auto;
    display: flex;
    justify-content: center;
    align-content:center;
    /*background-color:green;*/

}
/*
    .portal-main-bottom h2 {
        text-align: center;
        padding: 1em;
    }

    .portal-main-bottom section {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }*/


        /*.portal-main-bottom section p {
            text-align: center;
        }

        .portal-main-bottom section a {
            width: 100%;
            max-width: 1000px;
            height: auto;*/
            /*margin: 0 auto;*/
        /*}

            .portal-main-bottom section a img {
                width: 100%;
                max-width: 1000px;
                height: auto;*/
                /*margin: 0 auto;*/

            /*}*/

.dropdown[b-nc6wb17a1j] {
    position: relative;
    margin-right: 20px; /* adjust as necessary */
}

.dropdown-content[b-nc6wb17a1j] {
    display: none;
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 1; /* ensures the dropdown appears above other content */
    /* Style the dropdown background, border, etc. here */
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Optional: shadow for dropdown */
}

.dropdown:hover .dropdown-content[b-nc6wb17a1j] {
    display: block;
}

.dropdown-item[b-nc6wb17a1j] {
    /* your existing styles for individual nav links */
    display: block;
    text-decoration: none; /* Optional: to remove underline from links */
    padding: 8px 12px;
}



@media screen and (max-width: 767px) {
    #calculator[b-nc6wb17a1j], #book[b-nc6wb17a1j], #checklist[b-nc6wb17a1j], #statistics[b-nc6wb17a1j], #anbud[b-nc6wb17a1j], #recommended[b-nc6wb17a1j], #templates[b-nc6wb17a1j], #helpdesk[b-nc6wb17a1j] {
        flex-direction: row; /* Stack items horizontally */
        align-items: center; /* Center vertically within the row */
        gap: 8px; /* Adjust spacing between icon and text for mobile */
        text-align: left; /* Align text to the left */
    }


    .portal-nav-desktop[b-nc6wb17a1j] {
        display: none !important; /* This will hide the desktop nav on mobile screens */
    }

    .portal-items[b-nc6wb17a1j] {
        flex-direction: column;
        padding-top: 1em;
    }


    .portal-main[b-nc6wb17a1j] {
        height: auto;
        justify-content: flex-start;
        order: 1;
    }

        .portal-items aside[b-nc6wb17a1j],
        .portal-main[b-nc6wb17a1j],
        .portal-main-bottom[b-nc6wb17a1j],
        .portal-main .portal-nav-mobile > a[b-nc6wb17a1j] {
            width: 100%; /* Full width for mobile */
            margin: 10px 0; /* Adjust margins for mobile */
        }

    /*.portal-main .portal-nav-mobile {
                flex-direction: column;*/ /* Stack navigation items vertically */
    /*}*/

    .portal-main-bottom[b-nc6wb17a1j] {
        border-top: none; /* Optional: remove the border-top if it looks too cramped */
        padding-top: 0; /* Remove padding at the top */
    }

        .portal-main-bottom section[b-nc6wb17a1j] {
            flex-direction: column; /* Stack sections vertically */
            margin-bottom: 1em; /* Add some space below paragraphs */
        }

    .portal-aside-1[b-nc6wb17a1j] {
        order: 3; /* Move the asides to the end */
        margin-top: 1rem; /* Add some space above the asides */
    }

    .aside-2[b-nc6wb17a1j] {
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .portal-nav-mobile[b-nc6wb17a1j] {
        display: flex;
        flex-direction: column;
        /*        background-color: red;
*/ color: var(--zolw-font-color);
    }

    .portal-items .portal-nav-mobile a[b-nc6wb17a1j] {
        width: 100%;
        text-align: left;
        padding: 2vw;
        color: var(--zolw-font-color);
        font-size: 1.2rem;
        /*        border-radius: 25px;
*/ filter: drop-shadow(5px 10px 2px rgba(0,0,0,0.2));
        transition: 0.3s;
    }

        .portal-items .portal-nav-mobile a:active[b-nc6wb17a1j] {
            background-color: var(--zolw-background-color);
            color: var(--zolw-font-color);
            transition: 0.3s;
            filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
        }
    /*.portal-items .portal-nav-mobile > a {
        width: 100%;*/
    /*margin: 10px;*/
    /*padding: 10px;*/
    /*border-radius: 5px;
        text-decoration: none;
        color: var(--zolw-font-color);
        font-size: 1.2rem;
        text-align: left;*/
    /*background-color: red;*/
    /*display: flex;
        flex-direction: row;
        justify-content: center;
    }*/
    /*    .portal-items .portal-nav-mobile > a {
        width: 30%;
        margin: 10px;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        color: var(--zolw-font-color);
        font-size: 1.2rem;
        text-align: left;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
*/

}
/* _content/Zolw-website/Components/PortalProfileComponent.razor.rz.scp.css */
section[b-dgauqq3ki5] {
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

a[b-dgauqq3ki5] {
    text-decoration: none;
    color: black;
}

/*All tags under section*/
section a[b-dgauqq3ki5] {
    border: 1px solid black;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
}

@media screen and (max-width: 767px) {
    section[b-dgauqq3ki5] {
        /* Adjust max-width to 100% to utilize full available width */
        max-width: 100%;
        padding: 0 10px; /* Add padding to ensure content doesn't touch the edges */
    }

        /* Adjust the a tags to better fit mobile screens */
        section a[b-dgauqq3ki5] {
            /* You could reduce the padding and margin if necessary */
            padding: 5px;
            margin: 5px;
            font-size: 1rem; /* Make the font size a bit smaller to fit better on mobile */
        }
}

/* _content/Zolw-website/Components/Profile/EditProfileView.razor.rz.scp.css */
body[b-ktlff7y52h] {
}

.edit-inputs[b-ktlff7y52h] {
    /*    background-color: green;
*/ display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 10px;
    padding: 1rem;
}

    .edit-inputs label[b-ktlff7y52h] {
        margin: 10px;
    }

    .edit-inputs input[b-ktlff7y52h] {
        margin: 10px;
    }


.overlay-edit[b-ktlff7y52h] {
position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* _content/Zolw-website/Components/Profile/ProfileView.Razor.rz.scp.css */
.blacked-out[b-v6qihnwkm7] {
    background-color: black;
    color: black;
}

.info-icon[b-v6qihnwkm7] {
    cursor: pointer;
    padding-left: 10px;
    color: #888;
}
/* _content/Zolw-website/Components/Profile/UserProjects.razor.rz.scp.css */
.profile-my-projects[b-vdvkbkwk5x] {
    /*CENTER*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.display-project-data-profile[b-vdvkbkwk5x] {
    /* OVerlay background gray*/
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.project-data-background-profile[b-vdvkbkwk5x] {
    background-color: white;
    width: 80%;
    height: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    overflow-x: auto;
}

.project-data-background-profile-files[b-vdvkbkwk5x] {
}

    .project-data-background-profile-files table[b-vdvkbkwk5x] {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

        .project-data-background-profile-files table tr[b-vdvkbkwk5x] {
            border-bottom: 1px solid #f2f2f2;
        }

            .project-data-background-profile-files table tr th[b-vdvkbkwk5x] {
                padding: 10px;
                text-align: left;
                font-size: 1.2em;
                font-weight: 600;
            }

            .project-data-background-profile-files table tr td[b-vdvkbkwk5x] {
                padding: 10px;
                text-align: left;
                font-size: 1em;
                font-weight: 400;
            }

                .project-data-background-profile-files table tr td a[b-vdvkbkwk5x] {
                    color: #007bff;
                    text-decoration: none;
                }

                    .project-data-background-profile-files table tr td a:hover[b-vdvkbkwk5x] {
                        text-decoration: underline;
                    }
            /*ALTERNATING COLOR*/
            .project-data-background-profile-files table tr:nth-child(even)[b-vdvkbkwk5x] {
                background-color: #f2f2f2;
            }


.project-data-background-profile-add-project[b-vdvkbkwk5x]{
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;

}
/* Adjust modal size for mobile */
@media screen and (max-width: 767px) {
    .project-data-background-profile[b-vdvkbkwk5x] {
        width: 85%;
        height: auto; /* Allows content to determine the height */
        max-height: 85%; /* Ensures it does not overflow the screen */
        padding: 15px; /* More padding to reduce clutter */
        overflow-y: auto; /* Scrollable if content overflows */
        word-break: break-word; /* Break long words */
    }

    .project-data-background-profile-files table[b-vdvkbkwk5x] {
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    table thead[b-vdvkbkwk5x] {
        display: none;
    }

    tbody[b-vdvkbkwk5x] {
        display: flex;
        flex-direction: column;
    }

    /* Display each row as a block with better spacing */
    tr[b-vdvkbkwk5x] {
        display: block;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #f2f2f2; /* Add some border for better visibility */
    }

    td[b-vdvkbkwk5x] {
        display: block;
        font-size: 1em;
        padding: 5px;
        text-align: left;
        font-weight: 400;
    }

        /* Make each cell like a label and value pair */
        td[b-vdvkbkwk5x]::before {
            content: attr(data-label); /* Use a data-label attribute for better formatting */
            font-weight: 600;
            display: block;
            margin-bottom: 5px;
            color: #555;
        }
}
/* _content/Zolw-website/Components/StarRating.razor.rz.scp.css */
/* wwwroot/styles.css */
.star-rating[b-2svgk3szvr] {
    font-size: 0;
    white-space: nowrap;
}

    .star-rating .star[b-2svgk3szvr] {
        font-size: 2rem;
    }

        .star-rating .star.filled[b-2svgk3szvr]:before {
            content: "\2605"; /* solid star */
        }

        .star-rating .star[b-2svgk3szvr]:before {
            content: "\2606"; /* empty star */
        }

    .star-rating .rating-value[b-2svgk3szvr] {
        font-size: 1rem;
        margin-left: 8px;
    }


.star-item[b-2svgk3szvr] {
    margin-bottom: 10px;
}
/* _content/Zolw-website/Components/Stats/ChartComponent.razor.rz.scp.css */
canvas[b-81ru8hzd5x] {
    width: 100% !important;
    height: 100% !important;
    display: block; /* To prevent default inline display */
}
/* _content/Zolw-website/Components/Stats/StatisticPriceZone.razor.rz.scp.css */
.stats-sections[b-6qnlatkai5] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
}

.stats-section[b-6qnlatkai5] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; /* Add this for horizontal centering */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.stats-section-header[b-6qnlatkai5] {
}
.stats-section-header h1[b-6qnlatkai5]{
    font-size: 2.5rem;
    /*font-weight: 600;*/
    margin-bottom: 1rem;
    text-align: center;

}
.stats-sections-main[b-6qnlatkai5] {
    display: flex;
    flex-direction: row;
    justify-content: center; /* Change to center if you want items more centered */
    flex-wrap: wrap; /* Uncomment if you want items to wrap */
    align-items: center; /* Add this to ensure items are centered vertically within */
    gap: 2vw;
}
.stats-section-controls[b-6qnlatkai5] {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}
.stats-section-stats[b-6qnlatkai5] {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 10vw;
    margin-left: auto;
    margin-right: auto;
}
.stats-section-graph[b-6qnlatkai5] {
    width: 50vw;
    height: 20vw;
}
.stats-aside-1[b-6qnlatkai5] {
}
.stats-aside-2[b-6qnlatkai5]{}


@media (max-width: 768px) {

    .stats-sections[b-6qnlatkai5] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 20vw;
        /*flex-wrap: wrap;*/
        /*ADD mobile friendly spacing on the left and right */
        margin-left: 7vw;
        margin-right: 7vw;
    }

    .stats-sections-main[b-6qnlatkai5] {
        order:1;
        display: flex;
        flex-direction: column;
        /*justify-content: space-evenly;*/
        /*flex-wrap: wrap;*/
    }

    .stats-section-controls[b-6qnlatkai5] {
        display: flex;
        flex-direction: column;
        order: 2;
        /*justify-content: space-between;*/
    }

    .stats-section-graph[b-6qnlatkai5] {
        width: 80vw;
        height: 80vw;
        order:1;
    }
    .stats-section-stats[b-6qnlatkai5]{
        order: 3;
    }

    .stats-aside-2[b-6qnlatkai5] {
        order: 2;
        display: none;
    }
    .stats-aside-1[b-6qnlatkai5] {
        order: 3;
        display: none;
    }
    img[b-6qnlatkai5]{
        width: 100%;

    }

}
/* _content/Zolw-website/Components/Verify.razor.rz.scp.css */

.verify-center[b-ozv2rndfyb]{
    display: flex;
    justify-content: center;
    align-items: center;
}
.verification-section[b-ozv2rndfyb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50vw;
}

    .verification-section h1[b-ozv2rndfyb] {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .verification-section button[b-ozv2rndfyb] {
        margin-top: 1rem;
    }
/* _content/Zolw-website/Pages/Extra/FesteSystemFagdag.razor.rz.scp.css */
body[b-dx7rkfun9c] {
}
/* _content/Zolw-website/Pages/Extra/FesteSystemFagdagRegistrering.razor.rz.scp.css */
.fagdag-register-section[b-fy54rmrib5] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 10px;
    background-color: rgb(6, 32, 75);
    color: rgb(215, 179, 75);
}


@media screen and (max-width: 767px) {
    .fagdag-register-section[b-fy54rmrib5] {
        flex-direction: column;
        gap: 20px;
    }
}

/* _content/Zolw-website/Pages/Index.razor.rz.scp.css */
.index[b-a4j027zow8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px;
    flex-wrap: wrap;
    /*font-size: 2vw;*/
}

.aside-1[b-a4j027zow8], .aside-2[b-a4j027zow8] {
    grid-area: aside-1;
    max-width: 300px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align items to the start */
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 13vh; /* Adjust this value based on your header's height or desired offset */
    bottom: 0; /* Align the bottom edge of the element with the bottom of the viewport */
    height: 87vh; /* Use the full height of the viewport */
    align-self: flex-start;
    width: 70vh;
}

    .aside-2 img[b-a4j027zow8] {
        max-width: 200px;
        height: auto;
    }

    .aside-2 table tbody tr[b-a4j027zow8] {
        /*height: 60px;*/
    }

    .aside-2 p[b-a4j027zow8] {
        margin: 1.2vw;
    }

.main-section[b-a4j027zow8] {
    grid-area: main;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    max-width: 1300px;
}

.articles[b-a4j027zow8] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1200px;
}

    .articles article[b-a4j027zow8] {
        display: flex;
        flex-direction: column;
        max-width: 500px;
        margin: 10px;
        padding: 10px;
    }

.full-width[b-a4j027zow8] {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 1020px;
}



.articles article img[b-a4j027zow8] {
    max-width: 300px;
    height: auto;
/*    border-radius: 10px;
*/}

.top-section-text[b-a4j027zow8] {
    display: flex;
    flex-direction: column;
    max-width: 1020px;
}

thead[b-a4j027zow8] {
    display: none; /* Hide table headers */
}

table thead tr[b-a4j027zow8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid gray;
}

    table thead tr th[b-a4j027zow8] {
        font-weight: bold;
        width: 50%;
    }

table tbody tr td[b-a4j027zow8] {
    width: 50%;
}

table tbody tr[b-a4j027zow8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    text-align: center;
}

.img-crop[b-a4j027zow8] {
    width: 350px; /* Set desired crop width */
    height: 250px; /* Set desired crop height */
    overflow: hidden;
    /*border-radius: 8px;*/ /* Optional: rounded corners */
    display: inline-block;
}

.img-cropped[b-a4j027zow8] {
    width: 100%;
    height: auto;
    /* Optionally, use object-fit to control how the image fills the crop area */
    object-fit: cover;
    /* object-position: center;  /* Center the image in the crop area */
}

.img-crop-top[b-a4j027zow8] {
    width: 350px;      /* Desired crop width */
    height: 100px;     /* Desired crop height (adjust as needed) */
    overflow: hidden;
    /*border-radius: 8px;*/
    display: inline-block;
    position: relative;
}

.img-cropped-top[b-a4j027zow8] {
    width: 100%;
    height: auto;
    object-fit: cover;
    /* Move image up to crop from the top, adjust value as needed */
    margin-top: -400px;
}

.img-crop-top-sides[b-a4j027zow8] {
    width: 320px;      /* Final visible width */
    height: 200px;     /* Final visible height */
    overflow: hidden;
    /*border-radius: 10px;*/ /* Only here */
    display: inline-block;
    position: relative;
}

.img-cropped-top-sides[b-a4j027zow8] {
    width: 120%;       /* Make image wider than container to allow side cropping */
    height: auto;
    object-fit: cover;
    margin-top: -100px;     /* Crop from the top */
    margin-left: -20px;    /* Crop from the left */
}

table thead tr[b-a4j027zow8], table tbody tr[b-a4j027zow8] {
    flex-direction: column; /* Stack table row items vertically */
    align-items: flex-start; /* Align items to the start */
    padding-left: 1vw;
}

    table thead tr th[b-a4j027zow8], table tbody tr td[b-a4j027zow8] {
        width: 100%; /* Full width for table headers and cells */
        text-align: left; /* Align text to the left */
        padding: 0.5rem 0; /* Adjust padding */
    }





.ads-all-pvsol[b-a4j027zow8] {
    /*background-color: red;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; /* Changed from align-content to align-items */
    gap: 20px;
    padding: 40px;
    margin-bottom: 40px;
}

.ads-pvsol-top[b-a4j027zow8] {
    display: flex;
    flex-direction: row;
    width: 980px;
}

    .ads-pvsol-top img[b-a4j027zow8] {
        width: 150px;
        height: auto;
    }

    .ads-pvsol-top .img-valentin[b-a4j027zow8] {
        width: 125px;
        height: 125px;
    }

    .ads-pvsol-top .img-gift[b-a4j027zow8] {
        width: 300px;
    }

.ads-pvsol-top-text .kursive-small[b-a4j027zow8] {
    font-size: small;
    font-style: italic;
}


.imgs-pvsol-2[b-a4j027zow8] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; /* Changed from align-content to align-items */
}

.red-text[b-a4j027zow8] {
    color: red;
    font-weight: bold;
}













@media screen and (max-width: 1750px) {
    .ads-all-pvsol[b-a4j027zow8] {
        padding: 20px;
        margin-bottom: 20px;
    }

    .ads-pvsol-top[b-a4j027zow8] {
        flex-direction: column;
        width: 100%;
    }

        .ads-pvsol-top img[b-a4j027zow8] {
            width: 100px;
        }

        .ads-pvsol-top .img-valentin[b-a4j027zow8] {
            width: 100px;
            height: 100px;
        }

        .ads-pvsol-top .img-gift[b-a4j027zow8] {
            width: 200px;
        }

    .imgs-pvsol-2[b-a4j027zow8] {
        flex-direction: column;
    }


    .index[b-a4j027zow8] {
        flex-direction: column;
        gap: 10px; /* reduced from 10vw to 10px for consistency */
    }

    .aside-1[b-a4j027zow8], .aside-2[b-a4j027zow8] {
        position: static;
        width: 100%; /* full width */
        max-width: none; /* override any max-width set */
        margin-bottom: 20px; /* add some space between elements */
        /* Remove fixed height */
        height: auto;
    }

        .aside-2 img[b-a4j027zow8] {
            max-width: 100%; /* Ensures the image is no wider than its container */
            width: auto; /* Allows the image to scale down if necessary */
            max-height: 300px; /* Example to prevent the image from being too tall */
            height: auto; /* Maintain aspect ratio */
        }

    .aside-1[b-a4j027zow8] {
        display: none;
    }

    .aside-2[b-a4j027zow8] {
        order: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main-section[b-a4j027zow8] {
        order: 2;
        max-width: 100%; /* adjust width */
        padding: 0 10px; /* add some padding */
    }

    .top-section-text[b-a4j027zow8], .articles[b-a4j027zow8], .full-width[b-a4j027zow8] {
        max-width: 100%; /* Adjust width for text sections and articles */
        padding: 0 10px; /* Add padding */
    }

        .articles article[b-a4j027zow8] {
            max-width: 100%; /* Full width for articles */
            margin: 10px 0; /* Adjust margins */
        }

    .full-width[b-a4j027zow8] {
        padding: 0 10px; /* add some padding */
        width: 100%;
    }
    /* Adjust font sizes if necessary */
    h1[b-a4j027zow8], h2[b-a4j027zow8], h3[b-a4j027zow8], p[b-a4j027zow8] {
        font-size: 16px; /* Example font size, adjust as needed */
    }

    /*table {
        width: 100%;*/ /* Full-width tables */
    /*overflow-x: auto;*/ /* Enable horizontal scrolling for tables */
    /*}*/

    thead[b-a4j027zow8] {
        display: none; /* Hide table headers */
    }

    table thead tr[b-a4j027zow8], table tbody tr[b-a4j027zow8] {
        flex-direction: column; /* Stack table row items vertically */
        align-items: flex-start; /* Align items to the start */
        padding-left: 4vw;
    }

        table thead tr th[b-a4j027zow8], table tbody tr td[b-a4j027zow8] {
            width: 100%; /* Full width for table headers and cells */
            text-align: left; /* Align text to the left */
            padding: 0.5rem 0; /* Adjust padding */
        }


    /* Additional styling as required */
}
/* _content/Zolw-website/Pages/Information/Privacy-terms.razor.rz.scp.css */
.person-term-sections[b-2ek05vzjpn] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.person-term-section[b-2ek05vzjpn] {
    width: 50%;
    padding: 20px;
}

.person-term-aside-1[b-2ek05vzjpn] {
}

.person-term-aside-2[b-2ek05vzjpn] {
}
/* _content/Zolw-website/Pages/Information/User-terms.razor.rz.scp.css */

.user-terms-sections[b-lkpmhzx0ur] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.user-terms-section[b-lkpmhzx0ur] {
    width: 50%;
    padding: 20px;
}

.user-terms-aside-1[b-lkpmhzx0ur] {
}

.user-terms-aside-2[b-lkpmhzx0ur] {
}
/* _content/Zolw-website/Pages/Navigation/Aboutus.razor.rz.scp.css */
.cards-container[b-7wpn2h2vv3] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    gap: 10px;
}

.card[b-7wpn2h2vv3] {
    width: 570px;
    background: linear-gradient(90deg, rgb(255, 198, 14), rgb(207, 147, 50));
    overflow: hidden;
    max-height: 550px;
    transition: max-height 1.8s ease;
    padding: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
    border-radius:10px;
}



    .card.active[b-7wpn2h2vv3] {
        max-height: none;
        padding-bottom: 20px;
    }

/* .img-container setup for image styling */
.img-container[b-7wpn2h2vv3] {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    overflow: hidden;
    perspective: 800px; /* For 3D effect */
    padding-bottom: 10px;
}

    .img-container img[b-7wpn2h2vv3] {
        max-width:150px;
        border-radius: 100%;
        width: 50%;
        height: auto;
        object-fit: cover;
        display: block;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
        transition: transform 0.3s ease;
        transform-origin: center;
    }

/* 3D tilt effect only when the card is active */
.card.active .img-container img[b-7wpn2h2vv3] {
    transform: rotateX(15deg) rotateY(15deg) scale(1.05);
}

.card-data[b-7wpn2h2vv3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-info[b-7wpn2h2vv3] {
    text-align: center;
}

    .card-info h3[b-7wpn2h2vv3],
    .card-info .role[b-7wpn2h2vv3],
    .card-info .aboutus-title[b-7wpn2h2vv3] ,.education[b-7wpn2h2vv3] {
        font-weight: bold;
    }
    
@media(max-width: 1300px) {
    .cards-container[b-7wpn2h2vv3] {
        justify-content: center;
    }
}



    /*h1 {
    text-align: center;
    color: var(--zolw-font-color);
    font-size: 2rem;
    font-weight: bold;
    margin: 1rem;
}



.cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    position: relative;*/ /* This ensures z-index on child elements will be relative to this container */
    /*Center grid in the screen*/
    /*width: 100%;
    height: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.card {
    width: 100%;
    transition: all 0.5s ease;*/ /*PRØVER:  This will smoothly animate all properties over half a second */
    /*background-color: var(--zolw-orange);
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    z-index: 0;*/ /* Default layer */
    /*}

.card-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
}

.img-container {
    width: 200px;*/ /* Set to desired circle diameter */
    /*height: 200px;
    border-radius: 100%;
    overflow: hidden;*/ /* Ensures the image doesn't go outside the bounds of the container */
    /*display: inline-block;*/ /* Optional, if you want to treat the container as an inline element */
    /*position: relative;*/ /* To be used if you want to place content over the image, like icons or text */
    /*}

    .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


.card-info {
    text-align: center;
    margin-top: 1rem;
}

.card.active {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
    z-index: 1;*/ /* Raise this layer above others */
    /*text-align: left;
    padding: 1rem 2rem;
    background-color: var(--zolw-orange);
    border-radius: 1rem;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    cursor: auto;
    margin-bottom: 1rem;
}

    .card.active img {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .card.active .card-data {
        width: 20%;
        margin-left: 0;
        padding-right: 1rem;
    }

    .card.active .card-info {
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

.role {
    font-weight: bold;
}

.ref-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 80px;
}

    .ref-list li {
        list-style-type: none;
        margin-right: 1rem;
    }

.education {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    word-break: break-word;
    max-height: 15rem;
}

button {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: inherit;
    font-weight: bold;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

@media(max-width: 1300px) {
    .cards-container {
        grid-template-columns: repeat(1, 1fr);
        margin: 0
    }

        .cards-container.card-active::before {
            content: "";*/ /* Required to position pseudo element */
    /*position: fixed;*/ /* Fixed position */
    /*top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            backdrop-filter: blur(5px);*/ /* Creates the blur effect */
    /*background: rgba(0, 0, 0, 0.4);*/ /* Darkens the background a bit */
    /*z-index: 1;*/ /* Ensures it's behind the active card but above others */
    /*}

    .card {
        width: 100%;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
    }

        .card.active {
            grid-column: 1 / span 1;
            grid-row: 1 / span 1;
            display: flex;
            flex-direction: column;
        }

    .ref-list {
        display: flex;
        flex-direction: column;
    }
}

@media(min-width: 1900px) {
    .cards-container {
        grid-template-columns: repeat(3, 1fr);
        max-width: 1900px;
    }
}*/
/* _content/Zolw-website/Pages/Navigation/AboutZolw.razor.rz.scp.css */
h1[b-l5wss4a5jy] {
    font-size: 2rem;
    text-align: center;
}

.about-zolw-sections[b-l5wss4a5jy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.about-zolw-section[b-l5wss4a5jy] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
/*    align-items: center;
*/    max-width: 1300px;
}

    .about-zolw-section section[b-l5wss4a5jy] {
        margin: 1.5rem;
        padding: 1.5rem;
    }

    .about-zolw-section .section-top[b-l5wss4a5jy] {
        width: 45%;
    }


.about-zolw-aside-1[b-l5wss4a5jy], .about-zolw-aside-2[b-l5wss4a5jy] {
    width: 50%;
}

@media (max-width: 768px) {
    .about-zolw-sections[b-l5wss4a5jy] {
        flex-direction: column;
    }

    .about-zolw-aside-1[b-l5wss4a5jy], .about-zolw-aside-2[b-l5wss4a5jy] {
        width: 100%;
    }

    .about-zolw-section[b-l5wss4a5jy] {
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
    }
}
/* _content/Zolw-website/Pages/Navigation/Consultation.razor.rz.scp.css */

/*.consultation-sections{
display: flex;
    max-width: 1200px;
}*/

.consultation-sections .consultation-aside-1[b-w8k3gvfhrd] {
    margin-right: 10px;
}

.consultation-sections .consultation-aside-2[b-w8k3gvfhrd] {
    margin-left: 10px;
}

.consultation-sections .consultation-main[b-w8k3gvfhrd] {
    display: flex;
    flex-direction: column;
    max-width: 1000px;
}

.consultation-main section[b-w8k3gvfhrd] {
    margin-bottom: 30px;
}

.consultation-delivery[b-w8k3gvfhrd] {
    text-align: center;
    font-size: 1.1rem;
}



.consultation-main-bottom[b-w8k3gvfhrd] {
    display: flex;
    flex-direction: row;
    margin: 20px 0 20px 0;
    justify-content: space-between;
}

    .consultation-main-bottom article[b-w8k3gvfhrd] {
        width: 48%;
    }

        .consultation-main-bottom article h3[b-w8k3gvfhrd] {
            text-align: center;
        }

        .consultation-main-bottom article img[b-w8k3gvfhrd] {
            /*Img size never larger than card*/
            max-width: 100%;
            max-height: 100%;
        }


.referance-pro-list[b-w8k3gvfhrd] {
    display: flex;
    flex-direction: column;
    max-width: 1000px;
    margin: 0 auto;
}

    .referance-pro-list .image-container[b-w8k3gvfhrd] {
        width: 15vw; /* Adjust the width based on viewport width */
        max-width: 100%; /* Ensures it doesn't exceed the container's width */
        margin-bottom: 20px;
    }

    .referance-pro-list img[b-w8k3gvfhrd] {
        width: 100%;
        height: 10vw; /* Adjust the height based on viewport width */
        max-height: 100%;
        object-fit: cover; /* This will ensure the image covers the container */
        border-radius: 10px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    }



.referance-wrapper[b-w8k3gvfhrd] {
    /*OVERLAY WRAPPER*/
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .referance-wrapper .referance-content[b-w8k3gvfhrd] {
        /*OVERLAy Content*/
        background-color: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        max-width: 600px;
        width: 100%;
        max-height: 80vh;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }

    .referance-wrapper .referance-top-header[b-w8k3gvfhrd] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

@media screen and (max-width: 767px) {
    /* Stack the sections vertically instead of horizontally */
    .consultation-sections[b-w8k3gvfhrd], .consultation-main-bottom[b-w8k3gvfhrd], .referance-pro-list[b-w8k3gvfhrd] {
        flex-direction: column;
        gap: 2vw;
    }

    .consultation-aside-1[b-w8k3gvfhrd] {
        order: 2;
        width: 100%; /* Full width for the aside */
    }

    .consultation-main[b-w8k3gvfhrd] {
        order: 1;
    }

    .consultation-aside-2[b-w8k3gvfhrd] {
        order: 3;
    }
    /* Adjust the margins and widths for a mobile viewport */
    .consultation-sections .consultation-aside-1[b-w8k3gvfhrd],
    .consultation-sections .consultation-aside-2[b-w8k3gvfhrd],
    .consultation-sections .consultation-main[b-w8k3gvfhrd],
    .referance-pro-list[b-w8k3gvfhrd] {
        margin-right: 0;
        margin-left: 0;
        max-width: 100%; /* Allow these elements to fill the screen */
    }

        /* Ensure the main content takes the full width */
        .consultation-main section[b-w8k3gvfhrd],
        .consultation-main-bottom article[b-w8k3gvfhrd],
        .referance-pro-list img[b-w8k3gvfhrd] {
            width: 100%;
        }

    /* Adjust the consultation-main-bottom articles to stack vertically */
    .consultation-main-bottom article[b-w8k3gvfhrd] {
        width: 100%; /* Full width for each article */
        margin-bottom: 20px; /* Add some space between the stacked articles */
    }

    .referance-pro-list[b-w8k3gvfhrd] {
        max-width: 100%; /* Adjust max width for smaller screens */
    }

        .referance-pro-list .image-container[b-w8k3gvfhrd] {
            width: 80%; /* Adjust the width for mobile */
            padding-top: 40%; /* Adjust the padding-top to maintain aspect ratio */
            margin: 10px auto;
        }

        .referance-pro-list img[b-w8k3gvfhrd] {
            height: auto; /* Adjust height to maintain aspect ratio */
            object-fit: contain; /* Change to contain to ensure full image visibility */
            margin-bottom: 10px; /* Add some space between images */
            }

    /* Adjust the overlay content to be more mobile-friendly */
    .referance-wrapper .referance-content[b-w8k3gvfhrd] {
        max-width: 90%; /* Allow some margin on the sides */
        padding: 10px; /* Reduce padding on mobile */
    }

    /* Adjust the top header of the overlay content */
    .referance-wrapper .referance-top-header[b-w8k3gvfhrd] {
        flex-direction: column; /* Stack the header items */
        align-items: flex-start; /* Align items to the start */
    }

    /* If there's a specific layout for consultation-main section, adjust here */
    .consultation-main[b-w8k3gvfhrd] {
        padding: 0 10px; /* Add padding on the sides for some space */
    }

    /* Adjust the font size and text alignment for smaller screens */
    .consultation-delivery[b-w8k3gvfhrd] {
        text-align: left; /* Align text to the left on mobile */
        font-size: 1rem; /* Adjust font size as needed */
    }


    /* If there are any other specific styles needed for mobile, add them here */
}
/* _content/Zolw-website/Pages/Navigation/ConsultationFormPage.razor.rz.scp.css */
.consultation-form-sections[b-sxd5xtreva] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .consultation-form-sections aside[b-sxd5xtreva] {
        width: 20%;
        max-width: 300px;
    }

.consultation-form-section[b-sxd5xtreva] {
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .consultation-form-section img[b-sxd5xtreva] {
        max-width: 400px;
        border-radius: 10px;
    }

    .consultation-form-section article[b-sxd5xtreva] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

ul[b-sxd5xtreva] {
    /*CENTER li*/
    text-align: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
}

li[b-sxd5xtreva] {
    /*MAKE cursive text*/
    font-family: cursive;
    font-size: 1.2rem;
}

/* Styling for shadow-corner class */
/*.shadow-corner {
    padding: 2rem;*/ /* Applied to all shadow-corner elements */
/*margin-bottom: 1rem;*/ /* Bottom margin for spacing */
/*}*/

/* Media query for mobile screens */
@media screen and (max-width: 767px) {
    .consultation-form-sections[b-sxd5xtreva] {
        flex-direction: column;
        padding: 10vw;
    }

    .consultation-form-section[b-sxd5xtreva] {
        max-width: 100%;
        gap: 5vw;
    }

    .consultation-form-sections aside[b-sxd5xtreva] {
        width: 100%; /* Full width on mobile */
        max-width: none; /* Remove max-width constraint */
        margin-bottom: 20px; /* Space below the aside */
    }

    .consultation-form-section img[b-sxd5xtreva] {
        max-width: 100%; /* Full width on mobile */
        height: auto; /* Maintain aspect ratio */
    }

    .consultation-form-section article[b-sxd5xtreva] {
        flex-direction: column; /* Stack elements vertically */
        width: 100%;
    }

  

        .consultation-form-section article img[b-sxd5xtreva] {
            /* Optional: Adjust image size for mobile */
            max-width: 100%; /* Slightly smaller images */
            margin: 0 auto; /* Center images */
        }

    .consultation-form-section article[b-sxd5xtreva] {
        /* Ensure the article takes up the full width of its parent */
        width: 100%;
    }

    .consultation-form-section .shadow-corner[b-sxd5xtreva] {
        /* Adjust padding if needed, and ensure the width is set correctly */
        padding: 20px;
        width: 100%; /* This makes sure that the shadow-corner class takes the full width */
    }

    .consultation-form-section ul[b-sxd5xtreva] {
        /* Reset default padding and margin */
        padding-left: 0;
        margin: 0;
        /*list-style-type: none;*/ /* Optional: Removes bullet points */
        width: 100%; /* Ensure the list takes up the full width */
    }

        .consultation-form-section ul li[b-sxd5xtreva] {
            /* Optional: Style for list items */
            margin-bottom: 10px; /* Space between list items */
        }
}
/* _content/Zolw-website/Pages/Navigation/Control.razor.rz.scp.css */
/* _content/Zolw-website/Pages/Navigation/Course.razor.rz.scp.css */
.table-title[b-5rchjuvz8m] {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

img[b-5rchjuvz8m] {
    /*Adjustable but with a max size*/
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.course-sections[b-5rchjuvz8m] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
}

.course-aside-1[b-5rchjuvz8m] {
    order:2;
    width: 150vw;
    margin: 10px;
}


.course-aside-2[b-5rchjuvz8m] {
    max-width: 100rem;
    margin: 10px;
    float: right;
}

    .course-aside-2 h2[b-5rchjuvz8m], .course-aside-1 h2[b-5rchjuvz8m] {
        margin-bottom: 2rem;
    }

.course-section[b-5rchjuvz8m] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1300px;
}

img[b-5rchjuvz8m] {
    max-width: 300px;
    max-height: 300px; /* Adjust this value as needed */
    width: auto;
    height: auto;
    border-radius: 10px;
}


.course-article[b-5rchjuvz8m] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

    .course-article section[b-5rchjuvz8m] {
        width: 45%;
        margin: 20px;
        /*background-color: red;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .course-article section h3[b-5rchjuvz8m] {
            margin-bottom: 2rem;
            text-align: center;
        }

.course-article-reasons[b-5rchjuvz8m] {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    margin-bottom: 2rem;
}

    .course-article-reasons .reasons-cards[b-5rchjuvz8m] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

.reason-card[b-5rchjuvz8m] {
    box-sizing: border-box;
    flex: 1 0 calc(50% - 20px); /* Adjusted for 2x2 grid, accounting for margin */
    max-height: 15vw; /* Initial max height for title */
    overflow: hidden;
    padding: 10px;
    transition: max-height ease 1s, background-color ease .2s, color ease .2s; /* Smooth transitions for max-height and color change */
    margin: 10px; /* Margin around cards */
    display: flex; /* Ensures content within card is flex */
    flex-direction: column; /* Stacks content within card vertically */
}

    .reason-card:hover[b-5rchjuvz8m] {
        color: rgb(243, 189, 59);
        background-color: #2f4058;
        cursor: pointer;
    }

    .reason-card.expanded[b-5rchjuvz8m] {
        max-height: none; /* Allow expanded card to fit content */
    }

    .reason-card .reason-title[b-5rchjuvz8m] {
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }


.course-article-1 section[b-5rchjuvz8m] {
}
/*        .course-article-2 {
            display: flex;
            flex-direction: row;
        }*/
/*.course-section img {
    width: 100%;
    padding: 20px;
}*/
/* UNIVERSAL FOR BOTH TABLE ON THIS PAGE*/
.table-scroll[b-5rchjuvz8m] {
    display: inline-block; /* To make sure it only takes as much width as needed */
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    vertical-align: top; /* Aligns the table to the top of the inline-block */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

    .table-scroll[b-5rchjuvz8m]::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome, Safari and Opera */
    }



table[b-5rchjuvz8m] {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    /*    font-size: small;
*/ max-width: 1000px;
    margin: 0 auto;
}

    table thead tr[b-5rchjuvz8m] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        /*border-bottom: 1px solid gray;*/
    }


    table tbody tr[b-5rchjuvz8m] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        text-align: center;
    }

        table tbody tr td[b-5rchjuvz8m] {
            width: 100%;
            /*word-break:break-all;*/
            hyphens: auto;
        }

    table thead tr th[b-5rchjuvz8m] {
        font-weight: bold;
        width: 50%;
    }


.scroll-arrow[b-5rchjuvz8m] {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 24px;
    display: none; /* Initially hidden */
}


@media screen and (max-width: 767px) {
    .course-aside-1[b-5rchjuvz8m], .course-aside-2[b-5rchjuvz8m], .course-section[b-5rchjuvz8m], .course-article[b-5rchjuvz8m], .course-article-reasons[b-5rchjuvz8m] {
        padding-left: 10px; /* Space on the left */
        padding-right: 10px; /* Space on the right */
    }



        .course-sections[b-5rchjuvz8m], .course-article[b-5rchjuvz8m], .course-article-reasons .reasons-cards[b-5rchjuvz8m] {
            flex-direction: column;
            align-items: center;
        }

    .course-aside-1[b-5rchjuvz8m] {
        order: 2;
    }

    .course-aside-2[b-5rchjuvz8m] {
        order: 3;
    }

    .course-section[b-5rchjuvz8m] {
        order: 1;
    }

    .course-aside-1[b-5rchjuvz8m], .course-aside-2[b-5rchjuvz8m], .course-section[b-5rchjuvz8m] {
        max-width: 100%; /* Full width */
        margin: 10px 0; /* Adjusted margin */
    }

    img[b-5rchjuvz8m] {
        max-width: 100%; /* Full width */
        max-height: auto; /* Auto height */
    }

    .course-article section[b-5rchjuvz8m], .reason-card[b-5rchjuvz8m] {
        width: 100%; /* Full width */
        margin: 10px 0; /* Adjust margin */
    }

    .reasons-cards[b-5rchjuvz8m] {
        /* Stack cards in a single column on mobile */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .reason-card[b-5rchjuvz8m] {
        /* Cards take full width minus some margin */
        flex: 1 0 auto;
        max-height: none; /* Remove max-height restriction */
        width: calc(100% - 20px); /* Add some space on the sides */
        margin: 10px; /* Add some margin around cards */
        padding: 10px; /* Maintain padding */
        transition: none; /* Disable transition effects on mobile */
    }

        /* Since hover effects don't work on mobile, you can remove them or keep them for devices that support hover */
        .reason-card:hover[b-5rchjuvz8m] {
            color: rgb(243, 189, 59);
            background-color: #2f4058;
        }

        .reason-card.expanded[b-5rchjuvz8m] {
            /* When expanded, set a specific max-height or use 'none' if you want it to expand based on content */
            max-height: none;
        }

        .reason-card .reason-title[b-5rchjuvz8m] {
            font-weight: bold;
            text-align: center;
            /* Remove cursor pointer as it's not necessary for touch devices */
        }

        /* Adjust the font size for mobile readability */
        .reason-card p[b-5rchjuvz8m] {
            font-size: 1rem; /* Example size, adjust as needed */
        }

    .table-scroll[b-5rchjuvz8m] {
        width: 100%; /* Full width */
        height: auto; /* Auto height */
        overflow-x: auto; /* Horizontal scroll */
    }

    .table-scroll[b-5rchjuvz8m] {
        overflow-x: auto; /* Enable horizontal scrolling */
    }

    table[b-5rchjuvz8m] {
        width: 100%;
        border-collapse: collapse;
    }

    thead[b-5rchjuvz8m] {
        display: none;
    }

    table[b-5rchjuvz8m], th[b-5rchjuvz8m], td[b-5rchjuvz8m] {
        /*border: 1px solid #ddd;*/ /* example for borders */
    }




    /*th, td {
        padding: 8px;*/ /* Adjust padding */
    /*text-align: left;*/ /* Adjust text alignment */
    /*font-size: 14px;*/ /* Smaller font size */

    /*}*/


    th[b-5rchjuvz8m] {
        /*background-color: #f2f2f2;*/ /* Light background for headers */
        font-size: 16px; /* Slightly larger font size for headers */
    }


    table thead tr[b-5rchjuvz8m], table tbody tr[b-5rchjuvz8m] {
        flex-direction: column; /* Stack table row items vertically */
        align-items: flex-start; /* Align items to the start */
        padding-left: 4vw;
    }

        table thead tr th[b-5rchjuvz8m], table tbody tr td[b-5rchjuvz8m] {
            width: 100%; /* Full width for table headers and cells */
            text-align: left; /* Align text to the left */
            padding: 1.5rem 0; /* Adjust padding */
        }


    .scroll-arrow[b-5rchjuvz8m] {
        display: block; /* Show scroll arrow if needed */
    }

    /* Additional mobile-specific styles */
}
/* _content/Zolw-website/Pages/Navigation/CourseInformation.razor.rz.scp.css */
.course-information-page[b-sa40atorj8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.information-tables[b-sa40atorj8] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 20px;
    /*background-color: red;*/
    width: 50%;
}

    .information-tables section[b-sa40atorj8] {
        padding: 20px;
    }

        .information-tables section h2[b-sa40atorj8] {
            padding-bottom: 10px;
        }

table[b-sa40atorj8] {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    /*    font-size: small;
*/ max-width: 1000px;
    margin: 0 auto;

}

    table thead[b-sa40atorj8] {
        background-color: var(--zolw-font-color);
        color: white;
    }
    table tbody[b-sa40atorj8]{
        cursor:pointer;
    }
    table thead tr[b-sa40atorj8] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        /*border-bottom: 1px solid gray;*/
    }


    table tbody tr[b-sa40atorj8] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        text-align: center;
    }

        table tbody tr td[b-sa40atorj8] {
            width: 100%;
            /*word-break:break-all;*/
            hyphens: auto;
        }

    table thead tr th[b-sa40atorj8] {
        font-weight: bold;
        width: 50%;
    }


            table tr td p[b-sa40atorj8] {
                text-decoration: underline;
                color: blue;
                cursor: pointer;
            }



.images-course[b-sa40atorj8] {
    display: flex;
    flex-direction: column;
    /*justify-content:center;;*/
    /*max-width: 500px;*/
    /*Make sure that img not stretching*/
}

    /* Set flex-shrink to 0 for the images to prevent them from shrinking */
    .images-course img[b-sa40atorj8] {
        flex-shrink: 0;
        margin-top: 10px;
    }

    .images-course section[b-sa40atorj8] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 20px;
    }


aside[b-sa40atorj8] {
    width: 20%;
    max-width: 400px;
}

    aside ul[b-sa40atorj8] {
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

        aside ul li[b-sa40atorj8] {
            display: block;
            color: #000;
            padding: 8px 16px;
            text-decoration: none;
        }

/* ---------------- OVERLAY CARD ---------------------- */
.overlay[b-sa40atorj8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.overlay-content[b-sa40atorj8] {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    max-width: 1000px;
}

.top-title-card[b-sa40atorj8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.card-navigation-right[b-sa40atorj8] {
    min-width: 30px;
}

.close-button[b-sa40atorj8] {
    width: 30px; /* Adjust the width and height as needed */
    height: 30px;
    text-align: center;
    background-color: var(--zolw-font-color); /* Change color on hover */
    color: white;
    line-height: 30px; /* Center text vertically */
    cursor: pointer; /* Add a pointer cursor to indicate it's clickable */
    border-radius: 50%; /* Makes it a circular button, adjust if needed */
    font-weight: bold; /* Bold text */
    transition: 0.3s;
}

    /* Optional hover effect */
    .close-button:hover[b-sa40atorj8] {
        transition: 0.3s;
        color: black; /* Text color */
        border: 1px solid black;
        background-color: white;
    }

.speaker-img[b-sa40atorj8] {
    border-radius: 50%; /* This will give the circle shape */
    margin: 0px 1rem; /* Keep your margin as is */
    width: 9vw; /* Set a fixed width */
    height: 9vw; /* Set a height equal to the width to maintain the aspect ratio for a circle */
    object-fit: cover; /* This will crop the image to fill the box */
    object-position: center; /* This will center the image in the frame */
}




/* ---------------- END OVERLAY CARD ---------------------- */



@media screen and (max-width: 767px) {
    .course-information-page[b-sa40atorj8] {
        flex-direction: column;
    }

    .information-tables[b-sa40atorj8] {
        order: 1;
    }

    aside[b-sa40atorj8] {
        order: 2;
    }

    .images-course[b-sa40atorj8] {
        order: 3;
    }

    aside[b-sa40atorj8] {
        /* Full width on mobile and adjust the max-width if necessary */
        width: 100%;
        max-width: none;
        margin-bottom: 20px; /* Add some space between the sidebar and the next content block */
    }


    .information-tables section[b-sa40atorj8] {
        padding: 10px; /* Reduce padding for mobile */
    }

    .images-course[b-sa40atorj8] {
        /* Adjust layout of images on mobile */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 100%; /* Full width */
        margin: 10px 0;
    }

        .images-course img[b-sa40atorj8] {
            /* Ensure images are not too large on mobile */
            width: 100%; /* Full width but maintain aspect ratio */
            height: auto; /* Maintain aspect ratio */
            max-width: 80%; /* Ensure images are not wider than the screen */
            margin-top: 10px;
        }

        .images-course section[b-sa40atorj8] {
            padding: 10px; /* Adjust padding for mobile */
        }

    .overlay-content[b-sa40atorj8] {
        width: 90%; /* Slightly narrower on mobile for screen edge space */
        padding: 10px; /* Reduce padding for mobile */
    }

    .top-title-card[b-sa40atorj8], .card-navigation-right[b-sa40atorj8], .speaker-img[b-sa40atorj8] {
        /* Adjust layout of top title card and speaker image on mobile */
        flex-direction: column;
        align-items: center;
    }

    .speaker-img[b-sa40atorj8] {
        /* Adjust size of speaker image on mobile */
        width: 40vw; /* Adjust width to be relative to viewport width */
        height: 40vw; /* Keep height the same as width for a circle */
        margin: 20px 0; /* Add vertical margin */
    }

    .close-button[b-sa40atorj8] {
        /* Position the close button appropriately on mobile */
        position: absolute;
        top: 10px;
        right: 10px;
        border: 1px solid white;
    }

    /* Ensure that the overlay covers the whole screen on mobile */
    .overlay[b-sa40atorj8] {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow-y: auto;
    }

    .overlay-content[b-sa40atorj8] {
        background-color: #fff;
        padding: 20px;
        margin-top: 10vw;
        border-radius: 8px;
        width: 100%;
        overflow-y: auto;
    }

    table[b-sa40atorj8] {
        width: 100%;
        border-collapse: collapse;
    }

    th[b-sa40atorj8] {
        /*background-color: #f2f2f2;*/ /* Light background for headers */
        font-size: 16px; /* Slightly larger font size for headers */
    }

    thead[b-sa40atorj8] {
        display: none; /* Show table headers */
    }

    table thead th[b-sa40atorj8], table tbody td[b-sa40atorj8] {
        width: 100%; /* Full width for table headers and cells */
        text-align: left; /* Align text to the left */
        padding: .5rem 0; /* Adjust padding */
    }

    table thead tr[b-sa40atorj8], table tbody tr[b-sa40atorj8] {
        flex-direction: column; /* Stack table row items vertically */
        align-items: flex-start; /* Align items to the start */
        padding-left: 4vw;
    }

    /* Add any additional mobile-specific styles below */
}
/* _content/Zolw-website/Pages/Navigation/Jobs.razor.rz.scp.css */
.jobs-sections[b-5s3uur7ae3] {
    display: flex;
    flex-direction: row;
}

.jobs-section[b-5s3uur7ae3] {
    display: flex;
    flex-direction: column;
}

.jobs-aside-1[b-5s3uur7ae3], .jobs-aside-2[b-5s3uur7ae3] {
    width: 20%;
}

.jobs-section[b-5s3uur7ae3] {
    display: flex;
    flex-direction: column;
    max-width: 60%;
    padding: 0 1rem;
}

    .jobs-section .jobs-information[b-5s3uur7ae3] {
        margin-top: 2rem;
        margin-bottom: 5rem;
    }

    .jobs-section .job-table[b-5s3uur7ae3] {
        display: flex;
        flex-direction: column;
    }

        .jobs-section .job-table table thead tr[b-5s3uur7ae3] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0.5rem 0;
            border-bottom: 1px solid gray;
        }

            .jobs-section .job-table table thead tr th[b-5s3uur7ae3] {
                font-weight: bold;
                width: 50%;
            }

.job-table h2[b-5s3uur7ae3] {
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 2rem;
}

.jobs-section .job-table table tbody tr[b-5s3uur7ae3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    text-align: center;
}


.table-header[b-5s3uur7ae3] {
    background-color: var(--zolw-font-color);
}

    .table-header th[b-5s3uur7ae3] {
        color: white;
        text-align: center;
    }

.jobs-section .job-table table tbody tr td[b-5s3uur7ae3] {
    width: 50%;
}



.jobs-aside-2[b-5s3uur7ae3] {
    text-align: center;
}

    .jobs-aside-2 h3[b-5s3uur7ae3] {
    }


@media screen and (max-width: 767px) {
    .jobs-sections[b-5s3uur7ae3] {
        flex-direction: column; /* Stack sections vertically */
    }

    .jobs-aside-1[b-5s3uur7ae3], .jobs-aside-2[b-5s3uur7ae3] {
        width: 100%; /* Full width for asides */
        margin-bottom: 20px; /* Space after each aside */
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .jobs-section[b-5s3uur7ae3] {
        order: 1;
        max-width: 100%; /* Full width for the main job section */
        padding: 0.5rem; /* Adjust padding for smaller screens */
    }

        .jobs-section .jobs-information[b-5s3uur7ae3],
        .jobs-section .job-table[b-5s3uur7ae3] {
            margin-top: 1rem;
            margin-bottom: 2rem;
        }

            .jobs-section .job-table table thead tr[b-5s3uur7ae3],
            .jobs-section .job-table table tbody tr[b-5s3uur7ae3] {
                flex-direction: column; /* Stack table row items vertically */
                align-items: flex-start; /* Align items to the start */
                padding-left: 4vw;
            }

                .jobs-section .job-table table thead tr th[b-5s3uur7ae3],
                .jobs-section .job-table table tbody tr td[b-5s3uur7ae3] {
                    width: 100%; /* Full width for table headers and cells */
                    text-align: left; /* Align text to the left */
                    padding: 0.5rem 0; /* Adjust padding */
                }

    .job-table h2[b-5s3uur7ae3] {
        margin-bottom: 1rem;
    }

    .jobs-aside-2 h3[b-5s3uur7ae3] {
        /* Adjust styles for h3 if necessary */
    }

    /* Additional mobile-specific adjustments as needed */
}
/* _content/Zolw-website/Pages/Navigation/NewsArchive.razor.rz.scp.css */

.articles[b-r1m07wl6tz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1200px;
}

    .articles article[b-r1m07wl6tz] {
        display: flex;
        flex-direction: column;
        max-width: 500px;
        margin: 10px;
        padding: 10px;
    }
/* _content/Zolw-website/Pages/Navigation/PvSol.razor.rz.scp.css */
/*:root{
    font-size: 1rem;
}
*/
.pv-sections[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: row;
    padding-left: 100px;
    padding-right: 100px;
    justify-content: center;
}

.pv-aside-1[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: column;
    max-width: 200px;
}

    .pv-aside-1 article[b-b2kl9d8cqs] {
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
    }
/*    .pv-aside-1 article a {

    }*/

.pv-sol-top-title[b-b2kl9d8cqs] {
    font-size: 1.3rem;
}

.pv-section[b-b2kl9d8cqs] {
    padding-left: 100px;
    max-width: 1500px; /*  ADJUST THIS FOR MAX WITHD ON THE WHOLE PAGE*/
}

.pv-section-products-info[b-b2kl9d8cqs] {
    display: flex;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 1vw;
}

.pv-section-list[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    gap: 1vw;
}

.pv-section-info[b-b2kl9d8cqs] {
    flex: 1 0 calc(50% - 1vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*max-width: 900px;*/
}

    .pv-section-info section[b-b2kl9d8cqs] {
        padding: 1vw;
    }

.article-img[b-b2kl9d8cqs] {
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 2vw;*/
}

    .article-img img[b-b2kl9d8cqs] {
        max-width: 100%;
        max-height: 100%;
        width: 20vw;
        height: auto;
        border-radius: 10px;
    }

.article-img-right[b-b2kl9d8cqs] {
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 2vw;*/
}

    .article-img-right img[b-b2kl9d8cqs] {
        max-width: 100%;
        max-height: 100%;
        width: 32vw;
        height: auto;
        border-radius: 10px;
    }


.pv-section-products[b-b2kl9d8cqs] {
    flex: 0 1 calc(50% - 1vw);
    display: flex;
    flex-direction: column;
    padding: 1vw;
    gap: 3vw;
    /*background-color:red;*/
}

.pv-products-text[b-b2kl9d8cqs] {
    box-sizing: border-box;
    padding: 1vw;
}

.pv-products[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: column;
    align-items: center; /* Add this line to center all products */
    max-width: 650px;
    margin-bottom: 3vw;
}

    .pv-products h2[b-b2kl9d8cqs] {
        text-align: center;
        font-size: 1.5em;
    }

.pv-product[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    width: 100%;
}

.pv-product-info p[b-b2kl9d8cqs] {
    margin: 0;
    padding: 0;
}

.pv-product-1[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    /*align-content: center;*/
    /*border: 1px solid red;*/
}

    .pv-product-1 section[b-b2kl9d8cqs] {
        margin: 10px;
    }

.pv-product-price[b-b2kl9d8cqs] {
    font-weight: bold;
}

.pv-product-order[b-b2kl9d8cqs] {
    text-decoration: underline;
}

.pv-aside-2[b-b2kl9d8cqs] {
    display: none;
}



.end-text-pvsol[b-b2kl9d8cqs] {
    box-sizing: border-box;
    margin: 2vw 0 3vw 0;
    padding: 1vw;
}

.ads-all-pvsol[b-b2kl9d8cqs] {
    /*background-color: red;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; /* Changed from align-content to align-items */
    gap: 20px;
    padding: 40px;
    margin-bottom: 40px;
}

.ads-pvsol-top[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: row;
    width: 1000px;
}

    .ads-pvsol-top img[b-b2kl9d8cqs] {
        width: 150px;
        height: auto;
    }

    .ads-pvsol-top .img-valentin[b-b2kl9d8cqs] {
        width: 125px;
        height: 125px;
    }

    .ads-pvsol-top .img-gift[b-b2kl9d8cqs] {
        width: 300px;
    }

.ads-pvsol-top-text .kursive-small[b-b2kl9d8cqs] {
    font-size: small;
    font-style: italic;
}


.imgs-pvsol-2[b-b2kl9d8cqs] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; /* Changed from align-content to align-items */
}

.red-text[b-b2kl9d8cqs] {
    color: red;
    font-weight: bold;
}



@media screen and (max-width: 767px) {
    .studio-img-ads[b-b2kl9d8cqs]{
        width: 100%;
        height: auto;
    }
    .ads-all-pvsol[b-b2kl9d8cqs] {
        padding: 20px;
        margin-bottom: 20px;
    }

    .ads-pvsol-top[b-b2kl9d8cqs] {
        flex-direction: column;
        width: 100%;
    }

        .ads-pvsol-top img[b-b2kl9d8cqs] {
            width: 100px;
        }

        .ads-pvsol-top .img-valentin[b-b2kl9d8cqs] {
            width: 100px;
            height: 100px;
        }

        .ads-pvsol-top .img-gift[b-b2kl9d8cqs] {
            width: 200px;
        }

    .imgs-pvsol-2[b-b2kl9d8cqs] {
        flex-direction: column;
    }


    .pv-sections[b-b2kl9d8cqs] {
        flex-direction: column; /* Stack sections vertically */
        padding-left: 10px; /* Adjust padding for smaller screens */
        padding-right: 10px; /* Adjust padding for smaller screens */
        justify-content: flex-start; /* Align content to the start */
    }

    .pv-aside-1[b-b2kl9d8cqs] {
        max-width: 100%; /* Full width for the aside */
        justify-content: center;
    }

        .pv-aside-1 article[b-b2kl9d8cqs] {
            margin-bottom: 20px; /* Adjust margin for smaller screens */
        }

    .pv-section[b-b2kl9d8cqs] {
        padding-left: 10px; /* Adjust padding for smaller screens */
        max-width: 100%; /* Full width for the main content */
    }

    .pv-section-products-info[b-b2kl9d8cqs],
    .pv-section-list[b-b2kl9d8cqs],
    .pv-section-info[b-b2kl9d8cqs],
    .pv-section-products[b-b2kl9d8cqs] {
        flex-direction: column; /* Stack content vertically */
        padding: 10px; /* Adjust padding for smaller screens */
        gap: 10px; /* Adjust gap for smaller screens */
    }

    .article-img img[b-b2kl9d8cqs],
    .article-img-right img[b-b2kl9d8cqs] {
        width: 100%; /* Full width for images */
        height: auto; /* Adjust height to maintain aspect ratio */
        max-width: 100%; /* Ensure images are not wider than the screen */
        border-radius: 10px; /* Maintain border radius */
    }

    .pv-product[b-b2kl9d8cqs],
    .pv-product-1[b-b2kl9d8cqs] {
        flex-direction: column; /* Stack product items vertically */
    }

        .pv-product-1 section[b-b2kl9d8cqs] {
            margin: 10px 0; /* Adjust margin for smaller screens */
            justify-content: center;
        }

    .end-text-pvsol[b-b2kl9d8cqs] {
        margin: 10px 0; /* Adjust margin for smaller screens */
        padding: 10px; /* Adjust padding for smaller screens */
    }

    /* Additional mobile-specific adjustments as needed */
}
/* _content/Zolw-website/Pages/Navigation/PVSolFagdagRegistrering.razor.rz.scp.css */
.fagdag-register-section[b-qgpog7ux4g] {
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    gap: 40px;
    padding: 10px;
}
/* _content/Zolw-website/Pages/Navigation/PVSolProduct.razor.rz.scp.css */

.pv-sol-header[b-nmkts0tmhd] {
    font-size: 1.1rem;
    padding: 1vw;
}

.pv-sol-info-sections[b-nmkts0tmhd] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.pv-sol-info-section[b-nmkts0tmhd] {
    display: flex;
    flex-direction: column;
    margin: 0 20px 0 20px;
    gap: 2vw;
}

.pvsol-info-article-1[b-nmkts0tmhd] {
    display: flex;
    flex-direction: row;
    gap: 1vw;
}

.pvsol-info-article-2[b-nmkts0tmhd] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1vw;
}

.pvsol-illu[b-nmkts0tmhd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .pvsol-illu img[b-nmkts0tmhd] {
        max-width: 400px;
        max-height: 400px;
        width: 20vw;
        height: auto;
        border-radius: 10px;
    }

.pv-sol-info-aside-1[b-nmkts0tmhd] {
    max-width: 200px;
}


@media screen and (max-width: 767px) {
    .pv-sol-header[b-nmkts0tmhd] {
        font-size: 1rem; /* Adjust the font size for mobile screens */
        padding: 10px; /* Adjust padding for mobile */
    }

    .pv-sol-info-sections[b-nmkts0tmhd] {
        flex-direction: column; /* Stack sections vertically on mobile */
        justify-content: flex-start; /* Align content to the start */
    }

    .pv-sol-info-section[b-nmkts0tmhd] {
        margin: 10px 10px; /* Adjust margin for mobile */
        gap: 5vw; /* Adjust gap between elements */
    }

    .pvsol-info-article-1[b-nmkts0tmhd],
    .pvsol-info-article-2[b-nmkts0tmhd] {
        flex-direction: column; /* Stack content vertically */
        gap: 10px; /* Adjust gap for mobile */
    }

    .pvsol-info-article-2[b-nmkts0tmhd] {
        justify-content: center; /* Center content for the second article */
    }

    .pvsol-illu[b-nmkts0tmhd] {
        order: 2;
        margin: 10px 0; /* Adjust margin for mobile */
    }

        .pvsol-illu img[b-nmkts0tmhd] {
            max-width: 100%; /* Full width for images */
            height: auto; /* Adjust height to maintain aspect ratio */
            width: auto; /* Adjust width to maintain aspect ratio */
            border-radius: 10px; /* Maintain border radius */
        }

    .pv-sol-info-aside-1[b-nmkts0tmhd] {
        max-width: 100%; /* Full width for aside on mobile */
    }

    /* Add any additional mobile-specific styles below */
}
/* _content/Zolw-website/Pages/Portal/Admin/AdminDashboard.razor.rz.scp.css */
table[b-l6ztzf7bzt] {
    background-color: red;
}

.admin-sections[b-l6ztzf7bzt] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.admin-aside-1[b-l6ztzf7bzt] {
    display: flex;
    flex-direction: column;
    max-width: 300px;
    /*    justify-content: space-between;
*/ align-items: center;
}

.admin-section[b-l6ztzf7bzt] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1000px;
    justify-content: space-between;
}

.admin-aside-2[b-l6ztzf7bzt] {
    display: flex;
    flex-direction: column;
}

    .admin-aside-2 a[b-l6ztzf7bzt] {
        text-decoration: none;
    }


@media (max-width: 768px) {
    .admin-sections[b-l6ztzf7bzt] {
        flex-direction: column;
        align-items: center;
        gap: 10vw;
        margin-left: 7vw;
        margin-right: 7vw;
    }

    .admin-aside-1[b-l6ztzf7bzt], .admin-aside-2[b-l6ztzf7bzt] {
        max-width: 100%;
    }

    .admin-section[b-l6ztzf7bzt] {
        max-width: 100%;
        order: 1;
    }
    .admin-aside-1[b-l6ztzf7bzt] {
        order: 3;
    }
.admin-aside-2[b-l6ztzf7bzt] {
        order: 2;
    }
}
/* _content/Zolw-website/Pages/Portal/Admin/Controll/CreateControll.razor.rz.scp.css */
h1[b-cxy8m39q3c]{
    font-size: xx-large;
    text-align: center;
}


.form-controller[b-cxy8m39q3c]{
/*    margin-left: 0;
    margin-right: auto;*/
    /*background-color: red;*/
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    gap: 5vw;
    width:90vw;
    justify-content: center;

}
.form-group[b-cxy8m39q3c]{
    width: 30vw;
}
/* _content/Zolw-website/Pages/Portal/Admin/Controll/CreateControllComments.razor.rz.scp.css */
.title-controller[b-srkf9tqfxh] {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .title-controller h3[b-srkf9tqfxh] {
        font-weight: bold;
    }

#screenshotArea[b-srkf9tqfxh] {
    position: relative; /* Ensure the container is positioned relative */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 100%; /* Ensure the container takes full width */
    height: 100%; /* Ensure the container takes full height */
}

    #screenshotArea img[b-srkf9tqfxh] {
        display: block;
        max-width: 100%; /* Ensure the image does not overflow the container */
        max-height: 100%; /* Ensure the image does not overflow the container */
        z-index: 1; /* Ensure the image is below the circles */
    }

.circle[b-srkf9tqfxh] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid black;
    position: absolute;
    z-index: 2; /* Ensure the circles are above the image */
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-numbering[b-srkf9tqfxh] {
    font-size: 12px;
    color: black;
    text-align: center;
}

/* Disable pointer events on the image */
.no-pointer-events[b-srkf9tqfxh] {
    pointer-events: none;
}

/* Disable text selection */
.no-select[b-srkf9tqfxh] {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

/* Add styles for the lock position button */
.lock-position-button[b-srkf9tqfxh] {
    position: absolute;
    z-index: 3; /* Ensure the button is above the circles */
    background-color: rgba(0, 0, 0, 0.26);
    border: none;
    padding: 5px 20px; /* Further increase padding for better touch area */
    cursor: pointer;
    border-radius: 5px;
    touch-action: manipulation; /* Prevent default touch actions */
    user-select: none; /* Prevent text selection */
}

    .lock-position-button:active[b-srkf9tqfxh] {
        background-color: #0056b3;
        transition: background-color 0.2s; /* Add a slight delay to the active state */
    }

.context-menu[b-srkf9tqfxh] {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    z-index: 4;
    display: none; /* Hide by default */
}

    .context-menu.visible[b-srkf9tqfxh] {
        display: block; /* Show when visible */
    }
/* _content/Zolw-website/Pages/Portal/Admin/Controll/CreateControllLayout.razor.rz.scp.css */
h1[b-w717t3ecxo]{
    text-align: center;
}


.custom-file-upload[b-w717t3ecxo] {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
}



    .custom-file-upload input[type="file"][b-w717t3ecxo] {
        display: none;
    }

.selected-image[b-w717t3ecxo] {
    /*max-width: 100%;*/
    height: auto;
    width: 300px; /* Set a fixed width */
    object-fit: cover; /* Ensure the image covers the area without distortion */
    border: 1px solid #ccc; /* Optional: Add a border */
    margin-top: 10px; /* Optional: Add some margin */
}
/* _content/Zolw-website/Pages/Portal/Admin/Controll/RegulationQuestionsPage.razor.rz.scp.css */
/* _content/Zolw-website/Pages/Portal/Admin/CourseComing.razor.rz.scp.css */
.admin-course-sections[b-w3pv63riy4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.admin-course-section[b-w3pv63riy4]{

}
.admin-course-aside-1[b-w3pv63riy4]{

}
.admin-course-aside-2[b-w3pv63riy4]{

}
/* _content/Zolw-website/Pages/Portal/Admin/RestApiTestPage.razor.rz.scp.css */
.joke-section[b-wza0avrq6p] {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 3px #ccc;
    cursor: pointer;
    transition: 0.5s;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .joke-section:hover[b-wza0avrq6p] {
        box-shadow: 0 20px 15px #ccc;
    }

    .joke-section h3[b-wza0avrq6p] {
        margin: 0;
        padding: 10px;
        background-color: #ccc;
    }

    .joke-section p[b-wza0avrq6p] {
        margin: 0;
        padding: 10px;
    }
/* _content/Zolw-website/Pages/Portal/Admin/StatsElectricityPrice.razor.rz.scp.css */


.admin-stat-el-sections[b-m4usuikvjd]{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    /*align-items: center;*/
    /*margin-bottom: 1rem;*/
}

.admin-stat-el-section[b-m4usuikvjd]{
display: flex;
    flex-direction: column;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%;
}

.admin-stat-el-aside-1[b-m4usuikvjd]{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%;
}

.admin-stat-el-aside-2[b-m4usuikvjd]{
display: flex;
    flex-direction: column;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%;
}
/* _content/Zolw-website/Pages/Portal/Admin/UpdateFagdag.razor.rz.scp.css */
/* _content/Zolw-website/Pages/Portal/Admin/UpdateKonferanse2025.razor.rz.scp.css */
/* _content/Zolw-website/Pages/Portal/Admin/UpdateProductsPricesPage.razor.rz.scp.css */
.update-product-page-admin[b-cmip65h6d6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.update-product-page-admin-section[b-cmip65h6d6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 2vw 0 2vw 0;
}
/* _content/Zolw-website/Pages/Portal/Admin/UpdateSluttKontroll.razor.rz.scp.css */
body[b-1vx3vydwgx] {
}
/* _content/Zolw-website/Pages/Portal/Admin/UserManagement.razor.rz.scp.css */
body[b-nx9k4nzikj] {
}
/* _content/Zolw-website/Pages/Portal/Anbud.razor.rz.scp.css */
.anbud-sections[b-h773a2tuc3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.anbud-section[b-h773a2tuc3] {
    width: 60%;
}

.anbud-aside-1[b-h773a2tuc3] {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.anbud-aside-2[b-h773a2tuc3] {
}


@media screen and (max-width: 767px) {
    .anbud-sections[b-h773a2tuc3] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .anbud-section[b-h773a2tuc3] {
        width: 100%;
        order:-1;
    }

    .anbud-aside-1[b-h773a2tuc3] {
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }

    .anbud-aside-2[b-h773a2tuc3] {
    }
}
/* _content/Zolw-website/Pages/Portal/Calculators/Inverterkalkulator.razor.rz.scp.css */
.calculator-text-warning[b-5jj53wsw8l] {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    margin-left: auto;
    margin-right: auto;
    padding: 1vw;
    font-size: .9rem;
    max-width: 50vw;
}

.kost-sections[b-5jj53wsw8l] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.kost-aside-1[b-5jj53wsw8l] {
    display: flex;
    flex-direction: column;
    max-width: 15vw;
    gap: 1vw;
    margin-right: auto;
}

    .kost-aside-1 .ads img[b-5jj53wsw8l] {
        width: 50%;
        height: auto;
    }

    .kost-aside-1 button[b-5jj53wsw8l] {
    }

.kost-section[b-5jj53wsw8l] {
    display: flex;
    flex-direction: column;
}

.kost-section-summary[b-5jj53wsw8l] {
    margin-left: auto;
    margin-right: auto;
}

.summary[b-5jj53wsw8l] {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    margin-left: auto;
    padding: 1vw;
}

    .summary h3[b-5jj53wsw8l] {
        text-align: center;
    }

.summary-inverter[b-5jj53wsw8l] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1vw;
    max-width: 20vw;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}

    .summary-inverter div:nth-child(2n)[b-5jj53wsw8l] {
        text-align: right;
    }

    .summary-inverter div:nth-child(2n+1)[b-5jj53wsw8l] {
        text-align: left;
    }

    .summary-inverter div[b-5jj53wsw8l] {
        max-width: 9.5vw;
        overflow-wrap: break-word;
        word-wrap: break-word;
        box-sizing: border-box;
        padding: 0.2vw; /* Add padding if needed to ensure better spacing */
        hyphens: auto;
    }

.kost-aside-2[b-5jj53wsw8l] {
    max-width: 15vw;
}

.inv-calc-effect[b-5jj53wsw8l] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.control-btns[b-5jj53wsw8l] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 30vw;
}

    .control-btns div[b-5jj53wsw8l] {
        padding: 0 1vw 0.5vw 1.5vw;
        flex: 1 0 auto;
        max-width: 15vw; /* Adjusted: ensures the card does not exceed the container width minus margins */
        box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }

    .control-btns button[b-5jj53wsw8l] {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        font-size: 0.9vw;
    }

/* Mobile-friendly adjustments */
@media (max-width: 1024px) {
    .summary-inverter[b-5jj53wsw8l] {
        max-width: 80vw;
    }

        .summary-inverter div[b-5jj53wsw8l] {
            max-width: 40vw;
        }

    .control-btns[b-5jj53wsw8l] {
        max-width: 100%;
    }

        .control-btns div[b-5jj53wsw8l] {
            max-width: 45vw;
        }
}

@media (max-width: 768px) {
    .kost-sections[b-5jj53wsw8l] {
        flex-direction: column;
        align-items: center;
    }

    .kost-aside-1[b-5jj53wsw8l] {
        max-width: 80vw;
    }

    .summary-inverter[b-5jj53wsw8l] {
        max-width: 100vw;
    }

        .summary-inverter div[b-5jj53wsw8l] {
            max-width: 90vw;
        }

    .control-btns[b-5jj53wsw8l] {
        max-width: 100%;
        flex-direction: column;
        align-items: center;
    }

        .control-btns div[b-5jj53wsw8l] {
            max-width: 100%;
            margin-bottom: 1vw;
        }

    .calculator-text-warning[b-5jj53wsw8l] {
        max-width: 90vw;
        font-size: 0.8rem;
    }
}
/* _content/Zolw-website/Pages/Portal/Calculators/Konstnadskalkulator.razor.rz.scp.css */


.kost-sections[b-7gd89b6geg] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
        box-sizing: border-box; /* Include padding and border in the element's total width and height */

}

.kost-aside-1[b-7gd89b6geg] {
    margin-right: auto; /* Pushes everything else to the right */
    display: flex;
    flex-direction: column;
    max-width: 15vw;

    gap: 1vw;
    /*margin-right: 300px;*/ /* Just to make it take the required space for centering the kost section */
}

    .kost-aside-1 .ads img[b-7gd89b6geg] {
        width: 50%;
        height: auto;
    }

    .kost-aside-1 button[b-7gd89b6geg] {
    }

.kost-section-container[b-7gd89b6geg] {
    /*gap: 5vw;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5vw;
}

.kost-section[b-7gd89b6geg] {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 600px;*/
    display: flex;
    flex-direction: column;
    /*Center item in middle of screen*/
}

.kost-section-summary[b-7gd89b6geg] {
    margin-left: auto;
    /*background-color: red;*/
}



.kost-aside-2[b-7gd89b6geg] {
    max-width: 15vw;
}






@media screen and (max-width: 767px) {
    .kost-sections[b-7gd89b6geg] {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .kost-aside-1[b-7gd89b6geg] {
        margin-right: 0;
        max-width: 100%;
    }

    .kost-section-container[b-7gd89b6geg] {
        gap: 1vw;
        /*background-color: red;*/
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    .kost-section[b-7gd89b6geg] {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .kost-aside-1[b-7gd89b6geg] {
        display: none;
    }

    .kost-aside-2[b-7gd89b6geg] {
        max-width: 100%;
    }
}
/* _content/Zolw-website/Pages/Portal/Calculators/Produksjonskalkulator.razor.rz.scp.css */


.prod-sections[b-dy51q7rlnz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

.prod-aside-1[b-dy51q7rlnz] {
    margin-right: auto; /* Pushes everything else to the right */
    display: flex;
    flex-direction: column;
    max-width: 15vw;
    gap: 1vw;
    /*margin-right: 300px;*/ /* Just to make it take the required space for centering the prod section */
}

    .prod-aside-1 .ads img[b-dy51q7rlnz] {
        width: 50%;
        height: auto;
    }

    .prod-aside-1 button[b-dy51q7rlnz] {
    }

.prod-section-container[b-dy51q7rlnz] {
    /*gap: 5vw;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5vw;
}

.prod-section[b-dy51q7rlnz] {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 600px;*/
    display: flex;
    flex-direction: column;
    /*Center item in middle of screen*/
}

.prod-section-summary[b-dy51q7rlnz] {
    margin-left: auto;
    /*background-color: red;*/
}



.prod-aside-2[b-dy51q7rlnz] {
    max-width: 15vw;
}

@media screen and (max-width: 767px) {
    .prod-sections[b-dy51q7rlnz] {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .prod-aside-1[b-dy51q7rlnz] {
        margin-right: 0;
        max-width: 100%;
    }

    .prod-section-container[b-dy51q7rlnz] {
        gap: 1vw;
        /*background-color: red;*/
        justify-content: center;
        align-items: center;
    }


    .prod-section[b-dy51q7rlnz] {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .prod-aside-1[b-dy51q7rlnz] {
        display: none;
    }

    .prod-aside-2[b-dy51q7rlnz] {
        max-width: 100%;
    }
}
/* _content/Zolw-website/Pages/Portal/EditPassword.razor.rz.scp.css */
body[b-c3w276x2cf] {
}
/* _content/Zolw-website/Pages/Portal/Helpdesk.razor.rz.scp.css */
body[b-dq1awfgzm2] {
}
/* _content/Zolw-website/Pages/Portal/Introductionvideos.razor.rz.scp.css */
.intro-sections[b-4u0ts47q3q] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

aside[b-4u0ts47q3q] {
    width: 20%
}

.intro-aside-1[b-4u0ts47q3q] {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
/*    display: flex;
    flex-direction: column;*/
    gap: 1vw;
    width: 10vw;
}

.intro-section[b-4u0ts47q3q] {
    width: 60%;
    /*    background-color: gray;
*/
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "nav"
        "main";
}



.brand-navigation[b-4u0ts47q3q] {
    grid-area: nav;
    /*background-color: blue;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*background-color: var(--zolw-orange);*/
    color: var(--zolw-font-color);
    font-size: 1.2rem;
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    text-align: center;
}

    /*.brand-navigation button {*/
        /*Remove btn styling*/
        /*background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        color: var(--zolw-font-color);
        font-size: 1.2rem;
        margin: 10px;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        background-color: var(--zolw-orange);
        text-align: center;
        border-top: 2px solid var(--zolw-font-color);
        border-bottom: 2px solid var(--zolw-font-color);
        border-radius: 0;
    }*/

/*        .brand-navigation button:hover {
            background-color: rgb(207, 160, 48);
        }*/

.brands[b-4u0ts47q3q] {
    grid-area: main;
    /*background-color: red;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.brand[b-4u0ts47q3q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    padding: 10%;
    /*    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
*/ width: 100%;
}

    .brand h3[b-4u0ts47q3q] {
        text-align: center;
        /*background-color: var(--zolw-orange);*/
        width: 100%;
        color: var(--zolw-font-color);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .brand .video-container[b-4u0ts47q3q] {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        color: black;
        justify-content: center;
    }

        .brand .video-container iframe[b-4u0ts47q3q] {
            margin: 10px;
            padding: 10px;
            border-radius: 5px;
            text-decoration: none;
            color: var(--zolw-font-color);
            font-size: 1.2rem;
            background-color: white;
            max-width: 33%;
            min-width: 300px;
        }

.alwaysOnTopBtn[b-4u0ts47q3q] {
    /*Center bottom*/

    position: fixed;
    bottom: 10%;
    right: 0;
    transform: translateX(-50%);
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /*background-color: var(--zolw-orange);*/
    color: var(--zolw-font-color);
    font-size: 1.2rem;
    margin: 10px;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    /*background-color: rgb(243, 189, 59, 0.8);*/
    text-align: center;
    border-top: 2px solid var(--zolw-font-color);
    border-bottom: 2px solid var(--zolw-font-color);
    border-radius: 0;
    z-index: 1000;
    cursor: pointer;
    outline: none;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

/*    .alwaysOnTopBtn:hover {
        color: white;
    }

    .arrow{
        color: black;
    }
    .arrow:hover{
        color: var(--zolw-orange);
    }*/

@media (max-width: 640px) {
    .alwaysOnTopBtn[b-4u0ts47q3q] {
        bottom: 10%;
        right: 0;
        transform: translateX(10%);
    }
}
/* _content/Zolw-website/Pages/Portal/OftenAskedQuestions.razor.rz.scp.css */
.title[b-02kpk2bokl] {
    text-align: center;
}

.kb-sections[b-02kpk2bokl] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.kb-section[b-02kpk2bokl] {
    width: 60%;
}

.kb-aside-1[b-02kpk2bokl] {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.kb-aside-2[b-02kpk2bokl] {
}
/* _content/Zolw-website/Pages/Portal/Portal.razor.rz.scp.css */

.portal[b-irsmyfdsru] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* _content/Zolw-website/Pages/Portal/Products/ProductsInformation.razor.rz.scp.css */

.prod-info-sections[b-cluujajnkn] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.prod-info-aside-1[b-cluujajnkn] {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}



li a[b-cluujajnkn] {
    color: var(--zolw-font-color);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    width: 200px;
}

.prod-info-products[b-cluujajnkn] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1vw;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 2vw;
}


.prod-info-products h3[b-cluujajnkn] {
    width:auto;

}



.prod-info-products-selected[b-cluujajnkn] {
}

    .prod-info-products-selected h3[b-cluujajnkn] {
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--zolw-font-color);
        text-align: center;
        margin-bottom: 1vw;
        padding: 1vw;
    }
    


/* Make this mobile friendly with media queries*/
@media (max-width: 768px) {
    .prod-info-sections[b-cluujajnkn] {
        flex-direction: column;
    }

    .prod-info-products[b-cluujajnkn] {
        flex-direction: column;
        margin-bottom: 10vw;
    }

        .prod-info-products h3[b-cluujajnkn] {
            font-size: 1.2rem;
            width: 100%;
            text-align: center;
        }

    .prod-info-aside-1[b-cluujajnkn] {
        order: 3;
    }

    .prod-info-products-selected[b-cluujajnkn] {
        order: 1;
        margin-bottom: 10vw;
    }
    .prod-info-products-selected h3[b-cluujajnkn] {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--zolw-font-color);
        text-align: center;
        margin-bottom: 10vw;
        padding: 5vw;
    }

    
}
/* _content/Zolw-website/Pages/Portal/Profile.razor.rz.scp.css */
/* General layout for larger screens */
.profile-sections[b-8f9wwpd61k] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; /* Align items to the top */
    margin-bottom: 1rem;
    /*flex-wrap: wrap;*/
    gap: 1rem;
    text-align: center;
}

.profile-section[b-8f9wwpd61k] {
    /*background-color: red;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

    .profile-section > section[b-8f9wwpd61k] {
        /*margin: 1vh 0 1vh 0;*/
        /*padding: 1rem;*/
        /*padding-bottom: 2rem;*/
        /* Remove min-width to allow sections to resize on smaller screens */
        width: calc(50% - 2rem); /* Let each section take half the width minus margin */
        box-sizing: border-box; /* Include padding in width calculation */
    }

/* Adjust layout for smaller screens */
@media screen and (max-width: 767px) {

    /* Stack sections vertically */
    .profile-sections[b-8f9wwpd61k] {
        flex-direction: column;
        align-items: stretch;
    }

    /* Stack profile sections vertically */
    .profile-section[b-8f9wwpd61k] {
        flex-direction: column;
        max-width: 100%; /* Full width on mobile */
    }

        .profile-section > section[b-8f9wwpd61k] {
            width: 100%; /* Full width for each section on mobile */
            margin: 0; /* Remove side margins */
            padding: 1rem;
            box-sizing: border-box; /* Ensure padding fits within the width */
        }
}

/* Adjust layout for medium screens (e.g., tablets) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .profile-sections[b-8f9wwpd61k] {
        flex-direction: column; /* Stack sections on medium screens */
        align-items: stretch; /* Stretch items to full width */


    }

    .profile-section[b-8f9wwpd61k] {
        flex-direction: column;
        max-width: 100%; /* Full width for tablets */
    }

        .profile-section > section[b-8f9wwpd61k] {
            width: 100%; /* Each section takes full width */
            margin: 0;
        }
}


/* _content/Zolw-website/Pages/Portal/PvSolCheck.razor.rz.scp.css */
body[b-7lo57nt1kv] {
    width: 100%;
}

.pvsolcheck-sections[b-7lo57nt1kv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.pvsolcheck-section[b-7lo57nt1kv]{
    width: 60%;
}
.pvsolcheck-aside-1[b-7lo57nt1kv] {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}
button[b-7lo57nt1kv] {
    /*Removing styling for buttons*/
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.buttons[b-7lo57nt1kv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

    .buttons .btn[b-7lo57nt1kv] {
        border-bottom: 4px solid #ccc;
        border-radius: 0;
        transition: border-color 0.2s; /* animate the color change */
        flex-grow: 1; /* this will make the button take up remaining space */
        text-align: center; /* to center the text inside the button */
    }

        .buttons .btn:hover[b-7lo57nt1kv],
        .buttons .active-button[b-7lo57nt1kv] {
            border-bottom-color: #000; /* only change the color */
        }





@media (max-width: 640px) {
    .buttons[b-7lo57nt1kv] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .buttons .btn[b-7lo57nt1kv] {
            width: 100%;
            text-align: center;
        }

        .buttons .active-button[b-7lo57nt1kv] {
            border-bottom: 4px solid #000;
        }
}
/* _content/Zolw-website/Pages/Portal/RegisterUserPage.razor.rz.scp.css */
.register-sections[b-sk5y0i0svi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;

}

.register-aside-1[b-sk5y0i0svi] {
    width: 20%;
}

.register-section[b-sk5y0i0svi] {

}


.register-aside-2[b-sk5y0i0svi] {
    margin-left: 20px;
    width: 20%;
}


@media screen and (max-width: 767px) {
.register-sections[b-sk5y0i0svi] {
        flex-direction: column;
        align-items: center;
    }

    .register-aside-1[b-sk5y0i0svi] {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        font-weight: bold;
    }

    .register-section[b-sk5y0i0svi] {
        width: 100%;
        max-width: none;
    }

    .register-aside-2[b-sk5y0i0svi] {
        width: 100%;
        margin-left: 0;
    }

}
/* _content/Zolw-website/Pages/Portal/Sluttkontrollveileder.razor.rz.scp.css */
.skv-sections[b-yfts34yt5x] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.skv-header[b-yfts34yt5x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5vw;
}



.skv-section[b-yfts34yt5x] {
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    align-items: center;
    gap: 1vw;
    width: 65vw;
    height: 100%;
    padding: 1rem;
    border-radius: 5px;
    /*border: 1px solid #ccc;*/
}

.skv-questions[b-yfts34yt5x] {
    flex: 0 1 30vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 5vw;
    height: 100%;
    gap: 3vw;
}

    .skv-questions .search-top[b-yfts34yt5x] {
    }


        .skv-questions .search-top h3[b-yfts34yt5x] {
            font-size: 1.4rem;
        }


        .skv-questions .search-top input[b-yfts34yt5x] {
            width: 100%;
            height: 100%;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 0.5rem;
        }

.skv-question[b-yfts34yt5x] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    border-radius: 5px;
    margin: 0 1rem;
    gap: 2vw;
}

.skv-question-card[b-yfts34yt5x] {
    /*flex: 0 1 ;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

    .skv-question-card label[b-yfts34yt5x] {
        font-size: 1.1rem;
        /*word-break:;*/
    }

.skv-information[b-yfts34yt5x] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1vw;
}

.skv-info-card[b-yfts34yt5x] {
    flex: 0 1 20vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    margin: 0 1rem;
    gap: 1rem;
    width: 10vw;
}

    .skv-info-card textarea[b-yfts34yt5x] {
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 0.5rem;
    }

.empty-box-icon[b-yfts34yt5x] {
    width: 4rem;
    height: 3rem;
    border-radius: 5px;
}


.skv-control[b-yfts34yt5x] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
    gap: 2rem;
}

input[type="checkbox"][b-yfts34yt5x] {
    width: 2rem;
    height: 2rem;
    /*margin: 0 rem;*/
}


.skv-aside-1[b-yfts34yt5x], .skv-aside-2[b-yfts34yt5x] {
    flex: 0 1 12vw;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}
/* _content/Zolw-website/Pages/Portal/Statistikk.razor.rz.scp.css */
body[b-vsfnn7ae3u] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    padding: 0;
}

.statistic-sections[b-vsfnn7ae3u] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.statistics[b-vsfnn7ae3u] {
    /* Center items */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    /*margin-left: auto;
    margin-right: auto;
    width: 50%;*/ /* adjust to your needs */
}

    .statistics div[b-vsfnn7ae3u] {
        padding-bottom: 50px;
    }


        .statistics div img[b-vsfnn7ae3u] {
            width: 100%;
            height: auto;
        }


.statistic-aside-1[b-vsfnn7ae3u] {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}
/* _content/Zolw-website/Pages/Portal/UserManual.razor.rz.scp.css */
.um-sections[b-s5027hl6b5]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.um-section[b-s5027hl6b5]{
    width: 60%;
} 

.um-aside-1[b-s5027hl6b5]{
}

.um-aside-2[b-s5027hl6b5]{
}
/* _content/Zolw-website/Pages/Portal/VerifyAccount.razor.rz.scp.css */
body[b-icc4zpkawf] {
}
/* _content/Zolw-website/Pages/Portal/WifiSetup.razor.rz.scp.css */
body[b-ybqy4j76p7] {
}
/* _content/Zolw-website/Pages/Portal/ZolwRecommend.razor.rz.scp.css */
body[b-h72vr0zzq4] {
}
/* _content/Zolw-website/Pages/Portal/ZolwTemplatesPage.razor.rz.scp.css */

table[b-n0n4dkqy0s] {
    width: 100%;
    border-collapse: collapse;
}

thead tr[b-n0n4dkqy0s] {
    background-color: #f8f9fa;
}

th[b-n0n4dkqy0s] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #dee2e6;
}

/*td with alternating colors*/
tbody tr[b-n0n4dkqy0s]{
    background-color: #fff;
}

tbody tr:nth-child(even)[b-n0n4dkqy0s] {
    background-color: rgb(146, 195, 248);
}
.template-title[b-n0n4dkqy0s]{
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
/* _content/Zolw-website/Shared/Footer.razor.rz.scp.css */
footer[b-sfn6ocokti] {
    /*If footer need styling or adjustment*/
}

    footer a[b-sfn6ocokti] {
        text-decoration: none;
    }

.footer-information[b-sfn6ocokti] {
    /* background-color: black; */
    /* Place in bottom right with a max width */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* Corrected the typo here */
    grid-template-areas: "information contacts sosial";
    max-width: 100%;
}


.information-section[b-sfn6ocokti] {
    grid-area: information;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

    .information-section a[b-sfn6ocokti] {
        color: var(--zolw-font-color);
    }

.sosial-medias-section[b-sfn6ocokti] {
    grid-area: sosial;
    /* Remove link color and underline plus make text white*/
}

    .sosial-medias-section section[b-sfn6ocokti] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.contact-info-section[b-sfn6ocokti] {
    grid-area: contacts;
    text-align: center;
}

    .contact-info-section a[b-sfn6ocokti] {
        color: var(--zolw-font-color);
    }


@media(max-width: 767px) {
    .footer-information[b-sfn6ocokti] {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    body[b-sfn6ocokti], footer[b-sfn6ocokti] { /* .page-content is a class you can add to the main content wrapper */
        padding-top: 50px; /* Adjust this value based on the actual height of your navigation bar */
        padding-bottom: 150px; /* Adjust this value based on the actual height of your navigation bar */
    }
    
}
/* _content/Zolw-website/Shared/MainLayout.razor.rz.scp.css */
.page[b-cils19gb0n] {
    position: relative;
    display: flex;
    flex-direction: row;
    /*min-height: 100vh;*/
}

main[b-cils19gb0n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*align-items: center;*/
}

.header-topbar[b-cils19gb0n]{

}
.sidebar[b-cils19gb0n] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.portal-header-title[b-cils19gb0n] {
    /*text-decoration*/
}

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

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

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

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

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

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

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

    .sidebar[b-cils19gb0n] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-cils19gb0n] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

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

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



}
/* _content/Zolw-website/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-doj4jfa9e4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-doj4jfa9e4] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
    margin-bottom: 100px;
}

.navbar-brand[b-doj4jfa9e4] {
    font-size: 1.1rem;
}

.oi[b-doj4jfa9e4] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

a[b-doj4jfa9e4] {
    /*Remove underline*/
    text-decoration: none;
}

.header-navigation[b-doj4jfa9e4] {
    /*background-color: red;*/
    margin-bottom: 1vw;
}
/* Style for the overall navigation and its elements */
.navigation[b-doj4jfa9e4] {
    display: flex;
    /* Other styles as necessary, e.g., background-color, padding, etc. */
}

.nav-element[b-doj4jfa9e4] {
    position: relative;
    margin-right: 20px; /* adjust as necessary */
}

.nav-link[b-doj4jfa9e4] {
    /* your existing styles for individual nav links */
    display: block;
    text-decoration: none; /* Optional: to remove underline from links */
    padding: 8px 12px;
}

/* Dropdown-specific styles */
.dropdown-content[b-doj4jfa9e4] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1; /* ensures the dropdown appears above other content */
    /* Style the dropdown background, border, etc. here */
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Optional: shadow for dropdown */
}

.nav-element:hover .dropdown-content[b-doj4jfa9e4] {
    display: block;
}

/* Optional: Style the p tag inside the dropdown trigger for better UX */
.nav-element p[b-doj4jfa9e4] {
    margin: 0;
    cursor: pointer;
}
/*
.header-logo{
    display: flex;
justify-content: center;
align-items: center;
}*/
.header-top-row[b-doj4jfa9e4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
}

.header-logo[b-doj4jfa9e4] {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
}

    /*    .header-logo img {
        width: 30%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        max-height: 100px;

    }*/
    .header-logo .header-logo-valentin[b-doj4jfa9e4] {
        height: 100px;
        width: 100px;
        margin-right: 50px;
    }

    .header-logo .header-logo-zolw[b-doj4jfa9e4] {
        height: 100px;
        width: 200px;
    }

    .header-logo .portal-title-nav[b-doj4jfa9e4] {
        width: 30%;
        font-size: 1.8rem;
    }

.header-logo-top[b-doj4jfa9e4] {
    /*    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    max-height: 100px;*/
}

.header-change-language[b-doj4jfa9e4] {
    /*display:;*/
    width: 30%;
}

    .header-change-language p[b-doj4jfa9e4] {
        color: white;
    }


.mobile-login[b-doj4jfa9e4] {
    display: none;
}

@media (min-width: 641px) {
    .navbar-toggler[b-doj4jfa9e4] {
        display: none;
    }

    .collapse[b-doj4jfa9e4] {
        /*         Never collapse the sidebar for wide screens 
*/ display: block;
    }
}

/* Mobile */

@media screen and (max-width: 767px) {
    body[b-doj4jfa9e4], .page-content[b-doj4jfa9e4] { /* .page-content is a class you can add to the main content wrapper */
        padding-bottom: 600px; /* Adjust this value based on the actual height of your navigation bar */
    }


    .navbar-toggler[b-doj4jfa9e4] {
        display: none;
    }

    .collapse[b-doj4jfa9e4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    /*The Desktop navigation disabled*/
    .navigation[b-doj4jfa9e4] {
        display: none;
    }

    .header-top-row[b-doj4jfa9e4] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .header-top-row .header-logo-valentin[b-doj4jfa9e4] {
            /*background-color: red;*/
            display: flex;
            justify-content: center;
            align-items: center;
            width: 10vh; /* example width */
            height: 10vh; /* example height */
            margin: auto; /* fallback for centering */
        }

        .header-top-row .header-logo-zolw[b-doj4jfa9e4] {
            /*background-color: green;*/
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .header-logo .portal-title-nav[b-doj4jfa9e4]{
            width: 100%;
            font-size: 1.8rem;

        }

    .navigation-bottom[b-doj4jfa9e4] {
        display: flex;
        justify-content: space-around; /* Distribute navigation items evenly */
        align-items: center; /* Center items vertically */
        position: fixed; /* Fixed to the bottom */
        left: 0;
        right: 0;
        bottom: 0; /* At the bottom of the viewport */
        background-color: rgb(255 255 255); /* Background color */
        box-shadow: 0 -2px 5px rgba(0,0,0,0.2); /* Slight shadow for separation */
        z-index: 100; /* Ensure it's above other content */
        padding: 5px 0; /* Padding */
        height: 100px;
        animation-name: fadeIn; /* Referencing the fade-in keyframe */
        animation-duration: 0.5s; /* Duration of the animation */
    }

    .navigation-bottom-item[b-doj4jfa9e4] {
        display: flex;
        flex-direction: column; /* Icon above text */
        align-items: center; /* Center items */
        padding: 10px; /* Padding around items */
        text-decoration: none; /* No underlines on links */
        color: inherit; /* Inherits text color */
        font-size: 0.9rem; /* Smaller font size for mobile */
        margin-top: 3vw;
    }

    .nav-login-btn[b-doj4jfa9e4] {
        /*MAKE IMG SIZer larger/dynamic*/
        width: 50px;
        height: 50px;
        /*background-color: red;*/
    }

    .navigation-bottom-item p[b-doj4jfa9e4] {
        margin-top: 4px; /* Space between icon and text */
    }

    .navbar-toggler-icon[b-doj4jfa9e4] {
        display: block; /* Ensure it's visible */
        width: 24px; /* Width of icon */
        height: 24px; /* Height of icon */
        background-size: 100%; /* Size of background image */
        margin-bottom: 4px; /* Space below icon */
    }

    .mobile-login[b-doj4jfa9e4] {
        /* Other existing styles */
        bottom: 50px; /* Above the navigation bar */
    }
}

.header-navigation[b-doj4jfa9e4] {
    margin-bottom: 0;
    background-color: white;
}


/*    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }*/
/*
    @keyframes fadeOut {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }*/

.mobile-login[b-doj4jfa9e4] {
    /* your existing styles */
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* animation styles */
    animation-name: fadeIn; /* Referencing the fade-in keyframe */
    animation-duration: 0.5s; /* Duration of the animation */
}

    /* A separate class to handle the fade-out */
    .mobile-login.fade-out[b-doj4jfa9e4] {
        animation-name: fadeOut;
        animation-duration: 0.5s;
    }

.mobile-login-content[b-doj4jfa9e4] {
    background-color: white; /* Background color */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

/*add slide transition when displaying mobile-login*/



}