/*     ***********************      start      roulette  Table design css             *-*********************/

/*Normal CSS Starts HERE*/
.roul_w_middle {
    /*border: 1px dashed #ff0000;*/
    display: inline-block;
    width: 100%;
    height: 600px;
    margin-top: 30px;
}

button, input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html {
    overflow: scroll;
}

body {
    overflow: hidden;
}

.c_draw_idTime_W {
    margin: 30px 0 0 0;
    float: left;
    width: 100%;
}

    .c_draw_idTime_W > div {
        width: 460px;
        float: right;
        border-radius: 20px;
        height: 30px;
        padding: 0 15px 0 0;
        margin-top: 20px;
        clear: both;
        position: relative;
        right: -335px;
        margin: 9px 50% 0 0;
        font-size: 12px;
    }

        .c_draw_idTime_W > div:last-child {
            display: none;
        }

        .c_draw_idTime_W > div:first-child {
            background-color: #005628;
            border: 1px solid #0a6740;
            -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
            box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
            transition: 0.5s;
        }

            .c_draw_idTime_W > div:first-child.active {
                background-color: #da5a00
            }


        .c_draw_idTime_W > div > span {
            width: 33.33333%;
            float: left;
            color: #fff;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

            .c_draw_idTime_W > div > span > label {
                height: 28px;
                float: right;
                background-color: rgba(0,0,0,0.5);
                line-height: 32px;
                padding: 0 10px;
            }

            .c_draw_idTime_W > div > span > span {
                width: 16px;
                height: 16px;
                border-radius: 2px;
                background-color: #35363b;
                display: inline-block;
                margin: 0 10px 0 0;
                vertical-align: middle;
            }

                .c_draw_idTime_W > div > span > span.active {
                    background-color: #35363b;
                }

                .c_draw_idTime_W > div > span > span:before {
                    content: "\f00c";
                    font: normal normal normal 14px/1 FontAwesome;
                    display: inline-block;
                    color: #111216;
                    vertical-align: top;
                    margin-top: 1px;
                }

                .c_draw_idTime_W > div > span > span.active:before {
                    color: #fff;
                }

.roul_tableW {
    width: 90%;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-left: 7.5%;
    margin-bottom: 10px;
}


.mutButRo {
    position: absolute;
    right: 3%;
    top: 50px;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 25px;
    cursor: pointer;
}

    .mutButRo.active i:before {
        content: "\f026" !important;
    }

.roul_table {
    height: 0;
    font-size: 16px;
    font-size: 1.1vw;
    width: 100%;
    position: absolute;
    right: 0;
    top: -17px;
    height: 100%;
}

/*.roulbg_W {
    position: absolute;
    left: -5.5%;
    top: -11%;
    background-image: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/roulbg.png');
    width: 35.91905564%;
    height: 91.299999999%;
    background-size:100%;
    background-repeat:no-repeat;
    z-index:1;
}*/

.roulbg_W {
    position: absolute;
    left: -5.5%;
    top: -11%;
    background-image: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/roulbg.png');
    width: 35.99999999%;
    height: 75.026%;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 3;
}

.roul_W {
    position: absolute;
    left: 10%;
    top: 10%;
    background-image: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/roul.png');
    width: 80%;
    height: 80%;
    background-repeat: no-repeat;
    background-size: 100%;
}


/*table wrapper*/


.roul_num_top_w {
    width: 52.25%;
    height: 19.4788732394%;
    position: absolute;
    background-color: #fff;
    top: 10.9154929577%;
    left: 37.5%;
    border-right: 2px solid #fff;
}

.roul_num_middle_w {
    width: 60.9589041095%;
    height: 32.5070422535%;
    position: absolute;
    background-color: #fff;
    top: 30.0422535211%;
    left: 33.150684931%;
    border-right: 2px solid #fff;
}

.roul_num_bottom_w {
    width: 52.25%;
    height: 19.4788732394%;
    position: absolute;
    background-color: #009948;
    top: 62.549295774647%;
    left: 37.5%;
    border-right: 2px solid #fff;
}




.roul_num_top_w > div {
    float: left;
    width: 33.333333%;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    height: 50%;
    padding-top: 2.5%;
    text-align: center;
    background-color: #009948;
    cursor: pointer;
    position: relative;
}

    .roul_num_top_w > div:hover {
        /*border: 2px dashed #ffde00;*/
        background-color: rgb(27, 187, 102);
    }

.roul_num_middle_w > div {
    float: left;
    width: 7.1428571428%;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    cursor: pointer;
    text-align: center;
    position: relative;
    height: 33%;
}

    .roul_num_middle_w > div:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        /*background-color:rgba(0,0,0,0.4);*/
        content: "";
        display: none;
        border: 3px dashed #fff400;
    }



    .roul_num_middle_w > div:hover:before {
        display: block;
    }

    .roul_num_middle_w > div.active:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        /*background-color:rgba(0,0,0,0.4);*/
        content: "";
        display: block;
        border: 3px dashed #fff400;
    }




    .roul_num_middle_w > div.numMiddle_13:hover:before, .roul_num_middle_w > div.numMiddle_26:hover:before, .roul_num_middle_w > div.numMiddle_39:hover:before {
        display: none;
    }

    .roul_num_middle_w > div.numMiddle_13:hover, .roul_num_middle_w > div.numMiddle_26:hover, .roul_num_middle_w > div.numMiddle_39:hover {
        background-color: rgb(27, 187, 102) !important;
    }


    .roul_num_middle_w > div.numMiddle_13 > span:nth-child(2), .roul_num_middle_w > div.numMiddle_26 > span:nth-child(2), .roul_num_middle_w > div.numMiddle_39 > span:nth-child(2) {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }


.numMiddle_39 > span > label, .numMiddle_26 > span > label, .numMiddle_13 > span > label {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
}



.roul_num_bottom_w > div > label {
    height: 100%;
    width: 27%;
    left: 50%;
    top: 50%;
    z-index: 1;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.roul_num_bottom_w .numBottom_0 > label, .roul_num_bottom_w .numBottom_1 > label, .roul_num_bottom_w .numBottom_2 > label {
    width: 12%;
}

.roul_num_top_w > div > label {
    height: 100%;
    width: 15%;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
}

.roul_num_top_w .numTop_0 > label, .roul_num_top_w .numTop_1 > label {
    width: 9%;
}


.roul_num_middle_w > div > div {
    cursor: pointer;
    margin-top: 0;
    margin-left: 0;
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    -o-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
}

.roul_num_middle_w > div > span {
    z-index: 1;
    position: absolute;
    width: 50%;
    height: 50%;
    overflow: hidden;
}

    .roul_num_middle_w > div > span:nth-child(2) {
        top: 25%;
        left: 25%;
    }
    /* For the Dotted Round circle when Hover on the Bet Types */
    .roul_num_middle_w > div > span:hover {
        border: 2px dotted #fff;
        border-radius: 100%;
    }

.roul_num_middle_w .numMiddle_0 span:nth-child(2):hover, .roul_num_middle_w > div.numMiddle_13 > span:nth-child(2):hover, .roul_num_middle_w > div.numMiddle_26 > span:nth-child(2):hover, .roul_num_middle_w > div.numMiddle_39 > span:nth-child(2):hover {
    border: none !important;
}
/* For the Dotted Round circle when Hover on the Bet Types */

.roul_num_middle_w > div > span:nth-child(3) {
    top: 25%;
    left: -25%;
}

.roul_num_middle_w > div > span:nth-child(4) {
    top: -25%;
    left: 25%;
}

.roul_num_middle_w > div > span:nth-child(5) {
    top: -25%;
    left: -25%;
}


.roul_num_middle_w > div > span:nth-child(6) {
    bottom: -25%;
    left: 25%;
}

.roul_num_middle_w > div > span:nth-child(7) {
    bottom: -25%;
    right: -25%;
}


.roul_num_bottom_w > div {
    float: left;
    width: 16.66666666%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    height: 50%;
    text-align: center;
    /*background-color: #009948;*/
    background-color: rgba(0, 153, 72, 0.8);
    /*z-index:1;*/
    cursor: pointer;
    padding-top: 2.5%;
    position: relative;
    white-space: nowrap;
}

    .roul_num_bottom_w > div > span, .roul_num_top_w > div > span {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        white-space: nowrap;
    }

    .roul_num_bottom_w > div:hover {
        /*border: 2px dashed #ffde00;*/
        background-color: rgb(27, 187, 102);
    }

.roul_num_top_w .numTop_0 {
    width: 50%;
}

.roul_num_top_w .numTop_1 {
    width: 50%;
}

.roul_num_bottom_w .numBottom_0 {
    width: 33.33333333%;
}

.roul_num_bottom_w .numBottom_1 {
    width: 33.33333333%;
}

.roul_num_bottom_w .numBottom_2 {
    width: 33.33333333%;
}

.roul_num_middle_w .numMiddle_0 {
    height: 99%;
}

    .roul_num_middle_w .numMiddle_0 .chipSelected {
        width: 60%;
        left: 15%;
    }

/*.roul_num_middle_w .numMiddle_0 > div {
    margin-top: 180%;
    margin-left: 50%; 
        -webkit-transform: translate(-50%,-50%)  rotate(-90deg);
        -moz-transform:  translate(-50%,-50%)  rotate(-90deg);
        -ms-transform:  translate(-50%,-50%)  rotate(-90deg);
        -o-transform:  translate(-50%,-50%)  rotate(-90deg);
        transform:  translate(-50%,-50%)  rotate(-90deg);       
    }*/

.roul_num_bottom_w .numBottom_5 {
    background-color: #000;
}

.roul_num_bottom_w .numBottom_6 {
    background-color: #da0000;
}

.numberw {
    position: absolute;
    text-align: center;
    width: 12px;
    height: 12px;
    background-color: #2a9b4a;
    border: 2px solid #913a06;
    top: 5px;
    left: 50%;
    margin: 0 0 0 -5px;
    display: none;
    border-radius: 100%;
    z-index: 1;
}

    .numberw:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 4px 0 4px;
        border-color: #2a9b4a transparent transparent transparent;
        position: absolute;
        top: 4px;
        left: 50%;
        margin: 0 0 0 -4px;
    }

    .numberw > span {
        line-height: 20px;
        font-size: 12px;
        font-weight: 700;
        display: none;
    }

.winNo_w {
    width: 100%;
    text-align: center;
    height: 100%;
    line-height: 259px;
    font-size: 20px;
    color: rgba(255,255,255,0.8);
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    font-weight: 700;
}

    .winNo_w.active {
        color: rgba(255,255,255,1);
        font-size: 40px;
        -webkit-transition: all .15s;
        -moz-transition: all .15s;
        -o-transition: all .15s;
        transition: all .15s;
    }

    .winNo_w > span {
        display: inline-block;
        border-radius: 100%;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        /*margin: -15px 0 0 -14.5px;*/
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        line-height: 50px;
        -webkit-transition: all .15s;
        -moz-transition: all .15s;
        -o-transition: all .15s;
        transition: all .15s;
    }

    .winNo_w.active span {
        /*width: 80px;
        height: 80px;
        line-height: 80px;
        margin: -40px 0 0 -40px;*/
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        text-align: center;
        width: 40.2476780185%;
        height: 40.2476780185%;
    }

        .winNo_w.active span > label {
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

.roul_chipW {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 100%;
    height: 10.73825503355%;
    text-align: right;
    padding-right: 13%;
}

    .roul_chipW > div {
        width: 6%;
        height: 100%;
        margin: 0 15px;
        cursor: pointer;
        position: relative;
        border-radius: 100%;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        display: inline-block;
    }


        .roul_chipW > div > span {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
            border-radius: 100%;
            font-size: 0.8vw;
            top: 50%;
            -ms-transform: translate(0,-17%);
            -webkit-transform: translate(0,-17%);
            -o-transform: translate(0,-17%);
            transform: translate(0,-17%);
            text-align: center;
            margin: 0 0 0 -1px;
        }

        .roul_chipW > div:hover {
            -webkit-transform: scale(1.3); /* Saf3.1+, Chrome */
            -moz-transform: scale(1.3); /* FF3.5+ */
            -ms-transform: scale(1.3); /* IE9 */
            -o-transform: scale(1.3); /* Opera 10.5+ */
            transform: scale(1.3);
            -webkit-transition: all .15s;
            -moz-transition: all .15s;
            -o-transition: all .15s;
            transition: all .15s;
        }

        .roul_chipW > div.active {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
            background-color: #00342d !important;
            border-radius: 4px;
        }



        /*.roul_chipW > div:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;       
         
        }*/

        .roul_chipW > div.roul_chip1 {
            background: url('https://cdn1.pasha.global/betting/webportal/VirtualRoulette/images/VirtualRoulette/chip_1.png');
        }

        .roul_chipW > div.roul_chip2 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_2.png');
        }

        .roul_chipW > div.roul_chip3 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_3.png');
        }

        .roul_chipW > div.roul_chip4 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_4.png');
        }

        .roul_chipW > div.roul_chip5 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_5.png');
        }

        .roul_chipW > div.roul_chip6 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_6.png');
        }

        .roul_chipW > div.roul_chip7 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_7.png');
        }

        .roul_chipW > div.roul_chip8 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_8.png');
        }

        .roul_chipW > div.active.roul_chip1 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_1_A.png');
        }

        .roul_chipW > div.active.roul_chip2 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_2_A.png');
        }

        .roul_chipW > div.active.roul_chip3 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_3_A.png');
        }

        .roul_chipW > div.active.roul_chip4 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_4_A.png');
        }

        .roul_chipW > div.active.roul_chip5 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_5_A.png');
        }

        .roul_chipW > div.active.roul_chip6 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_6_A.png');
        }

        .roul_chipW > div.active.roul_chip7 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_7_A.png');
        }

        .roul_chipW > div.active.roul_chip8 {
            background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_8_A.png');
        }











