.js .inputfile { 
	width:0.1px;
	height:0.1px;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}

.inputfile + label { 
	display:inline-block;
	overflow:hidden;
	width:100%;
	padding:14px;
	font-size:16px;
	font-weight:400;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
	cursor:pointer;
}

.no-js .inputfile + label { 
	display:none;
}

.inputfile:focus + label,
.inputfile.has-focus + label { 
	outline:1px dotted #000;
	outline:-webkit-focus-ring-color auto 5px;
}

.inputfile + label * { 
	/* pointer-events:none; */
	/* in case of FastClick lib use */
}

.inputfile + label svg { 
	width:1em;
	height:1em;
	vertical-align:middle;
	fill:currentColor;
	margin-top:-0.25em;
	/* 4px */
	margin-right:0.25em;
	/* 4px */
}


/* style 1 */

.inputfile-1 + label { 
	background-color:#d6d2c4;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover { 
	background-color:#e6e3d8;
}

.upload-icon { 
	display:block;
	position:absolute;
	right:16px;
	top:12px;
	width:17px;
}