/*
 * Os passos do formulário da seleção pública (componente vue-form-wizard, sem mexer no Vue): numa linha só, com rolagem
 * para o lado quando não cabem; bolinhas menores e mais juntas; o título só no passo atual. Com 15 passos, as bolinhas
 * desciam pela tela. Usado na página pública do formulário e na aba Formulário do módulo novo.
 */
.vue-form-wizard .wizard-navigation { overflow-x: auto; padding-bottom: 8px; }
/* A linha de progresso por trás das bolinhas não acompanha a rolagem: sai (as bolinhas já mostram o andamento) */
.vue-form-wizard .wizard-navigation .wizard-progress-with-circle { display: none; }
.vue-form-wizard .wizard-nav-pills { flex-wrap: nowrap; justify-content: center; gap: 6px; width: max-content; min-width: 100%; }
.vue-form-wizard .wizard-nav-pills > li, .vue-form-wizard .wizard-nav-pills > li > a { flex: 0 0 auto; }
.vue-form-wizard .wizard-nav-pills > li > a { padding: 0 4px; }
.vue-form-wizard .wizard-icon-circle, .vue-form-wizard.md .wizard-icon-circle { width: 40px; height: 40px; font-size: 15px; border-width: 2px; }
.vue-form-wizard.md .wizard-nav-pills > li.active > a .wizard-icon { font-size: 15px; }
.vue-form-wizard .stepTitle { white-space: nowrap; font-size: 13px; margin-top: 4px; }
.vue-form-wizard .wizard-nav-pills > li:not(.active) .stepTitle { display: none; }