
.sys_uploader .uploaddirctr, .sys_uploader .uploadfilectr{
	position:relative;
	height: 1in;
	width: 1in;
	display:inline-block;
	vertical-align:top;
	margin: 5px;
}
.sys_uploader .uploaddirctr>input[type="file"], .sys_uploader .uploadfilectr>input[type="file"], .sys_uploader .uploaddirctr>div.preview, .sys_uploader .uploadfilectr>div.preview{
	position:absolute;
	top:0;
	left:0;
	height: 1in;
	width: 1in;
}
.sys_uploader .uploaddirctr>input[type="file"], .sys_uploader .uploadfilectr>input[type="file"]{
	opacity:0;
	z-index:1;
}
.sys_uploader .uploaddirctr>div.preview, .sys_uploader .uploadfilectr>div.preview{
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
}
.sys_uploader .uploaddirctr>div.preview{
	background-image:url(../images/Antu_folder-brown.svg);
}
.sys_uploader .uploadfilectr>div.preview{
	background-image:url(../images/Crystal_Clear_action_filenew.png);
}
.sys_uploader .progressbar{
	height: 0.5in;
	width:4in;
	border:1px solid #333;
	background-color:white;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.sys_uploader .progressbar>div{
	position:absolute;
	display:inline-block;
	vertical-align:top;
	top:0;
	left:0;
	width:0px;
	height:0.5in;
	background-color:blue;
}
.sys_uploader .progressbar>span{
	position:absolute;
	display:inline-block;
	vertical-align:top;
	top:0;
	left:0;
	width:5em;
	height:0.5in;
	line-height:0.5in;
}
.sys_uploader input[name="pause"], .sys_uploader input[name="cancel"]{
	width: 0.5in;
	height: 0.5in;
	display:inline-block;
	vertical-align:top;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	border:0;
	background-color:transparent;
}
.sys_uploader input[name="pause"]{
	background-image:url(../images/Pause_-_The_Noun_Project.svg);
}
.sys_uploader input[name="pause"].play{
	background-image:url(../images/Font_Awesome_5_regular_play-circle.svg);
}
.sys_uploader input[name="cancel"]{
	background-image:url(../images/Crystal_button_cancel.svg);
}
