* {
    outline-width: 0px;
    text-shadow: none;
}

treeview {
    padding: 2px 2px 2px 2px;
}

treeview:selected:hover {
        background-color: shade(@theme_selected_bg_color, 0.9);
        color: @theme_selected_fg_color;
}

treeview:hover {
    background-color: alpha(@theme_fg_color, 0.05);
    color: @theme_fg_color;
}

treeview.separator {
    color: alpha(@theme_fg_color, 0.1);
}

treeview .image:selected{
    color: @theme_selected_fg_color;
}

Gtk.ListBoxRow .loved-button {
	border-color: transparent;
	background-color: transparent;
	color: transparent;
}

Gtk.ListBoxRow .loved-button:hover {
	border-color: alpha(@theme_fg_color, 0.1);
}

Gtk.ListBoxRow .menu-button {
	border-color: transparent;
	background-color: transparent;
	color: transparent;
}

Gtk.ListBoxRow .menu-button:hover {
	border-color: alpha(@theme_fg_color, 0.1);
}

popover.background separator {
    margin: 0px;
}

.box-shadow {
    box-shadow: 1px 1px 5px 5px alpha(black, 0.4);
}

.background-opacity {
    background-color: @theme_bg_color;
    opacity: 0.9;
}

.loading {
    background-color: shade(@theme_bg_color, 1.2);
    border: 1px solid @theme_bg_color;
}

.selected {
    color: @theme_selected_bg_color;
}

.osd-popover {
    opacity: 0.95;
}

.lyrics {
    font-weight: bold;
    background-color: alpha(@theme_bg_color, 0.8);
    min-width: 200px;
}

.lyrics-x-large {
    font-size: x-large;
}

.lyrics-large {
    font-size: large;
}

.lyrics-medium {
    font-size: medium;
}

.lollypop-title {
    font-weight: bold;
    font-size: smaller;
    padding: 0px 12px;
}

.lollypop-subtitle {
    font-size: smaller;
    padding: 0px 12px;
}

.white {
    background-color: white;
    border-radius: 4px;
}

.mini-scale {
    padding: 1px;
}

.black {
    padding-top: 2px;
    background-color: alpha(black, 0.7);
}

.header-borders {
    border: 1px solid shade(@theme_bg_color, 0.7);
    border-radius: 4px;
    border-top: none;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: @theme_bg_color;
    box-shadow: 1px 1px 8px 1px alpha(black, 0.3);
}

