/* AUTO — qa/refrules.mjs se: https://ranibook247.com/game-detail/36116353 ".featured-box-detail" (desktop).
   Haath se mat badlo; dobara chalao. 96 rules, 344 elements. */
.rbe { --theme2-bg: #0f2462; --theme1-bg: #1a3da6; --white-color: #fff; --secondary-color: #fff; --site-color: #000; --grey-bg: #ccc; --theme2-bg85: #0f2462D9; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 400; line-height: 15px; color: rgb(0, 0, 0); letter-spacing: normal; text-align: left; }
.rbe *, .rbe ::after, .rbe ::before { box-sizing: border-box; }
.rbe p { margin-top: 0px; margin-bottom: 1rem; }
.rbe b { font-weight: bolder; }
.rbe a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbe a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbe button { border-radius: 0px; }
.rbe button:focus { outline: -webkit-focus-ring-color auto 5px; }
.rbe button { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbe button { overflow: visible; }
.rbe button { text-transform: none; }
.rbe button { appearance: button; }
.rbe ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbe .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.rbe .col-md-9, .rbe .col-xl-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbe .col-md-9 { flex: 0 0 75%; max-width: 75%; }
.rbe .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
.rbe .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; }
.rbe .btn:hover { color: rgb(33, 37, 41); text-decoration: none; }
.rbe .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.rbe .btn:disabled { opacity: 0.65; }
.rbe .btn-group { position: relative; display: inline-flex; vertical-align: middle; }
.rbe .btn-group > .btn { position: relative; flex: 1 1 auto; }
.rbe .btn-group > .btn:hover { z-index: 1; }
.rbe .btn-group > .btn:active, .rbe .btn-group > .btn:focus { z-index: 1; }
.rbe .nav-link { display: block; padding: 0.5rem 1rem; }
.rbe .nav-link:focus, .rbe .nav-link:hover { text-decoration: none; }
.rbe .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.rbe .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rbe .nav-tabs .nav-link:focus, .rbe .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }
.rbe .d-block { display: block !important; }
.rbe .float-left { float: left !important; }
.rbe .float-right { float: right !important; }
.rbe .mt-1 { margin-top: 0.25rem !important; }
.rbe .text-right { text-align: right !important; }
.rbe .text-center { text-align: center !important; }
.rbe .text-info { color: rgb(23, 162, 184) !important; }
.rbe .fa { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbe .fa-info-circle::before { content: ""; }
.rbe .fa { font-family: "Font Awesome 5 Free"; }
.rbe .fa { font-weight: 900; }
.rbe .marquee2 { width: 100%; white-space: nowrap; overflow: hidden; font-weight: 700; font-size: 13px; font-style: normal; }
.rbe .marquee2 span { display: inline-block; padding-left: 100%; animation: 15s linear 0s infinite normal none running rbe-marquee1; }
.rbe .marquee2 span:hover { animation-play-state: paused; }
.rbe .blink-soft { animation: 1.5s linear 0s infinite normal none running rbe-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); }
.rbe .newtab_collect .nav-tabs { background: var(--theme1-bg); padding: 5px; }
.rbe .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; }
.rbe .newtab_collect .nav-tabs a:hover { background: linear-gradient(rgb(255, 204, 46), rgb(255, 189, 20)); color: rgb(0, 0, 0); }
.rbe .premium-iframe { text-align: center; background: var(--theme2-bg); padding: 2px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; height: 100vh; }
.rbe p { margin-bottom: 0px; }
.rbe .suspended { position: relative; }
.rbe .suspended::after { position: absolute; display: flex; justify-content: center; align-items: center; height: 100%; width: 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; }
.rbe .bookmaker-market .suspended::after { width: 60%; content: attr(data-title); font-size: 16px; color: rgb(255, 0, 0); font-family: Arial, Verdana, Helvetica, sans-serif; }
.rbe .box-1 { width: 10%; min-width: 10%; max-width: 10%; }
.rbe .box-4 { width: 40%; min-width: 40%; max-width: 40%; }
.rbe .row.row5 { margin-left: -5px; margin-right: -5px; }
.rbe .row.row5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.rbe .m-b-10 { margin-bottom: 10px !important; }
.rbe .m-r-5 { margin-right: 5px; }
.rbe .featured-box-detail { min-height: 70vh; max-width: 70% !important; flex: 0 0 70% !important; }
.rbe .nav-tabs { display: block; border-bottom: 0px; }
.rbe .game-heading { background-color: var(--theme2-bg); color: var(--secondary-color); padding: 10px; }
.rbe .game-heading .card-header-title { font-size: 18px; font-weight: bold; }
.rbe .nav-tabs .nav-link { border-radius: 0px; color: var(--site-color); background-color: var(--grey-bg); border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--theme2-bg) !important; }
.rbe .nav-tabs .nav-link:focus, .rbe .nav-tabs .nav-link:hover { border-width: 0px; border-style: none; border-top-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: none; border-right-color: 1px solid var(--theme2-bg); }
.rbe .lay { background-color: rgb(250, 169, 186) !important; }
.rbe .back { background-color: rgb(114, 187, 239) !important; }
.rbe .game-heading .card-header-title { font-size: 15px; text-transform: uppercase; }
.rbe .back1 { background-color: rgba(114, 187, 239, 0.75); }
.rbe .back2 { background-color: rgba(114, 187, 239, 0.5); }
.rbe .lay1 { background-color: rgba(250, 169, 186, 0.75); }
.rbe .lay2 { background-color: rgba(250, 169, 186, 0.5); }
.rbe .table-header, .rbe .table-row { display: -webkit-flex; border-bottom: 1px solid rgb(255, 255, 255); }
.rbe .table-row { background-color: rgb(242, 242, 242); }
.rbe .table-header > div, .rbe .table-row > div { padding: 5px 0px; border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(255, 255, 255); border-image: none; }
.rbe .table-header > div { border-bottom: 0px; }
.rbe .table-header > div:first-child, .rbe .table-row > div:first-child { padding-left: 5px; padding-right: 5px; }
.rbe .table-header > div:last-child, .rbe .table-row > div:last-child { border-right: 1px solid rgb(255, 255, 255); padding-right: 5px; }
.rbe .table-row > div.back, .rbe .table-row > div.back1, .rbe .table-row > div.back2, .rbe .table-row > div.lay, .rbe .table-row > div.lay1, .rbe .table-row > div.lay2 { cursor: pointer; }
.rbe .table-row > div .odd ~ span { font-size: 10px; }
.rbe .table-row > div .odd { font-size: 16px; font-weight: bold; margin-bottom: 1px; }
.rbe .team-name { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rbe .table-remark { border-left: 1px solid rgb(222, 226, 230); border-right: 1px solid rgb(222, 226, 230); border-bottom: 1px solid rgb(222, 226, 230); padding-right: 5px; padding-top: 2px; padding-bottom: 2px; font-size: 12px; }
.rbe .market-title { background-color: var(--theme2-bg85); padding: 6px 8px; color: var(--secondary-color); font-size: 14px; font-weight: bold; }
.rbe .remark { color: rgb(139, 0, 0); font-weight: bold; }
.rbe .team-name, .rbe .country-name { font-size: 14px; }
.rbe .game-rules-icon, .rbe .game-rules-icon:hover, .rbe .game-rules-icon:focus { color: rgb(255, 255, 255); }
.rbe .game-heading { position: relative; }
.rbe .suspended::after { width: 100%; }
.rbe .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; }
.rbe .premium-iframe { text-align: center; padding: 2px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; height: 100vh; }
.rbe .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; }
.rbe .btn_cashout:hover { background: rgb(101, 20, 27); }
.rbe .market-title button.btn { padding: 1px 10px; }
.rbe .btn_cashout[disabled] { pointer-events: none; cursor: not-allowed; background: rgb(145, 143, 143) !important; color: rgb(64, 64, 64) !important; box-shadow: none !important; }
@keyframes rbe-marquee1 { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}
@keyframes rbe-blinker { 
  50% { opacity: 0; }
}