/* _content/NATISA/Pages/BackOffice/Admin/AccountDetails.razor.rz.scp.css */
h2[b-spka2q673e] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-spka2q673e] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-spka2q673e] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-spka2q673e]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-spka2q673e]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-spka2q673e] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-spka2q673e]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-spka2q673e]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-spka2q673e] {
    position: absolute;
}

    .up-bar > button[b-spka2q673e] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-spka2q673e] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        width: 300px;
        margin-top: 25px;
        margin-left: 300px;
    }

    .up-bar > h3[b-spka2q673e] {
        color: var(--mhb-green-bold);
        font-size: 15px;
        font-family: 'karlaregular';
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 500px;
    }

.name[b-spka2q673e] {
    height: 70px;
    width: 500px;
    left: 1550px;
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-spka2q673e] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.select-type[b-spka2q673e] {
    position: absolute;
    left: 320px;
    top: 160px;
}

    .select-type > h1[b-spka2q673e] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
    }

    .select-type > h3[b-spka2q673e] {
        font-family: 'karlaregular';
        font-size: 15px;
        color: #808080;
        width: 450px;
    }

.register-member[b-spka2q673e] {
    position: absolute;
    left: 300px;
    top: 220px;
}

    .register-member > h1[b-spka2q673e] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
        font-weight: lighter;
    }

    .register-member > h4[b-spka2q673e] {
        margin-top: -10px;
        font-family: 'karlaregular';
        color: grey;
        font-size: 18px;
        font-weight: lighter;
    }

    .register-member > h2[b-spka2q673e] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
    }

    .register-member > h3[b-spka2q673e] {
        position: absolute;
        top: 710px;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
        color: red;
    }

    .register-member > input[b-spka2q673e] {
        position: absolute;
        margin-left: -40px;
        top: 40px;
        height: 45px;
        left: 40px;
        border: 2px solid #80808080;
    }

    .register-member > .radio-select[b-spka2q673e] {
        position: absolute;
        top: 35px;
    }

        .register-member > .radio-select > input[b-spka2q673e] {
            width: 20px;
            height: 20px;
        }

        .register-member > .radio-select > label[b-spka2q673e] {
            position: absolute;
            font-family: 'karlaregular';
            font-weight: bold;
            margin-left: 5px;
        }

#Logi[b-spka2q673e] {
    margin-left: 200px;
}
/* _content/NATISA/Pages/BackOffice/Admin/Accounts.razor.rz.scp.css */
[b-f6xjuhx3ra] main {
    overflow-y: scroll;
}

h1[b-f6xjuhx3ra] {
    font-family: 'Glacial Indifference';
}

.products[b-f6xjuhx3ra] {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

ul[b-f6xjuhx3ra] {
    margin-top: 25px;
    overflow-y: scroll;
    height: 800px;
    gap: 15px;
    display: flex;
    flex-direction: column;
}

    ul > li[b-f6xjuhx3ra] {
        display: flex;
        flex-direction: row;
        background-color: white;
        border-radius: 20px;
        padding: 20px;
        margin-right: 200px;
        align-items: center;
        justify-content: space-between;
    }

        ul > li > div > *[b-f6xjuhx3ra] {
            margin: 0;
        }

.user[b-f6xjuhx3ra] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.user > div[b-f6xjuhx3ra] {
    padding: 5px;
    display: flex;
    flex-direction: row;
    width: 100px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.user > div > p[b-f6xjuhx3ra] {
    margin: 0;
}
    .user > div.frozen[b-f6xjuhx3ra] {
        background-color: #C1EFFF;
    }

    .user > div.active[b-f6xjuhx3ra] {
        background-color: #C4DFAA;
    }

.product-controls[b-f6xjuhx3ra] {
    display: flex;
    flex-direction: row;
    right: 10px;
    align-items: center;
    gap: 15px;
}

    [b-f6xjuhx3ra] .product-controls > button, [b-f6xjuhx3ra] .content > form > button {
        position: relative;
        right: 10px;
        border: none;
        background-color: transparent;
        width: 50px;
        height: 50px;
        border-radius: 5px;
        background-color: #9474dd30;
        -webkit-transition: background-color 250ms ease-in-out;
        -ms-transition: background-color 250ms ease-in-out;
        transition: background-color 250ms ease-in-out;
    }

        [b-f6xjuhx3ra] .product-controls > button:nth-child(1).selected {
            background-color: #C1EFFF;
            -webkit-transition: background-color 250ms ease-in-out;
            -ms-transition: background-color 250ms ease-in-out;
            transition: background-color 250ms ease-in-out;
        }

        [b-f6xjuhx3ra] .product-controls > button:nth-child(2).selected {
            background-color: #FFB3B3;
            -webkit-transition: background-color 250ms ease-in-out;
            -ms-transition: background-color 250ms ease-in-out;
            transition: background-color 250ms ease-in-out;
        }

#product-add-button[b-f6xjuhx3ra] {
    position: fixed;
    bottom: 50px;
    right: 50px;
    float: right;
    background-color: #9474dd50;
    color: #9474dd;
    font-size: 25px;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.create-ambassador[b-f6xjuhx3ra] {
    margin-top: 50px;
    margin-left: 35px;
}

.create-ambassador > h2[b-f6xjuhx3ra] {
    font-family: 'Glacial Indifference';
    font-size: 24px;
    margin-bottom: 15px;
}

[b-f6xjuhx3ra] .create-ambassador > form > label > input {
    border-radius: 6px;
    border: 1px solid black;
    margin-right: 5px;
    margin-left: 15px;
    padding: 5px;
}

[b-f6xjuhx3ra] .create-ambassador > form > label > button {
    border-radius: 6px;
    border: 1px solid black;
}
/* _content/NATISA/Pages/BackOffice/Admin/AddMember.razor.rz.scp.css */

.loader[b-r50i8ltixa] {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100vw;
    height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.line[b-r50i8ltixa] {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #B7CDC2;
}

.load .line:nth-last-child(1)[b-r50i8ltixa] {
    animation: loadingAnimation-b-r50i8ltixa 0.6s 0.1s linear infinite;
}

.load .line:nth-last-child(2)[b-r50i8ltixa] {
    animation: loadingAnimation-b-r50i8ltixa 0.6s 0.2s linear infinite;
}

.load .line:nth-last-child(3)[b-r50i8ltixa] {
    animation: loadingAnimation-b-r50i8ltixa 0.6s 0.3s linear infinite;
}


.l[b-r50i8ltixa] {
    animation-delay: 0.72s;
}

@keyframes loadingAnimation-b-r50i8ltixa {
    0 {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

h2[b-r50i8ltixa] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-r50i8ltixa] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-r50i8ltixa] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-r50i8ltixa]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-r50i8ltixa]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-r50i8ltixa] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-r50i8ltixa]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-r50i8ltixa]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-r50i8ltixa] {
    position: absolute;
}

    .up-bar > button[b-r50i8ltixa] {
        margin-left: 1250px;
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-r50i8ltixa] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

    .up-bar > h3[b-r50i8ltixa] {
        color: var(--mhb-green-bold);
        font-size: 15px;
        font-family: 'karlaregular';
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 500px;
    }

.name[b-r50i8ltixa] {
    height: 70px;
    width: 500px;
    left: 1550px;
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-r50i8ltixa] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.select-type[b-r50i8ltixa] {
    position: absolute;
    left: 320px;
    top: 160px;
}

    .select-type > h1[b-r50i8ltixa] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
    }

    .select-type > h3[b-r50i8ltixa] {
        font-family: 'karlaregular';
        font-size: 15px;
        color: #808080;
        width: 450px;
    }

.register-member[b-r50i8ltixa] {
    position: absolute;
    left: 1000px;
    top: 170px;
}

    .register-member > h1[b-r50i8ltixa] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 28px;
        top: 50px;
        left: 40px;
    }

    .register-member > h2[b-r50i8ltixa] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
    }

    .register-member > h3[b-r50i8ltixa] {
        position: absolute;
        top: 710px;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
        color: red;
    }

    .register-member > input[b-r50i8ltixa] {
        position: absolute;
        margin-left: -40px;
        top: 40px;
        height: 45px;
        left: 40px;
        border: 2px solid #80808080;
    }

    .register-member > .radio-select[b-r50i8ltixa] {
        position: absolute;
        top: 140px;
    }

        .register-member > .radio-select > input[b-r50i8ltixa] {
            width: 20px;
            height: 20px;
        }

        .register-member > .radio-select > label[b-r50i8ltixa] {
            position: absolute;
            font-family: 'karlaregular';
            font-weight: bold;
            margin-left: 5px;
            
        }

#Logi[b-r50i8ltixa] {
    margin-left: 200px;
}
/* _content/NATISA/Pages/BackOffice/Admin/Administrateur.razor.rz.scp.css */

.Pop_Up_Delete[b-46vyoz1p8o] {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100vw;
    height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
    Z-INDEX: 2;
}

    .Pop_Up_Delete > div[b-46vyoz1p8o] {
        display: flex;
        background: white;
        border-radius: 15px;
        flex-direction: column;
        align-items: center;
    }

        .Pop_Up_Delete > div > h2[b-46vyoz1p8o] {
            padding: 25px;
        }

        .Pop_Up_Delete > div > div[b-46vyoz1p8o] {
            margin: 15px;
        }

h2[b-46vyoz1p8o] {
    font-size: 15px;
    font-family: 'karlaregular';
}

p[b-46vyoz1p8o] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.flat-button:hover[b-46vyoz1p8o] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-46vyoz1p8o] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-46vyoz1p8o]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-46vyoz1p8o]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-46vyoz1p8o] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-46vyoz1p8o]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-46vyoz1p8o]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-46vyoz1p8o] {
    position: absolute;
}

    .up-bar > button[b-46vyoz1p8o] {
        margin-left: calc(100vw - 700px);
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-46vyoz1p8o] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

.name[b-46vyoz1p8o] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-46vyoz1p8o] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-46vyoz1p8o] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-46vyoz1p8o] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-46vyoz1p8o] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-46vyoz1p8o] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-46vyoz1p8o] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 117px;
        border: 2px solid #80808080;
    }



.delete[b-46vyoz1p8o] {
    position: absolute;
    left: 700px;
    top: 360px;
    width: 800px;
    height: 380px;
    background-color: white;
    border: 2px solid #80808080;
    border-radius: 4px 4px 4px 4px;
    z-index: 2;
}

    .delete > h1[b-46vyoz1p8o] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 28px;
        top: 50px;
        left: 40px;
    }

    .delete > h2[b-46vyoz1p8o] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        width: 720px;
        color: #808080;
    }


.white-select[b-46vyoz1p8o] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 310px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-46vyoz1p8o] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 32px;
        z-index: 2;
    }

    .white-select > h2[b-46vyoz1p8o] {
        position: absolute;
        top: 22px;
        left: 60px;
    }

/* _content/NATISA/Pages/BackOffice/Admin/Ambassadrices.razor.rz.scp.css */

.Pop_Up_Delete[b-8ns84r3zta] {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100vw;
    height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
    Z-INDEX: 2;
}
    .Pop_Up_Delete > div[b-8ns84r3zta] {
        display: flex;
        background: white;
        border-radius: 15px;
        flex-direction: column;
        align-items: center;
    }
    .Pop_Up_Delete > div > h2[b-8ns84r3zta] {
        padding :25px;
    }
    .Pop_Up_Delete > div > div[b-8ns84r3zta]{
        margin:15px;
   
    }
    .loader[b-8ns84r3zta] {
        background: rgba(0,0,0,0.4);
        position: absolute;
        width: 100vw;
        height: 100vh;
        align-items: center;
        display: flex;
        justify-content: center;
        Z-INDEX: 2;
    }

.line[b-8ns84r3zta] {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #B7CDC2;
}

.load .line:nth-last-child(1)[b-8ns84r3zta] {
    animation: loadingAnimation-b-8ns84r3zta 0.6s 0.1s linear infinite;
}

.load .line:nth-last-child(2)[b-8ns84r3zta] {
    animation: loadingAnimation-b-8ns84r3zta 0.6s 0.2s linear infinite;
}

.load .line:nth-last-child(3)[b-8ns84r3zta] {
    animation: loadingAnimation-b-8ns84r3zta 0.6s 0.3s linear infinite;
}


.l[b-8ns84r3zta] {
    animation-delay: 0.72s;
}
@keyframes loadingAnimation-b-8ns84r3zta {
    0 {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

h2[b-8ns84r3zta] {
    font-size: 15px;
    font-family: 'karlaregular';
}

p[b-8ns84r3zta] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.flat-button:hover[b-8ns84r3zta] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-8ns84r3zta] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-8ns84r3zta]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-8ns84r3zta]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-8ns84r3zta] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-8ns84r3zta]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-8ns84r3zta]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-8ns84r3zta] {
    position: absolute;
}

    .up-bar > button[b-8ns84r3zta] {
        margin-left: calc(100vw - 700px);
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-8ns84r3zta] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

.name[b-8ns84r3zta] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-8ns84r3zta] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-8ns84r3zta] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-8ns84r3zta] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-8ns84r3zta] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-8ns84r3zta] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-8ns84r3zta] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 117px;
        border: 2px solid #80808080;
    }

.search[b-8ns84r3zta] {
    position: absolute;
    top: 100px;
    left: 280px;
    z-index: 1;
}

    .search > .download[b-8ns84r3zta] {
        background-color: white;
        position: absolute;
        width: 1550px;
        height: 110px;
        border: 2px solid #80808080;
        border-radius: 5px 5px 0px 0px;
    }

    .search > .download > h1[b-8ns84r3zta] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 25px;
        margin-top: 40px;
        margin-left: 25px;
    }

    .search > .download > button[b-8ns84r3zta] {
        position: absolute;
        left: 1120px;
        top: 30px;
    }

    .search > .search-bar[b-8ns84r3zta] {
        background-color: white;
        position: absolute;
        width: 1550px;
        height: 110px;
        top: 105px;
        border: 2px solid #80808080;
        border-radius: 0px 0px 5px 5px;
    }

        .search > .search-bar > img[b-8ns84r3zta] {
            margin-left: -50px;
            margin-top: 40px;
            position: absolute;
            width: 30px;
            height: 30px;
            cursor: pointer;
        }

        .search > .search-bar > [b-8ns84r3zta]::placeholder {
            font-size: 25px;
            font-family: 'karlaregular';
            font-style: italic;
        }

        .search > .search-bar > input[b-8ns84r3zta] {
            width: 700px;
            height: 50px;
            margin-left: 20px;
            margin-top: 30px;
            border: 2px solid #80808080;
        }

        .search > .search-bar > h3[b-8ns84r3zta] {
            margin-top: -35px;
            position: absolute;
            font-family: 'karlaregular';
            font-size: 20px;
            margin-left: 830px;
        }

.date-title[b-8ns84r3zta] {
    position: absolute;
    left: 300px;
    top: 75px;
    width: 1000px;
    height:200px;
}

.date-select[b-8ns84r3zta] {
    z-index: 1;
    position: absolute;
    left: 105px;
    top: 37px;
    width: 460px;
    height: 170px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
    z-index: 2;
}

    .date-select > h1[b-8ns84r3zta] {
        margin-top: 20px;
        margin-left: 20px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > h2[b-8ns84r3zta] {
        margin-top: 20px;
        margin-left: 50px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > p[b-8ns84r3zta] {
        font-family: 'karlaregular';
        font-size: 12px;
        color: #707070;
        margin-left: 20px;
        margin-top: 30px;
    }

    .date-select > input[b-8ns84r3zta] {
        width: 320px;
        position: absolute;
        margin-top: -40px;
        margin-left: 100px;
        border: 2px solid #80808095;
        border-radius: 5px 5px 5px 5px;
    }

.register-date[b-8ns84r3zta] {
    z-index: 2;
    position: absolute;
    left: 105px;
    top: 200px;
    width: 460px;
    height: 100px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .register-date > button[b-8ns84r3zta] {
        position: absolute;
        top: 30px;
        left: 70px;
    }

.date-label[b-8ns84r3zta] {
    position: absolute;
    left: 105px;
    width: 460px;
    top: 0px;
    height: 40px;
    border-radius: 5px 5px 5px 5px;
    z-index:2;
}

    .date-label > p[b-8ns84r3zta] {
        position: absolute;
    }

    .date-label > img[b-8ns84r3zta] {
        height: 20px;
        width: 20px;
        left: 0;
        position: absolute;
    }

.ambassadrices-infos[b-8ns84r3zta] {
    position: absolute;
    top: 330px;
    left: 280px;
}

    .ambassadrices-infos > .desc-bar[b-8ns84r3zta] {
        position: absolute;
        width: 1550px;
        height: 80px;
        background-color: #70707060;
        border: 2px solid #80808080;
        border-radius: 5px 5px 0px 0px;
    }

    .ambassadrices-infos > .desc-bar > div[b-8ns84r3zta] {
        position: absolute;
        top: 25px;
        left: 15px;
    }

    .ambassadrices-infos > .desc-bar > div > p[b-8ns84r3zta] {
        font-family: 'karlaregular';
        font-size: 15px;
        display: inline-block;
        margin-right: 50px;
    }

    .ambassadrices-infos > .info-scroll[b-8ns84r3zta] {
        scroll-behavior: smooth;
        position: absolute;
        top: 80px;
        height: 570px;
        width: 1550px;
    }

.info-id[b-8ns84r3zta] {
    position: absolute;
    height: 120px;
    width: 1533px;
    background-color: #70707020;
    border: 2px solid #80808080;
}

    .info-id > .id-display[b-8ns84r3zta] {
        margin-top: -2px;
        left: 0;
        margin-bottom: 120px;
        position: absolute;
        height: 120px;
        width: 40px;
        border: 2px solid #80808080;
    }

        .info-id > .id-display > p[b-8ns84r3zta] {
            position: absolute;
            left: 7px;
            top: 10px;
        }

    .info-id > p[b-8ns84r3zta] {
        font-family: 'karlaregular';
        font-size: 13px;
        position: absolute;
        top: 15px;
    }

    .info-id > h3[b-8ns84r3zta] {
        display: inline-block;
        position: absolute;
        font-size: 15px;
        font-family: 'karlaregular';
        top: 16px;
        left: 1380px;
    }

    .info-id > input[b-8ns84r3zta] {
        position: absolute;
        margin-left: 100px;
        top: 20px;
        width: 12px;
        height: 12px;
        left: 1330px;
    }

    .info-id > a[b-8ns84r3zta] {
        font-family: 'karlaregular';
        font-size: 13px;
        position: absolute;
        top: 15px;
    }

.modif-blur[b-8ns84r3zta] {
    position: absolute;
    width: 1680px;
    height: 1000px;
    top: 70px;
    left: 240px;
    background-color: #FFFFFF80;
    z-index: 2;
}

.modif[b-8ns84r3zta] {
    position: absolute;
    left: 700px;
    top: 150px;
    width: 800px;
    height: 800px;
    background-color: white;
    border: 2px solid #80808080;
    border-radius: 4px 4px 4px 4px;
    z-index: 2;
}

    .modif > h1[b-8ns84r3zta] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 28px;
        top: 50px;
        left: 40px;
    }

    .modif > h2[b-8ns84r3zta] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
    }

    .modif > input[b-8ns84r3zta] {
        position: absolute;
        height: 45px;
        left: 40px;
        border: 2px solid #80808080;
    }

.delete[b-8ns84r3zta] {
    position: absolute;
    left: 700px;
    top: 360px;
    width: 800px;
    height: 380px;
    background-color: white;
    border: 2px solid #80808080;
    border-radius: 4px 4px 4px 4px;
    z-index: 2;
}

    .delete > h1[b-8ns84r3zta] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 28px;
        top: 50px;
        left: 40px;
    }

    .delete > h2[b-8ns84r3zta] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        width: 720px;
        color: #808080;
    }

.pages-select[b-8ns84r3zta] {
    position: absolute;
    top: 650px;
    width: 1550px;
    height: 80px;
    background-color: #70707060;
    border: 2px solid #80808080;
    border-radius: 0px 0px 5px 5px;
}

.pages-number[b-8ns84r3zta] {
    position: absolute;
    width: 100px;
    height: 50px;
    left: 950px;
}

    .pages-number > h2[b-8ns84r3zta] {
        font-family: 'karlaregular';
        font-size: 15px;
        position: absolute;
        top: 30px;
    }

    .pages-number > p[b-8ns84r3zta] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 15px;
        left: 140px;
        top: 28px;
    }

    .pages-number > .select-number[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 80px;
        top: 20px;
        width: 50px;
        height: 35px;
    }

        .pages-number > .select-number > p[b-8ns84r3zta] {
            font-family: 'karlaregular';
            font-size: 15px;
            position: absolute;
            top: 4px;
            left: 5px;
        }

        .pages-number > .select-number > img[b-8ns84r3zta] {
            position: absolute;
            left: 28px;
            top: 10px;
        }

.pages-navigation[b-8ns84r3zta] {
    position: absolute;
    left: 1230px;
    top: 20px;
    width: 286px;
    height: 35px;
    border: 2px solid #808080;
    border-radius: 2px 2px 2px 2px;
}

    .pages-navigation > .go-first[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: -2px;
    }

        .pages-navigation > .go-first > img[b-8ns84r3zta] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

    .pages-navigation > .go-back[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 46px;
    }

        .pages-navigation > .go-back > img[b-8ns84r3zta] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .around-first[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 79px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-first > p[b-8ns84r3zta] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-second[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 105px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-second > p[b-8ns84r3zta] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-third[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 131px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-third > p[b-8ns84r3zta] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .choose-page[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 157px;
        height: 35px;
        top: -2px;
        width: 46px;
    }

        .pages-navigation > .choose-page > p[b-8ns84r3zta] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 16px;
        }

    .pages-navigation > .go-next[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 201px;
    }

        .pages-navigation > .go-next > img[b-8ns84r3zta] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .go-last[b-8ns84r3zta] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: 234px;
    }

        .pages-navigation > .go-last > img[b-8ns84r3zta] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

.pages-navigation[b-8ns84r3zta] {
    cursor: pointer;
}

.white-select[b-8ns84r3zta] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 130px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-8ns84r3zta] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 32px;
        z-index: 2;
    }

    .white-select > h2[b-8ns84r3zta] {
        position: absolute;
        top: 22px;
        left: 60px;
    }

/* _content/NATISA/Pages/BackOffice/Admin/Compta.razor.rz.scp.css */
.white-select[b-86zf8k8pf4] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 250px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-86zf8k8pf4] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 32px;
        z-index: 2;
    }

    .white-select > h2[b-86zf8k8pf4] {
        position: absolute;
        top: 22px;
        left: 60px;
    }
.name-expand[b-86zf8k8pf4] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-86zf8k8pf4] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-86zf8k8pf4] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-86zf8k8pf4] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-86zf8k8pf4] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 117px;
        border: 2px solid #80808080;
    }

.name[b-86zf8k8pf4] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-86zf8k8pf4] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.up-bar[b-86zf8k8pf4] {
    position: absolute;
}

    .up-bar > button[b-86zf8k8pf4] {
        margin-left: calc(100vw - 700px);
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-86zf8k8pf4] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

h2[b-86zf8k8pf4] {
    font-size: 15px;
    font-family: 'karlaregular';
}

p[b-86zf8k8pf4] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.content[b-86zf8k8pf4]{

    position: absolute;
    top: 200px;
    left: 500px
}
    .content > button[b-86zf8k8pf4]{
        border: none;
        border-radius: 20px;
        padding: 10px;
        background-color: antiquewhite;
    }
    .content > h1[b-86zf8k8pf4]{
        white-space: nowrap;
    }
/* _content/NATISA/Pages/BackOffice/Admin/Diagnostics.razor.rz.scp.css */
h2[b-w8hmxutyu8] {
    font-size: 15px;
    font-family: 'karlaregular';
}

h4[b-w8hmxutyu8] {
    font-family: 'karlaregular';
}

p[b-w8hmxutyu8] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.flat-button:hover[b-w8hmxutyu8] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-w8hmxutyu8] {
    position: absolute;
    top: 0px;
}

    .up-bar > button[b-w8hmxutyu8] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-w8hmxutyu8] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
        display: inline-block;
        white-space: nowrap;
    }

.name[b-w8hmxutyu8] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-w8hmxutyu8] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-w8hmxutyu8] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-w8hmxutyu8] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-w8hmxutyu8] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-w8hmxutyu8] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-w8hmxutyu8] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

.white-select[b-w8hmxutyu8] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 370px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-w8hmxutyu8] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 32px;
        z-index: 2;
    }

    .white-select > h2[b-w8hmxutyu8] {
        display: inline-block;
        white-space: nowrap;
        position: absolute;
        top: 22px;
        left: 60px;
    }

.title[b-w8hmxutyu8] {
    position: absolute;
    top: 119px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 5px;

}

    .title > h1[b-w8hmxutyu8] {
        margin-top: 30px;
        margin-left: 20px;
    }

.title-detail[b-w8hmxutyu8] {
    position: absolute;
    top: 119px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 5px 5px 0px 0px;
}

    .title-detail > h1[b-w8hmxutyu8] {
        margin-top: 30px;
        margin-left: 20px;
    }

.back-global[b-w8hmxutyu8] {
    position: absolute;
    top: 216px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 0px 0px 5px 5px;
}

    .back-global > h2[b-w8hmxutyu8] {
        position: absolute;
        margin-top: 40px;
        margin-left: 50px;
        text-decoration: underline;
        color: #0C5AC1;
    }

    .back-global > h2:hover[b-w8hmxutyu8] {
        cursor: pointer;
    }

    .back-global > img[b-w8hmxutyu8] {
        position: absolute;
        margin-top: 42px;
        margin-left: 30px;
    }

.show-no-details > button[b-w8hmxutyu8] {
    background-color: #D9D9D9;
}

    .show-no-details > button:hover[b-w8hmxutyu8] {
        cursor: not-allowed;
        background-color: #D9D9D9;
    }

.results[b-w8hmxutyu8] {
    position: absolute;
    top: 940px;
    left: 300px;
    height: 60px;
    width: 1550px;
    background-color: white;
    border-left: 1px solid #70707050;
    border-right: 1px solid #70707050;
    border-bottom: 1px solid #70707050;
    border-radius: 0px 0px 5px 5px;
}

    .results > p[b-w8hmxutyu8] {
        position: absolute;
        top: 20px;
        left: 10px;
        font-size: 15px;
    }

.results-detail[b-w8hmxutyu8] {
    position: absolute;
    top: 840px;
    left: 300px;
    height: 60px;
    width: 1550px;
    background-color: white;
    border-left: 1px solid #70707050;
    border-right: 1px solid #70707050;
    border-bottom: 1px solid #70707050;
    border-radius: 0px 0px 5px 5px;
}

    .results-detail > p[b-w8hmxutyu8] {
        position: absolute;
        top: 20px;
        left: 10px;
        font-size: 15px;
    }

.order-info[b-w8hmxutyu8] {
    position: absolute;
    z-index: 10;
    left: 680px;
    top: 119px;
    width: 800px;
    height: 780px;
    border: 2px solid grey;
    background-color: white;
}

    .order-info > h1[b-w8hmxutyu8] {
        position: absolute;
        left: 30px;
        top: 30px;
    }

    .order-info > img[b-w8hmxutyu8] {
        position: absolute;
        width: 25px;
        height: 25px;
        left: 730px;
        top: 40px;
    }

        .order-info > img:hover[b-w8hmxutyu8] {
            cursor: pointer;
        }

    .order-info > .order-status[b-w8hmxutyu8] {
        position: absolute;
        top: 110px;
        left: 180px;
    }

        .order-info > .order-status > p[b-w8hmxutyu8] {
            position: absolute;
            margin-top: 8px;
            margin-left: -150px;
        }

    .order-info > .order-client-info[b-w8hmxutyu8] {
        position: absolute;
        top: 190px;
        left: 30px;
    }

        .order-info > .order-client-info > p[b-w8hmxutyu8] {
            position: absolute;
        }

    .order-info > .order-info-grid[b-w8hmxutyu8] {
        position: absolute;
    }

    .order-info > .order-info-recap[b-w8hmxutyu8] {
        position: absolute;
        top: 559px;
        left: 30px;
        width: 725px;
        height: 110px;
        background-color: white;
        border: 1px solid #80808050;
    }

        .order-info > .order-info-recap > h4[b-w8hmxutyu8] {
            margin-top: 10px;
            margin-left: 10px;
        }

    .order-info > .order-info-results[b-w8hmxutyu8] {
        position: absolute;
        top: 560px;
        left: 650px;
    }

        .order-info > .order-info-results > h4[b-w8hmxutyu8] {
            margin-top: 10px;
        }

    .order-info > .order-info-total[b-w8hmxutyu8] {
        position: absolute;
        top: 668px;
        left: 30px;
        background-color: white;
        border: 1px solid #80808050;
        width: 725px;
        height: 45px;
    }

        .order-info > .order-info-total > h4[b-w8hmxutyu8] {
            position: absolute;
            top: 13px;
            left: 10px;
        }

    .order-info > button[b-w8hmxutyu8] {
        position: absolute;
        top: 760px;
        left: 200px;
    }

        .order-info > button > h3[b-w8hmxutyu8] {
            margin-top: 10px;
        }
/* _content/NATISA/Pages/BackOffice/Admin/Graph.razor.rz.scp.css */
h2[b-et70ptqwdn] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-et70ptqwdn] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-et70ptqwdn] {
    position: absolute;
    top: 0px;
}

    .up-bar > button[b-et70ptqwdn] {
        margin-left: 1250px;
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-et70ptqwdn] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

.name[b-et70ptqwdn] {
    height: 70px;
    width: 500px;
    left: 1550px;
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-et70ptqwdn] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-et70ptqwdn] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: 1550px;
    margin-top: -57px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-et70ptqwdn] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-et70ptqwdn] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-et70ptqwdn] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-et70ptqwdn] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 117px;
        border: 2px solid #80808080;
    }

.white-select[b-et70ptqwdn] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 130px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-et70ptqwdn] {
        position: absolute;
        top: 22px;
        left: 30px;
    }

    .white-select > h2[b-et70ptqwdn] {
        position: absolute;
        top: 22px;
        left: 60px;
    }

.graph[b-et70ptqwdn] {
    position: absolute;
    left: 550px;
    top: 250px;
    width: 1300px;
    height: 300px;
}

.graph:hover[b-et70ptqwdn] {
    cursor: pointer;
}

.graph-select[b-et70ptqwdn] {
    position: absolute;
    left: 300px;
    top: 220px;
    width: 200px;
}

    .graph-select > h1[b-et70ptqwdn] {
        font-family: 'karlaregular';
        font-size: 22px;
        margin-top: -30px;
        margin-left: 75px;
    }

    .graph-select > h2[b-et70ptqwdn] {
        font-family: 'karlaregular';
        font-size: 15px;
        margin-top: -18px;
        margin-left: 30px;
    }

.selector[b-et70ptqwdn] {
    left: 100px;
    top: 100px;
    width: 20px;
    height: 20px;
    margin-top: 60px;
    border-radius: 3px 3px 3px 3px;
}

    .selector > img[b-et70ptqwdn] {
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
    }

.selector-empty[b-et70ptqwdn] {
    width: 20px;
    height: 20px;
    left: 100px;
    top: 100px;
    margin-top: 60px;
    background-color: #E0E0E0;
    border-radius: 3px 3px 3px 3px;
}

    .selector-empty:hover[b-et70ptqwdn] {
        cursor: pointer;
    }

.title[b-et70ptqwdn] {
    position: absolute;
    top: 180px;
    left: 600px;
    width: 600px;
}

