/* Colours (and the faded bar-chart background) as on the reference site (playrep.pro). */

/* Thin bar fixed along the top of every page (reference .top-bar) */
body::before {
  content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 2px; z-index: 3;
  background: #737373; border-bottom: 2px solid #249FAB;
}

/* Faded bar chart at the bottom right of every report page (reference .bar-chart: 340px wide,
   20px from the corner, opacity .2 - the image is pre-faded so no layering is needed).
   The login page already shows its own. */
.container:not(:has(.login-div)) {
  background-image: url(/assets/vendor/bar-chart-faded.png);
  background-repeat: no-repeat;
  background-position: right 20px bottom 20px;
  background-size: 340px auto;
}

/* Current menu section highlighted (reference a.active); the class is set by the small script in index.html */
nav ul li a.fg-active { background: #20b7c9; }

/* Date picker colours of the reference */
/* !important: the bundle paints the picker teal with a red border inline */
.Zebra_DatePicker { background-color: #666 !important; border: 3px solid #666 !important; box-shadow: none; }
.Zebra_DatePicker .dp_header td,
.Zebra_DatePicker .dp_actions td { background: transparent; color: #fff; }
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_actions .dp_hover { background: #222; color: #fff; }
.Zebra_DatePicker .dp_body td { background: #E8E8E8; color: #000; border: 1px solid #7BACD2; }
.Zebra_DatePicker .dp_daypicker th { background: #20B7C9; color: #000; }
.Zebra_DatePicker .dp_body .dp_weekend { background: #D8D8D8; }
.Zebra_DatePicker .dp_body .dp_not_in_month { background: #20B7C9; color: #CDCDCD; }
.Zebra_DatePicker .dp_body .dp_current { color: #C40000; }
.Zebra_DatePicker .dp_body .dp_selected { background: #5A4B4B; color: #fff; }
.Zebra_DatePicker .dp_body .dp_disabled { background: #F3F3F3; color: #CDCDCD; }
.Zebra_DatePicker .dp_body .dp_disabled.dp_current { color: #E38585; }
.Zebra_DatePicker .dp_body .dp_hover { background: #482424; color: #fff; }