/*Color variables*/
/*Font-family variables*/
/* Breakpoints */
:root {
  --ui-surface: #ffffff;
  --ui-surface-soft: #f7faf6;
  --ui-surface-soft-hover: #eff6ec;
  --ui-surface-muted: #f6f8f5;
  --ui-text-strong: #223323;
  --ui-text-primary: #2c3e2e;
  --ui-text-body: #2e3f31;
  --ui-text-muted: #607467;
  --ui-text-subtle: #748676;
  --ui-text-secondary: #4f6653;
  --ui-text-footer: #5f6f62;
  --ui-text-accent: #446d2a;
  --ui-text-accent-hover: #4a7a2c;
  --ui-border-soft: #d8e2d4;
  --ui-border-soft-hover: #c8d9c1;
  --ui-border-input: #d8e2d7;
  --ui-border-chip: #cfe0c7;
  --ui-border-filter: #dfe8dc;
  --ui-border-filter-top: #e3ece0;
  --ui-border-popover-divider: #e6ede4;
  --ui-border-pagination: #dce4d9;
  --ui-border-pagination-hover: #cddbc8;
  --ui-border-pagination-current: #d3e2cb;
  --ui-accent: #5f9838;
  --ui-accent-soft: #e6f2dd;
  --ui-accent-soft-2: #e9f4e2;
  --ui-accent-softer: #edf5e8;
  --ui-accent-focus: #98bb89;
  --ui-accent-focus-2: #9fc08b;
  --ui-checkbox-accent: #5f9838;
  --ui-icon-muted: #7e8f80;
  --ui-select-arrow: #6a7f70;
  --ui-shadow-focus: 0 0 0 2px rgba(95, 152, 56, 0.14);
  --ui-shadow-focus-strong: 0 0 0 2px rgba(95, 152, 56, 0.15);
  --ui-shadow-popover: 0 18px 34px rgba(36, 50, 39, 0.18);
  --ui-radius-sm: 8px;
  --ui-radius-md: 9px;
  --ui-radius-lg: 10px;
  --ui-radius-xl: 12px;
  --ui-radius-2xl: 14px;
  --ui-radius-pill: 999px;
  --ui-filter-bg-start: #fcfffc;
  --ui-filter-bg-end: #f8fcf7;
}

.badge-primary {
  background: #579237;
}

.font-success {
  color: #579237 !important;
}

.app-home .btn-primary {
  border: 2px solid #579237;
  color: #579237;
}
.app-home .btn-primary:hover {
  color: white;
  background-color: #579237;
  border-color: #579237;
}
.app-home .btn-primary-fill {
  border: 2px solid #579237;
  color: white;
  background-color: #579237;
  border-color: #579237;
}
.app-home .btn-primary-fill:hover {
  color: white;
  background-color: #579237;
  border-color: #579237;
}

.btn-primary {
  border: 2px solid #579237;
  color: #579237;
}
.btn-primary:hover {
  color: white;
  background-color: #579237;
  border-color: #579237;
}

.btn-primary-fill {
  border: 2px solid #579237;
  color: white;
  background-color: #579237;
  border-color: #579237;
}
.btn-primary-fill:hover {
  color: white;
  background-color: #579237;
  border-color: #579237;
}

.form .form-field-container .form-field input:focus, .form .form-field-container .form-field input:focus-visible, .form .form-field-container .form-field select:focus, .form .form-field-container .form-field select:focus-visible, .form .form-field-container .form-field textarea:focus, .form .form-field-container .form-field textarea:focus-visible {
  box-shadow: 0px 0px 0px 2px #579237;
}
.form .form-field-container .form-field input.radio-button::before, .form .form-field-container .form-field select.radio-button::before, .form .form-field-container .form-field textarea.radio-button::before {
  box-shadow: inset 1em 1em #579237;
}
.form .form-field-container .form-field input[type=radio] {
  border: 1px solid #579237;
  box-shadow: none;
}
.form .form-field-container .form-field .checkbox-label input:checked ~ i {
  color: #579237;
}
.form .form-field-container .form-field .checkbox-label input:disabled ~ i {
  color: #adadad;
}
.form .form-field-container .form-field .checkbox-label input:disabled ~ i::after, .form .form-field-container .form-field .checkbox-label input:disabled ~ i::before {
  background-color: #adadad;
}
.form .form-field-container .form-field .checkbox-label i::after, .form .form-field-container .form-field .checkbox-label i::before {
  background-color: #579237;
}

.confirm-container .icon-container {
  color: #579237;
}

.input-group input:focus {
  box-shadow: 0px 0px 0px 1px #579237;
}

a {
  color: #579237;
}
a:hover {
  color: #3e6828;
}

.theme-line {
  background: #579237;
}

.round-pill {
  background: #579237;
}

.dropdown-menu .confirm-delete-container .confirm-delete .confirm-delete-content a, .dropdown-menu .confirm-delete-container .confirm-delete .confirm-delete-content button {
  background: #579237;
}

.theme-under-line-container .theme-under-line {
  background: #579237;
}

.list-grid .list-pill {
  background: #579237;
}

.navbar .logo-text .title span {
  color: #579237;
}
.navbar .dropdown-menu {
  border-top: 2px solid #579237;
}

.nav-tabs-container .nav .nav-link.active {
  border-bottom: 2px solid #579237;
  color: #579237;
}
@media (min-width: 768px) {
  .nav-tabs-container .nav .nav-link.active {
    border-top: 2px solid #579237;
  }
}

.about .about-section-card.add-new {
  color: #579237;
}

.bulletin-board .like-button-container.liked i {
  color: #579237;
}

.error-report .information-section-card.add-new {
  color: #579237;
}

.calendar .date-container .date {
  color: #579237;
}
.calendar .calendar-event-card.add-new {
  color: #579237;
}

.setting .icon-selection-container input[type=radio]:checked ~ .icon-input-label .icon-card {
  border: 3px solid #579237;
}
.setting .item-selection-container input[type=radio]:checked ~ .item-input-label .item-card,
.setting .item-selection-container input[type=checkbox]:checked ~ .item-input-label .item-card {
  border: 3px solid #579237;
}
.setting .success-check-container {
  background: #579237;
}

.stepper-wrapper .stepper-item.active .step-counter {
  border-color: #579237;
}
.stepper-wrapper .stepper-item.completed .step-counter {
  border: 2px solid #579237;
  color: #579237;
}
.stepper-wrapper .stepper-item.completed:after {
  border-bottom: 2px solid #579237;
}
.stepper-wrapper .stepper-item.finished .step-counter {
  border: 2px solid #579237;
  color: #579237;
}/*# sourceMappingURL=colors.css.map */