jp-type-playlist .jp-playlist a.jp-playlist-current/* vim:set tabstop=8 softtabstop=8 shiftwidth=8 noexpandtab: */

/**
 *
 * LICENSE: GNU Affero General Public License, version 3 (AGPL-3.0-or-later)
 * Copyright 2001 - 2020 Ampache.org
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 */

/* --------------------------
   General style rules
   -------------------------- */

body {
    color: #000;
    background-color: #fff;
    height: 95%;
}

.error {
    color: #a00;
}

a {
    color: #1990db;
}

a:hover {
    text-shadow: 0 0 0.5pt #0169aa;
}

hr {
    border-top-color: #eee;
}

input[type=password],
input[type=text],
input[type=url],
input[type=year],
input[type=number],
textarea {
    background-color: #f5f5f5;
    background-image: linear-gradient(to top, #fff, #eee);
    border-color: #b4b4b4;
    border-radius: 3px;
}

select {
    background-color: #f0f0f0;
    background-image: linear-gradient(to top, #eee, #fff);
    border-color: #b4b4b4;
    border-radius: 3px;
}

input[type=button],
input[type=submit],
.editdialogstyle.ui-dialog .ui-dialog-buttonset button {
    color: #f1f1f1;
    background-color: #1990db;
}

.ui-menu.ui-widget.ui-widget-content {
    border: 1px solid #ccc;
    background-color: rgba(245, 245, 245, 0.9);
/*    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); */
    padding-left: 7px;
}

input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.editdialogstyle.ui-dialog .ui-dialog-buttonset button:hover {
    color: #fff;
    background-color: #1e96e1;
    box-shadow: 0 3px 5px rgba(100, 100, 100, .3);
}

input[type=button]:focus:active,
input[type=submit]:focus:active {
/*    box-shadow: inset 0 0 3px #000, 0 1px 0 rgba(255, 255, 255, 0.1); */
}

.edit_dialog_content_header,
.edit_dialog_content input[type=text],
.edit_dialog_content select {
    color: #000;
    font-size: 1.1em;
}

.playlistdialogstyle.ui-dialog .ui-dialog-content,
.sharedialogstyle.ui-dialog .ui-dialog-content,
.playlistdialogstyle.ui-widget-content a,
.editdialogstyle.ui-dialog.ui-widget-content a,
.broadcastsdialogstyle.ui-widget-content a,
.sharedialogstyle.ui-widget-content a {
		background-color: rgba(255, 255, 255, 0.9);
		font-size: 14px;
    color: #000;
}

.editdialogstyle.ui-dialog.ui-widget-content a,
.editdialogstyle.ui-dialog.ui-widget-content a:hover {
    background-color: unset;
}

.editdialogstyle.ui-dialog .ui-dialog-titlebar,
.editdialogstyle.ui-dialog.ui-widget-content a:hover,
.playlistdialogstyle.ui-widget-content a:hover,
.broadcastsdialogstyle.ui-widget-content a:hover,
.sharedialogstyle.ui-widget-content a:hover {
    color: #1990db;
}

.ui-icon-close {
    background-color: #f0f0f0;
}

/* ------------------------
   Main
   ------------------------ */
#ajax-loading {
    color: #1990db;
    background-image: url('../images/ajax-loader-light.gif');
}

/* ------------------------
   Header
   ------------------------ */
#header {
    background: url('../images/header-light.avif');
    background-position: top left;
    background-repeat: repeat-x";
    border-bottom: 2px solid #d8d8d8;
    box-shadow: 0 18px 88px 188px rgba(230, 230, 230, 0.6);
}

#sb_Subsearch input[type=text] {
    border-color: #ccc;
}

#sb_Subsearch input[type=text]:focus {
    color: #000;
    background: rgba(255, 255, 255, 0,5);
    border-color: #1990db;
    box-shadow: 0 0 10px #9ecaed;
    opacity: 0.6;
}

#headerbox select {
    color: #555;
}

/* ------------------------
   Login
   ------------------------ */
#loginPage, #registerPage {
	background-image: url('../images/ampache-login.avif');
}

#loginPage #maincontainer,
#registerPage #content {
    border: 2px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
}

#loginPage #headerlogo,
#registerPage #headerlogo {
    background-image: url('../images/blank-pixel.gif');
}

#loginPage #loginbox #usernamefield input:focus,
#loginPage #loginbox #emailfield input:focus,
#loginPage #loginbox #passwordfield input:focus {
    border-color: #6aaffa;
    box-shadow: 0 0 10px #9ecaed;
}

.formValidation input {
    color: #f1f1f1;
}

#loginPage span.error {
    background: #f99;
    border-color: #c33;
    color: #900;
}

#loginPage #footer {
    color: #000;
}

