.data-grid {
    border: none;
}

.data-grid td .url-outer {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
}

.data-grid td .url-outer .filter-highlight {
    font-weight: bold;
}

.data-grid td .url-prefix {
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.data-grid td .url-suffix {
    flex: none;
}

.data-grid td .bar {
    display: inline-block;
    height: 8px;
}

.data-grid .selected td .bar {
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
}

.data-grid .selected td .bar:last-child {
    border-right: 1px #fff solid;
}

.data-grid .selected td .bar:first-child {
    border-left: 1px #fff solid;
}

.data-grid td .bar-container {}

.data-grid td .bar-unused-size {
    background-color: #E57373;
}

.data-grid td .bar-used-size {
    background-color: #81C784;
}

.data-grid td .percent-value {
    color: #888;
    width: 45px;
    display: inline-block;
}

.data-grid:focus tr.selected span.percent-value {
    color: #eee;
}