/* fonts */
@import url(/common/css/roboto.css);

/* basic page items */
body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #6d6e71;
    background: #fff;
    font-variant-ligatures: no-common-ligatures;
}

html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

h1, .h1 {
    font-size: 2.25rem;
}

h2, .h2 {
    font-size: 1.75em;
}

h3, .h3 {
    font-size: 1.25em;
}

h4, .h4 {
    font-size: 1.0em;
}

h5, .h5 {
    font-size: 1.0em;
}

h6, .h6 {
    font-size: 1.0em;
}

h3.brandColorBlue {
    color: #1C355e;
}

ul li {
    line-height: 1.25rem;
    margin: 10px 0;
}

    ul li span {
    }

body.modal-open {
    overflow: hidden !important;
    height: 100vh;
}

.headline-primary {
    font-size: 2.25rem;
}

.headline-secondary {
    font-size: 1.75rem;
    color: #174a7c;
    font-weight: 300;
}

    .headline-secondary.bold {
        font-weight: 400;
    }

.headline-tertiary {
    font-size: 1.25rem;
    color: #780032;
    font-weight: 300;
}

.headline-quaternary {
    font-size: 1.5rem;
    color: #174a7c;
}

ul.bullet.blue {
    color: #1c355e;
}

ul.bullet.red {
    color: #780032;
}

ul.bullet li span {
    color: #6d6e71
}

ul.bullet.dash {
    list-style-type: none;
}

    ul.bullet.dash li:before {
        content: "\2013";
        margin-left: -1rem;
        padding-right: 6px;
    }

/* Special character instead of bullets
    ul ul {padding: 0;}
    ul ul li {list-style: none;}
    ul ul li:before {content: "-"; padding-right: 10px;}
*/

/* video start  */
video {
    display: block;
    width: 100%;
    border: 1px solid #6d6e71;
    cursor: pointer;
    box-sizing: border-box;
}

.video-js {
    width: 100%;
    height: 264px;
}

.dosing-administration-cidp .video-js {
    height: 211px;
    border: none;
}

.video-section {
    width: 100%;
}

.video-js-height {
    height: 240px;
}

.video-js-height-guidlines {
    height: 540px;
}

.video-js-height-safety {
    height: 289px;
}

.video-Annette {
    margin-top: 20px;
}

.video-Lynne {
    margin-bottom: 20px;
}

.video-flexibility {
    height: 361px;
    margin: auto;
    max-width: 640px;
}

.personalized-dosing {
   width:100%;
}

.personalized-dosing_1 {
    width: 100%;
}

.videospi {
    width: 100%;
}

  

.videospi2 {
    width: 100%;
}

 

.videoscidp {
    width: 100%;
}



.hcp_cidp_pfs   {
    width: 100%;
}

.patient_pfs {
    width: 100%;
}

.patient_pfs2 {
    width: 100%;
}

.hcp-dosing-administration {
    width: 100%;
}

.self-administering {
    width: 100%;
}

.self-administering_1 {
    width: 100%;
}

.self-administering-cidp {
    width: 100%;
}

.self-administering-pi   {
    width:100%;
}

.hcp_cidp_1   {
    width: 100%;
}

.hcp_cidp_prof_cidp {
    width: 100%;
}

.hcp_cidp_prof_cidp_1 {
    width: 100%;
}

.ede-vid-Hiz-Adm   {
    width: 100%; 
}

.underst-pi-cidp_cidp {
    width: 100%;
}

.underst-pi-cidp_cidp-self-admin {
    width: 100%;
}

.underst-pi-cidp_pi {
    width: 100%;
}

.underst-pi-cidp_pi-educational {
    width: 100%;
}

.underst-pi-cidp_pi-self-admin {
    width: 100%;
}

.video-js-height-freetrail {
    width: 100%;
}

.video-js-height-in_ls-prot   {
    width: 100%;
}

.dosing-administration-cidp {
    width: 100%;
}

.dosing-administration-pi {
    width: 100%;
}

.free-trial {
    width: 100%;
}

.assurance-program {
    width: 100%;
}


.benefits_cidp {
    width: 100%;
}

.benefits_pi {
    width: 100%;
}

.hcp_flexible_infusions_cidp {
    width: 100%;
}

.hcp_flexible_infusions_cidp_1 {
    width: 100%;
}

.hcp_flexible_infusions_pi {
    width: 100%;
}

.hcp_flexible_infusions_pi_1 {
    width: 100%;
}

.protection_safety_pi {
    width: 100%;
}

.hcp_pi {
    width: 100%;
}

.hcp_cidp_guidelines {
    width: 100%;
}

.protection-safety-cidp {
    width: 100%;
}

.support-copay {
    width: 100%;
}

.support-videlLibrary {
    width: 100%;
}

.personalized-dosing-cidp {
    width: 100%;
}

.personalized-dosing-cidp2 {
    width: 100%;
}

.Hizentra-Prefilled-Syringes {
    width: 100%;
}

.pfs_vid .video-js {
    width: 100%;
}

.underst-pi-cidp_cidp_new {
    width: 100%;
}

.videos_cidp_new {
    width: 100%;
}

.videos_cidp_helthcare {
    width: 100%;
}
/* video end  */

a:link,
a:visited {
    color: #691c33;
    text-decoration: none;
}

a:hover {
    color: #1c355e;
}

a.blue-link:link,
a.blue-link:visited {
    color: #1c355e;
    text-decoration: none;
    font-weight: bold;
}

a.blue-link:hover {
    color: #2d528f;
}

a.red-link:link,
a.red-link:visited {
    color: #691c33;
    text-decoration: none;
    font-weight: bold;
}

a.red-link:hover {
    color: #1c355e;
}

a.grey-link:link,
a.grey-link:visited {
    color: #6d6e71;
    text-decoration: none;
    font-weight: bold;
}

a.grey-link:hover {
    color: #691c33;
}

.border-bottom-blue {
    border-bottom: 1px solid #1c355e;
    padding-bottom: 2px;
    margin-bottom: 2px;
    display: inline-block;
    padding-right: 0.6em;
}

/*a:link sup,
a:visited sup {  border-bottom:1px solid #691c33; padding-bottom:4px; text-decoration: none;}*/


.nowrap {
    white-space: nowrap;
}

.smallcaps {
    font-variant: small-caps;
    text-transform: lowercase;
}

.font-medium {
    font-weight: 500;
}

.callout {
    font-size: 1.75em;
}

    .callout .headline {
        font-size: 1.25rem;
        margin: 0;
        border-bottom: 2px solid #2a3f6b;
        padding: .5rem 0;
        margin-bottom: .5rem;
        font-weight: 700;
    }

.footnote, .footnotes,
.reference {
    font-size: .85rem !important;
    line-height: 1.3rem !important;
    color: #6d6e71;
    text-align: left;
    display: table;
    margin: 2em 0;
}

    .footnote.large {
        font-size: 1rem;
        line-height: normal
    }

    .footnote .footnote-row,
    .footnotes .footnote-row,
    .reference .footnote-row {
        display: table-row;
    }

    .footnote .unbreakable,
    .footnotes .unbreakable,
    .reference .unbreakable {
        display: table-cell;
    }

    .footnote span.hanging {
        float: left;
        line-height: 0.9rem;
    }

        .footnote span.hanging + span {
            display: block;
            padding-left: 7px;
            margin-bottom: 3px;
            line-height: 0.9rem;
        }


#section-blue-announcement-banner .footnote {
    color: white;
    margin: auto;
    padding: 0em 0.5rem;
}

#section-home-banner-comp .footnote {
    color: white;
    margin: auto;
    padding: 0.5em 0.5rem 0rem 0.5rem;
}

.letterspacing-fix {
    letter-spacing: 1px;
}

.pdf {
    background: transparent url(/common/images/adobe-PDF.gif) no-repeat 0 center;
    padding: 0px 0 0 16px;
}

.content-container {
    width: 64rem;
    margin-left: auto;
    margin-right: auto;
}

.content-container-thanks {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.centered {
    text-align: center;
}

    .centered img {
        margin: auto;
    }

.medium {
    font-weight: 500;
}


/* Common */
.brandColorRed {
    color: #780032;
}

.brandColorBlue, a.brandColorBlue {
    color: #174a7c;
}

.brandColorLightGrey {
    color: #d9e0e2;
}

.brandColorDarkGrey {
    color: #6d6e71;
}

.brandColorSecondaryOffWhite {
    color: #f0f5ea;
}

.brandColorSecondaryPink {
    color: #bba3b2;
}

.brandColorSecondaryLightPink {
    color: #f6f4f5;
}

.pure-button-primary {
    padding: 15px 20px;
    font-weight: bold;
    background: #691c33;
    background: -moz-linear-gradient(top, #691c33 0%, #691c33 49%, #30100c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #691c33 0%,#691c33 49%,#30100c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #691c33 0%,#691c33 49%,#30100c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#691c33', endColorstr='#30100c',GradientType=0 ); /* IE6-9 */
}

    .pure-button-primary:hover {
        background: #8f2645;
        background: -moz-linear-gradient(top, #8f2645 0%, #8f2645 49%, #30100c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #8f2645 0%,#8f2645 49%,#30100c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #8f2645 0%,#8f2645 49%,#30100c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2645', endColorstr='#30100c',GradientType=0 ); /* IE6-9 */
    }

    .pure-button-primary:active {
        background: #4f1526;
        background: -moz-linear-gradient(top, #4f1526 0%, #4f1526 49%, #30100c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #4f1526 0%,#4f1526 49%,#30100c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #4f1526 0%,#4f1526 49%,#30100c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f1526', endColorstr='#30100c',GradientType=0 ); /* IE6-9 */
    }
.ribbon {
    height: auto;
    margin-bottom: 2rem;
    background-color: #e7edf2;
    color: #fff;
    margin-top: 20px;
    text-align: center;
}

.ribbon > div {
        position: relative;
        width: 100%;
        max-width: 64rem;
        margin: auto auto;
        padding: 1.13rem 2rem;
    }

.buttondivd {
    float: left;
}

.ribbon .divContainervisit {
    padding: 0 40px;
    width: 960px;
    max-height: 620px
}

.ribbon .visitsec {
    display: flex;
    position: relative;
    padding: 2rem 2rem;
}

    .ribbon .visitsec .content {
        width: 50%;
        text-align: left;
        margin:0px;
    }

        .ribbon .visitsec .content h1 {
            color: #174a7c;
            font-weight: 700 !important;
            font-size: 28px;
            margin: 0 !important;
            /*padding-top: 20px !important;*/
            font-family: Roboto, Arial, sans-serif;
        }

        .ribbon .visitsec .content p {
            color: #174a7c;
            font-size: 1.05rem;
            padding: 0px;
            margin: 0px;
            font-family: Roboto, Arial, sans-serif;

        }

    .ribbon .visitsec .buttonsec {
        align-self: center;
        position: absolute;
        right: 80px;
    }

        .ribbon .visitsec .buttonsec button, .button-rounded {
            font-family: Roboto, Arial, sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #ffffff !important;
            text-decoration: none !important;
            border: 2px solid #691c33;
            padding: 10px 20px 10px 20px;
            /*width: 330px;*/
            text-align: center;
            display: block;
            position: relative;
            background-color: #691c33;
            text-transform: uppercase;
            box-shadow: 0 5px 10px rgb(165 198 214 / 50%);
        }

        .ribbon .visitsec .buttonsec .button-rounded {
            border-radius: 24px;
        }

        .ribbon .visitsec .buttonsec a.button-rounded {
            margin: 1rem auto;
        }

@media(max-width:35.5rem) {
    .ribbon {
        height: auto;
        margin-bottom: 2rem;
        background-color: #d9e0e2;
        color: #fff;
        margin-top: 10px;
        text-align: center;
    }

        .ribbon > div {
            position: relative;
            width: 80%;
            max-width: 64rem;
            margin: auto auto;
            padding: 1.13rem 2rem;
            text-align: center;
        }

        .ribbon .visitsec {
            flex-direction: column;
            padding: 2rem 0 2rem 2rem;
        }

            .ribbon .visitsec .buttonsec {
                position: inherit;
                right: 0px;
                align-self: start;
            }

            .ribbon .visitsec .content h1 {
                color: #174a7c;
                font-weight: 600 !important;
                margin: 0 !important;
                padding: 0 !important;
                font-size: 22px !important;
                font-family: Roboto, Arial, sans-serif;
            }

            .ribbon .visitsec .content p {
                color: #174a7c;
                font-size: 1.05rem;
                padding: 0px;
                margin-top: 10px;
                font-family: Roboto, Arial, sans-serif;
            }

            .ribbon .visitsec .content {
                width: 100%;
            }

            .ribbon .visitsec .buttonsec a.med-wide-button {
                width: 250px;
                margin-bottom:0;
            }

            .ribbon .visitsec .buttonsec button, .button-rounded {
                font-size: 18px;
                font-weight: 700;
                color: #ffffff !important;
                text-decoration: none !important;
                border: 2px solid #780032;
                padding: 10px;
                /*width: 330px;*/
                text-align: center;
                display: block;
                position: relative;
                background-color: #780032;
                text-transform: uppercase;
                box-shadow: 0 5px 10px rgb(165 198 214 / 50%);
            }
}

a.pure-button-primary:link,
a.pure-button-primary:visited,
a.pure-button-primary:active {
    color: #fff;
    text-decoration: none;
}

.pure-form label {
    color: #780032;
    font-weight: bold;
    margin-top: 30px;
}

    .pure-form label.pure-radio,
    .pure-form label.pure-checkbox {
        color: #6d6e71;
        font-weight: normal;
    }

        .pure-form label.pure-radio input,
        .pure-form label.pure-checkbox input {
            margin-right: 10px;
            padding-top: 3px;
        }

div#divCaptcha {
    margin: 30px 0;
}

.padding-1rem {
    padding: 0 1rem;
}

span.block {
    display: block;
}

.cursor-pointer {
    cursor: pointer;
}

.pure-img.center {
    margin: auto !important;
}

/* modals */
div.modal-container {
    text-align: center;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100000000000;
}

    div.modal-container.active {
        display: block;
        background-color: transparent;
    }

    div.modal-container .modal-background {
        background-color: #000;
        opacity: .4;
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 250;
    }

    div.modal-container .modal-content {
        background-color: #fff;
        text-align: left;
        position: relative;
        z-index: 500;
        max-width: 700px;
        margin: 0;
        top: 20%;
        padding-top: 40px;
    }

        div.modal-container .modal-content h3 {
            color: #004171;
            text-transform: initial;
            font-size: 1.875rem;
            font-weight: 400;
        }

        div.modal-container .modal-content ul {
            padding-left: 18px;
        }

        div.modal-container .modal-content .spacer {
            height: 1.5em;
        }

        div.modal-container .modal-content .modal-close {
            position: absolute;
            cursor: pointer;
            color: #9c0059;
            font-size: 3rem;
            right: 20px;
            top: 12px;
        }

        div.modal-container .modal-content .modal-close-button {
            position: relative;
            cursor: pointer;
            background-color: #2a3f6b;
            color: #fff;
            font-size: 1rem;
            font-weight: 700;
            text-align: center;
            width: 140px;
            height: 44px;
            line-height: 44px;
            margin: 30px auto;
        }

            div.modal-container .modal-content .modal-close-button span {
                display: block;
            }

            div.modal-container .modal-content .modal-close-button:hover {
                background-color: #8f2645;
            }



/* footer */
span#spanCopyright {
    font-weight: bold;
}

footer#footer-page div#footer-logo img {
    max-width: 100%;
    height: 91px;
    margin: -14px 1px -29px -35px;

}
@media(max-width:767px) {
    footer#footer-page div#footer-logo img {
        max-width: 100%;
    }
    }

