/****************Cards ******************/
/* Efeito de zoom ao passar o mouse */
.hover\:scale-105:hover {
  transform: scale(1.05);
}

/* Estilo do dropdown */
.dropdown {
  display: none;
}

.show-dropdown .dropdown {
  display: block;
}



@media (min-width: 640px) {
  /* sm */
}

@media (min-width: 768px) {
  /* md */
}

@media (min-width: 1024px) {
  /* lg */
}

@media (min-width: 1280px) {
  /* xl */
}

@media (min-width: 1536px) {
  /* 2xl */
}




/****************Efeito das notificalções ******************/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animate-fade-in {
  animation: fadeIn 0.7s;
}

/**************** Fim dos Efeitos das notificações ******************/
@media (max-width: 900px) {
  .hr-custom {
    margin-left: 2rem;
    /* Ajuste conforme necessário */
  }
}


.linha-vertical {
  height: 500px;
  /*Altura da linha*/
  border-left: 2px solid;
  /* Adiciona borda esquerda na div como ser fosse uma linha.*/
  margin-left: 50px;
}

/* Animação inicial de descida dos Cards */
@keyframes slideDown {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Estilo para os cards e tabela */
@keyframes slideDown {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.card,
#table-view {
  animation: slideDown 0.5s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.5s ease-in-out;
}





select:focus {
  outline: none;
  /* Remove o contorno azul */
  border-color: gray;
  /* Define uma cor de borda personalizada */
  box-shadow: none;
  /* Remove o brilho ao redor */
}









/* Garante altura responsiva no iframe */
.pdf-container {
  height: 80vh;
  /* Padrão: 80% da altura da tela */
}

@media (max-width: 768px) {
  .pdf-container {
    height: 60vh;
    /* Em telas menores, reduz um pouco a altura */
  }
}





/* Container principal */
/* Container principal */
.container {
  display: flex;
  justify-content: flex-start;
  height: 100vh;
  position: relative;
  /* Importante para z-index */
}

/* Sidebar */
.sidebar {
  width: 250px;
  background-color: #f4f4f4;
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 9999;
  /* Garante que a sidebar fique acima de outros elementos */
}

/* Área de visualização do PDF */







/* Tooltip animation */
.tooltip-enter {
  opacity: 0;
  transform: translateY(0.25rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.group:hover .tooltip-enter {
  animation: tooltipFadeIn 0.2s ease forwards;
  animation-delay: 0.5s;
}

@keyframes tooltipFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Animações Modal de documentos e print */
@keyframes fade-in {
  0% { opacity: 0; transform: scale(0.96); }
  100% { opacity: 1; transform: scale(1); }
}
.animate-fade-in {
  animation: fade-in 0.3s ease-out;
}