@define-color bg rgba(24, 25, 25, 0.80);
@define-color subbg rgba( 40, 40, 40, 1);
@define-color text #EEEEEE;
@define-color hl #86E0B6;
@define-color optext #242424;

* {
	color: @text;
}

button {
	background: @subbg;
	border: 0px none black;
	box-shadow: none;
}

.background {
	background: rgba(0,0,0,0);
}

.container > #bar {
	border: 0px none black;
	border-radius: 20px;
	background: @bg;
	padding: 5px;
}

#bar > #start, #bar > #end {
	margin: 0px 15px;
}

#bar > #center {
	border: 0px none black;
	border-radius: 20px;
	padding: 0px 20px;

	background: @hl;
	font-weight: bold;
}

.widget {
	padding: 0px 13px;
	margin: 0px 3px;
}

#bar #end button {
	border-radius: 10px;
}

.popup {
	background: @subbg;
}

.launcher .item {
	margin: 5px 2px 3px;
	background: none;
}

.launcher .item.open {
	background: @subbg;
}

.launcher .item.focused {
	box-shadow: @hl 0px -4px;
}

.focused .label {
	color: @optext;
}

.tray {
	border: 0px none black;
	border-radius: 20px;
	margin: 0px 5px;
	padding: 0px 10px;
	background: darker(@hl);
}