@CHARSET "UTF-8";
body {
  font-family: 'Roboto', sans-serif;
  margin: 0px;
  background-color: black;
  padding: 0;
  overflow: hidden;
  height: calc(100vh - -1px);
  width: 100vw
}

body > svg {
  display: none
}

body.nosupport {
  background: darkgray
}

h3 {
  font-size: 110%
}

.blackBackground {
  background: black
}

.panelbackground {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#041015), to(#0c2936));*/
  /*background: linear-gradient(to bottom, #041015 0%, #0c2936 100%)*/
}

.loadingScreen {
  top: 60px;
  bottom: 35px;
  width: 100%;
  background-color: #000;
  display: block;
  position: absolute;
  z-index: 7;
  left: 0px;
  max-height: 100vh
}

.loadingscreenwrap .circularGWrap {
  position: absolute;
  top: calc(50% - 43px);
  left: calc(50% - 43px);
  transform: scale(1.5);
  -webkit-transform: scale(1.5)
}

.loadingscreenwrap .right {
  top: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 7;
  right: 0px
}

.loadingscreenwrap .left {
  top: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 8;
  left: 0px
}

@media screen and (max-width: 900px) {
  .loadingScreen {
    top: 0px;
    bottom: 0px
  }
}

.minibooth-label {
  height: 15px;
  color: white;
  text-align: center;
  padding-top: 5px
}

.minibooth-label.selected {
  color: #00ADD7;
  font-weight: bold
}

.minibooth-wrapper {
  display: inline-block;
  padding-right: 5px;
  cursor: pointer
}

.minibooth-wrapper.selected {
  background: -webkit-radial-gradient(center, ellipse cover, #31879f 0%, #2e7588 41%, #275e6d 100%)
}

.booth-blocker {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 7
}

#topContainer {
  text-align: center;
  overflow-y: hidden;
  overflow-x: auto;
  height: 140px;
  width: 100%
}

.diaOverlay {
  left: 0px;
  top: 0px;
  position: absolute;
  display: none;
  width: 100%;
  height: 100%
}

#miniBoothContainer {
  display: inline-block;
  width: auto;
  border: 1px solid gray;
  white-space: nowrap;
  padding: 1px
}

.minibooth-wrapper img {
  width: auto;
  height: 100px
}

.loadingScreen .loadingIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center center 0;
  -webkit-transform-origin: center center 0;
  width: 128px;
  height: 128px;
  margin-left: -64px;
  margin-top: -64px
}

.loadingScreen .loadingvideo {
  position: absolute;
  width: 100%;
  height: 100%
}

#wrap {
  height: 100vh;
  width: 100vw;
  /*max-width: calc((100vh - 60px - 35px) * 1.778);*/
  margin: auto
}

#logo {
  width: 140px;
  height: 38px;
  padding-top: 1px
}

#content-wrap {
  background: black;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: black 0px 0px 10px inset;
  box-shadow: black 0px 0px 10px inset;
  height: calc(100vh - 60px - 35px);
  width: 100%;
  /*max-width: calc((100vh - 60px - 35px) * 16 / 9);*/
  margin: auto;
  position: relative
}

#content {
  font-size: 12px;
  position: relative;
  -webkit-transform-origin: 0% 0% 0;
  transform-origin: 0% 0% 0;
  height: calc(100vh - 60px - 35px);
  width: 100%;
  max-width: calc((100vh - 60px - 35px) * 16 / 9);
  overflow: hidden
}

#eventButtonListWrap {
  width: 625px;
  border-radius: 15px;
  border: 2px solid gray;
  background-color: white;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -300px;
  padding: 5px
}

.startbackground {
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#logintable {
  color: dimgray;
  min-width: 300px;
  padding: 30px
}

#logintable .maincolorbutton {
  width: 100%
}

#logintable .username {
  color: black
}

.logintable-label {
  max-width: 85px;
  min-width: 65px
}

.logintable-value {
  padding: 7px 0
}

#logintable .password {
  color: black
}

#logintable .text {
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: bold
}

#loginForm {
  min-width: 300px;
  border: 1px solid #dddddd;
  background-color: white;
  color: dimgrey;
  margin: auto;
  border-radius: 2px
}

.chat {
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 0px
}

.chat .frame {
  position: absolute;
  min-height: 250px;
  min-width: 600px;
  height: 90%;
  width: 80%;
  left: 10%;
  top: 5%;
  background: white;
  color: black
}

.chat .frame .chatmessagecont {
  position: absolute;
  top: 45px;
  bottom: 20px;
  right: 250px;
  left: 20px
}

.chat .frame .chatmessagecont .chatmessageswrap {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 50px;
  right: 0px;
  overflow: hidden;
  color: white;
  font-size: 12px;
  padding: 2px
}

.chat.loading .frame .chatmessagecont .chatmessageswrap {
  bottom: 65px
}

.chat .loadingwrap {
  display: none;
  position: absolute;
  bottom: 45px;
  left: 2px;
  right: 0px;
  height: 15px;
  font-size: 12px
}

.chat.loading .loadingwrap {
  display: block
}

.chat .frame .chatmessagecont .chatsend, .chat .frame .chatmessagecont .readonlywrap {
  bottom: 0px;
  left: 2px;
  right: 0px;
  position: absolute;
  height: 29px
}

.chat .frame .chatmessagecont .readonlywrap {
  display: none
}

.chat.readonly .frame .chatmessagecont .readonlywrap {
  display: block
}

.chat.readonly .frame .chatmessagecont .chatsend {
  display: none
}

.chat.readonly .userlistpane .chatbuttons .mainbuttonround, .chat.readonly.moderator .userlistpane .chatbuttons .mainbuttonround {
  display: none
}

.chat.private.allowprofile.readonly .userlistpane .chatbuttons .shareprofile {
  display: none
}

.chat.readonly .userlistpane .chatbuttons .mainbuttonround.savechat {
  display: block
}

.chat.readonly .userlistpane .userlist, .chat.readonly.moderator .userlistpane .userlist {
  bottom: 45px
}

.chat.readonly .frame .header .extbtn {
  display: none
}

.chatsend .chatmsginput.full {
  border: 2px solid red
}

.chatsend .chatmsginput, .readonlywrap .chatmsginput {
  margin: 0px;
  border-radius: 2px;
  background: #D3D3D3;
  border: 0px;
  height: 100%;
  width: 100%;
  padding: 0px 0px 0px 15px;
  line-height: 28px;
  resize: none
}

.chatsend .chatmsginput:focus {
  outline: 0px
}

.chatsend .chatmsginputwrap, .readonlywrap .chatmsginputwrap {
  top: 0px;
  bottom: 0px;
  position: absolute;
  left: 0px;
  right: 220px
}

.readonlywrap .chatmsginputwrap {
  right: 35px
}

.searchContainer .mainbuttonround {
  text-transform: none
}

.mainbuttonround {
  text-transform: uppercase;
  border: 0px;
  border-radius: 2px;
  cursor: pointer;
  height: 28px;
  margin: 0px;
  font-size: 13px;
  cursor: pointer
}

.chatbuttons .mainbuttonround {
  width: 220px;
  margin-top: 7px
}

.chatsend .mainbuttonround {
  position: absolute;
  right: 30px;
  padding: 0px;
  width: 150px;
  bottom: 0px
}

.chatActionBtn {
  background: #4B4B4B;
  font-family: 'Roboto', sans-serif;
  line-height: 18px;
  font-size: 12px
}

.chat .userlistpane {
  right: 10px;
  top: 45px;
  bottom: 20px;
  width: 230px;
  position: absolute
}

.chat .userlistpane .chatbuttons .separator {
  width: 200px;
  height: 1px;
  margin-bottom: 1px;
  border-bottom: 1px dashed grey
}

.chat.moderator .userlistpane .userlist {
  bottom: 115px
}

.chat.moderator .userlistpane .chatbuttons .createPollBtn {
  display: block
}

.chat.private.allowprofile .userlistpane .chatbuttons .shareprofile {
  display: block
}

.chat .userlistpane .chatbuttons .createPollBtn {
  display: none
}

.chat .userlistpane .chatbuttons .shareprofile {
  display: none
}

.chat .userlistpane .userlist {
  right: 2px;
  top: 0px;
  bottom: 80px;
  left: 0px;
  position: absolute;
  color: black;
  font-size: 12px
}

.chat .userlistpane .chatbuttons {
  right: 2px;
  bottom: 0px;
  left: 0px;
  position: absolute;
  color: white;
  font-size: 12px;
  cursor: pointer
}

.chat .userlistpane .userlist .useritem {
  width: 100%;
  padding-top: 5px;
  cursor: pointer
}

.chat .userlistpane .userlist .useritem .icon {
  display: inline
}

.chat .userlistpane .userlist .useritem .label {
  display: inline
}

.chat .userlistpane .userlist .useritem.moderator .label {
  font-weight: bold
}

.chat .chatmessagecont .chatmessageswrap .chatevent {
  display: block;
  margin-bottom: 20px
}

.chat .chatmessagecont .chatmessageswrap .chatevent .header {
  margin-bottom: 5px
}

.chat .chatmessagecont .chatmessageswrap .chatevent .header div {
  display: inline
}

.chat .chatmessagecont .chatmessageswrap .chatevent .header .username {
  color: #00ADD7;
  font-weight: bold;
  cursor: pointer
}

.chat .chatmessagecont .chatmessageswrap .chatevent .header .username.self .label {
  color: black
}

.chat .chatmessagecont .chatmessageswrap .chatevent .header .chattimestamp {
  color: dimgrey;
  padding-left: 10px;
  font-size: 12px
}

.chat .chatmessagecont .chatmessageswrap .chatevent .message {
  color: black;
  font-size: 12px;
  -webkit-user-select: text
}

.chat .chatmessagecont .chatmessageswrap .chatevent .message .icon {
  padding-right: 5px;
  vertical-align: middle
}

