/*---------------------------------------------------------
    PAGE TITLE
---------------------------------------------------------*/
#page_title {
    display: block;
    text-align: center;
    height:62px;
    min-width: 1400px;
    padding-left:20px;
    padding-right:20px;
}

#page_title .label {
    font-family: 'Gmarket Sans';
    background: -webkit-linear-gradient(#6e8395, #39424b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    flex-grow: 1;
    line-height:62px;
    font-weight:900;
    font-size:18px;
}

/*---------------------------------------------------------
    BETGAME WRAP
---------------------------------------------------------*/
#betgame_wrap {
    display: flex;
    justify-content: center;
    min-width: 1400px;
}

#betgame_wrap .flexbox {
    display: flex;
    min-width: 1400px;
    max-width: 2200px;
    width:100%;
    min-height: 500px;
    padding-left:20px;
    padding-right:20px;
}

#betgame_wrap .flexbox .contentsbox {
    display: block;
    flex-grow: 1;
    margin-right:10px;
    overflow: hidden;
}

#betgame_wrap .flexbox .contentsbox .row {
    margin-bottom:10px;
    display: flex;
    overflow: hidden;
}

#betgame_wrap .flexbox .contentsbox .row .topbox {
    display: flex;
    width:100%;
}

#betgame_wrap .flexbox .contentsbox .row .leftbox {
    display: flex;
    flex-direction: column;
    width:50%;
    margin-right:10px;
}

#betgame_wrap .flexbox .contentsbox .row .rightbox {
    display: flex;
    flex-direction: column;
    width:50%;
}

#betgame_wrap .flexbox .contentsbox .row .rightbox .expand {
    display: block;
    flex-grow: 1;
    background:#07172d;
    margin-top:1px;
}

#betgame_wrap .flexbox .contentsbox .row .rnbbox {
    display: flex;
    flex-direction: column;
    width:320px;
    margin-left:10px;
    flex-shrink: 0;
}

#betgame_wrap .flexbox .contentsbox .row .rnbbox .expand {
    display: block;
    flex-grow: 1;
    background:#07172d;
    margin-top:1px;
}


/*---------------------------------------------------------
    SPORTS LEAGUE LIST
---------------------------------------------------------*/

#betgame_league_list {
    display: block;
    z-index:100;
    position: relative;
}

#betgame_league_list .filterbox {
    display: grid;
    grid-template: repeat(1, 1fr) / repeat(2, 1fr);
    gap:1px;
    margin-top:1px;
    height:50px;
}

#betgame_league_list .filterbox .filteritem {
    display: block;
    width:100%;
    text-align: center;
    background:#07172d;
    line-height:50px;
    font-size:13px;
    cursor:pointer;
}

#betgame_league_list .filterbox .filteritem.active,
#betgame_league_list .filterbox .filteritem:hover {
    background: #29324b;
    color:#ef7c00;
    line-height:46px;
    border-top:2px solid #ef7c00;
}

#betgame_league_list .matchtypebox {
    display: grid;
    grid-template: repeat(1, 1fr) / repeat(4, 1fr);
    gap:1px;
    margin-top:1px;
    height:50px;
}

#betgame_league_list .matchtypebox .match_type {
    display: block;
    width:100%;
    text-align: center;
    background:#0d1d32;
    line-height:50px;
    font-size:13px;
    cursor:pointer;
}

#betgame_league_list .matchtypebox .match_type.active,
#betgame_league_list .matchtypebox .match_type:hover {
    background: #29324b;
    color:#ef7c00;
}


/*---------------------------------------------------------
    SPORTS LIVE VIDEO
---------------------------------------------------------*/
#sports_live_video {
    display: block;
    aspect-ratio: 518/259;
    background:#0d131d;
    margin-top:1px;
    position: relative;
    flex-shrink: 0;
}

#sports_live_video span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*---------------------------------------------------------
    SPORTS LIVE GAME LIST
---------------------------------------------------------*/
#sports_live_game_list {
    display: block;
    grid-column: span 7;
    grid-row: span 7;
    position: relative;
    z-index:1;
}

#sports_live_game_list .item {
    background-color: #003e6a;
    stroke: #177099;
    background-image: url('/images/1bet1/main_livbetgame/list_item_bg.svg');
    margin-top:10px;
    height:150px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: inset 0px 0px 20px rgba(255,255,255,0.3);
    filter:grayscale(1) brightness(0.5);
    cursor:pointer;
    position: relative;
    transition: all 100ms;
}

