@font-face {
    font-family: 'digital-7';
    src: url(digital-7/digital-7.ttf);
}
html {
    font-size: 1.1em;
    line-height: 1.4;
}
body {
	color: #2428ae;
	margin: 0px;
  background-image: url("images/kambojaView.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body, input{
	font-family: 'Archivo Narrow', sans-serif;
}
table.form{
	width: 100%;
}
table.form .form-control{
	margin-bottom: 4px;
}

#SidebarLeft{
	max-width: 100px !important;
	display: none;
}

ul{
	padding: 0;
}


h2:after {
    content: "\A";
	border-style: solid;
	border-width: 53px 40px 10px 0;
	border-color: #077572 transparent transparent #077572;
	position: absolute;
	right: -40px;
	top: 0px;
}

h2{
	display: inline-block;
	position: relative;
	background: #077572;
	width: 47%;
	padding: 5px 0px 5px 10px;
	font-weight: normal;
	font-style: italic;
	font-size: 30px;
	margin-bottom: 0px;
	margin-top: 0px;
}

ul li {
	list-style: none outside none;
}

.menu th{
	background : url('images/navtab2.html') repeat scroll 0 0 rgba(0,0,0,0);
}

.menu th.current{
	background : url('images/navtab1.html') repeat scroll 0 0 rgba(0,0,0,0);
}

.topmenu th.current{
	background : url('images/yes.html') repeat scroll 0 0 rgba(0,0,0,0);
}

#breadcrumb{
	display: none;
}

.thistory  th {
	background: red; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #007C7E , #78B3BB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #007C7E , #78B3BB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #007C7E , #78B3BB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #007C7E , #78B3BB); /* Standard syntax (must be last) */
	border-radius: 0px 5px 0px 0px;
	color: #32412d;
	font-size: 20px;
	padding: 7px;
	font-weight: normal;
	
}

.remaining, .livedrawer{
	/* border-radius: 20px; */
	background: rgba(233, 222, 248, 0.63);
	margin-bottom: 20px;
	padding-bottom:10px;
	text-align:center;
	padding:20px 40px 20px;
	/* margin-top: -8px; */
}
.remaining.halaman{
	padding:20px;
}

.remaining .pools, .detailnumber .pools{
	font-size:50px;
	width: 80px;
	height: 80px;
}

.livedrawer{
	padding-bottom: 0px;
	margin: 90px 0px 20px;
	padding-top: 10px;
}
#mld_centerContent{padding: 0px 40px !important;border-radius: 10px;}
.pools {
	color: #ffffff;
	background: url('images/bg-number-hanoi.png') no-repeat scroll center 0 / 95%;
	border-radius: 100px;
	padding-top: 0px;
	height: 125px;
	width: 125px;
	display: inline-block;
	text-align: center;
	font-size: 72px;
	font-weight: bold;
	margin-left: 15px;
	line-height: 1.5;
}
.result .pools{
	padding-top: 0px;
	margin: 20px 0px;
	height: 33px;
	width: 33px;
	font-size: 20px;
	font-weight: bolder;
}
.result .date{
	font-weight:normal;
	padding:0px;
	position: relative;
	top: 0;
	left: 0;
}
.tbody {
	color: #54555C;
}

.remaintime {
	color: #fff;
	text-align: center;
	margin-right: 0px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	line-height: 0.8;
	display: inline-block;
	float: right;
	top: 0px;
	clear: both;
}

.remaining .date p {
    color: #da2506;
}

.remaintime p {
	color: #ffffff;
	font-size: 45px;
	margin-top: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	position: relative;
	top: 5px;
	font-family: 'Inconsolata', monospace;
}

.thistory > tbody {
  background: #b9c5d3 none repeat scroll 0 0;
}

.thistory form {
  padding: 15px 10px;
  text-align: right;
  color: #007c7e;
}

.thistory form input{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}

.ui {
	border-radius: 0;
	padding: 5px 8px;
	color: #fff;
	cursor: pointer;
	border: none;
	text-align: center;
	font-size: 20px;
	position: relative;
	background: rgba(0,0,0,0.75);
}

.button-search{
	width: 33px;
	background: none;
	padding: 0px;
	position: relative;
	top: -2px;
	display: inline-block;
	height: 40px;
	z-index: 3;
	margin-left: -37px;
}

.button-search img{
	width: 18px;
	z-index: 1;
}

.thistory .thead{
	display: none;
}

.thistory .tbody{
	background: none;
}

.thistory .tbody .date{
	padding: 3.7px 10px;
}

.thistory .tbody .date p{
	font-size: 15px;
}

.thistory .tbody .pools {
	
}

.box-number{
	margin-left: -42px;
	margin-top: -70px;
	position: absolute;
}

