body section {
    /* background: url(../../../assets/img/re-template/dt-content-background.jpg); */
    background: transparent;
    /*padding-top: 20px !important;*/
    /*padding-bottom: 20px !important;*/
}
section {
    display: block;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
marquee > b {
	color: white;
}
.black-color {
	color: #000;
}
.nama-dom {
    color: #00b7cd;
}
.regis_box {
    /*background-color: #805394;*/
    background-color: #d9d9d9 !important;
}
#datahadiah {
	color: #fff;
}
.notification-dewacrm-light {
	/*color: white;*/
    color: black;
    margin-top: 12px !important;
}
.spinchips {
	/*background: linear-gradient(to right, #27B9C6 , #006E8C);*/
    background: #494949;
    color: #fff;
}
.slot-header {
	color: #00b7cd !important;
}
#content h4 {
	color: #fff;
}
.re-body section > .container {
    background-color: #F17932 !important;
    background-size: contain !important;
    border-radius: 6px;
    padding-bottom: 0;
    margin-top: 40px;
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.75);
}
.re-body section > .container > .row {
    margin: 20px 0;
    background-color: #fff;
    border-radius: 6px;
    padding: 0 10px;
    color: black;
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.75);
}
.re-body section > .container > .row select, .re-body section > .container > .row option {
    background: transparent;
    border: 1px solid #F17932;
    color: #000 !important;
}
.re-body hr {
    border-top: 1px solid #575757;
    margin: 10px 0;
}
button.btn-theme, .btn.btn-theme {
    background-color: #F17932;
    color: #fff;
    border-width: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-weight: 600;
    padding: 10px 16px;
    letter-spacing: 2px;
}
table tr {
    background-color: inherit !important;
    /*color: #fff !important;*/
}
table th {
    background-color: black !important;
}
table tr:nth-child(odd) {
    background-color: #e4e4e4;
}
table tr:nth-child(even) {
    background-color: #fff;
}
.custom-input {
    border-radius: 10px !important;
    height: 40px !important;
}
.hsl-lkp .section .container .row .col-md-12 .uppercase strong {
    color: #F17932;
}
.text-username-login{
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border: 1px solid #f17932;
	padding: 5px;
	width: 100%;
	left: 0;
	border-right: 0.5px solid #f17932;
	text-indent: 10px;
	/*color:#f17932;*/
    color: #000;
}
.text-password-login{
	border: 1px solid #f17932;
	padding: 5px;
	width: 100%;
	left: 0;
	border-left: 0.4px solid #f17932;
	text-indent: 10px;
	/*color:#f17932;*/
    color: #000;
}
.text-password-login:focus, .text-username-login:focus{
	/*border: 1px solid #f17932;*/
	outline: none;

}
.register-box .text-register {
 background: #fff;
 border: 1px solid #fff;
 outline: none;
 height: auto;
}
.btn-submit-login{
	border-radius: 10px;
	border: 1px solid #23c884 !important;
	height: 40px;
	/* background: #1a0929; */
    background: #ffc069;
	/* color: white; */
    color: #000;
	padding: 5px;
	width: 6.5em;
}

.btn-submit-login:hover{
	color: #fff;
}

.btn-submit-register{
	border-radius: 10px !important;
	color:#fff;
	background-color: #23c884;
	height: 100%;
	padding: 5px;
	border-color: #23c884 !important;
}
.btn-submit-register:hover{
	color:#fff;
	background:#009658;
    border-color: #009658 !important;
}
.box-input{
	display: block;
	position: relative;
}

.box-input-login{
	position: relative;
}

.body-after-login .btn-submit-register,
.body-before-login .btn-submit-register {
    border-radius: 10px !important;
    color: #fff;
    background-color: #23c83e;
    height: 100%;
    padding: 5px;
    border-color: #23c83e !important
}

.btn-submit-register:hover {
    color: #fff;
    background: #009658;
    border-color: #009658 !important
}

.no-padding{padding:0;}

.contact-header a{
	color:#fff;
	padding:10px 5px;
	font-size: 13px;
}
.contact-header span{
	color:#77787b;
}

.contact-header-icon{
	padding-right: 3px;
}


.nav-item .nav-link:hover{
	/*background-color: #805095;*/
    background-color: #002b2e;
    color: white !important;
}

.android-head{
	vertical-align: baseline;
    padding-right: 1px;
}

.footer-bg{
	/*background-color:#0c0614;*/
    background-color: #101010;
	/*height: 100%;*/
	/*color: #00829f;*/
    color: #ffffff;
	font-size: 14px;
}

.link-footer a{
	font-size: 14px;
}

.link-footer div.col{
	margin-left: 0;
	margin-right: 0;
}

.link-footer div.col:nth-child(6n-5){
  padding:0px;
  padding-left: 15px;
}
.link-footer div.col{
  padding:0px;
  padding-bottom: 9px;
}

.disclaimer{
	font-size: 14px;
}

.title-disclaimer{

}

.text-disclaimer{
	color: #fff;
}
.for-logo{
	width: 190px;
    /*height: 60px;*/
	background: url('../../img/tc/logo-wt.png') no-repeat;
    background-size: cover;
	/* margin-top: 8px; */
}
.copyright-footer{
	color: #00b7cd;
	font-size: 13px;
	padding-top: 8px;
}

.game-responsibility{
	width: 255px;
    height: 45px;
	background: url('../../img/tc/rules.png') no-repeat;
}

.payment-partners div div.box-bank{
	background-color: #2f3745;
	border-right: 2px solid #212732;
	border-top: 2px solid #212732;
}

