@keyframes wiggle {
  0% {
    transform: rotate(0); }
  4% {
    transform: rotate(-15deg); }
  8% {
    transform: rotate(15deg); }
  12% {
    transform: rotate(0); } }

@keyframes bounce {
  0% {
    transform: translateY(0); }
  1% {
    transform: translateY(2px); }
  3% {
    transform: translateY(-5px); }
  5% {
    transform: translateY(2px); }
  6% {
    transform: translateY(0); } }

.monoreport-page aside.panel-two {
  border-right: 1px solid var(--border-light-grey); }

.monoreport-page .report-wrapper {
  padding: 16px;
  background: white;
  position: relative; }

.monoreport-page .highcharts-background {
  display: none; }

.monoreport-page .selected-items::after {
  content: "";
  text-align: center;
  display: block;
  opacity: 0.1;
  background: var(--text-blue);
  height: 1px;
  margin: 0.3rem 0.5rem; }

.monoreport-page .selected-items:nth-last-of-type(1)::after {
  display: none; }

.monoreport-page .dragging-item {
  background: var(--white);
  box-shadow: var(--text-main) 3px 3px 0px 0px;
  cursor: grabbing !important;
  pointer-events: initial !important;
  z-index: var(--z-index-layer-7); }
  .monoreport-page .dragging-item .popper-trigger {
    display: none; }

.monoreport-page .visualisation-type {
  display: block; }
  .monoreport-page .visualisation-type button {
    width: 100%;
    text-align: left; }
    .monoreport-page .visualisation-type button i:nth-child(1) {
      margin-right: 0.5em; }
    .monoreport-page .visualisation-type button.selected {
      color: white;
      background: var(--text-blue); }
    .monoreport-page .visualisation-type button:hover {
      background: var(--highlight);
      color: white; }
      .monoreport-page .visualisation-type button:hover .fa-pencil {
        animation: wiggle 2s linear infinite; }
    .monoreport-page .visualisation-type button i:nth-last-child(1) {
      line-height: inherit; }
    .monoreport-page .visualisation-type button.disabled {
      color: var(--text-grey);
      cursor: initial; }
      .monoreport-page .visualisation-type button.disabled:hover {
        background: var(--bg);
        color: var(--text-grey);
        opacity: 0.75; }

.monoreport-page .action-preview-button:disabled {
  filter: saturate(0); }

.monoreport-page .action-preview-button:enabled {
  animation: bounce 5s infinite linear; }

.monoreport-page .preview-alert {
  opacity: 0;
  transform: translateY(-0.25rem);
  transition: all 0.3s ease-in;
  display: block;
  position: absolute;
  top: 75px;
  left: 0;
  padding: 1rem;
  margin-left: -2px;
  margin-top: -1rem;
  border-radius: 3px;
  z-index: var(--z-index-layer-2);
  content: "Click 'Preview' to re-run this report with your latest changes";
  background: var(--dark-bg-trans);
  color: var(--header-font-color);
  font-size: var(--text-size-medium);
  line-height: var(--text-line-height-medium);
  pointer-events: none; }

.monoreport-page.stale .preview-alert {
  opacity: 100%;
  transform: translateY(0);
  cursor: pointer;
  pointer-events: all; }
  .monoreport-page.stale .preview-alert:hover {
    background: var(--text-main); }

.monoreport-page .statementReport {
  padding-top: 1rem; }
  .monoreport-page .statementReport .drillup {
    top: 8px;
    right: 8px; }

.monoreport-page .paths-report-container {
  position: relative;
  padding-top: 1rem; }