#loginPage #footer a {
    color: #000;
}

#loginPage #footer #donate {
    color: #1990db;
}

/* ------------------------
   Sidebar
   ------------------------ */
#sidebar {
    color: #000;
/*    text-shadow: 0 0 1px #41a1ff; */
}

#sidebar-header {
    background-color: #f8f8f8;
    border-color: #d8d8d8;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
    color: #000;
}

#sidebar-header:hover {
    font-weight: bold;
    color: #0169aa;
}

#sidebar-content,
#sidebar-content-light,
#sidebar-light {
    border-color: #d8d8d8;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
    background-color: #fcfcfc;
}

/* Tabs content */
#sidebar-page {
    background-color: #f8f8f8;
    border-color: #d8d8d8;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
}

#sidebar-tabs .sb2 li h4 {
    color: #111;
    background-color: #e3e3e3;
    border-bottom-color: #0f0f0f;
    box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
}

#sidebar-tabs .sb2 li ul li a {
    color: #000;
}

#sidebar-tabs .sb2 li h4:hover,
#sidebar-tabs .sb2 li ul li a:hover {
    color: #0169aa;
}

#sidebar-tabs .sb2 #browse_filters #multi_alpha_filter {
    border-color: #bbb;
}

#sidebar-light div#sb-light {
    border: 1px dotted rgba(28,163,235,0.5);
    background-color: rgb(240,240,240,0.4);
}

/* Localplay */
.active_instance {
    border-color: #666;
}

/* ------------------------
   Rightbar
   ------------------------ */
#rightbar {
    background-color: rgba(250, 250, 250, 0.8);
    border-color: #d8d8d8;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.07);
    color: #000;
}

#rightbar #rb_current_playlist li {
    color: #000;
}

#rightbar #rb_current_playlist li a {
    color: #000;
}

#rightbar #rb_current_playlist li a:hover,
#rightbar #rb_current_playlist li a:focus {
    color: #0169aa;
    text-shadow: 0 0 0.5pt #1990db;
}

#rightbar .submenu {
    background-color: rgba(250, 250, 250, 0.8);
    border-color: silver;
}

#rightbar .submenu a {
    border-bottom-color: #eee;
    color: #111;
}

#rightbar .submenu a:hover {
    color: #0169aa;
    text-shadow: 0 0 0.5pt #1990db;
}

/* ------------------------
   Content
   ------------------------ */
#content {
    background-color: #f8f8f8;
    border-color: #d8d8d8;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
    color: #000;
}

.list-header,
.list-header a {
    color: #000;
}

.list-header a:hover,
.list-header a:focus {
    color: #0169aa;
}

span.page-nb {
    color: #1990db;
}

span.page-text,
table.tabledata:hover {
    color: #666;
}

table.tabledata a {
    color: #000;
}

#catalog_type_fields table.tabledata a {
    color: #1990db;
}

table.tabledata a:hover,
table.tabledata a:focus {
    color: #0169aa;
}

table.tabledata thead .th-top,
table.tabledata tfoot .th-bottom {
    background-color: #e3e3e3;
    box-shadow: 0 1px 0 #2a2a2a, inset 0 1px 1px #000;
}

table.tabledata thead .th-top {
    border-bottom-color: #0f0f0f;
}

table.tabledata tfoot .th-bottom {
    border-top-color: #0f0f0f;
}

table.tabledata th a {
    color: #000;
}

table.tabledata .th-top:hover,
table.tabledata .th-bottom:hover,
table.tabledata .th-top:focus,
table.tabledata .th-bottom:focus {
    background-color: #e3e3e3;
}

table.striped-rows tbody tr:nth-child(odd),
ul.striped-rows > li:nth-child(odd) {
    background-image: linear-gradient(to top, rgba(235,235,235,0.5), rgba(215,215,215,0.5));
}

table.tabledata tbody tr:hover,
table.tabledata tbody tr:focus {
    background-image: linear-gradient(to top, rgba(171,205,226,0.6), rgba(110,182,228,0.6));
}

table.tabledata tbody .cel_cover img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

table.tabledata tbody .cel_cover img:hover {
    border-color: #1990db;
}

input:invalid {
    border: 4px solid red;
}

/* ------------------------
     Content (info-box)
   ------------------------ */
.random_selection .random_album .art_album img,
.random_selection .random_video .art_album img  {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

.random_selection .random_album .art_album img:hover,
.random_selection .random_video .art_album img:hover {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
}

#content .missing {
  /*  background-image: url('../images/missing.png'); */
}

/* ------------------------
    Content (now playing)
   ------------------------ */
#now_playing .cel_albumart img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

#now_playing .cel_lyrics a:hover {
    color: #09c;
}

