/* Custom Stylesheet */


/* It's easier to calculate widths
 * with border-box layout */
.customfile-container * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font: normal 14px Arial, sans-serif; /* Global font to use ems with precision */
}

.customfile-container {
	width: 300px;
	background: #e4dfd4;
	padding: 1em;
	margin: 0 auto;
}

.customfile-container label:first-child {
	width: 100px;
	display: block;
	margin-bottom: .5em;
	font: bold 18px Arial, sans-serif;
	color: #333;
}

.customfile-wrap {
	position: relative;
	padding: 0;
	margin-bottom: .5em;
}

.customfile-filename,
.customfile-upload {
	margin: 0;
	padding: 0;
}

.customfile-filename {
	width: 64%;
	padding: 8px 0px;
	border: 1px solid #e1e1e1;
	margin:0px 0 0px 0px;
	background:#FFFFFF;
}
.customfile-filename:focus {
	outline: none;
}

.customfile-upload {
  display: inline-block;
  width: 35%;
  padding:8px 0px;
  border: 1px solid #f23c31;
  color: #FFFFFF;
  background: #ddd;
  margin-left: -1px; /* align with input */
  cursor: pointer;
  background: #f23c31;
}

.customfile-upload:hover {
  background: #74b53c;
  border: 1px solid #74b53c;
}
.customfile-upload::-moz-focus-inner { /* Fix firefox padding */
  padding: 0; border: 0
}