@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../Fonts/Montserrat-ExtraBold.ttf');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../Fonts/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../Fonts/Montserrat-Bold.ttf');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../Fonts/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../Fonts/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'Intro-Book';
    src: url('../Fonts/Intro-Book.otf');
}
@font-face {
    font-family: 'Intro-Bold';
    src: url('../Fonts/Intro-Bold-Regular.otf');
}
@font-face {
    font-family: 'Intro-Regular';
    src: url('../Fonts/Intro-Regular.otf');
}
@font-face {
    font-family: 'IntroRegular';
    src: url('../Fonts/IntroRegular.otf');
}

* {
    box-sizing: border-box;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -khtml-user-select: none;
    -o-user-select: none;
}

/* html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: black;
} */
body {
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
    background-color: #282828;
    overflow: hidden;
}
.loader-div {
    z-index: 1111;
}

.game-container::after {
    content: '';
    visibility: hidden;
    background-image: url('../Images/close-popup.png')
}
.rollx-currency {
    content: attr(data-currency); 
}
.slider-input-parent div.autoplay-currency {
    position: absolute;
    text-align: right;
    color: #ffffff;
    /* font-family: 'IntroRegular'; */
    width: 106px;
    right: 0px;
    font-size: 20px;
    padding-right: 10px;
}
.slider-input-parent div.autoplay-currency::before{ 
    content: attr(data-currency);
    position: relative;
    font-family: 'Montserrat-Regular';
    color: #ffffff;
    font-size:20px;
    margin-left: 10px;
}
.game-div {
    position: absolute;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.game {
	margin: 0 auto;
    width: 360px;
    height: 640px;
	position: relative;
}
.htmlContentBackground {
    height: 1114px;
    width: 600px;
    /* top: 71px; */
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../Images/background-insde1.png');
}
.htmlContent {
    height: 1114px;
    width: 600px;
    margin: auto;
    transform: scale(0.71);
    -webkit-transform: scale(0.71);
    -moz-transform: scale(0.71);
    -ms-transform: scale(0.71);
    -o-transform: scale(0.71);
}
.center-content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
}
.mask-background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    pointer-events: none;
    background-image: url('../Images/background-desktop.png');
    background-position: center;
}
.online-user {
    position: absolute;
    top: -143px;
    right: -60px;
    font-size: 20px;
    font-family: "Intro-Book";
    color: rgb(255, 255, 255);
    z-index: 99;
    display: flex;
}
.online-user div:nth-child(1) {
    padding-right: 12px;
}
.online-user div:nth-child(3) {
    padding-left: 13px;
}
.online-user::before {
    content: '';
    width: 9px;
    height: 9px;
    /* background: #2bff6b; */
    border-radius: 50%;
    background-color: rgb(78, 177, 72);
    box-shadow: inset 0.209px -3.995px 6.16px 1.84px rgba(240, 255, 0, 0.004),inset 0px 4px 5.84px 2.16px rgba(51, 255, 147, 0.004);
    border-radius: 50%;
    left: -20px;
    top: 7px;
    position: absolute;
}
.animated-text-container {
    font-size: 18px;
    font-family: "Montserrat-Medium";
    color: #54ab4f;
    position: absolute;
    right: -60px;
    top: -87px;
    font-weight: bold;
    width: 500px;
    height: 95px;
    display: flex; 
    text-align: right;
    visibility: hidden;
    flex-direction: column-reverse;
}
.collect-bets-animated-text .animated-text-container {
    flex-direction: column;
}
.collect-bets-animated-text.active .animated-text-container {
    visibility: visible;
}
.collect-bets-animated-text {
    top: auto;
    left: auto;
    top: 85px;
    right: -155px;
}
.logo {
    background-image: url('../Images/logo.png');
    background-repeat: no-repeat;
    width: 277px;
    height: 99px;
    position: absolute;
    top: -114px;
    left: 33%;
    z-index: 1;
}
.logo-turbo{
    background-image: url('../Images/logo-Turbo.png');
    background-repeat: no-repeat;
    width: 280px;
    height: 165px;
    position: absolute;
    top: -147px;
    left: 29%;
    margin-left: -4px;
    z-index: 1;
}
.game-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
#game {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* background-image: url('../Images/mobile/MainBG.png'); */
}
.game-wheel-container,
.game-wheel {
    position: relative;
    margin-left: -358px;
    left: 50%;
    width: 716px;
    height: 716px;
    top: -154px;
}
.box {
    position: absolute;
    margin-left: -374px;
    left: 50%;
    top: 123px;
    width: 716px;
    height: 716px;
    z-index: 5;
    pointer-events: none;
}

