#tissues-tracking-table {
  border: 1px solid #80808054;
  border-radius: 5px;
  margin: 20px;
}

#tissues-tracking-table thead {
  background-color: #bcbfc129;
}

#tissues-tracking-table th {
  position: relative;
}

.editable-disclaimer {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 5px;
  color: #6d81c2;
  margin: 20px;
}

.editable-disclaimer p {
  color: #193cb8;
}

.editable-input-container {
  background-color: #f9fafb8c;
  border: 1px dashed #d1d5db;
  color: gray;
  transition: background-color 0.5s ease;
}

.editable-input-container::after {
  color: #0000004a;
  content: "\f303";
  font-family: "Font Awesome 6 Pro", sans-serif;
  font-size: 13px;
  font-weight: 200;
  position: absolute;
  right: 10px;
}

.editable-input-container:hover {
  background-color: #eff6ff !important;
  border: 1px solid #bfdbfe;
  border-radius: 5px;
  transition: background-color 0.5s ease;
}

.editable-input-container.value-present {
  background-color: white;
  color: black;
}

.editable-title .fa-pencil {
  color: black;
  font-size: 13px;
  font-weight: 200;
}

.editable-title {
  position: relative;
}

.editable-tip {
  color: #00000070;
}

.editable-title h2 {
  color: #52545b;
  font-weight: bold;
}

.editable-title p {
  color: #9ba0aa;
  font-size: medium;
}

.record-count {
  background-color: #53565c21;
  border-radius: 15px;
  font-size: 13px;
  font-weight: bold;
  right: 10px;
  top: 20px;
}