/* ==========================================================================
    Theme Name: Poker Whitelable
    Author: DG
    Description: Theme for Poker Whitelable.
    Version: 1.0.0
   ========================================================================== */

/*-------------------------------------------------------------------------*/
/*  1.  CSS Reset
/*-------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/**** HTML5 display-role reset for older browsers ****/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 0;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

th, td{
    vertical-align: middle;
}

th{
    text-align: left;
}

#table-lobby, #table-memo{
    width: 100%;
    padding: 10px;
    border-spacing: 1px;
    border-collapse: collapse;
}

#table-lobby thead, #table-memo thead{
    font-weight: bold;
}

#table-lobby thead tr th{
    padding-bottom: 10px;
    border-bottom:2px solid #fff;
}

#table-memo thead tr th{
    padding: 10px 0;
    border-top:2px solid #292727;
    border-bottom:2px solid #292727;
    vertical-align: middle;
}

.img {
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
    background-repeat: no-repeat;
}

.img-small {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}



/*-------------------------------------------------------------------------*/
/*  2.  General Styles
/*-------------------------------------------------------------------------*/

/**** Layout ****/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html{
    height: 100%;
}

body{
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.1px;
    color: #fff;
    background: #121212 top center no-repeat;
    background: url(../img/ptkp/bg_kp_euro2024.webp) 0 0 no-repeat;
}

a{
    color: #fca13a;
    text-decoration: none;
}

a:hover, a:focus{
    color: #fff;
    text-decoration: none;
}

b, strong{
    font-weight: bold;
}

ol, ul{
    list-style: none;
}

/*MAIN*/
div.logo a{
    margin-top: 1.5% !important;
}
.container{
    width: 1000px;
    height: 100%;
    margin: auto;
}
.content{
    width: 1000px;
}
#nav {
    width: 100%;
    height: 100%;
}
.beforelog{
    margin-top: 22px !important;
}
input[type="text"], input[type="password"], select, textarea {
    min-width: 50px;
}
input, button, select {
    line-height: normal;
    font-family: 'Muli', sans-serif;
    width: 100%;
    /*height: 37px;*/
    padding: 5px 10px;
    border: 1px solid;
    font-size: 12px;
    line-height: 1.5em;
    color: #000;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button{
    padding: 7px 22px;
    border-radius: 4px;
}
.btn-login{
    padding: 7px 22px;
    border-radius: 4px;
    font-size: 12px;
    border: none;
    color: white;
}
.header-panel .setdiv .btn-login{
    padding: 7px 11px;
}
.button-copy{
    text-align: left;
    margin-left: 10px;
    width: 15%;
    padding-left: 14px;
    padding-top: 7px;
    cursor: pointer;
    display: inline-block;
}
.refresh-button{
    margin-left: 9px;
    font-size: 25px !important;
    color: #f99f38;
}
/*END MAIN*/