.date-filter{
	display: inline-block;
	/* padding: 5px 15px 4px; */
	color: #000;
	/* float:right; */
	/* width: 170px; */
	/* background: #9471c3; */
	position: relative;
	/* top: -110px; */
	height: 38px;
	right: 0px;
	/* border: 2px solid #21239e; */
}
a.ui{
	text-decoration: none;
	padding: 10px;
	position: relative;
	top: -55px;
	float: right;
	right: -268px;
}
.date-holder{
	text-align: center;
	font-size:36px;
	color: #000;
	display:block;
	margin: 0px;
	padding-top: 30px;
	font-weight: bold;
}
.timer-countdown{
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {	
  15% { opacity: 1; }
  50% { opacity: 0; }
  85% { opacity: 1; }
}
.livedrawer .openlive{
	display: none;
}


.pagination {
  /* margin-left: 30px; */
  margin-top: 30px;
  font-size:1em;
}
.pagination .pages{
	
}
.pagination > a, .pagination > span {
    position: relative;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
	border-top-color: rgb(221, 221, 221);
	border-right-color: rgb(221, 221, 221);
	border-bottom-color: rgb(221, 221, 221);
	border-left-color: rgb(221, 221, 221);
    margin-left: -1px;
	font-weight:normal;
}

.pagination span:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pagination span.current.ui-btn-active{
	background-color:#cdd0f2;
}
.pagination a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pagination span:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pagination a:hover{
	background-color:#dddee7;
}

.banner{
	/*box-shadow: 0px 7px 15px 0px #222, inset 5px -5px 10px -5px #222;
	border-radius: 40px;
	 margin-top: 80px; */
}

.banner .navbar-brand{
}

.banner{
	display: inline-block;
	position: relative;
	top: 35px;
	/* margin-bottom: 25px; */
}
.banner a{
}
.logoheader{
	margin-top: 40px;
	margin-right: 15px;
}
#header{
	float:right;
	margin-top:50px;
}
#header li{
	display:inline-block;
	background: #9471c3;
	color:#fff;
	padding:5px 10px;
	border-radius: 5px;
}
#header li a{
	color:#fff;
}
.navigation{
	display:inline-block;
}
#topMenu {
    padding-top: 0px;
}
hr {
    display: block;
    /* height: 1px; */
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 4px solid #000000;
    margin: 0;
    padding: 0;
    position: relative;
    top: 25px;
    z-index: -1;
}
.ribbon-btn {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	/*color: #fffeaf;*/
	color: #7b7777;
	font-weight: lighter;
	text-align: center;
	padding: 10px 60px;
	border-radius: 15px;
	font-size: 25px;
	border: 1px solid #08b8fb;
}
.ribbon-btn:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	color: #7b7777;
}
a {
    text-decoration: none;
    color: #cb3014;
}
*::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
element {
    cursor: pointer;
}
.bonus{
    background: url('images/bonus_button.html') no-repeat;
    width: 450px;
    height: 288px;
	margin-left: 170px;
	margin-top: 20px;
}
.main-games-banner{
	background: url('images/top-banner.html') no-repeat 100% 100%;
	height:200px;
}
.p-t-lg {
    padding-top: 20px;
    /* padding-bottom: 10px; */
}
.header-text .header-text-title {
    color: #000;
    font-size: 40px;
    line-height: 33px;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
}
.text-center {
    text-align: center;
}
.text-white {
    font-weight: lighter;
    padding: 0px;
    color: #000;
    margin: 10px 0px 0px;
}

.navbar-brand img{
	/* margin-top: 50px; */
	height: 130px;
}

/* homepage */
.p-lg {
    padding: 30px;
}
#lblSeoText {
    padding: 0 8px;
    display: block;
}
#lblSeoText h2 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
}
p span#lblSeoText{
    font-size: 13px;
	font-weight:normal;
}

