/*
	--------------------------------
	TABLE OF CONTENTS
	--------------------------------
    *. 1 - Main ...................
	*. 2 - Sports .................
	*. 3 - Live ...................
	*. 4 - Mini game ..............
	*. 5 - Slot ...................
	*. 6 - Casino .................
	*. 7 - Virtual ................
	*. 8 - Holdem .................
	*. 9 - Deposit ................
	*.10 - Withdraw ...............
	*.11 - Event ..................
	*.12 - Forum ..................
	*.13 - Roulette ...............
	*.14 - Attendance .............
	*.15 - My Profile .............
	*.16 - UI table ...............
	*.17 - keyframes ..............
	*.
	--------------------------------
	--------------------------------
*/



/*. Main */

#ad-top {
    width: calc(100% - 0px);
    margin: 0 auto;
    padding: 0px 10px 0;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
}
#ad-top .ad_area > ul {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}
#ad-top .ad_area li {
    list-style: none;
    float: left;
    color: #e7ddcb;
    width: 100%;
    padding: 0;
    line-height: unset;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(bottom, #373737, #8e8e8e 25%, #fff 52%, #808080 75%, #373737);
    background-image: -moz-linear-gradient(bottom, #373737, #8e8e8e 25%, #fff 52%, #808080 75%, #373737);
    background-image: -o-linear-gradient(bottom, #373737, #8e8e8e 25%, #fff 52%, #808080 75%, #373737);
    background-image: -ms-linear-gradient(bottom, #373737, #8e8e8e 25%, #fff 52%, #808080 75%, #373737);
    background-image: linear-gradient(to top, #373737, #8e8e8e 25%, #fff 52%, #808080 75%, #373737);
}
#ad-top .ad-topclose {
    cursor: pointer;
    position: absolute;
    right: 13px;
    padding: 0px 6px;
    font-size: 30px;
    background: transparent;
    border-radius: 50%;
    color: #818181;
    z-index: 2;
    top: 50%;
    transform: translate(-13%, -56%);
}

#ad-top .ad_area marquee {
    background: #3b3b3b;
    border: 1px solid #0a0e16;
    position: relative;
    z-index: 1;
    padding: 6px;
    float: left;
    margin: 3px;
    background-image: -webkit-linear-gradient(bottom, #737373, #282828);
    background-image: -moz-linear-gradient(bottom, #737373, #282828);
    background-image: -o-linear-gradient(bottom, #737373, #282828);
    background-image: -ms-linear-gradient(bottom, #737373, #282828);
    background-image: linear-gradient(to top, #737373, #282828);
    white-space: nowrap;
}

#ad-top .ad_area marquee:before {
    left: 0;
    background: linear-gradient(to right, #0d1119 0%, transparent 100%);
}

#ad-top .ad_area marquee:after {
    right: 0;
    background: linear-gradient(to right, #0000 0%, #0d1119 100%);
}

#ad-top .ad_area marquee:after,
#ad-top .ad_area marquee:before {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1;
}
.main_event{
	width:57%;
	float:left;
	margin-right:1%;
	overflow: hidden;
    height: auto;
}
.main_event > div:nth-child(1){
	font-size:14px; 
	font-weight:bold; 
	padding:0 0 5px 5px;
}
.main_event > div:nth-child(2){
	width:100%; 
	border-radius:10px; 
	padding:5px;
	overflow: hidden;
    height: auto;
}
.main_event .swipe_wrap{
	width:100%; 
	float:left; 
	width:100%; 
	overflow: hidden;
    height: auto;
	border-radius:10px;
	cursor:pointer;
	position:relative;
}
.main_event > div:nth-child(2){
	background:#222; 
}
.findoutmore {position: absolute;right: 0;top: 80%;z-index: 3;line-height: 35px;padding: 5px 25px;border-radius: 10px 0 0 10px;opacity: 0.8;}

.findoutmore:hover {
    opacity: 1;
    color: #fff;
}


.main_casino{
	width:42%;
	float:left;
}
.main_casino > div:nth-child(1){
	font-size:14px; 
	font-weight:bold; 
	padding:0 0 5px 5px;
}
.main_casino > div:nth-child(1) > span{
	cursor:pointer;
}


.cs_wrap{
	width:100%; 
	background:#222; 
	border-radius:10px; 
	padding:5px;
	width: 100%;
    overflow: hidden;
    height: auto;
}
.cs_wrap .swiper-slide > div{
	cursor:pointer;
	width:49.5%;
	float:left; 
	border-radius:10px;
	margin-bottom:2px;
}

.cs_wrap .swiper-slide > div.low-menu img {
    height: calc(9.75vw - 7.2px);
}
.cs_wrap .swiper-slide > div.low-menu {
    margin-right:0.2% !Important;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-pointer-events {
    touch-action: pan-y;
}


.main_enter > div{
	width:19.3%;float:left;
}
.main_enter > div:nth-child(1){
	margin-right:5px
}
.main_enter > div:nth-child(2){
	margin-right:5px
}
.main_enter > div:nth-child(3){
	margin-right:5px
}
.main_enter > div:nth-child(4){
	margin-right:5px
}

.main_enter > div:first-child:nth-last-child(1) , .main_enter > div:first-child:nth-last-child(1)~div {
    width: calc(100%/1 - 2px);
	margin-right:0;
}
.main_enter > div:first-child:nth-last-child(2) , .main_enter > div:first-child:nth-last-child(2)~div {
    width: calc(100%/2 - 4px);
	
}
.main_enter > div:first-child:nth-last-child(3) , .main_enter > div:first-child:nth-last-child(3)~div {
    width: calc(100%/3 - 4px);
}
.main_enter > div:first-child:nth-last-child(4) , .main_enter > div:first-child:nth-last-child(4)~div {
    width: calc(100%/4 - 4px);
}

.main_enter > div:first-child:nth-last-child(5) , .main_enter > div:first-child:nth-last-child(5)~div {
    width: calc(100%/5 - 4px);
}

.main_enter > div:first-child:nth-last-child(6) , .main_enter > div:first-child:nth-last-child(6)~div {
    width: calc(100%/6 - 4px);
}
.main_enter > div:last-child {
	margin-right:0;
	/* width: calc(100%/4 - 0px) !important; */
}

/* .bg_spon{ */
	/* background-image: url(/image/main/def/sports.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_caon{ */
	/* background-image: url(/image/main/def/casino1.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_minion{ */
	/* background-image: url(/image/main/def/minigame.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_liveon{ */
	/* background-image: url(/image/main/def/livesport.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_virtualon{ */
	/* background-image: url(/image/main/def/btn_virtual.jpg); */
    /* background-size: 100%;	 */
/* } */

.bg_spon ,
.bg_caon ,
.bg_minion ,
.bg_liveon,
.bg_virtualon {
 background:none;
}

.m_box_warp{
	border:1px solid #8743f1; 
	background:unset;    
	border-radius:5px; 
	width: 100%; 
	/* height: 0; */
	/* padding-bottom: 66%;  */
	overflow: hidden;
}
.m_main_txt{
	color: #1a1612;
}



.bg_spon .m_main_txt{
	/* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 13%; */
    /* text-align: left; */
    /* padding-left: 20px; */
    font-size: 2vw;
}
.bg_spon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 7%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 78px; */
}
.bg_spon .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 4vw;
}

.bg_caon .m_main_txt{
	/* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 13%; */
    /* text-align: left; */
    /* padding-left: 20px; */
    font-size: 2vw;
}
.bg_caon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 20%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 78px; */
}
.bg_caon .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 5vw;
}

.bg_minion .m_main_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 13%; */
    /* text-align: left; */
    /* padding-left: 20px; */
    font-size: 2vw;
}
.bg_minion .m_sub_txt{
	/* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 7%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 93px; */
}
.bg_minion .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 4vw;
}
.bg_liveon .m_main_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 14%; */
    /* text-align: left; */
    /* padding-left: 21px; */
    font-size: 2vw;
}
.bg_liveon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 7%; */
    /* text-align: left; */
    /* font-size: 0.8vw; */
    padding-left: 62px;
}
.bg_liveon .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 4vw;
}

.bg_virtualon .m_main_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 14%; */
    /* text-align: left; */
    /* padding-left: 21px; */
    font-size: 2vw;
}
.bg_virtualon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 9%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 62px; */
}
.bg_virtualon .m_sub_icon{
    /* width: 90%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 20%; */
    /* text-align: right; */
    font-size: 4vw;
}

    .main_enter
    .m_box_warp:hover
    .m_main_txt,
.main_enter .m_box_warp:hover .m_sub_txt {
    transform: translateX(0px);
}
.main_enter .m_box_warp:hover .m_sub_icon {
    transform: translateX(0px);
	bottom:0;
	right:0;
}

.m_main_txt ,  .m_sub_txt, .m_sub_icon 
{
 position:absolute;
 z-index: 999;
}
.main_enter .m_box_warp:hover .m_sub_txt {
    top: 17px;
    right: 17px;
}

.main_enter .m_box_warp:hover .m_main_txt {
    top: 13px;
    left: 13px;
}
.m_main_txt,
.m_sub_txt {
    transform: translateX(-100%);
    transition: all 0.4s ease-out;
}
.m_sub_icon {
    transform: translateX(100%);
    transition: all 0.4s ease-out;
    bottom: 0;
    right: 0;
}

.main_enter .m_box_warp {
    background: unset;
	position:relative;
	z-index:3;
}
.main_enter .m_box_warp:hover {
    background: #000000d1;
    background-image: linear-gradient(
        to bottom,
        rgb(0 0 0 / 37%),
        rgb(155 155 155 / 16%) 49%,
        rgb(255 255 255 / 15%) 51%,
        rgb(255 255 255 / 5%)
    );
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.main_enter .m_box_warp:hover:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0.7;
}

.m_box_warp .bg-cover-img {
    width: 100%;
    position: relative;
    z-index: 1;
}
.main_enter .m_box_warp:hover .m_main_txt, 
.main_enter .m_box_warp:hover .m_sub_txt ,
.main_enter .m_box_warp:hover .m_sub_icon {
	z-index: 6;	
	position:absolute;
}


.main_enter .m_box_warp:not(:has(img)) {

}
.main_enter .m_box_warp:not(:has(img)) .m_main_txt,
.main_enter .m_box_warp:not(:has(img)) .m_sub_txt,
.main_enter .m_box_warp:not(:has(img)) .m_sub_icon{
	
}
.main_enter .bg_spon .m_box_warp:not(:has(img)){
	 background-image: url(/image/main/def/sports.png?v=02);
	background-size: 100%;
	}
.main_enter .bg_caon .m_box_warp:not(:has(img)){ 
	 background-image: url(/image/main/def/casino1.png?v=02); 
     background-size: 100%;	 
 }
.main_enter .bg_minion .m_box_warp:not(:has(img)){ 
	 background-image: url(/image/main/def/minigame.png?v=02); 
     background-size: 100%;	 
 } 
.main_enter .bg_liveon .m_box_warp:not(:has(img)){
	 background-image: url(/image/main/def/livesport.png?v=02);
	 background-size: 100%;
	 background-repeat: no-repeat;
	} 
.main_enter .bg_virtualon .m_box_warp:not(:has(img)){ 
	 background-image: url(/image/main/def/btn_virtual.png?v=02); 
     background-size: 100%;	
 } 
 
 .main_enter .bg_caon .m_box_warp[ref*="slot"]:not(:has(img)){ 
	 background-image: url(/image/main/def/slot1.png?v=02); 
     background-size: 100%;	
 } 
.main_enter .bg_spon .m_box_warp:not(:has(img)) , .main_enter .bg_caon .m_box_warp:not(:has(img)) , .main_enter .bg_minion .m_box_warp:not(:has(img)) , .main_enter .bg_liveon .m_box_warp:not(:has(img)) , .main_enter .bg_virtualon .m_box_warp:not(:has(img)) {
    padding-bottom: 66%;
}


#top_pc #content-table .table > ul > .tr > .info {
    text-align: left;
}
#top_pc #content-table .bank-table {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
#top_pc #content-table .bank-table .title,
#top_pc #content-table .bank-table .table > ul > .tr {
    border: 0;
    height: auto;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 50px);
}
#top_pc #content-table .bank-table #rolling-realtime {
    width: 417px;
    animation: none;
}
#top_pc #content-table .bank-table .title,
#top_pc #content-table .bank-table #rolling-realtime {
    font-size: 12px;
}
#top_pc #content-table .bank-table .title {
    background: #fff0;
    top: 3px;
    left: 5px;
    color: #9e1435;
    padding: 0;
}
#top_pc #content-table .bank-table .table > ul > .tr {
    padding: 3px 10px;
    background: linear-gradient(90deg, transparent, #ffdb0042, transparent);
}
#top_pc .text_b1,
#top_pc #content-table .table > ul > .tr > .info,
#top_pc .page-with-two-sidebar .content .sp_nav_top .width-full .el-row .sp_cat {
    color: #fff;
}
#top_pc #content-table .bank-table .table > ul > .tr > .amount {
    color: #4bc24b;
}
#top_pc #content-table .bank-table .table > ul > .tr > .info span:nth-child(3) {
    text-transform: capitalize;
}



/*. Sports */





/* -------- Mode Switch Styles ------------*/	

.switch-row {
	float: left;
	border-radius: 40px;
}

.switch-row .toggle_mode {
	position: relative;
	z-index: 2;
	width: 304px;
	height: 100%;
	background-color: inherit;
	box-shadow: 0 4px 35px rgba(0, 0, 0, 0.1);
	border-radius: 40px;
	margin: 0 auto;
}

.switch-row .toggle_mode .toggle-content {
	display: flex;
	flex-direction: row;
	margin: auto;
	text-align: center;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.switch-row .toggle_mode .toggle-content .heading {
	font-size: 13px;
	font-weight: bolder;
	margin: 0;
	float: left;
	width: 0;
	color: #adadad; 
}

.switch-row .toggle_mode .toggle-content label,
.switch-row .toggle_mode .toggle-content .toggle {
	height: calc(100% - 4px);
	border-radius: 100px;
}
.switch-row .toggle_mode .toggle-content label {
	width: 100%;
	background-color: #ffffff;
	background-image: linear-gradient(45deg, black, transparent);border: 1px solid  var( --swiper-theme-color);border-radius: 100px;
	position: relative;
	cursor: pointer;
/* padding: 3px; */}
.switch-row .toggle_mode .toggle-content .toggle {
	position: absolute;
	width: calc(50% - 3px);
	background-color: var( --swiper-theme-color);
	border: 2px solid var( --swiper-theme-color);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #fff;margin: 2px;box-shadow: -3px 0px 9px #000;}
.switch-row .toggle_mode .toggle-content .names .mode_type {
	font-size: 14px;
	font-weight: bolder;
	width: 50%;
	user-select: none;
	float: left;
	position: relative;
	z-index: 1;
	color: #000000;
	padding: 6px;
	
}
.switch-row .toggle_mode .toggle-content .names .mode_type .western {
	opacity: 0.5;
}

.switch-row .toggle_mode .toggle-content .names .mode_type .only-mobile {
    font-size: 12px;
    display: block;
}
#switch[type="checkbox"] {
	display: none;
}
/* Toggle */
#switch[type="checkbox"]:checked + .modeapp .toggle {
	transform: translateX(100%);
	background-color: #0000008c;
	border: 2px solid var(--swiper-theme-color);
	opacity: 1;
	color: #fff;
}
#switch[type="checkbox"]:checked + .modeapp .asian {
	opacity: 1;
	color: var(--swiper-theme-color);
}
#switch[type="checkbox"]:checked + .modeapp .western {
	opacity: 1;
	color: #ffffff;
}
#switch[type="checkbox"]:checked + .modeapp .switch {
	background-color: #26242e;
	color: white;
}
#switch[type="checkbox"]:checked + .modeapp label {background: linear-gradient(90deg, var( --swiper-theme-color), transparent);}
.right.btn-switch-mode {
	
	float: right;
	
	
}
.switch-row .toggle_mode .toggle-content .names .mode_type .icon {
	margin-right: 7px;
    font-size: 15px;
}
/* -------- End Mode Switch Styles ------------*/







.sp_nav_top{
	width: 100% !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	display: inline-block !important;
	
}
.sp_nav_top .width-full .el-row {
    white-space: nowrap;
    overflow:auto;
}

.sp_nav_top .width-full .el-row .sp_cat {
    float: unset;
    display: inline-block;
}

.sp_nav_top .sp_nav_btn {
    display: inline-block;
    overflow: hidden;
    text-overflow: unset;
    white-space: break-spaces;
    word-break: normal;
    height: 80px;
}
.sp_nav_top .sp_nav_btn .spname- {
    font-style: normal;
    white-space: normal;
    word-break: normal;
}




.bonus_wrap{
    position: relative;
    background: linear-gradient(to right, #ff0023, #2b73d5);
    padding: 5px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-top: 26px;
    border-radius: 3px;
}
.bonus_box{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
    position: relative;
    background: #222;
}
.bonus_title{
	position: relative;
	left: 0px;
    top: -15px;
	font-size: 11px !important;
	padding: 0 !important;
}

.bet-log-wrap .bonus_view .bonus_title {
    position: relative;
    left: 0;
    top: 0;
}
.bonus_title > div{
	background-color: #222733;
    border-radius: 5px;
    padding: 3px;
	float: left !important;
	font-size: 12px !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
}
._bonus.list-box-g {
    display: block;
}
._bonus.list-box-g.text-ellipsis {
    text-overflow: unset !important;
}

.bonus_wrap .bonus_box .hva_bt_sub1 {
	float: left;
    width: 20%;
}
.bonus_wrap .bonus_box .hva_bt_sub1 .btn {
    height: 98px;
}
.bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(1), .bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(1)~ .hva_bt_sub1  {
    width: 100%;
}
.bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(2), .bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(2)~ .hva_bt_sub1  {
    width: 50%;
}
.bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(3), .bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(3)~ .hva_bt_sub1  {
    width: 33.33%;
}
.bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(4), .bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(4)~ .hva_bt_sub1  {
    width: 25%;
}
.bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(5), .bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(5)~ .hva_bt_sub1  {
    width: 20%;
}
.bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(6), .bonus_wrap .bonus_box .hva_bt_sub1:first-child:nth-last-child(6)~ .hva_bt_sub1  {
    width: 33.33%;
}

.hva_bt_sub1 > button{
	background: #191919 !important;
    border: 1px solid #2e7de5;
	padding-bottom: 4px !important;
	padding-top: 4px !important;
	padding-left: 12px;
    padding-right: 12px;
	font-weight: 300;
    border-radius: 3px;
	color: #c8e1fd;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	display: block;
    width: 100%;
	transition: 0.3s all ease;
	    margin: unset;
}

.hva_bt_sub1{
	height:45px !important;
}

._bonus .bonusodds.selected.hva_bt_sub1 > button {
    background:#2e7de5 !important;
    background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
}
._sel_bet.hva_bt_sub1.bonusodds.selected {
    background: unset;
}
.hva_bt_sub1 > button:hover {
    box-shadow: inset 0 0 5px 2px #4c99fc;
    background-image: linear-gradient( 90deg, #2e7de500 0, #0c294e) !important;
}
._bonus .bonusodds.selected.hva_bt_sub1 > button .text-multibetting-blue2 ,
._bonus .bonusodds .hva_bt_sub1 > .btn:hover .text-multibetting-blue2 {
    color: #fff !important;
}
._bonus .bonusodds {
    height: auto !important;
}

._bonus {
    height: auto !important;
}
.bonus_rate{
	border-radius: 50% !important;
	/* float: right !important; */
	font-size: 13px !important;
	padding: 8px 6px;
}

.sp_rule{
	border: 2px solid rgb(34, 39, 51);
	background: #191919 !important;
	display: flex;
	font-size: 12px !important;
	box-sizing: border-box;
	position: relative;
}
.sp_rule:after,.sp_sort_box:after{
	display: table;
	content: "";
	clear: both;
}
.sp_rule:before,.sp_sort_box:before{
	display: table;
	content: "";
}
#sp_rule{
	padding-left: 16px !important;
	padding-right: 16px !important;
	margin-top: 10px !important;
}
.sp_rule > div:nth-child(1){
	color: #2e7de5 !important;
	display: flex;
    align-items: center;
	justify-content: center;
	font-size: 35px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.sp_rule > div:nth-child(2){
	word-break: keep-all;
	padding-left: 10px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}




.sp_sort{
	padding-left: 16px !important;
	padding-right: 16px !important;
	margin-top: 11px !important;
}
.sp_sort_box{
	border: 2px solid #222733;
    background: #191919;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 7px;
    color: #fff;
	box-sizing: border-box;
}
.sp_sort_box > div:nth-child(1){
	float:left;
}
.sp_sort_box > div:nth-child(2){
	float:right;
	margin-top:5px;
}
.sp_sort_box > div:nth-child(2) > div{
	float:left;
	cursor:pointer;
	height:24px;
	padding-top:3px;
	margin-right:15px;
}
.sp_sort_box > div:nth-child(2) > div:last-child{
	margin-right:0 !important;
}
.button_sort{
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    cursor: pointer;
    float: left;
    font-weight: 700;
    width: auto;
    text-align: center;
    color: #fff;
}
.sp_league > div{
	width: 100% !important;
	height: 100% !important;
	font-weight: 700 !important;
	float: left !important;
}
.sp_league > div > i:nth-child(1){
	float: left !important;
	margin-left: 20px !important;
	margin-right: 10px !important;
	margin-top: 8px !important;
}
.sp_league > div > img:nth-child(2){
	height:12px;
	float: left !important;
	margin-right: 10px !important;
	margin-top: 9px !important;
	display: none;	
}
.sp_league > div > span:nth-child(3){
	margin-top: 7px;
	float: left !important;
	
}
.sp_league > div > i:nth-child(4){
	float: left !important;
	margin-left: 6px !important;
	margin-right: 6px !important;
	font-size: 16px;
    margin-top: 7px;
}
.sp_league > div > span:nth-child(5){
	width: calc(100% - 310px);
	margin-top: 7px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	float: left !important;
}
.sp_league > div > span:nth-child(6){
	margin-top: 6px;
	float: right !important;
	width: 50px !important;
	margin-right: 10px !important;
}
.sp_league > div > span:nth-child(7){
	margin-top: 5px;
	float: right !important;
	margin-right: 10px !important;
}

.sp_league > div > img:nth-child(8){
	float: right !important;
	margin-right: 10px !important;
	margin-top: 3px !important;
}
#sp_list .sp_league > div > span:nth-child(5) {
    margin-top: 3px;
}
#sp_list.ithere {
    background-color: #333;
    margin: 10px;
    padding: 0 10px;
    overflow: hidden;
    height: calc(778px - 20px);
}
#sp_list .contain-title {
    text-align: center;
    color: var(--swiper-topboard-color);
}
.time_line{
	height: 30px;
	font-size: 11px !important;
	margin-top: 11px !important;
	width: 100%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.time_line > div:nth-child(1){
	--tw-text-opacity: 1;
	float: left !important;
	font-size: 12px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	padding: 2px !important;
	margin-left: -2px !important;
    width: calc(100% - 132px);
    height: 26px;
}
.time_line > div:nth-child(2) > div{
	border-radius: 0 !important;
	text-align: center !important;
	font-size: 13px !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
	width: 130px;
	cursor:pointer;
}
.time_line > div:nth-child(2) > div > span{
	display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
	text-align:center;
}
.time_line > div:nth-child(2){
	float: right !important;
	padding: 0 !important;
	-webkit-border-radius: 0 !important;
}
.match_right{
	width: 100% !important;
	padding: 16px !important;
	margin: 0 !important;
	float: left;
	position: relative;
    min-height: 1px;
}
.match_tab{
	display: flex;
	padding: 0 !important;
	margin-bottom: 9px !important;
	width: 100%;
}
.match_tab > .tab_item{
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    flex: 1;
}
.tab_item > .item_title{
	border-left: 0px;
	padding: 9px 0;
    height: 100%;
}
.match_list{
	text-align: center;
    clear: both;
    width: 100%;
    padding: 0;
    background: #121619;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.match_list > .match_item{
	padding: 0 !important;
	width: 100% !important;
	position: relative;
    min-height: 1px;
    float: left;
}
.match_item > div{
	width: 100%;
    height: auto;
    padding: 2px 0 2px 2px !important;
	float: left;
	position: relative;
    min-height: 1px;
}



.name-header {
	width: 100% !important;
    opacity: 1;
    transition: opacity 0.3s linear;
    background-image: linear-gradient(90deg, #000 0, #2a2a2a) !important;
    color: #fff !important;
    text-align: left !important;
    font-size: 18px !important;
    border-radius: 4px;
    border: none;
    padding: 10px;
    margin-bottom: 5px;
position: relative;}

.name-header.result-sports {
    padding: 0;
}


#rightbox .prematch-event-block {
	overflow: hidden;
    background-image: -webkit-linear-gradient(right, #000, #3d3d3d 53%, #000);
    background-image: -moz-linear-gradient(right, #000, #3d3d3d 53%, #000);
    background-image: -o-linear-gradient(right, #000, #3d3d3d 53%, #000);
    background-image: -ms-linear-gradient(right, #000, #3d3d3d 53%, #000);
    background-image: linear-gradient(to left, #a9403c, #000000 53%, #3f6cb5);
	width: calc(100% - 2px);border-radius: 7px;margin: 0 0 10px 0;padding: 10px;
}
#rightbox .home_logo , #rightbox .away_logo {display: block;margin: 0 auto;}

#rightbox .detail-home , #rightbox .detail-away {width: calc(50% - 50px);font-size: medium;color: #fff;}

#rightbox .detail-vs {width: 100px;height: 75px;font-family: fantasy;
    font-weight: bold;
    font-size: 0;
    text-shadow: unset;
    color: #ffffff;
    background: #0000 url(/image/asset/gold-vursus.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-blend-mode: initial;
mix-blend-mode: lighten;}

#rightbox .prematch-event-block [class|=detail] {text-align: center;}

#rightbox .detail-home span, #rightbox .detail-away span {padding: 25px 0 10px 0px;display: inline-block;}









.sp_league .match_star:before{
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 15px;
	display: inline-block;
	font-style: normal;
	margin-left: 5px;
}

.match_star:before {
	margin-left: 0px;
}


.match_star:before,
.match_star:before,
.league_star:before,
.league_star:before {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 15px;
	display: inline-block;
	font-style: normal;
	margin-left: 5px;
}
.favorite {
	color: #ebef02;
}


._sports_  i
{ background: url('/image/icon/icon_menu_sports_left_new2.png?v=011') no-repeat top left; width: 20px; height: 22px; margin: 4px 10px 4px 10px } 

.sportsbtn.sview-live,
.sportsbtn.sview-all ,
.sportsbtn.sviewlive-all ,
.sportsbtn.sview-result ,
.sportsbtn.vview-all ,
.sportsbtn.vview-all {
    line-height: 60px;
    padding-left: 0;
    padding-right: 0;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    text-align: center;
    background-color: #363636;
    background: -moz-linear-gradient(top, #3d4650, #111);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3d4650), to(#111));
    background: -o-linear-gradient(top, #3d4650, #111);
    background: linear-gradient(to bottom, #3d4650, #111);
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #171c22;
    width: 64px;
    height: 60px;
    display: inline-table;
    vertical-align: middle;
    margin-right: 0px;
    cursor: pointer;
    position: relative;
}

.page-with-two-sidebar .content .sp_nav_top .width-full .el-row .sp_cat.sportsbtn.sview-result:before {content: unset;}

.lock img {
    width: 110px !Important;
    margin-top: 0 !Important;
    background: linear-gradient(180deg,#080f1b,#525252) !important;
    border: 2px solid #484848 !Important;
    padding: 6px 14px !Important;	
	border-radius: 30px !important;
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	
}


.page-with-two-sidebar .content .sp_nav_top .width-full .el-row {
    width: 100% !important;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;	
}

.page-with-two-sidebar .content .sp_nav_top .width-full .el-row .sp_cat {
    display: inline-block;
    float: unset;
    overflow: hidden;
    text-overflow: unset;
    white-space: break-spaces;
	word-break: normal;
    padding: 0 6px;
    padding-top: 40px;
    height: 80px;
}

/*--.button_sort color--*/
.but_b1{
	background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
	border: 2px solid #2e7de5;
}
.but_b1.on {
    border: 2px solid #fff;
}

.sp_sort_box > div:nth-child(2) > .on{
	border-bottom: 2px solid #2e7de5;
}

.text_cl{
	color: #2e7de5 !important;
}


/*스포츠 리스트 시간 컬러*/
.time_line > div:nth-child(1){
	color: #fff !important;
}



.time_line > div:nth-child(1){
	border-top: 1px solid #262b31;
    background: #1b1b23;
}

.time_line > div:nth-child(2) > div{
    color: #fff !important;
	background-color: #2e7de5 !important;
	border: 1px solid #2e7de5;
	background: #191919 !important;
}
.time_line > div:nth-child(2) > .on{
	background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
}

/*스포츠 배팅 버튼 컬러*/
.sp_btn{
	color: #fff;
    background: #2d353c;
    border-color: #424242 #181818 #232324 #2c3339;
}

.sports_box > .on{
	color: #fff;
    background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
    border-color: #2e7de5;
}
._bonus > .on > button{
	background-image: linear-gradient( 90deg, #2e7de5 0, #0c294e) !important;
	border-color: #2e7de5;
}
._bonus > .on .bs_text{
	color: #fff !important;
}


/*매치리스트*/
.match_tab > .tab_item{
	background-color: #2b343b;
    color: #fff;
    border-bottom: 2px solid #2e7de5;
}

.match_tab > .on{
	background-color: #1b1b23;
    border: 2px solid #2e7de5;
    border-bottom: 0;
}
.tab_item > .item_title{
	border-right: 2px solid #171c22;
}




.market_warp{
	width:100%;
	height: auto;
	padding: 2px 0 2px 2px !important;
}
.market_name{
	width: 100% !important;
	font-size: 10pt !important;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    font-weight: 700;
    padding: 3px 7px 9px;
    height: 29px;
    margin-bottom: 2px;
	cursor: pointer;
    background-color: #21282e;
	border-top: 1px solid #414244;
    border-bottom: 1px solid #000;
}
.market_name > i{
	float: right !important;
	margin-top: 3px !important;
    color: #2e7de5 !important;
}
.market_name > span{
	font-size: 13px !important;
    color: #2e7de5 !important;
}
.way_3{
	width: 33.3%;
    float: left;
    height: 30px;
    line-height: 15px;
    margin-bottom: 2px;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    font-size: 9pt;
    font-family:  "Malgun Gothic", dotum;
	display: inline-block;
    padding: 6px 12px;
	text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	font-weight: 300;
}
.way_2{
	width: 50%;
    float: left;
    height: 30px;
    line-height: 15px;
    margin-bottom: 2px;
	border-style: solid;
    border-width: 1px;
    border-radius: 0;
    font-size: 9pt;
    font-family:  "Malgun Gothic", dotum;
	display: inline-block;
    padding: 6px 12px;
	text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	font-weight: 300;
}
.way_3 > span:nth-child(1){
    float: left;
    text-align: left;
	display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
}
.way_3 > span:nth-child(2){
    float: left;
    text-align: center;
	display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
	font-weight:bold;
margin: 0 10px;	
}
.way_3 > span:nth-child(3){
    float: right;
    text-align: right;
	display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
}
.way_2 > span:nth-child(1){
	width: calc(100% - 115px);
    float: left;
    text-align: left;
	display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
}
.way_2 > span:nth-child(2){
	width: 57px;
    float: left;
    /* text-align: right; */
	display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
	font-weight:bold;
}
.way_2 > span:nth-child(3){
	width: 50px;
    float: right;
    text-align: right;
	display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
}
.way_3 span, .way_2 span, .match_right .way_3 span, .match_right .way_2 span {
    overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}


.spvalue.nosp + span {
   
}



.way_3,.way_2{
	color: #fff;
    background: #2d353c;
    border-color: #424242 #181818 #232324 #2c3339;
	background: linear-gradient(180deg, #2d353c, #222);
}


.match_item .on{
	color: #fff;
    background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
    border-color: #2e7de5;
}




.way_3 > span:nth-child(2){
	color: #dd2222;
}
.way_2 > span:nth-child(2){
	color: #dd2222;
}
.way_2 > span:nth-child(2).spvalue {
    color: #EEC373;
}
.glist > ul{
	color: #fff !important;
}
.home-l > div:nth-child(2),.away-l > div:nth-child(1){
	border: 1px solid #2e7de5;
}

.over-blue2:focus a, .over-blue2:hover a {
    background-image: linear-gradient(90deg, #0c294e 0, #2e7de5) !important;
    border-bottom: 1px solid #2e7de5 !important;
}
.over-blue2 a, .over-blue2 a {
    border-bottom: 1px solid #2e7de5 !important;
}


.sp_league{
	margin-top: 5px;
    cursor: pointer;
    background-color: #000;
    height: 30px;
    color: #fff;
}
.sp_cat{
	width: 63px;
    height: 59px;
    float: left;
    margin-left: 1px;
    cursor: pointer;
}
.sp_cat > div{
	float: right !important;
	font-size: 14px !important;
	padding-left: 5px !important;
	padding-bottom: 2px !important;
	padding-right: 5px !important;
	padding: 0 !important;
	margin: 1px !important;
	font-weight:bold;
    background-color: rgba(0, 0, 0, 0.8);
	color: #2e7de5 !important;
}




/*---------------- asian container ----------------------*/

#ajax-content #asian-container .odds-find {
	text-align:center;
}

#ajax-content #asian-container .match_star:before,
#ajax-content #asian-container .league_star:before {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 15px;
	display: inline-block;
	font-style: normal;
	margin-left: 0;
}

#ajax-content #asian-container .favorite-side .match_star:before {
	margin-left: 0px;
}

#ajax-content #asian-container .favorite {
	color: #ebef02;
}

#ajax-content #asian-container {
	width: 100%;
	height: calc(100% - 60px);
	overflow: auto;
    padding-left: 16px !important;
    padding-right: 16px !important;	
}
#ajax-content #asian-container .league-box {
	width: calc(100% - 20px);
	margin: 5px 10px;
	margin-bottom: 10px;
	background: transparent;
}

#ajax-content #asian-container .league-box table,
#ajax-content #asian-container .league-box table>tbody,
#ajax-content #asian-container .league-box table>tbody>tr,
#ajax-content #asian-container .league-box table>tbody>tr>td,
#ajax-content #asian-container .league-box table>tbody>tr>td>div.odds-container {
    width: 100%;
	font-size:9pt;
	/* float: left;	 */
}
#sports-wrapper #asian-container .league-box table>tbody>tr>td .league ,
#sports-wrapper #wide-container .league-box table>tbody>tr>td .league {
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
}
#ajax-content #asian-container .league-box table>tbody>tr>td .league .menu-flag {
	margin: 2px 0px 0px 0px;
}

#ajax-content #asian-container .league-box table>tbody>tr>td .league .left {
	margin-top: -1px;
	float: left;
}
#sports-wrapper #asian-container .league-box table>tbody>tr>td .league {
    background: #212531;
    border-radius: 3px 3px 0px 0px;
    padding: 5px;
    /* float: left; */
    background: #010101;
}

#ajax-content #asian-container .league-box .round-box {
}

