@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif !important; }
@supports (font-variation-settings: normal) {
html { font-family: 'Inter var', sans-serif !important; }
}
/* */
body {
	/* min-height: 100%;
	min-width: 100%;
	background: rgb(96,194,254);
	background: -moz-linear-gradient(-45deg, rgba(96,194,254,1) 0%, rgba(21,112,227,1) 84%);
	background: -webkit-linear-gradient(-45deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
	background: linear-gradient(135deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	background-size: 100% 100%;
	background-attachment: fixed; */

	font-family: 'Source Sans Pro', sans-serif;
}
body.environment-dev {
	/* background: rgb(254,215,95);
	background: -moz-linear-gradient(-45deg, rgba(23, 139, 164, 1) 0%,rgba(21, 111, 130, 1) 84%);
	background: -webkit-linear-gradient(-45deg, rgba(23, 139, 164, 1) 0%,rgba(21, 111, 130, 1) 84%);
	background: linear-gradient(135deg, rgba(23, 139, 164, 1) 0%,rgba(21, 111, 130, 1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	background-size: 100% 100%;
	background-attachment: fixed; */
	}
	body.environment-dev.dark {
		/* background: rgba(27, 54, 71, 1);
		background: -moz-linear-gradient(-45deg, rgba(27, 54, 71, 1) 0%, rgba(7, 23, 45, 1) 84%);
		background: -webkit-linear-gradient(-45deg, rgba(27, 54, 71, 1) 0%,rgba(7, 23, 45, 1) 84%);
		background: linear-gradient(135deg, rgba(27, 54, 71, 1) 0%,rgba(7, 23, 45, 1) 84%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
		background-size: 100% 100%;
		background-attachment: fixed; */
	}



	/* body.dark .content .selectize-dropdown-content>div:hover {
		color: rgba(255,255,255,0.8) !important;
		background: rgba(51, 89, 143, 1) !important;
	}
	body.dark input,
	body.dark textarea,
	body.dark select,
	body.dark .selectize-input,
	body.dark .selectize-dropdown {
		background: rgba(41, 72, 115, 1) !important;
		color: rgba(255,255,255,0.8) !important;
	} */
body.environment-staging {
	/* background: rgb(254,215,95);
	background: -moz-linear-gradient(-45deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	background: -webkit-linear-gradient(-45deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	background: linear-gradient(135deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	background-size: 100% 100%;
	background-attachment: fixed; */
}
body.environment-dev {
	/* background-color: #008cff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.16'%3E%3Cpath fill='%2332a3f5' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%2340b9ea' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%2343d0de' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%233ce8d2' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%2326ffc5' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%233df0d1' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%2348e1dd' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%234dd2e9' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%234ec3f4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%234ab4ff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E") !important; */

	/* background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 612 306' style='enable-background:new 0 0 612 306;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%232670E3;%7d .st1%7bfill:%23378BE8;fill-opacity:0.15;%7d .st2%7bfill:%2347A7ED;fill-opacity:0.15;%7d .st3%7bfill:%2358C2F3;fill-opacity:0.15;%7d .st4%7bfill:%2368DEF8;fill-opacity:0.15;%7d .st5%7bfill:%2379F9FD;fill-opacity:0.15;%7d .st6%7bfill:%2374EEFD;fill-opacity:0.15;%7d .st7%7bfill:%236FE2FD;fill-opacity:0.15;%7d .st8%7bfill:%2369D7FD;fill-opacity:0.15;%7d .st9%7bfill:%2364CBFD;fill-opacity:0.15;%7d .st10%7bfill:%235FC0FD;fill-opacity:0.15;%7d %3c/style%3e%3crect class='st0' width='612' height='306'/%3e%3cg%3e%3cpath class='st1' d='M422.2,270.7c-44.7,9.2-88.6,22.6-133,35.3H612v-30.7c-18.7-6.4-38.1-10.6-57.6-12.8 c-42.8-4.9-86.4-0.9-128.3,7.4C424.8,270.2,423.5,270.5,422.2,270.7z'/%3e%3cpath class='st2' d='M0,306h289.2c44.3-12.7,88.3-26.1,133-35.3c1.3-0.2,2.6-0.5,3.9-0.8c41.8-8.3,85.5-12.3,128.3-7.4 c19.6,2.2,38.9,6.4,57.6,12.8V0H0V306z'/%3e%3cpath class='st3' d='M550.4,208.1c20.9,1.2,41.6,5.1,61.6,11.8V0H0v286.8c64.7,15.1,131.7,17.9,198.4,3.9 c78.3-16.5,152-47.5,227-67.5c1.2-0.3,2.4-0.7,3.6-1C468.3,212,509.4,205.6,550.4,208.1z'/%3e%3cpath class='st4' d='M0.1,0v244.3c69.5,18,142,21.5,213.4,4.8c75.2-17.6,144.9-49.8,215.1-73.5c1.1-0.4,2.3-0.8,3.4-1.1 c36.8-12.2,75.2-21.2,114.5-20.8c22.1,0.2,44.3,3.6,65.6,10.6V0H0.1z'/%3e%3cpath class='st5' d='M612,108.3V0H0v201.9c74.2,21.3,152.4,25.5,228.5,5.7c72.1-18.8,137.8-52.1,203.2-79.4 c1.1-0.4,2.1-0.9,3.2-1.3c34.2-14.1,70-25.3,107.6-27.6C565.9,97.8,589.5,100.8,612,108.3z'/%3e%3cpath class='st6' d='M0,0v159.6c78.7,25.1,163,29.7,243.5,6.3c69.1-20,130.8-54.4,191.4-85.4c1-0.5,2-1,2.9-1.5 c31.7-16,64.9-29.6,100.7-34.3c24.7-3.2,49.7-0.7,73.5,7.3V0H0L0,0z'/%3e%3cpath class='st7' d='M440.8,31.4c19.5-12,39.7-23.2,61.1-31.4H0v117.4c4.9,1.7,9.7,3.4,14.6,4.9c79,25.3,164.2,27.8,244,2 c66-21.3,123.7-56.6,179.5-91.3C439,32.5,439.8,31.9,440.8,31.4z'/%3e%3cpath class='st8' d='M0,0v74.8c15,6.3,30.4,11.7,46,16c74.6,20.5,154.2,18.4,227.6-8.1c54.8-19.8,102.8-49.9,148-82.7L0,0L0,0z'/%3e%3cpath class='st9' d='M288.6,41.1C316.3,29.9,341.8,16,365.9,0H0v31.2c8,4.1,16.1,7.9,24.4,11.3c17.2,7.1,35,12.7,53,16.8 C147.6,75,221.7,68.1,288.6,41.1z'/%3e%3cpath class='st10' d='M302.6,0H26c26,13.5,54.1,22.9,82.9,27.7C174.2,38.6,242.2,27.2,302.6,0z'/%3e%3c/g%3e%3c/svg%3e ") !important; */

	background-attachment: fixed;
	background-size: cover !important;
}

* {
	/* font-family: 'Source Sans Pro', sans-serif; */

}

::selection {
	background-color: rgba(233, 226, 42, 0.6);
}
a, input[type="submit"] {
	/* fade link effects on hover */
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
	}

	b {
		font-weight: 600;
		opacity: 0.8;
	}
h1 a {
	/*font-fam©©ily: 'Slabo 27px', serif;*/
	color: rgba(255,255,255, 1);
}
h1 a:hover {
	/* color: rgba(255,255,255, 1) !important; */
	opacity: 0.8;
}
h1 a img {
	margin-right: 10px;
}

h2 {
	display: block;
	font-size: 30px;
	font-weight: 600;
	/* font-family: 'Slabo 27px', serif; */
	color: rgba(255,255,255,0.7);
}
h2 span.id {
	float: right;
	padding-left: 10px;
	opacity: 0.3;
	font-weight: 300;
	}
h2>strong {
	/* font-family: 'Slabo 27px', serif; */
}
h2>img {
	height: 35px;
	width: auto;
}
.content h2 {
	color: rgba(76, 172, 246, 1.0);
}
.content h4 {
	margin-top: 20px;
	color: rgba(76, 172, 246, 1.0);
}


h4 {
	font-size: 19px;
	/* font-family: 'Source Sans Pro', sans-serif; */
	/*text-transform: uppercase;*/
	/*font-weight: 600;*/
	color: rgba(0,0,0,0.6);
	margin-top: 0px;
	margin-bottom: 0px;

	text-transform: uppercase;

	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: rgba(0,0,0,0.5);
	padding: 3px 0px 0px 0px;
}
h5 {
	font-size: 15px;
	/* font-family: 'Source Sans Pro', sans-serif; */
	/*text-transform: uppercase;*/
	/*font-weight: 600;*/
	color: rgba(0,0,0,0.6);
	margin-top: 0px;
	margin-bottom: 5px;
	}
	h5 b {
		color: rgba(0,0,0,0.6);
		font-weight: 700;
		}
h4 + p {
	margin-top: 0px !important;
}
p + h4 {
	margin-top: 10px !important;
}

p {
	/* font-size: 18px; */
	line-height: 22px;
	font-weight: 400;

	margin-bottom: 0px;
	color: rgba(0,0,0,0.7);
	}
	* + p {
		margin-top: 0.8rem;
	}
	p.note {
		border: 1px solid rgba(255, 252, 0, 1);
		background: rgba(255, 252, 0, 0.1);
		padding: 8px;
		font-size: 0.9em;
		margin-right: 15px;
	}
pre,
pre * {
	font-family: 'Source Code Pro';
}

a {

}
a.attract {
	padding: 5px 10px 5px 10px;
	border: 1px solid rgba(49, 143, 237, 1.0);
	border-radius: 3px;
	color: rgba(49, 143, 237, 1.0);
	}
	a.attract:hover {
		border: 1px solid rgba(49, 143, 237, 1.0);
		background: rgba(49, 143, 237, 1.0);
		color: white;
		}

.hover-underline-menu {
  width: 100%;
}

.hover-underline-menu .menu {
  /*background-color: #2C3840;*/
	margin-top: 10px;
}

.hover-underline-menu .menu a {
  color: #fefefe;
  /*padding: 1.2rem 1.5rem;*/
	font-size: 18px;
	line-height: 30px;
}

.hover-underline-menu .menu .underline-from-center {
  position: relative;
}

.hover-underline-menu .menu .underline-from-center::after {
  content: "";
  position: absolute;
  top: calc(100% - 0.125rem);
  border-bottom: 0.125rem solid #fefefe;
  left: 50%;
  right: 50%;
  transition: all 0.2s ease;
}

.hover-underline-menu .menu .underline-from-center:hover::after {
  left: 0;
  right: 0;
  transition: all 0.2s ease;
}
.hover-underline-menu .menu .underline-from-center.active::after {
	left: 0;
	right: 0;
	transition: all 0.2s ease;
}

.content {
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	background: rgba(255,255,255,1);
	padding: 15px;
	border-radius: 2px;
	position: relative; /* setting this to allow absolute positioning within */
	}
	.content .content {
		box-shadow: none;
	}
	.ui_nav_tabs + .content {
		border-top-left-radius: 0px;
	}
	.content #chart_div {
		/* background-color: rgba(0,0,0,0.03); */
		/* margin-right: 15px; */
		min-height: 300px;
		width: 100%;
		/* width: calc(100% - 10px) !important; */
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		margin-bottom: 15px;
		}
		.content #chart_div.ui_loading {
			/* background-color: rgba(0,0,0,0.03); */
			/* margin-right: 15px; */
			width: 100%;
			width: calc(100% - 10px) !important;
			height: 300px;
			}
			@media screen and (min-width: 0px) and (max-width: 1023px) {
				.content #chart_div,
				.content #chart_div.ui_loading {
					width: 100% !important;
				}
			}

	.content + .content  {
		margin-top: 15px;
	}