.selectedChip {
    height: 14.54138702%;
    width: 5.30179445%;
    position: absolute;
    bottom: 13%;
    left: 27%;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

    .selectedChip > span {
        display: block;
        text-align: center;
        font-size: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        -ms-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 100%;
        line-height: 12px;
    }

    .selectedChip.roul_chip1 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_1.png');
    }

    .selectedChip.roul_chip2 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_2.png');
    }

    .selectedChip.roul_chip3 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_3.png');
    }

    .selectedChip.roul_chip4 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_4.png');
    }

    .selectedChip.roul_chip5 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_5.png');
    }

    .selectedChip.roul_chip6 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_6.png');
    }

    .selectedChip.roul_chip7 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_7.png');
    }

    .selectedChip.roul_chip8 {
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_8.png');
    }

.jackpot_w {
    width: 70%;
    float: RIGHT;
    margin: 0 0 -34px 0;
    padding: 0 2.5% 0 2%;
}


/*Roulette Betnumbers and Colors*/
.BetNum0 {
    background-color: #009948;
}

.BetNum1 {
    background-color: #da0000;
}

.BetNum2 {
    background-color: #000000;
}

.BetNum3 {
    background-color: #da0000;
}

.BetNum4 {
    background-color: #000000;
}

.BetNum5 {
    background-color: #da0000;
}

.BetNum6 {
    background-color: #000000;
}

.BetNum7 {
    background-color: #da0000;
}

.BetNum8 {
    background-color: #000000;
}

.BetNum9 {
    background-color: #da0000;
}

.BetNum10 {
    background-color: #000000;
}

.BetNum11 {
    background-color: #000000;
}

.BetNum12 {
    background-color: #da0000;
}

.BetNum13 {
    background-color: #000000;
}

.BetNum14 {
    background-color: #da0000;
}

.BetNum15 {
    background-color: #000000;
}

.BetNum16 {
    background-color: #da0000;
}

.BetNum17 {
    background-color: #000000;
}

.BetNum18 {
    background-color: #da0000;
}

.BetNum19 {
    background-color: #da0000;
}

.BetNum20 {
    background-color: #000000;
}

.BetNum21 {
    background-color: #da0000;
}

.BetNum22 {
    background-color: #000000;
}

.BetNum23 {
    background-color: #da0000;
}

.BetNum24 {
    background-color: #000000;
}

.BetNum25 {
    background-color: #da0000;
}

.BetNum26 {
    background-color: #000000;
}

.BetNum27 {
    background-color: #da0000;
}

.BetNum28 {
    background-color: #000000;
}

.BetNum29 {
    background-color: #000000;
}

.BetNum30 {
    background-color: #da0000;
}

.BetNum31 {
    background-color: #000000;
}

.BetNum32 {
    background-color: #da0000;
}

.BetNum33 {
    background-color: #000000;
}

.BetNum34 {
    background-color: #da0000;
}

.BetNum35 {
    background-color: #000000;
}

.BetNum36 {
    background-color: #da0000;
}
/*Roulette Betnumbers and Colors*/



.dice_1:before {
    background-position: -3px -11px;
    width: 81px;
    height: 81px;
}
/*   2 */
.dice_2:before {
    background-position: -102px -9px;
    width: 84px;
    height: 85px;
}

.dice_3:before {
    background-position: -199px -7px;
    width: 90px;
    height: 89px;
}

.dice_4:before {
    background-position: -297px -6px;
    width: 94px;
    height: 91px;
}

.dice_5:before {
    background-position: -395px -5px;
    width: 98px;
    height: 93px;
}

.dice_6:before {
    background-position: -498px -6px;
    width: 93px;
    height: 91px;
}

.dice_7:before {
    background-position: -602px -7px;
    width: 85px;
    height: 88px;
}

.dice_8:before {
    background-position: -699px -6px;
    width: 91px;
    height: 90px;
}

.dice_9:before {
    background-position: -796px -5px;
    width: 97px;
    height: 92px;
}

.dice_10:before {
    background-position: -899px -6px;
    width: 92px;
    height: 91px;
}

.dice_11:before {
    background-position: -3px -102px;
    width: 83px;
    height: 87px;
}

.dice_12:before {
    background-position: -104px -105px;
    width: 81px;
    height: 81px;
}
/*   5  */
.dice_13:before {
    background-position: -198px -100px;
    width: 93px;
    height: 91px;
}

.dice_14:before {
    background-position: -296px -99px;
    width: 98px;
    height: 93px;
}

.dice_15:before {
    background-position: -396px -99px;
    width: 98px;
    height: 93px;
}

.dice_16:before {
    background-position: -497px -100px;
    width: 96px;
    height: 91px;
}

.dice_17:before {
    background-position: -602px -101px;
    width: 86px;
    height: 89px;
}

.dice_18:before {
    background-position: -703px -103px;
    width: 83px;
    height: 86px;
}

.dice_19:before {
    background-position: -804px -105px;
    width: 81px;
    height: 81px;
}
/*   3  */
.dice_20:before {
    background-position: -904px -103px;
    width: 82px;
    height: 85px;
}

.dice_21:before {
    background-position: -3px -197px;
    width: 84px;
    height: 92px;
}

.dice_22:before {
    background-position: -103px -196px;
    width: 85px;
    height: 95px;
}

.dice_23:before {
    background-position: -204px -199px;
    width: 83px;
    height: 89px;
}

.dice_24:before {
    background-position: -305px -203px;
    width: 81px;
    height: 81px;
}
/*    6  */
.dice_25:before {
    background-position: -404px -202px;
    width: 82px;
    height: 84px;
}

.dice_26:before {
    background-position: -503px -197px;
    width: 84px;
    height: 93px;
}

.dice_27:before {
    background-position: -603px -195px;
    width: 85px;
    height: 96px;
}

.dice_28:before {
    background-position: -703px -198px;
    width: 84px;
    height: 92px;
}

.dice_29:before {
    background-position: -804px -202px;
    width: 83px;
    height: 83px;
}

.dice_30:before {
    background-position: -905px -203px;
    width: 81px;
    height: 81px;
}
/*   4  */
.dice_31:before {
    background-position: -4px -299px;
    width: 83px;
    height: 88px;
}

.dice_32:before {
    background-position: -105px -296px;
    width: 84px;
    height: 94px;
}

.dice_33:before {
    background-position: -308px -298px;
    width: 83px;
    height: 89px;
}

.dice_34:before {
    background-position: -409px -300px;
    width: 84px;
    height: 86px;
}

.dice_35:before {
    background-position: -512px -303px;
    width: 81px;
    height: 80px;
}

/*     ***********************      end roulette  Table design css             *-*********************/

/*Start Roulette  Left panel  */
.roul_drawsitem_w {
    overflow: auto;
}

    /*.roul_drawsitem_w:hover {
        overflow: auto;
    }*/

    .roul_drawsitem_w ul > li {
        display: block;
        height: 38px;
        background-color: #171b21;
        border-top: 1px solid #22242b;
        border-bottom: 1px solid #121217;
        cursor: pointer;
        position: relative;
    }

        .roul_drawsitem_w ul > li:hover {
            background-color: #da5a00;
        }

/*When Draws are Disabled to place bet*/
.Draw_disabled {
    background-color: #171b21 !important;
}
/*When Draws are Disabled to place bet*/

.roul_drawsitem_w ul > li.active {
    background-color: #8c400a;
}

.roul_drawsitem_w ul > li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    line-height: 38px;
    margin: 0 15px 0 20px;
}

.roul_drawsitem_w ul > li > span:last-child:before {
    content: "\f017";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 38px;
    margin: 0 5px 0 15px;
}

.roul_lastresultitem_w ul {
    padding: 15px;
}

    .roul_lastresultitem_w ul > li {
        display: block;
        height: 26px;
        position: relative;
        margin: 0 0 7px 0;
        line-height: 26px;
        padding: 0 0 0 53px;
        background-color: #1b2026;
    }

        .roul_lastresultitem_w ul > li > span:first-child {
            width: 45px;
            height: 26px;
            line-height: 26px;
            text-align: center;
            position: absolute;
            top: 0;
            border-radius: 2px;
            left: 0;
        }

