/* 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%; }