/*
Pour les zones dans les tableaux de style commentaire, autocomplete etc.
*/
.input-field-table {
	width: 95%;
}

.input-field-tablewithimage {
	width: 80%;
}

center {
	text-align: justify;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

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

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.linethrough {
	text-decoration: line-through !important;
}

.spaceNormal {
	white-space: normal;
}

.table-all-width {
	width: 100%;
	max-width: 100%;
}

.table-fixed {
	table-layout: fixed;
}

.table-standard {
	width: 100%;
	padding: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.max-width-80 {
    max-width: 80px;
}

.max-width-110 {
	max-width: 110px;
}

.max-width-200 {
	max-width: 200px;
}

body {
	margin: 0px;
	border: 0px;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: justify;
	background-color: #CCCCCC;
}

#logout {
	height: 58px;
	text-align: center;
	padding-top: 27px;
	padding-left: 31px;
	padding-right: 17px;
}


#logout .dropdown-content span {
	color: #333333;
}

#logout p, #logout span {
	color: #FFF;
}

form#iloaForm {
	margin-bottom: 0px;
}

.appli_titre {
	color: #999999;
	font-weight: normal;
}

.page_titre {
	color: var(--primary);
	font-size: var(--text-size-title-page);
	font-weight: bold;
}

.zone_titre {
	color: var(--primary);
	font-weight: normal;
}

.content_nouv_1 {
	color: #333333;
	font-variant: normal;
	font-weight: normal;
}

.titre {
	color: #333333;
	font-variant: normal;
	font-weight: normal;
}

.titreDebut {
	width: 25px;
	height: 20px;
	background-repeat: no-repeat;
}

.titreActionDebut {
	width: 30px;
	height: 20px;
	background-repeat: no-repeat;
}

.titreActionBouton {
	width: 1px;
	height: 20px;
	padding: 0 5px 0 5px;
}

.titreActionSeparateur {
	width: 1px;
	height: 20px;
	background-repeat: no-repeat;
}

.titreActionFin {
	width: 10px;
	height: 20px;
	background-color: #fff;
	background-repeat: no-repeat;
}

.content_int_3 {
	color: #000000;
	font-variant: normal;
	font-weight: normal;
}

.content_focus_1 {
	color: #004A79;
	font-variant: normal;
	font-weight: normal;
}

.content_small_1 {
	font-variant: normal;
	color: #333333;
	font-weight: normal;
}

.titre_centre_bordure_bas {
	font-weight: bold;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-color: #888888;
	padding-left: 30px;
}

.titre_cadre_haut {
	font-size: var(--text-size-title);
	color: #565454;
	text-align: center;
	font-weight: bold;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: thin;
	border-color: grey;
	border-bottom-style: dotted;
}

.titre_cadre_gauche {
	font-weight: bold;
	text-align: right;
	border-left-style: solid;
	border-width: thin;
	border-color: grey;
}

.titre_cadre_gauche_bas {
	font-weight: bold;
	text-align: right;
	border-left-style: solid;
	border-bottom-style: solid;
	border-width: thin;
	border-color: grey;
}

.titre_cadre_droit {
	border-right-style: solid;
	border-width: thin;
	border-color: grey;
}

.titre_cadre_droit_bas {
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: thin;
	border-color: grey;
}

.titre_gras_cadre_gauche_et_bas {
	border-bottom-style: solid;
	border-width: thin;
	border-color: grey;
	font-weight: bold;
	padding-left: 10px;
}

tr.lignerose_tableau {
	background-color: #E56881;
	height: 17px;
}

tr.ligneblue_tableau {
	background-color: #A8C7C3;
	height: 17px;
}

td {
	font-variant: normal;
	font-weight: normal;
}

td.onglet_select {
	font-weight: bold;
	background-color: #FFCC33;
}

td.cadre {
	border-left: 1px solid var(--default-border-color);
	border-right: 1px solid var(--default-border-color);
	padding: 6px;
}

td.cadre_saisie {
	border-left: 1px solid var(--default-border-color);
	border-right: 1px solid var(--default-border-color);
	border-bottom: 1px solid var(--default-border-color);
}

.cadre_saisie {
	padding: 6px;
}

td.cadre_saisie_light {
	border-bottom: 1px;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #C0C0C0;
	border-top: none;
}

.cadre_saisie_light {
	padding: 0px;
}

.cadre_saisie.no_padding {
	padding: 0px;
}

td.cadre_complet {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding: 9px;
}

table.cadre_complet {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	border-radius: 5px;
	padding: 9px;
}

.tableau {
	width: 100%;
}

.tableau tr {
	height: 17px;
}

.tableau tr:NTH-CHILD(even) {
	background-color: #D0E0FF;
}

td.titre_tableau, .tableau th {
	color: var(--light);
	background-color: var(--primary-50);
	height: 20px;
	text-align: center;
}

td.titre_tableau button {
    font-size: var(--text-size-default);
    padding: 0.15rem 0.25rem;
    border: 1px solid var(--action-active-primary-border-color);
    border-radius: 0.5rem;
    margin: 0.25rem 0.25rem 0 0.25rem;
    color: var(--action-primary-color);
    background-color: var(--action-primary-bg-color);
    float: right;
    cursor: pointer;
}

td.titre_tableau_unique {
	color: var(--warning);
	background-color: var(--primary-50);
	font-weight: bold;
	height: 20px;
	text-align: center;
}

