@import url(/default/fam1/assets/fonts/IRANSans-web.css);
@import url(/default/fam1/assets/fonts/font-awesome.min.css);

.swal2-container { z-index: 9999990 !important; }

* { font-family: 'IranSans', tahoma; }

body { margin: 0px; background: var(--th-bg-page, #25386f); font-weight: 300; }
*:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none; outline: none; direction: rtl; }
* { font-family: 'IranSans', tahoma; box-sizing: border-box; font-style: normal; direction: rtl; }

.hidden { display: none; }

.left { float: right; }
.right { float: left; }
.clear { clear: both; height: 0px; }

.left-align { text-align: right; }
.right-align { text-align: left; }

.inline { display: inline-block; }
.center { text-align: center; }

.pointer { cursor: pointer; }
.medium { font-weight: 400; }
.bold { font-weight: 500; }
.fs20 { font-size: 20px; }

.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }

.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

.ml5 { margin-right: 5px; }

.p15 { padding: 15px; }
.p30 { padding: 30px; }

.ph15 { width: 100%; height: 15px; }
.ph25 { width: 100%; height: 25px; }

.pr10 { padding-left: 10px; padding-right: 10px; }

.w100 { width: 100%; }
.mw160 { min-width: 160px; }

.c-red { color: red !important; }
.c-green { color: green !important; }
.c-blue { color: blue !important; }
.c-gray { color: #383838 !important; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px !important; }

.ts { text-shadow: 2px 2px #000000; }
.tdn { text-decoration: none; }

.text-content-page { line-height: 170%; }
.text-content-page p { line-height: 170%; }

.container { width: 100%; max-width: 1200px; }

.header { text-align: center; }

.header .name { display: inline-block; font-size: 13px; color: var(--th-text-soft, #e0e5f5); padding: 7px 4px 7px 4px; text-decoration: none; margin-top: 35px; font-weight: 300; }
.header .balance { display: inline-block; font-size: 13px; color: yellow; padding: 7px 4px 7px 4px; text-decoration: none; margin-top: 35px; font-weight: 400; }
.header .account { display: inline-block; color: #fff; padding: 7px 8px 7px 8px; text-decoration: none; margin-top: 35px; font-weight: 400; font-size: 13px; }

.header .link { display: inline-block; color: #fff; padding: 7px 20px 7px 20px; text-decoration: none; margin-top: 35px; font-weight: 400; font-size: 13px; }
.header .signup { border-right: 1px solid #fff; }
.header .language { color: #fff !important; border: 1px solid var(--th-accent-2, #84a7ef); padding: 6px 10px 6px 10px !important; }
.header .link:hover { color: var(--th-accent-2, #84a7ef); }

.header .language-selector { direction: ltr; display: none; }
.header .language-box { position: absolute; background: rgba(0,0,0,0.8); direction: ltr; margin-top: 70px; }
.header .language-box a { display: block; margin: 0px 5px 5px 5px; padding: 5px 15px 5px 15px; color: #fff; text-decoration: none; font-weight: 400; font-size: 13px; background: var(--th-bg-page, #25386f); }
.header .language-box a:hover { color: #000; }
.header .language-box a:first-child { margin-top: 5px; }

.footer { width: 100%; background: var(--th-bg-chrome, #202a47); color: #999; text-align: center; padding: 20px 0px 20px 0px; font-size: 14px; }
.footer-links { width: 100%; text-align: center; color: #fff; padding: 20px 0px 20px 0px; font-size: 14px; }
.footer-links .footer-link { display: block; text-decoration: none; color: #fff; margin-bottom: 4px; text-align: right; font-size: 12px; font-weight: 400; }
.footer-links .footer-link:hover { color: #999; }
.footer-links .footer-link::before { content: "\2022  "; }

.top-bar { text-align: center; background: var(--th-bg-chrome, #202a47); font-size: 0; white-space: nowrap; }
.top-bar a { text-align: center; text-decoration: none; color: #fff; font-size: 14px; font-weight: 400; display: inline-block; height: 64px; line-height: 64px; padding: 0px 20px 0px 20px; vertical-align:top; }
.top-bar a:hover, .top-bar .active { line-height: 93px; background-color: var(--th-bg-chrome-hover, #36476b); -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear; }
.top-bar a div { position: relative; margin-top: -114px; height: 0px; }
.top-bar a img { visibility: hidden; opacity: 0; }
.top-bar a:hover img, .top-bar .active img { opacity: 1; visibility: visible; -webkit-transition: visibility 0s,opacity 400ms linear; -ms-transition: visibility 0s,opacity 400ms linear; transition: visibility 0s,opacity 400ms linear; }

.main-splash { width: 100%; font-size: 0; }
.main-splash .image-container { width: 100%; height: 660px; overflow: hidden; white-space: nowrap; }
.main-splash .image-container .image { width: 100%; height: 100%; display: inline-block; background-size: cover; background-position: center; background-repeat: no-repeat; }
.main-splash .image-shadow { position: relative; width: 100%; height: 250px; margin-top: -250px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.53) 10%, rgba(0,0,0,0.61) 36%, rgba(0,0,0,0.63) 45%, rgba(0,0,0,0.69) 69%, rgba(0,0,0,1) 96%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.53) 10%,rgba(0,0,0,0.61) 36%,rgba(0,0,0,0.63) 45%,rgba(0,0,0,0.69) 69%,rgba(0,0,0,1) 96%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.53) 10%,rgba(0,0,0,0.61) 36%,rgba(0,0,0,0.63) 45%,rgba(0,0,0,0.69) 69%,rgba(0,0,0,1) 96%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
.main-splash .box-container { position: relative; width: 100%; height: 180px; margin-top: -180px; }
.main-splash .border-box { margin-right: 4%; width: 28%; height: 100%; float: right; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-decoration: none; background: rgba(0,0,0,0.5); border-width: 1px; border-style: solid; border-color: #ececec; -moz-border-image: -moz-linear-gradient(top,#fff 0%,#000000 70%); -webkit-border-image: -webkit-linear-gradient(top,#fff 0%,#000000 70%); border-image: linear-gradient(to bottom,#fff 0%,#000000 70%); border-image-slice: 1; color: #fff; }
.main-splash .border-box .image { margin-top: 5px; }
.main-splash .border-box .title { margin-top: 5px; color: #fff; font-size: 26px; text-shadow: 2px 2px #000000; height: 34px; font-weight: 400; }
.main-splash .border-box .subtitle { margin-top: 7px; color: #fff; font-size: 14px; }
.main-splash .border-box:hover .title { font-size: 28px; font-weight: 500; }

.main-games-box { width: 100%; background: #000; padding-bottom: 10px; }
.main-games-box .game { float: right; display: block; width: 16%; margin-right: 0.4%; text-decoration: none; }
.main-games-box .game img { width: 100%; }
.main-games-box .game .title { display: none; position: relative; height: 100%; padding: 10px 0px 10px 0px; margin-top: -60px; width: 100%; text-align: center; color: #fff; font-size: 24px; background: rgba(0,0,0,0.8); }
.main-games-box .game:hover .title { display: block; }

.light { background: #ccc !important; }
.dark { background: var(--th-bg-dark, #17191f) !important; }

.page-content { width: 100%; background: var(--th-bg-dark, #17191f); min-height: 600px; color: var(--th-text-dim, #82828e); text-align: center; }
.page-content .page-area { margin: 5px 0px 5px 0px; text-align: right; }
.page-content .page-area .page-title { text-align: right; color: #fff; background: var(--th-bg-chrome, #202a47); padding: 10px; font-size: 18px; font-weight: 400; border-bottom: 1px solid #000; }

.item-box { display: block; float: right; width: 32%; margin-right: 1%; margin-bottom: 10px; overflow: hidden; text-decoration: none; }
.item-2-box { display: block; float: right; width: 49%; margin-right: 1%; margin-bottom: 10px; overflow: hidden; text-decoration: none; }
.item-box .image, .item-2-box .image { width: 100%; position: relative; padding-top: 56.25%; background-position: center; background-size: cover; }
.item-box .title, .item-2-box .title { position: relative; height: 0px; width: 98%; margin-right: 1%; }
.item-box .title div, .item-2-box .title div { color: #ccc; height: 50px; background: rgba(0,0,0,0.6); position: relative; top: -53px; line-height: 50px; text-align: center; font-size: 16px; font-weight: 400; text-shadow: 2px 2px #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-width: 1px; border-style: solid; border-color: #ececec; -moz-border-image: -moz-linear-gradient(top,#ccc 0%,#000000 70%); -webkit-border-image: -webkit-linear-gradient(top,#ccc 0%,#000000 70%); border-image: linear-gradient(to bottom,#ccc 0%,#000000 70%); border-image-slice: 1; }
.item-box:hover .title div, .item-2-box:hover .title div { font-size: 18px; color: #fff; }

.static-menu { width: 250px; }
.static-menu .link-container { padding: 7px 10px 7px 10px; background: var(--th-bg-chrome, #202a47); margin-top: 5px; margin-bottom: 20px; margin-left: 10px; }
.static-menu .link-container a { color: #fff; display: block; text-align:center; text-decoration: none; padding: 10px 0px 10px 0px; margin: 3px 0px 3px 0px; background: var(--th-bg-chrome, #202a47); font-size: 13px; font-weight: 500; }
.static-menu .link-container a:hover, .static-menu .link-container .active { color: #fff; background: var(--th-bg-page, #25386f); }
.static-menu .selector { width: 100%; font-size: 20px; }

.static-content { width: calc(100% - 260px); }

.form-container { background: #fff; border: 1px solid #bbb; border-top: 0px; }
.form-container .alert { display: none; margin-top: 0px; margin-bottom: 15px; background: var(--th-danger, #e74c3c); padding: 10px; color: #fff; text-align: center; font-weight: 400; border-bottom: 1px solid #b53a2e; }
.form-container .form-title { font-weight: 300; font-size: 16px; margin: 8px 20px 8px 20px; color: #383838; }
.form-container .form-element { width: 400px; font-size: 14px; text-align: right; color: #383838; }
.form-container .form-input { width: 100%; background: var(--th-bg-chrome, #202a47); height: 32px; border: 1px solid #383838; color: #fff; padding: 6px 6px 6px 6px; }
.form-container .form-link { color: var(--th-text-dim, #82828e); text-decoration: none; font-size: 12px; }
.form-container .form-link:hover { color: #383838; }
.form-container .form-button { background: var(--th-bg-page, #25386f); display: inline-block; color: #fff; padding: 7px 20px 7px 20px; text-decoration: none; font-weight: 400; }
.form-container .form-button:hover { color: #000; }
.form-container .red-button { background: var(--th-danger, #e74c3c) !important; }
.form-container .form-loading { display: none; width: 43px; height: 30px; background: url(/default/fam1/assets/images/loader.gif) no-repeat; background-position: center; }

.left-bar { color: #fff; width: 300px; }
.left-bar .title { display: block; text-decoration: none; text-align: right; color: #fff; background: var(--th-bg-chrome, #202a47); padding: 10px; font-size: 14px; font-weight: 400; border-bottom: 1px solid var(--th-bg-chrome, #202a47); }
.left-bar .menu-container { width: 100%; background: #fff; padding-top: 2px; padding-bottom: 0.1px; }
.left-bar .menu-container .link { display: block; width: calc(100% - 2px); margin-right: 2px; margin-bottom: 2px; padding: 5px 10px 5px 10px; background: #ddd; text-decoration: none; font-size: 14px; font-weight: 400; color: #000; }
.left-bar .menu-container .link .badge { font-size: 10px; padding: 1px 8px 1px 8px; background: #808080; color: #fff; border-radius: 4px; font-weight: 500; margin: 2px 8px 0px 8px; }
.left-bar .menu-container .link:hover, .left-bar .menu-container .active { color: #fff !important; background: var(--th-bg-hover-dark, #20232b) !important;  }
.left-bar .menu-container .search { display: block; width: calc(100% - 2px); margin-right: 2px; margin-bottom: 2px; padding: 5px 10px 5px 10px; background: #ddd; text-decoration: none; font-size: 14px; font-weight: 400; color: #000; }
.left-bar .menu-container .search input { width: 100%; font-size: 18px; }
.left-bar .menu-container .icon { min-width: 16px; min-height: 16px; }

.right-bar { color: #fff; width: 300px; }
.right-bar .title { display: block; text-decoration: none; text-align: right; color: #fff; background: var(--th-bg-chrome, #202a47); padding: 10px; font-size: 14px; font-weight: 400; border-bottom: 1px solid var(--th-bg-chrome, #202a47); }
.right-bar .slip-container { width: 100%; background: #fff; padding-top: 2px; padding-bottom: 2px; color: #222; font-weight: 400; }
.right-bar .slip-container .no-bet { text-align: center; padding: 10px 30px; line-height: 160%; font-size: 14px; }

.game-container { width: 100%; height: 700px; background: var(--th-bg-dark, #17191f); overflow: hidden; }
.game-place { width: 100%; height: 700px; border: 0px; padding: 0px; margin: 0px; }

.event-container { width: calc(100% - 610px); margin: 0px 5px 0px 5px; }
.event-container .border { border-width: 1px; border-style: solid; border-color: var(--th-bg-chrome, #202a47); -moz-border-image: -moz-linear-gradient(top,var(--th-bg-chrome, #202a47) 0%,#000 70%); -webkit-border-image: -webkit-linear-gradient(top,var(--th-bg-chrome, #202a47) 0%,#000 70%); border-image: linear-gradient(to bottom,var(--th-bg-chrome, #202a47) 0%,#000 70%); border-image-slice: 1; color: #000; }
.event-container .info { width: 100%; min-height: 150px; background-size: cover; background-position: center; }
.event-container .football { background-image: url(/default/fam1/assets/images/courts/football.png); }
.event-container .other-sport { background-image: url(/default/fam1/assets/images/courts/basketball.png); }
.event-container .title { width: 100%; color: #fff; text-align: center; font-weight: 400; padding: 10px 0px 10px 0px; font-size: 14px; }

.event-container .score-box { margin-right: 5px; width: 60px; height: 50px; line-height: 50px; border: 1px solid #111; color: #fff; font-size: 26px; font-weight: 500; }
.event-container .score-box .line-1 { position: relative; margin-top: -24px; height: 4px; border-top: 1px solid rgba(0,0,0,0.25); border-right: 1px solid #fff; border-left: 1px solid #fff; }
.event-container .score-box .line-2 { position: relative; margin-top: -7px; height: 4px; border-right: 1px solid #fff; border-left: 1px solid #fff; }

.event-container .football .card { display: inline-block; width: 12px; height: 18px; border: 1px solid #000; background: yellow; border-radius: 3px; }
.event-container .football .red { background: red !important; }
.event-container .football .team { padding: 10px; margin-right: 5px; width: calc(50% - 88px); height: 70px; border: 1px solid #383838; color: #fff; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event-container .football .score { width: 160px; }
.event-container .football .score-middle { width: 25px !important; }
.event-container .football .time { margin-right: 5px; margin-top: 5px; margin-bottom: 10px; width: 155px; border: 1px solid #111; line-height: 30px; background: rgba(32,42,71,0.5); font-weight: 500; font-size: 14px; color: #fff; }
.event-container .football .time .minute { color: var(--th-cta, #e9a025); font-weight: 500; }

.event-container .others .wi-1 { width: calc(100% - 70px); }
.event-container .others .wi-2 { width: calc(100% - 135px); }
.event-container .others .wi-3 { width: calc(100% - 200px); }
.event-container .others .wi-4 { width: calc(100% - 265px); }
.event-container .others .wi-5 { width: calc(100% - 330px); }
.event-container .others .wi-6 { width: calc(100% - 395px); }
.event-container .others .wi-7 { width: calc(100% - 460px); }
.event-container .others .wi-8 { width: calc(100% - 525px); }

.event-container .others .others-container { min-width: 70%; }
.event-container .others .team { height: 50px; line-height: 50px; border: 1px solid #000; font-weight: 500; color: #fff; font-size: 20px; padding: 0px 10px 0px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event-container .others .orange { color: var(--th-cta, #e9a025); }
.event-container .others .time { padding: 0px 5px 0px 5px; border: 1px solid #111; line-height: 30px; background: rgba(32,42,71,0.5); font-weight: 500; font-size: 14px; color: #fff; }
.event-container .others .time .minute { color: var(--th-cta, #e9a025); font-weight: 500; }
.event-container .others .score-head { margin-right: 5px; width: 60px; line-height: 30px; background: rgba(0,0,0,0.5); font-weight: 500; font-size: 14px; color: var(--th-cta, #e9a025); }

.event-container .title-bg { background: -moz-linear-gradient(top, rgba(32,42,71,0.9) 31%, rgba(32,42,71,0.89) 55%, rgba(32,42,71,0.89) 64%, rgba(32,42,71,0.6) 90%, rgba(32,42,71,0) 100%); background: -webkit-linear-gradient(top, rgba(32,42,71,0.9) 31%,rgba(32,42,71,0.89) 55%,rgba(32,42,71,0.89) 64%,rgba(32,42,71,0.6) 90%,rgba(32,42,71,0) 100%); background: linear-gradient(to bottom, rgba(32,42,71,0.9) 31%,rgba(32,42,71,0.89) 55%,rgba(32,42,71,0.89) 64%,rgba(32,42,71,0.6) 90%,rgba(32,42,71,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); }
.event-container .team-bg { background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(112,112,112,0.7) 47%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(112,112,112,0.7) 47%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(112,112,112,0.7) 47%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); }
.event-container .score-bg { background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(112,112,112,0.9) 47%, rgba(0,0,0,0.9) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(112,112,112,0.9) 47%,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(112,112,112,0.9) 47%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000',GradientType=0 ); }

.event-type .title { display: block; text-decoration: none; text-align: right; color: #fff; background: var(--th-bg-page, #25386f); padding: 10px; font-size: 14px; font-weight: 400; border-bottom: 1px solid var(--th-bg-chrome, #202a47); }
.event-type .title .text span { display: inline-block; }
.event-type .title .text { float: right; margin-right: 3px; width: calc(100% - 266px); padding: 0px 18px 0px 18px; background-repeat: no-repeat; background-position: right 0px center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event-type .title .yellow { color: yellow; padding: 0px 4px 0px 4px; }
.event-type .title .odd-title { float: right; margin-right: 1px; width: 80px; font-size: 13px; color: #fff; font-weight: 500; text-align: center; }
.event-type .odd-container { background: #fff; color: #000; font-size: 14px; }
.event-type .odd-container .score { margin: 0px 5px 0px 5px; color: green; font-weight: 500; }
.event-type .odd-container .green { color: green; font-weight: 500; }
.event-type .odd-container .event-title { float: right; display: block; text-decoration: none; color: #000; width: calc(100% - 277px); height: 30px; line-height: 30px; padding: 0px 25px 0px 10px; margin-top: 1px; margin-bottom: 1px; font-weight: 400; background-repeat: no-repeat; background-position: right 5px center; margin-right: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event-type .odd-container .event-row:nth-child(odd) .event-title { background-color: #fff; }
.event-type .odd-container .event-row:nth-child(even) .event-title { background-color: var(--th-text-soft, #e0e5f5); }
.event-type .odd-container .event-time { background: green; border-radius: 4px; padding: 1px 8px 1px 8px; color: #fff; font-size: 10px; font-weight: 500; height: 20px; line-height: 20px; margin: 5px 8px 0px 8px; }
.event-type .odd-container .odd-rate { display: block; float: right; text-decoration: none; width: 80px; height: 30px; line-height: 30px; margin-right: 1px; background: var(--th-accent, #6789EC); color: #fff; text-align: center; margin-top: 1px; margin-bottom: 1px; font-weight: 500; font-size: 13px; }
.event-type .odd-container .odd-rate:hover { background: var(--th-bg-hover-dark, #20232b); }
.event-type .odd-container .passive { cursor: default !important; background: var(--th-text-muted, #5b6688) !important; color: var(--th-text-muted, #5b6688) !important; }
.event-type .odd-container .passive-ev { cursor: default !important; background: var(--th-text-muted, #5b6688) !important; color: var(--th-text-muted, #5b6688) !important; }
.event-type .odd-container .passive-ma { cursor: default !important; background: var(--th-text-muted, #5b6688) !important; color: var(--th-text-muted, #5b6688) !important; }
.event-type .odd-container .odd-all { display: block; float: right; text-decoration: none; width: 30px; height: 30px; line-height: 30px; margin-right: 1px; text-align: center; margin-top: 1px; margin-bottom: 1px; font-weight: 500; color: var(--th-accent, #6789EC); }

.event-type .odd-container .red-arrow { color: #FFA5A5 !important; padding-right: 3px; }
.event-type .odd-container .red-back { background: red !important; }
.event-type .odd-container .green-arrow { color: #A2F1A2 !important; padding-right: 3px; }
.event-type .odd-container .green-back { background: green !important; }

.event-type .odd-container .passive .red-arrow { color: var(--th-text-muted, #5b6688) !important; }
.event-type .odd-container .passive .green-arrow { color: var(--th-text-muted, #5b6688) !important; }

.event-type .odd-container .passive-ev .red-arrow { color: var(--th-text-muted, #5b6688) !important; }
.event-type .odd-container .passive-ev .green-arrow { color: var(--th-text-muted, #5b6688) !important; }

.event-type .odd-container .passive-ma .red-arrow { color: var(--th-text-muted, #5b6688) !important; }
.event-type .odd-container .passive-ma .green-arrow { color: var(--th-text-muted, #5b6688) !important; }

.event-type .odd-container .selected-odd { background: #000 !important; cursor: default !important; }

.score-type .title { display: block; text-decoration: none; text-align: right; color: #fff; background: var(--th-bg-page, #25386f); padding: 10px 9px 10px 9px;; font-size: 14px; font-weight: 400; border-bottom: 1px solid var(--th-bg-chrome, #202a47); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.score-type .title .text { float: right; margin-right: 0px; padding: 0px 21px 0px 21px; padding-left: 6px; background-repeat: no-repeat; background-position: right 0px center; }
.score-type .title .text span { display: inline-block; }
.score-type .title .yellow { color: yellow; }
.score-type .title .odd-title { float: right; margin-right: 1px; width: 80px; font-size: 14px; color: #fff; font-weight: 500; text-align: center; }

.score-type .score-container { background: #fff; color: #000; font-size: 14px; }
.score-type .score-container .team { float: right; border-left: 1px solid #ccc; width: calc(50% - 150px); padding: 0px 9px 0px 9px; height: 30px; line-height: 30px; margin-top: 1px; margin-bottom: 1px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.score-type .score-container .score { float: right; color: green; border-left: 1px solid #ccc; text-align: center; width: 50px; height: 30px; line-height: 30px; margin-top: 1px; margin-bottom: 1px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.score-type .score-container .status { float: right; color: #555; border-left: 1px solid #ccc; text-align: center; width: 100px; height: 30px; line-height: 30px; margin-top: 1px; margin-bottom: 1px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.score-type .score-container .time { float: right; color: green; text-align: center; width: 100px; height: 30px; line-height: 30px; margin-top: 1px; margin-bottom: 1px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.score-type .score-container .score-row:nth-child(odd) { background-color: #fff; }
.score-type .score-container .score-row:nth-child(even) { background-color: var(--th-text-soft, #e0e5f5); }

.market-type .title { display: block; text-decoration: none; text-align: right; color: #fff; background: var(--th-bg-page, #25386f); padding: 10px; font-size: 14px; font-weight: 400; border-bottom: 1px solid var(--th-bg-chrome, #202a47); }
.market-type .odd-container { background: #fff; color: #000; font-size: 14px; }

.market-type .odd-container .odd-double { width: 50%; }
.market-type .odd-container .odd-triple { width: 33.33%; }

.market-type .odd-container .odd-link { float: right; display: block; text-decoration: none; color: #000; }
.market-type .odd-container .odd-link .odd-title { float: right; width: calc(100% - 83px); padding: 5px 10px 5px 10px; margin-top: 1px; margin-bottom: 1px; font-weight: 400; background: #ddd; margin-right: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.market-type .odd-container .odd-link .odd-line { display: inline-block; background: green; border-radius: 4px; padding: 1px 8px 1px 8px; color: #fff; font-size: 10px; font-weight: 500; margin: 0px 8px 0px 8px; }
.market-type .odd-container .odd-link .odd-rate { float: right; width: 80px; background: var(--th-accent, #6789EC); color: #fff; text-align: center; padding: 5px 10px 5px 10px; margin-top: 1px; margin-bottom: 1px; font-weight: 500; }
.market-type .odd-container .odd-link .odd-rate::after { clear: both; height: 0px; }

.market-type .odd-container .odd-link:hover { color: #fff;  }
.market-type .odd-container .odd-link:hover .odd-title { background: var(--th-bg-hover-dark, #20232b); }
.market-type .odd-container .odd-link:hover .odd-rate { background: var(--th-bg-hover-dark, #20232b); }

.market-type .odd-container .passive-link { color: #000 !important; cursor: default !important; }
.market-type .odd-container .passive-link .odd-title { background: #ddd !important; cursor: default !important; }

.market-type .odd-container .passive-link-ev { color: #000 !important; cursor: default !important; }
.market-type .odd-container .passive-link-ev .odd-title { background: #ddd !important; cursor: default !important; }

.market-type .odd-container .passive-link-ma { color: #000 !important; cursor: default !important; }
.market-type .odd-container .passive-link-ma .odd-title { background: #ddd !important; cursor: default !important; }

.market-type .odd-container .passive { cursor: default !important; background: var(--th-text-muted, #5b6688) !important; color: var(--th-text-muted, #5b6688) !important; }
.market-type .odd-container .passive-ev { cursor: default !important; background: var(--th-text-muted, #5b6688) !important; color: var(--th-text-muted, #5b6688) !important; }
.market-type .odd-container .passive-ma { cursor: default !important; background: var(--th-text-muted, #5b6688) !important; color: var(--th-text-muted, #5b6688) !important; }
.market-type .odd-container .red-arrow { color: #FFA5A5 !important; padding-left: 3px; }
.market-type .odd-container .red-back { background: red !important; }
.market-type .odd-container .green-arrow { color: #A2F1A2 !important; padding-left: 3px; }
.market-type .odd-container .green-back { background: green !important; }

.market-type .odd-container .passive .red-arrow { color: var(--th-text-muted, #5b6688) !important; }
.market-type .odd-container .passive .green-arrow { color: var(--th-text-muted, #5b6688) !important; }

.market-type .odd-container .passive-ev .red-arrow { color: var(--th-text-muted, #5b6688) !important; }
.market-type .odd-container .passive-ev .green-arrow { color: var(--th-text-muted, #5b6688) !important; }

.market-type .odd-container .passive-ma .red-arrow { color: var(--th-text-muted, #5b6688) !important; }
.market-type .odd-container .passive-ma .green-arrow { color: var(--th-text-muted, #5b6688) !important; }

.market-type .odd-container .selected-odd { background: #fff !important; }
.market-type .odd-container .selected-odd .odd-rate { background: #000 !important; color: #fff !important; cursor: default !important; }
.market-type .odd-container .selected-odd .odd-title { color: #000 !important; background: #ddd !important; cursor: default !important; }

.data-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.data-table td, .data-table th { padding: 8px 5px; color: var(--th-bg-chrome, #202a47); }
.data-table th { border-bottom: 1px solid #ccc; }
.data-table tbody tr:nth-child(odd) td { background: var(--th-text-soft, #e0e5f5); }
.data-table tbody tr:nth-child(even) td { background: #fff; }
.data-table a { text-decoration: none; color: var(--th-bg-chrome, #202a47); }
.data-table a:hover { text-decoration: underline; }
.data-table .s-waiting { color: blue !important; }
.data-table .s-answered { color: green !important; }
.data-table .s-closed { color: #383838 !important; }
.data-table .sub-row { background: #fff; padding: 0px; }
.data-table .active-row td { background: var(--th-bg-chrome, #202a47) !important; color: #fff !important; }

.data-sub-container { border-top: 4px solid var(--th-bg-chrome, #202a47); border-bottom: 4px solid var(--th-bg-chrome, #202a47); padding-top: 8px; padding-bottom: 8px; }
.data-sub-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.data-sub-table td, .data-sub-table th { padding: 8px 5px; color: var(--th-bg-chrome, #202a47); background: #fff !important; }
.data-sub-table th { border-bottom: 1px solid #ccc; }
.data-sub-table tbody  td { background: var(--th-text-soft, #e0e5f5); }
.data-sub-table .badge { background: green; padding: 0px 6px; border-radius: 4px; color: #fff; font-size: 10px; }

.pagination { margin-top: 15px; }
.pagination a { display: inline-block; min-width: 30px; text-align: center; font-size: 14px; font-weight: 500; text-decoration: none; margin: 3px; border: 1px solid #ccc; color: var(--th-bg-chrome, #202a47); padding: 5px; }
.pagination a:hover, .pagination .active { background: var(--th-text-soft, #e0e5f5) !important; }
.pagination .info { display: inline-block; font-size: 14px; font-weight: 500; margin: 0px 10px; }

.support-container .bubble { max-width: 80%; min-width: 30%; padding: 10px; border-radius: 10px; margin: 4px; color: #000; font-weight: 400; font-size: 14px; line-height: 160%; }
.support-container .user_bubble .icon { float: left; width: 45px; height: 45px; background: url(/default/fam1/assets/images/member.png); }
.support-container .user_bubble .bubble { float: left; background: #9fd8a4; text-align: left; }
.support-container .user_bubble .time { clear: both; margin-left: 55px; text-align: left; font-size: 12px; color: #567558; }
.support-container .admin_bubble .icon { float: right; width: 45px; height: 45px; background: url(/default/fam1/assets/images/agent.png); }
.support-container .admin_bubble .bubble { float: right; background: #e6e6e6; text-align: right; }
.support-container .admin_bubble .time { clear: both; margin-right: 55px; text-align: right; font-size: 12px; color: #a7a7a7; }

.slip-container .amounts { width: 100%; background: var(--th-bg-chrome, #202a47); color: #fff; font-weight: 500; padding: 10px 0px; text-align: center; line-height: 160%; }
.slip-container .buttons { width: 100%; padding: 15px 0px; background: #fff; text-align: center; }
.slip-container .buttons .checkbox { margin-bottom: 15px; font-size: 13px; line-height: 180%; }
.slip-container .buttons .slip-currency { font-size: 14px; color: #000; font-weight: 500; }
.slip-container .buttons .slip-currency-type { font-size: 14px; }
.slip-container .form-button { background: var(--th-bg-page, #25386f); display: inline-block; color: #fff; padding: 7px 20px 7px 20px; text-decoration: none; font-weight: 400; font-size: 14px; }
.slip-container .form-button:hover { color: #000; }
.slip-container .red-button { background: var(--th-danger, #e74c3c) !important; }
.slip-container .form-loading { display: none; width: 43px; height: 30px; background: url(/default/fam1/assets/images/loader.gif) no-repeat; background-position: center; }
.slip-container .slip-title { float: right; display: block; text-decoration: none; width: 50%; color: #ccc; border-bottom: 5px solid #ccc; text-align: center; font-weight: 500; font-size: 16px; padding: 6px 0px; }
.slip-container .slip-active { color: var(--th-bg-page, #25386f) !important; border-bottom: 5px solid var(--th-bg-page, #25386f) !important; }
.slip-container .amount-input { width: 100%; background: var(--th-text-soft, #e0e5f5); padding: 10px 5px 1px 5px; }
.slip-container .amount-input .text { float: right; width: 50%; text-align: right; padding-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; padding-top: 2px; }
.slip-container .amount-input .amount { float: left; width: 50%; }
.slip-container .amount-input .amount input { width: 100%; font-size: 14px; border: 1px solid var(--th-slip-input, #27585A); }
.slip-container .amount-input .total-rate { text-align: left; padding-left: 4px; margin-bottom: 4px; font-weight: 400; font-size: 12px; color: #000; }
.slip-container .slip-event { border-bottom: 1px dotted #383838; }
.slip-container .slip-remove { float: left; width: 30px; margin-top: 9px; text-align: left; padding-left: 9px; }
.slip-container .slip-remove a { text-decoration: none; color: var(--th-danger, #e74c3c); }
.slip-container .slip-row { float: right; padding-right: 5px; font-weight: 400; font-size: 14px; width: 100%; margin-top: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slip-container .slip-first-row { width: calc(100% - 30px) !important; }
.slip-container .slip-market { color: #999 !important; }
.slip-container .slip-bet { width: calc(100% - 80px) !important; }
.slip-container .slip-bet-price { float: left; font-weight: 500; font-size: 14px; width: 80px; margin-top: 9px; text-align: left; padding-left: 9px; color: #383838; }
.slip-container .event-amount { float: right; text-align: right; width: 50%; padding-right: 5px; margin-top: 9px; }
.slip-container .event-amount input { width: 90%; font-size: 14px; border: 1px solid var(--th-slip-input, #27585A); }
.slip-container .slip-event-won { float: left; text-align: left; padding-left: 5px; width: 50%; margin-top: 9px; font-size: 14px; padding-top: 3px; }
.slip-container .event-changed { display: none; position: relative; top: -57px; height: 0px; width: 300px; }
.slip-container .event-changed .background { background: rgba(0,0,0,0.8); width: 300px; height: 56px; }
.slip-container .event-changed .text { text-align: center; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 14px; font-weight: 300; }
.slip-container .end { clear: both; height: 10px; }

.splash-view { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999999; }
.splash-view .splash-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 30%; background: #fff; border: 3px solid #000; }
.splash-view .splash-header { width: 100%; padding: 10px; background: var(--th-bg-chrome, #202a47); color: #fff; font-weight: 400; }
.splash-view .splash-content { overflow: auto; padding: 10px; max-width: 600px; max-height: 400px; }

.account-page-photo { width: 100px; }
.account-page-container { margin-right: 25px; color: var(--th-bg-chrome, #202a47); }
.withdraw-description { background: #ffdbdb; margin: 15px; margin-bottom: 0px; padding: 10px; color: #000; }
.topup-success { background: #376937; color: #fff; font-weight: 400; margin-bottom: 25px; text-align: center; border-radius: 6px; }
.topup-fail { background: #823434; color: #fff; font-weight: 400; margin-bottom: 25px; text-align: center; border-radius: 6px; }

.verify-human { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 400px; max-width: 95%; padding: 25px; border: 1px solid #383838; font-size: 20px; font-weight: 400; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); box-shadow: 0 1px 5px rgba(0,0,0,0.2); }
.verify-human .title { color: var(--th-bg-page, #25386f); }

@media screen and (min-width: 1001px) {

	.mobile { display: none; }

}

@media screen and (max-width: 1000px) {

	body { background: var(--th-bg-dark, #17191f); }

	.desktop { display: none; }

	.p15 { padding: 7px; }
	.p30 { padding: 10px; }
	.ts { text-shadow: 1px 1px #000; }
	.medium { font-weight: 300; }

	.main-splash .image-container { height: 200px; }
	.main-splash .box-container { height: 90px; margin-top: -90px; }
	.main-games-box .game { width: calc(100% - 6px); margin-right: 3px; margin-top: 3px; }
	.main-games-box .game .title { display: block; margin-top: -50px; }

	.event-container { width: 100%; margin: 0px; }

	.rear-bar-mobile { display: none; position: fixed; width: 100%; left: 0px; top: 50px; height: calc(100% - 50px); background: rgba(0,0,0,0.95); z-index: 999998; overflow: auto; }

	.form-container { width: calc(100% - 20px); }
	.form-container .form-title { width: 100%; margin: 8px 6px 8px 6px; }
	.form-container .form-element { width: 100%; }

	.game-place { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; }

	.item-box, .item-2-box { width: calc(100% - 6px); margin-right: 3px; }

	.market-type .odd-container .odd-double { width: 100%; }
	.market-type .odd-container .odd-triple { width: 100%; }

	.event-type .title .text { width: calc(100% - 6px); }
	.event-type .title .odd-title { display: none; }

	.event-type .odd-container .event-title { font-size: 12px; padding: 0px 3px 0px 3px; width: calc(100% - 157px); background: inherit; }
	.event-type .odd-container .odd-rate { font-size: 12px; width: 50px; }
	.event-type .odd-container .event-time { border-radius: 2px; padding: 1px 2px 1px 2px; color: #fff; font-size: 10px; font-weight: 500; height: 16px; line-height: 16px; margin: 7px 6px 0px 6px; }
	.event-type .odd-container .odd-all { display: none; }

	.score-type .score-container { font-size: 12px; }
	.score-type .score-container .team { width: calc(50% - 30px); padding: 0px 4px 0px 4px; }
	.score-type .score-container .score { width: 30px; }
	.score-type .score-container .status { display: none; }
	.score-type .score-container .time { display: none; }

	.event-container .title { font-size: 12px; }
	.event-container .score-box { margin-right: 2px; width: 30px; height: 25px; line-height: 25px; font-size: 14px; font-weight: 400; }
	.event-container .score-box .line-1 { margin-top: -12px; border-top: 1px solid rgba(0,0,0,0.25); }
	.event-container .football .card { width: 8px; height: 12px; border-radius: 2px; }
	.event-container .football .team { padding: 4px; margin-right: 3px; width: calc(50% - 45px); height: 70px; font-size: 14px; }
	.event-container .football .score { width: 81px; }
	.event-container .football .score-middle { width: 15px !important; }
	.event-container .football .time { margin-right: 2px; margin-top: 2px; margin-bottom: 5px; width: 81px; font-weight: 300; font-size: 12px; }
	.event-container .football .time span { display: block; font-weight: 500; margin-top: 0px; line-height: 22px; }
	.event-container .others .wi-1 { width: calc(100% - 32px); }
	.event-container .others .wi-2 { width: calc(100% - 64px); }
	.event-container .others .wi-3 { width: calc(100% - 96px); }
	.event-container .others .wi-4 { width: calc(100% - 128px); }
	.event-container .others .wi-5 { width: calc(100% - 160px); }
	.event-container .others .wi-6 { width: calc(100% - 192px); }
	.event-container .others .wi-7 { width: calc(100% - 224px); }
	.event-container .others .wi-8 { width: calc(100% - 256px); }
	.event-container .others .team { height: 25px; line-height: 25px; font-weight: 400; font-size: 14px; padding: 0px 3px 0px 3px; }
	.event-container .others .time { padding: 0px 3px 0px 3px; line-height: 25px; font-weight: 400; font-size: 12px; color: #fff; }
	.event-container .others .score-head { margin-right: 2px; width: 30px; line-height: 25px; font-weight: 300; font-size: 10px; }

	.static-menu { width: calc(100% - 10px); display: block; margin-right: 10px; }
	.static-content { width: 100%; margin-top: -10px; }

	.data-table td, .data-table th { padding: 4px 0px; font-size: 12px; font-weight: 400 !important; }
	.data-sub-table td, .data-sub-table th { padding: 4px 0px; font-size: 12px; font-weight: 400 !important; }

	.support-container .user_bubble .time { margin-left: 10px; }
	.support-container .admin_bubble .time { margin-right: 10px; }
	
	.event-type .odd-container .odd-rate:hover { background: var(--th-accent, #6789EC); }

	.market-type .odd-container .odd-link:hover { color: #000;  }
	.market-type .odd-container .odd-link:hover .odd-title { background: #ddd; }
	.market-type .odd-container .odd-link:hover .odd-rate { background: var(--th-accent, #6789EC); }

	.mobile-overflow-x { overflow-x: auto !important; }
	.long-table-container { width: 800px !important; }

	.form-container .form-link:hover { color: var(--th-text-dim, #82828e); }
	.form-container .form-button:hover { color: #fff; }	

	.splash-view .splash-container { min-width: 90%; }
	
}

.mobile-bar { height: 50px; position: fixed; top: 0px; left: 0px; width: 100%; background: var(--th-bg-page, #25386f); z-index: 999990; border-bottom: 1px solid var(--th-bg-chrome, #202a47); }
.mobile-bar .icon { float: right; width: 40px; text-align: center; margin-top: 10px; }
.mobile-bar .icon a { font-size: 24px; color: #ddd; text-decoration: none; }
.mobile-bar .logo { float: right; width: calc(100% - 160px); margin-top: 5px; }
.mobile-bar .badge { display: none; position: fixed; left: 3px; top: 3px; border-radius: 8px; min-width: 16px; height: 16px; line-height: 16px; font-size: 12px; font-weight: 400; background: red; color: #fff; }

.mobile-bar-holder { width: 100%; height: 50px; }
.mobile-footer-bar { position: fixed; left: 0px; bottom: 0px; height: 50px; width: 100%; background: var(--th-bg-page, #25386f); z-index: 999990; border-top: 1px solid var(--th-bg-chrome, #202a47); font-size: 0px; }
.mobile-footer-bar a { width: 20%; display: inline-block; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #ddd; text-decoration: none; font-weight: 300; padding-top: 32px; background-repeat: no-repeat; background-position: center 6px; }
 
.mobile-footer-bar .sport { background-image: url(/default/fam1/assets/icons/top-bar/sport.png); }
.mobile-footer-bar .live { background-image: url(/default/fam1/assets/icons/top-bar/live.png); }
.mobile-footer-bar .scores { background-image: url(/default/fam1/assets/icons/top-bar/scores.png); }
.mobile-footer-bar .casino { background-image: url(/default/fam1/assets/icons/top-bar/casroom.png); }
.mobile-footer-bar .account { background-image: url(/default/fam1/assets/icons/top-bar/account.png); }

.mobile-footer-bar .active { color: #666 !important; }

.mobile-menu { display: none; position: fixed; left: 0px; top: 50px; width: 100%; height: 100%; z-index: 999995; background: rgba(0,0,0,0.95); overflow: auto; }
.mobile-menu .info { text-align: center; color: yellow; margin-top: 25px; line-height: 150%; }
.mobile-menu .info .name { color: var(--th-text-soft, #e0e5f5); }
.mobile-menu .buttons { text-align: center; padding: 20px 0px; margin-top: 6px; }
.mobile-menu .buttons a { display: inline-block; color: #fff; text-decoration: none; font-size: 13px; font-weight: 400; border: 1px solid var(--th-accent-2, #84a7ef); padding: 6px 10px; margin: 4px 4px; }
.mobile-menu .items { width: 100%; padding: 10px 30px 30px 30px; margin-bottom: 400px; }
.mobile-menu .items a { display: block; color: #fff; text-decoration: none; text-align: center; padding: 15px 0px; border-top: 1px dotted #ddd; font-weight: 400; font-size: 13px; }
.mobile-menu .language-box { display: none; margin-bottom: 10px; }
.mobile-menu .language-box a { display: block; color: yellow; text-decoration: none; padding: 5px; text-align: center; }












































/* ── overlay: overlays/skin-fixups.css ─────────────────────────────── */
/* T-494 — the SOURCE SITE's own sitewide customization layer, ported verbatim from the
   capture (byte-identical <style> blocks on every captured guest AND member page
   except the non-serving bare root index; sources:
   site/member/user/account/index.html and site/guest/user/login/index.html,
   block hashes 4dc04a49f1 + 10924c85c5). The reference achieves its member-area
   look (charcoal account-menu tiles, dark inputs, charcoal footer/top-bar) with
   THIS per-page inline layer; our ported pages carry it inline already, but the
   SSR member pages and canonical fallthrough pages never had it — the skin is
   the one layer that reaches every surface on a brand host (D-245), so the
   layer lives here. Appended pre-tokenize: the charcoal literal maps to the
   chrome-download slot by the palette; the darkest shade is unmapped in this
   family and ships as a literal exactly as the captured pages do.
   (Rendered deltas this closes: T-491 rows 1, 9/10 — menu navy-vs-charcoal.) */

.splash_alert_txt p { line-height: 1.2; }
		.event-type .odd-rate-12 { width: 120px !important; } 
		.event-type .odd-rate-12-x { display: none !important; }  

		@media screen and (max-width: 1000px) {
			.event-type .odd-rate-12 { width: 75px !important; }
		} 

		.event-type .pm-tc { max-width: calc(50% - 30px) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		.event-type .lm-tc { max-width: calc(50% - 45px) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }  

    				body { background: #0a0f15 !important; }
			.header .language-box a { background: #0a0f15 !important; }
			.static-menu .link-container a:hover, .static-menu .link-container .active { background: #0a0f15 !important; }
			.form-container .form-button { background: #0a0f15 !important; }
			.event-type .title { background: #0a0f15 !important; }
			.score-type .title { background: #0a0f15 !important; }
			.market-type .title { background: #0a0f15 !important; }
			.slip-container .form-button { background: #0a0f15 !important; }
			.slip-container .slip-active { color: #0a0f15 !important; border-bottom: 5px solid #0a0f15 !important; }
			.verify-human .title { color: #0a0f15 !important; }
			.mobile-bar { background: #0a0f15 !important; }
			.mobile-footer-bar { background: #0a0f15 !important; }
			.top-bar a:hover, .top-bar .active { background-color: #0a0f15 !important; }
		
					.footer { background: var(--th-chrome-download, #121921) !important; }
			.top-bar { background: var(--th-chrome-download, #121921) !important; }
			.page-content .page-area .page-title { background: var(--th-chrome-download, #121921) !important; }
			.static-menu .link-container { background: var(--th-chrome-download, #121921) !important; }
			.static-menu .link-container a { background: var(--th-chrome-download, #121921) !important; }
			.form-container .form-input { background: var(--th-chrome-download, #121921) !important; }
			.left-bar .title { background: var(--th-chrome-download, #121921) !important; border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
			.right-bar .title { background: var(--th-chrome-download, #121921) !important; border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
			.event-type .title { border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
			.score-type .title { border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
			.market-type .title { border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
			.data-table td, .data-table th { color: var(--th-chrome-download, #121921) !important; }
			.data-table a { color: var(--th-chrome-download, #121921) !important; }
			.data-table .active-row td { background: var(--th-chrome-download, #121921) !important; }
			.data-sub-container { border-top: 4px solid var(--th-chrome-download, #121921) !important; border-bottom: 4px solid var(--th-chrome-download, #121921) !important; }
			.data-sub-table td, .data-sub-table th { color: var(--th-chrome-download, #121921) !important; }
			.pagination a { color: var(--th-chrome-download, #121921) !important; }
			.slip-container .amounts { background: var(--th-chrome-download, #121921) !important; }
			.splash-view .splash-header { background: var(--th-chrome-download, #121921) !important; }
			.account-page-container { color: var(--th-chrome-download, #121921) !important; }
			.mobile-bar { border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
			.mobile-footer-bar { border-top: 1px solid var(--th-chrome-download, #121921) !important; }
		
					.dark { background: #0a0f15 !important; }
			.page-content { background: #0a0f15 !important; }
			.game-container { background: #0a0f15 !important; }
			@media screen and (max-width: 1000px) {
				body { background: #0a0f15 !important; }
			}
		
    

      .right.form-element select {
        border: none !important;padding:0 !important; color:white;
      }

/* T-494 row 6 — the pre-footer notice band. The capture renders the notice text
   INSIDE the footer landmark; serve-time footer injection replaces that whole
   region, so the port relocates the text out (pages.mjs relocateBeforeFooter)
   into this wrapper, styled as the footer's upper band (same charcoal, same
   typography as the .footer rule + the layer's footer override above). */
.custom-prefooter-notice { width: 100%; background: var(--th-chrome-download, #121921); color: #999; text-align: center; padding: 20px 0px 0px 0px; font-size: 14px; }

/* T-504 item A — the footer download cards. The chrome-injected block's card
   styling lived ONLY in the githob vendor stylesheet, which only PORTED pages
   load — fallthrough, SSR and sports-proxied pages rendered bare small icons
   with underlined labels. The sitewide layer is here; values are byte-equal to
   vendor/githob/style.css (the ported-page source), so ported pages re-apply
   idempotently. */
.footer-download-link-container { padding: 10px !important; background: var(--th-chrome-download, #121921) !important; border-radius: 10px !important; display: flex !important; flex-direction: column !important; text-decoration: none !important; gap: 20px !important; color: white !important; }
.footer-download-link-icon { background: linear-gradient(to right, var(--th-chrome-tile, #262626), var(--th-chrome-tile-2, #0f0f0f)) !important; font-size: 50px !important; border-radius: 50% !important; padding: 10px 0 !important; }
.footer-download-link-title { font-size: 14px !important; margin: 10px !important; }

/* T-504 item B — width parity with the reference. On every captured page the
   reference renders .page-content as a BODY CHILD (full width; the header keeps
   its own twelve-hundred-pixel container) — rendered-chain measurement, guest
   sport/prematch AND guest login. Engine sport pages and canonical
   fallthrough/SSR pages wrap .page-content in a .container, clamping all
   content to the header width. Unclamp exactly that wrapper; ported pages have
   no such wrapper and are untouched. Exactly one sibling family keeps the clamp (its reference wraps
   page-content in the container); the other sibling reference renders it as a
   body child too, so that family carries the same rule in its own overlay. :has() is supported by all evergreen
   browsers; without it the page keeps today's clamped look (safe degradation). */
.container:has(> .page-content) { max-width: 100%; }

/* T-504 item C — the primary-nav band. The reference renders .top-bar as a
   BODY-LEVEL band spanning the full viewport (measured: bar width == viewport,
   its own row, inner .container capped and centered by the base skin's
   text-align/max-width rules). The injected chrome nests the same bar INSIDE
   the header's centered container behind a shrink-wrapping float, so the band
   collapses to item width — the too-small menu box. Span it across the
   full-width header-main-center ancestor instead; the emptied float wrapper
   keeps the row's height so nothing shifts. Desktop-only (the bar itself is
   .desktop; the skin's breakpoint is a thousand pixels). The vertical offset
   is the measured constant row edge (header-top plus its margin) on every
   probed page and viewport. */
@media screen and (min-width: 1001px) {
	.header-main-center { position: relative !important; }
	.header-main-center .top-bar.desktop { position: absolute !important; left: 0 !important; right: 0 !important; top: 105px !important; width: auto !important; z-index: 10 !important; }
	.header.container .left:has(> .top-bar) { height: 64px !important; }
	/* The language dropdown panel is absolutely positioned ~70px below the
	   action row with no stack level; it used to paint above the normal-flow
	   nav, and positioning the band moved the (later, opaque) nav above it in
	   the positioned paint phase. Pin the panel above the band explicitly. */
	.language-box { z-index: 30 !important; }
}

/* member-chrome-parity — the canonical inline colour layer, beaten by
   SPECIFICITY. Every canonical/SSR page carries a generated <style> block
   (two colour slots: chrome black #000000 and a dark-red accent) whose
   declarations are all !important. The sitewide family layer above (the
   48-rule port) uses plain selectors, so on canonical pages it TIES the
   block and loses by document order. These are `html`-prefixed twins of
   exactly the family declarations the canonical block competes with —
   one level more specific, so they win at equal importance on every
   surface. Values are the family layer's own (chrome var(--th-chrome-download, #121921), deep
   #0a0f15). */
html body { background: #0a0f15 !important; }
html .footer { background: var(--th-chrome-download, #121921) !important; }
html .header .language-box a { background: #0a0f15 !important; }
html .top-bar { background: var(--th-chrome-download, #121921) !important; }
html .top-bar a:hover, html .top-bar .active { background-color: #0a0f15 !important; }
html .page-content .page-area .page-title { background: var(--th-chrome-download, #121921) !important; }
html .form-container .form-button { background: #0a0f15 !important; }
html .left-bar .title { background: var(--th-chrome-download, #121921) !important; border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
html .slip-container .amounts { background: var(--th-chrome-download, #121921) !important; }
html .slip-container .form-button { background: #0a0f15 !important; border: none !important; }
html .slip-container .form-button:hover { color: #000 !important; }
html .slip-container .slip-active { color: #0a0f15 !important; border-bottom: 5px solid #0a0f15 !important; }
html .verify-human .title { color: #0a0f15 !important; }
html .mobile-bar { background: #0a0f15 !important; border-bottom: 1px solid var(--th-chrome-download, #121921) !important; }
html .mobile-footer-bar { background: #0a0f15 !important; border-top: 1px solid var(--th-chrome-download, #121921) !important; }
html .splash-view .splash-header { background: var(--th-chrome-download, #121921) !important; }

/* Neutralize the REMAINDER of the canonical layer — declarations whose
   selectors the family layer does not carry. The source site renders those
   elements at the base skin's values, so each is restored to the base
   skin's own declaration (copied from the rule this file is appended to). */
html .header-top { background: transparent !important; }
html .header-main-center { background: transparent !important; }
html .footer-links { background: transparent !important; }
html .main-games-box { background: #000 !important; }
html .form-container .form-button:hover { background: #0a0f15 !important; }
html .c-main { color: inherit !important; }
html .header .language { border: 1px solid var(--th-accent-2, #84a7ef) !important; }
html .item-box .title div, html .item-2-box .title div { background: rgba(0,0,0,0.6) !important; }
html .search-div span { color: inherit !important; }
html .search-div input { color: inherit !important; }
html .event-container .title-bg { background: linear-gradient(to bottom, rgba(32,42,71,0.9) 31%, rgba(32,42,71,0.89) 55%, rgba(32,42,71,0.89) 64%, rgba(32,42,71,0.6) 90%, rgba(32,42,71,0) 100%) !important; }
html .event-type .title { color: #fff !important; }
html .score-type .title { color: #fff !important; }
html .market-type .title { color: #fff !important; }
html .mobile-menu .buttons a { background: transparent !important; }

/* member-chrome-parity — account-menu icon size parity. One canonical page
   ships a large page-specific inline sheet that boxes every material icon
   (8px padding, dark tile, radius 10) while the other member pages render
   the same menu with bare 24px glyphs — the "buttons shrink per section"
   jitter. The boxed presentation is the kept look; normalize it sitewide,
   scoped to the account menu so header icons (protected by their own style
   attributes) stay untouched. */
html .static-menu .link-container a .material-symbols-outlined { padding: 8px !important; background: #0a0f15 !important; border-radius: 10px !important; margin-left: 5px !important; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important; color: white !important; }

/* member-chrome-parity — the mobile account-menu grid (built at small widths
   by the script appended to the canonical script file; see
   overlays/mobile-menu.js). On ported pages the vendor layer styles these
   classes, but canonical/SSR pages never load that stylesheet — the same
   rules must live in the sitewide skin. Values are the vendor layer's own. */
#mobile-menu-container { margin-bottom: 10px; }
.mobile-item-container { text-decoration: none; background: #141414; flex: none; display: flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: 100%; gap: 5px; padding: 5px; }
.mobile-menu-item { min-width: 80px; display: flex; flex-direction: column; padding-top: 10px; padding-bottom: 10px; margin: 3px; text-decoration: none; justify-content: center; align-items: center; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.mobile-menu-item div.title { font-size: 11px; color: white; display: inline-block; margin: 10px auto auto; }
.mobile-menu-item.active { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 100px -20px inset, rgba(0, 0, 0, 0.3) 0px 18px 50px -20px inset; }
/* Grid icons must not depend on which page's global icon sheet loaded —
   normalize them like the account-menu ones (the vendor layer boxes ALL
   material icons; this is the same presentation at twin specificity). */
html #mobile-menu-container .material-symbols-outlined { padding: 8px !important; background: linear-gradient(to bottom, #121212, #0e0e0e) !important; border-radius: 10px !important; margin-left: 5px !important; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important; color: white !important; }