#ajax-content #asian-container .league-box table>tbody>tr .round-box {
    margin-bottom: 5px;
}


#ajax-content #asian-container .league-box .round-box:last-of-type:hover {
	
}

#ajax-content #asian-container .league-box .round-box p {
	margin: 0;
	padding-left: 10px;
	float: left;
}

#ajax-content #asian-container #detail-container .match-oddslist .round-box > p {
	width: calc(50% - 5px);
}
#ajax-content #asian-container #detail-container .match-oddslist .round-box .spvalue {
	width: 80px;
}
#ajax-content #asian-container #detail-container .match-oddslist .round-box .spvalue i.arrow.down {
	margin: 0;
}
#ajax-content #asian-container #detail-container .match-oddslist .round-box .odds {
	margin-left: auto;
}

#ajax-content #asian-container .league-box .round-box.away-side .odds {
	float: left;
	padding-left: 10px;
}

#ajax-content #asian-container .league-box .round-box.away-side .snip {
	float: right;
	text-align: right;
	padding-right: 10px;
}


#ajax-content #asian-container .league-box .round-box.mid-side .odds ,
#ajax-content #asian-container .league-box .round-box.mid-side .spvalue {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
    margin-left: 0px;
}

#ajax-content #asian-container .league-box .round-box .odds {
	float: right;
	padding-right: 10px;
    padding-left: 10px;	
}

#ajax-content #asian-container .league-box .round-box .spvalue {
    margin-right: 15px;
    margin-left: 8px;
}

