#uploadContainer{
	border: 1px solid rgba(209, 209, 209, 0.9);
	padding: 10px;
	padding-top:15px;
	margin: 10px 0;
	font-family: inherit;
	line-height: 24px;
	border-radius: 5px;
	border-spacing: 5em;
	width:100%;
	max-width:100%;
}
input:focus {
    background-color: transparent;
	border:none;
}
#fileContent{
	margin-top:18px;
	text-transform:capitalize;
	text-decoration:none!important;
}
#fileContent a{text-decoration:none!important;}
#fileContent table{	
	border:1px solid rgba(155, 144, 144, 0.5)
}
#fileContent table tr th{background: #c0ccd2; padding: 10px; font-size: 17px; border-right: 1px solid rgba(155, 144, 144, 0.5); font-weight: bold; text-align: left; color: #574e4e;}
#fileContent table tr td{padding:5px 10px ; border-right:1px solid rgba(155, 144, 144, 0.5);position:relative; font-size:17px; vertical-align:middle; word-break: break-all;}
#fileContent table tr th:last-child, #fileContent table tr td:last-child{border:0;}
#fileContent table tr:nth-child(odd) {background:#d4eaf3;}
#fileContent table tr:nth-child(even) {background:#fff;}
#uploadHere{
	padding: 10px 0;
	position: relative;
	margin: 10px 0 5px;
}
#uploadHere form{
	margin-top:15px;
}
#uploadHere span{
	position:absolute;
	top:-5px;
	left:0px;
	cursor:pointer;
	width: auto;
	display: block;
	border: 1px solid rgba(105, 98, 98, 0.47);
	border-radius:3px;
	padding-left: 40px;
	line-height: 40px;
	padding-right: 10px;
	font-size: 16px;
	color:rgba(128, 125, 125, 0.78);
	transition:ease-in-out 200ms;
}
#uploadHere span:hover{
	box-shadow:0 10px 6px -6px rgba(53, 49, 49, 0.38);
}
#uploadHere span:before{
	content:url('../images/ham-icon.png');
	position:absolute;
	top:5px;
	left:4px;
}
.changed:active:before{
	content:url('../images/cancel.png');
	position:absolute;
	top:3px;
	left:5px;
}
.upload_box{
	position:relative;
	top:20px;
}
.the-submit{
	width: auto;
	font-family: inherit;
	position: relative;
	color: rgba(31, 119, 129, 0.9);
	text-transform: uppercase;
	font-size: 15px;
	height: 40px;
	border-radius: 3px;
	border: 1px solid rgba(113, 198, 150, 0.5);
	padding-left: 40px;
}
input[type=file] {
  cursor: pointer;
  width: 155px;
  height: 34px;
  overflow: hidden;
}
input[type=file]:before {
  width: 200px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  content: 'Select your file';
  display: inline-block;
  background: white;
  border: 1px solid #000;
  padding: 0 10px;
  text-align: center;
  font-family: inherit;
}
input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
}
#nofiles{color:red;}

.delete_file{position:relative;}
.delete_file:after{
	content:url('../images/trash.png');
	position: relative;
}
.delete_file:hover:after{
	content:url('../images/delete.png')!important;
	position: relative;
}
.cancel a{display:block; text-align:center;}
.cancel{transition:ease-in-out 200ms;}
.cancel:hover{background:rgba(237, 86, 86, 0.63);}

.file_field{
	width:100px;
	height: 35px;
	border-radius: 3px;
	border: 1px solid rgba(174, 166, 166, 0.8);
	text-align:center;
}
.file_btn{
	width: 120px;
	border: 0;
	background: rgba(18, 173, 47, 0.62);
	height: 35px;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	font-family: inherit;
	font-size: 15px;
	position:relative;
}
.file_btn:hover{
	opacity:.8
}
.file_btn:focus{
	width: 120px;
	border: 0;
	background: rgba(18, 173, 47, 0.62);
	height: 35px;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	font-family: inherit;
	font-size: 15px;
}
@media only screen and ( max-width:420px ){
	input{display: block; margin: 5px auto; width: 100% !important;}
	#uploadHere span{position:relative; width:100%!important; text-align:center!important; margin:0 auto!important; padding:0!important;}
	#uploadHere{padding:0 20px!important; margin:10px 0 -10px!important;}
	.upload_box{top:0!important;}
	#fileContent{margin-top:0!important;}
}