/* Datatable built-in controls style (fix) */
.dt-container .dt-layout-row select,
.dt-container .dt-layout-row input[type=search] {
    width: auto;
    display: inline-block;
    outline: none;
}

.dt-container .dt-layout-row select,
.dt-container .dt-layout-row input[type=search],
.dt-container .dt-layout-row label {
    line-height: normal;
}

.dt-container .dt-layout-row label {
    display: inline;
}

/* ----------------------------------------- */

/* ----- (Datatable) Table Style -----*/

.cryptolist_wrapper {
  overflow-x: auto;
}

.cryptolist {
  border: 1px solid #ddd;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cryptolist td,
.cryptolist th {
  border: 1px solid #ddd;
  border-left-width: 0;
  border-right-width: 0;
  white-space: nowrap;
  line-height: normal;
}

.cryptolist thead th {
  border-bottom: 1px solid #f5f5f5;
  text-align: left;
}

#tbl-cryptolist {
  border: 1px solid #ddd;
  margin: 0 auto;
  color: #333;
}

.cryptolist td.display-name {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cryptolist .display-name img {
  width: 16px;
  max-height: 100%;
  object-fit: contain;
}

.pointer-events-none {
	pointer-events: none;
}

/* Override Paging Style */
div.dt-container .dt-paging .dt-paging-button {
  padding: 0.25rem 0.5rem;
}