/* GENERATED by scripts/bundle-ref-css.mjs — source: public/css/ref/*.css, seedha edit mat karo */
/* ---- board-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/home "tabset.tab-container" (desktop).
   Haath se mat badlo; dobara chalao. 83 rules, 3974 elements. */
.rbd { --theme2-bg: #0f2462; --theme1-bg: #1a3da6; --site-color: #000; --grey-bg: #ccc; --secondary-color: #fff; 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; }
.rbd *, .rbd ::after, .rbd ::before { box-sizing: border-box; }
.rbd ul { margin-top: 0px; margin-bottom: 1rem; }
.rbd a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbd a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbd img { vertical-align: middle; border-style: none; }
.rbd table { border-collapse: collapse; }
.rbd th { text-align: inherit; }
.rbd label { display: inline-block; margin-bottom: 0.5rem; }
.rbd button { border-radius: 0px; }
.rbd button:focus { outline: -webkit-focus-ring-color auto 5px; }
.rbd button, .rbd input, .rbd select { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbd button, .rbd input { overflow: visible; }
.rbd button, .rbd select { text-transform: none; }
.rbd select { overflow-wrap: normal; }
.rbd button { appearance: button; }
.rbd input[type="checkbox"] { box-sizing: border-box; padding: 0px; }
.rbd ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbd .img-fluid { max-width: 100%; height: auto; }
.rbd .table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); }
.rbd .table td, .rbd .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }
.rbd .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }
.rbd .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; }
.rbd .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.rbd .nav-link { display: block; padding: 0.5rem 1rem; }
.rbd .nav-link:focus, .rbd .nav-link:hover { text-decoration: none; }
.rbd .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.rbd .nav-tabs .nav-item { margin-bottom: -1px; }
.rbd .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rbd .nav-tabs .nav-link:focus, .rbd .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }
.rbd .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); }
.rbd .tab-content > .tab-pane { display: none; }
.rbd .tab-content > .active { display: block; }
.rbd .text-dark { color: rgb(52, 58, 64) !important; }
.rbd a.text-dark:focus, .rbd a.text-dark:hover { color: rgb(18, 20, 22) !important; }
.rbd .fa, .rbd .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbd .fa-hand-point-left::before { content: ""; }
.rbd .fa-tv::before { content: ""; }
.rbd .fa, .rbd .fas { font-family: "Font Awesome 5 Free"; }
.rbd .fa, .rbd .fas { font-weight: 900; }
.rbd .binary-event-em { text-transform: capitalize; font-style: normal; font-weight: 900; font-size: 10px; padding: 1px 5px; color: red; border-radius: 2px; position: absolute; top: 0px; right: 0px; width: max-content; animation: 2s ease-out 0s infinite normal none running rbd-beei; }
.rbd .nav.nav-tabs { overflow-x: auto; }
.rbd .nav.nav-tabs li a { white-space: nowrap; text-transform: uppercase; }
.rbd ul { margin-bottom: 0px; padding: 0px; }
.rbd li { list-style: none; }
.rbd .coupon-card { margin-bottom: 16px; border-radius: 0px 0px 2px 2px; }
.rbd .coupon-table { margin-bottom: 0px; }
.rbd .coupon-table thead th { font-size: 12px; font-weight: 700; text-align: center; padding: 6px 0px; color: rgb(48, 48, 48); }
.rbd .coupon-table thead th:first-child { text-align: left; width: auto; padding-left: 15px; text-indent: 0px; padding-right: 15px; }
.rbd .coupon-table td:first-child .active { margin-right: 30px; float: right; height: 12px; width: 12px; border-radius: 50%; background-color: rgb(40, 167, 69); }
.rbd .filter-ct { float: right; display: inline-block; margin: 5px 0px; align-items: center; }
.rbd .filter-ct label { margin-bottom: 0px; margin-right: 3px; font-size: 12px; font-weight: 600; }
.rbd .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; }
.rbd .nav-tabs { display: block; border-bottom: 0px; }
.rbd .nav-tabs .nav-item { display: table-cell; }
.rbd .coupon-table button { width: 100%; min-width: 40px; height: 25px; margin: 0px; text-align: center; display: inline-block; padding: 0px; color: rgb(39, 58, 71); border: 0px; font-size: 14px; font-weight: bold; cursor: pointer; }
.rbd .coupon-table tr td { padding: 0px; vertical-align: middle; font-size: 14px; overflow-wrap: break-word; }
.rbd .coupon-table tr td:first-child { padding-left: 15px; vertical-align: middle; padding-right: 15px; }
.rbd .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; }
.rbd .nav-tabs .nav-link:focus, .rbd .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); }
.rbd .nav-tabs .nav-link.active { background-color: var(--theme2-bg); border-color: transparent; color: var(--secondary-color); }
.rbd .lay { background-color: rgb(250, 169, 186) !important; }
.rbd .back { background-color: rgb(114, 187, 239) !important; }
.rbd .game-name { width: 80%; float: left; position: relative; }
.rbd .game-icons { float: left; width: 20%; text-align: right; }
.rbd .sport-icon img { width: 14px; filter: invert(1); margin-right: 5px; }
.rbd .game-icon { width: 25px; text-align: center; margin-top: 2px; display: inline-block; }
.rbd .game-icon .active { display: inline-block !important; float: none !important; vertical-align: middle !important; margin-right: 0px !important; }
.rbd .coupon-table td:first-child .active { background-color: rgb(40, 167, 69); height: 12px; width: 12px; border-radius: 50%; }
.rbd .icon-tv { font-size: 0.6875rem; }
.rbd .bookmaker-icon, .rbd .fancy-icon { height: 12px; }
.rbd .table { margin-bottom: 0px !important; }
.rbd .table th { white-space: nowrap; }
.rbd ul.live_virtual { list-style: none; padding: 0px; align-items: center; position: absolute; top: 4px; right: 13%; width: auto; margin: 0px; display: flex !important; }
.rbd ul.live_virtual li { display: inline; }
.rbd 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; }
.rbd 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; }
.rbd ul.live_virtual li input[type="checkbox"]:checked + label::before { content: "+"; transform: rotate(-1turn); transition: transform 0.3s ease-in-out; }
.rbd 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; }
.rbd ul.live_virtual li input[type="checkbox"] { position: absolute; opacity: 0; }
.rbd .add-pin img { width: 14px; }
.rbd .cardgame-icon { height: 20px; }
.rbd .game-name { position: relative; }
@keyframes rbd-beei { 
  0% { transform: scale(1, 1); color: red; border: 1px solid rgb(221, 221, 221); }
  50% { transform: scale(1.05, 1.05); color: green; border: 1px solid rgb(0, 0, 0); }
  100% { transform: scale(1, 1); color: blue; border: 1px solid rgb(170, 170, 170); }
}

