@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}
/* open overwrite style.css */
.sub-menu li a {
	color: #000000;
}
.single-header .content .amount {
	font-size: 16px;
}
.flip-clock-divider.hours .flip-clock-label,
.flip-clock-divider.minutes .flip-clock-label,
.flip-clock-divider.seconds .flip-clock-label {
	margin-right: 1rem;
}
/* close overwrite style.css */
body {
	overflow-x: hidden;
	width: 100vw;
}
.home-menu-container {
	max-width: 728px;
	margin: 0 auto !important;
	margin-bottom: 1rem;
	color: #ffffff;
	
}
.home-menu-container .home-menu-box {
	display: block;
	padding: 0.5rem;
	border-radius: 0.5rem;
	background-color: #000000;
	text-align: center;
}
.home-menu-container .home-menu-box .home-menu-icon {
	font-size: 1.5rem;
}
.home-menu-container .home-menu-box .home-menu-text {
	font-size: 20px;
	font-weight: bold;
}
.accordion-collapse {
	background-color: #302d2d;
	color: #ffffff;
}
.logo {
	height: 40px;
}
.cmn-btn {
	color: black !important;
}
.warnakunci {
	color: var(--main-color) !important;
}
.bgwarnakunci {
	background-color: var(--main-color) !important;
}
.register-form-text {
	font-weight: bold !important;
	font-size: larger;
}
.row-flex {
	display: flex !important;
}
.captcha-input-box {
	position: relative;
	margin-bottom: 1.5rem;
}
.captcha-input-box .btn-refresh {
	bottom: 46px;
	margin-left: 42px;
	padding: 15px;
	border-radius: 0.375rem;
	background-color: #f4f4f4;
	color: #000000;
	cursor: pointer;
}
.captcha-input-box .img-captcha {
	position: absolute;
	height: 46px;
}
.captcha-input-box input {
	padding-left: 7.5rem !important;
}
.home-loading {
	margin-bottom: 1rem;
	font-size: 1rem;
	font-weight: bold;
	color: #ffc20f;
	animation: blink 2s infinite;
}
.home-result.number-list .active {
	animation: blink 2s infinite;
}
.text-white {
	color: #ffffff;
}
/*bank*/
.bank {
	background-color: #302d2d;
	border-radius: 5px;
	overflow: hidden;
	height: 36px;
}
.bank-status-on {
		display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../images/indicator-on.png") 5px 6px no-repeat;
}
.bank-status-off {
	display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../images/indicator-off.png") 5px 6px no-repeat;
}
.bank-status {
	height: 36px;
	background-color: #302d2d;
}
.bank-status span {
	vertical-align: -moz-middle-with-baseline;
	margin: 0 0.3rem;
	color: #fff;
	font-size: 0.7rem;
	min-width: 20px;
	line-height: 36px;
	display: block;
}
.bank-wrapper {
	display: flex;
	justify-content: center;
}
.img-bank {
	max-width: 70px;
	display: block;
	margin: 0.5rem auto;
	max-height: 20px;
}
.font-20 {
	font-size: 20px;
}
.play-card-header {
	background: #3d3d3d;
}
.go-to-home {
	float: right;
	/*margin: 1rem;*/
	font-size: 36px;
}

/*CUSTOM BACKROUND*/
.jackpot-section {
	background-image: url(../images/latar-dekstop.png);
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
	color: #fff;
	position: relative;
}
.jackpot-item {
	border: 2px solid #ffc20f;
}

/* RUNNING TEXT */
#running-text {
	background: url("../images/runningtext.png") no-repeat 15px center;
	background-color: rgba(0, 0, 0, 0);

	background-color: var(--main-color);
	padding: 5px 30px 5px 45px;
	color: var(--main-color);
	font-size: 14px;
	border-radius: 0;
	border-radius: 5px 5px 0 0;
}
.running-content {
	background-color: #000;
	padding: 5px 10px;
	border-radius: 5px;
}

