/******************************************************************************/
/* etat BT */
/******************************************************************************/
.etat {
	min-width: 30px;
	max-width: 30px;
	width: 30px;
}

.etat_PR {
	background-color: #6514a9
}

.etat_EA {
	background-color: #ffe92a;
}

.etat_DP {
	background-color: #cf1923;
}

.etat_TN {
	background-color: #0070b0;
}

.etat_AB {
	background-color: #b6b6b6;
}


/******************************************************************************/
/* etat vetuste */
/******************************************************************************/
.etatVetuste {
	min-width: 60px;
	max-width: 60px;
	width: 60px;
}

.etatVetuste_BON {
	background-color: #4CAF50
}

.etatVetuste_MAUVAIS {
	background-color: #F44336;
}

.etatVetuste_MOYEN {
	background-color: #FFC107;
}

/******************************************************************************/
/* waitPanel */
/******************************************************************************/
.waitPanel {
	border: none;
	background: transparent;
	box-shadow: none;
}

.waitPanel .ui-widget-header {
	background: transparent;
}

.waitPanel .ui-icon {
	background-image: none;
}

.waitPanel .ui-shadow {
	box-shadow: none;
}

#waitStatus .ui-shadow {
	box-shadow: none;
}

.ui-dialog.waitPanel .ui-dialog-content {
	overflow: hidden !important;
}

/******************************************************************************/
/* menu contextuel */
/******************************************************************************/
.menuContextuel {
	white-space: nowrap;
}

.menuContextuelFacetHeader {
	padding-right: 10px;
	top: 0px !important;
}

.menuContextuelDetail {
	padding-top: 10px;
	text-align: left;
}

.menuContextuelLibelle {
	padding-left: 10px;
	padding-right: 10px;
}

.menuContextuelList {
	min-width: 30px;
	max-width: 30px;
	width: 30px;
}

/******************************************************************************/
/* Aligne sur une ligne */
/******************************************************************************/
/*A revoir après unification des layouts hors page des modules*/
.aligneDroit {
	float: right;
}

.aligneGauche {
	float: left;
}

.aligneLigne {
	display: inline-block;
	vertical-align: middle;
}

.aligneElt {
	clear: both;
	position: relative;
}

/******************************************************************************/
/* display  */
/******************************************************************************/
.display-vertical-center {
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.display-right {
	display: flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.display-bottom {
	margin-top: auto;
}

.display-fill-height {
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.display-fill-height>div {
	flex: 1;
	-webkit-flex: 1;
}

.spinner {
	width: 70%;
	max-width: 80px;
	height: auto;
	aspect-ratio: 1 / 1;
	animation: rotate 2s linear infinite;
}

.spinner .track {
	stroke: rgba(0, 0, 0, 0.1); /* fond cercle */
	stroke-width: 5;
}

.spinner .indicator {
	stroke-linecap: round;
	stroke-width: 5;
	stroke-dasharray: 90, 150;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}