.modal-finaly {
  color: #636363;
}

.modal-finaly .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-size: 14px;
}

.modal-finaly .modal-header {
  border-bottom: none;
  position: relative;
}

.modal-finaly h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -10px;
}

.modal-finaly .close {
  position: absolute;
  top: -5px;
  right: -2px;
}

.modal-finaly .modal-body {
  color: #999;
}

.modal-finaly .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px 15px 25px;
}

.modal-finaly .modal-footer a {
  color: #999;
}

.modal-finaly .icon-box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 9;
  text-align: center;
  border: 3px solid rgb(25, 144, 241);
}

.modal-finaly .icon-box i {
  color: rgb(25, 144, 241);
  font-size: 46px;
  display: inline-block;
  margin-top: 13px;
}

.modal-finaly .btn,
.modal-finaly .btn:active {
  color: #fff;
  border-radius: 4px;
  background: #60c7c1;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  min-width: 120px;
  border: none;
  min-height: 40px;
  border-radius: 3px;
  margin: 0 5px;
}

.modal-finaly .btn-secondary {
  background: #c1c1c1;
}

.modal-finaly .btn-secondary:hover,
.modal-finaly .btn-secondary:focus {
  background: #a8a8a8;
}

.modal-finaly .btn-danger {
  background: #f15e5e;
}

.modal-finaly .btn-danger:hover,
.modal-finaly .btn-danger:focus {
  background: #ee3535;
}

.modal-delconf .btn,
.modal-delconf .btn:active {
  color: #fff;
  border-radius: 4px;
  background: #60c7c1;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  min-width: 120px;
  border: none;
  min-height: 40px;
  border-radius: 3px;
  margin: 0 5px;
}
.modal-delconf .btn-secondary {
  background: #c1c1c1;
}

.modal-delconf .btn-secondary:hover,
.modal-delconf .btn-secondary:focus {
  background: #a8a8a8;
}

.modal-delconf .btn-danger {
  background: #f15e5e;
}

.modal-delconf .btn-danger:hover,
.modal-delconf .btn-danger:focus {
  background: #ee3535;
}

/* ESTILOS DO POP UP DE ALERTA */
#mensagemSucessoExcluir {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  padding: 20px;
  margin-top: 20px;
  z-index: 9999;
  border-radius: 5px;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  /* Para esconder a linha e o ícone que estão fora da área do bloco */
}

#mensagemSucessoExcluir::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  /* Largura da linha à esquerda */
  height: 100%;
  background-color: #387c6d;
  /* Cor mais escura para a linha */
}

#mensagemSucessoExcluir.show {
  display: block;
  animation: fadeInUp 0.5s ease-in-out;
}

#mensagemErroExcluir {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  padding: 20px;
  margin-top: 20px;
  z-index: 9999;
  border-radius: 5px;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#mensagemErroExcluir::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  /* Largura da linha à esquerda */
  height: 100%;
  background-color: #f3abb1;
  /* Cor mais escura para a linha */
}

#mensagemErroExcluir.show {
  display: block;
  animation: fadeInUp 0.5s ease-in-out;
}

/* Adicionando um tom mais escuro às bordas da tabela */
.table-dark-bordered,
.table-dark-bordered th,
.table-dark-bordered td {
  border-color: #555 !important; /* Troque pela cor desejada */
}

.filter-custom {
  width: 200px !important;
}