/* ----------------------------------Mise en page globale--------------------------------- */
body,html {
	height: 100%;
	background: #E9EEF7;
	padding: 0px;
}

#etatVisibilite, #etatCouleurTexte, #etatChoixImage, #etatCouleurFond, #etatCouleurTrait {
	display: "flex";
	align-items: "center";
}

/* Style pour afficher le color picker dans le dialog des animations des synotiques même après avoir scroll */
.ui-colorpicker-container {
	z-index: 10000 !important;
	position: absolute !important;
}

/* Style testé pour le salon et notamment pour les ordinateurs windows */
.ui-widget  {
	font-size: 13px !important;
	font-family: "Roboto", "Helvetica", system-ui;
}

#corps {
	margin: auto;
	width: auto;
	min-height: 100vh;
	padding-bottom: 0px;
	align-items: center;
	position: relative;
}

#formCommonHeader\:fieldHeaderGlobal {
	height: var(--height-header);
}

/* Style pour modifier les entetes de tous les fieldSet */
.ui-fieldset-legend {
	background: #fff;
	border: 1px solid #707173 !important;
}


/* ----------------------------------Header----------------------------------------------- */
.listLabelEspace {
	margin-right: 12px!important;
}

.headerUser {
	float: left;
	color: #000;
}

.headerLinks {
	float: right;
}

/* ----------------------------------Menu Bar------------------------------ */
.ui-menubar {
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-top: 25px;
	height: var(--height-menu);
}

/* ----------------------------------GlobalContent---------------------------------- */
/* ----------------------------------Sidebar---------------------------------- */
#sidebar {
	float: left;
	width: 190px;
	padding-top: 12px;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 5px;
}

.globalContentSidebarMenu {
	width: inherit !important;
	background: #2D2F6F;
	padding: .3em;
	position: relative;
	outline: 0 none;
	top: 105px;
	z-index: 101;
}

/* ----------------------------------Composant---------------------------------- */
.ui-fieldset {
	margin-bottom: 5px;
	color: #2D2F6F;
}

#demiEcranGauche {
	width: 50%;
	float: left;
}

#demiEcranDroit {
	width: 50%;
	float: right;
}

/*----------------------------------Gestion des items des menus----------------------------------*/
.menuItemActive, .menuItem .ui-state-hover, .menuItem {
	margin-left: 15px !important;
	margin-right: 15px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: var(--paddingtop-menuitem) !important;
	font-size: var(--fontsize-menuitem) !important;
	height: var(--height-menuitem);
	color: #FFF;
}

.subMenuItem {
	margin-top: var(--margintop-submenuitem);
	padding-top: 7px !important;
	color: #FFF;
	font-size: var(--fontsize-submenuitem) !important;
}

.subMenuItemActive {
	margin-top: var(--margintop-submenuitem);
	padding-top: 7px !important;
}

.menuItem.ui-state-hover, .menuItemActive, .menuItemActive.ui-state-hover {
	background: #FFF;
	outline: 0;
	border: none;
	color: #000;
	text-shadow: 0 -1px 2px rgba(255, 255, 255, 0.5);
	font-size: var(--fontsize-menu);	
}
.subMenuItem.ui-state-hover, .subMenuItemActive, .subMenuItemActive.ui-state-hover {
	background: #FFF;
	outline: 0;
	border: none;
	color: #000;
	text-shadow: 0 -1px 2px rgba(255, 255, 255, 0.5);
	font-size: var(--fontsize-submenuitem) !important;
}

.greenButton.ui-state-hover, .greenButton.ui-state-focus, .greenButton.ui-state-active{
	background: #73d216;
	border: none;
	color: #FFF;
	text-shadow: 0 -1px 2px rgba(255, 255, 255, 0.5);
}

.orangeButton.ui-state-hover, .orangeButton.ui-state-focus, .orangeButton.ui-state-active{
	background: #ce5c00;
	border: none;
	color: #FFF;
	text-shadow: 0 -1px 2px rgba(255, 255, 255, 0.5);
}

.whiteButton.ui-state-hover, .whiteButton.ui-state-focus, .whiteButton.ui-state-active {
	background: #f3f3f3;
	border: 1px solid #f3f3f3;
	color: #000;
	text-shadow: 0 -1px 2px rgba(255, 255, 255, 0.5);
}


.blueButton.ui-state-hover, .blueButton.ui-state-focus, .blueButton.ui-state-active{
	background: #1586BF;
	border: none;
	color: #FFF;
	text-shadow: 0 -1px 2px rgba(255, 255, 255, 0.5);
}