#sports_live_game_list .item:hover {
    filter:grayscale(0) brightness(1);
    transition: all 100ms;
}

#sports_live_game_list .item.active{
    filter:grayscale(0) brightness(1);
    transition: all 100ms;
}

#sports_live_game_list .item .league_name {
    background: url('/images/1bet1/main_livbetgame/list_item_league_name_bg.png'), linear-gradient(#436592 0%, #1f344f 15%) ;
    background-repeat: no-repeat;
    background-position:left;
    height:50px;
    line-height:50px;
    text-align: center;
    font-size:18px;
    font-weight:600;
    color:#ffffff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

#sports_live_game_list .item .game_home_icon {
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    left:50%;
    top:100px;
    margin-left:-100px;
    background:radial-gradient(#0344a1 60%, #5f91d8 70%, #0344a1 80%);
    border:1px solid #313742;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    object-fit: scale-down;
    padding:10px;
    transform: translate(-50%,-50%);
} 

#sports_live_game_list .item .game_away_icon {
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    left:50%;
    top:100px;
    margin-left:100px;
    background:radial-gradient(#d70029 60%, #ff8da1 70%, #d70029 80%);
    border:1px solid #313742;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    object-fit: scale-down;
    padding:10px;
    transform: translate(-50%,-50%);
}

#sports_live_game_list .item .game_home_name {
    position: absolute;
    display: block;
    right:50%;
    top:100px;
    transform: translate(0,-50%);
    margin-right:150px;
    text-align: right;
    color:#ffffff;
    font-weight:600;
    font-size:16px;
    left:20px;
}

#sports_live_game_list .item .game_away_name {
    position: absolute;
    display: block;
    left:50%;
    top:100px;
    transform: translate(0,-50%);
    margin-left:150px;
    text-align: left;
    color:#ffffff;
    font-weight:600;
    font-size:16px;
    right:20px;
}

#sports_live_game_list .item .game_home_score {
    position: absolute;
    display: block;
    right:50%;
    top:100px;
    transform: translate(0,-50%);
    width:55px;
    margin-right:5px;
    text-align: center;
    color:#ffffff;
    font-weight:900;
    font-size:30px;
    font-family: 'Rajdhani';
}

#sports_live_game_list .item .game_away_score {
    position: absolute;
    display: block;
    left:50%;
    top:100px;
    transform: translate(0,-50%);
    width:55px;
    margin-left:5px;
    text-align: center;
    color:#ffffff;
    font-weight:900;
    font-size:30px;
    font-family: 'Rajdhani';
}

#sports_live_game_list .item .game_vs_score {
    position: absolute;
    display: block;
    left:50%;
    top:98px;
    color:#ffffff;
    transform: translate(-50%,-50%);
    font-weight:900;
    font-size:30px;
    font-family: 'Rajdhani';
}

#sports_live_game_list .item .game_datetime {
    position: absolute;
    right:10px;
    top:5px;
    height:40px;
    line-height:15px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    background: #192a3f;
    font-weight:600;
    font-size:13px;
    border-radius:10px;
    border-bottom:2px solid #6e7c8d;
    border-left:2px solid #18283c;
    border-top:2px solid #18283c;
    border-right:2px solid #18283c;
}

#sports_live_game_list .empty {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#sports_live_game_list .empty img {
    margin-bottom:15px;
}

#sports_live_game_list .empty span {
    font-size:24px;
    color:yellow;
}

@media screen and (max-width: 1900px) {
    #sports_live_game_list .item {
        height:200px;
    }

    #sports_live_game_list .item .league_name {
        font-size:15px;
    }

    #sports_live_game_list .item .game_datetime { 
        left:50%;
        right:auto;
        top:auto;
        bottom:40px;
        padding-left:5px;
        padding-right:5px;
        font-size:12px;
        transform: translate(-50%, 50%);
    }

        
    #sports_live_game_list .item .game_home_name {
        right:50%;
        left:20px;
        top:auto;
        bottom:40px;
        margin-right:40px;
        font-size:13px;
        transform: translate(0, 50%);
        text-align: center;
        width:auto;
    }

    #sports_live_game_list .item .game_away_name {
        position: absolute;
        display: block;
        left:50%;
        top:auto;
        bottom:40px;
        margin-left:40px;
        font-size:13px;
        transform: translate(0, 50%);
        text-align: center;
        width:auto;
    }
}