.date-select[b-et70ptqwdn] {
    z-index: 2;
    position: absolute;
    left: 1050px;
    top: 73px;
    width: 460px;
    height: 170px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .date-select > h1[b-et70ptqwdn] {
        margin-top: 20px;
        margin-left: 20px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > h2[b-et70ptqwdn] {
        margin-top: 20px;
        margin-left: 50px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > p[b-et70ptqwdn] {
        font-family: 'karlaregular';
        font-size: 12px;
        color: #707070;
        margin-left: 20px;
        margin-top: 30px;
    }

    .date-select > input[b-et70ptqwdn] {
        width: 320px;
        position: absolute;
        margin-top: -40px;
        margin-left: 100px;
        border: 2px solid #80808095;
        border-radius: 5px 5px 5px 5px;
    }

.register-date[b-et70ptqwdn] {
    position: absolute;
    left: 1050px;
    top: 241px;
    width: 460px;
    height: 100px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .register-date > button[b-et70ptqwdn] {
        position: absolute;
        top: 30px;
        left: 70px;
    }

.date-selector[b-et70ptqwdn] {
    position: absolute;
    top: 145px;
    left: 280px;
    width: 1550px;
    height: 110px;
    z-index: 4;
}

    .date-selector > h1[b-et70ptqwdn] {
        position: absolute;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        margin-top: 40px;
        margin-left: 30px;
        font-size: 25px;
    }

    .date-selector > p[b-et70ptqwdn] {
        font-size: 13px;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 45px;
        display: inline;
    }

    .date-selector > button[b-et70ptqwdn] {
        position: absolute;
        display: inline;
        white-space: nowrap;
        border: 2px solid #808080;
    }

        .date-selector > button > p[b-et70ptqwdn] {
            font-family: 'karlaregular';
            font-weight: bold;
            margin-top: 15px;
            margin-left: 10px;
            margin-right: 10px;
            font-size: 10px;
        }

        .date-selector > button > img[b-et70ptqwdn] {
            width: 20px;
            height: 20px;
        }

    .date-selector > .date-label[b-et70ptqwdn] {
        left: 1050px;
        width: 460px;
        top: 35px;
        height: 40px;
        border-radius: 5px 5px 0px 0px;
    }

        .date-selector > .date-label > p[b-et70ptqwdn] {
            position: absolute;
        }

        .date-selector > .date-label > img[b-et70ptqwdn] {
            left: 0;
            position: absolute;
        }
/* _content/NATISA/Pages/BackOffice/Admin/GridTest.razor.rz.scp.css */
/* _content/NATISA/Pages/BackOffice/Admin/Home.razor.rz.scp.css */
h2[b-p0x0lu0c8j] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-p0x0lu0c8j] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-p0x0lu0c8j] {
    position: absolute;
}

    .up-bar > button[b-p0x0lu0c8j] {
        margin-left: calc(100vw - 700px);
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-p0x0lu0c8j] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

.name[b-p0x0lu0c8j] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-p0x0lu0c8j] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-p0x0lu0c8j] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-p0x0lu0c8j] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-p0x0lu0c8j] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-p0x0lu0c8j] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-p0x0lu0c8j] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }



.results[b-p0x0lu0c8j] {
    background-color: white;
    position: absolute;
    top: 100px;
    left: 280px;
    width: 1010px;
    height: 110px;
    border: 2px solid #80808080;
    border-radius: 5px 5px 0px 0px;
    z-index: auto;
}

    .results > h1[b-p0x0lu0c8j] {
        position: absolute;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        margin-top: 40px;
        margin-left: 30px;
        font-size: 25px;
    }

    .results > p[b-p0x0lu0c8j] {
        font-size: 13px;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 45px;
        display: inline;
    }

    .results > button[b-p0x0lu0c8j] {
        position: absolute;
        left: 800px;
        display: inline;
        white-space: nowrap;
        border: 2px solid #808080;
    }

        .results > button > p[b-p0x0lu0c8j] {
            font-family: 'karlaregular';
            font-weight: bold;
            margin-top: 15px;
            margin-left: 10px;
            margin-right: 10px;
            font-size: 10px;
        }

        .results > button > img[b-p0x0lu0c8j] {
            width: 20px;
            height: 20px;
        }

    .results > .date-label[b-p0x0lu0c8j] {
        left: 520px;
        width: 460px;
        top: 35px;
        height: 40px;
        border-radius: 5px 5px 0px 0px;
    }

        .results > .date-label > p[b-p0x0lu0c8j] {
            position: absolute;
        }

        .results > .date-label > img[b-p0x0lu0c8j] {
            left: 0;
            position: absolute;
        }

.date-select[b-p0x0lu0c8j] {
    z-index: 2;
    position: absolute;
    left: 520px;
    top: 73px;
    width: 460px;
    height: 170px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .date-select > h1[b-p0x0lu0c8j] {
        margin-top: 20px;
        margin-left: 20px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > h2[b-p0x0lu0c8j] {
        margin-top: 20px;
        margin-left: 50px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > p[b-p0x0lu0c8j] {
        font-family: 'karlaregular';
        font-size: 12px;
        color: #707070;
        margin-left: 20px;
        margin-top: 30px;
    }

    .date-select > input[b-p0x0lu0c8j] {
        width: 320px;
        position: absolute;
        margin-top: -40px;
        margin-left: 100px;
        border: 2px solid #80808095;
        border-radius: 5px 5px 5px 5px;
    }

.register-date[b-p0x0lu0c8j] {
    position: absolute;
    left: 520px;
    top: 241px;
    width: 460px;
    height: 100px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
    z-index: 99;
}

    .register-date > button[b-p0x0lu0c8j] {
        position: absolute;
        top: 30px;
        left: 70px;
    }

.sales[b-p0x0lu0c8j] {
    position: absolute;
    background-color: white;
    left: -2px;
    top: 106px;
    height: 120px;
    width: 250px;
    border: 2px solid #80808080;
}

.nb-diagnostic[b-p0x0lu0c8j] {
    top: 224px;
    left: -2px;
}

.nb-order[b-p0x0lu0c8j] {
    top: 224px;
    left: 330px;
}

.nb-order-from-one-diagnostic[b-p0x0lu0c8j] {
    top: 224px;
    left: 668px;
}

.total-products[b-p0x0lu0c8j] {
    top: 106px;
    left: 330px;
}

.average-cart[b-p0x0lu0c8j] {
    top: 106px;
    left: 668px;
}

.total-active[b-p0x0lu0c8j] {
    top: 342px;
    left: -2px;
}

.total-ambassadrice[b-p0x0lu0c8j] {
    top: 342px;
    left: 330px;
}

.results-numbers > div[b-p0x0lu0c8j] {
    position: absolute;
    background-color: white;
    height: 120px;
    width: 340px;
    border: 2px solid #80808080;
}

    .results-numbers > div > h3[b-p0x0lu0c8j] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 13px;
        font-weight: bold;
        top: 25px;
        left: 35px;
    }


    .results-numbers > div > h2[b-p0x0lu0c8j] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 20px;
        left: 35px;
        top: 65px;
    }

.white-select[b-p0x0lu0c8j] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 70px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-p0x0lu0c8j] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 32px;
        z-index: 2;
    }

    .white-select > h2[b-p0x0lu0c8j] {
        position: absolute;
        top: 22px;
        left: 60px;
    }
/* _content/NATISA/Pages/BackOffice/Admin/Order.razor.rz.scp.css */
.loader[b-8oi1xlyxe0] {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100vw;
    height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
    Z-INDEX: 999;
}

.line[b-8oi1xlyxe0] {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #B7CDC2;
}

.load .line:nth-last-child(1)[b-8oi1xlyxe0] {
    animation: loadingAnimation-b-8oi1xlyxe0 0.6s 0.1s linear infinite;
}

.load .line:nth-last-child(2)[b-8oi1xlyxe0] {
    animation: loadingAnimation-b-8oi1xlyxe0 0.6s 0.2s linear infinite;
}

.load .line:nth-last-child(3)[b-8oi1xlyxe0] {
    animation: loadingAnimation-b-8oi1xlyxe0 0.6s 0.3s linear infinite;
}


.l[b-8oi1xlyxe0] {
    animation-delay: 0.72s;
}

@keyframes loadingAnimation-b-8oi1xlyxe0 {
    0 {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}


h2[b-8oi1xlyxe0] {
    font-size: 15px;
    font-family: 'karlaregular';
}

h4[b-8oi1xlyxe0] {
    font-family: 'karlaregular';
}

p[b-8oi1xlyxe0] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.flat-button:hover[b-8oi1xlyxe0] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-8oi1xlyxe0] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-8oi1xlyxe0]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-8oi1xlyxe0]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-8oi1xlyxe0] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-8oi1xlyxe0]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-8oi1xlyxe0]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-8oi1xlyxe0] {
    position: absolute;
}

    .up-bar > button[b-8oi1xlyxe0] {
        margin-left: calc(100vw - 700px);
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-8oi1xlyxe0] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
        display: inline-block;
        white-space: nowrap;
    }

.name[b-8oi1xlyxe0] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-8oi1xlyxe0] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-8oi1xlyxe0] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    margin-top: -57px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-8oi1xlyxe0] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-8oi1xlyxe0] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-8oi1xlyxe0] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-8oi1xlyxe0] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 117px;
        border: 2px solid #80808080;
    }

.pages-select[b-8oi1xlyxe0] {
    position: absolute;
    top: 650px;
    width: 1550px;
    height: 80px;
    background-color: #70707060;
    border: 2px solid #80808080;
    border-radius: 0px 0px 5px 5px;
}

.pages-number[b-8oi1xlyxe0] {
    position: absolute;
    width: 100px;
    height: 50px;
    left: 950px;
}

    .pages-number > h2[b-8oi1xlyxe0] {
        font-family: 'karlaregular';
        font-size: 15px;
        position: absolute;
        top: 30px;
    }

    .pages-number > p[b-8oi1xlyxe0] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 15px;
        left: 140px;
        top: 28px;
    }

    .pages-number > .select-number[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 80px;
        top: 20px;
        width: 50px;
        height: 35px;
    }

        .pages-number > .select-number > p[b-8oi1xlyxe0] {
            font-family: 'karlaregular';
            font-size: 15px;
            position: absolute;
            top: 4px;
            left: 5px;
        }

        .pages-number > .select-number > img[b-8oi1xlyxe0] {
            position: absolute;
            left: 28px;
            top: 10px;
        }

.pages-navigation[b-8oi1xlyxe0] {
    position: absolute;
    left: 1230px;
    top: 20px;
    width: 286px;
    height: 35px;
    border: 2px solid #808080;
    border-radius: 2px 2px 2px 2px;
}

    .pages-navigation > .go-first[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: -2px;
    }

        .pages-navigation > .go-first > img[b-8oi1xlyxe0] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

    .pages-navigation > .go-back[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 46px;
    }

        .pages-navigation > .go-back > img[b-8oi1xlyxe0] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .around-first[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 79px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-first > p[b-8oi1xlyxe0] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-second[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 105px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-second > p[b-8oi1xlyxe0] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-third[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 131px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-third > p[b-8oi1xlyxe0] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .choose-page[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 157px;
        height: 35px;
        top: -2px;
        width: 46px;
    }

        .pages-navigation > .choose-page > p[b-8oi1xlyxe0] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 16px;
        }

    .pages-navigation > .go-next[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 201px;
    }

        .pages-navigation > .go-next > img[b-8oi1xlyxe0] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .go-last[b-8oi1xlyxe0] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: 234px;
    }

        .pages-navigation > .go-last > img[b-8oi1xlyxe0] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

.pages-navigation[b-8oi1xlyxe0] {
    cursor: pointer;
}

.white-select[b-8oi1xlyxe0] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 190px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-8oi1xlyxe0] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 32px;
        z-index: 2;
    }

    .white-select > h2[b-8oi1xlyxe0] {
        position: absolute;
        top: 22px;
        left: 60px;
    }

.title[b-8oi1xlyxe0] {
    position: absolute;
    top: 119px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 5px;
}

    .title > h1[b-8oi1xlyxe0] {
        margin-top: 30px;
        margin-left: 20px;
    }

.order-info[b-8oi1xlyxe0] {
    position: absolute;
    z-index: 10;
    left: 680px;
    top: 119px;
    width: 800px;
    height: 820px;
    border: 2px solid grey;
    background-color: white;
}

    .order-info > h1[b-8oi1xlyxe0] {
        position: absolute;
        left: 30px;
        top: 30px;
    }

    .order-info > img[b-8oi1xlyxe0] {
        position: absolute;
        width: 25px;
        height: 25px;
        left: 730px;
        top: 40px;
    }

        .order-info > img:hover[b-8oi1xlyxe0] {
            cursor: pointer;
        }

    .order-info > .order-status[b-8oi1xlyxe0] {
        position: absolute;
        top: 110px;
        left: 180px;
    }

    .order-info > .order-status > p[b-8oi1xlyxe0] {
        position: absolute;
        margin-top: 8px;
        margin-left: -150px;
    }

    .order-info > .order-client-info[b-8oi1xlyxe0] {
        position: absolute;
        top: 190px;
        left: 30px;
    }

    .order-info > .order-client-info > p[b-8oi1xlyxe0] {
        position: absolute;
    }

    .order-info > .order-info-grid[b-8oi1xlyxe0] {
        position: absolute;
    }

    .order-info > .order-info-recap[b-8oi1xlyxe0] {
        position: absolute;
        top: 559px;
        left: 30px;
        width: 725px;
        height: 110px;
        background-color: white;
        border: 1px solid #80808050;
    }

        .order-info > .order-info-recap > h4[b-8oi1xlyxe0] {
            margin-top: 10px;
            margin-left: 10px;
        }

    .order-info > .order-info-results[b-8oi1xlyxe0] {
        position: absolute;
        top: 560px;
        left: 650px;
    }

        .order-info > .order-info-results > h4[b-8oi1xlyxe0] {
            margin-top: 10px;
        }

    .order-info > .order-info-total[b-8oi1xlyxe0] {
        position: absolute;
        top: 668px;
        left: 30px;
        background-color: white;
        border: 1px solid #80808050;
        width: 725px;
        height: 45px;
    }

        .order-info > .order-info-total > h4[b-8oi1xlyxe0] {
            position: absolute;
            top: 13px;
            left: 10px;
        }

    .order-info > button[b-8oi1xlyxe0] {
        position: absolute;
        top: 750px;
        left: 260px;
    }

        .order-info > button > h3[b-8oi1xlyxe0] {
            margin-top: 10px;
        }

.running-status[b-8oi1xlyxe0] {
    position: absolute;
    top: 120px;
    left: 30px;
    display: inline-block;
    white-space: nowrap;
    width: 500px;
}

    .running-status > div[b-8oi1xlyxe0] {
        cursor: pointer;
        display: inline-block;
        margin-right: 20px;
        width: 20px;
        height: 20px;
        background-color: #80808020;
        border-radius: 10px;
        border: 2px solid #80808080;
    }

        .running-status > div > img[b-8oi1xlyxe0] {
            position: absolute;
            width: 20px;
            height: 15px;
        }

    .running-status > p[b-8oi1xlyxe0] {
        display: inline-block;
        margin-left: 120px;
    }

.abort-status[b-8oi1xlyxe0] {
    position: absolute;
    top: 240px;
    left: 30px;
    display: inline-block;
    white-space: nowrap;
    width: 500px;
}

    .abort-status > div[b-8oi1xlyxe0] {
        cursor: pointer;
        display: inline-block;
        margin-right: 20px;
        width: 20px;
        height: 20px;
        background-color: #80808020;
        border-radius: 10px;
        border: 2px solid #80808080;
    }

        .abort-status > div > img[b-8oi1xlyxe0] {
            position: absolute;
            width: 20px;
            height: 15px;
        }

    .abort-status > p[b-8oi1xlyxe0] {
        display: inline-block;
        margin-left: 105px;
    }

.ended-status[b-8oi1xlyxe0] {
    position: absolute;
    top: 185px;
    left: 30px;
    display: inline-block;
    white-space: nowrap;
    width: 500px;
}

    .ended-status > div[b-8oi1xlyxe0] {
        cursor: pointer;
        display: inline-block;
        margin-right: 20px;
        width: 20px;
        height: 20px;
        background-color: #80808020;
        border-radius: 10px;
        border: 2px solid #80808080;
    }

        .ended-status > div > img[b-8oi1xlyxe0] {
            position: absolute;
            width: 20px;
            height: 15px;
        }

    .ended-status > p[b-8oi1xlyxe0] {
        display: inline-block;
        margin-left: 125px;
    }

.cancel-status[b-8oi1xlyxe0] {
    position: absolute;
    top: 480px;
    left: 30px;
    display: inline-block;
    white-space: nowrap;
    width: 500px;
}

    .cancel-status > div[b-8oi1xlyxe0] {
        cursor: pointer;
        display: inline-block;
        margin-right: 20px;
        width: 20px;
        height: 20px;
        background-color: #80808020;
        border-radius: 10px;
        border: 2px solid #80808080;
    }

        .cancel-status > div > img[b-8oi1xlyxe0] {
            position: absolute;
            width: 20px;
            height: 15px;
        }

    .cancel-status > p[b-8oi1xlyxe0] {
        display: inline-block;
        margin-left: 125px;
    }
/* _content/NATISA/Pages/BackOffice/Admin/Orders.razor.rz.scp.css */
[b-rf5qi3ux89] main {
    overflow-y: scroll;
}

h1[b-rf5qi3ux89] {
    font-family: 'Glacial Indifference';
}

.orders[b-rf5qi3ux89] {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

ul[b-rf5qi3ux89] {
    overflow-y: scroll;
    height: 800px;
}

#product-add-button[b-rf5qi3ux89] {
    position: fixed;
    bottom: 50px;
    right: 50px;
    float: right;
    background-color: #9474dd50;
    color: #9474dd;
    font-size: 25px;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
/* _content/NATISA/Pages/BackOffice/Admin/Products.razor.rz.scp.css */
[b-zjn4qd7tzn] main {
    overflow-y: scroll;
}

h1[b-zjn4qd7tzn] {
    font-family: 'Glacial Indifference';
}

.products[b-zjn4qd7tzn] {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

ul[b-zjn4qd7tzn] {
    overflow-y: scroll;
    height: 800px;
}

#product-add-button[b-zjn4qd7tzn] {
    position: fixed;
    bottom: 50px;
    right: 50px;
    float: right;
    background-color: #9474dd50;
    color: #9474dd;
    font-size: 25px;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
/* _content/NATISA/Pages/BackOffice/Ambassadrices/AccountDetailsAmb.razor.rz.scp.css */
h2[b-23in60p3ta] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-23in60p3ta] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-23in60p3ta] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-23in60p3ta]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-23in60p3ta]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-23in60p3ta] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-23in60p3ta]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-23in60p3ta]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-23in60p3ta] {
    position: absolute;
}

    .up-bar > button[b-23in60p3ta] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-23in60p3ta] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        width: 300px;
        margin-top: 25px;
        margin-left: 300px;
    }

    .up-bar > h3[b-23in60p3ta] {
        color: var(--mhb-green-bold);
        font-size: 15px;
        font-family: 'karlaregular';
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 500px;
    }

.name[b-23in60p3ta] {
    height: 70px;
    width: 500px;
    left: 1550px;
    margin-top: -57px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-23in60p3ta] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.select-type[b-23in60p3ta] {
    position: absolute;
    left: 320px;
    top: 160px;
}

    .select-type > h1[b-23in60p3ta] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
    }

    .select-type > h3[b-23in60p3ta] {
        font-family: 'karlaregular';
        font-size: 15px;
        color: #808080;
        width: 450px;
    }

.register-member[b-23in60p3ta] {
    position: absolute;
    left: 300px;
    top: 220px;
}

    .register-member > h1[b-23in60p3ta] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
        font-weight: lighter;
    }

    .register-member > h4[b-23in60p3ta] {
        margin-top: -10px;
        font-family: 'karlaregular';
        color: grey;
        font-size: 18px;
        font-weight: lighter;
    }

    .register-member > h2[b-23in60p3ta] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
    }

    .register-member > h3[b-23in60p3ta] {
        position: absolute;
        top: 710px;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
        color: red;
    }

    .register-member > input[b-23in60p3ta] {
        position: absolute;
        margin-left: -40px;
        top: 40px;
        height: 45px;
        left: 40px;
        border: 2px solid #80808080;
    }

    .register-member > .radio-select[b-23in60p3ta] {
        position: absolute;
        top: 35px;
    }

        .register-member > .radio-select > input[b-23in60p3ta] {
            width: 20px;
            height: 20px;
        }

        .register-member > .radio-select > label[b-23in60p3ta] {
            position: absolute;
            font-family: 'karlaregular';
            font-weight: bold;
            margin-left: 5px;
        }

#Logi[b-23in60p3ta] {
    margin-left: 200px;
}
/* _content/NATISA/Pages/BackOffice/Ambassadrices/CalibrationAmb.razor.rz.scp.css */
h2[b-dnrdufx9g0] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-dnrdufx9g0] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-dnrdufx9g0] {
    position: absolute;
}

    .up-bar > button[b-dnrdufx9g0] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-dnrdufx9g0] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

.name[b-dnrdufx9g0] {
    height: 70px;
    width: 500px;
    left: 1550px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-dnrdufx9g0] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-dnrdufx9g0] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: 1550px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-dnrdufx9g0] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-dnrdufx9g0] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-dnrdufx9g0] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-dnrdufx9g0] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

.white-select[b-dnrdufx9g0] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 370px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-dnrdufx9g0] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 22px;
        left: 30px;
    }

    .white-select > h2[b-dnrdufx9g0] {
        position: absolute;
        top: 22px;
        left: 60px;
    }

.content[b-dnrdufx9g0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0;
}

    .content > .placement-helper[b-dnrdufx9g0] {
        z-index: 10;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 118px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 81px;
    }

        .content > .placement-helper > img[b-dnrdufx9g0] {
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
            z-index: 3;
        }

        .content > .placement-helper > .placement-oval[b-dnrdufx9g0] {
            position: absolute;
            top: 180px;
            left: 800px;
        }

            .content > .placement-helper > .placement-oval > img[b-dnrdufx9g0] {
                filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
                width: 578px;
                height: 794px;
            }

            .content > .placement-helper > .placement-oval > p[b-dnrdufx9g0] {
                font-family: 'glacial_indifferenceregular';
                font-size: 40px;
                color: var(--mhb-white);
                width: 436px;
                text-align: center;
                position: absolute;
            }

    .content > video[b-dnrdufx9g0] {
        position: absolute;
        left: 407px;
        right: 0px;
        top: 70px;
        width: 1346px;
    }

    .content > button[b-dnrdufx9g0] {
        position: absolute;
        width: 48px;
        height: 48px;
        top: 950px;
        left: 1600px;
        border-radius: 48px;
        background-color: #00000020
    }

#capture-progress[b-dnrdufx9g0] {
    position: absolute;
    left: 1080px;
    top: 950px;
    width: 40px;
    height: 40px;
    margin: auto;
    color: var(--mhb-white);
    text-align: center;
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
}

.flash[b-dnrdufx9g0] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--mhb-white);
    z-index: 4;
    --animate-duration: 0.3s;
    pointer-events: none;
}

.loading[b-dnrdufx9g0] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    z-index: 2;
}

    .loading > div[b-dnrdufx9g0] {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .loading > div > h1[b-dnrdufx9g0] {
            margin-top: 25px;
            font-family: 'glacial_indifferenceregular';
            font-size: 35px;
            color: rgba(255, 255, 255, 0.8);
        }

        .loading > div > h3[b-dnrdufx9g0] {
            margin-top: 5px;
            font-family: 'karlaregular';
            font-size: 20px;
            color: rgba(255, 255, 255, 0.5);
        }

        .loading > div > svg[b-dnrdufx9g0] {
            width: 250px;
            height: 250px;
        }

#canvas[b-dnrdufx9g0] {
    z-index: 10;
    position: absolute;
    top: 70px;
    left: 407px;
}

.grid-container[b-dnrdufx9g0] {
    position: absolute;
    display: grid;
    grid-template-areas:
        '1 2 3 4 5 6'
        '7 8 9 10 11 12'
        '13 14 15 16 17 18'
        '19 20 21 22 23 24';
}

    .grid-container > div[b-dnrdufx9g0] {
        border: 2px solid #909090;
        background-color: transparent;
        text-align: center;
        padding: 00px 0;
        font-size: 30px;
    }

.slide-container[b-dnrdufx9g0] {
    position: absolute;
    top: 140px;
    left: 850px;
    width: 200px;
    z-index: 2;
}

    .slide-container > h1[b-dnrdufx9g0] {
        font-size: 15px;
    }

    .slide-container > input[b-dnrdufx9g0] {
        position: absolute;
        left: 160px;
    }

    .slide-container > button[b-dnrdufx9g0] {
        position: absolute;
        left: 300px;
        top: 20px;
    }
/* _content/NATISA/Pages/BackOffice/Ambassadrices/ClientAmb.razor.rz.scp.css */
h2[b-ejhwsbjwuz] {
    font-size: 15px;
    font-family: 'karlaregular';
}

p[b-ejhwsbjwuz] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.flat-button:hover[b-ejhwsbjwuz] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-ejhwsbjwuz] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-ejhwsbjwuz]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-ejhwsbjwuz]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-ejhwsbjwuz] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-ejhwsbjwuz]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-ejhwsbjwuz]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-ejhwsbjwuz] {
    position: absolute;
}

    .up-bar > button[b-ejhwsbjwuz] {
        margin-left: 1250px;
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-ejhwsbjwuz] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
        display: inline-block;
        white-space: nowrap;
    }

.name[b-ejhwsbjwuz] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-ejhwsbjwuz] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-ejhwsbjwuz] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-ejhwsbjwuz] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-ejhwsbjwuz] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-ejhwsbjwuz] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-ejhwsbjwuz] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

.search[b-ejhwsbjwuz] {
    position: absolute;
    top: 100px;
    left: 280px;
    z-index: 1;
}

    .search > .download[b-ejhwsbjwuz] {
        background-color: white;
        position: absolute;
        width: 1550px;
        height: 110px;
        border: 2px solid #80808080;
        border-radius: 5px 5px 0px 0px;
    }

    .search > .download > h1[b-ejhwsbjwuz] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 25px;
        margin-top: 40px;
        margin-left: 25px;
    }

    .search > .download > button[b-ejhwsbjwuz] {
        position: absolute;
        left: 1120px;
        top: 30px;
    }

    .search > .search-bar[b-ejhwsbjwuz] {
        background-color: white;
        position: absolute;
        width: 1550px;
        height: 110px;
        top: 105px;
        border: 2px solid #80808080;
        border-radius: 0px 0px 5px 5px;
    }

        .search > .search-bar > img[b-ejhwsbjwuz] {
            margin-left: -50px;
            margin-top: 40px;
            position: absolute;
            width: 30px;
            height: 30px;
            cursor: pointer;
        }

        .search > .search-bar > [b-ejhwsbjwuz]::placeholder {
            font-size: 25px;
            font-family: 'karlaregular';
            font-style: italic;
        }

        .search > .search-bar > input[b-ejhwsbjwuz] {
            width: 700px;
            height: 50px;
            margin-left: 20px;
            margin-top: 30px;
            border: 2px solid #80808080;
        }

        .search > .search-bar > h3[b-ejhwsbjwuz] {
            margin-top: -35px;
            position: absolute;
            font-family: 'karlaregular';
            font-size: 20px;
            margin-left: 830px;
        }

.date-select[b-ejhwsbjwuz] {
    z-index: 1;
    position: absolute;
    left: 1050px;
    top: 73px;
    width: 460px;
    height: 170px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .date-select > h1[b-ejhwsbjwuz] {
        margin-top: 20px;
        margin-left: 20px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > h2[b-ejhwsbjwuz] {
        margin-top: 20px;
        margin-left: 50px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > p[b-ejhwsbjwuz] {
        font-family: 'karlaregular';
        font-size: 12px;
        color: #707070;
        margin-left: 20px;
        margin-top: 30px;
    }

    .date-select > input[b-ejhwsbjwuz] {
        width: 320px;
        position: absolute;
        margin-top: -40px;
        margin-left: 100px;
        border: 2px solid #80808095;
        border-radius: 5px 5px 5px 5px;
    }

.register-date[b-ejhwsbjwuz] {
    z-index: 2;
    position: absolute;
    left: 1050px;
    top: 241px;
    width: 460px;
    height: 100px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .register-date > button[b-ejhwsbjwuz] {
        position: absolute;
        top: 30px;
        left: 70px;
    }

.date-label[b-ejhwsbjwuz] {
    position: absolute;
    left: 1050px;
    width: 460px;
    top: 35px;
    height: 40px;
    border-radius: 5px 5px 5px 5px;
}

    .date-label > p[b-ejhwsbjwuz] {
        position: absolute;
    }

    .date-label > img[b-ejhwsbjwuz] {
        height: 20px;
        width: 20px;
        left: 0;
        position: absolute;
    }

.ambassadrices-infos[b-ejhwsbjwuz] {
    position: absolute;
    top: 330px;
    left: 280px;
}

    .ambassadrices-infos > .desc-bar[b-ejhwsbjwuz] {
        position: absolute;
        width: 1550px;
        height: 80px;
        background-color: #70707060;
        border: 2px solid #80808080;
        border-radius: 5px 5px 0px 0px;
    }

    .ambassadrices-infos > .desc-bar > div[b-ejhwsbjwuz] {
        position: absolute;
        top: 25px;
        left: 15px;
    }

    .ambassadrices-infos > .desc-bar > div > p[b-ejhwsbjwuz] {
        font-family: 'karlaregular';
        font-size: 15px;
        display: inline-block;
        margin-right: 50px;
    }

    .ambassadrices-infos > .info-scroll[b-ejhwsbjwuz] {
        scroll-behavior: smooth;
        position: absolute;
        top: 80px;
        height: 570px;
        width: 1550px;
    }

.info-id[b-ejhwsbjwuz] {
    position: absolute;
    height: 120px;
    width: 1533px;
    background-color: #70707020;
    border: 2px solid #80808080;
}

    .info-id > .id-display[b-ejhwsbjwuz] {
        margin-top: -2px;
        left: 0;
        margin-bottom: 120px;
        position: absolute;
        height: 120px;
        width: 40px;
        border: 2px solid #80808080;
    }

        .info-id > .id-display > p[b-ejhwsbjwuz] {
            position: absolute;
            left: 7px;
            top: 10px;
        }

    .info-id > p[b-ejhwsbjwuz] {
        font-family: 'karlaregular';
        font-size: 13px;
        position: absolute;
        top: 15px;
    }

    .info-id > h3[b-ejhwsbjwuz] {
        display: inline-block;
        position: absolute;
        font-size: 15px;
        font-family: 'karlaregular';
        top: 16px;
        left: 1380px;
    }

    .info-id > input[b-ejhwsbjwuz] {
        position: absolute;
        margin-left: 100px;
        top: 20px;
        width: 12px;
        height: 12px;
        left: 1330px;
    }

    .info-id > a[b-ejhwsbjwuz] {
        font-family: 'karlaregular';
        font-size: 13px;
        position: absolute;
        top: 15px;
    }

.modif-blur[b-ejhwsbjwuz] {
    position: absolute;
    width: 1680px;
    height: 1000px;
    top: 70px;
    left: 240px;
    background-color: #FFFFFF80;
    z-index: 2;
}

.modif[b-ejhwsbjwuz] {
    position: absolute;
    left: 700px;
    top: 150px;
    width: 800px;
    height: 800px;
    background-color: white;
    border: 2px solid #80808080;
    border-radius: 4px 4px 4px 4px;
    z-index: 2;
}

    .modif > h1[b-ejhwsbjwuz] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 28px;
        top: 50px;
        left: 40px;
    }

    .modif > h2[b-ejhwsbjwuz] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
    }

    .modif > input[b-ejhwsbjwuz] {
        position: absolute;
        height: 45px;
        left: 40px;
        border: 2px solid #80808080;
    }

.delete[b-ejhwsbjwuz] {
    position: absolute;
    left: 700px;
    top: 360px;
    width: 800px;
    height: 380px;
    background-color: white;
    border: 2px solid #80808080;
    border-radius: 4px 4px 4px 4px;
    z-index: 2;
}

    .delete > h1[b-ejhwsbjwuz] {
        position: absolute;
        font-family: 'glacial_indifferenceregular';
        font-size: 28px;
        top: 50px;
        left: 40px;
    }

    .delete > h2[b-ejhwsbjwuz] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        width: 720px;
        color: #808080;
    }

.pages-select[b-ejhwsbjwuz] {
    position: absolute;
    top: 650px;
    width: 1550px;
    height: 80px;
    background-color: #70707060;
    border: 2px solid #80808080;
    border-radius: 0px 0px 5px 5px;
}

.pages-number[b-ejhwsbjwuz] {
    position: absolute;
    width: 100px;
    height: 50px;
    left: 950px;
}

    .pages-number > h2[b-ejhwsbjwuz] {
        font-family: 'karlaregular';
        font-size: 15px;
        position: absolute;
        top: 30px;
    }

    .pages-number > p[b-ejhwsbjwuz] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 15px;
        left: 140px;
        top: 28px;
    }

    .pages-number > .select-number[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 80px;
        top: 20px;
        width: 50px;
        height: 35px;
    }

        .pages-number > .select-number > p[b-ejhwsbjwuz] {
            font-family: 'karlaregular';
            font-size: 15px;
            position: absolute;
            top: 4px;
            left: 5px;
        }

        .pages-number > .select-number > img[b-ejhwsbjwuz] {
            position: absolute;
            left: 28px;
            top: 10px;
        }

