.minigame-section .minigame-menu{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:100%; margin:0 0 10px; padding:0; background-color:transparent; border-bottom:solid 1px var( --white-10 ); }
.minigame-section .minigame-menu li{ height:50px; }
.minigame-section .minigame-menu li a{ height:100%; color: var( --white ); font-family: var( --boxedlight ); padding: 0 20px; position: relative; font-size:13px; white-space:nowrap; }
.minigame-section .minigame-menu li a:after{ width: 0; height: 2px; background-color: var( --orange ); bottom: -1px; left: 0; right: 0; opacity: 0; }
.minigame-section .minigame-menu li a:hover:after{ width: 100%; opacity: 1; }
.minigame-section .minigame-menu li a.active:after{ width: 100%; opacity: 1; }
.minigame-section .minigame-menu li a.active{ color: var( --orange ); }

.minigame-section .list-tab{ display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; }
.minigame-section .list-tab a{ display:block; margin:2px; padding:5px 15px; color:var( --white); font-size:13px; background-color:var( --white-10 ); border-radius:5px; }
.minigame-section .list-tab a i{ margin-left:5px; padding:2px 5px; font-style:normal; font-size:11px; background-color:var( --orange); border-radius:20px; }
.minigame-section .list-tab a:hover,
.minigame-section .list-tab a:active,
.minigame-section .list-tab a.active{ background-color:var( --blue); }
.minigame-section .list-tab a:hover i,
.minigame-section .list-tab a:active i,
.minigame-section .list-tab a.active i{ color:var( --blue); background-color:var( --white); }

.minigame-section .section-header{ padding:0 0 20px; border:none; }
.minigame-section .section-header:after{ display:none; }
.minigame-section .section-header .title{ display:inline-block; position:relative; padding:0 10px 10px; font-size:13px; }
.minigame-section .section-header .title:after{ content:""; position:absolute; bottom:-2px; left:0; width:100%; height:3px; background-color:var( --orange ); }

.minigame-section .btn{ color:#ffffff; margin-left:0; }

.minigame-container{ width:100%; max-width:900px; margin:20px auto; padding:10px; border-radius:3px; }
.minigame-container .minigame-display{ width:100%; overflow:hidden; margin:0 0 15px; padding:0; border:solid 3px var( --white-05 ); background:var( --bg-color-light ); border-radius:10px; }
.minigame-container .minigame-display .minigame-frame{ position:relative; width:100%; overflow:hidden; }
.minigame-container .minigame-display .minigame-frame iframe{ position:absolute; top:0; left:0; border:none; transform-origin:0 0; }

.minigame-container .minigame-auto{ display:flex; justify-content:center; align-items:center; margin:0 0 15px; padding:10px; border:solid 1px var( --white-05 ); border-radius:10px; background:var( --bg-color-light ); }
.minigame-container .minigame-auto button{ height:30px; margin:0 5px 0 0; padding:0 20px; border:none; border-radius:5px; color:var(--white); background:var(--blue-light); font-size:12px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); }
.minigame-container .minigame-auto button:last-child{ margin:0; }
.minigame-container .minigame-auto button:hover{ background-color:var(--bg-color-gray); }
.minigame-container .minigame-auto input{ width:200px; height:30px; margin:0 5px 0 0; padding:0 5px; border:none; border-radius:5px; color:var(--bg-color); background:var(--white); text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3); text-align:center; }

