.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.webuploader-pick-hover {
	background: #00a2d4;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}

.state{
	color: red;
}

.progress { 

height: 20px; 

margin-bottom: 20px; 

overflow: hidden; 

background-color: #f5f5f5; 

border-radius: 4px; 

-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 

box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 

} 

.progress.active .progress-bar { 

-webkit-animation: progress-bar-stripes 2s linear infinite; 

animation: progress-bar-stripes 2s linear infinite; 

}

 

.progress-striped .progress-bar { 

background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); 

background-size: 40px 40px; 

} 

.progress-bar { 

background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%); 

background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%); 

background-repeat: repeat-x; 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ff428bca’,endColorstr=’#ff3071a9’,GradientType=0); 

} 

.progress-bar { 

float: left; 

height: 100%; 

font-size: 12px; 

line-height: 20px; 

color: #fff; 

text-align: center; 

background-color: #428bca; 

box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); 

transition: width .6s ease; 

}