/* Changements par rapport au jsa.css standard */
html{
	height:100%;
	}
body{
	height:100%;
	}
.toggleButton{
	user-select:none;
	}
/*
.tabs_head{
	display: flex;
	flex-direction: row;
	flex-grow: 0 !important;
	}
*/
code#report{
	display:none;
	}	
	
	
/* Standard */	
legend{
	font-weight:bold;
	}
.html{
    margin:0px;
    padding:0px;
    }

.body{
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    }

.commandBar{
    width:100%;
    height:150px;
    //background-color:#e8e8b2;
    padding:10px;
    }

.hbox {
	display:inline-block;
	}
	
.vbox {
	display:inline-block;
	}
	
.toolbar {
	display:flex;
	align-items: center;
	padding:3px;
	min-height:10px;
	background-color:buttonface;
	border:outset 2px;
	user-select:none;
	}	
	
.tool {
	display:inline-block;
	user-select:none;
	}

.tool[enabled=false]{
	pointer-events:none;
	opacity:0.3;
	}
.tool[pushed=true]{
	border:inset;
	}
.tool img {
	border:none;
	margin:2px;
	}	
	
.tool img:hover {
	border:outset 1px;
	margin:1px;
	}
	
.toolSeparator {
	display:inline-block;
	}
	
.application {
	}
.tabs{
	display:flex;
	flex-direction:column;
	}
.tabs[direction=vertical]{
	flex-direction:row;
	}
.tabs[extendMax=true]{
	height:100%;
	flex:1;
	}
.tabs_header{
	display:flex;
	flex-direction:row;
	}
.tabs[direction=vertical] > .tabs_header{
	flex-direction:column;
	}
.tab_header{
	cursor:pointer;
	}
.tab_header[direction=vertical] {
	flex-direction:column;
	padding:4px;
	margin:7px;
	border:solid 1px #aaaaaa;
	border-radius:2px;
	}
.tab_header[direction=verticalSmallScreen]{
	flex-direction:column;
	padding:4px;
	margin:2px;
	//border:solid 1px #aaaaaa;
	border-radius:5px;
	}
.tab_header[direction=horizontal]{
	padding:4px;
	border:solid 1px #aaaaaa;
	border-radius:5px 5px 1px 1px;
	padding:4px;
	}
.tabs_body{
	flex:1;
	position:relative;
	min-height: 1px;
	}
.tab_header{
	display:flex;
	flex-direction:column;
	align-items: center;
	}
.tab_header[selected=true]{
	font-weight:bold;
	background-color:#fafafa;
	}
.tab_header[visible=false]{
	display:none;
	}
.tab_body{
	display:none;
	height:100%;
	}
.tab_body[selected=true]{
	display:block;
	}
.tabPerso1[selected=true]{
	background-color:#f0f09d;
	}
.tabs_addTab{
	display:flex;
	align-items: center;
    justify-content: center;
	font-weight: bold;
    font-size: 16pt;
    color: #7a7a75;
	margin-left: 8px;
	cursor:pointer;
	}
/*
.tabs {
	display:flex;
	flex-direction:column;
	width:100%;
	//height:100%; // enlevé pour projectManager
	padding:0px;
	}
	
.tabs_head {
	background-color:#EEEEEE;
	}

.tabs_head{ 
	background-color:initial;
	}
	
.tabs_body{
	flex:1;
	display:flex;
	flex-direction:column;
	background-color:#888888;
	min-height:1px;
	}

.tabs_body{ 
	background-color:initial;
	}

div.tab_head {
	display:inline-block;
	font:menu;
	background-color:#AAAAAA;
	padding:5px 10px;
	border:solid 1px #777777;
	user-select:none;
	cursor:pointer;
	border-radius:6px 6px 0px 0px;
	}	
	
div[tab_selected=true].tab_head {
	font-weight:bold;
	color:#427ec9;
	background-color:#FFFFFF;
	display:inline-block;
	border-bottom-style:none;
	}

.tab{
	//visibility:hidden;
	//display:flex;
	flex:1;
	flex-direction:column;
	display:none;
	border:solid 1px;
	//margin:20px;
	overflow-y:auto;
	}

.tab_body{
	display:none;
	}
.tab_body[tab_selected=true]{
	display:block;
	}
*/
.zbox {
	width:100%;
	display:flex;
	flex-direction:column;
	}

