
.ajax-file-upload-statusbar {
	position:relative;
	width:100%;
	padding-top:5px;
}
.ajax-file-upload-filename { 
	display:none;
	height:auto;
	margin:2px 105px 3px 0;
	font-size:13px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ajax-file-upload-container { 
	padding-top:15px;
	width:100%;
}
.ajax-file-upload-progress {
	margin:0;
	position:absolute;
	bottom:-3px;
	left:5%;
	width:90%;
}
.ajax-file-upload-bar { 
	width:0;
	height:3px;
	color:#ffffff;
	background-color:#0295ff;
}
.ajax-file-upload-percent {
	position:absolute;
	display:inline-block;
	top:3px;
	left:48%
}
.ajax-file-upload-button, .ajax-file-loading, .ajax-file-upload-grey, .f-cancel-button { 
	position:absolute;
	top:0;
	right:0;
	border-radius:0;
	display:inline-block;
	font-size:13px;
	font-weight:600;
	padding:8px 15px;
	text-decoration:none;
	cursor:pointer;
	vertical-align:top;
}
.ajax-file-loading { 
	right:auto;
	left:-11px;
	color:#ffffff;
}
.ajax-file-loading i { 
	display:none;
}
.ajax-file-percent { 
	font-weight:300;
}
.ajax-file-upload-button { 
	display:none!important;
}
.ajax-file-upload-button:hover { 
	opacity:0.9;
}
.ajax-file-upload-grey, .f-cancel-button { 
	color:#ffffff;
	background-color:#999999;
}
.ajax-file-upload-green {
	color:#ffffff;
	background-color:#77b55a;
}
.ajax-file-upload { 
	display:table;
	width:100%;
	height:100px;
	padding:0 25px;
	font-size:12px;
	font-weight:400;
	text-align:center;
	border:none;
	border-radius:8px;
	text-align:center;
	transition:all 0.3s;
}
.ajax-file-upload span { 
	display:table-cell;
	vertical-align:middle;
}
.ajax-file-upload span span { 
	display:block;
}
.ajax-file-upload i { 
	margin-bottom:10px;
	font-size:32px!important;
}

.ajax-upload-dragdrop {
	border:2px dashed #c1c1c1;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.ajax-file-upload:hover {
	background-color:#ffffff;
	border-radius:8px;
}
.state-hover {
	//background-color:rgba(0, 0, 0, 0.1);
	background-color:#ffffff;
}
.ajax-file-upload-error { 
	margin-top:5px;
	font-size:13px;
}
.df_exists { 
	position:relative;
	padding:3px 0;
	margin-bottom:8px;
	font-size:14px;
}
.df_url { 
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:5px;
}
.f-cancel-button { 
	position:absolute;
	right:0;
	border-radius:0 7px 0 0;
}
.s-upload { 
	position:relative;
	display:none;
	vertical-align:top;
	width:100%;
	height:;
	margin-bottom:15px;
	font-size:60px;
	text-align:center;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background-image:url(../img/file-upload-cloud.png);
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.s-upload img { 
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}

/* MEDIA QUERIES - 1250PX */
@media screen and (max-width: 1250px) { 
.ajax-file-upload { 
	//height:190px;
}
}

/* MEDIA QUERIES - 710PX */
@media screen and (max-width: 710px) { 
.ajax-file-upload, .s-upload { 
	//height:130px;
}
}
/* MEDIA QUERIES - 520PX */
@media screen and (max-width: 520px) { 
.ajax-file-upload, .s-upload { 
	//font-size:15px;
}
}
