#table-content {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  max-height: calc(100vh - 315px);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

  .table {

    .datepicker-wrapper input,
    .btn-dropdown {
      background-color: transparent !important;
      border: none !important;

      &:hover {
        background-color: #fef2f2 !important;
      }
    }

    input[type="text"],
    .input-style-1.wrap {
      background-color: transparent !important;
      border: none !important;
    }

    .col-left {
      border-right: 1px solid var(--bs-border-color);
      background-color: var(--light-gray);
    }

    .col-right {
      position: sticky;
      right: 0px;
      z-index: 20;
      background-color: var(--light-gray);
      border-right: 1px solid var(--bs-border-color);
    }

    td.col-right,
    td.col-left {
      background-color: rgb(255, 255, 255);
    }

    th {
      padding: 1rem;
      min-width: 100px;

      &.lead-check,
      &.lead-id {
        min-width: auto;
      }
    }
  }

  .table tr:last-child td {
    border-bottom: none;
  }
}

#table-content:active {
  cursor: grabbing;
}

#table-content table {
  border-collapse: separate !important;
  border-spacing: 0;
  vertical-align: middle;
}

#table-content table th,
#table-content table td {
  white-space: nowrap;
  padding: 1rem;
  vertical-align: middle;
}

#table-content::-webkit-scrollbar:vertical {
  display: none;
  width: 0;
}

#table-content::-webkit-scrollbar:horizontal {
  display: block !important;
  height: 8px !important;
}

#table-content::-webkit-scrollbar-thumb {
  background-color: #d1d5db !important;
  border-radius: 10px !important;
}

#table-content::-webkit-scrollbar-thumb:hover {
  background-color: #9ca3af !important;
}

#table-content::-webkit-scrollbar-track {
  background-color: #f3f4f6 !important;
  border-radius: 10px !important;
}

/* table (DRAG) */
#table-content:active {
  cursor: grabbing;
}

#table-content::-webkit-scrollbar {
  display: none;
}

#table-content::-webkit-scrollbar:horizontal {
  display: block;
  height: 6px;
}

#table-content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

#table-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.td-active {
  z-index: 30 !important;
}

.table-scroll {
  .table {
    cursor: grab;
  }
}