.zbox_topBar{
	//background-color:blue;
	}

.zbox_body{
	flex:1;
	display:flex;
	flex-direction:row;
	}

.zbox_bottomBar{
	//background-color:blue;
	}

.zbox_leftBar{
	display:flex;
	flex-direction:column;
	}

.zbox_client{
	flex:1;
	display:flex;
	}

.zbox_rightBar{
	}

.editor {
	flex:1;
	display:flex;
	}

.editor_client {
	position:relative;
	flex:1;
	width:100%;
	overflow-y:scroll;
	overflow-x:scroll;
	border-left:outset;
	}

.editor_page {
	padding:20px;
	min-height:100%;
	background-color:white;
	}

.popup {
	display:inline-block;
	position:fixed;
	background-color:buttonface;
	border:outset 2px;
	z-index:1000; // nécessaire si des chart ExtJs sont présents à l'affichage
	}
	
.waiter {
	display:inline-block;
	position:absolute;
	background-color:buttonface;
	border:outset 2px;
	}

.waiter_timer{
	color:red;
	font-weight:bold;
	}
	
.group_header{
	display:inline-block;
	border:solid 1px;
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	background-color:buttonface;
	}

.group_graphic{
	display:inline-block;
	}

.toggleButton{
	display:inline-block;
	cursor:pointer;
	padding:1px 5px;
	margin:2px;
	font:menu
	font-size:12pt;
	}

.toggleButton[pushed="false"]:hover{
	border:outset 1px;
	margin:1px;
	}

.toggleButton[pushed="true"]{
	border:inset 1px;
	margin:1px;
	background-color:#EAEAEA;
	}

.toggleButton[enabled="false"]{
	border:none !important;
	opacity:0.5;
	cursor:default;
	margin:2px !important;
	}

.multiToggleButton{
	user-select:none;
	}

.multiToggleButton_button{
	display:inline-block;
	cursor:pointer;
	padding:1px 5px;
	margin:2px;
	}

.multiToggleButton_button[pushed="false"]{
	}

.multiToggleButton_button[pushed="false"]:hover{
	border:outset 1px;
	margin:1px;
	}

.multiToggleButton_button[pushed="true"]{
	border:inset 1px;
	margin:1px;
	background-color:#EAEAEA;
	}

.multiToggleButton_button[enabled="false"]{
	border:none !important;
	opacity:0.5;
	cursor:default;
	margin:2px !important;
	}
	
.report {
	width:100%;
	height:100%;
	background-color:cyan;
	}
	
.statisticTable{
	border:solid 1px;
	}

.statisticTable_body{
	overflow-x:hidden;
	overflow-y:auto;
	}	
	
.statistic_comment{
	//border-top:solid 1px #AAAAAA;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	//font-style:italic;
	white-space:pre-wrap;
	//background-color:#EEEEEE;
	//border:solid 1px #555555;
	}

.statisticTable_caption{
	width:100%;
	text-align:center;
	margin:10px;
	font-size:1.3em;
	font-weight:bold;
	}

.statisticTable_groupset{
	border:solid 1px;
	margin:5px;
	padding:5px;
	}

.statisticTable_group{
	border-bottom:#888888 1px;
	margin-top:10px;
	}
.statisticTable_group_th{
	text-align:left;
	padding-left:1px;
	padding-top:10px;
	}
.statisticTable_footer_th{
	color:white;
	font-weight:bold;
	}
.statisticTable_groupHeader{
	text-align:center;
	vertical-align:middle;
	background-color:buttonface;
	}

.statisticTable_table{
	width:100%;
	font-size:10pt;
	}

.statisticTable_tableRecord{
	text-align:center;
	vertical-align:middle;
	}

.statisticTable_tableHead{
	text-align:center;
	vertical-align:middle;
	overflow-y:auto;
	}
.statisticTable_tableHead_th{
	color:white;
	}
.statisticTable_tableFoot{
	text-align:center;
	vertical-align:middle;
	overflow-y:auto;
	}