.content.home-sell div {
	text-align: center;
}
.content.home-sell div h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	border-bottom: 2px solid rgba(49, 140, 236, 0.5);
	width: auto;
	display: inline-block;
	font-size: 25px;
}
.content .home_features {
	margin-top: 10px;
	}
	.content .home_features .feature {
		text-align: center;
	}
	.content .home_features .feature + .feature {
		padding-left: 20px;
	}
	.content .home_features .feature img {
		height: 80px !important;
		}
	.content .home_features .feature p {
		font-size: 16px;
		line-height: 1.2em;
		font-weight: 400;
		}
	.content .home_features .feature p strong {
		font-size: 16px;
		line-height: 1.2em;
		font-weight: 500;
		}

.content.home_features_v2 {

	}
	.content.home_features_v2 .row {
		padding-top: 30px;
		padding-bottom: 30px;
		}
		.content.home_features_v2 .row + .row {
			border-top: 1px solid rgba(0,0,0,0.05);
		}
		.content.home_features_v2 .row .feature {
			text-align: center;
		}
		.content.home_features_v2 .row .feature .text-container {
			display: inline-block;
			text-align: center;
			max-width: 80%;
			}
			.content.home_features_v2 .row h3 {
				font-size: 28px;
				line-height: 30px;
				margin-bottom: 5px;

				/* background-color: rgba(96,194,254,1);
				display: inline-block;
				color: white;
				padding: 3px 8px; */
				}
			.content.home_features_v2 .row h4 {
				font-size: 22px;
				line-height: 24px;
				margin-top: 0px;
				margin-bottom: 0px;
				color: rgba(0,0,0,0.6);
				text-transform: none;
				}
			.content.home_features_v2 .row p {
				font-size: 16px;
				padding-top: 10px;
				color: rgba(0,0,0,0.5);
				}
				.content.home_features_v2 .row.dark h3,
				.content.home_features_v2 .row.dark h4,
				.content.home_features_v2 .row.dark p {
					color: rgba(255,255,255,1);
				}
				.content.home_features_v2 .row.spinsAndCounting h3 {
					font-size: 38px;
				}
		.content.home_features_v2 .row.hero {
			background: rgb(96,194,254);
			background: -moz-linear-gradient(-45deg, rgba(96,194,254,1) 0%, rgba(21,112,227,1) 84%);
			background: -webkit-linear-gradient(-45deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
			background: linear-gradient(135deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
			background-size: 100% 100%;
			background-attachment: fixed;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			color: white;
			}
			.content.home_features_v2 .row.hero img {
				margin-top: 15px;
				margin-bottom: 15px;
				}
			.content.home_features_v2 .row.hero h2 {
				margin-top: 0px;
				color: white;
				font-family: 'Source Sans Pro', sans-serif;
				}
			.content.home_features_v2 .row.hero p {
				padding-top: 0px;
				margin-top: 0px;
				color: white;
				font-size: 20px;
				}
		.content.home_features_v2 .row.cta {
			background-color: rgba(0,0,0,0.03);
			border-top: 0px;
		}



table {

	}
	table thead th,
	table tr.head th {
		font-weight: 600;
		text-transform: uppercase;
		color: rgba(0,0,0,0.6);
	}
	table tr.head th {
		text-align: left;
		font-size: 1.1em;
		font-weight: 400;
	}
	table tr.head,
	table tr.head:nth-child(even) {
		background-color: rgba(76, 172, 246, 0.2);
	}
	table tr td.multi-select {
		vertical-align: middle;
		}
		table tr td.multi-select input[type="checkbox"] {
			margin-bottom: 0px;
		}
		table tbody tr.selected {
			background-color: rgba(63, 158, 243, 0.2);
		}

.fileSize_unit {
	color: rgba(0,0,0,0.4);
	font-size: 0.8em;
}

.sidebar {

}
.sidebar h3 {
	/* color: rgba(255,255,255,1); */
	text-transform: uppercase;
	font-weight: 600;
	}
	.sidebar .content h3 {
		/* color: rgba(255,255,255,1); */
		text-transform: uppercase;
		font-weight: 600;
		}
.sidebar .inner {
	background: rgba(255,255,255,0.8);
	border-radius: 2px;
	padding-top: 8px;
	padding-bottom: 15px;
}
.sidebar .inner form {
	width: 90%;
	margin-left: 5%;
	padding-top: 5px;
}
.sidebar .promo {
	margin-top: 15px;
	padding-bottom: 20px;
	}
	.sidebar .promo h2 {
		font-size: 25px;
		font-weight: 400;
		}
	.sidebar .promo p {
		font-size: 20px;
		font-weight: 400;
		display: block;
		}
	.sidebar .promo p:last-child {
		margin-top: 20px;
		font-size: 16px;
		font-weight: 400;
		}

.lava_stations {
	padding-left: 15px;
	padding-right: 5px;
}
.lava_stations .lava_station {
	padding: 15px;
	background: rgba(0,0,0,0.01);
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 3px;
	margin-bottom: 10px;
	margin-right: 10px;
	}
	.lava_stations .lava_stations_station.streaming .lava_station {
		background-color: rgba(208, 245, 255, 0.3);
		border-radius: 3px;
		}
	.lava_stations .lava_station .lava_station_avatar .logo {
		height: 50px;
		width: 75px;
		max-width: calc(100% - 15px);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.lava_stations .lava_station .lava_station_avatar img {
		text-align: center;
		}
		.lava_stations .lava_station .lava_station_avatar img {
			max-height: 50px;
			max-width: 80%;
			height: auto;
			width: auto;
		}
	.lava_stations .lava_station .lava_station_details h3 {
		margin-bottom: 0px;
		line-height: 20px;
		font-weight: 400;
		}
		.lava_stations .lava_station .lava_station_details h3 span.stream {
			float: right;
			font-size: 13px;
			color: rgba(0,0,0, 0.2);
			text-transform: uppercase;
			border-bottom: 0px;
			line-height: 20px;
			margin-top: 3px;
			height: 15px;
			width: 15px;
			background:
			}
	.lava_stations .lava_station .lava_station_details span.tagline {
		display: block;
		font-size: 13px;
		text-transform: uppercase;
		color: rgba(0,0,0,0.4);
		/*position: relative;
		top: -3px;*/
		min-height: 40px;
		}
		.lava_stations .lava_station .lava_station_details span.tagline span.country {
			float: right;
			font-size: 13px;
			color: rgba(0,0,0, 0.2);
			text-transform: uppercase;
			border-bottom: 0px;
			line-height: 20px;
			/*margin-top: 3px;*/
			/*background: rgba(0, 0, 0, 0.06);*/
			border-radius: 3px;
			/*padding-left: 3px;*/
			/*padding-right: 3px;*/
			display: none;
			}
			.lava_stations .lava_station:hover .lava_station_details span.tagline span.country {
				display: inline-block;
			}
	.lava_stations .lava_station .lava_station_details .station-nowplaying--meta {
		border-top: 1px solid rgba(0,0,0,0.2);
	}
	.lava_stations .lava_station .lava_station_details p.title {
		margin-top: 3px;
		}
		.lava_stations .lava_station .lava_station_details p.title a {
			color: inherit;
		}
	.lava_stations .lava_station .lava_station_details p.artist {
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 500;
		margin-top: 0px;
		color: rgba(0,0,0,0.4);
		line-height: 16px;
		}
		.lava_stations .lava_station .lava_station_details p.artist a {
			color: rgba(0,0,0,0.4);
			line-height: normal;
		}
		.lava_stations .lava_station .lava_station_details p.artist span.sep,
		.artist span.sep {
			color: rgba(0,0,0,0.4);
		}

.backofhouse--correctionRulesExamples {
	padding-left: 15px;
	padding-right: 15px;
	}
	.backofhouse--correctionRulesExamples .row {
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		margin-bottom: 15px;
		}
		.backofhouse--correctionRulesExamples .row .title {

		}
		.backofhouse--correctionRulesExamples .row .title a.permalink {
			display: inline-block;
			outline: none;
			font-size: 0.8em;
			margin-left: 15px;
			opacity: 0;
		}
		.backofhouse--correctionRulesExamples .row .title:hover a.permalink {
			display: inline-block;
			opacity: 1;
		}
		.backofhouse--correctionRulesExamples .row .example {
			/* margin-top: 35px; */
		}
		.backofhouse--correctionRulesExamples .row:hover {
			background-color: rgba(0, 217, 255, 0.03);
			}
	.backofhouse--correctionRulesExamples .row .rule ol {
		margin-top: 10px;
		}
		.backofhouse--correctionRulesExamples .row .rule ol li,
		.backofhouse--correctionRulesExamples .row .example ol li {
			padding-bottom: 10px;
			margin-right: 15px;
			}
		.backofhouse--correctionRulesExamples .row .rule ol li + li,
		.backofhouse--correctionRulesExamples .row .example ol li + li {
			border-top: 1px solid rgba(0,0,0,0.1);
			padding-top: 10px;
			}
		.backofhouse--correctionRulesExamples .row .rule ol li .format {
			margin-top: 5px;
			margin-right: 0px;
			}
	.backofhouse--correctionRulesExamples .row .rule .title {
		color: rgba(0,0,0,0.5);
		margin-bottom: 5px;
		text-transform: uppercase;
		margin-right: 5px;
		}
		.backofhouse--correctionRulesExamples .row .rule pre+.title {
			margin-left: 10px;
			}
	.backofhouse--correctionRulesExamples .row .rule + .example {
		padding-left: 15px;
		border-left: 1px solid rgba(0,0,0,0.1);
		}
		.backofhouse--correctionRulesExamples .example .title {
			color: rgba(0,0,0,0.5);
			display: block;
			margin-bottom: 5px;
			text-transform: uppercase;
			}
		.backofhouse--correctionRulesExamples .row .rule .format {
			margin-top: 15px;
			margin-right: 15px;
			padding: 10px 10px 5px 10px;
			background: rgba(0,0,0,0.05);
			border-radius: 2px;
		}
	.backofhouse--correctionRulesExamples .pre,
	.backofhouse--correctionRulesExamples pre {
		display: inline-block;
		border: 1px solid rgba(0,0,0,0.3);
		background: rgba(0,0,0,0.1);
		padding: 3px 5px;
		border-radius: 2px;
		margin-bottom: 5px;
		word-break: break-all;
		max-width: 100%;
		word-wrap: break-word;
		}
		.backofhouse--correctionRulesExamples span.pre {
			padding: 0px 3px 0px 3px;
			}
		.backofhouse--correctionRulesExamples pre i,
		.backofhouse--correctionRulesExamples .pre i {
			color: rgba(0,0,0,0.5);
			}
		.backofhouse--correctionRulesExamples span.optionalParameter {
			padding: 0px 3px 0px 3px;
			color: rgba(0,0,0,0.3);
			font-weight: 600;
		}



#lavaStatus {
	width: calc(100% - 0.9375rem - 0.9375rem);
	margin-left: auto;
	margin-right: auto;
	/*background: rgba(255,255,255,0.8) !important;*/
	background: rgba(233, 247, 254, 0.8) !important;

	-webkit-backdrop-filter: blur(5px); /* Safari 9+ */
  backdrop-filter: blur(5px); /* Chrome and Opera */

	position: fixed;
	bottom: 0px;
	left: 1%;
	right: auto;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 0px 8px 0px;
	/*padding-left: 0.9375rem;
	padding-right: 0.9375rem;*/

	border: 1px solid rgba(123,159,198,0.2);
	}
	body.navigator_Chrome #lavaStatus {
		background: rgba(233, 247, 254, 0.95) !important;
	}
	#lavaStatus #player {
		margin-top: 6px;
		display: flex;
		}
		#lavaStatus #player #artwork {
			float: left;
			height: 40px;
			width: 40px;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			margin-right: 15px;
			position: relative;
			top: -4px;
		}
		.playerWrapper {
			/* display: inline-block; */
			/* width: calc(100% - 60px); */
			/* width: 240px; */
			text-align: left;
		}
		.plyr__controls > * {
			display: inline-block;
		}
		span.plyr__progress {
			/* display: none !important; */
			display: none;
		}
		.plyr--audio .plyr__controls {
			padding: 0px;
			border-radius: inherit;
			background: transparent;
			border: 0px solid transparent;
			box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
			color: rgba(63, 158, 243, 1.0);
			/* width: 240px; */
			width: 100%;
			text-align: left;
			/* display: inline-block; */
		}
		.plyr .plyr__controls__item.plyr__menu {
			display: none;
		}
		.plyr .plyr__volume{
			/* display: inline-block; */
			width: 150px;
		}
		#lavaStatus #player #meta {
			display: inline-block;
			margin-top: 3px;
			/*position: relative;
			top: -10px;*/
			}
			#lavaStatus #player #meta .tag_live {
				margin-left: 10px;
				display: inline-block;
			}
			#lavaStatus #player #meta #audioplayer_info {
				display: inline-block;
				margin-left: 8px;
			}
			#lavaStatus #player #meta #audioplayer_info .artist,
			#lavaStatus #player #meta #audioplayer_info .station {
				font-weight: 600;
				display: inline-block;
			}
			#lavaStatus #player #meta #audioplayer_info .tagline {
				color: rgba(0, 0, 0, 0.5);
			}
			#lavaStatus #player #meta #audioplayer_info .state {
				/*text-indent: 8px;*/
				display: inline-block;
			}


	/* #lavaStatus #userControl {
		text-align: right;
		}
		#lavaStatus #userControl .control {
			font-size: 13px;
		}
		#lavaStatus #userControl span {
			color: rgba(0,0,0,0.4);
		}
		#lavaStatus #userControl #userAvatar {
			float: right;
			height: 40px;
			width: 40px;
			background-size: cover;
			margin-left: 15px;
		} */
