body,html{
	height:100% !important;
	width:100% !important;
	background:rgba(255,255,255,1);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	-webkit-overflow-scrolling: touch;
	
}
.ui-content {
	position:relative !important;
	top:0vh !important;
	left:0px !important;
	height:100vh !important;	
	min-height:100vh !important;	
	max-height:100vh !important;	
	width:100vw !important;	
	min-width:100vw !important;	
	max-width:100vw !important;	
	overflow:auto !important;	
	box-sizing:border-box !important;
	padding:0px;
	 -webkit-overflow-scrolling: touch;
	
}
.ui-page{
	position:relative !important;
	top:0px !important;
	left:0px !important;
	height:100vh !important;	
	min-height:100vh !important;	
	max-height:100vh !important;	
	width:100vw !important;	
	min-width:100vw !important;	
	max-width:100vw !important;	
	border:none ;
	overflow:hidden;
	box-sizing:border-box !important;
	
}
#tv4p1_banner{
	position: fixed !important;
	top:0px;
	left:0px;
	width:100%;
	height:10vh;
	z-index:100;
	background-image:url(../images/tv4plus1_logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background: #b0de5b; /* Old browsers */
	background: -moz-linear-gradient(left,  #b0de5b 0%, #74b200 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b0de5b 0%,#74b200 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b0de5b 0%,#74b200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#tv4p1_banner_logo{
	position: fixed !important;
	top:10px;
	left:10px;
	width:100%;
	height:11vh;
	z-index:110;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	background-image:url(../images/tv4plus1_logo.png);
	background-size:contain;
	background-repeat:no-repeat;
}
#tv4p1_list{
	width:100%;
	height:100vh;
	padding:0vh 0px 0px 0px;
	box-sizing:border-box;
	
}

.channel_element{
	width:250px;	
	background:#fff;
	float:left;	
	
}


.channel_element > .title{
	width:250px;
	height:6vh;
	background-color:rgba(0,77,147,1);
	}
.channel_element > .title > .logo{
	width:100px;
	height:6vh;
	float:left;
	background:rgba(255,255,255,1);
	
	box-sizing:border-box;
}
.channel_element > .title > .name{
	width:150px;
	height:6vh;
	font-size:3vh;
	float:right;
	padding:1.2vh;
	text-align:left;
	/*font-weight:bold;*/
	background:rgba(255,255,255,0);
	color:rgba(255,255,255,1);
	box-sizing:border-box;
}
.channel_element > .content{
	width:100%;
	box-sizing:border-box;
	padding:10px 0px;
}
.channel_element > .content > .element{
	width:inherit;
	height:4vh;
	box-sizing:border-box;
	/*padding:25px 0px;*/
}
.channel_element > .content > .element > .time{
	width:100px;
	height:4vh;
	font-size:2vh;
	float:left;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
}
.channel_element > .content > .element > .title{
	width:150px;
	height:4vh;
	text-align:left;
	font-size:2vh;
	float:right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:rgba(0,0,0,1);
	box-sizing:border-box;
}
#dateBlock{
	padding:25px;
	font-size:3vh;	
	text-align:left;
}