/****** Phase - 2 French design changes ******/ 
html[lang="FR"] .btn.btn-yellow {font-size: 14px;max-width: 295px;padding: 10px 14px;line-height:18px;} 
html[lang="FR"] .btn-blue {font-size: 13px;padding: 5px 15px;}


/* Header and Footer css Starts */
html[lang="FR"] .cmp-container[role="pre-gate-container"] .auth-box .btn-auth {width: 114px;font-family: 'MontserratRegular';padding: 10px 9px;line-height:18px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .language-box a {font-family: 'MontserratRegular'; line-height:18px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .language-box a + a {font-family: MontserratBold;line-height:18px;}
html[lang="FR"] .cmp-container[aria-label="main-new-container"] #footer {padding: 55px 15px 66px;}
html[lang="FR"] .footer .footer-link-wrap ul li a { font-size: 12px;line-height: 15px;font-family: 'MontserratRegular';color:#1A1A1A;}
html[lang="FR"] .cmp-container[aria-label="main-new-container"] .footer .footer-content {margin: 32px 0px 52px;}
html[lang="FR"] #header-container .languae-wrapper a{font-family: 'MontserratRegular';}
html[lang="FR"] #header-container .languae-wrapper a + a{font-family: MontserratBold;}
/*23102024*/

#header-container .cmp-searchbox__results .cmp-searchbox__results-inner
{
   text-shadow: 0 0 0 transparent;
    background-color: #ffffff;
    padding: 15px 15px;
    border: 1px solid;
}
#header-container .cmp-searchbox__results .cmp-searchbox__results-inner .cmp-searchbox__results-noitems h3
{
    color: #0054a3;
    font-size: 18px;
    line-height: 22px;
}

/*23102024 ends*/
/* Header and Footer css Ends */


/* Login Page css Starts */
html[lang="FR"] .cmp-container[role="pre-gate-container"] .cmp-form-text__text { min-height: 40px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .onekey-title {font-size: 22px; color:#0F0F0F;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .first-sec .first-sec-title {font-size: 56px;line-height: 68px; }
html[lang="FR"] .cmp-container[role="pre-gate-container"] .first-sec-title-wrap h2 {font-size: 26px;margin: 36px 0px 75px;line-height: 22px;font-family: MontserratSemiBold;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .first-sec-flex-wrap {max-width: 994px;margin: 0px auto 30px;gap: 45px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .first-sec-flex-wrap .col-text {font-size: 26px;line-height: 32px; }
html[lang="FR"] .cmp-container[role="pre-gate-container"] div#onekey-login { padding: 48px 0px 40px; margin-top: 50px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .onekey-content-wrap .onekey-content,
html[lang="FR"] .cmp-container[role="pre-gate-container"] label{font-size: 15px;line-height: 22px;color:#1A1A1A;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .onekey-content-wrap .onekey-content:nth-child(2){margin-bottom:18px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .disclaimer,
html[lang="FR"] .cmp-container[role="pre-gate-container"] #loginform a.forgot-password{font-size: 15px;line-height: 22px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] #login-button{font-size: 14px;line-height: 18px;padding: 5px 9px;}
html[lang="FR"] .cmp-container[role="pre-gate-container"] .cmp-form-text__text::placeholder{
        color: #989898;
        font-size: 15px;line-height: 22px;
        font-family: 'MontserratRegular';
    }
 /* Login Page css Ends */
 
 /* registration Page css Ends */
    
/*html[lang="FR"] .cmp-container[role="pre-gate-container"] #hcp-register select.cmp-form-options__field,*/
/*html[lang="FR"] .cmp-container[role="pre-gate-container"] #hcp-register select.cmp-form-options__field option*/
/*{*/
/*    color: #989898;*/
/*        font-size: 14px;line-height: 21px;*/
/*        font-family: 'MontserratRegular';*/
/*}*/
html[lang="FR"] .cmp-container[role="pre-gate-container"] #onekey-login #hcp-register #cmp-registration-choices-title .cmp-tooltip
{
    top: -233px;
}


/* registration Page css Ends */

/*profile page*/
html[lang="FR"] #safety-profile .tab-1-wrap .small-text
{
    font-size: 16px;
    line-height: 22px;
}
html[lang="FR"] #safety-profile .red-border-box:nth-child(2) p.red-box-title.text-red ,
html[lang="FR"] #moa .red-border-box:nth-child(2) p.red-box-title.text-red,
html[lang="FR"] #dosing .red-border-box:nth-child(2) p.red-box-title.text-red,
html[lang="FR"] #resources .red-border-box:nth-child(2) p.red-box-title.text-red,
html[lang="FR"] #isp .red-border-box:nth-child(2) p.red-box-title.text-red
{
    margin-bottom: 36px;
}

html[lang="FR"] #safety-profile div#custom-tabs .cmp-tabs__tab + .cmp-tabs__tab:nth-child(2)
{
    max-width: 281px;
}

/**/

/*MOA page*/
html[lang="FR"] #moa #video-column .cmp-video__holder .btn-blue,
html[lang="FR"] #dosing #video-column .cmp-video__holder .btn-blue
{
    font-size: 13px;
    line-height: 16px;
}


/**/

/*popup page*/

html[lang="FR"] .annex-study-wrapper .dans-text
{
    font-size: 14px;
    line-height: 22px;
    color: #1A1A1A;
}

html[lang="FR"] .annex-study-wrapper .two-col-box .red-border-box
{
     font-size: 14px;
    line-height: 19px;
}
html[lang="FR"] .annex-study-wrapper .two-col-box .right-col-text
{
    font-size: 14px;
    line-height: 20px;
}
html[lang="FR"] .blue-sec-wrap .small-text:nth-of-type(1),
html[lang="FR"] .blue-sec-wrap .small-text + .small-text:last-child
{
    font-size: 12px;
    line-height: 15px;
}
html[lang="FR"] .border-box-arrow-wrap
{
    line-height: 22px;
}

/*popup ends*/


/* Home Page css Starts */ 
html[lang="FR"] #header-container .topnavigation .cmp-topnavigation__group li {margin: 0px 0px 0px 14px;}
html[lang="FR"] .home-hero-content-wrap p {font-size: 16px;line-height: 19px;}
html[lang="FR"] .home-hero-button-wrap .btn-blue {font-size: 10px;padding: 14px 5px 11px;line-height: 13px;}
html[lang="FR"] #hcp-home #video-column .cmp-title__text.cmp-title__text--h4 {/*min-height: auto;*/}
html[lang="FR"] #hcp-home #video-column .cmp-video__holder .btn-blue {padding: 10px 10px;font-size: 13px;line-height: 16px;}
html[lang="FR"] #header-container #signup-header a {font-size: 14px;}
html[lang="FR"] .home-hero-top-content-wrap p .red-text {text-transform: uppercase;}
html[lang="FR"] .home-hero-button-wrap .btn-blue + .btn-blue {width: 201px;text-align: center;}
html[lang="FR"] #home-2-sec {margin-top: 40px;max-width: 907px;}
html[lang="FR"] .border-box-wrap {font-size: 14px;padding: 23px 22px 25px;max-width: 836px;}
html[lang="FR"] .border-box-wrap p{color:#1A1A1A;}
html[lang="FR"] .home-second-sec-content p {font-size: 13px;line-height: 20px;color:#1A1A1A;} 
html[lang="FR"] #home-2-sec #video-column {max-width: 838px;gap: 16px;}
html[lang="FR"] .registration-sec-wrap {max-width: 1076px;}
/* Home Page css Ends */

/* Clinical Data Page css Starts */ 
html[lang="FR"] .btn-blue.btn-annexa {max-width: 501px;font-size: 14px;line-height: 18px;padding: 10px 14px;}
html[lang="FR"] #clinical-data .blue-sec-wrap .red-border-box:nth-child(1) .red-box-title {max-width: 220px;}
html[lang="FR"] div#custom-tabs .cmp-tabs__tab {min-width: auto;}
html[lang="FR"] div#custom-tabs .cmp-tabs__tab + .cmp-tabs__tab {max-width: 230px;padding: 0px 1rem;}
html[lang="FR"] .tab-title {margin: 13px 0px 35px;}
html[lang="FR"] .tab-second-title {font-size: 24px;line-height: 29px;margin: 36px 0px 33px;}
html[lang="FR"] .tab-second-title + p {margin-bottom: 49px;font-size: 14px;}
html[lang="FR"] .blue-sec-wrap .red-border-box .btn-blue {font-size: 12px;line-height: 15px;padding: 13px 3px;}
html[lang="FR"] .blue-sec-wrap .small-text {font-size: 11px;line-height: 14px;}
html[lang="FR"] .blue-sec-wrap {max-width: 911px;}
html[lang="FR"] .tab-2-wrap .tab-title {font-size: 24px;line-height: 29px;}
html[lang="FR"] .tab-2-wrap .flex-box + p {max-width: 984px;font-size: 14px;}
html[lang="FR"] div#custom-tabs .cmp-tabs__tab.cmp-tabs__tab--active {padding: 7px 1rem 0;}
html[lang="FR"] .tab-3-wrap .tab-title {font-size: 25px;line-height: 30px;margin: 0px 0px 36px;}
html[lang="FR"] .tab-3-wrap .tab-col-title {font-size: 14px;max-width: 480px;}
html[lang="FR"] .tab-2-wrap .flex-box .circle-red-bullet + .circle-red-bullet {max-width: 480px;}
html[lang="FR"] .tab-3-wrap .tab-col:nth-child(1) .tab-col-title {margin-bottom: 17px;}
/* Clinical Data Page css Ends */

/* Safety profile Page css Ends */
html[lang="FR"] #safety-profile .blue-sec-wrap .red-border-box:nth-child(1) .red-box-title{font-size: 17px;}
/* Safety profile Page css Ends */

html[lang="FR"] #resources #video-column .azcl-column-par1 .btn-blue{text-align: center;}
#register-for-updates #first-sec .yellow-sec p {max-width: 100%;}
html[lang="FR"] iframe#RegModal {height: 810px !important;}

/*popup*/
html[lang="FR"] .annex-study-wrapper .two-col-box .right-col-text p span.nospace
{
    text-wrap: nowrap;
}
html[lang="FR"] #annex-study-popup .popup-title sup
{
    font-family: MontserratBold, Open Sans;
}

/*email page*/
html[lang="FR"] .es-container .es-body .es-form-content h6.es-info sup
{
   top: 9px; 
}
html[lang="FR"] .es-container .es-body .es-form-content .es-input.phn .es-adjust-lh sup
{
    top: 0px; 
}
    
/* Responsive */
@media(max-width: 767px){ 
    html[lang="FR"] .cmp-container[aria-label="main-new-container"] #footer {
    padding: 36px 15px 66px;
}
    /*Login Page css Starts*/
    html[lang="FR"] .cmp-container[aria-label="main-new-container"] .footer .footer-link-wrap ul{ flex-wrap: wrap;justify-content: center;}
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .auth-box .btn-auth,
    html[lang="FR"] .home-hero-button-wrap .btn-blue + .btn-blue {width: auto;}
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .topnav .auth-box {text-align: right;}
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .first-sec-title-wrap {padding: 0px 15px;}
    html[lang="FR"] .cmp-container[role="pre-gate-container"] .first-sec-title-wrap h2 {line-height: 28px;}
    html[lang="FR"] .cmp-container[aria-label="main-new-container"] .footer .footer-link-wrap ul li a
    {
        /*display: block;*/
        
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .first-sec .first-sec-title {
    font-size: 40px;
    line-height: 49px;
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .topnav .navbar-header
    {
        max-width: 142px;
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .topnav .auth-box
    {
        display: flex;
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .auth-box .btn-auth {
   
    padding: 0px;
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .auth-box .btn-auth.btn-reg {
    margin-left: 15px;
     }
     html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] #login-button {
    
    padding: 5px 2px;
    }
    html[lang="FR"] .cmp-container[aria-label="main-new-container"] .footer .footer-link-wrap ul li:nth-child(2) a
    {
        
        padding-right: 9px;
        border-right: 1px solid #a7a7a7;
        border-left: 1px solid #a7a7a7;
    }
    html[lang="FR"] .cmp-container[aria-label="main-new-container"] .footer .footer-link-wrap ul li:nth-child(3) a
    {
        
       border-left:0px;
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .first-sec-flex-wrap .col-text{font-size: 20px;
    line-height: 24px; }
    /*Login Page css Ends*/
    
    /* Header css Starts */ 
    html[lang="FR"] #header-container .azcl-column-par2 .cmp-container {top: 150px;}
    html[lang="FR"] #header-container .topnavigation {top: 275px;}
    html[lang="FR"] #header-container .topnavigation .cmp-topnavigation__group li {margin: 9px 20px;}
    /* Header css Ends */ 
    
    html[lang="FR"] .home-hero-top-content-wrap { max-width: 162px;}
    html[lang="FR"] .cmp-container[aria-label="main-new-container"] .footer .footer-link-wrap ul li {
        /*width: 33%;*/
        width: auto;
        text-align: center;
        
    }
    
    /* Clinical Data Page css Starts */ 
    html[lang="FR"] .btn-blue.btn-annexa {margin: -100px auto 24px;}
    html[lang="FR"] .annex-study-wrapper .img-wrapper img {
         margin: 0px; 
         width:auto;
         max-width: 100%; 
    }
    html[lang="FR"] #clinical-data .tab-3-wrap .tab-col:nth-child(1) .tab-col-title
    {
        margin-bottom: 0px;
    font-size: 16px;
    line-height: 22px;
    }
    html[lang="FR"] #clinical-data .tab-3-wrap .tab-col:nth-child(1) img {
        margin: 6px 0px 18px 0px;
        max-width: calc(100% + 0px);
    }
    html[lang="FR"] #clinical-data .tab-3-wrap .tab-col:nth-child(2) .tab-col-title
    {
        font-size: 16px;
    line-height: 20px;
    margin-right: 5px;
    }
    html[lang="FR"] #clinical-data .tab-3-wrap .tab-col:nth-child(2) img {
        margin: -5px 0px 10px -3px;
        max-width: calc(100% + 0px);
        padding-right: 25px;
    }
    html[lang="FR"] #clinical-data .blue-sec-wrap .red-border-box:nth-child(2) .btn-blue
    {
        margin: 0px 6px;
    }
    html[lang="FR"] #moa .blue-sec-wrap .red-border-box:nth-child(2) .btn-blue
    {
        margin: auto;
        
    }
    html[lang="FR"] #moa .blue-sec-wrap .flex-box.red-border-box:nth-child(2)
    {
       gap: 7px; 
    }
    html[lang="FR"] #clinical-data .tab-2-wrap h1.tab-title
    {
        text-wrap: balance;
    }
    html[lang="FR"] #clinical-data .tab-2-wrap .flex-box .circle-red-bullet + .circle-red-bullet br
    {
        display: contents;
    }
    html[lang="FR"] #clinical-data .blue-sec-wrap .small-text .flex-box:nth-child(2) span
    {
        text-wrap: balance;
    }
    /* Clinical Data Page css Ends */

    /* Safety profile Page css Ends */
    html[lang="FR"] #safety-profile .blue-sec-wrap .red-border-box:nth-child(1) .red-box-title{font-size: 16px;}
    html[lang="FR"] #safety-profile .tab-2-wrap .flex-box h2 ,
    html[lang="FR"] #safety-profile .info-block .circle-red-bullet{
    font-size: 15px;
    line-height: 19px;
    
}
html[lang="FR"] #moa .red-border-box:nth-child(2) p.red-box-title.text-red{
    margin-bottom:20px;
}
    /* Safety profile Page css Ends */
    
    html[lang="FR"] #dosing #video-column .cmp-title__text.cmp-title__text--h4 br {display: none;}
    html[lang="FR"] iframe#RegModal {height: auto !important; min-height: 1300px;}
    
    /*registration page*/
    html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #hcp-register select.cmp-form-options__field
    {
        height: 39px;
    }
    html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) .validation-message.required.invalid
{
    max-width: 100%;
}
html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] .cmp-formcontainer #hcp-register .validation-message.invalid
{
    line-height:15px;
}
html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #hcp-register .options:nth-child(21) .cmp-form-options .validation-message
{
    margin-top: -14px;
        line-height: 21px;
        font-size: 13px;
}
html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #onekey-login #hcp-register #cmp-registration-choices-title .cmp-tooltip
{
    top: -506px;
}
    /*home page*/
    html[lang="FR"] #hcp-home .btn.btn-yellow {
    max-width: 185px;
     }
     
    
}

@media (min-width: 768px)
{
    html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #hcp-register .aem-GridColumn--offset--tablet--0:nth-child(11) .validation-message.required.invalid
{
    margin-left: -50px;
    max-width: 160px;
}
    html[lang="FR"] .cmp-container[role="pre-gate-container"] #hcp-register .options:nth-child(21) .cmp-form-options .validation-message
{
    margin-top: -14px;
}


}

/*@media only screen and (max-width: 479px) { */
/*        html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #onekey-login #hcp-register #cmp-registration-choices-title .cmp-tooltip {*/
/*        top: -518px;*/
/*    }*/
    
/*}*/

@media screen and (min-width: 651px) and (max-width: 767px) { 
        html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #onekey-login #hcp-register #cmp-registration-choices-title .cmp-tooltip {
        top: -320px;
    }
    
}
@media screen and (min-width: 550px) and (max-width: 767px) { 
        
    html[lang="FR"] #clinical-data .btn-blue.btn-annexa {
        margin: -86px auto 24px;
    }
}


@media screen and (min-width: 600px) and (max-width: 767px) { 
    
    html[lang="FR"] #logo-container.azcl-columns--2,
    html[lang="en"] #logo-container.azcl-columns--2
    {
        --col-count:1;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
    html[lang="FR"] .cmp-container[role="pre-gate-container"] #onekey-login #hcp-register #cmp-registration-choices-title .cmp-tooltip {
    top: -240px;
}
   html[lang="FR"] #header-container .topnavigation .cmp-topnavigation__group li
    {
         font-size:10px;
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .first-sec-flex-wrap,
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] #onekey-login .azcl-columns__base
    {
        padding:0px 20px;
    }
    html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .onekey-content-wrap {
    padding: 0px 7px 0px 7px;
}
html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] #login-button {
    padding: 5px 4px;
    font-size: 13px;
}
html[lang="FR"] #hcp-login .cmp-container[role="pre-gate-container"] .onekey-title {
   line-height: 27px;
    margin: 0px 0px 20px;
}

html[lang="FR"] #clinical-data .blue-sec-wrap .red-border-box .btn-blue {
    font-size: 10px;
}
html[lang="FR"] #safety-profile .blue-sec-wrap .red-border-box .btn-blue {
    font-size: 11px;
}
html[lang="FR"] #hcp-home .home-hero-button-wrap {
    margin-top: 32px;
}
html[lang="FR"] #hcp-registration .cmp-container[role="pre-gate-container"] #hcp-register select.cmp-form-options__field {
        height: 39px;
    }
    
    
}

