/*PAAB Logo removal 08-12-2025*/
/*.footer-logo-wrap img.paab-logo {display: none;}*/
/*.footer-logo-wrap {justify-content: space-evenly;}*/

/*PAAB Logo removal 08-12-2025*/


#wai_login .languagenavigation {
    display: none;
}

#wai_login #header-section,
#wai_registration #header-section {
    display: none;
}

#wai_login #to_top,
#wai_registration #to_top {
    display: none !important;
}

#wai_login .cmp-container__backgroundImage--enabled {
    margin: auto;
    background-position: top center;
    min-height: 43.073vw;
    /*min-height: 827px;*/
}

.welcom-wainua {
    text-align: center;
    margin-top: 6.7em;
}

.welcom-wainua h1 {
    margin: 30px auto;
}

.phase-three-column {
    margin: 0 auto;
    display: flex;
    gap: 30px;
    margin-top: 30px !important;
}

.clinical-data {
    background-image: url("/content/dam/intelligentcontent/brands/wainua-ca/ca/en/images/login/login_badge_1.png");
    background-size: cover;
    background-position: center center;
}

.dosing-res {
    background-image: url("/content/dam/intelligentcontent/brands/wainua-ca/ca/en/images/login/login_badge_2.png");
    background-size: cover;
    background-position: center center;
}

.eassy-access {
    background-image: url("/content/dam/intelligentcontent/brands/wainua-ca/ca/en/images/login/login_badge_3.png");
    background-size: cover;
    background-position: center center;
}

.card {
    width: 391px;
    max-width: 391px;
    min-height: 387px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.content-wrap h5 {
    text-align: center;
    max-width: 309px;
    position: relative;
    top: calc(387px - 90px);
    line-height: 31.2px;
}

.login-hp {
    text-align: center;
    margin-top: 45px;
}

.ar-login {
    margin-top: 50px;
}

.login-column {
    display: flex;
    gap: 26px;
    margin-top: 35px;
    margin-bottom: 5em;
}

img.onekey-logo {
    max-width: 155px;
}

.onekey-content p {
    max-width: 327px;
}

.onekey-content a {
    color: #006838;
    text-decoration: underline;
    font-family: "Britanica-Regular";
    font-weight: normal;
    font-style: normal;
}

.top-buton {
    display: flex;
    color: #FFFFFF;
    justify-content: flex-end;
    align-items: center;
    margin: auto;
    width: 100%;
    gap: 31px;
    padding: 13px 62px !important;
}

.top-buton li {
    min-width: 152px;
    border: 1px solid #000000;
    min-height: 37px;
    text-align: center;
    padding: 2px 0;
    /*padding: 6px 0;*/
}

.top-buton li a {
    font-size: 16px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 32px;
    color: #000000;
    text-transform: uppercase;
}

li.language-wrap {
    border: none;
    min-width: 75px !important;
}

li.language-wrap a {
    font-weight: 700;
}

li.language-wrap a+a {
    padding-left: 10px;
    font-weight: 400;
}

li.language-wrap a+a::before {
    content: "";
    border-left: 1px solid #000000;
    height: 0.9em;
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: 2px;
}

.logo-shadow {
    filter: drop-shadow(7px 0px 6px #0000005c);
    position: relative;
}

.logo-poly {
    background: linear-gradient(215deg, #F2F2F2 100%, #ffffff 100%);
    padding: 50px 9.6% 69px 30px;
    clip-path: polygon(0 0, 90% 0%, 80% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 90% 0%, 80% 100%, 0% 100%);
    position: absolute;
    top: -80px;
    left: -18.5%;
    width: 48.5vw;
}

.wainua_logo {
    max-width: 297px;
    position: relative;
    float: right;
}

img.cq-dd-image {
    max-width: 297px;
    position: relative;
    float: right;
}

/*Login---Form*/
#wai_login .cmp-formcontainer .err-msg .regex-err.showErrMsg {
    text-align: left;
    color: #d72a2a;
    font-size:
        16px;
    line-height: 21px;
    font-weight: 400;
}

#login-column {
    display: flex;
}

#login-column .azcl-column-par1 {
    width: 100%;
    max-width: 508px;
}

#login-column .azcl-column-par2 {
    width: 100%;
    max-width: calc(100% - 508px);
}

#loginform {
    margin-top: 40px;
}

