/*

     Global Styles

*/
body {
  background: #fff;
  color: #58595b;
  font-family: "DIN Next W01 Regular", Helvetica, sans-serif;
  font-size: 16px;
  /*-----------------------

    Inner content styles

  -----------------------*/
  /*-----------------------

  Styles for pages without a section layout

  -----------------------*/
  /*-----------------------

Global Responsive Styles

-----------------------*/ }
  body h1, body h2, body h3 {
    color: #005baa; }
  body h2, body h3 {
    font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
    font-size: 1.225em; }
  body h4 {
    font-family: "DIN Next W01 Bold", Helvetica, sans-serif; }
  body p, body ul, body ol {
    font-size: 1.125em; }
    body p ul, body ul ul, body ol ul {
      font-size: 1em; }
  body a {
    color: #005baa;
    text-decoration: none; }
  body strong {
    font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
    font-weight: normal; }
  body em {
    font-family: "DIN Next W01 Italic", Helvetica, sans-serif;
    font-style: normal; }
  body .bold {
    font-family: "DIN Next W01 Bold", Helvetica, sans-serif; }
  body .italic {
    font-family: "DIN Next W01 Italic", Helvetica, sans-serif; }
    body .italic.bold {
      font-family: 'DINNextW01-BoldItalic', Helvetica, sans-serif; }
  body .underline {
    text-decoration: underline; }
  body .handwritten {
    font-family: 'TheGreatEscapeW00-Reg', Helvetica, sans-serif; }
  body .clear {
    clear: both; }
  body .nowrap {
    white-space: nowrap; }
  body .blue {
    color: #005baa; }
  body #container {
    background: #fff;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.25);
    margin: 0 auto;
    padding: 0;
    width: 999px; }
    .ie8 body #container {
      border: 1px solid #e2e2e2;
      border-top: none; }
  body .left-column {
    float: left;
    width: 205px; }
  body .content {
    border-top: 9px solid #005baa;
    padding: 35px 0 75px 255px;
    /* INNER CONTENT HEADERS AND TEXT */
    /* INNER CONTENT LISTS */
    /* NEXT BUTTON STYLES */ }
    body .content h1 {
      background: #005baa;
      color: #fff;
      float: right;
      font-family: "DIN Next W01 Regular", Helvetica, sans-serif;
      font-size: 1.578em;
      margin: -36px 0 0 0;
      padding: 3px 35px 8px 35px; }
    body .content h2 {
      margin-right: 35px; }
      body .content h2.increased-margin-h2 {
        margin-top: 35px; }
      body .content h2.safety-study-header, body .content h2.safety-treatment-header {
        padding-left: 5px; }
      body .content h2:before {
        background: #f15931;
        content: "";
        display: block;
        height: 7px;
        margin-bottom: 10px;
        width: 185px; }
    body .content .select-safety h2:before,
    body .content h2.chart-head:before {
      display: none; }
    body .content p, body .content h3, body .content .chart, body .content table {
      padding-left: 5px; }
    body .content p.no-h2 {
      padding-top: 25px; }
    body .content p.pseudo-header {
      margin-top: 25px; }
    body .content span.handwritten {
      color: #005baa; }
    body .content ul {
      list-style-type: none;
      margin-left: 5px;
      padding: 0; }
      body .content ul li {
        background: url(../images/bullet2.png) no-repeat 0 7px;
        padding: 0 0 0 18px; }
        .ie body .content ul li {
          background-position: 0 10px; }
        body .content ul li ul li {
          background: url(../images/bullet3.png) no-repeat 0 10px;
          padding: 0 0 0 16px; }
      body .content ul .ul-paragraph {
        display: block;
        margin: 10px 0 10px 0; }
    body .content ol {
      counter-reset: item;
      padding-left: 25px; }
      body .content ol li {
        display: block; }
        body .content ol li:before {
          content: counter(item) ". ";
          counter-increment: item;
          font-family: "DIN Next W01 Bold", Helvetica, sans-serif; }
    body .content p, body .content ul, body .content ol, body .content h3 {
      padding-right: 60px; }
    body .content .next-btn {
      border: 1px solid #dcdcdc;
      float: right;
      font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
      font-size: 1.063em;
      margin: 15px 20px 0 0;
      padding: 10px 10px 7px 10px;
      text-transform: uppercase; }
      body .content .next-btn span.next {
        color: #f15931;
        display: inline;
        text-transform: uppercase; }
      body .content .next-btn span.lowercase {
        text-transform: lowercase; }
      body .content .next-btn a {
        color: #005baa;
        display: inline; }
      body .content .next-btn br {
        display: none; }
  body.no-next-btn .next-btn {
    display: none; }
  body.default .left-column, body.search-results .left-column {
    margin-top: 34px; }
    .ie body.default .left-column, .ie body.search-results .left-column {
      margin-top: 30px; }
  body.search-results h1 {
    display: none; }
  body.modal-open {
    height: 100%;
    overflow: hidden; }
  body ul#sitemap {
    margin-top: 20px; }
  @media only screen and (max-width: 999px) {
    body #container {
      width: 100%; } }
  @media only screen and (max-width: 800px) {
    body #container p, body #container h3, body #container ul, body #container ol {
      font-size: 100% !important; }
    body .chart p {
      font-size: 0.775em !important; }
    body .content h3 {
      line-height: 120%;
      padding-right: 0; }
    body .content .next-btn {
      float: left;
      padding-bottom: 0; }
    body .next-btn a, body .next-btn span.next {
      font-size: 90%; }
    body .next-btn span.next {
      float: left;
      margin: 2px 7px 5px 0; }
    body #container {
      width: auto; }
    body .left-column {
      display: none; }
    body .content {
      padding: 35px 20px 0 20px; }
      body .content h1 {
        margin-bottom: 15px;
        text-align: center;
        width: 100%; }
      body .content p, body .content ul, body .content ol {
        padding-right: 0; } }
  @media only screen and (max-width: 350px) {
    body .content .next-btn {
      font-size: .99em;
      padding-bottom: 4px; } }

