.rowTiers {
	font-weight: bolder;
	border-top: 4px solid;
}

.rowDocument {
	font-weight: bold;
	cursor: pointer;
}

.rowEcheance {
	font-style: italic;
	border-top: 0px solid;
}


div[lang=fr] .cell-previsionnel:after {
	content: "Pr\e9visionnel";
	background: red;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.cell-previsionnel:after {
	content: "Estimated";
	background: red;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .cell-paye:after {
	content: "Pay\e9";
	background: green;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.cell-paye:after {
	content: "Paid";
	background: green;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .cell-retard:after {
	content: "Retard";
	background: blue;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.cell-retard:after {
	content: "Late";
	background: blue;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .cell-budget:after {
	content: "Budget";
	background: orange;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.cell-budget:after {
	content: "Budget";
	background: orange;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .cell-engage:after {
	content: "Solde engag\e9";
	background: #C390D4;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.cell-engage:after {
	content: "Uncommited balance";
	background: #C390D4;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .cell-pm:after {
	content: "PM";
	background: #A2A2A2;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.cell-pm:after {
	content: "PM";
	background: #A2A2A2;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .cell-autre:after {
	content: "Autre";
	background: #F9843D;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.cell-autre:after {
	content: "Other";
	background: #F9843D;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.row-treso-montant {
	width: 10px;
}

.row-treso-budget-prev {
	font-style: italic;
	font-weight: initial;
}

.row-treso-echeance {
	font-weight: initial;
}

.row-treso-jour {
	font-weight: bold;
}

.row-ras:after {
	content: "";
	background: green;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .row-previsionnel:after {
	content: "Estimated";
	background: red;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.row-previsionnel:after {
	content: "Pr\e9visionnel";
	background: red;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .row-paye:after {
	content: "Pay\e9";
	background: green;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

.row-paye:after {
	content: "Paid";
	background: green;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	margin-left: 15px
}

div[lang=fr] .row-retard>td:first-child:before {
	content: "Retard";
	background: blue;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

.row-retard>td:first-child:before {
	content: "Late";
	background: blue;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

div[lang=fr] .row-budget>td:first-child:before {
	content: "Budget";
	background: orange;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

.row-budget>td:first-child:before {
	content: "Budget";
	background: orange;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

div[lang=fr] .row-engage>td:first-child:before {
	content: "Engag\e9";
	background: #C390D4;;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

.row-engage>td:first-child:before {
	content: "Uncommited";
	background: #C390D4;;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}

.container-solde-prev {
	padding: 10px;
}

.container-tiles {
    overflow: auto;
    display:flex;
}

.container-tiles .tile {
    padding: 2%;
    overflow: hidden;
}

.tile-solde-previsionnel {
	border:1px solid #DDD;
	margin:10px
}

.negative-balance {
	color: white;
	background-color: red;
	padding: 5px
}

.positive-balance {
	color: white;
	background-color: #5cb85c;
	padding: 5px
}


.treso-cat-label {
	font-weight: bold;
}

.lettrage_subtotal {
	font-weight: bold;
	font-style: italic;
}

.treso-date {
	font-style: italic;
}


div[lang=fr] .row-retard:before {
	content: "Retard";
/* 	background: #2196f3; */
	border-radius: 5px;
/* 	color: white; */
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 90%;
	border: 1px solid #AA0000;
	width: 100%;
	display: inline-block;
	text-align: center;
	color:#AA0000;
}

.row-retard>td:before {
	content: "Late";
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 75%;
	border: 1px solid #AA0000;
	width: 100%;
	display: inline-block;
	text-align: center;
	color:#AA0000;
}

div[lang=fr] .row-attente:before {
	content: "Attente";
	background: #006494;
	border-radius: 2px;
	color: white;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 75%;
}

.row-attente>td:before {
	content: "Wait";
	background: #006494;
	border-radius: 2px;
	color: white;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 75%;
	
}