footer#footer-page div#footer-logo .right-logo img {
    width: 275px;
    height: 33px;
}

.footer-logoimg {
    width: 175px;
    height: 33px;
}

/*** COOKIE POPUP ***/
div#cookie-container {
    max-width: 1020px;
    margin: 0 auto;
    padding: 1rem 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    div#cookie-container #dismiss-notification {
        max-width: 20px;
        margin: 0 auto;
        cursor: pointer;
        color: #780032;
    }

@media screen and (max-width: 767px) {
    div #cookie-container {
        font-size: 0.625rem;
        padding: 0.5rem;
    }

        div #cookie-container p {
            margin: 0;
        }
}

/* HCP ISI*/
section#section-isi-hcp .pISITitle {
    display: none;
}

    section#section-isi-hcp .pISITitle ~ .pISITitle {
        display: block;
        font-weight: 300;
        font-size: 2.25rem;
        margin: .67em 0;
        line-height: initial;
    }

/* Interstitial */
div#interstitialContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100000000000
}

    div#interstitialContainer.active {
        display: block;
    }

    div#interstitialContainer div#interstitialBackground {
        background-color: #404040;
        opacity: 0.4;
        height: 100%;
        width: 100%;
    }

    div#interstitialContainer div#interstitial {
        background: #fff;
        border: 1px solid #1e4164;
        border-radius: 5px;
        position: fixed;
        left: 50%;
        top: 50%;
        width: 600px;
        margin-left: -320px;
        height: 200px;
        margin-top: -120px;
        padding: 40px 40px 80px;
    }

        div#interstitialContainer div#interstitial a {
            color: #fff;
            background: #007565;
            padding: 10px 20px;
            border-radius: 4px;
            text-decoration: none;
            margin: 20px 50px 0 0;
        }

            div#interstitialContainer div#interstitial a:hover {
                background: #008d7f;
            }

/*sitemap*/
ul#ulSiteMap {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

    ul#ulSiteMap li {
        margin: 10px;
        padding: 0;
        list-style-type: none;
    }

        ul#ulSiteMap li a {
            padding-right: 10px;
        }

    ul#ulSiteMap ul li:before {
        content: none;
    }

    ul#ulSiteMap ul li a {
        font-weight: normal;
        margin-left: 10px;
    }

        ul#ulSiteMap ul li a.brandColorDarkGrey {
            color: #6d6e71;
        }

/*** COOKIE POLICY ***/

#page-cookie-policy .buttoncookies {
    margin: 60px 0 20px;
}
#page-cookie-policy .ot-sdk-show-settings {
    text-align: center;
    height: 41px;
    line-height: 41px;
    width: 200px;
    color: #fff;
    padding: 0 10px;
    background-color: #2a3f6b;
    font-size: 1.25rem;
    font-weight: 500;
    border: none;
}
div#page-cookie-policy .ot-sdk-show-settings:hover {
    background-color: #2a3f6b;
    color: #fff;
}

section#section-cookie-policy h1 {
    color: #780032;
    margin-top: 1.33em;
    text-transform: uppercase;
}

section#section-cookie-policy h2 {
    color: #780032;
}

section#section-cookie-policy a {
    color: #174a7c;
}

section#section-cookie-policy table {
    border: 1px solid #0f0e5b;
}

    section#section-cookie-policy table th {
        background: #0f0e5b;
        color: #fff;
        text-align: center;
    }

    section#section-cookie-policy table tr {
        padding: 4px 5px;
    }

        section#section-cookie-policy table tr:nth-child(2n) {
            background: rgba(38, 152, 137, 0.25);
        }

    section#section-cookie-policy table td {
        padding-top: 4px;
        padding-bottom: 4px;
    }

        section#section-cookie-policy table td:first-child {
            padding-left: 5px;
        }

        section#section-cookie-policy table td:last-child {
            padding-right: 5px;
        }

section#section-cookie-policy #cookie-opt-out {
    height: 68px;
    line-height: 66px;
    color: #fff;
    padding: 0 10px;
    background-color: #2a3f6b;
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    border: none;
}

    section#section-cookie-policy #cookie-opt-out:hover {
        background-color: #1d5d9c;
    }



/** Search **/
div#divSearchResultsPage h1,
div#divSearchResultsPage h2 {
    color: #780032;
}

div#divSearchResultsPage dt a {
    font-size: 1.25em;
}

div#divSearchResultsPage dd {
    margin-bottom: 40px;
}

div#divSearchResultsPage #searchresulttop {
    display: none;
}

div#divSearchResultsPage div.pages {
    text-align: center;
}

    div#divSearchResultsPage div.pages ol {
        display: inline-block;
        list-style: none;
    }

    div#divSearchResultsPage div.pages li {
        float: left;
        margin: 0 4px;
    }


.field-validation-error {
    color: #f00;
}



/**  Patient controls **/
div#banner {
    height: 251px;
    /*margin-top: 88px;*/
    position: relative;
}

    div#banner.pi {
        border-bottom: 20px solid #6f002c;
    }

        div#banner.pi div.gradient {
            background-image: -moz-linear-gradient( 90deg, rgba(120,0,50,0.50196) 0%, rgba(120,0,50,0) 25%);
            background-image: -webkit-linear-gradient( 90deg, rgba(120,0,50,0.50196) 0%, rgba(120,0,50,0) 25%);
            background-image: -ms-linear-gradient( 90deg, rgba(120,0,50,0.50196) 0%, rgba(120,0,50,0) 25%);
            opacity: 0.302;
            width: 100%;
            height: 251px;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 10;
        }

    div#banner.cidp {
        border-bottom: 20px solid #174a7c;
    }

        div#banner.cidp div.gradient {
            background-image: -moz-linear-gradient( 90deg, rgba(37,116,194,0.4) 0%, rgba(37,116,194,0) 25%);
            background-image: -webkit-linear-gradient( 90deg, rgba(37,116,194,0.4) 0%, rgba(37,116,194,0) 25%);
            background-image: -ms-linear-gradient( 90deg, rgba(37,116,194,0.4) 0%, rgba(37,116,194,0) 25%);
            opacity: 0.8;
            width: 100%;
            height: 251px;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 10;
        }

    div#banner p,
    div#banner h1 {
        color: #174a7c;
        z-index: 20;
        position: relative;
    }

#indication-selector {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    #indication-selector h2,
    #indication-selector p {
        font-size: 20px;
        padding: 0;
        margin: 0 0 15px;
    }

    #indication-selector a {
        background: #174a7c;
        padding: .5rem;
        color: #fff;
        font-size: 1.25rem;
        text-decoration: none;
        width: 40%;
        display: inline-block;
        text-align: center;
        height: 26px;
    }

.blue-bg {
    background-color: #e7edf2;
}

.pink-bg {
    background-color: #f5edf1;
}

.grey-bg {
    background-color: #f0f3f3;
}


.blue-bg-gradient {
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(231,237,242) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(231,237,242) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(231,237,242) 100%);
}

#discussion-guide {
    height: 174px;
    line-height: 174px;
    text-align: center;
    margin-bottom: 25px;
}

    #discussion-guide #discussion-guide-content {
        line-height: normal;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        width: 100%;
    }

        #discussion-guide #discussion-guide-content .centered {
            text-align: right;
        }

        #discussion-guide #discussion-guide-content i.far {
            font-size: 72px;
            color: #691c33;
            margin-right: 14px;
        }

        #discussion-guide #discussion-guide-content p:first-of-type {
            margin: 0;
            font-weight: 400;
            font-size: 1.5rem;
            margin-bottom: 3px;
        }

        #discussion-guide #discussion-guide-content a {
            margin: 0;
            font-size: 1.125rem;
            font-weight: 500;
        }

    #discussion-guide.CIDP #discussion-guide-content p {
        margin: 0;
    }


#footer-callouts {
    margin-bottom: 42px;
}

    #footer-callouts div.callout-footer {
        text-align: center;
    }

        #footer-callouts div.callout-footer p.sectionTitleText {
            font-size: 1.5rem;
            font-weight: 400;
            margin: 1px 0;
        }

        #footer-callouts div.callout-footer p:first-of-type {
            margin: 1.33rem 0;
        }

        #footer-callouts div.callout-footer p {
            font-size: 1.125rem;
            font-weight: 500;
            padding: 0px 33px;
        }



/********************PAGES******************************/
/** elements **/
div.callout-pink {
    background-image: -moz-linear-gradient( 0deg, rgba(105,28,51,0.10196) 0%, rgba(105,28,51,0.05) 17%, rgba(105,28,51,0) 49%, rgba(105,28,51,0.07843) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(105,28,51,0.10196) 0%, rgba(105,28,51,0.05) 17%, rgba(105,28,51,0) 49%, rgba(105,28,51,0.07843) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(105,28,51,0.10196) 0%, rgba(105,28,51,0.05) 17%, rgba(105,28,51,0) 49%, rgba(105,28,51,0.07843) 100%);
    min-height: 290px;
    max-width: 960px;
}

    div.callout-pink .l-box {
        max-width: 928px;
    }


div.callout-gradient {
    background-image: -moz-linear-gradient( -90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    min-height: 261px;
    padding: 1em 2em;
}

    div.callout-gradient h2 {
        margin: 0; /*width: 80%;*/
    }

    div.callout-gradient p {
        width: 80%;
    }

    div.callout-gradient img.pdf-cover {
        float: none;
        display: block;
        margin: 10px 0 20px 0;
    }

div.callout-gray {
    margin: 20px 0;
}

    div.callout-gray h3,
    div.callout-gray p {
        margin: 5px 0;
    }

#page-footer-callouts div.callout-gray:nth-child(even) .l-box {
    padding: 20px 40px 10px 32px;
    margin: 0 0 0 10px;
    background-color: #F1F0EF;
    min-height: 145px;
}

#page-footer-callouts div.callout-gray:nth-child(odd) .l-box {
    padding: 20px 40px 10px 32px;
    margin: 0 10px 0 0;
    background-color: #F1F0EF;
    min-height: 145px;
}



div.callout-pat-gradient {
    border-radius: 6px;
    border: 1px solid #d7d7d7;
    background: linear-gradient(#eff2f6, #fff);
    background: -moz-linear-gradient(#eff2f6, #fff);
    background: -webkit-linear-gradient(#eff2f6, #fff);
    background: -ms-linear-gradient(#eff2f6, #fff);
}

    div.callout-pat-gradient p.headline {
        font-weight: 500;
        font-size: 1.25rem;
        color: #75002c;
        padding: 1.25rem;
        margin: 0;
        text-align: center;
    }


    div.callout-pat-gradient + p.footnote {
        margin-top: 0.5rem;
    }


    div.callout-pat-gradient.logo-left {
        display: flex;
    }

        div.callout-pat-gradient.logo-left img {
            float: left;
            margin: auto 1rem;
        }

        div.callout-pat-gradient.logo-left p.headline {
            text-align: left;
            padding-left: 0;
        }


    div.callout-pat-gradient.logo-top img {
        display: block;
        margin: 1rem auto auto auto;
    }

        div.callout-pat-gradient.logo-top img + p {
            padding-top: 0.75rem;
        }

img .pdf-cover {
    -webkit-box-shadow: 5px 11px 17px -5px rgba(0,0,0,0.56);
    -moz-box-shadow: 5px 11px 17px -5px rgba(0,0,0,0.56);
    box-shadow: 5px 11px 17px -5px rgba(0,0,0,0.56);
    float: right;
}

div.footer-fadeout {
    background-image: -moz-linear-gradient( -90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    /*min-height: 472px;*/
    z-index: 6;
}


/* landing */
#home-bug {
    text-align: right;
    height: 80px;
    margin: 3em 0 0 0;
}



div#home-grey-timely {
    background: #efeeef;
    margin: .5em 0;
    padding: 1.75em 0;
}

    div#home-grey-timely a {
        background: url(/common/images/caduceus.png) 0 0 no-repeat;
        padding: 1em 0 1em 3.3em;
    }

/** proven **/
div.callout-red-tab {
    background: url(/common/images/callout-red-tab.png) no-repeat 0 0;
}

div.callout-blue-tab {
    background: url(/common/images/callout-blue-tab.png) no-repeat 0 0;
}

div.callout-red-tab,
div.callout-blue-tab {
    width: 193px;
    height: 205px;
    font-size: 65px;
    line-height: 110px;
    font-weight: bold;
}

    div.callout-red-tab p,
    div.callout-blue-tab p {
        font-size: 1rem;
        line-height: 1rem;
        color: #fff;
        padding: 0 15px;
    }

        div.callout-red-tab p span,
        div.callout-blue-tab p span {
            font-size: .8em;
            font-weight: normal;
            display: block;
        }

    div.callout-red-tab sup,
    div.callout-blue-tab sup {
        font-size: .6em;
        top: -.7em;
    }


div#rounded-callout {
    border-width: 1.5px;
    border-color: rgb(217, 224, 226);
    border-style: solid;
    background-image: -moz-linear-gradient( 90deg, rgba(28,53,94,0.05098) 0%, rgba(28,53,94,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(28,53,94,0.05098) 0%, rgba(28,53,94,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(28,53,94,0.05098) 0%, rgba(28,53,94,0) 100%);
    border-radius: 10px;
    width: 606px;
    height: 65px;
    padding-top: 5px;
    margin: auto auto;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 300;
    box-shadow: 0px 6px 10px -2px rgba(0,0,0,0.2);
    margin: 40px auto 70px;
}

    div#rounded-callout span {
        font-weight: bold;
        display: block;
    }



/** personalized **/
.protection #protection-pi-scig-infusion-experience h3 {
    color: #174a7c;
}

div#patient-portraits {
    border-width: 1px;
    border-color: rgb(185, 185, 185);
    border-style: solid;
    border-radius: 10px;
    background-image: -moz-linear-gradient( -90deg, rgb(217,224,226) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(217,224,226) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(217,224,226) 0%, rgb(255,255,255) 100%);
    min-height: 484px;
    z-index: 46;
}

    div#patient-portraits h2 {
        margin-top: 0;
    }

    div#patient-portraits b {
        line-height: 1.9em;
        font-size: 1.25em;
        font-weight: normal;
    }

    div#patient-portraits p {
        padding: 0px 13px;
        text-align: left;
    }

/** dosing and administration **/
div#dosage-calculator {
}

    div#dosage-calculator div#dosage-calculator-form,
    div#dosage-calculator div#dosage-calculator-results {
        background: #efefef;
        padding: 1em;
        min-height: 460px;
        box-shadow: 0px 6px 10px -2px rgba(0,0,0,0.2);
    }

    div#dosage-calculator div#dosage-calculator-results {
        display: none;
    }

    div#dosage-calculator div#dosage-calculator-form div.step-number {
        color: #fff;
        background: #1a355e;
        display: inline-block;
        width: 15px;
        height: 15px;
        padding: 5px 2px 5px 8px;
        line-height: 15px;
        border-radius: 26px;
        float: left;
        margin: 0 1em 2em 0;
    }

    div#dosage-calculator input {
        text-align: center;
    }

div#dosage-calculator-form label b {
    color: #6d6e71;
}

div#dosage-calculator button {
    margin-left: 3em;
}

#dosage-calculator-results p {
    padding: 3em 1em 2em 1em;
}