form#loginform .aem-GridColumn.aem-GridColumn--offset--default--1 {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 13px;
}

#loginform .cmp-form-text__text {
    max-width: 702px;
    min-height: 34px;
    margin-bottom: 10px;
    border: 1px solid #707070;
    font-size: 16px;
    line-height: 19px;
    color: #989898;
    font-weight: 400;
    font-family: "Lexend", sans-serif;
    padding: 5px 15px;
}

#loginform .cmp-form-text__text::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #989898;
    opacity: 1;
    /* Firefox */
}

#loginform .cmp-form-text__text::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #989898;
}

#loginform label {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-size: 19px;
    color: #1A1A1A;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 5px;
}

#loginform #login-button {
    font-size: 19px;
    background: #006838;
    color: #fff;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 5px 10px;
    width: 177px;
    height: 34px;
    border-radius: 6px;
    margin-top: 11px;
}

#loginform .cmp-text {
    padding: 0px;
}

#loginform a.forgot-password {
    position: absolute;
    left: 0;
    bottom: -75px;
    color: #006838;
    font-size: 19px;
    text-decoration: underline;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    font-style: normal;
}

#loginform .options.aem-GridColumn {
    position: relative;
}

.cmp-formcontainer #loginform .cmp-form-options {
    margin: 0px;
    padding: 0px;
    border: 0px;
    max-width: max-content;
    position: absolute;
    left: 192px;
    top: 24px;
}

#loginform legend.cmp-form-options__legend {
    display: none;
}

#loginform label.cmp-form-options__field-label {
    display: flex;
    margin-bottom: 0px;
}

#loginform .cmp-form-options #remember-check {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0px;
    border: 1px solid #006838;
}

#wai_login .cmp-formcontainer .cmp-form-text {
    padding: 0em 0em;
}









/*********************************** Registration page Start ***********************************/

#wai_registration .reg-ribon {
    background:
        url('/content/dam/intelligentcontent/brands/wainua-ca/ca/en/images/login/reg-ribbon.png');
    background-size:
        cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 71px;
    width: 100%;
}

#wai_registration form#hcp-register {
    margin-top: 47px;
    /* max-width: 700px; */
}

#wai_registration .onekey-content-wrap {
    max-width: 394px;
}

#wai_registration .reg-one-key-wrap .onekey-content-wrap {
    width: 394px;
    padding: 0px 0px 0px 0px;
}

#wai_registration .reg-onekey-title {
    margin: 0px 0px 25px;
}

#wai_registration .text.aem-GridColumn--offset--tablet--0.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0 {
    width:
        45%;
}

#wai_registration #onekey-login #hcp-register #cmp-registration-choices-title {
    padding: 0.5em 0.75em;
}

#wai_registration .cmp-formcontainer #hcp-register .cmp-form-options {
    margin: 8px 0px 0px 0px;
    padding: 0.5em 0.75em 0.5em 0;
    border: 0px;
    max-width: 100%;
}

#wai_registration #hcp-register legend.cmp-form-options__legend {
    display: block;
    line-height: normal;
    margin-bottom: 0;
}

#wai_registration #hcp-register select.cmp-form-options__field {
    width: 100%;
    height: 40px;
    max-height: 40px;
    min-height:
        40px;
    padding: 5px 15px 5px 7px;
    margin-top: -5px;
    border-radius: 0;
    border: 1px solid #707070;
    max-width: 334px;
    color:
        #989898;
    background-color: #ffffff;
}

#wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) {
    max-width: 100px;
}

#wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(12) {
    max-width: calc(42.7% - 100px);
    margin-right: 1em;
}

#wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(17) .cmp-form-options {
    margin: 8px 0 10px;
}

#wai_registration label {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-size: 19px;
    font-weight: 400;
    line-height:
        22px;
    text-align: left;
    color: #1A1A1A;
    margin-bottom: 7px;
}

#wai_registration #hcp-register .cmp-form-text__text::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height:
        19px;
    color: #989898;
    opacity: 1;
    /* Firefox */
}

#wai_registration #hcp-register .cmp-form-text__text.cmp-form-text__text::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #989898;
}

#wai_registration #hcp-register #login-button[name="Register"] {
    margin: 15px 13px 30px;
}

