:root {
	--text-color: #3C589F;
	--text-h2: #69AF99;
	--boothman-color: #414042;
	--alt-color: #FFFFFF;
	--booth-color: #2B6FAA;
	--blue: #2B6FAA;
	--indigo: #7A4F7F;
	--purple: #7A4F7F;
	--pink: #e83e8c;
	--red: #C12A1E;
	--orange: #EE5B21;
	--yellow: #FFC90E;
	--green: #567F42;
	--teal: #20c997;
	--cyan: #62A1D7;
	--white: #fff;
	--gray: #717071;
	--gray-dark: #414042;
	--primary: #2B6FAA;
	--secondary: #69AF99;
	--success: #567F42;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #C12A1E;
	--light: #f8f9fa;
	--background-light: #EFF8FF;
	--dark: #343a40;
	--menu-hover: #F2F2F2;
	--menu: #2A56A4;
}

#content{
	padding-top: 4rem;
}
.section2{
	padding-top: 5rem;
}
#sidebar {
    background: #2A56A4;
    color: #fff;
	z-index: 1000;
}
.banner{
	width: 70%;
	margin: 0 auto;
}
.countdowndiv {
	max-width: 700px;
	margin: 0 auto;
}
.subtitle{
	color: white;
	font-weight: 200;
	font-size: 3em;
	margin: 2rem auto;
}
.loginmenu{
	background: var(--text-h2);
	position: fixed;
	right:2rem;
	top: 1rem;
	color: white;
	padding: 1rem;
	width: 30rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.menutop .hidemobile{width: 100%; margin-bottom: 1rem;}
.menutop a.button{
	width: 45%;
	background: white;
	color: var(--text-h2);
	border-radius: 0.3rem;
}
@media (min-width: 1000px){
	#sidebar .custom-menu{
		top: 3.5rem;
	}
	#sidebar .custom-menu .btn.btn-primary{
		background: transparent;
		z-index: 1000;
		color: var(--primary) !important;
	}
	.welcome #sidebar .custom-menu .btn.btn-primary{
		color: white !important;
	}
}
#notifications{
	
}
.menutop{
    color: var(--primary);
	background-color: #F2F2F2;
	color: var(--primary);
}
.menutop .user li a, .welcomeName{
	color: var(--primary);
}

