@font-face { font-family: "Lato"; src: url('../fonts/LatoLatin-Hairline.ttf') format('truetype');}
	@-webkit-keyframes load { 0% { stroke-dashoffset:0 } }
	@-moz-keyframes load { 0% { stroke-dashoffset:0 } }
	@keyframes load { 0% { stroke-dashoffset:0 } }


	#svg circle {
		stroke-dashoffset: 0;
		transition: stroke-dashoffset .5s linear;
		stroke: #666;
		stroke-width: 3px;
	}
	#svg #bar {
		stroke: #FF9F1E;
		stroke-width: 3px;
	}

	#cont {
		display: block;
		/*  height: 200px;
		width: 200px;*/
		height: 140px;
		width: 140px;
		/*float:left;
		margin: 2em auto;
		box-shadow: 0 0 1em black;*/
		border-radius: 100%;
		position: relative;
		margin:0 auto;
	}
	#cont:after {
		position: absolute;
		display: block;
		/*height: 160px;*/
		/*width: 160px;*/
		height: 100px;
		width: 100px;
		left: 50%;
		top: 50%;
		/*box-shadow: inset 0 0 1em black;*/
		content: attr(data-pct);
		margin-top: -50px;
		margin-left: -50px;
		border-radius: 100%;
		/*line-height: 160px;*/
		line-height: 100px;
		font-size: 2.8em;
		text-align: center;
		font-family: Lato;
		/*text-shadow: 0 0 0.5em black;*/
	}

	.contSmall {
		display: inline-block;
		position: relative;
		height: 60px;
		width: 60px;
	}
	.contSmall:after {
		position: absolute;
		display: block;
		height: 60px;
		width: 60px;
		left: 50%;
		top: 50%;
		/*box-shadow: inset 0 0 1em black;*/
		content: attr(data-pct)"%";
		margin-top: -30px;
		margin-left: -30px;
		border-radius: 100%;
		line-height: 60px;
		font-size: 1.2em;
		font-weight: 800;
		text-align: center;
		font-family: Lato;
		/*text-shadow: 0 0 0.5em black;*/
	}

	.uploading_drag_drop_div{
		position: relative;
		/*left: 15px;
		right: 15px;*/
		border:1px dotted red;
		text-align:center;
		padding: 10px 5px;
		margin-bottom:5px;
		border-radius: 4px;
	}
	.uploading_drag_drop_div:before{
		content: 'Drag & Drop here';
		position: absolute;
		top:15px;
		left:50%;
		width:90%;
		margin-left: -45%;
		font-size: 3em;
		color:#c5c5c5;
		font-family: Lato;
		white-space: nowrap;
		overflow-x: scroll;
		text-overflow: ellipsis;
	}
	.item_preview{
		display: inline-block;
	}
	.item_preview img{
		margin-bottom: 0px;
	}
	/*.remove, .deleteUploadedFile, .abort{
		float:right;
	}*/
	.filename
	{
		display:inline-block;
		font-size: .7em;
		max-width: 25%;
		vertical-align: top;
	}
	.UploadedSoFar{
		font-size: .7em;
		display: inline-block;
		color:green;
		margin-left: 5px;
	}
	.filesize
	{
		font-size: .7em;
		display:inline-block;
		color:#a6a6a6;
		margin :0px 5px;
	}