*{-webkit-touch-callout:none;user-select:none}div#confirm::before{content:" Information ";top:0;position:absolute;bottom:0;font-size:18px;height:30px;width:450px;box-sizing:border-box;left:0;padding:1%;background-color:#1a237e;color:#fff;font-weight:500}#confirm{display:none;font-size:16px;background-color:#f5f5f5;color:#000;box-shadow:-1px 3px 10px .5px rgba(0,0,0,.2);border-radius:5px;position:fixed;width:450px;height:25%;left:41%;top:40%;cursor:pointer;alignment-baseline:use-script;margin-left:-100px;padding:20px 20px 10px;box-sizing:border-box;text-align:center;-ms-transform:translate(-50%,-50%);z-index:99;animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease}#confirm button{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#ffc107;color:#fff;font-size:14px;padding:5px 30px;cursor:pointer;text-align:center;color:#fff;text-decoration:none;z-index:100;border:0 solid #fff;box-sizing:border-box;width:100px}#confirm button:hover{background-color:rgba(255,193,7,.9);border:0 solid #ffc107;z-index:100}#confirm .message{text-align:center;cursor:pointer;z-index:100;margin-top:15px;color:#000}div#ok::before{content:"Confirmation";top:0;position:absolute;bottom:0;font-size:18px;height:30px;width:450px;box-sizing:border-box;padding:1%;left:0;background-color:#1a237e;color:#fff;font-weight:500}div#okWithData::before{content:"Confirmation";top:0;position:absolute;bottom:0;font-size:18px;height:30px;width:450px;box-sizing:border-box;padding:1%;left:0;background-color:#1a237e;color:#fff;font-weight:500}#ok{display:none;font-size:16px;background-color:#f5f5f5;color:#000;box-shadow:-1px 3px 10px .5px rgba(0,0,0,.2);border-radius:5px;position:fixed;width:450px;height:25%;left:41%;top:40%;cursor:pointer;alignment-baseline:use-script;margin-left:-100px;padding:20px 20px 10px;box-sizing:border-box;text-align:center;-ms-transform:translate(-50%,-50%);z-index:99;animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease}#ok button{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#ffc107;color:#fff;font-size:14px;padding:5px 30px;cursor:pointer;text-align:center;color:#fff;text-decoration:none;z-index:100;border:0 solid #fff;box-sizing:border-box;width:100px}#ok button:hover{background-color:rgba(255,193,7,.9);border:1px solid #ffc107;z-index:100}#ok .message{text-align:center;cursor:pointer;z-index:100;margin-top:15px;color:#000}@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  /*    65%{
        transform: translateY(-4%);
    }*/
  80% {
    transform: translateY(4%);
  }
  /*    95%{
        transform: translateY(-2%);
    }			*/
  100% {
    transform: translateY(0%);
  }
}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90;height:100%;width:100%;background:rgba(0,0,0,.2);display:none}.Darkbackground{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none;background-color:rgba(0,0,0,.2);z-index:80}#okWithData{display:none;font-size:16px;background-color:#f5f5f5;color:#000;box-shadow:-1px 3px 10px .5px rgba(0,0,0,.2);border-radius:5px;position:fixed;width:450px;height:70%;left:41%;top:10%;cursor:pointer;alignment-baseline:use-script;margin-left:-100px;padding:20px 20px 10px;box-sizing:border-box;text-align:center;-ms-transform:translate(-50%,-50%);z-index:99;animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease}#divWithData{position:fixed;width:32%;overflow:auto;border:1px solid #789;max-height:48%;font-size:14px}.data-buttons{position:fixed;left:46.5%;top:76%}#okWithData button{transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#ffc107;color:#fff;font-size:14px;padding:5px 30px;cursor:pointer;text-align:center;color:#fff;text-decoration:none;z-index:100;border:0 solid #fff;box-sizing:border-box;width:100px}#okWithData button:hover{background-color:rgba(255,193,7,.9);border:1px solid #ffc107;z-index:100}#okWithData .message{text-align:center;cursor:pointer;z-index:100;margin-top:15px;color:#000}@media only screen and (max-width:580px){#confirm{width:260px}div#confirm::before{width:260px}div#ok::before{width:270px}#ok{width:270px}.message{font-size:14px;line-height:20px;padding-top:10px}}