/*

      HEADER CONTENT
(from top of page until just 
     before navigation)

*/
header {
  background: #005baa;
  width: 100%;
  /*-----------------------

        HEADER TOP
(HCP/Patient tabs and search box)

-----------------------*/
  /*-----------------------

     HEADER MIDDLE 
(Logo and PI/Safety links)    

-----------------------*/ }
  header .header-top {
    margin: 0 auto;
    width: 999px;
    /* Search box styles */
    /*-----------------------

      RESPONSIVE STYLES: HEADER TOP
Including Mobile Nav button, but not menu itself 
(that's in header-nav.scss responsive styles)

-----------------------*/ }
    header .header-top a {
      color: #fff;
      display: inline-block;
      font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
      font-size: 0.906em;
      padding: 20px 12px 16px 45px; }
      header .header-top a.patient-link {
        background: #fff url(../images/icon-patient.png) no-repeat 17px 13px;
        color: #f15931; }
        header .header-top a.patient-link:after {
          background: url(../images/carat-orange.png) no-repeat 0 0;
          content: " ";
          display: inline-block;
          height: 11px;
          margin: 0px 0 0 6px;
          position: relative;
          top: 1px;
          width: 7px; }
      header .header-top a.hcp-link {
        background: url(../images/icon-hcp.png) no-repeat 17px 12px;
        font-family: "DIN Next W01 Medium", Helvetica, sans-serif; }
        header .header-top a.hcp-link:after {
          background: url(../images/carat-white.png) no-repeat 0 0;
          content: " ";
          display: inline-block;
          height: 11px;
          margin: 0px 0 0 6px;
          position: relative;
          top: 1px;
          width: 7px; }
      .ie8 header .header-top a.patient-link, .ie8 header .header-top a.hcp-link {
        background-position: 26px 14px; }
    header .header-top div.search {
      display: inline-block;
      float: right;
      padding: 16px 0px 13px 38px; }
      header .header-top div.search form {
        display: inline-block; }
      header .header-top div.search input {
        background: #4382b9;
        border: 2px inset #4382b9;
        color: #fff;
        height: 24px; }
      header .header-top div.search a.search-btn {
        background: url(../images/icon-search.png) no-repeat 0 0;
        border: none;
        display: inline-block;
        height: 19px;
        margin-left: 10px;
        padding: 0;
        position: relative;
        text-indent: -9999px;
        top: 5px;
        width: 19px; }
    header .header-top .mobile-logo, header .header-top .mobile-nav {
      display: none; }
    @media only screen and (max-width: 998px) {
      header .header-top {
        width: 100%; } }
    @media only screen and (max-width: 960px) {
      header .header-top a.patient-link, header .header-top a.hcp-link {
        background-position: 3% 12px;
        padding: 20px 10px 16px 38px; }
      header .header-top div.search {
        padding-left: 10px; } }
    @media only screen and (max-width: 880px) {
      header .header-top div.search {
        background-position: 100% 18px;
        padding-right: 0; }
        header .header-top div.search form {
          width: 130px; }
          header .header-top div.search form input#search {
            width: 90px; } }
    @media only screen and (max-width: 815px) {
      header .header-top div.search {
        display: none; } }
    @media only screen and (max-width: 800px) {
      header .header-top {
        height: 60px;
        width: auto; }
        header .header-top .patient-link, header .header-top .hcp-link {
          display: none; }
        header .header-top .mobile-logo, header .header-top .mobile-nav {
          display: block; }
        header .header-top .mobile-logo {
          background: url(../images/sprite.png) no-repeat 0px 0px;
          display: block;
          height: 40px;
          position: absolute;
          margin: 9px 0 0 10px;
          width: 142px; }
        header .header-top .mobile-nav {
          display: block;
          float: right;
          font-family: "DIN Next W01 Regular", Helvetica, sans-serif;
          margin: 9px 18px 0 0;
          padding: 0;
          position: relative;
          text-decoration: none;
          z-index: 1; }
          header .header-top .mobile-nav .mobile-nav-image {
            background: url(../images/sprite.png) no-repeat -242px -73px;
            display: block;
            height: 25px;
            margin: 0 auto 2px auto;
            width: 21px; } }
  header .header-middle {
    background: #fff;
    height: 104px;
    /* Safety link styles (modal itself @ modals.scss */
    /* PI Link styles */
    /*-----------------------

RESPONSIVE STYLES: HEADER MIDDLE    

-----------------------*/ }
    header .header-middle .header-middle-content {
      margin: 0 auto;
      width: 999px; }
    header .header-middle #header-logo {
      background: url(../images/sprite.png) no-repeat -148px 0px;
      display: block;
      height: 58px;
      margin: 20px 0 0 24px;
      text-indent: -9999px;
      width: 208px; }
    header .header-middle a {
      font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
      float: left; }
    header .header-middle div.safety-link {
      background: #eaebec url(../images/icon-safety.png) no-repeat 9px 16px;
      border: 1px solid #ed8a67;
      border-top: 3px solid #f15931;
      display: inline-block;
      float: right;
      margin: 16px 0px 0px 0px; }
      header .header-middle div.safety-link a {
        background: url(../images/carat-blue.png) no-repeat 95% 31px;
        color: #00295a;
        display: block;
        font-family: "DIN Next W01 Regular", Helvetica, sans-serif;
        font-size: 0.92em;
        line-height: 120%;
        padding: 12px 28px 7px 48px; }
        header .header-middle div.safety-link a span {
          display: block;
          font-family: "DIN Next W01 Medium", Helvetica, sans-serif;
          font-size: 16px;
          padding-right: 6px;
          text-transform: uppercase; }
        header .header-middle div.safety-link a:hover {
          text-decoration: none; }
    header .header-middle .med-guide-link {
      color: #013c70;
      float: left;
      font-family: "DIN Next W01 Medium", Helvetica, sans-serif;
      font-size: .91em;
      line-height: 110%;
      margin: 29px 0px 0px 235px;
      padding: 2px 5px 0 0;
      text-align: right; }
      header .header-middle .med-guide-link .text {
        float: left; }
      header .header-middle .med-guide-link .icon {
        background: url(../images/sprite.png) no-repeat -353px -72px;
        display: inline-block;
        height: 19px;
        margin: 10px 0 0px 8px;
        width: 18px; }
    @media only screen and (max-width: 998px) {
      header .header-middle .header-middle-content {
        width: 100%; }
        header .header-middle .header-middle-content .med-guide-link {
          left: 2%;
          position: relative;
          margin-left: 140px; } }
    @media only screen and (max-width: 953px) {
      header .header-middle div.safety-link {
        margin-left: 3%; }
      header .header-middle .header-middle-content .med-guide-link {
        margin-left: 90px; } }
    @media only screen and (max-width: 865px) {
      header .header-middle .med-guide-link {
        display: none; }
      header .header-middle div.safety-link {
        margin-left: 13%; } }
    @media only screen and (max-width: 800px) {
      header .header-middle {
        display: none; } }

