.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.form-group {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
}
.form-group label {
  font-weight: bold;
  margin-bottom: 5px;
}

.trilha-nivel {
  margin-bottom: 5px;
}
.trilha-nivel button {
  margin-right: 5px;
  margin-bottom: 5px;
}
.trilha-nivel button.active {
  background-color: #007bff;
  color: white;
}
.loading {
  display: inline-block;
  margin: 5px;
}


:root {
    --sw-border-color: #eeeeee;
    --sw-toolbar-btn-color: #ffffff;
    --sw-toolbar-btn-background-color: #5E4938;
    --sw-anchor-default-primary-color: #f8f9fa;
    --sw-anchor-default-secondary-color: #b0b0b1;
    --sw-anchor-active-primary-color: #5E4938;
    --sw-anchor-active-secondary-color: #ffffff;
    --sw-anchor-done-primary-color: #D2AE6D;
    --sw-anchor-done-secondary-color: #fefefe;
    --sw-anchor-disabled-primary-color: #f8f9fa;
    --sw-anchor-disabled-secondary-color: #dbe0e5;
    --sw-anchor-error-primary-color: #dc3545;
    --sw-anchor-error-secondary-color: #ffffff;
    --sw-anchor-warning-primary-color: #ffc107;
    --sw-anchor-warning-secondary-color: #ffffff;
    --sw-progress-color: #5E4938;
    --sw-progress-background-color: #f8f9fa;
    --sw-loader-color: #5E4938;
    --sw-loader-background-color: #f8f9fa;
    --sw-loader-background-wrapper-color: rgba(255, 255, 255, 0.7);
}