﻿@media(max-width:767px) {
    .roul_table {
        top: 15px;
        transform: scale(1.7);
        transform-origin: left center;
        height: 1112px;
        width: 1300px;
        left: 0;
    }
}

.roul_num_middle_w > div.active_WinNum > div {
    color: #fff;
}

@media(max-width:767px) {
    .mutButRo {
        right: 10%;
        top: 188px;
    }
}

.roulbg_W_w {
    pointer-events: none;
}

    .roulbg_W_w > .roulbg_W {
        pointer-events: all;
    }

.Fetch_Draw {
    border-radius: 0;
}

.StatisticsCloseBut {
    display: none;
}

@media(max-width:767px) {
    .roul_tableW.active .roul_table {
        left: -191px;
    }
}

._pointEventNone {
    pointer-events: none !important;
}

.roul_tableW.active .roul_num_middle_w {
    width: 84%;
    left: 8%;
}

.roul_tableW.active .roul_num_bottom_w {
    width: 72%;
    left: 14%;
}

.cur_drawWNew {
    top: inherit;
    bottom: 26%;
    left: 2px;
}

@media(max-width:767px) {
    .cur_drawWNew {
        bottom: 167px;
        left: 41%;
        transform: rotate(-90deg) scale(2);
        width: 310px;
        height: 81px;
        transform-origin: center;
    }

        .cur_drawWNew > span:before {
            transform: translate(-50%,-50%) rotate(90deg);
        }
}

@media(max-width:767px) {
    .roul_tableW.active .cur_drawWNew {
        bottom: 175px;
        left: -89px;
    }
}

.cur_drawWNew > span {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    background-color: rgba(0,0,0,.3);
    position: relative;
    padding: 0 0 0 40px;
    white-space: nowrap;
    line-height: 32px;
    font-size: 12px;
}

    .cur_drawWNew > span:before {
        position: absolute;
        content: "";
        width: 45px;
        height: 45px;
        left: 0;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        border-radius: 100%;
        background-color: #004a41;
        content: "";
        text-align: center;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 18px;
        padding: 13px;
        -webkit-animation-name: cur_drawWNewAni;
        -webkit-animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        animation-name: cur_drawWNewAni;
        animation-duration: .5s;
        animation-iteration-count: infinite;
    }

#VRHelpBg_w {
    margin-top: 74px;
    margin-bottom: 10px;
}

@media(max-width:767px) {
    #VRHelpBg_w {
        transform: rotate(90deg);
        margin-top: 10px;
        margin-bottom: 64%;
    }

        #VRHelpBg_w.active {
            margin-bottom: 45%;
        }

        #VRHelpBg_w .roul_table_Bg {
            display: none;
        }
}

#VRHelpBg_w .roul_tableW .roulbg_W {
    width: 400px;
    height: 400px;
    left: -2%;
    top: -11%;
}

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW .roulbg_W {
        width: 400px;
        height: 400px;
        top: 541px !important;
        left: 0 !important;
        transform: translateY(-50%);
    }
}

#VRHelpBg_w .roul_tableW.active .roulbg_W {
    width: 110px;
    height: 110px;
    top: -6px;
    left: -14px;
}

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW.active .roulbg_W {
        left: 101px !important;
        top: 264px !important;
    }
}

#VRHelpBg_w .roul_tableW {
    width: 1300px;
    height: 625px;
    left: 50%;
    position: absolute;
    transform-origin: left top;
    margin: 0;
    padding: 0;
}

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW {
        height: 1300px;
    }
}

#VRHelpBg_w .roul_tableW .roul_table_Bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

#VRHelpBg_w .roul_tableW.active .roul_num_middle_w > div > div {
    width: 75%;
    height: 87.47%;
}

#VRHelpBg_w .roul_tableW.active .roul_num_top_w {
    width: 925px;
    height: 121px;
    left: 17%;
    transform: scale(1);
    transform-origin: right;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w {
    background-color: transparent;
    border: none;
    width: 925px;
    height: 121px;
    top: 9%;
    left: 20%;
    transform: scale(.8);
    transform-origin: right;
}

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW .roul_num_top_w {
        transform: scale(1.1);
        top: 19%;
    }
}