footer {
	margin-top: 30px;
	margin-bottom: 90px;
	text-align: center;
	color: rgba(255,255,255,1);
	font-size: 12px;
	}
	footer.footer--fixed {
		position: fixed;
		bottom: 0px;
		margin-bottom: 0px;
		padding-top: 80px;
		padding-bottom: 15px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
		color: rgba(255,255,255,0.6);
	}
	footer a {
		color: rgba(255,255,255,1);
		border-bottom: 1px dotted rgba(255,255,255,0.6);
		}
		footer a:hover {
			color: rgba(255,255,255,0.7);
			border-bottom: 1px dotted rgba(255,255,255,0.3);
			}
	footer .madein {
		color: rgba(255,255,255,0.4);
		}
		footer .madein span {
			color: rgba(255, 0, 0, 0.4);
		}
	footer .version {
		color: rgba(255,255,255,0.4);
		margin-top: 10px;
	}
	footer .links {
		margin-top: 5px;
		color: rgba(255,255,255,0.4);
		}
		footer .links a {
			color: rgba(255,255,255,0.6);
			border-bottom: 1px dotted rgba(255,255,255,0.4);
			}
			footer .links a:hover {
				color: rgba(255,255,255,0.8);
				border-bottom: 1px dotted rgba(255,255,255,0.6);
			}

/*elements*/
.radioBetter {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	}
	#lavaStatus #userControl .radioBetter {
		color: rgba(0,0,0,0.9);
	}
	h1 .radioBetter {
		color: rgba(255,255,255,0.4);
		font-size: 35px;
		margin-left: 15px;
	}
	.radioBetter span {
		font-family: 'Inter', sans-serif;
		font-weight: 400;
		}

.tag_live {
	padding: 0px 3px 2px 3px;
	background-color: rgb(221, 31, 31);
	color: white;
	border-radius: 3px;
	font-weight: 600;
	}

.lava_music_track_whosPlayingIt {

	}
	/* .lava_music_track_whosPlayingIt--collapsed .elem_music_track_whosPlayingIt {
		height: 180px;
		overflow: hidden;
		}
		.elem_music_track_whosPlayingIt .elem_music_track_whosPlayingIt_showmore {
			display: none;
			}
			.elem_music_track_whosPlayingIt--collapsed .elem_music_track_whosPlayingIt_showmore {
			text-align: center;
			width: 100%;
			display: block;
			}
			.elem_music_track_whosPlayingIt_showmore {
				width: 100%;
				display: block;
				text-align: center;
				margin-top: 15px;
			}
			.elem_music_track_whosPlayingIt_showmore a {
				border-top: 2px solid rgba(0, 0, 0, 0.1);
				padding-left: 15px;
				padding-right: 15px;
				padding-top: 8px;
				} */

	.lava_music_track_whosPlayingIt .station {
		padding: 15px;
		text-align: center;
	}
	.lava_music_track_whosPlayingIt .station div.inner {
			border: 1px solid rgba(0,0,0,0.06);
			background-color: rgba(0,0,0,0.02);
			padding: 10px;
			border-radius: 3px;
			}
			.lava_music_track_whosPlayingIt.lava_music_track_whosPlayingIt--nocell .station div.inner {
					border: 0px solid transparent;
					background-color: transparent;
					}

		.lava_music_track_whosPlayingIt .station div.inner div.logo{
				height: 80px;
				width: 100%;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
			}
		.lava_music_track_whosPlayingIt .station div.inner span.spinCount {
				display: block;
				margin-left: 3px;
				margin-right: 3px;
				color: rgba(0,0,0,0.5);
				text-transform: uppercase;
				border-top: 1px solid rgba(0,0,0,0.1);
				padding-top: 3px;
				margin-top: 10px;
				text-align: center;
			}

/********************************
 uiElements
 *******************************/

 div.lava_station_avatar {
 	height: 50px;
 	width: 75px;
 	max-width: calc(100% - 15px);
 	background-size: contain;
 	background-repeat: no-repeat;
 	background-position: center center;
 }

