@grid-columns:12;
.outer{
	background-color: rgba(255,255,255,0.8);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr="#E6FFFFFF",endColorStr="#E6FFFFFF");
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr="#E6FFFFFF",endColorStr="#E6FFFFFF");
	padding:20px;
}

.tulisan{
	color:#ffffff;
	font-weight:bold;	
}

.spanTopShows{
	color:#f47735;
	font-weight:bold;	
	font-size:11px;
	text-align:center;
}
.showondesc{
	background-color:#000000;
	padding: 4px;
	margin:0;
	height:38px;
	width:320px;
}
.spanGenreList{
	text-transform: uppercase;
	font-size: 10px;
	height:25px;
	vertical-align:bottom;
	display:table-cell;
	color:#f47735;
	text-align:center;
}

.chanSearch{
	background-color:#000000;
	color:#fff;
	width:120px
	height:26px;
	border:thin solid #4f4e4e;
}
.logoChannellist{
	width:80px;
	height:40px;
	float:left;
	border-radius: 5px;
	background: #fff;
}
.logoProgramlist{
	float:left;width:320px;
}
.logochanlist{
	padding:0;
}
.chanGenreUl{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.chanGenreLi
{
	cursor:pointer;
	margin-bottom:1px;
	padding:5px;
	clear:both;
	color:#FFFFFF;
	font-weight:550;
}
.chanGenreLiPilih{
	margin-bottom:1px;
	padding:5px;
	clear:both;
	background-color:#f47735;
	color:#FFFFFF;
	font-weight:550;
}

.chanListUl{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.chanListLi{
	margin-bottom:35px;
	height:82px;
	clear:both;
	color:#FFFFFF;
}
.showOnNowUl{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.showOnNowLi{
	margin-bottom:10px;
	clear:both;
	color:#FFFFFF;show
}


/*body{
background-color:#252525;
overflow-x:hidden;
overflow-y:hidden;
}*/
.col-sm-3{
	color:#FFFFFF;
}
#divTime .col-sm-3{
	color:#FFFFFF;
}
.chooseCat{
	border: 0 !important;  
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background: #000000 url(../images/arrowdown.jpg) no-repeat 100% center;
	width: 190px; 
	text-indent: 3px; 
	text-overflow: ""; 
	color: #FFF;
	border-radius: 7px;
	padding: 5px;
	box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
}
.ContainerTanggal{
	width:400px;
	float:left;
}
.ContainerTanggalIsi{
	width:auto;
	text-align:center;
	align:center;
}
.Tanggalul{
	width:350px;
	list-style-type: none;
	/*margin: 0;*/
	display: inline-block;
}
.Tanggallisel{
	background:url(../images/TanggalChoose.png);
	width:35px;
	margin-bottom:1px;
	height:45px;
	color:#FFFFFF;
	float:left;
	margin-right: 3px;
}
.Tanggalli{
	background:url(../images/Tanggal.png);
	width:35px;
	margin-bottom:1px;
	height:45px;
	color:#FFFFFF;
	float:left;
	margin-right: 3px;;
}
.leftTanggalLi{
	background:url(../images/TanggalLeft.png);
	width:35px;
	margin-bottom:1px;
	height:45px;
	color:#FFFFFF;
	float:left;
	margin-right: 3px;;
}
.rightTanggalLi{
	background:url(../images/TanggalRight.png);
	width:35px;
	margin-bottom:1px;
	height:45px;
	color:#FFFFFF;
	float:left;
	margin-right: 3px;;
}
.today{
	clear:both;
	float:left;
	color:#FFFFFF;
	width:14.2%;
}
.txtSearch{
	background-color:#000000;
	color:#fff;
	width:120px
	height:26px;
	border:thin solid #4f4e4e;
}
.search{
	position:relative;
	width:120px;
	height:26px;
}
.imgSearch{
	position:absolute;
	right:220px;
	top:0px;
	background-image:url(../images/Search.png);
	width:17px;
	height:17px;
}
.imgGo{
	position:absolute;
	right:5px;
	top:0px;
	background-image:url(../images/go.png);
	width:27px;
	height:26px;
}
.slider{
	float:left;
	width:85%;
}
#slider .ui-slider-range { background: #000000; }
#slider .ui-slider-handle { border-color: #f47735; height: 0.4em;width: 1em; top: 0.03em;}
#slider .ui-state-default,  .ui-state-default, .ui-widget-header .ui-state-default{ background: #f47735; }

#slider.ui-widget-content{
	background:#000000 repeat-x scroll 50% 50%;
}
#slider.ui-slider-horizontal {  height: 0.6em; }
/*#slider.ui-slider-horizontal .ui-slider-range-min { left: 0; }
#slider.ui-slider-horizontal .ui-slider-range-max { right: 0; }
*/


/*.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
*/

.nex-box-leftodd{
	background: #515151 none repeat scroll 0 0;
	float: left;
	min-height: 60px;
	padding: 8px;
	text-align: center;
	width: 13%;
	color:#FFFFFF;
}
.nex-box-rightodd .title{
	clear: both;
	float: left;
	width: 60%;
	color: #FFFFFF;
}
.nex-box-rightodd .genre{
	float: left;
	width: 30%;
	color: #e67032;
}
.nex-box-rightodd .divlogo{
	float: left;
	width: 10%;
	height:45px;
	max-height:45px;
}
.nex-box-rightodd .logo{
	width: 100%;
	height:45px;
	max-height:45px;
	background-color: #fff;
}
.nex-box-rightodd{
	background: #393939 none repeat scroll 0 0;
	border-left: 2px solid #262626;
	float: left;
	min-height: 60px;
	padding: 4px;
	width: 87%;
	color:#FFFFFF;
}
.nex-box-label{
	font-size:18px;
}
.nex-box-label .activeleft{      
	clear: both;
	float: left;
	width: 40%;
	color: #e67032;
}
.nex-box-label .date{    
	color: #e67032;
}
.nex-box-label .activeright{      
	color: #e67032;
	width: 50%;
	float: left;
}
.nex-box-label .nonactiveright{
	color: #666;
	width: 50%;
	float: left;
}
.nex-box-label .nonactiveleft{   
	clear: both;
	float: left;
	width: 40%;
	color: #666;
}
.titleprog{    
	color: #fff;
	display: block;
	font-size:12px;
}
.titleprogchan{    
	color: #fff;
	display: block;
	background:#000;
	font-size:12px;
}
.progdescleft{
	color: #e97335;
	display: block;	
}
.progdescleftchan{
	color: #e97335;
	display: block;	
	background:#000;
}
.title1{
	font-size:22px;
}
.AllProgram{
	color: #fff;
	font-size: 18px;
}
.nex-img-prog{
	width:100%;    height: 170px;
	
}
.pull-left-new{  
	padding: 3px;
	width: 30%;
}
.pull-right-new{
	color: #fff;
	width: 70%;
	vertical-align:top;
}
.nex-box{
	background: #181818 none repeat scroll 0 0;
	height:auto;
}
.nex-box-left{
	float: left;
	min-height: 60px;
	padding: 8px;
	text-align: center;
	width: 30%;
}
.nex-box-right{
	border-left: 2px solid #262626;
	float: left;
	min-height: 60px;
	padding: 4px;
	width: 70%;	
}
.left-one-img{
	width:100px;
	margin: 20px 10px;
	background-color: #fff;	
}
#schedulegede {
	background: #252525 none repeat scroll 0 0;
	overflow: visible;	
	min-height: 450px;
	height: auto;
}
.TanggalClass{
	color:#FFFFFF;
	padding:0;
	margin:0;
	font-size:20px;
	font-weight:bold;
}
.programbar{
}
.schedule{
	max-width:100%;
	width:80%;
	height:auto;
}
.judulChannel{
	color:#FFFFFF;
	float:left;
	width:146px;
	clear:both;
	font-weight:bold;
}
.channel {
    float: left;
    height: 100px;
    width: 15.2%;
    clear: both;
}
.contLoad{
	height:auto;
	width:auto;
	clear:both;
	text-align:center;
	background-color: transparent;
}
.loadmorechannel{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}
a.loadmorechannel:hover,a.loadmorechannel:visited,a.loadmorechannel:focus{
	color: #F47735;
	text-decoration: none;
	outline: 0;
}
.loadmorechannel:hover{
	color:#CC4784;
}