div#dosage-calculator .resultsBox {
    text-align: center;
}

    div#dosage-calculator .resultsBox div {
        display: inline-block;
    }

div#dosage-calculator .button-calculator {
    margin: .5em;
    display: inline-block;
    padding: .5em 1em;
}

div#dosage-calculator #days-between-infusion {
    display: inline-block;
}

div#dosage-calculator .invalidinput {
    padding: 0 0 1em 2.5em;
    display: block;
    display: none;
    color: #f00;
}

div#dosage-calculator .modalDialogFormButton {
    margin: 1em 0;
}

/** MyHizentra app **/
div.self-admin div#myhizentra-app .app-red-box {
    background: #780032;
    color: #fff;
    padding: 1em 0;
    width: 85%;
    margin: 0 auto;
    border-radius: 6px;
}

    div.self-admin div#myhizentra-app .app-red-box ul {
        margin: 0;
    }

        div.self-admin div#myhizentra-app .app-red-box ul li {
            margin: 0;
        }

/** starting patients access **/
div#starting-patients-hero {
    background: url(/common/images/starting-patients-hero.jpg) no-repeat center 0;
    min-height: 252px;
}

    div#starting-patients-hero h1 {
        margin: 0;
        padding: 85px 440px 0 40px;
    }

div#coding-guide-callout {
    min-height: 200px;
}

    div#coding-guide-callout div {
        width: 70%;
        margin: 0 20%;
        padding: 15px 0;
        text-align: left;
        display: inline-block;
    }

    div#coding-guide-callout img {
        float: left;
        margin: 0 30px;
    }

    div#coding-guide-callout h2 {
        margin: 40px 0 10px 0;
    }

div#resources-footer {
}

    div#resources-footer div {
        position: relative;
    }

        div#resources-footer div p {
            padding: 0 20px 0 100px;
        }

            div#resources-footer div p.full-width {
                padding: 0 30px 0 0px;
            }

        div#resources-footer div#resources-book::before {
            content: '\f02d';
            font-family: FontAwesome;
            color: #780032;
            font-size: 4.75em;
            position: absolute;
            top: 17px;
        }

        div#resources-footer div#resources-igiq {
            background: url(/common/images/igiq-logo-small.png) no-repeat 0 20px;
        }

        div#resources-footer div#resources-nav-pin::before {
            content: '\f041';
            font-family: FontAwesome;
            color: #780032;
            font-size: 4.75em;
            position: absolute;
            top: 17px;
            left: 15px;
        }

        div#resources-footer div#resources-questions::before {
            content: '\f059';
            font-family: FontAwesome;
            color: #780032;
            font-size: 4.75em;
            position: absolute;
            top: 17px;
            left: 10px;
        }

        div#resources-footer div#resources-medical-bag::before {
            content: '\f0fa';
            font-family: FontAwesome;
            color: #780032;
            font-size: 4.75em;
            position: absolute;
            top: 17px;
            left: 5px;
        }



div#starting-patients-committed {
    background-image: -moz-linear-gradient( 90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(217,224,226) 0%, rgba(217,224,226,0) 100%);
}

    div#starting-patients-committed p {
        width: 80%;
    }

    div#starting-patients-committed img + p {
        width: 55%;
    }

    div#starting-patients-committed img#referral-form-cover {
        float: right;
        margin-right: 60px;
    }

div#access-accordion {
}

    div#access-accordion .accordion {
        background: #691c33;
        padding: 0;
    }

        div#access-accordion .accordion p.title {
            font-size: 2.5em;
            color: #fff;
            padding: 1em;
            font-weight: 300;
        }

    div#access-accordion .accordion-expanded p.title {
        padding: 1em 1em 0;
    }

    div#access-accordion .accordion p.title sup {
        font-size: 1rem;
        position: relative;
        top: -15px;
    }

    div#access-accordion .accordion::after {
        color: #fff;
        font-size: 4.5rem;
    }

    div#access-accordion .accordion::before {
        content: none;
    }

    div#access-accordion .accordion-expansion {
        background: #fff;
        padding: 10px 0;
        margin: 0;
    }

        div#access-accordion .accordion-expansion::before {
            content: none;
        }

    div#access-accordion .accordion p.brandColorRed {
        font-size: 1.75em;
    }


/** starting patients patient resources **/
div#patient-resources-hero {
    background: url(/common/images/patient-resources-hero.jpg) no-repeat center 0;
    min-height: 216px;
}

    div#patient-resources-hero h1 {
        margin: 0;
        padding: 75px 480px 0 40px;
    }


div#starting-patients-self-admin {
    background: #cfd4d9; /* Old browsers */
    background: -moz-linear-gradient(top, #cfd4d9 0%, #cfd4d9 0%, #ffffff 49%, #ffffff 51%, #cfd4d9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cfd4d9 0%,#cfd4d9 0%,#ffffff 49%,#ffffff 51%,#cfd4d9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cfd4d9 0%,#cfd4d9 0%,#ffffff 49%,#ffffff 51%,#cfd4d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd4d9', endColorstr='#cfd4d9',GradientType=0 ); /* IE6-9 */
}





/** starting patients therapy management  **/
div#resources-therapy-management {
    background: url(/common/images/paint-girl.png) no-repeat -60px 70px;
}

div#resources-therapy-management-gradient {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 0%, #d9e0e2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 0%,#d9e0e2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 0%,#d9e0e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e0e2',GradientType=0 ); /* IE6-9 */
}

div#resources-therapy-management div#row-2 h2 {
    min-height: 75px;
}

div#resources-therapy-management div#row-2 p {
    width: 60%;
}

div#resources-therapy-management div#row-2 img {
    margin-right: 60px;
}

div#resources-therapy-management div#row-3 img {
    margin: 30px 0 0 30px;
}

div.left-border {
    border-left: 1px solid #6d6e71;
}

div#infusion-accordion .accordion {
    padding: 1em 3em;
    margin: .5em 0;
}

    div#infusion-accordion .accordion::before {
        content: none;
    }

    div#infusion-accordion .accordion::after {
        color: #691c33;
        top: -2px;
        line-height: normal !important;
    }

div#infusion-accordion .accordion-expansion::before {
    content: none;
}

div#infusion-accordion .accordion-expansion::after {
}

div#infusion-accordion .accordion p.brandColorRed {
    font-size: 1.75em;
    margin: 0;
}

div#infusion-accordion .accordion-expansion {
    margin: 0 1em;
    padding: 0;
}



/**  igiq **/
div#igiq-banner {
    background: #F1F0EF;
    padding: 20px 0;
}

    div#igiq-banner img#igiq-logo-tagline {
        float: left;
        margin: 20px 40px 0 0;
    }

    div#igiq-banner p {
        text-align: left;
    }

    div#igiq-banner span.brandColorRed,
    div#igiq-banner span.brandColorBlue {
        font-size: 1.5em;
        font-weight: bold;
    }

div#igiq-accordion .accordion::before {
    content: '';
    width: 71px;
    height: 70px;
}
/*div#igiq-accordion .accordion h2::after {content: "+"; color:#780032;}*/
div#igiq-accordion .accordion::after {
    color: #780032;
}

div#igiq-accordion .accordion-expansion::before {
    content: none;
}
/*div#igiq-accordion .accordion-expansion h2::after  { content: "-"; color: #2d528f;}*/
div#igiq-accordion .accordion-expansion.accordion::after {
    color: #2d528f;
}

div#igiq-accordion .accordion-expansion {
    border-top: solid 1px #6d6e71;
    margin-top: 20px;
}

div#igiq-accordion div#accordion-item-dollar::before {
    background: #f0e8ea url(/common/images/igiq-sprite.png) no-repeat 0 0;
}

div#igiq-accordion div#accordion-item-chat::before {
    background: #f0e8ea url(/common/images/igiq-sprite.png) no-repeat 0 -115px;
}

div#igiq-accordion div#accordion-item-vials::before {
    background: #f0e8ea url(/common/images/igiq-sprite-replaced.png) no-repeat 0 -240px;
}

div#igiq-accordion div#accordion-item-representative::before {
    background: #f0e8ea url(/common/images/igiq-sprite.png) no-repeat 0 -364px;
}

div#igiq-accordion div#accordion-item-clipboard::before {
    background: #f0e8ea url(/common/images/igiq-sprite.png) no-repeat 0 -490px;
}

div#igiq-accordion div#accordion-item-information::before {
    background: #f0e8ea url(/common/images/igiq-sprite.png) no-repeat 0 -606px;
}

div#igiq-accordion ul.ugh {
    margin: 0;
    padding: .5em 0;
}

div#igiq-accordion ul li {
}

div#igiq-accordion h2 {
    line-height: 70px;
    margin: 0;
}

div#igiq-accordion .accordion-expansion h2 {
    line-height: normal;
    margin: 1em 0;
}


/**  locator  **/
div.callout-gray-locator {
    margin: 30px 0;
}

    div.callout-gray-locator .l-box {
        padding: 20px 20px 10px 32px;
        margin: 0 0 0 10px;
        background-color: #F1F0EF;
        min-height: 145px;
    }

/** references **/
ol#references-list {
    font-weight: bold;
}

    ol#references-list li {
        margin: 1.5em 0;
    }

    ol#references-list span {
        font-weight: normal;
    }

/**  voice2voice program registration  **/
#voice2voice-registration #banner img,
#voice2voice-thanks #banner img {
    margin: 4rem auto 1rem;
}

#voice2voice-registration a.brandColorDarkGrey {
    color: #6d6e71;
}

#voice2voice-registration .field-validation-error {
    padding-left: 0;
}

#voice2voice-registration select {
    height: 40px;
    padding: 0 0.25rem;
    color: #6d6e71;
}

#voice2voice-registration #form-footnotes {
    line-height: 1.0rem;
}

#voice2voice-registration button[type = "submit"] {
    background: #2a3f6b;
}

    #voice2voice-registration button[type = "submit"]:hover {
        background: #1d5d9c;
    }

#voice2voice-registration .loader {
    display: none;
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #2a3f6b; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 1.5rem 0 0;
    animation: spin 2s linear infinite;
}

    #voice2voice-registration .loader + .footnote span.hanging + span {
        font-size: 1.0rem;
        line-height: 1.15rem;
        padding-left: 7px;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#voice2voice-registration label {
    margin-top: 20px;
}

#voice2voice-thanks h1 span {
    font-weight: 500;
}

#voice2voice-thanks a.brandColorBlue {
    color: #174a7c;
}

/** Connect Patient **/
#connect-patient #services-overview {
    padding-bottom:2rem;
}

#connect-patient #services-overview #voice2voice {
    margin: 3rem auto 1rem;
}

#connect-patient #services-overview #img-igiq-logo {
    max-width: 210px;
}

    #connect-patient #services-overview #img-igiq-logo + span {
        display: block;
        margin-bottom: 0.5rem;
    }

#connect-patient #services-overview .pure-button-primary {
    max-width: 175px;
    display: block;
    margin: 0.5rem auto 0;
    background: #2a3f6b;
}

    #connect-patient #services-overview .pure-button-primary:hover {
        background: #1d5d9c;
    }

/** patient banners  */
div#banner.banner-safety {
    background: url(/common/images/banner-safety.png) no-repeat center bottom;
}

div#banner.banner-benefits {
    background: url(/common/images/banner-benefits.png) no-repeat left bottom;
}

    div#banner.banner-safety h1,
    div#banner.banner-safety p,
    div#banner.banner-benefits p {
        margin-top: 80px;
    }

div#banner.banner-safety.cidp p {
    font-size: 1.5rem;
    margin-bottom: 0;
}

    div#banner.banner-safety.cidp p + h1 {
        margin-top: 0;
    }

div#banner.banner-personalized {
    background: url(/common/images/banner-personalized.png) no-repeat;
    background-position: right -30px bottom;
}

    div#banner.banner-personalized p {
        margin-top: 70px;
        font-size: 2.8rem;
        line-height: 2.9rem;
    }

div#banner.banner-getting-started {
    background: url(/common/images/banner-getting-started.jpg) no-repeat;
    background-position: right -10px top;
    background-size: cover;
}

div#banner.banner-self-admin {
    background: url(/common/images/banner-self-admin.png) no-repeat center bottom;
    background-size: cover;
}

div#banner.banner-free-trial {
    background: url(/common/images/banner-gradient.png) no-repeat left bottom;
    overflow: hidden;
}

    div#banner.banner-free-trial img {
        position: absolute;
        right: 0px;
        bottom: -15px;
    }

div#banner.banner-co-pay {
    background: url(/common/images/banner-co-pay.png) no-repeat 0 0;
}

div#banner.banner-insurance-protection {
    background: url(/common/images/banner-protection.png) no-repeat 0 0;
}

div#banner.banner-continuing-support {
    background: url(/common/images/banner-continuing-support.png) no-repeat 0 0;
    height: 207px;
}

div#banner.banner-connect-patient {
    background: url(/common/images/banner-connect-patients.png) no-repeat 0 0;
    height: 207px;
}

div#banner.banner-video-library {
    background: url(/common/images/banner-video-library.png) no-repeat right top;
    background-size: cover;
    height: 200px;
}

div#banner.banner-faq {
    background: url(/common/images/banner-faq.jpg) no-repeat center top;
}

div#banner.banner-understanding-pi {
    background: url(/common/images/banner-understanding.png) no-repeat 0 0;
}

div#banner.banner-understanding-cidp {
    background: url(/common/images/banner-understanding.png) no-repeat 0 0;
}

div#banner.banner-patient-home {
    background: url(/common/images/banner-home.png) no-repeat left bottom;
    position: relative;
    text-align: right;
    height: auto;
}

div#pi div#banner.banner-patient-home {
    background: url(/common/images/banner-home-pfs.png) no-repeat left bottom;
}


div#banner.banner-sign-up {
    background: url(/common/images/banner-gradient-blue.png) no-repeat left bottom;
    background-size: cover;
}

    div#banner.banner-sign-up img {
        max-height: 248px;
        margin: 0 100px 0 auto;
    }

div#banner.banner-voice2voice {
    background: url(/common/images/banner-voice2voice.png) no-repeat right center;
    height: 207px;
}

/** SHARE **/
div#share-hero {
    background: url(/common/images/share-hero.jpg) no-repeat center 0;
    min-height: 217px;
}

    div#share-hero h1 {
        margin: 0;
        padding: 55px 440px 0 40px;
    }

div#loginSHARE input#txtLogin + span {
    margin-bottom: 15px;
    display: block;
}

div#share-welcome div {
    position: relative;
}

div#share-welcome p {
    padding-left: 80px;
}

    div#share-welcome p.book::before {
        content: '\f02d';
        font-family: FontAwesome;
        color: #780032;
        font-size: 4.75em;
        position: absolute;
        top: 55px;
        left: 25px;
    }

    div#share-welcome p.exam::before {
        content: '\f05d';
        font-family: FontAwesome;
        color: #780032;
        font-size: 4.75em;
        position: absolute;
        top: 55px;
        left: 25px;
    }

    div#share-welcome p.certificate::before {
        content: '\f0a3';
        font-family: FontAwesome;
        color: #780032;
        font-size: 4.75em;
        position: absolute;
        top: 35px;
        left: 25px;
    }

#downloadCertificate {
    position: relative;
}

label#enews-label {
    font-weight: normal;
    padding-left: 0em;
    color: #6d6e71;
    width: 90%;
    margin-top: 0;
    float: right;
    display: inline-block;
}

