@import url("../gtk-3.0/colCommon.css");
@import url("../gtk-3.0/colAccents.css");


/***************
 * Base States *
 ***************/
.background {
    color: @theme_fg_color;
    background-color: @theme_bg_color;
}
.background:backdrop {
    color: @theme_fg_color_dis;
    background-color: @theme_bg_color;
    text-shadow: none;
    -gtk-icon-shadow: none;
}

/*
   These wildcard seems unavoidable, need to investigate.
   Wildcards are bad and troublesome, use them with care,
   or better, just don't.
   Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
    -gtk-icon-effect: dim; 
}

.gtkstyle-fallback {
    color: @theme_fg_color;
    background-color: @theme_bg_color;
}
.gtkstyle-fallback:hover {
    color: @theme_fg_color;
    background-color: @theme_bg_color_hov;
}
.gtkstyle-fallback:active {
    color: @theme_fg_color;
    background-color: @theme_bg_color_hov;
}
.gtkstyle-fallback:disabled {
    color: @theme_fg_color_dis;
    background-color: @insensitive_bg_color;
}
.gtkstyle-fallback:selected {
    color: @theme_selected_fg_color;
    background-color: @theme_selected_bg_color;
}

.view, 
iconview,
.view text,
iconview text,
textview text {
    color: @theme_fg_color;
    background-color: @view_bg;
}
.view label,
iconview label,
textview label {
    color: @theme_fg_color;
}
.view:backdrop, 
iconview:backdrop,
.view text:backdrop,
iconview text:backdrop,
textview text:backdrop {
    color: @theme_fg_color_dis;
    background-color: @view_bg;
}
.view:backdrop:disabled, 
iconview:backdrop:disabled,
.view text:backdrop:disabled,
iconview text:backdrop:disabled,
textview text:backdrop:disabled {
    color: @theme_fg_color_dis;
}/*
.view:disabled, 
iconview:disabled,
.view text:disabled,
iconview text:disabled,
textview text:disabled {
    color: #9a9a9a;
    background-color: #fafafa; 
}*/
.view:selected:focus, 
iconview:selected:focus, 
.view:selected, 
iconview:selected,
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected:focus,
.view text:selected,
iconview text:selected,
textview text:selected {
    color: @theme_selected_fg_color;
    background-color: @theme_accent_color;
}

textview border {
    background-color: @view_border;
}

.rubberband,
rubberband,
.content-view rubberband,
.content-view .rubberband,
treeview.view rubberband,
flowbox rubberband {
    border: 1px solid @view_border;
  /*  background-color: rgba(195, 65, 19, 0.2); */
}

flowbox flowboxchild {
    padding: 3px; 
}
flowbox flowboxchild:selected {
    outline-offset: -2px; 
}

.content-view .tile {
    margin: 2px;
    background-color: transparent;
    border-radius: 0;
    padding: 0; 
}
.content-view .tile:backdrop {
    background-color: transparent; 
}
.content-view .tile:active, 
.content-view .tile:selected {
    background-color: transparent; 
}
.content-view .tile:disabled {
    background-color: transparent; 
}
/*
label {
    caret-color: currentColor;
    color: @theme_fg_color;
}
label selection {
    background-color: @theme_accent_color;
    color: @theme_fg_color; 
}
label:disabled {
    color: @theme_fg_color_dis;
}
button label:disabled {
    color: inherit; 
}
label:disabled:backdrop {
    color: @theme_fg_color_dis;
}
button label:disabled:backdrop {
    color: inherit; 
}*/

.dim-label, 
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle, 
label.separator {
    opacity: 0.55;
    text-shadow: none; 
}

assistant .sidebar {
    background-color: @assistant_sidebar_bg;
    border-top: 1px solid @borders;
}
assistant .sidebar:backdrop {
    background-color: @assistant_sidebar_bg;
    border-color: @unfocused_borders;
}

assistant.csd .sidebar {
    border-top-style: none; 
}

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

assistant .sidebar label.highlight {
    background-color: @assistant_sidebar_bg_lbl;
}

.osd .scale-popup, 
.app-notification,
.app-notification.frame, 
.csd popover.background.osd, 
popover.background.osd, 
.csd popover.background.touch-selection, 
.csd popover.background.magnifier, 
popover.background.touch-selection, 
popover.background.magnifier,
.osd {
    color: @button_fg_osd;
    border: none;
    background-color: rgba(29, 29, 29, 0.975);
    background-clip: padding-box;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000; 
}
.osd .scale-popup:backdrop, 
.app-notification:backdrop, 
popover.background.osd:backdrop, 
popover.background.touch-selection:backdrop, 
popover.background.magnifier:backdrop,
.osd:backdrop {
    text-shadow: none;
    -gtk-icon-shadow: none; 
}

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

spinner {
    background: none;
    opacity: 0;
    color: @theme_accent_color; 
    -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 
}
spinner:backdrop {
    color: @theme_fg_color; 
}
spinner:checked {
    opacity: 1;
    animation: spin 1s linear infinite; 
}
spinner:checked:disabled {
    opacity: 0.5; 
}

spinner:not(:backdrop) {
    color: @theme_accent_color; 
}

button.suggested-action spinner, 
button.destructive-action spinner {
    color: @theme_fg_color; 
}
button.suggested-action spinner:backdrop, 
button.destructive-action spinner:backdrop {
    color: @theme_fg_color; 
}

/**********************
 * General Typography *
 **********************/
.large-title {
    font-weight: 300;
    font-size: 24pt; 
}

.title-1 {
    font-weight: 800;
    font-size: 20pt; 
}

.title-2 {
    font-weight: 800;
    font-size: 15pt; 
}

.title-3 {
    font-weight: 700;
    font-size: 15pt; 
}

.title-4 {
    font-weight: 700;
    font-size: 13pt; 
}

.heading {
    font-weight: 700;
    font-size: 11pt; 
}

.body {
    font-weight: 400;
    font-size: 11pt; 
}

.caption-heading {
    font-weight: 700;
    font-size: 9pt; 
}

.caption {
    font-weight: 400;
    font-size: 9pt; 
}
/***************************************************************************************************
 * Separator
 **************************************************************************************************/
separator {
    background: image(@separator);
    min-width: 1px;
    min-height: 1px;
}

headerbar > separator,
.titlebar > separator {
    background: image(@header_separator);
    min-width: 1px;
    min-height: 1px;
}

menu separator,
.menuitem separator {
    border-top: 1px solid @menuitem_separator_a;
    background-color: @menuitem_separator_b;
    background: @menuitem_separator_b;
}

/****************
 * Text Entries *
 ****************/
.entry,
spinbutton:not(.vertical),
entry {
    min-height: 24px;   
    padding: 4px 6px;
    border: 1px solid;
    border-radius: 3px;
    color: #000000; /* workaround webkit2gtk 2.26 */
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-color: @entry_border;
    background-image: linear-gradient(to bottom, @entry_bg_a, @entry_bg_b 40%, @entry_bg_c);
    /*box-shadow: inset 0 0 0 1px alpha(@entry_bg_shadow, 0.2);*/
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}

entry,
.entry {
    background-color: @theme_accent_color; 
}

/* workaround webkit2gtk 2.26 */
* entry,
.entry,
spinbutton:not(.vertical) {
    color: @entry_fg_color;
}
.entry:selected,
.entry:selected:focus,
entry:selected,
entry:selected:focus {
    color: @theme_selected_fg_color;
    background-color: @theme_accent_color; 
}
.header-bar .entry,
.titlebar .entry,
headerbar spinbutton:not(.vertical),
headerbar entry {
    min-height: 24px;
    border: 1px solid;
    border-radius: 3px;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: @titleentry_fg_color;
    border-color: @titleentry_border;
    background-image: linear-gradient(to bottom, @titleentry_bg_a, @titleentry_bg_b 40%, @titleentry_bg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}

headerbar spinbutton:not(.vertical) image,
headerbar entry image,
.header-bar .entry.image,
.titlebar .entry.image {
    color: @titleentry_fg_color;
}
.entry.image.left {
    padding-left: 0;
}
.entry.image.right {
    padding-right: 0;
}
.entry-tag {
    margin: 6px;
    padding: 6px 8px;
    background-image: linear-gradient(to bottom, @entry_tag_a, @entry_tag_b 40%, @entry_tag_c);
    border: 1px solid @entry_tag_border;
    border-radius: 4px;
}
.entry-tag.button {
  border: none;
  box-shadow: none;
}

.linked > .entry {
    border-radius: 0;
}
.linked > .entry:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.linked > .entry:first-child:dir(rtl) {
    border-right-style: none;
}
.linked > .entry:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left-style: none;
}
.linked > .entry:last-child:dir(rtl) {
    border-left-style: solid;
}

spinbutton:not(.vertical) image.left,
entry image.left {
    margin-right: 6px;
}
spinbutton:not(.vertical) image.right,
entry image.right {
    margin-left: 6px;
}
spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
    background-color: transparent;
    background-image: linear-gradient(to top, alpha(@entry_bg_under_a, 0.2) 50%, alpha(@entry_bg_under_b, 0.2) 50%);
    padding-left: 1px;
    background-size: 1px 10px;
    background-repeat: repeat-y;
    background-origin: content-box;
    background-position: left center;
    border: none;
    box-shadow: none;
}
spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
    background-color: transparent;
    background-image: linear-gradient(to top, alpha(@entry_bg_under_a, 0.2) 50%, alpha(@entry_bg_under_b, 0.2) 50%);
    padding-right: 1px;
    background-size: 1px 10px;
    background-repeat: repeat-y;
    background-origin: content-box;
    background-position: right center;
    border: none;
    box-shadow: none;
}
.entry.flat,
.entry.flat:focus,
spinbutton.flat:focus:not(.vertical), 
spinbutton.flat:not(.vertical),
entry.flat:focus,
entry.flat {
    min-height: 0;
    padding: 2px;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}
.entry:focus,
spinbutton:focus:not(.vertical),
entry:focus {
    box-shadow: inset 0 0 0 1px @entry_border_act_shad /*, 0 1px 1px alpha(@box_shadow, 0.2)*/;
    border-color: @entry_border_act;
}
.header-bar .entry:disabled,
.titlebar .entry:disabled,
headerbar spinbutton:disabled:not(.vertical),
headerbar entry:disabled {
    color: @theme_fg_color_dis;
    border-color: @titleentry_border_dis;
    background-color: @insensitive_bg_color;
}
.entry:disabled,
spinbutton:disabled:not(.vertical),
entry:disabled {
    color: @theme_fg_color_dis;
    border-color: @entry_border_dis;
    /*background-color: @insensitive_bg_color;*/
}

.entry:backdrop,
spinbutton:backdrop:not(.vertical),
entry:backdrop {
    color: @entry_fg_dis;
    border-color: @entry_border_dis;
    transition: 200ms ease-out;
}
.header-bar .entry:backdrop,
.titlebar .entry:backdrop,
headerbar spinbutton:backdrop:not(.vertical),
headerbar entry:backdrop {
    color: @titleentry_fg_dis;
    border-color: @titleentry_border_dis;
    transition: 200ms ease-out;
}
.entry:backdrop:disabled,
spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled {
    color: @entry_fg_dis;
    border-color: @entry_border_dis;
    background-color: @insensitive_bg_color;
}
.header-bar .entry:backdrop:disabled,
.titlebar .entry:backdrop:disabled,
headerbar spinbutton:backdrop:disabled:not(.vertical),
headerbar entry:backdrop:disabled {
    color: @titleentry_fg_dis;
    border-color: @titleentry_border_dis;
    background-color: @insensitive_bg_color;
}
spinbutton.error:not(.vertical),
entry.error,
.entry.error {
    background-image: linear-gradient(to bottom, @entry_bg_err_a, @entry_bg_err_b 40%, @entry_bg_err_c);
    border-color: @entry_border_err;
    color: @entry_fg_err;
    text-shadow: none;
}
spinbutton.error:not(.vertical) image,
entry.error image,
.entry.error .image {
    color: @entry_fg_err;
}
spinbutton.error:focus:not(.vertical),
entry.error:focus,
.entry.error:focus {
    box-shadow: inset 0 0 0 1px @error_border_color;
    border-color: alpha(@error_border_color, 0.1);
}
spinbutton.error:not(.vertical) selection,
entry.error selection,
.entry.error:selected,
.entry.error:selected:focus {
    background-color: @error_background_color;
}
spinbutton.warning:not(.vertical),
entry.warning,
.entry.warning {
    background-image: linear-gradient(to bottom, @entry_bg_warn_a, @entry_bg_warn_b 40%, @entry_bg_warn_c);
    border-color: @entry_border_warn;
    color: @entry_fg_warn;
    text-shadow: none;
}
spinbutton.warning:focus:not(.vertical),
entry.warning:focus,
.entry.warning:focus {
    box-shadow: inset 0 0 0 1px @warning_border_color;
    border-color: alpha(@warning_border_color, 0.1);
}
spinbutton.warning:not(.vertical) selection,
entry.warning selection,
.entry.warning:selected,
.entry.warning:selected:focus {
    background-color: @warning_background_color;
}
spinbutton:not(.vertical) image,
entry image,
.entry.image {
    color: @entry_fg_color;
}
spinbutton:not(.vertical) image:hover,
entry image:hover,
.entry.image:hover {
    color: @entry_fg_color;
}
spinbutton:not(.vertical) image:active,
entry image:active,
.entry.image:active {
    color: @entry_fg_color;
}
spinbutton:not(.vertical) image:backdrop,
entry image:backdrop,
.entry.image:backdrop {
    color: @entry_fg_dis;
}
spinbutton:drop(active):focus:not(.vertical),
spinbutton:drop(active):not(.vertical),
entry:drop(active):focus,
entry:drop(active) {
    border-color: @entry_border_act;
    box-shadow: inset 0 0 0 1px @entry_border_act;
}
.osd spinbutton:not(.vertical),
.osd entry,
.osd .entry {
    color: @theme_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
}
.osd spinbutton:focus:not(.vertical),
.osd entry:focus,
.osd .entry:focus {
    color: @theme_fg_color;
    border-color: @entry_border_act;
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    box-shadow: inset 0 0 0 1px @entry_border_act;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
}
.osd spinbutton:backdrop:not(.vertical),
.osd entry:backdrop,
.osd .entry:backdrop {
    color: @theme_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.osd spinbutton:disabled:not(.vertical),
.osd entry:disabled,
.osd .entry:disabled {
    color: @theme_fg_color_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: rgba(49, 52, 52, 0.5);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.entry.progressbar,
spinbutton:not(.vertical) progress,
entry progress {
    margin: 2px -6px;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    border-width: 0 0 2px;
    border-color: @theme_accent_color;
    border-style: solid;
    box-shadow: none;
}
.entry.progressbar:backdrop,
spinbutton:not(.vertical) progress:backdrop,
entry progress:backdrop {
    background-color: transparent;
    background-image: none;
}
entry progressbar trough {
    background-image: none;
}

.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo,
.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical),
.linked:not(.vertical) > entry:focus + button,
.linked:not(.vertical) > entry:focus + combobox > box > button.combo,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry,
.linked:not(.vertical) > entry:focus + entry {
    border-left-color: @entry_border_act;
}
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo,
.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical),
.linked:not(.vertical) > entry:drop(active) + button,
.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo,
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry,
.linked:not(.vertical) > entry:drop(active) + entry {
    border-left-color: @entry_border_act;
}
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical),
.linked.vertical > entry:not(:disabled) + entry:not(:disabled),
.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
    border-top-color: @entry_border_dis;
}
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop,
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical),
.linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop,
.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
    border-top-color: @entry_border_dis;
}
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical),
.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled,
.linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical),
.linked.vertical > entry:disabled + entry:disabled {
    border-top-color: @entry_border_dis;
}
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child),
.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
.linked.vertical > entry + entry:focus:not(:only-child) {
    border-top-color: @entry_border_act03361;
}
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child),
.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > entry + entry:drop(active):not(:only-child) {
    border-top-color: @entry_border_act;
}
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo,
.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry:focus:not(:only-child) + entry,
.linked.vertical > entry:focus:not(:only-child) + button,
.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo {
    border-top-color: @entry_border_act;
}
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo,
.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry:drop(active):not(:only-child) + entry,
.linked.vertical > entry:drop(active):not(:only-child) + button,
.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo {
    border-top-color: @entry_border_act;
}

treeview entry:focus:dir(rtl),
treeview entry:focus:dir(ltr) {
    background-color: @view_bg;
    transition-property: color, background;
}
treeview entry.flat,
treeview entry {
    border-radius: 0;
    background-image: none;
    background-color: @view_bg;
}
treeview entry.flat:focus,
treeview entry:focus {
    border-color: @entry_border_act;
}


/***********
 * buttons *
 ***********/
@keyframes needs_attention {
  from {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(@theme_accent_color), to(transparent)); 
  }
  to {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_accent_color), to(transparent)); 
  } 
}

button.titlebutton, 
button {
    min-height: 24px;
    padding: 4px 6px;
    border: 1px solid @button_border;
    border-radius: 4px;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 40%, @button_bg_c);
    text-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
button.titlebutton, 
button.sidebar-button, 
button.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    transition: none; 
}
button label {
    color: @button_fg_color;
}
button:backdrop label {
    color: @button_fg_dis;
}
button.titlebutton:hover, 
button.sidebar-button:hover, 
button.flat:hover {
    border-color: transparent;
    color: @theme_fg_color;
    background-color: alpha(@notebook_border_hov, 0.15);
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
button.titlebutton:hover:active, 
button.sidebar-button:hover:active, 
button.flat:hover:active {
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}
button:hover {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_a_hov, @button_bg_b_hov 40%, @button_bg_c_hov);
    -gtk-icon-effect: highlight;
}
button:active,
button:checked,
button:active:backdrop,
button:checked:backdrop {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a_act, @button_bg_b_act 40%, @button_bg_c_act);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    text-shadow: none;
    -gtk-icon-shadow: none;
    transition-duration: 50ms;  
}

button:backdrop {
    border: 1px solid @button_border;
    border-radius: 4px;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: @button_fg_dis;
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 40%, @button_bg_c);
    text-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop:active,
button:backdrop:checked {
    color: @theme_fg_color_dis;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a_act, @button_bg_b_act 40%, @button_bg_c_act);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    text-shadow: none;
    -gtk-icon-shadow: none;
    transition-duration: 50ms;  
}
button.flat:backdrop:disabled,
button:backdrop:disabled {
    background-color: transparent;
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @button_fg_dis;
}
/*button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
    color: #d1d1d1;
    border-color: #cecece;
    background-image: image(#e4e4e4);     
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
}*/
button.titlebutton:backdrop, 
button.sidebar-button:backdrop, 
button.titlebutton:disabled, 
button.sidebar-button:disabled, 
button.flat:backdrop,
button.flat:disabled,
button.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; 
}
button:disabled {
    color: @theme_fg_color_dis;
}
button:disabled:active,
button:disabled:checked {
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_dis_a, @button_bg_dis_b);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @theme_fg_color_dis;
}
button.image-button {
    min-width: 24px;
    padding-left: 5px;
    padding-right: 5px; 
}
button.text-button {
    padding-left: 16px;
    padding-right: 16px; 
}
button.text-button.image-button {
    padding-left: 8px;
    padding-right: 8px; 
}
button.text-button.image-button label {
      padding-left: 8px;
      padding-right: 8px; 
}
combobox:drop(active) button.combo, 
button:drop(active) {
    color: @theme_accent_color;
    border-color: @theme_accent_color;
    box-shadow: inset 0 0 0 1px @theme_accent_color; 
}

row:selected button {
    color: @theme_selected_fg_color;
}
row:selected button label {
    color: @theme_selected_fg_color;
}
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), 
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
    color: @theme_selected_fg_color;
}
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, 
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
    color: @theme_selected_fg_color;
}


button.osd {
    min-width: 24px;
    min-height: 32px;
    color: @button_fg_osd;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(28, 31, 32, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
    border: none;
}
  
button.osd.image-button {
    min-width: 34px; 
}
  
button.osd:hover {
    color: @button_fg_osd;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(57, 63, 65, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
    border: none;
}
  
button.osd:active,
button.osd:checked {
    color: @button_fg_osd;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3);
    border: none;
}
  
button.osd:disabled:backdrop,
button.osd:disabled {
    color: @button_fg_osd_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    border: none; 
}
  
button.osd:backdrop {
    color: @button_fg_osd_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(28, 31, 32, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    border: none; 
}

.osd label,
.osd .label,
.app-notification label,
.app-notification.frame label,
.app-notification .label,
.app-notification.frame .label {
    color: @button_fg_osd;
}

.app-notification button,
.app-notification.frame button, 
.csd popover.background.touch-selection button, 
.csd popover.background.magnifier button, 
popover.background.touch-selection button, 
popover.background.magnifier button, 
.osd button {
    color: @button_fg_osd;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(28, 31, 32, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.app-notification button:hover, 
popover.background.touch-selection button:hover, 
popover.background.magnifier button:hover, 
.osd button:hover {
    color: @button_fg_osd;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(57, 63, 65, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.app-notification button:active, 
popover.background.touch-selection button:active, 
popover.background.magnifier button:active, 
.app-notification button:checked, 
popover.background.touch-selection button:checked, 
popover.background.magnifier button:checked, 
.osd button:active:backdrop, 
.osd button:active, 
.osd button:checked:backdrop, 
.osd button:checked {
    color: @theme_fg_color_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.app-notification button:disabled, 
popover.background.touch-selection button:disabled, 
popover.background.magnifier button:disabled, 
.osd button:disabled:backdrop, 
.osd button:disabled {
    color: @theme_fg_color_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.app-notification button:backdrop, 
popover.background.touch-selection button:backdrop, 
popover.background.magnifier button:backdrop, 
.osd button:backdrop {
    color: @theme_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(29, 29, 29, 0.975));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; 
}

.app-notification button.flat, 
popover.background.touch-selection button.flat, 
popover.background.magnifier button.flat, 
.osd button.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
}
.app-notification button.flat:hover, 
popover.background.touch-selection button.flat:hover, 
popover.background.magnifier button.flat:hover, 
.osd button.flat:hover {
    color: @button_fg_osd;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(57, 63, 65, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.app-notification button.flat:disabled, 
popover.background.touch-selection button.flat:disabled, 
popover.background.magnifier button.flat:disabled, 
.osd button.flat:disabled {
    color: @theme_fg_color_dis;
    background-color: transparent;
    background-clip: padding-box;
    text-shadow: none;
    -gtk-icon-shadow: none;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
}
.app-notification button.flat:backdrop, 
popover.background.touch-selection button.flat:backdrop, 
popover.background.magnifier button.flat:backdrop, 
.osd button.flat:backdrop {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.app-notification button.flat:active, 
popover.background.touch-selection button.flat:active, 
popover.background.magnifier button.flat:active, 
.app-notification button.flat:checked, 
popover.background.touch-selection button.flat:checked, 
popover.background.magnifier button.flat:checked, 
.osd button.flat:active, .osd button.flat:checked {
    color: @button_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3);
}


button.suggested-action {
    color: @button_fg_sugg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_sugg;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
    text-shadow: none;
}
button.suggested-action label {
    color: @button_fg_sugg_color;
}
button.suggested-action.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_accent_color; 
}
  
button.suggested-action:hover {
    color: @button_fg_sugg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_sugg;
    text-shadow: none;
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_hov, @button_bg_sugg_b_hov 40%, @button_bg_sugg_c_hov);
}
  
button.suggested-action:active,
button.suggested-action:checked {
    color: @button_fg_sugg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_sugg;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_act, @button_bg_sugg_b_act 40%, @button_bg_sugg_c_act);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
}
  
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
    color: @button_fg_dis;
    text-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
    
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked {
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 40%, @button_bg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @button_fg_dis;
}
    
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled {
    border-color: @unfocused_borders;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 40%, @button_bg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @button_fg_dis;
}
      
button.suggested-action:backdrop:disabled:active,
button.suggested-action:backdrop:disabled:checked,
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
    border-color: @unfocused_borders;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 40%, @button_bg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @button_fg_dis;
}
  
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
button.suggested-action.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(16, 155, 38, 0.8); 
}
  
button.suggested-action:disabled {
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @theme_fg_color_dis;
}
    
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
    border-color: @button_border_sugg;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @theme_fg_color_dis;
}
.osd button.suggested-action {
    color: @button_fg_sugg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(alpha(@theme_accent_color, 0.5));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd button.suggested-action:hover {
    color: @button_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(alpha(@theme_accent_color, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.osd button.suggested-action:active:backdrop, 
.osd button.suggested-action:active, 
.osd button.suggested-action:checked:backdrop, 
.osd button.suggested-action:checked {
    color: @button_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(@button_bg_sugg_flt);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd button.suggested-action:disabled:backdrop, 
.osd button.suggested-action:disabled {
    color: @theme_fg_color_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.osd button.suggested-action:backdrop {
    color: @button_fg_sugg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(alpha(@theme_accent_color, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}


button.destructive-action {
    color: @button_fg_dest_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_dest;
    background-image: linear-gradient(to bottom, @button_bg_dest_a, @button_bg_dest_b 60%, @button_bg_dest_c);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
  
button.destructive-action.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @button_fg_dest_color;
}
  
button.destructive-action:hover {
    color: @button_fg_dest_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_dest;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_dest_a_hov, @button_bg_dest_b_hov 60%, @button_bg_dest_c_hov); 
}
  
button.destructive-action:active,
button.destructive-action:checked {
    color: @button_fg_dest_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_dest;
    background-image: linear-gradient(to bottom, @button_bg_dest_a_act, @button_bg_dest_b_act 60%, @button_bg_dest_c_act);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    text-shadow: none;
    -gtk-icon-shadow: none;
}

button.destructive-action label,
button.destructive-action.flat label,
button.destructive-action:backdrop label,
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop label,
button.destructive-action.flat:backdrop {
    color: @button_fg_dest_color;
}

button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
    border-color: @button_border_dest;
    background-image: image(@button_bg_dest_flt);
    text-shadow: none;
    -gtk-icon-shadow: none;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @button_fg_dest_dis;
}
    
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
    border-color: @button_border_dest;
    background-image: linear-gradient(to bottom, @button_bg_dest_a_hov, @button_bg_dest_b_hov, @button_bg_dest_c_hov);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    color: @button_fg_dest_dis;
}
    
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active label,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label,
button.destructive-action.flat:backdrop:checked {
    color: @button_fg_dest_dis;
}
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled,
.button.destructive-action:backdrop:disabled,
.button.destructive-action.flat:backdrop:disabled {
    border-color: @unfocused_borders;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    text-shadow: none;
    -gtk-icon-shadow: none;
}
      
button.destructive-action:backdrop:disabled:active,
button.destructive-action:backdrop:disabled:checked,
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
    border-color: @button_border_dest;
    background-image: image(@button_bg_dest_c_act);
}
  
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(213, 16, 16, 0.8); 
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
  
button.destructive-action:disabled {
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    text-shadow: none;
    -gtk-icon-shadow: none;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
    
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
    border-color: @button_border_dest;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
.osd button.destructive-action {
    color: @button_fg_dest_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(213, 16, 16, 0.5));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd button.destructive-action:hover {
    color: @button_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(213, 16, 16, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.osd button.destructive-action:active:backdrop, 
.osd button.destructive-action:active, 
.osd button.destructive-action:checked:backdrop, 
.osd button.destructive-action:checked {
    color: @button_fg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd button.destructive-action:disabled:backdrop, 
.osd button.destructive-action:disabled {
    color: @button_fg_dest_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.osd button.destructive-action:backdrop {
    color: @button_fg_dest_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(213, 16, 16, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}

.stack-switcher > button {
    outline-offset: -3px; 
}
.stack-switcher > button > label {
    padding-left: 6px;
    padding-right: 6px; 
}
.stack-switcher > button > image {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px; 
}
.stack-switcher > button.text-button {
    padding-left: 10px;
    padding-right: 10px; 
}
.stack-switcher > button.image-button {
    padding-left: 2px;
    padding-right: 2px; 
}
.stack-switcher > button.needs-attention:active > label,
.stack-switcher > button.needs-attention:active > image, 
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
    animation: none;
    background-image: none; 
}


button.font separator,
button.file separator {
    background-color: transparent; 
}


button.font > box > box > label {
    font-weight: bold; 
}

.primary-toolbar button {
    -gtk-icon-shadow: none; 
}


button.circular {
    border-radius: 9999px;
    -gtk-outline-radius: 9999px;
    padding: 4px; 
    /* circles instead of ellipses */
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box; 
}
  
button.circular label {
    padding: 0; 
}
  
button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
    color: @theme_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    text-shadow: 0 -1px alpha(@button_fgcirc_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@button_fgcirc_shadow, 0.8);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
    background-image: linear-gradient(to bottom, @button_bgcirc_a, @button_bgcirc_b 60%, @button_bgcirc_c);
}
  
button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
    color: @theme_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
    background-image: linear-gradient(to bottom, @button_bgcirc_a_hov, @button_bgcirc_b_hov 60%, @button_bgcirc_c_hov);
}


stacksidebar row.needs-attention > label, 
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image {
    animation: needs_attention 150ms ease-in;
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_accent_color), to(transparent)),
                      -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.82745)), to(transparent));
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    background-position: right 3px, right 2px;
}
stacksidebar row.needs-attention > label:backdrop, 
.stack-switcher > button.needs-attention > label:backdrop,
.stack-switcher > button.needs-attention > image:backdrop {
    background-size: 6px 6px, 0 0; 
}
stacksidebar row.needs-attention > label:dir(rtl), 
.stack-switcher > button.needs-attention > label:dir(rtl),
.stack-switcher > button.needs-attention > image:dir(rtl) {
    background-position: left 3px, left 4px; 
}

.inline-toolbar toolbutton > button {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    border-bottom-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    text-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
.inline-toolbar toolbutton > button:hover {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    border-bottom-color: @button_border;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_a_hov, @button_bg_b_hov 60%, @button_bg_c_hov);
}
.inline-toolbar toolbutton > button:active, 
.inline-toolbar toolbutton > button:checked {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a_act, @button_bg_b_act 60%, @button_bg_c_act);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.inline-toolbar toolbutton > button:disabled {
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    text-shadow: none;
    -gtk-icon-shadow: none;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
 }
.inline-toolbar toolbutton > button:disabled label,
.inline-toolbar toolbutton > button:disabled,
.inline-toolbar GtkToolbutton > .button:disabled > .label {
    color: @button_fg_dis;
}
.inline-toolbar toolbutton > button:disabled:active, 
.inline-toolbar toolbutton > button:disabled:checked {
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @button_fg_dis;
}
.inline-toolbar toolbutton > button:backdrop {
    border-color: @unfocused_borders;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    text-shadow: none;
    -gtk-icon-shadow: none;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
.inline-toolbar toolbutton > button:backdrop label,
.inline-toolbar toolbutton > button:backdrop {
    color: @button_fg_dis;
}
.inline-toolbar toolbutton > button:backdrop:active, 
.inline-toolbar toolbutton > button:backdrop:checked {
    border-color: @unfocused_borders;
    background-image: image(@button_bg_dis_a);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @button_fg_dis;
}
.inline-toolbar toolbutton > button:backdrop:active label,
.inline-toolbar toolbutton > button:backdrop:active,
.inline-toolbar toolbutton > button:backdrop:checked label,
.inline-toolbar toolbutton > button:backdrop:checked {
    color: @button_fg_dis;
}
.inline-toolbar toolbutton > button:backdrop:disabled {
    border-color: @unfocused_borders;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    text-shadow: none;
    -gtk-icon-shadow: none;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
.inline-toolbar toolbutton > button:backdrop:disabled label,
.inline-toolbar toolbutton > button:backdrop:disabled {
    color: @button_fg_dis;
}
.inline-toolbar toolbutton > button:backdrop:disabled:active, 
.inline-toolbar toolbutton > button:backdrop:disabled:checked {
    border-color: @unfocused_borders;
    background-image: image(@button_bg_dis_a);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}

.linked:not(.vertical) > combobox > box > button.combo, 
filechooser .path-bar.linked > button, 
.linked:not(.vertical) > spinbutton:not(.vertical), 
.linked:not(.vertical) > entry, 
.inline-toolbar button, 
.linked > button, 
toolbar.inline-toolbar toolbutton > button.flat {
    border-right-style: none;
    border-radius: 0;
    -gtk-outline-radius: 0; 
}

.linked:not(.vertical) > combobox:first-child > box > button.combo, 
combobox.linked button:nth-child(2):dir(rtl), 
filechooser .path-bar.linked > button:dir(rtl):last-child, 
filechooser .path-bar.linked > button:dir(ltr):first-child, 
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), 
.linked:not(.vertical) > entry:first-child, 
.inline-toolbar button:first-child, 
.linked > button:first-child, 
toolbar.inline-toolbar toolbutton:first-child > button.flat {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -gtk-outline-top-left-radius: 4px;
    -gtk-outline-bottom-left-radius: 4px; 
}

.linked:not(.vertical) > combobox:last-child > box > button.combo, 
combobox.linked button:nth-child(2):dir(ltr), 
filechooser .path-bar.linked > button:dir(rtl):first-child, 
filechooser .path-bar.linked > button:dir(ltr):last-child, 
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), 
.linked:not(.vertical) > entry:last-child, 
.inline-toolbar button:last-child, 
.linked > button:last-child, 
toolbar.inline-toolbar toolbutton:last-child > button.flat {
    border-right-style: solid;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -gtk-outline-top-right-radius: 4px;
    -gtk-outline-bottom-right-radius: 4px; 
}

.linked:not(.vertical) > combobox:only-child > box > button.combo, 
filechooser .path-bar.linked > button:only-child, 
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), 
.linked:not(.vertical) > entry:only-child, 
.inline-toolbar button:only-child, 
.linked > button:only-child, 
toolbar.inline-toolbar toolbutton:only-child > button.flat {
    border-style: solid;
    border-radius: 4px;
    -gtk-outline-radius: 4px; 
}

.linked.vertical > combobox > box > button.combo, 
.linked.vertical > spinbutton:not(.vertical), 
.linked.vertical > entry, 
.linked.vertical > button {
    border-style: solid solid none solid;
    border-radius: 0;
    -gtk-outline-radius: 0; 
}

.linked.vertical > combobox:first-child > box > button.combo, 
.linked.vertical > spinbutton:first-child:not(.vertical), 
.linked.vertical > entry:first-child, 
.linked.vertical > button:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -gtk-outline-top-left-radius: 4px;
    -gtk-outline-top-right-radius: 4px; 
}

.linked.vertical > combobox:last-child > box > button.combo, 
.linked.vertical > spinbutton:last-child:not(.vertical), 
.linked.vertical > entry:last-child, 
.linked.vertical > button:last-child {
    border-bottom-style: solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -gtk-outline-bottom-left-radius: 4px;
    -gtk-outline-bottom-right-radius: 4px; 
}

.linked.vertical > combobox:only-child > box > button.combo, 
.linked.vertical > spinbutton:only-child:not(.vertical), 
.linked.vertical > entry:only-child, 
.linked.vertical > button:only-child {
    border-style: solid;
    border-radius: 4px;
    -gtk-outline-radius: 4px; 
}

headerbar button.titlebutton:not(.appmenu), 
headerbar button.titlebutton:not(.appmenu):backdrop, 
headerbar.selection-mode button.titlebutton:not(.appmenu), 
headerbar button.titlebutton:not(.appmenu):hover, 
headerbar button.titlebutton:not(.appmenu):active, 
.scale-popup button:backdrop:hover, 
.scale-popup button:backdrop:disabled, 
.scale-popup button:backdrop, 
.scale-popup button:hover, 
calendar.button, 
button:link:hover, 
button:link:active, 
button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked, 
button:link,
button:visited, 
list row button.image-button:not(.flat), 
modelbutton.flat:backdrop, 
modelbutton.flat:backdrop:hover, 
modelbutton.flat,
.menuitem.button.flat {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; 
}

/* menu buttons */
modelbutton.flat,
.menuitem.button.flat {
    min-height: 28px;
    padding: 2px 5px;
    border-radius: 4px;
    outline-offset: -2px; 
}
modelbutton.flat:hover,
.menuitem.button.flat:hover {
    background-color: @popover_bg_hover;
    box-shadow: none;
}

modelbutton.flat arrow {
    background: none; 
}
modelbutton.flat arrow:hover {
    background: none; 
}
modelbutton.flat arrow.left {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 
}
modelbutton.flat arrow.right {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 
}

button.color {
  padding: 4px; 
}
button.color colorswatch:only-child {
    box-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
}
button.color colorswatch:only-child, 
button.color colorswatch:only-child overlay {
    border-radius: 0; 
}
.osd button.color colorswatch:only-child {
    box-shadow: none; 
}
.osd button.color:disabled colorswatch:only-child, 
.osd button.color:backdrop colorswatch:only-child, 
.osd button.color:active colorswatch:only-child, 
.osd button.color:checked colorswatch:only-child, 
button.color:disabled colorswatch:only-child, 
button.color:backdrop colorswatch:only-child, 
button.color:active colorswatch:only-child, 
button.color:checked colorswatch:only-child {
    box-shadow: none; 
}

/* list buttons */
/* tone down as per new designs, see issue #1473, #1748 */
list row button.image-button:not(.flat) {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    border-bottom-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a, @button_bg_b 60%, @button_bg_c);
    text-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
list row button.image-button:not(.flat):hover {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    border-bottom-color: @button_border;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_a_hov, @button_bg_b_hov 60%, @button_bg_c_hov);
}
list row button.image-button:not(.flat):active, 
list row button.image-button:not(.flat):checked {
    color: @button_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_a_act, @button_bg_b_act 60%, @button_bg_c_act);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
}

/*********
 * Links *
 *********/
button:link > label,
button:visited > label, 
button:link,
button:visited,
*:link {
    color: @theme_fg_color_sel;
}
button:link > label:visited,
button:visited > label:visited,
button:visited,
*:link:visited {
    color: @theme_fg_color_sel;
}
*:selected button:link > label:visited,
*:selected button:visited > label:visited,
*:selected button:visited, 
*:selected *:link:visited {
    color: @theme_fg_color_sel;
}
button:link > label:hover,
button:visited > label:hover, 
button:hover:link,
button:hover:visited,
*:link:hover {
    color: @theme_fg_color_sel;
}
*:selected button:link > label:hover,
*:selected button:visited > label:hover, 
*:selected button:hover:link,
*:selected button:hover:visited, 
*:selected *:link:hover {
    color: @theme_fg_color_sel;
}
button:link > label:active,
button:visited > label:active, 
button:active:link,
button:active:visited,
*:link:active {
    color: @theme_fg_color_sel;
}
*:selected button:link > label:active,
*:selected button:visited > label:active, 
*:selected button:active:link,
*:selected button:active:visited, 
*:selected *:link:active {
    color: @theme_fg_color_sel;
}
button:link > label:disabled,
button:visited > label:disabled, 
button:disabled:link,
button:disabled:visited,
*:link:disabled,
*:link:disabled:backdrop {
    color: @theme_fg_color_sel;
}
button:link > label:backdrop,
button:visited > label:backdrop, 
button:backdrop:link,
button:backdrop:visited,
*:link:backdrop:backdrop:hover,
*:link:backdrop:backdrop:hover:selected,
*:link:backdrop {
    color: @theme_fg_color_sel;
}
.selection-mode .titlebar .subtitle:link,
.titlebar.selection-mode .subtitle:link, 
.selection-mode headerbar .subtitle:link,
headerbar.selection-mode .subtitle:link, 
button:link > label:selected,
button:visited > label:selected, 
button:selected:link,
button:selected:visited, 
*:selected button:link > label,
*:selected button:visited > label, 
*:selected button:link,
*:selected button:visited,
*:link:selected, *:selected *:link {
    color: @theme_fg_color_sel;
}

button:link,
button:visited {
    text-shadow: none; 
}
button:link:hover, 
button:link:active, 
button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked {
    text-shadow: none; 
}
button:link > label,
button:visited > label {
    text-decoration-line: underline; 
}

/*****************
 * GtkSpinbutton *
 *****************/
spinbutton:not(.vertical) {
    padding: 0;
}
spinbutton:not(.vertical) entry {
    min-width: 28px;
    margin: 0;
    background: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
spinbutton:not(.vertical) entry:backdrop:disabled {
    background-color: transparent;
}
spinbutton:not(.vertical) button {
    min-height: 16px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    color: @theme_fg_color;
    background-image: none;
    border-style: none none none solid;
    border-color: rgba(27, 31, 32, 0.3);
    border-radius: 0;
    box-shadow: none;
}
spinbutton:not(.vertical) button:dir(rtl) {
    border-style: none solid none none;
}
spinbutton:not(.vertical) button:hover {
    color: @theme_fg_color;
    background-color: rgba(238, 238, 236, 0.05);
}
spinbutton:not(.vertical) button:disabled {
    color: rgba(145, 148, 148, 0.3);
    background-color: transparent;
}
spinbutton:not(.vertical) button:active {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
}
spinbutton:not(.vertical) button:backdrop {
    color: @theme_fg_color_dis;
    background-color: transparent;
    border-color: rgba(32, 36, 37, 0.3);
    transition: 200ms ease-out;
}
spinbutton:not(.vertical) button:backdrop:disabled {
    color: rgba(86, 97, 100, 0.3);
    background-color: transparent;
    border-style: none none none solid; 
}
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
    border-style: none solid none none; 
}
spinbutton:not(.vertical) button:dir(ltr):last-child {
    border-radius: 0 3px 3px 0;
}
spinbutton:not(.vertical) button:dir(rtl):first-child {
    border-radius: 3px 0 0 3px;
}
.osd spinbutton:not(.vertical) button {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color;
    border-style: none none none solid;
    border-color: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    box-shadow: none;
    -gtk-icon-shadow: 0 1px #000000;
}
.osd spinbutton:not(.vertical) button:dir(rtl) {
    border-style: none solid none none; }
.osd spinbutton:not(.vertical) button:hover {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(238, 238, 236, 0.1);
    -gtk-icon-shadow: 0 1px #000000;
    box-shadow: none; 
}
.osd spinbutton:not(.vertical) button:backdrop {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color;
    border-color: rgba(0, 0, 0, 0.5);
    -gtk-icon-shadow: none;
    box-shadow: none; 
}
.osd spinbutton:not(.vertical) button:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color_dis;
    border-color: rgba(0, 0, 0, 0.5);
    -gtk-icon-shadow: none;
    box-shadow: none;
}
.osd spinbutton:not(.vertical) button:dir(ltr):last-child {
    border-radius: 0 3px 3px 0;
}
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
    border-radius: 3px 0 0 3px;
}
spinbutton.vertical:disabled {
    color: @theme_fg_color_dis;
}
spinbutton.vertical:backdrop:disabled {
    color: @button_fg_dis;
}
spinbutton.vertical:drop(active) {
    border-color: transparent;
    box-shadow: none;
}
spinbutton.vertical entry {
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: 0;
}
spinbutton.vertical button {
    min-height: 32px;
    min-width: 32px;
    padding: 0;
}
spinbutton.vertical button.up {
    border-radius: 3px 3px 0 0;
    border-style: solid solid none solid;
}
spinbutton.vertical button.down {
    border-radius: 0 0 3px 3px;
    border-style: none solid solid solid;
}

.osd spinbutton.vertical button:first-child {
    color: @theme_fg_color;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
    background-image: image(rgba(28, 31, 32, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.osd spinbutton.vertical button:first-child:hover {
    color: @button_fg_color;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
    background-image: image(rgba(57, 63, 65, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.osd spinbutton.vertical button:first-child:active {
    color: @button_fg_color;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
    background-image: image(rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3);
}
.osd spinbutton.vertical button:first-child:disabled {
    color: @theme_fg_color_dis;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; }
.osd spinbutton.vertical button:first-child:backdrop {
    color: @theme_fg_color;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
    background-image: image(rgba(28, 31, 32, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
treeview spinbutton:not(.vertical) {
    min-height: 0;
    border-style: none;
    border-radius: 0;
}
treeview spinbutton:not(.vertical) entry,
GtkTreeView .spinbutton.entry,
GtkTreeView .spinbutton.entry:focus {
    min-height: 0;
    padding: 1px 2px;
}

/**************
 * ComboBoxes *
 **************/
combobox arrow {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
    min-height: 16px;
    min-width: 16px; 
    padding: 4px; 
}

combobox:drop(active) {
    box-shadow: none; 
}

/************
 * Toolbars *
 ************/
searchbar,
.toolbar,
.location-bar,
.search-bar,
.location-bar {
    -GtkWidget-window-dragging: true;
    padding: 4px;
    border-top: 1px solid @separator;
    background-color: @inline_bg;
}

.primary-toolbar {
    border-bottom: 1px solid @separator;
    border-top: 1px solid @separator;
    background-color: @theme_base_color;
}

toolbar {
    padding: 4px 3px 3px 4px; 
    background-color: @theme_bg_color;
}
.osd toolbar {
    background-color: transparent; 
}
toolbar.osd {
    padding: 13px;
    border: none;
    border-radius: 5px;
    background-color: rgba(28, 31, 32, 0.7);
}
toolbar.osd.left, 
toolbar.osd.right, 
toolbar.osd.top, 
toolbar.osd.bottom {
      border-radius: 0; 
}
toolbar.horizontal separator {
    margin: 0 7px 1px 6px; 
}
toolbar.vertical separator {
    margin: 6px 1px 7px 0; 
}
toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * {
    margin-right: 1px;
    margin-bottom: 1px; 
}

.inline-toolbar {
    padding: 3px;
    border-width: 0 1px 1px;
    border-radius: 0  0 5px 5px; 
}

searchbar,
.location-bar {
    border-width: 0 0 1px;
    padding: 3px; 
}

.inline-toolbar, 
searchbar,
.location-bar {
    background-color: @inline_bg;
}
.inline-toolbar:backdrop, 
searchbar:backdrop,
.location-bar:backdrop {
    background-color: @inline_bg;
    box-shadow: none;
    transition: 200ms ease-out;
}

.inline-toolbar {
    border: 1px solid @separator;
}

.inline-toolbar:backdrop {
    border: 1px solid  @unfocused_borders;
}

/***************
 * Header bars *
 ***************/
.titlebar:not(headerbar),
headerbar,
.titlebar:backdrop:not(headerbar),
headerbar:backdrop {
    padding: 0 6px;
    min-height: 47px;
    color: @header_fg_color;
    padding: 2px 8px 2px 8px;
    border-width: 0px;
    border-radius: 0px;
    border-bottom: 1px solid @header_separator;
    background-image: linear-gradient(to bottom, @header_bg_a, @header_bg_b);
}
 
.titlebar:not(headerbar) .title,
headerbar .title {
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold; 
}
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
    font-size: smaller;
    padding-left: 12px;
    padding-right: 12px; 
    color: @header_fg_color_sub;
}
.selection-mode .titlebar:not(headerbar), 
.selection-mode.titlebar:not(headerbar), 
.selection-mode headerbar,
headerbar.selection-mode {
    min-height: 47px;
    color: @header_fg_color;
    padding: 2px 8px 2px 8px;
    border-width: 0px;
    border-bottom: 1px solid @header_separator;
    background-image: linear-gradient(to bottom, @header_bg_a, @header_bg_b);
}
.selection-mode .titlebar:backdrop:not(headerbar), 
.selection-mode.titlebar:backdrop:not(headerbar), 
.selection-mode headerbar:backdrop,
headerbar.selection-mode:backdrop {
    background-image: linear-gradient(to bottom, @header_bg_a, @header_bg_b);
    transition: 200ms ease-out;
}
.selection-mode .titlebar:backdrop:not(headerbar) label, 
.selection-mode.titlebar:backdrop:not(headerbar) label, 
.selection-mode headerbar:backdrop label,
headerbar.selection-mode:backdrop label {
    color: @header_fg_color;
}
.selection-mode .titlebar:not(headerbar) button, 
.selection-mode.titlebar:not(headerbar) button,
.selection-mode headerbar button,
headerbar.selection-mode button {
    color: @titlebutton_fg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}

.selection-mode button.titlebutton, 
.selection-mode .titlebar:not(headerbar) button.flat, 
.selection-mode.titlebar:not(headerbar) button.flat, 
.selection-mode headerbar button.flat,
headerbar.selection-mode button.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.selection-mode .titlebar:not(headerbar) button:hover, 
.selection-mode.titlebar:not(headerbar) button:hover, 
.selection-mode headerbar button:hover,
headerbar.selection-mode button:hover {
    color: @titlebutton_fg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @titlebutton_border;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_hov, @titlebutton_bg_b_hov 40%, @titlebutton_bg_c_hov);
}
.selection-mode .titlebar:not(headerbar) button:active, 
.selection-mode .titlebar:not(headerbar) button:checked, 
.selection-mode.titlebar:not(headerbar) button:active, 
.selection-mode.titlebar:not(headerbar) button:checked, 
.selection-mode headerbar button:active, 
.selection-mode headerbar button:checked, 
.selection-mode headerbar button.toggle:checked, 
.selection-mode headerbar button.toggle:active,
headerbar.selection-mode button:active,
headerbar.selection-mode button:checked,
headerbar.selection-mode button.toggle:checked,
headerbar.selection-mode button.toggle:active {
    color: @titlebutton_fg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @titlebutton_border;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
}
.selection-mode .titlebar:not(headerbar) button:backdrop, 
.selection-mode.titlebar:not(headerbar) button:backdrop, 
.selection-mode headerbar button.flat:backdrop, 
.selection-mode headerbar button:backdrop,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button:backdrop {
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    -gtk-icon-effect: none;
    color: @titlebutton_fg_dis;
}
.selection-mode .titlebar:not(headerbar) button:backdrop:active, 
.selection-mode .titlebar:not(headerbar) button:backdrop:checked, 
.selection-mode.titlebar:not(headerbar) button:backdrop:active, 
.selection-mode.titlebar:not(headerbar) button:backdrop:checked, 
.selection-mode headerbar button.flat:backdrop:active, 
.selection-mode headerbar button.flat:backdrop:checked, 
.selection-mode headerbar button:backdrop:active, 
.selection-mode headerbar button:backdrop:checked,
headerbar.selection-mode button.flat:backdrop:active,
headerbar.selection-mode button.flat:backdrop:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
    border-color: @titlebutton_border;
    color: @titlebutton_fg_color;
}
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, 
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled, 
.selection-mode headerbar button.flat:backdrop:disabled, 
.selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop:disabled,
headerbar.selection-mode button:backdrop:disabled {
    background-image: image(@titlebutton_bg_a_dis);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border-color: @titlebutton_border;
}
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, 
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, 
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, 
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, 
.selection-mode headerbar button:backdrop:disabled:active, 
.selection-mode headerbar button:backdrop:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border-color: @titlebutton_border;
}
.selection-mode button.titlebutton:backdrop, 
.selection-mode button.titlebutton:disabled, 
.selection-mode .titlebar:not(headerbar) button.flat:backdrop, 
.selection-mode .titlebar:not(headerbar) button.flat:disabled, 
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, 
.selection-mode.titlebar:not(headerbar) button.flat:disabled, 
.selection-mode headerbar button.flat:backdrop, 
.selection-mode headerbar button.flat:disabled,
.selection-mode headerbar button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode button.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    -gtk-icon-shadow: none; 
}
.selection-mode .titlebar:not(headerbar) button:disabled, 
.selection-mode.titlebar:not(headerbar) button:disabled, 
.selection-mode headerbar button:disabled,
headerbar.selection-mode button:disabled {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.selection-mode .titlebar:not(headerbar) button:disabled:active, 
.selection-mode .titlebar:not(headerbar) button:disabled:checked, 
.selection-mode.titlebar:not(headerbar) button:disabled:active, 
.selection-mode.titlebar:not(headerbar) button:disabled:checked, 
.selection-mode headerbar button:disabled:active, 
.selection-mode headerbar button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
    border-color: @titlebutton_fg_dis;
    background-image: image(@titlebutton_bg_a_dis);
}
.selection-mode .titlebar:not(headerbar) button.suggested-action, 
.selection-mode.titlebar:not(headerbar) button.suggested-action, 
.selection-mode headerbar button.suggested-action,
headerbar.selection-mode button.suggested-action {
    color: @button_fg_sugg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
}
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, 
.selection-mode headerbar button.suggested-action:hover,
headerbar.selection-mode button.suggested-action:hover {
    color: @button_fg_sugg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    text-shadow: none;
    -gtk-icon-shadow: 0 -1px alpha(@button_fg_shadow, 0.7);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_hov, @button_bg_sugg_a 40%, @button_bg_sugg_b);
    border-color: @button_border_sugg;
}
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:active, 
.selection-mode headerbar button.suggested-action:active,
headerbar.selection-mode button.suggested-action:active {
    color: @button_fg_sugg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_hov, @button_bg_sugg_a 40%, @button_bg_sugg_b);
    text-shadow: none;
    -gtk-icon-shadow: none;
    border-color: @button_border_sugg;
}
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, 
.selection-mode headerbar button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
    color: @theme_fg_color_dis;
    background-image: image(@titlebutton_bg_a_dis);
    border-color: @titlebutton_border;
}
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, 
.selection-mode headerbar button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
    color: @theme_fg_color_dis;
    background-image: image(@button_bg_sugg_flt);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border-color: @button_border_sugg;
}
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, 
.selection-mode headerbar button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
    background-image: image(@titlebutton_bg_a_dis);
    border-color: @titlebutton_border;
}
.selection-mode .titlebar:not(headerbar) .selection-menu, 
.selection-mode.titlebar:not(headerbar) .selection-menu, 
.selection-mode headerbar .selection-menu:backdrop, 
.selection-mode headerbar .selection-menu,
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
    border-color: rgba(16, 155, 38, 0);
    background-color: rgba(16, 155, 38, 0);
    background-image: none;
    box-shadow: none;
    min-height: 20px;
    padding: 6px 10px; 
}
.selection-mode .titlebar:not(headerbar) .selection-menu arrow, 
.selection-mode.titlebar:not(headerbar) .selection-menu arrow, 
.selection-mode headerbar .selection-menu:backdrop arrow, 
.selection-mode headerbar .selection-menu arrow,
headerbar.selection-mode .selection-menu:backdrop arrow,
headerbar.selection-mode .selection-menu arrow {
    -Gtkarrow-arrow-scaling: 1; 
}
.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, 
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, 
.selection-mode headerbar .selection-menu:backdrop .arrow, 
.selection-mode headerbar .selection-menu .arrow,
headerbar.selection-mode .selection-menu:backdrop .arrow,
headerbar.selection-mode .selection-menu .arrow {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
    color: rgba(255, 255, 255, 0.5);
    -gtk-icon-shadow: none; 
}
.tiled .titlebar:not(headerbar), 
.tiled-top .titlebar:not(headerbar), 
.tiled-right .titlebar:not(headerbar), 
.tiled-bottom .titlebar:not(headerbar), 
.tiled-left .titlebar:not(headerbar), 
.maximized .titlebar:not(headerbar),
.fullscreen .titlebar:not(headerbar), 
.tiled headerbar, 
.tiled-top headerbar, 
.tiled-right headerbar, 
.tiled-bottom headerbar, 
.tiled-left headerbar, 
.maximized headerbar, 
.fullscreen headerbar {
    border-radius: 0; 
}
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
    box-shadow: none;
    border: none;
}
.default-decoration.titlebar:not(headerbar) button.titlebutton,
headerbar.default-decoration button.titlebutton {
    min-height: 24px;
    min-width: 26px;
    margin: 0;
    padding: 0; 
}
.titlebar:not(headerbar) separator.titlebutton,
headerbar separator.titlebutton {
    opacity: 0; 
}
.solid-csd .titlebar:dir(rtl):not(headerbar), 
.solid-csd .titlebar:dir(ltr):not(headerbar), 
.solid-csd headerbar:backdrop:dir(rtl), 
.solid-csd headerbar:backdrop:dir(ltr), 
.solid-csd headerbar:dir(rtl), 
.solid-csd headerbar:dir(ltr) {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    border-radius: 0;
    box-shadow: none; 
}

headerbar entry,
headerbar spinbutton,
headerbar separator:not(.sidebar),
headerbar button {
    margin-top: 6px;
    margin-bottom: 6px; 
}

headerbar switch {
    margin-top: 10px;
    margin-bottom: 10px; 
}

headerbar.titlebar headerbar:not(.titlebar) {
    background: none;
    box-shadow: none; 
}

.background .titlebar:backdrop, 
.background .titlebar {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px; 
}

.background.tiled .titlebar:backdrop, 
.background.tiled .titlebar,
.background.tiled-top .titlebar:backdrop,
.background.tiled-top .titlebar,
.background.tiled-right .titlebar:backdrop,
.background.tiled-right .titlebar,
.background.tiled-bottom .titlebar:backdrop,
.background.tiled-bottom .titlebar,
.background.tiled-left .titlebar:backdrop,
.background.tiled-left .titlebar,
.background.maximized .titlebar:backdrop,
.background.maximized .titlebar,
.background.solid-csd .titlebar:backdrop,
.background.solid-csd .titlebar {
    border-top-left-radius: 0;
    border-top-right-radius: 0; 
}

window separator:first-child + headerbar:backdrop, 
window separator:first-child + headerbar, 
window headerbar:first-child:backdrop, 
window headerbar:first-child {
    border-top-left-radius: 7px; 
}

window headerbar:last-child:backdrop, 
window headerbar:last-child {
    border-top-right-radius: 7px; 
}

window stack headerbar:first-child:backdrop, 
window stack headerbar:first-child, 
window stack headerbar:last-child:backdrop, 
window stack headerbar:last-child {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px; 
}

.tiled headerbar, 
.tiled headerbar:first-child, 
.tiled headerbar:last-child, 
.tiled headerbar:only-child, 
.tiled headerbar:backdrop, 
.tiled headerbar:backdrop:first-child, 
.tiled headerbar:backdrop:last-child, 
.tiled headerbar:backdrop:only-child, 
.tiled-top headerbar, 
.tiled-top headerbar:first-child, 
.tiled-top headerbar:last-child, 
.tiled-top headerbar:only-child, 
.tiled-top headerbar:backdrop, 
.tiled-top headerbar:backdrop:first-child, 
.tiled-top headerbar:backdrop:last-child, 
.tiled-top headerbar:backdrop:only-child, 
.tiled-right headerbar, 
.tiled-right headerbar:first-child, 
.tiled-right headerbar:last-child, 
.tiled-right headerbar:only-child, 
.tiled-right headerbar:backdrop, 
.tiled-right headerbar:backdrop:first-child, 
.tiled-right headerbar:backdrop:last-child, 
.tiled-right headerbar:backdrop:only-child, 
.tiled-bottom headerbar, 
.tiled-bottom headerbar:first-child, 
.tiled-bottom headerbar:last-child, 
.tiled-bottom headerbar:only-child, 
.tiled-bottom headerbar:backdrop, 
.tiled-bottom headerbar:backdrop:first-child, 
.tiled-bottom headerbar:backdrop:last-child, 
.tiled-bottom headerbar:backdrop:only-child, 
.tiled-left headerbar, 
.tiled-left headerbar:first-child, 
.tiled-left headerbar:last-child, 
.tiled-left headerbar:only-child, 
.tiled-left headerbar:backdrop, 
.tiled-left headerbar:backdrop:first-child, 
.tiled-left headerbar:backdrop:last-child, 
.tiled-left headerbar:backdrop:only-child, 
.maximized headerbar, 
.maximized headerbar:first-child, 
.maximized headerbar:last-child, 
.maximized headerbar:only-child, 
.maximized headerbar:backdrop, 
.maximized headerbar:backdrop:first-child, 
.maximized headerbar:backdrop:last-child, 
.maximized headerbar:backdrop:only-child, 
.fullscreen headerbar, 
.fullscreen headerbar:first-child, 
.fullscreen headerbar:last-child, 
.fullscreen headerbar:only-child, 
.fullscreen headerbar:backdrop, 
.fullscreen headerbar:backdrop:first-child, 
.fullscreen headerbar:backdrop:last-child, 
.fullscreen headerbar:backdrop:only-child, 
.fullscreen .titlebar:not(headerbar),
.fullscreen .titlebar:not(headerbar):first-child,
.fullscreen .titlebar:not(headerbar):last-child,
.fullscreen .titlebar:not(headerbar):only-child,
.fullscreen .titlebar:not(headerbar):backdrop,
.fullscreen .titlebar:not(headerbar):backdrop:first-child,
.fullscreen .titlebar:not(headerbar):backdrop:last-child,
.fullscreen .titlebar:not(headerbar):backdrop:only-child,
.solid-csd headerbar, 
.solid-csd headerbar:first-child, 
.solid-csd headerbar:last-child, 
.solid-csd headerbar:only-child, 
.solid-csd headerbar:backdrop, 
.solid-csd headerbar:backdrop:first-child, 
.solid-csd headerbar:backdrop:last-child, 
.solid-csd headerbar:backdrop:only-child {
    border-radius: 0;
    background: linear-gradient(to bottom, @header_bg_b, @header_bg_b);
}

window.csd > .titlebar:not(headerbar) {
    padding: 0;
    background-color: transparent;
    background-image: none;
    border-style: none;
    border-color: transparent;
    box-shadow: none; 
}
/*
.titlebar:not(headerbar) separator {
    background-color: #c4c4c4; 
}
*//*
window.devel headerbar.titlebar:not(.selection-mode) {
    background: @theme_fg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(233, 84, 32, 0.2)), linear-gradient(to top, #d6d6d6, #dedede 3px, #ededed); 
}*//*
window.devel headerbar.titlebar:not(.selection-mode):backdrop {
    background: @theme_fg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(@theme_fg_color);
}*/

/************
 * Pathbars *
 ************/
.path-bar {
    background-color: @theme_base_color;
}
.titlebar .path-bar,
headerbar .path-bar {
    background-color: @pathbar_bg;
    border: 1px solid #000;
    border-radius: 3px;
}
.path-bar button.text-button,
.path-bar button.image-button,
.path-bar button {
    padding-left: 4px;
    padding-right: 4px;
}
.path-bar button.text-button.image-button label {
    padding-left: 0;
    padding-right: 0;
}
.path-bar button.text-button.image-button label:last-child,
.path-bar button label:last-child {
    padding-right: 8px;
}
.path-bar button.text-button.image-button label:first-child,
.path-bar button label:first-child {
    padding-left: 8px;
}
.path-bar button image {
    padding-left: 4px;
    padding-right: 4px;
}
.path-bar button.slider-button {
    padding-left: 0;
    padding-right: 0;
}

.path-bar .button,
.path-bar .titlebar .button.titlebutton,
.titlebar .path-bar .button.titlebutton {
    padding: 5px 6px 6px;
}

.path-bar .button:first-child {
    padding-left: 8px;
}

.path-bar .button:last-child {
    padding-right: 8px;
}

.path-bar .button:only-child {
    padding-left: 12px;
    padding-right: 12px;
}

.path-bar .button .label:last-child {
    padding-left: 2px;
}

.path-bar .button .label:first-child {
    padding-right: 2px;
}

.path-bar .button .label:only-child {
    padding-right: 0;
    padding-left: 0;
}

.path-bar .button GtkImage,
.path-bar .titlebar .button.titlebutton GtkImage,
.titlebar .path-bar .button.titlebutton GtkImage {
    padding-top: 1px;
}

.path-bar-box button,
.path-bar-box button.text-button,
.path-bar-box button.image-button,
.path-bar-box button:backdrop,
.path-bar-box button:backdrop.text-button,
.path-bar-box button:backdrop.image-button,
.path-buttons-box button,
.path-buttons-box button.text-button,
.path-buttons-box button.image-button,
.path-buttons-box button:backdrop,
.path-buttons-box button:backdrop.text-button,
.path-buttons-box button:backdrop.image-button {
    background-image: none;
    background-color: transparent;
    background: none;
    border-radius: 0;
    border-right-width: 0px;
    border-left-width: 0px;
    margin: 0px;
    /*border: none;*/
    box-shadow: none;
}

/* dim the icon when not checked */
.path-bar-box button:not(:checked) image {
    opacity: 0.8;
}

/* BEGIN workaround: hide slashes */
.path-bar-box label,
box.nautilus-path-bar > scrolledwindow label {
    opacity: 0.0;
    margin: 0px;
    padding: 0px;
}
.path-bar-box button label,
box.nautilus-path-bar > scrolledwindow button label {
    opacity: 1.0;
    margin: unset;
    padding: unset;
}

.path-buttons-box button:not(:first-child) {
    margin-left: -5px;
}
/* END workaround */

.path-bar-box button,
.path-bar-box button.text-button,
.path-bar-box button.image-button,
.path-bar-box button:backdrop,
.path-bar-box button:backdrop.text-button,
.path-bar-box button:backdrop.image-button,
.path-buttons-box button,
.path-buttons-box  button.text-button,
.path-buttons-box  button.image-button,
.path-buttons-box  button:backdrop,
.path-buttons-box  button:backdrop.text-button,
.path-buttons-box  button:backdrop.image-button {
    border-right: 1px solid rgba(0,0,0,0.3);
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left: 1px solid transparent;
    opacity: 1.0;
}
.path-bar-box button label,
.path-bar-box button.text-button label,
.path-bar-box button.image-button label,
.path-buttons-box button label,
.path-buttons-box button.text-button label,
.path-buttons-box button.image-button label {
    color: @titlebutton_fg_color;
}
.path-bar-box button:backdrop label,
.path-bar-box button:backdrop.text-button label,
.path-bar-box button:backdrop.image-button label,
.path-buttons-box button:backdrop label,
.path-buttons-box button:backdrop.text-button label,
.path-buttons-box button:backdrop.image-button label {
    color: @titlebutton_fg_dis;
}
.path-bar-box button:hover,
.path-bar-box button.text-button:hover,
.path-bar-box button.image-button:hover,
.path-bar-box button:backdrop:hover,
.path-bar-box button:backdrop.text-button:hover,
.path-bar-box button:backdrop.image-button:hover,
.path-buttons-box button:hover,
.path-buttons-box button.text-button:hover,
.path-buttons-box button.image-button:hover,
.path-buttons-box button:backdrop:hover,
.path-buttons-box button:backdrop.text-button:hover,
.path-buttons-box button:backdrop.image-button:hover  {
    background: linear-gradient(to bottom, rgba(128,128,128,0.5), rgba(128,128,128,0.5));
    border-right: 1px solid rgba(0,0,0,0.3);
    border-left: 1px solid rgba(128,128,128,0.5);
}

.path-bar-box button:active,
.path-bar-box button:checked,
.path-bar-box button.text-button:active,
.path-bar-box button.text-button:checked,
.path-bar-box button.image-button:active,
.path-bar-box button.image-button:checked,
.path-bar-box button:backdrop:active,
.path-bar-box button:backdrop:checked,
.path-bar-box button:backdrop.text-button:active,
.path-bar-box button:backdrop.text-button:checked,
.path-bar-box button:backdrop.image-button:active,
.path-bar-box button:backdrop.image-button:checked,
.path-buttons-box button:active,
.path-buttons-box button:checked,
.path-buttons-box button.text-button:active,
.path-buttons-box button.text-button:checked,
.path-buttons-box button.image-button:active,
.path-buttons-box button.image-button:checked,
.path-buttons-box button:backdrop:active,
.path-buttons-box button:backdrop:checked,
.path-buttons-box button:backdrop.text-button:active,
.path-buttons-box button:backdrop.text-button:checked,
.path-buttons-box button:backdrop.image-button:active,
.path-buttons-box button:backdrop.image-button:checked {
    background: linear-gradient(to bottom, rgba(128,128,128,0.5), rgba(128,128,128,0.5));
    border-right: 1px solid rgba(0,0,0,0.3);
    border-left: 1px solid transparent;
}
.path-bar-box button:backdrop:active label,
.path-bar-box button:backdrop:checked label,
.path-bar-box button:backdrop.text-button:active label,
.path-bar-box button:backdrop.text-button:checked label,
.path-bar-box button:backdrop.image-button:active label,
.path-bar-box button:backdrop.image-button:checked label,
.path-buttons-box button:backdrop:active label,
.path-buttons-box button:backdrop:checked label,
.path-buttons-box button:backdrop.text-button:active label,
.path-buttons-box button:backdrop.text-button:checked label,
.path-buttons-box button:backdrop.image-button:active label,
.path-buttons-box button:backdrop.image-button:checked label {
    color: @button_fg_dis;
}

.path-bar-box {
  transition: background-color 200ms;
  border: 1px solid @pathbar_bdr;
  border-radius: 3px;
  background-color: @pathbar_bg;
}

box.nautilus-path-bar > scrolledwindow {
  background-color: @pathbar_bg;
}

box.nautilus-path-bar > scrolledwindow > button {
    margin: 0px;
    border: none;
}
.nautilus-path-bar scrolledwindow {
  border-radius: 3px 0px 0px 3px;
  border: 1px solid @pathbar_bdr;
  border-right-width: 0px;
  background-color: @pathbar_bg;
}
.nautilus-path-bar scrolledwindow undershoot.left {
  border-radius: 3px 0px 0px 3px;
  /*background: linear-gradient(to right, #f00 6px, alpha(#f00, 0) 24px);*/
}
.nautilus-path-bar scrolledwindow undershoot.right {
  /*background: linear-gradient(to left, #f00 6px, alpha(#f00, 0) 24px);*/
}

.nautilus-path-bar > button,
.path-buttons-box button {
  margin: 0px;
}

.path-buttons-box button {
    padding-left: 10px;
    padding-right: 10px;
}
.path-buttons-box button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*
.path-buttons-box button {
  background-image: none;
  box-shadow: none;
  border-radius: 5px;
  border-width: 0px;
  -gtk-icon-shadow: none;
}*/
/*
.path-buttons-box button:not(.current-dir):not(:backdrop):hover {
  background: alpha(@theme_fg_color, 0.15);
  box-shadow: inset 0 0 0 2px @theme_bg_color;
}

.path-buttons-box button:not(.current-dir):not(:backdrop):hover * {
  opacity: 1;
}*/


/**************
 * Tree Views *
 **************/
treeview.view,
treeview.view:backdrop {
    border-left-color: @theme_bg_color;
    border-top-color: @theme_bg_color;
    color: @theme_fg_color;
}
* {
    -GtkTreeView-horizontal-separator: 4;
    -GtkTreeView-grid-line-width: 1;
    -GtkTreeView-grid-line-pattern: '';
    -GtkTreeView-tree-line-width: 1;
    -GtkTreeView-tree-line-pattern: '';
    -GtkTreeView-expander-size: 16; 
}
treeview.view:selected:focus, 
treeview.view:selected {
    border-radius: 0; 
}
treeview.view:selected:backdrop, 
treeview.view:selected {
    border-left-color: @theme_bg_color;
    border-top-color: @theme_bg_color;
}
treeview.view:disabled {
    color: @theme_fg_color_dis;
}
treeview.view:disabled:selected {
    color: @theme_fg_color_dis;
}
treeview.view:disabled:selected:backdrop {
    color: @theme_fg_color_dis;
}
treeview.view:disabled:backdrop {
    color: @theme_fg_color_dis;
}
treeview.view.separator {
    min-height: 2px;
    color: @theme_bg_color;
}
treeview.view.separator:backdrop {
    color: @theme_bg_color;
}
treeview.view:backdrop {
    border-left-color: @theme_bg_color;
    border-top-color: @theme_bg_color;
}
treeview.view:drop(active) {
    border-style: solid none;
    border-width: 1px;
    border-color: @view_fg_sel;
}
treeview.view.after:drop(active) {
    border-top-style: none; 
}
treeview.view.before:drop(active) {
    border-bottom-style: none; 
}
treeview.view.expander {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
    color: @treeview_fg;
}
treeview.view.expander:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 
}
treeview.view.expander:hover {
    color: @treeview_fg;
}
treeview.view.expander:selected {
    color: @treeview_fg_sel;
}
treeview.view.expander:selected:hover {
    color: @treeview_fg_sel;
}
treeview.view.expander:selected:backdrop {
    color: @treeview_fg_sel;
}
treeview.view.expander:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 
}
treeview.view.expander:backdrop {
    color: @theme_fg_color_dis;
}
treeview.view.progressbar {
    color: @theme_fg_color;
    border: 1px solid @prgbar_border;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, @prgbar_bg_a, @prgbar_bg_b);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1);
}
treeview.view.progressbar:selected:focus, 
treeview.view.progressbar:selected {
    border-radius: 4px;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
    background-image: linear-gradient(to bottom, @prgbar_bg_a, @prgbar_bg_b);
}
treeview.view.progressbar:selected:focus:backdrop, 
treeview.view.progressbar:selected:backdrop {
    color: @theme_accent_color;
    background-color: @view_bg;
}
treeview.view.progressbar:backdrop {
    border-color:  @prgbar_border;
    background-image: linear-gradient(to bottom, @prgbar_bg_a, @prgbar_bg_b);
    box-shadow: none;
}
treeview.view.trough {
    border: 1px solid alpha(@prgbar_trough, 0.6);
    background-color: alpha(@prgbar_trough, 0.4);
    border-radius: 4px;
}
treeview.view.trough:selected:focus, 
treeview.view.trough:selected {
    border: 1px solid rgba(30, 30, 30, 0.6);
    background-color: rgba(30, 30, 30, 0.4);
    border-radius: 4px;
}
treeview.view header button {
    color: @treeview_fg;
    background-image: linear-gradient(to bottom, @treeview_bg_a, @treeview_bg_b);
    font-weight: bold;
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
    padding: 4px 5px;
    border-style: none solid solid none;
    border-color: @view_hdr_border;
    border-radius: 0;
}
treeview.view header button:hover {
    color: @treeview_fg;
    box-shadow: none;
    transition: none; 
}
treeview.view header button:active {
    color: @treeview_fg;
    transition: none; 
}
treeview.view button.dnd:active, 
treeview.view button.dnd:selected, 
treeview.view button.dnd:hover, 
treeview.view button.dnd,
treeview.view header.button.dnd:active,
treeview.view header.button.dnd:selected,
treeview.view header.button.dnd:hover,
treeview.view header.button.dnd {
    padding: 0 6px;
    color: @button_fg_color;
    background-image: none;
    background-color: @button_bg_sugg_flt;
    border-style: none;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px @button_fg_shadow;
    text-shadow: none;
    transition: none;
}
treeview.view acceleditor > label {
    background-color: @theme_accent_color;
}

treeview.view header button, 
treeview.view header button:hover, 
treeview.view header button:active {
    padding: 0 6px;
    border-style: none solid solid none;
    border-color: @view_hdr_border;
    border-radius: 0;
    text-shadow: none; 
}
treeview.view header button:disabled {
    border-color: @view_hdr_border;
}
treeview.view header button:backdrop {
    border-color: @view_hdr_border;
    border-style: none solid solid none;
}
treeview.view header button:backdrop:disabled {
    border-color: @view_hdr_border;
}
treeview.view header button:last-child {
    border-right-style: none; 
}

/*********
 * Menus *
 *********/
menubar,
.menubar {
    -GtkWidget-window-dragging: true;
    padding: 0px;
    box-shadow: none;
    background-color: @menu_bg;
    color: @menuitem_fg_normal;
}
menubar *,
.menubar * {
    color: @menuitem_fg_normal;
}
menubar:backdrop,
.menubar:backdrop {
    background-color: @menu_bg;
}
.menu .menuitem,
.menubar > .menuitem,
menubar menuitem,
.menubar > menuitem {
    color: @menuitem_fg_normal;
    min-height: 16px;
    padding: 4px 6px;
    background-color: @menu_bg;
    margin: 2px;
}
.menu .menuitem:hover,
.menu > .menuitem:hover,
.menubar > .menuitem:hover,
menubar menuitem:hover,
.menubar > menuitem:hover {
    background-color: @menuitem_bg_hover;
    background-image: none;
    color: @menuitem_fg_hover;
}
.menu .menuitem:hover label,
.menu > .menuitem:hover label,
.menubar > .menuitem:hover label,
menubar menuitem:hover label,
.menubar > menuitem:hover label {
    color: @menuitem_fg_hover;
}
.menubar > .menuitem:hover,
menubar menuitem:hover,
.menubar > menuitem:hover {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
}
.menu .menuitem:disabled {
  color: @menuitem_fg_dis;
}
.menubar > .menuitem:disabled, 
menubar menuitem:disabled, 
.menubar > menuitem:disabled {
  color: @menuitem_fg_dis;
  box-shadow: none;   
}

.background.popup {
  background-color: transparent; 
}

menu,
.menu,
.context-menu {
    margin: 4px;
    padding: 6px 1px;
    background-color: @menu_bg;
    border: 1px solid @borders;
    border-radius: 4px;
}
.csd menu,
.csd .menu,
.csd .context-menu {
    border: none; 
}
menu:backdrop,
.menu:backdrop,
.context-menu:backdrop {
    background-color: @menu_bg;
}
menu menuitem,
.menu menuitem,
.context-menu menuitem {
    color: @menuitem_fg_normal;
    min-height: 16px;
    min-width: 40px;
    padding: 4px 4px;
    text-shadow: none;
    margin: 2px 4px;
    border-radius: 4px;
}
menu menuitem label,
.menu menuitem label {
    color: @menuitem_fg_normal;
}
menu menuitem:hover label,
.menu menuitem:hover label {
    color: @menuitem_fg_hover;
}
menu menuitem:hover,
.menu menuitem:hover,
.context-menu menuitem:hover {
    color: @menuitem_fg_hover; 
    background-color: @menuitem_bg_hover;
    background-image: none;
    /*border-top-left-radius: 0px;
    border-top-right-radius: 0px;*/
}
menu menuitem:disabled,
.menu menuitem:disabled,
.context-menu menuitem:disabled {
    color: @menuitem_fg_dis;
}
.menu .menuitem:disabled:backdrop,
menu menuitem:disabled:backdrop,
.menu menuitem:disabled:backdrop,
.context-menu menuitem:disabled:backdrop {
    color: @menuitem_fg_dis;
}
.menu .menuitem:backdrop,
.menu .menuitem:backdrop:hover,
menu menuitem:backdrop,
menu menuitem:backdrop:hover,
.menu menuitem:backdrop,
.menu menuitem:backdrop:hover,
.context-menu menuitem:backdrop,
.context-menu menuitem:backdrop:hover {
    color: @menuitem_fg_dis;
    background-color: transparent;
}
menu menuitem arrow,
.menu menuitem arrow,
.context-menu menuitem arrow {
    min-height: 16px;
    min-width: 16px;
}
.menu .menuitem.arrow,
menu menuitem arrow:dir(ltr),
.menu menuitem arrow:dir(ltr),
.context-menu menuitem arrow:dir(ltr) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
    margin-left: 10px;
}
.menu .menuitem.arrow:dir(rtl),
menu menuitem arrow:dir(rtl),
.menu menuitem arrow:dir(rtl),
.context-menu menuitem arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
    margin-right: 10px;
}
menu menuitem label:dir(rtl),
menu menuitem label:dir(ltr),
.menu menuitem label:dir(rtl),
.menu menuitem label:dir(ltr),
.context-menu menuitem label:dir(rtl),
.context-menu menuitem label:dir(ltr) {
    color: inherit;
}
menu > arrow,
.menu > arrow,
.context-menu > arrow {
    border-color: transparent;
    background-color: @menu_bdr;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    min-height: 16px;
    min-width: 16px;
    padding: 4px; 
    border-radius: 0;
}
menu > arrow.top,
.menu > arrow.top,
.context-menu > arrow.top {
    margin-top: -6px;
    border-bottom: 1px solid @menu_bdr;
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}
menu > arrow.bottom,
.menu > arrow.bottom,
.context-menu > arrow.bottom {
    margin-bottom: -6px;
    border-top: 1px solid @menu_bdr;
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
menu > arrow:hover,
.menu > arrow:hover,
.context-menu > arrow:hover {
    background-color: @menu_bdr;
}
menu > arrow:backdrop,
.menu > arrow:backdrop,
.context-menu > arrow:backdrop {
    background-color: @menu_arr_dis;
}
menu > arrow:disabled,
.menu > arrow:disabled,
.context-menu > arrow:disabled {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
}

menuitem accelerator {
    color: alpha(currentColor,0.55);
}
menuitem check,
menuitem radio {
    min-height: 16px;
    min-width: 16px; 
}
menuitem check:dir(ltr),
menuitem radio:dir(ltr) {
    margin-right: 7px;
}
menuitem check:dir(rtl),
menuitem radio:dir(rtl) {
    margin-left: 7px;
}

menuitem separator,
.menuitem .separator {
    margin: 5px;
    border-top: 1px solid @menuitem_separator_a;
    background-color: @menuitem_separator_b;
    background: @menuitem_separator_b;
}


/***************
 * Popovers   *
 ***************/
popover.background {
    padding: 2px;
    border-radius: 5px;
    background: none;
    background-color: @popover;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border: 1px solid @borders;
}
.csd popover.background, 
popover.background {
    border: 1px solid @borders;
    border-radius: 6px; 
}
.csd popover.background {
    background-clip: padding-box;
}
popover.background:backdrop {
    background-color: @popover;
    box-shadow: none;
}
popover.background > list,
popover.background > .view,
popover.background > iconview,
popover.background > toolbar {
    border-style: none;
    background-color: transparent; 
}
.csd popover.background.touch-selection, 
.csd popover.background.magnifier, 
popover.background.touch-selection, 
popover.background.magnifier {
    border: 1px solid rgba(255, 255, 255, 0.1); 
}
popover.background separator {
    margin: 3px; 
    border-top: 1px solid @popover_separator_a;
    background-color: @popover_separator_b;
    background: @popover_separator_b;
}
popover.background list separator {
    margin: 0px; 
}
.popover .button.flat,
.popover .button.flat:checked {
    border: 1px solid transparent;
    border-image: none;
    background-color: transparent;
    background-image:none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: none;
}
popover button.flat:hover,
popover button.flat:active,
popover button.flat:active:hover,
popover button.flat:checked:hover {
    border: 1px solid transparent;
    color: @theme_fg_color;
    background-color: @popover_bg_hover;
    background-image: none;
    color: @theme_fg_color;
    box-shadow: none;
}
popover button.flat:backdrop:hover,
popover button.flat:backdrop:active,
popover button.flat:backdrop:active:hover,
popover button.flat:backdrop:checked:hover {
    border: 1px solid transparent;
    background-color: @popover_bg_hover;
    background-image: none;
    color: @theme_fg_color;;
    box-shadow: none;
}

/*************
 * Notebooks *
 *************/
tabbox {
    margin: 2px;
    padding: 1px;
    border-color: @separator;
    border-width: 1px;
    background-color: @notebook_bar;
}

tabbox > tab {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-shadow: inset 0 -3px transparent;
    background-color: transparent;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
    padding: 4px;
}

tabbox > tab:checked,
tabbox > tab:checked:hover {
    border-left: 1px solid @notebook_separator;
    border-right: 1px solid @notebook_separator;
    box-shadow: inset 0 -3px @notebook_border_sel;
    background-color: @notebook_bg;
    font-weight: bold;
}

tabbox > tab:hover {
    border-left: 1px solid alpha(@notebook_border_hov, 0.05);
    border-right: 1px solid alpha(@notebook_border_hov, 0.05);
    box-shadow: inset 0 -3px transparent;
    background-color: alpha(@notebook_bg, 0.7);
}

tabbox > tab button.tab-close-button {
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    min-width: 20px;
    min-height: 20px; 
    background: none;
    border-color: transparent;
    box-shadow: none;
}

tabbox > tab button.tab-close-button:hover {
    background-color: @titlebutton_flat_bg;
}

tabbox > tab button.tab-close-button:active, 
tabbox > tab button.tab-close-button:active:hover {

} 
 
notebook > header {
    padding: 1px;
    border-color: @separator;
    border-width: 1px;
    background-color: @notebook_bar;
}
notebook > header:backdrop {
    border-color: @separator;
    background-color: @notebook_bar;
}
notebook > header tabs,
tabbox {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    margin: -1px;
}
notebook > header.top {
    border-bottom-style: solid;
}
notebook > header.top > tabs {
    margin-bottom: -2px;
    border-top: 1px solid @notebook_separator;
}
notebook > header.top > tabs > tab {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
notebook > header.top > tabs > tab:hover {
    border-left: 1px solid alpha(@notebook_border_hov, 0.05);
    border-right: 1px solid alpha(@notebook_border_hov, 0.05);
    box-shadow: inset 0 -3px transparent;
    background-color: alpha(@notebook_bg, 0.7);
}
notebook > header.top > tabs > tab:backdrop {
    box-shadow: none; 
}
notebook > header.top > tabs > tab:checked {
    border-left: 1px solid @notebook_separator;
    border-right: 1px solid @notebook_separator;
    box-shadow: inset 0 -3px @notebook_border_sel;
    background-color: @notebook_bg;
    font-weight: bold;
}
notebook > header.bottom {
    border-top-style: solid;
}
notebook > header.bottom > tabs {
    margin-top: -2px;
}
notebook > header.bottom > tabs > tab {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
notebook > header.bottom > tabs > tab:hover {
    border-left: 1px solid alpha(@notebook_border_hov, 0.05);
    border-right: 1px solid alpha(@notebook_border_hov, 0.05);
    box-shadow: inset 0 3px transparent;
    background-color: alpha(@notebook_bg, 0.7);
}
notebook > header.bottom > tabs > tab:backdrop {
    box-shadow: none;
}
notebook > header.bottom > tabs > tab:checked {
    border-left: 1px solid @notebook_separator;
    border-right: 1px solid @notebook_separator;
    box-shadow: inset 0 3px @notebook_border_sel;
    background-color: @notebook_bg;
    font-weight: bold;
}

notebook > header.left {
    border-right-style: solid;
}
notebook > header.left > tabs {
    margin-right: -2px;
}
notebook > header.left > tabs > tab {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
notebook > header.left > tabs > tab:hover {
    border-top: 1px solid alpha(@notebook_border_hov, 0.05);
    border-bottom: 1px solid alpha(@notebook_border_hov, 0.05);
    box-shadow: inset -3px 0 transparent;
    background-color: alpha(@notebook_bg, 0.7);
}
notebook > header.left > tabs > tab:backdrop {
    box-shadow: none;
}
notebook > header.left > tabs > tab:checked {
    border-top: 1px solid @notebook_separator;
    border-bottom: 1px solid @notebook_separator;
    box-shadow: inset -3px 0 @notebook_border_sel;
    background-color: @notebook_bg;
    font-weight: bold;
}

notebook > header.right {
    border-left-style: solid;
}
notebook > header.right > tabs {
    margin-left: -2px; 
}
notebook > header.right > tabs > tab {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
notebook > header.right > tabs > tab:hover {
    border-top: 1px solid alpha(@notebook_border_hov, 0.05);
    border-bottom: 1px solid alpha(@notebook_border_hov, 0.05);
    box-shadow: inset 3px 0 transparent;
    background-color: alpha(@notebook_bg, 0.7);
}
notebook > header.right > tabs > tab:backdrop {
    box-shadow: none;
}
notebook > header.right > tabs > tab:checked {
    border-top: 1px solid @notebook_separator;
    border-bottom: 1px solid @notebook_separator;
    box-shadow: inset 3px 0 @notebook_border_sel;
    background-color: @notebook_bg;
    font-weight: bold;
}
notebook > header.top > tabs > arrow {
    border-top-style: none; 
}
notebook > header.bottom > tabs > arrow {
    border-bottom-style: none; 
}
notebook > header.top > tabs > arrow,
notebook > header.bottom > tabs > arrow {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 4px;
    padding-right: 4px;
}
notebook > header.top > tabs > arrow.down, 
notebook > header.bottom > tabs > arrow.down {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); 
}
notebook > header.top > tabs > arrow.up, 
notebook > header.bottom > tabs > arrow.up {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 
}
notebook > header.left > tabs > arrow {
    border-left-style: none; 
}
notebook > header.right > tabs > arrow {
    border-right-style: none; 
}
notebook > header.left > tabs > arrow, 
notebook > header.right > tabs > arrow {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 4px;
    padding-bottom: 4px; 
}
notebook > header.left > tabs > arrow.down, 
notebook > header.right > tabs > arrow.down {
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); 
}
notebook > header.left > tabs > arrow.up, 
notebook > header.right > tabs > arrow.up {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 
}
notebook > header > tabs > arrow {
    min-height: 16px;
    min-width: 16px;
    border-radius: 0; 
}
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
    background-clip: padding-box;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    box-shadow: none; 
}
notebook > header > tabs > arrow:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; 
}
notebook > header tab {
    min-height: 30px;
    min-width: 30px;
    padding: 3px 12px;
    outline-offset: -5px;
    color: @theme_fg_color;
    font-weight: bold;
    border-width: 1px;
    border-color: rgba(27, 31, 32, 0.3);
}
notebook > header tab:hover {
    color: @theme_fg_color;
}
notebook > header tab:backdrop {
    color: @theme_fg_color_dis;
}
notebook > header tab:checked {
    color: @theme_fg_color;
}

notebook > header tab:backdrop:checked {
    color: @theme_fg_color_dis;
}
notebook > header tab button.flat,
notebook > header tab button.flat:backdrop {
    padding: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    min-width: 20px;
    min-height: 20px; 
}
notebook > header tab button.flat:hover {
    color: currentColor;
}
notebook > header tab button.flat,
notebook > header tab button.flat:backdrop {
    color: alpha(currentColor,0.3);
}
notebook > header tab button.flat:last-child {
    margin-left: 4px;
    margin-right: -4px;
}
notebook > header tab button.flat:first-child {
    margin-left: -4px;
    margin-right: 4px; 
}
notebook > header.top tabs,
notebook > header.bottom tabs {
    padding-left: 4px;
    padding-right: 4px;
}
notebook > header.top tabs:not(:only-child), 
notebook > header.bottom tabs:not(:only-child) {
    margin-left: 3px;
    margin-right: 3px;
}
notebook > header.top tabs:not(:only-child):first-child,
notebook > header.bottom tabs:not(:only-child):first-child {
    margin-left: -1px;
}
notebook > header.top tabs:not(:only-child):last-child,
notebook > header.bottom tabs:not(:only-child):last-child {
    margin-right: -1px;
}
notebook > header.top tabs tab,
notebook > header.bottom tabs tab {
    margin-left: 4px;
    margin-right: 4px;
}

notebook > header.left tabs,
notebook > header.right tabs {
    padding-top: 4px;
    padding-bottom: 4px;
}
notebook > header.left tabs:not(:only-child),
notebook > header.right tabs:not(:only-child) {
    margin-top: 3px;
    margin-bottom: 3px;
}
notebook > header.left tabs:not(:only-child):first-child,
notebook > header.right tabs:not(:only-child):first-child {
    margin-top: -1px;
}
notebook > header.left tabs:not(:only-child):last-child,
notebook > header.right tabs:not(:only-child):last-child {
    margin-bottom: -1px;
}
notebook > header.left tabs tab,
notebook > header.right tabs tab {
    margin-top: 4px;
    margin-bottom: 4px;
}
notebook > header.left tabs tab.reorderable-page,
notebook > header.right tabs tab.reorderable-page {
    border-style: solid none;
}
notebook > header.top tab {
    padding-bottom: 4px;
}
notebook > header.bottom tab {
    padding-top: 4px;
}
notebook > stack:not(:only-child) {
    background-color: @view_bg;
}
notebook > stack:not(:only-child):backdrop {
    background-color: @view_bg;
}


/**************
 * Scrollbars *
 **************/
scrollbar {
    background-color: @scroll_bg;
    transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding: 1px;
}

scrollbar.top {
    border-bottom: 1px solid @borders;
}
scrollbar.bottom {
    border-top: 1px solid @borders;
}
scrollbar.left {
    border-right: 1px solid @borders;
}
scrollbar.right {
    border-left: 1px solid @borders;
}
scrollbar:backdrop {
    background-color: @theme_bg_color;
    border-color: @unfocused_borders;
    transition: 200ms ease-out;
}
scrollbar slider {
    min-width: 6px;
    min-height: 6px;
    margin: -1px;
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: @scroll_slider_bg;
}
scrollbar slider:hover {
    background-color: @scroll_slider_bg_hover;
}
scrollbar slider:hover:active {
    background-color: @scroll_slider_bg_hover;
}
scrollbar slider:backdrop {
    background-color: @scroll_slider_bkdrp;
}
scrollbar slider:disabled {
    background-color: transparent;
}
scrollbar.fine-tune slider {
    min-width: 4px;
    min-height: 4px;
}
scrollbar.fine-tune.horizontal slider {
    border-width: 5px 4px;
}
scrollbar.fine-tune.vertical slider {
    border-width: 4px 5px;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    border-color: transparent;
    opacity: 0.4;
    background-color: transparent;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
    margin: 0;
    min-width: 3px;
    min-height: 3px;
    background-color: @theme_fg_color;
    border: 1px solid #000000;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
    min-width: 5px;
    min-height: 5px;
    background-color: @theme_fg_color;
    background-clip: padding-box;
    border-radius: 100%;
    border: 1px solid #000000;
    -gtk-icon-source: none;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
    margin: 0 2px;
    min-width: 40px;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button:backdrop {
    margin: 1px 2px;
    min-width: 5px;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
    margin: 2px 0;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button,
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button:backdrop {
    margin: 2px 1px;
    min-height: 5px;
}
scrollbar.overlay-indicator.dragging,
scrollbar.overlay-indicator.hovering {
    opacity: 0.8;
}
scrollbar.horizontal slider {
    min-width: 40px;
}

scrollbar button,
scrollbar button:hover,
scrollbar button:backdrop,
scrollbar button:backdrop:hover {
    padding: 0;
    min-width: 12px;
    min-height: 12px;
    border-style: none;
    border-radius: 0;
    transition-property: min-height, min-width, color;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color;
}
scrollbar button:hover {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color;
}
scrollbar button:active, 
scrollbar button:checked {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color_sel;
}
scrollbar button:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(163, 166, 165, 0.2);
}
scrollbar button:backdrop {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @theme_fg_color_dis;
}
scrollbar button:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(89, 93, 95, 0.2);
}
scrollbar.vertical button.down {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}
scrollbar.vertical button.up {
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}
scrollbar.horizontal button.down {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
scrollbar.horizontal button.up {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}

treeview ~ scrollbar.vertical {
    border-top: 1px solid @borders;
    margin-top: -1px;
}

/**********
 * Switch *
 **********/
switch,
GtkSwitch
{
    font-size: 1px;
    min-width: 52px;
    min-height: 24px;
    background-size: 52px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}
switch slider,
GtkSwitch.trough,
GtkSwitch.slider
{
    min-width: 1px;
    min-height: 1px;
}
switch,
switch slider,
GtkSwitch,
GtkSwitch.slider
{
    outline-color: transparent;
    color: transparent;
    border: none;
    box-shadow: none;
}

switch,
menuitem:hover switch,
row:selected switch,
infobar switch
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off.svg"));
}
headerbar switch,
.primary-toolbar switch
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-off.svg"));
}
switch:hover,
menuitem:hover switch:hover,
row:selected switch:hover,
infobar switch:hover,
switch:active,
menuitem:hover switch:active,
row:selected switch:active,
infobar switch:active
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off-hover.svg"));
}
headerbar switch:hover,
.primary-toolbar switch:hover,
headerbar switch:active,
.primary-toolbar switch:active
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-off-hover.svg"));
}
switch:checked,
menuitem:hover switch:checked,
row:selected switch:checked,
infobar switch:checked
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on.svg"));
}
headerbar switch:checked,
.primary-toolbar switch:checked
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-on.svg"));
}
switch:checked:hover,
menuitem:hover switch:checked:hover,
row:selected switch:checked:hover,
infobar switch:checked:hover,
switch:checked:active,
menuitem:hover switch:checked:active,
row:selected switch:checked:active,
infobar switch:checked:active
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on-hover.svg"));
}
headerbar switch:checked:hover,
.primary-toolbar switch:checked:hover,
headerbar switch:checked:active,
.primary-toolbar switch:checked:active
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-on-hover.svg"));
}
switch:disabled,
menuitem:hover switch:disabled,
row:selected switch:disabled,
infobar switch:disabled
{
  background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off-disabled.svg"));
}
headerbar switch:disabled,
.primary-toolbar switch:disabled
{
  background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-off-disabled.svg"));
}

switch:checked:disabled,
menuitem:hover switch:checked:disabled,
row:selected switch:checked:disabled,
infobar switch:checked:disabled
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on-disabled.svg"));
}
headerbar switch:checked:disabled,
.primary-toolbar switch:checked:disabled
{
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-on-disabled.svg"));
}

GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) {
    background-position: left center;
}

GtkSwitch.trough {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off.svg"));
}

.list-row:selected GtkSwitch.trough,
GtkInfoBar GtkSwitch.trough {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off.svg"));
}

.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough,
.primary-toolbar .toolbar GtkSwitch.trough,
.primary-toolbar .inline-toolbar GtkSwitch.trough {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-off.svg"));
}

GtkSwitch.trough:hover {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off-hover.svg")); }

.list-row:selected GtkSwitch.trough:hover,
GtkInfoBar GtkSwitch.trough:hover {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off-hover.svg"));
}

.header-bar GtkSwitch.trough:hover,
.primary-toolbar GtkSwitch.trough:hover,
.primary-toolbar .toolbar GtkSwitch.trough:hover,
.primary-toolbar .inline-toolbar GtkSwitch.trough:hover {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-off-hover.svg"));
}

GtkSwitch.trough:active {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on.svg"));
}

.list-row:selected GtkSwitch.trough:active,
GtkInfoBar GtkSwitch.trough:active {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on.svg"));
}

.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active,
.primary-toolbar .toolbar GtkSwitch.trough:active,
.primary-toolbar .inline-toolbar GtkSwitch.trough:active {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-on.svg"));
}

GtkSwitch.trough:active:hover {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on-hover.svg"));
}

.list-row:selected GtkSwitch.trough:active:hover,
GtkInfoBar GtkSwitch.trough:active:hover {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on-hover.svg"));
}

.header-bar GtkSwitch.trough:active:hover,
.primary-toolbar GtkSwitch.trough:active:hover,
.primary-toolbar .toolbar GtkSwitch.trough:active:hover,
.primary-toolbar .inline-toolbar GtkSwitch.trough:active:hover {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-on-hover.svg"));
}

GtkSwitch.trough:disabled {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off-disabled.svg"));
}

.list-row:selected GtkSwitch.trough:disabled,
GtkInfoBar GtkSwitch.trough:disabled {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-off-disabled.svg"));
}

.header-bar GtkSwitch.trough:disabled,
.primary-toolbar GtkSwitch.trough:disabled,
.primary-toolbar .toolbar GtkSwitch.trough:disabled,
.primary-toolbar .inline-toolbar GtkSwitch.trough:disabled {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-off-disabled.svg"));
}

GtkSwitch.trough:active:disabled {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on-disabled.png"));
}

.list-row:selected GtkSwitch.trough:active:disabled,
GtkInfoBar GtkSwitch.trough:active:disabled {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/switch-on-disabled.png"));
}

.header-bar GtkSwitch.trough:active:disabled,
.primary-toolbar GtkSwitch.trough:active:disabled,
.primary-toolbar .toolbar GtkSwitch.trough:active:disabled,
.primary-toolbar .inline-toolbar GtkSwitch.trough:active:disabled {
    background-image: -gtk-scaled(url("../gtk-3.0/assets/header-switch-on-disabled.svg"));
}

/*************************
 * Check and Radio items *
 *************************/
.check,
.radio,
check,
radio {
    min-height: 16px;
    min-width: 16px;
    padding-left: 6px;
    padding-right: 6px;
}
.menu .menuitem.check,
.menu .menuitem.radio,
menuitem check,
menuitem radio {
    /*height: 13px;
    width: 13px;
    min-height: 13px;
    min-width: 13px;
    max-height: 13px;
    max-width: 13px;*/
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px;
    padding-right: 8px;
}
.view.content-view.check,
.view.content-view.check:backdrop,
.check,
check,
treeview.check {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUnchecked.svg"));
}
.menu .menuitem.check,
menuitem check {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUnchecked_menu.svg"));
}
GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check,
GtkFileChooserDialog .dialog-vbox > .frame .check,
.osd check, filechooser actionbar check {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUnchecked.svg"));
}
.view.content-view.check:hover,
.view.content-view.check:active,
.check:hover,
.check:active,
.view check:selected,
iconview check:selected,
treeview.check:selected,
row:selected check,
infobar check {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUnchecked.svg"));
}
menuitem check:hover,
.menu .menuitem.check:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUnchecked_menu.svg"));
}
.check:backdrop,
.check:backdrop:disabled
.check:disabled,
.check:disabled,
check:disabled,
treeview.check:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUncheckedInsensitive.svg"));
}

.osd check:disabled,
filechooser actionbar check:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUncheckedInsensitive.svg"));
}

.view check:disabled:selected,
iconview check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUncheckedInsensitive.svg"));
}
.menu .menuitem.check:disabled,
menuitem check:disabled:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUncheckedInsensitive_menu.svg"));
}
.check:indeterminate,
check:indeterminate,
treeview.check:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixed.svg"));
}

.osd check:indeterminate,
filechooser actionbar check:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixed.svg"));
}
.check:indeterminate:selected,
.view check:indeterminate:selected,
iconview check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixed.svg"));
}
.check:indeterminate:hover,
menuitem check:indeterminate:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixed_menu.svg"));
}

.check:indeterminate:disabled,
check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixedInsensitive.svg"));
}

.osd check:indeterminate:disabled,
filechooser actionbar check:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixedInsensitive.svg"));
}

.view check:indeterminate:disabled:selected,
iconview check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixedInsensitive.svg"));
}
menuitem check:indeterminate:disabled:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixedInsensitive_menu.svg"));
}
.view.content-view.check:checked,
.check:checked,
check:checked,
treeview.check:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
}
menuitem check:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked_menu.svg"));
}
.view.content-view.check:checked:hover,
.osd check:checked,
filechooser actionbar check:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
}
.view.content-view.check:checked:active,
.view.content-view.check:checked:hover,
.view check:checked:selected,
iconview check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
}
menuitem check:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked_menu.svg"));
}

.check:checked:disabled,
check:checked:disabled,
treeview.check:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive.svg"));
}

.osd check:checked:disabled,
filechooser actionbar check:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive.svg"));
}

.view check:checked:disabled:selected,
iconview check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive.svg"));
}
menuitem check:checked:disabled:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive_menu.svg"));
}

.view.content-view.check:checked:not(list),
iconview.content-view.check:checked:not(list) {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
    background-color: transparent;
}

.check:indeterminate:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixed.svg"));
}

.check:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixedInsensitive.svg"));
}

.check:indeterminate:disabled:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxMixedInsensitive.svg"));
}

.check:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
}
.menu .menuitem.check:active,
.menu .menuitem.check:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked_menu.svg"));
}

GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked,
GtkFileChooserDialog .dialog-vbox > .frame .check:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxUnchecked.svg"));
}

.check:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive.svg"));
}
.menu .menuitem.check:active:disabled,
.menu .menuitem.check:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive_menu.svg"));
}

.check:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
}
.menu .menuitem.check:active:hover,
.menu .menuitem.check:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked_menu.svg"));
}

.check:checked:active {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
}

.check:backdrop:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxChecked.svg"));
}

.check:backdrop:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive.svg"));
}



.radio,
radio,
treeview.radio {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked.svg"));
}
menuitem radio {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked_menu.svg"));
}

.osd radio, filechooser actionbar radio {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked.svg"));
}


.view radio:selected,
iconview radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked.svg"));
}
menuitem radio:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked_menu.svg"));
}

.radio:disabled,
radio:disabled,
treeview.radio:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive.svg"));
}
menuitem radio:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive_menu.svg"));
}

.osd radio:disabled,
filechooser actionbar radio:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive.svg"));
}

.view radio:disabled:selected,
iconview radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive.svg"));
}
menuitem radio:disabled:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive_menu.svg"));
}

.radio:indeterminate,
radio:indeterminate,
treeview.radio:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}

.osd radio:indeterminate,
filechooser actionbar radio:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}

.view radio:indeterminate:selected,
iconview radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}
menuitem radio:indeterminate:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}

.radio:indeterminate:disabled,
radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive.svg"));
}
menuitem radio:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive_menu.svg"));
}

.osd radio:indeterminate:disabled,
filechooser actionbar radio:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive.svg"));
}

menuitem radio:indeterminate:disabled:hover,
.view radio:indeterminate:disabled:selected,
iconview radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive.svg"));
}

.radio:checked,
radio:checked,
.radio:checked:hover,
radio:checked:hover,
treeview.radio:checked,
treeview.radio:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked.svg"));
}
menuitem radio:checked,
menuitem radio:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked_menu.svg"));
}

.osd radio:checked,
filechooser actionbar radio:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked.svg"));
}

.view radio:checked:selected,
iconview radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked.svg"));
}
menuitem radio:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked_menu.svg"));
}

.radio:checked:disabled,
radio:checked:disabled,
treeview.radio:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioCheckedInsensitive.svg"));
}
.radio:checked:disabled,
.menu .menuitem.radio:checked:disabled,
menuitem radio:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioCheckedInsensitive_menu.svg"));
}

.osd radio:checked:disabled,
filechooser actionbar radio:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioCheckedInsensitive.svg"));
}
.radio:backdrop:checked:disabled,
.view radio:checked:disabled:selected,
iconview radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioCheckedInsensitive.svg"));
}
.menu .menuitem.radio:backdrop:checked:disabled,
menuitem radio:checked:disabled:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioCheckedInsensitive_menu.svg"));
}

.view.content-view.check:not(list),
iconview.content-view.check:not(list) {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/checkboxCheckedInsensitive.svg"));
    background-color: transparent;
}

.radio {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked.svg"));
}

.radio:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked.svg"));
}

.radio:active {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked.svg"));
}

.radio:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked.svg"));
}

.menu .menuitem.radio {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked_menu.svg"));
}

.menu .menuitem.radio:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked_menu.svg"));
}

.menu .menuitem.radio:active {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked_menu.svg"));
}

.menu .menuitem.radio:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUnchecked_menu.svg"));
}

.radio:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive.svg"));
}
.radio:backdrop:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive.svg"));
}
.menu .menuitem.radio:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive_menu.svg"));
}
.menu .menuitem.radio:backdrop:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioUncheckedInsensitive_menu.svg"));
}

.radio:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}

.radio:indeterminate:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}

.radio:indeterminate:selected {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}

.radio:indeterminate:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed.svg"));
}

.menu .menuitem.radio:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed_menu.svg"));
}

.menu .menuitem.radio:indeterminate:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed_menu.svg"));
}

.menu .menuitem.radio:indeterminate:selected {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed_menu.svg"));
}

.menu .menuitem.radio:indeterminate:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixed_menu.svg"));
}

.radio:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive.svg"));
}
.radio:indeterminate:disabled:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive.svg"));
}
.menu .menuitem.radio:indeterminate:disabled {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive_menu.svg"));
}
.menu .menuitem.radio:indeterminate:disabled:backdrop {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioMixedInsensitive_menu.svg"));
}

.radio:checked:active {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked.svg"));
}

.radio:backdrop:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked.svg"));
}

.menu .menuitem.radio:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked_menu.svg"));
}

.menu .menuitem.radio:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked_menu.svg"));
}

.menu .menuitem.radio:checked:active {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked_menu.svg"));
}

.menu .menuitem.radio:backdrop:checked {
    -gtk-icon-source: -gtk-scaled(url("../gtk-3.0/assets/radioChecked_menu.svg"));
}


checkbutton.text-button,
radiobutton.text-button {
    padding: 2px 0;
    outline-offset: 0;
}

checkbutton label:not(:only-child):first-child,
radiobutton label:not(:only-child):first-child {
    margin-left: 4px;
}

checkbutton label:not(:only-child):last-child,
radiobutton label:not(:only-child):last-child {
    margin-right: 4px;
}

check,
radio {
    min-width: 16px;
    min-height: 16px;
    margin: 0 2px;
}

checkbutton:hover, 
radiobutton:hover {
    background-color: mix (@theme_bg_color_hov, @theme_base_color, 0.9);
    border-radius: 4px;
}

menu menuitem check,
check:only-child,
radio:only-child,
menu menuitem
radio {
    margin: 0;
    padding: 2px;
}


/***************************************************************************************************
 * GtkScale *
 **************************************************************************************************/
/*
.scale {
    -GtkRange-slider-width: 16;
    -GtkScale-slider-length: 16;
    -GtkRange-trough-border: 2;
}*/
/*
.scale.slider {
    border: 1px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, @slider_bg_a 20%, @slider_bg_b 90%);
}*/

.scale.slider:hover {
    background-image: linear-gradient(to bottom, @slider_bg_a_hov 20%, @slider_bg_b_hov 90%);
}


.scale.slider.fine-tune:active,
.scale.slider.fine-tune:active:hover,
.scale.slider.fine-tune.horizontal:active,
.scale.slider.fine-tune.horizontal:active:hover {
    background-image: none;
    background-color: @theme_selected_bg_color;
}

.scale.trough {
    margin: 7px;
}

.scale.trough.vertical {
    margin: 7px;
}

/*.scale.trough {
    border: 1px solid @border;
    background-color: shade(@theme_bg_color, 0.95);
    background-image: none;
    box-shadow: inset 1px 1px alpha(#000000, 0.1),
                0 1px alpha(@theme_fg_color, 0.5);
}*/

.primary-toolbar .scale.trough,
.header-bar .scale.trough {
    background-color: shade(@theme_bg_color, 0.85);
}

/*.scale.trough.vertical {
    background-color: shade(@theme_bg_color, 0.95);
    background-image: none;
    box-shadow: inset 1px 1px alpha(#000000, 0.1),
                1px 0 alpha(@theme_fg_color, 0.5);
}*/

.primary-toolbar .scale.trough.vertical {
    background-color: shade(@theme_bg_color, 0.95);
    background-image: none;
}

.scale.trough.highlight {
    background-image: linear-gradient(to bottom,
                            @scale_fill_a,
                            @scale_fill_b);
    box-shadow: 0 1px alpha(@theme_fg_color, 0.05);
}

.scale.trough.highlight.vertical {
    background-image: linear-gradient(to right,
                            @scale_fill_a,
                            @scale_fill_b);
    box-shadow: 1px 0 alpha(@theme_fg_color, 0.05);
}

.scale.trough:disabled,
.scale.trough.highlight:disabled,
.scale.trough.vertical:disabled,
.scale.trough.highlight.vertical:disabled {
    border-color: shade(@borders, 1.1);
    background-color: shade(@theme_bg_color, 0.98);
    background-image: none;
    box-shadow: none;
}

.primary-toolbar .scale.trough:disabled,
.primary-toolbar .scale.trough.highlight:disabled,
.primary-toolbar .scale.trough.vertical:disabled,
.primary-toolbar .scale.trough.highlight.vertical:disabled {
    border-color: @border;
    background-color: shade(@theme_bg_color, 0.9);
    background-image: none;
    box-shadow: none;
}

.scale.progressbar {
    background-image: none;
    background-color: @theme_selected_bg_color;
}

.scale.mark.separator {
    color: @border;
}

.scale .trough,
scale trough,
scale fill,
progressbar trough {
    border: 1px solid @prgbar_border;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, @prgbar_trough_a, @prgbar_trough_b);
}
.scale .trough:disabled,
scale trough:disabled,
scale fill:disabled,
progressbar trough:disabled {
    background-color: @insensitive_bg_color;
}
.scale .trough:backdrop,
scale trough:backdrop,
scale fill:backdrop,
progressbar trough:backdrop,
progressbar:backdrop trough {
    background-color: @insensitive_base_color;
    border-color: @unfocused_borders;
    transition: 200ms ease-out;
}
scale trough:backdrop:disabled,
scale fill:backdrop:disabled,
progressbar trough:backdrop:disabled,
progressbar:backdrop trough:disabled {
    background-color: @insensitive_bg_color;
}
row:selected scale trough:disabled,
scale row:selected trough:disabled,
row:selected scale fill:disabled,
scale row:selected fill:disabled,
row:selected progressbar trough:disabled,
progressbar row:selected trough:disabled,
row:selected scale trough,
scale row:selected trough,
row:selected scale fill,
scale row:selected fill,
row:selected progressbar trough,
progressbar row:selected trough {
    border-color:  @prgbar_border;
}
.osd scale trough,
scale .osd trough,
.osd scale fill,
scale .osd fill,
.osd progressbar trough,
progressbar .osd trough {
    border-color: rgba(0, 0, 0, 0.7);
    background-color: rgba(0, 0, 0, 0.5);
}
.osd scale trough:disabled,
scale .osd trough:disabled,
.osd scale fill:disabled,
scale .osd fill:disabled,
.osd progressbar trough:disabled,
progressbar .osd trough:disabled {
    background-color: rgba(49, 52, 52, 0.5);
}

scale highlight,
progressbar progress {
    border: 1px solid  @prgbar_border;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, @prgbar_bg_a, @prgbar_bg_b);
}
scale highlight:disabled,
progressbar progress:disabled {
    background-color: transparent;
    border-color: transparent;
}
scale highlight:backdrop:disabled,
progressbar progress:backdrop:disabled,
progressbar:backdrop progress:disabled {
    background-color: transparent;
    border-color: transparent;
}
row:selected scale highlight:disabled,
scale row:selected highlight:disabled,
row:selected progressbar progress:disabled,
progressbar row:selected progress:disabled,
row:selected scale highlight,
scale row:selected highlight,
row:selected progressbar progress,
progressbar row:selected progress {
    border-color:  @prgbar_border;
}
.osd scale highlight,
scale .osd highlight,
.osd progressbar progress,
progressbar .osd progress {
    border-color: rgba(0, 0, 0, 0.7);
}
.osd scale highlight:disabled,
scale .osd highlight:disabled,
.osd progressbar progress:disabled,
progressbar .osd progress:disabled {
    border-color: transparent;
}

scale {
    min-height: 10px;
    min-width: 10px;
    padding: 12px;
}
scale fill,
scale highlight {
    margin: -1px;
}

scale.fine-tune.horizontal {
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 16px;
}
scale.fine-tune.vertical {
    padding-left: 9px;
    padding-right: 9px;
    min-width: 16px;
}
scale.fine-tune slider {
    margin: -6px;
}
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
    border-radius: 5px;
    -gtk-outline-radius: 7px;
}
scale trough {
    outline-offset: 2px;
    -gtk-outline-radius: 5px;
}
scale fill:backdrop,
scale fill {
    background-color: @borders;
}
scale fill:disabled:backdrop,
scale fill:disabled {
    border-color: transparent;
    background-color: transparent;
}
.osd scale fill {
    background-color: rgba(91, 91, 90, 0.775);
}
.osd scale fill:disabled:backdrop,
.osd scale fill:disabled {
    border-color: transparent;
    background-color: transparent;
}

scale slider {
    min-height: 10px;
    min-width: 10px;
    margin: -5px;
}

scale slider,
.scale .slider {
    color: @theme_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: transparent;
    text-shadow: 0 -1px alpha(@slider_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@slider_fg_shadow, 0.8);
    background-image: linear-gradient(to bottom, @slider_bg_a 20%, @slider_bg_b 90%);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border: 2px solid @slider_bdr;
    border-radius: 50%;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: background, border, box-shadow;
}

scale slider:hover,
.scale .slider:hover {
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @slider_bg_a_hov 20%, @slider_bg_b_hov 90%);
    border-color: @slider_bdr_hov;
    box-shadow: none;
}
scale slider:active,
.scale .slider:active {
    border-color: @slider_bg_act;
}

scale slider:disabled,
.scale .slider:disabled {
    background-image: linear-gradient(to bottom, @slider_bg_a 20%, @slider_bg_b 90%);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border: 2px solid @slider_bdr;
}
/*scale slider:disabled label,
scale slider:disabled {
    color: @theme_fg_color_dis;
}*/
/*
scale slider:backdrop,
.scale .slider:backdrop {
    background-image: none;
    border-color: transparent;
}*/

scale slider:backdrop:disabled,
.scale .slider:backdrop:disabled {
    background-color: @slider_bg_a;
}/*
row:selected scale slider:disabled,
row:selected scale slider {
    border-color: @entry_border_act;
}*/

.osd scale slider {
    color: @theme_fg_color;
    border-color: alpha(@slider_bg_a, 1.0);
    background-clip: padding-box;
    background-image: image(alpha(@slider_bg_a, 1.0));
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    background-color: @slider_bg_a;
}

.osd scale slider:hover {
    color: @theme_fg_color;
    border-color: alpha(@slider_bg_a_hov, 1.0);
    background-color: transparent;
    background-image: image(alpha(@slider_bg_a_hov, 1.0));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
    background-color: @slider_bg_a;
}

.osd scale slider:active {
    color: @theme_fg_color;
    border-color: alpha(@slider_bg_a_hov, 1.0);
    background-color: transparent;
    background-image: image(alpha(@slider_bg_a_hov, 1.0));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3);
    background-color: @slider_bg_a;
}/*
.osd scale slider:disabled {
    color: @theme_fg_color_dis;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    background-color: @slider_bg_a;
}*/

.osd scale slider:backdrop {
    color: @theme_fg_color;
    border-color: alpha(@slider_bg_a, 1.0);
    background-clip: padding-box;
    background-image: image(alpha(@slider_bg_a, 1.0));
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    background-color: @slider_bg_a;
}
.osd scale slider:backdrop:disabled {
    background-color: @slider_bg_a;
}
scale value {
    color: alpha(currentColor,0.55);
}
scale marks {
    color: alpha(currentColor,0.55);
}
scale marks.top {
    margin-bottom: 6px;
    margin-top: -12px;
}
scale marks.bottom {
    margin-top: 6px;
    margin-bottom: -12px;
}
scale marks.top {
    margin-right: 6px;
    margin-left: -12px;
}
scale marks.bottom {
    margin-left: 6px;
    margin-right: -12px;
}
scale.fine-tune marks.top {
    margin-bottom: 6px;
    margin-top: -9px;
}
scale.fine-tune marks.bottom {
    margin-top: 6px;
    margin-bottom: -9px;
}
scale.fine-tune marks.top {
    margin-right: 6px;
    margin-left: -9px;
}
scale.fine-tune marks.bottom {
    margin-left: 6px;
    margin-right: -9px;
}
scale.horizontal indicator {
    min-height: 6px;
    min-width: 1px;
}
scale.horizontal.fine-tune indicator {
    min-height: 3px;
}
scale.vertical indicator {
    min-height: 1px;
    min-width: 6px;
}
scale.vertical.fine-tune indicator {
    min-width: 3px;
}

scale.horizontal.marks-before:not(.marks-after) slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-top: -11px;
}
scale.horizontal.marks-before:not(.marks-after) slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none;
}
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-top: -11px;
}

scale.horizontal.marks-before:not(.marks-after) slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none;
}
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-top: -11px;
}

scale.horizontal.marks-before:not(.marks-after) slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-top: -11px;
}

scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-top: -11px;
}

scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-top: -14px;
    background-position: top;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-top: -11px;
}

scale.horizontal.marks-after:not(.marks-before) slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none;
}
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-bottom: -11px;
}
scale.horizontal.marks-after:not(.marks-before) slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none;
}
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-bottom: -11px;
}
scale.horizontal.marks-after:not(.marks-before) slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-bottom: -11px;
}

scale.horizontal.marks-after:not(.marks-before) slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-bottom: -11px;
}

scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-bottom: -11px;
}
scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
    min-height: 24px;
    min-width: 22px;
    margin-bottom: -14px;
    background-position: bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-bottom: -11px;
}

scale.vertical.marks-before:not(.marks-after) slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-left: -11px;
}

scale.vertical.marks-before:not(.marks-after) slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-left: -11px;
}

scale.vertical.marks-before:not(.marks-after) slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-left: -11px;
}

scale.vertical.marks-before:not(.marks-after) slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-left: -11px;
}

scale.vertical.marks-before:not(.marks-after) slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-left: -11px;
}

scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-left: -14px;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
    margin: -7px;
    margin-left: -11px;
}

scale.vertical.marks-after:not(.marks-before) slider {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-right: -11px;
}

scale.vertical.marks-after:not(.marks-before) slider:hover {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-right: -11px;
}

scale.vertical.marks-after:not(.marks-before) slider:active {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-right: -11px;
}

scale.vertical.marks-after:not(.marks-before) slider:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-right: -11px;
}

scale.vertical.marks-after:not(.marks-before) slider:backdrop {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-right: -11px;
}

scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
    margin: -10px;
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"),
                                  url("../gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
    min-height: 22px;
    min-width: 26px;
    margin-right: -14px;
    background-position: right bottom;
    background-repeat: no-repeat;
    box-shadow: none; 
}

/*
.scale.scale-has-marks-above .trough {
    margin: 14px 10px 10px;
}

.fine-tune.scale.scale-has-marks-above .trough {
    margin: 12px 8px 8px;
}

.scale.scale-has-marks-below .trough {
    margin: 10px 10px 14px;
}

.fine-tune.scale.scale-has-marks-below .trough {
    margin: 8px 8px 12px;
}

.scale.vertical.scale-has-marks-above .trough {
    margin: 10px 10px 10px 14px;
}

.fine-tune.scale.vertical.scale-has-marks-above .trough {
    margin: 8px 8px 8px 12px;
}

.scale.vertical.scale-has-marks-below .trough {
    margin: 10px 14px 10px 10px;
}

.fine-tune.scale.vertical.scale-has-marks-below .trough {
    margin: 8px 12px 8px 8px;
}
*/

scale.vertical.marks-after:not(.marks-before).fine-tune slider {
    margin: -7px;
    margin-right: -11px;
}
scale.color {
    min-height: 0;
    min-width: 0;
}
scale.color trough {
    background-image: image(@borders);
    background-repeat: no-repeat;
}
scale.color.horizontal {
    padding: 0 0 15px 0;
}
scale.color.horizontal trough {
    padding-bottom: 4px;
    background-position: 0 -3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*.osd .scale.trough.fine-tune,
.osd .scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune,
.osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune {
    margin: 7px;
}

.osd .scale.trough.highlight,
.osd .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
.osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
    background-image: none;
    background-color: @theme_accent_color;
}

.osd .scale.trough:disabled,
.osd .scale.trough:backdrop:disabled,
.osd .scale.scale-has-marks-above.scale-has-marks-below.trough:disabled,
.osd .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled,
.osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:disabled,
.osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
}

.osd .scale.trough:backdrop,
.osd .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
.osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
    border-color: rgba(0, 0, 0, 0.7);
    background-image: none;
}
*/
scale.color.horizontal slider:dir(ltr):hover,
scale.color.horizontal slider:dir(ltr):backdrop,
scale.color.horizontal slider:dir(ltr):disabled,
scale.color.horizontal slider:dir(ltr):backdrop:disabled,
scale.color.horizontal slider:dir(ltr),
scale.color.horizontal slider:dir(rtl):hover,
scale.color.horizontal slider:dir(rtl):backdrop,
scale.color.horizontal slider:dir(rtl):disabled,
scale.color.horizontal slider:dir(rtl):backdrop:disabled,
scale.color.horizontal slider:dir(rtl) {
    margin-bottom: -15px;
    margin-top: 6px;
}
scale.color.vertical:dir(ltr) {
    padding: 0 0 0 15px;
}
scale.color.vertical:dir(ltr) trough {
    padding-left: 4px;
    background-position: 3px 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(ltr) slider:backdrop,
scale.color.vertical:dir(ltr) slider:disabled,
scale.color.vertical:dir(ltr) slider:backdrop:disabled,
scale.color.vertical:dir(ltr) slider {
    margin-left: -15px;
    margin-right: 6px;
}
scale.color.vertical:dir(rtl) {
    padding: 0 15px 0 0;
}
scale.color.vertical:dir(rtl) trough {
    padding-right: 4px;
    background-position: -3px 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
scale.color.vertical:dir(rtl) slider:hover,
scale.color.vertical:dir(rtl) slider:backdrop,
scale.color.vertical:dir(rtl) slider:disabled,
scale.color.vertical:dir(rtl) slider:backdrop:disabled,
scale.color.vertical:dir(rtl) slider {
    margin-right: -15px;
    margin-left: 6px;
}
scale.color.fine-tune.horizontal:dir(ltr),
scale.color.fine-tune.horizontal:dir(rtl) {
    padding: 0 0 12px 0;
}
scale.color.fine-tune.horizontal:dir(ltr) trough,
scale.color.fine-tune.horizontal:dir(rtl) trough {
    padding-bottom: 7px;
    background-position: 0 -6px;
}
scale.color.fine-tune.horizontal:dir(ltr) slider,
scale.color.fine-tune.horizontal:dir(rtl) slider {
    margin-bottom: -15px;
    margin-top: 6px;
}
scale.color.fine-tune.vertical:dir(ltr) {
    padding: 0 0 0 12px;
}
scale.color.fine-tune.vertical:dir(ltr) trough {
    padding-left: 7px;
    background-position: 6px 0;
}
scale.color.fine-tune.vertical:dir(ltr) slider {
    margin-left: -15px;
    margin-right: 6px;
}
scale.color.fine-tune.vertical:dir(rtl) {
    padding: 0 12px 0 0;
}
scale.color.fine-tune.vertical:dir(rtl) trough {
    padding-right: 7px;
    background-position: -6px 0;
}
scale.color.fine-tune.vertical:dir(rtl) slider {
    margin-right: -15px;
    margin-left: 6px;
}/*
.scale.scale-has-marks-below,
.scale.vertical.scale-has-marks-below {
    -GtkScale-slider-length: 20;
    -GtkRange-slider-width: 24;
    -GtkRange-trough-border: 2;
}
.scale.vertical.scale-has-marks-above,
.scale.scale-has-marks-above {
    -GtkScale-slider-length: 20;
    -GtkRange-slider-width: 24;
    -GtkRange-trough-border: 2;
}*/


/***************************************************************************************************
 * Progress bars *
 **************************************************************************************************/
GtkProgressBar.osd {
    -GtkProgressBar-xspacing: 0;
    -GtkProgressBar-yspacing: 0;
    -GtkProgressBar-min-horizontal-bar-height: 3;
}
GtkProgressBar,
.progressbar,
progressbar {
    font-size: smaller;
    color: #888888;
}
progressbar.horizontal trough,
progressbar.horizontal progress {
    min-height: 6px;
}
progressbar.vertical trough,
progressbar.vertical progress {
    min-width: 6px;
}
progressbar.horizontal progress {
    margin: 0 -1px;
}
progressbar.vertical progress {
    margin: -1px 0;
}
progressbar:backdrop,
.progressbar:backdrop {
    box-shadow: none;
    transition: 200ms ease-out;
}
progressbar progress {
    border-radius: 1.5px;
}
.progressbar.left,
progressbar progress.left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.progressbar.right,
progressbar progress.right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.progressbar.vertical.top,
progressbar progress.top {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.progressbar.vertical.bottom,
progressbar progress.bottom {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
progressbar.osd,
.progressbar.osd  {
    min-width: 3px;
    min-height: 3px;
    background-color: transparent;
}
GtkProgressBar.trough.osd,
progressbar.osd trough {
    border-style: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
progressbar.osd progress {
    border-style: none;
    border-radius: 0;
}
progressbar trough.empty progress {
    all: unset;
}

/***************************************************************************************************
 * Level Bar *
 **************************************************************************************************/
.level-bar.vertical {
    -GtkLevelBar-min-block-width: 3;
    -GtkLevelBar-min-block-height: 34;
}

.level-bar {
    box-shadow: 0 1px rgba(238, 238, 236, 0.1);
    -GtkLevelBar-min-block-width: 34;
    -GtkLevelBar-min-block-height: 3;
}

.level-bar.vertical {
    -GtkLevelBar-min-block-width: 3;
    -GtkLevelBar-min-block-height: 34;
}
levelbar block {
    min-width: 32px;
    min-height: 3px;
}
levelbar.vertical block {
    min-width: 3px;
    min-height: 32px;
}
levelbar:backdrop {
    transition: 200ms ease-out;
}
.level-bar.trough,
levelbar trough {
    border: 1px solid;
    padding: 2px;
    border-radius: 3px;
    color: @theme_fg_color;
    border-color: @separator;
    background-color: @view_bg;
    box-shadow: inset 0 0 0 1px alpha(@theme_accent_color, 0);
}
.level-bar.trough:backdrop,
levelbar trough:backdrop {
    color: @theme_fg_color_dis;
    border-color: @unfocused_borders;
    background-color: @view_bg;
    box-shadow: none; 
}


.level-bar.indicator-continuous.fill-block {
    padding: 2px;
    border-radius: 2px;
}

levelbar.horizontal.discrete block,
.level-bar.indicator-discrete.fill-block.horizontal {
    margin: 0 1px; 
}
levelbar.vertical.discrete block,
.level-bar.indicator-discrete.fill-block.vertical {
    margin: 1px 0; 
}
.level-bar.fill-block,
levelbar block {
    border: 2px solid;
    border-radius: 1px;
    background-color: @theme_accent_color;
    border: 1px solid alpha(@theme_fg_color, 0.1);
    background-image: none;
}
levelbar block.low,
.level-bar.fill-block.level-low {
    border-color: @warning_background_color;
    background-color: @warning_background_color;
}
levelbar block.low:backdrop,
.level-bar.fill-block.level-low:backdrop {
    border-color: @warning_background_color;
}
levelbar block.high,
levelbar block:not(.empty) {
    border-color: @theme_accent_color;
    background-color: @theme_accent_color;
}
levelbar block.high:backdrop,
levelbar block:not(.empty):backdrop,
.level-bar.fill-block.level-high:backdrop {
    border-color: @theme_accent_color;
}
levelbar block.full {
    border-color: @success_background_color;
    background-color: @success_background_color;
}
levelbar block.full:backdrop {
    border-color: @success_background_color;
}
levelbar block.empty,
.level-bar.fill-block.empty-fill-block {
    background-color: transparent;
    border-color: rgba(238, 238, 236, 0.1);
}
.level-bar.fill-block.empty-fill-block:backdrop,
levelbar block.empty:backdrop {
    border-color: rgba(145, 148, 148, 0.15);
}


/****************
 * Print dialog *
*****************/
printdialog paper {
    color: #3D3D3D;
    border: 1px solid #c4c4c4;
    background: #fff;
    padding: 0; 
}
printdialog paper:backdrop {
    color: #626262;
    border-color: #cecece; 
}

printdialog .dialog-action-box {
    margin: 12px; 
}

/**********
 * Frames *
 **********/
frame > border,
.frame {
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 1px solid @border_normal;
}
frame > border.flat,
.frame.flat {
    border-style: none; 
}
    
actionbar > revealer > box {
    padding: 6px;
    border-top: 1px solid @borders;
}
actionbar > revealer > box:backdrop {
    border-color: @unfocused_borders;
}

scrolledwindow viewport.frame {
    border-style: none; 
}

scrolledwindow overshoot.top {
    background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#040404), to(rgba(4, 4, 4, 0))),
                      -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
    background-size: 100% 5%, 100% 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow overshoot.top:backdrop {
    background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow overshoot.bottom {
    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#040404), to(rgba(4, 4, 4, 0))),
                      -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
    background-size: 100% 5%, 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow overshoot.bottom:backdrop {
    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow overshoot.left {
    background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))),
                      -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
    background-size: 5% 100%, 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow overshoot.left:backdrop {
    background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow overshoot.right {
    background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))),
                      -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
    background-size: 5% 100%, 100% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow overshoot.right:backdrop {
    background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
scrolledwindow:first-child undershoot.top {
    background-color: transparent;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
    padding-top: 1px;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    background-origin: content-box;
    background-position: center top;
    border-bottom: none;
    box-shadow: none;
}
scrolledwindow:first-child undershoot.bottom {
    background-color: transparent;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
    padding-bottom: 1px;
    background-size: 10px 1px;
    background-repeat: repeat-x;
    background-origin: content-box;
    background-position: center bottom;
    border: none;
    box-shadow: none;
}
scrolledwindow:first-child undershoot.left {
    background-color: transparent;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
    padding-left: 1px;
    background-size: 1px 10px;
    background-repeat: repeat-y;
    background-origin: content-box;
    background-position: left center;
    border: none;
    box-shadow: none;
}
scrolledwindow:first-child undershoot.right {
    background-color: transparent;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
    padding-right: 1px;
    background-size: 1px 10px;
    background-repeat: repeat-y;
    background-origin: content-box;
    background-position: right center;
    border: none;
    box-shadow: none;
}
scrolledwindow junction {
    border-color: transparent;
    border-image: linear-gradient(to bottom, @border_normal 1px, transparent 1px) 0 0 0 1/0 1px stretch;
    background-color: @scroll_bg;
}
scrolledwindow junction:dir(rtl) {
    border-image-slice: 0 1 0 0;
}
scrolledwindow junction:backdrop {
    border-image-source: linear-gradient(to bottom, #202425 1px, transparent 1px);
    background-color: @theme_bg_color;
    transition: 200ms ease-out;
}


/***************************************************************************************************
 * Lists *
 **************************************************************************************************/
.list,
list {
    background-color: @view_bg;
    border-color: @separator;
}

list separator {
    background: none;
    background-color: rgba(0,0,0,0.3);
    min-width: 1px;
    min-height: 1px;
}

.list:backdrop,
list:backdrop {
    background-color: @view_bg;
    border-color: @unfocused_borders;
}
.list-row,
list row {
    padding: 2px;
}

.list-row.button,
.header-bar .list-row.button.titlebutton,
.titlebar .list-row.button.titlebutton,
.list-row.button:backdrop,
.list-row.button:backdrop:active,
.list-row.button:backdrop:checked,
.list-row.button:backdrop:disabled,
.list-row.button:backdrop:disabled:active,
.list-row.button:backdrop:disabled:checked,
.list-row.button:disabled:active,
.list-row.button:disabled:checked {
    background-color: rgba(41, 41, 41, 0.1);
    border-style: none;
    border-radius: 0;
    box-shadow: none;
    
}

row {
    transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
row:hover {
    transition: none;
}
row:backdrop {
    transition: 200ms ease-out;
}
row.activatable.has-open-popup,
row.activatable:hover {
    background-color: rgba(238, 238, 236, 0.05);
}
row.activatable:active {
    box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}
row.activatable:backdrop:hover {
    background-color: rgba(238, 238, 236, 0.05);
}
row.activatable:selected:active {
    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5);
    color: @theme_fg_color;
}
row.activatable:selected.has-open-popup,
row.activatable:selected:hover {
    background-color: @row_bg_active;
}
row.activatable:selected,
row.activatable:selected:backdrop {
    background-color: @row_bg_active;
}
/*
.sidebar .view {
    color: @sidebar_fg;
}*/

/*
.list-row:selected .button:disabled:active > .label,
.list-row:selected .header-bar .button.titlebutton:disabled:active > .label,
.list-row:selected .titlebar .button.titlebutton:disabled:active > .label,
.list-row:selected .button:disabled:checked > .label,
.list-row:selected .header-bar .button.titlebutton:disabled:checked > .label,
.list-row:selected .titlebar .button.titlebutton:disabled:checked > .label {
    color: @theme_fg_color;
}*/

.list-row, 
list-row.button, 
.header-bar list-row.button.titlebutton,
.titlebar list-row.button.titlebutton {
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.list-row:hover, 
list-row.button:hover,
.header-bar list-row.button.titlebutton:hover,
.titlebar list-row.button.titlebutton:hover {
    transition: none;
}
.list-row:selected .button:disabled > .label,
.list-row:selected .header-bar .button.titlebutton:disabled > .label,
.list-row:selected .titlebar .button.titlebutton:disabled > .label {
    color: inherit;
}

.list-row:selected .button:backdrop:disabled:active > .label,
.list-row:selected .header-bar .button.titlebutton:backdrop:disabled:active > .label,
.list-row:selected .titlebar .button.titlebutton:backdrop:disabled:active > .label,
.list-row:selected .button:backdrop:disabled:checked > .label,
.list-row:selected .header-bar .button.titlebutton:backdrop:disabled:checked > .label,
.list-row:selected .titlebar .button.titlebutton:backdrop:disabled:checked > .label,
.list-row:selected .button.flat:backdrop:disabled:active > .label,
.list-row:selected .header-bar .titlebutton.button:backdrop:disabled:active > .label,
.header-bar .list-row:selected .titlebutton.button:backdrop:disabled:active > .label,
.list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active > .label,
.titlebar .list-row:selected .titlebutton.button:backdrop:disabled:active > .label,
.list-row:selected .button.flat:backdrop:disabled:checked > .label,
.list-row:selected .header-bar .titlebutton.button:backdrop:disabled:checked > .label,
.header-bar .list-row:selected .titlebutton.button:backdrop:disabled:checked > .label,
.list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked > .label,
.titlebar .list-row:selected .titlebutton.button:backdrop:disabled:checked > .label {
    color: inherit;
}


list.content,
list.content list {
    background-color: transparent; 
}

list.content > row:not(.expander):not(:active):not(:hover):not(:selected),
list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected),
list.content > row.expander row.header:not(:active):not(:hover):not(:selected),
list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
    background-color: @row_bg;
    margin: 0px;
}
 
list.content > row,
list.content > row list > row {
    border-color: @border_normal;
    border-style: solid;
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}
 
list.content > row:not(.expander):not(:active):not(:selected):hover,
list.content > row:not(.expander):not(:active):not(.activatable):not(:selected):hover,
list.content > row.expander row.header:not(:active):not(:selected):hover,
list.content > row.expander row.header:not(:active):not(.activatable):not(:selected):hover {
    background-color: @row_bg_hover;
    margin: 0px;
}

list.content > row:not(:last-child) {
    border-width: 1px 1px 0px 1px; 
}
 

list.content > row:first-child,
list.content > row.expander:first-child row.header,
list.content > row.expander:checked,
list.content > row.expander:checked row.header,
list.content > row.expander:checked + row,
list.content > row.expander:checked + row.expander row.header {
    border-top-left-radius: 8px;
    -gtk-outline-top-left-radius: 7px;
    border-top-right-radius: 8px;
    -gtk-outline-top-right-radius: 7px; 
}
 

list.content > row:last-child,
list.content > row.checked-expander-row-previous-sibling,
list.content > row.expander:checked {
    border-width: 1px; 
}
 

list.content > row:last-child,
list.content > row.checked-expander-row-previous-sibling,
list.content > row.expander:checked,
list.content > row.expander:not(:checked):last-child row.header,
list.content > row.expander.checked-expander-row-previous-sibling:not(:checked) row.header,
list.content > row.expander.empty:checked row.header,
list.content > row.expander list.nested > row:last-child {
    border-bottom-left-radius: 8px;
    -gtk-outline-bottom-left-radius: 7px;
    border-bottom-right-radius: 8px;
    -gtk-outline-bottom-right-radius: 7px; 
}
 

list.content > row.expander:checked:not(:first-child),
list.content > row.expander:checked + row {
    margin-top: 6px; 
    
}


row.expander {
  background-color: transparent; 
}
row.expander list.nested > row {
    background-color: alpha(@view_bg, 0.5);
    border-color: alpha(@border_normal, 0.7);
    border-style: solid;
    border-width: 1px 0px 0px 0px; 
    box-shadow: inset 0 0 0 9999px alpha(#000, 0.2);
}
row.expander image.expander-row-arrow {
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}
row.expander:checked image.expander-row-arrow {
    -gtk-icon-transform: rotate(0turn); 
}
row.expander:not(:checked) image.expander-row-arrow {
    opacity: 0.55;
    text-shadow: none; 
}
row.expander:not(:checked) image.expander-row-arrow:dir(ltr) {
    -gtk-icon-transform: rotate(-0.25turn); 
}
row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
    -gtk-icon-transform: rotate(0.25turn); 
}
row.expander:checked image.expander-row-arrow:not(:disabled) {
    color: @theme_accent_color; 
}
row.expander image.expander-row-arrow:disabled {
    color: @theme_fg_color_dis; 
}



/*************
 * Expanders *
 *************/
expander title > arrow {
    min-width: 16px;
    min-height: 16px;
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 
}
expander title > arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 
}
expander title > arrow:hover {
    color: @theme_fg_color;
}
expander title > arrow:disabled {
    color: @theme_fg_color_dis;
}
expander title > arrow:disabled:backdrop {
    color: @theme_fg_color_dis;
}
expander title > arrow:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 
}

/************
 * Calendar *
 ***********/
calendar {
    color: @theme_fg_color;
    border: 1px solid @borders;
}
calendar:selected {
    border-radius: 3px; 
}
calendar.header {
    border-bottom-color: rgba(0, 0, 0, 0.1); 
}
calendar.header:backdrop {
    border-bottom-color: rgba(0, 0, 0, 0.1); 
}
calendar.button {
    color: rgba(238, 238, 236, 0.45);
    background-image: none;
    box-shadow: none;
    border: none;
    border-radius: 3px;
}
calendar.button:hover {
    color: @theme_fg_color;
    background-image: none;
    background-color: @panel_bg_hov;
    box-shadow: none;
    border: none;
    border-radius: 3px;
}
calendar.button:backdrop {
    color: rgba(145, 148, 148, 0.45);
}
calendar.button:disabled {
    color: rgba(154, 154, 154, 0.45); 
}
calendar.highlight {
    color: @theme_fg_color;
}
calendar.highlight:backdrop {
    color: @theme_fg_color_dis;
}
calendar:backdrop {
    color: @theme_fg_color;
    border-color: @unfocused_borders;
}
calendar:indeterminate {
    color: alpha(currentColor,0.1); 
}

/***********
 * Dialogs *
 ***********/
messagedialog .titlebar {
    min-height: 20px;
    background-image: none;
    background-color: @theme_base_color;
    border-style: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

messagedialog.csd.background {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; 
}

messagedialog.csd .dialog-action-area button {
    padding: 10px 14px;
    border-right-style: none;
    border-bottom-style: none;
    border-radius: 0;
    -gtk-outline-radius: 0; 
}
messagedialog.csd .dialog-action-area button:first-child {
    border-left-style: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -gtk-outline-top-left-radius: 6px; 
    -gtk-outline-bottom-left-radius: 6px; 
}
messagedialog.csd .dialog-action-area button:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -gtk-outline-top-right-radius: 6px; 
    -gtk-outline-bottom-right-radius: 6px; 
}

filechooser .dialog-action-box {
    border-top: 1px solid @borders;
}
filechooser .dialog-action-box:backdrop {
    border-top-color: @unfocused_borders;
}

filechooser #pathbarbox {
    background-color: @theme_base_color;
    border-bottom: 1px solid @theme_base_color;
}

filechooserbutton:drop(active) {
    box-shadow: none;
    border-color: transparent; 
}

/***************************************************************************************************
 * Sidebar 
 **************************************************************************************************/
.sidebar,
.sidebar:backdrop {
    border-color: @border_normal;
    color: @sidebar_fg;
    background-color: @sidebar_bg;
}

stacksidebar.sidebar:dir(ltr) list, 
stacksidebar.sidebar.left list, 
stacksidebar.sidebar.left:dir(rtl) list, 
.sidebar:not(separator):dir(ltr), 
.sidebar.left:not(separator) {
    border-right: 1px solid @border_normal;
    border-left-style: none; 
}
stacksidebar.sidebar:dir(rtl) list, 
stacksidebar.sidebar.right list, 
.sidebar:not(separator):dir(rtl), 
.sidebar.right:not(separator) {
    border-left: 1px solid @border_normal;
    border-right-style: none; 
}

separator.sidebar {
    background-color: rgba(100, 128, 138, 0.4);
}
separator.sidebar:backdrop {
    background-color: rgba(100, 128, 138, 0.4);
}

.sidebar .frame {
    background-color: @sidebar_bg;
}



.sidebar row {
    color: @sidebar_fg;
    background-color: transparent;
}

row.activatable:not(:selected):hover {
    box-shadow: inset 0 0 0 9999px alpha(@view_bg_hover, 0.04);
    background-color: transparent;
    background-image: none;
}
.sidebar row.activatable:not(:selected):hover {
    box-shadow: inset 0 0 0 9999px alpha(@sidebar_hovering, 0.2);
}

.sidebar label,
.sidebar:backdrop label,
.sidebar row.activatable:not(:selected) label,
.sidebar row.activatable:not(:selected):backdrop label,
.sidebar treeview.view,
.sidebar treeview.view:backdrop,
.sidebar treeview.view:hover,
.sidebar treeview.view:hover:backdrop {
    color: @sidebar_fg;
}
.sidebar list,
.sidebar .list,
.sidebar .list-row,
.sidebar row.activatable:not(:selected),
.sidebar list:backdrop,
.sidebar .list:backdrop,
.sidebar .list-row:backdrop,
.sidebar row.activatable:not(:selected):backdrop {
    color: @sidebar_fg;
    background-color: @sidebar_bg;
}

.sidebar-icon {
    padding-left: 4px;
    padding-right: 10px;
}

.list-row,
.grid-child {
    padding: 0px 0px;
}

.sidebar-item {
    background-color: @sidebar_bg;
    padding: 0px 0px;
    color: @sidebar_fg;
}

.sidebar-item > .label {
    padding-left: 6px;
    padding-right: 6px;
}

.sidebar-item.needs-attention > .label {
    background-size: 6px 6px, 0 0;
}

.sidebar .view .expander, 
.sidebar .view expander {
    color: #999999;
}

assistant .sidebar,
GtkAssistant .sidebar {
    background-color: @assistant_sidebar_bg;
    border-top: 1px solid @borders;
}
assistant .sidebar:backdrop {
    background-color: @assistant_sidebar_bg;
    border-color: @unfocused_borders;
}
assistant.csd .sidebar {
    border-top-style: none;
}
assistant .sidebar label {
    padding: 8px;
}
assistant .sidebar label.highlight {
    background-color: @assistant_sidebar_bg_lbl;
}

GtkAssistant .sidebar:dir(ltr) {
    border-right: 1px solid @borders;
}
GtkAssistant .sidebar:dir(rtl) {
    border-left: 1px solid @borders;
}
GtkAssistant .sidebar:backdrop {
    background-color: @assistant_sidebar_bg;
    border-color: @borders;
}
GtkAssistant.csd .sidebar {
    border-top-style: none;
}
GtkAssistant .sidebar .label {
    padding: 0px 0px;
}
GtkAssistant .sidebar .label.highlight {
    background-color: @assistant_sidebar_bg_lbl;
}


stacksidebar.sidebar:dir(ltr) list,
stacksidebar.sidebar.left list,
stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:dir(ltr),
.sidebar.left,
.sidebar.left:dir(rtl) {
    border-right: none;
    border-left-style: none;
}
stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl),
stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right {
    border-left: none;
    border-right-style: none;
}

.sidebar list {
    background-color: transparent;
}
paned .sidebar.left,
paned .sidebar.right,
paned .sidebar.left:dir(rtl),
paned .sidebar:dir(rtl),
paned .sidebar:dir(ltr),
paned .sidebar,
paned:backdrop .sidebar.left,
paned:backdrop .sidebar.right,
paned:backdrop .sidebar.left:dir(rtl),
paned:backdrop .sidebar:dir(rtl),
paned:backdrop .sidebar:dir(ltr),
paned:backdrop .sidebar {
    border-style: none;
    background-color: @sidebar_bg;
    color: @sidebar_fg;
}

.sidebar scale trough,
.sidebar scale fill,
.sidebar progressbar trough {
    background-image: none;
    background-color: rgba(255,255,255, 0.1);
    border: 1px solid rgba(255,255,255, 0.3);
}

.sidebar scale highlight,
.sidebar progressbar progress {
    background-image: none;
    background-color: @assistant_sidebar_fg;
    border: 1px solid @assistant_sidebar_fg;
}

.sidebar scale slider {
    background-image: none;
    background-color: @assistant_sidebar_fg;
    box-shadow: none;
    border: 1px solid @assistant_sidebar_fg;
}

.sidebar button:not(.sidebar-button),
.sidebar:backdrop button:not(.sidebar-button) {
    background-color: rgba(255,255,255, 0.1);
    background-image: none;
    border: 1px solid rgba(255,255,255, 0.3);
    border-radius: 5px;
    color: @sidebar_fg;
}

.sidebar button:not(.sidebar-button) label,
.sidebar:backdrop button:not(.sidebar-button) label {
    color: @sidebar_fg;
}

.sidebar button:not(.sidebar-button):disabled,
.sidebar:backdrop button:not(.sidebar-button):disabled {
    background-color: rgba(255,255,255, 0.05);
    border: 1px solid rgba(255,255,255, 0.2);
    color: @theme_fg_color_dis;
}

.sidebar button:not(.sidebar-button):hover,
.sidebar:backdrop button:not(.sidebar-button):hover {
    background-color: rgba(255,255,255, 0.2);
    border: 1px solid rgba(255,255,255, 0.3);
    color: @sidebar_fg;
}

.sidebar button:not(.sidebar-button):only-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sidebar button:not(.sidebar-button):not(:only-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sidebar button:not(.sidebar-button):first-child,
.sidebar button:not(.sidebar-button):active:first-child,
.sidebar button:not(.sidebar-button):hover:first-child,
.sidebar button:not(.sidebar-button):checked:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sidebar button:not(.sidebar-button):last-child,
.sidebar button:not(.sidebar-button):active:last-child,
.sidebar button:not(.sidebar-button):hover:last-child,
.sidebar button:not(.sidebar-button):checked:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sidebar entry,
.sidebar:backdrop entry,
.sidebar spinbutton:not(.vertical)  {
    background-color: rgba(0,0,0, 0.2);
    background-image: none;
    border: 1px solid rgba(255,255,255, 0.2);
    border-radius: 5px;
    box-shadow: none;
}

.sidebar spinbutton:not(.vertical) button {
    border-width: 0px;
    background-color: rgba(255,255,255, 0.1);
    border-radius: 0px;
}

.nemo-window .places-treeview {
    -GtkTreeView-vertical-separator: 11;
}

stacksidebar row {
    color: @sidebar_fg;
    padding: 10px 4px;
}
stacksidebar row > label {
    color: @sidebar_fg;
    padding-left: 6px;
    padding-right: 6px;
}
stacksidebar row.needs-attention > label {
    background-size: 6px 6px, 0 0;
}


/****************
 * File chooser *
 ****************/
row image.sidebar-icon {
    opacity: 0.7; 
}

placessidebar > viewport.frame {
    border-style: none; 
}

placessidebar row {
    color: @sidebar_fg;
    min-height: 36px;
    padding: 0px; 
}
placessidebar row > revealer {
    padding: 0 14px; 
}
placessidebar row:selected {
    color: @sidebar_fg;
}
placessidebar row:disabled {
    color: @sidebar_fg;
}
placessidebar row:backdrop {
    color: @sidebar_fg;
}
placessidebar row:backdrop:selected {
    color: @sidebar_fg;
}
placessidebar row:backdrop:disabled {
    color: @sidebar_fg;
}
placessidebar row image.sidebar-icon:dir(ltr) {
    padding-right: 8px; 
}
placessidebar row image.sidebar-icon:dir(rtl) {
    padding-left: 8px; 
}
placessidebar row label.sidebar-label:dir(ltr) {
    padding-right: 2px; 
}
placessidebar row label.sidebar-label:dir(rtl) {
    padding-left: 2px; 
}
button.sidebar-button {
    min-height: 24px;
    min-width: 26px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0;
    border-radius: 100%;
    -gtk-outline-radius: 100%; 
}
/***********************+*/
button.sidebar-button:not(:hover):not(:active) > image, 
button.sidebar-button:backdrop > image {
    opacity: 0.7; 
}
placessidebar row:selected:active {
    box-shadow: none; 
}
placessidebar row.sidebar-placeholder-row {
    padding: 0 8px;
    min-height: 2px;
    background-image: image(@theme_accent_color);
    background-clip: content-box; 
}
placessidebar row.sidebar-new-bookmark-row,
placessidebar row.sidebar-new-bookmark-row label {
    color: @theme_accent_color;
}
placessidebar row:drop(active):not(:disabled) {
    color: @theme_accent_color;
    box-shadow: inset 0 1px @theme_accent_color, inset 0 -1px @theme_accent_color; 
}
placessidebar row:drop(active):not(:disabled) label {
    color: @theme_accent_color;
}
placessidebar row:drop(active):not(:disabled):selected {
    color: @theme_selected_fg_color;
    background-color: @theme_accent_color;
}

placesview .server-list-button > image {
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -gtk-icon-transform: rotate(0turn);
}
placesview .server-list-button:checked > image {
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -gtk-icon-transform: rotate(-0.5turn);
}
placesview row.activatable:hover {
    background-color: transparent;
}
placesview > actionbar > revealer > box > label {
    padding-left: 8px;
    padding-right: 8px;
}

/*********
 * Paned *
 *********/
paned > separator {
    min-width: 1px;
    min-height: 1px;
    -gtk-icon-source: none;
    -GtkPaned-handle-size: 1;
    border-style: none;
    background-color: transparent;
    background-image: image(@theme_bg_color);
    background-size: 1px 1px;
}
paned > separator:selected {
    background-image: image(@theme_bg_color);
}
paned > separator:backdrop {
    background-image: image(@theme_bg_color);
}
paned > separator.wide {
    min-width: 1px;
    min-height: 1px;
    background-color: @theme_bg_color;
    background-image: image(@theme_bg_color);
    background-size: 1px 1px, 1px 1px;
}
paned > separator.wide:backdrop {
    background-color: @theme_bg_color;
    background-image: image(@theme_bg_color);
}

paned.horizontal > separator {
    background-repeat: repeat-y; 
}
paned.horizontal > separator:dir(ltr) {
    margin: 0 -8px 0 0;
    padding: 0 8px 0 0;
    background-position: left; 
}
paned.horizontal > separator:dir(rtl) {
    margin: 0 0 0 -8px;
    padding: 0 0 0 8px;
    background-position: right; 
}
paned.horizontal > separator.wide {
    margin: 0;
    padding: 0;
    background-repeat: repeat-y, repeat-y;
    background-position: left, right; 
}

paned.vertical > separator {
    margin: 0 0 -8px 0;
    padding: 0 0 8px 0;
    background-repeat: repeat-x;
    background-position: top; 
}
paned.vertical > separator.wide {
    margin: 0;
    padding: 0;
    background-repeat: repeat-x, repeat-x;
    background-position: bottom, top; 
}

/************
 * Tooltips *
 ************/
tooltip {
    padding: 4px; 
    /* not working */
    border-radius: 5px;
    box-shadow: none;
    text-shadow: 0 1px #000000; 
}
tooltip.background {
    background-color: rgba(0, 0, 0, 0.8);
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.1); 
}
tooltip decoration {
    background-color: transparent; 
}
tooltip * {
    padding: 4px; 
    background-color: transparent;
    color: @tooltip_fg;
}

/*****************
 * Color Chooser *
 *****************/
colorswatch:drop(active), 
colorswatch {
    border-style: none; 
}

colorswatch.top {
    border-top-left-radius: 5.5px;
    border-top-right-radius: 5.5px; 
}
colorswatch.top overlay {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
}

colorswatch.bottom {
    border-bottom-left-radius: 5.5px;
    border-bottom-right-radius: 5.5px; 
}
colorswatch.bottom overlay {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; 
}

colorswatch.left, 
colorswatch:first-child:not(.top) {
    border-top-left-radius: 5.5px;
    border-bottom-left-radius: 5.5px; 
}
colorswatch.left overlay, 
colorswatch:first-child:not(.top) overlay {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; 
}

colorswatch.right, 
colorswatch:last-child:not(.bottom) {
    border-top-right-radius: 5.5px;
    border-bottom-right-radius: 5.5px; 
}
colorswatch.right overlay, 
colorswatch:last-child:not(.bottom) overlay {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; 
}

colorswatch.dark {
    outline-color: rgba(255, 255, 255, 0.6); 
}
colorswatch.dark overlay {
    color: @theme_fg_color; 
}
colorswatch.dark overlay:hover {
    border-color: rgba(0, 0, 0, 0.8); 
}
colorswatch.dark overlay:backdrop {
    color: rgba(255, 255, 255, 0.5); 
}

colorswatch.light {
    outline-color: rgba(0, 0, 0, 0.6); 
}
colorswatch.light overlay {
    color: @theme_fg_color;
}
colorswatch.light overlay:hover {
    border-color: @separator;
}
colorswatch.light overlay:backdrop {
    color: @theme_fg_color;
}

colorswatch:drop(active) {
    box-shadow: none; 
}
colorswatch.light:drop(active) overlay {
    border-color: @theme_accent_color;
    box-shadow: inset 0 0 0 2px @border_normal, inset 0 0 0 1px @theme_accent_color; 
}
colorswatch.dark:drop(active) overlay {
    border-color: @theme_accent_color;
    box-shadow: inset 0 0 0 2px @border_normal, inset 0 0 0 1px @theme_accent_color; 
}

colorswatch overlay {
    border: 1px solid rgba(0, 0, 0, 0.3); 
}
colorswatch overlay:hover {
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); 
}
colorswatch overlay:backdrop, 
colorswatch overlay:backdrop:hover {
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: none; 
}

colorswatch#add-color-button {
    border-radius: 5px 5px 0 0; 
}
colorswatch#add-color-button:only-child {
    border-radius: 5px; 
}
colorswatch#add-color-button overlay {
    color: @theme_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @separator;
    background-image: linear-gradient(to bottom, @button_bgcirc_a, @button_bgcirc_b, @button_bgcirc_c);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
colorswatch#add-color-button overlay:hover {
    color: @theme_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @separator;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
    background-image: linear-gradient(to bottom, @button_bgcirc_a_hov, @button_bgcirc_b_hov, @button_bgcirc_c_hov);
}
colorswatch#add-color-button overlay:backdrop {
    border-color: @unfocused_borders;
    background-image: image(@theme_bg_color);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}

colorswatch:disabled {
    opacity: 0.5; 
}
colorswatch:disabled overlay {
    border-color: rgba(0, 0, 0, 0.6);
    box-shadow: none; 
}

row:selected colorswatch {
    box-shadow: 0 0 0 2px @theme_fg_color; 
}

colorswatch#editor-color-sample {
    border-radius: 4px; 
}
colorswatch#editor-color-sample overlay {
    border-radius: 4.5px; 
}

colorchooser .popover.osd {
    border-radius: 5px; 
}

/********
 * Misc *
 ********/
.content-view {
    background-color: @view_bg;
}
.content-view:hover {
    -gtk-icon-effect: highlight; 
}
.content-view:backdrop {
    background-color: @view_bg;
}

.osd .scale-popup button.flat {
    border-style: none;
    border-radius: 5px; 
}

.scale-popup button:hover {
    background-color: rgba(61, 61, 61, 0.1);
    border-radius: 5px; 
}

/**********************
 * Window Decorations *
 *********************/
decoration {
    border-radius: 7px 7px 0 0;
    border-width: 1px;
    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
    margin: 10px; 
}
decoration:backdrop {
    box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18);
    transition: 200ms ease-out; 
}
.maximized decoration, 
.fullscreen decoration, 
.tiled decoration, 
.tiled-top decoration, 
.tiled-right decoration, 
.tiled-bottom decoration, 
.tiled-left decoration {
    border-radius: 0; 
    box-shadow: none;
}
.popup decoration {
    box-shadow: none; 
}
.ssd decoration {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); 
}
.csd.popup decoration {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); 
}
tooltip.csd decoration {
    border-radius: 5px;
    box-shadow: none; 
}
messagedialog.csd decoration {
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); 
}

.solid-csd decoration {
    margin: 0;
    padding: 4px;
    border-radius: 0;
    background-color: @border_normal;
    border: solid 1px @border_normal;
    box-shadow: inset 0 0 0 3px @theme_bg_color, inset 0 1px rgba(238, 238, 236, 0.07);
}
.solid-csd decoration:backdrop {
    box-shadow: inset 0 0 0 3px @theme_bg_color, inset 0 1px rgba(238, 238, 236, 0.07);
}


button.titlebutton {
    text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
}
button.titlebutton:not(.appmenu) {
    border-radius: 9999px;
    padding: 6px;
    margin: 0 2px;
    min-width: 0;
    min-height: 0; 
}
button.titlebutton:backdrop {
    -gtk-icon-shadow: none; 
}

.selection-mode headerbar button.titlebutton,
.selection-mode .titlebar buttton.titlebutton,
headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton {
    text-shadow: 0 -1px rgba(0, 0, 0, 0.73098);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73098); 
}
.selection-mode headerbar button.titlebutton:backdrop,
.selection-mode .titlebar buttton.titlebutton:backdrop,
headerbar.selection-mode button.titlebutton:backdrop,
.titlebar.selection-mode button.titlebutton:backdrop {
    -gtk-icon-shadow: none; 
}

.view:selected:focus, 
.view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
textview text:selected, 
.view text selection:focus, 
.view text selection,
textview text selection:focus,
textview text selection, 
iconview:selected:focus, 
iconview:selected, 
iconview text selection:focus, 
.view text selection, 
iconview text selection, 
flowbox flowboxchild:selected,
entry selection, 
modelbutton.flat:selected,
.menuitem.button.flat:selected, 
spinbutton:not(.vertical) selection, 
treeview.view:selected:focus, 
treeview.view:selected, 
row:selected, 
calendar:selected {
    color: @theme_selected_fg_color;
    background-color: @theme_accent_color;
}
row:selected label, 
label:selected, 
.selection-mode button.titlebutton, 
.view:selected:focus, 
.view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
textview text:selected, 
.view text selection:focus, 
.view text selection,
textview text selection:focus,
textview text selection, 
iconview:selected:focus, 
iconview:selected, 
iconview text selection:focus, 
.view text selection, 
iconview text selection, 
flowbox flowboxchild:selected,
entry selection,
modelbutton.flat:selected,
.menuitem.button.flat:selected, 
spinbutton:not(.vertical) selection, 
treeview.view:selected:focus, 
treeview.view:selected, 
row:selected, 
calendar:selected {
    color: @theme_selected_fg_color; 
}
label:disabled selection, 
label:disabled:selected, 
.selection-mode button.titlebutton:disabled, 
.view:disabled:selected,
textview text:disabled:selected:focus,
.view text:disabled:selected,
textview text:disabled:selected, 
.view text selection:disabled,
textview text selection:disabled:focus,
textview text selection:disabled, 
iconview:disabled:selected:focus, 
iconview:disabled:selected, 
iconview text selection:disabled:focus, 
iconview text selection:disabled, 
flowbox flowboxchild:disabled:selected,
entry selection:disabled, 
modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, 
spinbutton:not(.vertical) selection:disabled, 
treeview.view:disabled:selected, 
row:disabled:selected, 
calendar:disabled:selected {
    color: @theme_fg_color_sel
}

label:backdrop selection, 
label:backdrop:selected, 
.selection-mode button.titlebutton:backdrop, 
.view:backdrop:selected,
textview text:backdrop:selected:focus,
.view text:backdrop:selected,
textview text:backdrop:selected, 
.view text selection:backdrop,
textview text selection:backdrop:focus,
textview text selection:backdrop, 
iconview:backdrop:selected:focus, 
iconview:backdrop:selected, 
iconview text selection:backdrop:focus, 
iconview text selection:backdrop, 
flowbox flowboxchild:backdrop:selected,
entry selection:backdrop, 
modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, 
spinbutton:not(.vertical) selection:backdrop, 
treeview.view:backdrop:selected, 
row:backdrop:selected, 
calendar:backdrop:selected {
    color: @theme_selected_fg_color;
    background-color: @theme_selected_bg_color;
}
label:backdrop selection:disabled, 
label:backdrop:disabled:selected, 
.selection-mode button.titlebutton:backdrop:disabled, 
.view:backdrop:disabled:selected,
.view text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, 
.view text selection:backdrop:disabled,
textview text selection:backdrop:disabled, 
iconview:backdrop:disabled:selected, 
iconview text selection:backdrop:disabled, 
flowbox flowboxchild:backdrop:disabled:selected,
entry selection:backdrop:disabled, 
modelbutton.flat:backdrop:disabled:selected,
.menuitem.button.flat:backdrop:disabled:selected, 
spinbutton:not(.vertical) selection:backdrop:disabled, 
row:backdrop:disabled:selected, 
calendar:backdrop:disabled:selected {
    color: @theme_accent_color;
}

.monospace {
    font-family: monospace; 
}

/**********************
 * Touch Copy & Paste *
 *********************/
cursor-handle {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border-style: none; 
}
cursor-handle.top:dir(ltr), 
cursor-handle.bottom:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png"));
    padding-left: 10px; 
}
cursor-handle.bottom:dir(ltr), 
cursor-handle.top:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png"));
    padding-right: 10px; 
}
cursor-handle.insertion-cursor:dir(ltr), 
cursor-handle.insertion-cursor:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); 
}
cursor-handle.top:hover:dir(ltr), 
cursor-handle.bottom:hover:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png"));
    padding-left: 10px; 
}
cursor-handle.bottom:hover:dir(ltr), 
cursor-handle.top:hover:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png"));
    padding-right: 10px; 
}
cursor-handle.insertion-cursor:hover:dir(ltr), 
cursor-handle.insertion-cursor:hover:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); 
}
cursor-handle.top:active:dir(ltr), 
cursor-handle.bottom:active:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png"));
    padding-left: 10px; 
}
cursor-handle.bottom:active:dir(ltr), 
cursor-handle.top:active:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png"));
    padding-right: 10px; 
}
cursor-handle.insertion-cursor:active:dir(ltr), 
cursor-handle.insertion-cursor:active:dir(rtl) {
    -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); 
}

.context-menu {
    font: initial; 
}

.keycap {
    min-width: 20px;
    min-height: 25px;
    margin-top: 2px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 6px;
    color: @theme_fg_color;
    background-color: @view_bg;
    border: 1px solid;
    border-color: @separator;
    border-radius: 5px;
    box-shadow: inset 0 -3px #1e2224;
    font-size: smaller;
}
.keycap:backdrop {
    background-color: @view_bg;
    color: @theme_fg_color_dis;
    transition: 200ms ease-out;
}

:not(decoration):not(window):drop(active):focus,
:not(decoration):not(window):drop(active) {
    border-color: @theme_accent_color;
    box-shadow: inset 0 0 0 1px @theme_accent_color;
    caret-color: @theme_accent_color;
}

/*************
 * App Icons *
 *************/
/* Outline for low res icons */
.lowres-icon {
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); 
}

/* Dropshadow for large icons */
.icon-dropshadow {
    -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); 
}

/*********
 * Emoji *
 ********/
popover.emoji-picker {
    padding-left: 0;
    padding-right: 0; 
}
popover.emoji-picker entry.search {
    margin: 3px 5px 5px 5px; 
}

button.emoji-section {
    border-color: transparent;
    border-width: 3px;
    border-style: none none solid;
    border-radius: 0;
    margin: 2px 4px 2px 4px;
    padding: 3px 0 0;
    min-width: 32px;
    min-height: 28px;
    /* reset props inherited from the button style */
    background: none;
    box-shadow: none;
    text-shadow: none;
    outline-offset: -5px; 
}
button.emoji-section:first-child {
    margin-left: 7px; 
}
button.emoji-section:last-child {
    margin-right: 7px; 
}
button.emoji-section:backdrop:not(:checked) {
    border-color: transparent; 
}
button.emoji-section:hover {
    border-color: @border_normal; 
}
button.emoji-section:checked {
    border-color: @theme_accent_color;
}
button.emoji-section label {
    padding: 0;
    opacity: 0.55; 
}
button.emoji-section:hover label {
    opacity: 0.775; 
}
button.emoji-section:checked label {
    opacity: 1; 
}

popover.emoji-picker .emoji {
    font-size: x-large;
    padding: 6px; 
}
popover.emoji-picker .emoji :hover {
    background: @theme_accent_color;
    border-radius: 6px; 
}

popover.emoji-completion arrow {
    border: none;
    background: none; }

popover.emoji-completion contents row box {
    padding: 2px 10px; }

popover.emoji-completion .emoji:hover {
    background: rgba(61, 61, 61, 0.15); 
}

/* set $ambiance to null, unless already defined */
/***********
 * Tweak Tool *
 ***********/
list.tweak-categories separator {
    background: transparent; 
}

/***********
   * Nautilus *
   ***********/
.nautilus-window {
    background-image: none;
    background-color: @view_bg;
}
.nautilus-window:backdrop {
    background-color: @view_bg;
}
/*.nautilus-window infobar {
    background-color: #e6e6e6; 
}
.nautilus-window infobar:backdrop {
    background-color: @theme_fg_color; 
}*/
.nautilus-window paned box.floating-bar {
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-radius: 4px 0 0 0; 
}
/*.nautilus-window paned box.floating-bar button.circular.flat.image-button:dir(ltr) {
    background: radial-gradient(circle at 50%, @theme_fg_color 35%, @theme_fg_color 1%);
    color: #c7162b; 
}
.nautilus-window paned box.floating-bar button.circular.flat.image-button:dir(ltr):hover {
    border: 1px solid #c4c4c4;
    background: radial-gradient(circle at 50%, @theme_fg_color 30%, rgba(61, 61, 61, 0.05) 16%);
    color: #de1930; 
}*/
.nautilus-window .searchbar-container searchbar {
    background: transparent;
    border-color: transparent; 
}

.nautilus-window .nautilus-list-view .view, 
.nautilus-window .nautilus-list-view iconview {
    border-bottom: 1px solid rgba(128, 128, 128, 0.2); 
}
.nautilus-window .nautilus-list-view .view.dnd, 
.nautilus-window .nautilus-list-view iconview.dnd {
    border-style: none; 
}
.nautilus-window paned > separator {
    background-image: image(@separator); 
}
.nautilus-window paned > separator:backdrop {
    background-image: image(@separator); 
}

.nautilus-window .nautilus-canvas-item {
    outline-width: 0;
    color: @theme_fg_color;
    background-color: rgba(255, 255, 255, 0.1); 
}
.nautilus-window .nautilus-canvas-item:selected:dir(ltr),
.nautilus-window:backdrop .nautilus-canvas-item:selected:dir(ltr) {
    border-radius: 3px;
    color: @theme_fg_color;
    background-color: alpha(@selected_bg_color, 0.6);
    border: 1px solid alpha(@selected_border_color, 0.6); 
}
.nautilus-window .nautilus-canvas-item:selected:not(:dir(ltr)),
.nautilus-window:backdrop .nautilus-canvas-item:selected:not(:dir(ltr)) {
    border-radius: 3px;
    color: @theme_fg_color;
    background-color: rgba(200, 200, 200, 0.1); 
}
.nautilus-window treeview:drop(active):focus {
    border-top: 1px solid @theme_accent_color; 
    border-bottom: 1px solid @theme_accent_color;
    box-shadow: inset 0 0 0 9999px alpha(@theme_accent_color, 1.0);
}

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

.disk-space-display.unknown {
    background-color: #fafafa;
    border-color: rgba(250, 250, 250, 0.3);
    color: #fafafa; 
}

.disk-space-display.unknown.border {
    color: rgba(250, 250, 250, 0.3); }

.disk-space-display.used {
    background-color: #924D8B;
    border-color: rgba(146, 77, 139, 0.3);
    color: #924D8B; 
}

.disk-space-display.used.border {
    color: rgba(146, 77, 139, 0.3); }

.disk-space-display.free {
    background-color: #dedede;
    border-color: rgba(222, 222, 222, 0.3);
    color: #dedede; 
}

.disk-space-display.free.border {
    color: rgba(222, 222, 222, 0.3); 
}*/

/************
 * Terminal *
 ************/
terminal-window .terminal-screen {
    -TerminalScreen-background-darkness: 0.8;
    background-color: #000;
    color: @terminal_fg;
}
terminal-window .terminal-screen:backdrop {
    -TerminalScreen-background-darkness: 0.8;
    background-color: #000;
    color: @terminal_fg;
}

terminal-window notebook scrollbar {
    background-color: transparent;
    border-color: transparent; 
}
terminal-window notebook scrollbar:backdrop {
    background-color: transparent;
    border-color: transparent; 
}
terminal-window notebook scrollbar slider {
    margin: 0;
    border-width: 3px; 
}
terminal-window notebook scrollbar slider:backdrop {
    background-color: alpha(currentColor,0.1); 
}
terminal-window notebook scrollbar slider:disabled {
    background-color: transparent; 
}
terminal-window notebook scrollbar.dragging, 
terminal-window notebook scrollbar.hovering {
    background-color: transparent; 
}

/******************
   * GNOME Software *
   ******************/
.review-row {
    margin-bottom: 10px;
    padding: 6px 12px;
    box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.25);
    outline-offset: -1px; 
}
.review-row, 
.review-row:not(:selected):not(:backdrop):hover, 
.review-row:not(:selected):not(:backdrop):active {
    background-color: @view_bg; 
}
.review-row:backdrop {
    background-color: @view_bg; 
}
.review-row:last-child {
    margin-bottom: 0; 
}
.review-row > grid {
    margin-top: -24px; 
}

.app-listbox-header {
    background-color: @view_bg;
    color: #fff;  
}

.list-box-app-row {
    border-radius: 0;
    border-width: 1px 1px 1px 1px;
}
.list-box-app-row ~ separator {
    background-color: @separator;
    border: none;
    min-height: 1px; 
}

box > list row.list-box-app-row {
    border: none; 
}

.counter-label {
    margin-top: 2px;
    margin-bottom: 2px;
    border-width: 0px;
    padding-left: 2px;
    padding-right: 2px;
    background-image: linear-gradient(to bottom, @infobar_bg_a, @infobar_bg_b);
    border: 1px solid @infobar_border;
}

/*********
   * Gedit *
   **********/
.gedit-bottom-panel-paned ~ statusbar {
    border-top: 1px solid @borders; 
}
.gedit-bottom-panel-paned ~ statusbar:backdrop {
    border-color: @borders; 
}

.gedit-search-slider {
    background-color: @theme_base_color;
    border: 1px solid @borders;
    border-top-style: none;
    padding: 6px 8px;
    border-radius: 0 0 5px 5px; 
}
.gedit-search-slider:backdrop {
    background-color: @inline_bg;
    border-color: @borders; 
}

.gedit-search-entry-occurrences-tag {
    border: none;
    box-shadow: none;
    margin: 0px 4px;
    padding: 0px;
    background: none; 
}

.gedit-document-panel {
    background-color: @theme_base_color;
}
.gedit-document-panel row.activatable {
    padding: 6px; 
}
.gedit-document-panel row button {
    min-width: 22px;
    min-height: 22px;
    padding: 0;
    margin: 0;
    border: none; 
}
.gedit-document-panel row:hover button:hover {
    background-color: rgba(61, 61, 61, 0.15); 
}
.gedit-document-panel row:hover button:active {
    background-color: rgba(61, 61, 61, 0.25); 
}
.gedit-document-panel row:hover:selected button:hover {
    color: @theme_fg_color; 
}

/*************
  * GNOME Disk Usage *
  **************/
.pathbar {
    box-shadow: inset 0 0 0 9999px alpha(@pathbar_bg, 1.0);
    background-color: @pathbar_bdr;
}

.pathbar button,
.pathbar button.text-button,
.pathbar button.image-button,
.pathbar button:backdrop,
.pathbar button:backdrop.text-button,
.pathbar button:backdrop.image-button {
    background-image: none;
    background-color: transparent;
    background: none;
    border-radius: 0;
    border-right-width: 0px;
    border-left-width: 0px;
    margin: 0px;
    /*border: none;*/
    box-shadow: none;
}

/* dim the icon when not checked */
.pathbar button:not(:checked) image {
    opacity: 0.8;
}

.pathbar button,
.pathbar button.text-button,
.pathbar button.image-button,
.pathbar button:backdrop,
.pathbar button:backdrop.text-button,
.pathbar button:backdrop.image-button {
    border-right: 1px solid rgba(0,0,0,0.3);
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left: 1px solid transparent;
    opacity: 1.0;
}

.pathbar button:hover,
.pathbar button.text-button:hover,
.pathbar button.image-button:hover,
.pathbar button:backdrop:hover,
.pathbar button:backdrop.text-button:hover,
.pathbar button:backdrop.image-button:hover {
    background: linear-gradient(to bottom, rgba(128,128,128,0.5), rgba(128,128,128,0.5));
    border-right: 1px solid rgba(0,0,0,0.3);
    border-left: 1px solid transparent;
}

.pathbar button:active,
.pathbar button:checked,
.pathbar button.text-button:active,
.pathbar button.text-button:checked,
.pathbar button.image-button:active,
.pathbar button.image-button:checked,
.pathbar button:backdrop:active,
.pathbar button:backdrop:checked,
.pathbar button:backdrop.text-button:active,
.pathbar button:backdrop.text-button:checked,
.pathbar button:backdrop.image-button:active,
.pathbar button:backdrop.image-button:checked {
    background: linear-gradient(to bottom, rgba(128,128,128,0.5), rgba(128,128,128,0.5));
    border-right: 1px solid rgba(0,0,0,0.3);
    border-left: 1px solid transparent;
}


/*************
  * GNOME ToDo *
  **************/
.org-gnome-Todo taskrow.activatable.new-task-row button.popup.toggle {
    border-radius: 0px;
    border: none;
    border-left: 1px solid @borders;
    padding-left: 10px;
    padding-right: 10px;
    -gtk-outline-radius: 0px; 
}

.org-gnome-Todo viewport.view, 
.org-gnome-Todo listbox.transparent {
    background-color: @theme_base_color; 
}
.org-gnome-Todo viewport.view:backdrop, 
.org-gnome-Todo listbox.transparent:backdrop {
    background-color: @theme_base_color;  
}

/***********
   * Firefox *
   ***********
#MozillaGtkWidget.background menu, 
#MozillaGtkWidget.background .menu,
#MozillaGtkWidget.background .context-menu {
    border-radius: 0; 
}

#MozillaGtkWidget.background menubar,
#MozillaGtkWidget.background .menubar,
#MozillaGtkWidget.background menubar > menuitem:hover {
    background-color: @theme_base_color;
    color: @theme_fg_color; 
}

#MozillaGtkWidget.background scrollbar {
    background-color: transparent;
    border-color: transparent; 
}
#MozillaGtkWidget.background scrollbar slider {
    background-color: #6e6e6e; 
}
#MozillaGtkWidget.background scrollbar slider:hover {
    background-color: #494949; 
}
#MozillaGtkWidget.background scrollbar slider:hover:active {
    background-color: #c34113; 
}
#MozillaGtkWidget.background scrollbar slider:backdrop {
    background-color: #bbbbbb; 
}
#MozillaGtkWidget.background scrollbar slider:disabled {
    background-color: transparent; 
}
#MozillaGtkWidget.background scrollbar trough {
    background-color: rgba(247, 247, 247, 0.2); 
}

normal-button {
    color: #3D3D3D;
    outline-color: rgba(239, 134, 97, 0.7);
    border-color: @border_normal;
    background-image: image(#fcfcfc);
    text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
    box-shadow: 0 1px rgba(0, 0, 0, 0.05); 
}
normal-button:hover {
    color: #3D3D3D;
    outline-color: rgba(239, 134, 97, 0.7);
    border-color: @border_normal;
    border-bottom-color: #bababa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
    box-shadow: inset 0 1px @theme_fg_color, 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px rgba(0, 0, 0, 0.15);
    background-image: image(@theme_fg_color); 
}
normal-button:active {
    color: #3D3D3D;
    outline-color: rgba(239, 134, 97, 0.7);
    border-color: @border_normal;
    background-image: image(lightgray);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; 
}
normal-button:disabled {
    color: #9a9a9a;
    border-color: @border_normal;
    background-image: image(#fafafa);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
}
*/
/***********
   * Ubiquity *
   ***********
#live_installer #title_eventbox {
    background-color: @theme_fg_color;
    color: #3D3D3D; 
}
#live_installer #title_eventbox:backdrop {
    background-color: @theme_fg_color;
    color: #626262; 
}

#live_installer #dot_grid progressbar {
    border-radius: 100%;
    padding: 1px;
    padding-top: 2px;
    background-color: @theme_fg_color;
    border: 1px solid #924D8B; 
}
#live_installer #dot_grid progressbar .empty {
    border-radius: 100%;
    background-color: @theme_fg_color;
    padding: 0px; 
}
#live_installer #dot_grid progressbar .full progress {
    border-radius: 100%;
    padding: 1px;
    padding-top: 2px;
    margin-bottom: 2px; 
}

#dialog-action_area1 {
    padding-bottom: 5px;
    padding-right: 5px; 
}
*/
/***********
   * Geary *
   ***********/
.geary-expanded headerbar {
    border: none; 
}

/***********
   * usb-creator-gtk *
   ***********/
#dialog-action_area3 {
    margin: 5px; 
}

/***********
   * Evolution *
   ***********/
assistant.background scrolledwindow .vertical checkbutton {
    margin-left: 1px; 
}


headerbar *, 
button * {
    text-shadow: none;
    -gtk-icon-shadow: none; 
}

button > image {
    padding: 0px 4px; 
}

button.titlebutton:not(.appmenu) {
    min-height: 24px;
    min-width: 24px;
    padding: 2px; 
}

headerbar button.titlebutton.maximize:not(.appmenu):hover, 
headerbar button.titlebutton.maximize:not(.appmenu):backdrop:hover, 
headerbar button.titlebutton.minimize:not(.appmenu):hover, 
headerbar button.titlebutton.minimize:not(.appmenu):backdrop:hover, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):hover, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):backdrop:hover, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):hover, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):backdrop:hover, 
button.titlebutton.maximize:not(.appmenu):hover, 
button.titlebutton.maximize:not(.appmenu):backdrop:hover, 
button.titlebutton.minimize:not(.appmenu):hover, 
button.titlebutton.minimize:not(.appmenu):backdrop:hover {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(#4f4f4f), to(transparent)); 
}
headerbar button.titlebutton.maximize:not(.appmenu):active, 
headerbar button.titlebutton.maximize:not(.appmenu):backdrop:active, 
headerbar button.titlebutton.minimize:not(.appmenu):active, 
headerbar button.titlebutton.minimize:not(.appmenu):backdrop:active, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):active, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):backdrop:active, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):active, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):backdrop:active, 
button.titlebutton.maximize:not(.appmenu):active, 
button.titlebutton.maximize:not(.appmenu):backdrop:active, 
button.titlebutton.minimize:not(.appmenu):active, 
button.titlebutton.minimize:not(.appmenu):backdrop:active {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(#5c5c5c), to(transparent)); 
}
headerbar button.titlebutton.close:not(.appmenu), 
headerbar.selection-mode button.titlebutton.close:not(.appmenu), 
button.titlebutton.close:not(.appmenu) {
    color: @theme_fg_color;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/close.svg")); 
}
headerbar button.titlebutton.close:not(.appmenu):hover, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):hover, 
button.titlebutton.close:not(.appmenu):hover {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(@theme_accent_color), to(transparent));
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(@theme_accent_color), to(transparent)); 
}
headerbar button.titlebutton.close:not(.appmenu):active, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):active, 
button.titlebutton.close:not(.appmenu):active {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(@theme_accent_color), to(transparent));
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(@theme_accent_color), to(transparent)); 
}
headerbar button.titlebutton.close:not(.appmenu):backdrop, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):backdrop, 
button.titlebutton.close:not(.appmenu):backdrop {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(#636363), to(transparent)); 
}
headerbar button.titlebutton.close:not(.appmenu):backdrop:hover, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):backdrop:hover, 
button.titlebutton.close:not(.appmenu):backdrop:hover {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.3571428571, to(#707070), to(transparent)); 
}

/***************************************************************************************************
 * App Notifications *
 **************************************************************************************************/
.app-notification,
.app-notification.frame {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    background-color: rgba(28, 31, 32, 0.7);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
    background-clip: padding-box;
}
.app-notification:backdrop,
.app-notification.frame:backdrop {
    background-image: none;
    transition: 200ms ease-out;
}
.app-notification border,
.app-notification.frame border {
    border: none;
}

.app-notification button.text-button, 
.app-notification button.image-button, 
.app-notification button, 
.app-notification button.text-button:dir(ltr), 
.app-notification button.image-button:dir(ltr), 
.app-notification button:dir(ltr), 
.app-notification button.text-button:dir(rtl), 
.app-notification button.image-button:dir(rtl), 
.app-notification button:dir(rtl),
.app-notification.frame button.text-button,
.app-notification.frame button.image-button,
.app-notification.frame button,
.app-notification.frame button.text-button:dir(ltr),
.app-notification.frame button.image-button:dir(ltr),
.app-notification.frame button:dir(ltr),
.app-notification.frame button.text-button:dir(rtl),
.app-notification.frame button.image-button:dir(rtl),
.app-notification.frame button:dir(rtl) {
    color: #fff;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(28, 31, 32, 0.7));
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.app-notification button.text-button.flat, 
.app-notification button.image-button.flat, 
.app-notification button.flat, 
.app-notification button.text-button.flat:dir(ltr), 
.app-notification button.image-button.flat:dir(ltr), 
.app-notification button.flat:dir(ltr), 
.app-notification button.text-button.flat:dir(rtl), 
.app-notification button.image-button.flat:dir(rtl), 
.app-notification button.flat:dir(rtl),
.app-notification.frame button.text-button.flat,
.app-notification.frame button.image-button.flat,
.app-notification.frame button.flat,
.app-notification.frame button.text-button.flat:dir(ltr),
.app-notification.frame button.image-button.flat:dir(ltr),
.app-notification.frame button.flat:dir(ltr),
.app-notification.frame button.text-button.flat:dir(rtl),
.app-notification.frame button.image-button.flat:dir(rtl),
.app-notification.frame button.flat:dir(rtl) {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
}
.app-notification button.text-button:hover, 
.app-notification button.image-button:hover, 
.app-notification button:hover, 
.app-notification button.text-button:dir(ltr):hover, 
.app-notification button.image-button:dir(ltr):hover, 
.app-notification button:dir(ltr):hover, 
.app-notification button.text-button:dir(rtl):hover, 
.app-notification button.image-button:dir(rtl):hover, 
.app-notification button:dir(rtl):hover,
.app-notification.frame button.text-button:hover,
.app-notification.frame button.image-button:hover,
.app-notification.frame button:hover,
.app-notification.frame button.text-button:dir(ltr):hover,
.app-notification.frame button.image-button:dir(ltr):hover,
.app-notification.frame button:dir(ltr):hover,
.app-notification.frame button.text-button:dir(rtl):hover,
.app-notification.frame button.image-button:dir(rtl):hover,
.app-notification.frame button:dir(rtl):hover {
    color: #fff;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(57, 63, 65, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.app-notification button.text-button:active, 
.app-notification button.image-button:active, 
.app-notification button:active, 
.app-notification button.text-button:dir(ltr):active, 
.app-notification button.image-button:dir(ltr):active, 
.app-notification button:dir(ltr):active, 
.app-notification button.text-button:dir(rtl):active, 
.app-notification button.image-button:dir(rtl):active, 
.app-notification button:dir(rtl):active,
.app-notification.frame button.text-button:active,
.app-notification.frame button.image-button:active,
.app-notification.frame button:active,
.app-notification.frame button.text-button:dir(ltr):active,
.app-notification.frame button.image-button:dir(ltr):active,
.app-notification.frame button:dir(ltr):active,
.app-notification.frame button.text-button:dir(rtl):active,
.app-notification.frame button.image-button:dir(rtl):active,
.app-notification.frame button:dir(rtl):active {
    color: #fff;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(0, 0, 0, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.app-notification button.text-button:backdrop, 
.app-notification button.image-button:backdrop, 
.app-notification button:backdrop, 
.app-notification button.text-button:dir(ltr):backdrop, 
.app-notification button.image-button:dir(ltr):backdrop, 
.app-notification button:dir(ltr):backdrop, 
.app-notification button.text-button:dir(rtl):backdrop, 
.app-notification button.image-button:dir(rtl):backdrop, 
.app-notification button:dir(rtl):backdrop,
.app-notification.frame button.text-button:backdrop,
.app-notification.frame button.image-button:backdrop,
.app-notification.frame button:backdrop,
.app-notification.frame button.text-button:dir(ltr):backdrop,
.app-notification.frame button.image-button:dir(ltr):backdrop,
.app-notification.frame button:dir(ltr):backdrop,
.app-notification.frame button.text-button:dir(rtl):backdrop,
.app-notification.frame button.image-button:dir(rtl):backdrop,
.app-notification.frame button:dir(rtl):backdrop {
    color: #fff;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(28, 31, 32, 0.7));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.app-notification button.text-button.flat:backdrop, 
.app-notification button.image-button.flat:backdrop, 
.app-notification button.flat:backdrop, 
.app-notification button.text-button.flat:dir(ltr):backdrop, 
.app-notification button.image-button.flat:dir(ltr):backdrop, 
.app-notification button.flat:dir(ltr):backdrop, 
.app-notification button.text-button.flat:dir(rtl):backdrop, 
.app-notification button.image-button.flat:dir(rtl):backdrop, 
.app-notification button.flat:dir(rtl):backdrop,
.app-notification.frame button.text-button.flat:backdrop,
.app-notification.frame button.image-button.flat:backdrop,
.app-notification.frame button.flat:backdrop,
.app-notification.frame button.text-button.flat:dir(ltr):backdrop,
.app-notification.frame button.image-button.flat:dir(ltr):backdrop,
.app-notification.frame button.flat:dir(ltr):backdrop,
.app-notification.frame button.text-button.flat:dir(rtl):backdrop,
.app-notification.frame button.image-button.flat:dir(rtl):backdrop,
.app-notification.frame button.flat:dir(rtl):backdrop {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.app-notification button.text-button:disabled,
.app-notification button.image-button:disabled, 
.app-notification button:disabled, 
.app-notification button.text-button:dir(ltr):disabled, 
.app-notification button.image-button:dir(ltr):disabled, 
.app-notification button:dir(ltr):disabled, 
.app-notification button.text-button:dir(rtl):disabled, 
.app-notification button.image-button:dir(rtl):disabled, 
.app-notification button:dir(rtl):disabled,
.app-notification.frame button.text-button:disabled,
.app-notification.frame button.image-button:disabled,
.app-notification.frame button:disabled,
.app-notification.frame button.text-button:dir(ltr):disabled,
.app-notification.frame button.image-button:dir(ltr):disabled,
.app-notification.frame button:dir(ltr):disabled,
.app-notification.frame button.text-button:dir(rtl):disabled,
.app-notification.frame button.image-button:dir(rtl):disabled,
.app-notification.frame button:dir(rtl):disabled {
    color: #999;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(rgba(49, 52, 52, 0.5));
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.app-notification:backdrop,
.app-notification.frame:backdrop {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    background-color: rgba(28, 31, 32, 0.7);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
    background-clip: padding-box;
}
.app-notification border,
.app-notification.frame border {
    border: none; 
}

*:not(button) {
    outline-color: alpha(currentColor,0.3);
    outline-style: none;
    outline-width: 1px;
    -gtk-outline-radius: 2px; 
}/*
:selected *:not(button) {
    outline-color: alpha(#ffffff, 0.6); 
}*/

button {
    outline-color: alpha(currentColor,0.3);
    outline-style: none;
    outline-offset: -3px;
    outline-width: 1px;
    -gtk-outline-radius: 3px;     
}
button.suggested-action, 
button.suggested-action:hover, 
button.suggested-action:active, 
button.destructive-action, 
button.destructive-action:hover, 
button.destructive-action:active {
    outline-color: alpha(#ffffff, 0.6); 
}

switch slider, 
switch:hover slider {
    outline-color: transparent; 
}

switch:focus {
    box-shadow: none;
}

checkbutton,
radiobutton {
    outline-offset: 1px;
    outline-width: 1px; 
}
row:selected checkbutton, 
treeview:selected checkbutton, 
row:selected radiobutton, 
treeview:selected radiobutton {
    outline-color: alpha(#ffffff, 0.6); 
}

treeview {
    outline-color: transparent;
    -gtk-outline-radius: 0px; 
}
treeview:selected {
    outline-color: transparent; 
}

menu menuitem check, 
menu menuitem check:hover, 
menu menuitem check:disabled, 
menu menuitem check:checked, 
menu menuitem check:checked:hover, 
menu menuitem check:checked:disabled, 
menu menuitem check:indeterminate, 
menu menuitem check:indeterminate:hover, 
menu menuitem check:indeterminate:disabled, 
menu menuitem radio, 
menu menuitem radio:hover, 
menu menuitem radio:disabled, 
menu menuitem radio:checked, 
menu menuitem radio:checked:hover, 
menu menuitem radio:checked:disabled, 
menu menuitem radio:indeterminate, 
menu menuitem radio:indeterminate:hover, 
menu menuitem radio:indeterminate:disabled {
    border-color: transparent; 
}

treeview.view check:selected:focus:disabled, 
treeview.view check:selected:disabled,
treeview.view radio:selected:focus:disabled,
treeview.view radio:selected:disabled {
    color: @theme_fg_color_dis; 
}

.rubberband,
rubberband,
flowbox rubberband,
treeview.view rubberband,
.content-view rubberband,
.content-view .rubberband {
    background-color: rgba(135, 135, 135, 0.2);
    border: 1px solid rgba(204, 204, 204, 0.8); 
}

button.color {
    min-height: 23px; 
}

levelbar block.high, 
levelbar block:not(.empty) {
    border-color: @theme_accent_color;
    background-color: @theme_accent_color; 
}
levelbar block.high:backdrop, 
levelbar block:not(.empty):backdrop {
    border-color: @theme_accent_color; 
}

.csd.popup decoration {
    border-radius: 4px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.23); 
}

window.background.csd.unified, 
window.background.csd.unified deck box headerbar {
    border-radius: 7px 7px 0 0; 
}

window.background.csd.unified decoration {
    border-radius: 7px; 
}

:not(.csd) headerbar button.radio {
    /*min-height: 26px;*/
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    background-image: none;
    background-color: transparent;
    background: linear-gradient(to bottom, @hdyheadbutton_bg_a, @hdyheadbutton_bg_b);
    border: 1px solid @hdyheadbutton_bdr;
    border-right-color: @hdyheadbutton_bdr_r; 
}

:not(.csd) headerbar button.radio:last-child,
:not(.csd) headerbar button.radio:last-child:backdrop {
    border-right-color: @hdyheadbutton_bdr; 
}



:not(.csd) headerbar button.radio:hover {
    background: linear-gradient(to bottom, @hdyheadbutton_bg_a, @hdyheadbutton_bg_b);
    border: 1px solid @hdyheadbutton_bdr;
    border-right-color: @hdyheadbutton_bdr_r; 
}
:not(.csd) headerbar button.radio:last-child:hover {
    border-right-color: @hdyheadbutton_bdr; 
}
:not(.csd) headerbar button.radio:active {
    background: linear-gradient(to bottom, @hdyheadbutton_chk_bg_a, @hdyheadbutton_chk_bg_b);
    border: 1px solid @hdyheadbutton_chk_bdr;
    border-right-color: @hdyheadbutton_chk_bdr_r;
}
:not(.csd) headerbar button.radio:last-child:active,
:not(.csd) headerbar button.radio:last-child:backdrop:active {
    border-right-color: @hdyheadbutton_bdr; 
}
:not(.csd) headerbar button.radio:checked {
    background: linear-gradient(to bottom, @hdyheadbutton_chk_bg_a, @hdyheadbutton_chk_bg_b);
    border: 1px solid @hdyheadbutton_chk_bdr;
    border-right-color: @hdyheadbutton_chk_bdr_r;
}
:not(.csd) headerbar button.radio:last-child:checked,
:not(.csd) headerbar button.radio:last-child:backdrop:checked {
    border-right-color: @hdyheadbutton_bdr; 
}
:not(.csd) headerbar button.radio:backdrop {
    background: linear-gradient(to bottom, @hdyheadbutton_bg_a, @hdyheadbutton_bg_b);
    border: 1px solid @hdyheadbutton_bdr;
    border-right-color: @hdyheadbutton_bdr_r; 
}
:not(.csd) headerbar button.radio:backdrop:checked {
    background: linear-gradient(to bottom, @hdyheadbutton_chk_bg_a, @hdyheadbutton_chk_bg_b);
    border: 1px solid @hdyheadbutton_chk_bdr;
    border-right-color: @hdyheadbutton_chk_bdr_r;
}

headerbar button box.horizontal.wide {
    margin-right: 18.4px;
    margin-left: 18.4px; 
}

headerbar button box.vertical.narrow label {
    margin-left: 10px;
    margin-right: 10px; 
}

window.background.csd.unified viewswitcherbar box {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0; 
}

window.background.csd.unified viewswitcherbar actionbar button.radio {
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    border-width: 0;
    border: 0;
    border-bottom: 3px solid transparent;
    background: none;
    border-top: 3px solid transparent; 
}
window.background.csd.unified viewswitcherbar actionbar button.radio:hover {
    border-bottom: 3px solid @hdybutton_bg_hov;
    background: linear-gradient(to bottom, @hdybutton_bg_hov, @hdybutton_bg_hov);
    border-top: 3px solid @hdybutton_bg_hov; 
}
window.background.csd.unified viewswitcherbar actionbar button.radio:active {
    border-bottom: 3px solid @hdybutton_bg_chk;
    background: linear-gradient(to bottom, @hdybutton_bg_chk, @hdybutton_bg_chk);
    border-top: 3px solid @theme_accent_color; 
    border-left: 1px solid @notebook_border;
    border-right: 1px solid @notebook_border;
}
window.background.csd.unified viewswitcherbar actionbar button.radio:checked {
    border-bottom: 3px solid @hdybutton_bg_chk;
    background: linear-gradient(to bottom, @hdybutton_bg_chk, @hdybutton_bg_chk);
    border-top: 3px solid @theme_accent_color; 
    border-left: 1px solid @notebook_border;
    border-right: 1px solid @notebook_border;
}
window.background.csd.unified viewswitcherbar actionbar button.radio:backdrop {
    border-bottom: 3px solid transparent;
    background: none;
    border-top: 3px solid transparent; 
}
window.background.csd.unified viewswitcherbar actionbar button.radio:backdrop:checked {
    border-bottom: 3px solid @hdybutton_bg_chk;
    background: linear-gradient(to bottom, @hdybutton_bg_chk, @hdybutton_bg_chk);
    border-top: 3px solid @theme_accent_color; 
    border-left: 1px solid @notebook_border;
    border-right: 1px solid @notebook_border;
}

row.activatable:not(:selected):backdrop,
row.activatable:not(:selected):backdrop label {
    color: @theme_fg_color;
}

headerbar,
.titlebar {
    color: @header_fg_color;
    border-color: @header_separator;
    background-image: linear-gradient(to bottom, @header_bg_a, @header_bg_b)
}
headerbar .title, 
headerbar label.title,
.titlebar .title,
.titlebar label.title {
    color: @header_fg_color; 
}
headerbar .title:backdrop, 
headerbar label.title:backdrop,
.titlebar .title:backdrop,
.titlebar label.title:backdrop {
    color: @header_fg_color; 
}
.maximized headerbar, 
.fullscreen headerbar, 
.maximized .titlebar, 
.fullscreen .titlebar {
    box-shadow: none; 
}
headerbar entry:focus,
.titlebar entry:focus {
    box-shadow: inset 0 0 0 1px @entry_border_act_shad/*, 0 1px 1px alpha(@box_shadow, 0.2)*/;
    border-color: @entry_border_act;
}
headerbar button,
headerbar button.toggle,
headerbar button.popup.toggle,
headerbar button.image-button,
headerbar button.image-button.toggle,
headerbar button.text-button,
headerbar button.text-button.toggle,
headerbar box button.toggle,
headerbar buttonbox.toggle,
headerbar stackswitcher button,
headerbar filechooser .path-bar.linked > button,
headerbar .path-bar button,
.titlebar box button.toggle,
.titlebar stackswitcher button,
.titlebar filechooser .path-bar.linked > button,
.titlebar .path-bar button {
    min-height: 24px; 
    min-width: 24px;   
    border-color: @titlebutton_border;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: @titlebutton_fg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}

headerbar stackswitcher button.radio:last-child,
headerbar stackswitcher button.radio:last-child:backdrop {
    border-right-color: @titlebutton_border; 
}

headerbar button label {
    color: @titlebutton_fg_color;
}
headerbar button.flat,
headerbar button.toggle.flat,
headerbar button.popup.toggle.flat,
headerbar button.image-button.flat,
headerbar button.image-button.toggle.flat,
headerbar button.text-button.flat,
headerbar button.text-button.toggle.flat,
headerbar box button.toggle.flat,
headerbar buttonbox.toggle.flat,
headerbar stackswitcher button.flat,
headerbar filechooser .path-bar.linked > button.flat,
headerbar .path-bar button.flat,
.titlebar box button.toggle.flat,
.titlebar stackswitcher button.flat,
.titlebar filechooser .path-bar.linked > button.flat,
.titlebar .path-bar button.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; 
}

headerbar button:hover,
headerbar button.toggle:hover,
headerbar button.popup.toggle:hover,
headerbar button.image-button:hover,
headerbar button.image-button.toggle:hover,
headerbar button.text-button:hover,
headerbar button.text-button.toggle:hover,
headerbar box button.toggle:hover,
headerbar buttonbox.toggle:hover,
headerbar stackswitcher button:hover,
headerbar filechooser .path-bar.linked > button:hover,
headerbar .path-bar button:hover{
    color: @titlebutton_fg_color;
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_hov, @titlebutton_bg_b_hov 40%, @titlebutton_bg_c_hov);
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}
headerbar button:active, 
headerbar button:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked,
headerbar button.popup.toggle:active,
headerbar button.popup.toggle:checked,
headerbar button.image-button:active,
headerbar button.image-button:checked,
headerbar button.image-button.toggle:active,
headerbar button.image-button.toggle:checked,
headerbar button.text-button:active,
headerbar button.text-button:checked,
headerbar button.text-button.toggle:active,
headerbar button.text-button.toggle:checked,
headerbar box button.toggle:active,
headerbar box button.toggle:checked,
headerbar buttonbox.toggle:active,
headerbar buttonbox.toggle:checked,
headerbar stackswitcher button:active,
headerbar stackswitcher button:checked,
headerbar filechooser .path-bar.linked > button:active,
headerbar filechooser .path-bar.linked > button:checked,
headerbar .path-bar button:active,
headerbar .path-bar button:checked{
    color: @titlebutton_fg_color;
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}
headerbar button:backdrop, 
headerbar button.flat:backdrop,
headerbar button.toggle:backdrop,
headerbar button.toggle.flat:backdrop,
headerbar button.popup.toggle:backdrop,
headerbar button.popup.toggle.flat:backdrop,
headerbar button.image-button:backdrop,
headerbar button.image-button.flat:backdrop,
headerbar button.image-button.toggle:backdrop,
headerbar button.image-button.toggle.flat:backdrop,
headerbar button.text-button:backdrop,
headerbar button.text-button.flat:backdrop,
headerbar button.text-button.toggle:backdrop,
headerbar button.text-button.toggle.flat:backdrop,
headerbar box button.toggle:backdrop,
headerbar box button.toggle.flat:backdrop,
headerbar buttonbox.toggle:backdrop,
headerbar buttonbox.toggle.flat:backdrop,
headerbar stackswitcher button:backdrop,
headerbar stackswitcher button.flat:backdrop,
headerbar filechooser .path-bar.linked > button:backdrop,
headerbar filechooser .path-bar.linked > button.flat:backdrop,
headerbar .path-bar button:backdrop,
headerbar .path-bar button.flat:backdrop{   
    border-color: @titlebutton_border;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: @titlebutton_fg_dis;
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}
headerbar button:backdrop:active, 
headerbar button.toggle:backdrop:active, 
headerbar button:backdrop:checked, 
headerbar button.toggle:backdrop:checked, 
headerbar button.toggle:backdrop:active,
headerbar button.toggle.toggle:backdrop:active,
headerbar button.toggle:backdrop:checked,
headerbar button.toggle.toggle:backdrop:checked,
headerbar button.popup.toggle:backdrop:active,
headerbar button.popup.toggle.toggle:backdrop:active,
headerbar button.popup.toggle:backdrop:checked,
headerbar button.popup.toggle.toggle:backdrop:checked,
headerbar button.image-button:backdrop:active,
headerbar button.image-button.toggle:backdrop:active,
headerbar button.image-button:backdrop:checked,
headerbar button.image-button.toggle:backdrop:checked,
headerbar button.image-button.toggle:backdrop:active,
headerbar button.image-button.toggle.toggle:backdrop:active,
headerbar button.image-button.toggle:backdrop:checked,
headerbar button.image-button.toggle.toggle:backdrop:checked,
headerbar button.text-button:backdrop:active,
headerbar button.text-button.toggle:backdrop:active,
headerbar button.text-button:backdrop:checked,
headerbar button.text-button.toggle:backdrop:checked,
headerbar button.text-button.toggle:backdrop:active,
headerbar button.text-button.toggle.toggle:backdrop:active,
headerbar button.text-button.toggle:backdrop:checked,
headerbar button.text-button.toggle.toggle:backdrop:checked,
headerbar box button.toggle:backdrop:active,
headerbar box button.toggle.toggle:backdrop:active,
headerbar box button.toggle:backdrop:checked,
headerbar box button.toggle.toggle:backdrop:checked,
headerbar buttonbox.toggle:backdrop:active,
headerbar buttonbox.toggle.toggle:backdrop:active,
headerbar buttonbox.toggle:backdrop:checked,
headerbar buttonbox.toggle.toggle:backdrop:checked,
headerbar stackswitcher button:backdrop:active,
headerbar stackswitcher button.toggle:backdrop:active,
headerbar stackswitcher button:backdrop:checked,
headerbar stackswitcher button.toggle:backdrop:checked,
headerbar filechooser .path-bar.linked > button:backdrop:active,
headerbar filechooser .path-bar.linked > button.toggle:backdrop:active,
headerbar filechooser .path-bar.linked > button:backdrop:checked,
headerbar filechooser .path-bar.linked > button.toggle:backdrop:checked,
headerbar .path-bar button:backdrop:active,
headerbar .path-bar button.toggle:backdrop:active,
headerbar .path-bar button:backdrop:checked,
headerbar .path-bar button.toggle:backdrop:checked,
.titlebar box button.toggle:backdrop:active,
.titlebar box button.toggle.toggle:backdrop:active,
.titlebar box button.toggle:backdrop:checked,
.titlebar box button.toggle.toggle:backdrop:checked,
.titlebar stackswitcher button:backdrop:active,
.titlebar stackswitcher button.toggle:backdrop:active,
.titlebar stackswitcher button:backdrop:checked,
.titlebar stackswitcher button.toggle:backdrop:checked,
.titlebar filechooser .path-bar.linked > button:backdrop:active,
.titlebar filechooser .path-bar.linked > button.toggle:backdrop:active,
.titlebar filechooser .path-bar.linked > button:backdrop:checked,
.titlebar filechooser .path-bar.linked > button.toggle:backdrop:checked,
.titlebar .path-bar button:backdrop:active,
.titlebar .path-bar button.toggle:backdrop:active,
.titlebar .path-bar button:backdrop:checked,
.titlebar .path-bar button.toggle:backdrop:checked {
    color: @titlebutton_fg_color;
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}

headerbar button.flat:active, 
headerbar button.flat.toggle:active, 
headerbar button.flat:checked, 
headerbar button.flat.toggle:checked,
headerbar button.toggle.flat:active,
headerbar button.toggle.flat.toggle:active,
headerbar button.toggle.flat:checked,
headerbar button.toggle.flat.toggle:checked,
headerbar button.popup.toggle.flat:active,
headerbar button.popup.toggle.flat.toggle:active,
headerbar button.popup.toggle.flat:checked,
headerbar button.popup.toggle.flat.toggle:checked,
/*headerbar button.image-button.flat:active,
headerbar button.image-button.flat.toggle:active,
headerbar button.image-button.flat:checked,
headerbar button.image-button.flat.toggle:checked,
headerbar button.image-button.toggle.flat:active,
headerbar button.image-button.toggle.flat.toggle:active,
headerbar button.image-button.toggle.flat:checked,
headerbar button.image-button.toggle.flat.toggle:checked,
headerbar button.text-button.flat:active,
headerbar button.text-button.flat.toggle:active,
headerbar button.text-button.flat:checked,
headerbar button.text-button.flat.toggle:checked,
headerbar button.text-button.toggle.flat:active,
headerbar button.text-button.toggle.flat.toggle:active,
headerbar button.text-button.toggle.flat:checked,
headerbar button.text-button.toggle.flat.toggle:checked,*/
headerbar box button.toggle.flat:active,
headerbar box button.toggle.flat.toggle:active,
headerbar box button.toggle.flat:checked,
headerbar box button.toggle.flat.toggle:checked,
headerbar buttonbox.toggle.flat:active,
headerbar buttonbox.toggle.flat.toggle:active,
headerbar buttonbox.toggle.flat:checked,
headerbar buttonbox.toggle.flat.toggle:checked,
headerbar stackswitcher button.flat:active,
headerbar stackswitcher button.flat.toggle:active,
headerbar stackswitcher button.flat:checked,
headerbar stackswitcher button.flat.toggle:checked,
headerbar filechooser .path-bar.linked > button.flat:active,
headerbar filechooser .path-bar.linked > button.flat.toggle:active,
headerbar filechooser .path-bar.linked > button.flat:checked,
headerbar filechooser .path-bar.linked > button.flat.toggle:checked,
headerbar .path-bar button.flat:active,
headerbar .path-bar button.flat.toggle:active,
headerbar .path-bar button.flat:checked,
headerbar .path-bar button.flat.toggle:checked,
.titlebar box button.toggle.flat:active,
.titlebar box button.toggle.flat.toggle:active,
.titlebar box button.toggle.flat:checked,
.titlebar box button.toggle.flat.toggle:checked,
.titlebar stackswitcher button.flat:active,
.titlebar stackswitcher button.flat.toggle:active,
.titlebar stackswitcher button.flat:checked,
.titlebar stackswitcher button.flat.toggle:checked,
.titlebar filechooser .path-bar.linked > button.flat:active,
.titlebar filechooser .path-bar.linked > button.flat.toggle:active,
.titlebar filechooser .path-bar.linked > button.flat:checked,
.titlebar filechooser .path-bar.linked > button.flat.toggle:checked,
.titlebar .path-bar button.flat:active,
.titlebar .path-bar button.flat.toggle:active,
.titlebar .path-bar button.flat:checked,
.titlebar .path-bar button.flat.toggle:checked {
    color: @titlebutton_fg_color;
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
    padding: 4px 5px;
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}
headerbar button.flat:backdrop:active, 
headerbar button.flat.toggle:backdrop:active, 
headerbar button.flat:backdrop:checked, 
headerbar button.flat.toggle:backdrop:checked,
headerbar button.toggle.flat:backdrop:active,
headerbar button.toggle.flat.toggle:backdrop:active,
headerbar button.toggle.flat:backdrop:checked,
headerbar button.toggle.flat.toggle:backdrop:checked,
headerbar button.popup.toggle.flat:backdrop:active,
headerbar button.popup.toggle.flat.toggle:backdrop:active,
headerbar button.popup.toggle.flat:backdrop:checked,
headerbar button.popup.toggle.flat.toggle:backdrop:checked,
/*headerbar button.image-button.flat:backdrop:active,
headerbar button.image-button.flat.toggle:backdrop:active,
headerbar button.image-button.flat:backdrop:checked,
headerbar button.image-button.flat.toggle:backdrop:checked,
headerbar button.image-button.toggle.flat:backdrop:active,
headerbar button.image-button.toggle.flat.toggle:backdrop:active,
headerbar button.image-button.toggle.flat:backdrop:checked,
headerbar button.image-button.toggle.flat.toggle:backdrop:checked,
headerbar button.text-button.flat:backdrop:active,
headerbar button.text-button.flat.toggle:backdrop:active,
headerbar button.text-button.flat:backdrop:checked,
headerbar button.text-button.flat.toggle:backdrop:checked,
headerbar button.text-button.toggle.flat:backdrop:active,
headerbar button.text-button.toggle.flat.toggle:backdrop:active,
headerbar button.text-button.toggle.flat:backdrop:checked,
headerbar button.text-button.toggle.flat.toggle:backdrop:checked,*/
headerbar box button.toggle.flat:backdrop:active,
headerbar box button.toggle.flat.toggle:backdrop:active,
headerbar box button.toggle.flat:backdrop:checked,
headerbar box button.toggle.flat.toggle:backdrop:checked,
headerbar buttonbox.toggle.flat:backdrop:active,
headerbar buttonbox.toggle.flat.toggle:backdrop:active,
headerbar buttonbox.toggle.flat:backdrop:checked,
headerbar buttonbox.toggle.flat.toggle:backdrop:checked,
headerbar stackswitcher button.flat:backdrop:active,
headerbar stackswitcher button.flat.toggle:backdrop:active,
headerbar stackswitcher button.flat:backdrop:checked,
headerbar stackswitcher button.flat.toggle:backdrop:checked,
headerbar filechooser .path-bar.linked > button.flat:backdrop:active,
headerbar filechooser .path-bar.linked > button.flat.toggle:backdrop:active,
headerbar filechooser .path-bar.linked > button.flat:backdrop:checked,
headerbar filechooser .path-bar.linked > button.flat.toggle:backdrop:checked,
headerbar .path-bar button.flat:backdrop:active,
headerbar .path-bar button.flat.toggle:backdrop:active,
headerbar .path-bar button.flat:backdrop:checked,
headerbar .path-bar button.flat.toggle:backdrop:checked,
.titlebar box button.toggle.flat:backdrop:active,
.titlebar box button.toggle.flat.toggle:backdrop:active,
.titlebar box button.toggle.flat:backdrop:checked,
.titlebar box button.toggle.flat.toggle:backdrop:checked,
.titlebar stackswitcher button.flat:backdrop:active,
.titlebar stackswitcher button.flat.toggle:backdrop:active,
.titlebar stackswitcher button.flat:backdrop:checked,
.titlebar stackswitcher button.flat.toggle:backdrop:checked,
.titlebar filechooser .path-bar.linked > button.flat:backdrop:active,
.titlebar filechooser .path-bar.linked > button.flat.toggle:backdrop:active,
.titlebar filechooser .path-bar.linked > button.flat:backdrop:checked,
.titlebar filechooser .path-bar.linked > button.flat.toggle:backdrop:checked,
.titlebar .path-bar button.flat:backdrop:active,
.titlebar .path-bar button.flat.toggle:backdrop:active,
.titlebar .path-bar button.flat:backdrop:checked,
.titlebar .path-bar button.flat.toggle:backdrop:checked {
    color: @titlebutton_fg_color;
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
    padding: 4px 5px;
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}
headerbar button.flat, 
headerbar button.flat.toggle,
headerbar button.toggle.flat,
headerbar button.toggle.flat.toggle,
headerbar button.popup.toggle.flat,
headerbar button.popup.toggle.flat.toggle,
/*headerbar button.image-button.flat,
headerbar button.image-button.flat.toggle,
headerbar button.image-button.toggle.flat,
headerbar button.image-button.toggle.flat.toggle,
headerbar button.text-button.flat,
headerbar button.text-button.flat.toggle,
headerbar button.text-button.toggle,
headerbar button.text-button.toggle.toggle,
headerbar button.text-button.toggle.flat,
headerbar button.text-button.toggle.flat.toggle,*/
headerbar box button.toggle.flat,
headerbar box button.toggle.flat.toggle,
headerbar buttonbox.toggle.flat,
headerbar buttonbox.toggle.flat.toggle,
headerbar stackswitcher button.flat,
headerbar stackswitcher button.flat.toggle,
headerbar filechooser .path-bar.linked > button.flat,
headerbar filechooser .path-bar.linked > button.flat.toggle,
headerbar .path-bar button.flat,
headerbar .path-bar button.flat.toggle,
.titlebar box button.toggle.flat,
.titlebar box button.toggle.flat.toggle,
.titlebar stackswitcher button.flat,
.titlebar stackswitcher button.flat.toggle,
.titlebar filechooser .path-bar.linked > button.flat,
.titlebar filechooser .path-bar.linked > button.flat.toggle,
.titlebar .path-bar button.flat,
.titlebar .path-bar button.flat.toggle,
headerbar button.flat:backdrop, 
headerbar button.flat.toggle:backdrop,
headerbar button.toggle.flat:backdrop,
headerbar button.toggle.flat.toggle:backdrop,
headerbar button.popup.toggle.flat:backdrop,
headerbar button.popup.toggle.flat.toggle:backdrop,
/*headerbar button.image-button.flat:backdrop,
headerbar button.image-button.flat.toggle:backdrop,
headerbar button.image-button.toggle.flat:backdrop,
headerbar button.image-button.toggle.flat.toggle:backdrop,
headerbar button.text-button.flat:backdrop,
headerbar button.text-button.flat.toggle:backdrop,
headerbar button.text-button.toggle:backdrop,
headerbar button.text-button.toggle.toggle:backdrop,
headerbar button.text-button.toggle.flat:backdrop,
headerbar button.text-button.toggle.flat.toggle:backdrop,*/
headerbar box button.toggle.flat:backdrop,
headerbar box button.toggle.flat.toggle:backdrop,
headerbar buttonbox.toggle.flat:backdrop,
headerbar buttonbox.toggle.flat.toggle:backdrop,
headerbar stackswitcher button.flat:backdrop,
headerbar stackswitcher button.flat.toggle:backdrop,
headerbar filechooser .path-bar.linked > button.flat:backdrop,
headerbar filechooser .path-bar.linked > button.flat.toggle:backdrop,
headerbar .path-bar button.flat:backdrop,
headerbar .path-bar button.flat.toggle:backdrop,
.titlebar box button.toggle.flat:backdrop,
.titlebar box button.toggle.flat.toggle:backdrop,
.titlebar stackswitcher button.flat:backdrop,
.titlebar stackswitcher button.flat.toggle:backdrop,
.titlebar filechooser .path-bar.linked > button.flat:backdrop,
.titlebar filechooser .path-bar.linked > button.flat.toggle:backdrop,
.titlebar .path-bar button.flat:backdrop,
.titlebar .path-bar button.flat.toggle:backdrop {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    color: @header_fg_color;
    padding: 4px 5px;
}
headerbar button.flat:hover, 
headerbar button.flat.toggle:hover,
headerbar button.toggle.flat:hover,
headerbar button.toggle.flat.toggle:hover,
headerbar button.popup.toggle.flat:hover,
headerbar button.popup.toggle.flat.toggle:hover,
/*headerbar button.image-button.flat:hover,
headerbar button.image-button.flat.toggle:hover,
headerbar button.image-button.toggle.flat:hover,
headerbar button.image-button.toggle.flat.toggle:hover,
headerbar button.text-button.flat:hover,
headerbar button.text-button.flat.toggle:hover,
headerbar button.text-button.toggle:hover,
headerbar button.text-button.toggle.toggle:hover,
headerbar button.text-button.toggle.flat:hover,
headerbar button.text-button.toggle.flat.toggle:hover,*/
headerbar box button.toggle.flat:hover,
headerbar box button.toggle.flat.toggle:hover,
headerbar buttonbox.toggle.flat:hover,
headerbar buttonbox.toggle.flat.toggle:hover,
headerbar stackswitcher button.flat:hover,
headerbar stackswitcher button.flat.toggle:hover,
headerbar filechooser .path-bar.linked > button.flat:hover,
headerbar filechooser .path-bar.linked > button.flat.toggle:hover,
headerbar .path-bar button.flat:hover,
headerbar .path-bar button.flat.toggle:hover,
.titlebar box button.toggle.flat:hover,
.titlebar box button.toggle.flat.toggle:hover,
.titlebar stackswitcher button.flat:hover,
.titlebar stackswitcher button.flat.toggle:hover,
.titlebar filechooser .path-bar.linked > button.flat:hover,
.titlebar filechooser .path-bar.linked > button.flat.toggle:hover,
.titlebar .path-bar button.flat:hover,
.titlebar .path-bar button.flat.toggle:hover,
headerbar button.flat:backdrop:hover, 
headerbar button.flat.toggle:backdrop:hover,
headerbar button.toggle.flat:backdrop:hover,
headerbar button.toggle.flat.toggle:backdrop:hover,
headerbar button.popup.toggle.flat:backdrop:hover,
headerbar button.popup.toggle.flat.toggle:backdrop:hover,
/*headerbar button.image-button.flat:backdrop:hover,
headerbar button.image-button.flat.toggle:backdrop:hover,
headerbar button.image-button.toggle.flat:backdrop:hover,
headerbar button.image-button.toggle.flat.toggle:backdrop:hover,
headerbar button.text-button.flat:backdrop:hover,
headerbar button.text-button.flat.toggle:backdrop:hover,
headerbar button.text-button.toggle:backdrop:hover,
headerbar button.text-button.toggle.toggle:backdrop:hover,
headerbar button.text-button.toggle.flat:backdrop:hover,
headerbar button.text-button.toggle.flat.toggle:backdrop:hover,*/
headerbar box button.toggle.flat:backdrop:hover,
headerbar box button.toggle.flat.toggle:backdrop:hover,
headerbar buttonbox.toggle.flat:backdrop:hover,
headerbar buttonbox.toggle.flat.toggle:backdrop:hover,
headerbar stackswitcher button.flat:backdrop:hover,
headerbar stackswitcher button.flat.toggle:backdrop:hover,
headerbar filechooser .path-bar.linked > button.flat:backdrop:hover,
headerbar filechooser .path-bar.linked > button.flat.toggle:backdrop:hover,
headerbar .path-bar button.flat:backdrop:hover,
headerbar .path-bar button.flat.toggle:backdrop:hover,
.titlebar box button.toggle.flat:backdrop:hover,
.titlebar box button.toggle.flat.toggle:backdrop:hover,
.titlebar stackswitcher button.flat:backdrop:hover,
.titlebar stackswitcher button.flat.toggle:backdrop:hover,
.titlebar filechooser .path-bar.linked > button.flat:backdrop:hover,
.titlebar filechooser .path-bar.linked > button.flat.toggle:backdrop:hover,
.titlebar .path-bar button.flat:backdrop:hover,
.titlebar .path-bar button.flat.toggle:backdrop:hover {
    border-color: transparent;
    background-color: @titlebutton_flat_bg;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    color: @header_fg_color;
    padding: 4px 5px;
}
headerbar button:backdrop:disabled, 
headerbar button.flat:backdrop:disabled,
headerbar button.toggle:backdrop:disabled,
headerbar button.toggle.flat:backdrop:disabled,
headerbar button.popup.toggle:backdrop:disabled,
headerbar button.popup.toggle.flat:backdrop:disabled,
/*headerbar button.image-button:backdrop:disabled,
headerbar button.image-button.flat:backdrop:disabled,
headerbar button.image-button.toggle:backdrop:disabled,
headerbar button.image-button.toggle.flat:backdrop:disabled,
headerbar button.text-button:backdrop:disabled,
headerbar button.text-button.flat:backdrop:disabled,
headerbar button.text-button.toggle:backdrop:disabled,
headerbar button.text-button.toggle.flat:backdrop:disabled,*/
headerbar box button.toggle:backdrop:disabled,
headerbar box button.toggle.flat:backdrop:disabled,
headerbar buttonbox.toggle:backdrop:disabled,
headerbar buttonbox.toggle.flat:backdrop:disabled,
headerbar stackswitcher button:backdrop:disabled,
headerbar stackswitcher button.flat:backdrop:disabled,
headerbar filechooser .path-bar.linked > button:backdrop:disabled,
headerbar filechooser .path-bar.linked > button.flat:backdrop:disabled,
headerbar .path-bar button:backdrop:disabled,
headerbar .path-bar button.flat:backdrop:disabled,
.titlebar box button.toggle:backdrop:disabled,
.titlebar box button.toggle.flat:backdrop:disabled,
.titlebar stackswitcher button:backdrop:disabled,
.titlebar stackswitcher button.flat:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button.flat:backdrop:disabled,
.titlebar .path-bar button:backdrop:disabled,
.titlebar .path-bar button.flat:backdrop:disabled {
    border-color: @titlebutton_border;
    background-color: @titlebutton_bg_a_dis;
    text-shadow: none;
    -gtk-icon-shadow: none;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @titlebutton_fg_dis;
}/*
headerbar button:backdrop:disabled:active, 
headerbar button:backdrop:disabled:checked, 
headerbar button.flat:backdrop:disabled:active, 
headerbar button.flat:backdrop:disabled:checked,
headerbar button.toggle:backdrop:disabled:active,
headerbar button.toggle:backdrop:disabled:checked,
headerbar button.toggle.flat:backdrop:disabled:active,
headerbar button.toggle.flat:backdrop:disabled:checked,
headerbar button.popup.toggle:backdrop:disabled:active,
headerbar button.popup.toggle:backdrop:disabled:checked,
headerbar button.popup.toggle.flat:backdrop:disabled:active,
headerbar button.popup.toggle.flat:backdrop:disabled:checked,
headerbar button.image-button:backdrop:disabled:active,
headerbar button.image-button:backdrop:disabled:checked,
headerbar button.image-button.flat:backdrop:disabled:active,
headerbar button.image-button.flat:backdrop:disabled:checked,
headerbar button.image-button.toggle:backdrop:disabled:active,
headerbar button.image-button.toggle:backdrop:disabled:checked,
headerbar button.image-button.toggle.flat:backdrop:disabled:active,
headerbar button.image-button.toggle.flat:backdrop:disabled:checked,
headerbar button.text-button:backdrop:disabled:active,
headerbar button.text-button:backdrop:disabled:checked,
headerbar button.text-button.flat:backdrop:disabled:active,
headerbar button.text-button.flat:backdrop:disabled:checked,
headerbar button.text-button.toggle:backdrop:disabled:active,
headerbar button.text-button.toggle:backdrop:disabled:checked,
headerbar button.text-button.toggle.flat:backdrop:disabled:active,
headerbar button.text-button.toggle.flat:backdrop:disabled:checked,
headerbar box button.toggle:backdrop:disabled:active,
headerbar box button.toggle:backdrop:disabled:checked,
headerbar box button.toggle.flat:backdrop:disabled:active,
headerbar box button.toggle.flat:backdrop:disabled:checked,
headerbar buttonbox.toggle:backdrop:disabled:active,
headerbar buttonbox.toggle:backdrop:disabled:checked,
headerbar buttonbox.toggle.flat:backdrop:disabled:active,
headerbar buttonbox.toggle.flat:backdrop:disabled:checked,
headerbar stackswitcher button:backdrop:disabled:active,
headerbar stackswitcher button:backdrop:disabled:checked,
headerbar stackswitcher button.flat:backdrop:disabled:active,
headerbar stackswitcher button.flat:backdrop:disabled:checked,
headerbar filechooser .path-bar.linked > button:backdrop:disabled:active,
headerbar filechooser .path-bar.linked > button:backdrop:disabled:checked,
headerbar filechooser .path-bar.linked > button.flat:backdrop:disabled:active,
headerbar filechooser .path-bar.linked > button.flat:backdrop:disabled:checked,
headerbar .path-bar button:backdrop:disabled:active,
headerbar .path-bar button:backdrop:disabled:checked,
headerbar .path-bar button.flat:backdrop:disabled:active,
headerbar .path-bar button.flat:backdrop:disabled:checked,
.titlebar box button.toggle:backdrop:disabled:active,
.titlebar box button.toggle:backdrop:disabled:checked,
.titlebar box button.toggle.flat:backdrop:disabled:active,
.titlebar box button.toggle.flat:backdrop:disabled:checked,
.titlebar stackswitcher button:backdrop:disabled:active,
.titlebar stackswitcher button:backdrop:disabled:checked,
.titlebar stackswitcher button.flat:backdrop:disabled:active,
.titlebar stackswitcher button.flat:backdrop:disabled:checked,
.titlebar filechooser .path-bar.linked > button:backdrop:disabled:active,
.titlebar filechooser .path-bar.linked > button:backdrop:disabled:checked,
.titlebar filechooser .path-bar.linked > button.flat:backdrop:disabled:active,
.titlebar filechooser .path-bar.linked > button.flat:backdrop:disabled:checked,
.titlebar .path-bar button:backdrop:disabled:active,
.titlebar .path-bar button:backdrop:disabled:checked,
.titlebar .path-bar button.flat:backdrop:disabled:active,
.titlebar .path-bar button.flat:backdrop:disabled:checked {
    color: #706f6f;
    border-color: #474646;
    background-image: image(#474646);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border-color: #262626; 
}*/
headerbar button:disabled,
headerbar button.toggle:disabled,
headerbar button.popup.toggle:disabled,
headerbar button.image-button:disabled,
headerbar button.image-button.toggle:disabled,
headerbar button.text-button:disabled,
headerbar button.text-button.toggle:disabled,
headerbar box button.toggle:disabled,
headerbar buttonbox.toggle:disabled,
headerbar stackswitcher button:disabled,
headerbar filechooser .path-bar.linked > button:disabled,
headerbar .path-bar button:disabled,
.titlebar box button.toggle:disabled,
.titlebar stackswitcher button:disabled,
.titlebar filechooser .path-bar.linked > button:disabled,
.titlebar .path-bar button:disabled {
    border-color: @titlebutton_border;
    background-color: @titlebutton_bg_a_dis;
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @titlebutton_fg_dis;
    outline-color: rgba(238, 238, 236, 0.3);    
}
/*headerbar button:disabled:active, 
headerbar button:disabled:checked,
headerbar button.toggle:disabled:active,
headerbar button.toggle:disabled:checked,
headerbar button.popup.toggle:disabled:active,
headerbar button.popup.toggle:disabled:checked,
headerbar button.image-button:disabled:active,
headerbar button.image-button:disabled:checked,
headerbar button.image-button.toggle:disabled:active,
headerbar button.image-button.toggle:disabled:checked,
headerbar button.text-button:disabled:active,
headerbar button.text-button:disabled:checked,
headerbar button.text-button.toggle:disabled:active,
headerbar button.text-button.toggle:disabled:checked,
headerbar box button.toggle:disabled:active,
headerbar box button.toggle:disabled:checked,
headerbar buttonbox.toggle:disabled:active,
headerbar buttonbox.toggle:disabled:checked,
headerbar stackswitcher button:disabled:active,
headerbar stackswitcher button:disabled:checked,
headerbar filechooser .path-bar.linked > button:disabled:active,
headerbar filechooser .path-bar.linked > button:disabled:checked,
headerbar .path-bar button:disabled:active,
headerbar .path-bar button:disabled:checked,
.titlebar box button.toggle:disabled:active,
.titlebar box button.toggle:disabled:checked,
.titlebar stackswitcher button:disabled:active,
.titlebar stackswitcher button:disabled:checked,
.titlebar filechooser .path-bar.linked > button:disabled:active,
.titlebar filechooser .path-bar.linked > button:disabled:checked,
.titlebar .path-bar button:disabled:active,
.titlebar .path-bar button:disabled:checked {
    color: #acacac;
    border-color: #181717;
    background-image: image(#3c3b3b);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
}*/
headerbar button.suggested-action,
headerbar button.toggle.suggested-action,
headerbar button.popup.toggle.suggested-action,
headerbar button.image-button.suggested-action,
headerbar button.image-button.toggle.suggested-action,
headerbar button.text-button.suggested-action,
headerbar button.text-button.toggle.suggested-action,
headerbar box button.toggle.suggested-action,
headerbar buttonbox.toggle.suggested-action,
headerbar stackswitcher button.suggested-action,
headerbar filechooser .path-bar.linked > button.suggested-action,
headerbar .path-bar button.suggested-action,
.titlebar box button.toggle.suggested-action,
.titlebar stackswitcher button.suggested-action,
.titlebar filechooser .path-bar.linked > button.suggested-action,
.titlebar .path-bar button.suggested-action {
    color: @button_fg_sugg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_sugg;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
    text-shadow: none;    
}
headerbar button.suggested-action.flat,
headerbar button.toggle.suggested-action.flat,
headerbar button.popup.toggle.suggested-action.flat,
headerbar button.image-button.suggested-action.flat,
headerbar button.image-button.toggle.suggested-action.flat,
headerbar button.text-button.suggested-action.flat,
headerbar button.text-button.toggle.suggested-action.flat,
headerbar box button.toggle.suggested-action.flat,
headerbar buttonbox.toggle.suggested-action.flat,
headerbar stackswitcher button.suggested-action.flat,
headerbar filechooser .path-bar.linked > button.suggested-action.flat,
headerbar .path-bar button.suggested-action.flat,
.titlebar box button.toggle.suggested-action.flat,
.titlebar stackswitcher button.suggested-action.flat,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat,
.titlebar .path-bar button.suggested-action.flat {
    color: @button_fg_sugg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_sugg;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
    text-shadow: none;
}
headerbar button.suggested-action:hover,
headerbar button.toggle.suggested-action:hover,
headerbar button.popup.toggle.suggested-action:hover,
headerbar button.image-button.suggested-action:hover,
headerbar button.image-button.toggle.suggested-action:hover,
headerbar button.text-button.suggested-action:hover,
headerbar button.text-button.toggle.suggested-action:hover,
headerbar box button.toggle.suggested-action:hover,
headerbar buttonbox.toggle.suggested-action:hover,
headerbar stackswitcher button.suggested-action:hover,
headerbar filechooser .path-bar.linked > button.suggested-action:hover,
headerbar .path-bar button.suggested-action:hover,
.titlebar box button.toggle.suggested-action:hover,
.titlebar stackswitcher button.suggested-action:hover,
.titlebar filechooser .path-bar.linked > button.suggested-action:hover,
.titlebar .path-bar button.suggested-action:hover {
    color: @button_fg_sugg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_sugg;
    text-shadow: none;
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_hov, @button_bg_sugg_b_hov 40%, @button_bg_sugg_c_hov); 
}
headerbar button.suggested-action:active, 
headerbar button.suggested-action:checked,
headerbar button.toggle.suggested-action:active,
headerbar button.toggle.suggested-action:checked,
headerbar button.popup.toggle.suggested-action:active,
headerbar button.popup.toggle.suggested-action:checked,
headerbar button.image-button.suggested-action:active,
headerbar button.image-button.suggested-action:checked,
headerbar button.image-button.toggle.suggested-action:active,
headerbar button.image-button.toggle.suggested-action:checked,
headerbar button.text-button.suggested-action:active,
headerbar button.text-button.suggested-action:checked,
headerbar button.text-button.toggle.suggested-action:active,
headerbar button.text-button.toggle.suggested-action:checked,
headerbar box button.toggle.suggested-action:active,
headerbar box button.toggle.suggested-action:checked,
headerbar buttonbox.toggle.suggested-action:active,
headerbar buttonbox.toggle.suggested-action:checked,
headerbar stackswitcher button.suggested-action:active,
headerbar stackswitcher button.suggested-action:checked,
headerbar filechooser .path-bar.linked > button.suggested-action:active,
headerbar filechooser .path-bar.linked > button.suggested-action:checked,
headerbar .path-bar button.suggested-action:active,
headerbar .path-bar button.suggested-action:checked,
.titlebar box button.toggle.suggested-action:active,
.titlebar box button.toggle.suggested-action:checked,
.titlebar stackswitcher button.suggested-action:active,
.titlebar stackswitcher button.suggested-action:checked,
.titlebar filechooser .path-bar.linked > button.suggested-action:active,
.titlebar filechooser .path-bar.linked > button.suggested-action:checked,
.titlebar .path-bar button.suggested-action:active,
.titlebar .path-bar button.suggested-action:checked {
    color: @button_fg_sugg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_sugg;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_act, @button_bg_sugg_b_act 40%, @button_bg_sugg_c_act);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
}
headerbar button.suggested-action, 
headerbar button.suggested-action:hover, 
headerbar button.suggested-action:focus:active,
headerbar button.toggle.suggested-action,
headerbar button.toggle.suggested-action:hover,
headerbar button.toggle.suggested-action:focus:active,
headerbar button.popup.toggle.suggested-action,
headerbar button.popup.toggle.suggested-action:hover,
headerbar button.popup.toggle.suggested-action:focus:active,
headerbar button.image-button.suggested-action,
headerbar button.image-button.suggested-action:hover,
headerbar button.image-button.suggested-action:focus:active,
headerbar button.image-button.toggle.suggested-action,
headerbar button.image-button.toggle.suggested-action:hover,
headerbar button.image-button.toggle.suggested-action:focus:active,
headerbar button.text-button.suggested-action,
headerbar button.text-button.suggested-action:hover,
headerbar button.text-button.suggested-action:focus:active,
headerbar button.text-button.toggle.suggested-action,
headerbar button.text-button.toggle.suggested-action:hover,
headerbar button.text-button.toggle.suggested-action:focus:active,
headerbar box button.toggle.suggested-action,
headerbar box button.toggle.suggested-action:hover,
headerbar box button.toggle.suggested-action:focus:active,
headerbar buttonbox.toggle.suggested-action,
headerbar buttonbox.toggle.suggested-action:hover,
headerbar buttonbox.toggle.suggested-action:focus:active,
headerbar stackswitcher button.suggested-action,
headerbar stackswitcher button.suggested-action:hover,
headerbar stackswitcher button.suggested-action:focus:active,
headerbar filechooser .path-bar.linked > button.suggested-action,
headerbar filechooser .path-bar.linked > button.suggested-action:hover,
headerbar filechooser .path-bar.linked > button.suggested-action:focus:active,
headerbar .path-bar button.suggested-action,
headerbar .path-bar button.suggested-action:hover,
headerbar .path-bar button.suggested-action:focus:active,
.titlebar box button.toggle.suggested-action,
.titlebar box button.toggle.suggested-action:hover,
.titlebar box button.toggle.suggested-action:focus:active,
.titlebar stackswitcher button.suggested-action,
.titlebar stackswitcher button.suggested-action:hover,
.titlebar stackswitcher button.suggested-action:focus:active,
.titlebar filechooser .path-bar.linked > button.suggested-action,
.titlebar filechooser .path-bar.linked > button.suggested-action:hover,
.titlebar filechooser .path-bar.linked > button.suggested-action:focus:active,
.titlebar .path-bar button.suggested-action,
.titlebar .path-bar button.suggested-action:hover,
.titlebar .path-bar button.suggested-action:focus:active {
    outline-color: alpha(#ffffff, 0.6); 
}
headerbar button.suggested-action:backdrop, 
headerbar button.suggested-action.flat:backdrop,
headerbar button.toggle.suggested-action:backdrop,
headerbar button.toggle.suggested-action.flat:backdrop,
headerbar button.popup.toggle.suggested-action:backdrop,
headerbar button.popup.toggle.suggested-action.flat:backdrop,
headerbar button.image-button.suggested-action:backdrop,
headerbar button.image-button.suggested-action.flat:backdrop,
headerbar button.image-button.toggle.suggested-action:backdrop,
headerbar button.image-button.toggle.suggested-action.flat:backdrop,
headerbar button.text-button.suggested-action:backdrop,
headerbar button.text-button.suggested-action.flat:backdrop,
headerbar button.text-button.toggle.suggested-action:backdrop,
headerbar button.text-button.toggle.suggested-action.flat:backdrop,
headerbar box button.toggle.suggested-action:backdrop,
headerbar box button.toggle.suggested-action.flat:backdrop,
headerbar buttonbox.toggle.suggested-action:backdrop,
headerbar buttonbox.toggle.suggested-action.flat:backdrop,
headerbar stackswitcher button.suggested-action:backdrop,
headerbar stackswitcher button.suggested-action.flat:backdrop,
headerbar filechooser .path-bar.linked > button.suggested-action:backdrop,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop,
headerbar .path-bar button.suggested-action:backdrop,
headerbar .path-bar button.suggested-action.flat:backdrop,
.titlebar box button.toggle.suggested-action:backdrop,
.titlebar box button.toggle.suggested-action.flat:backdrop,
.titlebar stackswitcher button.suggested-action:backdrop,
.titlebar stackswitcher button.suggested-action.flat:backdrop,
.titlebar filechooser .path-bar.linked > button.suggested-action:backdrop,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop,
.titlebar .path-bar button.suggested-action:backdrop,
.titlebar .path-bar button.suggested-action.flat:backdrop {
    color: @button_fg_dis;
    text-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@button_fg_shadow, 0.8);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
headerbar button.suggested-action:backdrop:active, 
headerbar button.suggested-action:backdrop:checked, 
headerbar button.suggested-action.flat:backdrop:active, 
headerbar button.suggested-action.flat:backdrop:checked,
headerbar button.toggle.suggested-action:backdrop:active,
headerbar button.toggle.suggested-action:backdrop:checked,
headerbar button.toggle.suggested-action.flat:backdrop:active,
headerbar button.toggle.suggested-action.flat:backdrop:checked,
headerbar button.popup.toggle.suggested-action:backdrop:active,
headerbar button.popup.toggle.suggested-action:backdrop:checked,
headerbar button.popup.toggle.suggested-action.flat:backdrop:active,
headerbar button.popup.toggle.suggested-action.flat:backdrop:checked,
headerbar button.image-button.suggested-action:backdrop:active,
headerbar button.image-button.suggested-action:backdrop:checked,
headerbar button.image-button.suggested-action.flat:backdrop:active,
headerbar button.image-button.suggested-action.flat:backdrop:checked,
headerbar button.image-button.toggle.suggested-action:backdrop:active,
headerbar button.image-button.toggle.suggested-action:backdrop:checked,
headerbar button.image-button.toggle.suggested-action.flat:backdrop:active,
headerbar button.image-button.toggle.suggested-action.flat:backdrop:checked,
headerbar button.text-button.suggested-action:backdrop:active,
headerbar button.text-button.suggested-action:backdrop:checked,
headerbar button.text-button.suggested-action.flat:backdrop:active,
headerbar button.text-button.suggested-action.flat:backdrop:checked,
headerbar button.text-button.toggle.suggested-action:backdrop:active,
headerbar button.text-button.toggle.suggested-action:backdrop:checked,
headerbar button.text-button.toggle.suggested-action.flat:backdrop:active,
headerbar button.text-button.toggle.suggested-action.flat:backdrop:checked,
headerbar box button.toggle.suggested-action:backdrop:active,
headerbar box button.toggle.suggested-action:backdrop:checked,
headerbar box button.toggle.suggested-action.flat:backdrop:active,
headerbar box button.toggle.suggested-action.flat:backdrop:checked,
headerbar buttonbox.toggle.suggested-action:backdrop:active,
headerbar buttonbox.toggle.suggested-action:backdrop:checked,
headerbar buttonbox.toggle.suggested-action.flat:backdrop:active,
headerbar buttonbox.toggle.suggested-action.flat:backdrop:checked,
headerbar stackswitcher button.suggested-action:backdrop:active,
headerbar stackswitcher button.suggested-action:backdrop:checked,
headerbar stackswitcher button.suggested-action.flat:backdrop:active,
headerbar stackswitcher button.suggested-action.flat:backdrop:checked,
headerbar filechooser .path-bar.linked > button.suggested-action:backdrop:active,
headerbar filechooser .path-bar.linked > button.suggested-action:backdrop:checked,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:active,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:checked,
headerbar .path-bar button.suggested-action:backdrop:active,
headerbar .path-bar button.suggested-action:backdrop:checked,
headerbar .path-bar button.suggested-action.flat:backdrop:active,
headerbar .path-bar button.suggested-action.flat:backdrop:checked,
.titlebar box button.toggle.suggested-action:backdrop:active,
.titlebar box button.toggle.suggested-action:backdrop:checked,
.titlebar box button.toggle.suggested-action.flat:backdrop:active,
.titlebar box button.toggle.suggested-action.flat:backdrop:checked,
.titlebar stackswitcher button.suggested-action:backdrop:active,
.titlebar stackswitcher button.suggested-action:backdrop:checked,
.titlebar stackswitcher button.suggested-action.flat:backdrop:active,
.titlebar stackswitcher button.suggested-action.flat:backdrop:checked,
.titlebar filechooser .path-bar.linked > button.suggested-action:backdrop:active,
.titlebar filechooser .path-bar.linked > button.suggested-action:backdrop:checked,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:active,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:checked,
.titlebar .path-bar button.suggested-action:backdrop:active,
.titlebar .path-bar button.suggested-action:backdrop:checked,
.titlebar .path-bar button.suggested-action.flat:backdrop:active,
.titlebar .path-bar button.suggested-action.flat:backdrop:checked {
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
headerbar button.suggested-action:backdrop:disabled, 
headerbar button.suggested-action.flat:backdrop:disabled,
headerbar button.toggle.suggested-action:backdrop:disabled,
headerbar button.toggle.suggested-action.flat:backdrop:disabled,
headerbar button.popup.toggle.suggested-action:backdrop:disabled,
headerbar button.popup.toggle.suggested-action.flat:backdrop:disabled,
headerbar button.image-button.suggested-action:backdrop:disabled,
headerbar button.image-button.suggested-action.flat:backdrop:disabled,
headerbar button.image-button.toggle.suggested-action:backdrop:disabled,
headerbar button.image-button.toggle.suggested-action.flat:backdrop:disabled,
headerbar button.text-button.suggested-action:backdrop:disabled,
headerbar button.text-button.suggested-action.flat:backdrop:disabled,
headerbar button.text-button.toggle.suggested-action:backdrop:disabled,
headerbar button.text-button.toggle.suggested-action.flat:backdrop:disabled,
headerbar box button.toggle.suggested-action:backdrop:disabled,
headerbar box button.toggle.suggested-action.flat:backdrop:disabled,
headerbar buttonbox.toggle.suggested-action:backdrop:disabled,
headerbar buttonbox.toggle.suggested-action.flat:backdrop:disabled,
headerbar stackswitcher button.suggested-action:backdrop:disabled,
headerbar stackswitcher button.suggested-action.flat:backdrop:disabled,
headerbar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled,
headerbar .path-bar button.suggested-action:backdrop:disabled,
headerbar .path-bar button.suggested-action.flat:backdrop:disabled,
.titlebar box button.toggle.suggested-action:backdrop:disabled,
.titlebar box button.toggle.suggested-action.flat:backdrop:disabled,
.titlebar stackswitcher button.suggested-action:backdrop:disabled,
.titlebar stackswitcher button.suggested-action.flat:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled,
.titlebar .path-bar button.suggested-action:backdrop:disabled,
.titlebar .path-bar button.suggested-action.flat:backdrop:disabled {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    text-shadow: none; 
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
headerbar button.suggested-action:backdrop:disabled:active, 
headerbar button.suggested-action:backdrop:disabled:checked, 
headerbar button.suggested-action.flat:backdrop:disabled:active, 
headerbar button.suggested-action.flat:backdrop:disabled:checked,
headerbar button.toggle.suggested-action:backdrop:disabled:active,
headerbar button.toggle.suggested-action:backdrop:disabled:checked,
headerbar button.toggle.suggested-action.flat:backdrop:disabled:active,
headerbar button.toggle.suggested-action.flat:backdrop:disabled:checked,
headerbar button.popup.toggle.suggested-action:backdrop:disabled:active,
headerbar button.popup.toggle.suggested-action:backdrop:disabled:checked,
headerbar button.popup.toggle.suggested-action.flat:backdrop:disabled:active,
headerbar button.popup.toggle.suggested-action.flat:backdrop:disabled:checked,
headerbar button.image-button.suggested-action:backdrop:disabled:active,
headerbar button.image-button.suggested-action:backdrop:disabled:checked,
headerbar button.image-button.suggested-action.flat:backdrop:disabled:active,
headerbar button.image-button.suggested-action.flat:backdrop:disabled:checked,
headerbar button.image-button.toggle.suggested-action:backdrop:disabled:active,
headerbar button.image-button.toggle.suggested-action:backdrop:disabled:checked,
headerbar button.image-button.toggle.suggested-action.flat:backdrop:disabled:active,
headerbar button.image-button.toggle.suggested-action.flat:backdrop:disabled:checked,
headerbar button.text-button.suggested-action:backdrop:disabled:active,
headerbar button.text-button.suggested-action:backdrop:disabled:checked,
headerbar button.text-button.suggested-action.flat:backdrop:disabled:active,
headerbar button.text-button.suggested-action.flat:backdrop:disabled:checked,
headerbar button.text-button.toggle.suggested-action:backdrop:disabled:active,
headerbar button.text-button.toggle.suggested-action:backdrop:disabled:checked,
headerbar button.text-button.toggle.suggested-action.flat:backdrop:disabled:active,
headerbar button.text-button.toggle.suggested-action.flat:backdrop:disabled:checked,
headerbar box button.toggle.suggested-action:backdrop:disabled:active,
headerbar box button.toggle.suggested-action:backdrop:disabled:checked,
headerbar box button.toggle.suggested-action.flat:backdrop:disabled:active,
headerbar box button.toggle.suggested-action.flat:backdrop:disabled:checked,
headerbar buttonbox.toggle.suggested-action:backdrop:disabled:active,
headerbar buttonbox.toggle.suggested-action:backdrop:disabled:checked,
headerbar buttonbox.toggle.suggested-action.flat:backdrop:disabled:active,
headerbar buttonbox.toggle.suggested-action.flat:backdrop:disabled:checked,
headerbar stackswitcher button.suggested-action:backdrop:disabled:active,
headerbar stackswitcher button.suggested-action:backdrop:disabled:checked,
headerbar stackswitcher button.suggested-action.flat:backdrop:disabled:active,
headerbar stackswitcher button.suggested-action.flat:backdrop:disabled:checked,
headerbar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled:active,
headerbar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled:checked,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled:active,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled:checked,
headerbar .path-bar button.suggested-action:backdrop:disabled:active,
headerbar .path-bar button.suggested-action:backdrop:disabled:checked,
headerbar .path-bar button.suggested-action.flat:backdrop:disabled:active,
headerbar .path-bar button.suggested-action.flat:backdrop:disabled:checked,
.titlebar box button.toggle.suggested-action:backdrop:disabled:active,
.titlebar box button.toggle.suggested-action:backdrop:disabled:checked,
.titlebar box button.toggle.suggested-action.flat:backdrop:disabled:active,
.titlebar box button.toggle.suggested-action.flat:backdrop:disabled:checked,
.titlebar stackswitcher button.suggested-action:backdrop:disabled:active,
.titlebar stackswitcher button.suggested-action:backdrop:disabled:checked,
.titlebar stackswitcher button.suggested-action.flat:backdrop:disabled:active,
.titlebar stackswitcher button.suggested-action.flat:backdrop:disabled:checked,
.titlebar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled:active,
.titlebar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled:checked,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled:active,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled:checked,
.titlebar .path-bar button.suggested-action:backdrop:disabled:active,
.titlebar .path-bar button.suggested-action:backdrop:disabled:checked,
.titlebar .path-bar button.suggested-action.flat:backdrop:disabled:active,
.titlebar .path-bar button.suggested-action.flat:backdrop:disabled:checked {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
}
headerbar button.suggested-action.flat:backdrop, 
headerbar button.suggested-action.flat:disabled, 
headerbar button.suggested-action.flat:backdrop:disabled,
headerbar button.toggle.suggested-action.flat:backdrop,
headerbar button.toggle.suggested-action.flat:disabled,
headerbar button.toggle.suggested-action.flat:backdrop:disabled,
headerbar button.popup.toggle.suggested-action.flat:backdrop,
headerbar button.popup.toggle.suggested-action.flat:disabled,
headerbar button.popup.toggle.suggested-action.flat:backdrop:disabled,
headerbar button.image-button.suggested-action.flat:backdrop,
headerbar button.image-button.suggested-action.flat:disabled,
headerbar button.image-button.suggested-action.flat:backdrop:disabled,
headerbar button.image-button.toggle.suggested-action.flat:backdrop,
headerbar button.image-button.toggle.suggested-action.flat:disabled,
headerbar button.image-button.toggle.suggested-action.flat:backdrop:disabled,
headerbar button.text-button.suggested-action.flat:backdrop,
headerbar button.text-button.suggested-action.flat:disabled,
headerbar button.text-button.suggested-action.flat:backdrop:disabled,
headerbar button.text-button.toggle.suggested-action.flat:backdrop,
headerbar button.text-button.toggle.suggested-action.flat:disabled,
headerbar button.text-button.toggle.suggested-action.flat:backdrop:disabled,
headerbar box button.toggle.suggested-action.flat:backdrop,
headerbar box button.toggle.suggested-action.flat:disabled,
headerbar box button.toggle.suggested-action.flat:backdrop:disabled,
headerbar buttonbox.toggle.suggested-action.flat:backdrop,
headerbar buttonbox.toggle.suggested-action.flat:disabled,
headerbar buttonbox.toggle.suggested-action.flat:backdrop:disabled,
headerbar stackswitcher button.suggested-action.flat:backdrop,
headerbar stackswitcher button.suggested-action.flat:disabled,
headerbar stackswitcher button.suggested-action.flat:backdrop:disabled,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:disabled,
headerbar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled,
headerbar .path-bar button.suggested-action.flat:backdrop,
headerbar .path-bar button.suggested-action.flat:disabled,
headerbar .path-bar button.suggested-action.flat:backdrop:disabled,
.titlebar box button.toggle.suggested-action.flat:backdrop,
.titlebar box button.toggle.suggested-action.flat:disabled,
.titlebar box button.toggle.suggested-action.flat:backdrop:disabled,
.titlebar stackswitcher button.suggested-action.flat:backdrop,
.titlebar stackswitcher button.suggested-action.flat:disabled,
.titlebar stackswitcher button.suggested-action.flat:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:disabled,
.titlebar filechooser .path-bar.linked > button.suggested-action.flat:backdrop:disabled,
.titlebar .path-bar button.suggested-action.flat:backdrop,
.titlebar .path-bar button.suggested-action.flat:disabled,
.titlebar .path-bar button.suggested-action.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
}

headerbar button.suggested-action:disabled,
headerbar button.toggle.suggested-action:disabled,
headerbar button.popup.toggle.suggested-action:disabled,
headerbar button.image-button.suggested-action:disabled,
headerbar button.image-button.toggle.suggested-action:disabled,
headerbar button.text-button.suggested-action:disabled,
headerbar button.text-button.toggle.suggested-action:disabled,
headerbar box button.toggle.suggested-action:disabled,
headerbar buttonbox.toggle.suggested-action:disabled,
headerbar stackswitcher button.suggested-action:disabled,
headerbar filechooser .path-bar.linked > button.suggested-action:disabled,
headerbar .path-bar button.suggested-action:disabled,
.titlebar box button.toggle.suggested-action:disabled,
.titlebar stackswitcher button.suggested-action:disabled,
.titlebar filechooser .path-bar.linked > button.suggested-action:disabled,
.titlebar .path-bar button.suggested-action:disabled {
    color: @titlebutton_fg_dis;
    text-shadow: none;
    -gtk-icon-shadow: none;
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
}
headerbar button.suggested-action:disabled:active, 
headerbar button.suggested-action:disabled:checked,
headerbar button.toggle.suggested-action:disabled:active,
headerbar button.toggle.suggested-action:disabled:checked,
headerbar button.popup.toggle.suggested-action:disabled:active,
headerbar button.popup.toggle.suggested-action:disabled:checked,
headerbar button.image-button.suggested-action:disabled:active,
headerbar button.image-button.suggested-action:disabled:checked,
headerbar button.image-button.toggle.suggested-action:disabled:active,
headerbar button.image-button.toggle.suggested-action:disabled:checked,
headerbar button.text-button.suggested-action:disabled:active,
headerbar button.text-button.suggested-action:disabled:checked,
headerbar button.text-button.toggle.suggested-action:disabled:active,
headerbar button.text-button.toggle.suggested-action:disabled:checked,
headerbar box button.toggle.suggested-action:disabled:active,
headerbar box button.toggle.suggested-action:disabled:checked,
headerbar buttonbox.toggle.suggested-action:disabled:active,
headerbar buttonbox.toggle.suggested-action:disabled:checked,
headerbar stackswitcher button.suggested-action:disabled:active,
headerbar stackswitcher button.suggested-action:disabled:checked,
headerbar filechooser .path-bar.linked > button.suggested-action:disabled:active,
headerbar filechooser .path-bar.linked > button.suggested-action:disabled:checked,
headerbar .path-bar button.suggested-action:disabled:active,
headerbar .path-bar button.suggested-action:disabled:checked,
.titlebar box button.toggle.suggested-action:disabled:active,
.titlebar box button.toggle.suggested-action:disabled:checked,
.titlebar stackswitcher button.suggested-action:disabled:active,
.titlebar stackswitcher button.suggested-action:disabled:checked,
.titlebar filechooser .path-bar.linked > button.suggested-action:disabled:active,
.titlebar filechooser .path-bar.linked > button.suggested-action:disabled:checked,
.titlebar .path-bar button.suggested-action:disabled:active,
.titlebar .path-bar button.suggested-action:disabled:checked {
    color: @titlebutton_fg_dis;
    text-shadow: none;
    -gtk-icon-shadow: none;
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
}

.osd headerbar button.suggested-action,
.osd headerbar button.toggle.suggested-action,
.osd headerbar button.popup.toggle.suggested-action,
.osd headerbar button.image-button.suggested-action,
.osd headerbar button.image-button.toggle.suggested-action,
.osd headerbar button.text-button.suggested-action,
.osd headerbar button.text-button.toggle.suggested-action,
.osd headerbar box button.toggle.suggested-action,
.osd headerbar buttonbox.toggle.suggested-action,
.osd headerbar stackswitcher button.suggested-action,
.osd headerbar filechooser .path-bar.linked > button.suggested-action,
.osd headerbar .path-bar button.suggested-action,
.osd .titlebar box button.toggle.suggested-action,
.osd .titlebar stackswitcher button.suggested-action,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action,
.osd .titlebar .path-bar button.suggested-action {
    color: @button_fg_sugg_color;
    border-color: @button_border_sugg;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px @shadow_color;
    -gtk-icon-shadow: 0 1px @shadow_color;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd headerbar button.suggested-action:hover,
.osd headerbar button.toggle.suggested-action:hover,
.osd headerbar button.popup.toggle.suggested-action:hover,
.osd headerbar button.image-button.suggested-action:hover,
.osd headerbar button.image-button.toggle.suggested-action:hover,
.osd headerbar button.text-button.suggested-action:hover,
.osd headerbar button.text-button.toggle.suggested-action:hover,
.osd headerbar box button.toggle.suggested-action:hover,
.osd headerbar buttonbox.toggle.suggested-action:hover,
.osd headerbar stackswitcher button.suggested-action:hover,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:hover,
.osd headerbar .path-bar button.suggested-action:hover,
.osd .titlebar box button.toggle.suggested-action:hover,
.osd .titlebar stackswitcher button.suggested-action:hover,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:hover,
.osd .titlebar .path-bar button.suggested-action:hover {
    color: @button_fg_sugg_color;
    border-color: @button_border_sugg;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_hov, @button_bg_sugg_b_hov 40%, @button_bg_sugg_c_hov);
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.osd headerbar button.suggested-action:active:backdrop,
.osd headerbar button.suggested-action:active,
.osd headerbar button.suggested-action:checked:backdrop,
.osd headerbar button.suggested-action:checked,
.osd headerbar button.toggle.suggested-action:active:backdrop,
.osd headerbar button.toggle.suggested-action:active,
.osd headerbar button.toggle.suggested-action:checked:backdrop,
.osd headerbar button.toggle.suggested-action:checked,
.osd headerbar button.popup.toggle.suggested-action:active:backdrop,
.osd headerbar button.popup.toggle.suggested-action:active,
.osd headerbar button.popup.toggle.suggested-action:checked:backdrop,
.osd headerbar button.popup.toggle.suggested-action:checked,
.osd headerbar button.image-button.suggested-action:active:backdrop,
.osd headerbar button.image-button.suggested-action:active,
.osd headerbar button.image-button.suggested-action:checked:backdrop,
.osd headerbar button.image-button.suggested-action:checked,
.osd headerbar button.image-button.toggle.suggested-action:active:backdrop,
.osd headerbar button.image-button.toggle.suggested-action:active,
.osd headerbar button.image-button.toggle.suggested-action:checked:backdrop,
.osd headerbar button.image-button.toggle.suggested-action:checked,
.osd headerbar button.text-button.suggested-action:active:backdrop,
.osd headerbar button.text-button.suggested-action:active,
.osd headerbar button.text-button.suggested-action:checked:backdrop,
.osd headerbar button.text-button.suggested-action:checked,
.osd headerbar button.text-button.toggle.suggested-action:active:backdrop,
.osd headerbar button.text-button.toggle.suggested-action:active,
.osd headerbar button.text-button.toggle.suggested-action:checked:backdrop,
.osd headerbar button.text-button.toggle.suggested-action:checked,
.osd headerbar box button.toggle.suggested-action:active:backdrop,
.osd headerbar box button.toggle.suggested-action:active,
.osd headerbar box button.toggle.suggested-action:checked:backdrop,
.osd headerbar box button.toggle.suggested-action:checked,
.osd headerbar buttonbox.toggle.suggested-action:active:backdrop,
.osd headerbar buttonbox.toggle.suggested-action:active,
.osd headerbar buttonbox.toggle.suggested-action:checked:backdrop,
.osd headerbar buttonbox.toggle.suggested-action:checked,
.osd headerbar stackswitcher button.suggested-action:active:backdrop,
.osd headerbar stackswitcher button.suggested-action:active,
.osd headerbar stackswitcher button.suggested-action:checked:backdrop,
.osd headerbar stackswitcher button.suggested-action:checked,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:active:backdrop,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:active,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:checked:backdrop,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:checked,
.osd headerbar .path-bar button.suggested-action:active:backdrop,
.osd headerbar .path-bar button.suggested-action:active,
.osd headerbar .path-bar button.suggested-action:checked:backdrop,
.osd headerbar .path-bar button.suggested-action:checked,
.osd .titlebar box button.toggle.suggested-action:active:backdrop,
.osd .titlebar box button.toggle.suggested-action:active,
.osd .titlebar box button.toggle.suggested-action:checked:backdrop,
.osd .titlebar box button.toggle.suggested-action:checked,
.osd .titlebar stackswitcher button.suggested-action:active:backdrop,
.osd .titlebar stackswitcher button.suggested-action:active,
.osd .titlebar stackswitcher button.suggested-action:checked:backdrop,
.osd .titlebar stackswitcher button.suggested-action:checked,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:active:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:active,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:checked:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:checked,
.osd .titlebar .path-bar button.suggested-action:active:backdrop,
.osd .titlebar .path-bar button.suggested-action:active,
.osd .titlebar .path-bar button.suggested-action:checked:backdrop,
.osd .titlebar .path-bar button.suggested-action:checked {
    color: @button_fg_sugg_color;
    border-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    background-image: image(@button_bg_sugg_flt);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd headerbar button.suggested-action:disabled:backdrop,
.osd headerbar button.suggested-action:disabled,
.osd headerbar button.toggle.suggested-action:disabled:backdrop,
.osd headerbar button.toggle.suggested-action:disabled,
.osd headerbar button.popup.toggle.suggested-action:disabled:backdrop,
.osd headerbar button.popup.toggle.suggested-action:disabled,
.osd headerbar button.image-button.suggested-action:disabled:backdrop,
.osd headerbar button.image-button.suggested-action:disabled,
.osd headerbar button.image-button.toggle.suggested-action:disabled:backdrop,
.osd headerbar button.image-button.toggle.suggested-action:disabled,
.osd headerbar button.text-button.suggested-action:disabled:backdrop,
.osd headerbar button.text-button.suggested-action:disabled,
.osd headerbar button.text-button.toggle.suggested-action:disabled:backdrop,
.osd headerbar button.text-button.toggle.suggested-action:disabled,
.osd headerbar box button.toggle.suggested-action:disabled:backdrop,
.osd headerbar box button.toggle.suggested-action:disabled,
.osd headerbar buttonbox.toggle.suggested-action:disabled:backdrop,
.osd headerbar buttonbox.toggle.suggested-action:disabled,
.osd headerbar stackswitcher button.suggested-action:disabled:backdrop,
.osd headerbar stackswitcher button.suggested-action:disabled,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:disabled:backdrop,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:disabled,
.osd headerbar .path-bar button.suggested-action:disabled:backdrop,
.osd headerbar .path-bar button.suggested-action:disabled,
.osd .titlebar box button.toggle.suggested-action:disabled:backdrop,
.osd .titlebar box button.toggle.suggested-action:disabled,
.osd .titlebar stackswitcher button.suggested-action:disabled:backdrop,
.osd .titlebar stackswitcher button.suggested-action:disabled,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:disabled:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:disabled,
.osd .titlebar .path-bar button.suggested-action:disabled:backdrop,
.osd .titlebar .path-bar button.suggested-action:disabled {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    background-clip: padding-box;
    text-shadow: none;
    -gtk-icon-shadow: none;
}

.osd headerbar button.suggested-action:backdrop,
.osd headerbar button.toggle.suggested-action:backdrop,
.osd headerbar button.popup.toggle.suggested-action:backdrop,
.osd headerbar button.image-button.suggested-action:backdrop,
.osd headerbar button.image-button.toggle.suggested-action:backdrop,
.osd headerbar button.text-button.suggested-action:backdrop,
.osd headerbar button.text-button.toggle.suggested-action:backdrop,
.osd headerbar box button.toggle.suggested-action:backdrop,
.osd headerbar buttonbox.toggle.suggested-action:backdrop,
.osd headerbar stackswitcher button.suggested-action:backdrop,
.osd headerbar filechooser .path-bar.linked > button.suggested-action:backdrop,
.osd headerbar .path-bar button.suggested-action:backdrop,
.osd .titlebar box button.toggle.suggested-action:backdrop,
.osd .titlebar stackswitcher button.suggested-action:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.suggested-action:backdrop,
.osd .titlebar .path-bar button.suggested-action:backdrop {
    color: @button_fg_sugg_color;
    border-color: @titlebutton_border;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none; 
}
headerbar button.destructive-action,
headerbar button.toggle.destructive-action,
headerbar button.popup.toggle.destructive-action,
headerbar button.image-button.destructive-action,
headerbar button.image-button.toggle.destructive-action,
headerbar button.text-button.destructive-action,
headerbar button.text-button.toggle.destructive-action,
headerbar box button.toggle.destructive-action,
headerbar buttonbox.toggle.destructive-action,
headerbar stackswitcher button.destructive-action,
headerbar filechooser .path-bar.linked > button.destructive-action,
headerbar .path-bar button.destructive-action,
.titlebar box button.toggle.destructive-action,
.titlebar stackswitcher button.destructive-action,
.titlebar filechooser .path-bar.linked > button.destructive-action,
.titlebar .path-bar button.destructive-action {
    color: @button_fg_dest_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_dest;
    background-image: linear-gradient(to bottom, @button_bg_dest_a, @button_bg_dest_b 60%, @button_bg_dest_c);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
headerbar button.destructive-action.flat,
headerbar button.toggle.destructive-action.flat,
headerbar button.popup.toggle.destructive-action.flat,
headerbar button.image-button.destructive-action.flat,
headerbar button.image-button.toggle.destructive-action.flat,
headerbar button.text-button.destructive-action.flat,
headerbar button.text-button.toggle.destructive-action.flat,
headerbar box button.toggle.destructive-action.flat,
headerbar buttonbox.toggle.destructive-action.flat,
headerbar stackswitcher button.destructive-action.flat,
headerbar filechooser .path-bar.linked > button.destructive-action.flat,
headerbar .path-bar button.destructive-action.flat,
.titlebar box button.toggle.destructive-action.flat,
.titlebar stackswitcher button.destructive-action.flat,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat,
.titlebar .path-bar button.destructive-action.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: @button_fg_dest_color;
}
headerbar button.destructive-action:hover,
headerbar button.toggle.destructive-action:hover,
headerbar button.popup.toggle.destructive-action:hover,
headerbar button.image-button.destructive-action:hover,
headerbar button.image-button.toggle.destructive-action:hover,
headerbar button.text-button.destructive-action:hover,
headerbar button.text-button.toggle.destructive-action:hover,
headerbar box button.toggle.destructive-action:hover,
headerbar buttonbox.toggle.destructive-action:hover,
headerbar stackswitcher button.destructive-action:hover,
headerbar filechooser .path-bar.linked > button.destructive-action:hover,
headerbar .path-bar button.destructive-action:hover,
.titlebar box button.toggle.destructive-action:hover,
.titlebar stackswitcher button.destructive-action:hover,
.titlebar filechooser .path-bar.linked > button.destructive-action:hover,
.titlebar .path-bar button.destructive-action:hover {
    color: @button_fg_dest_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_dest;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @button_bg_dest_a_hov, @button_bg_dest_b_hov 60%, @button_bg_dest_c_hov);
}
headerbar button.destructive-action:active, 
headerbar button.destructive-action:checked,
headerbar button.toggle.destructive-action:active,
headerbar button.toggle.destructive-action:checked,
headerbar button.popup.toggle.destructive-action:active,
headerbar button.popup.toggle.destructive-action:checked,
headerbar button.image-button.destructive-action:active,
headerbar button.image-button.destructive-action:checked,
headerbar button.image-button.toggle.destructive-action:active,
headerbar button.image-button.toggle.destructive-action:checked,
headerbar button.text-button.destructive-action:active,
headerbar button.text-button.destructive-action:checked,
headerbar button.text-button.toggle.destructive-action:active,
headerbar button.text-button.toggle.destructive-action:checked,
headerbar box button.toggle.destructive-action:active,
headerbar box button.toggle.destructive-action:checked,
headerbar buttonbox.toggle.destructive-action:active,
headerbar buttonbox.toggle.destructive-action:checked,
headerbar stackswitcher button.destructive-action:active,
headerbar stackswitcher button.destructive-action:checked,
headerbar filechooser .path-bar.linked > button.destructive-action:active,
headerbar filechooser .path-bar.linked > button.destructive-action:checked,
headerbar .path-bar button.destructive-action:active,
headerbar .path-bar button.destructive-action:checked,
.titlebar box button.toggle.destructive-action:active,
.titlebar box button.toggle.destructive-action:checked,
.titlebar stackswitcher button.destructive-action:active,
.titlebar stackswitcher button.destructive-action:checked,
.titlebar filechooser .path-bar.linked > button.destructive-action:active,
.titlebar filechooser .path-bar.linked > button.destructive-action:checked,
.titlebar .path-bar button.destructive-action:active,
.titlebar .path-bar button.destructive-action:checked {
    color: @button_fg_dest_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @button_border_dest;
    background-image: linear-gradient(to bottom, @button_bg_dest_a_act, @button_bg_dest_b_act 60%, @button_bg_dest_c_act);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    text-shadow: none;
    -gtk-icon-shadow: none;
}
headerbar button.destructive-action, 
headerbar button.destructive-action:hover, 
headerbar button.destructive-action:focus:active,
headerbar button.toggle.destructive-action,
headerbar button.toggle.destructive-action:hover,
headerbar button.toggle.destructive-action:focus:active,
headerbar button.popup.toggle.destructive-action,
headerbar button.popup.toggle.destructive-action:hover,
headerbar button.popup.toggle.destructive-action:focus:active,
headerbar button.image-button.destructive-action,
headerbar button.image-button.destructive-action:hover,
headerbar button.image-button.destructive-action:focus:active,
headerbar button.image-button.toggle.destructive-action,
headerbar button.image-button.toggle.destructive-action:hover,
headerbar button.image-button.toggle.destructive-action:focus:active,
headerbar button.text-button.destructive-action,
headerbar button.text-button.destructive-action:hover,
headerbar button.text-button.destructive-action:focus:active,
headerbar button.text-button.toggle.destructive-action,
headerbar button.text-button.toggle.destructive-action:hover,
headerbar button.text-button.toggle.destructive-action:focus:active,
headerbar box button.toggle.destructive-action,
headerbar box button.toggle.destructive-action:hover,
headerbar box button.toggle.destructive-action:focus:active,
headerbar buttonbox.toggle.destructive-action,
headerbar buttonbox.toggle.destructive-action:hover,
headerbar buttonbox.toggle.destructive-action:focus:active,
headerbar stackswitcher button.destructive-action,
headerbar stackswitcher button.destructive-action:hover,
headerbar stackswitcher button.destructive-action:focus:active,
headerbar filechooser .path-bar.linked > button.destructive-action,
headerbar filechooser .path-bar.linked > button.destructive-action:hover,
headerbar filechooser .path-bar.linked > button.destructive-action:focus:active,
headerbar .path-bar button.destructive-action,
headerbar .path-bar button.destructive-action:hover,
headerbar .path-bar button.destructive-action:focus:active,
.titlebar box button.toggle.destructive-action,
.titlebar box button.toggle.destructive-action:hover,
.titlebar box button.toggle.destructive-action:focus:active,
.titlebar stackswitcher button.destructive-action,
.titlebar stackswitcher button.destructive-action:hover,
.titlebar stackswitcher button.destructive-action:focus:active,
.titlebar filechooser .path-bar.linked > button.destructive-action,
.titlebar filechooser .path-bar.linked > button.destructive-action:hover,
.titlebar filechooser .path-bar.linked > button.destructive-action:focus:active,
.titlebar .path-bar button.destructive-action,
.titlebar .path-bar button.destructive-action:hover,
.titlebar .path-bar button.destructive-action:focus:active {
    outline-color: alpha(#ffffff, 0.6); 
}
headerbar button.destructive-action:backdrop, 
headerbar button.destructive-action.flat:backdrop,
headerbar button.toggle.destructive-action:backdrop,
headerbar button.toggle.destructive-action.flat:backdrop,
headerbar button.popup.toggle.destructive-action:backdrop,
headerbar button.popup.toggle.destructive-action.flat:backdrop,
headerbar button.image-button.destructive-action:backdrop,
headerbar button.image-button.destructive-action.flat:backdrop,
headerbar button.image-button.toggle.destructive-action:backdrop,
headerbar button.image-button.toggle.destructive-action.flat:backdrop,
headerbar button.text-button.destructive-action:backdrop,
headerbar button.text-button.destructive-action.flat:backdrop,
headerbar button.text-button.toggle.destructive-action:backdrop,
headerbar button.text-button.toggle.destructive-action.flat:backdrop,
headerbar box button.toggle.destructive-action:backdrop,
headerbar box button.toggle.destructive-action.flat:backdrop,
headerbar buttonbox.toggle.destructive-action:backdrop,
headerbar buttonbox.toggle.destructive-action.flat:backdrop,
headerbar stackswitcher button.destructive-action:backdrop,
headerbar stackswitcher button.destructive-action.flat:backdrop,
headerbar filechooser .path-bar.linked > button.destructive-action:backdrop,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop,
headerbar .path-bar button.destructive-action:backdrop,
headerbar .path-bar button.destructive-action.flat:backdrop,
.titlebar box button.toggle.destructive-action:backdrop,
.titlebar box button.toggle.destructive-action.flat:backdrop,
.titlebar stackswitcher button.destructive-action:backdrop,
.titlebar stackswitcher button.destructive-action.flat:backdrop,
.titlebar filechooser .path-bar.linked > button.destructive-action:backdrop,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop,
.titlebar .path-bar button.destructive-action:backdrop,
.titlebar .path-bar button.destructive-action.flat:backdrop {
    border-color: @button_border_dest;
    background-image: image(@button_bg_dest_flt);
    text-shadow: none;
    -gtk-icon-shadow: none;
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    color: @button_fg_dest_color;
}
headerbar button.destructive-action:backdrop:active, 
headerbar button.destructive-action:backdrop:checked, 
headerbar button.destructive-action.flat:backdrop:active, 
headerbar button.destructive-action.flat:backdrop:checked,
headerbar button.toggle.destructive-action:backdrop:active,
headerbar button.toggle.destructive-action:backdrop:checked,
headerbar button.toggle.destructive-action.flat:backdrop:active,
headerbar button.toggle.destructive-action.flat:backdrop:checked,
headerbar button.popup.toggle.destructive-action:backdrop:active,
headerbar button.popup.toggle.destructive-action:backdrop:checked,
headerbar button.popup.toggle.destructive-action.flat:backdrop:active,
headerbar button.popup.toggle.destructive-action.flat:backdrop:checked,
headerbar button.image-button.destructive-action:backdrop:active,
headerbar button.image-button.destructive-action:backdrop:checked,
headerbar button.image-button.destructive-action.flat:backdrop:active,
headerbar button.image-button.destructive-action.flat:backdrop:checked,
headerbar button.image-button.toggle.destructive-action:backdrop:active,
headerbar button.image-button.toggle.destructive-action:backdrop:checked,
headerbar button.image-button.toggle.destructive-action.flat:backdrop:active,
headerbar button.image-button.toggle.destructive-action.flat:backdrop:checked,
headerbar button.text-button.destructive-action:backdrop:active,
headerbar button.text-button.destructive-action:backdrop:checked,
headerbar button.text-button.destructive-action.flat:backdrop:active,
headerbar button.text-button.destructive-action.flat:backdrop:checked,
headerbar button.text-button.toggle.destructive-action:backdrop:active,
headerbar button.text-button.toggle.destructive-action:backdrop:checked,
headerbar button.text-button.toggle.destructive-action.flat:backdrop:active,
headerbar button.text-button.toggle.destructive-action.flat:backdrop:checked,
headerbar box button.toggle.destructive-action:backdrop:active,
headerbar box button.toggle.destructive-action:backdrop:checked,
headerbar box button.toggle.destructive-action.flat:backdrop:active,
headerbar box button.toggle.destructive-action.flat:backdrop:checked,
headerbar buttonbox.toggle.destructive-action:backdrop:active,
headerbar buttonbox.toggle.destructive-action:backdrop:checked,
headerbar buttonbox.toggle.destructive-action.flat:backdrop:active,
headerbar buttonbox.toggle.destructive-action.flat:backdrop:checked,
headerbar stackswitcher button.destructive-action:backdrop:active,
headerbar stackswitcher button.destructive-action:backdrop:checked,
headerbar stackswitcher button.destructive-action.flat:backdrop:active,
headerbar stackswitcher button.destructive-action.flat:backdrop:checked,
headerbar filechooser .path-bar.linked > button.destructive-action:backdrop:active,
headerbar filechooser .path-bar.linked > button.destructive-action:backdrop:checked,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:active,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:checked,
headerbar .path-bar button.destructive-action:backdrop:active,
headerbar .path-bar button.destructive-action:backdrop:checked,
headerbar .path-bar button.destructive-action.flat:backdrop:active,
headerbar .path-bar button.destructive-action.flat:backdrop:checked,
.titlebar box button.toggle.destructive-action:backdrop:active,
.titlebar box button.toggle.destructive-action:backdrop:checked,
.titlebar box button.toggle.destructive-action.flat:backdrop:active,
.titlebar box button.toggle.destructive-action.flat:backdrop:checked,
.titlebar stackswitcher button.destructive-action:backdrop:active,
.titlebar stackswitcher button.destructive-action:backdrop:checked,
.titlebar stackswitcher button.destructive-action.flat:backdrop:active,
.titlebar stackswitcher button.destructive-action.flat:backdrop:checked,
.titlebar filechooser .path-bar.linked > button.destructive-action:backdrop:active,
.titlebar filechooser .path-bar.linked > button.destructive-action:backdrop:checked,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:active,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:checked,
.titlebar .path-bar button.destructive-action:backdrop:active,
.titlebar .path-bar button.destructive-action:backdrop:checked,
.titlebar .path-bar button.destructive-action.flat:backdrop:active,
.titlebar .path-bar button.destructive-action.flat:backdrop:checked {
    border-color: @button_border_dest;
    background-image: linear-gradient(to bottom, @button_bg_dest_a_hov, @button_bg_dest_b_hov, @button_bg_dest_c_hov);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    color: @button_fg_dest_color;
}
headerbar button.destructive-action:backdrop:disabled, 
headerbar button.destructive-action.flat:backdrop:disabled,
headerbar button.toggle.destructive-action:backdrop:disabled,
headerbar button.toggle.destructive-action.flat:backdrop:disabled,
headerbar button.popup.toggle.destructive-action:backdrop:disabled,
headerbar button.popup.toggle.destructive-action.flat:backdrop:disabled,
headerbar button.image-button.destructive-action:backdrop:disabled,
headerbar button.image-button.destructive-action.flat:backdrop:disabled,
headerbar button.image-button.toggle.destructive-action:backdrop:disabled,
headerbar button.image-button.toggle.destructive-action.flat:backdrop:disabled,
headerbar button.text-button.destructive-action:backdrop:disabled,
headerbar button.text-button.destructive-action.flat:backdrop:disabled,
headerbar button.text-button.toggle.destructive-action:backdrop:disabled,
headerbar button.text-button.toggle.destructive-action.flat:backdrop:disabled,
headerbar box button.toggle.destructive-action:backdrop:disabled,
headerbar box button.toggle.destructive-action.flat:backdrop:disabled,
headerbar buttonbox.toggle.destructive-action:backdrop:disabled,
headerbar buttonbox.toggle.destructive-action.flat:backdrop:disabled,
headerbar stackswitcher button.destructive-action:backdrop:disabled,
headerbar stackswitcher button.destructive-action.flat:backdrop:disabled,
headerbar filechooser .path-bar.linked > button.destructive-action:backdrop:disabled,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled,
headerbar .path-bar button.destructive-action:backdrop:disabled,
headerbar .path-bar button.destructive-action.flat:backdrop:disabled,
.titlebar box button.toggle.destructive-action:backdrop:disabled,
.titlebar box button.toggle.destructive-action.flat:backdrop:disabled,
.titlebar stackswitcher button.destructive-action:backdrop:disabled,
.titlebar stackswitcher button.destructive-action.flat:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button.destructive-action:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled,
.titlebar .path-bar button.destructive-action:backdrop:disabled,
.titlebar .path-bar button.destructive-action.flat:backdrop:disabled {
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
headerbar button.destructive-action:backdrop:disabled:active, 
headerbar button.destructive-action:backdrop:disabled:checked, 
headerbar button.destructive-action.flat:backdrop:disabled:active, 
headerbar button.destructive-action.flat:backdrop:disabled:checked,
headerbar button.toggle.destructive-action:backdrop:disabled:active,
headerbar button.toggle.destructive-action:backdrop:disabled:checked,
headerbar button.toggle.destructive-action.flat:backdrop:disabled:active,
headerbar button.toggle.destructive-action.flat:backdrop:disabled:checked,
headerbar button.popup.toggle.destructive-action:backdrop:disabled:active,
headerbar button.popup.toggle.destructive-action:backdrop:disabled:checked,
headerbar button.popup.toggle.destructive-action.flat:backdrop:disabled:active,
headerbar button.popup.toggle.destructive-action.flat:backdrop:disabled:checked,
headerbar button.image-button.destructive-action:backdrop:disabled:active,
headerbar button.image-button.destructive-action:backdrop:disabled:checked,
headerbar button.image-button.destructive-action.flat:backdrop:disabled:active,
headerbar button.image-button.destructive-action.flat:backdrop:disabled:checked,
headerbar button.image-button.toggle.destructive-action:backdrop:disabled:active,
headerbar button.image-button.toggle.destructive-action:backdrop:disabled:checked,
headerbar button.image-button.toggle.destructive-action.flat:backdrop:disabled:active,
headerbar button.image-button.toggle.destructive-action.flat:backdrop:disabled:checked,
headerbar button.text-button.destructive-action:backdrop:disabled:active,
headerbar button.text-button.destructive-action:backdrop:disabled:checked,
headerbar button.text-button.destructive-action.flat:backdrop:disabled:active,
headerbar button.text-button.destructive-action.flat:backdrop:disabled:checked,
headerbar button.text-button.toggle.destructive-action:backdrop:disabled:active,
headerbar button.text-button.toggle.destructive-action:backdrop:disabled:checked,
headerbar button.text-button.toggle.destructive-action.flat:backdrop:disabled:active,
headerbar button.text-button.toggle.destructive-action.flat:backdrop:disabled:checked,
headerbar box button.toggle.destructive-action:backdrop:disabled:active,
headerbar box button.toggle.destructive-action:backdrop:disabled:checked,
headerbar box button.toggle.destructive-action.flat:backdrop:disabled:active,
headerbar box button.toggle.destructive-action.flat:backdrop:disabled:checked,
headerbar buttonbox.toggle.destructive-action:backdrop:disabled:active,
headerbar buttonbox.toggle.destructive-action:backdrop:disabled:checked,
headerbar buttonbox.toggle.destructive-action.flat:backdrop:disabled:active,
headerbar buttonbox.toggle.destructive-action.flat:backdrop:disabled:checked,
headerbar stackswitcher button.destructive-action:backdrop:disabled:active,
headerbar stackswitcher button.destructive-action:backdrop:disabled:checked,
headerbar stackswitcher button.destructive-action.flat:backdrop:disabled:active,
headerbar stackswitcher button.destructive-action.flat:backdrop:disabled:checked,
headerbar filechooser .path-bar.linked > button.destructive-action:backdrop:disabled:active,
headerbar filechooser .path-bar.linked > button.destructive-action:backdrop:disabled:checked,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled:active,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled:checked,
headerbar .path-bar button.destructive-action:backdrop:disabled:active,
headerbar .path-bar button.destructive-action:backdrop:disabled:checked,
headerbar .path-bar button.destructive-action.flat:backdrop:disabled:active,
headerbar .path-bar button.destructive-action.flat:backdrop:disabled:checked,
.titlebar box button.toggle.destructive-action:backdrop:disabled:active,
.titlebar box button.toggle.destructive-action:backdrop:disabled:checked,
.titlebar box button.toggle.destructive-action.flat:backdrop:disabled:active,
.titlebar box button.toggle.destructive-action.flat:backdrop:disabled:checked,
.titlebar stackswitcher button.destructive-action:backdrop:disabled:active,
.titlebar stackswitcher button.destructive-action:backdrop:disabled:checked,
.titlebar stackswitcher button.destructive-action.flat:backdrop:disabled:active,
.titlebar stackswitcher button.destructive-action.flat:backdrop:disabled:checked,
.titlebar filechooser .path-bar.linked > button.destructive-action:backdrop:disabled:active,
.titlebar filechooser .path-bar.linked > button.destructive-action:backdrop:disabled:checked,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled:active,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled:checked,
.titlebar .path-bar button.destructive-action:backdrop:disabled:active,
.titlebar .path-bar button.destructive-action:backdrop:disabled:checked,
.titlebar .path-bar button.destructive-action.flat:backdrop:disabled:active,
.titlebar .path-bar button.destructive-action.flat:backdrop:disabled:checked {
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
headerbar button.destructive-action.flat:backdrop, 
headerbar button.destructive-action.flat:disabled, 
headerbar button.destructive-action.flat:backdrop:disabled,
headerbar button.toggle.destructive-action.flat:backdrop,
headerbar button.toggle.destructive-action.flat:disabled,
headerbar button.toggle.destructive-action.flat:backdrop:disabled,
headerbar button.popup.toggle.destructive-action.flat:backdrop,
headerbar button.popup.toggle.destructive-action.flat:disabled,
headerbar button.popup.toggle.destructive-action.flat:backdrop:disabled,
headerbar button.image-button.destructive-action.flat:backdrop,
headerbar button.image-button.destructive-action.flat:disabled,
headerbar button.image-button.destructive-action.flat:backdrop:disabled,
headerbar button.image-button.toggle.destructive-action.flat:backdrop,
headerbar button.image-button.toggle.destructive-action.flat:disabled,
headerbar button.image-button.toggle.destructive-action.flat:backdrop:disabled,
headerbar button.text-button.destructive-action.flat:backdrop,
headerbar button.text-button.destructive-action.flat:disabled,
headerbar button.text-button.destructive-action.flat:backdrop:disabled,
headerbar button.text-button.toggle.destructive-action.flat:backdrop,
headerbar button.text-button.toggle.destructive-action.flat:disabled,
headerbar button.text-button.toggle.destructive-action.flat:backdrop:disabled,
headerbar box button.toggle.destructive-action.flat:backdrop,
headerbar box button.toggle.destructive-action.flat:disabled,
headerbar box button.toggle.destructive-action.flat:backdrop:disabled,
headerbar buttonbox.toggle.destructive-action.flat:backdrop,
headerbar buttonbox.toggle.destructive-action.flat:disabled,
headerbar buttonbox.toggle.destructive-action.flat:backdrop:disabled,
headerbar stackswitcher button.destructive-action.flat:backdrop,
headerbar stackswitcher button.destructive-action.flat:disabled,
headerbar stackswitcher button.destructive-action.flat:backdrop:disabled,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:disabled,
headerbar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled,
headerbar .path-bar button.destructive-action.flat:backdrop,
headerbar .path-bar button.destructive-action.flat:disabled,
headerbar .path-bar button.destructive-action.flat:backdrop:disabled,
.titlebar box button.toggle.destructive-action.flat:backdrop,
.titlebar box button.toggle.destructive-action.flat:disabled,
.titlebar box button.toggle.destructive-action.flat:backdrop:disabled,
.titlebar stackswitcher button.destructive-action.flat:backdrop,
.titlebar stackswitcher button.destructive-action.flat:disabled,
.titlebar stackswitcher button.destructive-action.flat:backdrop:disabled,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:disabled,
.titlebar filechooser .path-bar.linked > button.destructive-action.flat:backdrop:disabled,
.titlebar .path-bar button.destructive-action.flat:backdrop,
.titlebar .path-bar button.destructive-action.flat:disabled,
.titlebar .path-bar button.destructive-action.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(213, 16, 16, 0.8); 
}
headerbar button.destructive-action:disabled,
headerbar button.toggle.destructive-action:disabled,
headerbar button.popup.toggle.destructive-action:disabled,
headerbar button.image-button.destructive-action:disabled,
headerbar button.image-button.toggle.destructive-action:disabled,
headerbar button.text-button.destructive-action:disabled,
headerbar button.text-button.toggle.destructive-action:disabled,
headerbar box button.toggle.destructive-action:disabled,
headerbar buttonbox.toggle.destructive-action:disabled,
headerbar stackswitcher button.destructive-action:disabled,
headerbar filechooser .path-bar.linked > button.destructive-action:disabled,
headerbar .path-bar button.destructive-action:disabled,
.titlebar box button.toggle.destructive-action:disabled,
.titlebar stackswitcher button.destructive-action:disabled,
.titlebar filechooser .path-bar.linked > button.destructive-action:disabled,
.titlebar .path-bar button.destructive-action:disabled {
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
headerbar button.destructive-action:disabled:active, 
headerbar button.destructive-action:disabled:checked,
headerbar button.toggle.destructive-action:disabled:active,
headerbar button.toggle.destructive-action:disabled:checked,
headerbar button.popup.toggle.destructive-action:disabled:active,
headerbar button.popup.toggle.destructive-action:disabled:checked,
headerbar button.image-button.destructive-action:disabled:active,
headerbar button.image-button.destructive-action:disabled:checked,
headerbar button.image-button.toggle.destructive-action:disabled:active,
headerbar button.image-button.toggle.destructive-action:disabled:checked,
headerbar button.text-button.destructive-action:disabled:active,
headerbar button.text-button.destructive-action:disabled:checked,
headerbar button.text-button.toggle.destructive-action:disabled:active,
headerbar button.text-button.toggle.destructive-action:disabled:checked,
headerbar box button.toggle.destructive-action:disabled:active,
headerbar box button.toggle.destructive-action:disabled:checked,
headerbar buttonbox.toggle.destructive-action:disabled:active,
headerbar buttonbox.toggle.destructive-action:disabled:checked,
headerbar stackswitcher button.destructive-action:disabled:active,
headerbar stackswitcher button.destructive-action:disabled:checked,
headerbar filechooser .path-bar.linked > button.destructive-action:disabled:active,
headerbar filechooser .path-bar.linked > button.destructive-action:disabled:checked,
headerbar .path-bar button.destructive-action:disabled:active,
headerbar .path-bar button.destructive-action:disabled:checked,
.titlebar box button.toggle.destructive-action:disabled:active,
.titlebar box button.toggle.destructive-action:disabled:checked,
.titlebar stackswitcher button.destructive-action:disabled:active,
.titlebar stackswitcher button.destructive-action:disabled:checked,
.titlebar filechooser .path-bar.linked > button.destructive-action:disabled:active,
.titlebar filechooser .path-bar.linked > button.destructive-action:disabled:checked,
.titlebar .path-bar button.destructive-action:disabled:active,
.titlebar .path-bar button.destructive-action:disabled:checked {
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
.osd headerbar button.destructive-action,
.osd headerbar button.toggle.destructive-action,
.osd headerbar button.popup.toggle.destructive-action,
.osd headerbar button.image-button.destructive-action,
.osd headerbar button.image-button.toggle.destructive-action,
.osd headerbar button.text-button.destructive-action,
.osd headerbar button.text-button.toggle.destructive-action,
.osd headerbar box button.toggle.destructive-action,
.osd headerbar buttonbox.toggle.destructive-action,
.osd headerbar stackswitcher button.destructive-action,
.osd headerbar filechooser .path-bar.linked > button.destructive-action,
.osd headerbar .path-bar button.destructive-action,
.osd .titlebar box button.toggle.destructive-action,
.osd .titlebar stackswitcher button.destructive-action,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action,
.osd .titlebar .path-bar button.destructive-action {
    color: @button_fg_dest_color;
    border-color: @button_border_dest;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @button_bg_dest_a, @button_bg_dest_b 60%, @button_bg_dest_c);
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd headerbar button.destructive-action:hover,
.osd headerbar button.toggle.destructive-action:hover,
.osd headerbar button.popup.toggle.destructive-action:hover,
.osd headerbar button.image-button.destructive-action:hover,
.osd headerbar button.image-button.toggle.destructive-action:hover,
.osd headerbar button.text-button.destructive-action:hover,
.osd headerbar button.text-button.toggle.destructive-action:hover,
.osd headerbar box button.toggle.destructive-action:hover,
.osd headerbar buttonbox.toggle.destructive-action:hover,
.osd headerbar stackswitcher button.destructive-action:hover,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:hover,
.osd headerbar .path-bar button.destructive-action:hover,
.osd .titlebar box button.toggle.destructive-action:hover,
.osd .titlebar stackswitcher button.destructive-action:hover,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:hover,
.osd .titlebar .path-bar button.destructive-action:hover {
    color: @button_fg_dest_color;
    border-color: @button_border_dest;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @button_bg_dest_a_hov, @button_bg_dest_b_hov 60%, @button_bg_dest_c_hov);
    background-clip: padding-box;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px #000000;
    -gtk-icon-shadow: 0 1px #000000;
    outline-color: rgba(238, 238, 236, 0.3);
}
.osd headerbar button.destructive-action:active:backdrop,
.osd headerbar button.destructive-action:active,
.osd headerbar button.destructive-action:checked:backdrop,
.osd headerbar button.destructive-action:checked,
.osd headerbar button.toggle.destructive-action:active:backdrop,
.osd headerbar button.toggle.destructive-action:active,
.osd headerbar button.toggle.destructive-action:checked:backdrop,
.osd headerbar button.toggle.destructive-action:checked,
.osd headerbar button.popup.toggle.destructive-action:active:backdrop,
.osd headerbar button.popup.toggle.destructive-action:active,
.osd headerbar button.popup.toggle.destructive-action:checked:backdrop,
.osd headerbar button.popup.toggle.destructive-action:checked,
.osd headerbar button.image-button.destructive-action:active:backdrop,
.osd headerbar button.image-button.destructive-action:active,
.osd headerbar button.image-button.destructive-action:checked:backdrop,
.osd headerbar button.image-button.destructive-action:checked,
.osd headerbar button.image-button.toggle.destructive-action:active:backdrop,
.osd headerbar button.image-button.toggle.destructive-action:active,
.osd headerbar button.image-button.toggle.destructive-action:checked:backdrop,
.osd headerbar button.image-button.toggle.destructive-action:checked,
.osd headerbar button.text-button.destructive-action:active:backdrop,
.osd headerbar button.text-button.destructive-action:active,
.osd headerbar button.text-button.destructive-action:checked:backdrop,
.osd headerbar button.text-button.destructive-action:checked,
.osd headerbar button.text-button.toggle.destructive-action:active:backdrop,
.osd headerbar button.text-button.toggle.destructive-action:active,
.osd headerbar button.text-button.toggle.destructive-action:checked:backdrop,
.osd headerbar button.text-button.toggle.destructive-action:checked,
.osd headerbar box button.toggle.destructive-action:active:backdrop,
.osd headerbar box button.toggle.destructive-action:active,
.osd headerbar box button.toggle.destructive-action:checked:backdrop,
.osd headerbar box button.toggle.destructive-action:checked,
.osd headerbar buttonbox.toggle.destructive-action:active:backdrop,
.osd headerbar buttonbox.toggle.destructive-action:active,
.osd headerbar buttonbox.toggle.destructive-action:checked:backdrop,
.osd headerbar buttonbox.toggle.destructive-action:checked,
.osd headerbar stackswitcher button.destructive-action:active:backdrop,
.osd headerbar stackswitcher button.destructive-action:active,
.osd headerbar stackswitcher button.destructive-action:checked:backdrop,
.osd headerbar stackswitcher button.destructive-action:checked,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:active:backdrop,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:active,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:checked:backdrop,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:checked,
.osd headerbar .path-bar button.destructive-action:active:backdrop,
.osd headerbar .path-bar button.destructive-action:active,
.osd headerbar .path-bar button.destructive-action:checked:backdrop,
.osd headerbar .path-bar button.destructive-action:checked,
.osd .titlebar box button.toggle.destructive-action:active:backdrop,
.osd .titlebar box button.toggle.destructive-action:active,
.osd .titlebar box button.toggle.destructive-action:checked:backdrop,
.osd .titlebar box button.toggle.destructive-action:checked,
.osd .titlebar stackswitcher button.destructive-action:active:backdrop,
.osd .titlebar stackswitcher button.destructive-action:active,
.osd .titlebar stackswitcher button.destructive-action:checked:backdrop,
.osd .titlebar stackswitcher button.destructive-action:checked,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:active:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:active,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:checked:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:checked,
.osd .titlebar .path-bar button.destructive-action:active:backdrop,
.osd .titlebar .path-bar button.destructive-action:active,
.osd .titlebar .path-bar button.destructive-action:checked:backdrop,
.osd .titlebar .path-bar button.destructive-action:checked {
    color: @button_fg_dest_color;
    border-color: @button_border_dest;
    background-color: transparent;
    background-image: linear-gradient(to bottom, @button_bg_dest_a_act, @button_bg_dest_b_act 60%, @button_bg_dest_c_act);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
    outline-color: rgba(238, 238, 236, 0.3); 
}
.osd headerbar button.destructive-action:disabled:backdrop,
.osd headerbar button.destructive-action:disabled,
.osd headerbar button.toggle.destructive-action:disabled:backdrop,
.osd headerbar button.toggle.destructive-action:disabled,
.osd headerbar button.popup.toggle.destructive-action:disabled:backdrop,
.osd headerbar button.popup.toggle.destructive-action:disabled,
.osd headerbar button.image-button.destructive-action:disabled:backdrop,
.osd headerbar button.image-button.destructive-action:disabled,
.osd headerbar button.image-button.toggle.destructive-action:disabled:backdrop,
.osd headerbar button.image-button.toggle.destructive-action:disabled,
.osd headerbar button.text-button.destructive-action:disabled:backdrop,
.osd headerbar button.text-button.destructive-action:disabled,
.osd headerbar button.text-button.toggle.destructive-action:disabled:backdrop,
.osd headerbar button.text-button.toggle.destructive-action:disabled,
.osd headerbar box button.toggle.destructive-action:disabled:backdrop,
.osd headerbar box button.toggle.destructive-action:disabled,
.osd headerbar buttonbox.toggle.destructive-action:disabled:backdrop,
.osd headerbar buttonbox.toggle.destructive-action:disabled,
.osd headerbar stackswitcher button.destructive-action:disabled:backdrop,
.osd headerbar stackswitcher button.destructive-action:disabled,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:disabled:backdrop,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:disabled,
.osd headerbar .path-bar button.destructive-action:disabled:backdrop,
.osd headerbar .path-bar button.destructive-action:disabled,
.osd .titlebar box button.toggle.destructive-action:disabled:backdrop,
.osd .titlebar box button.toggle.destructive-action:disabled,
.osd .titlebar stackswitcher button.destructive-action:disabled:backdrop,
.osd .titlebar stackswitcher button.destructive-action:disabled,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:disabled:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:disabled,
.osd .titlebar .path-bar button.destructive-action:disabled:backdrop,
.osd .titlebar .path-bar button.destructive-action:disabled {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-color: transparent;
    background-image: image(@titlebutton_bg_a_dis);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.osd headerbar button.destructive-action:backdrop,
.osd headerbar button.toggle.destructive-action:backdrop,
.osd headerbar button.popup.toggle.destructive-action:backdrop,
.osd headerbar button.image-button.destructive-action:backdrop,
.osd headerbar button.image-button.toggle.destructive-action:backdrop,
.osd headerbar button.text-button.destructive-action:backdrop,
.osd headerbar button.text-button.toggle.destructive-action:backdrop,
.osd headerbar box button.toggle.destructive-action:backdrop,
.osd headerbar buttonbox.toggle.destructive-action:backdrop,
.osd headerbar stackswitcher button.destructive-action:backdrop,
.osd headerbar filechooser .path-bar.linked > button.destructive-action:backdrop,
.osd headerbar .path-bar button.destructive-action:backdrop,
.osd .titlebar box button.toggle.destructive-action:backdrop,
.osd .titlebar stackswitcher button.destructive-action:backdrop,
.osd .titlebar filechooser .path-bar.linked > button.destructive-action:backdrop,
.osd .titlebar .path-bar button.destructive-action:backdrop {
    color: @button_fg_dest_color;
    border-color: @button_border_dest;
    background-color: transparent;
    background-image: image(@button_bg_dest_flt);
    background-clip: padding-box;
    box-shadow: none;
    text-shadow: none;
    -gtk-icon-shadow: none;
}
headerbar separator,
.titlebar separator {
    color: @header_separator;
    background-color: @header_separator; 
    border-color: @header_separator; 
}
headerbar separator:backdrop,
.titlebar separator:backdrop {
    color: @header_separator;
    background-color: @header_separator; 
    border-color: @header_separator; 
}/*
headerbar switch,
.titlebar switch {
    border-color: #1b1a1a;
    color: @theme_fg_color;
    background-color: #464343; 
}
headerbar switch:hover,
.titlebar switch:hover {
    background-color: #4b4848; 
}
headerbar switch:backdrop,
.titlebar switch:backdrop {
    background-color: #444141; 
}
headerbar switch:backdrop, 
headerbar switch:backdrop:checked,
.titlebar switch:backdrop,
.titlebar switch:backdrop:checked {
    border-color: #1c1c1c; 
}
headerbar switch:backdrop:disabled,
.titlebar switch:backdrop:disabled {
    background-color: #3f3c3c;
    border-color: #262626; 
}
headerbar switch:disabled,
.titlebar switch:disabled {
    background-color: #323030;
    border-color: #1b1a1a; 
}
headerbar switch:checked,
.titlebar switch:checked {
    color: @theme_fg_color;
    border-color: #1b1a1a;
    background-color: #924D8B; 
}
headerbar switch slider, 
headerbar scale slider,
.titlebar switch slider,
.titlebar scale slider {
    color: #3D3D3D;
    outline-color: rgba(239, 134, 97, 0.7);
    border-color: #111111;
    text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
    background-image: linear-gradient(to bottom, #534f4f 20%, #464343 90%);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px rgba(0, 0, 0, 0.05);
    background-image: image(#605c5c); 
}
headerbar switch slider:backdrop, 
headerbar switch slider:backdrop:checked, 
headerbar switch slider:backdrop:disabled, 
headerbar switch slider:backdrop:checked:disabled, 
headerbar scale slider:backdrop, 
headerbar scale slider:backdrop:checked, 
headerbar scale slider:backdrop:disabled, 
headerbar scale slider:backdrop:checked:disabled,
.titlebar switch slider:backdrop,
.titlebar switch slider:backdrop:checked,
.titlebar switch slider:backdrop:disabled,
.titlebar switch slider:backdrop:checked:disabled,
.titlebar scale slider:backdrop,
.titlebar scale slider:backdrop:checked,
.titlebar scale slider:backdrop:disabled,
.titlebar scale slider:backdrop:checked:disabled {
    border-color: #1c1c1c;
    box-shadow: none; 
}
headerbar switch slider:checked, 
headerbar scale slider:checked,
.titlebar switch slider:checked,
.titlebar scale slider:checked {
    border-color: #1b1a1a; 
}
headerbar switch slider:disabled, 
headerbar scale slider:disabled,
.titlebar switch slider:disabled,
.titlebar scale slider:disabled {
    color: #9a9a9a;
    border-color: #030303;
    background-image: image(#3f3e3e);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
}*/
.selection-mode headerbar, 
headerbar.selection-mode, 
.selection-mode .titlebar,
.titlebar.selection-mode {
    min-height: 47px;
    color: @header_fg_color;
    padding: 2px 8px 2px 8px;
    border-width: 0px;
    border-bottom: 1px solid @header_separator;
    background-image: linear-gradient(to bottom, @header_bg_a, @header_bg_b);
}
.selection-mode headerbar separator, 
headerbar.selection-mode separator, 
.selection-mode .titlebar separator,
.titlebar.selection-mode separator {
    background: image(@header_separator); 
}
.selection-mode headerbar:backdrop,
headerbar.selection-mode:backdrop, 
.selection-mode .titlebar:backdrop,
.titlebar.selection-mode:backdrop {
    background-image: linear-gradient(to bottom, @header_bg_a, @header_bg_b);
    transition: 200ms ease-out;
}
.selection-mode headerbar:backdrop label, 
headerbar.selection-mode:backdrop label, 
.selection-mode .titlebar:backdrop label,
.titlebar.selection-mode:backdrop label {
    color: @header_fg_color;
}
.selection-mode headerbar button,
.selection-mode headerbar button.image-button,
.selection-mode headerbar button.image-button.toggle,
.selection-mode headerbar button.text.button,
.selection-mode headerbar button.toggle,
.selection-mode headerbar box button.toggle,
.selection-mode headerbar buttonbox.toggle,
.selection-mode headerbar stackswitcher button,
.selection-mode headerbar filechooser .path-bar.linked > button,
.selection-mode headerbar .path-bar button, headerbar.selection-mode button,
headerbar.selection-mode button.image-button,
headerbar.selection-mode button.image-button.toggle,
headerbar.selection-mode button.text.button,
headerbar.selection-mode button.toggle,
headerbar.selection-mode box button.toggle,
headerbar.selection-mode buttonbox.toggle,
headerbar.selection-mode stackswitcher button,
headerbar.selection-mode filechooser .path-bar.linked > button,
headerbar.selection-mode .path-bar button, 
.selection-mode .titlebar box button.toggle,
.selection-mode .titlebar stackswitcher button,
.selection-mode .titlebar filechooser .path-bar.linked > button,
.selection-mode .titlebar .path-bar button,
.titlebar.selection-mode button,
.titlebar.selection-mode button.image-button,
.titlebar.selection-mode button.image-button.toggle,
.titlebar.selection-mode button.text.button,
.titlebar.selection-mode button.toggle,
.titlebar.selection-mode box button.toggle,
.titlebar.selection-mode buttonbox.toggle,
.titlebar.selection-mode stackswitcher button,
.titlebar.selection-mode filechooser .path-bar.linked > button,
.titlebar.selection-mode .path-bar button {
    color: @titlebutton_fg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    /* box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); */ 
}
.selection-mode headerbar button.flat,
.selection-mode headerbar button.image-button.flat,
.selection-mode headerbar button.image-button.toggle.flat,
.selection-mode headerbar button.text.button.flat,
.selection-mode headerbar button.toggle.flat,
.selection-mode headerbar box button.toggle.flat,
.selection-mode headerbar buttonbox.toggle.flat,
.selection-mode headerbar stackswitcher button.flat,
.selection-mode headerbar filechooser .path-bar.linked > button.flat,
.selection-mode headerbar .path-bar button.flat, 
headerbar.selection-mode button.flat,
headerbar.selection-mode button.image-button.flat,
headerbar.selection-mode button.image-button.toggle.flat,
headerbar.selection-mode button.text.button.flat,
headerbar.selection-mode button.toggle.flat,
headerbar.selection-mode box button.toggle.flat,
headerbar.selection-mode buttonbox.toggle.flat,
headerbar.selection-mode stackswitcher button.flat,
headerbar.selection-mode filechooser .path-bar.linked > button.flat,
headerbar.selection-mode .path-bar button.flat, 
.selection-mode .titlebar box button.toggle.flat,
.selection-mode .titlebar stackswitcher button.flat,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat,
.selection-mode .titlebar .path-bar button.flat,
.titlebar.selection-mode button.flat,
.titlebar.selection-mode button.image-button.flat,
.titlebar.selection-mode button.image-button.toggle.flat,
.titlebar.selection-mode button.text.button.flat,
.titlebar.selection-mode button.toggle.flat,
.titlebar.selection-mode box button.toggle.flat,
.titlebar.selection-mode buttonbox.toggle.flat,
.titlebar.selection-mode stackswitcher button.flat,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat,
.titlebar.selection-mode .path-bar button.flat {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; 
}
.selection-mode headerbar button:hover,
.selection-mode headerbar button.image-button:hover,
.selection-mode headerbar button.image-button.toggle:hover,
.selection-mode headerbar button.text.button:hover,
.selection-mode headerbar button.toggle:hover,
.selection-mode headerbar box button.toggle:hover,
.selection-mode headerbar buttonbox.toggle:hover,
.selection-mode headerbar stackswitcher button:hover,
.selection-mode headerbar filechooser .path-bar.linked > button:hover,
.selection-mode headerbar .path-bar button:hover, 
headerbar.selection-mode button:hover,
headerbar.selection-mode button.image-button:hover,
headerbar.selection-mode button.image-button.toggle:hover,
headerbar.selection-mode button.text.button:hover,
headerbar.selection-mode button.toggle:hover,
headerbar.selection-mode box button.toggle:hover,
headerbar.selection-mode buttonbox.toggle:hover,
headerbar.selection-mode stackswitcher button:hover,
headerbar.selection-mode filechooser .path-bar.linked > button:hover,
headerbar.selection-mode .path-bar button:hover, 
.selection-mode .titlebar box button.toggle:hover,
.selection-mode .titlebar stackswitcher button:hover,
.selection-mode .titlebar filechooser .path-bar.linked > button:hover,
.selection-mode .titlebar .path-bar button:hover,
.titlebar.selection-mode button:hover,
.titlebar.selection-mode button.image-button:hover,
.titlebar.selection-mode button.image-button.toggle:hover,
.titlebar.selection-mode button.text.button:hover,
.titlebar.selection-mode button.toggle:hover,
.titlebar.selection-mode box button.toggle:hover,
.titlebar.selection-mode buttonbox.toggle:hover,
.titlebar.selection-mode stackswitcher button:hover,
.titlebar.selection-mode filechooser .path-bar.linked > button:hover,
.titlebar.selection-mode .path-bar button:hover {
    color: @titlebutton_fg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @titlebutton_border;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_hov, @titlebutton_bg_b_hov 40%, @titlebutton_bg_c_hov);
}
.selection-mode headerbar button:active, 
.selection-mode headerbar button:checked, 
.selection-mode headerbar button.toggle:checked, 
.selection-mode headerbar button.toggle:active,
.selection-mode headerbar button.image-button:active,
.selection-mode headerbar button.image-button:checked,
.selection-mode headerbar button.image-button.toggle:checked,
.selection-mode headerbar button.image-button.toggle:active,
.selection-mode headerbar button.image-button.toggle:active,
.selection-mode headerbar button.image-button.toggle:checked,
.selection-mode headerbar button.image-button.toggle.toggle:checked,
.selection-mode headerbar button.image-button.toggle.toggle:active,
.selection-mode headerbar button.text.button:active,
.selection-mode headerbar button.text.button:checked,
.selection-mode headerbar button.text.button.toggle:checked,
.selection-mode headerbar button.text.button.toggle:active,
.selection-mode headerbar button.toggle:active,
.selection-mode headerbar button.toggle:checked,
.selection-mode headerbar button.toggle.toggle:checked,
.selection-mode headerbar button.toggle.toggle:active,
.selection-mode headerbar box button.toggle:active,
.selection-mode headerbar box button.toggle:checked,
.selection-mode headerbar box button.toggle.toggle:checked,
.selection-mode headerbar box button.toggle.toggle:active,
.selection-mode headerbar buttonbox.toggle:active,
.selection-mode headerbar buttonbox.toggle:checked,
.selection-mode headerbar buttonbox.toggle.toggle:checked,
.selection-mode headerbar buttonbox.toggle.toggle:active,
.selection-mode headerbar stackswitcher button:active,
.selection-mode headerbar stackswitcher button:checked,
.selection-mode headerbar stackswitcher button.toggle:checked,
.selection-mode headerbar stackswitcher button.toggle:active,
.selection-mode headerbar filechooser .path-bar.linked > button:active,
.selection-mode headerbar filechooser .path-bar.linked > button:checked,
.selection-mode headerbar filechooser .path-bar.linked > button.toggle:checked,
.selection-mode headerbar filechooser .path-bar.linked > button.toggle:active,
.selection-mode headerbar .path-bar button:active,
.selection-mode headerbar .path-bar button:checked,
.selection-mode headerbar .path-bar button.toggle:checked,
.selection-mode headerbar .path-bar button.toggle:active, 
headerbar.selection-mode button:active, 
headerbar.selection-mode button:checked, 
headerbar.selection-mode button.toggle:checked, 
headerbar.selection-mode button.toggle:active,
headerbar.selection-mode button.image-button:active,
headerbar.selection-mode button.image-button:checked,
headerbar.selection-mode button.image-button.toggle:checked,
headerbar.selection-mode button.image-button.toggle:active,
headerbar.selection-mode button.image-button.toggle:active,
headerbar.selection-mode button.image-button.toggle:checked,
headerbar.selection-mode button.image-button.toggle.toggle:checked,
headerbar.selection-mode button.image-button.toggle.toggle:active,
headerbar.selection-mode button.text.button:active,
headerbar.selection-mode button.text.button:checked,
headerbar.selection-mode button.text.button.toggle:checked,
headerbar.selection-mode button.text.button.toggle:active,
headerbar.selection-mode button.toggle:active,
headerbar.selection-mode button.toggle:checked,
headerbar.selection-mode button.toggle.toggle:checked,
headerbar.selection-mode button.toggle.toggle:active,
headerbar.selection-mode box button.toggle:active,
headerbar.selection-mode box button.toggle:checked,
headerbar.selection-mode box button.toggle.toggle:checked,
headerbar.selection-mode box button.toggle.toggle:active,
headerbar.selection-mode buttonbox.toggle:active,
headerbar.selection-mode buttonbox.toggle:checked,
headerbar.selection-mode buttonbox.toggle.toggle:checked,
headerbar.selection-mode buttonbox.toggle.toggle:active,
headerbar.selection-mode stackswitcher button:active,
headerbar.selection-mode stackswitcher button:checked,
headerbar.selection-mode stackswitcher button.toggle:checked,
headerbar.selection-mode stackswitcher button.toggle:active,
headerbar.selection-mode filechooser .path-bar.linked > button:active,
headerbar.selection-mode filechooser .path-bar.linked > button:checked,
headerbar.selection-mode filechooser .path-bar.linked > button.toggle:checked,
headerbar.selection-mode filechooser .path-bar.linked > button.toggle:active,
headerbar.selection-mode .path-bar button:active,
headerbar.selection-mode .path-bar button:checked,
headerbar.selection-mode .path-bar button.toggle:checked,
headerbar.selection-mode .path-bar button.toggle:active, 
.selection-mode .titlebar box button.toggle:active,
.selection-mode .titlebar box button.toggle:checked,
.selection-mode .titlebar box button.toggle.toggle:checked,
.selection-mode .titlebar box button.toggle.toggle:active,
.selection-mode .titlebar stackswitcher button:active,
.selection-mode .titlebar stackswitcher button:checked,
.selection-mode .titlebar stackswitcher button.toggle:checked,
.selection-mode .titlebar stackswitcher button.toggle:active,
.selection-mode .titlebar filechooser .path-bar.linked > button:active,
.selection-mode .titlebar filechooser .path-bar.linked > button:checked,
.selection-mode .titlebar filechooser .path-bar.linked > button.toggle:checked,
.selection-mode .titlebar filechooser .path-bar.linked > button.toggle:active,
.selection-mode .titlebar .path-bar button:active,
.selection-mode .titlebar .path-bar button:checked,
.selection-mode .titlebar .path-bar button.toggle:checked,
.selection-mode .titlebar .path-bar button.toggle:active,
.titlebar.selection-mode button:active,
.titlebar.selection-mode button:checked,
.titlebar.selection-mode button.toggle:checked,
.titlebar.selection-mode button.toggle:active,
.titlebar.selection-mode button.image-button:active,
.titlebar.selection-mode button.image-button:checked,
.titlebar.selection-mode button.image-button.toggle:checked,
.titlebar.selection-mode button.image-button.toggle:active,
.titlebar.selection-mode button.image-button.toggle:active,
.titlebar.selection-mode button.image-button.toggle:checked,
.titlebar.selection-mode button.image-button.toggle.toggle:checked,
.titlebar.selection-mode button.image-button.toggle.toggle:active,
.titlebar.selection-mode button.text.button:active,
.titlebar.selection-mode button.text.button:checked,
.titlebar.selection-mode button.text.button.toggle:checked,
.titlebar.selection-mode button.text.button.toggle:active,
.titlebar.selection-mode button.toggle:active,
.titlebar.selection-mode button.toggle:checked,
.titlebar.selection-mode button.toggle.toggle:checked,
.titlebar.selection-mode button.toggle.toggle:active,
.titlebar.selection-mode box button.toggle:active,
.titlebar.selection-mode box button.toggle:checked,
.titlebar.selection-mode box button.toggle.toggle:checked,
.titlebar.selection-mode box button.toggle.toggle:active,
.titlebar.selection-mode buttonbox.toggle:active,
.titlebar.selection-mode buttonbox.toggle:checked,
.titlebar.selection-mode buttonbox.toggle.toggle:checked,
.titlebar.selection-mode buttonbox.toggle.toggle:active,
.titlebar.selection-mode stackswitcher button:active,
.titlebar.selection-mode stackswitcher button:checked,
.titlebar.selection-mode stackswitcher button.toggle:checked,
.titlebar.selection-mode stackswitcher button.toggle:active,
.titlebar.selection-mode filechooser .path-bar.linked > button:active,
.titlebar.selection-mode filechooser .path-bar.linked > button:checked,
.titlebar.selection-mode filechooser .path-bar.linked > button.toggle:checked,
.titlebar.selection-mode filechooser .path-bar.linked > button.toggle:active,
.titlebar.selection-mode .path-bar button:active,
.titlebar.selection-mode .path-bar button:checked,
.titlebar.selection-mode .path-bar button.toggle:checked,
.titlebar.selection-mode .path-bar button.toggle:active {
    color: @titlebutton_fg_color;
    outline-color: rgba(255, 255, 255, 0.3);
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
    text-shadow: none;
    -gtk-icon-shadow: none;
}
.selection-mode headerbar button.flat:backdrop, 
.selection-mode headerbar button:backdrop,
.selection-mode headerbar button.image-button.flat:backdrop,
.selection-mode headerbar button.image-button:backdrop,
.selection-mode headerbar button.image-button.toggle.flat:backdrop,
.selection-mode headerbar button.image-button.toggle:backdrop,
.selection-mode headerbar button.text.button.flat:backdrop,
.selection-mode headerbar button.text.button:backdrop,
.selection-mode headerbar button.toggle.flat:backdrop,
.selection-mode headerbar button.toggle:backdrop,
.selection-mode headerbar box button.toggle.flat:backdrop,
.selection-mode headerbar box button.toggle:backdrop,
.selection-mode headerbar buttonbox.toggle.flat:backdrop,
.selection-mode headerbar buttonbox.toggle:backdrop,
.selection-mode headerbar stackswitcher button.flat:backdrop,
.selection-mode headerbar stackswitcher button:backdrop,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop,
.selection-mode headerbar filechooser .path-bar.linked > button:backdrop,
.selection-mode headerbar .path-bar button.flat:backdrop,
.selection-mode headerbar .path-bar button:backdrop, 
headerbar.selection-mode button.flat:backdrop, 
headerbar.selection-mode button:backdrop,
headerbar.selection-mode button.image-button.flat:backdrop,
headerbar.selection-mode button.image-button:backdrop,
headerbar.selection-mode button.image-button.toggle.flat:backdrop,
headerbar.selection-mode button.image-button.toggle:backdrop,
headerbar.selection-mode button.text.button.flat:backdrop,
headerbar.selection-mode button.text.button:backdrop,
headerbar.selection-mode button.toggle.flat:backdrop,
headerbar.selection-mode button.toggle:backdrop,
headerbar.selection-mode box button.toggle.flat:backdrop,
headerbar.selection-mode box button.toggle:backdrop,
headerbar.selection-mode buttonbox.toggle.flat:backdrop,
headerbar.selection-mode buttonbox.toggle:backdrop,
headerbar.selection-mode stackswitcher button.flat:backdrop,
headerbar.selection-mode stackswitcher button:backdrop,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop,
headerbar.selection-mode filechooser .path-bar.linked > button:backdrop,
headerbar.selection-mode .path-bar button.flat:backdrop,
headerbar.selection-mode .path-bar button:backdrop, 
.selection-mode .titlebar box button.toggle.flat:backdrop,
.selection-mode .titlebar box button.toggle:backdrop,
.selection-mode .titlebar stackswitcher button.flat:backdrop,
.selection-mode .titlebar stackswitcher button:backdrop,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop,
.selection-mode .titlebar filechooser .path-bar.linked > button:backdrop,
.selection-mode .titlebar .path-bar button.flat:backdrop,
.selection-mode .titlebar .path-bar button:backdrop,
.titlebar.selection-mode button.flat:backdrop,
.titlebar.selection-mode button:backdrop,
.titlebar.selection-mode button.image-button.flat:backdrop,
.titlebar.selection-mode button.image-button:backdrop,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop,
.titlebar.selection-mode button.image-button.toggle:backdrop,
.titlebar.selection-mode button.text.button.flat:backdrop,
.titlebar.selection-mode button.text.button:backdrop,
.titlebar.selection-mode button.toggle.flat:backdrop,
.titlebar.selection-mode button.toggle:backdrop,
.titlebar.selection-mode box button.toggle.flat:backdrop,
.titlebar.selection-mode box button.toggle:backdrop,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop,
.titlebar.selection-mode buttonbox.toggle:backdrop,
.titlebar.selection-mode stackswitcher button.flat:backdrop,
.titlebar.selection-mode stackswitcher button:backdrop,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop,
.titlebar.selection-mode filechooser .path-bar.linked > button:backdrop,
.titlebar.selection-mode .path-bar button.flat:backdrop,
.titlebar.selection-mode .path-bar button:backdrop {
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    text-shadow: none;
    -gtk-icon-shadow: none;
    -gtk-icon-effect: none;
    color: @titlebutton_fg_dis;
}
.selection-mode headerbar button.flat:backdrop:active, 
.selection-mode headerbar button.flat:backdrop:checked, 
.selection-mode headerbar button:backdrop:active, 
.selection-mode headerbar button:backdrop:checked,
.selection-mode headerbar button.image-button.flat:backdrop:active,
.selection-mode headerbar button.image-button.flat:backdrop:checked,
.selection-mode headerbar button.image-button:backdrop:active,
.selection-mode headerbar button.image-button:backdrop:checked,
.selection-mode headerbar button.image-button.toggle.flat:backdrop:active,
.selection-mode headerbar button.image-button.toggle.flat:backdrop:checked,
.selection-mode headerbar button.image-button.toggle:backdrop:active,
.selection-mode headerbar button.image-button.toggle:backdrop:checked,
.selection-mode headerbar button.text.button.flat:backdrop:active,
.selection-mode headerbar button.text.button.flat:backdrop:checked,
.selection-mode headerbar button.text.button:backdrop:active,
.selection-mode headerbar button.text.button:backdrop:checked,
.selection-mode headerbar button.toggle.flat:backdrop:active,
.selection-mode headerbar button.toggle.flat:backdrop:checked,
.selection-mode headerbar button.toggle:backdrop:active,
.selection-mode headerbar button.toggle:backdrop:checked,
.selection-mode headerbar box button.toggle.flat:backdrop:active,
.selection-mode headerbar box button.toggle.flat:backdrop:checked,
.selection-mode headerbar box button.toggle:backdrop:active,
.selection-mode headerbar box button.toggle:backdrop:checked,
.selection-mode headerbar buttonbox.toggle.flat:backdrop:active,
.selection-mode headerbar buttonbox.toggle.flat:backdrop:checked,
.selection-mode headerbar buttonbox.toggle:backdrop:active,
.selection-mode headerbar buttonbox.toggle:backdrop:checked,
.selection-mode headerbar stackswitcher button.flat:backdrop:active,
.selection-mode headerbar stackswitcher button.flat:backdrop:checked,
.selection-mode headerbar stackswitcher button:backdrop:active,
.selection-mode headerbar stackswitcher button:backdrop:checked,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop:active,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop:checked,
.selection-mode headerbar filechooser .path-bar.linked > button:backdrop:active,
.selection-mode headerbar filechooser .path-bar.linked > button:backdrop:checked,
.selection-mode headerbar .path-bar button.flat:backdrop:active,
.selection-mode headerbar .path-bar button.flat:backdrop:checked,
.selection-mode headerbar .path-bar button:backdrop:active,
.selection-mode headerbar .path-bar button:backdrop:checked, 
headerbar.selection-mode button.flat:backdrop:active, 
headerbar.selection-mode button.flat:backdrop:checked, 
headerbar.selection-mode button:backdrop:active, 
headerbar.selection-mode button:backdrop:checked,
headerbar.selection-mode button.image-button.flat:backdrop:active,
headerbar.selection-mode button.image-button.flat:backdrop:checked,
headerbar.selection-mode button.image-button:backdrop:active,
headerbar.selection-mode button.image-button:backdrop:checked,
headerbar.selection-mode button.image-button.toggle.flat:backdrop:active,
headerbar.selection-mode button.image-button.toggle.flat:backdrop:checked,
headerbar.selection-mode button.image-button.toggle:backdrop:active,
headerbar.selection-mode button.image-button.toggle:backdrop:checked,
headerbar.selection-mode button.text.button.flat:backdrop:active,
headerbar.selection-mode button.text.button.flat:backdrop:checked,
headerbar.selection-mode button.text.button:backdrop:active,
headerbar.selection-mode button.text.button:backdrop:checked,
headerbar.selection-mode button.toggle.flat:backdrop:active,
headerbar.selection-mode button.toggle.flat:backdrop:checked,
headerbar.selection-mode button.toggle:backdrop:active,
headerbar.selection-mode button.toggle:backdrop:checked,
headerbar.selection-mode box button.toggle.flat:backdrop:active,
headerbar.selection-mode box button.toggle.flat:backdrop:checked,
headerbar.selection-mode box button.toggle:backdrop:active,
headerbar.selection-mode box button.toggle:backdrop:checked,
headerbar.selection-mode buttonbox.toggle.flat:backdrop:active,
headerbar.selection-mode buttonbox.toggle.flat:backdrop:checked,
headerbar.selection-mode buttonbox.toggle:backdrop:active,
headerbar.selection-mode buttonbox.toggle:backdrop:checked,
headerbar.selection-mode stackswitcher button.flat:backdrop:active,
headerbar.selection-mode stackswitcher button.flat:backdrop:checked,
headerbar.selection-mode stackswitcher button:backdrop:active,
headerbar.selection-mode stackswitcher button:backdrop:checked,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:active,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:checked,
headerbar.selection-mode filechooser .path-bar.linked > button:backdrop:active,
headerbar.selection-mode filechooser .path-bar.linked > button:backdrop:checked,
headerbar.selection-mode .path-bar button.flat:backdrop:active,
headerbar.selection-mode .path-bar button.flat:backdrop:checked,
headerbar.selection-mode .path-bar button:backdrop:active,
headerbar.selection-mode .path-bar button:backdrop:checked, 
.selection-mode .titlebar box button.toggle.flat:backdrop:active,
.selection-mode .titlebar box button.toggle.flat:backdrop:checked,
.selection-mode .titlebar box button.toggle:backdrop:active,
.selection-mode .titlebar box button.toggle:backdrop:checked,
.selection-mode .titlebar stackswitcher button.flat:backdrop:active,
.selection-mode .titlebar stackswitcher button.flat:backdrop:checked,
.selection-mode .titlebar stackswitcher button:backdrop:active,
.selection-mode .titlebar stackswitcher button:backdrop:checked,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop:active,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop:checked,
.selection-mode .titlebar filechooser .path-bar.linked > button:backdrop:active,
.selection-mode .titlebar filechooser .path-bar.linked > button:backdrop:checked,
.selection-mode .titlebar .path-bar button.flat:backdrop:active,
.selection-mode .titlebar .path-bar button.flat:backdrop:checked,
.selection-mode .titlebar .path-bar button:backdrop:active,
.selection-mode .titlebar .path-bar button:backdrop:checked,
.titlebar.selection-mode button.flat:backdrop:active,
.titlebar.selection-mode button.flat:backdrop:checked,
.titlebar.selection-mode button:backdrop:active,
.titlebar.selection-mode button:backdrop:checked,
.titlebar.selection-mode button.image-button.flat:backdrop:active,
.titlebar.selection-mode button.image-button.flat:backdrop:checked,
.titlebar.selection-mode button.image-button:backdrop:active,
.titlebar.selection-mode button.image-button:backdrop:checked,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop:active,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop:checked,
.titlebar.selection-mode button.image-button.toggle:backdrop:active,
.titlebar.selection-mode button.image-button.toggle:backdrop:checked,
.titlebar.selection-mode button.text.button.flat:backdrop:active,
.titlebar.selection-mode button.text.button.flat:backdrop:checked,
.titlebar.selection-mode button.text.button:backdrop:active,
.titlebar.selection-mode button.text.button:backdrop:checked,
.titlebar.selection-mode button.toggle.flat:backdrop:active,
.titlebar.selection-mode button.toggle.flat:backdrop:checked,
.titlebar.selection-mode button.toggle:backdrop:active,
.titlebar.selection-mode button.toggle:backdrop:checked,
.titlebar.selection-mode box button.toggle.flat:backdrop:active,
.titlebar.selection-mode box button.toggle.flat:backdrop:checked,
.titlebar.selection-mode box button.toggle:backdrop:active,
.titlebar.selection-mode box button.toggle:backdrop:checked,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop:active,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop:checked,
.titlebar.selection-mode buttonbox.toggle:backdrop:active,
.titlebar.selection-mode buttonbox.toggle:backdrop:checked,
.titlebar.selection-mode stackswitcher button.flat:backdrop:active,
.titlebar.selection-mode stackswitcher button.flat:backdrop:checked,
.titlebar.selection-mode stackswitcher button:backdrop:active,
.titlebar.selection-mode stackswitcher button:backdrop:checked,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:active,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:checked,
.titlebar.selection-mode filechooser .path-bar.linked > button:backdrop:active,
.titlebar.selection-mode filechooser .path-bar.linked > button:backdrop:checked,
.titlebar.selection-mode .path-bar button.flat:backdrop:active,
.titlebar.selection-mode .path-bar button.flat:backdrop:checked,
.titlebar.selection-mode .path-bar button:backdrop:active,
.titlebar.selection-mode .path-bar button:backdrop:checked {
    background-image: linear-gradient(to bottom, @titlebutton_bg_a_act, @titlebutton_bg_b_act 40%, @titlebutton_bg_c_act);
    border-color: @titlebutton_border;
    color: @titlebutton_fg_dis;
}
.selection-mode headerbar button.flat:backdrop:disabled, 
.selection-mode headerbar button:backdrop:disabled,
.selection-mode headerbar button.image-button.flat:backdrop:disabled,
.selection-mode headerbar button.image-button:backdrop:disabled,
.selection-mode headerbar button.image-button.toggle.flat:backdrop:disabled,
.selection-mode headerbar button.image-button.toggle:backdrop:disabled,
.selection-mode headerbar button.text.button.flat:backdrop:disabled,
.selection-mode headerbar button.text.button:backdrop:disabled,
.selection-mode headerbar button.toggle.flat:backdrop:disabled,
.selection-mode headerbar button.toggle:backdrop:disabled,
.selection-mode headerbar box button.toggle.flat:backdrop:disabled,
.selection-mode headerbar box button.toggle:backdrop:disabled,
.selection-mode headerbar buttonbox.toggle.flat:backdrop:disabled,
.selection-mode headerbar buttonbox.toggle:backdrop:disabled,
.selection-mode headerbar stackswitcher button.flat:backdrop:disabled,
.selection-mode headerbar stackswitcher button:backdrop:disabled,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop:disabled,
.selection-mode headerbar filechooser .path-bar.linked > button:backdrop:disabled,
.selection-mode headerbar .path-bar button.flat:backdrop:disabled,
.selection-mode headerbar .path-bar button:backdrop:disabled, 
headerbar.selection-mode button.flat:backdrop:disabled, 
headerbar.selection-mode button:backdrop:disabled,
headerbar.selection-mode button.image-button.flat:backdrop:disabled,
headerbar.selection-mode button.image-button:backdrop:disabled,
headerbar.selection-mode button.image-button.toggle.flat:backdrop:disabled,
headerbar.selection-mode button.image-button.toggle:backdrop:disabled,
headerbar.selection-mode button.text.button.flat:backdrop:disabled,
headerbar.selection-mode button.text.button:backdrop:disabled,
headerbar.selection-mode button.toggle.flat:backdrop:disabled,
headerbar.selection-mode button.toggle:backdrop:disabled,
headerbar.selection-mode box button.toggle.flat:backdrop:disabled,
headerbar.selection-mode box button.toggle:backdrop:disabled,
headerbar.selection-mode buttonbox.toggle.flat:backdrop:disabled,
headerbar.selection-mode buttonbox.toggle:backdrop:disabled,
headerbar.selection-mode stackswitcher button.flat:backdrop:disabled,
headerbar.selection-mode stackswitcher button:backdrop:disabled,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled,
headerbar.selection-mode filechooser .path-bar.linked > button:backdrop:disabled,
headerbar.selection-mode .path-bar button.flat:backdrop:disabled,
headerbar.selection-mode .path-bar button:backdrop:disabled, 
.selection-mode .titlebar box button.toggle.flat:backdrop:disabled,
.selection-mode .titlebar box button.toggle:backdrop:disabled,
.selection-mode .titlebar stackswitcher button.flat:backdrop:disabled,
.selection-mode .titlebar stackswitcher button:backdrop:disabled,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop:disabled,
.selection-mode .titlebar filechooser .path-bar.linked > button:backdrop:disabled,
.selection-mode .titlebar .path-bar button.flat:backdrop:disabled,
.selection-mode .titlebar .path-bar button:backdrop:disabled,
.titlebar.selection-mode button.flat:backdrop:disabled,
.titlebar.selection-mode button:backdrop:disabled,
.titlebar.selection-mode button.image-button.flat:backdrop:disabled,
.titlebar.selection-mode button.image-button:backdrop:disabled,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop:disabled,
.titlebar.selection-mode button.image-button.toggle:backdrop:disabled,
.titlebar.selection-mode button.text.button.flat:backdrop:disabled,
.titlebar.selection-mode button.text.button:backdrop:disabled,
.titlebar.selection-mode button.toggle.flat:backdrop:disabled,
.titlebar.selection-mode button.toggle:backdrop:disabled,
.titlebar.selection-mode box button.toggle.flat:backdrop:disabled,
.titlebar.selection-mode box button.toggle:backdrop:disabled,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop:disabled,
.titlebar.selection-mode buttonbox.toggle:backdrop:disabled,
.titlebar.selection-mode stackswitcher button.flat:backdrop:disabled,
.titlebar.selection-mode stackswitcher button:backdrop:disabled,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled,
.titlebar.selection-mode filechooser .path-bar.linked > button:backdrop:disabled,
.titlebar.selection-mode .path-bar button.flat:backdrop:disabled,
.titlebar.selection-mode .path-bar button:backdrop:disabled {
    background-image: image(@titlebutton_bg_a_dis);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border-color: @titlebutton_border;
}
.selection-mode headerbar button.flat:backdrop:disabled:active, 
.selection-mode headerbar button.flat:backdrop:disabled:checked, 
.selection-mode headerbar button:backdrop:disabled:active, 
.selection-mode headerbar button:backdrop:disabled:checked,
.selection-mode headerbar button.image-button.flat:backdrop:disabled:active,
.selection-mode headerbar button.image-button.flat:backdrop:disabled:checked,
.selection-mode headerbar button.image-button:backdrop:disabled:active,
.selection-mode headerbar button.image-button:backdrop:disabled:checked,
.selection-mode headerbar button.image-button.toggle.flat:backdrop:disabled:active,
.selection-mode headerbar button.image-button.toggle.flat:backdrop:disabled:checked,
.selection-mode headerbar button.image-button.toggle:backdrop:disabled:active,
.selection-mode headerbar button.image-button.toggle:backdrop:disabled:checked,
.selection-mode headerbar button.text.button.flat:backdrop:disabled:active,
.selection-mode headerbar button.text.button.flat:backdrop:disabled:checked,
.selection-mode headerbar button.text.button:backdrop:disabled:active,
.selection-mode headerbar button.text.button:backdrop:disabled:checked,
.selection-mode headerbar button.toggle.flat:backdrop:disabled:active,
.selection-mode headerbar button.toggle.flat:backdrop:disabled:checked,
.selection-mode headerbar button.toggle:backdrop:disabled:active,
.selection-mode headerbar button.toggle:backdrop:disabled:checked,
.selection-mode headerbar box button.toggle.flat:backdrop:disabled:active,
.selection-mode headerbar box button.toggle.flat:backdrop:disabled:checked,
.selection-mode headerbar box button.toggle:backdrop:disabled:active,
.selection-mode headerbar box button.toggle:backdrop:disabled:checked,
.selection-mode headerbar buttonbox.toggle.flat:backdrop:disabled:active,
.selection-mode headerbar buttonbox.toggle.flat:backdrop:disabled:checked,
.selection-mode headerbar buttonbox.toggle:backdrop:disabled:active,
.selection-mode headerbar buttonbox.toggle:backdrop:disabled:checked,
.selection-mode headerbar stackswitcher button.flat:backdrop:disabled:active,
.selection-mode headerbar stackswitcher button.flat:backdrop:disabled:checked,
.selection-mode headerbar stackswitcher button:backdrop:disabled:active,
.selection-mode headerbar stackswitcher button:backdrop:disabled:checked,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop:disabled:active,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop:disabled:checked,
.selection-mode headerbar filechooser .path-bar.linked > button:backdrop:disabled:active,
.selection-mode headerbar filechooser .path-bar.linked > button:backdrop:disabled:checked,
.selection-mode headerbar .path-bar button.flat:backdrop:disabled:active,
.selection-mode headerbar .path-bar button.flat:backdrop:disabled:checked,
.selection-mode headerbar .path-bar button:backdrop:disabled:active,
.selection-mode headerbar .path-bar button:backdrop:disabled:checked, 
headerbar.selection-mode button.flat:backdrop:disabled:active, 
headerbar.selection-mode button.flat:backdrop:disabled:checked, 
headerbar.selection-mode button:backdrop:disabled:active, 
headerbar.selection-mode button:backdrop:disabled:checked,
headerbar.selection-mode button.image-button.flat:backdrop:disabled:active,
headerbar.selection-mode button.image-button.flat:backdrop:disabled:checked,
headerbar.selection-mode button.image-button:backdrop:disabled:active,
headerbar.selection-mode button.image-button:backdrop:disabled:checked,
headerbar.selection-mode button.image-button.toggle.flat:backdrop:disabled:active,
headerbar.selection-mode button.image-button.toggle.flat:backdrop:disabled:checked,
headerbar.selection-mode button.image-button.toggle:backdrop:disabled:active,
headerbar.selection-mode button.image-button.toggle:backdrop:disabled:checked,
headerbar.selection-mode button.text.button.flat:backdrop:disabled:active,
headerbar.selection-mode button.text.button.flat:backdrop:disabled:checked,
headerbar.selection-mode button.text.button:backdrop:disabled:active,
headerbar.selection-mode button.text.button:backdrop:disabled:checked,
headerbar.selection-mode button.toggle.flat:backdrop:disabled:active,
headerbar.selection-mode button.toggle.flat:backdrop:disabled:checked,
headerbar.selection-mode button.toggle:backdrop:disabled:active,
headerbar.selection-mode button.toggle:backdrop:disabled:checked,
headerbar.selection-mode box button.toggle.flat:backdrop:disabled:active,
headerbar.selection-mode box button.toggle.flat:backdrop:disabled:checked,
headerbar.selection-mode box button.toggle:backdrop:disabled:active,
headerbar.selection-mode box button.toggle:backdrop:disabled:checked,
headerbar.selection-mode buttonbox.toggle.flat:backdrop:disabled:active,
headerbar.selection-mode buttonbox.toggle.flat:backdrop:disabled:checked,
headerbar.selection-mode buttonbox.toggle:backdrop:disabled:active,
headerbar.selection-mode buttonbox.toggle:backdrop:disabled:checked,
headerbar.selection-mode stackswitcher button.flat:backdrop:disabled:active,
headerbar.selection-mode stackswitcher button.flat:backdrop:disabled:checked,
headerbar.selection-mode stackswitcher button:backdrop:disabled:active,
headerbar.selection-mode stackswitcher button:backdrop:disabled:checked,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled:active,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled:checked,
headerbar.selection-mode filechooser .path-bar.linked > button:backdrop:disabled:active,
headerbar.selection-mode filechooser .path-bar.linked > button:backdrop:disabled:checked,
headerbar.selection-mode .path-bar button.flat:backdrop:disabled:active,
headerbar.selection-mode .path-bar button.flat:backdrop:disabled:checked,
headerbar.selection-mode .path-bar button:backdrop:disabled:active,
headerbar.selection-mode .path-bar button:backdrop:disabled:checked, 
.selection-mode .titlebar box button.toggle.flat:backdrop:disabled:active,
.selection-mode .titlebar box button.toggle.flat:backdrop:disabled:checked,
.selection-mode .titlebar box button.toggle:backdrop:disabled:active,
.selection-mode .titlebar box button.toggle:backdrop:disabled:checked,
.selection-mode .titlebar stackswitcher button.flat:backdrop:disabled:active,
.selection-mode .titlebar stackswitcher button.flat:backdrop:disabled:checked,
.selection-mode .titlebar stackswitcher button:backdrop:disabled:active,
.selection-mode .titlebar stackswitcher button:backdrop:disabled:checked,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop:disabled:active,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop:disabled:checked,
.selection-mode .titlebar filechooser .path-bar.linked > button:backdrop:disabled:active,
.selection-mode .titlebar filechooser .path-bar.linked > button:backdrop:disabled:checked,
.selection-mode .titlebar .path-bar button.flat:backdrop:disabled:active,
.selection-mode .titlebar .path-bar button.flat:backdrop:disabled:checked,
.selection-mode .titlebar .path-bar button:backdrop:disabled:active,
.selection-mode .titlebar .path-bar button:backdrop:disabled:checked,
.titlebar.selection-mode button.flat:backdrop:disabled:active,
.titlebar.selection-mode button.flat:backdrop:disabled:checked,
.titlebar.selection-mode button:backdrop:disabled:active,
.titlebar.selection-mode button:backdrop:disabled:checked,
.titlebar.selection-mode button.image-button.flat:backdrop:disabled:active,
.titlebar.selection-mode button.image-button.flat:backdrop:disabled:checked,
.titlebar.selection-mode button.image-button:backdrop:disabled:active,
.titlebar.selection-mode button.image-button:backdrop:disabled:checked,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop:disabled:active,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop:disabled:checked,
.titlebar.selection-mode button.image-button.toggle:backdrop:disabled:active,
.titlebar.selection-mode button.image-button.toggle:backdrop:disabled:checked,
.titlebar.selection-mode button.text.button.flat:backdrop:disabled:active,
.titlebar.selection-mode button.text.button.flat:backdrop:disabled:checked,
.titlebar.selection-mode button.text.button:backdrop:disabled:active,
.titlebar.selection-mode button.text.button:backdrop:disabled:checked,
.titlebar.selection-mode button.toggle.flat:backdrop:disabled:active,
.titlebar.selection-mode button.toggle.flat:backdrop:disabled:checked,
.titlebar.selection-mode button.toggle:backdrop:disabled:active,
.titlebar.selection-mode button.toggle:backdrop:disabled:checked,
.titlebar.selection-mode box button.toggle.flat:backdrop:disabled:active,
.titlebar.selection-mode box button.toggle.flat:backdrop:disabled:checked,
.titlebar.selection-mode box button.toggle:backdrop:disabled:active,
.titlebar.selection-mode box button.toggle:backdrop:disabled:checked,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop:disabled:active,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop:disabled:checked,
.titlebar.selection-mode buttonbox.toggle:backdrop:disabled:active,
.titlebar.selection-mode buttonbox.toggle:backdrop:disabled:checked,
.titlebar.selection-mode stackswitcher button.flat:backdrop:disabled:active,
.titlebar.selection-mode stackswitcher button.flat:backdrop:disabled:checked,
.titlebar.selection-mode stackswitcher button:backdrop:disabled:active,
.titlebar.selection-mode stackswitcher button:backdrop:disabled:checked,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled:active,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled:checked,
.titlebar.selection-mode filechooser .path-bar.linked > button:backdrop:disabled:active,
.titlebar.selection-mode filechooser .path-bar.linked > button:backdrop:disabled:checked,
.titlebar.selection-mode .path-bar button.flat:backdrop:disabled:active,
.titlebar.selection-mode .path-bar button.flat:backdrop:disabled:checked,
.titlebar.selection-mode .path-bar button:backdrop:disabled:active,
.titlebar.selection-mode .path-bar button:backdrop:disabled:checked {
    color: @titlebutton_fg_dis;
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    border-color: @titlebutton_border;
}
.selection-mode headerbar button.flat:backdrop, 
.selection-mode headerbar button.flat:disabled, 
.selection-mode headerbar button.flat:backdrop:disabled,
.selection-mode headerbar button.image-button.flat:backdrop,
.selection-mode headerbar button.image-button.flat:disabled,
.selection-mode headerbar button.image-button.flat:backdrop:disabled,
.selection-mode headerbar button.image-button.toggle.flat:backdrop,
.selection-mode headerbar button.image-button.toggle.flat:disabled,
.selection-mode headerbar button.image-button.toggle.flat:backdrop:disabled,
.selection-mode headerbar button.text.button.flat:backdrop,
.selection-mode headerbar button.text.button.flat:disabled,
.selection-mode headerbar button.text.button.flat:backdrop:disabled,
.selection-mode headerbar button.toggle.flat:backdrop,
.selection-mode headerbar button.toggle.flat:disabled,
.selection-mode headerbar button.toggle.flat:backdrop:disabled,
.selection-mode headerbar box button.toggle.flat:backdrop,
.selection-mode headerbar box button.toggle.flat:disabled,
.selection-mode headerbar box button.toggle.flat:backdrop:disabled,
.selection-mode headerbar buttonbox.toggle.flat:backdrop,
.selection-mode headerbar buttonbox.toggle.flat:disabled,
.selection-mode headerbar buttonbox.toggle.flat:backdrop:disabled,
.selection-mode headerbar stackswitcher button.flat:backdrop,
.selection-mode headerbar stackswitcher button.flat:disabled,
.selection-mode headerbar stackswitcher button.flat:backdrop:disabled,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:disabled,
.selection-mode headerbar filechooser .path-bar.linked > button.flat:backdrop:disabled,
.selection-mode headerbar .path-bar button.flat:backdrop,
.selection-mode headerbar .path-bar button.flat:disabled,
.selection-mode headerbar .path-bar button.flat:backdrop:disabled, 
headerbar.selection-mode button.flat:backdrop, 
headerbar.selection-mode button.flat:disabled, 
headerbar.selection-mode button.flat:backdrop:disabled,
headerbar.selection-mode button.image-button.flat:backdrop,
headerbar.selection-mode button.image-button.flat:disabled,
headerbar.selection-mode button.image-button.flat:backdrop:disabled,
headerbar.selection-mode button.image-button.toggle.flat:backdrop,
headerbar.selection-mode button.image-button.toggle.flat:disabled,
headerbar.selection-mode button.image-button.toggle.flat:backdrop:disabled,
headerbar.selection-mode button.text.button.flat:backdrop,
headerbar.selection-mode button.text.button.flat:disabled,
headerbar.selection-mode button.text.button.flat:backdrop:disabled,
headerbar.selection-mode button.toggle.flat:backdrop,
headerbar.selection-mode button.toggle.flat:disabled,
headerbar.selection-mode button.toggle.flat:backdrop:disabled,
headerbar.selection-mode box button.toggle.flat:backdrop,
headerbar.selection-mode box button.toggle.flat:disabled,
headerbar.selection-mode box button.toggle.flat:backdrop:disabled,
headerbar.selection-mode buttonbox.toggle.flat:backdrop,
headerbar.selection-mode buttonbox.toggle.flat:disabled,
headerbar.selection-mode buttonbox.toggle.flat:backdrop:disabled,
headerbar.selection-mode stackswitcher button.flat:backdrop,
headerbar.selection-mode stackswitcher button.flat:disabled,
headerbar.selection-mode stackswitcher button.flat:backdrop:disabled,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:disabled,
headerbar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled,
headerbar.selection-mode .path-bar button.flat:backdrop,
headerbar.selection-mode .path-bar button.flat:disabled,
headerbar.selection-mode .path-bar button.flat:backdrop:disabled, 
.selection-mode .titlebar box button.toggle.flat:backdrop,
.selection-mode .titlebar box button.toggle.flat:disabled,
.selection-mode .titlebar box button.toggle.flat:backdrop:disabled,
.selection-mode .titlebar stackswitcher button.flat:backdrop,
.selection-mode .titlebar stackswitcher button.flat:disabled,
.selection-mode .titlebar stackswitcher button.flat:backdrop:disabled,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:disabled,
.selection-mode .titlebar filechooser .path-bar.linked > button.flat:backdrop:disabled,
.selection-mode .titlebar .path-bar button.flat:backdrop,
.selection-mode .titlebar .path-bar button.flat:disabled,
.selection-mode .titlebar .path-bar button.flat:backdrop:disabled,
.titlebar.selection-mode button.flat:backdrop,
.titlebar.selection-mode button.flat:disabled,
.titlebar.selection-mode button.flat:backdrop:disabled,
.titlebar.selection-mode button.image-button.flat:backdrop,
.titlebar.selection-mode button.image-button.flat:disabled,
.titlebar.selection-mode button.image-button.flat:backdrop:disabled,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop,
.titlebar.selection-mode button.image-button.toggle.flat:disabled,
.titlebar.selection-mode button.image-button.toggle.flat:backdrop:disabled,
.titlebar.selection-mode button.text.button.flat:backdrop,
.titlebar.selection-mode button.text.button.flat:disabled,
.titlebar.selection-mode button.text.button.flat:backdrop:disabled,
.titlebar.selection-mode button.toggle.flat:backdrop,
.titlebar.selection-mode button.toggle.flat:disabled,
.titlebar.selection-mode button.toggle.flat:backdrop:disabled,
.titlebar.selection-mode box button.toggle.flat:backdrop,
.titlebar.selection-mode box button.toggle.flat:disabled,
.titlebar.selection-mode box button.toggle.flat:backdrop:disabled,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop,
.titlebar.selection-mode buttonbox.toggle.flat:disabled,
.titlebar.selection-mode buttonbox.toggle.flat:backdrop:disabled,
.titlebar.selection-mode stackswitcher button.flat:backdrop,
.titlebar.selection-mode stackswitcher button.flat:disabled,
.titlebar.selection-mode stackswitcher button.flat:backdrop:disabled,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:disabled,
.titlebar.selection-mode filechooser .path-bar.linked > button.flat:backdrop:disabled,
.titlebar.selection-mode .path-bar button.flat:backdrop,
.titlebar.selection-mode .path-bar button.flat:disabled,
.titlebar.selection-mode .path-bar button.flat:backdrop:disabled {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none; 
}
.selection-mode headerbar button:disabled,
.selection-mode headerbar button.image-button:disabled,
.selection-mode headerbar button.image-button.toggle:disabled,
.selection-mode headerbar button.text.button:disabled,
.selection-mode headerbar button.toggle:disabled,
.selection-mode headerbar box button.toggle:disabled,
.selection-mode headerbar buttonbox.toggle:disabled,
.selection-mode headerbar stackswitcher button:disabled,
.selection-mode headerbar filechooser .path-bar.linked > button:disabled,
.selection-mode headerbar .path-bar button:disabled, 
headerbar.selection-mode button:disabled,
headerbar.selection-mode button.image-button:disabled,
headerbar.selection-mode button.image-button.toggle:disabled,
headerbar.selection-mode button.text.button:disabled,
headerbar.selection-mode button.toggle:disabled,
headerbar.selection-mode box button.toggle:disabled,
headerbar.selection-mode buttonbox.toggle:disabled,
headerbar.selection-mode stackswitcher button:disabled,
headerbar.selection-mode filechooser .path-bar.linked > button:disabled,
headerbar.selection-mode .path-bar button:disabled, 
.selection-mode .titlebar box button.toggle:disabled,
.selection-mode .titlebar stackswitcher button:disabled,
.selection-mode .titlebar filechooser .path-bar.linked > button:disabled,
.selection-mode .titlebar .path-bar button:disabled,
.titlebar.selection-mode button:disabled,
.titlebar.selection-mode button.image-button:disabled,
.titlebar.selection-mode button.image-button.toggle:disabled,
.titlebar.selection-mode button.text.button:disabled,
.titlebar.selection-mode button.toggle:disabled,
.titlebar.selection-mode box button.toggle:disabled,
.titlebar.selection-mode buttonbox.toggle:disabled,
.titlebar.selection-mode stackswitcher button:disabled,
.titlebar.selection-mode filechooser .path-bar.linked > button:disabled,
.titlebar.selection-mode .path-bar button:disabled {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_fg_dis);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
.selection-mode headerbar button:disabled:active, 
.selection-mode headerbar button:disabled:checked,
.selection-mode headerbar button.image-button:disabled:active,
.selection-mode headerbar button.image-button:disabled:checked,
.selection-mode headerbar button.image-button.toggle:disabled:active,
.selection-mode headerbar button.image-button.toggle:disabled:checked,
.selection-mode headerbar button.text.button:disabled:active,
.selection-mode headerbar button.text.button:disabled:checked,
.selection-mode headerbar button.toggle:disabled:active,
.selection-mode headerbar button.toggle:disabled:checked,
.selection-mode headerbar box button.toggle:disabled:active,
.selection-mode headerbar box button.toggle:disabled:checked,
.selection-mode headerbar buttonbox.toggle:disabled:active,
.selection-mode headerbar buttonbox.toggle:disabled:checked,
.selection-mode headerbar stackswitcher button:disabled:active,
.selection-mode headerbar stackswitcher button:disabled:checked,
.selection-mode headerbar filechooser .path-bar.linked > button:disabled:active,
.selection-mode headerbar filechooser .path-bar.linked > button:disabled:checked,
.selection-mode headerbar .path-bar button:disabled:active,
.selection-mode headerbar .path-bar button:disabled:checked, 
headerbar.selection-mode button:disabled:active, 
headerbar.selection-mode button:disabled:checked,
headerbar.selection-mode button.image-button:disabled:active,
headerbar.selection-mode button.image-button:disabled:checked,
headerbar.selection-mode button.image-button.toggle:disabled:active,
headerbar.selection-mode button.image-button.toggle:disabled:checked,
headerbar.selection-mode button.text.button:disabled:active,
headerbar.selection-mode button.text.button:disabled:checked,
headerbar.selection-mode button.toggle:disabled:active,
headerbar.selection-mode button.toggle:disabled:checked,
headerbar.selection-mode box button.toggle:disabled:active,
headerbar.selection-mode box button.toggle:disabled:checked,
headerbar.selection-mode buttonbox.toggle:disabled:active,
headerbar.selection-mode buttonbox.toggle:disabled:checked,
headerbar.selection-mode stackswitcher button:disabled:active,
headerbar.selection-mode stackswitcher button:disabled:checked,
headerbar.selection-mode filechooser .path-bar.linked > button:disabled:active,
headerbar.selection-mode filechooser .path-bar.linked > button:disabled:checked,
headerbar.selection-mode .path-bar button:disabled:active,
headerbar.selection-mode .path-bar button:disabled:checked, 
.selection-mode .titlebar box button.toggle:disabled:active,
.selection-mode .titlebar box button.toggle:disabled:checked,
.selection-mode .titlebar stackswitcher button:disabled:active,
.selection-mode .titlebar stackswitcher button:disabled:checked,
.selection-mode .titlebar filechooser .path-bar.linked > button:disabled:active,
.selection-mode .titlebar filechooser .path-bar.linked > button:disabled:checked,
.selection-mode .titlebar .path-bar button:disabled:active,
.selection-mode .titlebar .path-bar button:disabled:checked,
.titlebar.selection-mode button:disabled:active,
.titlebar.selection-mode button:disabled:checked,
.titlebar.selection-mode button.image-button:disabled:active,
.titlebar.selection-mode button.image-button:disabled:checked,
.titlebar.selection-mode button.image-button.toggle:disabled:active,
.titlebar.selection-mode button.image-button.toggle:disabled:checked,
.titlebar.selection-mode button.text.button:disabled:active,
.titlebar.selection-mode button.text.button:disabled:checked,
.titlebar.selection-mode button.toggle:disabled:active,
.titlebar.selection-mode button.toggle:disabled:checked,
.titlebar.selection-mode box button.toggle:disabled:active,
.titlebar.selection-mode box button.toggle:disabled:checked,
.titlebar.selection-mode buttonbox.toggle:disabled:active,
.titlebar.selection-mode buttonbox.toggle:disabled:checked,
.titlebar.selection-mode stackswitcher button:disabled:active,
.titlebar.selection-mode stackswitcher button:disabled:checked,
.titlebar.selection-mode filechooser .path-bar.linked > button:disabled:active,
.titlebar.selection-mode filechooser .path-bar.linked > button:disabled:checked,
.titlebar.selection-mode .path-bar button:disabled:active,
.titlebar.selection-mode .path-bar button:disabled:checked {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}
.selection-mode headerbar button.suggested-action,
.selection-mode headerbar button.image-button.suggested-action,
.selection-mode headerbar button.image-button.toggle.suggested-action,
.selection-mode headerbar button.text.button.suggested-action,
.selection-mode headerbar button.toggle.suggested-action,
.selection-mode headerbar box button.toggle.suggested-action,
.selection-mode headerbar buttonbox.toggle.suggested-action,
.selection-mode headerbar stackswitcher button.suggested-action,
.selection-mode headerbar filechooser .path-bar.linked > button.suggested-action,
.selection-mode headerbar .path-bar button.suggested-action, 
headerbar.selection-mode button.suggested-action,
headerbar.selection-mode button.image-button.suggested-action,
headerbar.selection-mode button.image-button.toggle.suggested-action,
headerbar.selection-mode button.text.button.suggested-action,
headerbar.selection-mode button.toggle.suggested-action,
headerbar.selection-mode box button.toggle.suggested-action,
headerbar.selection-mode buttonbox.toggle.suggested-action,
headerbar.selection-mode stackswitcher button.suggested-action,
headerbar.selection-mode filechooser .path-bar.linked > button.suggested-action,
headerbar.selection-mode .path-bar button.suggested-action, 
.selection-mode .titlebar box button.toggle.suggested-action,
.selection-mode .titlebar stackswitcher button.suggested-action,
.selection-mode .titlebar filechooser .path-bar.linked > button.suggested-action,
.selection-mode .titlebar .path-bar button.suggested-action,
.titlebar.selection-mode button.suggested-action,
.titlebar.selection-mode button.image-button.suggested-action,
.titlebar.selection-mode button.image-button.toggle.suggested-action,
.titlebar.selection-mode button.text.button.suggested-action,
.titlebar.selection-mode button.toggle.suggested-action,
.titlebar.selection-mode box button.toggle.suggested-action,
.titlebar.selection-mode buttonbox.toggle.suggested-action,
.titlebar.selection-mode stackswitcher button.suggested-action,
.titlebar.selection-mode filechooser .path-bar.linked > button.suggested-action,
.titlebar.selection-mode .path-bar button.suggested-action {
    color: @button_fg_sugg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    border-color: @button_border;
    background-image: linear-gradient(to bottom, @button_bg_sugg_a, @button_bg_sugg_b 40%, @button_bg_sugg_c);
}
.selection-mode headerbar button.suggested-action:hover,
.selection-mode headerbar button.image-button.suggested-action:hover,
.selection-mode headerbar button.image-button.toggle.suggested-action:hover,
.selection-mode headerbar button.text.button.suggested-action:hover,
.selection-mode headerbar button.toggle.suggested-action:hover,
.selection-mode headerbar box button.toggle.suggested-action:hover,
.selection-mode headerbar buttonbox.toggle.suggested-action:hover,
.selection-mode headerbar stackswitcher button.suggested-action:hover,
.selection-mode headerbar filechooser .path-bar.linked > button.suggested-action:hover,
.selection-mode headerbar .path-bar button.suggested-action:hover, 
headerbar.selection-mode button.suggested-action:hover,
headerbar.selection-mode button.image-button.suggested-action:hover,
headerbar.selection-mode button.image-button.toggle.suggested-action:hover,
headerbar.selection-mode button.text.button.suggested-action:hover,
headerbar.selection-mode button.toggle.suggested-action:hover,
headerbar.selection-mode box button.toggle.suggested-action:hover,
headerbar.selection-mode buttonbox.toggle.suggested-action:hover,
headerbar.selection-mode stackswitcher button.suggested-action:hover,
headerbar.selection-mode filechooser .path-bar.linked > button.suggested-action:hover,
headerbar.selection-mode .path-bar button.suggested-action:hover, 
.selection-mode .titlebar box button.toggle.suggested-action:hover,
.selection-mode .titlebar stackswitcher button.suggested-action:hover,
.selection-mode .titlebar filechooser .path-bar.linked > button.suggested-action:hover,
.selection-mode .titlebar .path-bar button.suggested-action:hover,
.titlebar.selection-mode button.suggested-action:hover,
.titlebar.selection-mode button.image-button.suggested-action:hover,
.titlebar.selection-mode button.image-button.toggle.suggested-action:hover,
.titlebar.selection-mode button.text.button.suggested-action:hover,
.titlebar.selection-mode button.toggle.suggested-action:hover,
.titlebar.selection-mode box button.toggle.suggested-action:hover,
.titlebar.selection-mode buttonbox.toggle.suggested-action:hover,
.titlebar.selection-mode stackswitcher button.suggested-action:hover,
.titlebar.selection-mode filechooser .path-bar.linked > button.suggested-action:hover,
.titlebar.selection-mode .path-bar button.suggested-action:hover {
    color: @button_fg_sugg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_hov, @button_bg_sugg_b_hov 40%, @button_bg_sugg_c_hov);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    border-color: @button_border_sugg;
}
.selection-mode headerbar button.suggested-action:active,
.selection-mode headerbar button.image-button.suggested-action:active,
.selection-mode headerbar button.image-button.toggle.suggested-action:active,
.selection-mode headerbar button.text.button.suggested-action:active,
.selection-mode headerbar button.toggle.suggested-action:active,
.selection-mode headerbar box button.toggle.suggested-action:active,
.selection-mode headerbar buttonbox.toggle.suggested-action:active,
.selection-mode headerbar stackswitcher button.suggested-action:active,
.selection-mode headerbar filechooser .path-bar.linked > button.suggested-action:active,
.selection-mode headerbar .path-bar button.suggested-action:active, 
headerbar.selection-mode button.suggested-action:active,
headerbar.selection-mode button.image-button.suggested-action:active,
headerbar.selection-mode button.image-button.toggle.suggested-action:active,
headerbar.selection-mode button.text.button.suggested-action:active,
headerbar.selection-mode button.toggle.suggested-action:active,
headerbar.selection-mode box button.toggle.suggested-action:active,
headerbar.selection-mode buttonbox.toggle.suggested-action:active,
headerbar.selection-mode stackswitcher button.suggested-action:active,
headerbar.selection-mode filechooser .path-bar.linked > button.suggested-action:active,
headerbar.selection-mode .path-bar button.suggested-action:active, 
.selection-mode .titlebar box button.toggle.suggested-action:active,
.selection-mode .titlebar stackswitcher button.suggested-action:active,
.selection-mode .titlebar filechooser .path-bar.linked > button.suggested-action:active,
.selection-mode .titlebar .path-bar button.suggested-action:active,
.titlebar.selection-mode button.suggested-action:active,
.titlebar.selection-mode button.image-button.suggested-action:active,
.titlebar.selection-mode button.image-button.toggle.suggested-action:active,
.titlebar.selection-mode button.text.button.suggested-action:active,
.titlebar.selection-mode button.toggle.suggested-action:active,
.titlebar.selection-mode box button.toggle.suggested-action:active,
.titlebar.selection-mode buttonbox.toggle.suggested-action:active,
.titlebar.selection-mode stackswitcher button.suggested-action:active,
.titlebar.selection-mode filechooser .path-bar.linked > button.suggested-action:active,
.titlebar.selection-mode .path-bar button.suggested-action:active {
    color: @button_fg_sugg_color;
    outline-color: rgba(238, 238, 236, 0.3);
    background-image: linear-gradient(to bottom, @button_bg_sugg_a_hov, @button_bg_sugg_b_hov 40%, @button_bg_sugg_c_hov);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
    text-shadow: none;
    -gtk-icon-shadow: none;
    border-color: @button_border_sugg;
}
.selection-mode headerbar button.suggested-action:disabled,
.selection-mode headerbar button.image-button.suggested-action:disabled,
.selection-mode headerbar button.image-button.toggle.suggested-action:disabled,
.selection-mode headerbar button.text.button.suggested-action:disabled,
.selection-mode headerbar button.toggle.suggested-action:disabled,
.selection-mode headerbar box button.toggle.suggested-action:disabled,
.selection-mode headerbar buttonbox.toggle.suggested-action:disabled,
.selection-mode headerbar stackswitcher button.suggested-action:disabled,
.selection-mode headerbar filechooser .path-bar.linked > button.suggested-action:disabled,
.selection-mode headerbar .path-bar button.suggested-action:disabled, 
headerbar.selection-mode button.suggested-action:disabled,
headerbar.selection-mode button.image-button.suggested-action:disabled,
headerbar.selection-mode button.image-button.toggle.suggested-action:disabled,
headerbar.selection-mode button.text.button.suggested-action:disabled,
headerbar.selection-mode button.toggle.suggested-action:disabled,
headerbar.selection-mode box button.toggle.suggested-action:disabled,
headerbar.selection-mode buttonbox.toggle.suggested-action:disabled,
headerbar.selection-mode stackswitcher button.suggested-action:disabled,
headerbar.selection-mode filechooser .path-bar.linked > button.suggested-action:disabled,
headerbar.selection-mode .path-bar button.suggested-action:disabled, 
.selection-mode .titlebar box button.toggle.suggested-action:disabled,
.selection-mode .titlebar stackswitcher button.suggested-action:disabled,
.selection-mode .titlebar filechooser .path-bar.linked > button.suggested-action:disabled,
.selection-mode .titlebar .path-bar button.suggested-action:disabled,
.titlebar.selection-mode button.suggested-action:disabled,
.titlebar.selection-mode button.image-button.suggested-action:disabled,
.titlebar.selection-mode button.image-button.toggle.suggested-action:disabled,
.titlebar.selection-mode button.text.button.suggested-action:disabled,
.titlebar.selection-mode button.toggle.suggested-action:disabled,
.titlebar.selection-mode box button.toggle.suggested-action:disabled,
.titlebar.selection-mode buttonbox.toggle.suggested-action:disabled,
.titlebar.selection-mode stackswitcher button.suggested-action:disabled,
.titlebar.selection-mode filechooser .path-bar.linked > button.suggested-action:disabled,
.titlebar.selection-mode .path-bar button.suggested-action:disabled {
    border-color: @titlebutton_border;
    background-image: linear-gradient(to bottom, @titlebutton_bg_a, @titlebutton_bg_b 40%, @titlebutton_bg_c);
    color: @titlebutton_fg_dis;
}
.selection-mode headerbar button.suggested-action:backdrop,
.selection-mode headerbar button.image-button.suggested-action:backdrop,
.selection-mode headerbar button.image-button.toggle.suggested-action:backdrop,
.selection-mode headerbar button.text.button.suggested-action:backdrop,
.selection-mode headerbar button.toggle.suggested-action:backdrop,
.selection-mode headerbar box button.toggle.suggested-action:backdrop,
.selection-mode headerbar buttonbox.toggle.suggested-action:backdrop,
.selection-mode headerbar stackswitcher button.suggested-action:backdrop,
.selection-mode headerbar filechooser .path-bar.linked > button.suggested-action:backdrop,
.selection-mode headerbar .path-bar button.suggested-action:backdrop, 
headerbar.selection-mode button.suggested-action:backdrop,
headerbar.selection-mode button.image-button.suggested-action:backdrop,
headerbar.selection-mode button.image-button.toggle.suggested-action:backdrop,
headerbar.selection-mode button.text.button.suggested-action:backdrop,
headerbar.selection-mode button.toggle.suggested-action:backdrop,
headerbar.selection-mode box button.toggle.suggested-action:backdrop,
headerbar.selection-mode buttonbox.toggle.suggested-action:backdrop,
headerbar.selection-mode stackswitcher button.suggested-action:backdrop,
headerbar.selection-mode filechooser .path-bar.linked > button.suggested-action:backdrop,
headerbar.selection-mode .path-bar button.suggested-action:backdrop, 
.selection-mode .titlebar box button.toggle.suggested-action:backdrop,
.selection-mode .titlebar stackswitcher button.suggested-action:backdrop,
.selection-mode .titlebar filechooser .path-bar.linked > button.suggested-action:backdrop,
.selection-mode .titlebar .path-bar button.suggested-action:backdrop,
.titlebar.selection-mode button.suggested-action:backdrop,
.titlebar.selection-mode button.image-button.suggested-action:backdrop,
.titlebar.selection-mode button.image-button.toggle.suggested-action:backdrop,
.titlebar.selection-mode button.text.button.suggested-action:backdrop,
.titlebar.selection-mode button.toggle.suggested-action:backdrop,
.titlebar.selection-mode box button.toggle.suggested-action:backdrop,
.titlebar.selection-mode buttonbox.toggle.suggested-action:backdrop,
.titlebar.selection-mode stackswitcher button.suggested-action:backdrop,
.titlebar.selection-mode filechooser .path-bar.linked > button.suggested-action:backdrop,
.titlebar.selection-mode .path-bar button.suggested-action:backdrop {
    color: @titlebutton_fg_dis;
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    /* box-shadow: 0 1px 1px alpha(@box_shadow, 0.2); */
}
.selection-mode headerbar button.suggested-action:backdrop:disabled,
.selection-mode headerbar button.image-button.suggested-action:backdrop:disabled,
.selection-mode headerbar button.image-button.toggle.suggested-action:backdrop:disabled,
.selection-mode headerbar button.text.button.suggested-action:backdrop:disabled,
.selection-mode headerbar button.toggle.suggested-action:backdrop:disabled,
.selection-mode headerbar box button.toggle.suggested-action:backdrop:disabled,
.selection-mode headerbar buttonbox.toggle.suggested-action:backdrop:disabled,
.selection-mode headerbar stackswitcher button.suggested-action:backdrop:disabled,
.selection-mode headerbar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled,
.selection-mode headerbar .path-bar button.suggested-action:backdrop:disabled, 
headerbar.selection-mode button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.image-button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.image-button.toggle.suggested-action:backdrop:disabled,
headerbar.selection-mode button.text.button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.toggle.suggested-action:backdrop:disabled,
headerbar.selection-mode box button.toggle.suggested-action:backdrop:disabled,
headerbar.selection-mode buttonbox.toggle.suggested-action:backdrop:disabled,
headerbar.selection-mode stackswitcher button.suggested-action:backdrop:disabled,
headerbar.selection-mode filechooser .path-bar.linked > button.suggested-action:backdrop:disabled,
headerbar.selection-mode .path-bar button.suggested-action:backdrop:disabled, .
.selection-mode .titlebar box button.toggle.suggested-action:backdrop:disabled,
.selection-mode .titlebar stackswitcher button.suggested-action:backdrop:disabled,
.selection-mode .titlebar filechooser .path-bar.linked > button.suggested-action:backdrop:disabled,
.selection-mode .titlebar .path-bar button.suggested-action:backdrop:disabled,
.titlebar.selection-mode button.suggested-action:backdrop:disabled,
.titlebar.selection-mode button.image-button.suggested-action:backdrop:disabled,
.titlebar.selection-mode button.image-button.toggle.suggested-action:backdrop:disabled,
.titlebar.selection-mode button.text.button.suggested-action:backdrop:disabled,
.titlebar.selection-mode button.toggle.suggested-action:backdrop:disabled,
.titlebar.selection-mode box button.toggle.suggested-action:backdrop:disabled,
.titlebar.selection-mode buttonbox.toggle.suggested-action:backdrop:disabled,
.titlebar.selection-mode stackswitcher button.suggested-action:backdrop:disabled,
.titlebar.selection-mode filechooser .path-bar.linked > button.suggested-action:backdrop:disabled,
.titlebar.selection-mode .path-bar button.suggested-action:backdrop:disabled {
    color: @titlebutton_fg_dis;
    border-color: @titlebutton_border;
    background-image: image(@titlebutton_bg_a_dis);
    text-shadow: none;
    -gtk-icon-shadow: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
}

headerbar button.suggested-action:disabled label {
    color: @titlebutton_fg_dis;
}

.selection-mode headerbar .selection-menu:backdrop, 
.selection-mode headerbar .selection-menu, 
headerbar.selection-mode .selection-menu:backdrop, 
headerbar.selection-mode .selection-menu, 
.selection-mode .titlebar .selection-menu:backdrop, 
.selection-mode .titlebar .selection-menu,
.titlebar.selection-mode .selection-menu:backdrop,
.titlebar.selection-mode .selection-menu {
    border-color: rgba(16, 155, 38, 0);
    background-color: rgba(16, 155, 38, 0);
    background-image: none;
    box-shadow: none;
    min-height: 20px;
    padding: 6px 10px; 
}
.selection-mode headerbar .selection-menu:backdrop arrow, 
.selection-mode headerbar .selection-menu arrow, headerbar.selection-mode 
.selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow, 
.selection-mode .titlebar .selection-menu:backdrop arrow, 
.selection-mode .titlebar .selection-menu arrow,
.titlebar.selection-mode .selection-menu:backdrop arrow,
.titlebar.selection-mode .selection-menu arrow {
    -Gtkarrow-arrow-scaling: 1; 
}
.selection-mode headerbar .selection-menu:backdrop .arrow, 
.selection-mode headerbar .selection-menu .arrow, 
headerbar.selection-mode .selection-menu:backdrop .arrow, 
headerbar.selection-mode .selection-menu .arrow, 
.selection-mode .titlebar .selection-menu:backdrop .arrow, 
.selection-mode .titlebar .selection-menu .arrow,
.titlebar.selection-mode .selection-menu:backdrop .arrow,
.titlebar.selection-mode .selection-menu .arrow {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
    color: rgba(255, 255, 255, 0.5);
    -gtk-icon-shadow: none; 
}



stackswitcher button.text-button {
    min-width: 100px; 
}

stackswitcher button.circular,
stackswitcher button.text-button.circular {
    min-width: 32px;
    min-height: 32px;
    padding: 0; 
}


/**************
 * GtkInfoBar *
 **************/
infobar {
    border-style: none; 
}
infobar.info, 
infobar.question, 
infobar.warning, 
infobar.error {
    text-shadow: none; 
}
infobar.info:backdrop > revealer > box, 
infobar.info > revealer > box, 
infobar.question:backdrop > revealer > box, 
infobar.question > revealer > box {
    background-image: linear-gradient(to bottom, @infobar_bg_a, @infobar_bg_b);
    border-color: @infobar_border;
}
infobar.error:backdrop > revealer > box, 
infobar.error > revealer > box {
    background-image: linear-gradient(to bottom, @errorbar_bg_a, @errorbar_bg_b);
    border-color: @infobar_border;
}
infobar.warning:backdrop > revealer > box, 
infobar.warning > revealer > box {
    background-image: linear-gradient(to bottom, @warnbar_bg_a, @warnbar_bg_b);
    border-color: @infobar_border;
}
infobar.info > revealer > box label, 
infobar.info > revealer > box, 
infobar.question > revealer > box label, 
infobar.question > revealer > box, 
infobar.warning > revealer > box label, 
infobar.warning > revealer > box, 
infobar.error > revealer > box label, 
infobar.error > revealer > box {
    color: @infobar_button_fg;
}
infobar.info > revealer > box label:disabled, 
infobar.info > revealer > box:disabled, 
infobar.question > revealer > box label:disabled, 
infobar.question > revealer > box:disabled, 
infobar.info:backdrop > revealer > box label, 
infobar.info:backdrop > revealer > box, 
infobar.question:backdrop > revealer > box label, 
infobar.question:backdrop > revealer > box {
    color: @infobar_button_fg_dis;
}
infobar.warning > revealer > box label:disabled, 
infobar.warning > revealer > box:disabled, 
infobar.warning:backdrop > revealer > box label, 
infobar.warning:backdrop > revealer > box {
    color: @warnbar_button_fg_dis;
}
infobar.error > revealer > box label:disabled, 
infobar.error > revealer > box:disabled, 
infobar.error:backdrop > revealer > box label, 
infobar.error:backdrop > revealer > box {
    color: @errorbar_button_fg_dis;
}
infobar.info:backdrop, 
infobar.question:backdrop, 
infobar.warning:backdrop, 
infobar.error:backdrop {
    text-shadow: none; 
}
infobar.info button, 
infobar.question button, 
infobar.warning button, 
infobar.error button {
    color: @infobar_button_fg;
    outline-color: transparent;
    border-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.07);
    background-image: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    box-shadow: 0 1px 1px alpha(@box_shadow, 0.0);
}
infobar.info button:hover, 
infobar.question button:hover, 
infobar.warning button:hover, 
infobar.error button:hover {
    color: @infobar_button_fg;
    outline-color: transparent;
    border-color: rgba(255, 255, 255, 0.4);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 1px alpha(@box_shadow, 0.0);
}
infobar.info button:active, 
infobar.info button:checked, 
infobar.question button:active, 
infobar.question button:checked, 
infobar.warning button:active, 
infobar.warning button:checked, 
infobar.error button:active,
infobar.error button:checked {
    color: @infobar_button_fg;
    outline-color: transparent;
    border-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.07);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    box-shadow: 0 1px 1px alpha(@box_shadow, 0.0);
}
infobar.info button:disabled, 
infobar.question button:disabled, 
infobar.warning button:disabled, 
infobar.error button:disabled {
    color: @infobar_button_fg;
    outline-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.0);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    box-shadow: 0 1px 1px alpha(@box_shadow, 0.0);
}
infobar.info button:disabled *, 
infobar.question button:disabled *, 
infobar.warning button:disabled *, 
infobar.error button:disabled * {
    color: @infobar_button_fg;
}
infobar.info button:backdrop, 
infobar.question button:backdrop, 
infobar.warning button:backdrop, 
infobar.error button:backdrop {
    color: @infobar_button_fg;
    outline-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.0);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    box-shadow: 0 1px 1px alpha(@box_shadow, 0.0);
}
infobar.info button:backdrop:disabled, 
infobar.question button:backdrop:disabled, 
infobar.warning button:backdrop:disabled, 
infobar.error button:backdrop:disabled {
    color: @infobar_button_fg;
    outline-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.0);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
    box-shadow: 0 1px 1px alpha(@box_shadow, 0.0);
}
infobar.info button:backdrop label, 
infobar.info button:backdrop, 
infobar.info button label, 
infobar.info button, 
infobar.question button:backdrop label, 
infobar.question button:backdrop, 
infobar.question button label, 
infobar.question button, 
infobar.warning button:backdrop label, 
infobar.warning button:backdrop, 
infobar.warning button label, 
infobar.warning button, 
infobar.error button:backdrop label, 
infobar.error button:backdrop, 
infobar.error button label, 
infobar.error button {
    color: @infobar_button_fg;
}
infobar.info selection, 
infobar.question selection, 
infobar.warning selection, 
infobar.error selection {
    background-color: @view_fg_sel;
}
infobar.info *:link, 
infobar.question *:link, 
infobar.warning *:link, 
infobar.error *:link {
    color: @theme_fg_color;
}




/***************************************************************************************************
 * window actions *
 **************************************************************************************************/

/* minimize */
headerbar button.titlebutton.minimize:not(.appmenu), 
.titlebar button.titlebutton.minimize:not(.appmenu), 
.titlebar .titlebutton.minimize,
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu), 
button.titlebutton.minimize:not(.appmenu) {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/min.svg"));
}

headerbar button.titlebutton.minimize:not(.appmenu):backdrop, 
.titlebar button.titlebutton.minimize:not(.appmenu):backdrop, 
.titlebar .titlebutton.minimize:backdrop,
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):backdrop, 
button.titlebutton.minimize:not(.appmenu):backdrop {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/minUnfocused.svg"));
}

headerbar button.titlebutton.minimize:not(.appmenu):hover, 
.titlebar button.titlebutton.minimize:not(.appmenu):hover, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):hover, 
button.titlebutton.minimize:not(.appmenu):hover,
.titlebar .titlebutton.minimize:hover,
.titlebar .titlebutton.minimize:checked,
headerbar button.titlebutton.minimize:not(.appmenu):checked, 
.titlebar button.titlebutton.minimize:not(.appmenu):checked, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):checked, 
button.titlebutton.minimize:not(.appmenu):checked,
headerbar button.titlebutton.minimize:not(.appmenu):backdrop:hover, 
.titlebar button.titlebutton.minimize:not(.appmenu):backdrop:hover, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):backdrop:hover, 
button.titlebutton.minimize:not(.appmenu):backdrop:hover,
headerbar button.titlebutton.minimize:not(.appmenu):backdrop:checked, 
.titlebar button.titlebutton.minimize:not(.appmenu):backdrop:checked, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):backdrop:checked, 
button.titlebutton.minimize:not(.appmenu):backdrop:checked  {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/minPrelight.svg"));
}

headerbar button.titlebutton.minimize:not(.appmenu):active, 
.titlebar button.titlebutton.minimize:not(.appmenu):active,
.titlebar .titlebutton.minimize:active, 
headerbar.selection-mode button.titlebutton.minimize:not(.appmenu):active, 
button.titlebutton.minimize:not(.appmenu):active {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/minPress.svg"));
}

/* maximize */
headerbar button.titlebutton.maximize:not(.appmenu), 
.titlebar button.titlebutton.maximize:not(.appmenu), 
.titlebar .titlebutton.maximize,
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu), 
button.titlebutton.maximize:not(.appmenu) {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/max.svg"));
}

headerbar button.titlebutton.maximize:not(.appmenu):backdrop, 
.titlebar button.titlebutton.maximize:not(.appmenu):backdrop, 
.titlebar .titlebutton.maximize:backdrop,
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):backdrop, 
button.titlebutton.maximize:not(.appmenu):backdrop {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/maxUnfocused.svg"));
}

headerbar button.titlebutton.maximize:not(.appmenu):hover, 
.titlebar button.titlebutton.maximize:not(.appmenu):hover, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):hover, 
.titlebar .titlebutton.maximize:hover,
.titlebar .titlebutton.maximize:checked,
button.titlebutton.maximize:not(.appmenu):hover,
headerbar button.titlebutton.maximize:not(.appmenu):checked, 
.titlebar button.titlebutton.maximize:not(.appmenu):checked, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):checked, 
button.titlebutton.maximize:not(.appmenu):checked,
headerbar button.titlebutton.maximize:not(.appmenu):backdrop:hover, 
.titlebar button.titlebutton.maximize:not(.appmenu):backdrop:hover, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):backdrop:hover, 
button.titlebutton.maximize:not(.appmenu):backdrop:hover,
headerbar button.titlebutton.maximize:not(.appmenu):backdrop:checked, 
.titlebar button.titlebutton.maximize:not(.appmenu):backdrop:checked, 
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):backdrop:checked, 
button.titlebutton.maximize:not(.appmenu):backdrop:checked  {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/maxPrelight.svg"));
}

headerbar button.titlebutton.maximize:not(.appmenu):active, 
.titlebar button.titlebutton.maximize:not(.appmenu):active, 
.titlebar .titlebutton.maximize:active,
headerbar.selection-mode button.titlebutton.maximize:not(.appmenu):active, 
button.titlebutton.maximize:not(.appmenu):active  {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/maxPress.svg"));
}

/* close */
headerbar button.titlebutton.close:not(.appmenu), 
.titlebar button.titlebutton.close:not(.appmenu), 
.titlebar .titlebutton.close,
headerbar.selection-mode button.titlebutton.close:not(.appmenu), 
button.titlebutton.close:not(.appmenu) {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/close.svg"));
}

headerbar button.titlebutton.close:not(.appmenu):backdrop, 
.titlebar button.titlebutton.close:not(.appmenu):backdrop, 
.titlebar .titlebutton.close:backdrop,
headerbar.selection-mode button.titlebutton.close:not(.appmenu):backdrop, 
button.titlebutton.close:not(.appmenu):backdrop  {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/closeUnfocused.svg"));
}


headerbar button.titlebutton.close:not(.appmenu):hover, 
.titlebar button.titlebutton.close:not(.appmenu):hover, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):hover, 
button.titlebutton.close:not(.appmenu):hover,
.titlebar .titlebutton.close:hover,
.titlebar .titlebutton.close:checked,
headerbar button.titlebutton.close:not(.appmenu):checked, 
.titlebar button.titlebutton.close:not(.appmenu):checked, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):checked, 
button.titlebutton.close:not(.appmenu):checked,
headerbar button.titlebutton.close:not(.appmenu):backdrop:hover, 
.titlebar button.titlebutton.close:not(.appmenu):backdrop:hover, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):backdrop:hover, 
button.titlebutton.close:not(.appmenu):backdrop:hover,
headerbar button.titlebutton.close:not(.appmenu):backdrop:checked, 
.titlebar button.titlebutton.close:not(.appmenu):backdrop:checked, 
headerbar.selection-mode button.titlebutton.close:not(.appmenu):backdrop:checked, 
button.titlebutton.close:not(.appmenu):backdrop:checked  {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/closePrelight.svg"));
}

headerbar button.titlebutton.close:not(.appmenu):active, 
.titlebar button.titlebutton.close:not(.appmenu):active, 
.titlebar .titlebutton.close:active,
headerbar.selection-mode button.titlebutton.close:not(.appmenu):active, 
button.titlebutton.close:not(.appmenu):active {
    color: transparent;
    background-color: transparent;
    border-image: none;
    border-width: 0px;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -gtk-scaled(url("../gtk-3.0/assets/closePress.svg"));
}

.titlebar button.titlebutton > image {
    padding: 2px;
}

/** hdyview **/

hdydialer button {
  font-weight: lighter;
  background-color: transparent;
  border: 0;
  box-shadow: none; 
}
hdydialer button:backdrop {
    background-color: transparent; 
}
hdydialer button:focus {
    background-color: transparent;
    border: none; 
}

hdyviewswitcher > button,
hdyviewswitcher > button:backdrop {
  border: 0;
  background-color: transparent; 
}
hdyviewswitcher > button:backdrop:hover, 
hdyviewswitcher > button:hover, 
hdyviewswitcher > button:active, 
hdyviewswitcher > button:hover:focus, 
hdyviewswitcher > button:active:focus, 
hdyviewswitcher > button:checked, 
hdyviewswitcher > button:checked:hover {
    background-color: transparent; 
}
hdyviewswitcher > button:checked, 
hdyviewswitcher > button:checked:backdrop {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent; 
}

hdyviewswitcher > button:checked > stack, 
hdyviewswitcher > button:checked:backdrop > stack {
    border-bottom: 3px solid @hdybutton_bg_chk;
    background: linear-gradient(to bottom, @hdybutton_bg_chk, @hdybutton_bg_chk);
    border-top: 3px solid @theme_accent_color; 
    border-left: 1px solid @notebook_border;
    border-right: 1px solid @notebook_border;
}
hdyviewswitcher > button:hover > stack, 
hdyviewswitcher > button:hover:backdrop > stack {
    border-bottom: 3px solid @hdybutton_bg_hov;
    background: linear-gradient(to bottom, @hdybutton_bg_hov, @hdybutton_bg_hov);
    border-top: 3px solid @hdybutton_bg_hov; 
}
hdyviewswitcher > button:hover:checked > stack, 
hdyviewswitcher > button:hover:checked:backdrop > stack {
    border-bottom: 3px solid @hdybutton_bg_chk;
    background: linear-gradient(to bottom, @hdybutton_bg_chk, @hdybutton_bg_chk);
    border-top: 3px solid @theme_accent_color; 
    border-left: 1px solid @notebook_border;
    border-right: 1px solid @notebook_border;
}
hdyviewswitcher > button.needs-attention > stack > box label,
hdyviewswitcher > button:backdrop.needs-attention > stack > box label {
    animation: needs_attention 150ms ease-in;
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_button_decoration_focus), to(transparent));
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    background-position: right 0px, right 1px; 
}



headerbar hdyviewswitcher > button > stack,
headerbar hdyviewswitcher > button:hover > stack,
headerbar hdyviewswitcher > button:backdrop > stack,
headerbar hdyviewswitcher > button:hover:backdrop > stack {
    background: linear-gradient(to bottom, @hdyheadbutton_bg_a, @hdyheadbutton_bg_b);
    border: 1px solid @hdyheadbutton_bdr;
    border-right-color: @hdyheadbutton_bdr_r; 
}

headerbar hdyviewswitcher > button:last-child > stack,
headerbar hdyviewswitcher > button:last-child:backdrop > stack {
    border-right-color: @hdyheadbutton_bdr; 
}

headerbar hdyviewswitcher > button:checked > stack,
headerbar hdyviewswitcher > button:hover:checked > stack,
headerbar hdyviewswitcher > button:checked:backdrop > stack,
headerbar hdyviewswitcher > button:hover:checked:backdrop > stack  {
    background: linear-gradient(to bottom, @hdyheadbutton_chk_bg_a, @hdyheadbutton_chk_bg_b);
    border: 1px solid @hdyheadbutton_chk_bdr;
    border-right-color: @hdyheadbutton_chk_bdr_r;
}

headerbar hdyviewswitcher > button:last-child:checked > stack,
headerbar hdyviewswitcher > button:last-child:checked:backdrop > stack {
    border-right-color: @hdyheadbutton_chk_bdr; 
}

.view:hover:not(:selected),
.budgie-menu button:hover  {
   box-shadow: inset 0 0 0 9999px alpha(@sidebar_hovering, 0.2);
}



/* ******************************************************************************************** */
/* ****                          C I N N A M O N   S P E C I F I C S                       **** */
/* ******************************************************************************************** */

/********
 * Nemo *
 ********/

/* sidebar */

NemoWindow .sidebar .cell {
  padding: 0px; 
}

NemoWindow .sidebar treeview .view,
NemoWindow .sidebar GtkTreeView.view,
.nemo-window .sidebar treeview .view,
.nemo-window .sidebar GtkTreeView.view {
    padding-top: 0px;
    padding-bottom: 0px;
}

NemoWindow .sidebar .view,
.nemo-window .sidebar {
    background-color: @sidebar_bg;
    color: @sidebar_fg;
    text-shadow: none;
    -gtk-icon-shadow: none;
}

.nemo-window .sidebar {
    color: @nemo_sidebar_fg;
}
.nemo-window .sidebar .view,
.nemo-window .sidebar iconview,
.nemo-window .sidebar row {
    background-color: transparent;
    color: @nemo_sidebar_fg;
}
NemoWindow .sidebar .view {
    padding-top: 0px;
    padding-bottom: 0px;
}

.nemo-window .sidebar .view.cell:selected,
.nemo-window .sidebar iconview.cell:selected,
.nemo-window .sidebar row.cell:selected,
.nemo-window .sidebar .view.cell:selected:hover,
.nemo-window .sidebar iconview.cell:selected:hover,
.nemo-window .sidebar row.cell:selected:hover  {
    background-color: @theme_accent_color;
    color: @sidebar_fg;
}
.nemo-window .sidebar .view.cell:hover,
.nemo-window .sidebar iconview.cell:hover,
.nemo-window .sidebar row.cell:hover {
    background-color: transparent;
    box-shadow: inset 0 0 0 9999px alpha(@sidebar_hovering, 0.2);
    color: @sidebar_fg;
}
.nemo-window .sidebar .view.expander,
.nemo-window .sidebar iconview.expander,
.nemo-window .sidebar row.expander {
    color: @sidebar_fg;
}
.nemo-window .sidebar .view.expander:hover,
.nemo-window .sidebar iconview.expander:hover,
.nemo-window .sidebar row.expander:hover {
    color: @sidebar_fg;
}
.nemo-window .sidebar separator {
    background-color: rgba(100, 128, 138, 0.4);
}

.nemo-window .nemo-places-sidebar.frame {
    border-width: 0;
}

.nemo-window notebook {
    background-color: @theme_base_color;
}

.nemo-window .nemo-window-pane widget.entry {
    border: 1px solid @notebook_border;
    border-radius: 3px;
}

.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button {
    color: rgba(207, 218, 231, 0.8);
    border-color: rgba(21, 23, 28, 0.37);
    background-color: rgba(95, 105, 127, 0.37);
}
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) {
    margin: 0 0 1px 0;
}
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover {
    background-color: rgba(134, 144, 165, 0.37);
}
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active,
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked {
    color: @theme_fg_color;
    border-color: transparent;
    background-color: @theme_accent_color;
}
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled {
    color: rgba(207, 218, 231, 0.4);
}

.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button {
    border-left-style: none;
}

.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover {
    box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37);
}

.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover {
    box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37);
}

.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover {
    box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37);
}

NemoPlacesTreeView {
    -NemoPlacesTreeView-disk-full-bg-color: #808080;
    -NemoPlacesTreeView-disk-full-fg-color: @theme_accent_color;
    -NemoPlacesTreeView-disk-full-bar-width: 2px;
    -NemoPlacesTreeView-disk-full-bar-radius: 0px;
    /*-NemoPlacesTreeView-disk-full-top-padding: 40px;
    -NemoPlacesTreeView-disk-full-bottom-padding: 5px;*/
    border-radius: 0px;
}

NemoPlacesTreeView:selected {
    -NemoPlacesTreeView-disk-full-bg-color: #808080;
    -NemoPlacesTreeView-disk-full-fg-color: @theme_accent_color;
    border-radius: 0px;
}

NemoWindow .sidebar .frame {
    border: none;
}

NemoWindow > GtkGrid > .pane-separator {
    background-color: transparent;
}

.nemo-canvas-item {
    border-radius: 3px;
}

.nemo-desktop.nemo-canvas-item {
    color: @desktop_item_fg;
    text-shadow: 1px 1px @desktop_item_text_shadow;
}

.nemo-canvas-item:selected {
    background-color: rgba(196, 196, 196, 0.1); 
    color: @theme_selected_fg_color;
}
.nemo-canvas-item:selected:dir(ltr) {
    border-radius: 3px;
    color: @theme_fg_color;
    background-color: alpha(@selected_bg_color, 0.6);
    border: 1px solid @selected_border_color; 
}
.nemo-canvas-item:selected:not(:dir(ltr)) {
    border-radius: 3px;
    color: @theme_selected_fg_color;
    background-color: rgba(200, 200, 200, 0.1); 
}

/* notebook */

NemoView.frame,
NemoNotebook.notebook {
    border: solid;
    border-width: 1px 0 0 1px;
    border-color: shade(@theme_bg_color, 0.8);
}

NemoNotebook.notebook tab,
NemoNotebook.notebook tab:active {
    padding: 2px;
}

/* inactive pane */

.nemo-inactive-pane .view {
    background-color: shade(@theme_base_color, 0.93);
    color: shade(@theme_fg_color, 1.2);
}

.nemo-inactive-pane .view:selected,
.nemo-inactive-pane .nautilus-canvas-item:selected {
    border-radius: 3px;
    background-color: rgba(196, 196, 196, 0.1); 
    color: @theme_selected_fg_color;
}

NemoWindow .toolbar,
.nemo-window .toolbar {
    padding: 0px;
    border-top-color: transparent;
}

NemoWindow .primary-toolbar,
.nemo-window .primary-toolbar {
    padding: 6px;
    border-top-color: @borders;
}

/* small buttons on the nemo status bar */

NemoWindow .toolbar .button .image-button,
.nemo-window .toolbar .button .image-button {
    padding: 0 5px;
}

NemoWindow .toolbar GtkStatusbar {
}

/* the fix above for the statusbar buttons also affects the primary toolbar so we need to reset the
    padding for those buttons */

.nemo-window widget .toolbar headerbar button.titlebutton, 
headerbar .nemo-window widget .toolbar button.titlebutton,
.titlebar .nemo-window widget .toolbar button.titlebutton,
.nemo-window widget .toolbar .image-button {
    padding: 0px 2px; 
}

NemoWindow .primary-toolbar .toolbar .button.image-button {
    padding: 0 7px; 
}

NemoWindow .primary-toolbar.toolbar .entry {
    padding: 3px;
}


.section-bg {
    background-color: @section_bg;
    box-shadow: inset 0 3px @theme_fg_color,
                inset -2px 0 @borders,
                inset 0 -2px @borders,
                inset 0 2px shade(@borders, 1.15),
                inset 2px 0 @borders,
                inset -1px 0 shade(@theme_bg_color, 0.93),
                inset 1px 0 shade(@theme_bg_color, 0.93),
                inset 0 1px @theme_bg_color,
                inset 0 -1px shade(@theme_bg_color, 0.85);
}

.cs-header {
    background-color: transparent;
    background-image: linear-gradient(to bottom,
                            @toolbar_bg_a,
                            @toolbar_bg_b);
}

.cs-category-view,
.cs-category-view .view {
    background-color: transparent;
}

/* ******************************************************************************************** */
/* ****                              M A T E   S P E C I F I C S                           **** */
/* ******************************************************************************************** */

/* selected WnckPager */
PanelApplet.wnck-applet .wnck-pager:selected {
    background-color: @view_fg_sel;
}

/* hover of WnckPager */
PanelApplet.wnck-applet .wnck-pager:hover {
    background-color: @view_fg_sel;
}

.caja-side-pane text,
.caja-side-pane treeview,
.caja-side-pane:backdrop text,
.caja-side-pane:backdrop treeview {
  color: @sidebar_fg;
  background-color: @sidebar_bg;
}

/* ******************************************************************************************** */
/* ****                          U B I Q U I T Y   S P E C I F I C S                       **** */
/* ******************************************************************************************** */

.ubiquity-menubar {
    background-color: @view_bg;
    color: @theme_fg_color;
}

/* ******************************************************************************************** */
/* ****                              X F C E    S P E C I F I C S                          **** */
/* ******************************************************************************************** */

.xfce4-panel.panel {
    background-color: @panel_bg;
    color: @panel_fg; 
}
.xfce4-panel.panel button.flat, 
.xfce4-panel.panel button.sidebar-button {
    color: @panel_fg; 
    border-radius: 0;
    border: none; 
}
.xfce4-panel.panel button.flat:hover, 
.xfce4-panel.panel button.sidebar-button:hover {
      border: none;
      background-color: @panel_bg_hov; 
}
.xfce4-panel.panel button.flat:active, 
.xfce4-panel.panel button.sidebar-button:active, 
.xfce4-panel.panel button.flat:checked, 
.xfce4-panel.panel button.sidebar-button:checked {
      color: @panel_fg; 
      border: none;
      background-color: @theme_accent_color; 
}

.thunar .sidebar .view, 
.thunar .sidebar iconview {
  color: @sidebar_fg;
  background-color: @sidebar_bg; 
}
.thunar .sidebar .view:selected, 
.thunar .sidebar iconview:selected, 
.thunar .sidebar .view:active, 
.thunar .sidebar iconview:active {
    background: @theme_accent_color;
    color: @sidebar_fg;
}
.thunar toolbar.horizontal button image, 
.thunar .horizontal.inline-toolbar button image {
  -gtk-icon-transform: scale(0.9); 
}

.gnome-panel-menu-bar button:not(#tasklist-button),
.mate-panel-menu-bar button:not(#tasklist-button), 
.xfce4-panel.panel button {
    color: @panel_fg;
    border-radius: 0;
    border: none;
    background-color: transparent; 
    background-image: none;
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
}
.gnome-panel-menu-bar button:hover:not(#tasklist-button),
.mate-panel-menu-bar button:hover:not(#tasklist-button), 
.xfce4-panel.panel button:hover {
    border: none;
    background-color: @panel_bg_hov; 
    background-image: none;
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
}
.gnome-panel-menu-bar button:active:not(#tasklist-button),
.mate-panel-menu-bar button:active:not(#tasklist-button), 
.xfce4-panel.panel button:active, 
.gnome-panel-menu-bar button:checked:not(#tasklist-button),
.mate-panel-menu-bar button:checked:not(#tasklist-button), 
.xfce4-panel.panel button:checked {
    color: @panel_fg;
    border: none;
    background-color: @theme_accent_color;
    background-image: none; 
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
}
.gnome-panel-menu-bar button:not(#tasklist-button) label,
.mate-panel-menu-bar button:not(#tasklist-button) label, 
.xfce4-panel.panel button label, 
.gnome-panel-menu-bar button:not(#tasklist-button) image,
.mate-panel-menu-bar button:not(#tasklist-button) image, 
.xfce4-panel.panel button image {
    color: inherit; 
    background-image: none;
    text-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
    -gtk-icon-shadow: 0 -1px alpha(@titlebutton_fg_shadow, 0.8);
}

.floating-bar {
  border: 1px solid @theme_base_color;
  background-color: @theme_base_color;
  color: @theme_fg_color; 
}
.floating-bar.top {
    border-radius: 0 0 2px 2px; 
}
.floating-bar.right {
    border-radius: 2px 0 0 2px; 
}
.floating-bar.bottom {
    border-radius: 2px 2px 0 0; 
}
.floating-bar.left {
    border-radius: 0 2px 2px 0; 
}
.floating-bar .button {
    background-color: transparent;
    box-shadow: none;
    border: none; 
} 

.nautilus-canvas-item.dim-label,
label.nautilus-canvas-item.separator,
.nautilus-list-dim-label,
.nemo-canvas-item.dim-label,
label.nemo-canvas-item.separator,
.nemo-list-dim-label {
    color: @theme_fg_color_sub;
}

