﻿/* Report header */
.report_header {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 1px solid #eceff1;
  padding: 12px;
  display: flex;
  flex-wrap: nowrap; }

.report_header .timeframe {
  font-size: 17px;
  font-weight: 400;
  color: #37474f;
  vertical-align: top; }

.report_header .report_name {
  font-size: 21px;
  font-weight: 300;
  color: #4db6ac;
  padding-left: 16px;
  display: block; }

/* PERSPECTIVE FILTER */
.perspective_filter {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 4px; }

.filter_option {
  display: block;
  margin-right: 2px;
  margin-left: 2px;
  font-size: 11px;
  color: #fff;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  background-color: #b0bec5;
  border-radius: 100px;
  padding-left: 16px;
  padding-right: 16px;
  color: #f5f5f5;
  cursor: pointer;
  transition: all 0.2s; }

.filter_option.selected {
  background-color: #4db6ac !important;
  color: #FFF !important; }

.filter_option:hover {
  color: #fafafa;
  background-color: #90a4ae; }

.date-section {
  text-align: right;
  font-size: 17px;
  font-weight: 400;
  padding-top: 3px;
  color: #37474f; }
  .date-section > div {
    display: inline-block;
    text-align: center; }
  .date-section > span {
    margin: 0 5px; }
  .date-section .floating-menu {
    text-align: left; }

.statistics-content {
  margin: 15px;
  font-size: 12px;
  color: #78909c; }
  .statistics-content h2 {
    padding-top: 15px;
    padding-left: 8px;
    font-size: 19px;
    font-weight: 300; }

.stats-table {
  width: 100%;
  max-width: 1000px;
  text-align: right; }
  .stats-table thead {
    font-weight: 600; }
  .stats-table .tr-summary {
    font-weight: 600; }
  .stats-table td {
    padding: 8px;
    width: 150px; }
  .stats-table tbody > tr {
    border-top: 1px solid #cfd8dc; }
  .stats-table tr > td:first-child {
    text-align: left;
    width: 250px; }

#statsViews {
  max-height: calc(100vh - 201px);
  overflow-y: auto; }