#VRHelpBg_w .roul_tableW .roul_num_top_w > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    background-color: transparent !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nb-chip-w {
        pointer-events: none;
        z-index: 1;
        top: -5px !important;
    }

        #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nb-chip-w > label {
            width: 27px;
            height: 27px;
            transform: translate(0) !important;
        }

    #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nd-middleBet-w {
        pointer-events: none;
    }

        #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nd-middleBet-w > label {
            width: 27px;
            height: 27px;
            transform: translate(0) !important;
            top: 42px;
        }

            #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nd-middleBet-w > label:nth-child(1) {
                left: 89px;
            }

            #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nd-middleBet-w > label:nth-child(2) {
                left: 269px;
            }

            #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nd-middleBet-w > label:nth-child(3) {
                left: 466px;
            }

            #VRHelpBg_w .roul_tableW .roul_num_top_w > div.nd-middleBet-w > label:nth-child(4) {
                left: 661px;
            }

#VRHelpBg_w .roul_tableW .roul_num_top_w .st0 {
    fill: #02302a;
    stroke: #eda124;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st1 {
    fill: #eda124;
    stroke: #eda124;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st2 {
    opacity: .35;
    fill: url(#SVGID_1_);
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st4 {
    font-size: 24.5748px;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st5 {
    font-size: 14px;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st6 {
    fill: #eda124;
    stroke: #f9c887;
    stroke-miterlimit: 10;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st7 {
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

    #VRHelpBg_w .roul_tableW .roul_num_top_w .st7._activeColor {
        fill: #f0ad40;
    }

#VRHelpBg_w .roul_tableW .roul_num_top_w .st8 {
    display: none;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st9 {
    fill: #24af30;
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

    #VRHelpBg_w .roul_tableW .roul_num_top_w .st9._activeColor {
        fill: #f0ad40;
    }

#VRHelpBg_w .roul_tableW .roul_num_top_w .st10 {
    fill: #f00;
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

    #VRHelpBg_w .roul_tableW .roul_num_top_w .st10._activeColor {
        fill: #f0ad40;
    }

#VRHelpBg_w .roul_tableW .roul_num_top_w .st11 {
    fill: #141414;
    stroke: #fff;
    stroke-miterlimit: 10;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st12 {
    fill: #004a41;
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

    #VRHelpBg_w .roul_tableW .roul_num_top_w .st12:hover {
        fill: #012420;
    }

#VRHelpBg_w .roul_tableW .roul_num_top_w .st13 {
    fill: #fff;
    pointer-events: none !important;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st15 {
    font-size: 23.761px;
}

#VRHelpBg_w .roul_tableW .roul_num_top_w .st16 {
    font-size: 21.9441px;
}

#VRHelpBg_w .roul_tableW .roul_num_middle_w {
    border-radius: 100px 0 0 73px;
}

    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div {
        background-color: #014a41;
    }

        #VRHelpBg_w .roul_tableW .roul_num_middle_w > div > div {
            width: 75%;
            height: 63.54%;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #fff;
        }

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div > div {
        width: 60px !important;
        height: 60px !important;
        font-size: 34px;
    }
}

#VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle_0 {
    border-radius: 106px 0 0 100px;
    border-bottom: 2px solid #fff;
    height: 100%;
}

    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle_0 > div {
        transform: rotate(0deg);
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        transform-origin: center;
        left: 2px;
        top: 2px;
        border-radius: 100px 0 0 95px;
        border: none;
    }

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle_0 > div {
        width: calc(100% - 4px) !important;
        height: calc(100% - 4px) !important;
    }
}

#VRHelpBg_w .roul_tableW .roul_num_bottom_w > div {
    background-color: #014a41;
}

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div {
        font-size: 30px;
    }
}

#VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5, #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_6 {
    background-color: #014a41;
}

    #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5 > span, #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_6 > span {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 68px;
        height: 49px;
        transform: translate(-50%,-50%);
    }

        #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5 > span > span, #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_6 > span > span {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            font-size: 16px;
        }

        #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5 > span:after, #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_6 > span:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border: 25px solid transparent;
            border-right: 45px solid #f00;
            left: 0;
            top: 0;
            transform: translateX(-50%);
        }

        #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5 > span:before, #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_6 > span:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border: 25px solid transparent;
            border-left: 45px solid #f00;
            transform: translateX(50%);
            left: 0;
            top: 0;
        }

        #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5 > span:after {
            border-right: 45px solid #000;
        }

        #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5 > span:before {
            border-left: 45px solid #000;
        }

