#queue-page .container { position:relative; }
#queue-page h1 { font-size:22px;font-family:'Open Sans',sans-serif;margin:0 0 10px 180px; }
#queue-page .queue-right-nav { width:250px;display:flex;margin-left:1rem;flex-direction:column; }
#queue-page .queue-right-nav span { display:flex;flex-grow:1; }
#queue-page .queue-right-nav .buttons { padding:0 0 5px;margin:0 0 15px;border:solid #CCC;border-width:0 0 1px;display:block; }
#queue-page .queue-right-nav .button { text-align:center;margin:0 0 10px;display:block;color:#FFF;background:#158496;font-size:12px;padding:8px 15px;cursor:pointer;font-family:'Open Sans',sans-serif;font-weight:600;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
#queue-page .queue-right-nav .list { margin:0 0 15px;font-family:'Open Sans',sans-serif;font-size:13px; }
#queue-page .queue-right-nav .list .header { text-transform:uppercase;padding:5px 0 6px;font-weight:600;font-family:'Open Sans',sans-serif;border:solid #CCC;border-width:0 0 1px; }
#queue-page .queue-right-nav .list .header .see-more { display:inline-block;vertical-align:baseline;color:#158496;font-size:85%;margin:0 0 0 8px;font-weight:normal;text-transform:none; }
#queue-page .queue-right-nav .list ul li, #queue-page .queue-right-nav .list .empty { padding:5px 0 6px;border:solid #CCC;border-width:0 0 1px; }
#queue-page .queue-right-nav .list ul li a { display:block; }
#queue-page .queue-right-nav .list ul li.more a { color:#158496; }
#queue-page .queue-right-nav .list .empty { margin:0;border:none; }
#queue-page .queue-left-nav { position:absolute;left:0;top:0;width:160px; }
#queue-page .queue-tracks { position:relative;font-family:Arial,sans-serif;margin:0 0 1rem;display:flex;flex-direction:column;width:calc(100% - 1rem - 250px); }
#queue-page .queue-tracks:empty:after { content:"There are no songs in your queue.";display:block;text-align:center;font-family:'Open Sans',sans-serif;font-size:20px; }
#queue-page .queue-tracks li { font-size:0;padding:10px 15px 7px;cursor:pointer;position:relative;display:flex;flex-direction:row;z-index:1; }
#queue-page .queue-tracks li:nth-child(2n+1) { background:#F7F7F7; }
#queue-page .queue-tracks li.playing,    #queue-page .queue-tracks li.playing { background:#2E2B3E;color:#FFF; }
#queue-page .queue-tracks li b { font-weight:normal;font-size:13px;display:flex;vertical-align:top;margin:0 0.5rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column; }
#queue-page .queue-tracks li b:last-child { margin:0; }
#queue-page .queue-tracks li span { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#queue-page .queue-tracks li .number { width:22px;text-align:right;text-overflow:initial; }
#queue-page .queue-tracks li.playing .number { font-size:0; }
#queue-page .queue-tracks li.playing .number:before { content:'\e817';font-size:11px;margin:2px 1px;font-family:"icons";font-style:normal;font-weight:normal;speak:none;display:inline-block;vertical-align:middle;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em; }
#queue-page .queue-tracks li .song { width:calc((100% - 92px - 1.05rem) / 2); }
#queue-page .queue-tracks li .group { flex-direction:row;flex-wrap:nowrap;width:calc((100% - 92px - 1.05rem) / 2); }
#queue-page .queue-tracks li .group b { margin:0; }
#queue-page .queue-tracks li .artist { flex-direction:row; }
#queue-page .queue-tracks li .artist:after { content:'/';display:flex;margin:0 0.25rem; }
#queue-page .queue-tracks li .date { width:80px; }
#queue-page .queue-tracks li .time { width:50px; }
#queue-page .queue-tracks li b.icon-cancel { width:20px;color:#777;font-size:11px;margin:-1px 0 1px; }
#queue-page .queue-tracks li b.icon-cancel:before { vertical-align:middle;margin:1px 0 -1px 3px; }
#queue-page .queue-tracks li.playing b.icon-cancel,    #queue-page .queue-tracks li.playing b.icon-cancel { color:#FFF; }