.bank-bca{
	background-position: 3px 10px;
	width: 50px;
    height: 26px;
}
.box-bank{
	height: 50px;
	padding: 0px;
	overflow:hidden;
	text-align: center;
	transform: scale(0.85);
	margin-left: -8px;
	margin-top: -5px;
	padding-left: 5px !important;
}
.box-bank img{
  width: 100%;
}
.box-bank-scale{
	transform: scale(0.7);
	margin-left: -18px;
	margin-top: -7px;
}
.bca-footer{
	margin-left: -3px;
    margin-top: 5px;
}
.mandiri-footer{
	margin-left: 0px;
    margin-top: 5px;
}
.cimb-footer{
	width: 90px;
    margin-left: -4px;
    margin-top: 10px;
}
.bni-footer{
	margin-left: 0px;
    margin-top: 7px;
}
.bri-footer{
	margin-left: -5px;
    margin-top: 7px;
    width: 90px
}
.permata-footer{
	margin-top: -5px;
}
.kospin-footer{
	margin-left: -5px;
	margin-top: 5px;
	width: 95px;
}
.maybank-footer{
	margin-left: -4px;
	margin-top: -2px;
	width: 90px
}
.panin-footer{
	margin-top: -3px;
}
.info-label-header{
	color: #00b7cd;
	text-align: center;
	font-weight: 800;
}
.info-label-header-box{
	/*background: url(../../img/tg88/icon/info.png) no-repeat;*/
	width: 90px;
    height: 32px;
    text-align: left;
    padding-top: 3px;
}
.text-info-header{
	font-size: 15px;
}
.padding-top-bottom-5{
	padding: 5px 0px;
}
.padding-top-5{
	padding-top: 5px;
}
.padding-top-10{
	padding-top: 10px;
}
.padding-top-15{
	padding-top: 15px;
}
.padding-top-bottom-15{
	padding: 15px 0px;
}
.text-info-header marquee{
	vertical-align: -webkit-baseline-middle;
    font-size: 16px;
}

#our-games-box{
	/*background-color: #805095;*/
    background-color: #199593;
    margin: 0px auto;
    /*box-shadow: 0px 8px 10px rgba(174, 174, 174, 0.12),
        -10px 8px 15px rgba(174, 174, 174, 0.12), 10px 8px 15px rgba(174, 174, 174, 0.12);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1.5px solid #f0f0f0;*/
}

#togel-box{
	/*background-color: #805095;*/
    background-color: #199593;
	margin: 0px auto;
    /*box-shadow: 0px 8px 10px rgba(174, 174, 174, 0.12),
        -10px 8px 15px rgba(174, 174, 174, 0.12), 10px 8px 15px rgba(174, 174, 174, 0.12);
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;*/
	/*border-bottom: 1.5px solid #f0f0f0;
	border-right: 1.5px solid #f0f0f0;
	border-left: 1.5px solid #f0f0f0;*/
}

.title-menu{
	font-size: 20px;
}

.title-game-box{
	margin: 10px 0px;
}
.title-game{
	font-size: 18px;
	vertical-align: middle;
}

.button{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 15px;
	display: inline-block;
	border:0px solid #f07831;
}
.button-orange{
	background: #1a0b2a;
}
.button-white{
	background: #ffffff;
	color: #f07831 !important;
	border:1px solid #f07831;
}

.color-white{
	color: white;
}

a.button.button-orange.color-white:hover{
	color:white;
	background: #d46524;
}

.padding-5{
	padding:5px;
}

.padding-10{
	padding:10px;
}

.padding-15{
	padding:15px;
}

.list-games-box > div{
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	margin-right: 15.5px;
}

.list-games-box > div:nth-child(3){
	margin-right: 0px;
}

.italic{
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

.button-play-games{
	background: #ffffff;
	color: #000;
	width: 8em;
}

.button-play-games:hover{
	background: #fff;
	color: #f07831;
	width: 8em;
}

.gameall {
    width: 100%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

.floatcontainer {
    float: right;
    margin-right: 30px;
}

.tournament-v2 {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    background: #4bc74b url(../../../assets/img/piala.png?v=1.2) center center no-repeat;
    background-size: 20px 20px;
    z-index: 99;
    position: absolute;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.newgame-tg88 {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    z-index: 99;
    position: absolute;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 11px;
    background-color: #b20000;
    padding-top: 5px;
    padding-left: 2px;
    font-weight: bold;
}
.each-game-box{
	width: 100%;
    float: left;
	position: relative;
    /*margin:8px 8px 8px 15px !important;*/
}
.box-button-play{
	text-align: center;
    width: 100%;
    position: absolute;
	bottom: 0;
}
.box-button-play-live {
	padding: 5px;
	border-radius:0px 0px 5px 5px;
	color: white;
	background-color: #23c884;
	width: 100%
}
.box-button-info{
	text-align: left;
}
.img-show-game{
	z-index: 4;
	width: 100%;
}
.button-box-play{
	position: absolute;
    display: flex;
    z-index: 5;
    bottom: 0px;
    width: 100%;
}
#winners-box{
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	/*background: #392053;*/
    background: #199593;
	height:auto;
	clear: both;
}
.each-category-box-winner{
	width: 18%;
	background: hsl(51deg 26% 89%);
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	padding:10px 20px;
	margin-right: 13px;

}
.each-category-box-winner:nth-child(5){
	margin-right: 0px;
}
.winner-game-title{
	width: 80%;
    float: left;
    font-size: 14px;
    vertical-align: middle;
    height: 25px;
    padding: 4px 0px;
}
.winner-game-logo{
	width: 20%;
	float: right;
	text-align: right;
}

.header-label-winners-1{
	-webkit-border-radius: 20px 20px;
	-moz-border-radius: 20px 20px;
	border-radius: 20px 20px;
	border: 1px solid #f07831;
	height: 100%;
}

.header-label-winners-2{
	-webkit-border-radius: 20px 20px;
	-moz-border-radius: 20px 20px;
	border-radius: 20px 20px;
	border: 1px solid #f8aa31;
	height: 100%;
}

.header-label-winners-2 .bet-type-pools{
	background: #f8aa31;
}

.bet-type-pools{
	width: 25%;
	float: left;
	height: 100%;
	padding: 0px 12px;
	color: #ffffff;
	background: #f07831;
	-webkit-border-radius: 20px 20px;
	-moz-border-radius: 20px 20px;
	border-radius: 20px 20px;
}
.total-winners-type-pools{
	width: 75%;
	float: left;
	height: 100%;
	text-align: center;
}
/*.each-category-box-winner > div{
	height: 27px;
}*/

.container-winner{
	height: 27px;
	margin-bottom: 5px;
}

.the-winners{
	word-break: break-all;
}

.list-news-box{
	width: 78%;
	height: 100%;
	float: left;
}

.box-label-latest-news{
	width: 18%;
    height: 100%;
    float: left;
}
.icon-latest-news{
	width: 30%;
	float: left;
	text-align: center;
}
.label-latest-news{
	width: 53%;
    float: left;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
    margin: 33px 10px;
}

.icon-latest-news img{
	width: 70%;
    margin: 36px 10px;
}

#social-media-box{
    width: 100%;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 10px;
}

#social-media-box-v2{
    width: 100%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 10px;
}

