.sl-verify-password-dialog {
  max-width: 95%;  /* Ensure the dialog doesn't exceed 95% of the screen width */
  box-sizing: border-box;  /* Include padding in width calculation */
}

@media only screen and (max-width: 600px) {
  .sl-verify-password-dialog {
    width: 100%;  /* On small devices, use full width */
    margin: 0 10px;  /* Add a little margin on smaller screens */
  }
}

.autologout-dialog {
  max-width: 95%;  /* Ensure it doesn’t exceed 95% of the screen width */
  box-sizing: border-box;  /* Include padding and border in width */
}

@media only screen and (max-width: 600px) {
  .autologout-dialog {
    width: 100%;  /* On small screens, use full width */
    margin: 0 10px;  /* Add some margin for small screens */
  }
}

.sl-verify-password-wrapper input {
  border-radius: 3px;
  padding: 5px;
}

.sl-verify-password-wrapper .sl-verify-password-helper {
  margin: 0;
  color: red;
}

.sl-verify-password-wrapper .sl-verify-password-helper a {
  margin: 0;
  color: red;
  text-decoration: underline;
}
.ui-widget-overlay {
  background: black !important;
  opacity: 0.7 !important;
  z-index: 9998;
}

.ui-dialog {
  z-index: 9999;
}

.modal-blackout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000; /* Completely black background */
  z-index: 999; /* Ensure it's behind the dialog but above other content */
  display: none; /* Initially hidden */
}
.ui-dialog.verify-password-autologout-dialog .ui-dialog-buttonpane {
  margin: 0;
  padding: 5px 0 0 0;
}

.ui-dialog.verify-password-autologout-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  margin: 0 5px;
  outline: none;
  border: none;
  border-radius: 3px;
  padding: 3px 10px;
  background: #d00004;
  color: white;
}