.pages-navigation[b-ejhwsbjwuz] {
    position: absolute;
    left: 1230px;
    top: 20px;
    width: 286px;
    height: 35px;
    border: 2px solid #808080;
    border-radius: 2px 2px 2px 2px;
}

    .pages-navigation > .go-first[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: -2px;
    }

        .pages-navigation > .go-first > img[b-ejhwsbjwuz] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

    .pages-navigation > .go-back[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 46px;
    }

        .pages-navigation > .go-back > img[b-ejhwsbjwuz] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .around-first[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 79px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-first > p[b-ejhwsbjwuz] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-second[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 105px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-second > p[b-ejhwsbjwuz] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-third[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 131px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-third > p[b-ejhwsbjwuz] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .choose-page[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 157px;
        height: 35px;
        top: -2px;
        width: 46px;
    }

        .pages-navigation > .choose-page > p[b-ejhwsbjwuz] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 16px;
        }

    .pages-navigation > .go-next[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 201px;
    }

        .pages-navigation > .go-next > img[b-ejhwsbjwuz] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .go-last[b-ejhwsbjwuz] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: 234px;
    }

        .pages-navigation > .go-last > img[b-ejhwsbjwuz] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

.pages-navigation[b-ejhwsbjwuz] {
    cursor: pointer;
}

.white-select[b-ejhwsbjwuz] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 250px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-ejhwsbjwuz] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 22px;
        left: 30px;
    }

    .white-select > h2[b-ejhwsbjwuz] {
        position: absolute;
        top: 22px;
        left: 60px;
    }

.title[b-ejhwsbjwuz] {
    position: absolute;
    top: 119px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 5px;
}

    .title > h1[b-ejhwsbjwuz] {
        margin-top: 30px;
        margin-left: 20px;
    }

/* _content/NATISA/Pages/BackOffice/Ambassadrices/ComissionAmb.razor.rz.scp.css */
h2[b-l1tydsibr4] {
    font-size: 15px;
    font-family: 'karlaregular';
}

h4[b-l1tydsibr4] {
    font-family: 'karlaregular';
}

p[b-l1tydsibr4] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.flat-button:hover[b-l1tydsibr4] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-l1tydsibr4] {
    position: absolute;
    top: 0px;
}

    .up-bar > button[b-l1tydsibr4] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-l1tydsibr4] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
        display: inline-block;
        white-space: nowrap;
    }

.name[b-l1tydsibr4] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-l1tydsibr4] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-l1tydsibr4] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-l1tydsibr4] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-l1tydsibr4] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-l1tydsibr4] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-l1tydsibr4] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

.white-select[b-l1tydsibr4] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 190px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-l1tydsibr4] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 22px;
        left: 30px;
    }

    .white-select > h2[b-l1tydsibr4] {
        display: inline-block;
        white-space: nowrap;
        position: absolute;
        top: 22px;
        left: 60px;
    }

.title[b-l1tydsibr4] {
    position: absolute;
    top: 119px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 5px;

}

    .title > h1[b-l1tydsibr4] {
        margin-top: 30px;
        margin-left: 20px;
    }

.title-detail[b-l1tydsibr4] {
    position: absolute;
    top: 119px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 5px 5px 0px 0px;
}

    .title-detail > h1[b-l1tydsibr4] {
        margin-top: 30px;
        margin-left: 20px;
    }

.back-global[b-l1tydsibr4] {
    position: absolute;
    top: 216px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 0px 0px 5px 5px;
}

    .back-global > h2[b-l1tydsibr4] {
        position: absolute;
        margin-top: 40px;
        margin-left: 50px;
        text-decoration: underline;
        color: #0C5AC1;
    }

    .back-global > h2:hover[b-l1tydsibr4] {
        cursor: pointer;
    }

    .back-global > img[b-l1tydsibr4] {
        position: absolute;
        margin-top: 42px;
        margin-left: 30px;
    }

.show-no-details > button[b-l1tydsibr4] {
    background-color: #D9D9D9;
}

    .show-no-details > button:hover[b-l1tydsibr4] {
        cursor: not-allowed;
        background-color: #D9D9D9;
    }

.results[b-l1tydsibr4] {
    position: absolute;
    top: calc(100vh - 80px);
    left: 300px;
    height: 60px;
    width: calc(100vw - 350px);
    background-color: white;
    border-left: 1px solid #70707050;
    border-right: 1px solid #70707050;
    border-bottom: 1px solid #70707050;
    border-radius: 0px 0px 5px 5px;
}

    .results > p[b-l1tydsibr4] {
        position: absolute;
        top: 20px;
        left: 10px;
        font-size: 15px;
    }

.results-detail[b-l1tydsibr4] {
    position: absolute;
    top: 840px;
    left: 300px;
    height: 60px;
    width: 1550px;
    background-color: white;
    border-left: 1px solid #70707050;
    border-right: 1px solid #70707050;
    border-bottom: 1px solid #70707050;
    border-radius: 0px 0px 5px 5px;
}

    .results-detail > p[b-l1tydsibr4] {
        position: absolute;
        top: 20px;
        left: 10px;
        font-size: 15px;
    }

.order-info[b-l1tydsibr4] {
    position: absolute;
    z-index: 10;
    left: 680px;
    top: 119px;
    width: 800px;
    height: 780px;
    border: 2px solid grey;
    background-color: white;
}

    .order-info > h1[b-l1tydsibr4] {
        position: absolute;
        left: 30px;
        top: 30px;
    }

    .order-info > img[b-l1tydsibr4] {
        position: absolute;
        width: 25px;
        height: 25px;
        left: 730px;
        top: 40px;
    }

        .order-info > img:hover[b-l1tydsibr4] {
            cursor: pointer;
        }

    .order-info > .order-status[b-l1tydsibr4] {
        position: absolute;
        top: 110px;
        left: 180px;
    }

        .order-info > .order-status > p[b-l1tydsibr4] {
            position: absolute;
            margin-top: 8px;
            margin-left: -150px;
        }

    .order-info > .order-client-info[b-l1tydsibr4] {
        position: absolute;
        top: 190px;
        left: 30px;
    }

        .order-info > .order-client-info > p[b-l1tydsibr4] {
            position: absolute;
        }

    .order-info > .order-info-grid[b-l1tydsibr4] {
        position: absolute;
    }

    .order-info > .order-info-recap[b-l1tydsibr4] {
        position: absolute;
        top: 559px;
        left: 30px;
        width: 725px;
        height: 110px;
        background-color: white;
        border: 1px solid #80808050;
    }

        .order-info > .order-info-recap > h4[b-l1tydsibr4] {
            margin-top: 10px;
            margin-left: 10px;
        }

    .order-info > .order-info-results[b-l1tydsibr4] {
        position: absolute;
        top: 560px;
        left: 650px;
    }

        .order-info > .order-info-results > h4[b-l1tydsibr4] {
            margin-top: 10px;
        }

    .order-info > .order-info-total[b-l1tydsibr4] {
        position: absolute;
        top: 668px;
        left: 30px;
        background-color: white;
        border: 1px solid #80808050;
        width: 725px;
        height: 45px;
    }

        .order-info > .order-info-total > h4[b-l1tydsibr4] {
            position: absolute;
            top: 13px;
            left: 10px;
        }

    .order-info > button[b-l1tydsibr4] {
        position: absolute;
        top: 760px;
        left: 200px;
    }

        .order-info > button > h3[b-l1tydsibr4] {
            margin-top: 10px;
        }
/* _content/NATISA/Pages/BackOffice/Ambassadrices/EditClientAmb.razor.rz.scp.css */

.content[b-701jp3fdx9] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

    .content button[b-701jp3fdx9] {
        margin-top: 40px;
        border: none;
        border-radius: 20px;
        font-size: 30px;
        font-family: "karlaregular";
        background-color: #CBD3EA;
        color: black;
        padding: 5px 30px;
        align-self: center;
        width: 100%;
    }
        .content button:hover[b-701jp3fdx9] {
            background-color: var(--mhb-green-light);
            transition: 0.2s;
        }


.cart-illustration[b-701jp3fdx9] {
    z-index: 0;
}

    .cart-illustration img[b-701jp3fdx9] {
        height: 100%;
    }


label[b-701jp3fdx9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    margin-top: 7px;
    font-family: 'karlaregular';
    color: var(--mhb-black);
}

[b-701jp3fdx9] label > input {
    width: 536px;
    border: 1px solid #18302920 !important;
    border-radius: 35px;
    height: 50px;
    background-color: #EEEEEE;
    padding-left: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    [b-701jp3fdx9] label > input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }


.column-ZipCode[b-701jp3fdx9] {
    float: left;
    width: 30%;
}

.column-City[b-701jp3fdx9] {
    float: left;
    width: 70%;
}


h2[b-701jp3fdx9] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-701jp3fdx9] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-701jp3fdx9] {
    position: absolute;
}

    .up-bar > button[b-701jp3fdx9] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-701jp3fdx9] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
        width: 200px;
    }

.name[b-701jp3fdx9] {
    height: 70px;
    width: 500px;
    left: 1550px;
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-701jp3fdx9] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-701jp3fdx9] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: 1550px;
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-701jp3fdx9] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-701jp3fdx9] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-701jp3fdx9] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-701jp3fdx9] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

.register-member[b-701jp3fdx9] {
    position: absolute;
    left: 400px;
    top: 194px;
    z-index: 1;
}

    .register-member > h1[b-701jp3fdx9] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
        font-weight: lighter;
    }

    .register-member > h4[b-701jp3fdx9] {
        margin-top: -10px;
        font-family: 'karlaregular';
        color: grey;
        font-size: 18px;
        font-weight: lighter;
    }

    .register-member > h2[b-701jp3fdx9] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
    }

    .register-member > h3[b-701jp3fdx9] {
        position: absolute;
        top: 710px;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
        color: red;
    }

    .register-member > input[b-701jp3fdx9] {
        position: absolute;
        margin-left: -40px;
        top: 40px;
        height: 45px;
        left: 40px;
        border: 2px solid #80808080;
    }

    .register-member > .radio-select[b-701jp3fdx9] {
        position: absolute;
        top: 35px;
    }

        .register-member > .radio-select > input[b-701jp3fdx9] {
            width: 20px;
            height: 20px;
        }

        .register-member > .radio-select > label[b-701jp3fdx9] {
            position: absolute;
            font-family: 'karlaregular';
            font-weight: bold;
            margin-left: 5px;
        }


input[b-701jp3fdx9] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-701jp3fdx9]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-701jp3fdx9]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-701jp3fdx9] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-701jp3fdx9]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-701jp3fdx9]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }
/* _content/NATISA/Pages/BackOffice/Ambassadrices/GraphAmb.razor.rz.scp.css */
h2[b-21urx7jy5o] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-21urx7jy5o] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-21urx7jy5o] {
    position: absolute;
    top: 0px;
}

    .up-bar > button[b-21urx7jy5o] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-21urx7jy5o] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
        display: inline-block;
        white-space: nowrap;
    }

.name[b-21urx7jy5o] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-21urx7jy5o] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-21urx7jy5o] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-21urx7jy5o] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-21urx7jy5o] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-21urx7jy5o] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-21urx7jy5o] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

.white-select[b-21urx7jy5o] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 130px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-21urx7jy5o] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 22px;
        left: 30px;
    }

    .white-select > h2[b-21urx7jy5o] {
        display: inline-block;
        white-space: nowrap;
        position: absolute;
        top: 22px;
        left: 60px;
    }

.graph[b-21urx7jy5o] {
    position: absolute;
    left: 550px;
    top: 250px;
    width: calc(100vw - 550px);
    height: 500px;
}

.graph:hover[b-21urx7jy5o] {
    cursor: pointer;
}

.graph-select[b-21urx7jy5o] {
    position: absolute;
    left: 300px;
    top: 220px;
    width: 200px;
}

    .graph-select > h1[b-21urx7jy5o] {
        font-family: 'karlaregular';
        font-size: 22px;
        margin-top: -30px;
        margin-left: 75px;
    }

    .graph-select > h2[b-21urx7jy5o] {
        font-family: 'karlaregular';
        font-size: 15px;
        margin-top: -18px;
        margin-left: 30px;
    }

.selector[b-21urx7jy5o] {
    left: 100px;
    top: 100px;
    width: 20px;
    height: 20px;
    margin-top: 60px;
    border-radius: 3px 3px 3px 3px;
}

    .selector > img[b-21urx7jy5o] {
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
    }

.selector-empty[b-21urx7jy5o] {
    width: 20px;
    height: 20px;
    left: 100px;
    top: 100px;
    margin-top: 60px;
    background-color: #E0E0E0;
    border-radius: 3px 3px 3px 3px;
}

    .selector-empty:hover[b-21urx7jy5o] {
        cursor: pointer;
    }

.title[b-21urx7jy5o] {
    position: absolute;
    top: 180px;
    left: 300px;
    display: inline-block;
    white-space: nowrap;
}

.date-select[b-21urx7jy5o] {
    z-index: 1;
    position: absolute;
    left: 650px;
    top: 73px;
    width: 460px;
    height: 170px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .date-select > h1[b-21urx7jy5o] {
        margin-top: 20px;
        margin-left: 20px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > h2[b-21urx7jy5o] {
        margin-top: 20px;
        margin-left: 50px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > p[b-21urx7jy5o] {
        font-family: 'karlaregular';
        font-size: 12px;
        color: #707070;
        margin-left: 20px;
        margin-top: 30px;
    }

    .date-select > input[b-21urx7jy5o] {
        width: 320px;
        position: absolute;
        margin-top: -40px;
        margin-left: 100px;
        border: 2px solid #80808095;
        border-radius: 5px 5px 5px 5px;
    }

.register-date[b-21urx7jy5o] {
    position: absolute;
    left: 650px;
    top: 241px;
    width: 460px;
    height: 100px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .register-date > button[b-21urx7jy5o] {
        position: absolute;
        top: 30px;
        left: 70px;
    }

        .register-date > button > img[b-21urx7jy5o] {
            margin-right: 5px;
            margin-bottom: 2px;
        }

.date-selector[b-21urx7jy5o] {
    position: absolute;
    top: 145px;
    left: 280px;
    width: 1550px;
    height: 110px;
    z-index: 1;
}

    .date-selector > h1[b-21urx7jy5o] {
        position: absolute;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        margin-top: 40px;
        margin-left: 30px;
        font-size: 25px;
    }

    .date-selector > p[b-21urx7jy5o] {
        font-size: 13px;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 45px;
        display: inline;
    }

    .date-selector > button[b-21urx7jy5o] {
        position: absolute;
        display: inline;
        white-space: nowrap;
        border: 2px solid #808080;
    }

        .date-selector > button > p[b-21urx7jy5o] {
            font-family: 'karlaregular';
            font-weight: bold;
            margin-top: 15px;
            margin-left: 10px;
            margin-right: 10px;
            font-size: 10px;
        }

        .date-selector > button > img[b-21urx7jy5o] {
            width: 20px;
            height: 20px;
        }

    .date-selector > .date-label[b-21urx7jy5o] {
        left: 650px;
        width: 460px;
        top: 35px;
        height: 40px;
        border-radius: 5px 5px 0px 0px;
    }

        .date-selector > .date-label > p[b-21urx7jy5o] {
            position: absolute;
        }

        .date-selector > .date-label > img[b-21urx7jy5o] {
            left: 0;
            position: absolute;
        }

.unset-graph[b-21urx7jy5o] {
    position: absolute;
    top: 600px;
    left: 1000px;
}
/* _content/NATISA/Pages/BackOffice/Ambassadrices/HomeAmb.razor.rz.scp.css */
h2[b-w894r8kuxg] {
    font-size: 15px;
    font-family: 'karlaregular';
}

.flat-button:hover[b-w894r8kuxg] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.up-bar[b-w894r8kuxg] {
    position: absolute;
}

    .up-bar > button[b-w894r8kuxg] {
        margin-left: 1250px;
        margin-top: 15px;
    }

    .up-bar > h2[b-w894r8kuxg] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
    }

.name[b-w894r8kuxg] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-w894r8kuxg] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-w894r8kuxg] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-w894r8kuxg] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-w894r8kuxg] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-w894r8kuxg] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-w894r8kuxg] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

        

.results[b-w894r8kuxg] {
    background-color: white;
    position: absolute;
    top: 100px;
    left: 280px;
    width: 1000px;
    height: 110px;
    border: 2px solid #80808080;
    border-radius: 5px 5px 0px 0px;
    z-index: auto;
}

    .results > h1[b-w894r8kuxg] {
        position: absolute;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        margin-top: 40px;
        margin-left: 30px;
        font-size: 25px;
    }

    .results > p[b-w894r8kuxg] {
        font-size: 13px;
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 45px;
        display: inline;
    }

    .results > button[b-w894r8kuxg] {
        position: absolute;
        left: 800px;
        display: inline;
        white-space: nowrap;
        border: 2px solid #808080;
    }

    .results > button > p[b-w894r8kuxg] {
        font-family: 'karlaregular';
        font-weight: bold;
        margin-top: 15px;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 10px;
    }

    .results > button > img[b-w894r8kuxg] {
        width: 20px;
        height: 20px;
    }

    .results > .date-label[b-w894r8kuxg] {
        left: 500px;
        width: 460px;
        top: 35px;
        height: 40px;
        border-radius: 5px 5px 0px 0px;
    }

        .results > .date-label > p[b-w894r8kuxg] {
            position: absolute;
        }

        .results > .date-label > img[b-w894r8kuxg] {
            left: 0;
            position: absolute;
        }

.date-select[b-w894r8kuxg] {
    z-index: 2;
    position: absolute;
    left: 500px;
    top: 73px;
    width: 460px;
    height: 170px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
}

    .date-select > h1[b-w894r8kuxg] {
        margin-top: 20px;
        margin-left: 20px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > h2[b-w894r8kuxg] {
        margin-top: 20px;
        margin-left: 50px;
        font-family: 'glacial_indifferenceregular';
        font-size: 13px;
        color: var(--mhb-black);
        font-weight: bold;
    }

    .date-select > p[b-w894r8kuxg] {
        font-family: 'karlaregular';
        font-size: 12px;
        color: #707070;
        margin-left: 20px;
        margin-top: 30px;
    }

    .date-select > input[b-w894r8kuxg] {
        width: 320px;
        position: absolute;
        margin-top: -40px;
        margin-left: 100px;
        border: 2px solid #80808095;
        border-radius: 5px 5px 5px 5px;
    }

.register-date[b-w894r8kuxg] {
    position: absolute;
    left: 500px;
    top: 241px;
    width: 460px;
    height: 100px;
    background-color: #F0F0F0;
    border: 2px solid #808080;
    z-index: 2;
}

    .register-date > button[b-w894r8kuxg] {
        position: absolute;
        top: 30px;
        left: 70px;
    }

        .register-date > button > img[b-w894r8kuxg] {
            margin-right: 5px;
            margin-bottom: 2px;
        }

.sales[b-w894r8kuxg] {
    position: absolute;
    background-color: white;
    left: -0px;
    top: 106px;
    height: 120px;
    width: 260px;
    border: 2px solid #80808080;
    width: 510px !important;
}

.nb-diagnostic[b-w894r8kuxg] {
    left: -0px;
    top: 224px;
    height: 120px;
}

.nb-order[b-w894r8kuxg] {
    left: 330px;
    top: 224px;
    height: 120px;
}

.nb-order-from-one-diagnostic[b-w894r8kuxg] {
    left: 660px;
    top: 224px;
    height: 120px;
}

.total-products[b-w894r8kuxg] {
    left: -0px;
    top: 342px;
    height: 120px;
    width: 510px !important;
}

.average-cart[b-w894r8kuxg] {
    left: 500px;
    top: 342px;
    height: 120px;
    width: 500px !important;
}

.total-active[b-w894r8kuxg] {
    left: 500px;
    top: 106px;
    height: 120px;
    width: 500px !important;
}

.results-numbers[b-w894r8kuxg] {
    position: absolute;
    left: -2px;
}

.results-numbers > div[b-w894r8kuxg] {
    position: absolute;
    background-color: white;
/*    top: 106px;
    height: 120px;*/
    width: 340px;
    border: 2px solid #80808080;
}

.results-numbers > div > h3[b-w894r8kuxg] {
    position: absolute;
    font-family: 'karlaregular';
    font-size: 13px;
    font-weight: bold;
    top: 25px;
    left: 35px;
}


.results-numbers > div > h2[b-w894r8kuxg] {
    position: absolute;
    font-family: 'karlaregular';
    font-size: 20px;
    left: 35px;
    top: 65px;
}

.go-details[b-w894r8kuxg] {
    background-color: white;
    position: absolute;
    top: 562px;
    left: 280px;
    width: 1000px;
    height: 60px;
    border: 2px solid #80808080;
    border-radius: 0px 0px 5px 5px;
    z-index: 1;
}

    .go-details > p[b-w894r8kuxg] {
        position: absolute;
        top: 15px;
        left: 15px;
        font-family: 'karlaregular';
        font-size: 16px;
        color: #0C5AC1;
        text-decoration: underline;
    }

    .go-details > p:hover[b-w894r8kuxg] {
        cursor: pointer;
    }

.white-select[b-w894r8kuxg] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 70px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-w894r8kuxg] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 22px;
        left: 30px;
    }

    .white-select > h2[b-w894r8kuxg] {
        position: absolute;
        top: 22px;
        left: 60px;
    }
/* _content/NATISA/Pages/BackOffice/Ambassadrices/OrderAmb.razor.rz.scp.css */
h2[b-o64exgytbk] {
    font-size: 15px;
    font-family: 'karlaregular';
}

h4[b-o64exgytbk] {
    font-family: 'karlaregular';
}

p[b-o64exgytbk] {
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: bold;
}

.flat-button:hover[b-o64exgytbk] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

input[b-o64exgytbk] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-o64exgytbk]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-o64exgytbk]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-o64exgytbk] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-o64exgytbk]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-o64exgytbk]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.up-bar[b-o64exgytbk] {
    position: absolute;
}

    .up-bar > button[b-o64exgytbk] {
        margin-left: 1250px;
        margin-top: 15px;
        width: 270px;
    }

    .up-bar > h2[b-o64exgytbk] {
        color: var(--mhb-green-bold);
        font-weight: bold;
        position: absolute;
        margin-top: 25px;
        margin-left: 300px;
        display: inline-block;
        white-space: nowrap;
    }

.name[b-o64exgytbk] {
    height: 70px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #80808040;
}

    .name > h2[b-o64exgytbk] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

.name-expand[b-o64exgytbk] {
    z-index: 2;
    height: 169px;
    width: 500px;
    left: calc(100vw - 370px);
    position: absolute;
    background-color: #E0E0E0;
    border: 2px solid #80808080;
}

    .name-expand > h2[b-o64exgytbk] {
        font-weight: bold;
        white-space: nowrap;
        margin-top: 25px;
        margin-left: 100px;
    }

    .name-expand > div > h2[b-o64exgytbk] {
        position: absolute;
        top: 15px;
        left: 100px;
    }

    .name-expand > .account-details[b-o64exgytbk] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 68px;
        border: 2px solid #80808080;
    }

    .name-expand > .disconnect[b-o64exgytbk] {
        position: absolute;
        margin-left: -2px;
        height: 50px;
        width: 500px;
        top: 116px;
        border: 2px solid #80808080;
    }

.pages-select[b-o64exgytbk] {
    position: absolute;
    top: 650px;
    width: 1550px;
    height: 80px;
    background-color: #70707060;
    border: 2px solid #80808080;
    border-radius: 0px 0px 5px 5px;
}

.pages-number[b-o64exgytbk] {
    position: absolute;
    width: 100px;
    height: 50px;
    left: 950px;
}

    .pages-number > h2[b-o64exgytbk] {
        font-family: 'karlaregular';
        font-size: 15px;
        position: absolute;
        top: 30px;
    }

    .pages-number > p[b-o64exgytbk] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 15px;
        left: 140px;
        top: 28px;
    }

    .pages-number > .select-number[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 80px;
        top: 20px;
        width: 50px;
        height: 35px;
    }

        .pages-number > .select-number > p[b-o64exgytbk] {
            font-family: 'karlaregular';
            font-size: 15px;
            position: absolute;
            top: 4px;
            left: 5px;
        }

        .pages-number > .select-number > img[b-o64exgytbk] {
            position: absolute;
            left: 28px;
            top: 10px;
        }

.pages-navigation[b-o64exgytbk] {
    position: absolute;
    left: 1230px;
    top: 20px;
    width: 286px;
    height: 35px;
    border: 2px solid #808080;
    border-radius: 2px 2px 2px 2px;
}

    .pages-navigation > .go-first[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: -2px;
    }

        .pages-navigation > .go-first > img[b-o64exgytbk] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

    .pages-navigation > .go-back[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 46px;
    }

        .pages-navigation > .go-back > img[b-o64exgytbk] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .around-first[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 79px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-first > p[b-o64exgytbk] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-second[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 105px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-second > p[b-o64exgytbk] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .around-third[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 131px;
        height: 35px;
        top: -2px;
        width: 28px;
    }

        .pages-navigation > .around-third > p[b-o64exgytbk] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 8px;
        }

    .pages-navigation > .choose-page[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        left: 157px;
        height: 35px;
        top: -2px;
        width: 46px;
    }

        .pages-navigation > .choose-page > p[b-o64exgytbk] {
            position: absolute;
            font-family: 'karlaregular';
            font-size: 18px;
            top: 3px;
            left: 16px;
        }

    .pages-navigation > .go-next[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 35px;
        top: -2px;
        left: 201px;
    }

        .pages-navigation > .go-next > img[b-o64exgytbk] {
            position: absolute;
            top: 8px;
            left: 8px;
        }

    .pages-navigation > .go-last[b-o64exgytbk] {
        position: absolute;
        border: 2px solid #808080;
        border-radius: 2px 2px 2px 2px;
        height: 35px;
        width: 50px;
        top: -2px;
        left: 234px;
    }

        .pages-navigation > .go-last > img[b-o64exgytbk] {
            position: absolute;
            left: 15px;
            top: 8px;
        }

.pages-navigation[b-o64exgytbk] {
    cursor: pointer;
}

.white-select[b-o64exgytbk] {
    z-index: 1;
    position: absolute;
    width: 240px;
    height: 60px;
    left: 0;
    top: 310px;
    background-color: white;
    cursor: pointer;
}

    .white-select > img[b-o64exgytbk] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 22px;
        left: 30px;
    }

    .white-select > h2[b-o64exgytbk] {
        position: absolute;
        top: 22px;
        left: 60px;
    }

.title[b-o64exgytbk] {
    position: absolute;
    top: 119px;
    left: 292px;
    width: 1568px;
    height: 98px;
    border: 1px solid #707070;
    background-color: transparent;
    border-radius: 5px;
}

    .title > h1[b-o64exgytbk] {
        margin-top: 30px;
        margin-left: 20px;
    }

.order-info[b-o64exgytbk] {
    position: absolute;
    z-index: 10;
    left: 680px;
    top: 119px;
    width: 800px;
    height: 820px;
    border: 2px solid grey;
    background-color: white;
}

    .order-info > h1[b-o64exgytbk] {
        position: absolute;
        left: 30px;
        top: 30px;
    }

    .order-info > img[b-o64exgytbk] {
        position: absolute;
        width: 25px;
        height: 25px;
        left: 730px;
        top: 40px;
    }

        .order-info > img:hover[b-o64exgytbk] {
            cursor: pointer;
        }

    .order-info > .order-status[b-o64exgytbk] {
        position: absolute;
        top: 110px;
        left: 180px;
    }

    .order-info > .order-status > p[b-o64exgytbk] {
        position: absolute;
        margin-top: 8px;
        margin-left: -150px;
    }

    .order-info > .order-client-info[b-o64exgytbk] {
        position: absolute;
        top: 190px;
        left: 30px;
    }

    .order-info > .order-client-info > p[b-o64exgytbk] {
        position: absolute;
    }

    .order-info > .order-info-grid[b-o64exgytbk] {
        position: absolute;
    }

    .order-info > .order-info-recap[b-o64exgytbk] {
        position: absolute;
        top: 559px;
        left: 30px;
        width: 725px;
        height: 110px;
        background-color: white;
        border: 1px solid #80808050;
    }

        .order-info > .order-info-recap > h4[b-o64exgytbk] {
            margin-top: 10px;
            margin-left: 10px;
        }

    .order-info > .order-info-results[b-o64exgytbk] {
        position: absolute;
        top: 560px;
        left: 650px;
    }

        .order-info > .order-info-results > h4[b-o64exgytbk] {
            margin-top: 10px;
        }

    .order-info > .order-info-total[b-o64exgytbk] {
        position: absolute;
        top: 668px;
        left: 30px;
        background-color: white;
        border: 1px solid #80808050;
        width: 725px;
        height: 45px;
    }

        .order-info > .order-info-total > h4[b-o64exgytbk] {
            position: absolute;
            top: 13px;
            left: 10px;
        }

    .order-info > button[b-o64exgytbk] {
        position: absolute;
        top: 760px;
        left: 200px;
    }

        .order-info > button > h3[b-o64exgytbk] {
            margin-top: 10px;
        }
/* _content/NATISA/Pages/Diagnostic Pages/Hydration/Hydration.razor.rz.scp.css */
p[b-czasem8dzg] {
    font-family: 'karlaregular';
}

h4[b-czasem8dzg] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    font-weight: 400;
}

h1[b-czasem8dzg] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-czasem8dzg] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

.flat-button:hover[b-czasem8dzg] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-czasem8dzg] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-czasem8dzg] {
        width: 5vw;
    }

.diag-content-tablet[b-czasem8dzg] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top: 7vh;
}

    .diag-content-tablet > button:hover[b-czasem8dzg] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-czasem8dzg] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-czasem8dzg] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h2[b-czasem8dzg] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-czasem8dzg] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
    }



    .diag-content-tablet > .form-tablet > label > p[b-czasem8dzg] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        font-weight: bold;
    }

.diag-selection-tablet[b-czasem8dzg] {
    position: absolute;
    margin: auto;
    top: 556px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-czasem8dzg] {
    position: absolute;
    top: 0;
    z-index: 1;
    
}
    .diag-illustration-tablet > img[b-czasem8dzg] {
        width: 100vw;
    }

#flower-tablet[b-czasem8dzg] {
    position: absolute;
    /* height: 1018px; */
    width: 59vw;
    /* left: 443px; */
    /* top: 402px; */
    top: 9vh;
    z-index: -1;
    left: 26vw;

}

.circular-button[b-czasem8dzg] {
    width: 42px;
    height: 42px;
    background-color: var(--mhb-white);
    border-radius: 42px;
}

    .circular-button > a[b-czasem8dzg] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
    }

    .circular-button > * > img[b-czasem8dzg] {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 12px;
        height: 16px;
    }

