:root {
  --icon-collapse: url("data:image/svg+xml,%3Csvg width='19' height='10' viewBox='0 0 19 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70496 0.655984C1.76223 0.654246 1.81921 0.663673 1.8715 0.683566C1.9238 0.703458 1.96998 0.73329 2.00656 0.770728L9.55757 7.83164L17.5558 0.770726C17.5927 0.737883 17.6371 0.711771 17.6863 0.693907C17.7354 0.676043 17.7883 0.666864 17.8418 0.666864C17.8953 0.666864 17.9482 0.676043 17.9974 0.693907C18.0466 0.711771 18.0909 0.737883 18.1278 0.770726C18.2041 0.836721 18.2468 0.925474 18.2468 1.01788C18.2468 1.1103 18.2041 1.19905 18.1278 1.26504L9.80719 8.54661C9.76793 8.58061 9.72097 8.60749 9.66913 8.62569C9.6173 8.64389 9.56167 8.65303 9.50557 8.65252C9.44948 8.65303 9.39383 8.64389 9.342 8.62569C9.29016 8.60749 9.24321 8.58061 9.20394 8.54661L1.36171 1.25621C1.28787 1.18918 1.24678 1.10081 1.24678 1.00905C1.24678 0.917287 1.28787 0.828925 1.36171 0.761893C1.40411 0.721497 1.45768 0.69074 1.51759 0.672253C1.5775 0.653766 1.64189 0.648133 1.70496 0.655984Z' fill='%23824199'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.80719 8.54661C9.76793 8.58061 9.72097 8.60749 9.66913 8.62569C9.6173 8.64389 9.56167 8.65303 9.50557 8.65252C9.44948 8.65303 9.39383 8.64389 9.342 8.62569C9.29016 8.60749 9.24321 8.58061 9.20394 8.54661L1.36171 1.25621C1.28787 1.18918 1.24678 1.10081 1.24678 1.00905C1.24678 0.917287 1.28787 0.828925 1.36171 0.761893C1.40411 0.721497 1.45768 0.69074 1.51759 0.672253C1.5775 0.653766 1.64189 0.648133 1.70496 0.655984C1.76223 0.654246 1.81921 0.663673 1.8715 0.683566C1.9238 0.703458 1.96998 0.73329 2.00656 0.770728L9.55757 7.83164L17.5558 0.770726C17.5927 0.737883 17.6371 0.711771 17.6863 0.693907C17.7354 0.676043 17.7883 0.666864 17.8418 0.666864C17.8953 0.666864 17.9482 0.676043 17.9974 0.693907C18.0466 0.711771 18.0909 0.737883 18.1278 0.770726C18.2041 0.836721 18.2468 0.925474 18.2468 1.01788C18.2468 1.1103 18.2041 1.19905 18.1278 1.26504L9.80719 8.54661ZM18.3725 0.492042C18.5206 0.621191 18.6176 0.808199 18.6176 1.01789C18.6176 1.22803 18.5202 1.4154 18.3715 1.54458C18.3712 1.54485 18.3709 1.54511 18.3705 1.54538L10.0499 8.82693C9.97334 8.89323 9.88512 8.94285 9.79198 8.97555C9.69991 9.00788 9.6027 9.02384 9.50558 9.02333C9.40846 9.02384 9.31123 9.00789 9.21914 8.97555C9.12601 8.94285 9.03779 8.89323 8.96122 8.82693L8.95131 8.81836L1.11249 1.53077C1.11187 1.53021 1.11125 1.52964 1.11063 1.52908C0.967934 1.39868 0.875977 1.21423 0.875977 1.00905C0.875977 0.804528 0.967344 0.620608 1.10926 0.490283C1.19561 0.409048 1.29919 0.351592 1.40826 0.317937C1.50968 0.286639 1.61679 0.27557 1.72236 0.284989C1.81772 0.285461 1.91325 0.302723 2.00334 0.336993C2.09953 0.373586 2.18958 0.429667 2.26482 0.504568L9.56474 7.33069L17.3093 0.493719C17.3095 0.493532 17.3091 0.493906 17.3093 0.493719C17.3833 0.42805 17.4694 0.378195 17.5596 0.345399C17.6504 0.312401 17.7463 0.296063 17.8418 0.296063C17.9374 0.296063 18.0332 0.312405 18.124 0.345399C18.2138 0.378009 18.2988 0.426929 18.3725 0.492042Z' fill='%23824199'/%3E%3C/svg%3E%0A");
}

.table {
  border-collapse: separate;
  border-spacing: 0 1px;
  line-height: 1.25;
  width: 100%;
}

.table-fixed {
  table-layout: fixed;
}

@media (min-width: 992px) {
  .table-lg-fixed {
    table-layout: fixed;
  }
}

.table th {
  font-weight: 500;
  vertical-align: top;
}

.table:not(.table-calendar) th,
.table:not(.table-calendar)
  td:not(.table-collapse-head, .table-collapse-footer) {
  padding: 5px 0;
}

@media (min-width: 992px) {
  .table:not(.table-calendar) th,
  .table:not(.table-calendar) td:not(.table-collapse-head) {
    padding: 15px;
  }

  .table-small th,
  .table-small td:not(.table-collapse-head) {
    padding: 10px;
  }
}

.table td {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  font-size: 14px;
}

.table-collapse-content {
  width: 100%;
}

@media (min-width: 992px) {
  .table td:first-child {
    border-right: 1px solid transparent;
  }

  .table td:last-child {
    border-left: 1px solid transparent;
  }

  /* .table tr.table-collapse-content:nth-child(4n + 2) td {
    background-color: var(--gray-200);
  } */

  .table-collapse-odd {
    background-color: var(--gray-200);
  }
}

