@font-face {
  font-family: "Titillium";
  font-weight: normal;
  src: url(../font/TitR.ttf) format("truetype");
}

@font-face {
  font-family: "Titillium";
  font-weight: bold;
  src: url(../font/TitB.ttf) format("truetype");
}

@font-face {
  font-family: "FreeMono";
  font-weight: normal;
  src: url(../font/FreeMonoB.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: bootstrap-icons;
  src: url("../font/bootstrap-icons.woff2?e34853135f9e39acf64315236852cd5a") format("woff2")
}

body {
  font-family: Titillium, sans-serif;
  color: #666;
}

body.iframeBody {
  background-color: #f1f1f1 !important;
}

body.bodyShow {
  background-repeat: no-repeat;
  background-size: cover;
}

.mainBox {
  display: flex;
  height: 100vh;
}

.loginBox {
  width: 25rem;
}

.loginSubBox {
  background-color: rgba(255, 255, 255, 0.13);
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 40px rgba(8, 7, 16, 0.6);
  backdrop-filter: blur(.6rem);
  -webkit-backdrop-filter: blur(.6rem);
  z-index: 1000;
}

.loginBubble1 {
  height: 10rem;
  width: 10rem;
  background: linear-gradient(135deg, #d11d1f 30%, #33b540);
  left: -5rem;
  top: -3rem;
  border-radius: 20%;
}

.loginBubble2 {
  height: 7rem;
  width: 7rem;
  background: linear-gradient(215deg, #244185, #d11d1f);
  right: -2rem;
  top: -4rem;
  border-radius: 20%;
}

.loginBubble3 {
  height: 13rem;
  width: 13rem;
  background: linear-gradient(315deg, #244185, #4cb034);
  right: -3rem;
  bottom: -5rem;
  border-radius: 20%;
}

.login-input {
  background-color: rgba(255, 255, 255, 0.07);
  border: 2px solid rgba(255, 255, 255, 0.4);
}

.module-btn {
  width: calc(100vw / 20);
}

.login-button {
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 0px 0px #007bff;
  transition: all .4s;
}

.login-button:hover {
  box-shadow: inset 150px 0px 0px #007bff;
  border-color: #007bff;
}

.login-version {
  font-size: 70%;
  bottom: .3rem;
  right: .5rem;
}

.gConLogo {
  width: 9rem;
  height: 9rem;
  margin-top: -6rem;
  border: 2px solid #f3f3f3;
  border-radius: 4.5rem;
  background-color: #000;
  background-image: url(../img/gConLogo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  box-shadow: 0 0 0.6rem 0.3rem rgba(255, 255, 255, 0.8)
}

.menuItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 5px;
  width: 5.5rem;
  height: 5.5rem;
  color: #f8f9fa;
  font-weight: bold;
  font-size: .8rem;
  background-color: rgba(255, 255, 255, 0.2);
  background-position: top 15px center;
  background-repeat: no-repeat;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: .8rem;
  cursor: pointer;
  transition: all .4s;
}

.menuItem.terminal {
  font-family: FreeMono;
}

.menuItem:hover {
  color: #f8f9fa;
  text-decoration: none;
  border: 3px solid #548dd4;
  transform: translateX(.5rem);
}

.menuItem.terminal:hover {
  border: 3px solid #00ff00;
}

.menuItemLogoBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .4rem;
}

.menuItem.active {
  background-color: #548dd4;
  border: 3px solid #548dd4;
  transform: none;
}

.menuItem.terminal.active {
  background-color: #00ff00;
  border: 3px solid #00ff00;
  color: #000;
}

.gConLogoBox {
  width: 5.5rem;
}

.permissionItem {
  flex: 1;
  aspect-ratio: 1 / 1;
  border-radius: 25%;
  cursor: pointer;
  transition: all .4s;
  max-width: 2rem;
}

.permissionItem:hover {
  box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);
}

.permissionItem.inactive {
  box-shadow: none;
  filter: grayscale(100%) opacity(0.5);
  transition: none;
}

.modules-box {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.modules-box-settings {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: .5rem;
}

.moduleItem {
  width: 7rem;
  height: 7rem;
  border-radius: 1.6rem;
  cursor: pointer;
  box-shadow: 0 0 .4rem rgba(0, 0, 0, 0.3);
  transition: all .4s;
}

.moduleItem:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  transition: all .4s;
  transform: translateY(-.5rem);
}

.moduleItem.inactive {
  box-shadow: none;
  filter: grayscale(100%) opacity(0.3);
  cursor: not-allowed;
  transition: none;
  transform: none;
}

.moduleItem.empty {
  box-shadow: none;
  filter: opacity(0);
  cursor: pointer;
  transition: none;
}

.mainButton {
  border: .15rem solid #b2b2b2;
  border-radius: 1rem;
  background-color: #fff;
  cursor: pointer;
}

.timeline-box {
  border: .15rem solid #b2b2b2;
  border-left-width: .5rem;
  border-radius: .4rem;
  font-size: .9rem;
  cursor: pointer;
}

.contentBox {
  background-color: #f1f1f1;
  border-radius: 1rem;
}

.contentSubBox,
.contentSubBox-x-scroll {
  border: .13rem solid #b2b2b2;
  border-radius: 1rem;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: content-box;
}

.contentSubBox-x-scroll {
  overflow-x: auto;
}

.eventsBg {
  background-image: url(/static/img/logoEventsBg.svg);
}

.usersBg {
  background-image: url(/static/img/logoUsersBg.svg);
}

.programmeBg {
  background-image: url(/static/img/logoProgrammeBg.svg);
}

.dayshallsBg {
  background-image: url(/static/img/logoDaysHallsBg.svg);
}

.tagsBg {
  background-image: url(/static/img/logoTagsBg.svg);
}

.collisionsBg {
  background-image: url(/static/img/logoCollisionsBg.svg);
}

.approvalsBg {
  background-image: url(/static/img/logoApprovalsBg.svg);
}

.exportsBg {
  background-image: url(/static/img/logoExportsBg.svg);
}

.hallsBg {
  background-image: url(/static/img/logoHallsBg.svg);
}

.settingsBg {
  background-image: url(/static/img/logoSettingsBg.svg);
}

.watchdogBg {
  background-image: url(/static/img/logoWatchdogBg.svg);
}

.errorsBg {
  background-image: url(/static/img/logoErrorBg.svg);
}

.approvalsPresentationBg {
  background-image: url(/static/img/logoApprovalPresentationBg.svg);
}

.badgesBg {
  background-image: url(/static/img/logoBadgeBg.svg);
}

.micrositeBg {
  background-image: url(/static/img/logoMicrositeBg.svg);
}

.mediaBg {
  background-image: url(/static/img/logoMediaBg.svg);
}

.supportBg {
  background-image: url(/static/img/logoSupportBg.svg);
}

.postersBg {
  background-image: url(/static/img/logoPostersBg.svg);
}

.buttonsBg {
  background-image: url(/static/img/logoButtonsBg.svg);
}

.participantsBg {
  background-image: url(/static/img/logoParticipantsBg.svg);
}

.screensBg {
  background-image: url(/static/img/logoScreensBg.svg);
}

.stylesBg {
  background-image: url(/static/img/logoStylesBg.svg);
}

.releaseBg {
  background-image: url(/static/img/logoReleaseBg.svg);
}

.readyRoomBg {
  background-image: url(/static/img/logoReadyRoomBg.svg);
}

.exhibitorsBg {
  background-image: url(/static/img/logoExhibitorsBg.svg);
}

.roomsBg {
  background-image: url(/static/img/logoRoomsBg.svg);
}

.surveyBg {
  background-image: url(/static/img/logoSurveyBg.svg);
}

.formBg {
  background-image: url(/static/img/logoFormBg.svg);
}

.wikiBg {
  background-image: url(/static/img/logoWikiBg.svg);
}

.abstractsBg {
  background-image: url(/static/img/logoAbstractsBg.svg);
}

.topicsBg {
  background-image: url(/static/img/logoTopicsBg.svg);
}

.mailingBg {
  background-image: url(/static/img/logoMailingBg.svg);
}

.mailingSendBg {
  background-image: url(/static/img/logoSendBg.svg);
}

.archiveBg {
  background-image: url(/static/img/logoArchiveBg.svg);
}

.documentsBg {
  background-image: url(/static/img/logoDocumentsBg.svg);
}

.ordersBg {
  background-image: url(/static/img/logoOrdersBg.svg);
}

.feesBg {
  background-image: url(/static/img/logoFeesBg.svg);
}

.breaksBg {
  background-image: url(/static/img/logoBreaksBg.svg);
}

.dashboardBg {
  background-image: url(/static/img/logoDashboardBg.svg);
}

.translateBg {
  background-image: url(/static/img/logoTranslateBg.svg);
}

.mobileBg {
  background-image: url(/static/img/logoMobileBg.svg);
}

.statisticsBg {
  background-image: url(/static/img/logoStatisticsBg.svg);
}

.participantPhoto {
  border: .13rem solid #b2b2b2;
  border-radius: 1rem;
  width: 9.1rem;
  height: 9.1rem;
  background-image: url(../img/emptyPhoto.svg);
  background-color: #b2b2b2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.vcardPhoto {
  border: .13rem solid #b2b2b2;
  border-radius: .5rem;
  width: 5rem;
  height: 5rem;
  background-image: url(../img/emptyPhoto.svg);
  background-color: #b2b2b2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.daysHallsBtnBox>.btn-outline-primary:hover {
  color: #007bff !important;
  background-color: #fff !important;
  border-color: #007bff !important;
}

.moduleEditButton {
  position: absolute;
  top: -.6rem;
  right: -.6rem;
}

.presentationList,
.posterList {
  border-left-width: .5rem;
}

.sessionList,
.posterTopicList {
  border-left: .5rem solid #dfdfdf;
}

.fileType {
  width: 3.4rem;
  text-align: center;
  color: #fff;
  background-color: #ccc;
  font-weight: bold;
  border: .3rem solid #fff;
  border-radius: .5rem;
  text-transform: uppercase;
}

.fileType.svg {
  background-color: #00aad4;
}

.fileType.jpg,
.fileType.jpeg {
  background-color: #ff2a7f;
}

.fileType.png {
  background-color: #aa00d4;
}

.fileType.mp4 {
  background-color: #0044aa;
}

.fileType.pptx {
  background-color: #ed6b47;
}

.fileType.docx {
  background-color: #2b7dd3;
}

.fileType.odt {
  background-color: #2b7dd3;
}

.fileType.xlsx {
  background-color: #21a365;
}

.fileType.ods {
  background-color: #21a365;
}

.fileType.pdf {
  background-color: #e3202a;
}

.fileType.css {
  background-color: #f7ab1f;
}

.fileType.js {
  background-color: #32db98;
}

.fileType.fileTypeBadge {
  top: -.5rem;
  right: -1rem;
}

.supportChatBox {
  border: .1rem solid #d2d2d2;
  border-radius: .6rem;
  background-color: #fff;
}

.chatBoxParticipant {
  max-width: 80%;
  background-image: url(../img/logoParticipants.svg);
  background-repeat: no-repeat;
  background-position: left 1rem center;
  padding: .5rem 1rem .5rem 3.5rem;
  background-color: #f2f2f2;
  border: .1rem solid #d2d2d2;
  border-radius: .4rem;
}

.chatBoxSupport {
  max-width: 80%;
  background-image: url(../img/iconSupport.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding: .5rem 3.5rem .5rem 1rem;
  border: .1rem solid #d2d2d2;
  border-radius: .4rem;
}

.chatBoxUser1 {
  max-width: 80%;
  background-image: url(../img/iconUserChat.svg);
  background-repeat: no-repeat;
  background-position: left 1rem center;
  padding: .5rem 1rem .5rem 3.5rem;
  background-color: #f2f2f2;
  border: .1rem solid #d2d2d2;
  border-radius: .4rem;
}

.chatBoxUser2 {
  max-width: 80%;
  background-image: url(../img/iconUserChat.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding: .5rem 3.5rem .5rem 1rem;
  border: .1rem solid #d2d2d2;
  border-radius: .4rem;
}

.chatBoxUser3 {
  max-width: 80%;
  background-image: url(../img/iconUserBot.svg);
  background-repeat: no-repeat;
  background-position: left 1rem center;
  background-size: 1.8rem;
  padding: .5rem 1rem .5rem 3.5rem;
  background-color: #343a40;
  color: #00ff00;
  border: .1rem solid #d2d2d2;
  border-radius: .4rem;
}

/* show */
.showHeader,
.showFooter {
  background-color: rgba(51, 51, 51, 0.8);
}

.showButton {
  height: 6rem;
  background-image: linear-gradient(rgba(245, 245, 245, 0.8) 5%, rgba(173, 173, 173, 0.8) 100%);
  background-color: rgba(245, 245, 245, 0.7);
  color: #333;
  border-radius: .4rem;
  border: .14rem solid #adadad;
  border-left-width: .6rem;
}

.showButton:hover {
  background-image: none;
  background-color: #f2f2f2;
}

.showButton.unlisted,
.showButton.deleted,
.showButton.unattended {
  background-image: none;
  background-color: rgba(200, 200, 200, 0.9);
}

.showButton.unlisted:hover,
.showButton.deleted,
.showButton.unattended {
  background-color: rgba(200, 200, 200, 0.9);
  cursor: default;
}

.showButtonOrder {
  font-size: 3.5rem;
  font-weight: bold;
}

.showButtonName {
  font-size: 1.8rem;
  font-weight: bold;
}

.showButtonSpeaker {
  font-size: 1.3rem;
  font-style: italic;
}

.showPresentationType.syncing {
  background-image: url(../img/syncing.svg);
}

.showTitleName {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: .3rem 1.3rem;
  border-radius: .5rem;
}

div[g-container="presentation-name"],
div[g-container="presentation-speaker"] {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  max-width: 75vw;
}

.btn-launch-presentation {
  width: 20rem;
  height: 20rem;
  border-radius: 15%;
  font-size: 1.8rem;
  box-shadow: 0 0 2rem 0.3rem rgba(0, 0, 0, 0.8);
  margin-top: 10rem;
}

.presentationStopBox {
  bottom: 1rem;
  right: 1rem;
}

/* virtual rooms */
.virtualRoomName {
  position: absolute;
  bottom: .8rem;
  right: .8rem;
  z-index: 2000;
}

[g-container="virtual-participant"].dominantSpeaker {
  visibility: visible;
  border: .3rem solid #548dd4 !important;
}

[g-container="virtual-participant"] video {
  border-radius: .5rem;
  width: 100%;
}

.participantWrapper {
  position: absolute;
  top: 0;
  left: 0;
}

[g-container="virtual-room-modal"] [g-container="virtual-participant"]:first-child video {
  transform: rotateY(180deg);
}

/* picker */
.list-group-item.presentationListSearched,
.list-group-item-danger.presentationListSearched,
.list-group-item-success.presentationListSearched {
  transform: scale(1.004);
  z-index: 1001;
}

.list-group-item.presentationListSearched {
  box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, .3);
}

.list-group-item-danger.presentationListSearched {
  box-shadow: 0 0 1rem 0.1rem rgba(114, 28, 36, 0.6);
}

.list-group-item-success.presentationListSearched {
  box-shadow: 0 0 1rem 0.1rem rgba(21, 87, 36, .6);
}

.pickerButtons {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  padding: .3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  border: .14rem solid #fff;
  border-radius: 1rem;
  cursor: pointer;
}

.pickerButtons.upload {
  background-color: #0eae31;
  background-image: url(../img/pickerUp.svg);
}

.pickerButtons.reupload {
  background-color: #ffa500;
  background-image: url(../img/pickerReupload.svg);
}

.pickerButtons.download {
  background-color: #0eae31;
  background-image: url(../img/pickerDown.svg);
}

.pickerButtons.edit {
  background-color: #2a7fff;
  background-image: url(../img/pickerEdit.svg);
}

.pickerButtons.notes {
  background-color: #d42aff;
  background-image: url(../img/pickerNotes.svg);
}

.pickerButtons.disable {
  background-color: #b3b3b3;
  cursor: default;
}

.pickerNotes {
  background-image: url(../img/iconNotes.svg);
}

/* sizing */
.flex-1 {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.flex-2 {
  flex: 2;
  min-width: 0;
  min-height: 0;
}

.overflow-xy {
  overflow-x: hidden;
  overflow-y: auto;
}

.w-1-rem {
  width: 1rem;
}

.w-1-5-rem {
  width: 1.5rem;
}

.w-2-rem {
  width: 2rem;
}

.w-3-rem {
  width: 3rem;
}

.w-4-rem {
  width: 4rem;
}

.w-5-rem {
  width: 5rem;
}

.w-5-5-rem {
  width: 5.5rem;
}

.w-6-rem {
  width: 6rem;
}

.w-7-rem {
  width: 7rem;
}

.w-8-rem {
  width: 8rem;
}

.w-9-rem {
  width: 9rem;
}

.w-10-rem {
  width: 10rem;
}

.w-11-rem {
  width: 11rem;
}

.w-12-rem {
  width: 12rem;
}

.w-13-rem {
  width: 13rem;
}

.w-13-5-rem {
  width: 13.5rem;
}

.w-14-rem {
  width: 14rem;
}

.w-15-rem {
  width: 15rem;
}

.w-16-rem {
  width: 16rem;
}

.w-17-rem {
  width: 17rem;
}

.w-18-rem {
  width: 18rem;
}

.w-19-rem {
  width: 19rem;
}

.w-20-rem {
  width: 20rem;
}

.w-22-rem {
  width: 22rem;
}

.w-75-vw {
  width: 75vw;
}

.h-1-rem {
  height: 1rem;
}

.h-1-2-rem {
  height: 1.2rem;
}

.h-2-rem {
  height: 2rem;
}

.h-3-rem {
  height: 3rem;
}

.h-3-5-rem {
  height: 3.5rem;
}

.h-4-rem {
  height: 4rem;
}

.h-5-rem {
  height: 5rem;
}

.h-6-rem {
  height: 6rem;
}

.h-7-rem {
  height: 7rem;
}

.h-8-rem {
  height: 8rem;
}

.h-9-rem {
  height: 9rem;
}

.h-10-rem {
  height: 10rem;
}

.h-11-rem {
  height: 11rem;
}

.h-12-rem {
  height: 12rem;
}

.h-15-rem {
  height: 15rem;
}

.h-19-rem {
  height: 19rem;
}

.h-30-rem {
  height: 30rem;
}

.h-50-vh {
  height: 50vh;
}

.h-100-vh {
  height: 100vh;
}

.mw-1-rem {
  min-width: 1rem;
}

.mw-1-4-rem {
  min-width: 1.4rem;
}

.mw-2-rem {
  min-width: 2rem;
}

.mw-3-rem {
  min-width: 3rem;
}

.mw-3-5-rem {
  min-width: 3.5rem;
}

.mw-4-rem {
  min-width: 4rem;
}

.mw-5-rem {
  min-width: 5rem;
}

.mw-6-rem {
  min-width: 6rem;
}

.mw-7-rem {
  min-width: 7rem;
}

.mw-8-rem {
  min-width: 8rem;
}

.mw-9-rem {
  min-width: 9rem;
}

.mw-10-rem {
  min-width: 10rem;
}

.mw-11-rem {
  min-width: 11rem;
}

.mh-3-1-rem {
  min-height: 3.1rem;
}

.mh-6-rem {
  min-height: 6rem;
}

.mh-10-rem {
  min-height: 10rem;
}

.mh-15-rem {
  min-height: 15rem;
}

.mh-18-rem {
  min-height: 18rem;
}

.mh-30-rem {
  min-height: 30rem;
}

.mh-35-rem {
  min-height: 35rem;
}

.minh-100 {
  min-height: 100%;
}

.mxw-80 {
  max-width: 80%;
}

.mxw-90 {
  max-width: 90%;
}

.mxh-80-vh {
  max-height: 80vh;
}

.mxh-90 {
  max-height: 90%;
}

.max-content {
  width: max-content;
}

.aspect-16-9 {
  aspect-ratio: 16 / 9;
}

.aspect-8-1 {
  aspect-ratio: 8 / 1;
}

.aspect-1-1 {
  aspect-ratio: 1 / 1;
}

.rotate-45 {
  rotate: 45deg;
}

.rotate-90 {
  rotate: 90deg;
}

.rotate-180-r {
  rotate: 180deg;
}

.rotate-270 {
  rotate: 270deg;
}

.h7 {
  font-size: .8rem;
}

.color-inherit,
.color-inherit:hover {
  color: inherit;
}

.bg-lightblue {
  background-color: #e5f9ff;
}

.bg-purple {
  background-color: #7030a0;
}

.bg-orange {
  background-color: #ed6b47;
}

.bg-green {
  background-color: #00ff00;
}

.bg-white-80 {
  background-color: rgba(255, 255, 255, .8);
}

.terminal-style {
  background-color: #000;
  color: #00ff00;
  font-family: FreeMono;
}

.rounded-small {
  border-radius: .5rem;
}

.rounded-mid {
  border-radius: .75rem;
}

.rounded-big {
  border-radius: 1rem;
}

.img-fit {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rotate-180 {
  transform: rotateX(180deg);
}

hr {
  border-top: .15rem dashed #ececec;
  margin: .3rem 0;
}

.hr-solid {
  border-top: .08rem solid #ececec;
  margin: .3rem 0;
}

.border-light2 {
  border: .15rem solid #dee2e6;
}

.text-light2 {
  color: #999;
}

.text-purple {
  color: #7030a0;
}

.text-truncate-2 {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

textarea.inline {
  height: 2.375rem;
}

.table-fixed {
  table-layout: fixed;
}

.table-nofluid {
  width: auto;
}

.table-zeropadding {
  font-size: .9rem;
}

.table-zeropadding td {
  padding: 0 .5rem;
}

.cursor-move {
  cursor: move;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-disabled {
  cursor: not-allowed !important;
}

.highlight-hover {
  transition: 250ms ease-in-out;
}

.highlight-hover:hover {
  /* transform: scale(1.023); */
  transition: 250ms ease-in-out;
  background-color: #f5fcff !important;
}

.icon-box,
.icon-box-md,
.icon-box-sm,
.icon-box-xs {
  width: 1.8rem;
  height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box-md {
  width: 1.6rem;
  height: 1.6rem;
}

.icon-box-sm {
  width: 1.4rem;
  height: 1.4rem;
}

.icon-box-xs {
  width: 1.2rem;
  height: 1.2rem;
}

.icon-box>svg,
.icon-box>img,
.icon-box-md>svg,
.icon-box-md>img,
.icon-box-sm>svg,
.icon-box-sm>img,
.icon-box-xs>svg,
.icon-box-xs>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  box-sizing: content-box;
  color: #fff;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #b2b2b2;
}

.opacity-disabled {
  filter: grayscale(100%) opacity(0.3);
}

.backdrop-blur {
  backdrop-filter: blur(.6rem);
  -webkit-backdrop-filter: blur(.6rem);
}

.backdrop-gray {
  backdrop-filter: grayscale(100%) brightness(50%);
  animation: fadeIn 1s ease-in-out;
}

.bg-picture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
}

.bg-picture-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
}

.break {
  background-color: #fff6d5;
  cursor: default;
}

img.disabled {
  filter: grayscale(100%) opacity(0.7);
  cursor: not-allowed;
}

@media (max-width: 575.98px) {
  .text-truncate-sm-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: inherit;
  }
}

.hover-underline:hover {
  text-decoration: underline;
}

.mail-header {
  min-width: 40rem;
  border-top-right-radius: .75rem;
  border-top-left-radius: .75rem;
}

/*tableSpeaker*/

.tableSelected {
  width: 3rem !important;
}

.tableActions {
  width: 9rem !important;
}

.tableActionsR {
  width: 14rem !important;
}

.tableActionsO {
  width: 19rem !important;
}

.tableCode {
  width: 7rem !important;
}

.tableInfo,
.tablePhoto,
.tableSpeaker,
.tableAuthor,
.tableChair,
.tablePoster {
  width: 3rem !important;
}

.table-builder td {
  padding: .1rem;
}

/*tags*/

input[type=checkbox].checkboxTag,
input[type=checkbox].checkboxBtn {
  display: none;
}

input[type=checkbox].checkboxTag+label.checkboxTagLabel,
input[type=checkbox].checkboxBtn+label.checkboxBtnLabel,
.spanTag {
  background-image: none;
  border-radius: 0.25rem;
  font-weight: bold;
  padding: 0 0.4rem;
  line-height: inherit;
  height: inherit;
  font-size: .8rem;
  cursor: pointer;
}

input[type=checkbox].checkboxBtn+label.checkboxBtnLabel {
  background-color: #dc3545;
  color: #fff;
}

input[type=checkbox].checkboxBtn:checked+label.checkboxBtnLabel {
  background-color: #28a745;
  color: #fff;
}

/*working*/

.workingBox {
  position: fixed;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
}

.workingSubBox,
.workingSubBox1 {
  width: 10rem;
  height: 10rem;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../img/working.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  border-radius: 1rem;
}

.workingSubBox1 {
  background-image: url(../img/loading.svg);
}

/*popup*/
.popUpBox {
  width: 80vw;
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.popUpBoxPreview {
  max-height: 80vh;
  max-width: 60vw;
  overflow-x: hidden;
  overflow-y: auto;
}

.popupTextBox,
.popupWikiBox {
  position: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(.6rem);
  -webkit-backdrop-filter: blur(.6rem);
  animation: fadeIn 1.5s ease-in-out;
}

.popupWikiBox {
  top: 0;
  left: 0;
  animation: fadeIn .5s ease-in-out;
}

.popupWiki {
  width: 80vw;
  height: 95vh;
  background-color: #fff;
  border: .2rem solid #b2b2b2;
  border-radius: .75rem;
}

.popupWikiClose {
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 2rem;
  height: 2rem;
  background: linear-gradient(0deg, #000 0%, #ababab 100%);
  border-radius: 50%;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.popupTextModal {
  max-width: 90vw;
  max-height: 90vh;
  padding: 2rem 3rem;
  background-color: #fff;
  border: .2rem solid #b2b2b2;
  border-radius: .75rem;
}

.popupRaiseHandModal {
  max-width: 90vw;
  max-height: 90vh;
  background-color: #fff;
  border: .2rem solid #b2b2b2;
  border-radius: .75rem;
}

.popupVirtualRoom {
  width: 98vw;
  height: 95vh;
  background-color: #fff;
  border: .2rem solid #b2b2b2;
  border-radius: .75rem;
}

/*bootstrap tune*/

.a-inherit {
  color: inherit;
}

.a-inherit:hover {
  color: inherit;
  text-decoration: none;
}

.form-control:focus {
  border-color: #9fcef1;
  box-shadow: 0 0 0.6rem 0.2rem rgba(159, 206, 241, 0.8);
}

.login-input:focus {
  background-color: rgba(255, 255, 255, 0.07);
  border-color: #fff;
  box-shadow: 0 0 0.6rem 0.2rem rgb(255 255 255 / 80%);
}

.modal-open .modal {
  overflow-y: hidden !important;
}

.modal-content {
  box-shadow: 0 0 8rem 2rem rgba(0, 0, 0, 0.3);
  border-radius: .6rem !important;
}

.modal-header {
  background-color: #548dd4;
  color: #fff;
  padding: .6rem 1rem !important;
  border-bottom: 3px solid rgba(255, 255, 255, 0.4) !important;
  border-top-left-radius: .5rem !important;
  border-top-right-radius: .5rem !important;
}

.modal-header>.close {
  color: #fff !important;
  opacity: 1;
}

.modal-footer {
  padding: 0 1rem 1rem 1rem !important;
  border-top: 3px solid rgba(255, 255, 255, 0.2) !important;
}

.modal-body {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-body-iframe {
  min-height: 70vh;
  max-height: 70vh;
}

.modal-back {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/iconBack.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.modal-xxl {
  max-width: 85vw;
}

label {
  margin-bottom: 0;
}

.btn {
  font-weight: bold;
}

.btn:focus,
.btn:hover,
.btn:active {
  color: #fff;
}

.btn-xs {
  padding: 0.1rem 0.3rem;
  font-size: 0.8rem;
  line-height: 1.5;
  border-radius: .25rem;
}

.btn-warning,
.badge-warning {
  color: #fff;
  background-color: #ffa500;
}

.btn-pic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn:disabled {
  background-color: #999;
  color: #fff;
  border: 1px solid #999;
  cursor: not-allowed;
}

a.btn.disabled,
span.btn.disabled {
  background-color: #999;
  color: #fff;
  border: 1px solid #999;
  cursor: not-allowed;
}

.btn .badge {
  top: 0;
}

.btn-purple,
.badge-purple {
  color: #fff;
  background-color: #7030a0;
}

.btn-purple:hover {
  background-color: #5f2889;
}

.btn-outline-purple {
  color: #7030a0;
  border-color: #7030a0;
}

.btn-orange,
.badge-orange {
  color: #fff;
  background-color: #ed6b47;
}

.btn-orange:hover {
  background-color: #e84516;
}

.popover {
  max-width: 350px;
  z-index: 10000;
}

.card {
  cursor: pointer;
}

.card-body {
  cursor: default;
}

.card-header,
.list-group-item {
  padding: .4rem .6rem;
}

.bootstrap-select .dropdown-menu {
  z-index: 1021;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto !important;
  font-weight: normal !important;
}

.bootstrap-select>.btn.dropdown-toggle {
  font-weight: normal;
  border: 1px solid #ced4da;
  color: #495057;
}

.bootstrap-select>.btn:focus.dropdown-toggle,
.bootstrap-select>.btn:hover.dropdown-toggle,
.bootstrap-select>.btn:active.dropdown-toggle {
  color: inherit;
}

.collapseHeader[aria-expanded="true"],
.collapseHeader[aria-expanded="false"] {
  padding-left: 1.5rem;
  background-image: url(../img/iconCollapseOn.svg);
  background-position: left center;
  background-repeat: no-repeat;
}

.collapseHeader[aria-expanded="false"] {
  background-image: url(../img/iconCollapseOff.svg);
}

.collapseHeader[aria-expanded="false"]>div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-control-label {
  top: .1rem;
  cursor: pointer;
}

.custom-control-label.bigger::before,
.custom-control-label.bigger::after {
  width: 1.2rem;
  height: 1.2rem;
  top: .25rem;
}

.custom-control-input.green:checked~.custom-control-label.green::before {
  color: #fff;
  border-color: #28a745;
  background-color: #28a745;
}

.custom-control-input:disabled~.custom-control-label {
  cursor: not-allowed;
}

.collapse-arrow {
  background-image: url(/static/img/caret-right.svg);
  background-position: left .5rem center;
  background-repeat: no-repeat;
}

.collapse-arrow[aria-expanded="true"] {
  background-image: url(/static/img/caret-down.svg);
  background-position: left .5rem center;
  background-repeat: no-repeat;
}

.presentationList,
.posterList,
.posterTopicList {
  padding-left: 0;
}

.tab-content-programme {
  min-height: 33.3125rem;
}

.trumbowyg-box {
  margin: 0 auto;
  min-height: 10rem;
}

.trumbowyg-editor {
  min-height: 10rem;
  max-height: 30rem;
}

.trumbowyg-editor svg {
  width: auto;
  height: auto;
}

.trumbowyg-button-pane svg {
  width: 17px;
  height: 100%;
}

.noty_theme__metroui.noty_bar {
  border-radius: .4rem;
  box-shadow: 0 0 8rem 2rem rgba(0, 0, 0, 0.3);
}

.noty_body {
  text-align: center !important;
  font-size: 1.5rem !important;
  font-weight: bold;
}

.noty_buttons {
  text-align: center !important;
  padding: 0 0 1rem 0 !important;
}

.colorpicker-alpha {
  display: none !important;
}

.table.dataTable {
  table-layout: fixed;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
  display: inline-block;
  padding: .7rem;
  border: 0.13rem solid #d2d2d2;
  border-radius: .5rem;
}

.radio-toolbar label:hover {
  border: 2px solid #548dd4;
}

.radio-toolbar input[type="radio"]:checked+label {
  border-color: #548dd4;
  box-shadow: 0 0 0.4rem 0.08rem rgba(84, 141, 212, 0.8);
}

/*iframe*/

.programmeControls {
  top: 53px;
  background-color: #f8f9fa;
  z-index: 999;
}

@media (max-width: 1199.98px) {
  .programmeControls {
    top: 45px;
  }
}

.navigationLeft {
  width: 4rem;
  background-image: url(../img/iframeNavigation.svg);
  background-position: left center;
  background-repeat: no-repeat;
}

.navigationLeft.last {
  background-image: url(../img/iframeNavigationLast.svg);
}

.navigationLeft.topic {
  width: 1.5rem;
}

.mainButton.iframe {
  border-radius: .5rem;
  border-left-width: .8rem;
  box-shadow: 0 .5rem 1rem #b2b2b233;
}

.mainButton.overview {
  border-radius: .4rem;
  border-left-width: .5rem;
  font-size: .9rem;
}

.img-icon {
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
}

.img-lg-icon {
  width: 2rem;
  height: 2rem;
  margin-right: .75rem;
}

@media (min-width:768px) {
  .img-md-icon {
    width: 2rem;
    height: 2rem;
    margin-right: .75rem;
  }
}

.sessionPresentationCount {
  width: 5rem;
  height: 5rem;
  padding-top: 1.2rem;
  padding-right: .4rem;
  background-image: url(../img/iconPresentationCount.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}

.overview-column {
  width: 180px;
}

.overviewRow {
  min-height: 200px;
}

.overviewRow:last-of-type {
  border-bottom: none !important;
}

.sticky-left {
  position: sticky;
  left: 0;
  z-index: 1001;
}

/*phone*/

.phoneContentBox {
  height: 80vh;
  width: 80vh;
  background-image: url(../img/bgPhone.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.phoneContent {
  width: 45.2%;
  height: 77.2%;
  margin-top: 1.8rem;
  margin-right: .09rem;
  border-radius: 1rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

.phoneContentProgramme,
.phoneContentParticipant,
.phoneContentPresentation {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}

.phoneContentProgramme {
  background-image: url(../img/bgPhoneProgramme.webp);
}

.phoneContentParticipant {
  background-image: url(../img/bgPhoneParticipant.webp);
}

.phoneContentPresentation {
  background-image: url(../img/bgPhonePresentation.webp);
}

.phoneMainButton9,
.phoneMainButton12 {
  font-size: .8rem;
  border: .15rem solid #fff;
  border-radius: .7rem;
  opacity: .9;
  width: 30%;
}

.phoneMainButton9::before,
.phoneMainButton12::before {
  content: "";
  float: left;
  padding-top: 100%;
}

.phoneMainButton12::before {
  padding-top: 72%;
}

.phoneMainButtonIcon9,
.phoneMainButtonIcon12 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.phoneMainButtonIcon9 {
  width: 2.5rem;
  height: 2.5rem;
}

.phoneMainButtonIcon12 {
  width: 1.8rem;
  height: 1.8rem;
}

.phoneMainButtonText {
  font-weight: bold;
  text-align: center;
  line-height: 1rem;
}

.phoneContentSelect {
  border: 0px;
  outline: 0px;
}

.phonePreviewIframe {
  border-radius: 1rem;
}

.phoneContentHome {
  background-image: url(../img/iconPhoneHome.svg);
}

.phoneContentSettings {
  background-image: url(../img/iconPhoneSettings.svg);
}

/*watchdog*/

.watchdogItem {
  width: 4rem;
  height: 4rem;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: .8rem;
  cursor: pointer;
  box-shadow: 0 0 .4rem rgba(0, 0, 0, 0.3);
}

.watchdogSessionRunning {
  position: absolute;
  top: -.5rem;
  right: -.5rem;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../img/iconSession.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  padding: .2rem;
  border-radius: .7rem;
}

.watchdogSessionError {
  position: absolute;
  top: .8rem;
  right: .8rem;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(../img/iconWatchdogWarning.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.watchdogItem.show {
  background-image: url(../img/watchdogShow.svg);
}

.watchdogItem.screen {
  background-image: url(../img/watchdogScreen.svg);
}

.watchdogItem.picker {
  background-image: url(../img/watchdogPicker.svg);
}

.watchdogItem.controller {
  background-image: url(../img/watchdogController.svg);
}

.watchdogItem.recorder {
  background-image: url(../img/watchdogRecorder.svg);
}

.watchdogItem.streamer {
  background-image: url(../img/watchdogStreamer.svg);
}

/*remote*/

#meet,
#anticlick,
#presentationInfo {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
  background-repeat: no-repeat;
}

div[g-container="voting-results"],
div[g-container="voting-qr"] {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10003;
  overflow: hidden;
  background-repeat: no-repeat;
}

#meet {
  pointer-events: none;
}

#anticlick {
  z-index: 1002;
}

.twilio-videochat {
  height: 70vh;
}

.twilio-video-box>video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.remoteLocal {
  z-index: 2000;
}

.liveQuestionsBox {
  min-height: 10rem;
  max-height: 26.5rem;
}

.liveQuestionsShow {
  top: 0;
  left: 0;
  z-index: 2000;
  /*background-image: url(../img/bgLiveQuestions.svg);
  background-repeat: no-repeat;
  background-position: right 3rem bottom 3rem;
  background-size: 30% auto;*/
}

.newQuestionArrow,
.showQuestions {
  bottom: 0;
  margin: 0 auto;
}

.newQuestionArrowSession {
  bottom: 5rem;
  margin: 0 auto;
}

.newQuestionArrowInteractive {
  bottom: 3rem;
  margin: 0 auto;
}

.showQuestions {
  bottom: 1rem;
  right: 1rem;
}

.newQuestionArrow>svg {
  background-color: #fff;
  border-radius: 50%;
}

.newQuestionArrowSession>svg {
  background-color: #fff;
  border-radius: 50%;
}

div[g-container="highlighted-questions"] {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
}

div[g-container="poster-preview"],
div[g-container="gallery-preview"],
div[g-container="video-preview"] {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(.4rem);
  -webkit-backdrop-filter: blur(.4rem);
}

.pictureControls {
  top: 0;
  right: 0;
  color: #fff;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.35);
}

.pictureControlsActive {
  background-color: #007bff;
  border-radius: 50%;
}

.remoteMainBoxLeft {
  flex: 2;
}

.remoteMainBoxRight {
  flex: 1;
  max-width: 33%;
}

.remoteInfoBox {
  height: 100%;
}

.remoteVideoBox {
  max-width: 320px;
  transform: rotateY(180deg);
}

.remoteHeader {
  font-size: 1.5rem;
}

.remoteControlsBoxOverlay {
  top: 0;
  left: 0;
  font-size: 1.8rem;
  background-color: rgba(0, 0, 0, .4);
  backdrop-filter: grayscale(100%);
  z-index: 1003;
}

.remoteInfoBubble {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: .5rem;
}

.scrollbar-sm::-webkit-scrollbar {
  width: .2rem;
}

/*responsive*/

@media (max-width: 1366px) {
  html {
    font-size: 80%;
  }

  .modules-box {
    grid-template-columns: repeat(6, 1fr);
  }

  .menuItem {
    width: 3.5rem;
    height: 3.5rem;
    font-size: .5rem;
    border-radius: .5rem;
    border-width: .1rem;
    padding-bottom: .3rem;
  }

  .menuItemLogoBox {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .2rem;
  }

  .gConLogoBox {
    width: 3.5rem;
  }

  .navigationLeft {
    background-size: 30%;
  }
}

/*print badge*/
.print-badge-infobox {
  width: 34rem;
  height: 14rem;
  margin-top: 2rem;
}

.keyboardKeyBox {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: .4rem;
}

.keyboardKey {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2rem;
  padding: .5rem 0;
  background-color: #fff;
  border: .16rem solid #f2f2f2;
  border-radius: .5rem;
}

.keyboardKey.empty {
  opacity: 0;
}

.keyboardKey.back {
  background-color: #ffa500;
}

.keyboardKey.delete {
  background-color: #dc3545;
}

.keyboardKey.space {
  grid-column: span 6;
}

.attendance-input {
  position: absolute;
  top: -1000px;
  left: -1000px;
}

.builderOverviewRow {
  min-height: 300px;
}

.builderOverviewRow:last-of-type {
  border-bottom: none !important;
}

.bg-stations {
  background-image: url(/static/img/bgStations.webp);
}

.badge-area {
  aspect-ratio: 96 / 134;
  
}