/*---------------------------------------------------------
    BETGAME LNB
---------------------------------------------------------*/
#betgame_league_type_list {
    display: flex;
    padding:40px;
    overflow-y: hidden;
    overflow-x: scroll;

}

#betgame_league_type_list::-webkit-scrollbar {
    height: 8px;
}

#betgame_league_type_list::-webkit-scrollbar-track {
    background: #141921;
}

#betgame_league_type_list::-webkit-scrollbar-thumb {
    background: #262b32;
}

#betgame_league_type_list .league_type {
    height:300px;
    aspect-ratio: 200 / 300;
    position: relative;
    overflow: hidden;
    cursor:pointer;
    transition: all 300ms;
    z-index:1;
    flex-shrink: 0;
    display: block;
}


#betgame_league_type_list .league_type:hover {
    transform: scale(1.1);
    transition: all 300ms;
    z-index:2;
}

#betgame_league_type_list .league_type.active {
    z-index:2;
}

#betgame_league_type_list .league_type img {
    display: block;
    position: absolute;
}

#betgame_league_type_list .league_type img.base {
    width:80%;
    left:50%;
    top:50%;
    transform: translate(-50%,-40%);
}

#betgame_league_type_list .league_type img.visual {
    width:78%;
    left:50%;
    top:50%;
    margin-top:-19%;
    transform: translate(-50%,-40%);
    filter:grayscale(0.5) brightness(0.6);
}

#betgame_league_type_list .league_type:hover img.visual {
    filter:grayscale(0) brightness(1);
}

#betgame_league_type_list .league_type .label {
    display: block;
    white-space: nowrap;
    position: absolute;
    left:50%;
    bottom:16%;
    transform: translate(-50%,100%);
    color:#888888;
    font-weight:600;
    font-family: 'Gmarket Sans';
    transition: all 300ms;
}

#betgame_league_type_list .league_type:hover .label,
#betgame_league_type_list .league_type.active .label {
    color:#ffffff;
    text-shadow: 
        0px 0px 5px rgb(192, 13, 228),
        0px 0px 10px rgb(192, 13, 228),
        0px 0px 15px rgb(192, 13, 228),
        0px 0px 20px rgb(192, 13, 228);
    transition: all 300ms;
}


/*---------------------------------------------------------
    SPORTS LIVE SELECT MATCH
---------------------------------------------------------*/
#title_section {
    display: block;
    flex-shrink: 0;
}

#title_section .title {
    display: flex;
    height:62px;
    background: url('/images/1bet1/sports/title_effect_overlay.png'), #07172d;
    background-position: left;
    background-size: cover;
}

#title_section .title .label {
    display: block;
    flex-grow: 1;
    line-height:62px;
    font-size:16px;
    padding-left:20px;
    font-weight:600;
    color:#cccccc;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#title_section .title .datetime {
    display: block;
    flex-shrink: 0;
    line-height:62px;
    font-size:14px;
    font-weight:600;
    color:#cccccc;
    margin-right:15px;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}


#title_section .match {
    margin-top:1px;
    display: block;
    position: relative;
    height:50px;
    overflow: hidden;
    background:#07172d;
    text-align: center;
}

#title_section .match .vs {
    display: inline-block;
    line-height:50px;
    margin-left:20px;
    margin-right:20px;
    color:#888888;
}

#title_section .match .game_home_name {
    display: inline-block;
    line-height:50px;
    color:#efefef;
    font-weight: 600;
}

#title_section .match .game_away_name {
    display: inline-block;
    line-height:50px;
    color:#efefef;
    font-weight: 600;
}


/*---------------------------------------------------------
    SPORTS LIVE BETTING LIST
---------------------------------------------------------*/
#sports_live_betting_list {
    display: block;
}

#sports_live_betting_list .betting_item {
    display: block;
}

#sports_live_betting_list .betting_item .title {
    display: block;
    height:50px;
    line-height: 50px;
    padding-left:15px;
    padding-right:15px;
    background:#07172d;
    margin-top:1px;
    border-left:2px solid #ef7c00;
}

#sports_live_betting_list .betting_item .list {
    display: block;
}

#sports_live_betting_list .betting_item .list .row {
    display: flex;
    margin-top:1px;
    margin-left:-1px;
}

