.main-content {
  min-height: 100vh;
}

.table-container {
  border:4px solid black;
  border-radius: 18px;
  background-color: white;
}

.table {
  padding-top: 4px;
  padding-left: 4px;
}

.table tr {
  border-color: black;
}

.form-control, .form-select {
  border-width: 2px;
  }
  
  .form-control:focus{
    border-color: var(--bs-navbar-active-color);
    box-shadow: 0.5px 0.5px 2px var(--bs-navbar-active-color);
  }

  .form-select:focus, .form-select:focus-visible  {
    border-color: black;
    box-shadow: 0.5px 0.5px 2px black;
  }
  
  .btn-primary {
    background-color: var(--primary-text);
    border-color: var(--primary-text);
    color: var(--secondary-background);
    
  }
  
  .btn-primary:hover {
    background-color: black;
    border-color: black;
  }
  
  .btn-primary:active {
    background-color: rgba(0, 0, 0, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.9) !important;
    box-shadow: none;
  }
  
  .btn-primary:focus-visible {
    background-color: rgba(0, 0, 0, 0.9);
    border-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.349);
  
  }