@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

*::-webkit-scrollbar { width: 15px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background-color: #afafaf; border-radius: 20px; }

/* disable blue highlight on press on mobile */
*{ -webkit-tap-highlight-color: transparent; }

body { font-size: 16px; overflow: hidden; font-family: 'Nunito', sans-serif, Verdana; background: #121C42; color: white; }

video::-webkit-media-controls-overlay-play-button {
  display: none;
}

#vhsceneparent {
  transform-origin: left top;
  overflow: hidden;
}

.vhscene {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
}

.scenestatic {

}

.vhstatic { position: absolute; z-index: 101; }

.scenestatic .statelm {

}

.scene-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.scene-loading {
  position: absolute;
  top: 0px; left: 0px;

  width: 100%; height: 100%;
}

.scene-loading-icon {
  position: absolute; color: white; top: 10%; left: 38%; font-size: 2rem; text-align: center; background-image: url("../img/branding.png"); background-repeat: no-repeat; display: block; width: 100%; height: 200px; 
}

@media screen and (max-width: 500px) {
  .scene-loading-icon {
    left: 9%;
    background-size:contain;
    width: 300px;
    height: 50px;
  }
}

.scene-hidden { display: none; }

.scene-loading-text {
  position: absolute; color: white; top: 30%; left: 0px; width: 100%; font-size: 2rem; text-align: center;
}

@media  screen and (max-width: 767px) {
  .scene-loading-text { font-size: 1rem; }
}

.scene-loading-spinner {
  position: absolute; top: 60%; height: 10%; left: 20%; right: 20%;

  background-repeat: no-repeat; background-position: center center; background-size: contain;
}

.errorcanvas {
  z-index: 998;
  position: absolute;
  top: 0px; bottom: 0px; left: 0px; right: 0px;
  background: rgba(0,0,0,0.3);
  display: none;
}

.errorcontainer {
  z-index: 999;
  display: none;
  position: absolute;
  top: 25%;
  height: 300px;
  background: #AA3939;
  left: 30%; right: 30%;
  border-radius: 10px;
}

.errormessage {
  padding: 15px;
  text-align: center;
}

.vhbutton {
  font-size: 0.9em;
  color: #fff;
}

.vhelement { position: absolute; object-fit: fill; }
.vheventlive { position: absolute; }

.vhbuttondefault {
  opacity: 0.9;
  border-radius: 20px 20px 20px 20px;
  padding: 10px;
  font-size: 0.9em;
  padding-left: 15px; padding-right: 15px;
  cursor: pointer;
  text-align: center;
}

.vhbuttonnext {
  opacity: 1;
  border: 3px solid white;
  border-radius: 20px;
  height: 26px;
  padding: 6px;
  font-size: 1.2em;
  text-align: center;
  cursor: pointer;
}

.vhbuttonnext:after {
  content: "";
  position: absolute;
  top: 11px;right:0px;
  width: 30px;
  height: 30px;
  background-image: url('../img/arrow.png');
  background-repeat: no-repeat;
}

.vhbuttonplay {
  opacity: 1;
  border-radius: 0px 20px 20px 0px;
  padding: 10px;
  padding-right: 20px;
  cursor: pointer;
}

.vhbuttonplay:after {
  content: "";
  position: absolute;
  top: 0px;left:-21px;
  width: 30px;
  bottom: 0px;
  background-image: url('../img/btntail.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.vhbuttonplay:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -50px;
  width: 34px;
  bottom: 0px;
  background-image: url('../img/play.png');
  background-color: white;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 67% center;
  border-radius: 50%;
}


.vhbuttonscene {
  border-radius: 0px 20px 20px 0px;
  padding: 10px;
  padding-right: 20px;
  cursor: pointer;
}

.vhbuttonweb {
  opacity: 1;
  background: #EFA850;
  border-radius: 0px 20px 20px 0px;
  padding: 10px;
  padding-right: 20px;
  cursor: pointer;
}

.vhbuttonweb:after {
  content: "";
  position: absolute;
  top: 0px;left:-21px;
  width: 30px;
  bottom: 0px;
  background-image: url('../img/btntail.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


.vhbuttonweb:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -50px;
  width: 34px;
  bottom: 0px;
  background-image: url('../img/web.png');
  background-repeat: no-repeat;
  background-size: 66%;
  background-position: 56% center;
  border-radius: 50%;
  background-color: white;
}


.vhbuttonscene  { background-color: rgba(0,0,0,0) }
.vhmobilescene .vhbuttonscene { white-space: nowrap; }

.vhbutton { transition: transform, 400ms ease, background 400ms ease, color 400ms ease; background-image: none !important; background: #121C42; border-radius: 0px 10px 10px 0px !important; font-size: 16px !important; padding: 6px 10px 6px 6px; }
.vhbutton:hover {
  transform: perspective(200px) translateZ(20px);
  background: #fff;
  color: #121C42;
}
.vhbutton:after {
  content: ""; position: absolute;
  top: 0px; left: -29px; width: 30px; bottom: 0px;
  background: #121C42;
  border-radius: 10px 0px 0px 10px;
  background-repeat: no-repeat; background-size: 18px; background-position: center center;
}

.vhbuttonscene:after { background-image: url('../img/btnscenetail.png'); }

.vhbuttonchat:after { background-image: url('../img/btnscenetail.png'); }


.vhhtml { }
.vhhtml-inner { position: relative; width: 100%; height: 100%; overflow: hidden; }
.container-inner-nooverflow { position: relative; width: 100%; height: 100%; overflow: hidden; }
.container-inner-overflow { position: relative; width: 100%; height: 100%; left: -5.9% }


.newnavboxbot {
  position: absolute;
  bottom: 3%;
  height: 5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  width: 100%;
  display: none;
}

.newnavboxtop {
  position: absolute;
  top: 2%;
  height: 5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  width: 100%;
  display: none;
}

@media screen and (orientation: portrait) and (max-width: 700px) {
  .newnavboxbot, .newnavboxtop {
    display: none !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 900px){
  .newnavboxbot, .newnavboxtop {
    display: none !important;
  }
}

.newnavboxtop .newstick {
  color: #000;
  right: 33%;
  left: 18%;
}

.newnavboxbot-inner, .newnavboxtop-inner-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  background: #fff;
  width: 70%;
  height: 100%;
  border-radius: 6px;
}

.newnavboxtop-toolbar {
  right: 20px;
  color: #121C42;
  display: flex;
  font-size: 1.2rem;
  cursor: pointer;
}

.langselectnewmenu {
  background: #fff url('../img/language-choice.png') no-repeat center center;
  width: 50px;
  height: 33px;
  background-size: 50px;
  margin-right: 26px;
}

.newnavboxbot-inner-content, .newnavboxtop-inner-content {
  color: #121C42;
  display: flex;
  justify-content: center;
  width: 100%;
}


.newnavboxbot-inner-content div, .newnavboxtop-inner-content div {
  font-size: 1.2rem;
  cursor: pointer;
}

.newnavboxtop-inner-content div {
  margin-right: 26px;
}

.newnavboxbot-inner-content div::after {
  content: '|';
  margin: 0 8px;
}

.newnavboxbot-inner-content div:last-child::after, .newnavboxtop-inner-content div:last-child::after {
  content: '';
  margin: 0;
}

.newnavboxbot-experience, .newnavboxbot-chat, .newnavboxtop-prev, .newnavboxtop-logo {
  font-size: 1.2rem;
  margin: 0 20px;
  border-radius: 6px;
  background: #121C42;
  justify-content: center;
  align-items: center;
  color: #fff;
  display: flex;
  padding: 10px;
  width: 15.8%;
  cursor: pointer;
  transition: background 400ms ease, color 400ms ease;
}

.newnavboxtop-prev {
  padding: 0 10px;
}

.newnavboxbot-chat.chaticon-updates::after {
  content: '';
  width: 26px;
  height: 26px;
  position: absolute;
  top: -11px;
  right: 12px;
  border-radius: 50%;
  background-color: #008af2;
}

.newnavboxbot-experience {
  cursor: initial;
}

.newnavboxbot-experience.active {
  cursor: pointer;
}

.newnavboxbot-experience:hover {
  background: #121C42;
}

.newnavboxtop-logo {
  cursor: initial;
}

.newnavboxbot-experience.active:hover, .newnavboxbot-chat:hover, .newnavboxtop-prev:hover {
  background: #fff;
  color: #121C42;
}

.newnavboxtop-prev div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
}

.newnavboxbot .vh-watermark {
  font-size: 0.9rem;
  background: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  color: #121C42;
  display: flex;
  padding: 0px 10px;
  width: 14.6%;
  position: absolute;
  right: 20.6px;
  bottom: -27px;
}

.newnavboxbot .vh-watermark::before {
  content: "";
  background: #fff url('../img/Icon@3x.png') no-repeat center center;
  padding: 10px;
  margin-right: 10px;
  background-size: contain;
}

.newnavboxtop-logo {
  background: #fff;
}

.newnavboxtop-logo-inner {
  background: #fff url('../img/Icon@3x.png') no-repeat center center;
  width: 100%;
  height: 100%;
  background-size: contain;
}

.newnavboxtop-profile {
  background: #fff url('../img/profile-white-frame.png') no-repeat center center;
  width: 30px;
  height: 30px;
  background-size: 30px;
  position: relative;
}

.newnavboxtop-program {
  background: #fff url('../img/program.png') no-repeat center center;
  width: 30px;
  height: 30px;
  background-size: 30px;
  position: relative;
}

.newnavboxtop-library {
  background: #fff url('../img/books.png') no-repeat center center;
  width: 30px;
  height: 30px;
  background-size: 30px;
  position: relative;
}

.tool-tip[contentLibrary]:hover::before {
  content: attr(contentLibrary);
  position: absolute;
  padding: 12px;
  border-radius: 6px;
  display: block;
  z-index: 100;
  background-color: #121C42;
  color: #fff;
  top: 50px;
  font-size: 1rem;
  width: auto;
  white-space: nowrap;
}

.tool-tip[program]:hover::before {
  content: attr(program);
  position: absolute;
  border-radius: 6px;
  padding: 12px;
  display: block;
  z-index: 100;
  background-color: #121C42;
  color: #fff;
  top: 50px;
  font-size: 1rem;
  width: auto;
  white-space: nowrap;
}

.tool-tip[profile]:hover::before {
  content: attr(profile);
  position: absolute;
  border-radius: 6px;
  padding: 12px;
  display: block;
  z-index: 100;
  background-color: #121C42;
  color: #fff;
  top: 50px;
  font-size: 1rem;
  width: auto;
  white-space: nowrap;
}

.navbox {
  position: absolute;
  bottom: 2%;
  height: 5%;
  background: rgba(18,28,66,1);
  left: 2.5%; right: 2.5%;
  z-index: 999;
  border-radius: 6px;
}

.navbox-inner {
  position: relative;
  width: 100%; height: 100%;
}

.navbox .prev {
  position: absolute; left: 25px; top: 10px; width: 20px; bottom: 10px;
  background-image: url('../img/arrow-left.png');
  background-size: contain; background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.navbox .langselect {
  display: none;
  width: 100px;
  text-align: right;
  padding-top: 2px;
  font-size: 0.9em;
  font-weight: lighter;
  cursor: pointer;
  margin-right: 25px;
}

.navbox .langselectlist {
  position: absolute;
  bottom: calc(100% + 6px);
  display: none;
  width: 189px;
  padding: 8px;
  background:  #121C42;
  font-size: 0.9em;
  font-weight: lighter;
  cursor: pointer;
}

.newnavboxtop .langselectlistnewmenu {
  right: 0;
  border-radius: 6px;
  position: absolute;
  top: calc(100% + 6px);
  display: none;
  width: 189px;
  padding: 8px;
  background:  #fff;
  color: #121C42;
  font-size: 1rem;
  cursor: pointer;
}

.langselectlist div { padding: 8px; border-bottom: 1px solid white; cursor: pointer; }
.langselectlistnewmenu div { padding: 8px; border-bottom: 1px solid#121C42; cursor: pointer; }
.langselectlist div:last-child, .langselectlistnewmenu div:last-child {  border-bottom: none;}

.navbox .navbreadcrumb {
  position: absolute; left: 70px; right: 70px;
  border-left: 0.5px solid white; border-right: 0.5px solid white; top: 8px; bottom: 8px;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 0.9em;
  font-weight: lighter;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.navbox .navbreadcrumb .link {
  font-weight: normal;
  color: white;
  white-space: nowrap;
}

.navbox .navbreadcrumb .active {
  font-weight: bold;
  white-space: nowrap;
}

.navbox .fullscreen {
  position: absolute; right: 25px; top: 10px; width: 20px; bottom: 10px;
  background-image: url('../img/fullscreen.png');
  background-size: contain; background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.navbox .toolbar{
  position: absolute;
  display: flex;
  align-items: center;
  right: 80px;
  top: 6px;
  height: 40px;
  user-select: none;
  z-index: 1;
}

.navbreadcrumb span { cursor: pointer; color: white; }
.navbreadcrumb span.active { cursor: default; font-weight: bold;}

.inlinevideoplay {
  position: absolute; top: 40%;
  left: 45%;
  width: 50px;
  height: 50px;
  background-image: url(../img/play.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 64% center;
  border: 4px solid #E77924;
  border-radius: 50%;
  cursor: pointer;
  color: rgba(0,0,0,0);
  display: none;
}

.inlinevideofull {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.8);
  background-image: url(../img/fullscreen.png);
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: center center;
  cursor: pointer;
}



.vhlangselect {
}

.vhlangselect .langlabel {
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

.vhlangselect .langobjselect {

  position: relative;
  width: 100%;
  opacity: 0.9;
  background: #E77924;
  border-radius: 20px 20px 20px 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.9em;

  cursor: pointer;
  text-align: center;

}

.vhlangselect .langobjselectlist {
  width: 80%;
  margin-left: 20px;
  background: #E77924; opacity: 0.9;
  font-size: 0.9em;
  text-align: center;
  display: none;
}

.langobjselectlist div { padding: 8px; border-bottom: 1px solid white; cursor: pointer; }
.langobjselectlist div:last-child {  border-bottom: none;}



ol, ul {
  list-style: none;
}

.vhdialogwindowcontent ol { list-style: decimal; }
.vhdialogwindowcontent ul { list-style: disc; }

.program {
  position: absolute; top: 10px; left: -30px; right: 50px; bottom: 0px;
  padding: 20px;
  font-size: 0.85em; line-height: 150%;
  background: white;
}

.program li {
  position: relative;
  border-bottom: solid 1px white;
  padding-bottom: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.program li:last-of-type {
  border: none;
}
.program li.no-content {
  cursor: default;
}
.program .time {
  color: rgba(255, 255, 255, 0.6); }
.program .title {
  padding-top: 5px;
  font-weight: 600;
}
.program .content {
  font-weight: 100;
  display: none;
  padding-right: 30px;
}
.program i {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  background-image: url("../img/arrow-down.png");
  width: 12px;
  height: 7px;
}
.program li.pio .content { display: block; }
.program li.pio i { background-image: url("../img/arrow-up.png"); }
.program li.pio .time { color: white; }

#mocontainer { position: absolute; max-width: 300px; max-height: 80%; height: auto; z-index: 2500 !important; pointer-events: none; display: none; text-align: center; }
#mobox { min-width: 10px; max-width: 100%; margin-left: auto; margin-right: auto; height: auto; background: white; padding: 10px; color: black; }

#programicon { display: none; cursor: pointer; z-index: 1001; top: 2.2%; height: 6.6%; left: 1.8%; width: 4.7%; background-image: url('../img/programicon.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; }

.newstick { position: absolute; top: 0px; right: 34%; left: 22%; height: 100%; font-size: 16px; padding-top: 0px; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
.newstick p { display: block; position: absolute; width: 100%;  text-align: center;}
.waitingnews {position: absolute; top: -100px;}

#vhprogramcontainer { left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; display: none;  z-index: 1003;  }
#vhprogramcontainer .vhprograminner {  width: 100%; height: 100%; position: relative;}
#vhprogramcontainer .vhprograminner .vhprogramoverlay { pointer-events: auto; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }

#vhprogramcontainer .vhprogrampage { pointer-events: auto; position: absolute; top: 10%; left: 20%; width: 60%; height: 75%; background-color: white; border-radius: 5px; }
#vhprogramcontainer .vhprogrampageinner { color: black;  position: relative; width: 100%; height: 100%; margin: 10px;}
#vhprogramcontainer .vhprogrampageinner .closebtn { position: absolute;  top: -10px; left: -60px; width: 40px; height: 40px; background-color: white; cursor: pointer; background-image: url('../img/programclose.png'); background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; border-radius: 5px; }

.vhprogrampageinner .programtitle { font-size: 40px; position: absolute; top: 1%; left: 3%; right: 3%; height: 5%; font-weight: bold; }
.vhprogrampageinner .searchbar { font-size: 20px; position: absolute; top: 10%; left: 3%; right: 3%; height: 5.6%;}
.vhprogrampageinner .searchicon { width: 70px; height: 100%; background-color: black; cursor: pointer; background-image: url('../img/programsearch.png'); border-radius: 4px; background-size: auto 60%; background-position: center center; background-repeat: no-repeat; border-radius: 5px; display: inline-block; vertical-align: top }
.vhprogrampageinner .searchiconfilter {  background-image: url('../img/programfilter.png') !important; }

.vhprogrampageinner .searchspacer { width: 50px; height: 100%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top }
.vhprogrampageinner .searchkeygroupmenu { cursor: pointer; font-size: 16px; position: relative; background: #B2B2B2;  border-radius: 4px; margin-right: 2px;  width: 180px; height: 100%; display: inline-block; vertical-align: top }
.vhprogrampageinner .searchkeygroupmenu .searchkeygroupbtn { color: white; padding-top: 7px; text-align: center; }
.vhprogrampageinner .searchkeygroupmenu .searchkeygroupbtn span.arrowicon { background-image: url("../img/programarrowright.png"); background-position: center 10px; background-size: contain; background-repeat: no-repeat; display: inline-block; width: 6px; height: 20px; margin-left: 5px;  }
.vhprogrampageinner .searchkeygroupmenudropopen .searchkeygroupbtn span.arrowicon { background-image: url("../img/programarrowdown.png"); width: 12px; }

.searchkeygroupmenuselections { background-color: #696969 !important; }
.searchkeygroupmenu .filtericon { background-image: none;  display: inline-block; width: 12px; height: 18px; }
.searchkeygroupmenuselections .filtericon { background-image: url('../img/programfilter.png'); background-size: 10px; background-repeat: no-repeat; background-position: center top; }

.vhprogrampageinner .datebar { position: absolute; top: 18%; width: 75px; left: 3%; border-right: 2px solid #B4B4B4;  }
.daybaritem { position: relative; background: #B4B4B4; height: 40px; width: 70px; text-align: center; color: white; padding-top: 18px; border-radius: 5px; cursor: pointer; }
.daybaritem:after {  content: ""; position: absolute; right: -7px; top:0px; width: 2px; bottom: 0px; }

.daybaritemactive { background: #696969;  }
.daybaritemactive:after { background: #696969;  }
.daybarspacer { width: 100%; height: 20px; }

.programcontent { position: absolute; top: 18%; right: 70px; bottom: 5%; left: 155px; overflow-x: hidden; overflow-y: auto; }
.programcontent .programnoevents { padding: 50px; text-align: center; font-size: 1.5em; }
.programitem { width: 905px; background: #696969; color: white; min-height: 100px; border-radius: 5px; margin-bottom: 10px; position: relative; }
.programitem .timespan { position: absolute; top: 10px; left: 20px; width: 160px; font-size: 18px; }
.programitem .location { position: absolute; top: 10px; left: 180px; width: 180px; font-size: 18px; }
.programitem .title { padding-left: 40%; width: 30%; padding-top: 10px; padding-bottom: 10px; font-size: 20px; font-weight: bold;   }
.programitem .description { padding-left: 40%; width: 38%; padding-bottom: 0px; }
.programitem .descriptionhost { padding-left: 40%; width: 38%; padding-bottom: 0px; padding-bottom: 5px !important; width: 47% !important; }
.programitem .descriptionmore { padding-left: 40%; width: 38%; padding-bottom: 0px;  display: none; }
.programitem .like { position: absolute; top: 10px; right: 130px; width: 100px; background-image: url('../img/like-off.png'); cursor: pointer; background-position: top center; background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px;  }
.programitem .likeactive { background-image: url('../img/like-on.png');   }
.programitem .deltag { position: absolute; top: 10px; right: 30px; border: 2px solid white; border-radius: 5px; font-size: 14px; font-weight: bold; padding: 3px; padding-left: 7px; padding-right: 7px; cursor: pointer; }

.programitem .description { padding-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.programitem .showmore { padding-left: 40%; width: 38%; padding-top: 10px; padding-bottom: 10px; }
.programitem .showmore span{  padding-bottom: 10px; border: 2px solid white; border-radius: 5px; font-size: 14px; font-weight: bold; padding: 3px; padding-left: 7px; padding-right: 7px; cursor: pointer;   }

.hostbiobtn { float: right; margin-top: -4px; cursor: pointer; }
.hostbiobtn { border: 1px solid #313232; border-radius: 4px; padding: 2px; }

.programitemexpanded .description { padding-bottom: 0px; display: inline-block; overflow: visible; -webkit-line-clamp: none; }
.programitemexpanded .descriptionmore { display: block; padding-top: 10px; }
.programitemexpanded .showmore span { background-color: #B5B5B5; border: 2px solid #B5B5B5; }

.fullprogram .descriptionhost { padding-bottom: 10px !important;}
.fullprogram .hostbiobtn { border: 2px solid white; margin-top: -6px;}

.keygroupfilterdropdown { display: none; cursor: default; color: black; position: absolute; border-radius: 5px; left: 0px; top: 100%; overflow: hidden; width: 250px ; background: #ffffff; z-index: 165; padding: 15px; box-shadow: 7px 2px 49px -18px rgba(0,0,0,0.63); -webkit-box-shadow: 7px 2px 49px -18px rgba(0,0,0,0.63); -moz-box-shadow: 7px 2px 49px -18px rgba(0,0,0,0.63); overflow-y: auto; max-height: 50vh; }

.dropdownfilter { font-size: 0.9em;  padding-left: 30px; padding-top: 5px; padding-bottom: 5px; background-image: url(../img/programfilter-off.png); background-repeat: no-repeat; background-size: 25px; background-position: 0px 3px; cursor: pointer; }
.dropdownfilteractive { background-image: url(../img/programfilter-on.png); font-weight: bold; }

#vhprogramcontainer .programpreviewfull { transform: scale(1.3); top: 13%; }
.programbottombar { display: none; }

.smallprogram { background-color: #FFFFFF !important; }
.smallprogram .programtitle { color: white; padding-left: 120px; }
.smallprogram .searchbar { display: none; }
.smallprogram .datebar { display: none; }
.smallprogram .programcontent { top: 10%; }
.smallprogram .programitem { background: #FFFFFF; }
.smallprogram .programitemexpanded .showmore span { background: white; border: 2px solid #FFFFFF; color: #DB6741;  }
.smallprogram .programcontent { bottom: 3%; }
.smallprogram { left: 7.5% !important; top: 3.4% !important; width: 39% !important; color: black !important; }
.smallprogram .programtitle { color: black; border-bottom: 2px solid black; padding-bottom: 20px; padding-left: 0px; position: absolute; left: 20px; top: 20px; right: 50px; }
.smallprogram .programcontent { left: 20px; right: 20px; top: 11%; }
.smallprogram .programitem { color: black; width: 700px; }
.smallprogram .timespan { left: 0px; }
.smallprogram .location { left: 140px; width: 120px; }
.smallprogram .title { padding-left: 280px;}
.smallprogram .description { padding-left: 280px; }
.smallprogram .showmore { padding-left: 280px; }
.smallprogram .showmore span {  border: 1px solid #313232; border-radius: 4px; padding: 2px;}
.smallprogram .programitemexpanded .showmore span {  color: white; background: #313232; border: 1px solid #313232; }
.smallprogram .like { left: 575px; background-image: url('../img/programlike-inv-off.png'); }
.smallprogram .likeactive { left: 575px; background-image: url('../img/programlike-inv-on.png'); }
.smallprogram .deltag { background: #313232; color: white; padding: 4px; padding-left: 6px; padding-right: 6px; right: 20px;}


#logindiv { display: none; position: absolute; left: 0%; width: 100%; height: 100%; top: 0%; z-index: 1100; }
#logindiv .logindialog { position: relative; margin-top: 20vh; margin-left: auto; margin-right: auto; display: table; width: 30%; min-width: 500px; max-width: 98%; height: auto; z-index: 103; color: #121C42; background: white; border-radius: 6px }
@media only screen and (max-width: 1000px) {
  #logindiv .logindialog { min-width: 100%; margin-top: 0px; height: 100vh; overflow-y: auto;}
  #logindiv .logindialogregistration{ max-height: 100vh; transform: none; }
}
@media screen and (max-height: 670px) and (min-width: 1000px) { #logindiv .logindialog { margin-top: 20px; }}
#logindiv div.logindialoginner { overflow-y: auto; position: relative; width: 100%; height: 100%; margin: 0 auto; padding-bottom: 30px; text-align: center;}


#logindiv .loginform { flex-flow: column; width: 80%; margin: 0 auto; display: flex; position: relative;}
#logindiv .forgotform { flex-flow: column; width: 80%; margin: 0 auto; display: flex; display: none; }
#logindiv .logintitle { font-size: 40px; font-weight: bold; text-align: center; padding-top: 30px; padding-bottom: 30px; color: #121C42 }

#logindiv .logininputcontainer { position: relative; width: 100%; color: #121C42}

#logindiv .logininput { border-radius: 6px; font-size: 20px; background: rgb(232, 240, 254); display: block; width: 100%; border: none; outline: none; padding: 15px 0; margin-bottom: 5px; margin-top: 5px; text-indent: 20px}
#logindiv .logininputicon { position: absolute; left: 15px; top: 15px; height: 30px; width: 30px; z-index: 1000; background-size: contain; background-position: center center; background-repeat: no-repeat; cursor: text; }
#logindiv .logininputcontainerusername .logininputicon { background-image: url('../img/envelope.png'); }
#logindiv .logininputcontaineremailforgot .logininputicon { background-image: url('../img/envelope.png'); }
#logindiv .logininputcontainerpassword .logininputicon { background-image: url('../img/padlock.png'); }

.forgotlinkdiv, .loginlinkdiv { color: #a4a4a4; text-align: right; width: 100%; padding-bottom: 10px; margin-top: 26px; font-size: 0.9em; }
.forgotlinkdiv a, .loginlinkdiv a, .privatePolicy a { color: #a4a4a4 !important; cursor: pointer; text-decoration: none; }
.loginsendforgot { margin-top: 20px; }
.loginbtn { transition: background 400ms ease; border-radius: 6px; cursor: pointer; position: relative; text-align: center; width: 100%; background: #124238; padding-top: 20px; padding-bottom: 20px; color: white; font-weight: bold; border: none; font-size: 1.2rem;}
.loginbtn:hover {
  background: #195d4f;
}
.privatePolicy { color: #a4a4a4; text-align: right; width: 100%; padding-top: 10px; font-size: 0.9em; }
.loginregister { background: #121C42; font-size: 1.2rem; transition: background 400ms ease;}
.loginregister:hover {
  background: #19275d;
}
.elm-loadprogress { font-size: 10rem; color: #121C42; -webkit-text-stroke: 2px #fff }
@media screen and (max-width: 767px) { .elm-loadprogress { font-size: 4rem; } }


/* registration */
.logindialogregistration { position: absolute; left: 50%; transform: translate(-50%, -20%); width: 40vw; display: none; background: #fff; max-height: 90vh; overflow-y: auto; overflow-x: hidden; border-radius: 12px; justify-content: center;}
.logindialogregistration.activeVideoSection { width: 60vw;}
@media screen and (max-width: 1000px) {.logindialogregistration { left: auto; width: 100%;}}
.logindialogregistration a{ color: #405DF6; text-decoration: none; }
.registration-table {  display: grid; gap: 20px; grid-auto-flow: row;}
.logindialogregistration input{ box-sizing: border-box; font-size: 20px; background: #fff; width: 100%; border: 1px solid #121C42; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; outline: none; padding: 15px; }
.logindialogregistration input[type="checkbox"]{ width: auto; margin-right: 10px; height: 20px; width: 20px; vertical-align: middle; box-shadow: none; }
.logindialogregistration input[type="radio"]{ width: auto; margin-right: 10px; height: 20px; width: 20px; vertical-align: middle; box-shadow: none;}
.logindialogregistration label{ font-size: 20px; color: #121C42; cursor: pointer; }
.logindialogregistration textarea{ box-sizing: border-box; font-size: 20px; background: #fff; width: 100%; border: 1px solid #121C42; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; outline: none; padding: 15px; height: 180px; resize: none; }
.logindialogregistration select[multiple]{ background-image: none; }
.logindialogregistration select{ font-size: 20px; color: #121C42; width: 100%; padding: 15px; border: 1px solid #121C42; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; outline: none; background: #fff url('../img/arrowdowndark.png') no-repeat 97% center; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; margin-bottom: 5px; }
.registration-headline { font-size: 1rem; margin: 10px 0 30px 0; display: block; }
.register-header { font-size: 40px; font-weight: bold; padding-bottom: 25px; text-align: center; }
.registration-submit-div { text-align: center; margin: 20px; position: relative;}
.registration-submit { transition: background 400ms ease; display: inline-block; max-width: 30%; padding: 15px; cursor: pointer; position: relative; text-align: center; border-radius: 6px; background: #124238; color: white; font-weight: bold; border: none; width: 100%; box-sizing: border-box; }
@media screen and (max-width: 767px) { .registration-submit { max-width: 100%; } }
.registration-submit:hover { background:#195d4f}
.registration-back-div { text-align: center; margin-top: 20px; margin-bottom: 25px; font-weight: bold; }
.registration-back { display: inline-block; cursor: pointer; position: relative; text-align: center; color: #405DF6; font-weight: bold; border: none; }
.registration-error { margin: 20px;  background: #ffe0de; padding: 20px; text-align: center; display: none; }
.registration-requirment{ opacity: .5; padding: 5px; font-size: 14px; }
.registration-policy{ padding: 5px; }
.registration-policy label{ font-size: 15px; }
.registration-policy input[type="checkbox"]{ margin-right: 6px; vertical-align: top; }
.reg-row-error { background: #ffe0de; }
.signupdiv {  flex-flow: column; width: 80%; margin: 0 auto; display: flex; position: relative;}
.signupdiv span { color: #a4a4a4; text-align: right; width: 100%; padding-bottom: 10px; margin-top: 26px; font-size: 0.9em; cursor: pointer; }
.loginsignup { background: #a7cfdc; margin-top: 8px; }
.registration-headliner { font-size: 1.2rem; font-weight: 600; margin-bottom: 30px; }
.registration-wrapper { width: 100%; padding: 40px; height: 100%;}
.registration-video-wrapper { display: flex; flex-flow: column nowrap; justify-content: center; margin: 130px 20px 0; flex-basis: 50%; height: 100%;}
.registration-video-frame { display: block; margin-bottom: 10px; width: 100%; height: 134px; max-width: 230px; border-radius: 12px;}
.registration-video-subtitle { margin-bottom: 20px; border-bottom: 1px solid #121C42; }
#top-video { order: 1}
#top-subtitle { order: 2}
#middle-video { order: 3}
#middle-subtitle { order: 4}
#bottom-video { order: 5}
#bottom-subtitle { order: 6}


/* login message */
.loginMessage { width: 100%; position: absolute; transform: translateY(-10%); background: #fff; display: none; max-height: 80vh; overflow: auto; padding-bottom: 30px; border-radius: 6px;}
.loginMessageInner{ padding-left: 50px; padding-right: 50px; padding-top: 40px; padding-bottom: 40px; font-size: 30px; font-weight: bold; text-align: center; }
.loginMessage .signupdiv{ padding-top: 0px; }

.loginmouseover { position: absolute; width: 15px; height: 15px; cursor: help; right: 8%; top: 38%; background-image: url('../img/mouseoverhelp.png'); background-repeat: no-repeat; background-position: center center; background-size: contain;}
#logindiv .loginerror { display: none; font-size: 15px; color: red; padding-bottom: 15px; }

#diaglogout { background-color: rgba(255,255,255,1); border-radius: 5px; text-align: center; padding-top: 30px; height: auto !important; padding-bottom: 30px; background-image: none !important; }
.user-name { color: black; font-size: 1.5em; font-weight: bold; padding-bottom: 10px; }
.logout-button { cursor: pointer; color: white; background: #343434; display: inline-block; width: 60%; border-radius: 5px; padding: 5px; font-size: 0.9em; font-weight: bold; }
.eventdate { font-size: 0.75em;}
.keywordcount { padding-left: 10px;}


#diagdeltager { display: none; z-index: 1001; top: 10%; height: 70%; left: 25%; width: 50%;  background-repeat: no-repeat; background-size: contain; background-position: center center; }
.deltager-inner { width: 100%; height: auto; margin-bottom: 10px; background: rgba(255,255,255,1); border-radius: 5px; color: black; position: relative; }
.deltager-close {}
.deltager-close { position: absolute;  top: 0px; left: -60px; width: 40px; height: 40px; background-color: white; cursor: pointer; background-image: url('../img/programclose.png'); background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; border-radius: 5px; }
.deltager-title { text-align: center; top: 5%; left: 5%; right: 5%; padding-top: 40px; font-size: 40px; font-weight: bold; }
.deltager-list { position: absolute; top: 15%; left: 5%; right: 5%; bottom: 5%; overflow-y: auto; }
.deltager-item { background: #9B9B9B; border-radius: 5px; margin: 5px; padding: 5px; padding-left: 10px; color: white; font-size: 18px;}
.deltager-load { text-align: center; padding: 50px; font-size: 20px;}

#vhdialog { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(245,249,255,0.3); transform: translateZ(1065px) translate3d(0, 0, 1065px); z-index: 1065; display: none; }
#vhdialog .vhdialogwindow { position: relative; top: 30%; left: 35%; width: 30%; height: 35%; background: white; border-radius: 5px; box-shadow: 0px 10px 8px 1px rgba(0,0,0,0.4); display: flex;}
#vhdialog .vhdialogwindowcontent { position: relative; color: #121C42; padding: 40px; display: flex; justify-content: center; flex-flow: column nowrap; align-items: flex-start; width: 50%;}
#vhdialog .vhdialogImageWrapper { width: 50%;  height: 100%; background: #121C42 url('../img/Icon@3x.png') no-repeat center center; border-radius: 6px 0 0 6px; }
#vhdialog h1 { font-weight: bold; font-size: 2.2em; }
#vhdialog p { padding-left: 60px; padding-right: 60px; }
#vhdialog div.lightbtn { background: #858585; display: inline-block; border-radius: 5px; padding: 10px; padding-left: 20px; padding-right: 20px; font-size: 1.2em; color: white; cursor: pointer; }
#vhdialog div.bluebtn { background: #121C42; display: inline-block; border-radius: 5px; padding: 10px; padding-left: 20px; padding-right: 20px; font-size: 1.2em; color: white; cursor: pointer; }
#vhdialog.video { width: 81.3%; top: 90px; left: 20px; background: none;  position: absolute; height: 82% }
#vhdialog.video .videoclose { height: 26px; width: 16px; position: absolute; top: -11px; right: -14px; border-radius: 50%; background: #121C42; padding: 10px 16px; font-size: 1.2rem; display: block; cursor: pointer; transition: background 400ms ease; z-index: 100; }
#vhdialog.video .videoclose::after { content: "X"; color: #fff; position: absolute; top: 8px; left: 17px; font-size: 1.4rem; }
#vhdialog.videoFullScreen { width: 100%; top: 0; left: 0; background: none;  position: absolute; height: 100% }
#vhdialog.videoFullScreen .videocloseFullScreen { height: 26px; width: 16px; position: absolute; top: 0; right: 0; border-radius: 50%; background: #121C42; padding: 10px 16px; font-size: 1.2rem; display: block; cursor: pointer; transition: background 400ms ease; z-index: 100; }
#vhdialog.videoFullScreen .videocloseFullScreen::after { content: "X"; color: #fff; position: absolute; top: 8px; left: 17px; font-size: 1.4rem; }


.dialogcloseicon { position: absolute; width: 40px; height: 40px; background: white; border-radius: 5px; left: -50px; top: 0px; background-image: url('../img/programclose.png') !important; background-repeat: no-repeat; background-position: center center; background-size: 20 20; cursor: pointer; }

.vhelement { z-index: 10; }
.videostretch {  object-fit: fill; }
.scene-loading { background: #121C42 !important;  z-index: 10000; }

#logindiv {}

#diaglogout { background-color: rgba(255,255,255,1); border-radius: 5px; text-align: center; padding-top: 30px; height: auto !important; padding-bottom: 30px; background-image: none !important; }
.user-name { color: black; font-size: 1.5em; font-weight: bold; padding-bottom: 10px; }
.logout-button { cursor: pointer; color: white; background: #343434; display: inline-block; width: 60%; border-radius: 5px; padding: 5px; font-size: 0.9em; font-weight: bold; }

#meetingdialog { display: none; position: absolute; top: 10%; width: 88.4%; left: 1%; height: 75%; z-index: 1050;}
#meetingdialog .meetingpanel { background: white; border-radius: 15px; position: absolute; bottom: 0.1%; right: 1.9%; width: 20%; height: 93%; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; padding: 20px; color: black; }
#meetingdialog .meetingframe { position: absolute; top: 4%; left: 6%; width: 91.6%; border: 1px solid transparent; border-radius: 6px; z-index: 1200; height: 100%; overflow-y: auto;}
.meetingmessage { color: #121C42; font-size: 3vh; text-align: center; padding-top: 30%; background: #fff; }
.meetingselect { width: 100%; color: #121C42; font-size: 3vh; text-align: center; padding: 10% 0; background: #fff; }
.meeting-no-panel .meetingpanel { display: none;}
.meeting-select-button { background: #121C42; cursor: pointer; display: block;  padding: 10px; width: 75%; max-width: 50vw; min-width: 10vw; margin-left: auto; margin-right: auto; border: 1px solid #121C42; color: white; border-radius: 10px; margin-bottom: 10px; margin-top: 10px; transition: background 400ms ease, color 400ms ease;}
.meeting-select-button:hover { background: #fff; color: #121C42; transition: background 400ms ease, color 400ms ease; }

.vhdialogwindowcontent { background: white;}
.dialogpopup .vhdialogwindowcontent { background: rgba(0,0,0,0) !important;}
.dialogpopup .vhdialogwindow { border-radius: 6px !important; background-repeat: no-repeat !important; background-size: cover !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; color: white !important; background-position: bottom right !important; }
.dialogpopup .vhdialogwindowcontent { color: white !important; font-size: 22px !important; text-align: left !important; }
.dialogpopup .popuphead { color: #121C42; font-size: 30px; line-height: 100%; }
.dialogpopup .popupbody { color:#121C42; padding-top: 20px; font-size: 18px; }
.popupbuttons { padding-top: 30px; }
.popupbuttons .popupbutton { margin-top: 10px; margin-right: 10px;}
.popupbutton { font-size: 1.2rem; cursor: pointer; display: inline-block; color: #FFF; background: #124238;  padding: 8px; border: 1px solid #121C42; border-radius: 6px; transition: background 400ms ease; }
.popupbutton:hover { background: #195d4f;}

.extopletters{ user-select: none; }
.extopletters span { border-radius: 5px; padding: 5px 5px; cursor: pointer; margin-right: -8px; }
.extopletters .selected{ background: #000; }
.extopletters .all{ background: transparent; }
.categoryitem { cursor: pointer; }
.extopletters span { cursor: pointer; }
.corporate {display: none;}
.corporate.activecorporate {display: block;}

.expage .vhstatic {top: 0px; width: 100%; height: 100%;}


.pageactive .vhstatic { left: 0%; }
.pagerightin .vhstatic  { left: 85%; }
.pagerightout .vhstatic  { left: 100%; }
.pageleftin .vhstatic  { left: -85%; }
.pageleftout .vhstatic  { left: -100%; }

.bullet { background-image: url('../img/exbullet.png'); display: inline-block; width: 20px; margin-left: 5px; margin-right: 5px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.bulletactive { background-image: url('../img/exbulletactive.png'); display: inline-block; width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.exFilters{ position: absolute; left: 7%; top: 27px; z-index: 1001; display: flex; }
.exFilters.exFiltersnewmenu { top: 26px; left: 18%; background: #fff;}
@media screen and (max-width: 767px) {
  .exFilters {
    display: none;
  }
}
.exFilters .filterBtn{ padding: 11px 15px; background: #78948f; color: #fff; border-radius: 5px; cursor: pointer; display: inline-block; user-select: none; border: 6px; transition: background 400ms ease; }
.exFilters .filterBtn:hover { background: #195d4f; }
.filterBtnContainer { display: inline;}
.filterBtnHidden { display: none}
.exFilters .filterBtn:active{ position: relative; top: 1px; left: 1px; }
.exFilters .filterBtn--active{ background: #124238;}
.exFilters input { border-radius: 6px; outline:0; padding-left: 10px; margin-left: 10px; height: 38px;}
.exFilters input:focus { outline:none}

.exstand1light { background-image: url('../img/Booths/Light/Overview/Booths/Front Row/Booth3.png'); }
.exstand2light { background-image: url('../img/Booths/Light/Overview/Booths/Front Row/Booth2.png'); }
.exstand3light { background-image: url('../img/Booths/Light/Overview/Booths/Back Row/Booth2.png'); }
.exstand4light { background-image: url('../img/Booths/Light/Overview/Booths/Back Row/Booth1.png'); }
.exstand5light { background-image: url('../img/Booths/Light/Overview/Booths/Back Row/Booth3.png'); }

.exstand1dark { background-image: url('../img/Booths/Dark/Overview/Booths/Front Row/Booth1.png'); }
.exstand2dark { background-image: url('../img/Booths/Dark/Overview/Booths/Front Row/Booth2.png'); }
.exstand3dark { background-image: url('../img/Booths/Dark/Overview/Booths/Back Row/Booth1.png'); }
.exstand4dark { background-image: url('../img/Booths/Dark/Overview/Booths/Back Row/Booth2.png'); }
.exstand5dark { background-image: url('../img/Booths/Dark/Overview/Booths/Back Row/Booth3.png'); }

.exstand1corporateLight {background-image: url('../img/Booths/Corporate/overview/corporate-stand.png'); }
.exstand2corporateLight {background-image: url('../img/Booths/Corporate/overview/corporate-stand2.png'); }

.exstand1corporateWoodLight {background-image: url('../img/Booths/Corporate/overview/corporate-stand.png'); }
.exstand2corporateWoodLight {background-image: url('../img/Booths/Corporate/overview/corporate-stand2.png'); }

.standlogo1light { position: absolute; left: 25.8%; width: 10.1%; height: 9%; top: 45.8%;  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo2light { position: absolute; left: 62.14%; width: 10%; height: 8.8%; top: 45.8%;background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo3light { position: absolute; left: 43.55%; width: 7.2%; height: 6.5%; top: 31.35%;  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo4light { position: absolute; left: 17.4%; width: 7.3%; height: 6.4%; top: 31.35%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo5light { position: absolute; left: 69.7%; width: 7.2%; height: 6.5%; top: 31.3%;  background-size: cover; background-position: center center; background-repeat: no-repeat;}

.standlogo1corporateLight { position: absolute; left: 23.3%; width: 11.4%; height: 11%; top: 40.6%; transform-origin: top; transform: skewX(3deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo2corporateLight {position: absolute; left: 74.4%; width: 11.5%; height: 11.3%; top: 40.6%; transform-origin: top; transform: skewX(-5deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }

.standleft1corporateLight, .standleft1corporateWoodLight { position: absolute; left: 3.6%; width: 3.6%; height: 10.6%; top: 55.8%; transform-origin: top; transform: skewX(7deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standright1corporateLight, .standright1corporateWoodLight { position: absolute; left: 36.6%; width: 3.6%; height: 10.6%; top: 55.7%; transform-origin: top; transform: skewX(2deg) rotateY(-4deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }

.standlogo1corporateWoodLight { position: absolute; left: 23.3%; width: 11.4%; height: 11%; top: 40.6%; transform-origin: top; transform: skewX(3deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo2corporateWoodLight { position: absolute; left: 74.4%; width: 11.5%; height: 11.3%; top: 40.6%; transform-origin: top; transform: skewX(-5deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }

.standleft2corporateWoodLight, .standleft2corporateLight { position: absolute; left: 59.8%; width: 3.5%; height: 10.6%; top: 55.5%; transform-origin: top; transform: skewX(-2deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standright2corporateWoodLight, .standright2corporateLight { position: absolute; left: 92.5%; width: 3.5%; height: 10.6%; top: 55.4%; transform-origin: top; transform: skewX(-7deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }

.standtable1corporateLight, .standtable1corporateWoodLight { position: absolute; left: 30.4%; width: 6.1%; height: 5.7%; top: 59.3%; transform-origin: top; transform: skewX(3deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standtable2corporateLight, .standtable2corporateWoodLight { position: absolute; left: 84.3%; width: 6%; height: 5.6%; top: 59.1%; transform-origin: top; transform: skewX(-6deg);  background-size: cover; background-position: center center; background-repeat: no-repeat; }

.standlogo1dark { position: absolute; left: 27.1%; width: 6.3%; height: 5.6%; top: 48.0%;  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo2dark { position: absolute; left: 63.7%; width: 6.4%; height: 5.7%; top: 47.95%;background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo3dark { position: absolute; left: 44.6%; width: 4.49%; height: 4.2%; top: 32.8%;  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo4dark { position: absolute; left: 18.3%; width: 4.6%; height: 4.1%; top: 32.8%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standlogo5dark { position: absolute; left: 70.9%; width: 4.6%; height: 4.2%; top: 32.8%;  background-size: cover; background-position: center center; background-repeat: no-repeat;}

.standleft4light { position: absolute; left: 7.4%; width: 2.9%; height: 8.9%; top: 37.31%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(4.5deg); }
.standright4light { position: absolute; left: 26.6%; width: 2.9%; height: 8.9%; top: 37.31%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(1.8deg); }
.standleft3light { position: absolute; left: 35.75%; width: 3%; height: 8.9%; top: 37.32%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(1deg); }
.standright3light { position: absolute; left: 55.0%; width: 2.95%; height: 9.1%; top: 37.24%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-0.5deg); }
.standleft5light { position: absolute; left: 64.2%; width: 3%; height: 8.9%; top: 37.4%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-1.2deg); }
.standright5light { position: absolute; left: 83.4%; width: 3%; height: 8.9%; top: 37.4%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-3.2deg); }
.standleft1light { position: absolute; left: 12.6%; width: 4.3%; height: 12.7%; top: 56.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(3.8deg); }
.standright1light { position: absolute; left: 40.1%; width: 4.3%; height: 12.7%; top: 56.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(0.7deg); }
.standleft2light { position: absolute; left: 53.34%; width: 4.1%; height: 12.8%; top: 56.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-0.9deg) perspective(10px) rotateX(-0.2deg); }
.standright2light { position: absolute; left: 80.84%; width: 4.2%; height: 12.7%; top: 56.3%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-4deg); }

.standleft4dark { position: absolute; left: 10.1%; width: 2.5%; height: 9.4%; top: 33.91%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(5deg) skewY(-6deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standright4dark { position: absolute; left: 28.45%; width: 2%; height: 9.3%; top: 34.01%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(2deg) skewY(8deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standleft3dark { position: absolute; left: 36.85%; width: 2.4%; height: 9.3%; top: 33.92%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(2deg) skewY(-5deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standright3dark { position: absolute; left: 55.0%; width: 2.35%; height: 9.3%; top: 33.94%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(0deg) skewY(6deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standleft5dark { position: absolute; left: 63.9%; width: 2%; height: 9.3%; top: 33.9%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(-1deg) skewY(-7deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standright5dark { position: absolute; left: 81.8%; width: 2.5%; height: 9.2%; top: 34%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(-3.6deg) skewY(5.7deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standleft1dark { position: absolute; left: 15.8%; width: 3.5%; height: 13.1%; top: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(3.6deg) skewY(-8deg) rotateX(-0.3deg) rotateY(0.2deg) rotateZ(0deg); }
.standright1dark { position: absolute; left: 41.3%; width: 3.1%; height: 12.8%; top: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(0.2deg) skewY(8deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standleft2dark { position: absolute; left: 53.64%; width: 2.9%; height: 11.7%; top: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(-0.6deg) skewY(-8deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
.standright2dark { position: absolute; left: 78.74%; width: 3.5%; height: 12.8%; top: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: perspective(10px) skewX(-3deg) skewY(8deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }

.standtablet1light { position: absolute; left: 33.5%; width: 1.4%; height: 1.9%; top: 62.5%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-5.7deg);}
.standcomputer1light { position: absolute; left: 28.78%; width: 1.84%; height: 1.7%; top: 58.8%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.standcomputer2light { position: absolute; left: 67.18%; width: 1.84%; height: 1.7%; top: 58.8%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.standtablet2light { position: absolute; left: 73.1%; width: 1.5%; height: 1.9%; top: 62.5%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(6.3deg);}
.standtablet3light { position: absolute; left: 50.1%; width: 0.9%; height: 1.1%; top: 42.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(0deg);}
.standcomputer3light { position: absolute; left: 46.4%; width: 1.25%; height: 1.5%; top: 39.8%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.standcomputer4light { position: absolute; left: 19.1%; width: 1.25%; height: 1.5%; top: 39.8%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.standtablet4light { position: absolute; left: 22.2%; width: 0.9%; height: 1.1%; top: 42.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-5.9deg);}
.standcomputer5light { position: absolute; left: 73.6%; width: 1.3%; height: 1.5%; top: 39.8%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.standtablet5light { position: absolute; left: 78%; width: 0.9%; height: 1.1%; top: 42.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(9deg);}

.standcomputer1dark { position: absolute; left: 28.68%; width: 1.94%; height: 1.7%; top: 56.9%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standcomputer2dark { position: absolute; left: 66.58%; width: 1.94%; height: 1.7%; top: 56.9%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standcomputer3dark { position: absolute; left: 46.1%; width: 1.4%; height: 1.5%; top: 38.7%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standcomputer4dark { position: absolute; left: 19.3%; width: 1.4%; height: 1.5%; top: 38.7%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.standcomputer5dark { position: absolute; left: 73.1%; width: 1.4%; height: 1.5%; top: 38.7%; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.standtablet1dark { position: absolute; left: 20.9%; width: 1.45%; height: 2.1%; top: 62.7%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-10.7deg);}
.standtablet2dark { position: absolute; left: 61.2%; width: 1.45%; height: 1.9%; top: 62.7%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(3.3deg);}
.standtablet3dark { position: absolute; left: 69.6%; width: 1.1%; height: 1.2%; top: 42.3%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(7deg);}
.standtablet4dark { position: absolute; left: 13.3%; width: 1.1%; height: 1.2%; top: 42.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(-7deg); }
.standtablet5dark { position: absolute; left: 41.4%; width: 1%; height: 1.3%; top: 42.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: skewX(0deg); }

.standarea1light { position: absolute; left: 10%; width: 38%; top: 44%; height: 30%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea2light { position: absolute; left: 50%; width: 38%; top: 44%; height: 30%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea3light { position: absolute; left: 34%; width: 25%; top: 24%; height: 25%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea4light { position: absolute; left: 7%; width: 25%; top: 24%; height: 25%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea5light { position: absolute; left: 60%; width: 25%; top: 24%; height: 25%; cursor: pointer; background: rgba(100,100,100,0) }

.standarea1dark { position: absolute; left: 10%; width: 38%; top: 44%; height: 30%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea2dark { position: absolute; left: 50%; width: 38%; top: 44%; height: 30%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea3dark { position: absolute; left: 34%; width: 25%; top: 24%; height: 25%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea4dark { position: absolute; left: 7%; width: 25%; top: 24%; height: 25%; cursor: pointer; background: rgba(100,100,100,0) }
.standarea5dark { position: absolute; left: 60%; width: 25%; top: 24%; height: 25%; cursor: pointer; background: rgba(100,100,100,0) }

.standbutton1 { top: 62%; left: 19%; position: absolute; z-index: 100; }
.standbutton2 { top: 63%; left: 69%; position: absolute; z-index: 100; }
.standbutton3 { top: 39%; left: 48%; position: absolute; z-index: 100; }
.standbutton4 { top: 39%; left: 22%; position: absolute; z-index: 100; }
.standbutton5 { top: 39%; left: 74.5%; position: absolute; z-index: 100; }

.activeusers-table { width: 100%; border-collapse: collapse; margin-top: 10px;}
.activeusers-head tr th { background: rgba(0,0,0,0.3); padding: 10px; text-align: left;  }
.activeusers-status { padding: 30px; text-align: center; font-size: 1.5em; }
.activeusers-status-error { color: red; }

.disclaimerText { color: #121C42; bottom: 0.1%; right: 0.5%; font-size: 0.85em;}
.disclaimerText a { color: white; }

.speakerbiodialog { z-index: 1182 !important; }
.speakerbiodialog .vhdialogwindowcontent { text-align: left !important; max-height: 800px !important; width: 100% !important; border-radius: 6px;}
.speakerbiodialog .vhdialogImageWrapper { display: none;}
.speakerbiodialog .vhdialogwindow { top: 9% !important; left: 17.7% !important; width: 64.6% !important; height: 81.1% !important;}
.vhmobilescene .speakerbiodialog .vhdialogwindowcontent { text-align: left !important; max-height: 100% !important; padding: 0 !important; }
.vhmobilescene .speakerbiodialog .vhdialogwindow { top: 0% !important; left: 0% !important; width: 100% !important; height: 100% !important;}
.vhmobilescene .speakerbiodialog .vhdialogwindowcontent img { max-width: 100%; height: auto;}
.speakerbiodialog .dialogcloseicon { height: 26px; width: 16px; top: -15px; left: unset; right: -14px; border-radius: 50%; background: #121C42; padding: 10px 16px; font-size: 1.2rem; display: block; }
.speakerbiodialog .dialogcloseicon::after { content: "X"; color: #fff; position: absolute; top: 8px; left: 17px; font-size: 1.4rem; }

.CookieDeclaration { display: none; }

.overlayVideo { transform: translateZ(200px); }
.overlayVideo { z-index: 250; }
.overlayVideooverlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0); cursor: pointer; z-index: 251; }
.vhbackground { transform: translateZ(-100px)}

.deltagerlist { height: 630px; overflow-y: auto; overflow-x: hidden; margin: 10px; }
.activeusers-table { border: none; }
.activeusers-table { width: 99%; border-collapse: collapse;}
.activeusers-head tr th { background: rgba(0,0,0,0.0); padding: 10px; text-align: left;  }
.activeusers-body tr td { position: relative; padding: 0px; border-left: none; border-right: none;   padding: 10px; height: auto; color: white; text-align: left; background: #9B9B9B; z-index: 140; }
.activeusers-body tr td div {  }
.participantspacer { height: 0px; background: white !important; overflow: hidden; font-size: 8px; padding: 0px !important; margin: 0px !important;}
.activeusers-body tr td:first-child  { border-radius: 20px 0px 0px 20px; }
.activeusers-body tr td:last-child  { border-radius: 0px 20px 20px 0px; }
.deltager-filters { padding: 10px; }
.activeusers-status  { background: white !important; color: black !important; text-align: center !important; }
.deltager-filters .searchkeygroupmenu { cursor: pointer; font-size: 16px; position: relative; background: #B2B2B2;  border-radius: 4px; margin-right: 2px;  width: 180px; height: 100%; display: inline-block; vertical-align: top }
.deltager-filters .searchkeygroupmenu .searchkeygroupbtn { color: white; padding-top: 7px; padding-bottom: 8px; text-align: center; }
.deltager-filters .searchkeygroupmenu .searchkeygroupbtn span.arrowicon { background-image: url("../img/programarrowright.png"); background-position: center 10px; background-size: contain; background-repeat: no-repeat; display: inline-block; width: 6px; height: 20px; margin-left: 5px;  }
.deltager-filters .searchkeygroupmenudropopen .searchkeygroupbtn span.arrowicon { background-image: url("../img/programarrowdown.png"); width: 12px; }

/* content library */
.library-container .library-close, .library-embed-close, .inlinevideoclosefull{ height: 26px; width: 16px; position: absolute; top: -15px; right: -14px; border-radius: 50%; background: #121C42; padding: 10px 16px; font-size: 1.2rem; display: block; cursor: pointer; transition: background 400ms ease; z-index: 100;}
.library-container .library-close::after, .library-embed-close::after, .inlinevideoclosefull::after { content: "X"; color: #fff; position: absolute; top: 8px; left: 17px; font-size: 1.4rem;}
.library-container .library-close:hover { background: #19275d; }
.library-container{ padding: 15px; padding-right: 5px; }
.library-container .library-header{ padding: 15px 0px; padding-top: 0px; }
.library-container .library-header-title{ color:#121C42; font-size: 30px; font-weight: bold; padding-right: 15px; vertical-align: middle; display: inline-block; }
.library-container .library-header-filters{ display: inline-block; }
.library-container .library-header-filters .filterBtn{ padding: 11px 15px; transition: background 400ms ease; background: #78948f; color: #fff; border-radius: 5px; cursor: pointer; display: inline-block; user-select: none; margin-top: -1px;  }
@media screen and (min-width: 767px) { .library-container .library-header-filters .filterBtn:hover { background: #195d4f;} }
.library-container .library-header-filters .filterBtn:active{ position: relative; top: 1px; left: 1px; }
.library-container .library-header-filters .filterBtn--active{ background: #124238 }
.library-container .library-header-filters input{ padding: 12px 15px; border-radius: 5px; border: 1px solid #afafaf; outline: none; width: 280px; }
.library-container .library-header-filters  .multiselectButtonComponent .btn{ padding: 11px 15px; }
.library-container .library-contents { overflow-x: hidden; max-height: 670px; background: #fff; }
.library-container .library-content-item{ margin-bottom: 20px; }
.library-container .library-content-item-title{ margin-bottom: 10px; font-size: 26px; font-weight: 600; color: #121C42; }
.library-container .library-content-item-items{ display: -moz-flex; display: -webkit-flex; display: flex; webkit-flex-wrap: wrap; flex-wrap: wrap; }
.library-content-item-keyword-title-no-match { display: none; }
.library-item { position: relative; width: 15%; margin-right: 25px; margin-bottom: 25px; cursor: pointer; transition: transform, 400ms ease;}
.library-item:hover { transform: translateY(-8px); }
.library-item-favorite{ position: absolute; right: 6px; top: 6px; z-index: 1; width: 23px; cursor: pointer; }
.library-item-favorite img{ width: 100%; pointer-events: none; }
.library-item-image { position: relative; background: #DBDBEA; display: flex; border-radius: 6px; justify-content: center; align-items: center; }
.library-item-image a { display:inline-block; width:100%; height:100%; display: flex; justify-content: center; align-items: center; }
.library-item-image a *{ pointer-events: none; }
.library-item-image img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; border-radius: 6px; vertical-align: middle; }
.library-item-content{ margin-top: 10px; color: #121C42; font-size: 18px; }
.library-item-content-title{ color: #000; }
.library-item-content-description{ font-style: italic; opacity: .5; font-size: 14px; }
.library-icon { width: 90%; }
.library-embed-container{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1081; transform: translate3d(0, 0, 1081px); }
.library-container-layer, .library-embed-layer { display: none; position: absolute; top: 49.4%; left: 50%; width: 64.6%; height: 81.4%; z-index: 1080; background: white; color: #000000; border-radius: 5px; transform: translate3d(-50%, -50%, 1080px); }
.library-embed-layer { display: block; left: 41.7%; width: 81.2% }
.library-container-layer.active { display: block; }
.library-container-layer.newMenu { left: 41.7%; width: 81.2%; height: 81.1%; }
.library-embed-layer iframe { max-width: 100%; }
.library-embed-overlay{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .7; }
@media screen and (min-width: 700px) { .library-container-layer.library-newmenu .library-header-filters { position: absolute; top: -7.6%; left: 0.6%;} }

/* content library mobile optimisation */
.vhmobilescene .library-content-item-title { font-size: 1.2em; }
.vhmobilescene .library-container-layer{ top: 0px; left: 0px; width: 100%; height: 100%; transform: none; border-radius: 0px; z-index: 1092; }
.vhmobilescene .library-container{ padding: 55px 15px; padding-top: 8px; padding-bottom: 0px; }
.vhmobilescene .library-contents{ max-height: calc(100vh - 280px); }
.vhmobilescene .library-item{ width: 135px; }
.vhmobilescene .library-close{ top: 15px; left: auto; right: 15px; width: 25px; height: 25px; z-index: 2; background: #fff; padding: 0; background-image: url(../img/programclose.png); background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; border-radius: 5px; }
.vhmobilescene .library-close::after{display: none;}
.vhmobilescene .library-header-title{ display: block; margin-bottom: 5px; }
.vhmobilescene  .library-header-filters{ display: flex; flex-wrap: wrap; }
.vhmobilescene  .library-header-filters .multiselectButtonComponent{ display: block; }
.vhmobilescene  .library-header-filters > *{ box-sizing: border-box; flex: 0 0 100%; margin-bottom: 5px; }

#chatfeatbox { position: absolute; top: 8.6%; left: 83.4%; width: 15.5%; height: 81.4%; z-index: 1000; display: none; }
#chatfeatbox .vhchatwindow { position: absolute; width: 100%; height: 100%; background: white; border-radius: 6px; box-shadow: 0px 10px 8px 1px rgba(0,0,0,0.4); background: white; padding: 0px; margin: 0px; overflow: hidden; }
#chatfeatbox .vhchatwindowcontent { position: relative; color: black; width: 100%; height: 100%; padding: 0px; margin: 0px; }
#chatfeatbox .vhchatleftarea { position: absolute; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 100%; max-width: 100%; height: 100%; background: #F8F8F8; transition: max-width 600ms ease; }
#chatfeatbox .vhchatleftarea.vhChatNetworkFullContainer { max-width: 0%; transition: max-width 600ms ease; }
#chatfeatbox .vhchatcenterarea { position: absolute; padding: 0px; margin: 0px; left: 0%; top: 0px; width: 100%; max-width: 0; height: 100%; background: #F8F8F8; transition: max-width 600ms ease; }
#chatfeatbox .vhchatcenterarea.vhChatNetworkFullContainer { max-width: 100%; transition: max-width 600ms ease; }
#chatfeatbox .vhchatcenterarea.vhChatNetworkFullContainer .vhChatMessageHeader { display: flex; flex-flow: row nowrap; padding: 10px 20px 20px 20px; background: #F8F8F8; opacity: 1; transition: opacity 600ms ease;}
#chatfeatbox .vhchatcenterarea .vhChatMessageHeader { opacity: 0; transition: opacity 600ms ease;}

#chatfeatbox .vhchatleftTop {  position: absolute; top: 0px; left: 30px; right: 30px; height: 18%; }

#chatfeatbox .vhchatleftMessagelist { position: absolute; bottom: 0px; left: -45px; right: 00px; height: 85.2%; overflow-y: auto; overflow-x: hidden; }


#chatfeatbox .vhchatleftFilter { position: absolute; top: 17%; left: 0px; font-size: 1.6rem; font-weight: bold; }
#chatfeatbox .vhchatleftFilter.vhChatNetworkFullContainer { display: none; }
#chatfeatbox .vhchatleftFilterArrow { display: inline-block; width: 25px; background-image: url(../img/arrowdowndark.png); cursor: pointer; background-size: contain; background-position: center left; background-repeat: no-repeat; }


#chatfeatbox .vhChatMessageArea { position: absolute; top: 14.6%; bottom: 65px; left: 0px; right: 0px; padding-top: 20px; background: #e6e6f1; border-radius: 12px 0 0 0; }
#chatfeatbox .vhChatComposeArea { position: absolute; bottom: 0px; background: #e6e6f1; height: 65px; left: 0px; right: 0px; }
#chatfeatbox .vhVideoCall { display: block; width: 36px; height: 36px; background-image: url(../img/video.png); cursor: pointer; background-size: contain; background-position: center left; background-repeat: no-repeat; position: absolute; right: 80px; top: 21px; }

#chatfeatbox .vhChatHeadline { font-weight: bold; font-size: 1rem; }
#chatfeatbox .vhChatSubHeadline {font-weight: bold; font-size: 1rem; }
#chatfeatbox .vhChatClose { height: 26px; width: 16px; position: fixed; top: 7%; right: 0%; border-radius: 50%; background: #121C42; padding: 10px 16px; font-size: 1.2rem; display: block; cursor: pointer; transition: background 400ms ease; z-index: 10; }
#chatfeatbox .vhChatClose::after { content: "X"; color: #fff; position: absolute; top: 8px; left: 17px; font-size: 1.4rem; }
#chatfeatbox #goBackToList { cursor: pointer; }

.vhChatNetwork { user-select: none; position: relative; height: 85px; cursor: pointer; width: 92%;}
.vhChatNetwork .vhChatParticipantName { position: absolute; left: 70px; right: 100px; top: 8px; font-size: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vhChatNetwork .vhChatLastMessage { position: absolute; left: 70px; top: 39px; right: 0px; text-overflow: ellipsis; opacity: 0.9; font-size: 0.9em; white-space: nowrap; }

.vhChatNetwork .vhChatType { position: absolute; right: 10px; bottom: 15px; border-radius: 10px; font-size: 0.9em; padding: 5px;  }
.vhChatNetwork .vhChatTypePersonal { background: #121C42; color: white;  }
.vhChatNetwork .vhChatTypeStand { background: #121C42; color: white; }
.vhChatNetwork .vhChatTime { position: absolute; top: 10px; right: 15px;}
.vhChatNetwork .vhChatArchived { position: absolute; right: -20px; width: 25px; height: 25px; top: 10px; display: none; background-image: url(../img/chatarchived.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }

.vhChatMessage { position: relative;clear: both; min-width: 20%; max-width: 80%;margin-top: 5px; margin-bottom: 5px;  }
.vhChatMessageText { border-radius: 10px; background: blue; padding: 10px; }

.vhChatMessageMe { float: right; margin-right: 30px; }
.vhChatMessageMe .vhChatMessageText { background: #121C42; color: #fff; }
.vhChatMessageMe .vhChatMessageTime { text-align: right; margin-top: 6px;}

.vhChatMessageOther { float: left; margin-left: 90px; }
.vhChatMessageOther .vhChatMessageText { background: #124238; color: #fff; }
.vhChatMessageOther .vhChatMessageProfile { position: absolute; left: -70px; top: 0px; width: 60px; height: 60px; background-image: url(../img/chatprofiledefault.png); background-position: center center; background-size: contain; background-repeat: no-repeat; }
.vhChatMessageOther .vhChatMessageTime { margin-top: 6px;}

.vhChatComposeArea { position: relative; }
.vhChatComposeInput { position: absolute; top: 10px; left: 15px; right: 15px; bottom: 10px; border: 1px solid #121C42; border-radius: 12px; background: #F8F8F8; overflow:hidden; width: 80%; }

.vhChatComposeSend { background: #F0F1F7; position: absolute; width: 17%; top: 0px; left: 83%; height: 100%; border-left:1px solid #121C42; background-image: url(../img/chatsend.png); background-repeat: no-repeat; background-position: center center; background-size: 25px 24px; cursor: pointer;  }

.vhChatComposeTextInput { width: 89%; }
.vhChatComposeTextarea { border: none; resize: none; width: 83%; outline: none; padding: 12px 0 0 20px; }

.vhChatProfilePanel { position: absolute; height: 85%; left: 30px; right: 30px; bottom: 0px; }

.vhChatProfileCard {  width: 100%; height: 90px; color: black; position: relative ;}
.vhChatCardIcon { width: 60px; height: 60px; background-image: url(../img/profile-placeholder-blue.png); background-position: center center; background-size: contain; background-repeat: no-repeat; }
.vhChatCardName { font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.vhChatCardTitle { text-overflow: ellipsis; white-space: nowrap;  }
.vhChatComposeTextInput { background: white; }

.standchatpopup { position: absolute; bottom: 50%; left: 50%; width: 10%; min-width: 150px; background: white; z-index: 900; color: black; border-radius: 10px; padding: 10px; text-align: center;  }
.standchatpopupheadline { font-weight: bold; padding-bottom: 10px; font-size: 1.1em; }
.standchatonline { position: relative; }
.standchatclose { position: absolute; right: 5px; top: 3px; width: 20px; height: 20px; cursor: pointer; background-image: url('../img/programclose.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.standchatopenchat { color: white; background: gold; margin-left: auto; margin-right: auto; width: 80%; padding: 5px; font-size: 1.1em; cursor: pointer; margin-bottom: 10px; }
.standchatstaffselect { width: 90%; margin-left: auto; margin-right: auto; border-top: 2px solid black; padding-top: 10px; }
.standchatstaff { display: block; text-align: left; padding-left: 10px; cursor: pointer; }
.standchatstaff:before { content: ' \25CF'; font-size: 20px; color: green; padding-right: 5px; }
.standchatoffline { display: none;}

.vhchatMessageFilterPopup { display: none; position: absolute; top: 50px; left: 50px; background: white; border-radius: 5px; box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.3); padding: 5px; }
.vhchatFilterRow { font-size: 1.1em; padding: 5px; cursor: pointer; }
.vhchatFilterRow:hover { background: #FAFAFA; }
#chatfeatbox .vhchatleftFilterArrow { position: relative; }
.vhchatMessageFilterPopup { position: absolute; top: 100%; left: 0%; width: 130px; font-weight: normal; font-size: 1rem; z-index: 205; }

#chaticon { width: 35px; height: 35px;
  margin-right: 15px;
  background-image: url('../img/chaticon.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; display: block; cursor: pointer; position: relative; }
.vhChatNetworkActive { z-index: 20; }
.vhChatNetworkActive:after { z-index: 19; content: ''; position: absolute; top: 0px; left: -30px; height: 100%; width: 30px; background: #e6e6f1; }
.vhChatNetworkActive:before { z-index: 19; content: ''; position: absolute; top: 0px; right: -30px; height: 100%; width: 30px; background: #e6e6f1; }
.vhChatArchived { z-index: 21; }
.vhChatNetworkActive { background: #e6e6f1; }
.vhChatMessageArea { overflow-y: scroll; padding-bottom: 15px; }
.vhChatProfileCardPersonal { display: flex; }

.vhChatCardInfo { display: flex; flex-flow: column; padding-left: 10px; }
.vhChatCardOI-online::before { content: ""; background-image: url(../img/oi-online.png); background-position: center left; background-size: contain; background-repeat: no-repeat; position: relative; top: 21px; right: -40px; padding: 12px; }
.vhChatCardOI-offline::before { content: ""; background-image: url(../img/oi-offline.png); background-position: center left; background-size: contain; background-repeat: no-repeat; position: relative; top: 21px; right: -40px; padding: 12px; }
.chatnetworMessage { text-align: center; padding-top: 20px; }

.vhChatNetworkUpdates { font-weight: bold; }
.vhChatNetworkUpdates:after { z-index: 19; content: ''; position: absolute; left: 95%; top: 40%; height: 14px; background: #008af2; width: 14px; border-radius: 50%; }
.chaticon-updates:after { content: ''; width: 10px; height: 10px; position: absolute; top: 4px; right: 4px; border-radius: 50%; background-color: #008af2;}
.vhmobilescene .chaticon-updates { background-image: url(../img/mob-chat-updates.png) !important; }
.vhChatArchiveHeadline { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background-image: url(../img/chatarchived.png); background-repeat: no-repeat; background-position: center center; background-size: contain; display: none; }
.vhChatSystemMessage .vhChatMessageProfile { display: none;  }
.vhChatSystemMessage .vhChatMessageTime { padding: 10px; padding-top: 0px;  display: none; }
.vhChatSystemMessage .vhChatMessageText { background: none; padding-left: 0px;}
.vhChatSystemMessage  { margin-bottom: 10px;  }
.vhChatComposeTextarea { min-height: 18px !important;}
.chatglobalMessage { text-align: center; padding-top: 30%; font-size: 1.2em;}
.vhChatCardIcon, .vhChatIcon, .vhChatMessageProfile { border-radius: 50%; }

.vhchaterrorbox { position: absolute; bottom: 11%; left: 10%; right: 10%; height: 5%; background: #FEF3CE; border-radius: 25px; box-shadow: 0px 10px 8px 1px rgb(0 0 0 / 40%); padding: 1vh; box-sizing: border-box; text-align: center; color: black; font-size: 1.5vh; display: none; }

/* chat mobile optimering */
.vhmobilescene #chatfeatbox{ position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; height: auto; width: auto; z-index: 1111; }
.vhmobilescene #chatfeatbox .vhchatwindow{ top: 0%; bottom: 0%; left: 0%; right: 0%; height: auto; width: auto; border-radius: 0px; }
.vhmobilescene #chatfeatbox .vhchatleftFilter{ left: 5px; }
.vhmobilescene #chatfeatbox .vhchatleftarea{ width: 100%; z-index: 1; background: #fff; }
.vhmobilescene #chatfeatbox .vhchatleftTop{ position: relative; height: auto; top: 10px; left: 10px; }
.vhmobilescene #chatfeatbox .vhchatMessageFilterPopup .vhchatFilterRowrecent,
.vhmobilescene #chatfeatbox .vhchatMessageFilterPopup .vhchatFilterRowarchived{ display: none; }
.vhmobilescene #chatfeatbox .vhchatleftMessagelist{ height: 93%; }
.vhmobilescene #chatfeatbox .vhchatleftMessagelist{ padding-left: 15px; padding-right: 30px; }
.vhmobilescene #chatfeatbox .vhChatNetworkActive,
.vhmobilescene #chatfeatbox .vhChatNetworkActive:after,
.vhmobilescene #chatfeatbox .vhChatNetworkActive::before{ background: transparent; }
.vhmobilescene #chatfeatbox .vhchatcenterarea{ left: 0px; width: 100%; background: #fff; }
.vhmobilescene #chatfeatbox .vhChatComposeArea{ background: #fff; }
.vhmobilescene #chatfeatbox .vhChatClose{ top: 0; right: 0;}
.vhmobilescene #chatfeatbox .vhChatHeadline, 
.vhmobilescene #chatfeatbox .vhChatSubHeadline{ display: block; }
.vhmobilescene #chatfeatbox .vhChatMessageArea{ top: 150px; }

/* mobile view */
.mobileBackground { background-size: 100% 100%; background-position: center center; z-index: 8; }
.vhmobilescene .vhbutton { text-align: left !important; }
.vhmobilescene .idlevideo-loop { -webkit-box-shadow: 0px 0px 30px 30px rgba(236,236,236,0.7); box-shadow: 0px 0px 30px 30px rgba(236,236,236,0.7); }
.vhmobilescene .idlevideo-play { -webkit-box-shadow: 0px 0px 30px 30px rgba(252,255,165,0.7); box-shadow: 0px 0px 30px 30px rgba(252,255,165,0.7); }
.vhmobilescene .noratio { -webkit-box-shadow: none !important; box-shadow: none !important; }
.vhmobilescene .standchatpopup { z-index: 150; }
.vhmobilescene .smallbuttons .vhbutton { padding-top: 5px; padding-bottom: 5px;}
.vhmobilescene .inlinevideoclosefull { right: 15px; top: 15px;}

.mediacarleft { position: absolute; z-index: 1000; background: white; opacity: 0.6; background-image: url('../img/arrowleft.png'); background-repeat: no-repeat; background-size: 10px 18px; background-position: 8px center; border-radius: 30px; width: 30px; height: 30px; cursor: pointer;}
.mediacarright { position: absolute; z-index: 1000; background: white; opacity: 0.6; background-image: url('../img/arrowright.png'); background-repeat: no-repeat; background-size: 10px 18px; background-position: 12px center;  border-radius: 30px; width: 30px; height: 30px; cursor: pointer; }
.mlvisible .vhhtml-inner { overflow: visible; }
.mlvisible iframe { border: 10px solid #121C42; border-radius: 5px; background: #121C42; }

.ex-view-icon-active { background: #555555; border-radius: 1vh; }
.ex-view-icon { cursor: pointer; height: 100%; display: inline-block; width: 10%;  background-repeat: no-repeat; background-position: center center; background-size: 70%; background-size: contain; }
.ex-view-icon-grid { background-image: url('../img/ex-mobile-grid.png');}
.ex-view-icon-list { background-image: url('../img/ex-mobile-list.png');}
#exhibitioniconsmobile { display: none; z-index: 999; left: 0%; width: 100%; top: 2%; height: 5%;  text-align: center; }
#exhibitionlistmobile { display: none; z-index: 999; left: 0%; width: 100%; top: 8%; height: 90%; overflow-y: auto; overflow-x: hidden; }


.vh-mobile-exhibition-light { position: relative; background: url(../img/Booths/mobile-light.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.vh-mobile-exhibition-dark { position: relative; background: url(../img/Booths/mobile-dark.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.vh-mobile-exhibition-corporateLight { position: relative; background: url(../img/Booths/Corporate/individual/corporate-stand-mobile.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.vh-mobile-exhibition-corporateWoodLight { position: relative; background: url(../img/Booths/Corporate/individual/corporate-stand-mobile.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }

.vh-mob-listrow { margin-left: 5%; margin-right: 5%; background: rgba(100,100,100,0.9); padding-left: 5%; padding-right: 5%; padding-top:  10px; padding-bottom: 10px; margin-bottom: 20px; font-size: 0; letter-spacing: 0; word-spacing: 0; border-radius: 6px; }
.vh-mobile-exhibition-list { display: inline-block; }
.vh-mob-listrowlabel { font-size: 2.5vw;  letter-spacing: 1px; word-spacing: .1em; vertical-align: top; display: inline-block; padding-left: 20px;  }

.vh-mob-listrowlogo { background-repeat: no-repeat; display: inline-block; float: right; width: 20%; background-size: contain; background-position: center center; border-radius: 12px; }
.vh-mob-listrowtitle { padding-top: 10px;}
.vh-mob-listrowcompany { font-size: 0.8em;}

.exmobLeftBannerLight { position: absolute; top: 44.8%; width: 11.1%; left: 8.3%; height: 34.2%; transform: skewX(1.5deg) skewY(0deg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.exmobRightBannerLight { position: absolute; top: 44.8%; width: 11.1%; left: 81.5%; height: 34.4%; transform: skewX(-0.6deg) skewY(0deg); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.exmobComputerLight { position: absolute; top: 54.7%; width: 5.1%; left: 48.4%; height: 4.9%; transform: skewX(0deg) skewY(0deg); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.exmobTabletLight { position: absolute; top: 63.5%; width: 4.1%; left: 62.3%; height: 4.2%; transform: skewX(0deg) skewY(0deg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.exmobTVLight { position: absolute; top: 22.2%; width: 27%; left: 38%; height: 24.6%; transform: skewX(1deg) skewY(0deg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.exMobButtonLight { position: absolute; bottom: 10%; left: 20%; width: 60%; border-radius: 6px; height: 15%; background: white; color: black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 4vw; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.exMobClickLayer { position: absolute; width: 100%; height: 100%; cursor: pointer; }

.exmobLeftBannerDark { position: absolute; top: 32.4%; width: 8.6%; left: 12.6%; height: 35%; transform: skewX(2deg) skewY(-6deg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.exmobRightBannerDark { position: absolute; top: 32.5%; width: 8.4%; left: 81.8%; height: 36.1%; transform: skewX(-0.6deg) skewY(6deg); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.exmobComputerDark { position: absolute; top: 50.7%; width: 5.2%; left: 47.6%; height: 4.9%; transform: skewX(0deg) skewY(0deg); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.exmobTabletDark { display: none; }
.exmobTVDark { position: absolute; top: 28.2%;width: 16.8%;left: 42.1%;height: 14.9%;transform: skewX(1deg) skewY(0deg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.exMobButtonDark { position: absolute; bottom: 10%; left: 20%; width: 60%; height: 15%; border-radius: 6px; background: white; color: black;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 4vw; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.exMobClickLayer { position: absolute; width: 100%; height: 100%; cursor: pointer; }

.lazy-load-block .exmobLeftBannerLight {background-image: none !important; }
.lazy-load-block .exmobRightBannerLight {background-image: none !important; }
.lazy-load-block .exmobComputerLight {background-image: none !important; }
.lazy-load-block .exmobTabletLight {background-image: none !important; }
.lazy-load-block .exmobTVLight {background-image: none !important; }
.lazy-load-block .exmobLeftBannerDark {background-image: none !important; }
.lazy-load-block .exmobRightBannerDark {background-image: none !important; }
.lazy-load-block .exmobComputerDark {background-image: none !important; }
.lazy-load-block .exmobTabletDark {background-image: none !important; }
.lazy-load-block .exmobTVDark {background-image: none !important; }

.vhmobilescene .navbox { display: none !important; }
.vhmobilescene .programBtn { display: none !important; }
.mobileNavBottom { display: none; position: fixed; left: 0%; bottom: 0px; height: 40px; width: 100%; background: #FFBB36; z-index: 1090;  }
.vhmobilescene .mobileNavBottom { display: none; }

.mobNavButton-hidden { display: none; }
.mobNavButton { position: absolute; top: 0%; left: 0%; width: 25%; height: 100%; height: 100%;  background-position: center center; background-size: auto 60%; cursor: pointer; background-repeat: no-repeat; }

.mobileNavBottomContainer2 .mobNavButton:nth-child(1) { left: 0%; width: 50%;}
.mobileNavBottomContainer2 .mobNavButton:nth-child(2) { left: 50%; width: 50%;}

.mobileNavBottomContainer3 .mobNavButton:nth-child(1) { left: 0%; width: 33%;}
.mobileNavBottomContainer3 .mobNavButton:nth-child(2) { left: 33%; width: 33%;}
.mobileNavBottomContainer3 .mobNavButton:nth-child(3) { left: 66%; width: 33%;}

.mobileNavBottomContainer4 .mobNavButton:nth-child(1) { left: 0%; width: 25%;}
.mobileNavBottomContainer4 .mobNavButton:nth-child(2) { left: 25%; width: 25%;}
.mobileNavBottomContainer4 .mobNavButton:nth-child(3) { left: 50%; width: 25%;}
.mobileNavBottomContainer4 .mobNavButton:nth-child(4) { left: 75%; width: 25%;}

.mobNavHome {  background-image: url('../img/mob-home.png');  }
.mobNavNotification { background-image: url('../img/mob-alert.png'); }
.mobNavNotification-highlight {  background-image: url('../img/mob-alert-highlight.png');  }
.mobNavNotification-disabled { opacity: 0.2; }
.mobNavProgram {  background-image: url('../img/mob-calendar.png'); }
.mobNavChat { background-image: url('../img/mob-chat.png'); }

.mobNotification { box-sizing: border-box; display: none; background: white; color: black; position: absolute; top: 0%; height: 100%; left: 0%; width: 100%;  z-index: 1100; text-align:  center; font-size: 1.5em; padding: 20px; }
.mobNotification .title{ text-align: left; font-size: 30px; font-weight: bold; padding: 15px; vertical-align: middle; }
.vhmobilescene .mobNotification .mobileCloseBtn{ display: block; position: absolute; right: 15px; top: 15px; cursor: pointer; width: 45px; height: 45px; border: 1px solid #efefef; border-radius: 55px; }
.vhmobilescene .mobNotification .mobileCloseBtnIcon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 35px; color: #a4a4a4; font-weight: lighter; height: 56px; }
.mobileNotificationList { padding-top: 0px; padding-bottom: 0px; box-sizing: border-box; width: 100%; height: 90%; overflow: auto; padding: 20px; text-align: left; }
.mob-alert-notification { padding-top: 10px; padding-bottom: 10px; font-size: 0.8em;}

.mobNavBack { display: none; }
.vhmobilescene  .mobNavBack { border-radius: 555px; background: #fff url('../img/mobile-back-button.png') no-repeat center center; background-size: cover; border: 3px solid #fff; cursor: pointer; position: absolute; top: 1%; left: 1%; width: 3vh; height: 3vh; z-index: 1001; }
.mobTopContent { position: absolute; top: 0%; color: black; left: 12%; width: 75%; height: 5vh; background-position: center center; background-repeat: no-repeat; cursor: pointer; text-align: center; font-size: 2.5vh;  display: flex; justify-content: center; align-items: center; }

.vhmobilescene .vhdialogwindow { left: 0% !important; width: 100% !important; height: 100% !important; top: 0% !important }
.vhmobilescene .dialogcloseicon { left: auto; right: 2% !important; top: 2%!important; }
.vhmobilescene #vhdialog p { padding-left: 20px; padding-right: 20px; }

/* vhProgram */
.programBtn{ position: absolute; cursor: pointer; z-index: 1001; top: 1.2%; height: 6.6%; left: 1.8%; width: 4.7%; background-image: url('../img/programicon.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; border-radius: 5px; }
.programBtn.newMenu { opacity: 0; visibility: hidden;}
.programLayer{ display: none; position: absolute; top: 2.2%; left: 7%; background: #fff; color: #121C42; width: 728px; z-index: 1001; transform: translateZ(1065px) translate3d(0, 0, 1065px); border-radius: 6px; padding: 0px; }
.programLayer.newMenuProgramLayer { top: 9%; left: 1.1%; width: 81.1%; height: 81.1%; }
.programLayer .mobileCloseBtn{ display: none; }
.programLayer--full{ top: 50%; left: 50%; transform: translate(-50%,-50%); height: 70%; }
.programLayer.newMenuProgramLayer.programLayer--full { top: 9%; left: 1.1%; width: 81.1%; height: 81.1%; transform: none;}
.programLayer .closeBtn{ height: 26px; width: 16px; position: absolute; top: -15px; right: -14px; border-radius: 50%; background: #121C42; padding: 10px 16px; font-size: 1.2rem; display: block; cursor: pointer; transition: background 400ms ease;  }
.programLayer .closeBtn::after{ content: "X"; color: #fff; position: absolute; top: 8px; left: 17px; font-size: 1.4rem;}
.programLayer .title{ font-size: 30px; font-weight: bold; padding: 15px; vertical-align: middle; display: inline-block; }
.programLayer .filters{ display: inline-block; }
.programLayer .filters > div{ margin-right: 5px; }
.programLayer .filters:last-child{ margin-right: 0px; }
.programLayer .filters .filterSearch{ width: 300px; border-radius: 7px; padding: 12px 15px; outline: none; border: 1px solid #121C42; box-sizing: border-box; }
.programLayer .contents{ overflow: hidden; overflow-y: scroll; padding: 0px 15px; padding-right: 5px; max-height: 683px; position: relative; }
.programLayer .itemRow .button.speakerInfo--inactive { display: none; }
.programLayer.newMenuProgramLayer .contents{ overflow: hidden; overflow-y: scroll; padding: 0px 15px; padding-right: 5px; position: relative; }
.programLayer .item{ color: #fff; margin-bottom: 50px; background: #124238; border-radius: 5px; margin-bottom: 12px; }
.programLayer .item--past{ background: #78948f; }
.programLayer .item--active{ background: #124238; }
.programLayer .item:last-child{ margin-bottom: 15px; }
.programLayer .itemRow{ display: flex; }
.programLayer .itemRow--col1{ padding: 25px; padding-right: 0px; flex: 0 0 auto; }
.programLayer .itemRow--col2{ padding: 25px; flex: 1 1 auto; }
.programLayer .itemRow--col3{ padding: 25px; text-align: right; user-select: none; display: flex; align-items: center; }
.programLayer .itemRow--col3 div{ display: inline-block; margin-left: 15px; }
.programLayer .item .time{ font-size: 20px; }
.programLayer .item .date{ font-size: 13px; opacity: .6; }
.programLayer .item .sessiontitle{ font-size: 20px; font-weight: bold; line-height: 24px; }
.programLayer .item .subtitle{ font-size: 13px; }
.programLayer .item .subtitle--clickable{ text-decoration: underline; cursor: pointer; }
.programLayer .item .hostBtn{ display: block; }
.programLayer .item .hostBtn--empty{ text-decoration: none; cursor: default !important; }
.programLayer .item .itemText{ font-size: 13px; opacity: .6; margin-top: -10px; padding: 25px; padding-top: 0px; margin-left: 149px; }
.programLayer .itemRow .button{ display: inline-block; border: 2px solid #fff; border-radius: 5px; padding: 5px 25px; font-weight: bold; font-size: 14px; cursor: pointer; text-align: center; transition: background 400ms ease, color 400ms ease; width: max-content;}
.programLayer .itemRow .button:hover { background: #FFF; color: #121C42; }
.programLayer .itemRow .button--fullyBooked{ cursor: initial; border-style: dotted; }
.programLayer .itemRow .favoriteBtn{ background-image: url('../img/like-off.png'); width: 23px; height: 22px; background-position: center center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; cursor: pointer; }
.programLayer .itemRow .favoriteBtn--active{ background-image: url('../img/like-on.png'); }
.programLayer .filterBtn{ padding: 10px 15px; background: #78948f; color: #fff; border-radius: 5px; cursor: pointer; display: inline-block; user-select: none; transition: background 400ms ease; }
@media screen and (min-width: 767px) { .programLayer .filterBtn:hover { background: #195d4f;} }
.programLayer .filterBtn:active{ position: relative; top: 1px; left: 1px; }
.programLayer .filterBtn--active{ background: #124238; }
.programLayer .share{ opacity: .7; padding: 10px 15px; background: #fff; color: #121C42; border-radius: 5px; cursor: pointer; display: inline-block; user-select: none; border: 1px solid #000; float: right; }

/* program mobile optmisation */
.vhmobilescene .programLayer--full{ top: 0px; left: 0px; transform: none; }
.vhmobilescene .programLayer .closeBtn { display: none;}
.vhmobilescene .programBtn{ width: 85px; }
.vhmobilescene .programLayer{ top: 0%; left: 0px; border-radius: 0px; z-index: 1091; height: 100%; margin-bottom: 40px; width: 100%; overflow: hidden; }
.vhmobilescene .programLayer .mobileCloseBtn{ display: block; position: absolute; right: 15px; top: 15px; cursor: pointer; width: 45px; height: 45px; border: 1px solid #efefef; border-radius: 55px; }
.vhmobilescene .programLayer .mobileCloseBtnIcon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 35px; color: #a4a4a4; font-weight: lighter; height: 56px; }
.vhmobilescene .programLayer .itemRow{ display: block;  }
.vhmobilescene .programLayer .itemRow--col1 { padding: 10px;}
.vhmobilescene .programLayer .itemRow--col2 { padding: 10px;}
.vhmobilescene .programLayer .itemRow--col3 { padding: 10px; }
.vhmobilescene .programLayer .item .itemText { padding: 10px; margin: 0;}
.vhmobilescene .filters{ display: flex; flex-wrap: wrap; padding: 5px; padding-top: 0px; padding-left: 15px; }
.vhmobilescene .filters > * { flex: 1 1 100%; margin-right: 0px !important; margin-bottom: 5px; }
.vhmobilescene .filters .multiselectButtonComponent .btn{ width: 100%; box-sizing: border-box; }
.vhmobilescene .filters .multiselectButtonComponent .btnLabel{ right: 2%; }
.vhmobilescene .contents{ overflow-x: hidden; overflow-y: auto; max-height: 70%;}
.vhmobilescene .profileModal .closeBtn { right: 15px; top: 15px;}
@media (max-width: 900px) and (orientation: landscape) { .vhmobilescene .contents{ max-height: 50%; }}
.vhmobilescene { width: 100%; height: 100%; }
.vhmobilescene .item:last-child { margin-bottom: 50px; }


/* networking */
.networking-layer{ position: absolute; top: 2.4%; bottom: 10%; left: 1.8%; right: 1.8%; z-index: 100; display: none; z-index: 1000; }
.networking-layer.networknewmenu .networking-filter{ top: -64px; left: 22%; padding-left: 0px; width: 32%; background: #fff;}
.networking-layer.networknewmenu .networking-filter .networking-filter-inner { padding-left: 0; width: 100%; }
@media screen and (min-width: 700px) { .networking-layer.networknewmenu { top: 8%; left: -4.4%; } }

.networking-layer .networking-filter{ position: relative; border-radius: 3px; top: -3px; height: 53px; }
.networking-layer .networking-filter-inner{ position: relative; user-select: none; padding-left: 105px; top: 50%; transform: translateY(-50%); }
.networking-layer .networking-filter-inner .filterBtn{ transition: background 400ms ease; padding: 10px 15px; background: #78948f; color: #fff; border-radius: 5px; cursor: pointer; display: inline-block; user-select: none; border: 1px solid}
.networking-layer .networking-filter-inner .filterBtn:hover { background: #195d4f;}
.networking-layer .networking-filter-inner .filterBtn--active{ background: #124238; transition: background 400ms ease;}
.networking-layer .networking-filter-inner .filterBtn--active:hover { background: #195d4f; }
.networking-layer .networking-filter-inner .filterBtn:active{ position: relative; top: 1px; left: 1px; }
.networking-layer .networking-filter-inner .filterSearch{ display: inline-block; width: 350px; }
.networking-layer .networking-filter-inner .filterSearch input{ width: 100%; border-radius: 7px; padding: 12px 15px; outline: none; border: 1px solid #afafaf; box-sizing: border-box; }
.networking-layer .networking-content{ position: absolute; overflow-y: scroll; width: 90%; top: 90px; bottom: 40px; left: 50%; transform: translateX(-50%); }
.networking-layer .networking-visitors{ display: flex; flex-wrap: wrap; }
.networking-layer .networking-visitor{ flex: 0 0 350px; min-height: 105px; display: flex; background: #fff; padding: 20px; margin: 10px; color: #121C42; border-radius: 6px; }
.networking-layer .networking-visitor.empty-interest { display: none;}
.networking-layer .networking-visitor-image{ user-select: none; vertical-align: top; display: inline-block; flex: 0 0 70px; height: 70px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 99px; }
.networking-layer .networking-visitor-content{ flex: 1 1 auto; margin-left: 15px; }
.networking-layer .networking-visitor-title{ font-weight: 600; font-size: 19px; margin-bottom: 5px; display: inline-block; }
.networking-layer .networking-visitor-interest{ display: inline-block; padding: 3px 10px; background: #121C42; font-size: small; border-radius: 2px; margin-right: 5px; margin-bottom: 5px; color: #FFF}
.networking-layer .networking-visitor-favorite{ position: relative; top: 80px; left: 5px; display: inline-block; background-image: url('../img/like-off-red.png'); width: 23px; height: 22px; background-position: center center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; cursor: pointer; }
.networking-layer .networking-visitor-favorite--active{ background-image: url('../img/like-on-red.png'); }
.networking-layer .networking-visitor-chat{ position: relative; top: 80px; left: 5px; width: 25px; height: 25px; margin-left: 5px; cursor: pointer; background: url('../img/chat-start.png') no-repeat; background-size: cover; display: inline-block; vertical-align: middle; }

/* networking mobile */
.vhmobilescene .networking-layer .networking-filter{ height: 95px; top: 29px; }
.vhmobilescene .networking-layer .networking-filter-inner{ padding-left: 0px; display: flex; flex-wrap: wrap; }
.vhmobilescene .networking-layer .networking-filter-inner .filterBtn{ flex: 1 1 100%; margin-bottom: 5px; }
.vhmobilescene .networking-layer .networking-filter-inner .filterSearch{ display: block; width: 100%; }
.vhmobilescene .networking-layer .networking-content{ overflow-x: hidden; width: 100%; top: 155px; bottom: 0px; }
.vhmobilescene .networking-layer .networking-visitor{ flex: 1 1 100%; padding: 10px; margin: 5px; }

/* audio */
.audioicon{ width: 35px; height: 35px; margin-right: 15px; background-image: url('../img/music_on.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; cursor: pointer; }
.audioicon--off{ background-image: url('../img/music_off.png'); }
.audioicon.newmenu { width: 30px; height: 30px; background-image: url('../img/volume-on.png'); background-repeat: no-repeat; background-size: 26px; background-position: center center; cursor: pointer; }
.audioicon.newmenu.audioicon--off { background-image: url('../img/volume-off.png'); }

/* multiselectComponent */
.multiselectComponent select{ font-size: 20px; color: #121C42; width: 100%; padding: 15px; border: 1px solid #121C42; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; border-radius: 6px; outline: none; background: #fff url('../img/arrowdowndark.png') no-repeat 97% center; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; margin-bottom: 5px; }
.multiselectComponent .selected{ display: flex; }
.multiselectComponent .selected div{ flex: 0 0 auto; padding: 8px; padding-right: 5px; background: #121C42; color: #fff; font-size: 15px; margin-right: 5px; border-radius: 6px; }
.multiselectComponent .selected div .deselect{ font-size: 15px; top: 4px; opacity: .5; vertical-align: middle; display: inline-block; padding: 5px; margin-left: 5px; cursor: pointer; }

/* vhMultiselectButton */
.multiselectButtonComponent{ position: relative; display: inline-block; user-select: none; }
.multiselectButtonComponent .btn{ transition: background 400ms ease; padding: 10px 15px; background: #124238; color: #fff; border-radius: 5px; cursor: pointer; }
.multiselectButtonComponent .btn:hover { background: #195d4f }
.multiselectButtonComponent .btn:active{ position: relative; top: 1px; left: 1px; }
.multiselectButtonComponent .dropdown{ display: none; position: absolute; top: 50px; left: 1px; width: 250px; background: #fff; border-radius: 5px; border: 1px solid #efefef; color: #121C42; padding: 15px; border-radius: 3px; z-index: 50; max-height: 300px; overflow-y: scroll; }
.multiselectButtonComponent .active{ display: inline-block; opacity: 1; }
.multiselectButtonComponent .group{ margin-bottom: 10px; }
.multiselectButtonComponent .group:last-child{ margin-bottom: 0px; }
.multiselectButtonComponent .group .group__label{ font-weight: bold; cursor: pointer; padding: 2px; }
.multiselectButtonComponent .group .group__label::before{ width: 10px; height: 10px; background: url('../img/arrow-down-black.png') no-repeat center center; margin-right: 5px; transform: rotate(-90deg); background-size: contain; content: ''; display: inline-block; }
.multiselectButtonComponent .group .group__items{ display: none; }
.multiselectButtonComponent .group .group__item{ display: block; cursor: pointer; padding: 2px; padding-left: 25px; }
.multiselectButtonComponent .group .group__item input{ width: 20px; }
.multiselectButtonComponent .group--active .group__label::before{ transform: rotate(0deg); }
.multiselectButtonComponent .group--active .group__items{ display: block; }
.multiselectButtonComponent .resetBtn{ transition: background 400ms ease; position: relative; left: 150px; display: inline-block; background: #121C42; color: #fff; padding: 3px 25px; font-size: small; cursor: pointer; border-radius: 55px; }
.multiselectButtonComponent .resetBtn:hover { background: #19275d;}
.multiselectButtonComponent .resetBtn:active{ top: 1px; left: 151px; }
.multiselectButtonComponent .btnLabel{ position: absolute; right: -5%; top: -10px; background: #000; color: #fff; padding: 5px; font-size: x-small; border-radius: 5px; pointer-events: none; }

/* profile */
.profileIcon{ position: absolute; right: 35px; top: 34px !important; width: 80px; height: 80px; border: none !important; border-radius: 50%; z-index: 1080; background: #121C42 url('../img/profile-placeholder-blue.png') no-repeat center center; background-size: cover; cursor: pointer;}
.profileOverlay{ display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #000; opacity: 0; z-index: 1081; }
.profileOverlay--active{ display: block; }
.profileModal{ display: none; position: absolute; top: 50%; left: 50%; width: 30%; min-height: 300px; transform: translate(-50%, -50%) translateZ(1082px); -webkit-transform: translate(-50%, -50%) translateZ(1082px);  background: #FFF; z-index: 1082; padding-top: 60px; border-radius: 6px;}
.profileModal--active{ display: block;}
.profileModal .image{ position: absolute; left: 50%; top: -10px; transform: translate(-50%,-50%); width: 150px; height: 150px; background: #121C42 url('../img/profile-placeholder-blue.png') no-repeat center center; background-size: cover; border-radius: 50%;}
.profileModal .closeBtn{ position: absolute; top: -18px; right: -15px; cursor: pointer; background: #fff; width: 45px; height: 45px; border-radius: 555px; user-select: none; }
.profileModal .closeBtn .closeBtnIcon{ position: absolute; top: 68%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #a4a4a4; height: 50px; }
.profileModal .username{ text-align: center; font-weight: bold; color: #000; font-size: 25px; padding: 5px; margin-bottom: 25px; }
.profileModal .inner{ padding: 15px; overflow-y: scroll; max-height: 50vh; box-sizing: border-box; }
.profileModal .field{ padding: 5px; color: #000; }
.profileModal .field--error{ background: #ffe0de; }
.profileModal .field .header{ font-size: 1.5em; padding-bottom: 5px; padding-top: 5px; }
.profileModal .field input{ border-radius: 6px; color: #121C42; box-sizing: border-box; font-size: 20px; background: #FFF; width: 100%; border: 1px solid #121C42; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; outline: none; padding: 15px; }
.profileModal .field input[type="checkbox"]{ width: auto; margin-right: 10px; height: 20px; width: 20px; vertical-align: middle; }
.profileModal .field input[type="radio"]{ width: auto; margin-right: 10px; height: 20px; width: 20px; vertical-align: middle; }
.profileModal .field label{ font-size: 20px; color: #595959; margin: 0 10px 10px 0; font-weight: 600; display: block; }
.profileModal .field textarea{ box-sizing: border-box; font-size: 20px; background: #FFF; width: 100%; border: 1px solid #121C42; border-radius: 6px; outline: none; padding: 15px; height: 180px; resize: none; }
.profileModal .field select[multiple]{ background-image: none; }
.profileModal .field select{ font-size: 20px; color: #121C42; width: 100%; padding: 15px; border: 1px solid #121C42; border-radius: 6px; outline: none; background: #FFF url('../img/arrowdowndark.png') no-repeat 97% center; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; margin-bottom: 5px; }
.profileModal .message{ display: none; padding: 20px; text-align: center; color: #000; margin-top: 10px; background: #ffe0de; }
.profileModal .btnControls{ margin: 0px 5px; margin-top: 10px; display: flex; }
.profileModal .btnControls .btn{ flex: 1 1 50%; text-align: center; cursor: pointer; display: inline-block; padding: 15px; color: #fff; font-weight: bold; user-select: none; }
.profileModal .btnControls .btn:active{ position: relative; top: 1px; left: 1px; }
.profileModal .btnControls .btn--save{ background: #124238; border-radius: 6px; transition: background 400ms ease; }
.profileModal .btnControls .btn--save:hover { background: #195d4f;}
.profileModal .btnControls .btn--cancel{ background: #9E9E9E; margin-left: 5px; border-radius: 6px; }
.profileModal .logoutBtn{ border-bottom: 1px solid #000; opacity: .5; color: #000; float: right; margin-top: 55px; margin-right: 5px; cursor: pointer; }

/* profile mobile optimering */
.vhmobilescene .profileIcon{ top: 1% !important; right: 1%; width: 50px; height: 50px; border-width: 3px; z-index: 1080; }
.vhmobilescene .profileModal{ top: 0px; left: 0px; transform: none; width: 100%; min-height: 100%; z-index: 1092; padding-top: 0px; }
.vhmobilescene .profileModal .image{ position: relative; transform: translateX(-50%); left: 50%; }
.vhmobilescene .profileModal .inner{ max-height: 100vh; padding-top: 55px; min-height: unset;}

#vhchatpanel, #vhxpanel {
  width: 100%;
  z-index: 1000;
  height: 100%;
  border-radius: 6px;
  max-height: 100%;
}

#vhchatpanelwrapper {
  position: absolute;
  display: none;
  width: 100%;
  max-width: 301px;
  bottom: 107px;
  right: 20px;
  z-index: 1000;
  height: 100%;
  max-height: 81.5%;
}

#vhxpanelwrapper {
  display: none;
  position: absolute;
  width: 100%;
  max-width: 305px;
  bottom: 107px;
  left: 20px;
  z-index: 200;
  height: 100%;
  max-height: 81.5%;
}

.vhxpanelBtn {
  cursor: pointer;
  font-weight: 400;
  display: none;
}

.vhxpanelBtn.active {
  display: block;
}

.openpanel:hover {
  transform: perspective(200px) translateZ(20px);
  background: #fff !important;
  color: #121C42;
}

.closechat {
  position: absolute;
  top: -15px;
  right: -14px;
  border-radius: 50%;
  background: #121C42;
  padding: 10px 16px;
  font-size: 1.2rem;
  display: block;
  cursor: pointer;
  transition: background 400ms ease;
}

.closechat:hover {
  background: #19275d;
}

.closepanel {
  position: absolute;
  top: -15px;
  right: -14px;
  border-radius: 50%;
  background: #121C42;
  padding: 10px 16px;
  font-size: 1.2rem;
  display: block;
  cursor: pointer;
  transition: background 400ms ease;
}

.closepanel:hover {
  background: #19275d;
}

#meetingSDKElement {
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: 2000;
}

#meetingSDKElement .zmwebsdk-makeStyles-videoCustomize-8 {
  width: 1562px;
  height: 1000px;
}

#meetingSDKElement .zmwebsdk-MuiBox-root[class*="zmwebsdk-makeStyles-root"] {
  width: 1562px;
}

ul#menu-list-icon-arrow-down li.zmwebsdk-MuiButtonBase-root:nth-of-type(2) {
  display: none;
}

.animatedPulse{ animation: pulse 2s infinite;}
.animatedPulse:hover { animation-play-state: paused;}

/* branding */
img.branding{ width: 180px; user-select: none; padding-right: 25px; }

/* splashscreen */
.splashscreen{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1091; transform: translateZ(1091px); overflow: hidden; background: #212121; display: none; }
.splashscreen video{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.splashscreen--active{ display: block; }
@keyframes splashscreenAnimateOut { 0% { opacity: 1; transform: scale(1); } 100%{ opacity: 0; transform: scale(0); } }
.splashscreen--animateOut{ display: block; animation-name: splashscreenAnimateOut; animation-duration: .5s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-direction: normal; }




@-webkit-keyframes pulse {
  0% {
    -webkit-transform: perspective(100px) translateZ(5px);
  }
  70% {
    -webkit-transform: perspective(300px) translateZ(30px);
  }
  100% {
    -webkit-transform: perspective(200px) translateZ(10px);
  }
}

@keyframes pulse {
  0% {
    transform: perspective(100px) translateZ(5px);
  }
  70% {
    transform: perspective(300px) translateZ(30px);
  }
  100% {
    transform: perspective(200px) translateZ(10px);
  }
}