.fileuploader-input-caption,.fileuploader-item .column-title div{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:700
}

.fileuploader-action-download:active,.fileuploader-action-retry:active,.fileuploader-action-start:active,.fileuploader-input-button:active{
box-shadow:inset 0 1px 6px rgba(0,0,0,.1)
}

.fileuploader,.fileuploader *,.fileuploader :after,.fileuploader :before{
box-sizing:border-box
}

.fileuploader{
display:block;
width:100%;
margin:0;
border-radius:4px;
line-height:normal;
text-align:left
}

.fileuploader-input{
position:relative;
display:flex;
border:1px solid transparent;
cursor:pointer;
overflow:hidden
}

.fileuploader-input-caption{
position:relative;
display:inline-block;
flex:1;
align-self:flex-start;
padding:7px 11px;
margin-right:15px;
background:#fff;
border:1px solid #dde4f6;
color:#ea731c;
transition:all .2s ease-out
}

.fileuploader-input-button{
display:inline-block;
background:#eb7924;
padding:8px 16px;
color:#fff;
text-align:center;
vertical-align:top;
cursor:pointer;
transition:all .2s ease-out
}

.fileuploader-input-button:hover{
background:#ea731c
}

.fileuploader-input-button:active{
background:#eb7924
}

.fileuploader-focused .fileuploader-input-caption{
border-color:#eb7924
}

.fileuploader-focused .fileuploader-input-button{
background:#ea731c;
border-color:#ea731c
}

.fileuploader-disabled .fileuploader-input{
opacity:.7;
cursor:default;
pointer-events:none!important
}

.fileuploader-theme-default .fileuploader-dragging{
background:#fff;
border:1px dashed #dde4f6
}

.fileuploader-theme-default .fileuploader-dragging .fileuploader-input-caption{
border-color:transparent
}

.fileuploader-theme-default .fileuploader-dragging .fileuploader-input-button{
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}

.fileuploader.fileuploader-is-uploading .fileuploader-input-caption:after{
right:10px;
top:50%;
margin-top:-10px;
opacity:.8
}

.fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-item.upload-pending .fileuploader-action-remove:after,.fileuploader.fileuploader-is-uploading .fileuploader-input-caption:after{
content:'';
position:absolute;
width:20px;
height:20px;
border-radius:50%;
border-top:3px solid #dde4f6;
border-right:3px solid #dde4f6;
border-bottom:3px solid #dde4f6;
border-left:3px solid #979fb8;
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation:fileuploaderSpin 1s infinite linear;
animation:fileuploaderSpin 1s infinite linear
}

.fileuploader-items-list{
display:block;
margin:0 -15px;
padding:0;
list-style:none
}

.fileuploader-item{
position:relative;
margin:0;
padding:20px 15px;
border-bottom:1px solid #e8e8e8;
-webkit-animation:fileuploaderSlideIn .4s ease;
animation:fileuploaderSlideIn .4s ease
}

.fileuploader-item:last-child{
border-bottom:0;
margin-bottom:-15px
}

.fileuploader-item.upload-failed{
background:rgba(219,104,104,.08)
}

.fileuploader-item.upload-pending .fileuploader-action-remove:after{
width:26px;
height:26px;
right:-5px;
top:50%;
margin-top:-13px;
opacity:.2
}

.fileuploader-item .columns{
position:relative;
z-index:2
}

.fileuploader-item .column-thumbnail{
position:absolute;
width:36px;
height:36px;
line-height:36px;
left:0;
top:0
}

.fileuploader-item .column-thumbnail .fileuploader-item-image{
position:relative;
width:100%;
height:100%;
border-radius:4px;
overflow:hidden
}

.fileuploader-item .fileuploader-item-image img{
max-width:none;
max-height:100%;
min-height:100%
}

.fileuploader-item .fileuploader-item-image canvas,.fileuploader-item .fileuploader-item-image img{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-animation:fileuploaderFadeIn .2s ease;
animation:fileuploaderFadeIn .2s ease
}

