/* _content/Avantade/Components/Account.razor.rz.scp.css */
.account[b-qce5d4u6zx]
{
    position:relative;
}

.user-info[b-qce5d4u6zx]
{
    display:flex;
    gap:1rem;
    align-items:center;
}
.user-photo[b-qce5d4u6zx]
{
    width:32px;
    border-radius:5px;
}
.user-info span[b-qce5d4u6zx]
{
    color:white;

}


.submenu[b-qce5d4u6zx] {
    display: none;
    padding: 1rem;
    position: absolute;
    right:0px;
    z-index: 100;
    background-color: #283240;
    border-radius:5px;
}

.user-info:hover + .submenu[b-qce5d4u6zx], .submenu:hover[b-qce5d4u6zx]
{
    display:block;
}

.submenu-items[b-qce5d4u6zx]
{
    list-style-type:none;
    display:flex;
    flex-direction:column;
    gap:1rem;
}

.submenu-link:hover[b-qce5d4u6zx]
{
    color:white;
}

.submenu-link[b-qce5d4u6zx]
{
    display:block;
    font-size:small !important;
    color:white;
}





/* _content/Avantade/Components/Chat.razor.rz.scp.css */

/* Chat Styles */
.chat-box[b-xu841judvc], .chat-box *[b-xu841judvc], chat-button[b-xu841judvc] {
    position: relative;
}

.chat-button[b-xu841judvc] {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    /*    background-color: var(--avantade_col2);*/
    /*    color: white;*/
    /*    padding: 10px 20px;*/
    /*    border-radius: 5px;*/
    text-decoration: none;
    /*    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
    /*    transition: background-color 0.3s;*/
    cursor: pointer;
    /*    font-weight: bold;*/
    /*    border: solid 1px var(--avantade_col2);*/
    background-image: url(/icons/AI_robot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 10;
}

    .chat-button:hover[b-xu841judvc] {
        background-image: url(/icons/AI_robot_Hover.svg);
    }

.chat-box[b-xu841judvc] {
    z-index: 10;
}

    .chat-box + .chat-button[b-xu841judvc] {
        background-image: url(/icons/AI_robot_Active.svg);
    }

.chat-box[b-xu841judvc] {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 400px;
    background: rgba(255, 255, 255, 0.97);
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    color: #333;
    transition: all 0.3s ease;
}



.chat-header[b-xu841judvc] {
    background: var(--avantade_col1);
    color: #fff;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1em;
    font-weight: 600;
}

.chat-content[b-xu841judvc] {
    max-height: 450px;
    overflow-y: auto;
    padding: 20px;
    line-height: 1.5;
    font-size: 14px;
}

.message[b-xu841judvc] {
    margin: 15px 0;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 0.95em;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .message.assistant[b-xu841judvc] {
        background: #ffffff;
        color: var(--blackLight);
        box-shadow: 0px 1px 5px #989ea6;
        margin-left: 45px;
    }

        .message.assistant[b-xu841judvc]:after {
            content: "";
            position: absolute;
            width: 40px;
            height: 100%;
            top: 0;
            left: -45px;
            background-image: url(/icons/AI_chat.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: bottom;
        }

    .message.user[b-xu841judvc] {
        color: var(--avantade_col4);
        text-align: right;
        /*        font-style: italic;*/
        margin-left: 20%;
        margin-right: 45px;
        background: #E0E8FF;
        color: var(--blackLight);
    }

        .message.user[b-xu841judvc]:after {
            content: "";
            position: absolute;
            width: 40px;
            height: 100%;
            top: 0;
            right: -45px;
            background-image: url(/icons/Userchat.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: bottom;
        }

.validation-errors[b-xu841judvc]{
    text-align:center;
}

.message strong[b-xu841judvc] {
    color: #007bff;
    display: block;
    margin: 10px 0 5px;
}

    .message ol[b-xu841judvc] {
        padding-left: 20px;
        margin: 10px 0;
    }

    .message li[b-xu841judvc] {
        margin: 8px 0;
    }

.message-link[b-xu841judvc] {
    color: #007bff;
    text-decoration: none;
    font-size: small;
}

    .message-link:hover[b-xu841judvc] {
        color: black;
    }


.chat-form[b-xu841judvc] {
    display: flex;
    padding: 15px;
    background: #fff;
    border-top: 1px solid #eee;
}

[b-xu841judvc] .chatbox-input {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 20px;
    outline: none;
    font-size: 0.9em;
    transition: border-color 0.3s;
}

    [b-xu841judvc] .chatbox-input:focus {
        border-color: #007bff;
    }

.chatbox-button[b-xu841judvc] {
    padding: 10px 20px;
    margin-left: 5px;
    border: none;
    background: transparent;
    color: var(--avantade_col0);
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    font-weight: 600;
    transition: background 0.3s;
}

/* .chatbox-button:hover {
        background: #0056b3;
    }*/

.chat-header[b-xu841judvc] {
    color: var(--avantade_col0);
}

    .chat-header .chatbox-button[b-xu841judvc] {
        background: none;
        padding: 0 10px;
        font-size: 1.2em;
        font-weight: bold;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        line-height: 24px;
        background-image: url(/icons/close.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

/*    .chat-header .chatbox-button.close:hover {
        background: rgba(255, 255, 255, 0.2);
    }*/

.chatbox-button[type="submit"][b-xu841judvc] {
    font-size: 13px;
    color: #ffffff;
    border: solid 1px var(--avantade_col2);
    background-color: var(--avantade_col2);
    border-radius: 20px;
}

    .chatbox-button[type="submit"]:hover[b-xu841judvc] {
        color: var(--avantade_col2);
        font-weight: 800;
        background-color: #ffffff;
    }


.chat-content[b-xu841judvc]::-webkit-scrollbar {
    width: 8px;
}

.chat-content[b-xu841judvc]::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.chat-content[b-xu841judvc]::-webkit-scrollbar-thumb {
    background: var(--blackLight);
    border-radius: 4px;
}

    .chat-content[b-xu841judvc]::-webkit-scrollbar-thumb:hover {
        background: var(--avantade_col2);
    }



.valid.modified:not([type=checkbox])[b-xu841judvc] {
    outline: 1px solid var(--avantade_col2);
    border-radius: 20px;
}




.loader[b-xu841judvc] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin-b-xu841judvc 2s linear infinite;
    margin: 10px auto;
}

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

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Avantade/Components/Connector.razor.rz.scp.css */
.connector[b-1ydjhd5rz9] {

    position:absolute;
    z-index:10000000;
    background-color:antiquewhite;
    padding:1rem;

}
/* _content/Avantade/Components/ContactForm.razor.rz.scp.css */
.contact__form-container[b-9pqu4sy1qw] {
    display: flex;
    justify-content: center;
}

[b-9pqu4sy1qw] #contact__form {
    display: flex;
    flex-wrap: wrap;
    max-width: 90rem;
    width: 100%;
    align-items: flex-end;
    gap: 2.5rem 1.7rem;
    margin-top: 2.5rem;
}

    [b-9pqu4sy1qw] #contact__form > div {
        display: flex;
        flex-direction: column;
        gap: 1.7rem;
        width: calc(50% - .9rem);
    }

        [b-9pqu4sy1qw] #contact__form > div input,
        [b-9pqu4sy1qw] #contact__form > div select{
            height:48px;
        }

        [b-9pqu4sy1qw] #contact__form > div input,
        [b-9pqu4sy1qw] #contact__form > div select,
        [b-9pqu4sy1qw] #contact__form > div textarea {
            border-radius: .5rem;
            padding: .8rem;
            color: var(--avantade_col0);
        }

        [b-9pqu4sy1qw] #contact__form > div select {
            cursor: pointer;
        }
            [b-9pqu4sy1qw] #contact__form > div select:invalid {
                color: var(--avantade_col0);
            }
    [b-9pqu4sy1qw] #contact__form ::placeholder {
        color: var(--avantade_col0);
        opacity: 1; /* Firefox */
    }

    [b-9pqu4sy1qw] #contact__form ::-ms-input-placeholder { /* Edge 12 -18 */
        color: var(--avantade_col0);
    }

    [b-9pqu4sy1qw] #contact__form > .contact__form-message {
        width: 100%;
    }


    [b-9pqu4sy1qw] #contact__form > .contact__form-submit {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-start;
        gap: 3.8rem;
        margin-top: 1.5rem;
    }



@media (max-width: 1366px) {
    [b-9pqu4sy1qw] #contact__form .contact__form-submit {
        flex-direction: column;
    }
}
@media (max-width:1080px) {
    [b-9pqu4sy1qw] #contact__form .contact__form-submit {
        flex-direction: row-reverse;
    }
}
@media (max-width:768px) {
    [b-9pqu4sy1qw] #contact__form .contact__form-submit {
        flex-direction: column;
    }
}

[b-9pqu4sy1qw] #contact__form > .contact__form-submit .terms {
    display: flex;
    gap: 1rem;
    margin-top: 0.4rem;
}
@media (max-width:768px) {
    [b-9pqu4sy1qw] #contact__form > .contact__form-submit .terms {
        align-items: center;
    }
}

    [b-9pqu4sy1qw] #contact__form > .contact__form-submit .terms input {
        width: 1.44rem;
        height: 1.44rem;
    }

[b-9pqu4sy1qw] #contact__form > .contact__form-submit .terms small
::deep #contact__form > .contact__form-submit .terms small a{
    font-size: 1.2rem;
}

[b-9pqu4sy1qw] #contact__form > .contact__form-submit a {
    color: inherit;
}


[b-9pqu4sy1qw] #contact__form > .contact__form-submit button {
    background: var(--avantade_col2);
    color: white;
    padding: 1.2rem 4rem;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    border-radius: 8px;
    min-width: 280px;
    width: 280px;
    border: 1px solid var(--avantade_col2);
}
@media (max-width:768px) {
    [b-9pqu4sy1qw] #contact__form .contact__form-submit {
        min-width: initial;
        width: 100%;
    }
}

    [b-9pqu4sy1qw] #contact__form > .contact__form-submit button:hover {
        background: white;
        color: var(--avantade_col2);
        border: 1px solid var(--avantade_col2);
    }
/* _content/Avantade/Components/ContactMail.razor.rz.scp.css */
body[b-e88j2lp7rn] {
}
/* _content/Avantade/Components/Footer.razor.rz.scp.css */
footer[b-ou92t820aq]{
    background-color: var(--avantade_col0);
    color: white;
    font-size:16px;
}
footer[b-ou92t820aq]  *{
    font-size: 16px;
}

.paddingfooter[b-ou92t820aq]{
    padding: 5rem 0rem;
}

.footer-list[b-ou92t820aq] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}



