.dialog-box-wrapper{display:none; z-index: 99999; position: fixed; width: 100%; height: 100%; left: 0; top: 0;}
#dialog-box-wrapper-inner{padding: 20px 25px; display: flex; display:-webkit-flex; justify-content: center; align-content: center; background: url('/design/quest/background-confirm.png') repeat; width: 100%; height: 100%;}
#dialog-box{display: flex; display:-webkit-flex; align-self: center; padding: 15px 25px; border-radius: 3px; background: #ffffff; max-width: 350px;box-shadow: 0px 0px 10px #333333; -webkit-box-shadow: 0px 0px 10px #333333; -moz-box-shadow: 0px 0px 10px #333333;}
#dialog-box h1{font-size: 24px;}
#dialog-box nav{justify-content: center;}
#dialog-box nav a{text-align: center;}
#dialog-box section{padding: 10px 0px; border-top: 1px solid #888888; border-bottom: 1px solid #888888; margin: 8px 0px;}
#dialog-box section p{font-size: 14px; line-height: 18px;}
#dialog-box section p span{display: inline-block; color: #0099FF;}
#dialog-box #info{color: #676767; font-size: 12px; line-height: 15px; font-style: italic; margin-top: 8px; border-top: 1px dotted #aaaaaa; padding-top: 7px;}
/* MEDIUM VIEW */
@media (min-width:651px){
    #dialog-box{max-width: 400px;}
}


/* LARGE VIEW */
@media (min-width:993px){
    #dialog-box{max-width: 450px;}
}