.form-tablet[b-czasem8dzg] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 1.5vh;
    z-index: 1;
    position: absolute;
}

    .form-tablet > button[b-czasem8dzg] {
        margin-top: 5vh;
        padding: 3vw;
    }
        .form-tablet > button > p[b-czasem8dzg] {
            font-size: 30px;
            font-family: 'glacial_indifferencebold';
            color: #183029;
            margin-top: 3px
        }
     

    .form-tablet > label[b-czasem8dzg] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 25px;
        font-family: 'karlabold';
        color: var(--mhb-black);
    }

        .form-tablet > label > span[b-czasem8dzg] {
            margin-bottom: 10px;
        }

        .form-tablet > label > input[b-czasem8dzg] {
            width: 60vw;
            height: 6vh;
            border-radius: 35px;
            background-color: #EEEEEE;
            padding-left: 40px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-style: none;
            outline: none;
            font-size: calc(40px + 1vh);
            font-family: 'karlaregular';
        }

.diag-content[b-czasem8dzg] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);

    padding-left: 100px;
    padding-top: 277px;
}

.diag-selection[b-czasem8dzg] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-czasem8dzg] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.form[b-czasem8dzg] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 48px;
    z-index: 1;
    position: absolute;
}

    .form > button[b-czasem8dzg] {
        margin-top: 104px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        border-style: none;
        outline: none;
    }

    .form > label[b-czasem8dzg] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 16px;
        font-family: 'karlaregular';
        color: var(--mhb-black);
    }

    .form > label > span[b-czasem8dzg] {
        margin-bottom: 10px;
    }

    .form > label > input[b-czasem8dzg] {
        width: 349px;
        border-radius: 35px;
        height: 50px;
        background-color: #EEEEEE;
        padding-left: 20px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        border-style: none;
        outline: none;
}

.banner[b-czasem8dzg] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    opacity: 85%;
}

#flower[b-czasem8dzg] {
    position: absolute;
    height: 732px;
    width: 461px;
    left: 557px;
    top: 468px;
}

.exit[b-czasem8dzg] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-czasem8dzg] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/* Chrome, Safari, Edge, Opera */
    input:: -webkit-outer-spin-button[b-czasem8dzg], input[b-czasem8dzg]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-czasem8dzg] {
    -moz-appearance: textfield;
}

/*# sourceMappingURL=.\Pages\Diagnostic Pages\PatientInfo.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/Photo/Acquisition.razor.rz.scp.css */

main[b-lrial2ep2g] {
    height: 100vh;
    width:100vw;
}
body[b-lrial2ep2g] {
    height: 100vh;
    width: 100vw;
    margin:0;
}

h3[b-lrial2ep2g] {
    font-family: 'karlaregular';
    font-size: 18px;
    color: var(--mhb-white);
}

h2[b-lrial2ep2g] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: var(--mhb-white);
}

.top-banner-tablet[b-lrial2ep2g] {
    position: absolute;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 6vh;
    align-items: center;
    border: 0px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
}

    .top-banner-tablet > div > h3[b-lrial2ep2g] {
        font-size: 2vw;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0px;
    }

    .top-banner-tablet > h3[b-lrial2ep2g] {
        color: var(--mhb-green-bold);
    }

    .top-banner-tablet > div[b-lrial2ep2g] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .top-banner-tablet > div > img[b-lrial2ep2g] {
            color: var(--mhb-white);
            width: 1vw;
            margin-left: 1vw;
            height: 5vh;
            transform: rotateZ(180deg);
        }

.content-tablet[b-lrial2ep2g] {
    position: absolute;
   
    width: 100vw;
    height: 100vh;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-tablet > .inner[b-lrial2ep2g] {
    position: absolute;
    z-index: 9999;
    top: 250px;
    left: 0;
    display:none;
}
    .content-tablet > .placement-helper-tablet[b-lrial2ep2g] {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2vw;
    }

        .content-tablet > .placement-helper-tablet > img[b-lrial2ep2g] {
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
        }

        .content-tablet > .placement-helper-tablet > .placement-oval-tablet[b-lrial2ep2g] {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .content-tablet > .placement-helper-tablet > .placement-oval-tablet > img[b-lrial2ep2g] {
                filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
                width: 578px;
                height: 794px;
            }

            .content-tablet > .placement-helper-tablet > .placement-oval-tablet > p[b-lrial2ep2g] {
                font-family: 'glacial_indifferenceregular';
                font-size: 4vw;
                color: var(--mhb-white);
                width: 42vw;
                margin-top: 1vh;
                text-align: center;
                position: absolute;
            }

    .content-tablet > video[b-lrial2ep2g] {
        height: 100%;
        width: 100%;
        /*object-fit:cover;*/
    }
    #test[b-lrial2ep2g]{
   height: auto;
        width: 100%;
        height:100%
    }
#videoContainer[b-lrial2ep2g] {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

    .content-tablet > button[b-lrial2ep2g] {
        position: absolute;
        width: 10vw;
        height: 10vw;
        right: 5vw;
        top: 80vh;
        border-radius: 48px;
        background-color: #7F9C9080;
    }

#capture-progress-tablet[b-lrial2ep2g] {
    position: absolute;
    margin: 0;
    margin-top: 48vh;
    color: var(--mhb-white);
    text-align: center;
    font-family: 'glacial_indifferenceregular';
    font-size: 4vw;
}
/*#capture-progress-tablet {
    position: absolute;
    bottom: 31px;
    left: 580px;
    top: 1500px;
    margin: auto;
    color: var(--mhb-white);
    text-align: center;
    font-family: 'glacial_indifferenceregular';
    font-size: 60px;
}*/

#canvas-tablet[b-lrial2ep2g] {
/*    width:100%;
    height:100%;
    object-fit: fill;

    object-fit: cover;*/
}

.top-banner[b-lrial2ep2g] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC280;
    z-index: 3;
}

    .top-banner > *[b-lrial2ep2g] {
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner > div[b-lrial2ep2g] {
        display: flex;
        align-items: center;
    }

        .top-banner > div > h3[b-lrial2ep2g] {
            margin-bottom: 0px;
        }

    .top-banner > div > img[b-lrial2ep2g] {
        color: var(--mhb-white);
        width: 12px;
        height: 11px;
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
        transform: rotateZ(180deg);
        margin-left: 16px;
        margin-top: 5px;

    }

.content[b-lrial2ep2g] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

    .content > .inner[b-lrial2ep2g] {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .content > button[b-lrial2ep2g] {
        width: 400px;
        z-index: 3;
    }

    .content > .placement-helper[b-lrial2ep2g] {
        z-index: 3;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 81px;
    }
        .content > .placement-helper > img[b-lrial2ep2g] {
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
        }

        .content > .placement-helper > .placement-oval[b-lrial2ep2g] {
            z-index: 3;
            display: flex;
            
        }

            .content > .placement-helper > .placement-oval > img[b-lrial2ep2g] {
                filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
                width: 700px;
                height: 900px;
            }

            .content > .placement-helper > .placement-oval > p[b-lrial2ep2g] {
                font-family: 'glacial_indifferenceregular';
                font-size: 40px;
                color: var(--mhb-white);
                width: 436px;
                margin-left: 150px;
                margin-top: 200px;
                text-align: center;
                position: absolute;
            }

    .content > video[b-lrial2ep2g] {
        width: auto;
        height: 100%;
        z-index: -1;
        Width: 1920px;
        Height: 1080px;
    }

    .content > button[b-lrial2ep2g] {
        position: absolute;
        width: 48px;
        height: 48px;
        right: 48px;
        bottom: 48px;
        border-radius: 48px;
        background-color: #000000a6;
    }

#capture-progress[b-lrial2ep2g] {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--mhb-white);
    text-align: center;

    font-family: 'glacial_indifferenceregular';
    font-size: 70px;
    z-index: 3;
}

.flash[b-lrial2ep2g] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--mhb-white);
    z-index: 4;
    --animate-duration: 0.3s;
    pointer-events: none;
}

.flash-tablet[b-lrial2ep2g] {
    position: absolute;
    left: 0;
    top: 0;
    width: 1200px;
    height: 2000px;
    background-color: var(--mhb-white);
    z-index: 4;
    --animate-duration: 0.3s;
    pointer-events: none;
}

.loading[b-lrial2ep2g] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    z-index: 2;
}

    .loading > div[b-lrial2ep2g] {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }    

        .loading > div > h1[b-lrial2ep2g] {
            margin-top: 25px;
            font-family: 'glacial_indifferenceregular';
            font-size: 35px;
            color: rgba(255, 255, 255, 0.8);
        }

        .loading > div > h3[b-lrial2ep2g] {
            margin-top: 5px;
            font-family: 'karlaregular';
            font-size: 20px;
            color: rgba(255, 255, 255, 0.5);
        }

    .loading > div > svg[b-lrial2ep2g] {
        width: 250px;
        height: 250px;
    }

.loading-tablet[b-lrial2ep2g] {
    position: absolute;
    left: 0;
    top: 120px;
    width: 1200px;
    height: 1880px;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    z-index: 2;
}

    .loading-tablet > div[b-lrial2ep2g] {
        display: flex;
        width: 1200px;
        height: 1880px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .loading-tablet > div > h1[b-lrial2ep2g] {
            margin-top: 25px;
            font-family: 'glacial_indifferenceregular';
            font-size: 35px;
            color: rgba(255, 255, 255, 0.8);
        }

        .loading-tablet > div > h3[b-lrial2ep2g] {
            margin-top: 5px;
            font-family: 'karlaregular';
            font-size: 20px;
            color: rgba(255, 255, 255, 0.5);
        }

        .loading-tablet > div > svg[b-lrial2ep2g] {
            width: 250px;
            height: 250px;
        }

#canvas[b-lrial2ep2g] {
    display:none;
}

.grid-container[b-lrial2ep2g] {
    position: absolute;
    display: grid;
    grid-template-areas:
        '1 2 3 4 5 6'
        '7 8 9 10 11 12'
        '13 14 15 16 17 18'
        '19 20 21 22 23 24';
}

    .grid-container > div[b-lrial2ep2g] {
        border: 2px solid #909090;
        background-color: transparent;
        text-align: center;
        padding: 00px 0;
        font-size: 30px;
    }

.slide-container[b-lrial2ep2g] {
    position: absolute;
    top: 80px;
    left: 730px;
    z-index: 2;
}

    .slide-container > h1[b-lrial2ep2g] {
        font-size: 15px;
    }

    .slide-container > input[b-lrial2ep2g] {
        position: absolute;
        left: 160px;
    }

    .slide-container > button[b-lrial2ep2g] {
        position: absolute;
        left: 300px;
        top: 20px;
    }

.blur-cam[b-lrial2ep2g] {
    z-index: 1;
}

    .blur-cam > img[b-lrial2ep2g] {
        z-index: 1;
        top: -35px;
        position: relative;
        z-index: 3;
        opacity: 0.6;
        filter: brightness(0.5);
    }

.take-picture[b-lrial2ep2g] {
    position: absolute;
    left: 1650px;
    top: 980px;
    width: 200px;
    height: 50px;
    z-index: 3;
    background-color: var(--mhb-blue);
    border-radius: 30px;
}

    .take-picture:hover[b-lrial2ep2g] {
        background-color: var(--mhb-green-light);
    }

    .take-picture > button > p[b-lrial2ep2g] {
        margin-top: 7px;
        margin-left: 5px;
        font-size: 16px;
        font-family: 'karlaregular';
    }

    .take-picture > button > img[b-lrial2ep2g] {
        margin-left: 25px;
        margin-top: 5px;
    }
/* _content/NATISA/Pages/Diagnostic Pages/Photo/Home.razor.rz.scp.css */
@media only screen and (min-width: 1201px) {
    main[b-wupphi4kn5] {
        background-image: url("/res/15-page-diagnostic-etape-3-photographie-accueil.jpg");
        height: 100%;
    }
}

h3[b-wupphi4kn5] {
    font-family: 'karlaregular';
    font-size: 18px;
    color: var(--mhb-white);
}

h2[b-wupphi4kn5] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: var(--mhb-white);
}

h4[b-wupphi4kn5] {
    font-family: 'glacial_indifferenceregular';
    color: white;
    font-size: 20px;
    font-weight: 400;
}

.flat-button:hover[b-wupphi4kn5] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.banner[b-wupphi4kn5] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    opacity: 85%;
}

.banner-tablet[b-wupphi4kn5] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 120px;
    opacity: 85%;
}

.top-banner-tablet[b-wupphi4kn5] {
    position: absolute;
    top: 90px;
    left: 0;
    display: flex;
    width: 1200px;
    justify-content: space-around;
    flex-direction: row;
    height: 92px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
}

    .top-banner-tablet > *[b-wupphi4kn5] {
        padding-top: 8px;
    }

    .top-banner-tablet > div[b-wupphi4kn5] {
        display: flex;
    }

        .top-banner-tablet > div > img[b-wupphi4kn5] {
            color: var(--mhb-white);
            width: 12px;
            height: 11px;
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }

.content-tablet[b-wupphi4kn5] {
    position: absolute;
    top: 20vh;
    left: 10vw;
}
    .content-tablet > h4[b-wupphi4kn5] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';

    }

    .content-tablet > h1[b-wupphi4kn5] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: white;
    }

    .content-tablet > h3[b-wupphi4kn5] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        font-weight: lighter;
        margin-bottom: 5vh;
    }


        .content-tablet > button > p[b-wupphi4kn5] {
            font-weight: 600;
            font-size: calc(5px + 2vw);
        }

.steps-tablet[b-wupphi4kn5] {
    display: flex;
    flex-direction: column;
    gap: 3vh;
    margin-top: 4vh;
}

    .steps-tablet > div[b-wupphi4kn5] {
        width: 70vw;
        height: 5vh;
        border-radius: 160px;
        border: 1px solid var(--mhb-white);
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .steps-tablet > div > p[b-wupphi4kn5] {
            font-family: 'glacial_indifferenceregular';
            font-size: calc(5px + 2vw);
            color: var(--mhb-white);
            display: block;
            margin-bottom: 0;
            margin-left: 10%;
            
        }

.top-banner[b-wupphi4kn5] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 1920px;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
}

    .top-banner > *[b-wupphi4kn5] {
        padding-top: 8px;
    }

    .top-banner > div[b-wupphi4kn5] {
        display: flex;
    }

    .top-banner > div > img[b-wupphi4kn5] {
        color: var(--mhb-white);
        width: 12px;
        height: 11px;
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(105%);
        transform: rotateZ(180deg);
        margin-left: 16px;
        margin-top: 5px;

    }

.content[b-wupphi4kn5] {
    margin-left: 140px;
    padding-top: 284px;
}
    
    .content > h1[b-wupphi4kn5] {
        font-family: 'glacial_indifferenceregular';
        font-size: 40px;
        color: var(--mhb-white);
    }

    .content > h3[b-wupphi4kn5] {
        font-family: 'karlaregular';
        font-size: 18px;
        font-weight: 300;
    }

    .content > button[b-wupphi4kn5] {
        width: 239px;
        height: 52px;
        margin-top: 30px;
    }

        .content > button > p[b-wupphi4kn5] {
            font-weight: 600;
        }

.steps[b-wupphi4kn5] {
    margin-top: 60px;
    display: flex;
    gap: 14px;
}

    .steps > div[b-wupphi4kn5] {
        width: 190px;
        height: 300px;
        border-radius: 160px;
        border: 1px solid var(--mhb-white);
        text-align: center;
        display: flex;
        justify-content: center;
        padding-top: 80px;
    }

    .steps > div > p[b-wupphi4kn5] {
        font-family: 'glacial_indifferenceregular';
        font-size: 20px;
        color: var(--mhb-white);
    }

.bottom-banner[b-wupphi4kn5] {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media only screen and (min-width: 1201px) {
    .exit[b-wupphi4kn5] {
        position: absolute;
        left: 70px;
        top: 1000px;
        height: 40px;
        width: 40px;
        border-radius: 20px 20px 20px 20px;
        background-color: white;
        z-index: 1;
    }

        .exit > img[b-wupphi4kn5] {
            position: absolute;
            left: 10px;
            top: 10px;
            width: 20px;
            height: 20px;
        }
}

@media only screen and (max-width: 1200px) {
    .exit[b-wupphi4kn5] {
        display: flex;
        position: absolute;
        z-index: 3;
        background-color: var(--mhb-white);
        border-radius: 5vw;
        border: 10px solid transparent;
        width: 6vw;
        height: 6vw;
        top: 7vh;
        left: 7vw;
        justify-content: center;
        align-items: center;
    }

        .exit > img[b-wupphi4kn5] {
            width: 4vw;
        }
}


/* _content/NATISA/Pages/Diagnostic Pages/Photo/Intro.razor.rz.scp.css */
p[b-44tdkthkwk] {
    font-family: 'karla';
}

h4[b-44tdkthkwk] {
    font-family: 'glacial_indifferenceregular';
    color: var(--mhb-green-bold);
    font-size: 20px;
    font-weight: 400;
}

h1[b-44tdkthkwk] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-44tdkthkwk] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

.flat-button:hover[b-44tdkthkwk] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-44tdkthkwk] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-44tdkthkwk] {
        width: 5vw;
    }

    .return-button-tablet > h2[b-44tdkthkwk] {
        font-family: 'karlaregular';
        font-size: 30px;
        margin-top: -29px;
        margin-left: 20px;
        color: var(--mhb-green-bold);
    }

.diag-content-tablet[b-44tdkthkwk] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 12vw;
    padding-top: 4vh;
}

    .diag-content-tablet > h4[b-44tdkthkwk] {
        font-family: 'karlaregular';
        font-size: 25px;
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-44tdkthkwk] {
        font-family: 'glacial_indifferenceregular';
        font-size: calc(35px + 1vw);
        color: var(--mhb-green-bold);
    }

    .diag-content > div[b-44tdkthkwk] {
        z-index: 3;
    }

    .diag-content-tablet > div > h3[b-44tdkthkwk] {
        width: 80vw;
        font-family: 'karlaregular';
        font-size: calc(15px + 0.5vh);
        color: var(--mhb-green-bold);
        z-index: 3;
    }

.diag-selection-tablet[b-44tdkthkwk] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-44tdkthkwk] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
}
    .diag-illustration-tablet > img[b-44tdkthkwk] {
        width: 100vw;
    }

.diag-illustration-inner-tablet[b-44tdkthkwk] {
    position: absolute;
    top: 60px;
    left: 148px;
    z-index: 1;
}

.form-tablet[b-44tdkthkwk] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.2vh;
    margin-top: 1vh;
    z-index: 1;
    position: absolute;
}

    .form-tablet > h4[b-44tdkthkwk] {
        font-size: 50px;
        font-family: 'karlaregular';
        color: var(--mhb-black);
    }

.banner-tablet[b-44tdkthkwk] {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100vw;
    opacity: 85%;
}

.details-tablet[b-44tdkthkwk] {
    display: flex;
    gap: 0.5vh;
    flex-direction: column;
}

    .details-tablet > p[b-44tdkthkwk] {
        font-family: 'karlaregular';
        font-weight: 300;
        font-size: calc(10px + 3vw);
    }

    .details-tablet > detail-tablet > div > h4[b-44tdkthkwk] {
        font-family: 'karlaregular';
        font-weight: 300;
        font-size: calc(30px + 2vh);
    }

.detail-tablet[b-44tdkthkwk] {
    display: flex;
    gap: 3vw;
    flex-direction: row;
    align-items: center;
}

    .detail-tablet > img[b-44tdkthkwk] {
        width: 5vw;
        height: 10vh;
    }

#flower-tablet[b-44tdkthkwk] {
    position: absolute;
    height: 50vh;
    width: 50vw;
    left: 50vw;
    bottom: 0;
    z-index: -1;
}

.diag-content[b-44tdkthkwk] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);

    padding-left: 100px;
    padding-top: 182px;
}

.diag-selection[b-44tdkthkwk] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-44tdkthkwk] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.diag-illustration-inner[b-44tdkthkwk] {
    position: absolute;
    z-index: 1;
    top: 90px;
    left: 190px;
}

.form[b-44tdkthkwk] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 48px;
    z-index: 1;
    position: absolute;
}

.banner[b-44tdkthkwk] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.details[b-44tdkthkwk] {
    display: flex;
    gap: 40px;
    flex-direction: column;
}

    .details > p[b-44tdkthkwk] {
        font-family: 'karlaregular';
        font-weight: 300;
        font-size: 18px;
    }

.detail[b-44tdkthkwk] {
    display: flex;
    gap: 37px;
}

    .detail > img[b-44tdkthkwk] {
        width: 71px;
        height: 114px;
    }

    .detail > div > h4[b-44tdkthkwk] {
        font-family: 'glacial_indifferenceregular';
        font-size: 20px;
    }

    .detail > div > p[b-44tdkthkwk] {
        font-family: 'karlaregular';
        font-weight: lighter;
        font-size: 16px;
    }

#flower[b-44tdkthkwk] {
    position: absolute;
    height: 732px;
    width: 461px;
    left: 557px;
    top: 468px;
}

.exit[b-44tdkthkwk] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-44tdkthkwk] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/*# sourceMappingURL=.\Pages\Diagnostic Pages\PatientInfo.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/Photo/Result.razor.rz.scp.css */
h1[b-wrvi9tkb87] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
}

h3[b-wrvi9tkb87] {
    font-family: 'karlaregular';
    font-size: 18px;
    color: black;
}

h2[b-wrvi9tkb87] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: black;
}

.flat-button:hover[b-wrvi9tkb87] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.verticalline[b-wrvi9tkb87] {
    border-left: 6px solid black;
    height: 500px;
}

.top-banner-tablet[b-wrvi9tkb87] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 6vh;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
}

    .top-banner-tablet > h3[b-wrvi9tkb87] {
        font-size: 20px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0px;
    }

    .top-banner-tablet > div > h3[b-wrvi9tkb87] {
        font-size: 20px;
        margin-right: 5px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-top: 0px;
        margin-bottom: 0px;
    }
        .top-banner-tablet > div > img[b-wrvi9tkb87]{
            margin-left: 20px;
        }

.results-content-tablet[b-wrvi9tkb87] {
    position: absolute;
    top: 40vh;
    left: 90px;
    object-fit: contain;
    z-index: 3;
    width: 85vw;
}

    .results-content-tablet > p[b-wrvi9tkb87] {
        font-size: 25px;
        color: var(--mhb-green-bold);
    }

    .results-content-tablet > h1[b-wrvi9tkb87] {
        font-size: 40px;
        color: var(--mhb-green-bold);
        font-family: 'glacial_indifferenceregular';
    }

.results-tablet[b-wrvi9tkb87] {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

    .results-tablet > div[b-wrvi9tkb87] {
        display: flex;
        flex-direction: column;
    }

        .results-tablet > div > p[b-wrvi9tkb87]{
            font-family: 'karla';
            font-size: 20px;
            font-weight: lighter;
        }

        .results-tablet > div > div[b-wrvi9tkb87] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: baseline;
        }

            .results-tablet > div > div > h3[b-wrvi9tkb87] {
                font-size: 25px;
                color: var(--mhb-green-bold);
                font-family: 'glacial_indifferenceregular';
            }

            .results-tablet > div > div > div > p[b-wrvi9tkb87] {
                font-family: 'karla';
                font-size: 25px;
                font-weight: lighter;
            }

            .results-tablet > div > div > div > div > div > progress[b-wrvi9tkb87] {
                width: 470px;
                height: 32px;
            }

body > div.page > main > div > main > div.results-content > div > div > p[b-wrvi9tkb87] {
    font-weight: 300;
    font-size: 16px;
    font-family: 'karlaregular';
}

#arrow-left-tablet[b-wrvi9tkb87] {
    transform: rotate(180deg);
    width: 18px;
    height: 18px;
}

#result-image-tablet[b-wrvi9tkb87] {
    position: absolute;
    top: 10vh;
    left: 11vw;
    width: 80vw;
    max-height: 30vh;
    object-fit: contain;
    border-radius: 30px 30px 0px 0px;
}

.top-banner[b-wrvi9tkb87] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC280;
    z-index: 2;
}

    .top-banner > *[b-wrvi9tkb87] {
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner > div[b-wrvi9tkb87] {
        display: flex;
        align-items: center;
    }

        .top-banner > div > h3[b-wrvi9tkb87] {
            margin-bottom: 0px;
        }

        .top-banner > div > img[b-wrvi9tkb87] {
            color: var(--mhb-white);
            width: 12px;
            height: 11px;
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }

.results-content[b-wrvi9tkb87] {
    position: absolute;
    top: 100px;
    left: 960px;
    object-fit: contain;
    z-index: 3;
}

.results[b-wrvi9tkb87] {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    
}

    .results > div[b-wrvi9tkb87] {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

        .results > div > div[b-wrvi9tkb87] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .results > div > div > h3[b-wrvi9tkb87]{
            margin-bottom: 0px;
        }
            .results > div > div > div[b-wrvi9tkb87]{
            margin-left:35px;
        }

body > div.page > main > div > main > div.results-content > div > div > p[b-wrvi9tkb87] {
    font-weight: 300;
    font-size: 16px;
    font-family: 'karlaregular';
}

#flower[b-wrvi9tkb87] {
    position: absolute;
    height: 732px;
    width: 461px;
    left: 1517px;
    top: 395px;
}

#result-image[b-wrvi9tkb87] {
    position: absolute;
    top: 100px;
    left: 140px;
    width: 690px;
    height: 880px;
    object-fit: cover;
    border-radius: 15px 0px 0px 15px;
    /*filter: sepia(1) opacity(0.55)*/
}

progress[b-wrvi9tkb87] {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--mhb-green-bold);
    background-color: var(--mhb-white);
    border-radius: 24px;
    height: 21px;
    width: 386px;
}

    progress[b-wrvi9tkb87]::-webkit-progress-bar {
        background-color: var(--mhb-white);
        border-radius: 24px;
    }

    progress[b-wrvi9tkb87]::-webkit-progress-value {
        background-color: var(--mhb-pink);
        border-radius: 24px;
    }

div.results-content > div > div:nth-child(1) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-red);
}

div.results-content > div > div:nth-child(2) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-pink);
}

div.results-content > div > div:nth-child(3) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-green-light);
}

div.results-content > div > div:nth-child(4) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-green);
}

/*Tablet*/

div.results-content-tablet > div > div:nth-child(1) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-red);
}

div.results-content-tablet > div > div:nth-child(2) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-pink);
}

div.results-content-tablet > div > div:nth-child(3) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-green-light);
}

div.results-content-tablet > div > div:nth-child(4) > div > div > div > div > progress[b-wrvi9tkb87]::-webkit-progress-value {
    background-color: var(--mhb-green);
}
/* _content/NATISA/Pages/Diagnostic Pages/Photo/Wrapup.razor.rz.scp.css */
h1[b-rm2nteemhj] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
}

h3[b-rm2nteemhj] {
    font-family: 'karlaregular';
    font-size: 18px;
    color: black;
}

h2[b-rm2nteemhj] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: black;
}

main[b-rm2nteemhj] {
    height: 2000px;
    width: 1200px;
}

.flat-button:hover[b-rm2nteemhj] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.top-banner-tablet[b-rm2nteemhj] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 6vh;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
}

    .top-banner-tablet > h3[b-rm2nteemhj] {
        font-size: 20px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0px;
    }
    .top-banner-tablet > div > h3[b-rm2nteemhj] {
        font-size: 20px;
        margin-right: 7px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner-tablet > div > img[b-rm2nteemhj] {
        transform: rotate(180deg);
        width: 18px;
        height: 18px;
        margin-left: 20px;
    }

.results-content-tablet[b-rm2nteemhj] {
    position: absolute;
    top: 8vh;
    left: 40px;
    object-fit: contain;
    z-index: 3;
    display: flex;
    flex-direction: column;
}

    .results-content-tablet > p[b-rm2nteemhj] {
        font-family: 'karlaregular';
        font-size: 25px;
        color: var(--mhb-green-bold);
    }

    .results-content-tablet > h1[b-rm2nteemhj] {
        font-family: 'glacial_indifferenceregular';
        font-size: 50px;
        color: var(--mhb-green-bold);
        margin-bottom: 0px;
    }

.results-tablet[b-rm2nteemhj] {
    display: inline-block;
    margin-top: 35px;
}

    .results-tablet > div[b-rm2nteemhj] {
        height: auto;
        width: fit-content;
        display: flex;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
        background-color: var(--mhb-white);
        border-radius: 30px 0px 30px 0px;
        overflow: hidden;
        margin-right: 40px;
        margin-bottom: 30px;
    }

        .results-tablet > div > div[b-rm2nteemhj] {
            display: flex;
            flex-direction: column;
        }

        .results-tablet > div > img[b-rm2nteemhj] {
            width: 30%;
            height: auto;
            object-fit: cover;
        }

        .results-tablet > div > div > p[b-rm2nteemhj] {
            width: 455px;
            font-family: 'karlaregular';
            font-size: 20px;
            font-weight: lighter;
            margin-left: 52px;
        }

        .results-tablet > div > div > h3[b-rm2nteemhj] {
            margin-top: 40px;
            margin-left: 48px;
            margin-bottom: 22px;
            width: 360px;
            font-family: 'karlaregular';
            font-size: 30px;
            color: var(--mhb-green-bold);
        }

.custom-progress-tablet[b-rm2nteemhj] {
    display: inline-block;
    margin-left: 51px;
    margin-right: 51px;
    margin-bottom: 13px;
}

    .custom-progress-tablet > div[b-rm2nteemhj] {
        margin-right: 21px;
        display: inline-block;
        width: 231px;
        height: 70px;
        background-color: #EEEEEE;
        border-radius: 50px 50px 50px 50px;
    }

    .custom-progress-tablet > div > p[b-rm2nteemhj] {
        margin-top: -35px;
        font-family: 'karlaregular';
        font-size: 20px;
        font-weight: bold;
        color: var(--mhb-green-bold);
    }

        .custom-progress-tablet > div > h1[b-rm2nteemhj] {
            font-family: 'karlaregular';
            font-size: 20px;
            margin-left: 40px;
            margin-top: 30px;
            color: black;
        }

body > div.page > main > div > main > div.results-content-tablet > div > div > p[b-rm2nteemhj] {
    font-weight: 300;
    font-size: 16px;
    font-family: 'karlaregular';
}

#result-image-tablet[b-rm2nteemhj] {
    position: absolute;
    top: 100px;
    left: 140px;
    width: 690px;
    height: 880px;
    object-fit: cover;
    border-radius: 15px 0px 0px 15px;
}