.footer-menu[b-ou92t820aq] {
    display: flex;
    gap: 4rem;
    list-style: none;
    flex-wrap: wrap;
}

.footer-menu__item:hover a[b-ou92t820aq] {
    color: var(--avantade_col2);
}

.footer-menu__link[b-ou92t820aq] {
    color: white;
    text-decoration: none;
}


.footer-spacer[b-ou92t820aq] {
    color: black;
    height: 1px;
    background: white;
    margin: 3rem 0rem;
    border: none;
}

.footer-address[b-ou92t820aq]{
    text-align:right;
}


.footerright[b-ou92t820aq] {
    justify-content: flex-end;
}



.f-row[b-ou92t820aq] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:2rem;
    margin:0 0 4rem 0;
}

.footer-data[b-ou92t820aq]{
    display:flex;
    gap:1rem;

}

@media (max-width: 1080px) {
    .footer-data[b-ou92t820aq] {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .footer-contact__container[b-ou92t820aq] {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }
  
    .footer-menu[b-ou92t820aq] {
        gap: 2rem;
        justify-content:center;
    }

    .f-row[b-ou92t820aq] {
       flex-direction:column;
    }

    .footer-dataContainer[b-ou92t820aq]{
        display:flex;
        flex-direction:column;
    }
}
/* _content/Avantade/Components/Header.razor.rz.scp.css */
.menu-fixed[b-5qozx6x7tx] {
    position: fixed;
    top: 0;
    z-index: 9;
    background-color: white;
    width: 100%;
}

.menu-home[b-5qozx6x7tx] {
    background: var(--avantade_col0);
}

.header-container[b-5qozx6x7tx] {
    display: flex;
    justify-content: space-between;
    gap:1rem;
    align-items: center;
    padding: 2.5rem 0;
}

@media (max-width:768px) {
    .header-container[b-5qozx6x7tx] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2.5rem 0;
    }
}

.header-logo[b-5qozx6x7tx] {
    width: 212px;
    height: auto;
}

.avantade_options[b-5qozx6x7tx] {
    display: flex;
    list-style: none;
    gap: 4rem;
    color: var(--avantade_col0);
    align-items: center;
}



.avantade_options__link svg[b-5qozx6x7tx] {
    width: 25px;
    color: var(--avantade_col0);
}

.menu-home .avantade_options__link svg[b-5qozx6x7tx] {
    color: white;
}

[b-5qozx6x7tx] .avantade_options li a {
    font-size: 16px;
    line-height: 24px;
    color: var(--avantade_col0);
    text-decoration: none;
    font-weight: 600;
}

.menu-home .avantade_options[b-5qozx6x7tx]  li:hover a,
.menu-home .avantade_options li:hover svg[b-5qozx6x7tx] {
    color: var(--avantade_col2);
}


.banner-container[b-5qozx6x7tx] {
    background-color: var(--avantade_col1);
    padding: 1.6rem 0rem;
    color: white;
}

.banner-container__box[b-5qozx6x7tx] {
    display: flex;
}

.banner-container__text[b-5qozx6x7tx] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

    .banner-container__text a[b-5qozx6x7tx] {
        color: white;
    }

.commingsoon-container[b-5qozx6x7tx] {
    background-color: var(--avantade_col3);
}

.commingsoon-text[b-5qozx6x7tx] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    padding: 1.5rem 0rem;
    color: var(--avantade_col0);
    margin: 0;
}

.banner-container__button[b-5qozx6x7tx] {
    background: var(--avantade_col2);
    color: white;
    padding: 0.5em 1rem;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    width: 200px;
    white-space: nowrap;
    margin-top: 2rem;
    cursor: pointer;
    border: 1px solid var(--avantade_col2);
}

    .banner-container__button:hover[b-5qozx6x7tx] {
        background: white;
        color: var(--avantade_col2);
        border: 1px solid var(--avantade_col2);
    }

.banner-container__button-container[b-5qozx6x7tx] {
    display: flex;
    gap: 2rem;
}

div#cookiescustom h3[b-5qozx6x7tx] {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.commingsoon-container a[b-5qozx6x7tx] {
    color: var(--avantade_col0);
}

.text-center[b-5qozx6x7tx] {
    text-align: center;
    display: flex;
    justify-content: center;
}

.menu-toggle[b-5qozx6x7tx], .nav__list[b-5qozx6x7tx] {
    display: none;
}

.menu-home[b-5qozx6x7tx] {
    background: var(--avantade_col0);
}

    .menu-home[b-5qozx6x7tx]  .avantade_options li a {
        color: white;
    }

.cookies-link[b-5qozx6x7tx] {
    color: white;
}

.checkbox-cookies[b-5qozx6x7tx] {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}

@media (max-width: 768px) {
    .banner-container__button-container[b-5qozx6x7tx] {
        display: flex;
        gap: 0rem;
        flex-direction: column;
    }

    .menu-toggle[b-5qozx6x7tx] {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        display: flex;
        transition: all 0.5s ease;
    }




    .bar[b-5qozx6x7tx] {
        background-color: #343434;
        height: .3rem;
        width: 2.5rem;
        margin: .2rem 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    .menu-home .bar[b-5qozx6x7tx] {
        background-color: #ffffff;
    }
    
    .menu-toggle.active .bar:nth-child(1)[b-5qozx6x7tx] {
        transform: rotate(-45deg) translate(-.5rem, .5rem);
    }

    .menu-toggle.active .bar:nth-child(2)[b-5qozx6x7tx] {
        opacity: 0;
    }

    .menu-toggle.active .bar:nth-child(3)[b-5qozx6x7tx] {
        transform: rotate(45deg) translate(-.5rem, -.5rem);
    }

    .avantade_options[b-5qozx6x7tx] {
        display: none;
    }

    .nav__list[b-5qozx6x7tx] {
        list-style: none;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-end;
        gap: 1.5rem;
        height: 100vh;
    }

    [b-5qozx6x7tx] .nav__list a {
        text-decoration: none;
        color: var(--avantade_col0);
        font-size: 16px;
    }

    .menu-home[b-5qozx6x7tx]  .nav__list a {
        color: #ffffff;
    }


    .menu-toggle.active .bar:nth-child(1)[b-5qozx6x7tx] {
        transform: rotate(-45deg) translate(-.5rem, .5rem);
    }

    .menu-toggle.active .bar:nth-child(2)[b-am6b8id86a][b-5qozx6x7tx] {
        opacity: 0;
    }

    .menu-toggle.active .bar:nth-child(3)[b-am6b8id86a][b-5qozx6x7tx] {
        transform: rotate(45deg) translate(-.5rem, -.5rem);
    }
}
/* _content/Avantade/Components/Layout/MainLayout.razor.rz.scp.css */
.main[b-gkkulkx6s8] {
    position: relative;
    height: 100%;
    overflow: hidden;
    min-height: calc(100vh - 100px);
}
#blazor-error-ui[b-gkkulkx6s8] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gkkulkx6s8] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Avantade/Components/Layout/UserLayout.razor.rz.scp.css */
header[b-65ecgyof52] {
    background-color: #283240
}
.container[b-65ecgyof52]
{
    padding:1rem;
    display:flex;
    justify-content:space-between;
}
nav[b-65ecgyof52]
{
    display:flex;
    gap:17rem;
    align-items:center;
}
.options[b-65ecgyof52]
{
    list-style-type:none;
    display:flex;
    gap:2rem;
    align-items:center
}
.options a[b-65ecgyof52]
{
    color:white;
}
.logo[b-65ecgyof52]
{
    display:block;
    width:150px;
}
/* _content/Avantade/Components/MyGrid.razor.rz.scp.css */

.Tab[b-ljv07t6ak2] {
    width: 100%;
    padding: 25px;
    margin: 0px;
    background-color: #F0F0F0;
}

.TabLinks[b-ljv07t6ak2] {
    display: flex;
    border-bottom: 2px solid #ccc; /* underline to separate from content */
    gap: 1rem; /* space between tabs */
}

.TabLinkSelected[b-ljv07t6ak2] {
    padding: 12px 24px;
    border: 1px solid transparent;
    border-radius: 6px 6px 0 0; /* rounded top corners */
    cursor: pointer;
    background: #BBCAF6;
    color: #000;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
}

.TabLink[b-ljv07t6ak2] {
    padding: 12px 24px;
    border-radius: 6px 6px 0 0; /* rounded top corners */
    cursor: pointer;
    background: #e0e0e0;
    border: 1px solid #ccc;
    border-bottom: 2px solid white; /* visually connect to content */
    color: #000;
    font-family: Arial;
    font-size: 15px;
}

    .TabLink:hover[b-ljv07t6ak2] {
        background: #BBCAF6; /* hover highlight */
    }






.icon[b-ljv07t6ak2] {

    vertical-align: middle;
    margin: 3px;

}

.ProjectStep h3[b-ljv07t6ak2] {

    font-weight: normal;
}

.ProjectStepSelected h3[b-ljv07t6ak2] {

    font-weight: bold;
}




.report[b-ljv07t6ak2]{
    padding:20px 0 6rem 0 ;
}

.login-form[b-ljv07t6ak2] {
    background-color: #BBCAF6;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 480px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .login-form p[b-ljv07t6ak2] {
        margin-bottom: 20px;
        font-size: 18px;
        color: #333;
    }

[b-ljv07t6ak2] .login-form_input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.login-form_button[b-ljv07t6ak2] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 16px;
}

    .login-form_button:hover[b-ljv07t6ak2] {
        background-color: #45a049;
    }

.report-img[b-ljv07t6ak2] {
    width: 100%;
    height: auto;
}


/*TABLE*/
.table-container h3[b-ljv07t6ak2] {
    margin:0;
}
.table__header[b-ljv07t6ak2] {
    background: #BBCAF6;
    grid-template-columns: 200px 1fr 1fr 150px 130px;
}

.table__item-date[b-ljv07t6ak2],
.table__header-title:nth-child(3)[b-ljv07t6ak2] {
    text-align: end;
}


.table__item[b-ljv07t6ak2] {
    
    width: 100%;
    padding: 25px;
    margin: 0px;
    background-color: #F0F0F0;

    grid-template-columns: 200px 1fr 1fr 150px 130px;
    align-items: flex-start;
    grid-template-areas:
        "icon scene date  quant links"
        "icon desc  desc  quant links";

    @media (max-width: 1024px) {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
        " . date date"
        "icon icon icon"
        "scene  scene scene"
        "desc   desc  desc "
        "quant quant links";
        align-items: initial;
        gap:10px;[b-ljv07t6ak2]
    }
}






.table__item-imgContainer[b-ljv07t6ak2] {
    grid-area: icon;
}

.table__item-date[b-ljv07t6ak2] {
    grid-area: date;
}

