@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=greek');


 a, .link{
	color:#2a6496;
	cursor:pointer;
}



/*.logo{
	max-height:50px;
	max-width:100%;
	text-align:center;
	vertical-align:middle;
}*/
.minified-logo{
	width:27px;
	height:18px;
	display:inline;
	padding-left:5px;
}





.headerCantTouchMe{margin-top:70px;}
.pt-page-current,
.no-js .pt-page { /* somewhere in here we have a scrolling issue for some devices*/
	height:0%;
}
.pt-page{ height:0%;}/* somewhere in here we have a scrolling issue for some devices*/

.noselect {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#ft{
	margin-bottom:0;
	margin-top:100%;
}
#footer {
	text-align:center;
	padding-top:20%;
	color:white;
	padding-left:5%;
	color:#fff;
}
.footer{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
}




.banner-image{
	max-width:100%;
    max-height:50%;
	margin-top:30px;
}
.list-group{margin-bottom:0px;}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus{
	color:#fff;
	background-color:#27ae60;
}
.vote{ cursor:pointer;}
.lottery-icon{
	display:inline;
	width:14px;
	height:auto;
}

.homepage-iconButtons{
	height:3.0em;
	line-height:3em;
	margin-top:10px;
}
.homepage-iconButtons > img {
	display:inline-block;
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}

.container-mainpage .feature{
	margin-top:10px;
	font-size:3em;
}
.nav-text{
	color:#fff;
}

.titles{
	text-align:center;
}
#votingPage .titles{
	text-align:left;
}
#votingPage .tall-enough {
	min-height: 600px;
}
.Htitles{
	text-align:center;
	color:#FFF;
}
.headerButtons{
	display:inline;
	height:auto;
	max-width:100%
}
.list-options {
	position:relative;
	display:block;
	padding:30px 15px!important;
	margin-bottom:-1px;
	background-color:#fff;
	/*border:1px solid #ddd;*/
	margin-top:10px;
	cursor:pointer;
}
.list-options:hover {background-color:#F0F0F0;}
.choices{
	font-size:16px;
	white-space:normal;
	cursor:pointer;
}
.questionMidbar{
	font-size:18px;
}
.img-responsive {		/* Bootstrap Overight */
	display:-webkit-inline-box;
	display: inline-block;
	height:auto;
	max-width:100%
}
.questionModalHeader {
	min-height: 46px;
}
.questionModal {
	font-size: 16px;
	word-wrap: break-word;
}
/***************************************** Agenda**********************************************************************/
.view-photos{
	position:relative;
	display:inline-block;
	right:10px;
}
.spAvatar{
	display:block;
	height:auto;
	width:70px;
	height:91px;
	margin-right:10px;
}
.ceo-profile {
	font-size: 16px;
}
.ceo-profile input, .ceo-profile select, .ceo-profile textarea {
	font-size: 16px;
	border-width: 1px;
	border-radius: 4px;
    padding: 10px;
	transition: box-shadow 200ms ease-in-out;
}
.ceo-profile input:focus, select:focus{
    box-shadow: 0px 0px 5px 1px #52a1b9;;
    border: 1px solid #5873919d;
}
.ceo-profile .btn {
	font-size: 16px;
}
.profile-image{
	display:block;
	height:auto;
	max-width:105px;
	max-height:150px;
	margin:0 auto;
}
.profile-image-container{
	background-color:#bababa;
	border-radius:100%;
	max-width:145px;
	max-height:190px;
	padding:20px;
}
.profile-topic-container{
	background-color:#d6d6d6;
}
.profile-name-container{
	border:2px #0B98E8 solid;
	padding:0 5px 0 5px;
	display:table;
}
.hrColor{
	margin-top:5px;
	border-top:2px #C1C1C1 ridge;
}

.panel-h3-container{
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#bdbdbd;
	margin-bottom:5px;
	min-height:40px;
}


.clck{
	display:inline;
	height:auto;
	width:25px;
	margin-left:5px;
	margin-right:5px;
}
.body-text{
	display:inline-block;
}
.quotes{
	font-size:15px;
	color:#A0A0A0;
	margin-left:3px;
	margin-right:3px;
}
/***************************end Of Agenda****************************************************************/

/****************************Charts **************************************/
.panel-h3{
	text-align:left;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
}
.panel-default>.panel-heading { background-image:none; }
.pad{
	text-align:center;
	font-size:1.5em;
	cursor:pointer;
	color:#6bb9f0;
}
.text-inline-mover>p{display:inline;}
/****************************end of Charts************************************/



/********************************feedback area********************************/
#feedback{	/*feedback container*/
	float:left;
	position:absolute;
	z-index:900;
	top:40%;
	bottom:60%;
	margin:0px 0px 0px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	/*transform-origin:20% 40%;*/
	-ms-transform:rotate(90deg);
	/*-ms-transform-origin:20% 40%;*/
	left:-19px;
}
.btn-feedback{
	width:80px;
	height:25px;
}
/*********************************end of feedback area*********************************/
/*IOS 7 Flip toggle*/
/*iMPORTANT:THIS IS THE OLD IOS FLIP TOGGLE STYLE. IT CAN BE
USED ONLY FOR ONE ELEMENT IN PAGES.IF YOU NEED MORE THAN ONE
IOS 7 FLIP TOGGLES, YOU MUST SEE AT cms.css THE NEW IOS 7 FLIP
TOGGLE WITH THE NAME IN COMMENTS " IOS 7 toggle 2 Begin" */
input#toggle{
	max-height:0;
	max-width:0;
	opacity:0;
}
input#toggle + label {
	display:inline-flex;
	position:relative;
	box-shadow:inset 0 0 0px 1px #d5d5d5;
	text-indent:-5000px;
	height:20px;
	width:40px;
	border-radius:15px;
	padding-bottom:10px;
}
input#toggle + label:before {
	content:"";
	position:absolute;
	display:block;
	height:20px;
	width:20px;
	top:0;
	left:0;
	border-radius:15px;
	background:rgba(19,191,17,0);
	-moz-transition:.25s ease-in-out;
	-webkit-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
	cursor:pointer;
}
input#toggle + label:after {
	content:"";
	position:absolute;
	display:block;
	height:20px;
	width:20px;
	top:0;
	left:0px;
	border-radius:15px;
	background:#fff;
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.2);
	-moz-transition:.25s ease-in-out;
	-webkit-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
