.topbar-bg {
   position: sticky;
   top: 0;
   z-index: 1021;
   background-color: #116446;
 }
 
 .topbar-color {
   color: #ffffff;
 }
 
 .topbar-color:hover {
   color: #ffffff;
 }
 
 .bg-menu {
   top: 45px;
   background-color: #cd1424;
 }
 
 .mainTitle {
   
 }
 
 .subTitle {
   
 }
 
 .btn-color {
   background-color: #cd1424; color: #fff; border: 2px solid #fff; border-radius: 20px;
 }
 
 .btn-color:hover {
   background-color: #fff; color: #cd1424; border: 2px solid #cd1424; border-radius: 10px;
 }
 
 .bg-footer {
   background-color: #e9e8e8;
   color: #808080;
 }

@media (min-width: 1200px) {
   .bg-menu {
      top: 40px;
   }
}

.header-top {
   min-height: 300px;
   text-shadow: 1px 5px 7px rgba(0, 0, 0, 1);
}

.header-text {
   z-index: 999;
}

.bg-banner {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 998;
}

.hallName {
   color: #fff;
   border-top-right-radius: .8rem;
   border-top-left-radius: .8rem;
}

.btn-event {
   background-color: var(--clr-secondary);
   color: #fff;
}

.btn:focus {
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.btn-rounded {
   border-radius: 3rem;
}

.nav-pills>.nav-link.active,
.nav-pills>.nav-item>.nav-link.active {
   background-color: var(--clr-secondary);
}

.chat-height {
   height: 25rem;
}

section {
   padding: 0 0 3rem 0;
}

section:last-of-type {
   margin-bottom: 4rem;
}

section.programme {
   padding: 0;
   margin: 0 0 6rem 0;
}

div[g-container="stream"] {
   transition: all .5s;
}

.playLive,
.playLiveExhibitor {
   top: 0;
   left: 0;
   background-image: url(/static/img/iconPlayStream.svg);
   background-size: 30%;
}

.playLiveExhibitor {
   background-size: 20%;
}

.downloadExhibitorDoc {
   top: 0;
   left: 0;
   background-image: url(/static/img/iconDownloadDoc.svg);
   background-size: 15%;
}

.playLiveMessage {
   top: 0;
   left: 0;
   font-weight: bold;
   font-size: 2rem;
   background-color: #00000070;
}

.playingBox {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.3);
   z-index: 1050;
}

.exhibitorHeaderBig {
   font-size: 1.8rem;
}

.exhibitorHeaderMedium {
   font-size: 1.4rem;
}

.exhibitorHeaderSmall {
   font-size: 1.2rem;
}

.exhibitorImgBig,
.exhibitorImgMedium,
.exhibitorImgSmall,
.exhibitorImgBig>img,
.exhibitorImgMedium>img,
.exhibitorImgSmall>img {
   border-bottom-left-radius: 1rem;
   border-bottom-right-radius: 1rem;
}

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

.exhibitorImgMedium {
   aspect-ratio: 16 / 6;
}

.exhibitorImgSmall {
   aspect-ratio: 16 / 3;
}

.link2D {
   bottom: .5rem;
   right: .5rem;
}

.wizardCount {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 4rem;
   height: 4rem;
   font-size: 2rem;
   font-weight: bold;
   color: #fff;
   background-color: #ccc;
   border-radius: 2rem;
}

.wizardCount.active {
   background-color: #548dd4;
}

div[g-container="preview-meet-box"] {
   aspect-ratio: 16 / 9;
}

.previewRoomHint {
   background-position: top right;
   background-size: contain;
   background-repeat: no-repeat;
}

.previewRoomvolumeMeter {
   bottom: .5rem;
   right: .5rem;
   width: 2.5rem;
}

input[type=checkbox].congressBagCheck {
   display: none;
}

input[type=checkbox].congressBagCheck+label.congressBagCheckLabel {
   background-image: none;
   border-radius: 0.3rem;
   font-weight: bold;
   padding: 0.1rem 0.5rem;
   line-height: inherit;
   height: inherit;
   cursor: pointer;
}

input[type=checkbox].congressBagCheck:checked+label.congressBagCheckLabel,
input[type=checkbox].congressBagCheck+label.congressBagCheckLabel {
   background-image: url(/static/img/optionBoxSelect.svg);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: left center;
   font-size: 1.3rem;
   padding-left: 3.5rem;
}

