/*PDF Loader custom css.*/
#pdfLoader {
    overflow-y: hidden;
}

.intl-tel-input {
    display: none !important;
}

#MNumberFormatMessage {
    display: none;
}

#AltNumberFormatMessage {
    display: none;
}

#PPNumberFormatMessage {
    display: none;
}

#PasswordUserNameMatchValidate {
    display: none;
}

#PostalCodeFormatMessage {
    display: none;
}

#ConsentRequiredMessage {
    display: none;
}

#HCPPPNumberFormatMessage {
    display: none;
}
#PSecondaryContactPhoneNumberFormatMessage {
    display: none;
}

#AlternatePrimaryContactPhoneNumberFormatMessage {
    display: none;
}

.pdfObject {
    width: 100%;
    height: 700px;
    border: none;
    background: white;
    overflow-y: hidden;
    position: relative;
    /*z-index: 1;*/
}

.mlg-selected {
    color: #495057 !important;
    width: 100%;
}

.mlg-not-selected {
    color: #AAB0B3;
    width: 100%;
}

/*.li-selected select.focus {
    color: #495057 !important;
}*/

.fl-select select.focus, .fl-select select.filled, .fl-select select.success, .fl-select select.error {
    color: #2B3A42;
}

.grecaptcha-badge {
    display: none;
}

.cover {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.cp {
    z-index: 2;
}

.cs {
    margin-top: -5px;
}

    .cs input {
        border-radius: 0;
    }

    .cs .dd {
        border: none;
        border-bottom: #AAB0B3 1px solid;
        border-radius: 0;
        outline: none;
        width: 100% !important;
        padding: 0;
    }

        .cs .dd * {
            border-radius: 0 !important;
        }

        .cs .dd .divider {
            border: none;
        }

        .cs .dd .ddTitle {
            width: 100% !important;
            padding: 3px 0 2px 0;
        }

            .cs .dd .ddTitle .ddTitleText {
                padding-top: 0px;
                padding-bottom: 0px;
            }

        .cs .dd .ddChild {
            border: 1px solid #CCC;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
            height: auto !important;
            max-height: 300px !important;
            top: 25px !important
        }

            .cs .dd .ddChild li {
                padding: 5px 10px;
                border: none;
            }

                .cs .dd .ddChild li.hover,
                .cs .dd .ddChild li.selected {
                    background-color: rgba(0, 0, 0, 0.05);
                }

        .cs .dd .ddArrow:hover {
            background-position: 100% 0;
        }

.dd .ddChild {
    width: 100% !important;
}

.dd {
    width: inherit !important;
    height: inherit !important;
}

.divider {
    display: none !important;
}

.ddTitleText {
    padding: 5px 20px 5px 15px !important;
    color: #AAB0B3;
}

._msddli_ .ddlabel {
    font-weight: normal !important;
    white-space: pre !important;
    min-height: 1.2em !important;
    padding: 0px 12px 1px !important;
}

._msddli_ {
    border-bottom: 1px solid #ffffff !important
}

.hover {
    background-color: #0079ff !important;
}

.ddcommon ul {
    padding-left: 0px !important;
}

.dd .ddChild li img {
    padding: 0 0 0 12px !important;
}

.dd .ddChild li {
    padding: 0px 0px 4px 3px !important;
}

#CountrySelected_msdd {
    height: 53px !important;
    border: 1px solid #99979c !important;
    font-size: 1rem !important;
    align-items: center !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
}

#CountrySelected_child {
    top: 46px !important;
}

#PreferredLanguageSelected_msdd {
    height: 53px !important;
    border: 1px solid #99979c !important;
    font-size: 1rem !important;
    align-items: center !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
}

#PreferredLanguageSelected_child {
    top: 46px !important;
    height: 53px !important;
}

.ddcommon.disabledAll {
    opacity: 1 !important;
    background-color: #e9ecef !important;
}

/*select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/Assets/Registries/Website/Common/IconImages/dd_arrow.gif) no-repeat;
	display: inline-block;
	top: 50%;
	right: 4px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
}*/

.backgroundHeaderColor {
    background-color: #d6d6d6 !important;
}

.anchorDisabled {
    pointer-events: none;
    cursor: default;
}

.ii-verify:before {
    content: "";
}

.ii-verify {
    color: #bd1914;
}


