/* ------------------------------------- Common Styles ----------------------------------------- */
body {
    font-family: "NeueHaasUnicaPro", sans-serif;
    overflow-x: hidden;
}

.mainconatiner {
    max-width: 1500px;
    margin: 0 auto;
}

.lineBreakSpan {
    display: block;
}
/*-------------------------------------- FLoating Button Styles starts here --------------------------------------*/
.floatingButton {
    /*width: 20%;*/
}

    .floatingButton:hover {
        /*background-color: #4C81FF;*/
        transition-duration: 0.25s;
        /*cursor: pointer;*/
    }

.floatingButton_Mobile {
    display: none;
}

.adverseEventText {
    margin-bottom: 0px;
    /*transform: translate(0%, 13%);*/
    text-align: right;
    cursor: pointer;
}

.adverseEventReporting_Text {
    background-color: #EE4900;
    display: inline-block;
    padding: 1px 10px 2px;
    border-radius: 6px 0px 0px 6px;
    position: relative;
    font-size: 13px;
    /*left: 10px;
    top: 14%;*/
}

.adverse_desktop {
    /*position: absolute !important;*/
    line-height: 22px;
    /*width:65%;*/
    /*left: -16% !important;*/
}

.navigationLinks, .navigationLinks:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.adverseEventReporting {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(http://dev.bcellpartners.abbvienet.com/images/librariesprovider8/navigation-icons/adverEventReporting.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: -5px;
}

/*--------------------------------------- FLoating Button Styles ends here ---------------------------------------*/

/* ------------------------------------- Top navigation and Menu Block Styles starts here ----------------------------------------- */
.topBlock_NavContainer {
    background-color: #071d49;
}

.pharmacyclicLogo {
    width: 100%;
    height: 100%;
    background-image: url(../../sf-images/librariesprovider5/BCellPartners/pharmacyclics-logo.tmb-0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.jansonLogo {
    width: 100%;
    height: 100%;
    background-image: url(../../sf-images/librariesprovider5/BCellPartners/janssen-logod7b8a56d98c76d07af0bff050084fe7e.tmb-0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.topNavHeading {
    text-align: right;
    height: 50px;
}

.topNavLogo {
    height: 50px;
}

.topNavIcon {
    margin: auto 10px auto 0px;
}


.navigationLinks:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.topNavigationLinks {
    color: #414E57;
    text-decoration: none;
    line-height: 16px;
    margin: auto;
}

.nav_Bar_Container {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navListItems {
    display: flex;
    /* align-items: stretch; */
    /* justify-content: space-between; */
    /*width: 82%;*/
    margin: 0;
    padding: 0px;
}

    .navListItems li {
        padding: 8px 5px;
        width: 14%;
        margin-right: 0px !important;
        vertical-align: middle;
        text-align: left;
        display: flex;
        justify-content: center;
    }

.topBlock_MenuContainer {
    padding: 0px;
    margin: 0px;
    background: #EEEFF1;
    /*display: flex;*/
}

.menuIconBlock {
    display: none;
}

.ic_MenuImage {
    width: 20px;
    height: 100%;
    background-image: url(http://dev.bcellpartners.abbvienet.com/images/librariesprovider8/navigation-icons/ic_Menu.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.navBarButton {
    color: white;
    transition-duration: 0.25s;
    font-size: 14px;
    min-width: 12%;
    flex-grow: 1;
}

    .navBarButton:hover {
        background-color: #4C81FF;
        transition-duration: 0.25s;
        cursor: pointer;
    }

        .navBarButton:hover .topNavigationLinks {
            color: #FFFFFF;
            text-decoration: none;
        }

    /* icons images for nav bar ( Both for hover and default) */
    .navBarButton .navigationIconImg {
        vertical-align: middle;
        background-size: contain;
        display: inline-block;
        height: 30px;
        width: 33px;
    }
.ic_Spn3, .ic_Spn5 { /*we need some gap b/w MSL Icon and Text and DSE Icon and Text in menu so added below style*/
    margin-left: 5px;
}

.ic_Spn6 { /*congres icon*/
    margin-top: 3px;
}

/* .adverseEventReporting
{
    margin: 0 6px 0 0;
    font-size: 18px;
    vertical-align: text-bottom;
} */
/* ------------------------------------- Top navigation and Menu Block Styles ends here ----------------------------------------- */
/* ------------------------------------- Banner Container Styles starts here ----------------------------------------- */

.banner_Container {
    color: white;
    position: relative;
}

.heroBanner {
    /* max-width: 100%; */
    width: 100%;
}

.bannerOverlayHeading, .bannerOverlayDescription {
    margin: 0 auto;
}

.bannerOverlayHeading {
    font-size: 40px;
    font-weight: 800;
    width: 90%;
    color: #071D49;
    text-shadow: #ffffff 1px 0px 10px;
}

.bannerOverlayDescription {
    font-size: 20px;
    font-weight: 600;
    width: 68%;
    color: #000000;
}

.bannerBlock_OverlayContent {
    width: 90%;
    left: 5%;
    right: 5%;
    top: 25%;
    text-align: center;
    position: absolute;
    color: white;
}

.carousel img {
    height: 400px;
    width: 100%;
}

.carousel-inner .carousel-item {
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
}

.covidUpdateBlock {
    width: 100%;
    text-align: center;
    background-color: #C8CED6;
    border-right: 1px solid #C8CED6;
    color: #414E57;
    font-size: 14px;
    padding: 7px;
    margin-bottom: 0px;
}

.latestUpdateText {
    font-size: 14px;
    color: #071D49;
    background-color: #C8CED6;
    font-weight: bold;
}

.covid19UpdateLink, .covid19UpdateLink:hover {
    color: #071D49;
    text-decoration: underline;
    font-weight: 500;
}
/* ------------------------------------- Banner Container Styles ends here ----------------------------------------- */

/* ------------------------------------- Body Container Styles Starts here ----------------------------------------- */
.sticky-div {
    z-index: 1;
}

.body_FooterContainer {
    width: 90%;
    margin: 0 auto;
}

.footer_CardBlock {
    padding: 30px 10px;
}

.cardInnerBlock {
    margin: 2px;
    border: 1px solid lightgray;
    overflow: hidden;
    position: relative;
    height: 100% !important;
}

.bodyNavigationLinks {
    height: 100%;
}

    .bodyNavigationLinks:hover {
        text-decoration: none;
    }

.cardIcon {
    width: 70px;
    height: 70px;
    margin: auto 10px;
    display: inline-block;
    vertical-align: middle;
}

.cardText {
    margin: auto 15px;
    flex-grow: 1;
    /*width: 70%;*/
    font-size: 21px;
    font-weight: 500;
    color: darkblue;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.cardActiveView {
    width: 100%;
    display: flex;
    /*position: absolute;*/
    padding: 35px 10px;
    display: inline-block;
    text-align: center;
}

.cardActiveHover {
    width: 100%;
    left: -140%;
    height: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    padding: 35px 10px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.cardActiveHover {
    background-color: blue;
}

.cardInnerBlock:hover .cardActiveHover {
    left: 0;
}

.cardActiveHover .cardText {
    color: white;
}

.cardActiveHover .cardIcon {
    position: relative;
    left: -5%;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.cardActiveHover .cardIcon, .cardActiveView .cardIcon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.cardActiveHover .cardIcon, .cardActiveHover .cardText {
    opacity: 0.5;
}

.cardActiveView {
    left: 0px;
    height: 100%;
    background-color: white;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.body_FooterContainer .row {
    margin-right: 0px;
    margin-left: 0px;
}

#cardInnerBlock_active_1:hover .cardActiveView, #cardInnerBlock_active_2:hover .cardActiveView, #cardInnerBlock_active_3:hover .cardActiveView {
    left: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cardInnerBlock:hover .cardActiveHover .cardText {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 1;
}

.cardInnerBlock:hover .cardActiveHover .cardIcon {
    left: 0px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    opacity: 1;
}

.formAsteriskSymbol {
    color: #FF4E00;
    top: -2px;
    font-size: 13px;
}

/* ------------------------------------- Body Container Styles ends here ----------------------------------------- */
/* ------------------------------------- Footer Container Styles Starts here ----------------------------------------- */
.footer_Container {
    background: #071D49;
}

    .footer_Container .container-fluid {
        margin-right: 0px;
        margin-left: 0px;
    }

.footerNavigationLinks {
    color: white;
    font-weight: 100;
    text-decoration: none;
}

    .footerNavigationLinks:hover {
        color: white;
        text-decoration: underline;
    }

.footerContentBlock {
    font-size: 14px;
    margin: 5px auto;
}

.footerContentLeft {
    text-align: left;
    color: white;
    font-weight: 100;
}

    .footerContentLeft p {
        margin: 10px auto;
    }

.footerContentRight ul {
    margin: auto 0px;
}

    .footerContentRight ul li {
        border-right: 1px solid white;
        padding: 0px 5px 0px 0px;
        margin-right: 0px !important;
    }

    .footerContentRight ul .privacyPolicyLink {
        border-right: none;
    }

.footerContentRight {
    text-align: right;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
/* ------------------------------------- Footer Container Styles ends here ----------------------------------------- */

/* ------------------------------------- PopUp Style Starts here --------------------------------------------------- */
.popUp_Radio, .popUp_Radio_1, .custom-checkbox, .custom-control-label::before {
    border-radius: 1rem;
}

/*.custom-checkbox .custom-control-label::before {
    top: 0px;
}

.custom-control-label::after {
    top: 0px;
}*/

.NonUSCheckBox, .PreClinicalCheckBox, .popUp_Radio_1, .popUp_Text_Section1, .popUp_Radio {
    display: none;
    padding: 0rem 0.5rem;
    margin-top: 10px;
}

.popUpButton_Section {
    display: flex;
    text-align: center;
    margin-top: 20px;
}

    .popUpButton_Section input {
        width: 25%;
        font-size: 18px;
        padding: 5px 0px;
        border-radius: 5px;
        border: none;
        text-align: center;
        font-weight: 400;
        text-shadow: none;
    }

.popUpBtn_EnterBlock {
    width: 100%;
    text-align: center;
}

.enter_Btn, .Proceed_Btn {
    margin-right: 5px;
    background-color: #071d49;
    color: white;
}

    .enter_Btn:hover, .Proceed_Btn:hover {
        background-color: #004BFF;
    }

.buttonDisabled {
    opacity: 0.4;
    background-color: #071d49;
    cursor: default;
}

    .buttonDisabled:hover {
        opacity: 0.4;
        background-color: #004BFF;
        cursor: default;
    }
/* ----------------------------*/
.popUp_outer {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.PopUpContentBlock {
    width: 50%;
    font-weight: 500;
    margin: 0 auto;
    border-radius: 17px;
    font-size: 13px;
    color: #414E57;
    background-color: white;
    position: fixed;
    z-index: 9999;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    /* left: calc(50% - 400px); */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.popUp_TopLogoBlock {
    padding: 0.75rem 2rem 0.75rem 2rem;
    /*background-color: #071d49;*/
    background-color: #0000000a;
    border-bottom: 2px solid #071d49;
    border-radius: 17px 17px 0px 0px;
    display: flex;
}
.popUp_CloseButton {
    border: 1px solid black;
    background: none;
    border-radius: 6px;
    height: 19px;
    color: #071d49;
}
.popUpBodyContent, .popUpBodyContent1 {
    padding: 0rem 2rem 2rem 2rem;
    border-radius: 0px 0px 17px 17px;
}

.pharmacyclicMainLogo {
    height: 100%;
    width: 100%;
    background-image: url(../../sf-images/librariesprovider5/BCellPartners/pharmacyclics-logo.tmb-0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.jansonLogo_popUp {
    width: 240px;
    height: 42px;
    /*background-image: url(/sf-images/librariesprovider5/BCellPartners/janssen-logod7b8a56d98c76d07af0bff050084fe7e.tmb-0.png);*/
    background-image: url(../../sf-images/librariesprovider5/BCellPartners/JJ_Logo_SingleLine_Red_RGB.tmb-0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.pharmacyclics_logoBlock {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.popUp_Text_Section, .popUp_Text_Section1 {
    padding: 0.5rem 0.5rem 0rem 0.5rem;
}

    .popUp_Text_Section p {
        margin-bottom: 15px;
        margin-top: 10px;
        font-size: 16px;
        text-align: left;
    }
    .popUp_Text_Section1 p {
        margin-bottom: 15px;
        margin-top: 10px;
        font-size: 16px;
        text-align: left;
    }

.popUpRadioText {
    font-size: 16px;
    /*color: #414E57;*/
}

.healthCareProf_text {
    margin-top: 20px;
    font-weight: bold;
    color: #414E57;
}

.popUpButton_Section {
    padding-right: 15px;
    padding-left: 15px;
}


/* Janssen PopUp Section */
.janssenPopUpBlock, .imbruvikaPopUpBlock {
    display: none;
    width: 40%;
    margin: 0 auto;
    border-radius: 17px;
    font-size: 16px;
    color: #414E57;
    background-color: white;
    position: fixed;
    z-index: 9999;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.janssenPopUP_Heading, .imbruvikaPopUP_Heading {
    margin-top: 20px;
    font-weight: bold;
    color: #414E57;
    font-size: 18px;
}

.imbruvikaPopUP_Heading {
    margin-top: 45px !important;
}

.janssen_PopUpLink, .janssen_PopUpLink:hover, .imbruvika_PopUpLink, .imbruvika_PopUpLink:hover {
    color: #4D81FF;
    font-weight: bold;
    text-decoration: underline;
    text-shadow: none;
    font-size: 18px;
}

.pharmacyclics_PopUpLink, .pharmacyclics_PopUpLink:hover {
    color: #4D81FF;
    font-weight: bold;
    text-decoration: underline;
    text-shadow: none;
}

.janssenPopUpButton_Section, .imbruvikaPopUpButton_Section {
    display: flex;
    text-align: center;
    margin-top: 25px;
}

.imbruvikaPopUpButton_Section {
    margin-top: 45px !important;
}


.popUpBtn_OkBlock {
    width: 50%;
    text-align: right;
}

.popUpBtn_CancelBlock {
    width: 50%;
    text-align: left;
}

.janssenPopUpButton_Section input, .imbruvikaPopUpButton_Section input {
    font-size: 18px;
    width: 35%;
    padding: 5px 0px;
    border-radius: 5px;
    text-align: center;
    text-shadow: none;
}

.ok_Btn {
    float: right;
    margin-right: 5px;
    background-color: #071d49;
    color: white;
    border: 2px solid transparent;
}

    .ok_Btn:hover {
        background-color: #004BFF;
    }

.cancel_Btn {
    float: left;
    background-color: #ffffff;
    border: 2px solid #B3B6B8;
    color: #666791;
}

    .cancel_Btn:hover {
        border: 2px solid #B3B6B8;
    }
/* ------------------------------------- PopUp Style ends here --------------------------------------------------- */

/*------------------------------------------- Mobile specific styling stars here ---------------------------------------------------- */
/*@media (max-width: 1262px) and (min-width: 1148px) {
    .adverse_desktop {
        left: -30% !important;
    }
}*/

@media (max-width: 1087px) and (min-width: 991.99px) {
    .adverse_desktop {
        font-size: 11px;
        /*line-height: 25px;
        left: -30% !important;*/
    }

    .topNavigationLinks {
        font-size: 13px !important;
    }
}

@media (max-width: 991.98px) {
    .adverse_desktop {
        /*left: -30% !important;*/
        line-height: 17px;
        top: 18%;
    }
}

@media (min-width: 1522.4px) {
    .adverse_desktop {
        /*left: 3% !important;*/
    }
}

@media (max-width: 1200px) and (min-width: 1119.99px) {
    .cardText {
        font-size: 18px;
    }
}

@media (min-width: 991.99px) and (max-width: 1119.98px) {
    .cardText {
        font-size: 15px;
    }

    .cardActiveView, .cardActiveHover {
        padding: 35px 5px;
    }
}

@media (max-width: 991.98px) {
    /*---------------- Top Nav block ----------------*/
    .topNavigationLinks {
        font-size: 10px;
        line-height: 12px;
    }

    .navListItems {
        padding: 0px;
    }
    /* .adverseEventText { top: 15%; } */
    .navigationLinks {
        font-size: 14px;
    }

    .adverseEventText {
        /*transform: translate(0%, 50%);*/
    }

    .adverseEventReporting_Text {
        font-size: 9px;
        vertical-align: middle;
        padding: 1px 10px;
    }

    .adverseEventReporting {
        width: 24px;
        height: 24px;
    }

    .topNavIcon {
        margin: auto 2px;
    }

    /*---------------- Banner block ----------------*/
    .bannerOverlayHeading {
        font-size: 30px;
    }

    .bannerOverlayDescription {
        font-size: 15px;
    }


    /*---------------- Body Sliding Card Block ----------------*/
    .cardText {
        margin: auto 5px;
        width: 70%;
        font-size: 15px;
    }

    .cardInnerBlock:hover .cardActiveHover {
        display: none;
    }

    .cardIcon {
        width: 50px;
    }

    .cardActiveView, .cardActiveHover {
        padding: 35px 5px;
    }

    .footer_CardBlock {
        padding: 30px 5px;
    }

    #cardInnerBlock_active_1:hover .cardActiveView, #cardInnerBlock_active_2:hover .cardActiveView, #cardInnerBlock_active_3:hover .cardActiveView {
        left: 0;
    }

    .cardInnerBlock:hover .cardActiveHover .cardText, .cardInnerBlock:hover .cardActiveHover .cardIcon {
        opacity: 0;
    }

    /*---------------- Footer CopyRightts Block ----------------*/
    .footerContentRight ul, .footerContentLeft p {
        font-size: 12px;
    }

    .footer_Container .container-fluid {
        margin: 0px;
    }
    /*------------------------popUp Block -----------------------*/
    .PopUpContentBlock {
        width: 75%;
    }
    /*delete later*/

}

@media (max-width: 800px) {
    /*---------------- Banner block ----------------*/
    .bannerOverlayHeading {
        font-size: 25px;
        padding-bottom: 20px;
    }
    /*---------------- Body Sliding Card Block ----------------*/
    .cardText {
        font-size: 11px;
    }

    .cardIcon {
        width: 50px;
    }
}

@media (max-width: 768.98px) {
    /*---------------- Top Nav block ----------------*/
    .topNavHeading, .topNavLogo {
        max-width: 100%;
        text-align: center;
        margin-bottom: 4px;
    }

    .nav_Bar_Container {
        padding-bottom: 0px;
    }
    /* .adverseEventText { top: initial; } */
    .topNavLogo {
        float: initial;
    }

    .pharmacyclicLogo, .jansonLogo {
        width: 100%;
    }

    .menuIconBlock {
        display: block;
        height: 50px;
    }

    .topNavHeading {
        text-align: right;
    }

    .topBlock_MenuContainer {
        padding: 0px;
        display: none;
        transition: width 0.1s ease 0s;
    }

    .ic_MenuImage {
        width: 20px;
    }

    .floatingButton {
        display: none;
    }

    .floatingButton_mobile {
        display: block;
        /*text-align: right;
        transform: translate(0%, 25%);*/
    }

    .adverseEventText_mobile .adverseEventText {
        transform: translate(0%, 40%);
    }

    .adverseEventText_mobile .adverseEventReporting_Text {
        font-size: 12px;
    }

    .adverseEventText_mobile .adverseEventReporting {
        width: 30px;
        height: 31px;
    }

    .navListItems {
        display: inline-grid;
        align-items: initial;
        justify-content: initial;
        width: 100%;
    }

        .navListItems li {
            display: initial;
            /* text-align: center; */
            border-bottom: 1px solid grey;
            width: 100%;
            padding-left: 25px;
        }

    .lineBreakSpan {
        display: inline;
    }

    .topNavigationLinks {
        font-size: 12px;
    }

    /*---------------- Banner block ----------------*/
    .bannerOverlayHeading, .bannerOverlayDescription {
        width: 100%;
    }

    .footer_CardBlock {
        max-width: 33.33%;
    }

    /*---------------- Body Sliding Card Block ----------------*/

    /*---------------- Footer CopyRightts Block ----------------*/
    .footerContentBlock {
        max-width: 50%;
    }

    /*---------------- PopUp Block ----------------*/
    /* .pharmacyclicMainLogo { width: 85%; } */

    .PopUpContentBlock {
        width: 90%;
    }
    /*delete later*/

    .janssenPopUpButton_Section input, .imbruvikaPopUpButton_Section input {
        width: 50%;
    }

    .janssenPopUpBlock, .imbruvikaPopUpBlock {
        width: 80%;
    }
}

@media (max-width: 600px) {
    /*---------------- Top Nav block ----------------*/

    /*---------------- Body Sliding Card Block ----------------*/
    .body_FooterContainer {
        width: 70%;
        margin: 10px auto;
    }

    .footer_CardBlock {
        max-width: 100%;
        padding: 10px 5px;
        box-shadow: 1px 2px 10px lightgrey;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /*---------------- Footer CopyRightts Block ----------------*/
    .footerContentBlock {
        max-width: 100%;
        display: inline-block;
        text-align: center;
    }

    .footer_Container {
        padding-bottom: 20px;
    }

    /*---------------- PopUp Block ----------------*/
    .PopUpContentBlock, .janssenPopUpBlock, .imbruvikaPopUpBlock {
        width: 90%;
    }

    .imbruvikaPopUpBlock, .popUpBodyContent, .popUpBodyContent1 {
        height: 160px;
    }

    .popUpBodyContent, .popUpBodyContent1 {
        padding: 5px 10px;
        height: 230px;
        overflow: auto;
    }

    .popUp_Text_Section p, .popUp_Text_Section1 p, .popUpRadioText, .janssenPopUpBlock, .imbruvikaPopUpBlock, .janssenPopUpButton_Section input, .imbruvikaPopUpButton_Section input, .popUpButton_Section input {
        font-size: 14px;
    }

    .janssenPopUP_Heading, .imbruvikaPopUP_Heading {
        font-size: 16px;
    }
}

@media (max-width: 540px) {

    /*---------------- Banner block ----------------*/
    .bannerOverlayHeading {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .bannerOverlayDescription {
        font-size: 13px;
    }

    .latestUpdateText, .covidUpdateBlock {
        font-size: 12px;
    }
    /* ----------------- popUp Block ----------------- */
    .janssen_PopUpLink, .janssen_PopUpLink:hover {
        overflow-wrap: break-word;
    }
}

@media (max-width: 450px) {

    /*---------------- Top Nav block ----------------*/
    .navigationLinks {
        font-size: 11px;
    }

    .pharmacyclicLogo, .jansonLogo {
        width: 100%;
    }

    .adverseEventText_mobile .adverseEventReporting_Text {
        font-size: 11px;
    }

    /*---------------- Banner block ----------------*/
    .bannerOverlayHeading {
        font-size: 17px;
        padding-bottom: 4px;
    }

    .bannerOverlayDescription {
        font-size: 12px;
    }

    .latestUpdateText, .covidUpdateBlock {
        font-size: 11px;
    }

    /*---------------- Body Sliding Card Block ----------------*/
    .body_FooterContainer {
        width: 80%;
    }

    /*---------------- PopUp Block ----------------*/
    .pharmacyclicMainLogo {
        width: 100%;
    }

    .imbruvika_PopUpLink, .imbruvika_PopUpLink:hover {
        overflow-wrap: break-word;
    }

    .janssenPopUpButton_Section input, .imbruvikaPopUpButton_Section input {
        width: 100%;
        font-size: 16px;
    }

    .janssenPopUP_Heading, .imbruvikaPopUP_Heading {
        font-size: 13px;
    }

    .janssenPopUpBlock, .imbruvikaPopUpBlock {
        font-size: 13px;
    }

    .popUp_Text_Section p, .popUp_Text_Section1 p, .popUpRadioText, .janssenPopUpButton_Section input, .imbruvikaPopUpButton_Section input {
        font-size: 13px;
    }
}

@media (max-width: 380px) {

    /*---------------- Top Nav block ----------------*/
    .adverseEventReporting::before {
        width: 15px;
        height: 15px;
    }

    .navigationIconImg {
        width: 15px;
    }

    .ic_MenuImage {
        width: 15px;
    }

    .bannerOverlayHeading {
        padding-bottom: 5px;
    }

    .pharmacyclicLogo, .pharmacyclicMainLogo, .jansonLogo {
        width: 100%;
        height: 40px;
        background-position: center;
    }

    .pharmacyclicMainLogo, .jansonLogo_popUp {
        width: 100%;
        height: 40px;
        background-position: center;
    }

    .topNavHeading, .topNavLogo {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .adverseEventText_mobile .adverseEventReporting_Text {
        font-size: 9px;
    }

    /*---------------- Banner block ----------------*/

    .latestUpdateText, .covidUpdateBlock {
        font-size: 10px;
    }

    /*---------------- Body Sliding Card Block ----------------*/
    .cardText {
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    /*---------------- Top Nav block ----------------*/
    .bannerOverlayHeading {
        font-size: 13px;
    }

    .bannerOverlayDescription {
        font-size: 10px;
    }

    /*---------------- Banner block ----------------*/


    /*---------------- Body Sliding Card Block ----------------*/
    .cardIcon {
        width: 40px;
    }

    .cardText {
        font-size: 12px;
    }
}

@media (max-width: 350px) {
    /*---------------- Top Nav block ----------------*/
    .bannerOverlayHeading {
        font-size: 13px;
    }

    .bannerOverlayDescription {
        font-size: 10px;
    }

    /*---------------- Banner block ----------------*/

    .latestUpdateText, .covidUpdateBlock {
        font-size: 9px;
    }

    /*---------------- Body Sliding Card Block ----------------*/
    .cardIcon {
        width: 40px;
    }

    .cardText {
        font-size: 12px;
    }

    /* ---------------PopUp Block Media Styling---------------- */

}
.alternate-map-link {
    height: 35px;
    max-width: 240px;
}
.alternate-map-link:hover {
    color: #23527c;
    text-decoration: underline;
    cursor: pointer;
}

    .alternate-map-link:focus {
        color: #23527c;
        text-decoration: underline;
    }

.alternate-map-text {
    display: flex;
    flex-direction: column;
    position: relative;
    left: 10%;
    height: 90px;
}

.list-unstyled {
    width: 110%
}