.tabnav-content, .table-livescore, .section-content, .box-list-schedule-all, #zone-league-by-season-round, .sidebar-content {
width: 100%;
container: football / inline-size;
display: flex;
flex-direction: column;
} .match-football.match-football-item {
display: flex;
flex-direction: column;
width: 100%;
}
.football-header {
padding: 5px 10px;
background-color: var(--fb-head-color);
}
.football-header.match-football-item .fhead-left {
font-weight: bold;
color: #222;
}
.football-header .fhead-left a {
margin: 0;
padding: 0;
font-weight: bold;
color: #222;
}
.football-header .fhead-left a:hover {
color: var(--fb-primary-color);
}
.f-row.matchdetail, .f-content .f-row {
padding: 10px 5px;
background: var(--fb-bg-color);
border-bottom: 1px solid var(--fb-head-color);
}
.f-row.matchdetail .row_match, .f-content .f-row .row_match{
display: none;
}
.f-row.matchdetail .football-match, .f-content .f-row .football-match  {
display: flex;
align-items: center;
}
.f-row.matchdetail .football-match .columns-time, .f-content .f-row .football-match .columns-time {
width: 50px;
}
.f-row.matchdetail .football-match .columns-match, .f-content .f-row .football-match .columns-match{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.f-row.matchdetail .football-match  .columns-match .row-teams,  .f-content .f-row .football-match  .columns-match .row-teams{
display: flex;
align-items: center;
width: 100%;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-number, .f-content .f-row .football-match  .columns-match .row-teams .columns-number {
width: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-number p, .f-content .f-row .football-match  .columns-match .row-teams .columns-number p {
margin: 0; padding: 0;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-number  .soccer-scores, .f-content .f-row .football-match  .columns-match .row-teams .columns-number  .soccer-scores{
display: inline-block;
background: var(--fb-primary-color);
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: bold;
width: 48px;
height: 24px;
line-height: 24px;
border-radius: 16px;
text-align: center;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club, .f-content .f-row .football-match  .columns-match .row-teams .columns-club {
flex: 1;
position: relative;
display: flex;
align-items: center;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club:first-child, .f-content .f-row .football-match  .columns-match .row-teams .columns-club:first-child {
justify-content: flex-end;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club:nth-child(2), .f-content .f-row .football-match  .columns-match .row-teams .columns-club:nth-child(2){
justify-content: flex-start;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club  {
display: flex;
align-items: center;
gap: 4px;
width: 100px;
overflow: hidden; text-overflow: ellipsis;
color: var(--fb-primary-color);
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club1, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club1 {
justify-content: flex-end;
padding-right: 25px;
text-align: right;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club2, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club2 {
justify-content: flex-start;
padding-left: 25px;
text-align: left;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club1 img, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club1 img  {
position: absolute;
right: 0;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club2 img, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club2 img {
position: absolute;
left: 0;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club2 .thedo, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club2 .thedo {
position: absolute;
left: -12px;
background: red;
height: 15px;
width: 10px;
color: white;
line-height: 15px;
text-align: center;
font-size: 12px;
border-radius: 2px;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club1 .thedo, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club1 .thedo {
position: absolute;
right: -12px;
background: red;
height: 15px;
width: 10px;
color: white;
line-height: 15px;
text-align: center;
font-size: 12px;
border-radius: 2px;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club2 div .thedo, .f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club.club1 div .thedo, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club2 div .thedo, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club.club1 div .thedo {
top: 5px;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club img, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club img {
width: 20px;
height: 20px;
border-radius: 100%;
}
.f-row.matchdetail .football-match  .columns-match .row_match_info, .f-content .f-row .football-match  .columns-match .row_match_info {
text-align: center;
font-size: 14px;
color: #666;
}
.f-row.matchdetail .football-match .columns-time, .f-content .f-row .football-match .columns-time {
font-size: 14px;
}
.m_hiden {
display: none;
}
.f-row.matchdetail .football-match .columns-other, .f-content .f-row .football-match .columns-other {
display: none;
}
.f-row.matchdetail .football-match .columns-other > div, .f-contentn .f-row .football-match .columns-other > div  {
display: none;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
.fix_hiden {
display: none;
}
.football-match-livescore {
display: flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid var(--fb-head-color);
padding: 10px 0px;
}
.football-match-livescore .columns-time {
width: 50px;
font-size: 14px;
}
.football-match-livescore .columns-time .separator, .football-match-livescore .columns-time .vongbang {
display: none;
} .football-match-livescore .columns-half {
width: 100%;
text-align: center;
padding-left: 50px;
}
.football-match-livescore .columns-half .first-half {
font-size: 12px;
color: #666;
padding: 0 8px;
height: 18px;
line-height: 18px;
border-radius: 24px;
background: #f2f2f2;
display: inline-block;
}
.football-match-livescore .columns-number {
width: 80px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.football-match-livescore .columns-number p {
margin: 0; padding: 0;
}
.football-match-livescore .columns-number  .soccer-scores {
display: inline-block;
background: var(--fb-primary-color);
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: bold;
width: 48px;
height: 24px;
line-height: 24px;
border-radius: 16px;
text-align: center;
}
.football-match-livescore .columns-club {
flex: 1;
position: relative;
display: flex;
align-items: center;
}
.football-match-livescore div.columns-club:nth-child(2) {
justify-content: flex-end;
}
.football-match-livescore .columns-club .name-club {
display: flex;
align-items: center;
gap: 4px;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
color: var(--fb-primary-color);
}
.football-match-livescore .columns-club .name-club.club1 {
justify-content: flex-end;
padding-right: 25px;
text-align: right;
}
.football-match-livescore .columns-club .name-club.club2 {
justify-content: flex-start;
padding-left: 25px;
text-align: left;
}
.football-match-livescore .columns-club .name-club.club1 img {
position: absolute;
right: 0;
}
.football-match-livescore .columns-club .name-club.club2 img {
position: absolute;
left: 0;
}
.football-match-livescore .columns-club .name-club.club2 .thedo {
position: absolute;
left: -12px;
background: red;
height: 15px;
width: 10px;
color: white;
line-height: 15px;
text-align: center;
font-size: 12px;
border-radius: 2px;
}
.football-match-livescore .columns-club .name-club.club1 .thedo {
position: absolute;
right: -12px;
background: red;
height: 15px;
width: 10px;
color: white;
line-height: 15px;
text-align: center;
font-size: 12px;
border-radius: 2px;
}
.football-match-livescore .columns-club .name-club.club2 div .thedo, .football-match-livescore .columns-club .name-club.club1 div .thedo {
top: 5px;
}
.football-match-livescore .columns-club .name-club img {
width: 20px;
height: 20px;
border-radius: 100%;
}
.columns-time .vongbang2 {
display: none;
}
.table-note .ulchuthich {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
list-style: none;
}
.ulchuthich li img.img-livesc {
width: 15px;
height: 15px;
margin-bottom: 2px;
margin-right: 5px;
}
.tiso-hiep {
font-size: 12px;
color: #666;
padding: 1px 8px;
border-radius: 24px;
background: #f2f2f2;
}
.table-header.text-center {
text-align: center;
font-size: 20px;
font-weight: bold;
margin-bottom: 2rem;
}
.text-thedo {
height: 14px;
padding: 0 3px;
border-radius: 3px;
text-align: center;
color: #fff;
background: #ed1c24;
line-height: 14px;
font-size: 10px;
display: inline-block;
position: relative;
margin-right: 8px;
font-weight: bold;
top: -2px;
}
.title-giaidau {
margin-bottom: 1rem;
}
.title-giaidau a {
font-size: 22px;
}
.title-giaidau a:hover {
color: var(--fb-primary-color);
}
.table-scrol-x table.table-bxh {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-size: 14px;
}
.table-bxh th {
font-size: 14px;
font-weight: normal;
background: var(--fb-head-color);
border: 0;
border-bottom: solid 1px #eaeaea;
padding: 12px 6px;
vertical-align: top;
position: relative;
text-align: center;
}
.w-stt {
width: 7%;
min-width: 40px;
}
.table-bxh .w-ten-clb {
width: 33%;
text-align: left;
}
.hi_m {
display: none;
}
.th-data::before {
content: attr(data-name) "";
display: block;
}
table.table-bxh td {
font-size: 14px;
position: relative;
border: 0;
border-bottom: solid 1px #eaeaea;
padding: 12px 3px;
vertical-align: top;
text-align: center;
}
a.link-clb, span.link-clb {
padding-left: 26px;
display: block;
text-align: left;
position: relative;
color: var(--fb-primary-color);
}
a.link-clb:hover {
color: var(--fb-primary-color);
}
.bxhclb-icon {
height: 20px;
width: 20px;
float: left;
position: absolute;
top: -1px;
border-radius: 100%;
left: 0;
}
table.table-bxh tr:hover {
background: #f0f0f0;
}
table.table-bxh tr td:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 999;
background: #fff;
}
.huongdan {
margin-bottom: 1rem;
color: #666;
font-size: 14px;
}
.table-bxh tr td:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 999;
background: var(--fb-bg-color);
}
.table-bxh tr td:nth-child(2) {
position: -webkit-sticky;
position: sticky;
left: 40px;
z-index: 999;
background: var(--fb-bg-color);
}
.table-bxh tr th:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 999;
background: #f0f0f0;
}
.table-bxh tr th:nth-child(2) {
position: -webkit-sticky;
position: sticky;
left: 40px;
z-index: 999;
background: #f0f0f0;
}
.ghichu {
margin: 12px 0;
float: left;
width: 100%;
text-align: right;
color: #666;
}
.ul-item {
margin: 0;
padding: 0;
}
.ul-item li {
list-style: none;
display: inline-block;
margin-right: 24px;
}
.ul-item li span {
margin-right: 6px;
}
.bg-color {
background: #333;
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 3px;
color: #fff;
font-size: 14px;
}
.bggreen {
background: #37b349;
}
.bgyelow {
background: #ffae00;
}
.bgred {
background: #ed4349;
}
.more-club {
display: none;
}
.table-scrol-x {
overflow-x: auto;
white-space: nowrap;
float: left;
width: 100%;
}
.table-bxh .bang-abc {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #e0e0e0;
width: 100%;
display: grid;
place-items: center;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.titleLeague {
float: left;
}
.title-giaidau {
font-size: 22px;
font-weight: bold;
}
.form-vbg {
float: right;
}
.sec-head-item {
float: left;
margin-left: 10px;
}
.sec-option {
width: 100%;
border-radius: 24px;
background: url(https://cdn.bongda24h.vn/images/arow.svg?v=20220816svg) no-repeat;
background-position: right 8px top 50%;
padding-right: 24px;
}
.box-bxh .form-group {
width: 100%;
float: left;
margin-bottom: 16px;
position: relative;
}
.box-bxh .form-group .fixleft {
float: left;
margin: 0;
}
.form-group .tabnav {
width: 100%;
float: left;
border-bottom: solid 1px #fff;
}
.form-group .tabnav .tablink {
background: #e5e5e5;
float: left;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
padding: 5px 8px;
border-right: solid 1px #fff;
}
.form-group .tabnav .tablink:first-child {
border-radius: 16px 0 0 0;
}
.form-group .tabnav .tablink:last-child {
border-radius: 0 16px 0 0;
}
.form-group .tabnav .tablink.active {
background: var(--fb-primary-color);
color: #fff;
}
.fixleft .linkacb {
display: none;
}
.table-bxh .ranknum {
display: inline-block;
color: #fff;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 100%;
}
.table-bxh .rank1, .table-bxh .rank2, .table-bxh .rank3, .table-bxh .rank4 {
background-color: #05b349;
}
.table-bxh .rank5 {
background-color: #ecb305;
}
.table-bxh .rank18, .table-bxh .rank19, .table-bxh .rank20 {
background-color: #f61010;
}
.color-info {
float: left;
width: 100%;
position: relative;
margin-top: 6px;
font-size: 14px;
color: #666;
}
.itemcolor {
display: inline-block;
position: relative;
margin-bottom: 6px;
margin-right: 12px;
}
.itemcolor .bgcolor {
display: inline-block;
height: 10px;
width: 10px;
border-radius: 100%;
margin-right: 5px;
}
.box-list-schedule-all {
font-size: 14px;
}
.title-schedule-league {
display: flex;
width: 100%;
background: var(--fb-primary-color);
color: #fff;
padding: 2px 0;
}
.title-schedule-league .clear {
display: none;
}
.title-schedule-league .league-name {
width: 150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.title-schedule-league .league-links {
flex: 1;
display: flex;
align-items: center;
}
.title-schedule-league .league-links div {
flex: 1;
text-align: center;
}
.title-schedule-league .league-links .euro-c {
max-width: 40px;
}
a.title-schedule-text {
color: #fff;
}
a.title-schedule-text:hover {
color: #fff;
}
.list-link-of-league {
display: flex;
align-items: center;
flex-direction: column;
}
.content-odds-item {
display: flex;
align-items: center;
width: 100%;
background: var(--fb-bg-color);
border-bottom: 1px solid #e5e5e5;
} .content-odds-item .time-info {
width: 50px;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
align-items: center;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
}
.content-list-schedule:not([class*="content-odd-live"]) .content-odds-item .time-info span {
grid-row: 1 / 3;
}
.content-odds-item .time-info br {
display: none;
}
.content-odds-item .time-info {
text-align: center;
}
.content-odds-item .club-name {
width: 100px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
border-right: 1px solid #e5e5e5;
}
.content-odds-item .club-name span {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 6px;
}
.content-odds-item .odds-content {
flex: 1;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
border-right: 1px solid #e5e5e5;
}
.content-odds-item .odds-content:last-child {
max-width: 40px;
}
.content-odds-item .odds-content p {
margin: 0;
}
.odds-content p.odds-data {
width: 100;
display: flex;
align-items: center;
}
.odds-content p.odds-data span {
flex: 1;
text-align: center;
}
.listing-match tr td[colspan="7"] {
display: none;
}
.listing-match {
font-size: 14px;
border-collapse: collapse;
}
.listing-match tr td {
border: 1px solid #e5e5e5;
background: var(--fb-bg-color);
padding: 2px;
vertical-align: top;
}
.listing-match tr td:nth-child(1) {
width: 40px;
}
.listing-match tr td:nth-child(2) {
width: 35%;
}
.listing-match tr td:nth-child(5) {
white-space: nowrap;
}
.listing-match tr td:last-child {
max-width: 40px;
}
.listing-match tr.row-header td {
background: var(--fb-primary-color);
color: #fff;
white-space: wrap;
text-align: center;
vertical-align: middle;
border: none;
}
.listing-match tr.row-header td:nth-child(2) {
text-align: left;
padding-left: 5px;
}
.listing-match tr:not(.row-header) td:nth-child(3), .listing-match tr:not(.row-header) td:nth-child(5) {
border-right: none;
}
.listing-match tr:not(.row-header) td:nth-child(4), .listing-match tr:not(.row-header) td:nth-child(6) {
border-left: none;
}
.listing-match tr:not(.row-header) td:nth-child(3), .listing-match tr:not(.row-header) td:nth-child(4), .listing-match tr:not(.row-header) td:nth-child(5), .listing-match tr:not(.row-header) td:nth-child(6) {
text-align: center;
width: 10%;
}
.listing-match .text-center {
text-align:center;
}
.f-row.matchdetail .football-match .columns-time .live em, .football-match-livescore .columns-time .live em, .f-content .f-row .football-match .columns-time .live em{
display: none;
}
.f-row.matchdetail .football-match .columns-time .live img, .football-match-livescore .columns-time .live img, .f-content .f-row .football-match .columns-time .live img{
height: 12px;
width: 12px;
display: inline-block;
position: relative;
margin: 0;
padding: 0;
}
.result-livescore {
font-size: 14px;
}
.result-livescore .title-giaidau {
font-size: 22px;
font-weight: bold;
color: var(--fb-primary-color);
margin-bottom: 0.5rem;
}
.result-livescore .frow-cup {
background: var(--fb-head-color);
padding: 5px 6px;
font-weight: bold;
width: 100%;
}
.result-livescore .frow {
background: var(--fb-bg-color);
display: flex;
align-items: center;
border-bottom: 1px solid #e5e5e5;
padding: 5px;
}
.result-livescore .frow-content div:last-child {
margin-bottom: 0.5rem;
}
.result-livescore .frow .fcol.rte a {
display: none;
}
.result-livescore .fcol.dte {
width: 50px;
}
.result-livescore .fcol.tme {
width: 80px;
text-align: center;
}
.result-livescore .fcol.hme,  .result-livescore .fcol.awy {
flex: 1;
position: relative;
}
.result-livescore .fcol.hme img, .result-livescore .fcol.awy img {
position: absolute;
width: 24px;
height: 24px;
border-radius: 50%;
}
.result-livescore .fcol.hme img {
right: 0;
}
.result-livescore .fcol.awy img {
left: 0;
}
.result-livescore .fcol.tme .fnumber {
display: inline-block;
background: var(--fb-head-color);
color: var(--fb-primary-color);
font-size: 17px;
font-weight: bold;
min-width: 62px;
height: 28px;
line-height: 28px;
border-radius: 24px;
text-align: center;
}
.result-livescore .fcol.tme .fnumber:hover {
background: var(--fb-primary-color);
color: #fff;
}
.result-livescore .fcol.hme .fname1 {
text-align: right;
width: 100%;
display: block;
padding-right: 30px;
}
.result-livescore .fcol.awy .fname2 {
text-align: left;
width: 100%;
display: block;
padding-left: 30px;
}
.iccheck {
display: inline-block;
background: #05b349;
color: #fff;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 100%;
}
.box-bxh .title-giaidau a:hover {
color: var(--fb-primary-color);
}
.name-club {
font-size: 14px;
}
.cred {
color: red !important;
}
.ul-piont {
list-style: none;
display: flex;
flex-direction: column;
}
.ul-piont li {
display: flex !important;
align-items: center;
margin-left: 0 !important;
}
.ul-piont li .tt-piont {
width: 20px;
text-align: center;
}
.ul-piont li .name-piont {
width: 100px;
padding-left: 5px;
}
.ul-piont li .count-piont {
flex: 1;
text-align: center;
}
.ul-piont li {
display: flex !important;
align-items: center;
border-bottom: 1px solid #e5e5e5;
}
.fb-widget-title {
font-weight: bold;
font-size: 22px;
margin-bottom: 1rem;
color: var(--fb-primary-color);
text-transform: uppercase;
}
.td-club a {
position: relative;
width: 100%;
display:block;
min-width: 80px;
}
.td-club a img {
position: absolute;
top: calc(50% - 10px);
width: 20px;
height: 20px;
border-radius: 50%;
display: none;
}
.td-club a.name-club1 img {
right: 0;
}
.td-club a.name-club2 img {
left: 0;
}
.td-number {
max-width: 40px;
padding: 0;
text-align: center;
}
.title-date {
text-align: center;
background: #e5e5e5;
color: var(--fb-primary-color);
}
.table-ltd-kq td {
border: none;
border-bottom: 1px solid #e5e5e5;
font-size: 100%;
}
.td-club a.name-club1 {
text-align:right;
}
.text-number {
display: inline-block;
background: #e1e1e1;
color: var(--fb-primary-color);
font-size: 13px;
font-weight: bold;
min-width: 44px;
padding: 1px 5px;
border-radius: 3px;
}
ul.ul-piont li:first-child {
background: #e5e5e5;
font-weight: bold;
color: var(--fb-primary-color);
}
.nrclub2, .nrclub1 {
display: none;
}
.columns-time {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.columns-half .dropdown {
display: none;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@container football (min-width: 315px) {
.td-club a.name-club1 {
padding-right: 22px;
}
.td-club a.name-club2 {
padding-left: 22px;
}
.td-club a img {
display: block;
}
.td-club a {
min-width: 140px;
}
.ul-piont li .name-piont {
width: 180px;
}
.ul-piont li .tt-piont {
width: 40px;
}
}
@container football (min-width: 430px) {
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club {
width: 145px;
}
.football-match-livescore .columns-club .name-club {
width: 125px;
}
.title-schedule-league .league-links .euro-c {
max-width: 100% !important;
}
.content-odds-item .odds-content:last-child {
max-width: 100% !important;
}
.listing-match tr td:nth-child(1) {
width: 12%;
text-align: center;
}
}
@container football (min-width: 530px) {
.title-schedule-league .league-name {
width: 180px;
}
.content-odds-item .club-name {
width: 130px;
}
}
@container football (min-width: 616px) {
.title-schedule-league .league-name {
width: 210px;
}
.content-odds-item .club-name {
width: 160px;
}
}
@container football (min-width: 680px) {
.f-row.matchdetail .football-match  .columns-match, .f-content .f-row .football-match  .columns-match {
width: 400px;
}
.f-row.matchdetail .football-match .columns-other, .f-content .f-row .football-match .columns-other {
display: block;
flex: 1;
}
.f-row.matchdetail .football-match .columns-time, .f-content .f-row .football-match .columns-time {
flex: 1;
font-size: 16px;
}
.football-match-livescore .columns-time {
font-size: 16px;
}
.f-row.matchdetail .football-match .columns-time .live, .football-match-livescore .columns-time .live, .f-content .f-row .football-match .columns-time .live {
padding-left: 10px;
margin-bottom: 5px;
transform: translateY(-2px);
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club {
width: 165px;
}
.m_hiden {
display: inline-block;
}
.f-row.matchdetail .football-match .columns-other, .f-content .f-row .football-match .columns-other {
display: block;
}
.columns-time .vongbang2 {
display: inline-block;
}
.football-match-livescore .columns-time .separator {
display: inline-block;
}
.football-match-livescore .columns-time .vongbang, .football-match-livescore .columns-time .vongbang2 {
display: inline-block;
}
.football-match-livescore .columns-half {
width: 100px;
text-align: right;
}
.football-match-livescore .columns-club .name-club {
width: 200px;
}
.th-data::before {
display: none;
}
.huongdan {
display: none;
}
.hi_m {
display: block;
}
.title-schedule-league .league-name {
width: 250px;
}
.content-odds-item .club-name {
width: 200px;
}
.listing-match {
font-size: 100%;
}
.listing-match tr td {
font-size: 100%;
}
.listing-match tr td:last-child {
max-width: 100%;
}
.result-livescore {
font-size: 100%;
}
.result-livescore .frow .fcol.rte {
width: 150px;
}
.result-livescore .fcol.dte {
width: 150px;
}
.table-scrol-x table.table-bxh {
font-size: 100%;
}
table.table-bxh td {
font-size: 100%;
}
.bxhclb-icon {
top: 5px;
}
.name-club {
font-size: 100%;
}
}
@container football (min-width: 768px) {
.f-row.matchdetail .football-match  .columns-match, .f-content .f-row .football-match  .columns-match {
width: 480px;
}
.f-row.matchdetail .football-match  .columns-match .row-teams .columns-club .name-club, .f-content .f-row .football-match  .columns-match .row-teams .columns-club .name-club {
width: 195px;
}
.table-livescore .football-match-livescore .columns-half {
width: 120px;
}
.table-livescore .football-match-livescore .columns-time {
width: 120px !important;
}
}
.computer-predict {
width: 100%;
color: var(--com-color);
}
.cp-header {
display: flex;
align-items: center;
background: var(--fb-primary-color);
padding: 5px;
font-weight: 600;
color: #fff;
}
.cph-right {
display: none;
}
.cph-left {
display: flex;
width: 100%;
}
.cpb-item.rodd {
background: var(--com-rodd);
}
.cph-hour,
.cph-odd,
.cpbi-time,
.cpbi-odd {
width: 75px;
padding: 2px;
}
.cph-match,
.cpbi-match {
flex: 1;
padding: 2px;
}
.cpb-lheader {
display: flex;
align-items: center;
padding: 3px;
background: var(--com-league-color);
}
.cpb-lheader img {
width: 25px;
height: 25px;
border-radius: 50%;
margin: 0;
margin-right: 8px;
object-fit: cover;
}
.cpb-item img {
width: 20px;
height: 20px;
border-radius: 50%;
margin: 0;
margin-right: 8px;
object-fit: cover;
}
.cpb-lt {
font-weight: 600;
}
.cpb-item {
display: flex;
flex-direction: column;
padding: 5px;
font-size: 15px;
}
.cpb-item-left {
display: flex;
align-items: center;
}
.cpbi-team {
display: flex;
align-items: center;
}
.cpbi-team+.cpbi-team {
margin-top: 8px;
}
.cpb-item-right {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.cpbi-pre,
.cpbi-chose,
.cpbi-ou {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.cbpi-val {
text-align: center;
}
.cbpi-explain {
margin-bottom: 5px;
color: #fcb900;
border-bottom: 1px solid #fcb900;
}
.cpb-item-right {
margin-top: 10px;
}
.reven {
background: var(--com-reven);
}
.cph-pre,
.cph-chose,
.cph-ou {
text-align: center;
}
@media screen and (min-width: 768px) {
.cpb-item {
flex-direction: row;
}
.cph-left,
.cpb-item-left {
width: 400px;
}
.cph-right {
display: grid;
flex: 1;
grid-template-columns: 1fr 1fr 1fr;
}
.cpb-item-right {
flex: 1;
}
.cbpi-explain {
display: none;
}
.cpb-item-right {
margin-top: 0;
}
}
@media screen and (min-width: 992px) {
.cph-left,
.cpb-item-left {
width: 500px;
}
}
.block-football {
width: 100%;
float: left;
margin-bottom: 24px;
}
.fix-left {
float: left;
}
.f-ab {
display: inline-block;
text-align: center;
padding: 6px 10px;
font-weight: 500;
font-size: 16px;
cursor: pointer;
background: #f1f1f1;
border: solid 1px #e0e0e0;
color: #333;
text-decoration: none;
}
.bg-ligh {
background: #f0f0f0;
}
.normal {
font-weight: normal;
}
.color-dark {
color: #666;
}
@media only screen and (max-width: 800px) {
.hide-m {
display: none;
}
.hide-pc {
display: inline-block;
}
}
.macao-predict {
font-size: 15px;
color: #222;
}
.pd-date {
width: 100%; padding: 5px;
background: var(--fb-primary-color);
font-size: 16px;
font-weight: 600;
color: #fff;
}
.mcpd-item {
width: 100%;
display: flex;
flex-direction: column;
padding: 5px;
}
.mcpd-item:nth-child(odd) {
background: var(--mc-rodd);
}
.mcpd-item:nth-child(even) {
background: var(--mc-reven);
}
.mcpd-item-info {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 8px;
}
.mcpd-league {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.mcpd-vs {
width: 50px;
margin: 0 15px;
text-align: center;
}
.mcpd-left,
.mcpd-right {
flex: 1;
display: flex;
align-items: center;
}
.mcpd-left {
justify-content: flex-end;
}
.mcpd-left .mcpd-team-form {
text-align: right;
}
.mcpd-flag {
width: 25px;
height: 25px;
}
.mcpd-flag img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.mcpd-left .mcpd-flag {
margin-left: 10px;
}
.mcpd-right .mcpd-flag {
margin-right: 10px;
}
.mcpd-left .mcpd-team-name {
text-align: right;
}
.mcpd-item-predict {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center; }
.mcpd-detail {
color: var(--fb-primary-color);
border-bottom: 1px solid var(--fb-primary-color);
text-decoration: none;
}
.mcpd-detail:hover {
color: var(--fb-primary-color);
}
.mcpd-lname {
font-weight: 600;
color: #dc3600;
}
.mcpd-vs {
font-weight: 600;
font-size: 18px;
color: #bf1616;
}
.form-W {
color: #2aab01;
font-weight: 600;
}
.form-L {
color: #dc3600;
font-weight: 600;
}
.form-D {
color: orange;
font-weight: 600;
}
@media screen and (min-width: 552px) {
.mcpd-league {
width: 150px;
justify-content: flex-start;
align-items: flex-start;
}
.mcpd-item-predict {
flex-direction: row;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.box-list-schedule-all {
font-size: 100%;
}
}
.flag {
display: inline-block;
width: 16px;
height: 11px;
background: url(https://bongdanet.co/assets/f5f04b82/images/flags.png) no-repeat;
vertical-align: baseline;
}
.flag-default {
background: url(https://bongdanet.co/assets/f5f04b82/icon-default.svg) no-repeat right;
background-size: contain;
}
.flag.flag-ad {
background-position: -16px 0
}
.flag.flag-ae {
background-position: -32px 0
}
.flag.flag-af {
background-position: -48px 0
}
.flag.flag-ag {
background-position: -64px 0
}
.flag.flag-ai {
background-position: -80px 0
}
.flag.flag-al {
background-position: -96px 0
}
.flag.flag-am {
background-position: -112px 0
}
.flag.flag-an {
background-position: -128px 0
}
.flag.flag-ao {
background-position: -144px 0
}
.flag.flag-ar {
background-position: -160px 0
}
.flag.flag-as {
background-position: -176px 0
}
.flag.flag-at {
background-position: -192px 0
}
.flag.flag-au {
background-position: -208px 0
}
.flag.flag-aw {
background-position: -224px 0
}
.flag.flag-az {
background-position: -240px 0
}
.flag.flag-ba {
background-position: 0 -11px
}
.flag.flag-bb {
background-position: -16px -11px
}
.flag.flag-bd {
background-position: -32px -11px
}
.flag.flag-be {
background-position: -48px -11px
}
.flag.flag-bf {
background-position: -64px -11px
}
.flag.flag-bg {
background-position: -80px -11px
}
.flag.flag-bh {
background-position: -96px -11px
}
.flag.flag-bi {
background-position: -112px -11px
}
.flag.flag-bj {
background-position: -128px -11px
}
.flag.flag-bm {
background-position: -144px -11px
}
.flag.flag-bn {
background-position: -160px -11px
}
.flag.flag-bo {
background-position: -176px -11px
}
.flag.flag-br {
background-position: -192px -11px
}
.flag.flag-bs {
background-position: -208px -11px
}
.flag.flag-bt {
background-position: -224px -11px
}
.flag.flag-bv {
background-position: -240px -11px
}
.flag.flag-bw {
background-position: 0 -22px
}
.flag.flag-by {
background-position: -16px -22px
}
.flag.flag-bz {
background-position: -32px -22px
}
.flag.flag-ca {
background-position: -48px -22px
}
.flag.flag-catalonia {
background-position: -64px -22px
}
.flag.flag-cd {
background-position: -80px -22px
}
.flag.flag-cf {
background-position: -96px -22px
}
.flag.flag-cg {
background-position: -112px -22px
}
.flag.flag-ch {
background-position: -128px -22px
}
.flag.flag-ci {
background-position: -144px -22px
}
.flag.flag-ck {
background-position: -160px -22px
}
.flag.flag-cl {
background-position: -176px -22px
}
.flag.flag-cm {
background-position: -192px -22px
}
.flag.flag-cn {
background-position: -208px -22px
}
.flag.flag-co {
background-position: -224px -22px
}
.flag.flag-cr {
background-position: -240px -22px
}
.flag.flag-cu {
background-position: 0 -33px
}
.flag.flag-cv {
background-position: -16px -33px
}
.flag.flag-cw {
background-position: -32px -33px
}
.flag.flag-cy {
background-position: -48px -33px
}
.flag.flag-cz {
background-position: -64px -33px
}
.flag.flag-de {
background-position: -80px -33px
}
.flag.flag-dj {
background-position: -96px -33px
}
.flag.flag-dk {
background-position: -112px -33px
}
.flag.flag-dm {
background-position: -128px -33px
}
.flag.flag-do {
background-position: -144px -33px
}
.flag.flag-dz {
background-position: -160px -33px
}
.flag.flag-ec {
background-position: -176px -33px
}
.flag.flag-ee {
background-position: -192px -33px
}
.flag.flag-eg {
background-position: -208px -33px
}
.flag.flag-eh {
background-position: -224px -33px
}
.flag.flag-england {
background-position: -240px -33px
}
.flag.flag-er {
background-position: 0 -44px
}
.flag.flag-es {
background-position: -16px -44px
}
.flag.flag-et {
background-position: -32px -44px
}
.flag.flag-eu {
background-position: -48px -44px
}
.flag.flag-fi {
background-position: -64px -44px
}
.flag.flag-fj {
background-position: -80px -44px
}
.flag.flag-fk {
background-position: -96px -44px
}
.flag.flag-fm {
background-position: -112px -44px
}
.flag.flag-fo {
background-position: -128px -44px
}
.flag.flag-fr {
background-position: -144px -44px
}
.flag.flag-ga {
background-position: -160px -44px
}
.flag.flag-gb {
background-position: -176px -44px
}
.flag.flag-gd {
background-position: -192px -44px
}
.flag.flag-ge {
background-position: -208px -44px
}
.flag.flag-gf {
background-position: -224px -44px
}
.flag.flag-gg {
background-position: -240px -44px
}
.flag.flag-gh {
background-position: 0 -55px
}
.flag.flag-gi {
background-position: -16px -55px
}
.flag.flag-gl {
background-position: -32px -55px
}
.flag.flag-gm {
background-position: -48px -55px
}
.flag.flag-gn {
background-position: -64px -55px
}
.flag.flag-gp {
background-position: -80px -55px
}
.flag.flag-gq {
background-position: -96px -55px
}
.flag.flag-gr {
background-position: -112px -55px
}
.flag.flag-gs {
background-position: -128px -55px
}
.flag.flag-gt {
background-position: -144px -55px
}
.flag.flag-gu {
background-position: -160px -55px
}
.flag.flag-gw {
background-position: -176px -55px
}
.flag.flag-gy {
background-position: -192px -55px
}
.flag.flag-hk {
background-position: -208px -55px
}
.flag.flag-hm {
background-position: -224px -55px
}
.flag.flag-hn {
background-position: -240px -55px
}
.flag.flag-hr {
background-position: 0 -66px
}
.flag.flag-ht {
background-position: -16px -66px
}
.flag.flag-hu {
background-position: -32px -66px
}
.flag.flag-ic {
background-position: -48px -66px
}
.flag.flag-id {
background-position: -64px -66px
}
.flag.flag-ie {
background-position: -80px -66px
}
.flag.flag-il {
background-position: -96px -66px
}
.flag.flag-im {
background-position: -112px -66px
}
.flag.flag-in {
background-position: -128px -66px
}
.flag.flag-io {
background-position: -144px -66px
}
.flag.flag-iq {
background-position: -160px -66px
}
.flag.flag-ir {
background-position: -176px -66px
}
.flag.flag-is {
background-position: -192px -66px
}
.flag.flag-it {
background-position: -208px -66px
}
.flag.flag-je {
background-position: -224px -66px
}
.flag.flag-jm {
background-position: -240px -66px
}
.flag.flag-jo {
background-position: 0 -77px
}
.flag.flag-jp {
background-position: -16px -77px
}
.flag.flag-ke {
background-position: -32px -77px
}
.flag.flag-kg {
background-position: -48px -77px
}
.flag.flag-kh {
background-position: -64px -77px
}
.flag.flag-ki {
background-position: -80px -77px
}
.flag.flag-km {
background-position: -96px -77px
}
.flag.flag-kn {
background-position: -112px -77px
}
.flag.flag-kp {
background-position: -128px -77px
}
.flag.flag-kr {
background-position: -144px -77px
}
.flag.flag-kurdistan {
background-position: -160px -77px
}
.flag.flag-kw {
background-position: -176px -77px
}
.flag.flag-ky {
background-position: -192px -77px
}
.flag.flag-kz {
background-position: -208px -77px
}
.flag.flag-la {
background-position: -224px -77px
}
.flag.flag-lb {
background-position: -240px -77px
}
.flag.flag-lc {
background-position: 0 -88px
}
.flag.flag-li {
background-position: -16px -88px
}
.flag.flag-lk {
background-position: -32px -88px
}
.flag.flag-lr {
background-position: -48px -88px
}
.flag.flag-ls {
background-position: -64px -88px
}
.flag.flag-lt {
background-position: -80px -88px
}
.flag.flag-lu {
background-position: -96px -88px
}
.flag.flag-lv {
background-position: -112px -88px
}
.flag.flag-ly {
background-position: -128px -88px
}
.flag.flag-ma {
background-position: -144px -88px
}
.flag.flag-mc {
background-position: -160px -88px
}
.flag.flag-md {
background-position: -176px -88px
}
.flag.flag-me {
background-position: -192px -88px
}
.flag.flag-mg {
background-position: -208px -88px
}
.flag.flag-mh {
background-position: -224px -88px
}
.flag.flag-mk {
background-position: -240px -88px
}
.flag.flag-ml {
background-position: 0 -99px
}
.flag.flag-mm {
background-position: -16px -99px
}
.flag.flag-mn {
background-position: -32px -99px
}
.flag.flag-mo {
background-position: -48px -99px
}
.flag.flag-mp {
background-position: -64px -99px
}
.flag.flag-mq {
background-position: -80px -99px
}
.flag.flag-mr {
background-position: -96px -99px
}
.flag.flag-ms {
background-position: -112px -99px
}
.flag.flag-mt {
background-position: -128px -99px
}
.flag.flag-mu {
background-position: -144px -99px
}
.flag.flag-mv {
background-position: -160px -99px
}
.flag.flag-mw {
background-position: -176px -99px
}
.flag.flag-mx {
background-position: -192px -99px
}
.flag.flag-my {
background-position: -208px -99px
}
.flag.flag-mz {
background-position: -224px -99px
}
.flag.flag-na {
background-position: -240px -99px
}
.flag.flag-nc {
background-position: 0 -110px
}
.flag.flag-ne {
background-position: -16px -110px
}
.flag.flag-nf {
background-position: -32px -110px
}
.flag.flag-ng {
background-position: -48px -110px
}
.flag.flag-ni {
background-position: -64px -110px
}
.flag.flag-nl {
background-position: -80px -110px
}
.flag.flag-no {
background-position: -96px -110px
}
.flag.flag-np {
background-position: -112px -110px
}
.flag.flag-nr {
background-position: -128px -110px
}
.flag.flag-nu {
background-position: -144px -110px
}
.flag.flag-nz {
background-position: -160px -110px
}
.flag.flag-om {
background-position: -176px -110px
}
.flag.flag-pa {
background-position: -192px -110px
}
.flag.flag-pe {
background-position: -208px -110px
}
.flag.flag-pf {
background-position: -224px -110px
}
.flag.flag-pg {
background-position: -240px -110px
}
.flag.flag-ph {
background-position: 0 -121px
}
.flag.flag-pk {
background-position: -16px -121px
}
.flag.flag-pl {
background-position: -32px -121px
}
.flag.flag-pm {
background-position: -48px -121px
}
.flag.flag-pn {
background-position: -64px -121px
}
.flag.flag-pr {
background-position: -80px -121px
}
.flag.flag-ps {
background-position: -96px -121px
}
.flag.flag-pt {
background-position: -112px -121px
}
.flag.flag-pw {
background-position: -128px -121px
}
.flag.flag-py {
background-position: -144px -121px
}
.flag.flag-qa {
background-position: -160px -121px
}
.flag.flag-re {
background-position: -176px -121px
}
.flag.flag-ro {
background-position: -192px -121px
}
.flag.flag-rs {
background-position: -208px -121px
}
.flag.flag-ru {
background-position: -224px -121px
}
.flag.flag-rw {
background-position: -240px -121px
}
.flag.flag-sa {
background-position: 0 -132px
}
.flag.flag-sb {
background-position: -16px -132px
}
.flag.flag-sc {
background-position: -32px -132px
}
.flag.flag-scotland {
background-position: -48px -132px
}
.flag.flag-sd {
background-position: -64px -132px
}
.flag.flag-se {
background-position: -80px -132px
}
.flag.flag-sg {
background-position: -96px -132px
}
.flag.flag-sh {
background-position: -112px -132px
}
.flag.flag-si {
background-position: -128px -132px
}
.flag.flag-sk {
background-position: -144px -132px
}
.flag.flag-sl {
background-position: -160px -132px
}
.flag.flag-sm {
background-position: -176px -132px
}
.flag.flag-sn {
background-position: -192px -132px
}
.flag.flag-so {
background-position: -208px -132px
}
.flag.flag-somaliland {
background-position: -224px -132px
}
.flag.flag-sr {
background-position: -240px -132px
}
.flag.flag-ss {
background-position: 0 -143px
}
.flag.flag-st {
background-position: -16px -143px
}
.flag.flag-sv {
background-position: -32px -143px
}
.flag.flag-sx {
background-position: -48px -143px
}
.flag.flag-sy {
background-position: -64px -143px
}
.flag.flag-sz {
background-position: -80px -143px
}
.flag.flag-tc {
background-position: -96px -143px
}
.flag.flag-td {
background-position: -112px -143px
}
.flag.flag-tf {
background-position: -128px -143px
}
.flag.flag-tg {
background-position: -144px -143px
}
.flag.flag-th {
background-position: -160px -143px
}
.flag.flag-tibet {
background-position: -176px -143px
}
.flag.flag-tj {
background-position: -192px -143px
}
.flag.flag-tk {
background-position: -208px -143px
}
.flag.flag-tl {
background-position: -224px -143px
}
.flag.flag-tm {
background-position: -240px -143px
}
.flag.flag-tn {
background-position: 0 -154px
}
.flag.flag-to {
background-position: -16px -154px
}
.flag.flag-tr {
background-position: -32px -154px
}
.flag.flag-tt {
background-position: -48px -154px
}
.flag.flag-tv {
background-position: -64px -154px
}
.flag.flag-tw {
background-position: -80px -154px
}
.flag.flag-tz {
background-position: -96px -154px
}
.flag.flag-ua {
background-position: -112px -154px
}
.flag.flag-ug {
background-position: -128px -154px
}
.flag.flag-um {
background-position: -144px -154px
}
.flag.flag-us {
background-position: -160px -154px
}
.flag.flag-uy {
background-position: -176px -154px
}
.flag.flag-uz {
background-position: -192px -154px
}
.flag.flag-va {
background-position: -208px -154px
}
.flag.flag-vc {
background-position: -224px -154px
}
.flag.flag-ve {
background-position: -240px -154px
}
.flag.flag-vg {
background-position: 0 -165px
}
.flag.flag-vi {
background-position: -16px -165px
}
.flag.flag-vn {
background-position: -32px -165px
}
.flag.flag-vu {
background-position: -48px -165px
}
.flag.flag-wales {
background-position: -64px -165px
}
.flag.flag-wf {
background-position: -80px -165px
}
.flag.flag-ws {
background-position: -96px -165px
}
.flag.flag-xk {
background-position: -112px -165px
}
.flag.flag-ye {
background-position: -128px -165px
}
.flag.flag-yt {
background-position: -144px -165px
}
.flag.flag-za {
background-position: -160px -165px
}
.flag.flag-zanzibar {
background-position: -176px -165px
}
.flag.flag-zm {
background-position: -192px -165px
}
.flag.flag-zw {
background-position: -208px -165px
}
.flag.flag-european {
background-position: -224px -165px
}
.flag.flag-south-amer {
background-position: -240px -176px
}
.flag.flag-world {
background-position: -240px -165px
}
.flag.flag-northern-i {
background-position: -223px -176px
}
.reset-tbl {
margin-bottom: 1rem;
}
.reset-tbl table,
.reset-tbl thead,
.reset-tbl tbody,
.reset-tbl tfoot,
.reset-tbl tr,
.reset-tbl th,
.reset-tbl td {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
border-collapse: inherit;
border-spacing: 0;
border-color: inherit;
vertical-align: inherit;
text-align: left;
font-weight: inherit;
-webkit-border-horizontal-spacing: 0;
-webkit-border-vertical-spacing: 0;
}
.predict-odd-tbl {
border-collapse: collapse !important;
width: 100% !important;
background: #fff;
}
.predict-odd-tbl th {
background: var(--fb-primary-color);
color: #fff;
}
.predict-odd-tbl th, .predict-odd-tbl td {
border: 1px solid #B3B3B3;
vertical-align: middle;
padding: 3px;
text-align: center;
}
.bg-odds-live {
background: #ECF9EE;
}
.bg-odds-live-lastest {
background: #FAFCCD;
}
.bg-gray {
background: #F9F9F9;
}
.border-none {
border-left: none !important;
border-right: none !important;
}
.border-right {
border-left: none !important;
border-right: 1px solid #B3B3B3;
}
.select-bookie, .choose-odd, .choose-h2h, .choose-asia-stat-odd {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1rem;
gap: 10px;
}
.compare-odd-euro, .compare-odd-ou, .h2h-odd, .home-odd, .away-odd, .asia-stat-odd-ou {
display: none;
}
.predict-odd-wrp {
container: predictodd / inline-size;
}
.tbl-odd {
display: grid;
grid-template-columns: 1fr 1fr;
}
.tbl-odd-euro {
display: grid;
grid-template-columns: 1fr;
}
.border-r-none {
border-right: none !important;
}
.border-l-none {
border-left: none !important;
}
.tbl-item-status {
width: 25px;
height: 25px;
color: #fff;
font-weight: 700;
border-radius: 4px;
line-height: 25px;
margin: 0 auto;
}
.tbl-color-H {
background: #0B71F9;
}
.tbl-color-T {
background: #30AF4A;
}
.tbl-color-B, .tbl-color-X {
background: #EF5350;
}
.tbl-item-team {
text-align: left;
padding-left: 4px;
}
.home-1, .home-2, .home-3, .home-4, .home-5, .home-6, .home-7, .home-8, .home-9, .home-10, .away-1, .away-2, .away-3, .away-4, .away-5, .away-6, .away-7, .away-8, .away-9, .away-10 {
color: #EB5757;
}
.home0, .away0, .home1, .home2, .home3, .home4, .home5, .home6, .home7, .home8, .home9, .home10, .away1, .away2, .away3, .away4, .away5, .away6, .away7, .away8, .away9, .away10 {
color: #30AF4A;
}
.h2h-odd {
display: none;
}
.tbl-item-team div {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 80px;
}
.choose-odd-item label, .select-bookie-item label {
cursor: pointer;
}
.predict-comment {
margin-top: 1rem;
}
.six-rc {
display: flex;
align-items: center;
justify-content: space-around;
}
div[class^="asia-color-"] {
width: 20px;
height: 20px;
color: #fff;
line-height: 20px;
border-radius: 3px;
}
.asia-color-T {
background: #30AF4A;
}
.asia-color-B {
background: #EF5350;
}
.asia-color-X {
background: #EF5350;
}
.asia-color-H {
background: #0B71F9;
}
#asia-tab-1 {
display: none;
}
.asia-tab-select {
display: flex;
align-items: center;
gap: 0.8rem;
margin-bottom: 1rem;
}
.asia-tab-select img {
width: 30px;
}
.asia-tab-select-item {
cursor: pointer;
padding: 5px;
background: #B3B3B3;
color: #fff;
border-radius: 3px;
}
.asia-tab-select-item.active {
background: var(--fb-primary-color);;
}
.total-h1h2-goal-head {
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
background: var(--fb-primary-color);
color: #fff;
gap: 10px
}
.total-h1h2-goal-head img {
width: 25px;
}
.total-h1h2-goal-wrp {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.total-h1h2-goal-item {
width: 100%;
}
.tbl-head {
font-weight: 700 !important;
background: #626262;
color: #fff;
}
.injury-wrp {
display: flex;
}
.predict-injury {
display: flex;
gap: 5px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.tbl-margin + .tbl-margin {
margin-top: 0.5rem;
}
.htft-head {
background: #F2F2F2;
font-weight: 700 !important;
}
.predict-lineup-list {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
.predict-lineup-list .predict-injury {
justify-content: flex-start;
}
.tbl-head-lineup-0 {
background: #30af4a29;
color: #333333;
font-weight: bold !important;
text-align: left !important;
}
.tbl-head-lineup-1 {
background: #F2F2F2;
color: #333333;
font-weight: bold !important;
text-align: left !important;
}
.predict-rc-item {
display: grid;
grid-template-columns: 2fr 10fr 2fr;
gap: 5px;
}
.predict-rc-left, .predict-rc-right {
width: 40%;
background: #F2F2F2;
}
.predict-rc-mid {
width: 25%;
}
.prc-stat {
display: flex;
align-items: center;
justify-content: center;
}
.predict-rc-left {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
display: flex;
justify-content: flex-end;
}
.predict-rc-left .prc-percent {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.predict-rc-right {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.predict-rc-right .prc-percent {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.rc-wrp {
display: flex;
gap: 5px;
flex-direction: column;
}
.predict-rc-head {
background: #F2F2F2;
color: #333333;
font-weight: bold !important;
}
table.predict-odd-tbl.predict-stat td{
padding: 0;
}
.predict-rc-item {
padding: 5px;;
}
.total-stat-head {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 5px;
background: var(--fb-primary-color);
color: #fff;
gap: 10px
}
.total-stat-head img {
width: 25px;
}
.total-stat-head .left {
display: flex;
justify-content: flex-end;
gap: 5px;
}
.total-stat-head .right {
display: flex;
gap: 5px;
}
@container predictodd (width >= 557px) {
.compare-odd-euro, .compare-odd-ou, .compare-odd-hdp, .h2h-odd, .home-odd, .away-odd, .asia-stat-odd-ou {
display: table-cell !important;
}
.choose-odd, .choose-h2h, .choose-asia-stat-odd {
display: none;
}
.tbl-item-team {
padding-left: 10;
}
.tbl-item-team div {
width: 100% !important;
}
.total-h1h2-goal-wrp {
flex-direction: row;
}
}
@container predictodd (width >= 750px) {
.rc-wrp {
flex-direction: row;
}
}
.hg-readmore {
position: relative;
}
.hg-readmore-bg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 200px;
background: linear-gradient(360deg, #fff, transparent);
}
.hg-readmore-wrap {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 10px;
}
.wrap-less {
width: 100%;
display: none;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 2rem;
}
.hg-readmore-sep {
flex: 1;
height: 1px;
background: linear-gradient(90deg, #fff 50%, var(--primary-color));
}
.hg-readmore-sep.right {
background: linear-gradient(270deg, #fff 50%, var(--primary-color));
}
.hg-readmore-btn {
padding: 5px 8px;
background-color: var(--primary-color);
color: #fff;
font-weight: 500;
border-radius: 2px;
cursor: pointer;
}
.hg-readless-btn {
padding: 5px 8px;
background-color: var(--primary-color);
color: #fff;
font-weight: 500;
border-radius: 2px;
cursor: pointer;
width: 100px;
margin: 0 auto;
text-align: center;
}
.btl-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 1.5rem;
}
.btl-wrap a {
display: block;
padding: 5px 10px;
color: #fff;
border-radius: 4px;
background: var(--fb-primary-color);
}