/* STYLE FOR NEW REQUISITIONS */

.req-code-table {
  position: relative;

  .--btns {
    display: flex;
    flex-direction: row;
    justify-content: right;
    padding-top: 1rem;

    button+button {
      margin-left: 0.5rem;
    }
  }

  suggestion-box {
    position: absolute;
  }
}

/*
.req-code-list {
  padding: 2rem 0;

  .list-wrapper {
    position: relative;
    overflow: auto;
  }

  .list {
    position: relative;
    width: 1800px;

    table.table-list {
      > thead th {
        color: #fff;
        background-color: var(--color-base);
      }
      > thead th.zero {
        width: 1em;
      }
      /*
      > thead th.one {
        width: 10em;
      }
      > thead th.two {
        width: 10em;
      }
      * /
      > tbody tr {
        border-bottom: 1px solid var(--color-base);
      }

      .add-row {
        .--btns {
          display: flex;
          flex-direction: column;
          button + button {
            margin-top: 0.5rem;
          }
        }
      }
    }
  }

  suggestion-box table {
    width: max-content;
  }
}
*/

.requis--btn-wrap {
  padding: 4rem;
  padding-bottom: 0;
  display: flex;
  justify-content: right;
}

.requis-form-bottom {
  height: 400px;
}

/* Table Style */
table-view table-data {
  padding: 0;
}

div[tabulator] {
  height: 600px !important;
  background-color: #888;
}

.tabulator-popup-container {
  .tabulator-menu-item {
    padding: 0.5rem 1rem;
  }
}

button.form-button[data-form] {
  background-color: #1E6FFF;
}

button.form-button[data-form]:hover {
  background-color: #1559CC;
}

button.form-button[data-form]:active {
  background-color: #0F469F;
}

a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--wa-form-control-height);
  padding: 0 16px;
  border-radius: var(--wa-form-control-border-radius);
}

.comments {
  padding-bottom: 2rem;

  .comment-section {
    padding: 8px;
    margin-bottom: 24px;
  }

  .comment-input {}

  .comment-user {
    display: flex;
    flex-direction: column;
    border-left: 4px solid var(--color-base);

    .--user {
      display: flex;
      margin-left: 1rem;
      img {
        width:  32px;
        height: 32px;
      }
    }
    .--comment {
      flex-grow: 1;
      padding: 1rem 2rem;
    }
  }
  .comment-user + .comment-user {
    margin-top: 2rem;
  }
}