/* common */
/*------------------------ Home - START ------------------------*/ 
.saphanelo-btn {
    background: #009FB8;
    min-height: 57px;
    width: 100%;
    max-width: 348px;
    color: #FFFFFF !important;
    font-family: Barlow Condensed;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 13px;
    text-decoration: none !important;
} 
.saphanelo-btn:hover{
    background: #fff !important;
    color: #009FB8 !important;
    box-shadow: 3px 3px 4px 0px #ccc;
}
.saphanelo-btn:active{
    background: #000 !important;
    color: #fff !important; 
    box-shadow: none;
}
.button-wrap {
    display: flex;
    max-width: 710px;
    justify-content: space-between;
    margin: 40px 0 200px;
    /*margin: 50px 0 200px;*/
} 
a.language-change-home {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #1B7284;
    font-family: helvetica-Neue-Regular;
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    cursor: pointer;
}
#login .aem-Grid.aem-Grid--default--12 #loginform > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0px;
    width: 100%;
}
#login .aem-Grid.aem-Grid--default--12 #loginform > .options.aem-GridColumn.aem-GridColumn--offset--default--1 {
    display: none;
}
/*------------------------ Home Login - ENDS ------------------------*/ 

/*------------------------ Navigation - STARTS ------------------------*/  
.topnav {
  overflow: hidden;
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
} 
.topnav a.navbar-brand {
    /*cursor: default;*/
}
.topnav a.navbar-brand img {
    max-width: 165px;
}
.topnav li a {
    display: block;
    color: #454545;
    text-align: center;
    padding: 0px;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Barlow Condensed';
    font-weight: 600;
    position: relative;
} 
.topnav li.last,
.topnav .icon {
  display: none;
} 
.top-menu-wrap {
    max-width: 1200px;
    margin: auto;
    text-align: right;
} 
ul.nav.navbar-nav.navbar-right {
    display: flex;
    max-width: 899px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
} 
ul#top-menu li {
    display: block;
} 
ul#top-menu a {
    color: #1B7284;
    font-size: 14px;
    line-height: 21px;
    font-family: helvetica-Neue-Regular;
}
ul#top-menu {
    display: flex;
    justify-content: end;
} 
ul#top-menu li+ li {
    border-left: 2px solid #1B7284;
    padding-left: 10px;
    margin-left: 10px;
} 
.topnav li a:after {
    content: '';
    background: #BB4889;
    height: 8px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -12px;
    opacity: 0;
} 
.topnav li a:hover:after {
    opacity: 1;
}

/*------------------------ Navigation - ENDS ------------------------*/ 


/*------------------------ Post gate footer - STARTS ------------------------*/ 
#pre-gate-footer[role="post-gate-footer"] {
    padding: 50px 0px;
}
#pre-gate-footer[role="post-gate-footer"] .footer-line-2 {
    /*max-width: 655px;*/max-width: 675px;
    margin: auto;
}
#pre-gate-footer[role="post-gate-footer"] .footer-logo-wrap {
    display: flex;
    max-width: 850px;
    margin: 30px auto 0px;
    justify-content: space-between;
    align-items: baseline;
}
#pre-gate-footer[role="post-gate-footer"] img.brand-logo {
    max-width: 181px;
}
#pre-gate-footer[role="post-gate-footer"] .footer-line-2 p{
    font-size: 16px;
    line-height: 24px;
} 
#pre-gate-footer[role="post-gate-footer"] .footer-container ul.footer-links a {
    font-size: 16px;
    line-height: 24px;
} 
/*------------------------ Post gate footer - ENDS ------------------------*/ 
 
