/*---------------------------------------------------------
    BETTING
---------------------------------------------------------*/
#betting .title {
    display: flex;
    height:62px;
    background:#29324b;
}

#betting .title .label {
    line-height:62px;
    color:#cccccc;
    font-size:16px;
    font-weight:600;
    padding-left:20px;
    flex-grow: 1;
    text-align: center;
}

#betting .title .label span {
    color: #ef7c00;
}

/*---------------------------------------------------------
    BETTING CART
---------------------------------------------------------*/

#betting .betting_cart {
    display:block;
}

#betting .betting_cart .subtitle {
    display: flex;
    height:50px;
    background:#07172d;
    border-left:2px solid #ef7c00;
}

#betting .betting_cart .subtitle .label {
    line-height:50px;
    color:#cccccc;
    font-size:15px;
    text-align: left;
    font-weight:600;
    padding-left:20px;
    flex-grow: 1;
}

#betting .betting_cart .subtitle .label span {
    color: #ef7c00;
}

#betting .betting_cart .subtitle .label span.folder_cnt {
    background: #ef7c00;
	color:#000000;
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:20px;
	vertical-align:middle;
	line-height:20px;
	text-align:center;
}

#betting .betting_cart .subtitle .btn_clear {
    background: url('/images/1bet1/betting_cart/ico_recycle_bin.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    height:50px;
    width: 40px;
    flex-shrink: 0;
    cursor:pointer;
    filter: invert(1) brightness(0.5);
    transition: all 300ms;
}

#betting .betting_cart .subtitle .btn_clear:hover {
    filter: invert(1) brightness(0.8);
    transition: all 300ms;
}


#betting .betting_cart .list {
    display: block;
    max-height:356px;
    overflow-y: auto;
    overflow-x: hidden;
}

#betting .betting_cart .list::-webkit-scrollbar {
    width: 8px;
}

#betting .betting_cart .list::-webkit-scrollbar-track {
    background: #141921;
}

#betting .betting_cart .list::-webkit-scrollbar-thumb {
    background: #262b32;
}

#betting .betting_cart .list .betting_item {
    display: flex;
    margin-top:1px;
    cursor:pointer;
}

#betting .betting_cart .list .betting_item .btn_delete {
    display: block;
    width : 30px;
    flex-shrink: 0;
    margin-right:1px;
    background: #0d1d32;
    position: relative;
    cursor:pointer;
}

#betting .betting_cart .list .betting_item:hover .btn_delete {
    background: #29324b;
}

#betting .betting_cart .list .betting_item .btn_delete:hover {
    background:#515c79;
    color:#ef7c00;
}

#betting .betting_cart .list .betting_item .btn_delete span { 
    display: block;
    position: absolute;
    left:50%;
    top:50%;
    font-size:13px;
    transform: translate(-50%, -50%);
}

#betting .betting_cart .list .betting_item .detail {
    display: block;
    padding: 8px;
    margin-right:1px;
    background: #0d1d32;
    width:calc(100% - 75px);
    overflow: hidden;
}

#betting .betting_cart .list .betting_item:hover .detail {
    background: #29324b;
}

#betting .betting_cart .list .betting_item .detail .league {
    display: flex;
    font-size:13px;
    line-height:24px;
}

#betting .betting_cart .list .betting_item .detail .league .nation_flag {
    display: block;
    margin:0px;
    height:16px;
    margin-top:4px;
    padding-right:10px;
}

#betting .betting_cart .list .betting_item .detail .league .league_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#betting .betting_cart .list .betting_item .detail .game {
    display: flex;
    height:24px;
    font-size:13px;
    line-height:24px;
}

#betting .betting_cart .list .betting_item .detail .game .home_name {
    display: block;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-width:90px;
	text-align:left;
}
#betting .betting_cart .list .betting_item .detail .game .away_name {
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-width:90px;
	text-align:left;
}

#betting .betting_cart .list .betting_item .detail .game .vs {
    width:30px;
    flex-shrink: 0;
    color:#888888;
    text-align: center;
	text-align:center;
}

#betting .betting_cart .list .betting_item .detail .select {
    display: flex;
    height:24px;
    font-size:13px;
    line-height:24px;
}


#betting .betting_cart .list .betting_item .detail .select font{
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-width:95px;
}

#betting .betting_cart .list .betting_item .detail .select .bet_type {
    flex-shrink: 0;
    margin-right:10px;
    color:#888888;
    text-align: left;
}

#betting .betting_cart .list .betting_item .detail .select span {
    color:#ffc967;
}

#betting .betting_cart .list .betting_item .odds { 
    display: block;
    width : 45px;
    background: #0d1d32;
    position: relative;
    flex-shrink: 0;
}

