.file {
    border-top: 1px dotted #cccccc;
    margin: 15px 0;
    padding: 10px 0 0;
    text-align: left;
}
.file .pdf {
    background: url(/admin/common/images/cms/pdf.png) left center no-repeat;
    line-height: 30px;
    padding: 4px 0 0 0px;

}
.file .pdf a{
    color: #c8161d;
    text-decoration: underline;
    display: inline-block;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: 1.5px;
    position: relative;
    margin-left: 28px;
    margin-bottom: 10px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.file .pdf a:hover {
    opacity: 0.7;
}
.file .pdf::after {
    background: #c8161d;
}
.file .xls,
.file .xlsx {
    background: url(/admin/common/images/cms/xlsx.png) left center no-repeat;
    line-height: 30px;
    padding: 4px 0 0 0px;
}
.file .xls a,
.file .xlsx a{
    color: #2b6e43;
    text-decoration: underline;
    display: inline-block;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: 1.5px;
    position: relative;
    margin-left: 28px;
    margin-bottom: 10px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.file .xls a:hover,
.file .xlsx a:hover {
    opacity: 0.7;
}
.file .xls::after,
.file .xlsx::after {
    background: #c8161d;
}
.file .doc,
.file .docx {
    background: url(/admin/common/images/docx.png) left center no-repeat;
    line-height: 30px;
    padding: 4px 0 0 0px;
}
.file .doc a,
.file .docx a{
    color: #275192;
    text-decoration: underline;
    display: inline-block;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: 1.5px;
    position: relative;
    margin-left: 28px;
    margin-bottom: 10px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.file .doc a:hover,
.file .docx a:hover {
    opacity: 0.7;
}
.file .doc::after,
.file .docx::after {
    background: #c8161d;
}