/*HEAD*/
.form-control-login {
    display: block;
    width: 120px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding: 7px 7px;
    border: none;
}
.login-form {
    float: right !important;
    padding: 10px 15px;
    margin-top: 13px;
    margin-right: -10px;
    margin-bottom: 8px;
    margin-left: 0px;
}
.login-form .forgot-password {
    text-align: end;
    margin-top: 5px;
}
.login-form .form-group, .login-form .form-group .form-control-password{
    display: inline-block;
}
.login-form .form-group .form-control-password{
    padding-right: 24px;
}
.login-form .form-group .shpass{
    margin: 7px 0px 0px -18px;
    position: absolute;
    color: black;
}
.logodiv{
    float: left;
    width: 30%;
}
.form-login{
    float: right;
    width: 70%;
    text-align: right;
}
.login-form{
    margin-right: -15px;
}
.head-menu{
    display: inline-block;
    width: 100%;
}
.menus a .sidemenu{
    display: inline-block;
    padding: 14px 10px 10px 10px;
    height: 46px;
    color: white;
}
.infoterbaru{
    width: 100%;
    padding: 10px 10px;
    margin: 10px 0px 0px;
    border-radius: 4px;
}
.news-1{
    width: 12%;
    float: left;
    text-align: left;
}
.news-2{
    width: 87%;
    display: grid;
}
.getdiv30{
    float: left;
    width: 30%;
    height: 100%;
}
.getdiv70{
    float: left;
    width: 70%;
    height: 100%;
}
#globaljackpot_container{
    width: 50%;
    margin: 10px 0px;
    border-radius: 4px;
    padding: 10px;
    height: 90px;
    float: left;
}
.globaljackpot_title{
    height: 100%;
    text-align: center;
    font-size: 19px;
    padding: 15px 6px 0px 0px;
}
.globaljackpot_title b{
    font-size: 19px;
}
.globaljackpot_amount{
    padding-top: 24px;
    text-align: center;
    height: 100%;
    font-size: 39px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.link-container{
    width: 49%;
    margin: 10px 0px;
    border-radius: 4px;
    height: 90px;
    float: right;
}
.latest_info_title{
    font-size: 1.4em;
    padding: 22px 4px 0px 4px;
    font-weight: 900;
    text-align: center;
}
.link_black .link-alt{
    padding: 4px 4px 4px 15px;
}
.link_black .link-alt:nth-child(2){
    background:#333333;
}
.afterlog{
    margin-top: 5px;
}
.nw-badge:after{
    width: 16px !important;
    height: 16px !important;
}
.head-ref a{
    background-color: #A2A2A2;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 7px 22px;
    color: white;
}
.head-ref a:hover{
    background-color: #fff;
    color: black;
}
.head-ref a.active{
    background-color: #f4c924;
}
/*END HEAD*/

/*BOX MARQUEE*/
.boxhead{
    border: 2px solid #9D252E;
    margin-top: 25px;
    border-radius: 6px;
}
.gamesbox-title{
    background: #151616;
    height: 35px;
    padding-top: 6px;
    font-size: 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.promogames{
    width: 100%;
    height: 650px;
    border-top: 2px solid #9D252E;
    margin-top: 15px;
}
.wdthgames {
    width: 120px;
}
.promo_box {
    position: relative;
    float: left;
    cursor: pointer;
    text-align: center;
    width: 178px;
    margin-top: -15px;
}
.promo_box a img{
    height: 178px;
}
.ourgames, .ourgames2 {
    position: relative;
    float: left;
    cursor: pointer;
    text-align: center;
}
.marq-box{
    background: rgb(33,111,186);
    background: radial-gradient(circle, rgba(33,111,186,1) 0%, rgba(37,106,176,1) 28%, rgba(14,53,93,1) 85%);
    height: 165px;
    width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.slider-promo{
    border: 2px solid #9D252E;
    margin-top: 15px;
    border-radius: 6px;
    width: 69%;
    float: right;
    background: #0D0D0D;
}
.slider-promo-body{
    height: 231px;
    padding-top: 40px;
    width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.slider-promo .title{
    height: 44px;
    width: 100%;
    padding: 10px;
    background-color: #212121;
}
.slider-promo .title b{
    font-size: 20px;
}
.promo_box2 a img{
    width: 100%;
    display: block;
}
.promo_box2 a span{
    margin-top: 12px;
    display: inline-block;
    color: white;
}
.ourgames2{
    margin-right: 30px;
}
/*END BOX MARQUEE*/

/*BODY*/
.border-bot{    
    border-bottom: 2px solid #292929;
    padding-bottom: 15px;
    margin-top: 0px;
}
.alert-danger{
    background: #FCCCCC;
    color: #9D252E;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.bodycontent{
    border-radius: 4px;
    border: 2px solid;
    margin-bottom: 20px;
    padding: 15px;
}
.form-group-full{
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 5px;
}
.form-group-full-reg{
    width: 94%;
    position: relative;
    display: flex;
    margin-bottom: 5px;
    margin-left: 12vw;
}
.form-group-full .control-label, .form-group-full-reg .control-label{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    margin-bottom: 10px;
}
.form-group-full .col-lg-2, .form-group-full-reg .col-lg-2{
    width: 45%;
    display: inline-block;
}
.col-lg-2 .shpass{
    display: inline;
    position: absolute;
    margin-left: -27px;
    padding: 8px;
    color: black;
}
.col-lg-1 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 260px;
    padding-right: 15px;
    padding-left: 15px;
}

.control-label {
    color: #aaa;
    font-weight: bold;
}
.control-label {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
#pass_criteria ul {
    list-style: none;
    font-style: italic;
    margin: 0 0 0 177px;
    display: grid;
    text-align: left;
}
#pass_criteria ul li {
    margin: 2px 7px;
    color: #f99f38;
    font-size: 11px;
    display: table;
}
.err-pass {
    background: rgb(242, 222, 222);
    padding: 5px 10px;
    width: 361px;
    border-radius: 3px;
    margin: 2px 6px !important;
}
.validx {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    margin-top: 6px;
}
.check, .cross {
    width: 13px;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    display: none;
    position: absolute;
}
.our-games{
    /*float: left;*/
    width: 30%;
    display: inline-block;
    height: auto;
    margin: 10px 5px;
}
.idnraffle{
    display: inline-block;
    width: 94%;
    height: auto;
}
.left-1vw{
    margin-left: 15px;
}
.left-2vw{
    margin-left: 17.2px;
}
.the-game{
    z-index: 1;
    position: relative;
    height: 100%;
    width: 100%;
}
.btn-game-lobby{
    width: 83px;
    border: none;
    color: white;
    display: block;
    margin-top: -43px;
    z-index: 2;
    position: relative;
}
.alert-success{
    background: #71af71;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}
.alert-success table{
    margin: auto;
}

#table-detail, #betdiv{
    background: #545a5d;
    padding: 10px 4px;
    border-radius: 7px;
    font-size: 12px;
}
#transhis thead{
    background: #0e0e0e;
}
.close-button,.closing-card {
    display: inline-block;
    float: right;
    width: 28px;
    cursor: pointer;
    background: #1d1d1d;
    border-radius: 5px;
    color: #ff3e3e;
    height: 24px;
    font-size: 18px;
    font-weight: bold;
}
.depowdtable{
    position:fixed;z-index:99;padding-top:2%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)
}
.depowd-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:309px}

