body{margin:0;padding:0;font-family:'Open Sans';font-size:14px;background:transparent}body.uldrop *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;ms-box-sizing:border-box;box-sizing:border-box}#ul_wait{display:none;padding-top:1px}#ul_wait img,.uploader_prev img{vertical-align:middle}input.file{background:#fff;font-size:13px;position:relative;right:0;text-align:right;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;z-index:2}div.fakefile{position:absolute;top:0;left:0;z-index:1}div.fileinputs{position:relative;text-align:right}div.fakefile table{width:250px;margin:0;padding:0;float:left}div.fakefile td{vertical-align:top;padding:0}div.fakefile input,div.fakefile button.btnBrowse{font-size:13px;height:22px;margin:0}* html div.fakefile input{margin-top:-1px}* html div.fakefile button{margin-left:-1px}body.uldrop .file:hover+div.fakefile{background:#00a0ff;color:#fff}body.uldrop div.fileinputs{height:100%}body.uldrop div.fakefile{position:absolute;top:0;left:0;z-index:1;background:#d0d0ff;border:2px dotted #c0c0c0;font-size:17px;line-height:17px;text-align:center;width:100%;height:100%;display:table}body.uldrop div.fakefile .r{display:table-row}body.uldrop div.fakefile .c{display:table-cell;vertical-align:middle;text-align:center}body.uldrop .file{width:100%;height:100%}body.uldrop.wait #ul_wait{display:block}body.uldrop.wait #ul_form{display:none}body.uldrop.design2 #ul_wait{background:#c0c0c0;font-size:15px;line-height:30px;font-weight:bold;font-family:'Open Sans',Arial;text-align:center;padding:0}body.uldrop.design2 #ul_wait img{display:inline-block;margin-right:10px}body.uldrop.design2 div.fakefile{background:{{$c1}};color:#fff;font-size:15px;line-height:30px;font-weight:bold;font-family:'Open Sans',Arial;border:0;width:87px}body.uldrop.design2 .file:hover+div.fakefile{background:#222}.uploader_prev.design2{background:#fff;font-size:15px;line-height:30px;font-weight:bold;font-family:'Open Sans',Arial;text-align:left;padding:0}.uploader_prev.design2 img{margin-bottom:2px}iframe.uploader2_design2{height:30px}.uploader2_prev{text-align:center;display:none}div.uploader2{DISPLAY:flex}

.progressBar {
	box-sizing : border-box;
	width: 200px;
	background-color: #fff;
	border:2px solid #000;
	border-radius:20px;
	overflow:hidden;
	padding:2px;
}

.progressBar .coloredBar {
	box-sizing : border-box;
	width: 0%;
	height: 32px;
	border-radius:16px;
	background-color: #00ff00;
	border:1px solid #000;
	transition:all 10s;
	transition-timing-function: cubic-bezier(0,.24,.51,1.01);
	visibility:hidden;
}


.progressBar.started .coloredBar {
	visibility:visible;
	width:100%;
}
.progressBar.ended .coloredBar {
	transition:all 0.1s;
        background-color: #ffffff;
	width:0%;
}