.statisticBar{
	width:100%;
	border:solid 1px #555555;
	padding:5px;
	}

.statisticBar_groupSet{
	border:solid 1px red;
	padding:10px
	}

.statisticBar_barSet{
	padding:10px 10px 20px 10px;
	}

.statisticBar_barSetHeader{
	text-align:center;
	vertical-align:middle;
	background-color:buttonface;
	margin-bottom:15px;
	border-radius: 6px;
	}

.statisticBar_groupSetHeader{
	padding:2px;
	text-align:center;
	vertical-align:middle;
	background-color:#EEEEEE;
	}

.statisticBar_divBar{
	display:table-row;
	}

.statisticBar_divBarLabel{
	display:table-cell;
	padding-right:10px;
	}

.statisticBar_divBarContent{
	display:table-cell;
	}

.statisticBar_bar{
	}

.statisticBar_serie{
	display:inline-block;
	height:15px;
	cursor:default;
	text-align:center;
	vertical-align:middle;
	font-size:10pt;
	}

.statisticBar_legend{
	margin:10px;
	}

.statisticBar_serie_legend{
	display:inline-block;
	margin-right:20px;
	}

.statisticBar_serie_legend_palet{
	display:inline-block;
	border:solid 1px #555555;
	width:50px;
	height:20px;
	}

.statisticBar_serie_legend_text{
	display:inline-block;
	margin-left:5px;
	margin-right:15px;
	}
	
.treeview {
	display:inline-block;
	margin-left:1em;
	flex:1;
	overflow-x:hidden;
	user-select:none;
	}

.treeviewItem{
	white-space:nowrap;
	line-height:20px;
	cursor:pointer;
	}

.treeviewItem_plus{
	display:inline-block;
	width:12px;
	vertical-align:middle;
	}

.treeviewItem_icon{
	display:inline-block;
	width:25px;
	}

.treeviewItem_selected{
	color:white;
	background-color:cornflowerblue;
	}

.treeviewItem_label{
	display:inline-block;
	font:menu;
	font-size:9pt;
	cursor:pointer;
	padding:1px 10px;
	}

.treeviewItem_group{
	margin-left:1em;
	}

.multiTools{
	display:inline-block;
	}

.multiTools_divActiveButton{
	display:table-cell;
	}

.multiTools_divArrow{
	display:table-cell;
	vertical-align:middle;
	padding-left:1px;
	}
	
.miniList{
	}

.miniList_body{
	display:table-row;
	}

.miniList_select{
	display:table-cell;
	margin:5px;
	padding:1px;
	}

.miniList_buttons{
	display:table-cell;
	vertical-align:top;
	padding:5px;
	}

.miniList_button{
	min-width:120px;
	margin:1px;
	}
	
.titlebar{
	display:flex;
	color:white;
	background-color:navy;
	user-select:none;
	padding:2px 7px 2px 15px;
	}
	
.titlebar_left{}
.titlebar_center{
	flex:1;
	font-weight:bold;
	}
.titlebar_right{}
.titlebar_systemClose{
	cursor:pointer;
	}
.wnd{
	display:flex;
	flex-direction:column;
	position:absolute;
	top:10px;
	border:outset;
	background-color:buttonface;
	}	

.wnd_head{
	}

.wnd_body{
	flex:1;
	}

.wnd_foot{
	}

.dlg_body{
	flex:1;
	min-height: 1px;
	}

.wnd_tester{
	}

.wnd_tester .tool{
	margin:3px 4px;
	}

.wnd_statusbar{
	}
	
.dlg{
	display:flex; /* pour Comptes */
	flex-direction:column; /* pour Comptes */
	position:fixed; /* pour multidisplay {sheet} */
	border:outset;
	background-color:buttonface;
	border-radius:8px;
	overflow:hidden;
	}

.dlg_foot{
	display:flex;
	justify-content:space-between;
	align-items: center;
	width:100%;
	margin:10px 5px 5px 0px;
	}

.dlg_foot_left{
	display:flex;
	flex-direction:row;
	padding-left:10px;
	text-align:left;
	}

.dlg_foot_right{
	padding-right:10px;
	text-align:right;
	}

.dlg_button{
	margin:2px;
	min-width:75px;
	}
	
