p {
  margin-top: 0;
}

.modal-container {
  position: fixed;
 display:block;
  background-color: #fff;
  width: 70%;
  max-width: 400px;
  left: 50%;
  padding: 20px;
  border-radius: 5px;
  z-index:99999;
  -webkit-transform: translate(-50%, -200%);
  -ms-transform: translate(-50%, -200%);
  transform: translate(-50%, -200%);

  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

.modal {
  content: "";
  position: fixed;
  display:none;
  background-color: rgba(0,0,0,.9);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index:99998;
}


.modal.prompt .modal-container {
  top: 20%;

  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.modal.prompt{
  display:block;
}

.prompt-p {font-size:14px;text-align:center;color:#444;line-height:1.4;padding-bottom:20px;}
.prompt-q {font-size:16px;text-align:center;color:#444;padding-top:20px;padding-bottom:20px;font-weight:700;border-top:1px solid #d5d5d5;}
.prompt-bc {text-align:center;}
.prompt-b {font-size:16px;}

.modal-container.hidden {display:none;}

#btn-yes {margin-right:20px;}