.verticalline{
	border-left: thin solid #00aeef;
	position:absolute;
}
.channelul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.channelli{
	margin-bottom:1px;
	height:40px;
	clear:both;
	color:#FFFFFF;
}
.logoChannel{
	width:26%;
	height:40px;
	float:left;
	background: #fff;
}
.channelno{
	width:70%;
	height:40px;
	background-color:#1a558a;
	color:#FFFFFF;
	float:left;
}
.channelnobatas{
	float:left;
	width:6px;
	height:40px;
	background-color:#3e7cb4;
	color:#FFFFFF;
}
.timemain{
	float:left;
	}.ui-dialog {
		z-index: 1000 !important ;
	}
	.ui-dialog .ui-dialog-content {
		background: none repeat scroll 0 0 transparent;
		border: 0 none;
		overflow: auto;
		padding: 0.5em 1em;
		position: relative;
		font-size: 10px;
	}
	.showDialog{
		border:0px;
	}
	.time{
		position:absolute;
		max-width:56%;
		overflow-x:hidden;
	}
	.timeul{
		width:8750px;
		list-style-type: none;   
		margin: 0;
		padding: 0;
	}
	.timeli{
		background-color:#252525;
		color:#FFFFFF;
		float:left;
		width:180px;
		border:0px
		height:40px;
		/*margin-left:2px;*/
		text-align: left;
		/*3c3b3b*/
	}
	.programmain{
		float:left;
	}
	.programname{
		position:absolute;
	}
	.program{
		position:absolute;
		max-width:64%;
		overflow-x:hidden;
		overflow-y:hidden;
	}
	.programul{
		list-style-type: none;   
/*    content: "• ";
color: red; /* or whatever color you prefer */*/
margin: 0;
padding: 0;
}
.programli{
	/*background:#252b3a;*/
	background: #000000 url(../images/backgroundlist.png) repeat left 80%;
	color:#FFFFFF;
	float:left;
	border-top: 1px solid #d1d3d4;
/*border-left  : 1px solid #d1d3d4;
border-right  : 1px solid #d1d3d4;
border-bottom  : 1px solid #d1d3d4;*/
margin-bottom:1px;
margin-left:2px;
/*padding-left: 0.5em;
border-right: 1px solid #000000; */
height:40px;text-overflow: ellipsis; white-space: nowrap;
/*3c3b3b*/
}
.programul li{
	transition: width 1s;
	-moz-transition: width 1s; /* Firefox 4 */
	-webkit-transition: width 1s; /* Safari and Chrome */
	-o-transition: width 1s; /* Opera */
	-ms-transition: width 1s; /* IE9 (maybe) */
}
.aList{
	transition: all 0.4s ease 0s;
	overflow: hidden;
	width: 100%;
	z-index: 1;
}
.aList:hover{
	min-width: 200px;
	z-index: 4;
}
.tooltip-inner {
	max-width: 200px;
	width: 200px; 
}
/*.programul li:hover {
    min-width: 200px;
    z-index: 4;
    }*/

    .programul li:before {
    	content: "• ";
    	color: #f47735; /* or whatever color you prefer */
    }
    .programlilastul{
    	background-color:#252b3a;
    	color:#FFFFFF;
    	float:left;
    	width:360px;
    	border-top: 1px solid #d1d3d4;
/*border-left  : 1px solid #d1d3d4;
border-right  : 1px solid #d1d3d4;*/
border-bottom  : 1px solid #d1d3d4;
margin-bottom:1px;
margin-left:2px;
/*padding-left: 0.5em; 
border-right: 1px solid #000000;*/
height:40px;
/*3c3b3b*/
}
.sidebanner{
	width:14px;
	float:left;
}
.sidebanner0{
	width:4px;
	float:left;
}
.sidebanner1{
	width:14px;
	height:205px;
	float:left;
	background:#3c3b3b;
	background:url(../images/arrowkiri.png);
	color:#FFFFFF;
	text-align:center;
	margin:0;
	padding:0;
}
.sidebanner1text{
	height:205px;
	display:table-cell;
	vertical-align:middle;
	color:#FFFFFF;
}
.sidebanner2{
	float:right;
	position: relative;    z-index: 1000;
	width:14px;
	height:205px;
	background:url(../images/arrowkanan.png);
	color:#FFFFFF;
}
.time{
	float:left;
	color:#FFFFFF;
}
input.search-query {
	padding-left:26px;
	background-color:#000000;
	color:#fff;
	/*    width:120px;*/
	height:26px;
	border:thin solid #4f4e4e;
	border-radius: 5px;
}

