.is-navbar {
  .datatable-toolbar {
    padding-top: 30px;
  }
}

.table-container {
  border-radius: 10px;
  border: 1px solid var(--fade-grey);
}

.datatable-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  background-color: var(--white);
  border: 1px solid var(--fade-grey);
  border-radius: 0.75rem;
  padding: 20px;
  color: var(--modal-text);
  &.is-reversed {
    flex-direction: row-reverse;
  }

  .field {
    margin-bottom: 0;
    label {
      font-weight:bold;
    }
    .control {
      .button {
        color: var(--modal-text);

        &:hover,
        &:focus {
          background: var(--primary);
          border-color: var(--primary);
          color: var(--primary--color-invert);
        }
      }
    }
  }

  .buttons {
    margin-left: auto;
    margin-bottom: 0;

    .v-button {
      margin-bottom: 0;
    }
  }
}

.is-dark {
  .datatable-toolbar {
    background: color-mix(in oklab, var(--dark-sidebar), white 6%);
    .field {
      .control {
        .button {
          background: var(--dark-sidebar) !important;
          color: var(--modal-text);

          &:hover,
          &:focus {
            background: var(--primary) !important;
            border-color: var(--primary) !important;
            color: var(--smoke-white) !important;
          }
        }
      }
    }
  }
}