/*----------------------------------Gestion des couleurs des périodes dans les calendriers  -----------------------*/
.pointer {
	cursor: pointer;
}

.hauteActivite {
    background: red!important;
}
.basseActivite {
   background: green!important;
 }
 .sansActivite {
   background: blue!important;
 }

/*----------------------------------Page d'accueil colonnes des états de l'établissement -----------------------*/
.large {
	width: 15%;
}
.small {
	width: 10%;
}

/*----------------------------------Page de d'administration des établissements et utilisateurs -----------------------*/
.takeAvailableWidth {
	width: -moz-available;
}

/*----------------------------------Colonnes dans le panel d'action -----------------------*/
.colonneActionEtat {
	text-align: center!important;
	width: 175px!important;
}
.colonneActionEtatLow {
	text-align: center!important;
	width: 90px!important;
}
.colonneActionTaux {
	text-align: center!important;
	width: 80px!important;
}
.colonneActionValeur {
	text-align: center!important;
	width: 130px!important;
}
.colonneActionConsigne {
	text-align: center!important;
	width: 120px!important;
}
.colonneActionMode {
	text-align: center!important;
	width: 160px!important;
}
.colonneActionForcage {
	text-align: center!important;
	width: 150px!important;
}
.colonneActionForcageLow {
	text-align: center!important;
	width: 70px!important;
}
.colonneAction2Boutons {
	text-align: center!important;
	width: 70px!important;
}

.colonneAction3Boutons {
	text-align: center!important;
	width: 105px!important;
}

.colonneAction4Boutons {
	text-align: center!important;
	width: 135px!important;
}

.colonneAction5Boutons {
	text-align: center!important;
	width: 170px!important;
}

/*----------------------------------Colonnes dans le panel de lecture d'état -----------------------*/

/* Colonne Etat Allumé / Eteind ou Marche / Arret ou Actif / Inactif */
.colonneEtatHigh {
	text-align: center!important;
	width: 140px!important;
}
.colonneEtat {
	text-align: center!important;
	width: 90px!important;
}
.colonneEtatLow {
	text-align: center!important;
	width: 50px!important;
	white-space: normal!important;
}

/* Colonne Delestage en cours ou non */
.colonneDelestage {
	text-align: center!important;
	width: 90px!important;
}
.colonneDelestageLow {
	text-align: center!important;
	width: 80px!important;
	white-space: normal!important;
}

/* Colonne Taux de gradation (simple entier 0->100) */
.colonneTaux {
	text-align: center!important;
	width: 90px!important;
}
.colonneTauxLow {
	text-align: center!important;
	width: 80px!important;
	white-space: normal!important;
}

/* Colonne Mode Chauffage Climatisation Auto */
.colonneMode {
	text-align: center!important;
	width: 100px!important;
}
.colonneModeLow {
	text-align: center!important;
	width: 40px!important;
	white-space: normal!important;
}

/* Colonne de consigne Hors Gel / Economique / Confort Client... */
.colonneConsigne {
	text-align: center!important;
	width: 100px!important;
}
.colonneConsigneLow {
	text-align: center!important;
	width: 60px!important;
	white-space: normal!important;
}

/* Colonne Température (simple real) */
.colonneTemperature {
	text-align: center!important;
	width: 120px!important;
}
.colonneTemperatureLow {
	text-align: center!important;
	width: 50px!important;
	white-space: normal!important;
}

/* Colonne Electriques puissance*/
.colonnePuissance {
	text-align: center!important;
	width: 150px!important;
}
.colonnePuissanceLow {
	text-align: center!important;
	width: 80px!important;
	white-space: normal!important;
}
.colonnePuissanceLowPlus {
	text-align: center!important;
	width: 60px!important;
	white-space: normal!important;
}

/* Colonne Mesure Valeure */
.colonneValeur {
	text-align: center!important;
	width: 120px!important;
}
.colonneValeurLow {
	text-align: center!important;
	width: 80px!important;
	white-space: normal!important;
}