.fileuploader-item .column-thumbnail .fileuploader-item-image.fileuploader-loading:after{
width:24px;
height:24px;
left:50%;
top:50%;
margin-left:-12px;
margin-top:-12px;
border-radius:50%;
opacity:.12
}

.fileuploader-item .column-thumbnail .fileuploader-action-popup{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.2);
border-radius:4px;
cursor:pointer;
opacity:0;
transition:all .2s ease-out
}

.fileuploader-item.file-has-popup .column-thumbnail .fileuploader-action-popup{
display:block
}

.fileuploader-item .column-thumbnail .fileuploader-action-popup:hover{
opacity:1
}

.fileuploader-item .column-thumbnail .fileuploader-action-popup:active{
background:rgba(0,0,0,.4)
}

.fileuploader-item.file-type-audio .column-thumbnail .fileuploader-action-popup:after,.fileuploader-item.file-type-video .column-thumbnail .fileuploader-action-popup:after{
content:'';
position:absolute;
left:50%;
top:50%;
margin-left:-4px;
margin-top:-8px;
width:0;
height:0;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:10px solid #fff
}

.fileuploader-item .fileuploader-item-icon{
position:relative;
width:100%;
height:100%;
text-align:center;
color:#fff;
font-size:11px;
background:#ddd;
border-radius:4px;
cursor:default;
-webkit-user-select:none;
user-select:none;
-webkit-animation:fileuploaderFadeIn .2s ease;
animation:fileuploaderFadeIn .2s ease
}

.fileuploader-item .fileuploader-item-icon.is-bright-color{
color:#888
}

.fileuploader-item .fileuploader-item-icon i{
display:block;
width:90%;
margin:0 auto;
overflow:hidden;
text-overflow:ellipsis;
font-style:normal;
font-weight:700
}

.fileuploader-item .column-title{
display:block;
padding-left:51px;
padding-right:81px;
color:#74809D
}

.fileuploader-item a{
color:#74809D;
text-decoration:none
}

.fileuploader-item .column-title div{
width:100%
}

.fileuploader-item .column-title span{
font-size:12px;
color:#979fb8
}

.fileuploader-item .column-actions{
position:absolute;
right:15px;
top:50%;
margin-top:-9px
}

.fileuploader-action{
display:inline-block;
position:relative;
width:18px;
height:18px;
border-radius:50%;
cursor:pointer;
vertical-align:top;
-webkit-transform:translateZ(0);
transform:translateZ(0);
transition:all .2s ease-out
}

.fileuploader-item .column-actions .fileuploader-action+.fileuploader-action{
margin-left:10px
}

.fileuploader-item .column-actions .fileuploader-action-success{
position:absolute;
right:0;
top:0
}

.fileuploader-item .column-actions .fileuploader-action-success:active,.fileuploader-item .column-actions .fileuploader-action-success:hover{
opacity:0
}

.fileuploader-action-remove{
background:#fae1e1;
border:1px solid #ffcfcf
}

.fileuploader-action-remove:hover{
background:#ffefef
}

.fileuploader-action-remove:active{
background:#ffcfcf
}

.fileuploader-action-remove i:after,.fileuploader-action-remove i:before{
content:'';
position:absolute;
top:4px;
left:7px;
height:8px;
width:2px;
background-color:#f59595
}

.fileuploader-action-remove i:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}

.fileuploader-action-remove i:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}

.fileuploader-action-start{
background:#6381E6;
border-radius:50%
}

.fileuploader-action-start i{
position:absolute;
left:50%;
top:50%;
margin-left:-2px;
margin-top:-5px;
border-radius:2px;
width:0;
height:0;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:5px solid #fff
}

.fileuploader-action-start:hover{
background:#758fe9
}

.fileuploader-action-start:active{
background:#6381E6
}

.fileuploader-action-success{
background:#6381E6;
border:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}

.fileuploader-action-success i:after,.fileuploader-action-success i:before{
content:'';
display:block;
position:absolute;
-webkit-transform:rotate(0);
transform:rotate(0)
}

.fileuploader-action-success i:before{
width:4px;
height:2px;
left:6px;
top:11px;
background:#fff
}