/* ---- chips-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/home ".latest-event" (desktop).
   Haath se mat badlo; dobara chalao. 19 rules, 37 elements. */
.rbdc { --theme2-bg: #0f2462; --white-color: #fff; 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; }
.rbdc *, .rbdc ::after, .rbdc ::before { box-sizing: border-box; }
.rbdc b { font-weight: bolder; }
.rbdc a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbdc a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbdc img { vertical-align: middle; border-style: none; }
.rbdc ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbdc .d-none { display: none !important; }
.rbdc .d-xl-flex { display: flex !important; }
.rbdc .latest-event { overflow: overlay hidden; display: block; white-space: nowrap; padding-bottom: 12px; }
.rbdc .latest-event-item { justify-content: center; align-items: center; padding: 5px; background: var(--theme2-bg); margin-right: 5px; border-radius: 4px; color: var(--white-color); margin-bottom: 5px; display: inline-flex; }
.rbdc .latest-event-item a { color: var(--white-color); font-size: 14px; font-weight: bold; text-align: center; text-transform: capitalize; }
.rbdc .latest-event-item a img { width: 12px; }
.rbdc .latest-event-item a span { margin-left: 5px; vertical-align: middle; }
.rbdc .new-launch-text { animation: 1s linear 0s infinite normal none running rbdc-new-launch; }
.rbdc .latest-event-item a { padding: 0px 1px; display: flex; align-items: center; }
.rbdc .latest-event-item a img { width: 16px; margin-right: 2px; }
.rbdc .new-launch-text div { line-height: normal; }
.rbdc .new-launch-text div b { display: block; color: rgb(255, 255, 255); font-size: 12px; background: rgb(22, 113, 34); width: 110px; text-align: center; border-radius: 5px; padding: 2px; }
@keyframes rbdc-new-launch { 
  50% { opacity: 0; }
}

/* ---- sidebar-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/home "app-sidebar" (desktop).
   Haath se mat badlo; dobara chalao. 44 rules, 5146 elements. */
.rbs { --theme1-bg: #1a3da6; --primary-color: #fff; --link-bg: #bbb; --site-color: #000; --theme2-bg: #0f2462; 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; }
.rbs *, .rbs ::after, .rbs ::before { box-sizing: border-box; }
.rbs nav { display: block; }
.rbs h5 { margin-top: 0px; margin-bottom: 0.5rem; }
.rbs ul { margin-top: 0px; margin-bottom: 1rem; }
.rbs ul ul { margin-bottom: 0px; }
.rbs a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbs a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbs img { vertical-align: middle; border-style: none; }
.rbs ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbs h5 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.rbs h5 { font-size: 1.25rem; }
.rbs .collapse:not(.show) { display: none; }
.rbs .nav-link { display: block; padding: 0.5rem 1rem; }
.rbs .nav-link:focus, .rbs .nav-link:hover { text-decoration: none; }
.rbs .d-inline-block { display: inline-block !important; }
.rbs .text-white { color: rgb(255, 255, 255) !important; }
.rbs .text-dark { color: rgb(52, 58, 64) !important; }
.rbs .far, .rbs .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbs .fa-caret-right::before { content: ""; }
.rbs .fa-minus-square::before { content: ""; }
.rbs .fa-plus-square::before { content: ""; }
.rbs .far { font-weight: 400; }
.rbs .far, .rbs .fas { font-family: "Font Awesome 5 Free"; }
.rbs .fas { font-weight: 900; }
.rbs ul { margin-bottom: 0px; padding: 0px; }
.rbs li { list-style: none; }
.rbs .m-t-5 { margin-top: 5px; }
.rbs .m-b-0 { margin-bottom: 0px; }
.rbs .sidebar-title { background-color: var(--theme1-bg); cursor: pointer; padding: 4px 6px; margin-bottom: 0px; margin-top: 1px; }
.rbs .sidebar-title h5 { color: var(--primary-color); width: 100%; font-size: 18px; }
.rbs:not(.zz-ref) .sidebar-title ::before { font-family: "Font Awesome 5 Free"; content: ""; padding-right: 3px; font-weight: 900; float: right; }
.rbs:not(.zz-ref) .nav-item .nav-link { background: var(--link-bg); color: var(--site-color); border-bottom: 1px solid rgb(158, 158, 158); font-weight: normal; font-size: 14px; padding: 0.3rem 1rem; }
.rbs:not(.zz-ref) .mtree-main { padding: 5px 10px; }
.rbs:not(.zz-ref) .mtree li { padding: 2px 0px 2px 10px; position: relative; }
.rbs:not(.zz-ref) .mtree > li { padding-left: 0px; }
.rbs:not(.zz-ref) .mtree li a { position: relative; font-size: 16px; text-decoration: none; color: rgb(52, 58, 64); line-height: 15px; }
.rbs:not(.zz-ref) .mtree li a:hover { text-decoration: none; }
.rbs .theme2bg { background-color: var(--theme2-bg); }
.rbs .sidebar-title { background-color: var(--theme1-bg); }
.rbs .deposit-withdraw-sidebar-title { background-color: var(--theme1-bg); cursor: pointer; padding: 4px 6px; margin-bottom: 0px; margin-top: 1px; }
.rbs .deposit-withdraw-sidebar-title h5 { color: var(--primary-color); width: 100%; font-size: 16px; }
.rbs .deposit-withdraw-sidebar-title.deposit { background-color: green; }
.rbs .deposit-withdraw-sidebar-title.withdraw { background-color: red; }
.rbs .deposit-withdraw-sidebar-title img { width: 23px; }

/* ---- header-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/home "header.header" (desktop).
   Haath se mat badlo; dobara chalao. 97 rules, 171 elements. */
.rbh { --theme1-bg: #1a3da6; --primary-color: #fff; --theme2-bg: #0f2462; --secondary-color: #fff; --secondary-bg: #000; --primary-bg: #fff; --site-color: #000; --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; }
.rbh *, .rbh ::after, .rbh ::before { box-sizing: border-box; }
.rbh header, .rbh nav { display: block; }
.rbh hr { box-sizing: content-box; height: 0px; overflow: visible; }
.rbh ul { margin-top: 0px; margin-bottom: 1rem; }
.rbh ul ul { margin-bottom: 0px; }
.rbh b { font-weight: bolder; }
.rbh small { font-size: 80%; }
.rbh a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbh a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbh img { vertical-align: middle; border-style: none; }
.rbh button { border-radius: 0px; }
.rbh button:focus { outline: -webkit-focus-ring-color auto 5px; }
.rbh button, .rbh input { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbh button, .rbh input { overflow: visible; }
.rbh button { text-transform: none; }
.rbh [type="button"], .rbh button { appearance: button; }
.rbh ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbh hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.1) currentcolor currentcolor; border-image: none; }
.rbh small { font-size: 80%; font-weight: 400; }
.rbh .list-unstyled { padding-left: 0px; list-style: none; }
.rbh .img-fluid { max-width: 100%; height: auto; }
.rbh .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.rbh .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.rbh .col-md-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbh .col-md-12 { flex: 0 0 100%; max-width: 100%; }
.rbh .collapse:not(.show) { display: none; }
.rbh .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }
.rbh .navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.rbh .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.rbh .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }
.rbh .navbar-toggler:focus, .rbh .navbar-toggler:hover { text-decoration: none; }
.rbh .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: center center / 100% 100% no-repeat; }
.rbh .navbar-expand-md { flex-flow: row; justify-content: flex-start; }
.rbh .navbar-expand-md .navbar-nav { flex-direction: row; }
.rbh .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }
.rbh .navbar-expand-md .navbar-toggler { display: none; }
.rbh .d-flex { display: flex !important; }
.rbh .align-items-center { align-items: center !important; }
.rbh .float-left { float: left !important; }
.rbh .float-right { float: right !important; }
.rbh .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbh .fa-chevron-down::before { content: ""; }
.rbh .fa-search-plus::before { content: ""; }
.rbh .fas { font-family: "Font Awesome 5 Free"; }
.rbh .fas { font-weight: 900; }
.rbh ul { margin-bottom: 0px; padding: 0px; }
.rbh li { list-style: none; }
.rbh .m-t-10 { margin-top: 10px !important; }
.rbh .m-r-5 { margin-right: 5px; }
.rbh .header { background-color: var(--theme1-bg); color: var(--primary-color); }
.rbh .header a { color: var(--primary-color); }
.rbh .header-bottom { background-color: var(--theme2-bg); margin-top: 10px; padding: 9px 0px; }
.rbh .header-bottom li a { color: var(--secondary-color); text-transform: uppercase; padding: 3px 15px; font-size: 14px; display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; text-align: center; }
.rbh .header-bottom li a em { display: none; }
.rbh .search .fa-search-plus { color: var(--primary-color); font-size: 24px; margin-left: 10px; float: right; margin-top: 5px; }
.rbh .header-top { height: 60px; margin-top: 10px; }
.rbh .header-top ul { padding-top: 10px; }
.rbh .logo img { width: auto; height: 65px; }
.rbh .search { position: relative; margin-right: 20px; z-index: 10; }
.rbh .search input { height: 38px; border: 0px; padding: 0px; outline: 0px; width: 0px; border-radius: 0px; box-shadow: 0 0 5px var(--secondary-bg); transition: width 0.4s linear; }
.rbh .ballance, .rbh .account { margin-left: 15px; margin-top: 0px; }
.rbh .account { margin-top: 5px; }
.rbh .header-bottom nav { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; }
.rbh .header-bottom li a:hover { text-decoration: none; background-color: transparent !important; color: inherit !important; }
.rbh .header-bottom li a::before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: var(--primary-bg); height: 2px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out; }
.rbh .header-bottom li a:hover::before, .rbh .header-bottom li a:focus::before, .rbh .header-bottom li a:active::before { left: 0px; right: 0px; }
.rbh .account .fa-chevron-down { margin-left: 5px; }
.rbh .account > span { cursor: pointer; position: relative; }
.rbh .account ul { display: none; position: absolute; top: 40px; right: 0px; z-index: 1000; min-width: 170px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; background-color: var(--primary-bg); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; }
.rbh .header-top .account ul li { line-height: 24px; }
.rbh .header-top .account ul li a { font-size: 14px; text-transform: capitalize; padding: 0px 8px; color: var(--site-color); }
.rbh .header-top ul li.account:hover ul { display: block; }
.rbh .download-apklink a:hover { text-decoration: none; }
.rbh .t-underline { text-decoration: underline; }
.rbh .new-tag-menus { animation: 2s ease-out 0s infinite normal none running rbh-tagmenu; }
.rbh .header-bottom { overflow: auto; }
.rbh .header-bottom li a { white-space: nowrap; }
.rbh .rae_btns { padding: 6px 0px; font-size: 12px; }
.rbh .balance-information { padding-bottom: 3px; padding-top: 3px; border-bottom: 1px solid var(--theme2-bg85) !important; }
.rbh .balance-row { display: flex; align-items: center; color: rgb(0, 0, 0); font-size: 13px; font-weight: 700; line-height: normal; padding: 4px; }
.rbh .balance-text-left { flex-basis: 55%; font-size: 13px; line-height: 1rem; color: rgb(0, 0, 0); font-weight: 300 !important; }
.rbh .balance-text-left small { font-size: 10px; }
.rbh .balance-price { color: var(--theme2-bg85); }
.rbh .ab_rae_btns { border-bottom: 1px solid var(--theme2-bg85); padding: 5px; }
.rbh .ab_btns { background: var(--theme2-bg); border-radius: 100px; margin-bottom: 3px; color: rgb(255, 255, 255) !important; }
.rbh .ab_btns, .rbh .rae_btns { text-align: center; line-height: normal; }
.rbh .rae_btns { border: 1px solid var(--theme2-bg); color: var(--theme2-bg); border-radius: 100px; }
.rbh .btns__deposit_withdrawal { display: flex; }
.rbh .btns__deposit_withdrawal a { text-align: center; color: rgb(255, 255, 255); padding: 5px; text-transform: uppercase; font-size: 13px; display: flex; align-items: center; justify-content: center; border-radius: 4px; font-weight: 900; border: 1px solid rgb(255, 255, 255); margin: 0px 5px; text-decoration: none; }
.rbh a.btn_deposit { background: linear-gradient(rgb(0, 123, 21), rgb(19, 142, 0)); }
.rbh a.btn_withdrawal { background: linear-gradient(rgb(123, 0, 0), rgb(209, 0, 0)); }
.rbh a.btn_deposit img, .rbh a.btn_withdrawal img { width: 22px; margin-right: 3px; filter: invert(1); }
.rbh .marquee1 { width: 80%; white-space: nowrap; overflow: hidden; font-weight: 500; color: rgb(255, 255, 255); font-size: 13px; position: absolute; bottom: -7px; right: 0px; }
.rbh .marquee1 span { display: inline-block; padding-left: 100%; animation: 25s linear 0s infinite normal none running rbh-marquee1; }
.rbh .marquee1 span:hover { animation-play-state: paused; }
@keyframes rbh-marquee1 { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}
@keyframes rbh-tagmenu { 
  0% { background: red; color: rgb(255, 255, 255); }
  50% { background: rgb(255, 255, 255); color: red; }
  100% { background: yellow; color: rgb(0, 0, 0); }
}