div.trainingVideoNav {
    font-size: .8em;
}

div.videoPanel {
    position: relative;
}

div#trainingComplete {
    position: absolute;
    top: 12px;
    left: 3px;
}

h1.examQuestioTilte {
    margin: 0;
}

p.questionInstructions {
    margin-bottom: 2em;
}

.questionText {
    padding-right: 2em;
    margin: 1em 0;
}

ul.exam {
    margin: 0 0 3em;
    padding: 0;
}

    ul.exam li {
        list-style-type: none;
        margin: 0;
        padding: 3px 0;
    }

        ul.exam li input {
            margin: 2px .8em 0 0;
        }

    ul.exam label {
        margin-top: .5em;
        font-weight: normal;
        color: #6d6e71
    }

div#btnCompleteExam {
    margin: 2em 0;
}

table.tblQuestionNav {
    margin: 1em 0 2em;
}

    table.tblQuestionNav tr {
        border: solid 0px #fff;
    }

    table.tblQuestionNav td.questionBox {
        padding: 3px 4px;
        margin: 0 4px;
    }

    table.tblQuestionNav tr td:first-child {
        margin-left: 0;
        padding-left: 0
    }

    table.tblQuestionNav td.questionBox a {
        border: solid 1px #cfd4d9;
        background: #fff;
        padding: 4px 10px;
        margin: 0;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        width: 15px;
        height: 25px;
    }

    table.tblQuestionNav td.questionBox.questionBoxCorrect a {
        color: #174a7c;
    }

article#certificate-locator-opt-in div#confirm-org,
article#certificate-locator-opt-in div#org-update-info {
    display: none;
}

article#certificate-locator-opt-in a#certificate-download {
    margin: 2em 0;
    padding: 15px 20px;
}

article#certificate-locator-opt-in ul.noimg {
    list-style-type: none;
}

article#certificate-locator-opt-in #divLocatorQuestion label {
    display: block;
}

    article#certificate-locator-opt-in #divLocatorQuestion label:first-of-type {
        margin-bottom: 12px;
    }

#button-container {
    padding: 3em 0;
}


article#certificate-post-content {
    display: none;
}

    article#certificate-post-content #badge-content {
        margin-top: 50px;
    }

    article#certificate-post-content .button-container {
        margin-top: 0;
    }

        article#certificate-post-content .button-container a {
            width: 100%;
            text-align: center;
            display: block;
        }

    article#certificate-post-content a#certificate-re-download {
        margin-top: 75px;
    }

    article#certificate-post-content #certificate-content {
        margin-top: 30px;
    }

    article#certificate-post-content img#img-share-certificate {
        margin-top: 24px;
    }

.divCorrect,
.divInCorrect {
    margin: 2em 0;
    font-size: 1.3em;
    line-height: 1.5em;
}

    .divCorrect i,
    .divInCorrect i {
        margin-right: .6em;
        font-size: 1.3em;
        position: relative;
        top: 3px;
    }

.sharequestionGreen {
    color: #60b004;
}

span#linkDownloadCertificate a::before {
    content: '\f0a3';
    font-family: FontAwesome;
    color: #1c355e;
    font-size: 1.5rem;
    padding-right: 20px;
}

#share-menu {
    min-height: 30px;
}

    #share-menu ul {
        padding: 0;
    }

        #share-menu ul li {
            float: left;
            list-style-type: none;
            margin: 0 1em 0 0;
        }

            #share-menu ul li a {
                text-decoration: none;
                color: #6d6e71;
                padding: .5em .9em;
            }

                #share-menu ul li a.active {
                    background: #1C355e;
                    border-radius: 5px;
                    color: #fff;
                    font-weight: bold;
                }

                #share-menu ul li a:hover {
                    background: #E9EBEF;
                    border-radius: 5px;
                }

                #share-menu ul li a#share-menu-logout {
                    background: #1C355e;
                    border-radius: 5px;
                    color: #fff;
                    font-weight: normal;
                }

        #share-menu ul#share-menu-left {
            float: left;
        }

        #share-menu ul#share-menu-right {
            float: right;
            max-width: 50%
        }

#share-menu-mobile {
    margin: 1em;
    float: left;
    padding: .5em 0;
    border-radius: 5px;
    max-width: 40%;
}


/*=========================== CIDP ================================*/
div#cidp-container {
    padding-top: 88px;
}

#divCIDPBanner {
    background: #691c33;
    padding-top: 88px;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #fff;
    display: none;
}

    #divCIDPBanner > div {
        border-top: 1px solid #fff;
        min-height: 112px;
        font-weight: 700;
    }

    #divCIDPBanner a {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        display: inline-block;
    }

        #divCIDPBanner a .fa {
            color: #691c33;
        }

        #divCIDPBanner a span {
            display: block;
            font-size: 2rem;
            line-height: 1;
            font-weight: 300;
            margin-top: 17px;
        }

            #divCIDPBanner a span + p {
                font-size: 1rem;
                margin-top: 3px;
                margin-bottom: 2px;
                font-weight: 400;
            }

            #divCIDPBanner a span.white-background {
                color: #691c33;
                background-color: #fff;
                font-size: 1rem;
                display: inline-block;
                min-width: 260px;
                font-weight: 700;
                margin-top: 6px;
                padding-top: 3px;
                padding-bottom: 2px;
                border-radius: 3px;
            }

                #divCIDPBanner a span.white-background:hover {
                    background-color: #e9dde1;
                }

body#bodyPatient #main-pi {
    padding-top: 88px;
}

div#faqs div#divAccordionContainer {
    margin-bottom: 2rem;
}

/*HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS |*/
/*----------HCP: Common----------*/
body#bodyHCP p,
body#bodyHCP ul li {
    line-height: 1.5rem;
}

body#bodyHCP #splitter #splitter-wrapper {
    left: 0;
    right: 0;
    margin: -120px auto;
}

.column-left-padding {
    padding-right: 2.0rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.float-right {
    float: right;
    margin: 1.0rem 0 0.5rem 1.0rem;
}

.faux-blue-header {
    font-size: 1.5rem;
    color: #174a7c;
    margin-top: 1.5rem;
    margin-bottom: 1.3rem;
}

.faux-red-header {
    font-size: 1.75rem;
    color: #780032;
}

.header-margin-top {
    margin-top: 4.5rem;
}

body#bodyHCP .footnotes {
    line-height: 16px;
}

body#bodyHCP p.intro-subheader,
.intro-subheader {
    font-size: 1.68rem;
    line-height: 2.08rem;
}

a.underlined-link,
.underline {
    text-decoration: underline !important;
}

.margin-top {
    margin-top: 2rem;
}

.margin-top-none {
    margin-top: 0 !important;
}

.margin-top-half {
    margin-top: 1rem;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.padding-top {
    padding-top: 2rem;
}

.padding-bottom-none {
    padding-bottom: 0 !important;
}

.content {
    width: 60rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

.content-padding {
    padding: 2rem 0;
}

body#bodyHCP h1, body#bodyHCP h2, body#bodyHCP h3, body#bodyHCP h4 {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

body#bodyHCP h1.font-normal, body#bodyHCP h2.font-normal, body#bodyHCP h3.font-normal, body#bodyHCP h4.font-normal {
    font-weight: 400;
}

.background-red {
    background: #780032;
}

.background-gray {
    background: #eaeff1;
}

.gradient-gray-top {
    background-image: linear-gradient( 90deg, rgba(217,224,226,0.0) 0%, rgba(217,224,226,1.0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(217,224,226,0.0) 0%, rgba(217,224,226,1.0) 100%);
    background-image: -moz-linear-gradient( 90deg, rgba(217,224,226,0.0) 0%, rgba(217,224,226,1.0) 100%);
}

.gradient-gray-bottom {
    background-image: linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%);
    background-image: -moz-linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%);
}

.gradient-red-alternating {
    background-image: linear-gradient(0deg, rgba(240,232,234,1.0) 0%, rgba(255,255,255,1.0) 40%, rgba(255,255,255,1.0) 60%, rgba(240,232,234,1.0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(240,232,234,1.0) 0%, rgba(255,255,255,1.0) 40%, rgba(255,255,255,1.0) 60%, rgba(240,232,234,1.0) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(240,232,234,1.0) 0%, rgba(255,255,255,1.0) 40%, rgba(255,255,255,1.0) 60%, rgba(240,232,234,1.0) 100%);
}

.callout-container {
    background-image: linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%);
    color: #780032;
    font-size: 24px;
    border-radius: 6px;
    padding: 20px;
    margin-top: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #6d6e71;
    background-image: -webkit-linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%);
    background-image: -moz-linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%);
}

.study {
    font-size: 1.875rem;
}

.study-small {
    font-size: 1.25rem;
}

.font-normal {
    font-weight: 400;
}

.box {
    padding: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body#bodyHCP main ul {
    padding-left: 1rem;
}

header#headerPage nav#navHCP ul ul {
    box-shadow: none;
}

table.codingTable {
    width: 100%;
    margin: 1em 0;
}

    table.codingTable tr th {
        background: #dde1e7;
    }

        table.codingTable tr th .coding-header {
            color: #780032;
            font-size: 1.6em;
            text-align: left;
            font-weight: 500 !important;
            padding: 20px 10px;
            margin: 0;
        }

p.coding-subhead,
span.coding-subhead {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    line-height: 1.5rem;
    text-align: left;
    padding: 0 10px;
}

table.codingTable tr th:first-of-type {
    font-weight: bold;
}

table.codingTable tr {
    background: #fff;
    padding: 30px 0;
}

    table.codingTable tr.alt {
        background: #e8eaef;
    }

    table.codingTable tr td {
        padding: 10px 100px 10px 10px;
        vertical-align: top;
    }

        table.codingTable tr td:first-of-type {
            padding-right: 10px;
        }

        table.codingTable tr td.header {
            background: #f0e8ea;
        }

table.codingTable .th-small {
    font-size: 1rem;
    color: #6d6e71;
}

table.codingTable .bold {
    font-weight: bold !important;
}

table.codingTable .nobold {
    font-weight: normal !important;
}

table.codingTable tr.short-row td {
    padding: 5px 100px 5px 10px;
}

/*HCP: Common | Intro Sections*/
section[id *= "section-intro"] h1 {
    margin-top: 2.2rem;
    margin-bottom: 1.0rem;
    font-size: 40px;
    font-weight: 300;
}

/*HCP: Common | "Nav" Tabs*/
.nav-tabs {
    position: relative;
}

.nav-tab-rule {
    position: absolute;
    width: 100%;
    height: 0;
    border-bottom: 2.5px solid #780032;
    bottom: 0;
}

.nav-tab {
    position: relative;
    background: transparent url(/common/images/tab-inactive.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

.pure-u-1-4.nav-tab {
    background: transparent url(/common/images/tab-inactive-1-4.png) no-repeat center center;
}

body#bodyHCP .nav-tab h3,
body#bodyHCP .nav-tab p,
body#bodyHCP .nav-tab h2 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.nav-tab.active {
    background: transparent url(/common/images/tab-active.png) no-repeat center center;
    background-size: 100% 100%;
    z-index: 10;
}

.pure-u-1-4.nav-tab.active {
    background: transparent url(/common/images/tab-active-1-4.png) no-repeat center center;
    z-index: 10;
}

.nav-tab-content {
    display: none;
}

    .nav-tab-content.active {
        display: block;
    }

/*HCP: Common | Content Tabs*/
body#bodyHCP .tab-rule {
    position: relative;
    height: 0;
    border-bottom: 1px solid #6d6e71;
    top: -1px;
    z-index: 3;
}

body#bodyHCP .tab .tab-header {
    position: relative;
    background: #b6b6b8;
    border-radius: 5px 5px 0 0;
    border: 1px solid #b6b6b8;
    border-bottom: none;
    border-collapse: collapse;
    font-size: 20px;
    color: #ffffff;
    padding: 19px 10px;
    margin: 0 4px;
    cursor: pointer;
    z-index: 1;
    text-align: center;
}

body#bodyHCP .tab.active .tab-header {
    background: #eaeff1;
    border: 1px solid #6d6e71;
    border-bottom: none;
    color: #174a7c;
    z-index: 4;
}

body#bodyHCP .tab-first .tab-header {
    margin-left: 0;
}

body#bodyHCP .tab-last .tab-header {
    margin-right: 0;
}

body#bodyHCP .tab-content {
    display: none;
    position: relative;
    background: #eaeff1;
    border: 1px solid #6d6e71;
    border-radius: 5px;
    border-top: none;
    z-index: 2;
    padding: 20px;
}

    body#bodyHCP .tab-content.active {
        display: block;
        margin-top: -1px;
    }

body#bodyHCP .tab-content-first {
    border-radius: 0 5px 5px 5px;
}

body#bodyHCP .tab-content-last {
    border-radius: 5px 0 5px 5px;
}

body#bodyHCP .tab-content hr {
    background: #6d6e71;
    border-style: solid;
    border-width: 0;
    height: 1px;
}

/*HCP: Common | Indication Selection*/
body#bodyHCP #indication-selector a {
    display: block;
    width: 100%;
    padding: 0.75rem 0.5rem;
}

body#bodyHCP #indication-selector p {
    width: auto;
    margin-left: 0;
    margin-right: 48px;
}

body#bodyHCP .indication-selection {
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#section-switch {
    text-align: right;
    font-size: 18px;
}

    #section-switch a {
        text-decoration: underline;
        color: #780032;
        font-weight: bold;
    }

    #section-switch .content-padding {
        padding-top: 1em;
        padding-bottom: 0;
    }

/*HCP: Common | Callouts*/
#section-callouts {
    background: #f4f4f4;
    margin-top: 1.0rem;
}

    #section-callouts p:first-of-type {
        margin-top: 0.2em;
    }

    #section-callouts h3,
    #section-callouts h4,
    #section-callouts .callout-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 24px;
        color: #174a7c;
    }

.callout-column-left,
.callout-column-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.callout-column-left {
    padding: 2em 2em 2em 0;
    border-right: 0.5em solid #fff;
}

.callout-column-right {
    padding: 2em 0 2em 2em;
    border-left: 0.5em solid #fff;
}

/*HCP: Common | Accordion*/
.accordion-red {
    margin: 10px auto;
}

    .accordion-red .accordion-header {
        background: #f0e8ea url(/common/images/plus.png) no-repeat;
        background-position: right 26px center;
        padding: 37px 100px;
        cursor: pointer;
    }

        .accordion-red .accordion-header.active {
            background: #f0e8ea url(/common/images/minus.png) no-repeat;
            background-position: right 26px center;
            padding: 37px 100px;
        }

        .accordion-red .accordion-header h2 {
            margin: 0.5em 0 0 0.5em;
        }

    .accordion-red .accordion h2 {
        font-weight: 300;
    }

    .accordion-red .accordion-expansion > .footnotes:last-child,
    .accordion-red .accordion-expansion > p:last-child {
        margin-bottom: 0;
    }

    .accordion-red .accordion-expansion {
        display: none;
        background: #f0e8ea;
        padding: 0 100px 37px 100px;
        margin-top: 0;
    }

        .accordion-red .accordion-expansion ul {
            margin-top: 0;
            margin-bottom: 0;
            padding: 0 1em 0 0;
        }

        .accordion-red .accordion-expansion p:first-child {
            margin-top: 0;
        }