a.titre_tableau_unique {

	color: var(--warning);
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.iloa-a.titre_tableau_unique {
	color: var(--warning);
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a.titre_tableau_unique:hover {
	color: var(--danger);
}

.iloa-a.titre_tableau_unique:hover {
	color: var(--danger);
}

td.italique {
	font-style: italic;
}

td.libelle_gras {
	font-weight: bold;
}

td.gras_centre {
	font-weight: bold;
	text-align: center;
}

.titre_tableau_graphique {
	background-color: var(--light);
}

td.devise_lignetableau {
	color: #777;
	font-style: italic;
}

td.soustitre_tableau {
	color: var(--text-color);
	background-color: #90AFE9;
	font-weight: bold;
	font-style: italic;
}

td.group1_tableau {
	color: var(--text-color);
	background-color: #9999FF;
	font-weight: bold;
	font-style: italic;
}

td.group2_tableau {
	color: var(--text-color);
	background-color: #99CCFF;
	font-weight: bold;
	font-style: italic;
}

td.group3_tableau {
	color: var(--text-color);
	background-color: #66CCFF;
	font-weight: bold;
	font-style: italic;
}

td.solde_facture {
	color: red;
}

td.facture_ttc {
	color: green;
}

.titre_zone {
	font-weight: bold;
}

td.titre_zone {
	font-weight: bold;
	text-align: right;
	padding-right: 0.125rem;
}

td.titre_zone.multiligne {
	vertical-align: top;
	padding-top: 2px;
}

td.titre_zone_left {
	font-weight: bold;
	text-align: left;
}

td.titre_zone_unique {
	font-weight: bold;
	text-align: right;
	color: orange;
}

td.gantt_option {
	font-weight: bold;
	text-align: right;
	padding: 0px 0px 0px 20px;
}

td.gantt_option_labelcheckbox {
	font-weight: bold;
	text-align: left;
	padding: 0px;
}

td.fiche_donnee_saisie {
	text-align: left;
}

td.titre_zone_bleu {
	font-weight: bold;
	color: var(--primary);
}

td.positionner_top {
	vertical-align: top;
}

td.ligne_titre_tableau {
	color: var(--text-color);
	font-weight: bold;
	height: 20px;
	text-align: right;
}

.row_tab {
	background-color: #FFFFFF;
}

.row_tab input {
	background-color: #FFFFFF;
}

.row_tab pre {
	background-color: #FFFFFF;
}

.row_tab select {
	background-color: #FFFFFF;
}

.row_tab textarea {
	background-color: #FFFFFF;
}

tr.row_tab {
	height: 2rem;
}

.row_alerte {
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #FF0000;
	color: #FF0000;
}

.row_odd {
	background-color: #99CCFF;
}

.row_even {
	background-color: #D0E0FF;
}

.row_alt {
	background-color: #D0E0FF;
}

.row_alt input {
	background-color: #D0E0FF;
}

.row_alt pre {
	background-color: #D0E0FF;
}

.row_alt select {
	background-color: #D0E0FF;
}

.row_alt textarea {
	background-color: #D0E0FF;
}

.x-grid3-row-alt {
	background-color: #D0E0FF;
}

input[type="text"], [type="password"] {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #4169E1;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	height: 18px;
}

input.commentaire {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #4169E1;

	font-variant: normal;
	font-weight: normal;
	color: #333333;
	height: 18px;
}

input.check {
	border-style: none;
}

.checkbis {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
	height: 13px;
}

textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #4169E1;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
}

select {
	border-style: solid;
	border-width: 1px;
	border-color: #4169E1;

	font-variant: normal;
	font-weight: normal;
	color: #333333;
}

.autocomplete {
	border-color: #FEA885 !important;
}

.iloa-a-bandeau {
	color: #3333FF;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

/*TODO : attention doublon avec style.css*/
a:hover {
	color: #ff7f00;
}

.iloa-a:hover {
	color: #ff7f00;
}

.iloa-a-bandeau i:hover {
	color: #ff7f00;
}

.iloa-a-bandeau:hover {
	color: #ff7f00;
}

.iloa-a i:hover {
	color: #ff7f00;
}

a.titre_colonne {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.iloa-a.titre_colonne {

	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

a.titre_colonne:hover {
	color: #FF0000;
}

.iloa-a.titre_colonne:hover {
	color: #FF0000;
}

a.petit {
	font-size: var(--text-size-small);
}

a.onglet {
	font-weight: bold;
	color: #F0ECDF;
	background-color: #6AB9FF;
	text-decoration: none;
}

.iloa-a.onglet {
	font-weight: bold;
	color: #F0ECDF;
	background-color: #6AB9FF;
	text-decoration: none;
}

a.onglet:hover {
	color: #FFCC33;
}

.iloa-a.onglet:hover {
	color: #FFCC33;
}

th:not (.birtcontent th ) {
	border-bottom: solid;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	border-color: #000099;
	background-color: #DCDCDC;
	padding: 3px;
}

.birtcontent th {
	text-align: initial;
}

th.bleu {
	background-color: #E0E9FE;
}

td.bleuf {
	font-style: normal;
	font-family: tahoma;
	background-color: #0099FF;
	color: #FFFFFF;
	font-weight: bold
}

td.bleu {
	font-style: normal;
	font-family: tahoma;
	background-color: #E0E9FE;
	color: var(--text-color);
}

td.gris {
	font-style: normal;
	font-family: tahoma;
	background-color: #E9E9E9;
	color: var(--text-color);
}

td.blanc {
	font-style: normal;
	font-family: tahoma;
	background-color: #FFFFFF;
	color: var(--text-color);
}

td.bleumoyen {
	font-style: normal;
	font-family: tahoma;
	background-color: #9FBBFB;
	color: var(--text-color);
	font-weight: bold;
}

td.bleugras {
	font-style: normal;
	font-family: tahoma;
	background-color: #E0E9FE;
	color: var(--text-color);
	font-weight: bold;

}

td.grisgras {
	font-style: normal;
	font-family: tahoma;
	background-color: #E9E9E9;
	color: var(--text-color);
	font-weight: bold;
}

td.blanccold {
	font-style: normal;
	font-family: tahoma;
	border-right: solid;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #FFFFFF;
	color: var(--text-color);
	font-weight: normal;
	border-color: #000099
}

td.bleucold {
	font-style: normal;
	font-family: tahoma;
	border-right: solid;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #E0E9FE;
	color: var(--text-color);
	font-weight: normal;
	border-color: #000099
}

td.bleufcold {
	font-style: normal;
	font-family: tahoma;
	border-right: solid;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #ff8000;
	color: #FFFFFF;
	font-weight: normal;
	border-color: #FFFFFF;
	font-weight: bold
}

td.s1 {
	font-style: normal;
	font-family: tahoma;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #9FBBFB;
	color: var(--text-color);
	font-weight: bold;
	border-color: #0099FF
}

td.griscold {
	font-style: normal;
	font-family: tahoma;
	border-right: solid;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #E9E9E9;
	color: var(--text-color);
	font-weight: normal;
	border-color: #000099
}

tr.blanc {
	font-style: normal;
	font-family: tahoma;
	font-weight: normal;

	color: var(--text-color);
	background-color: #FFFFFF;
}

tr.bleu {
	font-style: normal;
	font-family: tahoma;
	font-weight: normal;
	color: var(--text-color);
	background-color: #E0E9FE;
}

tr.gris {
	font-style: normal;
	font-family: tahoma;
	font-weight: normal;

	color: var(--text-color);
	background-color: #E9E9E9;
}

tr.selectedRow {
	font-style: normal;
	font-family: tahoma;
	font-weight: normal;
	color: var(--text-color);
	background-color: #FFFFBA;
}

tr.s1 {
	font-style: normal;
	font-family: tahoma;
	font-weight: bold;

	color: var(--text-color);
	background-color: #9FBBFB;
}

tr.rupture1 {
	font-style: normal;
	font-family: tahoma;
	font-weight: bold;
	color: var(--text-color);
	background-color: #B0C4DE;
	height: 25px;
}

tr.rupture1 input {
	background-color: #B0C4DE;
}

tr.rupture1 pre {
	background-color: #B0C4DE;
}

tr.rupture1 select {
	background-color: #B0C4DE;
}

tr.rupture1 textarea {
	background-color: #B0C4DE;
}

tr.rupture2 {
	font-style: normal;
	font-family: tahoma;
	font-weight: bold;

	color: var(--text-color);
	background-color: #D0DCEC;
	height: 25px;
}

tr.rupture2 input {
	background-color: #D0DCEC;
}

tr.rupture2 pre {
	background-color: #D0DCEC;
}

tr.rupture2 select {
	background-color: #D0DCEC;
}

tr.rupture2 textarea {
	background-color: #D0DCEC;
}

tr.s2 {
	font-style: normal;
	font-family: tahoma;
	font-weight: normal;
	color: var(--text-color);
	background-color: #9FBBFB;
}

tr.s3 {
	font-style: italic;
	font-family: tahoma;
	font-weight: normal;

	color: var(--text-color);
	background-color: #9FBBFB;
}

hr {
	color: #0099FF;
	height: 1px
}

td.shh {
	font-style: normal;
	font-family: tahoma;
	border-left: none;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #FFFF80;
	color: var(--text-color);
	border-color: #0099FF
}

td.alerte_rouge {
	background-color: #FF0000;
}

td.alerte_orange {
	background-color: #FFA500;
}

td.font_alerte_rouge {
	color: #FF0000;
}

td.font_alerte_orange {
	color: #FFA500;
}

td.sfh {
	font-style: normal;
	font-family: tahoma;
	border-left: none;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #80FF80;
	color: var(--text-color);
	border-color: #000000
}

td.svh {
	font-style: normal;
	font-family: tahoma;
	border-left: none;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #8080FF;
	color: var(--text-color);
	border-color: #000000
}

td.snh {
	font-style: normal;
	font-family: tahoma;
	font-size: 10px;
	border-left: none;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #9FBBFB;
	color: var(--text-color);
	border-color: #000000;
}

td.s2 {
	font-style: normal;
	font-family: tahoma;
	border-left: none;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	color: var(--text-color);
	border-color: #000000
}

td.st_bold {
	font-style: normal;
	font-family: tahoma;
	font-weight: bold;
	border-color: #000000;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	color: var(--text-color);
}

td.st {
	font-style: normal;
	font-family: tahoma;
	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	color: var(--text-color);
	border-color: #000000;
}

td.sth {
	font-style: normal;
	font-family: tahoma;

	border-right: none;
	border-spacing: 0px;
	border-collapse: separate;
	border-width: 1px;
	padding-left: 4px;
	background-color: #9FBBFB;
	color: var(--text-color);
	border-color: #000000;
}

input.sh {
	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFF80;
	color: var(--text-color);
	height: 15px;

}

input.sf {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #80FF80;
	color: var(--text-color);
	height: 15px;
}

input.sv {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #8080FF;
	color: var(--text-color);
	height: 15px;
}

input.sn {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	color: var(--text-color);
	height: 15px;
}

input.s3 {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: var(--text-color);
	height: 15px;
}

td.sh {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFF80;
	color: var(--text-color);
	height: 15px;

}

td.sf {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #80FF80;
	color: var(--text-color);
	height: 15px;
}

td.sv {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #8080FF;
	color: var(--text-color);
	height: 15px;
}

td.sn {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	color: var(--text-color);
	height: 15px;
}

td.s3 {

	font-weight: normal;
	font-family: tahoma;
	padding: 1px 2px 1px 2px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: var(--text-color);
	height: 15px;
}

pre {
	margin: 0px;
	border: 0px;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	text-align: justify;
}

input.sfh {
	background-color: #80FF80;
	color: var(--text-color);
}

pre.commentaire {

}

.page_entete {
	text-align: justify;
}

.bord-g {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

.bord-d {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

.bord-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.bord-h {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

.bord-d-mc {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaaaaa;
}

.bord-b-mc {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
}

.bord-h-mc {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaaaaa;
}

.bord-g-mc {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #aaaaaa;
}

.bord-d-c {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}

.bord-b-c {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.bord-h-c {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}

.bord-g-c {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
}

.bord-d-p {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #99CCCC;
}

.topMenu A {
	padding-right: 0px;
	display: block;
	padding-left: 0px;

	color: #3333FF;
	font-weight: normal;
	padding-bottom: 4px;
	margin: 0px;
	vertical-align: baseline;
	width: 100%;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none
}

.topMenu A:visited {
	color: #3333FF;
	font-weight: normal;
}

.import {
	height: 25px;
}

.topMenu A:hover {
	padding-right: 0px;
	display: block;
	padding-left: 0px;

	color: #3333FF;
	font-weight: normal;
	margin: 0px;
	vertical-align: baseline;
	width: 100%;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #dddddd;
	text-decoration: none
}

#valide {
	color: green;
	font-weight: bold;
	text-decoration: underline;
}

#annule {
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

div.indicateur_libelle_titre {
	/*float: left;*/
	/*height: 14px;*/
	/*margin-right: 20px;*/
	/*margin-top: 3px;*/
	/*margin-bottom: 3px;*/
}

div.indicateur_voyant {
	float: left;
	height: 14px;
	width: 14px;
	border: solid 1px;
	margin: 2px;
	display: block;
}

.indicateur_libelle {
	font-weight: bold;
	color: #808080;
}

#tableIndicateur label {
	font-weight: bold;
}

#ajaxLoading {
	float: right;
	font-weight: bold;
	font-style: italic;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
}

div #arborescence {
	overflow: auto;
	border: 1px solid #C0C0C0;
}

div #listeDroit {
	overflow: auto;
	border: 1px solid #C0C0C0;
}

.cadrePlandeCharge {
	overflow-x: auto;
}

.pchargeProgressBar {
	border-width: 2px;
	border-style: solid;
	border-color: green;
	width: 100%;
	background-color: white;
	paddin: 0px;
}

.rouge {
	color: red;
}

#ui-datepicker-div {
	display: none;
	z-index: 9999 !important;
}

body ul.cm_default li {
	font-family: Arial, Helvetica, Verdana, sans-serif;

}

.btnSelectBarre {
	height: 89%;
	padding: 0px;
	margin: 0px;
}

.selectIcone {
	height: 95%;
	padding: 0px;
	margin-right: 4px;
	vertical-align: middle;
}

input[type="button"].mainButton {
	background-color: green;
	padding: 10px 12px;
}

input[type="button"].secondButton {
	background-color: lightgrey;
	color: #7B7979;
}

input[type="button"] {
	cursor: pointer;
	background-position: left top;
	background-repeat: repeat-x;
	font-weight: bold;
	border-radius: 0.5rem;
	font-size: var(--text-size-default);
	margin: 0.125rem 0;
	padding: 0.5rem;
	border: 1px solid var(--action-active-primary-border-color);
	color: var(--action-primary-color);
	background-color: var(--action-primary-bg-color);
}

input[type="button"]:hover {
	color: var(--action-active-primary-color);
	background-color: var(--action-active-primary-bg-color);
	border-color: var(--action-active-primary-border-color);
}


input[type="radio"], input[type="checkbox"] {
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: inherit;
}

input[type="text"], input[type="password"] {
	border: 1px solid #5c9ded;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;

	font-variant: normal;
	font-weight: normal;
	height: 18px;
	/*border-radius : 5px;
	-moz-border-radius : 5px;
	-o-border-radius : 5px;
	-webkit-border-radius : 5px;
	-ms-border-radius : 5px;*/
	vertical-align: middle;
	padding-left: 2px;
	margin: 2px 0;
	min-width: 25px;
}

select {
	background-color: #eee;
	border: 1px solid #5c9ded;
	color: #333333;

	font-variant: normal;
	font-weight: normal;
	height: 20px;
	/* border-radius : 5px 0 0 5px;
	-moz-border-radius : 5px 0 0 5px;
	-o-border-radius : 5px 0 0 5px;
	-webkit-border-radius : 5px 0 0 5px;
	-ms-border-radius : 5px 0 0 5px;*/
	padding-left: 2px;
	margin: 2px 0;
}

select.multiple {
	height: auto;
}

textarea {
	border: 1px solid #5c9ded;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;

	font-variant: normal;
	font-weight: normal;
	/*border-radius : 5px;
	-moz-border-radius : 5px;
	-o-border-radius : 5px;
	-webkit-border-radius : 5px;
	-ms-border-radius : 5px;*/
	vertical-align: middle;
	padding-left: 2px;
	margin: 2px 0;
	resize: both;
}

/****partie module Projet > fiche > onglet facture > facture client ***/
.rowProduit {
	height: 20px;
}

.rowTotal {
	height: 20px;
}

div#aazone\.zoneEcheancier {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.blockEcheance {
	border: solid 1px #BBBBBB;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	margin: 5px;
	width: auto;
}

.blockEcheance .title {
	font-weight: bold;
	padding: 2px;
	width: 200px;
}

.blockEcheance .date {
	vertical-align: middle;
	height: 30px;
	padding: 2px;
	width: 200px;
}

.blockEcheance .date img {
	margin: 7px 4px;
}

.blockEcheance .date a {
	margin-right: 5px;
}

.blockEcheance table.tableResult {
	border-collapse: collapse;
	width: 100%;
}

.noresult {
	width: 100%;
	text-align: center;
}

.blockEcheance table tr {
	height: 28px;
}

.blockEcheance table td {
	padding: 2px !important;
}

.blockEcheance table td.lastColonne {
	text-align: right;
}

table.noBorder {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border: none;
}

table.titlePanel {
	width: 97%;
}

table.titlePanel93 {
	width: 93%;
}

.blocCritere {
	text-align: center;
	display: table;
	margin: auto;
}

.couleurChoose {
	width: 50px;
	cursor: pointer;
	border: 1px solid black;
	text-align: center;
}

span.titre_zone {
	padding-left: 12px;
}

div.wide {
	width: 100%;
}

div.wide span {
	display: inline-table;
}

div.wide span.titre_zone {
	padding-left: 0;
	text-align: right;
}

/***plan de charge***/
/*Name css clas is not valid*/
/*.0_90PC {*/
/*	background-color: #FF8040;*/
/*}*/

/*.90_110PC {*/
/*	background-color: #347C17;*/
/*}*/

.sup110PC {
	background-color: #FF0000;
}

/**ajout du new look pour la page table ref alarm**/
.oldStyleNewStructure .blockEncadre {
	margin: 2px;
}

.oldStyleNewStructure .blockEncadreHeader {
	background-image: url("../images/fond_entete.gif");
	background-position: left top;
	background-repeat: repeat-x;
	height: 20px;
}

.oldStyleNewStructure .blockEncadreHeader .fondG {
	background-image: url("../images/fond_g_entete.gif");
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 20px;
}

.oldStyleNewStructure .io-block-orange .blockEncadreHeader .fondG {
	background-image: url("../images/fond_action_g_entete.gif");
}

.oldStyleNewStructure .blockEncadreHeader .fondD {
	background-image: url("../images/fond_d_entete.gif");
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	height: 20px;
	width: 4px;
}

.oldStyleNewStructure .blockEncadreHeader .ajoutD {
	float: right;
	margin-right: -4px;
}

.oldStyleNewStructure .blockEncadreHeader .titre {
	display: inline-block;

	padding-left: 5px;
	padding-top: 3px;
}

.oldStyleNewStructure .blockEncadreContent {
	border: 1px solid #C0C0C0;
	padding: 9px;
}

.oldStyleNewStructure .blockEncadreContent.degrade {
	background-image: url("../images/fond_col_g.gif");
	background-position: left top;
	background-repeat: repeat-y;
}

.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button {
	background-image: url("../images/fond_action_bt_fd.gif");
	background-position: left top;
	background-repeat: repeat-x;
	float: left;
	padding: 0 5px;
}

.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button a {
	display: block;
	height: 20px;
	vertical-align: middle;
}

.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button .iloa-a {
	display: block;
	height: 20px;
	vertical-align: middle;
}

.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button.first {
	background-image: url("../images/fond_visu_bt_g.gif");
	width: 35px;
}

.oldStyleNewStructure .io-block-orange .blockEncadreHeader .ajoutD ul.buttons li.button.first {
	background-image: url("../images/fond_action_bt_g.gif");
}

.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button.first,
.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button.seperate,
.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button.last {
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	padding: 0;
}

.oldStyleNewStructure .blockEncadreHeader .ajoutD ul.buttons li.button.last span {
	background-image: url('../images/fond_d_entete.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 4px;
	height: 20px;
	display: block;
}

.largeTextArea {
	width: 97%;
}

/*!
 * Ext JS Library 3.4.0
 * Copyright(c) 2006-2011 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
	position: relative;
	height: 22px;
}

.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter: alpha(opacity:0);
	opacity: 0;
	z-index: 2;
	height: 22px;
}

.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}

.x-form-file-wrap .x-form-file-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	color: #777;
	margin-top: 0;
}

.x-form-file-wrap .x-form-field-iframe {
	display: none;
}

.ui-widget .x-form-file-wrap .x-form-file {
	z-index: 2002;
}

.ui-widget .x-form-file-wrap .x-form-file-btn {
	z-index: 2001;
}

.ui-widget .x-form-file-wrap .x-form-file-text {
	z-index: 2003;
}

.severitePre {
	margin-top: 3px;
	margin-left: 2px;
}

.severitePost {
	padding-left: 30px;
}

.montantNegatif {
	color: red;
}

.montantPositif {
	color: black;
}

.vamiddle {
	vertical-align: middle !important;
}

/***Correction facture***/
/*Généralité*/
.factureGeneraliteTypeFacture {
	max-width: 400px;
}

.factureGeneraliteEmetteur, .factureGeneraliteDestinataire {
	max-width: 800px;
}

.factureGeneraliteSiteOrRefFounisseur {
	max-width: 600px;
}

.factureGeneraliteModeReg {
	max-width: 140px;
}

.factureGeneraliteTypeFacture select, .factureGeneraliteEmetteur select,
.factureGeneraliteDestinataire select, .factureGeneraliteModeReg select,
.factureGeneraliteSiteOrRefFounisseur select,
.factureGeneraliteSiteOrRefFounisseur input {
	max-width: 100%;
}

/***Correction projet***/

/***Généralité***/
.projetGeneraliteDevisLink a {
	display: inline-block;
	max-width: 210px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.projetGeneraliteDevisLink.displayFlex {
	display: flex;
	align-items: center;
	gap: .5em;
}

/**Demande d'achat**/
.scroll-x-dmde-achat {
	width: 100%; 
	min-width:1400px; 
	overflow: hidden;
	overflow-x:auto;
}

/**Plannification planning**/
#enteteGaucheHT {
	z-index: 10;
}

#enteteHorizontalHT {
	z-index: 5;
}

#coinGaucheHT {
	z-index: 20;
}

