.doc-ico {
background:url("data:image/svg+xml;utf8,") no-repeat top center;
height:5rem;
width:4.25rem;
flex:0 0 5rem;
position:relative;
opacity:.8;
}
.doc-ico.thumb {
background:none;
}
.pdf .doc-ico {
background:url("data:image/svg+xml;utf8,") no-repeat top center;
}
.files .doc-ico {
background:url("data:image/svg+xml;utf8,") no-repeat top center;
}
.error .doc-ico {
background:url("data:image/svg+xml;utf8,") no-repeat top center;
}
.upload .doc-ico {
background:url("data:image/svg+xml;utf8,") no-repeat bottom center;
}
.doc-ico.doc-x {
background:transparent;
}
@media (max-width: 768px) {
.doc-ico.doc-x {height:0px;}
.doc-ico {flex: 0 0 auto;}
}
.doc-ico > svg {
position:absolute;
right:-.6rem;
bottom:-.5rem;
width:2rem;
height:2rem;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
fill:none;
}
.doc-ico-sm{
height:3rem;
}
.doc-ico-sm > svg {
right:0;
bottom:-.3rem;
}
.doc-ico-lg{
height:10rem;
width:9rem;
}
.doc-ico-lg.thumb, .doc-ico.thumb {
height:auto;
align-self:flex-start;
}
.doc-ico-lg > svg {
width:4rem;
height:4rem;
right:-1.1rem;
stroke-width:2.5;
}
.doc-ico-lg > img, .doc-ico > img {
width:100%;
height:auto;
}
.file-status-panel .action{cursor:pointer;text-decoration:underline;}
/***jquery file-upload***/
.fileinput-button {
position:relative;
overflow:hidden;
display:inline-block;
}
.fileinput-button input {
position:absolute;
top:0;
left:0;
height:100%;
margin:0;
opacity:0;
-ms-filter:'alpha(opacity=0)';
cursor:pointer;
}
.fileinput-button input.blueimp-fileupload-disabled {
left:5000px;
}
.file-status-panel {
padding:10px;
background-color:#fff;
border:dashed 3px rgba(0, 0, 0, 0.125);
}
.file-status-panel.disabled{
border:none;
}
.file-status-panel .drop {display:block;}
.file-status-panel .dropped {display:none;}
.blueimp-fileupload-disabled ~ .file-status-panel .drop {display:none;}
.blueimp-fileupload-disabled ~ .file-status-panel .dropped {display:block;}