/* 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 { }

.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: "–"; 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 {display: block; width: 100%; border: 1px solid #6d6e71; cursor: pointer;  box-sizing: border-box;}

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.grey-link:link,
a.grey-link:visited {color: #6d6e71; text-decoration: none;  font-weight: bold;}
a.grey-link:hover {color: #691c33;}

/*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;
}

.callout {font-size: 1.75em; }

.footnote, .footnotes,
.reference {font-size: .75rem; line-height: 1.3rem; 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: 5px; margin-bottom: 3px; line-height: 0.9rem;}

.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;}

.centered {
    text-align: center;
}

.centered img {margin:auto;}

.medium {font-weight:500;}


/* Common */
.brandColorRed {
    color: #780032;
}
.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 */
                            }

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;}

/* footer */
span#spanCopyright {font-weight: bold;}
footer#footer-page div#footer-logo img {width: 275px; 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;
        }
}

    /* 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 ***/
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 p {margin:0; font-size:1.125rem; font-weight:500;}


#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;}






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 #modalDialogFormButtons {margin: 1em 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 #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-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: 30px; bottom: -115px;}
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;
    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#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;}



/*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;}
.margin-top {margin-top: 2rem;}
.margin-top-none {margin-top: 0 !important;}
.margin-bottom-none {margin-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;}
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: 30px 100px 30px 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;}
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;}
.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;}

/*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; text-align: left;}
#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;}

/*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: 2rem; padding-bottom: 2rem;}
#section-efficacy-study-design .accordion-red .accordion-header {background-color: #eaeff1; padding: 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: #eaeff1; 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-primary-efficacy-relapse-free ul {margin-top: 20%;}
#section-primary-efficacy-relapse-free .footnotes {font-size: 0.748rem;}
#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 10px, center top; border-bottom: 3px solid #780032;}
#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;}
#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;
}
#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: 2rem;
}



/*----------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 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 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-dosing-calculator-pi #dosage-calculator {background: transparent;}
#section-dosing-calculator-cidp,
/*#section-dosing-calculator-pi {background: transparent url(/common/images/paint-calculator.png) no-repeat; background-position: left top 150px; padding-top: 1.5rem;}*/
#section-pi-cidp-administration #table-pi-dosing-details {
    width: 100%;
    border: #dbdfe1 1px solid;
    border-radius: 0px 5px 5px 0px;
    border-collapse: separate !important;
}
#section-pi-cidp-administration #table-cidp-dosing-details {
    width: 100%;
    border: #174a7c 1px solid;
    border-radius: 5px;
    border-collapse: separate !important;
}
#section-pi-cidp-administration #table-pi-dosing-details th {
    padding: 0;
    background-color: #dbdfe1;
}
#section-pi-cidp-administration #table-cidp-dosing-details th {
    padding: 0;
    background-color: #174a7c;
}
#section-pi-cidp-administration table img {
    padding: 0;
    max-height: 100px
}
#section-pi-cidp-administration #table-cidp-dosing-details td, #table-pi-dosing-details td {
    padding: .1em 1em;
    text-align: center;
    vertical-align: bottom;
}

#section-pi-cidp-administration #table-dosing-divider {
    color: #dbdfe1;
    margin: 0;
}
#section-pi-cidp-administration .table-row-last td{
    vertical-align: top !important;
}
#section-pi-cidp-administration .grey-table-header {
    border: 1px solid #848588;
    background-color: #dbdfe1;
    border-radius: 5px;
    padding: .3em 1em;
}
#section-pi-cidp-administration .pink-table-header {
    border: 1px solid #a58491;
    background-color: #bf8e9f;
    border-radius: 5px;
    padding: .3em 3em;
    color: #ffffff;
}
#section-pi-cidp-administration .red-table-header {
    border: 1px solid #764659;
    background-color: #781135;
    border-radius: 5px;
    padding: .3em 1em;
    color: #ffffff;
}

#section-pi-cidp-administration .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%;}
.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 {padding: 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;}

#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 table.formula-container td {padding-bottom: 0.4rem;}
#section-dosing-calculator-cidp table.formula-container .formula {font-size: 1.0rem;}

#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 #modalDialogFormButtons {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-coding-guide {border-bottom: 4px solid #dbdbdb;}
#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 .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 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;}



/*----------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;}
#bodyHCP .divISI a {text-decoration: underline;}

/*HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS |*/

/*BANNER EDIT*/
section#section-home-banner-comp {
    height: 130px;
    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:30px;    
}
section#section-home-banner-comp p {margin:0; color:#fff; font-weight:900; font-size:1rem;}
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:500; font-size:1.5rem; margin-top:14px;}
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.hcp p:first-of-type {margin-top:24px;}
section#section-home-banner-comp.hcp p:first-of-type span {margin-top:4px; margin-bottom:4px;}

@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:0;
    }
}


/*------------------------------------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;
}