@media screen and (min-width: 992px) and (max-width: 1023px) { 
   html[lang="FR"] #header-container .topnavigation .cmp-topnavigation__group li
    {
         font-size:12px;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 850px) { 
   html[lang="FR"] #safety-profile .red-border-box:nth-child(2) p.red-box-title.text-red,
   html[lang="FR"] #isp .red-border-box:nth-child(2) p.red-box-title.text-red,
   html[lang="FR"] #resources .red-border-box:nth-child(2) p.red-box-title.text-red,
   html[lang="FR"] #dosing .red-border-box:nth-child(2) p.red-box-title.text-red
   {
       margin-bottom:60px;
   }
   html[lang="FR"] #isp .blue-sec-wrap .red-border-box:nth-child(1) .btn-blue
   {
       padding: 10px 25px;
   }
    
}
@media screen and (min-width: 768px) and (max-width: 1199px) { 
   html[lang="FR"] .cmp-container[role="pre-gate-container"] #onekey-login #hcp-register #cmp-registration-choices-title .cmp-tooltip {
    top: -242px;
}
html[lang="FR"] .cmp-container[role="pre-gate-container"] #login-button {
    padding: 5px 2px;
}
    
}
@media only screen and (max-width: 599px){ 
   html[lang="FR"] .cmp-container[role="pre-gate-container"] div#onekey-login
   {
       padding: 48px 0px 70px;
   }
}

@media (min-width: 1920px){ 
   html[lang="FR"] #hcp-home .home-hero-button-wrap .btn-blue {
    padding: 11px 5px 11px;
}
}