/*---------------------------------------------------------
    SPORTS CROSS & SPECIAL & REALTIME
---------------------------------------------------------*/
#sports_csr_wrap {
    display: block;
    position: fixed;
    left:0px;
    top:50px;
    bottom:40px;
    right:0px;
    text-align: center;
    min-width: 1400px;
    overflow: hidden;
}

#sports_csr_wrap .flexbox {
    display: flex;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    min-width: 1400px;
    max-width: 2200px;
    text-align: left;
    margin:0 auto;
}

#sports_csr_wrap .flexbox .leftbox {
    display: block;
    width:348px;
    padding:10px;
    flex-shrink: 0;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom:10px;
}

#sports_csr_wrap .flexbox .leftbox img.banner { 
    width:320px;
}

#sports_csr_wrap .flexbox .leftbox::-webkit-scrollbar {
    width:8px;
}

#sports_csr_wrap .flexbox .leftbox::-webkit-scrollbar-track {
    background: #141921;
}

#sports_csr_wrap .flexbox .leftbox::-webkit-scrollbar-thumb {
    background: #0d1d32;
}

#sports_csr_wrap .flexbox .centerbox {
    display: block;
    flex-grow: 1;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    padding:10px;
}

#sports_csr_wrap .flexbox .centerbox::-webkit-scrollbar {
    width:8px;
}

#sports_csr_wrap .flexbox .centerbox::-webkit-scrollbar-track {
    background: #141921;
}

#sports_csr_wrap .flexbox .centerbox::-webkit-scrollbar-thumb {
    background: #0d1d32;
}

#sports_csr_wrap .flexbox .rightbox {
    display: block;
    width:348px;
    flex-shrink: 0;
    position: relative;
    padding:10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#sports_csr_wrap .flexbox .rightbox::-webkit-scrollbar {
    width:8px;
}

#sports_csr_wrap .flexbox .rightbox::-webkit-scrollbar-track {
    background: #141921;
}

#sports_csr_wrap .flexbox .rightbox::-webkit-scrollbar-thumb {
    background: #0d1d32;
}


/*---------------------------------------------------------
    SPORTS LEAGUE LIST
---------------------------------------------------------*/

#sports_league_list {
    display: flex;
    grid-column: span 7;
    grid-row: span 1;
    border:1px solid #313742;
    background:#11141d;
    z-index:3;
    height:62px;
}

#sports_league_list .btn_left,
#sports_league_list .btn_right {
    display: block;
    flex-shrink: 0;
    width:30px;
    border-left:1px solid #313742;
    position:relative;
    cursor:pointer;
}

#sports_league_list .btn_left span,
#sports_league_list .btn_right span {
    display: block;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%) scaleX(0.6);
    font-size:24px;
    font-weight: 600;
    color:#a8a8a8;
}

#sports_league_list .btn_left:hover,
#sports_league_list .btn_right:hover {
    background: #29324b;
    transition: all 300ms;
    animation: beat .25s infinite alternate;
}

#sports_league_list .btn_left:hover span,
#sports_league_list .btn_right:hover span {
    color:#ffffff;
    text-shadow: 
        0 0 5px #cfff5e,
        0 0 10px #ffb25e,
        0 0 20px #ef7c00;
}

#sports_league_list .btn_search {
    display: block;
    flex-shrink: 0;
    border-left:1px solid #313742;
    position:relative;
    cursor:pointer;
}

#sports_league_list .btn_search span {
    display: block;
    position: absolute;
    right:15px;
    top:50%;
    transform: translate(0, -50%);
    font-size:16px;
    font-weight: 600;
    color:#a8a8a8;
}

#sports_league_list .btn_search img {
    display: block;
    position: absolute;
    margin-top:2px;
    left:15px;
    top:50%;
    transform: translate(0, -50%);
    filter: grayscale(1);
}

#sports_league_list .btn_search:hover {
    background: #29324b;
    color:#ef7c00;
    transition: all 300ms;
    animation: beat .25s infinite alternate;
}

#sports_league_list .btn_search:hover span {
    color:#ffffff;
    text-shadow: 
        0 0 5px #cfff5e,
        0 0 10px #ffb25e,
        0 0 20px #ef7c00;
}

#sports_league_list .btn_search:hover img {
    filter: grayscale(0);
}

#sports_league_list .sort {
    display: block;
    list-style: none;
    flex-shrink: 0;
    width:100px;
    position:relative;
    cursor:pointer;
}

#sports_league_list .sort li {
    list-style: none;
    position:absolute;
    display: block;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    border-left:1px solid #313742;
    transition: all 300ms;
}

#sports_league_list .sort li span.value {
    display: block;
    position: absolute;
    padding-left:10px;
    line-height:59px;
    left:0;
    right:0;
    bottom:0;
    top:0;
    font-size:15px;
    font-weight: 600;
    color:#a8a8a8;
    z-index:3;
    transition: all 300ms;
}

#sports_league_list .sort li span.arrow {
    display: block;
    position: absolute;
    right:15px;
    top:50%;
    transform: translate(0, -50%) scaleX(0.6);
    font-size:24px;
    font-weight: 600;
    color:#a8a8a8;
    z-index:2;
    transition: all 300ms;
}

