.custom-table {
    width: 100%;
}

    .custom-table thead {
        background-color: #0055cc;
    }

    .custom-table th {
        padding: 11px 10px;
    }

    .custom-table .th-holder {
        display: flex;
    }

    .custom-table .table-sort-group {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: -3px;
    }

        .custom-table thead th a,
        .custom-table thead th{
            color: white;
        }

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.ttf?7mi7f4") format("truetype"), url("../fonts/icomoon.woff?7mi7f4") format("woff"), url("../fonts/icomoon.svg?7mi7f4#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
.parent-passed:after,
.parent-error:after,
.jcf-checkbox span:before,
.jcf-select-opener:before,
.jcf-select-is-icon .jcf-option:before,
.jcf-select-is-icon .jcf-select-text > span:before,
.ui-datepicker-prev:before,
.ui-datepicker-next:before,
.pagination .prev a:before,
.pagination .next a:before,
.card-description-more:before,
.card-overview-hover-item--warning:before,
.card-overview-item--warning:before,
.filter-block-holder.show-arrow:before,
.filter-block-form .datepicker .input:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Enable Ligatures ================ */
    letter-spacing: 0;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-triangle-up:before {
    content: "\e906";
}

.icon-triangle-down:before {
    content: "\e907";
}