.trlx-upload{
    text-align:center;
    margin:2rem auto;
    width:60%;
    height:7.8125rem;
    background-color:#eee;
    position:relative;
    font-size:1rem;
    display:table;
    vertical-align:middle
}
.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 strong{
    -webkit-transition:color .3s ease;
    -moz-transition:color .3s ease;
    transition:color .3s ease
}
.trlx-upload>div{
    padding:1.25rem;
    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%)
}
.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 .5rem;
    width:2.8125rem
}
.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-offset:-1rem;
    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:.5rem 0;
    font-size:.875em;
    padding-left:1.25rem;
    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:.875rem 1rem;
    background-position:0 .1875rem
}
.trlx-upload-state-done .trlx-upload-reset{
    display:block;
    clear:both;
    width:50%;
    text-align:center;
    margin:0 auto;
    border:1px solid #bbb;
    padding:.35rem .25rem;
    font-size:.875rem
}
.trlx-upload-state-is-ready .trlx-upload-file{
    position:absolute;
    top:-99rem;
    left:-99rem
}
.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