.alert-area{max-height:100%;position:fixed;bottom:5px;left:20px;right:20px;z-index:1000}.alert-content{padding-right:16px;text-align:left}.alert-box{font-size:16px;color:#fff;background:rgba(0,0,0,.9);line-height:1.3em;padding:10px 15px;margin:5px 10px;position:relative;border-radius:5px;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.alert-box.red{background:rgba(255,0,0,.7)}.alert-box.green{background:rgba(0,255,0,.7)}.alert-box.gray{background:rgba(15,30,53,.7)}.alert-box.hide{opacity:0}.alert-close{background:0 0;width:12px;height:12px;position:absolute;top:15px;right:15px}.alert-close:after,.alert-close:before{content:'';width:15px;border-top:solid 2px #fff;position:absolute;top:5px;right:-1px;display:block}.alert-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.alert-close:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.alert-close:hover:after,.alert-close:hover:before{border-top:solid 2px #d8d8d8}.alert-message-container{text-align:center;line-height:2.5em;margin-top:50px}.alert-message-box{font-size:20px;width:300px;border:solid 1px #444;padding:10px 15px;outline:0;-webkit-transition:-webkit-box-shadow .1s;transition:-webkit-box-shadow .1s;-o-transition:box-shadow .1s;transition:box-shadow .1s;transition:box-shadow .1s,-webkit-box-shadow .1s}.alert-message-box:focus{-webkit-box-shadow:0 0 15px 2px #888;box-shadow:0 0 15px 2px #888}.alert-message-button{font-size:18px;color:#fff;background:#14b9ff;width:250px;border:solid 1px #14b9ff;padding:10px 20px;margin-top:5px;cursor:pointer;outline:0;-webkit-transition:background .1s;-o-transition:background .1s;transition:background .1s}.alert-message-button:active,.alert-message-button:focus,.alert-message-button:hover{background:#7dd8ff}@media (max-width:767px) and (min-width:481px){.alert-area{left:100px;right:100px}}@media (min-width:768px){.alert-area{width:350px;left:auto;right:0}}