body.hasQAC .header--desktop, body.hasQAC .header-mobile, body.hasQAC #block-breadcrumbs, body.hasQAC #block-socialsharingblock, body.hasQAC .block-timestamp, body.hasQAC footer.footer { display: none; } body.hasQAC .pz-main { margin-top: 0px !important; } body.hasQAC .introSlideBody img, .popup-content img { display: inline; } body.hasQAC .pz-container { overflow-x: visible; } /*body.hasQAC .quick-allergy-check .resultContainer { padding: 21px 30px 200px 30px; }*/ body.hasQAC .fullImageContainer img { z-index: 400 !important; } .img-fluid{max-width:100%;height:auto} .col-10{flex:0 0 auto;width:83.33333333%} .col-11{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .d-flex{display:flex!important} .col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-md-10{position:relative;width:100%;padding-right:15px;padding-left:15px} .d-none{display:none!important} .col-6{flex:0 0 auto;width:50%} .col-8{flex:0 0 auto;width:66.66666667%} .col-sm-4{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-12{flex:0 0 auto;width:100%} .col-xl-7{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-xl-9{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-md-7{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-md-5{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-sm-11{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-sm-10{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-lg-10{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-lg-12{position:relative;width:100%;padding-right:15px;padding-left:15px} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .w-100{width:100%!important} .h-100{height:100%!important} .text-center{text-align:center!important} .align-items-center{align-items:center!important} .mx-auto{margin-right:auto!important} .mx-auto{margin-left:auto!important} .visible{visibility:visible!important} .d-block{display:block!important} .position-relative{position:relative!important} .d-inline{display:inline!important} .form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out} @media (prefers-reduced-motion:reduce){.form-control{transition:none}} .form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%} .custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)} @media (min-width:1200px){ .col-xl-4,.col-xl-6{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem} } @media (min-width:992px){ .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (min-width:768px){ .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .d-md-flex{display:-ms-flexbox!important;display:flex!important} .d-md-block{display:block!important} .d-md-none{display:none!important} .d-md-inline{display:inline!important} } @media (min-width:576px){ .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem} .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .form-control-plaintext{display:inline-block} .d-sm-block{display:block!important} .d-sm-none{display:none!important} } [class^=icon-],[class*=" icon-"]{font-family:allergiecheck!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-size-8{font-size:8px}.icon-size-10{font-size:10px}.icon-size-12{font-size:12px}.icon-size-14{font-size:14px}.icon-size-16{font-size:16px}.icon-size-18{font-size:18px}.icon-size-20{font-size:20px}.icon-size-22{font-size:22px}.icon-size-24{font-size:24px}.icon-size-26{font-size:26px}.icon-size-28{font-size:28px}.icon-size-30{font-size:30px}.icon-close-3:before{content:"i"}.icon-arrow-right-2:before{content:"q"}.icon-rounde-arrow:before{content:"\e900"}.icon-search-solid:before{content:"\e901"}.icon-minus:before{content:"\e902"}.icon-plus:before{content:"\e903"}.icon-arrow-right:before{content:"\e904"}.icon-close:before{content:"\e905"}.icon-arrow-next:before{content:"\e906"}.icon-close-4:before{content:"\e907"}.icon-arrow-prev:before{content:"\e908"}.icon-email:before{content:"\e909"}.icon-twitter:before{content:"\e90a"}.icon-linkedin:before{content:"\e90b"}.icon-facebook:before{content:"\e90c"}.icon-search:before{content:"\e90d"}.icon-fad-icon:before{content:"\e90e"}.icon-direction:before{content:"\e90f"}.icon-website:before{content:"\e910"}.icon-email-1:before{content:"\e911"}.icon-phone:before{content:"\e912"}.icon-location:before{content:"\e913"}.icon-check:before{content:"\e914"}.icon-description:before{content:"\e915"}.icon-medical-kit:before{content:"\e916"}.icon-close-bold:before{content:"\e917"}.icon-location-2:before{content:"\e918"}.icon-food:before{content:"\e919";color:#b7b7b7}.icon-bug:before{content:"\e91a";color:#b7b7b7}.icon-pollen:before{content:"\e91b";color:#b7b7b7}.icon-cat-1:before{content:"\e91c";color:#b7b7b7}.icon-tree:before{content:"\e91d";color:#b7b7b7}.icon-bees:before{content:"\e91e";color:#b7b7b7}.icon-close1:before{content:"\e91f"}.icon-arrow-left-4:before{content:"\e920"}.icon-arrow-right-4:before{content:"\e921"}.icon-DT_full_raport_icon_white:before{content:"\e93c"}.icon-DT_your_summery_icon_white:before{content:"\e93d"}.icon-Group-7501-1:before{content:"\e93e"}.icon-arrow-right-3:before{content:"\ea3c"}.icon-DT_results_tiredness_icon_grey:before{content:"\e922"}.icon-DT_triggers_animals_grey:before{content:"\e923"}.icon-DT_triggers_hdm_grey:before{content:"\e924"}.icon-DT_triggers_pollen_grey:before{content:"\e925"}.icon-DT_triggers_dont_know_grey:before{content:"\e926"}.icon-DT_results_nose_icon_grey:before{content:"\e927"}.icon-DT_results_eye_icon_grey:before{content:"\e928"}.icon-DT_results_breathing_icon_grey:before{content:"\e929"}.icon-Group-3429-2:before{content:"\e92a";}.icon-Group-3397:before{content:"\e92b";}.icon-zz:before{content:"\e92c";color:#002559;}.icon-nose:before{content:"\e92d";}.icon-lungs:before{content:"\e92e";}.icon-eye:before{content:"\e92f";}.icon-Component-13--1:before{content: "\e930";}.icon-Component-12--1:before{content:"\e931";color:#ec7059;} /*# sourceMappingURL=/cdn/shop/t/251/assets/global-icon.css.map?v=4531474334932461881728574467 */ .quick-allergy-check { font-family: 'Poppins-Regular'; color: #002559; } .quick-allergy-check .quizBackgroundColor { background-color: #B8D5EC; padding: 0px; height: 90vh } .quick-allergy-check .qacContainer { background-color: #F0F6FA; width: 80vw; margin: 0px auto; padding: 0px; max-width: 1075px; } .quick-allergy-check .introSlide .header { background-color: transparent; } .quick-allergy-check .header { background-color: #FFFFFF; padding: 1.25em 0.75em; } .quick-allergy-check .logo-container img { max-width: 190px; } .quick-allergy-check .introSlide .close-navigation-btn { background-color: transparent; } .quick-allergy-check .close-navigation-btn { background-color: #67c3b7; border-color: #67c3b7; border-radius: 50%; padding: 5px 5px; height: 30px; width: 30px; min-width: 30px; display: flex; align-items: center; justify-content: center; } .quick-allergy-check .introSlide .introSlideBody img { margin-bottom: 0.5em; } .quick-allergy-check .introSlide .introSlideBody .intro { font-family: 'Poppins-Light'; font-size: 18px; line-height: 1.3em; color: #5c5d5d; } .quick-allergy-check .introSlide .introSlideBody button { padding: 14px 40px; background-color: #67C3B7; border-radius: 26px; border: 0px; font-size: 16px; margin-top: 0.25em; margin-bottom: 1.4em; text-transform: uppercase; color: #002559; } .quick-allergy-check .introSlide .introSlideBody .noteContainer { border: 2px dashed #009DC1; padding: 15px; border-radius: 10px; } .quick-allergy-check .introSlide .introSlideBody .note { font-size: 14px; margin-bottom: 0; } .quick-allergy-check .descriptionContainer .heading, .quick-allergy-check .introSlide .heading { font-family: 'Poppins-SemiBold'; font-size: 33px; margin-bottom: 0.5rem; line-height: 1.15em; color: #002559; } .quick-allergy-check .descriptionContainer .subheading { font-family: 'Poppins-Light'; font-size: 16px; color: #444444; } .quick-allergy-check .descriptionContainer .pagination { display: flex; justify-content: space-between; max-width: 475px; margin: 0 auto; position: relative; margin-top: 1.2rem; } .quick-allergy-check .descriptionContainer .pagination::after { position: absolute; left: 0; top: 50%; height: 2px; background: #F2F2F2; content: ""; width: 100%; display: block; } .quick-allergy-check .descriptionContainer .step { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #EAEAEA; display: flex; justify-content: center; align-items: center; background-color: #EAEAEA; font-weight: bold; color: #FFFFFF; font-size: 11px; z-index: 20; font-family: 'Poppins-Medium'; } .quick-allergy-check .descriptionContainer .completed { background-color: #FFFFFF; color: #002559; border: 2px solid #002559; } .quick-allergy-check .descriptionContainer .active { background-color: #0A2458; color: #FFFFFF; border: 2px solid #0A2458; } .quick-allergy-check .questionAnswer { padding: 1.5em 0px; } .quick-allergy-check .questionAnswerContainer[data-question-type="indicator"] .mainAnswerContainer { margin-top: 30px; } .quick-allergy-check .question { font-size: 20px; font-family: 'Poppins-SemiBold'; margin-bottom: 1em; line-height: 1.33em; color: #002559; } @keyframes arrowGlide { 0% { transform: translateX(-10px); } 50% { transform: translateX(5px); } 100% { transform: translateX(-10px); } } .quick-allergy-check .arrow-glide-animation.visible::before { animation: arrowGlide 3s ease infinite; animation-delay: 0s, 0s; animation-fill-mode: forwards, none; animation-delay: 0s, 2s; animation-fill-mode: forwards, none; } .quick-allergy-check .leftNavigationButtonContainer, .quick-allergy-check .rightNavigationButtonContainer { height: max-content; color: #002559; border: 0px; background-color: transparent; cursor: pointer; letter-spacing: 1px; } .quick-allergy-check .leftNavigationButtonContainer .transform-180 { transform: rotate(180deg); } .quick-allergy-check .leftNavigationButtonContainer:disabled, .quick-allergy-check .rightNavigationButtonContainer:disabled { cursor: not-allowed; } .quick-allergy-check .rightNavigationButtonContainer[data-next-step="step-result"] { padding: 9px 13px 13px; cursor: pointer; border-radius: 26px; background-color: #67C3B7; font-size: 16px; color: #002559; } .quick-allergy-check .rightNavigationButtonContainer[data-next-step=step-result] span.buttonLabel { padding-left: 5px; padding-top: 6px; } .quick-allergy-check .rightNavigationButtonContainer[data-next-step="step-result"] span.rightButtonContainer { color: #FFFFFF; font-size: 24px; margin-left: 1.2em; width: 24px; height: 24px; } .quick-allergy-check .mobileNavigation .leftNavigationButtonContainer, .quick-allergy-check .mobileNavigation .rightNavigationButtonContainer { padding-top: 5px; } .quick-allergy-check .buttonLabel { font-size: 16px; font-family: 'Poppins-Medium'; line-height: 1.06em; text-transform: uppercase; } .quick-allergy-check .buttonContainer { padding: 7px; border-radius: 50%; font-size: 24px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; min-width: 44px; } .quick-allergy-check .rightButtonContainer { background-color: #67C3B7; margin-left: 0.5em; } .quick-allergy-check .leftButtonContainer { background-color: #009DC1; color: #FFFFFF; margin-right: 0.5em; } .quick-allergy-check .mainAnswerContainer { width: fit-content; max-width: 100%; } .quick-allergy-check .answerContainer { border: 2px dashed #009DC1; background-color: #FFFFFF; width: 100vw; border-radius: 10px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay { position: absolute; /* Stay in place even when scrolling */ top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ display: flex; justify-content: center; align-items: center; z-index: 1000; /* Make sure it sits on top of other content */ } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content { background-color: white; padding: 20px 20px 2.7em 20px; width: 90%; max-width: 550px; text-align: center; position: relative; background: #F0F6FA; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popUpHeader { display: flex; justify-content: flex-end; font-size: 19px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popUpHeading { font-family: 'Poppins-SemiBold'; font-size: 24px; padding-top: 10px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupIndicatorContainer { display: flex; justify-content: space-evenly; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator { max-width: 110px; margin: 0px 5px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator img { width: 68px; height: 76px; margin-bottom: 10px; margin-top: 1.5em; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator .score { font-family: 'Poppins-SemiBold'; font-size: 16px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator .scoreDescription { font-size: 12px; padding: 0 12px; } .quick-allergy-check .quizPopupOverlay { position: fixed; /* Stay in place even when scrolling */ top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ display: flex; justify-content: center; align-items: center; z-index: 1000; /* Make sure it sits on top of other content */ } .quick-allergy-check .quizPopupOverlay .popup-content { background-color: #009DC1; padding: 3em; width: 90%; max-width: 750px; text-align: center; position: relative; } .quick-allergy-check .quizPopupOverlay .popup-content .popupHeader { color: #FFFFFF; font-family: 'Poppins-SemiBold'; font-size: 40px; /* font-size: 59px; */ } .quick-allergy-check .quizPopupOverlay .popup-content .popupHeading { font-family: 'Poppins-Medium'; font-size: 30px; /* font-size: 36px; */ } .quick-allergy-check .quizPopupOverlay .popup-content .popupButtonContainer { margin-top: 2em; display: flex; justify-content: center; } .quick-allergy-check .quizPopupOverlay .popup-content .popupButtonContainer .btn { padding: 15px 50px; border-radius: 30px; font-family: 'Poppins-Regular'; cursor: pointer; } .quick-allergy-check .quizPopupOverlay .popup-content .popupButtonContainer .yesBtn { border: 1px solid #002559; color: #002559; background-color: transparent; } .quick-allergy-check .quizPopupOverlay .popup-content .popupButtonContainer .noBtn { border: 1px solid #002559; color: #FFFFFF; background-color: #002559; } /* multiCheckboxes CSS */ .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] { padding: 1.25em 1.25em 0.75em 1.25em; gap: 12px; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .checkboxesContainer { /* flex: 1; */ height: fit-content; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] { position: relative; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer { position: absolute; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer { /* flex:1; */ max-width: 380px; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer img { max-height: 210px; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .twoColumn { grid-template-columns: 1fr 1fr; display: grid; column-gap: 8px } .quick-allergy-check .checkbox-item { display: flex; align-items: center; margin-bottom: 15px; font-size: 14px; } .quick-allergy-check .questionSlide #step-9 .checkbox-item { line-height: 14px; } .quick-allergy-check .questionAnswer[id="step-6"] .checkbox-item:nth-child(8) { grid-column: 1; } .quick-allergy-check .checkbox-item:has(.checkbox:nth-child(4)) { column-count: 2; } .quick-allergy-check .checkbox-item input[type="checkbox"], .quick-allergy-check .checkbox-item input[type="radio"] { display: none; } .quick-allergy-check .checkbox-item .checkmark { width: 20px; height: 20px; border: 1px solid #002559; border-radius: 4px; display: inline-block; margin-right: 10px; min-width: 20px; position: relative; background-color: #FFFFFF; } .quick-allergy-check .checkbox-item input[type="checkbox"]:checked+.checkmark, .quick-allergy-check .checkbox-item input[type="radio"]:checked+.checkmark { background-color: #67C3B7; border-color: #67C3B7; } .quick-allergy-check .checkbox-item input[type="checkbox"]:checked+.checkmark:before, .quick-allergy-check .checkbox-item input[type="radio"]:checked+.checkmark:before { content: ''; position: absolute; left: 5px; top: 1px; width: 7px; height: 12px; border: solid #FFFFFF; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* end multiCheckboxes CSS */ /* indicatorOptions CSS */ .quick-allergy-check [data-options-type="indicatorOptions"] { padding: 30px 35px 15px 35px; text-align: center; position: relative; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsImage { position: absolute; width: 48px; height: 48px; left: 50%; transform: translateX(-50%); top: -24px; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsCategory { font-family: 'Poppins-Medium'; font-size: 16px; line-height: 1.37em; margin-bottom: 0.7em; text-transform: uppercase; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer { margin-top: 0.75em; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsHeading, .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorHeading { font-size: 14px; font-family: 'Poppins-SemiBold'; color: #009DC1; line-height: 1.57em; margin-bottom: 0.5em; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOptionContainer { display: flex; gap: 25px; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption { /* font-family: 'Poppins-Regular'; */ font-size: 13px; width: 32%; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption label { float: left; width: 100%; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption label span { text-align: center; display: block; padding: 0.60em 10px; border-radius: 30px; cursor: pointer; background-color: #FFFFFF; color: #002559; border: 1px solid #002559; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption label input { position: absolute; top: -20px; display: none; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption input:checked+span { background-color: #009DC1; color: #FFFFFF; border: 1px solid #009DC1; } .quick-allergy-check [data-options-type="indicatorOptions"] .checkbox-button { display: inline-flex; align-items: center; justify-content: center; padding: 0.65em 10px; border-radius: 30px; /* font-family: 'Poppins-Regular'; */ font-size: 11px; cursor: pointer; background-color: #FFFFFF; color: #B7B7B7; border: 1px solid #B7B7B7; } .quick-allergy-check [data-options-type="indicatorOptions"] .checkbox-button.checked { background-color: #009DC1; color: #FFFFFF; border: 1px solid #009DC1; } .quick-allergy-check [data-options-type="indicatorOptions"] .checkbox-button input[type="checkbox"] { display: none; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .scale-container, .quick-allergy-check .resultIndicatorContainer.scale-container { text-align: center; max-width: 390px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .labels, .quick-allergy-check .resultIndicatorContainer.scale-container .labels, .quick-allergy-check #doctorTab .labels { display: flex; justify-content: space-between; font-size: 14px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .slider, .quick-allergy-check .resultIndicatorContainer.scale-container .slider, .quick-allergy-check #doctorTab .slider { -webkit-appearance: none; width: 100%; height: 24px; background: linear-gradient(to right, #009DC1 12%, #FBD104 20%, #F2AB35 40%, #FF5D21 50%, #FF3317 65%, #EA1509 80%, #BF0101 100%); outline: none; border-radius: 12px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .slider::-webkit-slider-thumb, .quick-allergy-check .resultIndicatorContainer.scale-container .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 1px solid #002559; cursor: pointer; background-image: url('/sites/all/themes/alk/src/qac/assets/Group_4269.jpeg'); background-repeat: no-repeat; background-size: 28%; background-position: center; justify-content: center; padding: 5px 10px; position: relative; z-index: 400; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .slider::-moz-range-thumb, .quick-allergy-check .resultIndicatorContainer.scale-container .slider::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 9px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #002559; cursor: pointer; background-image: url('/sites/all/themes/alk/src/qac/assets/Group_4269.jpeg'); background-repeat: no-repeat; background-size: 28%; background-position: center; justify-content: center; padding: 5px 10px; position: relative; z-index: 400; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .sliderr::-ms-thumb, .quick-allergy-check .resultIndicatorContainer.scale-container .slider::-ms-thumb { -webkit-appearance: none; appearance: none; width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 1px solid #002559; cursor: pointer; background-image: url('/sites/all/themes/alk/src/qac/assets/Group_4269.jpeg'); background-repeat: no-repeat; background-size: 28%; background-position: center; justify-content: center; padding: 5px 10px; position: relative; z-index: 400; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider::-webkit-slider-thumb { background-image: url('/sites/all/themes/alk/src/qac/assets/Polygon.png'); margin-top: 40px; border: 0; background-color: transparent; background-size: 15px; padding: 10px; border-right: 7px solid transparent; box-shadow: none; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider:disabled { opacity: 1; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="0"]::-webkit-slider-thumb { border-right: 0px solid transparent; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="1"]::-webkit-slider-thumb { border-right: 3px solid transparent; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="2"]::-webkit-slider-thumb { border-right: 4px solid transparent; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="4"]::-webkit-slider-thumb { border-right: 5px solid transparent; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="5"]::-webkit-slider-thumb { border-right: 6px solid transparent; } .quick-allergy-check #doctorTab .slider::-webkit-slider-thumb { width: 0px; height: 0px; display: none; opacity: 0; visibility: hidden; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .number-labels, .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels, .quick-allergy-check #doctorTab .number-labels { display: flex; justify-content: space-between; font-size: 11px; font-family: 'Poppins-Medium'; color: #FFFFFF; position: absolute; top: 15%; right: 10px; left: 10px; height: 0px; pointer-events: none; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .number-labels span, .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span, .quick-allergy-check #doctorTab .number-labels span { height: 0px; } .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span { position: relative; } .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span.active:before { content: ""; width: 2px; display: block; height: 4px; background: #fff; position: absolute; top: -4px; left: 3px; } .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span.active:after { content: ""; width: 2px; display: block; height: 4px; background: #fff; position: absolute; top: 16px; left: 3px; } .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span:nth-child(2):before, .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span:nth-child(2):after{ left: 1px; } .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span:nth-child(11):before, .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels span:nth-child(11):after{ left: 4px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .indicatorText, .quick-allergy-check .resultIndicatorContainer.scale-container .indicatorText, .quick-allergy-check #doctorTab .indicatorText { font-size: 10px; font-family: 'Poppins-Medium'; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .sliderNotAffected, .quick-allergy-check #doctorTab .sliderNotAffected { color: #009DC1; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .sliderVeryAffected, .quick-allergy-check #doctorTab .sliderVeryAffected { color: #C00100; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .character { display: flex; justify-content: center; margin-top: -10px } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .character img { height: 87px; width: 80px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .indicatorPopUpTextContainer { font-family: 'Poppins-Medium'; text-decoration: underline; color: #707070; font-size: 10px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; cursor: pointer; } /* end indicatorOptions CSS */ .quick-allergy-check .navigation-icon { cursor: pointer; } .quick-allergy-check .resultContainer { padding: 21px 30px; background-color: #c1ddef; } .quick-allergy-check .result { max-width: 1450px; } .quick-allergy-check .resultHeader { justify-content: space-between; margin-bottom: 20px; } .quick-allergy-check .tabContainer { background-color: #8DCEC8; border-top-left-radius: 10px; border-top-right-radius: 10px; } .quick-allergy-check .tabContainer button { border: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; padding: 20px 40px; background-color: transparent; color: #FFFFFF; } .quick-allergy-check .tabContainer button[data-tab="summaryTab"] { max-width: 360px; } .quick-allergy-check .tabContainer button[data-tab="doctorTab"] { flex-grow: 1; } .quick-allergy-check .tabContainer button.active { background-color: #FFFFFF; color: #002559; } .quick-allergy-check .tabContainer button:first-child.active { box-shadow: 10px 0 5px -5px #0000002b; } .quick-allergy-check .tabContainer button:nth-child(2).active { box-shadow: -10px 0 5px -5px #0000002b; } .quick-allergy-check .tabContainer button .tabIcon { font-size: 30px; } .quick-allergy-check .tabContainer button .text { text-align: left; font-family: 'Poppins-Medium'; font-size: 19px; padding-left: 20px; } .quick-allergy-check .result #summaryTab, .quick-allergy-check .result #doctorTab { background-color: #FFFFFF; padding: 10px; } .quick-allergy-check .result .dtButtonContainer { margin-top: 0px; margin-bottom: 1em; text-align: -webkit-right; } .quick-allergy-check .result .dtButtonContainer button { padding: 11px 20px; border-radius: 26px; background-color: #8CCEC8; /* font-family: 'Poppins-Regular'; */ border: 0px; justify-content: space-between; align-items: center; min-width: 260px; } .quick-allergy-check .result .dtButtonContainer button .buttonText { font-size: 16px; color: #002559; } .quick-allergy-check .result .dtButtonContainer button .buttonText.get-full-report { padding-top: 0; } .quick-allergy-check .result .dtButtonContainer button .buttonIcon { font-size: 30px; color: #FFFFFF; margin-left: 10px; } .quick-allergy-check .result #summaryTab { margin-bottom: 1.25em; } .quick-allergy-check .result #summaryTab .generalDescription { background-color: #FFFFFF; text-align: center; } .quick-allergy-check .result #summaryTab .summaryHeading, .quick-allergy-check .result #doctorTab .doctorHeading { font-size: 24px; font-family: 'Poppins-SemiBold'; } .quick-allergy-check .result #doctorTab .doctorHeading { color: #002559; } .quick-allergy-check .result #summaryTab .summaryDescription, .quick-allergy-check .result #doctorTab .doctorDescription { font-size: 16px; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer { border: 2px dashed #009DC1; border-radius: 10px; padding: 20px; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .strugglingSymptomsHeading { font-size: 16px; text-align: center; margin-bottom: 1em; text-transform: uppercase; } .result #summaryTab .suspectedTriggersContainer .suspectedTriggersHeading { text-transform: uppercase; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .indicatorIconsContainer { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .indicatorIcons { font-size: 45px; color: #DBDBDB; margin: 0px 5px; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .indicatorIcons.active { color: #002559; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .indicatorIconsContainer img { width: 85px; height: 85px; margin: 0px 5px; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .indicatorDescription { font-size: 10px; color: #B7B7B7; margin-top: 0.5em; } .quick-allergy-check .result #summaryTab .triggerContainer { flex-direction: column; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer, .quick-allergy-check .result #summaryTab .suspectedTriggersContainer { border: 2px dashed #009DC1; border-radius: 10px; padding: 20px; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedheading, .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersheading { font-size: 17px; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedHeading { text-transform: uppercase; margin-bottom: 0; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer, .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer { display: flex; color: #DBDBDB; justify-content: space-between; margin-top: 0.75em; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer { margin-top: 8px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer { text-align: center; margin: 0px 3px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer.active { color: #009DC1; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .icon { font-size: 52px; } /*.quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:last-child .icon { font-size: 35px; }*/ .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconText { font-size: 12px; max-width: 110px; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer { font-size: 16px; color: #67C3B7; } .quick-allergy-check .result .commonResultContent { background-color: #fbfbfb; display: flex; flex-direction: column; } .quick-allergy-check .result .commonResultContent.d-grid .fullImageContainer { order: 2; } .quick-allergy-check .result .commonResultContent.d-grid #brazeFormMain { order: 1; } .quick-allergy-check .result .commonResultContent.d-grid aside.fad-widget-aside { order: 3; } .quick-allergy-check .result #doctorTab .generalDescription { margin-bottom: 2em; } .quick-allergy-check .result #doctorTab .date { color: #B7B7B7; font-size: 12px; text-transform: uppercase; margin: 0 0 8px; } .quick-allergy-check .result #doctorTab .dtButtonContainer { text-align: -webkit-right; margin-top: auto; margin-bottom: 0px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer { width: 64%; } .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer { width: 36%; } .quick-allergy-check .result #doctorTab .firstrow .container, .quick-allergy-check .result #doctorTab .secondrow .container, .quick-allergy-check .result #doctorTab .thirdrow .container { background-color: #F0F6FA; } .quick-allergy-check .result #doctorTab .firstrow .titleContainer, .quick-allergy-check .result #doctorTab .secondrow .titleContainer, .quick-allergy-check .result #doctorTab .thirdrow .titleContainer { font-family: 'Poppins-SemiBold'; font-size: 15px; margin-bottom: 0.5em; } .quick-allergy-check .result #doctorTab .secondrow .worstSymptomsOptions { grid-template-columns: 1fr 1fr; display: grid; column-gap: 8px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer { width: auto; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer { display: flex; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .icons { font-size: 46px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionsTextContainer { max-width: 106px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer:nth-child(3) .optionsTextContainer { padding: 0px 15px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionText { font-family: 'Poppins-Light'; font-size: 14px; color: #B7B7B7; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionText.active { color: #002559; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton { padding: 2px 46px; font-family: 'Poppins-Bold'; border-radius: 15px; border: transparent; color: #FFFFFF; font-size: 16px; margin-top: auto; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.zero { background: linear-gradient(to right, #009DC1, #3AB1C4); } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.one { background: linear-gradient(to right, #3AB1C4, #8CCEC8); } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.two { background: linear-gradient(to right, #F2B836, #F59830, #FB7528); } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton.three { background: linear-gradient(to right, #E91608, #D40C05); } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .sliderContainer { margin-top: 1em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorDescription { margin-top: 2em; font-size: 8px; color: #B7B7B7; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer { flex-grow: 1; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer, .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, .quick-allergy-check .result #doctorTab .secondrow .secondRowFirstPart, .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowFirstPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart { background-color: #FFFFFF; border: 1px solid #8CCEC8; border-radius: 10px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingHeader, .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeHeader, .quick-allergy-check .result #doctorTab .secondrow .worstSymptomsHeader, .quick-allergy-check .result #doctorTab .secondrow .suspectedTriggersHeader, .quick-allergy-check .result #doctorTab .thirdrow .familyHeader, .quick-allergy-check .result #doctorTab .thirdrow .historyHeader { font-size: 14px; margin-bottom: 1em; line-height: 1.25em; } .quick-allergy-check .result #doctorTab .firstrow .checkbox-item, .quick-allergy-check .result #doctorTab .secondrow .checkbox-item, .quick-allergy-check .result #doctorTab .thirdrow .checkbox-item { font-family: 'Poppins-Light'; font-size: 13px; } .quick-allergy-check .result #doctorTab .firstrow .checkbox-item.inactive, .quick-allergy-check .result #doctorTab .secondrow .checkbox-item.inactive, .quick-allergy-check .result #doctorTab .thirdrow .checkbox-item.inactive { color: #B7B7B7; } .quick-allergy-check .result #doctorTab .firstrow .checkbox-item .checkmark.inactive, .quick-allergy-check .result #doctorTab .secondrow .checkbox-item .checkmark.inactive, .quick-allergy-check .result #doctorTab .thirdrow .checkbox-item .checkmark.inactive { border-color: #B7B7B7; } .quick-allergy-check .result #doctorTab .secondrow .worstSymptomsOptions .checkbox-item:last-child { grid-column: 1; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersContent { display: flex; flex-wrap: wrap; align-items: flex-start; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer { display: flex; justify-content: space-between; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersOptions { padding-right: 12px } .quick-allergy-check .result #doctorTab .thirdrow .familyDescription { font-family: 'Poppins-Light'; font-size: 14px; margin-bottom: 0; } .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions { grid-template-columns: 1fr 1fr; display: grid; column-gap: 8px; } .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions .checkbox-item br { display: none; } .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions .checkbox-item:nth-child(3), .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart .historyOptions .checkbox-item:nth-child(4) { margin-bottom: 4px; } /* FAD Widget */ .quick-allergy-check .fad-widget.fad-widget-v2 { background-color: #C7DCED; } .quick-allergy-check .result #doctorTab.d-none + .commonResultContent .fad-widget.fad-widget-v2 { background-color: #D3E3EF; } .cgx-lp h3, .cgx-lp h4, .cgx-lp h5, .cgx-lp h6, .cgx-lp p, .cgx-lp small, .cgx-lp span, .cgx-lp a, .cgx-lp button, .cgx-lp li { font-family: 'Poppins-Regular'; } .cgx-lp h2 { font-family: 'Poppins-SemiBold'; } .cgx-lp .fad-widget-title { font-family: 'Poppins-SemiBold' !important; } .cgx-lp .small-arrow-background { bottom: 0; left: 0; } .fad-widget-text-content { margin-left: 2%; } .quick-allergy-check .fad-widget.fad-widget-v2.cgx-lp h2 { margin-bottom: 10px; } .quick-allergy-check .fad-widget.fad-widget-v2.cgx-lp h2 span { font-family: 'Poppins-SemiBold'; } .quick-allergy-check .fad-widget.fad-widget-v2.cgx-lp .search__button span { margin-right: 10px; } .quick-allergy-check .fad-widget.fad-widget-v2.cgx-lp .search__button svg { width: 32px !important; height: 32px !important; } /* END FAD Widget */ /* braze form */ .quick-allergy-check .result .brazeFormContainer { background-color: #EDF6F4; padding: 20px 15px; flex-wrap: wrap; } .quick-allergy-check .result .brazeFormContainer .textContainer h2 { font-family: 'Poppins-SemiBold'; font-size: 29px; color: #67C3B7; } .quick-allergy-check .result .brazeFormContainer .description { font-size: 18px; } .quick-allergy-check .result .brazeFormContainer .form-control { border: 1px solid #67C2B7; border-radius: 22px; padding: 8px 20px; font-family: 'Poppins-Light'; font-size: 14px; } .quick-allergy-check .result .brazeFormContainer input:-webkit-autofill, .quick-allergy-check .result .brazeFormContainer input:-moz-autofill, .quick-allergy-check .result .brazeFormContainer input:-ms-autofill { animation-name: autofill; animation-fill-mode: both; animation-duration: 5000s; border: 1px solid #67C2B7 !important; background-color: #FFFFFF !important; font-family: 'Poppins-Light'; font-size: 14px; } .quick-allergy-check .result .brazeFormContainer input:-webkit-autofill:focus { border: 1px solid #67C2B7 !important; background-color: #FFFFFF !important; font-family: 'Poppins-Light'; font-size: 14px; } .quick-allergy-check .result .brazeFormContainer .form-control::placeholder { font-size: 14px; color: #67C3B7; font-family: 'Poppins-Light'; font-style: italic;font-style: italic; } .quick-allergy-check .result .brazeFormContainer .form-control.required { border-color: #F24726; } .quick-allergy-check .result .brazeFormContainer .form-control.required::placeholder { color: #F24726; } .quick-allergy-check .result .brazeFormContainer .form-control[type="email"] { margin-top: 0.65em; } .quick-allergy-check .result .brazeFormContainer .checkbox-container { width: 100%; margin-top: 1em; } .quick-allergy-check .result .brazeFormContainer .checkbox-label { display: flex; align-items: flex-start; /* Align checkbox with the start of the text */ cursor: pointer; } .quick-allergy-check .result .brazeFormContainer .custom-checkbox { position: absolute; opacity: 0; /* Hide the default checkbox */ } .quick-allergy-check .result .brazeFormContainer .custom-checkmark { width: 20px; height: 20px; min-width: 19px; border: 1px solid #67C2B7; /* Custom border color */ border-radius: 4px; margin-right: 10px; margin-top: 4px; /* Adjust to align with the text */ box-sizing: border-box; display: inline-block; position: relative; cursor: pointer; background: #fff; } .quick-allergy-check .result .brazeFormContainer .custom-checkmark.required { border: 1px solid #F24726; } .quick-allergy-check .result .brazeFormContainer .custom-checkbox:checked+.custom-checkmark { background-color: #67C2B7; /* Background color when checked */ border-color: #67C2B7; /* Border color when checked */ } .quick-allergy-check .result .brazeFormContainer .custom-checkmark:after { content: ""; position: absolute; display: none; } .quick-allergy-check .result .brazeFormContainer .custom-checkbox:checked+.custom-checkmark:after { display: block; left: 4px; top: 1px; width: 8px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .quick-allergy-check .result .brazeFormContainer .checkbox-text { display: block; word-wrap: break-word; /* Ensure text wraps properly */ max-width: 100%; /* Ensure the text doesn't overflow the container */ font-size: 14px; font-family: 'Poppins-Light'; } .quick-allergy-check .result .brazeFormContainer .checkbox-text a { color: #002559; text-decoration: underline; } .quick-allergy-check .result .brazeFormContainer .submitBtnContainer { margin-top: 1.5em; display: flex; justify-content: flex-end; } .quick-allergy-check .result .brazeFormContainer .submitBtnContainer .button { border: 0px; font-size: 16px; font-family: 'Poppins-Medium'; color: #002559; background-color: transparent; display: flex; align-items: center; cursor: pointer } .quick-allergy-check .result .brazeFormContainer .submitBtnContainer .arrowContainer { background-color: #67C3B7; border-radius: 50%; padding: 10px; border-radius: 50%; font-size: 30px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; min-width: 50px; } .quick-allergy-check .result .brazeFormContainer .submitBtnContainer .btnTextContainer { margin-left: 15px; } .quick-allergy-check .result .brazeFormContainer .resultMessage { font-family: 'Poppins-Bold'; font-size: 16px; } .quick-allergy-check .result .brazeFormContainer .imageContainer { max-height: 450px; order: -1; } /* end braze form */ /* Full Image Container */ .quick-allergy-check .result .fullImageContainer h2 { font-family: 'Poppins-SemiBold'; font-size: 36px; margin-bottom: 0.2em; color: #002559; } .quick-allergy-check .result .fullImageContainer .description { font-family: 'Poppins-Light'; font-size: 18px; margin-bottom: 0.5em; } .quick-allergy-check .result .fullImageContainer .subDescription { font-family: 'Poppins-SemiBold'; color: #009DC1; font-size: 22px; margin-bottom: 0px; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconContainer { color: #B7B7B7; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconContainer.active { color: #60B4AF; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer { border: 2px dashed #8CCEC8; border-radius: 10px; } /* END Full Image Container */ @media (max-width: 380px) { /* multiCheckboxes CSS */ .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer img { max-height: 150px; } /* end multiCheckboxes CSS */ } @media (max-width: 575px) { .quick-allergy-check .header { padding: 0.5em 0.75em 1em; } .quick-allergy-check .descriptionContainer .heading, .quick-allergy-check .introSlide .heading { padding-top: 0.5em !important; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOptionContainer { flex-wrap: wrap; justify-content: center; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption { min-width: 75px; max-width: 95px; } .quick-allergy-check .buttonContainer { font-size: 23px; width: 40px; height: 40px; min-width: 40px; } .quick-allergy-check .quizBackgroundColor { height: 92vh } .quick-allergy-check .mobileNavigation { height: 8vh !important; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer { margin-left: -1em; margin-right: -1em } .quick-allergy-check .result .commonResultContent.d-grid .fullImageContainer img { max-width: 800px; } } @media (min-width: 480px) and (max-width: 767px) { .quick-allergy-check .answerContainer { max-width: 480px; } .quick-allergy-check .result .brazeFormContainer.result { padding-top: 4em !important; } .quick-allergy-check .result .brazeFormContainer.result .textContainer { margin-top: 3em; } } @media (min-width: 600px) and (max-width: 767px) { .quick-allergy-check .result .brazeFormContainer .textContainer { padding: 0px 1.5em; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersOptions { width: 50%; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer { width: 50%; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer { margin-top: 0px !important; } .quick-allergy-check .result .commonResultContent.d-grid .fullImageContainer img { max-width: 1100; } } @media (max-width: 767px) { #MainContent { margin-bottom: 0px !important; } .quick-allergy-check { background: #f0f6fa; } .quick-allergy-check .quizBackgroundColor { height: 100vh !important; } .quick-allergy-check .introSlide .header .logo-container { visibility: hidden; } .quick-allergy-check .introSlide .introSlideBody .intro { font-size: 16px; } .quick-allergy-check .introSlide .introSlideBody .note { font-size: 14px; } .quick-allergy-check .introSlide .introSlideBody .logo-container { margin-top: 1.25em; margin-bottom: 0.25em; max-width: 190px; } .quick-allergy-check .questionSlide { display: flex; flex-direction: column; } .quick-allergy-check #quick-allergy-check-test { flex-grow: 1; } .quick-allergy-check .questionAnswer { height: 100%; padding: 1.5em 0px 0px 0px; } .quick-allergy-check .questionAnswerContainer { height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; position: relative; } .quick-allergy-check .mainAnswerContainer { flex-wrap: wrap; flex: 1 1 auto; display: flex; width: 100% !important; justify-content: center; align-content: flex-start; } .quick-allergy-check .answerContainer { margin: 0 20px 25px; width: 100% !important; order: 0; } .quick-allergy-check .leftNavigation { order: 2; width: 50%; margin-top: auto; display: inline-flex !important; background-color: #FFFFFF; } /* .quick-allergy-check .leftNavigation:not(:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-0"])) { position: fixed; bottom: 0px; left: 0px; } .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-0"]) { left: -90px; position: relative; }*/ .quick-allergy-check .rightNavigation { order: 3; width: 50%; margin-top: auto; display: flex; justify-content: flex-end; background-color: #FFFFFF; /* position: fixed; bottom: 0px; right: 0px;*/ } .navigationButtonContainer { padding: 0.75em 1.0em; } .quick-allergy-check .logo-container img { max-width: 110px; vertical-align: top; } .quick-allergy-check .icon-close1 { font-size: 20px; } .quick-allergy-check .descriptionContainer .heading, .quick-allergy-check .introSlide .heading { font-size: 26px; padding-top: 1em; margin-bottom: 0.25em; line-height: 1.038em; } .quick-allergy-check .qacContainer { width: 100vw; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .quick-allergy-check .descriptionContainer .subheading { font-size: 14px; margin-bottom: 0.5em; } .quick-allergy-check .descriptionContainer .pagination { margin-top: 0.75em; } .quick-allergy-check .question { font-size: 18px; line-height: 1.2em; margin-bottom: 0.8em; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .slider, .quick-allergy-check .resultIndicatorContainer.scale-container .slider, .quick-allergy-check #doctorTab .slider { background: linear-gradient(to right, #009DC1 14%, #FBD104 20%, #F2AB35 40%, #FF5D21 50%, #FF3317 65%, #EA1509 80%, #BF0101 100%); } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer { right: 5px; bottom: -30%; max-width: 200px !important; } .quick-allergy-check .questionSlide #step-7 [data-options-type="multiCheckboxes"] .imageContainer { bottom: -55%; } .quick-allergy-check .questionSlide #step-8 [data-options-type="multiCheckboxes"] .imageContainer { bottom: -67%; } .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer { column-count: 2; } .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item { display: inline-flex; vertical-align: top; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item:nth-child(3) { /* display: block; */ margin-bottom: 0; } .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item:nth-child(3) span.checkmark { margin-bottom: 0px; margin-right: 10px; } /* .quick-allergy-check .answerContainer { margin: 0px 15px; } */ .quick-allergy-check .mobileNavigation { background-color: #FFFFFF; height: 10vh; align-items: center; padding: 0px 25px; justify-content: space-between; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content { width: 100%; padding: 15px 15px 2em 15px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator { max-width: 95px; margin: 0px 3px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator img { width: 64px; height: 70px; margin-bottom: 5px; margin-top: 1.5em; } .quick-allergy-check .quizPopupOverlay .popup-content { padding: 5em 1.5em; width: 100%; } .quick-allergy-check .quizPopupOverlay .popup-content .popupHeader { /* font-size: 39px; */ font-size: 28px; } .quick-allergy-check .quizPopupOverlay .popup-content .popupHeading { /* font-size: 26px; */ font-size: 20px; } .quick-allergy-check .quizPopupOverlay .popup-content .popupButtonContainer { flex-direction: column; width: fit-content; margin-left: auto; margin-right: auto; } .quick-allergy-check .quizPopupOverlay .popup-content .popupButtonContainer .noBtn { margin-top: 1em; } /* multiCheckboxes CSS */ .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] { padding: 1.8em 1.8em; position: relative; } .quick-allergy-check .questionAnswer[id="step-8"] .answerContainer [data-options-type="multiCheckboxes"] { padding: 1.5em 1.8em 1em 1.8em; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer { position: absolute; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer img { max-height: 210px; } /* .quick-allergy-check .questionSlide #step-4 [data-options-type="multiCheckboxes"] .imageContainer { bottom: -50%; right: 40px; } .quick-allergy-check .questionSlide #step-5 [data-options-type="multiCheckboxes"] .imageContainer { bottom: -45%; right: 10px; }*/ .quick-allergy-check .questionSlide #step-6 [data-options-type="multiCheckboxes"] .imageContainer { top: 52% !important; bottom: 0 !important; right: 10px; } /*.quick-allergy-check .questionSlide #step-7 [data-options-type="multiCheckboxes"] .imageContainer { right: 35px; bottom: -75%; max-width: 220px !important; } .quick-allergy-check .questionSlide #step-8 [data-options-type="multiCheckboxes"] .imageContainer { right: 10px; bottom: -70%; } .quick-allergy-check .questionSlide #step-9 [data-options-type="multiCheckboxes"] .imageContainer { bottom: -50%; right: 20px; } */ /* end multiCheckboxes CSS */ /* indicatorOptions CSS */ .quick-allergy-check [data-options-type="indicatorOptions"] { padding: 28px 18px 10px 18px; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsCategory { margin-bottom: 1.5em; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsHeading, .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorHeading { margin-bottom: 0.5em; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOptionContainer { gap: 10px; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption label span { padding: 0.5em 6px; border-radius: 18px; } .quick-allergy-check [data-options-type="indicatorOptions"] .checkbox-button { padding: 0.5em 6px; border-radius: 15px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer { margin-top: 1.25em; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .character { margin-top: 0; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .character img { height: 66px; width: 60px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .indicatorPopUpTextContainer { margin-top: 3px; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .slider { height: 20px; border-radius: 12px; } .quick-allergy-check [data-options-type=indicatorOptions] .indicatorContainer .number-labels { font-size: 10px; top: 15%; } .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .slider::-webkit-slider-thumb { width: 21px; height: 20px; background-size: 28%; padding: 12px 11px; } /* end indicatorOptions CSS */ .quick-allergy-check .resultContainer { padding: 9px 11px 0; } .quick-allergy-check .tabContainer { border-top-left-radius: 5px; border-top-right-radius: 5px; } .quick-allergy-check .tabContainer button { width: 50%; padding: 10px 10px 10px 18px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .quick-allergy-check .tabContainer button[data-tab="summaryTab"] { max-width: 250px; } .quick-allergy-check .tabContainer button .text { font-size: 14px; padding-left: 12px; line-height: 16px; } .quick-allergy-check .result #summaryTab, .quick-allergy-check .result #doctorTab { padding: 15px; margin-bottom: 15px; margin-top: -1px; } .quick-allergy-check .result .commonResultContent { margin-left: -11px; margin-right: -11px; } .quick-allergy-check .result #summaryTab .generalDescription { padding: 15px 0px; } .quick-allergy-check .result #summaryTab .summaryResult { flex-wrap: wrap; } .quick-allergy-check .result #summaryTab .summaryHeading, .quick-allergy-check .result #doctorTab .doctorHeading { font-size: 22px; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer { padding: 16px; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .indicatorIconsContainer img { width: 90px; height: 90px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer, .quick-allergy-check .result #summaryTab .lifeAffectedContainer { margin-top: 10px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer { order: 2; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedHeading, .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersHeading { font-size: 16px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer, .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer { margin-top: 1em; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer { margin-top: 10px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .icon { font-size: 45px; } /* .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconContainer:last-child .icon { font-size: 30px; }*/ .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconText { font-size: 10px; max-width: 75px; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer { order: 3; margin-bottom: 10px; } .quick-allergy-check .result #doctorTab .firstrow { flex-wrap: wrap; } .quick-allergy-check .result #doctorTab .doctorResult { margin-right: -15px; margin-left: -15px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer, .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer { width: 100%; } .quick-allergy-check .result #doctorTab .firstrow .container, .quick-allergy-check .result #doctorTab .secondrow .container, .quick-allergy-check .result #doctorTab .thirdrow .container { padding: 20px 15px; } .quick-allergy-check .result #doctorTab .firstrow .titleContainer, .quick-allergy-check .result #doctorTab .secondrow .titleContainer, .quick-allergy-check .result #doctorTab .thirdrow .titleContainer { text-align: center; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer > div.d-flex { flex-direction: row; flex-wrap: wrap; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer { justify-content: space-evenly; width: 100%; align-items: center; margin: 3px 0px; padding: 14px 15px 17px 15px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionsTextContainer { min-width: 106px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .indicatorButton { margin-top: 0px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indicatorDescription { text-align: center; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer { margin-top: 1em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, .quick-allergy-check .result #doctorTab .secondrow .secondRowFirstPart, .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowFirstPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart { padding: 20px 40px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer { margin-top: 10px; } .quick-allergy-check .result #doctorTab .secondrow, .quick-allergy-check .result #doctorTab .thirdrow { margin-top: 10px; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconContainer { max-width: 53px; margin: 0px 3px; text-align: center; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .icon { font-size: 35px; } /* .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:last-child .icon { font-size: 23px; }*/ .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconText { font-size: 8px; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer { margin-left: -1.5em; margin-right: -1.5em; flex: 1; margin-top: 1em; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer { padding: 20px 30px; } .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart { margin-top: 10px; } /* order of common section */ .quick-allergy-check .result .fullImageContainer { order: 0; } .quick-allergy-check .result #brazeFormMain { order: 1; } .quick-allergy-check .result .fad-widget-aside { order: 2; } /* END order of common section */ /* FAD Widget */ .cgx-lp .container { padding-right: 0px; padding-left: 0px; } .fad-widget.fad-widget-v2 .col-md-6 { width: -webkit-fill-available; } /* END FAD Widget */ /* braze form */ .quick-allergy-check .result .brazeFormContainer { padding: 25px 35px 0; } .quick-allergy-check .result .brazeFormContainer .textContainer { margin-top: 1.2em; margin-bottom: 2em; } .quick-allergy-check .result .brazeFormContainer .description { font-size: 16px; } .quick-allergy-check .result .brazeFormContainer .form-control { font-size: 13px; } .quick-allergy-check .result .brazeFormContainer .form-control::placeholder { font-size: 13px; color: #67C3B7; } .quick-allergy-check .result .brazeFormContainer.result { padding-top: 0.75em; } /* end braze form */ /* Full Image Container */ .quick-allergy-check .result .fullImageContainer { padding: 3em 15px 8em; } .quick-allergy-check .result .fullImageContainer h2 { font-size: 22px; margin-bottom: 0.5em; } .quick-allergy-check .result .fullImageContainer .description { font-size: 14px; margin-bottom: 0.75em; } .quick-allergy-check .result .fullImageContainer .treatment-circle-img { position: absolute; bottom: -80px; right: 10px; width: 180px; z-index: 1; } .quick-allergy-check .result .fullImageContainer .subDescription { font-size: 16px; position: absolute; padding-left: 3px; } .quick-allergy-check .result #doctorTab .dateTextContainer { text-align: center; } .quick-allergy-check .result #doctorTab .dtButtonContainer { margin-top: 10px; margin-bottom: 1em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .labelMobile { margin-bottom: 0em; margin-top: 1em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorDescription { margin-top: 0em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .sliderContainer { margin-top: 0.5em } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .labelDesktop { display: none; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart { margin-top: 10px; } .quick-allergy-check .rightNavigationButtonContainer[data-next-step=step-result] { padding: 9px 13px 13px; cursor: pointer; border-radius: 26px; background-color: #67c3b7; font-size: 16px; color: #002559; margin-bottom: 12px; margin-top: 10px; margin-right: 5px; } .quick-allergy-check .result .brazeFormContainer .imageContainer { padding: 0 70px 0 25px; z-index: 2; } .quick-allergy-check .fad-widget.fad-widget-v2 { padding: 60px 35px 30px; } .quick-allergy-check .result #doctorTab .date { margin: 15px 0 10px; } .quick-allergy-check .resultHeader { margin-top: 12px; } .quick-allergy-check .result #doctorTab .firstrow .checkbox-item, .quick-allergy-check .result #doctorTab .secondrow .checkbox-item, .quick-allergy-check .result #doctorTab .thirdrow .checkbox-item { font-size: 12px; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersOptions { column-count: 2; } .quick-allergy-check .result #doctorTab .secondrow .checkbox-item:nth-child(3) { display: block; } .quick-allergy-check .result #doctorTab .secondrow .checkbox-item:nth-child(3) span.checkmark{ margin-bottom: -5px; margin-right: 5px; } .quick-allergy-check .result .dtButtonContainer { margin-top: 10px; } .quick-allergy-check .result .dtButtonContainer button .buttonText { font-size: 17px; } .quick-allergy-check .resultIndicatorContainer.scale-container .number-labels, .quick-allergy-check #doctorTab .number-labels { font-size: 12px; top: 12%; } .quick-allergy-check .result #doctorTab .thirdrow .familyHeader { margin-bottom: 0.6em; } .quick-allergy-check .close-navigation-btn .navigation-icon { font-size: 17px; } .quick-allergy-check .fad-widget-text-content { margin-bottom: 15px; } .quick-allergy-check .fad-widget.fad-widget-v2.cgx-lp .fad-widget-title { margin-top: 40px; } .quick-allergy-check .fad-widget.fad-widget-v2.cgx-lp .search__button { margin: 18px 0 5px; } .quick-allergy-check .result #doctorTab .generalDescription { margin-bottom: 1.3em; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="4"]::-webkit-slider-thumb, .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="5"]::-webkit-slider-thumb { border-right: 7px solid transparent; } .quick-allergy-check .resultIndicatorContainer.scale-container .slider[value="8"]::-webkit-slider-thumb { border-right: 8px solid transparent; } /* .quick-allergy-check .result #doctorTab .firstrow .container, .quick-allergy-check .result #doctorTab .secondrow .container, .quick-allergy-check .result #doctorTab .thirdrow .container { background-color: #F0F6FA; } */ .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-5"]) { position: relative; top: 90px; } .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-4"]), .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-6"]) { position: relative; top: 70px; } .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-3"]), .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-7"]), .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-8"]) { position: absolute; left: 0px; } .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-7"]) { position: relative; top: 90px; } .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-6"]), .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-8"]) { position: relative; top: 70px; } .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-5"]), .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-9"]), .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-result"]) { position: absolute; right: 0px; } /* END Full Image Container 767 */ } @media (max-width: 430px) { .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-3"]), .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-7"]), .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-8"]) { position: relative; top: 90px; } .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-5"]), .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-9"]), .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-result"]) { position: relative; top: 90px; } } @media (min-width: 768px) { .quick-allergy-check .quizBackgroundColor { padding: 1em 0px 0px 0px; height: 100vh } .quick-allergy-check .qacContainer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; max-height: 670px; } .quick-allergy-check .header { border-top-left-radius: 5px; border-top-right-radius: 5px; } .quick-allergy-check .descriptionContainer .step { width: 23px; height: 23px; } .quick-allergy-check .qacContainer { width: 95vw; } .quick-allergy-check .questionAnswer { padding: 1.5em 0.75em; } .quick-allergy-check .answerContainer { margin: 0px 0.5em; max-width: 580px; } .quick-allergy-check .answerContainer { margin: 0em 0.75em; } .quick-allergy-check .quizPopupOverlay .popup-content .popupButtonContainer .noBtn { margin-left: 0.5em; } /* .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] { position: relative; } */ .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .checkboxesContainer { /* flex: 1; */ max-width: 300px; } .quick-allergy-check .questionAnswer:last-child [data-options-type="multiCheckboxes"] .checkboxesContainer { max-width: 180px; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer { /* position: absolute; */ top: 10%; right: 3px; } .quick-allergy-check .result #summaryTab .summaryDescription, .quick-allergy-check .result #doctorTab .doctorDescription { font-family: 'Poppins-Light'; } .quick-allergy-check .result #summaryTab .strugglingSymptomsContainer .strugglingSymptomsHeading { margin-top: 20px; } .quick-allergy-check .result #summaryTab .triggerContainer { padding-left: 10px; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer, .quick-allergy-check .result #summaryTab .suspectedTriggersContainer { flex-grow: 1; padding: 20px 10px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer { margin-top: 15px; } .quick-allergy-check .result #doctorTab .firstrow .container, .quick-allergy-check .result #doctorTab .secondrow .container, .quick-allergy-check .result #doctorTab .thirdrow .container { padding: 30px 15px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer > div.d-flex { justify-content: space-between; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer { flex-direction: column; margin: 0px 3px; padding: 12px 10px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer { max-width: 100%; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer:first-child { margin-left: 0px } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer:last-child { margin-right: 0px } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .optionsTextContainer { margin-top: 0.5em; margin-bottom: 0.5em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, .quick-allergy-check .result #doctorTab .secondrow .secondRowFirstPart, .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowFirstPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart { padding: 12px 12px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer { margin-left: 10px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .labelMobile { display: none; } .quick-allergy-check .result #doctorTab .secondrow, .quick-allergy-check .result #doctorTab .thirdrow { margin-top: 10px; } .quick-allergy-check .result #doctorTab .secondrow .contentContainer, .quick-allergy-check .result #doctorTab .thirdrow .contentContainer { display: flex; } .quick-allergy-check .result #doctorTab .secondrow .secondRowFirstPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowFirstPart { width: 32%; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart { flex: 1; margin-left: 10px; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconContainer { max-width: 80px; margin: 0px 5px; text-align: center; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .icon { font-size: 45px; } /* .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconContainer:last-child .icon { font-size: 30px; }*/ .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .iconText { font-size: 10px; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer { padding: 45px 40px; } /* order of common section */ .quick-allergy-check .result .fullImageContainer { order: 0; } .quick-allergy-check .result #brazeFormMain { order: 1; } .quick-allergy-check .result .fad-widget-aside { order: 2; } .quick-allergy-check .result [data-tab="doctor"] .fullImageContainer { order: 1; } .quick-allergy-check .result [data-tab="doctor"] #brazeFormMain { order: 0; } /* END order of common section */ /* FAD Widget */ .quick-allergy-check .fad-widget-text-content { order: 2; margin-left: 0; padding-left: 35px; } .quick-allergy-check .fad-widget.fad-widget-v2 .search__button { margin-right: 20px; } /* END FAD Widget */ /* Braze form */ .quick-allergy-check .result .brazeFormContainer { align-items: center; } .quick-allergy-check .result .brazeFormContainer .textContainer { margin-left: 1.5em; } .quick-allergy-check .result [data-tab="summary"] .brazeFormContainer .imageContainer { order: 1; } .brazeFormContainer .girl-image { position: relative; } /* Braze form end */ /* Full Image Container */ .quick-allergy-check .result .fullImageContainer { padding: 4em 0px; } .quick-allergy-check .result .fullImageContainer .text { position: absolute; width: 80%; } .quick-allergy-check .result .fullImageContainer img { margin-top: 5em; } .quick-allergy-check .result #summaryTab { margin-bottom: 0; } .quick-allergy-check .result .fullImageContainer img.treatment-circle-img { position: absolute; bottom: -60px; right: 10px; width: 200px; } .quick-allergy-check .close-navigation-btn { font-size: 23px; height: 40px; width: 40px; } .quick-allergy-check .tabContainer button .text { padding-top: 3px; } .quick-allergy-check .fad-widget.fad-widget-v2 .find-doctor-map#fad-map { height: 440px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer .dailyLifeOptions { padding-right: 100px; padding-bottom: 5px; } /* END Full Image Container 768 */ } @media (max-width: 991px) { .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .container > div.d-flex { flex-wrap: wrap; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingOptions { grid-template-columns: 1fr 1fr; display: grid; column-gap: 8px } } @media (min-width: 768px) and (max-width: 991px) { .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer, .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer > div { width: 100%; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorDescription { margin-bottom: 3em; } } @media (min-width: 992px) { .quick-allergy-check .answerContainer { margin: 0em 1.0em; } /* multiCheckboxes CSS */ .quick-allergy-check .checkbox-item { font-size: 16px; } .quick-allergy-check .questionSlide #step-9 .checkbox-item { font-size: 15px; margin-bottom: 18px; } .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .checkboxesContainer { /* flex: 1; */ max-width: 400px; } .quick-allergy-check .questionAnswer:last-child [data-options-type="multiCheckboxes"] .checkboxesContainer { max-width: 300px; } /* end multiCheckboxes CSS */ .quick-allergy-check .result #summaryTab, .quick-allergy-check .result #doctorTab { padding: 30px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer { max-width: 400px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer { margin-left: 0.5em; margin-bottom: 40px; } .quick-allergy-check .result .fullImageContainer { padding: 3em 2em; } /* Braze form */ .quick-allergy-check .result .brazeFormContainer .textContainer h2 { font-size: 36px; } .quick-allergy-check .result .brazeFormContainer { padding: 3em 2em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer .icons { font-size: 25px; } /* Braze form end */ } @media (min-width: 1024px) { .quick-allergy-check .qacContainer { width: 88vw; } .quick-allergy-check .questionAnswer { padding: 1.5em 2.25em; } .quick-allergy-check .result #summaryTab .lifeAffectedContainer, .quick-allergy-check .result #summaryTab .suspectedTriggersContainer { padding: 18px 30px; } /* Braze form */ .quick-allergy-check .result .brazeFormContainer .textContainer { margin-left: 1.5em; } .quick-allergy-check .result .brazeFormContainer .girl-image { z-index: 2; } /* Braze form end */ /* Full Image Container */ .quick-allergy-check .result .fullImageContainer img.treatment-circle-img { position: absolute; bottom: -150px; right: 10px; width: 300px; } /* END Full Image Container */ } @media only screen and (min-width: 768px) and (max-width: 1024px) { .quick-allergy-check .result .fullImageContainer img.treatment-circle-img { position: absolute; bottom: -170px; right: 10px; width: 250px; } } @media (min-width: 1200px) { .quick-allergy-check .questionAnswer { padding: 1.5em 3.5em; } .quick-allergy-check .answerContainer { margin: 0em 1.75em; } /* .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .checkboxesContainer { max-width: 400px; } */ .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer { right: 10%; } body.fi .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer { right: 5%; } /* .quick-allergy-check .questionSlide #step-4 [data-options-type="multiCheckboxes"] .imageContainer { right: 2%; top: 23%; } .quick-allergy-check .questionSlide #step-5 [data-options-type="multiCheckboxes"] .imageContainer { right: 5%; top: 16%; } .quick-allergy-check .questionSlide #step-6 [data-options-type="multiCheckboxes"] .imageContainer { right: 5%; top: 15%; } .quick-allergy-check .questionSlide #step-7 [data-options-type="multiCheckboxes"] .imageContainer { right: 7%; top: 25%; } .quick-allergy-check .questionSlide #step-8 [data-options-type="multiCheckboxes"] .imageContainer { right: 6%; top: 16%; } .quick-allergy-check .questionSlide #step-9 [data-options-type="multiCheckboxes"] .imageContainer { right: 5%; top: 32%; } */ .quick-allergy-check .result #summaryTab .triggerContainer { padding-left: 15px; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer .iconText { max-width: 95px; } .quick-allergy-check .result #doctorTab .firstrow .container, .quick-allergy-check .result #doctorTab .secondrow .container, .quick-allergy-check .result #doctorTab .thirdrow .container { padding: 30px 45px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer { max-width: 450px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer { padding: 20px 18px; margin: 0px 5px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer { margin-left: 0.6em; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingContainer, .quick-allergy-check .result #doctorTab .firstrow .firstRowSecondContainer .dailyLifeContainer, .quick-allergy-check .result #doctorTab .secondrow .secondRowFirstPart, .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowFirstPart, .quick-allergy-check .result #doctorTab .thirdrow .thirdRowSecondPart { padding: 20px 20px; } .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersContent { flex-direction: row; } /* FAD Widget */ .quick-allergy-check .fad-widget { padding: 80px 80px; } /* END FAD Widget */ /* Full Image Container */ .quick-allergy-check .result .fullImageContainer img { margin-top: 1em; } /* END Full Image Container */ } @media (min-width: 1400px) { .quick-allergy-check .resultContainer .body { width: 85%; margin-left: auto; margin-right: auto; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer, .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer { width: 85%; margin-left: auto; margin-right: auto; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .iconContainer { max-width: 85px; } /* FAD Widget */ .quick-allergy-check .fad-widget { padding: 80px 100px; } /* END FAD Widget */ } @media (min-width: 1441px) { .quick-allergy-check [data-options-type="indicatorOptions"] .indicatorContainer .slider::-webkit-slider-thumb, .quick-allergy-check .resultIndicatorContainer.scale-container .slider::-webkit-slider-thumb { width: 27px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingHeader { padding-right: 27px; } } @media (min-width: 1800px) { .quick-allergy-check .result .summary { padding: 30px 6% !important; } .quick-allergy-check .result #summaryTab .suspectedTriggersContainer .suspectedTriggersDescriptionContainer, .quick-allergy-check .result #summaryTab .lifeAffectedContainer .lifeAffectedDescriptionContrainer { width: 75%; } } @media (max-width: 375px) { .quick-allergy-check .questionAnswer[id="step-8"] .question { width: 95%; font-size: 17px; } .quick-allergy-check [data-options-type="indicatorOptions"] .symptomsOption { max-width: 90px; } } @media (max-width: 360px) { .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay { position: fixed; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator { max-width: 60px; } .quick-allergy-check .quizBackgroundColor .indicatorValueOverlay .popup-content .popupInidicator .scoreDescription { font-size: 11px; padding: 0 0px; } .quick-allergy-check .questionAnswer[id="step-8"] .question { font-size: 15px; } .quick-allergy-check .answerContainer [data-options-type=multiCheckboxes] .imageContainer { max-width: 180px !important; } .quick-allergy-check .questionSlide #step-4 [data-options-type="multiCheckboxes"] .imageContainer { right: 5px; bottom: -20%; } .quick-allergy-check .questionSlide #step-5 [data-options-type="multiCheckboxes"] .imageContainer { bottom: -16%; right: 20px; } .quick-allergy-check .questionSlide #step-6 [data-options-type="multiCheckboxes"] .imageContainer { top: 50% !important; max-width: 110px !important; } .quick-allergy-check .questionSlide #step-7 [data-options-type="multiCheckboxes"] .imageContainer { right: 5px; bottom: -22%; max-width: 150px !important; } .quick-allergy-check .questionSlide #step-8 [data-options-type="multiCheckboxes"] .imageContainer { max-width: 140px !important; bottom: -38%; } .quick-allergy-check .questionSlide #step-9 [data-options-type="multiCheckboxes"] .imageContainer { bottom: -5%; right: 10px; max-width: 130px !important; } .quick-allergy-check [data-options-type=indicatorOptions] .symptomsOptionContainer { gap: 4px; } } /*css for new common text block at the end*/ .commonTextBlock { background: #ffffff; display: flex; justify-content: space-evenly; padding: 3em 2em; } .commonTextBlock.doctorTabActive .rightContent { margin-top: 100px; } .commonHeading { font-size: 36px; font-family: 'Poppins-SemiBold'; } .rightContent { margin-top: 75px; width: 50%; } .commonImage { height: 450px; } .commonBody { font-size: 18px; position: relative; top: -40px; } @media (max-width: 992px) { .commonImage { width: 230px; height: 230px; } .commonTextBlock { align-items: center; } } @media (max-width: 792px) { .commonHeading { word-wrap: break-word; hyphens: auto; font-size: 29px; top: 20px; position: relative; } .commonBody { font-size: 16px; position: relative; top: -18px; } .commonTextBlock { top: -100px; position: relative; background: none; flex-direction: column; z-index: 999; padding-left: 35px; padding-right: 35px; height: 640px; align-items: baseline; } .commonImage { width: 166px; height: 166px; } .rightContent { margin-top: 10px; width: 100%; } .commonTextBlock.doctorTabActive .rightContent { margin-top: 0; } } /* feedback changes begin */ body.hasQAC .button { box-shadow: none !important; transform: none !important; font-weight: 400 !important; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .indicatorContainer .indivualIndicatorContainer:nth-child(3) .optionsTextContainer { padding: 15px 0px; } button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-0"] { z-index: -1 !important; position: relative; } @media (min-width: 992px) { #brazeFormMain .brazeFormContainer img.girl-image { width: 500px; } .quick-allergy-check .result #doctorTab .firstrow .firstRowFirstContainer .breathingHeader { padding-right: 1px; } } @media (max-width: 992px) { .quick-allergy-check .resultContainer { padding-bottom: 80px; } /*asana task: 1208959549245851 */ .summaryResult .triggerContainer { padding-left: 0; padding-right: 0; } .mobileDescription { color: #009DC1; font-family: 'Poppins-SemiBold' !important; } .quick-allergy-check .tabContainer button .text { font-size: 13px; padding-left: 8px; } #brazeFormMain .submitBtnContainer { margin-top: 0px; } #brazeFormMain .submitBtnContainer button.button { padding-left: 150px; padding-right: 0px; padding-top: 0px; margin-right: 0px; } .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item:nth-child(1), .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item:nth-child(2) { margin-bottom: 11px; } .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] .checkboxesContainer .checkbox-item:nth-child(2) { line-height: 14px; } .quick-allergy-check .suspectedTriggersOptions .checkbox-item:nth-child(1), .quick-allergy-check .suspectedTriggersOptions .checkbox-item:nth-child(2) { margin-bottom: 11px; } .quick-allergy-check .suspectedTriggersOptions .checkbox-item:nth-child(2) { line-height: 14px; } .quick-allergy-check .suspectedTriggersOptions .checkbox-item:nth-child(3) { display: flex !important; } .quick-allergy-check .suspectedTriggersOptions .checkbox-item:nth-child(3) span.checkmark{ margin-right: 10px !important; margin-bottom: 0px !important; } .brazeFormContainer .description { padding-bottom: 30px; } .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] { padding: 1.8em 0.8em !important; } } @media only screen and (max-width: 992px) and (min-width: 400px) { .quick-allergy-check .questionAnswer[id="step-7"] .answerContainer [data-options-type=multiCheckboxes] { padding: 1.8em 1.8em !important; } } @media (max-width: 394px) { .commonTextBlock { top: 0px !important; } body.fi .quick-allergy-check .resultContainer { padding-bottom: 200px !important; } } @media (min-width: 700px) { .commonTextBlock.doctorTabActive { background-color: rgb(199, 220, 237); } } /* feedback changes end */ /* END Full Image Container */ @media screen and (min-width: 600px) and (max-width: 860px) { body.fi .quick-allergy-check .answerContainer [data-options-type="multiCheckboxes"] .imageContainer img { max-height: 110px; } body.fi .quick-allergy-check .fullImageContainer div.container { padding: 20px; } body.fi .quick-allergy-check .fullImageContainer div.container .text { top: 45px; } body.fi .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsContainer { padding-left: 0px !important; padding-right: 0px !important; } body.fi .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer { padding: 25px 0px; } body.fi .quick-allergy-check .leftNavigation:has(> button.navigationButtonContainer.leftNavigationButtonContainer[data-previous-step="step-1"]) span.buttonLabel, body.fi .quick-allergy-check .rightNavigation:has(> button.navigationButtonContainer.rightNavigationButtonContainer[data-next-step="step-3"]) span.buttonLabel { font-size: 10px; } } @media (min-width: 765px) and (max-width: 1150px) { body.no .fullImageContainer .text { top:40px !important; } body.no .fullImageContainer .treatment-circle-img { bottom:-120px !important; } body.no .fullImageContainer .container { margin-right: 25px !important; margin-left: 25px !important; } } @media (min-width: 765px) and (max-width: 950px) { body.no .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer { padding: 40px 3% !important; } body.no .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer .iconContainer { max-width: 30px !important; } body.no .quick-allergy-check .result #doctorTab .secondrow .secondRowSecondPart .suspectedTriggersIconsSubContainer .iconContainer .iconText { word-wrap: break-word; } body.no .quick-allergy-check .commonTextBlock.doctorTabActive { top: -40px !important; z-index: 0 !important; } } @media (min-width: 765px) and (max-width: 1040px) { body.no .quick-allergy-check .commonTextBlock .commonImage { width: 230px !important; height: 230px !important; } body.no .quick-allergy-check .commonTextBlock { align-items: center; } }