@font-face {
    font-family: "icon-ui";
    src: url("icon-ui.eot?.25943");
    src: url("icon-ui.eot") format("embedded-opentype"),url("icon-ui.ttf?.25943") format("truetype"),url("icon-ui.woff?.25943") format("woff"),url('https://d2dgys6tg64hrs.cloudfront.net/h50ggsport/css/icon-ui.svg?.25943') format("svg")
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
* {
    /*cursor:pointer;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.toggle, .modal-backdrop, .quickLinkgroup>.quickLinkitem {
    cursor:pointer;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}
#sportList .odds a{
    color: black;
    text-decoration: none;
    background-color: transparent
}
a {
    color: #337ab7;
    text-decoration: none;
    background-color: transparent
}
a:focus {
    outline: none
}

a:hover, a:focus {
    text-decoration: none
}
 
html, body, .container {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}
body {
    margin: 0;
    line-height: 1.42857143;
    background-color: #E0E0E0;
    color: rgba(0,0,0,0.87);
    font-family: 'Roboto', 'San Francisco', Helvetica, sans-serif;
    font-size: 15px;
    -webkit-tap-highlight-color: rgba(0,0,0,0.2)
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fixbody {
    position: fixed;
    top: 0px;
}
.form-group {
    margin-bottom: 15px
}

.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}



input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit
}
 
.icon, .checkbox label:before, .radio label:before {
    font-family: "icon-ui";
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    font-size: 24px;
    line-height: 1;
    width: 24px;
    height: 24px;
    vertical-align: bottom
}

.icon {
    color: rgba(0,0,0,0.54)
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    /*    border: 1px solid transparent;
*/
    border: 1.5px solid black;
    border-radius: 4px
}
    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
    }
.btn {
    border-radius: 2px;
    position: relative;
    border-width: 0;
    padding: 10px 12px
}

    .btn.active, .btn:active, .btn:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn i.icon {
        position: relative;
        margin-left: auto;
        margin-right: auto
    }

        .btn i.icon.icon-info, .btn i.icon.icon-single-bet, .btn i.icon.icon-multi-bet {
            margin-top: 0
        }

    .btn.right {
        float: right
    }

    .btn.btn-more { 
        height: auto;
        min-height: auto;
        font-size: 12px;
        padding: 1px 1px !important;
        min-width: 30px;
        text-align: center;
        border-width: 0;
        background-color: #137D33;
        color: rgba(255,255,255,0.7) !important;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        border-radius: 2px
    }

        .btn.btn-more:after {
            content: " ";
            display: inline-block;
            margin-left: 3px;
            width: 0;
            height: 0;
            vertical-align: middle;
            border-top: 4px solid green;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent
        }

        .btn.btn-more[aria-expanded="true"] {
            background-color: #005fbd;
            padding: 6px 3px !important;
            margin-top: -15px !important;
            color: #fff !important
        }

            .btn.btn-more[aria-expanded="true"]:after {
                border-top: 0px solid;
                border-bottom: 4px solid #fff;
                margin-top: -2px
            }

    .btn.disable {
        opacity: .6;
        cursor: not-allowed;
        -webkit-tap-highlight-color: transparent
    }

    .btn.btn-moreBettype {
        width: 100%;
        text-align: center;
        color: #0073E6;
        border-top: rgba(0,0,0,0.12) 1px solid;
        background-color: #f5f5f5
    }

.live .btn.btn-moreBettype {
    background-color: #ffebeb
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #4a6796;
    border-color: #4a6796
}
.btn-danger {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/bet_en-us.webp');
    background-size: 100% 100%;
    color: #fff;
}
.btn-danger_ch {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/clear_en-us.webp');
    background-size: 100% 100%;
    color: #fff;
}

.btn-danger.btn.focus, .btn-danger.btn:focus, .btn-danger.btn:hover {
    color: #e0d621;
    text-decoration: none
}
    .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        background-color: #137D33;
        border-color: #137D33
    }

.btn-default {
    color: rgba(0,0,0,0.87);
    background-color: #E0E0E0;
    border-color: #E0E0E0
}

.checkbox label:before, .radio label:before {
	color: #fff;
}

.icon-home:before {
    content: ""
}
.icon-menu:before {
    content: "\e600"
} 
.icon-back:before {
    content: ""
}
.icon-statement:before {
    content: ""
}

.icon-balance:before {
    content: ""
}
.icon-result:before {
    content: ""
}
.icon-gototop:before {
    content: ""
}

.icon-my-account:before {
    content: ""
}

.icon-contactUs:before {
    content: ""
}
.icon-addition:before {
    content: ""
}
.icon-lessen:before {
    content: ""
}
.icon-betslip:before {
	color: #ffffff;
	content: ""
}
.icon-FullScreen {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/fullscreenblack.webp');
    background-size: 100% 100%;
}
.icon-logout:before {
    content: ""
}
.icon-email:before {
    content: ""
}
.icon-email-to:before {
    content: ""
}
.icon-settings:before {
    content: ""
}
.icon-howToUse:before {
    content: ""
}
.icon-live-filter:before, .icon-sport9999:before {
    content: "";
    position: relative;
    bottom: 1px;
    left: -2px;
}
.icon-live {
    color: red
}

    .icon-live:before {
        content: "";
    }

.app-bar > .btn i.icon.icon-live, .app-bar > .btn-group > .btn i.icon.icon-live::before {
    color: #ffffff;
}

.app-bar > .btn.active i.icon.icon-live, .app-bar > .btn-group > .btn.active i.icon.icon-live::before {
    color: yellow;
}


.dropdown-group > ul.dropdown-menu > li.active > a i.icon.icon-live {
    color: rgba(0,0,0,0.54);
}

.fulldandu .icon-live:before {
	content: "";
	display:none;
}
.icon-today:before {
	content: ""
}

.icon-earlyAll:before {
    content: ""
}

.icon-early:before {
    content: ""
}
.icon-search:before {
    content: ""
}
.icon-delete:before {
    content: ""
}
.icon-select-league:before {
    content: "";
}
.app-bar > .btn i.icon.icon-live, .app-bar > .btn-group > .btn i.icon.icon-select-league::before {
    color: #ffffff;
}

.dropdown-group > ul.dropdown-menu > li.active > a i.icon.icon-select-league {
    color: rgba(0,0,0,0.54);
}

.icon-OpenAllGame:before {
    content: "+";
    background-color: unset;
    color: #ffffff;
    font-size: 30px;
    position: relative;
    bottom: 6.6px;
    left: -1px;
}
.icon-CloseAllGame:before {
    content: "-";
    background-color: unset;
    color: #e0d621;
    font-size: 30px;
    position: relative;
    bottom: 6.6px;
    left: -1px;
}

.icon-favorit:before {
    content: "";
    color: #e0a904;
    position: relative;
    bottom: 1px;
    left: -1px;
}

.icon-favorit.on:before {
    content: ""
}

.icon-favorit.leave:before {
    content: ""
}

.icon-fastmarket:before {
    content: ""
}

.icon-fastmarket.leave:before {
    content: ""
}

.icon-tv:before {
    content: ""
}

.icon-tv.leave:before {
    content: ""
}
.icon-refresh:before {
    content: ""
}
.icon-all-event:before {
    content: ""
}
.icon-clear:before {
    content: "" ;
    margin-left: 3px;
}

.icon-cancel:before {
    content: ""
}

.icon-main-market:before {
    content: "\e9d3"
}
.icon-other-market:before {
    content: "\e9d2"
}
.icon-arrow-bottom:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-up:before, a[aria-expanded="true"] .icon-arrow:before {
    content: ""
}
.icon-collapse:before {
    content: "\e904";
    /*color: aliceblue;
    background-color: rgba(0,0,0,0.38);*/
    background-color: unset;
    color: #137D33;
}

.icon-extend:before, .collapsed > .icon-collapse:before {
    content: "\e903"
}
.icon-tips:before {
    content: ""
}
/*.icon-chip1:before { content: "\e9d3" }
.icon-chip50:before { content: "\e950" }
.icon-chip100:before { content: "\e961" }
.icon-chip500:before { content: "\e973" }
.icon-chip1000:before { content: "\e985" }
.icon-chip5000:before { content: "\e999" }
.icon-chip10000:before { content: "\e9ad" }
.icon-chip30000:before { content: "\e9c2" }
.icon-chip50000:before { content: "\e9d9" }
.icon-chip100000:before { content: "\e9ee" }*/


i[class^="icon icon-sport"]:before {
    content: "";
    display: inline-block;
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/icon-sports.webp?.47105');
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px
}
.icon-sport1:before {
    background-position: 0 0px
}
.icon-sport2:before {
    background-position: 0 -30px
}
.icon-sport5:before {
    background-position: 0 -120px
}

.icon-sport6:before {
    background-position: 0 -150px
}

.icon-sport7:before {
    background-position: 0 -180px
}

.icon-sport8:before {
    background-position: 0 -210px
}

.icon-sport9:before {
    background-position: 0 -240px
}

.icon-sport10:before {
    background-position: 0 -270px
}

.icon-sport11:before {
    background-position: 0 -300px
}

.icon-sport12:before {
    background-position: 0 -330px
}

.icon-sport13:before {
    background-position: 0 -360px
}

.icon-sport14:before {
    background-position: 0 -390px
}

.icon-sport15:before {
    background-position: 0 -420px
}

.icon-sport16:before {
    background-position: 0 -450px
}

.icon-sport17:before {
    background-position: 0 -480px
}

.icon-sport18:before {
    background-position: 0 -510px
}

.icon-sport19:before {
    background-position: 0 -540px
}

.icon-sport20:before {
    background-position: 0 -570px
}

.icon-sport21:before {
    background-position: 0 -600px
}

.icon-sport22:before {
    background-position: 0 -630px
}

.icon-sport23:before {
    background-position: 0 -660px
}

.icon-sport24:before {
    background-position: 0 -690px
}

.icon-sport25:before {
    background-position: 0 -720px
}

.icon-sport26:before {
    background-position: 0 -750px
}

.icon-sport27:before, .icon-sport50:before {
    background-position: 0 -780px
}

.icon-sport28:before {
    background-position: 0 -810px
}

.icon-sport29:before {
    background-position: 0 -840px
}

.icon-sport30:before {
    background-position: 0 -870px
}

.icon-sport33:before {
    background-position: 0 -960px
}

.icon-sport43:before {
    background-position: 0 -1260px
}
.icon-sport161:before {
    background-position: 0 -1500px
}

.icon-sport181:before {
    background-position: 0 -510px
}

.icon-sport131:before {
    background-position: 0 -718px
}
.icon-sport193:before {
    background-position: 0 -390px
}
.icon-sport251:before {
    background-position: 0 -2040px
}
.icon-sport999:before {
    background-position: 0 -2160px
}
.icon-sport183:before {
    background-position: 0 -1290px
}
.icon-sport184:before {
    background-position: 0 -840px
}



.checkbox, .radio {
    margin: -12px
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.checkbox input[type="checkbox"] + label, .checkbox input[type="checkbox"] + input ~ label {
   
    display: block;
    padding:23px 12px 7px 28px;
}

	.checkbox input[type="checkbox"] + label:before, .checkbox input[type="checkbox"] + input ~ label:before {
		content: "";
		position: absolute;
		left: 15px;
		top: 3px;
	}

.checkbox input[type="checkbox"] + label .text-mark, .checkbox input[type="checkbox"] + input ~ label .text-mark {
    margin-left: -10px
}

.checkbox input[type="checkbox"]:checked + label:before, .checkbox input[type="checkbox"]:checked + input ~ label:before {
    content: "";
    color: #137D33 ;
}

.checkbox.right input[type="checkbox"] + label, .checkbox.right input[type="checkbox"] + input + label {
    padding: 12px
}

.checkbox.right input[type="checkbox"] + label:before, .checkbox.right input[type="checkbox"] + input + label:before {
    right: 12px;
    left: inherit
}

.radio input[type="radio"] {
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.radio input[type="radio"] + label {
    position: relative;
    display: block;
    padding: 12px 12px 12px 48px
}

.radio input[type="radio"] + label:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 10px
}

.radio input[type="radio"]:checked + label:before {
    content: "";
    color: #0073E6
}

/****main****/
.main {
    position: relative;
    height: 100%;
    margin-left: 0
}
.multibet-bar .tab .btn.disable .icon-live-filter,.multibet-bar .tab .btn.disable .icon-sport9999 {
    background-color: #fff
}

.multibet-bar .tab .btn.disable .icon-live-filter:before,.multibet-bar .tab .btn.disable .icon-sport9999:before {
    content: "";
    color: #4F6EA0;
    top: 50%;
    margin-top: -10px
}
#sportList:not(:empty) ~ul{display:none;}

.panel.emptyState {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: justify;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FAFAFA;
    -webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
    padding: 8px 16px;
    height: calc(100vh - 170px);
}
.panel.emptyState .panel-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: justify;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.panel.emptyState .panel-body .msg-title {
    font-size: 18px;
    line-height: 1.2em;
    margin: 1em 0
}

.panel.emptyState .panel-body .msg-text {
    font-size: 16px;
    line-height: 1.25em;
    color: rgba(0,0,0,0.54);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-direction: column;
    flex-direction: column
}

.panel.emptyState .panel-body .msg-text p {
    margin-bottom: 1em
}

.panel.emptyState .panel-body .msg-img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background-size: cover
}

.panel.emptyState .panel-body .msg-img.noFavorite,.panel.emptyState .panel-body .msg-img.noJust4you {
    background-position: -750px 0
}

.panel.emptyState .panel-body .msg-img.noBetEarly {
    background-position: -1050px 0
}

.panel.emptyState .panel-body .msg-img.noBetToday {
    background-position: -1050px 0
}

.panel.emptyState .panel-body .msg-img.noBetWaiting {
    background-position: -1200px 0
}

.panel.emptyState .panel-body .msg-img.noParlay,.panel.emptyState .panel-body .msg-img.noEvent,.panel.emptyState .panel-body .msg-img.noLivefilter,.panel.emptyState .panel-body .msg-img.noWhatsHot {
    background-position: -1350px 0
}

.panel.emptyState .panel-body .msg-img.noDeposit {
    background-position: -1500px 0
}

.panel.emptyState .panel-body .msg-img.noWithdrawal {
    background-position: -1650px 0
}

.panel.emptyState .panel-body .msg-img.noMessage {
    background-position: -1800px 0
}

.panel.emptyState .panel-body .msg-img.noBonusPromo {
    background-position: -1950px 0
}

.panel.emptyState .panel-body .msg-img.noBonusHistory {
    background-position: -2100px 0
}

.panel.emptyState .panel-body .msg-img.noTransferHistory {
    background-position: -2250px 0
}

.panel.emptyState .panel-body .msg-img.noResultMyBet {
    background-position: -2400px 0
}

.panel.emptyState .panel-body .msg-img.noResultSoccer {
    background-position: -2550px 0
}

.panel.emptyState .icon-favorit {
    display: inline-block;
    color: rgba(0,0,0,0.54);
    position: relative;
    margin-bottom: -6px
}

.panel.emptyState .icon-favorit:before {
    position: absolute;
    left: 0
}

.panel.emptyState .sampleicon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #4F6EA0;
    position: relative;
    margin: 0 3px;
    margin-bottom: -4px;
    border-radius: 2px
}

.panel.emptyState .sampleicon i.icon {
    color: #fff;
    font-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 1px
}