#wai_registration .cmp-formcontainer #hcp-register .cmp-form-text {
    padding: 0.5em 0.75em 1em 0;
    max-width: 347px;
}

#wai_registration #onekey-login #hcp-register #cmp-registration-choices-title p {
    font-size: 14px;
}

#wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
#wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
    position: absolute;
    font-size: 16px;
    font-weight:
        400;
    line-height: 19px;
    color: #FF0000;
}

#wai_registration #hcp-register .cmp-form-text__text {
    border: 1px solid #707070;
    max-width: 100%;
    min-height:
        40px;
    border-radius: 0;
    color: #000000;
}

#wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) .validation-message.required.invalid {
    max-width: 100px;
    line-height: 13px;
    font-size: 13.5px;
}

#wai_registration #onekey-login #hcp-register #cmp-registration-choices-title p+p {
    margin-top: 30px;
}

#wai_registration #hcp-register .options:nth-child(21) .cmp-form-options {
    margin: 0;
    padding: 0;
}

#wai_registration #hcp-register .options:nth-child(22) .cmp-form-options {
    margin: 0px 0 0;
    padding: 0;
}

#wai_registration #hcp-register .options:nth-child(21) .cmp-form-options input,
#wai_registration #hcp-register .options:nth-child(22) .cmp-form-options input {
    /*width:16px!important;*/
    height: 16px !important;
    margin-left: 0px;
    margin: 5px 0px;
}

#wai_registration span.cmp-tooltip-icon {
    background:
        url(/content/dam/intelligentcontent/brands/wainua-ca/ca/en/images/question-icon.png);
    background-repeat: no-repeat;
}

#wai_registration .cmp-tooltip {
    position: absolute;
    top: -250px;
    right: calc(50% + 85px);
}

#wai_registration .cmp-tooltip .cmp-tooltip-title {
    display: block;
    border-bottom: unset;
    padding: 0;
    position:
        absolute;
    right: 0.8em;
    top: 0.3em;
    cursor: pointer;
}

#wai_registration .cmp-tooltip .cmp-tooltip-block {
    left: -256px !important;
    max-width: 334px;
    background-color:
        #006838;
    border: 1px solid #006838;
    border-radius: 3px;
    bottom: 37px;
}

#wai_registration .cmp-tooltip .cmp-tooltip-block::after {
    background-color: #006838;
    box-shadow: 1px 1px #006838;
}

#wai_registration p.cmp-tooltip-description {
    color: #ffffff;
    padding: 5px 51px 7px 10px;
    text-align: left;
}

#wai_registration #onekey-login #hcp-register u a,
#wai_registration #onekey-login #hcp-register u {
    color: #0054A3 !important;
}

#wai_registration #reg-col-2 {
    display: flex;
    margin-top: 6em;
    margin-bottom: 1.7em;
    gap: 0;
}

#wai_registration #reg-col-2.azcl-columns__base .azcl-column-par1 {
    width: 100%;
    max-width: 420px;
}

#wai_registration #reg-col-2.azcl-columns__base .azcl-column-par2 {
    width: 100%;
    max-width: calc(100% - 420px);
}

#wai_registration .consent-text p,
#wai_registration .cmp-form-options__field-description {
    font-family:
        "Britanica-Regular";
    font-size: 19px;
    font-weight: 400;
    line-height: 24px;
    color: #1A1A1A;
}

#wai_registration .consent-text a,
#wai_registration .cmp-form-options__field-description a {
    font-family:
        "Britanica-Regular";
    font-size: 19px;
    font-weight: 400;
    line-height: 24px;
    color: #006838;
}

#wai_registration #login-button {
    background: #006838;
    font-size: 19px;
    font-weight: 400;
    line-height: 22px;
    text-align:
        center;
    color: #ffffff;
    width: 112px;
    height: 34px;
    border-radius: 6px;
    border: 1px solid #006838;
    ;
    opacity: 0px;
}

#wai_registration .consent-text p,
.cmp-form-options__field-label {
    padding: 0 0 0 0em;
    /*padding:0 0 0 0.75em;*/
}

#wai_registration .consent-text p {
    max-width: 728px;
    margin-bottom: 10px;
}

#wai_registration .cmp-form-options__field-description {
    max-width: 642px;
}

#wai_registration .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
    width: 45%;
}

#wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) label {
    margin-bottom: 4px;
}