.chat .chatmessagecont .chatmessageswrap .chatevent .message .icon .image {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

@-webkit-keyframes blink {
  0% {
    color: green
  }
  33% {
    color: #D3D3D3
  }
}

@-webkit-keyframes blink2 {
  0% {
    color: #D3D3D3
  }
  33% {
    color: green
  }
  66% {
    color: #D3D3D3
  }
}

@-webkit-keyframes blink3 {
  0% {
    color: #D3D3D3
  }
  66% {
    color: green
  }
}

@keyframes blink {
  0% {
    color: green
  }
  33% {
    color: #D3D3D3
  }
}

@keyframes blink2 {
  0% {
    color: #D3D3D3
  }
  33% {
    color: green
  }
  66% {
    color: #D3D3D3
  }
}

@keyframes blink3 {
  0% {
    color: #D3D3D3
  }
  66% {
    color: green
  }
}

.chat .chatmessagecont .chatmessageswrap .chatevent.typing .message {
  font-size: 22px;
  line-height: 14px
}

span.blink label {
  line-height: 10px;
  vertical-align: bottom
}

span.blink label:first-of-type {
  -webkit-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite
}

span.blink label:nth-of-type(2) {
  -webkit-animation: blink2 1s step-end infinite;
  animation: blink2 1s step-end infinite
}

span.blink label:nth-of-type(3) {
  -webkit-animation: blink3 1s step-end infinite;
  animation: blink3 1s step-end infinite
}

.chat .chatmessagecont .chatmessageswrap .chatevent.typing .message label:first-of-type {
  -webkit-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite
}

.chat .chatmessagecont .chatmessageswrap .chatevent.typing .message label:nth-of-type(2) {
  -webkit-animation: blink2 1s step-end infinite;
  animation: blink2 1s step-end infinite
}

.chat .chatmessagecont .chatmessageswrap .chatevent.typing .message label:nth-of-type(3) {
  -webkit-animation: blink3 1s step-end infinite;
  animation: blink3 1s step-end infinite
}

.chat.loading .loadingwrap label {
  line-height: 10px;
  vertical-align: bottom;
  font-size: 20px
}

.chat.loading .loadingwrap label:first-of-type {
  -webkit-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite
}

.chat.loading .loadingwrap label:nth-of-type(2) {
  -webkit-animation: blink2 1s step-end infinite;
  animation: blink2 1s step-end infinite
}

.chat.loading .loadingwrap label:nth-of-type(3) {
  -webkit-animation: blink3 1s step-end infinite;
  animation: blink3 1s step-end infinite
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated .message {
  display: table-cell;
  width: 94%;
  vertical-align: top
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.declined .modbtns {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.declined .content {
  background: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated .declinemessage {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.declined .declinemessage {
  display: inline;
  color: darkred;
  padding-left: 4px
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.accepted .modbtns {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.accepted .content {
  background: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.accepted .declinemessage {
  display: inline;
  color: darkgreen;
  padding-left: 4px
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.accepted .message {
  color: #777777
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated.declined .message {
  text-decoration: line-through
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated .modbtns {
  display: table-cell;
  cursor: pointer;
  text-align: right;
  width: 700px
}

.chat .chatmessagecont .chatmessageswrap .chatevent.moderated .content {
  background: #cfeff7;
  display: table;
  border-spacing: 0 0
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll {
  color: black
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .question .prefix {
  display: inline
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .question .label {
  display: inline
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .question .duration {
  display: inline;
  margin-left: 10px;
  font-size: 10px;
  color: dimgrey
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .answers .answer {
  margin-top: 5px
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .answers .mainbuttonround {
  display: inline;
  width: 100px
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .answers .mainbuttonround.selected {
  background: #6a6a6a;
  cursor: default
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .answers .mainbuttonround.hide {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.newmode .poll:not(.done) .answers .labelspan .prefix {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.newmode .poll:not(.done) .answers .labelspan .voteNum {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.newmode .poll:not(.done) .answers .labelspan .text {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent.newmode .poll:not(.done) .answers .labelspan .suffix {
  display: none
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .answers .labelspan {
  display: inline
}

.chat .chatmessagecont .chatmessageswrap .chatevent .poll .answers .labelspan div {
  display: inline
}

.chat .chatmessagecont .chatmessageswrap .chatevent.profile .message table .profilelabel {
  padding-right: 15px;
  width: 200px;
  vertical-align: middle
}

.chat .chatmessagecont .chatmessageswrap .chatevent.profile .message table {
  border-spacing: 0px;
  padding-left: 25px
}

.chat .chatmessagecont .chatmessageswrap .chatevent.profile .message table .valuefield {
  width: 80%;
  height: 28px;
  vertical-align: middle
}

.chat .chatmessagecont .chatmessageswrap .chatevent.profile .message table .value {
  width: 95%
}

#useremail.hide {
  display: none
}

.userlistitem.useronline:before {
  color: #00ADD7;
  content: "• ";
  font-weight: normal;
  text-align: left
}

.userlistitem {
  cursor: pointer
}

.userlistitem label {
  font-size: 12px;
  cursor: pointer
}

.userlistitem.moderator {
  font-weight: 600
}

.userlistitem.useroffline:before {
  color: #4B4B4B;
  content: "• ";
  font-weight: normal
}

.userlistitem.useroffline:hover {
  color: #00ADD7
}

.userlistitem.useronline:hover {
  color: #00ADD7
}

.username.useronline {
  color: #00ADD7
}

.userlistitem.useronline {
  color: black
}

.userlistitem.useroffline {
  color: white
}

.username.useroffline {
  color: #00ADD7
}

.username.useroffline:before {
  color: darkgray
}

.useroffline circle {
  fill: #c2c2c2
}

.useronline circle {
  fill: #63d993
}

.chatmessages {
  display: block;
  border-spacing: 0px 5px
}

.chatmessages .smiley img {
  margin-bottom: 2px;
  padding: 2px;
  vertical-align: middle
}

.chatmessages tbody {
  display: block
}

.chatmessages .chatevent {
  position: relative;
  display: block
}

.chatmessages .chatevent td {
  vertical-align: text-top
}

.chatmessages .chatevent td.first {
  width: 150px
}

.chattimestamp {
  font-size: 9px
}

.menuButtonWrap {
  position: absolute;
  bottom: 2px;
  cursor: pointer;
  left: -5px;
  width: 500px
}

.shareButton {
  color: white;
  background: #858585;
  border-radius: 8px;
  border: 2px solid #a9a9a9;
  color: white;
  font-weight: bold;
  padding-top: 1px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 1px;
  margin-top: 2px;
  min-width: 150px;
  cursor: pointer
}

.shareButton img {
  padding-right: 3px
}

.sliderhide {
  display: none
}

.hide {
  display: none
}

.invis {
  opacity: 0;
  transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear
}

.invis:not(.mainmenu) > div {
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
  -moz-transition: --moz-transform 0.1s linear;
  -webkit-transition: -webkit-transform 0.1s linear
}

.fadein {
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -moz-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear
}

.fadein:not(.mainmenu) > div {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: -webkit-transform 0.25s linear;
  transition: transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear;
  -moz-transition: --moz-transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear
}

#eventButtonListWrap .eventbutton {
  width: 200px;
  padding: 5px 5px;
  font-weight: bold;
  text-transform: none;
  margin: 3px
}

#unconfirmedEventButtonList .eventbutton.disabled {
  cursor: default;
  background: dimgrey
}

#unconfirmedEventButtonList .message {
  margin: 3px
}

.sliderBox.large {
  height: 100%;
  width: 54px;
  position: absolute;
  right: 0px;
  top: 0px
}

.sliderContent {
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  bottom: 0px
}

.sliderContent.large {
  right: 50px
}

.sliderContent.auto {
  overflow: auto
}

.sliderContent.large.full {
  right: 1px
}

.sliderBox.large .sliderup {
  right: 2px;
  top: 5px;
  position: absolute;
  cursor: pointer
}

.sliderBox.large .sliderdown {
  right: 2px;
  bottom: 5px;
  position: absolute;
  cursor: pointer
}

.sliderBox.large .sliderback {
  right: 3px;
  top: 30px;
  width: 30px;
  bottom: 30px;
  height: auto;
  background: black;
  position: absolute;
  border: 1px #858585 solid
}

.sliderBox.large .sliderfront {
  right: 6px;
  top: 42px;
  width: 26px;
  height: 50px;
  background: grey;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer
}

.sliderContent.small {
  right: 14px
}

.sliderContent.small.full {
  right: 1px
}

.sliderBox.small {
  height: 100%;
  width: 10px;
  position: absolute;
  right: 0px;
  top: 0px
}

.sliderBox.small .sliderup {
  display: none;
  cursor: none
}

.sliderBox.small .sliderdown {
  display: none;
  cursor: none
}

.sliderBox.small .sliderback {
  right: 2px;
  top: 5px;
  width: 6px;
  bottom: 5px;
  height: auto;
  background: black;
  position: absolute;
  border: 1px #858585 solid
}

.sliderBox.small .sliderfront {
  right: 2px;
  top: 6px;
  width: 8px;
  height: 50px;
  background: grey;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer
}

.sliderContent.main {
  right: 14px
}

.sliderContent.main.full {
  right: 1px
}

.sliderBox.main {
  height: 100%;
  width: 10px;
  position: absolute;
  right: 0px;
  top: 0px
}

.sliderBox.main .sliderup {
  display: none;
  cursor: none
}

.sliderBox.main .sliderdown {
  display: none;
  cursor: none
}

.sliderBox.main .sliderback {
  right: 2px;
  top: 5px;
  width: 10px;
  bottom: 5px;
  height: auto;
  background: #D3D3D3;
  position: absolute;
  border-radius: 5px;
  cursor: pointer
}

.sliderBox.main .sliderfront {
  right: 2px;
  top: 6px;
  width: 10px;
  height: 50px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  border-radius: 5px;
  max-height: 100%
}

.userlist .sliderwindow {
  width: 100%;
  height: 100%
}

.sliderwindow.default {
  width: 100%;
  height: 100%;
  position: relative
}

.docThumbWrap, .productWrap {
  position: absolute;
  cursor: pointer;
  text-align: center
}

.docThumbWrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.boothWrapper.visible {
  display: block
}

.boothWrapper.hide {
  display: none
}

.boothvideolist {
  margin: 0em;
  padding-left: 0.1em;
  color: #00ADD7;
  position: absolute
}

.boothvideolist div {
  border-bottom: 1px dotted white;
  padding-left: 2px
}

.boothvideolistitem {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 18px
}

.boothvideolistitemwrap {
  cursor: pointer
}

.boothVideoPlayBtn {
  position: absolute;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  z-index: 3
}

.boothVideoPlayBtn.show {
  visibility: visible
}

.boothVideoPreview {
  position: absolute;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  cursor: pointer;
  z-index: -1
}

.boothvideo {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.0;
  z-index: 2
}

.boothvideo.boothvideo--visible {
  opacity: 1;
  visibility: visible
}

.boothvideo + .flashvideowrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 6px;
  min-height: 6px;
  z-index: 2;
  opacity: 0.1
}

.flashfullscreen {
  width: 100vw !important;
  height: 100vh !important;
  -webkit-transform: none !important;
  transform: none !important
}

.flashfullscreen video {
  width: 100vw;
  height: 100vh
}

.flashfullscreen .flashvideowrap {
  width: 100vw;
  height: 100vh
}

.boothvideo.boothvideo--visible + .flashvideowrap {
  opacity: 1
}

.logoWrapper {
  position: absolute;
  left: 0px;
  top: 0px
}

.canvasLogo {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  right: 0px
}

.boothStaffCanvas {
  position: absolute;
  left: 0px;
  top: 0px
}

.boothForeground {
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none
}

.videoloading, #videoloading {
  color: white;
  text-align: center;
  top: 50%;
  position: relative;
  z-index: 2;
  font-size: 1.4em
}

.videoloading.default {
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  line-height: 10%;
  vertical-align: middle
}

.videoloading.default label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 30px;
  margin-top: -15px
}

.contactBtn {
  cursor: pointer;
  display: inline
}

.contactBtn:hover {
  -webkit-box-shadow: 0 0 20px #000000;
  box-shadow: 0 0 20px #000000
}

.contactBtnwrapper {
  position: absolute;
  margin-top: 37px;
  height: 20px;
  text-align: center;
  width: 100%;
  bottom: 30px
}

.tooltip-content {
  background-color: #333333;
  float: left;
  padding: 0.25em;
  border: 1px solid #DDDDDD;
  text-align: center;
  border-radius: 0.4em
}

.tooltip-message {
  background-color: #333333;
  float: left
}

.tooltip-box {
  background-color: #333333;
  float: left;
  opacity: 0.0;
  border-radius: 0.4em
}

.tooltip-box-change {
  background-color: #333333;
  float: left;
  opacity: 0.85;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear
}

.tooltip-info {
  color: #DDDDDD;
  clear: both;
  padding: 0.25em;
  font-size: 12px;
  text-align: left;
  font-weight: bold
}

.dialog-box {
  opacity: 0.1;
  -webkit-box-shadow: 0 0 25px #000;
  box-shadow: 0 0 25px #000;
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -webkit-transition: -webkit-transform 0.1s, opacity 0.1s;
  -webkit-transition: opacity 0.1s, -webkit-transform 0.1s;
  transition: opacity 0.1s, -webkit-transform 0.1s;
  transition: transform 0.1s, opacity 0.1s;
  transition: transform 0.1s, opacity 0.1s, -webkit-transform 0.1s
}

.dialog-box-shown {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  opacity: 1.0
}

.arrow {
  stroke: black;
  stroke-width: 2px;
  fill: #C0C0C0;
  cursor: pointer;
  position: absolute
}

.arrow:hover {
  fill: #FEFCFF
}

.header .arrow {
  margin-left: 5px;
  position: static;
  vertical-align: middle;
  margin-bottom: -10px
}

.header .arrow.up {
  margin-left: 5px;
  margin-bottom: -7px
}

.ratingsContainer.theater {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle
}

.ratingsContainer.theaterList {
  float: left
}

.ratingsContainer {
  background-color: lightgray;
  border-radius: 0.4em;
  border: 1px solid #4B4B4B
}

.ratingsContainer.docMonitor {
  float: left
}

input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  height: 4px;
  cursor: pointer;
  margin: 0px
}

.hall.videoControlButton {
  position: absolute;
  right: 0px;
  bottom: 0px
}

.videoControlButton {
  margin-top: 0px;
  margin-right: 2px;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  cursor: pointer
}

.hallVideoWrap .hallVideoWrap2 .trackVideoWrap .videoControlButton, .boothWrapper .videoControlButton {
  display: none
}

.theatreScaledContent {
  position: absolute;
  height: 100%;
  width: 100%
}

.theatreUnscaledContent {
  position: fixed
}

.theatrebackground {
  position: absolute;
  left: 0px;
  top: 0px
}

#theatreslide {
  color: #00ADD7;
  font-weight: bold
}

.theatrechapterchooser {
  margin-top: 0px;
  margin-right: 5px;
  width: 150px;
  height: 18px;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer
}

.theatrechapterchooserButton {
  margin-top: 0px;
  margin-right: 5px;
  width: 150px;
  vertical-align: middle;
  font-size: 14px;
  cursor: pointer;
  color: white;
  border-radius: 6px;
  text-align: center;
  line-height: 20px;
  display: inline-block
}

.theatrechapterchooserButton.invisible {
  cursor: default
}

.theatrechapterchooserMenu {
  width: 300px;
  height: 150px;
  border-radius: 6px;
  background-color: white;
  position: absolute;
  -webkit-box-shadow: 0 0 25px black;
  box-shadow: 0 0 25px black;
  border: 1px solid #4B4B4B;
  display: none
}

.theatrechapterchooserMenu:focus {
  outline: none
}

.theatrechapterchooserMenu .entry.alternate {
  background: #D3D3D3
}

.theatrechapterchooserMenu .entry {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  color: black;
  font-size: 10px;
  font-weight: normal;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  text-indent: 10px
}

.theatrechapterchooserMenu .entry .entrytime {
  width: 60px;
  display: inline-block
}

.theatrechapterchooserMenu .entry:hover {
  border-color: #00ADD7
}

.theatretimelabel {
  vertical-align: middle;
  font-family: "Lucida Console", Monaco, monospace;
  cursor: pointer;
  padding: 7px 5px 3px 5px
}

.overlay-dark {
  background: rgba(0, 0, 0, 0.5)
}

.theatrecountdown {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 24px;
  color: #00ADD7;
  background-color: black;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  width: 100%;
  bottom: 0px;
  text-align: center
}

@media screen and (max-width: 900px) {
  .theatrecountdown {
    font-size: 18px
  }
}

@media screen and (max-width: 500px) {
  .theatrecountdown {
    font-size: 14px
  }
}

.theatrecountdown .labelwrap {
  display: table;
  width: 100%;
  height: 100%
}

.theatrecountdown label {
  display: table-cell;
  vertical-align: middle
}

.theatreseekbarMeter {
  position: absolute;
  background-color: #333333;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 0px 1px #404040;
  box-shadow: inset 0px 0px 0px 1px #404040
}

.theatreseekbarMeter.invisible {
  pointer-events: none
}

.theatreseekbarMeterValue {
  border-right: 3px solid white;
  background-color: #00ADD7;
  height: 100%
}

.theatrelist {
  background-color: #000000;
  color: white;
  position: absolute;
  padding: 5px;
  z-index: 0;
  text-align: left
}

.theatrelist hr {
  border: none;
  border-top: 1px dotted #333333;
  background-color: transparent;
  height: 1px;
  margin: 0px
}

.theatrelist .theatrelistitem {
  cursor: pointer;
  padding: 3px;
  border-color: transparent;
  border: 2px solid transparent;
  clear: both;
  border-bottom: 1px dotted dimgrey;
  padding-bottom: 4px
}

.theatrelist .theatrelistitem.separator:hover {
  border: 0px;
  padding-bottom: 6px
}

.theatrelist .theatrelistitem.separator {
  border-bottom: 0px;
  background: darkgrey;
  width: 100%;
  height: 0px
}

.theatrelist .theatrelistitem.preseperator {
  border-bottom: 1px dotted transparent
}

.theatrelist .theatrelistitem:not(.description):hover {
  padding-bottom: 3px
}

.theatrelist .theatrelistitem .thumbnailWrap {
  padding: 0px 5px 5px 5px;
  width: 74px;
  display: table-cell;
  height: 100%;
  padding-right: 10px
}

.theatrelist .theatrelistitem .thumbnailWrap .thumb {
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 72px;
  margin-bottom: 3px;
  margin-top: 5px
}

.theatrelist .theatrelistitem .thumbnailWrap img {
  max-width: 88px;
  max-height: 88px
}

.theatrelist .theatrelistitem .rightDetailsWrap {
  display: table-cell;
  vertical-align: top
}

.theatrelist .theatrelistitem .theatrelistitemTitle {
  color: #00ADD7;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 3px
}

.theatrelist .theatrelistitem.description .theatrelistitemTitle {
  font-size: 18px
}

.theatrelist .theatrelistitem .theatrelistitemText {
  margin-bottom: 5px
}

.coverflow-divider {
  width: 100%;
  height: 2px;
  cursor: ns-resize;
  position: absolute;
  margin-top: 8px;
  margin-left: -5px;
  top: 35%
}

.theatreBScategoryName {
  width: 100%;
  text-align: center;
  padding-bottom: 3px;
  color: black;
  border-bottom: 1px dotted gray
}

.theatrelogo {
  position: absolute;
  left: 0px;
  top: 0px
}

.theatrelogo-clickable {
  cursor: pointer
}

.theatreslide {
  position: absolute;
  text-align: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.theatredivider {
  position: absolute;
  background-color: grey;
  cursor: col-resize
}

.coverflow-wrap {
  position: absolute;
  left: 2px;
  right: 2px;
  height: 35%;
  overflow: hidden;
  z-index: 0;
  top: 0px
}

.coverflow-details-wrap {
  position: absolute;
  top: 35%;
  bottom: 0px;
  left: 2px;
  right: 2px;
  overflow-y: auto;
  margin-top: 10px;
  padding-top: 5px
}

.coverflow {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-perspective: 500px;
  -ms-perspective: 500px;
  -o-perspective: 500px;
  perspective: 500px
}

.coverflow .flowItem {
  position: absolute;
  height: 150px;
  width: 200px;
  cursor: pointer;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -75px;
  z-index: 10;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat
}

.hallBackground {
  position: absolute
}

.hallDoorTitle1 {
  font-size: 40px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: 0px
}

.hallDoorTitle2 {
  font-size: 40px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: 0px
}

.hallDoorIcon {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer
}

.hallDoorClickable {
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: 10px
}

.iconClickable {
  cursor: pointer;
  position: absolute;
  width: 120px;
  height: 120px;
}

.iconClickable img{
  width: 100%;
  height: 100%;
}

.iconClickable img:hover {
  opacity: 0.5;
}

.iconClickable2 {
  cursor: pointer;
  position: absolute;
  width: 150px;
  height: 150px;
}

.iconClickable2 img{
  width: 100%;
  height: 100%;
}

.iconClickable2 img:hover {
  opacity: 0.5;
}

.iconClickable3 {
  cursor: pointer;
  position: absolute;
  width: 140px;
  height: 140px;
}

.iconClickable3 img{
  width: 100%;
  height: 100%;
}

.iconClickable3 img:hover {
  opacity: 0.5;
}


.hallLoungeChat {
  position: absolute;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  cursor: pointer
}

.hallLogo-clickable {
  cursor: pointer
}

.hallVideoPreview {
  position: absolute;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
}

.hallVideoPreview img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.trackVideoPreview {
  position: absolute;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
}

.trackVideoPreview img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.boothTitle {
  position: absolute;
  color: black;
  font-size: 40px;
  font-weight: 700;
  white-space: nowrap
}

.boothNotice {
  position: absolute;
  font-size: 40px;
  text-align: center
}

.boothNotice label, .boothTitle label {
  white-space: nowrap
}

#hall-video-wrap-button, #hall-video-wrap-0_button,#hall-video-wrap-1_button,#hall-video-wrap-2_button,#hall-video-wrap-0_button_outside,#hall-video-wrap-1_button_outside,#hall-video-wrap-2_button_outside {
  z-index: 6;
  cursor: pointer;
  opacity: 0.8;
}

#hall-video-wrap-button:hover,#hall-video-wrap-0_button:hover,#hall-video-wrap-1_button:hover,#hall-video-wrap-2_button:hover, #hall-video-wrap-0_button_outside:hover,#hall-video-wrap-1_button_outside:hover,#hall-video-wrap-2_button_outside:hover {
  opacity: 1;
  background-color: rgba(0 ,0, 0, 0.2);
}


#hall-video-wrap-button img, #hall-video-wrap-0_button img,#hall-video-wrap-1_button img,#hall-video-wrap-2_button img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);

}

.hallVideoPreviewImg {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
  z-index: -1
}

.hallVideoWrap {
  position: absolute;
  left: 362px;
  top: 130px;
  opacity: 1.0;
  z-index: 5;
  width: 670px;
  height: 375px;
}

.hallVideoWrap2 {
  position: absolute;
  left: 165px;
  top: 85px;
  opacity: 1.0;
  z-index: 5;
  width: 970px;
  height: 545px;
}

.hallVideoWrap .flashvideowrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 6px;
  min-height: 6px;
  pointer-events: none
}

.hallVideoWrap2 .flashvideowrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 6px;
  min-height: 6px;
  pointer-events: none
}

.trackVideoPreviewImg {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
  z-index: -1
}

.trackVideoWrap01 {
  position: absolute;
  left: 870px;
  top: 375px;
  opacity: 1.0;
  z-index: 5;
  width: 1260px;
  height: 238px;

}
.trackVideoWrap02 {
  position: absolute;
  left: 870px;
  top: 613px;
  opacity: 1.0;
  z-index: 5;
  width: 1260px;
  height: 238px;

}
.trackVideoWrap03 {
  position: absolute;
  left: 870px;
  top: 851px;
  opacity: 1.0;
  z-index: 5;
  width: 1260px;
  height: 238px;

}

.keynoteVideoWrap01 {
  position: absolute;
  left: 625px;
  top: 170px;
  opacity: 1.0;
  z-index: 5;
  width: 1760px;
  height: 315px;
}
.keynoteVideoWrap02 {
  position: absolute;
  left: 625px;
  top: 490px;
  opacity: 1.0;
  z-index: 5;
  width: 1760px;
  height: 292px;
}
.keynoteVideoWrap03 {
  position: absolute;
  left: 625px;
  top: 785px;
  opacity: 1.0;
  z-index: 5;
  width: 1760px;
  height: 323px;
}

.outSideTrackVideoWrap01 {
  position: absolute;
  left: 2140px;
  top: 560px;
  opacity: 1.0;
  z-index: 5;
  width: 560px;
  height: 110px;

}
.outSideTrackVideoWrap02 {
  position: absolute;
  left: 2140px;
  top: 680px;
  opacity: 1.0;
  z-index: 5;
  width: 560px;
  height: 110px;

}
.outSideTrackVideoWrap03 {
  position: absolute;
  left: 2140px;
  top: 800px;
  opacity: 1.0;
  z-index: 5;
  width: 560px;
  height: 110px;
}




.trackVIdeoWrapBig {
  position: absolute;
  left: 500px;
  top: 275px;
  opacity: 1.0;
  z-index: 5;
  width: 2000px;
  height: 1280px;
}

.trackVideoWrap {
  position: absolute;
  left: 870px;
  top: 375px;
  opacity: 1.0;
  z-index: 5;
  width: 1260px;
  height: 715px;

}

.trackVideoWrap .flashvideowrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 6px;
  min-height: 6px;
  pointer-events: none
}

.hallAlphaVideoWrap {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5
}

.showfloorBackground {
  position: absolute;
  left: 0px;
  top: 0px
}

.agendaContainer {
  position: absolute;
  padding: 10px;
  top: 0px;
  left: 0px
}

.agendaDayContainer {
  float: left;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.agendaDay {
  position: absolute;
  background-color: lightgray;
  padding: 3px;
  margin: 2px;
  border-radius: 5px;
  border: 2px solid darkgray
}

.agendayDayTitle {
  margin-bottom: 3px;
  font-weight: bold
}

.agendaContent {
  position: relative
}

.agendaEventsWrapper {
  position: absolute;
  top: 0px;
  left: 20px
}

.agendaTimelineWrapper {
  position: absolute;
  top: 0px
}

.agendaTimeline {
  position: absolute;
  top: 0px
}

.agendaTimelineHour {
  position: absolute;
  border-top: 1px dotted gray
}

.agendaTimelineHourText {
  color: darkgray
}

.agendaTimelineHour15 {
  position: absolute;
  width: 3px;
  border-top: 1px dotted gray
}

.agendaTimelineHour30 {
  position: absolute;
  width: 11px;
  border-top: 1px dotted gray
}

.agendaTimelineHour45 {
  position: absolute;
  width: 3px;
  border-top: 1px dotted gray
}

.agendaEvent {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(13%, #f7e9c6), color-stop(87%, #eba800));
  background-image: linear-gradient(bottom, #f7e9c6 13%, #eba800 87%);
  position: absolute;
  border: 2px solid #333333;
  text-align: left;
  vertical-align: top;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  overflow: hidden
}

.agendaEventType1 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgba(184, 134, 11, 0.8)), color-stop(141%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(top, rgba(184, 134, 11, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%);
  background-image: -ms-linear-gradient(top, rgba(184, 134, 11, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%)
}

.agendaEventType2 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgba(173, 216, 230, 0.8)), color-stop(141%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(top, rgba(173, 216, 230, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%);
  background-image: -ms-linear-gradient(top, rgba(173, 216, 230, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%)
}

.agendaEventType3 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgba(255, 165, 0, 0.8)), color-stop(141%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(top, rgba(255, 165, 0, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%);
  background-image: -ms-linear-gradient(top, rgba(255, 165, 0, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%)
}

.agendaEventType4 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgba(144, 238, 144, 0.8)), color-stop(141%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(top, rgba(144, 238, 144, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%);
  background-image: -ms-linear-gradient(top, rgba(144, 238, 144, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%)
}

.agendaEventType5 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgba(255, 160, 122, 0.8)), color-stop(141%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(top, rgba(255, 160, 122, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%);
  background-image: -ms-linear-gradient(top, rgba(255, 160, 122, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%)
}

.agendaEventType6 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgba(0, 255, 255, 0.8)), color-stop(141%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(top, rgba(0, 255, 255, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%);
  background-image: -ms-linear-gradient(top, rgba(0, 255, 255, 0.8) 13%, rgba(255, 255, 255, 0.8) 141%)
}

.agendaEventTime {
  font-style: italic;
  margin-right: 20px
}

.scroll {
  overflow-y: auto
}

.greyButton {
  background: #858585;
  border-radius: 8px;
  border: 2px solid #a9a9a9;
  color: white;
  font-weight: bold;
  padding-top: 2px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 2px
}

.volumeControlWrap {
  border-radius: 5px;
  border: 2px solid gray;
  background-color: black;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  z-index: 30;
  text-align: center;
  opacity: 0.05;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s
}

.volumeControl {
  height: 200px;
  margin-top: 5px;
  margin-bottom: 5px
}

.slidecontrol {
  white-space: nowrap;
  transform-origin: left top;
  -webkit-transform-origin: left top
}

.distitle {
  color: white;
  background-color: #00ADD7;
  font-size: 16px;
  margin: 3px;
  border-radius: 10px;
  border: 3px #00ADD7;
  padding-left: 8px;
  text-align: center
}

.dismessageswrap {
  border: 2px darkgray;
  border-style: solid;
  position: absolute;
  top: 26px;
  left: 20px;
  bottom: 30px;
  right: 0px;
  overflow: hidden;
  color: white;
  font-size: 12px;
  padding: 2px;
  margin-right: 20px;
  overflow-y: auto
}

.dissend {
  bottom: 2px;
  left: 20px;
  right: 250px;
  position: absolute;
  height: 23px
}

.dissend input {
  width: 89%;
  padding: 0px;
  margin: 0px
}

.dissend button {
  width: 10%;
  position: absolute;
  right: 0px;
  padding: 0px;
  margin: 0px;
  right: 0px;
  cursor: pointer
}

.dis .disbuttons {
  right: 2px;
  top: 26px;
  width: 245px;
  position: absolute;
  color: white;
  font-size: 12px;
  cursor: pointer
}

.discussion {
  background: rgba(0, 0, 0, 0.8);
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 0px
}

.diselem {
  background: black;
  border: 2px solid grey;
  border-radius: 10px;
  padding: 4px;
  margin-left: 65px;
  margin-bottom: 8px
}

.discussion.show {
  top: 0px
}

.dismessages {
  border-spacing: 0px 5px;
  display: block;
  width: auto;
  position: relative;
  left: -38px;
  padding-right: 10px;
  padding-top: 5px
}

.diselem > .reply.hide {
  display: none
}

.diselem .reply {
  display: block;
  width: 100%;
  margin-top: 3px;
  text-align: right
}

.diselem .reply .text {
  width: 80%
}

.diselem .reply img {
  max-height: 30px;
  vertical-align: bottom
}

.diselem .reply img {
  max-height: 30px;
  vertical-align: bottom
}

.diselem .reply .wrapper {
  display: inline-block
}

.diselem .reply .sendbtn {
  background-color: darkgrey;
  border-radius: 4px;
  color: white;
  margin-left: 5px;
  margin-right: 5px
}

.dismessages .disevent {
  display: block;
  width: auto;
  position: relative;
  left: 40px;
  clear: both;
  margin-right: 40px
}

.disexpand .toggle {
  background-color: grey;
  border-radius: 3px;
  margin-top: 3px
}

.disexpand .toggle.hide {
  display: none
}

.dismessages .disevent .disexpand {
  width: 62px;
  float: left;
  display: table
}

.dismessages .disevent .disexpand.hide {
  display: none
}

.disexpand label {
  vertical-align: top;
  margin-left: 4px;
  font-size: large
}

.disevent.hideChildren > .disevent {
  display: none
}

.dismessages .disevent .first {
  width: 150px;
  display: table-cell
}

.dismessages > .disevent {
  margin-right: 0px
}

.dismessages .disevent .msg {
  display: table-cell
}

.dismessages .disevent .modmsg {
  color: #00ADD7
}

.distimestamp {
  font-size: 9px
}

.hidden {
  visibility: hidden
}

.thumbnail {
  max-width: 30px;
  max-height: 30px
}

.thumbnailwrap {
  width: 30px;
  height: 30px;
  float: left
}

.frame > .header {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 25px;
  width: 100%;
  border-radius: 2px 2px 0 0
}

.frame {
  border-radius: 3px
}

.frame .header .title {
  text-align: center;
  width: 100%;
  vertical-align: middle;
  height: 100%;
  line-height: 25px;
  text-transform: uppercase;
  font-size: 14px
}

.overlay.nondark {
  background: rgba(0, 0, 0, 0)
}

.overlay {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.8);
  margin-right: -1px
}

.overlay:not(.mainmenu) > .frame {
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5)
}

.contacts.list.overlay > .frame {
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5)
}

.frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 45px;
  bottom: 20px;
  overflow: hidden
}

.videooverlayContainer {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  cursor: pointer
}

.videooverlay.hide {
  display: none
}

.videooverlay {
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.reportmenu.overlay {
  background: rgba(0, 0, 0, 0)
}

.reportmenu .frame .pane {
  padding: 10px;
  padding-top: 0px
}

.reportmenu .frame {
  background: rgba(255, 255, 255, 0.8);
  margin-left: -85px;
  position: absolute;
  height: 400px;
  text-align: left;
  padding: 5px
}

.reportmenu .reportitm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: black;
  cursor: pointer
}

.sharepage.overlay {
  background: rgba(0, 0, 0, 0)
}

.sharepage .frame {
  background: rgba(0, 0, 0, 0.8);
  margin-left: -60px;
  position: absolute;
  width: 150px;
  height: 40px;
  text-align: center;
  padding: 5px
}

.sharepage .frame div img {
  width: 40px
}

.sharepage .frame div {
  display: inline-block;
  width: 40px;
  text-align: center;
  text-transform: none;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer
}

.emailpopup .frame {
  background: white;
  position: absolute;
  width: 566px;
  height: 550px
}

.emailpopup .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
  bottom: 20px
}

.emailpopup .frame > .content .pane textarea {
  width: 99%;
  height: 300px;
  border: 1px solid dimgrey;
  resize: none
}

.emailpopup .frame > .content .pane table {
  width: 100%
}

.emailpopup .frame > .content .pane table .right {
  width: 100%
}

.emailpopup .frame > .content .pane input {
  width: 99%;
  padding: 1px
}

.emailpopup .frame .footer {
  text-align: right;
  padding-top: 7px
}

.emailpopup .frame .footer .maincolorbutton {
  margin-top: 7px;
  text-align: center;
  text-transform: none;
  display: inline-block;
  min-width: 130px
}

.alertbox.messagebox .frame {
  width: 400px
}

.alertbox .frame {
  background: white;
  position: absolute;
  width: 300px;
  height: 550px
}

.alertbox .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
  bottom: 20px
}

.alertbox .frame .footer {
  height: 30px;
  text-align: right;
  padding-top: 7px
}

.alertbox .frame .footer div {
  display: inline-block;
  width: 100px;
  text-align: center
}

.chatloadingbox {
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 0px
}

.chatloadingbox.hide {
  display: none
}

.chatloadingbox .frame {
  position: absolute;
  min-height: 250px;
  min-width: 600px;
  height: 90%;
  width: 80%;
  background: white;
  color: black
}

.chatloadingbox .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 25px;
  bottom: 15px;
  text-align: center
}

.chatloadingbox .frame > .content .pane {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center
}

.chatloadingbox .frame > .content .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: calc(50% - 30px);
  text-align: center
}

.circularGWrap {
  position: relative;
  width: 58px;
  height: 58px;
  margin: auto
}

.circularG {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 9px;
  -o-border-radius: 9px;
  -ms-border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  animation-name: bounce_circularG;
  -o-animation-name: bounce_circularG;
  -ms-animation-name: bounce_circularG;
  -webkit-animation-name: bounce_circularG;
  -moz-animation-name: bounce_circularG;
  animation-duration: 1.1s;
  -o-animation-duration: 1.1s;
  -ms-animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  -moz-animation-duration: 1.1s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal
}

#circularG_1 {
  left: 0;
  top: 23px;
  animation-delay: 0.41s;
  -o-animation-delay: 0.41s;
  -ms-animation-delay: 0.41s;
  -webkit-animation-delay: 0.41s;
  -moz-animation-delay: 0.41s
}

#circularG_2 {
  left: 6px;
  top: 6px;
  animation-delay: 0.55s;
  -o-animation-delay: 0.55s;
  -ms-animation-delay: 0.55s;
  -webkit-animation-delay: 0.55s;
  -moz-animation-delay: 0.55s
}

#circularG_3 {
  top: 0;
  left: 23px;
  animation-delay: 0.69s;
  -o-animation-delay: 0.69s;
  -ms-animation-delay: 0.69s;
  -webkit-animation-delay: 0.69s;
  -moz-animation-delay: 0.69s
}

#circularG_4 {
  right: 6px;
  top: 6px;
  animation-delay: 0.83s;
  -o-animation-delay: 0.83s;
  -ms-animation-delay: 0.83s;
  -webkit-animation-delay: 0.83s;
  -moz-animation-delay: 0.83s
}

#circularG_5 {
  right: 0;
  top: 23px;
  animation-delay: 0.97s;
  -o-animation-delay: 0.97s;
  -ms-animation-delay: 0.97s;
  -webkit-animation-delay: 0.97s;
  -moz-animation-delay: 0.97s
}

#circularG_6 {
  right: 6px;
  bottom: 6px;
  animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s
}

#circularG_7 {
  left: 23px;
  bottom: 0;
  animation-delay: 1.24s;
  -o-animation-delay: 1.24s;
  -ms-animation-delay: 1.24s;
  -webkit-animation-delay: 1.24s;
  -moz-animation-delay: 1.24s
}

#circularG_8 {
  left: 6px;
  bottom: 6px;
  animation-delay: 1.38s;
  -o-animation-delay: 1.38s;
  -ms-animation-delay: 1.38s;
  -webkit-animation-delay: 1.38s;
  -moz-animation-delay: 1.38s
}

@keyframes bounce_circularG {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  100% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3)
  }
}

@-webkit-keyframes bounce_circularG {
  0% {
    -webkit-transform: scale(1)
  }
  100% {
    -webkit-transform: scale(0.3)
  }
}

.chatloadingbox .frame .footer {
  height: 0;
  text-align: right;
  padding-top: 7px
}

.chatloadingbox .frame .footer div {
  display: inline-block;
  width: 100px;
  text-align: center
}

.report .frame {
  background: white;
  position: absolute;
  width: 900px;
  height: 750px
}

.report .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
  bottom: 20px
}

