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

	.inputfile + label {
		display: inline-block;
		height: 25px;
		font-family: OpenSans, Arial, sans-serif;
		font-size: 12px;
		cursor: default;
		white-space: nowrap;
		padding: 0 !important;
		color: #666666;
		border: solid #c8c8c8 1px;
		box-sizing: border-box;
		border-radius: 4px;
		background-image: linear-gradient(#ffffff, #f0f0f0);
		box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.07);
		}

		.inputfile + label:hover {
			box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
		}

		.inputfile + label button {
			position: relative;
			width: 31px;
			height: 25px;
			left: -1px;
			top: -1px;
			padding: 2px 5px;
			border-right: solid #c8c8c8 1px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			margin-right: 10px;
			pointer-events: none;
		}

	.inputfile:focus + label, .inputfile.has-focus + label {
		border-color: #b0b0b0;
		box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
	}

	.inputfile + label span {
		display: inline-block;
		max-width: 298px;
		line-height: 23px;
		vertical-align: top;
		margin-right: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
	}