#wai_registration .cmp-formcontainer #hcp-register .err-msg .min-len-err {
    max-width: 332px;
    position: relative;
}


/*Registration Sucess Start*/

.reg-success {
    max-width: 720px;
    min-height: 383px;
    background: #ffffff;
    text-align: center;
    box-shadow: rgba(100, 100, 111,
            0.2) 0px 7px 29px 0px;
    margin: 1.5em 0;
}

.reg-pop-heading {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    color: #006838;
    padding: 10px 0px;
}

.reg-gred {
    background: linear-gradient(90deg, #FFF33B 0%, #F26522 100%);
    min-height: 32px;
}

.thanks-reg {
    padding: 30px 51px;
}

#wai_registration .text-size-common {
    font-size: 19px;
    font-weight: 400;
    line-height: 25px;
}

.log-suc {
    min-height: 183px;
}

/*Registration Sucess END*/




@media (min-width: 768px) {
    #wai_registration .options:nth-child(21) .cmp-form-options .validation-message {
        margin-top: -5px;
        margin-left:
            37px;
        position: relative !important;
    }

    .reg-success {
        margin: 1.5em auto;
        width: 95%;
    }
}

/*********************************** Registration page End ***********************************/





/*********************************** Media Query Start***********************************/
@media (min-width: 2450px) {
    .welcom-wainua {
        margin-top: 8vw;
    }

    .login-hp {
        margin-bottom: 8vw;
    }
}

@media (min-width: 2000px) {
    #wai_login .cmp-container__backgroundImage--enabled {
        min-height: 33.438vw;
    }
}

@media (min-width: 990px) and (max-width: 1850px) {
    .login-hp {
        margin-bottom: 45px;
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .logo-poly {
        padding: 50px 9.6% 50px 30px;
    }

    .wainua_logo {
        max-width: 250px;
    }

}

@media (min-width: 990px) and (max-width: 1250px) {
    .content-wrap h5 {
        font-size: 2.00vw;
        line-height: 2.496vw;
    }
}

/*@media (min-width: 1520px) {
#phase-three-column {
max-width: 1233px;
}
}
@media (min-width: 1036px) and (max-width: 1300px) {
#phase-three-column {
max-width: 1050px;
}
.card {
width: 330px;
max-width: 330px;
}
}

@media (min-width: 990px) and (max-width: 1120px) {
#phase-three-column {
max-width: 900px;
}
.card {
width: 280px;
max-width: 280px;
}
}*/

@media (min-width: 1198px) and (max-width: 1259px) {

    #wai_registration .cmp-tooltip {
        right: calc(50% + 20px);
    }

    /*html[lang="fr"] #wai_registration .cmp-tooltip {right: calc(50% + 75px);top: -242px;}*/

}

@media (min-width: 1199px) and (max-width: 1259px) {
    #wai_registration #common_Container {
        width: 1130px;
    }

    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        max-width: 100%;
        font-size: 10.5px;
    }
}

/*********************************** Mobile Query END ***********************************/

@media (min-width: 1198px) and (max-width: 1259px) {
    #wai_registration .text.aem-GridColumn--offset--tablet--0.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0 {
        width: 50%;
    }

    #wai_registration .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 50%;
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(12) {
        max-width: calc(50% - 100px);
        margin-right: 0;
    }

    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        font-size: 12px
    }

    /*#wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(13)
.validation-message.required.invalid{float: right;position: relative;}*/

}

@media (min-width: 1198px) and (max-width: 1279px) {
    #wai_registration label {
        font-size: 18px
    }

    html[lang="fr"] #wai_registration .cmp-tooltip {
        right: calc(50% + 80px) !important;
    }
}

