.page .top {
  background-color: var(--primary-color);
  border-bottom-color: var(--secondary-color);
}

.page .footer {
  background-color: var(--primary-color);
  border-top-color: var(--secondary-color);
}

.menu .btn-secondary {
  background: var(--secondary-color);
}
.menu .btn-secondary:hover {
  background: var(--secondary-color);
}

.page .main {
  background: var(--highlight-hover);
}

.page .main .container .box {
  background: var(--highlight-color);
}

#Login .page-header h2,
#Senha .page-header h2 {
  color: var(--highlight-hover);
}

#Login .form-label,
#Senha .form-label {
  color: var(--highlight-color);
}

#Login input,
#Senha input {
  color: var(--highlight-color);
}

#Login .col-12 .btn.btn-primary,
#Senha .col-12 .btn.btn-primary {
  background-color: var(--highlight-color);
  border-color: var(--highlight-color);
}

#Login .col-12 .btn.btn-primary:hover,
#Senha .col-12 .btn.btn-primary:hover {
  background-color: var(--highlight-hover);
  border-color: var(--highlight-hover);
}

#Login .col-12 a,
#Senha .col-12 a {
  color: var(--highlight-color);
}
#Login .col-12 a:hover,
#Senha .col-12 a:hover {
  color: var(--highlight-hover);
}

#Login .alert.alert-info {
  color: var(--highlight-color);
}