div#cropimageholder{position:absolute;top:0;left:0;padding:20px;background-color:white;width:calc(100vw - 40px);z-index:100;display:inline-block;border-bottom:1px solid silver;box-shadow:0 0 20px black;z-index:1000}img#cropimage{width:100%;max-height:calc(100vh - 20px);margin-bottom:20px}#cropimageholder button{margin:5px;margin-top:20px;width:calc(50% - 10px);float:left}.croptools{background:whitesmoke;border:1px solid silver;padding:5px;margin-top:10px}.croptoolbtn{padding:5px;border:1px solid silver;margin-right:5px;width:25px;text-align:center;background:white;height:25px;line-height:25px}div#cropperProgressToolbar span{color:grey;font-size:.8em;position:relative;top:9px;left:8px}.cropperProgressBar .ui-progressbar{width:calc(100% - 52px);height:23px;padding:0;display:inline-block;margin-top:10px}.cropperProgressBar .ui-progressbar .ui-progressbar-value{background:silver;padding:0;margin:0;height:100%}div#attachmentviews{padding-left:10px;padding-right:10px}button#abortbtn{margin:0;width:auto;padding:4px 10px 5px 10px;font-size:1em;line-height:1em;position:absolute;right:20px}i#abortbtn{float:right;padding:5px;color:grey;position:relative;font-size:2em;margin-top:6px;height:20px;right:30px}i#abortbtn .iwap{margin-top:-11px}div#cropperProgressBar{width:calc(100% - 84px);float:left;margin-top:10px;height:32px}div#cropperProgressBar .iwap{margin-top:-5px}div#cropperProgressToolbar span.iwap{font-size:16px}#videopreview,#audioprewiew,#gifprewiew{width:calc(100% - 40px);margin-left:-10px;height:auto;max-height:80vh}input#effooter{width:calc(100% - 4px)}