.top-banner[b-rm2nteemhj] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC280;
    z-index: 2;
}

    .top-banner > *[b-rm2nteemhj] {
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner > div[b-rm2nteemhj] {
        display: flex;
        align-items: center;
    }

        .top-banner > div > h3[b-rm2nteemhj] {
            margin-bottom: 0px;
        }

        .top-banner > div > img[b-rm2nteemhj] {
            color: var(--mhb-white);
            width: 12px;
            height: 11px;
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }

.results-content[b-rm2nteemhj] {
    position: absolute;
    top: 169px;
    left: 205px;
    object-fit: contain;
    z-index: 3;

    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.results[b-rm2nteemhj] {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    gap: 40px;
}

    .results > div[b-rm2nteemhj] {
        height: 550px;
        display: flex;
        flex-direction: column;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
        background-color: var(--mhb-white);
        border-radius: 30px 0px 0px 30px;
        overflow: hidden;
    }

        .results > div > div[b-rm2nteemhj] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .results > div > img[b-rm2nteemhj] {
            width: 470px;
            height: 230px;
            object-fit: cover;
        }

        .results > div > div > p[b-rm2nteemhj] {
            width: 360px;
            margin-top: 20px;
            font-family: 'karlaregular';
            font-size: 15px;
            font-weight: 300;
            margin-left: 49px;
        }

        .results > div > div > h3[b-rm2nteemhj] {
            margin-top: 50px;
            margin-left: 48px;
            width: 360px;
            font-family: 'karlaregular';
            font-size: 20px;
            font-weight: 400;
        }

.custom-progress[b-rm2nteemhj] {
    margin-left: 51px;
    margin-right: 51px;
}

    .custom-progress > div[b-rm2nteemhj] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .custom-progress > div > p[b-rm2nteemhj] {
        margin: 0;
        font-family: 'karlaregular';
        font-size: 12px;
        font-weight: 600;
    }

    .custom-progress > progress[b-rm2nteemhj] {
        margin-top: 10px;
        height: 48px;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid #18302980;
        border-radius: 35px;
        width: 100%;
    }

        .custom-progress > progress[b-rm2nteemhj]::-webkit-progress-bar {
            background-color: #EEEEEE;
            border-radius: 35px;
        }

        .custom-progress > progress[b-rm2nteemhj]::-webkit-progress-value {
            background-color: var(--mhb-cyan);
            border-radius: 35px;
        }



body > div.page > main > div > main > div.results-content > div > div > p[b-rm2nteemhj] {
    font-weight: 300;
    font-size: 16px;
    font-family: 'karlaregular';
}

#flower[b-rm2nteemhj] {
    position: absolute;
    height: 732px;
    width: 461px;
    left: 1517px;
    top: 395px;
}

#result-image[b-rm2nteemhj] {
    position: absolute;
    top: 100px;
    left: 140px;
    width: 690px;
    height: 880px;
    object-fit: cover;
    border-radius: 15px 0px 0px 15px;
}
/* _content/NATISA/Pages/Diagnostic Pages/Profile/ClientEdit.razor.rz.scp.css */
.register-member[b-awuwi20euv] {
    position: absolute;
    left: 100px;
    top: 180px;
    z-index: 3;
}

.register-member-tablet[b-awuwi20euv] {
    position: absolute;
    top: 10vh;
    left: 10vw;
    width: 80%;
    height: fit-content;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 4%;
}

.label-title[b-awuwi20euv]{
    display: flex;
    flex-direction: row;
}
/*    .register-member > h1 {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
        font-weight: lighter;
    }

    .register-member > h4 {
        margin-top: -10px;
        font-family: 'karlaregular';
        color: grey;
        font-size: 18px;
        font-weight: lighter;
    }

    .register-member > h2 {
        position: absolute;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
    }

    .register-member > h3 {
        position: absolute;
        top: 710px;
        font-family: 'karlaregular';
        font-size: 14px;
        font-weight: bold;
        color: red;
    }

    .register-member > input {
        position: absolute;
        margin-left: -40px;
        top: 40px;
        height: 45px;
        left: 40px;
        border: 2px solid #80808080;
    }

    .register-member > .radio-select {
        position: absolute;
        top: 35px;
    }

        .register-member > .radio-select > input {
            width: 20px;
            height: 20px;
        }

        .register-member > .radio-select > label {
            position: absolute;
            font-family: 'karlaregular';
            font-weight: bold;
            margin-left: 5px;
        }*/
.flat-button:hover[b-awuwi20euv] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

#Logi[b-awuwi20euv] {
    margin-left: 200px;
}

#pc-flower[b-awuwi20euv] {
    position: absolute;
    z-index: 2;
    right: 0px;
    bottom: 0px;
}

@media only screen and (max-width: 1200px) {
    #pc-flower[b-awuwi20euv] {
        position: absolute;
        z-index: 1;
        top: 185px;
        left: 306px;
    }
}

    .label-tablet[b-awuwi20euv] {
        padding-top: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: calc(3px + 1.5vw);
        font-family: 'karlaregular';
        color: var(--mhb-black);
        margin-bottom: 0;
    }

[b-awuwi20euv] .label-tablet > input {
    padding-top: 2px;
    width: 80vw;
    border: 1px solid #18302920 !important;
    border-radius: 35px;
    font-size: calc(5px + 1vw);
    height: 4vh;
    background-color: #EEEEEE;
    padding-left: 20px;
    border-style: none;
    outline: none;
}

        [b-awuwi20euv] .label-tablet > input[type="date"]::-webkit-calendar-picker-indicator {
            display: none;
        }

    .label-pc[b-awuwi20euv] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 16px;
        font-family: 'karlaregular';
        color: var(--mhb-black);
    }

    [b-awuwi20euv] .label-pc > input {
        width: 536px;
        border: 1px solid #18302920 !important;
        border-radius: 35px;
        height: 50px;
        background-color: #EEEEEE;
        padding-left: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-style: none;
        outline: none;
    }

        [b-awuwi20euv] .label-pc > input[type="date"]::-webkit-calendar-picker-indicator {
            display: none;
            -webkit-appearance: none;
        }

    label[b-awuwi20euv] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 16px;
        font-family: 'karlaregular';
        color: var(--mhb-black);
    }

    [b-awuwi20euv] label > div > input {
        width: 967px;
        border: 1px solid #18302920 !important;
        border-radius: 35px;
        height: 50px;
        background-color: #EEEEEE;
        padding-left: 20px;
        border-style: none;
        outline: none;
    }

        [b-awuwi20euv] label > div > input[type="date"]::-webkit-calendar-picker-indicator {
            display: none;
            -webkit-appearance: none;
        }

    .column-ZipCode[b-awuwi20euv] {
        float: left;
        width: 30%;
    }

    .column-City[b-awuwi20euv] {
        float: left;
        width: 70%;
    }

    .column-ZipCode-tablet[b-awuwi20euv] {
        float: left;
        width: 30%;
    }

    .column-City-tablet[b-awuwi20euv] {
        float: left;
        width: 70%;
    }

    input[b-awuwi20euv] {
        background-color: #EEEEEE;
        border: none;
        width: 100%;
        border-radius: 35px;
        padding-left: 25px;
        font-family: 'karlaregular';
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-style: none;
        outline: none;
    }

        input[b-awuwi20euv]::-webkit-input-placeholder {
            color: var(--mhb-black);
            opacity: 0.3;
        }

        input[b-awuwi20euv]::-moz-placeholder {
            color: var(--mhb-black);
            opacity: 0.3;
        }

        input:-ms-input-placeholder[b-awuwi20euv] {
            color: var(--mhb-black);
            opacity: 0.3;
        }

        input[b-awuwi20euv]::-ms-input-placeholder {
            color: var(--mhb-black);
            opacity: 0.3;
        }

        input[b-awuwi20euv]::placeholder {
            color: var(--mhb-black);
            opacity: 0.3;
        }
.button-back-tablet[b-awuwi20euv]{
    width: fit-content;
}
.button-back-tablet > p[b-awuwi20euv]{
    font-size: calc(5px + 2vw);
}

.bar[b-awuwi20euv] {
    width: 80vw;
    height: 2px;
    margin-top: 2vh;
    background-color: #70707090;
}
.button-tablet[b-awuwi20euv] {
    height: auto;
    width: auto;
    border-radius: 100px 100px 100px 100px;
    margin-top: 2vh;
}
    .button-tablet > p[b-awuwi20euv] {
        font-weight: bold;
        font-family: 'karlaregular';
        font-size: calc(5px + 1vw);
    }
    .top-banner[b-awuwi20euv] {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        width: 100%;
        justify-content: space-around;
        flex-direction: row;
        height: 50px;
        align-items: center;
        border-bottom: 3px;
        border-style: none none solid none;
        border-color: var(--mhb-black);
        background-color: #B7CDC2;
        z-index: 2;
    }

        .top-banner > *[b-awuwi20euv] {
            padding-top: 0px;
            margin-bottom: 0px;
        }

        .top-banner > div[b-awuwi20euv] {
            display: flex;
            align-items: center;
        }

            .top-banner > div > h3[b-awuwi20euv] {
                margin-bottom: 0px;
            }

            .top-banner > div > img[b-awuwi20euv] {
                color: var(--mhb-white);
                width: 12px;
                height: 11px;
                transform: rotateZ(180deg);
                margin-left: 16px;
                margin-top: 5px;
            }

    .bottom-banner[b-awuwi20euv] {
        position: absolute;
        top: 1040px;
        left: 0;
        display: flex;
        width: 100%;
        justify-content: space-around;
        flex-direction: row;
        height: 40px;
        justify-content: center;
        align-items: center;
        background-color: #80808020;
        z-index: 3;
    }

        .bottom-banner > h3[b-awuwi20euv] {
            top: 13px;
            position: absolute;
            font-size: 14px;
            font-family: 'karlaregular';
            font-weight: bold;
            color: var(--mhb-green-bold);
        } 
        .background[b-awuwi20euv] {
        background-color: white;
        z-index: 1;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
@media only screen and (max-width: 1200px) {
    .background[b-awuwi20euv] {
        background-color: white;
        z-index: 1;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
    }
}


.top-banner-tablet[b-awuwi20euv] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-between;
    flex-direction: row;
    height: 10vw;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
    padding: 4%;
}

        /*.top-banner-tablet {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 70px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC280;
    z-index: 2;
}*/

    .top-banner-tablet > h3[b-awuwi20euv] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0;
    }

    .top-banner-tablet > img[b-awuwi20euv] {
        width: 30vw;
        height:auto;
    }

        .top-banner-tablet > h2[b-awuwi20euv] {
            top: 10px;
            left: 500px;
            position: absolute;
            font-size: 20px;
            font-family: 'glacial_indifferenceregular';
            color: var(--mhb-green-bold);
        }

        .top-banner-tablet > div > h3[b-awuwi20euv] {
            left: 1000px;
            position: absolute;
            font-size: 20px;
            font-family: 'karlaregular';
            font-weight: bold;
            color: var(--mhb-green-bold);
        }

        .top-banner-tablet > div > img[b-awuwi20euv] {
            position: absolute;
            transform: rotate(180deg);
            left: 1150px;
            width: 18px;
            bottom: 55px;
            height: 18px;
        }


.bottom-banner-tablet[b-awuwi20euv] {
    position: absolute;
    /* top: 1040px; */
    bottom: 0px;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    align-items: center;
    background-color: #80808020;
    z-index: 3;
}

        .bottom-banner-tablet > h3[b-awuwi20euv] {
            font-size: calc(5px + 2vw);
            font-family: 'karlaregular';
            font-weight: bold;
            color: var(--mhb-green-bold);
        }
/* _content/NATISA/Pages/Diagnostic Pages/Profile/ClientProfile.razor.rz.scp.css */
h1[b-l4z8axymxh] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
}

h3[b-l4z8axymxh] {
    font-family: 'karlaregular';
    font-size: 18px;
    color: black;
}

h2[b-l4z8axymxh] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: black;
}

p[b-l4z8axymxh] {
    font-family: 'karlaregular';
    font-size: 16px;
    font-weight: 300;
}

.loader[b-l4z8axymxh] {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    Z-INDEX: 5;
}

@media only screen and (max-width: 1200px) {
    .loader[b-l4z8axymxh] {
        background: rgba(0,0,0,0.4);
        position: absolute;
        width: 1200px;
        height: 2000px;
        align-items: center;
        display: flex;
        justify-content: center;
        Z-INDEX: 100;
    }
}



.line[b-l4z8axymxh] {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #B7CDC2;
}

.load .line:nth-last-child(1)[b-l4z8axymxh] {
    animation: loadingAnimation-b-l4z8axymxh 0.6s 0.1s linear infinite;
}

.load .line:nth-last-child(2)[b-l4z8axymxh] {
    animation: loadingAnimation-b-l4z8axymxh 0.6s 0.2s linear infinite;
}

.load .line:nth-last-child(3)[b-l4z8axymxh] {
    animation: loadingAnimation-b-l4z8axymxh 0.6s 0.3s linear infinite;
}

.l[b-l4z8axymxh] {
    animation-delay: 0.72s;
}

@keyframes loadingAnimation-b-l4z8axymxh {
    0 {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.flat-button:hover[b-l4z8axymxh] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.bottom-banner-tablet[b-l4z8axymxh] {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 40px;
    align-items: center;
    text-align: center;
    padding-top: 12px;
    background-color: #80808020;
    z-index: 3;
}

.top-banner-tablet[b-l4z8axymxh] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-between;
    flex-direction: row;
    height: 10vw;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
    padding: 4%;
}

    .top-banner-tablet > h3[b-l4z8axymxh] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0;
    }

    .top-banner-tablet > div > h3[b-l4z8axymxh] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0;
        margin-right: 2%;
        white-space: nowrap;
    }
    .top-banner-tablet > div[b-l4z8axymxh]  {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .top-banner-tablet > div > img[b-l4z8axymxh] {
        transform: rotate(180deg);
    }
    .top-banner-tablet > img[b-l4z8axymxh] {
        width: 30vw;
    }

.profile-content-tablet[b-l4z8axymxh] {
    position: absolute;
    top: 12vh;
    margin-left: 10vw;
    display: flex;
    flex-direction: column;
    gap: 3vh;
}

/*////////////////////////*/

.diagnostics-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80vw;
}

.diagnostic-pad-tablet[b-l4z8axymxh] {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    width: 40vw;
    height: 100%;
}


    .diagnostic-pad-tablet > p[b-l4z8axymxh] {
        white-space: nowrap;
        font-family: 'karlaregular';
        font-size: calc(5px + 1vw);
        font-weight: bold;
        color: var(--mhb-black);
        margin-bottom: 0;
    }


.diagnostic-pad-line-tablet[b-l4z8axymxh] {
    margin-top: 2vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .diagnostic-pad-line-tablet > h3[b-l4z8axymxh] {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 1vw;
        font-family: 'karlaregular';
        font-weight: bold;
        color: #707070;
    }


.diagnostic-pad-tablet > div:nth-child(2) > .scheme-tablet > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
    background-color: var(--mhb-red);
}

.diagnostic-pad-tablet > div:nth-child(3) > .scheme-tablet > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
    background-color: var(--mhb-pink);
}

.diagnostic-pad-tablet > div:nth-child(4) > .scheme-tablet > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
    background-color: var(--mhb-green-light);
}

.diagnostic-pad-tablet > div:nth-child(5) > .scheme-tablet > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
    background-color: var(--mhb-green);
}
    /*///////////////*/

    .bilan-tablet[b-l4z8axymxh] {
}

    .bilan-tablet > h2[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: calc(5px + 1vw);
        color: var(--mhb-green-bold);
    }

    .bilan-tablet > h1[b-l4z8axymxh] {
        font-family: 'glacial_indifferenceregular';
        font-size: calc(10px + 3vw);
        color: var(--mhb-green-bold);
    }

    .bilan-tablet > p[b-l4z8axymxh] {
        margin-right: 270px;
        margin-top: 50px;
        display: inline-block;
        font-family: 'karlaregular';
        font-size: 25px;
        font-weight: bold;
        color: var(--mhb-black);
    }

    .bilan-tablet > h3[b-l4z8axymxh] {
        margin-top: 60px;
        font-family: 'glacial_indifferenceregular';
        font-size: 16px;
        color: var(--mhb-green-bold);
    }

    .bilan-tablet > div > progress[b-l4z8axymxh] {
        position: absolute;
        margin-top: -25px;
        margin-left: 210px;
        height: 85px;
        width: 265px;
    }

    .bilan-tablet > div > h4[b-l4z8axymxh] {
        position: absolute;
        margin-left: 230px;
        margin-top: 8px;
        font-family: 'karlaregular';
        font-size: 16px;
        color: var(--mhb-white);
    }

    .bilan-tablet > div > h3[b-l4z8axymxh] {
        margin-top: 5px;
    }

.second-row-tablet[b-l4z8axymxh] {
    margin-left: 520px;
    margin-top: -355px;
}

    .second-row-tablet > div[b-l4z8axymxh] {
        margin-top: 50px;
        display: flex;
        flex-direction: row;
    }

        .second-row-tablet > div > progress[b-l4z8axymxh] {
            position: absolute;
            margin-top: -25px;
            margin-left: 210px;
            height: 85px;
            width: 265px;
        }

        .second-row-tablet > div > h4[b-l4z8axymxh] {
            position: absolute;
            margin-left: 230px;
            margin-top: 8px;
            font-family: 'karlaregular';
            font-size: 16px;
            color: var(--mhb-white);
        }

        .second-row-tablet > div > h3[b-l4z8axymxh] {
            margin-top: 5px;
        }

.hydration-tablet[b-l4z8axymxh] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.hydration-pad-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: column;
    width: 40vw;
}

    .hydration-pad-tablet > h2[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-weight: bold;
        font-size: calc(5px + 1vw);
    }

.hydration-percent-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: row;
    gap: 9vw;
    margin-left: 3vw;
}

    .hydration-percent-tablet > p[b-l4z8axymxh] {
        display: inline;
        font-family: 'karlaregular';
        font-size: calc(1px + 1vw);
        color: var(--mhb-green-bold);
        font-weight: bold;
        margin-bottom: 0;
    }

.hydration-bar-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .hydration-bar-tablet > progress[b-l4z8axymxh] {
        height: 2vh;
        width: 80%;
        -webkit-appearance: none;
        border: 1px solid var(--mhb-green-bold);
        border-radius: 24px;
    }

        .hydration-bar-tablet > progress[b-l4z8axymxh]::-webkit-progress-bar {
            background-color: var(--mhb-white);
            border-radius: 24px;
        }

        .hydration-bar-tablet > progress[b-l4z8axymxh]::-webkit-progress-value {
            background-color: var(--mhb-beige);
            border-radius: 24px;
        }

.flat-button-tablet:hover[b-l4z8axymxh] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
    margin-top: 40px;
    margin-left: 20px;
    width: 475px;
    height: 40px
}

.new-diagnostic-tablet[b-l4z8axymxh] {
    position: absolute;
    top: 1480px;
    width: 495px;
    left: 615px;
    height: 220px;
    background-color: #EEEEEE;
}

    .new-diagnostic-tablet > h3[b-l4z8axymxh] {
        margin-left: 30px;
        margin-top: 30px;
        font-family: 'karlaregular';
        font-size: 25px;
        color: var(--mhb-black);
    }

    .new-diagnostic-tablet > button[b-l4z8axymxh] {
        margin-top: 20px;
        margin-left: 30px;
        width: 435px;
        height: 60px
    }

        .new-diagnostic-tablet > button > p[b-l4z8axymxh] {
            font-family: 'glacial_indifferenceregular';
            font-size: 28px;
            color: var(--mhb-green-bold);
            font-weight: bold;
        }

.new-cart-tablet[b-l4z8axymxh] {
    width: 39vw;
    background-color: #EEEEEE;
    padding: 1vh 1vw;
}

    .new-cart-tablet > h3[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: calc(5px + 0.5vw);
        color: var(--mhb-black);
    }

    .new-cart-tablet > button[b-l4z8axymxh] {
        width: auto;
    }

        .new-cart-tablet > button > p[b-l4z8axymxh] {
            font-family: 'glacial_indifferenceregular';
            font-size: calc(5px + 1vw);
            color: var(--mhb-green-bold);
            font-weight: bold;
            white-space: nowrap
        }

.button-bottom-tablet[b-l4z8axymxh]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.display-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: column;
}

.select-display-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    align-self: center;
}

    .select-display-tablet > h1[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: calc(5px + 1vw);
        font-weight: bold;
        color: var(--mhb-black);
        display: flex;
    }

    .select-display-tablet > h3[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: calc(5px + 1vw);
        color: #707070;
        display: flex;
    }

.informations-client-tablet[b-l4z8axymxh] {
}

.card-info-tablet[b-l4z8axymxh] {
    height: 28vh;
    width: 80vw;
    background-color: white;
    box-shadow: 0px 10px 5px #00000020;
    border-radius: 0 0 0 30px;
    position: relative;
    padding: 2vw 2vh;
}


.profile-infodetail-header-tablet[b-l4z8axymxh] {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}
    .profile-infodetail-header-tablet > img[b-l4z8axymxh] {
        height: 4%;
        padding: 2%;
        background-color: white;
        z-index: 5;
    }
    .profile-infodetail-header-tablet > h1[b-l4z8axymxh] {
        font-size: calc(5px + 3vw);
    }

.profile-infodetail-content-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: column;
}
    .profile-infodetail-content-tablet > p[b-l4z8axymxh]{
        font-size: calc(3px + 1.5vw);
        margin-bottom: 3%;
    }

.delivery-content-tablet[b-l4z8axymxh] {
 width: 100%;
 height: 100%;

}
    .delivery-content-tablet > h1[b-l4z8axymxh] {
        font-size: calc(5px + 4vw);
    }
    .delivery-content-tablet > h2[b-l4z8axymxh] {
        font-size: calc(5px + 2vw);
        margin-bottom: 0;
    }



    .payment-mode-tablet[b-l4z8axymxh] {
        height: 190px;
        width: 1022px;
        background-color: white;
        box-shadow: 0px 10px 5px #00000020;
        border-radius: 0 0 0 30px;
    }

    .payment-mode-tablet > h1[b-l4z8axymxh] {
        margin-top: 50px;
        margin-left: 60px;
        margin-bottom: 30px;
        font-family: 'karlaregular';
        font-size: 30px;
        color: var(--mhb-green-bold);
    }

    .payment-mode-tablet > h2[b-l4z8axymxh] {
        margin-left: 50px;
        font-family: 'karlaregular';
        font-size: 25px;
        color: var(--mhb-black);
    }

    .payment-mode-tablet > img[b-l4z8axymxh] {
        position: absolute;
        left: 970px;
        margin-top: -135px;
    }

.historique-deliver-tablet[b-l4z8axymxh] {
    position: absolute;
    top: 825px;
    background-color: white;
    width: 1020px;
    height: 600px;
    box-shadow: 0px 10px 5px #00000020;
    border-radius: 0 0 0 30px;
}

    .historique-deliver-tablet > div[b-l4z8axymxh] {
        background-color: #00000075;
        width: 900px;
        margin-left: 60px;
    }

    .historique-deliver-tablet > h1[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: 25px;
        color: var(--mhb-green-bold);
        margin-top: 20px;
        margin-left: 25px;
    }

    .historique-deliver-tablet > h2[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: 30px;
        margin-top: 10px;
        margin-left: 25px;
    }

historique-deliver-tablet > diag-scroll[b-l4z8axymxh] {
    margin-top: 100px;
}

.command-scroll-tablet[b-l4z8axymxh] {
    display: flex;
    height: 70%;
    flex-direction: column;
    gap: 5%;
    width: 100%;
}

        .command-scroll-tablet > div > h2[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: calc(5px + 1vw);
            display: inline-block;
            margin: 0;
        }

        .command-scroll-tablet > div > .facture-tablet > p[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: calc(3px + 0.5vw);
            font-weight: bold;
            display: inline-block;
            margin: 0;
        }
        .command-scroll-tablet > div > .facture-tablet[b-l4z8axymxh] {
            display: flex;
            flex-direction: row;
            gap: 0.5vw;
            align-items: center;

        }

    .command-scroll-tablet > h3[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: calc(3px + 0.5vw);
        font-weight: bold;
        margin-left: 2%;
        display: inline-block;
    }
    .command-scroll-tablet > div > .facture-tablet > input[b-l4z8axymxh] {
        margin-left: 3%;
        width: 1vw;
    }
    .command-scroll-tablet > div > button[b-l4z8axymxh] {
        width: auto;
        height: 3vh;
        border-radius: 100px 100px 100px 100px;
    }
        .command-scroll-tablet > div > button > p[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: calc(2px + 1vw);
            font-weight: bold;
            color: #183029;
            white-space: nowrap
        }
    .command-scroll-tablet > div[b-l4z8axymxh] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3%;
        width: 90%;
        margin-left: 0.5vw;
    }
.delivery-content-header-tablet[b-l4z8axymxh]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.delivery-content-header-tablet > button[b-l4z8axymxh]{
    width: 40%;
}
    .delivery-content-header-tablet > button > p[b-l4z8axymxh] {
        font-size: calc(7px + 1vw);
        font-weight: bold;
    }

.diag-scroll-tablet[b-l4z8axymxh] {
    display: inline-block;
    margin-top: 20px;
}

    .diag-scroll-tablet > div[b-l4z8axymxh] {
        margin-bottom: 20px;
        margin-top: 10px;
        margin-left: 10px;
    }

        .diag-scroll-tablet > div > h2[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: 20px;
            display: inline-block;
        }

        .diag-scroll-tablet > div > p[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: 20px;
            font-weight: bold;
            display: inline-block;
        }

.historique-diag-tablet[b-l4z8axymxh] {
    position: absolute;
    top: 825px;
    background-color: white;
    width: 1020px;
    height: 600px;
    box-shadow: 0px 10px 5px #00000020;
    border-radius: 0 0 0 30px;
}

    .historique-diag-tablet > div[b-l4z8axymxh] {
        background-color: #00000075;
        width: 900px;
        height: 2px;
        margin-left: 60px;
    }

    .historique-diag-tablet > h1[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: 25px;
        color: var(--mhb-green-bold);
        margin-top: 20px;
        margin-left: 25px;
    }

    .historique-diag-tablet > h2[b-l4z8axymxh] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
        margin-top: 10px;
        margin-left: 25px;
    }

.top-banner[b-l4z8axymxh] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    border-bottom: 3px;
    border-style: none none solid none;
    border-color: var(--mhb-black);
    background-color: #B7CDC2;
    z-index: 2;
}

    .top-banner > *[b-l4z8axymxh] {
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner > div[b-l4z8axymxh] {
        display: flex;
        align-items: center;
    }

        .top-banner > div > h3[b-l4z8axymxh] {
            margin-bottom: 0px;
        }

        .top-banner > div > img[b-l4z8axymxh] {
            color: var(--mhb-white);
            width: 12px;
            height: 11px;
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }

#pc-flower[b-l4z8axymxh] {
    position: absolute;
    z-index: 1;
    left: 1520px;
    top: 300px;
}

.bottom-banner[b-l4z8axymxh] {
    position: absolute;
    top: 1040px;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 40px;
    align-items: center;
    background-color: #80808020;
    z-index: 3;
}

    .bottom-banner > h3[b-l4z8axymxh] {
        top: 13px;
        position: absolute;
        font-size: 14px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
    }

.profile-content[b-l4z8axymxh] {
    position: absolute;
    top: 100px;
    left: 160px;
}

.bilan[b-l4z8axymxh] {
    position: absolute;
    white-space: nowrap;
    margin-left: -100px;
}

    .bilan > h2[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: 16px;
        color: var(--mhb-green-bold);
    }

    .bilan > h1[b-l4z8axymxh] {
        margin-top: -15px;
        font-family: 'glacial_indifferenceregular';
        font-size: 35px;
        width: 400px;
        color: var(--mhb-green-bold);
        font-weight: lighter;
    }

    .bilan > p[b-l4z8axymxh] {
        margin-right: 230px;
        margin-top: 20px;
        display: inline-block;
        white-space: nowrap;
        font-family: 'karlaregular';
        font-size: 16px;
        font-weight: bold;
        color: var(--mhb-black);
    }

    .bilan > h3[b-l4z8axymxh] {
        margin-top: 60px;
        font-family: 'glacial_indifferenceregular';
        font-size: 16px;
        color: var(--mhb-green-bold);
    }

    .bilan > div > progress[b-l4z8axymxh] {
        position: absolute;
        margin-top: 0px;
        margin-left: 150px;
        height: 30px;
        width: 200px;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid var(--mhb-green-bold);
        border-radius: 24px;
    }

        .bilan > div > progress[b-l4z8axymxh]::-webkit-progress-bar {
            background-color: var(--mhb-white);
            border-radius: 24px;
        }

        .bilan > div > progress[b-l4z8axymxh]::-webkit-progress-value {
            background-color: var(--mhb-pink);
            border-radius: 24px;
        }

.hydration > div > progress[b-l4z8axymxh]::-webkit-progress-value {
    background-color: var(--mhb-beige);
    border-radius: 24px;
}

.bilan > div > h4[b-l4z8axymxh] {
    position: absolute;
    margin-left: 165px;
    margin-top: 5px;
    font-family: 'karlaregular';
    font-size: 16px;
    color: var(--mhb-black);
}

.bilan > div > h3[b-l4z8axymxh] {
    margin-top: 5px;
    font-size: 13px;
    font-family: 'karlaregular';
    font-weight: lighter;
    color: #707070;
}

.diagnostics[b-l4z8axymxh] {
    display: flex;
    flex-direction: row;
}

.diagnostic-pad[b-l4z8axymxh] {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

    .diagnostic-pad > h2[b-l4z8axymxh] {
        font-family: 'karlaregular';
        font-size: 16px;
        color: var(--mhb-green-bold);
    }

    .diagnostic-pad > h1[b-l4z8axymxh] {
        margin-top: -15px;
        font-family: 'glacial_indifferenceregular';
        font-size: 35px;
        width: 400px;
        color: var(--mhb-green-bold);
        font-weight: lighter;
    }

    .diagnostic-pad > p[b-l4z8axymxh] {
        margin-right: 230px;
        margin-top: 20px;
        display: inline-block;
        white-space: nowrap;
        font-family: 'karlaregular';
        font-size: 16px;
        font-weight: bold;
        color: var(--mhb-black);
    }

    .diagnostic-pad > h3[b-l4z8axymxh] {
        margin-top: 60px;
        font-family: 'glacial_indifferenceregular';
        font-size: 16px;
        color: var(--mhb-green-bold);
    }

.diagnostic-pad-line[b-l4z8axymxh] {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .diagnostic-pad-line > h3[b-l4z8axymxh] {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 13px;
        font-family: 'karlaregular';
        font-weight: lighter;
        color: #707070;
    }

.scheme[b-l4z8axymxh] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-shrink: 0;
}
    .scheme > div > div > progress[b-l4z8axymxh] {
        height: 2vh;
        width: 10vw;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid var(--mhb-green-bold);
        border-radius: 24px;
    }

        .scheme > div > div > progress[b-l4z8axymxh]::-webkit-progress-bar {
            background-color: var(--mhb-white);
            border-radius: 24px;
        }

        .scheme > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
            background-color: var(--mhb-pink);
            border-radius: 24px;
            overflow: hidden;
        }

    .scheme > progress[b-l4z8axymxh] {
        height: 2vh;
        width: 10vw;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid var(--mhb-green-bold);
        border-radius: 24px;
    }
   

        .scheme > progress[b-l4z8axymxh]::-webkit-progress-bar {
            background-color: var(--mhb-white);
            border-radius: 24px;
        }

        .scheme > progress[b-l4z8axymxh]::-webkit-progress-value {
            background-color: var(--mhb-pink);
            border-radius: 24px;
            overflow: hidden;
        }

    .scheme > h4[b-l4z8axymxh] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: calc(5px + 0.5vw);
        color: var(--mhb-black);
        margin-top: 1%;
        margin-left: 4%;
    }


    .scheme > img[b-l4z8axymxh] {
        width: 0.7vw;
        margin: 0px 5px;
        justify-self: flex-end;
    }


    .diagnostic-pad > div:nth-child(2) > .scheme > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
    background-color: var(--mhb-red);
}

    .diagnostic-pad > div:nth-child(3) > .scheme > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
        background-color: var(--mhb-pink);
    }

    .diagnostic-pad > div:nth-child(4) > .scheme > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
        background-color: var(--mhb-green-light);
    }

    .diagnostic-pad > div:nth-child(5) > .scheme > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
        background-color: var(--mhb-green);
}