.taille-max-liste-de-choix {
	max-width: 300px;
}

.taille-max-liste-de-choix select {
	max-width: 100%;
}

.display-inline-block {
	display: inline-block;
}

/**Prestation**/
.projetPrestationRAFForm {
	text-align: center;
}

.projetPrestationRAFForm label {
	font-weight: bold;
}

.projetPrestationLibelle .projetPrestationLibelleInput {
	display: inline-block;
	float: left;
	width: 71%;
}

.projetPrestationLibelle .projetPrestationLibellePart {
	display: inline-block;
	float: left;
	width: 7%;
	text-align: center;
	height: 22px;
}

.projetPrestationLibelle .projetPrestationLibellePart a {
	display: block;
	padding-top: 3px;
}

.projetPrestationLibelle .projetPrestationLibellePartComment a {
	padding-top: 6px;
}

.projetPrestationLibelle input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
}

/*suivant le nombre afficher*/
.projetPrestationLibelle.sousPart1 .projetPrestationLibelleInput {
	width: 92%;
}

.projetPrestationLibelle.sousPart2 .projetPrestationLibelleInput {
	width: 85%;
}

.projetPrestationLibelle.sousPart3 .projetPrestationLibelleInput {
	width: 78%;
}

.projetPrestationLibelle.sousPart4 .projetPrestationLibelleInput {
	width: 71%;
}

