/* Ensure html and body fill the entire viewport */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; /* Stack elements vertically */
}

body {
    font-family: "Lucida Grande", "bitstream vera sans", "trebuchet ms", sans-serif, verdana;
    background-image: none;
    overflow-x: hidden;
}

/* Header styles */
#header {
    background-color: #3a4d6a;
    background-image: none;
}

.navbar {
    display: block;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.navbar-mobile {
    display: none;
}

/* Main content area */
.content {
    flex: 1; /* Allow content to grow and fill remaining space */
    box-sizing: border-box; /* Include padding in height calculation */
}

/* Footer */
.footer {
    width: 100%;
    min-height: 140px;
    padding: 20px;    
    background-color: #dddddd;
    border-top: 2px solid #bbbbbb;
    box-sizing: border-box;
    margin-top: auto; /* Push footer down when content is short */
}

#footer-emblem {
    background-image: url(../img/footerowl.gif);
    background-repeat: no-repeat;
}

#footer-emblem p {
    margin-left: 35px;
    margin-top: 10px;
}

a {
  color: #9a1107;
  text-decoration:none;
  }
  
a:visited {
  color: #9a1107;
  text-decoration:none;
}

a:hover {
  color: #d61608;
  text-decoration:underline;  
}

h1, h2, h3 {
    padding: 0 0 15px 0;
    margin: 0;
}

h4 {
	padding-top: 20px;
	padding-bottom: 0px;
}

h4.first {
	padding-top: 0px;
}

.right {
    position: absolute;
    right: 20px;
}

.center {
    text-align: center;
}


.panel-center {
   max-width: 80%;
   margin-left: auto;
   margin-right: auto;
}

.panel-left {
   margin-left: 90px;
   max-width: 75%;
}

.table>tbody>tr>td {
  border-top: none;
}

.table td {
  padding: 20px 0 0 20px;
}

.table-medium {
   width: 90%;
}

.table-center {
   width: 90%;
   margin-left:auto; 
   margin-right:auto;
}

.table-pagination {
   width: 100%;
   margin: 20px 0px 20px 0px;
}

.table-title {
   width: 100%
}

.table-title-link {
   text-align: right;
}

.table-title-link a {
   color: #ffffff;
}

.table-title-link a:link {
   text-decoration: none;
}

.table-cell-center {
   text-align: center;
}

.table-cell-right {
   text-align: right;
}

table.list {
   margin-bottom: 30px;
}

.list td {
  padding: 15px 15px 0 0;
}

.list td ul {
  list-style-type: none;
  padding: 0 0 0 15px;
  margin: 0;
}

.return-right {
   text-align: right;
}

.search-content {
   width: 50%;
}

.white {
   color: #ffffff;
}

.black {
   color: #000000;
}
.input-50 {
  width: 50%;
}

.input-25 {
  width: 25%;
}

.table tbody>tr>td.help-button {
  display:table-cell;
  vertical-align:middle;
}

.table tbody>tr>td.vertical-middle {
  display:table-cell;
  vertical-align: middle;
}

.form-control {
  max-width: 450px;
}


.button {
  font-size: 13px;
}

div.output {
  padding: 20px 0 30px 0;
}

div.sourceextradetails {
  margin-left: 30px;
  margin-top: -10px;
}

.hangingindent li {
  text-indent: 0;
}

/* BBTI NavBar */

.navbar-inverse {
  	background-color: #3a4d6a;
    color: #ffffff;
    background-image: url(../img/ornament.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.navbar-inverse h2 { /* font-size/line-height */
  font: normal 150%/40% Georgia,"Times New Roman",Times,serif;
  padding: 0 0 0 25px;
  position: relative;
  margin: 0;
  color: #ffffff;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #ffffff;
}
.navbar-inverse .navbar-text {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #233043;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #233043;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #233043;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-link {
  color: #ffffff;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}


/* BBTI Advanced search */

input[type="checkbox"] {
  accent-color: #516b94;
}

input[type="radio"] {
  accent-color: #516b94;
}


/* pagination links */
.pagination {
    display: flex;
    gap: 5px;
    padding: 10px 0;
    list-style: none;
}

.pagination a, .pagination span {
    display: inline-block;
    text-decoration: none;    
    margin: 0 5px;
    cursor: pointer;
}

.pagination a:hover {
    text-decoration: underline;
}

.pagination .current {
    font-weight: bold;
    color: #333;
    margin: 0 5px;
}


/* Responsive styles for mobile view */
@media screen and (max-width: 768px) {

    html, body {
	    height: 100%;
	    margin: 0;
    	padding: 0;
	    display: flex;
	    flex-direction: column; /* Stack elements vertically */        
    }

    /* Mobile navbar container */
    .navbar-mobile {
    	top: -20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #3a4d6a; /* Blue background */
        color: white;
        position: relative;
	    background-image: url(../img/ornament.gif);
    	background-position: right;
	    background-repeat: no-repeat;
	    margin: 0;
        padding: 0;        
    }

    /* Hamburger menu icon */
    .menu-icon {
        font-size: 24px;
        cursor: pointer;
        margin-left: 10px; /* Align icon to the left */
        display: block; /* Only visible on mobile */
    }

    /* Navbar header */
    .navbar-header {
        flex-grow: 1;
        margin: 0;
    }

    .navbar-header .navbar-brand {
        color: white;
        text-decoration: none;
    } 
 
	.navbar-header h2 { /* font-size/line-height */
	  font: normal 150%/40% Georgia,"Times New Roman",Times,serif;
	  padding: 0 0 0 25px;
	  margin: 0;
	  color: #ffffff;
	  top: 3px;
	}
    
	.navbar-inverse {
	  	display: none;
	}    

    /* Dropdown menu for mobile */
    .menu-links {
        display: none; /* Hidden by default */
        flex-direction: column;
        background-color: #3a4d6a; /* Same as navbar background */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    .menu-links.active {
        display: flex; /* Show dropdown when active */
    }

    .menu-links a {
        color: white;
        text-decoration: none;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #bbbbbb;
    }

    .menu-links a:last-child {
        border-bottom: none;
    }

/* Main content area */
.content {
    flex: 1; /* Allow content to grow and push footer to the bottom */
    box-sizing: border-box;
    padding-bottom: 20px; /* Prevent content overlap with footer */
}

.panel-left {
	margin-left: 20px;
}

h2 {
    padding: 15px 0 15px 0;
    margin: 0;
}

.footer {
    min-height: 200px; /* Ensure sufficient height */
    font-size: 14px;
    padding: 30px;
}

.footer-emblem p {
    margin-left: 20;
    margin-top: 10px;
    }
}