/* Handle scrolling function */
.paytable .rcs-custom-scroll,
.paytable-land .rcs-custom-scroll,
.rules .rcs-custom-scroll {
   min-height: 0px;
   min-width: 0px;
}

.paytable .rcs-custom-scroll .rcs-outer-container,
.paytable-land .rcs-custom-scroll .rcs-outer-container,
.rules .rcs-custom-scroll .rcs-outer-container {
   overflow: hidden;
}

.paytable .rcs-custom-scroll .rcs-outer-container .rcs-positioning,
.rules .rcs-custom-scroll .rcs-outer-container .rcs-positioning {
   position: unset;
}

.paytable .rcs-custom-scroll .rcs-inner-container,
.paytable-land .rcs-custom-scroll .rcs-inner-container,
.rules .rcs-custom-scroll .rcs-inner-container {
   -webkit-overflow-scrolling: touch;
   overflow-x: hidden;
   overflow-y: scroll;
}

.paytable .rcs-custom-scroll .rcs-inner-container::after,
.paytable-land .rcs-custom-scroll .rcs-inner-container::after,
.rules .rcs-custom-scroll .rcs-inner-container::after {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 60%, transparent);
   content: '';
   height: 0px;
   left: 0px;
   pointer-events: none;
   position: absolute;
   right: 0px;
   top: 0px;
   transition: height 0.1s ease-in;
   will-change: height;
}

.paytable .rcs-custom-scroll .rcs-custom-scrollbar,
.paytable-land .rcs-custom-scroll .rcs-custom-scrollbar,
.rules .rcs-custom-scroll .rcs-custom-scrollbar {
   box-sizing: border-box;
   height: 100%;
   opacity: 0;
   padding: 6px 0;
   pointer-events: none;
   position: absolute;
   right: 3px;
   transition: opacity 0.4s ease-out;
   width: 6px;
   will-change: opacity;
   z-index: 1;
}

.paytable .rcs-custom-scroll .rcs-outer-container:hover .rcs-custom-scrollbar,
.paytable-land .rcs-custom-scroll .rcs-outer-container:hover .rcs-custom-scrollbar,
.rules .rcs-custom-scroll .rcs-outer-container:hover .rcs-custom-scrollbar {
   opacity: 1;
   transition-duration: 0.2s;
}

.paytable .rcs-custom-scroll .rcs-custom-scroll-handle,
.paytable-land .rcs-custom-scroll .rcs-custom-scroll-handle,
.rules .rcs-custom-scroll .rcs-custom-scroll-handle {
   position: absolute;
   top: 0px;
   width: 100%;
}

.paytable .rcs-custom-scroll .rcs-inner-handle,
.paytable-land .rcs-custom-scroll .rcs-inner-handle,
.rules .rcs-custom-scroll .rcs-inner-handle {
   background-color: hsla(0, 0%, 46%, 0.7);
   border-radius: 3px;
   height: calc(100% - 12px);
   margin-top: 6px;
}

/* Paytable */
.paytable_symbols {
   background-image: url(./symbols.png);
   background-repeat: no-repeat;
   background-size: 374px 238px;
   display: inline-block;
   overflow: hidden;
}

.paytable_symbols.h_ingot {
   background-position: -1px -1px;
   height: 120px;
   min-height: 120px;
   min-width: 116px;
   width: 116px;
}

.paytable_symbols.h_pendant {
   background-position: -105px -123px;
   height: 112px;
   min-height: 112px;
   min-width: 91px;
   width: 91px;
}

.paytable_symbols.h_ruyi {
   background-position: -1px -123px;
   height: 114px;
   min-height: 114px;
   min-width: 102px;
   width: 102px;
}

.paytable_symbols.h_scroll {
   background-position: -119px -1px;
   height: 106px;
   min-height: 106px;
   min-width: 91px;
   width: 91px;
}

.paytable_symbols.l_a {
   background-position: -198px -109px;
   height: 98px;
   min-height: 98px;
   min-width: 90px;
   width: 90px;
}

.paytable_symbols.l_j {
   background-position: -290px -101px;
   height: 103px;
   min-height: 103px;
   min-width: 78px;
   width: 78px;
}

.paytable_symbols.l_k {
   background-position: -212px -1px;
   height: 98px;
   min-height: 98px;
   min-width: 84px;
   width: 84px;
}

.paytable_symbols.l_q {
   background-position: -298px -1px;
   height: 93px;
   min-height: 93px;
   min-width: 75px;
   width: 75px;
}

.paytable_payways {
   background-image: url(./way_to_win.png);
   background-repeat: no-repeat;
   background-size: 560px 122px;
   display: inline-block;
   overflow: hidden;
}

.paytable_payways.cross-243 {
   background-position: -511px -1px;
   height: 40px;
   min-height: 40px;
   min-width: 40px;
   width: 40px;
}

.paytable_payways.diagram-1 {
   background-position: -1px -1px;
   height: 120px;
   min-height: 120px;
   min-width: 192px;
   width: 192px;
}