/***Correction Table Ref***/
/**Partie Projet : État**/
.tableRefProjetEtatCode {
	max-width: 35px;
}

.tableRefProjetEtatLibelle {
	max-width: 180px;
}

.tableRefProjetEtatTexte {
	max-width: 150px;
}

.tableRefProjetEtatCheck {
	max-width: 75px;
}

.tableRefProjetEtatCheck span {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	padding: 0 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.tableRefProjetEtatCode input, .tableRefProjetEtatLibelle input,
.tableRefProjetEtatTexte input {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/**Partie display ajustement**/
.displayAjustement span {
	display: inline-block;
}

.displayAjustement .unitePourcent {
	display: inline-block;
}

.displayAjustement .displayAjustementType, .displayAjustement .displayAjustementPourcent,
.displayAjustement .displayAjustementMontant {
	text-align: right;
}

.displayAjustement .displayAjustementType {
	min-width: 100px;
	width: 45%;
}

.displayAjustement .displayAjustementPourcent {
	white-space: nowrap;
	width: 25%;
}

.displayAjustement .displayAjustementMontant {
	width: 20%;
}

.displayAjustement .ajustementHidden {
	display: none;
}

/**Partie display fourniture projet**/
.conteneurProduit {
	min-width: 970px;
	overflow-x: auto;
}

.tableProduit {
	min-width: 1300px;
}

/**Partie Tritre Bouton**/
/*TODO a mettre sur tous les titres*/
.titreBouton {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/***Partie Contact***/
/**Onglet visibilité**/
.contactVisibiliteTableCheck {

}

.contactVisibiliteTableCheck td > span {
	font-size: var(--text-size-small);
	min-height: calc(var(--text-size-small) * 2);
	vertical-align: middle;
}

.contactVisibiliteTableCheck td > span > input[type="checkbox"] {
	margin: 0 0.125rem;
}

.contactVisibiliteTableCheck td > span > select {
	font-size: var(--text-size-small);
	height: calc(var(--text-size-small) * 2);
	padding: 0.25rem 0.5rem;
	margin: 0.125rem;
}

/*.contactVisibiliteTableCheck, .contactVisibiliteTableCheck td {*/
/*	font-size: 0;*/
/*}*/

/*.contactVisibiliteTableCheck label {*/
/*	font-size: 0;*/
/*}*/

/*.contactVisibiliteTableCheck img {*/
/*	margin: 0;*/
/*}*/

/*.contactVisibiliteTableCheck input[type="checkbox"] {*/
/*	margin-right: 5px;*/
/*}*/

/*.contactVisibiliteTableCheck span {*/

/*	margin-left: 3px;*/
/*}*/

/**PartiSuivi**/
#tabSuivi {
	text-align: left;
}

#tabSuivi .x-panel-btns, #tabSuivi .x-grid-panel .x-panel-body,
#tabSuivi .x-panel-btns td.x-toolbar-cell {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.io-tableau-carac-fichier-comptable {

}

.io-tableau-carac-fichier-comptable .titre_zone {
	padding-right: 7px;
}

.io-tableau-carac-fichier-comptable .donnee_zone {
	padding-right: 21px;
}

.fusionfactureesclave {

}

.fusionfacturemaitre {
	background-color: #B5E655;
}

#divfacture {
	overflow-x: auto;
}

