div#admin		 																						{ display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-top: 10px; box-sizing: border-box; margin: 8px; }

div#admin div.displayContainer																			{ flex: 1 1 auto; position: relative; }

div#admin div.userListContainer																			{ margin: 8px; }
div#admin div.userListContainer div.ui-resizable-handle.ui-resizable-e									{ background: rgba(0,0,0,.4); opacity: 0; transition: opacity 0.2s; }
div#admin div.userListContainer div.ui-resizable-handle.ui-resizable-e:hover							{ opacity: .5; }
div#admin div.userListContainer.ui-resizable.ui-resizable-resizing div.ui-resizable-handle				{ opacity: 1; }
div#admin div.userListContainer div.list																{ font-family: Dosis; }

div#admin div.datapointsListContainer																	{ margin: 8px; }
div#admin div.datapointsListContainer div.ui-resizable-handle.ui-resizable-e							{ background: rgba(0,0,0,.4); opacity: 0; transition: opacity 0.2s; }
div#admin div.datapointsListContainer div.ui-resizable-handle.ui-resizable-e:hover						{ opacity: .5; }
div#admin div.datapointsListContainer.ui-resizable.ui-resizable-resizing div.ui-resizable-handle		{ opacity: 1; }
div#admin div.datapointsListContainer div.list > div.listItem span.name									{ overflow: hidden; }
div#admin div.datapointsListContainer div.list > div.listItem span.complex								{ flex: 1 1 auto; display: flex; flex-direction: column; padding-left: 4px; padding-right: 4px; user-select: none; overflow: hidden; }
div#admin div.datapointsListContainer div.list > div.listItem span.complex > p.name						{ user-select: none; margin: 0; flex: 0 0 65%; align-items: center; font-family: Dosis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#admin div.datapointsListContainer div.list > div.listItem span.complex > p.description				{ user-select: none; margin: 0; flex: 0 0 35%; align-items: center; padding-left: 4px; font-family: "Arial"; font-size: 10px; font-weight: 400; border-left: 16px solid transparent; }

div#ManageUser																							{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; min-width: 800px; min-height: 600px; background-color: rgba(0,0,0,.5); }
div#ManageUser > div.form > div.siteData																{ display: inline-block; width: 700px; padding: 4px; box-sizing: border-box; font-size: 12px; overflow: hidden; }
div#ManageUser > div.form > div.siteData > div.table													{ border: 1px solid #7f8c8d; height: 140px; display: flex; flex-direction: column; margin-bottom: 2px; }
div#ManageUser > div.form > div.siteData > div.table > div.header										{ display: flex; background-color: #7f8c8d; color: #FFF; flex: 0 0 22px; align-items: center; }
div#ManageUser > div.form > div.siteData > div.table > div.header > span								{ padding: 2px 4px; text-align: center; }
div#ManageUser > div.form > div.siteData > div.table > div.header > span.site							{ flex: 1 1 auto; }
div#ManageUser > div.form > div.siteData > div.table > div.header > span.rights							{ flex: 0 0 200px; }
div#ManageUser > div.form > div.siteData > div.table > div.header > span.visibility						{ flex: 0 0 64px; }
div#ManageUser > div.form > div.siteData > div.table > div.header > span.order							{ flex: 0 0 64px; }
div#ManageUser > div.form > div.siteData > div.table > div.header > span.group							{ flex: 0 0 64px; padding-right: 20px; }
div#ManageUser > div.form > div.siteData > div.table > div.list											{ overflow-x: hidden; overflow-y: auto; }
div#ManageUser > div.form > div.siteData > div.table > div.list:empty									{ opacity: .5; display: flex; flex-direction: column; justify-content: center; font-size: 14px; height: 100%; }
div#ManageUser > div.form > div.siteData > div.table > div.list:empty:after                             { content: "Il n'y a aucun site accessible depuis ce compte utilisateur\0AVeuillez contacter un administrateur"; flex: 0 0 auto; white-space: pre; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line								{ display: flex; background-color: #FFF; color: #000; height: 28px; align-items: center; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line:nth-child(odd)				{ background-color: #EEE; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span						{ padding: 2px 4px; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.site					{ flex: 1 1 auto; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.site > input			{ width: 100%; text-align: left; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.rights				{ flex: 0 0 200px; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.rights > input		{ width: 100%; text-align: center; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.visibility			{ flex: 0 0 64px; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.visibility > input	{ width: 100%; text-align: center; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.order					{ flex: 0 0 64px; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.order > input			{ width: 100%; text-align: center; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.group					{ flex: 0 0 64px; }
div#ManageUser > div.form > div.siteData > div.table > div.list > div.line > span.group > input			{ width: 100%; text-align: center; }

div#ManageUser > div.form > div.groupsData																{ display: inline-block; width: 700px; padding: 4px; box-sizing: border-box; font-size: 12px; overflow: hidden; }
div#ManageUser > div.form > div.groupsData > div.table													{ border: 1px solid #7f8c8d; height: 140px; display: flex; flex-direction: column; margin-bottom: 2px; }
div#ManageUser > div.form > div.groupsData > div.table > div.header										{ display: flex; background-color: #7f8c8d; color: #FFF; flex: 0 0 22px; align-items: center; }
div#ManageUser > div.form > div.groupsData > div.table > div.header > span								{ padding: 2px 4px; text-align: center; }
div#ManageUser > div.form > div.groupsData > div.table > div.header > span.groupIndex					{ flex: 0 0 96px; }
div#ManageUser > div.form > div.groupsData > div.table > div.header > span.groupName					{ flex: 1 1 auto; }
div#ManageUser > div.form > div.groupsData > div.table > div.header > span.order						{ flex: 0 0 64px; }
div#ManageUser > div.form > div.groupsData > div.table > div.header > span.del							{ flex: 0 0 64px; padding-right: 20px; }
div#ManageUser > div.form > div.groupsData > div.table > div.list										{ overflow-x: hidden; overflow-y: scroll; flex: 1 1 auto; }
div#ManageUser > div.form > div.groupsData > div.table > div.list:empty									{ opacity: .5; display: flex; flex-direction: column; justify-content: center; font-size: 14px; height: 100%; }
div#ManageUser > div.form > div.groupsData > div.table > div.list:empty:after                           { content: "Aucun groupe défini, il est possible d'en définir en cliquant sur le bouton [Ajouter]"; flex: 0 0 auto; white-space: pre; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line							{ display: flex; background-color: #FFF; color: #000; height: 28px; align-items: center; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line:nth-child(odd)				{ background-color: #EEE; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span						{ padding: 2px 4px; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.groupIndex			{ flex: 0 0 96px; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.groupIndex > input	{ width: 100%; text-align: center; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.groupName			{ flex: 1 1 auto; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.groupName > input	{ width: 100%; text-align: left; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.order				{ flex: 0 0 64px; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.order > input		{ width: 100%; text-align: left; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.del					{ flex: 0 0 64px; }
div#ManageUser > div.form > div.groupsData > div.table > div.list > div.line > span.del > button		{ height: initial; }
div#ManageUser > div.form > div.groupsData > div.table > div.footer										{ flex: 0 0 22px; margin: 2px; text-align: right; }
div#ManageUser > div.form > div.groupsData > div.table > div.footer > button							{ height: 22px; }

div#ManageDatapoint																						{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; min-width: 800px; min-height: 600px; background-color: rgba(0,0,0,.5); }