.table:not(.table-calendar) td:first-child {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.table:not(.table-calendar) td:last-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

@media (min-width: 992px) {
  .table:not(.table-calendar) tr:not(.table-collapse-none):hover td {
    border-color: var(--gray-300);
  }

  .table:not(.table-calendar) tr:not(.table-collapse-none):hover td:first-child,
  .table:not(.table-calendar) tr:not(.table-collapse-none):hover td:last-child {
    border-color: var(--gray-300);
  }

  .table:not(.table-calendar) tr:hover td.full_name a {
    text-decoration: underline;
  }
}

.table thead th {
  border-bottom: 1px solid var(--black);
}

.table-content {
  border-collapse: separate;
  border-spacing: 0;
}

.table-collapse-title {
  display: none;
}

@media (max-width: 991px) {
  .table:not(.table-calendar) thead {
    display: none;
  }

  .table:not(.table-calendar) tbody,
  .table:not(.table-calendar) tfoot,
  .table:not(.table-calendar)
    tr:not(.table-collapse-title, .table-collapse-content),
  .table:not(.table-calendar) th {
    display: block;
  }

  .table:not(.table-calendar) td {
    border-bottom: none;
    border-top: none;
    display: flex;
    font-size: 15px;
  }

  .table-collapse-title,
  .table-collapse-content {
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(var(--black-rgb), 0.15);
    display: none;
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
    transition: border-radius 0.3s ease-in-out;
  }

  .table-collapse-title {
    display: block;
  }

  .table-collapse-head {
    align-items: center;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
  }

  .table-collapse-head::before {
    content: none;
  }

  .table-collapse-title .table-collapse-plus {
    background-image: var(--icon-collapse);
    background-repeat: no-repeat;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 10px;
    transition: transform 0.3s ease-in-out;
    width: 19px;
  }

  .table-collapse-title.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .table-collapse-title.open .table-collapse-plus {
    transform: rotate(180deg);
  }

  .table-collapse-title.open:not([class*="bg-"])::before,
  .table-collapse-title.open:not([class*="bg-"])::after {
    background-color: var(--white);
    content: "";
    height: 2rem;
    left: 0;
    position: absolute;
    top: 1rem;
    width: 1rem;
  }

  .table-collapse-title.open::after {
    left: auto;
    right: 0;
  }

  .table-collapse-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
    margin-top: -1rem;
  }

  .table-collapse-content.open {
    border-top: 1px solid var(--gray-800);
    box-shadow: 0px 10px 10px rgba(var(--black-rgb), 0.15);
  }

  .table-collapse-content td::before {
    content: attr(data-name);
    flex-shrink: 0;
    font-weight: 500;
    min-width: 180px;
  }

  .table-collapse-footer {
    align-items: center;
    border-top: 1px solid var(--lavender-100) !important;
    color: var(--primary);
    font-weight: 500;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8rem;
  }

  .table-collapse-footer svg {
    height: 38px;
    width: 38px;
  }
}

.table-calendar {
  border-spacing: 0;
  text-align: center;
}

.table-calendar th,
.table-calendar td {
  border-bottom: none;
  border-radius: 0;
  border-top: none;
  padding: 4px 2px;
  position: relative;
}

.table-calendar th {
  font-size: 14px;
  font-weight: 400;
}

.table-calendar td {
  min-width: 54px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.table-calendar th[class*="bg-"],
.table-calendar td[class*="bg-"] {
  border-left: 2px solid var(--white);
  border-right: 2px solid var(--white);
}

.table-calendar th[class^="bg-"] {
  border-bottom: transparent;
}

.table-calendar th:first-child,
.table-calendar td:first-child {
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
}

.table-dropdown.active {
  display: block;
}

.table-dropdown {
  display: none;
  left: 0;
  padding-top: 5px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
}

@media (min-width: 992px) {
  .table-dropdown {
    left: auto;
    right: 0;
    width: auto;
  }
}

.table-dropdown-wrap {
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid rgba(var(--gray-500-rgb), 0.6);
  box-shadow: 0px 4px 4px rgba(var(--black-rgb), 0.25);
}

.table-dropdown thead th {
  font-weight: 700;
}

.table-dropdown tbody td {
  color: var(--gray-600);
}

@media (max-width: 991px) {
  .table-dropdown tbody td {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.table-dropdown th,
.table-dropdown td {
  background-color: var(--white) !important;
  border: 0 !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.table-dropdown tr td {
  background-color: var(--white) !important;
}

.table-min .table-collapse-content td::before {
  min-width: 130px;
}

.table-min .table-dropdown td::before {
  font-weight: 500;
  min-width: 80px;
}

.table-collapse-toggle {
  display: none;
  padding-bottom: 5px;
}

.table-collapse-toggle td {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

@media (max-width: 991px) {
  .table-collapse-none {
    display: none;
  }
}

.table-collapse-plusminus {
  cursor: pointer;
  display: none;
  height: 8px;
  position: relative;
  width: 8px;
}

@media (min-width: 992px) {
  .table-collapse-plusminus {
    display: block;
  }
}

.table-collapse-plusminus.active:before {
  opacity: 0;
  transform: translatey(-50%) rotate(-90deg);
}

.table-collapse-plusminus.active:after {
  transform: translatey(-50%) rotate(0);
}

.table-collapse-plusminus:before,
.table-collapse-plusminus:after {
  background-color: var(--black);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transition: 0.35s;
  width: 100%;
}

.table-collapse-plusminus:before {
  transform: translatey(-50%);
}

.table-collapse-plusminus:after {
  transform: translatey(-50%) rotate(90deg);
}