@charset "utf-8";
/* CSS Document */

#overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#overlay {
  display: none;
}

#noscriptScreen {
  position: fixed;
  background:#000;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  filter: alpha(opacity=30);
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3;
}

#ModalScreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

#noscriptScreen {
  display:block;
}

#ModalDialog {
  background-color: #fff;
  padding: 2em;
}

#noscriptDialog {
  position: fixed;
  left: 50%;
  top: 200px;
  padding:25px;
  background:#FFF;
  color:#555;
}

#noscriptDialog {
  display:block;
  margin-left: -250px;
  width:500px;
  min-height:100px;
}


#ModalDialog div.controls, #ModalPage div.controls {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ModalDialog input[type=button] {
  float: right;
  margin: 5px;
}

.confirm-btn {
  padding: 0.5em 3em;
}

a.cancel-btn {
  padding: 0.5em 1em;
  border: 1px solid #ddd;
}

#ModalDialog input[type=button] {
  /*float: right;*/
}

#ModalDialog, #ModalDialog div.controls, #ModalDialog div, #ModalPage div {
  color:#555;
}

#ModalPage {
  display:none;
  position:absolute;
  left: 1em;
  top: 1em;
  right: 1em;
  bottom: 1em;
  padding: 1em;
  color:#555;
  background:#FFF;
  overflow-y: auto;
}

@media screen and (min-width: 800px) {
  #ModalPage {
    display:none;
    position:absolute;
    left:50px;
    top: 50px;
    right:50px;
    bottom: 50px;
    min-height:400px;
    padding: 2em;
  }
}