.report .frame .pane {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 40px
}

.report .frame .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  text-align: right
}

.report .frame .footer .maincolorbutton {
  width: 150px;
  text-align: center;
  display: inline-block;
  text-transform: none;
  font-size: 14px
}

.report .frame .footer .maincolorbutton.hide {
  display: none
}

.videocall .frame {
  background: white;
  position: absolute;
  width: 650px;
  height: 390px
}

.videocall.ask .frame {
  width: 500px;
  height: 150px
}

.videocall.camera .frame {
  width: 500px;
  height: 245px
}

.videocall.camera .camerahelp {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 400px;
  height: 100px;
  margin-top: 10px
}

.videocall .useritem {
  font-weight: bold;
  cursor: pointer
}

.videocall .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
  bottom: 20px
}

.videocall .frame .pane {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 40px
}

.videocall .frame .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  text-align: right
}

.videocall .frame .footer .maincolorbutton {
  min-width: 150px;
  text-align: center;
  display: inline-block;
  text-transform: none;
  font-size: 14px
}

.videocall .frame .footer .maincolorbutton.hide {
  display: none
}

.videocall .videos .videowrap {
  display: inline-block
}

.videocall .videos .videowrap.local {
  width: 145px
}

.videocall .videos .videowrap.remote {
  width: 445px;
  padding-right: 10px
}

