/*!
 * Start Bootstrap - Business Casual (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url('../img/bg.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    /*font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.outter-box {
    margin-top:10px;
    margin-bottom: 20px;
    /*padding: 10px 15px 10px 15px;*/
    padding: 5px 15px 10px 15px;
    background: rgb(200, 54, 54); /* The Fallback */
    background: rgba(0, 0, 0, 0.5); 
}

.box {
    background:#000;
}
.boxmargin{
    margin-left:-15px; 
    margin-right:-15px;
}

.intro-text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #fff;
    background: rgba(255,255,255,0.9);
}

footer p {
    margin: 0;
    padding: 50px 0;
}

@media screen and (min-width:768px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #131112;
    }

    .nav>li>a {
        padding: 10px 20px;
        font-size:14px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        /*margin: 0 auto;*/
        table-layout: fixed;
        font-size: 16px;
        font-weight: bold;
    }
}
@media screen and (min-width:768px) {
    .navbar-collapse{
        border-top: 2px solid #F7D04B;
        padding-left:0px;
        padding-right:0px;
    }
}

@media screen and (min-width:1200px) {
    .outter-box:after {
        content: '';
        display: table;
        clear: both;
    }
}

.bottoms-5{
    margin-bottom:5px;
}
.bottoms-10{
    margin-bottom:10px;
}
.bottoms{
    margin-bottom:15px; 
}
.bottoms-20{
    margin-bottom:20px; 
}
.bottoms-25{
    margin-bottom:25px; 
}
.bottoms-30{
    margin-bottom:30px; 
}
.padtop-10{
    padding-top:10px;
}
.nopad{
    padding-left:0px;
    padding-right:0px;
}

table.tablenumber > thead {
    background: url('../img/table_header.png');
}
table.tablenumber > thead > tr > th{
    padding:10px 10px;
    text-align: center;
    font-weight: bold;
    font-size:20px;
}

table.tablenumber > tbody {
    background: url('../img/table_body.png');
}
table.tablenumber > tbody > tr > td{
    padding:6px 10px;
}


.footer-area{
    /*background: #141313;*/
    padding-top:0px;
    padding-bottom:0px;
}

.footer-title{
    font-size:26px;
    margin-top:5px;
    margin-bottom:5px;
    color:#f7d04b;
    line-height: 1;
    font-style: italic;
}
.footer-subtitle{
    margin-top:15px;
    margin-bottom:5px;
    font-style: italic;
}
.noborderad{
    border-radius: 0px;
}

.btnLogin{
    /*padding:6px 20px;*/
    padding:6px 15px;
    font-size:12px;
    font-weight: bold;
    line-height: 1.7;
    background:url("../img/btn_repeat.jpg") repeat-x;
    color:#FFF;
}
.nopad{
    padding:0px;
}
.right{
    float:right;
}

.form-control{
    /*background-color:#2b2d33;*/
    color:#FFF;
}

.redcolor{
    color:#c50011;
}
.goldcolor,.gold{
    color:#F7D04B;
}
.italic{
    font-style: italic;
}

.bgjackpot{
    /*background: url("../img/bg_jackpot.png") no-repeat;*/
    width:100%;
    /*height:115px;*/
    height:78px;
}
.bgjackpot-inner{
   position:absolute; 
   z-index:99;   
   width:100%;
   /*padding-top:17px;*/
   padding-top:12px;
}
.bgjackpot-bgimage{
    margin: 0 auto; 
    position:absolute; 
    top:0px; 
    width: 100%;
    /*height:100px;*/
    height:77px;
}
.bgjackpot-image{
    height:74px;
}
.jackpot{
    margin-top :0px; 
    margin-bottom :0px; 
    padding:2px 0px; 
    width:100%; 
    text-align:center; 
    color: #fff; 
    /*font-size: 40px; */
    /*font-size: 30px; */
    font-size: 24px; 
    font-weight:bold; 
    /*background:#141314;*/
}
.navbar-default{
    margin-bottom:0px;
}


.bottoms-contact{
    margin-bottom:15px;
}
@media screen and (max-width:768px) {
    .bottoms-contact{
        margin-bottom:5px;
    }
}

.nomartop{
    margin-top:0px;
}
.nomarbot{
    margin-bottom:0px
}

.body-content{
    padding-top:125px;
}
@media screen and (max-width:992px) {
    .logo{
        margin:0 auto;
    }
    .body-content{
        padding-top:255px;
    }
}
@media screen and (max-width:768px) {
    .body-content{
        padding-top:278px;
    }
}

.navigbg{
    background: black;
}

.fleft{
    float:left;
}
.fright{
    float:right;
}


.bank-panel{
    display: block;
    position: fixed;
    z-index: 99;
}
.bca-status{
	background: url('http://iframe.cahayapoker.idevgroups.com/bank/BCA') 0px 0px no-repeat;
}
.bni-status{
	background: url('http://iframe.cahayapoker.idevgroups.com/bank/BNI') 0px 0px no-repeat;
}
.bri-status{
	background: url('http://iframe.cahayapoker.idevgroups.com/bank/BRI') 0px 0px no-repeat;
}
.mandiri-status{
	background: url('http://iframe.cahayapoker.idevgroups.com/bank/MANDIRI') 0px 0px no-repeat;
}
.danamon-status{
	background: url('http://iframe.cahayapoker.idevgroups.com/bank/DANAMON') 0px 0px no-repeat;
}
.cimb-status{
	background: url('http://iframe.cahayapoker.idevgroups.com/bank/CIMB') 0px 0px no-repeat;
}
.bank-panel ul li{ list-style-type: none;}
.bank-panel.right{
    top: 19%;
    right: 0px;
}

.bank-panel .panel-black{
    display: block;
    position: relative;
    background-color: #a5a5a5;
    width: 150px;
    height: 70px;
    margin-bottom: 2px;
    border-radius: 12px 0px 0px 12px;
    -webkit-border-radius: 12px 0px 0px 12px;
    -moz-border-radius: 12px 0px 0px 12px;
    -ms-border-radius: 12px 0px 0px 12px;
    -o-border-radius: 12px 0px 0px 12px;
}

.online{
    float: left;
    width: 44px;
    height: 44px;
    margin-top: 12px;
    margin-left: 6px;
    background: url("../img/indicator.png") 0px 0px no-repeat;
}

.offline{
    float: left;
    width: 44px;
    height: 44px;
    margin-top: 17px;
    margin-left: 6px;
    background: url("../img/indicator.png") 0px -44px no-repeat;
}

.bank-panel .bca{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url("../img/bank.png") -5px 0px no-repeat;
}

.bank-panel .mandiri{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url("../img/bank.png") -125px 0px no-repeat;
}

.bank-panel .bri{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url("../img/bank.png") -250px 0px no-repeat;
}

.bank-panel .bni{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url("../img/bank.png") -370px 0px no-repeat;
}

.bank-panel .danamon{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url("../img/bank.png") -488px no-repeat;
}

.bank-panel .cimb{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url("../img/bank.png") -636px 0px no-repeat;
}
.right {
    float: right !important;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 1020px;
  margin: 20px auto;
}

.bbmhover:hover{
	box-shadow: 0px 0px 50px white;
}