/*------------------------ Safety information - ENDS ------------------------*/ 
.safety-content-wrap {margin-bottom: 70px;}
.safety-content-wrap p {margin-bottom: 15px;font-size: 16px;line-height: 20px;color: #454545;} 
.safety-content-wrap ul.safety-info-ul {font-size: 16px;line-height: 20px;margin-bottom: 15px;} 
.safety-content-wrap ul.safety-info-ul li {padding-left: 20px;position: relative;} 
.safety-content-wrap ul.safety-info-ul li:before {content: '';position: absolute;height: 3px;width: 3px;background: #454545;border-radius: 100%;left: 9px;top: 9px;} 
.safety-content-wrap p a {color: #454545;text-decoration: underline;} 
.safety-content-wrap ol {font-size: 16px;line-height: 20px;margin-bottom: 15px;} 
.safety-content-wrap ol li {padding-left: 0;position: relative;counter-increment: step-counter;margin-bottom: 10px;} 
.safety-content-wrap ol li:before {content: '1.';position: absolute;left: 0;top: 0;font-weight: 600;color: #454545; display:none;}
.safety-content-wrap ol li:nth-child(2):before {content: '2.'; } 
.safety-content-wrap p.ref-title {margin-top: 40px;}
body#login div#login-success a{opacity: 0;}

 /*------------------------ Safety information - ENDS ------------------------*/ 
 
 
/*----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- Responsive  ---------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
@media (min-width: 1201px){
    ul.nav.navbar-nav.navbar-right { 
        margin-right: 50px;
    }
    .cmp-video__player, .cmp-video__content { 
        padding: 0.5em 0em !important
    }
}
/*------------------------  Medium devices   ------------------------*/
@media (max-width: 1199px){
    #pre-gate-footer[role="post-gate-footer"] {
        padding: 50px 15px;
    }
}
 
/*------------------------  Navigation   ------------------------*/
@media (max-width: 991px) {
    .topnav.responsive {
        position: relative;
        display: block;    min-height: 395px;
    }
    li.close-icon.mobile-visible {display: block;}
    .topnav.responsive .icon {
        /*position: absolute;right: 15px;top: 18px;*/
    }
    .topnav a.icon:before, .topnav a.icon:after {content: '';height: 3px;width: 18px;background: #009FB8;position: absolute;border-radius: 10px;}
    .topnav a.icon:after {top: 6px;}
    .topnav a.icon .fa.fa-bars{display:none;}
    .topnav.responsive a {
        display: block;
        /*text-align: left;*/    text-align: center;
    } 
    .topnav a.icon {
        display: block;
        position: absolute;
        right: 30px;
        top: 45px;
        font-size: 26px;
        color: gray;z-index: 999;    width: 16px;
    } 
    .topnav.responsive ul.nav.navbar-nav.navbar-right {
        display: block;
        background: #00aeca;
        padding: 15px 15px 30px;position: absolute;top: 15px;
        /*padding: 10px;position: relative;top: -90px;*/
    }
    .navbar-header {
        /*padding-left: 10px;*/text-align: center; margin: 35px auto 5px;
    }
    ul#top-menu {
        /*display: flex; justify-content: end; position: absolute right: 27px;*/
        width: 100%; justify-content: center;    align-items: center;
    }
    ul.nav.navbar-nav.navbar-right, .topnav li a:after{
    /*,ul#top-menu li:nth-child(1) */
        display: none;
    }    
    /*ul#top-menu li+ li {*/
    /*    border-left: 0px;*/
    /*    width: 90px;*/
    /*    position: absolute;*/
    /*    margin-left: 0;*/
    /*    padding-left: 0;*/
    /*    right: 30px;*/
    /*    top: 10px;*/
    /*}    */
    ul#top-menu a {
        /*line-height: 14px;*/font-size: 12px;line-height: 12px;
    }     
    /*.topnav.responsive li.last{display: block;}*/
    .topnav.responsive li a {
        color: #fff;
        /*text-align: center;*/text-align: left;
    }    
    .topnav.responsive li + li {
        border-top: 1px solid #fff;
        margin-top: 10px;
        padding-top: 10px;
    }
    .topnav.responsive li.close-icon + li {border-top: 0px;padding-top: 0;}
    .topnav li.close-icon a.close-btn {display: flex;justify-content: space-between;width: 71px;margin: 0 0px 0 auto;font-size: 18px;z-index: 9999;}
}


/*------------------------  ipad   ------------------------*/
@media (min-width: 768px) and (max-width: 1024px){ 
    
}

/*------------------------  mobile   ------------------------*/
@media (max-width: 767px){
    .button-wrap {
        flex-direction: column;    margin: 40px 0 150px;
    }
    .button-wrap .saphanelo-btn {
        margin: 10px 0;
    }
    #pre-gate-footer[role="post-gate-footer"] { margin-top: 30px; padding: 10px 15px 0px;}
    #hcp-home #pre-gate-footer[role="post-gate-footer"] { margin-top: 10px;}
    #login .aem-Grid.aem-Grid--default--12 #loginform > .aem-GridColumn.aem-GridColumn--offset--default--1 {margin-left: 0px;width: 100%;}
    #loginform a.forgot-password {width: 145px;left: calc(100% - 130px);}
    .cmp-container[role="fr-main-container"] #loginform a.forgot-password {width: 160px;left: calc(100% - 150px);}
}

/*----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------  FR- css  ---------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/


/*------------------------  FR-Home and Register - Start  --------------------------------------------------*/
.cmp-container[role="fr-main-container"] .saphanelo-btn { 
    max-width: 390px;
}
.cmp-container[role="fr-main-container"] .button-wrap { 
    max-width: 800px; 
}
.cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .cmp-form-text label, 
.cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register legend.cmp-form-options__legend label,
.cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register legend.cmp-form-options__legend{
    width: 275px; 
}
.cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .cmp-form-text__text,
.cmp-container[role="fr-main-container"] #hcp-register select{
    width: calc(100% - 275px);
}

/*.cmp-container[role="fr-main-container"] .cmp-formcontainer .cmp-form-text .showErrMsgContainer .empty-field,*/
.cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .validation-message, 
.cmp-container[role="fr-main-container"] .cmp-formcontainer .cmp-form-text .showErrMsgContainer{
    margin-left: 275px; font-size: 14px;
}
/*.cmp-container[role="fr-main-container"] .footer-logo-wrap { */
/*    max-width: 430px;    margin: 30px auto 0px;*/
/*}*/
.cmp-container[role="fr-main-container"] #hcp-register .login-one-key-wrap .onekey-content p.onekey-subtitle{
        max-width: 670px;
}
/*------------------------  FR-Home and Register - Ends  ---------------------------------------------------*/