.column-text {
    word-break: break-word !important;
}

    .column-text.speciality {
        word-break: break-word !important;
    }

.form-group.has-error label.radio {
    color: #333;
}

.formatMsg {
    display: none;
}

/* roche UI update */

/* confirm box */

#confirmOverlay {
    padding: 10px !important
}

    #confirmOverlay #confirmBox {
        font-family: "Roboto", sans-serif !important;
        background: white !important;
        width: auto !important;
        max-width: 675px !important;
        border: none !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        position: unset !important;
        left: auto !important;
        top: auto !important;
        margin: 0 auto !important
    }

        #confirmOverlay #confirmBox h1 {
            font-family: "Roboto", sans-serif !important;
            font-weight: 700;
            font-size: 1rem;
            overflow-wrap: break-word;
            letter-spacing: normal !important;
            border-top-left-radius: 5px !important;
            border-top-right-radius: 5px !important;
            background: none !important;
            background-color: #1F8C8D !important;
            text-align: center !important;
            color: white !important;
            padding: 10px 15px !important;
            text-shadow: none !important;
        }

@media (min-width: 768px) {
    #confirmOverlay #confirmBox h1 {
        font: bold 1.2rem "Roboto",sans-serif !important
    }
}

#confirmOverlay #confirmBox p {
    background-color: white !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
    padding: 0 15px !important;
    text-shadow: none !important;
    line-height: 20px !important;
}

#confirmOverlay #confirmBox a {
    color: #5589ae;
}

#confirmOverlay #confirmBox #confirmButtons {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: center
}

    #confirmOverlay #confirmBox #confirmButtons .button {
        font-family: "Roboto", sans-serif !important;
        font-size: 0.8rem !important;
        font-weight: 700 !important;
        background: none !important;
        text-shadow: none !important;
        background-color: #5589ae !important;
        color: white !important;
        height: auto !important;
        text-decoration: none !important;
        border: none !important;
        border-radius: 5px !important;
        margin-right: 15px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        border-color: #5589ae !important;
    }

        #confirmOverlay #confirmBox #confirmButtons .button:hover {
            background-color: #5589ae !important;
            background-color: #8bb1cb !important;
            border-color: #5589ae !important
        }

        #confirmOverlay #confirmBox #confirmButtons .button span {
            display: none !important
        }

        #confirmOverlay #confirmBox #confirmButtons .button.gray {
            background-color: transparent !important;
            color: #5589ae !important;
        }


/* galaxy fold fixes */

.navbar-brand img {
    max-width: 200px;
}

.iqradio-iqcheck-mb2 .iq-radio:nth-last-child(2) {
    margin-top: 10px;
}

.g-recaptcha {
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    -o-transform: scale(0.93);
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    -webkit-transform-origin: 0 0;
    transform-origin: 0;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.77,M12=0,M21=0,M22=0.77,SizingMethod='auto expand');
}


.add-new-activity .modal-header .close,
.reschedule .modal-header .close {
    right: 25px;
    top: 25px;
}

.reschedule .modal-header h2 {
    color: white;
}

.needs-validation a {
    font-weight: 300;
    display: inline-block;
    margin-top: 2px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #5488ad;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #5488ad;
}

.acc .card-header {
    padding: 0;
}

    .acc .card-header .btn.btn-link {
        display: block;
        width: 100%;
    }

    .acc .card-header .btn.btn-link {
        display: block;
        width: 100%;
        padding: 1rem 1rem 1rem 3rem;
    }

        .acc .card-header .btn.btn-link::after {
            left: 23px;
        }

        .acc .card-header .btn.btn-link::before {
            left: 8px;
        }

.acc .collapse.show, .acc .collapsing {
    border-top: #5488ad 1px solid;
}

#confirmOverlay #confirmBox p {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    text-align: center !important;
    text-shadow: none !important;
    background-color: white !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: #333 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 20px !important;
}


/* PP-9433 */

.nav2 .navbar-nav {
    margin-right: 0;
    padding-right: 8px;
}

#confirmOverlay #confirmBox h1 {
    display: none;
}

#confirmOverlay #confirmBox p {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    text-align: center !important;
    text-shadow: none !important;
    background-color: white !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: #333 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 20px !important;
}

/* abbvie oriahnn update */

