.d-flex {
    display: -ms-flexbox;
    display: flex;
}
.sortable {
    cursor: pointer;
}
.sortable::selection {
    background-color: transparent;
}
.sortable i::selection {
    background-color: transparent;
}
.sortable span::selection {
    background-color: transparent;
}
.sortable i {
    color: #9bbcc6;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 6px;
    font-style: normal;
}
.ascending i,
.descending i{
    color: #6a9baa;
}
.sortable:hover i {
    color: #6a9baa;
}
.sortable i:after {
    display: block;
    font-family: FontAwesome;
}
.default i:after {
    content: "\f0dc";
}
.ascending i:after {
    content: "\f0de";
}
.descending i:after {
    content: "\f0dd";
}