#cover-spin{ position:fixed; width:100%; left:0; right:0; top:0; bottom:0; background-color: rgba(255,255,255,0.7); z-index:9999; display:none; margin:auto; }
@-webkit-keyframes spin{
	from{ -webkit-transform:rotate(0deg); }
	to{ -webkit-transform:rotate(360deg); }
}
@keyframes spin{
	from{ transform:rotate(0deg); }
	to{ transform:rotate(360deg); }
}
#cover-spin::after{ content:''; display:block; position:absolute; left:0; right:0; top:40%; margin:auto; width:40px; height:40px; border-style:solid; border-color:black; border-top-color:transparent; border-width: 4px; border-radius:50%; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; }
#cover-spin::before{ margin: -15px auto -65px auto; display: block; }
.loading-text{ width:260px; position: absolute; top: calc(50% - 15px); left:0; right:0; margin:auto; text-align: center; color:#000; font-size:16px; font-family: SCDream7, serif; }
.lds-ellipsis{ display:inline-block; position:relative; width:30px; height:5px; }
.lds-ellipsis div{ position: absolute; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.lds-ellipsis div:nth-child(1){ left: 3px; animation: lds-ellipsis1 0.6s infinite; }
.lds-ellipsis div:nth-child(2){ left: 3px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(3){ left: 13px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(4){ left: 22.5px; animation: lds-ellipsis3 0.6s infinite; }
@keyframes lds-ellipsis1{
	0%{ transform: scale(0); }
	100%{ transform: scale(1); }
}
@keyframes lds-ellipsis3{
	0%{ transform: scale(1); }
	100%{ transform: scale(0); }
}
@keyframes lds-ellipsis2{
	0%{ transform: translate(0, 0); }
	100%{ transform: translate(9.5px, 0); }
}

.bet-type-blue,
.bet-type-red{ display:inline-block; width:26px; height:26px; line-height:26px; color:#ffffff; border-radius:50%; font-size:13px; font-weight:normal; font-style:normal; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); }
.bet-type-blue{ background-image:linear-gradient(0deg, #004db6, #61c1ff); }
.bet-type-red{ background-image:linear-gradient(0deg, #b60000, #ff6161); }
@media (max-width: 800px){
	.bet-type-blue,
	.bet-type-red{ width:22px; height:22px; line-height:22px; font-size:12px; }
}

.bet-result{ display:inline-block; padding:2px 7px; color:#ffffff; border-radius:5px; font-size:12px;  text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); }

.spin{ animation:-animation-spin 2s infinite linear; }
@keyframes -animation-spin{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}


.btn-lock:before{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background:rgba(0, 0, 0, 0.8) !important; z-index:3 !important; }
.btn-lock:after{ content:"\f023" !important; position:absolute !important; top:50% !important; left:50% !important; bottom:unset !important; transform:translate(-50%, -50%) !important; z-index:4 !important; height:auto !important; font-family: var(--fa-style-family,"Font Awesome 6 Free") !important; font-weight: var(--fa-style,900) !important; font-size:50px !important; color:#ffffff !important; background:transparent !important; }

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
}





html{ height:100%; }
html::-webkit-scrollbar-thumb{ background: linear-gradient(var( --gold ), var( --gold-dark )); border: solid 2px #040d18; border-radius: 5px; }
*::-webkit-scrollbar-thumb{ background: linear-gradient(var( --gold ), var( --gold-dark )); border: solid 2px #040d18; border-radius: 5px; }

.bg_video{ z-index:-1; position:fixed; top:0; left:0; right:0; height:0; display:none; }
.bg_video video{ width:100%; height:100vh; object-fit:cover; }

.wrapper{ min-width:360px; }
/*.modal-open .wrapper{  }*/


.header-section{
	background: #3d4eb4;
}
.header-section .left-menu-btn span{ background-color:var( --gold ); }

.menu-main li a{ font-size:16px; font-weight:bold; }
.menu-main li a:after{ bottom:-3px; background-color:var( --gold ); }
.after-login .nav-link .main-icon{ color:var( --blue-light ); }


.sidebar-panel{ border-radius:5px; border:none; background:rgba(0, 0, 0, 0.8); border:none; box-shadow:0 0 200px rgba(255, 255, 255, 0.2) inset; }
.sidebar-panel.header{ border:none; }
.sidebar-panel .panel-title{ font-weight:900; }
.winner-panel .game-btn:hover{ border:solid 1px var( --white-25 ); box-shadow:unset;  }
.winner-panel .game-btn .hover{ background:unset; }
.page-navigation .nav-menu .nav-link{ border-radius:5px; background:#333333; }
.page-navigation .nav-menu .nav-link:hover{ background:#52412a; }
.featured-slots .featured-wrap{ background:#333333; }
.featured-slots .featured-wrap .game-btn{ background:#222222; }
.featured-slots .featured-wrap .game-btn .hover{ background:none; }
.featured-slots .featured-wrap:hover{ background:#52412a; }
.featured-slots .featured-wrap:hover .game-btn{ border:solid 1px var( --white-25); box-shadow:unset; }
.featured-slots .featured-wrap:hover .game-btn .game-img{ opacity:0.5; }
.nav-myinfo .myinfo-panel{ background:#333333; }
.nav-myinfo .myinfo-panel .info li span.nick{ color: var( --blue-white ); }
.nav-myinfo .myinfo-panel .info li span.cash{ color: var( --gold ); }
.nav-myinfo .myinfo-panel .info li span i{ color: var( --blue-light ); }
.nav-myinfo .myinfo-panel a:before{ background-color:var( --blue-light ); }
.nav-myinfo .myinfo-panel a i{ color:var( --gold ); }
.footer-section{ width:100%; margin-bottom:20px; border-radius:5px; background-color:#eeeeee; }
.footer-section .footer-list .header:before{  }
.footer-section .provider-carousel .carousel-indicators .active{ background-color:var( --gold-dark ) }
.footer-section .copyright-section{ border:none; background-color:unset; }

.top-center-logo {	display: flex;	width: 100%;	justify-content: center;	position: absolute;}

/* sub */
.swiper-carousel{ border-radius:10px; background:rgba(0, 0, 0, 0.2); box-shadow:0 0 200px rgba(255, 255, 255, 0.2) inset; }
.swiper-carousel .swiper-slide{ background-color:unset; }
.swiper-carousel .carousel-panel{ background-color:unset; }
.swiper-carousel .swiper-pagination .swiper-pagination-bullet{ background-color:var( --gold-dark ) }
.swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev{ color:var( --gold ); }
.swiper-carousel .swiper-button-next:hover,
.swiper-carousel .swiper-button-prev:hover{ background-color:var( --gold-dark ); color:#ffffff; }

.main-container{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
.sub-container{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
@media(max-width: 1600px){ .sub-container{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }}

.main-lobby-btn{ background:transparent !important; box-shadow:0 0 200px rgba(0, 0, 0, 1) inset; }
.main-lobby-btn .g-detail .play-btn:before{ background-color:var( --gold-dark ); }
.main-lobby-btn .g-panel .text-container{ left:5%; }
.main-lobby-btn .g-panel .text-container.right{ left:unset; right:5%; }
.main-lobby-btn .g-panel .text-container.top{ top:12%; bottom:unset; }
.main-lobby-btn .g-panel .text-container.bottom{ top:unset; bottom:12%; }
.main-lobby-btn .g-panel .text-container h1{ text-shadow:0 0 0 3px rgba(0, 0, 0, 0.5); }

.sub-lobby{ justify-content:flex-between; }
.sub-lobby .game-lux-btn{ width:calc(20% - 20px); }
.sub-lobby .game-lux-btn .g-detail .play-btn:before{ background-color:var( --gold-dark );  }
@media(max-width: 1600px){ .sub-lobby .game-lux-btn{ width:calc((100%/4) - 10px); } }
@media(max-width: 1400px){ .sub-lobby .game-lux-btn{ width:calc((100%/4) - 10px); } }
@media(max-width: 1200px){ .sub-lobby .game-lux-btn{ width:calc((100%/5) - 10px); } }
@media(max-width: 1000px){ .sub-lobby .game-lux-btn{ width:calc((100%/5) - 10px); } }
@media(max-width: 900px){ .sub-lobby .game-lux-btn{ width:calc((100%/4) - 10px); } }
@media(max-width: 800px){ .sub-lobby .game-lux-btn{ width:calc((100%/3) - 10px); } }
@media(max-width: 600px){ .sub-lobby .game-lux-btn{ width:calc((100%/2) - 10px); } }
@media(max-width: 500px){ .sub-lobby .game-lux-btn{ width:calc((100%/2) - 10px); } }


/*.subModal{ background-color:var( --bg-color ); }*/
.subModal .modal-head .modal-menu{ border-bottom-color:rgba(255, 130, 60, 0.1); }
.subModal .modal-head .subpg-nav{ background-color:#171555; }
.modal-notice{ background-color:#eeeeee; /*box-shadow:0 0 200px rgba(255, 255, 255, 0.2) inset, 0 0 0 3px rgba(190 ,121 ,197, 0.6);*/ }
.modal-content{ background-color:#ffffff; /*box-shadow:0 0 200px rgba(255, 255, 255, 0.2) inset, 0 0 0 3px rgba(190 ,121 ,197, 0.6);*/ }

.form-container .form-group input:-webkit-autofill, .form-container .form-group input:-webkit-autofill:hover, .form-container .form-group input:-webkit-autofill:focus, .form-container .form-group input:-webkit-autofill:active{ box-shadow:unset; }
.form-container .form-group .input-container .icon-panel{ color:var( --black ); }

@media (max-width: 1200px){
	.menu-main{ background-color:rgba(0, 0, 0, 0.8); }
	.menu-main li a{ font-size:13px; }
	.my-cash{ background-color:rgba(0, 0, 0, 0.8); }
	.my-cash li{ text-align:center !important; }
	.my-cash li i{ color:var( --blue-light ); }
	.my-cash li .cash{ color:var( --gold ); }
	.sidebar-container{ z-index:100; top:50px !important; background-color:rgba(0, 0, 0, 0.9); }
	.sidebar-container .sidebar-panel{ background-color:transparent !important; box-shadow:unset; }
	.nav-myinfo .myinfo-panel{ background:#181818; }
	.modalFrame .modal-dialog{ padding:5px; }
	.modalFrame iframe{ height:calc(100vh - 15px); }
	.top-center-logo{display:none;}
}


/* popups */
.popups{ z-index:9999; position:absolute; top:100px; left:100px; width: 100%; }
.popups .container{ display:flex; flex-wrap:wrap; height:0; padding:0; }
.popups .container .popup{ position:relative; width:420px; min-width:360px; max-width:calc(100vw - 20px); height:25px; }
.popups .container .popup .popup-wrap{ z-index:1; position:absolute; top:0; left:0; width:103%; box-shadow:0 5px 15px rgb(0 0 0 / 30%); border-radius:5px; }
.popups .container .popup .popup-wrap:before{ content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%;  border-radius:inherit;  }
.popups .container .popup .popup-wrap .popup-head{ display:flex; align-items:center; justify-content:space-between; gap:20px; height:50px; padding:0 15px; border-top-left-radius:inherit; border-top-right-radius:inherit; background:#3d4eb4; }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn{ display:flex; align-items:center; margin:0;; border:none; background-color:transparent; white-space:nowrap; }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn span{ margin-right:10px; color:#ffffff; font-size:12px; font-weight:bold; }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn i{ position:relative; width:20px; height:20px; border: solid 1px #ffffff; border-radius:50%; transition:0.3s; outline:none; }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn i:before,
.popups .container .popup .popup-wrap .popup-head .popup-close-btn i:after{ content:''; width:2px; height:calc(100% - 10px); background-color: #ffffff; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; transform:rotate(45deg); transition:0.3s; }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn i:after{ transform:rotate(-45deg); }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn:hover span{ color:var( --orange ); }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn:hover i:before{ transform:rotate(135deg); background-color:var( --orange ); }
.popups .container .popup .popup-wrap .popup-head .popup-close-btn:hover i:after{ transform:rotate(-135deg); background-color:var( --orange ); }
.popups .container .popup .popup-wrap .popup-head h6{ margin:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.popups .container .popup .popup-wrap .popup-head h6 i{ margin:0 10px; }
.popups .container .popup .popup-wrap .popup-body{ min-height:360px;; max-height:700px; /*overflow-y:auto;*/ text-align:left; }
.popups .container .popup .popup-wrap .popup-body span{ padding:2px 5px; border-radius:3px; }
.popups .container .popup .popup-wrap .popup-body img{ width:100%; background:var( --bg-color-dark ); }
.popups .container .popup .popup-wrap .popup-footer{ display:flex; align-items:center; justify-content:center; height:70px; padding:15px; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; background:#3d4eb4; }
.popups .container .popup .popup-wrap .popup-footer .btn{ color:#ffffff; }

/* dark */
.popups .container .popup.dark .popup-wrap .popup-body{ margin:0; padding:20px; background:var( --bg-color-dark ); color:#ffffff; }

/* light */
.popups .container .popup.white .popup-wrap{ background:#2f3338; }
.popups .container .popup.white .popup-wrap .popup-body{ margin:0 10px; padding:20px; border-radius:5px; background:#ffffff; color:#000000; }

/* transparent */
.popups .container .popup.transparent .popup-wrap .popup-body{ margin:0; padding:5px; background:rgba(255, 255, 255); color:#000; }

.popups .container .popup.hide{ display:none; }
.popups .container .popup.closed{ visibility:hidden; }
.popups .container .popup.closed .popup-wrap{ display:none; }
.popups .container .popup.expired{ display:none; }
.popups .container .popup.expired .popup-wrap{ display:none; }
@media(max-width:1200px) {
	.popups{ top:50px; left:50%; transform:translate(-50%, 0); }
	.popups .container .popup{ height:15px; }
}
/* popups */