body {
  margin: 0;
  padding: 0;
}
* {
  scrollbar-color: var(--color-secondary-dark) #fff !important;
}
main {
  height: 100%;
}
.btn-secondary {
  background: #74c7b8;
  width: fit-content;
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 50rem;
  color: #fff;
  transition: 0.4s;
  font-size: 18px;
  padding: 7px 20px;
  cursor: pointer;

  &:hover {
    background: var(--color-primary);
  }
}

.card {
  box-shadow: 3px 3px 19px 0px #00000040;
  border-radius: 24px;
  background: #fff;
  height: 100%;
  padding: 1.5rem;
  display: grid;
  .table-responsive {
    padding-right: 1rem !important;
  }
  .card-body table {
    thead tr th {
      color: #a9a9a9 !important;
      font-weight: 400 !important;
      font-size: 14px !important;
      white-space: nowrap;
      min-width: 150px;
    }
    tbody tr td {
      color: #676767;
      font-size: 14px;
      font-weight: 500;
      border: none;
    }
    thead tr th:nth-last-child(1) {
      text-align: end;
    }
    tbody tr:nth-child(1) td {
      padding-top: 1.5rem;
    }
    tbody tr td:nth-child(1) {
      color: #1c1c1c !important;
      * {
        color: #1c1c1c !important;
      }
    }
    tbody tr td:nth-last-child(1) div {
      justify-content: end;
    }
    th {
      padding-left: 0;
      padding-right: 60px;
    }
    td {
      padding-left: 0;
    }
    tr th:nth-last-child(1) {
      padding-right: initial;
    }
    * {
      font-family: var(--font-family-poppins);
    }
  }
}

.container-dashboard {
  padding: 1.5rem;
  min-height: 100vh;
  background: #eaeaea;
  display: flex;
  gap: 1.5rem;
  transition: 0.4s;
  @media (width<768px) {
    padding-inline: 1rem;
  }
}
.container-body {
  transition: 0.4s;
  width: calc(100% - 260px - 1.5rem);
  margin-left: auto;
  @media (width<768px) {
    margin-top: calc(59px + 2rem);
  }
}
.container-title {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10%;
  align-items: center;
  margin-bottom: 3rem !important;
  h2 {
    width: fit-content;
  }
  .divider {
    height: 3px;
    background: var(--color-secondary-dark);
    width: 100%;
  }
}