.list-games-box-slot {
    width: 100%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
	padding: 0px 0px 15px 0px;
}

.each-game-box-slot {
    color: white;
}

.list-games-box-minigame {
    width: 100%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.each-game-box-minigame {
    color: white;
}

.sm-box{
	width: 100%;
    height: 100px;
    float: left;
    /*background: #0c0614;*/
    background: #ececec;
    margin-left: 4.6px;
    font-size: 14px;
    text-align: center;
    /*color: rgb(255, 255, 255) !important;*/
    color: rgb(0,0,0) !important;
}

.sm-box div:nth-child(1){
	position: relative;
	height: 70%
}

.sm-box div:nth-child(1) img{
	position: absolute;
	bottom: 7px;
    right: 0;
    left: 0;
    margin: auto;
    width: 35%;

}

.contact-us-box .sm-box div:nth-child(1) img {
    position: absolute;
    bottom: 7px;
    right: 0;
    left: 0;
    margin: auto;
    width: 25%;
}

.contact-us-box .sm-box{
	margin-right: 6.6px !important;
}

.contact-us-box .sm-box:nth-child(5n) {
    margin-right: 0px !important;
}

.contact-us-box .list-games-box > div{
	margin-right: 0;
}

.sm-box div:nth-child(2){
	position: relative;
	height: 30%;
}
.sm-box div:nth-child(2) span{
	position: absolute;
	bottom: 7px;
    right: 0;
    left: 0;
}
.sm-box:nth-child(5n){
	margin-right: 0px;
}

.banner-buku-mimpi{
	width: 100%;
}

.banner-buku-mimpi img{
	width: 100%;
}

.banner-buku-mimpi div {
    top: 35px;
    position: absolute;
    right: 35px;
}
.banner-buku-mimpi div a{
	color: #f07831;
}

.title-game-page .title-game{
	font-size: 30px;
}

.img-head{

}

.img-head img{
	width: 100%;
	border-radius: 5px 5px 0px 0px;
}

.text-img-head{
	position: absolute;
	top: 0;
	text-align: center;
	margin: 0 30%;
	font-size: 15px;
	padding: 10px;
}

.img-head div{
	position: absolute;
}

.referral-text-1{
	color: #f07831;
}

.table-bonus-referral h2{
	color: #fff;
	font-size: 20px;
	padding: 8px;
	background-color: #00b7cd;
}

.table-bonus-referral table.table th,
.table-bonus-referral table.table td{
	padding: 0.5em;
}

.table-bonus-referral table tbody tr td:nth-child(2){
	color: hsl(345deg 63% 50%);
}
.jp-text{
	font-size:14px;
}
.bolder{
	font-weight: bold;
}

.referral-tips-trick{
	background:#000000;
	height: 100%;
	color: white;
	min-height: 356px;
}

.referral-tips-trick .title{
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 1.3em 1.5em 0em 1.5em;
}

.referral-tips-trick > div{
	height: 80px;
}

.referral-tips-trick ol{
	margin-block-start: 0.5em;
    padding-inline-start: 20px;
}

.referral-tips-trick li{
	font-size:14px;
	margin: 10px 0px 0px 0px;
}

.mh li{
	margin: 20px 0px 0px 0px;
}

.tips-trick-box .referral-tips-trick{
	margin-right: 4%;
}

.tips-trick-box .referral-tips-trick:nth-child(2){
	margin-right: 0px;
}

.box-orange{
	background: #f07831;
	color: white;
	vertical-align: middle;
}

.box-orange p{
	margin: 0.1em 0em 0.3em 3em;
	padding-left: 10px;
}

.box-orange span{
	color: black;
	font-size: 25px;
	padding:0px 10px;
}

.banner-promosi p a{
	margin-left: 10%;
}

.banner-promosi p a:hover{
	background: #fff;
}

.notice-deposit {
	width: 100%;
    padding-right: 20px;
    height: 50px;
    /*background: #f9aa32;*/
    background: #22fff8;
    text-align: left;
    /*color:white;*/
    color: black;
    display: flex;
}

.notice-deposit div:nth-child(1){
	width: 40px;
    float: left;
    background: hsl(180deg 1% 21%);
    color: #f9aa32;
    height: 40px;
    margin: 5px;
    font-size: 40px;
    text-align: center;
}
.notice-deposit div:nth-child(1) span{
	top: -6px;
    position: absolute;
    left: 36px;
}

.notice-deposit div:nth-child(2){
    font-size: 13px;
    float: left;
    vertical-align: middle;
    text-align: center;
    padding: 15px 0px 0px 10px;
}

.deposit-box{
	color: #fff;
	font-size: 14px;
}
ul.deposit-list{
	list-style: none;
}
ul.deposit-list li::before{
	content: "• ";
    color: #1C9D99;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 23px;
}

.each-bank{
	height: auto;
	padding:9px 10px;
	/*width: 150px;*/
	background:hsl(51deg 26% 89%);
	margin-bottom: 15px;
	font-size: 13px;
	color: #212732;
}

.each-bank img{
	width: 100px;
}

.bank-logo{
	text-align: center;
}

.status-on-off-bank{
	padding: 5px 12px;
	/*padding: 3px 12px;*/
	float: left;
}
.status-bank{
	width: 15px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 20px;
}

.bank-on{
	border: 1px solid #66ae3e;
	background: #66ae3e;
}

.bank-mt{
	border: 1px solid #ffc600;
	background: #ffc600;
}

.bank-off{
	border: 1px solid #c93232;
	background: #c93232;
}

.footer-status-bank{
	font-size:14px;
	font-weight: "Ubuntu";
	color: #fff;
}

.tooltip-box{
    background: #ffffff;
    width: 170px;
    position: absolute;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 1px 2px 23px 7px rgba(0,0,0,0.52);
    box-shadow: 1px 2px 23px 7px rgba(0,0,0,0.52);
    /*padding: 10px;*/
    top: -125px;
    left: 280px;
    word-break: break-all;
}

.tooltip-box.after-login{
	background: #ffffff;
	width: 200px;
	position: absolute;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 1px 2px 23px 7px rgba(0,0,0,0.52);
	box-shadow: 1px 2px 23px 7px rgba(0,0,0,0.52);
	/*padding: 10px;*/
	top: -100px;
    left: 120px;
    word-break: break-word;
}

.gameall > div.each-game-box:nth-child(3n) .tooltip-box.after-login{
	top: -130px;
	left: 15px;
}

.gameall > div.each-game-box:nth-child(3n) .tooltip-box.after-login:after,
.gameall > div.each-game-box:nth-child(3n) .tooltip-box.after-login:before{
	margin-left: 65px;
}


.tooltip-box:after, .tooltip-box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip-box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #FFFFFF;
	border-width: 10px;
	margin-left: -80px;
}
.tooltip-box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #FFFFFF;
	border-width: 10px;
	margin-left: -80px;
}

