body {
  margin: 0;
  font-size: 1rem;
  //overflow: none;
  background-color: #F7FAFC;
}

iframe {
  margin-top: 30px;
  height: calc(100% - 54px - 32px);
  background-color: white;
}

.page_toolbar {
  --gap: 2.5rem;
  font-size: 14px;

  font-family: Arial, sans-serif;
  background-color: #EDF2F7;
  padding: 1em;

  display: flex;
  justify-content: center;
  gap: var(--gap);
  align-items: center;
  //margin-bottom: 2em;

  > div {
    position: relative;

    @media (max-width: 1024px) {
      display: none;
    }

    &:not(:first-child):after {
      content: '|';
      position: absolute;
      left: calc(var(--gap) / 2 * -1);
      top: 40%;
      font-size: 20px;
      line-height: 1;
      transform: translateY(-50%);
    }

    select {
      font-size: 0.85em;
      margin: 0;
      display: inline-block;
      border-radius: initial;
      min-width: initial;
      width: initial !important;
      padding: 4px 8px;
    }
  }

  &__data_options {
    @media (max-width: 1024px) {
      display: block;
    }
  }

  @import "page--main--responsive-mode";
}

@import "page--breakpoints";