@media (min-width: 1199px) and (max-width: 1251px) {
    html[lang="fr"] #wai_registration .cmp-tooltip {
        top: -243px !important;
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    #wai_registration #reg-col-2.azcl-columns__base .azcl-column-par1 {
        width: 100%;
        max-width: 240px;
    }

    #wai_registration #reg-col-2.azcl-columns__base .azcl-column-par2 {
        width: 100%;
        max-width: calc(100% - 250px);
    }

    #wai_registration .reg-one-key-wrap .onekey-content-wrap {
        width: 238px;
        padding: 0px 0px 0px 0px;
    }

    #wai_registration form#hcp-register {
        margin-top: 30px;
        max-width: 100%;
    }

    /*#wai_registration #common_Container {width: 100%;}*/
    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(12) {
        max-width: calc(50% - 120px);
        margin-right: 0px;
    }

    #wai_registration .reg-one-key-wrap .onekey-content-wrap {
        width: 100%;
        padding-right: 10px;
    }

    #wai_registration .cmp-formcontainer #hcp-register .cmp-form-text,
    #wai_registration #hcp-register select.cmp-form-options__field {
        max-width: 100%;
    }

    #wai_registration .text.aem-GridColumn--offset--tablet--0.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0,
    #wai_registration .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 50%;
    }

    #wai_registration #reg-col-2.azcl-columns__base .azcl-column-par1 {
        max-width: 290px;
    }

    #wai_registration #reg-col-2.azcl-columns__base .azcl-column-par2 {
        max-width: calc(100% - 290px);
    }

    #wai_registration .cmp-tooltip {
        right: calc(50% + 30px);
        /*top: -243px;*/
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) {
        max-width: 120px;
    }

    #wai_registration .cmp-formcontainer #hcp-register .cmp-form-options {
        margin: 0.7em 0px 0px 0px;
    }

    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        font-size: 12px
    }

    #wai_registration .options:nth-child(11) .cmp-form-options .validation-message {
        /*max-width: 100%
!important;*/
        margin-top: 1px;
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) label {
        margin-bottom: 0;
    }

    html[lang="fr"] #wai_registration .options:nth-child(11) .cmp-form-options .validation-message {
        margin-top:
            4px;
        /*margin-top: 10px;*/
    }
}

@media (min-width: 990px) and (max-width: 991px) {
    #hcp-register .cmp-form-options {
        margin: 0.7em 0px 0px 0px !important;
    }
}

@media (min-width: 650px) and (max-width: 991px) {

    #wai_login .logo-poly,
    #wai_registration .logo-poly {
        padding: 0.5em 12% 0.4em 25px;
        clip-path: polygon(0 0, 90% 0%, 77% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 90% 0%, 77% 100%, 0% 100%);
    }

    #wai_registration .cmp-formcontainer #hcp-register .cmp-form-options {
        padding: -0.5em 0.75em 0.5em 0;
        margin: 0.5em 0px 0px 0px;
        /*margin:0.7em 0px 0px 0px;*/
    }

    #wai_registration .cmp-formcontainer #hcp-register .cmp-form-text {
        padding: 0.5em 0.75em 0.5em 0;
    }

    #wai_registration .cmp-formcontainer #hcp-register .cmp-form-text,
    #wai_registration #hcp-register select.cmp-form-options__field,
    #wai_registration #hcp-register .cmp-form-text__text,
    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        max-width: 100%;
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(12) {
        max-width: calc(100% - 200px);
        margin-right: 0px;
    }

    #wai_registration .cmp-tooltip {
        right: 30px;
        top: -495px;
        /*top: -506px;*/
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) {
        max-width: 200px;
    }

    #wai_registration .text.aem-GridColumn--offset--tablet--0.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0,
    #wai_registration .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 100%;
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) .validation-message.required.invalid {
        max-width: 100%;
        line-height: 7px;
        font-size: 12px;
    }

    #wai_registration .options:nth-child(11) .cmp-form-options .validation-message {
        max-width: 100% !important;
        margin-top:
            5px;
        /*margin-top: 15px;*/
    }
}

@media (min-width: 650px) and (max-width: 676px) {
    #wai_login .logo-poly {
        padding: 1.1em 12% 0.8em 25px;
        clip-path: polygon(0 0, 95% 0%, 79% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 95% 0%, 79% 100%, 0% 100%);
    }

    #wai_registration .logo-poly {
        padding: 1.1em 12% 0.7em 25px;
        clip-path: polygon(0 0, 95% 0%, 79% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 95% 0%, 79% 100%, 0% 100%);
    }

}

/*********************************** Mobile breakponits starts ***********************************/