.videocall .localvideo {
  width: 150px
}

.videocall .remotevideo {
  width: 445px;
  height: 263px
}

.videocall .connectioninfo .timewrap {
  float: right;
  clear: right
}

.videocall.callback .frame {
  height: 150px
}

.shareprofile .frame {
  background: white;
  position: absolute;
  width: 550px;
  height: 450px
}

.shareprofile .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
  bottom: 20px
}

.shareprofile .frame .pane {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 40px
}

.shareprofile .frame .pane .items {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px
}

.shareprofile .frame .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  text-align: right
}

.shareprofile .frame .footer .maincolorbutton {
  width: 150px;
  text-align: center;
  display: inline-block;
  text-transform: none;
  font-size: 14px
}

.shareprofile .frame .footer .maincolorbutton.hide {
  display: none
}

.shareprofile .frame .items .profilelabel label {
  padding-right: 7px
}

.shareprofile .frame .items .value {
  width: 100%
}

.shareprofile .frame .items .profileform table input[type=checkbox] {
  margin-top: 5px
}

.shareprofile .frame .items .profileform table {
  width: 99%
}

.shareprofile .frame .items .profileform table .icon {
  padding-right: 5px;
  vertical-align: middle
}

.shareprofile .frame .items .profileform table .icon .image {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.textsnippets .frame {
  background: white;
  position: absolute;
  width: 550px;
  height: 450px
}

.textsnippets .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
  bottom: 20px
}