.spanDoNotShowAgain{
	font:menu;
	padding-left:5px;
	}
	
.multitools_popup_background{
	background-color:#EFEFEF;
	opacity:0.05;
	}

.dashboard{
	display:flex;
	width:100%;
	height:100%;
	}

.dashboard_header{
	}

.dashboard_body{
	flex:1;
	overflow-y:auto;
	}

.widget{
	display:flex;
	flex-direction:column;
	border:outset;
	//background-color:white;
	margin:5px;
	}

.widget_toolbar{
	text-indent:10;
	color:white;
	background-color:navy;
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
	}

.widget_client{
	display:flex;
	flex-grow:1;
	}

.widget_url_content{
	border-style:none;
	padding:10px;
	}

.widget_url_link{
	display:block;
	margin-top:10px;
	}

.widget_urls{
	display:inline-block;
	min-width:250px;
	min-height:50px;
	margin:0px 10px;
	}

.widget_url_tdIcon{
	text-align:center;
	}

.widget_icon{
	display:inline-block;
	margin:0px 10px;
	}

.widget_miniIcon{
	}

.widget_htm_content{
	padding:10px;
	border-style:none;
	//min-width:300px;
	//min-height:100px;
	//background-color:white;
	width:100%;
	font-family:Roboto, sans-serif;
	////font-family:SourceSansPro, Helvetica, Roboto, Arial, sans-serif;
	color:rgb(75, 75, 75);
	font-size:14px;
	}

.widget_iframe_content{
	width:100%;
	height:100%;
	overflow:auto
	}

.widget_iframe_iframe{
	width:100%;
	height:100%;
	}

.widget_script_content{
	width:100%;
	}

.widget_bar_content{
	width:100%;
	}

.widget_pie_content{
	width:100%;
	}

.widget_table_noData{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:18pt;
	color:#666666;
	}

.iniObjDetail_ancestor{
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:2px 20px;
	margin:2px;
	border:outset 2px;
	background-color:#ffcccc;
	}

.iniEditor{
	}

.iniEditor_ancestors{
	margin:5px;
	padding:1px 5px;
	width:900px;
	}

.iniEditor_ancestor{
	display:inline-block;
	font-size:10pt;
	color:#888888;
	padding:2 8;
	cursor:pointer;
	user-select:none;
	}

.iniEditor_ancestor:hover{
	color:blue;
	}

.iniEditor_editor{
	font-family:monospace;
	margin:5px;
	padding:5px;
	border:solid 1px #aaaaaa;
	background-color:white;
	white-space:pre-wrap;
	width:900px;
	height:500px;
	overflow:auto;
	}

.iniEditor_equals{
	color:red;
	}

.iniEditor_objRef{
	color:#AAAAAA;
	cursor:pointer;
	}

.iniEditor_objRef:hover{
	color:blue;
	cursor:pointer;
	}

.iniEditor_iniSection{
	color:purple;
	font-weight:bold;
	}
	
.menu{
	display:inline-block;
	background-color:#EAEAEA;
	}

.menu_background{
	position:absolute;
	left:1px;
	top:1px;
	width:100%;
	height:100%;
	background-color:green;
	opacity:0.2;
	}

*[visible=false]{
	display:none;
	}
	
div[visible=false]{ /* paraît etre en doublon avec la règle précédente mais pourtant nécessaire */
	display:none; 
	}
/*
.menu[visible=false], .menuItem_tr[visible=false], .menuGroup_tr[visible=false], .menuSeparator[visible=false]{
	display:none;
	}
*/
.menuItem_tr, .menuGroup_tr{
	cursor:pointer;
	user-select:none;
	}

.menuItem_tr:hover, .menuGroup_tr:hover{
	background-color:cornflowerblue;
	}

.menuItem_tr[enabled='false'], .menuGroup_tr[enabled='false']{
	color:#AAAAAA;
	}

.menuItem_icon{
	padding-left:2px;
	padding-right:10px;
	}

.menuItem_label{
	font:menu;
	padding:3px 0px;
	white-space:pre;
	user-select:none;
	}

.menuItem_shortcut{
	font:menu;
	font-size:0.6em;
	text-align:right;
	padding-left:8px;
	padding-right:8px;
	}

