body {
    background-color: #f5f5f5;
    font-family: Helvetica;
}
.navbar {
    background-color: #002147; /* Navy color */
}
.navbar-brand, .nav-link {
    color: #ffffff !important;
}
.btn-primary {
    background-color: #003366; /* Dark navy */
    border-color: #003366;
}
.btn-primary:hover {
    background-color: #004080; /* Slightly lighter navy */
    border-color: #004080;
}
.table-dark {
    background-color: #002147; /* Navy color */
    color: #ffffff;
}
h1, h2 {
    color: #002147; /* Navy color */
}
footer {
    background-color: #002147; /* Navy color */
}

.nav-link.active  {
    text-decoration: underline white 2px;
    text-underline-offset: 8px;
}

.messages {
    color: #ED4337;
    padding-bottom: auto;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }

.custom-width-container {
    max-width: 1000px;
}