/* minigame-betting */
.minigame-betting{ margin:10px 0; }
.minigame-betting .betting-area{ margin:0 0 15px; padding:15px; border:solid 1px var( --white-05 ); border-radius:10px; background:var( --bg-color-light ); }
.minigame-betting .betting-area .section-header{  }
.minigame-betting .betting-area .section-info{ display:flex; justify-content:space-between; align-items:center; margin:0 2px 10px; padding:10px; border-radius:5px; background:var( --bg-color-light ); background-color:var( --bg-blue ); box-shadow:3px 5px 10px rgba(0, 0, 0, 0.3); }
.minigame-betting .betting-area .section-info span{ margin-left:5px; font-size:14px; color:var(--white); text-align:left; }
.minigame-betting .betting-area .section-info .countdown{ padding:7px 15px; border-radius:10px; background-color: var( --bg-color ); font-size:13px; white-space:nowrap; }
.minigame-betting .betting-area .section-info .countdown i{ font-style:normal; color:var(--orange); }
.minigame-betting .betting-area .betting-set{ display:flex; justify-content:center; align-items:center; }
.minigame-betting .betting-area .betting-set .versus{ width:30%; font-size:14px; color:var(--white); text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); }
.minigame-betting .betting-area .betting-set button{ width:100%; margin:2px; padding:20px 10px; border:solid 0px transparent; border-radius:5px; color:#ffffff; transition:all 0.3s ease-in-out; overflow:hidden; background:transparent; font-size:14px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); box-shadow:3px 5px 10px rgba(0, 0, 0, 0.3); }
/*
.minigame-betting .betting-area .betting-set button i{ font-style:normal; color:var(--orange); }
.minigame-betting .betting-area .betting-set button.active{ animation:betActiveAnimation 0.5s ease-in-out; }
.minigame-betting .betting-area .betting-set button.blue{ background-image:linear-gradient(-20deg, #1f2b41, #35455a); }
.minigame-betting .betting-area .betting-set button.red{ background-image:linear-gradient(-20deg, #341c1c, #553232); }
.minigame-betting .betting-area .betting-set button.blue.active{ background-image:linear-gradient(-20deg, #0d2244, #367de1); }
.minigame-betting .betting-area .betting-set button.red.active{ background-image:linear-gradient(-20deg, #530707, #d65252); }
*/
.minigame-betting .betting-area .betting-set button:hover{ opacity:0.8; }
.minigame-betting .betting-area .betting-set button i{ font-style:normal; }
.minigame-betting .betting-area .betting-set button.active{ opacity:1; animation:betActiveAnimation 0.5s ease-in-out; }
.minigame-betting .betting-area .betting-set button.blue{ background-image:linear-gradient(-20deg, #0d2244, #367de1); }
.minigame-betting .betting-area .betting-set button.red{ background-image:linear-gradient(-20deg, #530707, #d65252); }
.minigame-betting .betting-area .betting-set button.blue.active{ background-image:linear-gradient(-20deg, #624707, #fbd24f); }
.minigame-betting .betting-area .betting-set button.red.active{ background-image:linear-gradient(-20deg, #624707, #fbd24f); }

@keyframes betActiveAnimation{
	0%{ transform:translate(0, 0); }
	30%{ transform:translate(0, 5px); }
	70%{ transform:translate(0, -3px); }
	100%{ transform:translate(0, 0); }
 }
/* minigame-betting */

/* betting-list */
.minigame-betting-list .form-container.scrollbar-x{ overflow-x:auto; }
.minigame-betting-list .form-container.scrollbar-x::-webkit-scrollbar{ height:8px; }
.minigame-betting-list .form-container.scrollbar-x .bs-table{ white-space:nowrap; }
.minigame-betting-list .bs-table thead th{ border-bottom:solid 4px var( --bg-color-light); white-space:nowrap; }
.minigame-betting-list .bs-table thead td{ word-break:keep-all; }
.minigame-betting-list .bs-table tbody tr:last-child td{ border-bottom:solid 4px var( --bg-color-light); }
.minigame-betting-list .bs-table .betting-list-total{ display:flex; justify-content:center; align-items:center; }
.minigame-betting-list .bs-table .betting-list-total > div{ padding:0 5px; }
.minigame-betting-list .bs-table tr:last-child td:first-child:last-child{ border-radius:0 0 10px 10px; }
/* betting-list */

@media (max-width: 800px){
	.minigame-section .minigame-menu{ display:flex; flex-wrap:wrap; margin:10px 0 20px; border:none; }
	.minigame-section .minigame-menu li{ width:calc(100% / 5); height:40px; padding:0 5px; }
	.minigame-section .minigame-menu li a{ padding:0; }
	.minigame-section .minigame-menu li a:not(.active):after{ opacity:0.2; width:100%; }
	.minigame-section .minigame-menu li a:hover:after{ opacity:1; width:100%; }

	.minigame-container .minigame-auto{ flex-direction:column; }
	.minigame-container .minigame-auto button{ width:100%; margin:0 0 5px; }
	.minigame-container .minigame-auto button:last-child{ margin:0; }
	.minigame-container .minigame-auto input{ width:100%; margin:0 0 5px; }

	.minigame-betting .betting-area{ padding:5px; }
	.minigame-betting .betting-area .section-info{ padding:10px; }
	.minigame-betting .betting-area .section-info span{ font-size:12px; }
	.minigame-betting .betting-area .section-info .countdown{ padding:7px 15px; font-size:12px; }
	.minigame-betting .betting-area .betting-set button{ font-size:12px; }
}
@media (max-width: 600px){
	.minigame-section .minigame-menu li{ width:calc(100% / 4); }
}
@media (max-width: 500px){
	.minigame-section .minigame-menu li{ width:calc(100% / 3); }
	.minigame-section .list-tab a{ min-width:calc((100% / 3) - 4px); padding:5px 10px; font-size:12px; }

	.minigame-betting .betting-area .section-info{ flex-direction:column; justify-content:center; }
	.minigame-betting .betting-area .section-info span{ margin-bottom:10px; }
	.minigame-betting .betting-area .betting-set button{ padding:10px 5px; }
	.minigame-betting .betting-area .betting-set button i{ display:block; }
}

/* betting-cart */
.betting-cart{ width:100%; margin:0 0 15px; padding:15px; border-radius:10px; }
.betting-cart .cart-panel{ margin:0 0 5px; border-radius:5px; background-color:var( --bg-color ); }
.betting-cart .cart-panel .bet-slip{ position:relative; padding:10px; text-align:left; font-size:13px; font-weight:bold; }
.betting-cart .cart-panel .bet-slip .delete{ position:absolute; top:5px; right:5px; width:20px; height:20px; border:solid 1px var(--white-50); border-radius:100%; transition:0.3s; outline:none; background:transparent; }
.betting-cart .cart-panel .bet-slip .delete:before,
.betting-cart .cart-panel .bet-slip .delete:after{ content:''; width:2px; height:calc(100% - 10px); background-color: var( --white-50 ); position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; transform:rotate(45deg); transition:0.3s; }
.betting-cart .cart-panel .bet-slip .delete:after{ transform:rotate(-45deg); }
.betting-cart .cart-panel .bet-slip .delete:hover:before{ transform:rotate(135deg); background-color:var( --orange ); }
.betting-cart .cart-panel .bet-slip .delete:hover:after{ transform:rotate(-135deg); background-color:var( --orange ); }
.betting-cart .cart-panel .bet-slip ul{ width:100%; margin:0; padding:0; list-style:none; }
.betting-cart .cart-panel .bet-slip ul li{ display:flex; align-items:center; justify-content:space-between; height:30px; color:var(--white); }
.betting-cart .cart-panel .bet-slip ul li.game{ color:var(--yellow); }
.betting-cart .cart-panel .bet-slip ul li.round{ }
.betting-cart .cart-panel .bet-slip ul li.bet{ font-weight:normal; }
.betting-cart .cart-panel .bet-slip ul li.bet .div{ color:var(--orange); font-weight:bold; }
.betting-cart .cart-total{ position:relative; margin:0 0 5px; padding:10px 5px; border-radius:5px; text-align:left; font-size:12px; background-color:var( --bg-color ); }
.betting-cart .cart-total .bet-money{ display:flex; height:30px; margin:5px 0 15px; }
.betting-cart .cart-total .bet-money label{ display:flex; align-items:center; justify-content:center; width:30%; height:100%; text-align:center; }
.betting-cart .cart-total .bet-money input{ width:100%; height:100%; margin:0 2px; padding:0 5px; border:none; border-radius:5px; }
.betting-cart .cart-total .bet-money button.reset{ width:30%; height:100%; padding:5px 0; border:none; border-radius:5px; background-color:var(--blue); color:var(--white); }
.betting-cart .cart-total .bet-money button.reset:hover{ background-color:var(--blue-hover); }
.betting-cart .cart-total .bet-btn{ display:flex; margin:0 0 10px; }
.betting-cart .cart-total .bet-btn button{ width:100%; margin:0 1px; padding:5px 0; border:none; border-radius:5px; background-color:var(--white-10); color:var(--white); }
.betting-cart .cart-total .bet-btn button:hover{ background-color:var(--white-25); }
.betting-cart .cart-total .bet-btn button.all{ background-color:var(--orange); }
.betting-cart .cart-total .bet-btn button.all:hover{ background-color:var(--orange-hover); }
.betting-cart .cart-total .bet-calc{ display:flex; align-items:flex-start; justify-content:center; flex-direction:column; width:100%; margin:0; padding:0; list-style:none; }
.betting-cart .cart-total .bet-calc li{ display:flex; justify-content:space-between; width:100%; padding:7px 10px; border-bottom:solid 1px var(--white-10); }
.betting-cart .cart-total .bet-calc li:last-child{ border:none; }
.betting-cart .cart-total .bet-calc li label{ margin:0; padding:0; }
.betting-cart .cart-total .bet-calc li span{ color:var(--orange); }
.betting-cart .cart-betting button{ width:100%; height:40px; margin:0 0 5px; border:none; border-radius:5px; color:var(--white); background:var(--orange); text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); }
.betting-cart .cart-betting button:hover{ background-color:var(--orange-hover); }
.betting-cart .cart-auto{ position:relative; margin:5px 0 0; padding:10px; border-radius:5px; text-align:left; font-size:12px; background-color:var( --bg-color ); }
.betting-cart .cart-auto button{ width:100%; height:30px; margin:0 0 5px; border:none; border-radius:5px; color:var(--white); background:var(--blue-light); text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); }
.betting-cart .cart-auto button:last-child{ margin-bottom:0; }
.betting-cart .cart-auto button:hover{ background-color:var(--bg-color-gray); }
.betting-cart .cart-auto input{ width:100%; height:30px; margin:0 0 5px; padding:0 5px; border:none; border-radius:5px; color:var(--bg-color); background:var(--white); text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3); text-align:center; }
.sidebar-container.active.bet-active > * { display:none; }
.sidebar-container.active.bet-active .betting-cart{ display:block; }
@media (max-width: 1200px){
	.sidebar-container:not(.bet-active) .betting-cart{ display:none; }
	.betting-cart .cart-auto{ display:none; }
}
/* betting-cart */