input.sfmdelete {
 
    background-image: url("img/delete.png");
    background-color: transparent;
    background-repeat: no-repeat;
    
    border: none;
    cursor: pointer;
}
input.sfmextract {
    width: 20px;
    
    background-image: url("img/extract.png");
    background-color: transparent;
    background-repeat: no-repeat;
    
    border: none;
    cursor: pointer;
}
.view a:before {
    content: "\f06e ";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #009933;
    font-size: 16px;
    
}
.unzip a:before {
     content: "\f09c ";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #009933;
    font-size: 16px;      
}


.download a:before {
    
    content: "\f019 ";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #38abe3;
    font-size: 16px;
    
}
.sfmfolder:before {
    content: "\f07b ";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #38abe3;
    font-size: 16px;
    
}
input.rename {
    cursor: pointer;
}

.sfmsuccess {
  
}
.sfmfailed {
   
}
i.foldername {
    color: #000000;
}
input.new_name {
    width: 140px;
}
/* used storage bar */
#myProgress {
  position: relative;
  width: 100%;
  height: 15px;
  /*background-color: #ddd;*/
  background-color: #4CAF50;
}

#myBar {
  position: absolute;
 
  height: 100%;
  /*background-color: #4CAF50;*/
  background-color: #cc0000;
  max-width: 100%;
}
table.sfmtable {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}
tr.sfmrow {
    
    padding-top: 2px;
    font-size: 14px;
    height: 28px;
    border: 1px solid #ddd;
   
   
}
td {
    padding: 5px;
}
/* uploadprogress bar */

.sfmprogress {
    position:relative;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 1px;
    
}
.bar {
    background-color: #38abe3;
    width:0%;
    height:15px;
    border-radius: 1px;
    }
.percent {
    position:absolute;
    display:inline-block;
    top:0px;
    left:48%;
    }

.uploads .sfmform{
    float: left;
        /*margin-top: 30px;*/
        margin-right: 20px;
}
.clear {
    clear: both;
}
input.hidden {
    display: none;
}


/* icons to file class */
.sfm_zip:before, .sfm_rar:before {
    content: "\f1c6 ";
    font-family: FontAwesome;
    color: #d5ad0d;
    font-size: 16px;
}
.sfm_jpg:before, .sfm_jpeg:before, .sfm_JPG:before, .sfm_png:before, .sfm_gif:before, .sfm_tif:before, .sfm_tiff:before, .sfm_bmp:before{
    content: "\f1c5 ";
    font-family: FontAwesome;
    color: #009933;
    font-size: 16px;
}

.sfm_pdf:before {
    content: "\f1c1 ";
    font-family: FontAwesome;
    color: #cc0000;
    font-size: 16px;
  
   
}
.sfm_mp3:before {
    content: "\f1c7 ";
    font-family: FontAwesome;
    color: #333;
    font-size: 16px;
}
.sfm_html:before, .sfm_htm:before, .sfm_css:before, .sfm_less:before, .sfm_js:before, .sfm_txt:before {
    content: "\f1c9 ";
    font-family: FontAwesome;
    color: #38abe3;
    font-size: 16px;
}

/* Droparea  */
#drop-area{
    width: 100%;
    background: #f6f6f6;
    border: 2px dashed #cccccc;
    min-height:160px;
    
}
h3.drop-text{
    color:#999;
    text-align:center;
    
}


.uploadspinner {
    margin-left: 50%;
}
form#uploadform {
    margin-left: 45%;
}

span.sfmcrumb {
    color: #38abe3;    
}
.max_exceed {
    color: red;
}