.card-body {
  padding: 20px;
  text-align: center;
  flex: 1; /* Permita que o corpo do card ocupe o espaço disponível */
}

.card-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  color: #333;
}

.card-text {
  color: #777;
  font-size: 14px;
  margin-bottom: 10px;
  flex-grow: 1; /* Permita que o texto ocupe espaço verticalmente */
}

.modal-content {
  border-radius: 10px;
}

.modal-header {
  border-bottom: none;
  justify-content: center;
  text-align: center;
}

.modal-title {
  font-size: 20px;
  font-weight: bold;
}

.modal-body .card-body {
  text-align: justify;
  font-size: 14px;
  color: #555;
}

.modal-footer {
  border-top: none;
  justify-content: center;
}

.modal-footer p {
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.close {
  font-size: 1.2rem;
}

.btn {
  transition: all 0.3s;
  border-radius: 30px;
  font-weight: 500;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-success {
  background-color: #75c026;
  border-color: #75c026;
  color: #fff;
}

.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: black;
}

.btn:hover {
  transform: translateY(-3px);
}

.messages {
  /* position: fixed; */
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  padding: 0 100px 0 100px;
  /* margin-top: 120px; /* Altura da sua barra de navegação */
}

.messages .alert {
    margin-bottom: 0; /* Remover margem inferior padrão */
    border-radius: 0; /* Remover borda arredondada */
}

.btn {
  margin: 15px;
}

.btn-link {
  text-decoration: none !important;
  color: #a36105;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold;
  font-size: 25px;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active
  {
  color: #659531 !important; /* Substitua 'suacor' pela cor desejada */
}

.btn-primary {
  background-color: #a36105; /* Substitua 'novacor' pela cor desejada no hover */
  border-color: #a36105; /* Use a mesma cor para a borda no hover para consistência */
}

.btn:disabled {
  opacity: 0.5; /* Define a opacidade para 50% quando desabilitado */
  background-color: #777;
  cursor: not-allowed;
  border: #567126;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #c4a33f; /* Substitua 'suacor' pela cor desejada */
  border-color: rgba(86, 113, 38, 0.5); /* Use a mesma cor para a borda para consistência */
  box-shadow: 0 0 0 0.2rem rgba(86, 113, 38, 0.5); /* Cor da sombra ao focar */
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: #9c323d; /* Substitua 'suacor' pela cor desejada */
  border-color: rgba(113, 70, 38, 0.5); /* Use a mesma cor para a borda para consistência */
  box-shadow: 0 0 0 0.2rem rgba(86, 113, 38, 0.5); /* Cor da sombra ao focar */
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #7aba35; /* Substitua 'suacor' pela cor desejada */
  border-color: rgba(54, 113, 38, 0.5); /* Use a mesma cor para a borda para consistência */
  box-shadow: 0 0 0 0.2rem rgba(86, 113, 38, 0.5); /* Cor da sombra ao focar */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #659531; /* Substitua 'suacor' pela cor desejada */
  border-color: rgba(86, 113, 38, 0.5); /* Use a mesma cor para a borda para consistência */
  box-shadow: 0 0 0 0.2rem rgba(86, 113, 38, 0.5); /* Cor da sombra ao focar */
}

.form-control:focus {
  border-color: #567126; /* Cor do contorno ao focar (pode ajustar conforme necessário) */
  box-shadow: 0 0 0 0.2rem rgba(86, 113, 38, 0.5); /* Cor da sombra ao focar */
}

.font-primary {
  color: #a36105;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold;
}

a {
  text-decoration: none !important;
  color: #a36105;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold;
  cursor: pointer !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

a:hover {
  color: #659531; 
}

body {
  background-color: #f3f7f2
}

/* navbar */
.navbar {
    padding: 10px; /* Espaçamento interno */
    margin-bottom: 20px;
}

.navbar-brand img {
    height: 50px; /* Altura do logo */
}

.navbar-nav .nav-link {
    color: #a36105; /* Cor do texto do link */
    font-family: 'Nunito Sans', sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.navbar-nav .nav-link:hover {
  transform: translateY(-3px);
}

#navbar {
  transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-link:hover {
  color: #659531; 
}

.dropdown-item:hover {
  color: white;
  background-color: rgba(86, 113, 38, 0.5);
}

.page-title {
  color: #a36105; /* Cor do texto do link */
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold;
  font-size: 30px;
  text-align: center; 
  padding-bottom: 15px;
}

.conteudo-title {
  text-align: center; 
  padding-bottom: 15px;
  font-size: 25px;
}

#navbarSupportedContent {
  padding-left: 10px;
  max-width: 100%;
}

/* Tela de Esmaecimento */
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Cor de fundo com opacidade */
  z-index: 1000; /* Garante que a tela de esmaecimento esteja acima de outros elementos */
  display: none;
}

.progress-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001; /* Garante que a barra de progresso esteja acima da tela de esmaecimento */
  display: none;
}

#spinner-container {
  position: fixed;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001; /* Garante que a barra de progresso esteja acima da tela de esmaecimento */
  display: none;
}