.menuItem_rightArrow{
	font:menu;
	text-align:right;
	}

.menubar{
	width:100%;
	background-color:buttonface;
	border-bottom:solid 1px #AAAAAA;
	}

.menubar_item{
	display:inline-block;
	font:menu;
	margin:1px;
	padding:5px;
	cursor:pointer;
	user-select:none;
	}

.menubar[opened='true'] .menubar_item:hover{
	border:outset 1px;
	margin:0px;
	background-color:#EAEAEA;
	}

.menuSeparator{
	width:100%;
	}

.menuSeparator_hr{
	margin:3px;
	}

.drawer_handle{
	position:absolute;
	border:outset 1px;
	background-color:#DDDDDD;
	user-select:none;
	}

.drawer_frame{
	position:absolute;
	//border:solid 1px #777777;
	border:solid 1px red;
	display:none;
	//visibility:hidden;
	}
	
.dummyBodyOrigin{
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:1px;
	opacity:0;
	}
	
.dlgLogin{
	position:absolute;
	padding:20px;
	border:outset;
	background-color:white;
	user-select:none;
	}

.dlgLogin_header{
	padding:10px;
	}

.dlgLogin_body{
	padding:10px;
	}

.dlgLogin_footer{
	padding:10px;
	text-align:right;
	}

.dlgLogin_comments{
	padding:10px;
	text-align:center;
	}

.dlgLogin_icons{
	display:inline-block;
	padding:10px;
	}

.dlgLogin_fields{
	display:inline-block;
	padding:10px;
	}

.dlgLogin_txtLogin{
	margin:10px;
	}

.dlgLogin_txtPassword{
	margin:10px;
	}

.dlgLogin_cmdLogin{
	padding:3px 30px;
	margin-left:5px;
	}

.dlgLogin_additionnals{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	}

.dlgLogin_additionnals:not(:empty){
	margin-bottom:10px;
	}

.dlgLogin_additionnal{
	flex:1;
	color:blue;
	text-align:center;
	font-size:9pt;
	}

.dlgLogin_additionnal:hover{
	cursor:pointer;
	text-decoration: underline;
	}
	
.dlg_columns_group{
	padding:10px;
	}

.dlg_columns_group label{
	font:menu;
	font-weight:bold;
	}

.dlg_column{
	display:inline-table;
	margin-left:10px;
	margin-right:10px;
	}

.dlg_divField{
	display:table-row;
	}
	
.dlg_divField_label{
	display:table-cell;
	text-align:right;
	padding-right:5px;
	}

.dlg_divField_field{
	display:table-cell;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	}
.dlgLogin_label{
	color:5b5b5b;
	}

/* Classe speachBubble */

.speachBubble{
	position:absolute;
	background-color:lightyellow;
	padding:10px;
	width:200px;
	//border:solid 1px black;
	}

.tester_cursor{
	position:absolute;
	}

.nodata{
	vertical-align:middle;
	text-align:center;
	min-height:100px;
	color:#AAAAAA;
	}
.statisticTable_dummyTd{
	height:1px;
	padding:0px;
	border-color:transparent;
	}
.dashboard_hookCross{
	position:absolute;
	}
.dashboard_hookCross_line{
	position:absolute;
	border:solid 1px red;
	}
.dlgRecords_table{
	margin:10px;
	border-collapse:collapse;
	border-spacing:0px;
	}
.dlgRecords_table td{	
	padding:1px 0px;
	}
.dlgRecords_th{
	font-size:11pt;
	}
.dlgRecords_action{
	font-size:7pt;
	color:blue;
	cursor:pointer;
	font-style:italic;
	padding:1px 2px !important;
	}
.dlgMaps_delete:hover{
	color:red;
	}
.dlgRecords_ctrl{
	background-color:yellow;
	}
.widget_editor_ctrl{
	width:150px;
	padding-left:20px;
	//text-align:center;
	}
.dlgSelect_body{
	padding:5px;
	}
.dlgSelect_recordValue{
	display:inline-block;
	margin-left:15px;
	}
