/*
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

*/
.paths-report-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: absolute; }
  .paths-report-container .fixedDataTableLayout_header {
    font-size: 14px;
    color: var(--text-main);
    border-bottom: 1px solid var(--text-main); }
  .paths-report-container h3.card-title {
    text-align: center;
    margin: 6px;
    padding: 6px;
    border-bottom: 1px dotted var(--text-main); }

.paths-report-section.section-top {
  display: flex;
  border: 1px solid var(--text-main);
  border-radius: 4px; }

.paths-barchart-selector {
  flex: 1; }

.path-timeserie .domain {
  stroke: #b9b5b5;
  stroke-dasharray: 2,1; }

.path-timeserie .time-gap-label, .path-timeserie .svg-icon-txt {
  font-size: 11px; }

.path-timeserie .timeline-gaps line.gap-line {
  stroke-dasharray: 1,3;
  stroke: #615f5f;
  fill: none; }

.path-timeserie .timeline-gaps text {
  fill: #777777; }

.path-timeserie text.svg-icon-txt {
  font-family: "Font Awesome 5 pro"; }
  .path-timeserie text.svg-icon-txt.path-icon {
    fill: #fff; }

.path-timeserie .axis {
  stroke: #aaa;
  fill: none; }
  .path-timeserie .axis .tick line {
    fill: #555;
    stroke: #555; }
  .path-timeserie .axis .tick text {
    fill: #aaa;
    stroke: none; }

.path-tooltip {
  position: absolute;
  z-index: 100;
  width: auto;
  min-width: 160px;
  background: #f1f1f1;
  border: 2px solid #aaa;
  border-radius: 2px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  text-align: center; }
  .path-tooltip.path-bar-tooltip {
    top: 0;
    left: 0; }
  .path-tooltip h4 {
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    margin: 0; }

.path-user-filters {
  margin: 8px 0 0px;
  background: #f3f3f3;
  padding: 9px 12px 1px;
  border-top: 1px solid #ddd; }

.path-attribution .custom-tick {
  text-anchor: middle;
  stroke: none;
  fill: #666;
  font-size: 12px; }
  .path-attribution .custom-tick.hidden-custom-tick {
    fill: #fff; }

.path-attribution .axis .domain {
  stroke: #fff; }

.path-attribution .axis .tick text {
  stroke: #fff; }

.path-attribution .axis .tick line {
  stroke: #fff; }