@media (max-width: 575px) {
	.go-to-home {
		float: right;
		margin: 0 0.5rem;
		font-size: 24px;
	}
	.amount {
		font-size: 16px !important;
	}
	.jackpot-item {
		padding: 0px 0px 0px 0px !important;
	}
	.next-draw-time,
	.cmn-btn {
		font-size: smaller !important;
	}
}
.header-bottom {
	border-bottom: 1px solid var(--main-color) !important;
}
/* OPEN POPUP */
.popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 10000;
}
.popup .popup-content {
	max-width: 100%;
	width: 512px;
	max-height: calc(100vh - 2rem);
	margin: 1rem auto;
	background-color: #302d2d;
	color: #ffffff;
	overflow-y: scroll;
}
.popup .popup-content .popup-header,
.popup .popup-content .popup-body,
.popup .popup-content .popup-footer {
	padding: 1rem;
}
.popup .popup-content .popup-body {
	border-top: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef;
}
.popup .popup-content .popup-footer {
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
}
.popup .popup-content .popup-header .popup-title {
	margin-bottom: 0;
	font-size: 1.5rem;
	color: #ffffff;
}
.popup .popup-content .form-group {
	margin-bottom: 1rem;
}
/* CLOSE POPUP */
/* OPEN HOME PAGE */
.payment-section {
	padding: 2rem 1rem 2.5rem 1rem;
	/*background-color: #303266;*/
	background-color: var(--dark-second-color);
	border-top: 2px solid #3d3d3d !important;
	border-bottom: 1px solid #3d3d3d !important;
}
.payment-section .payment-title {
	margin: 0;
	padding: 0;
	padding-bottom: 0.25rem;
	line-height: 1;
}
.payment-section .payment-info {
	margin-bottom: 1rem;
	font-style: italic;
}
/* CLOSE HOME PAGE */
/* OPEN POPUP */
.login-registration-modal .modal-dialog {
	max-width: calc(100vw - 1rem);
}
.login-registration-modal .modal-dialog .frm-group {
	position: relative;
}
.login-registration-modal .modal-dialog .frm-select {
	padding: 10px 15px 10px 55px;
	border: 1px solid #ffffff2b;
	border-radius: 10px;
	background-color: var(--dark-second-color);
}
.login-registration-modal .modal-dialog .frm-check-btn {
	position: absolute;
	top: 35px;
	right: 1px;
	height: 44px;
	border-radius: 10px;
}
.login-registration-modal .modal-dialog .frm-check-msg {
	margin-top: -1.25rem;
	margin-bottom: 1.25rem;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
}
.login-registration-modal .modal-dialog .frm-check-msg.success {
	color: #00ff00 !important;
}
.login-registration-modal .modal-dialog .frm-check-msg.error {
	color: #ffff00 !important;
}
/* CLOSE POPUP */
/* OPEN MEMBER AREA */
.member-area-section {
	max-width: 640px;
	margin: 2rem auto;
	color: #ffffff;
}
.member-area-section .logout-link {
	float: right;
	margin-top: 0.75rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: #ff0000;
}
.member-area-section .title {
	font-size: 2rem !important;
	font-weight: 500;
	margin-top: 30px;
}
.member-area-section .info-box {
	margin: 1rem 0;
	padding: 1rem;
	padding-bottom: 0.5rem;
	border-radius: 0.5rem;
	background-color: #302d2d;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
.member-area-section .info-box .info-detail {
	display: flex;
	justify-content: space-between;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.member-area-section .info-box .info-detail.head {
	margin: -1rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem 1rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	background-color: #ffc20f;
	color: #000000;
}
.member-area-section .info-box .info-detail .saldo,
.member-area-section .info-box .info-detail.head .lbl,
.member-area-section .info-box .info-detail.head .val {
	font-size: 1.25rem;
	font-weight: bold;
}
.member-area-section .menu-box {
	margin-top: 1.5rem;
}
.member-area-section .menu-box .menu-item {
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	background-color: #ffc20f;
	text-align: center;
	color: #000000;
}
.member-area-section .menu-box .menu-item .menu-icon {
	font-size: 2.2rem;
	padding: 1rem;
}
.member-area-section .menu-box .menu-item .menu-title {
	font-weight: bold;
}
/* CLOSE MEMBER AREA */
/* OPEN PLAY PAGE */
.play-section {
	max-width: 1024px;
	margin: 2rem auto;
}
.play-section .breadcrumb-item a {
	font-weight: bold;
}
.play-section .no-data {
	font-style: italic;
	text-align: center;
	color: #ffffff;
}
.play-section .market-box,
.play-section .play-box,
.play-section .market-time-box {
	margin: 1rem 0;
	padding: 1rem;
	padding-bottom: 0.5rem;
	border-radius: 0.5rem;
	background-color: #302d2d;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
.play-section .market-time-box {
	padding-bottom: 1rem;
}
.play-section .market-box .market-title,
.play-section .market-time-box .market-time-title {
	margin-bottom: 1rem;
	font-size: 1.5rem !important;
	font-weight: 500;
}
.play-section .market-time-box .no-data {
	margin-bottom: 0.5rem;
	text-align: center;
	font-style: italic;
	color: #ffffff;
}
.play-section .market-box .market-option {
	width: 100%;
	background-color: #ffc20f;
	font-weight: bold;
	color: #000000;
	padding: 0.25rem;
	border-radius: 1rem;
}
.play-section .market-time-box .market-time-option {
	width: 100%;
	background-color: #6c757d;
	font-weight: bold;
	color: #ffffff;
	padding: 0.25rem;
	border-radius: 0.5rem;
}
.play-section .market-box .market-option.active,
.play-section .market-time-box .market-time-option.active {
	box-shadow: 0 11px 15px 0 rgba(51, 181, 247, 0.45);
}
.play-section .play-box .icon img {
	max-width: 90px;
}
.play-section .play-box .play-card {
	-ms-flex: 0 0 25% !important;
	flex: 0 0 25%;
	max-width: 25%;
}
.play-section .play-box .play-clock {
	width: auto;
	margin-top: -0.5rem;
	float: right;
}
.play-section .play-box .play-btn-box {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.5rem;
}
.play-section .play-box .play-bet-box {
	position: relative;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.play-section .play-box .play-card-inner .play-card-header,
.play-section .play-box .play-card-inner .play-card-body,
.play-section .play-box .play-card-inner .play-card-footer {
	padding: 0.25rem;
}
.play-section .play-box .play-card-inner .play-card-header {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2rem;
	color: #ffc20f;
}
.play-section .play-box .play-card-inner .play-card-body {
	height: 42px;
}
.play-section .bet-text {
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.25rem;
	color: #ffffff;
}
.play-section ul.bet-number li {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0.2rem;
	border-radius: 50%;
	line-height: 28px;
	background-color: #ffc20f;
	font-weight: bold;
	color: rgba(51, 55, 69, 0.8);
}
.play-section .play-box .play-card-inner .play-card-footer {
	font-weight: bold;
}
.play-section .play-footer-left-text {
	float: left;
}
.play-section .play-counter,
.play-section .play-total {
	font-weight: bold;
	color: #ffc20f;
}
.play-section .play-total {
	line-height: 1;
	font-size: 1.5rem;
}
.play-section .cart-box {
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.play-section .cart-box .cart-table th {
	font-weight: bold;
}
.play-section .cart-box .total-amount .payment-btn {
	background-color: #ff0000;
	font-weight: bold;
}
/* CLOSE PLAY PAGE */
/* OPEN PROMOSI PAGE */
.promosi-section {
	max-width: 1024px;
	margin: 2rem auto;
}
.promosi-section .promosi-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
.promosi-section .promosi-box .accordion-item {
	border: 0;
	border-radius: 0;
}
.promosi-section .promosi-box .accordion-item .accordion-button {
	padding: 0;
}
.promosi-section .promosi-box .accordion-item .accordion-button::after {
	display: none;
}
/* CLOSE PROMOSI PAGE */
/* OPEN ABOUT PAGE */
.about-section {
	max-width: 1024px;
	margin: 2rem auto;
}
.about-section .about-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
/* CLOSE ABOUT PAGE */
/* OPEN TUTORIAL PAGE */
.tutorial-section {
	max-width: 1024px;
	margin: 2rem auto;
}
.tutorial-section .tutorial-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
/* CLOSE TUTORIAL PAGE */
/* OPEN DREAM PAGE */
.dream-section {
	max-width: 1024px;
	margin: 1rem auto;
}
.dream-section .search-container label {
	color: #ffffff;
}
.dream-section .dream-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
.dream-section .dream-box table {
	margin-bottom: unset;
}
.dream-section .dream-box table tr th {
	background-color: #ffc20f;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
.dream-section .dream-box table tr th:first-child {
	border-top-left-radius: 0.5rem;
}
.dream-section .dream-box table tr th:last-child {
	border-top-right-radius: 0.5rem;
}
.dream-section .dream-box table tr td {
	color: #ffffff;
}
/* CLOSE DREAM PAGE */
/* OPEN RESULT PAGE */
.result-section {
	max-width: 1024px;
	margin: 2rem auto;
}
.result-section .search-container label {
	color: #ffffff;
}
.result-section .result-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
.result-section .result-box table {
	margin-bottom: unset;
}
.result-section .result-box table tr th {
	background-color: #ffc20f;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
.result-section .result-box table tr th:first-child {
	border-top-left-radius: 0.5rem;
}
.result-section .result-box table tr th:last-child {
	border-top-right-radius: 0.5rem;
}
.result-section .result-box table tr td {
	color: #ffffff;
}
.result-section .result-box table tr td .btn-bet {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

/* CLOSE RESULT PAGE */
/* OPEN DEPOSIT PAGE */
.deposit-section {
	max-width: 1024px;
	margin: 2rem auto;
}
.deposit-section .breadcrumb-item a {
	font-weight: bold;
}
.deposit-section .info-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	border-radius: 0.5rem;
	background-color: #ffc20f;
}
.deposit-section .info-box p {
	font-weight: bold;
	color: #000000 !important;
}
.deposit-section .deposit-form-box {
	background-color: #302d2d;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
.deposit-section .deposit-form-box .deposit-form label {
	margin-bottom: 0.2rem;
	font-weight: bold;
	color: #ffffff;
}
.deposit-section .deposit-form-box .deposit-form input,
.deposit-section .deposit-form-box .deposit-form select,
.deposit-section .deposit-form-box .deposit-form textarea {
	width: 100%;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 1rem;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}
.deposit-section .deposit-form-box .deposit-form input[type="text"]:disabled {
	background: #cccccc;
}
.deposit-section .deposit-form-box .deposit-form textarea {
	min-height: 120px;
	padding: 0.5rem 1rem;
	border-radius: 1rem;
	resize: none;
}
.deposit-section .deposit-form-box .deposit-form .submit-btn {
	margin-top: 0.75rem;
	background-color: var(--main-color);
	box-shadow: 0 10px 17px -2px rgba(51, 181, 247, 0.35);
	color: #ffffff;
	font-weight: 700;
	transition: all 0.3s;
	text-transform: uppercase;
	cursor: pointer;
}
.deposit-section .deposit-form-box .contact-form-area,
.deposit-section .deposit-form-box .address-area {
	padding: 1rem 1.5rem;
	color: #ffffff;
}
.deposit-section .deposit-form-box .address-area .title-area {
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	font-weight: bold;
}
.deposit-section .deposit-form-box .address-area table tr th {
	background-color: #ffc20f;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
.deposit-section .deposit-form-box .address-area table tr th:first-child {
	border-top-left-radius: 0.5rem;
}
.deposit-section .deposit-form-box .address-area table tr th:last-child {
	border-top-right-radius: 0.5rem;
}
.deposit-section .deposit-form-box .address-area table tr td {
	color: #ffffff;
}
.deposit-section .deposit-form-box .text-helper {
	margin-top: 0.1rem;
	font-size: 14px;
	font-style: italic;
}
/* CLOSE DEPOSIT PAGE */
/* OPEN WITHDRAW PAGE */
.withdraw-section {
	max-width: 1024px;
	margin: 2rem auto;
}
.withdraw-section .breadcrumb-item a {
	font-weight: bold;
}
.withdraw-section .info-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	border-radius: 0.5rem;
	background-color: #ffc20f;
}
.withdraw-section .info-box p {
	font-weight: bold;
	color: #000000 !important;
}
.withdraw-section .withdraw-form-box {
	background-color: #302d2d;
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.45);
}
.withdraw-section .withdraw-form-box .withdraw-form label {
	margin-bottom: 0.2rem;
	font-weight: bold;
	color: #ffffff;
}
.withdraw-section .withdraw-form-box .withdraw-form input,
.withdraw-section .withdraw-form-box .withdraw-form select,
.withdraw-section .withdraw-form-box .withdraw-form textarea {
	width: 100%;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 1rem;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}
.withdraw-section .withdraw-form-box .withdraw-form textarea {
	min-height: 120px;
	padding: 0.5rem 1rem;
	border-radius: 1rem;
	resize: none;
}
.withdraw-section .withdraw-form-box .withdraw-form input[type="text"]:disabled {
	background-color: #cccccc;
}
.withdraw-section .withdraw-form-box .withdraw-form .submit-btn {
	margin-top: 0.75rem;
	background-color: var(--main-color);
	box-shadow: 0 10px 17px -2px rgba(51, 181, 247, 0.35);
	color: #ffffff;
	font-weight: 700;
	transition: all 0.3s;
	text-transform: uppercase;
	cursor: pointer;
}
.withdraw-section .withdraw-form-box .contact-form-area,
.withdraw-section .withdraw-form-box .address-area {
	padding: 1rem 1.5rem;
	color: #ffffff;
}
.withdraw-section .withdraw-form-box .address-area .title-area {
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	font-weight: bold;
}
.withdraw-section .withdraw-form-box .address-area table tr th {
	background-color: #ffc20f;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
.withdraw-section .withdraw-form-box .address-area table tr th:first-child {
	border-top-left-radius: 0.5rem;
}
.withdraw-section .withdraw-form-box .address-area table tr th:last-child {
	border-top-right-radius: 0.5rem;
}
.withdraw-section .withdraw-form-box .address-area table tr td {
	color: #ffffff;
}
.withdraw-section .withdraw-form-box .text-helper {
	margin-top: 0.1rem;
	font-size: 14px;
	font-style: italic;
}
/* CLOSE WITHDRAW PAGE */
/* OPEN ERROR PAGE */
.error-page-section {
	width: 100%;
	min-height: calc(100vh - 256px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.error-page-section .title {
	font-size: 3.5rem !important;
}
.error-page-section .info {
	margin-top: 1rem;
	color: #ffffff;
}
.error-page-section .info .home-link {
	font-weight: bold;
}
/* CLOSE ERROR PAGE */
@media (max-width: 768px) {
	.sub-menu li a {
		color: #ffffff !important;
	}
	.flip-clock-dot.top {
		top: 23px;
	}
	.flip-clock-dot.bottom {
		bottom: 42px;
	}
	.play-section .play-box .icon {
		width: 5rem !important;
	}
	.play-section .play-box .title {
		font-size: 2rem !important;
	}
	.play-section .play-box .amount {
		font-size: 1rem !important;
	}
	.home-menu-container .col-3 {
		padding: 0.2rem;
	}
	.home-menu-container .home-menu-box .home-menu-text {
		font-size: 12px;
	}
	.play-section .confirm-play-box {
		padding: unset !important;
	}
	.play-section .confirm-play-box .cart-area {
		padding: 0.75rem;
	}
	.play-section .cart-box .cart-table table {
		width: 100%;
	}
	.play-section .cart-box .cart-table table tr td:first-child {
		padding-left: unset;
	}
	.play-section .cart-box .cart-table table thead th,
	.play-section .cart-box .cart-table table thead td {
		padding: 0.25rem;
		font-size: 14px;
	}
	.play-section ul.bet-number li {
		width: 20px;
		height: 20px;
		line-height: 22px;
		font-size: 14px;
	}
}