@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i|Montserrat:300,300i,400,400i,500,500i|");
:root {
  --font-family: ProximaNovaA-Regular;
  --font-weight: normal;
  --font-medium-font-weight: normal;
  --font-regular-font-weight: normal;
  --font-semibold-font-weight: normal;
  --font-italic-font-weight: normal;
  --font-thin-font-weight: normal;
  --font-italic-font-style: normal; }

/*
    ____                      _ _
   | __ ) _ __ __ _ _ __   __| (_)_ __   __ _
   |  _ \| '__/ _` | '_ \ / _` | | '_ \ / _` |
   | |_) | | | (_| | | | | (_| | | | | | (_| |
   |____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |
                                        |___/
*/
/*

   __     ___    ____  ____
   \ \   / / \  |  _ \/ ___|
    \ \ / / _ \ | |_) \___ \
     \ V / ___ \|  _ < ___) |
      \_/_/   \_\_| \_\____/

*/
:root {
  --text-blue:  #225C88;
  --text-light: #7D8296;
  --text-white: #FFFFFF;
  --text-black: #000000; }

:root {
  --table-color: var(--bg);
  --table-text-color: var(--text-dark);
  --table-highlight-color: var(--text-dark-bg);
  --table-highlight-color-light: var(--border-light-grey-darker); }

.nutable-container {
  padding: 8px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .nutable-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }
  .nutable-container.nutable-crosstab.mode-pagination {
    padding-top: 0; }
  .nutable-container ::-webkit-scrollbar {
    width: 5px;
    height: 7px; }
  .nutable-container ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .nutable-container ::-webkit-scrollbar-thumb {
    background: #cacaca; }
  .nutable-container ::-webkit-scrollbar-thumb:hover {
    background: #555; }
  .nutable-container .ReactVirtualized__Grid__innerScrollContainer ::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important; }
  .nutable-container.mode-pagination, .nutable-container.mode-autosize {
    /* .ReactVirtualized__Grid {
      overflow-y: hidden!important;
    } */ }
  .nutable-container .ReactVirtualized__Grid {
    border: none !important;
    outline: none; }
    .nutable-container .ReactVirtualized__Grid .row-totals {
      background: #f4f4f4; }
    .nutable-container .ReactVirtualized__Grid .header-row.cell {
      pointer-events: none;
      cursor: default; }
    .nutable-container .ReactVirtualized__Grid.react-virtualized-top-right::-webkit-scrollbar, .nutable-container .ReactVirtualized__Grid.react-virtualized-bottom-left::-webkit-scrollbar {
      width: 0px;
      height: 0px; }
    .nutable-container .ReactVirtualized__Grid .cell-container {
      height: 100%; }
    .nutable-container .ReactVirtualized__Grid .cell {
      color: #252323;
      text-align: center;
      font-size: var(--text-size-small);
      border-right: 1px solid #efefef;
      padding: 0; }
      .nutable-container .ReactVirtualized__Grid .cell.total {
        background: #f5f1f1; }
  .nutable-container .table-pagination {
    position: static;
    text-align: center;
    width: 100%;
    margin-top: 8px; }
  .nutable-container .table-view-selectors {
    height: 30px;
    padding-top: 14px;
    margin-bottom: 18px;
    display: flex; }
    .nutable-container .table-view-selectors .nutable-selectors {
      height: 100%;
      width: 100%;
      margin-top: -2px; }
      .nutable-container .table-view-selectors .nutable-selectors ul {
        padding: 0;
        margin: 0; }
    .nutable-container .table-view-selectors .table-view-selector {
      flex: 1;
      height: 100%;
      display: flex; }
      .nutable-container .table-view-selectors .table-view-selector .crosstab-metrics-selector {
        float: left;
        text-align: left;
        width: 100%;
        height: 100%; }
        .nutable-container .table-view-selectors .table-view-selector .crosstab-metrics-selector p.xtab-active-metric-label {
          margin: 0px 0px 0px;
          background: #eee;
          display: inline-block;
          padding: 8px 22px;
          font-size: 1.5em; }
        .nutable-container .table-view-selectors .table-view-selector .crosstab-metrics-selector .metric-dropdown {
          height: 100% !important;
          min-width: 140px;
          font-size: 1.4em; }
  .nutable-container.nutable-crosstab .xtab-switcher {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 27px;
    top: -33px;
    font-size: 2em; }
    .nutable-container.nutable-crosstab .xtab-switcher:hover {
      color: #eee; }

.nu-pagination {
  position: relative; }
  .nu-pagination .nup-browser {
    position: absolute;
    top: -50px;
    width: 100%; }
    .nu-pagination .nup-browser p.nup-bridge {
      height: 10px;
      width: 98px;
      margin: 0 auto; }
    .nu-pagination .nup-browser ul {
      padding: 1em;
      margin: 0;
      background: rgba(3, 3, 3, 0.5);
      border-radius: 3px;
      display: inline-block; }
      .nu-pagination .nup-browser ul li {
        display: inline-block;
        width: 30px;
        height: 30px;
        padding-top: 7px;
        margin: 2px;
        font-size: 12px;
        cursor: pointer;
        background: #F8FAFA;
        border: 1px 1px #dae5e5;
        color: #2B324C;
        transition: all 0.3s ease-out; }
        .nu-pagination .nup-browser ul li:hover {
          background: #4C8EE3;
          color: white; }
        .nu-pagination .nup-browser ul li.unactive {
          pointer-events: none;
          background: #4C8EE3;
          color: white; }
        .nu-pagination .nup-browser ul li.nup-browse-first.unactive, .nu-pagination .nup-browser ul li.nup-browse-prev.unactive, .nu-pagination .nup-browser ul li.nup-browse-next.unactive, .nu-pagination .nup-browser ul li.nup-browse-last.unactive {
          pointer-events: none;
          background: #eee;
          color: #aaa; }
  .nu-pagination ul.nup-buttons {
    padding: 0 12px; }
    .nu-pagination ul.nup-buttons li {
      display: inline-block;
      width: 30px;
      height: 30px;
      padding-top: 7px;
      margin: 2px;
      font-size: 12px;
      cursor: pointer;
      background: #F8FAFA;
      border: 1px 1px #dae5e5;
      color: #2B324C;
      transition: all 0.3s ease-out; }
      .nu-pagination ul.nup-buttons li:hover {
        background: #4C8EE3;
        color: white; }
      .nu-pagination ul.nup-buttons li.label-btn {
        width: 100px; }
      .nu-pagination ul.nup-buttons li.unactive {
        pointer-events: none;
        background: #fff;
        color: #aaa; }