/* TLSAT Table CSS */
@font-face {
  font-family: 'Domine';
  src: url('/.fonts/Domine-VariableFont_wght.ttf');
}

.content-nomaxwidth .content-background {
  padding: 0;
  margin: 0;
  .content-wrapper {
    max-width: 95vw;
  }
}

table-view {
  display: block;

  table-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 4px solid var(--color-base);

    .--left {
      display: flex;
      align-items: center;
    }

    .--right {
      display: flex;
      align-items: center;

      >.info {
        margin: 0 1rem;
      }
    }

    .table-name {}

    .table-descr {
      margin: 0 2rem;
    }

    .btn-c {
      padding: 0;
      display: block;
      width: 2.2rem;
      height: 2.2rem;
      margin: 0 1rem;
      border-radius: 50%;
    }

  }

  table-data {
    display: block;
    padding: 4rem 2rem;

    [tabulator].tabulator {
      font-family: 'Domine', Georgia, 'Times New Roman', Times, serif;
      font-size: 16px;
      border-radius: 8px;

      .tabulator-header {

        .tabulator-col:not(:hover) {
          background-color: var(--color-base);
          color: white;
        }

        .tabulator-col {
          .tabulator-col-content {
            padding: 8px 16px;
            font-size: 110%;
          }
        }

        .tabulator-col.tabulator-sortable[aria-sort=ascending]:not(:hover) .tabulator-arrow {
          border-bottom-color: white;
        }

        .tabulator-col.tabulator-sortable[aria-sort=descending]:not(:hover) .tabulator-arrow {
          border-top-color: white;
        }

        .tabulator-headers .composed {
          background-color: #6c4f89;
        }
      }

      .tabulator-tableholder {
        scrollbar-width: thin;
      }

      .tabulator-table {
        .tabulator-cell {
          padding: 8px 16px;
        }
      }

      .tabulator-footer {
        background-color: var(--color-base);

        .tabulator-paginator {
          label {
            color: white;
          }

          .tabulator-page {
            padding: 8px 12px;
          }

          button:not(:hover):not(.active) {
            color: #222;
            background: white;
          }

          button.active {
            background: white;
            color: #d00;
          }

        }

        .tabulator-page-size {
          width: 4rem;
        }
      }
    }
  }
}

table-edit {
  display: block;
  height: 800px;
  padding: 2rem;
  padding-bottom: 4rem;
  border-top: 4px solid var(--color-base);

  button.btn-table {
    padding: 4px 16px;
    border-width: 2px;
    height: auto;
    margin: 0 1rem;
  }
  button.btn-table.add-log {
    background: #6a69c7;
    border-color: #4d4c8f;
  }
  button.btn-table.remove-log {
    background: #c76969;
    border-color: #8f4c4c;
  }
  button.btn-table.upload-log {
    background: #71b34e;
    border-color: #4e7b36;
  }
  button.btn-table.upload-file {
    background: #4eb37b;
    border-color: #367b66;
  }

  .controls-bottom {
    display: flex;
    justify-content: space-between;

    .--left {}
    .--right {}
  }

  .forms-container {
    pipe-form + pipe-form {
      border-top: 2px solid var(--color-base);
    }
  }

  .searcher {
    display: flex;
    padding: 1rem 2rem;

    > div {
      padding: 0.5rem;
    }
    .field-selector {}
    .field-query {
      flex-grow: 1;
    }
  }

  wa-tab-panel[name=reports] {
    .btn-row {
      .report-print {}
    }
  }

}

.tabulator-menu.tabulator-popup-container {
  height: unset !important;
}