.textsnippets .frame .pane {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 40px
}

.textsnippets .frame .pane .items {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px
}

.textsnippets .frame .infomessage {
  font-weight: bold;
  padding-bottom: 10px
}

.textsnippets .frame .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  text-align: right
}

.textsnippets .frame .footer .maincolorbutton {
  width: 150px;
  text-align: center;
  display: inline-block;
  text-transform: none;
  font-size: 14px
}

.textsnippets .frame .footer .maincolorbutton.hide {
  display: none
}

.textsnippets .frame .items .value {
  width: 100%
}

.textsnippets .frame .items .snippetform table button {
  margin-left: 12px;
  border: 0;
  line-height: 12px;
  padding: 4px 13px;
  cursor: pointer
}

.textsnippets .frame .items .snippetform table {
  width: 99%
}

.textsnippets .frame .items .snippetform table .bigtd {
  width: 99%
}

.search .frame {
  position: absolute;
  width: 97%;
  height: 95%
}

.search .frame .header {
  background: transparent
}

.search .frame .header .title {
  border-radius: 5px 5px 0px 0px
}

.search .frame > .content {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 25px;
  bottom: 0px;
  background: white
}

.search .frame .pane {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px
}

.search .frame .searchesView {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px
}

.search .searchfields {
  text-align: right;
  position: absolute;
  top: 0px;
  height: 65px;
  white-space: nowrap;
  left: 0px;
  right: 0px;
  border-bottom: 1px dashed lightgrey
}

.search .searchresults {
  position: absolute;
  top: 80px;
  bottom: 0px;
  left: 0px;
  right: 0px
}

.search .searchviewcontainer .searchview {
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px
}

.search .searchTabWrapper {
  position: absolute;
  width: 100%;
  top: 0px;
  height: 30px;
  border-bottom: 1px dashed lightgrey
}

.search .searchviewcontainer {
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 0px
}

.search .searchviewcontainer .searchview.selected {
  display: block
}

.searchEnterButton {
  min-width: 100px;
  width: auto
}

.freetext {
  width: 200px;
  text-align: left
}

.search .searchSubmitButton {
  margin-top: 12px;
  min-width: 160px;
  margin-left: 20px
}

.search .searchResultTable.dataTable tr.odd {
  background: white
}

.search .searchResultTable.dataTable tr.even {
  background: #F4F4F4
}

.search .searchResultTable.dataTable tr.odd td.sorting_1 {
  background: white
}

.search .searchResultTable.dataTable tr.even td.sorting_1 {
  background: #F4F4F4
}

.search .searchResultTable.dataTable td, .search .searchResultTable.dataTable th {
  padding: 4px 10px;
  font-size: 14px
}

.search .searchResultTable.dataTable thead tr {
  background: #F4F4F4
}

.search .searchResultTable.dataTable tbody tr {
  cursor: pointer
}

.search .searchResultTable.dataTable tbody tr td.dataTables_empty {
  cursor: default
}

.search .searchResultTable.dataTable tbody tr td.dataTables_empty:hover {
  background: white
}

.search .searchResultTable.dataTable thead tr th {
  border-bottom: 0px;
  text-align: left;
  background: none
}

.search .searchthumbnailwrap {
  width: 280px;
  display: inline-block;
  vertical-align: top;
  border: 2px solid #D3D3D3;
  background: #D3D3D3;
  margin: 5px;
  cursor: pointer
}

.search .searchthumbnailwrap .infopane {
  width: 100%;
  padding: 5px 9px
}

.search .searchthumbnailwrap .infopane table {
  width: 100%
}

.search .searchthumbnailwrap .infopane table td {
  vertical-align: top;
  font-size: 12px;
  width: 60%
}

.search .searchthumbnailwrap .infopane table td:first-of-type {
  width: 40%
}

.search .searchthumbnailwrap .infopane table tr.title td {
  padding-bottom: 3px
}

.search .searchthumbnailwrap .imagewrap {
  background: white;
  width: 280px;
  height: 200px
}