.accordion-grey {
    margin: 10px auto;
}

    .accordion-grey .brandColorDarkGrey {
        color: #404040;
    }

    .accordion-grey .accordion-header {
        background: #e7edf2 url(/common/images/plus-bold.png) no-repeat;
        background-position: right 40px center;
        padding: 35px 50px 35px 160px;
        cursor: pointer;
        position: relative;
    }

        .accordion-grey .accordion-header.active {
            background: #e7edf2 url(/common/images/minus-bold.png) no-repeat;
            background-position: right 40px center;
        }

        .accordion-grey .accordion-header h3, .bio-overview h3 {
            margin: 0;
            font-size: 1.75em;
            font-weight: 300;
        }

        .accordion-grey .accordion-header p {
            margin: 0;
        }

        .accordion-grey .accordion-header img {
            position: absolute;
            left: 20px;
            top: 10px;
        }

    .accordion-grey .accordion h3 {
        font-weight: 300;
    }

    .accordion-grey .accordion-expansion > .footnotes:last-child,
    .accordion-grey .accordion-expansion > p:last-child {
        margin-bottom: 0;
    }

    .accordion-grey .accordion-expansion {
        display: none;
        background: #e7edf2;
        padding: 0 38px 37px 160px;
        margin-top: 0;
    }

        .accordion-grey .accordion-expansion ul {
            margin-top: 0;
            margin-bottom: 0;
            padding: 0 1em 0 0;
        }

        .accordion-grey .accordion-expansion p {
            margin-top: 0;
            margin-bottom: 3px;
        }

        .accordion-grey .accordion-expansion img {
            margin-right: 0;
            margin-left: auto;
        }

@media (max-width: 767px) {
    .accordion-grey .accordion-header {
        background-position: right 10px center;
    }

        .accordion-grey .accordion-header.active {
            background-position: right 10px center;
        }

    .accordion-grey .accordion-expansion {
        padding: 0 5px 37px 5px;
    }

        .accordion-grey .accordion-expansion img {
            margin: 0 auto;
        }
}

/*HCP: Common | Footnotes*/
#section-footnotes .content-padding {
    padding-top: 0;
}


/*----------HCP: Home----------*/
#section-home-hcp-banner {
    padding: 14rem 0 2.75rem;
    background-image: url(/common/images/hizentra-agnostic-background.png);
    background-repeat: no-repeat;
    background-position: center top -90px;
    background-size: 1024px;
}

#section-home-hcp-support h4 {
    font-size: 1.75rem;
    margin-top: 0;
}

#section-home-cidp-patients h3 {
    font-size: 1.875rem;
}

#section-home-cidp-patients div.patient-portrait > h3 {
    text-align: center;
}

#section-home-cidp-patients div.appolos-caption {
    color: #fff;
    line-height: 18px;
    text-align: left;
    padding: 15px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 5px 5px 0;
}


#section-home-hcp-support h3 {
    font-size: 1.875rem;
}

/*cidp*/
#section-home-hcp-banner-cidp {
    padding-bottom: 40px;
    background: transparent url(/common/images/banner-home-hcp-cidp.png);
    background-size: 55% auto;
    background-repeat: no-repeat;
    background-position: left top 130px;
    border-bottom: 3px solid #780032;
}

body#bodyHCP #section-home-hcp-banner-cidp h1 {
    font-weight: 500;
}

body#bodyHCP #section-home-hcp-banner-cidp h2 {
    font-weight: 400;
}

#section-home-hcp-prefilled-syringes span.hanging {
    float: left;
    line-height: 1.5rem;
}

    #section-home-hcp-prefilled-syringes span.hanging + span {
        display: block;
        padding-left: 5px;
        margin-bottom: 3px;
        line-height: 1.5rem;
    }

/*pi*/
body#bodyHCP #section-home-hcp-banner-pi h1,
body#bodyHCP #section-home-hcp-banner-pi h2 {
    font-weight: 400;
}

#section-home-hcp-banner-pi h2 span {
    display: block;
    font-weight: 300;
}

#section-home-hcp-banner-pi .footnotes {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    width: 100%;
    padding-top: 2.0rem;
    padding-right: 1.0rem;
    margin-bottom: 0;
}



/*----------HCP: Proven Efficacy and Safety----------*/

/*HCP: Proven Efficacy and Safety | Agnostic*/
#section-intro-efficacy {
    background: url(/common/images/banner-efficacy.png) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

    #section-intro-efficacy h1 {
        margin-bottom: 0;
        margin-top: 4.5rem;
    }

body#bodyHCP #section-intro-efficacy .sub-title {
    margin-top: 0.25em;
    font-weight: 400;
    font-size: 1.75em;
    margin-bottom: 0.83em;
}

#section-intro-efficacy img {
    padding: 0.1rem 0;
    border-left: 1px solid #6d6e71;
}

#section-intro-efficacy .intro-subheader {
    font-weight: 400;
}

#innovator-details ul li {
    text-align: left;
    margin: 10px auto;
}

#innovator-details {
    font-size: 1.2rem;
    border-top: 1px solid #780032;
    border-bottom: 1px solid #780032;
}

    #innovator-details ul {
        margin-top: 0.25rem;
    }

    #innovator-details p {
        margin-bottom: 0.25rem;
    }

    #innovator-details img {
        margin-left: auto;
        margin-right: 10%;
    }

/*HCP: Proven Efficacy and Safety | CIDP*/
#section-intro-efficacy-cidp {
    background-image: url(/common/images/banner-efficacy-cidp.png), linear-gradient(rgba(23,74,124,0.1) 0%, rgba(23,74,124,0.0) 50%);
    background-repeat: no-repeat;
    background-size: 90% auto, cover;
    background-position: left top -20px, center top;
    border-bottom: 3px solid #780032;
}

    #section-intro-efficacy-cidp h1 {
        margin-top: 4rem;
        margin-bottom: 0.25rem;
    }

    #section-intro-efficacy-cidp img {
        margin-bottom: 1.5rem;
    }

#section-efficacy-path-study img {
    max-width: 135px;
}

#path-study-logo {
    border-bottom: 1px solid #6d6e71;
}

    #path-study-logo img {
        margin-bottom: -50px;
        border: 1rem solid #fff;
    }

.path-details {
    font-size: 1.5rem;
    color: #780032;
    text-align: center;
    border-bottom: 1px solid #6d6e71;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

    .path-details span {
        font-size: 1.75rem;
    }

#section-efficacy-study-design .accordion-red .accordion-header {
    background-color: #e3e8e9;
    padding: 1rem 2rem;
}

    #section-efficacy-study-design .accordion-red .accordion-header h2 {
        margin-top: 0;
        font-weight: 400;
    }

#section-efficacy-study-design .accordion-red .accordion-expansion {
    background-color: #e3e8e9;
    padding-left: 3rem;
    padding-right: 3rem;
}

    #section-efficacy-study-design .accordion-red .accordion-expansion p.brandColorRed {
        font-size: 1.5rem;
        margin-top: 0;
        font-weight: 300;
    }

#section-efficacy-study-design .content-padding {
    padding-bottom: 2.0rem;
}

#section-EANPNS-callout {
    margin-top: 2rem;
    background-image: -moz-linear-gradient( 0deg, rgba(105,28,51,0.07843) 0%, rgba(105,28,51,0.04) 17%, rgba(105,28,51,0) 49%, rgba(105,28,51,0.07843) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(105,28,51,0.07843) 0%, rgba(105,28,51,0.04) 17%, rgba(105,28,51,0) 49%, rgba(105,28,51,0.07843) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(105,28,51,0.07843) 0%, rgba(105,28,51,0.04) 17%, rgba(105,28,51,0) 49%, rgba(105,28,51,0.07843) 100%);
}


    #section-EANPNS-callout .margin-auto {
        margin: auto;
    }



    #section-EANPNS-callout .callout-pat-gradient p.headline {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.2;
        text-align: left;
    }



#section-primary-efficacy-relapse-free ul {
    margin-top: 20%;
}

#section-primary-efficacy-relapse-free .footnotes {
    font-size: 0.748rem;
}

#section-primary-efficacy-relapse-free span.study sup {
    font-size: 60%;
 
}

#section-primary-efficacy-relapse-free sup span.sup-xs {
    font-size: 75%;
    vertical-align: baseline;
    position: relative;
    bottom: 4px;
}


#table-adverse-reactions {
    width: 100%;
    table-layout: fixed;
    font-size: 0.9rem;
}

    #table-adverse-reactions td {
        padding: 2px;
        text-align: center;
        border: 1px solid #6d6e71;
    }

    #table-adverse-reactions tr td:first-child {
        text-align: left;
        padding-left: 8px;
    }

    #table-adverse-reactions td.background-red {
        padding: 2px;
        line-height: 0.9rem;
    }

#section-secondary-efficacy img {
    margin-bottom: 3.0rem;
}

#section-tolerability img {
    max-width: 432px;
    width: 100%;
    margin: 0 auto;
}

#section-tolerability .callout-container {
    margin-left: 1.0rem;
}

#section-tolerability div.box ul, #section-tolerability div.box li, #section-tolerability div.box {
    margin-top: 0;
    padding-top: 0;
}


/*HCP: Proven Efficacy and Safety | PI*/
#section-intro-efficacy-pi {
    background-image: url(/common/images/hizentra-globe.png), linear-gradient(rgba(23,74,124,0.1) 0%, rgba(23,74,124,0.0) 100%);
    background-repeat: no-repeat;
    background-size: 40% auto, cover;
    background-position: left top 60px, center top;
    border-bottom: 3px solid #780032;
    padding-top: 50px;
}

    #section-intro-efficacy-pi h1 {
        margin-top: 4rem;
        margin-right: 4rem;
    }

    #section-intro-efficacy-pi img {
        margin: 2rem -1px 2rem auto;
        padding: 0.2rem 0 0.1rem;
        border-right: 1px solid #6d6e71;
    }

#section-efficacy-experience div.callout-red-tab,
#section-efficacy-experience div.callout-blue-tab {
    margin: 0 auto;
}

    #section-efficacy-experience div.callout-red-tab + .footnotes,
    #section-efficacy-experience div.callout-blue-tab + .footnotes {
        margin-top: 0.25rem;
        margin-left: 10px;
        margin-bottom: 0.5rem;
    }

    #section-efficacy-experience div.callout-red-tab p,
    #section-efficacy-experience div.callout-blue-tab p {
        line-height: 1.1rem;
        margin-top: 0.8rem;
    }

#section-efficacy-experience .rounded-callout {
    width: 100%;
    border: 1.5px solid rgb(217,224,226);
    border-radius: 10px;
    min-height: 40px;
    padding: 0.75rem 1rem 4px;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 300;
    box-shadow: 0 6px 10px -2px rgba(0,0,0,0.2);
    background-image: linear-gradient( 90deg, rgba(28,53,94,0.05098) 0%, rgba(28,53,94,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(28,53,94,0.05098) 0%, rgba(28,53,94,0) 100%);
}

#section-efficacy-experience hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    height: 3px;
    background: #780032;
}

    #section-efficacy-experience hr.brandColorBlue {
        background: #174a7c;
    }

#section-efficacy-perspective-goals h3 {
    font-size: 1.5rem;
    margin-top: 2.5rem;
}

#section-efficacy-experience .accordion-header h2 {
    margin-right: 40px;
    margin-top: 0;
    font-weight: 400;
    text-align: left;
    font-size: 1.5rem;
}

#section-efficacy-experience .accordion-expansion h3 {
    margin-top: 0;
}

#section-efficacy-experience .accordion-expansion {
    background-color: #eaeff1;
    padding-left: 5rem;
    padding-right: 3rem;
    text-align: left;
}

#section-efficacy-experience .accordion-header {
    background-color: #eaeff1;
    padding: 1rem;
}

#section-efficacy-experience h3.brandColorBlue + p.footnote {
    margin: auto;
}
/*----------HCP: Flexibility for Patients----------*/
#section-intro-flexibility h1 {
    margin-top: 5rem;
    margin-bottom: 3.5rem;
}

#section-intro-flexibility-cidp h1 {
    margin-top: 4.5rem;
    margin-bottom: 0.5rem;
}

#section-intro-flexibility-pi h1 {
    margin-top: 4.5rem;
    margin-bottom: 0.5rem;
}

#section-intro-flexibility-pi .intro-subheader {
    margin-top: 0.5rem;
}

#section-intro-flexibility-pi {
    background: transparent url(/common/images/banner-flexibility-pi.png) no-repeat right center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

#section-flexibility-choices img {
    width: 115px;
    height: auto;
}

#section-intro-flexibility-cidp {
    background: transparent url(/common/images/banner-flexibility-cidp.png) no-repeat left bottom;
    background-size: cover;
    border-bottom: 4px solid #780032;
}

    #section-intro-flexibility-cidp h1 {
        margin-bottom: 0.5rem;
    }

    #section-intro-flexibility-cidp .intro-subheader {
        margin-top: 0.5rem;
    }

#section-intro-flexibility {
    background: transparent url(/common/images/banner-flexibility.jpg) no-repeat right center;
    background-size: cover;
    border-bottom: 4px solid #780032;
}

body#bodyHCP #section-flexibility-patients-pi .tab .tab-header,
body#bodyHCP #section-flexibility-patients-cidp .tab .tab-header {
    height: 100%;
    font-size: 1.2rem;
    padding: 10px 6px;
    min-height: 62px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#section-flexibility-patients-pi .profile-name {
    margin-top: 4px;
}

#section-flexibility-patients-cidp,
#section-flexibility-patients-pi {
    margin-left: 1rem;
    margin-right: 1rem;
}

.flexibility-choice {
    font-size: 1.5rem;
    margin: 0.4rem;
}

    .flexibility-choice .small {
        font-size: 1.0rem;
        display: block;
        color: #6d6e71;
        font-weight: 400;
    }

.profile-name {
    display: block;
    font-size: 24px;
    margin-top: 1em;
}

.profile-details {
    padding-left: 20px;
    padding-right: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.profile-dosing-details {
    color: #fff;
    line-height: 24px;
    padding: 10px 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 5px 5px 0;
}

.profile-details ul {
    margin-bottom: 2rem;
}

.profile-details .calendar-container {
    position: relative;
}

.profile-details .calendar {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: auto;
    color: #fff;
}

.profile-highlight {
    width: 100%;
    font-size: 20px;
    background-image: linear-gradient(0deg, rgba(234,239,241,0.0) 0%, rgba(23,74,124,1.0) 10%, rgba(23,74,124,1.0) 90%, rgba(234,239,241,0.0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(234,239,241,0.0) 0%, rgba(23,74,124,1.0) 10%, rgba(23,74,124,1.0) 90%, rgba(234,239,241,0.0) 100%);
    background-image: -moz-linear-gradient(0deg, rgba(234,239,241,0.0) 0%, rgba(23,74,124,1.0) 10%, rgba(23,74,124,1.0) 90%, rgba(234,239,241,0.0) 100%);
    color: #fff;
    padding: 5px 10%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1em;
}

#section-flexibility-easy-to-use ul {
    margin-top: 15%;
}

#section-flexibility-easy-to-use h2.brandColorRed.study sup{
    font-size:50%;
    position:relative;
    top:-0.75rem;
}

#section-flexibility-easy-to-use video {
    max-width: 640px;
    margin: 0 auto;
}

#section-flexibility-easy-to-use p {
    text-align: left;
    max-width: 640px;
    margin: 1rem auto 0;
}

#section-flexibility-perspectives h2,
#section-flexibility-perspectives p {
    margin-right: 2rem;
}

#section-flexibility-perspectives h2 {
    margin-top: 10%;
}