/*------------------------  FR-HCP-Home - Start ------------------------------------------------------------*/
.cmp-container[role="fr-main-container"] ul.nav.navbar-nav.navbar-right { 
    max-width: 920px; 
}
.cmp-container[role="fr-main-container"] .topnav li a { 
    font-size: 16px; 
}
body#hcp-home .cmp-container[role="fr-main-container"] .moa-txt-4 .moa-container-green-lines { 
    max-width: 900px; 
}
body#hcp-home .cmp-container[role="fr-main-container"] #moa-botton-txt p.Hlink-3 a.nav-text {
    padding: 34px 90px 34px 125px;
}
body#hcp-home .cmp-container[role="fr-main-container"] #moa-botton-txt p.Hlink-3 span.block-text { 
    max-width: 890px; 
} 
/*.cmp-container[role="fr-main-container"] .footer-logo-wrap img.imc-logo {*/
/*    max-width: 50px;*/
/*}*/
/*.cmp-container[role="fr-main-container"] #pre-gate-footer[role="post-gate-footer"] .footer-logo-wrap { */
/*    max-width: 700px;*/
/*}*/
/*------------------------  FR-HCP-Home - Ends  ------------------------------------------------------------*/


/*------------------------  FR-MOA and FR-Safety-profile-Start  --------------------------------------------*/

.cmp-container[role="fr-main-container"] .moa-txt-1{
    max-width:855px;
    
}
.cmp-container[role="fr-main-container"] .moa-txt-4{
    padding: 30px 20px;
    
}
.cmp-container[role="fr-main-container"] .safety-txt-2{
    line-height:22px;
}
/*------------------------  FR-MOA and FR-Safety-profile-end   ----------------------------------------------*/

 
.cmp-container[role="fr-main-container"] #efficacy-graph-1-txt p:last-child {
    max-width: 300px;
    text-transform: uppercase;
}
.cmp-container[role="fr-main-container"] #resources-section-one .azcl-column-par3 .resources-boxtext {
    max-width: 220px;
}
.cmp-container[role="fr-main-container"] .resources-contact-font {
    max-width: 250px;
}
/*----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- Responsive  ---------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/


@media (min-width: 1201px){ 
   .cmp-container[role="fr-main-container"] .resources-contact-font {min-height: 60px; } 
}
/*------------------------  mobile   ------------------------------------------------------------------------*/
@media (max-width: 767px){
    
    /* HCP home */
    body#hcp-home .cmp-container[role="fr-main-container"] #moa-botton-txt p.Hlink-3 a.nav-text {
        /*padding: 30px 60px 30px 25px;*/padding: 7px 30px 7px 70px;
    }
    .cmp-container[role="fr-main-container"]  ul#top-menu li+ li { 
        /*width: 80px; */width: 110px;
    }
    .cmp-container[role="fr-main-container"]  ul#top-menu li{min-height: 40px;    width: calc(100% - 165px);}
    .cmp-container[role="fr-main-container"] .topnav a.icon { top: 50px; }
    /*.cmp-container[role="fr-main-container"] .footer-logo-wrap img.imc-logo { */
    /*    margin: 20px auto;*/
    /*}*/
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .cmp-form-text label, 
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register legend.cmp-form-options__legend label, 
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register legend.cmp-form-options__legend,
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .cmp-form-text__text, 
    .cmp-container[role="fr-main-container"] #hcp-register select {
        width: 100%;
    }
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .validation-message, 
    .cmp-container[role="fr-main-container"] .cmp-formcontainer .cmp-form-text .showErrMsgContainer {
        margin-left: 0px;
    }
    #home-hero-container #home-hero-title p,
    .cmp-container[role="fr-main-container"] .resources-contact-font {
        max-width: 100%;
    }
    .cmp-container[role="fr-main-container"] #hcp-register select, #hcp-register select {
        min-height: 36px !important; height: 36px !important;
    }
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register legend.cmp-form-options__legend{
        min-height: auto !important;
    }
    html[lang="fr"] .exit-ramp-modal .modal__close {
        top: 40px;
    }
    .cmp-container[role="fr-main-container"] #resources-section-one .azcl-column-par3 .resources-boxtext {
        max-width: 100%;
    }
    #hcp-home #home-hero-container.azcl-columns--2{--col-count: 1;}
}


/* Error pages */
#home h2.error-title {color: #009FB8;font-family: 'Barlow Condensed';font-weight: bold;font-size: 35px;line-height: initial;}
#home a.back-to-home {font-family: 'Barlow Condensed';font-size: 24px;line-height: 30px;margin-bottom: 80px;display: inline-block;}
#home p.error-text {font-family: 'Barlow';font-size: 20px;line-height: 26px;margin-bottom: 25px;}