:root {
  --az-navy: #071f73;
  --az-blue: #1438d0;
  --az-green: #12b76a;
  --az-green-dark: #079455;
  --az-soft: #f2f7ff;
  --az-ink: #10205a;
  --az-line: #dfe8f8;
}

body { color: var(--az-ink); }
a { transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; }
.top, .top-painel { background: linear-gradient(120deg, var(--az-navy), var(--az-blue)) !important; }
.navigator, .naver { background: #061a58 !important; border-color: #17398f !important; }
.navigator a:hover, .navigator .active a, .navigator li.active a { color: #fff !important; background: var(--az-green) !important; }
.colored, .text-colored, .title-icon i, .title-icon .icon-white { color: var(--az-green) !important; }
.btn-primary, .botao-acao, button[type="submit"], input[type="submit"], .button-primary {
  background: var(--az-green) !important;
  border-color: var(--az-green) !important;
  color: #fff !important;
  border-radius: 9px !important;
}
.btn-primary:hover, .botao-acao:hover, button[type="submit"]:hover, input[type="submit"]:hover {
  background: var(--az-green-dark) !important;
  border-color: var(--az-green-dark) !important;
}
.box-white, .fake-table, .form-field input, .form-field select, .form-field textarea {
  border-color: var(--az-line) !important;
}
.login-box { border-radius: 18px !important; box-shadow: 0 28px 70px rgba(4, 22, 76, .18) !important; }
.brand-login img { width: 210px !important; max-height: 72px !important; object-fit: contain; }
.bg-gray.fullfit { background: radial-gradient(circle at 80% 10%, #1a51dd 0, transparent 32%), linear-gradient(135deg, #eef5ff, #f8fbff) !important; }
.processing { background: rgba(7, 31, 115, .92) !important; }
.msg-done { border-left-color: var(--az-green) !important; }
.pagination .active a, .pagination .active span { background: var(--az-green) !important; border-color: var(--az-green) !important; }
.brand > a > img[src*="atendai-logo"] { width: 178px !important; max-height: 54px !important; object-fit: contain; }
.header .user-info-login a,
.header .user-info-login a i,
.header .user-info-login a span {
  color: #fff !important;
  opacity: 1 !important;
}
.header .user-info-login a:hover,
.header .user-info-login a:focus,
.header .user-info-login a:hover i,
.header .user-info-login a:focus i,
.header .user-info-login a:hover span,
.header .user-info-login a:focus span {
  color: #c9f36b !important;
}
@media (max-width: 767px) {
  .brand > a > img[src*="atendai-logo"] { width: 145px !important; max-height: 44px !important; }
}