/* Variables */
#TableauBord {
  overflow: hidden;
}
#TableauBord .tableaubord-stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow: auto;
}
#TableauBord .tableaubord-cards {
  flex: 0 0 auto;
  width: 260px;
  padding: 0;
  margin: 10px;
  background-color: whitesmoke;
  box-shadow: 5px 3px 10px 0px #8D8D8D;
}
#TableauBord .tableaubord-cards .cards-title {
  background-color: #194362;
  color: white;
  padding: 0.5em;
  margin-bottom: 0.2em;
  display: block;
}
#TableauBord .tableaubord-cards .cards-list {
  list-style: none;
  flex: 1 1 260px;
  padding: 0.4em;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: stretch;
}
#TableauBord .tableaubord-cards .cards-list .card {
  flex: 1 1 auto;
  width: 240px;
  max-width: 240px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 0.4em;
  padding: 0.5em;
  background-color: white;
  display: flex;
  flex-direction: row;
  border-left: 5px solid black;
  box-shadow: 5px 3px 10px 0px #8D8D8D;
  border-radius: 3px 3px;
}
#TableauBord .tableaubord-cards .cards-list .card:hover {
  cursor: pointer;
}
#TableauBord .tableaubord-cards .cards-list .card-success {
  color: green;
  border-left: 5px solid green;
}
#TableauBord .tableaubord-cards .cards-list .card-error {
  color: red;
  border-left: 5px solid red;
}
#TableauBord .tableaubord-cards .cards-list .card-warning {
  color: orange;
  border-left: 5px solid orange;
}
#TableauBord .tableaubord-cards .cards-list .card-body {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#TableauBord .tableaubord-cards .cards-list .card-body .data {
  color: black;
  padding: 0.3em;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}
#TableauBord .tableaubord-cards .cards-list .card-body .info {
  font-size: 1.2em;
  font-weight: bold;
}
#TableauBord .tableaubord-cards .cards-list .card .symbol {
  height: 100%;
  margin: auto;
  width: 50px;
}
#TableauBord .tableaubord-cards .cards-list .card svg {
  fill: lightgrey;
  width: 48px;
  height: 100%;
}
#TableauBord aside {
  flex: 0 0 300px;
  margin: 0.5em;
  padding: 0;
  width: 300px;
  background-color: white;
  box-shadow: 5px 3px 10px 0px #8D8D8D;
  border-radius: 3px 3px;
  font-size: 1em;
  overflow: hidden;
  align-self: stretch;
}
#TableauBord aside aside h2 {
  font-size: 1.1em;
}
#TableauBord aside aside h3 {
  font-size: 1.2em;
}
#TableauBord .communiques {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch;
}
#TableauBord .communiques .communiques-list {
  flex: 1 1 auto;
  overflow-y: auto;
}
#TableauBord .communiques .communiques-title {
  background-color: #194362;
  color: white;
  padding: 0.5em;
  margin-bottom: 0.5em;
  display: block;
}
#TableauBord .communiques .communique {
  width: 95%;
  margin: 0 auto;
  padding: 2px;
  padding-bottom: 1em;
  overflow: hidden;
  color: #063487;
}
#TableauBord .communiques .communique-separator {
  width: 75%;
  margin: auto;
  margin-top: 0.3em;
  padding: 0.2em;
}
#TableauBord .communiques .communique-title {
  display: block;
  width: 100%;
  font-weight: bolder;
  font-size: 1.1em;
  padding-top: 0;
}
#TableauBord .communiques .communique-date {
  width: auto;
  text-align: right;
  font-size: 0.8em;
  font-weight: normal;
  color: #063487;
}
#TableauBord .communiques .communique-body {
  padding-left: 1.4em;
}
#Factures .factures-criteres {
  padding: 0.2em;
}
#Factures .selected {
  background-color: #194362;
  color: white;
}
#Factures .factures-body {
  padding: 1em;
}
#Factures .factures-body .factures-select {
  flex: 0 0 auto;
  margin: 0;
  margin-bottom: 0.4em;
  margin-right: 1em;
  box-shadow: 5px 3px 10px 0px #8D8D8D;
  background-color: white;
}
#Factures .factures-body .factures-select .factures-list {
  list-style: none;
  padding-left: 0.2em;
  margin-right: 0.5em;
  width: 100%;
  overflow: auto;
}
#Factures .factures-body .factures-select .factures-titre {
  background-color: #194362;
  color: white;
  padding: 0.5em;
  margin-bottom: 0.2em;
  display: block;
}
#Factures .factures-body .factures-select .factures-toolbar {
  margin: 0.4em;
}
#Factures .factures-body .factures-select .factures-item {
  padding-left: 0.5em;
}
#Factures .factures-body .factures-select .factures-item:focus {
  background-color: #194362;
  color: white;
}
#Factures .factures-body .factures-select .factures-item input[type=checkbox] {
  margin: 5px;
}
#Factures .factures-body .factures-select .factures-item a {
  text-decoration: none;
  background-color: inherit;
  color: inherit;
}
#Factures .factures-body .factures-select .factures-item a:hover {
  background-color: #194362;
  color: white;
}
#Factures .factures-body .factures-detail {
  max-width: 800px;
  margin: 0 auto;
  padding: 0.4em;
  background-color: #f6f6f6;
  overflow: hidden;
}
#Factures .factures-body .factures-detail .factures-detail-body {
  overflow: auto;
}
#Factures .factures-body .factures-detail .factures-detail-body table {
  vertical-align: top;
}
#Factures .factures-body .factures-detail .factures-detail-body tr {
  /* background-color: whitesmoke; */
}
#Factures .factures-body .factures-detail .factures-detail-body td {
  vertical-align: top;
  /* background-color: whitesmoke; */
  padding: 0.2em;
  margin: 0.3em;
}
#Factures .factures-body .factures-detail .factures-detail-body .noLigne {
  text-align: right;
  width: 48px;
}
#Factures .factures-body .factures-detail .factures-detail-body .date {
  text-align: center;
  width: 120px;
}
#Factures .factures-body .factures-detail .factures-detail-body .description {
  width: auto;
}
#Factures .factures-body .factures-detail .factures-detail-body .montant {
  text-align: right;
  font-weight: bold;
  width: 130px;
}
#Factures .factures-body .factures-detail .factures-detail-toolbar {
  padding-top: 0.6em;
}