.listeDeroulanteWidth250 {
	width: 250px;
}

.listeDeroulanteWidth500 {
	width: 500px;
}

.ctpResRuptureTab input {
	background-color: white;
}

.ctpResRuptureTab {
	background-color: #cccccc;
}

.ctpResContentTab {
	text-align: center;
}

.ctpResRuptureTab1 {
	background-color: #cccccc;
	text-align: left;
	font-weight: bold;
}

.ctpResContentTab1 {
	text-align: center;
	background-color: #eeeeee;
}

.token_expired {
	background-color: red !important;
}

.numPageNonMobile span {
	cursor: pointer;
}

.height15 {
	height: 15px !important;
}

.height14 {
	height: 14px !important;
}

.uploader-button-birt .qq-upload-button, .uploader-button-birt .qq-upload-list li.qq-upload-success {
	cursor: pointer;
	background-color: #5c9ded;
	background-image: url("../images/fond_buttons.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
	border-style: none;
	border-radius: 5px;
	padding: 2px;
	margin: 2px;
	width: initial;
}

.uploader-button-contact-delete, .uploader-button-contact .qq-upload-button,
.uploader-button-contact .qq-upload-list li.qq-upload-success {
	cursor: pointer;
	display: block;
	background-color: #5c9ded;
	background-image: url("../images/fond_buttons.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
	border-style: none;
	border-radius: 5px;
	padding: 2px;

	margin: 2px 4px;
	width: 100%;
}

.uploader-button-birt .qq-upload-list li.qq-upload-success,
.uploader-button-contact .qq-upload-list li.qq-upload-success {
	cursor: auto;
}

.uploader-button-contact .qq-upload-list li.qq-upload-fail {
	display: inline-table;
	background-color: #D60000;
	color: #FFFFFF;
	font-weight: bold;
	border-style: none;
	border-radius: 5px;
	padding: 2px;
	margin: 2px 0;
	width: 100%;
}

.adresse_liste {
	max-width: 600px;
}

.iovision-nowrap {
	white-space: nowrap;
}

.nouvelle-facture-renvoi {
	text-align: left;
}

.nouvelle-facture-renvoi ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 20px;
}

.validationActiviteProjet .valid_suivi_projet_content {
	padding-left: 30px;
}

.validationActiviteProjet i.fa {
	font-size: 1.5em;
}

.validationActiviteProjet .etatInTable i.fa-times {
	cursor: pointer;
}

.iofield-link-icon {
	margin-left: 0.2ex;
}

.actionValider, .actionRefuser, .actionAnnuler {
	text-decoration: underline;
	cursor: pointer;
	padding: 8px;
}

.actionImpossible {
	color: #C0C0C0;
	text-decoration: underline;
	padding: 8px;
}

.actionValider {
	color: #35B82E;
}

.actionRefuser {
	color: #F25274;
}

.actionAnnuler {
	color: #6f6f6f;
}

.padding2 {
	padding: 2px;
}

.etatValide {
	color: green;
}

.etatRefuse {
	color: red;
}

.etatInTitle, .etatInTitlePresta {
	position: absolute;
	cursor: default;
	padding-top: 12px;
}

.etatInTitle {
	right: 200px;
}

.etatInTitlePresta {
	right: 187px;
}

.validationActiviteProjet table.titlePanel {
	width: 98%;
}

.validationActiviteProjet .ioPanel .x-tool {
	margin-top: 14px;
	margin-right: 2px;
}

.io-fa-align {
	vertical-align: bottom;
}

.io-fa-orange {
	color: #ff7221;
}

.io-fa-light-orange {
	color: #fba651;
}

.io-fa-yellow {
	color: #ffc45e; /*#FFA500;*/
}

.io-fa-red {
	color: red;
}

.io-fa-violet {
	color: violet;
}

.io-fa-blue {
	color: blue;
}

.io-fa-grey {
	color: grey;
}

.io-fa-maroon {
	color : maroon;
}

.io-fa-green {
	color: forestgreen;
}

.io-fa-white {
	color: white;
}

.io-fa-black {
	color: black;
}

.cell-adresse-full-screen select {
	max-width: 800px;
}

.tableau-collab-fonction .cell-label-definition,
.tableau-collab-fonction .cell-label-jour, .tableau-collab-fonction .cell-label-adresse {
	text-align: right;
	width: 80px;
}

.tableau-collab-fonction .cell-label-convention {
	text-align: right;
	width: 120px;
}

.tableau-collab-fonction .cell-label-presence, .tableau-collab-fonction .cell-label-coeffstructure {
	text-align: right;
	width: 200px;
}

.tableau-collab-fonction .cell-input-jour, .tableau-collab-fonction .cell-input-adresse,
.tableau-collab-fonction .cell-input-presence {
	text-align: left;
}

tr.lignetotal td {
	font-weight: bold;
}

.hoverPicto:hover {
	color: #a0a0a0;
}

.collab-liste {
	display: inline-block;
}

.collab-liste > .collab-item {
	display: inline-block;
}

.collab-liste > .collab-item:not (:first-child ):before {
	content: ',';
}

.zoneInfoFiche {
	padding: 5px 2px;
	margin-bottom: 5px;
	color: #333;
	font-family: tahoma, arial, verdana, sans-serif;
	border: 1px solid;
	border-color: #d0d0d0;

}

.zoneInfoFiche .info-titre {
	padding-left: 12px;
	font-weight: bold;
}

.zoneInfoFiche .info-sous-titre {
	padding-left: 5px;
}

.vertical-align-middle {
	vertical-align: middle !important;
}

.vertical-align-bottom {
	vertical-align: bottom !important;
}

.zoneInfoFiche .info-texte {

}

.zoneInfoFiche .collab-liste {
	display: inherit;
}

.displayNone {
	display: none;
}

#button_barr_right .iloa-a:hover {
	color: #666666;
}

