@charset "utf-8";
/* CSS Document */

#speakers_Unique
{
	
	width: 100%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;

	align-content:center;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 20px;

}

.element_speaker_Unique {
width: 32%;
padding: 10px 2px 0px 2px;
	margin: 3px 2px 0px 0;
		

	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	color: black;
	}

#tab_fees
{
	
	width: 100%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items: center;
	font-size: 16px;
	line-height: 19px;
}

.tab_fees_cell_1{
width: 57%;
padding: 10px 0 5px 0;
	margin: 0px 0px 0px 0;	
	text-align: center;
	border-radius: 1px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: rgba(100,100,100,1);
	color: black;
	}

.tab_fees_cell_2{
width: 20%;
padding: 10px 0 5px 0;
	margin: 0px 0px 0px 0;	
	text-align: center;
	border-radius: 1px;
		border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: rgba(100,100,100,1);
	color: black;
	}

.tab_fees_cell_3{
width: 21%;
padding: 10px 0 5px 0;
	margin: 0px 0px 0px 0;	
	text-align: center;
	border-radius: 1px;
		border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: rgba(100,100,100,1);
	color: black;
	
	}

/* 
Tableau Registration Fees Desktops/Laptops 
*/

.table_fees {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  border-collapse:separate;
  margin-top:20px;
}


/* Zebra striping */
.table_fees tr:nth-of-type(odd) { 

	color: #000;
}
.table_fees th { 
  color: black;
  font-weight: 400; 
  padding: 8px 0 8px 6px; 
  text-align: center; 
;
		border: 1px solid #000; 

}
.table_fees td { 
  padding: 8px 4px 8px 6px; 
  text-align: center; 	
		border: 1px solid #000; 

}

/* Zebra striping */
.table_fees tr:nth-of-type(odd) { 

	color: #000;
}

@media only screen and (max-width: 690px)  {
	
			#speakers_Unique
{width: 100%;
		float:none;
	flex-direction: column;
	
	}
		.element_speaker_Unique {
width: 70%;
height: auto;
padding: 10px;
	margin: 10px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;

	}
	
		#tab_fees
{width: 100%;
		float:none;
	flex-direction: column;
	
	}
	
		.tab_fees_cell_1 {
width: 100%;
			border-bottom: 0;

	}
	
			.tab_fees_cell_2 {
width: 100%;
				margin-top: 3px;
	border-bottom: 0;
	}
			.tab_fees_cell_3 {
width: 100%;
					margin-top: 3px;

	}
	
	
/* 
Tableau Registration Fees 
*/
.table_fees, table_fees_bis {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_fees, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees tr { border: 2px solid #fff; }
	
	.table_fees td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #000; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.table_fees td:nth-of-type(1):before { content: "Dates"; font-weight:700;}
	.table_fees td:nth-of-type(2):before { content: "Early Registration Fees"; font-weight:700;}
	.table_fees td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	
	}