body{background:#f8f8f8;padding:0}body,p,ul{margin:0}ul{padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.header{padding:40px}.content{background:#fff}ul{margin-bottom:14px;list-style:none}.file_li{display:block;margin:10px 0 7px 0;background-repeat:no-repeat;background-position:97%;font-size:14px;color:#fff;padding:5px 0 0 20px;text-decoration:none}.orange{background-color:#f5876e}.blue{background-color:#62a9dc}.green{background-color:#8ebd40}.purple{background-color:#988cc3}.gold{background-color:#d8c86e}.file_span{width:300px;height:30px;margin:0 0 7px 0}.example-full .btn-group .dropdown-menu{display:block;visibility:hidden;-webkit-transition:all .2s;transition:all .2s}.example-full .btn-group:hover>.dropdown-menu{visibility:visible}.example-full label.dropdown-item{margin-bottom:0}.example-full .btn-group .dropdown-toggle{margin-right:.6rem}.example-full .filename{margin-bottom:.3rem}.example-full .btn-is-option{margin-top:.25rem}.example-full .example-foorer{padding:.5rem 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.example-full .edit-image img{max-width:100%}.example-full .edit-image-tool{margin-top:.6rem}.example-full .edit-image-tool .btn-group{margin-right:.6rem}.example-full .footer-status{padding-top:.4rem}.example-full .drop-active{top:0;bottom:0;right:0;left:0;position:fixed;z-index:9999;opacity:.6;text-align:center;background:#000}.example-full .drop-active h3{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#fff;padding:0}