.fileuploader-action-success i:after{
top:4px;
left:9px;
width:2px;
height:9px;
background:#fff
}

.fileuploader-action-download{
background:#6381E6;
border-radius:50%
}

.fileuploader-action-download i{
position:absolute;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-4px;
width:2px;
height:5px;
border-radius:0;
background:#fff
}

.fileuploader-action-download i:after{
content:'';
position:absolute;
width:0;
height:0;
bottom:-4px;
left:-3px;
border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:5px solid #fff;
border-radius:2px
}

.fileuploader-action-download:hover{
background:#758fe9
}

.fileuploader-action-download:active{
background:#6381E6
}

.fileuploader-action-retry{
background:#6381E6;
border-radius:50%
}

.fileuploader-action-retry i:before{
content:'';
position:absolute;
width:10px;
height:10px;
left:4px;
top:4px;
border-radius:50%;
border:2px solid #fff
}

.fileuploader-action-retry i:after{
content:'';
position:absolute;
width:6px;
height:3px;
left:3px;
top:9px;
background:#6381E6;
-webkit-transform:rotate(-35deg);
transform:rotate(-35deg)
}

.fileuploader-action-retry:hover,.fileuploader-action-retry:hover i:after{
background:#758fe9
}

.fileuploader-action-retry:active,.fileuploader-action-retry:active i:after{
background:#6381E6
}

.fileuploader-action-sort{
background:#b0b8d0;
text-align:center;
cursor:move
}

.fileuploader-action-sort:active,.fileuploader-action-sort:hover{
background:#979fb8
}

.fileuploader-action-sort i{
position:relative;
display:inline-block;
top:8px;
width:8px;
height:2px;
background:#fff;
vertical-align:top
}

.fileuploader-action-sort i:before{
content:'';
position:absolute;
display:inline-block;
background:#fff;
width:100%;
height:2px;
top:-3px;
left:0
}

.fileuploader-action-sort i:after{
content:'';
position:absolute;
display:inline-block;
background:#fff;
width:100%;
height:2px;
top:3px;
left:0
}

.fileuploader-item .fileuploader-progressbar{
position:absolute;
left:0;
bottom:0;
width:100%;
height:4px;
border-radius:4px;
overflow:hidden
}

.fileuploader-item .fileuploader-progressbar .bar{
position:absolute;
left:0;
top:0;
width:0;
height:100%;
border-radius:4px;
background:#6381E6;
transition:width .3s ease
}

.fileuploader-item .progress-bar2 .fileuploader-progressbar{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
-webkit-user-select:none;
user-select:none
}

.fileuploader-item .progress-bar2 .fileuploader-progressbar .bar{
position:absolute;
left:0;
top:0;
width:0;
height:100%;
border-radius:0;
background:rgba(104,125,219,.08);
transition:width .3s ease
}

.fileuploader-item .progress-bar2 span{
position:absolute;
top:50%;
margin-top:-29px;
right:15px;
color:rgba(151,159,184,.16);
font-size:48px
}

.fileuploader-input-caption .fileuploader-pending-loader{
margin-right:5px
}

.fileuploader-pending-loader{
position:relative;
display:inline-block;
width:14px;
height:14px;
overflow:hidden;
vertical-align:middle
}

.fileuploader-pending-loader .left-half,.fileuploader-pending-loader:after{
background:#fff
}

.fileuploader-pending-loader .right-half,.fileuploader-pending-loader .spinner{
background:#789BEC
}

.fileuploader-pending-loader:after{
content:'';
position:absolute;
top:3px;
left:3px;
width:8px;
height:8px;
border-radius:50%;
z-index:4
}

.fileuploader-pending-loader .left-half,.fileuploader-pending-loader .right-half,.fileuploader-pending-loader .spinner{
position:absolute;
top:0;
width:50%;
height:100%
}

.fileuploader-pending-loader .left-half{
left:0;
opacity:1;
border-radius:100% 0 0 100%/50% 0 0 50%;
-webkit-animation:fileuploaderOpacity 3s steps(1,end) infinite;
animation:fileuploaderOpacity 3s steps(1,end) infinite;
z-index:3
}