/* ---- rside-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/game-detail/36116353 "#sidebar-right" (desktop).
   Haath se mat badlo; dobara chalao. 48 rules, 31 elements. */
.rbr { --theme2-bg: #0f2462; --secondary-color: #fff; --grey-bg: #ccc; 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; }
.rbr *, .rbr ::after, .rbr ::before { box-sizing: border-box; }
.rbr h6 { margin-top: 0px; margin-bottom: 0.5rem; }
.rbr a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbr a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbr table { border-collapse: collapse; }
.rbr th { text-align: inherit; }
.rbr input { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbr input { overflow: visible; }
.rbr input[type="checkbox"] { box-sizing: border-box; padding: 0px; }
.rbr ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbr h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.rbr h6 { font-size: 1rem; }
.rbr .col-md-3 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbr .col-md-3 { flex: 0 0 25%; max-width: 25%; }
.rbr .table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); }
.rbr .table td, .rbr .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }
.rbr .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }
.rbr .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; }
.rbr .card-body { flex: 1 1 auto; padding: 1.25rem; }
.rbr .card-title { margin-bottom: 0.75rem; }
.rbr .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); }
.rbr .card-header:first-child { border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) 0px 0px; }
.rbr .d-inline-block { display: inline-block !important; }
.rbr .text-right { text-align: right !important; }
.rbr .text-center { text-align: center !important; }
.rbr .fa { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbr .fa-hand-point-right::before { content: ""; }
.rbr .fa { font-family: "Font Awesome 5 Free"; }
.rbr .fa { font-weight: 900; }
.rbr .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; }
.rbr .detail-casino-link:hover { color: rgb(255, 255, 255); }
.rbr .detail-casino-link i { font-size: 18px; color: rgb(255, 255, 0); margin-right: 5px; animation: 0.5s ease 0s infinite alternate none running rbr-swipe; }
.rbr:not(.zz-ref):not(.zz-ref) [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.rbr .m-b-10 { margin-bottom: 10px !important; }
.rbr .card-header { padding-top: 4px; padding-bottom: 4px; background-color: var(--theme2-bg); color: var(--secondary-color); }
.rbr .coupon-table { margin-bottom: 0px; }
.rbr .coupon-table thead th { font-size: 12px; font-weight: 700; text-align: center; padding: 6px 0px; color: rgb(48, 48, 48); }
.rbr .coupon-table thead th:first-child { text-align: left; width: auto; padding-left: 15px; text-indent: 0px; padding-right: 15px; }
.rbr .card-title { margin-bottom: 0px; vertical-align: sub; cursor: pointer; color: var(--secondary-color); }
.rbr .coupon-table tr td { padding: 0px; vertical-align: middle; font-size: 14px; overflow-wrap: break-word; }
.rbr .coupon-table tr td:first-child { padding-left: 15px; vertical-align: middle; padding-right: 15px; }
.rbr .sidebar-right { max-width: 30% !important; flex: 0 0 30% !important; padding-left: 0px !important; }
.rbr .place-bet { position: relative; overflow: hidden; }
.rbr .my-bet .card-body { padding: 0px; }
.rbr .my-bet thead tr { background-color: var(--grey-bg); }
.rbr .table { margin-bottom: 0px !important; }
.rbr .table th { white-space: nowrap; }
@keyframes rbr-swipe { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-10deg); }
}

