@charset "utf-8";@font-face{font-family:aller;src:url(Aller_Rg.woff2);}
body{background-color:#2b2b2b;font-family:aller;}
.overlay{pointer-events:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9999;}
.all-elements{overflow-x:hidden;}
.wrapper{padding:10px;}
.wrapper2{padding:10px 20px;}
.page-content{background-color:#2b2b2b;z-index:10;display:block;min-height:882px;}
.page-sidebar{background-color:#111111;width:272px;display:block;position:absolute;z-index:3;top:0px;left:0px;bottom:0px;overflow:hidden;position:fixed;}
.page-sidebar-right{background-color:#111111;width:272px;display:block;position:absolute;z-index:2;top:0px;right:0px;bottom:0px;overflow:hidden;position:fixed;}
.page-sidebar-scroll, .page-sidebar-scroll-right{z-index:2;width:291px;overflow:scroll;overflow-x:hidden;height:100%;}
.homepage-slider{z-index:9;margin-top:-50px;}
.content-controls{z-index:15;height:50px;}
.sidebar-shortcuts{background-color:#1e1e1e;height:50px;border-bottom:solid 1px #2a2a2a;}
.sidebar-shortcuts a{opacity:0.8;}
.sidebar-shortcuts a:hover{background-color:rgba(255,255,255,0.1);}
.page-update-text{color:rgba(255,255,255,0.5);font-size:12px;width:220px;margin-left:auto;margin-right:auto;}
.page-update-text{display:none;}
.page-header{background:#000000;height:70px;width:100%;position:fixed;z-index:999999;border-bottom:1px solid #818285;top:0;}
.page-header-clear{height:70px;}
.header-logo{
	/*width:150px;*/
	/*height:30px;*/
	margin-left:58px;
	margin-top:-50px;
}
.header-logo2{
	/*width:170px;*/
	/*height:30px;*/
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;}

.login_box{display:none;}
#login_panel{padding:10px;background:#036e96;color:#ffffff;}
.quote-item em{text-align:center;display:block;color:#e34e47;margin-bottom:10px;}
.quote-item h4{text-align:center;margin-bottom:0px;}
.quote-item strong{text-align:center;font-style:normal;font-weight:400;display:block;width:250px;margin-left:auto;margin-right:auto;}
.quote-item img{border-radius:100px;width:100px;margin-left:auto;margin-right:auto;margin-bottom:20px;}
.thumb-clear-10{height:0px;display:block;width:100%;}
.thumb-clear{height:20px;display:block;width:100%;}
.thumb-left{display:block;padding-bottom:10px;}
.thumb-left a{display:block;text-align:right;}
.thumb-left img{width:100px;height:100px;float:left;margin-right:20px;}
.thumb-left strong{color:#338aa6;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:20px;font-family:aller;letter-spacing:0.5px;}
.thumb-left span{color:#fff;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:48px;font-family:aller;letter-spacing:1px;}
.thumb-left em{font-style:normal;font-size:16px;color:#808080;font-family:aller;}
.thumb-right{display:block;padding-bottom:10px;}
.thumb-right img{width:100px;height:100px;border-radius:100px;float:right;margin-left:20px;}
.thumb-right strong{color:#fff;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:13px;}
.thumb-right em{font-style:normal;}
.customer-slider div a img{width:40px;margin-left:auto;margin-right:auto;}

.buttonjoin{width:100%;}
.button-group{position:relative;margin-top:10px;}
.button-group .menu{padding-top:10px;}

hr{margin-top:-3px;margin-bottom:10px;border:0;border-top:1px solid rgba(255, 255, 255, 0.4);clear:both;}
.forgot_pass{float:left;}
.new_register{float:right;}
.wide-active{margin-top:20px;display:none;}
.wide-item-wrapper{background-color:#FFFFFF;padding-bottom:1px;margin-top:3px;}
.wide-folio{margin-top:-17px;margin-bottom:20px;}
.wide-item{margin-bottom:3px;}
.wide-item .responsive-image{margin-bottom:0px;}
.wide-image{max-height:100px;overflow:hidden;}
.wide-item-titles{position:relative;z-index:99999;top:30px;margin-bottom:-45px;pointer-events:none;}
.wide-item-titles h4{font-family:aller;font-weight:200;font-size:16px;text-transform:uppercase;color:#FFFFFF;position:relative;z-index:999999;text-align:center;margin-bottom:5px;}
.wide-item-titles p{color:#FFFFFF;margin-bottom:0px;color:rgba(255,255,255,0.5);text-align:center;position:relative;z-index:999999;}
.wide-item-content{display:none;margin-top:20px;margin-left:20px;margin-right:20px;}
@media (min-width:760px){.wide-image{max-height:150px;}
.wide-item-titles{top:55px;margin-bottom:-45px;}
}

select:focus,optgroup:focus,option:focus,input:focus,input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,.textbox:focus,textarea:focus{border:1px solid #059bd3;}
optgroup{padding:5px 0;}
option{padding:5px 0;}
.form-group{clear:both;margin-bottom:10px;}
.formLabel{float:left;width:100%;color:#ffffff;}
.formLabels{float:left;width:30%;padding:10px;color:#ffffff;}
.formInput{float:right;width:70%;}
.formText{display:inline-block;padding-top:10px;font-size:14px;font-weight:bold;color:#ffffff;width:100%;}
.note{font-size:15px;color:#d7d7d7;margin-bottom:10px;}
.notes{font-size:14px;color:#ffa800;}
.orange{color:#ffbf27;}
::-webkit-input-placeholder{color:#818285;}
:-moz-placeholder{color:#818285;}
::-moz-placeholder{color:#818285;}
:-ms-input-placeholder{color:#818285;}
input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:7px;}
input[type="text"], input[type="password"], select, textarea{border:1px solid #818285;}
.error-reg{background:#f2dddd;color:#a70707;height:38px;width:100%;padding:8px;margin:10px 0px;border-radius:7px;display:inline-block;text-align:center;}
.img-reg{position:absolute;top:8px;right:5px;width: 54px;}
.button-login{float:right;margin-top:15px;}
.button-icons{width:100%;margin-bottom:10px;}
.button-icons2{
	width:48% !important;
	/*float:left;*/
	margin:1%;
	border-radius:7px;
}
.button-icons2 > div{min-height:35px;}
.button-bigs{text-align:center;color:#FFFFFF;font-family:aller;font-size:20px;padding:15px 26px 10px 26px;display:inline-block;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.button-extra-big{color:#FFFFFF;font-family:aller;font-size:25px;padding:15px 20px;display:inline-block;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;box-shadow:inset 0 -4px 0 rgba(57,119,134,1);}
.button-extra-big2{color:#e7e7e7;font-family:aller;font-size:25px;font-weight:bold;padding:18px 5px 12px 2px;display:inline-block;text-align:center;}
.bank-account{padding-left:40px;font-size:14px;font-family:aller;font-weight:bold;}
.bank-account .acc-name{padding-left:10px;}
.bank-account .notice{font-size:12px;color:#00ff4f;}
.bank-images{float:left;width:100px;}

.for4d{float:left;width:100%;margin-bottom:7px;margin-top:5px;}
.left{float:left;}
.right{float:right;}
.member{display:inline-block;}
.user-login{font-size:20px;font-weight:bold;color:#ffffff;margin-bottom:5px;}
.user-balance{font-size:17px;color:#d7d7d7;}
.user-balance > span{font-weight:bold;}
.clears{clear:both;}
.space_5{height:5px;}
.space_10{height:10px;}
.color-grey{color:#000000;}
.color-red{color:#f89e00;}
.color-green{color:#3f9845;}
.color-white{color:#ffffff;}
.color-blue{color:#00ceff;}
.italic{font-style:italic;}

.copy:active{background-color:#244e58;}
.badge{right:25%;top:20px;margin:0 2px;position:absolute;min-width:10px;padding:3px 7px;font-size:15px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#c7150d;border-radius:10px;}
.center{text-align:center;margin-bottom:10px;}
.centert{text-align:center;}
.right{text-align:right;}
.space{right:45px !important;}
.underline{text-decoration:underline;}
.idr{width:90%;display:inline-flex;}
.hal{margin:10px 0 3px 0;font-weight:100;}
.radiusbl{border-bottom-left-radius:7px;}
.radiusbr{border-bottom-right-radius:7px;}
.no-margin-bottom{margin-bottom:0;}
.inner-wrap{background:#000000;padding: 0 15px;}
.panel{padding:10px 20px;background:#636363;}
.panel-grey{padding:10px;background:#636363;}
.panel-blue{background:#131313;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:7px;}
.results{background:#d7d7d7;padding:5px 10px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:7px;margin-bottom:6px;}
.results > div, .bank > div{display:inline-block;}
.pool-name{color:#333333;font-size:18px;width:45%;}
.pool-date{font-size:14px;color:#7f7e7e;margin-left:10%;padding-top:2px;text-align:center;}
.pool-result{font-weight:bold;font-size:18px;color:#0f5b1e;float:right;}
.pool-result > img{display:inline-block;}

.pools{font-size:20px;text-transform:uppercase;max-width:70%;padding:15px;}
.title{display:block;font-size:25px;font-weight:bold;color:#1e9fbe;margin:10px 0;text-align:center;}
.bets{font-size:15px;color:#f5ff53;margin-bottom:5px;}
.border-none{border:none !important;}
.bankField{float:left;width:47%;margin-right:5px;}
.bankField.last{float:left;width:50%;margin-right:0px;}
.table-image > img{display:inline-block;}
.history{font-size:10px;letter-spacing:.5px;}
.pagination{display:inline-block;padding-left:0;margin:10px 0;border-radius:4px;}
.pagination > li{display:inline;}
.pagination > li:first-child > a, .pagination > li:last-child > a{color:#000000;background-color:#f5f5f5;font-size:18px;font-weight:bold;width:40px;height:40px;line-height:26px;padding:6px 12px;margin-top:-4px;}
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination > li > a, 
.pagination > li > span{border:0;color:#979797;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;-ms-border-radius:50% !important;-o-border-radius:50% !important;border-radius:50% !important;padding:3px 8px;margin:0 3px;font-size:12px;margin-top:0;position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#000000;text-decoration:none;background-color:#fff;border:1px solid #ddd;}

.little-banner {bottom:0;position: fixed;width:100%;z-index:20;left:0;}
.little-banner img{width:100%;position: relative; margin: auto; display: table;}
.angka-keluar{font-size:14px;color:#feaf35;}
.nama-pasar{width:100%;font-size:19px;}
.bank{display:inline-block;background-color:#fff;padding:3px 10px 5px 10px;width:47%;margin:5px 0 0 0;text-align:left;border-radius:6px;}
.bank img:first-child{width:14px;display:inline-block;vertical-align:middle;margin-right:13px;}
.bank img:last-child{width:55px;display:inline-block;vertical-align:middle;}
#slider-hasil{min-height:192px;}
#slider-hasil .pool-result > img{width:24px;margin:0 !important;}
.slider{width:100%;}
.box-red{width:19px;height:19px;margin-right:1px;background-color:#EA0C0C;display:inline-block;}
.box-white{width:19px;height:19px;margin-right:1px;background-color:#ffffff;display:inline-block;}
.box-jackpot{width:19px;height:19px;margin-right:1px;background-color:#FFEA14;display:inline-block;font-style:italic;font-weight:bold;color:#E41C1C;}
.box-jackpot span{display:block;font-size:16px;}
.shead{ height: 135px !important;}
.sindex{ top: 70px !important;}
.slc{ top: 85px !important;}
.scontent{ margin: 65px auto !important;}
table tbody tr td img,
.color-grey img {
    display: inline-block;
}

.header-logo2 {
    width: 210px !important;
    height: 63px !important;
    margin-top: 5px !important;
    margin-left: 20px;
    margin-right: auto;
}
.list-menu-mobile {
 width: 100%;
 margin-top: 5px;
}

.list-menu-mobile a {
 width: 20%;
 padding: 0px 5px;
 display: inline-block;
 margin-top: 5px;
}

.list-menu-mobile a img {
 width: 100%;
margin-top: 0px;
}
.dewahoki {
    position: relative;
    width: 100%;
    max-width: 640px;   /* maksimal sesuai ukuran asli */
    aspect-ratio: 640 / 366; 
    margin: 0 auto;
    overflow: hidden;
}

.dewahoki div {
    position: absolute;
    inset: 0;
}

.dewahoki img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* jaga rasio */
    display: block;
}