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

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

*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i|Montserrat:300,300i,400,400i,500,500i|");
:root {
  --text-blue:  #225C88;
  --text-light: #7D8296;
  --text-white: #FFFFFF;
  --text-black: #000000; }

: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; }

/*
NOTE: when you reference one of these vars, comment underneath the element you've used it for. Mandem organised
*/
/*
USED FOR:
plan inputs
dashboard-panel
dashboard panel buttons
modal-body.report-options-modal > span.glyphicon
*/
/*
USED FOR:
dashboard panel header
dashboard panel buttons
typeahead
editable table > page header
*/
/*
USED FOR:
.modal-body.report-options-modal > .Select-menu-outer
*/
/*
USED FOR:
menu
dashboard panel
charts > drillup
.dashboard-filter-sentence-container > #fixed-version
superbutton overlay content
*/
/*
context menu
USED FOR:
header
pinned nav
dashboard panel
simple sidebar
spark chart

*/
/*
USED FOR:
modals
tooltip box
c tooltip

*/
/*
USED FOR:
error messages

*/
.ba-option {
  display: none !important; }

/* overwrite a padding right rule in fixed-data-table.css */
.public_fixedDataTableCell_cellContent {
  padding-right: 20px !important; }

.editable-table {
  z-index: 10000;
  background: white; }
  .editable-table .page-header {
    z-index: 0;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    border: none; }
  .editable-table .page-header .button-add {
    margin-right: 0;
    padding: 0 10px; }
  .editable-table .page-header .button-add i {
    margin-right: 0; }
  .editable-table .page-header .button-export-csv {
    line-height: 33px; }

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 20px; }
  .scrollable-table .table-pagination {
    margin-top: 20px;
    margin-right: 20px; }

.scrollable-table.table-manage-data {
  margin-bottom: 0; }

.table {
  background-color: #fff;
  margin-bottom: 0; }
  .table .cell-delete {
    text-align: center;
    width: 40px; }
  .table .cell-delete > i {
    cursor: pointer;
    vertical-align: middle;
    color: #e6808b; }
  .table .cell-delete > i:hover {
    color: #ED6447; }
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    font-size: 14px;
    line-height: 18px; }
  .table > thead > tr > td,
  .table > thead > tr > th {
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/ }
  .table > thead > tr > td i,
  .table > thead > tr > th i {
    vertical-align: middle;
    margin-left: 5px; }
  .table > tbody > tr > td,
  .table > tbody > tr > th {
    position: relative;
    vertical-align: middle;
    padding: 4px 4px; }
    .table > tbody > tr > td.immutable,
    .table > tbody > tr > th.immutable {
      cursor: not-allowed; }
  .table input {
    font-size: inherit;
    color: inherit;
    height: 15px;
    margin-top: 2px;
    padding: 0 4px;
    border: 0;
    box-shadow: none !important;
    background-color: transparent; }
  .table input:disabled {
    background-color: transparent; }
  .table input:focus,
  .table input:active {
    outline: 0;
    box-shadow: none !important; }
  .table input.input-search {
    margin-top: 8px;
    padding-left: 0;
    color: #4283d1;
    font-size: 12px; }

.uplift-cell {
  transition: 0.3s ease-out;
  backface-visibility: hidden; }
  .uplift-cell * {
    backface-visibility: hidden; }
  .uplift-cell small.uplift-metadata {
    height: 0;
    color: #a7abb8;
    font-family: var(--font-thin-font-family);
    font-weight: var(--font-thin-font-weight);
    font-style: normal;
    display: block;
    transition: 0.3s ease-out;
    transform: translateY(48px) translate3d(0, 0, 0); }
  .uplift-cell:hover small.uplift-metadata {
    height: 16px;
    color: #7D8296;
    transform: translate3d(0, 0, 0); }

.report-content .table-sparklines .table-column-heading:hover .table-column-options {
  /*This options menu isn't really being used and causes an annoying hover effect. Let's avoid for now. */
  display: block; }

.report-content .table-column-options {
  position: absolute;
  right: 12px;
  top: 12px;
  display: none;
  margin-right: 8px;
  cursor: pointer;
  color: #b3b3b3; }

.report-content .fixedDataTableLayout_main {
  position: relative; }
  .report-content .fixedDataTableLayout_main .table-column-heading .table-column-name {
    cursor: pointer;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 110%; }
    .report-content .fixedDataTableLayout_main .table-column-heading .table-column-name.no-pointer {
      cursor: default; }
    .report-content .fixedDataTableLayout_main .table-column-heading .table-column-name i.metric-icon-header {
      padding-right: 6px; }
    .report-content .fixedDataTableLayout_main .table-column-heading .table-column-name img.metric-icon-header {
      padding-right: 6px;
      width: 26px; }
  .report-content .fixedDataTableLayout_main .table-column-heading .table-column-name > .table-column-sort-direction {
    margin-left: 0;
    position: absolute;
    right: 15px;
    top: 23px; }
    .report-content .fixedDataTableLayout_main .table-column-heading .table-column-name > .table-column-sort-direction.fa-sort-desc {
      top: 15px; }
  .report-content .fixedDataTableLayout_main .table-column-heading.header-align-right .metric-icon-header {
    position: absolute;
    left: 10px; }
  .report-content .fixedDataTableLayout_main .table-column-heading.header-align-right.sort-column {
    padding-right: 12px; }
  .report-content .fixedDataTableLayout_main .public_fixedDataTableRow_main {
    border: 1px solid #fafafa; }
  .report-content .fixedDataTableLayout_main .public_fixedDataTable_header {
    font-size: 2em; }
  .report-content .fixedDataTableLayout_main .public_fixedDataTableRow_main:not(.public_fixedDataTable_header):hover {
    border-top: 1px solid #94b9e5;
    border-bottom: 1px solid #94b9e5; }

.table-pagination .pagination {
  display: block;
  margin: 5px auto 0 auto;
  text-align: center; }
  .table-pagination .pagination li {
    display: inline-block; }
  .table-pagination .pagination a {
    font-size: 1.6rem;
    padding: 3px 12px; }

.split-cell .split-vis-bar {
  float: left;
  height: 30px; }

.split-cell .split-vis-txt {
  width: 34px;
  float: left;
  margin-top: 8px;
  font-size: 0.8em;
  padding-left: 4px; }
  .split-cell .split-vis-txt.split-vis-txt-comparison {
    width: 100%;
    text-align: center; }