/* Tabelle */

.vinyl-table{
background:#1a1a1a;
color:#e6e6e6;
border:1px solid #2a2a2a;
border-radius:8px;
overflow:hidden;
}

/* Kopf */

.vinyl-table thead{
background:#202020;
color:#ffffff;
}

/* Zellen */

.vinyl-table th,
.vinyl-table td{
background:#1a1a1a;
color:#e6e6e6;
padding:12px 14px;
border-bottom:1px solid #2a2a2a;
}

/* Hover Effekt */

.vinyl-table tbody tr:hover td{
background:#2a2a2a;
}

/* Artist hervorheben */

.artist{
font-weight:600;
color:#ffffff;
}

/* Titel */

.title{
color:#dddddd;
}

/* DataTables Controls */

.dataTables_wrapper{
color:#e6e6e6;
}

.dataTables_filter input{
background:#1e1e1e;
border:1px solid #444;
color:#ffffff;
border-radius:6px;
padding:6px 10px;
}

.dataTables_length select{
background:#1e1e1e;
border:1px solid #444;
color:#ffffff;
border-radius:6px;
}

/* Pagination */

.dataTables_paginate .paginate_button{
color:#dddddd !important;
}

.dataTables_paginate .paginate_button:hover{
background:#2a2a2a !important;
color:#ffffff !important;
border:none;
}

/* Pagination Container */

.dataTables_wrapper .dataTables_paginate{
margin-top:15px;
}

/* Buttons */

.dataTables_wrapper .dataTables_paginate .paginate_button{
background:#1a1a1a !important;
color:#e6e6e6 !important;
border:1px solid #2a2a2a !important;
border-radius:6px;
padding:6px 12px;
margin:2px;
}

/* Hover */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
background:#2a2a2a !important;
color:#ffffff !important;
border:1px solid #444 !important;
}

/* Aktive Seite */

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
background:#303030 !important;
color:#ffffff !important;
border:1px solid #555 !important;
}

/* Disabled */

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
opacity:0.4;
}

/* DataTables Pagination */

.dataTables_wrapper .pagination .page-link{
background:#1a1a1a;
color:#e6e6e6;
border:1px solid #2a2a2a;
}

.dataTables_wrapper .pagination .page-link:hover{
background:#2a2a2a;
color:#ffffff;
border-color:#444;
}

.dataTables_wrapper .pagination .page-item.active .page-link{
background:#303030;
border-color:#555;
color:#ffffff;
}

.dataTables_wrapper .pagination .page-item.disabled .page-link{
background:#1a1a1a;
color:#777;
border-color:#2a2a2a;
}

/* Sticky Tabellenkopf */

.vinyl-table thead th{
position:sticky;
top:0;
background:#202020;
z-index:2;
}

/* -------------------------- */
/* DETAILSEITE */
/* -------------------------- */

.card{
background:#1a1a1a;
border:1px solid #2a2a2a;
color:#e6e6e6;
}

/* Artist */

.card-title{
color:#ffffff;
font-weight:700;
letter-spacing:0.5px;
}

/* Titel */

.card h4{
color:#dddddd;
font-weight:400;
}

/* Cover */

.vinyl-cover{
max-width:100%;
border-radius:6px;
box-shadow:0 8px 25px rgba(0,0,0,0.6);
transition:transform .2s ease;
}

.vinyl-cover:hover{
transform:scale(1.03);
}

/* Info Tabelle */

.table{
background:#1a1a1a;
color:#e6e6e6;
}

.table th{
color:#aaaaaa;
font-weight:500;
background:#1a1a1a;
border-bottom:1px solid #2a2a2a;
}

.table td{
background:#1a1a1a;
border-bottom:1px solid #2a2a2a;
}

/* Tracklist */

.tracklist-table{
background:#1a1a1a;
border:1px solid #2a2a2a;
border-radius:6px;
overflow:hidden;
}

.tracklist-table thead{
background:#202020;
}

.tracklist-table th{
color:#ffffff;
border-bottom:1px solid #2a2a2a;
}

.tracklist-table td{
background:#1a1a1a;
color:#e6e6e6;
border-bottom:1px solid #2a2a2a;
}

/* Hover */

.tracklist-table tbody tr:hover td{
background:#2a2a2a;
}

/* Tracknummer */

.track-pos{
color:#aaaaaa;
width:70px;
}

/* Trackdauer */

.track-duration{
text-align:right;
color:#bbbbbb;
width:80px;
}

/* Buttons */

.btn-outline-secondary{
border-color:#444;
color:#e6e6e6;
}

.btn-outline-secondary:hover{
background:#2a2a2a;
border-color:#555;
}

.btn-dark{
background:#202020;
border:1px solid #444;
}

.btn-dark:hover{
background:#2a2a2a;
border-color:#555;
}

/* Plattentitel */

.card h4{
color:#f0f0f0;
font-weight:500;
}

/* Tabellenwerte (Label, Folder, Catalog etc.) */

.table td{
color:#f0f0f0;
}

/* Tracknamen */

.tracklist-table td{
color:#f0f0f0;
}

/* Trackdauer etwas dezenter */

.track-duration{
color:#cccccc;
}

/* Tabellenüberschriften leicht heller */

.table th{
color:#bfbfbf;
}

/* Folder / Zusatzinfos */

.folder,
.meta-info{
color:#e6e6e6;
}