.roul_viewresult {
    background-color: #ff6a00;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

/*.roul_drawsitem_w ul > li:first-child {
    height: 75px;
    position: fixed;
    width: 218px;
    }
        .roul_drawsitem_w ul > li:first-child:before,.roul_drawsitem_w ul > li:first-child > span:before {
            display:none;
        }
        .roul_drawsitem_w ul > li:first-child > span {
            display:block;text-align:center;
            font-size: 23px;
    font-weight: 300;
    line-height:18px;
        }*/
.roul_drawsitem_w ul > li:first-child {
    display: none;
}

.c_draw_w {
    padding: 10px;
    text-align: center;
    background-color: #2b1200;
    border: 1px dashed #652a00;
}

    .c_draw_w > span:first-child {
    }

        .c_draw_w > span:first-child > span, .c_draw_w > span:last-child > span {
            width: 35px;
            height: 35px;
            line-height: 35px;
            background-color: #da5a00;
            border-radius: 100%;
            display: inline-block;
            margin: 0 0 5px 0;
            font-weight: bold;
        }

    .c_draw_w > span:nth-child(2) {
        line-height: 57px;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        border: 2px dashed #da5a00;
        display: inline-block;
        margin: 0 10px;
    }

    .c_draw_w > span:last-child > span {
        background-color: #692b00;
        height: 40px;
        line-height: 42px;
        width: 40px;
    }

.n_draw {
    text-align: center;
    padding: 7px 0;
    background-color: #da5a00;
}
/*End Roulette  Left panel  */

/*Start Roulette  midd panel  */
.diceAnimaion_w {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 100px;
    position: relative;
}

    .diceAnimaion_w .dice {
        width: 80px;
        height: 80px;
        display: inline-block;
        margin: 0 10px;
        position: absolute;
    }

        .diceAnimaion_w .dice:nth-child(1) {
            top: 0;
            left: 50%;
            margin: 0 0 0 -155px;
        }

        .diceAnimaion_w .dice:nth-child(2) {
            top: 0;
            left: 50%;
            margin: 0 0 0 -45px;
        }

        .diceAnimaion_w .dice:nth-child(3) {
            top: 0;
            left: 50%;
            margin: 0 0 0 66px;
        }







.ball {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -4px;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 20px 30px 30px -10px rgba(0,0,0,0.4);
}

    .ball > div {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.balls {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    z-index: 10;
}
/* YOUR COLORS */
.ball.blue {
    background: radial-gradient(circle at 1px 3px, #fff, #001);
}

.rotation {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.winNo_w > span.timerW {
    width: 40.2476780185%;
    height: 40.2476780185%;
    /*margin: -20.1238390092% 0 0 -20.1238390092%;*/
    line-height: 130px;
    font-size: 29px;
    background-color: #006b32;
    border: 2px solid #dadcd8;
    color: #ff0;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

    .winNo_w > span.timerW.noMorbet {
        line-height: 40px;
        color: #fff;
    }

        .winNo_w > span.timerW.noMorbet > label {
            display: block;
            color: #fcff00;
            /* margin-top: 34px; */
            position: absolute;
            top: 50%;
            width: 100%;
            left: 50%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }


    .winNo_w > span.timerW > label:first-child {
        font-size: 55px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0;
    }

/*Results Part*/
.R_resultW {
    display: inline-block;
    width: 100%;
}

.R_resultH {
    text-align: center;
}

    .R_resultH > h3 {
        font-size: 24px;
        display: inline-block;
        border-bottom: 2px solid #ff6a00;
        color: #ff6a00;
    }

    .R_resultH > div {
        background-color: #191919;
        border: 1px solid #2b2b2b;
        border-radius: 2px;
        height: 35px;
        width: 252px;
        margin: 0 10px;
        display: inline-block;
        color: #fff;
        position: relative;
        float: left;
    }

        .R_resultH > div:before {
            width: 1px;
            height: 20px;
            background-color: #2b2b2b;
            content: "";
            position: absolute;
            left: 50%;
            top: 7px;
        }

        .R_resultH > div > input {
            background-color: transparent;
            border: none;
            width: 50%;
            height: 35px;
            padding: 0;
            margin: 0;
            float: left;
            color: #fff;
            padding: 0 0 0 15px;
            font-size: 12px;
        }

        .R_resultH > div > div > ul {
            top: 35px !important;
            left: 3px !important;
        }

        .R_resultH > div > span {
            width: 55px;
            height: 35px;
            border-radius: 2px;
            margin: 0 5px;
            line-height: 35px;
            color: #fff;
            text-align: center;
            background-color: #006b32;
            display: inline-block;
            border: 1px solid #027f3c;
            cursor: pointer;
            position: absolute;
            left: 98%;
            top: -1px;
        }

        .R_resultH > div > div {
            display: initial;
        }


.R_resultItemW > ul {
    padding-top: 15px;
}

    .R_resultItemW > ul > li {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0 10px;
    }

        .R_resultItemW > ul > li > div {
            background-color: #191919;
            border: 1px solid #2b2b2b;
            border-radius: 2px;
            padding: 0;
            margin: 0;
            height: 50px;
            width: 100%;
            display: inline-block;
            position: relative;
        }

            .R_resultItemW > ul > li > div > h6 {
                font-size: 12px;
                color: #ff6a00;
                margin: 0;
                width: 100%;
                float: left;
                text-align: left;
                padding: 0 0 0 7px;
                font-weight: normal;
            }

                .R_resultItemW > ul > li > div > h6 > span {
                    color: #fff;
                    padding: 0 0 0 4px;
                    color: #fff;
                }

                .R_resultItemW > ul > li > div > h6 > label {
                    margin: 0 5px 0 0;
                    color: #fff;
                }

            .R_resultItemW > ul > li > div > div {
                padding: 2px 0;
                text-align: left;
            }

                .R_resultItemW > ul > li > div > div > span {
                    padding: 2px;
                    float: left;
                    margin: 5px 0 0 5px;
                    /*white-space: nowrap;*/
                    position: relative;
                }

                    .R_resultItemW > ul > li > div > div > span:first-child {
                    }

                        .R_resultItemW > ul > li > div > div > span:first-child:after {
                            content: ":";
                            right: 0;
                        }

            .R_resultItemW > ul > li > div > span {
                width: 50px;
                height: 44px;
                display: inline-block;
                font-size: 14px;
                padding-top: 6px;
                position: absolute;
                top: 2px;
                right: 32px;
                border-radius: 2px;
            }

                .R_resultItemW > ul > li > div > span > span {
                    display: block;
                    font-size: 12px;
                }

        .R_resultItemW > ul > li:first-child > div {
            background-color: #004c24;
            border: 1px solid #006b32;
        }

        .R_resultItemW > ul > li.active .resultDiceCon {
            display: block !important;
        }
/*Results Part*/

/* Loading*/
.loading_img {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
}


.homePageLoding {
    background-color: rgba(0,0,0,1);
}


.loading_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
}


/*End Roulette  middle panel  */

/*start Roulette  Right panel  */
.pik_ul > li > span:last-child:before, .bet_slip_Sport_w, .search_slip_w_JS {
    animation: pikUl 0s linear;
}

.printButW {
    float: left;
    width: 100%;
    display: flex;
}

/*.PrintBUT {
    width: 90px;
    display: block;
    margin: 12px auto 8px;
    background-color: #da5a00;
    border: none;
    padding: 5px 0;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    float: left;
    margin: 2px;
    position:relative;
    right:50%;
    transform:translateX(45px);
}*/


.PrintBUT {
    width: 90px;
    display: block;
    margin: 12px auto 8px;
    background-color: #da5a00;
    border: none;
    padding: 5px 0;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    margin: 2px;
    position: relative;
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


    .PrintBUT.loginActive:after {
        right: 100% !important;
        top: 0 !important
    }


/*.printButW button:last-child {
        float: right;
    }*/


.Can_Slip_Disabled {
    margin-left: 50%;
    transform: translate(-50%,0);
    right: 0;
}

.Save_But_Disabled {
    /* margin-right: 25%;
    transform: translate(-50%, 0); */
}

.drowNOWSlip > div {
    float: left;
    width: 25%;
    border-bottom: 1px solid #000;
}

    .drowNOWSlip > div.stakeinputW > span {
        width: 22%;
        float: left;
        text-align: center;
        line-height: 24px;
    }


        .drowNOWSlip > div.stakeinputW > span:nth-child(2) {
            text-align: left;
            padding: 0 0 0 13px;
        }

        .drowNOWSlip > div.stakeinputW > span:nth-child(3) {
            padding: 0 6px 0 0;
        }

    .drowNOWSlip > div.stakeinputW {
        width: 100%;
        position: relative;
        background-color: #111;
        padding: 4px 0;
        border-bottom: 1px solid #313131;
    }

        .drowNOWSlip > div.stakeinputW > div {
            width: 56%;
            padding: 0 2px;
        }

    .drowNOWSlip > div > label {
        display: block;
        text-align: center;
    }

    .drowNOWSlip > div.stakeinputW > div > label {
        float: left;
        width: 18%;
        text-align: center;
        line-height: 24px;
        position: ABSOLUTE;
        font-size: 10px;
    }

    .drowNOWSlip > div.stakeinputW > div > input {
        height: 24px;
        width: 100%;
        float: left;
        background-color: #111;
        border: none;
        padding: 0 5px 0 18%;
        text-align: right;
        border-radius: 4px;
        border: 1px solid #363636;
        -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
        box-shadow: inset 0 0 10px rgba(0,0,0,.2);
        color: #fff;
        font-size: 12px;
    }

.drowNOWSlip {
    font-size: 11px;
    text-transform: uppercase;
    padding: 7px 0 !important;
    float: left;
    width: 100%;
    background: #222;
}

    .drowNOWSlip > div > label:last-child {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        color: #ff6a00;
    }

.bet_slip_Roultt_w {
    padding: 0 30px 0 0 !important;
    float: left;
    min-height: 90px !important;
    max-height: 100% !important;
    width: 100%;
}

.selectNo > li {
    width: 10%;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    border: 1px solid #313131;
}

.StakeMultiplierW > ul, .StakeMultiplierW > div {
    float: left;
    width: 50% !important;
}

    .StakeMultiplierW > ul > li {
        width: 25%;
    }

    .StakeMultiplierW > div > span {
        width: 33.33333% !important;
        float: left;
        text-align: center;
        font-size: 10px;
    }

        .StakeMultiplierW > div > span > label {
            display: block;
            color: #da5a00;
            line-height: 15px;
        }

.drowNOWSlip .width50P {
    width: 50% !important;
}

.bet_slip_Roultt_w_w {
    overflow: auto;
    max-height: 330px;
}

.e_mgs {
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px 0 10px;
    color: #f00;
    background-color: #101010;
    font-weight: bold;
}

.skinfri_stake_bwt_w > div {
    width: 50%;
}

    /* start common stake*/
    .skinfri_stake_bwt_w > div:last-child > input {
        text-align: center;
    }
/* End common stake*/
/*End Roulette  Right panel  */



/* start css for current running darw*/
.cur_drawW {
    height: 35px;
    position: absolute;
    top: -24%;
    /* transform: translate(50%,0); */
    z-index: 1;
    width: 35.91905564%;
    left: 2px;
    padding: 0 5%;
}

    .cur_drawW > span {
        width: 50%;
        float: left;
        line-height: 16px;
        text-align: center;
        background-color: #7a3010;
        border-radius: 2px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 2px;
    }

}
/* End css for current running darw*/

/*start heighlight the Next draw*/
.C_Draw_Hover :hover {
    background-color: #52607d;
}
/*end heighlight the Next draw*/


/*Show loading while getting the results*/
.R_resultItemW {
    float: left;
    width: 100%;
    position: relative;
}

.loadingResult_img {
    position: absolute !important;
    left: 0;
    top: 0;
}
/*Show loading while getting the results*/



.roul_table_Bg {
    width: 100%;
    float: left;
}


/*new betting cart*/
.b_S_R_W {
    float: left;
    width: 100%;
    /*border-bottom: 2px solid #7a3010;*/
    position: relative;
}

    .b_S_R_W:hover {
        opacity: 0.8;
    }

    .b_S_R_W.invalidDraw > div {
        /*opacity: 0.3;*/
        background: #3c3c3c;
    }

    .b_S_R_W.invalidDraw:after {
        /*content: "Draw Already Started!";*/
        content: ""attr(data)"";
        position: absolute;
        top: 50%;
        /*left: 32px;*/
        left: 2px;
        width: 100%;
        -ms-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        color: #ff0000;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.42);
        padding: 10px 0;
        z-index: 1;
    }

.invaliddrawClose {
    display: none;
}

.invalidDraw .invaliddrawClose {
    display: block;
    position: ABSOLUTE;
    z-index: 15;
    width: 25px;
    height: 25px;
    right: 5%;
    top: 50%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background-color: rgba(255, 255, 255, 0.8);
    color: #ff0000;
    text-align: center;
    line-height: 25px;
    border-radius: 100%;
}

.removeAll {
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    left: 6px;
    top: 50%;
    background-color: #da0000;
    padding: 5px;
    border-radius: 2px;
    z-index: 5;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.b_S_R_H {
    float: left;
    width: 100%;
}

    .b_S_R_H > span {
        float: left;
        text-align: center;
        line-height: 40px;
        height: 40px;
    }

        .b_S_R_H > span:nth-child(1) {
            width: 16%;
            background-color: #111111;
            border-radius: 0 0 8px;
            background-color: #da5a00;
        }

        .b_S_R_H > span:nth-child(2) {
            width: 24%;
            background-color: #0b0b0b;
            color: #ff6900;
        }

        .b_S_R_H > span:nth-child(3) {
            width: 30%;
            background-color: #0b0b0b;
        }

        .b_S_R_H > span:nth-child(4) {
            width: 20%;
            background-color: #111111;
        }

        .b_S_R_H > span:nth-child(5) {
            width: 10%;
            background-color: #0b0b0b;
        }

            .b_S_R_H > span:nth-child(5) > span:first-child {
                cursor: pointer;
            }

                .b_S_R_H > span:nth-child(5) > span:first-child i {
                    color: #ff0000;
                }

        .b_S_R_H > span label {
            color: #ff6a00;
            display: block;
            height: 20px;
            line-height: 20px;
        }

        .b_S_R_H > span:nth-child(4) label:last-child {
            color: #fff;
            font-size: 11px;
        }


        .b_S_R_H > span > span {
            display: block;
            line-height: 20px;
        }

            .b_S_R_H > span > span > label {
                width: 50%;
                float: left;
                text-align: left;
            }

                .b_S_R_H > span > span > label:last-child {
                    text-align: right;
                }

        .b_S_R_H > span > input {
            background-color: #363636;
            border: 1px solid #312d2d;
            -moz-box-shadow: inset 0 0 22px rgba(0,0,0,.7);
            -webkit-box-shadow: inset 0 0 22px rgba(0,0,0,.7);
            box-shadow: inset 0 0 22px rgba(0,0,0,.7);
            border-radius: 2px;
            display: block;
            width: 80%;
            height: 20px;
            color: #fff;
            padding-left: 4px;
        }

.b_S_R_C {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    float: left;
    width: 100%;
    background-color: #000;
}

    .b_S_R_C > div {
        display: none;
    }

    .b_S_R_C.b_S_R_C_tires > div {
        display: block;
    }

    .b_S_R_C > span {
        float: left;
        width: 5.55555555%;
        /*background-color: #555555;*/
        height: 20px;
        line-height: 20px;
        text-align: center;
        -moz-box-shadow: inset 0 0 10px #564f4f;
        -webkit-box-shadow: inset 0 0 10px #564f4f;
        box-shadow: inset 0 0 10px #564f4f;
        font-size: 11px;
        border-right: 1px solid #000;
    }

    .b_S_R_C.invalid > span {
        background-color: #9c1313 !important;
    }



.b_S_R_C_tires > div > span {
    float: left;
}

    .b_S_R_C_tires > div > span > label {
        margin-bottom: 0;
    }

    .b_S_R_C_tires > div > span:nth-child(1) {
        width: 40%;
        background-color: #0b0b0b;
    }

    .b_S_R_C_tires > div > span:nth-child(2) {
        width: 30%;
        background-color: #0b0b0b;
    }

    .b_S_R_C_tires > div > span:nth-child(3) {
        width: 20%;
        background-color: #111;
        text-align: center;
        line-height: 20px;
    }

    .b_S_R_C_tires > div > span:nth-child(1) > span {
        float: left;
        width: 25%;
        /*background-color: #555555;*/
        height: 20px;
        line-height: 20px;
        text-align: center;
        -moz-box-shadow: inset 0 0 10px #564f4f;
        -webkit-box-shadow: inset 0 0 10px #564f4f;
        box-shadow: inset 0 0 10px #564f4f;
        font-size: 11px;
    }

    .b_S_R_C_tires > div > span:nth-child(2) > label {
        width: 62%;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 0 0 0 4px;
        margin-bottom: 0;
    }

        .b_S_R_C_tires > div > span:nth-child(2) > label:last-child {
            width: 38%;
            text-align: right;
            color: #ff6a00;
            padding: 0 4px 0 0;
        }
/*new betting cart end*/

.chipSelected {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    position: absolute;
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_1.png');
    background-size: 100% !important;
    background-position: center !important;
    font-size: 10px;
    line-height: 25px;
    cursor: pointer;
}

.chipSelected2 {
    z-index: 2 !important;
}


.chipSelected.roul_chip1 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_1.png');
}

.chipSelected.roul_chip2 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_2.png');
}

.chipSelected.roul_chip3 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_3.png');
}

.chipSelected.roul_chip4 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_4.png');
}

.chipSelected.roul_chip5 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_5.png');
}

.chipSelected.roul_chip6 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_6.png');
}

.chipSelected.roul_chip7 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_7.png');
}

.chipSelected.roul_chip8 {
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/chip_8.png');
}

.uib-datepicker-popup table thead tr:first-child th:first-child button:before {
    display: none;
}

.uib-datepicker-popup table thead tr:first-child th:last-child button:before {
    display: none;
}



/*jackpot*/
.jackpot_w > div {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 0 0 0 4px;
}

    .jackpot_w > div > div {
        float: left;
        width: 100%;
        border: 1px solid #7a3010;
        background-color: #000;
        padding: 13px 10px 13px 13px;
    }

.soldICon {
    height: 10.73825550%;
    width: 4.2%;
    position: absolute;
    right: 4%;
    top: 12%;
    border-radius: 100%;
    background-color: #3e1b11;
    text-align: center;
}

    .soldICon > span {
        width: 70%;
        height: 70%;
        position: absolute;
        top: 15%;
        left: 15%;
        background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/soldICon.png');
        background-repeat: no-repeat !important;
        background-size: 100% !important;
    }

