:root {
  --corporate-color: #e96244;
  --corporate-hover-color: #c75c44;
  --corporate-color-light: #ffdfd7;
  --corporate-color-extra-light: #fcf2f0;
  --bg-color: #f7f7f7;
}

/* Override bootstrap */
html, body {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* background-color: var(--bg-color); */
  background-color: white;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}

.navbar-brand img {
    height: auto;
    max-height: 40px;
    width: auto;
}

/* *:not(.fas):not(.fa):not(.far):not(.fab):not(.bi):not([class^="bi-"]),
*:not(.fas):not(.fa):not(.far):not(.fab):not(.bi):not([class^="bi-"])::before,
*:not(.fas):not(.fa):not(.far):not(.fab):not(.bi):not([class^="bi-"])::after {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
} */
 /* custom-bootstrap-font.css */
/* :root {
  --bs-body-font-family: Helvetica, Arial, sans-serif;
  --bs-heading-font-family: Helvetica, Arial, sans-serif;
} */


.bg-success {
  background-color: #4cb04d !important;
}

.main-container {
  /* Override default's container margins */
  max-width: calc(100% - 6rem);  /* Reduce overall width by 6rem (3rem left + 3rem right) */
  width: 100%;
}

/* Corporate classes */
.corp {
  background-color: var(--corporate-color);
}

.corp-light {
  background-color: var(--corporate-color-light);
}

.corp-extra-light {
  background-color: var(--corporate-color-extra-light);
}

.btn-corp {
  background-color: var(--corporate-color);
  border-color: var(--corporate-color);
  color: rgb(255, 255, 255);
}

.btn-corp:hover {
  background-color: var(--corporate-hover-color);
  border-color: var(--corporate-hover-color);
}

.btn-hover-corp:hover {
  background-color: var(--corporate-color);
  border-color: var(--corporate-color);
}

.btn-hover-corp-light:hover {
  background-color: var(--corporate-color-light);
  border-color: var(--corporate-color-light);
}

.clickable-corp.clickable-corp-light {
  cursor: pointer;
}

.clickable-corp:hover {
  background-color: var(--corporate-color);
}

.clickable-corp-light:hover {
  background-color: var(--corporate-color-light);
}

.clickable-tr-corp.clickable-tr-corp-light {
  cursor: pointer;
}

tr.clickable-tr-corp:hover td {
  background-color: var(--corporate-color);
}

tr.clickable-tr-corp-light:hover td {
  background-color: var(--corporate-color-light);
}

.text-corp {
  color: var(--corporate-color);
}

.text-corp:hover {
  color: var(--corporate-hover-color);
}

.bg-corp {
  background-color: var(--corporate-color);
  color: rgb(255, 255, 255);
}

/* Active (checked) state */
.check-corp:checked {
  background-color: var(--corporate-color) !important;
  border-color: var(--corporate-color) !important;
}

.pills-corp .nav-link.active {
  background-color: var(--corporate-color) !important;
  /* color: #ffffff; */
}

.pills-corp .nav-link.active:hover {
  background-color: var(--corporate-hover-color) !important;
}

/* make sure inactive tabs look right */
.pills-corp .nav-link {
  color: #2c3e50;
}

.pills-corp .nav-link:not(.active):hover {
  background-color: var(--corporate-color-light);
}

.alert-corp {
  background-color: var(--corporate-color-light);
  /* border-color: var(--corporate-hover-color); */
  border-color: #acacacff;
  color: rgb(29, 29, 29);
}




/* Ensure the footer stays at the bottom */
html, body {
  height: 100%; /* Full height for the page */
  margin: 0;
}

body {
  display: flex;
  flex-direction: column; /* Stack items vertically */
}

.content {
  flex: 1; /* Take up remaining space */
}

footer {
  background-color: #343a40; /* Same as bg-dark */
  text-align: center;
  padding: 10px;
  width: 100%;
  position: relative;
  bottom: 0;
}


/* Override default breadcrumb to remove underline */
.breadcrumb-item a {
  text-decoration: none;  /* Remove the underline */
}

.breadcrumb-item a:hover {
  text-decoration: none;  /* Make sure no underline appears on hover */
}


/* Row for summary separation in tables */
.summary-row td {
  /* font-weight: bold; */
  border-top: 1px solid black !important;
  background-color: #faf8ff !important; /* Optional: Light gray for more emphasis */
}
/* Column for summary separation in tables */
.summary-col {
  /* font-weight: bold; */
  /* border-left: 1px solid black !important; */
  background-color: #faf8ff !important; /* Optional: Light gray for more emphasis */
}


/* Leaderboard style */
.leader-row {
  background-color: #fdfae1;
}