.paytable_payways.diagram-2 {
   background-position: -195px -1px;
   height: 120px;
   min-height: 120px;
   min-width: 192px;
   width: 192px;
}

.paytable_payways.questionmark {
   background-position: -389px -1px;
   height: 120px;
   min-height: 120px;
   min-width: 120px;
   width: 120px;
}

.paytable_payways.tick-243 {
   background-position: -511px -43px;
   height: 36px;
   min-height: 36px;
   min-width: 48px;
   width: 48px;
}

.paytable_special_symbols {
   background-image: url(./special_symbols.png);
   background-repeat: no-repeat;
   background-size: 284px 146px;
   display: inline-block;
   overflow: hidden;
}

.paytable_special_symbols.s_freespins {
   background-position: -1px -1px;
   height: 144px;
   min-height: 144px;
   min-width: 136px;
   width: 136px;
}

.paytable_special_symbols.s_wild {
   background-position: -139px -1px;
   height: 141px;
   min-height: 141px;
   min-width: 144px;
   width: 144px;
}

.paytable_features {
   background-image: url(./features.png);
   background-position: -1px -1px;
   background-repeat: no-repeat;
   background-size: 602px 757px;
   display: inline-block;
   height: 755px;
   min-height: 755px;
   min-width: 600px;
   overflow: hidden;
   width: 600px;
}

/* Game rules */

.game-rules-tinted-sprite {
   background-image: url(./btn_menu.png);
   background-repeat: no-repeat;
   background-size: 422px 502px;
   display: inline-block;
   overflow: hidden;
}
.game-rules-btn_add {
   background-position: -1px -1px;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-btn_close {
   background-position: -331px -167px;
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-btn_menu {
   background-position: -331px -1px;
   height: 90px;
   min-height: 90px;
   min-width: 90px;
   width: 90px;
}
.game-rules-btn_minus {
   background-position: -1px -111px;
}
.game-rules-btn_minus,
.game-rules-center_autoplay {
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-center_autoplay {
   background-position: -1px -221px;
}
.game-rules-center_turbo_on {
   background-position: -1px -331px;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-ic_chip {
   background-position: -331px -229px;
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-ic_close {
   background-position: -111px -1px;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-ic_coupon {
   background-position: -331px -291px;
}
.game-rules-ic_coupon,
.game-rules-ic_free_game {
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-ic_free_game {
   background-position: -331px -353px;
}
.game-rules-ic_hist {
   background-position: -111px -111px;
}
.game-rules-ic_hist,
.game-rules-ic_nav_calender {
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-ic_nav_calender {
   background-position: -111px -221px;
}
.game-rules-ic_nav_maxbet {
   background-position: -331px -415px;
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-ic_paytable {
   background-position: -111px -331px;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-ic_rollover {
   background-position: -1px -441px;
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-ic_rule {
   background-position: -221px -1px;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-ic_sound {
   background-position: -63px -441px;
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-ic_soundon {
   background-position: -221px -111px;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-ic_spin {
   background-position: -125px -441px;
}
.game-rules-ic_spin,
.game-rules-ic_wallet_open {
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-ic_wallet_open {
   background-position: -187px -441px;
}
.game-rules-ic_win {
   background-position: -249px -441px;
   height: 60px;
   min-height: 60px;
   min-width: 60px;
   width: 60px;
}
.game-rules-menu_close_button {
   background-position: -331px -93px;
   height: 72px;
   min-height: 72px;
   min-width: 72px;
   width: 72px;
}
.game-rules-txt_auto {
   background-position: -221px -221px;
}
.game-rules-txt_auto,
.game-rules-txt_turbo_on {
   height: 108px;
   left: 0;
   min-height: 108px;
   min-width: 108px;
   position: absolute;
   width: 108px;
}
.game-rules-txt_turbo_on {
   background-position: -221px -331px;
}
.game-rules-sprite {
   overflow: hidden;
   display: inline-block;
   background-image: url(./btn_menu2.png);
   background-repeat: no-repeat;
   background-size: 422px 502px;
}
.rules_img {
   background-image: url(./btn_spin.png);
   background-repeat: no-repeat;
   background-size: 148px 74px;
   display: inline-block;
   overflow: hidden;
}
.rules_img.btn_start {
   background-position: -1px -1px;
   height: 72px;
   min-height: 72px;
   min-width: 72px;
   width: 72px;
}
.rules_img.btn_stop {
   background-position: -75px -1px;
   height: 72px;
   min-height: 72px;
   min-width: 72px;
   width: 72px;
}

.game-rules-ic_close {
   background-position: -216px 0;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   width: 108px;
}
.game-rules-menu_close_button {
   background-position: -738px -108px;
   height: 72px;
   width: 72px;
}
.game-rules-ic_nav_calender {
   background-position: -324px 0;
   height: 108px;
   min-height: 108px;
   min-width: 108px;
   vertical-align: middle;
   width: 108px;
}