/*ui_progressbar*/
 .ui_progressbar {
 	  background-color: rgba(125,125,125, 0.1);
 		border: 1px solid rgba(125,125,125,0.05);
 	  border-radius: 8px;
 	  padding: 2px;
 		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03) inset;
	 	}
		.ui_progressbar--thin {
			display: inline-block;
			padding: 1px;
			border-radius: 3px;
			width: 100px;
		}
	 	.ui_progressbar>div {
	 		background: rgb(96,194,254);
	 		background: -moz-linear-gradient(-45deg, rgba(96,194,254,1) 0%, rgba(21,112,227,1) 84%);
	 		background: -webkit-linear-gradient(-45deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
	 		background: linear-gradient(135deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
	 		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	 		background-size: 100% 100%;
	 		background-attachment: fixed;
	 	  width: 0%;
	 	  /* Adjust with JavaScript */
	 	  height: 6px;
	 	  border-radius: 8px;

	 		-webkit-transition: width 2s; /* Safari */
	   	transition: width 2s;
	 		}
			.ui_progressbar--thin>div {
				height: 3px;
				border-radius: 3px;
			}
	 	.ui_progressbar.ui_progressbar--done>div {
	 		background: -moz-linear-gradient(-45deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	 		background: -webkit-linear-gradient(-45deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	 		background: linear-gradient(135deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	 		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	 		background-size: 100% 100%;
	 		background-attachment: fixed;
	 		}

/* ui_selector */
.ui_itemCardDetailed {
	margin-left: 15px;
	margin-right: 15px;
	}
	.ui_itemCardDetailed-item {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.ui_itemCardDetailed-item:nth-of-type(even) {
		background-color: rgba(0,0,0,0.03);
		}
	.ui_itemCardDetailed-item + .ui_itemCardDetailed-item {
		border-top: 1px solid rgba(0,0,0,0.1);
		}
	.ui_itemCardDetailed-image-container {
		text-align: center;
	}
	.ui_itemCardDetailed-image {
		width: 120px;
		height: 120px;
		background: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		}
		.ui_itemCardDetailed-image.ui_itemCardDetailed-image--round {
			border-radius: 100%;
		}
		.ui_itemCardDetailed-image.ui_itemCardDetailed-image--roundCorner {
			border-radius: 3px;
		}
	.ui_itemCardDetailed-detail {

		}
		.ui_itemCardDetailed-detail h3 {
			margin-bottom: 0px;
		}
		.ui_itemCardDetailed-detail .meta {
			margin-top: 10px;
			border-top: 1px solid rgba(0,0,0,0.1);
			}
			.ui_itemCardDetailed-detail .meta span.subtitle {
				font-size: 13px;
				color: rgba(0,0,0,0.5);
				margin-left: 5px;
			}
			.ui_itemCardDetailed-detail .meta .ui_progressbar {
				/* float: right; */
				/* margin-bottom: 5px; */
				margin-bottom: 2px;
				margin-left: 15px;
				width: 80px;
				margin-right: 15px;
			}
			.ui_itemCardDetailed-detail .meta icon.icon {
				height: 20px;
				width: 20px;
				position: relative;
				top: 5px;
			}
		.ui_itemCardDetailed-detail ul {
			margin: 0px;
			padding: 0px;
		}
		.ui_itemCardDetailed-detail ul li {
			list-style: none;
			display: inline;
		}
		.ui_itemCardDetailed-detail ul li::after {
		  content: ", ";
		}
		.ui_itemCardDetailed-detail ul.separatedBySlash li::after {
		  content: " / ";
		}
		.ui_itemCardDetailed-detail ul li:last-child::after {
    	content: "";
		}


/* ui_promo */
	.ui_promo {
		margin-top: 30px;
		/* border: 1px solid rgba(255,255,255,0.6); */
		border-radius: 3px;
		display: inline-block;
		padding: 5px 8px;
		font-size: 14px;
	}
	.ui_promo.ui_promo--text a {
		color: rgba(255,255,255,0.9);
		border-bottom: 1px dashed rgba(255,255,255,0.8);
		}
		.ui_promo.ui_promo--text a:hover {
			color: rgba(255,255,255,0.7);
			border-bottom: 1px dashed rgba(255,255,255,0.5);
			}
	.ui_promo-container + footer {
		margin-top: 15px;
		}

/*ui flags*/
.ui_flags.ui_flags--inline {
	display: inline-block;
	}
	.selectize-dropdown-content .ui_flags.ui_flags--inline {
		display: inline;
	}
	.ui_flags span.flag {
		display: inline-block;
		padding: 1px 3px;
		background: rgba(37, 129, 232, 0.7);
		color: white;
		font-weight: 600;
		font-size: 0.8em;
		border-radius: 2px;
		margin-bottom: 5px;
		}
		h2 .ui_flags span.flag {
			font-size: 14px;
			}



/* ui_nav_tabs */
.ui_nav_tabs {
	display: block;
	margin: 0px; padding: 0px;
	}
.ui_nav_tabs.inline {
	display: inline-block;
	margin: 0px; padding: 0px;
	}
	h3 + .ui_nav_tabs.inline {
		margin-left: 10px;
		/* border-left: 2px solid rgba(0,0,0,0.03); */
		/* padding-left: 10px; */
	}
	.ui_nav_tabs li {
		display: inline-block;
		margin-bottom: -1px;
		}
		.ui_nav_tabs li + li {
			margin-left: 5px;
		}
		.ui_nav_tabs li.right {
			float: right;
		}
		.ui_nav_tabs li a {
			display: block;
			padding: 5px 10px 5px 10px;
			color: rgba(255,255,255,0.6);
			border-top-right-radius: 2px;
			border-top-left-radius: 2px;
		}
		.ui_nav_tabs li.title {
			text-transform: uppercase;
			color: rgba(0,0,0,0.4);
		}
		.ui_nav_tabs li.active a{
			background: rgba(255, 255, 255, 1);
			color: rgba(0,0,0,0.8);
		}
		.ui_nav_tabs li:not(.active):hover a {
			background: rgba(255, 255, 255, 0.5);
			color: rgba(255,255,255,0.9);
		}
		.content .ui_nav_tabs li a {
			 border-bottom: 2px solid transparent;
			 color: rgba(0,0,0,0.5);
		}
		.content .ui_nav_tabs li.active a {
			 color: rgba(76, 172, 246, 1.0);
		}
		.content .ui_nav_tabs li a {
			 border-bottom: 2px solid transparent;
		}
		.content .ui_nav_tabs li:hover a,
		.content .ui_nav_tabs li.active a {
			 border-bottom: 2px solid rgba(76, 172, 246, 1.0);
			 color: rgba(76, 172, 246, 8.0);
		}
		.ui_nav_tabs li.icon a,
		.ui_nav_tabs li.icon a:hover {
			background: transparent;
		}
.ui_nav_pills {
	display: block;
	margin: 0px;
	padding: 0px;
	}
	.ui_nav_pills {
		/* margin-top: 10px; */
	}
	.ui_nav_pills.inline {
		display: inline-block;
		margin-top: 0px;
		}
		.ui_nav_pills.inline + .ui_nav_pills.inline {
			margin-left: 20px;
		}
	.ui_nav_pills li {
		display: inline-block;
		}
		.ui_nav_pills li + li {
			margin-left: 5px;
		}
		.ui_nav_pills.ui_nav_pills--padRightInstead li {
			margin-right: 5px;
			margin-left: 0px;
		}
		.ui_nav_pills span.right {
			float: right;
		}
		.ui_nav_pills li.right {
			float: right;
		}
		.ui_nav_pills li.title {
			text-transform: uppercase;
			color: rgba(0,0,0,0.4);
		}
		.ui_nav_pills li.sep {
			border-right: 1px solid rgba(0,0,0,0.15);
			border-radius: 0px;
			padding-left: 1px;
			margin-right: 5px;
		}
		.ui_nav_pills li a {
			display: block;
			padding: 2px 10px 2px 10px;
			background: rgba(0,0,0, 0.05);
			color: rgba(0,0,0,0.5);
			border-radius: 20px;
			cursor: pointer;
		}
		.ui_nav_pills li.active a {
			background: rgba(76, 172, 246, 1.0);
			color: rgba(255,255,255,0.9);
		}
		.ui_nav_pills li.active:hover a {
			background: rgba(76, 172, 246, 0.8);
			color: rgba(255,255,255,0.9);
		}
		.ui_nav_pills li:not(.active):hover a {
			background: rgba(0,0,0, 0.1);
			color: rgba(0,0,0,0.9);
		}
		.ui_nav_pills.ui_nav_pills--noBackground li a {
			background: none;
		}
.ui_multiLineFilter {
	display: block;
	margin: 0px;
	padding: 0px;
	}
	.ui_nav_pills + .ui_multiLineFilter {
		margin-top: 10px;
		border-top: 1px solid rgba(0,0,0,0.1);
		padding-top: 5px;
	}

.chart_numerics {
	/* a container...*/
	/* margin-right: 15px; */
}
.ui_chartNumerics {
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 15px;
	}
	.ui_chartNumerics > .ui_chartNumerics_inner {
		padding-top: 15px;
		background: rgba(0,0,0,0.02);
		/* padding-bottom: 10px; */
		margin-bottom: 15px;
	}
	.ui_chartNumerics > .ui_chartNumerics_inner > div {
		font-size: 20px;
		margin-bottom: 15px;
		}
		.ui_chartNumerics > .ui_chartNumerics_inner > div + div {
			border-left: 2px solid rgba(0,0,0,0.04);
			}
		.ui_chartNumerics > .ui_chartNumerics_inner > div > span {
			display: block;
			font-size: 13px;
			text-transform: uppercase;
			color: rgba(0,0,0,0.5);
			}
			.ui_chartNumerics > .ui_chartNumerics_inner > div:nth-of-type(5) {
				border-left: 0px solid rgba(0,0,0,0.02) !important;
			}
	@media screen and (min-width: 0px) and (max-width: 1023px) {
		.ui_chartNumerics {
			margin-right: 0px;
		}
		.ui_chartNumerics > .ui_chartNumerics_inner > div + div {
			border-left: 0px solid rgba(0,0,0,0.04);
			border-left: 0px solid rgba(0,0,0,0.04);
			border-top: 2px solid rgba(0,0,0,0.02);
			margin-top: 10px;
			padding-top: 10px;
			margin-bottom: 0px;
		}
		.ui_chartNumerics > .ui_chartNumerics_inner > div:nth-of-type(1),
		.ui_chartNumerics > .ui_chartNumerics_inner > div:nth-of-type(2) {
			border-top: 0px solid rgba(0,0,0,0.02) !important;
			padding-top: 0px;
			margin-top: 0px;
		}

	}

.ui_contentToolbar {
	background: rgba(0,0,0,0.04);
	padding: 10px;
}


.ui_accountHeader {
	display: block;
	background: rgba(0,0,0,0.03);
	padding: 10px;
	margin-bottom: 20px;
	}
	.ui_accountHeader img {
		float: left;
		margin-right: 15px;
	}
	.ui_accountHeader h3 {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.ui_accountHeader p {
		margin: 0px;
		padding: 0px;
		font-size: 13px;
		line-height: 16px;
		}
		.ui_accountHeader p.email {
			color: rgba(0,0,0,0.6);
			margin-bottom: 5px;
		}
		.ui_accountHeader p span {
			/* text-transform: uppercase; */
			color: rgba(0,0,0,0.6);
			display: inline-block;
			width: 90px;
		}

.ui_contextMenuControlButton {
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 2px;
	height: 24px;
	width: 24px;
	background: rgba(0,0,0,0.01);
	background-image: url('/img/ui/iconmonstr-arrow-65-aaaaaa.svg');
	background-size: 13px;
	background-position: center center;
	background-repeat: no-repeat;
	}
	.ui_contextMenuControlButton:hover {
		background-color: rgba(0,0,0,0.03);
		}
		.ui_contextMenuControlButton.ui_contextMenuControlButton--topRight {
			position: absolute;
			top: 20px;
			right: 15px;
		}


.ui_contextmenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	.ui_contextmenu li div {
		margin: 3px 0px 8px 8px;
		}
		.ui_contextmenu li div label {
			max-width: 150px;
		}
		.ui_contextmenu li div .ui_switch {
			float:right;
			margin-left: 15px;
		}
	.ui_contextmenu li div.disabled {
		font-size: 13px;
		line-height: 16px;
		color: rgba(0,0,0,0.2);
		padding: 3px 8px 3px 8px;
		}
		.ui_contextmenu li div.disabled a {
			font-size: 13px;
			color: rgba(0,0,0,0.4);
			text-decoration: underline;
			}
	.ui_contextmenu li.title {
		font-size: 13px;
		font-weight: 500;
		text-transform: uppercase;
		color: rgba(0,0,0,0.5);
		padding: 3px 8px 0px 8px;
		}
		.ui_contextmenu li + li.title {
			border-top: 1px solid rgba(0,0,0,0.08);
			margin-top: 3px;
			padding-top: 8px;
			}
	.ui_contextmenu li>a {
		display: block;
		font-size: 15px;
		padding: 3px 8px;
		border-radius: 2px;
		cursor: pointer;
		}
		.ui_contextmenu li>a:hover {
			font-size: 15px;
			background: rgb(96,194,254);
			background: -moz-linear-gradient(-45deg, rgba(96,194,254,1) 0%, rgba(21,112,227,1) 84%);
			background: -webkit-linear-gradient(-45deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
			background: linear-gradient(135deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
			background-size: 100% 100%;
			background-attachment: fixed;
			color: rgba(255,255,255,1);
			}
		.ui_contextmenu li>a.disabled {
			color: rgba(0,0,0,0.1);
			background: none;
			cursor: not-allowed;
			}

.ui_note {
	border: 1px solid rgba(255, 252, 0, 1);
	background: rgba(255, 252, 0, 0.1);
	padding: 8px;
	font-size: 0.9em;
	line-height: 1.3em;
	}
	.ui_note.ui_note--blue {
		border: 1px solid rgba(0, 232, 255, 0.5);
		background: rgba(0, 232, 255, 0.1);
		}

.ui_payments_cards {

	}
	.ui_payments_cards .ui_payments_cards--item {
		padding-bottom: 10px;
		}
		.ui_payments_cards .ui_payments_cards--item + .ui_payments_cards--item {
			border-top: 1px solid rgba(0,0,0,0.08);
			padding-top: 8px;
			}
		.ui_payments_cards .ui_payments_cards--item icon {
			margin-right: 10px;
		}
		.ui_payments_cards .ui_payments_cards--item span.cardNumber {
			line-height: 20px;
			position: relative;
			top: -5px;
			color: rgba(0,0,0,0.7);
			font-family:'Source Code Pro',serif;
			}
			.ui_payments_cards .ui_payments_cards--cardExpired span.cardNumber {
				color: rgba(0,0,0,0.5);
				text-decoration: line-through;
			}
		.ui_payments_cards .ui_payments_cards--item span.cardExp {
			line-height: 20px;
			position: relative;
			top: -5px;
			margin-left: 15px;
			color: rgba(0,0,0,0.7);
			font-family:'Source Code Pro',serif;
			}
			.ui_payments_cards .ui_payments_cards--item span.cardExp>span {
				font-size: 12px;
				text-transform: uppercase;
				color: rgba(0,0,0,0.4);
				margin-right: 5px;
			}
		.ui_payments_cards .ui_payments_cards--item span.control {
			float: right;
			}
			.ui_payments_cards .ui_payments_cards--item:hover span.control {

				}
		.ui_payments_cards .ui_payments_cards--item span.cardFlag {
			margin-left: 35px;
			padding: 2px 4px;
			font-size: 12px;
			border-radius: 2px;
			}
			.ui_payments_cards .ui_payments_cards--item span.cardFlag + span.cardFlag {
				margin-left: 5px;
			}
			.ui_payments_cards .ui_payments_cards--item span.cardFlag.default {
				background-color: rgb(0, 186, 255);
				color: white;
				}
			.ui_payments_cards .ui_payments_cards--item span.cardFlag.expired {
				background-color: rgb(255, 0, 0);
				color: white;
				}
		.ui_payments_cards .ui_payments_cards--item span.cardDetail {
			line-height: 20px;
			position: relative;
			top: -5px;
			margin-left: 35px;
			color: rgba(0,0,0,0.7);
			font-family:'Source Code Pro',serif;
			font-size: 13px;
			display: block;
			}
			.ui_payments_cards .ui_payments_cards--item span.cardDetail>span {
				font-size: 12px;
				text-transform: uppercase;
				color: rgba(0,0,0,0.4);
				margin-right: 5px;
			}

#noscript {
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;

	background: rgb(96, 194, 254);
	background: -moz-linear-gradient(-45deg, rgba(96, 194, 254, 1) 0%, rgba(21, 112, 227, 1) 84%);
	background: -webkit-linear-gradient(-45deg, rgba(96, 194, 254, 1) 0%, rgba(21, 112, 227, 1) 84%);
	background: linear-gradient(135deg, rgba(96, 194, 254, 1) 0%, rgba(21, 112, 227, 1) 84%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3', GradientType=1 );
	background-size: 100% 100%;
	background-attachment: fixed;

	display: flex;
  align-items: center;
  justify-content: center;
	}
	#noscript .noscript-inner {
		display: inline-block;
		text-align: center;
		color: rgba(255,255,255,1);
	}
	#noscript .noscript-inner img.logo {
		display: inline-block;
		margin-bottom: 20px;
		height: 70px;
	}

div.artists {
	padding-left: 5px;
	padding-right: 5px;
	}
	.artists>div>div {

		margin: 5px;
		padding: 5px;
		}
		.artists>.artist {
			position: relative;
		}
		.artists>.artist>div>a>.image {
			display: block;
			background-color: rgba(0,0,0,0.08);
			background-position: top;
			background-repeat: no-repeat;
			background-size: cover;
			/* height: 100%; */
			width: 100%;
			min-height: 200px;
			border-radius: 3px;
			box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
			}
			.artists>.artist>div>a>.image.none {
				background-image: url(/img/music/defaultAvatar.png);
				background-size: initial;
				background-position: center center;
			}
			/* .artists>.artist>div>a>.image:hover {
				-webkit-transform: scale(1.03);
				-ms-transform: scale(1.03);
				transform: scale(1.03);
				-o-transition: .3s;
				-ms-transition: .3s;
				-moz-transition: .3s;
				-webkit-transition: .3s;
				transition: .3s;
			} */
		.artists>.artist>div>a {
			display: block;
			font-size: 18px;
			text-align: center;
			transition: all .2s ease-in-out;
		}
		.artists>.artist>div>a:hover div.image {
			transform: scale(1.02);
			transition: all .2s ease-in-out;
		}
		.artists>.artist>div>a>h3 {
			display: block;
			font-size: 18px;
			text-align: center;
			margin: 10px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			color: var(--lava-app-card-link-normal);
		}
		.artists>.artist>div>a:hover>h3 {
			color: var(--lava-app-card-link-hover);
		}
		.elem_artistGrid .artists>.artist:hover {
			opacity: 0.8;
			/* fade link effects on hover */
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			/* ...and now for the proper property */
			transition:.3s;
		}
		body.dark .artists>.artist>div>a:hover {
			opacity: 0.6;
		}
		.artists>.artist .sash {
			position: absolute;
			top: 10px;
			right: 10px;
			height: 50px;
			width: 50px;
		}

.ui_table {

	}
	.ui_table tr td .avatar {
		height: 100px;
		width: 100px;
		display: block;
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100px;
		border-radius: 3px;
		}
		.ui_table tr td .avatar.none {
			background-image: url('/img/global/musical-note-blue-dashed.svg');
			background-size: 70%;
			border: 2px dashed rgba(0,0,0,0.05);
			border-radius: 3px;
			}
	.ui_table .ui_table-controlIcons a + a {
		margin-left: 5px;
		}
		.ui_table .ui_table-controlIcons .icon.apple-os-1 {
			position: relative;
			top: -2px;
		}

.articles {
		margin: 15px;
		/* padding: 15px; */
	}
	.articles .news_article {
		/* margin-bottom: 15px; */
		padding: 15px;

		}
	.articles .news_article a {
		display: block;
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 2px;
		color: rgba(0,0,0,0.8);
		}
		.articles .news_article>a>div.details {
			background: rgba(0,0,0,0.01);
			padding: 15px 15px 15px 15px;
			border-top: 1px solid rgba(0,0,0,0.05);
			}
			.articles .news_article>a>div.details p {
				color: rgba(0,0,0,0.6);
				font-size: 16px;
			}
		.articles .news_article>a>div.meta {
			background: rgba(0,0,0,0.02);
			padding: 5px 15px 10px 15px;
			border-top: 1px solid rgba(0,0,0,0.02);
			font-size: 13px;
			}
			.articles .news_article>a>div.meta time {
				color: rgba(0,0,0,0.4);
			}
			.articles .news_article>a>div.meta .categoryTag {
				margin-left: 10px;
				background: rgba(255,255,255,1);
				border: 1px solid rgba(0,0,0,0.1);
				border-radius: 3px;
				padding: 2px 5px;
				display: inline-block;
			}
		.articles .news_article>a>div.image {
			min-height: 250px;
			background-position: center top;
			background-repeat: no-repeat;
		}
		.articles .news_article>a:hover>div.details {
			background-color: rgba(96,194,254,0.2);
		}
		.articles .news_article>a:hover>div.meta {
			background-color: rgba(96,194,254,0.25)
		}

		.article {
			padding: 15px;
		}
		.article .description {
			font-size: 18px;
			display: none;
		}
		.article .articleBody .image-cover {
			float: right;
			font-size: 22px;
			color: rgba(0,0,0,0.7);
			margin-left: 15px;
			margin-bottom: 15px;
			max-width: 30%;
			}
			@media screen and (max-width: 580px) {
				.article .articleBody .image-cover {
					float: none;
					margin-left: 0px;
					margin-bottom: 0px;
					max-width: 100%;
					}
			}
		.article .articleBody p:first-child {
			font-size: 22px;
			color: rgba(0,0,0,0.7);
		}
		.article .articleBody p {
			margin-bottom: 20px;
		}
		.article .meta {
			background: rgba(0,0,0,0.02);
			padding: 10px 15px 10px 15px;
			border-top: 1px solid rgba(0,0,0,0.08);
			margin-top: 50px;
			font-size: 13px;
		}


#news_articles_component {
	/* background: white; */
}
.news_articles_mini {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	.news_articles_mini li {
		list-style: none;
		margin-bottom: 8px;
		}
	.news_articles_mini li a {
		display: block;
		/* background: rgba(255,255,255,0.03); */
		background: var(--lava-app-chrome-background-secondary);
		padding: 15px;
		}
	.news_articles_mini li a:hover {
		background-color: rgba(96,194,254,0.25);
		}
		.news_articles_mini li + li {
			/* border-top: 1px solid rgba(0,0,0,0.2); */
			}
		.news_articles_mini h3 {
			font-size: 16px;
			color: var(--lava-app-chrome-foreground-main);
		}
		.news_articles_mini>li>a>img.favicon {
			float:right;
			margin-top: 4px;
			margin-left: 10px
		}
		.news_articles_mini>li>a>p {
			list-style: none;
			font-size: 14px;
			color: var(--lava-app-chrome-foreground-main);
			padding: 0px;
			margin-top: 5px;
		}
		.news_articles_mini>li>a>div.meta {
			margin-top: 8px;
			font-size: 12px;
			/* color: rgba(0,0,0,0.4); */
			color: var(--lava-app-chrome-foreground-secondary);
		}

.stationIndex {

	}
	.stationIndex-title {
		margin-bottom: 15px;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}

.artistIndex {
		padding-left: 15px;
		padding-right: 15px;
		}
	.artistIndex-hero-wrapper {
		min-height: 100px;
		overflow: hidden;
		margin-bottom: 10px;
		}
	.artistIndex .artistIndex-hero {
		min-height: 300px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center 10%;
		}
		.artistIndex .artistIndex-hero.artistIndex-hero--blur {
			filter: blur(3px);
			-webkit-filter: blur(3px);
			-moz-filter: blur(3px);
			-o-filter: blur(3px);
			-ms-filter: blur(3px);

			min-height: 300px;
			background-repeat: no-repeat;
			transform: scale(1.30);
		}
		.artistIndex .artistIndex-hero.artistIndex-hero--blur + .artistIndex-title.artistIndex-title--blurFromAbove {
			padding-top: 50px;
			padding-left: 15px;
		}
 	.artistIndex-title:not(.artistIndex-title--blurFromAbove) {
			clear: both;
			margin-bottom: 0px;
			padding-bottom: 5px;
			border-bottom: 1px solid rgba(0,0,0,0.13);
		}
 	.artistIndex-title {
		display: block;
		padding-bottom: 15px;
		margin-bottom: 15px;
		}
	 	.artistIndex-title h2 {
			margin-bottom: 0px;
			padding-bottom: 0px;
			}
	 	.artistIndex-title h3 {
			/* margin-bottom: 0px; */
			/* padding-bottom: 0px; */
			color: rgba(0,0,0,0.3);
			margin-top: -5px;
			}
		 	.artistIndex-title h3 a {
				/* margin-bottom: 0px; */
				/* padding-bottom: 0px; */
				color: rgba(75, 171, 244, 1.0);
				color: rgba(0, 0, 0, 0.6);
				}
		 	.artistIndex-title h3 a:hover {
				color: rgba(75, 171, 244, 1.0);
				}
	 	.artistIndex-title h2 span {
			/* font: inherit; */
			}
		 	.artistIndex-title h2 span.phonetic {
				font: inherit;
				font-size: 16px;
				color: rgba(0,0,0,0.6);
				font-style: italic;
				padding-left: 10px;
				}
			.artistIndex .track_list {
				margin-top: 10px;
			}

.artist_about {
	margin-top: 0px;
	background: rgba(0,0,0,0.03);
	padding-top: 5px;
}
.artist_about p {
	font-size: 16px;
	padding: 0px 10px 0px 10px;
}

.track_details {
	border-left: 1px solid rgba(0,0,0,0.1);
	padding-left: 10px;
}
.track_details-artwork img {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 15px;
	height: auto;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	margin-top: 20px;
}
.track_details-property_sectionHeader {
	font-size: 20px;
	}
	.track_details-property_sectionHeader h4{
		font-size: 16px;
		/* font-family: 'Slabo 27px', serif; */
		color: rgba(0, 0, 0, 0.4);
		margin-bottom: 5px;
		padding-bottom: 0px;
		border-bottom: 1px solid rgba(0,0,0,0.05);
	}
	.track_details-property_value {
		border-bottom: 1px solid rgba(0,0,0,0.05);
	}
	.track_details-property_value + .track_details-property_sectionHeader {
			margin-top: 10px;
			padding-top: 5px;
			/* border-top: 1px solid rgba(0,0,0,0.1); */
	}
.track_details-property_header {
	text-align: right;
	padding-right: 10px;
	color: rgba(0,0,0,0.6);
	}
	@media screen and (min-width: 0px) and (max-width: 601px) {
		.track_details {
			border-left: 0px solid transparent;
		}
		.track_details-property_header {
			text-align: left;
			margin-bottom: 0px;
		}
		.track_details-property_value {
			margin-bottom: 10px;
			margin-left: 10px;
		}
	}
	@media screen and (min-width: 0px) and (max-width: 1023px) {
		.track_details {
			border-left: 0px solid transparent;
		}
	}

/** TRACK PROFILE '19 **/
.lava19a_profileDetail {
	padding-left: 15px;
	padding-right: 15px;
}
.lava19a_profileDetail .lava19a_profileDetail-title {
	display: block;
	/* padding-bottom: 15px; */
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	.lava19a_profileDetail .lava19a_profileDetail-title h2 {
		margin-bottom: 0px;
		padding-bottom: 0px;
		font-family: 'Inter';
		letter-spacing: -0.5px;
		}
	.lava19a_profileDetail .lava19a_profileDetail-title h3 {
		/* margin-bottom: 0px; */
		/* padding-bottom: 0px; */
		color: rgba(0,0,0,0.3);
		margin-top: -5px;
		font-family: 'Inter';
		}
		.lava19a_profileDetail .lava19a_profileDetail-title h3 a {
			color: rgba(75, 171, 244, 1.0);
			color: rgba(0, 0, 0, 0.6);
			}
		.lava19a_profileDetail .lava19a_profileDetail-title h3 a:hover {
			color: rgba(75, 171, 244, 1.0);
			}
	.lava19a_profileDetail .lava19a_profileDetail-title h2 span {
		/* font: inherit; */
		}
		.lava19a_profileDetail .lava19a_profileDetail-title h2 span.phonetic {
			font: inherit;
			font-size: 16px;
			color: rgba(0,0,0,0.6);
			font-style: italic;
			padding-left: 10px;
			}
	.lava19a_profileDetail-content {
		padding-right: 15px;
	}
	.lava19a_profileDetail-content > .ui_contentToolbar {
		margin-bottom: 15px;
		}
		.lava19a_profileDetail-content h3 {
			font-family: 'Inter';
			text-transform: uppercase;
			color: rgba(0,0,0,0.4);
			font-weight: 400;
			font-size: 18px;
		}

.lava19a_profileDetail .track_list {
	margin-top: 10px;
}
.lava19a_profileDetail .sidebar {
	border-left: 1px solid rgba(0,0,0,0.1);
	padding-left: 15px;
}

/** STATION PROFILE **/
	.lava_station {
			padding-left: 15px;
			padding-right: 15px;
			}
			.lava_station h2 span.stream {
				float: right;
				font-size: 13px;
				color: rgba(0,0,0, 0.2);
				text-transform: uppercase;
				border-bottom: 0px;
				line-height: 20px;
				margin-top: 3px;
				height: 15px;
				width: 15px;
				background:
				}
		.lava_stations_station_log {

			}
			.lava_stations_station_log tr {
				vertical-align: top;
				}
				.lava_stations_station_log tr td.controls {
					vertical-align: middle;
					}
					.lava_stations_station_log tr td.controls a {
						margin-right: 8px;
					}
					.lava_stations_station_log tr td icon {
						height: 18px;
						width: 18px;
					}
		#lava_stations_station_log_wrapper {
			width: 100%;
		}

.largeIcon.largeIcon--tape_blue {
	background: url('/img/icons/tape_blue.svg');
	background-position: center center;
	background-repeat: no-repeat;
	height: 120px;
	width: 120px;
	display: inline-block;
}

/**** SEARCH ****/

.searchResults {
	padding-top: 8px;
	}
	.searchResults h3 {
		font-size: 24px;
		font-family: 'Inter','Source Sans Pro', sans-serif;
		margin-bottom: 20px;
		font-weight: 600;
		}
		.searchResults .searchResults-results + h3 {
			margin-top: 50px;
		}
	.searchResults-results .searchResults-suggestion {
		padding: 8px 10px;
		border-radius: 3px;
		background: rgba(53, 145, 238, 0.1);
		}
		.searchResults-results .searchResults-suggestion:hover {
			background: rgba(53, 145, 238, 0.18);
			}
	.searchResults .searchResults-result {
		margin-bottom: 30px;
		}
		.searchResults .searchResults-result:hover {
			opacity: 0.7;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			transition:.3s;
			}
		.searchResults .searchResults-result div {

		}
		.searchResults .searchResults-result div.meta {
			max-width: 200px;
			text-align: center;
			font-family: 'Inter','Source Sans Pro', sans-serif;
			letter-spacing: 0px;
			}
			.searchResults .searchResults-result div.meta .searchResults-type_tracks-artists a {
				color: rgba(0,0,0,0.8);
				font-weight: 400;
				font-size: 0.9em;
			}
			.searchResults .searchResults-result div.meta .searchResults-type_tracks-artists a + a::before {
				color: rgba(0,0,0,0.5);
				content: ' / ';
				}
			.searchResults .searchResults-result--stations a {
				color: rgba(0,0,0,0.8);
				}
			.searchResults .searchResults-result--artists a {
				color: rgba(0,0,0,0.7);
				}



.ui_avatar {
		height: 100px;
		width: 100px;
		display: inline-block;
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 3px;
		max-width: 100%;
		border: 1px solid rgba(0,0,0,0.1);
		box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
		}
		.ui_avatar.ui_avatar-noborder {
			border: none;
			box-shadow: none;
		}
		.ui_avatar.ui_avatar-80pc {
			background-size: 80%;
		}
		.ui_avatar.ui_avatar-size-200 {
			height: 200px;
			width: 200px;
		}
		.ui_avatar.station.none {
			background-image: url('/img/global/musical-note-blue-dashed.svg');
			background-size: 70%;
			border: 2px dashed rgba(0,0,0,0.05);
			border-radius: 3px;
			}
		.ui_avatar.artist {
			border-radius: 12px;
		}
		.ui_avatar.artist.none {
			background-image: url('/img/global/musical-note-blue-dashed.svg');
			background-size: 70%;
			border: 2px dashed rgba(0,0,0,0.05);
			border-radius: 3px;
			}
		.ui_avatar.track.none {
			background-image: url('/img/global/musical-note-blue-dashed.svg');
			background-size: 70%;
			border: 2px dashed rgba(0,0,0,0.05);
			border-radius: 3px;
			}
		.ui_avatar.none {
			border: none;
			box-shadow: none;
		}

/* .artists>.artist>div>a>.image {
			display: block;
			background-color: rgba(0,0,0,0.08);
			background-position: top;
			background-repeat: no-repeat;
			background-size: cover;
			width: 100%;
			min-height: 200px;
			border-radius: 3px;
			box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
			}
			.artists>.artist>div>a>.image.none {
				background-image: url(/img/music/defaultAvatar.png);
				background-size: initial;
				background-position: center center;
			} */

/**** END: SEARCH ****/

/***********
		BackOfHouse
		*******/

		#backofhouse_viewport {
			min-height: 500px;
			}
		#backofhouse_viewport.corrector>.grid-x {
			/* height: 100%; */
			min-height: 700px;
			}
		#backofhouse_viewport.corrector>.grid-x>.column {
			height: 100%;
			max-height: 700px;
			min-height: 700px;
			overflow-x: scroll;
			}
			#backofhouse_viewport .logged_details {
				background: rgba(0,0,0,0.1);
				height: 100%;
				min-height: 100%;
				}
				#backofhouse_viewport h3 {
					border-bottom: 2px solid rgba(49, 140, 236, 0.5);
				}

				#backofhouse_viewport .links {
					margin-top: 100px;
					border-top: 1px solid rgba(49, 140, 236, 0.5);
					background: rgba(0,0,0, 0.05);
					padding: 5px;
					}
					#backofhouse_viewport .links a {
						font-size: 13px;
						}

				#backofhouse_viewport ul.trackSelector {
					border: 1px solid rgba(0,0,0,0.2);
					height: calc(100%);
					max-height: 660px;
					padding: 0px;
					margin: 0px;
					list-style: none;
					overflow-x: hidden;
					overflow-y: scroll;
					}
				#backofhouse_viewport ul.trackSelector li {
					padding: 3px 10px 3px 10px;
					margin: 0px;
					border-bottom: 1px solid rgba(0,0,0,0.08);
					}
				#backofhouse_viewport ul.trackSelector li span.trackId {
					float: right;
					padding-left: 10px;
					opacity: 0.3;
					display: block;
					}
					#backofhouse_viewport ul.trackSelector li span.flags {

						}
						#backofhouse_viewport ul.trackSelector li span.flag {
							display: inline-block;
							padding: 1px 3px;
							background: rgba(37, 129, 232, 0.7);
							color: white;
							font-weight: 600;
							font-size: 0.8em;
							border-radius: 2px;
							margin-bottom: 5px;
						}
				#backofhouse_viewport ul.trackSelector li span.featuredArtists,
				#backofhouse_viewport ul.trackSelector li span.meta_year {
					display: block;
					font-size: 12px;
					opacity: 0.4;
					}
					#backofhouse_viewport ul.trackSelector li span.meta_year {
						display: inline-block;
					}
					#backofhouse_viewport ul.trackSelector li span.featuredArtists>span.label-with {
						font-weight: 600;
						}
					#backofhouse_viewport ul.trackSelector li span.featuredArtists span.artist:not(:last-of-type):after {
					  content: ',';
						}
				#backofhouse_viewport ul.trackSelector li.track404 {
					color: rgba(187, 149, 232,1);
					background: rgba(187, 149, 232,0.08);
					text-align: right;
					font-size: 13px;
					}
					#backofhouse_viewport ul.trackSelector li.track404 > span {
						display: block;
						padding-left: 50%;
					}
				#backofhouse_viewport ul.trackSelector li:hover {
					background: rgba(49, 140, 236, 0.1);
					cursor: pointer;
					}
				#backofhouse_viewport ul.trackSelector li.selected {
					background: rgba(49, 140, 236, 0.8);
					color: rgba(255,255,255,1);
					/* font-weight: 600; */
					}