@media (max-width: 576px) {

    ol > li, ol > li > a, p > a {
        word-break: break-word;
    }

    .header-reset .col-6 {
        padding-left: 10px;
    }

    .header-reset .back-to-login .fa {
        font-size: 16px;
        margin-right: 2px;
        padding-top: 10px;
    }

    .header-reset .back-to-login > * {
        vertical-align: bottom;
        font-size: 12px;
    }

    .modal-dialog .modal-header .modal-title {
        font-size: 1.7rem;
    }

    .modal-dialog .modal-header .close {
        font-size: 2rem;
    }

    .add-new-activity .modal-header .close, .reschedule .modal-header .close {
        right: 30px;
        top: 30px;
    }

    .gj-picker.gj-picker-bootstrap {
        left: 10px !important;
    }
}

.steps .container .step.active {
    border-color: #5488ad;
    color: #5488ad;
}

.gj-picker.gj-picker-bootstrap {
    max-width: 260px;
}



/* Abbvie Oriahnn PP-9847 New UI changes */


.jumbotron.welcome .lead {
    font-size: 16px;
}

.jumbotron.welcome .hero-desc {
    font-size: 14px;
}

.navbar-brand {
    padding-top: 0;
}

.btn-hero {
    width: 230px;
}

.home-content-image {
    padding-right: 0;
    padding-left: 0;
}

    .home-content-image img {
        width: 100%;
        /*min-height: 230px;*/
    }

.contact-buttons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 0px !important;
    width: auto;
    margin-top: 15px;
    margin-bottom: 10px
}

    .contact-buttons li {
        display: inline;
        padding-left: 0 !important;
    }


.btn-menu {
    background-color: white;
    color: #006ab5;
    border: solid 1px #006ab5;
    font-size: 17px;
}

    .btn-menu:hover, .btn-menu:active, .btn-menu:focus {
        color: #fff;
        background-color: #006ab5;
        border: none;
        text-decoration: none;
    }

.btn-contact {
    background-color: white;
    color: #006ab5;
    border: solid 1px #006ab5;
}

    .btn-contact:hover, .btn-contact:active, .btn-contact:focus {
        color: #fff;
        background-color: #006ab5;
        border: solid 1px #006ab5;
        text-decoration: none;
    }

.btn-register {
    color: #006ab5;
    border: solid 1px #006ab5;
}

    .btn-register:hover, .btn-register:active, .btn-register:focus {
        color: #fff;
        background-color: #006ab5;
        border: solid 1px #006ab5;
        text-decoration: none;
    }

@media (min-width: 992px) {

    .contact-buttons {
        margin-top: 10px;
    }

    .btn-menu {
        background-color: #006ab5;
        color: white;
        border: none;
        font-size: 12px;
    }

        .btn-menu:hover, .btn-menu:active, .btn-menu:focus {
            color: #fff;
            background-color: #5488ad;
            border: none;
            text-decoration: none;
        }
}



.nav1 .navbar-nav > .nav-item .nav-link {
    padding-left: 4px;
}

@media (min-width: 768px) {
    .jumbotron.welcome {
        min-height: 420px;
    }
}

@media (min-width: 992px) {
    .jumbotron.welcome {
        min-height: 350px;
    }
}

.media {
    flex-flow: column;
}

