.message-box{position:fixed;top:0;right:0;max-width:600px;width:80%;padding:0 8px;z-index:9999}.message{position:relative;display:block;margin-top:10px;background-color:#999;border-radius:5px;padding:8px;width:100%}.msg-row{text-align:center;width:100%}.message.progress-bar{background-color:#000}.message.error{background-color:red;color:#fff}.message.success{background-color:#28a745;color:#fff}.message.warning{background-color:#ffc107;color:#fff}.msg-text{display:inline-block;width:90%}.msg-btn-close{width:5%;color:hsla(0,0%,100%,.8);font-weight:700;border:1px solid hsla(0,0%,100%,.3);background-color:rgba(0,0,0,.3);border-radius:5px}.msg-progress-bar{clear:both;height:1em;margin-top:8px}.msg-progress,.msg-progress-bar{background-color:rgba(0,0,0,.5);border-radius:.3em}.msg-progress{height:100%;width:0;height:1em;transition:width 5s}