.text-content {

  font-family: 'Nunito Sans', sans-serif;
  text-align: justify; 
  white-space: pre-line;

}

p {

  font-family: 'Nunito Sans', sans-serif;

}

.footer-container {
  margin: 0 100px 0 100px;
  
}

svg:hover {
  opacity: 0.6;
}

/* Adicione estilos CSS para a imagem do spinner */
.spinner-img {
  width: 50px; /* Largura da imagem */
  height: 50px; /* Altura da imagem */
  animation: spin 1s linear infinite; /* Animação contínua */
}

/* Adicione estilos CSS para a animação de rotação (opcional) */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.initial-hidden {
  opacity: 0;
  transform: translateY(-100%);
}

.fade-in {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Adaptação para a animação de entrada e saída do modal */
.modal {
  display: none;
}

.modal.fade {
  display: block;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.modal.show {
  opacity: 1;
  transform: translateY(0);
}

/* Adicione a animação de escala ao abrir o modal */
.modal.zoom {
  display: block;
  transform: scale(0.7);
  transition: transform 0.3s ease;
}

.modal.show .modal-dialog {
  transform: scale(1);
}

.unstyled-button {
  appearance: none;
  -webkit-appearance: none; /* Para navegadores WebKit como Chrome e Safari */
  -moz-appearance: none; /* Para navegadores Mozilla Firefox */
  border: none; /* Remover qualquer borda personalizada */
  background-color: transparent; /* Definir o fundo como transparente */
  padding: 0; /* Remover qualquer preenchimento */
  margin: 0; /* Remover qualquer margem */
}

.breadcrumb {
  /* padding: 8px 15px; */
  list-style: none;
  border-radius: 4px;
}

.breadcrumb li {
  display: inline;
  font-size: 14px;
}

.breadcrumb li+li:before {
  content: "›";
  margin: 0 5px;
  color: #777;
}

.breadcrumb li a {
  color: #a36105;
  text-decoration: none;
}

.breadcrumb li a:hover {
  color: #659531;
  text-decoration: underline;
}

/* Removendo a cor de fundo */
.breadcrumb {
  background-color: transparent; /* ou 'background-color: none;' */
}

#btnPesquisar {
  background-color: initial;
  color: initial;
  border: none;
  outline: none;
  box-shadow: none;
}

/* Botões de paginação com cores padrão do Bootstrap */
.pagination .page-link {
  color: #a36105; /* Cor padrão do texto */
  background-color: #ffffff; /* Cor padrão do fundo */
  border: 1px solid #dee2e6; /* Cor padrão da borda */
}

.pagination .page-link:hover {
  color: #659531; /* Cor do texto ao passar o mouse */
  background-color: #e9ecef; /* Cor do fundo ao passar o mouse */
  border-color: #dee2e6; /* Cor da borda ao passar o mouse */
}

.pagination .page-link:focus {
  background-color: #e9ecef !important; /* Substitua 'suacor' pela cor desejada */
  border-color: rgba(86, 113, 38, 0.5) !important; /* Use a mesma cor para a borda para consistência */
  box-shadow: 0 0 0 0.2rem rgba(86, 113, 38, 0.5) !important; /* Cor da sombra ao focar */
}

.pagination .page-item.active .page-link {
  color: #fff; /* Cor do texto do botão ativo */
  background-color: #659531; /* Cor do fundo do botão ativo */
  border-color: #659531; /* Cor da borda do botão ativo */
}

.pagination .page-item.disabled .page-link {
  color: #6c757d; /* Cor do texto do botão desativado */
  background-color: #ffffff; /* Cor do fundo do botão desativado */
  border-color: #dee2e6; /* Cor da borda do botão desativado */
}

/* Estilização do botão "Primeira" */
.pagination .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* Estilização do botão "Última" */
.pagination .page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.custom-modal-dialog {
  max-width: 90%; /* Defina a largura máxima conforme necessário */
}


/* MEDIA QUERYS */

@media (max-width: 999px) {
  .navbar-scroll-vertical {
      max-height: 400px; /* Ajuste essa altura conforme necessário */
      overflow-y: auto;
  }
}