.tooltip-sur-focus {
	display: none;
}

input:focus + .tooltip-sur-focus {
	display: block;
	position: absolute;
	z-index: 10;
}

.tooltip-sur-focus {
	border: 2px solid #5075E3;
	background-color: #C8D5FA /*#668CFC*/;
	border-radius: 5px;
	min-width: 200px;
	max-width: 50%;
}

.tooltip-sur-focus .tooltip-titre {
	border-bottom: 2px solid #5075E3;
	padding: 3px;
}

.tooltip-sur-focus .tooltip-corps {
	padding: 3px;
}

.champ-required {
	border: 1px solid;
	border-color: #ce4844;
	border-left-width: 5px;
	border-radius: 3px;
}

.pointer {
	cursor: pointer;
}

.help {
	cursor: help;
}

.ui-dialog .ui-dialog-title {
	font-size: var(--text-size-title);
}

#divnotif {
	background: white none repeat scroll 0 0;
	border: medium solid grey;
	border-radius: 5px;
	float: right;
	padding: 7px;
	position: absolute;
	right: 59px;
	top: 70px;
	width: 400px;
	/* Pour passer au dessus des éléments de la page (recherche ext-js, etc) */
	z-index: 1000;
	/* Par défaut on cache, pour ne pas avoir de scientillement sur le chargement d'une page.*/
	/*display:none;*/
}

