*{box-sizing:border-box}img{max-width:100%;height:auto}html,body{font-family:'Roboto','Helvetica',sans-serif;background-color:#f10;color:white;padding:0;margin:0}header{color:white;height:54px;padding:10px 0 0;box-sizing:border-box;position:fixed;width:100%;background-color:red}header img{width:44px;height:auto;position:relative;top:-4px;left:5px}header .title{font-size:22px;position:absolute;top:18px;left:56px}main,#messages-card{margin:0;width:100%;height:100%;padding:0;border:none;box-shadow:none}#messages-card-container{height:100%;padding:0!important;margin:0!important;width:100%}.mdl-layout__header-row span{margin-left:15px;margin-top:17px}.mdl-grid{max-width:1024px;margin:auto}.material-icons{font-size:16px;top:8px;position:relative}.mdl-layout__header-row{padding:0;margin:0 auto}.mdl-card__supporting-text{width:auto;height:100%;padding:0!important;box-sizing:border-box;color:white!important}#messages{height:100%;padding-top:54px}#message-filler{flex-grow:1}.message-container:first-of-type{border-top-width:0}.message-container{display:block;box-sizing:border-box;opacity:0;transition:opacity .1s ease-in-out}.message-container.visible{opacity:1}.message-container .pic{display:none;background-image:url('../images/profile_placeholder.png');background-repeat:no-repeat;width:30px;height:30px;background-size:30px;border-radius:20px}.message-container .spacing{vertical-align:top}.message-container .message{display:block;width:100%}.forms{display:none;position:absolute;right:0;left:0;top:0;z-index:9999;background-color:#464646;padding:20px}#message-form{display:block;width:100%}#message-form .mdl-textfield{width:100%}#message-form button,#image-form button{margin:4px 0}.mdl-card{min-height:0;background-color:#f10;justify-content:space-between}#user-container{position:absolute;display:none;flex-direction:row;top:22px;width:100%;right:0;padding-left:10px;justify-content:flex-end;padding-right:10px}#user-container #user-pic{top:-3px;position:relative;display:inline-block;background-image:url('../images/profile_placeholder.png');background-repeat:no-repeat;width:40px;height:40px;background-size:40px;border-radius:20px}#user-container #user-name{font-size:16px;line-height:36px;padding-right:10px;padding-left:20px}#image-form #submitImage{width:auto;padding:0 6px 0 1px;min-width:0}#image-form #submitImage .material-icons{left:5px}.message img{max-width:100%}.db-image{display:block;text-align:center;width:100%}#mediaCapture{display:none}