:root {
  --customer-card-modal-primary: #0369a1;
  --customer-card-modal-contrast: white;
  --manage-animal-modal-primary: #0369a1;
  --customer-card-operation-modal-contrast: white;
}

/* da applicare sui modali senza style */

.fb-modal .modal-content {
  border: none;
}

.fb-modal .modal-header {
  background-color: var(--fb-custom-color);
  border: 0;
}

.fb-modal-primary-btn {
  background-color: var(--fb-custom-color);
  border: 2px solid var(--fb-custom-color);
  color: var(--fb-custom-color-contrast);
}

.fb-modal .btn-close,
.fb-modal .btn-close:active {
  background-color: #fff;
  border: 2px solid var(--fb-custom-color);
  color: var(--fb-custom-color) !important;
}

.fb-toggle-list .active {
  background-color: var(--fb-custom-color);
  color: white;
}

.fb-modal .modal-footer {
  border-color: var(--fb-custom-color) !important;
}

#customer-card-modal {
  --fb-custom-color-contrast: #fff;
  --fb-custom-color: var(--customer-card-modal-primary);
}

#manage-visit-note-modal {
  --fb-custom-color-contrast: #fff;
  --fb-custom-color: #0369a1;
}

#customer-card-modal .modal-content,
#customer-card-operation-modal .modal-content {
  border: none;
}

/* customer-card-modal */

#customer-card-modal .modal-header {
  background-color: var(--customer-card-modal-primary);
  border: 0;
}

#save-customer-card-modal {
  background-color: var(--customer-card-modal-primary);
  border: 2px solid var(--customer-card-modal-primary);
  color: #fff;
}

#customer-card-modal .btn-close,
#customer-card-modal .btn-close:active {
  background-color: #fff;
  border: 2px solid var(--customer-card-modal-primary);
  color: var(--customer-card-modal-primary) !important;
}

/* customer-card-modal */

/* manage-animal-modal */

#manage-animal-modal .modal-header {
  background-color: var(--manage-animal-modal-primary);
  border: 0;
}

#manage-animal-modal .modal-footer {
  border-color: var(--manage-animal-modal-primary);
}

#save-manage-animal-modal {
  background-color: var(--manage-animal-modal-primary);
  border: 2px solid var(--manage-animal-modal-primary);
  color: #fff;
}

#manage-animal-modal .btn-close,
#manage-animal-modal .btn-close:active {
  background-color: #fff;
  border: 2px solid var(--manage-animal-modal-primary);
  color: var(--manage-animal-modal-primary) !important;
}

/* manage-animal-modal */

.vertical-tab.active {
  border-bottom: none !important;
  border-left: 3px solid #fff;
  background-color: #0056b3;
}