input#toggle:checked + label:before {
	width:40px;
	background:#419641;
}

input#toggle:checked + label:after {
	left:20px;
	box-shadow:inset 0 0 0 1px #3E8F3E, 0 2px 4px rgba(0,0,0,.2);

}
/***************************************end of  IOS 7 **********************************/
/***********************Polling*********************************************************/
.ThankYouClassAfterAnswers{
	text-align:center;
	font-size:19px;
	margin-top:48px;
	font-style:normal;
}
/***********************end of Polling*********************************************************/
.limitation-msg{
	text-align:center;
	margin-top:25px;
	letter-spacing:1px;
	color:#1298FF;
	font-weight:bold;
	border-bottom:1px rgba(150, 151, 151, 0.31) solid;
	padding:10% 0 25%;
}
.btn-add{
	color:#1298FF;
	background-color:inherit;
	border-color:none;
	border:none;
	/*font-size:13px; */
	font-weight:bold;
	margin-left:20px;
	margin-top:4px;
}

.done-btn{
	background-color:#24A87E;
	color:#fff;
	margin-bottom:10px;
	margin-top:10px;
	height:60px;
	border:1px #5A5656 solid;
}
.done-btn:hover{background-color:#1D7E5F;}

.logoSpan{padding:0;}

#venueName-wrapper-o-wrap{
	position:relative;
	top:33px;
	max-width:95%;
	height:27px;
	max-height:30px;
	margin:0 auto;
}
.venueName-container-wrap{
	position:relative;
	top:0px;
	max-width:93%;
	height:27px;
	max-height:30px;
	overflow:auto;
	margin:0 auto;
	z-index:300;
}
.venueName-container{
	width:100%;
	text-align:center;
	white-space:nowrap;
	font-size:1.2em;
}
.light-gray-horizline{
	background-image:url(../images/light-gray-line.png);
	background-repeat:repeat-x;
	height:25px;
	width:155%;
	background-size:12px;
	z-index:999;
	margin-top:55px;
	position:fixed;
	border-top:2px #fff solid;
}
.light-gray-vertline{
	background-image:url(../images/light-gray-vertLine.png);
	background-repeat:repeat-y;
	height:65%;
	width:9px;
	background-size:9px 2px;
	z-index:999;
	margin-top:92px;
	position:fixed;
	margin-left:3px;
}
.light-blue-vertLine
{
	background-image:url(../images/vert-line.png);
	background-repeat:repeat-y;
	height:97%;
	width:4px;
	background-size:9px 2px;
	z-index:999;
	margin-top:-19px;
	margin-left:-19px;
	position:absolute;
	display:block;
	bottom:2px;
}
.nav-list>li>a {
	display:block;
	height:60px;
	line-height:36px;
	margin:0;
	padding:8px 10px 10px 9px !important;
	color:#fff !important;
	text-shadow:none !important;
	font-size:13px;
	text-decoration:none;
}
.nav-list>li.activeMenu>a,
.nav-list>li.activeMenu>a:hover,
.nav-list>li.activeMenu>a:focus,
.nav-list>li.activeMenu>a:active {
	font-weight:bold !important;
	font-size:13px;
}
.nav-list>li.activeMenu>a:after {
	border-right-color:#F7F9FC;
	display:block;
	content:"";
	position:absolute !important;
	right:0;
	top:15px;
	border:8px solid transparent;
	border-width:14px 10px;
}
.poweredByConferienceBottom{
	bottom:0;
	width:100%;
	padding:0;
	margin:0;
}
/*.modal-title,
.panel-title,
#sliderName{
}*/
.winbankFonts{font-size:1em;}
.winbankCenter{text-align:center;}

