.c-markup {
  margin-bottom: 36px;
  margin-bottom: 1.5rem;
  overflow-x: auto; }
  .c-markup--grey {
    padding: 18px 9px;
    padding: 0.75rem 0.375rem;
    background-color: #F6F6F6;
    border-radius: 20px; }
    @media (min-width: 992px) {
      .c-markup--grey {
        padding: 27px 18px;
        padding: 1.125rem 0.75rem;
        max-width: 880px; } }
  .c-markup .highcharts-title {
    color: #741678 !important;
    fill: #741678 !important;
    font-size: 20px !important;
    line-height: 26px !important; }
  .c-markup #main {
    max-width: 880px;
    margin: 0 auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif; }
  .c-markup .interactive-chart {
    width: 100%;
    min-height: 500px; }
    @media (min-width: 992px) {
      .c-markup .interactive-chart {
        max-width: 880px; } }
  .c-markup .interactive-chart.taller {
    min-height: 650px; }
    @media (min-width: 992px) {
      .c-markup .interactive-chart.taller {
        min-height: 750px; } }
  @media (min-width: 992px) {
    .c-markup #chart-hm-5 {
      min-height: 400px; } }
  .c-markup #chart-hm-6.taller {
    min-height: 750px; }
    @media (min-width: 992px) {
      .c-markup #chart-hm-6.taller {
        min-height: 500px; } }
  .c-markup .note {
    margin-top: -30px;
    margin-bottom: 60px;
    padding: 15px;
    background-color: yellow;
    color: brown; }
  .c-markup .dot-table {
    margin-bottom: 36px;
    margin-bottom: 1.5rem;
    font-size: 18px;
    font-size: 0.75rem;
    line-height: 22px;
    line-height: 0.91667rem;
    width: 100%;
    table-layout: fixed; }
    .c-markup .dot-table#hm-table-1 th.rotated {
      width: 70px; }
      .c-markup .dot-table#hm-table-1 th.rotated span {
        display: block;
        width: 30px;
        -ms-transform: translate(13px, 70px) rotate(-90deg);
            transform: translate(13px, 70px) rotate(-90deg); }
    .c-markup .dot-table#vet-table-1 th.rotated {
      width: 110px; }
      @media (min-width: 992px) {
        .c-markup .dot-table#vet-table-1 th.rotated {
          width: 55px; } }
      .c-markup .dot-table#vet-table-1 th.rotated span {
        display: block;
        width: 30px;
        -ms-transform: translate(20px, 70px) rotate(-90deg);
            transform: translate(20px, 70px) rotate(-90deg); }
      .c-markup .dot-table#vet-table-1 th.rotated div {
        -ms-transform: translate(0, 52px) rotate(-90deg);
            transform: translate(0, 52px) rotate(-90deg); }
    .c-markup .dot-table tr:first-child {
      height: 200px; }
      .c-markup .dot-table tr:first-child > th:first-child {
        width: 250px; }
    .c-markup .dot-table th {
      padding: 9px 18px;
      padding: 0.375rem 0.75rem;
      border-bottom: 1px solid #0048AA;
      color: #0048AA;
      text-align: left;
      vertical-align: bottom; }
      .c-markup .dot-table th.rotated {
        font-weight: 400;
        height: 140px; }
      .c-markup .dot-table th:not(:first-child) {
        border-left: 1px dotted #0048AA;
        vertical-align: middle; }
      .c-markup .dot-table th div {
        display: flex;
        align-items: center; }
        .c-markup .dot-table th div:before {
          margin-right: 9px;
          margin-right: 0.375rem;
          content: '';
          display: block;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: bottom;
          width: 45px;
          height: 45px;
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
          flex-shrink: 0; }
        .c-markup .dot-table th div.heading-cattle:before {
          background-image: url(icon-cattle.png); }
        .c-markup .dot-table th div.heading-cats:before {
          background-image: url(icon-cats.png); }
        .c-markup .dot-table th div.heading-chickens:before {
          background-image: url(icon-chickens.png); }
        .c-markup .dot-table th div.heading-dogs:before {
          background-image: url(icon-dogs.png); }
        .c-markup .dot-table th div.heading-rabbits:before {
          background-image: url(icon-rabbits.png); }
    .c-markup .dot-table tr td {
      border-bottom: 1px dotted #0048AA; }
      .c-markup .dot-table tr td:first-child {
        text-align: left;
        color: #333333; }
        .c-markup .dot-table tr td:first-child.table-section-row {
          padding: 18px 18px;
          padding: 0.75rem 0.75rem;
          border-top: 1px solid #0048AA;
          border-bottom: 1px solid #0048AA;
          font-weight: 700;
          color: #741678; }
          .c-markup .dot-table tr td:first-child.table-section-row div {
            display: flex;
            align-items: center; }
            .c-markup .dot-table tr td:first-child.table-section-row div:before {
              margin-right: 9px;
              margin-right: 0.375rem;
              content: '';
              display: block;
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center;
              width: 35px;
              height: 35px; }
          .c-markup .dot-table tr td:first-child.table-section-row.section-cancer div:before {
            background-image: url(icon-cancer.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-cardiovascular div:before {
            background-image: url(icon-cardiovascular.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-dermatology div:before {
            background-image: url(icon-dermatology.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-diagnostic div:before {
            background-image: url(icon-diagnostic-agents.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-endocrinology div:before {
            background-image: url(icon-endocrinology.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-gastroenterology div:before {
            background-image: url(icon-gastroenterology-hepatology.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-haematology div:before {
            background-image: url(icon-haematology-haemostaseology.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-immunology div:before {
            background-image: url(icon-immunology-rheumatology-transplantation.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-infections div:before {
            background-image: url(icon-infections.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-metabolism div:before {
            background-image: url(icon-metabolism.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-neurology div:before {
            background-image: url(icon-neurology.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-ophthalmology div:before {
            background-image: url(icon-ophthalmology.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-pneumology div:before {
            background-image: url(icon-pneumology-allergology.png); }
          .c-markup .dot-table tr td:first-child.table-section-row.section-vaccines div:before {
            background-image: url(icon-vaccines.png); }
      .c-markup .dot-table tr td:not(:first-child) {
        font-size: 25px;
        font-size: 1.04167rem; }
    .c-markup .dot-table tr td:not(:first-child) {
      border-left: 1px dotted #0048AA; }
    .c-markup .dot-table td {
      padding: 9px 18px;
      padding: 0.375rem 0.75rem;
      text-align: center;
      color: #741678; }
  .c-markup h3 {
    padding: 27px;
    padding: 1.125rem;
    border-bottom: 1px solid #0048AA;
    text-align: center;
    color: #004B6C; }
  .c-markup .numbers-table {
    margin-bottom: 36px;
    margin-bottom: 1.5rem;
    font-size: 18px;
    font-size: 0.75rem;
    line-height: 22px;
    line-height: 0.91667rem;
    width: 100%; }
    .c-markup .numbers-table th {
      padding: 9px 18px;
      padding: 0.375rem 0.75rem;
      text-align: center;
      font-weight: 700;
      color: #741678;
      border-bottom: 1px solid #0048AA; }
    .c-markup .numbers-table tr.emphasis {
      font-weight: 700; }
    .c-markup .numbers-table tr:nth-child(2) th {
      font-weight: 400; }
    .c-markup .numbers-table tr:not(:last-child) td {
      border-bottom: 1px dotted #0048AA; }
    .c-markup .numbers-table tr.results {
      border-top: 1px solid #0048AA;
      font-weight: 700;
      color: #741678; }
    .c-markup .numbers-table tr td {
      padding: 9px 18px;
      padding: 0.375rem 0.75rem;
      vertical-align: middle; }
      .c-markup .numbers-table tr td.left-padded {
        padding-left: 36px;
        padding-left: 1.5rem; }
      .c-markup .numbers-table tr td:not(:first-child) {
        text-align: center; }