/**
 * Livescore mobile matchList — bongdanet.online/themes/mobile/css/custom.css
 */

@media (max-width: 768px) {
	#live-score-table .bdn-ls-desktop-source {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		clip-path: inset(50%) !important;
		border: 0 !important;
		white-space: nowrap !important;
	}

	#live-score-table .bdn-ls-desktop-source .table_live,
	#live-score-table .bdn-ls-desktop-source .bdwr-filter-league {
		display: none !important;
	}

	#live-score-table .exbar.bdn-ls-exbar {
		position: relative;
		z-index: 2;
		padding: 8px;
		background: rgb(236, 250, 244);
		border: 1px solid rgb(236, 250, 244);
		display: block;
	}

	#bdn-match-list-mobile {
		display: block !important;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	#bdn-match-list-mobile:not(.bdn-ls-has-items) {
		display: none !important;
	}

	#bdn-match-list-mobile.matchList.wr-item-live-content {
		overflow: hidden;
	}

	#live-score-table .exbar.bdn-ls-exbar .bdn-ls-head-row {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		height: 28px;
		min-height: 28px;
		max-height: 28px;
		padding: 0 4px;
		background: #0B6E3E;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		line-height: 28px;
		margin: 0 0 4px;
		border-radius: 4px;
		overflow: hidden;
	}

	#live-score-table .exbar.bdn-ls-exbar .bdn-ls-h-league {
		width: 25px;
		flex-shrink: 0;
	}

	#live-score-table .exbar.bdn-ls-exbar .bdn-ls-h-match {
		flex: 1;
		min-width: 0;
		padding: 0 8px;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#live-score-table .exbar.bdn-ls-exbar .bdn-ls-h-score {
		min-width: 38px;
		width: 38px;
		text-align: center;
		flex-shrink: 0;
		white-space: nowrap;
		line-height: 28px;
	}

	#live-score-table .exbar.bdn-ls-exbar .bdn-ls-h-odds {
		width: 110px;
		text-align: center;
		flex-shrink: 0;
	}

	#bdn-match-list-mobile.matchList span,
	#bdn-match-list-mobile.matchList a {
		font-size: 12px;
	}

	#bdn-match-list-mobile.matchList div {
		box-sizing: border-box;
	}

	#bdn-match-list-mobile.matchList .item {
		width: 100%;
		border-bottom: solid 1px #e0e0e0;
		background: #fff;
		overflow: hidden;
		padding-top: 5px;
		position: relative;
	}

	#bdn-match-list-mobile.matchList .item:nth-child(even) {
		background: #fff;
	}

	#bdn-match-list-mobile.matchList .item:nth-child(odd) {
		background: #f1f5f7;
	}

	#bdn-match-list-mobile.matchList .item .score,
	#bdn-match-list-mobile.matchList .item .timeScore {
		width: 25px;
		float: left;
	}

	#bdn-match-list-mobile.matchList .item .score {
		text-align: center;
	}

	#bdn-match-list-mobile.matchList .item .score .homeS,
	#bdn-match-list-mobile.matchList .item .score .guestS {
		display: block;
		font-size: 13px;
		font-weight: 700;
		line-height: 18px;
		color: #000;
	}

	#bdn-match-list-mobile.matchList .item .score .home-vs-guest {
		display: block;
		color: orange;
		font-weight: 700;
		font-size: 12px;
		line-height: 22.5px;
		text-align: center;
	}

	#bdn-match-list-mobile.matchList .item .score .homeS:empty,
	#bdn-match-list-mobile.matchList .item .score .guestS:empty {
		display: none;
	}

	#bdn-match-list-mobile.matchList .item .team {
		float: left;
		width: calc(100% - 160px);
		width: -webkit-calc(100% - 160px);
	}

	#bdn-match-list-mobile.matchList .item .odds {
		width: 110px;
		float: left;
		display: block;
	}

	#bdn-match-list-mobile.matchList .item .team .name {
		display: flex;
		font-size: 12px;
		line-height: 22.5px;
		text-align: left;
		height: auto;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		align-items: center;
	}

	#bdn-match-list-mobile.matchList .item .team .name strong {
		font-weight: 700;
	}

	#bdn-match-list-mobile.matchList .item .team .status {
		position: relative;
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		background: none;
	}

	#bdn-match-list-mobile.matchList .item .team .time {
		color: #333;
	}

	#bdn-match-list-mobile.matchList .item .team .status .time {
		width: auto;
		padding: 0 0 0 5px;
		text-align: left;
		font-size: 12px;
		color: #1b60b9 !important;
	}

	#bdn-match-list-mobile.matchList .item .team .gameName.leaRow {
		color: #c9a200;
		font-weight: 700;
		font-size: 11px;
		line-height: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	#bdn-match-list-mobile.matchList .item .team .status .text-nhan-dinh {
		background: #f5f1ff;
		border-radius: 4px;
		padding: 0 4px;
		color: #8652ff;
		font-size: 9px !important;
		display: inline-block;
		height: 14px;
		line-height: 14px;
		margin-left: 4px;
		white-space: nowrap;
	}

	#bdn-match-list-mobile.matchList .item:nth-child(odd) .team .status .text-nhan-dinh {
		background: #fff;
	}

	#bdn-match-list-mobile.matchList .item .team .team-rank {
		color: #eb5757;
		font-size: 10px;
		margin-right: 4px;
		white-space: nowrap;
	}

	#bdn-match-list-mobile.matchList .item .team .name img {
		margin-right: 5px;
		overflow: hidden;
		width: 16px;
		height: 16px;
		flex-shrink: 0;
	}

	#bdn-match-list-mobile.matchList .item i {
		font-style: normal;
		display: block;
		text-align: center;
	}

	#bdn-match-list-mobile.matchList strong {
		font-size: 12px;
	}

	#bdn-match-list-mobile.matchList .item .team .homeTeam,
	#bdn-match-list-mobile.matchList .item .team .guestTeam {
		padding-left: 10px;
		min-height: 22.5px;
		line-height: 22.5px;
		display: flex;
		align-items: center;
	}

	#bdn-match-list-mobile.matchList .item .team .homeTeam > i,
	#bdn-match-list-mobile.matchList .item .team .guestTeam > i {
		float: left;
		vertical-align: middle;
		height: 22px;
		font-style: normal;
		display: inline;
	}

	#bdn-match-list-mobile.matchList .item .team i.redCard,
	#bdn-match-list-mobile.matchList .item .team i.yellowCard {
		padding: 0;
		display: inline-block;
		height: auto;
		line-height: normal;
	}

	#bdn-match-list-mobile.matchList .item .odds i {
		display: flex;
		text-align: left;
		justify-content: flex-end;
		align-items: center;
		height: 20px;
		font-style: normal;
	}

	#bdn-match-list-mobile.matchList .item .odds span {
		flex: 1;
		font-size: 11px;
		height: 22.5px;
		line-height: 22.5px;
		text-align: center;
	}

	#bdn-match-list-mobile.matchList .hOdds {
		overflow: hidden;
		width: 100%;
		float: left;
		display: flex;
	}

	#bdn-match-list-mobile.matchList .item .odds i .corner {
		margin-right: auto;
	}

	#bdn-match-list-mobile.matchList .item .odds i .corner i,
	#bdn-match-list-mobile.matchList .corner i {
		background: url(../img/flag_corner.png) no-repeat;
		display: inline-block;
		width: 14px;
		height: 14px;
		background-size: cover;
	}

	#bdn-match-list-mobile.matchList .item .timeScore > div {
		width: 100%;
		text-align: left;
		font-size: 0;
		line-height: 0;
	}

	#bdn-match-list-mobile.matchList .item .timeScore i {
		color: #b4b4b4;
		text-align: center;
		height: 20px;
		line-height: 20px;
		font-size: 11px;
		font-style: normal;
		display: block;
	}

	#bdn-match-list-mobile.matchList .item .timeScore > div > span {
		font-size: 11px;
		width: 100%;
		display: inline-block;
		line-height: 22.5px;
		height: 22.5px;
		text-align: center;
	}

	#bdn-match-list-mobile.matchList .item .odds .hOdds span:nth-child(2) {
		color: #0972bf;
	}

	#bdn-match-list-mobile.matchList .yellowCard > * {
		text-align: center;
		font-style: normal;
		background: #f9c203;
		border-radius: 2px;
		color: #fff;
		margin: 0 1px;
		display: inline-block;
		padding: 0 2px;
		min-width: 14px;
		height: 18px;
		line-height: 18px;
		font-weight: normal;
	}

	#bdn-match-list-mobile.matchList .redCard > * {
		text-align: center;
		font-style: normal;
		background: #e9481e;
		border-radius: 2px;
		color: #fff;
		margin: 0 1px;
		display: inline-block;
		padding: 0 2px;
		min-width: 14px;
		height: 18px;
		line-height: 18px;
		font-weight: normal;
	}

	#bdn-match-list-mobile.matchList .item .team .homeTeam > i i,
	#bdn-match-list-mobile.matchList .item .team .guestTeam > i i {
		float: left;
		padding: 0;
		margin-top: 2px;
		min-width: 10px;
		height: 16px;
		line-height: 16px;
		font-size: 12px;
	}

	#bdn-match-list-mobile.matchList .wr-lineup,
	#bdn-match-list-mobile.matchList .wr-icon-star {
		margin-right: auto;
	}

	#bdn-match-list-mobile.matchList .icon_new {
		display: inline-block;
		width: 22px;
		height: 22px;
		cursor: pointer;
	}

	#bdn-match-list-mobile.matchList .icon_new.icon-star {
		background: url(../img/icons/star.svg) no-repeat;
		background-size: cover;
	}

	#bdn-match-list-mobile.matchList .icon-viewmore {
		display: inline-block;
		clear: both;
		width: 28px;
		height: 18px;
		margin: 0 auto -5px;
		background: url(../img/view_more.svg) no-repeat center;
		background-size: cover;
		cursor: pointer;
	}

	#bdn-match-list-mobile.matchList .item:nth-child(odd) .icon-viewmore {
		background-image: url(../img/view_more_up-w.svg);
		transform: rotate(180deg);
	}

	#bdn-match-list-mobile.matchList .item-note {
		display: none;
		clear: both;
		padding: 4px 8px 6px 38px;
		font-size: 10px;
		line-height: 14px;
		color: #e00e0e;
		background: inherit;
	}

	#bdn-match-list-mobile.matchList .item-note.bdn-ls-note-open {
		display: block;
	}

	#bdn-match-list-mobile.matchList .title-livev2 {
		padding: 6px;
		background: #ffc;
		display: block;
		clear: both;
	}

	#bdn-match-list-mobile.matchList .lv2-head-title {
		background-color: #0B6E3E !important;
		color: #fff;
		padding: 5px;
		clear: both;
	}

	#bdn-match-list-mobile.matchList .status {
		color: #1b60b9 !important;
	}

	#bdn-match-list-mobile.matchList .mit {
		color: #e00e0e;
	}

	#bdn-match-list-mobile.matchList .item .score i.mit {
		display: inline-block;
		font-style: normal;
	}

	#bdn-match-list-mobile.matchList .item .score i > img {
		margin-top: -5px;
		vertical-align: middle;
	}

	#bdn-match-list-mobile.matchList .o-up,
	#bdn-match-list-mobile.matchList .o-up a {
		color: #16c000 !important;
	}

	#bdn-match-list-mobile.matchList .o-down,
	#bdn-match-list-mobile.matchList .o-down a {
		color: #e00e0e !important;
	}

	#bdn-match-list-mobile.matchList .item .score span.on,
	#bdn-match-list-mobile.matchList .item .score .homeS.on,
	#bdn-match-list-mobile.matchList .item .score .guestS.on {
		background: orange !important;
		color: #fff !important;
	}

	#bdn-match-list-mobile.matchList .clear {
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 0;
	}

	.blink_me {
		animation-duration: 800ms;
		animation-name: bdn-ls-blink;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		-webkit-animation: bdn-ls-blink 800ms infinite;
	}

	@keyframes bdn-ls-blink {
		from {
			color: #0B6E3E;
			background: #f2f2f2;
		}
		to {
			color: #f2f2f2;
			background: #0B6E3E;
		}
	}

	.bdwr-filter-league .wr-filter-league {
		width: 94% !important;
		max-width: 420px !important;
		left: 3% !important;
		margin-left: 0 !important;
		top: 60px !important;
	}

	.bdwr-filter-league .filter-league {
		max-height: 50vh;
		width: 100%;
	}

	.bdwr-filter-league .filter-league ul li {
		width: 100% !important;
		float: none !important;
	}
}

@media (min-width: 769px) {
	#live-score-table .exbar.bdn-ls-exbar,
	#bdn-match-list-mobile {
		display: none !important;
	}

	#live-score-table .bdn-ls-desktop-source {
		position: static !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		clip: auto !important;
		clip-path: none !important;
		white-space: normal !important;
	}

	#live-score-table .bdn-ls-desktop-source .table_live {
		display: revert !important;
	}

	/* Popup lọc giải: ẩn mặc định; chỉ mở khi onFilterLeague(true) — không revert display */
	#live-score-table .bdn-ls-desktop-source .bdwr-filter-league {
		display: none;
	}

	#live-score-table .bdn-ls-desktop-source .bdwr-filter-league.bdn-ls-filter-open {
		display: block !important;
	}
}