/* AUTO — qa/refrules.mjs se: https://ranibook247.com/m/home "#home .tab-container > ul.nav-tabs" (mobile).
   Haath se mat badlo; dobara chalao. 40 rules, 141 elements. */
.rbms { --theme1-bg: #1a3da6; --primary-color: #fff; --secondary-color: #fff; --light-bg: #f1f5f8; --theme2-bg: #0f2462; 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; }
.rbms *, .rbms ::after, .rbms ::before { box-sizing: border-box; }
.rbms ul { margin-top: 0px; margin-bottom: 1rem; }
.rbms a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
.rbms a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.rbms img { vertical-align: middle; border-style: none; }
.rbms ::-webkit-file-upload-button { font: inherit; appearance: button; }
.rbms .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.rbms .nav-link { display: block; padding: 0.5rem 1rem; }
.rbms .nav-link:focus, .rbms .nav-link:hover { text-decoration: none; }
.rbms .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.rbms .nav-tabs .nav-item { margin-bottom: -1px; }
.rbms .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rbms .nav-tabs .nav-link:focus, .rbms .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); }
.rbms .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); }
.rbms *, .rbms :hover, .rbms :focus { outline: 0px; }
.rbms ul, .rbms li { list-style: none; }
.rbms a, .rbms a:focus, .rbms a:hover, .rbms a:active { text-decoration: none; }
.rbms .nav-tabs { background-color: var(--theme1-bg); border-radius: 0px; border-bottom: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px -5px 5px -5px; }
.rbms .nav-tabs { flex-wrap: nowrap; overflow: auto hidden; position: relative; }
.rbms .nav-tabs .nav-item { margin-bottom: 0px; padding-top: 12px; padding-bottom: 12px; }
.rbms .game-nav-bar.nav-tabs .nav-item { flex: 1 1 auto; text-align: center; }
.rbms .game-nav-bar.nav-tabs .nav-link { padding-left: 5px; padding-right: 5px; height: 100%; }
.rbms .nav-tabs .nav-link { color: var(--primary-color); white-space: nowrap; text-transform: uppercase; border-radius: 0px; padding-top: 0px; padding-bottom: 0px; border-right: 1px solid var(--primary-color); font-size: 12px; font-weight: bold; }
.rbms:not(.zz-ref) .nav-tabs .nav-link { color: var(--secondary-color); border-right: 1px solid var(--secondary-color); }
.rbms .nav-tabs .nav-link:focus, .rbms .nav-tabs .nav-link:hover { border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.rbms .nav-tabs .nav-item:last-child .nav-link { border-right: 0px; }
.rbms .nav-tabs .nav-link.active { background-color: transparent; border-left: 0px; border-top: 0px; border-bottom: 0px; color: var(--primary-color); position: relative; }
.rbms .nav-tabs .nav-link.active::after { position: absolute; width: 100%; height: 2px; background-color: var(--light-bg); top: -12px; content: ""; left: 0px; }
.rbms:not(.zz-ref) .nav-tabs { background-color: var(--theme2-bg); }
.rbms:not(.zz-ref) .nav-tabs .nav-item { flex: 1 1 0px; padding-top: 0px; padding-bottom: 0px; }
.rbms:not(.zz-ref) .nav-tabs li img { height: 20px; margin-bottom: 5px; }
.rbms:not(.zz-ref) .nav-tabs .nav-link { border-right: 0px; position: relative; }
.rbms:not(.zz-ref) .nav-tabs .nav-link em { display: none; }
.rbms:not(.zz-ref) .nav-tabs .nav-link .new-tag-menus em { display: block; position: absolute; right: 0px; top: 0px; line-height: normal; font-style: normal; font-size: 7px; padding: 1px 4px; border-radius: 1px; font-weight: 900; text-transform: uppercase; animation: 2s ease-out 0s infinite normal none running rbms-tagmenu; }
.rbms:not(.zz-ref) .nav-tabs .nav-link.active { border-right: 0px !important; }
.rbms:not(.zz-ref) .nav-tabs .nav-link.active { background-color: var(--theme1-bg); }
.rbms:not(.zz-ref) .nav-tabs .nav-link.active::after { display: none; }
.rbms:not(.zz-ref) .nav-link { padding: 5px 10px; text-align: center; }
.rbms .new-tag-menus { animation: 2s ease-out 0s infinite normal none running rbms-tagmenu; }
@keyframes rbms-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); }
}