.blazored-modal-overlay {
    position: sticky;                           /* Show scrollbar in overlay when dimmed */
  }

  .custom-position-class .blazored-modal-wrapper {
    position: absolute;
    top: 500px;
    /*left: 100px;*/
  }


/*.blazored-modal-active {*/
.blazored-modal-container {
  overflow-y: auto;                           /* Get scrollbar when dialog height exeeds height of screen */
}

.blazored-modal-header {
  padding: 0.2rem;
  background-color: #adb5bd;                  /* $gray-500 */
  cursor: move;
  z-index: 10;
}

.blazored-modal-wrapper {
  z-index: 102;
  background-color: #fff;
  border-radius: 4px;
  /*width: 60rem;*/                           /* Set width of dialog to 50% of screen */
}

.blazored-modal-small-size {
  position: absolute;

  display: flex;
  z-index: 202;
  flex-direction: column;

  background-color: #fff;
  border-radius: 4px;
  border: 2px solid rgba(0, 123, 255, 0.8);   /* Original value: border: 1px solid #fff;  */
  padding: 0.4rem;                            /* Original value: padding: 1.5rem;         */
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
  width: 40rem;
}

.blazored-modal-draggable {
  position: absolute;

  /*display: flex;*/
  /*z-index: 102;*/
  /*flex-direction: column;*/
  display: flex;
  z-index: 102;
  flex-direction: column;

  background-color: #fff;
  border-radius: 4px;
  border: 2px solid rgba(0, 123, 255, 0.8);   /* Original value: border: 1px solid #fff;  */
  padding: 0.4rem;                            /* Original value: padding: 1.5rem;         */
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
  width: 60rem;
}