@charset "utf-8";
/* Teen modals only - Bootstrap 5.3.8 compatible */

.modal-dialog.custom-modal-dialog {
  margin: 1.75rem auto;
}

.modal-content.custom-modal-content {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
}

.modal-header,
.modal-footer {
  flex-shrink: 0;
}

.scrollable-modal-body {
  overflow-y: auto;
  max-height: calc(80vh - 140px);
}

.modal-body img,
.modal-body .image.left img {
  max-width: 100%;
  height: auto;
}

.sticky-close {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
  border: 0;
  padding: 10px;
}

#modal1 .scrollable-modal-body,
#modal2 .scrollable-modal-body,
#modal3 .scrollable-modal-body,
#modal4 .scrollable-modal-body,
#modal5 .scrollable-modal-body,
#modal6 .scrollable-modal-body,
#modal7 .scrollable-modal-body,
#modal8 .scrollable-modal-body,
#modal9 .scrollable-modal-body,
#modal10 .scrollable-modal-body,
#modal11 .scrollable-modal-body,
#modal12 .scrollable-modal-body {
  scrollbar-color: crimson transparent;
  scrollbar-width: thin;
}

#modal1 .scrollable-modal-body::-webkit-scrollbar,
#modal2 .scrollable-modal-body::-webkit-scrollbar,
#modal3 .scrollable-modal-body::-webkit-scrollbar,
#modal4 .scrollable-modal-body::-webkit-scrollbar,
#modal5 .scrollable-modal-body::-webkit-scrollbar,
#modal6 .scrollable-modal-body::-webkit-scrollbar,
#modal7 .scrollable-modal-body::-webkit-scrollbar,
#modal8 .scrollable-modal-body::-webkit-scrollbar,
#modal9 .scrollable-modal-body::-webkit-scrollbar,
#modal10 .scrollable-modal-body::-webkit-scrollbar,
#modal11 .scrollable-modal-body::-webkit-scrollbar,
#modal12 .scrollable-modal-body::-webkit-scrollbar {
  width: 10px;
}

#modal1 .scrollable-modal-body::-webkit-scrollbar-track,
#modal2 .scrollable-modal-body::-webkit-scrollbar-track,
#modal3 .scrollable-modal-body::-webkit-scrollbar-track,
#modal4 .scrollable-modal-body::-webkit-scrollbar-track,
#modal5 .scrollable-modal-body::-webkit-scrollbar-track,
#modal6 .scrollable-modal-body::-webkit-scrollbar-track,
#modal7 .scrollable-modal-body::-webkit-scrollbar-track,
#modal8 .scrollable-modal-body::-webkit-scrollbar-track,
#modal9 .scrollable-modal-body::-webkit-scrollbar-track,
#modal10 .scrollable-modal-body::-webkit-scrollbar-track,
#modal11 .scrollable-modal-body::-webkit-scrollbar-track,
#modal12 .scrollable-modal-body::-webkit-scrollbar-track {
  background: transparent;
}

#modal1 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal2 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal3 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal4 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal5 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal6 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal7 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal8 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal9 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal10 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal11 .scrollable-modal-body::-webkit-scrollbar-thumb,
#modal12 .scrollable-modal-body::-webkit-scrollbar-thumb {
  background-color: crimson;
  border-radius: 6px;
  border: 3px solid transparent;
}

#modal1 .btn-close,
#modal2 .btn-close,
#modal3 .btn-close,
#modal4 .btn-close,
#modal5 .btn-close,
#modal6 .btn-close,
#modal7 .btn-close,
#modal8 .btn-close,
#modal9 .btn-close,
#modal10 .btn-close,
#modal11 .btn-close,
#modal12 .btn-close {
  filter: invert(23%) sepia(81%) saturate(4301%) hue-rotate(339deg) brightness(84%) contrast(98%);
}

/* Ensure modals are above other content if needed */

.modal-backdrop {
  z-index: 1050 !important;
}

.modal {
  z-index: 1060 !important;
}

.modal-dialog,
.modal-content {
  position: relative;
  z-index: 1065 !important;
}