.VR_bet-bt {
    width: 60px;
    height: 60px;
    position: relative;
    background: #c36c12;
    background: linear-gradient(3deg,#c36c12 35%,#e5df29 100%);
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 100%;
    box-shadow: 0 6px 12px -9px black;
    outline: none !important;
    cursor: pointer;
}

    .VR_bet-bt > span {
        position: absolute;
        left: 2px;
        top: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        border-radius: 100%;
        font-size: 14px;
        line-height: 15px;
        font-weight: 600;
        color: #fff;
        background-color: #104bb1;
    }

        .VR_bet-bt > span:active {
            background-color: #043a97;
        }

        .VR_bet-bt > span:before, .VR_bet-bt > span:after {
            content: '';
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            border-radius: 100%;
            transform: rotate(-42deg);
            transition: 1s;
        }

        .VR_bet-bt > span:before {
            border-top: 4px solid rgba(255,255,255,.2);
            border-right: 4px solid rgba(255,255,255,.2);
        }

        .VR_bet-bt > span:after {
            border-left: 4px solid rgba(0,0,0,.2);
            border-bottom: 4px solid rgba(0,0,0,.2);
        }

        .VR_bet-bt > span:hover:before {
            transform: rotate(90deg);
        }

        .VR_bet-bt > span:hover:after {
            transform: rotate(90deg);
        }

    .VR_bet-bt.VR-snakeBet {
        background-color: #104bb1;
    }

        .VR_bet-bt.VR-snakeBet:active {
            background-color: #043a97;
        }

    .VR_bet-bt.VR-red-split > span {
        background-color: #e1210c;
    }

        .VR_bet-bt.VR-red-split > span:active {
            background-color: #bd1707;
        }

    .VR_bet-bt.VR-black-split > span {
        background-color: #340e0a;
    }

        .VR_bet-bt.VR-black-split > span:active {
            background-color: #200704;
        }

    .VR_bet-bt.VR-complete-split {
        position: absolute;
        right: -67px;
        top: 50%;
        transform: translateY(-50%);
        width: 100px;
        height: 55px;
        border-radius: 10px;
    }

        .VR_bet-bt.VR-complete-split > span {
            background-color: #0b520c;
            width: 96px;
            border-radius: 10px;
        }

            .VR_bet-bt.VR-complete-split > span:before, .VR_bet-bt.VR-complete-split > span:after {
                width: 96px;
                border-radius: 10px;
                transform: rotate(0);
            }

            .VR_bet-bt.VR-complete-split > span:active {
                background-color: #053806;
            }

.roul_chipW {
    display: flex;
    padding: 0 10% 0 3%;
}

@media(max-width:767px) {
    .roul_chipW {
        padding: 0 15% 0 6%;
        bottom: 58px;
    }
}

.roul_chipW > div {
    display: flex;
    flex-grow: 1;
    margin: 0;
}

@media(max-width:767px) {
    .roul_chipW > div {
        justify-content: center;
    }
}

.roul_chipW > div:hover {
    transform: scale(1);
}

.roul_chipW > div:first-child > img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    position: unset;
    margin: 0 3px;
}

@media(max-width:767px) {
    .roul_chipW > div:nth-child(2) {
        margin-right: -134px;
    }
}

.roul_chipW > div:nth-child(2) > div {
    width: 65px;
    height: 65px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: 1s;
    background-position: center !important;
}

    .roul_chipW > div:nth-child(2) > div.roul_chip1 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_1.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip1:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip1.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_1_A.png);
            transform: scale(1.2);
        }

    .roul_chipW > div:nth-child(2) > div.roul_chip2 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_2.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip2:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip2.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_2_A.png);
            transform: scale(1.2);
        }

    .roul_chipW > div:nth-child(2) > div.roul_chip3 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_3.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip3:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip3.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_3_A.png);
            transform: scale(1.2);
        }

    .roul_chipW > div:nth-child(2) > div.roul_chip4 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_4.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip4:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip4.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_4_A.png);
            transform: scale(1.2);
        }

    .roul_chipW > div:nth-child(2) > div.roul_chip5 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_5.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip5:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip5.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_5_A.png);
            transform: scale(1.2);
        }

    .roul_chipW > div:nth-child(2) > div.roul_chip6 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_6.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip6:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip6.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_6_A.PNG);
            transform: scale(1.2);
        }

    .roul_chipW > div:nth-child(2) > div.roul_chip7 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_7.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip7:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip7.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_7_A.png);
            transform: scale(1.2);
        }

    .roul_chipW > div:nth-child(2) > div.roul_chip8 {
        background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_8.png);
    }

        .roul_chipW > div:nth-child(2) > div.roul_chip8:hover {
            transform: scale(1.2);
        }

        .roul_chipW > div:nth-child(2) > div.roul_chip8.active {
            background: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/chip_8_A.png);
            transform: scale(1.2);
        }

