.custom-data-grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  font-family: inherit;
}

.grid-header, .grid-row {
  display: grid;
  grid-template-columns: 60px 1.5fr 2fr 1.5fr;
  padding: 12px 16px;
  align-items: center;
}

.grid-header {
  /*background-color: #f4f5f7;*/
  background-color:#0073aa;
  font-weight: bold;
  color: #ffffff;

  /*color: #333;*/
  border-bottom: 2px solid #e0e0e0;
}

.grid-row {
  border-bottom: 1px solid #f0f0f0;
}

.grid-row:last-child {
  border-bottom: none;
}

.grid-row:nth-child(even) {
  background-color: #fafafa;
}

.grid-row a {
  color: #0073aa;
  text-decoration: none;
}

.grid-row a:hover {
  text-decoration: underline;
}