.header-tables{
  display: grid;
  grid-area: header;

  & .filters-container {
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 4px;

    & button.disabled{
      background-color: var(--color-text-disabled-S360);
      &:hover{
        background-color: var(--color-text-disabled-S360);
      }
    }
    & button.blocked{
      pointer-events: none;
      cursor: not-allowed;
      background-color: var(--color-text-disabled-S360);
    }
  }
}

& .header-tables .filters-container {
  & > *{
    width: unset;
    min-width: 16.5%;
  }
}