.fileuploader-pending-loader .right-half{
right:0;
opacity:0;
border-radius:0 100% 100% 0/0 50% 50% 0;
-webkit-animation:fileuploaderOpacity 3s steps(1,end) reverse infinite;
animation:fileuploaderOpacity 3s steps(1,end) reverse infinite;
z-index:1
}

.fileuploader-pending-loader .spinner{
left:0;
border-radius:100% 0 0 100%/50% 0 0 50%;
-webkit-animation:fileuploaderSpin 3s linear infinite;
animation:fileuploaderSpin 3s linear infinite;
-webkit-transform-origin:center right;
transform-origin:center right;
z-index:2
}

.fileuploader-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
background:rgba(40,46,61,.9);
z-index:999;
-webkit-animation:fileuploaderFadeIn .4s ease;
animation:fileuploaderFadeIn .4s ease
}

.fileuploader-popup-preview{
width:100%;
height:100%;
padding:40px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
z-index:2
}

.fileuploader-popup-preview .node{
position:relative;
display:block;
width:100%;
height:100%;
min-height:10px;
text-align:center;
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation:fileuploaderSlideInDown .4s;
animation:fileuploaderSlideInDown .4s
}

.fileuploader-popup-preview .node.astext>div,.fileuploader-popup-preview .node.audio>audio,.fileuploader-popup-preview .node.image>img,.fileuploader-popup-preview .node.video>video{
max-width:100%;
max-height:100%;
margin:0;
padding:0;
color:#47525d;
background:#fff;
box-shadow:0 0 20px rgba(0,0,0,.4);
border-radius:4px
}

.fileuploader-popup-preview .node.audio audio{
width:450px
}

.fileuploader-popup-preview .node.astext div{
max-width:992px;
padding:20px;
margin:0 auto;
font-size:14px;
line-height:16px;
text-align:left;
overflow-y:auto;
white-space:pre-wrap
}

.fileuploader-popup-preview .tools{
width:100%;
margin-top:30px
}

.fileuploader-popup-preview .tools:after{
content:'';
position:absolute;
left:0;
width:100%;
margin-top:-240px;
height:2000px;
background:rgba(35,40,54,.96);
box-shadow:0 -2px 10px rgba(0,0,0,.4);
z-index:-1
}

.fileuploader-popup-preview .tools ul{
display:table;
list-style:none;
margin:0 auto;
padding:0;
-webkit-animation:fileuploaderSlideIn .4s;
animation:fileuploaderSlideIn .4s
}

.fileuploader-popup-preview .tools li{
display:inline-block;
padding:0 20px;
max-width:50%;
vertical-align:middle
}

.fileuploader-popup-preview .tools li span{
display:block;
color:#868896;
margin-top:3px;
font-size:14px
}