.playlist-dialog { font-size:16px;padding:30px; }
.standard-dialog.playlist-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { margin:-20px -20px 0 0; }
.standard-dialog.playlist-dialog .ui-dialog-titlebar { background:transparent;border:none;padding:0;font-size:0; }
.playlist-dialog .header { font-family:'Open Sans',sans-serif;font-size:26px;font-weight:bold;margin:-20px 0 15px; }
.playlist-dialog .sub-header { font-family:'Open Sans',sans-serif;font-size:13px;border:solid #CCC;border-width:0 0 1px;margin:15px 0 0;padding:0 0 10px; }
.playlist-dialog label { font-family:'Open Sans',sans-serif;font-size:15px;display:block;margin:0 0 5px; }
.playlist-dialog input { font-size:16px;width:401px;height:30px;vertical-align:middle;display:inline-block;border:solid 1px #d7d7d7;background:#f7f7f7;padding:5px 0;height:30px;margin:0 10px 0 0; }
.playlist-dialog .button { border:none;margin:0;display:inline-block;vertical-align:middle;color:#FFF;background:#158496;font-size:13px;padding:5px 0;height:30px;width:88px;cursor:pointer;font-family:'Open Sans',sans-serif;font-weight:normal;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
.playlist-dialog ul { margin:10px 0 0;max-height:185px;overflow:auto; }
.mobile-useragent .playlist-dialog ul { overflow:hidden; }
.playlist-dialog ul li { font-size:13px;font-family:'Open Sans',sans-serif;padding:5px 0;cursor:pointer;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.queue-added-dialog { text-align:center;overflow:hidden;background:#3c3c3c;background:rgba(60,60,60,0.6);color:#FFF;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; }
.queue-added-dialog .ui-dialog-titlebar { display:none; }
.queue-added-dialog .ui-dialog-content { font-size:16px;font-family:'Open Sans',sans-serif;padding:10px;color:#FFF; }

@media screen and (max-width: 63.9375em) { /* Medium and Small only */
   #queue-page .queue-tracks:empty:after { font-size:15px; }
   #queue-page { padding-top:0; }
   #queue-page h1 { margin:0; }
   #queue-page > .title { display:none; }
   #queue-page .right-column { flex-direction:column; }
   #queue-page .queue-right-nav { margin:1rem 0;order:1;width:100%;background:transparent;color:#000;font-size:0; }
   #queue-page .queue-right-nav .buttons { display:flex;border:none;padding:0;margin:0; }
   #queue-page .queue-right-nav .button { display:inline-block;margin:0 10px 0 0;padding:8px 18px 9px;width:auto;font-size:13px; }
   #queue-page .queue-right-nav .button:last-child { margin:0; }
   #queue-page .queue-right-nav .list { display:none; }
   #queue-page .queue-tracks { order:2;width:100%; }
   #queue-page .queue-tracks li { padding:10px;background:transparent;border:solid #DDD;border-width:0 0 1px; }
   #queue-page .queue-tracks li:last-child { border:none; }
   #queue-page .queue-tracks li .number { color:#777; }
   #queue-page .queue-tracks li.playing .number { color:#FFF;margin:6px 15px -6px 0; }
   #queue-page .queue-tracks li.playing .number:before { color:#FFF; }
   #queue-page .queue-tracks li > b { justify-content:center; }
   #queue-page .queue-tracks li .song { font-weight:bold; }
   #queue-page .queue-tracks li .group { flex-direction:column; }
   #queue-page .queue-tracks li .artist:after { display:none; }
   #queue-page .queue-tracks li .group, #queue-page .queue-tracks li .group b { font-size:11px;color:#777; }
   #queue-page .queue-tracks li .song { width:calc((100% - 20px - 1.05rem) / 2); }
   #queue-page .queue-tracks li .date { width:100%; }
   #queue-page .queue-tracks li .time { display:none; }
   #queue-page .queue-tracks li .icon-cancel { position:absolute;right:10px;top:19px; }
   .playlist-dialog { font-size:13px;padding:0; }
   .playlist-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { margin:10px 10px 0 0; }
   .playlist-dialog .header { font-size:16px;margin:10px 0; }
   .playlist-dialog input { display:block;width:100%;margin:0 0 5px; }
   .playlist-dialog .button { text-align:center;display:block;width:100%; }
   .playlist-dialog .sub-header { font-size:11px; }
   .playlist-dialog ul { max-height:none; }
   .playlist-dialog ul li { font-size:11px; }
}

@media screen and (min-width: 64em) { /* Large and up */
    #queue-page .queue-tracks, #queue-page .queue-right-nav { margin-top:1rem; }
}