.qq-uploader {
position: relative;
width: 100%;
margin-bottom: 0;
}
.qq-upload-button-hover { }
.qq-upload-button-focus { }
.qq-upload-drop-area, .qq-upload-extra-drop-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 50px;
z-index: 2;
background: #E5E4A9;
text-align: center;
}
.qq-upload-drop-area span {
display: block;
position: absolute;
top: 50%;
width: 100%;
margin-top: -8px;
font-size: 16px;
line-height: 16px;
}
.qq-upload-extra-drop-area {
position: relative;
margin-top: 50px;
font-size: 16px;
padding-top: 30px;
height: 20px;
min-height: 40px;
}
.qq-upload-drop-area-active { background: #E7E453;
}
.qq-upload-list {
margin: 8px 0 0;
padding: 0;
list-style: none;
}
.qq-upload-list li {
color: #FFFFFF;
margin: 0 0 1px;
padding: 9px;
overflow: hidden;
line-height: 15px;
font-size: 15px;
list-style: none; -moz-text-shadow: none;
-webkit-text-shadow: none;
-o-text-shadow: none;
text-shadow: none; -moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
position: relative;
background-color: #BFE613 !important;
background: #5DA30C -moz-linear-gradient(-45deg, rgba(45, 170, 60, 0), rgba(45, 170, 60, 0) 10%, rgba(146, 209, 0, 0.4) 30%, rgba(146, 209, 0, 0.4) 50%, rgba(45, 170, 60, 0) 50%, rgba(45, 170, 60, 0));
background-size: 120px 120px;
-webkit-animation-name: gradientShift;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
-webkit-animation-timing-function: linear;
-moz-animation-name: gradientShift;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-fill-mode: both;
-moz-animation-timing-function: linear;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
margin-right: 12px; z-index: 250;
position: relative;
}
.qq-upload-spinner {
display: inline-block;
background: url(//kunststoff-partner.de/wp-content/plugins/frontend-post-submission-manager/assets/images/loading.gif);
width: 15px;
height: 15px;
vertical-align: text-bottom;
}
.qq-upload-size, .qq-upload-cancel {
font-size: 12px;
font-weight: normal;
}
.qq-upload-failed-text {
display: none;
}
.qq-upload-fail .qq-upload-failed-text {
display: inline;
}
.qq-upload-list li.qq-upload-success {
background: #5DA30C;
color: #FFFFFF;
}
.qq-upload-list li.qq-upload-fail {
background: #AF0000;
color: #FFFFFF;
}
.qq-upload-button:hover {
background: #0F5BBB;
}
.qq-upload-button:active {
top: 2px;
}
.qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
float: right;
}
.qq-upload-spinner {
display: none;
}
.qq-progress-bar {
width: 51%;
height: 100%;
position: absolute;
top: 0px;
left: 0;        background-color: #5DA30C; -moz-box-shadow: 0px 0px 14px #0D4500;
-webkit-box-shadow: 0px 0px 14px #0D4500;
-o-box-shadow: 0px 0px 14px #0D4500;
box-shadow: 0px 0px 14px #0D4500; -moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.qq-upload-cancel {
color: #800000;
}
.qq-upload-success .qq-progress-bar {
display: none;
}
@-webkit-keyframes gradientShift {
0%   {background-position-x: 0px;}
100% {background-position-x: 120px;}
}
@-moz-keyframes gradientShift {
0%   { background-position: 0px 0; }
100% { background-position: 120px 0; }
}