/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.container-fluid {
  max-width: 90%;
}

input[type="checkbox"].checkbox-big {
  transform: scale(2);
}

.navbar-brand {
  font-size: 2rem;
  /* Adjust size as needed */
  font-weight: bold;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.status-ok {
  display: inline-block;
  padding: 0.25em 0.75em;
  border-radius: 1em;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
  color: #28a745;
  background-color: #d4edda;
}

.status-error {
  display: inline-block;
  padding: 0.25em 0.75em;
  border-radius: 1em;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
  color: #e32d40;
  background-color: #f8d7da;
}

.status-warning {
  display: inline-block;
  padding: 0.25em 0.75em;
  border-radius: 1em;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
  background-color: #f8e8d7;
  color: #ffc107;
}

.status-info {
  display: inline-block;
  padding: 0.25em 0.75em;
  border-radius: 1em;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
  background-color: #d1ecf1;
  color: #17a2b8;
}


.nav-link.active {
  font-weight: bold;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.footer {
  margin-top: auto;
}

.wrapper {
  width: 100%;
  max-width: 1200px;
  /* set your `max-width` here */
  max-height: auto;
  /* necessary to keep proportion */
  margin: 0 auto;
  /* centering  */

}

.videoWrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  /* Center the wrapper */
  padding: 0 15px;
  /* Optional: Add some padding for better spacing */
}

.hover-underline:hover {
  text-decoration: underline !important;
}

.logo-header svg {
  height: 40px !important;
  margin: 8px;
  width: auto !important;
  max-width: none !important;
}

.logo-hero svg {
  height: 70px !important;
  margin-bottom: 30px;
  width: auto !important;
  max-width: none !important;
}

.table {
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #e9ecef;
  border-radius: 0.75rem;
  overflow: hidden;
}