.ui-selectonemenu-trigger.ui-state-default {

	background: white;
	outline: 0;
	border: 1px solid #000;
	color: #000000;
	font-weight: bold;
	border-right: none;
	border-top: none;
	border-bottom: none;
	cursor: pointer;
	width: 16px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 3px;
}

.hidden td span.ui-treetable-toggler {
	visibility: hidden;
}

.text-ellipsis {
	text-overflow: ellipsis;
}

.text-consultation {
	text-align: center;
}

.exploitation-table {
	table-layout: auto !important;
}

.datalist-dialog {
	margin-bottom: 5px;
}

.ui-datalist-item:empty {
	display: none;
}

.dialog-button {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px !important;
	float: right;
	width: 100%;
}

.dialog-radio {
	width: 100%;
}

.actions-button {
	margin-top: 10px;
	float: right;
}

.ui-selectoneradio label {
	margin-left: 5px;
}

.dialog-submit-panel {
	width: 100%;
}

.ui-datalist-item label {
	margin-right: 10px;
}

.label-checkbox {
	vertical-align: top;
}

.colonne-temp-actuelle {
	width: 35px !important;
	text-align: center !important;
	white-space: normal !important;
}

.select-custom-menu {
	min-width: 150px !important;
}

.fieldset-title1 {
    font-weight: bold;
}

.greenButton {
	background: #8ae234;
	color: #FFF;
	border: none;
	margin: 5px 5px 5px 5px;
}

.orangeButton {
	background: #F95A09;
	color: #FFF;
	border: none;
	margin: 5px 5px 5px 5px;
}

.whiteButton {
	background: #FFF;
	color: #000;
	border: 1px solid #ccc;
	margin: 5px 0.5vw 5px 0.5vw;
}

.blueButton {
	background: #199BD5;
	color: #000;
	border: none;
	margin: 5px 0.5vw 5px 0.5vw;
}

.fieldsetWhite {
	float: none;
	background: #FFF;
	color: #2D2F6F;
	border: none;
	margin: 20px;
}

.ui-menu {
	width: 100%;
	background: var(--color-menu);
	padding: .3em;
	position: relative;
	outline: 0 none;
	top: var(--topspace-menu);
	z-index: 101;
}

.commandeLinkWhite {
	color: #000;
	font-weight: bold;
	height: auto;
}

.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
    padding: 2px;
    background: #f3f3f3;
    color: #000;
}

#formIdentification {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;
	width: 300px;
	margin: 50px auto;
	background-color: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	text-align: left;
}

.fieldsetLogin {
	color: #000;
	background: #E9EEF7;
	margin-top: 15vh;
	border: none;
}

.labelLogin {
	line-height: 3; 
	font-weight: bold; 
	font-size: 18px;
}

.champsLogin {
	line-height: 2;
	width: 100%;
}

.boutonLogin {
	padding: 10px;
	margin-top: 10px;
	text-transform: uppercase;
	border: none;
}

#headerDiv {
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	justify-content: space-between;
	padding: 0px;
	position: fixed;
	top: 0px;
	width:100%;
	z-index: 102;
	box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.24);
	height: var(--heigt-menu);
}

#footerDivEco {
	display: flex;
	align-items: center;
	background-color: #2D2F6F;
	height: 180px;
	justify-content: space-between;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
	width:100%;
	font-family: "Inter", sans-serif;
}

#footerDiv {
	background: #039aa5;
	height: 50px;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
	width:100%;
}

#content {
	align-items: center;
	position: relative;
	top: var(--top-content);
	padding-bottom: 300px;
	width:100%;
}

.invisibleFieldSet {
	background: none;
	position: relative;
	border: none;
}

.no-border {
	border: none;
}

.panel-attribut {
	padding-top: 10px;
}

.chart-button {
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 1;
}

.chart-panel {
	margin-left: 3%;
}

/* .scheduleRedefAutoSize {*/
/*	overflow: hidden !important;*/
/*	height: 512px;*/
/* }*/
 
/* .validateButtonRedef {*/
/*	width: 100%;*/
/*	margin-top: 20px;*/
/* }*/

#errorText {
	margin: 0;	
	color: red;
	font-size: 1em;
}

#connectionNumberText {
	color: red;
	font-size: 0.8rem;
	margin: 0;	
	margin-top: 8px;
	font-style: italic;
}