.scheme-tablet[b-l4z8axymxh] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex-shrink: 0;
}

    .scheme-tablet > div > div > progress[b-l4z8axymxh] {
        height: 2vh;
        width: 20vw;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid var(--mhb-green-bold);
        border-radius: 24px;
    }

        .scheme-tablet > div > div > progress[b-l4z8axymxh]::-webkit-progress-bar {
            background-color: var(--mhb-white);
            border-radius: 24px;
        }

        .scheme-tablet > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
            background-color: var(--mhb-pink);
            border-radius: 24px;
            overflow: hidden;
        }

    .scheme-tablet > progress[b-l4z8axymxh] {
        height: 2vh;
        width: 20vw;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid var(--mhb-green-bold);
        border-radius: 24px;
    }

        .scheme-tablet > progress[b-l4z8axymxh]::-webkit-progress-bar {
            background-color: var(--mhb-white);
            border-radius: 24px;
        }

        .scheme-tablet > progress[b-l4z8axymxh]::-webkit-progress-value {
            background-color: var(--mhb-pink);
            border-radius: 24px;
            overflow: hidden;
        }


    .scheme-tablet > h4[b-l4z8axymxh] {
        position: absolute;
        font-family: 'karlaregular';
        font-size: calc(5px + 0.5vw);
        color: var(--mhb-black);
        margin-top: 1%;
        margin-left: 5%;
    }


    .scheme-tablet > img[b-l4z8axymxh] {
        width: 1.5vw;
        margin: 0px 5px;
        justify-self: flex-end;
    }


    .hydration[b-l4z8axymxh] {
        position: absolute;
        top: 430px;
        width: 1200px;
        display: inline;
        margin-left: -100px;
    }

        .hydration > h2[b-l4z8axymxh] {
            display: inline;
            font-family: 'karlaregular';
            font-weight: bold;
            font-size: 16px;
            margin-right: 220px;
        }

    .hydration-firstbar[b-l4z8axymxh] {
        margin-top: 30px;
    }

        .hydration-firstbar > div[b-l4z8axymxh] {
            position: absolute;
            top: 55px;
            margin-top: -5px;
        }

            .hydration-firstbar > div > p[b-l4z8axymxh] {
                display: inline;
                font-family: 'karlaregular';
                font-size: 13px;
                color: var(--mhb-green-bold);
                font-weight: bold;
            }

            .hydration-firstbar > div > div > progress[b-l4z8axymxh] {
                position: absolute;
                height: 40px;
                width: 350px;
                appearance: none;
                -webkit-appearance: none;
                border: 1px solid var(--mhb-green-bold);
                border-radius: 24px;
                margin-top: 0px;
            }

                .hydration-firstbar > div > div > progress[b-l4z8axymxh]::-webkit-progress-bar {
                    background-color: var(--mhb-white);
                    border-radius: 24px;
                }

                .hydration-firstbar > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
                    background-color: var(--mhb-beige);
                    border-radius: 24px;
                }

    .hydration-secondbar[b-l4z8axymxh] {
        margin-top: 30px;
        margin-left: 465px;
    }

        .hydration-secondbar > div[b-l4z8axymxh] {
            position: absolute;
            top: 55px;
            left: 465px;
            margin-top: -5px;
        }

            .hydration-secondbar > div > p[b-l4z8axymxh] {
                display: inline;
                font-family: 'karlaregular';
                font-size: 13px;
                color: var(--mhb-green-bold);
                font-weight: bold;
            }

            .hydration-secondbar > div > div > progress[b-l4z8axymxh] {
                margin-left: 0px;
                position: absolute;
                height: 40px;
                width: 350px;
                appearance: none;
                -webkit-appearance: none;
                border: 1px solid var(--mhb-green-bold);
                border-radius: 24px;
                margin-top: 0px;
            }

                .hydration-secondbar > div > div > progress[b-l4z8axymxh]::-webkit-progress-bar {
                    background-color: var(--mhb-white);
                    border-radius: 24px;
                }

                .hydration-secondbar > div > div > progress[b-l4z8axymxh]::-webkit-progress-value {
                    background-color: var(--mhb-beige);
                    border-radius: 24px;
                }

    .new-diagnostic[b-l4z8axymxh] {
        position: absolute;
        top: 780px;
        width: 420px;
        height: 110px;
        background-color: #EEEEEE;
        left: -100px
    }

        .new-diagnostic > h3[b-l4z8axymxh] {
            margin-left: 30px;
            margin-top: 15px;
            font-family: 'karlaregular';
            font-size: 14px;
            color: var(--mhb-black);
        }

        .new-diagnostic > button > p[b-l4z8axymxh] {
            font-family: 'glacial_indifferenceregular';
            font-size: 14px;
            color: var(--mhb-green-bold);
            font-weight: bold;
        }

    .new-cart[b-l4z8axymxh] {
        position: absolute;
        top: 640px;
        width: 420px;
        height: 110px;
        background-color: #EEEEEE;
        margin-left: -100px;
    }

        .new-cart > h3[b-l4z8axymxh] {
            margin-left: 30px;
            margin-top: 15px;
            font-family: 'karlaregular';
            font-size: 14px;
            color: var(--mhb-black);
        }

        .new-cart > button > p[b-l4z8axymxh] {
            font-family: 'glacial_indifferenceregular';
            font-size: 14px;
            color: var(--mhb-green-bold);
            font-weight: bold;
        }

    .select-display[b-l4z8axymxh] {
        position: absolute;
        top: 20px;
        left: 820px;
        display: inline-block;
        width: 1000px;
    }

        .select-display > h1[b-l4z8axymxh] {
            cursor: pointer;
            font-family: 'karlaregular';
            font-size: 16px;
            font-weight: bold;
            color: var(--mhb-black);
            display: inline-block;
            margin-right: 80px;
        }

        .select-display > h2[b-l4z8axymxh] {
            cursor: pointer;
            font-family: 'karlaregular';
            font-size: 16px;
            font-weight: bold;
            color: #707070;
            display: inline-block;
            margin-right: 80px;
        }

    .informations-client[b-l4z8axymxh] {
        position: absolute;
        top: 100px;
        left: 820px;
        z-index: 2;
    }

    .profile-info[b-l4z8axymxh] {
        height: 550px;
        width: 800px;
        background-color: white;
        box-shadow: 0px 10px 5px #00000020;
        border-radius: 0 0 0 30px;
    }

    .profile-infodetail[b-l4z8axymxh] {
        position: absolute;
        margin-left: 30px;
        top: 30px;
        display: flex;
        flex-direction: column;
        width: calc(100% - 30px);
    }

        .profile-infodetail > div > h2[b-l4z8axymxh] {
            font-size: 200%;
        }


        .profile-infodetail > div > p[b-l4z8axymxh] {
            font-size: 160%;
        }









    .profile-infodetail-header[b-l4z8axymxh] {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .profile-infodetail-content[b-l4z8axymxh] {
        display: flex;
        flex-direction: column;
    }

    .profile-infodetail-header > img[b-l4z8axymxh] {
        height: 4%;
        padding: 2%;
        padding-right: 10%;
        background-color: white;
        z-index: 9999;
    }

        .profile-infodetail-header > img:hover[b-l4z8axymxh] {
            cursor: pointer;
        }

            .profile-infodetail-header > img:hover + .profile-infodetail-modifsurvol[b-l4z8axymxh] {
                transform: translateX(-100%);
            }

    .profile-infodetail-modifsurvol[b-l4z8axymxh] {
        position: absolute;
        right: 0px;
        top: 5%;
        transform: translateX(0%);
        transition: transform .3s ease-in-out;
    }

        .profile-infodetail-modifsurvol:hover[b-l4z8axymxh] {
            transform: translateX(-100%);
            cursor: pointer;
        }

    .payment-mode[b-l4z8axymxh] {
        height: 170px;
        width: 800px;
        position: absolute;
        top: 220px;
        background-color: white;
        box-shadow: 0px 10px 5px #00000020;
        border-radius: 0 0 0 30px;
    }

        .payment-mode > h1[b-l4z8axymxh] {
            position: absolute;
            top: 30px;
            margin-left: 30px;
            margin-bottom: 30px;
            font-family: 'karlaregular';
            font-size: 25px;
            color: var(--mhb-green-bold);
        }

        .payment-mode > h2[b-l4z8axymxh] {
            position: absolute;
            top: 70px;
            margin-left: 30px;
            font-family: 'karlaregular';
            font-size: 20px;
            color: var(--mhb-black);
        }

        .payment-mode > h3[b-l4z8axymxh] {
            position: absolute;
            top: 100px;
            margin-left: 30px;
            font-family: 'karlaregular';
            font-size: 20px;
            color: var(--mhb-black);
        }

        .payment-mode > img[b-l4z8axymxh] {
            position: absolute;
            left: 970px;
            margin-top: -135px;
        }

    .historique-deliver[b-l4z8axymxh] {
        position: absolute;
        top: 100px;
        margin-left: 820px;
        background-color: white;
        width: 800px;
        height: 550px;
        box-shadow: 0px 10px 5px #00000020;
        border-radius: 0 0 0 30px;
        z-index: 3;
    }

        .historique-deliver > div[b-l4z8axymxh] {
            background-color: #00000075;
            width: 900px;
            height: 2px;
            margin-left: 30px;
        }

        .historique-deliver > h1[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: 16px;
            color: var(--mhb-green-bold);
            margin-top: 20px;
            margin-left: 30px;
        }

        .historique-deliver > h2[b-l4z8axymxh] {
            font-family: 'glacial_indifferenceregular';
            font-size: 35px;
            font-weight: lighter;
            color: var(--mhb-green-bold);
            margin-left: 30px;
        }

    historique-deliver > diag-scroll[b-l4z8axymxh] {
        margin-top: 100px;
    }

    .historique-diag[b-l4z8axymxh] {
        position: absolute;
        top: 100px;
        margin-left: 820px;
        background-color: white;
        width: 800px;
        height: 550px;
        box-shadow: 0px 10px 5px #00000020;
        border-radius: 0 0 0 30px;
        z-index: 3;
    }

        .historique-diag > div[b-l4z8axymxh] {
            background-color: #00000075;
            width: 900px;
            height: 2px;
            margin-left: 30px;
        }

        .historique-diag > h1[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: 16px;
            color: var(--mhb-green-bold);
            margin-top: 20px;
            margin-left: 30px;
        }

        .historique-diag > h2[b-l4z8axymxh] {
            font-family: 'glacial_indifferenceregular';
            font-size: 35px;
            font-weight: lighter;
            color: var(--mhb-green-bold);
            margin-left: 30px;
        }

    .diag-scroll[b-l4z8axymxh] {
        display: inline-block;
        margin-top: 20px;
    }

        .diag-scroll > div > h2[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: 18px;
            display: inline-block;
            color: #505050;
        }

        .diag-scroll > div > p[b-l4z8axymxh] {
            font-family: 'karlaregular';
            font-size: 16px;
            font-weight: bold;
            display: inline-block;
        }

    .command-scroll[b-l4z8axymxh] {
        display: inline-block;
        margin-top: 20px;
    }

        .command-scroll > div[b-l4z8axymxh] {
            display: inline-block;
        }

            .command-scroll > div > h2[b-l4z8axymxh] {
                font-family: 'karlaregular';
                font-size: 18px;
                display: inline-block;
                margin-top: 20px;
                color: #505050;
            }

            .command-scroll > div > p[b-l4z8axymxh] {
                font-family: 'karlaregular';
                font-size: 16px;
                font-weight: bold;
                display: inline-block;
            }

        .command-scroll > h3[b-l4z8axymxh] {
            margin-top: -15px;
        }
/* _content/NATISA/Pages/Diagnostic Pages/QA/Eating.razor.rz.scp.css */
p[b-400ghgsr29] {
    font-family: 'karla';
    text-align: center;
}

h4[b-400ghgsr29] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    font-weight: 400;
}

h1[b-400ghgsr29] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-400ghgsr29] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

.flat-button:hover[b-400ghgsr29] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-400ghgsr29] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-400ghgsr29] {
        width: 5vw;
    }

.diag-content-tablet[b-400ghgsr29] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top: 7vh;
}

    .diag-content-tablet > button:hover[b-400ghgsr29] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-400ghgsr29] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-400ghgsr29] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h2[b-400ghgsr29] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-400ghgsr29] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
        margin-bottom: 5vh;
    }

    .diag-content-tablet[b-400ghgsr29] >  form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 39px;
    }

        .diag-content-tablet[b-400ghgsr29] >  form > label {
            height: 4vh;
            width: 70vw;
            border-radius: 35px;
            font-family: 'karlaregular';
            font-size: calc(5px + 1.5vw);
            font-weight: 300;
            padding-top: 1em;
            padding-left: 2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            background-color: #EEEEEE;
            position: relative;
            align-items: center;
        }

            .diag-content-tablet[b-400ghgsr29] >  form > label > span {
                position: absolute;
                top: 20%;
                margin-left: 2vw;
            }

            .diag-content-tablet[b-400ghgsr29] >  form > label > input[type=radio] {
                position: fixed;
                opacity: 0;
                pointer-events: none;
            }

    .diag-content-tablet[b-400ghgsr29] >  .checked {
        color: var(--mhb-white);
        font-weight: 400;
        background-color: var(--mhb-pink) !important;
    }

.diag-selection-tablet[b-400ghgsr29] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-400ghgsr29] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.banner-tablet[b-400ghgsr29] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.checkmark-tablet[b-400ghgsr29] {
    position: absolute;
    width: 20px;
    height: 15px;
    top: 35%;
    left: 3%;
}

.nav-buttons-tablet[b-400ghgsr29] {
    width: 80%;
    display: flex;
    flex-direction: row;
    bottom: 5%;
    position: absolute;
    justify-content: space-between;
}

    .nav-buttons-tablet > img[b-400ghgsr29] {
        width: calc(5px + 2vw);
    }

.flat-button-tablet[b-400ghgsr29] {
    padding: 3vw;
}

    .flat-button-tablet > p[b-400ghgsr29] {
        font-size: 30px;
        font-family: 'glacial_indifferencebold';
        color: #183029;
        margin-top: 3px
    }


.diag-content[b-400ghgsr29] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 103px;
}

.diag-selection[b-400ghgsr29] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-400ghgsr29] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner[b-400ghgsr29] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

[b-400ghgsr29] form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

    [b-400ghgsr29] form > label {
        height: 50px;
        width: 536px;
        border-radius: 35px;
        font-family: 'karlaregular';
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        padding-left: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        background-color: #EEEEEE;
    }

        [b-400ghgsr29] form > label > input[type=radio] {
            position: fixed;
            opacity: 0;
            pointer-events: none;
        }

[b-400ghgsr29] .checked {
    color: var(--mhb-white);
    font-weight: 400;
    background-color: var(--mhb-pink) !important;
}

.checkmark[b-400ghgsr29] {
    width: 20px;
    height: 15px;
    margin-top: 7px;
    margin-right: 10px;
}

.nav-buttons[b-400ghgsr29] {
    display: flex;
    position: absolute;
    left: 100px;
    bottom: 100px;
}

.exit[b-400ghgsr29] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-400ghgsr29] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/*# sourceMappingURL=Pages\Diagnostic Pages\SkinType.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/QA/NewDiagnostic.razor.rz.scp.css */
input[b-59lhg8cfqa] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    height: 50px;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karlaregular';
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-style: none;
    outline: none;
}

    input[b-59lhg8cfqa]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-59lhg8cfqa]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-59lhg8cfqa] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-59lhg8cfqa]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-59lhg8cfqa]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.start-video-container[b-59lhg8cfqa] {
    position: absolute;
    margin-top: 1000px;
    margin-left: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    z-index: 3;
    cursor: pointer;
}


    .start-video-container > h3[b-59lhg8cfqa] {
        color: var(--mhb-white);
        font-family: 'glacial_indifferenceregular';
        font-size: 40px;
        text-shadow: 0px 1.5px 0 rgba(0, 0, 0, 0.3);
    }

#start-video-button[b-59lhg8cfqa] {
    
}



.circular-button[b-59lhg8cfqa] {
    width: 42px;
    height: 42px;
    background-color: var(--mhb-white);
    border-radius: 42px;
}

    .circular-button > a[b-59lhg8cfqa] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
    }

    .circular-button > * > img[b-59lhg8cfqa] {
        margin-left: 17px;
        margin-top: 14px;
        top: 0;
        bottom: 0;
        width: 12px;
        height: 16px;
    }

.diag-content[b-59lhg8cfqa] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
}

.diag-selection[b-59lhg8cfqa] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

    .diag-selection > button:hover[b-59lhg8cfqa] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-selection > h3[b-59lhg8cfqa] {
        font-weight: normal;
        color: var(--mhb-black);
    }

.diag-illustration[b-59lhg8cfqa] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#mhb-logo[b-59lhg8cfqa] {
    position: absolute;
    margin: auto;
    top: 255px;
    width: 338px;
    height: 196px;

    left: 0;
    right: 0;
}

.text-separator[b-59lhg8cfqa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 27px;
}

    .text-separator > div[b-59lhg8cfqa] {
        margin: auto;
        top: 0;
        bottom: 0;
    }

    .text-separator > div > p[b-59lhg8cfqa] {
        margin-left: 20px;
        margin-right: 20px;
        margin: 0px 20px 0px 20px;
    }

.login-label[b-59lhg8cfqa] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: auto;
    cursor: pointer;
}

#search-bar[b-59lhg8cfqa] {

}

    #search-bar > img[b-59lhg8cfqa] {
        position: absolute;
        right: 25px;
        padding-top: 14px;
        cursor: pointer;
    }

.start-video-container-tablet[b-59lhg8cfqa] {
    position: absolute;
    bottom: 2vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    z-index: 3;
    cursor: pointer;
    color: var(--mhb-green-bold);
    align-items: center;
    width: 100%;
    justify-content: center;
}

    .start-video-container-tablet > h3[b-59lhg8cfqa] {
        font-family: 'glacial_indifferenceregular';
        font-size: calc(15px + 3vw);
        text-shadow: 1px 1px 1px #808080;
        margin-bottom: 0;

   
    }


.banner-tablet[b-59lhg8cfqa] {
    position: absolute;
    bottom: 0;
    height: 8vh;
    width: 100%;
    background-color: var(--mhb-green-light);
}

.circular-button-tablet[b-59lhg8cfqa] {
    background-color: var(--mhb-green-bold);
    width: 8vw;
    height: 8vw;
    border-radius: 65px;
    position: relative;
}

    .circular-button-tablet > a[b-59lhg8cfqa] {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .circular-button-tablet > * > img[b-59lhg8cfqa] {
        width: 3vw;

    }


.diag-content-tablet[b-59lhg8cfqa]{
    display: flex;
    flex-direction: column;
    align-items: center;

}
#mhb-logo-tablet[b-59lhg8cfqa] {
    width: 50vw;
    margin-top: 20vh;
}
.diag-selection-tablet[b-59lhg8cfqa] {
    margin-top: 5vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .diag-selection-tablet > button:hover[b-59lhg8cfqa] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-selection-tablet > p[b-59lhg8cfqa] {
        display: inline-block;
        white-space: nowrap;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

.search-bar-tablet[b-59lhg8cfqa] {
    width: 60vw;
    height: 5vw;
    font-size: 25px;
    font-family: 'karlaitalic';
    display: flex;
    flex-direction: row;
    position:relative;
}
    .search-bar-tablet > input[b-59lhg8cfqa] {
        height: 100%;
        font-size: calc(15px + 1vw);
    }

    .search-bar-tablet > img[b-59lhg8cfqa] {
        position: absolute;
        right: 5%;
        top: 30%;
        cursor: pointer;
        width: 2vw;
    }

    .search-bar-tablet > [b-59lhg8cfqa]::placeholder {
        font-family: 'karlaregular';
        font-style: italic;
    }


.text-separator-tablet[b-59lhg8cfqa] {
    display: flex;
    width: 80vw;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--mhb-green-bold);
    margin-top: 5vh;
    margin-bottom: 3vh;
}

    .text-separator-tablet > div[b-59lhg8cfqa] {
        margin: auto;
        top: 0;
        bottom: 0;
    }

    .text-separator-tablet > div > p[b-59lhg8cfqa] {
        margin-left: 20px;
        margin-right: 20px;
        margin: 0px 20px 0px 20px;
        font-size: 25px;
        color: var(--mhb-green-bold);
        font-family: 'karlaregular';
    }

.login-label-tablet[b-59lhg8cfqa] {
    position: absolute;
    bottom: 8vh;
}


.flat-button-align-center-tablet[b-59lhg8cfqa] {
    background-color: var(--mhb-blue);
    z-index: 3;
    border-radius: 50px 50px 50px 50px;
    border: 10px solid transparent;
    height: max-content;
    position: static;
    width: max-content;
}
    .flat-button-align-center-tablet > p[b-59lhg8cfqa] {
        font-size: calc(20px + 1vw);
        color: #183029;
        padding: 0.5vh;
        font-family: 'glacial_indifferenceregular';
        font-weight: bold;
        margin: 0;
    }

    .error[b-59lhg8cfqa] {
        border: 1px solid red;
    }
/*# sourceMappingURL=.\Pages\Diagnostic Pages\NewDiagnostic.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/QA/PatientInfo.razor.rz.scp.css */
.flat-button:hover[b-bxiz9erlmw] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

/*.row {
    margin-right: 0rem;
    margin-left: 0rem;
}*/

.column-ZipCode[b-bxiz9erlmw] {
    float: left;
    width: 30%;
}

.column-City[b-bxiz9erlmw] {
    float: left;
    width: 70%;
}

/* Clear floats after the columns */
.row[b-bxiz9erlmw]:after {
    content: "";
    display: table;
    clear: both;
}

.start-video-container[b-bxiz9erlmw] {
    position: absolute;
    margin-top: 932px;
    margin-left: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    z-index: 3;
    cursor: pointer;
}

    .start-video-container > h3[b-bxiz9erlmw] {
        color: var(--mhb-white);
        font-family: 'glacial_indifferenceregular';
        font-size: 40px;
        text-shadow: 0px 1.5px 0 rgba(0, 0, 0, 0.3);
    }

#start-video-button[b-bxiz9erlmw] {
}

.circular-button[b-bxiz9erlmw] {
    width: 42px;
    height: 42px;
    background-color: var(--mhb-white);
    border-radius: 42px;
}

    .circular-button > a[b-bxiz9erlmw] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
    }

    .circular-button > * > img[b-bxiz9erlmw] {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 12px;
        height: 16px;
    }

.diag-content[b-bxiz9erlmw] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 40px;
}

    .diag-content > h1[b-bxiz9erlmw] {
        font-family: 'glacial_indifferenceregular';
    }

.diag-selection[b-bxiz9erlmw] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-bxiz9erlmw] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.diag-content[b-bxiz9erlmw] >  form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 18px;
    z-index: 1;
    position: absolute;
}

.diag-content[b-bxiz9erlmw] > form > button {
    margin-top: 104px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

label[b-bxiz9erlmw] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-family: 'karlaregular';
    color: var(--mhb-black);
}

[b-bxiz9erlmw] label > input {
    width: 536px;
    border: 1px solid #18302920 !important;
    border-radius: 35px;
    height: 50px;
    background-color: #EEEEEE;
    padding-left: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    [b-bxiz9erlmw] label > input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }



#flower[b-bxiz9erlmw] {
    position: absolute;
    height: 732px;
    width: 461px;
    left: 557px;
    top: 468px;
}

.exit[b-bxiz9erlmw] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-bxiz9erlmw] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

.checkbox-element[b-bxiz9erlmw] {
    position: absolute;
    top: 660px;
}

.checkbox-text[b-bxiz9erlmw] {
    position: absolute;
    top: 660px;
    left: 27px;
    font-size: 50px;
}


.diag-content-tablet[b-bxiz9erlmw] {
    z-index: 3;
    background-color: var(--mhb-white);
    margin-left: 10vw;
    margin-top: 4vh;
    margin-right: 10vw;
}


    .diag-text-tablet[b-bxiz9erlmw] {
        color: var(--mhb-green-bold);
        z-index: 20;
        width: 80vw;
    }

    .diag-text-tablet > h4[b-bxiz9erlmw] {
        font-size: calc(5px + 1vw);
        font-family: 'karlaregular';
    }

    .diag-text-tablet > h1[b-bxiz9erlmw] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
    }

    .diag-text-tablet > h3[b-bxiz9erlmw] {
        color: var(--mhb-black);
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
    }

span[b-bxiz9erlmw] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 25px;
    font-family: 'karlaitalic';
    color: var(--mhb-black);
}

    span > h5[b-bxiz9erlmw] {
        font-size: 35px;
    }


[b-bxiz9erlmw] span > input {
    width: 80vw;
    border: 1px solid #18302920 !important;
    border-radius: 35px;
    height: calc(5px + 3vh);
    background-color: #EEEEEE;
    padding-left: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
    font-size: calc(15px + 1vh);
}

    [b-bxiz9erlmw] span > input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

.use-terms-tablet[b-bxiz9erlmw] {
    margin-top: 3vh;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkbox-element-tablet[b-bxiz9erlmw] {
    
  margin-right: 2vw;
}

.checkbox-text-tablet > label[b-bxiz9erlmw] {
    left: 50px;
    display: flex;
    flex-direction: row
}

.checkbox-text-tablet-text[b-bxiz9erlmw] {
    font-size: calc(12px + 1vw);
    font-family: 'karlaregular';
    font-style: italic;
    font-weight: lighter;
}

.checkbox-text-tablet-link[b-bxiz9erlmw] {
    margin-left: 2px;
    font-size: 1vh;
    text-decoration: underline;
    font-family: 'karlaregular';
    font-style: italic;
    font-weight: lighter;
    cursor: pointer;
}

.bottom-tablet[b-bxiz9erlmw]{
    display: flex; 
    flex-direction: row-reverse;
    position: absolute;
    bottom: 5vh;
    justify-content: space-between;
    align-items: center;
    width: 80%;
}

.form-button-tablet[b-bxiz9erlmw] {
    padding: 4vw;
    right: 10vw;
}
    .form-button-tablet > p[b-bxiz9erlmw] {
        font-size: calc(5px + 2vw);
        font-family: 'glacial_indifferenceregular';
        color: #183029;
    }

    .return-button-tablet[b-bxiz9erlmw] {
        display: flex;
        flex-direction: row;
        z-index: 3;
        background-color: var(--mhb-white);
        border-radius: 500px 500px 500px 500px;
        border: 10px solid transparent;
        align-items: center;
        gap: 1vw;
    }

        .return-button-tablet > h2[b-bxiz9erlmw] {
            font-family: 'karlaregular';
            font-size: calc(5px + 2vw);
            color: var(--mhb-green-bold);
            margin: 0;
        }
        .return-button-tablet > img[b-bxiz9erlmw]{
            width: 1vw;
        }

#flower-tablet[b-bxiz9erlmw] {
    position: absolute;
    height: 100vh;
    width: 100vw;
    left: 0px;
    bottom: 0px;
    z-index: -999;
}

.text-label-input-tablet[b-bxiz9erlmw] {
    display: flex;
    flex-direction: row;
    margin-top: 0.8vh;
    margin-bottom: 0.8vh;
    font-size: calc(10px + 1vw);
}
.text-label-input-tablet > h5[b-bxiz9erlmw] {
    margin-bottom: 0;
}
/*# sourceMappingURL=.\Pages\Diagnostic Pages\PatientInfo.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/QA/SkinCare.razor.rz.scp.css */
p[b-wah82yi723] {
    font-family: 'karla';
    text-align: center;
}

h4[b-wah82yi723] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    font-weight: 400;
}

h1[b-wah82yi723] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-wah82yi723] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

.flat-button:hover[b-wah82yi723] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-wah82yi723] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > h2[b-wah82yi723] {
        font-family: 'karlaregular';
        font-size: 30px;
        margin-top: -29px;
        margin-left: 20px;
        color: var(--mhb-green-bold);
    }

.diag-content-tablet[b-wah82yi723] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top: 7vh;
}

    .diag-content-tablet > button:hover[b-wah82yi723] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-wah82yi723] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-wah82yi723] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h2[b-wah82yi723] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-wah82yi723] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
        margin-bottom: 5vh;
    }

    .diag-content-tablet[b-wah82yi723] >  form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 39px;
    }

        .diag-content-tablet[b-wah82yi723] >  form > label {
            height: 4vh;
            width: 70vw;
            border-radius: 35px;
            font-family: 'karlaregular';
            font-size: calc(5px + 1.5vw);
            font-weight: 300;
            padding-top: 1em;
            padding-left: 2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            background-color: #EEEEEE;
            position: relative;
            align-items: center;
        }

            .diag-content-tablet[b-wah82yi723] >  form > label > span {
                position: absolute;
                top: 20%;
                margin-left: 2vw;
            }

            .diag-content-tablet[b-wah82yi723] >  form > label > input[type=radio] {
                position: fixed;
                opacity: 0;
                pointer-events: none;
            }

    .diag-content-tablet[b-wah82yi723] >  .checked {
        color: var(--mhb-white);
        font-weight: 400;
        background-color: var(--mhb-pink) !important;
    }

.diag-selection-tablet[b-wah82yi723] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-wah82yi723] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}

.banner-tablet[b-wah82yi723] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.checkmark-tablet[b-wah82yi723] {
    position: absolute;
    width: 20px;
    height: 15px;
    top: 35%;
    left: 3%;
}

.return-button-tablet[b-wah82yi723] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-wah82yi723] {
        width: 5vw;
    }

.flat-button-tablet[b-wah82yi723] {
    padding: 3vw;
}

    .flat-button-tablet > p[b-wah82yi723] {
        font-size: 30px;
        font-family: 'glacial_indifferencebold';
        color: #183029;
        margin-top: 3px
    }
.nav-buttons-tablet[b-wah82yi723] {
    width: 80%;
    display: flex;
    flex-direction: row;
    bottom: 5%;
    position: absolute;
    justify-content: space-between;
}

    .nav-buttons-tablet > img[b-wah82yi723] {
        width: calc(5px + 2vw;
        );
    }


.diag-content[b-wah82yi723] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 103px;
}

.diag-selection[b-wah82yi723] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-wah82yi723] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner[b-wah82yi723] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

[b-wah82yi723] form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

    [b-wah82yi723] form > label {
        height: 50px;
        width: 536px;
        border-radius: 35px;
        font-family: 'karlaregular';
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        padding-left: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        background-color: #EEEEEE;
    }

        [b-wah82yi723] form > label > input[type=radio] {
            position: fixed;
            opacity: 0;
            pointer-events: none;
        }

[b-wah82yi723] .checked {
    color: var(--mhb-white);
    font-weight: 400;
    background-color: var(--mhb-pink) !important;
}

.checkmark[b-wah82yi723] {
    width: 20px;
    height: 15px;
    margin-top: 7px;
    margin-right: 10px;
}

.nav-buttons[b-wah82yi723] {
    display: flex;
    position: absolute;
    left: 100px;
    bottom: 100px;
}

.exit[b-wah82yi723] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-wah82yi723] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/*# sourceMappingURL=Pages\Diagnostic Pages\SkinType.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/QA/SkinType.razor.rz.scp.css */
h4[b-oj5vju8820] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    font-weight: 400;
}

h1[b-oj5vju8820] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-oj5vju8820] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

h2[b-oj5vju8820] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    margin-top: -23px;
    margin-left: 0px;
}

.flat-button:hover[b-oj5vju8820] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-oj5vju8820] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-oj5vju8820] {
        width: 5vw;
    }

.diag-content-tablet[b-oj5vju8820] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top: 7vh;
}

    .diag-content-tablet > button:hover[b-oj5vju8820] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-oj5vju8820] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-oj5vju8820] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h2[b-oj5vju8820] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-oj5vju8820] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
        margin-bottom: 5vh;
    }

    .diag-content-tablet > .flat-button[b-oj5vju8820] {
        border-radius: 2vw;
        padding: calc(10px + 2vw);
    }

        .diag-content-tablet > .flat-button > p[b-oj5vju8820] {
            font-size: calc(15px + 3vw);
        }


    .diag-content-tablet > p[b-oj5vju8820] {
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
        font-size: 50px;
    }

    .diag-content-tablet[b-oj5vju8820] >  form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.5vh;
    }

        .diag-content-tablet[b-oj5vju8820] >  form > label {
            height: 4vh;
            width: 70vw;
            border-radius: 35px;
            font-family: 'karlaregular';
            font-size: calc(5px + 1.5vw);
            font-weight: 300;
            padding-top: 1em;
            padding-left: 2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            background-color: #EEEEEE;
            position: relative;
            align-items: center;
        }

            .diag-content-tablet[b-oj5vju8820] >  form > label > span {
                position: absolute;
                top: 20%;
                margin-left: 2vw;
            }

        .diag-content-tablet[b-oj5vju8820] >  form > label > input[type=radio] {
            position: fixed;
            opacity: 0;
            pointer-events: none;
        }

    .diag-content-tablet[b-oj5vju8820] >  .checked {
        color: var(--mhb-white);
        font-weight: 400;
        background-color: var(--mhb-pink) !important;
    }