/*

     HEADER NAVIGATION
(flyout navigation on mobile)

*/
nav#header-nav-wrap {
  display: block;
  position: relative;
  width: 100%;
  z-index: 3;
  /*-----------------------

HEADER NAV RESPONSIVE STYLES

-----------------------*/ }
  nav#header-nav-wrap .mobile-hcp-btn {
    display: none; }
  nav#header-nav-wrap ul {
    background: #005baa;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.35);
    height: 52px;
    font-size: 1.000em;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 999px; }
    nav#header-nav-wrap ul li {
      border-right: 1px solid #1c3668;
      display: block;
      float: left;
      font-family: "DIN Next W01 Regular", Helvetica, Arial, sans-serif;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      width: 20%; }
      nav#header-nav-wrap ul li.open-subnav a {
        color: #fff; }
      nav#header-nav-wrap ul li a {
        background: #005baa;
        color: #fff;
        display: block;
        font-size: 0.875em;
        line-height: 120%;
        padding: 12px 18px 8px 18px;
        width: 100%; }
        nav#header-nav-wrap ul li a:hover {
          background: #013c70;
          text-decoration: none; }
        nav#header-nav-wrap ul li a .lowercase {
          text-transform: lowercase; }
      nav#header-nav-wrap ul li.open-subnav a {
        background: #013c70;
        color: #fff; }
      nav#header-nav-wrap ul li.open-subnav ul li a:hover {
        background: #f15931;
        color: #fff; }
      nav#header-nav-wrap ul li.parent a, nav#header-nav-wrap ul li.first.active a {
        background: #013c70; }
      nav#header-nav-wrap ul li.parent.open-subnav a, nav#header-nav-wrap ul li.first.active.open-subnav a {
        background: #013c70; }
      nav#header-nav-wrap ul li.parent.open-subnav ul li a:hover, nav#header-nav-wrap ul li.first.active.open-subnav ul li a:hover {
        background: #f15931; }
      nav#header-nav-wrap ul li.parent.active a, nav#header-nav-wrap ul li.first.active.active a {
        color: #fff;
        background: #013c70; }
      nav#header-nav-wrap ul li.parent ul li a, nav#header-nav-wrap ul li.first.active ul li a {
        background: #005baa; }
        nav#header-nav-wrap ul li.parent ul li a:hover, nav#header-nav-wrap ul li.first.active ul li a:hover {
          background: #013c70; }
      nav#header-nav-wrap ul li.parent ul li.active a, nav#header-nav-wrap ul li.first.active ul li.active a {
        background: #f15931; }
        nav#header-nav-wrap ul li.parent ul li.active a:hover, nav#header-nav-wrap ul li.first.active ul li.active a:hover {
          background: #f15931; }
      nav#header-nav-wrap ul li.one-line a {
        padding: 19px 18px 17px 18px; }
        .ie nav#header-nav-wrap ul li.one-line a {
          padding: 19px 18px 18px 18px; }
        .ie8 nav#header-nav-wrap ul li.one-line a {
          padding: 18px 18px 19px 18px; }
      nav#header-nav-wrap ul li.last {
        border-right: none; }
      nav#header-nav-wrap ul li ul {
        display: none;
        position: absolute;
        width: 100%; }
        nav#header-nav-wrap ul li ul li {
          border: none;
          clear: left;
          float: left;
          width: 100%; }
          nav#header-nav-wrap ul li ul li a.clicked {
            background: #f15931;
            color: #fff; }
          nav#header-nav-wrap ul li ul li a:hover {
            text-decoration: none; }
  .ie8 nav#header-nav-wrap ul {
    width: 997px; }
    .ie8 nav#header-nav-wrap ul li {
      border-bottom: 1px solid #1c3668; }
      .ie8 nav#header-nav-wrap ul li ul {
        width: 100%; }
        .ie8 nav#header-nav-wrap ul li ul li {
          border-bottom: none; }
  @media only screen and (max-width: 998px) {
    nav#header-nav-wrap ul {
      width: 100%; }
      nav#header-nav-wrap ul li a {
        padding: 10px 5px; }
    nav#header-nav-wrap .mobile-nav {
      display: block; } }
  @media only screen and (max-width: 859px) {
    nav#header-nav-wrap ul li a {
      font-size: .75em;
      padding: 12px 5px; }
    nav#header-nav-wrap ul li.last a {
      padding: 12px 10px; } }
  @media only screen and (max-width: 800px) {
    nav#header-nav-wrap {
      height: 52px;
      left: -400px; }
      nav#header-nav-wrap ul {
        background: none;
        display: none;
        font-size: 18px;
        height: auto;
        position: absolute;
        width: 80%; }
        nav#header-nav-wrap ul li {
          border-top: 1px solid #1c3668;
          border-right: none;
          display: block;
          text-align: left;
          width: 100%; }
          nav#header-nav-wrap ul li ul {
            width: auto; }
          nav#header-nav-wrap ul li a {
            background: #fcfcfc;
            color: #005baa;
            padding: 12px 18px 9px 18px; }
            nav#header-nav-wrap ul li a:hover {
              background: #fcfcfc;
              color: #005baa; }
          nav#header-nav-wrap ul li.parent a {
            color: #fff; }
            nav#header-nav-wrap ul li.parent a:hover {
              background: #005baa;
              color: #fff; }
          nav#header-nav-wrap ul li.parent.open-subnav a {
            background: #013c70; }
          nav#header-nav-wrap ul li.parent.open-subnav ul li a:hover {
            background: #f15931; }
          nav#header-nav-wrap ul li.mobile-hcp-btn {
            border-top: none;
            display: block;
            text-transform: none; }
            nav#header-nav-wrap ul li.mobile-hcp-btn a {
              background: #f1f1f1 url(../images/carat-blue.png) no-repeat 95% center; }
          nav#header-nav-wrap ul li.last a {
            padding: 12px 18px 9px 18px; }
          nav#header-nav-wrap ul li.active a {
            background: #f15931;
            color: #fff; }
          nav#header-nav-wrap ul li.active ul li a {
            background: #f1f1f1;
            color: #005baa; }
          nav#header-nav-wrap ul li.one-line a {
            padding: 12px 18px 9px 18px; }
          nav#header-nav-wrap ul li ul {
            display: block;
            max-height: 0;
            overflow: hidden;
            position: relative;
            transition: max-height 1s;
            width: 100%; }
            nav#header-nav-wrap ul li ul.show {
              max-height: 500px; }
            nav#header-nav-wrap ul li ul li {
              background: #013c70; }
      .default nav#header-nav-wrap {
        height: 0; } }

/*

  LEFT-HAND NAVIGATION
(does not appear on mobile)

*/
nav#left-nav {
  font-family: "DIN Next W01 Medium", Helvetica, Arial, sans-serif;
  line-height: 110%;
  /* Level 1 */
  /* Level 2 */
  /* Level 3 */ }
  nav#left-nav br {
    display: none; }
  nav#left-nav .lowercase {
    text-transform: lowercase; }
  nav#left-nav ul {
    font-size: .95em;
    list-style-type: none;
    margin-bottom: 5px;
    padding: 0; }
    nav#left-nav ul li {
      margin-bottom: 5px;
      text-transform: uppercase; }
      nav#left-nav ul li a {
        background: #f1f1f1 url(../images/carat-blue.png) no-repeat 95% center;
        display: block;
        padding: 11px 27px 8px 13px; }
        nav#left-nav ul li a:hover {
          text-decoration: none; }
      nav#left-nav ul li ul {
        font-size: 1em; }
      nav#left-nav ul li.what-is-rituxan {
        display: none; }
        nav#left-nav ul li.what-is-rituxan.active {
          display: block; }
      nav#left-nav ul li.one-line a, nav#left-nav ul li.one-line ul li.one-line a {
        padding: 20px 25px 16px 13px; }
      nav#left-nav ul li.one-line ul li a {
        padding: 11px 25px 8px 13px; }
      nav#left-nav ul li.one-line ul li.one-line a {
        padding: 20px 25px 16px 26px; }
      nav#left-nav ul li.parent {
        display: none; }
        nav#left-nav ul li.parent.open {
          display: block; }
          nav#left-nav ul li.parent.open .open ul {
            display: none; }
          nav#left-nav ul li.parent.open .secondary-parent ul, nav#left-nav ul li.parent.open .active ul {
            display: block; }
      nav#left-nav ul li.active a {
        background: #f15931 url(../images/carat-white.png) no-repeat 95% center;
        color: #fff; }
      nav#left-nav ul li.active ul li {
        display: block; }
        nav#left-nav ul li.active ul li a {
          background: #f1f1f1 url(../images/carat-blue.png) no-repeat 95% center;
          color: #005baa; }
        nav#left-nav ul li.active ul li ul li a {
          background: #fcfcfc url(../images/carat-blue.png) no-repeat 95% center;
          color: #005baa;
          text-transform: none; }
    nav#left-nav ul ul li {
      display: none;
      margin-bottom: 0; }
  nav#left-nav .parent {
    display: none; }
  nav#left-nav .open ul {
    margin-bottom: 0; }
    nav#left-nav .open ul li {
      display: block; }
      nav#left-nav .open ul li ul li a {
        background: #fcfcfc url(../images/carat-blue.png) no-repeat 95% center;
        color: #005baa;
        text-transform: none; }
  nav#left-nav ul li ul li.active {
    display: block; }
    nav#left-nav ul li ul li.active ul li a {
      background: #fcfcfc url(../images/carat-blue.png) no-repeat 95% center;
      color: #005baa;
      text-transform: none; }
  nav#left-nav ul li ul li.open ul li a {
    padding-left: 26px; }
  nav#left-nav ul li ul li.secondary-parent a {
    background: #f15931 url(../images/carat-white.png) no-repeat 95% center;
    color: #fff; }
  nav#left-nav ul li ul li.secondary-parent ul li a {
    background: #fcfcfc url(../images/carat-blue.png) no-repeat 95% center;
    color: #005baa;
    padding-left: 26px; }
  nav#left-nav ul li ul li.secondary-parent ul li.active a {
    background: #fcfcfc url(../images/carat-orange.png) no-repeat 95% center;
    color: #f15931;
    padding-left: 26px; }