@media (min-width: 992px) {

    h2.nav-sections {
        font-size: 36px;
    }

    .nav1 .navbar-nav > .nav-item {
        padding-left: 0;
        margin-right: 5px;
    }

        .nav1 .navbar-nav > .nav-item .nav-link {
            padding-left: 4px;
            padding-right: 4px;
            font-size: 12px;
        }

    .nav2 .navbar {
        padding-top: 0.25rem;
    }

    .nav2 {
        background-color: #395373;
        color: white;
    }

        .nav2 .navbar-nav > .nav-item .nav-link {
            color: white;
        }

        .nav2 .call {
            width: auto;
            padding-right: 0;
            margin-top: 2px;
            margin-right: 0.5em;
            font-size: 10px;
        }

        .nav2 .navbar-nav > .nav-item:not(:last-child)::after {
            content: "|";
            display: inline-block;
            margin-left: 0.5em;
            margin-right: 0.5em;
            color: #9B9B9B;
        }



    .contact-buttons {
        margin-top: 7px;
        padding-left: 10px !important;
    }

    .bg-gd-1 {
        background: linear-gradient(to right, #fff 50%, #f2f2f2 50%);
        border-bottom: rgba(151, 151, 151, 0.2) 1px solid;
    }

    .bg-gd-2 {
        background: linear-gradient(to right, #f2f2f2 50%, #fff 50%);
        border-bottom: rgba(151, 151, 151, 0.2) 1px solid;
    }

    .bg-full-grey {
        background-color: #f2f2f2;
        border-bottom: rgba(151, 151, 151, 0.2) 1px solid;
    }

    .bg-full-white {
        background-color: #fff;
        border-bottom: rgba(151, 151, 151, 0.2) 1px solid;
    }

    .media {
        flex-flow: row;
    }

    .content-media {
        max-width: 260px;
        margin-bottom: 0;
    }
}

.content-media {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .bg-col-white {
        background-color: white;
    }

    .bg-col-gray {
        background-color: #f2f2f2;
    }
}

.content-link {
    display: block;
    margin-bottom: 15px;
    position: relative;
}

    .content-link::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f105";
        font-size: 20px;
        margin-left: 7px;
        display: inline-block;
        top: -3px;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }


.rounded-bg {
    height: 50px;
    width: 50px;
    background-color: #06c;
    border-radius: 50%;
    display: inline-flex;
    color: white;
    padding: 14px 21px;
    font-size: 18px;
    margin-right: 15px;
}

.rounded-bg-text {
    display: inline-flex;
    flex-flow: row;
    font-size: 18px;
}

.btn-white {
    background-color: white;
    color: #06c;
}

.btn-transparent {
    background-color: transparent;
    color: white;
}


/* login page */
/*.content-navigation {
    background-color: white;
}

@media (min-width: 992px) {
    .content-navigation {
        background-color: rgba(186,186,186,0.22);
    }
}

.content-navigation a {
    color: #395373;
    text-decoration: none;
}

    .content-navigation a:hover,
    .content-navigation a:focus,
    .content-navigation a:active {
        font-weight: bold;
    }

.content-navigation .navbar-nav .nav-link {
    display: inline-block;
}

.content-navigation .navbar-nav > .nav-item:not(:last-child)::after {
    content: "|";
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: #395373;
} */
/*
.content-navigation {
    background-color: rgba(186,186,186,0.22);
}

    .content-navigation a {
        color: #395373;
        text-decoration: none;
        font-size: 0.9rem;
    }

        .content-navigation a:hover,
        .content-navigation a:focus,
        .content-navigation a:active {
            font-weight: bold;
        }

    .content-navigation .navbar-expand .navbar-nav {
        flex-direction: column;
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

@media (min-width: 991px) {
    .content-navigation .navbar-expand .navbar-nav {
        flex-direction: row;
    }
}

.content-navigation .navbar-nav > .nav-item:not(:last-child)::after {
    display: none;
}

@media (min-width: 1199px) {

    .content-navigation .navbar-nav > .nav-item:not(:last-child)::after {
        content: "|";
        display: inline-flex;
        margin-left: 0.5em;
        margin-right: 0.5em;
        color: #395373;
    }
}

.content-navigation .navbar-nav .nav-link {
    display: inline-block;
}*/


.content-navigation {
    background-color: rgba(186,186,186,0.22);
}

    .content-navigation a {
        color: #395373;
        text-decoration: none;
        font-size: 0.9rem;
    }

        .content-navigation a:hover,
        .content-navigation a:focus,
        .content-navigation a:active {
            font-weight: bold;
            color: #395373;
        }

    .content-navigation .navbar-expand .navbar-nav {
        /* flex-direction: column; */
        padding-right: 0.4rem;
        padding-left: 0.4rem;
        flex-wrap: wrap;
    }

@media (min-width: 992px) {
    .content-navigation .navbar-expand .navbar-nav {
        flex-direction: row;
    }
}


.content-navigation .navbar-nav > .nav-item:not(:last-child)::after {
    content: "|";
    display: inline-flex;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    color: #395373;
}


.content-navigation .navbar-nav .nav-link {
    display: inline-block;
}




.part-login {
    background: linear-gradient(to right, #5488ad 50%, #fff 50%);
}

    .part-login .login-col-left {
        background-color: #5488ad;
    }

    .part-login .login-col-right {
        background-color: #fff;
    }

.bg-col-white {
    background-color: white;
}

.bg-col-gray {
    background-color: #f2f2f2;
}

.how-do-i-common.bg-secondary-light {
    background-color: #5488ad !important;
}




.section-resources {
    background: #fff;
    position: relative;
    z-index: 1;
}

.resources-navigation {
    text-align: center;
    padding-bottom: 36px;
}

    .resources-navigation .dropdown {
        width: 264px;
        margin: 0 auto;
    }

        .resources-navigation .dropdown button,
        .resources-navigation .dropdown button:focus,
        .resources-navigation .dropdown button:active {
            width: 100%;
            text-align: left;
            border: 1px solid #D9D9D9;
            border-radius: 5px;
            background-color: #FFFFFF;
            color: #333;
            outline: none !important;
            box-shadow: none !important;
        }

            .resources-navigation .dropdown button:after {
                right: 14px;
                top: 18px;
                font-size: 21px;
                position: absolute;
            }

        .resources-navigation .dropdown .dropdown-item {
            padding-left: 15px;
            cursor: pointer;
        }

            .resources-navigation .dropdown .dropdown-item:hover {
                cursor: pointer;
            }

    .resources-navigation .dropdown-menu {
        margin-top: -1px;
    }

    .resources-navigation .item.active {
        background-color: #FFFFFF;
        color: #000000;
        font-weight: bold;
    }

    .resources-navigation .dropdown-item.active, .resources-navigation .dropdown-item:active {
        background-color: #f8f9fa;
    }

    .resources-navigation .item {
        text-align: center;
        min-width: 260px;
        display: inline-block;
        border: 1px solid #D9D9D9;
        margin: 0 -3px;
        padding: 12px 11px 11px;
        background: #F8F9FB;
        color: #999999;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        transition: 0.3s;
    }

        .resources-navigation .item:hover {
            cursor: pointer;
            background-color: #FFFFFF;
            color: #000000;
            font-weight: bold;
        }

    .resources-navigation.mobileScreen {
        display: none;
    }

    .resources-navigation select {
        color: #333333;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 20px;
        padding: 15px;
    }

.resources-header {
    text-align: center;
}

    .resources-header h2 {
        color: #333;
        font-size: 36px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 42px;
        text-align: center
    }

    .resources-header p a {
        font-weight: bold;
    }

        .resources-header p a:hover, .resources-header p a:focus, .resources-header p a:active {
            color: #9E1F63;
            text-decoration: underline;
        }

.resources {
    background: rgba(186,186,186,0.22);
    padding: 38px 0;
}

    .resources .tabGroup-flex {
        display: none !important;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }

        .resources .tabGroup-flex.active {
            display: flex !important;
        }

.resources-content .item {
    display: block;
    width: 22%;
    flex: 0 0 22%;
    max-width: 25%;
    margin-right: 12px;
    margin-left: 12px;
    border-radius: 6px;
    padding: 20px 50px;
    text-align: center;
    background: #fff;
    min-height: 156px;
    box-shadow: 0 4px 4px 4px rgba(0,0,0,0.04);
    transition: all .3s;
    margin-bottom: 30px;
    position: relative;
}

    .resources-content .item:after {
        content: '\f019';
        font-family: "Font Awesome 5 Free";
        position: absolute;
        bottom: 17px;
        right: 9px;
        display: block;
        font-weight: 900;
        color: #787A7D;
    }

    .resources-content .item:hover, .resources-content .item:active, .resources-content .item:focus {
        box-shadow: 0 4px 4px 4px rgba(0,0,0,0.1);
        text-decoration: none;
    }

    .resources-content .item h4 {
        color: #333333;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 22px;
        text-align: center
    }

    .resources-content .item i {
        display: inline-block;
        padding-bottom: 11px;
        color: #333333;
        font-family: "Font Awesome 5 Free";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 24px;
        display: block;
        margin: 0 auto;
    }

.resources-footer {
    padding-top: 31px;
    text-align: center
}

    .resources-footer a {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 20px;
        display: inline-block;
    }

    .resources-footer i {
        display: inline-block;
        font-size: 20px;
        line-height: 21px;
    }

@media (max-width:1199px) {
    .resources-content .item {
        padding: 20px 20px;
    }

    .resources-content .item {
        margin-right: 8px;
        margin-left: 8px;
        margin-bottom: 15px;
        padding: 20px 10px;
        width: 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}

@media (max-width:991px) {
    .resources-content .item {
        margin-right: 8px;
        margin-left: 8px;
        margin-bottom: 15px;
        padding: 20px 10px;
        width: 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

        .resources-content .item:after {
            display: block;
        }

    .resources-navigation.mobileScreen {
        display: block
    }

    .resources-navigation.wideScreen {
        display: none
    }
}

@media (max-width:767px) {
    .resources .tabGroup-flex.active {
        display: block !important;
    }

    .resources-content .item {
        margin: 0 auto 15px;
        padding: 20px 10px;
        width: 264px;
        display: block;
        max-width: 264px;
    }

        .resources-content .item:after {
            display: block;
        }
}

/* register a patient form css */
.form-wrapper {
    padding-top: 4px;
    padding-bottom: 90px;
    box-shadow: 0 4px 4px 4px rgba(0,0,0,0.04);
}

.form-navigation {
    padding-top: 16px;
    padding-bottom: 40px;
}

.form-navigation-button {
    border: 1px solid #ECECEC;
    border-radius: 5px;
    cursor: pointer;
    background-color: #FFFFFF;
    float: left;
    width: auto;
    min-height: 41px;
    padding: 5px 11px;
    color: #4A4A4A;
}

    .form-navigation-button span {
        display: inline-block;
        padding-left: 8px;
        font-size: 18px;
        letter-spacing: 0;
        color: inherit;
    }

    .form-navigation-button i {
        font-size: 22px
    }

.form-navigation-patient {
    min-width: 147px;
}

.form-navigation-hcp {
    min-width: 214px;
}

.form-navigation-button:hover, .form-navigation-button:focus, .form-navigation-button:active {
    cursor: pointer;
    border-color: #1F8C8D;
    background-color: #F6F9FD;
    color: #1F8C8D;
}

.form-navigation-button.active {
    border-color: #1F8C8D;
    background-color: #F6F9FD;
    color: #1F8C8D;
}

.form-navigation .form-navigation-patient {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.form-navigation .form-navigation-hcp {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.mobileLineBreaker {
    display: none;
}

@media (max-width:991px) {
    .form-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:576px) {
    .mobile-fluid {
        width: 100%;
        max-width: 100%;
    }

    .form-wrapper {
        box-shadow: none;
        margin-left: -15px;
        margin-right: -15px;
    }

    .form-navigation-button {
        float: none;
        display: inline-block;
    }

    .mobileLineBreaker {
        display: block;
    }

    .form-navigation-button {
        display: inline-block !important;
        min-width: 220px;
        margin-bottom: 10px;
    }

    .form-wrapper legend {
        position: relative;
    }

        .form-wrapper legend:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 5px;
            background: #F2F2F2;
            left: 0;
            top: -23px;
        }

    .form-navigation {
        padding-bottom: 0;
    }
}

.how-do-i-common .ii {
    color: white;
}

.how-do-i-common h2 {
    font-size: 36px;
}

#eligibilitycriteria .media {
    align-items: center;
    justify-content: center;
}

.mobile-heading {
    background-color: #5488ad;
}

.nav1 .navbar-nav > .nav-item.active {
    font-weight: bold;
}

.content-points-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
}

#btnDownloadAll::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f019";
    font-size: 20px;
    color: #333;
    margin-right: 8px;
    display: inline-block;
    top: -3px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn-with-arrow::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-size: 20px;
    color: white;
    margin-left: 8px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

.btn-with-arrow:hover {
    color: white;
    text-decoration: underline;
}

.ReferredBy:hover, .HCPEmailAddress:hover, .PatientHeardAboutRegistryVia:hover, .HCPName:hover, .HCPNPINumber:hover, .HCPPhoneNumber:hover, .IsHCPMobileNumber:hover {
    cursor: not-allowed;
}

.HCPEmailAddress {
    margin-top: 8px;
}

.nav-home-tab {
    background-color: #5488ad;
}


/* updated styles */

.nav-profile-tab {
    background-color: white;
    box-shadow: 0 4px 4px 4px rgba(0,0,0,0.04);
    border: 1px solid #E9E9E9;
}

    .nav-profile-tab .form-control {
        height: 41px;
        border: 1px solid #d9d9d9;
    }

    .nav-profile-tab .form-group {
        margin-bottom: 15px;
    }

.needs-validation .text-end {
    padding-left: 0;
    font-size: 14px;
    font-weight: normal;
}

.needs-validation .iq-checkbox label {
    font-size: 14px;
}

.box {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.rounded-bg {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: #06c;
    border-radius: 50%;
    color: white;
    padding: 10px 18px;
    font-size: 24px;
    margin-right: 15px;
}

.rounded-bg-text {
    font-size: 18px;
    margin-top: 5px;
}

@media (min-width: 992px) {
    .cp-list {
        display: flex;
        width: 100%;
    }

    .box {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .rounded-bg-text {
        font-size: 18px;
        margin-top: 0;
    }
}

@media all and (-ms-high-contrast:none) {

    /* IE10 */
    *::-ms-backdrop, .rounded-bg {
        min-width: 50px;
        min-height: 50px;
        display: inline-block;
        background-color: #9E1F63;
        border-radius: 50%;
        color: white;
        padding: 10px 18px;
        font-size: 24px;
        margin-right: 15px;
    }
    /* IE11 */
}

.HCPonly .form-control.disabled {
    color: #B0AEAE;
}

.needs-validation .link-fp {
    display: inline-block;
    margin-top: 2px;
    font-weight: 100;
}

@media (min-width: 992px) {
    .nav2 .navbar-nav > .nav-item:nth-child(4)::after {
        content: " ";
        display: inline-block;
    }

    .nav2 .navbar-nav > .nav-item:nth-child(5)::after {
        content: " ";
        display: inline-block;
    }
}

/* HCP-View/Registry-Details */

.header-reset, .drop-shadow {
    box-shadow: none;
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 40px;
    }
}

.input-group-tel .input-group-prepend.disabled > .input-group-text {
    background-color: #f7f7f7;
    color: #B0AEAE;
    border-color: #f7f7f7;
}

.page-title.large {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.page-title {
    margin-bottom: 1rem;
}

    .page-title h1, .page-title h4 {
        margin-bottom: 1rem;
    }


@media (max-width: 991px) {
    .nav1 .navbar-nav {
        width: 100%;
    }

    .loggedIn {
        border-top: solid #bbb 1px;
        padding-top: 10px;
        margin-top: 15px;
    }

    .mobile-tabs .nav-tabs {
        border-bottom: none;
        padding-top: 10px;
        margin-bottom: 10px;
    }

        .mobile-tabs .nav-tabs .nav-link#nav-home-tab {
            color: #5488ad;
            border: 1px solid white;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            background-color: white;
            font-size: 18px;
            font-weight: 600;
        }

        .mobile-tabs .nav-tabs .nav-item.show .nav-link#nav-home-tab {
            color: #5488ad;
            background-color: white;
            border-color: transparent;
            text-decoration: none;
        }

        .mobile-tabs .nav-tabs .nav-link#nav-home-tab.active {
            text-decoration: none;
            border-bottom: solid 8px #5488ad;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
            color: #5488ad;
        }

        .mobile-tabs .nav-tabs .nav-link#nav-profile-tab {
            color: #0053a6;
            border: 1px solid white;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            background-color: white;
            font-size: 18px;
            font-weight: 600;
        }

            .mobile-tabs .nav-tabs .nav-link#nav-profile-tab.active {
                text-decoration: none;
                border-bottom: solid 8px #0053a6;
                border-bottom-right-radius: 6px;
                border-bottom-left-radius: 6px;
                color: #0053a6;
            }

        .mobile-tabs .nav-tabs .nav-item.show .nav-link#nav-profile-tab {
            color: #0053a6;
            background-color: white;
            border-color: transparent;
            text-decoration: none;
        }
}