/* ------------------------
    Content (Tag cloud)
   ------------------------ */
span.fatalerror {
    color: #c60;
}

.box-content #tag_filter .tag_button span {
    color: #000;
    background-color: #eee;
}

.box-content #tag_filter .tag_button span:hover {
    color: #1990db;
    background-color: #e3e3e3;
    box-shadow: 0 3px 5px rgba(100, 100, 100, .3);
}

/* ------------------------------
    Item
   ------------------------------ */
.item_properties {
    color: #999;
}

.item_art .item_art_play .item_art_play_icon {
    background-image: url('../images/videoplay.png');
}

.item_art .item_art_actions {
    background-color: rgba(0, 0, 0, 0.3);
}

.item_art img, video {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

.item_art:hover img,
video:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.65) !important;
}

#information_actions ul li {
    color: #999;
}

#information_actions a:hover,
#information_actions li:hover {
/*    font-weight: bold; */
}

/* ------------------------
    Styles for ratings / user flags
   ------------------------ */
.star-rating .global-rating {
    color: #777;
}

.userflag a.userflag_true,
.userflag a:hover.userflag_false {
		/* '../../../images/icon_flag.png' */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFZUExURQAAAPNZBOCECeh3B+CECeOCCOCECeOCCPNXA+B/CeR/COF/CeCFCeOBCOp1BuF/CfRXA+CECfNZBN+ECeOCCPNaBOZ8B+OBCOR8CPZJA+CFCfFdBN+ECt6ECul2BvJbBPZHA/VGA/BeBPRNA+Z8COxsBuR+CO9lBd+ACeGCCd+ECuB/Ce9oBd6ECul0BvNcA+OCCN+JCeOCCfNXA+R/CPNZBOOCCON9COB/Ce5qBfRYBOl9B+GCCd+ACeV8CPVEA/BeBOh3B/BiBfRLA+xtBvNYBOR/COKBCeh2B/ZDAuKBCfZHA+SBCPFfBN+ACeCBCeOBCe5oBeWACOCBCfZEAvFdBOCACeR+CO9mBeh2B+OACPdBAul1B+OCCP8AAPo4Avo5Av8RAP8SAPhCAv4gAP8DAP8LAP8BAP8FAP8PAPo3Av8OAP8CAP4iAPs9Afk7Av0iAPs1Af8NAA+q1A4AAABedFJOUwDqLZQwZi9o7BpzKTNktTDsK+ksZ+mPZ2n0NuMkCqvn9u7W6na8d9IFQCMB1wex82RgZel5525nAtPtwz4Dd+7Vltbque5vV5n5Vfd63gcXXNCBGvrhCH7Um2P8nWsBJLamAAAA2UlEQVQY02NgYAjmiomMCmPwC2D2cPNnAAKL8NDokAgvBvdAb09fE20GBg29lLikzLgE68K4oqS4XDlbBrWUJMtYH6uMxAzXIDOdzAIuBqUcdV0GBhn5bGktBgZZp3QHBsVEFZBp/HzcIMou0Z5BOY2ZAQEc05wZVFMleeACUgqpLgyayXFCglABFoG4ZBsGBt6EOFFhsAAbR1y8OIjBGh/HyARSwRGXxQ5RLAIWAqlghxnImhBnamiMJMDAYJSQnociwMBgkB+XgCLAwGCuL4EqwMApxgllAQDX0ycdfqRnTAAAAABJRU5ErkJggg==) left top;
}

.userflag a:hover.userflag_true,
.userflag a.userflag_false {
		/* '../../../images/icon_flag_off.png' */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFHUExURQAAABF9txF8thF8t0K37juv6BB7tkK27hJ9uD2y6hJ9uBB7tj+z6xJ+uRB7thB8thB7tRJ9tzCj2xWBuxSAujuv6BJ9uBB7tjyw6T6y6hF9uBF8ti6g2Tuv5xeFvz+z6xF8thB9uBB6tRF9txSAujuw6D2x6hSAuiud1hqIwhJ/ujmt5hF8tz2x6T6z6xB6tRqJwzOl3T6y6jms5TGi2x+NyEW68iWUzRB8tkG17RF9tyuc1j2x6RB7tSiZ0jaq4yuc1BuJxCaW0CCPyRB8tyOSyz2x6RF8tiSVzjyx6RN/uSSVzzis5CeZ0hB7thyKxRyLxT6z6zKj3CKRyxB7tiORyyqa0iiZ1ByKxD2x6R2Lxjer4yyd1xB6tSaW0Dyw6TOl3iWVzk3E+lbN/lXM/UvB+EK470m+9Ei+9ES58Ea880G27kvB+S6Is1MAAABidFJOUwAxBSzy6SbxMe0wJ/A5GywCMdg7MuoyKOrtMivP6GrxLFkDMDTq6zO+amPoNOztCHjL6+PFgP6KHf4zsO8FouGvcpqGM43yIKXvPKfknx9/dvfIjRyKqbdz63ngtAac7suKzL4GpgAAAMhJREFUGNNjYGDwC/AN9mJgYOB1dnLkA9IMtv4+mYHeIQzuHm5p9gZKDAz6GklBoWEZ2lqe6Q6uhknhsQymqZpAhTo8ybouQDoiJ4rB2ASklUFYSARMJ0QzWJqDWQwCECoxm8HGmgEZxMQz2JlZIQnwZsUxWBhJsMEFmPUigS7iYmeFCTFzsnOAaA4WVnGwAD8nuyBEioNFlBtISUuyM8K0i7GocjMocLJLIaxQZpdVVEOoAAEunhR5DhSHMajLqKAKMDDJMUFZAKSJGApuK1H1AAAAAElFTkSuQmCC) left top;
}

