body{
    color: #fff;
    font-family: mybahnschrift;
    overflow: auto;
    background: url(../../assetsnew/img/buntu_bg.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
body::-webkit-scrollbar {width: 1em;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #4F101C;}
body::-webkit-scrollbar-thumb { background-color: #4F101C; outline: 1px solid #4F101C;}
@font-face {
    font-family: mybahnschrift;
    src: url(bahnschrift.ttf);
}
@font-face {
    font-family: myPro;
    src: url(SourceSansPro-Bold.otf);
}
@font-face {
    font-family: myMotor;
    src: url(MotorOil.ttf);
}
@font-face {
    font-family: mySantiago;
    src: url(Santiago.ttf);
}
a:hover{text-decoration: none;}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Krub');
@import url(https://fonts.googleapis.com/css?family=Seaweed+Script);
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption');
/*=====================================
          HEADER CONTENT
=======================================
*/
@import url('https://fonts.googleapis.com/css?family=Poppins');

header {
  width: 100%;
  height: 76px;
  top: 0;
  left: 0;
  z-index: 100;
}

#logo{
  margin: 20px;
  float: left;
  width: 200px;
  height: 40px;
  background: url(../img/logo.png) no-repeat center;
  display: block;
}
.homepage-header .nav-custom {
  float: right;
  padding: 20px;  
}

#menu-icon {
  display: hidden;
  width: 40px;
  height: 40px;
  background: #ff000c  url(../../assetsnew/img/menu-icon.png) center;
}

a:hover#menu-icon {
  background-color: #cd0000;
  border-radius: 4px 4px 0 0;
}
.homepage-header .buntun-header-menu{ list-style: none;}

.homepage-header .buntun-header-menu>li{
  display: inline-block;
  float: left;
  padding: 10px;
}
.buntud-cont .content-buntud{
    background: #0000008f;
    padding: 17px;
    overflow: hidden;
    position: static;
    font-family: arial;
    padding-bottom: 30px;
    padding-top: 30px;
}
.buntud-cont .content-buntud p{
    margin-bottom: 26px;
}

.set_form .nomor-options{
  width: 30px;
}

.tbl-options>tbody>tr>td, 
.tbl-options>tbody>tr>th,
.tbl-options>tfoot>tr>td, 
.tbl-options>tfoot>tr>th, 
.tbl-options>thead>tr>td, 
.tbl-options>thead>tr>th {
    padding: 0px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 6px;
}

.nomorqk .nomor{
   width: 30px;
}

.tbl-qk>tbody>tr>td, 
.tbl-qk>tbody>tr>th,
.tbl-qk>tfoot>tr>td,
.tbl-qk>tfoot>tr>th, 
.tbl-qk>thead>tr>td,
.tbl-qk>thead>tr>th {
    padding: 1px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

#tab-box-app {
   position: fixed;
   top: 174px;
   z-index: 2000;
   width: 202px;
   left: -154px;
   cursor: pointer;
}
#tab-box-app-apk {
   position: fixed;
   top: 450px;
   z-index: 2000;
   width: 202px;
   left: -154px;
   cursor: pointer;
}
.tab-button-app {
    background: url('../../assetsnew/img/contact-us.png') no-repeat;
    display: block;
    position: absolute;
    width: 49px;
    height: 235px;
    cursor: pointer;
    top: 18px;
    right: 0;
}
.tab-button-app-apk{
    background: url('../../assetsnew/img/android.png') no-repeat;
    display: block;
    position: absolute;
    width: 49px;
    height: 235px;
    cursor: pointer;
    top: 18px;
    right: 0;
}
#app-tab {
    display: block;
    width: 154px;
    height: 204px;
    background-color: #7d021d;
    float: left;
   padding: 15px 2px;
}

#app-tab .img-code{
  width: 120px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
}


.main-content-game{
    /* width: 100%; */
    /* height: auto; */
    /* min-height: 100%; */
    /* background-color: #631d00; */
    background: url(../../assetsnew/img/buntu_bg.png) top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.user-run{
    height: auto;
    font-family: arial;
    color: #000;
    position: relative;
    margin-bottom: 5px;
    background: rgba(235,235,235,1);
    background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(229,229,229,1) 47%, rgba(150,150,150,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(47%, rgba(229,229,229,1)), color-stop(100%, rgba(150,150,150,1)));
    background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(229,229,229,1) 47%, rgba(150,150,150,1) 100%);
    background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(229,229,229,1) 47%, rgba(150,150,150,1) 100%);
    background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(229,229,229,1) 47%, rgba(150,150,150,1) 100%);
    background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgb(115, 115, 115) 47%, rgba(150,150,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#969696', GradientType=1 );
    padding: 5px;
}

