/**
 * @copyright   Copyright (c) 2023 911websiterepair. All rights reserved.
 * @license     http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 * author		911websiterepair.com
 */
.upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 100%; float:left;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 5px
}
.upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #807579
}
.upload-progress {
margin: 0 10px 5px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block
}
.upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
}
.upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.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 #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.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-right:5px;
}
.upload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
	padding: 15px 20px;
	cursor:pointer;
	line-height:20px;
	
	margin:0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #edf2f7;
  padding: 0px 0px 0px 0px; 
  color: #00a1d5;
  background: #edf2f7;
  border: none;
  -moz-box-shadow: 0 2px 0 0 #edf2f7;
  -webkit-box-shadow: 0 2px 0 0 #edf2f7;
  box-shadow: 0 2px 0 0 #edf2f7;
  vertical-align:middle; top:2px;
 border-radius: 2px;  
    
  }

.upload:hover {
      background: #edf2f7;
      -moz-box-shadow: 0 2px 0 0 #edf2f7;
      -webkit-box-shadow: 0 2px 0 0 #edf2f7;
      box-shadow: 0 2px 0 0 #edf2f7;
}

.ajax-upload-dragdrop
{
	float:left; width:100%;
	color: #DADCE3;
	text-align:center;
	vertical-align:middle;
    padding: 50px;
    border: 2px dashed #dadada;
    margin-top: 15px;
    background-color: #e9ecef;
}
.file-drag{ background: #10223e;
    padding: 6px;
    border-radius: 2px;
    position: relative;
    bottom: 2px;     color: #00a1d5; font-size: 12px;    text-transform: uppercase; }

.file-drag .icon-upload {
    margin-right: 10px;
}

.field_title_multiple { padding:10px 10px;float:left; width:100%; display: none;}
	
.field_title_multiple .upload{ display:none;} .field_title_multiple .file-drag{ display:none;} #status{ float:left; width:100%;}