.no-style{text-decoration:none;}
.no-style a:link {color:blue;}    /* unvisited link */
.no-style a:visited {color:blue;} /* visited link */
.no-style a:hover {text-decoration:underline;}   /* mouse over link */
.no-style a:active {text-decoration:underline;}  /* selected link */

.no-style-tab{
	padding:1em;
	position:relative;
	display:inline-block;
	color:#000;
	cursor:pointer;
	cursor:hand;
	text-align:center;
	font-size:1.2em;
	background-color:#6BC0D9;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	-moz-border-bottom-colors:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background-color:#FFFFFF;
	border-color:#DDDDDD #DDDDDD rgba(0, 0, 0, 0);
	border-image:none;
	border-style:solid;
	border-width:1px;
	color:#1298FF;
	cursor:default;
}
.blue{color:#6BC0D9 !important;}
.black{color:black !important;}
.likes-flow{
	float:right;
	margin-top:17px;
}

#GroupOfGraphButtons ul{text-align:center;}

#GroupOfGraphButtons li{
	position:relative;
	display:inline-block;
	text-decoration:none;
	margin:0 10px;
}
.correct-answer{
	background-color:#63CC9E;
	background-image:none;
}
 @media (max-width:767px){
	 	#GroupOfGraphButtons ul{
		text-align:left;
		padding-left:0;
		}
		.pad{
			font-size:13px;
			padding-top:1em;
		}
 }


.absoluteTop {
	position:absolute;
	right:6px;
	bottom:0;
	z-index:1045;
	width:40px;
	height:40px;
	margin:0 10px 10px 0;
	padding:5px;
	border-radius:4px;
	opacity:.3;
	-webkit-transition: opacity 400ms;
	transition: opacity 400ms;
	text-align:center;
	font-size:14px;
	line-height:1.2;
	background-color:#666;
	color:#fff;
	cursor:pointer;
}
.absoluteTop div { font-size:11px;
	font-weight:600;
}
.absoluteTop:hover { opacity:1; }