@media (max-width: 991px) {
    #login-column {
        display: block;
    }

    #login-column .azcl-column-par2 {
        max-width: 100%
    }

    #log-heading {
        margin-top: 1.1em;
    }

    .phase-three-column {
        display: block;
    }

    .card {
        margin: auto;
        margin-bottom: 75px;
    }

    .eassy-access {
        margin-bottom: 42px;
    }

    .logo-poly {
        left: 0;
        padding: 29px 11% 27px 35px;
        top: -101px;
        width: 48vw;
        clip-path: polygon(0 0, 100% 0%, 77% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 77% 100%, 0% 100%);
        min-height: 112px;
        max-height: 112px;
        /* display: none; */
    }

    #wai_registration .logo-poly {
        min-height: 109px;
        max-height: 109px;
    }

    #wai_login .logo-poly,
    #wai_registration .logo-poly {
        top: -109px;
    }

    .wainua_logo {
        max-width: 33.000vw !important;
    }

    .top-buton {
        gap: 7px;
        position: relative;
        padding-top: 30px !important;
        padding: 17px 35px !important;
    }

    .top-buton li {
        min-width: 95px;
        padding: 6px 6px;
    }

    .welcom-wainua h1 {
        line-height: 80px;
    }

    .welcom-wainua h2 {
        line-height: 50px;
    }

    .login-hp {
        margin: 0 47px 30px;
    }

    li.language-wrap {
        position: absolute;
        bottom: 58px;
        right: 5%;
        min-width: 95px !important;
        /*right: 4%;*/
    }

    .ar-login {
        line-height: 50px;
        margin: 25px 119px 12px 30px;
    }

    .login-column {
        gap: 12px;
        margin: 0px 30px 26px;
    }

    .onekey-content p {
        max-width: 280px;
    }

    #loginform {
        margin: auto;
        /*margin: 0 30px;*/
        padding-bottom: 72px;
        max-width: 420px;
    }

    #loginform .cmp-form-text__text {
        max-width: 420px;
    }

    img.onekey-logo {
        max-width: 128px;
    }

    form#loginform .aem-GridColumn.aem-GridColumn--offset--default--1 {
        margin-bottom: 7px;
    }

    #loginform #login-button {
        width: 137.54px;
        height: 38px;
    }

    .cmp-formcontainer #loginform .cmp-form-options {
        left: 165px;
    }

    #wai_registration #reg-col-2 {
        flex-direction: column;
        padding: 0px 20px;
        gap: 5px;
    }

    #wai_registration #reg-col-2.azcl-columns__base .azcl-column-par1 {
        max-width: 100%;
    }

    #wai_registration #reg-col-2.azcl-columns__base .azcl-column-par2 {
        max-width: 100%
    }

    #wai_registration #reg-col-2 {
        margin-top: 1.3em;
    }

    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        font-size: 12px;
    }

    #wai_registration .options:nth-child(21) .cmp-form-options .validation-message {
        margin-top: -5px;
        margin-left:
            37px;
        position: relative !important;
    }

    #wai_registration .xfpage h1 {
        font-size: 31px !important;
        line-height: 33px !important;
    }

    #wai_login .xfpage h1 {
        font-size: 31px !important;
        line-height: 33px !important;
    }
}

@media (max-width: 767px) {

    #wai_registration .reg-ribon {
        background-size: 100% 100%;
        background-position: center center;
        background-repeat:
            no-repeat;
        min-height: 35.5px;
        width: 100%;
    }

    #first-sec .fist-section {
        margin: auto 15px;
    }

    .az-reg .cmp-dynamicform__form-group {
        width: 100%;
        padding-right: 0;
    }


}

