/*DESKTOP*/
body {
	background-color:#000;
	color:#FFF;
}
.logodiv{
	float:left; 
	margin-top:10px; 
	margin-bottom: 10px;
}
.logodiv a img
{
	width: 186px;
}
.header-menu{
	background:#a00000;
	color:#000;
}
.provider{
	border-bottom:3px #72ff00 solid; 
	color: #fff;
}
.partners-text{
	color: #fff;
	font-size: 25px;
	column-span: 3;
	padding: 30px 0px 35px 0px;
}
.wapmobile{
	border:1px #73fe01 solid; 
	color: #000;
	background-color: #73fe01;
}
.wapmobile:hover{
	border:1px #59c304 solid; 
	color: #000;
	background-color: #59c304;
}
.footer-container{
	background-color: #1b1b1b;
	text-align: center;
}
.footer-copyright{ 
	color:#FFF;
}
.bank-container{
	padding-top:20px;
	text-align: center;
}
.pointer{
	color: #fff;
}

.pointer a{
	color: #fff;
}

	/* The Close Button (x) */
	.closebox {
		position: absolute;
		top:-10px; right:5px;
		color: #CCC;
		font-size: 35px;
	}
	.closebox:hover,.close:focus {
		color: #FFF;
		cursor: pointer;
	}
	
	.closepop {
		position: absolute;
		top:-23px; right:-16px;
		font-size: 18px;
		width:30px;
		height:30px;
		background-color:#000;
		border-radius:50%;
		border:2px solid #FFF;
		padding-top:0px;
	}
	.closepop:hover,.close:focus {
		cursor: pointer;
		background-color:#CCC;
		color:#000 !important;
	}
	 #desktop #fd9a0d
	 {
	  color:#72ff00 !important;  
	 }

	.prod a
	{
		color:inherit;
	}

	.prod a:hover, .pointer:hover
	{
		color:#fd9a0d;
	}

	.container-sponsor{
		background:#1b1b1b;
		margin-top: 45px;
	}


	table, td, th {  
      text-align: center;
      background:none;
    }

    table {
      border-collapse: collapse;
      width: 100%;
    }

    th, td {
      padding: 8px 5px 5px 5px;
      font-size: 22px;
    }
    td{
      color:#ddbe28;
      line-height: 5px;
    }

    .menubutton{
      border-radius: 10px;
      background-image:linear-gradient(to bottom, #fc0d0d,#fc0d0d,#fc0d0d,#cc2222,#cc2222,#cc2222,#c02727,#c02727,#c02727,#cc2222,#cc2222,#cc2222,#fc0d0d,#fc0d0d,#fc0d0d);
      color:#fff;
      border:none;
      padding: 0px 10px 0px 10px;
    }
    .menubutton:hover{
      background:#830404;
    }
	.panel
	{
		box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);	
	}

	.panel-body
	{
		background-color:#111 !important;
	}

	.panel-heading
	{
		background-color:#CC0000 !important;
		color:#FFFFFF !important;
		font-size: 14px;
		padding-top: 10px !important;
	}

	.container-slider{
		height: 425px;
	}
	.btn-warning{
		background: #f8960b !important;
	}
	.btn-warning:hover{
		background: #cc7c0b !important;
		outline: none;
	}
	.btn-info{
		background: #65c4e0 !important;
	}
	.btn-info:hover{
		background: #57a8c0 !important;
	}
	.btn-default{
		background-image: -moz-linear-gradient( 90deg, rgb(43,43,43) 0%, rgb(81,81,81) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(43,43,43) 0%, rgb(81,81,81) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(43,43,43) 0%, rgb(81,81,81) 100%);
	}
	.btn-default:hover{
		background: #323232;
	}
	.btn-default#mbtn{
		background-image: -moz-linear-gradient( 90deg, rgb(43,43,43) 0%, rgb(81,81,81) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(43,43,43) 0%, rgb(81,81,81) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(43,43,43) 0%, rgb(81,81,81) 100%);
		border-radius: 7px;
		padding: 3px 5px 3px 5px;
		border-width: 1px;
		border-color: rgb(255, 255, 255);
		margin-left: 5px;
		font-size:13px;
		width: 120px;
		margin-top: 10px;
		font-style: normal !important;
	}
	.box{
    float: left;

  	}
  	.container-box{
  	margin: 0px auto;
	float: left;


  	}

	/*MOBILE*/

	body #mobile{
	background:#1b1b1b;
	}
	#mobile .logo-div{
	  margin-top:60px; 
	  margin-bottom:60px;
	}
	#mobile #logo-img{
	  width: 235px;
	}
	#mobile #msgbox{
	  margin-top: 60px;
	}
	#mobile .menubg{
  background-image: -moz-linear-gradient( 90deg, rgb(64,64,64) 0%, rgb(51,51,51) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(64,64,64) 0%, rgb(51,51,51) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(64,64,64) 0%, rgb(51,51,51) 100%);
  height: 90px;
  width: 25%; 
  border-left:1px solid #555; 
  border-right:1px solid #000; 
  padding-top:14px; 
  text-align:center; cursor: pointer;
  float: left;
}
#mobile .broadcast-marquee{
  background-color:#ff0000;
  color: #fff;
}
#mobile #header-line{
  border-bottom:5px #ff0000 solid;
}
#mobile .pindah-versi-text{
  font-size: 18px;
  color: #ffdc30;
}
#mobile .datapasaran-title{
  text-align: center; 
  color: #ffcd00; 
  font-size: 25px; 
  padding-bottom: 20px;
}
#mobile .datapasaran-title-pasaran{
  color:#fff; 
}
#mobile .datapasaran-title-tanggal{
  color:#fff; 
}
#mobile .datapasaran-title-result{
  color:#fff; 
}
#mobile .pasaran-text{
  color:#afafaf; 
}
#mobile .tanggal-text{
  color:#afafaf;
}
#mobile .result-text{
  color:#ffd301;
}
#mobile .keluaran-line{
   border-bottom:10px #ff0000 solid;
   background-color:#1b1b1b; 
   color: #FFF;
}
#mobile #keluaran-bottom{
   background-color:#ff0000;  
   border-bottom:1px solid #ff0000;
}
#mobile .copyright-bg{
  background:linear-gradient(to bottom,#2e2e2e,#313131,#292929,#242424,#1d1d1d,#1d1d1d,#1d1d1d,#1d1d1d,#1d1d1d);
  color: #fff;
  border-top:3px #ff0000 solid;
}
#mobile .piclmd-div{
  background-color:#1d1d1d;
  width:100%;
}
#mobile .piclmd-title{
  font-size:23px;
  color: #f3b002;
  padding:14px 10px 0px 22px; 
  font-style:normal;
  text-align:center;
}
#mobile .piclmd-info{
  font-size: 15px;
  color:#acacac; 
  padding:0px 10px 10px 22px;
  text-align:center;
}

#mobile .borderbottom{
	border-top:2px solid #c2c2c2;
}