.diag-selection-tablet[b-oj5vju8820] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-oj5vju8820] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}

.banner-tablet[b-oj5vju8820] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.checkmark-tablet[b-oj5vju8820] {
    position: absolute;
    width: 20px;
    height: 15px;
    top: 35%;
    left: 3%;
}

.nav-buttons-tablet[b-oj5vju8820] {
    width: 80%;
    display: flex;
    flex-direction: row;
    bottom: 5%;
    position: absolute;
    justify-content: space-between;
}

.nav-buttons-tablet > img[b-oj5vju8820]{
    width: calc(5px + 2vw;);
}


    .flat-button-tablet[b-oj5vju8820] {
        padding: 3vw;
    }
.diag-content[b-oj5vju8820] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 103px;
}

    .diag-content[b-oj5vju8820] >  form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
    }

    .diag-content[b-oj5vju8820] >  form > label {
        height: 50px;
        width: 536px;
        border-radius: 35px;
        font-family: 'karlaregular';
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        padding-left: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        background-color: #EEEEEE;
    }

    .diag-content[b-oj5vju8820] >  form > label > input[type=radio] {
        position: fixed;
        opacity: 0;
        pointer-events: none;
    }

[b-oj5vju8820] .checked {
    color: var(--mhb-white);
    font-weight: 400;
    background-color: var(--mhb-pink) !important;
}

.diag-selection[b-oj5vju8820] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-oj5vju8820] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner[b-oj5vju8820] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

[b-oj5vju8820] form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.checkmark[b-oj5vju8820] {
    width: 20px;
    height: 15px;
    margin-top: 7px;
    margin-right: 10px;
}

.nav-buttons[b-oj5vju8820] {
    display: flex;
    position: absolute;
    left: 100px;
    bottom: 100px;
}

.exit[b-oj5vju8820] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-oj5vju8820] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/*# sourceMappingURL=Pages\Diagnostic Pages\SkinType.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/QA/Sleep.razor.rz.scp.css */
p[b-1qf9srh70f] {
    font-family: 'karlaregular';
    text-align: center;
}

h4[b-1qf9srh70f] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    font-weight: 400;
}

h1[b-1qf9srh70f] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-1qf9srh70f] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

.flat-button:hover[b-1qf9srh70f] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-1qf9srh70f] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-1qf9srh70f] {
        width: 5vw;
    }

.diag-content-tablet[b-1qf9srh70f] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top: 7vh;
}

    .diag-content-tablet > button:hover[b-1qf9srh70f] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-1qf9srh70f] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-1qf9srh70f] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h2[b-1qf9srh70f] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-1qf9srh70f] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
        margin-bottom: 5vh;
    }

    .diag-content-tablet[b-1qf9srh70f] >  form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 39px;
    }

        .diag-content-tablet[b-1qf9srh70f] >  form > label {
            height: 4vh;
            width: 70vw;
            border-radius: 35px;
            font-family: 'karlaregular';
            font-size: calc(5px + 1.5vw);
            font-weight: 300;
            padding-top: 1em;
            padding-left: 2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            background-color: #EEEEEE;
            position: relative;
            align-items: center;
        }

            .diag-content-tablet[b-1qf9srh70f] >  form > label > span {
                position: absolute;
                top: 20%;
                margin-left: 2vw;
            }

            .diag-content-tablet[b-1qf9srh70f] >  form > label > input[type=radio] {
                position: fixed;
                opacity: 0;
                pointer-events: none;
            }

    .diag-content-tablet[b-1qf9srh70f] >  .checked {
        color: var(--mhb-white);
        font-weight: 400;
        background-color: var(--mhb-pink) !important;
    }

.diag-selection-tablet[b-1qf9srh70f] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-1qf9srh70f] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.banner-tablet[b-1qf9srh70f] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.checkmark-tablet[b-1qf9srh70f] {
    position: absolute;
    width: 20px;
    height: 15px;
    top: 35%;
    left: 3%;
}

.nav-buttons-tablet[b-1qf9srh70f] {
    width: 80%;
    display: flex;
    flex-direction: row;
    bottom: 5%;
    position: absolute;
    justify-content: space-between;
}

    .nav-buttons-tablet > img[b-1qf9srh70f] {
        width: calc(5px + 2vw;
        );
    }

.flat-button-tablet[b-1qf9srh70f] {
    padding: 3vw;
}

    .flat-button-tablet > p[b-1qf9srh70f] {
        font-size: 30px;
        font-family: 'glacial_indifferencebold';
        color: #183029;
        margin-top: 3px
    }


.diag-content[b-1qf9srh70f] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 103px;
}

.diag-selection[b-1qf9srh70f] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-1qf9srh70f] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner[b-1qf9srh70f] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

[b-1qf9srh70f] form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

    [b-1qf9srh70f] form > label {
        height: 50px;
        width: 536px;
        border-radius: 35px;
        font-family: 'karlaregular';
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        padding-left: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        background-color: #EEEEEE;
    }

        [b-1qf9srh70f] form > label > input[type=radio] {
            position: fixed;
            opacity: 0;
            pointer-events: none;
        }

[b-1qf9srh70f] .checked {
    color: var(--mhb-white);
    font-weight: 400;
    background-color: var(--mhb-pink) !important;
}

.checkmark[b-1qf9srh70f] {
    width: 20px;
    height: 15px;
    margin-top: 7px;
    margin-right: 10px;
}

.nav-buttons[b-1qf9srh70f] {
    display: flex;
    position: absolute;
    left: 100px;
    bottom: 100px;
}

.exit[b-1qf9srh70f] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-1qf9srh70f] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/*# sourceMappingURL=Pages\Diagnostic Pages\SkinType.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/QA/Smoking.razor.rz.scp.css */
p[b-dnxdkzh46t] {
    font-family: 'karla';
    text-align: center;
}

h4[b-dnxdkzh46t] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    font-weight: 400;
}

h1[b-dnxdkzh46t] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-dnxdkzh46t] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

.flat-button:hover[b-dnxdkzh46t] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-dnxdkzh46t] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-dnxdkzh46t] {
        width: 5vw;
    }

.diag-content-tablet[b-dnxdkzh46t] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top: 7vh;
}

    .diag-content-tablet > button:hover[b-dnxdkzh46t] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-dnxdkzh46t] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-dnxdkzh46t] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h2[b-dnxdkzh46t] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-dnxdkzh46t] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
        margin-bottom: 5vh;
    }

    .diag-content-tablet > p[b-dnxdkzh46t] {
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
        font-size: 50px;
    }

    .diag-content-tablet[b-dnxdkzh46t] >  form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 39px;
    }

        .diag-content-tablet[b-dnxdkzh46t] >  form > label {
            height: 4vh;
            width: 70vw;
            border-radius: 35px;
            font-family: 'karlaregular';
            font-size: calc(5px + 1.5vw);
            font-weight: 300;
            padding-top: 1em;
            padding-left: 2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            background-color: #EEEEEE;
            position: relative;
            align-items: center;
        }
            .diag-content-tablet[b-dnxdkzh46t] >  form > label > span {
                position: absolute;
                top: 20%;
                margin-left: 2vw;
            }

            .diag-content-tablet[b-dnxdkzh46t] >  form > label > input[type=radio] {
                position: fixed;
                opacity: 0;
                pointer-events: none;
            }

    .diag-content-tablet[b-dnxdkzh46t] >  .checked {
        color: var(--mhb-white);
        font-weight: 400;
        background-color: var(--mhb-pink) !important;
    }

.diag-selection-tablet[b-dnxdkzh46t] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-dnxdkzh46t] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner-tablet[b-dnxdkzh46t] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.checkmark-tablet[b-dnxdkzh46t] {
    position: absolute;
    width: 20px;
    height: 15px;
    top: 35%;
    left: 3%;
}

.nav-buttons-tablet[b-dnxdkzh46t] {
    width: 80%;
    display: flex;
    flex-direction: row;
    bottom: 5%;
    position: absolute;
    justify-content: space-between;
}

    .nav-buttons-tablet > img[b-dnxdkzh46t] {
        width: calc(5px + 2vw);
    }

.flat-button-tablet[b-dnxdkzh46t] {
    padding: 3vw;
}

    .flat-button-tablet > p[b-dnxdkzh46t] {
        font-size: 30px;
        font-family: 'glacial_indifferencebold';
        color: #183029;
        margin-top: 3px
    }


.diag-content[b-dnxdkzh46t] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 103px;
}

.diag-selection[b-dnxdkzh46t] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-dnxdkzh46t] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner[b-dnxdkzh46t] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

[b-dnxdkzh46t] form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

    [b-dnxdkzh46t] form > label {
        height: 50px;
        width: 536px;
        border-radius: 35px;
        font-family: 'karlaregular';
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        padding-left: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        background-color: #EEEEEE;
    }

        [b-dnxdkzh46t] form > label > input[type=radio] {
            position: fixed;
            opacity: 0;
            pointer-events: none;
        }

[b-dnxdkzh46t] .checked {
    color: var(--mhb-white);
    font-weight: 400;
    background-color: var(--mhb-pink) !important;
}

.checkmark[b-dnxdkzh46t] {
    width: 20px;
    height: 15px;
    margin-top: 7px;
    margin-right: 10px;
}

.nav-buttons[b-dnxdkzh46t] {
    display: flex;
    position: absolute;
    left: 100px;
    bottom: 100px;
}

.exit[b-dnxdkzh46t] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-dnxdkzh46t] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/*# sourceMappingURL=Pages\Diagnostic Pages\SkinType.razor.css.map */
/* _content/NATISA/Pages/Diagnostic Pages/QA/StartQuestions.razor.rz.scp.css */
.diag-content[b-c9p6h597e2] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 277px;
}

    .diag-content > h1[b-c9p6h597e2] {
        font-size: 50px;
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content > button:hover[b-c9p6h597e2] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

.diag-selection[b-c9p6h597e2] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-c9p6h597e2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#flower[b-c9p6h597e2] {
    position: absolute;
    height: 732px;
    width: 461px;
    left: 557px;
    top: 468px;
}

.exit[b-c9p6h597e2] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-c9p6h597e2] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }



.banner-tablet[b-c9p6h597e2] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    opacity: 75%;
}

.return-button-tablet[b-c9p6h597e2] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-c9p6h597e2] {
       width: 5vw;
    }

.diag-content-tablet[b-c9p6h597e2] {
    width: 100%;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top:5vh;
}

    .diag-content-tablet > button:hover[b-c9p6h597e2] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-c9p6h597e2] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-c9p6h597e2] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }
    .diag-content-tablet > h2[b-c9p6h597e2] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-c9p6h597e2] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
        margin-bottom: 5vh;
    }

    .diag-content-tablet > .flat-button[b-c9p6h597e2] {
        border-radius: 2vw;
        padding: calc(10px + 2vw);
    }

        .diag-content-tablet > .flat-button > p[b-c9p6h597e2] {
            font-size: calc(5px + 2vw);
        }



.diag-illustration-tablet[b-c9p6h597e2] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}

#flower-tablet[b-c9p6h597e2] {
    position: absolute;
    height: 60vh;
    width: 55vw;
    left: 45vw;
    bottom: 0;
    z-index: -999;
}
/* _content/NATISA/Pages/Diagnostic Pages/QA/Video.razor.rz.scp.css */
.return-button-tablet[b-533o9iluvm] {
    display: block;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 500px 500px 500px 500px;
    border: 10px solid transparent;
    width: 70px;
    height: 70px;
    top: 90px;
    left: 1040px;
}

#close-tablet[b-533o9iluvm] {
    width: 20px;
    height: 20px;
}

.diag-content[b-533o9iluvm] {
    z-index: -1;
    color :#00000000;
}

.exit[b-533o9iluvm] {
    position: absolute;
    left: 1740px;
    top: 60px;
    height: 30px;
    width: 30px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-533o9iluvm] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 10px;
        height: 10px;
    }

.video[b-533o9iluvm] {
    position: absolute;
    z-index: 0;
}
.video-tablet[b-533o9iluvm] {
    position: relative;
    z-index: 0;
    width:100%;
    height:100%;
}

    .video-tablet > video[b-533o9iluvm] {
        width: 1200px;
        height: 2000px;
        /* transform: rotate(90deg); */
        position: absolute;
        top: 0;
        left: 0;
        /* margin-left: -400px; */
        /* margin-top: 400px;*/
    }



audio[b-533o9iluvm]::-webkit-media-controls,
video[b-533o9iluvm]::-webkit-media-controls {
    display: none;
}

video[b-533o9iluvm]::-webkit-media-controls-timeline {
    display: none;
}
/* _content/NATISA/Pages/Diagnostic Pages/QA/Water.razor.rz.scp.css */
p[b-t7kugfh6p2] {
    font-family: 'karlaregular';
    text-align: center;
}

h4[b-t7kugfh6p2] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-size: 16px;
    font-weight: 400;
}

h1[b-t7kugfh6p2] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
    color: var(--mhb-green-bold);
}

h3[b-t7kugfh6p2] {
    font-family: 'karlaregular';
    color: var(--mhb-black);
    font-size: 18px;
    font-weight: 300;
}

.flat-button:hover[b-t7kugfh6p2] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-t7kugfh6p2] {
    display: flex;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 5vw;
    border: 10px solid transparent;
    width: 6vw;
    height: 6vw;
    top: 7vh;
    left: 7vw;
    justify-content: center;
    align-items: center;
}

    .return-button-tablet > img[b-t7kugfh6p2] {
        width: 5vw;
    }

.diag-content-tablet[b-t7kugfh6p2] {
    width: 100vw;
    top: 30vh;
    position: absolute;
    height: 70vh;
    border-radius: 10vw 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 10vw;
    padding-top: 7vh;
}

    .diag-content-tablet > button:hover[b-t7kugfh6p2] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

    .diag-content-tablet > h4[b-t7kugfh6p2] {
        margin-top: 2vh;
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h1[b-t7kugfh6p2] {
        font-size: calc(10px + 4vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h2[b-t7kugfh6p2] {
        font-size: calc(5px + 3vw);
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
    }

    .diag-content-tablet > h3[b-t7kugfh6p2] {
        font-size: calc(5px + 2vw);
        font-family: 'karlaregular';
        color: var(--mhb-green-bold);
        font-weight: lighter;
        margin-bottom: 5vh;
    }

    .diag-content-tablet > p[b-t7kugfh6p2] {
        font-family: 'glacial_indifferenceregular';
        color: var(--mhb-green-bold);
        font-size: 50px;
    }

    .diag-content-tablet[b-t7kugfh6p2] >  form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 39px;
    }

        .diag-content-tablet[b-t7kugfh6p2] >  form > label {
            height: 4vh;
            width: 70vw;
            border-radius: 35px;
            font-family: 'karlaregular';
            font-size: calc(5px + 1.5vw);
            font-weight: 300;
            padding-top: 1em;
            padding-left: 2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            background-color: #EEEEEE;
            position: relative;
            align-items: center;
        }
            .diag-content-tablet[b-t7kugfh6p2] >  form > label > span {
                position: absolute;
                top: 20%;
                margin-left: 2vw;
            }

            .diag-content-tablet[b-t7kugfh6p2] >  form > label > input[type=radio] {
                position: fixed;
                opacity: 0;
                pointer-events: none;
            }

    .diag-content-tablet[b-t7kugfh6p2] >  .checked {
        color: var(--mhb-white);
        font-weight: 400;
        background-color: var(--mhb-pink) !important;
    }

.diag-selection-tablet[b-t7kugfh6p2] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-t7kugfh6p2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner-tablet[b-t7kugfh6p2] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.checkmark-tablet[b-t7kugfh6p2] {
    position: absolute;
    width: 20px;
    height: 15px;
    top: 35%;
    left: 3%;
}

.nav-buttons-tablet[b-t7kugfh6p2] {
    width: 80%;
    display: flex;
    flex-direction: row;
    bottom: 5%;
    position: absolute;
    justify-content: space-between;
}

    .nav-buttons-tablet > img[b-t7kugfh6p2] {
        width: calc(5px + 2vw;
        );
    }

.flat-button-tablet[b-t7kugfh6p2] {
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
}

    .flat-button-tablet > p[b-t7kugfh6p2] {
        font-size: calc(20px + 1w);
        font-family: 'glacial_indifferencebold';
        color: #183029;
        margin-top: 3px
    }


.diag-content[b-t7kugfh6p2] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    padding-left: 100px;
    padding-top: 103px;
}

.diag-selection[b-t7kugfh6p2] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-t7kugfh6p2] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner[b-t7kugfh6p2] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

[b-t7kugfh6p2] form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

    [b-t7kugfh6p2] form > label {
        height: 50px;
        width: 536px;
        border-radius: 35px;
        font-family: 'karlaregular';
        font-size: 18px;
        font-weight: 300;
        padding-top: 12px;
        padding-left: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        background-color: #EEEEEE;
    }

        [b-t7kugfh6p2] form > label > input[type=radio] {
            position: fixed;
            opacity: 0;
            pointer-events: none;
        }

[b-t7kugfh6p2] .checked {
    color: var(--mhb-white);
    font-weight: 400;
    background-color: var(--mhb-pink) !important;
}

.checkmark[b-t7kugfh6p2] {
    width: 20px;
    height: 15px;
    margin-top: 7px;
    margin-right: 10px;
}

.nav-buttons[b-t7kugfh6p2] {
    display: flex;
    position: absolute;
    left: 100px;
    bottom: 100px;
}

.exit[b-t7kugfh6p2] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 1;
}

    .exit > img[b-t7kugfh6p2] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/*# sourceMappingURL=Pages\Diagnostic Pages\SkinType.razor.css.map */
/* _content/NATISA/Pages/Payment/AdressConfirmation.razor.rz.scp.css */

h1[b-hzll7d6s4h] {
    font-family: "glacial_indifferenceregular";
    color: #183029;
}

h2[b-hzll7d6s4h] {
    font-family: "karlaregular";
    color: #183029;
}


.top-banner[b-hzll7d6s4h] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: black;
    background-color: #B7CDC280;
    z-index: 2;
}

    .top-banner > *[b-hzll7d6s4h] {
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner > div[b-hzll7d6s4h] {
        display: flex;
        align-items: center;
    }

        .top-banner > div > h3[b-hzll7d6s4h] {
            margin-bottom: 0px;
        }

        .top-banner > div > img[b-hzll7d6s4h] {
            color: var(--mhb-white);
            width: 12px;
            height: 11px;
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }


.page[b-hzll7d6s4h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.left[b-hzll7d6s4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20%;
}

.flat-button:hover[b-hzll7d6s4h] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}


.content[b-hzll7d6s4h] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

    .content button[b-hzll7d6s4h] {
        margin-top: 40px;
        border: none;
        border-radius: 20px;
        font-size: 30px;
        font-family: "karlaregular";
        background-color: #CBD3EA;
        color: black;
        padding: 5px 30px;
        align-self: center;
        width: 100%;
    }
@media only screen and (max-width: 1200px) {
    .content[b-hzll7d6s4h] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
        .content button[b-hzll7d6s4h] {
        margin-top: 40px;
        border: none;
        border-radius: 20px;
        font-size: 30px;
        font-family: "karlaregular";
        background-color: #CBD3EA;
        color: black;
        padding: 5px 30px;
        align-self: center;
        width: 100%;
        height: 67px;
    }
    .content button p[b-hzll7d6s4h] {
     font-size:25px;
    }
}


.content button:hover[b-hzll7d6s4h] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}


.cart-illustration[b-hzll7d6s4h] {
    z-index: 0;
}

    .cart-illustration img[b-hzll7d6s4h] {
        height: 100%;
    }


label[b-hzll7d6s4h] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-family: 'karlaregular';
    margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {

    label[b-hzll7d6s4h] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 25px;
        font-family: 'karlaregular';
        color: var(--mhb-black);
        margin-bottom: 10px;
    }
    .label-title[b-hzll7d6s4h]{
        display: flex;
        flex-direction: row;
    }
}


[b-hzll7d6s4h] label > input {
    width: 536px;
    border: 1px solid #18302920 !important;
    border-radius: 35px;
    height: 50px;
    background-color: #EEEEEE;
    padding-left: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}
@media only screen and (max-width: 1200px) {
    [b-hzll7d6s4h] label > input {
        width: 80vw;
        display: flex;
        border: 1px solid #18302920 !important;
        border-radius: 35px;
        height: 5vh;
        background-color: #EEEEEE;
        padding-left: 20px;
        -webkit-user-select: none;
        user-select: none;
        border-style: none;
        outline: none;
        font-size: 25px;
    }
}
    [b-hzll7d6s4h] label > input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }


    .column-ZipCode[b-hzll7d6s4h] {
        float: left;
        width: 30%;
    }

    .column-City[b-hzll7d6s4h] {
        float: left;
        width: 70%;
    }

.tablet_left[b-hzll7d6s4h] {
    display: flex;
    flex-direction: column;
    margin-left: 10vw;
    margin-top: 18%;
    position: absolute;
    /* align-items: center; */
    /* left: 204px;*/
}
    .tablet_left > .content > .form[b-hzll7d6s4h] {
       display: flex;
    }

        .tablet_left label[b-hzll7d6s4h] {
            margin-bottom: 15px;
        }
        .tablet_left > .content > h1[b-hzll7d6s4h]{
            font-size: 60px;
        }

.top-banner-tablet[b-hzll7d6s4h] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 6vh;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
}

        .top-banner-tablet > h3[b-hzll7d6s4h] {
            font-size: 20px;
            font-family: 'karlaregular';
            font-weight: bold;
            color: var(--mhb-green-bold);
            margin-bottom: 0px;
        }

        .top-banner-tablet > div[b-hzll7d6s4h] {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .top-banner-tablet > div > h3[b-hzll7d6s4h] {
                font-size: 20px;
                font-family: 'karlaregular';
                font-weight: bold;
                color: var(--mhb-green-bold);
                margin-right: 20px;
                margin-bottom: 0px;
            }

            .top-banner-tablet > div > img[b-hzll7d6s4h] {
                transform: rotate(180deg);
                width: 18px;
                height: 18px;
            }

/* _content/NATISA/Pages/Payment/Cart.razor.rz.scp.css */
h1[b-e48whg5eji] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
}

h3[b-e48whg5eji] {
    font-family: 'karlaregular';
    font-size: 18px;
    color: black;
}

h2[b-e48whg5eji] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: black;
}

p[b-e48whg5eji] {
    font-family: 'karlaregular';
    font-size: 16px;
    font-weight: 300;
}
@media only screen and (max-width: 1200px) {

    p[b-e48whg5eji] {
        font-family: 'karlaregular';
        font-size: 20px;
        font-weight: 300;
    }
}

    .flat-button:hover[b-e48whg5eji] {
        background-color: var(--mhb-green-light);
        transition: 0.2s;
    }

.top-banner-tablet[b-e48whg5eji] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 6vh;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
}

    .top-banner-tablet > h3[b-e48whg5eji] {
        font-size: 20px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0px;
    }

        .top-banner-tablet > div[b-e48whg5eji] {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .top-banner-tablet > div > h3[b-e48whg5eji] {
                font-size: 20px;
                font-family: 'karlaregular';
                font-weight: bold;
                color: var(--mhb-green-bold);
                margin-right: 20px;
                margin-bottom: 0px;
            }

            .top-banner-tablet > div > img[b-e48whg5eji] {
                transform: rotate(180deg);
                width: 18px;
                height: 18px;
            }

    .results-content-tablet[b-e48whg5eji] {
        position: absolute;
        top: 100px;
        right: 140px;
        z-index: 3;
        display: flex;
        flex-direction: column;
    }
.separator-tablet[b-e48whg5eji] {
    width: 80vw;
    background-color: black;
    padding: 1px;
}

.total-tablet[b-e48whg5eji] {
    width: 720px;
    margin-top: 31px;
    margin-bottom: 31px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: -999;
}
.total-tablet > h2[b-e48whg5eji] {
        font-family: 'glacial_indifferenceregular';
        font-size: 30px;
        color: var(--mhb-green-bold);
    }

.products-tablet[b-e48whg5eji] {
    margin-top: 1vh;
    display: flex;
    flex-direction: column;
    gap: 0.2vh;
    margin-bottom: 30px;
}

    .products.product-details-tablet[b-e48whg5eji] {
        margin-left: 28px;
    }

.cart-tablet[b-e48whg5eji] {
    height: fit-content;
    position: absolute;
    width: 80vw;
    margin-left: 10vw;
    /* left: 200px; */
    display: flex;
    flex-direction: column;
    top: 9vh;
    align-items: center;
}

        .cart-tablet > h3[b-e48whg5eji] {
            font-size: 25px;
            font-family: 'karlaregular';
            color: var(--mhb-green-bold);
        }

        .cart-tablet > h1[b-e48whg5eji] {
            font-size: 50px;
            font-family: 'glacial_indifferenceregular';
            color: var(--mhb-green-bold);
        }

    

   /* .payment-tablet {
        position: absolute;
        top: 219px;
        left: 710px;
        width: 398px;
    }

        .payment-tablet > .total-tablet {
            margin-top: 31px;
            margin-bottom: 31px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .payment-tablet > .total-tablet > h2 {
                font-family: 'glacial_indifferenceregular';
                font-size: 30px;
                color: var(--mhb-green-bold);
            }

        .payment-tablet > button {
            margin-bottom: 30px;
        }

        .payment-tablet > .conditions-tablet {
            margin-top: 30px;
            display: flex;
            gap: 30px;
            flex-direction: column;
        }

            .payment-tablet > .conditions-tablet > p {
                margin: 0;
            }

            .payment-tablet > .conditions-tablet > .accepted-tablet {
            }

                .payment-tablet > .conditions-tablet > .accepted-tablet > p {
                    margin: 0;
                }

            .payment-tablet > .conditions-tablet > .complement-tablet {
                display: flex;
                gap: 15px;
                flex-direction: row;
            }*/

    .display-step-tablet[b-e48whg5eji] {
        white-space: nowrap;
        margin-left: 12px;
    }

        .display-step-tablet > p[b-e48whg5eji] {
            font-size: 18px;
            font-family: 'karlaregular';
            display: inline-block;
        }

/*    .reduction-tablet {
        margin-bottom: 50px;
        width: 398px;
        height: 52px;
        background-color: #70707020;
        border-radius: 30px 30px 30px 30px;
    }*/

.product-tablet[b-e48whg5eji] {
    margin-top: 30px;
    margin-bottom: 1vh;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .product-details-tablet[b-e48whg5eji] {
        width: 100%;
        margin-left: 28px;
    }

        .product-details-tablet > div[b-e48whg5eji] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
        }

            .product-details-tablet > div > h3[b-e48whg5eji] {
                font-family: "karlaregular";
                font-size: 30px;
                margin-right: 1.5vw;
                color: var(--mhb-green-bold);
                font-weight: bold;
            }
        .product-details-tablet > p[b-e48whg5eji] {
            font-family: 'karlaregular';
            font-size: 22px;
        }
    .product-image-container-tablet[b-e48whg5eji] {
        margin-left: 24px;
        width: 87px;
        height: 72px;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

        .product-image-container-tablet > img[b-e48whg5eji] {
            object-fit: scale-down;
            width: 10vw;
        }

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

        .product-image-container-tablet > img[b-e48whg5eji] {
            object-fit: scale-down;
            width: 8.5vw;
        }
    }

    .results-price-tablet[b-e48whg5eji] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 42px;
    }

        .results-price-tablet > h2[b-e48whg5eji] {
            font-family: 'glacial_indifferenceregular';
            font-size: 40px;
        }

    .top-banner[b-e48whg5eji] {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        width: 100%;
        justify-content: space-around;
        flex-direction: row;
        height: 50px;
        align-items: center;
        backdrop-filter: blur(15px);
        border: 0px;
        border-bottom: 1px;
        border-style: solid;
        border-color: black;
        background-color: #B7CDC280;
        z-index: 2;
    }

        .top-banner > *[b-e48whg5eji] {
            padding-top: 0px;
            margin-bottom: 0px;
        }

        .top-banner > div[b-e48whg5eji] {
            display: flex;
            align-items: center;
        }

            .top-banner > div > h3[b-e48whg5eji] {
                margin-bottom: 0px;
            }

            .top-banner > div > img[b-e48whg5eji] {
                color: var(--mhb-white);
                width: 12px;
                height: 11px;
                transform: rotateZ(180deg);
                margin-left: 16px;
                margin-top: 5px;
            }

    .results-content[b-e48whg5eji] {
        position: absolute;
        top: 100px;
        right: 140px;
        z-index: 3;
        display: flex;
        flex-direction: column;
    }

    .products[b-e48whg5eji] {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

        .products.product-details[b-e48whg5eji] {
            margin-left: 28px;
        }

    .cart[b-e48whg5eji] {
        width: 690px;
        height: 880px;
        position: absolute;
        right: 300px;
        top: 170px;
    }

        .cart > .total[b-e48whg5eji] {
            margin-top: 31px;
            margin-bottom: 31px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .cart > .total > h2[b-e48whg5eji] {
                font-family: 'karlaregular';
                font-size: 30px;
            }

        .cart > button[b-e48whg5eji] {
            margin-bottom: 30px;
        }

    .separator[b-e48whg5eji] {
        width: 720px;
        height: 1px;
    }

    .payment[b-e48whg5eji] {
        position: absolute;
        top: 100px;
        width: 725px;
    }

    .cart-illustration[b-e48whg5eji] {
        position: absolute;
        z-index: 1;
    }

    .payment > .conditions[b-e48whg5eji] {
        margin-top: 30px;
        display: flex;
        gap: 30px;
        flex-direction: column;
    }

        .payment > .conditions > p[b-e48whg5eji] {
            margin: 0;
        }

        .payment > .conditions > .accepted[b-e48whg5eji] {
        }

            .payment > .conditions > .accepted > p[b-e48whg5eji] {
                margin: 0;
            }

        .payment > .conditions > .complement[b-e48whg5eji] {
            display: flex;
            gap: 15px;
            flex-direction: row;
        }

    .product[b-e48whg5eji] {
        display: flex;
        flex-direction: row;
    }

    .product-details[b-e48whg5eji] {
        width: 100%;
        margin-left: 28px;
    }

        .product-details > div[b-e48whg5eji] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
        }

    .product-image-container[b-e48whg5eji] {
        margin-left: 24px;
        margin-top: -25px;
        width: 120px;
        height: 100px;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

        .product-image-container > img[b-e48whg5eji] {
            object-fit: scale-down;
            width: 70px;
            height: 70px;
        }

    .results-price[b-e48whg5eji] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 42px;
    }
.price[b-e48whg5eji]{
    white-space: nowrap;
}

        .results-price > h2[b-e48whg5eji] {
            font-family: 'glacial_indifferenceregular';
            font-size: 40px;
        }
/* _content/NATISA/Pages/Payment/Completion.razor.rz.scp.css */
p[b-nhr7v8ctxo] {
    font-family: 'karla';
    text-align: center;
    color: var(--mhb-green-bold);
}

.flat-button:hover[b-nhr7v8ctxo] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.return-button-tablet[b-nhr7v8ctxo] {
    display: block;
    position: absolute;
    z-index: 3;
    background-color: var(--mhb-white);
    border-radius: 500px 500px 500px 500px;
    border: 10px solid transparent;
    width: 413px;
    height: 81px;
    top: 90px;
    display: flex;
    left: 90px;
    align-items: baseline;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content: center;
}

    .return-button-tablet > h2[b-nhr7v8ctxo] {
        font-family: 'karlaregular';
        font-size: 30px;
    margin:0px;
        color: var(--mhb-green-bold);
    }

.diag-content-tablet[b-nhr7v8ctxo] {
    width: 100%;
    top: 41vh;
    height: 59vh;
    display: flex;
    position: absolute;
    border-radius: 150px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
    justify-content: center;
}

    .diag-content-tablet > .content-tablet[b-nhr7v8ctxo] {
        margin-top: 30vh;
        width: fit-content;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .diag-content-tablet > .content-tablet > h1[b-nhr7v8ctxo] {
            width: 660px;
            font-family: 'glacial_indifferenceregular';
            font-size: 50px;
            text-align: center;
        }

        .diag-content-tablet > .content-tablet > h4[b-nhr7v8ctxo] {
            margin-top: 4vh;
            font-family: 'karlaregular';
            font-size: 25px;
            text-align: center;
            width: 90VW;
            font-weight: 300;
        }

.diag-selection-tablet[b-nhr7v8ctxo] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration-tablet[b-nhr7v8ctxo] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.text-separator-tablet[b-nhr7v8ctxo] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 907px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 27px;
}

    .text-separator-tablet > div[b-nhr7v8ctxo] {
        margin: auto;
        top: 0;
        bottom: 0;
    }

        .text-separator-tablet > div > p[b-nhr7v8ctxo] {
            margin-left: 20px;
            margin-right: 20px;
            margin: 0px 20px 0px 20px;
            font-family: 'karlaregular';
            font-size: 27px;
        }

#arrow-tablet[b-nhr7v8ctxo] {
    width: 24px;
    height: 24px;
 
}

