@font-face {
    font-family: roboto;
    src: url(fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: roboto-slab;
    src: url(fonts/Roboto/RobotoSlab-Regular.ttf);
}
@font-face {
    font-family: roboto-slab-bold;
    src: url(fonts/Roboto/RobotoSlab-Bold.ttf);
}

body,html{margin:0;padding:0;height:100%;/*overflow:hidden;*/
/*	font-family:"Comic Sans MS";*/
/*font-family: 'roboto-slab', sans-serif;*/
font-family: 'arial', sans-serif !important;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body{
	overflow-x: hidden;

}
body * {
	/*font-family: 'roboto-slab', sans-serif;*/
	font-family: 'arial', sans-serif;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.demo-iframe-holder {
 /* position: fixed; 
  right: 0; 
  bottom: 0; 
  left: 0;
  top: 0;*/
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.demo-iframe-holder iframe {
  height: 100%;
  width: 100%;
}

.noABlock a{
	display:inline!important;
}
.perspective-left{
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transition-delay: 70ms; /* Safari */
    transition-delay: 70ms;
}
.perspective-left {
    -webkit-transform: rotateY(0deg)!important;   
    transform:  rotateY(0deg)!important;   
}

.sidebar-scroll-left {
    position: absolute;
    -webkit-transform: rotateY(-115deg)!important;   
    transform: rotateY(-115deg)!important;   
}

.perspective-2-left{
    transform: translateX(0px);
    pointer-events:all!important;
}
.perspective-2-left {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.sidebar-scroll-left *{
    -webkit-transition: all 450ms ease;   
    transition: all 450ms ease;   
}

.sidebar-left{
    position:fixed;
    width:260px;
    background-color:transparent;
    -webkit-perspective: 700px;
    perspective:700px;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease;
    margin-left: -260px;
    top:0px;
    left:0px;
    bottom:0px;
    z-index:9999;
    overflow:hidden;
    pointer-events:none;
}
.sidebar-left {
    margin-left: 0;
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
}



.loadingDiv .loadOlderMsgBtn{
	display: none!important;
}
.blockedUserCls{
	color:#94A088; 
}
.blockedUserCls .table-cell.deleteUser,
.blockedUserCls .table-cell.blockUser{
	display: none;
}
.blockedUserCls .table-cell.unblockUser{
	display: table-cell;
}
.table-cell.unblockUser{
	display: none;
}

.bubble {
  font-size: 16px;
  position: relative;
  display: inline-block;
  clear: both;
  margin-bottom: 8px;
  padding: 13px 14px;
  vertical-align: top;
  border-radius: 5px;
}
.bubble:before {
  position: absolute;
  top: 19px;
  display: block;
  width: 8px;
  height: 6px;
  content: '\00a0';
  -webkit-transform: rotate(29deg) skew(-35deg);
          transform: rotate(29deg) skew(-35deg);
}
.bubble.you {
  float: left;
  /*color: #fff;*/
  /*background-color: #00b0ff;*/
  -ms-flex-item-align: start;
      align-self: flex-start;
/*  -webkit-animation-name: slideFromLeft;
  animation-name: slideFromLeft;*/
}
.bubble.you:before {
  left: -3px;
  /*background-color: #00b0ff;*/
}
.bubble.me {
  float: right;
  /*color: #1a1a1a;*/
  /*background-color: #EDCB89;*/
  -ms-flex-item-align: end;
  align-self: flex-end;
  /*-webkit-animation-name: slideFromRight;
  animation-name: slideFromRight;*/
}
.bubble.me:before {
  right: -3px;
  /*background-color: #EDCB89;*/
}

	::-webkit-scrollbar {
	    width: 0px;
	}
	.programmBtn{
		border:1px solid;
		border-radius: 10px;
		padding:5px 8px;
		margin: 5px;
	}
	.inFavorites .removeText{display:inline;}
	.inFavorites .addText{display:none;}

	.addText{display:inline;}
	.removeText{display: none;}

.FTProfile{height:50px; font-size:50px;max-height: 50px;}

.premiumSignDiv{font-size:12px;line-height:12px; height:12px;padding:0 2px;display:inline-block;}

.chat_message{border:1px solid black; width:80%;margin:5px;}
.chat_message.self{background-color: lime;}


.imgLimiter img{max-width:100%;} .dtpicker-value{display:none!important}

.otherEvent{height:20%;}
.otherEvent table, .otherEvent tbody, .otherEvent tr{height:100%;max-height: 100%;display: block;}
.otherEvent td{height:100%;max-height: 100%;white-space: nowrap;}
.otherEvent .h100{height:100%;max-height: 100%;}
.otherEvent .OtherImg{width: 20%;padding:5px;}
.otherEvent .imgLimiter img{max-width:100%;max-height:100%;}

.otherEvent .OtherImg img{max-width: 100%;max-height: 100%}

/* This is the updated style*/
body .verticalMenu .vMenuTextContainer .vMenuVerticalText{bottom:36px}
body .mainMenu.has-all-menu-boxes .menuBox {font-size:14px}
body .mainMenu.has-all-menu-boxes .menuBox > i {font-size:33px}

.menuBox{float:left;width: 50%;padding:0;}
.menuBox.wide{float:none; width: auto; margin-right: 5px;}
.menuBox.wide33{float: left;width: 32.3%;margin-right: 1%;}
.menuBox .boxInhalt{margin:5px; padding: 5px;}

/*NOTE: Tomi defined styles for EASD with boxes instead of list in main menu*/
.mainMenu.has-all-menu-boxes .menuBox {box-sizing: border-box;text-align:center;margin-bottom: 7px; padding: 5px;}
.mainMenu.has-all-menu-boxes .menuBox > i {font-size:37px;display:block;margin-bottom:10px;color: #009BDC;}

/*.webapp-boxes .meta-links{table-layout:fixed;margin: 15px 7px 10px 0;}*/
.webapp-boxes .meta-links{text-align: center; font-family: 'roboto'}
.webapp-boxes .meta-links *{font-family: 'roboto'}
.webapp-boxes .meta-links .table{display:inline-block;width:30%;border-bottom:none;text-align:center;}
.webapp-boxes .meta-links .table .table-cell{display:block;}
.webapp-boxes .meta-links .table div.f25.rtl{display:none;}
.webapp-boxes .meta-links i {display: block;font-size: 28px;}
.webapp-boxes .meta-links .table span {font-size:12px;}
.webapp-boxes .foldableCategory .categoryTitle {padding-left:0;}
.webapp-boxes .foldableCategory .categoryTitleText .left{float:none; text-transform:uppercase;text-align:center;font-weight: bold;font-size: 15px;}
.webapp-boxes .foldableCategory .categoryTitleText .vmIcons{display:none;}
.webapp-boxes .AbstractMainAuthor {color: #000;font-size: 14px;font-weight: bold;}
.webapp-boxes .talk-date {  display:none;  }
.webapp-boxes .talk-webcast-text { background-color: #009BDC;color: #fff;padding: 3px;font-size: 10px;/*float: right;*/}

.talk-webcast-text { background-color: #009BDC;color: #fff;padding: 3px;font-size: 10px;}


/* PLAYER LOCAL FIX!*/
.x-html5components-button.x-html5components-search{display:none!important;}
	.sponsorAdDiv{width:100%;background:#ffffff;
		/*default left - because it might start open*/
		left:350px;
	}
	.sponsorAdDiv img{max-width: 100%}
	/*.clsFullExhibitorView img {height:100px;max-width: 100px;}*/
	.unreadMessage_BorderLeft{border-left: 8px solid #227CB7; }
	.boothPointer{
		border-radius: 15px;
		color:white;
		background-color:#041117;
		/*height:20%;*/
	 	/*
	    right:20px	;
		width:70%;
		top:10%;
	 	left:0;
	    */
	    margin-left:auto;
	    margin-right:auto;

		padding:10px;
	}
    .boothPointer .wba-close-icon {cursor:pointer;font-size: 24px;top: 7px;right: 17px;position: absolute;}
	.ratingDiv{height: 50px;margin-bottom: 20px}
	.ratingDiv img{max-height: 100%;max-width: 100%;}
	.fullscreenClass{position: absolute;background: white; width: 100%; height: 100%; text-align: center;z-index:30;top:0;left:0;}
	.fullscreenClass img{max-width: inherit;max-height: inherit;}
	.fullFloorPlanImage{max-width: 100%;max-height: 100%}
	.realContentDiv input[type=text],.realContentDiv select, .realContentDiv input[type=password], textarea{width: 90%;}
	/*.inFavorites *{color:green!important;}*/
	.mainMenu{}
	.sendMessageDiv input,.sendMessageDiv textarea{width:100%;}
	.debugDiv{background: lime; position: absolute;right: 0; top: 0;height: 150px;width: 150px;z-index: 50;overflow: hidden;}
	.debugDiv.open{width:90%;height:90%;overflow: scroll;}
	.verticalMenu .vMenuTextContainer.isLong .guy{max-width: 50px;max-height: 100%;}
	.verticalMenu .vMenuTextContainer.isLong .guy img{max-width: 100%;max-height: 100%;}
	.verticalMenu .vMenuTextContainer img{max-height: 35px;}
	.verticalMenu .vMenuTextContainer .vMenuVerticalText {position:absolute; left: 0;bottom:40px; right:0;}
	.verticalMenu .vMenuTextContainer .vMenuVerticalText img{max-width: 100%;max-height: 100%;}
	.verticalMenu{
		/*background-color:#227CB7;*/
		width: 50px;
		-webkit-box-shadow: 1px 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 1px 0 1px 0 rgba(0,0,0,.15);
		/*display:table;*/
		overflow:hidden;
	}

	.title_right_icon{top:1px;right:5px;}

	/*
	.searchIcon{top:1px;right:5px;}
	.calendarViewIcon{top:1px;right:5px;}
	.exportIcon{top:1px;right:5px;}
*/
	.zoomImage img{width:100%;}
	.zoomImageDiv img{width:100%;}

	
	.smooth_zoom_preloader {
		background-image: url(../js/assets/preloader.gif);
	}	
	.smooth_zoom_icons {
		background-image: url(../js/assets/icons.png);
	}
	
	.loadingDiv{
		background-image:url('../images/ajax-loader.gif');
		background-repeat:no-repeat;
		background-position: center; 
		min-height :100px;
	}
	.pageTitleDiv {
		text-align:center;
		/*color:#00354F;*/
		height:40px; 
		line-height: 40px;
		max-height: 40px;
	}
	.pageTitleDiv *{max-height: 40px;}
	.pageTitleDiv .table{height:100%;}
	/*.extendedTitle{
		background:#227CB7;
		color:#ffffff;
	}*/
	
	
	.mainMenu .otherMenuContainer{
		height:100%; 
		overflow-y:auto;
	}

	
	.mainMenu .otherMenuContainer > div {padding-left:10px;}
	.mainMenu .otherMenuContainer .itemOption{
		/*border-bottom:1px solid #F1F1F1;*/
		padding-left: 10px;
		height:30px;
		line-height: 30px;
		overflow: hidden;
	}
	.mainMenu .otherMenuContainer .itemOption:last-child{
		border-bottom:0;
	}
	.itemOption.verticalSprite{
		background-repeat:no-repeat;
		background-position: 0 -160px;
	}
	/*
	.itemOption.Abstracts{background-position:0 -10px;}
	.itemOption.Presentations{background-position:0 -42px;}
	.itemOption.ePosters{background-position:0 -69px;}
	.itemOption.SocialMessages{background-position:0 -100px;}
	.itemOption.Sessions{background-position:0 -130px;}
	*/
	.floorPlanImg{max-width:100%; max-height:300px;}
	
	.mainMenu .otherMenuContainer .listTitle{
		padding-left: 51px;
		height:30px;
		line-height: 30px;
		/*
		color:#ffffff;
		background-color: #00354F;
		*/
		text-transform: uppercase;
		overflow: hidden;

	}
	.inboxBtn, .outboxBtn{padding:3px;}
	.messagesTitleDiv{
		border-radius: 3px;
		border: 1px solid #227CB7;
		padding:5px;
	}
	.messagesExtraOptions{margin-top:20px;}
	/* dynamic title*/
	.pageTitleInputDiv{display:none;}
	.pageTitleDiv div.searchIcon{display:none;}
	.pageTitleDiv.Searchable div.searchIcon{display:block; width:100px;text-align: right}
	.pageTitleDiv div.calendarViewIcon {width:100px;text-align: right}
	.pageTitleDiv div.doGoBack.absolute{display:block; width:100px;text-align: left}
	.pageTitleDiv.titleStartSearch .pageTitleTextDiv{display:none}
	.pageTitleDiv.titleStartSearch .pageTitleInputDiv{display:inline-block}
	
	
	.pinch-zoom-container, .force100PrecentHeight{height:100%!important;}
	/* I cant remember why i added this. but now i remove so translations will be pinchable and with maps ,though it still didnt do the job*/
	/* .pinch-zoom-container{overflow: inherit!important} */
    
    /* this solves a bug, but creates another one 
    The bug it creates - no posibility to scroll down.
    */
    /* .floorPlanDiv{height:100%!important} */

	.foldableCategory .vmIcons{font-size: 28px;}
	.foldableCategory.openFoldable .iconOpen{display:block;}
	.foldableCategory.openFoldable .iconClose{display:none;}
	.foldableCategory .iconOpen{display:none;}
	.foldableCategory .iconclose{display:block;}
/*
	.facebook{background-position:35px 71px;}
	.twitter{background-position:35px 99px;}
	.pinterest{background-position:-5px 99px;}
	.authorMessage{background-position:-35px 185px;}	
	.search{background-position:-35px 99px;}
	.pageTitleDiv.titleStartSearch .search{background-position:61px 99px;}
*/
	table { 
	    border-collapse: collapse; 
	}
	.navButtonsContainer{color:#ffffff; text-align: center;height:40px;} 
	.openMenuClick{}	
	.closeMenuClick{}	
	.backMenuClick{}	
	

	/*.navButtonsContainer{display:table-row;}*/
	.vMenuTextContainer{position:relative;height:100%;width:inherit;/*display:table-row;*/}
	.vMenuText{width:300px;
		color:#ffffff;
		transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		position:absolute;
		bottom:190px;
		right:-123px;
	}
	.vMenuVerticalText{
		/*position:absolute;
		bottom:0px;
		right:0px;
		*/
		text-align: center;

	}
	/*.vMenuText img{max-height: 35px;margin-top: 7px;}*/
	.vMenuText .VMenuTextName{margin-right:5px;padding: 0 5px;}
	.pageContent{background-color:pink}
	.AppContentDivContainer{overflow-y:auto;height:100%; background:#F1F1F1;/*position:absolute;right:0;width:auto;*/}
	.ml50{margin-left:50px;}
	
	.shareFooterDiv{display:block;position:fixed;bottom:0;width:100%;
		background: #F1F1F1;
		z-index:2;
		box-shadow: 0px 0px 20px 20px rgba(241, 241,241, 0.5);
		-moz-box-shadow: 0px 0px 20px 20px rgba(241, 241,241, 0.5);
		-webkit-box-shadow: 0px 0px 20px 20px rgba(241, 241, 241, 0.5);
	}
	/*
	ul{margin:0;padding:5px;}
	li {display:inline;}
	*/
	.getMore{text-align:center;cursor:pointer}
	/*.getMore:hover{background-color:lime;}*/
	.foldableCategory .categoryTitle, .categoryTitle{
		/*background-color:#75AEDE; 
		color:white; */
		padding-left:17px; 
		margin-bottom: 3px;
		height:30px; 
		line-height: 30px
	}
	.foldableCategory.openFoldable .categoryTitle{
		background-position:right -96px;
	}
	.sponsorLine{background: #ffffff;}
	.foldableCategory .categoryTitle.uppercase{padding-left:40px}
	/*.foldableCategory .categoryTitle .categoryTitleText{margin-left:17px;}*/
	
	.foldableCategory .CategoryFoldableContent{min-height:20px;margin-bottom: 10px; display:none;}
	.foldableCategory.openFoldable .CategoryFoldableContent{display:block;}
	.foldableCategory.specialFoldableContent{}
	
	.socialRow{min-height:60px;}
	.CommunityType{width:26px;height:50px;}
	.CommunityType.Resourcecomment{background-position:40px 10px;}
	.CommunityType.Contentsessioncomment{background-position:-5px 42px;}
	.CommunityType.Twittercomment{background-position:120px 10px;}
	.socialImage{height: 35px;width:35px;}
	.socialImage img{max-height: 100%;max-width:100%;}
	
	
	.SessionRow{}

	#mainNavPage{z-index:30;width:100%;height:100%;position:absolute;}
	#mainNavPage > div {height:100%;}
	#mainNavPage a.hand{display:none}

	/*#mainNavPage.open a.closeMenuClick {display:block}*/
	/*#mainNavPage.enableNavClose a.openMenuClick {display:block}*/
	/*#mainNavPage.enableNavBack a.backMenuClick {display:block}*/
	
	#mainNavPage a.openMenuClick {display:block}
	input.searchInput{
		border-radius: 5px;
		border: 1px solid #00354F;
		padding: 3px;
		width: 100%;
		height:24px;
	}
    /*TODO: guy remove it , it was nly for ECE 2018*/
.pageTitleDiv.titleStartSearch input.searchInput {color:#fff;}


.AppContentDivContainer.ml50 .wholetitleRow {
	/* width: calc(100% - 50px); */
	width:100%;
}
.AppContentDivContainer .wholetitleRow {
    width: 100%;
}

.wholetitleRow{
  position: absolute;
  top: 0;
  /*width: 100%;*/
  /* width: -webkit-calc(100% - 50px);
  width:    -moz-calc(100% - 50px);
  width:         calc(100% - 50px); */
  width: 100%;

  height:40px;
  z-index:9;
}
.AppContentDiv {
  padding-top: 50px;
}

input, textarea, select {
    background: transparent;
    border: 1px solid #989898;
    padding: 3px;
}
	textarea{
		min-height: 90px;
		border-width: 2px;
	}
	a.hidden, a.hidden:hover, a.hidden:visited, a.hidden:link, a.hidden:active, .noHref{
		display:none;
	}
	a, a:hover, a:visited, a:link, a:active, .noHref{
		color: inherit;
		text-decoration: none !important;
		display:block;
	}

	.messagesTitleDiv .inboxBtn{border-right: 1px solid #227CB7;width: 50%}

	.errorMessage{color:red;display:none;}
	/*
	.extraLinkIcon{padding-left: 35px;background-image: url('../images/verticalSprite.png'); background-repeat: no-repeat;}
	.viewIconType1{ background-position: center -96px;}
	.viewIconType4{ background-position: center -45px;}
	.viewIconType5{ background-position: left -66px;}
	.show_abstract{background-position: left -126px;}
	.add_comment{background-position: left -162px;}
	*/
	.goIcon{height:100%;}
	
	
/*
	GENERAL CLASSES !
*/	
	.bold{font-weight: bold}
	.minDiv{height:40px;}
	.icon{width:30px; height:30px;display:inline-block;}
	.hand{cursor:pointer;}
	.profileImage, .profileImage > img{max-height:40px;max-width:40px;}
	.spritImage{background:url('../images/sample-sprite-getspritexy.png');}
	.verticalSprite{background:url('../images/verticalSprite.png');}
	.gotoIcon{background-image:url('../images/goto.png');background-position:right 50%;background-repeat:no-repeat;padding-right: 25px;}
	.uppercase{text-transform: uppercase;}
	.no-scrolly{overflow-y:hidden;}
	/*
	.gray{color:#4D4D4D;font-size:14px;}
	.darkBlue{color:#00354F;}
	.lightBlue{color:#227CB7;}
	*/
	.stayBlack{color:black!important;}
	.left{float:left;}
	.right{float:right}
	.oflow{overflow:hidden;}
	.generalLink{cursor:pointer;}
	.contentSideSpacer{margin:0 17px;}
	.relative{position:relative;}
	.absolute{position: absolute;}
	.hidden{display:none;}
	.inline{display:inline!important;}
	.center{text-align:center;}
	.toLeft{text-align:left;}
	.borderBottom,.borderBottomF{border-bottom:1px solid #989898; /*margin-bottom:5px;*/ padding-bottom:5px;}
	.borderBottom:last-child {border-bottom:0}
	.borderTop{border-top:1px solid #989898; margin-top:5px; padding-top:5px;}
	.p0{padding:0;}
	.m0{margin:0;}
	.ml5{margin-left: 5px;}
	.pl5{padding-left: 5px;}
	.pr5{padding-right: 5px;}
	.ml10{margin-left: 10px;}
	.pl10{padding-left: 10px;}
	.pb10{padding-bottom: 10px;}
	.pb0{padding-bottom: 0}
	.h30{min-height:30px; line-height: 30px;}
	.m30{margin:30px;}
	.mb5{margin-bottom: 5px;}
	.mr5{margin-right:5px;}
	.mr10{margin-right:10px;}
	.mr15{margin-right:15px;}
	.mb10{margin-bottom: 10px;}
	.mt5{margin-top: 5px;}
	.mt10{margin-top:10px;}
	.pt10{padding-top:10px;}
	.mt20{margin-top:20px;}
	.f13{font-size: 13px !important;}
    .f25{font-size: 25px;}
	.f30{font-size: 30px;}
	.f35{font-size: 35px;}
    .f40{font-size: 40px;}
	.w95p{width: 95%;}
	.w5p{width: 5%;}
	.smallText{font-size: 13px;}
	.table,a.table,.table-fixed{display:table;width: 100%}
    .table-fixed {table-layout:fixed;}/*https://stackoverflow.com/a/11877033 see comments */
    .wapp-txt-overflow-ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.w100p{width:100%;}
    .w90p{width:90%;}
    .w80p{width:80%;}
    .w70p{width:70%;}
    .w60p{width:60%;}
    .w50p{width:50%;}
    .w40p{width:40%;}
    .w33p{width:33%;}
    .w25p{width:25%;}
    .w20p{width:20%;}
    .w10p{width:10%;}
	.h100p{height:100%;}
	.table-cell,a.table-cell{display: table-cell;}
	.table-row{display: table-row;}
	.rtl{direction:rtl;}
	.vmHelper{display:inline-block; height:100%;vertical-align: middle;}
	.inblk{display: inline-block!important;}
	.inblks{display: inline-block;}
	.vm{vertical-align: middle;}
	.vmbox{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;


		-webkit-box-direction: column;  
		-ms-flex-direction: column;     
		-webkit-direction: column;  
		flex-direction: column;

		-webkit-justify-content:center;
		justify-content: center;}
	.vt{vertical-align: top;}
	.vb{vertical-align: bottom;}
	.autoWidth{width:auto;}
	.rotate180{    
		-webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	.rotate90{    
		-webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.flex{display:flex;}
	.vmiddle{margin-top:auto;margin-bottom: auto;}
	.cflow:before{
		content: "";
		display: table;
	}
	.cflow:after {
		clear:both;display:block;display:"inline";line-height:0;
	}
	.clearfix:after { 
		content: "."; 
		visibility: hidden; 
		display: block; 
		height: 0; 
		clear: both;
	}

	.clearfix2:before { 
		content: "."; 
		visibility: hidden; 
		display: block; 
		height: 0; 
		clear: both;
	}
.clearfix3 {clear:both;}

 /*General css boostrap like grid */
.wp-row {margin:0;box-sizing:border-box;}
.wp-row:after {clear:both;}
.col-1, .col-2, .col-3,
.col-4, .col-5, .col-6,
.col-7, .col-8, .col-9,
.col-10, .col-11, .col-12 {
    position: relative;
    min-height: 1px;
    /*padding-right: 15px;
    padding-left: 15px;*/
    float: left;
}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}
	
	
/* PROGRAM IN A GLANCE*/
	.glanceProgram tr{margin:0;padding:0;height:40px!important;max-height: 40px!important;}
	.tableMaxHeight.tableMaxWidth table td{
		border-right: 2px solid white;
		overflow: hidden;
	}
	.tableMaxHeight.tableMaxWidth table.noBR td{
		border-right: 0;
		white-space: nowrap;
	}
	.tableMaxHeight.tableMaxWidth table.noBR td div{
		white-space: pre-wrap;
	}


	.timesTable   table.timeCol td.borderTop{
		/*border-top:2px solid transparent;*/
		margin:0;
		padding:0;
	}


	.glanceProgram table{
		border-collapse: collapse;
    	position: relative;
	    table-layout: fixed;
	    width: 500px;
	}

	.glanceProgram .program_column tr, .glanceProgram .planTable tr{
		height:35px;
		max-height: 35px;
	}
	.glanceProgram .program_column.timeCol, .glanceProgram .program_column.timeCol table td{
		width:70px;
		max-width:70px;
		text-align: center;

	}
	/*
	.glanceProgram .absolute.program_column,.glanceProgram  table td .absolute{
		height: 100%;
	}
	*/
	.glanceProgram .program_column,.glanceProgram table td, .glanceProgram table th{
		width:100px;
		max-width:100px;
		text-align: left;
		/*height:35px;*/
		/*max-height: 35px;*/
		overflow: hidden;
		/*border: 1px dotted gray;*/
		
	}
	.glanceProgram table th {
		text-align: center;
		border-right:2px solid transparent;
	}
	
	
	/*
	.glanceProgram .planTable td{
		white-space: nowrap;
	}
	*/
	.glanceProgram .planTable .generalLink{
		/*
		background-color: #00354f;
    	color: #ffffff;
    	border: 2px solid white;
    	*/
    	/*padding: 3px;*/
	}
	.glanceProgram .tableMaxHeight{max-height:300px;}
	.glanceProgram .tableMaxWidth{max-width: 400px;}
	.scrollx{overflow-x:scroll;}
	.scrolly{overflow-y:scroll;}

	.blink_me {
		z-index: 2;
	    opacity: 1;
	    border: 1px solid rgba(255,255,255,0);
	  
	    -webkit-animation: pulsejg2 2s linear infinite;
	    -moz-animation: pulsejg2 2s linear infinite;
	    animation: pulsejg2 2s linear infinite;
	    -webkit-border-radius: 999px;
	    -moz-border-radius: 999px;
	    border-radius: 999px;
	    -webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
	    -moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
	    box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
	@-webkit-keyframes pulsejg2 {

    0% {
        -webkit-transform: scale(.8);
        opacity: .05;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: .8;
    }

    100% {
        -webkit-transform: scale(1.2);
        opacity: .05;
    }
}

@-moz-keyframes pulsejg2 {

    0% {
        -moz-transform: scale(.8);
        opacity: .05;
    }

    50% {
        -moz-transform: scale(1);
        opacity: .8;
    }


    100% {
        -moz-transform: scale(1.2);
        opacity: .05;
    }

}

@keyframes pulsejg2 {

    0% {
        transform: scale(.8);
        opacity: .05;
    }

    50% {
        transform: scale(1);
        opacity: .8;
    }

    100% {
        transform: scale(1.2);
        opacity: .05;
    }

}
		/*
	.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
*/

.chatNotificationsDiv .closeNotification{
	margin-top:-10px;
}
.chatNotificationsDiv{
	border:2px solid;
	padding:15px;
	border-radius: 25px;
	position: absolute;
	z-index: 101;
	background-color: green;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width:60%;
}
.muteOption{
	margin:5px 0;
}

/* START HERE is the first Loading Screen Styles*/

.loadingScreen{
	margin-top:100px;
	max-width: 100%;
	text-align: center;
}
.loadingScreen img{
	max-width:150px;
	max-height:150px;
	margin-bottom: 80px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .3);
}
.loadingScreen p{
	font-size:25px;
	color:#666666;
}
    .sk-folding-cube {
      margin: 20px auto;
      width: 40px;
      height: 40px;
      position: relative;
      -webkit-transform: rotateZ(45deg);
              transform: rotateZ(45deg);
    }
    
    .sk-folding-cube .sk-cube {
      float: left;
      width: 50%;
      height: 50%;
      position: relative;
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); 
    }
    .sk-folding-cube .sk-cube:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #999;
      -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
              animation: sk-foldCubeAngle 2.4s infinite linear both;
      -webkit-transform-origin: 100% 100%;
          -ms-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
    }
    .sk-folding-cube .sk-cube2 {
      -webkit-transform: scale(1.1) rotateZ(90deg);
              transform: scale(1.1) rotateZ(90deg);
    }
    .sk-folding-cube .sk-cube3 {
      -webkit-transform: scale(1.1) rotateZ(180deg);
              transform: scale(1.1) rotateZ(180deg);
    }
    .sk-folding-cube .sk-cube4 {
      -webkit-transform: scale(1.1) rotateZ(270deg);
              transform: scale(1.1) rotateZ(270deg);
    }
    .sk-folding-cube .sk-cube2:before {
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s;
    }
    .sk-folding-cube .sk-cube3:before {
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s; 
    }
    .sk-folding-cube .sk-cube4:before {
      -webkit-animation-delay: 0.9s;
              animation-delay: 0.9s;
    }
    @-webkit-keyframes sk-foldCubeAngle {
      0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
                transform: perspective(140px) rotateX(-180deg);
        opacity: 0; 
      } 25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
                transform: perspective(140px) rotateX(0deg);
        opacity: 1; 
      } 90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
                transform: perspective(140px) rotateY(180deg);
        opacity: 0; 
      } 
    }
    
    @keyframes sk-foldCubeAngle {
      0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
                transform: perspective(140px) rotateX(-180deg);
        opacity: 0; 
      } 25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
                transform: perspective(140px) rotateX(0deg);
        opacity: 1; 
      } 90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
                transform: perspective(140px) rotateY(180deg);
        opacity: 0; 
      }
    }


/* INDUSTRY SWITCHER */
.SWITCHER{
	position:fixed;
	bottom:0;
	padding:0!important;
	font-size: 14px;
}
.SWITCHER img{max-width: 100%;}
.SWITCHER_CONTENT{margin:10px;}
.SWITCHER_CONTENT_TITLE{margin-top:4px;width: calc(100% - 40px);}

    

/* The switch - the box around the slider */
.switch {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 24px;
  float: right;
  top:25%;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*ONE SEARCH*/
.onesearchtxt{
	border-radius: 10px; 
	box-sizing: border-box;
	width:100%;
	padding:5px 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
	color:#000000;

}
.oneSearchTabs{
	border:1px solid #000000;
	border-radius: 5px;
	display: table;
	width:100%;
}
.oneSearchTabs .oneSearchTab{
	border-right: 1px solid #000000;
	display: table-cell;
	text-align: center;
	padding:10px 0;
	position:relative;
}
.oneSearchTabs .oneSearchTab.active{
	color:#ffffff;
	background-color: #000000;
}
.oneSearchTabs .oneSearchTab:last-child{
	border-right: none;
}
.oneSearchTabs .oneSearchTab .matchFound{
	position:absolute;
	border-radius: 10px;
	padding:0 5px;
	top:-5px;
	right:0;
	background-color: #000000;
	color:#ffffff;
}
.oneSearchResults{margin-top:10px;}
a.submitButton,a.submitButton:hover{padding:10px 20px; display: inline-block; border-radius: 5px;}
.pageTitleDiv .submitButton, .pageTitleDiv .submitButton:hover{ padding: 0 10px; line-height: 29px;}

.roomTapPopup{
	top:20%!important;
	left:50%!important;
	width:50%!important;
	transform: translate(-50%, -50%);
	-webkit-animation: romTapPopupHide 5s;
    -moz-animation: romTapPopupHide 5s;
    -o-animation: romTapPopupHide 5s;
    animation: romTapPopupHide 5s;
    opacity: 0;
}

@keyframes romTapPopupHide {0% {opacity: 1;}49% {opacity: 1;}50% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}
@-webkit-keyframes romTapPopupHide{0% {opacity: 1;}49% {opacity: 1;}50% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}
@-moz-keyframes romTapPopupHide {0% {opacity: 1;}49% {opacity: 1;}50% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}
@-o-keyframes romTapPopupHide{0% {opacity: 1;}49% {opacity: 1;}50% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}
@keyframes romTapPopupHide {0% {opacity: 1;}49% {opacity: 1;}50% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}

.innerIndustrySwitch{
	position:fixed;
	bottom:0;
	left:0;
	z-index:10;
	width:100%;
}

textarea, .ComposeMessageTitleText, .ComposeMessageContentText, input[type=text], input[type=password], select {
	border-radius: 5px;
    border: 1px solid #00354F;
    padding: 3px;
    width: 100%;
    height: 24px;
}
.inputDiv select {
	height:32px;
	width: calc(100% + 8px);
}




/*confirm box popup*/
.confirmBoxDiv{display: none;}
.confirmBoxDiv .overlayConfirm{
	position: absolute;
	z-index: 50;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	background-color: #000000;
	opacity: 0.7;
}
.confirmBoxDiv .overlayConfirmMessage{
	background-color: #ffffff;
	padding:20px;
	position: absolute;
	z-index: 60;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* end of confirm popup*/

.exportAll{
	text-align: right;
}

td.lableDiv {
    /* max-width: 50%; */
    width: 50%;
}

/* New edit profile checkbox*/
.profileCheckbox input{display:none;}
.profileCheckbox{
	border:1px solid;
	border-radius: 5px; 
	overflow: hidden;
	display:inline-block;
	height:25px;
	line-height:25px;
	margin-top: 5px;
}
.profileCheckbox .profileCheckboxOption{padding:5px 10px;}
input:checked + .firstOption + .secondOption{background-color:transparent;font-weight: 100;}
input:checked + .firstOption{font-weight: bold}
.secondOption{font-weight: bold}

/*
Somehow this line breaks the whole pinch zoom for translation pictures
*/
.translationTemplate img.max100{max-width: 100%;}
.translationTemplate a{display: contents!important;}

#newSearchForm{position:relative;}
#newSearchForm .onesearchtxt{height:27px;}
#newSearchForm .one_search_icon{position:absolute; top:3px; right:5px; padding-left: 3px;}