.custom-statusbar{
border-top: 1px solid #394F61;
padding: 5px 0px 5px 4px;
width: 700px;
}
.odd
{
	background-color:#EDEBEB;
}
.even
{
	background-color:#FFFFFF;
}

.custom-filename {
display: inline-block;
width: 230px;
margin: 0 5px 0px 0px;
color: #807579;
vertical-align: middle;
}
.custom-preview
{
	display:inline-block;
	vertical-align:middle;
	border:1px solid #C7CCD1;
}
.custom-progress {
margin: 0 10px 0px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block;
vertical-align:middle;
color:#FFFFFF;
}
.custom-bar {
background-color: #337AB7;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
display: inline-block;
vertical-align:middle;
margin:0px;
}
.custom-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.custom-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: var(--bs-font-sans-serif), arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: middle;
margin-right:5px;
}
.custom-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: var(--bs-font-sans-serif), arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: middle;
margin-right:5px;
}
.ajax-file-upload {
	font-family: var(--bs-font-sans-serif), Arial, Helvetica, sans-serif;
	font-size: 12px;
  font-weight: normal;
	padding: 15px 20px;
	cursor:pointer;	
	line-height:14px;
	height:25px;
	margin:0 10px 0px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 6px 10px 4px 10px; 
  color: #fff;
  background: #2f8ab9;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; 
  vertical-align:middle;  
  }
  
.ajax-file-upload:hover {
  background: #3396c9;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.ajax-upload-dragdrop
{
	border:2px dashed #C8C8DB;
	width:600px;
	color: #DADCE3;
	text-align:left;
	vertical-align:middle;
	padding:4px;
}
.state-hover
{
		border:2px solid #A5A5C7;
}
.custom-container
{
	margin:20px 0px 20px 0px;
}


/**
* FILE UPLOAD
*/
.ajax-file-upload-container {
margin: 5px 0px 0px 0px !important;
}
.ajax-file-upload-statusbar {
margin: 0px !important;
}
.ajax-file-upload-filename {
font-size: 13px;
}
.ajax-file-upload-bar {
height: 26px !important;
}
.ajax-file-upload-red a {
color: #fff;
}
.ajax-file-upload-red {
  padding: 5px 15px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
	font-family: var(--bs-font-sans-serif), Arial;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ajax-file-upload-error, .ajax-file-upload-error b {
color: #cc4c4c;
font-size: 15px;
}
.ajax-file-upload-progress {
width: 200px !important;
border: 1px solid #bbb;
}