.grid {
  grid-template-columns: minmax(0, auto);
}

/*Form fields*/
#mainTable_wrapper select,
#mainTable_wrapper .dataTables_filter input {
  color: #7e3af2;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1;
  border-width: 2px;
  border-radius: 0.25rem;
  border-color: rgb(241, 241, 241);
  background-color: rgb(241, 241, 241);
  margin: 15px 0px;
}

/*Row Hover*/
table tbody tr:not(.child):hover {
  background-color: #7e3af2 !important;
  color: #ffffff !important;
  cursor: pointer;
}

table tbody tr.child ul {
  width: 100%;
}

table tbody tr.child ul li {
  display: flex;
  justify-content: space-between;
  padding: 8px 8px !important;
}

.theme-dark table tbody tr.child {
  background-color: rgb(36, 38, 45) !important;
}

/* table tbody tr.child {
  background-color: black !important;
} */

table td,
table th {
  text-align: center;
}

html.theme-dark .dataTables_empty {
  background-color: rgb(26, 28, 35);
}

/*Pagination Buttons*/
#mainTable_wrapper .dataTables_paginate .paginate_button {
  font-weight: 700;
  border-radius: 0.25rem;
  border: 1px solid transparent;
}

#mainTable_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important; /*text-white*/
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); /*shadow*/
  font-weight: 700; /*font-bold*/
  border-radius: 0.25rem; /*rounded*/
  background: #7e3af2 !important; /*bg-indigo-500*/
  border: 1px solid transparent; /*border border-transparent*/
}

/*Pagination Buttons - Hover */
#mainTable_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important; /*text-white*/
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); /*shadow*/
  font-weight: 700; /*font-bold*/
  border-radius: 0.25rem; /*rounded*/
  background: #7e3af2 !important; /*bg-indigo-500*/
  border: 1px solid transparent; /*border border-transparent*/
  cursor: pointer;
}

/*Add padding to bottom border */
table.dataTable.no-footer {
  border-bottom: 1px solid #e2e8f0; /*border-b-1 border-gray-300*/
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

/*Change colour of responsive icon*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  background-color: #7e3af2 !important; /*bg-indigo-500*/
}

table.dataTable.stripe tbody tr,
table.dataTable.display tbody tr {
  background-color: transparent !important;
}

/* #mainTable tbody tr td {
  border-top: 1px !important;
  border-bottom: 1px !important;
  border-style: solid !important;
  border-color: #d5d6d7 !important;
} */

table.dataTable thead th {
  border-bottom: 0px !important;
}

@media (min-width: 768px) {
  #mainTable tbody tr td {
    padding: 17px 0px !important;
  }
}