@font-face {
	font-family: "roboto_bold";
	src: url(../../../font/roboto/Roboto-Bold.ttf);
}

@font-face {
	font-family: "rg_text";
	src: url(../../../font/rg_text_regular.02fbf36.otf);
}

@font-face {
	font-family: "rg_text_bold";
	src: url(../../../font/rg_text_bold.f947896.otf);
}

.inactive_round {
	color: #c9c9c9;
}

.round_item1 {
	width: 100%;
	height: 25%;
	margin-bottom: 5px;
}

.round_item1b {
	width: 100%;
	height: 25%;
}

.round_item2 {
	height: 49%;
	margin-bottom: 5px;
}

.round_item2b {
	height: 49%;
}

.heading {
	position: absolute;
	top: 0;
	margin-top: 0;
}

.creat_delete_container {
	height: 60px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.creat_btn, .delete_btn, .back_btn {
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
	cursor: pointer;
	position: relative;
	z-index: 10;
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
}

.delete_btn {
	background-image: url("../img/icon/delete-50.png");
}
.creat_btn {
	background-image: url("../img/icon/add-50.png");
	margin-right: 10px;
}

.back_btn {
	background-image: url("../img/icon/back-black-arrow-50.png");
	margin-right: 10px;
}

:root {
	/*match group height*/
	--MGH: 300px;
	/*sub match group width (without border)*/ 
	--SMW: 400px;
	/*match_gap*/ 
	  --MG: 20px;
	/*round_gap*/  
	--RG: 20px;
	/*round margin top*/
	--RMT: 30px;
}

* {
	box-sizing: border-box;
}

.test {
	border: 1px solid;
}

.red {
	border: 1px solid;
}

.green {
	border: 1px solid;
}

.name_container {
	display: flex;
	flex-direction: row !important;
	align-items: center;
	width: 80%;
	height: 100%;
}

.name_container2 {
	display: flex;
	align-items: center;
	width: 80%;
	height: 100%;
	margin-top: 23px;
}

.champion {
	font-family: "rg_text_bold";
	color: #01503d;
}

.champion::before {
	content: "🏆";
	color: #00503c;
	margin-top: -7px;
	margin-left: -11px;
}

.portrait {
	width: 83px;
	height: 80%;
	margin-top: -25px;
	display: flex;
}

.portrait2 {
	width: calc(150px / 6);
	height: calc(200px / 6);
	background-image: url(../../../club/img/player/head/PlayerImage.png);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.name {
	width: calc(100% - 70px - 20px - 4px);
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 4px;
}

.name2 {
	width: calc(100% - 70px - 20px - 4px);
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 4px;
}

.name_item {
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}

.score {
	width: 20%;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.score_value {
	text-align: center;
	min-height: 20px;
	width: 100%;
}

.return_btn, .next_btn {
	position: fixed;
	top: calc((100% - 200px) / 2 + 200px / 2);
	cursor: pointer;	
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
	z-index: 11;
}

.return_btn {
	left: 0;
	background-image: url("../img/icon/back2-100.png");
}

.next_btn {
	right: 0;
	background-image: url("../img/icon/forward2-100.png");
}