.portlet-metrics {
  /*.metrics {
    flex-flow: column;
    display: flex;
  }

  .expander {
    flex-grow: 1;
  }*/ }
  @media screen and (min-width: 1024px) {
    .portlet-metrics {
      position: initial;
      flex-grow: 1;
      display: flex; }
      .portlet-metrics .portlet {
        align-self: flex-end;
        display: flex; } }
  .portlet-metrics .bip-image {
    max-height: 1rem; }
  .portlet-metrics .expand-history {
    margin-top: 1.5rem;
    margin-bottom: 1.375rem;
    color: #0075e2;
    font-size: 0.8125rem;
    text-decoration: underline;
    display: inline-block;
    outline: none; }
    .portlet-metrics .expand-history .arrow {
      width: 0.8125rem;
      height: 0.8125rem;
      margin-left: 0.3rem;
      margin-top: 0.2rem;
      float: right;
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAAxlBMVEUAAAAAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIdmG9dAAAAQXRSTlMAAQUHCAkODxMUFhcYGRscHiAhIiMlKCsuMDc4OkdLT1xeY2ZnaGl7foCIjpiisL7FyM7P0dPV4unr7e/x8/X5+2BqCiIAAAO8SURBVHja7d3pVhNBFIXRQkU04gCoiDgLlgOoiCNCTL3/SykRAyY9VHXXcM/tc37fWr329wJtDMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxHMdxnPItP3q+8/iaMtSNJ7vPHl72ubzyzk338bYi/r3Dv6g3l1pPb/1w//ZUjf/FzPTtesvp3Yk730slfnvBNL7p79dSwP5naiww59dRwM6ZGgos+DUUsAum8aq/H7+ArTDVFKj0oxewlabKAjV+7AK2xlRRoNaPXMDWmhYKNPhxC9gG01yBRj9qAdtoOln192MWsC2mCwVa/YgFbKtpVmC93Y9XwHqYTkbT05Wxc+oKWC/T9+XT2wPn1BWwnqb3f263nFNXwHqbNozZc+oK+Pvda2OOnLYCAX73yRjnlBUI8bsTY46VFQjyu8/G7DtVBcL87q0x205TgUC/u2/M0ldFBUL9H04fjSZqCoT6j69On206JQVC/b/unD18EFpgR4d/bfZURYEefhUFevkVFOjphy/Q2w9eIIIfukAUP3CBSH7YAtH8oAUi+iELRPUDFojshysQ3Q9WIIEfqkASP1CBRH6YAsn8IAUS+iEKJPUDFEjsF18guV94gQx+0QWy+AUXyOQXWyCbX2iBjP4OBXZ1+QUWyOwXVyC7X1iBUP9kLcJHBRUo4hdUoJBfTIFifiEFCvpFFCjqF1CgsL94geL+wgUE+IsWEOEvWECIv1gBMf5CBQT5ixQQ5S9QQJg/ewFx/swFBPqzFhDpz1hAqD9bAbH+TAUE+7MUEO3vUOCVLn/yAuL9iQsA+JMWgPAnLADiT1YAxp+oAJA/SYFg/7oxmgqA+aMXgPNHLgDoj1oA0h+xAKg/WgFYf6QCwP4oBaD9EQqA+3sXgPf3LKDA36uACn+PAkr8nQuo8XcsoMjfqYAqf4cCh7r8HQoo8ycuAOBPWgDCn7AAiD9ZARh/ogJA/iQFoPwJCoD5oxeA80cuAOiPWgDSH7EAqD9agcmGMUMuAOyPUgDaH6EAuL93AXh/zwIK/L0KqPD3KKDE37mAGn/HAor8nQqo8ncooMwfXECdP7CAQn9QAZX+gAJK/d4F1Po9Cyj2exVQ7fcooNzfWkC9v6XAAPyNBQbhbygwEH9tgcH4awoMyF9ZYFD+igID8y8UGJx/rsAA/cZsnv/veLxmhrjRlzP/wYoZ5pa293+6o70tw3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3FR9htHJm15FpSzwwAAAABJRU5ErkJggg==); }
    .portlet-metrics .expand-history .arrow.up {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAAzFBMVEUAAAAAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeIAdeInskuVAAAAQ3RSTlMAAQIDBAUICQoLDA0PEBEUFxgaHiYoKjlAQUdMVFZeYWlvfH+CjJKVmJ2eoKKor7K1ur7BxcrMz9Pk5unr7/P19/v9pQlmBgAAA6RJREFUeNrt1tlSVEEQhOE6qCOK+4a7gKICivuKitDv/05eECM6c7Y+vVVWZ15XRMf3X7UIx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3EcF2trd9Zvr9bLv/XJOefc+5t18pstN99Glf4dd7rtCv27ztVcYMFfXYElf2UFWvxVFWj1V1Sgw19NgU5/JQV6/FUU6PVXUGDAb77AoN94gRF+0wVG+Q0XGOk3W2C032gBD7/JAl5+gwU8/eYKePuNFZjgN1Vgkt9QgYl+MwUm+40UCPCbKBDkN1Ag0A9fINgPXiCCH7pAFD9wgWbPuZoLRPODFojohywQ1Q9YILIfrkB0P1iBBH6oAkn8QAUS+WEKJPODFEjohyiQ1A9QILFffQFv/4+7vywV8PdfkeuGCkzxi6EC0/x2Ckz1Wykw3W+jQIjfQoEwP36BUD96gXA/doEYfuQCcfy4BWL5UQvE82MWiOlHLBDXj1cgth+tQHw/VoEUfqQCafw4BVL5UQqk82MUSOlHKJDWr79Aar/2Aun9ugv4+y9PeEVvgTx+vQVy+bUWyOfXWSCnX2OBvH59BXL7tRXI79dVoIRfU4Eyfj0FSvm1FCjn11GgpF9DgbL+8gVK+0sXKO8vW0CDv2QBHf5yBbT4SxXQ4y9TQJO/RIHmlSZ//gLa/LkL6PPnLaDRn7OATn++Alr9uQro9ecpoNmfo4Buf/oC2v2pC+j3py2A4E9ZAMOfrgCKP1UBHH+aAkj+FAWw/PELoPljF8Dzxy2A6I9ZANMfrwCqP1YBXH+cAsj+GAWw/eEF0P2hBfD9YQUs+EMKePsPNPoDCry04Z9Q4JmIiDy24p9Q4L6IrB6b8fsXODwn8sSQ37/AA5HPlvzeBfZFjk35fQt88wsA4PcscCDy1Zjfr8BbkQ1rfq8CD0UumfN7FDiaicimOf/4Ao9ERJrX5vxjCzw/OV55Y84/rsBOI2MLwPnHFPjrHy4A6B8u8I9/qACkf6jAbvPfcV8BUH9/gQV/XwFYf1+BJX93AWB/d4G9puW4vQC0v6tAq7+9ALi/vUCHv60AvL+tQKd/uYAB/3KBHv9iARP+xQK9fpGV/dPT7zb8Itd+dvz/2tY8nZ9+mImVrX2ZozZHXN94ceSce7cuhtbc++ic+719deT5+QtnxNrOXpw1wnEcx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3Ecx3EcZ3x/ABQLvUZr959EAAAAAElFTkSuQmCC); }
  .portlet-metrics .metrics-title {
    font-size: 1rem; }
  @media screen and (max-width: 1023px) {
    .portlet-metrics {
      position: relative; } }
  .portlet-metrics .metrics_content {
    /*align-items: flex-end;*/
    flex: 0 0 100%;
    max-width: 100%;
    color: #737373;
    font-size: 0.8125rem;
    margin-bottom: 0;
    margin-top: 3.8125rem;
    letter-spacing: 0;
    line-height: 1.0625rem; }
    .portlet-metrics .metrics_content div {
      margin-top: 0.5rem; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .portlet-metrics .metrics_content {
      margin-top: 0;
      font-size: 0.75rem;
      line-height: 0.875rem; }
      .portlet-metrics .metrics_content div {
        margin-top: 0.6875rem; }
      .portlet-metrics .metrics_content div:first-child {
        margin-top: 0.3rem; }
      .portlet-metrics .metrics_content .bip-image {
        max-height: 0.9225rem; }
      .portlet-metrics .metrics_content .expand-history {
        margin-top: 1.2rem;
        margin-bottom: 1.375rem;
        color: #0075e2;
        font-size: 0.75rem;
        text-decoration: underline;
        display: inline-block; }
        .portlet-metrics .metrics_content .expand-history img {
          max-height: 0.75rem;
          padding-left: 0.2rem; }
      .portlet-metrics .metrics_content .metrics-title {
        font-size: 0.9225rem; } }
  @media screen and (max-width: 767px) {
    .portlet-metrics .metrics_content {
      position: inherit;
      margin-top: 2.6875rem;
      line-height: 0.875rem; } }
  .portlet-metrics .metrics_content a {
    font-size: 0.8125rem; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .portlet-metrics .metrics_content a {
      font-size: 0.75rem; } }

.metrics_history {
  display: none;
  width: 100%;
  padding-top: 72px;
  margin-top: -37px;
  margin-bottom: -60px;
  overflow: auto;
  z-index: 10; }
  .metrics_history table {
    width: 100%;
    font-size: 13px;
    color: black;
    line-height: 15px; }
  .metrics_history th {
    padding: 9px 12px 7px 11px;
    white-space: nowrap;
    color: #737373;
    font-weight: bold;
    border: 1px none #737373;
    border-bottom: 2px solid;
    border-left-style: solid; }
  .metrics_history th:first-child {
    border-left: none; }
  .metrics_history td {
    padding: 15px 10px 12px 11px;
    border: solid 1px #737373; }
  .metrics_history td:first-child {
    border-left: none;
    min-width: 200px; }
  .metrics_history td:last-child {
    border-right: none; }
  .metrics_history td:first-child {
    white-space: normal; }
  .metrics_history tr:nth-child(even) {
    background: #e3e3e3;
    white-space: nowrap; }
  .metrics_history .previous_versions_message {
    color: #737373;
    line-height: 2rem;
    font-size: 0.8225rem; }
  .metrics_history .version_pager {
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    display: table; }
    .metrics_history .version_pager p.page_number {
      color: #737373;
      font-size: 0.9375rem;
      font-family: "Roboto", sans-serif;
      text-align: center;
      display: table-row; }
    .metrics_history .version_pager div {
      font-size: 0.8125rem;
      font-family: "Roboto", sans-serif;
      float: left;
      position: relative; }
    .metrics_history .version_pager > div {
      color: #737373; }
      .metrics_history .version_pager > div:focus {
        background-color: #0075e2;
        color: white; }
    .metrics_history .version_pager .current_page {
      color: #1a1a1a;
      font-weight: bold; }
    .metrics_history .version_pager .page_separator {
      padding: 6px 0; }
    .metrics_history .version_pager .page_threedots {
      padding: 6px 9px; }
    .metrics_history .version_pager a {
      padding: 6px 9px;
      float: left;
      display: block;
      position: relative;
      color: #0075e2;
      outline: none; }
      .metrics_history .version_pager a:hover {
        color: #0075e2; }
      .metrics_history .version_pager a:focus {
        background-color: #0075e2;
        color: white; }
      .metrics_history .version_pager a.prev_page {
        margin-right: 3.1875rem; }
      .metrics_history .version_pager a.next_page {
        margin-left: 3.1875rem; }
      .metrics_history .version_pager a .prev_page_text {
        padding-left: 1rem; }
      .metrics_history .version_pager a .next_page_text {
        padding-right: 1rem; }
      @media screen and (max-width: 767px) {
        .metrics_history .version_pager a .prev_page_text,
        .metrics_history .version_pager a .next_page_text {
          display: none; } }
      .metrics_history .version_pager a .prev_page_arrow,
      .metrics_history .version_pager a .next_page_arrow {
        border-right: 0.1875rem solid #0075e2;
        border-top: 0.1875rem solid #0075e2;
        display: inline-block;
        width: 0.75rem;
        height: 0.75rem;
        padding: 0;
        margin-top: 0.25rem; }
      .metrics_history .version_pager a .prev_page_arrow {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg); }
      .metrics_history .version_pager a .next_page_arrow {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }