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

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

*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i|Montserrat:300,300i,400,400i,500,500i|");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
: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

*/
body.agency-a2 .alert-multi-view,
body.agency-a2 .report-wrapper,
body.agency-a2 .monoreport-header {
  /*font-family: PUT HERE*/
  font-family: 'Roboto', sans-serif;
  --font-family: 'Roboto', sans-serif;
  --font-medium-font-family: 'Roboto', sans-serif;
  --font-regular-font-family: 'Roboto', sans-serif;
  --font-semibold-font-family: 'Roboto', sans-serif;
  --font-italic-font-family: 'Roboto', sans-serif;
  --font-thin-font-family: 'Roboto', sans-serif;
  --font-tabular-font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body.agency-a2 .report-config-panel label {
  font-weight: normal; }

.agency-a2 .nav-tab.current {
  box-shadow: 0 -2px 0 0 #4c8ee3, 0 2px 0 0 #f4f5f3; }

.agency-a2 .dashboard-panel {
  box-shadow: 0 0 8px #00395d !important; }

.agency-a2 .dashboard-child-container, .agency-a2 .resizing-placeholder {
  /**
    * DA-576
    *
    border: 1px solid transparentize($brand, 0.7);
    border-radius: 8px;

    &:focus {
      outline: none;
      box-shadow: 1px 1px 0 0 transparentize($brand, 0.7),
        -1px -1px 0 0 transparentize($brand, 0.7),
        1px -1px 0 0 transparentize($brand, 0.7),
        -1px 1px 0 0 transparentize($brand, 0.7);
    }
    **/ }
  .agency-a2 .dashboard-child-container.panel-open-true, .agency-a2 .dashboard-child-container.panel-open-true:focus, .agency-a2 .resizing-placeholder.panel-open-true, .agency-a2 .resizing-placeholder.panel-open-true:focus {
    box-shadow: 0 0 10px #00395d;
    transition: 0.3s ease-in-out; }

.agency-a2 .folder-view {
  box-shadow: none; }

.agency-a2 .table-container .fixedDataTableRowLayout_main,
.agency-a2 .table-container .public_fixedDataTableRow_main,
.agency-a2 .table-container .public_fixedDataTableRow_even,
.agency-a2 .table-container .public_fixedDataTableRow_odd,
.agency-a2 .table-container .public_fixedDataTable_bodyRow,
.agency-a2 .table-container .public_fixedDataTableCell_main,
.agency-a2 .table-container .fixedDataTableCellLayout_main,
.agency-a2 .table-container .report-content .fixedDataTableLayout_main .public_fixedDataTableRow_main,
.agency-a2 .table-container .fixedDataTableLayout_main,
.agency-a2 .table-container .public_fixedDataTable_main {
  border: none !important;
  border-color: transparent !important; }

.agency-a2 .table-container .public_fixedDataTableCell_cellContent {
  text-align: center !important; }

.agency-a2 .table-container.table-drilldown .fixedDataTableCellGroupLayout_cellGroup
.fixedDataTableCellLayout_main:first-child
.public_fixedDataTableCell_cellContent {
  text-align: left !important; }

.agency-a2 .table-column-heading {
  background-color: #00395d;
  color: white; }

.agency-a2 .user-menu li {
  font-size: 14px; }

.agency-a2 h1,
.agency-a2 h2,
.agency-a2 h3,
.agency-a2 h4,
.agency-a2 h5,
.agency-a2 h6 {
  color: #00395d; }

body.agency-a2 .nutable-container .ReactVirtualized__Grid .header-row {
  background: #00395d !important;
  color: white !important; }
  body.agency-a2 .nutable-container .ReactVirtualized__Grid .header-row.cell:hover {
    opacity: 0.8;
    background: #00395d; }
  body.agency-a2 .nutable-container .ReactVirtualized__Grid .header-row.cell:hover, body.agency-a2 .nutable-container .ReactVirtualized__Grid .header-row.cell.active-sort {
    color: white !important; }
    body.agency-a2 .nutable-container .ReactVirtualized__Grid .header-row.cell:hover span, body.agency-a2 .nutable-container .ReactVirtualized__Grid .header-row.cell.active-sort span {
      color: white !important; }

body.agency-a2 .no-highlights .uplift-element {
  color: #00395d; }

body.agency-a2 .statement-pill-view {
  border-color: #00395d;
  border-width: 1px;
  background: white !important;
  color: #00395d; }
  body.agency-a2 .statement-pill-view.mono-comparison .statement-value span {
    color: #00395d !important; }
  body.agency-a2 .statement-pill-view.mono-comparison .statement-txt {
    color: var(--text-light); }
  body.agency-a2 .statement-pill-view .pill-statement-icon-container {
    background-color: #00aeef; }
    body.agency-a2 .statement-pill-view .pill-statement-icon-container h1.metric-letter, body.agency-a2 .statement-pill-view .pill-statement-icon-container i {
      color: #00395d; }
  body.agency-a2 .statement-pill-view .has-metric-highlight {
    border: 1px solid white; }
  body.agency-a2 .statement-pill-view span.statement-txt {
    color: #00395d !important; }
  body.agency-a2 .statement-pill-view table.dimBreakdown tr:hover {
    background: rgba(255, 255, 255, 0.2); }