.msBox-Overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: #000;
  opacity: 0.45;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
}


/* #iddisplaywindowYflsaY { */
.ms-boxDisplayDiv {
  position: absolute;
  background: #ffffff; 
  z-index: 200;
  display: none;
  //color:#000000;
  border: 4px solid #1D4CA8;  /* was #525252  for dark gray */
  text-align:left;
  overflow: hidden;           /* overwritten in JS if scrolling needed */
  -webkit-box-shadow: 1px 2px 30px 3px rgba(50, 50, 50, 1);
  -moz-box-shadow:    1px 2px 30px 3px rgba(50, 50, 50, 1);
  box-shadow:         1px 2px 30px 3px rgba(50, 50, 50, 1);   
}

.msBox-Dlg.measuring {
  padding: 2em;
  padding-bottom: 1em;
}

/*
#idCloseButtonDivBJKsd {
  position: absolute;
  background-color: #ffffff;
  z-index: 300;
  display: none;
  color:#000000;
  text-align:left;
}
*/

/* see also additional styles in bmdCore.less under $GENERIC-COMPONENTS */

/* SteppedProcessBox classes */


.steppedProcessBox .dlgsteps {
  //outline: 1px solid red;
  position: relative;
}

.steppedProcessBox .dlgsteps .dlgstep {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  border: 1px solid #009FED;
  padding-bottom: .5em;
  margin-bottom: .5em;
}

.steppedProcessBox .dlgsteps .dlgstep.active {
  display: block;
}

.steppedProcessBox .dlgsteps .navBtns {
  text-align: center;
}

.steppedProcessBox .feedbackDiv {
  //outline: 1px solid pink;
  text-align: center;
}

.steppedProcessBox .globalBtnsDiv {
  //outline: 1px solid pink;
}

/* ?? Fix for Heathers scrolling issue ?? */
:root {
  --scrollbar-track-color: transparent;
  --scrollbar-color: rgba(0,0,0,.2);

  --scrollbar-size: .375rem;
  --scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
}
.msBox-Dlg::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
}
.msBox-Dlg::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
}
.msBox-Dlg::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  /* Add :hover, :active as needed */
}
.msBox-Dlg::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength);
}
.msBox-Dlg::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength);
}