.separator-or {
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	width: 100%;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	color: rgba(0,0,0,0.3);

	margin-top: 15px;
	margin-bottom: 15px;
}

/****** JS PLUGIN STYLES***/

	/*quilljs*/
	#boh_news_content .ql-toolbar.ql-snow {
		border-top: 2px solid rgba(204, 204, 204, 1.0);
		border-left: 2px solid rgba(204, 204, 204, 1.0);
		border-right: 2px solid rgba(204, 204, 204, 1.0);
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	#boh_news_content .ql-container.ql-snow {
		border-bottom: 2px solid rgba(204, 204, 204, 1.0);
		border-left: 2px solid rgba(204, 204, 204, 1.0);
		border-right: 2px solid rgba(204, 204, 204, 1.0);
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	#boh_news_content .editor_container {
		min-height: 300px;
	}

	.ql-toolbar {
		background-color: rgba(0,0,0,0.02);
	}
	.ql-toolbar>span {
		border: 1px solid rgba(0,0,0,0.1);
		/* margin-bottom: 5px; */
		padding: 2px;
		border-radius: 2px;
		background: white;
	}
	.ql-toolbar>span button {
		padding: 2px;
	}
	.ql-toolbar>span button + button {
		border-left: 1px solid rgba(0,0,0,0.1);
		margin-left: 2px;
	}
	.ql-toolbar>span button.ql-active {
		background-color: rgba(0,0,0,0.1);
		border-radius: 2px;
	}


	/*flatpickr*/
	.flatpickr-current-month span.cur-month:hover {
		background: transparent !important;
	}
	.flatpickr-current-month input.cur-year {
		font-weight: normal !important;
	}

