div h1 {
  text-align: center;
}

table {
  border-collapse: collapse;
  width: 99.93%; /* 100% */
}

th, td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

th {
  background-color: #f2f2f2;
}

th p {
  display: inline-block;
}

th i {
  padding-right: 5px;
}

td {
  max-width: 200px;
  background: #fff;
  overflow-wrap: break-word;
}

td ul {
  list-style: none;
}

.action div {
  display: flex;
  justify-content: space-evenly;
  /* padding: 15px 0; */
}

.fa-trash-can {
  color: red;
}

.add, .edit, .delete {
  cursor: pointer;
}

.small-table {
  width: unset;
}

/* .small-table td:first-of-type {
  border-left: 2px solid black;
} */

table .switch {
  margin-bottom: unset;
}
table .slider {
  cursor: unset;
}

table .file {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 150px;
}

table .file a:hover > p {
  display: block;
}

table .file p {
  display: none;
  color: black;
  position: absolute;
  text-decoration: unset;
  background-color: wheat;
  width: fit-content;
  border-radius: 10px;
  padding: 5px;
  transform: translate(-85%, 0%);
}

#location-list li h3 {
  text-align: center;
  color: #303332;
  padding: 0px 50px;
}

.climateHazardsView tbody th {
  max-width: 140px;
}

table .middle {
  text-align: center;
}

table .smaller-text {
  max-width: 200px;
}

/* .separator {
  border-right: 2px solid black;
} */
/* .separator:last-child {
  border-right: 1px solid #dddddd;
} */

/* .separator-left {
  border-left: 2px solid black;
} */

.expired {
  background-color: #ffa29c;
  padding: 5px 5px;
  border-radius: 10px;
}
.expired td {
  background-color: #ffa29c;
}

.inactive {
  background-color: #ffc2c27a;
}

.inactiveOption {
  background-color: #ffa29c !important;
}

/* .old_entry:nth-child(even) {
  background-color: #757575;
}
.old_entry:nth-child(odd) {
  background-color: #c7c7c7;
} */

.old_entry {
  background-color: #e9fff8;
}