#delivery {
  margin: 0;
  display: none;
  flex-direction: column;
  width: 100%;
  gap: 20px;
  overflow: visible;
  font-size: var(--font-size-3);
}
#delivery.open {
  display: flex;
}
#delivery > header .info-card svg {
  color: var(--red-5);
}
#delivery > header > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
#delivery > header .select-dropdown .dropdown-heading span:nth-child(2) {
  color: var(--red-4);
  cursor: pointer;
}
#delivery
  > header
  > div
  > div
  > .select-dropdown.open
  > div
  > ul
  > li:nth-child(5) {
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
#delivery > header .select-dropdown .nested-dropdown > .static-dropdown,
#delivery > header .select-dropdown .nested-dropdown > div > button {
  width: 100%;
}
#delivery
  > header
  .select-dropdown
  .nested-dropdown.status
  .static-dropdown
  .dropdown {
  top: -10px;
  left: -275px;
  color: var(--gray-7);
  display: none;
}
#delivery
  > header
  .select-dropdown
  .nested-dropdown
  .static-dropdown
  .dropdown {
  top: -10px;
  left: -135px;
  color: var(--gray-7);
  display: none;
}
#delivery
  > header
  .select-dropdown
  .nested-dropdown
  .static-dropdown.open
  .dropdown {
  display: flex;
}
#delivery > header .select-dropdown .nested-dropdown > div > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--gray-7);
  font-size: var(--font-size-2);
}
#delivery > header .add-partner-btn {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  background-color: var(--red-1);
  border-radius: 18px;
  padding: 8px 15px;
  transition: background-color 0.3s ease;
}
#delivery > header .add-partner-btn.show {
  display: flex;
}
#delivery > header .add-partner-btn:hover {
  background-color: var(--red-2);
}
#delivery .delivery-content {
  width: 100%;
  overflow-x: scroll;
}
#delivery table {
  margin: 0;
  width: 100%;
  table-layout: auto;
  min-height: 70vh;
  height: fit-content;
}
#delivery .delivery-content#freelance-table.show,
#delivery .delivery-content#inhouse-table.show {
  display: flex;
}
#delivery .delivery-content#freelance-table,
#delivery .delivery-content#inhouse-table {
  display: none;
}
#delivery table th {
  text-wrap: nowrap;
}
#delivery table .ratings-filter .static-dropdown .dropdown,
#delivery
  > header
  .select-dropdown
  .nested-dropdown.rating
  .static-dropdown
  .dropdown {
  width: 110px;
}
#delivery table .ratings-filter .static-dropdown ul li,
#delivery table tr td:nth-child(12) .static-dropdown ul li,
#delivery
  > header
  .select-dropdown
  .nested-dropdown.rating
  .static-dropdown
  ul
  li {
  justify-content: flex-start;
  gap: 15px;
}
#delivery table tr td:nth-child(12) .static-dropdown .dropdown {
  width: 220px;
}
#delivery table tr th:not(#delivery table tr th:first-child),
#delivery table tr td:not(#delivery table tr td:first-child) {
  display: flex;
  align-items: center;
  gap: 10px;
}
#delivery
  table
  tr
  th:not(
    #delivery table tr th:first-child,
    #delivery table tr th:nth-child(3),
    #delivery table tr th:nth-child(12) #delivery table tr th:last-child
  ),
