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


#interop_part
{
		float: left;
	width: 100%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
filter: grayscale(0) opacity(1);
	align-content:center;
	align-items: center;
}

#expo_part
{
		float: left;
	width: 100%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;

	align-content:center;
	align-items: center;
}


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

	align-content:center;
	align-items: center;
}

#speakers_1
{
		float: left;
	width: 14%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items: center;
}

#speakers_2, #speakers_3, #speakers_4, #speakers_5, #speakers_6, #speakers_7
{
		float: left;
	margin-left: 3px;
	width: 14%;
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items: center;
}


.element_speaker {
width: 100%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}

.element_speaker_Unique {
width: 20%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	color: white;
	}

.element_interop {
width: 20%;
padding: 1px 0px 0px 5px;
	margin: 0px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
.element_expo {
width: 25%;
padding: 10px;
	margin: 0px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}


	/* 
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: #FFF;
}
.table_fees th { 
  color: white;
  font-weight: 400; 
  padding: 8px 0 8px 6px; 
  text-align: center; 
;
		border: 1px solid #fff; 

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

}

.table_fees_aca {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  border-collapse:separate;
  margin-top:20px;
}
/* Zebra striping */
.table_fees_aca tr:nth-of-type(odd) { 

	color: #FFF;
}
.table_fees_aca th { 
  color: white;
  font-weight: 400; 
  padding: 8px 0 8px 6px; 
  text-align: center; 
background-color: rgba(0,0,0,0.7);
		border: 1px solid #fff; 

}
.table_fees_aca td { 
  padding: 8px 4px 8px 6px; 
  text-align: center; 	
		border: 1px solid #fff; 
background-color: rgba(0,0,0,0.5);
}


.table_fees_rouge {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  border-collapse:separate;
  margin-top:20px;
}
/* Zebra striping */
.table_fees_rouge tr:nth-of-type(odd) { 

	color: #FFF;
}
.table_fees_rouge th { 
  color: white;
  font-weight: 400; 
  padding: 8px 0 8px 6px; 
  text-align: center; 

		border: 1px solid #fff; 
}

.table_fees_rouge td { 
  padding: 8px 4px 8px 6px; 
  text-align: center; 	
		border: 1px solid #fff; 
background-color: #727332;
}

.table_fees_rouge_aca {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 90%;
  border-collapse:separate;
  margin-top:20px;
}
/* Zebra striping */
.table_fees_rouge_aca tr:nth-of-type(odd) { 

	color: #FFF;
}
.table_fees_rouge_aca th { 
  color: white;
  font-weight: 400; 
  padding: 8px 0 8px 6px; 
  text-align: center; 
background-color: rgba(252,23,30,0.7);
		border: 1px solid #fff; 
}

.table_fees_rouge_aca td { 
  padding: 8px 4px 8px 6px; 
  text-align: center; 	
		border: 1px solid #fff; 
background-color: rgba(252,23,30,0.7);
}



.table_fees_fondblanc {
  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: #FFF;
}
.table_fees_fondblanc th { 
  color: black;
  font-weight: 400; 
  padding: 8px 0 8px 6px; 
  text-align: center; 

		border: 1px solid #000; 
}

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

}


.table_fees_bis {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 88%;
  border-collapse: separate;

  border-top: 0px solid #ccc; 
  border-bottom: 0px solid #ccc;
  margin-top:20px;
}
/* Zebra striping */
.table_fees_bis tr:nth-of-type(odd) { 
  background-color: rgba(70,70,70,1); 
	color: #fff;
}
.table_fees_bis th { 

  color: #fff;
  font-weight: 400; 
  padding: 8px 4px 8px 6px; 
  text-align: center; 
}
.table_fees_bis td { 
  padding: 8px 4px 8px 6px; 
  text-align: center; 
}