@media (max-width: 650px) {
    #wai_registration .cmp-tooltip {
        right: 20px;
        top: -485px;
    }

    #wai_registration .text.aem-GridColumn--offset--tablet--0.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0 {
        width: 100%;
    }

    #wai_registration form#hcp-register {
        margin-top: 30px;
        max-width: 100%;
    }

    #wai_registration #hcp-register .cmp-form-text__text {
        max-width: 100%;
    }

    #wai_registration #hcp-register select.cmp-form-options__field {
        max-width: 100%;
    }

    #wai_registration #hcp-register select.cmp-form-options__field {
        width: 100%;
        height: 40px;
        background-color: #ffffff;
        color:
            #989898;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        text-align: left;
    }

    #wai_registration .aem-GridColumn--offset--tablet--0:nth-child(11) {
        max-width: 100% !important;
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(12) {
        max-width: 100%;
    }

    #wai_registration .cmp-formcontainer #hcp-register .cmp-form-text,
    #wai_registration .cmp-formcontainer #hcp-register .cmp-form-options {
        padding: 0.5em 0em 0.4em;
        /*padding: 0.5em 0.53em 0.4em;*/
        max-width: 100%
    }

    #wai_registration .reg-ribon {
        background:
            url('/content/dam/intelligentcontent/brands/wainua-ca/ca/en/images/login/reg-ribbon-mobile.png');
        background-size:
            cover;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 29px;
        width: 100%;
    }

    #wai_registration .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 100%;
    }

    #wai_registration .cmp-tooltip .cmp-tooltip-block::after {
        bottom: -5px !important;
        top: auto !important;
        left: 10px !important;
    }

    #wai_registration .cmp-tooltip .cmp-tooltip-block {
        max-width: 420px;
        right: -10px;
        left: unset !important;
    }

    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) .validation-message.required.invalid {
        max-width: 100%;
    }


    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        position: absolute;
    }

    #wai_registration .options:nth-child(21) .cmp-form-options .validation-message {
        position: relative !important;
    }

    /*#wai_registration .min-len-err.showErrMsg{position: relative !important;}*/

}

@media (max-width: 649px) {
    #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) .validation-message.required.invalid {
        max-width: 100%;
        line-height: 24px;
    }
}

@media (max-width: 481px) {

    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        font-size: 16px;
    }

    #wai_registration .logo-poly {
        padding: 26.5px 11% 27px 35px;
        clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 78.5% 100%, 0% 100%);
    }

}

/*********************************** Mobile breakponits starts below 430px ***********************************/

@media (min-width: 320px) and (max-width: 450px) {
    .wainua_logo {}

    .card {
        width: 280px;
        max-width: 280px;
    }

    #loginform {
        margin: 0 15px;
        max-width: 85.458vw;
    }

    #loginform .cmp-form-text__text {
        max-width: 87.5vw;
    }

    .top-buton li {
        min-width: 80px;
    }

    .top-buton li a {
        font-size: 14px;
    }

    .top-buton {
        padding: 17px 20px !important;
    }

    .welcom-wainua h1 {
        line-height: 66px;
        font-size: 56px;
    }

    .content-wrap h5 {
        font-size: 22px;
    }

    #wai_registration .cmp-tooltip .cmp-tooltip-block {
        max-width: 86.333vw;
    }

    #wai_registration #hcp-register .options:nth-child(21) .cmp-form-options input {
        width: 26px !important;
        height: 22px !important;
        margin-left: 0px;
    }

    #wai_registration #hcp-register .options:nth-child(22) .cmp-form-options input {
        width: 32px !important;
        height: 22px !important;
        margin-left: 0px;
    }

    #resources .cmp-modal__modalbox.modal-md .modal-box {
        margin: auto;
        width: 360px !important;
    }

    #single_dose_autoinjector .cmp-teaser__description p {
        max-width: 95% !important;
    }

    #wai_registration .cmp-formcontainer #hcp-register .validation-message.invalid,
    #wai_registration .cmp-formcontainer #hcp-register .err-msg .showErrMsg {
        font-size: 12px;
    }
}



@media (min-width: 320px) and (max-width: 361px) {
    .card {
        width: 280px;
        max-width: 280px;
    }

    #loginform .cmp-form-text__text {
        max-width: 87.5vw;
    }

    .welcom-wainua h1 {
        line-height: 16.667vw;
        font-size: 13.75vw;
    }

    .welcom-wainua h2 {
        line-height: 10.417vw;
        font-size: 8.75vw;
    }

    img.onekey-logo {
        max-width: 26.667vw;
    }

    .ar-login {
        line-height: 10.417vw;
        font-size: 8.75vw;
    }

    .onekey-content p {
        font-size: 3.958vw;
        line-height: 5vw;
    }

    .top-buton li {
        min-width: 16.667vw;
    }

    #loginform label {
        font-size: 3.958vw;
    }

}

@media (max-width: 430px) {
    .logo-poly {
        padding: 1.7em 11% 1.8em 35px;
        clip-path: polygon(0 0, 100% 0%, 73% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 73% 100%, 0% 100%);
    }

}