/* ---- event-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/game-detail/36137653 ".featured-box-detail" (desktop).
   Haath se mat badlo; dobara chalao. 146 rules, 2754 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 h5 { margin-top: 0px; margin-bottom: 0.5rem; }
.rbe p { margin-top: 0px; margin-bottom: 1rem; }
.rbe ul { 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 h5 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.rbe h5 { font-size: 1.25rem; }
.rbe .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.rbe .col-12, .rbe .col-6, .rbe .col-md-9, .rbe .col-xl-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbe .col-6 { flex: 0 0 50%; max-width: 50%; }
.rbe .col-12 { flex: 0 0 100%; max-width: 100%; }
.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 .btn-group > .btn:not(:first-child) { margin-left: -1px; }
.rbe .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.rbe .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.rbe .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.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-item { margin-bottom: -1px; }
.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 .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); }
.rbe .tab-content > .tab-pane { display: none; }
.rbe .tab-content > .active { display: block; }
.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.active, .rbe .newtab_collect .nav-tabs a:hover { background: linear-gradient(rgb(255, 204, 46), rgb(255, 189, 20)); color: rgb(0, 0, 0); }
.rbe .dn { display: none; }
.rbe .nav.nav-tabs { overflow-x: auto; }
.rbe .nav.nav-tabs li a { white-space: nowrap; text-transform: uppercase; }
.rbe ul { margin-bottom: 0px; padding: 0px; }
.rbe li { list-style: none; }
.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 .sports-wrapper .main-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-2 { width: 20%; min-width: 20%; max-width: 20%; }
.rbe .box-4 { width: 40%; min-width: 40%; max-width: 40%; }
.rbe .box-6 { width: 60%; min-width: 60%; max-width: 60%; }
.rbe .box-10 { width: 100%; min-width: 100%; max-width: 100%; }
.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 .m-b-0 { margin-bottom: 0px; }
.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 .nav-tabs .nav-item { display: table-cell; }
.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 .fancy-market .back span, .rbe .fancy-market .lay span { display: block; }
.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 .nav-tabs .nav-link.active { background-color: var(--theme2-bg); border-color: transparent; color: var(--secondary-color); }
.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 .fancy-market .table-row { border-bottom: 0px; }
.rbe .fancy-market .fancy-tripple { border-bottom: 1px solid rgb(255, 255, 255); }
.rbe .fancy-market .fancy-tripple .table-row > div:not(:first-child) { border-bottom: 1px solid rgb(255, 255, 255); }
.rbe .fancy-market .fancy-tripple .table-row:last-child > div { border-bottom: 0px; }
.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 .fancy-market .box-6 { width: 54%; min-width: 54%; max-width: 54%; }
.rbe .fancy-market .box-1 { width: 13%; min-width: 13%; max-width: 13%; }
.rbe .team-name, .rbe .country-name { font-size: 14px; }
.rbe .country-name p span { display: block; font-size: 12px; }
.rbe .min-max { font-size: 12px; }
.rbe .game-rules-icon, .rbe .game-rules-icon:hover, .rbe .game-rules-icon:focus { color: rgb(255, 255, 255); }
.rbe .fancy-tab { min-height: 300px; position: relative; }
.rbe .fancy-message { background-color: rgb(204, 204, 204); color: rgb(0, 0, 0); padding: 6px; text-align: center; }
.rbe .game-heading { position: relative; }
.rbe .country-name.box-6 { align-items: center; display: flex; }
.rbe .custom-odds-new { width: 100%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.rbe .custom-odds-new .box-1 { width: 50%; min-width: 50%; max-width: 50%; height: 100%; padding: 2px 0px; }
.rbe .custom-odds-new .con-boxes { margin-bottom: 1px; display: flex; }
.rbe .box-2.min-max { align-items: center; display: flex; }
.rbe .box-2.min-max span { display: inline; width: 100%; font-size: 9px; }
.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 .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 .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; }
.rbe .btn_losscut:hover { background: rgb(68, 147, 58); }
.rbe .market-title button.btn { padding: 1px 10px; }
.rbe .btn_cashout[disabled], .rbe .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; }
.rbe .toss_market { padding: 5px 0px; text-align: center; position: relative; }
.rbe .toss_market h5 { text-transform: capitalize; margin: 0px 0px 3px; font-size: 13px; font-weight: 600; }
.rbe .toss_market p { margin: 0px; }
.rbe .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; }
.rbe .toss_market .col-6 { position: static; }
.rbe .toss_market .row .col-6 { padding: 0px 2px; }
.rbe .toss_market .row { margin: 0px; }
.rbe .mrg-1 { margin-right: 1px; }
@keyframes rbe-marquee1 { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}
@keyframes rbe-blinker { 
  50% { opacity: 0; }
}

/* ---- event-d2.css ---- */
/* 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; }
}

/* ---- race-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/game-list/7 ".featured-box .pb-4" (desktop).
   Haath se mat badlo; dobara chalao. 48 rules, 106 elements. */
