.top {
    caption-side: top;
}
.bottom {
    caption-side: bottom;
}
.button-default, .button-default:hover, .button-default:focus, .button-default:active {
    text-decoration: none;
}
.button-default {
    font: bold 12px sans-serif;
    color: #222222;
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    padding: 5px;
    margin: 5px;
}
.button-default.xlsx:before, .button-default.xls:before, .button-default.csv:before, .button-default.txt:before {
    content: none;
}
.xlsx, .xls, .csv, .txt {
    margin: 4px 0;
}
.xlsx:before, .xls:before, .csv:before, .txt:before {
    margin-right: 10px;
    padding: 12px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.xlsx:before {
    background-color: darkgreen;
    content: url("../img/ixlsx.png");
}
.xls:before {
    background-color: green;
    content: url("../img/ixls.png");
}
.csv:before {
    background-color: blue;
    content: url("../img/icsv.png");
}
.txt:before {
    background-color: purple;
    content: url("../img/itxt.png");
}