.box-attachments {
    background: #ffffff 0 0 repeat-x;
    padding: 10px 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.box-attachments h2 {
    font-weight: bold;
    font-size: 15px;
    color: #4d4d4d;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px;
    margin: 0 0 15px;
}
.box-attachments > div {
    margin-bottom: 7px;
    font-size: 15px;
    letter-spacing: normal;
    float: left;
    width: 50%;
    display: flex;
    min-height: 40px;
}
.box-attachments img {
    width: 24px;
    padding: 0px !important;
}
.box-attachments a {
    display: block;
}

.ext-pdf{
font-size:12px;
background-image: url('./image/pdf.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}

.ext-doc{
font-size:12px;
background-image: url('./image/doc.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}

.ext-txt{
font-size:12px;
background-image: url('./image/txt.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}

.ext-xls{
font-size:12px;
background-image: url('./image/xls.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}

.ext-zip{
font-size:12px;
background-image: url('./image/zip.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}