#divworkflow {
	background: white none repeat scroll 0 0;
	border: medium solid grey;
	border-radius: 5px;
	float: right;
	padding: 7px;
	position: absolute;
	right: 59px;
	top: 70px;
	width: 400px;
	/* Pour passer au dessus des éléments de la page (recherche ext-js, etc) */
	z-index: 1000;
	/* Par défaut on cache, pour ne pas avoir de scientillement sur le chargement d'une page.*/
	/*display: none;*/
}

#divworkflow .ok {
	color: green;
}

#divworkflow .ko {
	color: red;
}

#divworkflow .fa-eye {
	color: black;
}

#divworkflow .coche {
	float: right;
	padding: 5px;
	font-size: var(--text-size-title);
}

#divworkflow .coche span {
	font-size: var(--text-size-title);
}

.collapse-notif-command {
	padding: 10px;
	clear: both;
	border-top: solid thin;
	cursor: pointer;
}

.collapse-notif-command:first-child {
	border: none;
	padding-top: 0px;
}


.alert {
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert .alert-important {
	font-weight: 700;
}

.alert-success {
	padding: 10px;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-success .alert-link {
	color: #2b542c;
}

.alert-warning {
	padding: 10px;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-warning .alert-link {
	color: #66512c;
}

.alert-info {
	color: var(--text-color);
	/*image not exist*/
	/*background-image: url("images/fond_col_g.gif");*/
	border-color: #d0d0d0;
}

.alert-info .alert-link {
	color: #245269;
}

.alert-danger,
.alert-error {
	padding: 10px;
	color: #783c3c;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert-danger .alert-link,
.alert-error .alert-link {
	color: #542c2b;
}

.iloa-a .currency-a {
	color: var(--text-color);
	cursor: auto;
}

.size-200 {
	width: 200px;
}

.size-400 {
	width: 400px;
}

.vabottom {
	vertical-align: middle !important;
}

.marginRight5 {
	margin-right: 5px;
}

.pagination {
	float: right;
	display: inline-flex;
	margin: 2px 10px 2px 10px;
}

.pagination ul {
	display: inline-flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	margin-left: 10px;
}

.pagination .selected .page-link {
	color: #000;
	background-color: #f1f1f1;
	border: 1px solid #9a9a9a;
	cursor: default;
	margin-right: 0px;
}

.pagination .page-link {
	position: relative;
	display: block;
	padding: .1rem .2rem;
	margin-left: -1px;
	background-color: #fff;
	border: 1px solid #b0b0b0;
}

.pagination .page-link, .pagination .page-link i, .pagination > span {
}

.pagination > span {
	padding-top: 2px;
}

tr.trbold > td {
	font-weight: bold;
}

progress[value] {
	/* Reset the default appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	appearance: none;
	text-align: center;
	width: 100%;
	height: 1.3em;
	position: relative;
}

.progressbar {
	position: relative;
}

.textprogressbar {
	z-index: 2;
	position: absolute;
	width: 100%;
	text-align: center;
}

progress[value]::-webkit-progress-bar {
	background-color: #eee;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-moz-progress-bar {
	background-color: #eee;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
	background-image: -webkit-linear-gradient(-45deg,
	transparent 33%, rgba(0, 0, 0, .1) 33%,
	rgba(0, 0, 0, .1) 66%, transparent 66%),
	-webkit-linear-gradient(top,
			rgba(255, 255, 255, .25),
			rgba(0, 0, 0, .25)),
	-webkit-linear-gradient(left, #1E90FF, #78e85a);

	border-radius: 2px;
	background-size: 35px 20px, 100% 100%, 100% 100%;
}

progress[value]::-moz-progress-bar {
	background-image: -moz-linear-gradient(135deg,
	transparent 33%, rgba(0, 0, 0, 0.1) 33%,
	rgba(0, 0, 0, 0.1) 66%, transparent 66%),
	-moz-linear-gradient(top, rgba(255, 255, 255, 0.25),
			rgba(0, 0, 0, 0.25)),
	-moz-linear-gradient(left, #1E90FF, #78e85a);

	border-radius: 2px;
	background-size: 35px 20px, 100% 100%, 100% 100%;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	color: #000;
}

.dropdown:hover .dropdown-content {
	display: block;
	right: 10px;
}

.dropdown:hover .dropdown-content li {
	background: #FEFEFE;
	background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEFEFE),
	color-stop(100%, #ECECEC));
	background: -webkit-linear-gradient(top, #FEFEFE 0%, #ECECEC 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
	background: linear-gradient(top, #fefefe 0%, #ececec 100%);
	color: #000;
	padding: 10px 5px;
	text-decoration: none;
	text-align: left;
}

.dropdown:hover .dropdown-content > ul > li > span, .dropdown:hover .dropdown-content > ul > li > a {
	display: block;
	padding: 3px 10px;
	clear: both;
	white-space: nowrap;
	color: #333333 !important;
	font-weight: normal;
}
 
.emptyCell {
	min-width: 30px;
}


.bloc-detail-compteur {
	float: left;
	width: 23%;
	margin-right: 1%;
}

.bloc-detail-compteur table:first-child tr table {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

.bloc-detail-compteur.surbrillance {
	border: solid #4169E1 2px;
}

.bloc-detail-compteur.surbrillance table {
	border-right: 0px;
}

.button-group table {
	display: table;
	border-collapse: collapse;
	width: auto;
}

.button-group .button {
	-webkit-appearance: none;
	height: 20px;
	border: 1px solid;
	background: #dedede;
	width: 100%;
	padding: 5px;
	background-color: #ebf1f9;
}

.button-group .io-radio {
	text-align: center;
	padding: 2px 0px 0px 0px;
}

.button-group .button + label {
	top: -18px;
	position: relative;
}

.button-group .button:checked {
	background: #6093d2;
	color: #fff;
}

.button-group .button:checked + label {
	color: #fff;
}

.button-group label.io-radio {
	margin: 6px;
	font-weight: inherit;
}

.button-group .io-radio input {
	border: 1px outset #5c9ded;
}

.button-group .io-radio input:active {
	background-color: #487AB9;
	color: #fff;
	border: 1px solid #5c9ded;
}

.contentChamps.button-group .left {
	vertical-align: text-bottom;
}

.contentChamps.button-group .right {
}

.button-group .io-radio:nth-child(2) input {
	border-radius: 5px 0px 0px 5px;
}

.button-group tr td.io-radio:last-child input {
	border-radius: 0px 5px 5px 0px !important;
}

.button-group .io-radio:nth-child(3n+1) input {
	border-left: 0px;
}

/* Choose days */
.choose-days-list {
}

.choose-days-list .choose-days-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 2rem;
}

.choose-days-list .choose-days-check {
	padding-right: 1rem;
}


.choose-days-list .choose-days-check input[type=checkbox] {
	display: none;
}

.choose-days-list .choose-days-check span {
	border: 2px solid #5c9ded;
	padding: 0.2rem;
	transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
	cursor: pointer;
	background-color: #fff;
	display: block;
	text-align: center;
	white-space: pre-wrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.choose-days-list .choose-days-check input[type=checkbox]:checked + span:hover,
.choose-days-list .choose-days-check span:hover {
	border-color: #000;
}

.choose-days-list .choose-days-check input[type=checkbox]:checked + span {
	background-color: #5c9ded;
	border-color: #5c9ded;
	color: #fff;
}

.choose-days-list .choose-days-select {
}

.choose-days-list .choose-days-check + .choose-days-select {
	display: none;
}

.choose-days-list .choose-days-check.checked + .choose-days-select {
	display: block;
}

td.titre-zone-lme {
	font-weight: bold;
	vertical-align: top;
	padding-top: 0.125rem;
	text-align: end;
}

.noclose .ui-dialog-titlebar-close {
	display: none;
}


.io-debug-reload {
	position: fixed;
	top: 0;
	left: 0;
}

.io-debug-reload .reload-btn {
	background: white;
	width: 2rem;
	height: 2rem;
	border-radius: 99rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.io-debug-reload .debug-icon {
	background-image: url("../images/bug.svg");
	display: block;
	width: 1rem;
	height: 1rem;
}

.io-debug-reload ul {
	background: white;
	border-radius: 1rem;
	padding: 0.5rem;
	margin-left: 1rem;
	transform: rotateZ(180deg);
	transform-origin: -2rem -1rem;
	transition: transform 0.5s linear;
}

.io-debug-reload li:not(:last-child) {
	padding-bottom: 0.5rem;
}

.io-debug-reload ul .iloa-a.titre_colonne {
	color: black;
}

.io-debug-reload:hover ul {
	transform: rotateZ(0deg);
}

.tableRefProjetEtatCheck.longText {
	max-width: 85px;
}

.border-lrb {
	border-left: 1px solid var(--default-border-color);
	border-right: 1px solid var(--default-border-color);
	border-bottom: 1px solid var(--default-border-color);
}

.p-05em {
	padding: .5em;
}

.mb-05em {
	margin-bottom: .3em;
}

.creation .form .input-group .input-field .input-20-pourcent {
	width: 20%;
	max-width: 20%;
}

.creation .form .input-group .input-field .input-80-pourcent {
	width: 79%;
	max-width: 79%;
}

.w-50-pct {
	width: 50%;
}

.w-100-pct {
	width: 100%;
}

.max-w-50-pct {
	max-width: 50%;
}

.d-flex {
	display: flex;
}

.flex-align-center {
	align-items: center;
}

.gap-2em {
	gap: 2em;
}

#infoProduitPresta {
	white-space: normal !important;
}