#sports_live_betting_list .betting_item .list .row .betitem {
    display: flex;
    justify-content: space-between;
    width:100%;
    background:#0d1d32;
    margin-left:1px;
    height:40px;
    line-height:40px;
    padding-left:15px;
    padding-right:15px;
    font-size:12px;
    color:#efefef;
    cursor:pointer;
}

#sports_live_betting_list .betting_item .list .row .betitem.active,
#sports_live_betting_list .betting_item .list .row .betitem:hover {
    background: #29324b;
}

#sports_live_betting_list .betting_item .list .row .betitem .label {
    color: #efefef;
}

#sports_live_betting_list .betting_item .list .row .betitem .odds {
    color:#ffc967;
}

#sports_live_betting_list .betting_item .list .row .betitem.disabled {
    background: #08111d;
}

#sports_live_betting_list .betting_item .list .row .betitem.disabled * {
    color:#666666;
    text-decoration: line-through;
}


/*---------------------------------------------------------
    BETGAME GAME LIST
---------------------------------------------------------*/

#betgame_game_list {
    display: block;
    z-index:10;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    height:0px;
    flex-grow: 1;
    min-height:80vh;
}

#betgame_game_list::-webkit-scrollbar {
    width: 8px;
}

#betgame_game_list::-webkit-scrollbar-track {
    background: #141921;
}

#betgame_game_list::-webkit-scrollbar-thumb {
    background: #262b32;
}

#betgame_game_list .listbox .game_item {
    margin-top:1px;
    display: block;
}

#betgame_game_list .listbox .game_item.disabled {
    filter:grayscale(0.2) brightness(0.7);
}

#betgame_game_list .listbox .game_item .title {
    display: flex;
    background:#07172d;
    height:50px;
}
#betgame_game_list .listbox .game_item .title img.bet365_flag {
    width:55px;
    height:18px;
    object-fit: scale-down;
    margin:15px;
	margin-right:0;
    flex-shrink: 0;
    /*animation: betgame_game_list_betting_item_title_img 2s infinite;*/
}

#betgame_game_list .listbox .game_item .title img.nation_flag {
    width:28px;
    height:21px;
    object-fit: scale-down;
    margin:15px;
	margin-left:5px;
	margin-right:5px;
    flex-shrink: 0;
    /*animation: betgame_game_list_betting_item_title_img 2s infinite;*/
}

#betgame_game_list .listbox .game_item .title .label {
    line-height:50px;
    color:#cccccc;
    flex-grow: 1;
    font-size:14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#betgame_game_list .listbox .game_item .title .datetime {
    flex-shrink: 0;
    line-height:50px;
    margin-right:15px;
    font-size:14px;
    color:#aaaaaa;
}

#betgame_game_list .listbox .game_item .list {
    display: block;
}

#betgame_game_list .listbox .game_item .list .betting_item {
    display: flex;
    margin-top:1px;
    height:70px;
}

#betgame_game_list .listbox .game_item .list .betting_item .matchup {
    display: block;
    width:50%;
    background:#0d1d32;
    position: relative;
}

#betgame_game_list .listbox .game_item .list .betting_item .matchup .game_home_name {
    display: block;
    position: relative;
    font-size:13px;
    height:25px;
    line-height: 25px;
    padding-left:15px;
    margin:5px 0;
}

#betgame_game_list .listbox .game_item .list .betting_item .matchup .game_home_name span {
    color:#888888;
    font-size:11px;
}

#betgame_game_list .listbox .game_item .list .betting_item .matchup .game_away_name {
    display: block;
    position: relative;
    font-size:13px;
    height:20px;
    line-height: 20px;
    padding-left:15px;
    margin:5px 0;
}

#betgame_game_list .listbox .game_item .list .betting_item .matchup .game_away_name span {
    color:#888888;
    font-size:11px;
}

#betgame_game_list .listbox .game_item .list .betting_item .matchup .timer ,
#betgame_game_list .listbox .game_item .list .betting_item .matchup .gametype {
    display: block;
    position: absolute;
    right:15px;
    top:50%;
    transform: translate(0, -50%);
    font-size:13px;
    color:#85b6ff;
}

#betgame_game_list .listbox .game_item .list .betting_item .home {
    display: flex;
    width:30%;
    margin-left:1px;
    background:#0d1d32;
}

#betgame_game_list .listbox .game_item .list .betting_item .home .label {
    display: block;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left:15px;
    margin-right:10px;
    line-height: 70px;
    font-size:13px;
}

