/* ==========================================================================
   bmtk (Bombay Matka) user-panel theme for the mtk front end.
   Loaded after the Altair admin CSS (cssjs/altair/), which gives the header,
   sidebar, md-card, md-btn and uk-table look. This file adds what the bmtk
   views set themselves (purple page, burlywood marquee, draw cards, play card),
   one spacing scale for every page, and dresses the older Bootstrap page markup
   (.myform, .fdklslf, .gtable, .starl, form controls, buttons, tables) as bmtk
   cards, inputs and buttons.
   ========================================================================== */
:root {
	--bm-page: #513C61;       /* page background in every bmtk user view */
	--bm-blue: #1976d2;       /* #header_main */
	--bm-primary: #2196f3;    /* md-btn-primary / keypad buttons */
	--bm-primary-soft: #e3f2fd;
	--bm-red: #FB1D21;
	--bm-red-2: #ff1212;
	--bm-orange: #ffa000;     /* md-btn-warning, the bmtk OK button */
	--bm-orange-hot: #fe4902;
	--bm-gold: #ffd700;
	--bm-strip: #deb887;      /* burlywood */
	--bm-dark: #343434;
	--bm-play: #CCEAF2;       /* Playing_game card */
	--bm-ink: #212121;
	--bm-muted: #727272;
	--bm-line: rgba(0, 0, 0, .12);
	--bm-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	--bm-shadow-lift: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	--bm-radius: 4px;
	--bm-gap: 24px;           /* page padding and space between cards */
	--bm-pad: 20px;           /* inside a card */
}
@media (max-width: 959px) { :root { --bm-gap: 16px; --bm-pad: 16px; } }
@media (max-width: 479px) { :root { --bm-gap: 12px; --bm-pad: 14px; } }

/* ---------- Page shell ---------- */
html, body { background: var(--bm-page) !important; }
body { font-family: "Roboto", sans-serif; color: var(--bm-ink); margin: 0; padding-top: 48px !important; }  /* room for the fixed #header_main */
#page_content { background: var(--bm-page); min-height: 100vh; }
#page_content_inner { background: var(--bm-page); padding: var(--bm-gap) var(--bm-gap) 110px !important; }
*:focus-visible { outline: 2px solid var(--bm-gold); outline-offset: 2px; }

/* header: user name and balance on the right */
#header_main .uk-navbar { display: flex; align-items: center; min-height: 48px; }
#header_main .sSwitch { flex: none; }
.bm-head-right { margin-left: auto; display: flex; align-items: center; gap: 14px; min-width: 0; }
.bm-head-user, .bm-head-limit, .bm-head-link {
	color: #ffffff !important; font-size: 12px; font-weight: 900; white-space: nowrap; text-decoration: none !important;
}
.bm-head-user { overflow: hidden; text-overflow: ellipsis; max-width: 45vw; }
.bm-head-limit { padding: 4px 10px; border-radius: 12px; background: rgba(0, 0, 0, .18); }
.bm-head-limit:hover { background: rgba(0, 0, 0, .3); }
.bm-head-link { font-size: 13px; text-transform: uppercase; padding: 6px 4px; }
@media (max-width: 479px) {
	#header_main { padding: 0 14px; }
	.bm-head-right { gap: 8px; }
	.bm-head-user { max-width: 30vw; }
}

/* sidebar: "UserAccount" style logo (red + black) and the centred user line */
.sidebar_logo .bm-logo { font-size: 22px; color: red !important; text-decoration: none !important; }
.sidebar_logo .bm-logo span { color: #000000; }
.menu_section .bm-menu-user { text-align: center; padding: 14px 8px 0; color: var(--bm-ink); font-size: 13px; font-weight: 500; }
.menu_section .bm-menu-user hr { margin: 14px 0 6px; border-color: var(--bm-line); }
.menu_section > ul > li > a { transition: background .15s; }
.menu_section > ul > li.current_section > a { background: var(--bm-primary-soft); }
.menu_section > ul > li.current_section > a .menu_title,
.menu_section > ul > li.current_section > a .menu_icon .material-icons { color: var(--bm-blue) !important; }

/* marquee strip under the header (bmtk: 40px burlywood, black, 900, uppercase) */
.bm-marquee {
	height: 40px; overflow: hidden; white-space: nowrap;
	background: var(--bm-strip); color: #000000; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
	font-weight: 900; line-height: 40px; text-transform: uppercase; letter-spacing: .02em;
}
.bm-marquee-track { display: inline-flex; animation: bm-marquee 30s linear infinite; }
.bm-marquee-track span { padding: 0 4rem 0 1.5rem; }
@keyframes bm-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.bm-marquee-track { animation: none; }
	.bm-marquee-track span + span { display: none; }
}

