/* ===== MEDIA PLAYER ===== */
.media-btn {
    background: #C0C0C0;
    border: 2px solid;
    border-color: #FFF #808080 #808080 #FFF;
    padding: 2px 8px;
    font-size: 11px;
    cursor: default;
    color: #000;
    font-family: Tahoma, sans-serif;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-btn:active { border-color: #808080 #FFF #FFF #808080; }
.media-btn:disabled { color: #808080; border-color: #C0C0C0; text-shadow: 1px 1px #FFF; cursor: default; }
.mp-progress { -webkit-appearance: none; appearance: none; background: #FFF; border: 1px inset #808080; height: 6px; cursor: pointer; }
.mp-progress::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 12px; height: 16px; background: #C0C0C0; border: 2px outset #FFF; cursor: pointer; }
.mp-progress::-moz-range-thumb { width: 12px; height: 16px; background: #C0C0C0; border: 2px outset #FFF; cursor: pointer; }
.mp-vol { -webkit-appearance: none; appearance: none; background: #FFF; border: 1px inset #808080; height: 6px; vertical-align: middle; }
.mp-vol::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 12px; height: 14px; background: #C0C0C0; border: 2px outset #FFF; cursor: pointer; }
.mp-vol::-moz-range-thumb { width: 12px; height: 14px; background: #C0C0C0; border: 2px outset #FFF; cursor: pointer; }
.mp-playlist::-webkit-scrollbar { width: 10px; }
.mp-playlist::-webkit-scrollbar-track { background: #000; }
.mp-playlist::-webkit-scrollbar-thumb { background: #333; border: 1px solid #555; }
.mp-playlist .playlist-item { padding: 2px 8px; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mp-playlist .playlist-item:hover { background: #000080; color: #FFF; }
.mp-playlist .playlist-item.active { background: #008000; color: #FFF; }