/*
.flex-table {
	display: flex;
	flex-flow: row wrap;
	transition: 0.5s;

	&:first-of-type .flex-row {

	}
	&.row:nth-child(odd) .flex-row {
	}
	

  	.flex-row {
  		width: ~"calc(100% / 4)";
  		text-align: center;
  		padding: 0.5em 0.5em;
  		border-bottom: solid 1px rgba(112, 112, 112,20%);
	}

	.rowspan {
  		display: flex;
  		flex-flow: row wrap;
  		align-items: flex-start;
  		justify-content: center;
	}
}


@media all and (max-width: 767px) {
  .flex-row {
    width: calc(100% / 4); //1px = border right
    
   &.first {
     width: 100%;
   }
  }

  .column {
    width: 100%;
  }
}

@media all and (max-width: 430px) {
  
  .flex-table {
    .flex-row {
      border-bottom: 0;
    }
    .flex-row:last-of-type {
      border-bottom: solid 1px rgba(112, 112, 112,20%);
    }
  }
  
  .header {
    .flex-row {
      border-bottom: solid 1px;
    }
  }
  
  .flex-row {
    width: 100%; //1px = border right
    
   &.first {
     width: 100%;
     border-bottom: solid 1px rgba(112, 112, 112,20%);
   }
  }

  .column {
    width: 100%;
    .flex-row {
      border-bottom: solid 1px rgba(112, 112, 112,20%);
    }
  }

  .flex-cell {
    width: 100%; //1px = border right
  }
}
*/

.tableau-fonds {
	background-color: rgba(188, 202, 210,40%);
	font-family: "Roboto";
	border-radius:4px;
	margin-bottom: 5rem;
	h2 {
		font-weight:500;
		font-size:1.2rem;
		line-height:1.7rem;
		letter-spacing: 0.96px;
		color: @M4;
		text-transform: uppercase;
		margin: 3rem auto 4rem auto;
		text-align: center;
	}
	.table-container {
		.spacer {
			display: block;
			height: 3rem;
		}
		.flex-table.header {
			tr.flex-row {
				font-weight:400;
				font-size:1.2rem;
				line-height:1.6rem;
				letter-spacing: 0.6px;
				color: @M4;
				text-align: center;
				th {
					font-weight:400;
					white-space: nowrap;
					&.first {
						text-align: left;
					}
				}
			}
		}
		.flex-table.data {
			tr.flex-row  {
				font-weight:400;
				font-size:1.4rem;
				line-height:2.8rem;
				letter-spacing: 0.28px;
				color:@M1;
				td {
					white-space: nowrap;
					text-align: center;
				}
				th{
					font-weight: 400;
					white-space: nowrap;
					text-align: left;
				}
				
				.title {
					a {
						color:@M1;
						text-decoration: none;
						white-space: nowrap;
					}
				}
				
				&:hover {
					cursor:pointer;
					background: @M7;
					transition: 500ms;
					color:#FBFBFB;
					a {
						color:#FBFBFB;
					}
				}
			}
		}
	}

	.notes {
		font-weight:400;
		font-size:1.2rem;
		line-height:1.6rem;
		letter-spacing: 0.6px;
		color:@M4;
	}
}