/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8-Jul-2015, 12:14:30 PM
    Author     : josephzhao
*/
div.main_content div#report.report {
  margin-left: 290px;
}

div.main_content div#report.report #life_style_chart {
  margin: 20px;
}

div#left-side-report-templates-pane div.report-category {
  cursor: pointer;
}

div#left-side-report-templates-pane div.template-title {
  margin: 5px auto;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid gainsboro;
}

div#left-side-report-templates-pane {
  margin: 55px 10px 10px 10px;
}

div#left-side-report-templates-pane .template div.display_options input[type='checkbox'] {
  margin-right: 5px;
}

div#left-side-report-templates-pane .template div.display_options h4 {
  border-bottom: 1px solid gainsboro;
}

div#left-side-report-templates-pane .template div.display_options i {
  cursor: pointer;
}

div#left-side-report-templates-pane .template div.display_options i:hover {
  background-color: lightskyblue;
}

div#left-side-report-templates-pane .template #template_category_name {
  margin-top: 5px;
  margin-left: 10px;
}

div#left-side-report-templates-pane div.report-category:hover,
div#left-side-report-templates-pane div.report:hover {
  background-color: lightskyblue;
}

div#left-side-report-templates-pane .template-list .report-category {
  border-bottom: 1px solid gainsboro;
}

div#left-side-report-templates-pane .template-list .report {

  cursor: pointer;
  margin: 0 8px;
  border-bottom: 1px gainsboro dotted;
}

div.main_content div#report.report div.report_name {
  margin: 5px auto;
  font-weight: bold;
  text-align: center;
  font-size: 18px;

}

div.main_content div#report.report table#report_maintable {
  width: 980px;
}

div.main_content div#report.report .dataTables_wrapper {
  display: inline-block;
  width: 980px;
}

div.report td div.category {
  margin-left: 3px;
  /*max-width: 500px;*/
  word-wrap: break-word;
}

div.report td div.caption {
  padding-left: 18px;
  /*  max-width: 450px;*/
  width: 100%;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#target_project_delivery ul.delivery_list li .var_caption {

  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

div.report td div.caption.caption_level_0 {
  padding-left: 10px;
}

div.report td div.caption.caption_level_1 {
  padding-left: 20px;
}

div.report td div.caption.caption_level_2 {
  padding-left: 30px;
}

div.report td div.caption.caption_level_3 {
  padding-left: 40px;
}

div.report td div.caption.caption_level_4 {
  padding-left: 50px;
}

div.report td div.caption.caption_level_5 {
  padding-left: 60px;
}

div.report td div.caption.caption_level_6 {
  padding-left: 70px;
}

div.report table th {
  text-align: center;
}

div.report table tr {
  border-top: 1px solid grey;
}

div.report table tr:first-child {
  border-top: null;
}

div.main_content div#report.report table tr td {
  text-align: right;
}

div.main_content div#report.report table tr td:first-child {
  border-left: null;
  text-align: left;
}

div.main_content div.report table tr td.header,
div.main_content div.report table tr td div.compare {
  text-align: center;
}

div.main_content div.report table tr td div.extremely_high {
  background-color: #DDDDFF;
}

div.main_content div.report table tr td div.high {
  background-color: #DDDDFF;

}

div.main_content div.report table tr td div.similar {

}

div.main_content div.report table tr td div.lower {

  background-color: #FFDDBB;
}

div.main_content div.report table tr td div.extremely_lower {

  background-color: #FFDDBB;
}

#report_copyright a {
  color: blue;
}

div.main_content div.report .report_overview {
  width: 864px;

  margin: 10px;

  border: 1px solid gainsboro;
  border-radius: 5px;
}

div.main_content div.report .report_overview_title {
  width: 100%;
  margin: 15px auto;
  text-align: center;
}

div.main_content div.report .report_overview table#report_overview_table {
  padding: 0px;
  border-left: none;
  border-top: 1px solid gainsboro;
}


div.main_content div.report table td.report_overview_demographics_td {
  vertical-align: top;
}

div.main_content div.report .report_overview_demographics {
  padding: 10px;
  width: 380px;
}

div.main_content div.report .report_overview_demographics .category {
  text-align: left;
  margin-top: 10px;
  font-weight: bold;
  border: none;
  font-size: 16px;
  padding: 2px 5px;
}

div.main_content div.report .report_overview_demographics li {
  text-align: left;

}

div.main_content div.report .report_overview_demographics div.name {
  text-align: left;
  font-size: 13px;
  padding: 2px 5px;
  display: inline-block;
}

div.main_content div.report .report_overview_demographics div.value {
  text-align: right;
  font-size: 13px;
  padding: 2px 5px;
}

div.main_content div.report .report_overview_top_lifestyle {
  width: 450px;
  text-align: left;
  font-size: 13px;
  padding: 10px;
}

div.main_content div.report .report_overview_top_lifestyle .overview_description {
  display: none;
}