.jackpot_w > div > div > div {
    width: 50%;
    float: left;
    height: 42px;
    position: relative;
}

    .jackpot_w > div > div > div > div:first-child {
        font-size: 10px;
        color: #b3541b;
        position: relative;
    }

    .jackpot_w > div > div > div:first-child:after {
        height: 25px;
        content: "";
        width: 1px;
        background-color: #252525;
        position: absolute;
        right: 0;
        top: 2px;
    }

    .jackpot_w > div > div > div > div:last-child {
        font-size: 14px;
        color: #fff;
    }

    .jackpot_w > div > div > div:first-child {
        text-align: left;
        padding-bottom: 6px;
    }

    .jackpot_w > div > div > div:nth-child(2) {
        text-align: right;
        padding-bottom: 6px;
    }

        .jackpot_w > div > div > div:nth-child(2):after {
            display: none;
        }

    .jackpot_w > div > div > div:last-child {
        position: relative;
        width: 100%;
        border-radius: 2px;
        border: 2px solid #605a5a;
        background-color: #515151;
        -moz-box-shadow: inset 0 0 20px #000000;
        -webkit-box-shadow: inset 0 0 20px #000000;
        box-shadow: inset 0 0 20px #000000;
        height: 36px;
    }

        .jackpot_w > div > div > div:last-child:before {
            content: "";
            position: absolute;
            height: 50%;
            left: 0;
            top: 0;
            background-color: rgba(255,255,255,0.1);
            width: 100%;
        }

        .jackpot_w > div > div > div:last-child > label:first-child {
            height: 40px;
            width: 40px;
            background-color: #0a0b10;
            border-radius: 100%;
            position: absolute;
            left: -13px;
            top: -4px;
        }

        .jackpot_w > div > div > div:last-child > label:last-child {
            width: 8px;
            position: absolute;
            right: 4px;
            top: 3px;
            word-wrap: break-word;
            line-height: 9px;
            font-size: 10px;
            color: #b3541b;
        }


        .jackpot_w > div > div > div:last-child > label:first-child:before {
            content: "";
            background-image: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/V_R_spImg.png');
            width: 47px;
            height: 39px;
            margin: 2px 0 0 -3px;
            display: block;
        }


.jackpot_w > div.pla_j_pot > div > div:last-child > label:first-child:before {
    background-position: -6px -4px;
}

.jackpot_w > div.gold_j_pot > div > div:last-child > label:first-child:before {
    background-position: -107px -4px;
}

.jackpot_w > div.sil_j_pot > div > div:last-child > label:first-child:before {
    background-position: -56px -4px;
}




.jackpot_w > div > div > div:last-child > span {
    float: left;
    width: 100%;
    text-align: right;
    padding: 0 16px;
}

    .jackpot_w > div > div > div:last-child > span > span {
        height: 32px;
        display: inline-block;
        -moz-box-shadow: inset 0 0 20px #000000;
        -webkit-box-shadow: inset 0 0 20px #000000;
        box-shadow: inset 0 0 20px #000000;
        overflow: hidden;
        margin-left: -1px;
    }

        .jackpot_w > div > div > div:last-child > span > span > label {
            display: block;
            height: 34px;
            line-height: 34px;
            text-align: center;
            padding: 0 5px;
        }

/*Start Statistics*/

.statistics_W {
    float: left;
    width: 100%;
}

    .statistics_W > h2 {
        height: 40px;
        float: left;
        width: 100%;
        background-color: #515151;
        -moz-box-shadow: inset 0 0 20px #000000;
        -webkit-box-shadow: inset 0 0 20px #000000;
        box-shadow: inset 0 0 20px #000000;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: normal;
        padding: 0;
        margin: 0;
    }

.last280W {
    width: 65%;
    float: left;
    background-color: #0f1115;
    border: 2px solid #000;
    min-height: 322px;
}


    .last280W .itemH {
        width: 100%;
        float: left;
        height: 30px;
        padding: 0 10px;
    }

        .last280W .itemH > span {
            width: 25%;
            float: left;
            border: 2px solid #0f1115;
        }

            .last280W .itemH > span > span {
                border-radius: 2px;
                float: left;
                height: 28px;
                line-height: 28px;
                text-align: center;
                font-size: 16px;
                text-transform: uppercase;
                font-weight: normal;
            }

                .last280W .itemH > span > span:first-child {
                    background-color: #fafd01;
                    color: #006b32;
                    width: 35%;
                }

                .last280W .itemH > span > span:last-child {
                    color: #fafd01;
                    background-color: #006b32;
                    width: 65%;
                }


.stsH {
    height: 35px;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #d55900;
    line-height: 35px;
    background-color: #090909;
}

.hot_cold_W {
    width: 35%;
    float: left;
    background-color: #0f1115;
    border-bottom: 2px solid #000;
}

.last280W .itemC {
    height: auto;
    padding-bottom: 10px;
}

    .last280W .itemC > span > span {
        height: 32px;
        line-height: 32px;
    }

        .last280W .itemC > span > span:first-child {
            background-color: #f00;
            color: #fff;
        }

        .last280W .itemC > span > span:last-child {
            background-color: #1b2027;
            color: #fff;
        }


.stsH_hotCold {
    text-align: left;
    background-color: #000000;
}

    .stsH_hotCold > span {
        padding: 0 20px;
        background-color: #000000;
        height: 35px;
        display: inline-block;
        margin-right: 4px;
    }

.hotColor {
    color: #ff1600 !important;
}

.coldColor {
    color: #41baff !important;
}


.hot_cold_W .itemC {
    float: left;
    width: 100%;
    padding: 5px;
}

    .hot_cold_W .itemC > li {
        float: left;
        border: 3px solid #0f1115;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        height: 50px;
        width: 20%;
        color: #fff;
    }

    .hot_cold_W .itemC.row3 > li {
        width: 33.33333%;
        height: 45px;
        line-height: 45px;
    }

    .hot_cold_W .itemC.row2 > li {
        width: 50%;
        position: relative;
    }

    .hot_cold_W .itemC.odd_even > li > span {
        background-color: rgba(255, 255, 255, 0.2);
        position: relative;
        z-index: 1;
        border-radius: 100%;
        padding: 10px;
    }

    .hot_cold_W .itemC.odd_even > li:before, .hot_cold_W .itemC.odd_even > li:after {
        width: 50%;
        background-color: #000;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        height: 100%;
    }

    .hot_cold_W .itemC.odd_even > li:after {
        right: 0;
        left: initial;
        background-color: #da0000;
    }


/*End Statistics*/
.betSlip_Roultt_w_w .skinfri_stake_bwt_w > div:last-child {
    width: 33.3333%;
    padding: 10px 0;
}

.betSlip_Roultt_w_w .skinfri_stake_bwt_w > div {
    width: 33.3333%;
}

    .betSlip_Roultt_w_w .skinfri_stake_bwt_w > div > input {
        display: block;
        width: 100%;
        padding: 0 8px 0 8px;
        text-align: right;
        margin: 0;
        background-color: #363636;
        border: 1px solid #363636;
        -moz-box-shadow: inset 0 0 22px rgba(0,0,0,.7);
        -webkit-box-shadow: inset 0 0 22px rgba(0,0,0,.7);
        box-shadow: inset 0 0 22px rgba(0,0,0,.7);
        height: 30px;
        color: #fff;
        margin-bottom: 8px;
    }

.betSlip_Roultt_w_w > .cartDW {
    max-height: 400px;
    overflow: hidden;
    /*border: 1px solid #404040;*/
    border: 1px solid #171b21;
    margin-bottom: 10px;
}

    .betSlip_Roultt_w_w > .cartDW:hover {
        overflow: auto;
    }

.Fetch_Draw {
    display: block !important;
    position: ABSOLUTE;
    z-index: 2;
    border-radius: 0 0 147px 0;
    top: 0px;
    background-color: rgba(0,0,0,0.6);
}

/*Zero Bet selection */
.roul_num_middle_w .numMiddle_0 > span {
    left: 0 !important;
    top: 0 !important;
    width: 100%;
    height: 100%;
}
/*Zero Bet selection */










.in_left_aside {
    overflow: inherit !important;
}



.IsSignalrConnected {
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
}


    .IsSignalrConnected > div > button {
        width: 100px;
        height: 35px;
        text-align: center;
        padding: 0;
        border: 1px solid #d5c511;
        background-color: #ffd800;
        border-radius: 2px;
        margin-top: 15px;
    }

    .IsSignalrConnected > div {
        width: 320px;
        height: 200px;
        background-color: #000;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        border-radius: 2px;
        text-align: center;
        border: 1px solid #544700;
        padding: 56px 20px 45px;
    }

        .IsSignalrConnected > div > span {
            display: block;
            text-align: center;
            color: #fff;
        }


.vR_Slip_w h3 {
    padding: 7px 0 7px 0;
    text-align: center;
    font-size: 22px;
    color: #f3f603;
    margin: 0;
    background-color: #3e3c3c;
    border-radius: 4px 4px 0 0;
    position: relative;
    margin-bottom: 10px;
}

.vR_Slip_w {
    padding: 35px;
    background-color: #171b21;
    border-bottom: 2px solid #000;
}

    .vR_Slip_w .vR_SlipH {
        padding: 0 0 0 15px;
        color: #ff7616;
        font-size: 14px;
        font-weight: 700;
        line-height: 31px;
        background-color: #3e3c3c;
    }

.vR_Slip_c {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0;
    top: 0;
    background-color: rgba(23, 27, 33, .8);
    overflow: auto;
}

.vR_Can_Slip_txt {
    text-align: right !important;
    color: #f66e0c;
}

.vR_Slip_c > div {
    max-width: 768px;
    width: 100%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,0);
    padding-bottom: 50px;
    top: 15%;
}


.vR_Slip_table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}

    .vR_Slip_table, .vR_Slip_table td, .vR_Slip_table th {
        border: 1px solid #3e3c3c;
        border-collapse: collapse;
        background-color: #111111;
    }

        .vR_Slip_table td, .vR_Slip_table th {
            padding: 7px;
        }

        .vR_Slip_table th {
            background-color: #000;
        }

        .vR_Slip_table td > span {
            background-color: #6b6b6b;
            text-align: center;
            line-height: 25px;
            border-radius: 2px;
            display: inline-block;
            max-width: 25px;
            width: 100%;
            font-size: 11px;
            height: 25px;
            border: 1px solid #111111;
        }

.close_slip_JS {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    text-align: center;
    line-height: 40px !important;
    color: #da0000;
    cursor: pointer;
}

.vR_SlipTextCenter td {
    text-align: center;
}

.vR_Slip_Print {
    text-align: center;
    margin-top: 10px;
    height: 30px;
    width: 90px;
    line-height: 30px;
    color: #fff;
    background-color: #007537;
    border-radius: 2px;
}

.vR_Slip_Cancel {
    text-align: center;
    margin: 3px;
    float: right;
    height: 30px;
    width: 90px;
    line-height: 30px;
    color: #fff;
    background-color: #ff6a00;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.vR_SlipAll_Cancel {
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-right: 10%;
}

    .vR_SlipAll_Cancel.vr_text {
        left: 100px;
        bottom: 2px;
        position: absolute;
        line-height: 18px;
        color: #f66e0c;
        background-color: #000;
        padding: 3px;
        border-radius: 2px;
        transform: translate(0);
        white-space: nowrap;
    }



.vR_Slip_Cancel:after {
    right: 100% !important;
}

.vR_SlipAll_Cancel:after {
    left: 100% !important;
}

/* new changes input cart*/
.b_S_R_H > span > span > label:first-child, .b_S_R_H > span:nth-child(4) > label:first-child {
    display: none;
}

.b_S_R_H > span {
    height: 20px;
    line-height: 20px;
}

    .b_S_R_H > span:nth-child(3) > span > label:last-child {
        position: absolute;
        right: 0;
        width: 20px;
    }

    .b_S_R_H > span:nth-child(3) {
        position: relative;
    }

.b_S_R_W_H {
    float: left;
    width: 100%;
    height: 25px;
    background-color: #005628;
    line-height: 25px;
    margin-top: 5px;
}

    .b_S_R_W_H > span {
        float: left;
        text-align: center;
    }

        .b_S_R_W_H > span:nth-child(1) {
            width: 16%;
        }

        .b_S_R_W_H > span:nth-child(2) {
            width: 24%;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .b_S_R_W_H > span:nth-child(3) {
            width: 30%;
            padding: 0 5px;
        }

        .b_S_R_W_H > span:nth-child(4) {
            background-color: rgba(0, 0, 0, 0.2);
            width: 20%;
        }

        .b_S_R_W_H > span:nth-child(3) > label:last-child {
            float: right;
        }

        .b_S_R_W_H > span:nth-child(3) > label:first-child {
            float: left;
        }

.b_S_R_H > span > input {
    font-size: 11px;
}


.soldOutClass {
    background-color: red;
}

.soldOutIcon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://cdn2-5e15.kxcdn.com/betting/WebPortal/VirtualRoulette/images/VirtualRoulette/soldICon.png');
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    cursor: default;
}

.cancelDraw {
    line-height: 31px;
    font-size: 8.5px;
    -ms-transform: rotate(-39deg);
    -webkit-transform: rotate(-39deg);
    -o-transform: rotate(-39deg);
    transform: rotate(-39deg);
    color: #ffff18;
}

.roul_num_bottom_w > div > i, .roul_num_top_w > div > i {
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    -ms-transform: translate(-50%,-50%) scale(1.5);
    -webkit-transform: translate(-50%,-50%) scale(1.5);
    -o-transform: translate(-50%,-50%) scale(1.5);
    transform: translate(-50%,-50%) scale(1.5);
    z-index: 1;
}

.coinIfram {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    border: none;
    margin: 0;
    top: 0;
    z-index: 10000;
}



