table {margin: 0 auto; width: 100%}
th {border-left: 1px solid white; font-size: 12px; padding: 5px 3px}
tr {border-bottom: 1px solid #aeccf8;}
td {padding:5px; text-decoration:none; font-size: 11px; /*white-space:nowrap;*/ vertical-align:middle; ; text-align: right}

tr.no-deco, td.no-deco {border: 0; background-color: #fff}

tr.tab-title{border-top: 2px solid #ddd; border-bottom: 0}
td.tab-title{padding: 10px 0 10px 15px;text-align: left; font-size: 18px; color: #005DB4; font-weight: 700}

.badge {display: inline-block; margin-left:7px; padding: 2px 4px 1px 4px; font-size: 12px; font-weight: 700; line-height: 1; color: #666; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #ddd; border-radius: 12px}
.tab-title .badge {font-size: 18px; background-color: #7f7f7f; color: #fff; padding: 3px 7px; border-radius: 18px;}
.tab-title .sml {font-size: 14px; background-color: #005DB4; padding: 2px 5px; margin-left: 4px}

td.item-title {color:#005DB4; text-align: left}
.circu {}
td.type {text-align: left}

td.cost {font-weight: 700}
td.cost:after {content: " €"}

td.price:after {content: " €"}

td.RC {}
td.RC:after {content: " €"}

td.percent {white-space:nowrap; text-align: center}
td.percent:after {content: "%"}

/*.total {background-color: #ddd; font-weight: 700; color: #333; border-bottom: 0}*/
.total {font-weight: 700; color: #333; border-bottom: 0}

td.value {}
tr.total td.value:after {content: " €"}

td.total-big {font-size: 18px; font-weight: 700; color: #005DB4; background-color: #fff; white-space:nowrap}
td.total-available {font-size: 14px; color: #7F7F7F; background-color: #fff}
td.total-balance {font-size: 14px; font-weight: 700; color: #7F7F7F; background-color: #fff}


input{
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
  height: 25px;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 100%;
  line-height: normal;
  border-radius: 0;
}



.collapse{display: none}

#filters {/*background: #efefef; margin: 20px auto; padding: 15px; display: inline-block; vertical-align: top*/}

.void {}

.title-bleu-mepax {border-bottom: 0; background:#005DB4; color:white; white-space:nowrap}
/*.title-gris-mepax {border-bottom: 0; background:#7F7F7F; color:white; white-space:nowrap}*/
.title-gris-mepax {border-bottom: 0; background:#ddd; white-space:nowrap}

li:after {float: left; padding-right: 10px}

.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, .c-13, .c-14, .c-15 {white-space:nowrap}
.c-1:before, .c-2:before, .c-3:before, .c-4:before, .c-5:before, .c-6:before, .c-7:before, .c-8:before, .c-9:before, .c-10:before, .c-11:before, .c-12:before, .c-13:before, .c-14:before, .c-15:before {font-family: FontAwesome; content: " \f111"; float: left; padding: 1px 4px 0 0}

.c-1:before {color:#FFC000}
.c-2:before {color:#ED7D31}
.c-3:before {color:#BDD7EE;}
.c-4:before {color:#00B0F0}
.c-5:before {color:#7030A0}
.c-6:before {color:red}
.c-7:before {color:#C00000}
.c-8:before {color:#92D050}
.c-9:before {color:#000}
.c-10:before {color:gray}
.c-11:before {color:yellow}
.c-12:before {color:#F4B084}
.c-13:before {color:#FF23DC}

.c-comment:after {font-family: FontAwesome; content: "\f129"; float: left; padding-top: 1px}

.c-off {color: rgba(0,0,0,0)}
.c-off:before, .c-off:after {color: rgba(0,0,0,.15)}

.t-1, .t-2, .t3, .t-4, .t-5 .t-6, .t-7 {display: table-row}
.t-hide {display: none}