*,
      :after,
      :before {
          box-sizing: border-box
      }
      body,
      html {
          background-color: #fff;
          color: #333;
          margin: 0;
          min-width: 320px
      }
      blockquote,
      body,
      code,
      dd,
      div,
      dl,
      dt,
      fieldset,
      form,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      legend,
      li,
      ol,
      p,
      pre,
      td,
      textarea,
      th,
      ul {
          margin: 0;
          padding: 0;
          font-family: Helvetica, Open Sans, Arial, sans-serif;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px
      }
      ul {
          list-style-type: none
      }
      .vmcp-app .viewPage {
          float: none;
          padding: 0;
          margin: 0 auto;
          height: 100%
      }
      .vmcp-app .viewPage-relativeWrapper {
          left: 0;
          height: 100%;
          transition: left .4s ease;
          position: relative
      }
      .vmcp-app .header {
          background-color: #555;
          color: #fff;
          text-align: left;
          height: 41px
      }
      .vmcp-app .header-content,
      .vmcp-app .viewPage-contents {
          margin: 0 auto;
          position: relative
      }
      .header .header-logo-container {
          margin-right: 50px;
          text-align: center;
          cursor: default
      }
      .vmcp-app a {
          color: #003EA9
      }
      .header {
          padding: 3px;
          height: 41px
      }
      a:hover {
          text-decoration: underline;
      }
      a {
          cursor: pointer;
          color: #003ea9;
          text-decoration: none
      }
      .header .header-logo-container .header-logo-image {
          width: 150px;
          height: 25px;
          margin: 5px 10px;
          display: inline-block;
          background-size: auto 100%
      }
      .vmcp-app .viewPage-contents {
          padding: 35px 5px 0;
          min-height: 100%
      }
      .vmcp-app .bundlePi-cardEntry h1.addCardTitle,
      .vmcp-app h1 {
          font-size: 22px;
          font-weight: 400;
          text-align: center;
          padding-bottom: 20px;
          line-height: 34px
      }
      .agreement {
          line-height: 30px;
          text-align: left
      }
      .agreement .description {
          margin-top: 20px
      }
      .agreement .description .agreementHeading {
          font-size: 20px;
          padding-left: 0;
          font-weight: 700
      }
      .agreement .description .agreementHeading h2 {
             margin: 10px 0;
          font-size: 20px;
          display: inline-block;
      }
      .agreement .description ol {
          padding-left: 0px;
          counter-reset: item;
          padding-top: 10px;
      }
      .agreement .description ol li {
          display: block;
          position: relative;
          padding-bottom: 10px;
          padding-left: 10px;
          font-weight: bold;
      }
      .agreement .description ol li li{
        font-weight: normal;
      }
      .agreement .description ol li.agreementHeading:before {
        position: absolute;
        content: "";
      }
      .agreement .description ol li:before {
          content: counters(item,".") ".";
          counter-increment: item;
          position: static;
          margin-right: 0px;
          padding-right: 6px;
      }
      .agreement .description .normalText {
          font-weight: 400;
          font-size: 14px
      }
      .agreement .footerNote {
          padding-top: 15px
      }
      @media (min-width: 768px) {
          .vmcp-app .header {
              height: auto
          }
          .vmcp-app .header .header-logo-container .header-logo-image {
              width: 350px;
              height: 58px;
              margin: 21px 0 15px;
              display: inline-block
          }
          .vmcp-app .compactLayout.single-page {
              width: 69.9%;
              margin: 0 auto
          }
          .vmcp-app .appFooter footer,
          .vmcp-app .header-content,
          .vmcp-app .top-nav-link,
          .vmcp-app .viewPage-contents {
              width: 720px;
              margin: 0 auto
          }
          .vmcp-app .viewPage-contents {
              padding: 10px 0 20px
          }
          .header {
              padding: 0
          }
      }
      @media (min-width: 1024px) {
          .vmcp-app .appFooter footer,
          .vmcp-app .header-content,
          .vmcp-app .top-nav-link,
          .vmcp-app .viewPage-contents {
              width: 940px;
              margin: 0 auto;
              position: relative
          }
          .vmcp-app .compactLayout.multi-page,
          .vmcp-app .compactLayout.single-page {
              padding-top: 15px
          }
      }
      .alertsTnC {
          display: none;
      }