#notification-table-container {
  /* display: table; */
  /* display: flex; */
  width: 100%;
  word-break: break-word;
}

#notification-table-container .notification-header,
#notification-table-container .notification-column {
  display: table-cell;
}

.notification-table-header-container {
  background-color: #E6E6F0;
  margin-right: 10px;
  font: normal normal bold 12px/18px Lato;
  color: var(--main-text-color);
  letter-spacing: 0px;
}

.notification-column {
  border-bottom: 1px solid #DCDCE6;
  border-right: 1px solid #DCDCE6;
  padding: 10px 10px 4px 10px;
  font: normal normal normal 12px/18px Lato;
  color: var(--main-text-color);
  letter-spacing: 0px;
  background-color: white;
}

.notification-column:first-child {
  border-left: 1px solid #DCDCE6;
}

.notification-header {
  border-top: 1px solid #DCDCE6;
  border-bottom: 1px solid #DCDCE6;
  border-left: 1px solid #DCDCE6;
  padding: 10px 10px 4px 10px;
}

.notification-header:last-child {
  border-right: 1px solid #DCDCE6;
}

.goto-button {
  white-space: nowrap;
  margin: 0px 10px 0px 6px;
  cursor: pointer;
  font: normal normal normal 12px/18px Lato;
  color: var(--normal-button-color);
  background-color: var(--normal-button-background);
  border: var(--normal-button-border);
  padding: 4px 5px 4px 5px;
  border-radius: 5px;
  text-align:center;
}

.goto-button:hover {
  color: var(--hover-normal-button-color);
  background-color: var(--hover-normal-button-background);
  border: var(--hover-normal-button-border);
}

.goto-button:active {
  color: var(--active-normal-button-color);
  background-color: var(--active-normal-button-background);
  border: var(--active-normal-button-border);
}

div.notification-table-header-container,
div.notification-row {
  display: table-row;
}

div.notification-list-container {
  display: table-row-group;
}

.notification-table-ant-wrapper td,
.notification-table-ant-wrapper th {
  border-right: 1px solid #DCDCE6 !important;
}

.notification-table-ant-wrapper th {
  color: var(--main-text-color) !important;
  background-color: #e6e6f0 !important;
  border-bottom: none !important
}

.notification-table-ant-wrapper thead {
  border: none !important;
  position: sticky;
  top: 0;
}

.notification-table-ant-wrapper th.ant-table-row-cell-last {
  border: none !important;
  background: #f0f0f6 !important;
}

div.notification-table-ant-wrapper table {
  border: none !important;
}
div.notification-table-ant-wrapper .ant-table-thead > tr:first-child > th:first-child {
  border-radius: unset !important;
}

div.notification-table-ant-wrapper td:last-child {
  border: none !important;
  background: #f0f0f6 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

