.files {width: 100%; float: left; display: flex; flex-direction: column; align-items: flex-start; padding: 0 0 15px 0;}
.files .file {width: auto; height: 30px; padding: 0px 0px 0px 30px; display: flex; align-items: center; clear: both; margin: 2px 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-position: left center; background-repeat: no-repeat; font-size: 13px; font-weight: 300;}

.files .file.jpg {background-image: url('/images/icon/icon-jpg.png');}
.files .file.png {background-image: url('/images/icon/icon-jpg.png');}
.files .file.doc {background-image: url('/images/icon/icon-doc.png');}
.files .file.docx {background-image: url('/images/icon/icon-doc.png');}
.files .file.xls {background-image: url('/images/icon/icon-xls.png');}
.files .file.xlsx {background-image: url('/images/icon/icon-xls.png');}
.files .file.rar {background-image: url('/images/icon/icon-rar.png');}
.files .file.zip {background-image: url('/images/icon/icon-rar.png');}
.files .file.pdf {background-image: url('/images/icon/icon-pdf2.png');}

.files a {color: #3a4875; text-decoration: underline; font-size: 15px; font-weight: 400;}
.files a:hover {text-decoration: none;}