/* AUTO — qa/refrules.mjs se: https://ranibook247.com/m/home "#home .tab-container > .tab-content" (mobile).
   Haath se mat badlo; dobara chalao. 64 rules, 767 elements. */
.rbm { --theme2-bg: #0f2462; --theme1-bg: #1a3da6; --site-color: #000; --light-bg: #f1f5f8; 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; }
.rbm *, .rbm ::after, .rbm ::before { box-sizing: border-box; }
.rbm p { margin-top: 0px; margin-bottom: 1rem; }
.rbm ul { margin-top: 0px; margin-bottom: 1rem; }
.rbm b, .rbm strong { font-weight: bolder; }
.rbm a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbm a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbm img { vertical-align: middle; border-style: none; }
.rbm label { display: inline-block; margin-bottom: 0.5rem; }
.rbm input, .rbm select { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbm input { overflow: visible; }
.rbm select { text-transform: none; }
.rbm select { overflow-wrap: normal; }
.rbm input[type="checkbox"] { box-sizing: border-box; padding: 0px; }
.rbm ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbm .img-fluid { max-width: 100%; height: auto; }
.rbm .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.rbm .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.rbm .col-12, .rbm .col-4, .rbm .col-8 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbm .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.rbm .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.rbm .col-12 { flex: 0 0 100%; max-width: 100%; }
.rbm .form-control-sm { height: calc(1.5em + 2px + 0.5rem); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
.rbm .tab-content > .tab-pane { display: none; }
.rbm .tab-content > .active { display: block; }
.rbm .mb-0 { margin-bottom: 0px !important; }
.rbm .pt-1 { padding-top: 0.25rem !important; }
.rbm .pb-1 { padding-bottom: 0.25rem !important; }
.rbm .text-right { text-align: right !important; }
.rbm .text-center { text-align: center !important; }
.rbm .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbm .fa-tv::before { content: ""; }
.rbm .fas { font-family: "Font Awesome 5 Free"; }
.rbm .fas { font-weight: 900; }
.rbm *, .rbm :hover, .rbm :focus { outline: 0px; }
.rbm ul, .rbm li { list-style: none; }
.rbm a, .rbm a:focus, .rbm a:hover, .rbm a:active { text-decoration: none; }
.rbm .row.row5 { margin-left: -5px; margin-right: -5px; }
.rbm .row.row5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.rbm .filter-ct { width: 99.5%; text-align: right; display: inline-block; margin: 5px 0px; align-items: center; }
.rbm .filter-ct label { margin-bottom: 0px; margin-right: 3px; font-size: 12px; font-weight: 600; }
.rbm .filter-ct select { border: 1px solid var(--theme2-bg); background: var(--theme1-bg); color: rgb(255, 255, 255); font-weight: 500; font-size: 13px; padding: 2px; line-height: normal; height: auto; text-transform: uppercase; border-radius: 2px; }
.rbm .game-listing-container a { color: var(--site-color); }
.rbm:not(.zz-ref) .game-listing-container { max-height: 230px; overflow-x: auto; }
.rbm .game-list { background-color: var(--light-bg); border-bottom: 1px solid rgb(214, 216, 215); }
.rbm .active-icon { background-color: rgb(151, 204, 0); height: 12px; width: 12px; border-radius: 50%; display: inline-block; }
.rbm .game-icon { width: 30px; text-align: center; display: inline-block; }
.rbm .game-icons img { width: 15px; vertical-align: top; margin-top: 5px; }
.rbm .game-icon .fa-tv { color: var(--site-color); font-size: 12px; margin-top: 6px; vertical-align: top; }
.rbm .game-col { float: left; width: 33.33%; }
.rbm .game-col a { height: 24px; line-height: 24px; font-size: 14px; font-weight: bold; float: left; cursor: pointer; width: 50%; color: var(--site-color); }
.rbm .btn-back { background-color: rgb(114, 187, 239); }
.rbm .btn-lay { background-color: rgb(250, 169, 186); }
.rbm .game-icon { width: 20px; }
.rbm .game-name { font-size: 14px; }
.rbm .game-icon .fa-tv { margin-top: 4px; margin-right: 4px; }
.rbm ul.live_virtual { list-style: none; padding: 0px; align-items: center; position: absolute; top: 1px; left: 5px; width: auto; margin: 0px; display: flex !important; }
.rbm ul.live_virtual li { display: inline; }
.rbm ul.live_virtual li label { border: 1px solid var(--theme1-bg); color: var(--theme1-bg); border-radius: 25px; white-space: nowrap; margin: 0px 1px; user-select: none; -webkit-tap-highlight-color: transparent; transition: 0.2s; font-weight: 400; padding: 0px 10px; cursor: pointer; font-size: 12px; display: flex; align-items: center; justify-content: center; line-height: 2; }
.rbm ul.live_virtual li label::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 12px; padding-right: 2px; content: "-"; transition: transform 0.3s ease-in-out; line-height: 0; }
.rbm ul.live_virtual li input[type="checkbox"]:checked + label::before { content: "+"; transform: rotate(-1turn); transition: transform 0.3s ease-in-out; }
.rbm ul.live_virtual li input[type="checkbox"]:checked + label { border: 1px solid rgb(0, 173, 111); background-color: rgb(0, 173, 111); color: rgb(255, 255, 255); transition: 0.2s; }
.rbm ul.live_virtual li input[type="checkbox"] { position: absolute; opacity: 0; }
.rbm .add-pin img { width: 14px; }
.rbm .game-list { padding: 5px; }