/*
	jBox (Tooltips)
*/
body .jBox-Tooltip .jBox-container {
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

/*
	jBox (Modal Windows)
*/

body .jBox-Modal .jBox-container .jBox-title {
	background: rgb(96,194,254);
	background: -moz-linear-gradient(-45deg, rgba(96,194,254,1) 0%, rgba(21,112,227,1) 84%);
	background: -webkit-linear-gradient(-45deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
	background: linear-gradient(135deg, rgba(96,194,254,1) 0%,rgba(21,112,227,1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	background-size: 100% 100%;
	background-attachment: fixed;

	font-family: 'Source Sans Pro', sans-serif;
	color: rgba(255,255,255,1);
}
body.environment-dev .jBox-Modal .jBox-container .jBox-title {
	background: rgb(254,215,95);
	background: -moz-linear-gradient(-45deg, rgba(23, 139, 164, 1) 0%,rgba(21, 111, 130, 1) 84%);
	background: -webkit-linear-gradient(-45deg, rgba(23, 139, 164, 1) 0%,rgba(21, 111, 130, 1) 84%);
	background: linear-gradient(135deg, rgba(23, 139, 164, 1) 0%,rgba(21, 111, 130, 1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	background-size: 100% 100%;
	background-attachment: fixed;
	color: rgba(255,255,255,1);
}
body.environment-staging .jBox-Modal .jBox-container .jBox-title {
	background: rgb(254,215,95);
	background: -moz-linear-gradient(-45deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	background: -webkit-linear-gradient(-45deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	background: linear-gradient(135deg, rgba(23, 164, 135, 1) 0%,rgba(21, 130, 94, 1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c2fe', endColorstr='#1570e3',GradientType=1 );
	background-size: 100% 100%;
	background-attachment: fixed;
	color: rgba(255,255,255,1);
}


/******************
	Site Banner Notice
	*/
	.siteBannerNotice {
		display: none;
		width: 100%;
		text-align: center;
		color: rgb(254, 254, 254);
		/* background-color: rgb(12, 112, 185); */
		background-color: rgba(42, 120, 236, 1.0);
		/* margin-top: 80px; */
		/* padding-bottom: 10px */
		background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
		background-size: 400% 400%;
		-webkit-animation: ANIM_siteBannerNoticeGradient 15s ease infinite;
		-moz-animation: ANIM_siteBannerNoticeGradient 15s ease infinite;
		animation: ANIM_siteBannerNoticeGradient 15s ease infinite;
			}
			@-webkit-keyframes ANIM_siteBannerNoticeGradient {
				0% {background-position: 0% 50%}
				50% {background-position: 100% 50%}
				100% {background-position: 0% 50%}
			}
			@-moz-keyframes ANIM_siteBannerNoticeGradient {
				0% {background-position: 0% 50%}
				50% {background-position: 100% 50%}
				100% {background-position: 0% 50%}
			}
			@keyframes ANIM_siteBannerNoticeGradient {
				0% {background-position: 0% 50%}
				50% {background-position: 100% 50%}
				100% {background-position: 0% 50%}
			}
		.siteBannerNotice.christmas {
			background-color: rgb(208, 29, 26);
		}
		.siteBannerNotice .inner {
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 15px;
			padding-right: 15px;
			}
			.siteBannerNotice a {
				color: rgba(255, 255, 255,1);
				}
			.siteBannerNotice a:hover,
			.siteBannerNotice a:hover div.inner {
				color: rgba(255, 255, 255,0.7);
				}
		.siteBannerNotice + section.cd-hero {
			margin-top: 0px !important;
		}
		.siteBannerNotice + section.cd-hero .cd-hero-content {
			/* padding-top: 40px; */
		}


		/****
			ui_loading
			*/
			.ui_loading {
				animation-duration: 1s;
				animation-fill-mode: forwards;
				animation-iteration-count: infinite;
				animation-name: ANIM_placeHolderShimmer;
				animation-timing-function: linear;
				background: #f6f7f8;
				background: linear-gradient(120deg, rgba(75, 171, 246, 0) 20%, rgba(75, 171, 246, 0.1) 38%, rgba(75, 171, 246, 0) 50%);
				background-size: 200% 100%;
				background-repeat: no-repeat;
				min-height: 100px;
				max-height: 200px;
			}
			@keyframes ANIM_placeHolderShimmer{
				0%{
					background-position: 100% 0
				}
				100%{
					background-position: -100% 0
				}
			}

		/*adjustments*/
			.display-inline {display: inline;}
			.display-inlineblock {display: inline-block;}
			.display-block {display: block;}
			.display-none {display: none}

			.float-left {float: left;}
			.float-right {float: right;}
			.float-none {float: none;}

			.clearBoth {clear: both;}

			.fadeInOnHover, .fadeInOnParentHover {
				/* fade link effects on hover */
				-o-transition:.3s;
				-ms-transition:.3s;
				-moz-transition:.3s;
				-webkit-transition:.3s;
				/* ...and now for the proper property */
				transition:.3s;

				opacity: 0;
			}
			.fadeInOnHover:hover,
			*:hover>.fadeInOnParentHover {
				opacity: 1;
			}

			.text-blue {color: #3b8dbb !important;}
			.border-blue {border-color: #3b8dbb !important;}
			.background-blue {background-color: #3b8dbb !important;}
			.stripe.blue {border-left-color: #3b8dbb !important;}
			.stripe-right.right-blue {border-color: #3b8dbb !important;}

			.text-brightblue {color: #00c0ef !important;}
			.border-brightblue {border-color: #00c0ef !important;}
			.background-brightblue {background-color: #00c0ef !important;}
			.stripe.brightblue {border-left-color: #3b8dbb !important;}
			.stripe-right.right-brightblue {border-color: #3b8dbb !important;}

			.text-green {color: #00a65a !important;}
			.border-green {border-color: #00a65a !important;}
			.background-green {background-color: #00a65a !important;}
			.stripe.green {border-left-color: #00a65a !important;}
			.stripe-right.right-green {border-color: #00a65a !important;}

			.text-yellow {color: #f29b12 !important;}
			.border-yellow {border-color: #f29b12 !important;}
			.background-yellow {background-color: #f29b12 !important;}
			.stripe.yellow {border-left-color: #f29b12 !important;}
			.stripe-right.right-yellow {border-color: #f29b12 !important;}

			.text-orange {color: #ff851b !important;}
			.border-orange {border-color: #ff851b !important;}
			.background-orange {background-color: #ff851b !important;}
			.stripe.orange {border-left-color: #ff851b !important;}
			.stripe-right.right-orange {border-color: #ff851b !important;}

			.text-red {color: #dd4a39 !important;}
			.border-red {border-color: #dd4a39 !important;}
			.background-red {background-color: #dd4a39 !important;}
			.stripe.red {border-left-color: #dd4a39 !important;}
			.stripe-right.right-red {border-color: #dd4a39 !important;}

			.text-maroon {color: #d81a5f !important;}
			.border-maroon {border-color: #d81a5f !important;}
			.background-maroon {background-color: #d81a5f !important;}
			.stripe.maroon {border-left-color: #d81a5f !important;}
			.stripe-right.right-maroon {border-color: #d81a5f !important;}

			.text-purple {color: #5f5ba8 !important;}
			.border-purple {border-color: #5f5ba8 !important;}
			.background-purple {background-color: #5f5ba8 !important;}
			.stripe.purple {border-left-color: #5f5ba8 !important;}
			.stripe-right.right-purple {border-color: #5f5ba8 !important;}

			.text-grey-dark {color: #777777 !important;}
			.border-grey-dark {border-color: #777777 !important;}
			.background-grey-dark {background-color: #777777 !important;}
			.stripe.grey-dark {border-left-color: #777777 !important;}
			.stripe-right.right-grey-dark {border-color: #777777 !important;}

			.text-grey-darker {color: rgba(0, 0, 0, 0.60) !important;}
			.border-grey-darker {border-color: rgba(0, 0, 0, 0.60) !important;}
			.background-grey-darker {background-color: rgba(0, 0, 0, 0.60) !important;}
			.stripe.grey-darker {border-left-color: rgba(0, 0, 0, 0.60) !important;}
			.stripe-right.right-grey-darker {border-color: rgba(0, 0, 0, 0.60) !important;}

			.text-grey-mid {color: #909090 !important;}
			.border-grey-mid {border-color: #909090 !important;}
			.background-grey-mid {background-color: #909090 !important;}
			.stripe.grey-mid {border-left-color: #909090 !important;}
			.stripe-right.right-grey-mid {border-color: #909090 !important;}

			.text-white {color: #FFFFFF !important;}
			.border-white {border-color: #FFFFFF !important;}
			.background-white {background-color: #FFFFFF !important;}
			.stripe.white {border-left-color: #FFFFFF !important;}
			.stripe-right.right-white {border-color: #FFFFFF !important;}

			.text-grey-mid * {color: #909090 !important;}
			.border-grey-mid * {border-color: #909090 !important;}
			.background-grey-mid * {background-color: #909090 !important;}

			.text-wight-thin {font-weight: 100;}
			.text-wight-light {font-weight: 200;}
			.text-wight-normal {font-weight: 300;}
			.text-wight-thick {font-weight: 500;}

			.text-size-40 {font-size: 40px;}
			.text-size-24 {font-size: 24px;}
			.text-size-bigger {font-size: 18px;}
			.text-size-normal {font-size: 14px !important;}
			.text-size-small,
			.text-size-small * {font-size: 13px !important;
				line-height: normal !important;
				}

			.text-uppercase {text-transform: uppercase;}

			.text-left {text-align: left;}
			.text-center {text-align: center;}
			.text-right {text-align: right;}

			.text-push-up-35px {
				position: relative;
				top: -35px;
			}

			/* text fonts */
			.text-monospaced {font-family: 'Source Code Pro', monospace;}

			.text-empty, .text-disabled {
				font-size: 13px;
				font-style: italic;
				color: rgba(0, 0, 0, 0.3);
			}

			.bg-highlight-grey-light {
				background-color: rgba(0, 0, 0, 0.1) !important;
				}
			.bg-highlight-red {
				background-color: #ff0000 !important;
				background-color: rgba(255, 0, 0, 0.1) !important;
				}
			.bg-highlight-red-strong {
				background-color: #ff0000 !important;
				background-color: rgba(255, 0, 0, 0.4) !important;
				}
			.bg-highlight-orange {
				background-color: #ff8500 !important;
				background-color: rgba(255, 133, 0, 0.1) !important;
				}
			.bg-highlight-yellow {
				background-color: #fbff00 !important;
				background-color: rgba(251, 255, 0, 0.2) !important;
				}

			.bg-glass {
				background-color: #fefefe;
				background-color: rgba(255, 255, 255, 0.5);
			}
			.bg-glass-frost {
				background-color: #fefefe;
				background-color: rgba(255, 255, 255, 0.8);
				-webkit-backdrop-filter: blur(5px);
			}
			.border-glass {
				border-top: 1px solid rgba(128, 128, 128, 0.27);
			}

			/*borders*/
			.border-1px {border: 1px solid transparent;}
			.border-2px {border: 2px solid transparent;}
			/*.border-blue {border-color: #0070ff !important;}
			.border-red {border-color: #e10018 !important;}
			.border-green {border-color: #15ca00 !important;}
			.border-orange {border-color: #ff8d00 !important;}
			.border-yelow {border-color: #ffff00 !important;}
			.border-grey-dark {border-color: #777777 !important;}
			.border-grey-darker {border-color: rgba(0, 0, 0, 0.60) !important;}
			.border-grey-mid,.border-grey-mid * {border-color: #909090 !important;}*/
			.border-radius-1 {border-radius: 1px;}
			.border-radius-2 {border-radius: 2px;}
			.border-radius-3 {border-radius: 3px;}
			.border-radius-5 {border-radius: 5px;}
			.border-radius-100pc {border-radius: 100%;}

			/*opacity*/
			.opacity-100 {opacity: 1;}
			.opacity-80 {opacity: 0.8;}
			.opacity-60 {opacity: 0.6;}
			.opacity-50 {opacity: 0.5;}
			.opacity-40 {opacity: 0.4;}
			.opacity-20 {opacity: 0.2;}
			.opacity-10 {opacity: 0.1;}
			.opacity-0 {opacity: 0;}

			/*font size*/
			.small {font-size: 12px;}
			.text-big {font-size: 22px;}
			.text-reallyBig {font-size: 40px;}
			/*font weight*/
			.heavy {font-weight: 400;}
			/*padding*/
			.padding0 {padding: 0px !important;} .padding2 {padding: 2px;}	.padding3 {padding: 3px;}	.padding5 {padding: 5px;}	.padding10 {padding: 10px;}	.padding15 {padding: 15px;}	.padding20 {padding: 20px !important;}
			/*paddingT*/
			.paddingT0 {padding-top: 0px;}	.paddingT3 {padding-top: 3px;}	.paddingT5 {padding-top: 5px;}	.paddingT10 {padding-top: 10px;}	.paddingT15 {padding-top: 15px;}
			.paddingT20 {padding-top: 20px !important;}	.paddingT30 {padding-top: 30px;} .paddingT40 {padding-top: 40px;}	.paddingT50 {padding-top: 50px;}
			/*paddingR*/
			.paddingR0 {padding-right: 0px;}	.paddingR3 {padding-right: 3px;}	.paddingR5 {padding-right: 5px;}	.paddingR10 {padding-right: 10px;}	.paddingR15 {padding-right: 15px;}
			.paddingR20 {padding-right: 20px !important;}	.paddingR30 {padding-right: 30px;} .paddingR40 {padding-right: 40px;}	.paddingR50 {padding-right: 50px;}
			/*paddingL*/
			.paddingL0 {padding-left: 0px;}	.paddingL3 {padding-left: 3px;}	.paddingL5 {padding-left: 5px;}	.paddingL10 {padding-left: 10px;}	.paddingL15 {padding-left: 15px;}
			.paddingL20 {padding-left: 20px !important;}	.paddingL30 {padding-left: 30px;} .paddingL40 {padding-left: 40px;}	.paddingL50 {padding-left: 50px;}
			/*paddingB*/
			.paddingB0 {padding-bottom: 0px;}	.paddingB5 {padding-bottom: 5px;}	.paddingB10 {padding-bottom: 10px;}	.paddingB15 {padding-bottom: 15px;}
			.paddingB20 {padding-bottom: 20px;}
			/*paddingLR*/
			.paddingLR0 {padding-left: 0px; padding-right: 0px;}	.paddingLR5 {padding-left: 5px; padding-right: 5px;}
			.paddingLR10 {padding-left: 10px; padding-right: 10px;}	.paddingLR15 {padding-left: 15px; padding-right: 15px;}
			.paddingLR20 {padding-left: 20px; padding-right: 20px;}
			/*paddingTB*/
			.paddingTB0 {padding-top: 0px; padding-bottom: 0px;}	.paddingTB5 {padding-top: 5px; padding-bottom: 5px;}
			.paddingTB10 {padding-top: 10px; padding-bottom: 10px;}	.paddingTB15 {padding-top: 15px; padding-bottom: 15px;}
			.paddingTB20 {padding-top: 20px; padding-bottom: 20px;}
			/*paddingTB->children*/
			.paddingTBchildren0>* {padding-top: 0px; padding-bottom: 0px;}	.paddingTBchildren5>* {padding-top: 5px; padding-bottom: 5px;}
			.paddingTBchildren10>* {padding-top: 10px; padding-bottom: 10px;}	.paddingTBchildren15>* {padding-top: 15px; padding-bottom: 15px;}
			.paddingTBchildren20>* {padding-top: 20px; padding-bottom: 20px;}
			/*padding->children*/
			.paddingchildren0>* {padding: 0px;}	.paddingchildren5>* {padding: 5px;}	.paddingchildren10>* {padding: 10px;}	.paddingchildren15>* {padding: 15px;}
			.paddingchildren20>* {padding: 20px;}
			/*paddingLR->children*/
			.paddingLRchildren0>* {padding-left: 0px; padding-right: 0px;}	.paddingLRchildren5>* {padding-left: 5px; padding-right: 5px;}
			.paddingLRchildren10>* {padding-left: 10px; padding-right: 10px;}	.paddingLRchildren15>* {padding-left: 15px; padding-right: 15px;}
			.paddingLRchildren20>* {padding-left: 20px; padding-right: 20px;}
			/*margin*/
			.margin0 {margin: 0px !important;}	.margin5 {margin: 5px;}	.margin10 {margin: 10px;}	.margin15 {margin: 15px;}	.margin20 {margin: 20px;}
			/*marginLR*/
			.marginLR0 {margin-left: 0px; margin-right: 0px;}	.marginLR5 {margin-left: 5px; margin-right: 5px;}
			.marginLR10 {margin-left: 10px; margin-right: 10px;}	.marginLR15 {margin-left: 15px; margin-right: 15px;}
			.marginLR20 {margin-left: 20px; margin-right: 20px;}
			.marginLRauto {margin-left: auto; margin-right: auto;}
			/*marginR*/
				.marginR0 {margin-right: 0px;}	.marginR5 {margin-right: 5px;}
				.marginR10 {margin-right: 10px;}	.marginR15 {margin-right: 15px;}
				.marginR20 {margin-right: 20px;}
			/*marginR-pc*/
				.marginR5pc {margin-right: 5%;}
				.marginR10pc {margin-right: 10%;}	.marginR15pc {margin-right: 15%;}
				.marginR20pc {margin-right: 20%;}
			/*marginL*/
				.marginL0 {margin-left: 0px;}	.marginL5 {margin-left: 5px;}
				.marginL10 {margin-left: 10px;}	.marginL15 {margin-left: 15px;}
				.marginL20 {margin-left: 20px;}
			/*marginTB*/
			.marginTB0 {margin-top: 0px; margin-bottom: 0px;}	.marginTB5 {margin-top: 5px; margin-bottom: 5px;}
			.marginTB10 {margin-top: 10px; margin-bottom: 10px;}	.marginTB15 {margin-top: 15px; margin-bottom: 15px;}
			.marginTB20 {margin-top: 20px; margin-bottom: 20px;}
			/*marginT*/
			.marginT0 {margin-top: 0px !important;}	.marginT5 {margin-top: 5px;}	.marginT10 {margin-top: 10px;}	.marginT15 {margin-top: 15px;}
			.marginT20 {margin-top: 20px !important;} .marginT30 {margin-top: 30px !important;}
			/*marginB*/
			.marginB0 {margin-bottom: 0px !important;}	.marginB5 {margin-bottom: 5px;}	.marginB10 {margin-bottom: 10px;}	.marginB15 {margin-bottom: 15px;}
			.marginB20 {margin-bottom: 20px;}
			/*marginTB->children*/
			.marginTBchildren0>* {margin-top: 0px; margin-bottom: 0px;}	.marginTBchildren5>* {margin-top: 5px; margin-bottom: 5px;}
			.marginTBchildren10>* {margin-top: 10px; margin-bottom: 10px;}	.marginTBchildren15>* {margin-top: 15px; margin-bottom: 15px;}
			.marginTBchildren20>* {margin-top: 20px; margin-bottom: 20px;}
			/*margin->children*/
			.marginchildren0>* {margin: 0px;}	.marginchildren5>* {margin: 5px;}	.marginchildren10>* {margin: 10px;}	.marginchildren15>* {margin: 15px;}
			.marginchildren20>* {margin: 20px;}
			/*margin->children-pc*/
			.marginchildren4pc>* {margin: 4%;}	.marginchildren5pc>* {margin: 5%;}	.marginchildren10pc>* {margin: 10%;}	.marginchildren15pc>* {margin: 15%;}
			.marginchildren20pc>* {margin: 20%;}
			.marginchildren4pc2ndElem>*:nth-child(even){
				margin-left: 4%;
			}
			/*marginLR->children*/
			.marginLRchildren0>* {margin-left: 0px; margin-right: 0px;}	.marginLRchildren5>* {margin-left: 5px; margin-right: 5px;}
			.marginLRchildren10>* {margin-left: 10px; margin-right: 10px;}	.marginLRchildren15>* {margin-left: 15px; margin-right: 15px;}
			.marginLRchildren20>* {margin-left: 20px; margin-right: 20px;}
			/*textalign*/
			.textaligncentre {text-align: center;}	.textalignright {text-align: right;}
			/*text-decoration*/
			.strikethrough {text-decoration: line-through;}
			.text-underline {text-decoration: underline;}
			/*width*/
			.width50 {width: 50px;}
			.width10pc {width: 10% !important;}
			.width15pc {width: 15% !important;}
			.width20pc {width: 20% !important;}
			.width30pc {width: 30% !important;}
			.width45pc {width: 45% !important;}
			.width48pc {width: 48% !important;}
			.width50pc {width: 50% !important;}
			.width80pc {width: 80% !important;}
			.width90pc {width: 90% !important;}
			.width100pc {width: 100% !important;}
			.maxwidth500px {max-width: 500px !important;}
			/*height*/
			.height-full {height: calc(100% - 50px);}
			#frontbox .height-full {height: 100%;}
			.height50 {height: 50px;}
			.height10pc {height: 10% !important;}
			.height15pc {height: 15% !important;}
			.height20pc {height: 20% !important;}
			.height30pc {height: 30% !important;}
			.height45pc {height: 45% !important;}
			.height48pc {height: 48% !important;}
			.height50pc {height: 50% !important;}
			.height80pc {height: 80% !important;}
			.height90pc {height: 90% !important;}
			.height100pc {height: 100% !important;}
			.maxheight500px {max-height: 500px !important;}
			/*cursor*/
			.cursor-normal {cursor: normal;}
			.clickable, .cursor-pointer {cursor: pointer;}
			.not-clickable, .cursor-notallowed {cursor: not-allowed;}

			/*hidden/shown*/
			.showOnHover {display:none;}
			*:hover>.showOnHover {display:inline-block;}

			.showOnTableRowHover {display: none;}
			tr:hover .showOnTableRowHover {display: inline-block;}


	/* Small Screen Rules */
	@media screen and (min-width: 0px) and (max-width: 601px) {
		.responsiveSpacingAbove-s-15 {margin-top: 15px;}
		.responsiveSpacingAbove-s-30 {margin-top: 30px;}
		.responsiveSpacingAbove-s-40 {margin-top: 40px;}

		.responsiveSpacingBelow-s-15 {margin-bottom: 15px;}
		.responsiveSpacingBelow-s-30 {margin-bottom: 30px;}
		.responsiveSpacingBelow-s-40 {margin-bottom: 40px;}
	}
	/* Medium Screen Rules */
	@media screen and (min-width: 601px) and (max-width: 1024px) {
		.responsiveSpacingAbove-m-15 {margin-top: 15px;}
		.responsiveSpacingAbove-m-30 {margin-top: 30px;}
		.responsiveSpacingAbove-m-40 {margin-top: 40px;}

		.responsiveSpacingBelow-m-15 {margin-bottom: 15px;}
		.responsiveSpacingBelow-m-30 {margin-bottom: 30px;}
		.responsiveSpacingBelow-m-40 {margin-bottom: 40px;}
	}
	/* tablet and above */
	@media screen and (min-width: 601px){
		.responsive-nodesktop {display: none !important;}
		.responsive-desktop {display: inherit !important;}

		.responsiveSpacingAbove-d-15 {margin-top: 15px;}
		.responsiveSpacingAbove-d-30 {margin-top: 30px;}
		.responsiveSpacingAbove-d-40 {margin-top: 40px;}

		.responsiveSpacingBelow-d-15 {margin-bottom: 15px;}
		.responsiveSpacingBelow-d-30 {margin-bottom: 30px;}
		.responsiveSpacingBelow-d-40 {margin-bottom: 40px;}
	}

	@media screen {
		.yesno-print-yes,
		.yesno-screen-no {
			display: none !important;
		}
	}
	@media print {
		.yesno-print-no {display: none !important;}
		.yesno-print-yes {display: block !important;}
		.sidebar {display: none !important}
		#lava_nav-primary {display: none !important}
		a::after {display: none;}
		a {
			text-decoration: none;
		}
		#viewer .grid-x .large-9,
		.content {
			width: 100% !important;
			max-width: 100%;
		}
		.ui_nav_tabs {display: none !important;}
		#lavaStatus {display: none !important;}

		* {font-size: 1em;}
		h1 {font-size: 20px;}
		h2 {font-size: 18px;}
		h3 {font-size: 16px;}
		h2 + h3 {
			margin-top: -10px;
		}

		@page {
			margin: 0.5cm;
		}
	}