:root {
  --animate-duration: 1s;
}

sl-table-row {
  margin-top: var(--sdx-baseline-2) !important;
  border-radius: 8px !important;
  border: 1px solid #dde3e7;
  padding: var(--sdx-baseline-3);
}
sl-table-row[type=accordion] {
  padding: 0px !important;
}
sl-table-row sl-table-col[type=action] {
  cursor: pointer;
}
sl-table-row [data-type=arrow] {
  text-align: center;
}

@media only screen and (min-width: 1023px) {
  sl-table-row.row:hover,
  sl-table-row .row:hover {
    background-color: #f4f6ff;
  }
  sl-table-row[type=dynamic].row:hover,
  sl-table-row[type=dynamic] .row:hover {
    background: none;
    cursor: auto;
  }
}
@media only screen and (min-width: 768px) {
  sl-table-accordion-container sl-table-row {
    border: 0px;
  }
}
@media only screen and (max-width: 767px) {
  sl-table-row {
    justify-content: space-between !important;
  }
  sl-table-row [data-type=arrow] {
    text-align: left;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  sl-table-accordion-container sl-table-row {
    padding-top: 10px;
    border-left: 0px;
    border-right: 0px;
  }
}
.custom-table-container-example {
  display: inline-table;
  width: 100%;
  border: 1px solid;
  margin: 6px;
  padding: var(--sdx-baseline) var(--sdx-baseline-2);
}
.custom-table-container-example sl-table-row[type=dynamic] {
  padding: 0px !important;
  margin: 0px !important;
}
.custom-table-container-example sl-table-row .edit-enabled {
  margin-top: var(--sdx-baseline);
}
.custom-table-container-example sl-table-row.row:last-child {
  padding-bottom: var(--sdx-baseline-2) !important;
}

hr {
  margin: 0px !important;
}