.mutasi-table table thead tr th, .mutasi-table table tbody tr td {
    padding: 1px 15px;
    text-align: center;
}
#betdiv tbody tr, #table-detail tbody tr {
    border-bottom: 1px solid #676869;
}
#betdiv tbody tr:hover, #table-detail tbody tr:hover {
    background: #3a3b3c;
}
.chov:nth-child(2n+0){
    background: #292929;
}
.modalin{position:fixed;z-index:99;padding-top:2%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}
.modalin-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:309px}
.modalin-bet{background-color:#3e3e3e;margin:auto;padding:8px;width:309px;border:none}
.modalin-bet-wrapper{padding-top:350px}
.modalin-content img{width:auto;-webkit-box-shadow:0 0 5px -1px rgba(0,0,0,10.75);-moz-box-shadow:0 0 5px -1px rgba(0,0,0,10.75);box-shadow:0 0 5px -1px rgba(0,0,0,10.75)}
.modal-card{width:700px;position:relative}
.closing{color:#aaa;float:right;font-size:28px;font-weight:700;margin-bottom:11px;margin-top:-10px}
.closing-card{margin-top:-4px;position:absolute;right:8px}
.closing:hover,.closing:focus{color:#000;text-decoration:none;cursor:pointer}
.closing-card:hover,.closing-card:focus{color:#ad0404}
/*END BODY*/

/*BANK SIDEBAR*/
.inner-sidebar {
    border-radius: 10px;
    margin-top: -87px;
    padding: 5px;
}

#sidebar_ tr th {
    color: #fff;
    font-size: 11px;
}

#sidebar_ tr td {
    color: #fff;
    font-size: 11px;
}

.rightform {
    padding: 2px 12px 0px 12px;
    background-color: #848484;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.redform {
    background: rgba(186, 17, 17, 1);
    background: -moz-linear-gradient(top, rgba(186, 17, 17, 1) 0%, rgba(128, 7, 7, 1) 47%, rgba(66, 4, 4, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(186, 17, 17, 1)), color-stop(47%, rgba(128, 7, 7, 1)), color-stop(100%, rgba(66, 4, 4, 1)));
    background: -webkit-linear-gradient(top, rgba(186, 17, 17, 1) 0%, rgba(128, 7, 7, 1) 47%, rgba(66, 4, 4, 1) 100%);
    background: -o-linear-gradient(top, rgba(186, 17, 17, 1) 0%, rgba(128, 7, 7, 1) 47%, rgba(66, 4, 4, 1) 100%);
    background: -ms-linear-gradient(top, rgba(186, 17, 17, 1) 0%, rgba(128, 7, 7, 1) 47%, rgba(66, 4, 4, 1) 100%);
    background: linear-gradient(to bottom, rgba(186, 17, 17, 1) 0%, rgba(128, 7, 7, 1) 47%, rgba(66, 4, 4, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba1111', endColorstr='#420404', GradientType=0);
    width: 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 66px;
}

.greenform {
    background: rgba(86, 209, 15, 1);
    background: -moz-linear-gradient(top, rgba(86, 209, 15, 1) 0%, rgba(47, 117, 7, 1) 47%, rgba(27, 66, 5, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86, 209, 15, 1)), color-stop(47%, rgba(47, 117, 7, 1)), color-stop(100%, rgba(27, 66, 5, 1)));
    background: -webkit-linear-gradient(top, rgba(86, 209, 15, 1) 0%, rgba(47, 117, 7, 1) 47%, rgba(27, 66, 5, 1) 100%);
    background: -o-linear-gradient(top, rgba(86, 209, 15, 1) 0%, rgba(47, 117, 7, 1) 47%, rgba(27, 66, 5, 1) 100%);
    background: -ms-linear-gradient(top, rgba(86, 209, 15, 1) 0%, rgba(47, 117, 7, 1) 47%, rgba(27, 66, 5, 1) 100%);
    background: linear-gradient(to bottom, rgba(86, 209, 15, 1) 0%, rgba(47, 117, 7, 1) 47%, rgba(27, 66, 5, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56d10f', endColorstr='#1b4205', GradientType=0);
    width: 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 66px;
}

.yellowform {
    background: rgba(206, 212, 19, 1);
    background: -moz-linear-gradient(top, rgba(206, 212, 19, 1) 0%, rgba(153, 158, 8, 1) 47%, rgba(84, 87, 7, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206, 212, 19, 1)), color-stop(47%, rgba(153, 158, 8, 1)), color-stop(100%, rgba(84, 87, 7, 1)));
    background: -webkit-linear-gradient(top, rgba(206, 212, 19, 1) 0%, rgba(153, 158, 8, 1) 47%, rgba(84, 87, 7, 1) 100%);
    background: -o-linear-gradient(top, rgba(206, 212, 19, 1) 0%, rgba(153, 158, 8, 1) 47%, rgba(84, 87, 7, 1) 100%);
    background: -ms-linear-gradient(top, rgba(206, 212, 19, 1) 0%, rgba(153, 158, 8, 1) 47%, rgba(84, 87, 7, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 212, 19, 1) 0%, rgba(153, 158, 8, 1) 47%, rgba(84, 87, 7, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ced413', endColorstr='#545707', GradientType=0);
    width: 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 66px;
}

.whiteform {
    background-color: white;
}

.termh2 {
    width: 100%;
    text-align: center;
    margin: 25px 0px 0px -6px;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
    color: #ffffff;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.2), 0px -2px 5px rgba(0, 0, 0, 0.4);
}

.term {
    margin: 0px 0px 15px -6px;
    padding: 8px 19px 21px 32px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    background-color: #2E2E2E;
    display: inline-block;
    float: left;
    font-size: 12px;
}

.term h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
}

.statusonoff {
    margin-left: 47px;
    margin-top: 5%;
}

.greenbank {
    width: 20px;
    display: inline-block;
    height: 20px;
    background-color: #46AB0B;
    border-radius: 50px;
    margin-top: 13px;
    float: left;
}

.redbank {
    width: 20px;
    display: inline-block;
    height: 20px;
    background-color: #AA0F0F;
    border-radius: 50px;
    margin-top: 13px;
    float: left;
}

.yellowbank {
    width: 20px;
    display: inline-block;
    height: 20px;
    background-color: #f6ff00;
    border-radius: 50px;
    margin-top: 13px;
    float: left;
}

.btnstatus {
    display: block;
    margin: 15px 20px 0px 8px;
    float: left;
}

.line-black {
    width: 100%;
    height: 2px;
    background-color: black;
    display: inline-block;
}

.body-wrap-new {
    display: inline-block;
    min-height: unset;
}

.termsol li:before {
    content: none;
}

.termsol li {
    list-style-type: decimal;
    text-align: left;
    margin-bottom: 0px;
}
/*END BANK SIDEBAR*/

/*FOOTER*/
#footer{
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #9D252E;
}
.footer-left{
    float: left;
    width: 28%;
}
.footer-right{
    float: right;
    width: 70%;
}
.footer-left .warning-icon{
    margin-left: -17px;
    margin-top: -6px;
    width: 80%;
}
.footer-right a{
    color: #1065a9;
    display: inline-block;
    padding: 15px 0px 0px 6px;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}
.footer-right a:hover{
    color: white;
}
.footer-bottom{
    display: inline-block;
}
.footer-right-content{
    padding-left: 32px;
}
.situs {
    float: left;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    width: 100%;
}
.footer-bank {
    position: relative;
    width: 33%;
    height: 45px;
    vertical-align: middle;
    float: left;
    background: #323232;
    border: 1px solid black;
    text-align: center;
}
.footer-bank img{
    max-width: 75px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.footer-bank2{
    width: 49.5%;
}
.footer-v88 {
    width: 99%;
    padding: 14px 0px 9px 0px;
}

.disclaimer a{
    padding-left: 0;
}
/*END FOOTER*/
.afterlog .setdiv{
    width: 100%;
    display: block;
    text-align: right;
}
/*FONT*/
.btn-darkblue{
    background: rgb(41,136,210);
    background: linear-gradient(180deg, rgba(41,136,210,1) 0%, rgba(30,100,155,1) 45%, rgba(19,62,96,1) 100%);
}
.btn-darkblue:hover{
    background: rgb(31,92,140);
    background: linear-gradient(180deg, rgba(31,92,140,1) 0%, rgba(17,53,80,1) 45%, rgba(7,24,37,1) 100%);
}
.btn-darkgreen{
    background: rgb(55,190,8);
    background: linear-gradient(180deg, rgba(55,190,8,1) 0%, rgba(41,144,6,1) 46%, rgba(27,95,4,1) 100%);
}
.btn-darkgreen:hover{
    background: rgb(43,145,7);
    background: linear-gradient(180deg, rgba(43,145,7,1) 0%, rgba(31,99,7,1) 46%, rgba(18,64,3,1) 100%);
}
.blue_{
    color: #186db2;
}
.orange_{
    color: #f99f38;
}
.red_{
    color: red;
}
.red_:hover{
    color: white;
}
.green_{
    color: #5dc03b;
}
.green_:hover{
    color: white;
}
h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
/*END FONT*/

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px; }
.badge:empty {
    display: none; }
.btn .badge {
    position: relative;
    top: -1px; }
.btn-xs .badge, .btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
.list-group-item > .badge {
    float: right; }
.list-group-item > .badge + .badge {
    margin-right: 5px; }
.nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }

.btn-default .badge {
    color: #fff;
    background-color: #333; }
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333; }
.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff; }
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d; }
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f; }
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b; }
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442; }

