/* AUTO — qa/refrules.mjs se: https://ranibook247.com/m/game-detail/36137653 ".game-page" (mobile).
   Haath se mat badlo; dobara chalao. 202 rules, 3007 elements. */
.rbem { --theme2-bg: #0f2462; --theme1-bg: #1a3da6; --primary-color: #fff; --light-bg: #f1f5f8; --secondary-color: #fff; --white-color: #fff; --theme2-bg85: #0f2462D9; font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); letter-spacing: normal; text-align: left; }
.rbem *, .rbem ::after, .rbem ::before { box-sizing: border-box; }
.rbem h5, .rbem h6 { margin-top: 0px; margin-bottom: 0.5rem; }
.rbem p { margin-top: 0px; margin-bottom: 1rem; }
.rbem ul { margin-top: 0px; margin-bottom: 1rem; }
.rbem b { font-weight: bolder; }
.rbem a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbem a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbem table { border-collapse: collapse; }
.rbem th { text-align: inherit; }
.rbem button { border-radius: 0px; }
.rbem button:focus { outline: -webkit-focus-ring-color auto 5px; }
.rbem button, .rbem input { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbem button, .rbem input { overflow: visible; }
.rbem button { text-transform: none; }
.rbem button { appearance: button; }
.rbem input[type="checkbox"] { box-sizing: border-box; padding: 0px; }
.rbem ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbem h5, .rbem h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.rbem h5 { font-size: 1.25rem; }
.rbem h6 { font-size: 1rem; }
.rbem .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.rbem .col-12, .rbem .col-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbem .col-6 { flex: 0 0 50%; max-width: 50%; }
.rbem .col-12 { flex: 0 0 100%; max-width: 100%; }
.rbem .table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); }
.rbem .table td, .rbem .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }
.rbem .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }
.rbem .btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.rbem .btn:hover { color: rgb(33, 37, 41); text-decoration: none; }
.rbem .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.rbem .btn:disabled { opacity: 0.65; }
.rbem .collapse:not(.show) { display: none; }
.rbem .btn-group { position: relative; display: inline-flex; vertical-align: middle; }
.rbem .btn-group > .btn { position: relative; flex: 1 1 auto; }
.rbem .btn-group > .btn:hover { z-index: 1; }
.rbem .btn-group > .btn:active, .rbem .btn-group > .btn:focus { z-index: 1; }
.rbem .btn-group > .btn:not(:first-child) { margin-left: -1px; }
.rbem .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.rbem .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.rbem .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.rbem .nav-link { display: block; padding: 0.5rem 1rem; }
.rbem .nav-link:focus, .rbem .nav-link:hover { text-decoration: none; }
.rbem .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.rbem .nav-tabs .nav-item { margin-bottom: -1px; }
.rbem .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rbem .nav-tabs .nav-link:focus, .rbem .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }
.rbem .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }
.rbem .tab-content > .tab-pane { display: none; }
.rbem .tab-content > .active { display: block; }
.rbem .card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }
.rbem .card-title { margin-bottom: 0.75rem; }
.rbem .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.rbem .card-header:first-child { border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) 0px 0px; }
.rbem .d-inline-block { display: inline-block !important; }
.rbem .d-block { display: block !important; }
.rbem .d-flex { display: flex !important; }
.rbem .float-left { float: left !important; }
.rbem .float-right { float: right !important; }
.rbem .overflow-hidden { overflow: hidden !important; }
.rbem .position-relative { position: relative !important; }
.rbem .mb-0 { margin-bottom: 0px !important; }
.rbem .mt-1 { margin-top: 0.25rem !important; }
.rbem .mr-1 { margin-right: 0.25rem !important; }
.rbem .mt-2 { margin-top: 0.5rem !important; }
.rbem .text-right { text-align: right !important; }
.rbem .text-center { text-align: center !important; }
.rbem .text-uppercase { text-transform: uppercase !important; }
.rbem .fa, .rbem .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbem .fa-chevron-left::before { content: ""; }
.rbem .fa-chevron-right::before { content: ""; }
.rbem .fa-hand-point-right::before { content: ""; }
.rbem .fa-info-circle::before { content: ""; }
.rbem .fa, .rbem .fas { font-family: "Font Awesome 5 Free"; }
.rbem .fa, .rbem .fas { font-weight: 900; }
.rbem .marquee2 { width: 100%; white-space: nowrap; overflow: hidden; font-weight: 700; font-size: 13px; font-style: normal; }
.rbem .marquee2 span { display: inline-block; padding-left: 100%; animation: 15s linear 0s infinite normal none running rbem-marquee1; }
.rbem .marquee2 span:hover { animation-play-state: paused; }
.rbem .detail-casino-link { display: block; width: 100%; text-align: right; padding: 5px 15px; background: rgb(0, 0, 0); border-radius: 1px; color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; text-decoration: underline; }
.rbem .detail-casino-link:hover { color: rgb(255, 255, 255); }
.rbem .detail-casino-link i { font-size: 18px; color: rgb(255, 255, 0); margin-right: 5px; animation: 0.5s ease 0s infinite alternate none running rbem-swipe; }
.rbem .blink-soft { animation: 1.5s linear 0s infinite normal none running rbem-blinker; text-transform: uppercase; font-size: 11px; position: absolute; top: 2px; font-style: normal; margin-left: 5px; background: var(--theme2-bg); padding: 3px 4px; line-height: 1; border-radius: 2px; color: rgb(255, 255, 255); }
.rbem .newtab_collect .nav-tabs { background: var(--theme1-bg); padding: 5px; }
.rbem .newtab_collect .nav-tabs a { font-weight: 700; border-radius: 5px; text-transform: uppercase; color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 5px 40px; margin-right: 5px; position: relative; }
.rbem .newtab_collect .nav-tabs a.active, .rbem .newtab_collect .nav-tabs a:hover { background: linear-gradient(rgb(255, 204, 46), rgb(255, 189, 20)); color: rgb(0, 0, 0); }
.rbem .newtab_collect .nav-tabs a { margin: 0px; padding: 5px 10px; color: rgb(255, 255, 255); }
.rbem .newtab_collect .nav-tabs { padding: 0px; }
.rbem .newtab_collect .nav-tabs li { flex-basis: 0px; flex-grow: 1; text-align: center; padding: 0px !important; }
.rbem button { color: rgb(0, 0, 0); }
.rbem *, .rbem :hover, .rbem :focus { outline: 0px; }
.rbem ul, .rbem li { list-style: none; }
.rbem a, .rbem a:focus, .rbem a:hover, .rbem a:active { text-decoration: none; }
.rbem .box-1 { width: 10%; min-width: 10%; max-width: 10%; }
.rbem .box-4 { width: 40%; min-width: 40%; max-width: 40%; }
.rbem .box-6 { width: 60%; min-width: 60%; max-width: 60%; }
.rbem .box-10 { width: 100%; min-width: 100%; max-width: 100%; }
.rbem .back { background-color: rgb(167, 216, 253) !important; }
.rbem .back-1 { background-color: rgba(114, 187, 239, 0.5); }
.rbem .back-2 { background-color: rgba(114, 187, 239, 0.75); }
.rbem .lay { background-color: rgb(249, 201, 212) !important; }
.rbem .lay-2 { background-color: rgba(250, 169, 186, 0.75); }
.rbem .lay-1 { background-color: rgba(250, 169, 186, 0.5); }
.rbem .blink { animation: 300ms ease 0s 1 normal none running rbem-blinking; }
.rbem .btn { border-radius: 0px; }
.rbem .nav-tabs { background-color: var(--theme1-bg); border-radius: 0px; border-bottom: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px -5px 5px -5px; }
.rbem .nav-tabs { flex-wrap: nowrap; overflow: auto hidden; position: relative; }
.rbem .nav-tabs .nav-item { margin-bottom: 0px; padding-top: 12px; padding-bottom: 12px; }
.rbem .nav-tabs .nav-link { color: var(--primary-color); white-space: nowrap; text-transform: uppercase; border-radius: 0px; padding-top: 0px; padding-bottom: 0px; border-right: 1px solid var(--primary-color); font-size: 12px; font-weight: bold; }
.rbem .nav-tabs .nav-link:focus, .rbem .nav-tabs .nav-link:hover { border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.rbem .nav-tabs .nav-item:last-child .nav-link { border-right: 0px; }
.rbem .nav-tabs .nav-link.active { background-color: transparent; border-left: 0px; border-top: 0px; border-bottom: 0px; color: var(--primary-color); position: relative; }
.rbem .nav-tabs .nav-link.active::after { position: absolute; width: 100%; height: 2px; background-color: var(--light-bg); top: -12px; content: ""; left: 0px; }
.rbem .match-title { background-color: var(--theme2-bg); padding: 4px 8px; color: var(--secondary-color); font-size: 14px; display: table; width: 100%; }
.rbem .match-name { font-weight: bold; }
.rbem .table { margin-bottom: 0px; }
.rbem .min-max { font-size: 12px !important; }
.rbem .table td, .rbem .table th { padding: 2px; vertical-align: middle; }
.rbem .table thead th { border-bottom: 0px; vertical-align: middle; font-size: 14px; }
.rbem .remark { color: rgb(139, 0, 0); font-weight: bold; }
.rbem .suspended { position: relative; }
.rbem .suspended::after { position: absolute; display: flex; justify-content: center; align-items: center; height: 100%; right: 0px; background-color: rgba(0, 0, 0, 0.6); color: var(--white-color); text-transform: uppercase; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 18px; top: 0px; z-index: 10; }
.rbem .main-market .suspended::after { width: 40%; content: attr(data-title); font-family: "Roboto Condensed", sans-serif; font-size: 16px; color: rgb(255, 60, 60); z-index: 9; }
.rbem .bookmaker-market .suspended::after { width: 72%; content: attr(data-title); font-family: "Roboto Condensed", sans-serif; font-size: 16px; color: rgb(255, 60, 60); }
.rbem .info-block { position: relative; }
.rbem .info-block a, .rbem .info-block a:hover { color: var(--theme2-bg); }
.rbem .min-max-info { position: absolute; right: 0px; background-color: var(--light-bg); padding: 6px 14px; z-index: 1000; font-size: 12px; box-shadow: rgb(153, 153, 153) 0px 0px 5px; }
.rbem .card { border-radius: 0px; border: 0px; }
.rbem .card-header { padding: 6px; background-color: var(--theme2-bg); color: var(--secondary-color); border-radius: 0px !important; }
.rbem .market-title { background-color: var(--theme2-bg85); padding: 4px 8px; color: var(--secondary-color); font-size: 13px; }
.rbem .table-header, .rbem .table-row { display: -webkit-flex; flex-wrap: wrap; border-bottom: 1px solid rgb(170, 170, 170); }
.rbem .table-header { border-top: 1px solid rgb(170, 170, 170); }
.rbem .table-row { background-color: rgb(242, 242, 242); align-items: center; }
.rbem .fancy-market .table-row { border-bottom: 0px; }
.rbem .fancy-market .fancy-tripple { border-bottom: 1px solid rgb(170, 170, 170); }
.rbem .fancy-market .fancy-tripple .table-row > div:not(:first-child) { border-bottom: 1px solid rgb(170, 170, 170); }
.rbem .fancy-market .fancy-tripple .table-row:last-child > div { border-bottom: 0px; }
.rbem .table-header > div, .rbem .table-row > div { padding: 0px; border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(170, 170, 170); border-image: none; }
.rbem .table-header > div { border-bottom: 0px; }
.rbem .table-header > div:first-child, .rbem .table-row > div:first-child { padding-left: 5px; padding-right: 5px; }
.rbem .table-header > div:last-child, .rbem .table-row > div:last-child { border-right: 1px solid rgb(170, 170, 170); padding-right: 0px; }
.rbem .table-row > div button { background: transparent; border: 0px; outline: 0px; padding: 0px; }
.rbem .table-row > div .odd ~ span { font-size: 12px; line-height: 14px; }
.rbem .table-row > div .odd { font-size: 16px; font-weight: bold; margin-top: 3px; line-height: 16px; }
.rbem .team-name { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rbem .table-remark { border-left: 1px solid rgb(170, 170, 170); border-right: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); padding-right: 5px; padding-top: 2px; padding-bottom: 2px; font-size: 12px; }
.rbem .LiveStream-video-col { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: center; }
.rbem .hidden-portrait { display: none; }
.rbem .main-market .box-1, .rbem .fancy-market .box-1 { width: 20%; min-width: 20%; max-width: 20%; }
.rbem .main-market .box-4, .rbem .fancy-market .box-4 { width: 60%; min-width: 60%; max-width: 60%; }
.rbem .bookmaker-market .box-1 { width: 12%; min-width: 12%; max-width: 12%; }
.rbem .bookmaker-market .box-4 { width: 28%; min-width: 28%; max-width: 28%; }
.rbem .bookmaker-market .box-6 { width: 52%; min-width: 52%; max-width: 52%; }
.rbem .fancy-nav.nav-tabs { flex-wrap: wrap; display: flex; background-color: transparent; }
.rbem .fancy-nav.nav-tabs .nav-item { min-width: 20%; flex: 1 1 auto; padding-top: 8px; padding-bottom: 8px; text-align: center; background-color: var(--theme1-bg); border-right: 1px solid var(--primary-color); border-bottom: 1px solid var(--primary-color); }
.rbem .fancy-nav.nav-tabs .nav-item.active { background-color: var(--theme2-bg); }
.rbem .fancy-nav.nav-tabs .nav-item .nav-link { padding-left: 0px; padding-right: 0px; border: 0px; }
.rbem .fancy-nav.nav-tabs .nav-item:nth-child(5n) .nav-link { border-right: 0px; }
.rbem .fancy-nav.nav-tabs .nav-link.active::after { content: ""; background-color: transparent; }
.rbem .fancy-markets .tab-content { min-height: 100px; position: relative; }
.rbem .match-title { position: relative; cursor: pointer; }
.rbem .country-name.box-4 { align-items: center; position: relative; }
.rbem .country-name.box-4 span em { display: block; line-height: normal; font-style: normal; }
.rbem .country-name.box-4 .info-block { position: absolute; right: 5px; top: 0px; }
.rbem .LiveStream-video-col { width: 100%; height: 276px; }
.rbem .LiveStream-video-col { width: 100%; height: 244px; padding: 0px; }
.rbem .LiveStream-video-col { width: 100%; height: 234px; padding: 0px; }
.rbem .LiveStream-video-col { width: 100%; height: 224px; padding: 0px; }
.rbem .custom-odds-new { width: 40%; min-width: 40%; max-width: 40%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.rbem .custom-odds-new .box-1 { width: 50%; min-width: 50%; max-width: 50%; height: 100%; padding: 2px 0px; }
.rbem .custom-odds-new .con-boxes { margin-bottom: 1px; display: flex; }
.rbem .table th { white-space: nowrap; }
.rbem .suspended::after { width: 100%; }
.rbem .sr-widget-1 { margin-bottom: 2px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }
.rbem #tvId { position: absolute; top: 50%; left: 42%; font-size: 1rem; }
.rbem .tv-main { position: relative; }
.rbem .slider-wrapper { position: relative; overflow: hidden; }
.rbem .slider-track { display: flex; width: 100%; }
.rbem .nsom-prev-next { position: absolute; z-index: 9; right: 20%; top: 7px; }
.rbem .new-single-odds-market .end-0, .rbem .new-single-odds-market .start-0 { padding: 2px 10px; font-size: 10px; top: 5px; margin: 0px 2px; background: rgb(255, 255, 255); animation: 1s linear 1s infinite alternate none running rbem-simple-scale; border-radius: 5px !important; }
.rbem .country-name .mob-expo-cs { margin-bottom: 0px; display: flex; }
.rbem .country-name .mob-expo-cs span { display: flex; }
.rbem .btn_cashout { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-transform: uppercase; background: rgb(112, 25, 32); transition: 0.9s; color: rgb(255, 255, 255) !important; font-weight: 600 !important; font-size: 12px !important; border-radius: 4px !important; }
.rbem .btn_cashout:hover { background: rgb(101, 20, 27); }
.rbem .btn_losscut { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-transform: uppercase; background: rgb(91, 180, 80); transition: 0.9s; color: rgb(255, 255, 255) !important; font-weight: 600 !important; font-size: 12px !important; border-radius: 4px !important; margin: 0px 2px !important; }
.rbem .btn_losscut:hover { background: rgb(68, 147, 58); }
.rbem .market-title button.btn { padding: 1px 10px; }
.rbem .btn_cashout[disabled], .rbem .btn_losscut[disabled] { pointer-events: none; cursor: not-allowed; background: rgb(145, 143, 143) !important; color: rgb(64, 64, 64) !important; box-shadow: none !important; }
.rbem .market-title button.btn { padding: 2px 6px; line-height: normal; font-size: 11px !important; }
.rbem .country-name .mob-expo-cs { margin-bottom: 0px; }
.rbem .country-name .mob-expo-cs span { display: block; line-height: 0.9; font-size: 8px; }
.rbem .toss_market { padding: 5px 0px; text-align: center; position: relative; }
.rbem .toss_market h5 { text-transform: capitalize; margin: 0px 0px 3px; font-size: 13px; font-weight: 600; }
.rbem .toss_market p { margin: 0px; }
.rbem .toss_market .box-1 { width: 100%; min-width: 100%; max-width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; height: 35px; font-size: 16px; margin: 0px auto; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.rbem .toss_market .col-6 { position: static; }
.rbem .toss_market .row .col-6 { padding: 0px 2px; }
.rbem .toss_market .row { margin: 0px; }
.rbem .mrg-1 { margin-right: 1px; }
@keyframes rbem-marquee1 { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}
@keyframes rbem-swipe { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-10deg); }
}
@keyframes rbem-blinker { 
  50% { opacity: 0; }
}
@-webkit-keyframes blinking { 
  0% { background-color: rgb(255, 192, 26); }
  49% { background-color: rgb(255, 192, 26); }
  50% { background-color: rgb(255, 192, 26); }
  99% { background-color: rgb(255, 192, 26); }
  100% { background-color: rgb(255, 192, 26); }
}
@keyframes rbem-simple-scale { 
  100% { transform: scale(1.2); }
}