.custom-table-container {overflow-x: auto;}
.custom-table-container table {width: 100%; border-collapse: collapse;}
.custom-table-container th,
.custom-table-container td {border: 1px solid black; padding: 8px; text-align: left;}
.custom-table-container th {background-color: #4212F4; color: white;}
.custom-table-container .table-title {margin-bottom: 10px;}



.custom-table-container {position: relative;}
.custom-table-container.fade::after {content: ""; position: absolute; top: 0; right: 0; width: 50px; height: 100%; pointer-events: none; background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);}
.custom-table-container-inner {overflow-x: auto;}
.custom-table-container.fade .custom-table-container-inner {}
.custom-table-container table {width: 100%; min-width: 600px; white-space: nowrap; padding-right: 50px}


@media (max-width: 600px) {
  .custom-table-container th, .custom-table-container td {font-size: 14px; padding: 6px;}
}