text:
* {
    background-clip: padding-box;
    outline-color: transparent;
    outline-style: solid;
    outline-offset: 0;

    -GtkTextView-error-underline-color: @error_color;

    -GtkScrolledWindow-scrollbar-spacing: 0;
    -GtkScrolledWindow-scrollbars-within-bevel: 1;
    -GtkPaned-handle-size: 0px;

    -GtkWidget-link-color: @link_color;
    -GtkWidget-visited-link-color: @link_color;
    -GtkIMHtml-hyperlink-color: @link_color;
    -GtkHTML-link-color: @link_color;

    -GtkWidget-focus-line-width: 0;
    -GtkWidget-focus-padding: 0;

    -GtkWindow-resize-grip-width: 0;
    -GtkWindow-resize-grip-height: 0;

    -GtkButtonBox-child-min-height: 20;
    -GtkButtonBox-child-internal-pad-y: 1;

    -GtkProgressBar-min-horizontal-bar-height: 8;
    -GtkProgressBar-min-vertical-bar-width: 8;

    -GtkCheckMenuItem-indicator-size: 14;
    -GtkExpander-expander-size: 8;
    -GtkMenu-horizontal-padding: 0;
    -GtkMenu-vertical-padding: 0;
}

/***************
 * Base States *
 **************/

.background,
.background:backdrop,
.csd:backdrop,
.csd
{
    border-radius: 0 0 6px 6px ;
}

.background {
    color: @text_color;
    background-color: alpha(@bg_color, 0.96);
}
.background:backdrop {
    color: @text_color;
    background-color: alpha(@bg_color, 0.99);
}

*:selected,
*:selected:focus {
    background-color: @theme_selected_bg_color;
    color: @theme_selected_fg_color;
}

*:insensitive,
*:insensitive:insensitive {
    color: @insensitive_color;
    -gtk-image-effect: dim;
}

*:hover {
    -gtk-image-effect: none;
}

.error {
    color: @error_color;
}

.success {
    color: @success_color;
}

.gtkstyle-fallback {
    background-color: @bg_color;
    color: @fg_color;
}

GtkImage,
GtkImage:insensitive,
GtkLabel,
GtkLabel:insensitive,
GtkBox,
GtkBox:insensitive,
GtkGrid,
GtkGrid:insensitive {
    background-color: transparent;
}

/************
 * Tooltips *
 ************/

