/*override css*/
 
html[lang="fr"] .navbar .primary-navigation .nav.stacked-menu { max-width: 830px; } 
html[lang="fr"] .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper li.first-level-item a {font-size: 14px;}
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(2), 
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(3){max-width: 185px;/*max-width: 220px;*/} 
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(4){max-width: 250px;} 
html[lang="fr"] .navbar img.header-nav-logo {/*margin-top: 2px;*/}
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(5) {max-width: 160px; }
html[lang="fr"] .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(6) {max-width: 145px;padding-right: 0 !important;/*max-width: 130px;*/}
html[lang="fr"] .patient-page .navbar .primary-navigation .nav.stacked-menu {max-width: 580px;/*max-width: 570px;*/}
html[lang="fr"] .footer-text {max-width: 967px; }
html[lang="fr"] .patient-section-title {min-height: 70px;}

#patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img:hover,
#patient-resources .column-2 .newImage.section:nth-child(2) .hcp_img:hover,
#patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img:hover, 
#patient-resources .column-3 .newImage.section:nth-child(2) .hcp_img:hover,
#patient-resources .column-3 .newImage.section:nth-child(6) .hcp_img:hover,
#patient-resources .newImage.section .hcp_img:hover{content: '';}
/*404 error page*/ 
p.error-text {font-family: sans-serif;/* font-size: 14px; */}
/*sub, sup {font-size: 35% !important;line-height: 0;position: relative;vertical-align: baseline;top:-1.5em;}*/
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item.hidden-menu {display: block !important;}
html[lang="fr"] .navbar .top-header .navbar-brand {/*top: 55px;*/}
.fr-hcp .navbar .primary-navigation {min-height: 100px;}
.fr-patient .primary-navigation {min-height: 100px;}
 .fr-hcp .navbar img.header-nav-logo {margin-top: -20px !important;}
.fr-patient .navbar img.header-nav-logo {/*margin-top: -20px !important;*/}
.fr-patient .modal-header {display: none;}
.fr-patient .self-certification-holder .modal-body {/*width: 100%;padding: 0;max-width: 345px;padding-top: 55px;*//* padding-top: 56px; */}
.fr-patient .modal-footer{border-top: none !important;}
.fr-patient .patient-pregate-din .self-certify-yes.submit-btn {/*margin-top: 76px;width: 130px;background: #ff7600 !important;border-color: #ff7600 !important;
color: #fff;font-family: 'Poppins-SemiBold', sans-serif;font-weight: 600;border-radius: 30px;padding: 7px 5px 7px 5px;text-decoration: none;
font-size: 16px;font-style: normal;*/}
.fr-patient .modal-footer {border-top: none;text-align: left;padding-top: 0px;display: flex;flex-direction: column;max-width: 345px;padding: 0px;}
.fr-patient .form-control {border-radius: 10px;font-size: 16px;font-family: 'Poppins', sans-serif;color: #11446f;border-color: #11446f;border-radius: 8px;}
.hcp-pregate_license-section button#SOUMETTRE {background-color: rgb(255, 118, 0);color: #fff;boarder-radius: 20px;border-color: rgb(255, 118, 0);
border-radius: 50px;padding: 8px 17px;font-family: 'Poppins-SemiBold', sans-serif;font-size: 16px;font-weight: 600;width: 130px;font-style: normal;}
.fr-hcp .licence-information {font-size: 16px;font-family: 'Poppins', sans-serif;color: rgb(17, 68, 111);}
.fr-hcp .licence-information:after{content: '';position: absolute;background: #ff7600;height: 2px;left: 20px;right: 0;width: 6%;display: block;margin: 0px 0 0;}
.fr-hcp .self-certification-modal-footer .self-certify-yes.submit-btn {min-width: 160px;}


@media (min-width: 768px) and (max-width: 1199px){
    html[lang="fr"] .navbar .primary-navigation .nav.stacked-menu {max-width: 550px;margin: 25px 0 5px auto;}
    html[lang="fr"] .patient-page .navbar .primary-navigation .nav.stacked-menu{max-width: 500px;}
    html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(2), 
    html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(3) {max-width: 165px;padding: 0px 10px 0px 0px !important;}
    html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(4) {max-width: 185px;padding: 0px 10px !important;}
    html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(6) {max-width: 130px;padding: 0px 0px 0px 10px !important;}
    html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(5) {/*max-width: 120px;*/ }
    html[lang="fr"] .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) {top: -65px;  }
}
@media (min-width: 768px) and (max-width: 991px){
    html[lang="fr"] .patient-page .patient-section-title {min-height: 95px;}
    html[lang="fr"] .patient-page .hcp_p2.hcp-height-align {min-height: 100px;}
    
}
@media (min-width: 992px) and (max-width: 1199px){
    html[lang="fr"] .patient-page .hero_title {font-size: 50px;line-height: 55px;margin-top:0px;}
    html[lang="fr"] .patient-page .orange-line {max-width: 300px;margin: 30px 0;}
    html[lang="fr"] .patient-page .banner_sec_title {font-size: 28px;line-height: 36px;}
}
@media  (max-width: 767px){ 
    .hcp-login navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: inherit;}
    .hcp-registration navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: inherit;}
    html[lang="fr"] .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(6) {max-width: 100%; }
    html[lang="fr"] .navbar .top-header .navbar-brand {/*top: 0px;*/}
    html[lang="fr"] .navbar .top-header .navbar-brand .header-nav-logo-condensed {/*height: 60px;top: 26px;*//*margin-top: -89px;*/}
    html[lang="fr"] .hcp_download {margin: 0 auto;}
    html[lang="fr"] .hcp-title {font-size: 16px;font-style: normal;color: #fff;max-width: 220px;margin: 20px 65px;font-family: 'Poppins';}
    html[lang="fr"] .section-hcp-block a.hcp_download {text-align: center;margin: 0px auto;}
    .fr-hcp .navbar .primary-navigation, .fr-patient .primary-navigation {min-height: 0;}
    .fr-hcp .navbar-default .top-header .navbar-header .navbar-toggle,
    .fr-patient .navbar-default .top-header .navbar-header .navbar-toggle {display: none;}
    .fr-patient .patient-pregate-din .self-certify-yes.submit-btn {margin-top: 90px;}
}