.rbrc { --site-color: #000; --grey-bg: #ccc; --theme2-bg: #0f2462; --secondary-color: #fff; 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; }
.rbrc *, .rbrc ::after, .rbrc ::before { box-sizing: border-box; }
.rbrc ul { margin-top: 0px; margin-bottom: 1rem; }
.rbrc a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbrc a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbrc ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbrc .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.rbrc .nav-link { display: block; padding: 0.5rem 1rem; }
.rbrc .nav-link:focus, .rbrc .nav-link:hover { text-decoration: none; }
.rbrc .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.rbrc .nav-tabs .nav-item { margin-bottom: -1px; }
.rbrc .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rbrc .nav-tabs .nav-link:focus, .rbrc .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }
.rbrc .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); }
.rbrc .tab-content > .tab-pane { display: none; }
.rbrc .tab-content > .active { display: block; }
.rbrc .position-relative { position: relative !important; }
.rbrc .pb-4 { padding-bottom: 1.5rem !important; }
.rbrc .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbrc .fa-tv::before { content: ""; }
.rbrc .fas { font-family: "Font Awesome 5 Free"; }
.rbrc .fas { font-weight: 900; }
.rbrc .nav.nav-tabs { overflow-x: auto; }
.rbrc .nav.nav-tabs li a { white-space: nowrap; text-transform: uppercase; }
.rbrc ul { margin-bottom: 0px; padding: 0px; }
.rbrc li { list-style: none; }
.rbrc .coupon-card { margin-bottom: 16px; border-radius: 0px 0px 2px 2px; }
.rbrc .nav-tabs { display: block; border-bottom: 0px; }
.rbrc .nav-tabs .nav-item { display: table-cell; }
.rbrc .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; }
.rbrc .nav-tabs .nav-link:focus, .rbrc .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); }
.rbrc .nav-tabs .nav-link.active { background-color: var(--theme2-bg); border-color: transparent; color: var(--secondary-color); }
.rbrc .game-icon { width: 25px; text-align: center; margin-top: 2px; display: inline-block; }
.rbrc .icon-tv { font-size: 0.6875rem; }
.rbrc .horse-time-detail { display: flex; flex-wrap: wrap; padding: 5px 5px 0px; }
.rbrc .horse-time-detail a { display: flex; }
.rbrc .horse-time-detail span { background: var(--theme2-bg); color: var(--secondary-color); padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; position: relative; border-radius: 4px; }
.rbrc .bet-table { background-color: rgb(247, 247, 247); align-content: flex-start; }
.rbrc .bet-table, .rbrc .bet-table-body { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.rbrc .bet-table-body { width: 100%; }
.rbrc .horse-table .bet-table-row { padding: 6px 8px 1px; }
.rbrc .bet-table-row { width: 100%; border-bottom: 1px solid rgb(199, 200, 202); padding: 0px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; background-color: rgb(242, 242, 242); }
.rbrc .horse-table .bet-nation-name { width: 400px; justify-content: flex-start; }
.rbrc .bet-nation-name { width: 64%; padding: 0px 5px; font-size: 14px; display: flex; justify-content: space-between; }
.rbrc .horse-table .bet-nation-name .bet-nation-game-name { max-width: calc(100% - 30px); padding-left: 10px; }
.rbrc .bet-nation-name .bet-nation-game-name { max-width: calc(100% - 210px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(0, 0, 0); }
.rbrc .horse-time-detail { display: flex; flex-wrap: wrap; width: calc(100% - 400px); }
.rbrc .horse-time-detail a { display: flex; text-decoration: none; }
.rbrc .horse-time-detail span { background: rgb(204, 204, 204); color: rgb(0, 0, 0); padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; border-radius: 4px; }

/* ---- signup-modal.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/m/home "modal-container .modal-dialog" (mobile).
   Haath se mat badlo; dobara chalao. 23 rules, 6 elements. */
.rbsm { --theme1-bg: #1a3da6; --theme2-bg: #0f2462; --primary-color: #fff; 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; }
.rbsm *, .rbsm ::after, .rbsm ::before { box-sizing: border-box; }
.rbsm button { border-radius: 0px; }
.rbsm button:focus { outline: -webkit-focus-ring-color auto 5px; }
.rbsm button { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbsm button { overflow: visible; }
.rbsm button { text-transform: none; }
.rbsm [type="button"], .rbsm button { appearance: button; }
.rbsm ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbsm .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }
.rbsm .close:hover { color: rgb(0, 0, 0); text-decoration: none; }
.rbsm button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; }
.rbsm .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
.rbsm:not(.zz-ref):not(.zz-ref) .modal-dialog { transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; transform: translate(0px, -50px); }
.rbsm:not(.zz-ref):not(.zz-ref) .modal-dialog { transform: none; }
.rbsm .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }
.rbsm iframe.custom-ifrm { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: 100vh; }
.rbsm .full-width-modal { width: 100%; max-width: 100%; overflow-y: hidden; margin: 0px !important; }
.rbsm .full-width-modal .modal-content { height: 100vh; }
.rbsm .full-width-modal .modal-content { background-image: linear-gradient(var(--theme1-bg),var(--theme2-bg)); }
.rbsm button { color: rgb(0, 0, 0); }
.rbsm *, .rbsm :hover, .rbsm :focus { outline: 0px; }
.rbsm .modal-content { border-radius: 0px; }
.rbsm .btn-close { position: absolute; right: 15px; color: var(--primary-color); opacity: 1; top: 10px; font-size: 25px; }

/* ---- casino-home-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/home ".hc_div||.home-products-container" (desktop).
   Haath se mat badlo; dobara chalao. 27 rules, 100 elements. */
.rbhc { --theme1-bg: #1a3da6; --theme2-bg: #0f2462; --primary-color: #fff; 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; }
.rbhc *, .rbhc ::after, .rbhc ::before { box-sizing: border-box; }
.rbhc h2 { margin-top: 0px; margin-bottom: 0.5rem; }
.rbhc img { vertical-align: middle; border-style: none; }
.rbhc ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbhc h2 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.rbhc h2 { font-size: 2rem; }
.rbhc .img-fluid { max-width: 100%; height: auto; }
.rbhc .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.rbhc .col-3 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbhc .col-3 { flex: 0 0 25%; max-width: 25%; }
.rbhc .position-relative { position: relative !important; }
.rbhc .mt-0 { margin-top: 0px !important; }
.rbhc .mx-0 { margin-right: 0px !important; }
.rbhc .mx-0 { margin-left: 0px !important; }
.rbhc .mt-1 { margin-top: 0.25rem !important; }
.rbhc .row.row5 { margin-left: -5px; margin-right: -5px; }
.rbhc .casino-name { background-image: linear-gradient(var(--theme1-bg), var(--theme2-bg)); color: var(--primary-color); padding: 5px; position: relative; width: 100%; bottom: 0px; text-align: center; text-transform: uppercase; font-weight: bold; border-radius: 0px; font-size: 11px; }
.rbhc .hc_div .col-3 { width: 12.5%; max-width: 12.5%; }
.rbhc .newheading { display: block; width: 100%; margin-bottom: 2px; font-size: 16px; background: var(--theme2-bg); padding: 5px 10px; font-weight: 600; text-transform: uppercase; position: relative; }
.rbhc .newheading span { animation: 2s ease 0s infinite normal none running rbhc-zoom; display: inline-block; }
.rbhc .newlaunch { margin-bottom: 3px !important; }
.rbhc .newlaunch .col-3 { padding: 0px 1px; margin-bottom: 2px; }
.rbhc .newlaunch .col-3 img { height: 160px; width: 100%; }
.rbhc .csn_div { display: contents; }
.rbhc .csn_div .csn_thumb { width: calc(25% - 2px); margin: 1px; }
.rbhc .home-products-container .row { margin: 0px; }
@keyframes rbhc-zoom { 
  0% { transform: scale(1); color: rgb(164, 229, 255); }
  50% { transform: scale(1.1); color: rgb(255, 255, 255); }
  100% { transform: scale(1); color: rgb(208, 255, 208); }
}

/* ---- casino-detail-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/casino-detail/99995/150095 "#casino-frm" (desktop).
   Haath se mat badlo; dobara chalao. 21 rules, 10 elements. */
.rbcd { --theme2-bg: #0f2462; 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; }
.rbcd *, .rbcd ::after, .rbcd ::before { box-sizing: border-box; }
.rbcd img { vertical-align: middle; border-style: none; }
.rbcd button { border-radius: 0px; }
.rbcd button:focus { outline: -webkit-focus-ring-color auto 5px; }
.rbcd button { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbcd button { overflow: visible; }
.rbcd button { text-transform: none; }
.rbcd button { appearance: button; }
.rbcd ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbcd .img-fluid { max-width: 100%; height: auto; }
.rbcd .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbcd .fa-home::before { content: ""; }
.rbcd .fas { font-family: "Font Awesome 5 Free"; }
.rbcd .fas { font-weight: 900; }
.rbcd #casino-frm iframe { width: 100%; height: calc(-50px + 100vh); }
.rbcd .casino-detail-head { display: inline-flex; align-items: center; color: rgb(255, 255, 255); background: var(--theme2-bg); width: 100%; padding: 5px; position: fixed; height: 45px; }
.rbcd .casino-detail-head button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); }
.rbcd .casino-detail-head .logo { max-width: 100px; height: 35px; }
.rbcd .casino-detail-head span { font-size: 13px; text-transform: uppercase; position: absolute; right: 5px; }
.rbcd #casino-frm iframe { height: calc(100dvh - 45px); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-top: 45px; }
.rbcd .casino-detail-head span img { width: 25px; }

/* ---- casino-list-d.css ---- */
/* AUTO — qa/refrules.mjs se: https://ranibook247.com/home "app-d-casino .home-products-container" (desktop).
   Haath se mat badlo; dobara chalao. 66 rules, 11911 elements. */
.rbcl { --site-color: #000; --grey-bg: #ccc; --theme2-bg: #0f2462; --secondary-color: #fff; --theme1-bg: #1a3da6; --primary-color: #fff; 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; }
.rbcl *, .rbcl ::after, .rbcl ::before { box-sizing: border-box; }
.rbcl ul { margin-top: 0px; margin-bottom: 1rem; }
.rbcl a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbcl a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbcl img { vertical-align: middle; border-style: none; }
.rbcl input { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.rbcl input { overflow: visible; }
.rbcl ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbcl .img-fluid { max-width: 100%; height: auto; }
.rbcl .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.rbcl .col-3, .rbcl .col-md-12, .rbcl .col-md-2 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.rbcl .col-3 { flex: 0 0 25%; max-width: 25%; }
.rbcl .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.rbcl .col-md-12 { flex: 0 0 100%; max-width: 100%; }
.rbcl .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.rbcl .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }
.rbcl .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.rbcl .nav-link { display: block; padding: 0.5rem 1rem; }
.rbcl .nav-link:focus, .rbcl .nav-link:hover { text-decoration: none; }
.rbcl .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.rbcl .nav-tabs .nav-item { margin-bottom: -1px; }
.rbcl .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rbcl .nav-tabs .nav-link:focus, .rbcl .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }
.rbcl .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); }
.rbcl .tab-content > .tab-pane { display: none; }
.rbcl .tab-content > .active { display: block; }
.rbcl .d-inline-block { display: inline-block !important; }
.rbcl .mt-1 { margin-top: 0.25rem !important; }
.rbcl .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.rbcl .fa-search::before { content: ""; }
.rbcl .fas { font-family: "Font Awesome 5 Free"; }
.rbcl .fas { font-weight: 900; }
.rbcl .nav.nav-tabs { overflow-x: auto; }
.rbcl .nav.nav-tabs li a { white-space: nowrap; text-transform: uppercase; }
.rbcl ul { margin-bottom: 0px; padding: 0px; }
.rbcl li { list-style: none; }
.rbcl .row.row5 { margin-left: -5px; margin-right: -5px; }
.rbcl .row.row5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.rbcl .nav-tabs { display: block; border-bottom: 0px; }
.rbcl .nav-tabs .nav-item { display: table-cell; }
.rbcl .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; }
.rbcl .nav-tabs .nav-link:focus, .rbcl .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); }
.rbcl .nav-tabs .nav-link.active { background-color: var(--theme2-bg); border-color: transparent; color: var(--secondary-color); }
.rbcl .casinoicons { position: relative; box-shadow: none; margin-bottom: 2px; cursor: pointer; }
.rbcl .casinoicons img { width: 100%; height: auto; }
.rbcl .casino-name { background-image: linear-gradient(var(--theme1-bg), var(--theme2-bg)); color: var(--primary-color); padding: 5px; position: relative; width: 100%; bottom: 0px; text-align: center; text-transform: uppercase; font-weight: bold; border-radius: 0px; font-size: 11px; }
.rbcl .casinoicons { position: relative; }
.rbcl .casino_tabs_ul {  }
.rbcl .casino_tabs_ul ul { overflow: overlay hidden; display: block; white-space: nowrap; padding-bottom: 0px; }
.rbcl .casino_tabs_ul ul li { display: inline-flex; }
.rbcl .icasino_ul_tabs ul { white-space: nowrap; overflow: auto hidden; display: block; width: auto; margin: 0px; padding: 5px 0px; }
.rbcl .icasino_ul_tabs ul li { display: inline-block; margin-right: 3px; }
.rbcl .icasino_ul_tabs ul li a { display: block; padding: 5px 15px; background: var(--grey-bg); color: rgb(0, 0, 0); text-transform: capitalize; font-size: 13px; text-decoration: none; }
.rbcl .icasino_ul_tabs ul li a.nav-link.active { background: var(--theme2-bg); color: rgb(255, 255, 255); }
.rbcl .icasino_ul_tabs ul li a.active img { filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(290deg) brightness(104%) contrast(101%); }
.rbcl .icasino_ul_tabs ul li img { width: 30px; display: block; margin: 0px auto; }
.rbcl .icasino_ul_tabs .nav-tabs .nav-link { background-color: transparent; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
.rbcl .icasino_ul_tabs .nav-tabs .nav-item { background-color: var(--grey-bg); border-right: 1px solid var(--theme2-bg) !important; }
.rbcl .row-casino { margin: 5px 0px 0px; }
.rbcl .row-casino .col-md-2 { padding: 0px 2px; }
.rbcl .row-casino .casinoicons img { width: 100%; height: 150px; object-fit: unset; }
.rbcl .casino-title { display: block; background: var(--theme1-bg); height: auto; line-height: normal; padding: 10px 0px 10px 10px; position: relative; color: rgb(255, 255, 255); margin-bottom: 2px; text-transform: uppercase; font-weight: 900; }
.rbcl .casino_searchbar { position: absolute; z-index: 9; right: 3px; top: 3px; border: 1px solid var(--theme1-bg); }
.rbcl .casino_searchbar span.input-group-text { background: rgb(187, 25, 25); border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 10px; height: 30px; }
.rbcl .casino_searchbar span.input-group-text i { color: rgb(255, 255, 255); }
.rbcl .casinoicons { width: 100%; }