#delivery
  table
  tr
  td:not(
    #delivery table tr td:first-child,
    #delivery table tr td:nth-child(3),
    #delivery table tr td:nth-child(12) #delivery table tr td:last-child
  ) {
  margin-right: 30px;
  white-space: nowrap;
  /* flex: 1; */
}
#delivery table tr th:nth-child(3),
#delivery table tr td:nth-child(3) {
  min-width: 250px;
  flex: 1;
}
#delivery table tr td:nth-child(3) div span:first-child {
  cursor: pointer;
}
#delivery
  table
  tr
  td:nth-child(3)
  div
  span:not(#delivery table tr td:nth-child(3) div span:first-child),
tr td:nth-child(3) div img {
  display: none;
}
#delivery table tr th:nth-child(4),
#delivery table tr th:nth-child(9),
#delivery table tr td:nth-child(4),
#delivery table tr td:nth-child(9) {
  min-width: 100px;
}
#delivery table tr th:nth-child(5),
#delivery table tr td:nth-child(5) {
  min-width: 70px;
}
#delivery table tr th:nth-child(6),
#delivery table tr th:nth-child(7),
#delivery table tr th:nth-child(8),
#delivery table tr td:nth-child(6),
#delivery table tr td:nth-child(7),
#delivery table tr td:nth-child(8) {
  min-width: 120px;
}
#delivery table tr th:nth-child(10),
#delivery table tr th:nth-child(11),
#delivery table tr td:nth-child(10),
#delivery table tr td:nth-child(11) {
  min-width: 80px;
  text-transform: capitalize;
}
#delivery table tr td:nth-child(11) span {
  border: 1px solid var(--green-4);
  color: var(--green-4);
  padding: 2px 10px;
  border-radius: 10px;
  width: fit-content;
  font-size: var(--font-size-2);
}
#delivery table tr td:nth-child(11).pending span {
  border: 1px solid var(--yellow-4);
  color: var(--yellow-4);
}
#delivery table tr td:last-child,
#delivery table tr th:nth-child(12),
#delivery table tr td:nth-child(12) {
  margin-right: 0 !important;
  flex: none;
}
#delivery table tr td:last-child,
#delivery table tr td:last-child button .active {
  display: none !important;
}
@media (max-width: 900px) {
  #delivery table tbody {
    height: calc(100vh - 290px);
    overflow: scroll;
  }
}
@media (max-width: 840px) {
  #delivery {
    padding-inline: 20px;
  }
}
@media (max-width: 760px) {
  #delivery table thead,
  #delivery table tr td:first-child,
  #delivery table tr td:nth-child(4),
  #delivery table tr td:nth-child(5),
  #delivery table tr td:nth-child(6),
  #delivery table tr td:nth-child(7),
  #delivery table tr td:nth-child(8),
  #delivery table tr td:nth-child(9),
  /* #delivery table tr td:nth-child(10), */
  #delivery table tr td:nth-child(12),
  #delivery table tr td:nth-child(3)::before {
    display: none !important;
  }
  #delivery table tbody tr {
    background-color: var(--white);
    border-bottom: none;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto;
    grid-template-rows: auto auto auto;
    padding-inline: 0;
    align-items: center;
  }
  #delivery table tr td:last-child {
    display: block !important;
  }
  #delivery table tr td:nth-child(3) {
    flex: 1;
    width: fit-content;
  }
  #delivery table tr td:nth-child(3) div {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  #delivery
    table
    tr
    td:nth-child(3)
    div
    span:not(
      #delivery table tr td:nth-child(3) div span:first-child,
      #delivery table tr td:nth-child(3) div p > span:last-child
    ),
  tr td:nth-child(3) div img {
    display: flex;
  }
  #delivery table tr td:nth-child(3) div > span:nth-child(2),
  #delivery table tr td:nth-child(3) div p > span:last-child {
    color: var(--gray-7);
  }
  #delivery table tr td:nth-child(3) div p {
    display: flex;
    gap: 3px;
  }
}
@media (max-width: 480px) {
  #delivery table tbody tr {
    grid-template-columns: 2fr 1fr auto;
  }
  #delivery table tr td:nth-child(10) {
    display: none !important;
  }
  #delivery table tr td:nth-child(3) div p > span:last-child {
    display: flex !important;
    align-items: center;
  }
  #delivery table tr td:nth-child(3) div p > span:last-child::before {
    content: "";
    display: block;
    width: 1px;
    height: 90%;
    background-color: var(--gray-4);
    margin-inline: 5px;
  }
}
@media (max-width: 320px) {
  #delivery {
    padding-inline: 20px;
  }
  #delivery .delivery-header {
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
  }
  #delivery .delivery-header .info-card {
    width: 100%;
  }
  #delivery .delivery-header > div {
    justify-content: flex-end;
  }
}