.home_documents__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home_documents__header h3 {
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--gray-900);
}

.home_documents__body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin: var(--spacing-6) 0;
  gap: var(--spacing-6);
}

.home_documents__body_table {
  width: 100%;
}


@media (max-width: 767px){

  #home_documents, #home_documents .widget{
    border: none;
  }

  #home_documents .widget{
    display: flex;
    flex-direction: var(--flex-direction-col);
    border-radius: 0;
    border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-300);
    padding: 0;
  }

  .home_documents__body{
    margin: 0;
  }

  .home_documents__body_status_cards {
    display: flex;
    flex-direction: var(--flex-direction-row);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: var(--spacing-lg);
    width: 100%;
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .home_documents__body_status_cards::-webkit-scrollbar {
    display: none;
  }

  .home_documents__body_status_cards .card {
    flex: 0 0 100%;
    scroll-snap-align: var(--center);
    height: 78px;
  }

  .home_documents__body_status_cards form{
    display: flex;
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  .home_documents__body_table {
    padding: 0 var(--spacing-6) var(--spacing-8) var(--spacing-6);
    overflow-x: auto;
    width: 100%;
  }

  .home_documents__body_table table {
    width: max-content;
  }

  .home_documents__body_table th,
  .home_documents__body_table td {
    white-space: nowrap;
  }

  .home_documents__footer{
    display: flex;
    justify-content: var(--justify-center);
    padding: 0 var(--spacing-6) var(--spacing-20) var(--spacing-6);
  }

  .home_documents__footer .btn{
    width: 100%;
  }
}