@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none; /* Certifique-se de ocultar o elemento quando a animação estiver completa */
  }
}


.error {
  background-color: red;
  display: none;
  animation: fadeOut 5s forwards;
}

.error-list{
  width: 60%;
  position: absolute;
  top: 30%;
  left: 20%;
  background-color: red;
  opacity: 1;
  animation: fadeOut 5s forwards;
   
}


.status-bar{
  width: 20%;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

#menu{
  background-color: #00A859;
}

/* #insert-sucess{
  display: none;
}

#edited-sucess{
  display: none;
} */

/* .alert-edited {
  background-color: #FFD700; 
  color: #000000; 
  width: 100%;
   display: flex;
  justify-content: center;
  align-items: center;
}
.alert-insert {
  background-color: #20B2AA; 
  color: #000000; 
   width: 100%;
   display: flex;
  justify-content: center;
  align-items: center;
}
.alert-delete {
  background-color: #FF6347;
  color: #000000; 
  width: 100%;
   display: flex;
  justify-content: center;
  align-items: center;
} */

#compLancFat{
  position:absolute;
  display: flex;
  justify-content: right;
  align-items: right;
  top: 55%;
  left: 78%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.alerta {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #f44336;
color: white;
padding: 10px;
text-align: center;
font-size: 18px;
z-index: 9999;
transition: opacity 0.4s;
}

.alerta-show {
opacity: 1;
}

.alerta-hide {
opacity: 0;
pointer-events: none;
}

#logo-pmpe{
  width: 300px;
  }
  #logo-dtec{
  width: 120px;
  }
  
  #login-label, #password-label {
  float: left;
  margin-right: 10px;
  }
  footer {
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #e2dddd;
  }
  
  footer:before {
  content: "\00A9";
  font-weight: bold;
  margin-right: 5px;
  }
  
  footer span {
  font-style: italic;
  font-weight: bold;
  color: #555;
  }