.fl-display {
    display: flex;
    justify-content: center;
    flex-direction : row
}

#filter {
    visibility: hidden;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.fl-display {
    display: flex;
    justify-content: center;
    flex-direction : row;
    gap: 10px
}

/* Form and Table results */


form {
     border: 1px solid black; /* Creates a black border */
     padding: 20px; /* Adds space inside the form */
     width: 300px; /* Sets a fixed width */
     border-radius: 10px; /* Optional: Rounds the corners */
     margin-left: auto;
     margin-right: auto;
 }


.bb {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

td,th {
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid black;
}

.record {
    text-align: right;
}




/* Menu items and Navigation */

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
}

.navbar-nav .nav-link {
  color: #fff;
}
.dropend .dropdown-toggle {
  color: black;
  margin-left: 1em;
}
.dropdown-item:hover {
  background-color: black;
  color: white;
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
  background-color: black;
}
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}