.header {
    position: fixed;
    right: 0;
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 0;
    z-index: 6;
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    .header.close {
        position: absolute
    }

    .header .btn.disable {
        opacity: .3
    }

    .header .multibet-bar {
        background-color:#137D33;
        height: 40px
    }

        .header .multibet-bar .tab > li:nth-child(1), .header .multibet-bar .tab > li:nth-child(5), .header .multibet-bar .tab > li:nth-child(6) {
            width: 52px
        }

        .header .multibet-bar .tab > li:nth-child(1) {
            padding-right: 8px
        }

        .header .multibet-bar .tab > li:nth-child(2), .header .multibet-bar .tab > li:nth-child(3) , .header .multibet-bar .tab > li:nth-child(4){
            width: 20%
        }

        .header .multibet-bar .btn-betslip {
            width: 40px
        }

        .header .multibet-bar .btn-live-filter {
            border-top-left-radius: 2px
        }

            .header .multibet-bar .btn-live-filter.active::before {
                content: "";
                position: absolute;
                top: 3px;
                left: 4px;
                right: 4px;
                bottom: 3px;
                border-radius: 8px;
                background-color: rgba(0,0,0,0.2);
                -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
                box-shadow: inset 0 3px 6px rgba(0,0,0,0.1)
            }

    .header .search {
        padding-left: 56px;
        padding-right: 96px;
        height: 40px
    }

        .header .search .modal-backdrop.in {
            top: 40px
        }

        .header .search i.icon.icon-search {
            position: absolute;
            left: 64px;
            top: 8px;
            color: rgba(255,255,255,0.3)
        }

        .header .search .icon-favorit.on {
            color: #FFBF00
        }

        .header .search .btn {
            position: absolute;
            top: 0
        }

            .header .search .btn.btn-home {
                left: 8px
            }

            .header .search .btn.btn-cancel {
                display: none
            }

                .header .search .btn.btn-cancel i {
                    color: rgba(255,255,255,0.7);
                    font-size: 18px;
                    padding-top: 2px
                }

            .header .search .btn.btn-select-league {
                right: 48px
            }

            .header .search .btn.btn-favorit {
                right: 8px
            }

            .header .search .btn.btn-clear {
                display: none;
                right: 8px
            }

        .header .search .search-input {
            font-size: 14px;
            height: 28px;
            background-color: rgba(0,0,0,0.3);
            padding: 0 8px 0 40px;
            width: 100%;
            margin-right: -40px;
            margin-top: 8px;
            right: 0;
            border: 0;
            border-radius: 5px
        }

            .header .search .search-input:focus {
                padding: 0 40px 0 40px
            }

                .header .search .search-input:focus ~ .btn-cancel {
                    display: inline-block;
                    right: 56px
                }

            .header .search .search-input::-webkit-input-placeholder {
                color: rgba(255,255,255,0.3)
            }

            .header .search .search-input:-ms-input-placeholder {
                color: rgba(255,255,255,0.3)
            }

            .header .search .search-input::-ms-input-placeholder {
                color: rgba(255,255,255,0.3)
            }

            .header .search .search-input::placeholder {
                color: rgba(255,255,255,0.3)
            }

            .header .search .search-input:placeholder-shown {
                color: #fff
            }

        .header .search.racing, .header .search.numberGame, .header .search.virtuals {
            padding-right: 56px
        }

        .header .search.searchResult {
            padding-left: 8px;
            padding-right: 56px
        }

            .header .search.searchResult i.icon.icon-search {
                left: 16px
            }

            .header .search.searchResult .btn.btn-home {
                display: none
            }

            .header .search.searchResult .btn.btn-clear {
                display: block
            }

        .header .search .dropdown-menu {
            left: 8px;
            right: 8px;
            margin-top: -2px
        }

            .header .search .dropdown-menu .Typeahead-selectable {
                padding: 10px 20px;
                font-size: 14px;
                clear: both;
                font-weight: 400;
                line-height: 1.42857143;
                color: rgba(0,0,0,0.87);
                border-bottom: rgba(0,0,0,0.12) 1px solid
            }

                .header .search .dropdown-menu .Typeahead-selectable:last-child {
                    border-bottom-width: 0
                }

                .header .search .dropdown-menu .Typeahead-selectable:hover {
                    color: #262626;
                    text-decoration: none;
                    background-color: #F5F5F5
                }

                .header .search .dropdown-menu .Typeahead-selectable .tt-highlight {
                    color: #0073E6
                }

        .header .search .twitter-typeahead {
            width: 100%
        }
.main-bar {
    position: relative;
    background: #137D33;
    color: #fff;
    height: 40px;
    padding-left: 56px;
    padding-right: 8px
}
.singleBetPanel .main-bar {
    background: linear-gradient(#000000 10%, #00CE00 90%) !important;
}

.mixParlayPanel .main-bar {
    background: linear-gradient(#000000 10%, #00CE00 90%) !important;
}

    .main-bar > .btn:first-child {
        position: absolute !important;
        left: 8px
    }

    .main-bar .btn {
        width: 40px;
        height: 40px;
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        text-align: center;
        padding: 9px
    }

        .main-bar .btn.btn-back {
            left: 0;
			padding-right:0;
        }

        .main-bar .btn.btn-clear:active, .main-bar .btn.btn-clear:hover {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }

	.main-bar .title {
		font-weight: bold;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		box-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
		height: 40px;
		text-transform: uppercase;
        font-size:14px;
	}

    .main-bar .tool-group {
        position: absolute;
        right: 8px;
        top: 0
    }

        .main-bar .tool-group .text-username {
            display: inline-block;
            padding: 15px;
            height: 40px;
            display: inline-block
        }

        .main-bar .tool-group .tab {
            padding: 0
        }

            .main-bar .tool-group .tab .btn-betslip {
                width: 40px
            }

    .main-bar .icon {
        color: #fff
    }
.sider-menu .icon .tag-new, .app-bar > .btn i.icon .tag-new, .app-bar > .btn-group > .btn i.icon .tag-new, .app-bar .dropdown-menu i.icon .tag-new {
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 1px 3px;
    background: red;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    position: absolute;
    top: -5px;
    right: -7px
}

.map-bar {
    background-color: #137D33;
    height: 20px;
    overflow: hidden;
    font-size: 18px;
}

    .map-bar ul {
        list-style: none;
        /* padding: 4px 0 0 16px;*/
        padding-left: 0px;
        margin: 0;
        display: block;
        float: left;
        line-height: 1em
    }

    #languageList-header li{
        width: 205px;
        font-size: 12px;
        line-height: 10px;
    }

    .map-bar li {
        display: inline-block;
        padding: 0;
        font-size: 12px;
        color: #e0d621;
		text-transform:uppercase;
    }

        .map-bar li:after {
            content: "\203A";
            display: inline-block;
            margin-left: 4px;
            margin-right: 4px
        }

        .map-bar li:last-child {
            color: #fff
        }

            .map-bar li:last-child:after {
                content: none
            }

    .map-bar .text-balance {
        display: block;
        color: #e0d621;
        font-weight: bold;
        font-size: 12px;
        float: right;
        padding-right: 3px;
        /*padding-top: 5px;*/
        line-height: 23px;
        height: 20px
    }

.main-bar .text-balance {
    display: block;
    color: #e0d621;
    font-weight: bold;
    font-size: 12px;
    float: right;
    padding-right: 16px;
    padding-top: 5px;
    line-height: 1em;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0
}

.main {
    position: relative;
    height: 100%;
    margin-left: 0
}

.header .search {
    padding-left: 56px;
    padding-right: 96px;
    height: 40px
}

    .header .search .modal-backdrop.in {
        top: 40px
    }

    .header .search i.icon.icon-search {
        position: absolute;
        left: 64px;
        top: 11px;
        color: rgba(255,255,255,0.3)
    }

    .header .search .icon-favorit.on {
        color: #FFBF00
    }

    .header .search .btn {
        position: absolute;
        top: 0
    }

        .header .search .btn.btn-home {
            left: 8px
        }

        .header .search .btn.btn-cancel {
            display: none
        }

            .header .search .btn.btn-cancel i {
                color: rgba(255,255,255,0.7);
                font-size: 18px;
                padding-top: 2px
            }

        .header .search .btn.btn-select-league {
            right: 48px
        }

        .header .search .btn.btn-favorit {
            right: 8px
        }

        .header .search .btn.btn-clear {
            display: none;
            right: 8px
        }

    .header .search .search-input {
        font-size: 14px;
        height: 28px;
        background-color: rgba(0,0,0,0.3);
        padding: 0 8px 0 40px;
        width: 100%;
        margin-right: -40px;
        margin-top: 8px;
        right: 0;
        border: 0;
        border-radius: 5px
    }

        .header .search .search-input:focus {
            padding: 0 40px 0 40px
        }

            .header .search .search-input:focus ~ .btn-cancel {
                display: inline-block;
                right: 56px
            }

        .header .search .search-input::-webkit-input-placeholder {
            color: rgba(255,255,255,0.3)
        }

        .header .search .search-input:-ms-input-placeholder {
            color: rgba(255,255,255,0.3)
        }

        .header .search .search-input::-ms-input-placeholder {
            color: rgba(255,255,255,0.3)
        }

        .header .search .search-input::placeholder {
            color: rgba(255,255,255,0.3)
        }

		.header .search .search-input:placeholder-shown {
			color: #fff;
			text-transform: uppercase;
		}

    .header .search.racing, .header .search.numberGame, .header .search.virtuals {
        padding-right: 56px
    }

    .header .search.searchResult {
        padding-left: 8px;
        padding-right: 56px
    }

        .header .search.searchResult i.icon.icon-search {
            left: 16px
        }

        .header .search.searchResult .btn.btn-home {
            display: none
        }

        .header .search.searchResult .btn.btn-clear {
            display: block
        }

    .header .search .dropdown-menu {
        left: 8px;
        right: 8px;
        margin-top: -2px
    }

        .header .search .dropdown-menu .Typeahead-selectable {
            padding: 10px 20px;
            font-size: 14px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: rgba(0,0,0,0.87);
            border-bottom: rgba(0,0,0,0.12) 1px solid
        }

            .header .search .dropdown-menu .Typeahead-selectable:last-child {
                border-bottom-width: 0
            }

            .header .search .dropdown-menu .Typeahead-selectable:hover {
                color: #262626;
                text-decoration: none;
                background-color: #F5F5F5
            }

            .header .search .dropdown-menu .Typeahead-selectable .tt-highlight {
                color: #0073E6
            }

    .header .search .twitter-typeahead {
        width: 100%
    }

.disable {
    cursor: not-allowed
}
.adisable {
    cursor: not-allowed;
    color:#999999;
}

.adisable {
    cursor: not-allowed;
    color: #999999;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

.tab {
    height: 23px;
    width: 100%;
    padding: 0 8px;
    margin: 0;
    list-style: none;
    display: table;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

    .tab:before, .tab:after {
        display: table;
        content: " ";
        clear: both
    }

    .tab > li {
        white-space: nowrap;
        display: table-cell;
        font-size: 14px;
        position: relative;
        text-align: center
    }

        .tab > li i {
            padding: 0 !important;
            vertical-align: top
        }

            .tab > li i:before {
                color: #fff;
            }

            .icon-select-league:before {
                /*color: #ffffff !important;*/
                position: relative;
                bottom: 1px;
                left: -2px ;
            }

        .tab > li > .btn, .tab > li > .btn-group > .btn {
            display: inline-block;
            width: 100%;
            padding: 0;
            height: 30px;
            line-height: 15px;
            color: rgba(255,255,255,0.7);
            float: none;
            padding: 7px 2px 0 4px;
        }

            .tab > li > .btn > span, .tab > li > .btn-group > .btn > span {
                position: relative
            }

                .tab > li > .btn > span .badge, .tab > li > .btn-group > .btn > span .badge {
                    position: absolute;
                    right: -10px;
                    font-weight: normal;
                    padding: 0;
                    font-size: 12px
                }

		.tab > li > .btn-group {
			display: block;
			text-transform: uppercase;
            position:static;
		}

            .tab > li > .btn-group .dropdown-menu {
                overflow: auto;
                top: 0;
                right: 0;
                max-height: 340px;
                max-width: 300px
            }

                .tab > li > .btn-group .dropdown-menu li a .badge {
                    margin-top: 2px;
                    float: right
                }

            .tab > li > .btn-group .dropdown-backdrop {
                display: none
            }

        .tab > li .dropdown-toggle {
            text-overflow: ellipsis;
            overflow: hidden;
            padding-right: 24px !important;
            text-align: left
        }

            .tab > li .dropdown-toggle:after {
                /*content: " ";*/
                display: inline-block;
                margin-left: 16px;
                width: 0;
                height: 0;
                vertical-align: middle;
                border-top: 6px solid rgba(255,255,255,0.7);
                border-right: 6px solid transparent;
                border-left: 6px solid transparent
            }

            .tab > li .dropdown-toggle:after {
                position: absolute;
                right: 6px;
                top: 16px
            }

            .tab > li .dropdown-toggle .btn-title {
                font-size: 12px;
                color: rgba(0,0,0,0.54);
                padding-right: 12px
            }

            .tab > li .dropdown-toggle .btn-value {
                text-overflow: ellipsis;
                overflow: hidden
            }

        .tab > li > .btn-group.open .dropdown-toggle {
            background-color: inherit
        }

        .tab > li.active > .btn, .tab > li.active > .btn-group > .btn {
            color: #fff
        }

        .tab > li.active:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            width: 100%;
            /*background-color: #fff*/
        }

        .tab > li:last-child .dropdown-menu {
            left: auto;
            right: 0
        }

        .tab > li:last-child:first-child .dropdown-menu {
            left: 0;
            right: 0;
            max-height: 300px;
            max-width: inherit
        }

.tab-bar {
    position: relative;
    background-color: #137D33;
    height: 40px
}

    .tab-bar .tab > li {
        width: 33.33%
    }
.app-bar > .btn-group > .btn {
    color: white;
}

    .app-bar > .btn-group > .btn > .icon:before {
        color: white;
    }

    .app-bar > .btn-group > .btn.active {
        color: yellow;
    }

        .app-bar > .btn-group > .btn.active > .icon:before {
            color: yellow;
        }

.app-bar > .btn {
    color: white;
}

    .app-bar > .btn > .icon:before {
        color: white;
    }

    .app-bar > .btn.active {
        color: yellow;
    }

        .app-bar > .btn.active > .icon:before {
            color: yellow;
        }


.btn-bar {
    background-color: #FAFAFA;
    height: 40px;
    width: 100%;
    z-index: 3;
    font-size: 14px
}

    .btn-bar .btn-group {
        display: table;
        width: 100%;
        padding: 8px 12px
    }

        .btn-bar .btn-group .btn {
            display: table-cell;
            float: none;
            position: relative;
            border: #137D33 1px solid;
            border-right: 0;
            border-radius: 4px;
            color: #137D33;
            min-height: auto;
            padding: 3px 8px 1px 8px;
            width: 33.33%;
            font-size: 12px
        }

            .btn-bar .btn-group .btn:last-child {
                border-right: #137D33 1px solid
            }

            .btn-bar .btn-group .btn .badge {
                position: relative;
                margin-left: 2px;
                top: 0;
                font-size: 12px;
                font-weight: normal
            }

            .btn-bar .btn-group .btn.active {
                background-color: #137D33;
                color: #fff
            }

    .btn-bar .dropdown:first-child {
        padding-right: 8px
    }

        .btn-bar .dropdown:first-child .btn {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border: none;
            font-size: 14px;
            border-bottom: #137D33 1px solid;
            border-radius: 0;
            display: block;
            width: 100%;
            border-bottom-width: 2px
        }

    .btn-bar .dropdown .dropdown-toggle:after {
        content: " ";
        display: inline-block;
        margin-left: 16px;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px solid rgba(0,0,0,0.54);
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }

    .btn-bar .dropdown .dropdown-toggle:after {
        margin-top: -4px;
        border-top-color: #137D33
    }

    .btn-bar .dropdown .dropdown-menu {
        top: -12px
    }

    .btn-bar .dropdown + .btn {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important
    }

    .btn-bar .dropdown > .dropdown-backdrop {
        display: none
    }

.filter-bar {
    padding-left: 0;
    background-color: #FAFAFA;
    width: 100%;
    height: inherit;
    z-index: 3
}

    .filter-bar .tab > li {
        padding-right: 4px;
        padding-left: 4px;
        max-width: 100px
    }

        .filter-bar .tab > li > .btn-group > .btn {
            color: rgba(0,0,0,0.87)
        }

        .filter-bar .tab > li .dropdown-toggle:after {
            border-top-color: rgba(0,0,0,0.38)
        }

        .filter-bar .tab > li + li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 10px;
            height: 20px;
            border-left: rgba(0,0,0,0.12) 1px solid
        }

        .filter-bar .tab > li.text-to {
            color: rgba(0,0,0,0.54)
        }

            .filter-bar .tab > li.text-to:before {
                content: none
            }

            .filter-bar .tab > li.text-to + li:before {
                content: none
            }

        .filter-bar .tab > li:first-child {
            padding-left: 0
        }

        .filter-bar .tab > li:last-child {
            padding-right: 0
        }

    .filter-bar .text-race {
        margin-right: 20px;
        color: rgba(0,0,0,0.54)
    }

    .filter-bar .text-match {
        margin-left: 20px
    }

    .filter-bar .text-time {
        color: rgba(0,0,0,0.54)
    }

    .filter-bar .text-race + .text-time {
        color: rgba(0,0,0,0.87)
    }

    .filter-bar + .filter-bar {
        border-top: rgba(0,0,0,0.12) 1px solid
    }


.msg-img {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/img_msg.webp?.39547');
    background-repeat: no-repeat;
    display: block;
    width: 150px;
    height: 150px;
    background-size: cover
}
.relogin .msg-img {
    background-position: 0 0
}

.multiLogin .msg-img {
    background-position: -150px 0
}

.um .msg-img {
    background-position: -300px 0
}

.idle .msg-img {
    background-position: -450px 0
}

.ipBlock .msg-img {
    background-position: -600px 0
}

.msgOop .msg-img {
    background-position: -900px 0
}

.lobby-head-bar {
    padding: 4px 8px
}

.logo {
    width: 130px;
    height: 100%;
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/logo.webp');
    /*background-image: url('https://d2dgys6tg64hrs.cloudfront.net/w0/img/logo.webp?.45049');*/
    /*background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/logo_large.webp?.45049');*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    float: left;
    position: relative;
}

.account-name {
    font-size: 14px;
    line-height: 1.4em;
    /*color: #fff;*/
    color: #fff200;
    position: absolute;
    top: 4px;
    right: 42px;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 140px;
    text-align: right
}

.app-time {
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    line-height: 1.4em;
    float: right;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    position: absolute;
    right: 33px;
    bottom: 0;
    text-align: right
}
.content {
    /*background-color:#0e6f2f;*/
    /*background-color: #E0E0E0;*/
    background-color: #f3f6f4;
    padding-bottom: 50px;
    min-height: 100%
}
#panelMultBet{
	max-height:435px;
    bottom: 50px;
    top: auto;
}

#panelMultBet.betTop {
    top: 90px;
    bottom: auto;
}
    #panelMultBet .singleBetPanel{
    border: 1px solid #fff200;
}
.content-scroller {
	padding-top: 40px;
}

    .content-scroller.has-2main-bar {
        padding-top: 80px
    }

        .content-scroller.has-2main-bar.has-map-bar {
            padding-top: 100px
        }

    .content-scroller.has-3main-bar {
        padding-top: 120px
    }

        .content-scroller.has-3main-bar.has-map-bar {
            padding-top: 140px
        }

    .content-scroller.has-4main-bar {
        padding-top: 160px
    }

        .content-scroller.has-4main-bar.has-map-bar {
            padding-top: 180px
        }

    .content-scroller.has-5main-bar {
        padding-top: 200px
    }

        .content-scroller.has-5main-bar.has-map-bar {
            padding-top: 220px
        }

    .content-scroller.has-searchResultPanel-bar {
        padding-top: 90px
    }

    .content-scroller.no-app-bar {
        padding-bottom: 0 !important
    }

        .content-scroller.no-app-bar .loading {
            bottom: 0
        }

.app-bar {
	background: -moz-linear-gradient(top, #008000 0%, #378000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008000), color-stop(100%, #378000));
	background: -webkit-linear-gradient(top, #008000 0%, #378000 100%);
	background: -o-linear-gradient(top, #008000 0%, #378000 100%);
	background: -ms-linear-gradient(top, #008000 0%, #378000 100%);
	background: linear-gradient(to bottom, #008000 0%, #378000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#008000", endColorstr="#378000",GradientType=0 );
	margin-bottom: -1px;
	right: 0;
	left: 0;
	bottom: 0;
	height: 50px;
	position: fixed;
	z-index: 10;
	-webkit-box-shadow: 0px -3px 3px rgba(0,0,0,0.16);
	box-shadow: 0px -3px 3px rgba(0,0,0,0.16);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin: 0 auto;
	/* border-radius: 10px; */
}

    .app-bar > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

	.app-bar > .btn, .app-bar > .btn-group > .btn {
		padding: 0;
		padding-top: 8px !important;
		font-size: 10px;
		color: #ffffff;
		height: 50px;
		width: 100%;
		text-transform: uppercase;
	}

        .app-bar > .btn, .app-bar > .btn-group > .btn > span {
            margin-left: 5px;
        }

	.app-bar > .btn .badge, .app-bar > .btn-group > .btn .badge {
            top: 0;
            right: auto;
            left: 50%;
            margin-left: 3px;
            font-weight: normal;
            padding: 0;
            font-size: 12px
        }

            .app-bar > .btn .badge.reject, .app-bar > .btn-group > .btn .badge.reject {
                left: auto;
                right: 50%;
                margin-right: 3px
            }

		.app-bar > .btn i.icon, .app-bar > .btn-group > .btn i.icon {
			display: block;
			color: #ffffff;
		}
		.open .dropdown-toggle i.icon {
			color: #ffffff!important;
		}
.btn i.icon.icon-email {
	display: none !important;
}
            .app-bar > .btn i.icon.icon-live, .app-bar > .btn-group > .btn i.icon.icon-live {
                color: #137D33
            }

            .app-bar > .btn i.icon.icon-live-filter, .app-bar > .btn i.icon.icon-sport9999, .app-bar > .btn-group > .btn i.icon.icon-live-filter, .app-bar > .btn-group > .btn i.icon.icon-sport9999 {
                color: #137D33
            }

            .app-bar > .btn i.icon.icon-favorit, .app-bar > .btn-group > .btn i.icon.icon-favorit {
                color: #FFBF00
            }

            .app-bar > .btn i.icon .tag-new, .app-bar > .btn-group > .btn i.icon .tag-new {
                top: -8px;
                right: -6px
            }

    .app-bar .btn-group > .btn.disable {
        opacity: .4;
        cursor: not-allowed;
        -webkit-tap-highlight-color: transparent
    }

    .app-bar .btn-group .modal-backdrop.in {
        display: none;
        bottom: 70px
    }

    .app-bar .btn-group.open .dropdown-toggle {
        /*background-color: #ECECEC;*/
		color:#ffffff;
    }

    .app-bar .btn-group.open .modal-backdrop.in, .app-bar .sidebar.in .modal-backdrop.in {
        display: block
    }

    .app-bar .btn-group .tooltip {
        bottom: 35px
    }

    .app-bar .dropdown-panel {
        background-color: #FAFAFA;
        overflow: visible
    }

        .app-bar .dropdown-panel .tab {
            border-bottom: 1px solid rgba(0,0,0,0.12)
        }

            .app-bar .dropdown-panel .tab li.tag-new:after {
                content: "";
                display: block;
                position: absolute;
                right: -3px;
                top: -3px;
                background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/public/common/menu_tag_new.webp?.28651');
                background-repeat: no-repeat;
                background-size: cover;
                width: 34px;
                height: 34px
            }

html[lang="en"] .app-bar .dropdown-panel .tab li.tag-new:after {
    background-position: 0 0
}

html[lang="zh-TW"] .app-bar .dropdown-panel .tab li.tag-new:after, html[lang="zh-CHS"] .app-bar .dropdown-panel .tab li.tag-new:after, html[lang="zh-CN"] .app-bar .dropdown-panel .tab li.tag-new:after {
    background-position: 0 -34px
}

html[lang="vi-VN"] .app-bar .dropdown-panel .tab li.tag-new:after {
    background-position: 0 -68px
}

.app-bar .dropdown-panel .tab .btn {
    color: rgba(0,0,0,0.54)
}

.app-bar .dropdown-panel .tab .active:before {
    background-color: #0073E6
}

.app-bar .dropdown-panel .tab .active .btn {
    color: #0073E6
}

.app-bar .dropdown-panel .list-group-item {
    background-color: #137D33;
    color: rgba(0,0,0,0.87)
}

    .app-bar .dropdown-panel .list-group-item:last-child {
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }

.app-bar .dropdown-panel .checkbox label:before, .app-bar .dropdown-panel .radio label:before {
    /*color: rgba(0,0,0,0.54)*/
    color:#fff;
}

.app-bar .dropdown-panel .checkbox input[type="checkbox"]:checked + label:before, .app-bar .dropdown-panel .checkbox input[type="checkbox"]:checked + input ~ label:before {
    /*color: #0073E6*/
    color: #fff;
}

.app-bar .btn-bar {
    background-color: transparent
}

    .app-bar .btn-bar .btn-group .btn {
        border: 1px solid #137D33;
        border-right: 0;
        color: #137D33
    }

        .app-bar .btn-bar .btn-group .btn:last-child {
            border-right: 1px solid #137D33
        }

        .app-bar .btn-bar .btn-group .btn.active {
            background-color: #137D33;
            color: #fff
        }

        .app-bar .btn-bar .btn-group .btn .icon {
            width: 16px;
            height: 16px;
            vertical-align: text-bottom;
            margin-right: 4px
        }

        .app-bar .btn-bar .btn-group .btn.btn-worldcup.active {
            background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/public/worldcup/world-cup-bg.webp?.39112');
            background-repeat: no-repeat;
            background-size: cover;
            color: #fff;
            background-color: #0071BC;
            border-color: #0071BC;
            border-left: 0
        }

.app-bar .dropdown-menu {
    background-color: #fff
}

    .app-bar .dropdown-menu li > a {
        color: rgba(0,0,0,0.87)
    }

        .app-bar .dropdown-menu li > a .badge {
            color: rgba(0,0,0,0.54)
        }

        .app-bar .dropdown-menu li > a:focus, .app-bar .dropdown-menu li > a:hover {
            background-color: #f5f5f5
        }

    .app-bar .dropdown-menu li.active > a, .app-bar .dropdown-menu li.active > a:hover {
        color: #137D33;
        background-color: #f5f5f5
    }

    .app-bar .dropdown-menu li.hasLive > a > i:first-child {
        position: relative
    }

        .app-bar .dropdown-menu li.hasLive > a > i:first-child.icon:after {
            z-index: 1;
            position: absolute;
            right: -7px;
            bottom: -2px;
            color: red;
            content: "";
            font-size: 18px;
            text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff
        }

    .app-bar .dropdown-menu li.hasWorldCup > a, .app-bar .dropdown-menu li.hasWorldCup > a.active, .app-bar .dropdown-menu li.hasWorldCup > a:hover {
        background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/public/worldcup/world-cup-bg.webp?.2613');
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff
    }

        .app-bar .dropdown-menu li.hasWorldCup > a .badge, .app-bar .dropdown-menu li.hasWorldCup > a.active .badge, .app-bar .dropdown-menu li.hasWorldCup > a:hover .badge {
            color: #fff
        }

    .app-bar .dropdown-menu .list-group-item {
        background-color: transparent;
        color: rgba(0,0,0,0.87);
        border-bottom: 1px solid rgba(0,0,0,0.12);
        padding: 8px 16px 8px 16px;
        line-height: 24px
    }

        .app-bar .dropdown-menu .list-group-item:last-child {
            border-bottom: 0
        }

        .app-bar .dropdown-menu .list-group-item .value {
            color: rgba(0,0,0,0.54)
        }

            .app-bar .dropdown-menu .list-group-item .value.strong {
                color: rgba(0,0,0,0.87)
            }

        .app-bar .dropdown-menu .list-group-item.more {
            padding: 0
        }

            .app-bar .dropdown-menu .list-group-item.more > a {
                line-height: 24px;
                min-height: 40px;
                background-color: transparent
            }

                .app-bar .dropdown-menu .list-group-item.more > a i.icon-arrow-bottom {
                    float: left;
                    margin-left: -8px;
                    margin-right: 8px
                }

                .app-bar .dropdown-menu .list-group-item.more > a[aria-expanded="true"] {
                    background-color: #f5f5f5;
                    margin-bottom: 0
                }

                    .app-bar .dropdown-menu .list-group-item.more > a[aria-expanded="true"] i.icon-arrow-bottom:before {
                        content: ""
                    }

            .app-bar .dropdown-menu .list-group-item.more ul {
                margin: 0
            }

                .app-bar .dropdown-menu .list-group-item.more ul li {
                    padding: 8px 16px 8px 40px;
                    line-height: 24px;
                    position: relative;
                    color: rgba(0,0,0,0.54)
                }

                    .app-bar .dropdown-menu .list-group-item.more ul li .value {
                        width: auto;
                        left: 12px
                    }

                        .app-bar .dropdown-menu .list-group-item.more ul li .value .tooltip.top .tooltip-arrow {
                            right: 20px;
                            left: auto
                        }

                        .app-bar .dropdown-menu .list-group-item.more ul li .value .tooltip.top .tooltip-inner {
                            margin-right: 8px;
                            max-width: 150px;
                            -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.19);
                            box-shadow: 0px 10px 10px rgba(0,0,0,0.19)
                        }

        .app-bar .dropdown-menu .list-group-item .badge {
            position: absolute;
            color: #fff;
            background-color: red;
            font-weight: normal;
            font-size: 12px
        }

    .app-bar .dropdown-menu i.icon {
        color: rgba(0,0,0,0.54)
    }

        .app-bar .dropdown-menu i.icon.icon-live {
            color: #137D33
        }

        .app-bar .dropdown-menu i.icon.icon-live-filter, .app-bar .dropdown-menu i.icon.icon-sport9999 {
            color: #137D33 !important
        }

        .app-bar .dropdown-menu i.icon .tag-new {
            top: -5px;
            right: -7px
        }

        .app-bar .dropdown-menu i.icon.icon-betradar {
            width: auto;
            height: auto;
            padding: 1px 3px;
            font-size: 18px;
            color: #fff;
            background-color: #ee801b;
            border-radius: 5px;
            position: absolute;
            top: 10px;
            right: 3px
        }

    .app-bar .dropdown-menu .btn-live-filter:after {
        content: "";
        display: block;
        height: 1px;
        background-color: rgba(0,0,0,0.12);
        position: absolute;
        left: 8px;
        right: 8px;
        bottom: 0
    }

    .app-bar .dropdown-menu .btn-live-filter i:after {
        display: none
    }

.app-bar .menu-product .btn.dropdown-toggle i[class^="icon icon-sport"]:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 24px;
    overflow: hidden;
    right: -5px
}

.app-bar .menu-product .btn.dropdown-toggle i[class^="icon icon-sport"].hasLive:after {
    content: "";
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/running_man.webp?.93322');
    background-repeat: no-repeat;
    background-repeat: repeat;
    background-size: cover;
    background-position: 0 0;
    position: absolute;
    width: 18px;
    height: 18px;
    right: -7px;
    bottom: -2px;
    -webkit-animation: ani-hasLive 1s -1s steps(12) infinite;
    animation: ani-hasLive 1s -1s steps(12) infinite
}


.memu-balance .dropdown-menu {
    left: 8px;
    right: 8px;
    width: 304px
}

.memu-balance > .tooltip {
    margin-left: 0;
    left: 4px;
    right: auto;
    bottom: 48px !important
}

.memu-balance > .tooltip .tooltip-inner {
    width: 150px;
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.19);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.19)
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

.modal-backdrop {
    height: auto !important;
    position: fixed !important;
    bottom: 0
}
.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

a.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus, a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #137D33;
    border-color: #137D33
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
    }
.list-group {
    margin-bottom: 0
}

    .list-group.spacing {
        margin: 8px;
        -webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
        box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12)
    }

    .list-group.list-align .list-group-item {
        padding-left: 0;
        padding-right: 0
    }