.tooltip-box .pools-title{
	text-align: center;
	font-size:14px;
	/*border-bottom: 1px solid #f17932;*/
	padding: 5px 10px;
	margin-bottom: 10px;
}

.tooltip-box p{
	margin-bottom: 0px;
	font-size:14px;
}

.tooltip-box .pools-number{
	font-size: 24px;;
	color: black;
}

.tooltip-box p:nth-child(2n){
	color: #f17932;
}

.none{
	display: none;
}

.register-box h2{
	font-size:18px;
	/*color: #fff;*/
    color: black;
}

.register-box .text-register{
	background: #B7B7B7;
	border: 1px solid #B7B7B7;
	outline: none;
}

.text-register::placeholder{
    color: white;
}

.register-box .text-register:focus{
	background: #fff;
	border: 1px solid #fff;
	outline: none;
	box-shadow:none;
    border-radius: 10px;
}

.register-box .text-info{
	font-size: 14px;
    /*color: #f29e26 !important;*/
    color: #000 !important;
    font-weight: bold;
    margin: 10px 0px 10px 1px;
}
.register-box .text-register.with-notice{
	margin-bottom: 0px !important;
}

.register-box select.text-register{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	background:url('../../img/tc/arrow_down.png') no-repeat right #fff;
	padding-right: 10px;
	background-origin: content-box;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	height: 40px;
}

.register-box select.text-register:active, .register-box select.text-register:focus{
	background:url('../../img/tc/arrow_down.png') no-repeat right #fff;
}

