.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
    background: @theme_base_color;
}

.nautilus-canvas-item {
    border-radius: 5px;
}

.nautilus-canvas-item.dim-label,
.nautilus-list-dim-label {
    color: mix (@theme_fg_color, @theme_bg_color, 0.50);
}

.nautilus-canvas-item.dim-label:selected,
.nautilus-list-dim-label:selected {
    color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
}

/* Path bar */

.path-bar button {
  background: none;
  border: 1px solid transparent;
  box-shadow: none;
  padding: 0;
}

.path-bar button:not(:first-child) {
  border-left: 5px solid transparent;
}

.path-bar button:not(:last-child) {
  border-right: 4px solid transparent;
}

.path-bar button:not(:first-child) {
  background-image: image(mix(@theme_bg_color, @borders, 1.0));
  background-size: 1px 12px;
  background-repeat: no-repeat;
  background-position: -5px 50%
}

.path-bar button:not(:first-child):backdrop {
  background-image: image(mix(@theme_bg_color, @borders, 0.5));
}

.path-bar button:checked,
.path-bar button:active {
  box-shadow: inset 0 -2px 0 @theme_selected_bg_color;
}

.path-bar button:not(:checked):hover,
.path-bar button:checked:backdrop {
  box-shadow: inset 0 -2px 0 mix(@theme_bg_color, @borders, 0.5);
}

.path-bar button.slider-button:disabled {
  color: mix(@theme_bg_color, @theme_fg_color, 0.2);
}

/* Sidebar */

.sidebar-row:selected {
    background: linear-gradient(
        to bottom,
        shade(@theme_bg_color, 0.85),
        shade(@theme_bg_color, 0.93) 3px,
        shade(@theme_bg_color, 0.93));
}

.sidebar-row:selected,
.sidebar-row:selected label {
    color: shade(@theme_fg_color, 0.4);
}

.sidebar-row:selected:backdrop {
    background: linear-gradient(
        to bottom,
        shade(@theme_bg_color, 0.95),
        shade(@theme_bg_color, 0.95) 3px,
        shade(@theme_bg_color, 0.95));
}

.sidebar-row:selected:backdrop,
.sidebar-row:selected:backdrop label {
    color: shade(@theme_unfocused_fg_color, 0.85);
}

/* Toolbar */

/* Here we use the .button background-image colors from Adwaita, but ligthen them,
 * since is not possible to use lighten () in common css. */
@keyframes needs_attention_keyframes {
    0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%,  #e0e0e0); border-color: @borders; }
    /* can't do animation-direction, so holding the color on two keyframes */
    30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
    90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
    100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%,  #e0e0e0); border-color: @borders; }
}

.nautilus-operations-button-needs-attention {
  animation: needs_attention_keyframes 2s ease-in-out;
}
.nautilus-operations-button-needs-attention-multiple {
  animation: needs_attention_keyframes 3s ease-in-out;
  animation-iteration-count: 3;
}

/* Floating status bar */
.floating-bar {
  padding: 1px;
  background-color: @theme_base_color;
  border-width: 1px;
  border-style: solid solid none;
  border-color: @borders;
  border-radius: 3px 3px 0 0;
}

.floating-bar.bottom.left { /* axes left border and border radius */
  border-left-style: none;
  border-top-left-radius: 0;
}
.floating-bar.bottom.right { /* axes right border and border radius */
  border-right-style: none;
  border-top-right-radius: 0;
}

.floating-bar:backdrop {
  background-color: @theme_unfocused_base_color;
  border-color: @unfocused_borders;
}

.floating-bar button {
  padding: 0px;
}

.search-bar {
    box-shadow: none;
}

button.thumbnail-button {
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
}

@define-color disk_space_unknown #888a85;
@define-color disk_space_used #729fcf;
@define-color disk_space_free #eeeeec;

.disk-space-display {
    border-style: solid;
    border-width: 2px;
}

.disk-space-display.unknown {
    background-color: @disk_space_unknown;
    border-color: shade(@disk_space_unknown, 0.7);
}

.disk-space-display.used {
    background-color: @disk_space_used;
    border-color: shade(@disk_space_used, 0.7);
}

.disk-space-display.free {
    background-color: @disk_space_free;
    border-color: shade(@disk_space_free, 0.7);
}

/* View */
.nautilus-list-view .view {
    border-bottom: 1px solid @theme_bg_color;
}

/* Hide superfluous treeview drop target indication */
.nautilus-list-view .view.dnd {
    border-style: none;
}

/* Workaround for the double border of the searchbar since we use a revealer which
 * always allocates at least 1 pixel */
searchbar { border-top: 1px solid @borders; }
.searchbar-container { margin-top: -1px; }

@define-color conflict_bg #fef6b6;

.conflict-row {
    background: @conflict_bg;
    color: black;
}

.conflict-row:hover {
    background-color: shade(@conflict_bg, 0.9);
}

.conflict-row:selected {
  background: @theme_selected_bg_color;
  color: @theme_selected_fg_color;
}

/* Icon view */
flowboxchild:selected{background-color:transparent;}

flowboxchild > widget > box > .icon-background {background-color:black; border-color:#4a90d9; border-style:solid; border-width:0px;}
flowboxchild:selected > widget > box > .icon-background {background-color:black; border-color:#4a90d9; border-style:solid; border-width:0px;}

flowboxchild > widget > .icon-item-background {padding:4px;}
flowboxchild:selected > widget > .icon-item-background {padding:4px; background-color:#4a90d9; border-color:#4a90d9; border-style:solid; border-width:0px; border-radius:4px 4px 4px 4px;}

/* Action bar */
actionbar
{
  border-top: 1px solid @borders;
  /* Same as sidebar_bg_color in gtk */
  background-color: mix(@theme_bg_color, @theme_base_color, 0.5);
}

.border-box
{
  /* Same as spacing between icons */
  padding-left: 6px;
  background-image: image(mix(@theme_bg_color, @borders, 1.0));
  background-size: 1px 12px;
  background-repeat: no-repeat;
  background-position: 100%
}