div.main_content div.report .report_overview_top_lifestyle .category, div.main_content div.report .report_overview_top_lifestyle .category-percentage {
  font-size: 15px;
  padding: 2px 5px;
  display: inline-block;
}

div.main_content div.report .report_overview_top_lifestyle .view_more {

  cursor: pointer;
  color: blue;
}

div.main_content div.report .report_overview_top_lifestyle .view_more.collapsed {
  content: 'Less';

}

div.main_content div.report .report_overview_top_lifestyle .view_more {
  content: 'More';

}

td.background-color-0 {
  opacity: 0.4;
  background-color: red;
}

td.background-color-1 {
  opacity: 0.4;
  background-color: blue;
}

td.background-color-2 {
  opacity: 0.4;
  background-color: blue;
}

td.background-color-3 {
  opacity: 0.4;
  background-color: blue;
}

td.background-color-4 {
  opacity: 0.4;
  background-color: blue;
}

td.background-color-5 {
  opacity: 0.5;

  background-color: blue;
}

td.background-color-6 {
  opacity: 0.5;
  background-color: #345678;
}

td.background-color-7 {
  opacity: 0.5;
  background-color: blue;
}

td.background-color-8 {
  opacity: 0.5;
  background-color: blue;
}

td.background-color-9 {
  opacity: 0.5;
  background-color: blue;
}

td.background-color-10 {
  opacity: 0.5;
  background-color: blue;
}

td.customer_count {
  border-top: null;
}

.btn-report-primary {
  background-color: #609028;
  width: 110px;
  color: white;
  border-radius: 4px;
}

tr.report_benchmark_from_radio_button select {
  height: 25px;
}

#report_advancedmode .tab-content, ul#define_scoring_attributes_variables_selected_items .tab-content {

  text-align: left;

}

#report_advancedmode ul.nav.nav-tabs, ul#define_scoring_attributes_variables_selected_items ul.nav.nav-tabs {
  margin-top: 5px;
}

#report_advancedmode ul.nav.nav-tabs li, ul#define_scoring_attributes_variables_selected_items ul.nav.nav-tabs li {
  border: 1px solid gainsboro;
  border-radius: 5px 5px 0px 0px;
  margin-right: 5px;
}

#report_advancedmode ul.nav.nav-tabs li.active a, ul#define_scoring_attributes_variables_selected_items ul.nav.nav-tabs li.active a {
  color: red;
  font-weight: 600;
  border: none;
}

div#report_advancedmode.container-fluid #report_variables_selected_items ul.report_variables_selected_items div.report_label_text span.report_label_text_action {
  /*   visibility: hidden;*/
}

/*div#report_advancedmode.container-fluid #report_variables_selected_items ul.report_variables_selected_items div.report_label_text:hover span.report_label_text_action {*/
div#report_advancedmode.container-fluid #report_variables_selected_items ul.report_variables_selected_items div.report_label_text:hover, ul#define_scoring_attributes_variables_selected_items div.report_label_text:hover {

  background-color: lightblue;
}

tr.decile td.report_captions {

  max-width: 700px;
}

tr.decile td.report_captions div.caption, tr.decile td.report_captions div.category {
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  max-width: auto;
}

div#report_advancedmode.container-fluid ul#report_variables_list .report_label_text > span.name {
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}

/* Flexible Layout for Selected Variables - Fixes wrapping and duplicate buttons */
div#report_advancedmode.container-fluid ul.report_variables_selected_items .report_label_text,
ul#define_scoring_attributes_variables_selected_items .report_label_text {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
}

div#report_advancedmode.container-fluid ul.report_variables_selected_items .report_label_text > b,
ul#define_scoring_attributes_variables_selected_items .report_label_text > b {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

div#report_advancedmode.container-fluid ul.report_variables_selected_items .report_label_text > span.name,
ul#define_scoring_attributes_variables_selected_items .report_label_text > span.name,
div#report_advancedmode.container-fluid ul.report_variables_selected_items .report_label_text b > span.name,
ul#define_scoring_attributes_variables_selected_items .report_label_text b > span.name {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto !important;
}

div#report_advancedmode.container-fluid ul.report_variables_selected_items .report_label_text span.report_label_text_action,
ul#define_scoring_attributes_variables_selected_items .report_label_text span.report_label_text_action {
    display: flex !important;
    float: none !important;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: 5px;
}

/* Hide duplicate appended action buttons! */
div#report_advancedmode.container-fluid ul.report_variables_selected_items .report_label_text > span.report_label_text_action ~ span.report_label_text_action,
ul#define_scoring_attributes_variables_selected_items .report_label_text > span.report_label_text_action ~ span.report_label_text_action {
    display: none !important;
}

div#report_advancedmode.container-fluid ul#report_variables_list .report_label_text b.report_category_bold_container {
  flex: 1 1 0%;
  width: 100%;
}

div#report_advancedmode.container-fluid ul.report_variables_selected_items li.variable-checked .report_label_text > span.name {
  font-style: italic;
}

tr.decile .value,
tr.decile .percentage {
    padding: 8px;
}