#ajax-content #asian-container .league-box .bet-side ,
#ajax-content #asian-container .league-box .mid-side ,
#ajax-content #asian-container #match-detail #detail-container .detail-odds .match-oddslist .round-box.bet-side2,
#ajax-content #asian-container #match-detail #detail-container .detail-odds .match-oddslist .round-box.bet-side {
    color: #fff;
    background: #2d353c;
    border: 1px solid #000000;
    height: 38px;
    line-height: 38px;
    border-radius: 3px;
    background: -webkit-linear-gradient(180deg, #2D353C, #222);
    background: -moz-linear-gradient(180deg, #2D353C, #222);
    background: -ms-linear-gradient(180deg, #2D353C, #222);
    background: -o-linear-gradient(180deg, #2D353C, #222);
    background: linear-gradient(180deg, #2D353C, #222);
	font-weight: 700;
    font-size: 14px;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_info-mid {
    width: calc(100% - 0px);
    display: inline-table;
    margin-top: 4px;
    display: flex;
    align-items: center;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_info01:before {
    font-family: 'FontAwesome';
    content: "\f133";
    display: inline-block;
    padding-right: 4px;
    color: #ffffff;
    display: block;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .one-row {
    display: inline-block;
    font-size: 15px;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_info02-home {
    text-align: left;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_info02-away {
    text-align: left;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .mutiple_box {
    width: calc(100% - 0px);
    display: inline-block;
    margin: 0;
    float: left;
    color:var( --swiper-theme-color);
    text-align: left;
    margin-left: 5px;
    background: #010100;
    border-radius: 4px;
    border: 2px solid #212631;
    border: 1px solid #222733;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1e2428;
    padding: 5px 7px;
	line-height:57px;
}




#ajax-content #asian-container .league-box .date-side {
	width: 90px;
	text-align: center;
	color: #d7d7d7;
	background: #1e2428;
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#ajax-content #asian-container .league-box .favorite-side {
	width: 30px;
	text-align: center;
	color: #d7d7d7;
	background: #1e2428;
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#ajax-content #asian-container .league-box .count-side {
	width: 90px;
	text-align: center;
}

#ajax-content #asian-container .league-box .mid-side .odds ,
#ajax-content #asian-container .league-box .mid-side .spvalue {
    float: unset;
    display: block;
    text-align: center;
}
#ajax-content #asian-container .league-box .row-wideView {
    border-radius: 0;
    background: #181818;
    box-shadow: unset;
    margin-bottom: 0;
    display: inline-table;
    border: solid #20242f;
    border-width: 3px 3px 3px 3px;
    position: relative;
}
#ajax-content #asian-container .league-box .row-wideView .asian_table {
    float: left;
    width: calc(100% - 67px);
    box-sizing: border-box;
    display: table;
}
#ajax-content #asian-container .league-box .row-wideView .first-row {
    width: calc(100% - 72px);
    text-align: left;
    font-size: 9pt;
    display:table;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_info01 {
    width: 50px;
    text-align: center;
    color: #ffffff;
    float: right;
    height: 72px;
    background: #565656;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid;
    border: 1px solid #222733;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1e2428;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_info02-vs {
    font-weight: 600;
    color: #ffffff;
	
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_star {font-size: 19px;display: inline-block;width: 50px;text-align: center;color: #ffffff;float: right;height: 72px;padding: 5px;line-height: 50px;margin-right: 7px;border: 1px solid #222733;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #1e2428;margin-left: 6px;}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_star.favorite {
	color: #ebef02;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_star::before {
    font-size: unset;
	display: unset;	
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_star:hover::before ,
.league_star:hover::before {
    color: #FFEB3B;
    transform: translateY(-3px);
}
#ajax-content #asian-container .league-box .row-wideView .first-row .match_star ,
.league_star {
	cursor:pointer;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .count-side {
    width: 67px;
    height: 100%;
    line-height: 29px;
    text-align: center;
    background: unset;
    color: var( --swiper-theme-color);
    border: 1px solid;
    border-color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #1a1b1d;
    border-radius: 0;
    box-shadow: unset;
    margin-top: 0;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-image: linear-gradient(90deg, #191919, #191919) !important;
    border: 1px solid #222733;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .count-side:hover,
#ajax-content #wide-container .league-box .round-box.count-side.left._detail_wide:hover,
#ajax-content #asian-container .league-box .row-wideView .first-row .count-side.active,
#ajax-content #wide-container .league-box .round-box.count-side.left._detail_wide.active
{
    background: #1a2332;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background: #006dcc;
	-webkit-box-shadow: inset 0 0 18px rgba(255,255,255,.56);
	-moz-box-shadow: inset 0 0 18px rgba(255,255,255,.56);
	box-shadow: inset 0 0 18px rgba(255,255,255,.56);
	background-image: -webkit-linear-gradient(right, #b48132, #fae0af 30%, #d7b676 50%, #f8fbc0 72%, #b4812e);
	background-image: -moz-linear-gradient(right, #b48132, #fae0af 30%, #d7b676 50%, #f8fbc0 72%, #b4812e);
	background-image: -o-linear-gradient(right, #b48132, #fae0af 30%, #d7b676 50%, #f8fbc0 72%, #b4812e);
	background-image: -ms-linear-gradient(right, #b48132, #fae0af 30%, #d7b676 50%, #f8fbc0 72%, #b4812e);
	background-image: linear-gradient(to bottom, #b48132, #fae0af 30%, #d7b676 50%, #f8fbc0 72%, #b4812e) !important;
    color: #000;
    font-weight: bolder;
}
#ajax-content #asian-container .league-box .row-wideView .first-row .count-side:hover {
    background: #272a2c;
    background: -webkit-linear-gradient(180deg, #575f68, #5c6c78);
    background: -moz-linear-gradient(180deg, #575f68, #5c6c78);
    background: -ms-linear-gradient(180deg, #575f68, #5c6c78);
    background: -o-linear-gradient(180deg, #575f68, #5c6c78);
    background: linear-gradient(180deg, #575f68, #5c6c78);
}
#ajax-content #sports-container .league-box .bonusodds ,
#ajax-content #asian-container .league-box .bonusodds ,
#ajax-content #wide-container .league-box .bonusodds {
	cursor: pointer;	
}
#ajax-content #sports-container .league-box .bonusodds:hover, 
#ajax-content #sports-container .league-box .bonusodds:focus, 
#ajax-content #sports-container .league-box .bonusodds:active ,
#ajax-content #asian-container .league-box .bonusodds:hover, 
#ajax-content #asian-container .league-box .bonusodds:focus, 
#ajax-content #asian-container .league-box .bonusodds:active ,
#ajax-content #wide-container .league-box .bonusodds:hover, 
#ajax-content #wide-container.league-box .bonusodds:focus, 
#ajax-content #wide-container .league-box .bonusodds:active ,
#ajax-content #wide-container .league-box .bonusodds:last-of-type:hover, 
#ajax-content #wide-container.league-box .bonusodds:last-of-type:focus, 
#ajax-content #wide-container .league-box .bonusodds:last-of-type:active {	
    box-shadow: inset 0 0 1px 1px #FF9800;
    color: #ffff;
}
#ajax-content #wide-container .league-box .bonusodds:last-of-type {
	
}

#ajax-content #sports-container .league-box .bonusodds.selected ,
#ajax-content #asian-container .league-box .bonusodds.selected ,
#ajax-content #wide-container .league-box .bonusodds.selected {
	background: linear-gradient(180deg, #088BDC, #1a3d60)
}

#asian-container .league-name div.league i {
	background: url(/image/icon/icon_menu_sports_left_new2.png?v=007) no-repeat top left;
    width: 20px;
    height: 22px;
    margin: 3px 3px 4px 0;
}


/*---------------- asian detail--------------------------*/
#ajax-content #asian-container #match-detail {
	background: #070502;
	height: auto;
	overflow: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

#ajax-content #asian-container #match-detail #detail-header {
	background: linear-gradient(180deg, #141c29, #0B1423);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 100%;
	width: calc(100% - 20px);
	line-height: normal;
	margin: 0 auto;
	margin-bottom: 10px;
	overflow: hidden;
	background-image: -webkit-linear-gradient(right, #000, #a9403c 53%, #3f6cb5);
	background-image: -moz-linear-gradient(right, #000, #a9403c 53%, #3f6cb5);
	background-image: -o-linear-gradient(right, #000, #a9403c 53%, #3f6cb5);
	background-image: -ms-linear-gradient(right, #000, #a9403c 53%, #3f6cb5);
	background-image: linear-gradient(to left, #a9403c, #000000 53%, #3f6cb5);
}

#ajax-content #asian-container #match-detail #detail-header .detail-home,
#ajax-content #asian-container #match-detail #detail-header .detail-away {
	font-size: 23px;
	line-height: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bolder;
	text-shadow: 1px 1px 1px #afafaf;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
	align-items: center;
}

#ajax-content #asian-container #match-detail #detail-header .detail-vs {
    font-family:fantasy;
    font-weight: bold;
    font-size: 0;
    text-shadow: unset;
    color: #ffffff;
    background: #0000 url(/image/asset/gold-vursus.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: initial;
    mix-blend-mode: lighten;
}

#ajax-content #asian-container #detail-header .name-header>div {
	width: 33.3%;
	text-align: center;
}
#ajax-content #asian-container #detail-header .name-header .prematch-event-block {
    width: calc(100% - 6px);
    overflow: hidden;
    border-top: 2px solid #000000;
    background: -webkit-linear-gradient(180deg, #35353F, #161622);
    background: -moz-linear-gradient(180deg, #35353F, #161622);
    background: -ms-linear-gradient(180deg, #35353F, #161622);
    background: -o-linear-gradient(180deg, #35353F, #161622);
    background: linear-gradient(180deg, #161622 , #35353F) ;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, 0.63);
    padding-right: 2px !important;
    padding-left: 2px !important;
    border-radius: 2px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;display: flex;
}
#ajax-content #asian-container #detail-header .name-header .prematch-event-block .detail-home ,
#ajax-content #asian-container #detail-header .name-header .prematch-event-block .detail-away ,
#ajax-content #asian-container #detail-header .name-header .prematch-event-block .detail-vs  {
	height:unset;
	background: unset;
}
#ajax-content #asian-container #detail-header .name-header .prematch-event-block .detail-home, #ajax-content #asian-container #detail-header .name-header .prematch-event-block .detail-away {
	padding: 10px 17px;
    word-break: keep-all;
	width: 40%;
}

#ajax-content #asian-container #detail-header .name-header .prematch-event-block .detail-home img, #ajax-content #asian-container #detail-header .name-header .prematch-event-block .detail-away  img{
    height: 60px;
}




#ajax-content #asian-container #detail-header .name-header .detail-home ,
#ajax-content #asian-container #detail-header .name-header .detail-away ,
#ajax-content #asian-container #detail-header .name-header .detail-vs {
    height: 107px;
    color: white;
    border-right: 0;
    border-left: 0;
    box-sizing: border-box;
    font-size: 18px;
    background: unset;
}
#ajax-content #asian-container #detail-header .name-header img.home_logo ,
#ajax-content #asian-container #detail-header .name-header img.away_logo ,
#ajax-content #asian-container #detail-header .name-header .detail-vs {
	vertical-align: middle;
}
#ajax-content #asian-container #detail-header .name-header .detail-away span {
    width: 50%;
    float: right;
}
#ajax-content #asian-container #detail-header .name-header .detail-home, #ajax-content #asian-container #detail-header .name-header .detail-away {
	padding: 0px 17px;
    word-break: keep-all;
	width: 40%;
}
#ajax-content #asian-container #detail-header .name-header .detail-home span {
    width: 50%;
    float: left;
}
#ajax-content #asian-container #detail-header .name-header img.home_logo ,
#ajax-content #asian-container #detail-header .name-header img.away_logo {
    font-size: 15px;
    color: white;	
	margin:0 7px;
}
#ajax-content #asian-container #detail-header .name-header .detail-vs {
    font-size: 38px;
    color: #FF5722;
    -webkit-text-stroke-width: unset;
    -webkit-text-stroke-color: unset;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-family: fantasy;
    width: 20%;
}
#ajax-content #asian-container #match-detail #detail-container {
	width: calc(100% - 20px);
	margin: 0 10px;
	height: 100%;
	overflow: auto;
	background: #0B1423;
	background-image: -webkit-linear-gradient(right, #000, #3d3d3d 53%, #000);
	background-image: -moz-linear-gradient(right, #000, #3d3d3d 53%, #000);
	background-image: -o-linear-gradient(right, #000, #3d3d3d 53%, #000);
	background-image: -ms-linear-gradient(right, #000, #3d3d3d 53%, #000);
	background-image: linear-gradient(to left, #000, #3d3d3d 53%, #000);
	border-bottom: 2px solid var( --swiper-theme-color);
	padding-bottom: 20px;
}

#ajax-content #asian-container #match-detail #detail-container .detail-odds {
	width: calc(100% - 0px);
	margin: 0 auto;
	font-size: 15px;
	color: white;
	height: 100%;
	overflow: auto;
}

#ajax-content #asian-container #match-detail #detail-container .detail-odds .match-oddslist .round-box.bet-side2,
#ajax-content #asian-container #match-detail #detail-container .detail-odds .match-oddslist .round-box.bet-side {
	display: flex;
    /* justify-content: space-between; */
	color: unset;
	background: #2d353c;
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 9pt;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background: -moz-linear-gradient(180deg, #2D353C, #222);
	background: -ms-linear-gradient(180deg, #2D353C, #222);
	background: -o-linear-gradient(180deg, #2D353C, #222);
	background: linear-gradient(180deg, #2D353C, #222);
}
.bet-odds .odds-container .round-box:hover {
    box-shadow: unset !important;
}
.spvalue ,
.match_betView .spvalue ,
#ajax-content #asian-container #match-detail #detail-container .detail-odds .spvalue {
	color: var(--swiper-spvalue-color);
	display: inline-block;
}

#ajax-content #asian-container #match-detail #detail-container .detail-odds p.handi {
	width: 50%;
}

#ajax-content #asian-container #match-detail #detail-container .detail-odds .bet-side {
	width: 33.3%;
	margin-bottom: 2px;
}

#ajax-content #asian-container #match-detail #detail-container .detail-odds .bet-side2 {
	width: 50%;
	margin-bottom: 2px;
}

#ajax-content #asian-container #match-detail #detail-container .detail-frame {
	width: calc(45% - 10px);
	margin: 0 5px;
	float: left;
	height: 100%;
	overflow: auto
}
#ajax-content #asian-container #wide-container .odds-find {
	text-align:center;
}

#ajax-content #asian-container .odds-find {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, 0.63);
	padding-right: 2px !important;
	padding-left: 2px !important;
	border-radius: 2px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #2b343b !important;
	border-left: 0px;
	margin-bottom: 9px;
	height: 100%;
	border-bottom: 2px solid var( --swiper-theme-color) !important;
}

#ajax-content #asian-container .odds-find .menu_arrow-left {
	float: left;
	color: #333231;
	font-weight: bold;
	cursor: pointer;
	font-family: Arial, Helvetica;
	right: 0;
	border: none;
	padding: 0;
	border-radius: 20px;
	margin: 5px;
	font-size: 0px;
	background: transparent;
}

#ajax-content #asian-container .odds-find .menu_arrow-right {
	float: right;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	font-family: Arial, Helvetica;
	right: 0;
	border: none;
	padding: 0;
	border-radius: 20px;
	margin: 5px;
	font-size: 0px;
	background: transparent;
	
}

#ajax-content #asian-container .odds-find .menu_arrow-right:before {
	color: #9d9da2;
	padding: 3px;
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 18px;
	display: inline-block;
}

#ajax-content #asian-container .odds-find .menu_arrow-left:before {
	color: #9d9da2;
	padding: 3px;
	content: "\f137";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 18px;
	display: inline-block;
}


#ajax-content #asian-container .odds-find #odds_search {
	overflow-x: auto;
	white-space: nowrap;
	overflow-y: hidden;
	
}
#content #main-content #sports-container .odds-find #odds_search > div:first-child {
    border-left: 0;
}
#ajax-content #asian-container .odds-find .time_search,
#ajax-content #asian-container .odds-find .odds_search {
	display: inline-block;
	padding: 15px 22px;
	font-size: 14px;
	color: #ffffff;
	line-height: normal;
	cursor: pointer;
	margin-left: 0;
	left: 0;
	transition: 100ms;
}

#ajax-content #asian-container .odds-find .time_search:hover,
#ajax-content #asian-container .odds-find .odds_search:hover {
	background: #35353F;
	background: -moz-linear-gradient(180deg, #161622, #35353F);
	background: -ms-linear-gradient(180deg, #161622, #35353F);
	background: -o-linear-gradient(180deg, #161622, #35353F);
	background: linear-gradient(180deg, #161622, #35353F);
}

#ajax-content #asian-container .odds-find #lv_odds_search {
	overflow-x: auto;
	white-space: nowrap;
	overflow-y: hidden;
	
}

#ajax-content #asian-container .odds-find .lv_odds_search {
	display: inline-block;
	padding: 9px 22px;
	font-size: 14px;
	color: #d4ebff;
	line-height: 19px;
	border-right: 1px outset #000000;
	cursor: pointer;
	margin-left: -3px;
}

#ajax-content #asian-container .odds-find .lv_odds_search:hover {
	background: linear-gradient(180deg, #45505a, #292929);
}





.arrow.down {
    color: red;
    
	
}
.arrow.down:before ,
.arrow.up:before {
	margin: 0 5px;
}
.arrow.down:before {
    animation-name: fading-down;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    /* position: absolute; */
    /* right: 4px; */
    /* top: -17px; */
	
	
}
.way_2 > span:nth-child(2) .arrow {
    float: left;
}
.way_2 > span:nth-child(2) .arrow.ai_down {
    float: right;
}


#ajax-content #asian-container #match-detail #detail-container .arrow.down:before {
    right: -17px;
    top: 6px;
}
.arrow.up {
    color: limegreen;
    
}

.arrow.up:before ,
#ajax-content #asian-container #match-detail #detail-container .arrow.up:before {
    animation-name: fading-up;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    /* position: absolute; */
    /* right: 2px; */
    /* top: -4px; */
	margin: 0 5px;
	
}


#ajax-content #asian-container #sports-wrapper #board-container .board-container .speech-bubble table.bl-container tbody>tr.view_bet .match-odds.bet-odds .type-name span {
	font-size: 12px;
	color: aliceblue;
	font-weight: 300;
}



@keyframes fading-down {
    from {opacity: 0; transform: translateY(0px);}
    to {opacity: 100%; transform: translateY(7px);}
}

@keyframes fading-up {
	from {opacity: 0; transform: translateY(0px);}
    to {opacity: 100%; transform: translateY(-7px);}
}



@keyframes bounce {
	50% {
		transform: translateY(-7px);
	}
}
/*---------------- end asian container ------------------*/



.match-oddslist {
    background: #121619;
}
.match-oddslist thead > tr {
    background-color: #21282e;
    border-top: 1px solid #414244;
    border-bottom: 1px solid #000;
}
.bet-side,
.bet-side2 {
    color: #fff;
    background: #2d353c;
    border-color: #424242 #181818 #232324 #2c3339;
    background: linear-gradient(180deg, #2d353c, #222);
}
.lv_odds_search {
    background-color: #2b343b;
    color: #fff;
    border-bottom: 2px solid #2e7de5;
}




/*live*/

.live_odds-list .match-oddslist {
  text-align: center;
  clear: both;
  width: 100%;
  padding: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.live_odds-list .match-oddslist thead > tr {
  width: 100% !important;
  font-size: 10pt !important;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  font-weight: 700;
  padding: 3px 7px 9px;
  height: 29px;
  margin-bottom: 2px;
  cursor: pointer;
}
.live_odds-list .bet-side {
  width: 33.3%;
  float: left;
  height: 30px;
  line-height: 15px;
  margin-bottom: 2px;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  font-size: 9pt;
  font-family: "Malgun Gothic", dotum;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  font-weight: 300;
}
.live_odds-list .bet-side2 {
  width: 50%;
  float: left;
  height: 30px;
  line-height: 15px;
  margin-bottom: 2px;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  font-size: 9pt;
  font-family: "Malgun Gothic", dotum;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  font-weight: 300;
}
.live_odds-list .bet-side > span:nth-child(1) {
  width: calc(100% - 100px);
  float: left;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
}
.live_odds-list .bet-side > span:nth-child(2) {
  width: 50px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
  font-weight: bold;
}
.live_odds-list .bet-side > span:nth-child(3) {
  width: 50px;
  float: right;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
}
.live_odds-list .bet-side2 > span:nth-child(1) {
  width: calc(100% - 120px);
  float: left;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
}
.live_odds-list .bet-side2 > span:nth-child(2) {
  width: 70px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
  font-weight: bold;
}
.live_odds-list .bet-side2 > span:nth-child(3) {
  width: 50px;
  float: right;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  overflow-x: hidden;
}

.live_odds-list .odds-find {
  width: 100% !important;
  padding: 16px !important;
  margin: 0 !important;
  float: left;
  position: relative;
  min-height: 1px;
}

.live_odds-list .bet-side2 > span:nth-child(2).nosp, .live_odds-list .bet-side > span:nth-child(2).nosp , .way_2 > span:nth-child(2).nosp, .bet-side > span:nth-child(2).nosp{
    float:right;text-align: right;
}

#lv_odds_search {
  display: flex;
  padding: 0 !important;
  margin-bottom: 9px !important;
  width: 100%;
}
.lv_odds_search > .lv_odds_search {
  display: flex;
  padding: 0 !important;
  margin-bottom: 9px !important;
  width: 100%;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  flex: 1;
}
.lv_odds_search {
  border-left: 0px;
  padding: 9px 0;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  flex: 1;
}
.match-odds {
  width: 100% !important;
  padding: 0px 16px !important;
  margin: 0 !important;
  float: left;
  position: relative;
  min-height: 1px;
}
.type-name {
  /* width: 100% !important; */
  /* font-size: 10pt !important; */
  /* text-align: left; */
  /* vertical-align: middle; */
  /* width: 100%; */
  /* font-weight: 700; */
  /* padding: 3px 7px 9px; */
  /* height: 29px; */
  /* margin-bottom: 2px; */
  /* cursor: pointer;	 */
  /* color: #2e7de5 !important; */
}

.live_wrap{
	background: #111;
	margin-bottom: 30px;
	margin-left: 0!important;
	margin-right: 0!important;
	margin: 0 -10px;
	
}
.live_wrap .view_page {
	height: calc(100vh - 208px);
	width: calc(50% - 10px);
	overflow: auto;
	margin: 0 5px !important;
	scrollbar-width: none;
}

.live_wrap #leftbox_out {
	
}



.live_a{
	width: 100%;
	display: inline-block !important;
	padding:16px 16px 0 16px;
	
}
.live_b{
	position: relative;
	padding: 2px !important;
	margin-bottom: 3px !important;
	width: 100%;
	float: left;
	min-height: 1px;
}
.live_t{
	width:100% !important;
	display: inline-block !important;
}
.live_time{
	text-align: left;
    color: #fff;
	float: left !important;
	font-size: 12px !important;
	background: #2e7de5;
	padding: 4px 15px 2px 4px;
    border-top-right-radius: 25px;
}
.live_btn{
    color: #fff !important;
	background-color: #2e7de5 !important;
	-webkit-border-radius: 0 !important;
	width: 130px;
	border: 1px solid #2e7de5;
	background: #191919 !important;
	float: right !important;
	text-align: center !important;
	font-size: 13px !important;
	padding: 2px !important;
}
.live_btn:hover,.live_btn  .on{
	background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
}
.live_box{
	width: 100%;
    height: 40px;
    padding: 0;
}
.live_home{
	float: left;
    height: 35px;
    line-height: 20px;
    width: calc(50% - 40px);
}
.live_vs{
	float: left;
    height: 35px;
    padding: 3px;
    margin: 0 1px 0 1px !important;
	width: 78px;
}
.live_away{
	float: left;
    height: 35px;
    line-height: 20px;
    width: calc(50% - 40px);
	display: flex;
	overflow: hidden;
	text-align: center;
    vertical-align: middle;
	margin:0 !important;
}
.live_home,.live_vs,.live_away{
	color: #fff;
    background: #2d353c;
    border-color: #424242 #181818 #232324 #2c3339;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    font-size: 9pt;
    font-family:  "Malgun Gothic", dotum;
    background: linear-gradient(180deg, #2d353c, #222);
	display: flex;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    float: left;
}

.live_home:hover,.live_vs:hover,.live_away:hover{
	background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
	color:#fff !important;
}
.l_sel{
	background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
	color:#fff !important;
	border: 0px solid #000;
}
.live_board{
	background-color: rgba(0,0,0,0.3);
	padding-top: 0 !important;
	margin-bottom: 1px !important;
	padding: 0;
}
.live_prv{
	display: inline-block !important;
	width: 100% !important;
	padding-left: 16px;
	padding-right: 16px;
}


.prv_a{
	height: 70px;
	position: relative;
	padding: 2px !important;
	margin-bottom: 0px !important;
	margin-top: 22px !important;
}
.prv_b{
	height: 92px;
    align-items: center;	
	justify-content: center;
	padding: 0 !important;
	position: relative;
    display: inline-block;
    vertical-align: middle;
}
.prv_c{
	color: #fff !important;
	display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    overflow: hidden;
	width: 100%;
    padding: 0;
    margin: 0;
    height: 24px;
	height: 60px !important;
	text-align: center !important;
	font-size: 12px !important;
}
.prc_home{
	flex-direction: column;
	display: flex;
    align-items: center;
	justify-content: center;
	height: 60px !important;
	width: 33.33333%;
	float: left;
    box-sizing: border-box;
}
.prc_home > div{
	margin-bottom: 3px !important;
	box-sizing: border-box;
}
.prc_home > div:nth-child(2){
	margin-bottom: 0 !important;
}
.prc_vs{
	width: 33.33333%;
	float: left;
    box-sizing: border-box;
}
.prc_vs > div{
    box-sizing: border-box;
}
.prc_vs > div:nth-child(1){
	color: #2e7de5 !important;
}
.prc_vs > div:nth-child(2){
	font-weight: 700 !important;
	font-size: 20px !important;
	text-align: center !important;
}

.prc_away{
	flex-direction: column;
	display: flex;
    align-items: center;
	justify-content: center;
	height: 60px !important;
	width: 33.33333%;
	float: left;
    box-sizing: border-box;
}
.btn_b1{
	background-image: linear-gradient(90deg, #0c294e 0, #2e7de5) !important;
	border:1px solid #0c294e;
}
.btn_b1:hover{
    background-image: linear-gradient(180deg, #0c294e 0, #2e7de5 20%, #2e7de5 50%, #2e7de5 80%, #0c294e) !important;
    border: 1px solid #0c294e;
    color: #fff;
}
.prc_away > div{
	margin-bottom: 3px !important;
	box-sizing: border-box;
}
.prc_away > div:nth-child(2){
	margin-bottom: 0 !important;
}

.prc_home:before,.prc_home > div:before,
.prc_vs:before,.prc_vs > div:before,
.prc_away:before,.prc_away > div:before{
	display: table;
	content: "";
}
.prc_home:after,.prc_home > div:after,
.prc_vs:after,.prc_vs > div:after,
.prc_away:after,.prc_away > div:after{
	display: table;
	content: "";
	clear: both;
}





.prv_bg{
	background-color: rgb(93 70 100 / 20%);
}

.sp_b1{background-image: url(/image/Sports/Type/al.svg?v=3);}
.sp_b2{background-image: url(/image/Sports/Type/soccer.svg?v=3);}
.sp_b3{background-image: url(/image/Sports/Type/basket.svg?v=3);}
.sp_b4{background-image: url(/image/Sports/Type/base.svg?v=3);}
.sp_b5{background-image: url(/image/Sports/Type/volly.svg?v=3);}
.sp_b6{background-image: url(/image/Sports/Type/hockey.svg?v=3);}
.sp_b7{background-image: url(/image/Sports/Type/hball.svg?v=3);}
.sp_b8{background-image: url(/image/Sports/Type/football.svg?v=3);}
.sp_b9{background-image: url(/image/Sports/Type/tennis.svg?v=3);}
.sp_b10{background-image: url(/image/Sports/Type/egame.svg?v=3);}
.sp_b11{background-image: url(/image/Sports/Type/mma.svg?v=3);}

.sp_b1.on, .sp_b1:hover{background-color:#dd2222;}
.sp_b2.on, .sp_b2:hover{background-color:#dd2222;}
.sp_b3.on, .sp_b3:hover{background-color:#dd2222;}
.sp_b4.on, .sp_b4:hover{background-color:#dd2222;}
.sp_b5.on, .sp_b5:hover{background-color:#dd2222;}
.sp_b6.on, .sp_b6:hover{background-color:#dd2222;}
.sp_b7.on, .sp_b7:hover{background-color:#dd2222;}
.sp_b8.on, .sp_b8:hover{background-color:#dd2222;}
.sp_b9.on, .sp_b9:hover{background-color:#dd2222;}
.sp_b10.on, .sp_b10:hover{background-color:#dd2222;}
.sp_b11.on, .sp_b11:hover{background-color:#dd2222;}




.sports_box{
	width: 100%;
    height: 40px;
    padding: 2px;
	padding-left: 16px;
	padding-right: 16px;
	float: left;
	position: relative;
    min-height: 1px;
}
.sp_btn{
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    font-size: 9pt;
    font-family:  "Malgun Gothic", dotum;
	padding: 6px 12px;
	cursor:pointer;
}
.glist{
	width: 100% !important;
	padding-top: 3px !important;
	padding: 0 !important;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	float: left;
	min-height: 1px;
}
.glist > ul{
	--tw-text-opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow-x: hidden;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 52px !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	padding-top: 10px !important;
	margin-bottom: 9px !important;
	float: left;
	position: relative;
	min-height: 1px;
}
.home-l{
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	float: left;
	width: 40% !important;
	float: left;
	margin-right: 10px !important;
}
.home-l > div:nth-child(1){
	width: calc(100% - 85px);
	flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
	line-height: 35px;
	float: left !important;
	padding: 0 !important;
	margin-left: 20px !important;
}
.home-l > div:nth-child(2){
	line-height: 35px;
	float: right !important;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	margin-left: 20px !important;
}
.vs-l{
	display: flex;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	float: left;
	width: 20% !important;
	float: left;
    height: 35px;
    padding:4px;
	align-items: center;
	justify-content: center;
	padding-top: 5px !important;
}
.away-l{
	display: flex;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	float: left;
	width: 40% !important;
	float: left;
	margin-left: 10px !important;
}
.away-l > div:nth-child(2){
	width: calc(100% - 85px);
	flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
	line-height: 35px;
	float: right !important;
	padding: 0 !important;
	margin-left: 20px !important;
}
.away-l > div:nth-child(1){
	line-height: 35px;
	float: left !important;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	margin-right: 20px !important;
}
.home-t {
	width: calc(50% - 39px);
	float: left;
    height: 35px;
    line-height: 20px;
}
.home-t > span:nth-child(1){
	width: calc(100% - 70px);
    float: left;
    text-align: left;
	display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.home-t > span:nth-child(2){
	width: 70px;
    float: right;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
}
.home-t > span:nth-child(2) > img{
	margin-top: -2px;
	margin-right: 5px !important;
}
.home-t,
.vs-t {
	display: flex;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	float: left;
}
.vs-t {
	width: 78px;
	float: left;
    height: 35px;
    padding:4px;
}
.vs-t > span{
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
    padding: 0;
    margin: 0;
    height: 24px;
	float: left;
	position: relative;
    min-height: 1px;
}
.vs-t-agero {
	display: table-cell;
	min-width: 73px;
	width: 6%;
	overflow-x: hidden;
}
.away-t,
.vs-t-agero {
	text-align: center;
	vertical-align: middle;
}
.away-t {
	display: flex;
	width: calc(50% - 39px);
	overflow: hidden;
	float: left;
    height: 35px;
    line-height: 20px;
}
.away-t > span:nth-child(1){
	width: 70px;
    float: left;
    text-align: left;
	display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.away-t > span:nth-child(1) > img{
	margin-top: -2px;
	margin-left: 5px !important;
}
.away-t > span:nth-child(2){
	width: calc(100% - 70px);
    float: right;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
















/*result*/



.sp_nav_top .result_date {
    line-height: 63px;
    display: inline-flex;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 61%);
    cursor: pointer;
    background: linear-gradient(180deg, #423c4d, #342f3e);
    height: 63px;
    border: 2px solid #171c22;
    border-radius: 3px;
    font-size: 15px;
	width:auto;
}

.sp_nav_top .result_date .sview-result:hover {
	background: #1f262f;
}

.sp_nav_top .result_date>div {
	padding: 0 5px;
	border-bottom: 2px solid #8843f2;
}

.sp_nav_top .result_date .sview-result.active  {
	color: #f9f9f9;
	background: #000;
    background-color: #1e1e2a;
	border: 2px solid #8843f2;
	border-bottom: 0;
}

.sp_nav_top .result_date .sview-result {
	color: #f9f9f9;
}




.result-container .league-name {
    height: 34px;
    line-height: 20px;
    text-align: -webkit-center;
    text-align: center;
    background: #0f1317;
    color: #ffffff;
    font-size: 16px;
}

.result-container .result-name {
	border: 1px solid #000000;
	height: 29px;
	line-height: 29px;
	text-align: center;
	background: #23292e;
	cursor: pointer;
	color: #d4d4dc;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	padding: 9px 10px 10px 10px;
}

td.result-name .result-time,
td.result-name .result-team,
td.result-name .result-score {
	white-space: normal;
	word-break: break-word;
}
.result-score {
	background-color: #ff6300;
	padding: 5px 10px 8px;
	border-radius: 3px;
	width: 56px;
	float: left;
}


.result-container {
    width: 100%;
}

.result-container .result-name strong {
	color: #ffffff;
    font-weight: 500;
    padding: 0 9px;
}

.result-container .result-time {
	float: left;
	width: 55px;
	padding-left: 0px;
}

.result-container .result-team {
	float: left;
	width: calc(100% - 138px);
}

.result-container .result-score {
	float: right;
	width:80px;
	
}





/*flag*/

.menu-flag { 
	background: url('/image/sports/flags/menu-flag.png?v=005') no-repeat top left; width: 23px;
    height: 15px;
    margin: 7px 3px 5.5px 3px;
    float: left; 
} 
.menu-flag.flag-000 { background-position: 0 0; } 
.menu-flag.flag-ABW { background-position: 0 -25px; } 
.menu-flag.flag-AFG { background-position: 0 -50px; } 
.menu-flag.flag-AIA { background-position: 0 -75px; } 
.menu-flag.flag-ALA { background-position: 0 -100px; } 
.menu-flag.flag-ALB { background-position: 0 -125px; } 
.menu-flag.flag-AND { background-position: 0 -150px; } 
.menu-flag.flag-ANG { background-position: 0 -175px; } 
.menu-flag.flag-ARE { background-position: 0 -200px; } 
.menu-flag.flag-ARG { background-position: 0 -225px; } 
.menu-flag.flag-ARM { background-position: 0 -250px; } 
.menu-flag.flag-ASM { background-position: 0 -275px; } 
.menu-flag.flag-ATA { background-position: 0 -300px; } 
.menu-flag.flag-ATF { background-position: 0 -325px; } 
.menu-flag.flag-ATG { background-position: 0 -350px; } 
.menu-flag.flag-AUS { background-position: 0 -375px; } 
.menu-flag.flag-AUT { background-position: 0 -400px; } 
.menu-flag.flag-AZE { background-position: 0 -425px; } 
.menu-flag.flag-BDI { background-position: 0 -450px; } 
.menu-flag.flag-BEL { background-position: 0 -475px; } 
.menu-flag.flag-BEN { background-position: 0 -500px; } 
.menu-flag.flag-BES { background-position: 0 -525px; } 
.menu-flag.flag-BFA { background-position: 0 -550px; } 
.menu-flag.flag-BGD { background-position: 0 -575px; } 
.menu-flag.flag-BGR { background-position: 0 -600px; } 
.menu-flag.flag-BHR { background-position: 0 -625px; } 
.menu-flag.flag-BHS { background-position: 0 -650px; } 
.menu-flag.flag-BIH { background-position: 0 -675px; } 
.menu-flag.flag-BLM { background-position: 0 -700px; } 
.menu-flag.flag-BLR { background-position: 0 -725px; } 
.menu-flag.flag-BLZ { background-position: 0 -750px; } 
.menu-flag.flag-BMU { background-position: 0 -775px; } 
.menu-flag.flag-BOL { background-position: 0 -800px; } 
.menu-flag.flag-BRA { background-position: 0 -825px; } 
.menu-flag.flag-BRB { background-position: 0 -850px; } 
.menu-flag.flag-BRN { background-position: 0 -875px; } 
.menu-flag.flag-BTN { background-position: 0 -900px; } 
.menu-flag.flag-BVT { background-position: 0 -925px; } 
.menu-flag.flag-BWA { background-position: 0 -950px; } 
.menu-flag.flag-CAF { background-position: 0 -975px; } 
.menu-flag.flag-CAN { background-position: 0 -1000px; } 
.menu-flag.flag-CCK { background-position: 0 -1025px; } 
.menu-flag.flag-CHE { background-position: 0 -1050px; } 
.menu-flag.flag-CHL { background-position: 0 -1075px; } 
.menu-flag.flag-CHN { background-position: 0 -1100px; } 
.menu-flag.flag-CIV { background-position: 0 -1125px; } 
.menu-flag.flag-CMR { background-position: 0 -1150px; } 
.menu-flag.flag-COD { background-position: 0 -1175px; } 
.menu-flag.flag-COG { background-position: 0 -1200px; } 
.menu-flag.flag-COK { background-position: 0 -1225px; } 
.menu-flag.flag-COL { background-position: 0 -1250px; } 
.menu-flag.flag-COM { background-position: 0 -1275px; } 
.menu-flag.flag-CPV { background-position: 0 -1300px; } 
.menu-flag.flag-CRI { background-position: 0 -1325px; } 
.menu-flag.flag-CUB { background-position: 0 -1350px; } 
.menu-flag.flag-CUW { background-position: 0 -1375px; } 
.menu-flag.flag-CXR { background-position: 0 -1400px; } 
.menu-flag.flag-CYP { background-position: 0 -1425px; } 
.menu-flag.flag-CZE { background-position: 0 -1450px; } 
.menu-flag.flag-DEU { background-position: 0 -1475px; } 
.menu-flag.flag-DJI { background-position: 0 -1500px; } 
.menu-flag.flag-DMA { background-position: 0 -1525px; } 
.menu-flag.flag-DNK { background-position: 0 -1550px; } 
.menu-flag.flag-DOM { background-position: 0 -1575px; } 
.menu-flag.flag-DZA { background-position: 0 -1600px; } 
.menu-flag.flag-ECU { background-position: 0 -1625px; } 
.menu-flag.flag-EGY { background-position: 0 -1650px; } 
/*.menu-flag.flag-ENG { background-position: 0 -1675px; } */
.menu-flag.flag-ENG { background-position: 0 -2000px; }
.menu-flag.flag-ERI { background-position: 0 -1700px; } 
.menu-flag.flag-ESH { background-position: 0 -1725px; } 
.menu-flag.flag-ESP { background-position: 0 -1750px; } 
.menu-flag.flag-EST { background-position: 0 -1775px; } 
.menu-flag.flag-ETH { background-position: 0 -1800px; } 
.menu-flag.flag-FIN { background-position: 0 -1825px; } 
.menu-flag.flag-FJI { background-position: 0 -1850px; } 
.menu-flag.flag-FLK { background-position: 0 -1875px; } 
.menu-flag.flag-FRA { background-position: 0 -1900px; } 
.menu-flag.flag-FRO { background-position: 0 -1925px; } 
.menu-flag.flag-FSM { background-position: 0 -1950px; } 
.menu-flag.flag-GAB { background-position: 0 -1975px; } 
.menu-flag.flag-GBR { background-position: 0 -2000px; } 
.menu-flag.flag-GEO { background-position: 0 -2025px; } 
.menu-flag.flag-GGY { background-position: 0 -2050px; } 
.menu-flag.flag-GHA { background-position: 0 -2075px; } 
.menu-flag.flag-GIB { background-position: 0 -2100px; } 
.menu-flag.flag-GIN { background-position: 0 -2125px; } 
.menu-flag.flag-GLP { background-position: 0 -2150px; } 
.menu-flag.flag-GMB { background-position: 0 -2175px; } 
.menu-flag.flag-GNB { background-position: 0 -2200px; } 
.menu-flag.flag-GNQ { background-position: 0 -2225px; } 
.menu-flag.flag-GRC { background-position: 0 -2250px; } 
.menu-flag.flag-GRD { background-position: 0 -2275px; } 
.menu-flag.flag-GRL { background-position: 0 -2300px; } 
.menu-flag.flag-GTM { background-position: 0 -2325px; } 
.menu-flag.flag-GUF { background-position: 0 -2350px; } 
.menu-flag.flag-GUM { background-position: 0 -2375px; } 
.menu-flag.flag-GUY { background-position: 0 -2400px; } 
.menu-flag.flag-HKG { background-position: 0 -2425px; } 
.menu-flag.flag-HMD { background-position: 0 -2450px; } 
.menu-flag.flag-HND { background-position: 0 -2475px; } 
.menu-flag.flag-HRV { background-position: 0 -2500px; } 
.menu-flag.flag-HTI { background-position: 0 -2525px; } 
.menu-flag.flag-HUN { background-position: 0 -2550px; } 
.menu-flag.flag-IDN { background-position: 0 -2575px; } 
.menu-flag.flag-IMN { background-position: 0 -2600px; } 
.menu-flag.flag-IND { background-position: 0 -2625px; } 
.menu-flag.flag-IOT { background-position: 0 -2650px; } 
.menu-flag.flag-IRL { background-position: 0 -2675px; } 
.menu-flag.flag-IRN { background-position: 0 -2700px; } 
.menu-flag.flag-IRQ { background-position: 0 -2725px; } 
.menu-flag.flag-ISL { background-position: 0 -2750px; } 
.menu-flag.flag-ISR { background-position: 0 -2775px; } 
.menu-flag.flag-ITA { background-position: 0 -2800px; } 
.menu-flag.flag-JAM { background-position: 0 -2825px; } 
.menu-flag.flag-JEY { background-position: 0 -2850px; } 
.menu-flag.flag-JOR { background-position: 0 -2875px; } 
.menu-flag.flag-JPN { background-position: 0 -2900px; } 
.menu-flag.flag-KAZ { background-position: 0 -2925px; } 
.menu-flag.flag-KEN { background-position: 0 -2950px; } 
.menu-flag.flag-KGZ { background-position: 0 -2975px; } 
.menu-flag.flag-KHM { background-position: 0 -3000px; } 
.menu-flag.flag-KIR { background-position: 0 -3025px; } 
.menu-flag.flag-KNA { background-position: 0 -3050px; } 
.menu-flag.flag-KOR { background-position: 0 -3075px; } 
.menu-flag.flag-KWT { background-position: 0 -3100px; } 
.menu-flag.flag-LAO { background-position: 0 -3125px; } 
.menu-flag.flag-LBN { background-position: 0 -3150px; } 
.menu-flag.flag-LBR { background-position: 0 -3175px; } 
.menu-flag.flag-LBY { background-position: 0 -3200px; } 
.menu-flag.flag-LCA { background-position: 0 -3225px; } 
.menu-flag.flag-LIE { background-position: 0 -3250px; } 
.menu-flag.flag-LKA { background-position: 0 -3275px; } 
.menu-flag.flag-LSO { background-position: 0 -3300px; } 
.menu-flag.flag-LTU { background-position: 0 -3325px; } 
.menu-flag.flag-LUX { background-position: 0 -3350px; } 
.menu-flag.flag-LVA { background-position: 0 -3375px; } 
.menu-flag.flag-MAC { background-position: 0 -3400px; } 
.menu-flag.flag-MAF { background-position: 0 -3425px; } 
.menu-flag.flag-MAR { background-position: 0 -3450px; } 
.menu-flag.flag-MCO { background-position: 0 -3475px; } 
.menu-flag.flag-MDA { background-position: 0 -3500px; } 
.menu-flag.flag-MDG { background-position: 0 -3525px; } 
.menu-flag.flag-MDV { background-position: 0 -3550px; } 
.menu-flag.flag-MEX { background-position: 0 -3575px; } 
.menu-flag.flag-MHL { background-position: 0 -3600px; } 
.menu-flag.flag-MKD { background-position: 0 -3625px; } 
.menu-flag.flag-MLI { background-position: 0 -3650px; } 
.menu-flag.flag-MLT { background-position: 0 -3675px; } 
.menu-flag.flag-MMR { background-position: 0 -3700px; } 
.menu-flag.flag-MNE { background-position: 0 -3725px; } 
.menu-flag.flag-MNG { background-position: 0 -3750px; } 
.menu-flag.flag-MNP { background-position: 0 -3775px; } 
.menu-flag.flag-MOZ { background-position: 0 -3800px; } 
.menu-flag.flag-MRT { background-position: 0 -3825px; } 
.menu-flag.flag-MSR { background-position: 0 -3850px; } 
.menu-flag.flag-MTQ { background-position: 0 -3875px; } 
.menu-flag.flag-MUS { background-position: 0 -3900px; } 
.menu-flag.flag-MWI { background-position: 0 -3925px; } 
.menu-flag.flag-MYS { background-position: 0 -3950px; } 
.menu-flag.flag-MYT { background-position: 0 -3975px; } 
.menu-flag.flag-NAM { background-position: 0 -4000px; } 
.menu-flag.flag-NCL { background-position: 0 -4025px; } 
.menu-flag.flag-NER { background-position: 0 -4050px; } 
.menu-flag.flag-NFK { background-position: 0 -4075px; } 
.menu-flag.flag-NGA { background-position: 0 -4100px; } 
.menu-flag.flag-NIC { background-position: 0 -4125px; } 
.menu-flag.flag-NIR { background-position: 0 -4150px; } 
.menu-flag.flag-NIU { background-position: 0 -4175px; } 
.menu-flag.flag-NLD { background-position: 0 -4200px; } 
.menu-flag.flag-NOR { background-position: 0 -4225px; } 
.menu-flag.flag-NPL { background-position: 0 -4250px; } 
.menu-flag.flag-NRU { background-position: 0 -4275px; } 
.menu-flag.flag-NZL { background-position: 0 -4300px; } 
.menu-flag.flag-OMN { background-position: 0 -4325px; } 
.menu-flag.flag-PAK { background-position: 0 -4350px; } 
.menu-flag.flag-PAN { background-position: 0 -4375px; } 
.menu-flag.flag-PCN { background-position: 0 -4400px; } 
.menu-flag.flag-PER { background-position: 0 -4425px; } 
.menu-flag.flag-PHL { background-position: 0 -4450px; } 
.menu-flag.flag-PLW { background-position: 0 -4475px; } 
.menu-flag.flag-PNG { background-position: 0 -4500px; } 
.menu-flag.flag-POL { background-position: 0 -4525px; } 
.menu-flag.flag-PRI { background-position: 0 -4550px; } 
.menu-flag.flag-PRK { background-position: 0 -4575px; } 
.menu-flag.flag-PRT { background-position: 0 -4600px; } 
.menu-flag.flag-PRY { background-position: 0 -4625px; } 
.menu-flag.flag-PSE { background-position: 0 -4650px; } 
.menu-flag.flag-PYF { background-position: 0 -4675px; } 
.menu-flag.flag-QAT { background-position: 0 -4700px; } 
.menu-flag.flag-REU { background-position: 0 -4725px; } 
.menu-flag.flag-RKS { background-position: 0 -4750px; } 
.menu-flag.flag-ROU { background-position: 0 -4775px; } 
.menu-flag.flag-RUS { background-position: 0 -4800px; } 
.menu-flag.flag-RWA { background-position: 0 -4825px; } 
.menu-flag.flag-SAU { background-position: 0 -4850px; } 
.menu-flag.flag-SCO { background-position: 0 -4875px; } 
.menu-flag.flag-SDN { background-position: 0 -4900px; } 
.menu-flag.flag-SEN { background-position: 0 -4925px; } 
.menu-flag.flag-SGP { background-position: 0 -4950px; } 
.menu-flag.flag-SGS { background-position: 0 -4975px; } 
.menu-flag.flag-SHN { background-position: 0 -5000px; } 
.menu-flag.flag-SJM { background-position: 0 -5025px; } 
.menu-flag.flag-SLB { background-position: 0 -5050px; } 
.menu-flag.flag-SLE { background-position: 0 -5075px; } 
.menu-flag.flag-SLV { background-position: 0 -5100px; } 
.menu-flag.flag-SMR { background-position: 0 -5125px; } 
.menu-flag.flag-SOM { background-position: 0 -5150px; } 
.menu-flag.flag-SPM { background-position: 0 -5175px; } 
.menu-flag.flag-SRB { background-position: 0 -5200px; } 
.menu-flag.flag-SSD { background-position: 0 -5225px; } 
.menu-flag.flag-STP { background-position: 0 -5250px; } 
.menu-flag.flag-SUR { background-position: 0 -5275px; } 
.menu-flag.flag-SVK { background-position: 0 -5300px; } 
.menu-flag.flag-SVN { background-position: 0 -5325px; } 
.menu-flag.flag-SWE { background-position: 0 -5350px; } 
.menu-flag.flag-SWZ { background-position: 0 -5375px; } 
.menu-flag.flag-SXM { background-position: 0 -5400px; } 
.menu-flag.flag-SYC { background-position: 0 -5425px; } 
.menu-flag.flag-SYR { background-position: 0 -5450px; } 
.menu-flag.flag-TCA { background-position: 0 -5475px; } 
.menu-flag.flag-TCD { background-position: 0 -5500px; } 
.menu-flag.flag-TGO { background-position: 0 -5525px; } 
.menu-flag.flag-THA { background-position: 0 -5550px; } 
.menu-flag.flag-TJK { background-position: 0 -5575px; } 
.menu-flag.flag-TKL { background-position: 0 -5600px; } 
.menu-flag.flag-TKM { background-position: 0 -5625px; } 
.menu-flag.flag-TLS { background-position: 0 -5650px; } 
.menu-flag.flag-TON { background-position: 0 -5675px; } 
.menu-flag.flag-TTO { background-position: 0 -5700px; } 
.menu-flag.flag-TUN { background-position: 0 -5725px; } 
.menu-flag.flag-TUR { background-position: 0 -5750px; } 
.menu-flag.flag-TUV { background-position: 0 -5775px; } 
.menu-flag.flag-TPE { background-position: 0 -5800px; } 
.menu-flag.flag-TWN { background-position: 0 -5800px; } 
.menu-flag.flag-TZA { background-position: 0 -5825px; } 
.menu-flag.flag-UGA { background-position: 0 -5850px; } 
.menu-flag.flag-UKR { background-position: 0 -5875px; } 
.menu-flag.flag-UMI { background-position: 0 -5900px; } 
.menu-flag.flag-URY { background-position: 0 -5925px; } 
.menu-flag.flag-USA { background-position: 0 -5950px; } 
.menu-flag.flag-UZB { background-position: 0 -5975px; } 
.menu-flag.flag-VAT { background-position: 0 -6000px; } 
.menu-flag.flag-VCT { background-position: 0 -6025px; } 
.menu-flag.flag-VEN { background-position: 0 -6050px; } 
.menu-flag.flag-VGB { background-position: 0 -6075px; } 
.menu-flag.flag-VIR { background-position: 0 -6100px; } 
.menu-flag.flag-VNM { background-position: 0 -6125px; } 
.menu-flag.flag-VUT { background-position: 0 -6150px; } 
.menu-flag.flag-WAT { background-position: 0 -6175px; } 
.menu-flag.flag-WLF { background-position: 0 -6200px; } 
.menu-flag.flag-WLS { background-position: 0 -6225px; } 
.menu-flag.flag-WAL { background-position: 0 -6225px; } 
.menu-flag.flag-WSM { background-position: 0 -6250px; } 
.menu-flag.flag-YEM { background-position: 0 -6275px; } 
.menu-flag.flag-ZAF { background-position: 0 -6300px; } 
.menu-flag.flag-ZMB { background-position: 0 -6325px; } 
.menu-flag.flag-ZWE { background-position: 0 -6350px; } 












/*virtual sports*/

.detail-Viframe {
	width: 80%;
	text-align: center;
	background: url(/img/bg/music_headphone.jpg);
	background-size: cover;
	background-color: #000;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: 100%;
	float: right;
}

.blockV-event {
	width: auto;
	background:#0d1525;
	float: left;
	display: table;
	width: 100%;
	float: left;
	/* height: 51vh; */
}
.blockV-event .sportsbtn.vview-all.__time {
	position: relative;
	height: 43px;
	line-height: 44px;
    text-align: -webkit-center;
    text-align: center;
    width: 220px;
    font-size: 13px;
    display: table-cell;
    cursor: pointer;
    transition: border-bottom .15s ease;
    border-bottom: 2px solid #8843f2;
    border-radius: 0;
    color: #a8acb1;
}

.blockV-event .sportsbtn.vview-all.__time:hover ,
.blockV-event .sportsbtn.vview-all.__time.selected {
	border: 2px solid #8843f2;
	border-width:2px 2px 0px 2px;
	line-height: 45px;
	transition: all ease 0.7s;
	background: #000000;
	color: #fff;
}
#blockV-container.two_section {
    float: left;
    width: 50%;
    /* height: 50vh; */
    /* overflow: scroll; */
}
.blockV-content {
	background: #000000;
	float: left;
	width: 100%;
}
.blockV-content table {
	width: 100%;
	border-collapse: collapse;
}

.blockV-content .border_Vevent {
	border-top: 2px solid #000000;
}

.blockV-content .labels td {
	font-weight: bold;
	color: #fff;
}
.blockV-content .paging .btn-next {
    position: absolute;
}
.blockV-content .paging {
    padding-right: 50px;
    max-width: 80%;
    margin: 0 auto;
	float:left;
}
.blockV-content .labels label {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 16px;
	font-size: 13px;
	font-weight: 600;
	background-color: #000000;
	color:#fff;
}
.tabs_content .panel-body {
    border: 3px solid #000;
}
.blockV-content .labels label:before {
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 12px;
	display: inline-block;
	margin: 0 5px;
	color: red;
}
.blockV-content .labels label:after {
    content: "";
    background: url(/image/asset/bet365_logo_color.png);
    background-size: 100%;
    height: 100%;
    width: 48px;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    opacity: 1;
    display: inline-block;
    vertical-align: bottom;
    float: left;
}
.blockV-content  .__title {
	text-align: left;
	color: #24a19c;
	height: 30px;
	line-height: 30px;
	padding: 5px 16px;
	font-size: 17px;
	font-weight: 600;
	background: #111111;
}

.blockV-content .blockmatch_ tr td {
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	height: 30px;
	color: #ffffff;
	cursor: pointer;
}

.blockV-content .blockmatch_ .value_color {
	color: #ffc60b;
	margin: 0 7px;
	float: right;
}

.blockV-content .blockmatch_  .__vbet {
	float: left;
	box-sizing: border-box;
	padding: 6px 12px;
	border-radius: 3px;
	border: 1px solid #000;
	background: -webkit-linear-gradient( 180deg, #2D353C, #222);
	background: -moz-linear-gradient(180deg, #2D353C, #222);
	background: -ms-linear-gradient(180deg, #2D353C, #222);
	background: -o-linear-gradient(180deg, #2D353C, #222);
	background: linear-gradient( 180deg, #2D353C, #222);
	margin: 3px;
    height: 45px;
    overflow: hidden;	
} 
.vsports_list .sportsbtn.vview-all {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    line-height: unset;
}

.vsports_list .sportsbtn.low-virtual-menu.selected {
	background:linear-gradient(179deg, #8642eeb3 0%, #361362b3 74%);
}

.vsports_list .sportsbtn.vview-all:before {
    content: "";
    position: absolute;
    background: url(/image/Bet365-tp-Logo.png);
    background-size: 87px;
    height: 100%;
    width: 100%;
    /* background-repeat: no-repeat; */
    background-position: center;
    left: 0;
    opacity: 0.1;
}
.vsports_list .sportsbtn.vview-all .sportsname {    
    font-size: 20px;
    text-transform: capitalize;
    line-height: 60px;
}

.vsports_list .wb-right {
    display: table;
    width: 100%;
}

.vsports_list .sportsbtn.vview-all i {
    width: auto;
    position: unset;
    display: inline-table;
    margin: 0;
    float: unset;
    vertical-align: bottom;
	
}
.blockV-content .blockmatch_ .__vbet:nth-child(3n + 1 ) {
	border-left: none;
}

.blockV-content .blockmatch_  .__vbet:hover {
	
}

.blockV-content .blockmatch_  ._onebox {
	width: calc(100% - 6px);
} 

.blockV-content .blockmatch_  ._twobox {
	width: calc(50% - 6px);
} 
.blockV-content .blockmatch_  ._threebox {
	width: calc(33.33% - 6px);
}
.blockV-content .blockmatch_  .two_inner {
	width:70%;
	float:left;
	margin: 0 7px;
} 


#mini_wrap #V-league-container {
    display: table;
    width: 20%;
    float: left;
    height: 294px;
    overflow: hidden;
}

#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(1) ,
#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(1)~.vsport_block  {  height:calc(calc(100%/1) - 0px);}

#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(2) ,
#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(2)~.vsport_block  {  height:calc(calc(100%/2) - 0px);}

#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(3) ,
#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(3)~.vsport_block  {  height:calc(calc(100%/3) - 0px);}
#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(4) ,
#mini_wrap #V-league-container .vsport_block:first-child:nth-last-child(4)~.vsport_block  { height:calc(calc(100%/4) - 0px);}
#mini_wrap #V-league-container .vsport_block {border-bottom: 5px solid   #111111;background: #322d3c;color:#a8acb1;}
#mini_wrap #V-league-container .vsport_block :hover, #mini_wrap #V-league-container .vsport_block.low-virtual-menuselected {
	background-color: #000000; background: linear-gradient(179deg, #8642eeb3 0%, #361362b3 74%);position: initial; color:#ffffff;
}
/* #mini_wrap #V-league-container .vsport_block.low-virtual-menuselected:after {content: "";background: #8843F2;width: 2px;height: 100%;position: absolute;right: 0;/* top: 0; *//*z-index: 1;} */




.float-left.el-row.width-11pro.p-l-1.p-r-2.low-virtual-menu , .float-left.el-row.width-11pro.p-l-1.p-r-2.low-virtual-menuselected {
    display: table;
    width: 100%!important;
    float: unset !important;
}
.el-row.bd_bb1.p_cat .el-row {
    display: table;
    width: 100%;
}
.float-left.el-row.width-11pro.p-l-1.p-r-2.low-virtual-menu, .float-left.el-row.width-11pro.p-l-1.p-r-2.low-virtual-menuselected {
    background: url(/image/Bet365-tp-Logo.png);
    border-color: #ffffff;
    background-size: 29%;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 30px;
    background-position-y: 3px;
}

.float-left.el-row.width-11pro.p-l-1.p-r-2.low-virtual-menu .on_sel, .float-left.el-row.width-11pro.p-l-1.p-r-2.low-virtual-menuselected .on_sel {
	background:unset;
    height: 100%;	
}

.float-left.el-row.width-11pro.p-l-1.p-r-2.low-virtual-menuselected .mini-header-bottom-button.on-blue2 {
}












/*Mini game*/
.game-fin-time{
	right: 12px;
    top: 32px;
    padding: 4px 6px;
    border-radius: 0;
    width: 81px;
    text-align: center;
    font-size: 16px;
    background-color: #2b2e3d;
    box-shadow: inset 0px 1px 6px #000000, inset 0px 1px 5px #a3afe0;
	position:absolute;
	
}
.remaining-time{
	right:93px;
	top:28px;
}


.multi-tabs_wrapper {
	width: 100%;
}

.tab_content {
	display: none;
}

/* 2nd new tabs */
#new2_tabs {
}
.tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/* float:left;*/
	white-space: nowrap;
	display: table;
	width:100%;
	border: none !important;	
}
.tabs ul li {
    display: inline-block;
    float: left;
}

.tabs ul li:first-child:nth-last-child(1), .tabs ul li:first-child:nth-last-child(1)~ li { width: calc(100% / 1)}
.tabs ul li:first-child:nth-last-child(2), .tabs ul li:first-child:nth-last-child(2)~ li { width: calc(100% / 2)}
.tabs ul li:first-child:nth-last-child(3), .tabs ul li:first-child:nth-last-child(3)~ li { width: calc(100% / 3)}
.tabs ul li:first-child:nth-last-child(4), .tabs ul li:first-child:nth-last-child(4)~ li { width: calc(100% / 4);}
.tabs ul li:first-child:nth-last-child(5), .tabs ul li:first-child:nth-last-child(5)~ li { width: calc(100% / 5)}
.tabs ul li:first-child:nth-last-child(6), .tabs ul li:first-child:nth-last-child(6)~ li { width: calc(100% / 6)}
.tabs ul li:first-child:nth-last-child(7), .tabs ul li:first-child:nth-last-child(7)~ li { width: calc(100% / 7)}
.tabs ul li:first-child:nth-last-child(8), .tabs ul li:first-child:nth-last-child(8)~ li { width: calc(100% / 8)}
.tabs ul li:first-child:nth-last-child(9), .tabs ul li:first-child:nth-last-child(9)~ li { width: calc(100% / 9)}
.tabs ul li:first-child:nth-last-child(10), .tabs ul li:first-child:nth-last-child(10)~ li { width: calc(100% / 10)}
.tabs ul li:first-child:nth-last-child(11), .tabs ul li:first-child:nth-last-child(11)~ li { width: calc(100% / 11)}
.tabs ul li:first-child:nth-last-child(12), .tabs ul li:first-child:nth-last-child(12)~ li { width: calc(100% / 12)}
.tabs ul li:first-child:nth-last-child(13), .tabs ul li:first-child:nth-last-child(13)~ li { width: calc(100% / 13)}
.tabs ul li:first-child:nth-last-child(14), .tabs ul li:first-child:nth-last-child(14)~ li { width: calc(100% / 14)}
.tabs ul li:first-child:nth-last-child(15), .tabs ul li:first-child:nth-last-child(15)~ li { width: calc(100% / 15)}
.tabs ul li:first-child:nth-last-child(16), .tabs ul li:first-child:nth-last-child(16)~ li { width: calc(100% / 16)}
.tabs ul li:first-child:nth-last-child(17), .tabs ul li:first-child:nth-last-child(17)~ li { width: calc(100% / 17)}

.tabs ul.main_tabs:has(> :nth-child(11)) li.tmain a {
	font-size: 13px;
}
.tabs ul.main_tabs:has(> :nth-child(12)) li.tmain a {
	font-size: 12px;
}
.tabs .main_tabs .tmain {
	padding:13px 15px;
    color: #a8acb1;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background: #2e2e42;
    background: linear-gradient( 180deg, #35353f, #161622);
    border: solid #000000;
    border-width: 0 2px 0px 2px;	
    font-weight: 700;
    font-size: 15px;
}
.tabs .main_tabs .tmain.active {
    color: #f9f9f9;
    background: #393964;
    border-bottom: 0;
    background: linear-gradient( 180deg, #2c2c48 ,  #3a3a62);
}

.tabs .main_tabs .tmain:hover {
    background: linear-gradient( 180deg, #161622, #35353f);
}

.tabs .main_tabs .tmain a , .tabs ul .tlayer a {
    color: #ddd;
	text-decoration:none;
}
.tabs ul li a:hover {
	color: #888888;
}

.tabs ul .tlayer.active {
    color: #f9f9f9;
    background-color: #2e2e42;
}
.tabs ul li.active a {
	color:#fff;
}
.tabs ul li.active a:hover {
	color: white;
}
.tabs ul .tlayer {
    padding: 4px 7px;
    outline: none;
    height: 50px;
    font-size: 13px;
    background: #393964;
    border: solid #151522;
    border-width: 2px 1px;
    text-align: center;
    color: #c5c5ea;
    background: linear-gradient( 180deg, #161622, #393964);
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;	
}

.tabs ul .tlayer:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.tabs ul .tlayer:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.tabs ul .tlayer:hover, .tabs ul .tlayer.selected {
    background: #2e7de5 ;
	transition: all ease 0.3s;
}
li.tlayer.mini_menu.game-header {
    position: relative;
}

.tabs ul .tlayer .game-header-time {
    position: absolute;
    height: 42px;
    width: 100%;
    top: 0;
    padding-top: 25px;
    left: 50%;
    transform: translateX(-50%);
}
.tabs_content {
	
	float:left;
	width: 100%;
}

#miniall .multi-tabs_wrapper .tabs .tlayer {
    width: 10%;
}
#miniall.tab_content {
    display: block;
}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(1), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(1)~ li { width: calc(100% / 1)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(2), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(2)~ li { width: calc(100% / 2)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(3), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(3)~ li { width: calc(100% / 3)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(4), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(4)~ li { width: calc(100% / 4);}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(5), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(5)~ li { width: calc(100% / 5)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(6), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(6)~ li { width: calc(100% / 6)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(7), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(7)~ li { width: calc(100% / 7)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(8), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(8)~ li { width: calc(100% / 8)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(9), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(9)~ li { width: calc(100% / 9)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(10), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(10)~ li { width: calc(100% / 10)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(11), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(11)~ li { width: calc(100% / 11)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(12), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(12)~ li { width: calc(100% / 12)}

#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(13), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(13)~ li { width: calc(100% / 13)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(14), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(13)~ li { width: calc(100% / 14)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(15), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(13)~ li { width: calc(100% / 15)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(16), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(13)~ li { width: calc(100% / 16)}
#miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(17), #miniall .multi-tabs_wrapper .tabs .tlayer:first-child:nth-last-child(13)~ li { width: calc(100% / 17)}


#miniall .multi-tabs_wrapper .tabs ul .tlayer:first-child , #miniall .multi-tabs_wrapper .tabs ul .tlayer:last-child {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}



#mini_wrap {overflow: hidden;}


.game-view-close {
	display: none;
}


#mini_wrap #game-frame.width_gameCROWN {
	width: 75%;
}
#mini_wrap #game-frame.width_gameCROWN:has(iframe.s1200) {
	width: 100%;
}

#game-bet.betBOX_gameCROWN {
	width: 25%;
}

#mini_wrap #game-frame.width_gameCROWN:has(iframe.s1200) + #game-bet.betBOX_gameCROWN {
	width: 100%;
}
#mini_wrap .pladder_frame #game-frame {
    width: 785px;
}

#mini_wrap .pladder_frame #game-bet {
	width: calc(100% - 785px);
}
#mini_wrap .bepick_frame #game-frame {
    width: 910px;
}
#game-bet .game-bet li._betside4, 
#game-bet .game-bet li._betside3 ,
#game-bet .game-bet li._betside1 ,
#game-bet .game-bet li._betside2  {
	background: #596b7c;
	margin: 2px 0px 10px 7px;
	border-radius:3px;
	background-color: #000000;
	position: relative;
}
#game-bet .game-bet-center ._betside2,
#game-bet .game-bet-center ._betside3,
#game-bet .game-bet-center ._betside4 ,
#game-bet .game-bet-center ._betside1 {
    background: #664e88;
    background: -webkit-linear-gradient( 180deg, #2D353C, #222);
    background: -moz-linear-gradient(180deg, #2D353C, #222);
    background: -ms-linear-gradient(180deg, #2D353C, #222);
    background: -o-linear-gradient(180deg, #2D353C, #222);
    background: linear-gradient( 180deg, #363a4b, #191826);	
	margin: 4px;
    border: 1px solid #000;	
    position: relative;	
}
#game-bet .game-bet li._betside3 .triangle ,
#game-bet .game-bet .triangle ,
#game-bet .game-bet-center .triangle {
    position: absolute;
    left: 0;
    bottom: 0;
}



/*	#game-bet .game-bet ._betside4._bet:nth-child(1) ._gamebet_ {
	border: 2px solid #F14A16;
    color:#F14A16;
	}
	#game-bet .game-bet ._betside4._bet:nth-child(2) ._gamebet_ {
	border: 2px solid #FFBD35;
    color: #FFBD35;
	
	}
	#game-bet .game-bet ._betside4._bet:nth-child(3) ._gamebet_ {
	border: 2px solid #82ff87;
    color: #82ff87;
	
	}
	#game-bet .game-bet ._betside4._bet:nth-child(4) ._gamebet_ {
	border: 2px solid #1CC5DC;
    color: #1CC5DC;
	}
	
	#game-bet .game-bet ._betside4._bet:nth-child(5) ._gamebet_ {
	border: 2px solid #F21170;
    color: #F21170;
	}
	#game-bet .game-bet ._betside4._bet:nth-child(6) ._gamebet_ {
	border: 2px solid #ffa888;
    color: #ffa888;
	}
	#game-bet .game-bet ._betside4._bet:nth-child(7) ._gamebet_ {
	border: 2px solid #afff52;
    color: #afff52;
	}
	#game-bet .game-bet ._betside4._bet:nth-child(8) ._gamebet_ {
	border: 2px solid #1f9cff;
    color: #1f9cff;
	}
	#game-bet .game-bet ._betside4._bet:nth-child(9) ._gamebet_ {
	border: 2px solid #df25ff;
    color: #df25ff;
	}
	
#game-bet .game-bet ._betside4._bet:nth-child(10) ._gamebet_ {border: 2px solid #ffc61d;color: #ffc61d;}	*/
#game-bet .game-bet-center ._bet.upv {
    background-color: #5f884e;
}

#game-bet .game-bet-center ._bet.downv {
    background-color: #884e76;
}
#game-bet .game-bet li._betside1, #game-bet .game-bet-center li._betside1 {
    width: calc(100% - 8px);
}
#game-bet .game-bet li._betside2 ,
#game-bet .game-bet-center li._betside2 {
	width: calc(50% - 8px);
}
#game-bet .game-bet li._betside3 ,
#game-bet .game-bet-center li._betside3 {
	width: calc(33.33% - 8px);
}

#game-bet .game-bet li._betside4 ,
#game-bet .game-bet-center li._betside4 {
	width: calc(25% - 8px);
}


#mini_wrap #game-frame {float: left;width: 70%;display: flex;justify-content: center;position: relative;padding-top: 80px;}
#mini_wrap #game-frame.eos_frame {
    min-width: 657px;
    width: 688px;
}

#game-bet.eos_frame {
    width: calc(100% - 688px);
}
#mini_wrap #game-frame.full-width-frame {
	float: unset;
	width: 100%;
	padding: 0;
	height: 100%;
}
#mini_wrap #game-frame.yes-header {
	top: 80px;
}
#game-bet {
	/* position: absolute; */
	/* left: 830px; */
	padding: 5px;
	right:0px;
	top: 0;
	width: calc(30% - 0px);
	border-left: NONE;
	color: #fff;
	background-color: #262a30;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 85px !important;
	height: 100%;
}
#game-bet .game-header img {
    display: block;
    height: 31px !important;
    width: 30px !important;
    float: left;
    margin: 0 10px;
}

#mini_wrap .game-view-close {
    background: red;
    color: #fff;
    background-color: #6b0f1a;
    background-image: linear-gradient(181deg, #032b4b 0%, #193e6f 74%);
    line-height: 42px;
    text-align: center;
    border-bottom: 3px solid #000;
}
#mini_wrap #game-frame iframe {
	border: none;
}
#mini_wrap #game-frame.full-width-frame iframe {
	margin: 0 auto;
	display: block;
}
#mini_wrap #game-frame ._view_rules {
	text-align: right;
	color: #ffba03;
	width: 40px;
	height: 50px;
	padding-top: 10px;
	box-sizing: border-box;
	font-size: 0;
	z-index: 1;
}
#game-bet .game-header {
	padding: 10px 16px;
	background: #222532;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	Z-INDEX: 9;
	line-height: normal;
	/* border-bottom: 1px solid #000000; */
	/* border-radius: 5px; */
	padding-right: 200px;
	height: 80px;
	font-size: 23px;
	display: flex;
	align-items: center;
}  

#mini_wrap #game-frame.wide_mode ,
#mini_wrap #game-frame.fifty_short{
	width: 70%;
}
#game-bet.fifty_short {
	width: 30%;
}
.game-bet>div {
	padding: 9px 0;
	border-top: 1px solid #fff;
}

#game-bet ul, #game-bet li {
	list-style: none;
	margin:0px;
	margin-top:0px;
	padding:0px;
}
#mini_wrap #game-frame.pball_frame {
    min-width: 657px;
    width: 688px;
}

#game-bet.pball_frame {
    width: calc(100% - 688px);
}

#game-bet ul {
    display: table;
    width: 100%;
}

#game-bet .game-bet li {
    display: table-cell;
}

#game-bet .game-bet ul:nth-child(odd) {float: left;width: 20%;}

#game-bet .game-bet ul:nth-child(even) {
    width: 80%;
    float: right;
}

#game-bet .game-bet ul:last-child {
    width: 80%;
}

#game-bet.betBOX_gameCROWN ul {
    width: 100%;
}
.sip_lotus_frame #game-bet ul {
    width: 100%;
}
#game-bet .game-bet .game-title.double_row ,
#game-bet .game-bet-center .game-title.double_row ,
._gamebet_.double_row {
    height: 192px;
}
#mini_wrap .coin_ladder_frame #game-bet ._gamebet_.double-height {
    height: 162px;
}

