﻿/* Shared Facuenta palette. Loaded after legacy styles and vendor themes. */
:root {
  --fc-dark: #00594f;
  --fc-primary: #008568;
  --fc-accent: #00b887;
  --fc-mint: #e8f8f2;
  --primary: var(--fc-primary);
  --info: var(--fc-primary);
}
a { color: var(--fc-primary); }
a:hover { color: var(--fc-dark); }
.btn-primary, .btn-info, .bg-primary, .bg-info, .badge-primary, .badge-info,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.list-group-item.active, .dropdown-item.active, .dropdown-item:active,
.progress-bar { background-color: var(--fc-primary) !important; border-color: var(--fc-primary) !important; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-info:hover, .btn-info:focus, .btn-info:active,
.btn-outline-primary:hover, .btn-outline-primary:active,
.btn-outline-info:hover, .btn-outline-info:active {
  background-color: var(--fc-dark) !important; border-color: var(--fc-dark) !important; color: #fff !important;
}
.btn-primary:focus, .btn-info:focus, .btn-outline-primary:focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem #00856840 !important; }
.btn-outline-primary, .btn-outline-info { color: var(--fc-primary); border-color: var(--fc-primary); }
.text-primary, .text-info, .btn-link { color: var(--fc-primary) !important; }
.border-primary, .border-info { border-color: var(--fc-primary) !important; }
.alert-primary, .alert-info, .list-group-item-primary, .list-group-item-info,
.table-primary, .table-info { color: var(--fc-dark); background-color: var(--fc-mint); border-color: #ccebdd; }
.page-item.active .page-link, .active > .page-link, .ngx-pagination .current { background: var(--fc-primary) !important; border-color: var(--fc-primary) !important; color: #fff !important; }
.form-control:focus, .custom-select:focus { border-color: var(--fc-primary); box-shadow: 0 0 0 .2rem #00856826; }
input[type='checkbox'], input[type='radio'], input[type='range'] { accent-color: var(--fc-primary); }
.form-check-input:checked, .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--fc-primary) !important; border-color: var(--fc-primary) !important; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem #00856826; }
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container { border-color: var(--fc-primary); box-shadow: 0 0 0 3px #00856820; }
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected { background-color: var(--fc-mint); color: var(--fc-dark); }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked { background-color: #f0faf5; }
.swal2-styled.swal2-confirm { background-color: var(--fc-primary) !important; }
.swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 3px #00856840 !important; }
.bs-datepicker-head, .bs-datepicker-body table td.week span,
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span { background-color: var(--fc-primary) !important; }