.roul_chipW > div:last-child {
    justify-content: flex-end;
}

    .roul_chipW > div:last-child > button {
        margin: 0 3px;
    }

.tablefullscreen_New {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #004a41;
    top: 0;
    left: 0;
}

    .tablefullscreen_New > div {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: 1s;
        background-color: #004a41;
    }

        .tablefullscreen_New > div > .roul_w_middle {
            width: 1364px;
            height: 800px;
            position: absolute;
            left: 50%;
            top: 0;
            background-color: #004a41;
            margin: 0;
            transform-origin: left top;
            min-height: 625px;
        }

            .tablefullscreen_New > div > .roul_w_middle .roul_table_Bg {
                display: none;
            }

            .tablefullscreen_New > div > .roul_w_middle .roul_table {
                height: 100%;
                min-height: 100%;
            }

            .tablefullscreen_New > div > .roul_w_middle .VR-bet_left {
                padding-left: 65px;
            }

            .tablefullscreen_New > div > .roul_w_middle .roul_chipW > div:nth-child(2) > div {
                background-position: center !important;
            }

            .tablefullscreen_New > div > .roul_w_middle .mutButRo {
                right: 6.8%;
                z-index: 1;
            }

            .tablefullscreen_New > div > .roul_w_middle .roulbg_W {
                width: 500px !important;
                height: 500px !important;
                left: 50% !important;
                top: 50% !important;
                transform: translate(-50%,-50%);
            }

            .tablefullscreen_New > div > .roul_w_middle .roul_tableW.active .roulbg_W {
                width: 99px !important;
                height: 99px !important;
                top: 13% !important;
                transform: translate(0);
                left: 7% !important;
            }

            .tablefullscreen_New > div > .roul_w_middle #VRHelpBg_w {
                position: absolute;
                height: 100% !important;
                width: 100%;
                margin: 0;
                left: 0;
                top: -30px;
            }

                .tablefullscreen_New > div > .roul_w_middle #VRHelpBg_w > div > * {
                    transform: scale(1.1);
                }

                .tablefullscreen_New > div > .roul_w_middle #VRHelpBg_w .roul_tableW {
                    left: 0;
                    width: 100%;
                    height: 100%;
                    transform: scale(1) !important;
                    position: absolute;
                }

                    .tablefullscreen_New > div > .roul_w_middle #VRHelpBg_w .roul_tableW .roul_num_top_w {
                        top: 13%;
                        left: 284px;
                        transform: scale(1.05) !important;
                    }

            .tablefullscreen_New > div > .roul_w_middle .roulbg_W_w {
                background-color: rgba(0,0,0,.8);
                z-index: 3;
            }

            .tablefullscreen_New > div > .roul_w_middle .roul_tableW.active .roulbg_W_w {
                background-color: transparent;
                z-index: 0;
            }

            .tablefullscreen_New > div > .roul_w_middle .maxBetWinW {
                display: none;
            }

            .tablefullscreen_New > div > .roul_w_middle .c_draw_idTime_W {
                display: flex;
                position: absolute;
                z-index: 11;
                width: 40%;
                left: 0;
                top: calc(100% - 84px);
            }

                .tablefullscreen_New > div > .roul_w_middle .c_draw_idTime_W > div {
                    width: 100%;
                }

@media(max-width:1350px) {
    .tablefullscreen_New > div > .roul_w_middle .c_draw_idTime_W {
        top: calc(100% - 64px);
    }
}

.tablefullscreen_New > div > .roul_w_middle .c_draw_idTime_W > div:first-child {
    margin: auto;
    position: unset;
}