.balls, .roul_W {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.StatisticsBut {
    display: none;
}

.paginationRo {
    float: left;
    width: 100%;
    height: 45px;
    padding: 0 9px;
}

    .paginationRo > span {
        width: 15%;
        float: left;
        height: 45px;
        line-height: 43px;
        text-align: center;
        font-size: 16px;
        background-color: #363636;
        border: 1px solid #111;
        border-radius: 2px;
    }

    .paginationRo > div {
        float: left;
        width: 40%;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
    }

    .paginationRo > span:hover {
        background-color: #df5c00;
        cursor: pointer;
    }




.maxBetWinW {
    width: 100%;
    float: left;
    padding: 0 2% 0 30%;
    margin: -22px 0 -5% 0;
}

    .maxBetWinW > div {
        width: 33.33333%;
        float: left;
        padding: 0 5px;
    }

        .maxBetWinW > div > div {
            width: 100%;
            float: left;
            background-color: #004a41;
            border: 1px solid #005d52;
            border-radius: 4px;
            -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
            -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
            box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
        }

            .maxBetWinW > div > div > span {
                height: 25px;
                float: left;
                border-radius: 4px;
                position: relative;
                padding: 0 0 0 10px;
                border-bottom: 1px solid #005d52;
                width: 100%;
                text-align: center;
            }

                .maxBetWinW > div > div > span:first-child {
                    border-radius: 4px 4px 0 0;
                }

                .maxBetWinW > div > div > span > label:first-child {
                    /* width: 60px; */
                    width: 88px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    background-color: rgba(0,0,0,0.3);
                    line-height: 25px;
                }

                .maxBetWinW > div > div > span > label:last-child {
                    width: 100%;
                    line-height: 25px;
                    text-align: center;
                    padding: 0 15px 0 88px;
                }


.helpBut {
    background-color: #004a41;
    border: 1px solid #005d52;
    border-radius: 4px;
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    height: 25px;
    min-width: 90px;
    padding-right: 2px;
    position: absolute;
    left: 15px;
    top: 15px;
    text-align: center;
    line-height: 25px;
    color: #fafd01;
    z-index: 6;
    cursor: pointer;
    white-space: nowrap;
}


@media (max-width: 950px) {
    .helpBut {
        max-width: 95px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

.helpWpopupcloase {
    position: absolute;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    text-align: center;
    color: #ff0000;
    font-size: 16px !important;
    top: 2px;
    z-index: 1;
}


.helpBut > i {
    margin: 0 5px;
    font-size: 18px;
    vertical-align: top;
}

    .helpBut > i:before {
        line-height: 24px;
    }

    .helpBut > i.active:before {
        content: "\f057" !important;
    }

| .maxBetWinW > div.lastBetMaxBet > div > span:last-child {
    padding: 0;
}

.maxBetWinW > div.lastBetMaxBet > div > span:last-child > span {
    float: left;
    width: 50%;
    position: relative;
    padding: 0 0 0 40px;
}

    .maxBetWinW > div.lastBetMaxBet > div > span:last-child > span > label {
        height: 25px;
        line-height: 25px;
        font-size: 10px
    }

        .maxBetWinW > div.lastBetMaxBet > div > span:last-child > span > label:first-child {
            width: 40px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 25px;
            font-size: 10px;
            color: #fafd01;
            white-space: nowrap;
        }





.helpWpopup {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,1);
    z-index: 102;
    max-height: 1000px;
    top: 0;
    padding: 2px;
    overflow: auto;
}

    .helpWpopup ul {
        margin: 0;
        padding: 0;
    }

    .helpWpopup li {
        list-style: none;
        padding: 7px 10px;
    }

    .helpWpopup .col-left {
        width: 60%;
        float: left;
        text-align: center;
        font-size: 14px;
    }

    .helpWpopup .col-right .details-left-sec {
        width: 100%;
        float: left;
        border-right: 1px solid #000;
        background: #000;
    }

    .helpWpopup .col-right {
        list-style: none;
        padding: 10px 10px 0;
        padding-right: 0;
        padding-left: 0;
        border-right: 1px solid #000;
        width: 40%;
        float: left;
    }

        .helpWpopup .col-right .details-left-sec tr td {
            padding: 3px;
            font-size: 11px;
        }

            .helpWpopup .col-right .details-left-sec tr td span {
                color: #fbfa78;
                margin: 0 10px;
            }

        .helpWpopup .col-right .details-left-sec tr:nth-child(odd) {
            background: #1b1b1b;
        }

        .helpWpopup .col-right .details-left-sec tr:nth-child(even) {
            background: #111111;
        }

.help_menu_details {
    width: 100%;
    padding: 0;
    border: 1px solid #000;
    float: left;
}

    .help_menu_details li {
        width: 14.2857142857%;
        float: left;
        padding: 18px;
        height: 100px;
        overflow: auto;
    }

        .help_menu_details li span {
            color: #fbfa78;
            margin: 0;
        }

    .help_menu_details .row1 li:nth-child(even) {
        background: #111111;
    }

    .help_menu_details .row1 li:nth-child(odd) {
        background: #1b1b1b;
    }

.roullete-img .wrapper {
    width: 100%;
    position: relative;
}

    .roullete-img .wrapper img {
        width: 100%;
    }

.col-right h3 {
    margin-bottom: 0;
    text-align: center;
    color: #f86801;
}

.roullete-img .wrapper > span {
    width: 2.03619909502%;
    height: 3.45489443378%;
}


.helpWpopup .col-right .details-left-sec tr.active {
    background-color: #ec5818;
}

.help_menu_details .row1 li.active {
    background-color: #ec5818;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.helpWpopup {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 102;
    min-height: 800px;
    top: 0
}

    .helpWpopup ul {
        margin: 0;
        padding: 0;
    }

    .helpWpopup li {
        list-style: none;
        padding: 7px 10px;
    }

    .helpWpopup .col-left {
        width: 60%;
        float: left;
        text-align: center;
        font-size: 14px;
    }

    .helpWpopup .col-right .details-left-sec {
        width: 100%;
        float: left;
        border-right: 1px solid #000;
        background: #000;
    }

    .helpWpopup .col-right {
        list-style: none;
        padding: 10px 10px 0;
        padding-right: 0;
        padding-left: 0;
        border-right: 1px solid #000;
        width: 40%;
        float: left;
    }

        .helpWpopup .col-right .details-left-sec tr th {
            padding: 11px;
            color: #ff6a00;
        }

        .helpWpopup .col-right .details-left-sec tr td {
            padding: 5px;
        }

            .helpWpopup .col-right .details-left-sec tr td span {
                color: #fbfa78;
                margin: 0 10px;
            }

        .helpWpopup .col-right .details-left-sec tr:nth-child(odd) {
            background: #1b1b1b;
        }

        .helpWpopup .col-right .details-left-sec tr:nth-child(even) {
            background: #111111;
        }

.help_menu_details {
    width: 100%;
    border: 1px solid #000;
    float: left;
    height: 50px;
}

    .help_menu_details li {
        width: 33.333333%;
        float: left;
        padding: 7px;
        color: #e2e16d;
    }

        .help_menu_details li span {
            color: #fbfa78;
        }

            .help_menu_details li span.number {
                width: 20px;
                height: 20px;
                display: inline-block;
            }

        .help_menu_details li .draw-desc {
            color: #fff !important;
            /*margin-left:20px;*/
        }

    .help_menu_details .row1 li:nth-child(even) {
        background: #111111;
    }

    .help_menu_details .row1 li:nth-child(odd) {
        background: #1b1b1b;
    }

.roullete-img .wrapper {
    width: 100%;
    position: relative;
}

    .roullete-img .wrapper img {
        width: 100%;
    }

.col-right h3 {
    margin-bottom: 0;
    text-align: center;
    color: #f86801;
}

.roullete-img .wrapper > span {
    width: 2.03619909502%;
    height: 3.45489443378%;
}


.helpWpopup .col-right .details-left-sec tr.active {
    background-color: #ec5818;
}

.help_menu_details .row1 li.active {
    background-color: #ec5818;
}


/*Start Win Number Animation */
.roul_num_middle_w > div.active_WinNum:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(255, 255, 0);
    content: "";
    display: block;
    border: 3px dashed #000000;
    -webkit-animation-name: winNumberAni;
    -webkit-animation-duration: 05s;
    -webkit-animation-iteration-count: infinite;
    animation-name: winNumberAni;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}

.roul_num_middle_w > div.active_WinNum > div {
    color: #000;
}


.chipSelected > span {
    left: 50%;
    top: 50%;
    position: absolute;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.roul_num_middle_w > div > span:hover {
    z-index: 2;
    overflow: inherit;
}

.chipSelected:hover > span {
    background-color: #000;
    padding: 5px;
    font-size: 12px;
    transition: 1s;
    top: 50%;
    margin-top: -18px;
    line-height: 8px;
    border-radius: 4px;
}




.tablepopupBut {
    display: none;
}

.tablepopupStbut, .desktop_animatiobBg {
    display: none;
}


@-webkit-keyframes winNumberAni {
    0% {
        border: 4px dashed #ffffff;
        transform: scale(1.1);
    }

    100% {
        border: 3px dashed #000000;
        transform: scale(0.9);
    }
}

@keyframes winNumberAni {
    0% {
        border: 4px dashed #ffffff;
        transform: scale(1.1);
    }

    100% {
        border: 3px dashed #000000;
        transform: scale(0.9);
    }
}

/*End Win Number Animation */


/*Normal CSS ENDS HERE*/

/*Media Screen CSS Starts HERE*/


@media only screen and (max-width: 800px) and (min-width: 180px) {
    .helpWpopup .col-left {
        width: 100%;
    }

    .helpWpopup .col-right {
        width: 100%;
    }

    .help_menu_details li {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) and (min-width: 180px) {
    .helpWpopup .col-left {
        width: 100%;
    }

    .helpWpopup .col-right {
        width: 100%;
    }

    .help_menu_details li {
        width: 100%;
    }
}



@media only screen and (min-width : 768px) and (max-width : 50000px) {

    .roul_tableW.active .roulbg_W .ball {
        display: none;
    }



    .in_right_aside {
        overflow: inherit !important;
    }








    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes cur_drawWNewAni {
        0% {
            color: #fff;
        }

        100% {
            color: #000;
        }
    }

    /* Standard syntax */
    @keyframes animationText {
        0% {
            color: #fff;
        }

        100% {
            color: #b9b9b9;
        }
    }




    .roul_tableW.active .roulbg_W {
        width: 110px;
        height: 110px;
        top: -40px;
        left: -40px;
    }

    .roul_tableW.active .winNo_w > span.timerW > label:first-child {
        font-size: 35px;
    }

    .roul_tableW.active .roul_num_top_w {
        width: 72%;
        left: 14%;
    }




    .roul_tableW.active .cur_drawWNew {
        display: none;
    }




    .tablefullscreen .roul_tableW, .tablefullscreen .roul_table {
        position: inherit !important;
    }

    .tablefullscreen .roul_num_w {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,0.9);
        z-index: 100;
        min-height: 400px;
        height: 100%;
    }

    .tablefullscreen .roul_chipW {
        z-index: 101;
        top: 7%;
        padding-right: 7%;
        transform: translate(0,-50%);
    }


    .tablefullscreen .roul_num_top_w {
        width: 84% !important;
        left: 8% !important;
        height: 24.4788732394%;
        transition: 1s;
    }

    .tablefullscreen .roul_num_middle_w {
        width: 98% !important;
        left: 1% !important;
        top: 35.0422535211%;
        height: 37.5070422535%;
        transition: 1s;
    }

    .tablefullscreen .roul_num_bottom_w {
        width: 84% !important;
        left: 8% !important;
        top: 72.549295774647%;
        height: 24.4788732394%;
        transition: 1s;
    }

    .tablefullscreen .roul_chipW > div {
        width: 55px;
        height: 55px;
        margin: 0 7px;
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    .tablepopupBut {
        top: 70% !important;
        display: block;
        text-align: center;
    }

        .tablepopupBut:hover i:after {
            background-color: rgba(0,0,0,0.8);
            position: absolute;
            white-space: nowrap;
            padding: 4px;
            border-radius: 2px;
            color: #fff;
            font-size: 11px;
            top: 100%;
            /*content: "Maximize Bet Screen";*/
            content: ""attr(data)"";
            right: 0;
            font-family: 'Roboto Condensed',sans-serif;
            z-index: 10;
        }


    .tablefullscreen .tablepopupBut.active2 {
        top: 3% !important;
        width: 40px;
        height: 40px;
        background-color: rgba(85, 85, 85, 0.7);
        line-height: 40px;
        z-index: 110;
        color: #ff0000
    }

        .tablefullscreen .tablepopupBut.active2 i:before {
            content: "\f00d";
        }

    .tablefullscreen .tablepopupBut:hover i:after {
        content: " Minimize Bet Screen";
    }

    .tablefullscreen .c_draw_idTime_W > div:first-child {
        border-radius: 0;
        padding: 0;
        height: 60px;
        width: 170px;
        right: initial;
        position: absolute;
        z-index: 110;
        /*left: 14px;*/
        left: 116px;
        top: -5px;
    }

        .tablefullscreen .c_draw_idTime_W > div:first-child > span {
            width: 100%;
            font-size: 12px;
        }

            .tablefullscreen .c_draw_idTime_W > div:first-child > span > label {
                width: 72px;
                height: 28px;
            }

            .tablefullscreen .c_draw_idTime_W > div:first-child > span:last-child {
                display: none;
            }



    .tablefullscreen .roul_table_Bg {
        visibility: hidden;
    }

    .tablefullscreen .roul_tableW.active .roulbg_W {
        width: 70px;
        height: 70px;
        top: inherit;
        left: 5px;
        bottom: 5px;
        z-index: 111;
        transition: 1s;
    }

    .tablefullscreen .roul_tableW.active .balls {
        display: none;
    }


    .tablefullscreen .roul_tableW.active .winNo_w > span.timerW > label:first-child {
        font-size: 16px;
    }


    .tablefullscreen .roulbg_W {
        width: 320px;
        height: 320px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 111;
        transition: 1s;
    }

    .tablefullscreen .roul_tableW.active .roulbg_W {
        width: 70px;
        height: 70px;
        top: inherit;
        left: 5px;
        bottom: 5px;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        z-index: 110;
    }

    .roul_tableW.active .winNo_w > span.timerW.noMorbet > label {
        font-size: 12px;
        line-height: 14px;
    }

    .tablefullscreen .roul_tableW.active .winNo_w > span.timerW.noMorbet > label {
        font-size: 7px;
        line-height: 8px;
    }




    .tablefullscreen .tablepopupStbut {
        background-color: #004a41;
        border: 1px solid #005d52;
        border-radius: 2px;
        -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
        box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
        height: 25px;
        width: 83px;
        position: absolute;
        left: 15px;
        top: 15px;
        text-align: center;
        line-height: 25px;
        color: #fafd01;
        z-index: 110;
        cursor: pointer;
        white-space: nowrap;
        position: absolute;
        top: 5%;
        transform: translate(0,-50%);
        /*left: 200px;*/
        left: 301px;
        display: block;
        font-size: 12px;
    }

    .tablefullscreen .statistics_W {
        position: absolute;
        left: 0;
        top: 4px;
        z-index: 110;
        background-color: #111;
        height: 100%;
        transition: 1s;
    }

    .tablefullscreen .tablepopupStbutClose {
        float: right;
        width: 45px;
        height: 40px;
        font-size: 18px;
        color: #ff0000;
        line-height: 40px;
        text-align: center;
        background-color: rgba(12, 12, 12, 0.2);
        cursor: pointer;
    }

    .tablefullscreen .desktop_animatiobBg {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,0.9);
        display: block;
        z-index: 111;
        position: absolute;
    }



        .tablefullscreen .desktop_animatiobBg span {
            width: 40px;
            height: 40px;
            background-color: rgba(85, 85, 85, 0.7);
            line-height: 40px;
            z-index: 110;
            color: #ff0000;
            right: 10px;
            top: 10px;
            text-align: center;
            position: absolute;
            border-radius: 100%;
            cursor: pointer;
        }


    .tablefullscreen .desktop_animationbut {
        width: 70px;
        height: 70px;
        left: 5px;
        bottom: 5px;
        z-index: 111;
        position: absolute;
    }

    .tablefullscreen .replay_but {
        bottom: -196%;
    }

    .tablefullscreen .close_but {
        bottom: -96%;
        left: 3%;
    }

    .tablefullscreen .complete_but {
        bottom: -3%;
        left: 3%;
    }
}



@media only screen and (min-width : 480px) and (max-width : 1600px) {
    /*.c_draw_idTime_W {
            margin: 14px 0 0 0;
    }*/
    .roul_num_top_w > div, .roul_num_bottom_w > div {
        padding-top: 1.5%;
    }

    e {
        margin-top: 18px;
    }
}

@media only screen and (min-width : 180px) and (max-width : 1350px) {

    .betSlip_Roultt_w_w > .cartDW {
        overflow: auto
    }

    .c_draw_idTime_W > div > span {
        font-size: 12px;
    }

    .maxBetWinW {
        padding: 0 2% 0 31%;
        margin: 8px 0 -54px 0;
    }

    .helpBut {
        top: 40px;
    }

    .roul_w_middle {
        margin-top: 32px;
    }

    .roul_table {
        font-size: 18px;
    }

    .roul_chipW > div > span {
        font-size: 1.2vw;
    }

    .roul_chipW > div.active > span {
        font-size: 1vw;
    }

    .menu_bar_w {
        padding: 0;
    }

    .menu_icon_w > li {
        display: none;
    }

        .menu_icon_w > li:first-child, .menu_icon_w > li.LanguageSLanguagectBoxInnerW, .menu_icon_w > li.demoSite_JS {
            display: inline-block;
        }

    .main_w {
        width: 100% !important;
    }

    .middle_W {
        padding: 0;
    }

    .in_left_aside {
        left: -222px;
        overflow: inherit !important;
        z-index: 100;
    }

        .in_left_aside .left_slideBUt {
            margin: 0 -67px 0 0;
            background-color: #555;
            -ms-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            border-radius: 2px;
        }

    .in_right_aside {
        right: -320px;
        overflow: inherit !important;
        z-index: 100;
        width: 320px;
    }

        .in_right_aside .left_slideBUt {
            margin: 0 0 0 -67px;
            background-color: #555;
            -ms-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            border-radius: 2px;
        }


    .left_slideBUtAdd .in_left_aside_JS {
        left: 0 !important;
        position: absolute;
        top: 0 !important;
        height: 100% !important;
    }

    .right_slideBUtAdd .in_right_aside_JS {
        right: 0 !important;
        position: absolute;
        top: 0 !important;
        height: 100% !important;
    }

    .left_slideBUtAdd .in_left_aside .left_slideBUt {
        margin: 0 -34px 0 0;
    }

    .right_slideBUtAdd .in_right_aside .left_slideBUt {
        margin: 0 0 0 -34px;
    }


    .c_draw_idTime_W {
        margin: 0 0 0;
        float: left;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 28px;
        height: 34px;
    }


        .c_draw_idTime_W > div {
            width: 100%;
            border-radius: 2px;
            position: initial;
            margin: 0px 0 0 0;
            right: 0;
            height: 34px;
            height: 34px;
            font-size: 8px;
            font-size: 2.1vw;
        }



            .c_draw_idTime_W > div > span > label {
                height: 32px;
                padding: 0 3px;
            }




    .roul_tableW {
        margin-top: 8%;
    }





    body {
        overflow: hidden;
    }

    .roul_num_middle_w > div {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .roul_num_bottom_w > div {
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff
    }

    .roul_num_top_w > div {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .roul_num_middle_w, .roul_num_bottom_w {
        border-right: 1px solid #fff;
    }


    .roul_table {
        top: -4.5%;
    }

    .winNo_w > span.timerW {
        font-size: 12px;
    }

        .winNo_w > span.timerW > label {
            position: absolute;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            line-height: initial;
        }

        .winNo_w > span.timerW.noMorbet > label {
            margin-top: 0;
        }

    .winNo_w.active span {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        text-align: center;
    }

    .roul_num_top_w {
        border-right: 1px solid #fff;
    }
}


.resultDiceCon {
    border: 1px solid #2b2b2b;
    /*float: left;*/
    width: 100%;
    border-radius: 0 0 2px 2px;
    display: none;
}

    .resultDiceCon > h3 {
        margin: 4px 0;
        font-size: 12px;
        text-align: left;
        padding: 0 0 0 10px;
        color: #ff6a00;
    }

    .resultDiceCon > div > div:nth-child(odd) {
        background-color: #1b1b1b;
    }



    .resultDiceCon > div > div {
        text-align: left;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        padding: 0 0 0 10px;
    }

.resultDiceConBut {
    position: absolute;
    width: 30px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,0.3);
    border-radius: 2px;
    text-align: center !important;
    line-height: 50px;
    cursor: pointer;
}

    .resultDiceConBut:before {
        content: "\f0fe";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        color: #ff6a00;
        font-size: 18px;
    }

    .resultDiceConBut.active:before {
        content: "\f146" !important;
    }

.sicbo_resultItemW > ul > li.active .resultDiceCon {
    display: block;
}

.resultDiceCon > div > div:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    background-color: #ff6a00;
}

/* .col-left #A { */
    /* position: absolute; */
    /* top: 45.2975047985%; */
    /* left: 65.9502262443%; */
/* } */

/* .col-left #C { */
    /* position: absolute; */
    /* top: 49.3282149712%; */
    /* left: 39.8190045249%; */
/* } */

/* .col-left #D { */
    /* position: absolute; */
    /* top: 49.3282149712%; */
    /* left: 56.1085972851%; */
/* } */

/* .col-left #B { */
    /* position: absolute; */
    /* top: 49.7120921305%; */
    /* left: 74.2081447964%; */
/* } */

/* .col-left #E { */
    /* position: absolute; */
    /* top: 69.2898272553%; */
    /* left: 48.3031674208%; */
/* } */

/* .col-left #EM { */
    /* position: absolute; */
    /* top: 69.2898272553%; */
    /* left: 64.479638009%; */
/* } */

/* .col-left #ER { */
    /* position: absolute; */
    /* top: 69.2898272553%; */
    /* left: 80.2036199095%; */
/* } */

/* .col-left #F { */
    /* position: absolute; */
    /* top: 76.7754318618%; */
    /* left: 43.5520361991%; */
/* } */

/* .col-left #FR { */
    /* position: absolute; */
    /* top: 76.5834932821%; */
    /* left: 83.9366515837%; */
/* } */

/* .col-left #H { */
    /* position: absolute; */
    /* top: 76.5834932821%; */
    /* left: 60.1809954751%; */
/* } */

/* .col-left #HM { */
    /* position: absolute; */
    /* top: 76.5834932821%; */
    /* left: 67.7601809955%; */
/* } */

/* .col-left #G { */
    /* position: absolute; */
    /* top: 76.5834932821%; */
    /* left: 51.8099547511%; */
/* } */

/* .col-left #GM { */
    /* position: absolute; */
    /* top: 76.5834932821%; */
    /* left: 76.0180995475%; */
/* } */

/* .col-left #I { */
    /* position: absolute; */
    /* top: 45.2975047985%; */
    /* left: 90.0452488688%; */
/* } */

/* .col-left #IM { */
    /* position: absolute; */
    /* top: 53.358925144%; */
    /* left: 90.0452488688%; */
/* } */

/* .col-left #IR { */
    /* position: absolute; */
    /* top: 61.2284069098%; */
    /* left: 90.0452488688%; */
/* } */

/* .col-left #N { */
    /* position: absolute; */
    /* top: 37.4280230326%; */
    /* left: 79.9773755656%; */
/* } */

/* .col-left #K { */
    /* position: absolute; */
    /* top: 30.3262955854%; */
    /* left: 75.9049773756%; */
/* } */

/* .col-left #M { */
    /* position: absolute; */
    /* top: 30.1343570058%; */
    /* left: 51.6968325792%; */
/* } */

/* .col-left #L { */
    /* position: absolute; */
    /* top: 37.6199616123%; */
    /* left: 63.6877828054%; */
/* } */

/* .col-left #J { */
    /* position: absolute; */
    /* top: 37.4280230326%; */
    /* left: 48.0769230769%; */
/* } */

/* .col-left #Q { */
    /* position: absolute; */
    /* top: 84.6449136276%; */
    /* left: 31.9004524887%; */
/* } */

/* .col-left #P { */
    /* position: absolute; */
    /* top: 77.1593090211%; */
    /* left: 31.9004524887%; */
/* } */

/* .col-left #R { */
    /* position: absolute; */
    /* top: 90.4030710173%; */
    /* left: 40.4977375566%; */
/* } */

/* .col-left #S { */
    /* position: absolute; */
    /* top: 33.9731285988%; */
    /* left: 93.3257918552%; */
/* } */

/* .col-left #T { */
    /* position: absolute; */
    /* top: 5.56621880998%; */
    /* left: 48.1900452489%; */
/* } */

/* .col-left #U { */
    /* position: absolute; */
    /* top: 10.556621881%; */
    /* left: 48.1900452489%; */
/* } */

/* .col-left #V { */
    /* position: absolute; */
    /* top: 5.75815738964%; */
    /* left: 59.5022624434%; */
/* } */

/* .col-left #W { */
    /* position: absolute; */
    /* top: 10.1727447217%; */
    /* left: 57.2398190045%; */
/* } */

/* .col-left #X { */
    /* position: absolute; */
    /* top: 10.3646833013%; */
    /* left: 68.2126696833%; */
/* } */

/* .col-left #Y { */
    /* position: absolute; */
    /* top: 5.75815738964%; */
    /* left: 94.6832579186%; */
/* } */

/* .col-left #Z { */
    /* position: absolute; */
    /* top: 10.556621881%; */
    /* left: 94.6832579186%; */
/* } */

/* .col-left #O { */
    /* position: absolute; */
    /* top: 17.2744721689%; */
    /* left: 36.7647058824%; */
/* } */

/* .col-left #a { */
    /* position: absolute; */
    /* top: 17.2744721689%; */
    /* left: 53.2805429864%; */
/* } */

/* .col-left #b { */
    /* position: absolute; */
    /* top: 17.2744721689%; */
    /* left: 84.9547511312%; */
/* } */


/* .col-left #d { */
    /* position: absolute; */
    /* left: 41.9683257919%; */
    /* top: 65.4510556622% */
/* } */

/* .col-left #e { */
    /* position: absolute; */
    /* left: 51.9230769231%; */
    /* top: 65.4510556622% */
/* } */

/* .col-left #f { */
    /* top: 65.4510556622%; */
    /* left: 39.47963800904977%; */
    /* position: absolute; */
/* } */
.col-left #A {
    position: absolute;
    top: 38.297505%;
    left: 64.950226%;
}
.col-left #B {
    position: absolute;
    top: 44.712092%;
    left: 73.808145%;
}
.col-left #C {
    position: absolute;
    top: 44.328215%;
    left: 37.819005%;
}
.col-left #D {
    position: absolute;
    top: 45.328215%;
    left: 55.108597%;
}
.col-left #E {
    position: absolute;
    top: 65.289827%;
    left: 46.303167%;
}

