body {
    font-family: sans-serif;                                    /* A basic default font */
    padding-top: 60px;                                          /* Initial padding for the sticky header */
    margin-bottom: 60px;                                        /* Margin bottom by footer height */
}
h1, h2, h3, h4, h5, h6 {
    color: #333;                                                /* A dark gray for headings */
}

.container {
    margin-top: 20px;                                           /* Some top margin for the main content */
}

.alert {
    margin-bottom: 15px;                                        /* Spacing below alert messages */
}

.btn {
    margin-right: 5px;                                          /* Spacing between buttons */
}

.expired-qual {
    background-color: #ffe0e0;                                  /* Light red for expired qualifications */
}

.expiring-soon-qual {
    background-color: #fffacd;                                  /* Light yellow for expiring soon */
}

.navbar {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
        }
        .navbar-brand {
            margin-right: 20px;
        }
        .navbar-nav .nav-link {
            margin-right: 10px;
        }
        .search-form {
            margin-left: auto;                                  /* Push search form to the right */
        }
        .navbar-text {
            margin-left: 20px;
        }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;                                                 /* Set the fixed height of the footer here */
//  height: 30px;                                                 /* Set the fixed height of the footer here */
//  line-height: 60px;                                            /* Vertically center the text there */
  background-color: #DDDDDD;
  font-size: 10pt;
}