/*  Add menu border */
#whiskermenu-window border {
  padding: 1px;
  padding-right: 2px;
  border-top: 1px solid @bg_color;
  border-bottom: 1px solid @borders;
  border-left: 1px solid @bg_color;
  border-right: 1px solid @borders;
  box-shadow: inset 1px 1px @light_shadow, -1px -1px @dark_shadow inset; }


#whiskermenu-button {
	font-weight: bold;
	padding: 4px;
	margin-left: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px; 
	border-radius: 0px;
	border-top: 1px solid @button_bg_color;
	border-left: 1px solid @button_bg_color;
	border-right: 1px solid @borders;
	border-bottom: 1px solid @borders;
	border-radius: 0px;
	background-color: @button_bg_color;
	box-shadow: inset -1px 0 @dark_shadow, inset 0 -1px @dark_shadow, inset 1px 0 @light_shadow, inset 0 1px @light_shadow;
	outline-offset: -4px;
}

#whiskermenu-button label {
margin-left: -2px;
margin-right: 3px;
margin-top: 1px;
}

/* Change active button to checkered button */
#whiskermenu-button:checked,
#whiskermenu-button:active {
  margin-top: 2px;
  border: none;
  box-shadow: none;
  border-top: 1px solid @borders;
  border-left: 1px solid @borders;
  border-bottom: 1px solid @light_shadow;
  border-right: 1px solid @light_shadow;
  box-shadow: 1px 1px @dark_shadow inset, -1px -1px @button_bg_color inset,
  0 -1px @light_shadow, 0 -1px @bg_color;
  background-image: url("assets/scrollbar_trough.png");
  color: @toolbar_fg_color;
  background-color: @button_bg_color; }


#whiskermenu-button box > image {
  margin: 2px; }


#whiskermenu-window scrolledwindow {
  border-radius: 0px;
   box-shadow: none;
   padding: 1px;
   padding-left: 5px;
  background-color: @bg_color;
   border: none;
   border-left: 1px solid @dark_shadow; 
   box-shadow: 1px 0 @light_shadow inset;
   border-radius: 0px; }

/* SIDELOGO */
#whiskermenu-window  {
box-shadow: inset 22px 0 @bg_shade; }

#whiskermenu-window frame {
background-image: url("assets/menu_side.png");
background-clip: content-box;
background-repeat: no-repeat;
background-position: 0% 100%; }

#whiskermenu-window frame > stack {
margin-left: 20px;
margin-right: -6px; }

/* SIDELOGOEND */

#whiskermenu-window treeview {
  background-color: @bg_color; }


#whiskermenu-window entry {
  border: 1px solid @dark_shadow;
  box-shadow: none;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px; }


#whiskermenu-window list {
  margin: 6px; }


#whiskermenu-window treeview:hover {
  background-color: @selected_bg_color;
  color: @selected_fg_color;
}

#whiskermenu-window treeview:selected {
  background-color: @selected_bg_color;
  color: @selected_fg_color; }

#whiskermenu-window button {
  border-radius: 0; }

#whiskermenu-window box > scrolledwindow button:hover,
#whiskermenu-window box > scrolledwindow button:checked  {
  box-shadow: none;
  border: 1px solid transparent;
  background-image: none;
  background-color: @selected_bg_color;
  color: @selected_fg_color; }

/* Style menu window logout buttons */
#whiskermenu-window > frame > stack > box.vertical > box.horizontal button.flat {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  margin: 0;
  padding: 2px; }

/* Style menu separators */
#whiskermenu-window separator {
  min-height: 2px;
  margin-left: 3px;
  background-color: @light_shadow;
  box-shadow: 0 1px @dark_shadow inset; }

/* Add gradient to top of whisker-menu window
   Note: @active_title_color is not a standard GTK3 reference
   and is configured in the gtk.css file */
#whiskermenu-window > frame > stack > grid > box > box:first-child {
  padding: 2px;
 margin-right: -64px;
  margin: 0px;
  margin-top: -6px;
  color: @active_title_text;
  background-image: linear-gradient(to right, @active_title_color1, @active_title_color); }

#whiskermenu-window entry {
  margin: 0; }