@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700&display=swap');

body,
.form-label,
.form-check-label {
  font-family: 'Lexend', sans-serif;
  font-weight: 200;
  font-size: 1rem;
  color: var(--bs-card-color);
}

.fw-light-bold {
  font-weight: 500 !important;
}

.info-label {
  color: #aeaeae;
  font-weight: 400;
}

.info-value {
  font-weight: 400;
}

.text-green {
  color: #33843d !important;
}

.text-dark {
  color: #444 !important;
}

.text-grey {
  color: #888 !important;
}

.tooltip-outline-danger .tooltip-inner {
  border: 2px solid var(--bs-danger) !important; /* Ensures tooltip content has a border */
  background-color: white; /* Change background color if needed */
  color: black; /* Change text color */
}

/* Global Utility Classes */
.rounded-card {
  border-radius: 28px;
}

.rounded-button {
  border-radius: 10px;
}

.rounded-pill-custom {
  border-radius: 1rem;
}

.text-muted-custom {
  color: #888 !important;
}

.text-dark-custom {
  color: #444 !important;
}

.bg-light-gray {
  background: #f5f6f7 !important;
}

.font-size-large {
  font-size: 1.3rem;
}

.font-size-medium {
  font-size: 1.05rem;
}

.font-size-small {
  font-size: 0.8rem;
}

.min-width-180 {
  min-width: 180px;
}

.min-width-260 {
  min-width: 260px;
}

.max-width-320 {
  max-width: 320px;
}

/* Search form styles */
.search-form-container {
  max-width: 320px;
}

/* Form styles */
.form-required {
  color: var(--bs-success);
}

.form-field-group {
  margin-bottom: 1rem;
}

/* Button styles */
.btn-action {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-weight: 300;
  margin-bottom: 0.25rem;
}

.btn-action i {
  margin-right: 0.5rem;
}

/* Badge utilities */
.badge-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

/* Date picker container */
.date-picker-container {
  margin-bottom: 1rem;
}

/* Accessibility improvements */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Focus states for better accessibility */
.btn:focus,
.form-control:focus,
.form-select:focus {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}