input.error, select.error {border:1px solid #ff0000;}
label.error {display: block; color: #ff0000; font-size: 12px; padding: 3px 0px}

.formcap {position: relative;}
    .formcap img {position: absolute; right: 30px; top: 30px;}

.jackpotcontainer {text-align: center;}

.ftop {background-color: #ffffff}
    .ftop .bb {font-family: arial;font-size: 14px;color:#888 !important;padding:18px 8px 18px 8px;text-align: center;}
    .ftop .bb a {color: #888888!important}

.method {background-color: #F5F5F5;}
    .method .ml {font-size:14px;padding-top:15px;color:grey;font-weight: bold;}
    .method .mr {font-size:14px;padding-top:5px;color:grey;font-weight: bold; text-align: right;}
    .method .icon-image {height: 30px!important;}

.seo {background-color: #F5F5F5;}

.provider {font-size:16px;padding-top:15px;color:black;}

.content {background-color:#f0f0f0;}
    .content img {max-width: 100%;}
    .content.g img {width: 100%; max-width: auto}

.register-pan .table td{
border-top: 0px;
padding: .75rem !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: grey;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: grey;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: grey;
}

.text-samudra{
  background-color:#013b7a; color: #ffffff;
}

.lupa-daftar .fa {color: #ffcf00}
.lupa-daftar .lupa-top {text-align: right; padding-bottom: 5px;}

.mobLine {padding-top: 20px; border-top: 1px solid #8e8e8e; margin-top: 10px;}

.tab-content > .tab-pane {
    padding: 1.6rem;
    overflow-y: auto;
    border: 1px solid #ffd200;
  background:#ffffff; 
}
.nav-tabs{
  float:left;
}
.nav-tabs li{
  float:none;
} 
.nav-tabs > li{
  margin-bottom: -1px;
  border-top: 1px solid #ffd200;
  border-left: 1px solid #ffd200;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#ffffff;
    cursor: default;
  border: 1px solid transparent;
    background:#ffcf00;
    border-bottom: 1px solid #ffd200;
    z-index: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {margin-right:-1px; color: #ffd200}
.nav-tabs{
  border-bottom: 2px solid #ffd200;
}
.nav > li > a{
  color:#fff;
    /*background:rgba(0,0,0,0.3);*/
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    color:#ebc316;
}
.table2 {
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #ffd200;
    border-left: 1px solid #ffd200;
  border-right: 1px solid #ffd200;
  background:#013b7a;
  color:#ffffff;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0px;
}
.content .table>tbody>tr>td, .content .table>tbody>tr>th, .content .table>tfoot>tr>td, .content .table>tfoot>tr>th, .content .table>thead>tr>td, .content .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ffd200;
  font-weight: 400;
}
.tr1 { background:#ffcf00; color: #111111}
.thead1 {border-top: 1px solid #ffd200}
.nav-tabs > li > a {border-radius: 0px; margin-right: 0px; padding:12px 20px; background-color: #013b7a}
.nav-tabs > li > a:hover {border: 1px solid transparent; background-color: #333333}

.btn-af-page {
  margin-bottom: 10px;
}
.btn-af-page button, .btn-af-page button:focus, .btn-af-page button:hover {
  border: 1px solid #4d4d4e;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  background: #d9b300;
}
.btn-af-page .dropdown-menu {
  background: rgb(78,80,81); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(78,80,81,1) 0%, rgba(24,24,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5051', endColorstr='#181818', GradientType=0 ); /* IE6-9 */
  text-align: center;
  border: 1px solid #4d4d4e;
  width: 100%;
}
.btn-af-page button .caret {
  right: 4%;
  top: 45%;
  position: absolute;
}
.btn-af-page .dropdown-menu li a {
  color: #FFFFFF;
  font-size: 15px;
}
.btn-af-page .dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background: #003471;
  color: #FFFFFF;
}

.nav-pills > li {background-color: #013b7a}
  .nav-pills > li a {padding:10px 15px; border-radius: 0px;}
  .nav-pills > li a.active {background-color: #ffcf00;}
  .nav-pills > li a:hover {background-color: #333333}

.navbar-brand {padding:10px 15px 0px;}
.navbar-brand img {width: 230px;}

.fbb {position: fixed; left: 0px; bottom: 0px; z-index: 99}
  .fbbin {padding: 5px; background-color: #ffffff}
  .fbbl {padding: 3px;}

  .f-banner-close {
    color: #ffffff;
    background-color: #001731;
    position: absolute;
    top: -30px;
    right: 0px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #ffffff;
    font-weight: bold;
  }

.btn-claim {background-color: #013b7a; border-radius: 5px; padding: 5px 10px; display: inline-block; line-height: normal;}
.btn-claim:hover {background-color: #013b7a; color: #111111!important}

@media only screen and (max-width: 768px) {

  .navbar-brand img {width: auto;}

  .jackpotcontainer {min-height: 90px!important; background-size: cover; background-position: center;}
  div#perSecond {padding-top: 0px!important; position: absolute; top: 50%; transform: translateY(-50%); width: 96%}

  #siderbar {display: none;}

}
.reftb {background-color: #ffffff;}
.reftb .bbb h4 {color: #212121;}
.ref-dbox .ref-dbox-input .ref-dbox-input-l .ii input {background-color: #ffffff;color: #212121;}
.ref-dbox .ref-dbox-data .dd {background-color: #ffffff; color: #212121;}
.ref-dbox .ref-dbox-data .dd.aaa {color: #ffffff;}

.ui-widget.ui-widget-content a {color: #111111!important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {color: #ffffff!important;}