.image-logo1 {max-width: fit-content !important;display: inline-block !important;}
.right-txt1 {max-width: 75% !important; display: inline-block !important; vertical-align: middle !important;}
#Register {border: 1px solid #ff7600 !important;border-radius: 25px !important;background-color: #ff7600 !important;padding: 12px 48px 13px 56px !important;
font-family: 'Poppins' !important;font-size: 16px !important;font-style:normal !important;text-transform: uppercase;font-weight:600;}
html[lang="fr"] #SECONNECTER {border: 1px solid #ff7600 !important;border-radius: 25px !important;background-color: #ff7600 !important;
padding: 12px 25px 13px 25px !important;font-family: 'Poppins' !important;font-size: 16px !important;font-style: normal !important;text-transform: uppercase;
font-weight: 600;}
/*padding: 12px 25px 13px 25px !important;font-family: 'Poppins' !important;font-size: 16px !important;font-style: normal !important;text-transform: uppercase;*/
/*font-weight: 600;}*/
.OrangeLine {font-weight: bold;position: relative;display: inline;}
.OrangeLine::after {content: "";display: block;width: 100%;height: 4px;background-color: orange;position: absolute;bottom: -8px;left: 0;}

/*french login and registration code*/
html[lang="fr"] .hcp-login .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a {
    margin: auto;min-width:0px;}
html[lang="fr"] .hcp-registration .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a {
    margin: auto;min-width:0px;}
html[lang="fr"] .hcp-login .navbar .primary-navigation .nav.stacked-menu {width: 100%;max-width: 230px;/*margin: 50px 0 5px auto;*/}
html[lang="fr"] .hcp-registration .navbar .primary-navigation .nav.stacked-menu {width: 100%;max-width: 230px;/*margin: 50px 0 5px auto;*/}
html[lang="fr"] .hcp-login .navbar img.header-nav-logo {margin-top: -10px;}
html[lang="fr"] .hcp-registration .navbar img.header-nav-logo {margin-top: -10px;}

