/* Hide modal header for fancybook-modal */
.fancybookModal :global(.modal-header) {
  display: none;
}

.modalHeader {
  display: none;
}

.modalTitle {
  font-size: 16px;
  margin-bottom: 15px;
}

.modalTitleH3 {
  font-size: 16px;
  margin-bottom: 15px;
}

.modalBody {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem 1rem 0.5rem 1rem;
}

.modalFooter {
  padding: 0.5rem 1rem;
  border-top: 1px solid #dee2e6;
  display: flex;
  justify-content: flex-end;
  border: 0 !important;
  margin-top: 0 !important;
}

.exposureContainer {
  width: 100%;
}

/* Table Styling - Applied to table element */
.exposureTable {
  width: 100%;
  margin-bottom: 0;
  color: #212529;
  font-size: 0.875rem !important;
  border-collapse: collapse;
}

/* Back and Lay row colors */
.back {
  background-color: #72bbef;
}

.lay {
  background-color: #faa9ba;
}

/* Global styles for modal content - these will be applied via global CSS or inline */
@media (max-width: 768px) {
  .exposureTable {
    font-size: 0.8rem !important;
  }
}