form.form-search {
	position: relative;
}

form.form-search:before {
	content:'';
	color:#ffffff;
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../images/glyphicons-halflings.png);
	background-position: -48px 0;
	position: absolute;
	top:5px;
	left:6px;
	opacity: .5;
	z-index: 1000;
}
.orenkiri{position:absolute;right:131px;top:117px;background:url(../images/talkbubleorenkiri.png);
	width:92px;
	height:72px;
	border:0px;
}
.packageaddonside{
	background:url(../images/packageaddonSideImage.png);
	width:133px;
	height:170px;
	border:0px;
	float:left;
}
.orenkanan{
	position:absolute;right:20px;top:12px;background:url(../images/talkbubleorenkanan.png);
	width:115px;
	height:105px;
	border:0px;
}
.antenakiri{
	position:absolute;right:165px;top:127px;background:url(../images/antena.png);
	width:25px;
	height:37px;
	border:0px;
}
.settopbox{
	position:absolute;right:33px;top:155px;background:url(../images/settopbox.png);
	width:61px;
	height:23px;
	border:0px;
}
.settopboxspan{
	position:absolute;right:28px;top:122px;
	font-size:11px;
	color:#FFFFFF;
}
.ijokiri{
	position:absolute;right:131px;top:117px;background:url(../images/talkbubleijokirii.png);
	width:91px;
	height:72px;
	border:0px;

}
.ijokanan{
	position:absolute;right:20px;top:12px;background:url(../images/talkbubleijokanani.png);
	width:111px;
	height:105px;
	border:0px;
}

/*.nexfamilyimg{
	background:url(../images/nexfamilyimage.png);
	width:500px;
	border: solid #4f4e4e;
}
.nexsportimg{
	position:relative;background:url(../images/nexsport.png);
	width:500px;
	border: solid #4f4e4e; 
	}*/


	.antenakirispan{
		position:absolute;right:150px;top:163px;
		color:#FFFFFF;
	}
	.dicchan{
		position:absolute;right:137px;top:75px;
		color:#FFFFFF;
	}
	.locchan{
		position:absolute;right:36px;top:75px;
		color:#FFFFFF;
	}
	.enambelas{    font-size: 70px;
		position:absolute;right:137px;top:0;
		color:#FFFFFF;
	}
	.tigabelas{    font-size: 70px;
		position:absolute;right:37px;top:0;
		color:#FFFFFF;
	}
	#promocar .slick-dots{
		bottom: 20px;
	}
	.namapaket{
		color:#ffffff;
		font-size:25px;
	}

#wait {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}

#wait img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}