.search .searchthumbnailwrap .image {
  width: 280px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.search .searchResultTable.dataTable {
  border-bottom: 0px
}

.search .searchResultTable.dataTable .number {
  float: right
}

.freetext input {
  display: inline-block;
  padding-right: 1px;
  padding-left: 1px
}

.search .searchField {
  display: inline-block;
  padding-left: 5px;
  padding-bottom: 5px;
  vertical-align: top
}

.searchFieldLabel {
  display: block;
  text-align: left
}

.searchInputField {
  width: 200px
}

.searchSelectField {
  min-width: 135px;
  max-width: 225px
}

.search .searchTab {
  display: table-cell;
  font-weight: bold;
  min-width: 135px;
  white-space: nowrap;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 3px;
  cursor: pointer
}

.search .searchTab:last-of-type {
  width: 100%;
  cursor: default
}

.search .searchTab.selected {
  background: white;
  color: black
}

.profile .frame {
  background: transparent;
  position: absolute;
  width: 800px;
  height: 550px
}

.profile .frame > .header {
  background: transparent
}

.profile .frame > .content {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 25px;
  bottom: 0px;
  background: white
}

.profile .frame .pane {
  position: absolute;
  top: 15px;
  left: 20px;
  right: 20px;
  bottom: 60px
}

.profile .frame .footer {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  height: 30px;
  text-align: right
}

.profile .profilename {
  border-bottom: 1px dashed dimgrey;
  padding-bottom: 7px;
  text-align: left;
  font-weight: bold
}

.profile .frame .footer .maincolorbutton {
  width: 150px;
  text-align: center;
  display: inline-block;
  text-transform: none;
  font-size: 14px
}

.profile .frame .footer .maincolorbutton.hide {
  display: none
}

.profile .frame .tablist .tabbtn {
  display: table-cell;
  font-weight: bold;
  min-width: 135px;
  white-space: nowrap;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 3px;
  cursor: pointer
}

.profile .frame .tablist .tabbtn:last-of-type {
  width: 100%;
  cursor: default
}

.profile .frame .tablist .tabbtn.selected {
  background: white;
  color: black
}

.profile .frame .tabgrplist {
  position: absolute;
  top: 35px;
  left: 0px;
  right: 0px;
  bottom: 0px
}

.profile .frame .tabgrplist .tabgrp {
  width: 100%;
  height: 100%
}

.profile .frame .tabgrplist .tabgrp table {
  border-spacing: 5px;
  width: 100%
}

.profile:not(.readonly) .frame .tabgrplist .items {
  width: 100%
}

.profile .frame .tabgrplist .item {
  padding-bottom: 5px
}

.profile .frame .tabgrplist .item .labelgrp {
  width: 200px;
  padding-bottom: 10px;
  vertical-align: top
}

.profile .frame .tabgrplist .item .textcontent {
  word-break: break-word
}

.profile .frame .tabgrplist .item .icon {
  padding-bottom: 8px
}

.profile .frame .tabgrplist .item .icon .image.show {
  display: block
}

.profile .frame .tabgrplist .item .icon .image {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none
}

.profile .frame .tabgrplist .item .output {
  background: white;
  vertical-align: top
}

.profile .frame .tabgrplist .item .output .text {
  width: 100%
}

.profile .frame .tabgrplist .item.checkbox .text {
  width: auto
}

.profile .frame .tabgrplist .item .output .maincolorbutton {
  text-transform: none
}

.profile .frame .tabgrplist .item .output .text.readonly {
  border: 0px;
  background: white;
  color: black
}

.profile .frame .tabgrplist .item.checkboxes .checkboxesitem {
  display: inline-block
}

.userpopup .frame {
  background: white;
  position: absolute;
  width: 300px;
  height: 850px
}

.userpopup .frame > .content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 35px;
  bottom: 20px
}

.userpopup .frame > .content .items .item {
  padding-bottom: 7px
}

.userpopup .frame > .content .items .item .labelgrp {
  display: inline-block;
  float: left
}

.userpopup .frame > .content .items .item .output {
  display: inline-block;
  float: right;
  text-align: right
}

.userpopup .frame > .content .items .item .labelgrp div {
  display: inline;
  font-weight: bold
}

.userpopup .frame .pane .maincolorbutton {
  margin-top: 7px;
  text-align: center;
  text-transform: none
}

.userpopup .frame .pane {
  font-size: 14px
}

.userpopup .offline {
  padding-bottom: 7px
}

.poll .frame {
  background: white;
  position: absolute;
  width: 400px;
  height: 370px
}

.poll .frame > .content .items {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 40px
}

.poll .frame > .content .items .item {
  padding-bottom: 7px
}

.poll .frame > .content .items .item .labelgrp {
  display: inline-block;
  width: 100px
}

.poll .frame > .content .items .item .labelgrp div {
  display: inline
}

.poll .frame > .content .items .item .textfield {
  display: inline-block;
  width: 260px
}

.poll .frame > .content .items .item input.textfield {
  padding: 2px;
  border: 1px solid dimgrey
}

.poll .frame > .content .items .separator {
  width: 100%;
  height: 5px;
  margin-bottom: 12px;
  border-bottom: 1px dashed lightgrey
}

.poll .frame > .content .footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 32px;
  text-align: right
}

.poll .frame > .content .footer .maincolorbutton {
  width: 100px;
  display: inline-block;
  margin-left: 7px;
  text-align: center;
  cursor: pointer
}

.survey .frame {
  background: white;
  position: absolute;
  width: 70%;
  height: 90%;
  font-size: 12px;
  min-width: 560px;
  min-height: 250px
}

.survey.contactform .frame {
  width: 45%;
  height: 75%
}

.survey .frame .label {
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 13px
}

.survey .frame .group .title {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 10px
}

.survey .frame .content {
  position: absolute;
  left: 25px;
  top: 30px;
  bottom: 15px;
  right: 25px
}

.survey .frame .content input[type="checkbox"] {
  display: none
}

.notselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.survey .frame .content input[type="checkbox"] + label {
  display: inline-block
}

.survey .frame .content input[type="checkbox"]:checked + label {
  display: inline-block
}

.survey .frame .content input[type="checkbox"]:checked + label span svg {
  opacity: 1
}

.survey .frame .content input[type="checkbox"] + label span svg {
  opacity: 0
}

.survey .frame .content input[type="checkbox"] + label span:not(.text):not(.label) {
  background: blue;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 3px;
  margin-right: 5px;
  vertical-align: top;
  background: #D3D3D3;
  display: inline-block
}

.survey .frame .content input[type="radio"] {
  display: none
}

.survey .frame .content input[type="radio"] + label {
  display: inline-block;
  padding-bottom: 10px
}

.survey .frame .content input[type="radio"]:checked + label {
  display: inline-block
}

.survey .frame .content input[type="radio"]:checked + label span svg .dot {
  opacity: 1
}

.survey .frame .content input[type="radio"] + label span svg .dot {
  opacity: 0
}

.survey .frame .content input[type="radio"] + label span:first-of-type {
  margin-top: 3px
}

.survey .frame .content input[type="radio"] + label span {
  display: inline-block;
  width: 12px;
  line-height: 14px;
  margin-right: 5px;
  vertical-align: top;
  display: inline-block
}

.survey .frame .content .items {
  width: 100%
}

.survey .frame .content .footer {
  width: 100%;
  display: inline-block;
  text-align: right
}

.survey .frame .content .footer .maincolorbutton {
  display: inline-block;
  margin-right: 15px;
  min-width: 100px;
  cursor: pointer;
  text-align: center
}

.survey .frame .content .footer .maincolorbutton.hide {
  display: none
}

.maincolorbutton {
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-size: 13;
  border-radius: 2px;
  cursor: pointer;
  border: 0px
}

.survey .frame .separator {
  width: 100%;
  height: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed lightgrey
}

.survey .frame .checkboxes .checkboxitem .text {
  display: inline-block;
  width: 285px;
  margin-left: 5px
}

.survey .frame .surveyelem .errorlabel {
  margin-top: 5px;
  font-weight: bold;
  color: #e76f6f
}

.survey .frame .checkboxes .checkboxitem {
  vertical-align: top;
  display: inline-block;
  width: 315px
}

.survey .frame .checkboxes .checkboxitem.hide {
  display: none
}

.survey .frame .choice .choiceitem {
  display: inline-block;
  vertical-align: top;
  width: 330px
}

.survey .frame .choice .choiceitem.hide {
  display: none
}

.survey .frame .choice .choiceitem .text {
  display: inline-block;
  width: 300px;
  margin-left: 5px
}

.survey .frame .scale .slider {
  margin-right: 12px;
  margin-left: 10px
}

.survey .frame .scale .valuelabels {
  height: 30px
}

.survey .frame .scale .valuelabels .ltext {
  position: absolute;
  left: 10px;
  margin-top: 3px;
  text-transform: uppercase
}

.survey .frame .scale .valuelabels .rtext {
  position: absolute;
  right: 10px;
  margin-top: 3px;
  text-transform: uppercase
}

.grey {
  color: grey
}

.survey .frame .order .text {
  font-size: 12px
}

.survey .frame .text .textarea {
  width: 100%;
  display: table-cell
}

.surveyelem.text {
  padding-right: 8px
}

.surveyelem.text .textwrapper {
  display: table;
  width: 100%
}

.surveyelem.image {
  width: 100%
}

.survey-image {
  width: 100%
}

.survey-image__image {
  width: 100%;
  height: auto
}

.inline {
  display: inline
}

.survey .frame .uninitialized .slider .ui-slider-handle {
  background: transparent
}

.survey .frame .slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer
}

.survey .frame .slider .ui-slider-handle.ui-state.focus {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: none
}

.survey .uninitialized .slider .ui-slider-range {
  border: 0px
}

.survey .slider .ui-slider-range {
  border: 1px solid grey
}

.survey .sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
  min-width: 490px
}

.survey .sortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.4em;
  height: 18px
}

.survey .sortable li span {
  position: absolute;
  margin-left: -1.3em
}

.overlay.slide.survey .frame {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  min-width: 0px;
  min-height: 0px;
  border-radius: 0px;
  text-align: left
}

.overlay.slide .frame > .header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px
}

.overlay.slide .frame .closebtn {
  display: none
}

.overlay.slide .frame .footer .cancelbtn {
  display: none
}

.mainmenu > .frame {
  position: absolute;
  height: 50%;
  bottom: 10px;
  min-width: 340px;
  min-height: 250px;
  background: white;
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.6);
  font-size: 13px
}

.mainmenu.contacts.list .frame {
  min-width: 200px
}

.mainmenu.contacts.list .frame .leftpane .item .label {
  width: 165px
}

.mainmenu.notificationlist > .frame {
  min-width: 375px
}

.mainmenu > .frame > .leftpane {
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 3px;
  width: 100%
}

.mainmenu .frame .leftpane .elements {
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2)
}

.mainmenu .frame .leftpane .elements:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px
}

.mainmenu.notificationlist .leftpane {
  bottom: 40px
}

.mainmenu.notificationlist .footer {
  position: absolute;
  left: 0px;
  bottom: 3px;
  width: 100%;
  height: 28px;
  text-align: center
}

.mainmenu.notificationlist .footer .maincolorbutton {
  width: 340px;
  margin-left: 7px;
  -webkit-box-shadow: 0 0 3px 3px #999;
  box-shadow: 0 0 3px 3px #999
}

.mainmenu > .frame .sliderContent {
  border-radius: 2px;
  background-color: #f2f4f7
}

.mainmenu > .frame .header {
  display: none
}

.mainmenu .frame .leftpane .cat {
  position: relative;
  height: 40px;
  font-weight: bold;
  padding: 9px 24px;
  font-size: 14px;
  line-height: 1.57;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333333;
  background-color: #f2f4f7;
  border-bottom: 1px solid #e2e4e7
}

.mainmenu .frame .leftpane .item {
  padding: 9px 12px 9px 24px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #e2e4e7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.mainmenu .frame .leftpane .item.nop {
  cursor: default
}

.mainmenu.contacts .frame .leftpane .item .icon {
  width: 10px;
  height: 20px
}

.mainmenu.contacts .frame .leftpane .item .icon svg {
  margin-top: 5px
}

.mainmenu .frame .leftpane .item .icon.hide {
  display: none
}

