div#tvChannels_container{width:95%}
#tvChannels_container h2.contentTitle{margin:0 0 10px;width:100%}
div.cats{margin:0 0 50px 0}
ul.channels{list-style-type:none;width:100%;overflow:hidden;margin:0 auto;padding:0;padding:10px 0 0 10px}
ul.channels li{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	height:76px;
	width:76px;
	padding:8px;
	margin:0 12px 12px 0;
	background:#fff;
	border-radius:8px;
	border:1px solid #d0d0d0;
	vertical-align:top;
	overflow:hidden;
}
ul.channels li:hover{
	border:1px solid #4750ff;
	-webkit-box-shadow:0 0 9px 3px rgba(71,212,255,1);
	-moz-box-shadow:0 0 9px 3px rgba(71,212,255,1);
	box-shadow:0 0 9px 3px rgba(71,212,255,1);
	border-radius:8px;
	cursor:pointer;
}
ul.channels li a{
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}
ul.channels li a img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	border:0;
	border-radius:4px;
}
hr.hrTab{color:#1589ff;background-color:#1589ff;height:6px!important;border:0;border-style:none;border-left:1px solid #a0cfec;width:100%;margin:0!important}
div.cats *{color:#fff}
h3.tabTitle{display:block;background:#1589ff;border:solid 1px #a0cfec;border-bottom:0;height:35px;font-weight:bold;padding:0 20px;border-top-right-radius:1em;border-top-left-radius:2px;min-width:155px;max-width:300px}
h3.tabTitle a{font-size:16px;line-height:2.4em;display:block;padding:0 10px;outline:0;text-decoration:none}

img.disabled_channel{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	border:2px solid #fff;
	border-radius:4px;
	background-color:rgba(128,128,128,0.7);
	opacity:0.75;
}

ul.channels li .grayscale{
	width:100%;
	height:100%;
	left:0;
	top:0;
	border-radius:8px;
}