.menutop .user li .tooltipmenu {
  visibility: hidden;
  width: 120px;
  background-color: var(--primary);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  bottom: -2rem;
  right: 0;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.menutop .user li:hover .tooltipmenu {
  visibility: visible;
}
.iconmenu {
	width: 20px;
	margin-right: 10px;
}
.welcome .menutop{
	background-color: transparent;
}
.welcome .menutop .user li a, .welcome .welcomeName{
	color: white;
}
.menutop li {
	padding: 0 0.5rem;
}
.hashtag{
	background-color:#B1BCD9;
	padding:3px 5px;
	display: inline-block;
}

.section1.welcome{
	margin-top: -55px;
	padding: 0 !important;
	overflow: auto;
}

.welcome .section2{
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), url('/events/Demo/images/fond.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    background-color: #fff;
    min-height: calc(100vh);
	padding-top: 15rem;
}

.highlights{
	background-color:var(--primary);
	color: var(--alt-color);
	padding: 5px 10px;
}

.welcomesponsors img {
    max-height: 100px;
    display: inline-block;
    margin: 10px;
    max-width: calc(100% - 20px);
}
.whitebanner{
	padding:40px;
	background-color: #FFF;
}


.modal .modal-dialog .close{
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	background: var(--primary);
	opacity: 1;
	color: white;
	border-radius: 9rem;
	padding: 0.3rem 0.5rem;
	margin: 0;
	font-weight: 500;
}
.table { color: inherit;}
.table td, .table th, .table thead th{border-top: 0px; border-bottom: 0px;}
.table td.right{ text-align: right; }
.data-letters:before{
	content:" ";
	font-size:1rem;
	line-height: 3rem;
	text-align:center;
	vertical-align:middle;
	color:var(--primary);
	font-weight: 800;
} 
.data-lettersA:before, .data-lettersB:before, .data-lettersC:before, .data-lettersD:before, .data-lettersE:before, .data-lettersF:before, .data-lettersG:before, .data-lettersH:before, .data-lettersI:before, .data-lettersJ:before, .data-lettersK:before, .data-lettersL:before, .data-lettersM:before, .data-lettersN:before, .data-lettersO:before, .data-lettersP:before, .data-lettersQ:before, .data-lettersR:before, .data-lettersS:before, .data-lettersT:before, .data-lettersU:before, .data-lettersV:before, .data-lettersW:before, .data-lettersX:before, .data-lettersY:before, .data-lettersZ:before, .data-letters1:before, .data-letters2:before, .data-letters3:before, .data-letters4:before, .data-letters5:before, .data-letters6:before, .data-letters7:before, .data-letters8:before, .data-letters9:before  {
  content:attr(data-letters);
}
.data-lettersA:not(.hide) ~ .data-lettersA:before, .data-lettersB:not(.hide) ~ .data-lettersB:before, .data-lettersC:not(.hide) ~ .data-lettersC:before, .data-lettersD:not(.hide) ~ .data-lettersD:before, .data-lettersE:not(.hide) ~ .data-lettersE:before, .data-lettersF:not(.hide) ~ .data-lettersF:before, .data-lettersG:not(.hide) ~ .data-lettersG:before, .data-lettersH:not(.hide) ~ .data-lettersH:before, .data-lettersI:not(.hide) ~ .data-lettersI:before, .data-lettersJ:not(.hide) ~ .data-lettersJ:before, .data-lettersK:not(.hide) ~ .data-lettersK:before, .data-lettersL:not(.hide) ~ .data-lettersL:before, .data-lettersM:not(.hide) ~ .data-lettersM:before, .data-lettersN:not(.hide) ~ .data-lettersN:before, .data-lettersO:not(.hide) ~ .data-lettersO:before, .data-lettersP:not(.hide) ~ .data-lettersP:before, .data-lettersQ:not(.hide) ~ .data-lettersQ:before, .data-lettersR:not(.hide) ~ .data-lettersR:before, .data-lettersS:not(.hide) ~ .data-lettersS:before, .data-lettersT:not(.hide) ~ .data-lettersT:before, .data-lettersU:not(.hide) ~ .data-lettersU:before, .data-lettersV:not(.hide) ~ .data-lettersV:before, .data-lettersW:not(.hide) ~ .data-lettersW:before, .data-lettersX:not(.hide) ~ .data-lettersX:before, .data-lettersY:not(.hide) ~ .data-lettersY:before, .data-lettersZ:not(.hide) ~ .data-lettersZ:before, .data-letters1:not(.hide) ~ .data-letters1:before, .data-letters2:not(.hide) ~ .data-letters2:before, .data-letters3:not(.hide) ~ .data-letters3:before, .data-letters4:not(.hide) ~ .data-letters4:before, .data-letters5:not(.hide) ~ .data-letters5:before, .data-letters6:not(.hide) ~ .data-letters6:before, .data-letters7:not(.hide) ~ .data-letters7:before, .data-letters8:not(.hide) ~ .data-letters8:before, .data-letters9:not(.hide) ~ .data-letters9:before  {
	content:" ";
}
.showprofile{
	cursor: pointer;
}
.rowcol{
	flex-direction: column;
}
.rowcol > *{
	padding: 1rem 0;
}
.justify-content-between:before{
	content:"";
	display: none;
}
.btn-success, .btn-success:hover {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn-valide{
	color: #fff;
	background-color: var(--cyan);
	border-color: var(--cyan);
}
.btn-cancel, .btn-refuse{
	color: #fff;
	background-color: var(--red);
	border-color: var(--red);
}
.btn-waiting, .btn-waiting:hover{
	color: #fff;
	background-color: var(--teal);
	border-color: var(--teal);
	cursor: default;
}
.h1table img {max-width: 150px;}

.formsearch input{ border-radius: 2rem 0 0 2rem ; margin-right: 0 !important;}
.formsearch button {
  margin-left: 0 !important;
  border: 0;
  border-radius: 0 2rem 2rem 0;
  padding: 0.3rem 1rem 0.3rem 0.5rem;
}



.custom_fieldslinkprofile{
	font-weight: 300;
	font-size: 1.2rem;
	cursor: pointer;
	padding: 0.5rem;
	width: 100%;
}
.custom_fieldslinkprofile:before{
	content: "\6b ";
	margin-right: 0.3rem;
	font-family: 'conflr' !important;
}

.custom_fieldslinkprofile.active{
	background: var(--background-light);
}
.custom_fieldslinkprofile.active:before{
	content: "\69 ";
}
.sidebarprofil{
	
}
.sidebarprofil.active{
	background: var(--background-light);
	padding: 3rem;
}
.meetwith{
	cursor: pointer;
}
.margingtop1{
	margin-top: 1rem;
}
.margingbottom1{
	margin-bottom: 1rem;
}
.section1 {
	overflow: scroll;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}




.blocpresentation .-datetime{
	width: 100%;
  display: flex;
  gap: 0.2rem;
  border:0;
  flex-wrap: wrap;
}
.blocpresentation .-datetime .-time,
.blocpresentation .-datetime .-thedate,
.blocpresentation .-datetime .-header{
	width: initial;
	background-color: transparent;
	border: 0;
	padding: 0;
	color: var(--text-color);
	font-size: 1.2em;
}
.blocpresentation .-datetime>* {
    order: 3; /* By default, all items have an order of 0 */
}
.blocpresentation .-datetime .-header{order:2;}
.blocpresentation .-datetime .-thedate{order: 1;}
.blocpresentation .-datetime .-time{}
.blocpresentation .-datetime {}
.blocpresentation .-datetime .timezonetitle{width: 100%; text-align: left;}

.details_title .-datetime{
	width: 100%;
  display: flex;
  gap: 0.2rem;
  border:0;
  flex-wrap: wrap;
  align-items: end;
}
.details_title .-datetime .-time,
.details_title .-datetime .-thedate,
.details_title .-datetime .-header{
	width: initial;
	background-color: transparent;
	border: 0;
	padding: 0;
	color: var(--text-color);
	font-size: 1.2em;
}
.details_title .-datetime>* {
    order: 3; /* By default, all items have an order of 0 */
}
.details_title .-datetime .-header{order:2;}
.details_title .-datetime .-thedate{order: 1;}
.details_title .-datetime .-time{}
.details_title .-datetime {}
.details_title .-datetime .timezonetitle{width: 100%; text-align: left;}
.details_title .listspeakers{width: 100%; border:0;  flex-direction: column; justify-content: start; align-content: start;}
.details_title .listspeakers .keynote-picturediv {justify-content: start; align-content: start;}
.details_title .listspeakers .keynote-picture { width: 40px; height: 40px;}




@media (min-width: 1000px){
	.mainpage .section1{
		width: calc(100vw - 300px);
		min-height: calc(100% - 55px);
	}

	
	.mainpage.menucollapse .section1{
		width: calc(100vw - 100px);
	}
	
	#sidebar.active {
  	margin-left: 0px;
	}
	.mainpage.menucollapse #sidebar ul li a span{
		display: none;
	}
	
	.mainpage.menucollapse #sidebar {
  	min-width: 100px;
  	max-width: 100px;
	}
	.mainpage.menucollapse .thankssponsors, .mainpage.menucollapse .sponsorsslide{
		display: none;
	}
	.mainpage.menucollapse .menusocial{
		display: flex;
		flex-direction: column;
	}
	
	.mainpage.menucollapse .copyrightmenu span{
		display: none;
	}
}