.col-left #EM {
    position: absolute;
    top: 65.289827%;
    left: 63.479638%;
}
.col-left #ER {
    position: absolute;
    top: 65.989827%;
    left: 79.99990362%;
}
.col-left #F {
    position: absolute;
    top: 73.775432%;
    left: 42.552036%;
}
.col-left #FR {
    position: absolute;
    top: 72.983493%;
    left: 84.236652%;
}
.col-left #G {
    position: absolute;
    top: 73.555151583493%;
    left: 50.855509955%;
}
.col-left #GM {
    position: absolute;
    top: 73.583493%;
    left: 76.0180995475%;
}
.col-left #H {
    position: absolute;
    top: 73.283493%;
    left: 59.480995%;
}
.col-left #HM {
    position: absolute;
    top: 73.283493%;
    left: 67.7601809955%;
}
.col-left #I {
    position: absolute;
    top: 48.97505%;
    left: 90.655452%;
}
.col-left #IR {
    position: absolute;
    top: 57.528407%;
    left: 90.65%;
}
.col-left #IM {
    position: absolute;
    top: 40.528407%;
    left: 90.65%;
}
.col-left #J {
    position: absolute;
    top: 26.528023%;
    left: 77.476923%;
}

.col-left #J {
    position: absolute;
    top: 26.728023%;
    left: 69.876923%;
}
.col-left #L {
    position: absolute;
    left: 59.187783%;
    top: 26.528023%;
}
.col-left #M {
    position: absolute;
    top: 26.528023%;
    left: 47.396833%;
}
.col-left #N {
    position: absolute;
    top: 65.228023%;
    left: 90.577376%;
}
.col-left #d {
    position: absolute;
    top: 61.974472%;
    left: 40.064706%;
}
.col-left #e {
    position: absolute;
    top: 61.9409%;
    left: 50.500452%;
}
.col-left #f {
    position: absolute;
    top: 61.744914%;
    left: 37.600452%;
}
.col-left #P {
    position: absolute;
    top: 70.659309%;
    left: 27.500452%;
}
.col-left #Q {
    position: absolute;
    top: 75.644914%;
    left: 27.500452%;
}
.col-left #R {
    position: absolute;
    top: 88.903071%;
    left: 34.98738%;
}
.col-left #S {
    position: absolute;
    top: 22.973129%;
    left: 96.325792%;
}
.col-left #T {
    position: absolute;
    top: 3.066219%;
    left: 30.690045%;
}
.col-left #U {
    position: absolute;
    top: 7.956622%;
    left: 30.590045%;
}
.col-left #V {
    position: absolute;
    left: 61.502262%;
    top: 2.956622%;
}
.col-left #W {
    position: absolute;
    top: 8.172745%;
    left: 58.539819%;
}
.col-left #X {
    position: absolute;
    top: 8.064683%;
    left: 68.91267%;
}
.col-left #Y {
    position: absolute;
    top: 3.058157%;
    left: 94.999258%;
}
.col-left #Z {
    position: absolute;
    top: 8.256622%;
    left: 95.283258%;
}
.col-left #O {
    position: absolute;
    top: 8.256622%;
    left: 95.283258%;
}
.col-left #a {
    position: absolute;
    top: 15.274472%;
    left: 52.980543%;
}
.col-left #b {
    position: absolute;
    top:14.779270%;
    left:63.800904%;
}
.col-left #c {
    position: absolute;
    top: 15.274472%;
    left: 63.954751%;
}
.col-left #g {
    top: 80.451056%;
    left: 9.179638%;
    position: absolute;
}
.col-left #h {
    top: 80.451056%;
    left: 14.479638%;
    position: absolute;
}
.col-left #i {
       top: 20.54849%;
    left: 86.179638%;
    position: absolute;
}
.col-left #j {
    top: 32.451056%;
    left: 85.879638%;
    position: absolute;
}
.col-left #k {
    top: 29.451056%;
    left: 93.479638%;
    position: absolute;
}
.col-left #l {
    top: 65.4510556622%;
    left: 90.479638%;
    position: absolute;
}
.col-left #m {
    top: 81.051056%;
    left: 76.479638%;
    position: absolute;
}
.col-left #n {
    top: 80.951056%;
    left: 81.479638%;
    position: absolute;
}
.col-left #o {
    top: 30.451056%;
    left: 64.479638%;
    position: absolute;
}