/* POL-10934 - Sticky headers */
#report_title {
  position: sticky;
  top:-8px;
  z-index: 1000;
}
#report_title div#container-header h4 {
  position: sticky;
  left: 8px;
  max-width:800px;
  margin-left: 0;
  margin-right: 0;
}

.report_header_row1:not(.stickyheader) .LabelText:not(.stickycaption) {
  position: relative; /* POL-14238 - Ensures the unhide_columns_button still has an anchor element when sticky headers/captions is off */
}

.report_header_row1.stickyheader .LabelText,
.report_header_row2.stickyheader .LabelText,
.report_header_row3.stickyheader .LabelText,
.report_header_row4.stickyheader .LabelText {
  position: sticky;
}

.LabelText {
  background-color: #F7F7F7;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-top: none;
  border-left: none;
}
#target_report > table > tbody >.report_header_row3 .LabelText {
  background-color: white;
}

.LabelText, .benchmark_name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.report_header_row1.stickyheader .LabelText{
  top:40px;
}
.report_header_row2.stickyheader .LabelText{
  top:68.5px;
}
.report_header_row3.stickyheader .LabelText{
  top:97px;
}
.report_header_row4.stickyheader .LabelText{
  top:134px;
}
/* Drop shadow for the headers - optional, but nice to have.*/
.report_header_row4.stickyheader{
  position: sticky;
  box-shadow: 0px 4px 3px 0px #02020263;
  top:134px;
}

#target_report .decile td{
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-top: none;
  border-left: none;
}

#target_report table {
  border-collapse: separate;
  border-right: none;
  border-bottom: none;
  border-top: 1px solid black;
  border-left: 1px solid black;
}

/* POL-7732 Sticky captions */
.report_caption_column.stickycaption{
  z-index: 99;
  position: sticky;
  left:0;
  background-color: white;
  box-shadow: 3px 0px 4px 0px #02020263;
}

/* POL-12086 - This defines the background colour of the highlighted row/column*/
div.report table tr:hover,
div.report table .highlight_column,
tr:hover > .report_caption_column.stickycaption {
  background-color: #F0F0F0;
}

th.report_caption_column.stickycaption{
  background-color: #F7F7F7;
  z-index: 100;
}
/* only sticky headers on*/
.report_header_row1.stickyheader th.report_caption_column {
  top: 40px;
  box-shadow: 0px 0px 0px 0px #02020263; /* no shadow - the other columns will provide it*/
}
/* sticky headers & captions on*/
.report_header_row1.stickyheader th.report_caption_column.stickycaption{
  top: 40px;
  box-shadow: 0px 4px 3px 0px #02020263; /* just bottom shadow*/
}
/* only sticky captions on*/
.report_header_row1:not(.stickyheader)  th.report_caption_column.stickycaption {
  /* no top value*/
  box-shadow: 3px 0px 4px 0px #02020263; /* just right shadow*/
}

/* POL-12851 - Report row sorting */
.report_header_row4 {
  th.sortable {
    cursor: pointer;
    background-repeat: no-repeat;
  }
  th.sorting_off {
    background-position: center top, center bottom;
    background-image: url("../../manifold/images/sort_asc_disabled-36667c3abec92eac6efc54dbae363b38.png"), url("../../manifold/images/sort_desc_disabled-b9d3220180692c7f6c0fd187aff9ef0e.png");
  }
  th.sorting_asc {
    background-position: center top;
    background-image: url("../../manifold/images/sort_asc-d86cf2032c5dc8c5a9292c8fa19c1f36.png");
  }
  th.sorting_desc {
    background-position: center bottom;
    background-image: url("../../manifold/images/sort_desc-a93c1c3c432d9379f69469327d60402e.png");
  }
}

/* Sort-direction indicator on the sorted attribute row (click to clear the sort).
   The marker class makes the caption cell the positioning context, so the arrow
   sits at the END of the attribute column; the extra right padding keeps a long
   caption from running underneath it. */
tr.decile td.report_captions.report_sorted_caption {
  position: relative;
  padding-right: 24px;
}

.report_sort_indicator {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 0.85em;
  color: #609028;
  white-space: nowrap;
}

.report_sort_indicator:hover {
  color: #365314;
}

/* The measure initial (V = Value, P = Percent, I = Index) preceding the arrow */
.report_sort_measure {
  font-weight: bold;
  margin-right: 2px;
}

/* POL-14238 Icon for un-hiding report table columns */
.unhide_columns_button {
  content: "\f337";
  height: 38px;
  width: 38px;
  line-height: 38px;
  cursor: pointer;

  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);

  background-color: var(--polaris_green);
  color: white;
  border-radius: 50% 0 0 50%;
  font-size: 24px;
}
.unhide_columns_button:hover {
  background-color: var(--polaris_dark_green);
}

#population_age_chart_div {
  width: 60vw;
}

#dwelling_chart_div {
  width: 60vw;
}

#households_chart_div {
  width: 60vw;
}