/* page heading row on the purple background */
.bm-page-head {
	display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px;
	margin: 0 0 16px; color: #ffffff;
}
.bm-page-head h1 { margin: 0; color: #ffffff; font: 500 20px/28px "Roboto", sans-serif; text-transform: uppercase; letter-spacing: .03em; }
.bm-page-head span { color: rgba(255, 255, 255, .75); font-size: 13px; font-weight: 500; }

/* every card on the user side */
#page_content_inner .md-card { border-radius: var(--bm-radius); margin: 0 0 var(--bm-gap); }
#page_content_inner .md-card-content { padding: var(--bm-pad); }

/* ---------- Home: draw cards (bmtk User/Home + dashboard_view) ---------- */
.bm-draw-grid { display: grid; gap: 20px; grid-template-columns: 1fr; align-items: stretch; }
@media (min-width: 480px) { .bm-draw-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
@media (min-width: 768px) { .bm-draw-grid { gap: 20px; } }
@media (min-width: 960px) { .bm-draw-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1400px) { .bm-draw-grid { grid-template-columns: repeat(4, 1fr); } }
.bm-draw-grid > div { display: flex; }
.bm-draw-grid .md-card {
	flex: 1; display: flex; flex-direction: column; margin: 0 !important; overflow: hidden;
	transition: box-shadow .2s, transform .2s;
}
.bm-draw-grid .md-card:hover { box-shadow: var(--bm-shadow-lift); transform: translateY(-2px); }
.bm-draw-grid .md-card-content {
	flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between;
	gap: 12px; padding: 18px 14px 20px !important;
}
.bm-draw-grid .md-card-content > center { width: 100%; }
/* market name strip: the .even/.odd heading of dashboard_view.php */
.md-card .even, .md-card .odd {
	visibility: visible; margin: 0 !important; padding: 14px 10px 12px;
	background: #2e2236; border-bottom: 3px solid var(--bm-orange-hot);
	color: #ffffff; text-align: center; overflow-wrap: anywhere;
	font: bold 26px/1.15 Helvetica, Arial, sans-serif; letter-spacing: .02em;
	text-shadow: 1px 1px var(--bm-orange-hot), 2px 2px var(--bm-orange-hot), 3px 3px var(--bm-orange-hot);
}
.md-card .even { background: #3a2a46; }
@media (max-width: 767px) { .md-card .even, .md-card .odd { font-size: 21px; padding: 12px 8px 10px; } }
/* result box: open patti | jodi | close patti */
table.bm-draw-result {
	margin: 0 auto; border: 1px solid var(--bm-red); border-radius: 5px; border-collapse: separate;
	padding: 2px 18px; background: honeydew;
}
.bm-draw-result td { padding: 4px 0; border: 0; }
.bm-draw-result .numberCircle { display: inline-block; border-radius: 5px; vertical-align: middle; }
.bm-draw-result .bm-patti { min-width: 14px; font-size: 20px; font-weight: 900; line-height: 1.15; color: #000000; }
.bm-draw-result .bm-patti.bm-hot { color: red; }
.bm-draw-result .bm-jodi {
	padding: 0 8px; color: #000000; font-size: 44px; font-weight: 900; line-height: 1.1;
	text-shadow: 2px 2px var(--bm-gold);
}
.bm-draw-time { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 8px; color: var(--bm-muted); font-size: 12px; font-weight: 500; }
.bm-chip { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.bm-chip-open { background: #e8f5e9; color: #2e7d32; }
.bm-chip-close { background: #fff3e0; color: #e65100; }
.bm-chip-closed { background: #ffebee; color: #c62828; }
.bm-play-img { width: 108px; display: inline-block; transition: transform .15s; }
.bm-play-img:hover { transform: scale(1.05); }
.bm-draw-closed { display: inline-block; padding: 8px 0; color: var(--bm-muted); font-weight: 700; font-size: 13px; }
@media (max-width: 479px) {
	.bm-draw-result .bm-jodi { font-size: 36px; }
	.bm-play-img { width: 96px; }
}

/* ---------- Market play card (bmtk Playing_game) ---------- */
.md-card.bm-play-card { background: var(--bm-play); max-width: 960px; margin: 0 auto var(--bm-gap) !important; }
.bm-play-card .md-card-content { position: relative; padding: 24px var(--bm-pad) var(--bm-pad) !important; }
.bm-play-card .heading_a { text-align: center; margin: 0 0 6px; }
.bm-play-name { font-size: 24px !important; text-transform: uppercase; letter-spacing: .03em; }
.bm-play-date, .bm-play-times { font-size: 15px !important; }
.bm-play-side { position: absolute; right: 12px; top: 12px; min-height: 28px; padding: 0 14px; line-height: 28px; border-radius: 2px; }
.bm-btn-dark, .bm-btn-dark:hover { background: var(--bm-dark) !important; color: #ffffff !important; }
.bm-red, .bm-red a { color: red !important; }
.bm-play-card .bm-draw-result { margin: 10px auto 12px; }
.hours, .min, .second {
	display: inline-block; box-sizing: content-box; min-width: 22px; height: 20px; margin: 3px; padding: 6px;
	border-radius: 3px; background: var(--bm-dark); color: #ffffff; line-height: 20px; text-align: center;
}
.blink_black { color: #000000; font-weight: 900; font-size: 20px; }
.blink_red { color: red; font-weight: 900; font-size: 20px; }
.bm-keys { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px; }
@media (max-width: 479px) { .bm-keys { grid-template-columns: repeat(2, 1fr); gap: 8px; } }
.bm-keys .md-btn.bm-key {
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px;
	height: auto; min-height: 64px; margin: 0; padding: 8px 6px; border-radius: 3px; line-height: 1.2; white-space: normal;
	font-size: 17px !important; font-weight: 900 !important; letter-spacing: .02em;
}
.bm-keys .bm-key small { font-size: 12px; font-weight: 700; text-transform: none; opacity: .9; letter-spacing: 0; }
.bm-keys .bm-key-off { background: #9e9e9e !important; color: #eeeeee !important; box-shadow: none; cursor: not-allowed; }

/* ---------- Older pages dressed as bmtk cards ---------- */
.myform, .my-form { margin: 0 !important; padding: 0 !important; }
/* the big "download the game app" block repeats the floating button and the menu item */
.myform > h3, .myform > h3 + h3, .myform > h3 + h3 + .text-center { display: none !important; }

/* cards: .fdklslf forms, .starl/.gtable/.charttab blocks, about/faq */
.fdklslf,
.starl > .container-fluid, .gtable > .container-fluid, .charttab, .about-us, .faq, .chart-list .chart-card {
	width: auto !important; max-width: none !important;
	margin: 0 0 var(--bm-gap) !important; padding: var(--bm-pad) !important;
	background: #ffffff !important; background-image: none !important; color: var(--bm-ink) !important;
	border: 0 !important; border-radius: var(--bm-radius) !important;
	box-shadow: var(--bm-shadow) !important;
}
/* game forms and account pages read better at a fixed width */
.myform .fdklslf, .starl > .container-fluid, .gtable > .container-fluid, .charttab { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }
.bm-page-register .fdklslf, .bm-page-forgot-password .fdklslf, .bm-page-mobile_verification .fdklslf,
.bm-page-withdraw .starl > .container-fluid { max-width: 480px !important; }
.starl, .gtable { padding: 0 !important; margin: 0 !important; background: transparent !important; text-align: left; }
.charttab > .container-fluid { padding: 0; }
.container-fluid { color: inherit !important; }
.myform .row, .fdklslf .row { margin-left: -8px; margin-right: -8px; }
.myform .row > [class*="col"], .fdklslf .row > [class*="col"] { padding-left: 8px; padding-right: 8px; }
.form-group { margin-bottom: 16px; }

/* card titles: Altair .heading_a with a burlywood accent */
.fdklslf h2, .myform h2, .starl h2, .gtable h2, .charttab h2, .about-us h4, .faq h4, .chart-list h3,
#page_content_inner .md-card .heading_a.uk-margin-bottom {
	position: relative; margin: 0 0 20px !important; padding: 0 0 12px !important;
	background: none !important; border: 0 !important; border-bottom: 1px solid var(--bm-line) !important; border-radius: 0 !important;
	color: var(--bm-ink) !important; text-shadow: none !important; text-align: center;
	font: 500 19px/26px "Roboto", sans-serif !important; text-transform: uppercase; letter-spacing: .03em;
}
.fdklslf h2::after, .myform h2::after, .starl h2::after, .gtable h2::after, .charttab h2::after,
#page_content_inner .md-card .heading_a.uk-margin-bottom::after {
	content: ""; position: absolute; left: 50%; bottom: -2px; width: 56px; height: 3px; margin-left: -28px; background: var(--bm-strip); border-radius: 2px;
}
.starl h2 br { display: none; }
.myform h6, .fdklslf h6 { color: var(--bm-muted) !important; font: 500 13px/20px "Roboto", sans-serif !important; margin: 0 0 12px !important; text-transform: uppercase; letter-spacing: .03em; }
.fdklslf p, .fdklslf h5, .fdklslf h3, .fdklslf .rn, .about-us p { color: var(--bm-ink) !important; }
#lotterytimeerror:empty { display: none; }
#lotterytimeerror { display: block; margin: 0 0 12px; padding: 8px 12px; border-radius: 3px; background: #ffebee; font-weight: 500; }

/* labels: the blue keypad buttons of the bmtk play screen */
.myform label, .my-form label, .fdklslf label, .row.mnb label, .form-group label, .starl label {
	display: block; width: 100%;
	background: var(--bm-primary) !important; color: #ffffff !important;
	font: 700 14px/1.3 "Roboto", sans-serif !important; text-transform: uppercase; letter-spacing: .02em; text-align: center;
	padding: 9px 6px !important; margin: 0 !important; border-radius: 3px 3px 0 0;
}
.myform label p, .starl label p { margin: 2px 0 0; color: rgba(255, 255, 255, .85); }
.myform .my-sk label { display: flex; align-items: center; justify-content: center; width: auto; border-radius: 3px 0 0 3px; min-width: 42px; font-size: 20px !important; font-weight: 900 !important; }
.numb { background: var(--bm-primary) !important; }

/* inputs: bmtk number boxes (black, bold, centred) */
.myform .form-control, .fdklslf .form-control, .starl .form-control, input.form-control, select.form-control {
	height: auto !important; min-height: 42px; padding: 8px 10px !important;
	border: 1px solid #cfd8dc !important; border-top: 0 !important; border-radius: 0 0 3px 3px !important;
	background: #ffffff !important; box-shadow: none !important;
	color: #000000 !important; font: 700 18px/1.3 "Roboto", sans-serif !important; text-align: center;
	transition: background .15s, box-shadow .15s;
}
.myform .my-sk .form-control { border-top: 1px solid #cfd8dc !important; border-left: 0 !important; border-radius: 0 3px 3px 0 !important; }
.myform .form-control::placeholder, .fdklslf .form-control::placeholder { color: #9e9e9e; font-weight: 500; font-size: 15px; }
.myform .form-control:focus, .fdklslf .form-control:focus, input.form-control:focus, select.form-control:focus {
	background: var(--bm-primary-soft) !important; border-color: var(--bm-primary) !important;
	box-shadow: inset 0 -2px 0 var(--bm-primary) !important; outline: 0;
}
select.form-control { font-size: 15px !important; font-weight: 500 !important; text-align: left; }
.my-rrow { row-gap: 12px; }
.myform .numa .row > div, .numa .row > div { margin-bottom: 0 !important; }
.myform .my-sk { margin-bottom: 0; }

/* sangam rows: three fields side by side, stacked on phones */
.sangam.fsangam { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.sangam.fsangam > div { width: auto !important; margin: 0 !important; }
@media (max-width: 575px) { .sangam.fsangam { grid-template-columns: 1fr 1fr; } .sangam.fsangam > .cc3 { grid-column: 1 / -1; } }
.sanagmhr { display: none; }

/* jodi: 00-99 as a 10x10 chip grid; picked chips turn blue and get an amount box */
.myform .list-ul.form-control {
	display: grid !important; grid-template-columns: repeat(10, 1fr); gap: 6px;
	width: 100% !important; height: auto !important; max-height: none; margin: 0 !important; padding: 0 !important;
	border: 0 !important; background: transparent !important; list-style: none; overflow: visible;
}
.myform .list-ul li {
	padding: 8px 0 !important; border: 1px solid #cfd8dc; border-radius: 3px; background: #fafafa;
	color: #000000; text-align: center; font-size: 16px !important; font-weight: 700; cursor: pointer; user-select: none;
}
.myform .list-ul li:hover { background: var(--bm-primary-soft) !important; color: #000000; border-color: var(--bm-primary); }
.myform .list-ul li.selected { background: var(--bm-primary) !important; border-color: var(--bm-primary); color: #ffffff !important; }
@media (max-width: 575px) { .myform .list-ul.form-control { grid-template-columns: repeat(5, 1fr); } }
.row.input-fields { margin: 0 !important; padding: 12px 8px 0 !important; border: 1px dashed #b0bec5 !important; border-radius: var(--bm-radius) !important; background: #f5f7f8 !important; }
.row.input-fields:not(:has(.show-div)) { display: none; }
.dynamic-input label { border-radius: 3px 3px 0 0; padding: 6px !important; }

/* total line: bmtk "Total:" in red */
.shww { margin: 8px 0 !important; padding: 12px; border-radius: 3px; background: #fff8e1; font: 900 22px/1.3 "Roboto", sans-serif !important; text-transform: uppercase; text-align: center; }
.shww .aa, .shww .bb, .shww .result { color: red !important; text-shadow: none !important; }

/* buttons */
.btn {
	border-radius: 2px !important; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 500;
	box-shadow: var(--bm-shadow); transition: box-shadow .15s, background .15s;
}
.btn:hover { box-shadow: var(--bm-shadow-lift); }
.btn-primary, .btn-info, .btn-link.btn, .faq a.btn { background: var(--bm-primary) !important; background-image: none !important; border-color: var(--bm-primary) !important; color: #ffffff !important; }
.btn-primary:hover { background: var(--bm-blue) !important; }
.btn-warning { background: var(--bm-orange) !important; background-image: none !important; border-color: var(--bm-orange) !important; color: #ffffff !important; }
/* Submit actions use the same blue primary treatment as the rest of the controls. */
.btn.btn-success, button.btn-success, input.btn-success, body .btn.btn-success, .btn.btn-sucess,
.fdklslf input[type="submit"].btn, .fdklslf button[type="submit"].btn {
	min-width: 180px; background: var(--bm-primary) !important; background-image: none !important;
	border: 1px solid var(--bm-primary) !important; border-radius: 6px !important;
	box-shadow: 0 4px 10px rgba(25,118,210,.24) !important; color: #ffffff !important;
	font: 700 16px/1.2 "Roboto", sans-serif !important; padding: 12px 24px !important; text-transform: uppercase; letter-spacing: .02em;
}
.btn.btn-success:hover, .btn.btn-sucess:hover, .fdklslf input[type="submit"].btn:hover { background: var(--bm-blue) !important; border-color: var(--bm-blue) !important; }
.btn.btn-success:active, .btn.btn-sucess:active, .fdklslf input[type="submit"].btn:active { transform: translateY(1px); box-shadow: 0 2px 6px rgba(25,118,210,.2) !important; }
.fdklslf a:not(.btn), .myform a:not(.btn) { color: var(--bm-blue) !important; font-weight: 700; }
.fdklslf .fp, .fdklslf .rn { margin-top: 12px; text-align: center; font-size: 14px; }

/* tables: uk-table look inside a white card */
.gtable .row > [class*="col"], .starl .row > [class*="col"] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.gtable table, .starl table, table.table, .charttab table {
	width: 100%; min-width: 560px; margin: 0; background: #ffffff !important; box-shadow: none !important; border-collapse: collapse;
}
.gtable thead, .starl thead, table.table thead, .gtable thead tr, table.table thead tr[style] { background: #f5f5f5 !important; }
.gtable th, .starl th, table.table th, .charttab th {
	background: transparent !important; color: var(--bm-muted) !important; text-shadow: none !important;
	font: 500 12px/18px "Roboto", sans-serif !important; text-transform: uppercase; letter-spacing: .03em; white-space: nowrap;
	border: 0 !important; border-bottom: 2px solid var(--bm-line) !important; padding: 10px 12px !important; text-align: left;
}
.gtable td, .starl td, table.table td, .charttab td {
	color: var(--bm-ink) !important; text-shadow: none !important; font-size: 13px !important; font-weight: 400;
	border: 0 !important; border-bottom: 1px solid var(--bm-line) !important; padding: 10px 12px !important;
	background: transparent !important; text-align: left; vertical-align: middle;
}
.gtable tbody tr:nth-child(even), .starl tbody tr:nth-child(even), table.table tbody tr:nth-child(even) { background: #fafafa !important; }
.gtable tbody tr:nth-child(odd), .starl tbody tr:nth-child(odd), table.table tbody tr:nth-child(odd) { background: #ffffff !important; }
.gtable tbody tr:hover, table.table tbody tr:hover { background: var(--bm-primary-soft) !important; }

/* wallet (my-account) */
.starl > .container-fluid { text-align: center; }
.starl > .container-fluid > a[href="withdraw.php"] {
	display: inline-block; margin: 0 0 4px; padding: 10px 32px !important; border-radius: 2px !important;
	background: var(--bm-orange) !important; border: 3px solid var(--bm-red-2); box-shadow: 4px 4px var(--bm-dark);
	color: #ffffff !important; font-weight: 900 !important; text-transform: uppercase;
}
.starl > .container-fluid > br { display: none; }
.starl > .container-fluid > .row { margin-top: 20px; }
.sdjklds { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0 !important; }
@media (max-width: 575px) { .sdjklds { grid-template-columns: 1fr; } }
.sdjklds > div {
	margin: 0 !important; padding: 14px 16px !important; border-radius: 3px; text-align: left;
	background: var(--bm-play) !important; color: #000000 !important; box-shadow: none !important;
	display: flex; align-items: center; justify-content: space-between;
}
.sdjklds p { margin: 0 !important; color: #000000 !important; font-weight: 500; font-size: 14px; }
.sdjklds p + p { font-size: 24px; font-weight: 900; text-shadow: 2px 2px var(--bm-gold); }
.charttab .dd .row { row-gap: 10px; }
.charttab .btn.gfdn { width: 100%; min-width: 0 !important; margin: 0 !important; padding: 12px !important; font-weight: 700; }

/* withdraw form */
.starl form { width: 100% !important; max-width: 420px; margin: 20px auto 0; border: 0 !important; border-radius: 0 !important; }
.starl form .form-group { padding: 0; }
.starl form .btn { margin-top: 8px; }

/* how to play / about / faq */
.fdklslf video { max-width: 100%; border-radius: var(--bm-radius); }

/* floating buttons: one compact column of round buttons */
.my-btn > a, .down-div a {
	position: fixed; right: 20px; z-index: 1100;
	display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0 !important;
	border-radius: 50% !important; box-shadow: var(--bm-shadow-lift) !important; color: #ffffff !important; font-size: 20px;
}
.whatapp { bottom: 20px !important; background-color: #43a047 !important; }
.gototop { bottom: 78px !important; background-color: var(--bm-blue) !important; }
.down-div a { bottom: 136px !important; left: auto !important; transform: none !important; background: var(--bm-primary) !important; border: 1px solid rgba(255,255,255,.8); }
.down-div a span { display: flex !important; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; font-size: 0 !important; box-shadow: none !important; }
.down-div a span svg, .down-div a span i { font-size: 20px; margin: 0; }
.bm-app-promo { margin: 0 auto 24px; padding: 20px; border-radius: 10px; background: #fff; box-shadow: var(--bm-shadow); text-align: center; }
.bm-app-promo h3 { margin: 0 0 4px; color: var(--bm-ink); font-size: 18px; font-weight: 700; }
.bm-app-download { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 10px 24px !important; border-radius: 7px !important; font-size: 17px !important; font-weight: 700 !important; }
@media (max-width: 479px) { .my-btn > a, .down-div a { right: 12px; width: 44px; height: 44px; font-size: 18px; } }
.modal-content { background-color: #ffffff !important; color: var(--bm-ink); }

/* ---------- Jodi / panel charts ---------- */
:where(.chart-table) td, :where(.chart-table) h2, :where(.chart-table) p { color: #000000 !important; }
.chart-table thead th, .chart-table thead td { background: var(--bm-blue) !important; color: #ffffff !important; text-shadow: none !important; }
.panel-chart .panel-heading, .chart-table + .panel-heading { background: var(--bm-blue) !important; }
.chart-table { background: #ffffff; border-radius: var(--bm-radius); overflow: hidden; box-shadow: var(--bm-shadow); }

/* Jodi chart was constrained by an old 60% Bootstrap column, leaving a tall narrow table. */
.bm-page-jodi_chart > .container-fluid, .bm-page-panel_chart > .container-fluid { width: 100% !important; max-width: none !important; padding: 20px var(--bm-gap) !important; }
.bm-page-jodi_chart #page_content_inner, .bm-page-panel_chart #page_content_inner { width: 100%; box-sizing: border-box; }
.bm-page-jodi_chart .col-lg-8.col-lg-offset-2,
.bm-page-panel_chart .col-lg-8.col-lg-offset-2,
.bm-page-panel_chart .col-lg-6.col-lg-offset-3 {
	flex: 0 0 100% !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important;
}
.bm-page-jodi_chart .panel.panel-info, .bm-page-panel_chart .panel.panel-info { width: 100%; overflow: hidden; border: 0; border-radius: 10px; background: #fff; box-shadow: var(--bm-shadow); }
.bm-page-jodi_chart .panel-chart.chart-table, .bm-page-panel_chart .panel-chart.chart-table { min-width: 0; width: 100% !important; table-layout: fixed; }
.bm-page-jodi_chart .panel-chart.chart-table td, .bm-page-panel_chart .panel-chart.chart-table td { padding: 7px 4px; }
@media (max-width: 767px) {
	.bm-page-jodi_chart > .container-fluid, .bm-page-panel_chart > .container-fluid { padding: 12px !important; }
	.bm-page-jodi_chart .panel-chart.chart-table td, .bm-page-panel_chart .panel-chart.chart-table td { padding: 5px 2px; }
	.bm-page-jodi_chart .panel-chart.chart-table td h2, .bm-page-panel_chart .panel-chart.chart-table td h2 { font-size: clamp(15px, 4vw, 24px); }
}

/* charts.php list */
.bm-page-charts #page_content_inner > .md-card { max-width: 900px; margin-left: auto; margin-right: auto; }
#page_content_inner > .md-card .uk-table td { vertical-align: middle; padding: 10px 12px; }
#page_content_inner > .md-card .md-btn { color: #ffffff !important; }

/* old style.css frames around tables and the wallet boxes */
.gtable .row, .gtable table, .gtable thead, .gtable tbody, .starl table, .sdjklds > div, .sdjklds div { border: 0 !important; }

/* ---------- Page-level fixes for the older markup ---------- */
/* wallet: keep the summary boxes inside the card padding */
.starl > .container-fluid .row { margin-left: 0 !important; margin-right: 0 !important; }
.starl > .container-fluid .row > [class*="col"] { padding-left: 0 !important; padding-right: 0 !important; }
.starl > .container-fluid[style*="min-height"] { min-height: 0 !important; }
/* withdraw: the amount field spans the form */
.starl form .sangam.fsangam { display: block !important; }
.starl form .cc3, .starl form .sangam > div { width: 100% !important; float: none !important; }
/* submit buttons centre their text whatever the page sets */
.btn.btn-success, .btn.btn-sucess, .fdklslf input[type="submit"].btn { text-align: center !important; }
/* empty history tables */
.gtable .col-12:has(> table):not(:has(tbody tr))::after {
	content: "No records yet"; display: block; padding: 28px 12px 8px; color: var(--bm-muted); text-align: center; font-size: 14px;
}
.gtable .col-12:has(> table):not(:has(tbody tr)) table { min-width: 0; }
/* market name never runs under the Draw button */
.bm-play-name { padding: 0 72px !important; }
@media (max-width: 479px) { .bm-play-name { padding: 32px 0 0 !important; } }
/* register / forgot password / mobile verification: label above its field, full-strength inputs */
.fdklslf .labein { display: block !important; margin-bottom: 16px; }
.fdklslf .labein label { flex-direction: row; }
.fdklslf input { opacity: 1 !important; }
.fdklslf .btnaa { display: flex; justify-content: center; margin: 4px 0 8px; }

/* ---------- Account forms: register, verification and password recovery ---------- */
.bm-page-register .myform,
.bm-page-forgot-password .myform,
.bm-page-mobile_verification .myform { margin: 0 auto 32px !important; padding-top: 12px; }
.bm-page-register .fdklslf,
.bm-page-forgot-password .fdklslf,
.bm-page-mobile_verification .fdklslf {
	width: min(100% - 24px, 520px) !important; margin: 0 auto var(--bm-gap) !important;
	padding: clamp(18px, 4vw, 30px) !important; border: 1px solid rgba(255,255,255,.55) !important;
	border-radius: 12px !important; box-shadow: 0 12px 30px rgba(20,12,28,.22) !important;
}
.bm-page-register .fdklslf h2,
.bm-page-forgot-password .fdklslf h2,
.bm-page-mobile_verification .fdklslf h2 {
	text-align: left; font-weight: 700 !important; letter-spacing: 0; text-transform: none;
}
.bm-page-register .fdklslf h2::after,
.bm-page-forgot-password .fdklslf h2::after,
.bm-page-mobile_verification .fdklslf h2::after { left: 0; margin-left: 0; }
.bm-page-register .kls,
.bm-page-forgot-password .kls,
.bm-page-mobile_verification .kls { display: flex; flex-direction: column; gap: 14px; margin: 0 !important; }
.bm-page-register .kls > div,
.bm-page-forgot-password .kls > div,
.bm-page-mobile_verification .kls > div { width: 100%; margin: 0 !important; padding: 0 !important; }
.bm-page-register .kls .labein,
.bm-page-forgot-password .kls .labein,
.bm-page-mobile_verification .kls .labein { display: flex !important; flex-direction: column; align-items: stretch; gap: 7px; }
.bm-page-register .kls .labein label,
.bm-page-forgot-password .kls .labein label,
.bm-page-mobile_verification .kls .labein label {
	width: auto; padding: 0 !important; margin: 0 !important; border-radius: 0;
	background: transparent !important; color: #354052 !important;
	font-size: 13px !important; font-weight: 700 !important; text-align: left; text-transform: none; letter-spacing: 0;
}
.bm-page-register .kls .labein .form-control,
.bm-page-forgot-password .kls .labein .form-control,
.bm-page-mobile_verification .kls .labein .form-control {
	width: 100%; min-height: 46px; border: 1px solid #d6dce7 !important; border-radius: 7px !important;
	background: #fff !important; color: #202938 !important; text-align: left; font-size: 16px !important; font-weight: 500 !important;
}
.bm-page-register .kls .labein .form-control:focus,
.bm-page-forgot-password .kls .labein .form-control:focus,
.bm-page-mobile_verification .kls .labein .form-control:focus { border-color: var(--bm-primary) !important; box-shadow: 0 0 0 3px rgba(33,150,243,.14) !important; }
.bm-page-register .kls .rn,
.bm-page-forgot-password .kls .rn,
.bm-page-mobile_verification .kls .rn { color: #596579 !important; font-size: 13px; line-height: 1.5; }
.bm-page-register .kls .mnbv { display: inline !important; width: auto; padding: 0 !important; background: transparent !important; color: inherit !important; font-size: inherit !important; text-transform: none; }
.bm-page-register .kls .custom-checkbox { width: 16px; height: 16px; vertical-align: middle; }
.bm-page-register .kls .btnaa,
.bm-page-forgot-password .kls .btnaa,
.bm-page-mobile_verification .kls .btnaa { justify-content: stretch; margin-top: 4px; }
.bm-page-register .kls .btnaa .btn,
.bm-page-forgot-password .kls .btnaa .btn,
.bm-page-mobile_verification .kls .btnaa .btn { width: 100%; min-width: 0; min-height: 46px; border-radius: 7px !important; box-shadow: 0 5px 12px rgba(33,150,243,.22) !important; }

/* Keep secondary page actions in the same card language. */
.bm-page-withdraw .starl form { max-width: 480px; padding: 22px !important; border: 1px solid #e2e7ef !important; border-radius: 10px !important; background: #fff; box-shadow: var(--bm-shadow); }
.bm-page-withdraw .starl form .form-control { border: 1px solid #d6dce7 !important; border-radius: 7px !important; text-align: left; }
.bm-page-withdraw .starl form .btn { min-height: 46px; border-radius: 7px !important; }
.bm-page-my-account .charttab { border: 1px solid rgba(255,255,255,.55) !important; border-radius: 10px !important; }

@media (max-width: 479px) {
	.bm-page-register .fdklslf, .bm-page-forgot-password .fdklslf, .bm-page-mobile_verification .fdklslf { width: calc(100% - 24px) !important; }
}