/*----------HCP: Dosing and Administration----------*/
#section-intro-dosing {
    background: url(/common/images/banner-dosing.png) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

#section-intro-dosing-pi {
    background: url(/common/images/banner-gradient.png) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

    #section-intro-dosing-pi img {
        position: relative;
        left: 35px;
    }

#section-intro-dosing h1 {
    margin-top: 2em;
    margin-bottom: 1.3em;
}

#section-intro-dosing h2 {
    margin-top: 0.25em;
}

body#bodyHCP #section-intro-dosing p.intro-subheader {
    margin-top: 10px;
}

#section-intro-orphan {
    background: url(/common/images/banner-orphan.png) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

#section-intro-orphan-pi {
    background: url(/common/images/banner-gradient.png) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

    #section-intro-orphan-pi img {
        position: relative;
        left: 35px;
    }

#section-intro-orphan h1 {
    margin-top: 2em;
    margin-bottom: 1.3em;
}

#section-intro-orphan h2 {
    margin-top: 0.25em;
}

body#bodyHCP #section-intro-orphan p.intro-subheader {
    margin-top: 10px;
}

#section-dosing-calculator-pi #dosage-calculator {
    background: transparent;
}

#section-dosing-administration-pi #table-pi-dosing-details, #section-dosing-administration-cidp #table-pi-dosing-details {
    width: 100%;
    border: #dbdfe1 1px solid;
    border-radius: 0px 5px 5px 0px;
    border-collapse: separate !important;
}

#section-dosing-administration-cidp #table-cidp-dosing-details, #section-dosing-administration-pi #table-cidp-dosing-details {
    width: 100%;
    border: #174a7c 1px solid;
    border-radius: 5px;
    border-collapse: separate !important;
}

#section-dosing-administration-cidp #table-pi-dosing-details th #section-dosing-administration-pi #table-pi-dosing-details th {
    padding: 0;
    background-color: #dbdfe1;
}

#section-dosing-administration-cidp #table-cidp-dosing-details th, #section-dosing-administration-pi #table-cidp-dosing-details th {
    padding: 0;
    background-color: #174a7c;
}

#section-dosing-administration-cidp table img, #section-dosing-administration-pi table img {
    padding: 0;
    max-height: 100px
}

#section-dosing-administration-cidp #table-cidp-dosing-details td, #table-pi-dosing-details td {
    padding: .1em 1em;
    text-align: center;
    vertical-align: bottom;
}

#section-dosing-administration-cidp .table-dosing-divider, #section-dosing-administration-pi .table-dosing-divider {
    color: #dbdfe1;
    margin: 0;
}

#section-dosing-administration-cidp .table-row-last td, #section-dosing-administration-pi .table-row-last td {
    vertical-align: top !important;
}

#section-dosing-administration-cidp .grey-table-header, #section-dosing-administration-pi .grey-table-header {
    border: 1px solid #848588;
    background-color: #dbdfe1;
    border-radius: 5px;
    padding: .3em 1em;
}

#section-dosing-administration-cidp .pink-table-header, #section-dosing-administration-pi .pink-table-header {
    border: 1px solid #a58491;
    background-color: #bf8e9f;
    border-radius: 5px;
    padding: .3em 3em;
    color: #ffffff;
}

#section-dosing-administration-cidp .red-table-header, #section-dosing-administration-pi .red-table-header {
    border: 1px solid #764659;
    background-color: #781135;
    border-radius: 5px;
    padding: .3em 1em;
    color: #ffffff;
}

#section-dosing-administration-cidp .footnote, #section-dosing-administration-pi .footnote {
    margin: 0 0 1em 0;
}

#section-dosing-calculator-pi #dosage-calculator-results p {
    padding: 0;
}

.calculator-header {
    font-size: 1.25rem;
}

table.formula-container {
    font-size: 0.9rem;
    background: #efefef;
    border: 1px solid #b9b9b9;
    text-align: center;
    width: 100%;
    min-height: 76px;
}

.formula-left {
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formula-right {
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.formula-container .formula {
    color: #780032;
}

table.formula-container td:first-child {
    padding-left: 1.0rem;
}

table.formula-container td:last-child {
    padding-right: 1.0rem;
}

table.formula-container hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #780032;
    padding: 0;
    margin: 0.25rem 0 0.1rem;
}

div.dosing-formula {
    text-align: center;
    font-size: 95%;
}

    div.dosing-formula .grey-top > div {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #D8E0E3;
        border: 1px solid #6D6E70;
        border-bottom: 0;
        padding: 0.5em 0;
    }

    div.dosing-formula .magenta-top > div {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #780031;
        border: 1px solid #6D6E70;
        border-bottom: 0;
        padding: 0.5em 0;
        color: #fff;
    }

    div.dosing-formula .middle-left > div {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: #F2F6F7;
        border: 1px solid #6D6E70;
        padding: 0.5em 0;
    }

    div.dosing-formula .middle-right > div {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #FAF4F5;
        border: 1px solid #6D6E70;
        border-left: 0;
        padding: 1.1em 0;
    }

    div.dosing-formula .grey-middle > div {
        background-color: #D8E0E3;
        border-left: 1px solid #6D6E70;
        border-right: 1px solid #6D6E70;
        padding: 0.5em 0;
    }

    div.dosing-formula .magenta-middle > div {
        background-color: #780031;
        border-left: 1px solid #6D6E70;
        border-right: 1px solid #6D6E70;
        padding: 0.5em 0;
    }

    div.dosing-formula .bottom-left > div {
        background-color: #F2F6F7;
        border: 1px solid #6D6E70;
        padding: 0.53em 0;
    }

    div.dosing-formula .bottom-right > div {
        background-color: #FAF4F5;
        border: 1px solid #6D6E70;
        border-left: 0;
        padding: 0.53em 0;
    }

        div.dosing-formula .bottom-right > div:first-child {
            border-top-right-radius: 5px;
        }

        div.dosing-formula .bottom-right > div:last-child {
            border-bottom-right-radius: 5px;
        }

    div.dosing-formula .blue-box > div {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: #124A7D;
        color: #fff;
        border: 1px solid #6D6E70;
        padding: 0.5em 0;
    }

    div.dosing-formula .rate-box > div {
        border-top: 1px solid #6D6E70;
        border-bottom: 1px solid #6D6E70;
        padding: 0.53em 0;
    }

        div.dosing-formula .rate-box > div:first-child, div.dosing-formula .bottom-left > div:first-child, div.dosing-formula .bottom-right > div:first-child {
            border-bottom: 0;
        }

    div.dosing-formula .grey-bottom > div {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #D8E0E3;
        border: 1px solid #6D6E70;
        border-top: 0;
        padding: 0.25em 0;
    }

    div.dosing-formula .magenta-bottom > div {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #780031;
        border: 1px solid #6D6E70;
        border-top: 0;
        padding: 0.25em 0;
        color: #fff;
    }

@media screen and (min-width:410px) and (max-width: 767px) {
    div.dosing-formula .blue-box > div {
        padding: 1.65em 0;
    }
}

#section-dosing-convienence .content-padding {
    padding-top: 0;
}

#section-dosing-convienence .float-right img {
    margin-bottom: 1rem;
}

#section-dosing-convienence .float-right .gradient-gray-top {
    padding: 1rem 1rem 3rem;
}

#section-dosing-self-administration h3,
#dosing-administering-therapy h3 {
    font-size: 1.75rem;
}

#formula-equals {
    min-width: 100px;
}

#section-dosing-calculator-pi .formula-left table,
#section-dosing-calculator-pi .formula-right table {
    min-height: 76px;
}

#vial-sizes-pi {
    margin-top: 30%;
}

#section-dosing-pi-guide .content-padding {
    padding-top: 0;
}

#section-dosing-pi-guide video {
    width: 95%;
    height: auto;
    margin: 0 auto;
}

#section-dosing-guide .content-padding {
    padding-top: 0;
}

#section-dosing-guide h3 {
    font-size: 1.5rem;
}

#section-dosing-calculator-cidp > .content-padding {
    padding-top: 1.25rem;
}

#section-dosing-calculator-cidp table.formula-container td {
    padding-bottom: 0.4rem;
}

#section-dosing-calculator-cidp table.formula-container .formula {
    font-size: 1.0rem;
}

#section-dosing-calculator-cidp .spacer {
    height: 2rem;
}

#calculator-cidp .pure-button-primary {
    padding: 0.75rem;
}

#calculator-cidp #cidp-calc-step-2 {
    display: none;
}

#calculator-cidp-form .pure-form label {
    color: #6d6e71;
}

#calculator-cidp .step {
    margin-top: 0.5rem;
    margin-bottom: 1.875rem;
}

#calculator-cidp-form .step {
    margin-left: -40px;
}

#calculator-cidp #button-back {
    display: inline-block;
    margin-right: 2rem;
    cursor: pointer;
}

#calculator-cidp-form,
#calculator-cidp-results {
    background: #efefef;
    padding: 1.5rem 1.65rem 1.5rem 3.25rem;
    min-height: 22rem;
    box-shadow: 0px 6px 10px -2px rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#calculator-cidp-results {
    padding: 1.5rem 1rem;
    margin-left: 16px;
}

    #calculator-cidp-results .calc-box-white span:nth-child(2) {
        margin-bottom: 40px;
    }

#calculator-cidp-results {
    display: none;
}

#calculator-cidp #calc-base {
    padding-left: 3rem;
    padding-right: 3rem;
}

#calculator-cidp #vial-option {
    float: none;
    font-size: 0.9rem;
    min-height: 38px;
}

    #calculator-cidp #vial-option > div {
        width: 25%;
        padding: 0.6rem 0.25rem;
    }

#calculator-cidp-form div.step-number {
    color: #fff;
    background: #1a355e;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px 2px 5px 8px;
    line-height: 15px;
    border-radius: 26px;
    float: left;
    margin: 0 1em 2em 0;
}

#calculator-cidp input#weekly-dose,
#calculator-cidp input#pat-weight {
    text-align: center;
    float: left;
    font-size: 1.25rem;
    border-radius: 3px;
}

#calculator-cidp #infusion-time-option {
    width: 100%;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

    #calculator-cidp #infusion-time-option > div {
        padding: 0.5rem 0.25rem;
    }

#calculator-cidp div#weight-option {
    float: left;
    margin: 4px 0 0 15px;
}

#calculator-cidp-form label b {
    color: #6d6e71;
}

#calculator-cidp .button-calculator {
    margin: .5em;
    display: inline-block;
    padding: .5em 1em;
}

#calculator-cidp .invalidinput {
    padding: 0 0 1em 2.5em;
    display: block;
    display: none;
    color: #f00;
}

#calculator-cidp .modalDialogFormButton {
    padding: 1rem 0;
    margin-top: 1.5rem;
}

#calculator-cidp-results p {
    padding: 0.5rem 0;
    margin: 0;
}

#calculator-cidp div.pure-control-group {
    clear: both;
    min-height: 85px;
}

#calculator-cidp div.errorMessage {
    display: none;
    clear: both;
    color: #f00;
    padding-top: 7px;
}

#calculator-cidp .step-label {
    font-size: 1.25rem;
    font-weight: bold;
}

#calculator-cidp .calc-box-white {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.0rem;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#calculator-cidp .weekly-dose-result-values {
    display: block;
    color: #691c33;
    font-size: 1.5rem;
    font-weight: bold;
}

#calculator-cidp #reset-weekly-dose {
    display: block;
    padding: 0.3rem 0;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}

#calculator-cidp .toggle-option {
    text-align: center;
    float: left;
    border-radius: 10px;
    font-size: 0.9rem;
}

    #calculator-cidp .toggle-option > div {
        width: 50%;
        display: block;
        float: left;
        background-color: #fff;
        color: #691c33;
        cursor: pointer;
        border: 1px solid #691c33;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.75rem 1.2rem;
    }

    #calculator-cidp .toggle-option div.active {
        color: #fff;
        background: #691c33;
        background: -webkit-linear-gradient(top, #691c33 0%,#691c33 49%,#30100c 100%);
        background: -moz-linear-gradient(top, #691c33 0%, #691c33 49%, #30100c 100%);
        background: linear-gradient(to bottom, #691c33 0%,#691c33 49%,#30100c 100%);
    }

    #calculator-cidp .toggle-option div:first-child {
        border-right: 1px solid #691c33;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

        #calculator-cidp .toggle-option div:first-child.active {
            border-right: 1px solid #4c1a25;
        }

    #calculator-cidp .toggle-option div:last-child {
        border-left: 1px solid #691c33;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        #calculator-cidp .toggle-option div:last-child.active {
            border-right: 1px solid #4c1a25;
        }

#calculator-cidp .stepper {
    text-align: center;
    width: 72px;
    margin: 0 auto;
}

    #calculator-cidp .stepper > div {
        padding: 0 10px;
        float: left;
        width: 50%;
        cursor: pointer;
    }

    #calculator-cidp .stepper div {
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.5rem 0.75rem;
        background: #691c33;
        background: -webkit-linear-gradient(top, #691c33 0%,#691c33 49%,#30100c 100%);
        background: -moz-linear-gradient(top, #691c33 0%, #691c33 49%, #30100c 100%);
        background: linear-gradient(to bottom, #691c33 0%,#691c33 49%,#30100c 100%);
    }

        #calculator-cidp .stepper div:hover {
            background: #8f2645;
            background: -webkit-linear-gradient(top, #8f2645 0%,#8f2645 49%,#30100c 100%);
            background: -moz-linear-gradient(top, #8f2645 0%, #8f2645 49%, #30100c 100%);
            background: linear-gradient(to bottom, #8f2645 0%,#8f2645 49%,#30100c 100%);
        }

        #calculator-cidp .stepper div:first-child {
            border-radius: 10px 0 0 10px;
            border-right: 1px solid #6d6e71;
        }

        #calculator-cidp .stepper div:last-child {
            border-radius: 0 10px 10px 0;
            border-left: 1px solid #6d6e71;
        }

#calculator-cidp .calc-box-white .stepper div {
    background: #fff;
    border: 1px solid #6d6e71;
    color: #6d6e71;
}

    #calculator-cidp .calc-box-white .stepper div:hover {
        background: #6d6e71;
        color: #fff;
    }

#calculator-cidp .cidp-calc-step {
    padding: 0 1.0rem 0 0.5rem;
}

#calculator-cidp .slider-container {
    margin-bottom: 2.0rem;
}

    #calculator-cidp .slider-container .slider-label {
        text-align: center;
    }

#calculator-cidp .subtext {
    font-style: italic;
    font-size: 0.9rem;
    line-height: 1.0rem;
    clear: both;
    display: block;
}

#calculator-cidp .slider-container .ui-slider-horizontal .ui-slider-range-min {
    display: none;
    background: none;
}

#calculator-cidp .slider-container .ui-widget-content {
    background: #6d6e71;
    border-radius: 1.5px;
    height: 3px;
    top: 50%;
    width: 85%;
    margin: 0 auto;
}

#calculator-cidp .slider-container .ui-slider .ui-slider-handle {
    background: #691c33;
    border: none;
    height: 28px;
    width: 28px;
    border-radius: 14px;
    top: -14px;
    cursor: pointer;
    outline: none;
}

#calculator-cidp-form #infusion-volume-container,
#calculator-cidp-form #infusion-sites-container {
    text-align: left;
}

#calculator-cidp-form #infusion-sites-container {
    display: none;
}

    #calculator-cidp-form #infusion-volume-container label,
    #calculator-cidp-form #infusion-sites-container label {
        margin-top: 0.5rem;
        margin-bottom: 1.5rem;
    }

