/* Setup
================================================== */

#modal-content .column { width:inherit; }
#modal-content .container-music-player { position:relative; margin:0 auto; max-width:800px; width:100%; }

#modal-content {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
background-color:#FFFFFF;
color:#000;
font-size:105%;
font-family:"Oxygen", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
letter-spacing:.025rem;
line-height:1.618;
padding:1rem 0;
}

#modal-content * {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}

/* Misc.
================================================== */

#modal-content .add-bottom { margin-bottom:2rem !important; }
#modal-content .leftAction { float:left !important; }
#modal-content .rightTitle { float:right !important; }
#modal-content .center { text-align:center; }


/* Audio Player Styles
================================================== */

#modal-content audio {
color:#000;
height:80px;
padding:20px 20px 20px 13px;
width:100%;
}

#modal-content #tracks {
position:relative;
text-align:center;
}

#modal-content #nowPlay {
display:inline;
}

#modal-content #npAction {
padding:21px;
position:absolute;
}

#modal-content #npTitle {
padding:21px;
}

#modal-content .plList li {
cursor:pointer;
display:block;
margin-left:-20px;
margin-right: 20px;
padding:21px 0;
}

#modal-content .plList li:hover {
background-color:rgba(0,0,0,.1);
}

#modal-content .plItem {
position:relative;
}

#modal-content .plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

#modal-content .plLength {
padding-left:21px;
position:absolute;
right:101px;
top:0;
}

#modal-content .plStatus {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

#modal-content .plSel,
.plSel:hover {
background-color:rgba(0,0,0,.1);
color:#000;
cursor:default !important;
}

/* Plyr Overrides
================================================== */

#modal-content .plyr--audio .plyr__controls {
background-color:transparent;
border:none;
color:#000;
padding:20px 20px 20px 13px;
width:100%;
}

#modal-content .eventParent .plyr--audio .plyr__controls {
display: none;
}

#modal-content .plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
background:rgba(0,0,0,.1);
}

#modal-content .plyr__progress--played, .plyr__volume--display {
color:rgba(0,0,0,.1);
}

#modal-content .plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background:rgba(0,0,0,.1);
}

#modal-content .plyr--audio .plyr__progress--buffer {
color:rgba(0,0,0,.1);
}

#plwrap{
width:100%;
height:450px;
overflow-x: hidden;
overflow-y: scroll;
white-space: nowrap;
}

.item {
    position:relative;
    padding-top:20px;
}

.notify-badge{
    position: absolute;
    right:-15px;
    top:10px;
    background:red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:10px;
}

#top-left-logo {
	padding: 0px 15px !important;
}

.button-status-list {
    padding-bottom: 20px;
}

.button-status-detail {
    padding-bottom: 10px;
}

.button-status-value {
    padding-right: 12px;
}