.button-refresh-captcha{
	background: #B7B7B7;
    border: 1px solid #B7B7B7;
    outline: none;
    margin-left: -8px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


.register-box .input-group-text{
	/*background: #00b7cd;*/
    background: #1C9D99;
    /*border: 1px solid #00b7cd;*/
    font-size: 15px;
    color: white;
    border-radius: 10px;
	width: 130px;
	display: block;
    font-size: 16px;
    height: 40px !important;
}

.terms-register{
	font-size: 12px;
	text-align: left;
	color: #fff !important;
	cursor: pointer;
}


.register-box .custom-control-input ~ .custom-control-label::before{
    color: #fff;
    /*border-color: #805095;*/
    border-color: #20fff6;
    outline: none;
}

.register-box .custom-control-input:checked ~ .custom-control-label::before{
    color: #fff;
    /*border-color: #805095;*/
    /*background-color: #805095;*/
    border-color: #20fff6;
    background-color: #002b2e;
    outline: none;
}

.home-bank-detail .footer-status-bank{
	font-size: 16px;
}

.home-bank-detail .status-bank{
	width: 20px;
}

.home-bank-detail .status-on-off-bank{
	width: 20px;
    /*margin: 5px 7px 0px 0px;*/
}

.history-box select.text-register {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    background: url(../../img/tc/arrow_down.png) no-repeat right #ffffff;
    padding-right: 10px;
}
.history-box .text-register {
    border: 1px solid #fff;
    outline: none;
}

.box-shio .each-shio-name{
	text-align: center;
	color:#212732;
}

.box-shio div.each-shio img{
    padding: 10px
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.box-shio div.each-shio{
    text-align: center;
    margin: 0px 3px;
}

.box-shio div.each-shio span{
    color: #dcdcdc;
    text-align: center;
}

.box-shio div.each-shio.active-shio span{
    color: #212732;
    text-align: center;
}

.box-shio div.each-shio.active-shio:hover span{
    color: #f17932;
}


.box-shio div.each-shio img{
	opacity: 0.3;
}


.box-shio div.active-shio img{
	cursor: pointer;
	opacity: 1;
}

.history-box table{
	border: none;
}

.history-box table.table thead th{
	text-align: center;
	border: none;
}

.history-box table.table tbody tr:nth-child(1){
	background: rgba(225,225,225,1);
	background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 60%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,225,225,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(0%, rgba(209,209,209,1)), color-stop(60%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 60%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 60%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 60%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(225,225,225,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 60%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}

.history-box table.table tr td{
	text-align: center;
	color: #3b0918;
	font-weight: bold;
	border: none;
}

.history-box table.table tr td:nth-child(3){
	color: #1C9D99;
	font-size:16px;
}

.history-box .table-striped tbody tr:nth-of-type(odd){
	background: #ffffff;
}

.history-box .table-striped tbody tr:nth-of-type(even){
	/*background: #cccccc;*/
    background: #eeece0 !important;
}

.history-box .table th, .history-box .table td{
	border-color: #cccccc;
}

.bank-box {
	/*height: 300px;*/
	overflow: auto;
}

.buttons-bank-index{
	float: right;
}

.buttons-bank-index button{
	background: transparent;
	border: none;
	outline: none;
}
.buttons-bank-index button:active{
	background: transparent;
	border: none;
	outline: none;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #b5b7b9;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #b5b7b9;
}

/* BANK ONLINE CAROUSELBOX INDEX*/
.carouselbox {
font-size: 14px;
position: relative;
overflow: hidden;
}
.content {
margin: 0;
padding: 0;
}
.content li {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
z-index: 2;
}
.bank-box .active {
height: 680px;
margin-top: -25px;
}
.carouselbox button {
border: none;
visibility: hidden;
}
.active button {
visibility: visible;
}
.offscreen {
position: absolute;
left: -2000px;
}
.active .buttons {
padding: 5px 0;
background: #eee;
text-align: center;
z-index: 10;
position: relative;
}
.active li {
position: absolute;
top: 130px;
opacity: 0;
/*transform: scale(0);*/
transform: initial;
transition: 0s;
}
.active li.current {
top: 30px;
opacity: 1;
/*transform: scale(1);*/
transform: initial;
transition: 0s;
}
/* END BANK ONLINE CAROUSELBOX INDEX*/

/* BERITA TERBARU CAROUSELBOX INDEX*/
#latest-news-box .carouselbox-news {
font-size: 14px;
position: relative;
overflow: hidden;
}
#latest-news-box .content-news {
margin: 0;
padding: 0;
}
#latest-news-box .content-news li {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
z-index: 2;
}
#latest-news-box .active {
height: 100px;
}
#latest-news-box .carouselbox-news button {
border: none;
visibility: hidden;
}
#latest-news-box .active button {
visibility: visible;
}
#latest-news-box .offscreen {
position: absolute;
left: -2000px;
}
#latest-news-box .active .buttons {
padding: 5px 0;
background: #eee;
text-align: center;
z-index: 10;
position: relative;
}
#latest-news-box .active li {
position: absolute;
top: 0px;
opacity: 0;
/*transform: scale(0);
transition: 1s;*/
}
#latest-news-box .active li.current {
top: 0;
opacity: 1;
/*transform: scale(1);
transition: 1s;*/
}

#latest-result-box .balls-result{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    width: 20px;
    margin-right: 5px;
    margin-top: 0px;
    color: white;
}

/* END BERITA TERBARU CAROUSELBOX INDEX*/

/* PROMO CAROUSELBOX INDEX*/
.promo-banner .prev, .promo-banner .next{
	background: transparent;
	border: none;
}
#promo-box .carouselbox-promo {
font-size: 14px;
position: relative;
overflow: hidden;
}
#promo-box .content-promo {
margin: 0;
padding: 0;
}
#promo-box .content-promo li {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
z-index: 2;
}
#promo-box .active {
height: 235px;
}
#promo-box .carouselbox-promo button {
border: none;
visibility: hidden;
}
#promo-box .active button {
visibility: visible;
}
#promo-box .offscreen {
position: absolute;
left: -2000px;
}
#promo-box .active .buttons {
padding: 5px 0;
background: #eee;
text-align: center;
z-index: 10;
position: relative;
}
#promo-box .active li {
position: absolute;
top: 0px;
opacity: 0;
/*transform: scale(0);
transition: 1s;*/
}
#promo-box .active li.current {
top: 0;
opacity: 1;
/*transform: scale(1);
transition: 1s;*/
}
/* END PROMO CAROUSELBOX INDEX*/

/* RESULT CAROUSELBOX INDEX*/
.box-results{
	float: left;
	width: 100%;
	padding: 0px 10px 0px 10px;
}

.each-result{
	width: 100%;
    /*background: #fff;*/
    background: #ebe9dd;
    margin: 5px 3px;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    align-items: center;
    height: 40px;
	box-shadow: 0px 1px 1px #180b28;
	margin-top: 10px;
}

.results-banner .prev, .results-banner .next{
	background: transparent;
	border: none;
}
.box-results .carouselbox-results {
font-size: 14px;
position: relative;
overflow: hidden;
}
.box-results .content-results {
margin: 0;
padding: 0;
}
.box-results .content-results li {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
z-index: 2;
}
.box-results .active {
height: 400px;
}
.box-results .carouselbox-results button {
border: none;
visibility: hidden;
}
.box-results .active button {
visibility: visible;
}
.box-results .offscreen {
position: absolute;
left: -2000px;
}
.box-results .active .buttons {
padding: 5px 0;
background: #eee;
text-align: center;
z-index: 10;
position: relative;
}
.box-results .active li {
position: absolute;
top: 0px;
opacity: 0;
/*transform: scale(0);
transition: 1s;*/
}
.box-results .active li.current {
top: 0;
opacity: 1;
/*transform: scale(1);
transition: 1s;*/
}

/* END RESULT CAROUSELBOX INDEX*/

.list-news-box .each-news{
    background: #fff;
    height: 48px;
    margin: 1px;
    text-align: left;
    padding-top: 5px;
}

.controller-news button{
	position: absolute;
}