.tablefullscreen_New > div > .roul_w_middle #VRHelpBg_w .roul_tableW .roul_num_middle_w > div > div {
    height: 60px;
    width: 60px;
}

@media(max-width:1400px) {
    .tablefullscreen_New > div > .roul_w_middle #VRHelpBg_w .roul_tableW .roul_num_middle_w > div > div {
        height: 45px;
        width: 45px;
    }
}

.tablefullscreen_New > div > .roul_w_middle #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle_0 > div {
    width: calc(100% - 4px) !important;
    height: calc(100% - 4px) !important;
}

.tablefullscreen_New > div > .roul_w_middle .roulbg_W_w {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.tablefullscreen_New > div > .roul_w_middle .roul_tableW .roul_num_middle_w {
    width: 84%;
    left: 8%;
}

.tablefullscreen_New > div > .roul_w_middle .roul_tableW .roul_num_bottom_w {
    width: 72%;
    left: 14%;
}

.tablefullscreen_New > div > .roul_w_middle .roul_chipW {
    bottom: 5%;
}

.tablefullscreen_New > div > .roul_w_middle .mutButRo {
    top: 66%;
    right: 10%;
}

.tablefullscreen_New > div > .roul_w_middle .tablepopupBut {
    top: 72% !important;
}

.tablefullscreen_New > div > .roul_w_middle .cur_drawWNew {
    width: 37%;
    left: 63%;
    display: flex;
    bottom: -7px;
}

@media(max-width:767px) {
    .tablefullscreen_New > div .c_draw_idTime_W {
        position: unset;
    }

    .tablefullscreen_New > div .cur_drawW {
        width: 100%;
        top: -175px;
    }
}

@media(max-width:1023px) {
    .mutButRo.tablepopupBut {
        display: none !important;
    }
}

@media(max-width:767px) {
    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div > div {
        font-size: 30px;
    }

    .roul_num_bottom_w > div > span, .roul_num_top_w > div > span {
        font-size: 30px;
    }

    #VRHelpBg_w .roul_tableW .roul_num_top_w .st5 {
        font-size: 18px;
    }

    #VRHelpBg_w .roul_tableW .roul_num_top_w .st15 {
        font-size: 25px;
    }

    #VRHelpBg_w .roul_tableW .roul_num_top_w .st4 {
        font-size: 34px;
    }
}

._chip_2 {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #f00;
}

.loadTable {
    width: 100%;
    height: 100%;
    background-color: #014a41;
    z-index: 10000;
    position: absolute;
    left: 0;
    display: flex;
}

    .loadTable .lds-ripple {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
        margin: auto;
    }

        .loadTable .lds-ripple div {
            position: absolute;
            border: 4px solid #fff;
            opacity: 1;
            border-radius: 50%;
            animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
        }

            .loadTable .lds-ripple div:nth-child(2) {
                animation-delay: -.5s;
            }

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.StatisticsBut {
    display: none;
}

.roul_w_middle_MB .tablefullscreen_New {
    position: fixed;
    left: 0;
    top: 0;
}

.roul_w_middle_MB .StatisticsCloseBut {
    display: none;
}

    .roul_w_middle_MB .StatisticsCloseBut.active {
        display: flex;
        position: fixed;
        top: 38px;
        right: 4px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        background-color: rgba(255,0,0,.5);
        line-height: 29px;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

.roul_w_middle_MB .fullsecreen_W_JS {
    padding: 0;
    z-index: 10000;
    position: relative;
}

.roul_w_middle_MB #VRHelpBg_w {
    transform: rotate(0);
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}

.roul_w_middle_MB .menu_bar_w {
    display: none;
}

.roul_w_middle_MB .c_draw_idTime_W {
    left: 2px;
    padding: 0 32px;
}

.roul_w_middle_MB .mobileviewTable {
    position: ABSOLUTE;
    background-color: #000;
    left: 0;
    top: 34px;
    width: 100%;
    height: calc(100% - 34px);
}

    .roul_w_middle_MB .mobileviewTable > .px-4 {
        padding: 0 !important;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media(max-width:767px) {
    .roul_w_middle_MB .mobileviewTable > .px-4 {
        overflow: hidden;
    }
}

.roul_w_middle_MB #VRHelpBg_w .roul_tableW {
    width: 1300px !important;
    height: 625px !important;
}