.tooltip,
.overlay-bar {
    background-color: alpha (#000, 0.4);
    border-radius: 3px;
    border-width: 0;
    padding: 3px 6px;
    margin: 3px;
    text-shadow: 0 1px 2px alpha (#000, 0.6);
}

.tooltip GtkLabel,
.overlay-bar GtkLabel {
    color: white;
    text-shadow: 0 1px 2px alpha (#000, 0.6);
}

/*****************
 * Miscellaneous *
 ****************/

@keyframes spin {
    to {
        -gtk-icon-transform: rotate(1turn);
    }
}

.spinner {
    background-image: none;
    opacity: 0;
    -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
}

.spinner:active {
    opacity: 0.8;
    animation: spin 600ms linear infinite;
}

.spinner:active:insensitive {
    opacity: 0.4;
}

.view.rubberband,
.rubberband {
    background-color: alpha (@colorAccent, 0.35);
    border: 1px solid @colorAccent;
    transition: all 600ms ease-out;
}

.dnd {
    background-color: alpha (@colorAccent, 0.4);
    background-image: none;

    border: 1px solid @colorAccent;
    border-radius: 3px;

    margin: 3px;
}

/**************
 * Separators *
 *************/

.separator {
    color: shade(@theme_bg_color, 0.8);
}

.vertical.separator {
    color: shade(@theme_bg_color, 0.8);
    padding: 0 4px;
    -GtkWidget-separator-width: 2px;
    -GtkWidget-wide-separators: true;
    border-left: 1px solid @menu_separator;
    border-right: 1px solid @menu_separator_shadow;
}

GtkPaned {
    margin-right: 8px;
}

.pane-separator,
.pane-separator:prelight,
.pane-separator:selected {
    color: shade(@theme_bg_color, 0.8);
}

GraniteWidgetsThinPaned {
    background-color: transparent;
    background-image: none;
    margin: 0;
}

.toolbar .pane-separator,
.titlebar .pane-separator {
    background-color: transparent;
    background-image: url("assets/pane-handle.svg");
    border: none;
    box-shadow: none;
}

/*************
* Text Entry *
*************/

.entry {
    background-image: linear-gradient(to bottom,
                                  @base_color,
                                  @base_color
                                  );

    border: 1px solid alpha (#000, 0.1);
    border-radius: 4px;

    box-shadow: 0 1px 0 0 alpha (#000, 0.15);

    color: @text_color;

    icon-shadow: 0 1px alpha (#fff, 0.4);
    text-shadow: 0 1px alpha (#fff, 0.4);

    padding: 3px;

    transition: all 200ms ease-out;
    -gtk-icon-style: symbolic;
}

.entry:selected,
.entry:selected:focus {
    background-color: @colorAccent;
    color: @base_color;
}

GtkHandleBox .entry,
.titlebar .entry,
.toolbar .entry {
    background-image:linear-gradient(to bottom,
                                  @base_color,
                                  @base_color
                                  );
    padding: 2px;
    border-color:white;
    box-shadow: 0 1px 0 0 alpha (#000, 0.15);
}

GtkHandleBox .entry:backdrop,
.titlebar .entry:backdrop,
.toolbar .entry:backdrop {
    background-image:none;
background-color:transparent;
    border: 1px solid @border_color;
    color: @insensitive_fg_color;

    box-shadow:none;
}

.entry:focus {

    transition: all 200ms ease-in;
}

.entry.error,
.entry.error:focus {
    border-color: alpha (@error_color, 0.80);
    box-shadow: inset 0 0 0 1px alpha (@error_color, 0.23),
                0 1px 0 0 alpha (@bg_highlight_color, 0.30);

    transition: all 200ms ease-in;
}

.entry:insensitive {
    background-image: none;

    border: 1px solid alpha(@border_color, 0.75);

    color: @insensitive_color;
}

.titlebar .entry:insensitive,
.toolbar .entry:insensitive {
    background: transparent;
    border-color: alpha (#000, 0.20);
    box-shadow: inset 0  0 0 1px alpha (@inset_dark_color, 0.25), 0 1px 0 0 alpha (@bg_highlight_color, 0.30);
}

.titlebar .entry:insensitive:backdrop,
.toolbar .entry:insensitive:backdrop {
    background-image: none;
    border-color: alpha (#000, 0.20);
    box-shadow:  0 1px 0 0 alpha (@bg_highlight_color, 0.30);
}

.entry.image.left,
.entry:insensitive:backdrop.image.left {
    padding-right: 6px;
    color: alpha (@text_color, 0.4);
}

 /*******************
 * Symbolic images *
 *******************/

.image,
.image:selected {
    color: @base_color;
}

.image:hover {
    color: @internal_element_prelight;
}

.image:selected:focus,
.image:selected:hover {
    color: @base_color;
}

.view.image,
.view.image:hover,
.view.image:selected {
    color: @view_symbolic_color;
}

.view.image:selected:focus {
    color: @selected_fg_color;
}

/****************
 * Progress bar *
 ****************/
 GtkProgressBar {
     padding: 2px;
     border-width: 0;
     border-radius: 32px;
 }

.progressbar,
.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:hover,
.progressbar row:selected:focus {
  border-width: 0;
  border-style: solid;
  border-color: shade(@theme_selected_bg_color, 0.9);
  background-color: @theme_selected_bg_color;
  border-radius: 8px;
}

.progressbar.vertical,
.progressbar.horizontal {
  border-radius: 8px;
  background-color: @theme_selected_bg_color;
  background-image: none;
}

.progressbar:backdrop,
.progressbar row:backdrop,
.progressbar row:backdrop:hover,
.progressbar row:selected:backdrop,
.progressbar row:selected:backdrop:hover {
    background-image: none;
    background-color: shade (@bg_color, 0.85);
    border-color: shade (@bg_color, 0.68);
}

GtkProgressBar.trough,
.trough row,
.trough row:hover {
  padding: 0;
  border: 1px solid shade(@theme_bg_color, 0.77);
  border-radius: 8px;
  background-image: none;
  background-color: shade(@theme_bg_color, 0.95);

}

GtkProgressBar.trough.vertical {
  border-radius: 8px;
  background-color: shade(@theme_bg_color, 0.95);
  background-image: none;
}

GtkProgressBar.trough:backdrop,
.trough row:backdrop,
.trough row:backdrop:hover,
.trough row:selected:backdrop,
.trough row:selected:backdrop:hover {
    background-image: none;
    background-color: shade(@theme_bg_color, 0.93);
    border-color: shade (@base_color, 0.75);
}

.osd GtkProgressBar.progressbar,
GtkProgressBar.osd.progressbar {
    border-style: none;
    border-radius: 0;
    background-color: @theme_selected_bg_color;
    background-image: none;
}

.progressbar row:selected:focused,
.trough row:selected:focused  {
  background-color: @theme_selected_bg_color;
}

.entry.progressbar,
.entry.progressbar:focus {
  border-width: 0;
  border-radius: 8px;
  background-color: @theme_selected_bg_color;
  background-image: none;
  color: @theme_selected_fg_color;
}

/************
* Level Bar *
************/

.level-bar {
    -GtkLevelBar-min-block-width: 24;
    -GtkLevelBar-min-block-height: 6;
}

.level-bar.vertical {
    -GtkLevelBar-min-block-width: 6;
    -GtkLevelBar-min-block-height: 34;
}

.level-bar.trough {
    background-image: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

.level-bar.fill-block {
    background-color: @selected_bg_color;
    background-image: linear-gradient(to bottom,
                                  shade (@selected_bg_color, 1.10),
                                  @selected_bg_color
                                  );

    border: 1px solid shade (@selected_bg_color, 0.90);
    border-radius: 3px;

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.35),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 1px 0 0 alpha (@bg_highlight_color, 0.15);

    transition: all 100ms ease-in;
}

.level-bar.fill-block.level-low {
    background-image: linear-gradient(to bottom,
                                  shade (@error_color, 1.30),
                                  @error_color
                                  );

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.25),
                inset 0 -1px 0 0 alpha (#fff, 0.10),
                0 1px 0 0 alpha (@bg_highlight_color, 0.15);

    border-color: shade (@error_color, 0.90);
}

.level-bar.fill-block.level-middle {
    background-image: linear-gradient(to bottom,
                                  shade (@warning_color, 1.30),
                                  @warning_color
                                  );

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.45),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 1px 0 0 alpha (@bg_highlight_color, 0.15);

    border-color: shade (@warning_color, 0.90);
}

.level-bar.fill-block.level-high {
    background-image: linear-gradient(to bottom,
                                  shade (@success_color, 1.10),
                                  @success_color
                                  );

    border: 1px solid shade (@success_color, 0.90);
}

.level-bar.fill-block.empty-fill-block {
    background-color: shade (@bg_color, 0.95);
    background-image: linear-gradient(to bottom,
                                  shade (@bg_color, 0.95),
                                  shade (@bg_color, 0.85)
                                  );
    border-color: alpha (#000, 0.25);
    box-shadow: inset 0 0 0 1px alpha (@bg_highlight_color, 0.05),
                inset 0 1px 0 0 alpha (@bg_highlight_color, 0.45),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.15),
                0 1px 0 0 alpha (@bg_highlight_color, 0.15);
}

.level-bar.fill-block:backdrop {
    background-image: none;
    background-color: shade (@bg_color, 0.85);
    border-color: shade (@bg_color, 0.68);
    box-shadow: inset 0 0 0 1px alpha (@bg_highlight_color, 0.05),
                inset 0 1px 0 0 alpha (@bg_highlight_color, 0.35),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.15),
                0 1px 0 0 alpha (@bg_highlight_color, 0.15);
}

.level-bar.fill-block.empty-fill-block:backdrop {
    background-color: shade (@bg_color, 0.95);
    border-color: shade (@bg_color, 0.75);
}

.level-bar.fill-block.indicator-discrete.horizontal {
    margin: 0 2px;
}

.level-bar.fill-block.indicator-discrete.vertical {
    margin: 2px 0;
}

/**************
* Storage Bar *
**************/

.storage-bar .trough {
    box-shadow: 0 2px 3px -1px alpha (#000, 0.15);
    border: none;
    background-image: none;
    padding: 7px 5px;
}

.storage-bar .fill-block {
    background-image: linear-gradient(to bottom,
                                  shade (@warning_color, 1.30),
                                  @warning_color
                                  );

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.45),
                inset 0 -1px 0 0 alpha (#fff, 0.15);

    border: 1px solid shade (@warning_color, 0.87);
    border-left-width: 0;

    transition: all 200ms ease-in-out;

    padding: 7px 5px;
}

.storage-bar .fill-block:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left-width: 1px;
}

.storage-bar .fill-block:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.storage-bar .fill-block.empty-block {
    background-image: linear-gradient(to bottom,
                                  shade (@bg_color, 0.95),
                                  shade (@bg_color, 0.85)
                                  );
    border-color: alpha (#000, 0.25);
}

.storage-bar .fill-block.app {
    background-image: linear-gradient(to bottom,
                                  shade (@purple, 1.30),
                                  @purple
                                  );

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.25),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 1px 0 0 alpha (@bg_highlight_color, 0.15);

    border-color: shade (@purple, 0.90);
}

.storage-bar .fill-block.audio {
    background-image: linear-gradient(to bottom,
                                  shade (@orange, 1.30),
                                  @orange
                                  );

    border-color: shade (@orange, 0.90);
}

.storage-bar .fill-block.photo {
    background-image: linear-gradient(to bottom,
                                  shade (@selected_bg_color, 1.30),
                                  @selected_bg_color
                                  );

    border-color: shade (@selected_bg_color, 0.90);
}

.storage-bar .fill-block.video {
    background-image: linear-gradient(to bottom,
                                  shade (@error_color, 1.30),
                                  @error_color
                                  );

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.25),
                inset 0 -1px 0 0 alpha (#fff, 0.10),
                0 1px 0 0 alpha (@bg_highlight_color, 0.15);

    border-color: shade (@error_color, 0.90);
}

.storage-bar .fill-block.legend {
    padding: 6px;
    border-radius: 50%;
}

/********
* Scale *
********/

GtkScale {
    -GtkRange-slider-width: 18;
    -GtkRange-trough-border: 0;
    -GtkScale-slider-length: 18;
}

GtkScale.vertical {
    -GtkScale-slider-length: 18;
}

.scale {
    -GtkScale-slider-length: 18;
    -GtkRange-slider-width: 18;
    -GtkRange-trough-border: 0;

}

.scale.slider {
    border: 1px solid shade (@border_color, 1.05);
    border-radius: 10px;

    background-image: linear-gradient(to bottom,
                                  shade (@bg_color, 1),
                                  shade (@bg_color, 1)
                                  );

    box-shadow: inset 0 0 0 1px alpha (shade (@bg_color, 1.60), 0.10),
                inset 0 1px 0 0 alpha (shade (@bg_color, 1.60), 0.90),
                inset 0 -1px 0 0 alpha (shade (@bg_color, 1.60), 0.30),
                0 1px 1px alpha (#000, 0.15);
}

.scale.slider:focus {
}

.scale.slider:backdrop {
    background-image: linear-gradient(to bottom,
                                  shade (@bg_color, 1.05),
                                  shade (@bg_color, 0.95)
                                  );

    border-color: alpha (#000, 0.15);

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.10),
                inset 0 1px 0 0 alpha (#fff, 0.90),
                inset 0 -1px 0 0 alpha (#fff, 0.30),
                0 1px 1px alpha (#000, 0.10);
}

.scale.slider:insensitive {
    background-image: none;
    border: none;
    box-shadow: none;
}

.scale.trough {
    margin: 6px 0 5px 0;
    border-radius: 10px;
    border: 1px solid shade(@theme_bg_color, 0.77);
    background-color: shade(@theme_bg_color, 0.95);
    background-image: none;

}
.titlebar .scale.slider {
    border: none;
    border-radius: 0;
    background-color:transparent;
    background-image: none;

    box-shadow: none;
}
.titlebar .scale.trough {
    border-radius: 0 12px 12px 0;
    border-width: 1px 1px 1px 0;
}

.scale.trough:insensitive {
    border-radius: 0 12px 12px 0;
    border-width: 1px 1px 1px 0;
}

.scale.trough.vertical {
    margin: 0 5px 0 6px;
    border-width: 1px;
    border-style: solid;
    border-color: shade(@theme_bg_color, 0.77);
    background-color: shade(@theme_bg_color, 0.95);
    background-image: none;
}

.scale.trough.vertical:insensitive {
    border-radius: 12px 12px 0 0;
    border-width: 1px 1px 0 1px;
}

.scale.trough.vertical.bottom:insensitive {
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 12px 12px;
}

.scale.mark {
    background-color: @theme_selected_bg_color;
}

.scale.highlight.left {
  border-color: @theme_selected_bg_color;
  background-color: @theme_selected_bg_color;
  background-image: none;
  color: #000;
}

.scale.highlight.left:insensitive {
  border-color: @theme_selected_bg_color;
  background-color: @theme_selected_bg_color;
  background-image: none;
  color: #000;
}

.scale.highlight.bottom {
  border-color: @theme_selected_bg_color;
  background-color: @theme_selected_bg_color;
  background-image: none;
  color: #000;
}

.scale.highlight.bottom:insensitive {
  border-color: @theme_selected_bg_color;
  background-color: @theme_selected_bg_color;
  background-image: none;
  color: #000;
}

.scale.highlight.bottom:backdrop,
.scale.highlight.left:backdrop,
.scale.mark:backdrop {
  background-color: shade (@bg_color, 0.85);
  border-color: shade(@theme_bg_color, 0.8);
}

/*********
* Frames *
*********/

.frame {
    border: 1px solid @border_color;
    color: lighter (@fg_color);
}

GtkScrolledWindow.frame {
    border: 1px solid @border_color;
}

.frame.flat,
.sidebar .frame, /* FIXME: This is a workaround for Geary */
GtkScrolledWindow GtkViewport.frame {
    border: none;
}

/***********
* Buttons  *
***********/

.stack-switcher .button:active,
.stack-switcher .linked .button:active,
.stack-switcher .button:checked,
.stack-switcher .linked .button:checked {
  background-image: linear-gradient(to bottom,
                             shade (@selected_bg_color, 1.30),
                             shade (@selected_bg_color, 1)
                              );
  border-color: shade (@selected_bg_color, 1);
  color:white;
  text-shadow: 0 1px alpha (#000, 0.2);
  icon-shadow: 0 1px alpha (#000, 0.2);
}

.button,
.button.menuitem.menubar,
GtkColorButton.button,
GtkComboBox.combobox-entry .button {
    padding: 2px 6px;
    -GtkButton-image-spacing: 4;
    -GtkButton-interior-focus: true;
    -GtkButton-default-border: 0;
}

.header-bar .linked .button.image-button,
.header-bar .button.image-button .linked,
.header-bar .button.image-button,
.button,
.action-bar .button.text-button {
    text-shadow: 0 1px alpha (#fff, 0.2);
    icon-shadow: 0 1px alpha (#fff, 0.2);
    background-image: linear-gradient(to bottom,
                                  white,
                                  white
                                  );
    border: 1px solid alpha (#000, 0.1);
    border-radius: 4px;
    box-shadow: 0 1px 0 0 alpha (#000, 0.05);
    color: @text_color;
    transition: all 100ms ease-in;
}

.button GtkLabel {
    padding: 0 7px;
}

.header-bar .linked .button.image-button,
.header-bar .button.image-button .linked,
.titlebar .button {
    color: shade (@textColorPrimary, 0.8);
    border-color: transparent;

    /* FIXME: causes problems with files pathbar */
    /*box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.4), 0.05),
                inset 0 1px 0 0 alpha (shade (@colorPrimary, 1.4), 0.45),
                inset 0 -1px 0 0 alpha (shade (@colorPrimary, 1.4), 0.15),
                0 1px 0 0 alpha (shade (@colorPrimary, 1.4), 0.30);*/
}

.button:backdrop {
    background-image: none;
    color: shade (@textColorPrimary, 1.08);
    border: 1px solid alpha (#000, 0.2);
    box-shadow:none;
}

.header-bar .linked .button.image-button,
.header-bar .button.image-button .linked,
.header-bar .button.image-button,
.header-bar .linked .button{
    padding: 2px 6px;
}

.header-bar .button,
.toolbar .button {
    padding: 2px;
}

.button:hover {
    color:@text_color;
}

.button:focus,
.popover .action-bar .button:focus {
    color:@text_color;
    border: 1px solid alpha (#000, 0.1);
    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.45),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 0 0 1px alpha (@colorAccent, 0.05);
    transition: all 100ms ease-out;
}

.location-bar .button,
.button.flat,
.button.flat:backdrop,
.button.flat:focus {
    border:none;
    border-color: transparent;
    box-shadow: none;
    background-image: none;
    background-color: transparent;
}

.button.flat:focus:hover {
  background-color: @selected_bg_color;
  color: #fff;
  text-shadow: 0 1px alpha (#000, 0.2);
  icon-shadow: 0 1px alpha (#000, 0.0);
}

/* FIXME: style for checked image buttons*/
.button:checked GtkImage {
    color: #fff;
    icon-shadow: 0 1px 4px alpha (#000, 0.5),
                                 0 1px 0 alpha (#fff, 0.3);
}
.header-bar .button:active,
.header-bar .button:hover:active,
.header-bar .button:focus:active,
.header-bar .button:checked,
.header-bar .button:hover:checked,
.header-bar .button:focus:checked,
.titlebar .button:active,
.titlebar .button:hover:active,
.titlebar .button:focus:active,
.titlebar .button:checked,
.titlebar .button:hover:checked,
.titlebar .button:focus:checked  {
    background-color: alpha (#000, 0.3);
    background-image: none;
    border-color: alpha (#000, 0.5);
    color: #fff;
    text-shadow: 0 1px alpha (#000, 0.4);
    icon-shadow: 0 1px alpha (#000, 0.4);
    box-shadow: inset 0 0 0 1px alpha (#000, 0.05),
                0 1px 0 0 alpha (#fff, 0.30);
}

.titlebar .linked .button.image-button:focus:checked:backdrop GtkImage,
.titlebar .button.image-button .linked:focus:checked:backdrop GtkImage,
.titlebar .linked .button.image-button:hover:checked:backdrop GtkImage,
.titlebar .button.image-button .linked:hover:checked:backdrop GtkImage,
.titlebar .linked .button.image-button:backdrop,
.titlebar .button.image-button .linked:backdrop,
.titlebar .button:active:backdrop ,
.titlebar .button:hover:active:backdrop ,
.titlebar .button:focus:active:backdrop ,
.titlebar .button:checked:backdrop ,
.titlebar .button:hover:checked:backdrop ,
.titlebar .button:focus:checked:backdrop {
    background-color: transparent;
    background-image: none;
    border: 1px solid alpha (#000, 0.2);
    color: shade (@textColorPrimary, 0.9);
    text-shadow: 0 1px alpha (#fff, 0.1);
    icon-shadow: 0 1px alpha (#fff, 0.1);
    box-shadow:none;
}

.button:checked:backdrop GtkImage  {
    background-color: transparent;
    background-image: none;
    border: 0 none;
    color: shade (@textColorPrimary, 0.9);
    text-shadow: 0 1px alpha (#fff, 0.1);
    icon-shadow: 0 1px alpha (#fff, 0.1);
    box-shadow:none;
}

.header-bar .linked .button.image-button:focus:checked:backdrop,
.header-bar .button.image-button .linked:focus:checked:backdrop,
.header-bar .linked .button.image-button:focus:active:backdrop,
.header-bar .button.image-button .linked:focus:active:backdrop,
.header-bar .linked .button.image-button:hover:checked:backdrop,
.header-bar .button.image-button .linked:hover:checked:backdrop,
.header-bar .linked .button.image-button:hover:active:backdrop,
.header-bar .button.image-button .linked:hover:active:backdrop,
.header-bar .linked .button.image-button:checked:backdrop,
.header-bar .button.image-button .linked:checked:backdrop,
.header-bar .linked .button.image-button:active:backdrop,
.header-bar .button.image-button .linked:active:backdrop,
.header-bar .button:active:backdrop ,
.header-bar .button:hover:active:backdrop ,
.header-bar .button:focus:active:backdrop ,
.header-bar .button:checked:backdrop ,
.header-bar .button:hover:checked:backdrop ,
.header-bar .button:focus:checked:backdrop   {
    background-color: alpha(#575757, 0.3);
    background-image: none;
    border: 1px solid alpha (#000, 0.2);
    color: shade (@textColorPrimary, 0.9);
    text-shadow: 0 1px alpha (#fff, 0.1);
    icon-shadow: 0 1px alpha (#fff, 0.1);
    box-shadow:none;
}

.titlebar .linked .button.image-button:focus:active GtkImage,
.titlebar .button.image-button .linked:focus:active GtkImage,
.titlebar .linked .button.image-button:hover:active GtkImage,
.titlebar .button.image-button .linked:hover:active GtkImage,
.titlebar .linked .button.image-button:active GtkImage,
.titlebar .button.image-button .linked:active GtkImage,
.titlebar .button:active,
.titlebar .button:hover:active,
.titlebar .button:focus:active,
.titlebar .linked .button.image-button:focus:checked GtkImage,
.titlebar .button.image-button .linked:focus:checked GtkImage,
.titlebar .linked .button.image-button:hover:checked GtkImage,
.titlebar .button.image-button .linked:hover:checked GtkImage,
.titlebar .linked .button.image-button:checked GtkImage,
.titlebar .button.image-button .linked:checked GtkImage,
.titlebar .button:checked,
.titlebar .button:hover:checked,
.titlebar .button:focus:checked  {
    border-color: transparent;
    border-bottom-color: alpha (#000, 0.3);
    color: #fff;
    text-shadow: 0 1px alpha (#000, 0.4);
    icon-shadow: 0 1px alpha (#000, 0.4);
}

.header-bar .linked .button.image-button:focus:checked,
.header-bar .button.image-button .linked:focus:checked,
.header-bar .linked .button.image-button:focus:active,
.header-bar .button.image-button .linked:focus:active,
.header-bar .linked .button.image-button:hover:checked,
.header-bar .button.image-button .linked:hover:checked,
.header-bar .linked .button.image-button:hover:active,
.header-bar .button.image-button .linked:hover:active,
.header-bar .linked .button.image-button:checked,
.header-bar .button.image-button .linked:checked,
.header-bar .linked .button.image-button:active,
.header-bar .button.image-button .linked:active,
.header-bar .pathbar .button:active,
.pathbar.button:active,
.pathbar.button:checked,
.pathbar .button:checked,
.pathbar .header-bar .button:active,
.pathbar .button:active,
.header-bar .button:active,
.header-bar .button:hover:active,
.header-bar .button:focus:active,
.header-bar .button:checked,
.header-bar .button:hover:checked,
.header-bar .button:focus:checked  {
    background-color: #6d6b6d;
    background-image: none;
    box-shadow:   0 1px 0 0 alpha (#000, 0.05);
}

GtkDialog .button.flat.image-button,
GtkDialog .button.flat.image-button:backdrop,
GtkDialog .button.flat.image-button:insensitive,
GtkDialog .button.flat.image-button:hover,
GtkDialog .button.flat.image-button:focus:active {
    background-color: alpha (@text_color, 0.5);
    border-radius: 50%;
    padding: 1px;
    color: @bg_color;
    icon-shadow: none;
    box-shadow: none;
}

GtkDialog .button.flat.image-button:hover {
    background-color: alpha (@text_color, 0.7);
}

.button:active,
.button:hover:active,
.button:focus:active,
.button:checked,
.button:hover:checked,
.button:focus:checked {
    background-color: #6d6b6d;
    background-image: none;
    border-color: alpha (#000, 0.2);
    color: @base_color;
    text-shadow: 0 1px alpha (#000, 0.4);
    icon-shadow: 0 1px alpha (#000, 0.4);
    box-shadow: 0 1px 0 0 alpha (#000, 0.05);
}

.button.flat:active {
    border-color: transparent;
    box-shadow: none;
}

.back-button,
.titlebar .back-button {
    border-image: -gtk-scaled(url("assets/button-back.svg"),url("assets/button-back@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch;
    border-width: 1px 3px 3px 11px;
    border-radius: 0 3px 3px 0;
    box-shadow: none;
}

.back-button:focus,
.titlebar .back-button:focus {
    border-image: -gtk-scaled(url("assets/button-back-focus.svg"),url("assets/button-back-focus@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch;
    border-width: 1px 3px 3px 11px;
    border-radius: 0 3px 3px 0;
    box-shadow: none;
}

.back-button:dir(rtl) {
    border-image: -gtk-scaled(url("assets/button-back-rtl.svg"),url("assets/button-back-rtl@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch;
    border-width: 1px 11px 3px 3px;
    border-radius: 3px 0 0 3px;
}

.back-button:focus:dir(rtl) {
    border-image: -gtk-scaled(url("assets/button-back-focus-rtl.svg"),url("assets/button-back-focus-rtl@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch;
    border-width: 1px 11px 3px 3px;
    border-radius: 3px 0 0 3px;
}

.back-button:backdrop {
    border-image: -gtk-scaled(url("assets/button-back-backdrop.svg"),url("assets/button-back-backdrop@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch;
    border-width: 1px 3px 3px 11px;
    border-radius: 0 3px 3px 0;
    box-shadow: none;
}

.back-button:backdrop:dir(rtl) {
    border-image: -gtk-scaled(url("assets/button-back-backdrop-rtl.svg"),url("assets/button-back-rtl@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch;
    border-width: 1px 11px 3px 3px;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
}

.back-button:active,
.back-button:hover:active,
.back-button:focus:active {
    border-image: -gtk-scaled(url("assets/button-back-active.svg"),url("assets/button-back-active@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch;
    border-width: 1px 3px 3px 11px;
    border-radius: 0 3px 3px 0;
    box-shadow: none;
}

.back-button:active:dir(rtl),
.back-button:hover:active:dir(rtl),
.back-button:focus:active:dir(rtl) {
    border-image: -gtk-scaled(url("assets/button-back-active-rtl.svg"),url("assets/button-back-active-rtl@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch;
    border-width: 1px 11px 3px 3px;
    border-radius: 3px 0 0 3px;
    box-shadow: none;
}

GtkLinkButton.button,
GtkLinkButton.button:active,
GtkLinkButton.button:focus:active {
    padding: 0;
    box-shadow: none;
    border: none;
    background-image: none;
    background-color: transparent;
}

GtkLinkButton GtkLabel {
    color: @link_color;
}

/***************************
* Overlay Button *
***************************/

GtkOverlay > .button,
GtkOverlay > .button:hover,
GtkOverlay > .button:backdrop,
GtkOverlay > .button:focus {
    background-image: none;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;

    box-shadow: 0 1px 0 1px alpha (#000, 0.30);
    text-shadow: 0 1px 0 alpha (#000, 0.30);

    background-clip: border-box;
}

GtkOverlay > .button:active,
GtkOverlay > .button:hover:active {
    background-color: #fff;
    color: @text_color;
    border-color: #fff;
    text-shadow: none;
}

GtkOverlay > .button:focus,
GtkOverlay > .button:focus:active {
    border-color: @colorAccent;
}

GtkOverlay > .button:focus:active {
    background-color: @colorAccent;
}

/***************************
* Secondary Toolbar Button *
***************************/

.secondary-toolbar.toolbar .button {
    padding: 0 2px 0 2px;
}

.secondary-toolbar.toolbar .button.flat,
.secondary-toolbar.toolbar .button.flat:backdrop,
.secondary-toolbar.toolbar .button.flat:insensitive {
    border-color: transparent;
    box-shadow: none;
    background-image: none;
    background-color: transparent;
}

.secondary-toolbar.toolbar .button:hover {
    padding: 0 2px 0 2px;

    border-color: transparent;
    background-image: none;
    background-color: transparent;
    box-shadow: none;

    color: shade (@colorAccent, 0.65);
}

.secondary-toolbar.toolbar .button:active,
.secondary-toolbar.toolbar .button:hover:active {
    background-image: none;
    background-color: alpha (#000, 0.10);

    box-shadow: inset 0 0 0 1px alpha (#000, 0.05),
        inset 0 1px 0 0 alpha (#000, 0.25),
        inset 0 -1px 0 0 alpha (#fff, 0.4);

    padding: 0 2px 0 2px;
}

/**************
* Help Button *
**************/

.help_button {
    border-radius: 100px;
    padding: 2px 8px;
}

.help_button GtkLabel {
    padding: 0;
}

/*****************
 * GtkSpinButton *
 *****************/

.spinbutton .button {
    color: @base_color;
    padding: 2px 6px;
    border-width: 0 0 0 1px;
    border-radius: 0;
    border-style: none;
    border-image: none;
    box-shadow: inset 1px 0 alpha (#000, 0.10);

    background-color: #6d6b6d;
    background-image: none;
}

.spinbutton .button:first-child {
    border-radius: 2px 0 0 2px;
    box-shadow: none;
}

.spinbutton .button:last-child {
    border-radius: 0 2px 2px 0;
}

.spinbutton .button:dir(rtl) {
    box-shadow: inset -1px 0 alpha (#000, 0.10);
}

.spinbutton.vertical {
    border-radius: 0;
}

.spinbutton.vertical .button {
    padding-top: 0;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom,
                                  transparent,
                                  transparent 50%,
                                  alpha (#000, 0.04)
                                  );

    border: 1px solid alpha (#000, 0.2);

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.45),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 1px 0 0 alpha (#fff, 0.15);
}

.spinbutton.vertical .button:first-child {
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
}

.spinbutton.vertical .button:last-child {
    border-radius: 0 0 3px 3px;
    border-top: 0;
}

/*****************
 * Color Chooser *
 *****************/

:selected GtkColorSwatch {
    box-shadow: none;
}

GtkColorSwatch.color-dark {
    color: white;
    outline-color: rgba(0, 0, 0, 0.3);
}

GtkColorSwatch.color-dark:backdrop {
    color: rgba(255, 255, 255, 0.3);
}

GtkColorSwatch.color-light {
    color: black;
    outline-color: rgba(255, 255, 255, 0.5);
}

GtkColorSwatch.color-light:backdrop {
    color: rgba(0, 0, 0, 0.3);
}

GtkColorSwatch.top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

GtkColorSwatch.bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

GtkColorSwatch.left,
GtkColorSwatch:first-child,
GtkColorSwatch:first-child .overlay {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

GtkColorSwatch.right,
GtkColorSwatch:last-child,
GtkColorSwatch:last-child .overlay {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

GtkColorSwatch:only-child,
GtkColorSwatch:only-child .overlay {
    border-radius: 4px;
}

GtkColorSwatch:hover {
    background-image: linear-gradient(135deg,
                            alpha (#fff, 0.7),
                            alpha (#fff, 0) 50%
                            );

    box-shadow: inset 0 0 alpha (#fff, 0.4);
}

GtkColorSwatch:backdrop,
GtkColorSwatch:backdrop:selected {
    background-image: none;
    box-shadow: none;
}

GtkColorSwatch:selected,
GtkColorSwatch:hover:selected {
    color: #fff;
    background-color: @colorAccent;
    background-image: none;
}

GtkColorEditor GtkColorSwatch {
    border-radius: 3px;
}

GtkColorEditor GtkColorSwatch:hover {
    background-image: none;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1),
                0 1px white;
}

GtkColorEditor GtkColorSwatch:backdrop {
    box-shadow: none;
}

GtkColorSwatch#add-color-button {
    text-shadow: 0 1px alpha (#fff, 0.4);
    icon-shadow: 0 1px alpha (#fff, 0.4);

    background-image: linear-gradient(to bottom,
                                  transparent,
                                  transparent 50%,
                                  alpha (#000, 0.04)
                                  );

    border: 1px solid alpha (#000, 0.2);

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.45),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 1px 0 0 alpha (#fff, 0.15);

    color: @text_color;

    transition: all 100ms ease-in;
}

GtkColorSwatch#add-color-button .overlay {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    icon-shadow: none;
}

GtkColorScale.scale.slider,
GtkColorScale.scale.slider:focus {
    background-image: none;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px alpha (#000, 0.3);
}

/*********
* Linked *
*********/

/* Middle button */
.header-bar .linked .button.text-button:active,
.header-bar .linked .button.text-button:focus,
.header-bar .linked .button.text-button:checked,
.header-bar .linked .button.text-button:checked:hover,
.header-bar .linked .button.text-button:hover,
.header-bar .linked .button.text-button:active:hover,
.header-bar .linked .button.text-button:insensitive,
.header-bar .linked .button.text-button,
.header-bar .linked .button.image-button:active,
.header-bar .linked .button.image-button:focus,
.header-bar .linked .button.image-button:checked,
.header-bar .linked .button.image-button:checked:hover,
.header-bar .linked .button.image-button:hover,
.header-bar .linked .button.image-button:active:hover,
.header-bar .linked .button.image-button:insensitive,
.header-bar .linked .button.image-button,
.linked .entry,
.linked .button,
.linked .button:active,
.linked .button:focus,
.linked .button:hover,
.linked .button:active:hover,
.linked .button:insensitive {
    border-left-width: 0;
    border-radius: 0;

}

/* Leftmost button */
.header-bar .linked .button.text-button:active:first-child,
.header-bar .linked .button.text-button:focus:first-child,
.header-bar .linked .button.text-button:hover:first-child,
.header-bar .linked .button.text-button:active:hover:first-child,
.header-bar .linked .button.text-button:insensitive:first-child,
.header-bar .linked .button.text-button:first-child,
.header-bar .linked .button.image-button:active:first-child,
.header-bar .linked .button.image-button:focus:first-child,
.header-bar .linked .button.image-button:hover:first-child,
.header-bar .linked .button.image-button:active:hover:first-child,
.header-bar .linked .button.image-button:insensitive:first-child,
.header-bar .linked .button.image-button:first-child,
.linked .entry:first-child,
.linked .button:first-child,
.linked .button:active:first-child,
.linked .button:active:hover:first-child,
.linked .button:insensitive:first-child,
.linked > GtkComboBox:first-child > .button {
    border-width: 1px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

/* Rightmost button */
.header-bar .linked .button.text-button:active:last-child,
.header-bar .linked .button.text-button:focus:last-child,
.header-bar .linked .button.text-button:hover:last-child,
.header-bar .linked .button.text-button:active:hover:last-child,
.header-bar .linked .button.text-button:insensitive:last-child,
.header-bar .linked .button.text-button:last-child,
.header-bar .linked .button.image-button:active:last-child,
.header-bar .linked .button.image-button:focus:last-child,
.header-bar .linked .button.image-button:hover:last-child,
.header-bar .linked .button.image-button:active:hover:last-child,
.header-bar .linked .button.image-button:insensitive:last-child,
.header-bar .linked .button.image-button:last-child,
.linked .entry:last-child,
.linked .button:last-child,
.linked .button:active:last-child,
.linked .button:active:hover:last-child,
.linked .button:insensitive:last-child,
.linked > GtkComboBox:last-child > .button {
    border-left-width: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

GtkOverlay .linked .button:last-child,
GtkOverlay .linked .button:active:last-child,
GtkOverlay .linked .button:active:hover:last-child,
GtkOverlay .linked .button:insensitive:last-child {
    border-right-width: 2px;
}

/* Linked single button */

.header-bar .linked .button.text-button:active:only-child,
.header-bar .linked .button.text-button:focus:only-child,
.header-bar .linked .button.text-button:hover:only-child,
.header-bar .linked .button.text-button:active:hover:only-child,
.header-bar .linked .button.text-button:insensitive:only-child,
.header-bar .linked .button.text-button:only-child,
.header-bar .linked .button.image-button:active:only-child,
.header-bar .linked .button.image-button:focus:only-child,
.header-bar .linked .button.image-button:hover:only-child,
.header-bar .linked .button.image-button:active:hover:only-child,
.header-bar .linked .button.image-button:insensitive:only-child,
.header-bar .linked .button.image-button:only-child{
    border-right-width: 1px;
    border-left-width: 1px;
    border-radius:4px;
}

.linked .entry:only-child,
.linked .button:only-child,
.linked .button:active:only-child,
.linked .button:active:hover:only-child,
.linked .button:insensitive:only-child {
    border-right-width: 1px;
    border-left-width: 1px;
    border-radius: 4px;
    border-color:transparent;
    box-shadow:none;
}

/* Middle button (vertical) */
.linked.vertical .entry,
.linked.vertical .button,
.linked.vertical .button:active,
.linked.vertical .button:active:hover,
.linked.vertical .button:insensitive {
    border-left-width: 1px;
    border-bottom-width: 0;
    border-radius: 0;
}

/* Top button (vertical) */
.linked.vertical .entry:first-child,
.linked.vertical .button:first-child,
.linked.vertical .button:active:first-child,
.linked.vertical .button:active:hover:first-child,
.linked.vertical .button:insensitive:first-child {
    border-radius: 4px 4px 0 0;
}

/* Bottom button (vertical) */
.linked.vertical .entry:last-child,
.linked.vertical .button:last-child,
.linked.vertical .button:active:last-child,
.linked.vertical .button:active:hover:last-child,
.linked.vertical .button:insensitive:last-child {
    border-bottom-width: 1px;
    border-radius: 0 0 4px 4px;
}

/* Linked single button (vertical) */
.linked.vertical .entry:only-child,
.linked.vertical .button:only-child,
.linked.vertical .button:active:only-child,
.linked.vertical .button:active:hover:only-child,
.linked.vertical .button:insensitive:only-child {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-radius: 3px;
}

/********************
* Notebook and Tabs *
********************/
.notebook.left,
.notebook.right {
    border-radius: 0 0 2px 2px;
    -GtkNotebook-initial-gap: 4;
    -GtkNotebook-arrow-spacing: 5;
    -GtkNotebook-tab-curvature: 0;
    -GtkNotebook-tab-overlap: 1;
    -GtkNotebook-has-tab-gap: false;
    -GtkWidget-focus-padding: 0;
    -GtkWidget-focus-line-width: 0;
    background-clip: border-box;
    background-color: shade (@titlebar_color, 1.06);
    text-shadow: 0 1px alpha (#fff, 0.4);
    icon-shadow: 0 1px alpha (#fff, 0.4);
    border: 1px solid shade (@titlebar_color, 0.70);
}

.notebook.header.left,
.notebook.header.right {
    border: none;
    background-color: @bg_color;
    background-image: linear-gradient(to bottom,
                                  @bg_color,
                                  @bg_color
                                  );
}

.notebook.header.bottom,
.notebook.header,
.dynamic-notebook .notebook.header {
    background-image: linear-gradient(to bottom,
                              alpha (shade(@titlebar_color, 0.87), 0.99),
                              alpha (shade(@titlebar_color, 0.82), 0.99)
                              );
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: shade (@titlebar_color, 0.6);
    border-radius: 0;
}

.notebook.header:backdrop,
.dynamic-notebook .notebook.header:backdrop {
    background-color: shade (@titlebar_color, 1.09);
    background-image: linear-gradient(to bottom,
                              alpha (#000, 0.01),
                              alpha (#000, 0.00) 3px
                              );
    border-color: shade (@titlebar_color, 0.80);
}

.notebook,
.dynamic-notebook .notebook {
    -GtkNotebook-tab-overlap: 1px;
    border-width: 0;
    padding: 1px 0 0 0;
}

.notebook GtkImage,
.dynamic-notebook GtkImage {
    color: shade (@title_color, 0.75);
}

.notebook GtkImage:insensitive,
.dynamic-notebook GtkImage:insensitive {
    color: @insensitive_color;
}

.notebook tab.right,
.notebook tab.left {
    background-color: @bg_color;
    color: shade (@text_color, 1.12);
    padding:1px;
    border: none;
    border-radius: 2px 0 0 2px;
}

.notebook tab.bottom,
.notebook tab.top {
    padding: 1px 15px;
    border-radius: 0;
    background-image: none;
    background-color: transparent;
    border-width: 0 1px 0 0;
    border-image: linear-gradient(to bottom,
                              alpha (#000, 0.20),
                              alpha (#000, 0.20)
                              ) 0 1 0 0;
}

.notebook tab,
.dynamic-notebook .notebook tab {
    padding: 1px 2px 0 2px;
    border-radius: 0;
    background-image: none;
    background-color: transparent;
    border-width: 0 1px 0 0;
    border-image: linear-gradient(to bottom,
                              alpha (#000, 0.20),
                              alpha (#000, 0.20)
                              ) 0 1 0 0;
}

.notebook tab > GtkImage,
.dynamic-notebook .notebook tab > GtkImage {
    color: shade (@titlebar_color, 0.35);
}

.notebook tab:nth-child(first),
.dynamic-notebook .notebook tab:nth-child(first) {
    border-width: 0 1px 0 1px;
    border-image: linear-gradient(to bottom,
                              alpha (#000, 0.20),
                              alpha (#000, 0.20)
                              ) 0 1 0 0;
}

.notebook tab.reorderable-page:active{
    background-image: linear-gradient(to bottom,
                               alpha (@titlebar_color, 0.88),
                               alpha (@titlebar_color, 0.84)
                               );
    text-shadow: 0 1px alpha (#fff, 0.4);
    icon-shadow: 0 1px alpha (#fff, 0.4);
    box-shadow: inset 0 0 0 1px alpha (#fff, 0),
                0 0 1px 1px alpha (#000, 0.02);
    border-image: none;
    border: 1px solid shade (@titlebar_color, 0.70);
    border-bottom-width: 0px;
    border-top-width: 0px;
    color: @text_color;
}

 .notebook tab:active.right,
  .notebook tab:active.left{
    background-image: linear-gradient(to bottom,
                               shade (@titlebar_color, 1.1),
                               shade (@titlebar_color, 1.1)
                               );
    border: 1px solid shade (@titlebar_color, 0.60);
    border-right-width:0px;
    color: @text_color;
}

 .notebook tab:active{
    background-image: linear-gradient(to bottom,
                               shade (@titlebar_color, 1.1),
                               shade (@titlebar_color, 1.1)
                               );
    border: 1px solid shade (@titlebar_color, 0.6);
    border-bottom-width: 0px;
    border-top-width: 0px;
    color: @text_color;
}

.notebook tab.bottom:active{
    background-image: linear-gradient(to bottom,
                               shade (@titlebar_color, 1.03),
                               shade (@titlebar_color, 1)
                               );
    border: 1px solid shade (@titlebar_color, 0.6);
    border-bottom-width: 1px;
    border-top-width: 0px;
    color: @text_color;
}

.dynamic-notebook .notebook tab:active {
    background-image: linear-gradient(to bottom,
                               alpha (@titlebar_color, 0.6),
                               alpha (@titlebar_color, 0.6)
                               );
    border-color: shade (@titlebar_color, 0.6);
    border-radius: 0px;
    border-style: solid;
    border-width: 0 1px  1px;
    text-shadow: 0 1px alpha (#fff, 0.4);
    icon-shadow: 0 1px alpha (#fff, 0.4);
    box-shadow: inset 0 0 0 1px alpha (#fff, 0),
                0 0 1px 1px alpha (#000, 0.02);
    border-image: none;
    color: @text_color;
}

.notebook tab.reorderable-page:active:backdrop,
.dynamic-notebook .notebook tab:active:backdrop {
    background-image: linear-gradient(to bottom,
                               shade (@titlebar_color, 1.04),
                               shade (@titlebar_color, 1.04)
                               );
    border-color: shade (@titlebar_color, 0.75);
    box-shadow: inset 0 0 0 1px alpha (#fff, 0.20),
                0 0 0 1px alpha (#000, 0.01);
}

.notebook.header {
    border: none;
    background-color: transparent;
}

.notebook.bottom {
    border-radius: 0px;
    -GtkNotebook-initial-gap: 4;
    -GtkNotebook-arrow-spacing: 5;
    -GtkNotebook-tab-curvature: 0;
    -GtkNotebook-tab-overlap: 1;
    -GtkNotebook-has-tab-gap: false;
    -GtkWidget-focus-padding: 0;
    -GtkWidget-focus-line-width: 0;
    background-clip: border-box;
    background-color: shade (@titlebar_color, 1.06);
    text-shadow: 0 1px alpha (#fff, 0.4);
    icon-shadow: 0 1px alpha (#fff, 0.4);
    border-bottom: 1px solid shade (@titlebar_color, 0.60);
}

.notebook {
    border-radius: 0px;
    -GtkNotebook-initial-gap: 4;
    -GtkNotebook-arrow-spacing: 5;
    -GtkNotebook-tab-curvature: 0;
    -GtkNotebook-tab-overlap: 1;
    -GtkNotebook-has-tab-gap: false;
    -GtkWidget-focus-padding: 0;
    -GtkWidget-focus-line-width: 0;
    background-clip: border-box;
    background-color: shade (@titlebar_color, 1.06);
    text-shadow: 0 1px alpha (#fff, 0.4);
    icon-shadow: 0 1px alpha (#fff, 0.4);
}

.notebook.frame {
  border-width: 1px;
}

.notebook GtkViewport {
    background-color: @base_color;
}

.dynamic-notebook .notebook tab > .entry {
    border-radius: 2px;
    padding: 0px 4px;
}

.notebook tab > .entry {
    border-radius: 2px;
    padding: 1px 4px;
}

.notebook tab .button {
    border:none;
    color:transparent;
    box-shadow:none;
    background-color: transparent;
    background-image:none;
    -gtk-icon-style: symbolic;
}

.notebook tab .button:hover {
    border:none;
    color:@text_color;
    box-shadow:none;
    background-color: transparent;
    -gtk-icon-style: symbolic;
}

/*Label Trickery*/

.notebook tab GtkLabel {
  color: alpha(@text_color, 0.75);
  padding: 2px 5px;
  transition: all 100ms ease-out;
}

.dynamic-notebook .notebook tab GtkLabel {
  padding: 0 5px;
}

.notebook tab:active GtkLabel,
.notebook .active-page,
.notebook tab .active-page GtkLabel {
  color: @text_color;
  transition: all 100ms ease-out;
}

.notebook tab:backdrop GtkLabel,
.notebook tab GtkLabel:backdrop {
  color: alpha(@text_color, 0.75);
}

.notebook .prelight-page,
.notebook .prelight-page GtkLabel {
    color: @theme_fg_color;
    transition: all 100ms ease-in;
}

/*--------------
Close button
----------------*/
.notebook tab .button.flat,
.notebook tab .button.flat:active,
.notebook tab .button,
.notebook tab .button:active {
    padding: 0;
    border-width: 1px;
    border-radius: 4px;
    border-style: solid;
    border-color: transparent;
    background-image: none;
    background-color: transparent;
    color: mix(@theme_text_color, @theme_base_color, 0.4);}

.notebook tab .button.flat,
.notebook tab .button {
    box-shadow:none;
  }

.notebook tab .button.flat:hover,
.notebook tab .button:hover {
    background-color: shade (@titlebar_color, 1.04);
    border: 1px solid transparent;
    transition: all 100ms ease-in;
  }

.notebook .pane-separator,
.notebook .pane-separator:hover {
    background-color: shade(@theme_bg_color, 0.8);
    color: shade(@theme_bg_color, 0.8);
  }

/*************
* ComboBoxes *
*************/

GtkComboBox {
    -GtkComboBox-arrow-scaling: 0.5;
    -GtkComboBox-shadow-type: none;
}

.header-bar GtkComboBox .button {
    padding: 1px;
}

GtkComboBox .vertical.separator {
    /* always disable separators */
    -GtkWidget-wide-separators: true;
    -GtkWidget-horizontal-separator: 0;
    -GtkWidget-vertical-separator: 0;
	border: none;
}

GtkComboBoxText GtkImage {
	color: mix(@text_color, @bg_color, 0.3);
}

GtkComboBox.combobox-entry .entry:first-child,
GtkComboBox.combobox-entry .button:first-child {
    border-radius: 3px 0 0 3px;
    border-right-width: 0;
}

GtkComboBox.combobox-entry .entry:last-child,
GtkComboBox.combobox-entry .button:last-child {
    border-radius: 0 3px 3px 0;
    border-left-width: 0;
}

GtkComboBox.combobox-entry .entry:last-child,
GtkComboBox.combobox-entry .button:last-child {
    background-color: @base_color;

    box-shadow: inset 0 1px 0 0 alpha (@inset_dark_color, 0.7),
                inset 0 0 0 1px alpha (@inset_dark_color, 0.3),
                0 1px 0 0 alpha (#fff, 0.30);
}

.toolbar GtkComboBox.combobox-entry .entry:last-child,
.toolbar GtkComboBox.combobox-entry .button:last-child {
    background-image: linear-gradient(to bottom,
                                  alpha (#000, 0.10),
                                  transparent 5px
                                  ),
                        linear-gradient(to bottom,
                                  shade (@base_color, 0.90),
                                  @base_color
                                  );

    box-shadow: inset 0 0 0 1px @inset_dark_color,
                0 1px 0 0 alpha (#fff, 0.30);
}

/*************
* Scrollbars *
**************/
.scrollbar {
  -GtkRange-slider-width: 14;
  -GtkRange-trough-border: 0;
  -GtkScrollbar-has-backward-stepper: false;
  -GtkScrollbar-has-forward-stepper: false;
  -GtkScrollbar-min-slider-length: 42;
  -GtkRange-stepper-spacing: 0;
  -GtkRange-trough-under-steppers: 0;
}
.scrollbar .button {
    border: none; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    opacity: 0.6;
    -GtkRange-slider-width: 6px; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
      margin: 0;
      background-color: shade(@bg_color, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.4);
      background-clip: padding-box; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
      border-style: none;
      background-color: transparent; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider {
      margin-top: 2px;
      margin-bottom: 2px; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
      margin-left: 2px;
      margin-right: 2px; }
.scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering {
    opacity: 0.99; }
.scrollbar .trough {
    background-color: transparent;
    border: 0px none; }
.scrollbar .slider {
    background-color: shade(@bg_color, 0.7); }
.scrollbar .slider:hover {
      background-color: shade(@bg_color, 0.7); }
.scrollbar .slider:prelight:active {
      background-color: shade(@bg_color, 0.5); }
.scrollbar .slider:insensitive {
      background-color: transparent; }
.scrollbar .slider {
    border-radius: 100px;
    margin: 3px; }
.scrollbar.fine-tune .slider {
    margin: 4px; }
.scrollbar.vertical .slider {
    margin-left: 4px; }
.scrollbar.vertical .slider:dir(rtl) {
      margin-left: 3px;
      margin-right: 4px; }
.scrollbar.vertical.fine-tune .slider {
    margin-left: 5px; }
.scrollbar.vertical.fine-tune .slider:dir(rtl) {
      margin-left: 4px;
      margin-right: 5px; }
.scrollbar.vertical .trough {
    border-left-style: solid; }
.scrollbar.vertical .trough:dir(rtl) {
      border-left-style: none;
      border-right-style: solid; }
.scrollbar.horizontal .slider {
    margin-top: 4px; }
.scrollbar.horizontal.fine-tune .slider {
    margin-top: 5px; }
.scrollbar.horizontal .trough {
    border-top-style: solid; }

.scrollbars-junction,
.scrollbars-junction.frame {
  border-color: transparent;
  border-image: linear-gradient(to bottom, #dde3e9 1px, transparent 1px) 0 0 0 1/0 1px stretch;
  background-color: #fcfcfc; }
.scrollbars-junction:dir(rtl),
.scrollbars-junction.frame:dir(rtl) {
    border-image-slice: 0 1 0 0; }

/********
* Menus *
********/

GtkTreeMenu .menuitem {
    padding: 1px;
}

.context-menu {
    font: sfns display thin 11px;
    text-shadow: none;
}

.content-view .menu,
.menu,
.popup {
    padding: 2px 0;
    border-radius: 4px;
    background-color: transparent;
    background-image: linear-gradient(to bottom,
                                  alpha (@bg_color, 0.6),
                                  alpha (@bg_color, 0.6)
                                  );
    box-shadow: inset 0 0 0 1px alpha (@bg_highlight_color, 0.05),
                inset 0 1px 0 0 alpha (@bg_highlight_color, 6),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.0);
}

.menu.button {
    background-image: none;
}

.menubar {
    color: @text_color;
    background-color: @titlebar_color;
    -GtkWidget-window-dragging: true;
}

.menubar:backdrop {
    color: @text_color;
    background-color:shade( @titlebar_color, 1.1);
    -GtkWidget-window-dragging: true;
}

.menubar .menuitem {
    padding: 2px 5px;

}

.expander row:selected,
.expander row:selected:focus,
.menubar *:active,
.menubar *:prelight,
.menu *:active,
.menu *:prelight,
.progressbar row,
.sidebar.view:selected {
    background-color: @selected_bg_color;
    color: @base_color;
}

.menu .menuitem,
.popover .menuitem {
    padding: 5px;
    text-shadow: none;
    icon-shadow: none;
    border-width: 1px 0;
}

.menu .menuitem.arrow {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}

.menu .menuitem.arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
}

.menu .menuitem GtkLabel,
.menu .menuitem GtkImage,
.popover .menuitem GtkLabel,
.popover .menuitem GtkImage {
    padding: 0 2px;
    -gtk-icon-style: symbolic;
}

.menu .menuitem:active,
.menu .menuitem:hover,
.popup .menuitem:active,
.popup .menuitem:hover,
.popover .menuitem:active,
.popover .menuitem:hover {
    background-color: @selected_bg_color;
    color: @base_color;
    text-shadow: 0 1px alpha (#000, 0.2);
    border-width: 0 2px 0 2px;
    border-color: transparent;
}

.menuitem:active,
.menuitem:prelight {
    border-style: solid;
    border-color: transparent;
    border-width: 0 2px 0 2px;
    color: @base_color;
  }
.menu .menuitem *:insensitive,
.popover .menuitem *:insensitive {
    color: @insensitive_color;
}

.menuitem .accelerator {
    color: alpha (@text_color, 0.4);
}

.menuitem .accelerator:hover,
.menuitem .accelerator:active {
    color: alpha (@fg_color, 0.3);
}

GtkModelMenuItem GtkBox GtkImage {
    padding-right: 5px;
}

/*Moved titlebar sep here to fix seps in titlebar menus*/

.titlebar .separator {
    color: shade(@theme_bg_color, 0.8);
    border: none;
}

.menuitem.separator {
    color: shade(@theme_bg_color, 0.8);
    padding: 3px 0;
    -GtkWidget-separator-height: 2px;
    -GtkWidget-wide-separators: true;
    border-top: 1px solid @menu_separator;
    border-bottom: 1px solid @menu_separator_shadow;
}

.menuitem.check,
.menuitem.radio,
.menuitem.check:active,
.menuitem.radio:active,
.menuitem.check:hover,
.menuitem.radio:hover,
.menuitem.check:insensitive,
.menuitem.radio:insensitive {
    -gtk-icon-source: none;
    background-color: transparent;
    box-shadow: none;
}

/*************************
 * Check and Radio items *
 *************************/

.check,
.radio,
.check:insensitive,
.radio:insensitive {
    background-color: transparent;
    border-style: none;
}

GtkCheckButton:hover,
GtkCheckButton:active:hover,
GtkCheckButton:selected,
GtkCheckButton:selected:focus {
    background-color: transparent;
}

.check {
    -gtk-icon-source: -gtk-scaled(url("assets/check.svg"),url("assets/check@2.svg"));
    background-repeat: no-repeat;
    background-position: center;
}

.check:focus {
    -gtk-icon-source: -gtk-scaled(url("assets/check-focus.svg"),url("assets/check-focus@2.svg"));
    background-repeat: no-repeat;
    background-position: center;
}

.radio {
    -gtk-icon-source: -gtk-scaled(url("assets/radio.svg"),url("assets/radio@2.svg"));
    background-repeat: no-repeat;
    background-position: center;
}

.radio:focus {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-focus.svg"),url("assets/radio-focus@2.svg"));
    background-repeat: no-repeat;
    background-position: center;
}

.menuitem.check,
.menuitem.radio {
    background-image: none;
}

.check:active,
.check:checked,
.menuitem.check:active,
.menuitem.check:checked {
    -gtk-icon-source: -gtk-scaled(url("assets/check-active.svg"),url("assets/check-active@2.svg"));
}

.check:active:focus,
.check:checked:focus,
.menuitem.check:active:focus,
.menuitem.check:checked:focus {
    -gtk-icon-source: -gtk-scaled(url("assets/check-active-focus.svg"),url("assets/check-active-focus@2.svg"));
}

.radio:active,
.radio:checked,
.menuitem.radio:active,
.menuitem.radio:checked {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-active.svg"),url("assets/radio-active@2.svg"));
}

.radio:active:focus,
.radio:checked:focus,
.menuitem.radio:active:focus,
.menuitem.radio:checked:focus {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-active-focus.svg"),url("assets/radio-active-focus@2.svg"));
}

/***********
* Toolbars *
***********/

GtkHandleBox,
.toolbar {
    -GtkWidget-window-dragging: true;
    padding:3px;
    border: 1px solid shade (@titlebar_color, 0.56);
    border-width: 0 0 1px 0;
    box-shadow: inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.20);
    background-image: linear-gradient(to bottom,
                                  @titlebar_color,
                                  shade (@titlebar_color, 0.98)
                                  );
    text-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
    icon-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
}

.toolbar.bottom {
    -GtkWidget-window-dragging: true;
    padding: 0 2px 2px;
    border-top: 1px solid shade (@titlebar_color, 0.76);
    background-image: linear-gradient(to bottom,
                                  @bg_color,
                                  shade (@bg_color, 0.95)
                                  );
    text-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
    icon-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
}

GtkHandleBox:backdrop,
.toolbar:backdrop {
    background-image: linear-gradient(to bottom,
                               shade (@titlebar_color, 1.1),
                               shade (@titlebar_color, 1.1)
                               );
    border-color: shade (@titlebar_color, 0.78);
    box-shadow: inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.40);
    -gtk-image-effect: dim;
}

.toolbar .separator {
    -GtkWidget-wide-separators: true;
    -GtkWidget-horizontal-separator: 0;
    -GtkWidget-vertical-separator: 0;
}

/*********************
* Secondary Toolbars *
*********************/

.secondary-toolbar.toolbar {
    border-width: 0 0 1px;
    border-style: solid;

    padding: 2px;

    background-image: linear-gradient(to bottom,
                                  shade (@titlebar_color, 1),
                                  shade (@titlebar_color, 1)
                                  );

    box-shadow: inset 0 1px 0 0 alpha (@bg_highlight_color, 0.30),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.20);

    border-color: shade (@titlebar_color, 0.54);

    text-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
    icon-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
}

.secondary-toolbar.toolbar:backdrop {
    background-image: linear-gradient(to bottom,
                                  shade (@titlebar_color, 1.1),
                                  shade (@titlebar_color, 1.1)
                                  );
    border-color: shade (@titlebar_color, 0.70);

    color: @insensitive_color;

    -gtk-image-effect: dim;
}

.secondary-toolbar.toolbar .button {
    border-color: alpha (#000, 0.3);

    text-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
    icon-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
}

/******************
* Bottom Toolbars *
******************/

.bottom-toolbar.toolbar {
    padding: 7px;
    border-radius: 0 0 6px 6px ;
    border: 1px solid shade (@titlebar_color, 0.7);
    border-width: 1px 0 0 0;
    background-image: linear-gradient(to bottom,
                                alpha(@titlebar_color, 0.5),
                                alpha( shade (@titlebar_color,1),0.5)
                                );
    box-shadow: inset 0 1px 0 0 alpha (@bg_highlight_color, 0.50),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.20);
}

.bottom-toolbar.toolbar .button {
    padding: 1px 2px 1px 2px;
}

/***************
 * Header Bars *
 **************/

.header-bar .button.image-button {
    padding: 2px;
    border: 1px solid transparent;
    background-image: none;
    box-shadow: none;
}

.titlebar .button.flat,
.titlebar .button.image-button { /* FIXME: This is a workaround for Files */
    border-radius: 4px;
}

.titlebar .button.image-button:active,
.titlebar .button.image-button:hover:active,
.titlebar .button.image-button:focus:active,
.titlebar .button.image-button:checked,
.titlebar .button.image-button:hover:checked,
.titlebar .button.image-button:focus:checked,
.titlebar .button.flat:active,
.titlebar .button.flat:hover:active,
.titlebar .button.flat:focus:active,
.titlebar .button.flat:checked,
.titlebar .button.flat:hover:checked,
.titlebar .button.flat:focus:checked {
    background-color: alpha (@text_color, 0.15);
    border-color: transparent;
    box-shadow: none;
    icon-shadow: none;
}

.toolbar .button.image-button GtkImage {
    color: shade (@title_color, 0.75);
    icon-shadow: 0 1px @title_shadow_color;
}

.titlebar .button.image-button GtkImage:insensitive,
.toolbar .button.image-button GtkImage:insensitive {
    color: @insensitive_color;
    -gtk-image-effect: dim;
}

.titlebar .button.image-button GtkImage:backdrop,
.toolbar .button.image-button GtkImage:backdrop {
    color: shade (@titlebar_color, 0.80);
    icon-shadow: none;
}

/***************
 * Action bars *
 ***************/

GeditStatusbar,
.status-bar,
.action-bar {
    padding: 1px 5px;
    border-radius: 0 0 6px 6px;

    text-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
    icon-shadow: 0 1px alpha (@bg_highlight_color, 0.4);

    background-image: linear-gradient(to bottom,
                                  alpha (@titlebar_color, 0.3),
                                alpha(  shade (@titlebar_color, 0.88), 0.5)
                                  );

    border-style:solid;
    border-width: 1px 0 0 0;
    border-top-color: shade (@bg_color, 0.78);

    box-shadow: inset 0 0 0 1px alpha (@bg_highlight_color, 0.05),
                inset 0 1px 0 0 alpha (@bg_highlight_color, 0.45),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.15);
}

GtkDialog .action-bar {
    background-image: none;
    background-color: @bg_color;
    border-top-color: shade (@bg_color, 0.80);
    border-radius: 0 0 6px 6px;
}
.status-bar .button,
.action-bar .button {
    border-radius: 0;
    border-width: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
}

.action-bar .button.text-button {
    padding: 1px 11px;
}

.action-bar .button.image-button {
    padding: 2px 2px 2px 2px;
}

.action-bar .title {
    font: Bold 11px;
    padding: 0px 10px 0px 10px;
}

.action-bar .subtitle {
    font: 10;
    padding: 0px 10px 0px 10px;
}

/******************
* Inline Toolbars *
******************/

.inline-toolbar.toolbar {

    border-radius: 0;
    border-width: 0 1px 1px 1px;
    padding: 0;

    border-color: shade (@titlebar_color, 0.70);

    background-image: linear-gradient(to bottom,
                                  shade (@base_color, 0.92),
                                  shade (@base_color, 0.98)
                                  );

    box-shadow: inset 0 1px 0 0 alpha (#000, 0.10),
                inset 0 -1px 0 0 @inset_dark_color;
}

GtkPaned .inline-toolbar.toolbar {
    border-width: 1px 0 0 0;
}

.sidebar.inline-toolbar.toolbar,
.source-list.inline-toolbar.toolbar {
    border-width: 1px 0 0 0;
    /*FIXME: This should probably use alpha just in case */
    background-image: linear-gradient(to bottom,
                                  shade (@titlebar_color, 0.92),
                                  shade (@titlebar_color, 0.98)
                                  );
}

.inline-toolbar.toolbar .button {
    border-radius: 0;
    border-width: 0;
    background-image: none;
    background-color: transparent;
    box-shadow: none;

    text-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
    icon-shadow: 0 1px alpha (@bg_highlight_color, 0.4);

    color: shade (@text_color, 1.25);
}

.inline-toolbar.toolbar .button:active,
.inline-toolbar.toolbar .button:active:hover {
    background-color: alpha (#000, 0.05);
    background-image: none;
}

.inline-toolbar.toolbar .button GtkImage:insensitive,
.inline-toolbar.toolbar .button GtkLabel:insensitive,
.inline-toolbar.toolbar .button:insensitive {
    background-image: none;
    background-color: transparent;
    color: @insensitive_color;
}

/*************
 * Seek bars *
 ************/

.seek-bar .scale.slider {
    background-image: none;
    border: none;
    box-shadow: none;
}

/***************
 * Search bars *
 ***************/

EggFindBar.toolbar,
.search-bar {
    border-width: 0 0 1px;
    border-style: solid;

    padding: 4px;

    background-image: linear-gradient(to bottom,
                                  alpha (@titlebar_color, 0.87),
                                  alpha (@titlebar_color, 0.84)
                                  );

    box-shadow: inset 0 1px 0 0 alpha (@bg_highlight_color, 0.10),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.05);

    border-color: shade (@titlebar_color, 0.67);

    text-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
    icon-shadow: 0 1px alpha (@bg_highlight_color, 0.4);
}

EggFindBar.toolbar:backdrop,
.search-bar:backdrop {
    background-image: linear-gradient(to bottom,
                                  shade (@titlebar_color, 1.09),
                                  shade (@titlebar_color, 1.09)
                                  );
    border-color: shade (@titlebar_color, 0.78);

    color: @insensitive_color;

    -gtk-image-effect: dim;
}

GtkDialog .search-bar,
GtkDialog .search-bar:backdrop {
    background-image: none;
    background-color: @bg_color;
    border-color: shade (@bg_color, 0.60);
    box-shadow: none;
}

GtkAppChooserDialog .search-bar {
    border: none;
}

.search-bar .button.close-button {
    padding: 4px 3px 4px 4px;
}

/**************************
* Suggested Action Button *
**************************/

.suggested-action.button {
    background-color: #6d6b6d;
    background-image: none;
    text-shadow: 0 1px alpha (#fff, 0.2);
    icon-shadow: 0 1px alpha (#fff, 0.2);
    border: 1px solid alpha (#000, 0.1);
    border-radius: 4px;
    box-shadow: 0 1px 0 0 alpha (#000, 0.05);
    color: @text_color;
    transition: all 100ms ease-in;
}

.suggested-action.button:backdrop {
  background-color: alpha(#575757, 0.3);
  background-image: none;
  border: 1px solid alpha (#000, 0.2);
  color: shade (@textColorPrimary, 0.9);
  text-shadow: 0 1px alpha (#fff, 0.1);
  icon-shadow: 0 1px alpha (#fff, 0.1);
  box-shadow:none;
}

GtkOverlay .suggested-action.button {
  background-color: #6d6b6d;
  background-image: none;
  text-shadow: 0 1px alpha (#fff, 0.2);
  icon-shadow: 0 1px alpha (#fff, 0.2);
  border: 1px solid alpha (#000, 0.1);
  border-radius: 4px;
  box-shadow: 0 1px 0 0 alpha (#000, 0.05);
  color: @text_color;
  transition: all 100ms ease-in;
}

.suggested-action.button GtkLabel,
.suggested-action.button GtkLabel:prelight {
    color: @selected_fg_color;
    text-shadow: 0 1px alpha (#000, 0.3);
    icon-shadow: 0 1px alpha (#000, 0.3);
}

.suggested-action.button:active,
.suggested-action.button:active:hover {
  background-color: #6d6b6d;
  background-image: none;
  box-shadow: 0 1px 0 0 alpha (#000, 0.15);
}

/****************************
* Destructive Action Button *
****************************/

.destructive-action.button,
.titlebar .destructive-action.button {
    background-image: linear-gradient(to bottom,
                                  shade (@error_color, 1.30),
                                  @error_color
                                  );

    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.25),
                inset 0 -1px 0 0 alpha (#fff, 0.10),
                0 1px 0 0 alpha (#fff, 0.15);

    border-color: shade (@error_color, 0.90);
}

.destructive-action.button:backdrop,
.titlebar .destructive-action.button:backdrop {
    background-image: linear-gradient(to bottom,
                                  shade (@error_color, 1.40),
                                  shade (@error_color, 1.30)
                                  );
    border-color: @error_color;
}

.destructive-action.button GtkLabel,
.destructive-action.button Gtklabel:prelight,
.destructive-action.button GtkImage,
.destructive-action.button GtkImage:prelight,
.titlebar .destructive-action.button GtkLabel,
.titlebar .destructive-action.button Gtklabel:prelight,
.titlebar .destructive-action.button.image-button GtkImage {
    color: @selected_fg_color;
    text-shadow: 0 1px alpha (#000, 0.2);
    icon-shadow: 0 1px alpha (#000, 0.2);
}

.titlebar .destructive-action.button GtkLabel:backdrop,
.titlebar .destructive-action.button.image-button GtkImage:backdrop {
    color: shade (@error_color, 1.90);
    text-shadow: none;
    icon-shadow: none;
}

.destructive-action.button:active,
.destructive-action.button:active:hover,
.titlebar .destructive-action.button:active,
.titlebar .destructive-action.button:active:hover {
    background-image: linear-gradient(to bottom,
                                  shade (@error_color, 1.20),
                                  @error_color
                                  );

    border-color: shade (@error_color, 0.85);
}

/*********************
* Insensitive Button *
**********************/

.button:insensitive,
.destructive-action.button:insensitive,
.suggested-action.button:insensitive {
    background-image: none;
    background-color: transparent;
    border-color: alpha (#000, 0.20);
    color: @insensitive_color;
}

.toolbar .button:insensitive,
.toolbar .destructive-action.button:insensitive,
.titlebar .destructive-action.button:insensitive,
.titlebar .destructive-action.button.image-button GtkImage:backdrop {
    background-image: linear-gradient(to bottom,
                                  alpha (#fff, 0),
                                  alpha (#000, 0)
                                  );

    border-color: alpha (#000, 0.20);
    color: @insensitive_color;
}

.destructive-action.button:insensitive GtkLabel,
.suggested-action.button:insensitive GtkLabel {
    text-shadow: 0 1px alpha (#fff, 0.4);
    color: @insensitive_color;
}

.spinbutton .button:insensitive,
.spinbutton .button:focus:insensitive {
    background-color: alpha (#000, 0.02);
    background-image: none;
    color: @insensitive_color;
}

.button:active:insensitive {
    background-image: linear-gradient(to bottom,
                                  shade (@bg_color, 0.85),
                                  shade (@bg_color, 0.94) 20%,
                                  @bg_color
                                  );

    box-shadow: inset 0 0 0 1px alpha (#000, 0.02);
}

.button.flat:insensitive {
    border-color: transparent;
    box-shadow: none;
    background-image: none;
    background-color: transparent;
}

/***************
* GtkAssistant *
***************/

GtkAssistant .sidebar .highlight {
    color: @fg_color;
    font: bold;
}

GtkAssistant .sidebar {
    background-color: shade (@bg_color, 0.97);
    border-color: shade (@bg_color, 0.8);
    border-style: solid;
    border-width: 1px 1px 0 0;
    color: mix (@fg_color, @bg_color, 0.40);
    padding: 9px;
    text-shadow: 0 1px shade (@bg_color, 1.04);
}

GtkAssistant .sidebar .label {
  padding: 6px 12px;
}

/*************
 * GtkSwitch *
 *************/

GtkSwitch {
    -GtkSwitch-slider-width: 26;
    -GtkSwitch-slider-height: 24;
    padding: 1px 3px 1px 1px;
    border-radius: 16px;
    font: sfns display 9px;
}

GtkSwitch:active {
    padding: 1px 1px 1px 3px;
}

GtkSwitch.slider {
    padding: 2px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: shade(@theme_bg_color, 1.08);
    background-image: none;
    box-shadow: none;
}

GtkSwitch.slider:insensitive {
    border-width: 1px;
    border-color: shade(@theme_bg_color, 0.85);
    background-color: shade(@theme_bg_color, 0.9);
    background-image: none;
}

GtkSwitch.trough {
    border: 1px solid shade(@theme_bg_color, 0.82);
    background-color: shade(@theme_bg_color, 0.95);
    background-image: none;
    color: @theme_fg_color;
}

GtkSwitch.trough:active {
    border: 1px solid shade(@theme_bg_color, 0.82);
    background-color: @selected_bg_color;
    background-image: none;
    color: @theme_selected_fg_color;
}

GtkSwitch.trough:insensitive {
    border-color: shade(@theme_bg_color, 0.82);
    background-color: shade(@theme_bg_color, 0.9);
    background-image: none;
    color: mix(@theme_fg_color, @theme_bg_color, 0.5);
}

/*****************************
* Tree, List, and Icon Views *
*****************************/
GtkTreeView.view.progressbar {
    color: alpha(@theme_selected_fg_color, 0.75);
    border: 1px solid transparent;
    background-image:none;
    background-color: @selected_bg_color;
    box-shadow: none;
}

GtkTreeView.view.progressbar:backdrop {
    color: alpha(@theme_selected_fg_color, 0.75);
    background-image:none;
    background-color:  @selected_bg_color;
    box-shadow: none;
}

GtkTreeView.view.progressbar:selected {
    border: 1px solid shade(@theme_bg_color, 0.8);
    color: white;
    box-shadow: none;
    background-image:none;
    background-color: @selected_bg_color;
}

GtkTreeView.view.progressbar:selected:backdrop {
    color: white;
    border: 1px solid shade(@theme_bg_color, 0.8);
    background-image: linear-gradient(to bottom,
                                      shade(@selected_bg_color, 1.22),
                                      shade(@selected_bg_color, 1.06)
                                      );
}

GtkTreeView.view.trough {
    background-color: @base_color;
    border: 1px solid shade(@theme_bg_color, 0.8);
}
GtkTreeView.view.trough:selected {
    background-color: @base_color;
    border: 1px solid shade(@theme_bg_color, 0.8);
}

GtkTreeView {
    -GtkTreeView-vertical-separator: 5px;
    -GtkTreeView-horizontal-separator: 6px;
    -GtkTreeView-expander-size: 16;
    -GtkTreeView-grid-line-pattern: "\000\000";
    border-top-color: @border_color;
}

GtkTreeView row:nth-child(even) {
    background-color: @base_color;
}

GtkTreeView row:nth-child(odd) {
    background-color: @bg_color;
}

GtkTreeView .entry {
    border-radius: 0;
}

GtkIconView.view.cell:selected,
GtkIconView.view.cell:selected:focus {
    background-color: @base_color;
    color: @text_color;
}

.view {
    background-color: @base_color;
}

.list-row.button {
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.cell {
    border-width: 0px;
    color: @text_color;
    text-shadow: none;
}

.cell:selected,
.list-row.button:selected,
.popover GtkTreeView.view row:selected,
.view:selected,
GtkListBoxRow:selected,
.popover GtkTreeView.view row:selected {
  background-color: @theme_selected_bg_color;
  color: @theme_selected_fg_color;
}

.cell:selected:backdrop,
.list-row.button:selected:backdrop,
.popover GtkTreeView.view row:selected:backdrop,
.view:selected:backdrop,
GtkListBoxRow:selected:backdrop,
.popover GtkTreeView.view row:selected:backdrop,
GtkListBoxRow:selected:backdrop,
.list-row.button:selected:backdrop {
  background-image: linear-gradient(to bottom,
                              shade (@base_color, 0.80),
                              shade (@base_color, 0.80)
                              );
}

.cell:selected:focus,
.list-row.button:selected:focus,
.view:selected:focus {
    background-color: @colorAccent;
    color: @selected_fg_color;
}

/* FIXME: This doesn't work with only-child

GtkListBoxRow:only-child {
    border-bottom: none;
    box-shadow: none;
}

GtkListBoxRow:first-child {
    border-bottom: solid 1px alpha(#fff, 0.04);
    box-shadow: inset 0 -1px shade(@base_color, 0.85);
}
*/

/*********************
 * App Notifications *
 *********************/

.app-notification,
.app-notification.frame {
    background-color: alpha (@text_color, 0.8);
    border-radius: 4px;
    border: none;
    padding: 5px 11px;
    text-shadow: 0 1px 2px alpha (@text_color, 0.6);
    background-clip: padding-box;
}

.app-notification GtkLabel {
    color: @bg_color;
    text-shadow: 0 1px 2px alpha (@text_color, 0.6);
}

.app-notification .button,
.app-notification .button.flat.image-button {
    background-color: alpha (@bg_color, 0.9);
    padding: 2px 5px;
    color: @text_color;
    icon-shadow: none;
    box-shadow: none;
    border-width: 0;
}

.app-notification .button GtkLabel {
    color: @text_color;
    text-shadow: none;
    icon-shadow: none;
}

.app-notification .button.flat.image-button {
    padding: 2px;
    border-radius: 50%;
}

.app-notification .button:active {
    background-color: @bg_color;
    box-shadow: 0 3px 6px alpha (@text_color, 0.16),
                            0 3px 6px alpha (@text_color, 0.23);
}

/******************
 * Column Headers *
 *****************/

column-header .button,
.content-view column-header .button {
    border-radius: 0;
}

column-header .button GtkLabel {
    padding-left: 2px;
    color: shade (@text_color, 1.8);
}

column-header:nth-child(first) .button,
column-header:nth-child(first) .button:backdrop,
.content-view column-header:nth-child(first) .button {
    border-width: 0 0 1px 0;
}

column-header .button,
column-header .button:backdrop {
    background-image: linear-gradient(to bottom,
                                  shade (@base_color, 0.95),
                                  shade (@base_color, 0.95)
                                  );

    border-image: linear-gradient(to bottom,
                                  shade (@base_color, 0.88),
                                  shade (@base_color, 0.70)
                                  ) 0 0 1 1;
    border-width: 0 0 1px 1px;
    font: bold;
    padding: 3px 1px 1px;
    color: shade(@text_color, 1.5);
}

column-header .button:hover:backdrop,
column-header .button:active,
column-header .button:hover {
    background-image: linear-gradient(to bottom,
                                  shade (@base_color, 1),
                                  @base_color
                                  );
}

/*************
* List Boxes *
*************/

EggListBox,
GtkListBox,
.list {
    background-color: @base_color;
}

.popover EggListBox,
.popover GtkListBox,
.popover .list {
    background-color: transparent;
}

.list-row:selected,
.list-row:selected:hover {
    background-color: @colorAccent;
    icon-shadow: none;
    text-shadow: none;
    color: @base_color;
}

/***************
* Content View *
***************/

.content-view-window {
    border: 1px solid alpha (#000, 0.25);
    border-radius: 5px;
}

.content-view,
.content-view GtkViewport {
    background-color: transparent;
    background-image: none;
}

.content-view column-header .button {
    border-width: 0 0 1px 1px;

    background-image: linear-gradient(to bottom,
                              @bg_color,
                              shade (@bg_color, 0.94)
                              );

    border-image: linear-gradient(to bottom,
                                  shade (@base_color, 0.86),
                                  shade (@base_color, 0.70)
                                  ) 1 0 1 0;
}

.content-view .title,
.content-view .option-title {
    color: @text_color;
    text-shadow: 0 1px alpha (#fff, 0.3);
}

.content-view .subtitle,
.content-view .option-description {
    color: alpha (@text_color, 0.5);
    text-shadow: 0 1px alpha (#fff, 0.4);
}

.content-view .toolbar {
    padding: 1px;

    background-image: linear-gradient(to bottom,
                          alpha (#000, 0.10),
                          alpha (#000, 0.03)
                          );

  border-color: alpha (#000, 0.05);
}

/************************
* Sidebar & Source List *
************************/
.source-list.category-expander:hover,
.gedit-document-panel,
.sidebar,
.sidebar .view,
.sidebar GtkScrolledWindow,
.source-list,
.source-list.view {
  background-image:linear-gradient(to bottom,
                          transparent,
                          transparent
                          );
    background-color: transparent;
    color: #2d2d2d;
    -gtk-icon-style: symbolic;
    font: sfns display 12px;
    text-shadow: 0 1px alpha (#fff, 0.2);
    icon-shadow: 0 1px alpha (#fff, 0.0);
}
.sidebar:backdrop,
.sidebar .view:selected:backdrop,
.source-list:backdrop,
.source-list.view:selected:backdrop {
    background-color: shade (@base_color, 0.96);
    color: shade (@titlebar_color, 0.60);
    -gtk-image-effect: dim;
}

.popover .sidebar:backdrop {
    color: shade (@titlebar_color, 0.50);
}

.sidebar.separator,
.sidebar.view.separator,
.sidebar .view.separator,
.view.separator,
.separator {
    border-width: 1px;
    border-style: solid;
    border-color: shade(@theme_bg_color, 0.8);
    color: shade(@theme_bg_color, 0.8);
}

GtkDialog .sidebar,
GtkDialog .sidebar .view,
GtkDialog .sidebar GtkScrolledWindow {
    background-color: shade (@titlebar_color, 1.07);
}

.sidebar,
.sidebar .view,
.sidebar .view:selected:backdrop,
.sidebar .view:hover:selected:backdrop,
.source-list,
.source-list.view,
.source-list.view:selected:backdrop,
.source-list.view:hover:selected:backdrop {
    text-shadow: 0 1px alpha (#fff, 0.4);
    icon-shadow: 0 1px alpha (#fff, 0.4);
}

.sidebar,
.source-list {
    -GtkTreeView-horizontal-separator: 1px;
    -GtkTreeView-vertical-separator: 6px;
}

.sidebar .view:hover,
.source-list.view:hover {
    background-color: alpha(shade (@titlebar_color, 0.4), 0.2);
    color: shade (@titlebar_color, 0.50);
}

GtkDialog .sidebar .view:selected,
GtkDialog .sidebar .view:hover:selected,
.gedit-document-panel .list-row:selected,
.gedit-document-panel .list-row:active,
..sidebar .view:selected,
.sidebar .view:selected:hover,
.sidebar.view:selected,
.sidebar.view:selected:hover,
.popover .sidebar.view:selected,
.source-list.view:selected,
.source-list.view:selected:hover,
.source-list.view:selected:focus {
    color: @base_color;
    text-shadow: 0 1px alpha (#000, 0.2);
    icon-shadow: 0 1px alpha (#000, 0.0);
    background-color: @selected_bg_color;
    border-style: solid;
    border-color: transparent;
    border-width: 0 2px 0 2px;
}

GtkDialog .sidebar .view:selected:backdrop,
GtkDialog .sidebar .view:hover:selected:backdrop,
.sidebar .view:selected:backdrop,
.sidebar .view:hover:selected:backdrop,
.source-list.view:selected:backdrop,
.source-list.view:hover:selected:backdrop {
    background-color:shade (@titlebar_color, 0.94);
}

.sidebar:backdrop,
.sidebar .view:selected:backdrop,
.source-list:backdrop,
.source-list.view:selected:backdrop {
    color: shade (@titlebar_color, 0.60);
    -gtk-image-effect: dim;
}

.sidebar .scrollbar.trough,
.sidebar .scrollbars-junction,
.source-list .scrollbar.trough,
.source-list .scrollbars-junction {
    background-color: transparent;
}

.source-list.badge,
.source-list.badge:prelight,
.source-list.badge:selected,
.source-list.badge:selected:focus,
.source-list.badge:prelight:selected {
    background-image: none;
    background-color: alpha (#000, 0.4);
    color: @titlebar_color;
    border-radius: 10px;
    padding: 0 5px;
    margin: 0 3px;
    text-shadow: 0 1px alpha (#000, 0.1);
    icon-shadow: 0 1px alpha (#000, 0.1);
    border-width: 0;
}

.source-list.badge:selected,
.source-list.badge:prelight:selected {
    color: @titlebar_color;
}

.source-list.badge:selected:backdrop,
.source-list.badge:selected:prelight:backdrop {
    background-image: none;
    background-color: alpha (#000, 0.2);
    color: shade (@titlebar_color, 0.95);
    text-shadow: 0 1px alpha (#000, 0.1);
    icon-shadow: 0 1px alpha (#000, 0.1);
}

.source-list.level-bar,
.source-list.level-bar:selected,
.source-list.level-bar:selected:focus {
    background-color: @base_color;
    color: @base_color;
    border: 1px solid alpha (#000, 0.15);
    box-shadow: 0 1px 0 alpha (#fff, 0.25);
}

.source-list.fill-block,
.source-list.fill-block:hover,
.source-list.fill-block:selected,
.source-list.fill-block:selected:focus {
    background-image: none;
    background-color: mix (@colorAccent, @base_color, 0.25);
}

.sidebar-item {
  padding: 10px 4px;
}

.sidebar-item > Gtklabel {
    padding-left: 6px;
    padding-right: 6px;
}
.sidebar-item.needs-attention > Gtklabel {
    background-size: 6px 6px, 0 0;
}

/* -------------
NEW ON GTK 3.18
---------------*/
GtkSidebarRow.list-row {
  padding: 0px;
}

GtkSidebarRow .sidebar-revealer {
  padding: 4px 14px 4px 12px;
}

GtkSidebarRow .sidebar-icon:dir(ltr) {
  padding-right: 8px;
}

GtkSidebarRow .sidebar-icon:dir(rtl) {
  padding-left: 8px;
}

GtkSidebarRow .sidebar-label:dir(ltr) {
  padding-right: 2px;
}

GtkSidebarRow .sidebar-label:dir(rtl) {
  padding-left: 2px;
}

/***********
* Expander *
***********/

.source-list.category-expander,
.expander {
    color: @fg_color;
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
    -GtkTreeView-expander-size: 16;
}

.expander:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
}

.source-list.category-expander,
.source-list.category-expander:backdrop {
    color: transparent;
    border: none;
}

.expander:checked,
.source-list.category-expander:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

.expander row:selected,
.expander row:selected:focus {
    color: @selected_fg_color;
}

/**************
* GtkCalendar *
**************/

GtkCalendar {
    border-radius: 2px;
}

GtkCalendar.button,
GtkCalendar.button:insensitive,
GtkCalendar.header,
GtkCalendar.view {
    background-color: transparent;
    background-image: none;
}

.highlight,
GtkCalendar.highlight {
    color: #777;
}

/*************
* GtkInfoBar *
*************/

GtkInfoBar {
    border-style: solid;
    border-width: 0 0 1px 0;
    box-shadow: inset 0 1px 0 0 alpha (#fff, 0.30),
                inset 0 -1px 0 0 alpha (#fff, 0.06);
}

GtkInfoBar GtkLabel {
    padding: 2px;
}

GtkInfoBar.info {
    background-image: linear-gradient(to bottom,
                                  shade (@bg_color, 1.01),
                                  shade (@bg_color, 0.97)
                                  );

    box-shadow: inset 0 1px 0 0 #fff,
                inset 0 -1px 0 0 alpha (#fff, 0.4);

    border-color: shade (@bg_color, 0.8);
}

GtkInfoBar.info GtkLabel {
    color: @text_color;
}

GtkInfoBar.question {
    background-image: linear-gradient(to bottom,
                                  shade (@selected_bg_color, 1.30),
                                  @selected_bg_color
                                  );
    border-color: shade (@selected_bg_color, 0.9);
}

GtkInfoBar.question GtkLabel {
    color: shade (@selected_bg_color, 0.5);
}

GtkInfoBar.warning {
    background-image: linear-gradient(to bottom,
                                  shade (@warning_color, 1.30),
                                  @warning_color
                                  );

    box-shadow: inset 0 1px 0 0 alpha (#fff, 0.40),
                inset 0 -1px 0 0 alpha (#fff, 0.25);

    border-color: shade (@warning_color, 0.8);
}

GtkInfoBar.warning GtkLabel {
    color: shade (@warning_color, 0.5);
}

GtkInfoBar.error {
    background-image: linear-gradient(to bottom,
                                  shade (@error_color, 1.30),
                                  @error_color
                                  );
    border-color: shade (@error_color, 0.9);
}

GtkInfoBar.error GtkLabel {
    color: shade (@error_color, 0.5);
}

GtkInfoBar GtkLabel {
    icon-shadow: 0 1px alpha (#fff, 0.3);
    text-shadow: 0 1px alpha (#fff, 0.3);
}

GtkInfoBar .entry,
GtkInfoBar .menu {
    color: @text_color;
}

GtkInfoBar GtkLabel:insensitive {
    color: @insensitive_color;

}

GtkInfoBar .button,
GtkInfoBar .button:focus,
.dynamic-notebook GtkInfoBar .button {
    text-shadow: none;
    icon-shadow: none;
    background-image: none;
    background-color: transparent;
    border: 1px solid alpha (#000, 0.3);
    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.45),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 1px 0 0 alpha (#fff, 0.15);
}

GtkInfoBar .button:active,
GtkInfoBar .button:hover:active {
    background-image: none;
    background-color: alpha (#000, 0.05);
    border-color: alpha (#000, 0.35);
}

GtkInfoBar .button:insensitive,
GtkInfoBar .button:hover:insensitive {
    background-image: none;
    background-color: transparent;

    border-color: alpha (#000, 0.18);
}

/***********
 * Welcome *
 **********/

GraniteWidgetsWelcome {
    background-color: @base_color;
}

GraniteWidgetsWelcome GtkLabel {
    color: @placeholder_text_color;
    font: sfns display 11;
    text-shadow: none;
}

GraniteWidgetsWelcome .h1,
GraniteWidgetsWelcome .h3 {
    color: alpha(@text_color, 0.8);
}

/***********
 * Popover *
 **********/

GraniteWidgetsPopOver {
    -GraniteWidgetsPopOver-arrow-width: 21;
    -GraniteWidgetsPopOver-arrow-height: 10;
    -GraniteWidgetsPopOver-border-radius: 5px;
    -GraniteWidgetsPopOver-border-width: 1;
    -GraniteWidgetsPopOver-shadow-size: 12;
    border: 1px solid alpha (#000, 0.2);
    margin: 0;
}

GraniteWidgetsPopOver .sidebar.view,
GraniteWidgetsPopOver * {
    background-color: transparent;
}

GraniteWidgetsPopOver .button {
    background-image: none;
    background-color: transparent;
}

GraniteWidgetsPopOver .button:active,
GraniteWidgetsPopOver .button:hover:active {
    background-image: none;
    background-color: alpha (#000, 0.05);
    border-color: shade (@base_color, 0.74);
}

GtkPopover,
.popover,
.popover.osd,
.popover_bg {
    background-clip: border-box;
    background-color: @bg_color;
    border: 1px solid alpha (#000, 0.2);
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.30),
                0 3px 6px alpha (#000, 0.16),
                0 3px 6px alpha (#000, 0.23);
    margin: 10px 6px;
    text-shadow: none;
}

.popover > .list,
.popover > .view,
.popover > .toolbar .popover.osd > .toolbar,
.popover > .inline-toolbar .popover.osd > .toolbar,
.popover > .search-bar .popover.osd > .toolbar,
.popover > .location-bar .popover.osd > .toolbar,
.popover > .toolbar .popover.osd > .inline-toolbar,
.popover > .inline-toolbar .popover.osd > .inline-toolbar,
.popover > .search-bar .popover.osd > .inline-toolbar,
.popover > .location-bar .popover.osd > .inline-toolbar,
.popover > .toolbar .popover.osd > .search-bar,
.popover > .inline-toolbar .popover.osd > .search-bar,
.popover > .search-bar .popover.osd > .search-bar,
.popover > .location-bar .popover.osd > .search-bar,
.popover > .toolbar .popover.osd > .location-bar,
.popover > .inline-toolbar .popover.osd > .location-bar,
.popover > .search-bar .popover.osd > .location-bar,
.popover > .location-bar .popover.osd > .location-bar {
	border-style: none;
	background-image: none;
	background-color: transparent;
}

/*subjudul menu*/
.popover .label.separator {
	font-size: 140%;
	font-weight: normal;
	color: shade(@theme_bg_color, 0.8);
	text-shadow: none;
	background-color: transparent;
	icon-shadow: none;
  padding-bottom: 4px;
	border: 0;
}

.popover GtkImage {
    color: alpha (@text_color, 0.8);
}

.popover GtkImage:insensitive {
    color: @insensitive_color;
}

.popover .view,
.popover .view {
    background-color: transparent;
}

.popover.menu {
    background-image: none;
}

.popover.menu .menuitem {
    border-radius: 0;
}
.popover .menuitem:hover {
    color: #fff;
    border: 0 none;
}

GtkModelButton.button {
    color: @fg_color;
}

GtkModelButton.button:active,
GtkModelButton.button:insensitive,
GtkModelButton.button:active:insensitive,
GtkModelButton.button {
  text-shadow: 0 1px alpha (#fff, 0.4);
  icon-shadow: 0 1px alpha (#fff, 0.4);
  background-image: linear-gradient(to bottom,
                                white,
                                white
                                );
  border: 1px solid alpha (#000, 0.1);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
              inset 0 1px 0 0 alpha (#fff, 0.45),
              inset 0 -1px 0 0 alpha (#fff, 0.15),
              0 1px 0 0 alpha (#000, 0.05);

  color: @text_color;
  transition: all 100ms ease-in;
}

.popover .separator,
.popover GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar .popover .view.separator {
    font-size: 80%;
    font-weight: bold;
    color: shade(@theme_bg_color, 0.8);
    text-shadow: none;
    background-color: transparent;
    icon-shadow: none;
    -GtkWidget-separator-height: 2px;
    -GtkWidget-wide-separators: true;
    border-top: 1px solid @menu_separator;
    border-bottom: 1px solid @menu_separator_shadow;
}

GtkModelButton.button:active:hover,
GtkModelButton.button:hover,
GtkModelButton.button:selected {
    background-color: transparent;
    background-image: none;
    border: 1px solid alpha (#000, 0.1);
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px alpha (#fff, 0.05),
                inset 0 1px 0 0 alpha (#fff, 0.45),
                inset 0 -1px 0 0 alpha (#fff, 0.15),
                0 1px 0 0 alpha (#000, 0.05);
    text-shadow: 0 1px 1px alpha (#000, 0.25);
    icon-shadow: 0 1px 1px alpha (#000, 0.25);
    color: @selected_fg_color;
}

.popover .action-bar {
    background-image: none;
    padding: 5px;
    border-color: shade(@base_color, 0.8);
}

.popover .action-bar .button {
    padding: 2px 5px;
}

/*properti tombol pada menu popover*/
.popover .linked .button {
    border-width: 1px;
    border-style: solid;
    border-top-color: shade(@bg_color, 0.9);
    border-right-color: shade(@bg_color, 0.8);
    border-left-color: shade(@bg_color, 0.8);
    border-bottom-color: shade(@bg_color, 0.7);
    background-image: none;
    background-color: @base_color;
    color: @theme_fg_color;
    box-shadow: none;
    padding: 0px;
}

.popover .list {
	background-color: @theme_base_color;
}

.popover .linked .button:first-child {
    padding-top:0px;
    border-right-width: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0px;
}

.popover .linked .button:last-child {
    border-left-width: 0px;
    border-top-right-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
}

.popover .linked .button:hover{
    background-color: @base_color;
    background-image: none;
    box-shadow: none;
    color: @theme_fg_color;
}

/*pengaruhi tombol View option nautilus; status AKTIF*/
.popover .linked .button:checked,
.popover .linked .button:checked:hover {
    color: @selected_fg_color;
    border: 0 none;
    background-image: none;
    background-color: #6d6b6d;
}

.popover .linked .button:active,
.popover .linked .button:active:hover {
    box-shadow: none;
}

/*list menu popover*/
.popover .button.flat {
     border: 0px;}
.popover .button.flat:checked {
     background-color:transparent;
     background-image:none;
	box-shadow: none;
     color:@theme_fg_color}

.popover .button.flat:hover {
	background-image: none;
	background-color: @theme_selected_bg_color; /*pengaruhi floating-edit-tool Notes*/
	color: @theme_selected_fg_color;}

GcrCertificateWidget .frame {
    border: none;
}

/*******
 * CSD *
 ******/

.titlebar {
    background-image: linear-gradient(to bottom,
                                  alpha (shade(@colorPrimary,1.03), 0.97),
                                  alpha (shade(@colorPrimary,0.93), 1)
                                  );
    border-color: shade (@colorPrimary, 0.65);
    border-radius: 6px 6px 0 0;
    border-style: solid;
    border-width: 0 0 1px;
    text-shadow: 0 1px alpha (shade (@colorPrimary, 1.4), 0.40);
    icon-shadow: 0 1px alpha (shade (@colorPrimary, 1.4), 0.40);
    box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.1), 0.05),
                inset 0 1px 0 0 alpha (shade (@colorPrimary, 1.1), 0.20);
    padding: 0px 8px 0px;
}

.titlebar:backdrop {
    background-image: linear-gradient(to bottom,
                              shade (@colorPrimary, 1.1),
                              shade (@colorPrimary, 1.1)
                              );
    background-color: shade (@colorPrimary, 1.10);
    border-color: shade (@colorPrimary, 0.9);
    box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.4), 0.10);
    -gtk-image-effect: dim;
}

.header-bar {
    padding: 5px 8px 3px;
}

.header-bar:last-child {
    border-radius: 0px 6px 0 0;
}

.header-bar:first-child {
  background-image: linear-gradient(to bottom,
                             shade (@titlebar_color, 1),
                             shade (@titlebar_color, 0.95)
                             );
    border-radius: 6px 6px 0 0;
    border-bottom-color: alpha (black, 0.4);
    box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.1), 0.05),
                inset 0 1px 0 0 alpha (shade (@colorPrimary, 1.1), 0.05);
}

.maximized .header-bar,
.tiled .titlebar {
    padding: 3px 8px 2px;
}

.maximized .titlebar,
.tiled .titlebar {
    border-radius: 0;
}

.titlebar.compact {
    padding: 0 8px 0;
}

.titlebar.default-decoration {
    padding: 0 8px 0;
    background-image: linear-gradient(to bottom,
                                  shade (@titlebar_color, 1),
                                   shade (@titlebar_color, 0.95)
                                  );
    border-width: 0 0 1px;
    box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.1), 0.05),
                inset 0 1px 0 0 alpha (@bg_highlight_color, 0.20);
}

.titlebar.default-decoration:backdrop {
    padding: 0 8px 0;
    background-image: linear-gradient(to bottom,
                                  shade (@titlebar_color, 1.1),
                                  shade (@titlebar_color, 1.1)
                                  );
    border-width: 0 0 1px;
    box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.1), 0.10),
                inset 0 1px 0 0 alpha (@bg_highlight_color, 0.10);
}

GtkDialog .titlebar,
GtkMessageDialog .titlebar,
GtkDialog .titlebar.default-decoration,
GtkMessageDialog .titlebar.default-decoration {
    border: none;
    background-image: none;
    background-color: alpha (@bg_color, 0.97);
    box-shadow: inset 1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset -1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset 0 1px 0 0 @bg_highlight_color;
}

GtkDialog .titlebar:backdrop,
GtkMessageDialog .titlebar:backdrop,
GtkDialog .titlebar.default-decoration:backdrop,
GtkMessageDialog .titlebar.default-decoration:backdrop {
    border: none;
    background-image: none;
    background-color: @bg_color;
    box-shadow: inset 1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset -1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset 0 1px 0 0 @bg_highlight_color;
    color: shade (@titlebar_color, 1.20);
}

.titlebar .title,
.titlebar .subtitle,
.titlebar .button.image-button GtkImage {
    color: #000;
    text-shadow: 0 1px @textColorPrimaryShadow;
    icon-shadow: 0 1px @textColorPrimaryShadow;
}

.titlebar.default-decoration .titlebutton GtkImage,
.titlebar.default-decoration .titlebutton GtkImage:backdrop,
.titlebar.default-decoration .titlebar .titlebutton:backdrop,
.titlebar.default-decoration .titlebar .titlebutton {
    background: transparent;
    padding: 2px 0px 2px 0px;
    color: transparent;
    border-image: none;
    box-shadow: none;
    background-position: center;
	  background-repeat: no-repeat;
}

.header-bar .titlebutton,
.header-bar .titlebutton GtkImage,
.header-bar .titlebutton:backdrop,
GtkDialog .header-bar .titlebutton GtkImage,
GtkDialog .header-bar .titlebutton GtkImage:backdrop,
.titlebutton:backdrop,
.titlebar .titlebutton:backdrop,
.titlebar .titlebutton {
    background: none;
    padding: 2px 0px 2px 0px;
    color: transparent;
    border-style: none;
    border-image: none;
    box-shadow: none;
    background-position: center;
	  background-repeat: no-repeat;
}

.titlebar .title:insensitive,
.titlebar .subtitle:insensitive,
.titlebar .titlebutton:insensitive,
.titlebar .button.image-button GtkImage:insensitive {
    color: shade (@textColorPrimary, 1.50);
    text-shadow: 0 1px @textColorPrimaryShadow;
    icon-shadow: 0 1px @textColorPrimaryShadow;
}

.titlebar .title:backdrop,
.titlebar .subtitle:backdrop,
.titlebar .button.image-button GtkImage:backdrop {
    color: shade (@textColorPrimary, 1.50);
    text-shadow: none;
    icon-shadow: none;
}

/**************
 ! Window frame
***************/

.window-frame {
    border-radius: 6px;
    box-shadow: 0 0 0 1px alpha (#000, 0.15),
                0 12px 30px -6px alpha (#000, 0.80);
    margin: 10px;
}

.window-frame.menu.csd,
.window-frame.popup.csd {
    border-radius: 5px;
    box-shadow: 0 0 0 1px alpha (#000, 0.16),
                0 3px 6px alpha (#000, 0.16),
                0 3px 6px alpha (#000, 0.23);
    margin: 0;
}

.menu .window-frame.menu.csd,
.menu .window-frame.popup.csd {
    box-shadow: 0 0 0 1px alpha (#000, 0.12),
                0 10px 20px alpha (#000, 0.19),
                0 6px 6px alpha (#000, 0.23);
}

.window-frame.tooltip.csd {
    border-radius: 5px;
    box-shadow: 0 0 0 1px alpha (#000, 0.12),
                0 10px 20px alpha (#000, 0.19),
                0 6px 6px alpha (#000, 0.23);
    margin: 0;
}

.window-frame:backdrop {
    box-shadow: 0 0 0 1px alpha (#000, 0.08),
                0 3px 6px alpha (#000, 0.16),
                0 3px 6px alpha (#000, 0.23);
}

GtkDialog.window-frame,
GtkDialog.window-frame:backdrop,
.window-frame.dialog,
.window-frame.dialog:backdrop {
    border-radius: 6px;
    box-shadow: 0 0 0 1px alpha (#000, 0.20),
                0 10px 20px alpha (#000, 0.19),
                0 6px 6px alpha (#000, 0.23);
}

/***************
 * Dialog      *
 ***************/

GtkDialog.csd,
GtkMessageDialog.csd {
    border-radius: 5px;
}

GtkDialog.background {
    border-radius: 0 0 6px 6px;
}

.prompt,
GtkMessageDialog {
    -GtkDialog-button-spacing: 0;
    -GtkDialog-content-area-border: 12px;
}

GtkMessageDialog .button {
    padding: 5px;
}

GtkDialog .titlebar,
GtkMessageDialog .titlebar {
    border: none;
    background-image: none;
    background-color: @bg_color;
    box-shadow: inset 1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset -1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset 0 1px 0 0 @bg_highlight_color;
}

GtkDialog .titlebar:backdrop,
GtkMessageDialog .titlebar:backdrop {
    border: none;
    background-image: none;
    background-color: @bg_color;
    box-shadow: inset 1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset -1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset 0 1px 0 0 @bg_highlight_color;
    color: shade (@titlebar_color, 1.20);
}

GtkDialog .titlebar .title {
    color: transparent;
    font-size: 0;
    text-shadow: none;
    icon-shadow: none;
}

GtkDialog,
GtkMessageDialog {
    box-shadow: inset 1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset -1px 0 0 0 alpha (@bg_highlight_color, 0.20),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.30);
}

GtkDialog .toolbar {
    background-image: none;
    background-color: @bg_color;
}

/**************
* Text Styles *
**************/
.title { font: sfns display 14px; }
.h1 { font: sfns display 12px; }
.h2 { font: sfns display 12px; }
.h3 { font: sfns display 11px; }
.h4,
.category-label {
    color: mix (@bg_color, @text_color, 0.7);
    font-weight: 600;
    text-shadow: 0 1px alpha (#fff, 0.6);
}

.h4 {
    padding-bottom: 4px;
    padding-top: 4px;
}

GtkListBox .h4{
    padding-left: 4px;
}

/******************
 * Cursor Handles *
 ******************/

.entry.cursor-handle,
.cursor-handle {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-style: none;
}

.entry.cursor-handle.top,
.cursor-handle.top {
    -gtk-icon-source: -gtk-icontheme("selection-start-symbolic");
}

.entry.cursor-handle.bottom,
.cursor-handle.bottom {
    -gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
}

@import url("apps.css");
@import url("noise.css");

redpajama_set_name: RedPajamaGithub