.trlx-upload{text-align:center;margin:0.5em 0 3em;width:100%;max-width:28.125em;height:9.375em;background-color:#eee;position:relative;font-size:1em;display:table;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.trlx-upload label{margin:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.trlx-upload label:hover strong{color:green}.trlx-upload label:hover .icon{opacity:0.25}.trlx-upload label strong{-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;transition:color 0.3s ease}.trlx-upload>div{padding:1.25em;position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.trlx-upload .trlx-upload-cancel{padding:0.25em 0.75em}.trlx-upload-state-ready{top:0;left:0;width:100%;height:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.trlx-upload-state-ready .ready-state-label{position:absolute;top:50%;left:0;width:100%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.trlx-upload-state-ready .ready-state-label strong{clear:both}.trlx-upload-state-ready .ready-state-label .icon{display:block;margin:0 auto 0.5em;width:2.8125em;opacity:0.125;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.trlx-upload-state-ready .ready-state-label .icon figure{padding-top:100%;position:relative}.trlx-upload-state-ready .ready-state-label .icon figure .scale{position:absolute;top:0;left:0}.trlx-upload-dropzone{outline:2px dashed #ccc;outline:2px dashed #e0ded9;outline-offset:-1em;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0;display:none}.trlx-upload-state-done strong{display:block}.trlx-upload-state-done a{display:inline-block;clear:both;margin:0.5em 0;font-size:0.875em;font-weight:700;color:#007c3c;padding-left:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;background-image:url(/admin/images/upload/file-icon-o.png);background-repeat:no-repeat;background-size:14px 16px;background-position:0 3px}.trlx-upload-state-done .trlx-upload-reset{display:block;clear:both;width:50%;text-align:center;margin:0 auto;border:1px solid #bbb;padding:0.35em 0.25em;font-size:0.875em}.trlx-upload-state-progress,.trlx-upload-state-done{display:none}.trlx-upload-state-is-ready .trlx-upload-file{position:absolute;left:-99em}.trlx-upload-state-is-ready .trlx-upload-state-ready{display:block}.trlx-upload-state-is-ready .trlx-upload-state-progress,.trlx-upload-state-is-ready .trlx-upload-state-done{display:none}.trlx-upload-state-is-progress .trlx-upload-state-progress{display:block}.trlx-upload-state-is-progress .trlx-upload-state-ready,.trlx-upload-state-is-progress .trlx-upload-state-done{display:none}.trlx-upload-state-is-done .trlx-upload-state-done{display:block}.trlx-upload-state-is-done .trlx-upload-state-ready,.trlx-upload-state-is-done .trlx-upload-state-progress{display:none}.trlx-upload-undo-button{display:block}