#betgame_game_list .listbox .game_item .list .betting_item .home.bg1 .label {
    text-shadow: 
        0px 0px 5px #000000;
    color:#ffffff;
    transition: all 200ms;
}

#betgame_game_list .listbox .game_item .list .betting_item .home .odds {
    display: block;
    flex-shrink: 0;
    margin-right:15px;
    line-height: 70px;
    font-size:13px;
    color:#ffc967;
}

#betgame_game_list .listbox .game_item .list .betting_item .home.bg1 .odds {
    text-shadow: 
        0px 0px 5px #000000;
    color:#ffffff;
    transition: all 200ms;
}

#betgame_game_list .listbox .game_item .list .betting_item .away {
    display: flex;
    width:30%;
    margin-left:1px;
    background:#0d1d32;
}

#betgame_game_list .listbox .game_item .list .betting_item .away .label {
    display: block;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left:15px;
    margin-right:10px;
    line-height: 70px;
    font-size:13px;
}

#betgame_game_list .listbox .game_item .list .betting_item .away .odds {
    display: block;
    flex-shrink: 0;
    margin-right:15px;
    line-height: 70px;
    font-size:13px;
    color:#ffc967;
}

#betgame_game_list .listbox .game_item .list .betting_item .draw {
    display: flex;
    width:30%;
    margin-left:1px;
    background:#0d1d32;
}

#betgame_game_list .listbox .game_item .list .betting_item .draw .label {
    display: block;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left:15px;
    margin-right:10px;
    line-height: 70px;
    font-size:13px;
}

#betgame_game_list .listbox .game_item .list .betting_item .draw .odds {
    display: block;
    flex-shrink: 0;
    margin-right:15px;
    line-height: 70px;
    font-size:13px;
    color:#ffc967;
}

#betgame_game_list .listbox .game_item .list .betting_item .bg1 {
	background: #ef7c00;
}

#betgame_game_list .listbox .game_item .list .betting_item .bg1 .label {
    text-shadow: 
        0px 0px 5px #000000;
    color:#ffffff;
    transition: all 200ms;
}

#betgame_game_list .listbox .game_item .list .betting_item .bg1 .odds {
    text-shadow: 
        0px 0px 5px #000000;
    color:#ffffff;
    transition: all 200ms;
}

/*
*/
#betgame_betting_item {
    display: flex;
    height:100px;
    margin-top:1px;
    margin-left:-1px;
    cursor:pointer;
    flex-shrink: 0;
}

#betgame_betting_item .home {
    display: flex;
    width:100%;
    margin-left:1px;
    background:#0d1d32;
}

#betgame_betting_item .home .label {
    display: block;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left:15px;
    margin-right:10px;
    line-height: 100px;
    font-size:15px;
}

#betgame_betting_item .home .odds {
    display: block;
    flex-shrink: 0;
    margin-right:15px;
    line-height: 100px;
    font-size:15px;
    color:#ffc967;
}

#betgame_betting_item .away {
    display: flex;
    width:100%;
    margin-left:1px;
    background:#0d1d32;
}

#betgame_betting_item .away .label {
    display: block;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left:15px;
    margin-right:10px;
    line-height: 100px;
    font-size:15px;
}

#betgame_betting_item .away .odds {
    display: block;
    flex-shrink: 0;
    margin-right:15px;
    line-height: 100px;
    font-size:15px;
    color:#ffc967;
}

#betgame_betting_item .draw {
    display: flex;
    width:100%;
    margin-left:1px;
    background:#0d1d32;
}

#betgame_betting_item .draw .label {
    display: block;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left:15px;
    margin-right:10px;
    line-height: 100px;
    font-size:15px;
}

#betgame_betting_item .draw .odds {
    display: block;
    flex-shrink: 0;
    margin-right:15px;
    line-height: 100px;
    font-size:15px;
    color:#ffc967;
}

#betgame_betting_item .home.active,
#betgame_betting_item .draw.active,
#betgame_betting_item .away.active,
#betgame_betting_item .home:hover,
#betgame_betting_item .draw:hover,
#betgame_betting_item .away:hover {
    background:#29324b;
}

#betgame_league_type_list_bg {
    position: absolute;
    left:0px;
    top:108px;
    right:0px;
    height:388px;
    overflow: hidden;
}

#betgame_league_type_list_bg > .bg_video {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}

#betgame_league_type_list_bg > .bg_mask {
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background:#08111d80;
    border-bottom:8px solid #29324b;
    backdrop-filter: blur(4px);
}