th .filter-popup:not(.opened) {
    display: none;
}

th .filter-popup {
    position: absolute;
    left: 0;
    top: 25px;
}

tr th:nth-last-child(2) .filter-popup {
    left: -150px;
}

.filter-wrapper:not(.opened) .filter-icon-wrapper {
    display: none;
}

.filter-wrapper.filtered-by .filter-icon-wrapper {
    display: block !important;
    opacity: 1;
}

.filter-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}
.table.clickable tr {
    cursor: pointer;
}
.filter-search-icon {
    position: absolute;
    right: 5px;
    width: 20px;
    top: 4px;
}

th img {
    cursor: pointer;
}

th:hover .filter-wrapper:not(.opened):not(.filtered-by) .filter-icon-wrapper {
    display: block !important;
    opacity: 0.5;
}

th .order-by-wrapper:not(.active) {
    opacity: 0;
}

th:hover .order-by-wrapper {
    display: block !important;
    opacity: 0.5;
}

th .order-by-wrapper.active {
    opacity: 1;
}

th .order-by-wrapper {
    position: absolute;
    top: 0;
    right: 20px;
}

.table-header-content {
    position: relative;
    padding-right: 30px;
}

.cancel-filter {
    position: absolute;
    top: 3px;
    right: -25px;
}

.filter-input,
.filter-select-input {
    width: 300px;
}

.pagination-wrapper li:not(.disabled) {
    cursor: pointer;
}

.pagination-wrapper li.disabled {
    cursor: default;
}

.pagination-wrapper li.disabled {
    opacity: 0.5;
}

td.numeric {
    text-align: right;
}

.text-editor-wrapper.has-error .note-editor {
    border-color: red;
}