body, html {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

#container {
	width: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	float: left;
	/*min-width: 1050px;*/
}

/* html5 elements */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

.cannel-row {
	width: 100%;
}

.channel {
	display: inline-block; 
	float: left;
	position: relative;
	background: linear-gradient(to right, #E0F3FF 39px, transparent 39px, transparent 100%);
}

.channel section, .channel article {
	display: inline-block;
}

header.channel-name {
	background-color: #fff;
}

header.channel-name h2 {
	text-indent: -1000px;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
}
.program {
	width: 100%;
	white-space: nowrap;
	float: left;
	font-family: Sans-serif, Arial, Tahoma;
	font-size: 9pt;
	display: table !important;
	text-align: left;
}

.program .show-trailer  img{
	vertical-align: middle;
}

.program  .show-trailer {
	margin-left: 5px;
}

.daypart-block {
	border-style: solid;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	width: 100%;
	float: left;
}

.program .program-title {
	white-space: normal;
	display: table-cell;
	padding: 0px 0px 1px 8px;
	width: 100%;
}

.program .program-title , .program .start-time {
	text-align: left;
	vertical-align: top;
}

a.program-name {
	white-space: normal;
	/*display: inline-block;*/
	text-decoration: none;
	color: #000000;
}

a.program-name:hover {
	color: #009ee0 !important;
}

.program .start-time {
	/*padding-right: 10px; */
	/*margin-right: 10px; */
	/*background-color: #E2E2E2;*/
	/*font-weight: bold;*/
	display: table-cell;
	float: left;
	padding: 0px 0px 0px 4px;
	width: 34px;
}
.program.running .start-time {
	background-color: #aadfff;
}

.program.running {
	background-color: #bfe8ff;
	font-weight: bold;
}

.program .movie {
	font-weight: bold;
	background-color: #FDD1EC !important;
}

a.pt-imdb:hover{
	-moz-opacity: 1.0 !important; 
	opacity: 1.0 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
}

#program-table {
	margin-top: 10px;
}

nav#mobile-navi {
	display: inline-block;
	float: left;
	/*margin-bottom: 10px;*/
	background: linear-gradient(to top, #414141 0%, #292929 100%);
	width: 100%;
	height: 45px;
	position: relative;
}

h1#mobile-logo {
	width: 156px;
	height: 35px;
	display: inline-block;
	background-image: url('/images/logo_new_white2.png');
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 50%;
	margin: 0px 0px 0px -77px;
	background-size: auto 41px;
	background-repeat: no-repeat;
}

.css-arrow-right {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 17px solid #fff;
}

.css-arrow-left {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-right: 17px solid #fff;
}

:focus{
   outline:0;
}


@media (prefers-color-scheme: dark) {

	#container {
		background-color: #1E1C1F;
		color: #DCDCDD;
	}

	.channel {
		background: linear-gradient(to right, #282828 39px, transparent 39px, transparent 100%);
	}

	article[data-channelid="5"] h2 {filter:invert() grayscale(1);}

	header.channel-name {
		background-color: #1E1C1F;
	}

	nav#mobile-navi {
		background: linear-gradient(to bottom, #464646 0%, #343434 100%);
	}

	.daypart-block {
		border-color: #4B4B4B;
	}

	a.program-name {

		color: #DCDCDD;
	}

	.program .movie {
		background-color: #931c65 !important;
		color:#fff!important;
	}

	.program.running .start-time {
		background-color: #1c648a;
	}

	.program.running {
		background-color: #1c648a;
	}

	.program.running a.program-name {
		color:#fff
	}

	
}