input[type=checkbox].congressBagCheck+label.congressBagCheckLabel {
   background-image: url(/static/img/optionBoxUnSelect.svg);
}

.iconDownload {
   content: url(/static/img/iconDownload1.svg);
   zoom: 320%;
}

.iconDownloadPdf {
   content: url(/static/img/iconPdfDocuments.svg);
   zoom: 320%;
}

.iconDownloadVideo {
   content: url(/static/img/iconVideoDocuments.svg);
   zoom: 320%;
}

/* survey */
.surveyOptionBox {
   background-image: url(/static/img/optionBoxUnSelect.svg);
   background-repeat: no-repeat;
   background-position: left 1.3rem center;
   border-radius: .5rem;
   padding: 1rem 1rem 1rem 4.5rem;
   font-size: 1.4rem;
}

.surveyOptionBox.small {
   background-position: left .5rem center;
   background-size: 1rem;
   border-radius: .2rem;
   padding: .2rem .2rem .2rem 1.8rem;
   font-size: .9rem;
}

.surveyOptionBox:last-of-type {
   margin-bottom: 0 !important;
}

.surveyOptionBox.checked {
   background-image: url(/static/img/optionBoxSelect.svg);
   background-color: #f5fcff;
}

[g-container="viewer"]:fullscreen .surveyOptionBox {
   background-image: url(/static/img/optionBoxUnSelectLight.svg);
}

[g-container="viewer"]:fullscreen .surveyOptionBox.checked {
   background-image: url(/static/img/optionBoxSelectLight.svg);
   background-color: #666;
}

.surveyOptionBox.radio {
   background-image: url(/static/img/optionBoxUnSelectRadio.svg);
}

.surveyOptionBox.radio.checked {
   background-image: url(/static/img/optionBoxSelectRadio.svg);
}

.arrowsBox {
   height: 67px;
}

.arrows {
   width: 60px;
   height: 50px;
}

.arrows path {
   stroke: #28a745;
   fill: transparent;
   stroke-width: 2px;
   animation: arrow 2s infinite;
   -webkit-animation: arrow 2s infinite;
}

/*voting*/
.votingSecured {
   top: 0px;
   left: 0px;
   backdrop-filter: blur(.6rem);
   -webkit-backdrop-filter: blur(.6rem);
}

@keyframes arrow {
   0% {
      opacity: 0
   }

   40% {
      opacity: 1
   }

   80% {
      opacity: 0
   }

   100% {
      opacity: 0
   }
}

.arrows path.a1 {
   animation-delay: -0.5s;
}

.arrows path.a2 {
   animation-delay: 0s;
}

.badge-rounded {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 1.2rem;
   min-height: 1.2rem;
   font-weight: bold;
   font-size: .7rem;
   background-color: #fff;
   border-radius: 50%;
   color: #000;
   position: relative;
}

.badge-rounded.blue {
   background-color: var(--blue);
   color: #fff;
}

.badge-pulsate::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   animation: badge-pulse 1s ease infinite;
   border-radius: 50%;
   border: 4px double #fff;
}

.badge-pulsate.blue::before {
   border: 4px double var(--blue);
}

@keyframes badge-pulse {
   0% {
      transform: scale(1);
      opacity: 1;
   }

   60% {
      transform: scale(1.6);
      opacity: 0.4;
   }

   100% {
      transform: scale(1.8);
      opacity: 0;
   }
}

.loader {
   border: 8px solid #f3f3f3;
   border-top: 8px solid #3498db;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   animation: spin 1s linear infinite;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

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

   .sessionIcon,
   .presentationIcon {
      width: 2rem;
      height: 1rem;
   }

   ::-webkit-scrollbar {
      width: 0;
   }

   .playLiveMessage {
      font-size: 1.2rem;
   }
}

.trumbowyg-editor {
   background-color: #fff;
   min-height: 27.5rem !important;
   max-height: 30rem;
}

[g-container="screens"] div video {
   height: 100%;
   max-width: 100%;
   object-fit: contain;
}

.firefoxQuestionList {
   max-height: 21rem;
}

.z-index-high {
   z-index: 10000;
}

.gallery-item {
   transition: .5s;
}

.gallery-item:hover {
   box-shadow: none !important;
   transition: .5s;
}