.mobile-content .container {
    padding-right: 0;
    padding-left: 0;
}


/* QCC login: hcp-referrer-tab in patient edit page*/

.form-control.HCPName,
.form-control.HCPNPINumber,
.form-control.HCPPhoneNumber,
.form-control.HCPEmailAddress {
    background-color: white;
    color: #C5c5c5;
    font-weight: 100 !important;
    border: solid 1px #C5c5c5;
}

#HCPPhoneNumberFlag span {
    color: #C5c5c5;
}

#HCPPhoneNumberFlag .input-group-text {
    border-color: #C5c5c5;
}

.hcp-referrer-tab .iq-checkbox input[type="checkbox"] ~ label::before,
.hcp-referrer-tab .communicationtype label,
.hcp-referrer-tab .label-disabled {
    color: #C5c5c5;
}

.hcp-referrer-tab .iq-radio input[type="checkbox"] ~ label::before,
.hcp-referrer-tab .iq-checkbox input[type="checkbox"] ~ label::before {
    content: "\f0c8";
    color: #C5c5c5;
}


.hcp-referrer-tab label {
    color: #757575;
}

#HCPPPNumberFormatMessage {
    display: none;
}

.tab-body.profile-tab.mb-4.hcp-refferer-tab .iq-radio input[type="checkbox"]:checked ~ label::before,
.tab-body.profile-tab.mb-4.hcp-refferer-tab .iq-checkbox input[type="checkbox"]:checked ~ label::before,
.tab-body.profile-tab.mb-4.hcp-refferer-tab .iq-checkbox input[type="checkbox"] {
    content: "\f14a";
    color: #C5c5c5;
}



