.tradeTableContainer table thead th {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-transform: capitalize;
  padding: 23px 24px !important;
  border-bottom: 0 !important;
  white-space: break-spaces;
  text-align: center;
}
.tradeTableContainer table tbody tr td:first-child {
  padding: 16px 24px !important;
}
.tradeTableContainer table tbody tr td:first-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.tradeTableContainer table tbody tr td:not(:first-child) {
  text-align: center;
  color: #1a1919;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.tradeTableContainer table tbody tr td {
  border-bottom: 1px solid #eee;
  white-space: nowrap;
  background: #fff;
}

.tradeTableContainer thead th {
  position: sticky;
  top: 0;
  text-align: left;
  z-index: 2;
}


.tradeTableContainer th:first-child,
.tradeTableContainer td:first-child {
  position: sticky;
  left: 0;
  box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);
  z-index: 1;
  text-align: left !important;
}

.tradeTableContainer thead th:first-child {
  z-index: 3;
}


.body-wrapper tr:nth-child(odd) {
  background: #fafafa;
}
.tradeTableContainer table tbody tr td img {
  height: 18px;
  margin-bottom: 8px;
}
.tradeTableContainer .dt-search {
  position: absolute;
  top: -0;
  right: 0;

}

.tradeTableContainer .dt-search input {
  border-radius: 8px !important;
  background-color: #ecf0f6;
  border: 0;
  color: #6c6e7b;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  padding: 12px 16px;
  height: 56px;
  outline: 0 !important;
}
.dt-search input {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 16px !important;
    padding-left: 50px !important;
}
.tradeTableContainer table tbody tr td:first-child .description {
  color: var(--grey-normal);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  float: left;
  width: 100%;
  white-space: break-spaces;
}
.tradeTableContainer ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.tradeTableContainer ::-webkit-scrollbar-track {
  background: #f1f1f1;
  margin-top: 5px;
  border-radius: 5px;
}

.tradeTableContainer ::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 20px;
}

.tradeTableContainer ::-webkit-scrollbar-thumb:hover {
  background: #878787;
}

@media (max-width: 768px) {
  .tradeTableContainer .dt-search {
     position: static;
    text-align: left;
    margin-bottom: 20px;
  }
  .tradeTableContainer .dt-search input{
    width: 100%;
  }
}