/* Increase or decrease row height on mouse hover */

.pipe-table-text {
  max-width: 35vw;
  max-height: 15vh;
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}

.pipe-table-text:hover {
  white-space: normal;
  word-wrap: break-word;
  max-height: none;
}

iframe.seamless {
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  overflow: hidden;
  width: 100%;
  height: auto;
  display: block;
}

iframe.seamless:hover {
  height: 50vh; /* Adjust the height as needed */
}
 /* Modal styles for the confirm dialog box */
.modal-overlay {
  position: fixed;
  opacity: 60%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  border-radius: 5px;
  z-index: 1001;
  text-align: center;
}
#modal-message {
  margin-bottom: 20px;
}


/* Media queries for responsive min-width */
@media (max-width: 1200px) {
  iframe.seamless {
    min-width: 400px; /* Adjust for medium screens */
  }
}

@media (max-width: 768px) {
  iframe.seamless {
    min-width: 300px; /* Adjust for small screens */
  }
}

@media (max-width: 480px) {
  iframe.seamless {
    min-width: 200px; /* Adjust for extra small screens */
  }
}