.list-group-item {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: rgba(0,0,0,0.12) 1px solid;
    margin-bottom: 0;
    padding: 12px;
    background-color: #ffff;
}

    .list-group-item:before, .list-group-item:after {
        display: table;
        content: " ";
        clear: both
    }

    .list-group-item:last-child {
        border-bottom: 0
    }

    .list-group-item > i.icon {
        vertical-align: middle;
        margin-right: 16px
    }

    .list-group-item .btn.btn-sequence {
        margin-right: -12px;
        float: right;
        margin-top: -10px;
        margin-bottom: -12px;
        height: 40px
    }

        .list-group-item .btn.btn-sequence i.icon {
            margin-top: 0
        }

    .list-group-item .title {
        max-width: inherit;
        font-weight: normal;
        text-align: left;
        font-size: 16px
    }

    .list-group-item .value {
        color: rgba(0,0,0,0.54);
        float: right;
        right: 12px;
        border: 0;
        text-align: right;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        min-width: 30%
    }

        .list-group-item .value.strong {
            color: rgba(0,0,0,0.87)
        }

        .list-group-item .value.editable {
            cursor: pointer;
            color: #BDBDBD;
        }

        .list-group-item .value.btn {
            margin-top: -12px;
            margin-bottom: -12px;
            margin-right: -12px;
            padding: 12px;
            text-align: right;
            width: 100%;
            position: absolute
        }

            .list-group-item .value.btn i.icon {
                vertical-align: middle;
                margin-top: -4px;
                top: 2px
            }

                .list-group-item .value.btn i.icon.icon-arrow-right {
                    margin-right: -8px
                }

        .list-group-item .value.btn-group {
            margin-top: -12px;
            margin-bottom: -12px;
            margin-right: -12px;
            position: absolute;
            width: 100%
        }

            .list-group-item .value.btn-group > .btn {
                float: right;
                text-align: right;
                width: 100%;
                padding: 12px
            }

        .list-group-item .value.btn-switch > span {
            display: block;
            width: 30px;
            height: 20px;
            border-radius: 10px;
            background-color: #b3b3b3;
            float: right;
            -webkit-transition: background-color .15s ease-in-out;
            transition: background-color .15s ease-in-out
        }

            .list-group-item .value.btn-switch > span:before {
                content: "";
                display: block;
                width: 16px;
                height: 16px;
                border-radius: 8px;
                background-color: #fff;
                -webkit-transition: transform .15s ease-in-out;
                -webkit-transition: -webkit-transform .15s ease-in-out;
                transition: -webkit-transform .15s ease-in-out;
                transition: transform .15s ease-in-out;
                transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
                -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px)
            }

        .list-group-item .value.btn-switch.on > span {
            background-color: #0073E6
        }

            .list-group-item .value.btn-switch.on > span:before {
                -webkit-transform: translate(12px, 2px);
                transform: translate(12px, 2px)
            }

        .list-group-item .value.dropup .dropdown-menu {
            top: auto;
            bottom: -6px
        }

        .list-group-item .value .dropdown-menu {
            top: -2px;
            left: auto;
            right: 0;
            min-width: 120px;
            max-height: 320px;
            overflow: auto
        }

        .list-group-item .value.odds-change {
            margin-right: -5px
        }

        .list-group-item .value.subvalue {
            width: 100%
        }

    .list-group-item select {
        opacity: 0
    }

    .list-group-item .panel.fill {
        margin: -12px
    }

    .list-group-item .btn-submitBank {
        display: block
    }

    .list-group-item.tips {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .list-group-item.tips .list-group-item-text {
            font-size: 14px;
            width: 100%
        }

a.list-group-item {
    padding: 12px 40px 12px 12px
}

a.list-group-item > i.icon-arrow-right {
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -12px;
    margin-right: 0
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}
.open .dropdown-menu {
    display: block
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #777
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}


.dropdown-menu {
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.19);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.19);
    border: none
}

    .dropdown-menu li a {
        padding: 4px 16px;
        font-size: 14px;
        line-height: 1.4em;
        clear: both;
        white-space: nowrap;
        display: block;
        color: rgba(0,0,0,0.87);
        text-overflow: ellipsis;
        overflow: hidden;
		text-transform:uppercase;
    }

        .dropdown-menu li a .badge {
            background-color: transparent;
            color: rgba(0,0,0,0.54);
            margin-right: 7px;
            margin-top: 3px;
            padding: 0px 3px 0px 3px;
            /*padding: 0*/
        }

        .dropdown-menu li a i.icon {
            position: relative;
            font-style: normal;
            margin-right: 10px;
            text-align: center;
            vertical-align: middle
        }

    .dropdown-menu li.active > a, .dropdown-menu li.active > a:hover {
        background-color: #f5f5f5;
        color: #0073E6
    }

        .dropdown-menu li.active > a i.icon, .dropdown-menu li.active > a:hover i.icon {
            color: #137D33
        }

    .dropdown-menu li ul {
        padding: 0;
        margin: 0 0 0 8px;
        list-style: none
    }

    .dropdown-menu li.more i.icon-arrow-bottom {
        float: right;
        margin-right: -8px
    }

    .dropdown-menu li.more[aria-expanded="true"] i.icon-arrow-bottom:before {
        content: ""
    }

    .dropdown-menu .list-group-item {
        background-color: #fff;
        padding: 8px 16px;
        min-height: 40px
    }

.gotoTop {
    position: fixed;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    padding: 10px;
    border: 2px solid #FFF;
    background-color: rgba(131,135,140,0.8);
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.19);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.19);
    z-index: 8;
    right: 20px;
    bottom: -50px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.2
}

    .gotoTop i.icon {
        color: #fff
    }

    .gotoTop.show {
        bottom: 160px;
        opacity: 1
    }

    .gotoTop.gotoTop-page {
        z-index: 9
    }


.quickLinkgroup {
    position: fixed;
    z-index: 10;
    /*right: 50px;*/
    /*bottom: 40px;*/
}

    .quickLinkgroup .quickLinktoggle {
        background-color: rgba(224, 224, 224, 0.8);
        z-index: 10;
        left: 0;
        top: 0;
    }

        .quickLinkgroup .quickLinktoggle i {
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -ms-transform: rotateZ(0);
            -webkit-transform: rotateZ(0);
            -moz-transform: rotateZ(0);
            -o-transform: rotateZ(0);
            transform: rotateZ(0);
            color: rgba(0, 0, 0, 0.54);
        }

.quickLinktoggle.open i {
    -ms-transform: rotateZ(135deg);
    -webkit-transform: rotateZ(135deg);
    -moz-transform: rotateZ(135deg);
    -o-transform: rotateZ(135deg);
    transform: rotateZ(135deg);
}

.quickLinkitem {
    background-color: #FFFFFF;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.19);
    height: 48px;
    padding: 10px;
    position: absolute;
    width: 48px;
}

.subcircle {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
} 
    .subcircle i {
        /*color: #FFF;*/
    } 
.quickLinktoggle.open {
    border: 2px solid #FAFAFA;
    background-color: #FAFAFA;
}

.subcircle.open {
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}
.subcircle.qLitem1 {
    transform: translate(0px, 0px) rotateZ(90deg);
}
.subcircle.qLitem2 {
    transition-delay: 0.2s;
    transform: translate(0px, 0px) rotateZ(90deg);
}
.subcircle.qLitem3 {
    transition-delay: 0.15s;
    transform: translate(0px, 0px) rotateZ(90deg);
}
.subcircle.qLitem4 {
    transform: translate(0px, 0px) rotateZ(90deg);
}
.subcircle.qLitem5 {
    transition-delay: 0.1s;
    transform: translate(0px, 0px) rotateZ(90deg);
}
.subcircle.qLitem1.open {
    transform: translate(0px, 0px) rotateZ(90deg);
}
.subcircle.qLitem2.open {
    transition-delay: 0.2s;
    transform: translate(-1px, -78px) rotateZ(0deg);
}
.subcircle.qLitem3.open {
    transition-delay: 0.15s;
    transform: translate(-55px, -55px) rotateZ(0deg);
}
.subcircle.qLitem4.open {
    transform: translate(0px, 0px) rotateZ(90deg);
}
.subcircle.qLitem5.open {
    transition-delay: 0.1s;
    transform: translate(-78px, 9px) rotateZ(0deg);
}



.btn-group .dropdown-menu, .search .dropdown-menu {
    overflow: auto;
    max-height: 850px
}



.badge {
    top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #FFF;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    border-radius: 10px;
    background-color: red;
    padding: 0px 2px;
    /*padding: 1px 5px*/
}
.badge:empty {
    display: none
}
.btn .badge {
    top: -8px !important;
    right: 10px;
    position: relative
}

.btn.btn-betslip .badge {
    top: -2px !important;
    right: 10px;
    position: absolute
}

.badge.reject {
    background-color: #7F7F7F
}
.badge.message {
    left: 50%;
    margin-left: 3px
}

.badge.message.on {
    -webkit-animation: shine 1.0s 10 ease-in-out;
    animation: shine 1.0s 10 ease-in-out
}

.badge i.icon {
    width: auto;
    height: auto;
    color: #fff !important;
    font-size: 12px;
    line-height: 16px
}


.sidebar {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    bottom: 0
}
    .sidebar.in {
        display: block;
        padding-right: 0px;
    }

    .sidebar.in .sider-menu, .sidebar.in .main-bar {
        right: 0
    }

    .sidebar .modal-backdrop {
        z-index: 2
    }

    .sidebar .main-bar {
        padding-left: 15px;
        padding-right: 88px;
        -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
        box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
        position: fixed;
        z-index: 3;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        top: 0;
        width: 270px;
        right: -270px
    }

    .sidebar.left .main-bar, .sidebar.left .sider-menu {
        right: auto;
        left: -270px
    }

    .sidebar.left.in .sider-menu, .sidebar.left.in .main-bar {
        right: auto;
        left: 0
    }

.modal-content .list-group {
    overflow: scroll;
    max-height: 300px
}

.sider-menu .notification {
    position: absolute;
    top: 12px;
    right: 8px
}

    .sider-menu .notification i.icon {
        position: relative
    }

        .sider-menu .notification i.icon .badge {
            position: absolute;
            left: 14px;
            top: -6px;
            font-weight: normal;
            padding: 1px 3px;
            font-size: 12px
        }