.roul_w_middle_MB .roul_table {
    left: -98px !important;
    top: -17px !important;
    transform: scale(1.15) !important;
    height: 100% !important;
    width: 100% !important;
    transform-origin: left center;
}

.roul_w_middle_MB .cur_drawWNew {
    display: none;
}

.roul_w_middle_MB #VRHelpBg_w .roul_tableW .roul_num_top_w {
    top: 10.5%;
}

.roul_w_middle_MB .roul_chipW {
    padding: 0 14% 0 3% !important;
    bottom: 30px !important;
}

.roul_w_middle_MB .helpBut {
    width: 24px;
    height: 24px;
    border-radius: 100% !important;
    left: auto;
    right: 20px;
    top: 89%;
}

    .roul_w_middle_MB .helpBut > span {
        display: none;
    }

    .roul_w_middle_MB .helpBut > i {
        margin: 0;
    }

.roul_w_middle_MB #VRHelpBg_w .roul_tableW .roulbg_W {
    width: 400px;
    height: 400px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}

.roul_w_middle_MB #VRHelpBg_w .roul_tableW.active .roulbg_W {
    left: 155px !important;
    top: 121px !important;
    width: 110px !important;
    height: 110px !important;
}

.roul_w_middle_MB .roulbg_W_w {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 2;
}

.roul_w_middle_MB .roul_tableW.active .roulbg_W_w {
    background-color: transparent;
    z-index: 0;
}

.roul_w_middle_MB .mutButRo {
    right: 9.5%;
    top: 66%;
}

.roul_w_middle_MB .statistics_W {
    float: left;
    width: 100%;
    z-index: 1;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    height: 100%;
    overflow: AUTO;
}

    .roul_w_middle_MB .statistics_W.active {
        display: block;
    }

.roul_w_middle_MB .StatisticsBut {
    position: absolute;
    z-index: 0;
    line-height: 32px;
    width: 85px;
    text-align: center;
    background-color: #006b32;
    border: 1px solid #006b32;
    bottom: 183px;
    left: 86px;
    font-size: 18px;
    border-radius: 4px;
    display: block;
}

    .roul_w_middle_MB .StatisticsBut.active {
        font-size: 0;
        position: fixed;
        top: 38px;
        right: 4px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        background-color: rgba(255,0,0,.5);
        line-height: 29px;
        border: none;
        z-index: 2;
        left: auto;
    }

        .roul_w_middle_MB .StatisticsBut.active > span {
            font-size: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .roul_w_middle_MB .StatisticsBut.active > span:before {
                content: "";
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-size: 15px;
            }

.roul_w_middle_MB .roul_w_middle {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
}

.roul_w_middle_MB .roul_tableW .roul_num_middle_w {
    width: 84%;
    left: 8%;
}

.roul_w_middle_MB .roul_tableW .roul_num_bottom_w {
    width: 72%;
    left: 14%;
}

.roul_w_middle_MB #VRHelpBg_w .roul_tableW .roul_num_top_w {
    width: 925px;
    height: 121px;
    left: 16%;
    transform: scale(1);
    transform-origin: right;
}

.roul_w_middle_MB .Mb_animatiobBgClose {
    position: fixed;
    right: 10px;
    top: 15%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #f00;
    font-size: 14px;
    background-color: #555;
    border-radius: 100%;
    z-index: 51;
    display: block;
}

.roul_w_middle_MB .Mb_animatonWheelclick {
    position: fixed;
    left: 9px;
    top: 39px;
    width: 77px;
    height: 77px;
    z-index: 51;
    border-radius: 100%;
}

.roul_w_middle_MB .roul_w_middle {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
}

.roul_w_middle_MB .maxBetWinW {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.roul_w_middle_MB #VRHelpBg_w .roul_table_Bg {
    display: none !important;
}

.roul_w_middle_MB #VRHelpBg_w .roul_tableW .roul_num_middle_w > div > div {
    font-size: 24px;
}

.roul_w_middle_MB .roul_num_bottom_w > div > span, .roul_w_middle_MB .roul_num_top_w > div > span {
    font-size: 24px;
}

.roul_w_middle_MB #VRHelpBg_w .roul_tableW .roul_num_top_w .st5 {
    font-size: 18px;
}

