#alertBox {
 position:absolute;
 left:50%;
 top:80%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 max-height:90vh;
 max-width:95vw;
 z-index:999;
 background:#F5F5F5;
 box-shadow:0 0 10px 0 rgba(0,0,0,.7);
 -webkit-animation:alertoutro .3s cubic-bezier(.4,0,1,1);
 animation:alertoutro .3s cubic-bezier(.4,0,1,1);
 overflow:hidden
}
#alertBox[show] {
 -webkit-animation:alertintro .3s cubic-bezier(0,0,.2,1);
 animation:alertintro .3s cubic-bezier(0,0,.2,1)
}
#alertDropShadow[show] {
 transition:opacity .3s cubic-bezier(0,0,.2,1);
 opacity:1;
 pointer-events:all
}
#alertDropShadow {
 transition:opacity .3s cubic-bezier(.4,0,1,1);
 xdisplay:none;
 position:fixed;
 left:0;
 top:0;
 bottom:0px;
 width:100%;
 xmin-height:1297.7px;
 pointer-events:none;
 opacity:0;
 background:rgba(0,0,0,.65);
 z-index:4
}
#alertBox>.body {
 padding:20px;
 box-sizing:border-box;
 max-height:calc(90vh - 30px);
 overflow:auto
}
#alertBox>.actionfooter {
 padding:0 10px 0 30px;
 overflow:auto;
 width:100%;
 box-sizing:border-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
#alertBox>.actionfooter>.button {
 height:32px;
 padding:0 10px;
 margin:0 10px 0 auto;
 cursor:pointer;
 box-sizing:content-box;
 font:700 18px/32px Arial,Helvetica,sans-serif
}
.noSelect {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
@-webkit-keyframes alertoutro {
 from {
  display:block!important;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  opacity:1
 }
 to {
  display:block!important;
  -webkit-transform:translate(-50%,calc(-50% + 50px));
  transform:translate(-50%,calc(-50% + 50px));
  opacity:0
 }
}
@keyframes alertoutro {
 from {
  display:block!important;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  opacity:1
 }
 to {
  display:block!important;
  -webkit-transform:translate(-50%,calc(-50% + 50px));
  transform:translate(-50%,calc(-50% + 50px));
  opacity:0
 }
}
@-webkit-keyframes alertintro {
 0% {
  -webkit-transform:translate(-50%,calc(-50% - 100px));
  transform:translate(-50%,calc(-50% - 100px));
  opacity:0
 }
 30% {
  opacity:0
 }
 100% {
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  opacity:1
 }
}
@keyframes alertintro {
 0% {
  -webkit-transform:translate(-50%,calc(-50% - 100px));
  transform:translate(-50%,calc(-50% - 100px));
  opacity:0
 }
 30% {
  opacity:0
 }
 100% {
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  opacity:1
 }
}