#game-bet ul.double_row-reset:nth-child(odd) {
    width: 80%;
}
#game-bet ul.full_row {
    width: 100%;
}
.bitball_frame .game-bet ul:nth-child(odd) ul {
    width: 33%;
}
.bitball_frame #game-bet .game-bet ul:nth-child(even) {
    width: 75%;
}
.bitball_frame #game-bet .game-bet ul:nth-child(odd) {
    width: 25%;
}
.bitball_frame #game-bet .game-bet .game-title {
    font-size: 11px;
    height: 150px;
}
.bitball_frame #game-bet .game-bet ._gamebet_ {
    height: 150px;
}
.bitball_frame #game-bet .game-bet ul.full_row {
    width: 100%;
}
.bitball_frame #game-bet .game-bet ul.full_row .game-title {
    height: 80px;
    font-size: 17px;
}
.bitball_frame #game-bet .game-bet .game-title.double_row {
    height: 315px;
}
.bitball_frame #game-bet .game-bet ul.double_row-reset {
    width: 75%;
}
#mini_wrap .coin_ladder_frame #game-frame {
    min-width: 789px;
    width: 789px;
}
#mini_wrap .coin_ladder_frame #game-bet {
    width: calc(100% - 789px);
}


#game-frame {
	/* background-color:#161c22 !important; */
	/* background-color: #000000; */
	/* background-image: linear-gradient(to top, #161c22 0%, #2c353c 100%); */
	/* background: url(/image/bg/fall.png); */
	/* background-size: cover; */
	/* background-position: bottom; */
}

.game-title , #game-bet .game-bet .game-title, #game-bet .game-bet-center .game-title {
	
    width: 100%;
    float: left;
    box-sizing: border-box;
    background-color: #2d2e3d;
    color: #9799c5;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-word;
    border-radius: 0px;
    height: 90px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 2px 3px 10px 3px;
    border: 1px solid #13131b;
	border-radius: 3px;	
    font-size: 12px;
    padding: 4px;
    text-align: center;
	
}

#game-bet .game-bet-center .game-title {
	border: none;
    margin: 15px 5px 0px 4px;
	padding: 0;
    background-color: #000000;
    text-align: left;
    height: unset;
    font-size: 12px;	
}
._betside2 {
	width:42%;
	float:left;
	box-sizing:border-box;
}

._betside3 {
	width:27%;
	float:left;
	box-sizing:border-box;
}

._betside4 {
	width:20%;
	float:left;
	box-sizing:border-box;
}





/* .game-title {
	width: 20%;
	float: left;
	border-image: 0;
	border: none;
	border-bottom: 2px solid #262a30; 
	border-radius: 0;
	margin: 0;
	background-color: #262a3000;
	background-image: linear-gradient(to top, #161c22 0%, #161c22 74%); 
	text-align: left;
	display: block;
	color: #fff9;
	height: unset;
	padding: 8px 16px;
	word-break: keep-all;
	}
	
	#game-bet .game-bet-center ._gamebet_ {
	margin: 5px 3px;
	font-size: 20px;
    font-weight: 700;
    padding-top: 42px;	
	}
	
	#game-bet .game-bet-center ._betside2._bet:nth-child(2) ._gamebet_ {
    border: 2px solid #600004;
    border-radius: 50%;
    width: 50px;
    height: 43px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 12px;
    padding: 0;
    padding-top: 7px;
    color: #ffffff;
    background-color: #a82a09;
    background-image: linear-gradient(315deg, #eb4511 0%, #902002 ,  #b02e0c 74%);
	}
	#game-bet .game-bet-center ._betside2._bet:nth-child(1) ._gamebet_ {
    border: 2px solid #043a96;
    border-radius: 50%;
    width: 50px;
    height: 43px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 12px;
    padding: 0;
    padding-top: 7px;
    color: #ffffff;
    background-color: #a82a09;
    background-image: linear-gradient(315deg, #1163eb 0%, #023490 , #0c55b0 74%);
	}
	#game-bet .game-bet-center ._betside3._bet:nth-child(2) ._gamebet_ {
    border: 2px solid #ffffff;
    color: #ffffff;
    background: #009688;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    padding-top: 30px;
    margin: 35px 4px 10px;
    background-image: linear-gradient(315deg, #a3eb11 0%, #3f9002 , #79b00c 74%);
	}
	#game-bet .game-bet-center ._betside3._bet:nth-child(1) ._gamebet_ {
    border: 2px solid #ffffff;
    color: #ffffff;
    background: #1361d7;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    padding-top: 30px;
    margin: 35px 4px 10px;
    background-image: linear-gradient(315deg, #1163eb 0%, #023490 , #0c55b0 74%);
	}
	#game-bet .game-bet-center ._betside3._bet:nth-child(3) ._gamebet_ {
    border: 2px solid #ffffff;
    color: #ffffff;
    background: #af0c00;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    padding-top: 30px;
    margin: 35px 4px 10px;
    background-image: linear-gradient(315deg, #eb1111 0%, #900202 , #b00c0c 74%);
	}
*/

#game-bet .game-bet-center {
    background: black;
    border: 5px solid #3d3a62;
    padding: 7px;	
}
._betside2 {
	width:calc(50% - 1px);
	float:left;
	box-sizing:border-box;
}

._betside3 {
	width: calc(33.33% - 1px);
	float:left;
	box-sizing:border-box;
}

._betside4 {
	width: calc(25% - 1px);
	float:left;
	box-sizing:border-box;
}


#game-bet .game-bet .game-odds ,
#game-bet .game-bet-center .game-odds {
	color: #fff;
	border-radius: 0;
	width: 100%;
	margin:0 auto;
	position: absolute;
	top: 0;
	left: 0;
}
#game-bet .game-bet .game-odds  {
	background-color: #493960; 
}
#game-bet .game-bet-center .game-odds { 	    
	background: #1f1f30;
font-size: 18px; }

._gamebet_ {
	
	height: 90px;
	cursor: pointer;
	text-align: center;
	padding-top: 21px;
	font-size: 12px;
    color: #c7b9dc;
}


#game-bet .game-bet-center ._gamebet_ {
	padding-top: 31px;	
	
}
._gamebet_:hover {
	/* background-color: #8a868b; */
	color: #fff;
}
._bet.selected .game-odds {
	background: unset;
}
#game-bet .game-bet ._gamebet_:hover .game-odds ,
#game-bet .game-bet-center ._gamebet_:hover .game-odds {
	/* background-color: #2e7de5; */
	color: #fff;
	background:unset;
}