.sider-menu {
    position: fixed;
    z-index: 2;
    background-color: #FAFAFA;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    top: 0;
    bottom: 0;
    right: -270px;
    width: 270px;
    padding-top: 40px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

    .sider-menu .icon {
        position: relative;
        margin-right: 10px
    }

        .sider-menu .icon .tag-new {
            top: -5px;
            right: -7px
        }

    .sider-menu .list-group {
        margin-bottom: 0;
        padding: 4px 0
    }

        .sider-menu .list-group .tab-content {
            display: none
        }

            .sider-menu .list-group .tab-content.in {
                display: block
            }

	.sider-menu .list-group-item {
		color: rgba(0,0,0,0.87);
		background-color: #FAFAFA;
		border: 0;
		padding: 8px 40px 8px 16px;
		text-transform: uppercase;
	}

        .sider-menu .list-group-item:first-child, .sider-menu .list-group-item:last-child {
            border-radius: 0
        }

        .sider-menu .list-group-item i.icon {
            color: rgba(0,0,0,0.54)
        }

    .sider-menu .list-group-itema {
        text-decoration: none;
        position: relative;
        display: block;
        margin: -10px -15px;
        cursor: pointer
    }

    .sider-menu .list-group-item.title {
        color: gray;
        font-size: 12px;
        padding-top: 15px;
        padding-bottom: 5px;
        border-bottom: 2px solid #D4D4D4
    }

    .sider-menu .list-group-item.tab {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #FAFAFA;
        border-bottom: 2px solid #D4D4D4
    }

        .sider-menu .list-group-item.tab li > a {
            font-size: 12px;
            height: auto;
            padding-top: 15px;
            padding-bottom: 5px
        }

        .sider-menu .list-group-item.tab.active > a {
            color: #137D33;
            border-bottom-color: #137D33
        }

    .sider-menu .list-group-item.more[aria-expanded="true"] i.icon-arrow-bottom:before {
        content: ""
    }

    .sider-menu .list-group-item .checkbox label, .sider-menu .list-group-item .radio label {
        line-height: 22px;
        font-weight: normal;
        font-size: 12px;
        margin-right: 10px;
        margin-bottom: 0m
    }

        .sider-menu .list-group-item .checkbox label:last-child, .sider-menu .list-group-item .radio label:last-child {
            margin-right: 0
        }

    .sider-menu .list-group-item.active {
        border-top: none
    }

        .sider-menu .list-group-item.active > .badge {
            color: #FFF;
            background-color: red
        }

        .sider-menu .list-group-item.active > .reject {
            background-color: #7F7F7F
        }
/********/

.pagePanel {
    display: none;
    position: fixed;
    z-index: 9;
    left: 100%;
    right: -100%;
    top: 0;
    bottom: 0;
    padding: 0
}

    .pagePanel .header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .pagePanel .content {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        padding-bottom: 0
    }

        .pagePanel .content .tab-content, .pagePanel .content .tab-pane {
            height: 100%
        }

            .pagePanel .content .tab-content:before, .pagePanel .content .tab-content:after, .pagePanel .content .tab-pane:before, .pagePanel .content .tab-pane:after {
                display: table;
                content: " ";
                clear: both
            }

        .pagePanel .content .content-scroller {
            overflow: auto;
            height: 100%;
            /*padding-bottom: 50px;*/
            -webkit-overflow-scrolling: touch
        }

            .pagePanel .content .content-scroller.hasiframe {
                padding-bottom: 0
            }

                .pagePanel .content .content-scroller.hasiframe iframe {
                    width: 100%;
                    height: 100%
                }

            .pagePanel .content .content-scroller.hasiframeFull {
                padding-top: 0;
                padding-bottom: 0
            }

                .pagePanel .content .content-scroller.hasiframeFull iframe {
                    width: 100%;
                    height: 100%
                }

    .pagePanel.in {
        display: block;
        left: 0;
        right: 0
    }

    .pagePanel .list-group {
        margin-bottom: 0
    }

    .pagePanel .loading {
        z-index: 3;
        top: 40px
    }

    .pagePanel .pagePanel {
        z-index: 10
    }

/****product-list****/

.product-list {
	padding: 0;
	background: linear-gradient( 177deg, rgba(12, 133, 0, 1) 0%, rgba(0, 0, 0, 1) 100% );
	height:calc(100% - 140px);
	overflow:auto;
	/*background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/home_bg.webp');*/
	/*background-size: 100%;*/
}

    .product-list:before, .product-list:after {
        display: table;
        content: " ";
        clear: both
    }

    .product-list ul {
        display: block;
        list-style: none;
        padding: 0 4px
    }

        .product-list ul li {
            margin: 0;
            float: left;
            width: 33.33%;
            padding: 4px;
            -webkit-tap-highlight-color: transparent
        }

            .product-list ul li .product-group {
                border-radius: 2px;
                background-color: #FAFAFA;
                -webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
                box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
                position: relative
            }

                .product-list ul li .product-group:after {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    border-radius: 2px;
                    border: 2px solid transparent
                }

                .product-list ul li .product-group.touch {
                    background-color: #0073E6;
                    color: #fff;
                    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
                    box-shadow: 0px 3px 3px rgba(0,0,0,0.16)
                }

                    .product-list ul li .product-group.touch .product-img {
                        opacity: 1
                    }

                    .product-list ul li .product-group.touch:after {
                        border: 2px solid #0073E6
                    }

                .product-list ul li .product-group.tag-new:before {
                    content: "";
                    display: block;
                    position: absolute;
                    right: -3px;
                    top: -3px;
                    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tag_new.webp?.73556');
                    background-repeat: no-repeat;
                    background-size: cover;
                    width: 50px;
                    height: 50px
                }

html[lang="en"] .product-list ul li .product-group.tag-new:before {
    background-position: 0 0
}

html[lang="zh-TW"] .product-list ul li .product-group.tag-new:before, html[lang="zh-CHS"] .product-list ul li .product-group.tag-new:before, html[lang="zh-CN"] .product-list ul li .product-group.tag-new:before {
    background-position: 0 -50px
}

html[lang="vi-VN"] .product-list ul li .product-group.tag-new:before {
    background-position: 0 -100px
}

.product-list ul li .product-group.tag-coming:before {
    content: "COMING SOON";
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: rgba(0,0,0,0.54);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 2px 0 3px rgba(0,0,0,0.54);
    position: absolute;
    top: 50%;
    margin-top: -28.5px;
    left: 0
}

.product-list ul li .product-group .product-img {
    width: 100%;
    height: 70px;
    background-size: cover;
    background-position: center center;
    border-radius: 2px 2px 0 0
}

.show_menu ul li .product-group .product-img.sports {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/soccer.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.badminton {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/badminton.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.basketball {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/basketball.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.boxing {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/boxing.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.cricket {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/cricket.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.cycling {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/cycling.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.darts {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/darts.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.esports {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/esports.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.formula1 {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/formula.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.futsal {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/futsal.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.golf {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/golf.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.handball {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/hamdball.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.icehockey {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/icehocky.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.live {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/live.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.motor {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/motorsports.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.number {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/number.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.rugby {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/rugby.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.snooker {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/poolssnooker.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.tabletennis {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tabletennis.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.tennis {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tenis.webp');
    background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.usfootball {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/usfootball.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.volleyball {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/vollyball.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.waterpolo {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/waterpolo.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.taiquan {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/muaythai.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.baseball {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/baseball.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.liveall {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/runnig.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.outright {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/outright.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.baccarat {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/baccarat.webp');
	background-repeat: no-repeat
}

.show_menu ul li .product-group .product-img.pg {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/pgsymbol-median.webp');
	background-repeat: no-repeat;
	background-size: contain;
}

.show_menu ul li .product-group .product-img.pragmatic {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/prg.webp');
	background-repeat: no-repeat
}

.show_menu ul li .product-group .product-img.PSGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/psgaming.webp');
	background-repeat: no-repeat
}

.show_menu ul li .product-group .product-img.SexGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/h50sggaming.webp');
	background-repeat: no-repeat
}

.show_menu ul li .product-group .product-img.SV388Gaming {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/sv388.webp');
    background-repeat: no-repeat
}

.show_menu ul li .product-group .product-img.SAGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/sagaming.webp');
	background-repeat: no-repeat
}
.show_menu ul li .product-group .product-img.EVGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/evoplay.webp');
	background-repeat: no-repeat
}


.show_menu ul li .product-group .product-img.DGGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/dg.webp');
	background-repeat: no-repeat
}

.show_menu ul li .product-group .product-img.WMGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/wmgaming.webp');
	background-repeat: no-repeat;
}

.show_menu ul li .product-group .product-img.NLGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/n2-live_black.webp');
	background-repeat: no-repeat;
}
.show_menu ul li .product-group .product-img.LGGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/lggaming.webp');
	background-repeat: no-repeat;
}

.show_menu ul li .product-group .product-img.MKGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/mikibannerlong.jpg');
	background-repeat: no-repeat;
}
.show_menu ul li .product-group .product-img.AFBGaming {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/afbcasino.webp');
    background-repeat: no-repeat;
}

.show_menu ul li .product-group .product-img.CQGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/cq9gmaing.webp');
	background-repeat: no-repeat;
}
.show_menu ul li .product-group .product-img.TFGGaming {
	background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tfggaming.webp');
	background-repeat: no-repeat;
}

.show_menu ul li .product-group .product-img.BTSGaming {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/btsgmaing.webp');
    background-repeat: no-repeat;
}
.product-list ul li .product-group .product-name {
    font-size: 12px;
    line-height: 1em;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    text-align: center;
    padding: 2px 0;
    min-height: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: justify;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	text-transform:uppercase;
}
/****end product-list****/

.menu-product .dropdown-panel {
    width: 230px;
    left: -46px
}

.beforeLogin .menu-product .dropdown-panel {
    left: 8px
}

.menu-product .dropdown-group {
    width: 690px
}

    .menu-product .dropdown-group.show1 {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    .menu-product .dropdown-group.show2 {
        -webkit-transform: translateX(-230px);
        transform: translateX(-230px)
    }

    .menu-product .dropdown-group.show3 {
        -webkit-transform: translateX(-460px);
        transform: translateX(-460px)
    }

    .menu-product .dropdown-group .btn-bar {
        width: 230px;
        display: none;
        position: absolute;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .menu-product .dropdown-group .btn-bar .btn-group {
            padding: 8px
        }

        .menu-product .dropdown-group .btn-bar .btn {
            font-size: 12px;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
            padding-left: 4px;
            padding-right: 4px
        }

    .menu-product .dropdown-group.hasEvent .btn-bar {
        display: block
    }

    .menu-product .dropdown-group.hasEvent .dropdown-menu:first-of-type {
        height: 280px;
        margin-top: 0px
    }

.menu-product .dropdown-menu {
    width: 230px
}

    .menu-product .dropdown-menu a {
        position: relative;
        width: auto;
        padding-right: 34px
    }

        .menu-product .dropdown-menu a .badge {
            position: absolute;
            right: 16px;
            top: auto
        }

        .menu-product .dropdown-menu a .icon.icon-arrow-bottom {
            position: absolute;
            right: 16px
        }

.dropdown-menu .list-group-item {
    background-color: #fff;
    padding: 8px 16px;
    min-height: 40px
}

.dropdown-panel {
    margin-bottom: 2px;
    border: none;
    border-radius: 2px;
    background-color: #FAFAFA;
    overflow: hidden;
    display: none;
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.19);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.19)
}

    .dropdown-panel .tab {
        padding: 0;
        border-bottom: rgba(0,0,0,0.12) 1px solid
    }

        .dropdown-panel .tab .btn {
            color: rgba(0,0,0,0.54);
            padding: 10px 6px
        }

        .dropdown-panel .tab .active .btn {
            color: #0073E6
        }

        .dropdown-panel .tab .active:before {
            background-color: #0073E6
        }

    .dropdown-panel .scroller {
        overflow: hidden;
        position: relative
    }

        .dropdown-panel .scroller:after {
            content: "";
            font-family: "icon-ui";
            display: inline-block;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-feature-settings: 'liga';
            font-feature-settings: 'liga';
            font-size: 24px;
            color: rgba(0,0,0,0.12);
            line-height: 1;
            position: absolute;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(50%, #fff)) repeat scroll 0 0 transparent;
            background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%) repeat scroll 0 0 transparent;
            bottom: 0;
            width: 230px;
            height: 20px;
            text-align: center
        }

    .dropdown-panel .dropdown-group {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        position: relative;
        overflow: hidden;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px)
    }

    .dropdown-panel .dropdown-menu {
        height: 300px;
        margin-bottom: 0;
        border: none;
        position: relative;
        overflow-y: scroll;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dropdown-panel .list-group-item {
        min-height: 40px
    }

        .dropdown-panel .list-group-item:last-child {
            border-bottom: rgba(0,0,0,0.12) 1px solid;
            border-radius: 0;
            padding: 8px 16px
        }

    .dropdown-panel .checkbox {
        font-size: 14px;
        line-height: 1.4em;
        clear: both;
        white-space: nowrap;
        display: block;
        margin: -8px -12px
    }

        .dropdown-panel .checkbox input[type="checkbox"] + label, .dropdown-panel .checkbox input[type="checkbox"] + input ~ label {
            padding-left: 44px
        }

.dropdown-backdrop {
    background-color: rgba(0,0,0,0.38)
}

.open .dropdown-panel {
    display: block
}

.dropup .dropdown-panel {
    position: absolute;
    top: auto;
    bottom: 100%;
    right: -60px;
    z-index: 991
}

    .dropup .dropdown-panel .dropdown-menu {
        bottom: auto
    }

/****match*****/

.whatsHot-group {
    padding: 8px 8px 0 8px
}

    .whatsHot-group .btn-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: justify;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .whatsHot-group .btn-box .btn {
            background-color: #f5f5f5;
            line-height: 1.3em;
            padding-top: 6px;
            padding-bottom: 6px;
            font-size: 12px;
            -webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
            box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
            margin-right: 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            box-pack: center;
            -webkit-justify-content: center;
            -ms-justify-content: justify;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            box-align: center;
            -webkit-align-items: center;
            -ms-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .whatsHot-group .btn-box .btn:last-child {
                margin-right: 0
            }

            .whatsHot-group .btn-box .btn i.icon {
                margin-right: 4px;
                margin-left: 0;
                position: relative;
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto
            }

            .whatsHot-group .btn-box .btn .btn-text {
                position: relative;
                color: rgba(0,0,0,0.54);
                white-space: initial;
                text-align: left;
                max-height: 2.6em;
                overflow: hidden;
                text-transform: uppercase
            }

            .whatsHot-group .btn-box .btn.btn-all-event {
                width: auto;
                max-width: 100px
            }

                .whatsHot-group .btn-box .btn.btn-all-event i.icon {
                    color: #137D33
                }

            .whatsHot-group .btn-box .btn.btn-whats-hot {
                -webkit-box-flex: 2;
                -webkit-flex: 2;
                -ms-flex: 2;
                flex: 2
            }

                .whatsHot-group .btn-box .btn.btn-whats-hot i.icon {
                    color: #ff7600
                }

            .whatsHot-group .btn-box .btn.btn-just4you {
                -webkit-box-flex: 2;
                -webkit-flex: 2;
                -ms-flex: 2;
                flex: 2
            }

                .whatsHot-group .btn-box .btn.btn-just4you i.icon {
                    color: #22B573
                }

            .whatsHot-group .btn-box .btn.active.btn-all-event {
                background-color: #137D33
            }

                .whatsHot-group .btn-box .btn.active.btn-all-event i.icon, .whatsHot-group .btn-box .btn.active.btn-all-event .btn-text {
                    color: #fff
                }

            .whatsHot-group .btn-box .btn.active.btn-whats-hot {
                background-color: #ff7600
            }

                .whatsHot-group .btn-box .btn.active.btn-whats-hot i.icon, .whatsHot-group .btn-box .btn.active.btn-whats-hot .btn-text {
                    color: #fff
                }

            .whatsHot-group .btn-box .btn.active.btn-just4you {
                background-color: #22B573
            }

                .whatsHot-group .btn-box .btn.active.btn-just4you i.icon, .whatsHot-group .btn-box .btn.active.btn-just4you .btn-text {
                    color: #fff
                }

.collapse-group {
    list-style: none;
    padding: 0;
    margin: 0
}

    .collapse-group > li {
        border-bottom-color: rgba(0,0,0,0.12);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        background-color: #FAFAFA
    }

        .collapse-group > li:before, .collapse-group > li:after {
            display: table;
            content: " ";
            clear: both
        }

        .collapse-group > li:last-child {
            border-bottom-width: 0
        }

        .collapse-group > li > .heading {
            position: relative;
            font-size: 14px;
            min-height: 14px;
            display: table;
            width: 100%; 
        } 

            .collapse-group > li > .heading > .toggle {
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                box-align: center;
                -webkit-align-items: center;
                -ms-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                color: rgba(0,0,0,0.87);
                vertical-align: middle;
                text-decoration: none;
                line-height: 1.2em;
                padding-top: 8px;
                padding-bottom: 8px
            }

                .collapse-group > li > .heading > .toggle > .badge {
                    position: absolute;
                    top: 50%;
                    right: 10px;
                    margin-top: -8px
                }

                .collapse-group > li > .heading > .toggle > i[class^="icon icon-arrow"] {
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    right: 6px;
                    margin-top: -12px
                }

                .collapse-group > li > .heading > .toggle[aria-expanded="true"] > .icon-arrow-bottom:before {
                    content: ""
                }

            .collapse-group > li > .heading > .btn:not(.btn-info) {
                position: absolute;
                top: 45%;
                margin-top: -20px;
                width: 40px;
                padding: 0
            }

                .collapse-group > li > .heading > .btn:not(.btn-info) i {
                    margin: 8px
                }

            .collapse-group > li > .heading > .btn-favorit {
                left: 4px
            }

                .collapse-group > li > .heading > .btn-favorit i.icon.on {
                    color: #FFBF00
                }

            .collapse-group > li > .heading > .btn-refresh {
                right: 4px
            }

                .collapse-group > li > .heading > .btn-refresh.active .icon {
                    color: rgba(0,0,0,0.38)
                }

.score {
    font-weight: bold;
    color: #FF7043;
    display: inline
}

.text-live {
    color: red
}
.time {
    color: rgba(0,0,0,0.54)
}

.team-home {
    color: rgba(0,0,0,0.87)
}

.team-away {
    color: rgba(0,0,0,0.87)
}

.text-vs {
    color: rgba(0,0,0,0.54)
}

.team-red {
    color: red !important
}

.team-blue {
    color: #0073E6 !important
}

.sports-list {
    list-style: none;
    padding: 1px 0 0 0;
    margin: 0
}

    .sports-list > li {
        display: block
    }

        .sports-list > li ul.collapse-group > li:first-child {
            margin-top: 0
        }

    .sports-list .sports-heading {
        padding: 0 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: justify;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #ffff;
    }

        .sports-list .sports-heading .btn {
            padding: 8px 12px
        }

            .sports-list .sports-heading .btn > .icon {
                color: rgba(0,0,0,0.38);
                vertical-align: middle
            }

            .sports-list .sports-heading .btn.btn-toggle {
                padding: 8px
            }

        .sports-list .sports-heading .title {
            font-size: 14px;
            font-weight: bold;
            color: rgba(0,0,0,0.54);
            text-transform: uppercase;
            margin-left: 8px;
            margin-right: 4px;
            vertical-align: middle
        }

        .sports-list .sports-heading .icon-arrow-right {
            margin-left: 0
        }

        .sports-list .sports-heading.collapsed {
            border-bottom: 1px solid rgba(0,0,0,0.12)
        }

    .sports-list .panel {
        margin-top: 0
    } 
    .sports-list.one-sport > li > .sports-heading {
        display: none;
    }

.league-group {
    padding: 0 1px
}

.live .league-group.collapse-group > li {
    background-color: #a9c1b1;
    border-bottom: 1px solid #fff;
}
/*.live .league-group.collapse-group > li:nth-of-type(odd) {
	background-color: #a9c1b0;
}
.live .league-group.collapse-group > li:nth-of-type(even) {
	background-color: #e2efe6;
}*/
.league-group.collapse-group > li {
    background-color: #e8eae9;
    border-bottom: 1px solid #fff;
}
.league-group > li {
    background-color: #e0dede;
    border-radius: 2px;
    border-style: none;
    margin: 0px 0;
    -webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
    overflow: hidden
}

        .league-group > li.live {
            background-color: #dae4dd
        }

            .league-group > li.live > .heading.fixed {
                background-color: #dae4dd
            }

            .league-group > li.live .match-group > li.active {
                background-color: #fdf3df
            }

        .league-group > li > .heading.fixed {
            -webkit-transition: transform .2s ease-in-out;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
            position: fixed;
            height: 48px;
            right: 0;
            left: 0;
            top: 0;
            -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
            box-shadow: 0 3px 5px rgba(0,0,0,0.3);
            z-index: 5;
            background-color: #FAFAFA;
            -webkit-transform: translateY(100px);
            transform: translateY(100px)
        }

            .league-group > li > .heading.fixed + .collapse {
                padding-top: 48px
            }

        .league-group > li > .heading > .toggle {
            padding-right: 48px;
            font-size: 13px;
            margin-left: 48px;
            min-height: 35px;
            -webkit-tap-highlight-color: transparent
        }

            .league-group > li > .heading > .toggle > .badge {
                color: #FF7043;
                background-color: transparent
            }

            .league-group > li > .heading > .toggle + .btn {
                display: none
            }

			.league-group > li > .heading > .toggle[aria-expanded="true"] {
				/*color: rgba(0,0,0,0.54);*/
				color: #000000;
				margin-right: 0;
				padding-right: 0;
			}

                .league-group > li > .heading > .toggle[aria-expanded="true"] > .badge {
                    display: none
                }

                .league-group > li > .heading > .toggle[aria-expanded="true"] + .btn {
                    display: block;
                    position: absolute
                }

        .league-group > li .match-group > li.active {
            background-color: #fdf3df
        }

.live .match-group > li {
    background-color: #dae4dd
}

    .live .match-group > li > .heading.fixed {
        background-color: #dae4dd
    }

.live .more-bettype .more-bettype-category {
    background-color: #fff0f0
}

    .live .more-bettype .more-bettype-category:after {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255,240,240,0)), color-stop(50%, #fff0f0)) repeat scroll 0 0 transparent;
        background: linear-gradient(to right, rgba(255,240,240,0), #fff0f0 50%) repeat scroll 0 0 transparent
    }

    .live .more-bettype .more-bettype-category:before {
        background: -webkit-gradient(linear, right top, left top, from(rgba(255,240,240,0)), color-stop(50%, #fff0f0)) repeat scroll 0 0 transparent;
        background: linear-gradient(to left, rgba(255,240,240,0), #fff0f0 50%) repeat scroll 0 0 transparent
    }
    
.match-group>li.live {
    background-color: #fff0f0
}

.match-group>li.dead {
    background-color: #FAFAFA
}

.match-group>li.dead .main-bettype {
    background-color: #f5f5f5
}

.match-group>li.dead .more-bettype {
    background-color: #FAFAFA
}

.match-group>li.dead .more-bettype-category {
    background-color: #FAFAFA
}

.match-group>li.dead .more-bettype-category:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,0)), color-stop(50%, #FAFAFA)) repeat scroll 0 0 transparent;
    background: linear-gradient(to right, rgba(250,250,250,0), #FAFAFA 50%) repeat scroll 0 0 transparent
}

.match-group>li.dead .more-bettype-category:before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(250,250,250,0)), color-stop(50%, #FAFAFA)) repeat scroll 0 0 transparent;
    background: linear-gradient(to left, rgba(250,250,250,0), #FAFAFA 50%) repeat scroll 0 0 transparent
}

.match-group>li.dead .specialLeague {
    background-color: #FAFAFA
}

.match-group>li {
    background-color: #FAFAFA
}

.match-group>li:first-child {
    border-top: rgba(0,0,0,0.12) 1px solid
}

.match-group>li>.heading { 
    min-height: 35px;
    background-color: #f3f3f3;
}
.live .match-group > li:nth-of-type(odd) > .heading {
	background-color: #e8fdea !important;
}
.live .match-group > li:nth-of-type(even) > .heading {
	background-color: #ebf5ed !important;
}
.match-group > li:nth-of-type(odd) > .heading {
	background: #ffffff;
}
.match-group > li:nth-of-type(even) > .heading {
    background: #fcfcfc;
    background-color: #e8e8e852 !important;
}
.match-group>li>.heading.fixed {
    -webkit-transition: transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    position: fixed;
    height: 55px;
    right: 0;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    z-index: 5;
    background-color: #FAFAFA;
    -webkit-transform: translateY(148px);
    transform: translateY(148px);
    border-top: rgba(0,0,0,0.12) 1px solid
}

.match-group>li>.heading.fixed+.collapse {
    padding-top: 55px
}

.match-group>li>.heading>.toggle {
    min-height: 55px;
    color: rgba(0,0,0,0.87);
    -webkit-tap-highlight-color: transparent
}

.match-group>li>.heading>a.toggle {
    padding-right: 12px;
    margin-left: 55px;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: justify;
    -ms-flex-pack: center;
    justify-content: center
}

.match-group>li>.heading>a.toggle .time-group {
    line-height: 1em
}

/*.match-group>li>.heading>.btn.btn-more {
    display: none;
    margin-top: -10px
}

.match-group>li>.heading>.btn.btn-favorit i.icon {
    margin-left: 10px;
    margin-right: 6px;
    font-size: 20px
}*/

.match-group>li>.heading>.btn.btn-gv,.match-group>li>.heading>.btn.btn-fastmarket {
    width: 24px;
    height: 24px;
    background-color: #B63F39;
    border-radius: 2px;
    right: 12px;
    margin-top: -12px;
    padding: 2px
}

.match-group>li>.heading>.btn.btn-gv i.icon,.match-group>li>.heading>.btn.btn-fastmarket i.icon {
    margin: 0;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}
.match-group>li>.heading>.btn.btn-video{
    width: auto !important;
    height: auto;
    border-radius: 2px;
    /* right: 12px; */
    margin-top: 3px;
    padding: 1px;
    left: 54px;
    top: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.match-group>li>.heading>.btn.btn-video i.icon{
      margin: 0;
    color: #fff;
    font-size: 20px;
  
}

.match-group>li>.heading.hasMoreBtn .btn-more {
    /*right: 0;*/
}

.match-group>li>.heading.hasMoreBtn a.toggle[aria-expanded="true"] {
    margin-right: 48px
}

.match-group>li>.heading.hasMoreBtn a.toggle[aria-expanded="true"] ~ .btn-more {
    display: block
}

.match-group>li>.heading.hasGvBtn {
    margin-right: 48px
}

.match-group>li>.heading.hasGvBtn .btn-more {
    right: 12px
}

.match-group>li>.heading.hasGvBtn a.toggle {
    margin-right: 48px;
    padding-right: 0
}

.match-group>li>.heading.hasVideoBtn {
    margin-right: 48px
}

.match-group>li>.heading.hasVideoBtn .btn-more {
    right: 12px
}

.match-group>li>.heading.hasVideoBtn a.toggle {
    margin-right: 48px;
    padding-right: 0
}

.match-group>li>.heading.hasFmBtn {
    margin-right: 48px
}

.match-group>li>.heading.hasFmBtn .btn-more {
    right: 12px
}

.match-group>li>.heading.hasFmBtn a.toggle {
    margin-right: 48px;
    padding-right: 0
}

.match-group>li>.heading.hasFmBtn a.toggle[aria-expanded="true"] ~ .btn-fastmarket {
    display: none
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn a.toggle[aria-expanded="true"] {
    margin-right: 96px
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn a.toggle[aria-expanded="true"] ~ .btn-gv {
    right: 56px
}

.match-group>li>.heading.hasMoreBtn.hasVideoBtn a.toggle[aria-expanded="true"] {
    margin-right: 96px
}

.match-group>li>.heading.hasMoreBtn.hasVideoBtn a.toggle[aria-expanded="true"] ~ .btn-video {
    right: 56px
}

.match-group>li>.heading.hasMoreBtn.hasFmBtn a.toggle[aria-expanded="true"] ~ .btn-fastmarket {
    display: none
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn a.toggle {
    margin-right: 80px
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn a.toggle ~ .btn-gv {
    right: 12px
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn a.toggle ~ .btn-video {
    right: 45px
}

.match-group>li>.heading.hasGvBtn.hasFmBtn a.toggle {
    margin-right: 80px
}

.match-group>li>.heading.hasGvBtn.hasFmBtn a.toggle[aria-expanded="true"] {
    margin-right: 48px
}

.match-group>li>.heading.hasGvBtn.hasFmBtn a.toggle ~ .btn-gv {
    right: 12px
}

.match-group>li>.heading.hasGvBtn.hasFmBtn a.toggle ~ .btn-fastmarket {
    right: 45px
}

.match-group>li>.heading.hasVideoBtn.hasFmBtn a.toggle {
    margin-right: 80px
}

.match-group>li>.heading.hasVideoBtn.hasFmBtn a.toggle[aria-expanded="true"] {
    margin-right: 48px
}

.match-group>li>.heading.hasVideoBtn.hasFmBtn a.toggle ~ .btn-video {
    right: 12px
}

.match-group>li>.heading.hasVideoBtn.hasFmBtn a.toggle ~ .btn-fastmarket {
    right: 45px
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn.hasVideoBtn a.toggle[aria-expanded="true"] {
    margin-right: 80px
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn.hasVideoBtn a.toggle[aria-expanded="true"] ~ .btn-more {
    margin-top: 2px
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn.hasVideoBtn a.toggle[aria-expanded="true"] ~ .btn-more[aria-expanded="true"] {
    margin-top: 0px !important
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn.hasVideoBtn a.toggle[aria-expanded="true"] ~ .btn-gv {
    margin-top: -25px;
    right: 12px
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn.hasVideoBtn a.toggle[aria-expanded="true"] ~ .btn-video {
    margin-top: -25px;
    right: 45px
}

.match-group>li>.heading.hasMoreBtn.hasGvBtn.hasFmBtn a.toggle[aria-expanded="true"] {
    margin-right: 80px
}

.match-group>li>.heading.hasMoreBtn.hasVideoBtn.hasFmBtn a.toggle[aria-expanded="true"] {
    margin-right: 80px
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn.hasFmBtn a.toggle {
    margin-right: 114px
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn.hasFmBtn a.toggle[aria-expanded="true"] {
    margin-right: 80px
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn.hasFmBtn a.toggle ~ .btn-gv {
    right: 12px
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn.hasFmBtn a.toggle ~ .btn-video {
    right: 45px
}

.match-group>li>.heading.hasGvBtn.hasVideoBtn.hasFmBtn a.toggle ~ .btn-fastmarket {
    right: 78px
}

.match-group .score {
    font-size: 12px;
    font-weight: bold
}

.match-group .time {
    font-size: 12px
}

.match-group .time>font {
    font-size: 12px;
    line-height: 1.5em
}

.match-group .text-live,.match-group .text-date {
    font-size: 12px
}

.match-group .team-group {
    position: relative
}

.match-group .team-name {
    font-size: 15px;
    line-height: 1em
}
.team-name a {
    color:unset;
}
.text-vs {
    color: rgba(0,0,0,0.54)
}

.match-group .icon-cashout {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #f4bb1f;
    color: #430001;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.league-group.numberGame > li > .heading .toggle {
    padding-left: 12px;
    margin-left: 0
}

.league-group.numberGame .match-group > li > .heading {
    min-height: 48px
}

    .league-group.numberGame .match-group > li > .heading > a.toggle {
        min-height: 48px;
        padding-left: 12px;
        margin-left: 0;
        margin-right: 80px
    }

.league-group.numberGameLive > li > .heading .toggle {
    padding-left: 12px;
    margin-left: 0 !important
}

.league-group.numberGameLive .match-group > li > .heading > a.toggle {
    padding-left: 12px;
    margin-left: 0
}

.league-group.numberGameLive .match-group > li > .heading .ball-open-group {
    margin-right: 5px;
    display: inline
}

.league-group.numberGameLive .match-group > li > .heading .info-group {
    margin-top: 5px;
    display: inline
}

    .league-group.numberGameLive .match-group > li > .heading .info-group .value:nth-of-type(2) {
        margin-right: 10px
    }


.main-bettype {
    padding: 0 0 4px 0;
    position: relative;
    background-color: #fff;
    border-top: rgba(0,0,0,0.12) 1px solid
}
.live .main-bettype {
    background-color: #f4fff7;
}
    .main-bettype:before, .main-bettype:after {
        display: table;
        content: " ";
        clear: both
    }

    .main-bettype ul.odds-table {
        list-style: none;
        padding: 5px
    }

        .main-bettype ul.odds-table > li {
            float: left;
            padding: 5px;
            width: 50%
        }

.live .more-bettype {
    background-color: #f4fff7;
}
.more-bettype {
    position: relative;
    background-color: #fff;
    border-top: rgba(0,0,0,0.12) 1px solid;
    padding-bottom: 8px
}

    .more-bettype:before, .more-bettype:after {
        display: table;
        content: " ";
        clear: both
    }

    .more-bettype .more-bettype-category {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background-color: #FAFAFA;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        height: 41px;
        border-bottom: rgba(0,0,0,0.12) 1px solid;
        overflow: hidden
    }

        .more-bettype .more-bettype-category.fixed {
            position: fixed;
            z-index: 5;
            left: 0;
            right: 0;
            -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
            border-top: rgba(0,0,0,0.12) 1px solid;
            border-bottom: none;
            -webkit-transform: translateY(203px);
            transform: translateY(203px)
        }

        .more-bettype .more-bettype-category:after, .more-bettype .more-bettype-category:before {
            content: "";
            position: absolute;
            background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(50%, #FAFAFA)) repeat scroll 0 0 transparent;
            background: linear-gradient(to right, rgba(255,255,255,0), #FAFAFA 50%) repeat scroll 0 0 transparent;
            height: 40px;
            width: 10px;
            right: 0;
            top: 0;
            z-index: 4
        }

        .more-bettype .more-bettype-category:before {
            background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0)), color-stop(50%, #FAFAFA)) repeat scroll 0 0 transparent;
            background: linear-gradient(to left, rgba(255,255,255,0), #FAFAFA 50%) repeat scroll 0 0 transparent;
            right: auto;
            left: 0
        }

        .more-bettype .more-bettype-category .scroller {
            overflow-x: auto;
            padding-bottom: 15px;
            z-index: 4
        }

    .more-bettype .tab > li > .btn {
        color: rgba(0,0,0,0.54)
    }

    .more-bettype .tab > li.active:before {
        background-color: #0073E6
    }

    .more-bettype .tab > li.active > .btn {
        color: #0073E6
    }

    .more-bettype .odds-table {
        border: 0
    }

    .more-bettype .tab-content:before, .more-bettype .tab-content:after {
        display: table;
        content: " ";
        clear: both
    }


.odds-table {
    width: 100%;
    display: inline-table;
    white-space: nowrap;
    padding-left: 2px;
    padding-right: 2px
}

    .odds-table:before, .odds-table:after {
        display: table;
        content: " ";
        clear: both
    }

    .odds-table.fullWidth {
        width: 100%
    }

    .odds-table table {
        width: 100%
    }

        .odds-table table tr:first-child td {
            padding-top: 4px
        }

        .odds-table table tr.bettype-name {
            color: rgba(0,0,0,0.87)
        }

            .odds-table table tr.bettype-name > td {
                background-color: none;
                font-size: 13px;
                text-align: left;
                white-space: normal;
                position: relative;
                line-height: 1em
            }

                .odds-table table tr.bettype-name > td .title {
                    padding-right: 35px;
                    padding-bottom: 4px
                }

                .odds-table table tr.bettype-name > td .btn-help {
                    display: block;
                    width: 30px;
                    min-height: auto;
                    height: 30px;
                    margin-top: -26px;
                    margin-bottom: -4px;
                    float: right;
                    background-color: transparent;
                    border: none
                }

        .odds-table table tr.bettype-title {
            color: rgba(0,0,0,0.87)
        }

            .odds-table table tr.bettype-title > td {
                background-color: none;
                font-size: 16px;
                font-weight: bold;
                text-align: left;
                white-space: normal;
                position: relative;
                line-height: 1em
            }

        .odds-table table td {
            padding: 2px 4px
        }

            .odds-table table td:last-child {
                min-height: 43px
            }
    .odds-table .btn {
        /* background-color: #FFF; */
        border: rgba(0,0,0,0.12) 1px solid;
        width: 100%;
        padding: 2px;
        border-radius: 4px;
        line-height: 1.2em;
        min-height: 38px;
        background: linear-gradient(#bfbfbf, #fff);
        background: -webkit-linear-gradient(#bfbfbf, #fff);
        background: -o-linear-gradient(#bfbfbf, #fff);
        background: -moz-linear-gradient(#bfbfbf, #fff);
    }

        .odds-table .btn.select {
            position: relative
        }

            .odds-table .btn.select i.icon {
                position: absolute;
                right: 5px;
                top: 50%;
                margin-top: -12px
            }

            .odds-table .btn.select .value {
                display: block;
                position: absolute;
                top: 50%;
                margin-top: -6px;
                left: 10px;
                right: 30px;
                font-size: 14px;
                color: #333;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                text-align: left
            }

            .odds-table .btn.select select {
                opacity: 0;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                color: #333
            }

        .odds-table .btn.btn-superlive {
            color: #fff;
            background-color: #ff7600;
            line-height: 32px
        }

        .odds-table .btn.btn-fastmarket {
            color: #fff;
            background-color: red;
            line-height: 32px;
            background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/public/common/btn-fastmarket_bg.webp?.01047');
            background-repeat: no-repeat;
            background-size: contain;
            background-origin: border-box;
            background-position: bottom right
        }

        .odds-table .btn.disable {
            opacity: .6;
            cursor: not-allowed;
            -webkit-tap-highlight-color: transparent
        }

        .odds-table .btn.active {
            background-color: #fff5c2;
            border: green 2px solid
        }

    .odds-table .odds {
        display: block;
        font-size: 15px
    }

    .odds-table .team-strong {
        color: red
    }

    .odds-table .goal {
        color: #696161;
        font-size: 13px;
        margin-left: 2px;
        top: -2px;
        position: relative;
        left:25px;
    }

        .odds-table .goal.underdog {
            color: red
        }

.odds-table-group {
    position: relative
}

    .odds-table-group:before, .odds-table-group:after {
        display: table;
        content: " ";
        clear: both
    }

.odds-table.odds-htftCorrectScore .btn.select {
    width: 36%;
    float: left
}

.odds-table.odds-htftCorrectScore .text {
    width: 5%;
    height: 38px;
    float: left;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.odds-table.odds-htftCorrectScore a.btn {
    width: 20%;
    margin-left: 6px;
    float: right;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

    .odds-table.odds-htftCorrectScore a.btn.odds-up .odds:after, .odds-table.odds-htftCorrectScore a.btn.odds-down .odds:after {
        position: relative;
        float: left;
        margin-top: 5px;
        left: -2px
    }
.odds-table.fhodds .ft-name {
    display:none;
}
.odds-table.ftodds .fh-name {
    display:none;
}
  

.live .specialLeague {
    background-color: #fff0f0
}
.bets {
    display: block;
    color: rgba(0,0,0,0.87);
    font-size: 13px;
    white-space: initial
}

.odds {
    /*color: #0073E6;*/
    /*color: #137D33;*/
    color: black;
    position: relative;
    font-weight: bold
}
.PosOdds {
    COLOR: black!important;
}
.NegOdds {
    COLOR: red!important;
}
.oddsType{
      color: black;
    position: relative;
    font-weight: bold
}

    .odds.underdog, .odds .underdog {
        /*color: red*//*#137D33*/
        color: black;
    }

.odds-up .odds:after, .odds-down .odds:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    left: 3px;
    top: 50%;
    margin-top: -3px;
    opacity: 1
}

.odds-up .odds:after {
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #4fa300 transparent
}

.odds-down .odds:after {
    border-width: 6px 6px 0 6px;
    border-color: #ed0000 transparent transparent transparent
}

@-webkit-keyframes shine {
    50% {
        opacity: 0.3
    }
}

@keyframes shine {
    50% {
        opacity: 0.3
    }
}
.odds-change {
    display: inline-block;
    background-color: #FDD9E5;
    padding: 0 5px;
    border-radius: 2px;
    -webkit-animation: shineBg 1.0s infinite ease-in-out;
    animation: shineBg 1.0s infinite ease-in-out
}

.odds-changeAfter {
    display: inline-block;
    background-color: yellow;
    padding: 0 5px;
    border-radius: 2px;
    -webkit-animation: shineBg 1.0s infinite ease-in-out;
    animation: shineBg 1.0s infinite ease-in-out
}
.odds-changeBefore {
    display: inline-block;
    background-color: #93e879;
    padding: 0 5px;
    border-radius: 2px;
    -webkit-animation: shineBg 1.0s infinite ease-in-out;
    animation: shineBg 1.0s infinite ease-in-out
}

@-webkit-keyframes shineBg {
    50% {
        background-color: transparent
    }
}

@keyframes shineBg {
    50% {
        background-color: transparent
    }
}

.collapse {
    transform: translate(0px, 0px);
    transition-duration: 300ms;
    display: none;
    visibility: hidden
}

    .collapse.in {
        display: block;
        visibility: visible
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}
 
/*****end match****/


/***** bet****/
.betModeS, .betModeM, .betModeP,.parlay-bar {
    display: none;
}
.singleBetPanel .main-bar .betModeS, .multiBetPanel .main-bar .betModeM, .mixParlayPanel .parlay-bar, .mixParlayPanel .main-bar .betModeP {
    display: block;
}
.singleBetPanel .btn-stakePerBet, .mixParlayPanel .btn-stakePerBet, .singleBetPanel .box_M, .mixParlayPanel .box_M, .multiBetPanel .box_S {
    display: none !important;
}
.singleBetPanel .content .content-scroller, .mixParlayPanel .content .content-scroller, .multiBetPanel .content .content-scroller, .lottoBetPanel .content .content-scroller {
    padding-bottom: 0
}
.parlay-bar .odds{
    padding-left: 20px;
    font-size: 16px ;
    line-height: 1.6em 
}
.parlay-bar .btn-group, .parlay-bar .odds {
    color: #137D33 !important;
    min-width: 100px;
}
.multiBetPanel .list-group.betTickets {
    margin-bottom: 198px
}
 .mixParlayPanel .list-group.betTickets {
    margin-bottom: 250px
}
.multiBetPanel.hideStakePerBet .betTickets {
    margin-bottom: 48px
}
.statusPanel, .footer-stake {
    display: none;
}
.status-waiting .statusPanel, .status-accepted .statusPanel,  .status-accepted .footer-stake {
    display: block;
}
.status-waiting .input-box, .status-accepted .input-box, .status-accepted .footer-bet{
    display: none;
}

.statsPanel {
    background-color: #f5f5f5;
    border-radius: 2px;
    padding: 4px 0;
    margin-top: 12px
}

.statsPanel:before,.statsPanel:after {
    display: table;
    content: " ";
    clear: both
}

.statsPanel .stats-item {
    padding: 4px 8px;
    float: left;
    width: 50%;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top
}

.statsPanel .stats-item .stats-title {
    color: rgba(0,0,0,0.54);
    font-weight: normal;
    margin-right: 3px
}

.statsPanel .stats-item.full {
    width: 100%
}

.statusPanel {
    margin: -12px -12px 12px -12px;
    padding: 12px;
    margin: -12px
}

.statusPanel i.icon {
    font-size: 20px;
    position: absolute;
    top: 9px;
    color: red
}

.statusPanel i.icon+.status-title {
    padding-left: 25px;
    display: inline-block
}

.statusPanel .status-title {
    font-size: 16px;
    font-weight: bold
}

.statusPanel .status-directions {
    display: block;
    font-size: 12px;
    color: rgba(0,0,0,0.87)
}

.status-accepted .btn-clear {
    display: none
}

.status-accepted .statusPanel {
    background-color: #E6FFE6
}

.status-accepted .statusPanel .status-title {
    color: #009803
}

.status-accepted .list-group-item-heading {
    margin-top: 24px
}

.status-waiting .btn-clear {
    /*display: none*/
}

.status-waiting .statusPanel {
    background-color: #FEE4E4
}

.status-waiting .statusPanel .status-title {
    color: red
}

.status-waiting .list-group-item-heading {
    margin-top: 24px
}

.panel.tipsPanel {
	overflow: scroll;
	height: 143px;
	margin: 8px 8px;
	/*margin-top: 100%;*/
	color: rgba(0,0,0,0.54);
	background-color: #f5f5f5;
	-webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
	box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
	display: -ms-flexbox;
	display: -webkit-box;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}
#panelMultBet .singleBetPanel .panel.tipsPanel {
	position:relative;
	overflow: scroll;
	height: 225px;
	margin: 0;
	/*margin-top: 100%;*/
}
.singleBetPanel .alert, .cashOutPanel .alert, .mixParlayPanel .alert {
	min-height: 192px
}
.multiBetPanel .alert, .cashOutPanel .alert {
    min-height: 197px
}

.singleBetPanel .alert .alert-text,.cashOutPanel .alert .alert-text {
    min-height: 42px
}
 .panel.tipsPanel, .cashOutPanel .panel.tipsPanel {
    position: absolute;
    left: 0;
    right: 0;
	bottom:0;
}
.panel.tipsPanel .panel-body {
    text-align: left;
    color: rgba(0,0,0,0.87);
    padding: 12px 20px
}
.panel.tipsPanel .panel-body .under-line {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    display: inline-block;
    padding-bottom: 5px;
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.panel.tipsPanel .panel-body .text-title {
    margin-left: 6px;
    font-size: 16px
}
.panel.tipsPanel .panel-body .text-detail {
    display: block;
    font-size: 16px;
    padding-top: 12px
}
.singleBetPanel .list-group.betTickets, .cashOutPanel .list-group.betTickets {
    /*min-height: 100%;*/
	position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 200px
}
.singleBetPanel .list-group.betTickets>.list-group-item,.cashOutPanel .list-group.betTickets>.list-group-item {
    width: 100%;
    height: 100%;
    margin: 0
}

.list-group.betTickets, .list-group.preview-group {
    padding: 0 8px
}

.list-group.betTickets > .list-group-item, .list-group.preview-group > .list-group-item {
    border-radius: 2px;
    border-style: none;
    background-color: #ffff;
    margin: 0.5px 0;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12)
}
.betTickets .btn.btn-clear {
    float: right;
    padding: 8px;
    width: 40px;
    height: 40px;
    min-height: auto;
    margin-right: -12px;
    margin-top: -15px;
    top: 3px
}
	.betTickets .btn.btn-clear > .icon {
		color: red;
	}
	.betTickets .btn.btn-clear > i {
		margin-top: 0
	}
.betTickets .list-group-item-heading {
    font-size: 14px;
    margin-bottom: 0
}
.betTickets .list-group-item-heading [class^="icon icon-sport"] {
    top: -4px;
    position: relative;
    float: right;
    margin-bottom: -5px;
    opacity: .54
}
.betTickets .list-group-item-text {
    font-size: 12px;
    color: rgba(0,0,0,0.54);
    line-height: 16px;
    margin-top: 4px
}
.betTickets .list-group-item-text .odds {
    font-size: 15px
}

.betTickets .list-group-item-text .betType{
    font-size: 15px;
    font-weight: bold;
    color: rgba(0,0,0,0.87)
}

/*.betTickets .list-group-item-text .team-name {
    font-size: 12px;
    color: rgba(0,0,0,0.87);
    font-weight: normal
}*/
.betTickets .list-group-item-text .goal {
    font-weight:bold;
    font-size: 14px;
    color: rgba(0,0,0,0.54)
}

.betTickets .list-group-item-text .goal.underdog {
    color: red
}

/*.betTickets .list-group-item-text .text-league {
    display: block;
    font-size: 15px !important;
    color: rgba(0,0,0,0.54);
    line-height: 18px !important;
}*/
.betTickets .list-group-item-text+.input-box {
    margin-top: 12px
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate; 
    width: 100%
}
.input-box {
    position: relative;
    margin-bottom: 4px;
    padding-right: 157px;
}
.input-box .input-group .form-control {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    border-radius: 2px;
    height: 40px
}
.input-group>.btn-group {
    display: table-cell;
    width: 80px;
    padding-right: 10px
}

.input-group>.btn-group>.btn {
    display: table-cell
}

.input-group .input-group-addon, .btn-group .input-group-addon {
    background-color: #f5f5f5;
    border: rgba(0,0,0,0.12) 1px solid;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

    .input-group .input-group-addon:first-child, .btn-group .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .input-group-addon + .form-control, .btn-group .input-group-addon + .form-contro {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 2px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    width:9px !important;
    height:28px !important;
}
.form-group .btn-cancel, .input-group .btn-cancel {
    display: none;
    right: 0;
    top: 2px;
    position: absolute
}
.form-group.showClearBtn .btn-cancel, .input-group.showClearBtn .btn-cancel {
    display: block
}
.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    z-index: auto;
    border-radius: 2px
}
.input-box .input-group .form-control:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}
.input-box .input-group .form-control:last-of-type {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 2px 2px 10px #757272;
    border: 0;
}
.form-group.showClearBtn .form-control, .input-group.showClearBtn .form-control {
    padding-right: 40px
}
.form-group .btn-cancel i, .input-group .btn-cancel i {
    color: red;
    font-size: 18px
}
.input-box .btn {
    border-radius: 2px; 
    border-width: 0;
    padding: 8px
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}
.btn-group>.btn:first-child {
    margin-left: 0
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}
.input-box .btn-quickBetFew {
    position: absolute;
    right: 29px;
    top: 0
}
/*.input-box .btn-quickBetFew .btn {
    padding: 5px;
    background-color: #f5f5f5;
    border: rgba(0,0,0,0.12) 1px solid;
    color: rgba(0,0,0,0.54);
    width: 40px;
    height: 40px
}*/
.betTickets .list-group-item-footer {
    margin-top: 5px;
    text-align: right
}
.betTickets .list-group-item-footer:before,.betTickets .list-group-item-footer:after {
    display: table;
    content: " ";
    clear: both
}
.info-item {
    text-align: left;
    font-size: 12px
}
.info-item.left {
    float: left
}
.info-item .info-title {
    margin-right:3px;
    margin-left: 10px
}
.info-item .info-title:first-child {
    margin-left: 0
}
.info-item .info-value {
    color:#137D33;
    font-weight: bold
}
.info-item.right {
    float: right
} 
.betProcess {
    overflow: hidden;
    right: 0;
    left: 0;
    max-height: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.list-group.betProcess {
	/*position: fixed;*/
	position:relative;
	bottom: 0;
	z-index: 3;
	border-radius: 0;
	-webkit-box-shadow: 0px -3px 3px rgba(0,0,0,0.16);
	box-shadow: 0px -3px 3px rgba(0,0,0,0.16);
	margin-bottom: -2px;
	padding: 0 !important;
}
.multiBetPanel .betProcess > li {
    padding-top: 40px
}
.betProcess .list-group-item, .cashOutProcess .list-group-item {
    border-radius: 0
}
.betProcess .btn-stakePerBet {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    min-width: 48px;
    min-height: 40px;
    text-align: left;
    z-index: 1;
    width: 100%;
    padding-left: 20px
}
.betProcess .btn-stakePerBet i.icon-arrow-bottom {
    position: absolute;
    right: 12px;
    top: 8px
}
.betProcess .btn-stakePerBet .txt-next {
    display: none;
    position: absolute;
    right: 43px;
    top: 12px;
    color: #0073E6;
    font-weight: bold;
    text-align: right
}
.btn-quickBet {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex
}

.btn-quickBet>.btn {
    background-color: #545454;
    color: #FFF;
    border: rgba(255,255,255,0.12) 1px solid;
    font-weight: bold;
    font-size: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.btn-quickBet.single>.btn {
    background-color: #848484
}
.betProcess .list-group-item-footer, .cashOutProcess .list-group-item-footer {
    display: table;
    width: 100%;
    margin: 4px 0px;
}
.betProcess .list-group-item-footer .info-box,.cashOutProcess .list-group-item-footer .info-box {
    display: table-cell;
    width: 60%;
    margin-bottom: 8px;
    vertical-align: top
}
.betProcess .list-group-item-footer .info-box .info-item,.cashOutProcess .list-group-item-footer .info-box .info-item {
    clear: both;
    /*font-size: 14px;*/
    line-height: 17px
}
.betProcess .betProcess-box, .cashOutProcess .betProcess-box {
    display: table-cell;
    width: 60px;
    height: 40px;
    /*vertical-align: top;*/
    /*padding-left: 10px*/
}
.betProcess .btn-bet, .betProcess .btn-cashout, .cashOutProcess .btn-bet, .cashOutProcess .btn-cashout {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}
/*.betProcess .list-group-item-footer .info-box .info-value, .cashOutProcess .list-group-item-footer .info-box .info-value {
    float: right
}*/
.betProcess .text-balance, .cashOutProcess .text-balance {
    color: #ffa200
}
.hideStakePerBet .combo-list {
    bottom: 80px
}

.hideStakePerBet .betProcess {
    max-height: 40px
}
.hideStakePerBet .betProcess .btn-stakePerBet {
    background-color: #FAFAFA;
    padding-left: 20px;
    left: 0
}

.hideStakePerBet .betProcess .btn-stakePerBet .title {
    display: block
}

.hideStakePerBet .betProcess .btn-stakePerBet .txt-next {
    display: block
}

.hideStakePerBet .betProcess .btn-stakePerBet i.icon-arrow-bottom:before {
    content: ""
}
/*****end bet****/

.menu-product {
    display: none !important;
}
.menu-betslip {
    display: none !important;
}
.menu-Running{
    display: none !important;
}
.menu-market {
    display: none !important;
}
/*.menu-statement{
    display: block !important;
}*/
.pageSports .menu-statement {
    display: none !important;
}
.pageSports .menu-contactUs {
    display: none !important;
}
.pageSports .memu-balance {
    display: none !important;
}
.pageSports .menu-product {
    display: block !important;
}
.pageSports .menu-betslip {
    display: block !important;
}
.pageSports .menu-market {
    display: block !important;
}
.pageSports .menu-Running {
    display: block !important;
} 
.modal-open > #lobbyRoot > .main > .header, .modal-open > #lobbyRoot > .main > .content {
    display:none;
}

/***auto screen*****/

@media screen and (max-width: 320px) and (min-height: 481px) and (max-height: 568px) and (orientation: portrait) {
    .filter-bar .tab > li > .btn-group .dropdown-menu {
        max-height: 280px;
        top: 0
    }

    .tab > li:last-child:first-child .btn-group .dropdown-menu {
        top: -40px
    }

    .product-list ul li {
        width: 33.33%
    }

        .product-list ul li .product-group .product-img {
            height: 77px
        }

    .singleBetPanel .tipsPanel .panel-body {
        font-size: 16px
    }

    .betProcess .list-group-item-footer .info-box .info-item, .cashOutProcess .list-group-item-footer .info-box .info-item {
        font-size: 12px;
        line-height: 14px
    }

    .betProcess  .betProcess-box .info-item, .cashOutProcess .betProcess-box .info-item {
        font-size: 12px;
        line-height: 14px;
        margin-top: 4px
    }

    .whatsHot-group .btn-box .btn {
        padding-left: 4px;
        padding-right: 4px;
        margin-right: 4px
    }

        .whatsHot-group .btn-box .btn:last-child {
            margin-right: 0
        }

    .contactUs-box .text-lowlight {
        font-size: 12px
    }

    .modal-status-success .transfer-group {
        padding: 8px
    }

        .modal-status-success .transfer-group .info-item .info-value {
            font-size: 12px
        }

    iframe.viewport-GD {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
        height: 141%
    }

    .lotto-quick-pick, .btn-quick-pick {
        font-size: 12px
    }

    .worldcup-bar {
        padding: 0 48px
    }
}

@media (min-width: 320px) and (max-height: 480px) and (orientation: portrait) {
	/*#TVFrame {
		padding-top: 130px !important;
	}*/
    .odds-table.numberWheel15 .ball-group {
        width: 75%
    }

    .btn-group .dropdown-menu {
        overflow: auto;
        max-height: 350px
    }

    .search .dropdown-menu {
        overflow: auto;
        max-height: 270px
    }

    .menu-product .dropdown-panel .dropdown-menu, .menu-market .dropdown-panel .dropdown-menu {
        height: 250px
    }

    .menu-product .dropdown-group.hasEvent .dropdown-menu:first-of-type {
        height: 210px
    }

    .filter-bar .tab > li > .btn-group .dropdown-menu {
        max-height: 230px
    }

    .tab > li:last-child:first-child .btn-group .dropdown-menu {
        top: -80px
    }

    .product-list ul li {
        width: 33.33%
    }

        .product-list ul li .product-group .product-img {
            height: 70px
        }

    .betProcess .list-group-item-footer .info-box .info-item, .cashOutProcess .list-group-item-footer .info-box .info-item {
        font-size: 12px;
        line-height: 14px
    }

    .betProcess  .betProcess-box .info-item, .cashOutProcess .betProcess-box .info-item {
        font-size: 12px;
        line-height: 14px;
        margin-top: 4px
    }

    .whatsHot-group .btn-box .btn {
        padding-left: 4px;
        padding-right: 4px;
        margin-right: 4px
    }

        .whatsHot-group .btn-box .btn:last-child {
            margin-right: 0
        }

    .contactUs-box .text-lowlight {
        font-size: 12px
    }

    .modal-status-success .transfer-group {
        padding: 8px
    }

        .modal-status-success .transfer-group .info-item .info-value {
            font-size: 12px
        }

    iframe.viewport-GD {
        -webkit-transform: scale(0.66);
        transform: scale(0.66)
    }

    .lotto-quick-pick, .btn-quick-pick {
        font-size: 12px
    }

    .worldcup-bar {
        padding: 0 48px
    }
}

@media screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
    .singleBetPanel .tipsPanel {
        height: 77px
    }

        .singleBetPanel .tipsPanel .panel-body {
            font-size: 16px
        }
}

@media (max-width: 567px) {
    .content-scroller.has-3main-bar.outright {
        padding-top: 170px
    }

        .content-scroller.has-3main-bar.outright .main-bar.filter {
            margin-top: -80px
        }

            .content-scroller.has-3main-bar.outright .main-bar.filter .col-xs-6 {
                width: 100%;
                border-bottom: 1px solid #cbcbcb
            }

            .content-scroller.has-3main-bar.outright .main-bar.filter .col-xs-3 {
                width: 50%
            }
}

@media (min-width: 360px) and (orientation: portrait) {
    .product-list ul li .product-group .product-img {
        height: 83px
    }

    .product-list ul li .product-group .product-name {
        font-size: 14px
    }

    /*.singleBetPanel .list-group.betTickets .list-group-item-heading .score, .singleBetPanel .list-group.betTickets .list-group-item-heading .team-group {
        font-size: 18px
    }

    .singleBetPanel .list-group.betTickets .list-group-item-text .odds, .singleBetPanel .list-group.betTickets .list-group-item-text .betType, .singleBetPanel .list-group.betTickets .list-group-item-text .team-name, .singleBetPanel .list-group.betTickets .list-group-item-text .goal, .singleBetPanel .list-group.betTickets .list-group-item-text .text-league, .singleBetPanel .list-group.betTickets .list-group-item-text .text-detail {
        font-size: 16px;
        line-height: 1.6em
    }*/

    .singleBetPanel .list-group.betTickets .info-item {
        font-size: 14px
    }

        .singleBetPanel .list-group.betTickets .info-item .btn-stakeDetail {
            font-size: 14px
        }

    .singleBetPanel .tipsPanel .panel-body .text-title {
        font-size: 20px
    }

    .mixParlayPanel .combo-list {
        bottom: 264px
    }

    iframe.viewport-GD {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
        height: 143%
    }
}

@media (min-width: 375px) and (orientation: portrait) {
    .btn-group .dropdown-menu {
        max-height: 500px
    }

    .search .dropdown-menu {
        overflow: auto;
        max-height: 200px
    }

    .filter-bar .tab > li > .btn-group .dropdown-menu {
        max-height: 330px
    }

    .tab > li:last-child:first-child .btn-group .dropdown-menu {
        max-height: 290px
    }

    .product-list ul li {
        width: 33.33%
    }

        .product-list ul li .product-group .product-img {
            height: 98px
        }

    .singleBetPanel .tipsPanel .panel-body .text-title, .cashOutPanel .tipsPanel .panel-body .text-title {
        font-size: 20px
    }

    iframe.viewport-GD {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
        height: 143%
    }
}

@media (min-width: 384px) and (orientation: portrait) {
    .product-list ul li {
        width: 33.33%
    }

        .product-list ul li .product-group .product-img {
            height: 110px
        }
}

@media (min-width: 412px) and (orientation: portrait) {
    iframe.viewport-GD {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
        height: 143%
    }
}

@media (min-width: 414px) and (orientation: portrait) {
    .singleBetPanel .tipsPanel .panel-body .text-title {
        font-size: 20px
    }

    iframe.viewport-GD {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
        height: 144%
    }
}

@media (min-width: 480px) and (orientation: landscape) {
    .odds-table.numberWheel15 .ball-group {
        width: 85%
    }

    .btn-group .dropdown-menu, .search .dropdown-menu {
        overflow: auto;
        max-height: 220px
    }

    .rulePanel .icon {
        margin-right: 20px;
        font-size: 6em;
        height: 100%
    }

    .rulePanel .box {
        display: table
    }

        .rulePanel .box .box-flex {
            display: table-cell
        }

            .rulePanel .box .box-flex:nth-child(2) {
                vertical-align: middle
            }

    .racing-content li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .racing-content .racing-info, .racing-content .odds-table {
        width: 50%;
        float: left
    }

    .racing-content .racing-info {
        padding: 10px 0 10px 10px
    }

    .product-list ul li {
        width: 33.33%
    }

        .product-list ul li .product-group .product-img {
            height: 100px
        }
}

@media (min-width: 568px) and (orientation: landscape) {
    .btn-group .dropdown-menu, .search .dropdown-menu {
        overflow: auto;
        max-height: 250px
    }

    .rulePanel .icon {
        margin-right: 20px;
        font-size: 6em
    }
}

@media (max-width: 666px) {
    .more-bettype .nav-tabs[data-length="7"] > li:nth-child(-1n+3) {
        width: 33.33333% !important
    }

    .more-bettype .nav-tabs[data-length="7"] > li:nth-child(1n+4) {
        width: 25% !important;
        border-top: 1px #5F5F61 solid !important
    }

    .more-bettype .nav-tabs[data-length="7"] > li:nth-child(4) {
        border-left: 0 !important
    }

    .more-bettype .nav-tabs[data-length="6"] > li {
        width: 33.33333% !important
    }

        .more-bettype .nav-tabs[data-length="6"] > li:nth-child(1n+4) {
            border-top: 1px #5F5F61 solid !important
        }

        .more-bettype .nav-tabs[data-length="6"] > li:nth-child(4) {
            border-left: 0 !important
        }

    .more-bettype .nav-tabs[data-length="5"] > li:nth-child(-1n+2) {
        width: 50% !important
    }

    .more-bettype .nav-tabs[data-length="5"] > li:nth-child(1n+3) {
        width: 33.33333% !important;
        border-top: 1px #5F5F61 solid !important
    }

    .more-bettype .nav-tabs[data-length="5"] > li:nth-child(3) {
        border-left: 0 !important
    }
}

@media (min-width: 667px) {
    .btn-group .dropdown-menu, .search .dropdown-menu {
        overflow: auto;
        max-height: 280px
    }

    .racing-info {
        width: 50%
    }

        .racing-info + .odds-table {
            width: 50%
        }

    .virtualSoccer .main-bettype .odds-table:nth-of-type(1) {
        clear: both
    }

    .virtualSoccer .main-bettype .odds-table:nth-of-type(2) {
        clear: both
    }

    .virtualSoccer .main-bettype .odds-table:nth-of-type(3) {
        clear: both
    }

    .virtualSoccer .main-bettype .odds-table:nth-of-type(4) {
        position: absolute;
        top: 0;
        right: 0
    }

    .main-bettype ul.odds-table {
        width: 100%;
        margin: 0
    }

        .main-bettype ul.odds-table li {
            width: 33.33%
        }

    .tab > li:last-child:first-child .btn-group .dropdown-toggle {
        width: 647px
    }
}

@media (min-width: 736px) {
    .product-list ul li {
        width: 33.33%
    }

        .product-list ul li .product-group .product-img {
            height: 200px
        }

    .singleBetPanel .tipsPanel .panel-body .text-title {
        font-size: 20px
    }
}

@media (max-width: 767px) {
    .result-content-left .time-group {
        margin-top: 10px
    }

    .result-content-right {
        padding: 0px 12px !important
    }

        .result-content-right .table {
            margin-bottom: 10px
        }

            .result-content-right .table > tbody > tr:nth-of-type(odd) {
                background-color: #f5f5f5
            }

            .result-content-right .table > tbody > tr:nth-of-type(even) {
                background-color: #f5f5f5
            }
}

@media (min-width: 768px) and (orientation: portrait) {
    .result-group.result-content > li .heading > .toggle.float {
        padding: 0 !important
    }

    .result-content-left {
        float: left;
        width: 50%
    }

        .result-content-left .toggle.float {
            padding-top: 0 !important;
            padding-right: 0 !important
        }

    .result-content-right {
        float: left;
        width: 50%;
        display: block;
        visibility: visible;
        padding-left: 0 !important;
        margin-left: -1px
    }

    .result-content .table .text-left {
        text-align: center
    }

    .odds-table.numberWheel15 .ball-group {
        width: 68%
    }

    .btn-group .dropdown-menu, .search .dropdown-menu {
        overflow: auto;
        max-height: 850px
    }

    .rulePanel {
        padding: 0 50px
    }

    .product-list ul li {
        width: 33.33%;
        padding: 8px
    }

        .product-list ul li .product-group .product-img {
            height: 155px
        }

        .product-list ul li .product-group .product-name {
            font-size: 16px
        }
}

@media (max-width: 1023px) {
    .sidebar.in .sider-menu {
        -webkit-box-shadow: 0px -14px 14px rgba(0,0,0,0.25);
        box-shadow: 0px -14px 14px rgba(0,0,0,0.25)
    }
}

@media (min-width: 1024px) and (orientation: landscape) {
    .logo-lg {
        height: 300px
    }

        .logo-lg:before {
            height: 130px;
            margin-top: -65px
        }

    .loginPanel {
        margin: 50px auto;
        width: 60%
    }

    .main, .header, .loading {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .betPanel {
        width: 300px;
        right: -300px !important
    }

        .betPanel.in {
            right: 0 !important;
            left: inherit !important;
            border-left: 5px solid #6a6a6a
        }

            .betPanel.in .modal-backdrop {
                display: none
            }

        .betPanel .multibet-bar {
            display: none
        }

        .betPanel .btn > .icon-back {
            -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg)
        }

        .betPanel .loading {
            position: absolute
        }

    body.betPanel-open {
        overflow: auto
    }

        body.betPanel-open > .main {
            margin-right: 300px
        }

            body.betPanel-open > .main > .header, body.betPanel-open > .main > .loading {
                right: 300px
            }

    .btn-group .dropdown-menu, .search .dropdown-menu {
        overflow: auto;
        max-height: 600px
    }

    .odds-float .odds-table li {
        width: 25%
    }

    .product-list ul li {
        width: 33.33%;
        padding: 8px
    }

        .product-list ul li .product-group .product-img {
            height: 220px
        }

        .product-list ul li .product-group .product-name {
            font-size: 16px
        }
}

@media (orientation: landscape) {
    .GGPanel .header {
        display: none
    }

    .GGPanel .content-scroller {
        padding-top: 0
    }
}

/****end auto screen****/

.loadingOdds .emptyState .msg-title{display:none;}
.emptyState .loading-small{display:none;}
.loadingOdds .loading-small{display:block;}


.loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0;
    z-index: 9;
    background-color: rgba(0,0,0,0.2)
}

.loading:before {
    content: "";
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    position: absolute;
    display: block;
    color: #fff;
    background-color: rgba(223,223,223,0.8);
    border-radius: 15px
}

.loading .icon-loading {
    height: 30px;
    width: 30px;
    top: 50%;
    left: 50%;
    margin-top: 0px;
    margin-left: -15px;
    display: block;
    position: absolute;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear
}

.loading .icon-loading span {
    width: 30%;
    height: 30%;
    display: block;
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.36);
    border-radius: 100%;
    -webkit-animation: scale 4.0s infinite ease-in-out;
    animation: scale 4.0s infinite ease-in-out
}

.loading .icon-loading span:nth-child(2) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    right: 0;
    top: 0
}

.loading .icon-loading span:nth-child(3) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto
}

.loading .icon-loading span:last-child {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -3.0s;
    animation-delay: -3.0s
}

.loading:after {
    content: "";
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/logo.webp?.39015');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 80px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
    display: block
}

.loading .text-loading {
    display: none
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes scale {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes scale {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.loading-small .icon-loading {
    display: block;
    margin: 10px auto;
    height: 30px;
    text-align: center;
    font-size: 10px
}
 .loading-small .icon-loading > span {
    background-color: #137D33;
    height: 100%;
    width: 6px;
    margin: 0 2px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

        .loading-small .icon-loading > span:nth-child(2) {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .loading-small .icon-loading > span:nth-child(3) {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s
        }

        .loading-small .icon-loading > span:nth-child(4) {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s
        }

        .loading-small .icon-loading > span:nth-child(5) {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s
        }

@-webkit-keyframes stretchdelay {
    0%,40%,100% {
        -webkit-transform: scaleY(0.4);
        opacity: 0.4
    }

    20% {
        -webkit-transform: scaleY(1);
        opacity: 1
    }
}

@keyframes stretchdelay {
    0%,40%,100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        opacity: 0.4
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        opacity: 1
    }
}

.loading-circular {
    position: absolute;
    top: 50%;
    margin-top: -2em;
    height: 4em;
    left: 50%;
    margin-left: -50%;
    width: 100%
}

    .loading-circular .text-loading {
        color: #fff;
        width: 100%;
        text-align: center;
        margin-top: 5px
    }

    .loading-circular .text-directions {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 12px
    }



/************NEW tip***********************/
.tip-cust {
    width: 100%;
    position: fixed;
    margin: auto;
    top: 0px;
    z-index: 999;
    padding: 3px 8px; 
    max-height: 450px;
    overflow-y:auto; 
}
.tip-cust .tmCountDown{
    float:right;
        color: blue;
    font-size: 13px;
}
.tip-cust .list-group{
    background-color: rgba(0,0,0,0.12);
    border-radius: 4px;
    padding:0 3px;
    max-width:500px;
    margin: auto;
}
.tip-cust .list-group > .list-group-item{
    border-radius: 2px;
    border-style: none;
    background-color: #FAFAFA;
    margin:1px 0;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: rgba(0,0,0,0.12) 1px solid;
    margin-bottom: 0;
    padding: 12px;
    background-color: #FAFAFA;
    min-height:60px;
    
    position: relative;
    display: block;
    padding: 0 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.tip-cust .list-group > .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.tip-cust .list-group > .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.tip-cust .list-group .btn.btn-clear > i {
    margin-top: 0
}
.tip-cust .list-group  .btn.btn-clear {
    float: right;
    padding: 8px;
    width: 40px;
    height: 40px;
    min-height: auto;
    margin-right: -12px;
    margin-top: -15px;
    top: 3px
}

/************NEW tip***********************/
/************NEW CSS3***********************/
.cclick {
    cursor: pointer;
}
.Draw{color:blue;}
.N-tbodds-hd,.N-tbodds-bets {line-height: 20px;width:90px;text-align:center;}
.N-home,.N-away{line-height:20px;padding-left:20px;vertical-align:middle;text-align:left;display:block; width:calc(100vw - 210px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.N-score {position: absolute;color:black;font-weight:bold; margin-right:2px;width:20px;display:inline-block;text-align:center;}
.N-time {font-size: 10px;margin-top: 5px;font-weight:bold;vertical-align:middle;text-align:left;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.N-hdp {color:black;/*color:red;*/ position:absolute;left:-9px;text-align:left;padding-left:12px;font-size:11px;font-weight:bold;line-height:18.5px!important}
.N-odds{font-weight:bold!important;}
.N-tbodds-bets .N-odds {margin-left:35px; }
.N-actscore {color:red; }
.heading.c_999 .N-home { width:calc(100vw - 110px)}
.match-group>li>.heading.c_999 {min-height:35px;}
.match-group>li>.heading.c_999 .N-tbodds-bets .N-odds{margin-left:0px;}
.match-group>li>.heading.c_36 .N-tbodds-bets .N-odds{margin-left:0px;}
.match-group>li>.heading.c_36 .N-tbodds-bets .btn{width:58px;}
/*.N-team{line-height: 20px;margin-left:3px; margin-right:180px;min-height:70px;padding-top:3px;}
.N-team>div{position:relative;padding-left:20px;height:24px;  width:calc(100vw - 200px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.N-score {color:black;font-weight:bold; margin-right:2px;width:20px;position:absolute;left:0px;display:block;text-align:center;}
.N-tbodds {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 180px;
    text-align: center;
    font-size: 11px;
    padding-top: 3px;
    line-height: 20px;
}
.N-tbodds > div { display: flex; }
.N-tbodds > div > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}*/
.match-group > li {
}
.match-group > li > .heading  .btn.btn-favorit,.match-group > li > .heading .btn.btn-more,.match-group > li > .heading .btn.btn-P {margin: 0px;padding:0px;position:absolute;}
.match-group > li > .heading  .btn.btn-favorit i {font-size:20px;}
    .match-group > li > .heading .btn.btn-more {
        width: 22px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        color: black !important;
        border: rgba(0,0,0,0.12) 1px solid;
        margin: 1px;
        margin-top: 2.5px;
        padding: 2px;
        padding-right: 10px !important;
        vertical-align: middle;
        border-radius: 0px;
        line-height: 1.2em;
        height: 17px;
        background: linear-gradient(#fff, #fff);
        background: -webkit-linear-gradient(#fff, #fff);
        background: -o-linear-gradient(#fff, #fff);
        background: -moz-linear-gradient(#fff, #fff);
    }

    .match-group > li > .heading .btn.btn-P {
        width: 16px;
        /*left: 100px !important;*/
        right: 31px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        color: black !important;
        margin: 2px;
        /*padding-right: 10px !important;*/
        vertical-align: middle;
        line-height: 1.3em;
        min-height: 20px;
    }
.match-group > li > .heading .btn.btn-more:after { 
    margin-left: 0px;
    position: absolute;
    right: 1px;
    top: 12px;
    border-top: 0px solid green; 
}
.match-group > li > .heading .btn.btn-more:before { 
    content: "+";
    margin-left: 0px;
    position: absolute;
    right: 3px;
    top: 1.5px;
    color: green;
    font-weight: bold;
    font-size:14px;
}
.N-tbodds-bets .btn.active {
    background: #40ef75!important;
    border: #7cbf91 2px solid
}
.N-tbodds-bets .btn {
    width: 90px;
    border: rgba(0,0,0,0.12) 1.5px solid;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    vertical-align: middle;
    border-radius: 4px;
    line-height: 18px;
    min-height: 26px;
/*    background: linear-gradient(#bfbfbf, #fff);
    background: -webkit-linear-gradient(#bfbfbf, #fff);
    background: -o-linear-gradient(#bfbfbf, #fff);
    background: -moz-linear-gradient(#bfbfbf, #fff);*/
}

.N-tbodds-bets .odds-up .N-odds:after, .N-tbodds-bets .odds-down .N-odds:after {
 /*   content: " ";*/
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    left: 1px;
    top: 50%;
    margin-top: -10px;
    opacity: 1
}

.N-tbodds-bets .odds-up .N-odds:after {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #4fa300 transparent
}

.N-tbodds-bets .odds-down .N-odds:after {
    border-width: 5px 5px 0 5px;
    border-color: red transparent transparent transparent
}

.N-betTeam{font-size:15px !important;font-weight:bold  !important;}
/***********************************/
/*************showTipScore*********/
#showTip {
    margin-top: 0;
    width:65%;
}
#showTip tr{
    line-height:14px;
    font-size:12px;
}
.showTiptr{
    text-align:center;
}
.showTiptd1{
    width:30px;
    text-align:center;
    font-size:9px
}
.showTiptd2{
   width:10px;
   text-align:center;
   font-size:9px
}
.showTiptd3{
   width:105px;
   text-align: right
}
.showTiptd4{
   width:105px;
   text-align: left;
}
.gbTake2 {
    font-family: Tahoma, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: blue !important ;
}
.betType   .gbTake2 {
    font-family: Tahoma, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: blue !important ;
}
.Normal {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000;
}
.gbGive {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ee2c2c;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
}
.betType   .gbGive {
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px!important;
    COLOR: #ee2c2c;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
}
.Accepted {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #004a18;
    /*background-color: #004a18;*/
    padding-right: 3px;
    padding-left: 3px
}
.Negative {
    font-size: 1em;
    color: Red;
}
.Over {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red;
}
.gbX12 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: blue;
}
.Give2 {
    font-weight: bold;
    font-size: 11px;
    color: #FF0033;
    font-family: Tahoma, Helvetica, sans-serif;
}
.Rejected {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: white;
    background-color: #980000;
    padding-right: 5px
}

.ScoreColor{
    color:red!important;
}
.NormalTitle{
    font-size:12px!important;
    font-weight:normal!important;
    color:black!important;
}

#ScoreChangeA .topLeave{
    font-size:14px!important;
}
#tip_cust88 {
    font-size:12px!important;
}
#tip_cust88 .Waiting {
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: black;
        background-color: yellow;
        padding-right: 3px;
        padding-left: 3px;
    }
    #tip_cust88  .Accepted {
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        background-color: #004a18;
        padding-right: 3px;
        padding-left: 3px
    }
    #tip_cust88 .Rejected {
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: white;
        background-color: #980000;
        padding-right: 5px
    }
#FTHDP .bettype-name > td {
	text-align:center;
}
#MMFTHDP .bettype-name > td {
	text-align: center;
}
#pg_wfSportsH50 .match-group > li > .heading .btn.btn-more span {
	line-height: 2px!important;
}
#FHCS span.bets {
	color: red !important;
}
#txtEVEN2 {
	color:red;
}
#pg_wfStatementH50 .result-content > li .team-group.team-winner .team-name {
	font-weight:normal!important;

}
#pg_wfStatementH50 .result-content > li .team-group .score {
	right:4px!important;
}
#pg_wfStatementH50 .collapse-group > li:nth-of-type(odd) {
	background-color: #d6dbd7!important;
}
#pg_wfStatementH50 .collapse-group > li:nth-of-type(even) {
	background-color: #efefef!important;
}
#pg_wfStatementH50 .collapse-group > li ul li .heading > a{
	background-color:#ffffff;
}
td.N-team {
	position:relative;
}
.mixParlayPanel #betTickets {
	max-height:330px;
	overflow:scroll;
}
.mixParlayPanel > div.content {
	min-height: 120%;
}
.mixParlayPanel #betTickets li:nth-of-type(odd) {
    background: #d4d1d1 !important;
}
.mixParlayPanel #betTickets li:nth-of-type(even) {
    
    background: #fff !important;
}
/*#TVFrame {
	padding-top:90px;
}*/
#panelMultBet .content {
	position:relative;
}
#panelMultBet .header {
	position:relative;
}
#TVFrame {
	touch-action: none;
}
#HHCS span.bets {
	color:red;
}
#TG span.bets {
	color: red;
}
#txtODD2 {
	color:blue;
}
.btnmixsingle {
	height: 30px!important;
	margin-top: 0;
	/*background: linear-gradient(#095a21, #46ca6e,#095a21);
	background: -webkit-linear-gradient(#095a21, #46ca6e,#095a21);
	background: -o-linear-gradient(#095a21, #46ca6e,#095a21);
	background: -moz-linear-gradient(#095a21, #46ca6e,#095a21);*/
	border-radius: 5px;
	/*background: #10ca49;
	border: 6px solid #10ca49;*/
}
.btnmixsingle_s {
    height: 30px !important;
    margin-top: 2px;
    /*background: linear-gradient(#095a21, #46ca6e,#095a21);
	background: -webkit-linear-gradient(#095a21, #46ca6e,#095a21);
	background: -o-linear-gradient(#095a21, #46ca6e,#095a21);
	background: -moz-linear-gradient(#095a21, #46ca6e,#095a21);*/
    border-radius: 5px;
    /*background: orange !important;
    border: 6px solid orange;*/
}
.btn.btn-betinputpla {
    float: right;
    width: 100px;
    padding: 0;
    margin-top: -2px;
}
.video_cuse {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
}
.video_cuse > div {
	width:50%;
	height:100%;
	float:right;
	text-align:center;
	position:relative;
}
	.video_cuse > div.active {
		color: #feea5e;
	}
.video_cuse > div.active::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	/*background: #e1d14e;*/
	position: absolute;
	bottom: 0;
	left: 0;
}
.video_cont {
	width: 100%;
	height: 210px;
	overflow-x: hidden;
	position: relative;
}

.VideoRight_t, .VideoRight_c {
	position: absolute;
	left: 0;
	top: 0;
    background:#fff;
}
	.video_cont > .VideoRight_c, .video_cont > .VideoRight_t {
		display: none;
	}
		.video_cont > .VideoRight_t.active, .video_cont > .VideoRight_c.active {
			display: inline-block;
            height: 420px !important;
		}
.TvList {
    width: 100%;
    height: 30px;
    position: relative;
    background: #000000;
}

.TvListName {
    font-size: 12px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-indent: 10px;
}
.listdwon {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-right: 8px;
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/arrowdownh.webp');
    background-size: 100% 100%;
}
.listdwon2 {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: -26px;
    margin-right: 8px;
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/arrowdownh.webp');
    background-size: 100% 100%;
}


.listdwon_h {
    float: left;
    margin-top: 9px;
}


.TvList ul {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 999;
    background: #2c412e;
    color: #fff;
    display: none;
    font-size:11px;
    padding:0;
    margin:0;
}

    .TvList ul li {
        width: 100%;
        height: 30px;
        line-height: 30px;
        position: relative;
        text-indent: 20px;
        background: #3c3c3c;
        background: -moz-linear-gradient(top, #3c3c3c 0%, #1b1a1a 100%);
        background: -webkit-linear-gradient(top, #3c3c3c 0%,#1b1a1a 100%);
        background: linear-gradient(to bottom, #3c3c3c 0%,#1b1a1a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#1b1a1a',GradientType=0 );
    }
#selectleaguePanel .checkbox input[type="checkbox"] + label:before, .checkbox input[type="checkbox"] + input ~ label:before {
    /*content: "";*/
    position: absolute;
    left: 3px;
    top: 10px;
}


.TvbtnsocrollT {
    height: 30px;
    min-height: 25px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    

}
.Tvbtnsocroll {
    width: 1180px;
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}
    .Tvbtnsocroll > span {
        width: 80px;
        padding-left: 15px;
        text-align: center;
        line-height: 25px;
        height: 100%;
        font-size: 14px;
        display: inline-block;
        float: left;
        font-weight: bold;
    }
        .Tvbtnsocroll > span.active {
            color: orange;
        }

.TvbtnNeRongT {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    padding-bottom: 50px;
    top: 316px;
    position: fixed;
    bottom: 11px;
    background-color: #f4fff7;
}
.TvbtnNeRong {
    width: 100%;
    background: #f4fff7 !important;
}
    .TvbtnNeRong ul {
        list-style: none !important;
        padding-left: 0px !important;
    }

/*#FTHDP table tr td a:nth-child(odd) {
    background: linear-gradient(#bfbfbf, #fff) !important;
}*/

.DounTda {
    background: linear-gradient(#a6f1c4, #daf9f2) !important;
}
.Highlight {
    text-shadow: 0px 0px 8px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5;
}

.Highlight2 {
    text-shadow: 0px 0px 8px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5 !important;
}
.freysh2 {
    color: #FFF !important;
}

.giveODD {
    color: blue!important;
}

.giveEVEN {
    color: red!important;
}
.hiddentips{
    display:none;
}
.Litvplay {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*float: right;*/
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tvlist.webp');
    background-size: 100% 100%;
    position:relative;
    left:95%;
    top:-20px;
}
.Litvplay2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tvlist2.webp');
    background-size: 100% 100%;
    /*margin-top: 3px;
    margin-right: 5px;*/
}
.ballnameimg {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    /*margin-top: 3px;*/
    margin-left: 5px;
}
.GMEEID1 {
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/footballimg.webp') 0% 0% / 100% 100%;
}

.GMEEID2 {
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/baskatballimg.webp') 0% 0% / 100% 100%;
}

.GMEEID3 {
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tennisimg.webp') 0% 0% / 100% 100%;
}

.GMEEID14 {
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/icehockeyimg.webp') 0% 0% / 100% 100%;
}

.GMEEID17 {
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/golfimg.webp') 0% 0% / 100% 100%;
}

.GMEEID20 {
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/badmintonimg.webp') 0% 0% / 100% 100%;
}

.GMEEID22 {
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/tabletennisimg.webp') 0% 0% / 100% 100%;
}
.iTvbtnsocroll::-webkit-scrollbar {
    display: none;
}

.Tvbtnsocroll::-webkit-scrollbar {
    display: none;
}

div::-webkit-scrollbar {
    display: none
}

.hederbutton {
    display: inline-block;
    cursor: pointer;
    text-align: center !important;
    text-decoration: none;
    outline: none;
    background-color: #0e5b1e !important;
    border-radius: 2px !important;
    /*box-shadow: 0 3px #999 !important;*/
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(98, 141, 71, 0.26), 0 6px 20px 0 rgba(0,0,0,0.19);
    border: 1px solid #0e5b1e;
    position: static !important;
    width: 30px !important;
    height: 30px !important;
    padding: 4px !important;
    margin-top:4px;
}

    .hederbutton:active {
        background-color: #3e8e41;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }
.headerLang {
    content: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/sport_flag_white.webp');
    position: relative !important;
    width: 25px !important;
    height: 23px !important;
}
.languageList-header {
    /*left: 100px !important;
    top: 61px;*/
/*    min-width: 210px;*/
    padding-left: 0px;
    display: block;
    position: fixed;
}

.hederbuttonSports {
    display: inline-block;
    cursor: pointer;
    text-align: center !important;
    text-decoration: none;
    outline: none;
    background-color: #0e5b1e !important;
    border-radius: 2px !important;
    /*box-shadow: 0 3px #999 !important;*/
    transition-duration: 0.4s;
    /*box-shadow: 0 8px 16px 0 rgba(98, 141, 71, 0.26), 0 6px 20px 0 rgba(0,0,0,0.19);*/
    border: 1px solid #0e5b1e;
    position: static !important;
    width: 33px !important;
    height: 32px !important;
    padding: 4px !important;
    margin-right: 12px;
}
    .hederbuttonSports img {
        margin-top: -8px!important;
    }

#languageListheader .active a {
    background-color: #f5f5f5;
    color: #0073E6 !important;
}
.fullscreen {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 10px;
    right: 12px;
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/fullscreen.webp');
    background-size: 100% 100%;
    z-index: 999;
}

.product-list .li {
	width: 95%;
	height: 100px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 3px auto;
	border-radius: 16px;
}

.product-list .li .left {
	display: flex;
	flex-direction: column;
	margin-left: 24px;
}
.product-list .li .right {
	margin-right: 24px;
}
	.product-list .li .left_three {
		display: flex;
		flex-direction: row;
		margin-left: 17px;
		height: 45px;
	}
	.product-list .li .left .name {
		/*font-weight: bolder;*/
		color: #ffffff;
		font-size: 16px;
		margin-top: 66px;
	}
    .product-list .li.others .left .name {
        margin-top: 66px;
    }
	.product-list .li .left_three .name_ {
		padding: 0 11px;
		/* height: 35px; */
		/* line-height: 33px; */
		/* background-color: #fdf402; */
		/* border: 2px solid #4e0b0b; */
		/* background-image: linear-gradient(#fdf402, #b7942f); */
		border-radius: 20px;
		color: #ffffff;
		text-align: center;
		font-size: 16px;
		display: unset;
		margin-top: 50px;
	}
.product-list .li .left .num {
	width: 45px;
	height: 31px;
	background-color: #fdf402;
	border: 2px solid #4e0b0b;
	background-image: linear-gradient(#fdf402, #b7942f);
	border-radius: 20px;
	font-weight: bolder;
	color: #4e0b0b;
	text-align: center;
	line-height: 27px;
	margin-top: -22px;
}
.product-list .li .right img {
	width: 15px;
	height: 15px;
}
	.product-list .li .icon {
		width: 80px;
		height: 75px;
		position: absolute;
		right: 59px;
	}
.product-list .casino {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/casino.webp');
    border: 2px solid #89d988;
}
.product-list .slots {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/slots.webp');
    border: 2px solid #89d988;
}
.product-list .egame {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/egame.webp');
    border: 2px solid #89d988;
}
.product-list .three {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/otherbanner.webp');
    border: 2px solid #89d988;
}
.product-list .others {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/esport.webp');
    border: 2px solid #89d988;
}


.show_menu {
    position: fixed;
    /*top: 170px;*/
    z-index: 1;
    width: 100%;
    height: 100%;
    /*	background: linear-gradient( 177deg, rgba(12, 133, 0, 1) 0%, rgba(0, 0, 0, 1) 100% );*/
    background: #142c0c;
}
    .show_menu .content {
        height: calc(100% - 224px)!important;
    }

    .show_menu .content.others {
        height: calc(100% - 222px)!important;
    }
.hide_animation {
	animation: move_to_bottom 0.8s ease;
	-moz-animation: move_to_bottom 0.8s ease;
	-webkit-animation: move_to_bottom 0.8s ease;
	-o-animation: move_to_bottom 0.8s ease;
}

.show_animation {
	animation: move_to_top 0.8s ease;
	-moz-animation: move_to_top 0.8s ease;
	-webkit-animation: move_to_top 0.8s ease;
	-o-animation: move_to_top 0.8s ease;
}
@keyframes move_to_top {

	0% {
		top: 1000px;
		opacity: 0;
	}

	100% {
		top: 180px;
		opacity: 1;
	}
}

@keyframes move_to_bottom {

	0% {
		top: 180px;
		opacity: 1;
	}

	100% {
		top: 1000px;
		opacity: 0;
	}
}
.show_menu .close {
	position: absolute;
	right: 10px;
	top: 10px;
}
	.show_menu .close img {
		width: 29px;
		height: 29px;
	}
.show_menu .top {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 10px;
}
	.show_menu .top .line {
		width: 20%;
		height: 5px;
		background-color: #fff;
		border-radius: 8px;
		margin-bottom: 20px;
		margin-top: 0;
	}
	.show_menu .top #menu_title {
		color: #fff;
		margin: 0;
		font-size: 16px;
		font-weight: normal;
	}
.show_menu .content {
	width: 100%;
    height: 100%;
    margin-top: 0px;
    overflow: scroll;
    padding: 0 6px;
    position: absolute;
    top: 0;
    min-height: unset;
    background: unset;
    line-height: unset;
    padding-bottom: 25px;
}
.lefthome {
	margin: 0;
	padding-right: 5px;
	width: 30%;
	height: 100%;
	float: left;
	overflow: auto;
}
.righthome {
	width: 70%;
	height: 100%;
	float: right;
	overflow: auto;
}
.lefthome > div {
    position: relative;
    width: 100%;
    height: 15.8%;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 4px;
    /*background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/imgs/tinghgamebg2.webp');*/
    background-size: 100% 100%;
    color: #ffffff;
    text-align: center;
    /*    border: 2px solid #89d988;*/
    border: 2px solid #0BFF00;
    filter: brightness(0.85) contrast(0.85) opacity(0.9);
}
		.lefthome > div img {
			width:100%;
			height:100%;
		}
    .lefthome > div.active {
        border: 2px solid #0BFF00;
        /*box-shadow: 0 0 3px #0BFF00;*/
        box-shadow: 0 0 5px #0BFF00;
        filter: brightness(1.1) contrast(1.3) opacity(1);
    }
		.lefthome > div > span {
			position: absolute;
			color: #ffffff;
			bottom: 6px;
			left: 5px;
			font-size: 12px;
		}
		.show_menu .content ul {
			display: block;
			margin: 0;
			padding: 0;
			width: 70%;
			height: 100%;
			float: right;
			overflow: auto;
		}
            .show_menu .content ul li{
                list-style: none;
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin-top: 4px;
                float: left;
            }
	.show_menu .content ul li:nth-child(3n+3) {
		margin-right: 0;
	}
.product-img {
    width: 100%;
    /*	height: 76px;*/
    height:63.5px;
    background-size: 100% 100%;
}
.product-name {
	text-align: center;
	color: #ffffff;
	font-weight: 900;
	font-size: 16px;
}
.show_menu .slots .slots_list {
    width: 100%;
    height: 15.8%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    /*border: 2px solid #89d988;*/
    border: 2px solid #0BFF00;
    border-radius: 6px;
}
	.show_menu .slots .slots_list img {
		width: 100%;
		height: 100%;
	}
	.show_menu .slots .slots_list .right {
		margin-right: 10px;
	}
		.show_menu .slots .slots_list .right span {
			font-weight: 900;
		}
		.show_menu .slots .slots_list .right img {
			width: 15px;
			height: 15px;
			margin-top:-4px;
		}
/*.content.slots, .content.egame, .content.three, .content.others {
	padding: 0 5px;
	padding-bottom: 0px;
}*/
.show_menu .egame .egame_list {
    width: 100%;
    height: 116px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    position: relative;
    border: 2px solid #89d988;
}
.show_menu .egame .esportsgames {
    width: 100%;
    height: 15.7%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    /*border: 2px solid #89d988;*/
    border: 2px solid #0BFF00;
    border-radius: 6px;
}
.show_menu .egame .egame_list .position_img{
    width: 100%;
    height: 100%;
}
.show_menu .egame .egame_list .right {
	margin-right: 10px;
}
	.show_menu .egame .egame_list .right span {
		font-weight: bolder;
		font-size: 20px;
		color: transparent;
		-webkit-text-fill-color: #2b2ba7;
		-webkit-text-stroke: 0.5px #fff;
	}
	.show_menu .egame .egame_list .right img {
		width: 15px;
		height: 15px;
		margin-left: 10px;
		margin-top: -5px;
	}
.show_menu .three .slots_list {
    width: 100%;
    height: 15.7%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    /*border: 2px solid #89d988;*/
    border: 2px solid #0BFF00;
    border-radius: 6px;
}
	.show_menu .three .slots_list img {
		width: 100%;
		height: 100%;
	}
	.show_menu .three .slots_list .right {
		margin-right: 10px;
	}
		.show_menu .three .slots_list .right span {
			font-weight: 900;
		}
		.show_menu .three .slots_list .right img {
			width: 15px;
			height: 15px;
			margin-left:10px;
			margin-top:-4px;
		}
.product-group {
    width: 100%;
    /*background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/imgs/tinghgamebg2.webp');*/
    background-size: 100% 100%;
    color: #ffffff;
    text-align: center;
    /*border: 2px solid #89d988;*/
    border: 2px solid #0BFF00;
    border-radius: 6px;
}
.show_menu .content.others ul li {
	list-style: none;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 4px;
	float: left;
	position: relative;
}
	.show_menu .content.others ul li:nth-child(4n+4) {
		margin-right: 0;
	}
.show_menu .others .product-name {
	position: absolute;
	color: #fff;
	bottom: 5px;
	word-break: break-all;
	font-size: 13px;
	width: 100%;
	text-align: left;
	font-weight: bold;
	transform: scale(0.8);
    white-space:nowrap;
}

.daxie {
    text-transform: uppercase !important;
}
.MoreHiden{
    display:none !important;
}

.men_top{
    top:29px !important;
}

/*#lobbyRoot1 .men_top {
    top: -1px !important;
}*/

.pagePanel_top {
}
.oddsmen_left {
    bottom: 1496px !important;
}
.swiper-wrapper-div {
    width: 120px !important;
    background: #0e5b1e !important;
    height: 30px !important;
    line-height: 33px !important;
    border-bottom: 1px solid #000000;
    font-size: 13px;
}
.swiper-wrapper-div  img{
    width:15px;
    height:15px;
}
    .swiper-wrapper-div.active {
        background: rgb(39, 39, 39, 0.16) !important;
    }

.oddsmenimg{
    width:15px;
    height:15px;
}


.input-group input::-webkit-input-placeholder {
    font-size: 18px !important;
}

.input-group input:-ms-input-placeholder {
    font-size: 18px !important;
}

.input-group inputl::-ms-input-placeholder {
    font-size: 18px !important;
}

.input-group input::placeholder {
    font-size: 18px !important;
}

.input-group input:placeholder-shown {
    font-size: 18px !important;
}





.list-group .btn-betinputpla input::-webkit-input-placeholder {
    font-size: 9px !important;
    letter-spacing: -1px;
    font-family: monospace;
}

.list-group .btn-betinputpla input:-ms-input-placeholder {
    font-size: 9px !important;
    letter-spacing: -1px;
    font-family: monospace;
}

.list-group .btn-betinputpla inputl::-ms-input-placeholder {
    font-size: 9px !important;
    letter-spacing: -1px;
    font-family: monospace;
}

.list-group .btn-betinputpla input::placeholder {
    font-size: 9px !important;
    letter-spacing: -1px;
    font-family: monospace;
}

.list-group .btn-betinputpla input:placeholder-shown {
    font-size: 9px !important;
    letter-spacing: -1px;
    font-family: monospace;
}

.matchtable {
    /*background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/match_bg5.webp');*/
    padding: 25px 15px;
    width: 100%;
    max-width: 408px;
    height: 160px;
    position: relative;
    float: left;
    display: inline;
    box-sizing: border-box;
    background-size: 280px 130px;
    background-position: center;
    background-color: #c8ddc7;
}

    .matchtable .match-title {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

        .matchtable .match-title img {
            width: 67px !important;
            height: 53px !important;
        }

        .matchtable .match-title .competition-name {
            color: #000;
           /* text-shadow: 0 0.2px #000;*/
            font-size: 14px;
            /*font-weight: bold;*/
            max-width: 100%;
            text-align: center;
            word-break: break-word;
            line-height: 18px;
            padding: 10px 0;
        }

    .matchtable .match-details {
        border-top: 2px solid #ccc;
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 70px;
    }

        .matchtable .match-details .home-team {
            text-align: left;
            font-size: 13px;
            font-weight: bold;
            width: 35%;
            text-align: center;
            line-height: 22px;
        }

        .matchtable .match-details .match-time {
            width: 30%;
            text-align: center;
            font-size: 12px;
            color: #888;
        }

        .matchtable .match-details .away-team {
            text-align: right;
            font-size: 13px;
            font-weight: bold;
            width: 35%;
            text-align: center;
            line-height: 22px;
        }

        .matchtable .match-details p {
            color: #000000;
        }

        .matchtable .match-details span {
            display: block;
        }

.home-team.HomeGive p.tp, .away-team.AwayGive p.tp {
    color: #ff0000b5 !important ;
}

#wowslider-container {
    width: 100%;
    height: 320px;
    float: right;
    overflow: hidden;
    background-color: transparent !important;
}

.layui-carousel > [carousel-item]:before {
    position: absolute;
    content: '\e63d';
    left: 50%;
    top: 50%;
    width: 100px;
    line-height: 20px;
    margin: -10px 0 0 -50px;
    text-align: center;
    color: #c2c2c2;
    font-family: layui-icon !important;
    font-size: 30px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none !important;
}

.matchdiv {
    background-color: transparent !important;
    height: 320px;
}

.layui-layer-ico7 {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px !important;
    left: 15px;
    background: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/info32.webp') no-repeat !important;
}
.layui-layer-title {
    background: #1a881a !important;
/*    top: 18%;
    right: 8%;*/
}
.allgeme-div {
    display: block;
    margin: 0;
    padding: 0;
    width: 70%;
    height: 100%;
    float: right;
    overflow: auto;
}
    .allgeme-div .allgeme_list {
        width: 100%;
        height: 15.8%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 4px;
        /*border: 2px solid #89d988;*/
        border: 2px solid #0BFF00;
        border-radius: 6px;
    }
    .allgeme-div .allgeme_list img {
        width: 100%;
        height: 100%;
        border-radius:6px;
    }
.product-list .allgame {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/egame.webp');
    border: 2px solid #89d988;
}
.fullscreen-pagePanel {
    /* position:fixed !important;
    top: 30px;*/
}

.menu_div > ul#ulother {
    background-color: #fff;
}
.daxie.active {
    color:yellow !important;
}
#spanTopLiga.active {
    /*background-image: none !important;
    background-color: #ea3ced !important;*/
}
#spanTopLiga .live_top_red {
    width: 13px;
    height: 13px;
    left: 180px;
    top: 26px;
}

#spanTopLiga2 .live_top_red {
    width: 13px;
    height: 13px;
    left: 185px;
    top: 50px;
}

.live_top_red {
    background-color: red;
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 15px;
    top: 36px;
    left: 1.5px;
}
.Runningbadge {
    background-color: red;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    border-radius: 10px;
}
#visualizationPanel .TvbtnNeRongT.RTS {
    top: 286px !important;
    bottom:0px;
}
 




/*
    *************************************************
                       BUBBLE CHART
    *************************************************
*/
.cd-tour-wrapper {
    position: fixed;
    z-index: 10000;
    height: 90%;
    width: 90%;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    visibility: hidden;
    opacity: 0;
}


    .cd-tour-wrapper.active {
        /* start tour */
        visibility: visible;
        opacity: 1;
    }

.cd-tour-wrapper {
    /* reset style */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    color: #FFFFFF;
}

    .cd-tour-wrapper.active {
        visibility: hidden;
    }


.cd-tour-wrapper2 {
    position: fixed;
    z-index: 10000;
    height: 90%;
    width: 90%;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    visibility: hidden;
    opacity: 0;
}


.cd-tour-wrapper2.active {
    /* start tour */
    visibility: visible;
    opacity: 1;
}

.cd-tour-wrapper2 {
    /* reset style */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    color: #FFFFFF;
}

    .cd-tour-wrapper2.active {
        visibility: hidden;
    }



.cd-single-step {
    /* tour single step */
    position: absolute;
    z-index: 9999;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fefffb;
    /*	border-radius: 4px;*/
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

    .cd-single-step > span {
        position: relative;
        z-index: 9999;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: inherit;
        text-indent: 100%;
        white-space: nowrap;
    }

    .cd-single-step::after {
        /* this is used to create the pulse animation */
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: inherit;
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: none;
    }

.active .cd-single-step {
    /* tour started */
    -webkit-transform: scale(1) translateX(100%);
    -moz-transform: scale(1) translateX(100%);
    -ms-transform: scale(1) translateX(100%);
    -o-transform: scale(1) translateX(100%);
    transform: scale(1) translateX(100%);
}

    .active .cd-single-step.move-left {
        -webkit-transform: scale(1) translateX(-100%);
        -moz-transform: scale(1) translateX(-100%);
        -ms-transform: scale(1) translateX(-100%);
        -o-transform: scale(1) translateX(-100%);
        transform: scale(1) translateX(-100%);
    }

    .active .cd-single-step.is-selected {
        /* visible step */
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.cd-single-step {
    /* reset style */
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    /*		border-radius: 50%;*/
    visibility: hidden;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
}

    .cd-single-step:nth-of-type(1) {
        /* set tour points positions */
    /*    bottom: 89%;*/
		/*right: 42%;*/
        top: 92.5%;
    }

    .cd-single-step:nth-of-type(2) {
        /*bottom: 89%;
        right: 40%;*/
        top: 92.4%;
        left:20%;
    }

    .cd-single-step:nth-of-type(3) {
        /* bottom: 89%;
        right: 38%;*/
        top: 92.5%;
        left: 80%;
    }

    .cd-single-step:nth-of-type(4) {
        top: 92.5%;
        left: 80%;
    }

    .cd-single-step:nth-of-type(5) {
        top: 89%;
        right: 38%;
    }


    .cd-single-step > span, .cd-single-step::after {
        display: block;
    }

.cd-balance {
    background-image:url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/balance.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 78px;
    height: 75px;
}

    .cd-balance span {
        top: 4px;
        left: -26px;
    }

.cd-statement {
    /*    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/statementicon.webp');*/
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/statement.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 86px;
    height: 83px;
}

    .cd-statement span {
        top: 4px;
        left: -26px;
    }

.cd-more {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/more.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 84px;
    height: 81px;
}

    .cd-more span {
        top: 4px;
        left: -26px;
    }

.cd-more2 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/more.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 84px;
    height: 81px;
}

    .cd-more2 span {
        top: 4px;
        left: -26px;
    }

.cd-league {
    /*background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/closeicon.webp');*/
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/league.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 39px;
}

    .cd-league span {
        top: 4px;
        left: -26px;
    }

.cd-favo {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/favo.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 39px;
}

    .cd-favo span {
        top: 10px;
        left: -26px;
    }

.cd-lang {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/language.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 39px;
}

    .cd-lang span {
        top: 10px;
        left: -26px;
    }

.cd-betl {

    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/betlist2.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 86px;
    height: 83px;
}

    .cd-betl span {
        top: 10px;
        left: -26px;
    }


.active .cd-single-step, .active .cd-single-step.move-left {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-single-step.is-selected {
    visibility: visible;

}

    .cd-single-step.is-selected > span {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .cd-single-step.is-selected .cd-more-info {
        opacity: 1;
    }

@-webkit-keyframes cd-pulse {
    0% {
        box-shadow: 0 0 0 0 #ff962c;
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
    }
}

@-moz-keyframes cd-pulse {
    0% {
        box-shadow: 0 0 0 0 #ff962c;
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
    }
}

@keyframes cd-pulse {
    0% {
        box-shadow: 0 0 0 0 #ff962c;
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
    }
}

.cd-single-step .cd-more-info {
    z-index: 9999;
    padding: 1.5em;
    width: 100%;
}

    .cd-single-step .cd-more-info::after {
        clear: both;
        content: "";
        display: table;
    }

    .cd-single-step .cd-more-info::before {
        /* triangle next to the step description - hidden on mobile */
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        border: 6px solid transparent;
        display: none;
    }

    .cd-single-step .cd-more-info h2 {
        font-size: 1.2rem;
        line-height: 1.2;
        margin-bottom: .4em;
    }

    .cd-single-step .cd-more-info p {
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 1.4em;
        font-family: Georgia, serif;
        color: #FFFFFF;
    }

    .cd-single-step .cd-more-info img {
      /*  margin-bottom: 1.4em;*/
      margin-bottom: -0.6em;
    }

    .cd-single-step .cd-more-info span {
        /* step count e.g. 1 of 3*/
        float: left;
        padding-top: .1em;
        font-size: 1rem;
        font-family: Georgia, serif;
    }

.cd-single-step .cd-more-info {
    position: absolute;
    width: 356px;
    border-radius: 20px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    background-color: #105312;
    border-color: #fefffb;
}


    .cd-single-step .cd-more-info.more {
        /*top: calc(100% + 30px);*/
        top: -220px;
        right: 12px;
    }

    .cd-single-step .cd-more-info.statement {
        /* top: calc(100% + 30px);*/
        top: -180px;
        left: -60px;
    }

    .cd-single-step .cd-more-info.balance {
        /*top: calc(100% - 280px);*/
         /*top: calc(100% + 70px);*/
        top: -200px;
        left: 20px;
    }

    .cd-single-step .cd-more-info.more2 {
        /*top: calc(100% + 30px);*/
        /*top: -726px;
        right: 16px;*/
        top: -616px;
        right: 16px;
        height:599px
    }

    .cd-single-step .cd-more-info.league {
        top: calc(100% + 30px);
        left: -130px;
    }

    .cd-single-step .cd-more-info.favo {
        /*favo*/
        top: calc(100% + 34px);
        left: -90px ;
    }

    .cd-single-step .cd-more-info.lang {
        /*language*/
        top: calc(100% + 34px);
        left: -180px;
    }

    .cd-single-step .cd-more-info.betl {
        /*Bet List*/
        top: calc(100% - 291px);
        left:20px;
    }

    }

.cd-single-step .cd-more-info {
    /*left: -290%;*/
}

    .cd-single-step .cd-more-info.cdvideo {
/*        width: 300px;
        top: calc(100% - 720px);
        left: -93%;*/
        width: 350%;
        height: 6000%;  
        top: -5820%;
        left: -121%;
    }

.cd-video {
    top: 20%;
    left: 35%;
}

.is-selected .cd-single-step .cd-more-info {
    opacity: 1;
}

.cd-tour-nav {
    float: right;
}

    .cd-tour-nav::after {
        clear: both;
        content: "";
        display: table;
    }

    .cd-tour-nav li {
        display: inline-block;
        float: left;
    }

        .cd-tour-nav li:first-of-type {
            margin-right: 1.5em;
        }

    .cd-tour-nav a {
        font-size: 1rem;
        color: #FFFFFF;
        font-weight: bold;
    }

        .cd-tour-nav a.inactive {
            /* item not clickable */
            color: #cbccc8;
            cursor: not-allowed;
        }

.cd-cover-layer {
    /* background cover layer - visible when tour is activated */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
}

    .cd-cover-layer.is-visible {
        opacity: 1;
        visibility: visible;
    }

    .cd-cover-layer.is-visible {
        opacity: 1;
    }

    .cd-single-step .cd-more-info .cd-close2 {
        /* 'X' icon to skip the tour */
        position: absolute;
        top: 10px;
        right: 10px;
        width: 32px;
        height: 32px;
        /* replace text with background images */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }

    .cd-single-step .cd-more-info .cd-close2::after, .cd-single-step .cd-more-info .cd-close2:before {
        /* these are the 2 lines of the 'X' icon */
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        height: 2px;
        width: 16px;
        border-radius: 4em;
        background-color: #cbccc8;
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .cd-single-step .cd-more-info .cd-close2::after {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }

    .cd-single-step .cd-more-info .cd-close2::before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }

[contenteditable="true"], input, textarea {
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;
}

.flags_1 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/english.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 8px;
}

.flags_2 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/china.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 8px;
}

.flags_3 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/chinafanti.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 8px;
}

.flags_4 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/indonesia.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 8px;
}

.flags_5 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/korea.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 8px;
}

.flags_6 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/thai.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 8px;
}

.flags_7 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/turkey.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 8px;
}

.flags_8 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/veitnam.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 5px;
}

.flags_9 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/h50/img/mymy.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 5px;
}

.flags_10 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/w0/img/enlo.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 5px;
}
.flags_11 {
    background-image: url('https://d2dgys6tg64hrs.cloudfront.net/w0/img/cambodia.webp');
    background-size: 100% 100%;
    width: 28px;
    height: 7px;
    margin-bottom: 5px;
}

.cflog {
    width: 25px;
    height: 15px;
    padding-right: 5px;
    float: left;
}
.flogt {
    display: none;
    position: absolute;
    color: #fff;
    font-size: 12px;
    background: #1a351a;
    z-index: 999;
    text-align: center;
    padding: 5px;
    border: 1px solid #827634;
    border-radius: 8px;
}

.flogt li {
    padding: 5px 0;
    cursor: pointer;
}
.lang-wrap{
    position:absolute;
    right:0px;
    top:15px;
}
#lstMultiPar2{
    z-index:99;
    width:50%;
}

.stake.input-groupd input::placeholder {
    color: black !important;
}

.stake.input-groupd input::-webkit-input-placeholder {
    color: black !important;
}

.stake.input-groupd input:-moz-placeholder {
    color: black !important;
    opacity: 1;
}

.stake.input-groupd input::-moz-placeholder {
    color: black !important;
    opacity: 1;
}

.stake.input-groupd input:-ms-input-placeholder {
    color: black !important;
}

.stake.input-groupd input::-ms-input-placeholder {
    color: black !important;
}

.stake.input-groupd input:placeholder-shown {
    color: black !important;
}


.btn.btn-betinputpla input::placeholder {
    color: black !important;
}

.btn.btn-betinputpla input::-webkit-input-placeholder {
    color: black !important;
}

.btn.btn-betinputpla input:-moz-placeholder {
    color: black !important;
    opacity: 1;
}

.btn.btn-betinputpla input::-moz-placeholder {
    color: black !important;
    opacity: 1;
}

.btn.btn-betinputpla input:-ms-input-placeholder {
    color: black !important;
}

.btn.btn-betinputpla input::-ms-input-placeholder {
    color: black !important;
}

.btn.btn-betinputpla input:placeholder-shown {
    color: black !important;
}


div#selectslotPanel, div#selectCasinoPanel, div#selectOtherPanel {
    top: 90px;
}

#selectslotPanel .content, #selectCasinoPanel .content, #selectOtherPanel .content {
    background: #008d2b;
}

.header.content .slots_list img, .header.content .allgeme_list img {
    width: 110px;
}

.header.content .slots_list, .header.content .allgeme_list {
    display: inline-block;
    margin: 6px;
    text-align: center;
    vertical-align: top;
    width: 28%;
    /*width: 110px;*/
}

.btn-betinputpla-err {
    position: absolute !important;
    top: 53px !important;
    right: 29px !important;
}
.btn-clear-err {
    top: 38px !important;
}
.list-team-text-err {
    margin-top: 25px !important;
    width: 65%;
}
.InputAction {
    border: 2px solid red !important;
    animation: glow 800ms ease-out infinite alternate;
}

@keyframes glow {
    0% {
        box-shadow: 0 0 2px red, inset 0 0 2px rgba(252, 94, 94, .1), 0 1px 0 #d70c19;
    }

    100% {
        border-color: #d70c19;
        box-shadow: 0 0 3px red, inset 0 0 3px rgba(252, 94, 94, .4), 0 1px 0 #d70c19;
    }
}
.cashio-div {
    display: block;
    margin: 0;
    padding: 0;
    width: 70%;
    height: 100%;
    float: right;
    overflow: auto;
}

    .cashio-div .cashio_list {
        width: 100%;
        height: 15.8%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 4px;
        border: 2px solid #0BFF00;
        border-radius: 6px;
    }

        .cashio-div .cashio_list img {
            width: 100%;
            height: 100%;
            border-radius: 6px;
        }
ul#languageListheader {
    height: 310px !important;
}

.hideleague {
    display: none !important;
}

.blinkArea {
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        color: white;
        font-weight: 600;
    }

    50% {
        color: yellow;
        font-weight: 700;
    }

    100% {
        color: white;
        font-weight: 600;
    }
}