/* Fonte e cores gerais */
:root {
  --font-primary: Montserrat;
  --font-emphasis: "Abril Fatfface", "Bison", "Bebas Neue Cyrillic";
  --font-clean: "CMU Serif", "AILERON THIN";
  --font-art: "Aston";
  --font-social-media: "Oswald";
  --font-color: #000000;
  --link-color: #00501E;
  --link-hover-color: #B98111;
  --border-width: 1px;
  --border-style: solid;
  --btn-active-color: #FFFFFF;
  --btn-active-color-houver: #ebcb8b;
  --btn-active-bg: #00501e;
  --btn-active-border-color: #00501e;
  --text-primary: #00501e;

}

body {
  font-size: 14px;
  font-family: ui-sans-serif, -apple-system, system-ui, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
  background-color: #f8f9fa;
  color: #212529;
}

.form-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
}

.table-container {
  margin-top: 20px;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

.table th,
.table td {
  vertical-align: middle;
}




.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}



/* ---------- ALTERANDO ESTRUTURA DO BOOTSTRAP ---------- 

.nav-link {
  display: block;
  color: var(--link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:hover,
.nav-link:focus,
.btn, .btn-primary {
  color: var(--link-hover-color);
}

.active,
.nav-link.active,
.nav-link .active {
  color: var(--btn-active-color) !important;
  /* Sobrescreve qualquer estilo anterior 
  background-color: var(--btn-active-bg) !important;
  border-color: var(--btn-active-border-color) !important;
}

.active:hover,
.nav-link.active:hover,
.nav-link .active:hover {
  color: var(--btn-active-color-houver) !important;
  /* Sobrescreve qualquer estilo anterior 
}


/* ---------- FINALIZANDO ALTERAÇÃO DA ESTRUTURA DO BOOTSTRAP ---------- */