._gamebet_ .bold {
    font-size: 21px;
    font-weight: 700;
    color: #ebddff;
    vertical-align: top;	
}
.game-header .game-header-title {
	background-image:linear-gradient(90deg, #0c294e 0, #2e7de5)!important;
	padding: 5px 8px;
	border-radius: 2px 0 0 2px;	
}
#MATCHID2, .game-round-time ,
#MATCHID {
	padding: 3px 8px;
	background: #13161a;
	margin: 0 6px;
	/* font-size: 14px; */
	box-shadow: inset 0px 1px 6px #000000, inset 0px 1px 0px #adbdff, inset 0px 1px 6px #000000, inset 0px -1px 0px #adbdff;
}
.game-round-time {
	margin-left: -3px;
}	
#game-bet .game-header .remaining-time , #game-bet .game-header .game-round-time {
    position: absolute;
}

#game-bet .game-header .remaining-time {
    right: 122px;
    top: 50%;
    transform: translateY(-50%);
    background: #000000;
    padding: 4px 6px;
    border: 2px solid #000;
    padding: 12px;
    font-size: 13px;
}
#game-bet .game-header .game-round-time {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 1px 5px;
    border-radius: 0;
    width: 109px;
    text-align: center;
    font-size: 31px;
    background-color: #2b2e3d;
    box-shadow: inset 0px 1px 6px #000000, inset 0px 1px 5px #a3afe0;
    text-shadow: 0 1px 2px #000, 0 1px 2px #000;	
}
#mini_wrap #game-frame .nav-tabs ul {
	padding: 0;
	border-right: 5px solid   #222532;
	border-radius: 3px;
}
#mini_wrap #game-frame .nav-tabs .btn-link {
	width: 65px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-weight: 700;
	border-bottom: unset;
	font-size: 20px;
	display: block;
	margin: 18px -1px 30px 14px;
	padding: 0;
	position: relative;
}
#mini_wrap #game-frame .nav-tabs .btn-link a {
	color: #5d8ebe;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 64%), 0 -2px 9px rgb(0 0 0 / 53%);
}
#mini_wrap #game-frame .nav-tabs .btn-link .scope {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    color: #000000;
    background: repeating-linear-gradient( 45deg, rgb(255 200 0), rgb(255 200 0) 5px, rgb(255 194 0) 5px, rgb(255 194 0) 10px);
    box-shadow: 0 6px 0 #b76113, 0 8px 1px 1px rgb(0 0 0 / 30%), 0 10px 0 5px #75421f, 0 12px 0 5px #8a542b, 0 15px 0 5px #593116, 0 15px 1px 6px rgb(0 0 0 / 30%);
	-webkit-box-shadow:0 6px 0 #b76113, 0 8px 1px 1px rgb(0 0 0 / 30%), 0 10px 0 5px #75421f, 0 12px 0 5px #8a542b, 0 15px 0 5px #593116, 0 15px 1px 6px rgb(0 0 0 / 30%);
	-moz-box-shadow:  0 6px 0 #b76113, 0 8px 1px 1px rgb(0 0 0 / 30%), 0 10px 0 5px #75421f, 0 12px 0 5px #8a542b, 0 15px 0 5px #593116, 0 15px 1px 6px rgb(0 0 0 / 30%);
    border-bottom: 3px solid rgb(205 102 0 / 50%);
    /* text-shadow: 2px 2px 1px #e78700, -2px 2px 1px #e78700, 2px -2px 1px #e78700, -2px -2px 1px #e78700, 0px 2px 1px #e78700, 0px -2px 1px #e78700, 0px 4px 1px #c96100, 2px 4px 1px #c96100, -2px 4px 1px #c96100; */
}
#mini_wrap #game-frame .nav-tabs .btn-link .scope.selected {
    color: #000000;
    border-radius: 10px 0px 0 10px;
    background: repeating-linear-gradient( 45deg, rgb(255 112 0), rgb(255 152 0) 5px, rgb(255 106 0) 5px, rgb(255 106 0) 10px);
	box-shadow: 0 6px 0 #e2d0b0, 0 8px 1px 1px rgb(0 0 0 / 30%), 0 10px 0 5px #727272, 0 12px 0 5px #585049, 0 15px 0 5px #c1b7b0, 0 15px 1px 6px rgb(70 65 64);
	-webkit-box-shadow: 0 6px 0 #e2d0b0, 0 8px 1px 1px rgb(0 0 0 / 30%), 0 10px 0 5px #727272, 0 12px 0 5px #585049, 0 15px 0 5px #c1b7b0, 0 15px 1px 6px rgb(70 65 64);
	-moz-box-shadow: 0 6px 0 #e2d0b0, 0 8px 1px 1px rgb(0 0 0 / 30%), 0 10px 0 5px #727272, 0 12px 0 5px #585049, 0 15px 0 5px #c1b7b0, 0 15px 1px 6px rgb(70 65 64);
    border-bottom: 3px solid rgb(205 102 0 / 50%);
    /* text-shadow: 2px 2px 1px #e78700, -2px 2px 1px #e78700, 2px -2px 1px #e78700, -2px -2px 1px #e78700, 0px 2px 1px #e78700, 0px -2px 1px #e78700, 0px 4px 1px #c96100, 2px 4px 1px #c96100, -2px 4px 1px #c96100; */
}

#mini_wrap #game-frame.margin-minus {
  margin-top: -80px;
}


#mini_wrap .bepick_frame #game-frame .zero-scrollbar_pballgame iframe {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 290px;
}

#mini_wrap .bepick_frame #game-frame .zero-scrollbar_pballgame {
  width: 792px !important;
  overflow: hidden;
  height: 270px;
  text-align: center;
  display: block;
  margin: 0 auto;
  float: unset;
}

#mini_wrap #game-frame.fifty_short.white_mode .nav-tabs {
  position: initial;
}



.circle {
    border-radius: 50%;
    width: 37px;
    height: 37px;
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0;
    background-image: linear-gradient( /* chrome */ hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsl(0deg 0% 0% / 9%) 50%, hsla(0, 0%, 100%, 0.2) );
    border: 1px solid;
    line-height: 37px;
    color: #fff;
    font-weight: 500;
    /* font-size: 100%; */
	font-size: 14px;
}
.circle-L {
    border-radius: 50%;
    width: auto;
    height: 50px;
    margin: -3px auto !important;
    overflow: hidden;
    padding: 0;
    background-image: linear-gradient( /* chrome */ hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsl(0deg 0% 0% / 9%) 50%, hsla(0, 0%, 100%, 0.2) );
    border: 1px solid;
    line-height: 50px;
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    display: inline-block;
    padding: 0 7px;
}
.circle-m {
    border-radius: 50%;
    width: 50px;
    height: 48px;
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0;
    background-image: linear-gradient( /* chrome */ hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsl(0deg 0% 0% / 9%) 50%, hsla(0, 0%, 100%, 0.2) );
    border: 1px solid;
    line-height: 50px;
    color: #fff;
    font-weight: 500;
	font-size: 14px;	
}
.circle-s {
	border-radius: 50%;
    width: 31px;
    height: 29px;
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0;
    background-image: linear-gradient( /* chrome */ hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsl(0deg 0% 0% / 9%) 50%, hsla(0, 0%, 100%, 0.2) );
    border: 1px solid;
    line-height: 29px;
    color: #fff;
    font-weight: 900;
    font-size: 12px !important;
}
.circle-1 {
    background-color:#3F51B5;
    border-color: #2e3b83;
}
.circle-2 {
    background-color: #c81e32;
    border-color: #791723;	
}
.circle-3 {
    background-color: #148deb;
    border-color: #148deb;
    font-size: 14px;
    color: #ffffff;
}

.circle-4 {
    background-color: #d73636;
    border-color: #d73636;
    font-size: 14px;
    color: #ffffff;
}

.circle-5 {
    background-color: #cdba01;
    border-color: #cdba01;
    font-size: 14px;
    color: #ffffff;
}
.circle-6 {
    background-color: #00bd96;
    border-color: #00bd96;
    font-size: 14px;
    color: #ffffff;
}
.circle-7 {
    background-color: #000000; 
    border-color: #000000;
    color: #ffffff;
}
.circle-8 {
    background-color: #5aa305;
    border-color: #588325;
    color: #ffffff;
}
.circle-9 {
    background-color: #2c2e30;
    border-color: #262626;
    color: #ffffff;
}
.circle-10 {
    background-color: #c4426e;
    border-color: #a12d54;
    color: #ffffff;
}
.circle-11 {
    background-color: #009406;
    border-color: #007005;
}
.circle-black {
    background-color: black;
    border-color: black;
}
.circle-blue {background-color: #0962e7;border-color: dodgerblue;}

.circle-red {background-color: #e0170a;border-color: red;}
.circle-darkred {
    background-color: darkred;
    border-color: darkred;
}
.circle-darkblue {
    background-color: darkblue;
    border-color: darkblue;
}
.circle-aquagreen {
    background-color: aqua;
    border-color: aqua;
    color: black;
}
.circle-blueturqoise {
    background-color: #45aec7;
    border-color: #45aec7;
}
.circle-white {
    background-color: white;
    border-color: #adadad;
    color: black;
}
.circle-orange {
    background-color: orangered;
    border-color: orangered;
    color: black;
}

.circle-pear {background-color: lawngreen;color: black;border-color: lawngreen;}
.circle-tran-green {
	background-color: #000;
    border-color: #9ddf18;
    color: #9ddf18;
}

.circle-tran-blue {
	background-color: #000;
    border-color: #1882df;
    color: #1882df;
}
.circle-tran-blueturqoise {
	background-color: #000;
    border-color: #45aec7;
    color: #45aec7;
}

.circle-tran-red {
	background-color: #000;
    border-color: #df1818;
    color: #df1818;
}
.circle-yellow {
    background-color: #f1c80d;
    border-color: #f1c80d;
    color: #000000;
}


#game-bet .game-bet-center .height-auto {
    height: auto;
}
#game-bet .game-bet-center ._bet.upv ._gamebet_ ,
#game-bet .game-bet-center ._bet.tiev ._gamebet_ ,
#game-bet .game-bet-center ._bet.downv ._gamebet_ { height:107px;}


.mini-history-tab {
	text-align: center;
	border: 1px solid #616161;
	padding: 14px;
	font-size: 15px;
	background-color: #2f343a;
}
.mini-history-tab,
.mini-history-tab-orange2 {
	color: #fff;
	width: calc(100% - 6px);
	margin: 0 3px;
}
.mini-history-tab-orange2 {
	text-align: left;
	padding: 14px 22px;
	font-size: 14px;
	background: #1b1c1f;
	border-radius: 6px;
}


/* casino */


.cs_warp{
	/* grid-gap: 0.5rem; */
	/* gap: 0.5rem; */
	/* margin-top: 1rem; */
	/* display: grid; */
	/* margin-bottom:10px; */
	display:block;
	width:100%;
	height:100%;
}
.cs_warp .cas-image {
    display: inline-block;
    width: 323px;
    height: 100%;
}
.ent-container {
  position: relative;
  z-index: 1;
}



.cs_item {
	background: unset !important;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    border-width: 2px;
    border-radius: 0.5rem;
    background-position: center;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
}
.cas-image .cs_item .btn-ent {
    font-size: 0;
}
.cas-image .cs_item:before {
    /* content: ""; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: url(/image/casino/bg-after.png) no-repeat center; */
    /* background-size: 323px 150px; */
    /* position: absolute; */
    /* z-index: 0; */
    /* left: 0; */
    /* top: 0; */
    /* transform: rotate(180deg); */
}
.cs_item > div:nth-child(1) {
    background-size: 100%;
    background-position: center;
    transition-duration: .3s;
    transition-property: all;
    width: 100%;
    /* left: 0px; */
    /* top: 0px; */
    /* position: absolute; */
    height: 100%;
    background-repeat: no-repeat;
    height: 283px;
}
.cs_item > div:nth-child(2):hover{
	right: 20px;
}
.cs_item > div:nth-child(2){
	background-size: 70%;
	transition-duration: .3s;
	transition-property: all;
	width: 100%;
	right: 0px;
	top:0;
	position: absolute;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right;
}


.cs_item .img-botaspeed {
    content: url(/image/banner_casino/botaSPEED.png);
}
.cs_item .img-botaseam {
    content: url(/image/banner_casino/botaSEAM.png);
}




.cswrap-l {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}

.cswrap-l .cas-image,
.img-header-l,
.img-header-l .btn-ent {
  height: 100%;
  float: left;
  width: 100%;
}
.cswrap-l .cas-image .img-header-l .btn-ent {
  position: absolute;
  top: 0;
  font-size: 0;
}
.cswrap-l .cas-image:hover .img-header-l .btn-ent {
  position: absolute;
  opacity: 0.53;
  background: url(/image/banner_casino/play-big.png);
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  left: 0;
  background-repeat: no-repeat;
}


.cas-image:hover .btn-ent {
    background: url(/image/banner_casino/playsilver.png);
    background-position: center;
    height: 100%;
    width: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-size: 30%;
    background-color: #0e0e0ea1;
}


.cas-image .btn-ent .first {
    font-size: 0;
}







/*slot*/

.name-header.slot_header ._search_slot {
	width: auto;
	padding-left:35px;
	margin: 0;
}
.wrap-searchslot {
    position: relative;
    z-index: 1;
    float: right;
}

.wrap-searchslot .fa-search {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    color: #767676;
    font-size: 22px;
}

.button_sonow_slot,
.button_kplay_slot,
.button_gs_slot,
.button_hub_slot,
.button_honor_slot {    
	display: inline-block;
    margin: 2px;
    padding: 4px 16px;
    background: #272727;
    background-image: linear-gradient(90deg, #272727, #535353);
    border-radius: 3px;
    border: 1px solid #212121;
    cursor: pointer;
    position: relative;
    z-index: 1;
    line-height: 50px;
    height: 70px;
    overflow: hidden;
font-size: 0;}

.logo_provider {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    display: inline-block;
}

.button_sonow_slot.clicked,
.button_kplay_slot.clicked,
.button_gs_slot.clicked,
.button_hub_slot.clicked,
.button_honor_slot.clicked {
    border: 1px solid var(--swiper-theme-color);
}
.button_sonow_slot:hover,
.button_kplay_slot:hover,
.button_gs_slot:hover,
.button_hub_slot:hover,
.button_honor_slot:hover {
	
    background: var(--bg-logo_provider-before);
    transition: 0.3s all ease-in-out;
	
}
#slotgame-bet {
    width: 100%;
}

.bg-tslot {
    background: #6c6c6c8c;
}
.provider_container .button_sonow_slot,
.provider_container .button_kplay_slot,
.provider_container .button_gs_slot,
.provider_container .button_hub_slot ,
.provider_container .button_honor_slot {
    width: calc(calc(100% / 2) - 6px);
	overflow: hidden;	
}
#game-bet.bg-slot {margin: 0 !important;width: 100%;background: #494746;}


.slot_group ._game_item {cursor: pointer;
    display: inline-block;
    padding: 10px;width: calc(20% - 0px);
position: relative;}


.provider_container {
    float: left;
    width: 420px;
    height: calc(100vh - 225px);
    overflow: auto;
}

#slotbox {
    width: calc(100% - 420px);
    float: left;
    height: calc(100vh - 225px);
    overflow: auto;
}

.provider_container .btn_panelSnow {
	overflow: hidden;   
	background: #383838;
    padding: 5px;
text-align: center;}





.slot_group ._game_item img {width: 70%;}

.slot_group ._game_item .btn-ent {width: 100%;float: left;text-align: center;}