/* Colonne Mesure Unité*/
.colonneUnite {
	text-align: center!important;
	width: 120px!important;
}
.colonneUniteLow {
	text-align: center!important;
	width: 80px!important;
	white-space: normal!important;
}

/* Colonne Modifiée par centrale OUI / NON */
.colonneModifiedByCentral {
	text-align: center!important;
	width: 120px!important;
}
.colonneModifiedByCentralLow {
	text-align: center!important;
	width: 75px!important;
	white-space: normal!important;
}
.colonneModifiedByCentralLowSuper {
	text-align: center!important;
	width: 60px!important;
	white-space: normal!important;
}

/* Colonne Forcé par centrale OUI / NON */
.colonneForcedByCentral {
	text-align: center!important;
	width: 120px!important;
}
.colonneForcedByCentralLow {
	text-align: center!important;
	width: 75px!important;
	white-space: normal!important;
}
.colonneForcedByCentralLowSuper {
	text-align: center!important;
	width: 60px!important;
	white-space: normal!important;
}

.colonneRadio {
	width: auto !important;
}

/*----------------------------------Page de gestion des Groupement ----------------------------------*/
.colonneTypeUniteGroupement {
	width: 150px!important;
}

/*----------------------------------Page de gestion des Réglages ----------------------------------*/
.colonneActionCoupure {
	text-align: center!important;
	width: 390px!important;
}

/*----------------------------------Page de gestion des utilisateurs----------------------------------*/
.listeUtilisateurs, .listeEablissements {
	display: inline-block;
	border-radius: 5px;
}

/*
Dans la page utilisateur, sur la datatable, sur les bouton de filtrages Interne et Inactif, permet 
de supprimer la margin-right qui est pas défaut de 7 pixel, et ce afin de ne pas retourner à la ligne.
*/
.ui-buttonset {
	margin-right: -10px!important;
	margin-left: -10px!important;
}

.ui-button-text-only .ui-button-text {
    padding: 0.3em 0.8em!important;
}

.filterInputPetit {
	width: 50px!important;
}

/*----------------------------------Gestion de la couleur des alertes----------------------------------*/
.alerteRouge {
	color: red !important;
}

.alerteOrange {
	color: orange !important;
}

.alerteJaune {
	color: blue !important;
}

.alerteVerte {
	color: green !important;
}

/*----------------------------------Gestion des pastilles de couleur----------------------------------*/
.textColorWhite {
	color: #FFF;
}

.textColorBlack {
	color: #000;
}

.pastilleCouleur {
	height: 18px;
	width: 18px;
	display: inline-block;
	background: #ECECEC;
	text-align:center!important;
}

.pastilleRouge {
	height: 18px;
	width: 18px;
	background: red;
	display: inline-block;
	text-align:center!important;
}

.pastilleOrange {
	height: 18px;
	width: 18px;
	background: orange;
	display: inline-block;
	text-align:center!important;
}

.pastilleBleu {
	height: 18px;
	width: 18px;
	background: blue;
	display: inline-block;
	text-align:center!important;
}

.pastilleVerte {
	height: 18px;
	width: 18px;
	background: green;
	display: inline-block;
	text-align:center!important;
}

/* Permet de centrer le texte dans la pastille de couleur */
.ui-panel .ui-panel-content {
	padding: 0em 0em!important;
}

.centerInColumn {
	text-align:center!important;
}

/*----------------------------------Gestion des panels des comboBox : selectOneMenu----------------------------------*/
.comboPanel {
	font-size: 80% !important;
}

.sizeComboPanel {
	width: 300px !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
	overflow: inherit !important;	
}

/*----------------------------------Gestion des pick list----------------------------------*/
.pickListAppliquer {
	margin: auto;
}

.pickList {
	margin: auto;
	background: #FFF;
}

.ui-picklist-filter {
	width: 305px !important;
}

.ui-picklist-list {
	width: 324px !important;
}