#section-dosing-self-administration .content-padding {
    padding-top: 0;
}



/*----------HCP: Access and Billing Codes----------*/
#section-intro-access {
    padding-top: 2.0rem;
    padding-bottom: 1.5rem;
    background: transparent url(/common/images/banner-access.jpg) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

#section-access-codes .accordion-expansion {
    display: none;
}

#section-access-codes div#access-accordion .accordion-expansion h3.title {
    padding: 37px 100px 37px 26px;
    margin-bottom: 0;
}

#section-access-codes div#access-accordion .accordion-expansion {
    padding-top: 0;
}

    #section-access-codes div#access-accordion .accordion-expansion > table:first-child {
        margin-top: 0;
    }

#section-access-codes div#access-accordion .accordion-header h3 {
    padding: 37px 100px 37px 26px;
    margin-top: 7px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 2.5rem;
    color: #fff;
}

    #section-access-codes div#access-accordion .accordion-header h3 sup {
        font-size: 56.25%;
    }

#section-access-codes .accordion-header {
    background: #691c33 url(/common/images/plus-white.png) no-repeat;
    background-position: right 26px center;
}

    #section-access-codes .accordion-header.active {
        background: #691c33 url(/common/images/minus-white.png) no-repeat;
        background-position: right 26px center;
    }

#section-access-codes .accordion-expansion > p:first-child {
    margin-top: 0;
}

#section-access-codes tr > th:first-child,
#section-access-codes tr > td:first-child {
    padding-left: 26px;
}

#section-access-codes tr > th:last-child,
#section-access-codes tr > td:last-child {
    padding-right: 26px;
}

#section-access-codes td.header {
    padding-top: 10px;
    padding-bottom: 10px;
}

#section-access-codes td.subheader {
    padding-top: 10px;
    padding-bottom: 10px;
}

#section-access-coding-guide h4,
#section-access-callouts h2 {
    margin-bottom: 0;
}

#section-access-callouts h4 {
    font-size: 1.5rem;
}

#section-access-callouts img {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}

#section-access-codes tr > td.padding-top-none {
    padding-top: 0;
}

#section-access-codes tr > td.padding-bottom-none {
    padding-bottom: 0;
}



/*----------HCP: Patient Resources----------*/
#section-intro-resources {
    padding-top: 2.0rem;
    padding-bottom: 1.5rem;
    background: transparent url(/common/images/banner-patient-resources.jpg) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

#section-resources-brochures,
#section-resources-igiq {
    background: #eaeff1;
}

#section-resources-nurse-locator {
    background-image: linear-gradient( 90deg, rgba(217,224,226,0.0) 0%, rgba(217,224,226,1.0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(217,224,226,0.0) 0%, rgba(217,224,226,1.0) 100%);
    background-image: -moz-linear-gradient( 90deg, rgba(217,224,226,0.0) 0%, rgba(217,224,226,1.0) 100%);
}

#section-resources-app .content-padding {
    padding-top: 0;
}

#section-resources-app #patient-tool-iphone {
    position: relative;
    height: 100%;
}
/*#section-resources-app #patient-tool-iphone img {position: absolute; bottom: 0;}*/
#section-resources-app .store-icon {
    margin-top: 15%;
    margin-right: 1.0rem;
}

#section-resources-app .footnote-row {
    display: block;
    margin-bottom: 0.5rem;
}

#section-resources-forms img {
    max-width: 200px;
}

#section-resources-administration video {
    max-width: 304px;
}

#section-resources-webinar {
    background: #eaeff1;
}



/*----------HCP: Nurse Locator----------*/



/*----------HCP: Managing Therapy----------*/
#section-management-common-issues .accordion-header .inner {
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}

#section-management-common-issues .accordion-expansion ul li:first-child {
    margin-top: 0;
}

#section-management-additional-resources .content-padding {
    padding-left: 2rem;
    padding-right: 2rem;
}

#section-management-additional-resources p {
    padding-right: 1rem;
}

.additional-resource p {
    padding: 0 10px 0 20px;
    margin-top: 0;
}

#paint-girl {
    margin-top: 2rem;
    width: 90%;
}

#section-management-additional-resources #hizentra-support-programs {
    width: 79px;
    height: 73px;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    padding: 0;
    margin: 0 auto;
}


/*----------HCP: SHARE Nurse Training Center----------*/
#share-faq .accordion-red {
    font-size: 1.2rem;
}

    #share-faq .accordion-red .accordion-header,
    #share-faq .accordion-red .accordion-expansion {
        padding-left: 26px;
    }

div#share-welcome p {
    padding-left: 20px;
    padding-right: 10px;
    margin-top: 0;
}

.header-exam-completed {
    clear: both;
    text-align: left;
    margin-top: 3.0rem;
    padding-top: 22px;
    margin-bottom: 24px;
}


/*----------HCP: Frequently Asked Questions----------*/
#section-intro-faq-hcp {
    padding-top: 2.0rem;
    padding-bottom: 2.5rem;
    border-bottom: 3px solid #780032;
    background-image: url(/common/images/banner-faq-hcp.png), -webkit-linear-gradient(0deg, rgba(112,144,174,0.5) 0%, rgba(112,144,174,0.0) 100%);
    background-image: url(/common/images/banner-faq-hcp.png), linear-gradient(0deg, rgba(112,144,174,0.5) 0%, rgba(112,144,174,0.0) 100%);
    background-repeat: no-repeat;
    background-size: auto 220px, cover;
    background-position: right bottom, center bottom;
}

.faq-letter {
    color: #dad4d9;
    font-weight: bold;
    font-size: 4em;
    line-height: 1em;
}

#main-faq-hcp .faqSpace {
    font-size: 1.5rem;
}

#main-faq-hcp .accordion-header {
    padding-left: 26px;
}

#main-faq-hcp .accordion-expansion {
    display: none;
    background: #f0e8ea;
    padding: 0 100px 37px 26px;
}

#main-faq-hcp .accordion-red {
    margin: 10px auto;
}

    #main-faq-hcp .accordion-red p,
    #main-faq-hcp .accordion-red .accordion-expansion ul li {
        font-size: 22px;
        line-height: 26px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    #main-faq-hcp .accordion-red .accordion-expansion ul {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }



/*----------HCP: IgIQ Support----------*/
#section-igiq-contact .brandColorRed,
#section-igiq-contact .brandColorBlue {
    font-size: 24px;
}

#section-igiq-help .accordion-expansion h5,
#section-igiq-help .accordion-expansion h4,
#section-igiq-help .accordion-expansion h3 {
    margin-bottom: 0.4rem;
}

#section-igiq-help .accordion-header h3 {
    margin: 0.5em 0 0 0.5em;
    font-size: 1.75rem;
}

#section-igiq-help .accordion-expansion .inner-header {
    font-size: 1.75em;
}

#divRequestInformation .pure-radio,
#divRequestInformation .pure-checkbox {
    cursor: pointer;
}

.request-material-content {
    display: none;
}

    .request-material-content.active {
        display: block;
    }

    .request-material-content .request-material {
        background: #e7edf2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 6px 20px;
        margin-top: 14px;
    }

#request-materials-pi.request-material-content .request-material {
    background: #f0e8ea;
}

.request-material-content .request-material.left {
    border-right: 14px solid #fff;
}

.request-material-content .request-material.right {
    border-right: none;
    border-left: 14px solid #fff;
}

.request-material-content .request-material label {
    margin-top: 40px;
}

#address2-toggle {
    margin: 60px 0 0 0;
}

/*----------HCP: Request Information----------*/

@media only screen and (min-width: 1024px) {
    #divRequestInformation #request-materials-cidp #dosing-admin-selection {
        margin-top: 20px;
    }

    #divRequestInformation #request-materials-cidp #dosing-admin-checkbox {
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
        min-width: 23px;
    }

    #divRequestInformation #request-materials-cidp #dosing-admin-label {
        display: inline-block;
        max-width: 230px;
    }
}

/*----------HCP: PI----------*/
/*----------HCP: ISI----------*/
#section-isi-hcp {
    padding-top: 3rem;
}

#bodyHCP #section-isi-hcp a {
    text-decoration: underline;
}

.divISI a {
    text-decoration: underline;
}




/*----------HCP: Nurse Phone Support ----------*/
div#nurse-support-form div#banner.banner-nurse-phone-support,
div#nurse-support-form-thanks div#banner.banner-nurse-phone-support {
    background: url(/common/images/banner-nurse-program.jpg) no-repeat center bottom;
    background-size: cover;
}


div#nurse-support-form #introInfo h2 {
    font-size: 2rem;
    margin-top: 1.4375rem;
    margin-bottom: 1rem;
}

    div#nurse-support-form #introInfo h2 + p {
        line-height: 1.75;
    }

div#nurse-support-form #personalized-support img {
    width: 117px;
    height: 117px;
}

div#nurse-support-form #personalized-support + p {
    margin-top: 0;
}

div#nurse-support-form div#iamaWrapper label,
div#nurse-support-form div#currentTherapy label {
    font-size: 1rem;
    font-weight: 400;
    color: #6d6e71;
    font-size: 1rem;
    margin-top: 0.5rem;
}

div#nurse-support-form div#iamaWrapper > label:first-of-type,
div#nurse-support-form div#currentTherapy > label:first-of-type {
    color: #780032;
    font-weight: 700;
    font-size: 1rem;
    margin-top: 1.5rem;
}

div#nurse-support-form span.field-validation-error {
    padding-left: 0;
}

div#nurse-support-form span#DoBError {
    display: none;
    color: #f00 !important;
    margin-top: 10px;
}

div#nurse-support-form div#divFormButtons {
    text-align: left;
}

div#nurse-support-form-thanks h2:first-of-type {
    padding-top: 1.625rem;
}

div#nurse-support-form-thanks h2:last-of-type {
    margin-top: 0;
    padding-top: 0;
}


/*HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS |*/
/*BANNER EDIT*/
section#section-home-banner-comp {
    height: 149px;
    background: -moz-linear-gradient(top, #67233d 0%, #781134 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #67233d 0%,#781134 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #67233d 0%,#781134 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67233d', endColorstr='#781134',GradientType=0 ); /* IE6-9 */
    text-align: center;
    display: none;
}
    /*section#section-home-banner-comp.patient {margin-top:88px;}*/
    section#section-home-banner-comp.hcp {
        padding-top: 20px;
    }

    section#section-home-banner-comp p {
        margin: 0;
        color: #fff;
    }

        section#section-home-banner-comp p span {
            display: block;
        }

        section#section-home-banner-comp p a:link,
        section#section-home-banner-comp p a:visited {
            color: #fff;
        }

        section#section-home-banner-comp p:first-of-type {
            font-weight: 400;
            font-size: 1.35rem;
            margin-top: 50px;
        }

            section#section-home-banner-comp p:first-of-type span {
                font-weight: 300;
                margin-bottom: 2px;
            }

                section#section-home-banner-comp p:first-of-type span i.fa {
                    position: relative;
                    top: 1px;
                }

            section#section-home-banner-comp p:first-of-type a {
                font-weight: 700
            }

    section#section-home-banner-comp.hcp p:first-of-type {
        margin-top: 1em;
        margin-bottom: 0.25em;
        font-size: 19px;
    }

        section#section-home-banner-comp.hcp p:first-of-type span {
            margin-top: 4px;
            margin-bottom: 4px;
        }

    section#section-home-banner-comp.EANPNS p:first-of-type {
        margin-top: 2.5rem;
    }

    section#section-home-banner-comp.patient {
        height: 150px;
    }

@media screen and (max-width: 767px) {
    section #section-home-banner-comp {
        padding-top: 0;
        padding: 15px;
        height: auto;
    }

        section#section-home-banner-comp.hcp p:first-of-type {
            margin-top: 20px;
        }
}

section#section-blue-announcement-banner {
    background-color: #174a7c;
    color: #fff;
    padding: 20px 0;
}

    section#section-blue-announcement-banner a {
        color: #fff;
    }

    section#section-blue-announcement-banner .center {
        text-align: center;
    }

section#section-home-banner-blue {
    background-color: #174a7c;
    color: #fff;
}

    section#section-home-banner-blue > div {
        padding: 20px 0;
    }

        section#section-home-banner-blue > div:first-child {
            border-bottom: 1px solid #fff;
            padding-bottom: 10px;
        }

        section#section-home-banner-blue > div:not(:first-child) {
            padding-top: 10px;
        }

    section#section-home-banner-blue a, section#section-home-banner-blue .accordionTitle {
        color: #fff;
        font-weight: bold;
    }

        section#section-home-banner-blue a:first-of-type {
            font-size: 1.5rem;
        }

        section#section-home-banner-blue a:hover {
            text-decoration: underline;
        }

    section#section-home-banner-blue .accordionTitle {
        cursor: pointer;
    }

        section#section-home-banner-blue .accordionTitle:hover {
            text-decoration: underline;
        }

    section#section-home-banner-blue .center {
        text-align: center;
    }

    section#section-home-banner-blue .accordion {
        display: none;
    }

        section#section-home-banner-blue .accordion.active {
            display: block;
        }

        section#section-home-banner-blue .accordion .accordionContent {
            margin-top: 0.5em;
            margin-bottom: 0;
            font-weight: 100;
        }

/*------------------------------------SEO EDITS---------------------------------------*/

h1.bannerText,
p.bannerText {
    margin-top: 80px;
    margin-bottom: 1em;
    font-weight: 400;
}

h1.headerText,
h2.headerText {
    margin: .67em 0;
    font-weight: 400;
}

h2.sectionTitleText,
h3.sectionTitleText,
p.sectionTitleText {
    margin: 0.83em 0;
    font-weight: 400;
}

#discussion-guide #discussion-guide-content p.sectionTitleText {
    margin: 0;
    font-size: 1.5rem;
    margin-bottom: 3px;
    color: #1C355e;
}


div#divPatientPage #footer-callouts div.callout-footer p.sectionTitleText {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 1px 0;
    color: #174a7c;
}



body#bodyHCP #ISS-container #ISS-content, body#bodyPatient #PFS-container #PFS-content {
    border-radius: 10px;
}

body#bodyHCP #ISS-container H2 {
    text-align: center;
    color: #780032;
    font-size: 21px;
    font-weight: 400;
}

body#bodyHCP #ISS-container H3 {
    text-align: center;
    color: #1c355d;
    font-size: 19px;
    font-weight: 700;
}

    body#bodyHCP #ISS-container H3 a {
        color: #1c355d;
        text-decoration: underline;
    }

        body#bodyHCP #ISS-container H3 a:hover {
            text-decoration: none;
        }

body#bodyHCP #ISS-container P {
    text-align: center;
    color: #6d6e71;
    font-size: 15px;
    font-weight: 300;
}

body#bodyHCP #ISS-container .modal-close, body#bodyPatient #PFS-container .modal-close {
    font-size: 2rem;
}

.callout-red-circle .footnotes {
    display: block;
    text-align: center;
    margin-top: 0px;
}

    .callout-red-circle .footnotes .footnote-row {
        display: block;
    }

        .callout-red-circle .footnotes .footnote-row * {
            line-height: 1em;
        }



div#ISS-form-page div#ISSRequestForm #hcp-only label {
    display: inline-block;
    font-weight: 700;
    color: #780032;
}

    div#ISS-form-page div#ISSRequestForm #hcp-only label:first-of-type {
        margin-bottom: 1rem;
        display: block;
    }