.header {
    border: 1px solid alpha(@theme_bg_color, 0); /*WANTED, ARTIFACTS*/
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.header:hover {
    border: 1px solid shade(@theme_bg_color, 0.7);
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: shade(@theme_bg_color, 0.95);
}

.header-dim {
    color: alpha(@theme_fg_color, 0.7); 
}

.up-btn {
    border: 1px solid shade(@theme_bg_color, 0.7);
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    min-height: 0px;
	min-width: 48px;
}

.cover-frame {
    border: 1px solid shade(@theme_bg_color, 0.7);
    background-color: shade(@theme_bg_color, 1.5);
    padding: 3px;
    border-radius: 2px;
}

.toolbar-cover-frame {
    border: none;
}

.small-cover-frame {
    border-radius: 1px;
    border: 1px solid shade(@theme_bg_color, 0.7);
}

.cover-frame-selected {
    border-color: @theme_selected_bg_color;
    background-color: @theme_selected_bg_color;
    color: @theme_selected_fg_color;
}

.album-row-selected {
    background-color: alpha(@theme_selected_bg_color, 0.1);
}

.artwork-icon {
    border: 2px solid #bebebe;
    background-color: white;
    color: #bebebe;
    border-radius: 20px;
}

.rounded-icon {
    transition: 70ms linear;
    border: 3px solid white;
    background-color: black;
    color: white;
    padding: 12px;
    opacity: 0.7;
    border-radius: 30px;
}

.rounded-icon-small {
    transition: 70ms linear;
    border: 2px solid white;
    background-color: black;
    color: white;
    opacity: 0.7;
    padding: 5px;
    border-radius: 16px;
}

.squared-icon {
    transition:70ms linear;
    border: 2px solid white;
    background-color: black;
    color: white;
    opacity: 0.7;
    padding: 5px;
    border-radius: 5px;
}

.no-padding {
    padding: 0px;
}

.no-border {
    border: none;
    background-image: none;
}

.queued {
    border-radius: 5px;
    color: @theme_selected_fg_color;
    background-color: @theme_selected_bg_color;
}

.drag-down {
    background-image: -gtk-gradient (linear,
                                     left top,
                                     left bottom,
                                     from (@theme_bg_color),
                                     color-stop (0.9, @theme_bg_color),
                                     to (@theme_selected_bg_color));
}

.drag-up {
    background-image: -gtk-gradient (linear,
                                     left top,
                                     left bottom,
                                     from (@theme_selected_bg_color),
                                     color-stop (0.1, @theme_bg_color),
                                     to (@theme_bg_color));
}

.trackswidget {
	background-color: transparent;
}

.albumrow {
    padding: 4px;
	background-color: transparent;
  	color: inherit;
}

.albumrow:hover {
    border-radius: 5px;
	background-color: alpha(@theme_fg_color, 0.05);
  	color: inherit;
}

.albumrow .album-menu-button {
	border-color: transparent;
	background-color: transparent;
	color: transparent;
}

.albumrow:hover .album-menu-button {
  	color: inherit;
}

.albumrow:hover .album-menu-button:hover {
	border-color: alpha(@theme_fg_color, 0.1);
}

.trackrow {
    padding: 0px;
	background-color: transparent;
  	color: inherit;
}

.trackrow:hover {
    border-radius: 5px;
	background-color: alpha(@theme_fg_color, 0.05);
  	color: inherit;
}

.trackrow:selected {
    border-radius: 5px;
	background-color: alpha(@theme_fg_color, 0.07);
  	color: inherit;
}

.trackrowplaying {
    border-radius: 5px;
    padding: 0px;
	background-color: alpha(@theme_fg_color, 0.07);
  	color: inherit;
}

.trackrowplaying .loved-button {
	background-color: transparent;
	border-color: transparent;
	color: transparent;
}

.trackrowplaying:hover .loved-button {
	border-color: transparent;
	color: inherit;
}

.trackrowplaying:hover .loved-button:hover {
	border-color: alpha(#000000, 0.1);
}

.trackrowplaying .menu-button {
	background-color: transparent;
    border-color: transparent;
  	color: transparent;
}

.trackrowplaying:hover .menu-button {
	border-color: transparent;
  	color: inherit;
}

.trackrowplaying:hover .menu-button:hover {
	border-color: alpha(#000000, 0.1);
}

.trackrow .loved-button {
	border-color: transparent;
	background-color: transparent;
	color: transparent;
}

.trackrow .menu-button {
	border-color: transparent;
	background-color: transparent;
	color: transparent;
}

.trackrow:hover .loved-button {
	color: inherit;
}

.trackrow:hover .menu-button {
  	color: inherit;
}

.trackrow:hover .loved-button:hover {
	border-color: alpha(@theme_fg_color, 0.1);
}

.trackrow:hover .menu-button:hover {
	border-color: alpha(@theme_fg_color, 0.1);
}

.album-menu-selected .album-menu-button{
	border-color: alpha(@theme_fg_color, 0.1);
  	color: inherit;
}

.track-menu-selected {
	background-color: alpha(@theme_fg_color, 0.03);
  	color: inherit;
}

.track-menu-selected .track-loved-button {
	border-color: alpha(@theme_fg_color, 0.1);
	color: inherit;
}

.track-menu-selected .track-menu-button {
	border-color: alpha(@theme_fg_color, 0.1);
  	color: inherit;
}

.menu-button {
    opacity: 0.2;
	box-shadow: none;
	min-height: 24px;
	min-width: 24px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: none;
	border-style: solid;
	border-image-source: none;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: transparent;
    color: inherit;
}

.menu-button:hover {
    color: inherit;
    border-color: alpha(@theme_fg_color, 0.1);
  	opacity: 0.5;
}

.dim-button {
    opacity: 0.2;
    box-shadow: none;
	min-height: 24px;
	min-width: 24px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: none;
	border-style: solid;
	border-image-source: none;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: transparent;
    color: inherit;
}

.dim-button:hover {
    opacity: 0.5
}

.album-menu-button {
    opacity: 0.2;
	box-shadow: none;
	min-height: 24px;
	min-width: 24px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: none;
	border-style: solid;
	border-image-source: none;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: transparent;
    color: inherit;
}

.album-menu-button:hover {
    border-color: alpha(@theme_fg_color, 0.1);
    opacity: 0.5;
  	color: inherit;
}


.loved-button {
	box-shadow: none;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: none;
	color: inherit;
}

.loved-button:hover {
	border-color: alpha(@theme_fg_color, 0.1);
	color: inherit;
}

.popover-rating-loved-grid {
        /* (modelbutton's min-height(26px) - icon-height(16px)) / 2
         * + popover.menu's margin(2px) & padding(4px)
         */
        margin-bottom: 11px;
}