#mhb-logo-tablet[b-nhr7v8ctxo] {
    position: absolute;
    margin: auto;
    margin-top: 3vh;
    left: 0;
    right: 0;
    width: 75vw;
}

input[b-nhr7v8ctxo] {
    background-color: #EEEEEE;
    border: none;
    width: 100%;
    height: 50px;
    border-radius: 35px;
    padding-left: 25px;
    font-family: 'karla';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: none;
    outline: none;
}

    input[b-nhr7v8ctxo]::-webkit-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-nhr7v8ctxo]::-moz-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input:-ms-input-placeholder[b-nhr7v8ctxo] {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-nhr7v8ctxo]::-ms-input-placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

    input[b-nhr7v8ctxo]::placeholder {
        color: var(--mhb-black);
        opacity: 0.3;
    }

.circular-button[b-nhr7v8ctxo] {
    width: 42px;
    height: 42px;
    background-color: var(--mhb-white);
    border-radius: 42px;
}

    .circular-button > a[b-nhr7v8ctxo] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
    }

    .circular-button > * > img[b-nhr7v8ctxo] {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 12px;
        height: 16px;
    }

.diag-content[b-nhr7v8ctxo] {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 100px 0px 0px 0px;
    z-index: 3;
    background-color: var(--mhb-white);
}

    .diag-content > .content[b-nhr7v8ctxo] {
        margin-left: 179px;
        margin-top: 597px;
        width: 602px;
    }

        .diag-content > .content > h1[b-nhr7v8ctxo] {
            font-family: 'glacial_indifferenceregular';
            font-size: 40px;
            text-align: center;
        }

        .diag-content > .content > h4[b-nhr7v8ctxo] {
            margin-top: 30px;
            font-family: 'karlaregular';
            font-size: 18px;
            font-weight: 300;
            text-align: center;
        }

        .diag-content > .content > .button-container[b-nhr7v8ctxo] {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

.diag-selection[b-nhr7v8ctxo] {
    position: absolute;
    margin: auto;
    top: 558px;
    left: 0;
    right: 0;
    width: 536px;
}

.diag-illustration[b-nhr7v8ctxo] {
    position: absolute;
    width: 1920px;
    height: 1080px;
    top: 0;
    left: 0;
    z-index: 2;
}

    .diag-illustration > img[b-nhr7v8ctxo] {
        width: 1920px;
        height: 1080px;
    }

#mhb-logo[b-nhr7v8ctxo] {
    position: absolute;
    margin: auto;
    top: 164px;
    left: 0;
    right: 0;
}

.text-separator[b-nhr7v8ctxo] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 27px;
}

    .text-separator > div[b-nhr7v8ctxo] {
        margin: auto;
        top: 0;
        bottom: 0;
    }

        .text-separator > div > p[b-nhr7v8ctxo] {
            margin-left: 20px;
            margin-right: 20px;
            margin: 0px 20px 0px 20px;
        }

.exit[b-nhr7v8ctxo] {
    position: absolute;
    left: 70px;
    top: 1000px;
    height: 40px;
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    background-color: white;
    z-index: 3;
}
    .exit > img[b-nhr7v8ctxo] {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

/* _content/NATISA/Pages/Payment/Recommandations-product.razor.rz.scp.css */
h1[b-asblg2tafp] {
    font-family: 'glacial_indifferenceregular';
    font-size: 50px;
    color: var(--mhb-green-bold);
}

h3[b-asblg2tafp] {
    font-family: 'karlaregular';
    font-size: 25px;
    color: var(--mhb-green-bold);
}

h2[b-asblg2tafp] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: black;
}

h4[b-asblg2tafp] {
    font-family: 'karlaregular';
    color: var(--mhb-green-bold);
    font-weight: bold;
    font-size: 25px;
}

p[b-asblg2tafp] {
    font-family: 'karlaregular';
    font-size: 16px;
    font-weight: 300;
}

.flat-button:hover[b-asblg2tafp] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.top-banner-tablet[b-asblg2tafp] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 6vh;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
}

    .top-banner-tablet > *[b-asblg2tafp] {
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner-tablet > div[b-asblg2tafp] {
        display: flex;
        align-items: center;
    }
    .top-banner-tablet > h3[b-asblg2tafp] {
        font-size: 20px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0px;
    }
    .top-banner-tablet > div > h3[b-asblg2tafp] {
        font-size: 20px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-right: 20px;
        margin-bottom: 0px;
    }

        .top-banner-tablet > div > img[b-asblg2tafp] {
            color: var(--mhb-white);
            width: 18px;
            height: 18px;
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }


.top-banner[b-asblg2tafp] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: black;
    background-color: #B7CDC280;
    z-index: 2;
}

.top-banner > *[b-asblg2tafp] {
    padding-top: 0px;
    margin-bottom: 0px;
}

    .top-banner > div[b-asblg2tafp] {
        display: flex;
        align-items: center;
    }

        .top-banner > div > h3[b-asblg2tafp] {
            margin-bottom: 0px;
        }

        .top-banner > div > img[b-asblg2tafp] {
            color: var(--mhb-white);
            width: 18px;
            height: 18px;
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }

.results-content[b-asblg2tafp] {
    position: absolute;
    top: 279px;
    left: 170px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width:850px;
}




    .results-content > h3[b-asblg2tafp] {
        font-family: 'karlaregular';
        font-size: 25px;
        color: var(--mhb-green-bold);
    }

    .results-content > h1[b-asblg2tafp] {
        font-family: 'glacial_indifferenceregular';
        font-size: 50px;
        color: var(--mhb-green-bold);
    }

    .products[b-asblg2tafp] {
        margin-top: 89px;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .round[b-asblg2tafp] {
        margin-top: 50px;
        position: relative;
    }

        .round label[b-asblg2tafp] {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            cursor: pointer;
            height: 28px;
            left: 0;
            position: absolute;
            top: 0;
            width: 28px;
        }

            .round label[b-asblg2tafp]:after {
                border: 2px solid #fff;
                border-top: none;
                border-right: none;
                content: "";
                height: 6px;
                left: 7px;
                opacity: 0;
                position: absolute;
                top: 8px;
                transform: rotate(-45deg);
                width: 12px;
            }

        .round input[type="checkbox"][b-asblg2tafp] {
            visibility: hidden;
        }

            .round input[type="checkbox"]:checked + label[b-asblg2tafp] {
                background-color: #EEEEEE;
                border-color: #EEEEEE;
            }

                .round input[type="checkbox"]:checked + label[b-asblg2tafp]:after {
                    opacity: 1;
                }

    .product[b-asblg2tafp] {
        display: flex;
        flex-direction: row;
    }

        .product > round > checkbox[b-asblg2tafp] {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            vertical-align: middle;
            border: 1px solid black;
            appearance: none;
            -webkit-appearance: none;
            outline: none;
            cursor: pointer;
        }

    .product-details[b-asblg2tafp] {
        width: 100%;
        margin-left: 128px;
    }

        .product-details > div[b-asblg2tafp] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
            text-align: start;
        }

            .product-details > div > h3[b-asblg2tafp] {
                font-family: "karlaregular";
                font-size: 35px
            }

        .product-details > p[b-asblg2tafp] {
            font-family: "karlaregular";
            font-size: 30px;
        }

    .product-image-container[b-asblg2tafp] {
        margin-left: 30px;
        margin-bottom: 25px;
        display: flex;
        justify-content: center;
    }

        .product-image-container > img[b-asblg2tafp] {
            width: 10vw;
            height: auto;
        }

    .results-price[b-asblg2tafp] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 30px;
    }

        .results-price > h2[b-asblg2tafp] {
            margin-top: 32px;
            font-family: 'glacial_indifferenceregular';
            font-size: 50px;
            color: var(--mhb-green-bold);
        }

@media only screen and (max-width: 1200px) {
    .results-content[b-asblg2tafp] {
        position: absolute;
        /* top: 279px; */
        left: 0px;
        top: 0px;
        margin-top: 10vh;
        margin-left: 12.5vw;
        z-index: 3;
        display: flex;
        flex-direction: column;
        width: 75vw;
        height: 75vh;
    }

    .products[b-asblg2tafp] {
        margin-top: 2vh;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .product-image-container > img[b-asblg2tafp] {
        width: auto;
        height: 8.5vh;
    }
    .product-details > div > h3[b-asblg2tafp] {
        font-family: "karlaregular";
        font-size: 30px
    }
    .product-details > p[b-asblg2tafp] {
        font-family: "karlaregular";
        font-size: 22px;
    }
    .results-content > h1[b-asblg2tafp] {
        font-family: 'glacial_indifferenceregular';
        font-size: 40px;
        color: var(--mhb-green-bold);
    }
    .product-image-container[b-asblg2tafp] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .results-price[b-asblg2tafp] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 5vh;
    }
}
/* _content/NATISA/Pages/Payment/Recommandations.razor.rz.scp.css */
h1[b-ltqnhi8l8v] {
    font-family: 'glacial_indifferenceregular';
    font-size: 40px;
}

h3[b-ltqnhi8l8v] {
    font-family: 'karlaregular';
    font-size: 18px;
    color: black;
}

h2[b-ltqnhi8l8v] {
    font-family: 'glacial_indifferenceregular';
    font-size: 18px;
    color: black;
}

p[b-ltqnhi8l8v] {
    font-family: 'karlaregular';
    font-size: 16px;
    font-weight: 300;
}

.flat-button:hover[b-ltqnhi8l8v] {
    background-color: var(--mhb-green-light);
    transition: 0.2s;
}

.top-banner-tablet[b-ltqnhi8l8v] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-around;
    flex-direction: row;
    height: 6vh;
    align-items: center;
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: var(--mhb-white);
    background-color: #B7CDC2;
    z-index: 2;
}

    .top-banner-tablet > h3[b-ltqnhi8l8v] {
        font-size: 20px;
        font-family: 'karlaregular';
        font-weight: bold;
        color: var(--mhb-green-bold);
        margin-bottom: 0px;
    }

    .top-banner-tablet > div[b-ltqnhi8l8v] {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .top-banner-tablet > div > h3[b-ltqnhi8l8v] {
            font-size: 20px;
            font-family: 'karlaregular';
            font-weight: bold;
            color: var(--mhb-green-bold);
            margin-right: 20px;
            margin-bottom:0px;
        }

        .top-banner-tablet > div > img[b-ltqnhi8l8v] {
            transform: rotate(180deg);
            width: 18px;
            height: 18px;
        }

#chacune-tablet[b-ltqnhi8l8v] {
    position: absolute;
    top: 9vh;
    left: 0px;
    margin-left: 9vw;
    width: 82vw;
}

.top-banner[b-ltqnhi8l8v] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    height: 50px;
    align-items: center;
    backdrop-filter: blur(15px);
    border: 0px;
    border-bottom: 1px;
    border-style: solid;
    border-color: black;
    background-color: #B7CDC280;
    z-index: 2;
}

    .top-banner > *[b-ltqnhi8l8v] {
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .top-banner > div[b-ltqnhi8l8v] {
        display: flex;
        align-items: center;
    }
        .top-banner > div > h3[b-ltqnhi8l8v] {
            margin-bottom: 0px;
        }

        .top-banner > div > img[b-ltqnhi8l8v] {
            color: var(--mhb-white);
            width: 12px;
            height: 11px;
            transform: rotateZ(180deg);
            margin-left: 16px;
            margin-top: 5px;
        }

.results-content[b-ltqnhi8l8v] {
    position: absolute;
    top: 100px;
    right: 140px;
    z-index: 3;

    display: flex;
    flex-direction: column;
}

        .products[b-ltqnhi8l8v] {
            margin-top: 30px;
            display: flex;
            flex-direction: column;
            gap: 35px;
        }

            .products.product-details[b-ltqnhi8l8v] {
                margin-left: 28px;
            }

.results-illustration[b-ltqnhi8l8v] {
    width: 850px;
    height: 880px;
    position: absolute;
    left: 140px;
    top: 100px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 30px 0 0 30px;
}

    .results-illustration > img[b-ltqnhi8l8v] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

.product[b-ltqnhi8l8v] {
    display: flex;
    flex-direction: row;
}

    .product-details[b-ltqnhi8l8v] {
        width: 100%;
        margin-left: 28px;
    }

    .product-details > div[b-ltqnhi8l8v] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

.product-image-container[b-ltqnhi8l8v] {
    margin-left: 24px;
    margin-top: -25px;
    width: 120px;
    height: 100px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

        .product-image-container > img[b-ltqnhi8l8v] {
            object-fit: scale-down;
            margin-top: 0px;
            width: 70px;
            height: 70px;
        }

.results-price[b-ltqnhi8l8v] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 42px;
}

    .results-price > h2[b-ltqnhi8l8v] {
        font-family: 'karlaregular';
        font-size: 40px;
    }

/* _content/NATISA/Shared/BackOfficeLayout.razor.rz.scp.css */
main[b-kokb6lnfd1] {
    background-color: #f5f6fa;
    font-family: Karla;
    height: 100%;
}

    main > nav[b-kokb6lnfd1] {
        position: sticky;
        top: 150px;
        left: 150px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 400px;
        float: left;
        gap: 10px;
    }
        
        main > nav > div > ul[b-kokb6lnfd1] {
            padding-left: 50px;
            margin-top: 15px;
        }

            main > nav > div > ul > li[b-kokb6lnfd1] {

                margin-bottom: 10px;
            }

        main > nav > div > ul > li > a[b-kokb6lnfd1] {
            color: #9ba5b6;
            font-family: Karla;
        }

        .nav-main-element[b-kokb6lnfd1] {
            height: 70px;
            width: 300px;
            display: flex;
            flex-direction: row;
            align-content: center;
            padding-left: 15px;
            border-radius: 8px;
            gap: 35px;
            align-items: center;
        }

            .nav-main-element:hover[b-kokb6lnfd1], .nav-main-element.current[b-kokb6lnfd1] {
                background: linear-gradient(90deg, rgba(151,120,222,0.2) 0%, rgba(151,120,222,0.1) 35%, rgba(255,255,255,0) 100%);
            }

            .nav-main-element > img[b-kokb6lnfd1] {
                width: 48px;
                height: 48px;
            }

            .nav-main-element > div > a[b-kokb6lnfd1] {
                font-family: 'Glacial Indifference';
                font-size: 20px;
                text-decoration: none;
                color: #9ba5b6;
                height: 100%;
                margin: 0;
                height: 100%;
            }

                .nav-main-element > div > a.current[b-kokb6lnfd1] {
                    color: #9474dd;
                }

main > div[b-kokb6lnfd1] {
    margin-left: 550px;
    padding-top: 100px;
}
/* _content/NATISA/Shared/Controls/Banner.razor.rz.scp.css */
@keyframes scroll-animation-b-wokv5yzj9z {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.banner[b-wokv5yzj9z] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    background-color: var(--mhb-green-light);
    opacity: 75%;
    overflow: hidden;
    height: 55px;
}

.marquee[b-wokv5yzj9z] {
    white-space: pre;
    overflow: hidden;
    display: inline-block;
    animation: scroll-animation-b-wokv5yzj9z 30s linear infinite;
    vertical-align: middle;
    height: 100%;
}

    .marquee > p[b-wokv5yzj9z] {
        font-family: 'karlaregular';
        font-size: 18px;
        display: inline-block;
        user-select: none;
        padding-top: 15px;
    }
/* _content/NATISA/Shared/Controls/BannerTablet.razor.rz.scp.css */
@keyframes scroll-animation-b-cqnmy6nzkc {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.banner[b-cqnmy6nzkc] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    background-color: var(--mhb-green-light);
    overflow: hidden;
    height: 5vh;
    opacity: 75%;
}

.marquee[b-cqnmy6nzkc] {
    white-space: pre;
    overflow: hidden;
    display: inline-block;
    animation: scroll-animation-b-cqnmy6nzkc 20s linear infinite;
    vertical-align: middle;
    height: 100%;
}

    .marquee > p[b-cqnmy6nzkc] {
        font-family: 'karlaregular';
        font-size: calc(5px + 1vh);
        display: inline-block;
        user-select: none;
        margin-top: calc(5px + 1vh);

    }
/* _content/NATISA/Shared/Controls/ControlPanelOrder.razor.rz.scp.css */
li[b-a7ypqhslvx] {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 20px;
    margin-right: 200px;
}

.header[b-a7ypqhslvx] {
    display: flex;
    flex-direction: row;
}

    .header > div[b-a7ypqhslvx] {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .header > div > p[b-a7ypqhslvx] {
        margin-left: 25px;
    }

        .header > div > img[b-a7ypqhslvx] {
            width: 64px;
            height: 64px;
            object-fit: scale-down;
        }

        .header > div > div[b-a7ypqhslvx] {
            margin-left: 25px;
            display: flex;
            flex-direction: column;
        }

            .header > div > div > h4[b-a7ypqhslvx] {
                font-family: Karla;
                font-size: 20px;
            }

            .header > div > div > p[b-a7ypqhslvx] {
                color: gray;
            }

.header-content[b-a7ypqhslvx] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.product-inactive[b-a7ypqhslvx] {
    background-color: #88888850 !important;
}

.order-controls[b-a7ypqhslvx] {
    display: flex;
    flex-direction: row;
    right: 10px;
    align-items: center;
    gap: 15px;
}

.order-state[b-a7ypqhslvx] {
    
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .order-state.paid[b-a7ypqhslvx] {
        background-color: #C4DFAA50;
    }

    .order-state.unpaid[b-a7ypqhslvx] {
        background-color: #55555520;
    }

p[b-a7ypqhslvx], h1[b-a7ypqhslvx], h4[b-a7ypqhslvx] {
    margin: 0;
} 

[b-a7ypqhslvx] .content > form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

    [b-a7ypqhslvx] .order-controls > button, [b-a7ypqhslvx] .content > form > button {
        position: relative;
        right: 10px;
        border: none;
        background-color: transparent;
        width: 50px;
        height: 50px;
        border-radius: 5px;
        background-color: #9474dd30;
        -webkit-transition: background-color 250ms ease-in-out;
        -ms-transition: background-color 250ms ease-in-out;
        transition: background-color 250ms ease-in-out;
    }

.expand-button[b-a7ypqhslvx] {
    border: none;
    background-color: transparent;
    margin-right: 20px;
}
/* _content/NATISA/Shared/Controls/ControlPanelProduct.razor.rz.scp.css */
li[b-m75swbabd5] {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 20px;
    padding: 20px;
    margin-right: 200px;
}

.header[b-m75swbabd5] {
    display: flex;
    flex-direction: row;
}

    .header > div[b-m75swbabd5] {
        display: flex;
        flex-direction: row;
    }

    .header > div > p[b-m75swbabd5] {
        margin-left: 25px;
    }

        .header > div > img[b-m75swbabd5] {
            width: 64px;
            height: 64px;
            object-fit: scale-down;
        }

        .header > div > div[b-m75swbabd5] {
            margin-left: 25px;
            display: flex;
            flex-direction: column;
        }

            .header > div > div > h4[b-m75swbabd5] {
                font-family: Karla;
                font-size: 20px;
            }

            .header > div > div > p[b-m75swbabd5] {
                color: gray;
            }

.header-content[b-m75swbabd5] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.product-inactive[b-m75swbabd5] {
    background-color: #88888850 !important;
}

.product-controls[b-m75swbabd5] {
    display: flex;
    flex-direction: row;
    right: 10px;
    align-items: center;
    gap: 15px;
}

[b-m75swbabd5] .content > form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

[b-m75swbabd5] .product-controls > button, [b-m75swbabd5] .content > form > button {
    position: relative;
    right: 10px;
    border: none;
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #9474dd30;
    -webkit-transition: background-color 250ms ease-in-out;
    -ms-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out;
}

    [b-m75swbabd5] .product-controls > button:nth-child(1).selected {
        background-color: #FFE9AE;
        -webkit-transition: background-color 250ms ease-in-out;
        -ms-transition: background-color 250ms ease-in-out;
        transition: background-color 250ms ease-in-out;
    }

    [b-m75swbabd5] .product-controls > button:nth-child(2).selected {
        background-color: #FFB3B3;
        -webkit-transition: background-color 250ms ease-in-out;
        -ms-transition: background-color 250ms ease-in-out;
        transition: background-color 250ms ease-in-out;
    }

.expand-button[b-m75swbabd5] {
    border: none;
    background-color: transparent;
    margin-right: 20px;
}

.content[b-m75swbabd5] {
    padding: 15px;
}

[b-m75swbabd5] input, [b-m75swbabd5] textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #88888850;
    padding: 5px;
}
/* _content/NATISA/Shared/Controls/Progress.razor.rz.scp.css */
.container[b-ehg41o6b8o] {
    display: flex;
    gap: 9px;
    padding: 0px;
}

.step[b-ehg41o6b8o] {
    height: 4px;
    background-color: #EEEEEE;
    border-radius: 4px;
    width: 80px;
}

    .step.active-step[b-ehg41o6b8o] {
        background-color: var(--mhb-green-bold);
    }
/* _content/NATISA/Shared/Controls/ProgressTablet.razor.rz.scp.css */
.container[b-kb5jq6sf27] {
    display: flex;
    gap: 9px;
    padding: 0px;
    margin-left: 0px;
}

.step[b-kb5jq6sf27] {
    height: 0.2vh;
    background-color: #EEEEEE;
    border-radius: 4px;
    width: 10vw;
}

    .step.active-step[b-kb5jq6sf27] {
        background-color: var(--mhb-green-bold);
    }
/* _content/NATISA/Shared/Controls/Toast.razor.rz.scp.css */
.toast[b-5y1gl9lcoq] {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 25px;
    height: 65px;
    z-index: 99999;

    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1200px) {
    .toast[b-5y1gl9lcoq] {
        position: absolute;
        left: 33vw;
        margin-top: 45vh;
        border-radius: 25px;
        height: 65px;
        z-index: 99999;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
    }
    .toast > p[b-5y1gl9lcoq] {
        font-family: 'Glacial Indifference';
        font-size: 18px;
        margin: 0;
    }
/* _content/NATISA/Shared/DiagnosticLayout.razor.rz.scp.css */
@media only screen and (min-width: 1201px) {
    .diag-content[b-q4xxcw9hyd] {
        width: 50vw;
        position: absolute;
        right: 0;
        height: 100vh;
        border-radius: 100px 0px 0px 0px;
        background-color: var(--mhb-white);
        overflow: hidden;
    }
    .body-content[b-q4xxcw9hyd] {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1200px) {
    .diag-content[b-q4xxcw9hyd] {
        position: absolute;
        left: 0;
        background-color: var(--mhb-white);
        overflow: hidden;
    }
    .body-content[b-q4xxcw9hyd] {
        width: 100vw;
        height: 100vh;
/*        overflow: hidden;*/
    }
}

.circular-button[b-q4xxcw9hyd] {
    width: 42px;
    height: 42px;
    background-color: var(--mhb-white);
    border-radius: 42px;
    cursor: pointer;
}

    .circular-button > a[b-q4xxcw9hyd] {
        display: flex;
        width: 100%;
        height: 100%;
    }

    .circular-button > * > img[b-q4xxcw9hyd] {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 12px;
        height: 12px;
    }

#back-button[b-q4xxcw9hyd] {
    position: absolute;
    margin-top: 100px;
    margin-left: 140px;
    z-index: 3;
}
/* _content/NATISA/Shared/MainLayout.razor.rz.scp.css */
@media only screen and (max-width: 1200px) {
    .page[b-b8p9nnr67f] {
        position: relative;
        display: flex;
        flex-direction: column;
        width:100vw;
    }

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

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

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

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

@media only screen and (min-width: 1201px) {
    .page[b-b8p9nnr67f] {
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    main[b-b8p9nnr67f] {
        flex: 1;
        overflow: hidden;
    }

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

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

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




.sidebar[b-b8p9nnr67f] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

    .sidebar[b-b8p9nnr67f] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-b8p9nnr67f] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

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

@media only screen and (max-width: 1200px) {
}
/* _content/NATISA/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-nhyisskx4r] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-nhyisskx4r] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-nhyisskx4r] {
    font-size: 1.1rem;
}

.oi[b-nhyisskx4r] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-nhyisskx4r] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-nhyisskx4r] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-nhyisskx4r] {
        padding-bottom: 1rem;
    }

    .nav-item[b-nhyisskx4r]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-nhyisskx4r]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: var(--mhb-white);
}

.nav-item[b-nhyisskx4r]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: var(--mhb-white);
}

@media (min-width: 641px) {
    .navbar-toggler[b-nhyisskx4r] {
        display: none;
    }

    .collapse[b-nhyisskx4r] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* _content/NATISA/Shared/NewAmbBackOfficeLayout.razor.rz.scp.css */
main[b-fjlpywt6ip] {
    background-color: #f5f6fa;
    font-family: Karla;
    height: 100%;
}

.top-bar[b-fjlpywt6ip] {
    position: absolute;
    background-color: white;
    height: 70px;
    width: 1920px;
    box-shadow: 0px 10px 5px #80808010;
}

    .top-bar > img[b-fjlpywt6ip] {
        position: absolute;
        margin-left: 20px;
        margin-top: 5px;
        width: 58px;
        height: 58px;
    }


    .top-bar > h3[b-fjlpywt6ip] {
        position: absolute;
        margin-left: 80px;
        margin-top: 19.5px;
        width: fit-content;
        height: fit-content;
        font-size: 20px;
    }

.section-bar[b-fjlpywt6ip] {
    z-index: 3;
    position: absolute;
    background-color: white;
    width: 240px;
    height: 1px;
    top: 60px;
}

.select-bar[b-fjlpywt6ip] {
    z-index: 0;
    position: absolute;
    top: 70px;
    width: 240px;
    height: 1010px;
    background-color: var(--mhb-green-bold);
}

    .select-bar > .home[b-fjlpywt6ip] {
        position: absolute;
        width: 240px;
        height: 60px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > .graphique[b-fjlpywt6ip] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 60px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > .comissions[b-fjlpywt6ip] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 120px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > .clients[b-fjlpywt6ip] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 180px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > .orders[b-fjlpywt6ip] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 240px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > .calibration[b-fjlpywt6ip] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 300px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > div > img[b-fjlpywt6ip] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 35px;
        z-index: 2;
    }

    .select-bar > div > h2[b-fjlpywt6ip] {
        position: absolute;
        font-family: 'karlaregular';
        color: white;
        font-weight: lighter;
        font-size: 16px;
        left: 70px;
        top: 20px;
        z-index: 2;
    }



    .select-bar > h3[b-fjlpywt6ip] {
        position: absolute;
        margin-left: 30px;
        top: 880px;
        color: white;
        font-family: 'karlaregular';
        font-size: 15px;
    }

    .select-bar > img[b-fjlpywt6ip] {
        position: absolute;
        top: 920px;
        margin-left: 30px;
    }

.header-container-tablet input[type="checkbox"][b-fjlpywt6ip] {
    display: block;
}

.header-container-tablet[b-fjlpywt6ip] {
    display: block;
    position: relative;
    height: 175px;
}

    .header-container-tablet input[type="checkbox"][b-fjlpywt6ip] {
        position: absolute;
        height: 50px;
        width: 50px;
        top: 60px;
        left: 120px;
        z-index: 5;
    }

.menu-items-tablet[b-fjlpywt6ip] {
    padding-top: 180px;
    background-color: var(--mhb-green-bold);
    height: 100vh;
    width: 17vh;
    transform: translate(-150%);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: transform 0.3s ease-in-out
}

    .menu-items-tablet > li[b-fjlpywt6ip] {
        color: #FFF;
        font-size: 30px;
        font-weight: bold;
        left: 50%;
        list-style: none;
        padding: 40px 0px;
    }

        .menu-items-tablet > li:hover[b-fjlpywt6ip] {
            background-color: #FFF;
            color: var(--mhb-green-bold);
        }

.header-container-tablet input[type="checkbox"]:checked ~ .menu-items-tablet[b-fjlpywt6ip] {
    transform: translate(0);
}

.section-bar-tablet[b-fjlpywt6ip] {
    display: block;
    height: 5px;
    background-color: #fff;
    width: 100%;
}
/* _content/NATISA/Shared/NewBackOfficeLayout.razor.rz.scp.css */
main[b-wbdw3yqzhm] {
    background-color: #f5f6fa;
    font-family: 'karlaregular';
    height: 100%;
}

.top-bar[b-wbdw3yqzhm] {
    position: absolute;
    background-color: white;
    height: 70px;
    width: 1920px;
    box-shadow: 0px 10px 5px #80808010;
}

    .top-bar > img[b-wbdw3yqzhm] {
        position: absolute;
        margin-left: 20px;
        margin-top: 5px;
        width: 58px;
        height: 58px;
    }

    .top-bar > h3[b-wbdw3yqzhm] {
        position: absolute;
        margin-left: 80px;
        margin-top: 19.5px;
        width: fit-content;
        height: fit-content;
        font-size: 20px;
    }
.section-bar[b-wbdw3yqzhm] {
    z-index: 3;
    position: absolute;
    background-color: white;
    width: 240px;
    height: 1px;
    top: 60px;
}

.select-bar[b-wbdw3yqzhm] {
    z-index: 0;
    position: absolute;
    top: 70px;
    width: 240px;
    height: 1010px;
    background-color: var(--mhb-green-bold);
}

    .select-bar > .home[b-wbdw3yqzhm] {
        position: absolute;
        width: 240px;
        height: 60px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > .ambassadrice[b-wbdw3yqzhm] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 60px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > .order[b-wbdw3yqzhm] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 120px;
        z-index: 2;
        cursor: pointer;
    }
    .select-bar > .compta[b-wbdw3yqzhm] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 180px;
        z-index: 2;
        cursor: pointer;
    }
    .select-bar > .logisticien[b-wbdw3yqzhm] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 240px;
        z-index: 2;
        cursor: pointer;
    }
    .select-bar > .diagnostics[b-wbdw3yqzhm] {
        position: absolute;
        width: 240px;
        height: 60px;
        top: 300px;
        z-index: 2;
        cursor: pointer;
    }

    .select-bar > div > img[b-wbdw3yqzhm] {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 35px;
        z-index: 2;
    }

    .select-bar > div > h2[b-wbdw3yqzhm] {
        position: absolute;
        font-family: 'karlaregular';
        color: white;
        font-weight: lighter;
        font-size: 16px;
        left: 70px;
        top: 20px;
        z-index: 2;
    }

     

        .select-bar > h3[b-wbdw3yqzhm] {
            position: absolute;
            margin-left: 30px;
            top: 880px;
            color: white;
            font-family: 'karlaregular';
            font-size: 15px;
        }

    .select-bar > img[b-wbdw3yqzhm] {
        position: absolute;
        top: 920px;
        margin-left: 30px;
    }
/* _content/NATISA/Shared/TransitionLayout.razor.rz.scp.css */

.body-content[b-ms18539lml] {
    width: 100%;
    height: 100%;
    overflow: hidden;

}