.fileinput-button {position: relative;overflow: hidden;}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}
.fileupload-buttonbar {margin-bottom: 10px;}
.files {list-style-type: none;margin: 0px;padding: 0px;}
.files li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 80px;
    height: 80px;
    background: #ECECEC;
}
.files li .preview {display: block;height: 80px;}
.template-upload .preview {background: url('../img/upload.png') no-repeat center;}
.files li .actions {
    position: absolute;
    margin-top: -22px;
    width: 80px;
    height: 22px;
    background: rgba(0, 0, 0, 0.52);
    padding-top: 1px;
    display: block;
    text-align: center;
    font-size: 13px;
    
}
.files li:hover > .actions {display: block;}
.files .actions i {
    color: #fff !important;
    cursor: pointer;
    opacity: 0.8;
}
.files .actions i:hover {opacity: 1;}
.files .progress {position: relative;margin: -20px 3px 0 3px;height: 14px;}
.files .label {display: inline-block;margin: 30px 0 0 20px;}
.files li img{display: block;margin: 0 auto;}

.filetype._blank{background-image: url('../img/icons/_blank.png');}.filetype._page{background-image: url('../img/icons/_page.png');}.filetype.aac{background-image: url('../img/icons/aac.png');}.filetype.ai{background-image: url('../img/icons/ai.png');}.filetype.aiff{background-image: url('../img/icons/aiff.png');}.filetype.avi{background-image: url('../img/icons/avi.png');}.filetype.bmp{background-image: url('../img/icons/bmp.png');}.filetype.c{background-image: url('../img/icons/c.png');}.filetype.cpp{background-image: url('../img/icons/cpp.png');}.filetype.css{background-image: url('../img/icons/css.png');}.filetype.dat{background-image: url('../img/icons/dat.png');}.filetype.dmg{background-image: url('../img/icons/dmg.png');}.filetype.doc{background-image: url('../img/icons/doc.png');}.filetype.dotx{background-image: url('../img/icons/dotx.png');}.filetype.dwg{background-image: url('../img/icons/dwg.png');}.filetype.dxf{background-image: url('../img/icons/dxf.png');}.filetype.eps{background-image: url('../img/icons/eps.png');}.filetype.exe{background-image: url('../img/icons/exe.png');}.filetype.flv{background-image: url('../img/icons/flv.png');}.filetype.gif{background-image: url('../img/icons/gif.png');}.filetype.h{background-image: url('../img/icons/h.png');}.filetype.hpp{background-image: url('../img/icons/hpp.png');}.filetype.html{background-image: url('../img/icons/html.png');}.filetype.ics{background-image: url('../img/icons/ics.png');}.filetype.iso{background-image: url('../img/icons/iso.png');}.filetype.java{background-image: url('../img/icons/java.png');}.filetype.jpg{background-image: url('../img/icons/jpg.png');}.filetype.key{background-image: url('../img/icons/key.png');}.filetype.mid{background-image: url('../img/icons/mid.png');}.filetype.mp3{background-image: url('../img/icons/mp3.png');}.filetype.mp4{background-image: url('../img/icons/mp4.png');}.filetype.mpg{background-image: url('../img/icons/mpg.png');}.filetype.odf{background-image: url('../img/icons/odf.png');}.filetype.ods{background-image: url('../img/icons/ods.png');}.filetype.odt{background-image: url('../img/icons/odt.png');}.filetype.otp{background-image: url('../img/icons/otp.png');}.filetype.ots{background-image: url('../img/icons/ots.png');}.filetype.ott{background-image: url('../img/icons/ott.png');}.filetype.pdf{background-image: url('../img/icons/pdf.png');}.filetype.php{background-image: url('../img/icons/php.png');}.filetype.png{background-image: url('../img/icons/png.png');}.filetype.ppt{background-image: url('../img/icons/ppt.png');}.filetype.psd{background-image: url('../img/icons/psd.png');}.filetype.py{background-image: url('../img/icons/py.png');}.filetype.qt{background-image: url('../img/icons/qt.png');}.filetype.rar{background-image: url('../img/icons/rar.png');}.filetype.rb{background-image: url('../img/icons/rb.png');}.filetype.rtf{background-image: url('../img/icons/rtf.png');}.filetype.sql{background-image: url('../img/icons/sql.png');}.filetype.tga{background-image: url('../img/icons/tga.png');}.filetype.tgz{background-image: url('../img/icons/tgz.png');}.filetype.tiff{background-image: url('../img/icons/tiff.png');}.filetype.txt{background-image: url('../img/icons/txt.png');}.filetype.wav{background-image: url('../img/icons/wav.png');}.filetype.xls{background-image: url('../img/icons/xls.png');}.filetype.xlsx{background-image: url('../img/icons/xlsx.png');}.filetype.xml{background-image: url('../img/icons/xml.png');}.filetype.yml{background-image: url('../img/icons/yml.png');}.filetype.zip{background-image: url('../img/icons/zip.png');}
.files-tools{border-bottom: 1px solid #e5e5e5; background: #eee; padding: 5px;}
.folderlist{border-right: 1px solid #e5e5e5; height: 350px; overflow: auto;}
.folderlist > .nav > li#list > a { padding: 0 15px; border-radius: 0;}

.imglist {list-style-type: none;margin: 0px;padding: 0px;}
.imglist li img{display: block;margin: 0 auto;}
.imglist li{
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 95px;
    height: 120px;
    border: 1px solid #e5e5e5;
    text-align: center;
    position: relative;
}
.imglist li .preview {display: block;height: 80px; padding: 5px; cursor: pointer;}
.imglist .progress {position: relative;margin: 10px 3px 0 3px;height: 14px;}
.imglist .label {display: inline-block;margin: 30px 0 0 20px;}
.imglist li .actions{position: absolute;bottom: 0;width: 94px;height: 22px;background: rgba(0, 0, 0, 0.52);padding-top: 1px;display: none;text-align: center;font-size: 13px;}
.imglist li:hover > .actions {display: block;}
.imglist .actions i {color: #fff !important;cursor: pointer;opacity: 0.8;}
.imglist .actions i:hover {opacity: 1;}
.imglist .caption{display: block; overflow: hidden; padding-top: 8px; font-size: 11px;height: 36px;word-break: break-all; line-height: 10px;}
.imglist li.selector{background: #d9edf7;border-color: #bce8f1;color: #31708f;}
.imglist li.danger{background-color: #f2dede;border-color: #ebccd1;color: #a94442;overflow: hidden; word-break: break-all;}