.custom-list-container {
  position: relative;
  /* padding: 0 40px; */
  margin: 16px 40px 0 40px;
  overflow: auto;
  border-left: 1px solid #dcdfe6;
  border-right: 1px solid #dcdfe6;
  border-top: 1px solid #dcdfe6;
}

.custom-list-header {
}
.custom-list-row {
  display: grid;
  grid-template-columns: 55px 90px 120px 116px 110px 200px 200px 55px 80px 80px 80px 150px 80px;
  /* border-bottom: 1px solid #dcdfe6; */
}
.custom-list-col {
  overflow-x: hidden;
  padding: 8px 5px;
  border-bottom: 1px solid #dcdfe6;
  border-right: 1px solid #dcdfe6;
  background-color: #ffffff;
  display: flex;
  align-items: center;
}
.col-no-right-border {
  border-right: none;
}
.custom-list-header-col {
  font-size: 14px;
  color: #888888;
}
.custom-list-body-main-col {
  font-weight: bold;
}
.custom-list-body {
}
.custom-list-row:hover > .custom-list-col.custom-list-body-col {
  background-color: #f5f7fa;
}
.custom-list-body-col {
  font-size: 12px;
  color: #333333;
  padding: 12px 5px;
  white-space: pre-line;
  transition: background-color 0.25s ease;
}
.custom-list-col-fixed-right {
  border-left: 1px solid #dcdfe6;
  border-right: none;
  position: sticky;
  right: 0;
}
.custom-list-col-fixed-left {
  position: sticky;
  left: 0;
}