#GAME_ATW_Main_Container{
	width:100%;
	height:100%;
	
	background-image:url('../../images/ATW_Board.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
	
	display:flex;
	align-items:center;
	justify-content:center;
}

#GAME_ATW_Left_Container{
	width:27%;
	height:100%;
}
#GAME_ATW_Middle_Container{
	width:46%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
#GAME_ATW_right_Container{
	width:27%;
	height:100%;
	display:flex;
	justify-content:center;
}
#GAME_ATW_DARTBOARD_Container{
	position: relative;
	width:100%;
	height:71%;
	transition: height 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_ATW_DARTBOARD_Container{
	height:57%;
}


/* -------------------------------------- Players Container -------------------------------------- */
#GAME_ATW_Players_Container{
	width:74%;
	height:89%;
	display: flex;
	flex-direction: column;
	padding-top: 20%;
	padding-right: 14%;
	text-shadow: 0px 0px 5px #FFFFFF;
	transition: height 0.3s ease, padding 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_ATW_Players_Container{
	height:81%;
	padding-top: 42%;
}

#GAME_ATW_Players_Title{
	width:100%;
	height:8%;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 55px;
	margin-bottom: 8px;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_ATW_Players_Title{
	font-size: 44px;
}

#GAME_ATW_Players_List{
	width:100%;
	height:92%;
	display: flex;
	flex-direction: column;
}

.GAME_ATW_Player_Info{
	height: 10%;
	width: 100%;
	display: flex;
	align-items: center;
}
.GAME_ATW_Player_Info_Name{
	width: 75%;
	height: 100%;
	color:#B6B6B6;
	font-weight:bold;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 3%;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible .GAME_ATW_Player_Info_Name{
	font-size: 26px;
}
.GAME_ATW_Player_Info_Score{
	width: 25%;
	height: 100%;
	color:#B6B6B6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	font-size: 32px;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible .GAME_ATW_Player_Info_Score{
	font-size: 26px;
}
.GAME_ATW_Player_Active .GAME_ATW_Player_Info_Score{
	color: #FFFFFF;
}
.GAME_ATW_Player_Active .GAME_ATW_Player_Info_Name{
	color: #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */








/* --------------------------------------- stats Container --------------------------------------- */
#GAME_ATW_Stats_Container{
	width:88%;
	height:89%;
	display: flex;
	flex-direction: column;
	padding-top: 20%;
	padding-left: 27%;
	text-shadow: 0px 0px 5px #FFFFFF;
	transition: height 0.3s ease, padding 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_ATW_Stats_Container{
	height:81%;
	padding-top: 42%;
}

#GAME_ATW_Stats_Title{
	width:100%;
	height:8%;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 45px;
	margin-bottom: 8px;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_ATW_Stats_Title{
	font-size: 38px;
}

#GAME_ATW_Stats_List{
	width:100%;
	height:92%;
	display: flex;
	flex-direction: column;
}

.GAME_ATW_Stat_Info{
	height: 10%;
	width: 100%;
	display: flex;
	align-items: center;
}
.GAME_ATW_Stat_Info_Name{
	width: 75%;
	height: 100%;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 3%;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible .GAME_ATW_Stat_Info_Name{
	font-size: 22px;
}
.GAME_ATW_Stat_Info_Data{
	width: 25%;
	height: 100%;
	color:#FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	font-size: 28px;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible .GAME_ATW_Stat_Info_Data{
	font-size: 22px;
}
/* ----------------------------------------------------------------------------------------------- */