.pseudoButton{
	min-height:2ex;
	text-align: center;
	color: buttontext;
	border: solid 1px #aaaaaa;
	background-color:#eeeeee;
	border-radius:3px;
	cursor:default;
	/*
	width:50px;
	height:10px;
	max-width:24px;
	max-height: 5px;
	background-color:buttonface;
    text-align: center;
    cursor: default;
    color: buttontext;
	*/
	}
.pseudoButton[enabled=false]{
	pointer-events:none;
	opacity:0.5;
	}
.tabs_actionButton{
	margin-right:15px;
	border:solid 1px #AAAAAA;	
	background-color:#DDDDDD;
	vertical-align:bottom;
	}
.tabs_actionButton:hover{
	border-style:outset;
	background-color:#ECECEC;
	}
.tabs_addTabButton{
	margin-left:10px;
	border-style:none;
	vertical-align:bottom;
	}
.imagePicker_divImg{
	margin:5px;
	text-align:center;
	cursor:pointer
	}
.imagePicker_divImg:hover{
	border:outset 2px;
	margin-top:1px;
	margin-left:1px;
	}
.imagePicker_img{
	user-select:none;
	}
.imagePicker_label{
	margin-top:10px;
	font-weight:bold;
	}
.imagePicker_table{
	}
.itemsChooser{
	display:flex;
	border:solid 1px;
	background-color:#CCCCCC;
	}
.itemsChooser_arrow{
	display:block;
	width:150px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	}
.itemsChooser_proposed{
	flex-grow:1;
	//border:solid 1px;
	}
.itemsChooser_chosen{
	flex-grow:1;
	//border:solid 1px;
	}
.itemsChooser_label{
	font-weight:bold;
	text-align:center;
	padding:10px;
	}
.itemsChooser_select{
	width:95%;
	padding:5px;
	margin:5px;
	}
.itemsChooser_arrows{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	//border:solid 1px;
	}
.itemsChooser_arrowsContainer{
	vertical-align:middle;
	height:150px;
	}
.widgetWizard_container{
	padding:20px;
	min-width:400px;
	min-height:250px;
	}
.form_label{
	display:inline-block;
	font-weight:bold;
	width:150;
	}
.form_field{
	width:150px;
	//padding-left:20px;
	margin:4px;
	}
input:invalid, select:invalid, textarea:invalid{
	border-color:red;
	border-width:1px;
	}
/*
input[type="button"]{
	border-color:inherit !important;
	}
*/
.form_fieldset{
	margin-top:10px;
	padding:10px;
	}
.field_image{
	max-height:50px;
	min-width:20px;
	min-height:20px;
	border:solid 1px;
	}
.dashboard_sheetBackground{
	position:absolute;
	left:1px;
	background-color:white;
	font-weight:bold;
	font-size:50pt;
	text-align:center;
	vertical-align:middle;
	}
.dashboard_sheetBackground2{
	position:absolute;
	left:1;
	//background-color:#3a3a3a;
	}
.statsTable{
	padding:5px;
	}
.widgetUsers_input{
	color:black;
	padding:2px;
	}
.dlgRecords_bodyMiddle{
	height:200px;
	overflow-y:auto;
	}
.dlgRecords_bodyBottom{
	margin-top:30px;
	}
.permissions_table{
	margin:10px;
	}
.dlgPermissions_tdNameRole{
	width:150px;
	}
.dataTables{
	text-align:center;
	width:100%;
	}
.dataTables_divAdd{
	display:flex;
	align-items:center;
	color:#999999;
	font-weight:bold;
	width:95%;
	height:50px;
	justify-content: center;
	border:solid 1px #aaaaaa;
	margin:5px;
	overflow:hidden;
	}
.dataTables_divDataTables{
	width:95%;
	height:400px;
	overflow-y:scroll;
	border:solid 1px #aaaaaa;
	margin:5px;
	}
.dataTable_td{
	font-size:10px;
	text-align:center;
	}
.dataTable_tdCheckbox{
	visibility:hidden;
	//display:none;
	text-align:center;
	}
.dataTable_areaLabel{
	display:block;
	width:90%;
	margin:10px;
	padding:5px;
	}
.dlgDataTable{
	//display:flex;
	//flex-flow:column;
	//justify-content:center;
	min-width:600px;
	max-height:800px;
	overflow:auto;
	}