/*

          GLOBAL CALLOUTS
(Splash page callouts, and global callouts 
that render differently on the splash page, 
        are in splash.scss)

*/
.callout {
  /* Teal Patient Support phone callout */ }
  .callout.patient-support {
    background: #00d3d0 url(../images/icon-callout-phone.png) no-repeat 8px 12px;
    border-top: 5px solid #00a39d;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 25px;
    padding: 0px 0px 1px 46px; }
    .callout.patient-support h3 {
      color: #fff;
      font-family: "DIN Next W01 Medium", Helvetica, sans-serif;
      font-size: 1em;
      margin: 15px 0 5px 0; }
    .callout.patient-support p {
      font-family: "DIN Next W01 Light", Helvetica, sans-serif;
      font-size: 1em;
      line-height: 120%; }
      .callout.patient-support p.phone {
        font-family: "DIN Next W01 Medium", Helvetica, sans-serif;
        font-size: 1.2em; }
        .callout.patient-support p.phone a {
          color: #fff;
          text-align: left; }

/* Inner-content text callout */
.content .inner-callout {
  margin-bottom: 30px;
  margin-top: 20px;
  width: 97%; }
  .content .inner-callout p {
    background: #dce8f4;
    padding: 20px 50px 17px 20px; }
  .content .inner-callout:before {
    background: #dce8f4;
    content: "";
    display: block;
    height: 10px;
    width: 100px; }