.roul_w_middle_MB #VRHelpBg_w .roul_tableW .roul_num_top_w .st4 {
    font-size: 34px;
}

@media(max-width:767px) {
    .mobileviewTable > .px-4 {
        overflow: hidden;
    }
}

.roul_num_middle_w.redSplit > div.active.numMiddle_4 > span:nth-child(3),
.roul_num_middle_w.redSplit > div.active.numMiddle_7 > span:nth-child(3),
.roul_num_middle_w.redSplit > div.active.numMiddle_33 > span:nth-child(3),
.roul_num_middle_w.redSplit > div.active.numMiddle_10 > span:nth-child(3),
.roul_num_middle_w.blackSplit > div.active.numMiddle_17 > span:nth-child(3),
.roul_num_middle_w.blackSplit > div.active.numMiddle_31 > span:nth-child(3),
.roul_num_middle_w.blackSplit > div.active.numMiddle_20 > span:nth-child(3),
.roul_num_middle_w.blackSplit > div.active.numMiddle_37 > span:nth-child(3),
.roul_num_middle_w.blackSplit > div.active.numMiddle_30 > span:nth-child(4),
.roul_num_middle_w.blackSplit > div.active.numMiddle_36 > span:nth-child(4),
.roul_num_middle_w.blackSplit > div.active.numMiddle_23 > span:nth-child(3) {
    border: 2px dotted #fff !important;
    border-radius: 100%;
}

.VR_bet-bt.VR-complete-split > span.active {
    background-color: #df5c00;
}

.soldOutIcon_num_top1 {
    left: 11% !important;
    top: 45% !important;
}

.soldOutIcon_num_top2 {
    left: 31% !important;
    top: 45% !important;
}

.soldOutIcon_num_top3 {
    left: 52% !important;
    top: 45% !important;
}

.soldOutIcon_num_top4 {
    left: 73% !important;
    top: 45% !important;
}

._chipFotter {
    font-size: 10px;
    line-height: 8px;
    display: block;
}


/*.roul_num_middle_w > div > span.activeCompletebet {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 21;
}
*/
.Completeactive.roul_num_middle_w > div > span:not(.activeCompletebet) {
    pointer-events: none;
}

.chipSelected {
    background-size: 80% !important;
}

.VR-complete-split {
    cursor: pointer;
}

    .VR-complete-split > span i {
        color: #212529;
    }

    .VR-complete-split:hover > span i {
        color: #fff;
    }

.disable {
    pointer-events: none !important;
}


.zindex101 {
    z-index: 101;
}

.roul_chipW > div:nth-child(2) {
    z-index: 1;
}

#VRHelpBg_w .roul_tableW .roul_num_middle_w > div > div {
    border: none;
}

#VRHelpBg_w .roul_tableW .roul_num_middle_w > div.active_WinNum > div {
    color: #000;
}

#VRHelpBg_w .roul_tableW .roul_num_bottom_w > div {
    background-color: #009948;
}

    #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div:hover {
        background-color: #1bbb66;
    }

    #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5, #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_6 {
        background-color: #009948;
    }

        #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_5:hover, #VRHelpBg_w .roul_tableW .roul_num_bottom_w > div.numBottom_6:hover {
            background-color: #1bbb66;
        }

#VRHelpBg_w .roul_tableW .roul_num_top_w .st12 {
    fill: #009948;
}

.roul_W {
    left: 13%;
    top: 13%;
    width: 74%;
    height: 74%;
}

#VRHelpBg_w .roul_tableW .roulbg_W:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn2.ysecit.com/betting/WebPortal/Images/VirtualRoulette/roulbgTop.png);
    z-index: 11;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
}

#VRHelpBg_w .ball {
    margin: 0 0 0 -6px;
    width: 12px;
    height: 12px;
}

.balls {
    left: 50% !important;
    top: 50% !important;
    transform-origin: left top;
}

.uib-datepicker-popup table tbody tr td.h6 {
    margin-bottom: 0 !important;
}


.uib-datepicker-popup table thead tr:first-child th:first-child > button:before, .uib-datepicker-popup table thead tr:first-child th:last-child > button:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.uib-datepicker-popup table thead tr:first-child th:last-child > button:before {
    content: "\f061";
}

.uib-datepicker-popup table thead tr:first-child th:first-child > button:before {
    content: "\f060";
}