.helpWpopup .col-right .details-left-sec tr.active {
    background-color: #ec5818;
}

.help_menu_details .row1 li.active {
    background-color: #ec5818;
}

.replay_but, .close_but, .complete_but {
    position: absolute;
    bottom: 0;
    width: 4%;
    left: 3%;
}

    .replay_but:hover {
        cursor: pointer;
    }



.close_but {
    left: 8%;
}

    .close_but:hover {
        cursor: pointer;
    }

/*Complete bet*/


.complete_but:hover {
    cursor: pointer;
}

.complete_bet_num {
    font-size: 31px;
    color: red;
    /*background-color: #4bff00;*/
    /* border: bisque; */
    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    width: 32px;
    height: 32px;
    text-align: center;
    color: white;
    /*background: #a4eca6;*/
    border-radius: 180px;
    z-index: 1;
    transform: scale(0.9);
    padding-top: 5px;
}

.custom-close-btn {
    font-size: 16px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    color: #da0000 !important;
}

.complete_bet_num:hover, .complete_bet_num:active {
    cursor: pointer !important;
}

.complet_bet_types {
    background-color: #aba399;
}

.complete_CBName {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fafd01;
    padding-left: 10px;
}

.complete_bet_rem {
    cursor: pointer;
    padding-left: 10px;
}

.complete_bet_BG {
    /*background-color: #0d4441;*/
    background-color: #3e3c3c;
}

.vR_Slip_w-popupbg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    z-index: 200;
}

.complete_bet {
    max-width: 768px;
    width: 100%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,0);
    /*padding-bottom: 50px;*/
    padding-bottom: 25px;
    top: 15%;
    z-index: 5;
    border: 2px solid #404040;
}
/*Complete bet*/
@media only screen and (min-width : 180px) and (max-width : 767px) {
    .replay_but, .close_but {
        position: absolute;
        bottom: 143%;
        width: 7%;
        left: 0%;
        max-width: 30px;
    }

    .close_but {
        bottom: 254%;
    }

    .roul_w_middle_MB .replay_but, .roul_w_middle_MB .close_but {
        bottom: 240%;
        width: 7%;
        left: 1%;
        max-width: 30px;
    }

    .roul_w_middle_MB .close_but {
        left: 1%;
        bottom: 133%;
    }

    .vR_SlipAll_Cancel {
        transform: translate(0);
        width: 60px;
        font-size: 10px;
        left: -7px;
        top: -7px;
    }


    .vR_Slip_c h3 {
        padding: 7px 0 7px 10px;
        text-align: left;
        font-size: 14px;
    }

    .maxBetWinW {
        padding: 53px 0 0 0;
        margin: 2px 0 0 0;
        position: relative;
    }

        .maxBetWinW > div {
            width: 50%;
            padding: 0;
        }

            .maxBetWinW > div.lastBetMaxBet {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
            }

        .maxBetWinW > div {
            margin-bottom: 1px;
        }

            .maxBetWinW > div.lastBetMaxBet > div > span:first-child {
                padding: 0 0 0 140px
            }

    .helpBut {
        top: 0px;
        left: 0;
        z-index: 1;
        white-space: nowrap;
        width: 95px;
        border-radius: 0;
        border-bottom: 0;
    }


    .maxBetWinW > div.lastBetMaxBet > div > span > label:first-child {
        left: 95px
    }


    .last280W {
        width: 100%;
        min-height: inherit;
    }

    .hot_cold_W {
        width: 100%;
    }

    .stsH_hotCold {
        text-align: center;
    }

    .TryNow {
        top: 42px;
    }

    .c_draw_idTime_W > div > span {
        display: flex;
        line-height: 13px;
        align-items: center;
    }

        .c_draw_idTime_W > div > span > label {
            float: none;
            margin-bottom: 0;
            align-self: stretch;
            margin: 0 6px;
            flex: 1
        }
}

@media only screen and (min-width : 180px) and (max-width : 480px) {
    .last280W .itemH > span {
        width: 33.333333%;
    }

        .last280W .itemH > span:last-child {
            display: none;
        }
}

@media only screen and (min-width : 180px) and (max-width : 800px) {

    .roul_chipW > div {
        margin: 0 8px;
    }

    .cur_drawWNew > span {
        line-height: 22px;
        font-size: 10px;
    }

        .cur_drawWNew > span:before {
            width: 36px;
            height: 36px;
            padding: 12px;
            font-size: 14px;
        }
}









/*@media only screen and (min-width : 1px) and (max-width : 767px) {
    .helpWpopup .col-right {
        width: 100%;
    }

    .helpWpopup .col-left {
        width: 100%;
    }

    .help_menu_details {
        width: 100%;
    }

    .roul_num_top_w > div, .roul_num_bottom_w > div {
        padding-top: 0.8%;
    }

    .roul_num_middle_w {
        top: 32.5070422535%;
    }

    .roul_num_bottom_w {
        top: 64.989295774647%;
    }

    .roul_chipW > div {
        margin: 0 7px;
    }

    .c_draw_idTime_W > div {
        padding: 0;
    }

        .c_draw_idTime_W > div > span {
            width: 37.5%;
        }

            .c_draw_idTime_W > div > span:first-child {
                width: 25%;
            }

    .mobileviewTable {
        position: relative;
        top: 0;
        left: 0;
        height: 655px;
        float: left;
        width: 100%;
        z-index: 20;
  
    }


    .Fetch_Draw {
        border-radius: 0;
    }



    .roul_table_Bg {
        display: none;
    }

    .roul_tableW {
        margin-top: 0;
        height: 100%;
        width: 100%;
        margin-left: 0;
    }

    .roulbg_W {
        width: 320px;
        height: 320px;
        left: 0;
        top: 0;
        position: relative;
        margin: 32px 0 0 50%;
        -ms-transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }


    .roul_num_w {
        float: left;
        width: 100%;
        height: 320px;
        position: relative;
        margin-top: 10px;
        font-size: 12px;
        line-height: 25px;
    }

    .c_draw_idTime_W > div {
        font-size: 10px;
    }

    .cur_drawW {
        width: 100%;
        top: -141px;
    }


        .cur_drawW > span {
            font-size: 9px;
            height: 34px;
            line-height: 34px;
        }

    .roul_num_top_w, .roul_num_bottom_w {
        width: 85.7%;
        height: 21.4788732394%;
        left: 7%;
    }

    .c_draw_idTime_W {
        padding: 0;
        top: 468px;
    }


    .roul_num_middle_w {
        width: 100%;
        left: 0;
    }





    .roul_chipW > div {
        width: 30px;
        height: 30px;
    }

    .roul_chipW {
        bottom: -27px;
        height: 30px;
    }

        .roul_chipW > div > span {
            font-size: 8px;
        }

        .roul_chipW > div.active > span {
            font-size: 7px;
        }



    .roul_w_middle_MB .roul_num_w {
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #111111;
        margin-top: 0;
        z-index: 10;
    }

    .roul_num_w.MhPhGif:before {
        background-color: rgba(255, 255, 255, 0.7);
        background-image: url(../images/virtualroulette/ph.gif);
        background-position: center;
        background-size: 30%;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: "";
    }

    .roul_w_middle_MB .roul_num_w.MhPhGif:before {
        display: none;
    }

    .roul_w_middle_MB .menu_bar_w {
        display: none;
    }

    .roul_w_middle_MB .fullsecreen_W_JS {
        padding: 0;
        z-index: 10000;
        position: relative;
    }

    .roul_w_middle_MB .roul_chipW {
        position: fixed;
        bottom: 8px;
        right: 0;
        z-index: 11;
        padding-right: 0;
    }

    .roul_w_middle_MB .c_draw_idTime_W > div:first-child {
    }

    .roul_w_middle_MB .c_draw_idTime_W {
        position: fixed;
        top: 0;
        z-index: 25;
        padding: 0 34px;
    }

    .roul_w_middle_MB .roulbg_W {
        width: 290px;
        height: 290px;
        left: 50%;
        top: 50%;
        position: fixed;
        margin: 0;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 50;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }

        .roul_w_middle_MB .roulbg_W.active {
            width: 40px;
            height: 40px;
            left: 0;
            position: fixed;
            z-index: 50;
            top: 99%;
            margin: 0 0 0 10px;
            -ms-transform: translate(0,-100%);
            -webkit-transform: translate(0,-100%);
            -o-transform: translate(0,-100%);
            transform: translate(0,-100%);
        }

            .roul_w_middle_MB .roulbg_W.active .winNo_w > span.timerW > label:first-child {
                font-size: 8px;
            }

            .roul_w_middle_MB .roulbg_W.active .winNo_w > span.timerW.noMorbet > label {
                white-space: nowrap;
                font-size: 12px;
            }

            .roul_w_middle_MB .roulbg_W.active .ball {
                width: 4px;
                height: 2px;
            }

            .roul_w_middle_MB .roulbg_W.active .winNo_w.active span {
                font-size: 12px;
            }

    .roul_w_middle_MB .Mb_animatiobBg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        content: "";
        z-index: 40;
    }






    .roul_w_middle_MB .ConformBet {
        position: fixed;
        bottom: 7px;
        left: 65px;
        z-index: 16;
    }


    .ConformBet > span {
        display: none;
    }


    .roul_w_middle_MB .ConformBet > span {
        display: block;
        width: 50px;
        height: 30px;
        line-height: 15px;
        background-color: #e68101;
        float: right;
        border-radius: 4px;
        text-align: center;
        font-size: 11px;
        padding: 6px;
        color: #ffffff;
        border: 1px solid #ffa839;
    }




    .Mb_animatiobBgClose {
        display: none !important;
    }

    .roul_w_middle_MB .Mb_animatiobBgClose {
        position: fixed;
        right: 10px;
        top: 15%;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #ff0000;
        font-size: 14px;
        background-color: #555;
        border-radius: 100%;
        z-index: 51;
        display: block !important;
    }

        .roul_w_middle_MB .Mb_animatiobBgClose.ng-hide {
            display: none !important;
        }

    .mobileviewTable {
        z-index: inherit;
    }


    .roul_w_middle_MB .StatisticsBut {
        left: 125px;
        display: block;
    }

        .roul_w_middle_MB .StatisticsBut.active > span:before {
            content: "\f00d";
            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 .StatisticsBut > span:last-child {
            line-height: 17px;
            width: 55px;
            background-color: #006b32;
            border: 1px solid #006b32;
        }

    .Mb_animatonWheelclick {
        position: fixed;
        left: 10px;
        bottom: 7px;
        width: 40px;
        height: 40px;
        z-index: 51;
        border-radius: 100%;
    }

    .roulbg_W_w {
        overflow: hidden;
    }

    .mutButRo {
        position: absolute;
        z-index: 51;
        top: 48%;
        right: 12px;
        background-color: rgba(0,0,0,0.3);
    }



    .roul_w_middle_MB .statistics_W.active {
        position: fixed;
        z-index: 15;
        overflow: auto;
        top: 32px;
        height: 100%;
        padding-bottom: 30px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }




    .roul_w_middle_MB .StatisticsBut.active > span {
        font-size: 0;
        position: fixed;
        top: 38px;
        right: 4px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        background-color: rgba(255, 0, 0, 0.5);
        line-height: 29px;
        border: none;
    }

    .roul_w_middle_MB .mutButRo {
        position: fixed;
        top: 67%;
        right: 3px;
    }



    .roul_w_middle_MB .helpWpopup {
        position: fixed;
        left: 0;
        top: 0;
    }

    .roul_w_middle_MB .conformslippopup {
        position: fixed;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 60;
        width: 250px;
        height: 125px;
        background-color: #fff;
        border-radius: 2px;
        display: block;
    }

        .roul_w_middle_MB .conformslippopup p {
            text-align: center;
            color: red;
            font-size: 12px;
            padding: 10px 0;
            width: 100%;
        }

        .roul_w_middle_MB .conformslippopup div {
            width: 100%;
            text-align: center;
        }

            .roul_w_middle_MB .conformslippopup div > div {
                width: 60px;
                height: 35px;
                text-align: center;
                line-height: 35px;
                border-radius: 2px;
                color: #fff;
                margin: 0 15px;
                display: inline-block;
                background-color: #e68101;
                cursor: pointer;
                font-size: 12px;
            }

                .roul_w_middle_MB .conformslippopup div > div:last-child {
                    background-color: #da0404;
                }










    .roul_w_middle_MB .maxBetWinW.active {
        position: fixed;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: 44;
        padding: 33px 0 0 0;
    }

        .roul_w_middle_MB .maxBetWinW.active > div.lastBetMaxBet {
            position: absolute;
            left: 0;
            top: initial;
            bottom: 0;
        }

            .roul_w_middle_MB .maxBetWinW.active > div.lastBetMaxBet > div > span > label:first-child {
                left: 0;
                text-align: center;
            }

            .roul_w_middle_MB .maxBetWinW.active > div.lastBetMaxBet > div > span:first-child {
                padding: 0 0 0 31px;
                text-align: left;
            }

        .roul_w_middle_MB .maxBetWinW.active > div > div > span > label:first-child {
            width: 42px;
        }

        .roul_w_middle_MB .maxBetWinW.active > div > div > span {
            padding: 0 0 0 31px;
            text-align: left;
            font-size: 10px;
        }

        .roul_w_middle_MB .maxBetWinW.active .helpBut {
            top: 160px;
            border: none;
            z-index: 50;
        }


    .roul_w_middle_MB .maxBetWinW > div.lastBetMaxBet > div > span:last-child {
        padding: 0;
    }

    .roul_w_middle_MB .helpWpopup {
        z-index: 101;
    }

    .roul_w_middle_MB .maxBetWinW > div {
        width: 100%;
    }
}*/

