/* Modal Background */
.alertBox-modal {
  display:none; /* Hidden by default */
  position:fixed; /* Stay in place */
  z-index:1001; /* Sit on top */
  left:0;
  top:0;
  width:100%; /* Full width */
  height:100%; /* Full height */
/*  overflow:auto; Enable scroll if needed */
  background-color:rgb(0,0,0); /* Fallback color */
  background-color:rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content Box */
.alertBox-modal-content {
  position:absolute; /* needed to make the box draggable */
  z-index:1002;
  left:240px;
  top:120px;
  padding:0px;
  border:1px solid #800000;
  width:100%;      /* Could be more or less, depending on screen size */
  min-width:240px; /* Could be more or less, depending on screen size */
  max-width:25em;  /* Could be more or less, depending on screen size */
}
/* Modal Content Header */
.alertBox-modal-header {
  padding:10px;
  z-index:1004;
  background-color:#0048CA;
  color:#FFFFFF;
  cursor:move;
}
/* Modal Content Body */
.alertBox-modal-body {
  padding:10px;
  z-index:1005;
  background-color:#FFFFFF;
  color:#000000;
}
/* Workaround: browser does not show the focus border when it is set in code, so this mimics the native focus border */
.focusIndicator {
  outline: 2px solid !important;
  outline-offset: 1px !important;
}
.alertBoxButton {
  background-color:#0048CA;
  color:#FFFFFF;
  display:inline-block;
  border:none;
  text-decoration:none;
  text-align:center;
  font-family:arial,sans-serif;
  font-size:16px;
  font-weight:normal;
  padding: 8px 16px;
  cursor:pointer;
  border-radius:6px;
}
/* style so that line breaks will appear in the displayed message */
.whiteSpacePreLine { white-space:pre-line; }