.remaining p {
	font-weight: lighter;
}
.m-sm {
    margin: 10px;
}
img{
    vertical-align: middle;
}
.date-front{
}
.pool-detail{
	display:inline-block;
	padding:0 2px;
	font-size: 20px;
}
.prizeline{
	border-top:1px solid #fff;
	padding:5px 0px;
}
.prizetitle{
	font-size:15px;
	text-align:center;
	font-weight:bolder;
}
.prizetitle td{
	padding:20px 0;
	font-size: 17px;
}
.resultline td{border-top: 2px solid #dc4c67;border-bottom: 2px solid #dc4c67;}
.resultline td:first-child{border-left: 2px solid #dc4c67;}
.resultline td:last-child{border-right: 2px solid #dc4c67;}
.result{
	/* margin-left:4px; */
	margin-bottom: 5px;
}
.contact-information{
    padding: 10px 40px 0px 40px;
}
.contact-information h3, .content-text h3{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.halaman .content-text {
    color: #979ba9;
    padding: 10px;
    font-size: 14px;
	padding: 0 20px;
}
.halaman .content-text .title{
    color: #f9e4af;
    font-size: 18px;
    font-weight: bold;
}
.live-help {
    float: right;
    width: 314px;
}
footer{
	margin:20px 0 50px 0;
	color: #bbbbbe;
	text-align: center;
	font-size: 12px;
}

.timeresult{
	display:none;
}

.header-text{
	/* background: rgba(0,0,0,0.5) */
}

.openlive{
	background: rgb(240, 46, 158);
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 25px;
	padding: 10px 40px;
	font-weight: bolder;
	line-height: 1;
	/* border: 2px solid #cd83d6; */
	border-radius: 50px;
}

.openlive span{
	font-size: 27px;
}

.list-view{
	background: rgba(0,0,0,0.75);
	margin-top: 15px;
	padding: 15px;
}
.date.right{
	float: right;
}

.date p{
	font-style: italic;
	color: #000;
	font-weight: bold;
	font-size: 17px;
	padding: 0px;
	margin: 0px;
}

.detailnumber td{
	padding-top:15px;
	padding-bottom: 15px;
	/* border-bottom: 3px solid #0e405c; */
}

h3{
	display: inline-block;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #7b7777;
	margin-bottom: 0px;
	margin: 0px;
	z-index: 3;
	background: #fff;
	padding: 2px 45px;
	border-radius: 10px;
	text-transform: uppercase;
}

.remaining .remaintime{
	background: none;
	position:relative;
	left:auto;
	top: 0px;	
}
.remaintext{
	background: rgba(87,143,234,0.13);
background: -moz-linear-gradient(left, rgba(87,143,234,0.13) 0%, rgba(87,143,234,0.62) 40%, rgba(87,143,234,1) 71%, rgba(87,143,234,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(87,143,234,0.13)), color-stop(40%, rgba(87,143,234,0.62)), color-stop(71%, rgba(87,143,234,1)), color-stop(100%, rgba(87,143,234,1)));
background: -webkit-linear-gradient(left, rgba(87,143,234,0.13) 0%, rgba(87,143,234,0.62) 40%, rgba(87,143,234,1) 71%, rgba(87,143,234,1) 100%);
background: -o-linear-gradient(left, rgba(87,143,234,0.13) 0%, rgba(87,143,234,0.62) 40%, rgba(87,143,234,1) 71%, rgba(87,143,234,1) 100%);
background: -ms-linear-gradient(left, rgba(87,143,234,0.13) 0%, rgba(87,143,234,0.62) 40%, rgba(87,143,234,1) 71%, rgba(87,143,234,1) 100%);
background: linear-gradient(to right, rgba(87,143,234,0.13) 0%, rgba(87,143,234,0.62) 40%, rgba(87,143,234,1) 71%, rgba(87,143,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#578fea', endColorstr='#578fea', GradientType=1 );
	 /* display: inline-block; */
	 color: #fff;
	 padding: 10px 5px 10px 66px;
}

.datepick-month-header, .datepick-month-header select, .datepick-month-header input,.datepick-ctrl{
	background-color: rgb(176, 114, 187) !important;
}

.datepick-month th, .datepick-month th a ,.datepick-month td .datepick-today{
	background-color: #a873df !important;
	border: 1px solid #be86e7 !important;
	color: #fff;
}
.date-filter input{
	font-size: 15px;
	text-align: left;
	background: #9471c3;
	display: inline-block;
	border: medium none;
	padding: 7px 10px 7px 15px;
	width: 110px;
	color: #ffffff;
	margin: 0px;
	/* text-shadow: 2px 2px 2px #4234b9; */
	border-radius: 5px;
}
.ftname{
	color: #000;
}
.remaining.resultpage, #mld_mainContent{
	margin-top: 90px;
	/* background: linear-gradient(to right, rgb(253, 253, 255), rgb(233, 228, 240)); */
}
.mld-container{
	margin-top:40px;
}
p.date-holder.date-result {
	font-size: 1.1em;
	font-weight: lighter;
	padding-top: 0px;
	margin-bottom: 45px;
}
.livedrawer .remaintime {
	position: relative;
	margin-top: -175px;
	margin-right: 0px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity:1;
}
.bgtransparent,#mld_centerContent{	
background: rgba(233, 222, 248, 0.63);
}
.congrat{
	padding: 215px 40px 30px;
	border-radius: 10px 10px 0px 0px;
}
.about{
	background: url('images/bg-banner1.jpg') no-repeat;
	text-align:left;
	padding:20px 20px 10px;
	/* margin-bottom:20px; */
	background-size: 100%;
	position: relative;
	width: 800px;
	margin: -85px 40px;
	top: 236px;
	border-radius: 10px;
}
.about p:first-child{
	font-size:25px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:0px;
}
.about p{
	color:#fff;
}
.resultpage{
	/* text-align:center; */
	margin-top:40px;
}
.result .thead{
	background: #dc4c67;
	color: #fff;
}
.date a:hover{
	color:#870c22;
}