@media (max-width: 391px) {
    .logo-poly {
        padding: 1.7em 11% 1.8em 35px;
        clip-path: polygon(0 0, 100% 0%, 71% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 71% 100%, 0% 100%);
    }

    #wai_registration .logo-poly {
        padding: 1.7em 11% 1.7em 35px;
        clip-path: polygon(0 0, 100% 0%, 73% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 73% 100%, 0% 100%);
    }

}

@media (max-width: 380px) {
    .logo-poly {
        padding: 1.8em 11% 1.8em 35px;
    }
}

@media (max-width: 375px) {
    #wai_registration .cmp-tooltip {
        top: -486px;
    }
}

@media (max-width: 324px) {
    .logo-poly {
        padding: 2em 11% 2.11em 35px;
        width: 44vw;
    }

    .wainua_logo {
        max-width: 30vw !important;
    }

    #wai_registration .logo-poly {
        padding: 2em 11% 2em 35px;
    }

}

@media (min-width: 1201px) {
    html[lang="fr"] #wai_registration #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) .validation-message.required.invalid {
        max-width: 110px;
        line-height: 13px;
        font-size: 11px;
    }

    /*html[lang="fr"] #wai_registration .cmp-tooltip {top: -250px;}*/
}


@media only screen and (-webkit-min-device-pixel-ratio: 2.0),
only screen and (min--moz-device-pixel-ratio: 2.0),
only screen and (-o-min-device-pixel-ratio: 2.0/1),
only screen and (min-device-pixel-ratio: 2.0),
only screen and (min-resolution: 264dpi),
only screen and (min-resolution: 2.0dppx) {
    #wai_registration .cmp-tooltip {
        top: -513px;
    }
}

/* iPhone 13*/
@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (-min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3) {
    #wai_registration .cmp-tooltip {
        top: -475px;
    }
}

@media only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    html[lang="fr"] #wai_registration .cmp-tooltip {
        top: -480px !important;
    }
}

/* iPhone 13 Pro */
@media only screen and (device-width: 390px) and (device-height: 664px) and (-webkit-device-pixel-ratio: 3) {

    html[lang="fr"] #wai_registration .cmp-tooltip {
        top: -495px;
    }

    #wai_registration .reg-ribon {
        margin-left: -5px;
    }

    #wai_registration .reg-ribon:before {
        content: '';
        position: absolute;
        display: block;
        height: 29px;
        width: 5px;
        background:
            #fddc37;
        right: 0;
    }
}





@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        #wai_registration #hcp-register select.cmp-form-options__field {
            margin-top: 2px;
        }
    }
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        #wai_registration #hcp-register select.cmp-form-options__field {
            margin-top: 2px;
        }
    }
}


/*******************************************19-12-2024*******************************************/

#wai_login .dynamic-login {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

#wai_login .wainua-dylogin {
    max-width: 600px;
    margin: auto;
    padding-bottom: 50px;
}

#wai_login label.cmp-dynamicform__control-label {
    font-size: 19px;
    color: #1A1A1A;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-style: normal;
}

#wai_login p.cmp-dynamicform__generated-form-error.text-danger {
    color: #d72a2a !important;
    font-size: 16px;
}

#wai_login .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea) {
    opacity: 1;
    width: 100%;
    height: 32px;
    box-shadow: none;
    max-width: 702px;
    min-height: 34px;
    margin-bottom: 10px;
    border: 1px solid #707070;
    font-size: 16px;
    line-height: 19px;
    color: #989898;
    font-weight: 400;
    font-family: "Lexend", sans-serif;
    padding: 5px 15px;
    border-radius: 0;
    background: #ffffff;
}

#wai_login .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button {
    font-size: 19px;
    background: #006838;
    color: #fff;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 5px 10px;
    width: 177px;
    height: 34px;
    border-radius: 6px;
    margin-top: 11px;
}

#wai_login .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .text-danger {
    color: #000000;
}

#wai_login button.cmp-dynamicform__submit-btn {
    display: block;
    margin: auto;
}

#wai_login button.cmp-dynamicform__clear-btn {
    display: none;
}

@media (max-width: 480px) {
    #wai_login .dynamic-login {
        padding: 0 15px;
        margin-top: 25px;
    }

    #wai_login .wainua-dylogin {
        margin: auto 15px;
    }
}


/*@media (max-width: 767px) {*/

/*    #wai_login .cmp-container__backgroundImage--enabled {*/
/*        background-position: 150vw !important;*/
/*    }*/
/*}*/