:root {
		--color-white : white;

		--color-main-01 : #0f8be0;
		--color-main-02 : #269dd3;
		--color-main-03 : #036999;

		--color-border-01 : #ededed;
		--color-border-02 : #DDD;
	}


	/************************************************************************************
	Prematch
	************************************************************************************/
	

		/* TABMENU CSS */
	.tabmenu {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		list-style: none;
		padding: 0;
	}
	.tabmenu-item {
		padding: 5px 10px 10px;
		text-align: center;
		text-decoration: none;
		border-radius: 5px;
		border-top: 3px solid transparent;
		flex: 1 0 10%;
		cursor: pointer;
		margin-bottom: 8px;
	}
	.tabmenu-item img {
		width: 35px;
		display: block;
		margin : 0 auto;
		margin-bottom: 3px;
	}
	@media (max-width: 767px) {
		.tabmenu-item {
			flex: 1 0 20%;
		}
	}
	.tabmenu-item.active {
		border-top: 3px solid var(--color-main-01);
		color : var(--color-main-01);
	}


	/* Bonus */
	.sports-bonus {
		width: 100%;
		background-color: var(--color-white);
	}
	.sports-bonus b {
		color: var(--color-main-01);
	}
	.sports-bonus .sports-block {
		font-size: 14px;
	}
	.sports-bonus .col-xs-3 {
		padding-left: 0px;
		padding-right: 3px;
	}
	.sports-bonus .col-xs-9 {
		padding-left: 3px;
		padding-right: 0px;
	}


	/* Search */
	.sports-search {
			display: flex;
			justify-content: flex-end;
			background-color: white;
			padding : 5px 0px 0px;
	}
	.search-container {
		position: relative;
		width: 100%;
	}
	.search-input {
		width: 100%;
		height: 40px;
		padding: 0 20px 0 40px;
		font-size: 18px;
		border: 1px solid #e1d7d7;
		border-radius: 5px;
		outline: none;
		transition: all 0.3s ease;
		color : var(--color-main-02);
		text-align: right;
	}
	.search-input::placeholder {
		font-size: 16px;
		color: #AAA;
		text-align: right;
	}
	.search-input:focus {
		border-color: var(--color-main-02);
	}
	.search-button {
		position: absolute;
		top: 55%;
		left: 8px;
		transform: translateY(-50%);
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
	}
	.search-button i {
		font-size: 20px;
		color: #ccc;
		transition: fill 0.3s ease;
	}
	.search-input:focus + .search-button i {
		color: var(--color-main-02);
	}

	/* Loading */
	.video-loading {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}
	.video-loading video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		filter: brightness(0.5) grayscale(1);
		border-radius: 15px;
		margin : 8px 0px;
	}
	.video-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: var(--color-white);
		white-space: nowrap;
		font-size: 38px;
	}
	.video-text i {
		font-size: 80px;
		position: relative;
		top: 20px;
	}
	@media (max-width : 767px) {
		.video-text {
			font-size: 21px;
		}
		.video-text i {
			font-size: 48px;
			top: 10px;
		}
	}


	/* Sports */
	.contents_wrap.prematch .section-left {
		background-color: var(--color-white);
		padding-top: 10px;
		padding-bottom: 150px;
	}
  #floatt {
    width: 285px;
  }
  .sidenav_a {
    position: fixed;
    top: 12px;
  }
  .sidenav_b {
    position: absolute;
  }
	.betcart-top {
		font-size: 16px;
		padding: 15px 0px;
	}
	.sports-block {
		border : 1px solid var(--color-border-02);
		padding: 12px 0px;
		border-radius: 8px;
		text-align: center;
		margin-bottom: 3px;
		cursor: pointer;
	}
	.ls-btn.act-collapse {
		position: relative;
	}
	.ls-btn .live {
		position: absolute;
		top: 18%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: var(--color-close);
		font-size: 10px;
		text-wrap : nowrap;
	}
	.ls-btn.stdate.default {
		line-height: 37px;
	}
	.ls-btn.odds-close {
		position: relative;
	}
	.ls-btn.odds-close .odd-lock {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 26px;
		color : #EDEDED;
		text-shadow: 0px 0px 10px #555;
	}
	.teamname-mobile {
		font-size: 11px;
		color: #888;
		padding : 3px 0px 3px 5px;
	}
	@media (max-width : 767px) {
		.contents_wrap.prematch .section-left {
			padding-left: 3px;
			padding-right: 3px;
		}
		.ls-btn {
			font-size: 12px;
			padding-left: 3px;
			padding-right: 3px;
		}
		.ls-btn.stdate.default {
			line-height: 18px;
		}
		.ls-btn.overflowtext p:first-child {
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	}







	/************************************************************************************
	Inplay 24.07.01
	************************************************************************************/

	.tabmenu.inplay {
		background: var(--color-white);
	}
	.btn-odds.lock {
		filter: grayscale(100%);
		opacity: 0.35;
	}
	.btn-odds.lock i {
		font-size: 32px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.inplay-showbox {
		padding : 1px 0px;
	}
	.inplay-showbox .col-xs-6,
	.inplay-showbox .col-xs-4 {
		padding-left: 3px;
		padding-right: 3px;
	}
	.inplay-showbox .ls-league {
		background-color: var(--color-blue-3);
		color : var(--color-white);
	}
	.inplay-showbox .ls-league,
	.inplay-showbox .ls-btn {
		font-size: 16px;
	}
	.m_betcart_gametable.inplay tbody > tr:first-child > td:first-child {
		width: auto!important;
	}
	.inp-mobile-scorebox {
		margin: 15px 0px;
	}
	.inplay-showbox .inplay-bottom {
		background-color: transparent;
		text-align: center;
	}
	.modal_footer_inplay_p {
		font-size: 16px;
	}
	.inplay-bottom .theme-btn-close,
	.inplay-bottom .m-refresh {
		width: 75%;
		margin: 0 auto;
		padding: 15px 0px;
	}
	.theme-btn-refresh {
		background-color: var(--color-main-02)!important;
		color: white!important;
		font-size: 24px!important;
		padding: 20px 0px!important;
	}
	.scorebox-title .top .show-score,
	.inplay-scorebox .bottom td {
		text-align: center;
	}
	.inp-betcart.pc.new {
		position: fixed;
		left: 51%;
		width: 100%;
		max-width: 558px;
	}
	.inp-betcart.pc.new .bc-button {
		background-color: var(--color-close);
	}
	.inp-pc-bettitle {
		text-align: center;
		font-size: 24px;
	}
	.m_betcart_money > tbody > tr > td > div:hover {
		box-shadow: 0px 0px 3px #555;
	}
	@media (max-width : 767px) {
		.inp-betcart.pc.new {
			position: fixed;
			bottom: 0;
			left: 0;
		}
		.m_betcart_money .refresh {
			color: var(--color-white);
			font-size: 24px;
			padding: 20px 0px;
		}
		.m_betcart_money .refresh:hover {
			color: var(--color-white)!important;
		}
		.col-xs-12.inplay_left {
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 150px;
		}
		.tabmenu.inplay .tabmenu-item {
			flex: 0 0 25%;
		}
	}