@media (min-width: 768px){
/* overlay */
html[lang="fr"] #patient-resources .column-1 .newImage.section:nth-child(2) .hcp_img .image-navigation-link:hover:before {content:'';left: 0;top: 0;
background:url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfp-injection-overlay.png);background-size:100%;width: 100%;height: 100%;
position:absolute;z-index:1;} 
html[lang="fr"] #patient-resources .column-2 .newImage.section:nth-child(2) .hcp_img .image-navigation-link:hover:before {content:'';left: 0;top: 0;
background: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfs-injection-overlay.png);background-size:100%;height: 100%;width: 100%;
position:absolute;z-index:1;}
html[lang="fr"] #patient-resources .column-1 .newImage.section:nth-child(6) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;
background: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfp-journey-guide-overlay.png);background-size:100%;height: 100%;
position:absolute;z-index:1;}
html[lang="fr"] #patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;
background: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfs-journey-guide-overlay.png);background-size:100%;height: 100%;
position:absolute;z-index:1;} 
html[lang="fr"] #patient-resources .column-3 .newImage.section:nth-child(2) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;
background: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/patient-brochure-overlay.png);background-size:100%;height: 100%;
position:absolute;z-index:1;}
html[lang="fr"] #patient-resources .column-3 .newImage.section:nth-child(6) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;
background: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/patient-info-leaflet-overlay.png);background-size:100%;height: 100%;
position:absolute;z-index:1;} 
}

/* athentication-page mobile devices */
@media  (max-width: 767px){ 
    body.athentication-page .navbar-default .top-header .navbar-header .navbar-toggle,
    body.athentication-page .navbar .primary-navigation .nav.stacked-menu .first-level-item:nth-child(1) {display: none;}
    body.athentication-page div#top-nav.navbar-collapse.collapse {display: block;border-color:inherit;}
    body.athentication-page .navbar .primary-navigation .nav.stacked-menu {margin: 0px;display: flex;justify-content: space-between;}
    body.athentication-page .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(1),
    body.athentication-page .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(2){position: static;width: auto;margin: 15px 5px;display: block !important;} 
    body.athentication-page .primary-navigation .nav li.dropdown.first-level-item.visible-xs {display: none !important;}
    body.athentication-page .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a {min-width: 100px;}  
    body.athentication-page .navbar .primary-navigation {min-height: 70px;}
    body.athentication-page .hcp-pregate-title {font-size: 30px;line-height: 40px; margin-top: 1.5em;margin-bottom: 1em;text-align: center;}
    body.athentication-page .hcp-pregate_banner { margin-top: 100px;} 
    body.athentication-page .right-txt1 {max-width: 100% !important;padding: 20px 0px 0px;}
    body.athentication-page .hcp-pregate_license-section .ue-formfields-container, 
    body.athentication-page .hcp-pregate_license-section .form-row.form-widget.pro-teritery {width: 100%;}
    body.athentication-page .user-enrole .form-row.no-float {margin-bottom: 0px;}
    .en-patient .new-image .new-image-mobile {display: inline-block;margin:0px auto !important;/*margin: 10px 5px 5px -32px !important;*/}
    .en-patient .popup-image-new {max-width: 400px;width: 100%;}
    
    
    /* overlay */
    html[lang="fr"] #patient-resources .newImage.section .hcp_img .image-navigation-link:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfp-injection-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;} 
    html[lang="fr"] #patient-resources .column-2 .newImage.section:nth-child(2) .hcp_img .image-navigation-link:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfs-injection-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;}
    html[lang="fr"] #patient-resources .column-1 .newImage.section:nth-child(6) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfp-journey-guide-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;}
    html[lang="fr"] #patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/pfs-journey-guide-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;} 
    html[lang="fr"] #patient-resources .column-3 .newImage.section:nth-child(2) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/patient-brochure-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;}
    html[lang="fr"] #patient-resources .column-3 .newImage.section:nth-child(6) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/fr/patient/patient-info-leaflet-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;}
}

@media only screen and (max-width: 479px){ 
    html[lang="fr"] .fr-patient .patient-pregate-din .self-certify-yes.submit-btn {margin-top: 100px;}
}