/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Main Container --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ---------------------------------------- Main Container --------------------------------------- */
#GAME_X01_Main_Container{
	height:100%;
	width:100%;
	display:flex;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------- Left Section Format ------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Left Container Format ------------------------------------ */
#GAME_X01_Left_Container{
	height:100%;
	width:960px;
	display:flex;
	align-items: center;
	justify-content: center;
	
	background: black;
	transition: width 0.3s ease;
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------- Dartboard Container ------------------------------------- */
#GAME_X01_DARTBOARD_Container{
	position:absolute;
	top:0px;
	overflow:hidden;
	height:100%;
    width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
#GAME_X01_DARTBOARD{
	height:100%;
	width:100%;
}
#GAME_X01_DARTBOARD #DARTBOARD_Ring{
	stroke: red;
	stroke-width: 260px;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------- Right Section Format ------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Right Container Format ----------------------------------- */
#GAME_X01_Right_Container{
	position: relative;
	height:100%;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	
	border-left: 8px solid #FFFFFF;
	transition: width 0.3s ease;
	
	background-image:url('../../images/X01_Crowd.jpg');
	background-position:center;
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Players Main Container ----------------------------------- */
#GAME_X01_Players_Main_Container{
	position: absolute;
    bottom: 40px;
    right: 30px;
	height:auto;
	width:auto;
	display:flex;
	transition: right 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_X01_Players_Main_Container{
	right: 10px;
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Players Container Left ----------------------------------- */
#GAME_X01_Players_Left_Container{
	position: relative;
	height:auto;
	width:180px;
	display:flex;
	flex-direction: column;
	transition: width 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_X01_Players_Left_Container{
	width:140px;
}
#GAME_X01_Players_Checkout_Container{
	position: absolute;
	left:0px;
	top:40px;
	height:40px;
	width:100%;
	display:flex;
	justify-content: end;
}
.GAME_X01_Players_Checkout_Dart_Container{
	height:100%;
	width:33.3333%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size: 20px;
	color: rgba(162, 254, 118, 0.5);
	background-color: rgba(0, 0, 0, 0.7);
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------- Players Container Middle ---------------------------------- */
#GAME_X01_Players_Middle_Container{
	height:auto;
	width:480px;
	display:flex;
	flex-direction: column;
}
.GAMEFRAME_Input_Visible #GAME_X01_Players_Middle_Container{
	width:360px;
}

#GAME_X01_Players_Header_Container{
	height:40px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:start;
	padding-left:20px;
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #FFFFFF;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_X01_Players_Header_Container{
	font-size: 18px;
}

.GAME_X01_Player_Info_Container{
	height:40px;
	width:100%;
	display:flex;
}
.GAME_X01_Player_Info_Name_Container{
	height:100%;
	width:70%;
	display:flex;
	align-items:center;
	justify-content:start;
	background-color: #FFFFFF;
}
.GAME_X01_Player_Info_Name{
	height:100%;
	width:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-left:20px;
	font-weight:bold;
	font-size: 30px;
	color: #000000;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible .GAME_X01_Player_Info_Name{
	font-size: 25px;
}
.GAME_X01_Player_Info_Started{
	width: 11px;
	height: 11px;
	background: radial-gradient(circle at center, hotpink, purple);
	border-radius: 50%;
	margin-left: 10px;
}
.GAME_X01_Player_Info_Flag_Container{
	height:100%;
	width:20%;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color: #FFFFFF;
}
.GAME_X01_Player_Info_Flag{
	height:65%;
	width:65%;
}
.GAME_X01_Player_Info_Score{
	height:100%;
	width:30%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size: 38px;
	background-color: rgba(0, 0, 0, 0.7);
	color: rgba(162, 254, 118, 1.0);
}

#GAME_X01_Players_Footer_Container{
	height:40px;
	width:100%;
	display:flex;
}
#GAME_X01_Brand_Container{
	width:60%;
	display:flex;
	align-items:center;
	justify-content:start;
	padding-left:20px;
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #FFFFFF;
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_X01_Brand_Container{
	font-size: 18px;
}
#GAME_X01_Logo_Container{
	width:40%;
	background-color: rgba(0, 0, 0, 0.7);
	background-image:url('../../images/X01_SkySports.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size:80% 65%;
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Console Main Container ----------------------------------- */
#GAME_X01_Players_Right_Container{
	position: relative;
	height:auto;
	width:60px;
	display:flex;
	flex-direction: column;
	transition: width 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_X01_Players_Right_Container{
	width:50px;
}
#GAME_X01_Players_Current_Container{
	position:absolute;
	left:0px;
	top:40px;
	height:40px;
	width:100%;
	background-color: rgba(162, 254, 118, 1.0);
	display:flex;
	align-items:center;
	justify-content:center;
	padding-right: 5px;
}
#GAME_X01_Players_Current{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 25px solid black;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */