.panel-purple {
  border-color: #605ca8;
}
.panel-purple > .panel-heading, alert.alert-success {
  border-color: #605ca8;
  color: white;
  background-color: #605ca8!important;
}
.panel-purple > a {
  color: #605ca8;
}
.panel-purple > a:hover {
    color: #ccccff;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading, alert.alert-success {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c!important;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading, alert.alert-error, alert.alert-danger {
  border-color: #d9534f;
  color: white;
  background-color: #DD4B39!important;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading, alert.alert-warning {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e!important;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}
.timeline {
  position: relative;
  padding: 20px 0 20px;
  list-style: none;
}
.alert{
	font-weight: bolder;
}
.alert-info{
	color: #003399!important;
}
.alert-success{
	color: #003333!important;
}
.alert-warning{
    color: #ffcc99!important;
}
.alert-error, .alert-danger{
	color: #b52b27!important;
}

/* estilo.css */
/* Defina a cor roxa que você deseja para o botão */
:root {
  --cor-roxa: #8a2be2;
}

/* Estilo padrão para o botão */
.btn-purple {
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  color: #fff;
  background-color: var(--cor-roxa);
  border: 1px solid var(--cor-roxa);
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

/* Estilize o botão quando o cursor estiver sobre ele */
.btn-purple:hover {
  background-color: #7a26c9; /* Tonalidade de roxo um pouco mais escura para efeito de destaque */
}

/* Estilize o botão quando ele estiver ativo (pressionado) */
.btn-purple:active {
  background-color: #671fb5; /* Tonalidade de roxo ainda mais escura para simular o efeito de botão pressionado */
}

/* Se quiser estilizar o botão quando ele estiver desabilitado (disabled), adicione o seguinte bloco de código */
.btn-purple[disabled] {
  opacity: 0.6; /* Reduza a opacidade para dar uma aparência desativada */
  cursor: not-allowed; /* Altere o cursor para indicar que o botão está desabilitado */
}