.mainmenu .frame .leftpane .item .icon {
  display: inline-block;
  width: 0px
}

.mainmenu .frame .leftpane .item .label {
  display: inline-block;
  width: 250px;
  line-height: 21px
}

.mainmenu .frame .leftpane .full .item .label {
  width: 260px
}

.mainmenu .frame .leftpane .cat .label {
  line-height: 21px
}

.mainmenu.chatlist .frame .leftpane .cat .label.bold {
  font-weight: bold
}

.mainmenu.chatlist .frame .leftpane .full .item.new .label {
  width: 240px
}

.mainmenu.chatlist .frame .leftpane .item.new .label {
  padding-left: 24px;
  background: url("https://cdn.ubivent.com/images/artwork/images/bubble_16.png");
  background-repeat: no-repeat;
  background-position-y: 2px;
  width: 230px
}

.mainmenu.contacts .frame .leftpane .item .label {
  width: 242px;
  padding-left: 3px;
  vertical-align: top
}

.mainmenu .frame .leftpane .item .closebtn.hide {
  display: none
}

.mainmenu .frame .leftpane .item .closebtn {
  width: 16px;
  height: 18px;
  cursor: pointer;
  margin-left: auto
}

.mainmenu .frame .leftpane .item.hide {
  display: none
}

.mainmenu .frame .leftpane .cat.hide {
  display: none
}

.mainmenu .frame .leftpane .item .closebtn .closecross {
  position: relative;
  top: 1px;
  left: 0px
}

.mainmenu .frame .leftpane .item .closebtn .closecross line {
  stroke: red
}

.mainmenu .frame .leftpane .item:not(.nop):hover, .mainmenu .frame .leftpane .item:not(.deactivated):hover {
  background-color: #ecf5ff
}

.mainmenu .frame .leftpane .item.deactivated {
  color: grey;
  cursor: default
}

.mainmenu .frame .leftpane .item.deactivated:hover {
  background-color: transparent
}

.mainmenu .frame .leftpane .cat {
  padding-left: 24px
}

.viewedimg {
  background: green;
  border-radius: 7px;
  margin-left: 5px;
  display: none;
  width: 16px;
  height: 16px
}

.viewedimg.viewed {
  display: inline-block
}

.viewedimg .check {
  position: relative;
  left: 2px;
  top: 2px
}

.videocontrols {
  background: rgba(115, 115, 115, 0.7);
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 29px;
  line-height: 29px;
  opacity: 0;
  text-align: center;
  z-index: 10
}

.videocontrols table {
  border-collapse: collapse;
  border-spacing: 0px
}

.videocontrols table td {
  padding: 0px
}

.videocontrols div {
  display: inline-block;
  vertical-align: middle
}

div:hover > .videocontrols {
  opacity: 1
}

.videocontrols .playpausebtn {
  cursor: pointer;
  padding-right: 7px;
  height: 25px;
  width: 25px
}

.videocontrols .playbtn {
  width: 25px;
  height: 25px
}

.videocontrols .play .playbtn {
  display: none
}

.videocontrols .pause .pausebtn {
  display: none
}

.videocontrols .pausebtn {
  width: 25px;
  height: 25px
}

.videocontrols .fullscreenbtn {
  width: 17px;
  height: 17px;
  cursor: pointer;
  vertical-align: middle
}

#fullvideowrap .videocontrols .fullscreenwrap .small {
  display: block
}

#fullvideowrap .videocontrols .fullscreenwrap .big {
  display: none
}

.flashfullscreen .videocontrols .fullscreenwrap .small {
  display: block
}

.flashfullscreen .videocontrols .fullscreenwrap .big {
  display: none
}

#fullvideowrap .flashvideowrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.videocontrols .fullscreenwrap .small {
  display: none
}

.videocontrols .chromecast img {
  width: 23px;
  cursor: pointer;
  vertical-align: middle
}

.videocontrols .chromecastbtn {
  height: 23px;
  width: 23px;
  vertical-align: middle
}

#fullvideowrap .chromecast img {
  width: 30px;
  cursor: pointer;
  vertical-align: middle
}

#fullvideowrap {
  top: 0px;
  bottom: 40px;
  left: 0px;
  right: 0px;
  position: fixed;
  background: black;
  text-align: center
}

#fullvideowrap.image {
  bottom: 0px
}

#fullvideowrap .img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer
}

#fullvideowrap video {
  width: 100%;
  height: 100%
}

.videocontrols table {
  height: 100%;
  width: 100%
}

.videocontrols table td {
  vertical-align: middle
}

#fullvideowrap .videocontrols .videosliderwrap {
  height: 40px
}

#fullvideowrap .videocontrols {
  height: 40px;
  position: fixed;
  opacity: 1
}

#fullvideowrap .videocontrols .playbtn {
  width: 30px;
  height: 30px
}

#fullvideowrap .videocontrols .pausebtn {
  height: 30px;
  width: 30px
}

#fullvideowrap .videocontrols .playpausebtn {
  padding-right: 10px;
  height: 40px;
  width: 40px
}

#fullvideowrap .videocontrols .fullscreenbtn {
  width: 24px;
  height: 24px;
  vertical-align: middle
}

.videoControlButton.hide {
  display: none
}

.videoControlButton.invisible {
  opacity: 0;
  pointer-events: none;
  cursor: none
}

#fullvideowrap .videocontrols .videoControlButton {
  width: 30px;
  height: 30px
}

#fullvideowrap .videocontrols .fullscreenwrap {
  bottom: 5px;
  right: 3px
}

#fullvideowrap .closenoticewrap {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 5px;
  height: 100px;
  text-align: center
}

#fullvideowrap .closenoticewrap .notice {
  display: inline-block;
  max-width: 635px;
  min-width: 100px;
  background: rgba(120, 120, 120, 0.6);
  padding: 3px 20px 3px 20px;
  border-radius: 3px;
  color: white
}

.videocontrols .videosliderwrap {
  height: 25px;
  width: 50%
}

.videocontrols .videosliderwrap input {
  width: 100%
}

.videocontrols:not(.ie11) .videosliderwrap input {
  background: rgba(115, 115, 115, 0.9)
}

.videocontrols .videosliderwrap input {
  position: relative;
  top: -3px
}

.videocontrols.ie11 .videosliderwrap input {
  position: relative;
  top: -9px
}

#fullvideowrap .videocontrols.ie11 .videosliderwrap input {
  position: static;
  height: 9px
}

.videocontrols.ie11 .videosliderwrap input::-ms-fill-lower {
  background: green
}

.videocontrols.ie11 .videosliderwrap input::-ms-fill-upper {
  background: rgba(115, 115, 115, 0.901961)
}

.videocontrols.ie11 .videosliderwrap input::-ms-track {
  background: none;
  color: transparent;
  border: none
}

.videocontrols .videosliderwrap input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background: rgba(255, 255, 255, 0.9);
  height: 13px;
  width: 5px
}

.videocontrols .videosliderwrap input::-moz-range-thumb {
  -webkit-appearance: none !important;
  background: rgba(255, 255, 255, 0.9);
  height: 13px;
  width: 5px;
  border: none
}

.videocontrols .videosliderwrap input::-ms-thumb {
  -webkit-appearance: none !important;
  background: rgba(255, 255, 255, 0.9);
  height: 13px;
  width: 5px;
  border: none
}

.videocontrols .videosliderwrap input::-moz-range-track {
  -webkit-appearance: none;
  background: none;
  border: none
}

#theatrevideo {
  background: black
}

#theatrevideo.loadingDashVideo {
  position: relative
}

#theatrevideo.standby #theatre-video-elem {
  display: none
}

#theatre-video-elem::-webkit-media-text-track-display {
  transform: translateZ(0);
  -webkit-transform: translateZ(0)
}

#theatre-video-elem-standby {
  display: none
}

#theatrevideo.standby #theatre-video-elem-standby {
  display: block
}

#theatrevideo.loadingDashVideo:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9)
}

.flashvideo {
  position: relative
}

#theatrevideo {
  text-align: center
}

#boothDescriptionWrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  text-align: center
}

#boothDescriptionWrapper .arrow {
  width: 50px;
  height: 50px;
  display: inline;
  position: static
}

.boothDescription {
  border: 1px lightgrey;
  background-color: white;
  color: black;
  padding: 7px;
  text-align: center;
  z-index: 6;
  font-size: 12px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 6px rgba(73, 73, 73, 0.82);
  box-shadow: 0 0 6px rgba(73, 73, 73, 0.82);
  display: inline-block;
  vertical-align: top;
  max-width: 50%
}

@media screen and (max-width: 900px) {
  .boothDescription {
    max-width: 80%
  }
}

#fullvideowrap .slideshow {
  width: 100% !important;
  height: 100% !important
}

.imagecontainer {
  height: 100%;
  width: 100%;
  position: absolute
}

.slideshow .slide {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0px
}

.boothLogoshow {
  position: absolute
}

table.dataTable thead .sorting {
  background: none
}

table.dataTable thead .sorting_asc {
  background: none
}

table.dataTable thead .sorting_desc {
  background: none
}

.chromecast.hide {
  display: none
}

.invisible {
  opacity: 0
}

.agendaview {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px
}

.agendaview .agendaheader {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 35px;
  right: 19px
}

.agendaview .agendaheader .message {
  color: white;
  position: absolute;
  left: 0px;
  right: 80px;
  top: 0px;
  bottom: 0px
}

.agendaview .agendaheader .navbuttons {
  position: absolute;
  width: 75px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  text-align: right
}

.agendaview .agendaheader .navbuttons .btn {
  background: #F4F4F4;
  height: 20px;
  width: 35px;
  display: inline-block;
  text-align: center;
  cursor: pointer
}

.agendaview .agendaheader .navbuttons .btn:not(.disabled):hover {
  background: #ffffff
}

.agendaview .agendaheader .navbuttons .prevbtn {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px
}

.agendaview .agendaheader .navbuttons .nextbtn {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: 2px
}

.agendaview .agendaheader .navbuttons .btn.disabled {
  background: dimgray;
  cursor: default
}

.agendaview .agendaDays {
  position: absolute;
  left: 5px;
  top: 35px;
  bottom: 0px;
  right: 5px
}

.agendaview .agendaDays .agendadayheaderwrap {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 30px;
  right: 14px
}

.agendaview .agendaDays .agendadaycontentwrap {
  position: absolute;
  left: 0px;
  top: 30px;
  bottom: 0px;
  right: 0px
}

.shadowtop {
  -webkit-box-shadow: inset -4px 8px 11px 0px rgba(0, 0, 0, 0.53);
  box-shadow: inset -4px 8px 11px 0px rgba(0, 0, 0, 0.53);
  position: absolute;
  left: 0px;
  top: 0px;
  height: 20px;
  right: 0px
}

.shadowbottom {
  -webkit-box-shadow: inset -4px -8px 11px 0px rgba(0, 0, 0, 0.53);
  box-shadow: inset -4px -8px 11px 0px rgba(0, 0, 0, 0.53);
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 20px;
  right: 0px
}

.agendaview .agendaDays .agendaday {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: none
}

.agendaview .agendaDays .agendaday.left {
  left: 0px;
  right: 50%;
  display: block
}

.agendaview .agendaDays .agendaday.left.full {
  right: 0px
}

.agendaview .agendaDays .agendaday .agendadaycontent {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: #D3D3D3
}

