/**************************
 * Now Playing on Station page
 **************************/
table#vista-playlist tr td { padding:8px; }
.station-now-playing .genericon {background-color: #b51921;background-image: linear-gradient(to bottom, #f69254, #f47324);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1);border-radius: 4px;border-style: solid;border-width: 1px;color: #fff;height: 38px;margin-right: 0.2em;padding: 8px 8px 8px 6px;text-align: center;width: 38px;line-height: 20px;font-size: 26px;}
.now-playing-song {font-size:1.5em;}
.station-now-playing h3 {margin:0!important;padding:0!important;color:#FFF;}
table#vista-playlist { width: 100%; border:0px solid #222; font-size:12px !important; }
table#vista-playlist tr:nth-child(odd) {background: #EAEAEA;}
table#vista-playlist tr:nth-child(even) {background: #EFEFEF;}
table#vista-playlist th { text-align: left; font-weight: bold; padding: 8px; background: #222; color: #FFF; }

table#vista-playlist.brand-2day { border-color:#CDDC43 !important; }
table#vista-playlist.brand-2day th { background:#522F91 !important; }
.brand-2day .np-header h3, .brand-2day .np-header .np-tracks .np-header h3 {color:#FFF !important;}
table#vista-playlist.brand-cjcs { border-color:#ACACAC !important; }
table#vista-playlist.brand-cjcs th { background:#63619A !important; }
table#vista-playlist.brand-country { border-color:#231F20 !important; }
table#vista-playlist.brand-country th { background:#ED1C24 !important; }
table#vista-playlist.brand-goat { border-color:#010101 !important; }
table#vista-playlist.brand-goat th { background:#B5D139 !important; }
table#vista-playlist.brand-jet { border-color:#010101 !important; }
table#vista-playlist.brand-jet th { background:#B5D139 !important; }
table#vista-playlist.brand-juice { border-color:#231F20 !important; }
table#vista-playlist.brand-juice th { background:#00AEEF !important; }
.brand-juice .np-header h3 {color:#FFF !important;}
table#vista-playlist.brand-moose { border-color:#FFDE00 !important; }
table#vista-playlist.brand-moose th { background:#2462A4 !important; }
table#vista-playlist.brand-praise { border-color:#082859 !important; }
table#vista-playlist.brand-praise th { background:#FDC300 !important; }
table#vista-playlist.brand-coast,
table#vista-playlist.brand-coastam { border-color:#02305D !important; }
table#vista-playlist.brand-coast th,
table#vista-playlist.brand-coastam th { background:#00A8E2 !important; }

table#vista-playlist.brand-bridge { border-color:#231F20 !important; }
table#vista-playlist.brand-bridge th { background:#97c93c !important; }
.brand-bridge .np-header h3, .brand-bridge .np-header .np-tracks .np-header h3 {color:#FFF !important;}

.np-container {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: space-between;
}
.np-container > .np-logo,
.np-container > .np-tracks {
	flex: 1 0 300px;
	margin: 0.5em;
}
.np-container > .np-logo {
	max-width: 300px;
}
.np-tracks {
	display: flex;
	flex-direction: column;
}
.np-tracks .np-header {
	padding: 0.5em;
}
.np-tracks .np-header h3 {
	margin-top: 0;
	margin-bottom: 0;
}
.np-tracks .np-header i.genericon-play {
	background-color: #FFF;
	background-image: linear-gradient(to bottom, #f69254, #f47324);
	border: rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-size: 32px;
	margin-right: 0.5em;
	text-align: center;
}
.np-tracks .track {
	flex: 1 100%;
	background-color: #ddd;
	padding: 0.5em;
}
.np-tracks .track.hide {
	display: none;
}
.np-tracks  .track:nth-child(2n) {
	background-color: #eee;
}
.np-tracks .track.onair {
	font-size: 1.125em;
}
.np-tracks .track.onair .track-time {
	display: none;
}
.np-tracks .track-time {
	text-transform: uppercase;
	font-size: smaller;
	margin-right: 1em;
}
.np-tracks .track-title {
	text-transform: capitalize;
	font-weight: 600;
}
.np-tracks .np-header {
	background-color: darkgrey;
}
.np-container.brand-goat .np-header {
	background-color: #B5D139;
}
.np-container.brand-jet .np-header {
	background-color: #B5D139;
}
.np-container.brand-2day .np-header {
	background-color :#522F91;
}
.np-container.brand-country .np-header {
	background-color :#ED1C24;
}
.np-container.brand-juice .np-header {
	background-color :#00AEEF;
}

.np-container.brand-bridge .np-header {
	background-color :#97c93c;
}

.np-container.brand-moose .np-header {
	background-color :#2462A4;
}
.np-container.brand-coastam .np-header,
.np-container.brand-coast .np-header {
	background-color :#00A8E2;
}
.np-buttons {
	text-align: right;
	padding: 0.5em 0;
}
/* EOF Now Playing on Station page */
