.table-container {
	display: block;
	margin:0;
	width: 100%;
	font-family: tahoma, helvetica, verdana; 
	font-size: 17px;  
}

.row{margin: 0!important;}

.flag-icon {margin-right: 0.1em;}

.flex-table {
	display: flex;
	border-left: solid 1px #d9d9d9;
	transition: 0.5s;
}

.flex-table:first-of-type {
	border-top: solid 1px #1565C0;
	border-left: solid 1px #1565C0;
}
.flex-table:first-of-type .flex-row {
	background: #006EA5;
	color: white;
	border-color: #006EA5;
	margin:0;
}
 
.flex-table:hover {
	background: #F5F5F5;
	transition: 500ms;
}

.flex-row {
	width: calc(100% / 3);
	text-align: left;
	padding: 0.5em 0.5em;
	border-right: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
}

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

.column {
	display: flex;
	flex-flow: column wrap;
	width: 100%;
	padding: 0;
}

.column .flex-row {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding: 0;
	border: 0;
	border-bottom: solid 1px #d9d9d9;
}
 
.flex-cell {
	width: calc(100% / 2);
	text-align: left;
	padding: 0.5em 0.5em;
	border-right: solid 1px #d9d9d9;
	border-left: solid 1px #d9d9d9;
}

.first{
	font-weight:600;
	background: #FAEBd7;
	width: calc(100% / 3);
}

.rowspan:nth-child(odd), .first:nth-child(odd){background: #f6f6f6;}
.rowspan:nth-child(even), .first:nth-child(even) {background: #fff;}

@media all and (max-width: 767px) {
.flex-row {width: calc(100% / 2);    }
.flex-row.first { width: 100%; }
.column {width: 100%; }
.flex-table {flex-flow: row wrap;  padding:0;}
}

@media all and (max-width: 430px) {
	.flex-table .flex-row {border-bottom: 0;}
	.flex-table .flex-row:last-of-type {border-bottom: solid 1px #d9d9d9;}
	.header .flex-row {border-bottom: solid 1px;}
	.flex-row {width: 100%;}
	.flex-row.first {width: 100%;border-bottom: solid 1px #d9d9d9;}
	.column {width: 100%;}
	.column .flex-row { border-bottom: solid 1px #d9d9d9;}
	.flex-cell {width: 100%;  }
}