.ajax-file-upload-filename {
width: 165px;
height: auto;
margin: 0 5px 5px 0px;
}
.ajax-file-upload-filesize {
width: 50px;
height: auto;
margin: 0 5px 5px 0px;
display: inline-block;
vertical-align:middle;
}
.ajax-file-upload-progress {
margin: 5px 10px 5px 0px;
position: relative;
width: 170px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block;
color:#FFFFFF;
}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-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: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload:hover {
background: var(--theme_color);
-moz-box-shadow: 0 2px 0 0 var(--theme_color);
-webkit-box-shadow: 0 2px 0 0 var(--theme_color);
box-shadow: 0 2px 0 0 var(--theme_color);
}
.ajax-upload-dragdrop{
border:2px dotted #A5A5C7;
width:100%;
color: #DADCE3;
text-align:left;
vertical-align:middle;
padding:10px 10px 0px 10px;
}
.state-hover
{
border:2px solid #A5A5C7;
}
.ajax-file-upload-container
{
width: 100%;
overflow-x: auto;
display: flex;
margin: 0px 0px 31px 29px;
padding-top: 20px;
}
.ajax-file-upload-preview{
width: 165px !important;
height: 165px !important;
}
.ajax-file-upload-red{
display: table;
}
#mulitplefileuploader{
padding: 40px 29px;
width: 52%;
float: left;
}
#optionfileuploader{
padding: 40px 29px;
width: 52%;
}
.upload_link_div{
margin-top: 11px;padding: 0px 0px 0px 40px;margin-right: 21px;
}
.ajax-file-upload{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 20px;
height: 30px;
font-weight: bold;
cursor:pointer;
margin: 0 10px 10px 0;
display: inline-block;
text-decoration: none;
-webkit-border-radius: 3px;
padding: 6px 10px 0px 10px;
color: var(--btn_color);
background: -webkit-linear-gradient(left,var(--theme_color),var(--btn_bg_color)) !important;
border: none;
box-shadow: 0 0px 0 0 -webkit-linear-gradient(left,var(--theme_color),var(--btn_bg_color)) !important;
vertical-align: middle;
text-align: center;
}
.ajax-upload-dragdrop {
font-size: 18px;
}
.ajax-file-upload-statusbar {
border: 1px solid var(--btn_bg_color);
width: auto;
border-radius: 4px;
padding: 5px 5px 5px 5px;
text-align: center;
word-break: break-all;
height: auto;
}
.ajax-file-upload-progress {
margin: 0px 28px 5px 0px;
position: relative;
width: -webkit-fill-available;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block;
color:#FFFFFF;
}
.ajax-file-upload-bar {
background-color: var(--theme_color);
width: 0;
height: 7px;
border-radius: 3px;
color:#FFFFFF;
}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-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 var(--btn_bg_color);
background-color: var(--btn_bg_color);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 20px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 12px;
font-weight: normal;
padding: 1px 5px;
text-decoration: none;
text-shadow: 0 1px 0 var(--btn_bg_color);
cursor: pointer;
vertical-align: top;
float: right;
margin: -26px 1px 0 0;
}
.ajax-file-upload-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: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.state-hover
{
border:2px solid #A5A5C7;
}
.upload_link_div{
margin-top: 11px;padding: 0px 0px 0px 40px;margin-right: 21px;
}
.item-input-wrap1:after{
background-color: rgb(255, 255, 255);
}
.ajax-file-upload-filename{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
}
.ajax-file-upload-error{
font-size: 18px;
float: right;
color: #777;
cursor: pointer;
}