#jobs #list {
  background: rgba(18, 23, 32, 0.238);
  padding-bottom: 128px;
}
#jobs #list .element {
  background: var(--ego-row-odd);
  color: whitesmoke;
  margin: 20px 0;
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

#jobs #list .element .date {
  background: var(--ego-row-head);
  padding: 5px;
  padding: 20px;
  position: relative;
}
#jobs #list .element .date span {
  background: var(--ego-interactable);
  border-radius: 20px;
  padding: 0 10px;
  margin-right: 10px;
}
#jobs #list .element .date .ore {
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 5px 10px;
  background: var(--ego-row-even);
  border-radius: 20px;
}

#jobs #list .element .work,
#jobs #list .element .file {
  padding: 10px 20px;
  transition: background-color 0.15s linear;
}
#jobs #list .element .work:hover {
  background: rgba(62, 170, 228, 0.35);
}
#jobs #list .element .work.archive {
  opacity: 0.4;
  background: rgba(156, 16, 16, 0.942);
}

#jobs #list .element .data {
  background: #aaa2;
  padding: 5px;
  border-radius: var(--border-radius-md);
  margin: 5px 0;
  padding: 10px;
}
#jobs #list .element .note {
  background: #aaa2;
  padding: 5px;
  border-radius: var(--border-radius-md);
  margin: 5px 0;
  padding: 20px;
}
#jobs #list .element .file,
#jobs #list .element .work.file {
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 20px;
  padding-right: 56px;
}

.work > span,
.file > span {
  opacity: 0.5;
}

.work.file > a.button,
.file > a.button {
  position: absolute;
  right: 5px;
  width: 48px;
  bottom: 12px;
  border-radius: 8px;
  margin: 0;
}