/*Cancel slip  Confirm*/
.conformBetPopupW {
    float: left;
    width: 100%;
}

    .conformBetPopupW > div {
        width: 100%;
        float: left;
        padding: 15px;
        background-color: #dedede;
    }

        .conformBetPopupW > div > p {
            text-align: center;
            color: #000;
            font-size: 14px;
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
        }

        .conformBetPopupW > div > div {
            width: 60px;
            height: 25px;
            line-height: 25px;
            background-color: #ff6a00;
            text-align: center;
            color: #fff;
            border-radius: 2px;
            float: left;
            cursor: pointer;
        }

            .conformBetPopupW > div > div.c_no {
                float: right;
                background-color: #da0000;
            }

/*.conformBetPopupW > div > span.fa-times {
            position: absolute;
            right: 0;
            top: 0;
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 35px;
            color: #da0000;
            font-size: 18px;
            cursor: pointer;
        }*/
/*Cancel slip  Confirm*/

/*Media Screen CSS ENDS HERE*/


.Mb_animatiobBgClose {
    display: none;
}

.conformslippopup {
    display: none
}

.scrollStyle {
    overflow-x: hidden;
}

.scollUP {
    width: 25px;
    height: 25px;
    background-color: #555;
    position: fixed;
    border-radius: 3px;
    text-align: center;
    line-height: 27px !important;
    cursor: pointer;
    color: #fafd01;
    z-index: 1000;
}

.rightScroll {
    bottom: 7px;
    right: 11px;
}

.leftScroll {
    bottom: 7px;
    left: 11px;
}




.mainMenuMB .rest_show_pass_w {
    margin: 5px 0;
    padding: 16px;
}

.mainMenuMB .show_pass_w {
    width: 100%;
    float: left;
    cursor: pointer;
}

    .mainMenuMB .show_pass_w input {
        width: 20px;
        height: 18px;
        background-color: #fff;
        margin-top: -2px;
        border-radius: 2px;
    }

.mainMenuMB .reset_password {
    float: left;
    width: 100%;
    margin: 12px 0 0 0;
}

.v_hide {
    visibility: hidden;
}

/* START PLAYABLE TICKET CHANGES*/

.CartPreview {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    left: 0;
    max-height: 100%;
    padding-top: 25px;
    top: 0;
    background-color: rgba(0,0,0,0.8);
    overflow: auto;
}

    .CartPreview > div {
        min-width: 300px;
        width: 30%;
        transform: translate(-50%,0);
        left: 50%;
        position: absolute;
        top: 10%;
        padding: 25px;
        background-color: #ffffff;
    }

    .CartPreview .b_S_R_C_tires > div > span:nth-child(2), .CartPreview .b_S_R_H > span:nth-child(2), .CartPreview .b_S_R_H > span:nth-child(3), .CartPreview .b_S_R_C_tires > div > span:nth-child(1) {
        background-color: #ffffff;
    }

        .CartPreview .b_S_R_C_tires > div > span:nth-child(2) > label:last-child {
            color: #ff6a00 !important;
            padding: 0 0 0 0 !important;
        }

    .CartPreview .b_S_R_H > span > input {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        color: #000;
    }

    .CartPreview .b_S_R_C_tires > div > span:nth-child(3), .CartPreview .b_S_R_W_H > span:nth-child(4), .CartPreview .b_S_R_H > span:nth-child(4) {
        width: 30%
    }

    .CartPreview .b_S_R_C_tires > div > span:nth-child(2) > label, .CartPreview .b_S_R_C_tires > div > span:nth-child(3), .CartPreview .b_S_R_H > span:nth-child(4) {
        background-color: #ffffff;
        color: #000;
    }

    .CartPreview .b_S_R_H > span:nth-child(5) {
        width: 10%;
        background-color: #da5a00;
    }

    .CartPreview .b_S_R_C {
        border-top: 1px solid #a0a0a0;
        border-bottom: 1px solid #a0a0a0;
        background-color: #a0a0a0;
    }

        .CartPreview .b_S_R_C > span {
            border-right: 1px solid #d6d6d6;
        }

    .CartPreview .b_S_R_H > span:nth-child(4) label:last-child {
        color: #000;
        font-size: 11px;
    }

.cartDW.CartPreview .b_S_R_W_H {
    /*width: 100%;
        position: fixed;
        z-index: 5;
        left: 50%;
        top: -24px;
        background-color: #00843d;
        transform: translate(-50%,0);*/
}

.cartDW.CartPreview .b_S_R_W {
    width: 100%;
    border: 2px solid #a0a0a0;
    position: relative;
    margin: 2px 0;
}

.poscartViewClose {
    display: none;
}

.cartDW.CartPreview .poscartViewClose {
    display: block;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    border-radius: 100%;
    color: red;
    cursor: pointer;
    background-color: rgb(226, 226, 226);
}

    .cartDW.CartPreview .poscartViewClose:hover {
        background-color: rgba(255,255,255,1);
    }

.poscartViewOk {
    display: none;
}

.cartDW.CartPreview .poscartViewOk {
    position: relative;
    left: 50%;
    display: block;
    transform: translate(-50%,0);
    margin: 2px 0;
    clear: both;
    width: 96px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background-color: #00843d;
    /* margin-top: 30px; */
    top: 10px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

    .cartDW.CartPreview .poscartViewOk:hover {
        background-color: #00a24b;
    }

.poscartViewPreview {
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    margin: 2px 0;
    clear: both;
    width: 96px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background-color: #da5a00;
    top: -3px;
    font-weight: bold;
    font-size: 14px;
}

.sessionsEsx {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,1);
    left: 0;
    top: 0;
    z-index: 11111;
}

    .sessionsEsx h2 {
        font-size: 52px;
        text-align: center;
        color: #ff0000;
        position: absolute;
        width: 100%;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
    }

.totalSbut {
    color: #000;
    float: left;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

    .totalSbut > span:after {
        content: ":";
        display: inline-block;
        margin: 0 5px;
    }

/* END PLAYABLE TICKET CHANGES*/


.slip_but_w > div {
    position: relative;
}

/*Start Highlight the combination bet types when the cursor hover on the bet types*/
.roul_num_middle_w.Snake > div.active > span:nth-child(2),
.roul_num_middle_w.Zeroneighbors > div.active.numMiddle_25 > span:nth-child(3), .roul_num_middle_w.Zeroneighbors > div.active.numMiddle_14 > span:nth-child(5),
.roul_num_middle_w.Zeroneighbors > div.active.numMiddle_29 > span:nth-child(3), .roul_num_middle_w.Zeroneighbors > div.active.numMiddle_5 > span:nth-child(3),
.roul_num_middle_w.Zeroneighbors > div.active.numMiddle_7 > span:nth-child(3), .roul_num_middle_w.Zeroneighbors > div.active.numMiddle_36 > span:nth-child(5),
.roul_num_middle_w.Zeroneighbors > div.active.numMiddle_34 > span:nth-child(3),
.roul_num_middle_w.Orphans > div.active.numMiddle_38 > span:nth-child(3), .roul_num_middle_w.Orphans > div.active.numMiddle_20 > span:nth-child(3),
.roul_num_middle_w.Orphans > div.active.numMiddle_19 > span:nth-child(3), .roul_num_middle_w.Orphans > div.active.numMiddle_3 > span:nth-child(3), .roul_num_middle_w.Orphans > div.active.numMiddle_27 > span:nth-child(2),
.roul_num_middle_w.Zerogame > div.active.numMiddle_25 > span:nth-child(3), .roul_num_middle_w.Zerogame > div.active.numMiddle_5 > span:nth-child(3), .roul_num_middle_w.Zerogame > div.active.numMiddle_1 > span:nth-child(3), .roul_num_middle_w.Zerogame > div.active.numMiddle_22 > span:nth-child(2),
.roul_num_middle_w.Tierssmallseries > div.active.numMiddle_12 > span:nth-child(3), .roul_num_middle_w.Tierssmallseries > div.active.numMiddle_10 > span:nth-child(3), .roul_num_middle_w.Tierssmallseries > div.active.numMiddle_21 > span:nth-child(4),
.roul_num_middle_w.Tierssmallseries > div.active.numMiddle_32 > span:nth-child(3), .roul_num_middle_w.Tierssmallseries > div.active.numMiddle_30 > span:nth-child(4), .roul_num_middle_w.Tierssmallseries > div.active.numMiddle_16 > span:nth-child(3) {
    border: 2px dotted #fff !important;
    border-radius: 100%;
}
/*End Highlight the combination bet types when the cursor hover on the bet types*/

/*Start First 4*/
.roul_num_middle_w .numMiddle_0 > span:nth-child(3) {
    width: 50% !important;
    height: 25% !important;
    top: 87% !important;
    left: 75% !important;
}

    .roul_num_middle_w .numMiddle_0 > span:nth-child(3) .chipSelected {
        width: 100%;
        left: 0;
    }


/*End First 4*/

/*start For the Print Results in PDF*/
.printBT {
    color: #ff6a00;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 1px;
    background-color: transparent;
    border: none;
}

.printbt_D {
    width: 160px;
    position: absolute;
    right: 0;
    top: 33px;
    background-color: #191919;
    z-index: 1;
    border: 1px solid #2b2b2b;
    display: none;
}

    /*.printBT:focus + .printbt_D, .printbt_D:hover {
        display: block;
    }*/

    .printBT:focus + .printbt_D, .printbt_D:hover, .printBT:active + .printbt_D, .printBT:hover + .printbt_D {
        display: block
    }

    .printbt_D > span {
        display: block;
        text-align: left;
        padding: 10px;
        border-bottom: 1px solid #2b2b2b;
        cursor: pointer;
    }

        .printbt_D > span:hover {
            background-color: #2b2b2b;
        }
/*End For the Print Results in PDF*/



@media only screen and (min-width : 1023px) and (max-width : 1920px) {
    .replay_but, .close_but, .complete_but {
        bottom: -10px;
        width: 5%;
    }

    .close_but {
        left: 9%;
    }
}

.complete_but {
    left: 15%;
}

.NewPopupWbg {
    z-index: 100002 !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;
    }


.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;
}

.uib-datepicker-popup table thead tr:first-child button i {
    display: none !important;
}