/* CSS Document */

body{
	padding:0 8px;
}

body, .oeb_rrr_infographic_table{
	background-color:#d4dae1;
	font-family:'Open Sans';
}

h1, p{
	font-family:'Open Sans';	
}

h1{
	font-weight:900;
	font-size:2.1em;	
}

.oeb_infographic_header_content p{
	font-size:18px;
}

.oeb_rrr_infographic_table th, .oeb_rrr_infographic_table td{
	font-family:'Open Sans';
	border-right:solid #d4dae1 7px;
	border-bottom:solid #FFF 1px;	
}

.oeb_rrr_infographic_table th{
	font-size:12px;
	text-transform:uppercase;
}

.oeb_rrr_infographic_table th .colored_cell_number{
	border-top:solid #FFF 1px;
	border-bottom:solid #FFF 1px;
	padding:5px 0;
	margin-bottom:10px;
	font-size:13px;
}

.oeb_rrr_infographic_table th .colored_cell_text{
	padding:0 15px;	
	text-align:center;
	font-weight:bold;
}

.infographic_row_1{
	background-color:#FFF;
}

.infographic_row_2{
	background-color:#eff1f3;
}

.infographic_row_first_cell{
	font-weight:bold;
	padding:15px;
	width:200px;
	font-size:14px;	
	border-right:0 !important;
}

.infographic_popup{
	position:absolute;
	width:300px;
	min-height:130px;
	text-align:left;
	padding:18px;
	display:flex;
	align-items:center;
	
}

.infographic_popup_content{
	/*display:flex;
	align-items:center;	*/
}

.infographic_popup_content a{
	color:inherit;
}

.infographic_popup p{
	padding:0;
	margin:0;	
}

.infographic_popup_edit{
	position:absolute;
	width:600px;
	/*height:400px;*/
	color:#FFF;
	text-align:left;
	padding:25px;
}

.infographic_row_first_cell_1{
	background-color:#f4f6f8;	
}

.infographic_row_first_cell_2{
	background-color:#e6e9ed;	
}

.oeb_rrr_infographic_table .colored_cell{
	min-width: 101px;
	max-width: 101px;
    /*height: 145px;*/
	padding-top:10px;
}

.oeb_rrr_infographic_table .fa-check{
	color:#3ab97d;
	font-size:35px;	
	font-weight:bold;
	padding: 20px;
}

.oeb_rrr_infographic_table .fa-pen-to-square, .oeb_rrr_infographic_table .fa-circle-xmark{
	cursor:pointer;
}

.oeb_rrr_infographic_table button{
	background-color:#e6e9ed;
	border:0;
	padding:8px 15px;
}

.oeb_rrr_infographic_table textarea{
	width:250px;
	height:100px;	
}

.infographic_close{
	display:flex;
	justify-content:flex-end;	
}

.infographic_close_mobile{
	display:none;	
}


@media only screen and (min-width: 1500px){
	#table_3_slices, #table_2_slices{
		display:none;	
	}
	
	#table_full{
		display:block;	
	}
}

@media only screen and (max-width: 700px){
	#table_full, #table_2_slices{
		display:none;	
	}
	
	#table_3_slices{
		display:block;	
	}
	
	.infographic_close_mobile{
		display:flex;
		margin-bottom:10px;
	}
	
	.infographic_popup{
		width:250px;	
	}
}

@media only screen and (min-width: 701px) and (max-width: 1500px) {
	#table_full, #table_3_slices{
		display:none;	
	}
	
	#table_2_slices{
		display:block;	
	}
}