.slot_group ._game_item .btn-ent .first {display: block; margin-top: 10px;}
.slot_group ._game_item .snow_lobby:hover .btn-ent:before {
    background: url(/static/image/Casino/c41171c.png) no-repeat;
    background-size: 30%;
    background-position: center;
    position: absolute;
    content: "";
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.slot_group ._game_item .snow_lobby:hover {
    color: #ffffff;
}


.provider_container .button_kplay_slot[idx~="PP"]:before {
    background: url(/image/slot-logo/pragmatic-play-white.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="BNG"]:before {
    background: url(/image/slot-logo/BNG.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="PLS"]:before ,
.provider_container .button_honor_slot[idx~="PLS"] .logo_provider:before ,
.provider_container .button_honor_slot[idx~="PlaySon"] .logo_provider:before  {
    background: url(/image/slot-logo/playson.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="ELS"]:before {
    background: url(/image/slot-logo/elysium.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="SKW"]:before {
    background: url(/image/slot-logo/skywind.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="BB"]:before {
    background: url(/image/slot-logo/bbt.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_hub_slot[idx~="gpi_slot"]:before {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/gameplay-int.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_kplay_slot[idx~="GPI"]:before {
    background: url(/image/slot-logo/gameplay-int.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 110px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_hub_slot[idx~="naga_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/naga.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="booming_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/booming.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="boomerang_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/boomerang.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="4tp_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/4theplayer.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="upg_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/upg.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="expanse_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/expanse.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="reelplay_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/reelplay.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="fantasma_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/fantasma.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="bgaming_slot"]:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/bgaming.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx~="netent_slot"]:before {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/netent.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_kplay_slot[idx~="NT"]:before {
    background: url(/image/slot-logo/netent.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="RT"]:before {
    background: url(/image/slot-logo/red-tiger.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
	}.provider_container .button_kplay_slot[idx~="RLX"]:before {
    background: url(/image/slot-logo/relax-gaming.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
	}.provider_container .button_kplay_slot[idx~="CQ9"]:before {
    background: url(/image/slot-logo/CQ9.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_hub_slot[idx~="ftg_slot"]:before {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/funta.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_kplay_slot[idx~="FTG"]:before {
    background: url(/image/slot-logo/funta.png?v=05) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 120px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_hub_slot[idx~="playtech_slot"]:before {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/playtec.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_kplay_slot[idx~="PT"]:before {
    background: url(/image/slot-logo/playtec.png?v=05) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 110px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="MG"]:before {
    background: url(/image/slot-logo/Microgaming.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="PLT"]:before {
    background: url(/image/slot-logo/platipus.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="NLC"]:before {
    background: url(/image/slot-logo/nolimit.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
	}.provider_container .button_kplay_slot[idx~="DGS"]:before {
    background: url(/image/slot-logo/dragoonsoft.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
	filter: brightness(10.5);
	}.provider_container .button_kplay_slot[idx~="PNG"]:before {
    background: url(/image/slot-logo/PLAYG.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="BLP"]:before {
    background: url(/image/slot-logo/blueprint.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
	
}
.provider_container .button_hub_slot[idx~="quickspin_slot"]:before {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/quickspin.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_kplay_slot[idx~="QSP"]:before {
    background: url(/image/slot-logo/quickspin.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
	}.provider_container .button_kplay_slot[idx~="KRN"]:before {
    background: url(/image/slot-logo/kiron.jpg?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_hub_slot[idx~="spearhead_slot"]:before {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/spearhead.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_kplay_slot[idx~="SPH"]:before {
    background: url(/image/slot-logo/spearhead.png?v=04) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 120px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="ELK"]:before {
    background: url(/image/slot-logo/elk.png?v=05) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="RR"]:before {
    background: url(/image/slot-logo/redrake.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_kplay_slot[idx~="HBN"]:before {
    background: url(/image/slot-logo/habanero.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}

/* honor slot*/
.provider_container .button_gs_slot:before {
    background-color: #0e0e0e;
    background-image: url(/image/icon/no-game.png?v=02);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    display: inline-block;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot:before {
    background-color: #0e0e0e;
    background-image: url(/image/icon/no-game.png?v=02);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    display: inline-block;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="Booongo"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="BOOONGO"] .logo_provider:before,
.provider_container .button_honor_slot[idx="slot-booongo"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/BNG.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 80px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="EVOPLAY"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Evoplay"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="evoplay"] .logo_provider:before   {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/ep.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: center;
	
}
.provider_container .button_honor_slot[idx="MicroGaming Plus Slo"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="microgameslot"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="MicroGaming"] .logo_provider:before  {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/Microgaming.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 46px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="pragmatic_slot"] .logo_provider:before,
.provider_container .button_honor_slot[idx="PragmaticPlay"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="8"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="99"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="3"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="pp"] .logo_provider:before,
.provider_container .button_honor_slot[idx="300"] .logo_provider:before,
.provider_container .button_honor_slot[idx="PRAGMATIC"] .logo_provider:before,
.provider_container .button_honor_slot[idx="slot-pragmatic"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Pragmatic"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/pragmatic-play-white.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_honor_slot[idx="Habanero"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="HABANERO"] .logo_provider:before,
.provider_container .button_honor_slot[idx="slot-habanero"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="habanero"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/habanero.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: center;
}



.provider_container .button_hub_slot[idx="12"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/quickspin.png?v=05) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="17"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/REDLAKE-.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="18"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/RELEX-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="relax_slot"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/relax-gaming.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="30"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/SPEERHEAD-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="gmw_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="41"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/GMW-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="aspect_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="52"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/aspect-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="58"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/quickspin.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="betsoft_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="59"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/Betsoft-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="79"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/NETGAMING-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="nextspin_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="86"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/Nextspin-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="hs_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="90"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="hacksaw"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Hacksaw"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="HacksawGaming"] .logo_provider:before   {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/HACKSOWGAMING-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="aux_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="91"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/AVATAUX-.png?v=03) ;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}


.provider_container .button_hub_slot[idx="8"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/Microgaming.png);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_honor_slot[idx="Wazdan"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/wazdan.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="Relax Gaming"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="RelaxGaming"] .logo_provider:before  {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/relax-gaming.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="Triple Profit Gaming"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/tpg.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="gameart_slot"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="46"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="GameArt"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/gameart.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="cq9_slot"] .logo_provider:before,
.provider_container .button_honor_slot[idx="CQ9"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/cq9.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="redtiger_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="27"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/red-tiger.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="ag_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="22"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/asia-gaming.png);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="31"] .logo_provider:before  {
	background: var(--bg-logo_provider-before);
	background-image:url(/image/slot-logo/elysium.png?v=04) ;
	content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="15"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Blueprint Gaming"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Blueprint"] .logo_provider:before  {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/blueprint.png?v=06);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="ps_slot"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="84"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="PlayStar"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/playstar.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}


.provider_container .button_honor_slot[idx="ezugi"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/zekiro_ezugi.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}


.provider_container .button_hub_slot[idx="77"] .logo_provider:before  {
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/funta.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 100%  60px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_hub_slot[idx="png_slot"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="87"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="playngo"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="PlaynGo"] .logo_provider:before 
{
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/PLAYG.png);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="fachai"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Fachai"] .logo_provider:before  
{
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/fachai-slot.png);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="JDB"] .logo_provider:before 
{
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/jdb-slot.png);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="kagaming"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="KaGaming"] .logo_provider:before 
{
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/ka-gaming.png);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="jili"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="JiLi"] .logo_provider:before  
{
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/jili.png);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="skywind_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="60"] .logo_provider:before  {
    background: var(--bg-logo_provider-before);
    background-image:url(/image/slot-logo/skywind.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="btg_slot"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="56"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="BigTimeGaming"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="BigTime"] .logo_provider:before  {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/btg.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="45"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="PlaySon"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Playson"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/playson2.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="Thunderkick"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/thunderk.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="nlc_slot"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="88"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Nolimit City"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="NolimitCity"] .logo_provider:before  {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/nolimit.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 55px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="Mobilots"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/mobilots.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="PlayPearls"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/playpearl.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center;
}


.provider_container .button_hub_slot[idx="dragoon_slot"] .logo_provider:before {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/dragoonsoft.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="29"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="Dragoon Soft"] .logo_provider:before,
.provider_container .button_honor_slot[idx="DragoonSoft"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/dragoonsoft.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 55px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="1X2 Gaming"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/1X2.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_honor_slot[idx="Elk Studios"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/elk.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="pgsoft_slot"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="PG Soft"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="slot-pgsoft"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="PG Soft"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="PGSoft"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="pgsoft"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="57"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/pgsoft.png?v=03);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center;
}
.button_honor_slot {
    padding: 0;
}

.button_gs_slot {
    padding: 0;
}
.button_hub_slot {
    padding: 0;
}


.provider_container .button_gs_slot[idx="PRAGMATIC"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/pragmatic-play-white.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_gs_slot[idx="GENESIS"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/GENESIS.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_gs_slot[idx="PGSOFT"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/PSOFT.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_gs_slot[idx="TOPTREND"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/TTG.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="habanero_slot"] .logo_provider:before,
.provider_container .button_gs_slot[idx="HABANERO"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/habanero.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_gs_slot[idx="REELKINGDOM"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/REELKINGDOM.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 100%  60px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="booongo_slot"] .logo_provider:before ,
.provider_container .button_hub_slot[idx="44"] .logo_provider:before ,
.provider_container .button_gs_slot[idx="BOOONGO"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/BNG.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="23"] .logo_provider:before ,
.provider_container .button_gs_slot[idx="CQ9"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/CQ9.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="playson_slot"] .logo_provider:before ,
.provider_container .button_gs_slot[idx="PLAYSON"] .logo_provider:before ,
.provider_container .button_honor_slot[idx="PLAYSON"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/playson2.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.provider_container .button_gs_slot[idx="DREAMTECH"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/dreamtech.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 58px;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_hub_slot[idx="evo_slot"] .logo_provider:before,
.provider_container .button_hub_slot[idx="evo_slot	"] .logo_provider:before,
.provider_container .button_gs_slot[idx="EVOPLAY"] .logo_provider:before {
    background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/ep.png?v=05);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-position: center;
}


.provider_container .button_sonow_slot[idx~="6"]:before {
    background: url(/image/slot-logo/bbt.png?v=03) no-repeat left;
    content: "";
    position: relative;
    top: 0px;
    left: 0;
    height: 52px;
    width: 82px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_sonow_slot[idx~="8"]:before ,
.provider_container .button_sonow_slot[idx~="99"]:before {
    background: url(/image/slot-logo/pragmatic-play-white.png) no-repeat left;
    content: "";
    position: relative;
    top: 1px;
    left: 0;
    height: 52px;
    width: 102px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_sonow_slot[idx~="11"]:before  {
    background: url(/image/slot-logo/STARG.png) no-repeat left;
    content: "";
    position: relative;
    top: -1px;
    left: 0;
    height: 52px;
    width: 77px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
    filter:brightness(15.5);
}
.provider_container .button_sonow_slot[idx~="10"]:before  {
    background: url(/image/slot-logo/isoftbet-logo.png) no-repeat left;
    content: "";
    position: relative;
    top: -1px;
    left: 0;
    height: 52px;
    width: 86px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
    filter: drop-shadow(0px 0px 6px black);
}
.provider_container .button_sonow_slot[idx~="14"]:before {
    background: url(/image/slot-logo/PSOFT.png) no-repeat left;
    content: "";
    position: relative;
    top: -1px;
    left: 0;
    height: 52px;
    width: 54px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_sonow_slot[idx~="15"]:before {
    background: url(/image/slot-logo/bbin.png) no-repeat left;
    content: "";
    position: relative;
    top: -1px;
    left: 0;
    height: 47px;
    width: 64px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
    filter: drop-shadow(0px 0px 6px black);  
}
.provider_container .button_sonow_slot[idx~="19"]:before {
    background: url(/image/slot-logo/real-time-slots.png) no-repeat left;
    content: "";
    position: relative;
    top: -1px;
    left: 0;
    height: 52px;
    width: 54px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}
.provider_container .button_hub_slot[idx~="microgaming_slot"]:before ,
.provider_container .button_hub_slot[idx~="MicroGaming"]:before  {
	background: var(--bg-logo_provider-before);
    background-image: url(/image/slot-logo/Microgaming.png?v=04);
    content: "";
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: inline-block;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.provider_container .button_sonow_slot[idx~="21"]:before {
	background: url(/image/slot-logo/Microgaming.png) no-repeat left;
	content: "";
	position: relative;
	top: -1px;
	left: 0;
	height: 52px;
	width: 75px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	filter: drop-shadow(0px 0px 6px black);
}
.provider_container .button_sonow_slot[idx~="23"]:before {
    background: url(/image/slot-logo/CQ9.png) no-repeat left;
    content: "";
    position: relative;
    top: -1px;
    left: 0;
    height: 52px;
    width: 52px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
    filter: drop-shadow(0px 0px 6px gray);
}
.provider_container .button_sonow_slot[idx~="24"]:before {
	background: url(/image/slot-logo/HABANERO.png) no-repeat left;
	content: "";
	position: relative;
    top: -5px;
    left: 0;
    height: 52px;
    width: 92px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	filter: drop-shadow(0px 0px 6px gray);
}
.provider_container .button_sonow_slot[idx~="29"]:before {
	background: url(/image/slot-logo/PSTAR.png) no-repeat left;
	content: "";
	position: relative;
	top: -1px;
	left: 0px;
	height: 45px;
	width: 54px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
}
.provider_container .button_sonow_slot[idx~="30"]:before {
	background: url(/image/slot-logo/GART.png) no-repeat left;
	content: "";
	position: relative;
	top: -1px;
	left: 0px;
	height: 45px;
	width: 91px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	filter: invert(1);
}
.provider_container .button_sonow_slot[idx~="32"]:before {
	background: url(/image/slot-logo/TTG.png) no-repeat left;
	content: "";
	position: relative;
	top: -1px;
	left: 0px;
	height: 48px;
	width: 75px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	/* filter: drop-shadow(0px 0px 6px WHITE); */
}
.provider_container .button_sonow_slot[idx~="33"]:before {
	background: url(/image/slot-logo/GENESIS.png?v=05) no-repeat left;
	content: "";
	position: relative;
	top: 0px;
	left: 0px;
	height: 48px;
    width: 79px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
}
.provider_container .button_sonow_slot[idx~="34"]:before {
	background: url(/image/slot-logo/tpg.png) no-repeat left;
	content: "";
	position: relative;
	top: 0px;
	left: 0px;
	height: 49px;
	width: 78px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	filter: brightness(2.5);
}
.provider_container .button_sonow_slot[idx~="36"]:before {
	background: url(/image/slot-logo/playson.png) no-repeat left;
	content: "";
	position: relative;
	top: -1px;
	left: 0px;
	height: 50px;
	width: 91px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	filter: brightness(6.5);
}
.provider_container .button_sonow_slot[idx~="37"]:before {
	background: url(/image/slot-logo/bng.png) no-repeat left;
	content: "";
	position: relative;
	top: -1px;
	left: 0px;
	height: 51px;
	width: 86px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	/* filter: drop-shadow(0px 0px 6px WHITE); */
}
.provider_container .button_sonow_slot[idx~="40"]:before {
	background: url(/image/slot-logo/ep.png) no-repeat left;
	content: "";
	position: relative;
	top: 1px;
	left: 0px;
	height: 45px;
	width: 82px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	/* filter: drop-shadow(0px 0px 6px WHITE); */
}
.provider_container .button_sonow_slot[idx~="41"]:before {
	background: url(/image/slot-logo/dreamtech.png) no-repeat left;
	content: "";
	position: relative;
	top: 0px;
	left: 0px;
	height: 45px;
	width: 68px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	/* filter: drop-shadow(0px 0px 6px WHITE); */
}
.provider_container .button_sonow_slot[idx~="44"]:before {
	background: url(/image/slot-logo/asia-gaming.png) no-repeat left;
	content: "";
	position: relative;
	top: 0px;
	left: 0px;
	height: 45px;
	width: 77px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	/* filter: drop-shadow(0px 0px 6px WHITE); */
}
.provider_container .button_sonow_slot[idx~="47"]:before {
	background: url(/image/slot-logo/bally_theshow.png) no-repeat left;
	content: "";
	position: relative;
	top: 0px;
	left: 0;
	height: 45px;
	width: 106px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	/* filter: drop-shadow(0px 0px 6px WHITE); */
}
.provider_container .button_sonow_slot[idx~="57"]:before {
	background: url(/image/slot-logo/PSTAR.png) no-repeat left;
	content: "";
	position: relative;
	top: -1px;
	left: 0px;
	height: 45px;
	width: 54px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	filter: drop-shadow(0px 0px 6px WHITE);
    
}
.provider_container .button_sonow_slot[idx~="51"]:before {
	background: url(/image/slot-logo/PLAYG.png) no-repeat left;
	content: "";
	position: relative;
	top: 3px;
	left: 0;
	height: 45px;
	width: 97px;
	z-index: -1;
	display: inline-block;
	background-size: 100%;
	/* filter: drop-shadow(0px 0px 6px WHITE); */
}
.provider_container .button_sonow_slot[idx~="99"]:before {
    background: url(/image/slot-logo/pragmatic-play-white.png) no-repeat left;
    content: "";
    position: relative;
    top: 1px;
    left: 0;
    height: 52px;
    width: 102px;
    z-index: -1;
    display: inline-block;
    background-size: 100%;
}



.slot-select-container-blue2{
	width: 200px;
    margin: 1px 4px 0 0;
    float: right;
    position: absolute;
    top: 1px;
    right: 0;
	padding-top:0 !important;
}







/*Holdem*/



.holdem-txt-msg {
    margin: 10px 0;
    display: block;
    font-size: 16px;
    font-weight: 900;
    color: #ebcc30;
}

.holdemInfo .ent-container.go_holdem {
	display: flex;
	width: 100%;
	text-decoration: none;
}
.holdemInfo .ent-container.go_holdem:hover {
	text-decoration: none;
}
						
.holdemInfo .ent-container.go_holdem .holdem-bg {
	width: 50%;
	height: 100%;
}
.holdemInfo .ent-container.go_holdem .holdem-bg > img {
	width: 100%;
	height: auto;
}

.holdemInfo .ent-container.go_holdem .holdem-txt {
	width: 50%;
	font-weight: 600;
	padding: 8px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.holdemInfo .holdem-txt-s {
	font-size: 1.4vw;
}
.holdemInfo .holdem-txt-xs {
	font-size: 1.3vw;
	margin-top: 12px;
}
.holdemInfo .holdem-txt-l {
	font-size: 1.7vw;
	margin-top: 2rem;
}

.holdemInfo .htxt-w {
	color: #fff;
}

.holdemInfo .htxt-y {
	color: #fcb325;
}

.holdemInfo .holdem-btn {
	font-size: 1.3vw;
	color: #000;
	background: #fcb325;
	width: 22vw;
	padding: 5px;
	border-radius: 10px;
	margin-top: 25px;
}







/*Deposit*/ /*&*/ /*Withdraw*/
.calc_wrap > button{
	background: #2e7de5 !important;
    border: 1px solid #2e7de5 !important;
    color: #fff !important;
	float: left !important;
	height: 35px !important;
	padding: 0 !important;
	margin-left: 2px !important;
	margin-right: 2px !important;
	margin-top: 2px !important;
	width: calc(14.2% - 4px) !important;
}

.calc_wrap > button:hover{
	background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
}
.calc_wrap > div{
	border: 1px solid #ff3f40;
	background-color: #ff3f40;
	border-radius: 4px;
	float: right !important;
	cursor: pointer;
	height: 35px !important;
	text-align: center !important;
	padding: 0 !important;
	margin-left: 2px !important;
	margin-right: 2px !important;
	margin-top: 2px !important;
	width: calc(14.2% - 4px) !important;
}


._calc{
	height:40px !important;
	font-size:14px !important;
	padding-right:10px !important;
	color: rgb(0, 0, 0);
	text-align:right !important;
	width:100%;
	font-weight:bold;
}









/*Events*/

.board-topfix{
	color: white;
	background: rgb(67 23 129) !important;
}



.board-topfix .anim_line,
.event_tbl .anim_line {
    position: absolute;
    display: block;
}
.board-topfix .anim_line:nth-child(2),
.event_tbl .anim_line:nth-child(2) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffffff78);
    animation: btn-anim2 5s linear infinite;
}

.board-topfix .anim_line:nth-child(3),
.event_tbl .anim_line:nth-child(3) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #ffffff78);
    animation: btn-anim3 5s linear infinite;
    animation-delay: 0.25s;
}

.board-topfix .anim_line:nth-child(4),
.event_tbl .anim_line:nth-child(4) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #ffffff78);
    animation: btn-anim4 5s linear infinite;
    animation-delay: 0.5s;
}

.event_tbl .anim_line:nth-child(5),
.board-topfix .anim_line:nth-child(5) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #ffffff78);
    animation: btn-anim5 5s linear infinite;
    animation-delay: 0.75s;
}

.board-topfix .table-board-td-first._open_board_.title_not ,
.board-topfix .table-board-td-first._open_board_event.title_not,
.event_tbl .title_evt  {
    background: #291832;
    border: 1px solid #6404b6;		
}

.board-topfix  .text_glow_1 ,
.event_tbl .text_glow_1 {
	animation: glow-text1 3s infinite linear;	
}
.text_flash {
	animation-name: flash;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-timing-function: linear;
}
.text_shine {
	animation-name: shine;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-timing-function: linear;
}

.board-topfix .gold-text strong ,
.event_tbl .gold-text strong {
    font-weight: 100;
}
.board-topfix .gold-text ,
.event_tbl .gold-text {
	color: transparent;
	background-color: #e8a95b;
	background-image: radial-gradient(ellipse farthest-corner at right bottom, white 0%, #f0bb7a 20%, #e8a95b 60%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, white 0%, #f0bb7a 50%, #de9945 75%, #e8a95b 100%);
	background-size: 100% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	font-family: 'Black Han Sans', sans-serif; 
    word-break: break-word;	
    font-size: 23px;
    padding-left: 20px;
    padding-right: 145px;
    padding-bottom: 0;
    padding-top: 10px;
}
.event_tbl .gold-text:before ,
.board-topfix .gold-text:before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	color: #e8a95b;
	z-index: -1;
	text-shadow: 0 -1px 0 #f4cc9b, 0 1px 0 #a77334, 0 2px 0 #9b6b30, 0 3px 0 #90632d, 0 4px 0 #7a5426, 0 4px 2px #7a5426, 0 0.075em 0.1em rgba(26, 35, 39, 0.3), 0 0.15em 0.3em rgba(222, 153, 69, 0.2);
}



.board-topfix .decoration-text:before ,
.event_tbl .decoration-text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #6204b4;
    right: 0;
    height: 100%;
    width: 100%;
    transform: translatex(80%);
    background-size: 100%;
    background-image: -moz-linear-gradient(135deg, #bfbfbf 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #bfbfbf 50%, #bfbfbf 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-image: -webkit-linear-gradient(135deg, #bfbfbf 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #bfbfbf 50%, #bfbfbf 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(-45deg, #291832 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #291832 50%, #291832 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
}




/*Forum*/
.speech-bubble .board-event-content {
    overflow: auto;
}

.bl-container {
	width: 40%;
	background: black;
	margin: 0 auto;
	margin-bottom:10px;;
}

.bl-container thead>tr>th {
	white-space: nowrap;
	border: 1px solid #000000;
	background: #242a2f;
	background: linear-gradient(to bottom, #252f39 0%, #001526 74%);
	padding: 6px;
}

.bl-container tbody {
	font-size: 14px;
}

.bl-container tbody>tr>td {
	text-align: -moz-center;
	text-align: -webkit-center;
}

.bl-container tbody>tr:nth-child(odd) td {}

.bl-container .bet-odds {
	background: #2a2a2a;
	border: none;
}

.bl-container .view_bet {
	background: #2a2a2a;
}

.bl-container .bet-odds .type-name span {
	font-size: 13px;
}
.bl-container tbody>tr.view_bet .match-odds.bet-odds {
    background: #3e4346 !important;
}
.bl-container .bet-odds .odds-container {
	border: none;
}

.bl-container .bet-odds .round-box.active {
	background: linear-gradient(180deg, #088BDC, #1a3d60) !important;
}

.bl-container .bet-odds .odds-container .round-box {
	width: calc(50% - 4px) !Important;
}

.bl-container .bet-odds .odds-container .round-box.threerows {
	width: calc(33.3% - 4px) !Important;
	border: 1px solid;
}
.bl-container .bet-odds .odds-container .round-box.singlerow {
	width: calc(100% - 4px) !important;
	border: 1px solid;
}

.bl-container .bet-odds .odds-container .round-box:hover {
	background-color: #3d9ac275 !important;
	box-shadow: inset 0 0 1px 1px #d6d6d6;
}

.bl-container .bet-odds .odds-container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding: 0px;
	margin: 0px;
}

.bl-container .bet-odds .odds-container .round-box {
	background: linear-gradient(180deg, #2D353C, #222);
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	font-weight: 500;
	padding: 0 4px;
	margin: 2px;
	color: #f7f7f7;
	border: 1px solid #000;
}

.bl-container .bet-odds .round-box.active {
	background: linear-gradient(180deg, #088BDC, #1a3d60);
}

.bl-container .bet-odds .odds-container .round-box {
	background: linear-gradient(180deg, #2D353C, #222);
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	font-weight: 500;
	padding: 0 4px;
	margin: 2px;
	color: #f7f7f7;
	border: 1px solid #000;
}



.bet-view-sport-detail,
table.bl-container tbody > tr.view_bet .type-name .vs,
table.bl-container tbody > tr.view_bet .type-name .away-name,
table.bl-container tbody > tr.view_bet .type-name .home-name,
table.bl-container tbody > tr.view_bet .type-name .bet-view-sport-detail .vs {
    background: unset !important;
    border: none !important;
}
.bet-view-sport-detail .vs,
table.bl-container tbody > tr.view_bet .type-name .bet-view-sport-detail .vs {
    width: 4%;
    display: inline-block;
    text-align: center;
}
.bet-view-sport-detail .home-not.snip,
.bet-view-sport-detail .home-name.snip {
    text-align: right;
}
.bet-view-sport-detail .away-not.snip,
.bet-view-sport-detail .away-name.snip {
    text-align: left;
}
.bet-odds .type-name .bet_view_type {
    color: #fff;
    text-align: center;
    width: 28%;
}
table.bl-container tbody > tr.view_bet .match-odds.bet-odds span.bet-view-sport-detail {
    padding-left: 16px;
}
.bet-odds .odds-container .round-box {
    width: calc(50% - 4px) !important;
}
.bet_view_result {
    border-radius: 3px;
    float: unset !important;
}
table.bl-container tbody > tr.view_bet .match-odds.bet-odds span {
    padding: 0 !important;
}
.bl-container .type-name .bet-view-sport-detail {
    width: calc(100% - 0px) !important;
}







/*------*/

table.bl-container {
	border-collapse: collapse;
	width: 90%;
	margin:0 auto;
}

table.bl-container tbody {
	background: #22282e; 
}

table.bl-container tbody>tr>td {
	border: 1px solid #000000;
	font-size: 12px;
	text-align: -moz-center;
	text-align: -webkit-center;
	word-break: break-word;
	white-space: normal;
    padding: 5px;
    font-weight: 700;	
}

table.bl-container thead>tr>th {
	background: #25292c;
    border: 1px solid #000000;
	font-size: 13px;
	white-space: nowrap;
    padding: 10px 0;
    color: #fff;
    text-align: center;
	
}

table.bl-container tbody>tr>td.bl-odds.selected ,
table.bl-container tbody>tr>td.bl-odds:hover {
    background: #3065ad;
}

table.bl-container tbody>tr.view_bet {
	padding: 0;
	margin: 0;
}

table.bl-container tbody>tr.view_bet .match-odds.bet-odds {
	padding: 0;
	width: 100%;
	background: #0e0e0e;
	border: none;
	margin: 0;
}

table.bl-container tbody>tr.view_bet .match-odds.bet-odds span {
	font-size: 12px;
	
}

table.bl-container tbody>tr.view_bet .match-odds.bet-odds .odds-container {
	border: none;
}

table.bl-container tbody>tr.view_bet .match-odds.bet-odds tbody {
	background: none;
	border: none;
}

table.bl-container tr.view_bet .match-odds.bet-odds thead {
	background: none;
}

table.bl-container tbody>tr.view_bet .match-odds.bet-odds tbody>tr>td {
	border: none;
}


table.bl-container tbody>tr.view_bet .type-name .home-name {
	
}
table.bl-container tbody>tr.view_bet .type-name .away-name {
	
}
table.bl-container tbody>tr.view_bet .type-name .bet-view-sport-detail .vs {
    color: #FF5722;
}
table.bl-container tbody>tr.view_bet .type-name .vs, table.bl-container tbody>tr.view_bet .type-name .away-name, table.bl-container tbody>tr.view_bet .type-name .home-name {
    display: inline;
    margin: 3px;
}
table.bl-container tbody>tr.view_bet .type-name .bet_view_result {
    width: 20%;
    float: right;
    text-align: right;
}






/*Roulette*/

#register-container .result_r_div .result_r_table {
    max-width: 900px;
}

#register-container .result_r_div .result_r_table thead>tr>th, #register-container .result_r_div .result_r_table tbody>tr>td {
    text-align: center;
}







/*Attendance & deposit event*/
._calander_day:hover {
    color: #000;
}
.calendar-container {
	background: #110a1e;
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
}
.calendar-container:before {
    content: "";
    position: absolute;
    background: url(/image/dna/BG-calendar.png) no-repeat bottom center fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.calendar-container table.calendar {
	text-align: center;
    margin-bottom: 10px;
    width: 28vw;
    padding: 20px;
    margin: 0 auto;
}
.calendar-container table.calendar thead {
    display: none;
}
.calendar-container table.calendar tr {
	text-align: left;
	margin: 0 auto;
}

.calendar-container table.calendar>thead td {
	height: 90px;
    width: 36px;
    font-size: 30px;
    padding-top: 12px;
    padding-bottom: 0;
    margin: 1px 0;
    border-radius: 0;
    vertical-align: top;
    text-align: center;
    color: #a5a5a5;
    background-color: #25262a;
    background-image: -webkit-linear-gradient(top, #ffffff33 0%, #2525257d 97% , #ffffff33 );
    background-image: linear-gradient(to top, #434343 , #2a2a2a , #2a2a2a, #494949 );
    text-shadow: 0 1px 0 #ffffff;
    border-radius: 50%;
    background: url(/image/dna/no_click_log.png) no-repeat center;
    background-size: 90%;
}

.calendar-container table.calendar>thead td:first-child {
	background: #FF5722;
}

.calendar-container table.calendar>tbody td {
    height: 90px;
    width: 36px;
    color: #3c3c3c;
    font-size: 30px;
    padding-top: 12px;
    padding-bottom: 0;
    margin: 1px 0;
    border-radius: 0;
    vertical-align: top;
    text-align: center;
    color: #a5a5a5;
    background-color: #25262a;
    background-image: -webkit-linear-gradient(top, #ffffff33 0%, #2525257d 97% , #ffffff33 );
    background-image: linear-gradient(to top, #434343 , #2a2a2a , #2a2a2a, #494949 );
    text-shadow: 0 1px 0 #ffffff;
    border-radius: 50%;
    background: url(/image/dna/no_click_log.png) no-repeat center;
    background-size: 90%;
}

.calendar-container table.calendar>tbody.en td {
	background: url(/image/dna/en_no_click_log.png) no-repeat center;
	background-size: contain;
}

.calendar-container table.calendar td.stamped {
    background: url(/image/dna/click_log.png) no-repeat center;
    background-size: 90%;
    color: #fff;
}
.calendar-container table.calendar>tbody.en td.stamped {
	background: url(/image/dna/en_click_log.png) no-repeat center;
	background-size: 90%;
	color: #fff;
	
}
.calendar-container table {
	display:table;
	border-collapse:separate;
	box-sizing:border-box;
	text-indent:initial;
	border-spacing:2px;
	border-color:grey;
}

.calendar-container table.calendar td.stamped:before {
	background-image: url(/image/icon/chk-stamped.png);
	background-size: 100%;
	display: block;
	/* width: 70%; */
	/* height: 80%; */
	content: "";
	background-repeat: no-repeat;
	margin: 0 auto;
    background: unset;	
}


h2#loginevent_ym {
	
}

.calendar_points {
	color: #fff;
    margin: 20px 0px 0px;	
}

.calendar_points span {
	border-radius: unset;
	font-weight: unset;
	background: unset;
	border: unset;
	color: unset;
	border-top: unset;
	border-bottom: unset;
	margin-left: unset;
	margin: 0 auto;
	display: block;
	margin-bottom: 5px;
}
.calendar_points .event_text {
    font-size: 15px;
    padding: 5px;
    margin: 0;
}
.calendar_points span.cmnbtn.event_btn {
	border-radius: 8px;
	font-weight: unset;
	font-weight: 700;
	border-top: unset;
	border-bottom: unset;
	margin-left: unset;
	width: 120px;
	margin: 0 auto;
	
	
	background: #a8fe5f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#feda71, 0), color-stop(#febb4a, 1));
	background: -webkit-linear-gradient(top, #d6fe71 0%, #b1fe4a 100%);
	background: -moz-linear-gradient(top, #d6fe71 0%, #b1fe4a 100%);
	background: -o-linear-gradient(top, #d6fe71 0%, #b1fe4a 100%);
	background: linear-gradient(to top, #d6fe71 0%, #b1fe4a 100%);
	border: 1px solid #a6f54e;
	border-color: #cff54e #7be53e #85d62f;
	-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
	-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2fe95;
	color: #2b6800;
	font-weight: 700;
    border-radius: 25px;
}

.calendar_points span.cmnbtn.event_btn.done {
	background: #fe5f5f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#feda71, 0), color-stop(#febb4a, 1));
    background: -webkit-linear-gradient(top, #feda71 0%, #febb4a 100%);
    background: -moz-linear-gradient(top, #feda71 0%, #febb4a 100%);
    background: -o-linear-gradient(top, #feda71 0%, #febb4a 100%);
    border: 1px solid;
    -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fe9595;
    -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ffc2bd;
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
    background: linear-gradient(180deg, #f44336, #8a0900);
    border-color: #ce2e23;
}

.calendar_points span.cmnbtn.event_btn.unreached {
	background: #cfd214;
	color: #000000;
	background: #b02b57;
	background: -webkit-linear-gradient(top, #fe9071 0%, #fe4aa6 100%);
	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
	color: #570037;
	
}

.calendar_points span.cmnbtn.event_btn:hover {
    filter: brightness(1.5);
}
.calendar_points span:after,
.calendar_points span:before {
	display: unset;
	clear: unset;
	content: unset;
}





.calendar.deposit_calendar.style_two {
	left: 0;
}

.calendar.deposit_calendar {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	margin-bottom: 10px;
	float: unset;
	margin: 0 auto;
	position:relative;
}

.calendar.deposit_calendar {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	margin-bottom: 10px;
	float: unset;
	margin: 0 auto;
}

table.calendar.deposit_calendar>thead td {
	height: 12px;
	width: 79px;
	color: black;
	text-align: center;
	border: none;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 8px;
	margin: 1px 0;
	border: 1px solid black;
	border-right: 0;
}

table.calendar.deposit_calendar>thead td:last-child {
	border-right: 1px solid #9dabbb61;
}

table.calendar.deposit_calendar>tbody td {
	height: 70px;
	width: 80px;
	color: #ffffff;
	text-align: center;
	border: none;
	background: radial-gradient(ellipse closest-side, rgba(255, 255, 255, 0.16), #a9a9a92b), url(/img/asset/cldn-ed.png) center no-repeat;
	background-size: cover;
	font-size: 12px;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 8px;
	margin: 1px 0;
	border-radius: 3px;
	border-right: 1px solid #9dabbb61;
}

.calendar_points div.point_section {
    height: 72px;
    width: 170px;
    background: url(/image/dna/redeem_box.png);
    background-repeat: no-repeat;
    background-size: 100% 72px;
    display: inline-block;
}

.calendar.deposit_calendar.style_two td.deposit_calendar {
    height: 110px;
    width: 133px;
	text-align: center;
	border: 1px solid #656565;
	background: var(--bg-logo_provider-before);
	background-size: cover;
	font-size: 12px;
	padding: 0;
	margin: 1px 0;
	border-radius: 0;
	text-shadow: 1px 1px #000000;
	vertical-align: top;
	box-sizing: border-box;
	font-family: unset;
	position: relative;
	z-index: 1;
    display: table-cell;	
}

.calendar.deposit_calendar.style_two td.deposit_calendar .date {
	text-align: center;
	background: #272727;
	padding: 6px;
	color: #ccc;
}

.calendar.deposit_calendar.style_two td.stamped:after {
	content: "";
	background-image: url(/image/asset/depo_stamp.png);
	background-size: 100%;
	display: inline-block;
	width: 60px;
	height: 60px;
	z-index: -1;
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
}

.calendar.deposit_calendar.style_two td.redeemed:after {
	content: "";
	background-image: url(/image/asset/redeem_stamp.png?v=03);
	background-size: 100%;
	display: inline-block;
	width: 65px;
	height: 65px;
	z-index: -1;
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
}

table.calendar tr {
	text-align: left;
	margin: 0 auto;
}

.calendar.deposit_calendar {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	margin-bottom: 10px;
	float: unset;
	margin: 0 auto;
	
}

.deposit_calendar>thead td {
	height: 12px;
	width: 79px;
	color: black;
	text-align: center;
	border: none;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 8px;
	margin: 1px 0;
	border: 1px solid black;
	border-right: 0;
}

.cal_event_cashout, .cal_event_cashout_h {
	width: 155px;
	height: 40px;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 700;
	color: #10656c;
	border: 1px solid #000000;
	text-shadow: 1px 0px 2px #c9e7e2;
	background-color: #4c8572;
	background: linear-gradient(to bottom, #aed7d2 0%, #487983 74%);
	cursor: pointer;
}


.calendar thead > tr > th {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    color: #00f900;
    font-size: 14px;
    width:100%;
}

._calander_day.cmnbtn {
  background-color: #358fe1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.calendar_event_warn {
  font-size: 15px;
  color: #ff2c2c;
  display: block;
  text-align: center;
  width: 100%;
  float: left;
  margin: 20px 0;
}
.stampedplus_text {
  color: #a8ffaa;
  word-break: keep-all;
  font-size: 12px;
  margin: 0;
  font-weight: 900;
  background: #00000099;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #558156;
}

.day_text {
  color: #fff;
  font-weight: 900;
}
.btnnext {
  padding: 0px 11px;
  font-size: 29px;
  font-weight: 900;
  background-color: #2a5287b3;
  color: #ffbe00;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  margin: 0 10px;
  border: 1px solid #778089;
  background: rgb(181, 189, 200); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(181, 189, 200, 1) 0%,
    rgba(130, 140, 149, 1) 36%,
    rgba(40, 52, 59, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(181, 189, 200, 1) 0%,
    rgba(130, 140, 149, 1) 36%,
    rgba(40, 52, 59, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgb(200 195 181) 0%,
    rgb(147 149 130) 36%,
    rgb(59 51 40) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
  text-shadow: 0 0 8px black;
}
.btnnext:hover {
  background: #ffffff73;
}
.btnnext .fa {
  float: left;
}

.stylus_dateitem {
  font-size: 34px;
  display: inline-block;
  font-weight: 700;
  color: #f7bd34;
  vertical-align: middle;
}





/* My Profile */
#user-container form {
    font-size: unset;
    color: unset;
    justify-content: unset;
    width: 600px;
    max-width: unset;
    padding: unset;	
}


#content-table.refresh{
	height:315px;
}

#user-container button {
	border-radius: 3px;
	color: #fff;
	background-color: #30790f;
	border-color: #30790f;
	cursor: pointer;
	font-size: 16px;
	border-style: solid;
	padding: 5px 5px;
	float: right;
}

#user-container input {
	border-radius: 5px;
	background-color: #1e1d1f;
	border-color: #3e3e3e;
	color: #d2d2d2;
	cursor: auto;
	padding: 0.3rem 1rem;
	font-size: 1.0rem;
	margin-left: 2px;
}

#user-container {
	width: calc(100% - 32px);
	text-align: -moz-center;
	text-align: -webkit-center;
	margin: 0 auto;
	padding: 16px 16px 23px;
}


#user-container table {
	padding: 14px;
	border-radius: 6px;
	border: unset;
	background: unset;
	width: 100%;
	border: unset;
	margin: 0 15px;
}
#content #content-wrapper #sports-wrapper #register-container .deposit-input input:hover, #content #content-wrapper #sports-wrapper #register-container .withdraw-input input:hover, #user-container .member_infoForm .info-group.w-50 input:hover, #content #content-wrapper #sports-wrapper #register-container .deposit-input input:focus, #content #content-wrapper #sports-wrapper #register-container .withdraw-input input:focus, #user-container .member_infoForm .info-group.w-50 input:focus, #content #main-content #game-container #game-bet .allbet-container .all-bet-input:focus, #content #content-wrapper #sports-wrapper #register-container #deposit-form input:hover, #content #content-wrapper #sports-wrapper #register-container #deposit-form input:focus {
    border-color: #66abe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 9px rgb(102 216 233 / 60%);
}
#user-container .member_infoForm .userForm_label {
    width: 200px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: right;
    color: #ffffff;
}
#user-container .member_infoForm .bg-info {
    color: #555;
    background: #bdbdbd;
    width: calc(100% - 225px);
    display: inline-block;
    margin-left: 25px;
    background-color: #a0a0a0;
    border: 2px solid #ccc;
    padding: 0px 16px;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 4px;
    height: 38px;
    line-height: 38px;
}
#user-container .member_infoForm .info-group {
    text-align: left;
    float: unset;
}
#user-container .member_infoForm .info-group.bg-info {
    float: right;
    margin-bottom: 4px;
}

#user-container .member_infoForm .info-group.w-50 input {
    background: #434346;
    border-color: #3e3e3e;
    color: #ffffff;
    border: 2px solid #5c5c66;
    width: calc(100% - 225px);
    display: inline-block;
    margin-left: 25px;
    padding: 0px 16px;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 5px;
    height: 38px;
    line-height: 38px;
}
#user-container td>span:first-child {
	color: #ffffff;
}




#user-container .member_infoForm .right.info-group.w-50 {
	margin-right: 0;
}





#user-container .member_infoForm .info-group.w-50 select {
    background: #424245;
    border-color: #3e3e3e;
    color: #ffffff;
    border: 2px solid #5c5c66;
    width: calc(100% - 225px);
    display: inline-block;
    margin-left: 21px;
    padding: 0px 16px;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 5px;
    height: 38px;
    line-height: 38px;
}





#user-container.collection-wrapper {
    padding: 0;
    width: 100%;
	overflow: auto;
}



#user-container #modify_birthday .info-group {
  width: calc(100% - 225px);
  /*display: inline-block;*/
  float: right;
}

#user-container #modify_birthday .info-group input {
  width: 100%;
  margin:0 0 2px 0;
}






/*UI table*/

.table-history-blue,
.table-history-blue1,
.table-history-blue2,
.table-history-blue3,
.table-history-blue4,
.table-history-blue5,
.table-history-gold,
.table-history-gold1,
.table-history-gold2,
.table-history-green,
.table-history-grey,
.table-history-grey1,
.table-history-orange,
.table-history-orange1,
.table-history-orange2,
.table-history-purple,
.table-history-purple1,
.table-history-red,
.table-history-silver,
.table-history-white,
.table-history-white1,
.table-history-yellow,
.table-history-yellow1,
.table-history-yellow2,
.table-history-yellow3 {
    font-size: 14px;
}
.table-history-blue1 .table-header,
.table-history-blue2 .table-header,
.table-history-blue3 .table-header,
.table-history-blue4 .table-header,
.table-history-blue5 .table-header,
.table-history-blue .table-header,
.table-history-gold1 .table-header,
.table-history-gold2 .table-header,
.table-history-gold .table-header,
.table-history-green .table-header,
.table-history-grey1 .table-header,
.table-history-grey .table-header,
.table-history-orange1 .table-header,
.table-history-orange .table-header,
.table-history-purple1 .table-header,
.table-history-purple .table-header,
.table-history-red .table-header,
.table-history-silver .table-header,
.table-history-yellow1 .table-header,
.table-history-yellow2 .table-header,
.table-history-yellow3 .table-header,
.table-history-yellow .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #2f343a;
}
.table-history-white1 .table-header,
.table-history-white .table-header {
    font-weight: 700;
    font-size: 16px;
    display: flex;
    padding: 10px 0;
    background: #cacaca;
}
.table-history-orange2 .table-header {
    font-weight: 700;
    display: flex;
    padding: 16px 0;
    background: #09090a;
    border-radius: 6px;
}
.table-history-flex-field {
    flex: 1 1 0%;
}
.table-history-tr {
    display: flex;
}
.table-history-blue1 .table-history-tr,
.table-history-blue2 .table-history-tr,
.table-history-blue3 .table-history-tr,
.table-history-blue4 .table-history-tr,
.table-history-blue5 .table-history-tr,
.table-history-blue .table-history-tr,
.table-history-gold1 .table-history-tr,
.table-history-gold2 .table-history-tr,
.table-history-gold .table-history-tr,
.table-history-green .table-history-tr,
.table-history-grey1 .table-history-tr,
.table-history-grey .table-history-tr,
.table-history-orange1 .table-history-tr,
.table-history-orange .table-history-tr,
.table-history-purple1 .table-history-tr,
.table-history-purple .table-history-tr,
.table-history-red .table-history-tr,
.table-history-silver .table-history-tr,
.table-history-yellow1 .table-history-tr,
.table-history-yellow2 .table-history-tr,
.table-history-yellow3 .table-history-tr,
.table-history-yellow .table-history-tr {
    background: #151e2d;
    border-bottom: 1px solid #616161;
}
.table-history-white1 .table-history-tr,
.table-history-white .table-history-tr {
    background: #fff;
    border-bottom: 1px solid #616161;
}
.table-history-orange2 .table-history-tr {
    background: #17171a;
    margin-top: 12px;
    border-radius: 6px;
    transition: background-color 0.1s ease-out 0s;
}
.table-history-orange2 .table-history-tr.on,
.table-history-orange2 .table-history-tr:hover {
    background: #121214;
}
.table-history-td-first {
    border-right: 1px solid #616161;
    padding: 16px 5px;
}
.cash-log-list-row .table-history-td-first {
    word-break: break-word;
}
.table-history-orange2 .table-history-td-first {
    border: none;
}
.table-history-td {
    border-right: 1px solid #616161;
    padding: 16px 5px;
}
.table-history-tr [class*="table-history-td"] {
    word-break: break-word;
}
.table-history-td:last-child {
    border-right: 0 solid #616161 !important;
}
.table-history-orange2 .table-history-td {
    border: none;
}
.table-history-blue1 .table-history-content,
.table-history-blue2 .table-history-content,
.table-history-blue3 .table-history-content,
.table-history-blue4 .table-history-content,
.table-history-blue5 .table-history-content,
.table-history-blue .table-history-content,
.table-history-gold1 .table-history-content,
.table-history-gold2 .table-history-content,
.table-history-gold .table-history-content,
.table-history-green .table-history-content,
.table-history-grey1 .table-history-content,
.table-history-grey .table-history-content,
.table-history-orange1 .table-history-content,
.table-history-orange .table-history-content,
.table-history-purple1 .table-history-content,
.table-history-purple .table-history-content,
.table-history-red .table-history-content,
.table-history-silver .table-history-content,
.table-history-yellow1 .table-history-content,
.table-history-yellow2 .table-history-content,
.table-history-yellow3 .table-history-content,
.table-history-yellow .table-history-content {
    background: #2d353c;
}
.table-history-white1 .table-history-content,
.table-history-white .table-history-content {
    background: #fff;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.table-history-orange2 .table-history-content {
    background: #171719;
    border-radius: 6px;
}
.table-coupon-blue,
.table-coupon-blue1,
.table-coupon-blue2,
.table-coupon-blue3,
.table-coupon-blue4,
.table-coupon-blue5,
.table-coupon-gold,
.table-coupon-gold1,
.table-coupon-gold2,
.table-coupon-green,
.table-coupon-grey,
.table-coupon-grey1,
.table-coupon-orange,
.table-coupon-orange1,
.table-coupon-orange2,
.table-coupon-purple,
.table-coupon-purple1,
.table-coupon-red,
.table-coupon-silver,
.table-coupon-white,
.table-coupon-white1,
.table-coupon-yellow,
.table-coupon-yellow1,
.table-coupon-yellow2,
.table-coupon-yellow3 {
    font-size: 14px;
}
.table-coupon-blue1 .table-header,
.table-coupon-blue2 .table-header,
.table-coupon-blue3 .table-header,
.table-coupon-blue4 .table-header,
.table-coupon-blue5 .table-header,
.table-coupon-blue .table-header,
.table-coupon-gold1 .table-header,
.table-coupon-gold2 .table-header,
.table-coupon-gold .table-header,
.table-coupon-green .table-header,
.table-coupon-grey1 .table-header,
.table-coupon-grey .table-header,
.table-coupon-orange1 .table-header,
.table-coupon-orange .table-header,
.table-coupon-purple1 .table-header,
.table-coupon-purple .table-header,
.table-coupon-red .table-header,
.table-coupon-silver .table-header,
.table-coupon-yellow1 .table-header,
.table-coupon-yellow2 .table-header,
.table-coupon-yellow3 .table-header,
.table-coupon-yellow .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #25292c;
    border-radius: 6px;
}
.table-coupon-white1 .table-header,
.table-coupon-white .table-header {
    font-weight: 700;
    font-size: 16px;
    display: flex;
    padding: 10px 0;
    background: #cacaca;
}
.table-coupon-orange2 .table-header {
    font-weight: 700;
    display: flex;
    padding: 16px 0;
    background: #09090a;
    border-radius: 6px;
}
.table-coupon-flex-field {
    flex: 1 1 0%;
}
.table-coupon-tr {
    display: flex;
}
.table-coupon-blue1 .table-coupon-tr,
.table-coupon-blue2 .table-coupon-tr,
.table-coupon-blue3 .table-coupon-tr,
.table-coupon-blue4 .table-coupon-tr,
.table-coupon-blue5 .table-coupon-tr,
.table-coupon-blue .table-coupon-tr,
.table-coupon-gold1 .table-coupon-tr,
.table-coupon-gold2 .table-coupon-tr,
.table-coupon-gold .table-coupon-tr,
.table-coupon-green .table-coupon-tr,
.table-coupon-grey1 .table-coupon-tr,
.table-coupon-grey .table-coupon-tr,
.table-coupon-orange1 .table-coupon-tr,
.table-coupon-orange .table-coupon-tr,
.table-coupon-purple1 .table-coupon-tr,
.table-coupon-purple .table-coupon-tr,
.table-coupon-red .table-coupon-tr,
.table-coupon-silver .table-coupon-tr,
.table-coupon-yellow1 .table-coupon-tr,
.table-coupon-yellow2 .table-coupon-tr,
.table-coupon-yellow3 .table-coupon-tr,
.table-coupon-yellow .table-coupon-tr {
    background: #1b2024;
    margin-top: 12px;
    border-radius: 6px;
    transition: background-color 0.1s ease-out 0s;
}
.table-coupon-white1 .table-coupon-tr,
.table-coupon-white .table-coupon-tr {
    background: #fff;
    border-bottom: 1px solid #616161;
}
.table-coupon-orange2 .table-coupon-tr {
    background: #17171a;
    margin-top: 12px;
    border-radius: 6px;
    transition: background-color 0.1s ease-out 0s;
}
.table-coupon-orange2 .table-coupon-tr.on,
.table-coupon-orange2 .table-coupon-tr:hover {
    background: #121214;
}
.table-coupon-td-first {
    border: none;
    padding: 16px 5px;
}
.table-coupon-orange2 .table-coupon-td-first {
    border: none;
}
.table-coupon-td {
    border: none;
    padding: 16px 5px;
}
.table-coupon-orange2 .table-coupon-td {
    border: none;
}
.table-coupon-blue1 .table-coupon-content,
.table-coupon-blue2 .table-coupon-content,
.table-coupon-blue3 .table-coupon-content,
.table-coupon-blue4 .table-coupon-content,
.table-coupon-blue5 .table-coupon-content,
.table-coupon-blue .table-coupon-content,
.table-coupon-gold1 .table-coupon-content,
.table-coupon-gold2 .table-coupon-content,
.table-coupon-gold .table-coupon-content,
.table-coupon-green .table-coupon-content,
.table-coupon-grey1 .table-coupon-content,
.table-coupon-grey .table-coupon-content,
.table-coupon-orange1 .table-coupon-content,
.table-coupon-orange .table-coupon-content,
.table-coupon-purple1 .table-coupon-content,
.table-coupon-purple .table-coupon-content,
.table-coupon-red .table-coupon-content,
.table-coupon-silver .table-coupon-content,
.table-coupon-yellow1 .table-coupon-content,
.table-coupon-yellow2 .table-coupon-content,
.table-coupon-yellow3 .table-coupon-content,
.table-coupon-yellow .table-coupon-content {
    background: #2d353c;
}
.table-coupon-white1 .table-coupon-content,
.table-coupon-white .table-coupon-content {
    background: #fff;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.table-coupon-orange2 .table-coupon-content {
    background: #171719;
    border-radius: 6px;
}
.table-sbetlog-blue,
.table-sbetlog-blue1,
.table-sbetlog-blue2,
.table-sbetlog-blue3,
.table-sbetlog-blue4,
.table-sbetlog-blue5,
.table-sbetlog-gold,
.table-sbetlog-gold1,
.table-sbetlog-gold2,
.table-sbetlog-green,
.table-sbetlog-grey,
.table-sbetlog-grey1,
.table-sbetlog-orange,
.table-sbetlog-orange1,
.table-sbetlog-orange2,
.table-sbetlog-purple,
.table-sbetlog-purple1,
.table-sbetlog-red,
.table-sbetlog-silver,
.table-sbetlog-white,
.table-sbetlog-white1,
.table-sbetlog-yellow,
.table-sbetlog-yellow1,
.table-sbetlog-yellow2,
.table-sbetlog-yellow3 {
    font-size: 14px;
    word-break: keep-all;
}
.table-sbetlog-blue1 .table-header,
.table-sbetlog-blue2 .table-header,
.table-sbetlog-blue3 .table-header,
.table-sbetlog-blue4 .table-header,
.table-sbetlog-blue5 .table-header,
.table-sbetlog-blue .table-header,
.table-sbetlog-gold1 .table-header,
.table-sbetlog-gold2 .table-header,
.table-sbetlog-gold .table-header,
.table-sbetlog-green .table-header,
.table-sbetlog-grey1 .table-header,
.table-sbetlog-grey .table-header,
.table-sbetlog-orange1 .table-header,
.table-sbetlog-orange .table-header,
.table-sbetlog-purple1 .table-header,
.table-sbetlog-purple .table-header,
.table-sbetlog-red .table-header,
.table-sbetlog-silver .table-header,
.table-sbetlog-yellow1 .table-header,
.table-sbetlog-yellow2 .table-header,
.table-sbetlog-yellow3 .table-header,
.table-sbetlog-yellow .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #25292c;
    color: #fff;
}
.table-sbetlog-white1 .table-header,
.table-sbetlog-white .table-header {
    display: flex;
    padding: 10px 0;
    background: #cacaca;
    color: #000;
    font-weight: 900;
}
.table-sbetlog-orange2 .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #09090a;
    border-radius: 6px;
    color: #fff;
}
.table-sbetlog-flex-field {
    flex: 1 1 0%;
}
.table-sbetlog-tr {
    display: flex;
}
.table-sbetlog-blue1 .table-sbetlog-tr,
.table-sbetlog-blue2 .table-sbetlog-tr,
.table-sbetlog-blue3 .table-sbetlog-tr,
.table-sbetlog-blue4 .table-sbetlog-tr,
.table-sbetlog-blue5 .table-sbetlog-tr,
.table-sbetlog-blue .table-sbetlog-tr,
.table-sbetlog-gold1 .table-sbetlog-tr,
.table-sbetlog-gold2 .table-sbetlog-tr,
.table-sbetlog-gold .table-sbetlog-tr,
.table-sbetlog-green .table-sbetlog-tr,
.table-sbetlog-grey1 .table-sbetlog-tr,
.table-sbetlog-grey .table-sbetlog-tr,
.table-sbetlog-orange1 .table-sbetlog-tr,
.table-sbetlog-orange .table-sbetlog-tr,
.table-sbetlog-purple1 .table-sbetlog-tr,
.table-sbetlog-purple .table-sbetlog-tr,
.table-sbetlog-red .table-sbetlog-tr,
.table-sbetlog-silver .table-sbetlog-tr,
.table-sbetlog-yellow1 .table-sbetlog-tr,
.table-sbetlog-yellow2 .table-sbetlog-tr,
.table-sbetlog-yellow3 .table-sbetlog-tr,
.table-sbetlog-yellow .table-sbetlog-tr,
table.bl-container tbody > tr > td {
    background: #0c0e10;
    border-bottom: 1px solid #343d46;
    color: #fff;
}
.table-sbetlog-white1 .table-sbetlog-tr,
.table-sbetlog-white .table-sbetlog-tr {
    background: #ebebeb;
    color: #000;
    border-bottom: 1px solid #343d46;
    font-weight: 900;
}
.table-sbetlog-orange2 .table-sbetlog-tr {
    background: #1b1c1f;
    margin-top: 8px;
    border-radius: 6px;
    color: #fff;
}
.table-sbetlog-td-first {
    padding: 5px;
    display: flex;
    align-items: center;
    border-left: 1px solid #343d46;
    border-right: 1px solid #343d46;
}
.table-sbetlog-orange2 .table-sbetlog-td-first {
    border: none;
}
.table-sbetlog-td {
    border-right: 1px solid #343d46;
    padding: 5px;
    display: flex;
    align-items: center;
}
.table-sbetlog-orange2 .table-sbetlog-td {
    border: none;
}
.table-sbetlog-blue1 .table-sbetlog-content,
.table-sbetlog-blue2 .table-sbetlog-content,
.table-sbetlog-blue3 .table-sbetlog-content,
.table-sbetlog-blue4 .table-sbetlog-content,
.table-sbetlog-blue5 .table-sbetlog-content,
.table-sbetlog-blue .table-sbetlog-content,
.table-sbetlog-gold1 .table-sbetlog-content,
.table-sbetlog-gold2 .table-sbetlog-content,
.table-sbetlog-gold .table-sbetlog-content,
.table-sbetlog-green .table-sbetlog-content,
.table-sbetlog-grey1 .table-sbetlog-content,
.table-sbetlog-grey .table-sbetlog-content,
.table-sbetlog-orange1 .table-sbetlog-content,
.table-sbetlog-orange .table-sbetlog-content,
.table-sbetlog-purple1 .table-sbetlog-content,
.table-sbetlog-purple .table-sbetlog-content,
.table-sbetlog-red .table-sbetlog-content,
.table-sbetlog-silver .table-sbetlog-content,
.table-sbetlog-yellow1 .table-sbetlog-content,
.table-sbetlog-yellow2 .table-sbetlog-content,
.table-sbetlog-yellow3 .table-sbetlog-content,
.table-sbetlog-yellow .table-sbetlog-content {
    width: 100%;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    color: #fff;
    display: inline-block;
}
.table-sbetlog-white1 .table-sbetlog-content,
.table-sbetlog-white .table-sbetlog-content {
    width: 100%;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    background: #ebebeb;
    color: #000;
    display: inline-block;
    font-weight: 900;
}
.table-sbetlog-orange2 .table-sbetlog-content {
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 14px;
    padding: 32px 0;
    display: inline-block;
}
.table-sbetlog-container-blue,
.table-sbetlog-container-blue1,
.table-sbetlog-container-blue2,
.table-sbetlog-container-blue3,
.table-sbetlog-container-blue4,
.table-sbetlog-container-gold,
.table-sbetlog-container-gold1,
.table-sbetlog-container-gold2,
.table-sbetlog-container-green,
.table-sbetlog-container-grey,
.table-sbetlog-container-grey1,
.table-sbetlog-container-orange,
.table-sbetlog-container-orange1,
.table-sbetlog-container-purple,
.table-sbetlog-container-purple1,
.table-sbetlog-container-red,
.table-sbetlog-container-silver,
.table-sbetlog-container-yellow,
.table-sbetlog-container-yellow1,
.table-sbetlog-container-yellow2,
.table-sbetlog-container-yellow3 {
    background: #191919;
    padding: 4px;
}
.table-sbetlog-container-white,
.table-sbetlog-container-white1 {
    background: #cacaca;
    padding: 4px;
}
.table-sbetlog-container-orange2 {
    background: #16171a;
    padding: 4px;
    color: #fff;
}
.table-mbetlog-blue,
.table-mbetlog-blue1,
.table-mbetlog-blue2,
.table-mbetlog-blue3,
.table-mbetlog-blue4,
.table-mbetlog-blue5,
.table-mbetlog-gold,
.table-mbetlog-gold1,
.table-mbetlog-gold2,
.table-mbetlog-green,
.table-mbetlog-grey,
.table-mbetlog-grey1,
.table-mbetlog-orange,
.table-mbetlog-orange1,
.table-mbetlog-orange2,
.table-mbetlog-purple,
.table-mbetlog-purple1,
.table-mbetlog-red,
.table-mbetlog-silver,
.table-mbetlog-white,
.table-mbetlog-white1,
.table-mbetlog-yellow,
.table-mbetlog-yellow1,
.table-mbetlog-yellow2,
.table-mbetlog-yellow3 {
    font-size: 14px;
    word-break: keep-all;
}
.table-mbetlog-blue1 .table-header,
.table-mbetlog-blue2 .table-header,
.table-mbetlog-blue3 .table-header,
.table-mbetlog-blue4 .table-header,
.table-mbetlog-blue5 .table-header,
.table-mbetlog-blue .table-header,
.table-mbetlog-gold1 .table-header,
.table-mbetlog-gold2 .table-header,
.table-mbetlog-gold .table-header,
.table-mbetlog-green .table-header,
.table-mbetlog-grey1 .table-header,
.table-mbetlog-grey .table-header,
.table-mbetlog-orange1 .table-header,
.table-mbetlog-orange .table-header,
.table-mbetlog-purple1 .table-header,
.table-mbetlog-purple .table-header,
.table-mbetlog-red .table-header,
.table-mbetlog-silver .table-header,
.table-mbetlog-yellow1 .table-header,
.table-mbetlog-yellow2 .table-header,
.table-mbetlog-yellow3 .table-header,
.table-mbetlog-yellow .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #25292c;
    color: #fff;
    border-bottom: 1px solid #000;
}
.table-mbetlog-white1 .table-header,
.table-mbetlog-white .table-header {
    display: flex;
    padding: 10px 0;
    background: #cacaca;
    color: #000;
    font-weight: 900;
}
.table-mbetlog-orange2 .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #09090a;
    border-radius: 6px;
    color: #fff;
}
.table-mbetlog-flex-field {
    flex: 1 1 0%;
}
.table-mbetlog-tr {
    display: flex;
}
.table-mbetlog-blue1 .table-mbetlog-tr,
.table-mbetlog-blue2 .table-mbetlog-tr,
.table-mbetlog-blue3 .table-mbetlog-tr,
.table-mbetlog-blue4 .table-mbetlog-tr,
.table-mbetlog-blue5 .table-mbetlog-tr,
.table-mbetlog-blue .table-mbetlog-tr,
.table-mbetlog-gold1 .table-mbetlog-tr,
.table-mbetlog-gold2 .table-mbetlog-tr,
.table-mbetlog-gold .table-mbetlog-tr,
.table-mbetlog-green .table-mbetlog-tr,
.table-mbetlog-grey1 .table-mbetlog-tr,
.table-mbetlog-grey .table-mbetlog-tr,
.table-mbetlog-orange1 .table-mbetlog-tr,
.table-mbetlog-orange .table-mbetlog-tr,
.table-mbetlog-purple1 .table-mbetlog-tr,
.table-mbetlog-purple .table-mbetlog-tr,
.table-mbetlog-red .table-mbetlog-tr,
.table-mbetlog-silver .table-mbetlog-tr,
.table-mbetlog-yellow1 .table-mbetlog-tr,
.table-mbetlog-yellow2 .table-mbetlog-tr,
.table-mbetlog-yellow3 .table-mbetlog-tr,
.table-mbetlog-yellow .table-mbetlog-tr {
    background: #171c22;
    border-bottom: 1px solid #353c46;
    color: #fff;
}
.table-mbetlog-white1 .table-mbetlog-tr,
.table-mbetlog-white .table-mbetlog-tr {
    background: #ebebeb;
    color: #000;
    border-bottom: 1px solid #353c46;
    font-weight: 900;
}
.table-mbetlog-orange2 .table-mbetlog-tr {
    background: #1b1c1f;
    margin-top: 8px;
    border-radius: 6px;
    color: #fff;
}
.table-mbetlog-td-first {
    padding: 10px 5px;
    display: flex;
    align-items: center;
    border-left: 1px solid #353c46;
    border-right: 1px solid #353c46;
}
.table-mbetlog-orange2 .table-mbetlog-td-first {
    border: none;
}
.table-mbetlog-td {
    border-right: 1px solid #353c46;
    padding: 10px 5px;
    display: flex;
    align-items: center;
}
.table-mbetlog-orange2 .table-mbetlog-td {
    border: none;
}
.table-mbetlog-blue1 .table-mbetlog-content,
.table-mbetlog-blue2 .table-mbetlog-content,
.table-mbetlog-blue3 .table-mbetlog-content,
.table-mbetlog-blue4 .table-mbetlog-content,
.table-mbetlog-blue5 .table-mbetlog-content,
.table-mbetlog-blue .table-mbetlog-content,
.table-mbetlog-gold1 .table-mbetlog-content,
.table-mbetlog-gold2 .table-mbetlog-content,
.table-mbetlog-gold .table-mbetlog-content,
.table-mbetlog-green .table-mbetlog-content,
.table-mbetlog-grey1 .table-mbetlog-content,
.table-mbetlog-grey .table-mbetlog-content,
.table-mbetlog-orange1 .table-mbetlog-content,
.table-mbetlog-orange .table-mbetlog-content,
.table-mbetlog-purple1 .table-mbetlog-content,
.table-mbetlog-purple .table-mbetlog-content,
.table-mbetlog-red .table-mbetlog-content,
.table-mbetlog-silver .table-mbetlog-content,
.table-mbetlog-yellow1 .table-mbetlog-content,
.table-mbetlog-yellow2 .table-mbetlog-content,
.table-mbetlog-yellow3 .table-mbetlog-content,
.table-mbetlog-yellow .table-mbetlog-content {
    width: 100%;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    color: #11b485;
    display: inline-block;
}
.table-mbetlog-white1 .table-mbetlog-content,
.table-mbetlog-white .table-mbetlog-content {
    width: 100%;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    background: #ebebeb;
    color: #11851d;
    display: inline-block;
    font-weight: 900;
}
.table-mbetlog-orange2 .table-mbetlog-content {
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 14px;
    padding: 32px 0;
    display: inline-block;
}
.table-betlog-container-blue,
.table-betlog-container-blue1,
.table-betlog-container-blue2,
.table-betlog-container-blue3,
.table-betlog-container-gold,
.table-betlog-container-gold1,
.table-betlog-container-gold2,
.table-betlog-container-green,
.table-betlog-container-grey,
.table-betlog-container-grey1,
.table-betlog-container-orange,
.table-betlog-container-orange1,
.table-betlog-container-purple,
.table-betlog-container-purple1,
.table-betlog-container-red,
.table-betlog-container-silver,
.table-betlog-container-yellow,
.table-betlog-container-yellow1,
.table-betlog-container-yellow2,
.table-betlog-container-yellow3 {
    background: #191919;
    padding: 4px;
}
.table-betlog-container-white,
.table-betlog-container-white1 {
    background: #cacaca;
    padding: 4px;
}
.table-betlog-container-orange2 {
    background: #16171a;
    padding: 4px;
    color: #fff;
}
.table-betlog-blue,
.table-betlog-blue1,
.table-betlog-blue2,
.table-betlog-blue3,
.table-betlog-gold,
.table-betlog-gold1,
.table-betlog-gold2,
.table-betlog-green,
.table-betlog-grey,
.table-betlog-grey1,
.table-betlog-orange,
.table-betlog-orange1,
.table-betlog-orange2,
.table-betlog-purple,
.table-betlog-purple1,
.table-betlog-red,
.table-betlog-silver,
.table-betlog-white,
.table-betlog-white1,
.table-betlog-yellow,
.table-betlog-yellow1,
.table-betlog-yellow2,
.table-betlog-yellow3 {
    font-size: 14px;
}
.table-betlog-blue1 .table-header,
.table-betlog-blue2 .table-header,
.table-betlog-blue3 .table-header,
.table-betlog-blue .table-header,
.table-betlog-gold1 .table-header,
.table-betlog-gold2 .table-header,
.table-betlog-gold .table-header,
.table-betlog-green .table-header,
.table-betlog-grey1 .table-header,
.table-betlog-grey .table-header,
.table-betlog-orange1 .table-header,
.table-betlog-orange .table-header,
.table-betlog-purple1 .table-header,
.table-betlog-purple .table-header,
.table-betlog-red .table-header,
.table-betlog-silver .table-header,
.table-betlog-yellow1 .table-header,
.table-betlog-yellow2 .table-header,
.table-betlog-yellow3 .table-header,
.table-betlog-yellow .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #25292c;
}
.table-betlog-white1 .table-header,
.table-betlog-white .table-header {
    display: flex;
    padding: 10px 0;
    background: #cacaca;
    color: #000;
}
.table-betlog-orange2 .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #141517;
    border-radius: 6px;
}
.table-betlog-flex-field {
    flex: 1 1 0%;
}
.table-betlog-tr {
    display: flex;
}
.table-betlog-blue1 .table-betlog-tr,
.table-betlog-blue2 .table-betlog-tr,
.table-betlog-blue3 .table-betlog-tr,
.table-betlog-blue .table-betlog-tr,
.table-betlog-gold1 .table-betlog-tr,
.table-betlog-gold2 .table-betlog-tr,
.table-betlog-gold .table-betlog-tr,
.table-betlog-green .table-betlog-tr,
.table-betlog-grey1 .table-betlog-tr,
.table-betlog-grey .table-betlog-tr,
.table-betlog-orange1 .table-betlog-tr,
.table-betlog-orange .table-betlog-tr,
.table-betlog-purple1 .table-betlog-tr,
.table-betlog-purple .table-betlog-tr,
.table-betlog-red .table-betlog-tr,
.table-betlog-silver .table-betlog-tr,
.table-betlog-yellow1 .table-betlog-tr,
.table-betlog-yellow2 .table-betlog-tr,
.table-betlog-yellow3 .table-betlog-tr,
.table-betlog-yellow .table-betlog-tr {
    background: #171c22;
    border-bottom: 1px solid #353c46;
}
.table-betlog-white1 .table-betlog-tr,
.table-betlog-white .table-betlog-tr {
    background: #ebebeb;
    color: #000;
    border-bottom: 1px solid #353c46;
}
.table-betlog-orange2 .table-betlog-tr {
    background: #1b1c1f;
    margin-top: 8px;
    border-radius: 6px;
}
.table-betlog-td-first {
    padding: 10px 5px;
    display: flex;
    align-items: center;
    border-left: 1px solid #353c46;
    border-right: 1px solid #353c46;
}
.table-betlog-orange2 .table-betlog-td-first {
    border: none;
}
.table-betlog-td {
    border-right: 1px solid #353c46;
    padding: 10px 5px;
    display: flex;
    align-items: center;
}
.table-betlog-orange2 .table-betlog-td {
    border: none;
}
.table-betlog-blue1 .table-betlog-content,
.table-betlog-blue2 .table-betlog-content,
.table-betlog-blue3 .table-betlog-content,
.table-betlog-blue .table-betlog-content,
.table-betlog-gold1 .table-betlog-content,
.table-betlog-gold2 .table-betlog-content,
.table-betlog-gold .table-betlog-content,
.table-betlog-green .table-betlog-content,
.table-betlog-grey1 .table-betlog-content,
.table-betlog-grey .table-betlog-content,
.table-betlog-orange1 .table-betlog-content,
.table-betlog-orange .table-betlog-content,
.table-betlog-purple1 .table-betlog-content,
.table-betlog-purple .table-betlog-content,
.table-betlog-red .table-betlog-content,
.table-betlog-silver .table-betlog-content,
.table-betlog-yellow1 .table-betlog-content,
.table-betlog-yellow2 .table-betlog-content,
.table-betlog-yellow3 .table-betlog-content,
.table-betlog-yellow .table-betlog-content {
    background: #171c22;
    color: #39b1d6;
}
.table-betlog-white1 .table-betlog-content,
.table-betlog-white .table-betlog-content {
    background: #ebebeb;
    color: #000;
}
.table-betlog-orange2 .table-betlog-content {
    background: #171719;
    border-radius: 6px;
}
.table-board-blue,
.table-board-blue1,
.table-board-blue2,
.table-board-blue3,
.table-board-blue4,
.table-board-blue5,
.table-board-gold,
.table-board-gold1,
.table-board-gold2,
.table-board-green,
.table-board-grey,
.table-board-grey1,
.table-board-orange,
.table-board-orange1,
.table-board-orange2,
.table-board-purple,
.table-board-purple1,
.table-board-red,
.table-board-silver,
.table-board-white,
.table-board-white1,
.table-board-yellow,
.table-board-yellow1,
.table-board-yellow2,
.table-board-yellow3 {
    font-size: 14px;
}
.table-board-blue1 .table-header,
.table-board-blue2 .table-header,
.table-board-blue3 .table-header,
.table-board-blue4 .table-header,
.table-board-blue5 .table-header,
.table-board-blue .table-header,
.table-board-gold1 .table-header,
.table-board-gold2 .table-header,
.table-board-gold .table-header,
.table-board-green .table-header,
.table-board-grey1 .table-header,
.table-board-grey .table-header,
.table-board-orange1 .table-header,
.table-board-orange .table-header,
.table-board-purple1 .table-header,
.table-board-purple .table-header,
.table-board-red .table-header,
.table-board-silver .table-header,
.table-board-yellow1 .table-header,
.table-board-yellow2 .table-header,
.table-board-yellow3 .table-header,
.table-board-yellow .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #25292c;
}
.table-board-white1 .table-header,
.table-board-white .table-header {
    font-weight: 700;
    font-size: 16px;
    display: flex;
    padding: 10px 0;
    background: #cacaca;
}
.table-board-orange2 .table-header {
    font-weight: 700;
    display: flex;
    padding: 16px 0;
    background: #09090a;
    border-radius: 6px;
}
.table-board-tr {
    display: flex;
}
.table-board-blue1 .table-board-tr,
.table-board-blue2 .table-board-tr,
.table-board-blue3 .table-board-tr,
.table-board-blue4 .table-board-tr,
.table-board-blue5 .table-board-tr,
.table-board-blue .table-board-tr,
.table-board-gold1 .table-board-tr,
.table-board-gold2 .table-board-tr,
.table-board-gold .table-board-tr,
.table-board-green .table-board-tr,
.table-board-grey1 .table-board-tr,
.table-board-grey .table-board-tr,
.table-board-orange1 .table-board-tr,
.table-board-orange .table-board-tr,
.table-board-purple1 .table-board-tr,
.table-board-purple .table-board-tr,
.table-board-red .table-board-tr,
.table-board-silver .table-board-tr,
.table-board-yellow1 .table-board-tr,
.table-board-yellow2 .table-board-tr,
.table-board-yellow3 .table-board-tr,
.table-board-yellow .table-board-tr {
    background: #2c353c;
    border-bottom: 1px solid #151c22;
}
.table-board-white1 .table-board-tr,
.table-board-white .table-board-tr {
    background: #fff;
    border-bottom: 1px solid #151c22;
}
.table-board-orange2 .table-board-tr {
    background: #17171a;
    margin-top: 12px;
    border-radius: 6px;
    transition: background-color 0.1s ease-out 0s;
}
.table-board-orange2 .table-board-tr.on,
.table-board-orange2 .table-board-tr:hover {
    background: #121214;
}
.table-board-td-first {
    border-left: 1px solid #151c22;
    border-right: 1px solid #151c22;
    padding: 16px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
}
.table-board-orange2 .table-board-td-first {
    border: none;
}
.table-board-td-first._open_board_.title_not,
.title_evt,
.table-board-td-first._open_board_event.title_not,
.title_evt {
    text-align: left;
    justify-content: left;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.table-board-td {
    border-right: 1px solid #151c22;
    padding: 16px 5px;
    display: flex;
    align-items: center;
    word-break: keep-all;
}
.table-board-orange2 .table-board-td {
    border: none;
}
.table-board-blue1 .table-board-content,
.table-board-blue2 .table-board-content,
.table-board-blue3 .table-board-content,
.table-board-blue4 .table-board-content,
.table-board-blue5 .table-board-content,
.table-board-blue .table-board-content,
.table-board-gold1 .table-board-content,
.table-board-gold2 .table-board-content,
.table-board-gold .table-board-content,
.table-board-green .table-board-content,
.table-board-grey1 .table-board-content,
.table-board-grey .table-board-content,
.table-board-orange1 .table-board-content,
.table-board-orange .table-board-content,
.table-board-purple1 .table-board-content,
.table-board-purple .table-board-content,
.table-board-red .table-board-content,
.table-board-silver .table-board-content,
.table-board-yellow1 .table-board-content,
.table-board-yellow2 .table-board-content,
.table-board-yellow3 .table-board-content,
.table-board-yellow .table-board-content {
    background: #1e2327;
    color: #39b1d6;
}
.table-board-white1 .table-board-content,
.table-board-white .table-board-content {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #161c22;
    border-left: 1px solid #161c22;
    border-right: 1px solid #161c22;
}
.table-board-orange2 .table-board-content {
    background: #171719;
    border-radius: 6px;
}
.table-virtual-container-blue,
.table-virtual-container-blue1,
.table-virtual-container-blue2,
.table-virtual-container-blue3,
.table-virtual-container-blue4,
.table-virtual-container-blue5,
.table-virtual-container-gold,
.table-virtual-container-gold1,
.table-virtual-container-gold2,
.table-virtual-container-green,
.table-virtual-container-grey,
.table-virtual-container-grey1,
.table-virtual-container-orange,
.table-virtual-container-orange1,
.table-virtual-container-purple,
.table-virtual-container-purple1,
.table-virtual-container-red,
.table-virtual-container-silver,
.table-virtual-container-yellow,
.table-virtual-container-yellow1,
.table-virtual-container-yellow2,
.table-virtual-container-yellow3 {
    background: #191919;
    padding: 4px;
}
.table-virtual-container-white,
.table-virtual-container-white1 {
    background: #cacaca;
    padding: 4px;
}
.table-virtual-container-orange2 {
    background: #16171a;
    padding: 4px;
    color: #fff;
}
.table-virtual-blue,
.table-virtual-blue1,
.table-virtual-blue2,
.table-virtual-blue3,
.table-virtual-blue4,
.table-virtual-blue5,
.table-virtual-gold,
.table-virtual-gold1,
.table-virtual-gold2,
.table-virtual-green,
.table-virtual-grey,
.table-virtual-grey1,
.table-virtual-orange,
.table-virtual-orange1,
.table-virtual-orange2,
.table-virtual-purple,
.table-virtual-purple1,
.table-virtual-red,
.table-virtual-silver,
.table-virtual-white,
.table-virtual-white1,
.table-virtual-yellow,
.table-virtual-yellow1,
.table-virtual-yellow2,
.table-virtual-yellow3 {
    font-size: 14px;
}
.table-virtual-blue1 .table-header,
.table-virtual-blue2 .table-header,
.table-virtual-blue3 .table-header,
.table-virtual-blue4 .table-header,
.table-virtual-blue5 .table-header,
.table-virtual-blue .table-header,
.table-virtual-gold1 .table-header,
.table-virtual-gold2 .table-header,
.table-virtual-gold .table-header,
.table-virtual-green .table-header,
.table-virtual-grey1 .table-header,
.table-virtual-grey .table-header,
.table-virtual-orange1 .table-header,
.table-virtual-orange .table-header,
.table-virtual-purple1 .table-header,
.table-virtual-purple .table-header,
.table-virtual-red .table-header,
.table-virtual-silver .table-header,
.table-virtual-yellow1 .table-header,
.table-virtual-yellow2 .table-header,
.table-virtual-yellow3 .table-header,
.table-virtual-yellow .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #161b1f;
}
.table-virtual-white1 .table-header,
.table-virtual-white .table-header {
    display: flex;
    padding: 10px 0;
    background: #cacaca;
    color: #000;
}
.table-virtual-orange2 .table-header {
    font-weight: 700;
    display: flex;
    padding: 10px 0;
    background: #141517;
    border-radius: 6px;
}
.table-virtual-flex-field {
    flex: 1 1 0%;
}
.table-virtual-tr {
    display: flex;
}
.table-virtual-blue1 .table-virtual-tr,
.table-virtual-blue2 .table-virtual-tr,
.table-virtual-blue3 .table-virtual-tr,
.table-virtual-blue4 .table-virtual-tr,
.table-virtual-blue5 .table-virtual-tr,
.table-virtual-blue .table-virtual-tr,
.table-virtual-gold1 .table-virtual-tr,
.table-virtual-gold2 .table-virtual-tr,
.table-virtual-gold .table-virtual-tr,
.table-virtual-green .table-virtual-tr,
.table-virtual-grey1 .table-virtual-tr,
.table-virtual-grey .table-virtual-tr,
.table-virtual-orange1 .table-virtual-tr,
.table-virtual-orange .table-virtual-tr,
.table-virtual-purple1 .table-virtual-tr,
.table-virtual-purple .table-virtual-tr,
.table-virtual-red .table-virtual-tr,
.table-virtual-silver .table-virtual-tr,
.table-virtual-yellow1 .table-virtual-tr,
.table-virtual-yellow2 .table-virtual-tr,
.table-virtual-yellow3 .table-virtual-tr,
.table-virtual-yellow .table-virtual-tr {
    background: #252a30;
    margin-top: 4px;
}
.table-virtual-white1 .table-virtual-tr,
.table-virtual-white .table-virtual-tr {
    background: #ebebeb;
    margin-top: 4px;
    color: #000;
}
.table-virtual-orange2 .table-virtual-tr {
    background: #1b1c1f;
    margin-top: 8px;
    border-radius: 6px;
}
.table-virtual-td-first {
    padding: 10px 5px;
    display: flex;
    align-items: center;
}
.table-virtual-orange2 .table-virtual-td-first {
    border: none;
}
.table-virtual-td {
    padding: 10px 5px;
    display: flex;
    align-items: center;
}
.table-virtual-orange2 .table-virtual-td {
    border: none;
}
.table-virtual-blue1 .table-virtual-content,
.table-virtual-blue2 .table-virtual-content,
.table-virtual-blue3 .table-virtual-content,
.table-virtual-blue4 .table-virtual-content,
.table-virtual-blue5 .table-virtual-content,
.table-virtual-blue .table-virtual-content,
.table-virtual-gold1 .table-virtual-content,
.table-virtual-gold2 .table-virtual-content,
.table-virtual-gold .table-virtual-content,
.table-virtual-green .table-virtual-content,
.table-virtual-grey1 .table-virtual-content,
.table-virtual-grey .table-virtual-content,
.table-virtual-orange1 .table-virtual-content,
.table-virtual-orange .table-virtual-content,
.table-virtual-purple1 .table-virtual-content,
.table-virtual-purple .table-virtual-content,
.table-virtual-red .table-virtual-content,
.table-virtual-silver .table-virtual-content,
.table-virtual-yellow1 .table-virtual-content,
.table-virtual-yellow2 .table-virtual-content,
.table-virtual-yellow3 .table-virtual-content,
.table-virtual-yellow .table-virtual-content {
    background: #1e2327;
    color: #39b1d6;
}
.table-virtual-white1 .table-virtual-content,
.table-virtual-white .table-virtual-content {
    background: #fff;
    color: #000;
}
.table-virtual-orange2 .table-virtual-content {
    background: #171719;
    border-radius: 6px;
}



.table-board-content {
    white-space: normal;
    word-break: keep-all;
}
.tbl {
    border-collapse: collapse;
    border-spacing: 0;
}
.tbl td {
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}
.tbl th {
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}
.tbl .tbl-red {
    border-color: inherit;
    color: #fd6864;
    text-align: center;
    vertical-align: top;
}
.tbl .tbl-u8j1 {
    border-color: inherit;
    color: #fe996b;
    text-align: center;
    vertical-align: top;
}
.table_tittle {
    border-color: inherit;
    font-weight: 700;
    text-align: center;
    vertical-align: top;
    background-image: linear-gradient(180deg, #343434, #000000);
    color: #fff;
    line-height: 35px;
    font-size: 17px;
    float: left;
    width: 827px;
}
.tbl .tbl-blue {
    border-color: inherit;
    color: #3ab2fa;
    text-align: center;
    vertical-align: top;
}
.tbl .tbl-db_analysis {
    border-color: inherit;
    text-align: center;
    vertical-align: top;
}

._open_board_event.wi-50 {
    width: 75% !important;
}
.col_not .text-left.table-board-flex-field.wi-15,
.col_not .display-center.table-history-td.sp_col_2 {
    justify-content: left;
    align-items: center;
}
.noti_tbl .table-header .sp_col_2 {
    text-align: left !important;
}




.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table {
    margin: 0 auto;
    width: 70%;
    min-width: 250px;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr > td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr > td > p {
    margin: 0;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr > td > input,
.supporttbl_wrap.el-dialog__wrapper.main-dialog .support-table tr > td > textarea {
    width: 100%;
    border-radius: 3px;
    padding: 17px !important;
    font-size: 15px !important;
    color: #fff;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .modal-footer {
    justify-content: center;
    gap: 2px;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .modal-content .btn-close {
    display: none;
}
.supporttbl_wrap.el-dialog__wrapper.main-dialog .stats-desc .preview-login-button-blue2 {
    width: 35% !important;
    padding: 12px;
    border-radius: 30px;
    font-size: 14px !important;
}
.supporttbl_wrap .supprt-list-wrap-nuser {
    overflow: hidden;
    color: #fff;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-header {
    display: flex;
    font-weight: 700;
    padding: 12px 16px;
    background-color: #000;
    border-bottom: 1px solid #000;
    color: #fff;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-header > div {
    padding: 8px;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-tr {
    display: flex;
    align-items: center;
    padding: 0 16px;
    background: #262626 !important;
    transition: background 0.3s ease;
    border-bottom: 1px solid #000;
    color: #fff;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-tr:nth-child(even) {
    background: #262626;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-tr:hover {
    background: #202020 !important;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-td-first {
    flex: 4;
    justify-content: center;
    text-align: center;
    border-left: 0;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-flex-field {
    flex: 1;
    text-align: left;
}
.supporttbl_wrap .supprt-list-wrap-nuser .collapse {
    background-color: #202020;
    padding: 12px 16px;
    display: none;
    border-top: 1px solid #323232;
    color: #ccc;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-content h1 {
    text-align: left;
    border-bottom: 1px solid;
    color: silver;
}
.supporttbl_wrap .supprt-list-wrap-nuser .table-board-content .bl-container {
    display: none;
}
.supporttbl_wrap ._casinoconfirmtxt.stats-title .table-board-content .speech-bubble .initial > p,
.supporttbl_wrap ._holdemconfirmtxt.stats-title .table-board-content .speech-bubble .initial > p {
    color: #fff;
}

.table-mbetlog-td.plusbtn {
    display: flex;
    justify-content: center;
    align-items: center;
}






/* keyframes */


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}



@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    to {
        transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    to {
        transform: scale(1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scaleX(1.25) scaleY(0.75);
    }
    40% {
        transform: scaleX(0.75) scaleY(1.25);
    }
    60% {
        transform: scaleX(1.15) scaleY(0.85);
    }
    to {
        transform: scale(1);
    }
}
@keyframes rubberBand {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scaleX(1.25) scaleY(0.75);
    }
    40% {
        transform: scaleX(0.75) scaleY(1.25);
    }
    60% {
        transform: scaleX(1.15) scaleY(0.85);
    }
    to {
        transform: scale(1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    to {
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}
@keyframes shake {
    0%,
    to {
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }
    to {
        transform: scale(1) rotate(0);
    }
}
@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }
    to {
        transform: scale(1) rotate(0);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        transform: translateX(0);
    }
    15% {
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        transform: translateX(-5%) rotate(-1deg);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes wobble {
    0% {
        transform: translateX(0);
    }
    15% {
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        transform: translateX(-5%) rotate(-1deg);
    }
    to {
        transform: translateX(0);
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(0);
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    to {
        transform: translateX(0);
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    to {
        transform: translateX(0);
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    to {
        opacity: 0;
        transform: scale(0.3);
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    to {
        opacity: 0;
        transform: scale(0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(-20px);
    }
    to {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(-20px);
    }
    to {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(20px);
    }
    to {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(20px);
    }
    to {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(-20px);
    }
    to {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(-20px);
    }
    to {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(20px);
    }
    to {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(20px);
    }
    to {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(300px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(300px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes loginImgAni {
    0% {
        opacity: 0;
        transform: translateY(2000px) rotate(100deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotate(1turn);
    }
}
@keyframes loginImgAni {
    0% {
        opacity: 0;
        transform: translateY(2000px) rotate(100deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotate(1turn);
    }
}
.login-img-ani {
    transition: all 0.5s ease-out 0s;
    transform: translateX(-50px);
}
.signup-img-ani {
    transition: all 0.5s ease-out 0s;
    transform: translateX(50px);
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-20px);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(20px);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    to {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    to {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    to {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    to {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    to {
        transform: translateX(0) skewX(0deg);
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    to {
        transform: translateX(0) skewX(0deg);
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0deg);
        opacity: 1;
    }
    to {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0deg);
        opacity: 1;
    }
    to {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    to {
        transform: translateY(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    to {
        transform: translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    to {
        transform: translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
    0% {
        transform: translateY(2000px);
    }
    to {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes slideInUp {
    0% {
        transform: translateY(2000px);
    }
    to {
        opacity: 0;
        transform: translateY(0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@keyframes slideOutDown {
    0% {
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        transform: translateY(700px);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        transform: translateY(700px);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}














@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(0deg);
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(0deg);
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0deg);
    }
    to {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0deg);
    }
    to {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}


@-webkit-keyframes sk-bouncedelay-data-v-431d2578 {
    0%,
    80%,
    to {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}
@keyframes sk-bouncedelay-data-v-431d2578 {
    0%,
    80%,
    to {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}
@keyframes lds-ripple-data-v-431d2578 {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    60% {
        opacity: 0.6;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes lds-ripple-data-v-431d2578 {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    60% {
        opacity: 0.6;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}
@keyframes v-modal-out {
    to {
        opacity: 0;
    }
}
@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}
@-webkit-keyframes v-modal-out {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes msgbox-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes msgbox-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}


@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0);
    }
}
@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0);
    }
}
@-webkit-keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0;
    }
}
@keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0;
    }
}
@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0);
    }
}
@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0);
    }
}
@-webkit-keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0;
    }
}



@-webkit-keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}
@keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}
@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}
@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 32px 0;
    }
}

@keyframes progress {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 32px 0;
    }
}



@-webkit-keyframes rotate {
    to {
        transform: rotate(1turn);
    }
}
@keyframes rotate {
    to {
        transform: rotate(1turn);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}



@-webkit-keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}



@-webkit-keyframes el-drawer-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes el-drawer-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes rtl-drawer-in {
    0% {
        transform: translate(100%);
    }
    to {
        transform: translate(0);
    }
}
@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%);
    }
    to {
        transform: translate(0);
    }
}
@-webkit-keyframes rtl-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(100%);
    }
}
@keyframes rtl-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(100%);
    }
}
@-webkit-keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%);
    }
    to {
        transform: translate(0);
    }
}
@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%);
    }
    to {
        transform: translate(0);
    }
}
@-webkit-keyframes ltr-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(-100%);
    }
}
@keyframes ltr-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(-100%);
    }
}
@-webkit-keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%);
    }
    to {
        transform: translate(0);
    }
}
@keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%);
    }
    to {
        transform: translate(0);
    }
}
@-webkit-keyframes ttb-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes ttb-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes btt-drawer-in {
    0% {
        transform: translateY(100%);
    }
    to {
        transform: translate(0);
    }
}
@keyframes btt-drawer-in {
    0% {
        transform: translateY(100%);
    }
    to {
        transform: translate(0);
    }
}
@-webkit-keyframes btt-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translateY(100%);
    }
}
@keyframes btt-drawer-out {
    0% {
        transform: translate(0);
    }
    to {
        transform: translateY(100%);
    }
}




@-webkit-keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}




@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes expand {
    0% {
        width: 200px;
    }
    to {
        width: 300px;
    }
}
@-webkit-keyframes expand {
    0% {
        width: 200px;
    }
    to {
        width: 300px;
    }
}
@keyframes panelExpand {
    0% {
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%;
    }
    to {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
@-webkit-keyframes panelExpand {
    0% {
        top: 50%;
        left: 50%;
        right: 50%;
        bottom: 50%;
    }
    to {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes slideInLeft {
    0% {
        left: -50px;
    }
    to {
        left: 0;
    }
}
@-webkit-keyframes slideInLeft {
    0% {
        left: -50px;
    }
    to {
        left: 0;
    }
}
@keyframes slideInRight {
    0% {
        right: -50px;
    }
    to {
        right: 0;
    }
}
@-webkit-keyframes slideInRight {
    0% {
        right: -50px;
    }
    to {
        right: 0;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes blink {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


@-webkit-keyframes example-orange {
    0% {
        background-color: rgb(252 98 0 / 0.1);
    }
    50% {
        background-color: rgb(252 98 0 / 0.2);
    }
    to {
        background-color: rgb(252 98 0 / 0.3);
    }
}
@keyframes example-orange {
    0% {
        background-color: rgb(252 98 0 / 0.1);
    }
    50% {
        background-color: rgb(252 98 0 / 0.2);
    }
    to {
        background-color: rgb(252 98 0 / 0.3);
    }
}
@-webkit-keyframes example-orange2 {
    0% {
        background: rgb(17 19 20 / 0.4);
    }
    to {
        background: rgb(17 19 20 / 0.88);
    }
}
@keyframes example-orange2 {
    0% {
        background: rgb(17 19 20 / 0.4);
    }
    to {
        background: rgb(17 19 20 / 0.88);
    }
}
@-webkit-keyframes example-blue {
    0% {
        background-color: rgb(0 98 252 / 0.1);
    }
    50% {
        background-color: rgb(0 98 252 / 0.2);
    }
    to {
        background-color: rgb(0 98 252 / 0.3);
    }
}
@keyframes example-blue {
    0% {
        background-color: rgb(0 98 252 / 0.1);
    }
    50% {
        background-color: rgb(0 98 252 / 0.2);
    }
    to {
        background-color: rgb(0 98 252 / 0.3);
    }
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }
    20% {
        z-index: 4;
    }
    to {
        z-index: 4;
    }
}
@keyframes asd {
    0% {
        z-index: 2;
    }
    20% {
        z-index: 4;
    }
    to {
        z-index: 4;
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }
    to {
        -webkit-transform: rotateX(0deg);
    }
}
@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }
    to {
        transform: rotateX(0deg);
    }
}


@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    to {
        -webkit-transform: rotateX(-90deg);
    }
}
@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }
    to {
        transform: rotateX(-90deg);
    
    }
}




@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes show {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes hide {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}




@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 0.88;
        transform: scale(1);
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 0.88;
        transform: scale(1);
    }
}
@-webkit-keyframes fade-out {
    0% {
        opacity: 0.88;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.5);
    }
}
@keyframes fade-out {
    0% {
        opacity: 0.88;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.5);
    }
}
@-webkit-keyframes removePath {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes removePath {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


@-webkit-keyframes loader-bounce-fotball {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to {
        transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
    }
}
@-webkit-keyframes loader-rotation-fotball {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
    }
}


@-webkit-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}





@-webkit-keyframes slideupin {
    0% {
        margin: 9px 0 0;
    }
    to {
        margin: 6px 0 0;
    }
}
@keyframes slideupin {
    0% {
        margin: 9px 0 0;
    }
    to {
        margin: 6px 0 0;
    }
}


@-webkit-keyframes slidedownin {
    0% {
        margin: 6px 0 0;
    }
    to {
        margin: 9px 0 0;
    }
}
@keyframes slidedownin {
    0% {
        margin: 6px 0 0;
    }
    to {
        margin: 9px 0 0;
    }
}




@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes btn-anim2 {
    0% {
        left: -100%;
    }
    50%,
    100% {
        left: 100%;
    }
}

@keyframes btn-anim3 {
    0% {
        top: -100%;
    }
    50%,
    100% {
        top: 100%;
    }
}

@keyframes btn-anim4 {
    0% {
        right: -100%;
    }
    50%,
    100% {
        right: 100%;
    }
}



@keyframes btn-anim5 {
    0% {
        bottom: -100%;
    }
    50%,
    100% {
        bottom: 100%;
    }
}
@keyframes glow-text1 {
    0% {
        color: #fff;
        text-shadow: none;
    }
    18% {
        color: #fff900;
        text-shadow: none;
    }
    20% {
        color: #fff;
        text-shadow: 0 0 7px #fff900, 0 0 20px #ff6c00;
    }
    30% {
        color: #fff900;
        text-shadow: none;
    }
    35% {
        color: #fff;
        text-shadow: 0 0 7px #fff900, 0 0 20px #ff6c00;
    }
    70% {
        color: #fff;
        text-shadow: none;
    }
    85% {
        color: #fff900;
        text-shadow: 0 0 7px #fff900, 0 0 20px #ff6c00;
    }
    90% {
        color: #fff;
        text-shadow: none;
    }
    100% {
        color: #fff;
        text-shadow: none;
    }
}
@keyframes shine {
    0% {
        background-position: -50rem 0;
    }
    25% {
        background-position: -50rem 0;
    }
    100% {
        background-position: 30rem 0;
    }
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}




@-webkit-keyframes blinker {
    0% {
        background-color: #f64949;
    }
    49% {
        background-color: #f64949;
    }
    50% {
        background-color: #20262c;
    }
    99% {
        background-color: #20262c;
    }
    100% {
        background-color: #f64949;
    }
}


@-moz-keyframes blinker {
    0% {
        background-color: #f64949;
    }
    49% {
        background-color: #f64949;
    }
    50% {
        background-color: #20262c;
    }
    99% {
        background-color: #20262c;
    }
    100% {
        background-color: #f64949;
    }
}
@keyframes blinker {
    0% {
        background-color: #f64949;
    }
    49% {
        background-color: #f64949;
    }
    50% {
        background-color: #20262c;
    }
    99% {
        background-color: #20262c;
    }
    100% {
        background-color: #f64949;
    }
}
@-webkit-keyframes blinkertext {
    0% {
        color: #f64949;
    }
    49% {
        color: #f64949;
    }
    50% {
        color: #20262c;
    }
    99% {
        color: #20262c;
    }
    100% {
        color: #f64949;
    }
}
@-moz-keyframes blinkertext {
    0% {
        color: #f64949;
    }
    49% {
        color: #f64949;
    }
    50% {
        color: #20262c;
    }
    99% {
        color: #20262c;
    }
    100% {
        color: #f64949;
    }
}
@keyframes blinkertext {
    0% {
        color: #f64949;
    }
    49% {
        color: #f64949;
    }
    50% {
        color: #20262c;
    }
    99% {
        color: #20262c;
    }
    100% {
        color: #f64949;
    }
}


@keyframes glow-green {
    0% {
        background-position: 150% 0%;
        box-shadow: 0 0 15px rgb(146 255 245 / 80%);
        background-image: linear-gradient(45deg, #ffffff69, transparent);
    }
    10% {
        background-position: 100% 0%;
        box-shadow: 0 0 20px rgb(255 255 255 / 45%);
    }
    35% {
        background-image: linear-gradient(45deg, transparent, #ffffffd1, transparent);
    }
    75% {
        box-shadow: 0 0 15px rgb(60 255 237 / 75%);
        background-image: linear-gradient(45deg, transparent, #ffffff69);
    }
    100% {
        background-position: -50% 0%;
    }
}

@keyframes autoscroll {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, -75%, 0);
    }
}


@keyframes glow {
    0% {
        background-position: 150% 0%;
        box-shadow: 0 0 15px rgb(255 255 255 / 0.3);
    }
    10% {
        background-position: 100% 0%;
        box-shadow: 0 0 20px rgb(255 255 255 / 0.5);
    }
    75% {
        box-shadow: 0 0 15px rgb(255 255 255 / 0.3);
    }
    100% {
        background-position: -50% 0%;
    }
}
@keyframes glowInner {
    0% {
        background-position: 150% -100%;
    }
    10% {
        background-position: 100% -100%;
    }
    100% {
        background-position: -50% -100%;
    }
}



@keyframes Inrightshine {
    0% {
        left: -100%;
    }
    1% {
        left: -30%;
    }
    100% {
        left: 100%;
    }
}

@keyframes bounceGlow {
    0% {
        transform: translateY(0);
        box-shadow: 0 0 10px #fff0;
    }
    50% {
        transform: translateY(-5px);
        box-shadow: 0 0 20px rgb(249 255 0 / 50%);
    }
    100% {
        transform: translateY(0);
        box-shadow: 0 0 10px #fff0;
    }
}