uib-datepicker-popup table thead tr:first-child th:first-child > button i, .uib-datepicker-popup table thead tr:first-child th:last-child > button i {
    display: none !important;
}

#VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle__snake {
    background-color: #009949;
    right: -2px !important;
    position: absolute !important;
    top: calc(100% + 0px) !important;
    border: 2px solid #fff !important;
    height: calc(33% + -6px) !important;
    border-top: none !important;
    border-left: none !important;
}

    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle__snake > div {
        transform: rotate(0deg) translate(-50%,-50%) !important;
        font-size: 16px !important;
        line-height: 16px;
        left: 50%;
        top: 50%;
    }

    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle__snake > span {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        border: none !important;

    }
        #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle__snake > span > label {
            width: 50%;
            height: 50%;
            left: 25%;
            top: 25%;
        }

    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle__snake:before {
        display: none !important
    }
    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle__snake:hover {
        background-color: rgb(27, 187, 102) !important;
    }
.tablefullscreen_New > div > .roul_w_middle .tablepopupBut {
    top: 73.5% !important;
}

.tablefullscreen_New > div > .roul_w_middle .mutButRo {
    top: 78%;
}

.roul_w_middle_MB .mutButRo {
    top: 76%;
}


@media only screen and (min-width: 180px) and (max-width: 1350px) {

    #VRHelpBg_w .roul_tableW .roul_num_middle_w > div.numMiddle__snake {
        right: -1px !important;
        border: 1px solid #fff !important;
        border-top: none !important;
        border-left: none !important;
    }
}
/*added newly*/
body .helpWpopup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 102;
    min-height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
}

body .helpWpopupcloase {
    position: fixed;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    text-align: center;
    color: #ff0000;
    font-size: 16px !important;
    top: 2px;
    z-index: 1;
}

.in_middle, .in_right_aside, .in_left_aside {
    height: calc(100vh - 144px) !important;
}

    .in_right_aside > div:not(.keypadW) {
        height: calc(100vh - 176px) !important;
        padding-bottom: 60px !important;
    }

.full_screen_body_add_class_JS .in_middle, .full_screen_body_add_class_JS .in_right_aside, .full_screen_body_add_class_JS .in_left_aside {
    height: calc(100vh - 83px) !important;
}

    .full_screen_body_add_class_JS .in_right_aside > div:not(.keypadW) {
        height: calc(100vh - 120px) !important;
    }

.in_left_aside .roul_drawsitem_w {
    height: calc(100vh - 288px) !important;
    padding-bottom: 60px !important;
}

.full_screen_body_add_class_JS .in_left_aside .roul_drawsitem_w {
    height: calc(100vh - 230px) !important;
}

.roul_w_middle_MB .in_middle, .roul_w_middle_MB .in_right_aside, .roul_w_middle_MB .in_left_aside {
    height: 100vh !important;
}

    .roul_w_middle_MB .in_right_aside > div:not(.keypadW) {
        height: calc(100vh - 35px) !important;
    }

    .roul_w_middle_MB .in_left_aside .roul_drawsitem_w {
        height: calc(100vh - 150px) !important;
    }

.statistics_W {
    background-color: #090909;
    padding-bottom: 60px !Important;
}

.helpWpopup ul {
    padding: 0 0 60px 0;
    width: 100%;
    display: inline-block;
}
._helpPopupActive .main_w {
    height: 100vh;
}

._helpPopupActive .fullsecreen_W {
    overflow: unset;
}
.uib-datepicker-popup table thead tr:first-child button i {
    display: none !important;
}
.newPshaview .in_middle, .newPshaview .in_right_aside, .newPshaview .in_left_aside {
    height: calc(100vh - 40px) !important;
}

    .newPshaview .in_right_aside > div:not(.keypadW) {
        height: calc(100vh - 77px) !important;
    }

    .newPshaview .in_left_aside .roul_drawsitem_w {
        height: calc(100vh - 187px) !important;
    }

@media only screen and (min-width: 951px) and (max-width: 1024px) {
    .roul_w_middle_MB .roul_table {
        left: -16px !important;
        transform: scale(1.08) !important;
    }

    .roul_w_middle_MB .mutButRo {
        top: 80%;
    }
    .tablepopupBut {
        top: 74% !important;
    }
    .roul_chipW > div {
        width: auto;
    }
    }