#user_security_container, #user_info_container, #user_formations_container, #user_planning_container, #user_beta_container, #user_help_container
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	display : flex;
	align-items : center;
	justify-content : center;
}

#user_security, #user_info, #user_formations, #user_planning, #user_beta, #user_help
{
	width : 80%;
	margin : 0px;
	padding : 0px;
	display : flex;
	flex-direction : column;
	box-shadow: 0px 0px 5px 1px #333;
	background-color : white;
	margin-top : 10px;
	margin-bottom : 10px;
}

#user_security h2, #user_info h2, #user_formations h2, #user_planning h2, #user_beta h2, #user_help h2
{
	width : calc(100% - 10px);
	margin : 0px;
	padding : 0px;
	background-color : rgba(55, 95, 114, 1);
	color : white;
	padding-left : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
}

.settings_container
{
	width : calc(100% - 20px);
	padding : 10px;
	margin : 0px;
	display : flex;
	flex-wrap : wrap;
}

.option_button
{
	display : flex;
	width : calc(calc(100% / 5) - 40px);
	min-width : 250px;
	margin : 10px;
	padding : 10px
}

.option_button:hover
{
	background-color : #E3E3E3;
}

.option_button img
{
	width : 48px;
	height : 48px;
	margin : 0px;
	padding : 0px;
}

.option_button p
{
	line-height : 48px;
	margin : 0px;
	padding : 0px;
	v-align: center;
	padding-left : 10px;
}

.option_button a
{
	color : black;
	text-decoration : none;
}

#content
{
	margin-top : 20px;
	margin-bottom : 20px;
	min-height : 80vh;
	display : flex;
	align-items : center;
	justify-content : center;
	flex-direction : column;

}

.stats_item_container
{
	width : 100%;
	display : flex;
}

.stats_item_graph
{
	width : 50%;
	height : 100%;
}

.stats_item_text
{
	width : 50%;
	height : 100%;
}

.stats_item_text table
{
	width : calc(100% - 20px);
	height : calc(100% - 20px);
	margin : 10px;
	border : 1px solid black;
	border-collapse : collapse;
}

.stats_item_text tr
{
	border : 1px solid black;
}

.stats_item_text td
{
	border : 1px solid black;
}