/*

     SECTION BANNERS
(splash hero in splash.scss)

*/
.banner {
  height: 215px;
  margin-top: -72px;
  /* WHAT IS RITUXAN? Section */
  /* STARTING RITUXAN Section */
  /* WHAT IS NHL? Section */
  /* WHAT IS CLL? Section */
  /* RESOURCES AND SUPPORT Section */
  /*-----------------------

BANNER RESPONSIVE STYLES

-----------------------*/ }
  .banner .text {
    min-height: 215px;
    margin: 0 auto;
    text-shadow: 1px 1px 3px #949494;
    width: 999px; }
    .banner .text h2 {
      font-family: "DIN Next W01 Regular", Helvetica, sans-serif;
      font-size: 2.2em;
      padding: 100px 0 0 50px; }
      .banner .text h2 span.handwritten {
        display: block;
        padding-bottom: 6px; }
  .banner.what-is-rituxan {
    background: #1667b0 url(../images/sprite.png) no-repeat 690px -148px; }
    .banner.what-is-rituxan h2 {
      color: #fff; }
    @media only screen and (max-width: 1100px) {
      .banner.what-is-rituxan {
        background-position: 615px -148px; } }
  .banner.starting-rituxan {
    background: #dddbe5 url(../images/sprite.png) no-repeat 40px -375px; }
    .banner.starting-rituxan h2 {
      padding: 115px 0 0 50px; }
      .banner.starting-rituxan h2 span.handwritten {
        display: inline-block;
        padding-right: 7px; }
    @media only screen and (max-width: 980px) {
      .banner.starting-rituxan {
        background-position: -30px -375px; } }
  .banner.nhl {
    background: #c6c3ba url(../images/sprite.png) no-repeat 70px -591px; }
    .banner.nhl h2 {
      color: #fff; }
      .banner.nhl h2 span.handwritten {
        margin-top: -6px;
        padding-bottom: 13px; }
    .ie .banner.nhl {
      background-position: 110px -591px; }
    @media only screen and (max-width: 910px) {
      .banner.nhl {
        background-position: -30px -591px; } }
  .banner.cll {
    background: #e1e1d9 url(../images/sprite.png) no-repeat 500px -807px; }
    .banner.cll h2 span.handwritten {
      margin-top: -6px;
      padding-bottom: 13px; }
    @media only screen and (max-width: 910px) {
      .banner.cll {
        background-position: 420px -806px; } }
  .banner.resources {
    background: #ededed url(../images/sprite.png) no-repeat 600px -1022px; }
    @media only screen and (max-width: 1200px) {
      .banner.resources {
        background-position: 500px -1022px; } }
    @media only screen and (max-width: 1010px) {
      .banner.resources {
        background-position: 400px -1022px; } }
  @media only screen and (max-width: 998px) {
    .banner .text {
      width: auto; } }
  @media only screen and (max-width: 800px) {
    .banner {
      background-image: none !important;
      height: 130px;
      width: auto; }
      .banner .text {
        min-height: auto;
        width: auto; }
        .banner .text h2 {
          font-size: 1.5em;
          padding: 40px 0 0 0px;
          text-align: center; }
      .banner.starting-rituxan h2 span.handwritten {
        display: block; } }
  @media only screen and (max-width: 390px) {
    .banner .text h2 {
      font-size: 1.2em; } }

/*

SPLASH PAGE-SPECIFIC STYLES

*/
.splash {
  /*-----------------------

       HEADER

-----------------------*/
  /*-----------------------

     HERO BANNER

-----------------------*/
  /*-----------------------

 LAYOUT UNDER HERO BANNER

-----------------------*/
  /*-----------------------

   SPLASH CALLOUTS

-----------------------*/ }
  @media only screen and (max-width: 800px) {
    .splash {
      /* On mobile, header colors inverse on splash only */ }
      .splash header {
        background: #fff; }
        .splash header .header-top .mobile-logo {
          background: url(../images/sprite.png) no-repeat 0px -41px; }
        .splash header .header-top .mobile-nav .mobile-nav-text {
          color: #005baa; }
        .splash header .header-top .mobile-nav .mobile-nav-image {
          background: url(../images/sprite.png) no-repeat -242px -97px; } }
  .splash .hero {
    background: #01aeef;
    /* Old browsers */
    background: -moz-linear-gradient(top, #01aeef 0%, #0080c7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01aeef), color-stop(100%, #0080c7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #01aeef 0%, #0080c7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #01aeef 0%, #0080c7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #01aeef 0%, #0080c7 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #01aeef 0%, #0080c7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aeef', endColorstr='#0080c7',GradientType=0 );
    /* IE6-9 */
    height: 470px;
    margin-top: -52px;
    position: relative;
    z-index: 1;
    /* RESPONSIVE STYLES: HERO BANNER */ }
    .ie .splash .hero {
      top: -55px;
      position: relative;
      width: 100%;
      z-index: 0;
      zoom: 1; }
    .splash .hero .image {
      background: url(../images/sprite.png) no-repeat 700px -1290px;
      min-height: 470px;
      width: 100%; }
    .splash .hero .text {
      margin: 0 auto;
      padding-top: 100px;
      padding-left: 40px;
      position: relative;
      width: 999px; }
      .splash .hero .text h1, .splash .hero .text h2, .splash .hero .text a {
        color: #fff; }
      .splash .hero .text h1 {
        font-size: 2.750em;
        margin-bottom: 25px;
        word-spacing: -4px; }
        .splash .hero .text h1 span {
          font-size: .65em; }
        .splash .hero .text h1 .sans-serif {
          display: inline-block;
          font-family: Helvetica, Arial, sans-serif;
          font-size: 50%;
          position: relative;
          top: -22px; }
      .splash .hero .text h2 {
        font-family: "DIN Next W01 Light", Helvetica, sans-serif;
        font-size: 1.65em;
        line-height: 140%;
        margin-bottom: 30px; }
      .splash .hero .text a {
        background: #005baa;
        display: inline-block;
        font-size: .91em;
        padding: 15px 15px 10px 15px; }
    @media only screen and (max-width: 1200px) {
      .splash .hero .image {
        background-position: 550px -1290px; } }
    @media only screen and (max-width: 1000px) {
      .splash .hero .text {
        width: auto; } }
    @media only screen and (max-width: 1000px) {
      .splash .hero .image {
        background-image: none; } }
    @media only screen and (max-width: 800px) {
      .splash .hero {
        height: auto; }
        .splash .hero br {
          display: none; }
        .splash .hero .image {
          background: none;
          min-height: 0; }
        .splash .hero .text {
          padding: 20px 10px 30px 20px;
          width: auto; }
          .splash .hero .text h1 {
            font-size: 2em; }
          .splash .hero .text h2 {
            font-size: 1.25em; } }
  .splash #container {
    margin-top: -45px;
    position: relative;
    z-index: 2; }
    .splash #container .content {
      border-top: none;
      padding: 0; }
    .ie .splash #container {
      margin-top: -118px;
      position: relative; }
    .ie8 .splash #container {
      border-top: 1px solid #e2e2e2; }
    @media only screen and (max-width: 800px) {
      .splash #container {
        margin-top: 0;
        margin-bottom: 43px; } }
  .splash .callout {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    float: left;
    min-height: 115px;
    padding: 0 15px 10px 15px;
    position: relative;
    width: 50%;
    /* RESPONSIVE STYLES: SPLASH CALLOUTS */ }
    .splash .callout h2 {
      color: #f15931;
      font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
      font-size: 1.25em;
      margin-top: 0;
      padding: 15px 0 0 40px;
      text-transform: uppercase; }
      .splash .callout h2:before {
        display: none; }
    .splash .callout p {
      font-family: "DIN Next W01 Light", Helvetica, sans-serif;
      font-size: 1.01em;
      margin-bottom: 0;
      padding-left: 40px;
      padding-right: 0px; }
    .splash .callout a {
      bottom: 12px;
      float: right;
      font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
      font-size: 0.875em;
      position: absolute;
      right: 19px;
      text-transform: uppercase; }
    .splash .callout.last {
      border-right: none; }
    .splash .callout.callout-infusion h2 {
      background: url(../images/icon-callout-infusion.png) no-repeat 0 11px; }
    .splash .callout.callout-nhl h2 {
      background: url(../images/icon-callout-nhl.png) no-repeat 0 11px; }
    .splash .callout.patient-support {
      border-right: none;
      border-bottom: none;
      float: right;
      padding: 0px 0px 5px 46px;
      min-height: 0;
      width: 206px; }
      .splash .callout.patient-support h3 {
        padding: 0; }
      .splash .callout.patient-support p {
        padding: 0px 25px 0 0; }
        .splash .callout.patient-support p.phone {
          padding: 10px 0 6px 0; }
          .splash .callout.patient-support p.phone a {
            float: none;
            position: relative;
            top: 1px;
            left: -2px;
            right: 0; }
    @media only screen and (max-width: 899px) {
      .splash .callout.callout-infusion, .splash .callout.callout-nhl {
        min-height: 145px; } }
    @media only screen and (max-width: 800px) {
      .splash .callout {
        display: block;
        width: 100%; }
        .splash .callout.callout-infusion, .splash .callout.callout-nhl {
          min-height: 115px; }
          .splash .callout.callout-infusion h2, .splash .callout.callout-nhl h2 {
            font-size: 1.276em; }
          .splash .callout.callout-infusion p, .splash .callout.callout-nhl p {
            font-size: 1.125em; }
        .splash .callout.patient-support {
          display: none; } }
    @media only screen and (max-width: 488px) {
      .splash .callout.callout-infusion, .splash .callout.callout-nhl {
        min-height: 145px; } }

/*

      FOOTER STYLES

*/
/*

    FOOTER NAVIGATION

*/
.footer-nav ul {
  font-size: 1em;
  list-style-type: none;
  margin: 20px auto 30px auto;
  padding: 0;
  width: 100%;
  /* RESPONSIVE STYLES: FOOTER NAVIGATION */ }
  .footer-nav ul li {
    background: url(../images/bullet.png) no-repeat 0 5px;
    display: inline-block;
    padding: 0 0 0 20px;
    margin-left: 25px; }
    .footer-nav ul li.gene-logo {
      background: none;
      float: right;
      margin: -12px 15px 0 0;
      padding: 0;
      text-indent: -9999px; }
      .footer-nav ul li.gene-logo a {
        background: url(../images/sprite.png) no-repeat -15px -81px;
        display: block;
        height: 46px;
        width: 92px; }
    .footer-nav ul li.biogen-logo {
      background: none;
      float: right;
      margin: -14px 15px 0 0;
      padding: 0;
      text-indent: -9999px; }
      .footer-nav ul li.biogen-logo a {
        background: url(../images/sprite.png) no-repeat -121px -83px;
        display: block;
        height: 46px;
        width: 100px; }
    .footer-nav ul li a {
      color: #58595b; }
  @media only screen and (max-width: 999px) {
    .footer-nav ul {
      text-align: center; }
      .footer-nav ul li.gene-logo {
        clear: both;
        display: inline-block;
        margin: 20px 0 20px -15px;
        text-align: center;
        width: 100%; }
        .footer-nav ul li.gene-logo a {
          margin: 0 auto; } }

@media only screen and (max-width: 800px) {
  .footer-nav {
    display: none; } }

/*-----------------------

  BOTTOM-FOOTER STYLES

-----------------------*/
footer {
  background: #005baa;
  bottom: 0;
  color: #fff;
  font-family: "DIN Next W01 Light", Helvetica, sans-serif;
  font-size: 0.866em;
  width: 100%;
  /* RESPONSIVE STYLES: BOTTOM FOOTER */ }
  footer p {
    font-size: .867em;
    line-height: 100%;
    margin: 0 auto;
    max-width: 999px;
    padding: 18px 30px 13px 26px; }
  @media only screen and (max-width: 800px) {
    footer {
      display: none; } }

/*-----------------------

  MOBILE-FOOTER STYLES

-----------------------*/
footer.mobile-footer {
  display: none;
  position: fixed;
  z-index: 2; }
  footer.mobile-footer a {
    color: #fff;
    display: inline-block;
    font-size: 1.125em;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 32%; }
    footer.mobile-footer a.safety-link {
      text-align: center; }
      footer.mobile-footer a.safety-link span {
        background: url(../images/icon-safety.png) no-repeat 10px center;
        display: inline-block;
        margin-left: -10px;
        padding-left: 45px; }
    footer.mobile-footer a.pi-link {
      border-left: 1px solid #1c3668;
      border-right: 1px solid #1c3668; }
    footer.mobile-footer a:hover {
      text-decoration: none; }
  @media only screen and (max-width: 800px) {
    footer.mobile-footer {
      display: block; } }
  @media only screen and (max-width: 390px) {
    footer.mobile-footer a {
      font-size: .9em;
      padding: 12px 0 13px 0; } }

/* Mobile footer flyouts */
.mobile-footer-container {
  background: #fff;
  bottom: 42px;
  display: none;
  height: 100%;
  overflow: auto;
  position: fixed;
  z-index: 2;
  width: 100%; }
  .mobile-footer-container .modal-close {
    background: transparent url(../images/sprite.png) no-repeat -272px -77px;
    top: 15px;
    cursor: pointer;
    display: block;
    height: 17px;
    margin-top: 50px;
    position: absolute;
    right: 15px;
    width: 62px; }
  @media only screen and (max-width: 800px) {
    .mobile-footer-container.active {
      display: block; } }

/*

     SAFETY STYLES

*/
/* BOTTOM SAFETY */
.container .safety .important-title h2 {
  position: relative;
  background: url(../images/icon-safety.png) no-repeat 0 0;
  height: 23px;
  padding-left: 45px;
  padding-top: 2px; }
  .container .safety .important-title h2:before {
    display: none; }

.container .safety .indications-title h2 {
  position: relative;
  background: url(../images/icon-indications.png) no-repeat 0 0;
  content: ' ';
  height: 23px;
  padding-left: 45px;
  padding-top: 2px; }
  .container .safety .indications-title h2:before {
    display: none; }

.container .safety a {
  text-decoration: underline; }

.container .safety h4 {
  color: #005baa;
  padding-left: 45px;
  font-size: 1.063em;
  line-height: 130%; }

.container .safety b, .container .safety strong {
  font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
  font-weight: normal; }

.container .safety ul {
  margin-bottom: 0; }
  .container .safety ul.margin-bottom {
    margin-bottom: 10px; }

.container .safety .safety-fda a {
  text-decoration: none; }

.content .safety, .patient-modal .safety, .splash .safety, .mobile-footer-container .safety {
  margin-top: 40px;
  margin-bottom: 50px; }
  .content .safety h2, .patient-modal .safety h2, .splash .safety h2, .mobile-footer-container .safety h2 {
    font-size: 1.250em; }
    .content .safety h2.safety-indication-header, .patient-modal .safety h2.safety-indication-header, .splash .safety h2.safety-indication-header, .mobile-footer-container .safety h2.safety-indication-header {
      background: url(../images/icon-indications.png) no-repeat 0 0;
      height: 23px;
      padding-left: 45px;
      padding-top: 2px; }
      .content .safety h2.safety-indication-header:before, .patient-modal .safety h2.safety-indication-header:before, .splash .safety h2.safety-indication-header:before, .mobile-footer-container .safety h2.safety-indication-header:before {
        display: none; }
  .content .safety h3.safety-heading, .patient-modal .safety h3.safety-heading, .splash .safety h3.safety-heading, .mobile-footer-container .safety h3.safety-heading {
    background: url(../images/icon-safety.png) no-repeat 0 0;
    padding-left: 45px; }
  .content .safety h4.safety-subheading, .content .safety p.safety-indication-subheader, .patient-modal .safety h4.safety-subheading, .patient-modal .safety p.safety-indication-subheader, .splash .safety h4.safety-subheading, .splash .safety p.safety-indication-subheader, .mobile-footer-container .safety h4.safety-subheading, .mobile-footer-container .safety p.safety-indication-subheader {
    color: #005baa;
    font-size: 1.063em;
    line-height: 130%;
    padding-left: 45px; }
  .content .safety p, .patient-modal .safety p, .splash .safety p, .mobile-footer-container .safety p {
    padding-left: 45px; }
    .content .safety p.safety-indication-subheader, .patient-modal .safety p.safety-indication-subheader, .splash .safety p.safety-indication-subheader, .mobile-footer-container .safety p.safety-indication-subheader {
      font-family: "DIN Next W01 Bold", Helvetica, sans-serif; }
    .content .safety p.safety-additional a, .patient-modal .safety p.safety-additional a, .splash .safety p.safety-additional a, .mobile-footer-container .safety p.safety-additional a {
      text-decoration: underline; }
  .content .safety ul, .patient-modal .safety ul, .splash .safety ul, .mobile-footer-container .safety ul {
    list-style-type: none;
    margin-left: 5px;
    padding: 0 0 0 42px; }
    .content .safety ul li, .patient-modal .safety ul li, .splash .safety ul li, .mobile-footer-container .safety ul li {
      background: url(../images/bullet2.png) no-repeat 0 7px;
      padding: 0 0 0 18px; }

.content .safety {
  clear: right;
  margin-top: 0;
  margin-left: -40px;
  padding-top: 40px;
  padding-right: 60px; }
  @media only screen and (max-width: 800px) {
    .content .safety {
      margin-left: 0;
      margin-top: 90px;
      padding-right: 10px; } }

.splash .safety {
  clear: none;
  padding-left: 48px;
  padding-top: 30px;
  padding-right: 240px;
  margin-top: auto; }
  @media only screen and (max-width: 800px) {
    .splash .safety {
      padding-right: 20px;
      padding-left: 20px; } }

/* MODAL SAFETY */
.modal-wrap .patient-modal .safety {
  margin-top: 26px; }
  .modal-wrap .patient-modal .safety .safety-heading {
    display: none; }

/* MOBILE SAFETY (FLYOUT) */
.splash .mobile-footer-container .safety {
  padding: 80px 20px 0px 20px; }

.mobile-footer-container .safety {
  padding: 45px 20px 0px 20px; }
  .mobile-footer-container .safety h3.safety-heading {
    font-size: 1.22em !important; }
  .mobile-footer-container .safety a {
    color: #005baa;
    text-decoration: underline; }

/*

         CHARTS!

*/
h3.chart-head-black {
  color: black;
  font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
  font-size: 1.035em;
  margin-bottom: -14px; }

.chart {
  margin: 15px 20px 15px 0;
  overflow: auto;
  width: 100%;
  /* CHART: WHERE NHL/CLL MAY STRIKE */
  /* CHART: NHL STAGING */
  /* CHARTS: INFUSION TIMELINES */
  /* Responsive rules for global charts */ }
  .chart.where-it-may-strike {
    background: #00c4b9;
    min-height: 245px;
    position: relative;
    width: 97%;
    /* Responsive rules for CHART: WHERE NHL/CLL MAY STRIKE */ }
    .chart.where-it-may-strike img {
      bottom: 0;
      padding-left: 5%;
      padding-top: 13px; }
    @media only screen and (max-width: 935px) {
      .chart.where-it-may-strike {
        min-height: 0; }
        .chart.where-it-may-strike img {
          padding-left: 5px;
          padding-right: 10px;
          width: 100%; } }
  .chart.nhl-staging {
    /* Responsive rules for CHART: NHL STAGING */ }
    .chart.nhl-staging .stage {
      float: left;
      min-height: 370px;
      width: 180px; }
      .chart.nhl-staging .stage .img {
        background: url(../images/charts/charts-sprite.png) no-repeat 0px 0px;
        height: 254px;
        width: 181px; }
        .chart.nhl-staging .stage .img.stage1 {
          background-position: 0px 0px; }
        .chart.nhl-staging .stage .img.stage2 {
          background-position: -181px 0px; }
        .chart.nhl-staging .stage .img.stage3 {
          background-position: -362px 0px; }
        .chart.nhl-staging .stage .img.stage4 {
          background-position: -543px 0px; }
      .chart.nhl-staging .stage p {
        font-family: "DIN Next W01 Light", Helvetica, sans-serif;
        font-size: 0.971em;
        padding: 15px 10px 0 10px;
        text-align: center; }
    .chart.nhl-staging .diaphragm {
      clear: both; }
      .chart.nhl-staging .diaphragm span {
        background: url(../images/charts/diaphragm.png) no-repeat 0px 6px;
        display: block;
        margin: 0 auto;
        padding-left: 43px;
        text-align: center;
        text-transform: uppercase;
        width: 100px; }
        .chart.nhl-staging .diaphragm span span {
          background: none; }
      .chart.nhl-staging .diaphragm .glossary-highlight {
        width: 20%; }
    @media only screen and (max-width: 800px) {
      .chart.nhl-staging .diaphragm span {
        margin-left: 0;
        padding-left: 23px; } }
    @media only screen and (max-width: 765px) {
      .chart.nhl-staging {
        width: 540px; } }
    @media only screen and (max-width: 580px) {
      .chart.nhl-staging {
        width: auto; }
        .chart.nhl-staging .glossary-highlight {
          width: 100%; } }
  .chart.chart-infusion {
    /* Responsive rules for CHARTS: INFUSION TIMELINES */ }
    .chart.chart-infusion ul.infusion-timeline {
      padding: 0;
      position: relative;
      width: auto; }
      .chart.chart-infusion ul.infusion-timeline li {
        background: none;
        float: left;
        font-family: "DIN Next W01 Light", Helvetica, sans-serif;
        margin-bottom: 20px;
        padding: 8px 0px 6px 0px; }
        .chart.chart-infusion ul.infusion-timeline li span.handwritten {
          color: #0cdad8;
          display: inline-block;
          font-size: 2.3em;
          margin: 0px 10px -12px 10px;
          vertical-align: middle; }
        .chart.chart-infusion ul.infusion-timeline li.first {
          padding-right: 5%; }
          .chart.chart-infusion ul.infusion-timeline li.first span.handwritten {
            margin-left: 0; }
        .chart.chart-infusion ul.infusion-timeline li.last {
          padding-left: 4%; }
        .chart.chart-infusion ul.infusion-timeline li.border {
          border-left: 1px solid #f15931;
          border-right: 1px solid #f15931;
          padding: 6px 7% 6px 6%; }
    .chart.chart-infusion .infusion-number {
      float: left;
      width: 61%; }
      .chart.chart-infusion .infusion-number .infusion-bag {
        display: block;
        float: left;
        height: 50px;
        margin: 0 5px 10px 0;
        width: 50px; }
        .chart.chart-infusion .infusion-number .infusion-bag.split {
          background: url(../images/charts/charts-sprite.png) no-repeat 0 -457px; }
        .chart.chart-infusion .infusion-number .infusion-bag.full {
          background: url(../images/charts/charts-sprite.png) no-repeat -50px -457px; }
    .chart.chart-infusion p.chart-tiny {
      clear: both;
      font-size: 0.775em;
      padding: 0;
      text-transform: uppercase; }
      .chart.chart-infusion p.chart-tiny.footnote {
        text-transform: none; }
    .chart.chart-infusion .infusion-key {
      background: url(../images/charts/gray-line.png) no-repeat 0 43px;
      float: right;
      width: 39%; }
      .chart.chart-infusion .infusion-key.no-line {
        background: none; }
      .chart.chart-infusion .infusion-key ul {
        padding-left: 16px;
        padding-right: 0; }
        .chart.chart-infusion .infusion-key ul li {
          font-size: 0.74em;
          text-transform: uppercase; }
          .chart.chart-infusion .infusion-key ul li.orange {
            background: url(../images/charts/orange-square.png) no-repeat 0 2px; }
          .chart.chart-infusion .infusion-key ul li.gray {
            background: url(../images/charts/gray-square.png) no-repeat 0 2px; }
    .chart.chart-infusion.fl-maintenance .infusion-number {
      width: 90%; }
      .chart.chart-infusion.fl-maintenance .infusion-number .infusion-bag {
        margin-right: 4px; }
    .chart.chart-infusion.fl-maintenance .infusion-key {
      margin-top: -53px;
      width: 14.6%; }
    .chart.chart-infusion.six-cycle .infusion-number {
      width: 46%; }
    .chart.chart-infusion.six-cycle .infusion-key {
      width: 54%; }
    @media only screen and (max-width: 900px) {
      .chart.chart-infusion.fl-maintenance .infusion-key {
        clear: both;
        float: left;
        margin-top: 0;
        width: auto; }
        .chart.chart-infusion.fl-maintenance .infusion-key ul {
          margin: 10px 0 0 0;
          padding: 0; } }
    @media only screen and (max-width: 840px) {
      .chart.chart-infusion ul.infusion-timeline {
        width: auto; }
        .chart.chart-infusion ul.infusion-timeline li {
          float: none;
          margin: 5px;
          padding: 0 !important; }
          .chart.chart-infusion ul.infusion-timeline li.border {
            border: none; } }
  @media only screen and (max-width: 800px) {
    .chart img {
      width: 100%; } }

/*-----------------------

        TABLES!

-----------------------*/
body .content table {
  margin: 15px 21px 20px 0;
  line-height: 115%;
  /* TABLES: QUESTIONS TO ASK YOUR DOCTOR */
  /* Two-column format tables */
  /* Responsive rules for global tables */ }
  body .content table tr th, body .content table tr td {
    border: 1px solid #ebfafd;
    color: #6D6E70;
    padding: 10px 10px 8px 10px; }
    body .content table tr th.width-quarter, body .content table tr td.width-quarter {
      width: 25%; }
    body .content table tr th.top, body .content table tr td.top {
      vertical-align: top; }
  body .content table tr th {
    background: #00c4b9;
    color: #fff;
    font-family: "DIN Next W01 Medium", Helvetica, sans-serif;
    padding-right: 3px;
    text-transform: uppercase; }
  body .content table tr td {
    background: #ceebed;
    font-size: .85em;
    vertical-align: top; }
  body .content table tr.odd td {
    background: #aadede; }
  body .content table tr ul {
    margin: 0 0 0 5px;
    padding: 0; }
    body .content table tr ul li {
      background-position: 0px 6px;
      padding-left: 10px; }
  body .content table.questions-table {
    margin-top: 5px;
    /* Responsive styles for TABLES: QUESTIONS TO ASK YOUR DOCTOR */ }
    body .content table.questions-table tr td {
      line-height: 115%;
      width: 50%; }
      body .content table.questions-table tr td.height-single-line {
        height: 35px; }
    @media only screen and (max-width: 965px) {
      body .content table.questions-table {
        margin-right: 0;
        width: 98%; }
        body .content table.questions-table.left-table {
          margin-bottom: 0; }
        body .content table.questions-table.right-table {
          margin-top: -1px; }
        body .content table.questions-table .mobile-odd td {
          background: #aadede; }
        body .content table.questions-table .mobile-even td {
          background: #ceebed; } }
  body .content table.width-half {
    float: left;
    margin-right: 0;
    width: 49.7%;
    /* Responsive rules for two-column tables */ }
    body .content table.width-half.questions-table {
      width: 48.7%; }
    .ie body .content table.width-half th {
      font-size: .965em; }
    body .content table.width-half td.width-33 {
      width: 33%; }
    body .content table.width-half td.width-38 {
      width: 38%; }
    body .content table.width-half td.width-50 {
      width: 50%; }
    body .content table.width-half.questions-table td {
      height: 52px; }
    body .content table.width-half.right-table {
      margin-right: 0; }
    @media only screen and (max-width: 985px) {
      body .content table.width-half {
        float: none;
        margin-right: 40px;
        width: 94%; }
        body .content table.width-half td, body .content table.width-half th {
          height: auto !important; }
        body .content table.width-half.width-half {
          width: 100%; }
          body .content table.width-half.width-half.left-table, body .content table.width-half.width-half.right-table {
            margin-right: 0;
            width: 100%; } }
    @media only screen and (max-width: 800px) {
      body .content table.width-half.width-half.left-table, body .content table.width-half.width-half.right-table {
        width: 98%; }
        body .content table.width-half.width-half.left-table td, body .content table.width-half.width-half.right-table td {
          padding: 10px 5px 8px 5px; } }
  @media only screen and (max-width: 800px) {
    body .content table {
      margin-right: 0px; } }

/*

 GLOSSARY POP-UP STYLES

*/
/* Style when relevant glossary text is highlighted */
.glossary-item {
  color: #005baa;
  cursor: pointer;
  font-family: "DINNextW01-BoldItalic";
  white-space: nowrap; }

/* Pop-up */
.glossary-pop-up {
  background: #005baa;
  color: #fff;
  display: none;
  font-family: "DIN Next W01 Light";
  font-size: 0.875em;
  left: 0;
  margin-top: -25px;
  max-width: 300px;
  position: absolute;
  padding: 15px;
  top: 0;
  z-index: 2; }
  .glossary-pop-up p {
    margin-bottom: 0;
    padding-left: 0; }
  .glossary-pop-up strong {
    color: #fff;
    font-family: "DIN Next W01 Medium";
    font-size: 1.4em;
    margin-bottom: 5px;
    margin-top: 0; }
  .glossary-pop-up ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 18px;
    padding: 0;
    position: relative;
    zoom: 1; }
    .glossary-pop-up ul li {
      background: url(../images/bullet4.png) no-repeat 0 7px;
      padding: 0 0 0 13px; }
      .ie .glossary-pop-up ul li {
        background-position: 0 10px; }
      .glossary-pop-up ul li span {
        display: inline-block;
        margin-left: -5px; }
  .glossary-pop-up:after {
    background: transparent url(../images/glossary-carat.png) no-repeat center 0;
    content: " ";
    display: block;
    height: 25px;
    position: absolute;
    margin-top: 15px;
    margin-left: -15px;
    width: 100%; }
  .glossary-pop-up.active:after {
    content: "  "; }

/*

     GLOBAL STYLES 
          AND
     SAFETY MODAL

*/
.modal-wrap {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }
  .modal-wrap .patient-modal {
    background: white;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #999999;
    -moz-box-shadow: 0 0 10px #999999;
    box-shadow: 0 0 10px #999999;
    margin: 10px auto 0;
    /*position: absolute;*/
    position: relative;
    width: 675px;
    z-index: 100; }
    .ie8 .modal-wrap .patient-modal {
      border: 1px solid #999999; }
  .modal-wrap .safety {
    margin-top: 0;
    padding: 0; }
  .modal-wrap .modal-top {
    height: 40px; }
  .modal-wrap .safety-modal-main-heading {
    color: #005baa;
    display: block;
    font-size: 1.25em;
    font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
    padding: 20px 0 0 25px; }
  .modal-wrap .safety-modal-warning {
    background: transparent url(../images/icon-safety.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 26px;
    width: 37px; }
  .modal-wrap .modal-close {
    background: transparent url(../images/sprite.png) no-repeat -316px -101px;
    top: 19px;
    cursor: pointer;
    display: block;
    height: 17px;
    position: absolute;
    right: 15px;
    width: 17px; }
  .modal-wrap .modal-body {
    height: 420px;
    overflow: none;
    padding: 0;
    width: 100%; }
  .modal-wrap .modal-scroll {
    box-sizing: border-box;
    height: 380px;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px;
    width: 100%; }

/*@-moz-document url-prefix() { 
  .modal-wrap.safety-modal .modal-scroll {
    left: -62px;
    position: relative;
  }
}*/
/*-----------------------
  PATIENT MODAL
-----------------------*/
.patient-modal .safety-modal-warning {
  position: absolute;
  top: 20px;
  left: 25px; }

.patient-modal .modal-top h2 {
  color: #005baa;
  display: block;
  font-size: 1.25em;
  font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
  padding: 20px 0 0 62px; }

.patient-modal h4 {
  padding-left: 45px;
  color: #005baa;
  font-size: 1.063em;
  line-height: 130%; }

.patient-modal b, .patient-modal strong {
  font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
  font-weight: normal; }

.patient-modal a {
  text-decoration: underline; }

.patient-modal .indications-title h2 {
  position: relative;
  background: url(../images/icon-indications.png) no-repeat 0 0;
  height: 23px;
  padding-left: 45px;
  padding-top: 2px; }

@media only screen and (max-width: 800px) {
  .mobile-footer-container .important-title h2 {
    position: relative;
    background: url(../images/icon-safety.png) no-repeat 0 0;
    height: 23px;
    padding-left: 45px;
    padding-top: 2px; } }

@media only screen and (max-width: 800px) {
  .mobile-footer-container .indications-title h2 {
    position: relative;
    background: url(../images/icon-indications.png) no-repeat 0 0;
    content: ' ';
    height: 23px;
    padding-left: 45px;
    padding-top: 2px; }
  .mobile-footer-container .important-title h2 {
    position: relative;
    background: url(../images/icon-safety.png) no-repeat 0 0;
    height: 23px;
    padding-left: 45px;
    padding-top: 2px; }
  .mobile-footer-container h4 {
    padding-left: 45px; } }

/*-----------------------

     EXTERNAL LINK
          AND
       HCP MODAL

-----------------------*/
.external-modal, .hcp-modal {
  display: none;
  /* RESPONSIVE STYLES: SHARED EXTERNAL LINK/HCP MODAL */ }
  .external-modal .external-modal-main-heading, .hcp-modal .external-modal-main-heading {
    color: #005baa;
    display: block;
    font-size: 1.5em;
    font-family: "DIN Next W01 Bold", Helvetica, sans-serif;
    padding: 20px 0 0 20px; }
  .external-modal .modal-body, .hcp-modal .modal-body {
    height: auto;
    min-height: 240px; }
  .external-modal .modal-scroll, .hcp-modal .modal-scroll {
    height: auto;
    min-height: 240px;
    overflow: auto;
    padding-top: 15px; }
  .external-modal .btn-wrap, .hcp-modal .btn-wrap {
    margin: 10px auto 15px auto;
    width: 307px; }
  .external-modal .btn, .hcp-modal .btn {
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-family: "DIN Next W01 Medium", Helvetica, sans-serif;
    font-size: .95em;
    padding: 10px 0 8px 0px;
    text-align: center;
    width: 150px; }
    .external-modal .btn.cancel-btn, .hcp-modal .btn.cancel-btn {
      background: #f15931;
      margin-right: 2px; }
    .external-modal .btn.proceed-btn, .hcp-modal .btn.proceed-btn {
      background: #005baa; }
  @media only screen and (max-width: 800px) {
    .external-modal .patient-modal, .hcp-modal .patient-modal {
      width: 100%; }
    .external-modal .btn, .hcp-modal .btn {
      width: 130px; } }

.hcp-modal {
  /* RESPONSIVE STYLES: HCP MODAL ONLY */ }
  .hcp-modal .modal-body {
    min-height: 0; }
  .hcp-modal .modal-scroll {
    overflow: auto;
    min-height: 0; }
    .hcp-modal .modal-scroll .btn-wrap {
      margin-top: 25px;
      margin-bottom: 20px; }
  @media only screen and (max-width: 800px) {
    .hcp-modal {
      top: 52px !important; } }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-widget-overlay {
  background-color: #000;
  opacity: .50;
  filter: Alpha(Opacity=50);
  z-index: 99; }

.ui-widget-overlay {
  display: none; }