.table__item-scenario[b-ljv07t6ak2] {
    grid-area: scene;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.table__item-desc[b-ljv07t6ak2] {
    text-align: justify;
    grid-area: desc;
    @media (max-width: 1024px) {
        margin: 0 0 10px 0;
        gap:5px;[b-ljv07t6ak2]
    }
}

.table__item-number[b-ljv07t6ak2] {
    grid-area: number;
    display: flex;
    flex-direction: column;

    @media (max-width: 1024px) {
        gap:5px;[b-ljv07t6ak2]
    }
}

.table__item-quant[b-ljv07t6ak2] {
    grid-area: quant;
}

.table__item-links[b-ljv07t6ak2] {
    grid-area: links;
    display: flex;
    flex-direction: column;
    gap: 15px;

    @media (max-width: 1024px) {
        gap: 10px;
        align-items:end;[b-ljv07t6ak2]
    }
}
/* _content/Avantade/Components/Pages/About.razor.rz.scp.css */
.about-row[b-rxbxycyhf0] {
    display: flex;
    gap: 6rem;
    margin-bottom: 6rem;
}
.about-row:last-child[b-rxbxycyhf0] {
    margin-bottom: 0rem;
}
.about-container[b-rxbxycyhf0] {
    margin: 6rem 0rem;

    @media (max-width: 768px) {
        margin: 0rem 0rem;[b-rxbxycyhf0]
    }
}
.about-column[b-rxbxycyhf0] {
    flex: 1;
}
.about-title[b-rxbxycyhf0] {
    font-size: 56px;
    font-weight: 600;
    line-height: 78.02px;
    text-align: left;
    margin-bottom: 3rem;
}
.about-claim[b-rxbxycyhf0] {
    font-size: 24px;
    font-weight: 600;
    line-height: 29.26px;
    text-align: left;
    margin-bottom: 2rem;
}
.about-text[b-rxbxycyhf0] {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
}
.about-end[b-rxbxycyhf0]{
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    text-align: left;
}
.about-img[b-rxbxycyhf0] {
    width: 100%;
    height: auto;
    border-radius:12px;
}

.a-row:nth-child(even)[b-rxbxycyhf0] {

    @media (max-width: 768px) {
        display: flex;
        flex-direction: column-reverse;[b-rxbxycyhf0]
    }
}
/* _content/Avantade/Components/Pages/Administration.razor.rz.scp.css */
.administration[b-5g5mzgkven] {
    min-height: 100vh;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #e2e8f0 0%, #edf2f7 100%);
}

.container[b-5g5mzgkven] {
    max-width: 1100px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 2.5rem;
}

h1[b-5g5mzgkven] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #1a202c;
    text-align: center;
    margin-bottom: 1rem;
}

p.restricted[b-5g5mzgkven] {
    font-size: 1.125rem;
    color: #4a5568;
    text-align: center;
    margin-bottom: 2.5rem;
}