.fileuploader-popup-preview .tools li h5{
margin:8px 0;
color:#dfdeee;
font-size:14px;
font-weight:700;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.fileuploader-popup-preview .tools li a{
display:inline-block;
cursor:pointer;
text-align:center;
text-decoration:none;
transition:opacity .2s ease
}

.fileuploader-popup-preview .tools li a:hover{
opacity:.6
}

.fileuploader-popup-preview .tools li a i{
display:inline-block;
width:23px;
height:23px;
margin-bottom:2px;
background-size:contain;
background-repeat:no-repeat;
background-position:center
}

.fileuploader-popup-preview .tools li a[data-action=crop] i{
background-image:url(data:image/svg+xml;
utf8;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNiAwLjd2LTAuN2gtMC43bC0zIDNoLTcuM3YtM2gtMnYzaC0zdjJoM3Y4aDh2M2gydi0zaDN2LTJoLTN2LTcuM2wzLTN6TTUgNWg1LjNsLTUuMyA1LjN2LTUuM3pNMTEgMTFoLTUuM2w1LjMtNS4zdjUuM3oiLz4KPC9zdmc+Cg==)
}

.fileuploader-popup-preview .tools li a[data-action=rotate-cw] i{
background-image:url(data:image/svg+xml;
utf8;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNiA3di00bC0xLjEgMS4xYy0xLjMtMi41LTMuOS00LjEtNi45LTQuMS00LjQgMC04IDMuNi04IDhzMy42IDggOCA4YzIuNCAwIDQuNi0xLjEgNi0yLjhsLTEuNS0xLjNjLTEuMSAxLjMtMi43IDIuMS00LjUgMi4xLTMuMyAwLTYtMi43LTYtNnMyLjctNiA2LTZjMi40IDAgNC41IDEuNSA1LjUgMy41bC0xLjUgMS41aDR6Ii8+Cjwvc3ZnPgo=)
}

.fileuploader-popup-preview .tools li a[data-action=remove] i{
background-image:url(data:image/svg+xml;
utf8;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yIDV2MWgxdjljMCAwIDEuMSAxIDQuNSAxczQuNS0xIDQuNS0xdi05aDF2LTFoLTExek02IDE0aC0xdi03aDF2N3pNOCAxNGgtMXYtN2gxdjd6TTEwIDE0aC0xdi03aDF2N3oiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyIDNjMCAwIDAtMC41LTItMC44di0wLjdjMC0wLjgtMC43LTEuNS0xLjUtMS41aC0yYy0wLjggMC0xLjUgMC43LTEuNSAxLjV2MC43Yy0xLjYgMC4zLTIgMC44LTIgMC44aC0xdjFoMTF2LTFoLTF6TTYgMS41YzAtMC4zIDAuMi0wLjUgMC41LTAuNWgyYzAuMiAwIDAuNSAwLjIgMC41IDAuNXYwLjZjMC0wLjEtMC45LTAuMS0xLjUtMC4xcy0xLjEgMC0xLjUgMC4xdi0wLjZ6Ii8+Cjwvc3ZnPgo=)
}

.fileuploader-popup-preview .tools li.separator{
position:relative;
margin:5px 40px 5px 0;
height:40px;
border-right:1px solid #36394e
}

.fileuploader-popup-preview .tools .buttons{
text-align:center;
margin-top:30px;
-webkit-animation:fileuploaderSlideIn .4s;
animation:fileuploaderSlideIn .4s
}

.fileuploader-popup-button{
display:inline-block;
background:0 0;
color:#596671;
font-weight:700;
border-radius:4px;
padding:11px 20px;
margin:0 10px;
cursor:pointer;
outline:0;
border:2px solid #596671;
text-decoration:none;
transition:all .2s ease-out
}

.fileuploader-popup-button:hover{
background:#e6ebf4;
border-color:#e6ebf4;
color:#90a0bc;
text-decoration:none
}

.fileuploader-popup-button:active,.fileuploader-popup-button:focus{
color:#90a0bc;
background:#d1d9e8;
border-color:#d1d9e8;
text-decoration:none
}

.fileuploader-popup-button.button-success{
color:#fff;
background:#6381E6;
border-color:#6381E6
}

.fileuploader-popup-button.button-success:hover{
background:#758fe9;
border-color:#758fe9;
color:#fff;
text-decoration:none
}

.fileuploader-popup-button.button-success:active,.fileuploader-popup-button.button-success:focus{
color:#fff;
background:#6381E6;
border-color:#6381E6
}

.fileuploader-cropper,.fileuploader-cropper *{
-webkit-user-select:none;
user-select:none
}

.fileuploader-cropper{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(17,20,27,.65);
z-index:9
}

.fileuploader-cropper-area{
position:absolute;
left:0;
top:0;
width:0;
height:0;
z-index:2
}

.fileuploader-cropper-area.has-grid:after,.fileuploader-cropper-area.has-grid:before{
content:'';
position:absolute;
border:1px solid rgba(250,250,250,.8);
opacity:0;
transition:all .4s ease;
z-index:1
}

.fileuploader-cropper-area.has-grid:before{
top:0;
left:50%;
height:100%;
width:34%;
border-top:0;
border-bottom:0;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}

.fileuploader-cropper-area.has-grid:after{
top:50%;
left:0;
height:34%;
width:100%;
border-left:0;
border-right:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}

.fileuploader-cropper-area.has-grid.moving:after,.fileuploader-cropper-area.has-grid.moving:before{
opacity:1
}

.fileuploader-cropper-area .point{
position:absolute;
width:12px;
height:12px;
background:#fafafa;
box-shadow:0 0 6px rgba(0,0,0,.4);
border-radius:50%;
z-index:3
}

.fileuploader-cropper-area .point-a{
top:-6px;
left:-6px;
cursor:nw-resize
}

.fileuploader-cropper-area .point-b{
top:-6px;
left:50%;
margin-left:-6px;
cursor:n-resize
}

.fileuploader-cropper-area .point-c{
top:-6px;
right:-6px;
cursor:ne-resize
}

.fileuploader-cropper-area .point-d{
top:50%;
right:-6px;
margin-top:-6px;
cursor:w-resize
}

.fileuploader-cropper-area .point-e{
bottom:-6px;
right:-6px;
cursor:nw-resize
}

.fileuploader-cropper-area .point-f{
bottom:-6px;
left:50%;
margin-left:-6px;
cursor:s-resize
}

.fileuploader-cropper-area .point-g{
bottom:-6px;
left:-6px;
cursor:sw-resize
}

.fileuploader-cropper-area .point-h{
left:-6px;
top:50%;
margin-top:-6px;
cursor:w-resize
}

.fileuploader-cropper-area .area-move{
position:absolute;
width:95%;
height:95%;
left:50%;
top:50%;
z-index:2;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
cursor:move
}

.fileuploader-cropper-area .area-image{
position:relative;
overflow:hidden;
width:100%;
height:100%
}

.fileuploader-cropper-area .area-image img{
width:auto;
height:auto;
max-width:none;
max-height:none;
position:absolute;
left:0;
top:0;
background:#fff;
-webkit-transform-origin:top left;
transform-origin:top left
}

.fileuploader-item.sorting{
background:#f5f6fA;
border-radius:4px;
opacity:.9;
box-shadow:0 1px 4px rgba(0,0,0,.2);
z-index:799
}

.fileuploader-item.sorting,.fileuploader-item.sorting .fileuploader-item-icon,.fileuploader-item.sorting .fileuploader-item-image canvas,.fileuploader-item.sorting .fileuploader-item-image img,.fileuploader-sorter-placeholder{
-webkit-animation:none;
animation:none
}

.fileuploader-sorter-placeholder{
background:rgba(0,0,0,.03);
margin:0;
padding:0
}

@-webkit-keyframes fileuploaderOpacity{
0%{
opacity:1
}

100%,50%{
opacity:0
}


}

@keyframes fileuploaderOpacity{
0%{
opacity:1
}

100%,50%{
opacity:0
}


}

@-webkit-keyframes fileuploaderFadeIn{
from{
opacity:0
}

to{
opacity:1
}


}

@keyframes fileuploaderFadeIn{
from{
opacity:0
}

to{
opacity:1
}


}

@-webkit-keyframes fileuploaderScaleIn{
from{
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}

to{
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}


}

@keyframes fileuploaderScaleIn{
from{
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}

to{
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}


}

@-webkit-keyframes fileuploaderSlideIn{
from{
-webkit-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}

to{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}


}

@keyframes fileuploaderSlideIn{
from{
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}

to{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}


}

@-webkit-keyframes fileuploaderSlideOut{
from{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}

to{
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}


}

@keyframes fileuploaderSlideOut{
from{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}

to{
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:0
}


}

@-webkit-keyframes fileuploaderSlideInDown{
from{
-webkit-transform:translateY(-5%);
transform:translateY(-5%);
opacity:0
}

to{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}


}

@keyframes fileuploaderSlideInDown{
from{
-webkit-transform:translateY(-5%);
transform:translateY(-5%);
opacity:0
}

to{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}


}

@-webkit-keyframes fileuploaderSpin{
0%{
-webkit-transform:rotate(0);
transform:rotate(0)
}

100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}


}

@keyframes fileuploaderSpin{
0%{
-webkit-transform:rotate(0);
transform:rotate(0)
}

100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}


}