#sports_league_list .sort li:hover,
#sports_league_list .sort li.active {
    background: #29324b;
    color:#ef7c00;
    transition: all 300ms;
    animation: beat .25s infinite alternate;
}

#sports_league_list .sort li:hover span.value,
#sports_league_list .sort li.active span.value {
    color:#ffffff;
    text-shadow: 
        0 0 5px #cfff5e,
        0 0 10px #ffb25e,
        0 0 20px #ef7c00;
    transition: all 300ms;
}

#sports_league_list .sort li:hover span.arrow,
#sports_league_list .sort li.active span.arrow {
    color:#ffffff;
    text-shadow: 
        0 0 5px #cfff5e,
        0 0 10px #ffb25e,
        0 0 20px #ef7c00;
    transform: translate(0, -50%) scaleY(0.7) rotate(90deg);
    transition: all 300ms;
}


#sports_league_list .sort li ul {
    display: block;
    list-style: none;
    overflow: hidden;
    max-height: 0px;
    position: absolute;
    left:-1px;
    right:-1px;
    top:59px;
    transition: all 300ms;
    z-index:1;
	height:186px !important;
}

#sports_league_list .sort li ul li {
    display: block;
    background:#11141d;
    height:63px;
    line-height:63px;
    border-top:1px solid #313742;
    text-align: center;
    z-index:1;
}

#sports_league_list .sort.active li ul {
    display: block;
    max-height: 195px;
    border:1px solid #313742;
    transition: all 300ms;
}

#sports_league_list .sort.active li ul li:hover,
#sports_league_list .sort.active li ul li.active {
    background:#344474;
}

#sports_league_list .swipebox {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    flex-grow: 1;
}

#sports_league_list .swipebox::-webkit-scrollbar {
    display: none;
}

#sports_league_list .swipebox .ca_item {
    width:62px;
    flex-shrink: 0;
    overflow: hidden;
    border-right:1px solid #313742;
    display: block;
    position: relative;
    background: transparent;
    transition: background 300ms;
    cursor:pointer;
}

#sports_league_list .swipebox .ca_item img {
    filter:brightness(0.6);
    position: absolute;
    display: block;
    bottom:38px;
    left:50%;
    transform: translate(-50%, 50%);
    width:20px;
    height:20px;
    object-fit: scale-down;
    object-position: center;
    transition: all 300ms;
}

#sports_league_list .swipebox .ca_item span {
    position:absolute;
    bottom:8px;
    left:50%;
    transform: translate(-50%);
    color:#a8a8a8;
    font-weight:600;
    font-size:9px;
    letter-spacing: -1px;
    transition: all 300ms;
}

#sports_league_list .swipebox .ca_item:hover,
#sports_league_list .swipebox .ca_item.active {
    border-top:2px solid #ef7c00;
    background:#29324b;
    transition: background 300ms;
}

#sports_league_list .swipebox .ca_item:hover img,
#sports_league_list .swipebox .ca_item.active img {
    filter:brightness(1);
    transition: all 300ms;
}

#sports_league_list .swipebox .ca_item:hover span,
#sports_league_list .swipebox .ca_item.active span {
    color:#ffffff;
    transition: all 300ms;
}


/*---------------------------------------------------------
    SPORTS BETTING OPTION LIST
---------------------------------------------------------*/
#sports_betting_option_list {
    display: flex;
    margin-left:1px;
    margin-top:-1px;
}

#sports_betting_option_list .betting_option_item {
    display: flex;
    border:1px solid #313742;
    background:#11141d;
    margin-left:-1px;
    width:100%;
    height:50px;
    line-height:50px;
    justify-content: center;
    cursor: pointer;
}

#sports_betting_option_list .betting_option_item:hover,
#sports_betting_option_list .betting_option_item.active {
    background:#29324b;
}

#sports_betting_option_list .betting_option_item .label {
    color:#cccccc;
    font-size:15px;
}

#sports_betting_option_list .betting_option_item .value  {
    margin-left:20px;
    color:#ffc967;
    font-size:15px;
}

/*---------------------------------------------------------
    SPORTS BETTING GAME LIST
---------------------------------------------------------*/
#sports_betting_game_list {
    display: block;
    margin-top:10px;
}

#sports_betting_game_list::-webkit-scrollbar {
    width: 3px;
}

#sports_betting_game_list::-webkit-scrollbar-track {
    background:#403f5b;
}

#sports_betting_game_list::-webkit-scrollbar-thumb {
    background:#0d1d32;
}

#sports_betting_game_list::-webkit-scrollbar-thumb:hover {
    background:#cccccc;
}

#sports_betting_game_list .betting_game_item {
    display: block;
    margin-top:1px;
}

#sports_betting_game_list .betting_game_item .title {
    display: flex;
    background: #07172d;
    height:50px;
}

#sports_betting_game_list .betting_game_item .title .nation_flag {
    display: block;
    margin-right:15px;
    height:20px;
    margin-top:15px;
    margin-bottom:15px;
    margin-left:15px;
    flex-shrink: 0;
}

