/*
.usersWrapper
{
	width: 80%;
	margin-left: 10%;
	border: solid 1px #eee;
	margin-top: 60px;
	min-height: 250px;
}

.usersWrapper::before
{
	content: "Liste des utilisateurs";
	position: relative;
	top: -18px;
	left: 30px;
	font-size: 22px;
	color: black;
	z-index: 2;
}


.addBtnRow
{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.newUserRow
{
	margin-top: 20px;
	display: flex;
	flex-flow: row nowrap;	
	cursor: pointer;
}

.newUserRow div
{
	transition: all .5s;
}

.hoverUserRow
{
	color: white;
	background-color: #3C8DBC !important;
}

.newUserCol
{
	width: 24%;
	margin-left: 1%;
	padding: 5px;
	background-color: #eee;
}
	

.newUserRow .newUserCol:last-child
{
	margin-left: 1% !important;
	margin-right: 1% !important;
}*/

.userFormWrapper
{
	display: flex;
	flex-flow: column;
	align-items: center;
}

.userFormWrapper div
{
	margin-top: 35px;
	width: 50%;
}


#addUserUl li a 
{
	padding: 0px;
	height: 35px;
	display: flex;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	-webkit-box-shadow: 0px 0px 24px -7px rgba(0,0,0,0.16); 
	box-shadow: 0px 0px 24px -7px rgba(0,0,0,0.16);
}

#addUserUl li a i[class="fa fa-user"]
{
	color: grey;
	transition: all .6s; 
	margin-top: 5px !important;
}

#addUserUl li a i[class="fa fa-trash"]
{
	color: #3C8DBC;
	transition: all .6s; 
}

#addUserUl li a i[class="fa fa-trash"]:hover
{
	color: black;
}

#addUserUl li a div
{
	width: 80%;
	height: 35px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.newUserRow
{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
}

#updateUserBtn
{
	margin-bottom: 15px;
}

.clickUserRow
{
	color: white !important;
	background-color: #3C8DBC !important;
}

.clickUserRow i
{
	color: white !important;
}