/* dark color scheme */
@define-color dark_bg_color #444;
@define-color dark_fg_color #eee;
/* colormap actually used by the theme, to be overridden in other css files */
@define-color theme_bg_color #eee;
@define-color theme_fg_color #555;
@define-color theme_base_color #fff;
@define-color theme_text_color #333;
@define-color theme_selected_bg_color #f0544c;
@define-color theme_selected_fg_color #fff;
@define-color theme_tooltip_bg_color #444;
@define-color theme_tooltip_fg_color #eee;
/* shadow effects */
@define-color light_shadow #fff;
@define-color dark_shadow #000;
/* misc colors used by gtk+ */
@define-color info_fg_color #fff;
@define-color info_bg_color #03a9f4;
@define-color warning_fg_color #fff;
@define-color warning_bg_color #ef6c00;
@define-color question_fg_color #fff;
@define-color question_bg_color #673ab7;
@define-color error_fg_color #fff;
@define-color error_bg_color #f44336;
@define-color link_color #3f51b5;
@define-color success_color #4caf50;
@define-color warning_color #ef6c00;
@define-color error_color #f44336;
/* widget colors */
@define-color titlebar_bg_color @dark_bg_color;
@define-color titlebar_fg_color @dark_fg_color;
@define-color menubar_bg_color @dark_bg_color;
@define-color menubar_fg_color @dark_fg_color;
@define-color toolbar_bg_color @theme_bg_color;
@define-color toolbar_fg_color @theme_fg_color;
@define-color menu_bg_color @dark_bg_color;
@define-color menu_fg_color @dark_fg_color;
@define-color panel_bg_color @dark_bg_color;
@define-color panel_fg_color @dark_fg_color;
@define-color borders #cacaca;
@define-color unfocused_borders mix(#eee,#cacaca,0.9);
@define-color insensitive_bg_color mix(#eee,#fff,0.6);
@define-color insensitive_fg_color mix(#555,#eee,0.5);
/* osd */
@define-color osd_base #444;
@define-color osd_bg rgba(68, 68, 68, 0.8);
@define-color osd_fg #eee;
/* lightdm greeter colors */
@define-color lightdm_bg_color #444;
@define-color lightdm_fg_color #eee;
/* window manager colors */
@define-color wm_bg #444;
@define-color wm_border_focused transparent;
@define-color wm_border_unfocused transparent;
@define-color wm_title_focused mix(#eee,#444,0.1);
@define-color wm_title_unfocused mix(#eee,#444,0.4);
@define-color wm_icons_focused mix(#eee,#444,0.1);
@define-color wm_icons_focused_prelight #f0544c;
@define-color wm_icons_focused_pressed #e91e14;
@define-color wm_icons_unfocused mix(#eee,#444,0.4);
@define-color wm_icons_unfocused_prelight #f0544c;
@define-color wm_icons_unfocused_pressed #e91e14;
/**************
 ! GTK settings
***************/
* {
  -GtkStatusbar-shadow-type: none;
  -GtkWindow-resize-grip-height: 0;
  -GtkWindow-resize-grip-width: 0;
  -WnckTasklist-fade-overlay-rect: 0;
  outline-color: rgba(240, 84, 76, 0.5);
  outline-style: dashed;
  outline-width: 1px;
  outline-offset: -1px;
  -gtk-outline-radius: 2px; }

/*************
 ! Base states
 *************/
*:selected, .gtkstyle-fallback:selected, flowbox flowboxchild:selected, GucharmapChartable:focus, GucharmapChartable:hover, GucharmapChartable:active, GucharmapChartable:selected, .gedit-document-panel-document-row:selected, .gedit-document-panel-document-row:selected:hover, GeditViewFrame .gedit-search-slider .not-found:selected, :focus:selected, GucharmapChartable:focus, .gedit-document-panel-document-row:focus:selected:hover, GeditViewFrame .gedit-search-slider .not-found:focus:selected {
  background-color: #f0544c;
  color: #fff; }

* {
  /* hyperlinks */
  -GtkIMHtml-hyperlink-color: #3f51b5; }
  *:disabled, *:disabled:disabled {
    color: mix(#555,#eee,0.5); }
  *:disabled, *:disabled {
    -gtk-icon-effect: dim; }
  *:hover {
    -gtk-icon-effect: highlight; }
  *:link, *:visited {
    color: #3f51b5; }

.background {
  background-color: #eee;
  color: #555; }
  .background:backdrop {
    text-shadow: none;
    -gtk-icon-shadow: none; }
  .background.csd {
    background-color: #eee; }

.gtkstyle-fallback {
  background-color: rgba(238, 238, 238, 0.5);
  color: #555; }
  .gtkstyle-fallback:hover {
    background-color: white;
    color: #555; }
  .gtkstyle-fallback:active {
    background-color: #d6d6d6;
    color: #555; }
  .gtkstyle-fallback:disabled {
    background-color: #ededed;
    color: mix(#555,#eee,0.5); }

image, image:disabled, label, label:disabled, box, box:disabled, grid, grid:disabled {
  background-color: transparent; }

label.separator {
  color: #555; }
  label.separator:backdrop {
    color: mix(#555,#eee,0.5); }
label selection {
  background-color: #f0544c;
  color: #fff; }
label:disabled {
  color: mix(#555,#eee,0.5); }
  label:disabled:backdrop {
    color: #c8c8c8; }
label:backdrop {
  color: mix(#555,#eee,0.5); }

assistant .sidebar {
  background-color: #fff;
  border-top: 1px solid #cacaca; }
  assistant .sidebar:backdrop {
    background-color: white;
    border-color: mix(#eee,#cacaca,0.9); }
assistant.csd .sidebar {
  border-top-style: none; }
assistant .sidebar label {
  padding: 5px 10px; }
assistant .sidebar label.highlight {
  background-color: mix(#555,#eee,0.8); }

/*********
 ! Buttons
**********/
@keyframes needs_attention {
  from {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f0544c), to(transparent)); }
  to {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f0544c), to(transparent)); } }
stacksidebar row.needs-attention > label {
  animation: needs_attention 150ms ease-in;
  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f0544c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  background-position: right 3px, right 4px; }
  stacksidebar row.needs-attention > label:backdrop {
    background-size: 6px 6px, 0 0; }
  stacksidebar row.needs-attention > label:dir(rtl) {
    background-position: left 3px, left 4px; }

button, toolbar button, toolbar.inline-toolbar button, headerbar button, .suggested-action.button, .selection-mode.header-bar .button.suggested-action, .selection-mode.toolbar .button.suggested-action, .destructive-action.button, .selection-mode.header-bar button, .selection-mode.toolbar button, .selection-mode.header-bar .button, .selection-mode.toolbar .button, .info button, .warning button, .question button, .error button, popover.background button, frame.app-notification button, .osd button, .nemo-window toolbar button, .nemo-window .sidebar + separator + box .primary-toolbar button.flat {
  padding: 5px 7px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  transition: 150ms ease;
  outline-color: transparent; }

calendar.view, calendar.view:backdrop, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, notebook > header > tabs > arrow:disabled {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }

.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat {
  border-radius: 0;
  border-left-style: none;
  border-right-style: solid; }
  .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:dir(rtl) {
    border-radius: 0;
    border-right-style: none;
    border-left-style: solid; }

.inline-toolbar button, .linked > button, combobox box button, combobox box entry, toolbar .linked > button, headerbar .linked > button, .selection-mode.header-bar .linked > button, .selection-mode.toolbar .linked > button, .nemo-window toolbar .linked > button, .nemo-window toolbar toolitem stack widget button {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  border-right-style: none;
  border-left-style: none; }
  .inline-toolbar button:first-child, .linked > button:first-child, combobox box button:first-child, combobox box entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, toolbar .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
  toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, headerbar .linked > button:first-child, .selection-mode.header-bar .linked > button:first-child, .selection-mode.toolbar .linked > button:first-child, .nemo-window toolbar toolitem stack widget button:first-child {
    border-width: 1px;
    border-radius: 2px;
    border-left-style: solid;
    border-right-style: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .inline-toolbar button:first-child:dir(rtl), .linked > button:first-child:dir(rtl), combobox box button:first-child:dir(rtl), combobox box entry:first-child:dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), toolbar .linked > button:first-child:dir(rtl), toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(rtl), headerbar .linked > button:first-child:dir(rtl), .selection-mode.header-bar .linked > button:first-child:dir(rtl), .selection-mode.toolbar .linked > button:first-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:first-child:dir(rtl) {
      border-left-style: none;
      border-right-style: solid; }
  .inline-toolbar button:last-child, .linked > button:last-child, combobox box button:last-child, combobox box entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, toolbar .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
  toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, headerbar .linked > button:last-child, .selection-mode.header-bar .linked > button:last-child, .selection-mode.toolbar .linked > button:last-child, .nemo-window toolbar toolitem stack widget button:last-child {
    border-width: 1px;
    border-radius: 2px;
    border-left-style: none;
    border-right-style: solid;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), combobox box button:last-child:dir(rtl), combobox box entry:last-child:dir(rtl), .linked:not(.vertical) > combobox:last-child > box > button.combo:dir(rtl), toolbar .linked > button:last-child:dir(rtl), toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl), headerbar .linked > button:last-child:dir(rtl), .selection-mode.header-bar .linked > button:last-child:dir(rtl), .selection-mode.toolbar .linked > button:last-child:dir(rtl), .nemo-window toolbar toolitem stack widget button:last-child:dir(rtl) {
      border-left-style: solid;
      border-right-style: none; }
  .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
  toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, headerbar .linked > button:only-child, .selection-mode.header-bar .linked > button:only-child, .selection-mode.toolbar .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child, .inline-toolbar button:first-child:only-child, .linked > button:first-child:only-child, combobox box button:first-child:only-child, combobox box entry:first-child:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, toolbar .linked > button:first-child:only-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat:first-child, headerbar .linked > button:first-child:only-child, .selection-mode.header-bar .linked > button:first-child:only-child, .selection-mode.toolbar .linked > button:first-child:only-child, .nemo-window toolbar toolitem stack widget button:first-child:only-child {
    border-width: 1px;
    border-style: solid; }
  .inline-toolbar button:only-child, .linked > button:only-child, combobox box button:only-child, combobox box entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, toolbar .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
  toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, headerbar .linked > button:only-child, .selection-mode.header-bar .linked > button:only-child, .selection-mode.toolbar .linked > button:only-child, .nemo-window toolbar toolitem stack widget button:only-child {
    border-radius: 2px; }

.linked.vertical > button {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  border-top-style: none;
  border-bottom-style: none; }
  .linked.vertical > button:first-child {
    border-width: 1px;
    border-radius: 2px;
    border-top-style: solid;
    border-bottom-style: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .linked.vertical > button:first-child:dir(rtl) {
      border-top-style: none;
      border-bottom-style: solid; }
  .linked.vertical > button:last-child {
    border-width: 1px;
    border-radius: 2px;
    border-top-style: none;
    border-bottom-style: solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .linked.vertical > button:last-child:dir(rtl) {
      border-top-style: solid;
      border-bottom-style: none; }
  .linked.vertical > button:only-child, .linked.vertical > button:first-child:only-child {
    border-width: 1px;
    border-style: solid; }
  .linked.vertical > button:only-child {
    border-radius: 2px; }

.info button.close, .warning button.close, .question button.close, .error button.close, notebook > header > tabs > arrow, notebook > header tab button {
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }
  .info button.close:focus, .warning button.close:focus, .question button.close:focus, .error button.close:focus, notebook > header > tabs > arrow:focus, notebook > header tab button:focus, .info button.close:hover, .warning button.close:hover, .question button.close:hover, .error button.close:hover, notebook > header > tabs > arrow:hover, notebook > header tab button:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    background-image: none;
    box-shadow: none; }
  .info button.close:active, .warning button.close:active, .question button.close:active, .error button.close:active, notebook > header > tabs > arrow:active, notebook > header tab button:active, .info button.close:checked, .warning button.close:checked, .question button.close:checked, .error button.close:checked, notebook > header > tabs > arrow:checked, notebook > header tab button:checked, .info button.close:active:hover, .warning button.close:active:hover, .question button.close:active:hover, .error button.close:active:hover, notebook > header > tabs > arrow:active:hover, notebook > header tab button:active:hover, .info button.close:checked:hover, .warning button.close:checked:hover, .question button.close:checked:hover, .error button.close:checked:hover, notebook > header > tabs > arrow:checked:hover, notebook > header tab button:checked:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1);
    background-image: none;
    box-shadow: none; }

button {
  min-height: 22px;
  min-width: 24px;
  background-color: white;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #555;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
  button:focus, button:hover {
    border-color: rgba(0, 0, 0, 0.12); }
  button:active, button:active:hover, button:active:focus, button:active:hover:focus, button:checked, button:checked:hover, button:checked:focus, button:checked:hover:focus {
    border-color: rgba(0, 0, 0, 0.12); }
  button:disabled {
    border-color: rgba(0, 0, 0, 0.12); }
  button:active:disabled, button:checked:disabled {
    border-color: rgba(0, 0, 0, 0.12); }
  button.flat {
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    box-shadow: none; }
  button:focus, button:hover, button.flat:focus, button.flat:hover {
    background-color: white;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    button:focus:focus, button:focus:hover, button:hover:focus, button:hover:hover, button.flat:focus:focus, button.flat:focus:hover, button.flat:hover:focus, button.flat:hover:hover {
      border-color: rgba(0, 0, 0, 0.2); }
    button:focus:active, button:focus:active:hover, button:focus:active:focus, button:focus:active:hover:focus, button:focus:checked, button:focus:checked:hover, button:focus:checked:focus, button:focus:checked:hover:focus, button:hover:active, button:hover:active:hover, button:hover:active:focus, button:hover:active:hover:focus, button:hover:checked, button:hover:checked:hover, button:hover:checked:focus, button:hover:checked:hover:focus, button.flat:focus:active, button.flat:focus:active:hover, button.flat:focus:active:focus, button.flat:focus:active:hover:focus, button.flat:focus:checked, button.flat:focus:checked:hover, button.flat:focus:checked:focus, button.flat:focus:checked:hover:focus, button.flat:hover:active, button.flat:hover:active:hover, button.flat:hover:active:focus, button.flat:hover:active:hover:focus, button.flat:hover:checked, button.flat:hover:checked:hover, button.flat:hover:checked:focus, button.flat:hover:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.2); }
    button:focus:disabled, button:hover:disabled, button.flat:focus:disabled, button.flat:hover:disabled {
      border-color: rgba(0, 0, 0, 0.2); }
    button:focus:active:disabled, button:focus:checked:disabled, button:hover:active:disabled, button:hover:checked:disabled, button.flat:focus:active:disabled, button.flat:focus:checked:disabled, button.flat:hover:active:disabled, button.flat:hover:checked:disabled {
      border-color: rgba(0, 0, 0, 0.2); }
  button:checked, button:active, button.flat:checked, button.flat:active {
    background-color: #b3b3b3;
    background-image: none;
    color: #fff;
    box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
    button:checked:focus, button:checked:hover, button:active:focus, button:active:hover, button.flat:checked:focus, button.flat:checked:hover, button.flat:active:focus, button.flat:active:hover {
      background-color: #a6a6a6;
      background-image: none;
      color: #fff; }
  button:focus, button:hover, button.flat:focus, button.flat:hover {
    color: #555; }
  button:active:disabled, button:checked:disabled, button.flat:active:disabled, button.flat:checked:disabled {
    background-color: #e6e6e6;
    background-image: none;
    color: #555;
    box-shadow: none; }
  button:disabled:disabled, button.flat:disabled:disabled {
    background-color: #f2f2f2;
    background-image: none;
    color: mix(white,#555,0.5);
    box-shadow: none; }
  button.separator, button .separator {
    border: 1px solid currentColor;
    color: #e6e6e6; }
    button.separator:disabled, button .separator:disabled {
      color: #d9d9d9; }
  .inline-toolbar button, .linked > button {
    box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .inline-toolbar button:focus, .inline-toolbar button:hover, .linked > button:focus, .linked > button:hover {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    .inline-toolbar button:active, .inline-toolbar button:active:hover, .inline-toolbar button:active:focus, .inline-toolbar button:active:hover:focus, .inline-toolbar button:checked, .inline-toolbar button:checked:hover, .inline-toolbar button:checked:focus, .inline-toolbar button:checked:hover:focus, .linked > button:active, .linked > button:active:hover, .linked > button:active:focus, .linked > button:active:hover:focus, .linked > button:checked, .linked > button:checked:hover, .linked > button:checked:focus, .linked > button:checked:hover:focus {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(0, 0, 0, 0.07), inset 0 -1px rgba(0, 0, 0, 0.05); }
    .inline-toolbar button:disabled, .linked > button:disabled {
      box-shadow: inset -1px 0 #cccccc; }
    .inline-toolbar button:last-child, .inline-toolbar button:only-child, .linked > button:last-child, .linked > button:only-child {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .inline-toolbar button:last-child:hover, .inline-toolbar button:only-child:hover, .linked > button:last-child:hover, .linked > button:only-child:hover {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    .inline-toolbar button:disabled:last-child, .inline-toolbar button:disabled:only-child, .inline-toolbar button:active:disabled:last-child, .inline-toolbar button:active:disabled:only-child, .inline-toolbar button:checked:disabled:last-child, .inline-toolbar button:checked:disabled:only-child, .linked > button:disabled:last-child, .linked > button:disabled:only-child, .linked > button:active:disabled:last-child, .linked > button:active:disabled:only-child, .linked > button:checked:disabled:last-child, .linked > button:checked:disabled:only-child {
      box-shadow: none; }
    .inline-toolbar button:active:last-child, .inline-toolbar button:active:last-child:focus, .inline-toolbar button:active:last-child:hover, .inline-toolbar button:active:last-child:hover:focus, .inline-toolbar button:checked:last-child, .inline-toolbar button:checked:last-child:focus, .inline-toolbar button:checked:last-child:hover, .inline-toolbar button:checked:last-child:hover:focus, .linked > button:active:last-child, .linked > button:active:last-child:focus, .linked > button:active:last-child:hover, .linked > button:active:last-child:hover:focus, .linked > button:checked:last-child, .linked > button:checked:last-child:focus, .linked > button:checked:last-child:hover, .linked > button:checked:last-child:hover:focus {
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
    .inline-toolbar button:active:only-child, .inline-toolbar button:active:only-child:focus, .inline-toolbar button:active:only-child:hover, .inline-toolbar button:active:only-child:hover:focus, .inline-toolbar button:checked:only-child, .inline-toolbar button:checked:only-child:focus, .inline-toolbar button:checked:only-child:hover, .inline-toolbar button:checked:only-child:hover:focus, .linked > button:active:only-child, .linked > button:active:only-child:focus, .linked > button:active:only-child:hover, .linked > button:active:only-child:hover:focus, .linked > button:checked:only-child, .linked > button:checked:only-child:focus, .linked > button:checked:only-child:hover, .linked > button:checked:only-child:hover:focus {
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
  .linked.vertical > button {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .linked.vertical > button:focus, .linked.vertical > button:hover {
      box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    .linked.vertical > button:active, .linked.vertical > button:active:hover, .linked.vertical > button:active:focus, .linked.vertical > button:active:hover:focus, .linked.vertical > button:checked, .linked.vertical > button:checked:hover, .linked.vertical > button:checked:focus, .linked.vertical > button:checked:hover:focus {
      box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 1px 0 rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.05); }
    .linked.vertical > button:disabled {
      box-shadow: inset 0 -1px #cccccc; }
    .linked.vertical > button:last-child, .linked.vertical > button:only-child {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .linked.vertical > button:last-child:hover, .linked.vertical > button:only-child:hover {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    .linked.vertical > button:disabled:last-child, .linked.vertical > button:disabled:only-child, .linked.vertical > button:active:disabled:last-child, .linked.vertical > button:active:disabled:only-child, .linked.vertical > button:checked:disabled:last-child, .linked.vertical > button:checked:disabled:only-child {
      box-shadow: none; }
    .linked.vertical > button:active:last-child, .linked.vertical > button:active:last-child:focus, .linked.vertical > button:active:last-child:hover, .linked.vertical > button:active:last-child:hover:focus, .linked.vertical > button:checked:last-child, .linked.vertical > button:checked:last-child:focus, .linked.vertical > button:checked:last-child:hover, .linked.vertical > button:checked:last-child:hover:focus {
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
    .linked.vertical > button:active:only-child, .linked.vertical > button:active:only-child:focus, .linked.vertical > button:active:only-child:hover, .linked.vertical > button:active:only-child:hover:focus, .linked.vertical > button:checked:only-child, .linked.vertical > button:checked:only-child:focus, .linked.vertical > button:checked:only-child:hover, .linked.vertical > button:checked:only-child:hover:focus {
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
  button.circular, button.nautilus-circular-button.image-button {
    border-radius: 20px;
    -gtk-outline-radius: 20px; }
    button.circular label, button.nautilus-circular-button.image-button label {
      padding: 0; }

spinbutton button {
  color: mix(#333,#fff,0.4); }
  spinbutton button:active, spinbutton button:checked, spinbutton button:hover {
    color: #333; }
  spinbutton button:disabled {
    color: alpha(mix(#555,#eee,0.5),0.8); }
  spinbutton button:backdrop {
    color: mix(white,mix(#555,#eee,0.5),0.9); }
  spinbutton button:backdrop:disabled {
    color: rgba(200, 200, 200, 0.8); }
spinbutton:not(.vertical) {
  background-color: #fff;
  background-image: none;
  border-color: #cccccc;
  padding: 0;
  color: #333;
  caret-color: #333; }
  spinbutton:not(.vertical):focus, spinbutton:not(.vertical):hover {
    border-color: #bfbfbf; }
  spinbutton:not(.vertical):active, spinbutton:not(.vertical):active:hover, spinbutton:not(.vertical):active:focus, spinbutton:not(.vertical):active:hover:focus, spinbutton:not(.vertical):checked, spinbutton:not(.vertical):checked:hover, spinbutton:not(.vertical):checked:focus, spinbutton:not(.vertical):checked:hover:focus {
    border-color: #b3b3b3; }
  spinbutton:not(.vertical):disabled {
    border-color: #d9d9d9; }
  spinbutton:not(.vertical):active:disabled, spinbutton:not(.vertical):checked:disabled {
    border-color: #cccccc; }
  spinbutton:not(.vertical):focus, spinbutton:not(.vertical):active {
    border-color: #989898; }
  spinbutton:not(.vertical):disabled {
    background-color: #e6e6e6;
    background-image: none;
    color: mix(#fff,#333,0.5); }
  spinbutton:not(.vertical) entry {
    border: 0;
    border-radius: 0;
    box-shadow: none; }
  spinbutton:not(.vertical) button {
    border-radius: 0;
    border-color: rgba(202, 202, 202, 0.8);
    border-style: none none none solid;
    background-image: none;
    box-shadow: none; }
    spinbutton:not(.vertical) button:dir(rtl) {
      border-style: none solid none none; }
    spinbutton:not(.vertical) button:active {
      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
    spinbutton:not(.vertical) button:backdrop {
      border-color: alpha(mix(#eee,#cacaca,0.9),0.8); }
    spinbutton:not(.vertical) button:backdrop:disabled {
      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(rtl):first-child {
      border-radius: 2px 0 0 2px; }
    spinbutton:not(.vertical) button:dir(ltr):last-child {
      border-radius: 0 2px 2px 0; }
spinbutton.vertical entry {
  border-radius: 0; }
spinbutton.vertical button.up {
  border-style: solid solid none solid;
  border-radius: 2px 2px 0 0; }
spinbutton.vertical button.down {
  border-style: none solid solid solid;
  border-radius: 0 0 2px 2px; }

/******************
! ComboBoxes *
*******************/
combobox button.combo {
  min-width: 0;
  padding-left: 8px;
  padding-right: 8px; }
combobox arrow {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  min-height: 16px;
  min-width: 16px; }
combobox box button, combobox box entry {
  padding: 3px 6px; }

/*********
 ! Entry *
**********/
.linked:not(.vertical) > entry {
  border-width: 1px;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0; }
  .linked:not(.vertical) > entry:first-child {
    border-width: 1px;
    border-radius: 2px;
    border-right-width: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
    .linked:not(.vertical) > entry:first-child:dir(rtl) {
      border-left-width: 0;
      border-right-width: 1px; }
  .linked:not(.vertical) > entry:last-child {
    border-width: 1px;
    border-radius: 2px;
    border-left-width: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
    .linked:not(.vertical) > entry:last-child:dir(rtl) {
      border-left-width: 1px;
      border-right-width: 0; }
  .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child {
    border-width: 1px; }
  .linked:not(.vertical) > entry:only-child {
    border-radius: 2px; }

.linked.vertical > entry {
  border-width: 1px;
  border-radius: 0;
  border-top-width: 0;
  border-bottom-width: 0; }
  .linked.vertical > entry:first-child {
    border-width: 1px;
    border-radius: 2px;
    border-top-width: 1px;
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .linked.vertical > entry:first-child:dir(rtl) {
      border-top-width: 0;
      border-bottom-width: 1px; }
  .linked.vertical > entry:last-child {
    border-width: 1px;
    border-radius: 2px;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .linked.vertical > entry:last-child:dir(rtl) {
      border-top-width: 1px;
      border-bottom-width: 0; }
  .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child {
    border-width: 1px; }
  .linked.vertical > entry:only-child {
    border-radius: 2px; }

spinbutton:not(.vertical), entry, menuitem entry, popover.background entry {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  transition: border 150ms ease;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.06), inset -1px 0 rgba(0, 0, 0, 0.06); }
  spinbutton:focus:not(.vertical), entry:focus, popover.background entry:focus, spinbutton:hover:not(.vertical), entry:hover, popover.background entry:hover, spinbutton:active:not(.vertical), entry:active, popover.background entry:active {
    transition: none; }
  spinbutton:selected:not(.vertical), entry:selected, popover.background entry:selected, spinbutton:selected:focus:not(.vertical), entry:selected:focus {
    background-color: #f0544c;
    color: #fff; }
  spinbutton:disabled:not(.vertical), entry:disabled, popover.background entry:disabled {
    box-shadow: none; }
  spinbutton:not(.vertical) progress, entry progress, popover.background entry progress {
    background-color: #f0544c;
    background-image: none;
    border-width: 0;
    border-radius: 2px;
    color: #fff; }
  spinbutton:not(.vertical) image.left, entry image.left {
    padding-right: 5px; }
  spinbutton:not(.vertical) image.right, entry image.right {
    padding-left: 5px; }

entry {
  background-color: #fff;
  background-image: none;
  border-color: #cccccc;
  padding: 5px;
  color: #333;
  caret-color: #333; }
  entry:focus, entry:hover {
    border-color: #bfbfbf; }
  entry:active, entry:active:hover, entry:active:focus, entry:active:hover:focus, entry:checked, entry:checked:hover, entry:checked:focus, entry:checked:hover:focus {
    border-color: #b3b3b3; }
  entry:disabled {
    border-color: #d9d9d9; }
  entry:active:disabled, entry:checked:disabled {
    border-color: #cccccc; }
  entry:focus, entry:active {
    border-color: #989898; }
  entry:disabled {
    background-color: #e6e6e6;
    background-image: none;
    color: mix(#fff,#333,0.5); }

/*********
 ! Buttons
**********/
/******************
! ComboBoxes *
*******************/
/*********
 ! Buttons
**********/
/******************
! ComboBoxes *
*******************/
/*********
 ! Toolbar
**********/
toolbar {
  background-color: #eee;
  background-image: none;
  border-color: #bebebe;
  padding: 5px;
  color: #555;
  border-style: none; }
  toolbar:focus, toolbar:hover {
    border-color: #b3b3b3; }
  toolbar:active, toolbar:active:hover, toolbar:active:focus, toolbar:active:hover:focus, toolbar:checked, toolbar:checked:hover, toolbar:checked:focus, toolbar:checked:hover:focus {
    border-color: #a7a7a7; }
  toolbar:disabled {
    border-color: #cacaca; }
  toolbar:active:disabled, toolbar:checked:disabled {
    border-color: #bebebe; }
  toolbar:disabled {
    background-color: #d6d6d6;
    background-image: none;
    color: mix(#555,#eee,0.5); }
  toolbar .title {
    font: bold;
    padding: 0 10px; }
  toolbar .subtitle {
    font: smaller;
    padding: 0 10px; }
  toolbar button {
    background-color: white;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.12);
    color: #555;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    toolbar button:focus, toolbar button:hover {
      border-color: rgba(0, 0, 0, 0.12); }
    toolbar button:active, toolbar button:active:hover, toolbar button:active:focus, toolbar button:active:hover:focus, toolbar button:checked, toolbar button:checked:hover, toolbar button:checked:focus, toolbar button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.12); }
    toolbar button:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    toolbar button:active:disabled, toolbar button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    toolbar button.flat {
      border-color: rgba(255, 255, 255, 0);
      background-color: rgba(255, 255, 255, 0);
      background-image: none;
      box-shadow: none; }
    toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover {
      background-color: white;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
      toolbar button:focus:focus, toolbar button:focus:hover, toolbar button:hover:focus, toolbar button:hover:hover, toolbar button.flat:focus:focus, toolbar button.flat:focus:hover, toolbar button.flat:hover:focus, toolbar button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.2); }
      toolbar button:focus:active, toolbar button:focus:active:hover, toolbar button:focus:active:focus, toolbar button:focus:active:hover:focus, toolbar button:focus:checked, toolbar button:focus:checked:hover, toolbar button:focus:checked:focus, toolbar button:focus:checked:hover:focus, toolbar button:hover:active, toolbar button:hover:active:hover, toolbar button:hover:active:focus, toolbar button:hover:active:hover:focus, toolbar button:hover:checked, toolbar button:hover:checked:hover, toolbar button:hover:checked:focus, toolbar button:hover:checked:hover:focus, toolbar button.flat:focus:active, toolbar button.flat:focus:active:hover, toolbar button.flat:focus:active:focus, toolbar button.flat:focus:active:hover:focus, toolbar button.flat:focus:checked, toolbar button.flat:focus:checked:hover, toolbar button.flat:focus:checked:focus, toolbar button.flat:focus:checked:hover:focus, toolbar button.flat:hover:active, toolbar button.flat:hover:active:hover, toolbar button.flat:hover:active:focus, toolbar button.flat:hover:active:hover:focus, toolbar button.flat:hover:checked, toolbar button.flat:hover:checked:hover, toolbar button.flat:hover:checked:focus, toolbar button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.2); }
      toolbar button:focus:disabled, toolbar button:hover:disabled, toolbar button.flat:focus:disabled, toolbar button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
      toolbar button:focus:active:disabled, toolbar button:focus:checked:disabled, toolbar button:hover:active:disabled, toolbar button:hover:checked:disabled, toolbar button.flat:focus:active:disabled, toolbar button.flat:focus:checked:disabled, toolbar button.flat:hover:active:disabled, toolbar button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
    toolbar button:checked, toolbar button:active, toolbar button.flat:checked, toolbar button.flat:active {
      background-color: #b3b3b3;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      toolbar button:checked:focus, toolbar button:checked:hover, toolbar button:active:focus, toolbar button:active:hover, toolbar button.flat:checked:focus, toolbar button.flat:checked:hover, toolbar button.flat:active:focus, toolbar button.flat:active:hover {
        background-color: #a6a6a6;
        background-image: none;
        color: #fff; }
    toolbar button:focus, toolbar button:hover, toolbar button.flat:focus, toolbar button.flat:hover {
      color: #555; }
    toolbar button:active:disabled, toolbar button:checked:disabled, toolbar button.flat:active:disabled, toolbar button.flat:checked:disabled {
      background-color: #e6e6e6;
      background-image: none;
      color: #555;
      box-shadow: none; }
    toolbar button:disabled:disabled, toolbar button.flat:disabled:disabled {
      background-color: #f2f2f2;
      background-image: none;
      color: mix(#eee,#555,0.5);
      box-shadow: none; }
    toolbar button.separator, toolbar button .separator {
      border: 1px solid currentColor;
      color: #d6d6d6; }
      toolbar button.separator:disabled, toolbar button .separator:disabled {
        color: #d9d9d9; }
  toolbar .linked > button {
    box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    toolbar .linked > button:focus, toolbar .linked > button:hover {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    toolbar .linked > button:active, toolbar .linked > button:active:hover, toolbar .linked > button:active:focus, toolbar .linked > button:active:hover:focus, toolbar .linked > button:checked, toolbar .linked > button:checked:hover, toolbar .linked > button:checked:focus, toolbar .linked > button:checked:hover:focus {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(0, 0, 0, 0.07), inset 0 -1px rgba(0, 0, 0, 0.05); }
    toolbar .linked > button:disabled {
      box-shadow: inset -1px 0 #bebebe; }
    toolbar .linked > button:last-child, toolbar .linked > button:only-child {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    toolbar .linked > button:last-child:hover, toolbar .linked > button:only-child:hover {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    toolbar .linked > button:disabled:last-child, toolbar .linked > button:disabled:only-child, toolbar .linked > button:active:disabled:last-child, toolbar .linked > button:active:disabled:only-child, toolbar .linked > button:checked:disabled:last-child, toolbar .linked > button:checked:disabled:only-child {
      box-shadow: none; }
    toolbar .linked > button:active:last-child, toolbar .linked > button:active:last-child:focus, toolbar .linked > button:active:last-child:hover, toolbar .linked > button:active:last-child:hover:focus, toolbar .linked > button:checked:last-child, toolbar .linked > button:checked:last-child:focus, toolbar .linked > button:checked:last-child:hover, toolbar .linked > button:checked:last-child:hover:focus {
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
    toolbar .linked > button:active:only-child, toolbar .linked > button:active:only-child:focus, toolbar .linked > button:active:only-child:hover, toolbar .linked > button:active:only-child:hover:focus, toolbar .linked > button:checked:only-child, toolbar .linked > button:checked:only-child:focus, toolbar .linked > button:checked:only-child:hover, toolbar .linked > button:checked:only-child:hover:focus {
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
  toolbar combobox, toolbar button {
    padding: 4px; }
    toolbar combobox.text-button, toolbar button.text-button {
      padding: 5px; }
    toolbar combobox.image-button, toolbar button.image-button {
      padding: 6px 4px 6px 5px; }
  toolbar.horizontal separator {
    margin: 0 7px 1px 7px; }
  toolbar.vertical separator {
    margin: 7px 1px 7px 0; }
  toolbar separator, toolbar separator:disabled {
    color: #8f8f8f;
    border-color: currentColor;
    -GtkWidget-window-dragging: true; }
  toolbar .menubar, toolbar menubar {
    -GtkToolbar-button-relief: normal; }
  toolbar.inline-toolbar {
    background-image: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #cacaca;
    background-color: mix(#cacaca,#eee,0.7); }
    toolbar.inline-toolbar:backdrop {
      border-color: mix(#eee,#cacaca,0.9);
      background-color: mix(#eee,mix(#eee,#cacaca,0.9),0.35);
      transition: 200ms ease-out; }
    toolbar.inline-toolbar button {
      background-color: white;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.12);
      color: #555;
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
      toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover {
        border-color: rgba(0, 0, 0, 0.12); }
      toolbar.inline-toolbar button:active, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover:focus, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.12); }
      toolbar.inline-toolbar button:disabled {
        border-color: rgba(0, 0, 0, 0.12); }
      toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled {
        border-color: rgba(0, 0, 0, 0.12); }
      toolbar.inline-toolbar button.flat {
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
        box-shadow: none; }
      toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover {
        background-color: white;
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
        toolbar.inline-toolbar button:focus:focus, toolbar.inline-toolbar button:focus:hover, toolbar.inline-toolbar button:hover:focus, toolbar.inline-toolbar button:hover:hover, toolbar.inline-toolbar button.flat:focus:focus, toolbar.inline-toolbar button.flat:focus:hover, toolbar.inline-toolbar button.flat:hover:focus, toolbar.inline-toolbar button.flat:hover:hover {
          border-color: rgba(0, 0, 0, 0.2); }
        toolbar.inline-toolbar button:focus:active, toolbar.inline-toolbar button:focus:active:hover, toolbar.inline-toolbar button:focus:active:focus, toolbar.inline-toolbar button:focus:active:hover:focus, toolbar.inline-toolbar button:focus:checked, toolbar.inline-toolbar button:focus:checked:hover, toolbar.inline-toolbar button:focus:checked:focus, toolbar.inline-toolbar button:focus:checked:hover:focus, toolbar.inline-toolbar button:hover:active, toolbar.inline-toolbar button:hover:active:hover, toolbar.inline-toolbar button:hover:active:focus, toolbar.inline-toolbar button:hover:active:hover:focus, toolbar.inline-toolbar button:hover:checked, toolbar.inline-toolbar button:hover:checked:hover, toolbar.inline-toolbar button:hover:checked:focus, toolbar.inline-toolbar button:hover:checked:hover:focus, toolbar.inline-toolbar button.flat:focus:active, toolbar.inline-toolbar button.flat:focus:active:hover, toolbar.inline-toolbar button.flat:focus:active:focus, toolbar.inline-toolbar button.flat:focus:active:hover:focus, toolbar.inline-toolbar button.flat:focus:checked, toolbar.inline-toolbar button.flat:focus:checked:hover, toolbar.inline-toolbar button.flat:focus:checked:focus, toolbar.inline-toolbar button.flat:focus:checked:hover:focus, toolbar.inline-toolbar button.flat:hover:active, toolbar.inline-toolbar button.flat:hover:active:hover, toolbar.inline-toolbar button.flat:hover:active:focus, toolbar.inline-toolbar button.flat:hover:active:hover:focus, toolbar.inline-toolbar button.flat:hover:checked, toolbar.inline-toolbar button.flat:hover:checked:hover, toolbar.inline-toolbar button.flat:hover:checked:focus, toolbar.inline-toolbar button.flat:hover:checked:hover:focus {
          border-color: rgba(0, 0, 0, 0.2); }
        toolbar.inline-toolbar button:focus:disabled, toolbar.inline-toolbar button:hover:disabled, toolbar.inline-toolbar button.flat:focus:disabled, toolbar.inline-toolbar button.flat:hover:disabled {
          border-color: rgba(0, 0, 0, 0.2); }
        toolbar.inline-toolbar button:focus:active:disabled, toolbar.inline-toolbar button:focus:checked:disabled, toolbar.inline-toolbar button:hover:active:disabled, toolbar.inline-toolbar button:hover:checked:disabled, toolbar.inline-toolbar button.flat:focus:active:disabled, toolbar.inline-toolbar button.flat:focus:checked:disabled, toolbar.inline-toolbar button.flat:hover:active:disabled, toolbar.inline-toolbar button.flat:hover:checked:disabled {
          border-color: rgba(0, 0, 0, 0.2); }
      toolbar.inline-toolbar button:checked, toolbar.inline-toolbar button:active, toolbar.inline-toolbar button.flat:checked, toolbar.inline-toolbar button.flat:active {
        background-color: #b3b3b3;
        background-image: none;
        color: #fff;
        box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
        toolbar.inline-toolbar button:checked:focus, toolbar.inline-toolbar button:checked:hover, toolbar.inline-toolbar button:active:focus, toolbar.inline-toolbar button:active:hover, toolbar.inline-toolbar button.flat:checked:focus, toolbar.inline-toolbar button.flat:checked:hover, toolbar.inline-toolbar button.flat:active:focus, toolbar.inline-toolbar button.flat:active:hover {
          background-color: #a6a6a6;
          background-image: none;
          color: #fff; }
      toolbar.inline-toolbar button:focus, toolbar.inline-toolbar button:hover, toolbar.inline-toolbar button.flat:focus, toolbar.inline-toolbar button.flat:hover {
        color: #555; }
      toolbar.inline-toolbar button:active:disabled, toolbar.inline-toolbar button:checked:disabled, toolbar.inline-toolbar button.flat:active:disabled, toolbar.inline-toolbar button.flat:checked:disabled {
        background-color: #e6e6e6;
        background-image: none;
        color: #555;
        box-shadow: none; }
      toolbar.inline-toolbar button:disabled:disabled, toolbar.inline-toolbar button.flat:disabled:disabled {
        background-color: #f2f2f2;
        background-image: none;
        color: mix(#eee,#555,0.5);
        box-shadow: none; }
      toolbar.inline-toolbar button.separator, toolbar.inline-toolbar button .separator {
        border: 1px solid currentColor;
        color: #d6d6d6; }
        toolbar.inline-toolbar button.separator:disabled, toolbar.inline-toolbar button .separator:disabled {
          color: #d9d9d9; }

headerbar {
  background-color: #444;
  background-image: none;
  border-color: #363636;
  padding: 5px;
  color: #eee;
  border-width: 0 0 1px;
  border-style: solid; }
  headerbar:focus, headerbar:hover {
    border-color: #333333; }
  headerbar:active, headerbar:active:hover, headerbar:active:focus, headerbar:active:hover:focus, headerbar:checked, headerbar:checked:hover, headerbar:checked:focus, headerbar:checked:hover:focus {
    border-color: #303030; }
  headerbar:disabled {
    border-color: #3a3a3a; }
  headerbar:active:disabled, headerbar:checked:disabled {
    border-color: #363636; }
  headerbar:disabled {
    background-color: #3d3d3d;
    background-image: none;
    color: mix(#eee,#444,0.5); }
  headerbar .title {
    font: bold;
    padding: 0 10px; }
  headerbar .subtitle {
    font: smaller;
    padding: 0 10px; }
  headerbar button {
    background-color: #525252;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.22);
    color: #eee;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    headerbar button:focus, headerbar button:hover {
      border-color: rgba(0, 0, 0, 0.22); }
    headerbar button:active, headerbar button:active:hover, headerbar button:active:focus, headerbar button:active:hover:focus, headerbar button:checked, headerbar button:checked:hover, headerbar button:checked:focus, headerbar button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.22); }
    headerbar button:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    headerbar button:active:disabled, headerbar button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    headerbar button.flat {
      border-color: rgba(82, 82, 82, 0);
      background-color: rgba(82, 82, 82, 0);
      background-image: none;
      box-shadow: none; }
    headerbar button:focus, headerbar button:hover, headerbar button.flat:focus, headerbar button.flat:hover {
      background-color: #626262;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
      headerbar button:focus:focus, headerbar button:focus:hover, headerbar button:hover:focus, headerbar button:hover:hover, headerbar button.flat:focus:focus, headerbar button.flat:focus:hover, headerbar button.flat:hover:focus, headerbar button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.3); }
      headerbar button:focus:active, headerbar button:focus:active:hover, headerbar button:focus:active:focus, headerbar button:focus:active:hover:focus, headerbar button:focus:checked, headerbar button:focus:checked:hover, headerbar button:focus:checked:focus, headerbar button:focus:checked:hover:focus, headerbar button:hover:active, headerbar button:hover:active:hover, headerbar button:hover:active:focus, headerbar button:hover:active:hover:focus, headerbar button:hover:checked, headerbar button:hover:checked:hover, headerbar button:hover:checked:focus, headerbar button:hover:checked:hover:focus, headerbar button.flat:focus:active, headerbar button.flat:focus:active:hover, headerbar button.flat:focus:active:focus, headerbar button.flat:focus:active:hover:focus, headerbar button.flat:focus:checked, headerbar button.flat:focus:checked:hover, headerbar button.flat:focus:checked:focus, headerbar button.flat:focus:checked:hover:focus, headerbar button.flat:hover:active, headerbar button.flat:hover:active:hover, headerbar button.flat:hover:active:focus, headerbar button.flat:hover:active:hover:focus, headerbar button.flat:hover:checked, headerbar button.flat:hover:checked:hover, headerbar button.flat:hover:checked:focus, headerbar button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.3); }
      headerbar button:focus:disabled, headerbar button:hover:disabled, headerbar button.flat:focus:disabled, headerbar button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
      headerbar button:focus:active:disabled, headerbar button:focus:checked:disabled, headerbar button:hover:active:disabled, headerbar button:hover:checked:disabled, headerbar button.flat:focus:active:disabled, headerbar button.flat:focus:checked:disabled, headerbar button.flat:hover:active:disabled, headerbar button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
    headerbar button:checked, headerbar button:active, headerbar button.flat:checked, headerbar button.flat:active {
      background-color: #393939;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      headerbar button:checked:focus, headerbar button:checked:hover, headerbar button:active:focus, headerbar button:active:hover, headerbar button.flat:checked:focus, headerbar button.flat:checked:hover, headerbar button.flat:active:focus, headerbar button.flat:active:hover {
        background-color: #353535;
        background-image: none;
        color: #fff; }
    headerbar button:focus, headerbar button:hover, headerbar button.flat:focus, headerbar button.flat:hover {
      color: #eee; }
    headerbar button:active:disabled, headerbar button:checked:disabled, headerbar button.flat:active:disabled, headerbar button.flat:checked:disabled {
      background-color: #494949;
      background-image: none;
      color: #eee;
      box-shadow: none; }
    headerbar button:disabled:disabled, headerbar button.flat:disabled:disabled {
      background-color: rgba(82, 82, 82, 0.3);
      background-image: none;
      color: mix(#444,#eee,0.5);
      box-shadow: none; }
    headerbar button.separator, headerbar button .separator {
      border: 1px solid currentColor;
      color: #3d3d3d; }
      headerbar button.separator:disabled, headerbar button .separator:disabled {
        color: #454545; }
  headerbar .linked > button {
    box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    headerbar .linked > button:focus, headerbar .linked > button:hover {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
    headerbar .linked > button:active, headerbar .linked > button:active:hover, headerbar .linked > button:active:focus, headerbar .linked > button:active:hover:focus, headerbar .linked > button:checked, headerbar .linked > button:checked:hover, headerbar .linked > button:checked:focus, headerbar .linked > button:checked:hover:focus {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.22), inset 0 1px rgba(0, 0, 0, 0.07), inset 0 -1px rgba(0, 0, 0, 0.05); }
    headerbar .linked > button:disabled {
      box-shadow: inset -1px 0 #363636; }
    headerbar .linked > button:last-child, headerbar .linked > button:only-child {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    headerbar .linked > button:last-child:hover, headerbar .linked > button:only-child:hover {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
    headerbar .linked > button:disabled:last-child, headerbar .linked > button:disabled:only-child, headerbar .linked > button:active:disabled:last-child, headerbar .linked > button:active:disabled:only-child, headerbar .linked > button:checked:disabled:last-child, headerbar .linked > button:checked:disabled:only-child {
      box-shadow: none; }
    headerbar .linked > button:active:last-child, headerbar .linked > button:active:last-child:focus, headerbar .linked > button:active:last-child:hover, headerbar .linked > button:active:last-child:hover:focus, headerbar .linked > button:checked:last-child, headerbar .linked > button:checked:last-child:focus, headerbar .linked > button:checked:last-child:hover, headerbar .linked > button:checked:last-child:hover:focus {
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
    headerbar .linked > button:active:only-child, headerbar .linked > button:active:only-child:focus, headerbar .linked > button:active:only-child:hover, headerbar .linked > button:active:only-child:hover:focus, headerbar .linked > button:checked:only-child, headerbar .linked > button:checked:only-child:focus, headerbar .linked > button:checked:only-child:hover, headerbar .linked > button:checked:only-child:hover:focus {
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
  headerbar combobox, headerbar button {
    padding: 4px; }
    headerbar combobox.text-button, headerbar button.text-button {
      padding: 5px; }
    headerbar combobox.image-button, headerbar button.image-button {
      padding: 6px 4px 6px 5px; }
  headerbar.horizontal separator {
    margin: 0 7px 1px 7px; }
  headerbar.vertical separator {
    margin: 7px 1px 7px 0; }
  headerbar separator, headerbar separator:disabled {
    color: #292929;
    border-color: currentColor;
    -GtkWidget-window-dragging: true; }
  headerbar .menubar, headerbar menubar {
    -GtkToolbar-button-relief: normal; }
  window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child {
    border-top-left-radius: 2px; }
  window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child {
    border-top-right-radius: 2px; }

.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.titlebar {
  background-color: #444;
  background-image: none;
  border-radius: 2px 2px 0 0;
  color: mix(#eee,#444,0.1); }
  .titlebar:backdrop {
    background-color: #444;
    background-image: none;
    color: mix(#eee,#444,0.6);
    text-shadow: none; }
  .titlebar.default-decoration {
    border: 0;
    box-shadow: none; }
  .tiled .titlebar, .maximized .titlebar {
    border-radius: 0; }
  .titlebar .title {
    font-weight: bold; }
  .titlebar separator.titlebutton {
    margin-left: 10px; }
  .titlebar button.titlebutton {
    padding: 5px;
    border: 0;
    background-image: none;
    background-color: transparent;
    color: mix(#eee,#444,0.1);
    box-shadow: none; }
    .titlebar button.titlebutton:hover, .titlebar button.titlebutton:hover:focus {
      background-image: none;
      background-color: transparent;
      color: #f0544c;
      box-shadow: none; }
    .titlebar button.titlebutton:active, .titlebar button.titlebutton:active:hover {
      background-image: none;
      background-color: transparent;
      color: #ee382f;
      box-shadow: none; }
    .titlebar button.titlebutton:backdrop {
      background: none;
      color: mix(#eee,#444,0.6);
      -gtk-icon-shadow: none; }

/**************
 ! Action-bar *
***************/
actionbar > revealer > box {
  padding: 5px;
  border-top: 1px solid #cacaca; }
  actionbar > revealer > box:backdrop {
    border-color: mix(#eee,#cacaca,0.9); }

/***************
 ! Search bars *
****************/
.search-bar {
  background-color: #e9e9e9;
  background-image: none;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #bebebe;
  color: #555; }
  .search-bar .button.close-button {
    padding: 5px; }

/******************
 ! Action buttons *
*******************/
.suggested-action.button, .selection-mode.header-bar .button.suggested-action, .selection-mode.toolbar .button.suggested-action {
  background-color: #4caf50;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.22);
  color: #fff;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
  .suggested-action.button:focus, .selection-mode.header-bar .button.suggested-action:focus, .selection-mode.toolbar .button.suggested-action:focus, .suggested-action.button:hover, .selection-mode.header-bar .button.suggested-action:hover, .selection-mode.toolbar .button.suggested-action:hover {
    border-color: rgba(0, 0, 0, 0.22); }
  .suggested-action.button:active, .selection-mode.header-bar .button.suggested-action:active, .selection-mode.toolbar .button.suggested-action:active, .suggested-action.button:active:hover, .suggested-action.button:active:focus, .suggested-action.button:active:hover:focus, .suggested-action.button:checked, .selection-mode.header-bar .button.suggested-action:checked, .selection-mode.toolbar .button.suggested-action:checked, .suggested-action.button:checked:hover, .suggested-action.button:checked:focus, .suggested-action.button:checked:hover:focus {
    border-color: rgba(0, 0, 0, 0.22); }
  .suggested-action.button:disabled, .selection-mode.header-bar .button.suggested-action:disabled, .selection-mode.toolbar .button.suggested-action:disabled {
    border-color: rgba(0, 0, 0, 0.22); }
  .suggested-action.button:active:disabled, .suggested-action.button:checked:disabled {
    border-color: rgba(0, 0, 0, 0.22); }
  .suggested-action.button.flat, .selection-mode.header-bar .flat.button.suggested-action, .selection-mode.toolbar .flat.button.suggested-action {
    border-color: rgba(76, 175, 80, 0);
    background-color: rgba(76, 175, 80, 0);
    background-image: none;
    box-shadow: none; }
  .suggested-action.button:focus, .selection-mode.header-bar .button.suggested-action:focus, .selection-mode.toolbar .button.suggested-action:focus, .suggested-action.button:hover, .selection-mode.header-bar .button.suggested-action:hover, .selection-mode.toolbar .button.suggested-action:hover, .suggested-action.button.flat:focus, .suggested-action.button.flat:hover {
    background-color: #6dc071;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
    .suggested-action.button:focus:focus, .suggested-action.button:focus:hover, .suggested-action.button:hover:focus, .suggested-action.button:hover:hover, .suggested-action.button.flat:focus:focus, .suggested-action.button.flat:focus:hover, .suggested-action.button.flat:hover:focus, .suggested-action.button.flat:hover:hover {
      border-color: rgba(0, 0, 0, 0.3); }
    .suggested-action.button:focus:active, .suggested-action.button:focus:active:hover, .suggested-action.button:focus:active:focus, .suggested-action.button:focus:active:hover:focus, .suggested-action.button:focus:checked, .suggested-action.button:focus:checked:hover, .suggested-action.button:focus:checked:focus, .suggested-action.button:focus:checked:hover:focus, .suggested-action.button:hover:active, .suggested-action.button:hover:active:hover, .suggested-action.button:hover:active:focus, .suggested-action.button:hover:active:hover:focus, .suggested-action.button:hover:checked, .suggested-action.button:hover:checked:hover, .suggested-action.button:hover:checked:focus, .suggested-action.button:hover:checked:hover:focus, .suggested-action.button.flat:focus:active, .suggested-action.button.flat:focus:active:hover, .suggested-action.button.flat:focus:active:focus, .suggested-action.button.flat:focus:active:hover:focus, .suggested-action.button.flat:focus:checked, .suggested-action.button.flat:focus:checked:hover, .suggested-action.button.flat:focus:checked:focus, .suggested-action.button.flat:focus:checked:hover:focus, .suggested-action.button.flat:hover:active, .suggested-action.button.flat:hover:active:hover, .suggested-action.button.flat:hover:active:focus, .suggested-action.button.flat:hover:active:hover:focus, .suggested-action.button.flat:hover:checked, .suggested-action.button.flat:hover:checked:hover, .suggested-action.button.flat:hover:checked:focus, .suggested-action.button.flat:hover:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.3); }
    .suggested-action.button:focus:disabled, .suggested-action.button:hover:disabled, .suggested-action.button.flat:focus:disabled, .suggested-action.button.flat:hover:disabled {
      border-color: rgba(0, 0, 0, 0.3); }
    .suggested-action.button:focus:active:disabled, .suggested-action.button:focus:checked:disabled, .suggested-action.button:hover:active:disabled, .suggested-action.button:hover:checked:disabled, .suggested-action.button.flat:focus:active:disabled, .suggested-action.button.flat:focus:checked:disabled, .suggested-action.button.flat:hover:active:disabled, .suggested-action.button.flat:hover:checked:disabled {
      border-color: rgba(0, 0, 0, 0.3); }
  .suggested-action.button:checked, .selection-mode.header-bar .button.suggested-action:checked, .selection-mode.toolbar .button.suggested-action:checked, .suggested-action.button:active, .selection-mode.header-bar .button.suggested-action:active, .selection-mode.toolbar .button.suggested-action:active, .suggested-action.button.flat:checked, .suggested-action.button.flat:active {
    background-color: #357b38;
    background-image: none;
    color: #fff;
    box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
    .suggested-action.button:checked:focus, .suggested-action.button:checked:hover, .suggested-action.button:active:focus, .suggested-action.button:active:hover, .suggested-action.button.flat:checked:focus, .suggested-action.button.flat:checked:hover, .suggested-action.button.flat:active:focus, .suggested-action.button.flat:active:hover {
      background-color: #317234;
      background-image: none;
      color: #fff; }
  .suggested-action.button:focus, .selection-mode.header-bar .button.suggested-action:focus, .selection-mode.toolbar .button.suggested-action:focus, .suggested-action.button:hover, .selection-mode.header-bar .button.suggested-action:hover, .selection-mode.toolbar .button.suggested-action:hover, .suggested-action.button.flat:focus, .suggested-action.button.flat:hover {
    color: #fff; }
  .suggested-action.button:active:disabled, .suggested-action.button:checked:disabled, .suggested-action.button.flat:active:disabled, .suggested-action.button.flat:checked:disabled {
    background-color: #449e48;
    background-image: none;
    color: #fff;
    box-shadow: none; }
  .suggested-action.button:disabled:disabled, .suggested-action.button.flat:disabled:disabled {
    background-color: rgba(76, 175, 80, 0.3);
    background-image: none;
    color: mix(#4caf50,#fff,0.5);
    box-shadow: none; }
  .suggested-action.button.separator, .selection-mode.header-bar .separator.button.suggested-action, .selection-mode.toolbar .separator.button.suggested-action, .suggested-action.button .separator, .selection-mode.header-bar .button.suggested-action .separator, .selection-mode.toolbar .button.suggested-action .separator {
    border: 1px solid currentColor;
    color: #449e48; }
    .suggested-action.button.separator:disabled, .suggested-action.button .separator:disabled {
      color: #419544; }

.destructive-action.button {
  background-color: #f44336;
  background-image: none;
  border-color: rgba(0, 0, 0, 0.12);
  color: #fff;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
  .destructive-action.button:focus, .destructive-action.button:hover {
    border-color: rgba(0, 0, 0, 0.12); }
  .destructive-action.button:active, .destructive-action.button:active:hover, .destructive-action.button:active:focus, .destructive-action.button:active:hover:focus, .destructive-action.button:checked, .destructive-action.button:checked:hover, .destructive-action.button:checked:focus, .destructive-action.button:checked:hover:focus {
    border-color: rgba(0, 0, 0, 0.12); }
  .destructive-action.button:disabled {
    border-color: rgba(0, 0, 0, 0.12); }
  .destructive-action.button:active:disabled, .destructive-action.button:checked:disabled {
    border-color: rgba(0, 0, 0, 0.12); }
  .destructive-action.button.flat {
    border-color: rgba(244, 67, 54, 0);
    background-color: rgba(244, 67, 54, 0);
    background-image: none;
    box-shadow: none; }
  .destructive-action.button:focus, .destructive-action.button:hover, .destructive-action.button.flat:focus, .destructive-action.button.flat:hover {
    background-color: #f7786f;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    .destructive-action.button:focus:focus, .destructive-action.button:focus:hover, .destructive-action.button:hover:focus, .destructive-action.button:hover:hover, .destructive-action.button.flat:focus:focus, .destructive-action.button.flat:focus:hover, .destructive-action.button.flat:hover:focus, .destructive-action.button.flat:hover:hover {
      border-color: rgba(0, 0, 0, 0.2); }
    .destructive-action.button:focus:active, .destructive-action.button:focus:active:hover, .destructive-action.button:focus:active:focus, .destructive-action.button:focus:active:hover:focus, .destructive-action.button:focus:checked, .destructive-action.button:focus:checked:hover, .destructive-action.button:focus:checked:focus, .destructive-action.button:focus:checked:hover:focus, .destructive-action.button:hover:active, .destructive-action.button:hover:active:hover, .destructive-action.button:hover:active:focus, .destructive-action.button:hover:active:hover:focus, .destructive-action.button:hover:checked, .destructive-action.button:hover:checked:hover, .destructive-action.button:hover:checked:focus, .destructive-action.button:hover:checked:hover:focus, .destructive-action.button.flat:focus:active, .destructive-action.button.flat:focus:active:hover, .destructive-action.button.flat:focus:active:focus, .destructive-action.button.flat:focus:active:hover:focus, .destructive-action.button.flat:focus:checked, .destructive-action.button.flat:focus:checked:hover, .destructive-action.button.flat:focus:checked:focus, .destructive-action.button.flat:focus:checked:hover:focus, .destructive-action.button.flat:hover:active, .destructive-action.button.flat:hover:active:hover, .destructive-action.button.flat:hover:active:focus, .destructive-action.button.flat:hover:active:hover:focus, .destructive-action.button.flat:hover:checked, .destructive-action.button.flat:hover:checked:hover, .destructive-action.button.flat:hover:checked:focus, .destructive-action.button.flat:hover:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.2); }
    .destructive-action.button:focus:disabled, .destructive-action.button:hover:disabled, .destructive-action.button.flat:focus:disabled, .destructive-action.button.flat:hover:disabled {
      border-color: rgba(0, 0, 0, 0.2); }
    .destructive-action.button:focus:active:disabled, .destructive-action.button:focus:checked:disabled, .destructive-action.button:hover:active:disabled, .destructive-action.button:hover:checked:disabled, .destructive-action.button.flat:focus:active:disabled, .destructive-action.button.flat:focus:checked:disabled, .destructive-action.button.flat:hover:active:disabled, .destructive-action.button.flat:hover:checked:disabled {
      border-color: rgba(0, 0, 0, 0.2); }
  .destructive-action.button:checked, .destructive-action.button:active, .destructive-action.button.flat:checked, .destructive-action.button.flat:active {
    background-color: #c6180b;
    background-image: none;
    color: #fff;
    box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
    .destructive-action.button:checked:focus, .destructive-action.button:checked:hover, .destructive-action.button:active:focus, .destructive-action.button:active:hover, .destructive-action.button.flat:checked:focus, .destructive-action.button.flat:checked:hover, .destructive-action.button.flat:active:focus, .destructive-action.button.flat:active:hover {
      background-color: #b8160a;
      background-image: none;
      color: #fff; }
  .destructive-action.button:focus, .destructive-action.button:hover, .destructive-action.button.flat:focus, .destructive-action.button.flat:hover {
    color: #fff; }
  .destructive-action.button:active:disabled, .destructive-action.button:checked:disabled, .destructive-action.button.flat:active:disabled, .destructive-action.button.flat:checked:disabled {
    background-color: #f2291a;
    background-image: none;
    color: #fff;
    box-shadow: none; }
  .destructive-action.button:disabled:disabled, .destructive-action.button.flat:disabled:disabled {
    background-color: #f33628;
    background-image: none;
    color: mix(#f44336,#fff,0.5);
    box-shadow: none; }
  .destructive-action.button.separator, .destructive-action.button .separator {
    border: 1px solid currentColor;
    color: #f2291a; }
    .destructive-action.button.separator:disabled, .destructive-action.button .separator:disabled {
      color: #f01d0d; }

/******************
* selection mode *
******************/
.selection-mode.header-bar, .selection-mode.toolbar {
  background-color: #f0544c;
  background-image: none;
  border-color: #e91e14;
  padding: 5px;
  color: #fff; }
  .selection-mode.header-bar:focus, .selection-mode.header-bar:hover, .selection-mode.toolbar:focus, .selection-mode.toolbar:hover {
    border-color: #db1c12; }
  .selection-mode.header-bar:active, .selection-mode.header-bar:active:hover, .selection-mode.header-bar:active:focus, .selection-mode.header-bar:active:hover:focus, .selection-mode.header-bar:checked, .selection-mode.header-bar:checked:hover, .selection-mode.header-bar:checked:focus, .selection-mode.header-bar:checked:hover:focus, .selection-mode.toolbar:active, .selection-mode.toolbar:active:hover, .selection-mode.toolbar:active:focus, .selection-mode.toolbar:active:hover:focus, .selection-mode.toolbar:checked, .selection-mode.toolbar:checked:hover, .selection-mode.toolbar:checked:focus, .selection-mode.toolbar:checked:hover:focus {
    border-color: #cc1a11; }
  .selection-mode.header-bar:disabled, .selection-mode.toolbar:disabled {
    border-color: #ec2a20; }
  .selection-mode.header-bar:active:disabled, .selection-mode.header-bar:checked:disabled, .selection-mode.toolbar:active:disabled, .selection-mode.toolbar:checked:disabled {
    border-color: #e91e14; }
  .selection-mode.header-bar:disabled, .selection-mode.toolbar:disabled {
    background-color: #ee382f;
    background-image: none;
    color: mix(#fff,#f0544c,0.5); }
  .selection-mode.header-bar .title, .selection-mode.toolbar .title {
    font: bold;
    padding: 0 10px; }
  .selection-mode.header-bar .subtitle, .selection-mode.toolbar .subtitle {
    font: smaller;
    padding: 0 10px; }
  .selection-mode.header-bar button, .selection-mode.toolbar button {
    background-color: #f0544c;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.12);
    color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar button:focus, .selection-mode.header-bar button:hover, .selection-mode.toolbar button:focus, .selection-mode.toolbar button:hover {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar button:active, .selection-mode.header-bar button:active:hover, .selection-mode.header-bar button:active:focus, .selection-mode.header-bar button:active:hover:focus, .selection-mode.header-bar button:checked, .selection-mode.header-bar button:checked:hover, .selection-mode.header-bar button:checked:focus, .selection-mode.header-bar button:checked:hover:focus, .selection-mode.toolbar button:active, .selection-mode.toolbar button:active:hover, .selection-mode.toolbar button:active:focus, .selection-mode.toolbar button:active:hover:focus, .selection-mode.toolbar button:checked, .selection-mode.toolbar button:checked:hover, .selection-mode.toolbar button:checked:focus, .selection-mode.toolbar button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar button:disabled, .selection-mode.toolbar button:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar button:active:disabled, .selection-mode.header-bar button:checked:disabled, .selection-mode.toolbar button:active:disabled, .selection-mode.toolbar button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar button.flat, .selection-mode.toolbar button.flat {
      border-color: rgba(240, 84, 76, 0);
      background-color: rgba(240, 84, 76, 0);
      background-image: none;
      box-shadow: none; }
    .selection-mode.header-bar button:focus, .selection-mode.header-bar button:hover, .selection-mode.header-bar button.flat:focus, .selection-mode.header-bar button.flat:hover, .selection-mode.toolbar button:focus, .selection-mode.toolbar button:hover, .selection-mode.toolbar button.flat:focus, .selection-mode.toolbar button.flat:hover {
      background-color: #f58c86;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
      .selection-mode.header-bar button:focus:focus, .selection-mode.header-bar button:focus:hover, .selection-mode.header-bar button:hover:focus, .selection-mode.header-bar button:hover:hover, .selection-mode.header-bar button.flat:focus:focus, .selection-mode.header-bar button.flat:focus:hover, .selection-mode.header-bar button.flat:hover:focus, .selection-mode.header-bar button.flat:hover:hover, .selection-mode.toolbar button:focus:focus, .selection-mode.toolbar button:focus:hover, .selection-mode.toolbar button:hover:focus, .selection-mode.toolbar button:hover:hover, .selection-mode.toolbar button.flat:focus:focus, .selection-mode.toolbar button.flat:focus:hover, .selection-mode.toolbar button.flat:hover:focus, .selection-mode.toolbar button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.2); }
      .selection-mode.header-bar button:focus:active, .selection-mode.header-bar button:focus:active:hover, .selection-mode.header-bar button:focus:active:focus, .selection-mode.header-bar button:focus:active:hover:focus, .selection-mode.header-bar button:focus:checked, .selection-mode.header-bar button:focus:checked:hover, .selection-mode.header-bar button:focus:checked:focus, .selection-mode.header-bar button:focus:checked:hover:focus, .selection-mode.header-bar button:hover:active, .selection-mode.header-bar button:hover:active:hover, .selection-mode.header-bar button:hover:active:focus, .selection-mode.header-bar button:hover:active:hover:focus, .selection-mode.header-bar button:hover:checked, .selection-mode.header-bar button:hover:checked:hover, .selection-mode.header-bar button:hover:checked:focus, .selection-mode.header-bar button:hover:checked:hover:focus, .selection-mode.header-bar button.flat:focus:active, .selection-mode.header-bar button.flat:focus:active:hover, .selection-mode.header-bar button.flat:focus:active:focus, .selection-mode.header-bar button.flat:focus:active:hover:focus, .selection-mode.header-bar button.flat:focus:checked, .selection-mode.header-bar button.flat:focus:checked:hover, .selection-mode.header-bar button.flat:focus:checked:focus, .selection-mode.header-bar button.flat:focus:checked:hover:focus, .selection-mode.header-bar button.flat:hover:active, .selection-mode.header-bar button.flat:hover:active:hover, .selection-mode.header-bar button.flat:hover:active:focus, .selection-mode.header-bar button.flat:hover:active:hover:focus, .selection-mode.header-bar button.flat:hover:checked, .selection-mode.header-bar button.flat:hover:checked:hover, .selection-mode.header-bar button.flat:hover:checked:focus, .selection-mode.header-bar button.flat:hover:checked:hover:focus, .selection-mode.toolbar button:focus:active, .selection-mode.toolbar button:focus:active:hover, .selection-mode.toolbar button:focus:active:focus, .selection-mode.toolbar button:focus:active:hover:focus, .selection-mode.toolbar button:focus:checked, .selection-mode.toolbar button:focus:checked:hover, .selection-mode.toolbar button:focus:checked:focus, .selection-mode.toolbar button:focus:checked:hover:focus, .selection-mode.toolbar button:hover:active, .selection-mode.toolbar button:hover:active:hover, .selection-mode.toolbar button:hover:active:focus, .selection-mode.toolbar button:hover:active:hover:focus, .selection-mode.toolbar button:hover:checked, .selection-mode.toolbar button:hover:checked:hover, .selection-mode.toolbar button:hover:checked:focus, .selection-mode.toolbar button:hover:checked:hover:focus, .selection-mode.toolbar button.flat:focus:active, .selection-mode.toolbar button.flat:focus:active:hover, .selection-mode.toolbar button.flat:focus:active:focus, .selection-mode.toolbar button.flat:focus:active:hover:focus, .selection-mode.toolbar button.flat:focus:checked, .selection-mode.toolbar button.flat:focus:checked:hover, .selection-mode.toolbar button.flat:focus:checked:focus, .selection-mode.toolbar button.flat:focus:checked:hover:focus, .selection-mode.toolbar button.flat:hover:active, .selection-mode.toolbar button.flat:hover:active:hover, .selection-mode.toolbar button.flat:hover:active:focus, .selection-mode.toolbar button.flat:hover:active:hover:focus, .selection-mode.toolbar button.flat:hover:checked, .selection-mode.toolbar button.flat:hover:checked:hover, .selection-mode.toolbar button.flat:hover:checked:focus, .selection-mode.toolbar button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.2); }
      .selection-mode.header-bar button:focus:disabled, .selection-mode.header-bar button:hover:disabled, .selection-mode.header-bar button.flat:focus:disabled, .selection-mode.header-bar button.flat:hover:disabled, .selection-mode.toolbar button:focus:disabled, .selection-mode.toolbar button:hover:disabled, .selection-mode.toolbar button.flat:focus:disabled, .selection-mode.toolbar button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
      .selection-mode.header-bar button:focus:active:disabled, .selection-mode.header-bar button:focus:checked:disabled, .selection-mode.header-bar button:hover:active:disabled, .selection-mode.header-bar button:hover:checked:disabled, .selection-mode.header-bar button.flat:focus:active:disabled, .selection-mode.header-bar button.flat:focus:checked:disabled, .selection-mode.header-bar button.flat:hover:active:disabled, .selection-mode.header-bar button.flat:hover:checked:disabled, .selection-mode.toolbar button:focus:active:disabled, .selection-mode.toolbar button:focus:checked:disabled, .selection-mode.toolbar button:hover:active:disabled, .selection-mode.toolbar button:hover:checked:disabled, .selection-mode.toolbar button.flat:focus:active:disabled, .selection-mode.toolbar button.flat:focus:checked:disabled, .selection-mode.toolbar button.flat:hover:active:disabled, .selection-mode.toolbar button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
    .selection-mode.header-bar button:checked, .selection-mode.header-bar button:active, .selection-mode.header-bar button.flat:checked, .selection-mode.header-bar button.flat:active, .selection-mode.toolbar button:checked, .selection-mode.toolbar button:active, .selection-mode.toolbar button.flat:checked, .selection-mode.toolbar button.flat:active {
      background-color: #cc1a11;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .selection-mode.header-bar button:checked:focus, .selection-mode.header-bar button:checked:hover, .selection-mode.header-bar button:active:focus, .selection-mode.header-bar button:active:hover, .selection-mode.header-bar button.flat:checked:focus, .selection-mode.header-bar button.flat:checked:hover, .selection-mode.header-bar button.flat:active:focus, .selection-mode.header-bar button.flat:active:hover, .selection-mode.toolbar button:checked:focus, .selection-mode.toolbar button:checked:hover, .selection-mode.toolbar button:active:focus, .selection-mode.toolbar button:active:hover, .selection-mode.toolbar button.flat:checked:focus, .selection-mode.toolbar button.flat:checked:hover, .selection-mode.toolbar button.flat:active:focus, .selection-mode.toolbar button.flat:active:hover {
        background-color: #be1810;
        background-image: none;
        color: #fff; }
    .selection-mode.header-bar button:focus, .selection-mode.header-bar button:hover, .selection-mode.header-bar button.flat:focus, .selection-mode.header-bar button.flat:hover, .selection-mode.toolbar button:focus, .selection-mode.toolbar button:hover, .selection-mode.toolbar button.flat:focus, .selection-mode.toolbar button.flat:hover {
      color: #fff; }
    .selection-mode.header-bar button:active:disabled, .selection-mode.header-bar button:checked:disabled, .selection-mode.header-bar button.flat:active:disabled, .selection-mode.header-bar button.flat:checked:disabled, .selection-mode.toolbar button:active:disabled, .selection-mode.toolbar button:checked:disabled, .selection-mode.toolbar button.flat:active:disabled, .selection-mode.toolbar button.flat:checked:disabled {
      background-color: #ee382f;
      background-image: none;
      color: #fff;
      box-shadow: none; }
    .selection-mode.header-bar button:disabled:disabled, .selection-mode.header-bar button.flat:disabled:disabled, .selection-mode.toolbar button:disabled:disabled, .selection-mode.toolbar button.flat:disabled:disabled {
      background-color: #ef463d;
      background-image: none;
      color: mix(#f0544c,#fff,0.5);
      box-shadow: none; }
    .selection-mode.header-bar button.separator, .selection-mode.header-bar button .separator, .selection-mode.toolbar button.separator, .selection-mode.toolbar button .separator {
      border: 1px solid currentColor;
      color: #ee382f; }
      .selection-mode.header-bar button.separator:disabled, .selection-mode.header-bar button .separator:disabled, .selection-mode.toolbar button.separator:disabled, .selection-mode.toolbar button .separator:disabled {
        color: #ec2a20; }
  .selection-mode.header-bar .linked > button, .selection-mode.toolbar .linked > button {
    box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar .linked > button:focus, .selection-mode.header-bar .linked > button:hover, .selection-mode.toolbar .linked > button:focus, .selection-mode.toolbar .linked > button:hover {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    .selection-mode.header-bar .linked > button:active, .selection-mode.header-bar .linked > button:active:hover, .selection-mode.header-bar .linked > button:active:focus, .selection-mode.header-bar .linked > button:active:hover:focus, .selection-mode.header-bar .linked > button:checked, .selection-mode.header-bar .linked > button:checked:hover, .selection-mode.header-bar .linked > button:checked:focus, .selection-mode.header-bar .linked > button:checked:hover:focus, .selection-mode.toolbar .linked > button:active, .selection-mode.toolbar .linked > button:active:hover, .selection-mode.toolbar .linked > button:active:focus, .selection-mode.toolbar .linked > button:active:hover:focus, .selection-mode.toolbar .linked > button:checked, .selection-mode.toolbar .linked > button:checked:hover, .selection-mode.toolbar .linked > button:checked:focus, .selection-mode.toolbar .linked > button:checked:hover:focus {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(0, 0, 0, 0.07), inset 0 -1px rgba(0, 0, 0, 0.05); }
    .selection-mode.header-bar .linked > button:disabled, .selection-mode.toolbar .linked > button:disabled {
      box-shadow: inset -1px 0 #e91e14; }
    .selection-mode.header-bar .linked > button:last-child, .selection-mode.header-bar .linked > button:only-child, .selection-mode.toolbar .linked > button:last-child, .selection-mode.toolbar .linked > button:only-child {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar .linked > button:last-child:hover, .selection-mode.header-bar .linked > button:only-child:hover, .selection-mode.toolbar .linked > button:last-child:hover, .selection-mode.toolbar .linked > button:only-child:hover {
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
    .selection-mode.header-bar .linked > button:disabled:last-child, .selection-mode.header-bar .linked > button:disabled:only-child, .selection-mode.header-bar .linked > button:active:disabled:last-child, .selection-mode.header-bar .linked > button:active:disabled:only-child, .selection-mode.header-bar .linked > button:checked:disabled:last-child, .selection-mode.header-bar .linked > button:checked:disabled:only-child, .selection-mode.toolbar .linked > button:disabled:last-child, .selection-mode.toolbar .linked > button:disabled:only-child, .selection-mode.toolbar .linked > button:active:disabled:last-child, .selection-mode.toolbar .linked > button:active:disabled:only-child, .selection-mode.toolbar .linked > button:checked:disabled:last-child, .selection-mode.toolbar .linked > button:checked:disabled:only-child {
      box-shadow: none; }
    .selection-mode.header-bar .linked > button:active:last-child, .selection-mode.header-bar .linked > button:active:last-child:focus, .selection-mode.header-bar .linked > button:active:last-child:hover, .selection-mode.header-bar .linked > button:active:last-child:hover:focus, .selection-mode.header-bar .linked > button:checked:last-child, .selection-mode.header-bar .linked > button:checked:last-child:focus, .selection-mode.header-bar .linked > button:checked:last-child:hover, .selection-mode.header-bar .linked > button:checked:last-child:hover:focus, .selection-mode.toolbar .linked > button:active:last-child, .selection-mode.toolbar .linked > button:active:last-child:focus, .selection-mode.toolbar .linked > button:active:last-child:hover, .selection-mode.toolbar .linked > button:active:last-child:hover:focus, .selection-mode.toolbar .linked > button:checked:last-child, .selection-mode.toolbar .linked > button:checked:last-child:focus, .selection-mode.toolbar .linked > button:checked:last-child:hover, .selection-mode.toolbar .linked > button:checked:last-child:hover:focus {
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
    .selection-mode.header-bar .linked > button:active:only-child, .selection-mode.header-bar .linked > button:active:only-child:focus, .selection-mode.header-bar .linked > button:active:only-child:hover, .selection-mode.header-bar .linked > button:active:only-child:hover:focus, .selection-mode.header-bar .linked > button:checked:only-child, .selection-mode.header-bar .linked > button:checked:only-child:focus, .selection-mode.header-bar .linked > button:checked:only-child:hover, .selection-mode.header-bar .linked > button:checked:only-child:hover:focus, .selection-mode.toolbar .linked > button:active:only-child, .selection-mode.toolbar .linked > button:active:only-child:focus, .selection-mode.toolbar .linked > button:active:only-child:hover, .selection-mode.toolbar .linked > button:active:only-child:hover:focus, .selection-mode.toolbar .linked > button:checked:only-child, .selection-mode.toolbar .linked > button:checked:only-child:focus, .selection-mode.toolbar .linked > button:checked:only-child:hover, .selection-mode.toolbar .linked > button:checked:only-child:hover:focus {
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
  .selection-mode.header-bar combobox, .selection-mode.header-bar button, .selection-mode.toolbar combobox, .selection-mode.toolbar button {
    padding: 4px; }
    .selection-mode.header-bar combobox.text-button, .selection-mode.header-bar button.text-button, .selection-mode.toolbar combobox.text-button, .selection-mode.toolbar button.text-button {
      padding: 5px; }
    .selection-mode.header-bar combobox.image-button, .selection-mode.header-bar button.image-button, .selection-mode.toolbar combobox.image-button, .selection-mode.toolbar button.image-button {
      padding: 6px 4px 6px 5px; }
  .selection-mode.header-bar.horizontal separator, .selection-mode.toolbar.horizontal separator {
    margin: 0 7px 1px 7px; }
  .selection-mode.header-bar.vertical separator, .selection-mode.toolbar.vertical separator {
    margin: 7px 1px 7px 0; }
  .selection-mode.header-bar separator, .selection-mode.header-bar separator:disabled, .selection-mode.toolbar separator, .selection-mode.toolbar separator:disabled {
    color: #af160f;
    border-color: currentColor;
    -GtkWidget-window-dragging: true; }
  .selection-mode.header-bar .menubar, .selection-mode.header-bar menubar, .selection-mode.toolbar .menubar, .selection-mode.toolbar menubar {
    -GtkToolbar-button-relief: normal; }
  .selection-mode.header-bar .button, .selection-mode.toolbar .button {
    background-color: #f0544c;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.12);
    color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar .button:focus, .selection-mode.header-bar .button:hover, .selection-mode.toolbar .button:focus, .selection-mode.toolbar .button:hover {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar .button:active, .selection-mode.header-bar .button:active:hover, .selection-mode.header-bar .button:active:focus, .selection-mode.header-bar .button:active:hover:focus, .selection-mode.header-bar .button:checked, .selection-mode.header-bar .button:checked:hover, .selection-mode.header-bar .button:checked:focus, .selection-mode.header-bar .button:checked:hover:focus, .selection-mode.toolbar .button:active, .selection-mode.toolbar .button:active:hover, .selection-mode.toolbar .button:active:focus, .selection-mode.toolbar .button:active:hover:focus, .selection-mode.toolbar .button:checked, .selection-mode.toolbar .button:checked:hover, .selection-mode.toolbar .button:checked:focus, .selection-mode.toolbar .button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar .button:disabled, .selection-mode.toolbar .button:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar .button:active:disabled, .selection-mode.header-bar .button:checked:disabled, .selection-mode.toolbar .button:active:disabled, .selection-mode.toolbar .button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    .selection-mode.header-bar .button.flat, .selection-mode.toolbar .button.flat {
      border-color: rgba(240, 84, 76, 0);
      background-color: rgba(240, 84, 76, 0);
      background-image: none;
      box-shadow: none; }
    .selection-mode.header-bar .button:focus, .selection-mode.header-bar .button:hover, .selection-mode.header-bar .button.flat:focus, .selection-mode.header-bar .button.flat:hover, .selection-mode.toolbar .button:focus, .selection-mode.toolbar .button:hover, .selection-mode.toolbar .button.flat:focus, .selection-mode.toolbar .button.flat:hover {
      background-color: #f58c86;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
      .selection-mode.header-bar .button:focus:focus, .selection-mode.header-bar .button:focus:hover, .selection-mode.header-bar .button:hover:focus, .selection-mode.header-bar .button:hover:hover, .selection-mode.header-bar .button.flat:focus:focus, .selection-mode.header-bar .button.flat:focus:hover, .selection-mode.header-bar .button.flat:hover:focus, .selection-mode.header-bar .button.flat:hover:hover, .selection-mode.toolbar .button:focus:focus, .selection-mode.toolbar .button:focus:hover, .selection-mode.toolbar .button:hover:focus, .selection-mode.toolbar .button:hover:hover, .selection-mode.toolbar .button.flat:focus:focus, .selection-mode.toolbar .button.flat:focus:hover, .selection-mode.toolbar .button.flat:hover:focus, .selection-mode.toolbar .button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.2); }
      .selection-mode.header-bar .button:focus:active, .selection-mode.header-bar .button:focus:active:hover, .selection-mode.header-bar .button:focus:active:focus, .selection-mode.header-bar .button:focus:active:hover:focus, .selection-mode.header-bar .button:focus:checked, .selection-mode.header-bar .button:focus:checked:hover, .selection-mode.header-bar .button:focus:checked:focus, .selection-mode.header-bar .button:focus:checked:hover:focus, .selection-mode.header-bar .button:hover:active, .selection-mode.header-bar .button:hover:active:hover, .selection-mode.header-bar .button:hover:active:focus, .selection-mode.header-bar .button:hover:active:hover:focus, .selection-mode.header-bar .button:hover:checked, .selection-mode.header-bar .button:hover:checked:hover, .selection-mode.header-bar .button:hover:checked:focus, .selection-mode.header-bar .button:hover:checked:hover:focus, .selection-mode.header-bar .button.flat:focus:active, .selection-mode.header-bar .button.flat:focus:active:hover, .selection-mode.header-bar .button.flat:focus:active:focus, .selection-mode.header-bar .button.flat:focus:active:hover:focus, .selection-mode.header-bar .button.flat:focus:checked, .selection-mode.header-bar .button.flat:focus:checked:hover, .selection-mode.header-bar .button.flat:focus:checked:focus, .selection-mode.header-bar .button.flat:focus:checked:hover:focus, .selection-mode.header-bar .button.flat:hover:active, .selection-mode.header-bar .button.flat:hover:active:hover, .selection-mode.header-bar .button.flat:hover:active:focus, .selection-mode.header-bar .button.flat:hover:active:hover:focus, .selection-mode.header-bar .button.flat:hover:checked, .selection-mode.header-bar .button.flat:hover:checked:hover, .selection-mode.header-bar .button.flat:hover:checked:focus, .selection-mode.header-bar .button.flat:hover:checked:hover:focus, .selection-mode.toolbar .button:focus:active, .selection-mode.toolbar .button:focus:active:hover, .selection-mode.toolbar .button:focus:active:focus, .selection-mode.toolbar .button:focus:active:hover:focus, .selection-mode.toolbar .button:focus:checked, .selection-mode.toolbar .button:focus:checked:hover, .selection-mode.toolbar .button:focus:checked:focus, .selection-mode.toolbar .button:focus:checked:hover:focus, .selection-mode.toolbar .button:hover:active, .selection-mode.toolbar .button:hover:active:hover, .selection-mode.toolbar .button:hover:active:focus, .selection-mode.toolbar .button:hover:active:hover:focus, .selection-mode.toolbar .button:hover:checked, .selection-mode.toolbar .button:hover:checked:hover, .selection-mode.toolbar .button:hover:checked:focus, .selection-mode.toolbar .button:hover:checked:hover:focus, .selection-mode.toolbar .button.flat:focus:active, .selection-mode.toolbar .button.flat:focus:active:hover, .selection-mode.toolbar .button.flat:focus:active:focus, .selection-mode.toolbar .button.flat:focus:active:hover:focus, .selection-mode.toolbar .button.flat:focus:checked, .selection-mode.toolbar .button.flat:focus:checked:hover, .selection-mode.toolbar .button.flat:focus:checked:focus, .selection-mode.toolbar .button.flat:focus:checked:hover:focus, .selection-mode.toolbar .button.flat:hover:active, .selection-mode.toolbar .button.flat:hover:active:hover, .selection-mode.toolbar .button.flat:hover:active:focus, .selection-mode.toolbar .button.flat:hover:active:hover:focus, .selection-mode.toolbar .button.flat:hover:checked, .selection-mode.toolbar .button.flat:hover:checked:hover, .selection-mode.toolbar .button.flat:hover:checked:focus, .selection-mode.toolbar .button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.2); }
      .selection-mode.header-bar .button:focus:disabled, .selection-mode.header-bar .button:hover:disabled, .selection-mode.header-bar .button.flat:focus:disabled, .selection-mode.header-bar .button.flat:hover:disabled, .selection-mode.toolbar .button:focus:disabled, .selection-mode.toolbar .button:hover:disabled, .selection-mode.toolbar .button.flat:focus:disabled, .selection-mode.toolbar .button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
      .selection-mode.header-bar .button:focus:active:disabled, .selection-mode.header-bar .button:focus:checked:disabled, .selection-mode.header-bar .button:hover:active:disabled, .selection-mode.header-bar .button:hover:checked:disabled, .selection-mode.header-bar .button.flat:focus:active:disabled, .selection-mode.header-bar .button.flat:focus:checked:disabled, .selection-mode.header-bar .button.flat:hover:active:disabled, .selection-mode.header-bar .button.flat:hover:checked:disabled, .selection-mode.toolbar .button:focus:active:disabled, .selection-mode.toolbar .button:focus:checked:disabled, .selection-mode.toolbar .button:hover:active:disabled, .selection-mode.toolbar .button:hover:checked:disabled, .selection-mode.toolbar .button.flat:focus:active:disabled, .selection-mode.toolbar .button.flat:focus:checked:disabled, .selection-mode.toolbar .button.flat:hover:active:disabled, .selection-mode.toolbar .button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
    .selection-mode.header-bar .button:checked, .selection-mode.header-bar .button:active, .selection-mode.header-bar .button.flat:checked, .selection-mode.header-bar .button.flat:active, .selection-mode.toolbar .button:checked, .selection-mode.toolbar .button:active, .selection-mode.toolbar .button.flat:checked, .selection-mode.toolbar .button.flat:active {
      background-color: #cc1a11;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .selection-mode.header-bar .button:checked:focus, .selection-mode.header-bar .button:checked:hover, .selection-mode.header-bar .button:active:focus, .selection-mode.header-bar .button:active:hover, .selection-mode.header-bar .button.flat:checked:focus, .selection-mode.header-bar .button.flat:checked:hover, .selection-mode.header-bar .button.flat:active:focus, .selection-mode.header-bar .button.flat:active:hover, .selection-mode.toolbar .button:checked:focus, .selection-mode.toolbar .button:checked:hover, .selection-mode.toolbar .button:active:focus, .selection-mode.toolbar .button:active:hover, .selection-mode.toolbar .button.flat:checked:focus, .selection-mode.toolbar .button.flat:checked:hover, .selection-mode.toolbar .button.flat:active:focus, .selection-mode.toolbar .button.flat:active:hover {
        background-color: #be1810;
        background-image: none;
        color: #fff; }
    .selection-mode.header-bar .button:focus, .selection-mode.header-bar .button:hover, .selection-mode.header-bar .button.flat:focus, .selection-mode.header-bar .button.flat:hover, .selection-mode.toolbar .button:focus, .selection-mode.toolbar .button:hover, .selection-mode.toolbar .button.flat:focus, .selection-mode.toolbar .button.flat:hover {
      color: #fff; }
    .selection-mode.header-bar .button:active:disabled, .selection-mode.header-bar .button:checked:disabled, .selection-mode.header-bar .button.flat:active:disabled, .selection-mode.header-bar .button.flat:checked:disabled, .selection-mode.toolbar .button:active:disabled, .selection-mode.toolbar .button:checked:disabled, .selection-mode.toolbar .button.flat:active:disabled, .selection-mode.toolbar .button.flat:checked:disabled {
      background-color: #ee382f;
      background-image: none;
      color: #fff;
      box-shadow: none; }
    .selection-mode.header-bar .button:disabled:disabled, .selection-mode.header-bar .button.flat:disabled:disabled, .selection-mode.toolbar .button:disabled:disabled, .selection-mode.toolbar .button.flat:disabled:disabled {
      background-color: #ef463d;
      background-image: none;
      color: mix(#f0544c,#fff,0.5);
      box-shadow: none; }
    .selection-mode.header-bar .button.separator, .selection-mode.header-bar .button .separator, .selection-mode.toolbar .button.separator, .selection-mode.toolbar .button .separator {
      border: 1px solid currentColor;
      color: #ee382f; }
      .selection-mode.header-bar .button.separator:disabled, .selection-mode.header-bar .button .separator:disabled, .selection-mode.toolbar .button.separator:disabled, .selection-mode.toolbar .button .separator:disabled {
        color: #ec2a20; }
  .selection-mode.header-bar .selection-menu.button, .selection-mode.toolbar .selection-menu.button {
    border: 0;
    background-color: transparent;
    background-image: none;
    color: #e91e14; }
    .selection-mode.header-bar .selection-menu.button:hover, .selection-mode.toolbar .selection-menu.button:hover {
      color: #cc1a11; }
    .selection-mode.header-bar .selection-menu.button:active, .selection-mode.toolbar .selection-menu.button:active {
      color: #db1c12; }
  .selection-mode.header-bar .dim-label, .selection-mode.header-bar label.separator, .selection-menu.button .selection-mode.header-bar .dim-label, .selection-menu.button .selection-mode.header-bar label.separator, .selection-mode.toolbar .dim-label, .selection-mode.toolbar label.separator, .selection-menu.button .selection-mode.toolbar .dim-label, .selection-menu.button .selection-mode.toolbar label.separator {
    color: #cc1a11; }
.selection-mode.toolbar {
  padding: 5px; }

/**********
 ! Calendar
***********/
calendar {
  padding: 1px 3px;
  outline-offset: -1px;
  color: #333; }
  calendar:selected {
    border-radius: 2px; }
  calendar.header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0; }
    calendar.header:backdrop {
      border-color: rgba(0, 0, 0, 0.1); }
  calendar.button {
    color: rgba(85, 85, 85, 0.55); }
    calendar.button:hover {
      color: #555; }
    calendar.button:backdrop {
      color: alpha(mix(#555,#eee,0.5),0.55); }
    calendar.button:disabled {
      color: alpha(mix(#555,#eee,0.5),0.55); }
  calendar:indeterminate, calendar:indeterminate:backdrop {
    color: mix(#555,#eee,0.5); }
  calendar.highlight, calendar.highlight:backdrop {
    font-size: smaller;
    color: #f0544c; }
  calendar:backdrop {
    color: mix(white,#333,0.8); }

/* gnome-calendar */
.calendar-view {
  background-color: #fff;
  color: #333; }

/***************
 ! Color chooser
****************/
colorswatch, colorswatch:selected {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  background-color: transparent;
  background-clip: border-box; }
  colorswatch:hover, colorswatch:selected:hover {
    border-color: rgba(0, 0, 0, 0.3); }
colorswatch.color-light:selected:hover, colorswatch.color-dark:selected:hover {
  background-image: none; }
colorswatch.left, colorswatch:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
colorswatch.right, colorswatch:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }
colorswatch:only-child {
  border-radius: 2px; }
colorswatch.top {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
colorswatch.bottom {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }
coloreditor colorswatch {
  border-radius: 2px; }
  coloreditor colorswatch.color-dark:hover, coloreditor colorswatch.color-light:hover {
    background-image: none;
    border-color: rgba(0, 0, 0, 0.3); }

GtkColorChooserWidget #add-color-button {
  background-clip: padding-box;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #e2e2e2;
  color: #555; }
  GtkColorChooserWidget #add-color-button:hover {
    border-color: rgba(0, 0, 0, 0.3);
    background-color: #d6d6d6;
    color: #555; }

.color-active-badge, .color-active-badge:selected {
  border-width: 2px;
  border-style: solid;
  background-color: transparent; }
.color-active-badge.color-light, .color-active-badge.color-light:hover {
  border-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.3); }
.color-active-badge.color-dark, .color-active-badge.color-dark:hover {
  border-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3); }

GtkColorButton.button {
  padding: 5px; }

/***********************
! Font and file choosers
************************/
filechooser {
  /* for fallback when header bar not used */ }
  filechooser .dialog-action-box {
    border-top: 1px solid #cacaca; }
    filechooser .dialog-action-box:backdrop {
      border-top-color: mix(#eee,#cacaca,0.9); }
  filechooser #pathbarbox {
    border-bottom: 1px solid #eee; }

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

/******************
 ! Grid and flowbox
*******************/
list {
  color: #333;
  background-color: #fff;
  border-color: #cacaca; }
  list:backdrop {
    background-color: white;
    border-color: mix(#eee,#cacaca,0.9); }
  list row {
    padding: 5px; }

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(85, 85, 85, 0.05); }
  row.activatable:active {
    box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
  row.activatable:backdrop:hover {
    background-color: transparent; }
  row.activatable:selected:active {
    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
  row.activatable:selected.has-open-popup, row.activatable:selected:hover {
    background-color: mix(#f0544c,#555,0.1); }
  row.activatable:selected:backdrop {
    background-color: #f0544c; }

flowbox flowboxchild {
  padding: 5px;
  border-radius: 2px; }
  flowbox flowboxchild:selected {
    outline-offset: -2px; }

/*********
 ! Buttons
**********/
/******************
! ComboBoxes *
*******************/
/*********
 ! Infobar
**********/
infobar {
  border: 0; }

.info {
  background-color: #03a9f4;
  background-image: none;
  border: 1px solid #0287c3;
  color: #fff; }
  .info button {
    background-color: #03a9f4;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.22);
    color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    .info button:focus, .info button:hover {
      border-color: rgba(0, 0, 0, 0.22); }
    .info button:active, .info button:active:hover, .info button:active:focus, .info button:active:hover:focus, .info button:checked, .info button:checked:hover, .info button:checked:focus, .info button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.22); }
    .info button:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .info button:active:disabled, .info button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .info button.flat {
      border-color: rgba(3, 169, 244, 0);
      background-color: rgba(3, 169, 244, 0);
      background-image: none;
      box-shadow: none; }
    .info button:focus, .info button:hover, .info button.flat:focus, .info button.flat:hover {
      background-color: #2cbcfc;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
      .info button:focus:focus, .info button:focus:hover, .info button:hover:focus, .info button:hover:hover, .info button.flat:focus:focus, .info button.flat:focus:hover, .info button.flat:hover:focus, .info button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.3); }
      .info button:focus:active, .info button:focus:active:hover, .info button:focus:active:focus, .info button:focus:active:hover:focus, .info button:focus:checked, .info button:focus:checked:hover, .info button:focus:checked:focus, .info button:focus:checked:hover:focus, .info button:hover:active, .info button:hover:active:hover, .info button:hover:active:focus, .info button:hover:active:hover:focus, .info button:hover:checked, .info button:hover:checked:hover, .info button:hover:checked:focus, .info button:hover:checked:hover:focus, .info button.flat:focus:active, .info button.flat:focus:active:hover, .info button.flat:focus:active:focus, .info button.flat:focus:active:hover:focus, .info button.flat:focus:checked, .info button.flat:focus:checked:hover, .info button.flat:focus:checked:focus, .info button.flat:focus:checked:hover:focus, .info button.flat:hover:active, .info button.flat:hover:active:hover, .info button.flat:hover:active:focus, .info button.flat:hover:active:hover:focus, .info button.flat:hover:checked, .info button.flat:hover:checked:hover, .info button.flat:hover:checked:focus, .info button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.3); }
      .info button:focus:disabled, .info button:hover:disabled, .info button.flat:focus:disabled, .info button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
      .info button:focus:active:disabled, .info button:focus:checked:disabled, .info button:hover:active:disabled, .info button:hover:checked:disabled, .info button.flat:focus:active:disabled, .info button.flat:focus:checked:disabled, .info button.flat:hover:active:disabled, .info button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
    .info button:checked, .info button:active, .info button.flat:checked, .info button.flat:active {
      background-color: #0276ab;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .info button:checked:focus, .info button:checked:hover, .info button:active:focus, .info button:active:hover, .info button.flat:checked:focus, .info button.flat:checked:hover, .info button.flat:active:focus, .info button.flat:active:hover {
        background-color: #026e9f;
        background-image: none;
        color: #fff; }
    .info button:focus, .info button:hover, .info button.flat:focus, .info button.flat:hover {
      color: #fff; }
    .info button:active:disabled, .info button:checked:disabled, .info button.flat:active:disabled, .info button.flat:checked:disabled {
      background-color: #0398dc;
      background-image: none;
      color: #fff;
      box-shadow: none; }
    .info button:disabled:disabled, .info button.flat:disabled:disabled {
      background-color: rgba(3, 169, 244, 0.3);
      background-image: none;
      color: mix(#03a9f4,#fff,0.5);
      box-shadow: none; }
    .info button.separator, .info button .separator {
      border: 1px solid currentColor;
      color: #0398dc; }
      .info button.separator:disabled, .info button .separator:disabled {
        color: #0390cf; }

.warning {
  background-color: #ef6c00;
  background-image: none;
  border: 1px solid #bf5600;
  color: #fff; }
  .warning button {
    background-color: #ef6c00;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.22);
    color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    .warning button:focus, .warning button:hover {
      border-color: rgba(0, 0, 0, 0.22); }
    .warning button:active, .warning button:active:hover, .warning button:active:focus, .warning button:active:hover:focus, .warning button:checked, .warning button:checked:hover, .warning button:checked:focus, .warning button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.22); }
    .warning button:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .warning button:active:disabled, .warning button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .warning button.flat {
      border-color: rgba(239, 108, 0, 0);
      background-color: rgba(239, 108, 0, 0);
      background-image: none;
      box-shadow: none; }
    .warning button:focus, .warning button:hover, .warning button.flat:focus, .warning button.flat:hover {
      background-color: #ff8520;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
      .warning button:focus:focus, .warning button:focus:hover, .warning button:hover:focus, .warning button:hover:hover, .warning button.flat:focus:focus, .warning button.flat:focus:hover, .warning button.flat:hover:focus, .warning button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.3); }
      .warning button:focus:active, .warning button:focus:active:hover, .warning button:focus:active:focus, .warning button:focus:active:hover:focus, .warning button:focus:checked, .warning button:focus:checked:hover, .warning button:focus:checked:focus, .warning button:focus:checked:hover:focus, .warning button:hover:active, .warning button:hover:active:hover, .warning button:hover:active:focus, .warning button:hover:active:hover:focus, .warning button:hover:checked, .warning button:hover:checked:hover, .warning button:hover:checked:focus, .warning button:hover:checked:hover:focus, .warning button.flat:focus:active, .warning button.flat:focus:active:hover, .warning button.flat:focus:active:focus, .warning button.flat:focus:active:hover:focus, .warning button.flat:focus:checked, .warning button.flat:focus:checked:hover, .warning button.flat:focus:checked:focus, .warning button.flat:focus:checked:hover:focus, .warning button.flat:hover:active, .warning button.flat:hover:active:hover, .warning button.flat:hover:active:focus, .warning button.flat:hover:active:hover:focus, .warning button.flat:hover:checked, .warning button.flat:hover:checked:hover, .warning button.flat:hover:checked:focus, .warning button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.3); }
      .warning button:focus:disabled, .warning button:hover:disabled, .warning button.flat:focus:disabled, .warning button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
      .warning button:focus:active:disabled, .warning button:focus:checked:disabled, .warning button:hover:active:disabled, .warning button:hover:checked:disabled, .warning button.flat:focus:active:disabled, .warning button.flat:focus:checked:disabled, .warning button.flat:hover:active:disabled, .warning button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
    .warning button:checked, .warning button:active, .warning button.flat:checked, .warning button.flat:active {
      background-color: #a74c00;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .warning button:checked:focus, .warning button:checked:hover, .warning button:active:focus, .warning button:active:hover, .warning button.flat:checked:focus, .warning button.flat:checked:hover, .warning button.flat:active:focus, .warning button.flat:active:hover {
        background-color: #9b4600;
        background-image: none;
        color: #fff; }
    .warning button:focus, .warning button:hover, .warning button.flat:focus, .warning button.flat:hover {
      color: #fff; }
    .warning button:active:disabled, .warning button:checked:disabled, .warning button.flat:active:disabled, .warning button.flat:checked:disabled {
      background-color: #d76100;
      background-image: none;
      color: #fff;
      box-shadow: none; }
    .warning button:disabled:disabled, .warning button.flat:disabled:disabled {
      background-color: rgba(239, 108, 0, 0.3);
      background-image: none;
      color: mix(#ef6c00,#fff,0.5);
      box-shadow: none; }
    .warning button.separator, .warning button .separator {
      border: 1px solid currentColor;
      color: #d76100; }
      .warning button.separator:disabled, .warning button .separator:disabled {
        color: #cb5c00; }

.question {
  background-color: #673ab7;
  background-image: none;
  border: 1px solid #522e92;
  color: #fff; }
  .question button {
    background-color: #673ab7;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.22);
    color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    .question button:focus, .question button:hover {
      border-color: rgba(0, 0, 0, 0.22); }
    .question button:active, .question button:active:hover, .question button:active:focus, .question button:active:hover:focus, .question button:checked, .question button:checked:hover, .question button:checked:focus, .question button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.22); }
    .question button:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .question button:active:disabled, .question button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .question button.flat {
      border-color: rgba(103, 58, 183, 0);
      background-color: rgba(103, 58, 183, 0);
      background-image: none;
      box-shadow: none; }
    .question button:focus, .question button:hover, .question button.flat:focus, .question button.flat:hover {
      background-color: #8157ca;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
      .question button:focus:focus, .question button:focus:hover, .question button:hover:focus, .question button:hover:hover, .question button.flat:focus:focus, .question button.flat:focus:hover, .question button.flat:hover:focus, .question button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.3); }
      .question button:focus:active, .question button:focus:active:hover, .question button:focus:active:focus, .question button:focus:active:hover:focus, .question button:focus:checked, .question button:focus:checked:hover, .question button:focus:checked:focus, .question button:focus:checked:hover:focus, .question button:hover:active, .question button:hover:active:hover, .question button:hover:active:focus, .question button:hover:active:hover:focus, .question button:hover:checked, .question button:hover:checked:hover, .question button:hover:checked:focus, .question button:hover:checked:hover:focus, .question button.flat:focus:active, .question button.flat:focus:active:hover, .question button.flat:focus:active:focus, .question button.flat:focus:active:hover:focus, .question button.flat:focus:checked, .question button.flat:focus:checked:hover, .question button.flat:focus:checked:focus, .question button.flat:focus:checked:hover:focus, .question button.flat:hover:active, .question button.flat:hover:active:hover, .question button.flat:hover:active:focus, .question button.flat:hover:active:hover:focus, .question button.flat:hover:checked, .question button.flat:hover:checked:hover, .question button.flat:hover:checked:focus, .question button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.3); }
      .question button:focus:disabled, .question button:hover:disabled, .question button.flat:focus:disabled, .question button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
      .question button:focus:active:disabled, .question button:focus:checked:disabled, .question button:hover:active:disabled, .question button:hover:checked:disabled, .question button.flat:focus:active:disabled, .question button.flat:focus:checked:disabled, .question button.flat:hover:active:disabled, .question button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
    .question button:checked, .question button:active, .question button.flat:checked, .question button.flat:active {
      background-color: #482980;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .question button:checked:focus, .question button:checked:hover, .question button:active:focus, .question button:active:hover, .question button.flat:checked:focus, .question button.flat:checked:hover, .question button.flat:active:focus, .question button.flat:active:hover {
        background-color: #432677;
        background-image: none;
        color: #fff; }
    .question button:focus, .question button:hover, .question button.flat:focus, .question button.flat:hover {
      color: #fff; }
    .question button:active:disabled, .question button:checked:disabled, .question button.flat:active:disabled, .question button.flat:checked:disabled {
      background-color: #5d34a5;
      background-image: none;
      color: #fff;
      box-shadow: none; }
    .question button:disabled:disabled, .question button.flat:disabled:disabled {
      background-color: rgba(103, 58, 183, 0.3);
      background-image: none;
      color: mix(#673ab7,#fff,0.5);
      box-shadow: none; }
    .question button.separator, .question button .separator {
      border: 1px solid currentColor;
      color: #5d34a5; }
      .question button.separator:disabled, .question button .separator:disabled {
        color: #58319c; }

.error {
  background-color: #f44336;
  background-image: none;
  border: 1px solid #e21b0c;
  color: #fff; }
  .error button {
    background-color: #f44336;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.12);
    color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
    .error button:focus, .error button:hover {
      border-color: rgba(0, 0, 0, 0.12); }
    .error button:active, .error button:active:hover, .error button:active:focus, .error button:active:hover:focus, .error button:checked, .error button:checked:hover, .error button:checked:focus, .error button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.12); }
    .error button:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    .error button:active:disabled, .error button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.12); }
    .error button.flat {
      border-color: rgba(244, 67, 54, 0);
      background-color: rgba(244, 67, 54, 0);
      background-image: none;
      box-shadow: none; }
    .error button:focus, .error button:hover, .error button.flat:focus, .error button.flat:hover {
      background-color: #f7786f;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
      .error button:focus:focus, .error button:focus:hover, .error button:hover:focus, .error button:hover:hover, .error button.flat:focus:focus, .error button.flat:focus:hover, .error button.flat:hover:focus, .error button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.2); }
      .error button:focus:active, .error button:focus:active:hover, .error button:focus:active:focus, .error button:focus:active:hover:focus, .error button:focus:checked, .error button:focus:checked:hover, .error button:focus:checked:focus, .error button:focus:checked:hover:focus, .error button:hover:active, .error button:hover:active:hover, .error button:hover:active:focus, .error button:hover:active:hover:focus, .error button:hover:checked, .error button:hover:checked:hover, .error button:hover:checked:focus, .error button:hover:checked:hover:focus, .error button.flat:focus:active, .error button.flat:focus:active:hover, .error button.flat:focus:active:focus, .error button.flat:focus:active:hover:focus, .error button.flat:focus:checked, .error button.flat:focus:checked:hover, .error button.flat:focus:checked:focus, .error button.flat:focus:checked:hover:focus, .error button.flat:hover:active, .error button.flat:hover:active:hover, .error button.flat:hover:active:focus, .error button.flat:hover:active:hover:focus, .error button.flat:hover:checked, .error button.flat:hover:checked:hover, .error button.flat:hover:checked:focus, .error button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.2); }
      .error button:focus:disabled, .error button:hover:disabled, .error button.flat:focus:disabled, .error button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
      .error button:focus:active:disabled, .error button:focus:checked:disabled, .error button:hover:active:disabled, .error button:hover:checked:disabled, .error button.flat:focus:active:disabled, .error button.flat:focus:checked:disabled, .error button.flat:hover:active:disabled, .error button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.2); }
    .error button:checked, .error button:active, .error button.flat:checked, .error button.flat:active {
      background-color: #c6180b;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .error button:checked:focus, .error button:checked:hover, .error button:active:focus, .error button:active:hover, .error button.flat:checked:focus, .error button.flat:checked:hover, .error button.flat:active:focus, .error button.flat:active:hover {
        background-color: #b8160a;
        background-image: none;
        color: #fff; }
    .error button:focus, .error button:hover, .error button.flat:focus, .error button.flat:hover {
      color: #fff; }
    .error button:active:disabled, .error button:checked:disabled, .error button.flat:active:disabled, .error button.flat:checked:disabled {
      background-color: #f2291a;
      background-image: none;
      color: #fff;
      box-shadow: none; }
    .error button:disabled:disabled, .error button.flat:disabled:disabled {
      background-color: #f33628;
      background-image: none;
      color: mix(#f44336,#fff,0.5);
      box-shadow: none; }
    .error button.separator, .error button .separator {
      border: 1px solid currentColor;
      color: #f2291a; }
      .error button.separator:disabled, .error button .separator:disabled {
        color: #f01d0d; }

/*********
 ! Entry *
**********/
.linked:not(.vertical) > entry {
  border-width: 1px;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0; }
  .linked:not(.vertical) > entry:first-child {
    border-width: 1px;
    border-radius: 2px;
    border-right-width: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
    .linked:not(.vertical) > entry:first-child:dir(rtl) {
      border-left-width: 0;
      border-right-width: 1px; }
  .linked:not(.vertical) > entry:last-child {
    border-width: 1px;
    border-radius: 2px;
    border-left-width: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
    .linked:not(.vertical) > entry:last-child:dir(rtl) {
      border-left-width: 1px;
      border-right-width: 0; }
  .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > entry:first-child:only-child {
    border-width: 1px; }
  .linked:not(.vertical) > entry:only-child {
    border-radius: 2px; }

.linked.vertical > entry {
  border-width: 1px;
  border-radius: 0;
  border-top-width: 0;
  border-bottom-width: 0; }
  .linked.vertical > entry:first-child {
    border-width: 1px;
    border-radius: 2px;
    border-top-width: 1px;
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .linked.vertical > entry:first-child:dir(rtl) {
      border-top-width: 0;
      border-bottom-width: 1px; }
  .linked.vertical > entry:last-child {
    border-width: 1px;
    border-radius: 2px;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .linked.vertical > entry:last-child:dir(rtl) {
      border-top-width: 1px;
      border-bottom-width: 0; }
  .linked.vertical > entry:only-child, .linked.vertical > entry:first-child:only-child {
    border-width: 1px; }
  .linked.vertical > entry:only-child {
    border-radius: 2px; }

spinbutton:not(.vertical), entry, menuitem entry, popover.background entry {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  transition: border 150ms ease;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.06), inset -1px 0 rgba(0, 0, 0, 0.06); }
  spinbutton:focus:not(.vertical), entry:focus, popover.background entry:focus, spinbutton:hover:not(.vertical), entry:hover, popover.background entry:hover, spinbutton:active:not(.vertical), entry:active, popover.background entry:active {
    transition: none; }
  spinbutton:selected:not(.vertical), entry:selected, popover.background entry:selected, spinbutton:selected:focus:not(.vertical), entry:selected:focus {
    background-color: #f0544c;
    color: #fff; }
  spinbutton:disabled:not(.vertical), entry:disabled, popover.background entry:disabled {
    box-shadow: none; }
  spinbutton:not(.vertical) progress, entry progress, popover.background entry progress {
    background-color: #f0544c;
    background-image: none;
    border-width: 0;
    border-radius: 2px;
    color: #fff; }
  spinbutton:not(.vertical) image.left, entry image.left {
    padding-right: 5px; }
  spinbutton:not(.vertical) image.right, entry image.right {
    padding-left: 5px; }

/*********
 ! Menubar
**********/
menubar, .menubar {
  -GtkWidget-window-dragging: true;
  padding: 0;
  border: 0;
  background-color: #444;
  background-image: none;
  color: #eee; }
  menubar > menuitem, .menubar > menuitem {
    min-height: 16px;
    padding: 5px 10px;
    border: 1px solid transparent;
    background-color: transparent;
    background-image: none;
    color: #eee; }
    menubar > menuitem:hover, .menubar > menuitem:hover {
      border-color: mix(#444,#eee,0.21);
      background-color: mix(#444,#eee,0.21);
      background-image: none;
      color: white; }
    menubar > menuitem *:hover, .menubar > menuitem *:hover {
      color: white; }

/******
 ! Menu
*******/
menu, .menu {
  padding: 5px;
  border-radius: 0;
  border: 0;
  background-color: #444;
  color: #eee; }
  .csd menu, .csd .menu {
    border: 0; }
  menu:selected, .menu:selected {
    background-color: #f0544c; }
  menu separator, .menu separator {
    border-style: none;
    background-color: transparent;
    min-height: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #3d3d3d;
    padding: 0; }
  menu menuitem, .menu menuitem {
    min-height: 16px;
    min-width: 40px;
    padding: 5px;
    border-radius: 0; }
    menu menuitem:active, menu menuitem:hover, .menu menuitem:active, .menu menuitem:hover {
      border: 0;
      background-color: #f0544c;
      background-image: none;
      color: #fff; }
    menu menuitem *:active, menu menuitem *:hover, .menu menuitem *:active, .menu menuitem *:hover {
      color: #fff; }
    menu menuitem:disabled, menu menuitem *:disabled, .menu menuitem:disabled, .menu menuitem *:disabled {
      color: mix(#eee,#444,0.5); }
    menu menuitem arrow, .menu menuitem arrow {
      min-height: 16px;
      min-width: 16px; }
      menu menuitem arrow:dir(ltr), .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) {
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
        margin-right: 10px; }
    menu menuitem.button, menu menuitem.button:focus, menu menuitem.button:active, menu menuitem.button:disabled, menu menuitem.button:active:disabled, menu menuitem.button.flat, menu menuitem.button.flat:focus, menu menuitem.button.flat:active, menu menuitem.button.flat:disabled, menu menuitem.button.flat:active:disabled, .menu menuitem.button, .menu menuitem.button:focus, .menu menuitem.button:active, .menu menuitem.button:disabled, .menu menuitem.button:active:disabled, .menu menuitem.button.flat, .menu menuitem.button.flat:focus, .menu menuitem.button.flat:active, .menu menuitem.button.flat:disabled, .menu menuitem.button.flat:active:disabled {
      background-color: transparent;
      background-image: none;
      border: 0;
      box-shadow: none;
      color: currentColor; }
    menu menuitem.button:hover, menu menuitem.button:focus:hover, menu menuitem.button:active:hover, menu menuitem.button:selected, menu menuitem.button.flat:hover, menu menuitem.button.flat:focus:hover, menu menuitem.button.flat:active:hover, menu menuitem.button.flat:selected, .menu menuitem.button:hover, .menu menuitem.button:focus:hover, .menu menuitem.button:active:hover, .menu menuitem.button:selected, .menu menuitem.button.flat:hover, .menu menuitem.button.flat:focus:hover, .menu menuitem.button.flat:active:hover, .menu menuitem.button.flat:selected {
      background-image: none;
      background-color: #f0544c;
      color: #fff; }
    menu menuitem calendar:indeterminate, .menu menuitem calendar:indeterminate {
      color: mix(#eee,#444,0.5); }
    menu menuitem calendar .button, .menu menuitem calendar .button {
      border-style: none;
      background-color: transparent;
      background-image: none; }
  menu > arrow, .menu > arrow {
    min-height: 16px;
    min-width: 16px;
    padding: 5px;
    background-color: #444;
    border-radius: 0; }
    menu > arrow.top, .menu > arrow.top {
      margin-top: -6px;
      border-bottom: 1px solid mix(#555,#fff,0.1);
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
    menu > arrow.bottom, .menu > arrow.bottom {
      margin-bottom: -6px;
      border-top: 1px solid mix(#555,#fff,0.1);
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    menu > arrow:hover, .menu > arrow:hover {
      background-color: mix(#555,#fff,0.1); }
    menu > arrow:backdrop, .menu > arrow:backdrop {
      background-color: white; }
    menu > arrow:disabled, .menu > arrow:disabled {
      color: transparent;
      background-color: transparent;
      border-color: transparent; }

.context-menu {
  font: initial; }

menuitem accelerator {
  color: rgba(238, 238, 238, 0.6); }
  menuitem accelerator:hover {
    color: rgba(255, 255, 255, 0.8); }
  menuitem accelerator:disabled {
    color: alpha(mix(#eee,#444,0.5),0.4); }
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 window decoration {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); }
menuitem entry {
  background-color: #444;
  background-image: none;
  border-color: #363636;
  padding: 5px;
  color: #eee;
  caret-color: #eee; }
  menuitem entry:focus, menuitem entry:hover {
    border-color: #333333; }
  menuitem entry:active, menuitem entry:active:hover, menuitem entry:active:focus, menuitem entry:active:hover:focus, menuitem entry:checked, menuitem entry:checked:hover, menuitem entry:checked:focus, menuitem entry:checked:hover:focus {
    border-color: #303030; }
  menuitem entry:disabled {
    border-color: #3a3a3a; }
  menuitem entry:active:disabled, menuitem entry:checked:disabled {
    border-color: #363636; }
  menuitem entry:focus, menuitem entry:active {
    border-color: #989898; }
  menuitem entry:disabled {
    background-color: #3d3d3d;
    background-image: none;
    color: mix(#444,#eee,0.5); }

/*********
 ! Popover
**********/
popover.background {
  margin: 10px;
  padding: 5px;
  border-radius: 2px;
  background-clip: border-box;
  background-color: #444;
  background-image: none;
  color: #eee;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
  .csd popover.background, popover.background {
    border-color: #363636;
    border-width: 1px;
    border-style: solid; }
    .csd popover.background:focus, .csd popover.background:hover, popover.background:focus, popover.background:hover {
      border-color: #333333; }
    .csd popover.background:active, .csd popover.background:active:hover, .csd popover.background:active:focus, .csd popover.background:active:hover:focus, .csd popover.background:checked, .csd popover.background:checked:hover, .csd popover.background:checked:focus, .csd popover.background:checked:hover:focus, popover.background:active, popover.background:active:hover, popover.background:active:focus, popover.background:active:hover:focus, popover.background:checked, popover.background:checked:hover, popover.background:checked:focus, popover.background:checked:hover:focus {
      border-color: #303030; }
    .csd popover.background:disabled, popover.background:disabled {
      border-color: #3a3a3a; }
    .csd popover.background:active:disabled, .csd popover.background:checked:disabled, popover.background:active:disabled, popover.background:checked:disabled {
      border-color: #363636; }
  popover.background:backdrop {
    box-shadow: none; }
  .osd popover.background {
    box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.5); }
    .osd popover.background > toolbar button {
      border-radius: 0;
      border-width: 0;
      background-color: transparent;
      background-image: none; }
  popover.background treeview.view:hover, popover.background treeview.view:selected, popover.background treeview.view:selected:focus, popover.background treeview.view:backdrop:selected, popover.background treeview.view:backdrop:selected:focus {
    border-top-color: #f0544c; }
  popover.background treeview.view, popover.background treeview.view:backdrop {
    border-top-color: #525252; }
  popover.background view:hover, popover.background .view:hover, popover.background iconview:hover, popover.background list:hover {
    background-image: none;
    background-color: #f0544c;
    color: #fff; }
  popover.background view, popover.background view:backdrop, popover.background .view, popover.background iconview, popover.background .view:backdrop, popover.background iconview:backdrop, popover.background list, popover.background list:backdrop {
    background-color: #585858;
    background-image: none;
    color: #eee;
    border-color: #363636; }
  popover.background list row, popover.background list row .button {
    background-color: transparent;
    background-image: none;
    color: #eee; }
    popover.background list row:focus, popover.background list row:hover, popover.background list row:active, popover.background list row .button:focus, popover.background list row .button:hover, popover.background list row .button:active {
      background-image: none;
      background-color: #f0544c;
      color: #fff; }
  popover.background .frame {
    border-color: #363636;
    border-radius: 2px; }
  popover.background entry {
    background-color: #444;
    background-image: none;
    border-color: #363636;
    padding: 5px;
    color: #eee;
    caret-color: #eee; }
    popover.background entry:focus, popover.background entry:hover {
      border-color: #333333; }
    popover.background entry:active, popover.background entry:active:hover, popover.background entry:active:focus, popover.background entry:active:hover:focus, popover.background entry:checked, popover.background entry:checked:hover, popover.background entry:checked:focus, popover.background entry:checked:hover:focus {
      border-color: #303030; }
    popover.background entry:disabled {
      border-color: #3a3a3a; }
    popover.background entry:active:disabled, popover.background entry:checked:disabled {
      border-color: #363636; }
    popover.background entry:focus, popover.background entry:active {
      border-color: #989898; }
    popover.background entry:disabled {
      background-color: #3d3d3d;
      background-image: none;
      color: mix(#444,#eee,0.5); }
  popover.background button {
    background-color: #525252;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.22);
    color: #eee;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    popover.background button:focus, popover.background button:hover {
      border-color: rgba(0, 0, 0, 0.22); }
    popover.background button:active, popover.background button:active:hover, popover.background button:active:focus, popover.background button:active:hover:focus, popover.background button:checked, popover.background button:checked:hover, popover.background button:checked:focus, popover.background button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.22); }
    popover.background button:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    popover.background button:active:disabled, popover.background button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    popover.background button.flat {
      border-color: rgba(82, 82, 82, 0);
      background-color: rgba(82, 82, 82, 0);
      background-image: none;
      box-shadow: none; }
    popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover {
      background-color: #626262;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
      popover.background button:focus:focus, popover.background button:focus:hover, popover.background button:hover:focus, popover.background button:hover:hover, popover.background button.flat:focus:focus, popover.background button.flat:focus:hover, popover.background button.flat:hover:focus, popover.background button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.3); }
      popover.background button:focus:active, popover.background button:focus:active:hover, popover.background button:focus:active:focus, popover.background button:focus:active:hover:focus, popover.background button:focus:checked, popover.background button:focus:checked:hover, popover.background button:focus:checked:focus, popover.background button:focus:checked:hover:focus, popover.background button:hover:active, popover.background button:hover:active:hover, popover.background button:hover:active:focus, popover.background button:hover:active:hover:focus, popover.background button:hover:checked, popover.background button:hover:checked:hover, popover.background button:hover:checked:focus, popover.background button:hover:checked:hover:focus, popover.background button.flat:focus:active, popover.background button.flat:focus:active:hover, popover.background button.flat:focus:active:focus, popover.background button.flat:focus:active:hover:focus, popover.background button.flat:focus:checked, popover.background button.flat:focus:checked:hover, popover.background button.flat:focus:checked:focus, popover.background button.flat:focus:checked:hover:focus, popover.background button.flat:hover:active, popover.background button.flat:hover:active:hover, popover.background button.flat:hover:active:focus, popover.background button.flat:hover:active:hover:focus, popover.background button.flat:hover:checked, popover.background button.flat:hover:checked:hover, popover.background button.flat:hover:checked:focus, popover.background button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.3); }
      popover.background button:focus:disabled, popover.background button:hover:disabled, popover.background button.flat:focus:disabled, popover.background button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
      popover.background button:focus:active:disabled, popover.background button:focus:checked:disabled, popover.background button:hover:active:disabled, popover.background button:hover:checked:disabled, popover.background button.flat:focus:active:disabled, popover.background button.flat:focus:checked:disabled, popover.background button.flat:hover:active:disabled, popover.background button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
    popover.background button:checked, popover.background button:active, popover.background button.flat:checked, popover.background button.flat:active {
      background-color: #393939;
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      popover.background button:checked:focus, popover.background button:checked:hover, popover.background button:active:focus, popover.background button:active:hover, popover.background button.flat:checked:focus, popover.background button.flat:checked:hover, popover.background button.flat:active:focus, popover.background button.flat:active:hover {
        background-color: #353535;
        background-image: none;
        color: #fff; }
    popover.background button:focus, popover.background button:hover, popover.background button.flat:focus, popover.background button.flat:hover {
      color: #eee; }
    popover.background button:active:disabled, popover.background button:checked:disabled, popover.background button.flat:active:disabled, popover.background button.flat:checked:disabled {
      background-color: #494949;
      background-image: none;
      color: #eee;
      box-shadow: none; }
    popover.background button:disabled:disabled, popover.background button.flat:disabled:disabled {
      background-color: rgba(82, 82, 82, 0.3);
      background-image: none;
      color: mix(#444,#eee,0.5);
      box-shadow: none; }
    popover.background button.separator, popover.background button .separator {
      border: 1px solid currentColor;
      color: #3d3d3d; }
      popover.background button.separator:disabled, popover.background button .separator:disabled {
        color: #454545; }
  popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar {
    border-style: none;
    background-color: transparent; }

modelbutton {
  padding: 5px 7px;
  border: none;
  transition: 150ms ease;
  outline-color: transparent; }
  modelbutton:hover, modelbutton:backdrop:hover, modelbutton.flat:hover, modelbutton.flat:backdrop:hover {
    background-color: #f0544c;
    color: #fff; }
  modelbutton:checked, modelbutton:backdrop:checked, modelbutton.flat:checked, modelbutton.flat:backdrop:checked {
    color: #555; }
  modelbutton check:last-child,
  modelbutton radio:last-child, modelbutton:backdrop check:last-child,
  modelbutton:backdrop radio:last-child, modelbutton.flat check:last-child,
  modelbutton.flat radio:last-child, modelbutton.flat:backdrop check:last-child,
  modelbutton.flat:backdrop radio:last-child {
    margin-left: 8px; }
  modelbutton check:first-child,
  modelbutton radio:first-child, modelbutton:backdrop check:first-child,
  modelbutton:backdrop radio:first-child, modelbutton.flat check:first-child,
  modelbutton.flat radio:first-child, modelbutton.flat:backdrop check:first-child,
  modelbutton.flat:backdrop radio:first-child {
    margin-right: 8px; }
  modelbutton.flat arrow.left, modelbutton:backdrop.flat arrow.left, modelbutton.flat.flat arrow.left, modelbutton.flat:backdrop.flat arrow.left {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  modelbutton.flat arrow.right, modelbutton:backdrop.flat arrow.right, modelbutton.flat.flat arrow.right, modelbutton.flat:backdrop.flat arrow.right {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  modelbutton.flat, modelbutton.flat:hover {
    transition: none; }

/***************
! Dimmed label *
****************/
.dim-label, label.separator {
  opacity: .5;
  text-shadow: none; }

/***********
 ! Tooltip *
************/
.tooltip.background, .tooltip.background.csd,
tooltip.background,
tooltip.background.csd {
  background-color: #444;
  background-clip: padding-box;
  border: 1px solid #363636;
  border-radius: 2px;
  color: #eee; }
.tooltip *,
tooltip * {
  background-color: transparent;
  color: inherit; }

/***********
 ! Dialogs *
************/
messagedialog, .message-dialog, .prompt {
  -GtkDialog-content-area-border: 0;
  -GtkDialog-action-area-border: 5px;
  -GtkDialog-button-spacing: 0;
  margin: 0;
  padding: 0; }

printdialog paper {
  color: #555;
  border: 1px solid #cacaca;
  background: #fff;
  padding: 0; }
  printdialog paper:backdrop {
    color: mix(#555,#eee,0.5);
    border-color: mix(#eee,#cacaca,0.9); }
printdialog .dialog-action-box {
  margin: 10px; }

/*********************
 ! App notifications *
**********************/
frame.app-notification {
  border-style: solid;
  border-color: rgba(54, 54, 54, 0.8);
  border-width: 0 1px 1px;
  border-radius: 0 0 2px 2px;
  padding: 10px;
  background-color: rgba(68, 68, 68, 0.8);
  background-image: none;
  color: #eee; }
  frame.app-notification button {
    background-color: rgba(82, 82, 82, 0.8);
    background-image: none;
    border-color: rgba(0, 0, 0, 0.22);
    color: #eee;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    frame.app-notification button:focus, frame.app-notification button:hover {
      border-color: rgba(0, 0, 0, 0.22); }
    frame.app-notification button:active, frame.app-notification button:active:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover:focus, frame.app-notification button:checked, frame.app-notification button:checked:hover, frame.app-notification button:checked:focus, frame.app-notification button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.22); }
    frame.app-notification button:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    frame.app-notification button.flat {
      border-color: rgba(82, 82, 82, 0);
      background-color: rgba(82, 82, 82, 0);
      background-image: none;
      box-shadow: none; }
    frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover {
      background-color: rgba(98, 98, 98, 0.8);
      background-image: none;
      border-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
      frame.app-notification button:focus:focus, frame.app-notification button:focus:hover, frame.app-notification button:hover:focus, frame.app-notification button:hover:hover, frame.app-notification button.flat:focus:focus, frame.app-notification button.flat:focus:hover, frame.app-notification button.flat:hover:focus, frame.app-notification button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.3); }
      frame.app-notification button:focus:active, frame.app-notification button:focus:active:hover, frame.app-notification button:focus:active:focus, frame.app-notification button:focus:active:hover:focus, frame.app-notification button:focus:checked, frame.app-notification button:focus:checked:hover, frame.app-notification button:focus:checked:focus, frame.app-notification button:focus:checked:hover:focus, frame.app-notification button:hover:active, frame.app-notification button:hover:active:hover, frame.app-notification button:hover:active:focus, frame.app-notification button:hover:active:hover:focus, frame.app-notification button:hover:checked, frame.app-notification button:hover:checked:hover, frame.app-notification button:hover:checked:focus, frame.app-notification button:hover:checked:hover:focus, frame.app-notification button.flat:focus:active, frame.app-notification button.flat:focus:active:hover, frame.app-notification button.flat:focus:active:focus, frame.app-notification button.flat:focus:active:hover:focus, frame.app-notification button.flat:focus:checked, frame.app-notification button.flat:focus:checked:hover, frame.app-notification button.flat:focus:checked:focus, frame.app-notification button.flat:focus:checked:hover:focus, frame.app-notification button.flat:hover:active, frame.app-notification button.flat:hover:active:hover, frame.app-notification button.flat:hover:active:focus, frame.app-notification button.flat:hover:active:hover:focus, frame.app-notification button.flat:hover:checked, frame.app-notification button.flat:hover:checked:hover, frame.app-notification button.flat:hover:checked:focus, frame.app-notification button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.3); }
      frame.app-notification button:focus:disabled, frame.app-notification button:hover:disabled, frame.app-notification button.flat:focus:disabled, frame.app-notification button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
      frame.app-notification button:focus:active:disabled, frame.app-notification button:focus:checked:disabled, frame.app-notification button:hover:active:disabled, frame.app-notification button:hover:checked:disabled, frame.app-notification button.flat:focus:active:disabled, frame.app-notification button.flat:focus:checked:disabled, frame.app-notification button.flat:hover:active:disabled, frame.app-notification button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
    frame.app-notification button:checked, frame.app-notification button:active, frame.app-notification button.flat:checked, frame.app-notification button.flat:active {
      background-color: rgba(57, 57, 57, 0.8);
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      frame.app-notification button:checked:focus, frame.app-notification button:checked:hover, frame.app-notification button:active:focus, frame.app-notification button:active:hover, frame.app-notification button.flat:checked:focus, frame.app-notification button.flat:checked:hover, frame.app-notification button.flat:active:focus, frame.app-notification button.flat:active:hover {
        background-color: rgba(53, 53, 53, 0.8);
        background-image: none;
        color: #fff; }
    frame.app-notification button:focus, frame.app-notification button:hover, frame.app-notification button.flat:focus, frame.app-notification button.flat:hover {
      color: #eee; }
    frame.app-notification button:active:disabled, frame.app-notification button:checked:disabled, frame.app-notification button.flat:active:disabled, frame.app-notification button.flat:checked:disabled {
      background-color: rgba(73, 73, 73, 0.8);
      background-image: none;
      color: #eee;
      box-shadow: none; }
    frame.app-notification button:disabled:disabled, frame.app-notification button.flat:disabled:disabled {
      background-color: rgba(82, 82, 82, 0.1);
      background-image: none;
      color: mix(rgba(68, 68, 68, 0.8),#eee,0.5);
      box-shadow: none; }
    frame.app-notification button.separator, frame.app-notification button .separator {
      border: 1px solid currentColor;
      color: rgba(61, 61, 61, 0.8); }
      frame.app-notification button.separator:disabled, frame.app-notification button .separator:disabled {
        color: rgba(69, 69, 69, 0.8); }
  frame.app-notification border {
    border: 0; }

/*************
 ! Expanders *
**************/
expander arrow {
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  expander arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  expander arrow:hover {
    color: alpha(currentColor,0.8); }
  expander arrow:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

/*******************
 ! Symbolic images *
********************/
.image {
  color: alpha(currentColor,0.5); }
  .image:hover {
    color: alpha(currentColor,0.9); }
  .image:selected, .image:selected:hover {
    color: #fff; }

/****************
 ! Floating bar *
*****************/
.floating-bar {
  background-color: #eee;
  background-image: none;
  border: 1px solid #bebebe;
  border-radius: 2px;
  color: #555; }
  .floating-bar.top {
    border-top-width: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  .floating-bar.right {
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .floating-bar.bottom {
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .floating-bar.left {
    border-left-width: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .floating-bar .button {
    border: 0;
    background-color: transparent;
    background-image: none; }

/*************************
 ! Touch text selections *
**************************/
GtkBubbleWindow {
  border-radius: 2px;
  background-clip: border-box; }
  GtkBubbleWindow.osd.background {
    background-color: rgba(68, 68, 68, 0.8); }
  GtkBubbleWindow .toolbar {
    background-color: transparent; }

/***************
 ! Font-viewer *
****************/
SushiFontWidget {
  padding: 5px 10px; }

/*************
 ! Gucharmap *
**************/
GucharmapChartable {
  background-color: #fff;
  color: #333; }

/*************
 ! Evolution *
**************/
EPreviewPane .entry {
  background-color: #fff;
  color: #333; }

/*******************
 ! Gnome Bluetooth *
********************/
entry.entry.pin-entry {
  font: regular 50;
  padding-left: 25px;
  padding-right: 25px; }

label.pin-label {
  font: regular 50; }

/************************
 ! Shortcut window keys *
*************************/
.keycap {
  min-width: 20px;
  min-height: 25px;
  margin-top: 2px;
  padding-bottom: 2.5px;
  padding-left: 5px;
  padding-right: 5px;
  color: #555;
  background-color: #fff;
  border: 1px solid;
  border-color: mix(#cacaca,#eee,0.5);
  border-radius: 2px;
  box-shadow: inset 0 -3px mix(#fff,#eee,0.2);
  font-size: smaller; }
  .keycap:backdrop {
    background-color: white;
    color: mix(#555,#eee,0.5);
    transition: 200ms ease-out; }

/*****************
 ! Stackswitcher *
******************/
stackswitcher button.text-button {
  min-width: 90px; }
stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button {
  min-width: 0; }

/*******************
 ! Selected Items  *
********************/
spinbutton:not(.vertical) selection:focus, entry selection:focus, menuitem entry selection:focus, popover.background entry selection:focus, spinbutton:not(.vertical) selection, entry selection, menuitem entry selection, popover.background entry selection, calendar:selected, row:selected, modelbutton:active, modelbutton:active arrow, modelbutton:selected, modelbutton:selected arrow, modelbutton:backdrop:active, modelbutton:backdrop:active arrow, modelbutton:backdrop:selected, modelbutton:backdrop:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, modelbutton.flat:backdrop:active, modelbutton.flat:backdrop:active arrow, modelbutton.flat:backdrop:selected, modelbutton.flat:backdrop:selected arrow, .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, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected {
  background-color: #f0544c; }
  row:selected label, label:selected, spinbutton:not(.vertical) selection:focus, entry selection:focus, menuitem entry selection:focus, popover.background entry selection:focus, spinbutton:not(.vertical) selection, entry selection, menuitem entry selection, popover.background entry selection, calendar:selected, row:selected, modelbutton:active, modelbutton:active arrow, modelbutton:selected, modelbutton:selected arrow, modelbutton:backdrop:active, modelbutton:backdrop:active arrow, modelbutton:backdrop:selected, modelbutton:backdrop:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, modelbutton.flat:backdrop:active, modelbutton.flat:backdrop:active arrow, modelbutton.flat:backdrop:selected, modelbutton.flat:backdrop:selected arrow, .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, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
  textview text selection:focus,
  textview text selection, treeview.view:selected:focus, treeview.view:selected, .cs-category-view:selected:focus, .cs-category-view:selected, .cs-category-view .view:selected:focus, .cs-category-view iconview:selected:focus, .cs-category-view .view:selected, .cs-category-view iconview:selected, .nemo-window .sidebar .nemo-places-sidebar .view:selected:focus, .nemo-window .sidebar .nemo-places-sidebar iconview:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected {
    color: #fff;
    outline-color: rgba(255, 255, 255, 0.3); }
    row:selected label:disabled, label:disabled:selected, label:disabled selection, entry selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, calendar:disabled:selected, row:disabled:selected, modelbutton:disabled:active, modelbutton:active arrow:disabled, modelbutton:disabled:selected, modelbutton:selected arrow:disabled, modelbutton.flat:disabled:backdrop:active, modelbutton.flat:backdrop:active arrow:disabled, modelbutton.flat:disabled:backdrop:selected, modelbutton.flat:backdrop:selected arrow:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
    iconview text:disabled:selected:focus,
    textview text:disabled:selected:focus,
    .view text:disabled:selected,
    iconview text:disabled:selected,
    textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
    textview text selection:disabled, .cs-category-view:disabled:selected, .cs-category-view iconview:disabled:selected:focus, .cs-category-view iconview:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:disabled:selected {
      color: mix(#fff,#f0544c,0.5); }
    row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, entry selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, calendar:backdrop:selected, row:backdrop:selected, modelbutton:backdrop:active, modelbutton:active arrow:backdrop, modelbutton:backdrop:selected, modelbutton:selected arrow:backdrop, modelbutton.flat:backdrop:active arrow:backdrop, modelbutton.flat:backdrop:selected arrow:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
    iconview text:backdrop:selected:focus,
    textview text:backdrop:selected:focus,
    .view text:backdrop:selected,
    iconview text:backdrop:selected,
    textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop,
    textview text selection:backdrop, .cs-category-view:backdrop:selected, .cs-category-view iconview:backdrop:selected:focus, .cs-category-view iconview:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected:focus, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:selected {
      color: mix(#f0544c,#fff,0.66); }
      row:selected label:backdrop:disabled, label:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, calendar:backdrop:disabled:selected, row:backdrop:disabled:selected, modelbutton:backdrop:disabled:active, modelbutton:active arrow:backdrop:disabled, modelbutton:backdrop:disabled:selected, modelbutton:selected arrow:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
      .view text:backdrop:disabled:selected,
      iconview text:backdrop:disabled:selected,
      textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
      textview text selection:backdrop:disabled, .cs-category-view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar .view:backdrop:disabled:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:backdrop:disabled:selected {
        color: mix(mix(#f0544c,#fff,0.66),#f0544c,0.3); }

/*********
 ! Buttons
**********/
/******************
! ComboBoxes *
*******************/
/**********
 ! Notebook
***********/
notebook.frame {
  border-color: #cccccc; }
  notebook.frame.top {
    border-width: 1px 1px 0; }
  notebook.frame.right {
    border-width: 1px 1px 1px 0; }
  notebook.frame.bottom {
    border-width: 0 1px 1px; }
  notebook.frame.left {
    border-width: 1px 0 1px 1px; }
notebook > header {
  padding: 0;
  margin: 0;
  border-width: 1px;
  border-radius: 0;
  border-color: #cacaca;
  background-image: none;
  background-clip: border-box;
  background-color: #e6e6e6;
  color: #333; }
  notebook > header tabs {
    margin: -1px; }
  notebook > header.top {
    border-bottom-style: solid; }
    notebook > header.top tabs {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0; }
  notebook > header.right {
    border-left-style: solid; }
    notebook > header.right tabs {
      margin-right: 0;
      margin-top: 0;
      margin-bottom: 0; }
  notebook > header.bottom {
    border-top-style: solid; }
    notebook > header.bottom tabs {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0; }
  notebook > header.left {
    border-right-style: solid; }
    notebook > header.left tabs {
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 0; }
  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: 0;
    margin-right: 0;
    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: 0;
    margin-bottom: 0;
    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; }
    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 tab {
    padding: 6px 0 0;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    background-image: none;
    box-shadow: none;
    outline: none;
    /* close button styling */ }
    notebook > header tab button, notebook > header tab button:hover {
      padding: 1px;
      margin-left: 15px;
      min-height: 18px;
      min-width: 18px;
      opacity: 0;
      transition: opacity .3s ease-in; }
    notebook > header tab > box, notebook > header tab > label {
      padding: 0 15px 6px;
      border-width: 2px;
      border-style: solid;
      border-color: transparent;
      transition: border-color .3s ease-out; }
    notebook > header tab:hover {
      background-color: #ededed;
      border-color: transparent;
      outline: none; }
      notebook > header tab:hover button, notebook > header tab:hover button:hover {
        opacity: 1; }
    notebook > header tab:checked {
      background-color: mix(#eee,#fff,0.4);
      border-bottom-color: transparent;
      outline: none; }
      notebook > header tab:checked label {
        color: #f0544c; }
      notebook > header tab:checked:hover {
        background-color: mix(#eee,#fff,0.6); }
      notebook > header tab:checked:not(:first-child):not(:only-child) {
        box-shadow: -1px 0 1px 0 rgba(0, 0, 0, 0.1); }
      notebook > header tab:checked:not(:last-child):not(:only-child) {
        box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.1); }
    notebook > header tab label {
      color: mix(#333,#fff,0.3); }
  notebook > header.top tab {
    padding: 6px 0 0;
    border-style: solid;
    border-color: #cacaca;
    border-width: 0;
    border-bottom-width: 1px;
    transition: border-bottom-color .3s ease-out; }
    notebook > header.top tab > box, notebook > header.top tab > label {
      padding: 0 15px 6px; }
    notebook > header.top tab:hover {
      outline: none; }
    notebook > header.top tab:checked {
      border-bottom-color: #f0544c;
      outline: none; }
      notebook > header.top tab:checked > box, notebook > header.top tab:checked > label {
        border-bottom-color: #f0544c; }
      notebook > header.top tab:checked label {
        margin-bottom: 0;
        color: #f0544c; }
      notebook > header.top tab:checked:hover {
        background-color: mix(#eee,#fff,0.6); }
  notebook > header.right tab {
    padding: 0 6px 0 0;
    border-style: solid;
    border-color: #cacaca;
    border-width: 0;
    border-left-width: 1px;
    transition: border-left-color .3s ease-out; }
    notebook > header.right tab > box, notebook > header.right tab > label {
      padding: 6px 15px; }
    notebook > header.right tab:hover {
      outline: none; }
    notebook > header.right tab:checked {
      border-left-color: #f0544c;
      outline: none; }
      notebook > header.right tab:checked > box, notebook > header.right tab:checked > label {
        border-left-color: #f0544c; }
      notebook > header.right tab:checked label {
        margin-left: 0;
        color: #f0544c; }
      notebook > header.right tab:checked:hover {
        background-color: mix(#eee,#fff,0.6); }
  notebook > header.bottom tab {
    padding: 0 0 6px;
    border-style: solid;
    border-color: #cacaca;
    border-width: 0;
    border-top-width: 1px;
    transition: border-top-color .3s ease-out; }
    notebook > header.bottom tab > box, notebook > header.bottom tab > label {
      padding: 6px 15px 0; }
    notebook > header.bottom tab:hover {
      outline: none; }
    notebook > header.bottom tab:checked {
      border-top-color: #f0544c;
      outline: none; }
      notebook > header.bottom tab:checked > box, notebook > header.bottom tab:checked > label {
        border-top-color: #f0544c; }
      notebook > header.bottom tab:checked label {
        margin-top: 0;
        color: #f0544c; }
      notebook > header.bottom tab:checked:hover {
        background-color: mix(#eee,#fff,0.6); }
  notebook > header.left tab {
    padding: 0 0 0 6px;
    border-style: solid;
    border-color: #cacaca;
    border-width: 0;
    border-right-width: 1px;
    transition: border-right-color .3s ease-out; }
    notebook > header.left tab > box, notebook > header.left tab > label {
      padding: 6px 15px; }
    notebook > header.left tab:hover {
      outline: none; }
    notebook > header.left tab:checked {
      border-right-color: #f0544c;
      outline: none; }
      notebook > header.left tab:checked > box, notebook > header.left tab:checked > label {
        border-right-color: #f0544c; }
      notebook > header.left tab:checked label {
        margin-right: 0;
        color: #f0544c; }
      notebook > header.left tab:checked:hover {
        background-color: mix(#eee,#fff,0.6); }
notebook > stack:not(:only-child) {
  background-color: #fff; }
  notebook > stack:not(:only-child):backdrop {
    background-color: white; }

/*********
 ! Buttons
**********/
/******************
! ComboBoxes *
*******************/
/*******
 ! OSD *
********/
overlay.osd {
  background-color: transparent; }

.osd {
  /* used by gnome-settings-daemon's media-keys OSD */
  /* used by Documents */ }
  .osd.background {
    background-color: rgba(68, 68, 68, 0.6);
    color: #eee; }
  .osd .frame {
    background-clip: border-box;
    background-origin: border-box; }
  .osd button {
    background-color: rgba(82, 82, 82, 0.8);
    background-image: none;
    border-color: rgba(0, 0, 0, 0.22);
    color: #eee;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.22); }
    .osd button:focus, .osd button:hover {
      border-color: rgba(0, 0, 0, 0.22); }
    .osd button:active, .osd button:active:hover, .osd button:active:focus, .osd button:active:hover:focus, .osd button:checked, .osd button:checked:hover, .osd button:checked:focus, .osd button:checked:hover:focus {
      border-color: rgba(0, 0, 0, 0.22); }
    .osd button:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .osd button:active:disabled, .osd button:checked:disabled {
      border-color: rgba(0, 0, 0, 0.22); }
    .osd button.flat {
      border-color: rgba(82, 82, 82, 0);
      background-color: rgba(82, 82, 82, 0);
      background-image: none;
      box-shadow: none; }
    .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover {
      background-color: rgba(98, 98, 98, 0.8);
      background-image: none;
      border-color: rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.42); }
      .osd button:focus:focus, .osd button:focus:hover, .osd button:hover:focus, .osd button:hover:hover, .osd button.flat:focus:focus, .osd button.flat:focus:hover, .osd button.flat:hover:focus, .osd button.flat:hover:hover {
        border-color: rgba(0, 0, 0, 0.3); }
      .osd button:focus:active, .osd button:focus:active:hover, .osd button:focus:active:focus, .osd button:focus:active:hover:focus, .osd button:focus:checked, .osd button:focus:checked:hover, .osd button:focus:checked:focus, .osd button:focus:checked:hover:focus, .osd button:hover:active, .osd button:hover:active:hover, .osd button:hover:active:focus, .osd button:hover:active:hover:focus, .osd button:hover:checked, .osd button:hover:checked:hover, .osd button:hover:checked:focus, .osd button:hover:checked:hover:focus, .osd button.flat:focus:active, .osd button.flat:focus:active:hover, .osd button.flat:focus:active:focus, .osd button.flat:focus:active:hover:focus, .osd button.flat:focus:checked, .osd button.flat:focus:checked:hover, .osd button.flat:focus:checked:focus, .osd button.flat:focus:checked:hover:focus, .osd button.flat:hover:active, .osd button.flat:hover:active:hover, .osd button.flat:hover:active:focus, .osd button.flat:hover:active:hover:focus, .osd button.flat:hover:checked, .osd button.flat:hover:checked:hover, .osd button.flat:hover:checked:focus, .osd button.flat:hover:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.3); }
      .osd button:focus:disabled, .osd button:hover:disabled, .osd button.flat:focus:disabled, .osd button.flat:hover:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
      .osd button:focus:active:disabled, .osd button:focus:checked:disabled, .osd button:hover:active:disabled, .osd button:hover:checked:disabled, .osd button.flat:focus:active:disabled, .osd button.flat:focus:checked:disabled, .osd button.flat:hover:active:disabled, .osd button.flat:hover:checked:disabled {
        border-color: rgba(0, 0, 0, 0.3); }
    .osd button:checked, .osd button:active, .osd button.flat:checked, .osd button.flat:active {
      background-color: rgba(57, 57, 57, 0.8);
      background-image: none;
      color: #fff;
      box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .osd button:checked:focus, .osd button:checked:hover, .osd button:active:focus, .osd button:active:hover, .osd button.flat:checked:focus, .osd button.flat:checked:hover, .osd button.flat:active:focus, .osd button.flat:active:hover {
        background-color: rgba(53, 53, 53, 0.8);
        background-image: none;
        color: #fff; }
    .osd button:focus, .osd button:hover, .osd button.flat:focus, .osd button.flat:hover {
      color: #eee; }
    .osd button:active:disabled, .osd button:checked:disabled, .osd button.flat:active:disabled, .osd button.flat:checked:disabled {
      background-color: rgba(73, 73, 73, 0.8);
      background-image: none;
      color: #eee;
      box-shadow: none; }
    .osd button:disabled:disabled, .osd button.flat:disabled:disabled {
      background-color: rgba(82, 82, 82, 0.1);
      background-image: none;
      color: mix(rgba(68, 68, 68, 0.8),#eee,0.5);
      box-shadow: none; }
    .osd button.separator, .osd button .separator {
      border: 1px solid currentColor;
      color: rgba(61, 61, 61, 0.8); }
      .osd button.separator:disabled, .osd button .separator:disabled {
        color: rgba(69, 69, 69, 0.8); }
  .osd toolbar {
    -GtkToolbar-button-relief: normal;
    padding: 5px;
    border: 1px solid rgba(54, 54, 54, 0.8);
    border-radius: 2px;
    background-color: rgba(68, 68, 68, 0.8);
    background-image: none;
    color: #eee; }
    .osd toolbar separator {
      color: rgba(61, 61, 61, 0.8); }
  .osd trough {
    background-color: rgba(54, 54, 54, 0.8); }
  .osd progressbar {
    background-color: #eee; }
  .osd scale slider {
    background-color: rgba(73, 73, 73, 0.8);
    background-image: none;
    border-color: rgba(54, 54, 54, 0.8); }
    .osd scale slider:focus, .osd scale slider:hover {
      border-color: rgba(51, 51, 51, 0.8); }
    .osd scale slider:active, .osd scale slider:active:hover, .osd scale slider:active:focus, .osd scale slider:active:hover:focus, .osd scale slider:checked, .osd scale slider:checked:hover, .osd scale slider:checked:focus, .osd scale slider:checked:hover:focus {
      border-color: rgba(48, 48, 48, 0.8); }
    .osd scale slider:disabled {
      border-color: rgba(58, 58, 58, 0.8); }
    .osd scale slider:active:disabled, .osd scale slider:checked:disabled {
      border-color: rgba(54, 54, 54, 0.8); }
    .osd scale slider:disabled {
      background-color: rgba(61, 61, 61, 0.8);
      background-image: none; }
  .osd scale trough {
    border-color: rgba(54, 54, 54, 0.8);
    background-color: rgba(73, 73, 73, 0.8);
    background-image: none; }
    .osd scale trough.highlight {
      border-color: #f0544c;
      background-color: #f0544c;
      background-image: none; }
    .osd scale trough:disabled, .osd scale trough.highlight:disabled {
      border-color: rgba(58, 58, 58, 0.8);
      background-color: rgba(61, 61, 61, 0.8);
      background-image: none; }
  .osd.view, iconview.osd, .osd .view, .osd iconview, .osd view {
    background-color: rgba(68, 68, 68, 0.8); }
  .osd scrollbar trough {
    background-color: rgba(68, 68, 68, 0.8); }
  .osd scrollbar slider {
    border: 1px solid mix(rgba(59, 59, 59, 0.8),#eee,0.21);
    border-radius: 0;
    background-color: mix(rgba(68, 68, 68, 0.8),#eee,0.21); }
    .osd scrollbar slider:hover {
      border-color: mix(rgba(59, 59, 59, 0.8),#eee,0.31);
      background-color: mix(rgba(68, 68, 68, 0.8),#eee,0.31); }
    .osd scrollbar slider:active {
      border-color: #ee382f;
      background-color: #f0544c; }
  .osd iconview.cell:selected, .osd iconview.cell:selected:focus {
    background-color: transparent;
    border: 3px solid mix(rgba(59, 59, 59, 0.8),#eee,0.21);
    border-radius: 2px;
    outline-color: transparent; }
  .osd .page-thumbnail {
    border: 1px solid rgba(61, 61, 61, 0.8);
    /* when there's no pixbuf yet */
    background-color: rgba(68, 68, 68, 0.8); }

scrolledwindow viewport.frame {
  border-style: none; }
scrolledwindow overshoot.top {
  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(240, 84, 76, 0.2)), to(rgba(240, 84, 76, 0)));
  background-size: 100% 5%, 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: transparent;
  border: 0;
  box-shadow: none; }
  scrolledwindow overshoot.top:backdrop {
    background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
scrolledwindow overshoot.bottom {
  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(240, 84, 76, 0.2)), to(rgba(240, 84, 76, 0)));
  background-size: 100% 5%, 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: transparent;
  border: 0;
  box-shadow: none; }
  scrolledwindow overshoot.bottom:backdrop {
    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
scrolledwindow overshoot.left {
  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(240, 84, 76, 0.2)), to(rgba(240, 84, 76, 0)));
  background-size: 5% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  border: 0;
  box-shadow: none; }
  scrolledwindow overshoot.left:backdrop {
    background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
scrolledwindow overshoot.right {
  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(240, 84, 76, 0.2)), to(rgba(240, 84, 76, 0)));
  background-size: 5% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  border: 0;
  box-shadow: none; }
  scrolledwindow overshoot.right:backdrop {
    background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(240, 84, 76, 0.35)), to(rgba(240, 84, 76, 0.25)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
scrolledwindow undershoot.top {
  background-color: transparent;
  /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
                                       $_undershoot_color_light 50%,
                                       $_undershoot_color_dark 50%);*/
  padding-top: 1px;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-origin: content-box;
  background-position: center top;
  border: 0;
  box-shadow: none; }
scrolledwindow undershoot.bottom {
  background-color: transparent;
  /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
                                       $_undershoot_color_light 50%,
                                       $_undershoot_color_dark 50%);*/
  padding-bottom: 1px;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-origin: content-box;
  background-position: center bottom;
  border: 0;
  box-shadow: none; }
scrolledwindow undershoot.left {
  background-color: transparent;
  /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
                                       $_undershoot_color_light 50%,
                                       $_undershoot_color_dark 50%);*/
  padding-left: 1px;
  background-size: 1px 10px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: left center;
  border: 0;
  box-shadow: none; }
scrolledwindow undershoot.right {
  background-color: transparent;
  /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
                                       $_undershoot_color_light 50%,
                                       $_undershoot_color_dark 50%);*/
  padding-right: 1px;
  background-size: 1px 10px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: right center;
  border: 0;
  box-shadow: none; }
scrolledwindow junction {
  border-color: transparent;
  border-image: linear-gradient(to bottom, #cacaca 1px, transparent 1px) 0 0 0 1/0 1px stretch;
  background-color: #e1e1e1; }
  scrolledwindow junction:dir(rtl) {
    border-image-slice: 0 1 0 0; }
  scrolledwindow junction:backdrop {
    border-image-source: linear-gradient(to bottom, mix(#eee,#cacaca,0.9) 1px, transparent 1px);
    background-color: #e6e6e6;
    transition: 200ms ease-out; }

/*****************
 ! Progress bars *
******************/
progressbar {
  padding: 0;
  border-radius: 2px;
  font-size: smaller;
  color: rgba(85, 85, 85, 0.6); }
  progressbar.horizontal trough,
  progressbar.horizontal progress {
    min-height: 6px; }
  progressbar.vertical trough,
  progressbar.vertical progress {
    min-width: 6px; }
  progressbar.osd {
    min-height: 4px; }
  progressbar trough {
    border: 1px solid rgba(190, 190, 190, 0.5);
    background-color: white;
    background-image: none;
    border-radius: 2px; }
  progressbar progress {
    background-color: #f0544c;
    background-image: none;
    border-radius: 0; }
    progressbar progress.left {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
    progressbar progress.right {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
    progressbar progress.bottom {
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; }
    progressbar progress.top {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
  progressbar.osd {
    margin: 2px;
    min-height: 2px;
    min-width: 2px; }
    progressbar.osd trough {
      border-style: none;
      border-radius: 0;
      background-image: none;
      background-color: transparent; }
    progressbar.osd progress {
      border-style: none;
      border-radius: 0;
      background-color: #f0544c;
      background-image: none; }

levelbar block {
  min-width: 34px;
  min-height: 3px; }
levelbar.vertical block {
  min-width: 3px;
  min-height: 34px; }
levelbar:backdrop {
  transition: 200ms ease-out; }
levelbar trough {
  background-color: white;
  background-image: none;
  border: 1px solid rgba(190, 190, 190, 0.5);
  border-radius: 2px; }
levelbar.horizontal.discrete block {
  margin: 0 2px; }
  levelbar.horizontal.discrete block:first-child {
    margin: 0; }
levelbar.vertical.discrete block {
  margin: 2px 0; }
  levelbar.vertical.discrete block:first-child {
    margin: 0; }
levelbar block {
  background-color: #f0544c;
  background-image: none;
  border-color: transparent;
  border-radius: 0; }
  levelbar block.low {
    background-color: #ef6c00;
    border-color: transparent; }
  levelbar block.high, levelbar block:not(.empty) {
    background-color: #f0544c;
    border-color: transparent; }
  levelbar block.full {
    background-color: #4caf50;
    border-color: transparent; }
  levelbar block.empty {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none; }

scale {
  min-height: 10px;
  min-width: 10px; }
  scale.horizontal {
    padding: 6px 0; }
    scale.horizontal trough {
      padding: 0 7px; }
    scale.horizontal highlight, scale.horizontal fill {
      margin: 0 -7px; }
  scale.vertical {
    padding: 0 6px; }
    scale.vertical trough {
      padding: 7px 0; }
    scale.vertical highlight, scale.vertical fill {
      margin: -7px 0; }
  scale slider {
    min-height: 15px;
    min-width: 15px;
    margin: -7px; }
  scale.fine-tune.horizontal {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 15px; }
  scale.fine-tune.vertical {
    padding-left: 4px;
    padding-right: 4px;
    min-width: 15px; }
  scale.fine-tune slider {
    margin: -4px; }
  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: 4.5px;
    border-radius: 2.5px;
    background-color: #bebebe; }
    scale trough:disabled {
      background-color: rgba(190, 190, 190, 0.55); }
    .osd scale trough {
      background-color: rgba(86, 86, 86, 0.8); }
      .osd scale trough highlight {
        background-color: #f0544c; }
    row:selected scale trough, infobar scale trough {
      background-color: rgba(0, 0, 0, 0.2); }
      row:selected scale trough highlight, infobar scale trough highlight {
        background-color: #fff; }
        row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled {
          background-color: mix(#fff,#f0544c,0.55); }
      row:selected scale trough:disabled, infobar scale trough:disabled {
        background-color: rgba(0, 0, 0, 0.1); }
  scale highlight {
    border-radius: 2.5px;
    background-color: #f0544c; }
    scale highlight:disabled {
      background-color: rgba(240, 84, 76, 0.55); }
  scale fill {
    border-radius: 2.5px;
    background-color: rgba(240, 84, 76, 0.5); }
    scale fill:disabled {
      background-color: transparent; }
  scale slider {
    background-color: white;
    border: 1px solid rgba(57, 57, 57, 0.5);
    border-radius: 100%;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: background, border; }
    scale slider:hover {
      background-color: white; }
    scale slider:active {
      background-clip: border-box;
      background-color: #f0544c;
      border-color: #f0544c; }
    scale slider:disabled {
      background-color: mix(#555,#eee,0.55);
      border-color: rgba(57, 57, 57, 0.3); }
    row:selected scale slider, infobar scale slider {
      background-clip: border-box;
      background-color: #fff;
      border-color: #fff; }
      row:selected scale slider:hover, infobar scale slider:hover {
        background-color: mix(#fff,#f0544c,0.85);
        border-color: mix(#fff,#f0544c,0.85); }
      row:selected scale slider:active, infobar scale slider:active {
        background-color: mix(#fff,#f0544c,0.5);
        border-color: mix(#fff,#f0544c,0.5); }
      row:selected scale slider:disabled, infobar scale slider:disabled {
        background-color: mix(#fff,#f0544c,0.55);
        border-color: mix(#fff,#f0544c,0.55); }
    .osd scale slider {
      background-clip: border-box;
      background-color: #f0544c;
      border-color: #f0544c; }
      .osd scale slider:hover {
        background-color: #f4817b;
        border-color: #f4817b; }
      .osd scale slider:active {
        background-color: #ec271d;
        border-color: #ec271d; }
  scale value {
    color: alpha(currentColor,0.4); }
  scale marks {
    color: alpha(currentColor,0.4); }
    scale marks.top {
      margin-bottom: 1px;
      margin-top: -4px; }
    scale marks.bottom {
      margin-top: 1px;
      margin-bottom: -4px; }
    scale marks.top {
      margin-right: 1px;
      margin-left: -4px; }
    scale marks.bottom {
      margin-left: 1px;
      margin-right: -4px; }
  scale.fine-tune marks.top {
    margin-bottom: 0px;
    margin-top: -2px; }
  scale.fine-tune marks.bottom {
    margin-top: 0px;
    margin-bottom: -2px; }
  scale.fine-tune marks.top {
    margin-right: 0px;
    margin-left: -2px; }
  scale.fine-tune marks.bottom {
    margin-left: 0px;
    margin-right: -2px; }
  scale.horizontal indicator {
    min-height: 3px;
    min-width: 1px; }
  scale.horizontal.fine-tune indicator {
    min-height: 2px; }
  scale.vertical indicator {
    min-height: 1px;
    min-width: 3px; }
  scale.vertical.fine-tune indicator {
    min-width: 2px; }
  scale.color trough {
    padding: 0;
    border: 0;
    background-image: none; }
  scale.color highlight, scale.color fill {
    margin: 0; }
  scale.color.horizontal {
    padding: 0 0 6px 0; }
    scale.color.horizontal trough {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider {
      margin-bottom: 0;
      margin-top: 0; }
  scale.color.vertical:dir(ltr) {
    padding: 0 0 0 6px; }
    scale.color.vertical:dir(ltr) trough {
      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: 0;
      margin-right: 0; }
  scale.color.vertical:dir(rtl) {
    padding: 0 6px 0 0; }
    scale.color.vertical:dir(rtl) trough {
      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: 0;
      margin-left: 0; }

/***********
 ! Scrollbar
************/
scrollbar {
  background-color: #e1e1e1;
  transition: 300ms ease-out; }
  * {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false; }
  scrollbar.top {
    border-bottom: 1px solid #cacaca; }
  scrollbar.bottom {
    border-top: 1px solid #cacaca; }
  scrollbar.left {
    border-right: 1px solid #cacaca; }
  scrollbar.right {
    border-left: 1px solid #cacaca; }
  scrollbar:backdrop {
    background-color: #e6e6e6;
    border-color: mix(#eee,#cacaca,0.9);
    transition: 400ms ease-in; }
  scrollbar slider {
    min-width: 7px;
    min-height: 7px;
    border: 1px solid transparent;
    border-radius: 2px;
    background-clip: padding-box;
    background-color: #777777; }
    scrollbar slider:hover {
      background-color: #474747; }
    scrollbar slider:hover:active {
      background-color: #ee3e34; }
    scrollbar slider:backdrop {
      background-color: mix(mix(#555,#eee,0.5),#eee,0.4); }
    scrollbar slider:disabled {
      background-color: transparent; }
  scrollbar.horizontal slider {
    min-width: 40px; }
  scrollbar.vertical slider {
    min-height: 40px; }
  scrollbar.fine-tune slider:active {
    background-color: #f26a64; }
  scrollbar.overlay-indicator {
    opacity: .8; }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
      border-color: transparent;
      opacity: .4;
      background-color: transparent; }
      scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
        min-width: 4px;
        min-height: 4px;
        background-color: #555;
        border: 1px solid #fff; }
      scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
        min-width: 4px;
        min-height: 4px;
        border-color: transparent;
        -gtk-icon-source: none; }
      scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
        min-width: 40px; }
      scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
        min-width: 7px; }
      scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
        min-height: 40px; }
      scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
        min-height: 7px; }
  scrollbar button {
    min-width: 7px;
    min-height: 7px;
    padding: 0;
    border: 0;
    border-radius: 0;
    border-color: #cacaca;
    background-color: transparent;
    box-shadow: none;
    color: #777777; }
    scrollbar button:hover {
      color: #474747; }
    scrollbar button:active, scrollbar button:checked {
      color: #ee3e34; }
    scrollbar button:backdrop {
      color: mix(mix(#555,#eee,0.5),#eee,0.4); }
  scrollbar.vertical button.down {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
    border-top: 1px solid #cacaca; }
  scrollbar.vertical button.up {
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
    border-bottom: 1px solid #cacaca; }
  scrollbar.horizontal button.down {
    -gtk-icon-source: -gtk-icontheme("pan-right-symbolic");
    border-left: 1px solid #cacaca; }
  scrollbar.horizontal button.up {
    -gtk-icon-source: -gtk-icontheme("pan-left-symbolic");
    border-right: 1px solid #cacaca; }

/*********
 ! Sidebar
**********/
.sidebar {
  border-style: none;
  background-color: mix(#eee,#fff,0.5); }
  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: 1px solid #cacaca;
    border-left-style: none; }
  stacksidebar.sidebar:dir(rtl) list
  .sidebar:dir(rtl), stacksidebar.sidebar.right list
  .sidebar:dir(rtl), .sidebar.right {
    border-left: 1px solid #cacaca;
    border-right-style: none; }
  .sidebar:backdrop {
    background-color: mix(#eee,white,0.5);
    border-color: mix(#eee,#cacaca,0.9);
    transition: 200ms ease-out; }
  .sidebar .frame, .sidebar frame {
    border-width: 0; }
  .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 {
    border-style: none; }

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

placessidebar > viewport.frame {
  border-style: none; }
placessidebar row {
  min-height: 36px;
  padding: 0px; }
  placessidebar row > revealer {
    padding: 0 14px; }
  placessidebar row:selected {
    color: #fff; }
  placessidebar row:disabled {
    color: mix(#555,#eee,0.5); }
  placessidebar row:backdrop {
    color: mix(#555,#eee,0.5); }
    placessidebar row:backdrop:selected {
      color: mix(#f0544c,#fff,0.66); }
    placessidebar row:backdrop:disabled {
      color: #c8c8c8; }
  placessidebar row image.sidebar-icon {
    opacity: 0.7; }
    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: 26px;
    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(#4e9a06);
    background-clip: content-box; }
  placessidebar row.sidebar-new-bookmark-row {
    color: #f0544c; }
  placessidebar row:drop(active):not(:disabled) {
    color: #4e9a06;
    box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
    placessidebar row:drop(active):not(:disabled):selected {
      color: #fff;
      background-color: #4e9a06; }

/******
! Paned
*******/
paned > separator {
  min-width: 1px;
  min-height: 1px;
  -gtk-icon-source: none;
  border-style: none;
  background-color: transparent;
  background-image: image(#d6d6d6);
  background-size: 1px 1px;
  background-position: center center; }
  paned > separator:selected {
    background-image: image(#f0544c); }
  paned > separator:backdrop {
    background-image: image(mix(#eee,#cacaca,0.9)); }
  paned > separator.wide {
    min-width: 5px;
    min-height: 5px;
    background-color: #eee;
    background-image: image(#bebebe), image(#bebebe);
    background-size: 1px 1px, 1px 1px; }
    paned > separator.wide:backdrop {
      background-color: #eee;
      background-image: image(mix(#eee,#cacaca,0.9)), image(mix(#eee,#cacaca,0.9)); }
paned.horizontal > separator {
  background-repeat: repeat-y;
  padding: 0 2px;
  margin: 0 -2px; }
  paned.horizontal > separator.wide {
    margin: 0;
    padding: 0;
    background-repeat: repeat-y, repeat-y;
    background-position: left, right; }
paned.vertical > separator {
  background-repeat: repeat-x;
  padding: 2px 0;
  margin: -2px 0; }
  paned.vertical > separator.wide {
    margin: 0;
    padding: 0;
    background-repeat: repeat-x, repeat-x;
    background-position: bottom, top; }

/*******************
 ! Spinner animation
********************/
@keyframes spin {
  to {
    -gtk-icon-transform: rotate(1turn); } }
spinner {
  background-image: none;
  color: #f0544c;
  opacity: 0;
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
  spinner:checked {
    opacity: 1;
    animation: spin 1s linear infinite; }
    spinner:checked:disabled {
      opacity: .5; }

/***********************
 ! Check and Radio items
************************/
radio {
  background-image: none;
  -gtk-icon-source: url("../assets/radio-unchecked.png");
  min-width: 16px;
  min-height: 16px;
  margin-right: 5px; }
  radio:disabled {
    -gtk-icon-source: url("../assets/radio-unchecked-insensitive.png"); }
  radio:checked, radio:active {
    -gtk-icon-source: url("../assets/radio-checked.png"); }
    radio:checked:disabled, radio:active:disabled {
      -gtk-icon-source: url("../assets/radio-checked-insensitive.png"); }
  radio:indeterminate {
    -gtk-icon-source: url("../assets/radio-mixed.png"); }
    radio:indeterminate:disabled {
      -gtk-icon-source: url("../assets/radio-mixed-insensitive.png"); }
  menuitem radio, modelbutton radio {
    -gtk-icon-source: url("../assets/menuitem-radio-checked-insensitive.png"); }
    menuitem radio:disabled, modelbutton radio:disabled {
      -gtk-icon-source: none; }
    menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active {
      -gtk-icon-source: url("../assets/menuitem-radio-checked.png"); }
      menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover {
        -gtk-icon-source: url("../assets/menuitem-radio-checked-hover.png"); }
      menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled {
        -gtk-icon-source: url("../assets/menuitem-radio-checked-insensitive.png"); }
    menuitem radio:indeterminate, modelbutton radio:indeterminate {
      -gtk-icon-source: url("../assets/menuitem-radio-mixed.png"); }
      menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover {
        -gtk-icon-source: url("../assets/menuitem-radio-mixed-hover.png"); }
      menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled {
        -gtk-icon-source: url("../assets/menuitem-radio-mixed-insensitive.png"); }

check {
  background-image: none;
  -gtk-icon-source: url("../assets/checkbox-unchecked.png");
  min-width: 16px;
  min-height: 16px;
  margin-right: 5px; }
  check:disabled {
    -gtk-icon-source: url("../assets/checkbox-unchecked-insensitive.png"); }
  check:checked, check:active {
    -gtk-icon-source: url("../assets/checkbox-checked.png"); }
    check:checked:disabled, check:active:disabled {
      -gtk-icon-source: url("../assets/checkbox-checked-insensitive.png"); }
  check:indeterminate {
    -gtk-icon-source: url("../assets/checkbox-mixed.png"); }
    check:indeterminate:disabled {
      -gtk-icon-source: url("../assets/checkbox-mixed-insensitive.png"); }
  menuitem check, modelbutton check {
    -gtk-icon-source: url("../assets/menuitem-checkbox-checked-insensitive.png"); }
    menuitem check:disabled, modelbutton check:disabled {
      -gtk-icon-source: none; }
    menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active {
      -gtk-icon-source: url("../assets/menuitem-checkbox-checked.png"); }
      menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover {
        -gtk-icon-source: url("../assets/menuitem-checkbox-checked-hover.png"); }
      menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled {
        -gtk-icon-source: url("../assets/menuitem-checkbox-checked-insensitive.png"); }
    menuitem check:indeterminate, modelbutton check:indeterminate {
      -gtk-icon-source: url("../assets/menuitem-checkbox-mixed.png"); }
      menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover {
        -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-hover.png"); }
      menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled {
        -gtk-icon-source: url("../assets/menuitem-checkbox-mixed-insensitive.png"); }

radio:dir(rtl), check:dir(rtl) {
  margin-right: 0;
  margin-left: 5px; }

iconview.content-view.cell.check {
  -gtk-icon-source: url("assets/grid-selection-unchecked.png"); }
  iconview.content-view.cell.check:active {
    -gtk-icon-source: url("assets/grid-selection-checked.png"); }

/********
 ! Switch
*********/
switch {
  border-radius: 2px;
  padding: 4px;
  border: none;
  outline: none;
  transition: background-color 0.3s linear;
  min-width: 88px;
  min-height: 24px;
  background-color: mix(#eee,#fff,0.3);
  color: #8e969e;
  box-shadow: inset 1px -1px 0px rgba(0, 0, 0, 0.06), inset -1px 1px 0px rgba(0, 0, 0, 0.06); }
  switch slider {
    background-color: #fbfbfb;
    transition: all 0.3s ease-in;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.07), 1px 0px 2px 0px rgba(0, 0, 0, 0.07);
    border-radius: 2px; }
  switch:checked {
    background-color: #f0544c;
    background-image: none;
    border-color: #f0544c;
    color: #fff; }
    switch:checked slider {
      background-color: #fff;
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); }
  switch:disabled {
    background-color: #d8d8d8;
    background-image: none;
    border-color: #ccc;
    color: mix(#444,#f0f0f0,0.5);
    box-shadow: none; }
    switch:disabled slider {
      background-color: #e8eaec; }
  list row:selected switch {
    background-color: #e8eaec;
    color: #d8d8d8; }
    list row:selected switch slider {
      background-color: mix(#d8d8d8,#fff,0.4); }
    list row:selected switch:checked {
      color: #f0544c;
      background-color: #fbfbfb; }
      list row:selected switch:checked slider {
        background-color: #f0544c; }

/*********
 ! Buttons
**********/
/******************
! ComboBoxes *
*******************/
/*********
 ! Toolbar
**********/
/***************
 ! Generic views
****************/
.view, iconview,
.view text,
iconview text,
textview text {
  color: #333;
  background-color: #fff; }
  .view:backdrop, iconview:backdrop,
  .view text:backdrop,
  iconview text:backdrop,
  textview text:backdrop {
    color: mix(white,#333,0.8);
    background-color: white; }
  .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 {
    border-radius: 2px; }

textview border {
  background-color: mix(#eee,#fff,0.5); }

/************
! Treeview
*************/
.rubberband,
rubberband,
flowbox rubberband,
treeview.view rubberband {
  border: 1px solid #f0544c;
  background-color: rgba(240, 84, 76, 0.2); }

treeview entry.flat, treeview entry {
  border-radius: 0;
  background-image: none;
  background-color: #fff; }
  treeview entry.flat:focus, treeview entry:focus {
    border-color: #f0544c; }

treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
  padding: 0 6px;
  border-radius: 0;
  background-image: none;
  text-shadow: none;
  border-style: none solid solid none;
  border-color: #eee; }
  treeview.view header button:disabled {
    border-color: #eee;
    background-image: none; }
  treeview.view header button:backdrop {
    border-color: #eee;
    border-style: none solid solid none;
    color: mix(mix(#555,#eee,0.5),#eee,0.5);
    background-image: none;
    background-color: white; }
    treeview.view header button:backdrop:disabled {
      border-color: #eee;
      background-image: none; }

treeview.view {
  -GtkTreeView-grid-line-width: 1;
  -GtkTreeView-grid-line-pattern: '';
  -GtkTreeView-tree-line-width: 1;
  -GtkTreeView-tree-line-pattern: '';
  border-left-color: mix(#555,#fff,0.5);
  border-top-color: #eee; }
  treeview.view:selected:focus, treeview.view:selected {
    border-radius: 0; }
  treeview.view:selected:backdrop, treeview.view:selected {
    border-left-color: mix(#fff,#f0544c,0.5);
    border-top-color: rgba(85, 85, 85, 0.1); }
  treeview.view:disabled {
    color: mix(#555,#eee,0.5); }
    treeview.view:disabled:selected {
      color: mix(#fff,#f0544c,0.4); }
      treeview.view:disabled:selected:backdrop {
        color: mix(mix(#f0544c,#fff,0.66),#f0544c,0.3); }
    treeview.view:disabled:backdrop {
      color: #c8c8c8; }
  treeview.view.separator {
    min-height: 2px;
    color: #eee; }
    treeview.view.separator:backdrop {
      color: rgba(238, 238, 238, 0.1); }
  treeview.view:backdrop {
    border-left-color: mix(mix(#555,#eee,0.5),#eee,0.5);
    border-top: #eee; }
  treeview.view:drop(active) {
    border-style: solid none;
    border-width: 1px;
    border-color: #96130d; }
    treeview.view:drop(active).after {
      border-top-style: none; }
    treeview.view:drop(active).before {
      border-bottom-style: none; }
  treeview.view.expander {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
    color: mix(#fff,#555,0.7); }
    treeview.view.expander:dir(rtl) {
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
    treeview.view.expander:hover {
      color: #555; }
    treeview.view.expander:selected {
      color: mix(#f0544c,#fff,0.7); }
      treeview.view.expander:selected:hover {
        color: #fff; }
      treeview.view.expander:selected:backdrop {
        color: mix(#f0544c,mix(#f0544c,#fff,0.66),0.7); }
    treeview.view.expander:checked {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    treeview.view.expander:backdrop {
      color: mix(white,mix(#555,#eee,0.5),0.7); }
  treeview.view.progressbar {
    color: #fff;
    border-radius: 2px;
    border: 1px solid #96130d;
    background-color: #f0544c;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
    treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
      color: #fff;
      box-shadow: none;
      background-color: #f0544c;
      background-image: none; }
      treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
        color: mix(#f0544c,#fff,0.66);
        border-color: #96130d;
        background-color: mix(white,#f0544c,0.9); }
    treeview.view.progressbar:disabled {
      background-color: #eee;
      background-image: none;
      border-color: #cacaca; }
    treeview.view.progressbar:backdrop {
      color: white;
      background-image: none;
      box-shadow: none; }
  treeview.view.trough {
    background-color: rgba(85, 85, 85, 0.1);
    border-radius: 2px; }
    treeview.view.trough:selected:focus, treeview.view.trough:selected {
      background-color: rgba(255, 255, 255, 0.3);
      border-width: 1px 0;
      border-style: solid;
      border-color: #f0544c; }
  treeview.view header button {
    color: mix(#555,#fff,0.5);
    background-color: #fff;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none; }
    treeview.view header button:hover {
      color: mix(mix(#555,#fff,0.5),#555,0.5);
      box-shadow: none;
      transition: none; }
    treeview.view header button:active {
      color: #555;
      transition: none; }
  treeview.view header button:last-child:backdrop, treeview.view header button:last-child {
    border-right-style: 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;
    transition: none;
    background-image: none;
    background-color: #f0544c;
    color: #fff;
    border-radius: 0;
    border-style: none;
    box-shadow: inset 0 0 0 1px #fff;
    text-shadow: none; }
  treeview.view acceleditor > label {
    background-color: #f0544c; }

/***********
 ! Separator
************/
separator {
  background: rgba(0, 0, 0, 0.1);
  min-width: 1px;
  min-height: 1px; }

/**********
 ! Frames *
***********/
frame > border, .frame {
  border: 1px solid #cacaca; }
  frame > border.flat, .frame.flat {
    border-style: none; }
  frame > border:backdrop, .frame:backdrop {
    border-color: mix(#eee,#cacaca,0.9); }

/* avoid double borders when a viewport is packed into a GtkScrolledWindow */
scrolledwindow viewport.frame {
  border: 0; }

/***************
 ! Places view *
****************/
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; }

/**************
 ! Window frame
***************/
decoration {
  border-radius: 2px 2px 0 0;
  border-width: 0;
  box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.7), 0 0 0 1px transparent;
  /* this is used for the resize cursor area */
  margin: 15px; }
  decoration:backdrop {
    box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent;
    transition: 200ms ease-out; }
  .maximized decoration, .fullscreen decoration, .tiled decoration {
    border-radius: 0; }
  .popup decoration {
    box-shadow: none; }
  .ssd decoration {
    box-shadow: 0 0 0 1px transparent; }
  .solid-csd decoration {
    border-radius: 0;
    margin: 1px;
    background-color: #eee;
    box-shadow: none; }
  .csd.popup decoration {
    border-radius: 0;
    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: 2px;
    box-shadow: none; }
  messagedialog.csd decoration {
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }

/***********************
 ! Fallback mode panel *
************************/
PanelWidget, PanelApplet, PanelToplevel, PanelSeparator, PanelApplet > GtkMenuBar.menubar.menuitem, PanelMenuBar.menubar.menuitem, .gnome-panel-menu-bar.menuitem, PanelAppletFrame, WnckPager, WnckTasklist, .mate-panel-menu-bar, .xfce4-panel, UnityPanelWidget, .unity-panel {
  background-color: #444;
  background-image: none;
  color: #eee; }

PanelApplet .button, .xfce4-panel button {
  border-width: 0 1px;
  border-radius: 0;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #eee; }
  PanelApplet .button:hover, .xfce4-panel button:hover, PanelApplet .button:hover, .xfce4-panel button:hover {
    background-color: mix(#444,#eee,0.11);
    background-image: none;
    border-color: mix(#444,#eee,0.11);
    color: white; }
  PanelApplet .button:active, .xfce4-panel button:active, PanelApplet .button:checked, .xfce4-panel button:checked {
    background-color: mix(#444,#eee,0.21);
    background-image: none;
    border-color: mix(#444,#eee,0.21);
    color: white; }
    PanelApplet .button:active:hover, .xfce4-panel button:active:hover, PanelApplet .button:checked:hover, .xfce4-panel button:checked:hover {
      background-color: mix(#444,#eee,0.31);
      background-image: none;
      border-color: mix(#444,#eee,0.31); }

PanelWidget, PanelApplet, PanelToplevel {
  padding: 0; }

PanelApplet {
  border: 0; }

PanelSeparator {
  border: 0; }

PanelApplet > GtkMenuBar.menubar.menuitem, PanelMenuBar.menubar.menuitem, .gnome-panel-menu-bar.menuitem {
  border: 0;
  -PanelMenuBar-icon-visible: true; }

PanelAppletFrame {
  border: 0; }

/****************
 ! MATE styles *
*****************/
.mate-panel-menu-bar {
  border: 0;
  padding: 0;
  text-shadow: none; }

#PanelApplet label,
.mate-panel-menu-bar menubar > menuitem {
  color: #eee; }

PanelSeparator, MatePanelAppletFrameDBus {
  border-width: 0;
  color: transparent;
  background-image: -gtk-scaled(url("../assets/pane-handle.png"));
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left; }

#PanelApplet button,
#PanelApplet button.flat,
#PanelApplet button.toggle
#PanelApplet button.flat.toggle {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-radius: 0;
  border-width: 1px;
  color: #eee;
  text-shadow: none;
  box-shadow: none;
  padding: 2px; }

#PanelApplet button:hover:active,
#PanelApplet button:checked,
#PanelApplet button:checked:hover,
#PanelApplet button.flat:hover:active,
#PanelApplet button.flat:checked,
#PanelApplet button.flat:checked:hover,
#PanelApplet button.toggle:hover:active,
#PanelApplet button.toggle:checked,
#PanelApplet button.toggle:checked:hover,
#PanelApplet button.flat.toggle:hover:active,
#PanelApplet button.flat.toggle:checked,
#PanelApplet button.flat.toggle:checked:hover {
  background-image: none;
  background-color: darker(#444);
  border-color: transparent;
  border-radius: 0;
  border-width: 1px;
  color: lighter(#eee);
  text-shadow: none;
  padding: 2px; }

#PanelApplet button:hover,
#PanelApplet button.flat:hover,
#PanelApplet button.toggle:hover,
#PanelApplet button.flat.toggle:hover {
  background-image: none;
  background-color: #585858;
  border-color: transparent;
  border-radius: 0;
  border-width: 1px;
  color: #fff;
  text-shadow: none;
  padding: 2px; }

.mate-panel-menu-bar menubar > menuitem {
  padding: 3px 7px; }

/*********************
 ! Cinnamon Settings *
**********************/
.cs-category-view, .cs-category-view:backdrop, .cs-category-view .view, .cs-category-view iconview, .cs-category-view .view:backdrop, .cs-category-view iconview:backdrop {
  background-color: transparent; }

/***********************
 ! Unity Greeter *
 ***********************/
.lightdm.menu {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  padding: 1px;
  color: #fff; }

.lightdm-combo .menu {
  background-color: #494949;
  border-radius: 0;
  padding: 0;
  color: #fff; }

.lightdm.menu .menuitem *,
.lightdm.menu .menuitem.check:active,
.lightdm.menu .menuitem.radio:active {
  color: #fff; }

.lightdm.menubar *,
.lightdm.menubar .menuitem {
  padding: 2px; }

.lightdm-combo.combobox-entry .button,
.lightdm-combo .cell,
.lightdm-combo .button,
.lightdm-combo .entry,
.lightdm.button {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  padding: 5px;
  color: #fff; }

.lightdm.button:hover {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  text-shadow: none; }

.lightdm.button:active,
.lightdm.button:active:focus,
.lightdm.button:focus,
.lightdm.entry {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  padding: 7px;
  color: #fff;
  text-shadow: none; }

.lightdm.entry:hover,
.lightdm.entry:active,
.lightdm.entry:active:focus {
  background-image: none;
  border-image: none; }

.lightdm.entry:focus {
  border-color: rgba(255, 255, 255, 0.6);
  border-width: 1px;
  border-style: solid;
  color: #fff; }

.lightdm.entry:selected {
  background-color: rgba(255, 255, 255, 0.2); }

@keyframes dashentry_spinner {
  to {
    -gtk-icon-transform: rotate(1turn); } }
.lightdm.entry:active {
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  animation: dashentry_spinner 1s infinite linear; }

.lightdm.option-button {
  padding: 5px;
  background: none;
  border: 0; }

.lightdm.toggle-button {
  background: none;
  border-width: 0; }

.lightdm.toggle-button.selected:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 1px; }

.lightdm.toggle-button.selected {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 1px; }

/*********
 ! Gedit *
**********/
GeditWindow .pane-separator {
  border-width: 0 1px 0 0;
  border-style: solid; }
  GeditWindow .pane-separator, GeditWindow .pane-separator:hover {
    border-color: #d6d6d6;
    background-color: #eee; }

.gedit-document-panel {
  background-color: #eee;
  color: mix(#555,#eee,0.1); }
  .gedit-document-panel list row {
    padding: 5px; }
    .gedit-document-panel list row button {
      padding: 1px;
      border-radius: 2px;
      border-style: solid;
      border-color: transparent;
      border-width: 1px;
      background-color: transparent;
      background-image: none;
      color: transparent;
      -gtk-icon-shadow: none; }
  .gedit-document-panel .prelight-row button {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.8); }
    .gedit-document-panel .prelight-row button:active {
      border-color: rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.08);
      color: #fff; }
  .gedit-document-panel list row button:hover, .gedit-document-panel .prelight-row button:hover {
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff; }

.gedit-document-panel-group-row, .gedit-document-panel-group-row:hover {
  border-top: 1px solid #d6d6d6;
  background-color: #eee; }

.gedit-document-panel-document-row:hover {
  background-color: #fafafa; }

.gedit-document-panel-dragged-row {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff; }

.gedit-document-panel-placeholder-row {
  border: 0;
  background-color: rgba(0, 0, 0, 0.08);
  transition: all 200ms ease-in; }

statusbar {
  border-top: 1px solid #bebebe; }

statusbar GeditSmallButton, GeditStatusMenuButton {
  text-shadow: none; }
  statusbar GeditSmallButton button, GeditStatusMenuButton button {
    border-style: solid;
    border-width: 0 1px;
    border-color: transparent;
    border-radius: 0;
    padding: 1px 6px 2px 4px; }
    statusbar GeditSmallButton button:hover, statusbar GeditSmallButton button:active, statusbar GeditSmallButton button:active:hover, GeditStatusMenuButton button:hover, GeditStatusMenuButton button:active, GeditStatusMenuButton button:active:hover {
      border-color: #bebebe; }
    statusbar GeditSmallButton button:active, GeditStatusMenuButton button:active {
      background-color: #e2e2e2;
      color: #555; }

GeditViewFrame .gedit-search-slider {
  padding: 5px;
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #fff; }
  GeditViewFrame .gedit-search-slider .not-found {
    background-color: #f44336;
    background-image: none;
    color: #fff; }

GeditFileBrowserWidget .toolbar {
  padding: 2.5px;
  border-top: 0;
  background-color: #eee;
  background-image: none; }

.gedit-search-entry-occurrences-tag {
  margin: 2.5px;
  padding: 2.5px;
  color: mix(#333,#fff,0.5); }

.gedit-bottom-panel-paned,
.gedit-side-panel-paned,
paned.titlebar {
  margin-right: 0px; }

.gedit-bottom-panel-paned notebook {
  border-top: none; }

/************
 ! Nautilus *
*************/
.nautilus-desktop * {
  color: #fff;
  text-shadow: 1px 1px #000; }
  .nautilus-desktop *:active {
    color: #555; }
  .nautilus-desktop *:selected {
    color: #fff; }
  .nautilus-desktop *:active, .nautilus-desktop *:hover, .nautilus-desktop *:selected {
    text-shadow: none; }

.nautilus-window toolbar {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #bebebe; }
.nautilus-window .sidebar {
  border: none; }
  .nautilus-window .sidebar frame {
    border: 0; }
.nautilus-window paned {
  border-width: 0 1px 0 0;
  border-style: solid; }
  .nautilus-window paned, .nautilus-window paned:hover {
    border-color: #d6d6d6;
    background-color: #eee; }
.nautilus-window notebook {
  background-color: #fff;
  border: none; }
  .nautilus-window notebook frame {
    border: 0; }
.nautilus-window .searchbar-container {
  border-bottom: 2px solid #fff;
  border-left-width: 0px; }
  .nautilus-window .searchbar-container searchbar {
    padding-top: 2px;
    padding-bottom: 3px;
    border: none;
    background-color: #f0544c;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .nautilus-window .searchbar-container searchbar .search {
      border-right-width: 1px; }
      .nautilus-window .searchbar-container searchbar .search + button {
        margin-left: 8px; }

.disk-space-display {
  border-style: solid;
  border-width: 1px; }
  .disk-space-display.unknown {
    background-color: rgba(85, 85, 85, 0.5);
    border-color: rgba(77, 77, 77, 0.5); }
  .disk-space-display.used {
    background-color: rgba(240, 84, 76, 0.8);
    border-color: rgba(238, 56, 47, 0.8); }
  .disk-space-display.free {
    background-color: #e2e2e2;
    border-color: #cbcbcb; }

/********
 ! Nemo *
*********/
.nemo-desktop, .nemo-desktop * {
  color: #fff;
  text-shadow: 1px 1px #000; }
  .nemo-desktop:active, .nemo-desktop *:active {
    color: #555; }
  .nemo-desktop:selected, .nemo-desktop *:selected {
    color: #fff; }
  .nemo-desktop:active, .nemo-desktop:hover, .nemo-desktop:selected, .nemo-desktop *:active, .nemo-desktop *:hover, .nemo-desktop *:selected {
    text-shadow: none; }

.nemo-window {
  /* Status Bar */ }
  .nemo-window toolbar {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #bebebe;
    /* Path Bar */ }
    .nemo-window toolbar button {
      background-color: white;
      background-image: none;
      border-color: rgba(0, 0, 0, 0.12);
      color: #555;
      box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
      .nemo-window toolbar button:focus, .nemo-window toolbar button:hover {
        border-color: rgba(0, 0, 0, 0.12); }
      .nemo-window toolbar button:active, .nemo-window toolbar button:active:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover:focus, .nemo-window toolbar button:checked, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover:focus {
        border-color: rgba(0, 0, 0, 0.12); }
      .nemo-window toolbar button:disabled {
        border-color: rgba(0, 0, 0, 0.12); }
      .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled {
        border-color: rgba(0, 0, 0, 0.12); }
      .nemo-window toolbar button.flat {
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        background-image: none;
        box-shadow: none; }
      .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover {
        background-color: white;
        background-image: none;
        border-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
        .nemo-window toolbar button:focus:focus, .nemo-window toolbar button:focus:hover, .nemo-window toolbar button:hover:focus, .nemo-window toolbar button:hover:hover, .nemo-window toolbar button.flat:focus:focus, .nemo-window toolbar button.flat:focus:hover, .nemo-window toolbar button.flat:hover:focus, .nemo-window toolbar button.flat:hover:hover {
          border-color: rgba(0, 0, 0, 0.2); }
        .nemo-window toolbar button:focus:active, .nemo-window toolbar button:focus:active:hover, .nemo-window toolbar button:focus:active:focus, .nemo-window toolbar button:focus:active:hover:focus, .nemo-window toolbar button:focus:checked, .nemo-window toolbar button:focus:checked:hover, .nemo-window toolbar button:focus:checked:focus, .nemo-window toolbar button:focus:checked:hover:focus, .nemo-window toolbar button:hover:active, .nemo-window toolbar button:hover:active:hover, .nemo-window toolbar button:hover:active:focus, .nemo-window toolbar button:hover:active:hover:focus, .nemo-window toolbar button:hover:checked, .nemo-window toolbar button:hover:checked:hover, .nemo-window toolbar button:hover:checked:focus, .nemo-window toolbar button:hover:checked:hover:focus, .nemo-window toolbar button.flat:focus:active, .nemo-window toolbar button.flat:focus:active:hover, .nemo-window toolbar button.flat:focus:active:focus, .nemo-window toolbar button.flat:focus:active:hover:focus, .nemo-window toolbar button.flat:focus:checked, .nemo-window toolbar button.flat:focus:checked:hover, .nemo-window toolbar button.flat:focus:checked:focus, .nemo-window toolbar button.flat:focus:checked:hover:focus, .nemo-window toolbar button.flat:hover:active, .nemo-window toolbar button.flat:hover:active:hover, .nemo-window toolbar button.flat:hover:active:focus, .nemo-window toolbar button.flat:hover:active:hover:focus, .nemo-window toolbar button.flat:hover:checked, .nemo-window toolbar button.flat:hover:checked:hover, .nemo-window toolbar button.flat:hover:checked:focus, .nemo-window toolbar button.flat:hover:checked:hover:focus {
          border-color: rgba(0, 0, 0, 0.2); }
        .nemo-window toolbar button:focus:disabled, .nemo-window toolbar button:hover:disabled, .nemo-window toolbar button.flat:focus:disabled, .nemo-window toolbar button.flat:hover:disabled {
          border-color: rgba(0, 0, 0, 0.2); }
        .nemo-window toolbar button:focus:active:disabled, .nemo-window toolbar button:focus:checked:disabled, .nemo-window toolbar button:hover:active:disabled, .nemo-window toolbar button:hover:checked:disabled, .nemo-window toolbar button.flat:focus:active:disabled, .nemo-window toolbar button.flat:focus:checked:disabled, .nemo-window toolbar button.flat:hover:active:disabled, .nemo-window toolbar button.flat:hover:checked:disabled {
          border-color: rgba(0, 0, 0, 0.2); }
      .nemo-window toolbar button:checked, .nemo-window toolbar button:active, .nemo-window toolbar button.flat:checked, .nemo-window toolbar button.flat:active {
        background-color: #b3b3b3;
        background-image: none;
        color: #fff;
        box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px rgba(0, 0, 0, 0.05); }
        .nemo-window toolbar button:checked:focus, .nemo-window toolbar button:checked:hover, .nemo-window toolbar button:active:focus, .nemo-window toolbar button:active:hover, .nemo-window toolbar button.flat:checked:focus, .nemo-window toolbar button.flat:checked:hover, .nemo-window toolbar button.flat:active:focus, .nemo-window toolbar button.flat:active:hover {
          background-color: #a6a6a6;
          background-image: none;
          color: #fff; }
      .nemo-window toolbar button:focus, .nemo-window toolbar button:hover, .nemo-window toolbar button.flat:focus, .nemo-window toolbar button.flat:hover {
        color: #555; }
      .nemo-window toolbar button:active:disabled, .nemo-window toolbar button:checked:disabled, .nemo-window toolbar button.flat:active:disabled, .nemo-window toolbar button.flat:checked:disabled {
        background-color: #e6e6e6;
        background-image: none;
        color: #555;
        box-shadow: none; }
      .nemo-window toolbar button:disabled:disabled, .nemo-window toolbar button.flat:disabled:disabled {
        background-color: #f2f2f2;
        background-image: none;
        color: mix(#eee,#555,0.5);
        box-shadow: none; }
      .nemo-window toolbar button.separator, .nemo-window toolbar button .separator {
        border: 1px solid currentColor;
        color: #d6d6d6; }
        .nemo-window toolbar button.separator:disabled, .nemo-window toolbar button .separator:disabled {
          color: #d9d9d9; }
    .nemo-window toolbar .linked > button {
      box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
      .nemo-window toolbar .linked > button:focus, .nemo-window toolbar .linked > button:hover {
        box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
      .nemo-window toolbar .linked > button:active, .nemo-window toolbar .linked > button:active:hover, .nemo-window toolbar .linked > button:active:focus, .nemo-window toolbar .linked > button:active:hover:focus, .nemo-window toolbar .linked > button:checked, .nemo-window toolbar .linked > button:checked:hover, .nemo-window toolbar .linked > button:checked:focus, .nemo-window toolbar .linked > button:checked:hover:focus {
        box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(0, 0, 0, 0.07), inset 0 -1px rgba(0, 0, 0, 0.05); }
      .nemo-window toolbar .linked > button:disabled {
        box-shadow: inset -1px 0 #bebebe; }
      .nemo-window toolbar .linked > button:last-child, .nemo-window toolbar .linked > button:only-child {
        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
      .nemo-window toolbar .linked > button:last-child:hover, .nemo-window toolbar .linked > button:only-child:hover {
        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
      .nemo-window toolbar .linked > button:disabled:last-child, .nemo-window toolbar .linked > button:disabled:only-child, .nemo-window toolbar .linked > button:active:disabled:last-child, .nemo-window toolbar .linked > button:active:disabled:only-child, .nemo-window toolbar .linked > button:checked:disabled:last-child, .nemo-window toolbar .linked > button:checked:disabled:only-child {
        box-shadow: none; }
      .nemo-window toolbar .linked > button:active:last-child, .nemo-window toolbar .linked > button:active:last-child:focus, .nemo-window toolbar .linked > button:active:last-child:hover, .nemo-window toolbar .linked > button:active:last-child:hover:focus, .nemo-window toolbar .linked > button:checked:last-child, .nemo-window toolbar .linked > button:checked:last-child:focus, .nemo-window toolbar .linked > button:checked:last-child:hover, .nemo-window toolbar .linked > button:checked:last-child:hover:focus {
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
      .nemo-window toolbar .linked > button:active:only-child, .nemo-window toolbar .linked > button:active:only-child:focus, .nemo-window toolbar .linked > button:active:only-child:hover, .nemo-window toolbar .linked > button:active:only-child:hover:focus, .nemo-window toolbar .linked > button:checked:only-child, .nemo-window toolbar .linked > button:checked:only-child:focus, .nemo-window toolbar .linked > button:checked:only-child:hover, .nemo-window toolbar .linked > button:checked:only-child:hover:focus {
        box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
    .nemo-window toolbar combobox button {
      padding: 4px; }
      .nemo-window toolbar combobox button.text-button {
        padding: 5px; }
      .nemo-window toolbar combobox button.image-button {
        padding: 6px 4px 6px 5px; }
    .nemo-window toolbar separator, .nemo-window toolbar separator:disabled {
      color: #d6d6d6;
      border-color: currentColor;
      -GtkWidget-window-dragging: true; }
    .nemo-window toolbar.primary-toolbar button {
      padding: 5px 6px; }
    .nemo-window toolbar toolitem stack {
      margin-left: 15px; }
      .nemo-window toolbar toolitem stack widget button {
        box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12);
        -NemoPathbarButton-border-radius: 2px; }
        .nemo-window toolbar toolitem stack widget button:focus, .nemo-window toolbar toolitem stack widget button:hover {
          box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
        .nemo-window toolbar toolitem stack widget button:active, .nemo-window toolbar toolitem stack widget button:active:hover, .nemo-window toolbar toolitem stack widget button:active:focus, .nemo-window toolbar toolitem stack widget button:active:hover:focus, .nemo-window toolbar toolitem stack widget button:checked, .nemo-window toolbar toolitem stack widget button:checked:hover, .nemo-window toolbar toolitem stack widget button:checked:focus, .nemo-window toolbar toolitem stack widget button:checked:hover:focus {
          box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(0, 0, 0, 0.07), inset 0 -1px rgba(0, 0, 0, 0.05); }
        .nemo-window toolbar toolitem stack widget button:disabled {
          box-shadow: inset -1px 0 #bebebe; }
        .nemo-window toolbar toolitem stack widget button:last-child, .nemo-window toolbar toolitem stack widget button:only-child {
          box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12); }
        .nemo-window toolbar toolitem stack widget button:last-child:hover, .nemo-window toolbar toolitem stack widget button:only-child:hover {
          box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.32); }
        .nemo-window toolbar toolitem stack widget button:disabled:last-child, .nemo-window toolbar toolitem stack widget button:disabled:only-child, .nemo-window toolbar toolitem stack widget button:active:disabled:last-child, .nemo-window toolbar toolitem stack widget button:active:disabled:only-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:last-child, .nemo-window toolbar toolitem stack widget button:checked:disabled:only-child {
          box-shadow: none; }
        .nemo-window toolbar toolitem stack widget button:active:last-child, .nemo-window toolbar toolitem stack widget button:active:last-child:focus, .nemo-window toolbar toolitem stack widget button:active:last-child:hover, .nemo-window toolbar toolitem stack widget button:active:last-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child, .nemo-window toolbar toolitem stack widget button:checked:last-child:focus, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover, .nemo-window toolbar toolitem stack widget button:checked:last-child:hover:focus {
          box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
        .nemo-window toolbar toolitem stack widget button:active:only-child, .nemo-window toolbar toolitem stack widget button:active:only-child:focus, .nemo-window toolbar toolitem stack widget button:active:only-child:hover, .nemo-window toolbar toolitem stack widget button:active:only-child:hover:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child, .nemo-window toolbar toolitem stack widget button:checked:only-child:focus, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover, .nemo-window toolbar toolitem stack widget button:checked:only-child:hover:focus {
          box-shadow: inset 1px 0 rgba(0, 0, 0, 0.06), inset 0 1px rgba(0, 0, 0, 0.07), inset -1px 0 rgba(0, 0, 0, 0.06); }
  .nemo-window grid > widget:last-child button {
    min-height: 15px;
    min-width: 22px;
    margin: 5px; }
  .nemo-window grid > widget:last-child button:first-child {
    margin-left: 20px; }
  .nemo-window grid > widget:last-child button:first-child + button {
    margin-right: 15px; }
  .nemo-window grid > widget:last-child button:first-child + button + separator + button {
    margin-left: 15px; }
  .nemo-window grid > widget:last-child > box > scale {
    margin-right: 12px; }
  .nemo-window grid > widget:last-child statusbar {
    border: 0; }
  .nemo-window .sidebar {
    /* Nemo Query Editor (File Search Bar) */ }
    .nemo-window .sidebar .frame {
      border: 0; }
    .nemo-window .sidebar image {
      padding-left: 5px;
      padding-right: 5px; }
    .nemo-window .sidebar .nemo-places-sidebar, .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview {
      background-color: mix(#eee,#fff,0.5); }
    .nemo-window .sidebar .nemo-places-sidebar .view, .nemo-window .sidebar .nemo-places-sidebar iconview {
      -NemoPlacesTreeView-disk-full-bg-color: #bebebe;
      -NemoPlacesTreeView-disk-full-fg-color: #f0544c;
      -NemoPlacesTreeView-disk-full-bar-width: 2px;
      -NemoPlacesTreeView-disk-full-bar-radius: 1px;
      -NemoPlacesTreeView-disk-full-bottom-padding: 0px;
      -NemoPlacesTreeView-disk-full-max-length: 75px; }
      .nemo-window .sidebar .nemo-places-sidebar .view:selected, .nemo-window .sidebar .nemo-places-sidebar iconview:selected {
        -NemoPlacesTreeView-disk-full-bg-color: #fff;
        -NemoPlacesTreeView-disk-full-fg-color: #f58c86; }
    .nemo-window .sidebar + separator + box .primary-toolbar {
      padding-top: 2px;
      padding-bottom: 1px;
      border-top: none;
      background-color: #f0544c;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
      .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(2) {
        border-right: none;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
      .nemo-window .sidebar + separator + box .primary-toolbar button:nth-child(3) {
        margin-left: -6px;
        border-left: none;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; }
      .nemo-window .sidebar + separator + box .primary-toolbar button.flat {
        background-color: white;
        background-image: none;
        border-color: rgba(0, 0, 0, 0.12);
        color: #555;
        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12);
        padding: 5px 6px; }
        .nemo-window .sidebar + separator + box .primary-toolbar button.flat:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:hover {
          border-color: rgba(0, 0, 0, 0.12); }
        .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:hover:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:focus, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:hover:focus {
          border-color: rgba(0, 0, 0, 0.12); }
        .nemo-window .sidebar + separator + box .primary-toolbar button.flat:disabled {
          border-color: rgba(0, 0, 0, 0.12); }
        .nemo-window .sidebar + separator + box .primary-toolbar button.flat:active:disabled, .nemo-window .sidebar + separator + box .primary-toolbar button.flat:checked:disabled {
          border-color: rgba(0, 0, 0, 0.12); }
  .nemo-window notebook {
    background-color: #fff;
    border-width: 0; }
    .nemo-window notebook tabs {
      border: 0; }

/***********************
 ! Fallback mode panel *
************************/
/************
 ! Synaptic *
*************/
GtkWindow > GtkVBox > .dock, GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar {
  background-color: #eee;
  background-image: none;
  padding: 5px;
  border: 0;
  color: #555; }

/***********************
 ! Fallback mode panel *
************************/
/***************
 ! Xfce styles *
****************/
XfceHeading {
  margin: 0;
  padding: 0;
  border: 0;
  background-image: none;
  background-color: #fff;
  color: #333; }

.xfce4-panel {
  font: normal; }
  .xfce4-panel menu, .xfce4-panel .menu {
    -gtk-icon-effect: none; }

/***********************
 ! Fallback mode panel *
************************/
/****************
 ! Unity styles *
*****************/
UnityDecoration {
  -UnityDecoration-extents: 28px 1px 1px 1px;
  -UnityDecoration-input-extents: 10px;
  -UnityDecoration-shadow-offset-x: 1px;
  -UnityDecoration-shadow-offset-y: 1px;
  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7);
  -UnityDecoration-active-shadow-radius: 8px;
  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5);
  -UnityDecoration-inactive-shadow-radius: 5px;
  -UnityDecoration-glow-size: 10px;
  -UnityDecoration-glow-color: #f0544c;
  -UnityDecoration-title-indent: 10px;
  -UnityDecoration-title-fade: 35px;
  -UnityDecoration-title-alignment: 0; }
  UnityDecoration.top {
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
    padding: 1px 10px 0;
    background-color: #444;
    color: mix(#eee,#444,0.1);
    text-shadow: none; }
    UnityDecoration.top:backdrop {
      border: 1px solid transparent;
      color: mix(#eee,#444,0.4); }
  UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom {
    background-color: transparent; }
    UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
      background-color: transparent; }

UnityPanelWidget, .unity-panel {
  border: 0; }

.unity-panel.menuitem, .unity-panel .menuitem {
  border-width: 0 1px;
  color: #eee; }
  .unity-panel.menuitem:hover, .unity-panel.menuitem *:hover, .unity-panel .menuitem:hover, .unity-panel .menuitem *:hover {
    border-color: mix(#444,#eee,0.21);
    background-color: mix(#444,#eee,0.21);
    background-image: none;
    color: white; }

SheetStyleDialog.unity-force-quit {
  background-color: #eee; }

/***********************
 ! LightDM GTK Greeter *
 ***********************/
#panel_window {
  background-color: transparent;
  background-image: none;
  color: #fff;
  font: bold;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); }
  #panel_window menubar {
    padding-left: 5px; }
    #panel_window menubar, #panel_window menubar > menuitem {
      background-color: transparent;
      background-image: none;
      color: #fff;
      font: bold;
      text-shadow: 0 1px rgba(0, 0, 0, 0.5);
      -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.5); }
      #panel_window menubar *:hover, #panel_window menubar > menuitem *:hover {
        color: #fff; }
      #panel_window menubar:hover, #panel_window menubar > menuitem:hover {
        border-style: none;
        background-color: rgba(255, 255, 255, 0.2);
        background-image: none;
        color: #fff; }
      #panel_window menubar:disabled, #panel_window menubar > menuitem:disabled {
        color: rgba(255, 255, 255, 0.7); }
      #panel_window menubar menu, #panel_window menubar > menuitem menu {
        border-radius: 1px; }
        #panel_window menubar menu menuitem, #panel_window menubar > menuitem menu menuitem {
          font: normal;
          text-shadow: none; }

#content_frame {
  padding-bottom: 14px; }

#login_window, #shutdown_dialog, #restart_dialog {
  border-style: none;
  border-radius: 2px;
  background-color: #444;
  color: #eee;
  /* draw border using box-shadow */
  box-shadow: inset 1px 0 mix(#303030,#eee,0.21), inset -1px 0 mix(#303030,#eee,0.21), inset 0 1px mix(#303030,#eee,0.21), inset 0 -1px mix(#303030,#eee,0.21); }
  #login_window button, #shutdown_dialog button, #restart_dialog button {
    padding: 3px 15px;
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    border-color: #363636;
    background-color: #494949;
    background-image: none;
    color: #eee;
    transition: all 150ms ease-out; }
    #login_window button.default, #login_window button:focus, #login_window button:active:focus, #shutdown_dialog button.default, #shutdown_dialog button:focus, #shutdown_dialog button:active:focus, #restart_dialog button.default, #restart_dialog button:focus, #restart_dialog button:active:focus {
      border-color: #e91e14;
      background-color: #f26a63;
      background-image: none;
      color: #fff; }
      #login_window button.default:hover, #login_window button:focus:hover, #login_window button:active:focus:hover, #shutdown_dialog button.default:hover, #shutdown_dialog button:focus:hover, #shutdown_dialog button:active:focus:hover, #restart_dialog button.default:hover, #restart_dialog button:focus:hover, #restart_dialog button:active:focus:hover {
        border-color: #cc1a11;
        background-color: #f0544c; }

#login_window menu {
  border-radius: 1px; }
#login_window combobox button, #login_window combobox button:hover, #login_window combobox button:active, #login_window combobox button:active:hover, #login_window combobox button:focus, #login_window combobox button:hover:focus, #login_window combobox button:active:focus, #login_window combobox button:active:hover:focus {
  padding: 0;
  background: none;
  border-style: none;
  box-shadow: none; }
#login_window entry {
  padding: 3px 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #363636;
  border-radius: 2px;
  background-color: #3d3d3d;
  background-image: none;
  color: #eee;
  box-shadow: none;
  transition: all 150ms ease-out; }
  #login_window entry:focus, #login_window entry:hover {
    border-color: #303030;
    box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.05); }

#user_combobox {
  color: #eee;
  font: 18px; }
  #user_combobox menu {
    font: normal; }
  #user_combobox arrow {
    color: mix(#eee,#444,0.5); }

#user_image {
  padding: 3px;
  border-radius: 2px;
  /* draw border using box-shadow */
  box-shadow: inset 1px 0 #303030, inset -1px 0 #303030, inset 0 1px #303030, inset 0 -1px #303030; }

#user_image_border {
  border-radius: 2px;
  background-color: #3d3d3d;
  background-image: none;
  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.07), inset 0 1px rgba(0, 0, 0, 0.08), inset -1px 0 rgba(0, 0, 0, 0.07), inset 0 -1px rgba(0, 0, 0, 0.05); }

#buttonbox_frame {
  padding-top: 10px;
  padding-bottom: 0;
  border-style: none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }

/* shutdown button */
#shutdown_button {
  border-color: #e21b0c;
  background-color: #f5584d;
  background-image: none;
  color: #fff; }
  #shutdown_button:hover, #shutdown_button:active, #shutdown_button:active:hover {
    border-color: #c6180b;
    background-color: #f44336; }

/* restart button */
#restart_button {
  border-color: #bf5600;
  background-color: #ff7503;
  background-image: none;
  color: #fff; }
  #restart_button:hover, #restart_button:active, #restart_button:active:hover {
    border-color: #a74c00;
    background-color: #ef6c00; }

/* password warning */
#greeter_infobar {
  font: bold; }