.controller-news button:nth-child(1){
	top:8px;
	right: 6px;
	border:none;
	background: transparent;
}
.controller-news button:nth-child(2){
	top:85px;
	right: 6px;
	border:none;
	background: transparent;
}

.controller-news button:nth-child(1):focus{
	top:8px;
	outline: none;
	right: 6px;
	border:none;
	background: transparent;
}
.controller-news button:nth-child(2):focus{
	top:85px;
	outline: none;
	right: 6px;
	border:none;
	background: transparent;
}

.bank-status-home{
	float: left;
	width: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: 20px;
	margin-right: 5px;
}

.box-orange div div{
	float: left;

}

.box-orange > div{
	display: flex;
    align-items: center;
    justify-content: center;
    margin:7px 0px;
}

div.dot-black{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: black;
	width: 7px;
	height: 7px;
	margin:0px 10px;
}

.button-download-android {
	background: hsl(36deg 96% 55%);vertical-align: middle;align-items: center; justify-content: center;
	width: 270px;text-align: center;
	color: #fff;
}

.button-download-android img{
	filter: brightness(0) invert(1);margin-right: 10px;
}

.button-download-android:hover{
	background:#01c266;
	color: black;
}

.img-shio{
	border: 1px solid #e8e8e9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.each-shio.active-shio .img-shio{
	border-color:#b1b3b6;
}

.box-shio div.each-shio.active-shio:hover .img-shio{
	background: #f17932;
	border-color: #f17932;
}

.box-shio div.each-shio.active-shio:hover .img-shio img{
	filter: brightness(0) invert(1);
}

.history-box #game-name option{
	background: white;
}