.goToTop {
	display:none; position:fixed; right:6px; bottom:0; z-index:1045;
	width:40px; height:40px; margin:0 10px 10px 0; padding:5px; border-radius:4px; opacity:.3; -webkit-transition:.4s; transition:.4s;
	text-align:center; font-size:14px; line-height:1.2; background-color:#666; color:#fff; cursor:pointer; }
.goToTop div { font-size:11px; font-weight:600; }
.goToTop:hover { opacity:1; }

.goToTop.chRTop{
	display: inline-block;
	bottom: 51px;
}

.fixed-positioning_bottom-right{
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: visible;
}
.goToTopButton{
	width:40px;
	height:40px;
	margin:0 10px 10px 0;
	padding:5px;
	border-radius:4px;
	opacity:.3;
	-webkit-transition: opacity 400ms;
	transition: opacity 400ms;
	text-align:center;
	font-size:14px;
	line-height:1.2;
	background-color:#666;
	color:#fff;
	cursor:pointer;
	position: absolute;
	left: 0;
	bottom: 0;
}
@media(max-width:850px){
	.goToTopButton {
		right: 0;
		left: unset;
	}
}
.goToTopButton:hover { opacity:1; }

.goToTopChat {
	background-color: #7088a1;
	bottom: 74px;
	display: block;
}

.goToTopChat .messageBadge {
	background-color:red;
	border-radius: 10px;
}

.powered-by-conf{
	margin-top:4px;
	position:relative;
	top:auto;
	bottom:0;
}
.powered-by-conf > button{
	font-size: 12px;
}

/**************************************Trolling Saruman************************************************************/
	.troll
	{
		background-color:red;
		font-size:100px;
		color:#FFF;
		position:fixed;
		width:100%;
		height:100%;
		z-index:9999;
		visibility:visible !important;
		display:block;
	}
/**************************************Trolling Saruman************************************************************/

@media(min-width:767px){
	/*.banner-container{display:none}*/
}

.modal-dialog a{
	color:#337ab7!important;
	text-decoration:none;
}
.modal-dialog a.modal-inv{
	color:white!important;
	text-decoration:none;
}
#eventOrganizerProfileModal ul{
	list-style-type:initial;
}
#mainMenuPopups ul{
	list-style-type:inherit;
}
.no-select {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
/* Animations */
.bounce-container{
	display:inline-block;
	position:relative;
}
div.bounce-below {
	position:absolute;
	bottom:-5px;
	left:50%;
	-webkit-animation:bounce-below 1s ease-out 0s infinite alternate none;
	-moz-animation:bounce-below 1s ease-out 0s infinite alternate none;
	-o-animation:bounce-below 1s ease-out 0s infinite alternate none;
	animation:bounce-below 1s ease-out 0s infinite alternate none;
}
@-webkit-keyframes bounce-below {
	from { bottom:0px; }
	to { bottom:-30px; }
}
@-moz-keyframes bounce-below {
	from { bottom:0px; }
	to { bottom:-30px; }
}
@-o-keyframes bounce-below {
	from { bottom:0px; }
	to { bottom:-30px; }
}
@keyframes bounce-below {
	from { bottom:0px; }
	to { bottom:-30px; }
}

.animateAllFast {
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

/* /Animations */
.truncated{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pointer{
	cursor:pointer;
}


/* DELETE
--------------
sidebar.css
	.ToggleForEnableSidebarOfMultiSessionsID


generalMenu.css
	.mg-display-img

multisession.css
	.fonts-align

/***********************************************************************************************************/



/*************************************/
/*                        NEW STUFF                        */
/*************************************/

/* MAIN */
html { height: 100%; }
.body { 
	min-width:320px;
	/* max-width:768px; */
	margin: 0 auto;
	background-color: transparent;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	height: 100%;
}
#global-app, #pt-main, #require-pager { height: 100%; }
a, a:focus { color:#1269a7; }
a:hover { color:#579cd8; cursor:pointer; text-decoration:none; }

/* .navbar.navbar-app.navbar-default.navbar-fixed-top { max-width:768px !important; margin:0 auto !important; }  TEMP */
.container { max-width:768px !important; position: relative;}

#mainPage .main-nav{padding: 2px;}
#mainPage header .nav-middle {
	background-repeat: no-repeat;
	background-size:contain;
	background-position-x: center;
	background-position-y: center;
}
.main-nav { display:table; width:100%; max-width:768px; margin: 0 auto; min-height:60px; height:60px; border: none; padding:5px 8px 0;}
.main-nav>div { display:table-cell; vertical-align:middle; }
.main-nav>div.nav-left, .main-nav>div.nav-right { width:60px; }
.main-nav>div.nav-left i.fa-chevron-left { padding:10px; font-size:26px; color:#436e90; vertical-align:middle; cursor:pointer; }
.main-nav>div.nav-left img { max-height:36px; }
.main-nav>div.nav-right { text-align:right; padding-right:10px; }
.main-nav>div.nav-middle { padding:0 5px; text-align:center; font-size:1.4em; font-weight:600; }
.main-nav>div.nav-middle.full-length { padding:0; margin: 0; border: 0; width: 100%; }
.main-nav>div.nav-middle.full-length img{ max-height: 40px; }
.logo { max-width:100%; max-height:50px; }


/* forms */
.form-control { margin-bottom:3px; border-radius:1px; }
.form-control:focus { border-color:#749aba; -webkit-box-shadow:none; box-shadow:none; }
.form-control.inline { display:inline-block; width:auto; }
label { margin-bottom:1px; font-weight:600; }
textarea { resize:vertical; }
.btn { padding:5px 10px; font-size:13px; border-radius:3px;}
.btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn.active:focus { outline:0; -webkit-box-shadow:none; box-shadow:none; }
.btn-default { color:#444; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-color:#f5f5f5; }
.btn-primary, .btn-hover-primary:hover { color:#fff; background-color:#436E90; border:1px solid #49678F; }
.btn-hover-success:hover { color:#fff; background-color:#449d44; border-color:#398439; }
.btn-hover-danger:hover { color:#fff; background-color:#c9302c; border-color:#ac2925; }
.btn-xs { font-size:14px; padding:2px 6px; }


/* toggle switch */
.toggle-switch { position:relative; display:inline-block; width:40px; height:22px; }
.toggle-switch input { visibility: hidden; }
.toggle-slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; border-radius:6px; -webkit-transition:.4s; transition:.4s; }
.toggle-slider.toggle-slider--blue { border-radius:50px; }
.toggle-slider::before { position:absolute; content:""; height:16px; width:16px; left:3px; bottom:3px; background-color:#fff; border-radius:50%; -webkit-transition:.4s; transition:.4s; }
input:checked + .toggle-slider { background-color:#4CAF50; }
input:checked + .toggle-slider.toggle-slider--blue { background-color: rgb(0, 142, 255); }
input:checked + .toggle-slider::before { -webkit-transform:translateX(18px); -ms-transform:translateX(18px); transform:translateX(18px); }

.pageCounter { padding:2px 5px; background-color:#436e90;  color:#fff; font-size:13px; text-align:center; border-radius:3px; }

/* text binding preserve paragraphs */
.preserve-paragraphs {
	white-space: pre-wrap;
}

/* misc */
.invis { display:none; }
.rel { position:relative; }
.abs { position:absolute; }
.inline { display:inline-block; }
.autoWidth { width:auto !important; }
.nowrap { white-space:nowrap; }
.center { text-align:center !important; margin-left:auto !important; margin-right:auto !important; }
.vtop { vertical-align:top; }
.vmid { vertical-align:middle; }
.vbot { vertical-align:bottom; }
.trow { display:table-row; }
.tcell { display:table-cell; }
.disabled { opacity:.5; cursor:default !important; }
.disabled * { cursor:default !important; }
.pointer { cursor:pointer; }
.nopointer { cursor:default; }
.disabled .pointer { cursor:not-allowed; }
.light { font-weight:300; }
.bold { font-weight:600; }
.xbold { font-weight:700; }
.white-bg { background-color:#fff; }
.black { color:#000 !important; }
.red { color:#e63a3a !important; }
.red-bg { background-color:#e63a3a; }
.nobrd { border:none !important; }
a.text-color { color:inherit; }
/* margins */
	.m0 { margin:0; } .m5 { margin:5px; } .m10 { margin:10px; } .m15 { margin:15px; } .m20 { margin:20px; }
	.mt0 { margin-top:0; } .mt5 { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } 
	.mr0 { margin-right:0; } .mr5 { margin-right:5px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; }
	.mb0 { margin-bottom:0; } .mb5 { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; }
	.ml0 { margin-left:0; } .ml5 { margin-left:5px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; }
	.mtb0 { margin-top:0; margin-bottom:0; } .mtb5 { margin-top:5px; margin-bottom:5px; } .mtb10 { margin-top:10px; margin-bottom:10px; } .mtb20 { margin-top:20px; margin-bottom:20px; }
	.mlr0 { margin-left:0; margin-right:0; } .mlr5 { margin-left:5px; margin-right:5px; } .mlr10 { margin-left:10px; margin-right:10px; } .mlr15 { margin-left:15px; margin-right:15px; } .mlr20 { margin-left:20px; margin-right:20px; }

	.p0 { padding:0; } .p5 { padding:5px; } .p10 { padding:10px; } .p15 { padding:15px; } .p20 { padding:20px; }
	.pt0 { padding-top:0; } .pt5 { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; }
	.pr0 { padding-right:0px; } .pr5 { padding-right:5px; } .pr10 { padding-right:10px; } .pr15 { padding-right:15px; } .pr20 { padding-right:20px; }
	.pb0 { padding-bottom:0px; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .pb50 { padding-bottom:50px; }
	.pl0 { padding-left:0px; } .pl5 { padding-left:5px; } .pl10 { padding-left:10px; } .pl15 { padding-left:15px; } .pl20 { padding-left:20px; }
	.ptb0 { padding-top:0; padding-bottom:0; } .ptb5 { padding-top:5px; padding-bottom:5px; } .ptb10 { padding-top:10px; padding-bottom:10px; } .ptb20 { padding-top:20px; padding-bottom:20px; }
	.plr0 { padding-left:0; padding-right:0; } .plr5 { padding-left:5px; padding-right:5px; } .plr10 { padding-left:10px; padding-right:10px; } .plr15 { padding-left:15px; padding-right:15px; } .plr20 { padding-left:20px; padding-right:20px; }

/* page layout */
.flex-layout-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.flex-layout-content {
	position: relative;
	flex: 2; 
	overflow: auto; 
}
.width-container {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
/* homepage */

.session-header { background-color:#eee; }

.img-overlay { position:absolute; top:0; left:0px; width:100%; height:100% !important; cursor:pointer; z-index:100; }
.img-overlay:hover{ background-color:rgba(120, 140, 160, 0.2); }

.iconText { margin-bottom:18px; line-height:1.3; margin-top: 4px;}
.loading-fullscreen{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 999;
}
.loading-fullscreen > .throbber-loader{
	position: fixed;
	top: 50%;
	left: 50%;
}

.loading-fullscreen > .preloader{
	position: fixed;
	top: 50%;
	left: 50%;
}

.rollingBannerContainer{
	position: relative;
	height: 200px;
	margin-bottom: 25px;
}
.rollingBannerContainer.containsTitle{
	height: 225px;
}
.rollingBannerContainer.containsTitle .banner-text{
	min-height: 20px;
}
.rollingBanner{
	position: absolute;
	opacity: 0;
	transition: opacity 1s;
	height: 200px;
	width: 100%;
	text-align: center;
	z-index: 11;
}
.rollingBanner a{
	display: none;
	height: 100%;
	width: 100%;
}
.rollingBanner.rollingBannerActive{
	opacity: 1;
	z-index: 12;
}
.rollingBanner.rollingBannerActive a{
	display: block;
}
.rollingBannerImg{
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	background-position-y: center;
}
@media (max-width:767px){
	.rollingBannerContainer{
		height: 175px;
	}
	.rollingBannerContainer.containsTitle{
		height: 200px;
	}
	.rollingBanner{
		height: 175px;
	}
}
@media (max-width:500px){
	.rollingBannerContainer{
		height: 150px;
	}
	.rollingBannerContainer.containsTitle{
		height: 175px;
	}
	.rollingBanner{
		height: 150px;
	}
}
.snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
}
.show {
	visibility: visible !important;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

#mainMenuBanner nav{
	height: 90px;
}

.powered-by_fixed-bottom{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
}
.powered-by_fixed-bottom > div {
	max-width: 768px;
	margin: 0 auto;
	padding: 0 15px;
	background: white;
}
.app__right .powered-by_fixed-bottom{
	width: 30%;
}

.powered-by_flex-bottom{
	width: 100%;
	/* max-width: 768px; */
	z-index: 1000;
}
.powered-by_flex-bottom > div {
	max-width: 768px;
	margin: 0 auto;
	padding: 0 15px;
	background: white;
}

.net-toggle{
	width: 38px;
	border-radius: 11px;
	height: 21px;
	padding: 0 3px;
	display: inline-block;
	border: 1px #BBC1E1 solid;
	cursor: pointer;
}
@keyframes shake {
	10%, 90% {transform: translateX(-1px);}
	20%, 80% {transform: translateX(2px);}
	30%, 50%, 70% {transform: translateX(-4px);}
	40%, 60% {transform: translateX(4px);}
}
.net-toggle.failed{
	animation-duration: .5s;
	animation-name: shake;
}
.net-toggle.changing{
	cursor: wait;
}
.net-toggle > div {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background-color: #BBC1E1;
	display: block;
	transform: translateX(0);
	transition: transform 0.3s  ease, background-color 0.3s;
	margin-top: 3px;
	position: relative;
}
.net-toggle.isOn {
	background: #275EFE;
}
.net-toggle.isOn > div{
	transform: translateX(14px);
	background-color: white;
}

.social-media-link > img{
	height: 28px;
	border-radius: 5px;
}
.social-media-link + .social-media-link{
	margin-left: 15px;
}

/* Together2026 twitter icon hack */
a.social-media-link[href="https://twitter.com/eliaorg"] img {
	filter: invert(1);
}

.close-stage-icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}
.primaryColorOutlineBg .close-stage-icon{
	display: block;
}
.modal-dialog.dialog__fullscreen{
	margin: 0;
}

/* Custom Scrollbar CSS */
/* width */
::-webkit-scrollbar {
	width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #666;
}

.modal-backdrop.in {
	opacity: 0.8;
}

.modal-backdrop {
	background-color: #777;
}

/* Info image  */
.item-container-mobile{
	display: inline-block;
	position: relative;
	max-width: 100%;
}
.info-image-viewport {
	max-width: 100%;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	overflow: auto;
	position: relative;
	margin: 0 auto;
	display: bloc;
}
.info-image-viewport.dragging {
	cursor: grabbing;
}
.pc-image.hovering {
	cursor: pointer;
}

.eventTitleContainer{
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
.eventTitle{
	height: 24px;
	overflow: hidden;
	word-break: break-all;
	width: 100%;
	margin-bottom: 15px;
}

.vts-page {
	height: 100%; overflow: hidden;
	position: relative;
	touch-action: none;
	/* transition: width 2s, height 2s, bottom 2s, right 2s; */
}

.vts-pip {
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: auto;
	/* max-height: 200px;
	max-width: 200px; */
	z-index: 2000;
}

.vts-container {
	zoom: 1;
}
.vts-container.vts-pip-active {
	zoom: 0.8;
	border: 1px solid #dbdbdb;
	border-radius: 20px;
	overflow: hidden;

}

.vts-header {
	/* normal styles */
}

@media (max-width: 300px) {
	.vts-header {
		display: none;
	}
}

.vts-pip-overlay {
	display: none;
}

.vts-pip-overlay.vts-pip-active {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 60%;
	background-color: rgba(227, 227, 227, 0.9);
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 18px;

}

.vts-control {
	font-size: 20px;
}