@import "~bootstrap-table/src/bootstrap-table.scss";

.bootstrap-table {
    .fixed-table-container {
        .table {
            thead th {
                .both, .asc, .desc {
                    background-image: none;

                    &:after {
                        margin-left: .5em;
                        content: '';
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                    }
                }

                .asc:after {
                    content: "\f0de";
                }

                .desc:after {
                    content: "\f0dd";
                }

                .both:after {
                    content: "\f0dc";
                }

                .th-inner.sortable {
                    &:hover,
                    &:focus {
                        opacity: .8;
                    }
                }
            }
        }
    }
}