h2[b-5g5mzgkven] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3748;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.grid[b-5g5mzgkven] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .grid[b-5g5mzgkven] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.card[b-5g5mzgkven] {
    background-color: #f9fafb;
    padding: 1.5rem;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .card:hover[b-5g5mzgkven] {
        transform: translateY(-4px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    }

    .card p[b-5g5mzgkven] {
        color: #4a5568;
        margin-bottom: 1rem;
        font-size: 0.95rem;
    }

    .card ul[b-5g5mzgkven] {
        list-style: none;
        padding: 0;
        color: #4a5568;
    }

        .card ul li[b-5g5mzgkven] {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.75rem;
            font-size: 0.9rem;
        }

            .card ul li span[b-5g5mzgkven] {
                color: #718096;
                font-size: 0.85rem;
            }

.actions[b-5g5mzgkven] {
    text-align: center;
    margin-top: 2rem;
}

    .actions h2[b-5g5mzgkven] {
        justify-content: center;
    }

    .actions a[b-5g5mzgkven] {
        color: #3182ce;
        text-decoration: none;
        margin: 0 1rem;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        .actions a:hover[b-5g5mzgkven] {
            color: #2b6cb0;
            text-decoration: underline;
        }

button[b-5g5mzgkven] {
    background-color: #3182ce;
    color: #ffffff;
    padding: 0.5rem 1.25rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    button:hover[b-5g5mzgkven] {
        background-color: #2b6cb0;
        transform: translateY(-2px);
    }

svg[b-5g5mzgkven] {
    width: 24px;
    height: 24px;
    fill: #3182ce;
}
/* _content/Avantade/Components/Pages/Configure.razor.rz.scp.css */
h1[b-04jxpi5x5c] {
    color: white;
}
.hidden[b-04jxpi5x5c]{
    height: 0px;
    visibility: hidden;
}
/* _content/Avantade/Components/Pages/Contact.razor.rz.scp.css */
.contact-phone[b-0nq5wnizzh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

@media (max-width: 1080px) {
    .a-row[b-0nq5wnizzh] {
        padding: 6rem 0rem;
    }
}
/* _content/Avantade/Components/Pages/Discover.razor.rz.scp.css */

.column[b-td4jazpdkh] {
    flex: 1;
    padding: 10px;
}

.left[b-td4jazpdkh] {
    background-color: #f0f0f0;
}

.right[b-td4jazpdkh] {
    background-color: #d0d0d0;
}


.home-solutions__list[b-td4jazpdkh] {
    gap: 2.4rem;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(233px, 1fr));
    justify-content: center;
}

    .home-solutions__list a[b-td4jazpdkh] {
        text-decoration: none;
        color: var(--avantade_col0);
    }

.home-solutions__item[b-td4jazpdkh] {
    overflow: hidden;
    transition: all 0.3s ease;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    border-radius: 8px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .home-solutions__item:hover[b-td4jazpdkh] {
        border: 1px solid var(--avantade_col0);
        background-size: 110%;
    }

    .home-solutions__item a[b-td4jazpdkh] {
        width: 100%;
        height: 100%;
    }

.home-solutions__text[b-td4jazpdkh] {
    font-size: 30px;
    font-weight: 600;
    line-height: 36.31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

    @media (max-width: 768px) {
        font-size: 24px;
        line-height: 24px;[b-td4jazpdkh]
    }
}

.discover-listA[b-td4jazpdkh] {
}

.discover-listB[b-td4jazpdkh] {
    margin-left: 50px;
    margin-bottom: 25px;
}

.discover-listB li[b-td4jazpdkh]{
    margin-top: 10px;
}

.discover-row[b-td4jazpdkh] {
    display: flex;
    flex-direction: row;
    padding-bottom: 6rem;
    gap: 8rem;
}
.discover-column[b-td4jazpdkh] {
    flex: 1;
}
.discover-title[b-td4jazpdkh] {
    font-size: 56px;
    font-weight: 600;
    line-height: 70px;
    text-align: left;
    margin-bottom: 2rem;
}
.discover-text[b-td4jazpdkh] {
    font-size: 18px;
    line-height: 21.94px;
    text-align: left;
}
.discover-claim[b-td4jazpdkh]{
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: left;
    margin-bottom: 2rem;
}
.discover-solutions__list[b-td4jazpdkh] {
    gap: 2.4rem;
    transition: all 0.3s ease;
    transition: transform 0.3s ease;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(233px, 1fr));
    justify-content: center;
}
.discover-solutions__item[b-td4jazpdkh] {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: transform 0.3s ease;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    border-radius: 8px;
    background-position: center;
}
.discover-solutions__link[b-td4jazpdkh] {
    text-decoration: none;
    color: var(--avantade_col0);
}
.discover-solutions__text[b-td4jazpdkh] {
    font-size: 30px;
    font-weight: 600;
    line-height: 36.31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.discover-solutions__item:hover[b-td4jazpdkh] {
    border: 1px solid var(--avantade_col0);
    background-size: 110%;
    transition: all 0.3s ease;
    transition: transform 0.3s ease;
}
.first-row[b-td4jazpdkh] {
    margin-top: 4rem;
}
.productdetail-column[b-td4jazpdkh] {
    flex: 1;
}
.productdetail-item__link[b-td4jazpdkh] {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: transform 0.3s ease;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    border-radius: 8px;
    width: 100%;
    text-decoration: none;
    color: var(--avantade_col0);
}
.productdetail-row[b-td4jazpdkh] {
    display: flex;
    gap: 5rem;
    margin-top: 6rem;

    @media (max-width: 1075px) {
        flex-direction: column;[b-td4jazpdkh]
    }
}
.productdetail-row-invisible[b-td4jazpdkh]{
    display: flex;
    gap: 5rem;
}
.productdetail-images__img[b-td4jazpdkh] {
    width: 100%;
    height: auto;
}
.productdetail-imagesthumb[b-td4jazpdkh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.productdetail-imagesthumb__img[b-td4jazpdkh] {
    border-radius: 1rem;
    border: 1px solid transparent;
}

.productdetail-imagesthumb__img:hover[b-td4jazpdkh] {
    border-radius: 1rem;
    border: 1px solid black;
}

.productdetail-imagesthumb__link.full .productdetail-imagesthumb__img[b-td4jazpdkh] {
    border-radius: initial;
    border: none;
    width: 80%;
    height: auto;
    max-height: 90vh;
}

.productdetail-imagesthumb__link[b-td4jazpdkh] {
    transition: all 0.5s ease;
    cursor: zoom-in;
}

.productdetail-imagesthumb__link.full[b-td4jazpdkh] {
    cursor: initial;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
}


/*.productdetail-imagesthumb__link*/
/*.productdetail-imagesthumb__container {
    height: 75px;
    width: 75px;
    overflow: hidden;
}*/
/*.productdetail-imagesthumb__link
        */
/* .productdetail-imagesthumb__container:hover {
        border: 1px solid black;
    }*/

    .productdetail-imagesthumb__link.full .productdetail-imagesthumb__container[b-td4jazpdkh] {
        height: initial;
        width: initial;
        max-height: 100%;
        max-width: 100%;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.productdetail-imagesthumb__close[b-td4jazpdkh] {
    display: none;
    position: absolute;
    top: 60px;
    right: 60px;
    background-color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-weight: bolder;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    z-index: 25;
}

.productdetail-imagesthumb__link.full .productdetail-imagesthumb__close[b-td4jazpdkh] {
    display: flex;
}



.filters-container .breadcrumb-link[b-td4jazpdkh] {
    border: 1px solid #BBCAF6;
    padding: 1rem 2rem;
    border-radius: 2rem;
    font-size: 18px;
    font-weight: 500;
    line-height: 17.07px;
    cursor: pointer;
    margin-right: 1rem;
    margin-bottom: 0px;
    color: var(--avantade_col0);
    text-decoration: none;
}

    .breadcrumb-link.active[b-td4jazpdkh]{
        background-color: #BBCAF6;
    }
.breadcrumb-link__href[b-td4jazpdkh]{
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    width: auto;
    height: 100%;
    color: var(--avantade_col0);
}    
.filters-container .breadcrumb-link:hover[b-td4jazpdkh] {
    border: 1px solid var(--avantade_col1);
    background: var(--avantade_col1);
}
.filters-container[b-td4jazpdkh]{
    margin-top: 3rem;
    display: flex;
    flex-direction: row;
}
.filters-container a[b-td4jazpdkh]{
    display: flex;
    flex-direction: row;
    text-decoration: none;
}
.productdetail-list[b-td4jazpdkh] {
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
}
.productdetail-item__text[b-td4jazpdkh]{
    font-size: 30px;
    font-weight: 600;
    line-height: 36.31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
}
.productdetail-button[b-td4jazpdkh] {
    display: flex;
    gap: 1rem;
    align-content: center;
    align-items: center;
    padding: 0.5rem 4rem;
    border-radius: 0.5rem;
    text-decoration: none;
    color: white;
    background: var(--avantade_col2);
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    text-align: left;
}

.productdetail-title[b-td4jazpdkh] {
    font-size: 48px;
    font-weight: 600;
    line-height: 58.51px;
    text-align: left;
    color: var(--avantade_col0);
    margin-bottom: 2rem;
}

.productdetail-claim[b-td4jazpdkh] {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: var(--avantade_col0);
}

.productdetail-text[b-td4jazpdkh] {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: var(--avantade_col0);
}

.productdetail-text2[b-td4jazpdkh] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: var(--avantade_col0);
}

.productdetail-buttons[b-td4jazpdkh] {
    display: flex;
    gap: 2rem;
    margin: 2rem 0rem 3rem 0rem;
}

.productdetail-details__button[b-td4jazpdkh] {
    display: flex;
    gap: 1rem;
    align-content: center;
    align-items: center;
    padding: 0.5rem 4rem;
    border-radius: 0.5rem;
    text-decoration: none;
    color: white;
    background: var(--avantade_col2);
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    text-align: left;
    width: fit-content;
    margin-bottom: 2rem;
}

.productdetail-details__title[b-td4jazpdkh] {
    font-size: 24px;
    font-weight: 600;
    line-height: 29.26px;
    text-align: left;
    color: var(--avantade_col0);
    margin-bottom: 2rem;
}

.productdetail-details__text[b-td4jazpdkh] {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: var(--avantade_col0);
}

[b-td4jazpdkh] .productdetail-details__list {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    list-style: square;
    color: var(--avantade_col0);
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.productdetail-details__claim[b-td4jazpdkh] {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: var(--avantade_col0);
}

.productdetail-especs[b-td4jazpdkh] {
    width: 100%;
    padding: 4rem 0rem;
}

.productdetail-especs__row[b-td4jazpdkh] {
    display: flex;
    gap: 6rem;
    align-items: center;
    border-bottom: 1px solid var(--avantade_col0);
    width: 100%;
    padding-top: 1rem;
}
.productdetail-especs__row:last-child[b-td4jazpdkh] {
    border-bottom: 0px solid var(--avantade_col0);
}

    .productdetail-especs__row p[b-td4jazpdkh] {
        flex: 1;
    }

.mediumbg[b-td4jazpdkh] {
    background-color: #F6F6F6;
}



.product-row[b-td4jazpdkh] {
    padding-bottom: 6rem;
}
.last-row[b-td4jazpdkh]{
    margin-bottom: 4rem;
}
.productdetail-item[b-td4jazpdkh] {
    flex: 1;
    max-width: 233px;
}
.product-title[b-td4jazpdkh] {
    font-size: 48px;
    font-weight: 600;
    line-height: 58.51px;
    text-align: left;
    color: var(--avantade_col0);
    margin-top: 4rem;
}

.product-subtitle[b-td4jazpdkh] {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: left;
    color: var(--avantade_col0);
    margin-bottom: 1rem;
}

.product-text[b-td4jazpdkh] {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    text-align: left;
    color: var(--avantade_col0);
}

.product-info[b-td4jazpdkh] {
    background: #F6F6F6;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    text-align: center;
    flex-direction: column;
}

.product-list[b-td4jazpdkh] {
    gap: 5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.product-button[b-td4jazpdkh] {
    display: flex;
    gap: 1rem;
    align-content: center;
    align-items: center;
    padding: 0.5rem 2rem;
    border-radius: 0.5rem;
    text-decoration: none;
    color: white;
}
.productdetail-imagesthumb__link[b-td4jazpdkh] {
    border-radius: 1rem;
}
.product-img[b-td4jazpdkh] {
    width: 100%;
    height: auto;
}
.product-buttons[b-td4jazpdkh] {
    display: flex;
    margin-top: 2rem;
    flex-direction: column;
    gap: 1rem;
}
.product-column[b-td4jazpdkh] {
    align-items: stretch;
    max-width: 250px;
    width: 100%;
    flex: 1 1 250px;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    @media (max-width: 768px) {
        max-width: 100%;
        flex: 1;[b-td4jazpdkh]
    }
}
.product-item[b-td4jazpdkh] {
    text-decoration: none;
}
.breadcrumb-link a[b-td4jazpdkh] {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
    color: var(--avantade_col0);
    text-decoration: none;
}
.productdetail-especs__title[b-td4jazpdkh], .productdetail-especs__text[b-td4jazpdkh] {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: var(--avantade_col0);
}

.darkbg[b-td4jazpdkh] {
    background: var(--avantade_col0);
}

.greenbg[b-td4jazpdkh] {
    background: var(--avantade_col2);
}

@media (max-width: 768px) {
    .discover-row[b-td4jazpdkh] {
        display: flex;
        flex-direction: column;
        padding-bottom: 0rem;
        gap: 3rem;
    }
    .discover-title[b-td4jazpdkh] {
        font-size: 51px;
        line-height: 51px;
    }
    .discover-solutions__container[b-td4jazpdkh] {
        margin-bottom: 6rem;
    }
    .product-list[b-td4jazpdkh] {
        display: flex;
        gap: 4rem;
        flex-direction: column;
    }
    .product-title[b-td4jazpdkh] {
        font-size: 43px;
    }
    .productdetail-row[b-td4jazpdkh] {
        display: flex;
        gap: 5rem;
        margin-top: 6rem;
        flex-direction: column;
    }
    .productdetail-title[b-td4jazpdkh] {
        font-size: 43px;
    }
    .productdetail-row-invisible[b-td4jazpdkh] {
        display: flex;
        gap: 5rem;
        flex-direction: column;
        padding: 0 2.5rem !important;
    }
    .productdetail-button[b-td4jazpdkh] {
        justify-content: center;
    }
    .productdetail-buttons[b-td4jazpdkh]{
        flex-direction: column;
    }
    /* .productdetail-list{
        flex-direction: column;
    }*/
    .productdetail-item[b-td4jazpdkh]{
        flex: 1;
        max-width: none;
        height: 100%;
        width: 100%;
    }
}




/* Gallery solution list*/
.home-solutions__list[b-td4jazpdkh] {
    gap: 2.4rem;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(233px, 1fr));
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .home-solutions__list[b-td4jazpdkh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.home-solutions__item[b-td4jazpdkh] {
    overflow: hidden;
    transition: all 0.3s ease;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    border-radius: 8px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .home-solutions__item:hover[b-td4jazpdkh] {
        border: 1px solid var(--avantade_col0);
        background-size: 110%;
    }

    .home-solutions__item a[b-td4jazpdkh] {
        width: 100%;
        height: 100%;
    }


.home-solutions__text[b-td4jazpdkh] {
    font-size: 30px;
    font-weight: 600;
    line-height: 36.31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

    @media (max-width: 768px) {
        font-size: 24px;
        line-height: 24px;[b-td4jazpdkh]
    }
}
/* _content/Avantade/Components/Pages/Documents.razor.rz.scp.css */
.documents[b-jf8qywe8p7] {
    min-height: 100vh;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #e2e8f0 0%, #edf2f7 100%);
}

.container[b-jf8qywe8p7] {
    max-width: 1100px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 2.5rem;
}

h1[b-jf8qywe8p7] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #1a202c;
    text-align: center;
    margin-bottom: 1rem;
}

p.restricted[b-jf8qywe8p7] {
    font-size: 1.125rem;
    color: #4a5568;
    text-align: center;
    margin-bottom: 2.5rem;
}

h2[b-jf8qywe8p7] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3748;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.grid[b-jf8qywe8p7] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .grid[b-jf8qywe8p7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.card[b-jf8qywe8p7] {
    background-color: #f9fafb;
    padding: 1.5rem;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .card:hover[b-jf8qywe8p7] {
        transform: translateY(-4px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    }

    .card p[b-jf8qywe8p7] {
        color: #4a5568;
        margin-bottom: 1rem;
        font-size: 0.95rem;
    }

    .card ul[b-jf8qywe8p7] {
        list-style: none;
        padding: 0;
        color: #4a5568;
    }

        .card ul li[b-jf8qywe8p7] {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.75rem;
            font-size: 0.9rem;
        }

            .card ul li span[b-jf8qywe8p7] {
                color: #718096;
                font-size: 0.85rem;
            }

            .card ul li a[b-jf8qywe8p7] {
                color: #3182ce;
                text-decoration: none;
                transition: color 0.2s ease;
            }

                .card ul li a:hover[b-jf8qywe8p7] {
                    color: #2b6cb0;
                    text-decoration: underline;
                }

.actions[b-jf8qywe8p7] {
    text-align: center;
    margin-top: 2rem;
}

    .actions h2[b-jf8qywe8p7] {
        justify-content: center;
    }

    .actions a[b-jf8qywe8p7] {
        color: #3182ce;
        text-decoration: none;
        margin: 0 1rem;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        .actions a:hover[b-jf8qywe8p7] {
            color: #2b6cb0;
            text-decoration: underline;
        }

button[b-jf8qywe8p7] {
    background-color: #3182ce;
    color: #ffffff;
    padding: 0.5rem 1.25rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    button:hover[b-jf8qywe8p7] {
        background-color: #2b6cb0;
        transform: translateY(-2px);
    }

svg[b-jf8qywe8p7] {
    width: 24px;
    height: 24px;
    fill: #3182ce;
}
/* _content/Avantade/Components/Pages/Ecoreport.razor.rz.scp.css */


.rating_slider[b-tinx2mycnm] {
}

.rating_slider_bar[b-tinx2mycnm] {
    border-radius: 20px;
    width: 50px;
    height: 25px;
}


input[type=range][b-tinx2mycnm] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. */
    background: linear-gradient(90deg, #F00 25%, #FFB800 50%, #00A600 75%)
}

    input[type=range][b-tinx2mycnm]::-webkit-slider-thumb {
        -webkit-appearance: none;
    }

    input[type=range]:focus[b-tinx2mycnm] {
        outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
    }

    input[type=range][b-tinx2mycnm]::-ms-track {
        width: 100%;
        cursor: pointer;
        /* Hides the slider so custom styles can be added */
        background: transparent;
        border-color: transparent;
        color: transparent;
    }


    input[type=range][b-tinx2mycnm]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 33px;
        height: 35px;
        border: 5px solid #000000;
        border-radius: 1030px;
        background: #ffffff;
        box-shadow: none;
    }


.report-row__header[b-tinx2mycnm] {
    background-color: var(--avantade_col2);
    padding: 5rem 3rem;
}
.report-row__title[b-tinx2mycnm] {
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    text-align: left;
    color: white;
}
.report-row__title2[b-tinx2mycnm] {
    font-size: 24px;
    font-weight: 200;
    line-height: 30px;
    text-align: left;
    color: white;
}
.report-row__date[b-tinx2mycnm] {
    font-size: 24px;
    font-weight: 400;
    line-height: 60px;
    text-align: right;
    color: white;
    margin: 0;
}
.report-row__header[b-tinx2mycnm] {
    background-color: var(--avantade_col2);
    padding: 5rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.row-column[b-tinx2mycnm]{
    display: flex;
    flex-direction: row;
    gap: 6rem;
    margin: 3rem 0rem;
}
.report-row__column[b-tinx2mycnm] {
    flex: 1;
}
.report-row__title-product[b-tinx2mycnm] {
    font-size: 48px;
    font-weight: 700;
    line-height: 58.51px;
    text-align: left;
}
.row-column__data-header[b-tinx2mycnm] {
    display: flex;
    gap: 8rem;
    padding: 1.5rem 3rem;
}
.report-row__data[b-tinx2mycnm]{
    display: flex;
    gap: 2rem;
    padding: 1.5rem 3rem;
    align-items: center;
    border-bottom: 1px solid var(--avantade_col0);
}
.report-row__data:last-child[b-tinx2mycnm]{
    border-bottom: 0px solid var(--avantade_col0);
}
.report-row__data p[b-tinx2mycnm]{
    margin: 0;
}
.report-row__data div:first-child[b-tinx2mycnm]{
    width: 25%;
    display: flex;
    justify-content: center;
}
.report-row__column-data[b-tinx2mycnm] {
    width: 75%;
}
.greenbg[b-tinx2mycnm]{
    background: var(--avantade_col2);
}
.report-row__column-data-title[b-tinx2mycnm]{
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    text-align: left;
    color: white;
    margin: 0;
}
.report-row__column-score-title-final[b-tinx2mycnm] {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    text-align: left;
}
.report-row__column-score-title[b-tinx2mycnm] {
    font-size: 18px;
    font-weight: 700;
    line-height: 29.26px;
    text-align: left;
}
.report-row__column-score-final[b-tinx2mycnm] {
    background: var(--avantade_col2);
    border-radius: 100%;
    padding: 1rem;
    color: white;
    font-size: 24px;
    font-weight: 700;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;    
    align-items: center;
}
.report-row__column-score[b-tinx2mycnm] {
    background: var(--avantade_col2);
    border-radius: 100%;
    padding: 1rem;
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.report-row__column-score-negative[b-tinx2mycnm] {
    background: #FF0101;
    border-radius: 100%;
    padding: 1rem;
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row-final[b-tinx2mycnm]{
    background-color: #F6F6F6;
    border: none;
}
.row-finalscore[b-tinx2mycnm] {
    background: #F6F6F6;
    padding: 2.5rem 6rem;
    margin-bottom: 6rem;
}
.login-form[b-tinx2mycnm] {
    background-color: #BBCAF6;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 480px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .login-form p[b-tinx2mycnm] {
        margin-bottom: 20px;
        font-size: 18px;
        color: #333;
    }

[b-tinx2mycnm] .login-form_input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.login-form_button[b-tinx2mycnm] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 16px;
}

    .login-form_button:hover[b-tinx2mycnm] {
        background-color: #45a049;
    }
/* _content/Avantade/Components/Pages/Home.razor.rz.scp.css */
.home-row[b-4hhqx68l7q] {
    display: flex;
    flex-direction: row;
    padding-bottom: 6rem;
    gap: 8rem;
}

@media only screen and (max-width: 1080px) {
    .home-row[b-4hhqx68l7q] {
        flex-direction: column;
    }
}

.padding4[b-4hhqx68l7q] {
    padding-top: 4rem;
}

.home-column[b-4hhqx68l7q] {
    flex: 1;
}

.home-img[b-4hhqx68l7q] {
    width: 100%;
    height: auto;
}

.firstblock[b-4hhqx68l7q] {
    background: #BBCAF6;
}


.home-container .a-button[b-4hhqx68l7q] {
    width: 333px;
}


.home-subtitle[b-4hhqx68l7q] {
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    text-align: left;
    margin-bottom: 2rem;
}


.home-claim[b-4hhqx68l7q] {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: left;
    margin-bottom: 2rem;
}

.home-text[b-4hhqx68l7q] {
    font-size: 18px;
    line-height: 21.94px;
    text-align: left;
}



.home-video__container[b-4hhqx68l7q] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-solutions__list[b-4hhqx68l7q] {
    gap: 2.4rem;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(233px, 1fr));
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .home-solutions__list[b-4hhqx68l7q] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.home-solutions__item[b-4hhqx68l7q] {
    overflow: hidden;
    transition: all 0.3s ease;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    border-radius: 8px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .home-solutions__item:hover[b-4hhqx68l7q] {
        border: 1px solid var(--avantade_col0);
        background-size: 110%;
    }

    .home-solutions__item a[b-4hhqx68l7q] {
        width: 100%;
        height: 100%;
    }


.home-solutions__text[b-4hhqx68l7q] {
    font-size: 30px;
    font-weight: 600;
    line-height: 36.31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

    @media (max-width: 768px) {
        font-size: 24px;
        line-height: 24px;[b-4hhqx68l7q]
    }
}

.absolute-image[b-4hhqx68l7q] {
    position: absolute;
    right: auto;
    width: 50vw;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.absolute-imagetop[b-4hhqx68l7q], .prod_video[b-4hhqx68l7q] {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 10px 10px 14px 0px rgba(0, 0, 0, 0.25);
}


.absolute-imagetop[b-4hhqx68l7q] {
    position: absolute;
    right: auto;
    width: 50vw;
    height: 85%;
    object-fit: cover;
    border-radius: 12px;
}

@media only screen and (max-width: 1080px) {
    .absolute-imagetop[b-4hhqx68l7q] {
        position: initial;
        width: 100%;
    }
}

.home-title[b-4hhqx68l7q]{
    margin-bottom:45px;
}

.home-titlewhite[b-4hhqx68l7q] {
    color: white;
    margin-top: 6rem;
}

.home-textwhite[b-4hhqx68l7q] {
    color: white;
    margin-bottom: 4rem;
}

.prod_video[b-4hhqx68l7q] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 6rem;
    z-index: 2;
}

    .prod_video video[b-4hhqx68l7q] {
        width: 100%;
    }

.home-solutions__list a[b-4hhqx68l7q] {
    text-decoration: none;
    color: var(--avantade_col0);
}

.a-buttons_container[b-4hhqx68l7q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: max-content;
    margin-bottom: 16px;
}

.darkbg[b-4hhqx68l7q], .mediumbg[b-4hhqx68l7q], .softbg[b-4hhqx68l7q] {
    min-height: 924px;
}

@media only screen and (max-width: 1080px) {
    .darkbg[b-4hhqx68l7q], .mediumbg[b-4hhqx68l7q], .softbg[b-4hhqx68l7q] {
        height: initial;
    }
}


.create .a-row[b-4hhqx68l7q] {
    gap: initial;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.weAre video[b-4hhqx68l7q] {
    width: 100%;
}


section[b-4hhqx68l7q] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.homebg1[b-4hhqx68l7q] {
    background-image: url('images/home/skincare_250_250.png');
}

.homebg2[b-4hhqx68l7q] {
    background-image: url('images/home/personal-care_250_250.png');
}

.homebg3[b-4hhqx68l7q] {
    background-image: url('images/home/color-cosmetics_250_250.png');
}

.homebg4[b-4hhqx68l7q] {
    background-image: url('images/home/fragrance_250_250.png');
}

.homebg5[b-4hhqx68l7q] {
    background-image: url('images/home/solutionsbg5.png');
}

@media (max-width: 1080px) {
    .home-row[b-4hhqx68l7q] {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .a-buttons_container[b-4hhqx68l7q] {
        width: auto;
    }

    .padding-custom[b-4hhqx68l7q] {
        padding-top: 21rem;
    }
}
/* _content/Avantade/Components/Pages/Login.razor.rz.scp.css */
/* Center the section on the page */
.login[b-jpzlz3lj9v] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Full viewport height */
    background-color: #f8fafc; /* Soft off-white background */
}

/* Style the container with increased width */
.container[b-jpzlz3lj9v] {
    background-color: #fff;
    padding: 2.5rem;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); /* Stronger shadow for depth */
    text-align: center;
    max-width: 500px; /* Increased width to prevent text wrapping */
    width: 100%;
}

/* Style the heading */
h2[b-jpzlz3lj9v] {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 600;
    color: #1e293b; /* Dark slate for modern contrast */
}

/* Style the Google sign-in button */
.google-sign-in-button[b-jpzlz3lj9v] {
    display: inline-flex;
    align-items: center;
    gap: 12px; /* Space between icon and text */
    padding: 0.8rem 1.8rem;
    background-color: #fff; /* White background */
    color: #1e293b; /* Dark text for contrast */
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #e2e8f0; /* Subtle border */
    font-size: 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

    .google-sign-in-button:hover[b-jpzlz3lj9v] {
        transform: translateY(-2px); /* Slight lift on hover */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Shadow on hover */
        border-color: #2563eb; /* Blue border on hover */
    }

/* Style the Google icon */
.google-icon[b-jpzlz3lj9v] {
    width: 24px;
    height: 24px;
}

/* Style the terms text */
.terms-text[b-jpzlz3lj9v] {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    color: #64748b; /* Muted slate for secondary text */
    line-height: 1.5;
}

/* Style the terms links to match text size */
.terms-link[b-jpzlz3lj9v] {
    font-size: 1.2rem; /* Same as terms-text */
    color: #2563eb; /* Modern blue for links */
    text-decoration: none;
    transition: color 0.2s ease;
}

    .terms-link:hover[b-jpzlz3lj9v] {
        color: #1e40af; /* Darker blue on hover */
        text-decoration: underline;
    }

.signed-in[b-jpzlz3lj9v] {
   display:flex;
   flex-direction:column;
   align-items: center;
   gap:2rem;
    padding: 0.5rem 0;
}

.user-info[b-jpzlz3lj9v] {
    display: flex;
    align-items: center;
    gap: 0.75rem; /* space-x-3 */
}

    .user-info p[b-jpzlz3lj9v] {
        font-size: 1.6rem; /* text-lg */
        font-weight: 500; /* font-medium */
        color: #1f2937; /* text-gray-800 */
    }
.signout-button[b-jpzlz3lj9v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: 1px solid #dc2626; /* border-red-600 */
    border-radius: 0.375rem; /* rounded-md */
    font-size: 1.5rem;
    font-weight: 500;
    color: #dc2626; /* text-red-600 */
    background-color: #ffffff;
    transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
    cursor: pointer;
    text-decoration: none;
    width:120px;
}


/* Responsive adjustments */
@media (max-width: 480px) {
    .container[b-jpzlz3lj9v] {
        padding: 1.8rem;
        max-width: 90%; /* Responsive width, capped around 450px */
    }

    h2[b-jpzlz3lj9v] {
        font-size: 1.6rem;
    }

    .google-sign-in-button[b-jpzlz3lj9v] {
        font-size: 1.5rem;
        padding: 0.7rem 1.4rem;
    }

    .terms-text[b-jpzlz3lj9v], .terms-link[b-jpzlz3lj9v] {
        font-size: 0.85rem; /* Slightly smaller for mobile */
    }
}
/* _content/Avantade/Components/Pages/My.razor.rz.scp.css */
.report[b-alu1eiy1u6]{
    padding:20px 0 6rem 0 ;
}

.login-form[b-alu1eiy1u6] {
    background-color: #BBCAF6;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 480px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .login-form p[b-alu1eiy1u6] {
        margin-bottom: 20px;
        font-size: 18px;
        color: #333;
    }

[b-alu1eiy1u6] .login-form_input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.login-form_button[b-alu1eiy1u6] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 16px;
}

    .login-form_button:hover[b-alu1eiy1u6] {
        background-color: #45a049;
    }

.report-img[b-alu1eiy1u6] {
    width: 100%;
    height: auto;
}


/*TABLE*/
.table-container h3[b-alu1eiy1u6] {
    margin:0;
}
.table__header[b-alu1eiy1u6] {
    grid-template-columns: 200px 1fr 1fr 150px 130px;
}

.table__item-date[b-alu1eiy1u6],
.table__header-title:nth-child(3)[b-alu1eiy1u6] {
    text-align: end;
}


.table__item[b-alu1eiy1u6] {
    grid-template-columns: 200px 1fr 1fr 150px 130px;
    align-items: flex-start;
    grid-template-areas:
        "icon scene date  quant links"
        "icon desc  desc  quant links";

    @media (max-width: 1024px) {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
        " . date date"
        "icon icon icon"
        "scene  scene scene"
        "desc   desc  desc "
        "quant quant links";
        align-items: initial;
        gap:10px;[b-alu1eiy1u6]
    }
}






.table__item-imgContainer[b-alu1eiy1u6] {
    grid-area: icon;
}

.table__item-date[b-alu1eiy1u6] {
    grid-area: date;
}

.table__item-scenario[b-alu1eiy1u6] {
    grid-area: scene;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.table__item-desc[b-alu1eiy1u6] {
    text-align: justify;
    grid-area: desc;
    @media (max-width: 1024px) {
        margin: 0 0 10px 0;
        gap:5px;[b-alu1eiy1u6]
    }
}

.table__item-number[b-alu1eiy1u6] {
    grid-area: number;
    display: flex;
    flex-direction: column;

    @media (max-width: 1024px) {
        gap:5px;[b-alu1eiy1u6]
    }
}

.table__item-quant[b-alu1eiy1u6] {
    grid-area: quant;
}

.table__item-links[b-alu1eiy1u6] {
    grid-area: links;
    display: flex;
    flex-direction: column;
    gap: 15px;

    @media (max-width: 1024px) {
        gap: 10px;
        align-items:end;[b-alu1eiy1u6]
    }
}
/* _content/Avantade/Components/Pages/PDF.razor.rz.scp.css */
/* Main Content */
.download-section[b-nchvldefqx] {
    flex: 1;
    padding: 4rem 2rem;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

    .download-section h2[b-nchvldefqx] {
        font-size: 2rem;
        color: #2a7b3e;
        margin-bottom: 1rem;
    }

    .download-section p[b-nchvldefqx] {
        font-size: 1.1rem;
        margin-bottom: 2rem;
        color: #555;
    }

.download-button[b-nchvldefqx] {
    display: inline-block;
    padding: 1rem 3rem;
    background-color: #2a7b3e;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 50px;
    transition: all 0.3s ease;
    font-size: 1.2rem;
}

    .download-button:hover[b-nchvldefqx] {
        background-color: #4CAF50;
        transform: scale(1.05);
    }
/* _content/Avantade/Components/Pages/Press.razor.rz.scp.css */
.press__banner-container[b-66xv8eiy8t] {
    background-color: #BBCAF6;
}

.press__banner[b-66xv8eiy8t] {
    height: 56.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.press__banner-left[b-66xv8eiy8t] {
    width: calc(50% - 13.7rem);
}

@media (max-width: 1536px) {
    .press__banner-left[b-66xv8eiy8t] {
        width: calc(70% - 13.7rem);
    }
}

@media (max-width: 1200px) {
    .press__banner-left[b-66xv8eiy8t] {
        width: calc(90% - 13.7rem);
        width: 100%;
        margin-left: 0;
    }
}

.home-subtitle[b-66xv8eiy8t] {
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    text-align: left;
    margin-bottom: 2rem;
}

.press__banner-left h1[b-66xv8eiy8t] {
    font-size: 6.4rem;
    font-weight: 600;
}

.press__banner-left h2[b-66xv8eiy8t] {
    font-size: 4.6rem;
    font-weight: 400;
}

.press__banner-right[b-66xv8eiy8t] {
    width: 50%;
}

@media (max-width: 1200px) {
    .press__banner-right[b-66xv8eiy8t] {
        position: absolute;
        right: 7.5rem;
    }
}

/*TABLE*/
.table__header[b-66xv8eiy8t] {
    grid-template-columns: 110px 110px 1fr 120px;
}

.table__item[b-66xv8eiy8t] {
    grid-template-columns: 110px 110px 1fr 120px;

    @media (max-width: 1024px) {
        grid-template-columns: 0.5fr 1fr 120px;
        grid-template-areas:
        "icon date link "
        ". name .";
        align-items: initial;[b-66xv8eiy8t]
    }
}

.table__item-imgContainer[b-66xv8eiy8t] {
    @media (max-width: 1024px) {
        grid-area: icon;[b-66xv8eiy8t]
    }
}
.table__item-date[b-66xv8eiy8t],
.table__item-name[b-66xv8eiy8t] {
    font-weight: 400;
    font-size: 18px;
    color: #2B2A29;
}
.table__item-date[b-66xv8eiy8t] {

    @media (max-width: 1024px) {
        grid-area: date;[b-66xv8eiy8t]
    }
}

.table__item-link[b-66xv8eiy8t] {
    @media (max-width: 1024px) {
        grid-area: link;[b-66xv8eiy8t]
    }
}
/* _content/Avantade/Components/Pages/Projects.razor.rz.scp.css */
/* _content/Avantade/Components/Pages/Quote.razor.rz.scp.css */
p[b-22p8wkkjhk]   {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0rem;
}

.report-row__header[b-22p8wkkjhk] {
    background-color: var(--avantade_col0);
    padding: 5rem 3rem;
}
.report-row__title[b-22p8wkkjhk] {
    font-size: 32px;
    font-weight: 400;
    line-height: 60px;
    text-align: left;
    color: white;
}
.report-row__title2[b-22p8wkkjhk] {
    font-size: 24px;
    font-weight: 200;
    line-height: 30px;
    text-align: left;
    color: white;
}
.report-row__title-table[b-22p8wkkjhk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .2rem;
    background: var(--avantade_col0);
    margin-bottom: 2rem;
    padding-left: 1rem;

    font-size: 32px;
    font-weight: 400;
    line-height: 60px;
    text-align: left;
    margin-top: 2rem;
    color: white
}
.report-row__date[b-22p8wkkjhk] {
    font-size: 24px;
    font-weight: 400;
    line-height: 60px;
    text-align: right;
    color: white;
    margin: 0;
}
.report-row__header[b-22p8wkkjhk] {
    background-color: var(--avantade_col0);
    padding: 5rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

    @media (max-width: 768px) {
        display: flex;
        align-items: flex-start;
        flex-direction: column;[b-22p8wkkjhk]
    }
}
.row-column[b-22p8wkkjhk]{
    display: flex;
    flex-direction: row;
    gap: 6rem;
    margin: 3rem 0rem;
}
.report-row__column[b-22p8wkkjhk] {
    flex: 1;
}
.report-row__text-table[b-22p8wkkjhk]{
    font-size: 16px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
}
table[b-22p8wkkjhk] {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 2rem;
    table-layout: fixed;

    @media (max-width: 768px) {
        overflow: auto;
        display: block;
        overflow-x: auto;[b-22p8wkkjhk]
    }
}
td[b-22p8wkkjhk], th[b-22p8wkkjhk] {
    border: #b2b2b2 1px solid;
    margin: 0;
    padding: 1rem;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
}
.report-row__specs[b-22p8wkkjhk] {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.report-row__specs-header[b-22p8wkkjhk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .2rem;
    background:  var(--avantade_col1);
    margin-bottom: 2rem;
}
.report-row__specs-title[b-22p8wkkjhk] {
    font-size: 24px;
    font-weight: 600;
    line-height: 29.26px;
    text-align: left;
    color: white;
    margin: 1rem 0rem 1rem 2rem;
}
.report-row__subtitle[b-22p8wkkjhk] {
    font-size: 16px;
    text-align: left;
}
.as3[b-22p8wkkjhk] {
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 4px;
}
.as4[b-22p8wkkjhk], .as5[b-22p8wkkjhk] {
    font-size: 16px;
    line-height: 16px;
    text-align: left;

}
.report-row__shipped[b-22p8wkkjhk]{
    display: flex;
    gap: 2rem;
    margin-bottom: 4rem;
}
.report-row__specs-row[b-22p8wkkjhk] {
    border-bottom: 0px solid black;
    margin-bottom: 2rem;
}
.report-row__specs-row:last-child[b-22p8wkkjhk] {
    border-bottom: 0px solid black;
}
.claim-container[b-22p8wkkjhk]{
    background-color: #F6F6F6;
    padding: 2rem 3rem;
}
.claim-container__link[b-22p8wkkjhk] {
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    color: var(--avantade_col0);
}
.report[b-22p8wkkjhk] {
    margin-bottom: 6rem;
}


.login-form[b-22p8wkkjhk] {
    background-color: #BBCAF6;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 480px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .login-form p[b-22p8wkkjhk] {
        margin-bottom: 20px;
        font-size: 16px;
        color: #333;
    }

[b-22p8wkkjhk] .login-form_input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.login-form_button[b-22p8wkkjhk] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 16px;
}

    .login-form_button:hover[b-22p8wkkjhk] {
        background-color: #45a049;
    }
/* _content/Avantade/Components/Pages/Scenarios.razor.rz.scp.css */
/* _content/Avantade/Components/Pages/SiteMap.razor.rz.scp.css */

.sitemap-container[b-k4ql9lmq7y] {
    margin: 6rem 0rem;
}

ul[b-k4ql9lmq7y]{
    margin-left: 20px;
}
/* _content/Avantade/Components/Pages/Suppliers.razor.rz.scp.css */
.a-buttons_container[b-gjthjb3wsb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: max-content;
}

.supplier-row[b-gjthjb3wsb] {
    display: flex;
    gap: 6rem;
    margin-bottom: 6rem;
}
.supplier-row:last-child[b-gjthjb3wsb] {
    margin-bottom: 0rem;
}
.supplier-container[b-gjthjb3wsb] {
    margin: 6rem 0rem;

    @media (max-width: 768px) {
        margin: 0rem 0rem;[b-gjthjb3wsb]
    }
}
.supplier-column[b-gjthjb3wsb] {
    flex: 1;
}
.supplier-title[b-gjthjb3wsb] {
    font-size: 56px;
    font-weight: 600;
    line-height: 78.02px;
    text-align: left;
    margin-bottom: 3rem;
}
.supplier-claim[b-gjthjb3wsb] {
    font-size: 24px;
    font-weight: 600;
    line-height: 29.26px;
    text-align: left;
    margin-bottom: 2rem;
}
.supplier-text[b-gjthjb3wsb] {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    text-align: left;
}
.supplier-end[b-gjthjb3wsb]{
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    text-align: left;
}
.supplier-img[b-gjthjb3wsb] {
    width: 100%;
    height: auto;
    border-radius:12px;
}

.a-row:nth-child(even)[b-gjthjb3wsb] {

    @media (max-width: 768px) {
        display: flex;
        flex-direction: column-reverse;[b-gjthjb3wsb]
    }
}
/* _content/Avantade/Components/Pages/Terms.razor.rz.scp.css */
.legal-title[b-hyth5dp140] {
    font-size: 56px;
    font-weight: 600;
    line-height: 68px;
    text-align: left;
    margin-bottom: 2rem;
}
.legal-text[b-hyth5dp140] {
    font-size: 18px;
    line-height: 21.94px;
    text-align: left;
}
.legal-container[b-hyth5dp140]{
    padding: 6rem 0rem;
    min-height: calc(100vh - 200px);
}
.legal-list[b-hyth5dp140] {
    margin-bottom: 1rem;
}
.legal-item[b-hyth5dp140] {
    margin-left: 2rem;
    margin-bottom: 1rem;
    font-size: 18px;
    text-align: left;
}
.legal-text__buttons-container[b-hyth5dp140]{
    display: flex;
    gap: 2rem;
}
.legal-text__buttons-link[b-hyth5dp140]{
    background: var(--avantade_col2);
    color: white;
    padding: 1.2rem 4rem;
    text-align: center;
    width: fit-content;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    border-radius: 8px;
    width: 100%;
    border: 1px solid var(--avantade_col2);
}
.legal-text__buttons-link:hover[b-hyth5dp140]{
    background: var(--avantade_col2);
    color: white;
    padding: 1.2rem 4rem;
    text-align: center;
    width: fit-content;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    border-radius: 8px;
    width: 100%;
    border: 1px solid var(--avantade_col2);
}
/* _content/Avantade/Components/Pages/Users.razor.rz.scp.css */
/* _content/Avantade/Components/ProjectsGrid.razor.rz.scp.css */
html[b-ibuugvrz30], body[b-ibuugvrz30] {
    margin: 0;
    height: 100%;
}

.container[b-ibuugvrz30] {
    display: flex;
    height: 100vh;
}

.left[b-ibuugvrz30] {
    flex: 1;
    overflow-y: auto; /* Only left side scrolls */
    padding: 20px;
    background-color: white;
}

.right[b-ibuugvrz30] {
    flex: 1;
    overflow-y: auto; /* Only left side scrolls */
    padding: 20px;
    background-color: white;
}

h2[b-ibuugvrz30] {
    display: flex;
    align-items: center;
    gap: 10px;
}

h3[b-ibuugvrz30] {
    text-align: center;
    color: #333;
}


table.stored[b-ibuugvrz30] {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

    table.stored th[b-ibuugvrz30], table.stored td[b-ibuugvrz30] {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    table.stored th[b-ibuugvrz30] {
        background-color: #f8f8f8;
        color: #333;
        font-weight: bold;
    }

    table.stored tr:nth-child(even)[b-ibuugvrz30] {
        background-color: #f2f2f2;
    }

    table.stored tr:hover[b-ibuugvrz30] {
        background-color: #e9e9e9;
    }

    table.stored tr.projectNew[b-ibuugvrz30] {
        color: black
    }

    table.stored tr.projectArchived[b-ibuugvrz30] {
        color: silver;
    }

    table.stored tr.projectAccepted[b-ibuugvrz30] {
        font-weight: bold;
        color: red;
    }

    table.stored tr.projectLive[b-ibuugvrz30] {
        font-weight: bold;
        color: green;
    }

/* Inactive class */
.inactive[b-ibuugvrz30] {
    color: #ff4d4d;
    font-weight: bold;
}

/* Edit user section */
.edit-user[b-ibuugvrz30] {
}


label[b-ibuugvrz30],
input[b-ibuugvrz30] {
    display: inline-block;
    vertical-align: middle; /* aligns them nicely */
    margin-right: 10px; /* optional spacing between */
}


.form-container[b-ibuugvrz30] {
    display: flex;
    flex-direction: column;
}

    .form-container label[b-ibuugvrz30] {
        width: 200px;
        margin: 10px 0 5px;
    }

    [b-ibuugvrz30] .field, .form-container button[b-ibuugvrz30] {

        width: 300px;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #333 !important;
        border-radius: 4px;
    }

    .form-container button[b-ibuugvrz30] {
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    [b-ibuugvrz30] .fieldTextArea {
        width: 400px;
        height: 200px;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #333 !important;
        border-radius: 4px;
    }

    .form-container button:hover[b-ibuugvrz30] {
        background-color: #45a049;
    }

.user-link[b-ibuugvrz30]
{
    cursor:pointer;
    text-decoration:underline;
}


.user-search[b-ibuugvrz30] {
    display: flex;
    align-items: center; /* Vertically align items in the center */
    gap: 10px; /* Space between elements */
    flex-wrap: nowrap; /* Prevent wrapping to keep everything in one line */
    width: 100%; /* Ensure the form takes available width */
    padding: 10px; /* Optional: Add padding for better appearance */
}

    .user-search .form-content[b-ibuugvrz30] {
        display: flex;
        align-items: center;
        gap: 10px; /* Space between input and checkboxes */
        flex-wrap: nowrap; /* Keep all elements in one line */
    }

[b-ibuugvrz30].user-search-text,
[b-ibuugvrz30] .user-search-checkbox {
    margin: 0; /* Remove default margins */
    padding: 5px; /* Add padding for better appearance */
    height: 30px; /* Consistent height for inputs */
    box-sizing: border-box; /* Ensure padding doesn't affect size */
}

.user-search label[b-ibuugvrz30] {
    margin: 0; /* Remove default margins */
    white-space: nowrap; /* Prevent label text from wrapping */
    font-size: 14px; /* Adjust font size for compactness */
}

/* Optional: Style the text input */
[b-ibuugvrz30] .user-search-text {
    width: 200px; /* Adjust width as needed */
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 30px;
}

/* Optional: Style checkboxes for better appearance */
[b-ibuugvrz30] .user-search-checkbox {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Ensure the form itself doesn't add extra spacing */
.user-search form[b-ibuugvrz30] {
    display: contents; /* Remove form's default block behavior */
}
/* _content/Avantade/Components/ScenariosGrid.razor.rz.scp.css */

html[b-ue9kuwz3hv], body[b-ue9kuwz3hv] {
    margin: 0;
    height: 100%;
}

.container[b-ue9kuwz3hv] {
    display: flex;
    height: 100vh;
}

.left[b-ue9kuwz3hv] {
    flex: 1;
    overflow-y: auto; /* Only left side scrolls */
    padding: 20px;
    background-color: white;
}

.right[b-ue9kuwz3hv] {
    flex: 1;
    overflow-y: auto; /* Only left side scrolls */
    padding: 20px;
    background-color: white;
}

h2[b-ue9kuwz3hv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

h3[b-ue9kuwz3hv] {
    text-align: center;
    color: #333;
}


table.stored[b-ue9kuwz3hv] {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

    table.stored th[b-ue9kuwz3hv], table.stored td[b-ue9kuwz3hv] {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    table.stored th[b-ue9kuwz3hv] {
        background-color: #f8f8f8;
        color: #333;
        font-weight: bold;
    }

    table.stored tr:nth-child(even)[b-ue9kuwz3hv] {
        background-color: #f2f2f2;
    }

    table.stored tr:hover[b-ue9kuwz3hv] {
        background-color: #e9e9e9;
    }

    table.stored tr.scenarioLive[b-ue9kuwz3hv] {
        color: green;
    }

    table.stored tr.scenarioHidden[b-ue9kuwz3hv] {
        color: silver;
    }

/* Inactive class */
.inactive[b-ue9kuwz3hv] {
    color: #ff4d4d;
    font-weight: bold;
}

/* Edit user section */
.edit-user[b-ue9kuwz3hv] {
}


input[b-ue9kuwz3hv] {
    display: inline-block;
    vertical-align: middle; /* aligns them nicely */
    margin-right: 10px; /* optional spacing between */
}

label[b-ue9kuwz3hv] {
    display: inline-block;
    vertical-align: top; /* aligns them nicely */
    margin-right: 10px; /* optional spacing between */
}


.form-container[b-ue9kuwz3hv] {
    display: flex;
    flex-direction: column;
}

    .form-container label[b-ue9kuwz3hv] {
        width: 200px;
        margin: 10px 0 5px;
    }

    [b-ue9kuwz3hv] .field, .form-container button[b-ue9kuwz3hv] {

        width: 300px;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #333 !important;
        border-radius: 4px;
    }

    [b-ue9kuwz3hv] .fieldTextArea {
        width: 400px;
        height: 200px;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #333 !important;
        border-radius: 4px;
    }

    [b-ue9kuwz3hv] .fieldTextLong {
        width: 400px;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #333 !important;
        border-radius: 4px;
}

    .form-container button[b-ue9kuwz3hv] {
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    .form-container button:hover[b-ue9kuwz3hv] {
        background-color: #45a049;
    }
   
.user-link[b-ue9kuwz3hv]
{
    cursor:pointer;
    text-decoration:underline;
}


.user-search[b-ue9kuwz3hv] {
    display: flex;
    align-items: center; /* Vertically align items in the center */
    gap: 10px; /* Space between elements */
    flex-wrap: nowrap; /* Prevent wrapping to keep everything in one line */
    width: 100%; /* Ensure the form takes available width */
    padding: 10px; /* Optional: Add padding for better appearance */
}

    .user-search .form-content[b-ue9kuwz3hv] {
        display: flex;
        align-items: center;
        gap: 10px; /* Space between input and checkboxes */
        flex-wrap: nowrap; /* Keep all elements in one line */
    }

[b-ue9kuwz3hv].user-search-text,
[b-ue9kuwz3hv] .user-search-checkbox {
    margin: 0; /* Remove default margins */
    padding: 5px; /* Add padding for better appearance */
    height: 30px; /* Consistent height for inputs */
    box-sizing: border-box; /* Ensure padding doesn't affect size */
}

.user-search label[b-ue9kuwz3hv] {
    margin: 0; /* Remove default margins */
    white-space: nowrap; /* Prevent label text from wrapping */
    font-size: 14px; /* Adjust font size for compactness */
}

/* Optional: Style the text input */
[b-ue9kuwz3hv] .user-search-text {
    width: 200px; /* Adjust width as needed */
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 30px;
}

/* Optional: Style checkboxes for better appearance */
[b-ue9kuwz3hv] .user-search-checkbox {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Ensure the form itself doesn't add extra spacing */
.user-search form[b-ue9kuwz3hv] {
    display: contents; /* Remove form's default block behavior */
}
/* _content/Avantade/Components/SearchBox.razor.rz.scp.css */
.search-box-input[b-a1e0pz64zr] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.search-results[b-a1e0pz64zr] {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0 15px 15px 15px;
    border-radius: 5px;
    background-color: #fff;
    width: 500px;
    max-width: 500px;
    min-height: 365px;
    max-height: 365px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    box-shadow: 10px 10px 14px 0px rgba(0, 0, 0, 0.25);


    @media (max-width:768px) {
        max-width: initial;
        width: 100%;[b-a1e0pz64zr]
    }
}

.results-t__list[b-a1e0pz64zr],
.search-results-container[b-a1e0pz64zr] {
    display: flex;
    flex-direction: column;
}

.results-t__list[b-a1e0pz64zr] {
    gap: 10px;
    margin: 0 0 0 10px;
}

.search-results-container[b-a1e0pz64zr] {
    gap: 18px;
}

.results-t__title[b-a1e0pz64zr] {
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0;
    background: rgba(166, 186, 189, 0.2);
}

    .results-t__title[b-a1e0pz64zr]::before,
    .results-t__title[b-a1e0pz64zr]::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(166, 186, 189, 0.2);
        top: 0;
    }

    .results-t__title[b-a1e0pz64zr]::before {
        left: -100%;
    }

    .results-t__title[b-a1e0pz64zr]::after {
        right: -100%;
    }


.results-t__link[b-a1e0pz64zr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .results-t__link:hover[b-a1e0pz64zr] {
        color: var(--avantade_col2);
        text-decoration: underline;
    }

        .results-t__link:hover span[b-a1e0pz64zr] {
            text-decoration: none;
        }


    .results-t__link.link2[b-a1e0pz64zr] {
        justify-content: initial;
        align-items: baseline;
    }

.results-t__product[b-a1e0pz64zr] {
    display: grid;
    grid-template-columns: 75px 1fr 35px;
    gap: 10px;
    align-items: flex-start;
    border-bottom: solid 1px #A6BABD;
}

    .results-t__product:hover[b-a1e0pz64zr] {
        color: var(--avantade_col2);
        text-decoration: underline;
    }

        .results-t__product:hover span[b-a1e0pz64zr] {
            text-decoration: none;
        }

.prod__container[b-a1e0pz64zr] {
    width: 75px;
    height: 75px;
    background-color: rgba(166, 186, 189, 0.2);
    overflow: hidden;
}

    .prod__container img[b-a1e0pz64zr] {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
    }

.results-t__product p[b-a1e0pz64zr] {
    margin: 0;
}


.results-t__noResults[b-a1e0pz64zr] {
    text-align: center;
    padding: 20px 15px;
}

    .results-t__noResults p[b-a1e0pz64zr],
    .results-t__noResults a[b-a1e0pz64zr] {
        display: inline-block;
    }



.results-t__press[b-a1e0pz64zr] {
    display: flex;
    gap: 10px;
    border-bottom: solid 1px #A6BABD;
}



.press__container[b-a1e0pz64zr] {
    width: 45px;
    height: 45px;
    background-color: rgba(166, 186, 189, 0.2);
    overflow: hidden;
}

    .press__container img[b-a1e0pz64zr] {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
    }

.press__info[b-a1e0pz64zr] {
   width:100%;
}
.press__info2[b-a1e0pz64zr] {
    display: flex;
    justify-content: space-between;
}

.press__date[b-a1e0pz64zr] {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 7px 0;
}


.press__title[b-a1e0pz64zr] {
    margin: 0 0 5px 0;
}

.press__action[b-a1e0pz64zr] {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 5px 0;
}
/* _content/Avantade/Components/UsersGrid.razor.rz.scp.css */
html[b-ac81wplbnt], body[b-ac81wplbnt] {
    margin: 0;
    height: 100%;
}

.container[b-ac81wplbnt] {
    display: flex;
    height: 100vh;
}

.left[b-ac81wplbnt] {
    flex: 1;
    overflow-y: auto; /* Only left side scrolls */
    padding: 20px;
    background-color: white;
}

.right[b-ac81wplbnt] {
    flex: 1;
    overflow-y: auto; /* Only left side scrolls */
    padding: 20px;
    background-color: white;
}

h2[b-ac81wplbnt] {
    display: flex;
    align-items: center;
    gap: 10px;
}

h3[b-ac81wplbnt] {
    text-align: center;
    color: #333;
}


table.stored[b-ac81wplbnt] {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

    table.stored th[b-ac81wplbnt], table.stored td[b-ac81wplbnt] {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    table.stored th[b-ac81wplbnt] {
        background-color: #f8f8f8;
        color: #333;
        font-weight: bold;
    }

    table.stored tr:nth-child(even)[b-ac81wplbnt] {
        background-color: #f2f2f2;
    }

    table.stored tr:hover[b-ac81wplbnt] {
        background-color: #e9e9e9;
    }

    table.stored tr.userNew[b-ac81wplbnt] {
        font-weight: bold;
        color: red;
    }

    table.stored tr.userActive[b-ac81wplbnt] {
        color: green;
    }

    table.stored tr.userDeleted[b-ac81wplbnt] {
        color: silver;
    }


/* Inactive class */
.inactive[b-ac81wplbnt] {
    color: #ff4d4d;
    font-weight: bold;
}

/* Edit user section */
.edit-user[b-ac81wplbnt] {
}


label[b-ac81wplbnt],
input[b-ac81wplbnt] {
    display: inline-block;
    vertical-align: middle; /* aligns them nicely */
    margin-right: 10px; /* optional spacing between */
}


.form-container[b-ac81wplbnt] {
    display: flex;
    flex-direction: column;
}

    .form-container label[b-ac81wplbnt] {
        width: 200px;
        margin: 10px 0 5px;
    }

    [b-ac81wplbnt] .field, .form-container button[b-ac81wplbnt] {

        width: 300px;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #333 !important;
        border-radius: 4px;
    }

    .form-container button[b-ac81wplbnt] {
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    .form-container button:hover[b-ac81wplbnt] {
        background-color: #45a049;
    }

.user-link[b-ac81wplbnt]
{
    cursor:pointer;
    text-decoration:underline;
}



.user-search[b-ac81wplbnt] {
    display: flex;
    align-items: center; /* Vertically align items in the center */
    gap: 10px; /* Space between elements */
    flex-wrap: nowrap; /* Prevent wrapping to keep everything in one line */
    width: 100%; /* Ensure the form takes available width */
    padding: 10px; /* Optional: Add padding for better appearance */
}

    .user-search .form-content[b-ac81wplbnt] {
        display: flex;
        align-items: center;
        gap: 10px; /* Space between input and checkboxes */
        flex-wrap: nowrap; /* Keep all elements in one line */
    }

   [b-ac81wplbnt].user-search-text,
   [b-ac81wplbnt] .user-search-checkbox {
        margin: 0; /* Remove default margins */
        padding: 5px; /* Add padding for better appearance */
        height: 30px; /* Consistent height for inputs */
        box-sizing: border-box; /* Ensure padding doesn't affect size */
    }

    .user-search label[b-ac81wplbnt] {
        margin: 0; /* Remove default margins */
        white-space: nowrap; /* Prevent label text from wrapping */
        font-size: 14px; /* Adjust font size for compactness */
    }

    /* Optional: Style the text input */
    [b-ac81wplbnt] .user-search-text {
        width: 200px; /* Adjust width as needed */
        border: 1px solid #ccc;
        border-radius: 4px;
        height:30px;
    }

    /* Optional: Style checkboxes for better appearance */
    [b-ac81wplbnt] .user-search-checkbox {
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    /* Ensure the form itself doesn't add extra spacing */
    .user-search form[b-ac81wplbnt] {
        display: contents; /* Remove form's default block behavior */
    }

/* _content/Avantade/Components/Viewer.razor.rz.scp.css */
.avantade_listmenu__container[b-s1ixyq9h6f] {
    position: absolute;
    bottom: 31px;
    right: 36px;
    z-index: 3;
}
.avantade_listmenu-list[b-s1ixyq9h6f] {
    display: flex;
    gap: 2rem;
    background: white;
    border-radius: 1rem;
    padding: 1rem 3rem;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
[b-s1ixyq9h6f].avantade_listmenu-list li a{
    font-size: 14px;
    text-decoration: none;
    color: var(--avantade_col0);
    text-decoration: none;
}
[b-s1ixyq9h6f].avantade_listmenu-list li a:hover{
    color: var(--avantade_col2);
}