.sf-menu .badge {
    background: #ce3d3d;
      padding: 3px 7px;
  }

ul.pagination{
    display: inline-flex;
}

ul.pagination li{
    padding: 10px;
}

ul.pagination .more {
    padding-top: 9px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

.jackpotlink a li {
    padding: 10px 25px;
    display: inline-flex;
    background: #85181F;
    margin-bottom: 12px;
    border-radius: 4px;
    color: white;
}

.btn-greypromotion {
    width: 60%;
    margin-bottom: 10px;
    border-radius: 5px;
    background: rgb(109,109,109);
    background: linear-gradient(180deg, rgba(109,109,109,1) 0%, rgba(55,55,55,1) 100%);
    background-repeat: repeat-x;
    border-color: #212121;
    color: #fff;
    font-size: 12px;
    padding: 6px;
}
.btn-greypromotion:hover {
    background: rgb(80,79,79);
    background: linear-gradient(180deg, rgba(80,79,79,1) 0%, rgba(19,19,19,1) 100%);
}

.btn-bluepromotion {
    width: 60%;
    margin-bottom: 10px;
    border-radius: 5px;
    background: rgb(53,135,237);
    background: linear-gradient(180deg, rgba(53,135,237,1) 0%, rgba(31,77,136,1) 100%);
    background-repeat: repeat-x;
    border-color: #212121;
    color: #fff;
    font-size: 12px;
    padding: 6px;
}

.btn-bluepromotion:hover {
    background: rgb(34,89,158);
    background: linear-gradient(180deg, rgba(34,89,158,1) 0%, rgba(13,31,54,1) 100%);
}

#hispend-table thead tr:first-child{
    border: 1px solid #aaa;
    background: #ccc url(../js/jquery-ui-1.11.4.custom/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700;
}
#hispend-table tbody tr:nth-child(odd){
    background-color: rgb(245, 245, 245);
    color: #000;
}
#hispend-table tbody tr:nth-child(even){
    background-color: rgb(255, 255, 255);
    color: #000;
}
.ourgames2 .promo_box2{
    width: 270px;
}

.ketdepo{
    background: #FFF042;
    border-radius: 5px;
    color: #734906;
    padding: 10px;
    width: 96%;
}

.ketdepo ul{
    list-style: disc;
    text-align: left;
    padding: 10px 10px 10px 25px;
}
.dp_barcode img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.dp_barcode img:hover {
    transform: scale(2) translateX(30px) translateY(-28px);
}
.slgpromo{
    display: block;
    margin-top: -18px;
    background: #c01f25;
    font-size: 11px;
    border-radius: 2px;
    height: 18px;
    color: white;
}