﻿@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Tahoma,"Microsoft Yahei",Arial,Helvetica;
    background: #efefef;
}

ul, ol, dl, form {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: 0;
}

.float_L {
    float: left;
}

.float_R {
    float: right;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
}

.blue {
    color: #022352;
}

.bluex {
    color: #0053b9;
}

.red {
    color: #B50000;
}

.green {
    color: #080;
}

.black {
    color: #000;
}

.b {
    font-weight: bold;
}

.UserInfo2 table th.b {
    font: bold 10px Tahoma,"Microsoft Yahei",Arial,Helvetica;
    padding: 3px 0 3px 7px;
}

.oddschg {
    background: #fff8bf;
    font-size: 16px;
    padding: 0px 4px 0px 4px;
}

.title {
    display: inline-block;
    width: 68px;
    text-align: right;
    padding-right: 4px;
}

.th-TH .stake-title {
    width: 90px;
}

.disin {
    font-size: 11px;
}

.blue_minTeam {
    color: #022352;
}

.red_minTeam {
    color: #B50000;
}

#Left {
    width: 189px;
    height: 100%;
    padding: 0px 2px;
    position: absolute;
    right: 0;
    background: #DFDFDF;
}

.UserInfo {
    background: #f4f4f4;
    padding: 3px 7px;
    font-weight: bold;
    border: 1px solid #d4d4d4;
    margin-top: 5px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

    .UserInfo span {
        color: #B00;
    }

    /*.UserInfo input {
        float: right;
        background: url(img/bg2014.png) -122px -395px;
        width: 56px;
        height: 18px;
        font: normal 11px/18px Arial;
        border: 0;
        padding: 0;
        cursor: pointer;
    }

        .UserInfo input:hover {
            background-position: -183px -395px;
        }*/

    .UserInfo input {
        float: right;
        background: url(img/icon_odds.png) no-repeat scroll 0 -58px rgba(0, 0, 0, 0);
        width: 16px;
        height: 16px;
        font: normal 11px/18px Arial;
        border: 0px solid #8194b7;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin: 3px 0 0 0;
        padding: 0;
        cursor: pointer;
        color: #fff;
        text-indent: 40px;
        outline: none;
    }

        .UserInfo input:hover {
            background: url(img/icon_odds.png) 0 -73px;
        }

.UserInfo2 {
    border: 1px solid #d4d4d4;
    border-top: 0;
    background: #ECF2F7;
}

    .UserInfo2 table {
        border-collapse: collapse;
        width: 100%;
        background: #fff;
    }

        .UserInfo2 table th {
            background: #f5f5f5;
            border-bottom: 1px solid #dfdfdf;
            padding-left: 7px;
            text-align: left;
            font: normal 10px Tahoma,"Microsoft Yahei",Arial,Helvetica;
            color: #000f60;
        }

        .UserInfo2 table td {
            border-bottom: 1px solid #DFE6EC;
            padding-left: 7px;
            font-size: 10px;
            font-family: Tahoma,"Microsoft Yahei",Arial,Helvetica;
        }

.b {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

.fav {
    margin: 0 1px 2px 4px;
    vertical-align: middle;
    height: 15px;
    width: 15px;
}

.favorites {
    background: url(img/leftnavbg.png) repeat-x;
    height: 25px;
    margin: 5px 0;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    border: 1px solid #1d9272;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .favorites:hover {
        background-color: #316354;
        background-image: -webkit-gradient(linear,100% 100%,100% 0,from(#2e1815),to(#316354));
        background-image: -moz-linear-gradient(to bottom,#316354,#2e1815);
        background-image: linear-gradient(to bottom,#316354,#2e1815);
    }

/*--.favorites span{background:url(bg2014.png) no-repeat 1px -219px;padding-left:25px;float:left;}--*/

.countdown-eurocup {
    position: relative;
    border-radius: 5px;
    height: 70px;
    margin-bottom: 5px;
    padding: 4px 0;
    background: linear-gradient(to bottom, #313131, #2e1815);
}

.countdown-eurocup::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(/App_Themes/Resources/Images/euro2024.png) no-repeat;
}
.countdown > * {
    z-index: 2;
}
.countdown-eurocup .eurocup2024-logo {
    display: block;
    margin: 0 auto 6px;
    z-index: 2;
}
.countdown-eurocup .countdown {
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
}

.countdown .countdown-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.countdown-item .countdown-number {
    width: 28px;
    height: 28px;
    display: block;
    padding: 3px;
    color: #ededed;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 50%, rgba(48,48,48,0.5) 50%, rgba(48,48,48,0.5) 100%);
    border-radius: 3px;
}

.countdown-item .countdown-unit {
    color: #ccc;
    font-size: 12px;
}

.PaneLive {
    background-position: 24px 0;
}

.timer {
    margin-top: 0px;
    padding: 3px 6px;
    background: #646464;
    border-radius: 1px;
    color: #ffffff;
    font-size: 11px;
}

.BetList {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

    .BetList ul {
        background: url(img/betlistbg.png) repeat-x;
        height: 23px;
        border-left: 1px solid #6998c4;
        border-right: 1px solid #6998c4;
    }

    .BetList li {
        float: left;
        width: 60px;
        font: bold 11px/22px Tahoma,"Microsoft Yahei",Arial,Helvetica;
        text-align: center;
    }

        .BetList li a {
            color: #fff;
        }

            .BetList li a:hover {
                color: #c00;
            }

    .BetList dl {
        border: 1px solid #1d9272;
        border-top: 0;
    }

    .BetList dt {
        position: relative;
        background: url(img/bg2014.png) 0 -482px;
        color: #151515;
        padding: 2px 0px 2px 20px;
        font: bold 11px/19px Tahoma,"Microsoft Yahei",Arial,Helvetica;
        font-weight: bold;
        display: block;
        border-bottom: 1px solid #fff;
        cursor: pointer;
    }

        .BetList dt .LiveIcon {
            margin-top: 2px;
        }

        .BetList dt span:not(.LiveIcon), .BetList dd span:not(.LiveIcon) {
            color: #333333;
            display: inline-block;
            font: 100 10px/14px Tahoma,"Microsoft Yahei",Arial,Helvetica;
            height: 14px;
            position: relative;
            float: right;
            right: 3px;
            text-align: center;
            top: 0;
            width: 24px;
        }

        .BetList dt span:not(.LiveIcon) {
            top: 2px;
            font-weight: bold;
        }

    .BetList dd b span:not(.LiveIcon) {
        font-weight: bold;
    }

.LiveIcon {
    background: #B50000;
    border-radius: 3px;
    width: 29px;
    height: 15px;
    line-height: 15px;
    float: right;
    text-align: center;
}

    .LiveIcon:before {
        display: inline-block;
        transform: scale(.8);
        content: "LIVE";
        color: #fff;
        font-style: italic;
        font-weight: normal;
    }

.BetList dt:hover {
    color: #1172b9;
}

.BetList dd {
    margin: 0;
    color: #002F6B;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 2px 0 2px 20px;
    background: #fff;
    font: normal 11px/18px Tahoma,"Microsoft Yahei",Arial,Helvetica;
    cursor: pointer;
}

    .BetList dd b {
        color: #f60;
    }

    .BetList dd:hover {
        color: #f60;
    }

    .BetList dd input {
        vertical-align: middle;
        padding: 0;
        margin: 0 2px 0 0;
    }

.current {
    background: #e9f5fb;
    min-width: 62px;
    border-top: 1px solid #6998c4;
    border-left: 1px solid #6998c4;
    border-right: 1px solid #6998c4;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

li.current a {
    color: #c00;
}

.BetBill {
    background: url(img/leftnavbg.png) repeat-x;
    border: 1px solid #1d9272;
    border-bottom: 0;
    height: 25px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

    .BetBill:hover {
        background-color: #316354;
        background-image: -webkit-gradient(linear,100% 100%,100% 0,from(#2e1815),to(#316354));
        background-image: -moz-linear-gradient(to bottom,#316354,#2e1815);
        background-image: linear-gradient(to bottom,#316354,#2e1815);
    }

.HidBill {
    background: url(img/icon_odds.png) no-repeat -100px -39px;
    padding-left: 23px;
    float: left;
    cursor: pointer;
}

    .HidBill:hover {
        background: url(img/icon_odds.png) no-repeat -100px -63px;
    }

.ShoBill {
    background: url(img/icon_odds.png) no-repeat -262px -39px;
    padding-left: 23px;
    float: left;
    cursor: pointer;
}

    .ShoBill:hover {
        background: url(img/icon_odds.png) no-repeat -262px -63px;
    }

.RefBill {
    background: url(img/bg2014.png) no-repeat -97px -392px;
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

    .RefBill:hover {
        background: url("img/bg2014.png") no-repeat scroll -77px -391px rgba(0, 0, 0, 0);
        margin: 0 3px 0 -3px;
    }

.minibetlist {
    background: #fff;
    margin-top: 5px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.BetBill2 {
    display: none;
}

    .BetBill2 ul {
        margin: 3px;
        padding: 0;
    }

    .BetBill2 li {
        padding: 0px 3px;
        clear: both;
        word-break: break-all;
        word-wrap: break-word;
        font-size: 10px;
    }

    .BetBill2 h1 {
        font: 100 10px Arial,Tahoma;
        padding: 0 3px;
        margin: 0;
    }

    .BetBill2 u {
        font-weight: 700;
        text-decoration: none;
    }

.BetMix {
    border-top: 1px solid #aaa;
    font: bold 10px Arial,Tahoma;
    text-align: right;
    margin: 2px;
}

.BetBill2 h1 img {
    vertical-align: top;
    cursor: pointer;
    padding-left: 4px;
}

.bgdanger {
    background: url(img/blink3.gif);
}

.bg-gif {
    background: url(img/blink3.gif);
    border-radius: 2px;
}

.bgreject {
    background: transparent url(img/reject_all.gif) no-repeat right bottom;
}

#bet_list .bgreject:hover {
    background: #f5f1d6 url("img/reject_all.gif") no-repeat scroll right bottom;
    z-index: 999;
}

.txreject {
    text-decoration: line-through;
}

.BetBill3 {
    background: url(img/betlistbg.png) repeat-x;
    height: 22px;
    padding-left: 3px;
    color: #fff;
}

    .BetBill3 span {
        width: 92px;
        font-weight: 500;
        display: block;
        float: left;
        line-height: 22px;
        text-align: center;
        cursor: pointer;
    }

.BetBill_c {
    background: #e9f5fb;
    color: #c00;
}

.betlistRow0 {
    background-color: #f1f1f1;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 3px;
}

.betlistRow1 {
    background-color: #d8e3f1;
    border: 1px solid #cbd7e6;
    -webkit-border-radius: 3px;
}

.betlisttr2 {
    font-weight: 700;
}

.betlisttr3 span.red {
    color: #022352;
}

.betlisttr3 span.blue {
    color: #022352;
}

.BetBill2 span b.red {
    color: #B50000;
}

.BetBill2 span b.blue {
    color: #B50000;
}

.BetBill2 span b.black {
    color: #B50000;
}

#bet_list div {
    padding-bottom: 1px;
}

#bet_list ul:hover {
    background: #f5f1d5;
}

#bet_list div.bgreject ul:hover {
    background: transparent;
}

.PlaceBetLeft {
    background: #fff;
    margin: 5px 0;
}

    .PlaceBetLeft h1 {
        margin: 0;
        padding: 3px 0px 3px 10px;
        font-size: 12px;
        text-align: left;
        background: #ddd;
        border-bottom: 1px solid #D2E0ED;
    }

.PlaceBetLeft_h1 {
    margin: 0;
    padding: 3px 0px 3px 10px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}

.PlaceBetLeft_2 {
    padding: 2px 10px;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
}

.PlaceBetLeft_3 {
    background: #fff;
    padding: 2px 0 2px 10px;
    line-height: 14px;
    text-align: left;
    font-size: 11px;
    word-break: break-all;
}

.PlaceBetLeft_4 {
    background: #EDEEEE;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    text-align: center;
}

    .PlaceBetLeft_4 input {
        font-size: 12px;
        width: 70px;
    }

.PlaceBetLeft_5 th {
    width: 70px;
    font-weight: normal;
    padding: 2px 0 1px 6px;
    background: #fff;
    text-align: left;
    font-size: 11px;
}

.PlaceBetLeft_5 td {
    padding: 2px 0 1px 0;
    background: #fff;
    text-align: left;
    font-size: 11px;
}

.PlaceBetLeft_6 {
    padding: 3px 0 5px 0;
    background: #ddd;
}

.PlaveBet_blue {
    color: #2075F4;
    font-size: 12px;
    text-decoration: none;
}

.PlaceBetLeft_7 th {
    width: 70px;
    background-color: #b7d6ff;
    border-bottom: #9ec3d2 1px solid;
    padding: 0 0 0 5px;
    font-weight: normal;
    text-align: left;
    font-size: 11px;
}

.PlaceBetLeft_7 td {
    padding: 0 0 0 3px;
    background-color: #d7e7fc;
    border-bottom: #9ec3d2 1px solid;
    text-align: left;
    font-size: 11px;
}

.BetChoice {
    color: #BB1313;
    margin-right: 10px;
    word-break: break-all;
}

.Disin {
    display: inline;
}

.btnbet {
    width: 85px;
    background-color: #393939;
    border: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    padding: 2px;
}

    .btnbet:hover {
        background-color: #605B5B;
        cursor: pointer;
    }

#pl_autorefresh {
    display: block;
    font-size: 11px;
    color: #666;
    padding-right: 8px;
    margin-top: 5px;
    font-weight: 100;
}

.ballchg, .scorechg {
    background: #F6EFB9;
    font-size: 12px;
}

#bet_nlist {
    text-align: center;
    padding: 2px;
}

.liveC {
    background: url(img/live_center.gif?2017) right 0;
    height: 25px;
    margin-top: 5px;
    cursor: pointer;
    color: #960101;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .liveC h1 {
        background: url(img/live_a2.gif) no-repeat 8px 4px;
        text-align: center;
        padding: 0;
        margin: 0;
        font: bold 12px/23px Tahoma,"Microsoft Yahei",Arial,Helvetica;
    }

    .liveC span {
        float: right;
        font: bold 12px/23px Tahoma,"Microsoft Yahei",Arial,Helvetica;
        color: #FF0;
        text-align: center;
        width: 45px;
    }

    .liveC:hover {
        background: url(img/live_center.gif?2017) right -25px;
        color: #B62626;
    }

.betWindowBg_R {
    padding: 2px 0px 0px;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    background-color: #ffd5c5;
}

.betWindowBg_T {
    padding: 2px 0px 0px;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    background-color: #ddd;
}

.mixParBetWin {
    width: 182px;
    border: 1px solid rgb(102, 102, 102);
    margin: 0pt 0pt 2px 2px;
    background: #DAEAFF;
}

.SumForcast {
    cursor: pointer;
    margin-top: 4px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.SumForcast2 {
    padding: 5px;
    background: #efefef;
    border: 1px solid #1d9272;
    border-top: 0;
    text-align: right;
    height: 18px;
}

    .SumForcast2 span {
        display: block;
        padding-top: 3px;
    }

.SumForcast select {
    font: 100 11px Tahoma,"Microsoft Yahei",Arial,Helvetica;
    padding: 1px 0px 1px 2px;
    float: left;
    margin: 0;
}

.SumForcastT {
    padding-left: 25px;
    float: left;
}

#bet_nlist {
    border: 1px solid #d4d4d4;
    border-top: 0;
}


#menu_wp.current, #menu_all.current {
    color: #fff;
    background: url(img/navbg_on.png) repeat-x;
}

.iconOdds {
    background: url(img/icon_odds.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    line-height: 11px;
    vertical-align: middle;
}

    .iconOdds.Sum_Forcast {
        background-position: -120px 0px;
        margin: 6px 5px 5px 5px;
        float: left;
    }

.Sum_Forcast:hover {
    background: url(img/icon_odds.png) -120px -15px;
}

.iconOdds.myfavorites {
    background-position: -195px 0px;
    margin: 6px 5px 5px 5px;
    float: left;
}

.myfavorites:hover {
    background-position: -195px -15px;
}

.iconOdds.shob {
    background-position: -180px 0px;
    margin: 6px 5px 5px 5px;
    float: left;
}

.shob:hover {
    background-position: -180px 0px;
}

.iconOdds.refreshe {
    background-position: 1px -61px;
    margin: 6px 5px;
    float: right !important;
}

.refreshe:hover {
    background-position: 1px -76px;
}

.favorites span#favcount {
    float: right;
    background: #70929B;
    font: bold 12px/17px Tahoma,Arial,Helvetica;
    color: #FF0;
    text-align: center;
    width: 32px;
    border-radius: 3px;
    padding: 0;
    margin: 4px 5px 4px 4px;
}

/*=======================tradeIn===================*/
.btn {
    -moz-box-sizing: border-box;
    background-color: #7E7E7E;
    border: medium none;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: Tahoma,"Microsoft Yahei",Arial,Helvetica;
    line-height: 1.5;
    margin: 0;
    text-align: center;
    font-size: 10px;
    padding: 0 8px;
}

    .btn:hover {
        background-color: #E6E6E6;
        background-position: 0 -15px;
        color: #333333;
        text-decoration: none;
        transition: background-position 0.1s linear 0s;
    }

    .btn:focus {
        outline: thin dotted #333333;
        outline-offset: -2px;
    }

.btn-green {
    background-color: #82B440;
    color: #fff;
}

    .btn-green:hover {
        background-color: #7AA93C;
        color: #fff;
    }

.btn-blue {
    background: #428bca;
    color: #fff;
}

    .btn-blue:hover {
        background: #285e8e;
    }

.btn-yellow {
    background: #ed9c28;
    color: #fff;
}

    .btn-yellow:hover {
        background: #d58512;
    }

.btn-red {
    background: #C00;
    color: #fff;
}

    .btn-red:hover {
        background: #ff4500;
    }

.btn-inverse {
    background: #7E7E7E;
    color: #fff;
}

    .btn-inverse:hover {
        background: #888888;
        color: #fff;
    }

.hide {
    display: none;
}

.show {
    display: block;
}

/*=======================tradeIn===================*/
.tradIn {
    font-weight: bold;
    line-height: 18px;
}

.tradIn-price {
    border-top: 1px solid #ccc;
    margin-top: 2px;
    text-align: center;
}

.tradIn-info {
    float: right;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url(img/info.png) no-repeat padding-box;
    background-size: contain;
}

label.price {
    float: right;
    margin: 0 4px;
}

.tradIn .highlight {
    padding: 5px;
    margin: 3px 0;
    background: #FFFFFF;
    outline: 0 none;
}

.tradIn label {
    white-space: nowrap;
}

.tradIn-sell a, .tradIn-confirm .btn-ok {
    width: 90%;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #403F3F;
    background: transparent linear-gradient(180deg, #5F5E5E 0%, #393939 100%) 0% 0% no-repeat padding-box;
}

    .tradIn-sell a:hover, .tradIn-confirm .btn-ok:hover {
        color: #fff;
        background: transparent linear-gradient(180deg, #5F5E5E 0%, #393939 100%) 0% 0% no-repeat padding-box;
    }

.tradIn-confirm .btn-ok {
    width: 100%;
}

.tradIn-sell {
    padding: 5px 0;
}
    .tradIn-sell.highlight .label {
        color: #333;
    }

    .tradIn-sell label {
        color: green;
        margin: 0 3px;
    }

    .tradIn-sell .btn-cashout {
        width: 14px;
        height: 14px;
        margin-right: 4px;
        background: url(img/cash_out.png) no-repeat padding-box;
        background-size: contain;
    }

    .tradIn-sell .btn-value {
        line-height: 22px;
        color: white;
    }

        .tradIn-sell .btn-value .btn-odds {
            color: #FDDE2C;
            font-size: 12px;
            line-height: 22px;
            font-weight: 700;
            animation: number 0.8s linear forwards;
        }

.sellReturn {
    color: green;
    margin-left: 3px;
}

.tradIn-confirm .confirm-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 14px;
}

.tradIn-confirm .cashout {
    color: #4A4A4A;
    font-weight: normal;
    zoom: 0.916;
}

.tradIn-confirm .returnConfirm {
    color: #192B53;
}

.tradIn-confirm .confirm-status {
    margin: 6px auto 5px auto;
    text-align: right;
    zoom: 0.9;
}

.tradIn-confirm .process {
    color: #A86100;
    background-color: #FFF3DB;
    padding: 3px 6px 4px 0px !important;
    border-radius: 3px;
}

.tradIn-confirm .sellReject {
    text-align: right;
    margin: 6px auto 5px auto;
    padding: 3px 6px 4px 0px !important;
    color: #C40303;
    background-color: #FFE8E8;
    border-radius: 3px;
}

    .tradIn-confirm .sellReject.other {
        margin: auto;
    }

.tradIn-confirm .cashout-content {
    display: flex;
    justify-content: start;
    background: #E9F8E9 0% 0% no-repeat padding-box;
    border: 1px solid #E9F8E9;
    opacity: 1;
    margin-top: 3px;
    margin-bottom: 5px;
    border-radius: 3px;
}

    .tradIn-confirm .cashout-content .checkIcon {
        float: left;
        margin: auto 8px auto 5px;
        background: url(../img/check.png) no-repeat padding-box;
        background-size: contain;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .tradIn-confirm .cashout-content .cashoutMessage {
        font: 10px/11px Arial;
        letter-spacing: 0px;
        word-break: normal;
        font-weight: bold;
        line-height: 1.2;
        margin: 5px auto;
        color: #254620;
        opacity: 1;
        zoom: 0.9;
    }

.tradIn-confirm .confirm-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    line-height: 14px;
}

    .tradIn-confirm .confirm-btn input {
        width: 48%;
        height: 22px;
        font-size: 12px;
        font-weight: bold;
    }

    .tradIn-confirm .confirm-btn .btn-cancel {
        color: #535353;
        border: 1px solid #BEBEBE;
        background: linear-gradient(180deg, #D5D5D5, #BABABA);
    }

    .tradIn-confirm .confirm-btn .btn-confirm {
        background: transparent linear-gradient(180deg, #5F5E5E 0%, #393939 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #403F3F;
    }

.tradIn-confirm .btn-confirm:hover {
    color: #ffffff;
}

.fright {
    float: right;
}

.tradIn-return {
    padding: 2px 0;
}

.sell-input {
    width: 68px;
    height: 12px;
    font-size: 12px;
    padding: 2px;
}

.absolute-r-40 {
    position: absolute;
    right: 42px;
}

.hideIcon {
    margin-top: 1px;
    background: url(img/icon_odds.png) no-repeat -105px -43px;
    float: right;
    height: 15px;
    margin: 2px 2px 0 0;
    width: 15px;
    cursor: pointer;
}

.showIcon {
    margin-top: 1px;
    background: url(img/icon_odds.png) no-repeat -267px -43px;
    float: right;
    height: 15px;
    margin: 2px 2px 0 0;
    width: 15px;
    cursor: pointer;
}

.hide {
    display: none;
}

.show {
    display: block;
}



/*====ADD STYLE====*/

.btn-view {
    background: #313131;
    color: #fff;
    border: 1px solid #1d9272 !important;
}

    .btn-view:hover {
        background: #316354;
    }

.switch-to-v3 {
    cursor: pointer;
    color: #002F6B;
    text-align: center;
    background: #f4f4f4;
    padding: 6px;
    font-weight: bold;
    border: 1px solid #d4d4d4;
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

@keyframes number {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    17% {
        transform: scale(1.1, 1.1);
        opacity: 0.5;
    }

    34% {
        transform: scale(1, 1);
        opacity: 1;
    }

    51% {
        transform: scale(1.1, 1.1);
        opacity: 0.5;
    }

    68% {
        transform: scale(1, 1);
        opacity: 1;
    }

    85% {
        transform: scale(1.1, 1.1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@-moz-document url-prefix() {
    .btn {
        padding: 0 4px;
    }

    .tradIn-sell a, .tradIn-confirm .btn-ok {
        width: 100%;
    }

    .tradIn-sell .btn-value {
        line-height: 20px;
    }
}