.user-run span{position: relative;top: 4px;}
.user-area .user-area-content{
  background-image: linear-gradient(#d26b00,#a76008, #9d2f00);
  padding: 7px;
}

.user-area .user-pills{
   background: #560505;
   border-radius: 5px;
   margin-bottom: 12px;
}
.user-area .user-pills > li{
  background: #560505;
  border-bottom: 1px solid #2a0000;
}
.user-area .user-pills > li > a{
      padding: 6px 24px;
      color: #fff;
}
.user-area .user-pills > li > a:hover{
  background: #ad0606;
  color: #fff;
}
.user-area .pasaran-t {
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 1px solid #fff;
    padding: 2px;
    padding-top: 5px;
}
.user-pills .mkt-name{
    font-size: 13px;
}
.user-pills .lbl-sts{
  font-size: 10px;
  position: relative;
  float: right;
  margin-top: 1px;
  width: 56px;
  text-align: center;
}
.user-pills .img-mkt{
  padding-right: 27px;
}
.user-area .panel-game{
  background-color: #560505;
  border-color: #560505;
}
.panel-game .game-type{
 text-align: center;
 padding-left: 1px;
 margin-bottom: 25px;
 margin-top: 14px;
 background-image: linear-gradient(#3d7e2a,#326a1f, #1f4d0d);
 padding: 11px 5px;
 box-shadow: 0 8px 6px -6px #000;
}
.panel-game .game-type > li{
  display: inline;
  padding: 2px 6px;
}
.panel-game .game-type > li > a{
  text-decoration: underline;
  color: #ffffff;
}
.panel-game .game-body{
     padding: 5px;
}

.games-table .tbl-game > thead{
  background: #e6e6e6;
  color: #000000;
  font-family: arial;
}
.games-table .tbl-game > thead > tr > th{border-bottom-width: 0px;}
.games-table .tbl-game > tbody > tr > td{
  padding: 2px;
  vertical-align: middle;
  color: #fff;
}
.games-table .tbl-game > tbody > tr > td >.nomor-td{
    color: #ffda00;
}


td.tg-0lax, th.tg-0lax {
    color: #fff !important;
}

#datatable_wrapper{border: 1px solid #f2ecec;padding: 11px;}
.tbl-jadwal > tbody > tr > td{
  padding: 2px;
    text-align: center;
}

.table-bordered > tbody > tr .total{
  color: #ffffff;
  font-size: 28px;
  padding-right: 10px;
}
.frm-game .form-slct{
  background-image: linear-gradient(#e6e6e6,#c7c7c7, #c1c0c0);
  padding: 6px 4px;
  border-radius: 4px;
  color: #000;
}
#reg-home .form-control::-webkit-input-placeholder { color: #404040; }::-webkit-input-placeholder { color: #404040;}
#reg-home .form-control:-moz-placeholder { color: #404040;}:-moz-placeholder { color: #404040;  }
#reg-home .form-control::-moz-placeholder { color: #404040;}::-moz-placeholder { color: #404040;}
#reg-home .form-control:-ms-input-placeholder { color: #404040;}:-ms-input-placeholder { color: #404040;}

 .game-head{
  line-height: 20px;
  padding: 7px 0 25px 19px;
  border-top: 1px solid #204e0e;
  border-left: 1px solid #295c16;
  border-right: 1px solid #2c6119;
  border-radius: 6px 6px 0 0;
  background-image: linear-gradient(#3d7e2a,#326a1f, #1f4d0d);
  border-bottom: 1px solid #5a2402;
  color: #fff;
}
.bglightdark .game-type{
  line-height: 20px;
  padding: 7px 0 31px 10px;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid #952902;
  background: #952902;
}
 .game-type h2{font-size: 20px;color: #ffffff;} 
 .bg-box{
  height: auto !important;
 padding: 20px 19px 18px 19px;
 border-bottom-right-radius: 10px 9px;
 border-bottom-left-radius: 5px 11px;
 background-image: linear-gradient(#7d0000,#710c00, #3e0700);
}

.home-content .nav-pills>li {
  float: none;
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
}

.nav-stacked > li.active > a, 
.nav-stacked > li.active > a:hover {
  border-left-color: #a5271e ! important;
}

.home-content-pasaran .img-pasaran{
width: 30px;
}
.bg-box  .tbl-lengkap{ margin-bottom: 0px; }
.game-box .jadwal-tab{
  margin-top: 20px;
}
.game-box .jadwal-tab .tab-pane{padding: 12px;}
.game-box .title-jadwal span{
  text-align: center;
  font-size: 20px;
  color: #ffffff;
}
.game-box .bg-box .btn-default{
  background-image: linear-gradient(#d64f01,#d62700, #b60f06);
  color: #fff ! important;
  border-color: #d63100;
}

table.table-bordered th:last-child, table.table-bordered td:last-child{
  border-right-width: 1px ! important;
}

.bg-box .click-btn{
  background: #f6f6f6;
  padding: 3px 6px;
  border-radius: 4px;
  color: #000 ! important;
}

.bg-box .click-btn:hover{
  color: #cfcfcf ! important;
}



.bg-box .border-box{
  text-align: center;
  border: 1px solid #692604;
  margin-bottom: 8px;
  padding: 5px 5px;
  background-image: linear-gradient(#4c1c02,#602306, #8c2f03);
  border-radius: 4px;
  transition: all 5s;
  /* background: #983415; */
}
.bg-box .border-box:hover{
  transform: scale(1.1);
}
.bg-box .border-box h3{
 color: #e4e4e4;
 font-size: 15px;
 margin-bottom: 8px;
}
.bg-box .border-box .img-flags{
  width: 45%;
  /*display: block;*/
  margin: 0 auto;
}


.game-box{
 border: 1px solid #381300;
 border-radius: 10px;
 margin-bottom: 15px;
}

.bglightdark .bg-run{
/* background: url(../../assetsnew/img/bg-run.jpg) 0 bottom repeat-x #0b0b0b; */
box-shadow: 0 2px 3px rgba(0,0,0,0.75);
padding: 1px 8px;
margin-bottom: 15px;
border-radius: 4px;
padding-top: 10px;
/* background-image: linear-gradient(#af4507,#d16a05, #fe9900); */
margin-top: 15px;
color: #ffffff;
text-shadow: 2px 2px #494949;
letter-spacing: 2.4px;
background: #817706;
}
.bglightdark  .bg-button{
  margin-bottom: 11px;
  padding: 1px 2px;
  border-radius: 4px;
  border-top: 1px solid #381300;
  border-left: 1px solid #381300;
  border-right: 1px solid #381300;
  background-image: linear-gradient(#381300,#381300, #381300);
}
.coloknavigation .links{
background-image: linear-gradient(#d64f01,#d62700, #b60f06);
color: #ffeeee !important;
padding: 10px 3px;
border-radius: 3px;
border: 1px solid #bf1903;
}

.bg-box .tbl-mpo{
  border: 1px solid #c76006 ! important;
}


.bg-box .tbl-mpo > thead > tr > th,
.bg-box .tbl-mpo > tbody > tr > td{border: 1px solid #754400 ! important;}
.bg-box .tbl-mpo > thead > tr > th{/* background-image: linear-gradient(#383838,#211f1f, #151515); */background: #983415;}
.bg-box .tbl-mpo > thead > tr > td{border: none ! important; }
.content-games{background: #d26b00;padding: 10px;margin-bottom: 10px;}
.content-games p{
 padding: 7px 29px;
 color: #ffffff;
 letter-spacing: 0.3px;
 font-family: 'Poppins', sans-serif;
}

.game-headers{
  background: #500d1b;
  padding-top: 13px;
}

.game-headers .game-top{
}


.game-headers .poin-conten .rp{
  background: #ff0000;
  padding: 2px 4px;
}
.game-headers .poin-conten .poin{
background: #ff0000;
 padding: 2px 4px;
}

.game-headers .user-pro{
  list-style: none;
  text-align: center;
  margin: 0;
  float: right;
}
.game-headers .user-pro > li{
 display: inline;
 padding: 7px 23px;
 background: url(../../assets/img/profile-bg.png);
 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.85);
}
.game-headers .user-pro > li > a{
color: #000 ! important;
}

.game-headers .game-top-header{
  padding: 3px 0px;
  margin: 0;
  font-family: arial;
}
.game-headers .poin-conten p{
 font-size: 15px;
 margin: 0;
 text-align: center;
}

.game-headers .oras p{
   font-size: 15px;
  margin: 0;
}

.tab-men {list-style: none;text-align: center;margin: 0;position: relative;top: 45px;margin-top: -25px;float: right;}
.tab-men > li{
 display: inline;
 font-family: arial;
 text-transform: uppercase;
 padding: 9px 11px;
 border-radius: 3px;
 background: #6d0000;
 box-shadow: 0 7px 14px -6px black;
}
.tab-men > li > a{color: #fff;}
.tab-men > li > a:hover{border-bottom: 1px solid #ffffff;}
.home-run {
  height: auto;
  min-height: 32px;
  font-family: arial;
  color: #fff;
  position: relative;
  margin-bottom: 5px;
  background: #433d3da8;
}

.home-run .oras{
margin: 0;
padding-top: 9px;
}

.homepage-header{
  background: url(../../assetsnew/img/header/header_bg.png) no-repeat;
  height: 120px;
  padding: 20px 0px;
}


.homepage-header .login-home{

display: block;

float: right;
}

.homepage-header .form-login{
background: #ffffff;
border: 1px solid #ffffff;
}
.homepage-header .cap-code {color: #000 ! important;}
.homepage-header .captcha{width: 85px;}
.homepage-header .btn-home{
color: #000000 ! important;
border-color: #d8ac5d;
background-image: linear-gradient(#be8735,#d9b361, #eccc73);
}

.mrk-result p{
  letter-spacing: 4.2px;
  font-size: 28px;
  font-family: myMotor;
  font-weight: normal;
}


.result .title{margin-bottom: 46px; padding-top: 17px;}
.result .title img{display: block; margin: 0 auto;}
.bank-home .bank-ul{
 list-style: none;
 background: url(../../assets/img/bank-bg.png) no-repeat;
 height: 84px;
 text-align: center;
}
.bank-home .bank-ul > li{
display: inline;
padding: 0px 6px;
}
.bank-home .bank-ul > li:first-child{
position: relative;
top: 12px;
}
.bank-home .bank-ul > li > img{
padding-top: 25px;
}

.footer-content .bandar-content{
 background: #00000087;
 height: 100%
}
.bandar-content .bandar-ph{
font-family: 'Krub', sans-serif;
text-align: center;
}

.bandar-content .bandar-ph h3{margin: 16px;}
.home-icons{
list-style: none;
text-align: center;
float: right;
display: block;
}
.home-icons > li{
display: inline-block;
padding: 0px 4px;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-next{display: none;}
.markettable{height: 40px;}
.markettable .img-tbl{
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: 63px;
  z-index: 111;
}
.img-social1{
text-align: center;
margin: 0;
list-style: none;
position: relative;
right: 37px;
}
.img-social1 > li{
float: left;
padding: 8px 2px;
}


.img-social{
text-align: center;
margin: 0;
list-style: none;
}
.img-social > li{
float: left;
padding: 8px 2px;
}

.img-bank{
text-align: center;
margin: 0;
list-style: none;
}
.img-bank > li{
display: inline-block;
padding: 14px 0px;
}
.img-bank > li > img{
position: relative;
top: 6px;
}

.panel-single .body-single{background-image: linear-gradient(#2a0909,#3f0101, #570000);}

.panel-single .table-hover{/* background-image: linear-gradient(#e58300,#d15800, #ad0a00); */}


.panel-single .table>tbody>tr.active>td, 
.panel-single .table>tbody>tr.active>th, 
.panel-single .table>tbody>tr>td.active, 
.panel-single .table>tbody>tr>th.active, 
.panel-single .table>tfoot>tr.active>td,
.panel-single .table>tfoot>tr.active>th, 
.panel-single .table>tfoot>tr>td.active,
.panel-single .table>tfoot>tr>th.active,
.panel-single .table>thead>tr.active>td,
.panel-single .table>thead>tr.active>th, 
.panel-single .table>thead>tr>td.active,
.panel-single .table>thead>tr>th.active {background-color: #313030;color: #fff ! important;}

.body-single .text-terakir{
font-family: 'Anton', sans-serif;
font-size: 35px;
text-align: center;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 1px 5px #681b01;
}

.number-captcha{
background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
  background-size: 4px 4px;
  font-size: 22px;
}
.number-captcha p {
  margin: 0;
  text-align: center;
  padding-top: 4px;
}

.home-content.daftar{
  border-color: #3498db;
  color: #fff;
  box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
  transition: all 150ms ease-in-out;
  width: 26%;
}

.daftar:hover {
box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
}
.home-content .btn:hover, .bg-box .btn:focus {
color: #fff;
outline: 0;
}
.home-content{
  background-image: linear-gradient(#2a0909,#3f0101, #570000);
  padding-bottom: 7px;
}
.home-content-pasaran{background-image: linear-gradient(#d26b00,#a76008, #9d2f00);padding: 23px;}
.home-pad{padding: 10px 17px;}
.home-content .home-title{
font-family: "Seaweed Script";
color: #fff;
text-align: center;
font-size: 40px;
position: relative;
margin:0;
}
.home-content .home-title span{background-color: #2d0808;padding: 0 0.3em;}

.home-content .home-title:before {
content:"";
display: block;
position: absolute;
z-index:-1;
top: 50%;
width: 100%;
border-bottom: 3px solid #fff;
}
.home-content .cara-tab{
padding: 15px;
}
.home-content .tab-content{
background: #ffffff;
padding: 5px;
color: #000;
}
.home-content-pasaran .pasarant-t{
font-family: "Seaweed Script";
font-size: 40px;
 padding: 0 0.3em;
}


.title-prm span{
   font-family: mybahnschrift;
   text-transform: uppercase;
   color: red;
   font-size:45px; 
    margin-bottom:20px;
     margin-top:30px;
     text-align: center;
}

.extrapadding {padding: 20px;}
.header{
  /* background: url(../../assets/img/header/header-bg.png) no-repeat; */
  height: auto;
  padding-top: 31px;
}
li.scico { width: 25px; }
.socials{
  list-style-type: none;
  float: right;
}
.header .logo{
  display: inline-block;
  width: 226px;
  overflow: hidden;
  position:  relative;
  bottom: 39px;
}
.social-ico {
  height: 50px;
  float: right;
}
.login-inline{
  /* margin-top: 8px; */
  float: right;
}
.login-inline .form-login:focus{
  border-color: #c3773a;
  box-shadow: 0 1px 1px #e07d35 inset, 1px 0 8px #e86100;
  outline: 0 none;
}
.form-pasti:focus{
  border-color: #c3773a;
  box-shadow: 0 1px 1px #e07d35 inset, 1px 0 8px #e86100;
  outline: 0 none;
}
.login-inline .capts{
  width: 50px !important;
  padding: 6px;
}
.login-inline .captcha{
  width: 85px;
}
.login-inline .form-group{padding: 0 3px;}

.masuk{
  border-color: #fff;
  color: #141414 !important;
  font-weight: bold;
  background: white;
}
.navbar-tebak .navbar-toggle:focus, .navbar-tebak .navbar-toggle:hover {
  background-color: #fa0404;
  color: #000;
}
.navbar-tebak .navbar-toggle {
  border-color: #ffffff;
}
.navbar-tebak .navbar-collapse, .navbar-tebak .navbar-form {
  border-color: #464646;
}

/*=====================================
        MENU CONTENT
=======================================
*/
.navbar-tebak, .navbar-game {
  border-radius: 0px;
  border-color: transparent;
  margin: 0;
  border-bottom: 4px solid #fa0404;
  background: #3f0700;
}
.menu-content .nav > li > a:hover{background: #000;/* padding: 0px; */}
.menu-content .nav > li > a{
 font-size: 15px;
 color: #fff;
 padding: 10px;
}
.menu-content .navbar-klik{
   height: 40px;
   min-height: 0px;
   background-repeat: repeat-x;
   border-color: transparent;
   /* background-image: linear-gradient(#ff7400,#e6690e, #a44415); */
   border: 1px solid #620a00;
   border-radius: 0px;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.85);
}
.menu-content .navbar-home{
    /* min-height: 0px; */
}
.navbar-tebak .navbar-nav>li>a {
  color: #fff !important;
  text-transform: uppercase;
  padding: 10px;
}

.marquee{
  background: #020203;
}
.run p{margin: 0;padding-top: 8px;}
.date-header h5{font-size: 11px;display: inline-block;padding-top: 10px;}
.date-header .border{border-right: 1px solid;position: relative;left: 11px;}


.buntun-header-menu{
  list-style: none;
}
.buntun-header-menu > li{
  list-style: none;
  display: inline;
  padding: 7px 11px;
  background: #6d0000;
  border: 2px solid #000000;
  box-shadow: 0 7px 18px -3px black;
  margin-left: 5px;
}
.buntun-header-menu > li > a{
  color: #ffbd23;
  letter-spacing: 1.2px;
}
.buntun-header-menu > li:hover,
.buntun-header-menu > li > a:hover{
  background-color: #ffa42c;
  color: #000;
  font-weight: bold;
}
/*=====================================
        MAIN CONTENT
=======================================
*/
.result .panel-default{
   background-color: #0a090bba;
   border-color: #1a0a0ed6;
   text-align: center;
   border-radius: 0px;
}
.result .panel .title-pas{
  color: #f9ae3b;
  font-size: 22px;
  padding: 8px;
}
.result .panel-body{
 padding: 0px;
}
.market .thumbnail{
  background: url(../../assetsnew/img/market/market_bg1.png);
  height: 161px;
  width: 147px;
  border: none;
}
.thumbnail .title-mk{text-align: center;position: relative;top: 36px;text-transform: uppercase;color: #000000;font-weight: bold;font-size: 18px;}
.number-mk{
  margin: 0;
  color: #fff;
  padding: 0px 0px;
  text-align: center;
  margin-bottom: 10px;
}
.number-mk > li{
  display: inline;
  color: #000;
  padding: 7px 12px;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}
.result-num > .as{
  background: url(../../assetsnew/img/market/bola/dilaw.png) no-repeat;
}
.result-num > .bs{
  background: url(../../assetsnew/img/market/bola/green.png) no-repeat;
}
.result-num > .cs{
  background: url(../../assetsnew/img/market/bola/violet.png) no-repeat;
}
.result-num > .ds{
  background: url(../../assetsnew/img/market/bola/pula.png) no-repeat;
}

.mtr-t{
  color: #f9ae3b;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 5px;
}
.result-num{
    margin: 0;
    padding: 8px 6px;
    color: #fff;
}
.result-num > li{
   display: inline;
   padding: 3px 11px;
   font-family: myPro;
   font-size: 21px;
   color: #000;
}
.result-num > li > span{

position: relative;

bottom: 2px;
}
.mtr-date{
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: #f9ae3b;
    padding-bottom: 10px;
}


.market-slider .pop{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 2px solid #f9ae3b;
    margin-bottom: 17px;
    padding: 10px;
    color: #f9ae3b;
    text-shadow: 1px 3px #060505;
}

.img-bank > li > h2:first-child{
   color: #f9ae3b;
}

.login-buntud .login-title h1{
    font-size: 26px;
    text-align: left;
    padding: 0px;
    color: #ffa42c
}

.result .new-panel{
   background: url(../../assets/img/data-bg.png);
}
.result .img-flag{
  max-width: 35%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  padding-top: 20px;
}
.result .img-name{
  text-align: center;
  font-size: 13px;
  margin-bottom: 3px;
}

.result .market-date{
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  color: #f9ae3b;
}
.mrk-result{
  font-size:  29px;
  text-align:  center;
  padding-top: 8px;
}
.mrk-result>li{
  float: left;
  padding: 0px 4px;
  font-family: myPro;
  font-size: 26px;
}

.tebak-slider .panel-buntud{/*height: 304px;*/ border-radius: 0px;border: 2px solid #f9ae3b;background: #000000b0;}
.login-buntud .form-buntud{height: 42px;border-radius: 0px;font-size: 15px;color: #000;letter-spacing: 1.3px;background: #bfbcbd;}
.login-buntud .btn-cap{background: #d7d7d7;border-radius: 0px;height: 40px;text-align: center;padding: 5px;font-size: 23px;}
.login-buntud .btn-veri{background: #bfbcbd;border-radius: 0px;height: 40px;}
.login-buntud .btn-masuk{
width: 100%;
background: rgba(204,68,0,1);
background: -moz-linear-gradient(left, rgba(204,68,0,1) 0%, rgba(188,56,0,1) 41%, rgba(143,26,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(204,68,0,1)), color-stop(41%, rgba(188,56,0,1)), color-stop(100%, rgba(143,26,0,1)));
background: -webkit-linear-gradient(left, rgba(204,68,0,1) 0%, rgba(188,56,0,1) 41%, rgba(143,26,0,1) 100%);
background: -o-linear-gradient(left, rgba(204,68,0,1) 0%, rgba(188,56,0,1) 41%, rgba(143,26,0,1) 100%);
background: -ms-linear-gradient(left, rgba(204,68,0,1) 0%, rgba(188,56,0,1) 41%, rgba(143,26,0,1) 100%);
background: linear-gradient(to right, rgba(204,68,0,1) 0%, rgba(188,56,0,1) 41%, rgba(143,26,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4400', endColorstr='#8f1a00', GradientType=1 );
font-size: 30px;
border-radius: 10px;
border: none;
color: #fff;
}
.login-buntud .btn-daftar{
background: rgba(77,165,224,1);
background: -moz-linear-gradient(left, rgba(77,165,224,1) 0%, rgba(44,130,195,1) 47%, rgba(3,91,145,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77,165,224,1)), color-stop(47%, rgba(44,130,195,1)), color-stop(100%, rgba(3,91,145,1)));
background: -webkit-linear-gradient(left, rgba(77,165,224,1) 0%, rgba(44,130,195,1) 47%, rgba(3,91,145,1) 100%);
background: -o-linear-gradient(left, rgba(77,165,224,1) 0%, rgba(44,130,195,1) 47%, rgba(3,91,145,1) 100%);
background: -ms-linear-gradient(left, rgba(77,165,224,1) 0%, rgba(44,130,195,1) 47%, rgba(3,91,145,1) 100%);
background: linear-gradient(to right, rgba(77,165,224,1) 0%, rgba(44,130,195,1) 47%, rgba(3,91,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4da5e0', endColorstr='#035b91', GradientType=1 );
font-size: 30px;
border-radius: 10px;
width: 100%;
border: none;
color: #fff;
}


.panel-buntud .buntud-body{padding: 10px 23px;}
.slider-img{
  margin-left: auto;
  margin-right: auto;
}
.sb-slider{border: 2px solid #f9ae3b;height: 303px;}






.jackpot h1{
  text-align: center;
  font-weight: bold;
  font-size: 48px;
  margin-top: 5px;
}
.jackpot h4{
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #e3bf6a;
}
.title h3{
  text-align: center;
  color: #f5f3f1;
  font-family: myPro;
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 27px;
}
.titles h3{
  text-align: center;
  color: #fff;
  font-family: myPro;
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 25px;
}
.market .mt-r{margin-bottom: 10px}
.market .img-market{
  display: inline-block;
  padding: 0px 8px;
  height: 52px;
}
.market .date{margin-top: 18px;}
.number-result{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-top: 14px;
  display: inline-block;
}
.number-result>li {
  float: left;
  padding: 0px 9px;
  border: 1px solid #ffff;
  border-radius: 50px;
  margin: 0px 3px;
  width: 26px;
  height: 26px;
}
.number-result>li:hover{
  background: #d6ae51;
  border: 1px solid #d6ae51;
  font-weight: bold;
}
.number-result>li>span {
  font-size: 12px;
  font-weight: bold;
  position:  relative;
  top: 2px;
}
.carets img{
  float: right;
  padding: 0;
  position: relative;
  bottom: 23px;
  right: 18px;
}
.scroller-default{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.tbl-latest{ margin-bottom: 0px; }
.tbl-latest>tbody>tr:nth-of-type(odd) {
  background-color: transparent;
}
.tbl-latest>tbody>tr>td{
 border: none;
}
.nomor_hoki_box {
  width: 237px;
  margin: 0 auto;
}
.title_nomor_hoki {
  text-align: center;
  font-size: 27px;
  color: #e3bf6a;
  text-transform: uppercase;
  font-weight:  bold;
  margin-bottom: 13px;
}
#lucky-number {
  height: auto;
  color: #fff;
  font-family: "Century Gothic";
  text-align: center;
  margin-bottom: 18px;
}
.numslot {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  bottom: 2px;
  right: 1px;
  width: 50px;
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 0%, #cb994f 0%, #f1d479 50%, #cb994f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e5799 0%,#cb994f 0%,#f1d479 50%,#cb994f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e5799 0%,#cb994f 0%,#f1d479 50%,#cb994f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#cb994f',GradientType=0 ); /* IE6-9 */
  color: #000;
}
.fancy:first-child {
  margin-left: 0;
}
.fancy {
  width: 49px;
  line-height: 49px;
  text-align: center;
  height: 49px;
  overflow: hidden;
  float: left;
  margin-left: 11px;
  font-weight: normal;
  font-size: 31px;
  border: 1px solid #545454;
  border-radius: 100%;
}
#playFancy {
  border-radius: 12px;
  display: block;
  color: #fff;
  text-align: center;
  width: 104px;
  padding: 9px 0;
  margin: 0 auto;
  margin-bottom: 9px;
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 0%, #cb994f 0%, #f1d479 50%, #cb994f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e5799 0%,#cb994f 0%,#f1d479 50%,#cb994f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e5799 0%,#cb994f 0%,#f1d479 50%,#cb994f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#cb994f',GradientType=0 ); /* IE6-9 */
  color: #000;
  font-family: "Century Gothic";
  font-weight: bold;
}
#playFancy:hover{background: #ffcf41;}

.ws-credit{
    padding: 11px;
    color: #fff ! important;
    font-size: 15px;
    margin-left: 0 ! important;
    font-weight: normal;
}
.label-saldo{
    padding: 3px 12px;
    font-size: 16px;
    color: #000;
    font-weight: 100;
}

/*=====================================
        SUPPORT CONTENT
=======================================
*/

#penawaran_spesial{
  position: fixed;
  top: 611px;
  z-index: 999999;
  right: 0;
}

#penawaran_btn {
  cursor: pointer;
  position: relative;
  top: 0px;
  float: left;
}
.penawaran {
 background: #140500;
 float: left;
 list-style-type: none;
 padding: 9px 16px;
}

.penawaran>li {
  margin-bottom: 16px;
}

.penawaran .info {
  color: #fff;
  font-size: 11px;
  position: relative;

}


/*=====================================
        FOOTER CONTENT
======================================= */
.user-area {
  margin-bottom: 100px !important;
}
.footer-content{
  background: #000;
  border-top: 2px solid #f9ae3b;
  position: fixed !important;
  left: 0 ; right: 0; bottom: 0;
}
.footer-img img{
  margin-left: auto;
  margin-right: auto;
}
.img-content h4{
text-align: center;
}
.img-content .img{
margin-left: auto;
margin-right: auto;
}
.footer-content p{text-align: center;font-size: 13px;}
.footer-img{
  padding-top: 36px;
}
.footer-img h2{
  text-align: center;
  font-size: 20px;
  color: #c9c6a4;
}
.img-content{
  padding: 55px;
}
.footer-content .bank {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-left:  54px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.bank>li, .socials>li {
  float: left;
  padding: 0px 13px;
}
.footer-content .browser{
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left:  97px;
}

.browser>li {
  float: left;
  padding: 0px 30px;
}
.footer-content hr{
  border-top: 1px solid #3e3e3e;
}
.footer-nav{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 103px;
}
.footer-nav>li{
  float: left;
  padding: 0px 48px;
  font-size: 16px;
  font-weight:  bold;
  letter-spacing:  1.2px;
}
.footer-content .ftr-p{
  font-size: 12px;
  margin: 0;
  padding: 19px 5px;
}
.border-right{border-right: 1px solid;}
.ftr:nth-child(2) {
  font-size: 11px;
  margin-top: 12px;
}
.pagination > li > a {
  background: #fafafa;
  color: #000 !important;
}

/*=====================================
        RESULT CONTENT
=======================================
*/
.tbl-pasaran{background: #a43312; }
.tbl-pasaran-home{margin-bottom: 0px;}
.tbl-pasaran>tbody>tr:nth-of-type(odd) {
  background-color: #b5481a;
}
.tbl-pasaran-home > tbody > tr > td{
  font-size: 12px;
  padding: 4px;
}
.home-content-pasaran .btn-more{
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
}
.text-warning, .text-danger{
  color: #fff !important;
}

.login-inline .alert-danger {
  color: #ffffff;
  background-color: #c13232;
  border-color: #ec4646;
  text-align: center;
}
.login-inline .alert-success {
  color: #ffffff;
  background-color: #6e9826;
  border-color: #8cde00;
  text-align: center;
}
.terbaru_height{
  height: 325px;
  overflow: hidden;
}
.show-more{
  background: #eacc72;
  height: 1px;
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 17px;
}
.show-more .down{
  background: #ffda44;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  color: #000;
  padding: 7px;
  font-size: 15px;
}
.show-more .down:hover{
  background: #ffffff;

}
.arrow{
  position: relative;
  bottom: 13px;
  cursor: pointer;
}
.running-msg {
  background-color: #020203;
  color: #ffffff !important;
  /* padding-bottom: 1px; */
  margin-bottom: 9px;
}
#result{padding-top: 15px;}
.headbox .menu-title{font-family: myPro; color: #f18421;}
.contentbox{margin-bottom: 35px;}



.footer-content .bnktx {
  text-align: right;
  margin: 25px 0px;
}
.footer-content .bnkimg {
  float: left;
  text-align: left;
  padding-top: 16px;
}
.pagcor {
  display: block;
  margin: 0 auto;
}

.row.seo {
  text-align: center;
  /* display: inline-flex; */
}
ul.seomenu {
  display: inline-flex;
}
.seomenu li {margin-right: 23px;};
img.set {
  margin: 0 auto;
  width: 100%;
}
img.img-responsive.set {
  margin-left: 0px;
  margin-right: 0px;
  margin: 0 auto;
  padding: 17px 4px;
}
.mrt-web {
  padding-bottom: 21px;
}
.nav-footer .mtr-left {
  border-right: 1px solid;
}
.nav-footer>li {
  display: inline;
  padding: 10px;
}
.mtr-mag {
  padding-bottom: 30px;
}
.nav-footer {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navbar .navbar-collapse {
  text-align: center;
}

.cap-code{
  border-radius: 2px;
  padding: 6px 26px;
}
.result .closing{
  font-size: 11px;
  text-align:  center;
  color: #000000;
  font-family: arial;
  font-weight: bold;
}
.so-img{
      width: 25%;
}
.contact{padding-top: 35px;}
.panel-deposit, .body-info{padding: 15px;}
.list-inline{
  position: absolute;
  top: 7px;
}
.row-ctr{
  position:  relative;left: 35px;
}
.nav-tabs-replace{
  margin-top: 23px;
}
.nav-tabs-replace li>a:hover{
 background: none;
 border: none;
}
.game-container{
  background: #1E1F24;
  border-bottom: 3px solid #880F14;
}
.game-coutry{
  background: #1e1f24;
  margin-bottom: 10px;
}
.game-coutry-type{
 background: #000;
}
.game-depo{
      background: #111;
}
.nav-tabs-replacetop{
border: none;
}
.bgred{
  background: red;
}
.bggreen{
  background: green;
}
.nav-tabs-replacetop>li>a:hover{background:none; border:none;}
.coloknavigation{
  padding: 16px 11px;
}

.coloknavigation .links:active{background: #ebcb6e;}
.custom-padding{
      padding-top: 20px;
      padding-bottom: 15px;
}

.nav-tabs {
  border-bottom: 1px solid transparent;
}
.country-tabs > li > a:hover, .country-tabs > li > a:active, .country-tabs > li > a:focus {
  color: #444;
  background: none;
  border: 1px solid transparent;
}
.nomor{
  color: #000;
}


/*
===================================================
       BUTTOM
===================================================
*/

/* Box colors */
.bg-1 {
background: #ECEFF1;
color: #37474f;
}
.bg-2 {
background: #7986cb;
color: #ECEFF1;
}
.bg-3 {
background: #37474f;
color: #fff;
}

/* Common button styles */
.button {
border: none;
background: none;
color: inherit;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.button:focus {
outline: none;
}
.button > span {
vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
color: #37474f;
border-color: #37474f;
}
.bg-2 .button {
color: #ECEFF1;
border-color: #ECEFF1;
}
.bg-3 .button {
color: #fff;
border-color: #fff;
}

/* Sizes */
.button--size-s {
font-size: 14px;
}
.button--size-m {
font-size: 16px;
}
.button--size-l {
font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
letter-spacing: 2px;
text-transform: uppercase;
}
.button--text-thin {
font-weight: 300;
}
.button--text-medium {
font-weight: 500;
}
.button--text-thick {
font-weight: 600;
}
.button--round-s {
border-radius: 5px;
}
.button--round-m {
border-radius: 15px;
}
.button--round-l {
border-radius: 40px;
}

/* Borders */
.button--border-thin {
border: 1px solid;
}
.button--border-medium {
border: 2px solid;
}
.button--border-thick {
border: 3px solid;
}



/* Wayra */
.button--wayra {
overflow: hidden;
width: 245px;
-webkit-transition: border-color 0.3s, color 0.3s;
transition: border-color 0.3s, color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 100%;
background: #37474f;
z-index: -1;
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--wayra:hover {
color: #000;
border-color: #fff;
}
.button--wayra.button--inverted:hover {
color: #3f51b5;
border-color: #fff;
}
.button--wayra:hover::before {
opacity: 1;
background-color: #fff;
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra.button--inverted:hover::before {
  background-color: #fff;
}

/* Shikoba */
.button.button--shikoba {
  padding: 4px 35px;
  overflow: hidden;
  color: #ffffff;
  border: 2px solid #ffa42c;
  background-color: #9b001d;
  border-radius: 0px;
 }


.button.btn--daftar{
  padding: 4px 34px;
  overflow: hidden;
  color: #ffffff;
  background-color: #1a1a1a;
  border-radius: 0px;
  position: absolute;
 }

.button.button--shikoba.btn--daftar a{color: #ffffff;}
.button--shikoba.button--inverted {
color: #fff;
background: #7986cb;
}
.button--shikoba > span {
display: inline-block;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
font-size: 25px;
}
.button--shikoba .button__icon {
position: absolute;
left: 13px;
font-size: 18px;
-webkit-transform: translate3d(-40px, 2.5em, 0);
transform: translate3d(-40px, 2.5em, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--shikoba:hover .button__icon,
.button--shikoba:hover > span {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.button--shikoba:hover {
background: #932a00;
border-color: #ff7400;
color: #fff;
}
.btn--daftar:hover {background: #0066be;border-color: #5facef;color: #fff;}
.button--shikoba .glyphicon{top: 12px;}



.frm-game .nomor-area{
  width: 30px;
}
.table-responsive .bb_bet,
.table-responsive .bb_betall,
.table-responsive .task{
  width:100px;
  font-weight:bold;
}

.referal-member{margin-bottom: 13px;}
.table-responsive .naga{
  color: #000;
  padding: 6px 7px;
  border-radius: 3px;
}
.macau{
    padding: 4px 3px;
    border-radius: 3px;
}
.jitu{
  padding: 6px 3px;
  border-radius: 3px;
}
.btn-sub{
    background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539);
    background-image: -o-linear-gradient(#484e55, #3a3f44 60%, #313539);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539));
    background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
    -webkit-filter: none;
    filter: none;
    color: #fff;
    margin-bottom: 4px;
}
.btn-user{
    padding-right:2px;
}
.panel-single{
  border-color: transparent;
    border: none;
}
.panel-single .table-hover>tbody>tr:hover{
  background-color: #6e0101;
}

#reg-home .form-control{
  height: 25px;
  padding: 3px 10px;
}

.home-content .isilah{
  text-align: center;
  font-size: 15px;
  margin-bottom: 30px;
  font-family: arial;
  font-weight: normal;
}
.market-slider{margin-bottom: 0px;}
.set_form .frm-size{
  width: 80%;
}
.total-pad{padding: 20px;font-size: 17px; text-align: center;}
.panel-bank{
  background: #560505;
    border-radius: 5px;
}
.ftr-home p {
  font-family: 'PT Sans Caption', sans-serif;
  letter-spacing: 0.3px;
}

.rp{background: red;padding: 2px 4px;border-radius: 2px;}

.panel-bank{
  margin-bottom: 10px;
}
.panel-bank h2{margin-bottom: 5px;}
.game-btn{
  background-image: linear-gradient(#3d7e2a,#326a1f, #1f4d0d);
  background-color: transparent;
  border: none;
  color: #fff;
  margin-bottom: 2px;
}
.game-btn:hover,.game-btn:active{
  color: #ffffff;
  background-color: transparent;
  background-image: linear-gradient(#0f3a02,#124800, #113c00);
}
.tbl-gameInfo{margin-bottom: 5px;}
.tbl-gameInfo>tbody>tr>td,
.tbl-gameInfo>tbody>tr>th, 
.tbl-gameInfo>tfoot>tr>td, 
.tbl-gameInfo>tfoot>tr>th,
.tbl-gameInfo>thead>tr>td, 
.tbl-gameInfo>thead>tr>th {
    padding: 2px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.panel-reset{
    color: #fff;
    margin-top: 50px;
    margin-bottom: 65px;
    border: 2px solid #f9ae3b;
    background: #2c0808;
    border-radius: 0px;
    font-family: arial;
    font-weight: 200;
}
.panel-reset h2{
  font-size: 25px;
    font-family: arial;
    font-weight: 200;
    margin-bottom: 15px;
}
.panel-reset .form-group label{
  font-size: 25px;
  font-weight: 100;
  color: #f9ae3b;
  float: left;
}

.lupa{
  float: right;
  position: relative;
  top: 6px;
  color: #fff;
  font-style: italic;
}

.lupa .reset{color: #fff; font-family: arial; font-weight: 100;}


/*
===================================================
       RESPONSIVE CONTENT
===================================================
*/


/* =============================
          DESKTOP
=============================== */
@media (min-width: 1281px) {
  
#mobile-market, 
#sub-content,
#subview-show,
#user-game,
.sub-profile,
.submenu-h,
.mobile-logo{
  display: none;
}
  
#home-mbile{display: none;}
#mkt-center{
  width: 100%;
  display: block;
  overflow: hidden;
}
  
}


/* =============================
          MOBILE PHONE
=============================== */
@media (max-width: 768px){ 

/* ------------
     Home 
-----------------*/
#home-desktop, #tab-box-app, #tab-box-app-apk{display: none;}

.homepage-header{
  background: #271d1e; /* Old browsers */
  background: -moz-linear-gradient(top, #271d1e 1%, #702123 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #271d1e 1%,#702123 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #271d1e 1%,#702123 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#271d1e', endColorstr='#702123',GradientType=0 ); /* IE6-9 */
  height: auto;
  padding: 0px;
}
#home-mbile .m-logo{
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
}
.btn-mbile{
  background: #6d0000;
  border: 2px solid #000000;
  color: #ffbd23;
  width: 100%;
  margin-bottom: 4px;
}
.sb-slider{margin-bottom: 11px;}
.button.button--shikoba{
  width: 100%;
}
.button.btn--daftar{
  width: 90%;
}


/* ------------
     USER 
-----------------*/
body{
  background: #272b30;
  font-size: 12px;
  color: #FFFFFF;
}
.footer-content{display: none;}
#market, #subview, .game-type, .oras, .usr-cnt{display: none;}

.form-inline .form-control{
    width: 100%;
    float: left
}
.form-inline .frm-set{
    width: 33%;
    float: left;
    padding: 9px 5px;
}
/* USER AREA */
.game-headers .poin-conten p{text-align: center;padding-bottom: 10px;}
.user-header-m{
  padding: 9px 0px;
  background: #272b30;
}
.tab-men{
  list-style: none;
  text-align: center;
  padding: 5px 0px;
  position: initial;
  top: 0;
}
.tab-men > li{
  display: inline-block;
  font-family: arial;
  text-transform: uppercase;
  background: #245512;
  padding: 5px 3px;
  border-radius: 3px;
  float: left;
  margin-left: 4px;
}
.user-area .pasaran-t{
    font-size: 14px;
    padding: 6px;
}
.user-pills .img-mkt{
  display: none;
}
.user-area .user-pills > li > a{
  padding: 6px 3px;
}
#datatable_wrapper{padding: 0; }
.form-control{color: #000}
.user-pills .lbl-sts{position: initial; font-size: 8px;}
.user-pills .mkt-name{    font-size: 11px;}

.table-responsive>.tbl-set>tbody>tr>td{
  white-space: normal;
  padding: 0px;
}
.table-responsive>.tbl-set > tbody > tr >.key-res{
  text-align: center;
  padding-top: 8px;
}
.form-inline .task{
  width: 50%;
  text-align: center;
}
.table-responsive .bb_bet,
.table-responsive .bb_betall,
.table-responsive .task{
  width: 87px;
  text-align: center;
}
.table-responsive .naga{
  color: #000;
  padding: 6px 7px;
  border-radius: 3px;
}

.frm-game .nomor-area{width: 33px ! important;}
.menu-content .navbar-game{
  height: auto; 
  background: #32363b;
  border: 1px solid #32363b;
}

.game-headers .game-top{background: #32363b;}
.user-run{
  background: #111;
  color: #fff;
}
.main-content-game{background: #272b30;}
.user-area .user-area-content{background-image: none;}
.btn-pasaran, .btn-user{
  color:#fff;  
  background-color: #5e8ae6;
}
.tab-content{margin-bottom: 36px;}
.game-head{
  color:#fff;  
  background: #5e8ae6;
}
#user-game .btn-game{
  color:#fff;
  background: #d43724;
  margin-bottom: 2px;
}
.game-box{border: 1px solid #2e3338;}
.bg-box{
  background-color: #2e3338;
  background-image: none;
  padding: 6px 2px 0px 2px;
}
#user-game{
  margin-bottom: 25px;
}
.content-games, .footer-content{background: #000000;}
.game-headers{background: #32363b;}
.game-headers .mobile-logo{background: #32363b;border-bottom: 1px solid #272727;padding-top: 8px;}
.game-headers .game-top{box-shadow: none;}


.tbl-50kombi > tbody > tr > td{
  padding: 5px;
  vertical-align: middle;
}
.tbl-50kombi .form-slct{width: 100px;}
 #mkt-center{ margin-left: 0;}
.tbl-jadwal > tbody > tr > td {font-size: 8px;}
.tbl-jadwal > thead > tr > th {font-size: 10px; font-weight: 100;}
 
}


/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {

  header {
    position: inherit;
  }
  #menu-icon {
    display:inline-block;
  }
  .nav-custom .buntun-header-menu, .nav-custom:active .buntun-header-menu {
    display: none;
    position: absolute;
    padding: 20px;
    background: #000;
    border: 3px solid #d30d0d;
    right: 20px;
    top: 60px;
    width: 50%;
    border-radius: 4px 0 4px 4px;
    z-index: 999;
  }

  .homepage-header .nav-custom .buntun-header-menu> li {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin: 0;
  }
  .homepage-header .nav-custom:hover .buntun-header-menu {
    display: block;
  }
}

/*======================================
             Tablet
======================================*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
 
/*-------- menu ------------*/
header { position: inherit;}
#menu-icon { display:inline-block;}
.nav-custom .buntun-header-menu, .nav-custom:active .buntun-header-menu {
  display: none;
  position: absolute;
  padding: 20px;
  background: #000;
  border: 3px solid #d30d0d;
  right: 20px;
  top: 60px;
  width: 50%;
  border-radius: 4px 0 4px 4px;
  z-index: 999;
}
.homepage-header .nav-custom .buntun-header-menu> li {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin: 0;
}
.homepage-header .nav-custom:hover .buntun-header-menu {
  display: block;
}
/*-------- menu ------------*/
.button.btn--daftar{padding: 4px 17px;}
.button.button--shikoba{padding: 4px 16px;}

#home-footer{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

}