@import "http://fonts.googleapis.com/css?family=Droid+Sans";
@import "https://fontawesome.com/icons/file-upload?style=solid";
form{
background-color:#fff
}
input,textarea {
    font-family:'Droid Sans',sans-serif;
    font-size: 120%;
}
#maindiv{
width:960px;
margin:10px auto;
padding:10px;
font-family:'Droid Sans',sans-serif
}
#formdiv{
width:500px;
text-align:center;
margin: 0 auto;
}
form{
padding:40px 20px;
box-shadow:0 0 10px;
border-radius:2px
}
h2{
margin-left:30px
}
.upload{
background-color:red;
background-color:#5cb85c;
border:1px solid red;
border:1px solid #5cb85c;

color:#fff;
border-radius:5px;
padding:10px;
text-shadow:1px 1px 0 green;
box-shadow:2px 2px 15px rgba(0,0,0,.75)
}
.upload:hover{
cursor:pointer;
background:#c20b0b;
background:#5cd85c;
border:1px solid #5cd85c;
box-shadow:0 0 5px rgba(0,0,0,.75)
}

#upload{
margin-left:45px
}
#noerror{
color:green;
text-align:left
}
#error{
color:red;
text-align:left
}
#img1{
  width: 30px;
    border: none;
    height: 30px;
    margin-left: -25px;
    margin-top: -70px;
}
#img2{
  
  width: 30px;
  border: none;
  height: 30px;
  margin-left: -30px;
  position: absolute ;
}
.abcd{
text-align:center;
margin-bottom: 20px;
}
.abcd img{
height:100px;
width:100px;
padding:10px;
border:1px solid #e8debd;
margin-top: 10px;
}
b{
color:red
}
.ui-progressBar {
    position: relative;
    color:black;
   
   margin-top: 20px;
   border: 1px solid #E8D1CF;
  background:  #5cb85c url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
 height: 30px;
}
  .progress-label {
    position: absolute;
    width: 100%;
   
    color:black;
   
  }

.ui-widget-header {
  border: 1px solid #E8D1CF;
  background:  #5cb85c url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  height: 30px;  
}
.filediv { 
  border: 1px dashed grey;
  height: 200px;
  position: relative;
  margin-bottom: 15px;
}

#file {
  
  position: absolute;
   background: url("https://fontawesome.com/icons/file-upload?style=solid");
    margin-left: 10px;
    color: black;
  
    margin-top: 160px;
}
.centered {
  position: absolute;
  margin-top: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
}

#drop_icon {
  margin-top: 10px;
  opacity: 0.5; 
  width: 80px;  
}

#progressBar {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;

}