/* src/styles.scss */
.spinner-theme {
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-active-indicator-color: #343dff;
  --mat-progress-spinner-active-indicator-color: #666 !important;
}
:root {
  --primary-color: #213547;
  --warn-color: #7A1212;
  --primary-color-hover: #3a5a78;
  --warn-color-hover: #a02d2d;
  --background-color: #f4f7fa;
  --surface-color: #ffffff;
  --border-color: #e9ecef;
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-on-primary: #ffffff;
  --text-on-warn: #ffffff;
}
html,
body {
  height: 100%;
  margin: 0;
  font-family:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  background-color: var(--background-color);
  color: var(--text-primary);
}
* {
  box-sizing: border-box;
}
.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__leading {
  padding-left: 5px !important;
  border-radius: 6px 0 0 6px !important;
}
.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__trailing {
  padding-right: 5px !important;
  border-radius: 0 6px 6px 0 !important;
}
.mat-mdc-form-field .mat-mdc-input-element,
.mat-mdc-form-field .mat-mdc-select-value {
  padding: 0 !important;
  margin: 0 !important;
}
.mat-mdc-form-field .mat-mdc-form-field-infix {
  padding: 8px 12px !important;
  min-height: 40px !important;
}
.mat-mdc-form-field .mat-mdc-floating-label {
  font-size: 14px !important;
}
.mat-mdc-raised-button,
.mat-mdc-stroked-button {
  border-radius: 6px !important;
  padding: 0.6rem 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mat-mdc-raised-button.mat-primary {
  background-color: var(--primary-color) !important;
  color: var(--text-on-primary) !important;
}
.mat-mdc-raised-button.mat-primary:hover {
  background-color: var(--primary-color-hover) !important;
}
.mat-mdc-raised-button.mat-warn {
  background-color: var(--warn-color) !important;
  color: var(--text-on-warn) !important;
}
.mat-mdc-raised-button.mat-warn:hover {
  background-color: var(--warn-color-hover) !important;
}
.mat-mdc-stroked-button .mat-mdc-outlined-button.mat-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.mat-mdc-stroked-button .mat-mdc-outlined-button.mat-primary:hover {
  background-color: rgba(33, 53, 71, 0.05);
}
.mat-mdc-stroked-button .mat-mdc-outlined-button.mat-warn {
  color: var(--warn-color);
  border-color: var(--warn-color);
}
.mat-mdc-stroked-button .mat-mdc-outlined-button.mat-warn:hover {
  background-color: rgba(122, 18, 18, 0.05);
}
.mat-mdc-outlined-button:not(:disabled) {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.mat-mdc-outlined-button:not(:disabled):hover {
  background-color: rgba(33, 53, 71, 0.05) !important;
}
.mat-warn .mat-mdc-outlined-button:not(:disabled) {
  color: var(--warn-color) !important;
  border-color: var(--warn-color) !important;
}
.mat-warn .mat-mdc-outlined-button:not(:disabled):hover {
  background-color: rgba(122, 18, 18, 0.05) !important;
}
.mat-mdc-icon-button {
  border-radius: 6px !important;
  margin: 0 !important;
}
.mat-mdc-icon-button.mat-primary .mat-icon {
  color: var(--primary-color) !important;
}
.mat-mdc-icon-button.mat-warn .mat-icon {
  color: var(--warn-color) !important;
}
.link.mat-mdc-raised-button {
  padding: 0.6rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: normal;
  transition: background-color 0.2s ease-in-out;
  box-shadow: none !important;
}
.link.mat-mdc-raised-button.btn-primary {
  color: var(--primary-color) !important;
}
.link.mat-mdc-raised-button.btn-primary:hover {
  background-color: var(--primary-color-hover) !important;
  color: white !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.link.mat-mdc-raised-button.btn-danger {
  color: var(--warn-color) !important;
}
.link.mat-mdc-raised-button.btn-danger:hover {
  background-color: var(--warn-color-hover) !important;
  color: white !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.mat-mdc-card-header.card-header-primary {
  background-color: var(--primary-color);
  color: var(--text-on-primary);
}
.mat-mdc-tooltip {
  background-color: var(--primary-color) !important;
  color: var(--text-on-primary) !important;
  font-size: 13px !important;
}
.form-tabs .mdc-tab-indicator__content--underline {
  color: var(--warn-color) !important;
  height: 2px !important;
  background-color: var(--warn-color) !important;
}
.custom-dialog-container .mat-dialog-container {
  padding: 0;
}
.mat-mdc-select-panel {
  background: var(--mdc-theme-surface, #fff) !important;
}
.mat-datepicker-content-container {
  background: var(--mdc-theme-surface, #fff) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px;
}
.mat-form-field-disabled {
  color: var(--text-secondary);
  cursor: not-allowed;
}
.mat-form-field-invalid {
  color: #D32F2F;
}
.mat-mdc-form-field-error {
  font-size: smaller;
  color: #D32F2F;
}
.mat-mdc-autocomplete-panel {
  background: var(--mdc-theme-surface, #fff) !important;
}
.mat-snack-bar-container-animations-enabled.mat-snack-bar-container-enter {
  background: var(--mdc-theme-surface, #fff) !important;
}
.page-title {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 1.5rem;
}
.ui-card {
  background-color: var(--surface-color);
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-color);
}
.status {
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-weight: 500;
  font-size: 0.8rem;
  text-align: center;
  display: inline-block;
  min-width: 70px;
}
.status.approved {
  color: var(--primary-color);
}
.status.pending {
  background-color: #dec373;
  color: #333;
}
.status.rejected {
  font-weight: bold;
  color: var(--warn-color);
}
.action-buttons {
  display: flex;
  gap: 0.5rem;
}
.font-size-pt9rem {
  font-size: 0.9rem;
}
.font-size-pt7rem {
  font-size: 0.7rem;
}
mat-form-field.readonly-look .mat-mdc-input-element {
  background: transparent !important;
  color: #6b7280 !important;
  caret-color: transparent;
  cursor: not-allowed;
}
mat-form-field.readonly-look .mat-mdc-floating-label,
mat-form-field.readonly-look .mdc-floating-label,
mat-form-field.readonly-look .mat-mdc-form-field-required-marker,
mat-form-field.readonly-look.mat-focused .mat-mdc-floating-label,
mat-form-field.readonly-look.mat-focused .mdc-floating-label {
  color: #7e868d !important;
  font-weight: 400 !important;
}
mat-form-field.readonly-look .mat-mdc-form-field-focus-overlay {
  opacity: 0 !important;
  background: transparent !important;
}
mat-form-field.readonly-look .mat-mdc-form-field-outline,
mat-form-field.readonly-look .mat-mdc-form-field-outline-thick,
mat-form-field.readonly-look.mat-focused .mat-mdc-form-field-outline,
mat-form-field.readonly-look.mat-focused .mat-mdc-form-field-outline-thick,
mat-form-field.readonly-look .mdc-text-field--focused .mat-mdc-form-field-outline,
mat-form-field.readonly-look .mdc-text-field--focused .mat-mdc-form-field-outline-thick {
  border-color: #7e868d !important;
  color: #7e868d !important;
}
mat-form-field.readonly-look .mat-mdc-form-field-outline-thick {
  opacity: 0 !important;
}
mat-form-field.readonly-look.freeze-interaction .mat-mdc-text-field-wrapper {
  pointer-events: none;
  color: #7e868d !important;
}
.w-74per {
  width: 75% !important;
}
.right-align {
  text-align: right;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-PBE4FL6U.css.map */