.tab-body.profile-tab.mb-4.hcp-refferer-tab .iq-radio label,
.tab-body.profile-tab.mb-4.hcp-refferer-tab .iq-checkbox label {
    color: #C5c5c5;
}

@media (max-width: 320px) {
    .btn-lg, .btn-group-lg > .btn {
        padding: 0.4rem 0.4rem;
    }
}

@media (min-width: 992px) {
    .nav2 .navbar-nav > .nav-item:nth-child(5)::after {
        display: none;
    }

    .nav2 .call {
        margin-right: 0;
    }

    .nav2 .navbar-nav {
        padding-right: 0;
    }
}


h2 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
}

h4.text-white.crimson {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.5;
}

.jumbotron.welcome {
    background-position: -201px center;
    min-height: 398px;
    padding: 8px 0;
    background-size: contain;
}

    .jumbotron.welcome p {
        font-family: "Roboto", sans-serif;
        color: white;
        font-style: normal;
    }

@media (max-width:991px) {
    .jumbotron.welcome {
        background-position: -201px center;
        min-height: 425px;
        padding: 8px 0;
        background-size: cover;
    }
}

a[href^="tel:"] {
    display: inline-block;
}

/* floating button */
/* floating footer button */

.footer-button {
    background-color: white;
    border-top: solid 2px #06c;
}

    .footer-button .btn-reg-patient {
        color: white;
        border: solid 1px white;
    }

        .footer-button .btn-reg-patient:hover {
            background-color: white;
            color: #06c;
            border: solid 1px #06c;
        }

