.login-button {
  background-color: rgba(46, 48, 146, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  width: 100%;
  color: white;
}

.login-button:hover {
  background-color: rgba(46, 48, 146, 1.0);
  color: white;
}

.btn-outline-cancel {
  border-color: rgba(46, 48, 146, 1.0);
  background-color: white;
  color: rgba(46, 48, 146, 1.0);
  display: flex;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.btn-outline-cancel:hover {
  background-color: rgba(46, 48, 146, 1.0);
  color: white;
}

.input-rounded {
  border-radius: 50px;
}

.register-buttons {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.card-index-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  background: #2e3092;
  border-radius: 4px;
  padding: 50px 20px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 15%);
  position: relative;
  overflow: hidden;
}

.card-index-content:before {
  content: "";
  width: 100%;
  height: 100%;
  max-width: 270px;
  height: 362px;
  position: absolute;
  top: 24%;
  right: 0%;
  z-index: 0;
  opacity: .1;
  background-image: url(../svg/brasao_pb.svg);
}

.card-index-title {
  font-weight: 500;
  font-size: 1.5rem;
  color: #fff;
}

.btn-card {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  width: 100%;
  z-index: 10;
}

.senha-valida{
  color: #198754
}

.senha-invalida{
  color: #dc3545
}

.input-container {
  position: relative;
}

.input-container input {
  padding-right: 30px;
  background-image: none!important;
}

.input-container i {
  position: absolute;
  top: 50%;
  right: 10px; /* Ajuste a posição do ícone conforme necessário */
  transform: translateY(-50%);
  cursor: pointer;
  color: #999; /* Cor do ícone */
}

.input-container i:hover {
  color: #000; /* Cor do ícone quando passar o mouse por cima */
}