list, graph-box {
    border: 1px solid alpha(@theme_fg_color, 0.2);
}
list row {
    padding: 0;
}

list separator {
    background: alpha(@theme_fg_color, 0.2);
}

list row.max {
    background: alpha(@error_color, 0.3);
}

list row.max:hover {
    background: alpha(@error_color, 0.4);
}

button.graph-switcher {
    border-style: none;
    border-radius: 0;
}

rg-graph.big {
    background-size: 57px 57px;
    background-image: repeating-linear-gradient(0deg, alpha(@theme_fg_color, 0.2), alpha(@theme_fg_color, 0.2) 1px, transparent 1px, transparent 57px);
}

rg-graph.line {
    color: rgba(74,144,217,1);
}

rg-graph.stacked {
    color: rgba(74,144,217,0.325);
}

rg-graph.line_orange {
    color: rgba(255,153,0,1);
}

rg-graph.stacked_orange {
    color: rgba(255,153,0,0.353);
}

rg-graph.line_max {
    color: rgba(238,34,34,1);
}

rg-graph.stacked_max {
    color: rgba(238,34,34,0.227);
}

PieChart.used, ColorRectangle.used {
    color: #4a90d9;
}

PieChart.others, ColorRectangle.others {
    color:  @insensitive_fg_color;
}
PieChart.available, ColorRectangle.available {
    color: @theme_base_color;
}

StorageGraph {
    color: @theme_base_color;
}

/* Speedometer */
.speedometer-outter, .speedometer-inner, .speedometer-content-area {
    border-radius: 50%;
}

.speedometer-outter {
    background-color: @theme_selected_bg_color;
}

.speedometer-inner {
    margin: -1px;
    background: linear-gradient(90deg, transparent 50%, @theme_base_color 50%),
                linear-gradient(90deg, @theme_base_color 50%, transparent 50%);
    transition: background 200ms ease-in-out;
}

.speedometer-content-area {
    background-color: @theme_bg_color;
    margin: 5px;
}

.tag {
    border-style: none;
    border-radius: 3px;
    padding: 3px 6px;
    color: @theme_base_color;
}

.tag.tag-root {
    background-color: red;
}

.tag.tag-system {
    background-color: orange;
}

.tag.tag-user {
    background: alpha(@theme_fg_color, 0.4);
}

.row_tag {
    border-radius: 100%;
}

/* Storage */
.storage-list:last-child {
    background: @theme_bg_color;
}

.row-tag {
    border-radius: 100%;
}

.used-tag {
    background-image:
        linear-gradient(90deg,
			#737373 33%,
			#ffe451 33%,
			#ffe451 66%,
			#ff002c 66%);
}

.available-tag { background: white; border: 1px solid @borders; }
.os-tag { background: black; }

.folders { background: #737373; }
.files { background: #cdcdcd; }
.downloads { background: #ffe451; }
.pictures { background: #2493d3; }
.videos { background: #a77aa5; }
.documents { background: #7be95a; }
.music { background: #f9a14a; }

.storage-row {
    padding: 0 5px;
}

.stack-children .storage-row {
    border-bottom: 1px solid @borders;    
}

.stack-children { background: alpha(@theme_fg_color, 0.05); }

box.storage {
    background-color: #ffffff;
}

row.up-folder:not(:hover) {
    background: @theme_base_color;
}

row.up-folder:not(:backdrop)  {
    border-bottom: 1px solid shade(@borders, 0.8);
}

dzlstacklist list {
    border-color: @borders;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

dzlstacklist list:not(:backdrop)  {
    border-top: 1px solid shade(@borders, 0.8);
}

dzlstacklist list.stack-header {
    padding-bottom: 1px;
    margin: 0px;
    border:none;
}

leaflet > box.sidebar {
    border: none;
}