#sports_betting_game_list .betting_game_item .title .league_name {
    display: block;
    flex-grow: 1;
    margin-right:10px;
    line-height: 50px;
    font-size:16px;
    color:#cccccc;
}

#sports_betting_game_list .betting_game_item .title .league_name .endgame {
    font-size:12px;
    color:#ffffff;
	background:#ff0000;
	border-radius:10px;
	padding:2px 8px;
}

#sports_betting_game_list .betting_game_item .title .game_datetime {
    display: block;
    flex-shrink: 0;
    margin-right:20px;
    line-height: 50px;
    font-size:16px;
    color:#cccccc;
}

#sports_betting_game_list .betting_game_item .betting_item_list {
    display: block;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item {
    display: flex;
    height:40px;
    margin-top:1px;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item * {
    line-height: 40px;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .favorite {
    display: block;
    flex-shrink: 0;
    width:40px;
    background: url('/images/1bet1/sports/favorite_on.png'), #0d1d32;
    background-position: center;
    background-repeat: no-repeat;
    background-size: none;
    margin-right: 1px;
    filter: grayscale(1);
    cursor:pointer;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .favorite:hover ,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .favorite.active {
    filter: grayscale(0);
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .bet_type {
    display: block;
    flex-shrink: 0;
    width:80px;
    text-align: center;
    background: #0D1D32;
    margin-right: 1px;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .menuOff_magam {
	opacity:.5;	
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home {
    display: flex;
    width:100%;
    margin:0px;
    padding:0px;
    cursor: pointer;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away {
    display: flex;
    width:100%;
    margin:0px;
    padding:0px;
    cursor: pointer;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .draw {
    display: flex;
    margin:0px;
    padding:0px;
    cursor: pointer;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home .home_name {
    display: block;
    width:100%;
    text-align: center;
    background: #0D1D32;
    margin-right: 1px;
    color:#959595;
    /*transition: all 200ms;*/
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.activable.bg1 .home_name,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.activable:hover .home_name {
    background: #29324b;
    color:#ffffff;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home .home_odds {
    display: block;
    flex-shrink: 0;
    width:100px;
    text-align: center;
    background: #0D1D32;
    margin-right: 1px;
    color: #ffc967;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.activable.bg1 .home_odds,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.activable:hover .home_odds  {
    background: #ef7c00;
    text-shadow: 
        0px 0px 5px #000000;
    color:#ffffff;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .draw .draw_odds {
    display: block;
    flex-shrink: 0;
    width:100px;
    text-align: center;
    background: #08111d;
    margin-right: 1px;
    color: #ef7c00;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .draw.activable .draw_odds {
    color: #ffc967;
    background: #0D1D32;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .draw.activable.bg1 .draw_odds,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .draw.activable:hover .draw_odds {
    background: #ef7c00;
    text-shadow: 
        0px 0px 5px #000000;
    color:#ffffff;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away .away_odds {
    display: block;
    flex-shrink: 0;
    width:100px;
    text-align: center;
    background: #0D1D32;
    margin-right: 1px;
    color: #ffc967;
    transition: all 200ms;
}


#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.activable.bg1 .away_odds,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.activable:hover .away_odds {
    background: #ef7c00;
    text-shadow: 
        0px 0px 5px #000000;
    color:#ffffff;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away .away_name {
    display: block;
    width:100%;
    text-align: center;
    background: #0D1D32;
    color:#959595;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.bg1 .away_name,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away:hover .away_name {
    background: #29324b;
    color:#ffffff;
    transition: all 200ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.ico_over .home_name ,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.bg1.ico_over .home_name ,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.ico_over:hover .home_name {
	background-image:url('/images/1bet1/sports/ico_over.png');
	background-repeat:no-repeat;
	background-position:97% center;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.ico_under .away_name ,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.bg1.ico_uunder .away_name ,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.ico_under:hover .away_name {
	background-image:url('/images/1bet1/sports/ico_under.png');
	background-repeat:no-repeat;
	background-position:3% center;
}


#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.up .home_odds,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.up .away_odds,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .draw.up .draw_odds {
    color:#e6ffe8 !important;
    text-shadow: 
        0px 0px 3px #12ac1c,
        0px 0px 5px #12ac1c,
        0px 0px 10px #12ac1c,
        0px 0px 20px #12ac1c !important;
    transition: all 1500ms;
}

#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .home.down .home_odds,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .away.down .away_odds,
#sports_betting_game_list .betting_game_item .betting_item_list .betting_item .draw.down .draw_odds {
    color:#ffdcda !important;
    text-shadow: 
    0px 0px 3px #ff4137,
    0px 0px 5px #ff4137,
    0px 0px 10px #ff4137,
    0px 0px 20px #ff4137 !important;
    transition: all 1500ms;
}


/*---------------------------------------------------------
    PAGE TITLE
---------------------------------------------------------*/
#page_title {
    display: flex;
    height:62px;
    background:#0b1019;
    border:1px solid #313742;
}

#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;
}
