table.md-table th.md-column md-icon.md-filter-icon {
    color: rgba(0, 0, 0, 0.26);
    opacity: 0;
    transition: -webkit-transform 0.25s, opacity 0.25s;
    transition: transform 0.25s, opacity 0.25s;
}
table.md-table th.md-column:hover md-icon.md-filter-icon,
table.md-table th.md-column button.md-active-filter md-icon.md-filter-icon {
    opacity: 1;
}
table.md-table th.md-column button.md-active-filter md-icon.md-filter-icon {
    color: rgba(0, 0, 0,1);
    opacity: 1;
}
.disabled-sort-filter{
    color: rgba(0, 0, 0, 0.26);
    opacity: 0.3;
    transition: -webkit-transform 0.25s, opacity 0.25s;
    transition: transform 0.25s, opacity 0.25s;
}
.enabled-sort-filter{
    color: rgba(0, 0, 0, 1);
    opacity: 1;
    transition: -webkit-transform 0.25s, opacity 0.25s;
    transition: transform 0.25s, opacity 0.25s;
}
.md-direction-arrow{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.md-filter-menu-table md-icon{
    color: rgba(0, 0, 0,1);
    opacity: 1;
}
.md-filter-menu-table {
    background: white;
    border-radius: 4px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
    width: auto;
}

.md-filter-menu-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    padding: 0 16px;
    position: relative;
    transition: background 0.15s linear;
    width: auto;
}

.md-filter-menu-item:hover,
.md-filter-menu-item:focus {
    background-color: rgb(238, 238, 238);
}

.demo-menu-item.selected {
    color: rgb(16, 108, 200);
}