/* ------------------------
   Content (Track view)
   ------------------------ */
dl.media_details dt {
  /*  color: #e67300; */
}

/* ------------------------
   Footer
   ------------------------ */
#footer a:hover {
    color: #0169aa;
}

#ampache_link {
    color: #000;
}

/* ------------------------
   Web Player
   ------------------------ */
.jp-area {
    background-color: #d2d2d2;
}

div.jp-audio,
div.jp-audio-stream,
div.jp-video {
    color: #000;
    border: 1px solid #cdcdcd;
}

div.jp-video div.jp-interface {
    border-top: 1px solid #cdcdcd;
}

div.jp-title,
div.jp-playlist {
    background-color: #c8c8c8;
    border-top: 1px solid #cdcdcd;
}

.jp-no-solution {
    background: #121112 url("../../../lib/modules/jquery-jplayer-midnight-black/jplayer.midnight.black.interface.png") repeat-x;
    border-top: 1px solid #cdcdcd;
}

#webplayer {
    background-color: #f8f8f8 !important;
}

div.playing_title a,
div.playing_artist a,
div.playing_lyrics a {
    color: #000;
}

div.playing_title a:hover,
div.playing_artist a:hover,
div.playing_lyrics a:hover {
    color: #1990db;
}

div.jp-interface {
    background-color: #c8c8c8;
}

div.jp-playlist li {
    border-bottom: 1px solid #f0f0f0;
}

.jp-type-playlist .jp-playlist a {
    color: #000;
}

.jp-type-playlist .jp-playlist a:hover,
.jp-type-playlist .jp-playlist a:active,
.jp-type-playlist .jp-playlist a:focus {
    color: #0169aa;
}

/* ------------------------
   Other
   ------------------------ */
.jscroll-next {
    border-color: #ccc;
    background-color: #eee;
    color: #000;
}

td.cel_follow a {
    color: #f1f1f1;
}

td.cel_follow a:hover {
    color: #fff;
}

.followbtn {
    background-color: #167fc2;
}

.missing_album {
  /*  color: #bbb !important; */
}

.user_online {
    background: #0f0;
}

.user_offline {
    background: #7f0000;
}

.user_disabled {
    background: #ccc;
}

.followbtn a,
.list-header-navmenu-border {
    border-color: #fff;
    color: #fff;
}

span.item-count,
span.item-duration,
span.query-count {
    color: #777;
}

a.option-list:hover {
    border-color: #fff;
}

.editdialogstyle.ui-dialog {
    background-image: url('../../../images/background.light.png') !important;
}

#tabs li a {
    color: #1990db;
}

#tabs li a:hover {
    color: #0169aa;
}

#tabs li.tab_active a {
    border-bottom: 2px solid #1990db;
}

/* ------------------------
   Pointer-Events so verteilen, dass
    • Klick-Outside als Click-Away ankommt
    • Hover schon auf :hover reagiert
    • Sub-Menus interaktiv bleiben
   ------------------------ */
html body .context-menu-list {
  pointer-events: none !important;
	background-color: background-color: rgba(250, 250, 250, 0.8) !important;
}

html body .context-menu-list .context-menu-item,
html body .context-menu-list .context-menu-list {
  pointer-events: auto !important;
}

html body .context-menu-list .context-menu-item {
	padding: 3px 10px !important;
  background-color: transparent !important;
  color: #000 !important;
}

html body .context-menu-list .context-menu-item:hover,
html body .context-menu-list .context-menu-item.context-menu-hover {
  background-color: transparent !important;
  color: #1990db !important;
}

.on-air-thumb img {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

a.on-air-thumb:hover img {
	transform: scale(1.02);
	filter: saturate(1.08) brightness(1.08);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
}