.update-bar{width:90%;background-color:#4CAF50}.modal{display:none;position:fixed;padding-top:75px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);z-index:1000}.modal-content{position:relative;background-color:#fefefe;margin:auto auto 50px;padding:0;border:0;width:55%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.mdl-cancel,.mdl-update{width:50%;display:inline}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-header{background-color:#f34e3b;color:#fff;padding:2px 2px 2px 16px}.modal-footer{padding:0;background:#f0f0f0;cursor:pointer}.mdl-cancel{float:left}.mdl-cancel h4{color:#818181}.mdl-update h4{color:#fff}.mdl-update{float:right;background:#f34e3b}.modal-footer h4{text-align:center}.modal-body{padding:2px 16px}@media (max-width:768px){.modal-content{width:90%}}