.button-join-promo:hover, .button-download:hover{
	background: #dc7436;
}
.button-info-promo:hover, .button-panduan:hover{
	background: #fff;
}
.other-ic{
	float: right !important;
	margin-right: 20px !important;
}
.og-ic{
	background: url(../../../images/nomor/og/ogic.png) no-repeat;
    width: 25px;
    height: 25px;
    background-size: cover;
    display: inline-block;
}
.dicesd-ic{
	background: url(../../../images/nomor/dicesd.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.dice-ic{
	background: url(../../../images/nomor/pd/dices2.png) no-repeat;
	width: 20px !important;
	height: 20px !important;
}
.gb-ic{
	float: right !important;
    margin-right: 20px !important;
}
.ht-ic{
	background: url(../../../images/nomor/ht/htic.png) no-repeat;
	width: 25px !important;
	height: 25px !important;
	background-size: cover;
	float: right !important;
    margin-right: 20px !important;
}
._24d-ic{
	background: url(../../img/game_compressed_ic/24d.png) no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    display: inline-block;
}
._12d-ic{
	background: url(../../img/game_compressed_ic/24d.png) no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    display: inline-block;
}
.rl-ic{
	background: url(../../../assets/img/game_compressed_ic/rl.png) no-repeat;
    background-size: cover;
    width: 25px !important;
    height: 25px !important;
    float: right !important;
    margin: 0px 5px 0px 0px !important;
}
.bill-ic{
	float: right !important;
    margin-right: -40px !important;
}
.bc-ic{
    float: right !important;
    margin-right: 20px !important;
    display: contents;
}
.box-red {
    width: 19px !important;
    height: 19px !important;
    margin-right: 3px !important;
    background-color: #EA0C0C;
    display: inline-block;
    float: right !important;
    margin-right: 20px !important;
}
.box-white {
    width: 19px !important;
    height: 19px !important;
    margin-right: 3px !important;
    background-color: #FFFFFF;
    display: inline-block;
    float: right !important;
    margin-right: 20px !important;
}
.swic {
    background: url(../../../images/nomor/sw/jari.png) no-repeat;
    width: 22px !important;
    height: 22px !important;
     float: right !important;
    margin-right: 20px !important;
}
.img-username{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-nama-bank{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-password{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}.img-email{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-user{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-confirm_password{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-konfirmasi-password{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-nama-rekening{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-bank_account_number{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-phone_number{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-bank_account_name{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.img-validation{
	height: 25px;
 	position: absolute;
 	right: 25px;
 	margin-top:8px;
}
.cekdata{
	display: flex;
}
.hidden{
	display: none;
}

.news-detail-bank{
	display:inline-block;
	width:;
	color:#333333;
	-webkit-transition:all 0.25s linear;
	-moz-transition:all 0.25s linear;
	transition:all 0.25s linear;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:20px;
	overflow-x:hidden ! important;
	overflow-y:auto ! important;
}

.online{
    float: right;
    width: 118px;
    height: 30px;
    margin-top: 3px;
    margin-right: 7px;
    background-color: black;
    border-radius: 15px;
    margin-left: 10px;
    color: #89e745;
}
.offline{
    float: right;
    width: 118px;
    height: 30px;
    margin-top: 3px;
    margin-right: 7px;
    background-color: black;
    border-radius: 15px;
    margin-left: 10px;
    color: #ff0000;
}
.gangguan{
    float: right;
    width: 118px;
    height: 30px;
    margin-top: 3px;
    margin-right: 7px;
    background-color: black;
    border-radius: 15px;
    margin-left: 10px;
    color: #f7f014;
}

@media screen and (max-width: 1524px) {
	.each-game-box.after-login:nth-child(3n){
	    margin-right:0px !important;
	}

	.button-play-games {
		width: 100% !important;
	}
}


.nw-content-body{
    color: #fff !important;
}
.nw-content-date{
    color: #b9b9b9 !important;
}

.nw-dropdown-container {
    max-height: 500px;
    width: 300px;
    background: #424242;
    border-radius: 5px 0px 5px 5px;
    position: absolute;
    right: 0;
    top: 25px;
    -moz-box-shadow: 2px 2px 12px 2px #000000;
    -webkit-box-shadow: 2px 2px 12px 2px #000000;
    box-shadow: 2px 2px 12px 2px #000000;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
    text-align: left !important;
    border-left: 4px #f27932 solid;
}
.nw-content-title {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600px;
    width: 100%;
    font-size: 15px;
    display: inline-block !important;
    word-break: break-word !important;
    color: #f27932;
}

.nw-all-notifications {
    margin: 0 !important;
    background: #f27932;
    background: -moz-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f27932), color-stop(100%, #f27932));
    background: -webkit-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: -o-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: -ms-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: linear-gradient(to right, #f27932 0%, #f27932 100%);
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.nw-all-notifications > h3 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    padding: 0px 8px 0 8px;
    margin: 10px 0 10px 0;
}

.nw-modal-box__content {
    margin: -35px -35px 0 0;
    background: transparent !important;
    border-top: 4px  #ff8f4c solid !important;
    border-radius: 5px 5px 0 0;
}
.nw-content-modal {
    background: #eee;
}

.nw-content-divider {
    width: 100%;
    float: left;
    border-top: 1px solid #4e4e4e;
    color: #ffffff;
    height: 1px;
    margin: 2px 0;
}

.nw-pre{
    background: inherit;
    border: none;
    font-size: 15px;
    font-family: inherit;
    width: 100% !important;
    display: inline-block !important;
    white-space: pre-wrap;
    word-break: break-word !important;
}

.nw-content-redirect{
    margin-top: 25px;
    font-size: 12px;
    color: #fff !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 700;
    float: left !important;
    word-break: break-all;
    background: #f27932;
    background: -moz-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f27932), color-stop(100%, #f27932));
    background: -webkit-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: -o-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: -ms-linear-gradient(left, #f27932 0%, #f27932 100%);
    background: linear-gradient(to right, #f27932 0%, #f27932 100%);
}

.nw-badge {
    color: rgba(29, 152, 194, 1)!important;
}

.nw-modal__close {
    line-height: 0.5 !important;
}

.bb-kanan{
	width: 100%;
	position: relative;
	top: 0;
	float: right;
	direction: rtl;
	z-index: -1;
}
.bb-kiri{
	position: relative;
    right: 210px;
    float: left;
    z-index: 2;
    top: -56px;
}
.banner-kanan-kiri{
	position: absolute;
}
.warnanya{
	/*background-color: #180b28 !important;*/
    background-color: #101010 !important;
}
#kolomtambahan{
	color: white;
}
.ttg-title{
	color: white;
}
.container-fluid{
	background-color: white;
}
.shio-flex {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 11px;
}
.button-shio {
    padding: 35px;
    border: 1px solid #00b7cd;
    border-radius: 5px;
    margin: 5px;
}
.button-shio:hover{
    border: 1px solid #00b7cd;
    filter: invert(0) sepia(0%) saturate(2878%) hue-rotate(65deg) brightness(131%) contrast(97%);
}
.logo-footer {
    height: 30px;
}
.copyright-for-log{
    font-size: 16px;
    padding: 0px;
    margin-top: 6px;
    margin-left: 10px;
}
.list-filter-promo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.btn-filter-promo {
    padding: 5px 15px 5px 15px;
    background: #23c884;
    border: #23c884;
    color: white;
    border-radius: 5px;
    margin: 5px;
}
.theTable th {
    /*background: #805095 !important;*/
    background: #000000 !important;
    color: white !important;
}
.theTable tr:nth-child(even) {
    background: #fff !important;
}
.theTable tr:nth-child(odd) {
    /*background: #e4e4e4 !important;*/
    background: #eeece0 !important;
}
.back-blue {
    background: #00b7cd !important;
    color: white;
}
.background-footer-menu{
	background-color:#000!important;
}
.marquee {
    overflow: hidden;
    position: relative;
    color: #333;
}

.marquee p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 30px;
    text-align: center;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 20s linear infinite;
}

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.btn-small {
    background: #00b7cd;
    color: #fff;
}

.underline-gap {
	text-decoration: underline;
	text-underline-position: under;
}

.bottom-menu {
	display: flex;
    justify-content: end;
    align-items: center;
    color: rgb(0, 0, 0);
	margin-top: 10px;
}
.bottom-menu img {
    width: 30px;
}
.bottom-menu h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
}
.bottom-menu a {
    /*color: #000;*/
    color: #fff!important;
    font-weight: 600;
}


/*CUSTOM*/
.navbar-expand, .navbar-expand-lg, #navbar {
    padding: 20px;
    padding-top: 0;
}
.nav-item {
    border-right: 2px solid black;
}
.nav-item:first-child {
    border-left: 2px solid black;
}

.result-title > div:first-of-type, .title-name > div:first-of-type {
    background-color: #000!important;
}
.warna-footer {
    border-top: none!important;

    background: rgb(32,255,246) !important;
    background: -moz-linear-gradient(180deg, rgba(32,255,246,1) 0%, rgba(3,50,56,1) 100%) !important;
    background: -webkit-linear-gradient(180deg, rgba(32,255,246,1) 0%, rgba(3,50,56,1) 100%) !important;
    background: linear-gradient(180deg, rgba(32,255,246,1) 0%, rgba(3,50,56,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20fff6",endColorstr="#033238",GradientType=1) !important;
}

.link-footer {
    background: transparent !important;
}

.support-bg {
    background: #ffffff !important;
    color: black !important;
}

#garisnav {
    background: #20fff6 !important;
}

.nav-item.active .nav-link:before , .nav-link:hover:before {
    content:"";
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #20fff6 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#our-games-box:first-of-type, .contact-us-box#our-games-box {
    background: #ffffff;
}

.deposit-box#our-games-box:first-of-type {
    background: #199593;
}
.deposit-box#our-games-box {
    background: white;
}

.jp-text .bolder2 {
    color: #20fff6 !important;
}
.info-ref .bolder2 {
    color: #20fff6 !important;
}

.title-game.title-slot {
    color: #20fff6 !important;
}

/*Promosi*/
.button-join-promo {
    background: #23c83e !important;
}
.button-info-promo.button {
    background: #f9aa32 !important;
    border: none !important;
    color: #ffffff!important;
}
.collapse-box {
    background: transparent !important;
}

/*Checkbox*/
.custom-control-label::before {
    width: 2rem;
    height: 2rem;
}
.custom-control-label::after {
    width: 2rem;
    height: 2rem;
}
.terms-register {
    font-size: 16px;
    padding-left: 1.25rem;
}

/*KT1*/
.tile-widget.rounded-top-corners.nopadding h2 {
    color: white!important;
    padding: 15px 0;
}
.tile-widget.bg-transparent-white-2 div {
    color: white!important;
}
.mytypex {}
.mytypex {}
.mytypex {}

.btn.btn-side {
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    font-weight: bold;
    font-size: 15px;
}
.btn.btn-side.btn-primary.margin-bottom-10:focus,.btn.btn-side.btn-primary.margin-bottom-10:hover,.btn.btn-side.btn-primary.margin-bottom-10:active {
    border: 3px solid black;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(1n) {
    background: rgb(33,210,158) !important;
    background: -moz-linear-gradient(90deg, rgba(33,210,158,1) 0%, rgba(28,191,184,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(33,210,158,1) 0%, rgba(28,191,184,1) 100%) !important;
    background: linear-gradient(90deg, rgba(33,210,158,1) 0%, rgba(28,191,184,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21d29e",endColorstr="#1cbfb8",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(2n) {
    background: rgb(179,110,203) !important;
    background: -moz-linear-gradient(180deg, rgba(179,110,203,1) 0%, rgba(50,154,227,1) 100%) !important;
    background: -webkit-linear-gradient(180deg, rgba(179,110,203,1) 0%, rgba(50,154,227,1) 100%) !important;
    background: linear-gradient(180deg, rgba(179,110,203,1) 0%, rgba(50,154,227,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b36ecb",endColorstr="#329ae3",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(3n) {
    background: #ffcb54 !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(4n) {
    background: rgb(255,140,82) !important;
    background: -moz-linear-gradient(90deg, rgba(255,140,82,1) 0%, rgba(242,103,70,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(255,140,82,1) 0%, rgba(242,103,70,1) 100%) !important;
    background: linear-gradient(90deg, rgba(255,140,82,1) 0%, rgba(242,103,70,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8c52",endColorstr="#f26746",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(5n) {
    background: rgb(255,111,120) !important;
    background: -moz-linear-gradient(90deg, rgba(255,111,120,1) 0%, rgba(254,70,77,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(255,111,120,1) 0%, rgba(254,70,77,1) 100%) !important;
    background: linear-gradient(90deg, rgba(255,111,120,1) 0%, rgba(254,70,77,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6f78",endColorstr="#fe464d",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(6n) {
    background: rgb(162,65,255) !important;
    background: -moz-linear-gradient(90deg, rgba(162,65,255,1) 0%, rgba(137,25,255,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(162,65,255,1) 0%, rgba(137,25,255,1) 100%) !important;
    background: linear-gradient(90deg, rgba(162,65,255,1) 0%, rgba(137,25,255,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a241ff",endColorstr="#8919ff",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(7n) {
    background: rgb(251,82,113) !important;
    background: -moz-linear-gradient(90deg, rgba(251,82,113,1) 0%, rgba(223,32,53,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(251,82,113,1) 0%, rgba(223,32,53,1) 100%) !important;
    background: linear-gradient(90deg, rgba(251,82,113,1) 0%, rgba(223,32,53,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb5271",endColorstr="#df2035",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(8n) {
    background: rgb(55,205,225) !important;
    background: -moz-linear-gradient(90deg, rgba(55,205,225,1) 0%, rgba(34,185,210,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(55,205,225,1) 0%, rgba(34,185,210,1) 100%) !important;
    background: linear-gradient(90deg, rgba(55,205,225,1) 0%, rgba(34,185,210,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37cde1",endColorstr="#22b9d2",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(9n) {
    background: rgb(85,121,200) !important;
    background: -moz-linear-gradient(90deg, rgba(85,121,200,1) 0%, rgba(36,69,143,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(85,121,200,1) 0%, rgba(36,69,143,1) 100%) !important;
    background: linear-gradient(90deg, rgba(85,121,200,1) 0%, rgba(36,69,143,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5579c8",endColorstr="#24458f",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(10n) {
    background: rgb(19,172,236) !important;
    background: -moz-linear-gradient(90deg, rgba(19,172,236,1) 0%, rgba(235,9,142,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(19,172,236,1) 0%, rgba(235,9,142,1) 100%) !important;
    background: linear-gradient(90deg, rgba(19,172,236,1) 0%, rgba(235,9,142,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13acec",endColorstr="#eb098e",GradientType=1) !important;
}
.btn.btn-side.btn-primary.margin-bottom-10:nth-of-type(11n) {
    background: rgb(196,112,238) !important;
    background: -moz-linear-gradient(90deg, rgba(196,112,238,1) 0%, rgba(175,34,211,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(196,112,238,1) 0%, rgba(175,34,211,1) 100%) !important;
    background: linear-gradient(90deg, rgba(196,112,238,1) 0%, rgba(175,34,211,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c470ee",endColorstr="#af22d3",GradientType=1) !important;
}
/*RETURN INFO*/
body {
    color: #000;
}
#returninfo {
    color: #ffffff;
}
/*Placeholder*/

.register-box .text-register:not(:placeholder-shown) {
    background:white;
}

/*After*/
.navbar-nav.side-nav.collapsed > li.navigation > ul > li > a {
    background: white;
}
/* LOGO */
.navbar-brand {
    transition: all 0.3s ease;
}
.skrollable-after.navbar-fixed-top .navbar-header .navbar-brand {
    width: 150px;
    background-size: 100%!important;
    margin-top: 7px!important;
}