/* Set base font size for body */
body {
  font-size: 100%;
}
/* Style for video dialog, form, and agenda */
[aria-describedby="video-dialog"],
#video-dialog-form,
#video-dialog .agenda {
  top: 5%;
  left: 30%;
  width: 100%;
  max-width: 400px;
  overflow: auto;
  height: auto;
}
#video-dialog .video,
iframe {
  height: 208px;
  width: 370px;
}
#video-dialog .agenda {
  width: 370px;
  display:block !important;
}
/* Position video dialog at the center */
[aria-describedby="video-dialog"] {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
/* Responsive styling for small screens */
@media (max-width: 400px) {
  [aria-describedby="video-dialog"],
  #video-dialog-form {
    max-width: 100%;
  }
  [aria-describedby="video-dialog"] {
    top: 150% !important;
  }
  /* Styling for video container */
  .video-container {
    max-width: 300px;
  }
  /* Styling for agenda in video dialog */
  #video-dialog .agenda {
    max-width: 300px;
  }
  #video-dialog .video,
  iframe {
    height: 208px;
    width: 300px;
  }
}
/* Responsive styling for medium screens */
@media (max-width: 768px) {
  body {
    text-size-adjust: none;
  }
}
/* Responsive styling for large screens */
@media (max-width: 1920px) {
  #video-dialog-form {
    max-width: 95vw;
  }
}
/* Additional styling for extra-large screens */
@media (min-width: 1921px) {
  #video-dialog-form {
    max-width: 1800px;
  }
}
@media print {
  table {
    max-width: 100% !importand;
    overflow-x: auto;
    display: block;
  }
}