#progress .col-xs-9 {
    width: 100%;
}
.progress-list .row {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#documents .doc, #documents .rtf, #documents .xls, #documents .pdf {
    position: relative;
    padding-left: 40px;
    text-align: center;
}
#documents .doc::after, #documents .rtf::after, #documents .xls::after, #documents .pdf::after {
    width: 32px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    position: absolute;
    color: #fff;
    padding: 0 7px;
    left: 0;
    top: 5px;
}
#documents .rtf::after {background: #1b3d9a;content: "rtf";}
#documents .doc::after {background: #2b579a;content: "doc";}
#documents .xls::after {background: #217346;content: "xls";}
#documents .pdf::after {background: red;content: "pdf";}
#documents .doc::after,
#documents .rtf::after,
#documents .xls::after,
#documents .pdf::after {
    width:32px;
    height:18px;
    line-height:18px;
    font-size:10px;
    position:absolute;
    color: #fff;
    padding:0 7px;
    left:0;
    top:5px
}