.agendaview .agendaDays .agendaday.left .agendadaycontent {
  right: 5px
}

.agendaview .agendaDays .agendaday.right .agendadaycontent {
  left: 5px
}

.agendaview .agendaDays .agendadayheaderwrap .agendadaycontent {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.agendaview .agendaDays .agendadaycontentwrap .agendadaycontent {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

.agendaview .agendaDays .agendaday.right {
  left: 50%;
  right: 0px;
  display: block
}

.agendadaycontent .agendadayheader {
  position: absolute;
  left: 5px;
  top: 6px;
  height: 30px;
  right: 0px;
  font-size: 16px
}

.agendadaycontent .agendagroups {
  position: absolute;
  left: 35px;
  bottom: 5px;
  top: 0px;
  right: 5px
}

.agendadaycontent .agendabackground {
  position: absolute;
  left: 5px;
  bottom: 5px;
  top: 0px;
  right: 5px
}

.agendagroup {
  position: absolute;
  left: 0px;
  right: 0px
}

.agendagroup .column {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px
}

.agendagroup .column .agendaevent {
  position: absolute;
  left: 0px;
  right: 1px;
  top: 0px;
  bottom: 0px;
  border-radius: 6px;
  border: 1px solid grey
}

.agendagroup .column .agendaevent .time {
  position: absolute;
  left: 3px;
  width: 43px;
  top: 0px;
  bottom: 0px
}

.agendagroup .column .agendaevent .title {
  position: absolute;
  left: 45px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis
}

.agendabackground .background {
  border-top: 1px dotted #A9A9A9;
  position: absolute;
  left: 0px;
  right: 0px
}

.agendabackground .background .label {
  position: absolute;
  top: 0px;
  left: 4px;
  height: 10px;
  font-size: 10px;
  color: #A9A9A9
}

.agendabackground .background .firstquarter {
  position: absolute;
  top: 25%;
  left: 0px;
  width: 5px;
  height: 1px;
  border-top: 1px dotted #A9A9A9
}

.agendabackground .background .lastquarter {
  position: absolute;
  top: 75%;
  left: 0px;
  width: 5px;
  height: 1px;
  border-top: 1px dotted #A9A9A9
}

.agendabackground .background .half {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 20px;
  height: 1px;
  border-top: 1px dotted #A9A9A9
}

.mejs-controls {
  opacity: 0
}

.clickable {
  cursor: pointer
}

.chromecastbtn .activebox {
  opacity: 0
}

.chromecastbtn.active .activebox {
  opacity: 1
}

.chromecastbtn.active path {
  stroke: #4281f4
}

.chromecastbtn {
  height: 20px;
  width: 20px;
  vertical-align: middle
}

#fullvideowrap .chromecastbtn {
  height: 30px;
  width: 30px;
  max-width: 30px;
  max-height: 30px
}

.videocontrols div.closefullscreen {
  display: none
}

#fullvideowrap .closefullscreen {
  display: block;
  position: fixed;
  right: 10px;
  top: 10px;
  cursor: pointer
}

.alphabuffer {
  display: none
}

.alphaoutput {
  position: absolute;
  left: 0px;
  top: 0px
}

.linkiframe .frame {
  background: white;
  position: absolute;
  width: 85%;
  height: 90%;
  min-width: 360px;
  min-height: 250px;
  max-width: 1000px
}

.linkiframe .frame .pane {
  position: absolute;
  left: 7px;
  top: 0px;
  bottom: 50px;
  right: 7px
}

.linkiframe .frame > .content {
  position: absolute;
  left: 0px;
  top: 45px;
  bottom: 0px;
  right: 0px
}

.linkiframe .frame .content .footer {
  position: absolute;
  bottom: 10px;
  height: 30px;
  display: inline-block;
  left: 0px;
  text-align: right;
  right: 0px
}

.linkiframe .frame .content .footer .maincolorbutton {
  display: inline-block;
  margin-right: 15px;
  min-width: 100px;
  cursor: pointer;
  text-align: center
}

.linkiframe .frame .content .footer .maincolorbutton.hide {
  display: none
}

#burgermenuwrap {
  position: fixed;
  left: 6px;
  top: 6px;
  display: none
}

#burgermenu {
  cursor: pointer
}

/*@media screen and (max-width: 900px), screen and (max-height: 500px) {*/
  /*body {*/
    /*overflow-y: auto*/
  /*}*/

  /*#header {*/
    /*display: none*/
  /*}*/

  /*#content-wrap {*/
    /*height: 100vh;*/
    /*max-width: calc(100vh * 16 / 9)*/
  /*}*/

  /*#content {*/
    /*height: 100vh;*/
    /*max-width: calc(100vh * 16 / 9)*/
  /*}*/

  /*#burgermenuwrap:not(.hide) {*/
    /*display: block*/
  /*}*/

  /*#topContainer {*/
    /*height: 0px;*/
    /*display: none*/
  /*}*/

  /*#wrap {*/
    /*max-width: calc(100vh * 16 / 9);*/
    /*height: calc(100vh - -35px)*/
  /*}*/

  /*.overlay.chat {*/
    /*position: fixed*/
  /*}*/

  /*.chat .frame {*/
    /*width: 96%;*/
    /*height: 98%;*/
    /*left: 2%;*/
    /*top: 1%*/
  /*}*/

  /*.documents .frame {*/
    /*width: 98%;*/
    /*height: 98%*/
  /*}*/
/*}*/

#mobilemenuwrap {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.75);
  display: none
}

.mobilemenulayout {
  position: fixed;
  left: 0px;
  top: 00px;
  bottom: 0px;
  width: 405px;
  background: #F1F1F1;
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5)
}

.mobilemenulayout .header-title {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 405px;
  font-size: 13px;
  height: 20px
}

.mobilemenulayout .header-title label {
  margin-left: 5px;
  line-height: 20px
}

.mobilemenulayout .menubuttons {
  position: fixed;
  top: 20px;
  left: 0px;
  width: 405px;
  height: 40px
}

#navigationwrapper-mobile .iconitm.hide {
  display: none
}

.mobilemenulayout .menulist {
  position: fixed;
  top: 60px;
  left: 0px;
  width: 405px;
  bottom: 0px
}

.mobilemenulayout .menulist .menugrp {
  margin-bottom: 2px;
  padding: 2px 3px;
  cursor: pointer;
  font-size: 14px
}

.mobilemenulayout .menulist .menugrp .menubuttonnew {
  padding: 5px 0px;
  width: 100%
}

#navigationwrapper-mobile {
  display: inline-block
}

#navigationwrapper-mobile div {
  display: inline-block
}

.menuentries .entry.navigation {
  text-indent: 10px;
  cursor: pointer
}

.menucontent .oddeven {
  padding: 5px 3px;
  font-size: 13px
}

.menucontent .oddeven:nth-child(even) {
  background: lightgrey
}

.menuentries .entry.chatlist {
  cursor: pointer
}

.menuentries .entry.chatlist .label {
  padding-left: 10px
}

.menuentries .entry.contact {
  cursor: pointer
}

.menuentries .entry div {
  display: inline-block
}

.menuentries .entry.chatlist {
  cursor: pointer
}

.chatlist.entry .newimg {
  float: left;
  padding-right: 3px
}

.chatlist.entry .newimg.hide {
  display: none
}

.menuentries .entry .closebtn {
  float: right;
  padding: 0px 3px;
  cursor: pointer
}

.menuentries .entry .closebtn .closecross line {
  stroke: red
}

.menuentries .entry .closebtn.hide {
  display: none
}

.menuentries .entry.briefcase {
  text-indent: 10px;
  cursor: pointer
}

#tutwrapper.hide {
  display: none
}

#tutwrapper {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.65);
  margin-right: -1px;
  font-family: 'Nothing You Could Do', cursive;
  font-weight: bold;
  color: #ffffff;
  font-size: 25px
}

.tutitem {
  position: fixed
}

#tutwrapper .closetutbtn {
  position: fixed;
  top: 28px;
  cursor: pointer;
  border: 2px solid white;
  padding: 7px 15px
}

#tutwrapper .closetutbtn:hover {
  border-width: 3px;
  font-weight: bold;
  padding: 6px 14px
}

#tutwrapper .tuttitle {
  position: fixed;
  top: 28px;
  left: 40px
}

.tutitem.clickblocker {
  background: rgba(1, 1, 1, 0);
  z-index: 100;
  cursor: default
}

.productlist .frame > .content {
  overflow: visible
}

input.error, select.error {
  border: 2px solid red
}

label.error {
  text-align: left;
  color: red;
  display: inline-block
}

.profile .errormessage {
  display: none
}

.profile.error .errormessage {
  display: block;
  position: absolute;
  bottom: 50px;
  right: 20px;
  height: 20px;
  color: red;
  font-weight: bold
}

.profile.error .frame .pane {
  bottom: 70px
}

.prerender {
  display: none
}

.muteoverlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.muteoverlay--hide {
  display: none
}

.muteoverlay-image {
  width: 50vh;
  height: 50vh;
  max-height: 50vw;
  max-width: 50vw;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center;
  border: 3px solid #FF7A68;
  background-image: url("https://cdn.ubivent.com/web/images/icon-unmute-red.svg")
}

div#loadingWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
}

div#loadingWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100px;
  margin: -50px 0 0 -50px;
  width: auto;
}

div#loadingVideoWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9998;
}

div#loadingVideoWrap video {
  position: absolute;
  top: 0;
  left: 0;
}

div#header-title {
  height: 10px;
}

div.login-box {
  position: absolute;
  left: 880px;
  top: 650px;
  opacity: 1.0;
  z-index: 5;
  width: 1240px;
  height: 820px;
  /*background-image: url(../img/login.png);*/
  /*background-repeat: no-repeat;*/
  /*background-position: center center;*/
  /*background-size: contain;*/
}

div.login-box-inner {
  font-size: 45px;
  color: #ffffff;
  top: 178px;
  left: 390px;
  position: absolute;
}

div.login-box-inner p {
  margin-bottom: 53px;
}

div.login-box-inner input {
  font-size: 55px;
  background-color: transparent;
  color: #ffffff;
  width: 650px;
  border: none;
  margin-left: 20px;
}

div.email-box-inner {
  font-size: 7px;
  top: 233px;
  left: 355px;
  position: absolute;
}

div.email-box-inner p {
  margin-bottom: 53px;
}

div.email-box-inner input {
  font-size: 35px;
  width: 755px;
  border: none;
  margin-left: 20px;
  background: white;
  border-radius: 5px;

}


div.email-box-inner input:hover {
  background: white !important;
}


input:hover {
  background: rgba(0, 0, 0, 0.1 ) !important;
}
div.login-error {
  position: absolute;
  left: 867px;
  top: 1508px;
  text-align: center;
  font-size: 55px;
  width: 1270px;
  color: white;
  background-color: #a52a2ae8;
}


.signBoard {
  position: absolute;
  opacity: 1.0;
  z-index: 5;
  /*background: rgba(0, 0, 0, 0.1 ) !important;*/
}


.signBoard:hover {
  /*background: rgba(0, 0, 0, 0.1 ) !important;*/
  cursor: pointer
}

.paper-link {
  position: absolute;
  height: 20px;
  /*background: rgba(128,128,128,0.18);*/
}

.paper-link a {
  width: 100%;
  height: 100%;
  display: block;
}

.paper-link a:hover {
  background: rgba(0, 0, 0, 0.1);
}