* {
  font-family: FontAwesome, Overpass;
  letter-spacing: 1px;
}

@define-color window-border-color rgba(--wofi-rgb-color5,1);
@define-color foreground-color rgba(--wofi-rgb-color13,0.5);
@define-color foreground-shadow-color rgba(--wofi-rgb-color0,1);
@define-color active-foreground-color rgba(--wofi-rgb-color13,1);
@define-color window-background-color rgba(--wofi-rgb-color0,0.6);
@define-color button-background-color rgba(--wofi-rgb-color5,0.15);
@define-color button-background-active-color rgba(--wofi-rgb-color5,0.5);
@define-color transparent-color rgba(--wofi-rgb-color0,0);

window {
  border: 2px solid @window-border-color;
  background-color: @transparent-color;
  border-radius:10px;
/*  opacity:0.25;*/
}

#input {
  margin: 15px 15px 0px 15px;
  border: 0px solid @transparent-color;
  background-color: @transparent-color;
  color: @active-foreground-color;
  border-radius:10px;
  outline: none;
}

#inner-box {
  margin: 5px;
  border: 0px solid rgba(--wofi-rgb-color0,0);
  background-color: transparent;
  border-radius:10px;
}

#outer-box {
  margin: 2px;
  border: 0px solid @transparent-color;
  background-color: @window-background-color;
  border-radius:6px;
}

#scroll {
  background-color: @transparent-color;
}

#text {
  margin: 5px;
  color: @foreground-color;
  text-shadow: 0px 0px 2px @foreground-shadow-color,0px 0px 6px @foreground-shadow-color;
}
#text:selected {
  color: @active-foreground-color;
} 

#entry{
  border: 0px solid @transparent-color;
  border-radius: 10px;
  background-color: @button-background-color;
  margin:10px 10px;
  min-height: 40px;
}
#entry:selected {
  background-color: @button-background-active-color;
  outline: none;
}

#img {
  opacity: 0.5;
}
#img:selected {
  opacity: 1;
}