@media only screen and (max-width: 1280px)  {
	

	.element_speaker_Unique {
width: 30%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
	
		.element_interop {
width: 30%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
	
			.element_expo {
width: 30%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
	
		#speakers_1
{width: 30%;
		float:left;
	}
		#speakers_2, #speakers_3, #speakers_4, #speakers_5, #speakers_6, #speakers_7
{width: 30%;
		float:left;
	}
}

@media only screen and (max-width: 690px)  {
	
	.element_speaker_Unique {
width: 100%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: white;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
	
		.element_interop {
width: 100%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
	
			.element_expo {
width: 100%;
padding: 10px 0px 0px 5px;
	margin: 3px 0 0px 0;
	background-color: rgba(100,100,109,0.0);	
	color: black;
	text-align: center;
	border-radius: 10px;
	border: 0px solid;
	border-color: rgba(100,100,100,0.4);
	}
	
		#speakers_Unique
{width: 100%;
		float:none;
	flex-direction: column;
	
	}
	
			#interop_part
{width: 100%;
		float:none;
	flex-direction: column;
	display: none;
	}
	
				#expo_part
{width: 100%;
		float:none;
	flex-direction: column;

	}
	
	#speakers_1
{width: 100%;
		float:none;
	}
		#speakers_2, #speakers_3, #speakers_4, #speakers_5, #speakers_6, #speakers_7
{width: 100%;
		float:none;
	}
	
	/* 
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 #fff; 
		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;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees_aca thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees_aca tr { border: 1px solid #fff; }
	
	.table_fees_aca td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees_aca 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_aca td:nth-of-type(1):before { content: "Dates"; font-weight:700;}
	.table_fees_aca td:nth-of-type(2):before { content: "Academics Fees"; font-weight:700;}
	.table_fees_aca td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	
	
	
	/* Force table to not be like tables anymore */
	.table_fees_rouge, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees_rouge thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees_rouge tr { border: 1px solid #fff; }
	
	.table_fees_rouge td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees_rouge 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_rouge td:nth-of-type(1):before { content: "Dates"; font-weight:700;}
	.table_fees_rouge td:nth-of-type(2):before { content: "Registration Fees"; font-weight:700;}
	.table_fees_rouge td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	
	/* Force table to not be like tables anymore */
	.table_fees_rouge_aca, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees_rouge_aca thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees_rouge tr { border: 2px solid #fff; }
	
	.table_fees_rouge_aca td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees_rouge_aca 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_rouge_aca td:nth-of-type(1):before { content: "Dates"; font-weight:700;}
	.table_fees_rouge_aca td:nth-of-type(2):before { content: "Academics Fees"; font-weight:700;}
	.table_fees_rouge_aca td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	
	
	.table_fees_fondblanc, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees_fondblanc thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees_fondblanc tr { border: 2px solid #000; }
	
	.table_fees_fondblanc td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #000; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees_fondblanc 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_fondblanc td:nth-of-type(1):before { content: "Dates"; font-weight:700;}
	.table_fees_fondblanc td:nth-of-type(2):before { content: "Early Registration Fees"; font-weight:700;}
	.table_fees_fondblanc td:nth-of-type(3):before { content: "Regular Fees"; font-weight:700;}
	
	.table_fees_bis, table_fees_bis {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_fees_bis, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_fees_bis thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table_fees_bis tr { border: 0px solid #ccc; }
	
	.table_fees_bis td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
	}
	
	.table_fees_bis 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_bis td:nth-of-type(1):before { display: none}
	.table_fees_bis td:nth-of-type(2):before { content: "Fs"; font-weight:700;}
	.table_fees_bis td:nth-of-type(3):before { content: "Regular Prout Fees"; font-weight:700;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
	/* 
Tableau At a Glance
*/
.table_atg {
  margin-left:0px;
}
	/* Force table to not be like tables anymore */
	.table_atg, table, thead, tbody, th, td, tr { 
		display: block;
		
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table_atg thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
		
	}
	
	.table_atg tr { border-top: 1px solid #ccc; }
	
	.table_atg td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
		text-align:left;
	}
	
	.table_atg td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 4px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.table_atg td:nth-of-type(1):before { content: "TUESDAY 21 MARCH"; font-weight:700; color:#333; text-align:left;}
	.table_atg td:nth-of-type(2):before { content: "WEDNESDAY 22 MARCH"; font-weight:700; color:#333; text-align:left;}
	.table_atg td:nth-of-type(3):before { content: "THURSDAY 23 MARCH"; font-weight:700; color:#333; text-align:left;}
	.table_atg td:nth-of-type(4):before { content: "FRIDAY 24 MARCH"; font-weight:700; color:#333; text-align:left;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
}