.how-to-play-on .box {
    position: absolute;
    margin-left: -408px;
    left: 50%;
    top: 145px;
    width: 716px;
    height: 1134px;
    z-index: 5;
    pointer-events: none !important;
    transform: scale(1.29);
    overflow: hidden;
    z-index: 99;
    -webkit-transform: scale(1.29);
    -moz-transform: scale(1.29);
    -ms-transform: scale(1.29);
    -o-transform: scale(1.29);
}
.game-wheel {
    top: 123px;
    -webkit-transition: all 5s cubic-bezier(0,.99,.44,.99);
    -moz-transition: all 5s cubic-bezier(0,.99,.44,.99);
    -o-transition: all 5s cubic-bezier(0,.99,.44,.99);
    -ms-transition: all 5s cubic-bezier(0,.99,.44,.99);
    transition: all 5s cubic-bezier(0,.99,.44,.99);
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}
.turbo {
    top: 123px;
    -webkit-transition: all 0.4s cubic-bezier(0,.99,.44,.99);
    -moz-transition: all 0.4s cubic-bezier(0,.99,.44,.99);
    -o-transition: all 0.4s cubic-bezier(0,.99,.44,.99);
    -ms-transition: all 0.4s cubic-bezier(0,.99,.44,.99);
    transition: all 0.4s cubic-bezier(0,.99,.44,.99);
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}
.notransition {
  -webkit-transition: none 1ms !important;
  -moz-transition: none 1ms !important;
  -o-transition: none 1ms !important;
  transition: none 1ms !important;
  -ms-transition: none 1ms !important;
}
.full-circle-gray {
    background-image: url('../Images/wheel.png');
    background-repeat: no-repeat;
    position: absolute;
    left: -58px;
    top: -14px;
    width: 836px;
    height: 962px;
}
.win-circle-green {
    position: absolute;
    width: 716px;
    height: 716px;
    background-repeat: no-repeat;
    background-image: url('../Images/win-circle.png');
    border-radius: 50px;
    clip-path: polygon(50% 50%,50% 0,100% 0,100% 50%);
    transform: rotate(-90deg);
    background-size: contain;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.win-circle-green.active {
    background-image: url('../Images/win-circle-active.png'); 
}
.wheel-arrow {
    background-image: url('../Images/wheel-arrow.png');
    background-repeat: no-repeat;
    width: 94px;
    height: 84px;
    position: absolute;
    top: 171px;
    left: 50%;
    z-index: 1;
    margin-left: -41px;
}
.win-lose-container{
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 0%;
    color: #e8e7e9;
    display: flex;
    flex-flow: column;
    font-size: 29.2px;
    height: 116px;
    font-family: 'Montserrat-ExtraBold';
    width: 100%;
}
.potential-win-title{
}
.potential-win-title.lose-game {
    font-size: 47.57px;
    width: 163px;
    height: 82px;
    word-break: auto-phrase;
    text-align: center;
}
.win-case {
    /* top: 60%;
    left: unset; */
}
@keyframes win-case {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
}
    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
    }
}
.win-case {
    animation: win-case 0.2s ease-in-out alternate;
    -webkit-animation: win-case 0.2s ease-in-out alternate;
}
.potential-win {
    font-size: 49.65px;
}
.won-animation {
    font-size: 49.65px;
    position: relative;
}
@keyframes won-animation {
    0% {
        transform: scale(1.0);
        top: 58%;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
}
    50% {
        transform: scale(0.7);
        color: #55b75b;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
    }
    100% {
        top: 809px;
        color: #55b75b;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
    }
}
.won-animation {
    animation: won-animation 0.29s ease-in-out alternate;
    -webkit-animation: won-animation 0.29s ease-in-out alternate;
}
.bet-coeff-container {
    position: absolute;
    bottom: 134px;
    width: 100%;
    height: 283px;
    z-index: 2;
}
.bet-container,
.coeff-container {
    position: relative;
    width: 100%;
    height: 155px;
    display: flex;
    justify-content: center;
}
.coeff-div, 
.bet-div {
    background-image: linear-gradient(to bottom, #43ab78, #45b070, #4bb565, #54ba59, #5fbe4b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 27.54px;
    font-family: 'Montserrat-ExtraBold';
}
.coeff-div::after {
    content: "X";
    position: relative;
    background-image: linear-gradient(to bottom, #43ab78, #45b070, #4bb565, #54ba59, #5fbe4b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 27.54px;
    font-family: 'Montserrat-ExtraBold';
    margin-left: 10px;
}
.bet-div::after {
    /* content: "GEL"; */
    position: relative;
    background-image: linear-gradient(to bottom, #43ab78, #45b070, #4bb565, #54ba59, #5fbe4b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 27.54px;
    font-family: 'Montserrat-ExtraBold';
    margin-left: 10px;
}
.bet-range-slider,
.coeff-range-slider {
    position: absolute;
    top: 79px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 0;
}
.bet-range-slider-input, 
.coeff-range-slider-input {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    outline: none;
    width: 650px;
    height: 39px;
    background: transparent;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 20px;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    z-index: 1;
    /* z-index: 0; */
}
.coeff-range-slider-input {
    direction: rtl;
}
.bet-range-slider::before,
.coeff-range-slider::before {
    content: '';
    left: -50px;
    top: -40px;
    width: 743px;
    height: 132px;
    position: absolute;
    background: url('../Images/slider-bg.png');
}

.input-slider-div-coeff,
.input-slider-div-bet {
    position: absolute;
    width: 100%;
    height: 14px;
    top: 15px;
    background-image: url('../Images/green.png');
    background-repeat: no-repeat;
    background-size: 0 0;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    pointer-events: none;
   
}
@-moz-document url-prefix() {
    .input-slider-div-coeff,
    .input-slider-div-bet {
        z-index: 0;
    }
    .slider-input-parent-coeff .input-slider-div-coeff {
        z-index: 0 !important;
    }
  }

.input-slider-div-coeff {
    left: -16px;
}
.input-slider-div-coeff {
    background-position: right;
}
.input-slider-div-bet {
    left: 63px;
}
.bet-range-slider .input-slider-div-bet {
    left: 15px !important;
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
}
.bet-range-slider-input::-webkit-slider-thumb,
.coeff-range-slider-input::-webkit-slider-thumb {
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
    width: 89px;
    height: 50px;
    background-image: url('../Images/slider-input-thumb.png');
    cursor: pointer;
    border: none;
    outline: none;
    cursor: pointer;
    backdrop-filter: none;
    box-shadow: none;
    background-size: contain;
    background-position: center;
    background-position-x: 5px;
    z-index: 9;
    position: relative;
    top: 3px;
}
input[type=number] {
    -moz-appearance: textfield;
}
input[type=number]::-webkit-slider-thumb,
input[type=number]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.coeff-range-slider-input::-moz-range-thumb,
.bet-range-slider-input::-moz-range-thumb {
    width: 99px;
    height: 63px;
    border: 0;
    background-image: url('../Images/slider-input-thumb.png');
    cursor: pointer;
    z-index: 100;
    position: relative;
    background-color: transparent;
}
input[type="range"]::-moz-range-thumb {
    width: 89px;
    height: 63px;
    border: 0;
    background-image: url('../Images/scroll.png');
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 100;
    position: relative;
    background-color: transparent;
    background-size: contain;
    background-position: center;
}
.disable-range-slider-button::-webkit-slider-thumb{
    width: 89px;
    height: 50px;
    background-image: url('../Images/slider-input-thumb-disable.png');
    pointer-events: none;
}
.disable-range-slider-button {
    pointer-events: none;
}
.disable-range-slider-button::-moz-range-thumb { 
    width: 89px;
    height: 55px;
    background-image: url('../Images/slider-input-thumb-disable.png') !important;
    pointer-events: none;
}
.slider-caption {
    font-family: 'Montserrat-Medium';
    font-size: 20.5px;
    color: #53545c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 1px;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    margin: 33px auto;
    text-align: center;
}
.bet-input-button,
.coeff-input-button {
    background-image: url('../Images/bet-input-button.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    right: -8px;
    top: 11px;
    z-index: 3;
}
.disable-button-input-btn {
    pointer-events: none;
    background-image: url('../Images/bet-input-button-disable2.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-size: 36px 35px;
    right: -19px;
}
.bet-input-button:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -80px;
    top: -96px;
    display: block;
}
.coeff-input-button:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -80px;
    top: -96px;
    display: block;
}
.control-panel {
    background-repeat: no-repeat;
    width: 100%;
    height: 332px;
    position: absolute;
    bottom: 0;
    z-index: 1;
} 
.control-container {
    position: absolute;
    height: 160px;
    width: 100%;
    bottom: -65px;
    left: -3px;
    z-index: 10;
}
.autoplay-icon {
    position: absolute;
    background-image: url("../Images/autoplay-icon.png");
    background-repeat: no-repeat;
    width: 41px;
    height: 42px;
    top: 53px;
    left: -8px;
    cursor: pointer;
}
.increase-bet-plus {
    position: absolute;
    background-image: url("../Images/bet-plus-btn.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    top: -13px;
    right: 85px;
    cursor: pointer;

}
.increase-bet-plus:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -79px;
    top: -87px;
    display: block;  
}
.increase-bet-plus-disable {
    background-image: url("../Images/bet-plus-btn-disable.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    top: -13px;
    right: 73px;
    pointer-events: none;
}
/* .autocollect-txt {
    font-family: 'Montserrat-Medium';
    font-size: 20.5px;
    position: absolute;
    background-image: linear-gradient(to bottom, #43ab78, #45b070, #4bb565, #54ba59, #5fbe4b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    top: -382px;
    left: -15px;
    display: none;
}
.autocollect-txt.active {
    display: block;
} */
.autoplay-spin-count {
    background-image: linear-gradient(to bottom, #43ab78, #45b070, #4bb565, #54ba59, #5fbe4b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 27.54px;
    font-family: 'Montserrat-ExtraBold';
    position: absolute;
    top: 61px;
    left: 58px;
    display: none;
}
.autoplay-spin-count.active {
    display: block;
}
.autoplay-icon.active{
    content: url('../Images/autoplay-icon-active.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 41px;
    height: 42px;
    top: 54px;
    left: -7px;
}
.autoplay-icon:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -89px;
    top: -92px;
    display: block;  
}
.turbo-button {
    position: absolute;
    background-image: url('../Images/turbo-button.png');
    width: 32px;
    height: 42px;
    background-repeat: no-repeat;
    left: 106px;
    top: -15px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    z-index: 9;
    cursor: pointer;
}
.turbo-button.active {
    position: absolute;
    background-image: url('../Images/turbo-button-active.png');
    width: 68px;
    height: 68px;
    background-repeat: no-repeat;
    left: 89px;
    top: -29px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    z-index: 9;
    cursor: pointer;
}
.turbo-btn-animate {
    position: absolute;
    background-image: url('../Images/turbo-button-active.png');
    width: 68px;
    height: 68px;
    background-repeat: no-repeat;
    left: 89px;
    top: -29px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    z-index: 9;
    animation: turbo-btn-animate 2s infinite;
    -webkit-animation: turbo-btn-animate 1s infinite;
}
@keyframes turbo-btn-animate {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
.spin-button {
    position: absolute;
    z-index: 9;
    background-image: url('../Images/spin-button.png');
    background-repeat: no-repeat;
    width: 300px;
    height: 110px;
    left: 50%;
    line-height: 110px;
    text-align: center;
    font-family: 'Montserrat-Medium';
    font-size: 59.67px;
    color: #e8e7e9;
    top: 50%;
    transform: translate(-140px , -60px);
    -webkit-transform: translate(-140px , -60px);
    -moz-transform: translate(-140px , -60px);
    -ms-transform: translate(-140px , -60px);
    -o-transform: translate(-140px , -60px);
    cursor: pointer;
}
.spin-button.stop{
    background-image: url('../Images/spin-button-stop-mode.png');
    background-repeat: no-repeat;
    width: 300px;
    height: 110px;
    cursor: pointer;
}
.spin-button.turbo-mode {
    background-image: url('../Images/spin-button-turbo-mode2.png');
    color: #e8e7e9;
    background-size: contain;
    width: 301px;
    height: 112px;
    line-height: 112px;
    transform: translate(-140px , -60px);
    -webkit-transform: translate(-140px , -60px);
    -moz-transform: translate(-140px , -60px);
    -ms-transform: translate(-140px , -60px);
    -o-transform: translate(-140px , -60px);
    cursor: pointer;
}
.turbo-mode-background {
    position: absolute;
    background-image: url('../Images/spin-button-turbo-mode.png');
    color: #e8e7e9;
    background-size: contain;
    width: 369px;
    height: 187px;
    line-height: 187px;
    transform: translate(128px , -17px);
    -webkit-transform: translate(128px , -17px);
    -moz-transform: translate(128px , -17px);
    -ms-transform: translate(128px , -17px);
    -o-transform: translate(128px , -17px);
    pointer-events: none;
    display: none;
}
.history {
    position: absolute;
    background-image: url('../Images/history-icon.png');
    background-repeat: no-repeat;
    width: 41px;
    height: 42px;
    right: -14px;
    top: 54px;
    cursor: pointer;
}
.history:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -89px;
    top: -92px;
    display: block;  
}
.disable-button {
    opacity: 0.5;
    pointer-events: none;
}
/* start history */
.rollx-history {
    position: fixed;
    height: 1488px;
    width: 745px;
    top: -180px;
    display: none;
    z-index: 10;
    background: rgb(37, 38, 39, 0.9);
    left: -64px;
    border-bottom-left-radius: 103px;
    border-bottom-right-radius: 122px;
    border-top-right-radius: 80px;
    border-top-left-radius: 102px;
}
.history-content{
    position: absolute;
    height: 1122px;
    width: 632px;
    background-color: #3c3e43;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    margin-top: 30px;
    transform: translate(-44%, -50%);
    -webkit-transform: translate(-44%, -50%);
    -moz-transform: translate(-44%, -50%);
    -ms-transform: translate(-44%, -50%);
    -o-transform: translate(-44%, -50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.history-tab-parent {
    height: 440px;
    width: 49px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-337px, -382px);
    z-index: 9;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transform: translate(-337px, -382px);
    -moz-transform: translate(-337px, -382px);
    -ms-transform: translate(-337px, -382px);
    -o-transform: translate(-337px, -382px);
}
.history-tab {
    width: 49px;
    height: 214px;
    border-radius: 10px;
    border-radius: 10px;
    background-color: #2f2f2f;
    color: rgba(228, 228, 228, 0.8);
    font-family: 'Montserrat-Medium';
    font-weight: bold;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}
.history-tab.active {
    background-image: -moz-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
}
.history-tab span {
    transform: rotate(-90deg);
    display: block;
    width: 214px;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.close-rollx-history {
    background-image: url('../Images/close-popup.png');
    background-repeat: no-repeat;
    width: 38px;
    height: 42px;
    position: absolute;
    top: -67px;
    right: 0px;
    cursor: pointer;
}
.close-rollx-history:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -93px;
    top: -88px;
    display: block;
}
.top-wins-tabs-bg {
    position: absolute;
    height: 66px;
    width: 93%;
    top: -80px;
    display: flex;
    justify-content: space-between;
}
.top-wins-tab {
    border-radius: 10px;
    background-color: #2f2f2f;
    width: 183px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-family: 'Montserrat-Medium';
    font-size: 22.17px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}
.top-wins-tab.active {
    background-image: -moz-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
}
.history-list-header {
    height: 80px;
    border-radius: 10px;
    background-color: #2f2f2f;
    color: #696775;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    align-items: center;
}
.history-list-header span:nth-child(1) {
    /* margin-left: -10px; */
    /* width: 25%; */
    box-sizing: border-box;
    padding-left: 18px;
    width: 20%;
    text-align: left;
}
.history-list-header span:nth-child(2){
    width: 15%;
     /* width: 22%; */
}
.history-list-header span {
    /* width: 22%; */
    width: 28%;
    text-align: center;
}
.history-list-content {
    overflow-y: scroll;
    height: 95%;
    scrollbar-width: none;
    border-bottom-right-radius: 4%;
    border-bottom-left-radius: 4%;
}
.row {
    color:#ffffff;
    height: 36px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    border-top: 2px solid transparent;
    /* padding-top: 5px; */
    border-bottom:  1px solid  #2f2f2f;
    padding-top: 0px;
}
.row.win,
.row.currentUser {
    color: #00ff2a;
}
.row span {
    text-align: center;
    width: 28%;
    box-sizing: border-box;
}
.row span:nth-child(1) {
    /* margin-left: -10px;
    width: 27%; */
    margin-left: -10px; 
    width: 21%;
    text-align: left;
    padding-left: 10px;
}
.row span:nth-child(2){
    width: 15%;
}

.history-content[data-active-tab="my-wins"]  .row span:nth-child(2),
.history-content[data-active-tab="my-wins"]  .row span:nth-child(3){
    width: 28%;
}
.history-content[data-active-tab="my-wins"]  .row span:nth-child(4){
    width: 15%;
}
.history-content[data-active-tab="my-wins"] .history-list-header span:nth-child(1) {
    box-sizing: border-box;
    padding-left: 18px;
    width: 15%;
    text-align: left; 
}
.history-content[data-active-tab="my-wins"] .history-list-header span:nth-child(2),
.history-content[data-active-tab="my-wins"] .history-list-header span:nth-child(3){
    width: 28%;
    text-align: center;
}  
.history-content[data-active-tab="my-wins"] .history-list-header span:nth-child(4){
    width: 20%;
}
.history-content[data-active-tab="my-wins"] .row span:nth-child(1) {
    width: 15%;
}
.my-wins-tab-parent,
.top-wins-tab-parent,
.history-content[data-active-tab="my-wins"] .top-wins-tab,
.history-content[data-active-tab="my-wins"] .top-wins-tabs-bg{
    display: none;
}
.history-content[data-active-tab="my-wins"] .my-wins-tab-parent{
    display: block;
}
.history-content[data-active-tab="top-wins"] .top-wins-tab-parent{
    display: block;
}
.history-list-header span:nth-child(1){
    margin-left: -10px;
    /* width: 25%; */
}
.history-list-content{
    overflow-y: scroll;
    height: 1038px;
    scrollbar-width: none;
    padding-left: 4px;
    padding-right: 4px;
}
.history-content[data-active-tab="my-wins"] .history-list-content {
    height: 1040px;
}
.history-list-content::-webkit-scrollbar {
    display: none;
}
.inside-content{
    display: none;
}
.inside-content.active{
    display: block;
}
/* end history */

/* user live bets start */
.user-live-bets {
    position: absolute;
    height: 663px;
    background-image: url('../Images/live-bet-background.png');
    background-repeat: no-repeat;
    width: 724px;
    top: 0px;
    left: 0px;
    transform: translate(-746px, -13px);
    z-index: 9;
    -webkit-transform: translate(-746px, -13px);
    -moz-transform: translate(-746px, -13px);
    -ms-transform: translate(-746px, -13px);
    -o-transform: translate(-746px, -13px);
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
}
.user-live-bets-arrow {
    position: absolute;
    width: 34px;
    height: 49px;
    background-image: url('../Images/arrow-show.png');
    background-repeat: no-repeat;
    z-index: 9;
    margin-top: -128px;
    left: -34px;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    cursor: pointer;
}
.user-live-bets-arrow.active {
    margin-top: -128px;
    left: 651px;
    background-image: url('../Images/arrow-hide.png');
    cursor: pointer;
}
.user-live-bets.active {
    transform: translate(-65px, -13px);
    -webkit-transform: translate(-65px, -13px);
    -moz-transform: translate(-65px, -13px);
    -ms-transform: translate(-65px, -13px);
    -o-transform: translate(-65px, -13px);
}
.user-live-bets-header {
    height: 30px;
    width: 99%;
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    display: flex;
    align-items: center;
    padding-top: 25px;
}

.user-live-bets-header span:nth-child(1),
.user-live-bets-header span:nth-child(2) {
    width: 45%;
    height: inherit;
}
.user-live-bets-header span:nth-child(3){
    width: 10%;
    height: inherit;
    text-align: right;
    padding-right: 19px;
}
.user-live-bets-header span:nth-child(4){
    width: 2%;
    height: inherit;
    text-align: right;
}
.user-live-bets-container {
    width: 724px;
    height: 608px;
    height: inherit;
    color: rgb(122, 124, 136);
    text-align: center;
}
.user-live-bets-content {
    width: 720px;
    height: 598px;
    overflow: hidden;
    padding-top: 11px;
}
.live-bet-row {
    width: 99%;
    height: 30px;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-family: 'Montserrat-Medium';
    font-weight: bold;
}
.live-bet-row.win {
    background-image: linear-gradient(to bottom, #43ab78, #45b070, #4bb565, #54ba59, #5fbe4b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; 
}
.live-bet-row span {
    font-family: 'Montserrat-Medium'; 
}
.live-bet-row span:nth-child(1),
.live-bet-row span:nth-child(2) {
    width: 44%;
    height: inherit;
}
.live-bet-row span:nth-child(2) {
    padding-right: 10px;
}
.live-bet-row span:nth-child(3){
    width: 10%;
    height: inherit;
    text-align: right;
}
.live-bet-row span:nth-child(4){
    width: 2%;
    height: inherit;
    text-align: right;
}

/* user live bets end */


/* start autoplay */

.autoplay-popup-container {
    position: fixed;
    height: 1488px;
    width: 745px;
    top: -180px;
    display: none;
    z-index: 10;
    background: rgb(37, 38, 39, 0.7);
    left: -64px;
    border-bottom-left-radius: 103px;
    border-bottom-right-radius: 101px;
    border-top-right-radius: 80px;
    border-top-left-radius: 102px;
}
.autoplay-popup-content {
    display: flex;
    flex-direction: column;
}
.autoplay-popup-container.active {
    display: block;
}
.autoplay-popup {
    position: absolute;
    z-index: 9;
    width: 709px;
    height: 1073px;
    border-radius: 10px;
    background-color: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.autoplay-first-section {
   width: 100%;
   height: 234px;
   background-color: #252627; 
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
}
.autoplay-close {
    position: absolute;
    top: 28px;
    right: 25px;
    width: 38px;
    height: 42px;
    background-image: url('../Images/close-popup.png');
    background-repeat: no-repeat;
    cursor: pointer;
}
.autoplay-close:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -93px;
    top: -88px;
    display: block;
}
.autoplay-header {
    font-family: "Montserrat-Bold";
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 26.38px;
    left: 39px;
    top: 42px;
    position: absolute;
}
.autoplay-buttons {
    font-family: "Montserrat-Bold";
    font-size: 47.54px;
    position: absolute;
    top: 168px;
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 64px;
    color: #b0b0b0;
}
.spin-count-button:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -69px;
    top: -136px;
    display: block;
}
.spin-count-button.active {
    background-image: linear-gradient(to bottom, #43ab78, #45b070, #4bb565, #54ba59, #5fbe4b);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.autoplay-second-section {
    order: 1;
    height: 250px;
    width: 100%;
    background-color: #3e4046;
    padding: 72px 40px 28px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 43px;
}
.autoplay-second-section .slider-input-parent span {
    position: absolute;
    top: -24px;
    font-family: "Montserrat-Bold";
    color: #ffffff;
    font-size: 19.58px;
}
.autoplay-third-section {
    order: 2;
    height: 560px;
    width: 100%;
    background-color: #3e4046;
    margin-top: 30px;
    background-color: #3e4046;
    padding: 72px 40px 28px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 57px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.slider-input-parent {
    display: flex;
    gap: 7px;
    align-items: center;
    position: relative;
}  
.slider-input-parent p {
    position: absolute;
    top: -46px;
    font-family: "Montserrat-Bold";
    color: #ffffff;
    font-size: 19.58px;
}
.slider-input-parent span {
    position: absolute;
    top: 56px;
    font-family: "Montserrat-SemiBold";
    color: #ffffff;
    font-size: 19.58px;
} 
.slider-input {
    position: relative;
    -webkit-appearance: none;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    width: 379px;
    height: 9px;
    border-radius: 20px;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-color: #252627;
    background-image: linear-gradient(to bottom, #4CA851, #4CA851, #4CA851, #4CA851, #4CA851); 
    /* z-index: 0; */
}
.slider-input::-webkit-slider-thumb {
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
    position: relative; 
    -webkit-appearance: none;
    appearance: none;
    width: 89px;
    height: 55px;
    border: 0;
    background-repeat: no-repeat;
    background-image: url('../Images/slider-input-thumb-min.png');
    cursor: pointer;
    border: none;
    outline: none;
    cursor: pointer;
    backdrop-filter: none;
    box-shadow: none;
    background-size: contain; 
    background-position: center;
    z-index: 9;
    
}
.slider-input-parent-coeff .coeff-range-slider-input {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    width: 379px;
    height: 9px;
    border-radius: 20px;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-color:transparent;
    background-image: unset !important; 
    direction: rtl;
}
.slider-input-parent-coeff .input-slider-div-coeff  {
    width: 379px;
    top: 21px;
    left: 0px;
}
.slider-input-parent-bet .bet-range-slider-input {
    position: relative;
    -webkit-appearance: none;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    width: 379px;
    height: 9px;
    border-radius: 20px;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-color:transparent;
    background-image: unset !important; 
}
.slider-input-parent-coeff::before,
.slider-input-parent-bet::before {
    content: '';
    top: 25px;
    width: 379px;
    height: 9px;
    position: absolute;
    background-color: #252627;
}
.slider-input-parent-bet .input-slider-div-bet  {
    width: 379px;
    top: 25px;
    left: 0px;
}

.range-number {
    border-radius: 19px;
    background-color: #252627;
    width: 252px;
    height: 54px;
    font-family: "Montserrat-Regular";
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    outline: none;
    border: none;
    box-sizing: border-box;
    padding-right: 65px;
    padding-left: 20px;
}
.slider-input-parent.slider-input-parent-coeff.range-number,
.slider-input-parent.slider-input-parent-bet.range-number{
    background-color: transparent !important;
}
.slider-input-parent-bet .autoplay-currency {
    top: 17px !important;
    right: -18px !important;
    padding-right: 32px !important;
}
.slider-input-parent-coeff .range-number {
    padding-right: 15px;
    width: 246px;
}
.slider-input-parent-bet .range-number{
    padding-right: 15px;
    width: 246px;
}
/* .slider-input-parent-bet  */
.slider-input-parent span.autoplay-coefficient::before {
    content: 'X';
    position: relative;
    font-family: 'Montserrat-Regular';
    color: #ffffff;
    font-size: 19.58px;
    margin-left: -25px;
    top: 40px;
}
.autoplay-footer {
    position: absolute;
    bottom: 50px;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 240px);
    left: 50%;
    transform: translateX(-222px);
}
.autoplay-cancel-btn {
    width: 203px;
    height: 64px;
    border-radius: 22px;
    background-color: #252627;
    font-size: 24.76px;
    color: #ffffff;
    text-align: center;
    line-height: 64px;
    font-family: 'Intro-Regular';
    cursor: pointer;
}
.autoplay-cancel-btn:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -14px;
    top: -137px;
    display: block;
}
.autoplay-close:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -93px;
    top: -88px;
    display: block;
}
.autoplay-ok-btn {
    width: 203px;
    height: 64px;
    border-radius: 22px;
    background-image: -moz-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    font-size: 24.76px;
    color: black;
    text-align: center;
    line-height: 64px;
    font-family: 'Intro-Regular'; 
    cursor: pointer;
}
.autoplay-ok-btn:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -14px;
    top: -137px;
    display: block;
}
/* end autoplay */
.footer {
    width: 100%;
    bottom: -66px;
    position: absolute;
    z-index: 10;
}
/* start mobile menu */
 /* .menu-div-rollx{
    position: absolute;
    background-image: url('../Images/burger-menu.png') !important;
    background-repeat: no-repeat;
    width: 29px;
    height: 30px;
    background-size: contain;
    top: 8px;
    left: 63px;
    display: block;
    cursor: pointer;
}

body .menu-div a.game-exit-bt {
    left: 15px;  
}
body .menu-div a.game-fullscreen-bt {
    left: -5px;  
} 
body .menu-div a {
    transform: rotate(90deg);
    border: none;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.menu-div {
    position: absolute;
    right: 10px;
    width: 54px;
    z-index: 10;
    overflow: hidden;
    top: auto;
    transform: rotate(180deg);
    bottom: -34px;
    background: transparent;
    display: block;
    left: calc(50% - 313px);
}
body .menu-div {
    left: -12px;
    top: -349px;
    transform: scale(1.1) rotate(180deg);
    bottom: -31px;
    background: transparent;
    z-index: 1;
} */
/* .menu-div a.game-icon-bt {
    background-image: url('../Images/burger-menu.png');
    background-repeat: no-repeat;
    width: 24px !important;
    height: 20px !important;
    margin-left: 16px;
    background-size: contain;
} */
.menu-div a.game-icon-bt:hover {
    /* background-image: url('../Images/burger-menu.png'); */
}
/* 
body .menu-div a {
    transform: rotate(180deg);
    border: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
body .menu-div-sub {
    background-color: #0000006e;
    height: auto;
    padding-top: 37px;
    margin-top: -47px;
}
body .menu-div {
    display: block;
}
.menu-div:not(.active){
    height: 47px;
    top: -19px !important;
}
.game-exit-bt {
    margin-left: -17px !important; 
}
.menu-div a.game-icon-bt {
    
} */

.menu-icon-bt{
    width: 51px;
    height: 36px;
    cursor: pointer;
    display: block;
    transform: rotate(90deg);
    border: none !important;
    background: url(../Images/Plinko/menu.png) center no-repeat !important;
}
.menu-icon-bt:hover{
    background: url(../Images/Plinko/menu-hover.png) center no-repeat !important;
}

.menu-div {
    position: absolute;
    right: 0;
    width: 50px;
    z-index: 10;
    overflow: hidden;
    left: -14px;
    top: unset;
    transform: rotate(180deg);
    bottom: -48px;
    /* background: transparent; */
    display: block;
    z-index: 0;
}

.menu-div.active .menu-icon-bt {
    /* background: url(../Images/Plinko/close-menu.png)center no-repeat !important; */
}

.menu-div a {
    transform: rotate(180deg);
    border: none;
}

.menu-div-sub a {
    border: none !important;
}

.menu-div:not(.active) {
    height: 51px;
    background-color: transparent;
}
body .menu-div a.game-exit-bt {
    left: -4px;  
}
body .menu-div a.game-fullscreen-bt {
    left: -2px;  
}

/* end mobile menu */
.sound-btn{
    position: absolute;
    background-image: url('../Images/sound-button-off.png');
    background-repeat: no-repeat;
    width: 42px;
    height: 37px;
    right: -10px;
    top: 6px;
    cursor: pointer;
    display: none;
}
.sound-btn.active{
    position: absolute;
    background-image: url('../Images/sound-button.png');
    background-repeat: no-repeat;
    width: 42px;
    height: 37px;
    right: -12px;
    top: 4px;
    display: none;
}
.sound-btn:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -89px;
    top: -92px;
    display: block; 
}
.animation-container {
    position: relative;
    display: flex;
    width: max-content;
    text-align: center;
    justify-content: center;
}
.footer-last-win-animation {
    position: absolute;
    color: #327924;
    left: 2px;
    top: -27px;
    text-align: right;
    width: 100%;
    font-family: 'Montserrat-Medium';
    font-size: 24.62px;
    font-weight: bold;
}
.balance-div{
    position: absolute;
    width: 514px;
    height: auto;
    left: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10px;
}
.balance-text,
.balance {
    font-family: 'Montserrat-Medium';
    font-size: 24.62px;
    color: #7a7c88;
    font-weight: bold;
}
.balance-text {
    margin-right: 10px;
}
/* start choose bet / coeff pop up  */
.choose-bet-parent {
    position: fixed;
    height: 1488px;
    width: 745px;
    top: -180px;
    display: none;
    z-index: 10;
    background: rgb(37, 38, 39, 0.7);
    left: -64px;
    border-bottom-left-radius: 103px;
    border-bottom-right-radius: 101px;
    border-top-right-radius: 80px;
    border-top-left-radius: 102px;
}
.choose-coeff-parent {
    position: fixed;
    height: 1488px;
    width: 745px;
    top: -180px;
    display: none;
    z-index: 10;
    background: rgb(37, 38, 39, 0.7);
    left: -64px;
    border-bottom-left-radius: 103px;
    border-bottom-right-radius: 101px;
    border-top-right-radius: 80px;
    border-top-left-radius: 102px;
}
.choose-bet,
.choose-coeff {
    display: none;
    width: 696px;
    height: 781px;
    position: absolute;
    border-radius: 10px;
    background-color: black;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 9;
}

/* Chrome, Safari, Edge, Opera  hide arrows on range type input*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox hide arrows on range type input */
input[type=number] {
  -moz-appearance: textfield;
}
.choose-bet-input,
.choose-coeff-input {
    height: 166px;
    margin-bottom: 4.4px;
    background-color: #3e4046;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.minus,
.minus-bet {
    background-image: url('../Images/choose-bet-minus.png');
    background-repeat: no-repeat;
    height: 10px;
    width: 30px;
    position: absolute;
    left: 39px;
    top: 90px;
}
.minus:active::after,
.minus-bet:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -93px;
    top: -88px;
    display: block;
}
.plus,
.plus-bet {
    background-image: url('../Images/choose-bet-plus.png');
    background-repeat: no-repeat;
    height: 29px;
    width: 29px;
    position: absolute;
    right: 39px;
    top: 74px;
}
.plus:active::after,
.plus-bet:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -93px;
    top: -88px;
}
.input {
    position: relative;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 488px;
    height: 102px;
    background-color: #252627;
    -webkit-transform: translate(-50% , -50%);
    -moz-transform: translate(-50% , -50%);
    -ms-transform: translate(-50% , -50%);
    -o-transform: translate(-50% , -50%);
}
.bet-input,
.coeff-input {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    background: #252627;
    color: #ffffff;
    font-family: "Montserrat-SemiBold";
    font-size: 40.9px;
}
.input span {
    position: absolute;
    color: #ffffff;
    font-family: "Montserrat-Regular";
    font-size: 40.9px;
    top: 28px;
}
.input span.rollx-currency::before {
    content: attr(data-currency);
}
.choose-bet-container,
.choose-coeff-container{
    height: 78%;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.choose-bet-lists,
.choose-coeff-lists {
    height: 610px;
    overflow-y: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.choose-bet-lists::-webkit-scrollbar,
.choose-coeff-lists::-webkit-scrollbar {
    display: none;
}
.choose-bet-singleBet,
.choose-coeff-singleCoeff {
    height: 122px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat-SemiBold';
    font-size: 38.9px;
    color: #53545c;
    background-color: #3e4046;
    margin-bottom: 0.88px;
}
.choose-bet-singleBet.active,
.choose-coeff-singleCoeff.active {
    color: rgb(255, 255, 255);
    font-family: 'Montserrat-SemiBold';
    font-size: 53.49px;
}
/* start choose bet pop up  */
/* start htp */
.info-on-start{
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.info-on-start-parent{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    display: block;
}
.spin-not-allowed {
    display: none;
}
.info-header{
}
.info-header-captions {
    width: 536px;
    position: absolute;
    transform: translate(7%, 11%);
    top: 0;
    left: 0px;
    height: 154px;
    background-image: url('../Images/mask1.png');
    background-size: contain;
    border-top-right-radius: 68px;
    border-top-left-radius: 69px;
    text-align: center;
    display: flex;
    justify-content: center;
    /* background-color: #222224; */
}
.dynamically-captions {
    color: rgb(84, 98, 115);
    font-size: 20px;
    font-family: 'Montserrat-Medium';
    text-align: center;
    top: 49px;
    position: absolute;
}
.info-on-start-caption-1 {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
    color: #53545c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 1px;
    z-index: 3;
    -webkit-transform: translate(-50%, 200%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    margin: 44px auto;
    text-align: center;
}
.info-on-start-caption-2 {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
    color: #53545c;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 1px;
    z-index: 3;
    -webkit-transform: translate(-50%, 200%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    margin: 50px auto;
    text-align: center;
}
.htp-frame {
    width: 108%;
    height: 1478px;
    top: -50px;
    position: absolute;
    margin-left: -19px;
    z-index: 99;
    background-color: black;
    display: none;
}
.info-footer{
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 20px;
}
.info-footer-div {
    width: 537px;
    position: absolute;
    transform: translate(7%, 3%);
    left: 0px;
    bottom: 0px;
    height: 200px;
    border-bottom-right-radius: 63px;
    border-bottom-left-radius: 72px;
    background-image: url('../Images/mask2.png');
    display: flex;
    align-content: center;
    align-items: center;
}

.info-button {
    background-image: url('../Images/htp-ok.png');
    background-repeat: no-repeat;
    width: 144px;
    height: 45px;
    cursor: pointer;
    position: relative;
    margin-top: 75px;
}
.ok {
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    color: rgb(255, 255, 255);
    line-height: 1px;
    width: 144px;
    height: 45px;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    right: 0px;
    line-height: 42px;
    letter-spacing: 1px;
}
.check {
    background-image: url('../Images/dont-show-again.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 362px;
    height: 119px;
    cursor: pointer;
    margin-top: 75px;
    text-align: center;
    line-height: 116px;
    font-family: 'Montserrat-Medium';
    line-height: 119px;
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    font-weight: bold;
    color: rgb(84, 98, 115);
}
/* end htp */
/* start General Pop up  */
.popup-container-parent {
    position: fixed;
    height: 1488px;
    width: 745px;
    top: -180px;
    display: none;
    z-index: 10;
    background: rgb(37, 38, 39, 0.8);
    left: -64px;
    border-bottom-left-radius: 103px;
    border-bottom-right-radius: 101px;
    border-top-right-radius: 80px;
    border-top-left-radius: 102px;
}
.popup-container {
    position: absolute;
    width: 709px;
    height: 444px;
    border-radius: 10px;
    background-color: #3e4046;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -90%);
    display: none;
    z-index:9;
    -webkit-transform: translate(-50% , -90%);
    -moz-transform: translate(-50% , -90%);
    -ms-transform: translate(-50% , -90%);
    -o-transform: translate(-50% , -90%);
}
.popup-container-close {
    position: absolute;
    top: -60px;
    right: 3px;
    width: 38px;
    height: 42px;
    background-image: url('../Images/close-popup.png');
    background-repeat: no-repeat;
}
.popup-text {
    position: absolute;
    font-family: 'Montserrat-SemiBold';
    font-size: 37.95px;
    color: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/* start time out popups */
.time-out-popup {
    display:none;
}
.new-game-button {
    display: none;
    position: absolute;
    width: 259px;
    height: 66px;
    text-align: center;
    font-family: 'Montserrat-SemiBold';
    font-size: 22.99px;
    color: #ffffff;
    line-height: 66px;
    left: 50%;
    top: 50%;
    transform: translate(-130px, 95px);
    border-radius: 23px;
    background-image: -moz-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(95,190,75) 0%, rgb(81,181,98) 62%, rgb(67,171,120) 100%);
    -webkit-transform: translate(-130px, 95px);
    -moz-transform: translate(-130px, 95px);
    -ms-transform: translate(-130px, 95px);
    -o-transform: translate(-130px, 95px);
}
/* end time out popups */
/* start turbo mode popups */
.turbo-mode-popup {
    display: none;
    position: absolute;
    width: 657px;
    height: 316px;
    border-radius: 10px;
    background-image: url('../Images/turbo-mode-hint-bg.png');
    background-repeat: no-repeat;
    bottom: -9%;
    left: 50%;
    transform: translate(-47% , -70%);
    display: none;
    z-index: 9;
    -webkit-transform: translate(-47% , -70%);
    -moz-transform: translate(-47% , -70%);
    -ms-transform: translate(-47% , -70%);
    -o-transform: translate(-47% , -70%);
}
.turbo-mode-popup-text {
    top: 43%;
    transform: translateY(-50%);
    height: auto;
    width: 100%;
    text-align: center;
    left: -2%;
    position: absolute;
    font-family: 'Montserrat-SemiBold';
    font-size: 37.95px;
    color: #e9d900;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.turbo-mode-popup-close {
    position: absolute;
    top: 60px;
    right: 93px;
    width: 38px;
    height: 42px;
    background-image: url('../Images/close-popup.png');
    background-repeat: no-repeat;
}
.turbo-mode-popup-close:active::after {
    content: url('../Images/hover.png');
    background-repeat: no-repeat;
    position: relative;
    width: 48px;
    height: 48px;
    z-index: 10;
    left: -93px;
    top: -88px;
    display: block;
}
/* end turbo mode popups */
/* end General Pop up  */
.game-container canvas {
    position: absolute;
    top: 0px;
    /* height: 1700px; */
}
.disable-click {
    pointer-events: none;
}
@keyframes sprite {
    100% { background-position-x: -1776px; };
}
html[lang='ru'] .spin-button, 
html[lang='fr'] .spin-button {
    font-size: 50px !important;
}
html[lang='el'] .spin-button {
    font-size: 45px !important;
}
html[lang='zh'] .slider-input-parent-coeff .range-number,
html[lang='zh'] .slider-input-parent-bet .range-number,
html[lang='ko'] .slider-input-parent-coeff .range-number,
html[lang='ko'] .slider-input-parent-bet .range-number,
html[lang='ja'] .slider-input-parent-coeff .range-number,
html[lang='ja'] .slider-input-parent-bet .range-number {
    padding-right: 15px;
    width: 244px !important;
}
html[lang='ru'] .top-wins-tab {
    font-size: 20.17px !important; 
}
html[lang='fr'] .top-wins-tab {
    font-size: 18.17px !important; 
}
html[lang='el'] .top-wins-tab {
    font-size: 18.17px !important; 
}
html[lang='ru'] .potential-win-title.lose-game,
html[lang='de'] .potential-win-title.lose-game,
html[lang='es'] .potential-win-title.lose-game,
html[lang='pt'] .potential-win-title.lose-game,
html[lang='el'] .potential-win-title.lose-game,
html[lang='te'] .potential-win-title.lose-game,
html[lang='fr'] .potential-win-title.lose-game {
    width: 70% !important;
    margin-top: 13px !important; 
}
html[lang='tr'] .potential-win-title.lose-game,
html[lang='it'] .potential-win-title.lose-game{
    width: 49% !important;
}
html[lang='ru'] .turbo-mode-popup-text,
html[lang='th'] .turbo-mode-popup-text{
    width: 59% !important;
    left: 20% !important;
    transform: translateY(-39%) !important;
    -webkit-transform: translateY(-39%) !important;
    -moz-transform: translateY(-39%) !important;
    -ms-transform: translateY(-39%) !important;
    -o-transform: translateY(-39%) !important;
}
html[lang='vi'] .turbo-mode-popup-text,
html[lang='de'] .turbo-mode-popup-text,
html[lang='fr'] .turbo-mode-popup-text,
html[lang='tr'] .turbo-mode-popup-text,
html[lang='it'] .turbo-mode-popup-text,
html[lang='es'] .turbo-mode-popup-text,
html[lang='pt'] .turbo-mode-popup-text,
html[lang='te'] .turbo-mode-popup-text,
html[lang='el'] .turbo-mode-popup-text,
html[lang='am'] .turbo-mode-popup-text{
    top: 37%;
    width: 59% !important;
    left: 18% !important;
    transform: translateY(-29%) !important;
    -webkit-transform: translateY(-29%) !important;
    -moz-transform: translateY(-29%) !important;
    -ms-transform: translateY(-29%) !important;
    -o-transform: translateY(-29%) !important;
}
html[lang='hi'] .turbo-mode-popup-text,
html[lang='ko'] .turbo-mode-popup-text,
html[lang='ja'] .turbo-mode-popup-text{
    top: 40%;
    width: 59% !important;
    left: 18% !important;
    transform: translateY(-29%) !important;
    -webkit-transform: translateY(-29%) !important;
    -moz-transform: translateY(-29%) !important;
    -ms-transform: translateY(-29%) !important;
    -o-transform: translateY(-29%) !important;
}


/* Here start reskin for Betika */
html {
    /* background-color: #e6e4e8; */
}
.betika .menu-div {
    left: -17px;
}
.betika .logo {
    /* background-image: url('../Images/Reskin/Betika/logo-betika.png'); */
    background-image: url('../Images/Reskin/Betika/Betika.png');
    top: -148px;
    left: 32%;
    margin-left: -3px;
    height: 144px;
    width: 217px;
}
.betika .logo-turbo {
    background-image: url('../Images/Reskin/Betika/logo-betika-turbo.png');
    top: -148px;
    left: 32%;
    margin-left: -3px;
    height: 143px;
    width: 217px;
}
.betika .mask-background {
    background-image: url('../Images/Reskin/Betika/deskBG.png');
}
.betika .autoplay-icon {
    background-image: url('../Images/Reskin/Betika/autoplay-icon.png');
}
.betika .history {
    background-image: url('../Images/Reskin/Betika/history-icon.png');
}
.betika .sound-btn.active {
    background-image: url('../Images/Reskin/Betika/sound-button.png');
}
.betika .sound-btn {
    background-image: url('../Images/Reskin/Betika/sound-button.png');
}
.betika .sound-btn {
    background-image: url('../Images/Reskin/Betika/sound-button-off.png');
}
.betika .menu-div a.game-icon-bt {
    background-image: url('../Images/Reskin/Betika/burger-menu.png');
}
.betika .increase-bet-plus {
    background-image: url('../Images/Reskin/Betika/bet-plus-btn.png');
}
.betika .increase-bet-plus-disable {
    background-image: url("../Images/Reskin/Betika/bet-plus-btn-disable.png");
}
.betika .bet-coeff-container {
    bottom: 131px;
}
.betika .bet-range-slider-input::-webkit-slider-thumb,
.betika .coeff-range-slider-input::-webkit-slider-thumb {
    background-image: url('../Images/Reskin/Betika/slider-input-thumb.png');
}
.betika .input-slider-div-coeff,
.betika .input-slider-div-bet {
    background-image: url('../Images/Reskin/Betika/blue.png'); 
}
.betika .bet-range-slider-input, .betika .coeff-range-slider-input {
    width: 676px;
}
.betika .input-slider-div-bet {
    top: 3px;
}
.betika  .slider-input-parent-bet .input-slider-div-bet {
    top: 21px;
}
.betika  .slider-input-parent-coeff .coeff-range-slider-input::-webkit-slider-thumb {
    top: -5px;
}
.betika .bet-range-slider-input::-webkit-slider-thumb {
    top: -4px;
}
.betika .bet-container {
    height: 150px;
}
.betika .turbo-button.active {
    background-image: url('../Images/Reskin/Betika/turbo-button-active.png');
}
.betika .wheel-arrow {
    top: 203px;
    background-image: url('../Images/Reskin/Betika/wheel-arrow.png');
}
.betika .win-circle-green {
    background-image: url('../Images/Reskin/Betika/win-circle.png');
}
.betika .user-live-bets {
    background-image: url('../Images/Reskin/Betika/live-bet-background.png');
}
.betika .spin-button {
    background-image: url('../Images/Reskin/Betika/spin-button.png');
}
.betika .spin-button.stop{
    background-image: url('../Images/Reskin/Betika/spin-button-stop-mode.png');
}
.betika .spin-button.turbo-mode {
    background-image: url('../Images/Reskin/Betika/spin-button-turbo-mode2.png');
}
.betika .spin-button.turbo-mode.stop {
    background-image: url('../Images/Reskin/Betika/spin-turbo-stop.png');
}
.betika .full-circle-gray {
    background-image: unset;
}
.betika .htmlContentBackground {
    background-image: url('../Images/Reskin/Betika/background-inside1.png');
}
.betika .bet-range-slider::before, .betika .coeff-range-slider::before {
    background: unset !important;
}
.betika .game-wheel {
    top: 157px;
}
.betika .coeff-div, 
.betika .bet-div,
.betika .coeff-div::after,
.betika .spin-count-button.active,
.betika .slider-input{
    background-image: linear-gradient(90deg, rgba(59,72,180,1) 0%, rgba(42,52,130,1) 35%);
}
.betika .balance-text, .betika .balance,
.betika .autoplay-header,
.betika .autoplay-second-section .slider-input-parent span,
.betika .slider-input-parent span,
.betika .range-number,
.betika .slider-input-parent span.autoplay-coefficient::before,
.betika .slider-input-parent div.autoplay-currency::before,
.betika .slider-input-parent p{
    color: #2a3482;
    font-weight: bold;
    font-size: 25px;
} .betika  .online-user{
    color: #113791;
}
.betika .turbo-mode-popup-text,
.betika .popup-text,
.betika  .live-bet-row.lose{
    color: #2a3482;
}
.betika .online-user::before {
    background: rgb(189,225,255);
    background: linear-gradient(90deg, rgba(189,225,255,1) 0%, rgba(209,242,0,1) 35%);
}
.betika .history-list-header {
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}
.betika .autoplay-close,
.betika .close-rollx-history,
.betika .turbo-mode-popup-close,
.betika .popup-container-close {
    background-image: url('../Images/Reskin/Betika/close-popup.png');  
}
.betika .turbo-mode-popup {
    background-image: url('../Images/Reskin/Betika/turbo-mode-hint-bg.png');
    bottom: -8%;
}
.betika .autoplay-first-section,
.betika .range-number,
.betika .autoplay-third-section .slider-input,
.betika .history-list-header,
.betika .top-wins-tab,
.betika .history-tab {
    background-color: #b3b3b3;
}
.betika .win-lose-container {
    /* color: #7cbb35; */
    top: 61%;
}
.betika .potential-win-title,
.betika .potential-win-currency{
    color: #7cbb35;
    top: 61%;
    /* -webkit-text-stroke: 1px #289110; */
    font-size: 35px;
}
.betika .spin-button,
.betika .autoplay-buttons {
    color: rgb(255, 255, 255);
}
.betika .animated-text-container,
.betika .potential-win {
    color: #ffd800;
    text-shadow: 0px 8px 0px #002682;
}
.betika .autoplay-popup .bet-range-slider-input,
.betika .autoplay-popup .coeff-range-slider-input {
    width: 379px;
}
.betika .slider-input::-webkit-slider-thumb {
    background-image: url('../Images/Reskin/Betika/slider-input-thumb-min1.png') !important;
}
.betika  .disable-range-slider-button::-webkit-slider-thumb{
    width: 89px;
    height: 50px;
    background-image: url('../Images/Reskin/Betika/slider-thumb-disabled.png');
    pointer-events: none;
}
.betika .autoplay-second-section,
.betika .autoplay-third-section {
    background-color: #e1e1e3;
}
.betika .autoplay-popup-container {
    top: -201px;
    left: -63px;
    width: 747px;
    background: rgb(23, 23, 25, 0.25);
    border-bottom-left-radius: 96px;
    border-bottom-right-radius: 96px;
    border-top-right-radius: 80px;
    border-top-left-radius: 80px;
}
.betika .rollx-history {
    width: 751px;
    top: -205px;
    left: -65px;
    border-bottom-left-radius: 103px;
    border-bottom-right-radius: 82px;
    border-top-right-radius: 80px;
    border-top-left-radius: 86px;
    background: rgb(23, 23, 25, 0.25);
}
.betika .popup-container-parent {
    width: 749px;
    top: -206px;
    left: -64px;
    border-bottom-left-radius: 103px;
    border-bottom-right-radius: 93px;
    border-top-right-radius: 80px;
    border-top-left-radius: 75px;
    background: rgb(23, 23, 25, 0.25);
}
.betika .slider-input-parent-coeff::before, .betika .slider-input-parent-bet::before {
    background-color: #b3b3b3;
}
.betika .control-panel {
    bottom: 0;
    width: 713px;
    height: 332px;
    left: calc((100% - 713px) / 2);
    position: absolute;
    /* background-image: url('../Images/Reskin/Betika/buttons-background.png'); */
    background-repeat: no-repeat;
    background-position: center; 
    z-index: 1;
} 
.betika .autoplay-ok-btn,
.betika .new-game-button,
.betika .live-bet-row.win {
    background-image: linear-gradient(to bottom, #ffc000, #ffc600, #ffcc00, #ffd200, #ffd800);
}
.betika .history-tab.active,
.betika .top-wins-tab.active {
    color: white;
    background-image: linear-gradient(to top, #2a3482, #343f94, #3f49a6, #4955b8, #5460cb);
    margin-top: 1px;
}
.betika .autoplay-ok-btn,
.betika .new-game-button,
.betika .live-bet-row.win {
    background-image: linear-gradient(to bottom, #ffc000, #ffc600, #ffcc00, #ffd200, #ffd800);
}
.betika .history-tab.active,
.betika .top-wins-tab.active {
    color: white;
    background-image: linear-gradient(to top, #2a3482, #343f94, #3f49a6, #4955b8, #5460cb);
    margin-top: 1px;
}
.betika .history-content{
    background-color: #e4e4e4;
}
.betika .row.win, .betika .row.currentUser {
    color: white;
    background-color: #2a3482;
}
.betika .row {
    color: #2a3482;
    border-bottom: 2px solid  #e4e4e4;
}
.betika .top-wins-tab {
    color: rgba(255, 255, 255, 0.651);
}
.betika .popup-container  {
    background: #fefefe;
}

.betika .autoplay-icon:active::after {
    content: url('../Images/Reskin/Betika/hover.png');
    left: -57px;
    top: -64px;
}
.betika .history:active::after {
    content: url('../Images/Reskin/Betika/hover.png');
    left: -58px;
    top: -69px;
}
.betika .sound-btn:active::after {
    content: url('../Images/Reskin/Betika/hover.png');
    left: -58px;
    top: -69px;
}
.betika .increase-bet-plus:active::after {
    content: url('../Images/Reskin/Betika/hover.png');
    left: -58px;
    top: -69px;
}
.betika .close-rollx-history:active::after {
    content: url('../Images/Reskin/Betika/hover.png');
    left: -62px;
    top: -65px;
}
.betika .autoplay-close:active::after {
    content: url('../Images/Reskin/Betika/hover.png');
    left: -62px;
    top: -65px;
}
.betika .spin-count-button:active::after {
    content: url('../Images/Reskin/Betika/hover.png');
    left: -39px;
    top: -108px;
}
.betika .slider-caption{
    color: #2a3482;
}
.betika .info-header-captions {
    background-image: url('../Images/Reskin/Betika/mask1.png');
}
.betika .info-footer-div {
    background-image: url('../Images/Reskin/Betika/mask2.png');
}
.betika .dynamically-captions {
    color: #2a3482;
}
.betika .ok {
    color: rgb(255, 255, 255);
    background-image: url('../Images/Reskin/Betika/htp-ok.png');
}
.betika .user-live-bets {
    transform: translate(-746px, 33px);
    -webkit-transform: translate(-746px, 33px)
}

.betika .user-live-bets-arrow {
    background-image: url('../Images/Reskin/Betika/arrow-show1.png');
    margin-top: -83px;
}
.betika .user-live-bets-arrow.active {
    background-image: url('../Images/Reskin/Betika/arrow-hide.png');
}
.betika .user-live-bets.active {
    transform: translate(-65px, 33px);
    -webkit-transform: translate(-65px, 33px);
    -moz-transform: translate(-65px, 33px);
    -ms-transform: translate(-65px, 33px);
    -o-transform: translate(-65px, 33px);
}
.betika .slider-input-parent-bet .autoplay-currency {
    top: 14px !important;
}
.betika .slider-input-parent span.autoplay-coefficient::before {
    margin-left: -36px;
}
/* mozilla only */
@-moz-document url-prefix() {
    /* .betika .slider-input::-moz-range-thumb{
        background-image: url('../Images/Reskin/Betika/slider-input-thumb.png') !important;
    }
    .betika .bet-range-slider-input::-moz-range-thumb,
    .betika .coeff-range-slider-input::-moz-range-thumb {
        background-image: url('../Images/Reskin/Betika/slider-input-thumb-min.png') !important;
        top: 55px;
    }
    .betika .disable-range-slider-button::-moz-range-thumb { 
        background-image: url('../Images/Reskin/Betika/slider-input-thumb-disable.png');

    } */
}

.lobby-icon-local {
    background: url(../Images/lobby.png) !important;
    width: 32px !important;
    height: 32px !important;
    bottom: -34px !important;
    right: -6px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.lobby-icon-local:hover{
    background: url(../Images/lobby-hover.png) !important;
    width: 32px !important;
    height: 32px !important;
    bottom: -34px !important;
    right: -6px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}