div#ISS-form-page div#ISSRequestForm #hcp-only .label-left {
    margin-right: 2rem;
}


div#ISS-form-page div#ISSRequestForm #hcp-only input {
    width: auto;
}

body#bodyHCP #hcp-only-container h2 {
    text-align: center;
    color: #780032;
    font-size: 21px;
    font-weight: 400;
}

body#bodyHCP #hcp-only-container h3 {
    text-align: center;
    color: #1c355d;
    font-size: 19px;
    font-weight: 700;
}

    body#bodyHCP #hcp-only-container h3 a {
        color: #1c355d;
        text-decoration: underline;
    }

div#infusion-app div#banner {
    background: #F3EEE1 url(../images//banner-infusion-app.jpg) center no-repeat;
}

div#infusion-app .schedule, div#infusion-app .share, div#infusion-app .explore, div#infusion-app .scan, div#infusion-app .track {
    max-width: 70%;
    background-size: 0%;
    background-position: 0 0;
}

div#infusion-app .footnote {
    line-height: 1em;
    margin: 1em 0;
}

div#infusion-app .pure-img.app-logo {
    width: 90%;
}

div#infusion-app .spacer {
    height: 3em;
}

div#infusion-app input[type="radio"] {
    display: none;
}

div#infusion-app input[type="image"] {
    max-width: 7.5%;
    margin-top: 26%;
    cursor: pointer;
    z-index: 999999;
    position: relative;
}

div#infusion-app .previous {
    margin-left: 15.5%;
}

div#infusion-app .next {
    margin-left: 45.5%;
}

div#infusion-app #app-screens {
    transform-style: preserve-3d;
    width: 100%;
    min-height: 180px;
}

    div#infusion-app #app-screens label {
        margin: auto;
        width: 50%;
        position: absolute;
        left: 0;
        right: 0;
        transition: transform 0.1s ease;
        padding-bottom: 0;
        user-select: none;
    }

div#infusion-app #s1:checked ~ #screen2 img, div#infusion-app #s1:checked ~ #screen5 img,
div#infusion-app #s2:checked ~ #screen1 img, div#infusion-app #s2:checked ~ #screen3 img,
div#infusion-app #s3:checked ~ #screen2 img, div#infusion-app #s3:checked ~ #screen4 img,
div#infusion-app #s4:checked ~ #screen3 img, div#infusion-app #s4:checked ~ #screen5 img,
div#infusion-app #s5:checked ~ #screen1 img, div#infusion-app #s5:checked ~ #screen4 img {
    opacity: 0.3;
}

div#infusion-app div#app-info p {
    margin: 0;
    padding: 1em;
    cursor: pointer;
}

    div#infusion-app div#app-info p.active {
        background-color: #E8EDF1;
    }

div#infusion-app #s1:checked ~ #screen4, div#infusion-app #s2:checked ~ #screen5,
div#infusion-app #s3:checked ~ #screen1, div#infusion-app #s4:checked ~ #screen2,
div#infusion-app #s5:checked ~ #screen3 {
    transform: translate3d(0,0,-500px);
}

div#infusion-app #s1:checked ~ #screen5, div#infusion-app #s2:checked ~ #screen1,
div#infusion-app #s3:checked ~ #screen2, div#infusion-app #s4:checked ~ #screen3,
div#infusion-app #s5:checked ~ #screen4 {
    transform: translate3d(-40%,0,-1px);
}

div#infusion-app #s1:checked ~ #screen1, div#infusion-app #s2:checked ~ #screen2,
div#infusion-app #s3:checked ~ #screen3, div#infusion-app #s4:checked ~ #screen4,
div#infusion-app #s5:checked ~ #screen5 {
    transform: translate3d(0,0,0);
}

div#infusion-app #s1:checked ~ #screen2, div#infusion-app #s2:checked ~ #screen3,
div#infusion-app #s3:checked ~ #screen4, div#infusion-app #s4:checked ~ #screen5,
div#infusion-app #s5:checked ~ #screen1 {
    transform: translate3d(40%,0,-1px);
}

div#infusion-app #s1:checked ~ #screen3, div#infusion-app #s2:checked ~ #screen4,
div#infusion-app #s3:checked ~ #screen5, div#infusion-app #s4:checked ~ #screen1,
div#infusion-app #s5:checked ~ #screen2 {
    transform: translate3d(0,0,-500px);
}


#p1-banner {
    font-size: 17px !important;
    font-weight: 500 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#p2-banner {
    font-weight: normal !important;
    font-size: 14px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    line-height: 16px !important;
}


#footer_banner {
    color: white !important;
    font-size: .75rem !important;
    line-height: .9rem !important;
    margin-top: 7px !important;
    margin-bottom: 22px !important;
}

#footer_banner_blue {
    color: white;
}

/*================ORPHAN PFS PATIENT ============================================*/
@media screen and (max-width: 767px) {
    main.orphan-pat-pfs h1 {
        font-size: 1.75rem;
        font-weight: 300;
    }

        main.orphan-pat-pfs h1 span.capitalize {
            text-transform: capitalize;
        }

    main.orphan-pat-pfs div#cidp-training-cta {
        margin-bottom: 1.5rem;
    }
}

main.orphan-pat-pfs h2 {
    font-weight: 300;
}

main.orphan-pat-pfs ul {
    padding-left: 1rem;
}

    main.orphan-pat-pfs ul li {
        padding-left: 1rem;
        line-height: 1.75rem;
    }

main.orphan-pat-pfs section#section-intro-orphan {
    border-bottom: none;
}

main.orphan-pat-pfs section#pink-orphan-sec {
    background-color: #f1e7ea;
}

    main.orphan-pat-pfs section#pink-orphan-sec #patient-orphan-pink {
        padding-top: 0;
    }

/*----------HCP: eDetail----------*/
#section-intro-eDetail {
    background: url(/common/images/banner-gradient.png) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

#section-intro-eDetail-pi {
    background: url(/common/images/banner-gradient.png) no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #780032;
}

#section-intro-eDetail img {
    position: relative;
    left: 35px;
}

#section-intro-eDetail h1 {
    margin-top: 2em;
    margin-bottom: 1.3em;
}

#section-intro-eDetail h2 {
    margin-top: 0.25em;
}

body#bodyHCP #section-intro-eDetail p.intro-subheader {
    margin-top: 10px;
}

#blue-subhead {
    margin-top: -20px;
}

#foot-simple {
    font-size: .75rem !important;
}

.eDetail {
    margin-top: 2em;
}

/*--Patient Getting Started--*/
div#getting-started img {
    margin: auto;
}


/*--Patient Continuing Support--*/

div#continuing-support div#medicare p.footnote {
    margin: 0;
}

div#continuing-support div#medicare-part-b {
    background-color: #f3e8ed;
    margin-bottom: 25px;
    border-top: 10px solid #780032;
    padding-bottom: 26px;
}

    div#continuing-support div#medicare-part-b h2 {
        font-size: 2rem;
        text-align: center;
        font-weight: 500;
        margin-bottom: .5rem;
    }

    div#continuing-support div#medicare-part-b p {
        font-size: 1.25rem;
    }

        div#continuing-support div#medicare-part-b p.close-top {
            margin-bottom: 0.25rem;
        }

        div#continuing-support div#medicare-part-b p.close-bottom {
            margin-top: 0;
        }


    div#continuing-support div#medicare-part-b h2 + p {
        text-align: center;
        font-size: 1.5rem;
        margin-top: 0;
    }

    div#continuing-support div#medicare-part-b img.icon {
        max-width: 109px;
        margin: 1rem auto;
    }

    div#continuing-support div#medicare-part-b p.before-ul {
        margin-bottom: 0;
    }

        div#continuing-support div#medicare-part-b p.before-ul + ul {
            margin-top: 0.25rem;
            font-size: 1.25rem;
        }

    div#continuing-support div#medicare-part-b p.footnote {
        display: block;
    }



/*--Personalized dosing PI--*/

#personalized-pi #self-admin-videos h3.brandColorBlue {
    font-weight: 700;
    text-align: center;
}

#personalized-pi #self-admin-videos div#vid-self-admin + a {
    margin: 1rem;
    display: block;
    text-align: center;
}

@media (min-width: 767px) {
    #personalized-pi #self-admin-videos div#vid-self-admin + a {
        margin: 1rem 3rem 0 3rem;
    }
}


/*--flexibility PI--*/


#main-flexibility-pi section#section-flexibility-prefilled-syringes {
    padding-bottom: 2rem;
}

    #main-flexibility-pi section#section-flexibility-prefilled-syringes h3.brandColorBlue {
        font-weight: 700;
        text-align: center;
    }

    #main-flexibility-pi section#section-flexibility-prefilled-syringes div#vid-self-admin + a {
        margin: 1rem;
        display: block;
        text-align: center;
    }

@media (min-width: 767px) {
    #main-flexibility-pi section#section-flexibility-prefilled-syringes div#vid-self-admin + a {
        margin: 1rem 3rem 0 3rem;
    }
}

#main-flexibility-pi section#section-flexibility-prefilled-syringes .flex {
    display: flex;
}

    #main-flexibility-pi section#section-flexibility-prefilled-syringes .flex img {
        margin: auto;
    }

#main-flexibility-pi section#section-flexibility-prefilled-syringes p.headline-secondary {
    margin-bottom: 0.25rem;
}

@media (max-width: 767px) {
    #main-flexibility-pi section#section-flexibility-prefilled-syringes p.headline-secondary {
        padding: 0 1rem;
    }
}

#main-flexibility-pi section#section-flexibility-prefilled-syringes p.headline-secondary + ul {
    margin-top: 0.5rem;
}

@media (max-width: 767px) {
    #main-flexibility-pi section#section-flexibility-prefilled-syringes p.headline-secondary + ul {
        padding: 0 2rem;
    }
}

#main-flexibility-pi section#section-flexibility-prefilled-syringes p.headline-secondary + ul li {
    margin: 0;
}

#main-flexibility-pi #vid-pi-educational {
    margin-top: 3rem;
}

@media (min-width: 768px) {
    #main-flexibility-pi #section-flexibility-prefilled-syringes h3.multiLine {
        margin-top: 0;
        margin-bottom: 1rem;
    }

        #main-flexibility-pi #section-flexibility-prefilled-syringes h3.multiLine span {
            display: block;
        }

    #personalized-pi #self-admin-videos h3.multiLine {
        margin-top: 0;
        margin-bottom: 1rem;
    }

        #personalized-pi #self-admin-videos h3.multiLine span {
            display: block;
        }
}


div#cidp.patient-home div.callout-pat-gradient p {
    padding: 0 2rem;
    margin: 1.25rem 0;
}



div#cidp-facts #divAccordionContainer div.callout-pat-gradient p.headline {
    font-size: 1rem;
}


div#cidp-facts #divAccordionContainer p.callout-pat-gradient-footnote {
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
}


#main-flexibility-cidp #section-flexibility-prefilled-syringes > .content-padding {
    padding-bottom: 0;
}

#main-flexibility-cidp section#pre-filled-syringes > .content-padding {
    padding-top: 1rem;
}



#main-home-hcp-pi #section-home-hcp-challenges #annette-video {
    margin-top: 2rem;
}

#main-home-hcp-pi #section-home-hcp-challenges div.video-info.right {
    text-align: left;
}

@media (min-width:768px) {
    #main-home-hcp-pi #section-home-hcp-challenges div.video-info.right {
        margin-top: 1rem;
    }
}


#main-home-hcp-pi #section-home-hcp-challenges div.video-container .video-info.right {
    padding-left:24px;
}

div#divPatientPage #cidp.patient-home div.callout-pat-gradient.logo-left p {
    padding:0 1rem;
}


#section-home-banner-comp.hcp.EANPNS p#p1-banner {font-size:1.1875rem !important;}


div#divPatientPage #divWelcomeKit div#full-information #formfield-signup-gender,
div#divPatientPage #divWelcomeKit div#full-information #formfield-signup-dob {
    display: none;
}


div#divWelcomeKit div#additional-sign-up ul.ul-material-list {
    margin-top: 0;
}

    div#divWelcomeKit div#additional-sign-up ul.ul-material-list li{
        background-color: #e7edf2;
        /*min-height: 90px;*/
        margin-bottom: 8px;
    }

div#divWelcomeKit div#additional-sign-up ul#requesttype li label span a.underline {    
    color: #254a78;
}

div#additional-sign-up ul li label.lblcallout {
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

    div#additional-sign-up ul li label.lblcallout input {
        margin: 0px 10px 0px 20px !important;
    }

    div#additional-sign-up ul li label.lblcallout span {
        margin-top: 0px !important;
    }

    div#additional-sign-up ul li label.lblcallout input + span + span {
        margin-bottom: 0px !important;
    }

        div#divWelcomeKit div#additional-sign-up ul.ul-material-list label {
            margin-top: 0;
        }
    div#divWelcomeKit div#additional-sign-up ul.ul-material-list li label input{
        margin: 38px 10px 20px 20px;
        width: 14px;
    }

        div#divWelcomeKit div#additional-sign-up ul.ul-material-list li label input + span{
            margin-top: 35px;
        }

            div#divWelcomeKit div#additional-sign-up ul.ul-material-list li label input + span + span {
                margin-top: 15px;
                margin-bottom:15px;
            }



div#divWelcomeKit div#additional-sign-up #clinical-nurse-education-container{
    display:none;
}

div#divWelcomeKit div#additional-sign-up #clinical-nurse-education-container h4 {
    border:none;
    margin:2rem 0;
    padding:unset;
}


div#divWelcomeKit div#additional-sign-up ul#clinical-nurse-education-consent {
    display: none;
}

#welcome-kit-form #errorClinicalNurseEducationConsent.field-validation-error {
    font-size: 1rem;
    padding: 0 1rem 1rem 3rem;
}

div#divWelcomeKit div#additional-sign-up ul#clinical-nurse-education-consent div#consent-information-container {
    overflow-y: scroll;
    height: 169px;
    background: #fff;
    border: solid 1px #575757;
    padding: 0.25rem 1rem;
    margin: 0rem 2rem;
}

div#divWelcomeKit div#additional-sign-up ul#clinical-nurse-education-consent div#consent-information-container p {
    font-size:0.875rem;
}

    div#divWelcomeKit div#additional-sign-up ul#clinical-nurse-education-consent div#consent-information-container ol li {
        list-style-type:decimal;
        min-height:unset;
        background-color:unset;
        font-size: 0.875rem;
    }


@media (min-width:1025px) {
    #divPatientPage #cidp #cidp-unique div.callout-pat-gradient p.headline {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }

    section#section-home-hcp-challenges h3 + ul.designer-padding {
        padding-bottom: 1.5rem;
    }
}


.product-withdrawal {
    background-color: #f8f7f5;
    min-height: 135px;
    color: #231f20;
    text-align:left;
    display:flex;
    margin:1rem 0;
}

.product-withdrawal > .content-container {
    margin:auto;
}

.product-withdrawal .flex{
    display:flex;
}

.product-withdrawal p {
    font-weight:500;
    font-size:1.5rem;
    line-height:normal;
    margin:0;
}

    .product-withdrawal a {
        font-weight: 500;
        font-size: 1.125rem;
        line-height: normal;
        color: #231f20;
    }

    .product-withdrawal a:hover {
        text-decoration:underline;
    }
    .product-withdrawal .fa-info-circle {
        font-size: 3.5rem;
        color: #e3dfda;
        margin:auto;
        display:block;
    }