/*# sourceMappingURL=custom.min.css.map */

#preloader {
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
}

pre {
  white-space: -moz-pre-wrap !important; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap !important; /* Opera */
  white-space: -o-pre-wrap !important; /* Opera */
  white-space: pre-wrap !important; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word !important; /* IE 5.5+ */
  border-radius: 0 !important;
}

/* bg image for signin removed */

.auth-one-bg {
  background-image: none;
}

/* hover contacts */

.get_ctc :hover {
  color: #299cdb;
}

/* hover all tables */

tr:hover td {
  background-color: #eff2f7;
}

/* no hover on tables with this calss */

.no-hover tr:hover td {
  background-color: transparent;
}

/* toastify notification close button */

.toast-close {
  opacity: 0.4;
  padding: 0 5px;
  position: relative;
  left: 4px;
  margin-left: 4px;
  border: none;
  background: 0 0;
}

/* google map canvas */

.gmaps,
.gmaps-panaroma {
  height: 600px;
}

/* flatpickr for style */

.flatpickr-day.selected,
.flatpickr-day.prevMonthDay.selected,
.flatpickr-day.nextMonthDay.selected,
.flatpickr-day.selected:hover {
  background-color: red;
  border: #fff;
  color: #fff;
  cursor: pointer;
}

.flatpickr-calendar.inline
  .flatpickr-rContainer
  .flatpickr-days
  .dayContainer
  .flatpickr-day {
  pointer-events: none;
}

.flatpickr-months {
  padding-bottom: 10px;
  background-color: #405189;
}

.flatpickr-current-month {
  padding-top: 10px;
}

.flatpickr-weekdays {
  background-color: #299cdb;
}

.flatpickr-wrapper {
  display: block;
}

.ag-select:hover {
  color: #299cdb;
}

/* force pop up hyperlink for ckeditor, otherwise, programmatically appears under a modal if the form is in one*/

.ck.ck-balloon-panel {
  z-index: 2000 !important;
}

/* blinking text for loading to place under a spiner or by itself */

.blinking-text {
  font-size: 1.25rem;
  animation: blink 1s infinite;
  color: #17a2b8; /* Bootstrap info color */
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* hover for list of TG staff only */

#guide-list {
  background-color: #f8f9fa; /* Light background for the list group */
}

#guide-list .list-group-item {
  background-color: transparent; /* Make individual items transparent initially */
}

#guide-list .list-group-item:hover {
  color: #ffffff;
  background-color: #299cdb; /* info color on hover */
}

#guide-list .active-guide {
  color: #099885;
  background-color: #daf4f0; /* success color for the active guide */
}

/* accordion collapse header */

.accordion-fill-builder .accordion-item .accordion-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion-fill-builder .accordion-item .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #9de1d7 !important;
}

.accordion-item {
  margin-bottom: 1.5rem !important;
}

/* remove the print button from the modal and the background color */

@media print {
  .no-show-print {
    display: none !important;
  }
}


/* Global: make all form labels use muted text color for consistency across the ERP */
.form-label,
.form-check-label,
.col-form-label {
  /* Prefer Bootstrap 5 variable; fallback ensures compatibility with older builds */
  color: var(--bs-secondary-color, #6c757d);
}