.volunteers-table {
  overflow: hidden;
  overflow-x: auto;
  &::-webkit-scrollbar {
    display: none;
  }

  border: 1px solid rgb(213, 213, 213);
  border-radius: 6px;

  table {
    width: 100%;
    thead {
      width: 100%;
      padding: 0 20px;
      height: 76px;
      display: flex;
      background-color: rgb(244, 244, 244);
      align-items: center;

      tr {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 80px 300px 300px 200px 200px 200px 200px;

        td {
          display: flex;
          align-items: center;
          height: 100%;
          background-color: rgb(244, 244, 244);
          justify-content: center;
        }

        td,
        button {
          font-size: 16px;
          font-weight: 500;
          line-height: 18px;
          color: rgb(102, 112, 133);
        }

        button {
          display: flex;
          align-items: center;
        }
      }
    }

    tbody {
      padding: 0 20px;
      tr {
        display: grid;
        grid-template-columns: 80px 300px 300px 200px 180px 200px 180px;
        align-items: center;
        width: 100%;
        height: 80px;
        border-bottom: 1px solid rgb(241, 244, 249);

        td {
          font-size: 20px;
          font-weight: 500;
          line-height: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        

        #volunteers-user-cell {
          color: rgb(72, 159, 225);
        }
      }
    }
  }
}