.dataTable{
	cursor:pointer;
	font-size:10pt;
	border:outset;
	background-color:#b7d9ee;
	width:285px;
	margin:10px;
	padding:10px;
	}
.htmlEditor{
	}
.htmlEditor_divHtml{
	background-color:white;
	border:solid 1px #aaaaaa;
	padding:5px;
	width:600px;
	height:100px;
	overflow-y:scroll;
	}
.htmlEditor_textarea{
	display:none;
	}
.formStyles{
	padding:10px 10px;
	}
.formStyles_row{
	display:table-row;
	}
.formStyles_row fieldset{
	display:table-cell;
	margin:5px;
	font-weight:bold;
	}
.formStyles label{
	font:menu;
	}
.formStyles input, .formStyles select{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	}
.formStyles input[type=number]{
	width:60px;
	}
.formStyles input[type=checkbox]{
	margin-right:5px;
	}
.html_choiceFields{
	margin-left:5px;
	min-width:150px;
	}
.form_body{
	flex:1; /* pour Comptes */
	overflow:auto; /* pour Comptes */
	padding:5px;
	}
.form_body  input{
	margin:1px;
	}
.imagePicker_img[enabled=false]{
	pointer-events:none;
	opacity:0.3;
	}
.mobile{
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	}
.mobile_header{
	}
.mobile_footer{
	}
.mobile_body{
	flex:1;
	display:flex;
	flex-direction:row;
	
	overflow:auto;
	}
.mobile_sideBar{
	}
.mobile_client{
	flex:1;
	overflow:auto;
	}
.wndAppli{
	width:100%;
	height:100%;
	}
input[type=date].search_item_input{
	width:10px;
	min-width:100px;
	font-size: 8pt;
	}
/*
select.search_item_operator{
	width:50px;
	text-align:center;
	}
.filter, .sorter{
	padding:5px;
	}
.filter_section_title, .sorter_section_title{
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	color: #0d436a;
	}
.filter_search_item{
	margin:2px;
	}
.filter_search_commands, .sorter_sort_commands{
	margin-top:20px;
	display:flex;
	flex-direction:row;
	justify-content: space-evenly;
	align-items: center;
	}
.filter_search_command, .sorter_sort_command{
	cursor:pointer;
	}
.sorter_sort_item{
	
	}
.search_item_label{
	display:inline-block;
	width:120px;
	}
.search_item_input, .sort_item_input{
	min-width:200px;
	background-color:#dde7f2;
	}
.sorter_direction{
	display:inline-block;
	cursor:pointer;
	margin-left:10px;
	margin-right:6px;
	vertical-align:middle;
	}
.sorter_delete_item{
	cursor:pointer;
	vertical-align: middle;
	}
*/
.menuItem_label{
	font-size:13pt;
	padding-top:8px;
	padding-bottom:8px;
	}
/*
marche pas
@media screen and (max-width: 50000)
{
.menu *{
	font-size:20pt;
	}
}
*/

.splashScreen{
	position:absolute;
	display:flex;
	z-index:10000;
	width:100%;
	height:50px;
	justify-content: center;
    align-items: center;
	color:#4E78F5;
	background-color:#b6cfee;
	font-weight:bold;
	bottom: 1px;
	}

.form_body[collapsed=true]{
	max-height: 0px;
    //transition: max-height 2s ease-in-out;
	overflow:hidden;
	}
.dlg_foot[collapsed=true]{
	display:none;
	}
.window_background[collapsed=true]{
	display:none;
	}
.appliMobile{
	display:flex;
	flex-direction:column;
	height:100%;
	}
.appliMobile_header{
	display:flex;
	}
.appliMobile_body{
	flex:1;
	}
.appliMobile_footer{
	display:flex;
	}
.form2_divCtrl{
	display:flex;
	}
.tabAppli{
	display:flex;
	flex-direction:column;
	align-items: center;
    margin-right: 5px;
    margin-left: 5px;
	}
.tabAppli_icon{
	width:55px;
	min-height:55px;
	border:solid 1px #aaaaaa;
	}
.tabAppli_label{
	font: menu;
	font-weight: 600;
	}