.btn-outline-some-blue {
    color: #006ab5;
    border-color: #006ab5;
}

    .btn-outline-some-blue:hover, .btn-outline-some-blue:active, .btn-outline-some-blue:focus {
        color: #fff;
        background-color: #006ab5;
        border-color: #006ab5;
    }

.text-primary {    
    color: #06c !important;
}

.btn-primary {
    color: #fff;
    background-color: #06c;
    border-color: #06c;
}
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus {
        color: #fff;
        background-color: #0053a6;
        border-color: #004d99;
    }

    .btn-jumbo:hover,
    .btn-jumbo:active,
    .btn-jumbo:focus {
        color: black;
        background-color: white;
        border: 1px solid #979797;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    }

.btn-outline-some-blue {
    color: #06c;
    border-color: #06c;
}

.border-primary {
    border-color: #06c !important;
}

.bg-primary-light {
    background-color: #ecf3fc !important;
}

.back-to-top {
    position: fixed;
    bottom: 20vh;
    right: 15px;
    display: none;
    z-index: 9999;
    color: white;
    border-radius: 9px;
    font-size: 12px;
    background-color: #5488ad;
    border-color: #5488ad;
}

    .back-to-top:hover, .back-to-top:active, .back-to-top:focus {
        background-color: white;
        text-decoration: none;
        border-color: #5488ad;
        color: #06c;
    }

    .back-to-top .fa-chevron-up {
        margin-right: 10px;
    }