/* base.css - Contains fundamental styles for html, body, and general typography. */

html {
  overflow-x: hidden; /* ADDED: Hide horizontal scrollbar globally */
}

html, body {
  height: 100%;
}

body {
  background-color: #003133; /* bg-gray-100 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #374151; /* gray-800 */
  min-height: 100vh; /* Changed to 100vh to ensure full height */
  box-sizing: border-box;
  display: flex; /* Added flexbox to body */
  flex-direction: column; /* Stack content vertically */
  align-items: center; /* Center content horizontally */
  padding: 12px 0px 32px 0px; /* MODIFIED: Removed horizontal padding (was 32px on sides) */
}
/* Add this rule to your CSS file */
.border-bottom.border-danger {
    border-color: #7ccf17 !important; /* Override Bootstrap's danger color */
}

/* Styles for the active list item */
.header_list li.active {
    background: #067a3a;
    color: #fff;
}

/* Original hover style for other list items */
.header_list li:hover {
    background: #067a3a;
    color: #fff;
}