#betting .betting_cart .list .betting_item:hover .odds {
    background: #29324b;
}


#betting .betting_cart .list .betting_item .odds span { 
    display: block;
    position: absolute;
    left:50%;
    top:50%;
    font-size:13px;
    color:#ffc967;
    transform: translate(-50%, -50%);
}


/*---------------------------------------------------------
    BETTING MONEY
---------------------------------------------------------*/

#betting .betting_money {
    display:block;
    margin-top:1px;
}

#betting .betting_money .subtitle {
    display: flex;
    height:50px;
    background:#07172d;
    border-left:2px solid #ef7c00;
}

#betting .betting_money .subtitle .label {
    line-height:50px;
    color:#cccccc;
    font-size:15px;
    text-align: left;
    font-weight:600;
    padding-left:20px;
    flex-shrink:0;
    margin-right:20px;
}

#betting .betting_money .subtitle .label span {
    color: #ffc967;
}

#betting .betting_money .subtitle .value {
    display: block;
    position: relative;
    margin-top:10px;
    margin-bottom:10px;
    flex-grow: 1;
}

#betting .betting_money .subtitle .value input[type='text'] {
    display: block;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    text-align: right;
    color:#ffc967;
    background: transparent;
    border:0px;
    font-size:16px;
}

#betting .betting_money .subtitle .btn_clear {
    background: url('/images/1bet1/betting_cart/ico_recycle_bin.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    height:50px;
    width: 40px;
    flex-shrink: 0;
    cursor:pointer;
    filter: invert(1) brightness(0.5);
    transition: all 300ms;
}

#betting .betting_money .subtitle .btn_clear:hover {
    filter: invert(1) brightness(0.8);
    transition: all 300ms;
}


#betting .betting_money .gridbox {
    display: grid;
    gap:1px;
    margin-top:1px;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
}

#betting .betting_money .gridbox2 {
    display: grid;
    gap:1px;
    margin-top:1px;
    grid-template: repeat(1, 1fr) / repeat(2, 1fr);
}

#betting .betting_money .gridbox .btn_add_money {
    background:#0d1d32;
    height:50px;
    text-align: center;
    color:#ffc967;
    line-height: 50px;
    font-size:14px;
    cursor: pointer;
}

#betting .betting_money .gridbox .btn_add_money:hover {
    background:#29324b;
    color: #ffffff;
}

/*---------------------------------------------------------
    BETTING ODDS
---------------------------------------------------------*/

#betting .betting_odds {
    display: block;
    margin-top: 1px;
} 

#betting .betting_odds .subtitle {
    display: flex;
    height:50px;
    background:#07172d;
    border-left:2px solid #ef7c00;
}

#betting .betting_odds .subtitle .label {
    line-height:50px;
    color:#cccccc;
    font-size:15px;
    text-align: left;
    font-weight:600;
    padding-left:20px;
    flex-shrink:0;
    margin-right:20px;
}

#betting .betting_odds .subtitle .label span {
    color: #ffc967;
}

#betting .betting_odds .subtitle .value {
    display: block;
    position: relative;
    line-height: 50px;
    text-align: right;
    margin-right:15px;
    flex-grow: 1;
    color: #ffc967;
    font-size: 14px;
}

#betting .betting_odds .subtitle .value data {
    color: #ffc967;
}


/*---------------------------------------------------------
    BETTING PREDIT BENEFIT
---------------------------------------------------------*/

#betting .betting_predict_benefit {
    display: block;
    margin-top: 1px;
} 

#betting .betting_predict_benefit .subtitle {
    display: flex;
    height:50px;
    background:#07172d;
    border-left:2px solid #ffc967;
}

#betting .betting_predict_benefit .subtitle .label {
    line-height:50px;
    color:#cccccc;
    font-size:15px;
    text-align: left;
    font-weight:600;
    padding-left:20px;
    flex-shrink:0;
    margin-right:20px;
}

#betting .betting_predict_benefit .subtitle .value {
    display: block;
    position: relative;
    line-height: 50px;
    text-align: right;
    margin-right:15px;
    flex-grow: 1;
    color: #ffc967;
    font-size: 14px;
}

#betting .betting_predict_benefit .subtitle .value span ,
#betting .betting_predict_benefit .subtitle .value data {
    color: #ffc967;
}

#betting .btn_betting {
    display: block;
    margin-top:1px;
    height:50px;
    line-height: 50px;
    text-align: center;
    color: #ffc967;
    background: #0d1d32;
    cursor: pointer;
    transition: all 300ms;
}

#betting .btn_betting:hover {
    display: block;
    margin-top:1px;
    height:50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    background: #29324b;
    cursor: pointer;
    transition: all 300ms;
}